/* ------------------------------------------------------------------------- Text styles */
body, td, th, div, select, textarea, input, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Trebuchet MS;
}
body {
    color: #333333;
    font-size: 83%;
}
strong {
    font-weight: bold;
}
strong em {
    font-weight: bold;
    font-style: italic;
}
p {
    padding-bottom: 1em;
}
.bold {
    font-weight: bold;
}
.txt-white
{
	color:#ffffff;
}
.normal {
    font-weight: normal;
}
.screen-reader {
    text-indent: -999em;
    overflow: hidden;
    display: block;
	height: 25px;
}
.txt-upper {
	text-transform: uppercase;
}
.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}
.txt-normal {
    text-decoration: none !important;
    color: #333 !important;
    font-weight: normal !important;
}
.txt-small {
    font-size: 0.8em;
}
.txt-small-indent {
    text-indent: 1em;
    font-size: 0.9em;
}
.txt-medium {
    font-size: 0.9em;
    line-height: 1.2em;
}
.txt-large {
    font-size: 1.2em;
}
.txt-extra-large {
    font-size: 1.5em;
}
.txt-red {
    color: Red;
}
.txt-grey {
    color: #333;
}
.txt-blue {
    color: #00A3C2;
}
.txt-orange {
    color: #ED8512;
}
.txt-alert {
    color: Red;
    padding: 5px;
    display: block;
}
.txt-heading {
    color: #00A3C2;
    font-weight: bold;
}
.heading-highlight {
    color: #00A4C0;
}
.txt-price, .txt-price-medium, .txt-price-large {
    color: #ED8512;
    font-weight: bold;
}
.txt-price-medium {
    font-size: 1.2em;
}
.txt-price-large {
    font-size: 1.4em;
}
.txt-call-us {
    font-size: 1.2em;
    margin: 0;
    padding: 10px 0 5px 0;
}
.header-faq {
    font-size: 1.2em;
    margin: 15px 0;
}
p.question {
    font-weight: bold;
    padding: 2px 0 5px 30px;
    background: url(text/question.gif) no-repeat;
    margin-bottom: 10px;
}
p.answer {
    padding: 2px 0 5px 30px;
    background: url(text/answer.gif) no-repeat;
    margin-bottom: 10px;
}
/* ------------------------------------------------------------------------- Headings */
h1, h2, h3, h4 {
    margin: 0 0 10px 0;
    color: #00A3C2;
    font-weight: bold;
}
h1 {
    font-size: 1.35em;
    line-height: 1.3em;
    font-weight: normal;
}
h1.h2-style {
    font-size: 1.1em;
    font-weight: bold;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1em;
}
h4 {
    font-size: 1em;
    font-style: italic;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}
h2.heading {
    background-repeat: no-repeat;
    height: 33px;
}
h2.heading-why {
    background: url(text/why-olotels.gif) no-repeat;
    height: 38px;
    width: 169px;
    margin-bottom: 0;
}
h2.heading-popular-attractions {
    background: url(text/popular-attractions.jpg) no-repeat;
    height: 24px;
}
h2.heading-security-promise {
    background: url(text/security-promise.gif) no-repeat left bottom;
    height: 28px;
}
h2.heading-popular-destinations {
    background: url(text/popular-destinations.jpg) no-repeat;
    height: 24px;
    margin-top: 5px;
}
h2.heading-phone-number {
    background: url(text/phone-number.gif) no-repeat center top;
    height: 27px;
    margin: 0;
}
h2.header-your-selection-column {
    background: url(text/your-selection-column.gif) no-repeat;
    height: 25px;
    margin: 0;
}
h2.header-login {
    background: url(text/login.gif) no-repeat;
    height: 20px;
    margin: 0 0 10px 0;
}
h2.header-refine-search {
    background: url(text/refine-search.jpg) no-repeat;
    height: 24px;
    width: 190px;
    margin: 0;
}
h2.header-featured-hotel {
    background: url(text/featured-hotel.jpg) no-repeat;
    height: 21px;
    width: 150px;
    margin: 0;
}
h2.header-rooms-prices {
    background: url(text/rooms-and-prices.gif) no-repeat;
    height: 25px;
    width: 165px;
    margin: 0;
}
h2.header-surrounding-cities {
    background: url(text/surrounding-cities.gif) no-repeat;
    height: 24px;
    width: 183px;
    margin: 0;
}
h2.header-rooms {
    background: url(text/rooms.gif) no-repeat;
    height: 25px;
    width: 81px;
}
h2.header-location {
    background: url(text/location.jpg) no-repeat;
    height: 21px;
    width: 91px;
}
h2.header-facilities {
    background: url(text/facilities.gif) no-repeat;
    height: 26px;
    width: 98px;
    margin: 0;
}
h2.header-facilities-services {
    background: url(text/facilities-services.gif) no-repeat;
    height: 25px;
    width: 202px;
}
h2.header-other-information {
    background: url(text/other-information.gif) no-repeat;
    height: 25px;
    width: 202px;
}
h2.header-reviews {
    background: url(text/reviews.gif) no-repeat;
    height: 26px;
    width: 98px;
    margin: 0;
}
h2.header-my-account {
    background: url(text/my-account.gif) no-repeat;
    height: 24px;
    width: 116px;
    margin: 0 0 10px 0;
}
h2.header-booking-your-details {
    background: url(text/booking-your-details.jpg) no-repeat;
    height: 22px;
    width: 121px;
    margin: 0 0 10px 0;
}
h2.header-booking-special-req {
    background: url(text/booking-special-requirements.jpg) no-repeat;
    height: 25px;
    width: 215px;
    margin: 0 0 10px 0;
}
h2.header-booking-selection {
    background: url(text/booking-your-selection.gif) no-repeat;
    height: 23px;
    width: 143px;
    margin: 0 0 10px 0;
}
h2.header-booking-payment {
    background: url(text/booking-payment.gif) no-repeat;
    height: 25px;
    width: 91px;
    margin: 0 0 10px 0;
}
h2.header-bookings {
    background: url(text/bookings.jpg) no-repeat;
    height: 27px;
    width: 96px;
    margin: 0 0 10px 0;
}
h2.header-about-me {
    background: url(text/about-me.jpg) no-repeat;
    height: 21px;
    width: 100px;
    margin: 0 0 10px 0;
}
h2.header-preferences {
    background: url(text/preferences.jpg) no-repeat;
    height: 22px;
    width: 125px;
    margin: 0 0 10px 0;
}
h2.header-send-feedback {
    background: url(text/send-feedback.jpg) no-repeat;
    height: 22px;
    width: 152px;
    margin: 0 0 10px 0;
}
h2.header-login-details {
    background: url(text/login-details.jpg) no-repeat;
    height: 26px;
    width: 132px;
    margin: 0 0 10px 0;
}
h2.header-about-you {
    background: url(text/about-you.jpg) no-repeat;
    height: 26px;
    width: 103px;
    margin: 0 0 10px 0;
}
h2.header-faqs {
    background: url(text/faqs.gif) no-repeat;
    height: 25px;
    width: 129px;
    margin: 0 0 10px 0;
}
h2.header-what-think {
    background: url(text/what-think.jpg) no-repeat;
    height: 26px;
    width: 192px;
    margin: 0;
}
h2.filter-options {
    background: url(text/filter-options.gif) no-repeat;
    height: 25px;
    margin: 0;
    padding: 0;
}
h2.header-tel-numbers {
    background: url(text/tel-numbers.jpg) no-repeat;
    height: 25px;
    width: 200px;
    margin: 0;
}
h2.header-enquiry-form {
    background: url(text/enquiry-form.jpg) no-repeat;
    height: 26px;
    width: 131px;
    margin: 0 0 10px 0;
}
h2.header-your-selection {
    background: url(text/your-selection.jpg) no-repeat;
    height: 21px;
    width: 144px;
    margin: 0 0 10px 0;
}
h2.header-your-rooms {
    background: url(text/your-rooms.jpg) no-repeat;
    height: 22px;
    width: 117px;
    margin: 0 0 10px 0;
}
h2.header-attractions {
    background: url(text/attractions.jpg) no-repeat;
    height: 23px;
    width: 113px;
    margin: 0;
}
h2.header-places-to-eat {
    background: url(text/places-to-eat.jpg) no-repeat;
    height: 22px;
    width: 135px;
    margin: 0;
}
h2.header-testimonials {
    background: url(text/testimonials.jpg) no-repeat;
    height: 22px;
    width: 129px;
    margin: 0;
}
/* ------------------------------------------------------------------------- Borders */
.hr {
    height: 15px;
    background: url(bg/dotted-line-repeat.gif) repeat-x left center;
}
.dotted-line-bottom {
    background: url(bg/dotted-line-repeat.gif) repeat-x left bottom;
    padding-bottom: 10px;
}
.pipe-divider {
    background: url(bg/pipe-divider.gif) no-repeat right center;
    padding-right: 5px;
    margin-right: 5px;
}
/* ------------------------------------------------------------------------- Image styles */
img {
    border: none;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
div.rating {
    background: url(icons/rating.jpg) no-repeat;
    height: 19px;
    margin: 4px 0;
}
div.rating1 {
    width: 35px;
}
div.rating2 {
    width: 70px;
}
div.rating3 {
    width: 105px;
}
div.rating4 {
    width: 140px;
}
div.rating5 {
    width: 177px;
}
/* ------------------------------------------------------------------------- Box styles - basic*/
.border-grey {
    border: 1px solid #CCC;
}
.border-alert {
    border: 1px solid red;
}
.box-blue {
    background: #E8F4F8;
}
.box-light-blue {
    background: #F4FAFC;
}
.box-shadow {
    background: #F4FAFC url(bg/shadow-bg-large.jpg) no-repeat left bottom;
    position: relative;
    padding: 3px 0 2px 6px;
    margin-bottom: 3px;
}
/* ------------------------------------------------------------------------- Box styles - Expand / collapse rounded corners box*/
div.box-expand-collapse {
    background: url(box-styles/content-expand-collapse-header.gif) no-repeat;
    padding: 6px 10px 6px 10px;
    margin-bottom: 2px;
}
div.box-expand-collapse h2 {
    float: left;
}
div.box-expand-collapse a {
    float: right;
    margin: 5px 0 0 0;
}
/* ------------------------------------------------------------------------- Box styles - Column Feature Box*/
.column-shaded-box {
    background: url(box-styles/column-shaded/bg.jpg) repeat-y;
}
.column-shaded-box div.open {
    height: 5px;
    font-size: 0;
    background: url(box-styles/column-shaded/header.jpg) no-repeat;
}
.column-shaded-box div.content {
    padding: 5px 14px 10px 14px;
    background: transparent;
    zoom: 1;
}
.column-shaded-box div.close {
    height: 5px;
    font-size: 0;
    background: url(box-styles/column-shaded/footer.jpg) no-repeat;
}
/* ------------------------------------------------------------------------- Box styles - White Bordered Box*/
.box-plain-border {
    width: 300px;
    background: url(box-styles/white-border/bg.png) repeat-y;
    margin-bottom: 10px;
}
.box-plain-border div.open {
    height: 9px;
    font-size: 0;
    background: url(box-styles/white-border/header.png) no-repeat;
	background-color: #e9f4f8;
}
.box-plain-border div.content {
    padding: 0 10px 10px 10px;
}
.box-plain-border div.close {
    height: 9px;
    font-size: 0;
    background: url(box-styles/white-border/footer.png) no-repeat;
	background-color: #e9f4f8;
}
/* ------------------------------------------------------------------------- Box styles - Column plain no border*/
.box-column-plain {
    width: 240px;
    background: url(box-styles/column-plain/bg.jpg) repeat-y;
    margin: 10px 0;
}
.box-column-plain div.open {
    height: 5px;
    font-size: 0;
    background: url(box-styles/column-plain/header.jpg) no-repeat;
}
.box-column-plain div.header {
    padding: 0 10px;
}
.box-column-plain div.toggle {
    float: right;
}
.box-column-plain div.toggle a {
    margin-top: 5px;
}
.box-column-plain div.content {
    padding: 10px;
}
.box-column-plain div.close {
    height: 5px;
    font-size: 0;
    background: url(box-styles/column-plain/footer.jpg) no-repeat;
}
/* ------------------------------------------------------------------------- Box styles - Content Blue Bordered Box*/
.box-content-blue-border {
    background: url(box-styles/content-blue-border/bg.gif) repeat-y;
}
.box-content-blue-border div.open {
    height: 6px;
    font-size: 0;
    background: url(box-styles/content-blue-border/header.gif) no-repeat;
}
.box-content-blue-border div.content {
    padding: 5px 14px 5px 14px;
    zoom: 1;
}
.box-content-blue-border div.close {
    height: 6px;
    font-size: 0;
    background: url(box-styles/content-blue-border/footer.gif) no-repeat;
}
/* ------------------------------------------------------------------------- Anchor Styles - basic */
a {
    outline: none;
    text-decoration: underline;
    color: #00A3C2;
    background: transparent;
}
a:hover {
    text-decoration: none;
}
a.css-btn {
    background-repeat: no-repeat;
    background-position: left top;
    height: 29px;
    line-height: 28px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    color: #FFF;
    text-align: center;
}
a.css-btn:hover {
    background-position: right top;
}
/* ------------------------------------------------------------------------- Anchor Styles - blue arrow buttons */
a.blue-arrow-188 {
    background-image: url(buttons/roll-over/btn-style-blue-arrow-188.gif);
    width: 188px;
    text-indent: 20px;
    text-align: left;
}
a.blue-arrow-152 {
    background-image: url(buttons/roll-over/btn-style-blue-arrow-152.gif);
    width: 152px;
    text-indent: 20px;
    text-align: left;
    font-size: 1em;
}
/* ------------------------------------------------------------------------- Anchor Styles - blue buttons */
a.blue-188 {
    background-image: url(buttons/roll-over/btn-style-blue-188.gif);
    width: 188px;
    font-size: 1em;
}
a.blue-152 {
    background-image: url(buttons/roll-over/btn-style-blue-152.gif);
    width: 152px;
    font-size: 1em;
}
a.blue-90 {
    background-image: url(buttons/roll-over/btn-style-blue-90.gif);
    width: 90px;
    font-size: 1em;
}
a.blue-68 {
    background-image: url(buttons/roll-over/btn-style-blue-68.gif);
    width: 68px;
    font-size: 1em;
}
/* ------------------------------------------------------------------------- Anchor Styles - orange buttons */
a.orange-188 {
    background-image: url(buttons/roll-over/btn-style-orange-188.gif);
    width: 188px;
    font-size: 1em;
}
a.orange-141 {
    background-image: url(buttons/roll-over/btn-style-orange-141.gif);
    width: 141px;
    font-size: 1em;
}
a.orange-89 {
    background-image: url(buttons/roll-over/btn-style-orange-89.gif);
    width: 89px;
    font-size: 1em;
}
a.orange-68 {
    background-image: url(buttons/roll-over/btn-style-orange-68.gif);
    width: 68px;
    font-size: 1em;
}
a.orange-33 {
    background-image: url(buttons/roll-over/btn-style-orange-33.gif);
    width: 33px;
    height: 26px;
    line-height: 26px;
    font-size: 1em;
}
/* ------------------------------------------------------------------------- Anchor Styles - zoom icon*/
a.icon-zoom, a.icon-zoom-no-text {
    background: url(icons/magnify.gif) no-repeat left center;
    padding: 7px 0 7px 29px;
    display: block;
}
a.icon-zoom-no-text {
    text-indent: -999em;
    overflow: hidden;
    width: 25px;
    padding-left: 0;
    padding-right: 0;
}
/* ------------------------------------------------------------------------- Anchor Styles - save icon*/
a.icon-saved, a.icon-saved-no-text {
    background: url(icons/saved.gif) no-repeat left center;
    padding: 7px 0 15px 32px;
    display: block;
}a.icon-save, a.icon-save-no-text {
    background: url(icons/save.gif) no-repeat left center;
    padding: 7px 0 15px 32px;
    display: block;
}
a.icon-save-no-text, a.icon-saved-no-text  {
    text-indent: -999em;
    overflow: hidden;
    width: 25px;
    padding-left: 0;
    padding-right: 0;
}
/* ------------------------------------------------------------------------- Anchor Styles - map icon */
a.icon-map, a.icon-map-no-text {
    background: url(icons/map.gif) no-repeat left center;
    padding: 7px 0 7px 29px;
    display: block;
}
a.icon-map-no-text {
    text-indent: -999em;
    overflow: hidden;
    width: 25px;
    padding-left: 0;
    padding-right: 0;
}
/* ------------------------------------------------------------------------- Anchor Styles - minimise/maximise icons*/
a.icon-minimise, a.icon-maximise, a.icon-minimise-no-text, a.icon-maximise-no-text {
    background: url(icons/minimize.gif) no-repeat right center;
    padding: 0 28px 0 0;
    display: block;
}
a.icon-maximise, a.icon-maximise-no-text {
    background-image: url(icons/maximise.gif);
}
a.icon-minimise-no-text, a.icon-maximise-no-text {
    width: 17px;
    height: 18px;
    padding: 0;
}
/* ------------------------------------------------------------------------- Icon Styles */
.icon-help, .icon-help-no-text {
    background: url(icons/help.gif) no-repeat left center;
    padding: 7px 0 7px 20px;
    cursor: help;
}
.icon-help-no-text {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    width: 16px;
    height: 17px;
    padding: 0 0 0 5px;
}
.icon-camera {
    background: url(icons/camera.gif) no-repeat left center;
    padding: 3px 0 3px 33px;
}
.icon-tree {
    background: url(icons/tree.gif) no-repeat left center;
    padding: 3px 0 3px 30px;
}
/* ------------------------------------------------------------------------- List styles - basic*/
ul {
    margin: 10px 0;
    padding-left: 10px;
}
ul li {
    margin-left: 20px;
    list-style-type: disc;
}
ol {
    margin: 10px 0;
    padding-left: 20px;
}
ol li {
    margin-left: 20px;
    list-style-type: decimal;
}
/* ------------------------------------------------------------------------- List styles - Tick list*/
ul.list-tick {
    margin: 10px 0;
    padding: 0;
}
ul.list-tick2 {
    margin: 0px 0;
    padding: 0;
}
ul.list-tick li {
    list-style: none;
    display: block;
    margin: 0;
    background: url(icons/tick.gif) no-repeat;
    padding: 4px 0px 4px 30px;
}
/* ------------------------------------------------------------------------- List styles - Inline list (floated)*/
ul.list-inline-float {
    margin: 0;
    padding: 0;
    float: left;
}
ul.list-inline-float li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}
/* ------------------------------------------------------------------------- List styles - Inline list (display:inline)*/
ul.list-inline {
    margin: 0;
    padding: 0;
    display: inline;
}
ul.list-inline li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
}
/* ------------------------------------------------------------------------- List styles - Plain list*/
ul.list-plain {
    margin: 0;
    padding: 0;
}
ul.list-plain li {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}
/* ------------------------------------------------------------------------- List styles - Icons inline list*/
ul.icons-list {
    margin: 0;
    padding: 0;
}
ul.icons-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    float: left;
}
ul.icons-list a {
    float: left;
    padding-right: 10px;
    display: block;
}
/* ------------------------------------------------------------------------- List styles - Pipe dividers */
ul.divider li, li.divider {
    background: url(bg/pipe-divider.gif) no-repeat right center;
    padding-right: 5px;
    margin-right: 5px;
}
ul.divider li.last {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
/* ------------------------------------------------------------------------- List styles - actions list */
.actions-list-buttons {
    margin: 0;
    padding: 20px 0 15px 0;
}
.actions-list-buttons li {
    height: 37px;
    line-height: 39px;
    list-style: none;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}
.actions-list-buttons li a {
    height: 100%;
    display: block;
    text-decoration: none;
    text-indent: 50px;
    color: #333;
}
.actions-list-buttons li.oloclub {
    background-image: url(buttons/action-buttons/oloclub.jpg);
}
.actions-list-buttons li.favourites {
    background-image: url(buttons/action-buttons/favourites.jpg);
}
.actions-list-buttons li.send {
    background-image: url(buttons/action-buttons/send.jpg);
}
.actions-list-buttons li.bookmark {
    background-image: url(buttons/action-buttons/bookmark.jpg);
}
.actions-list-buttons li.bookmark span {
    float: left;
    text-indent: 50px;
    padding-right: 5px;
}
.actions-list-buttons li.bookmark a {
    height: auto;
    width: 24px;
    float: left;
    text-indent: 0;
    padding: 7px 3px 0 0;
}
/* ------------------------------------------------------------------------- List styles - image floated left of copy */
ul.list-image-and-copy {
    margin: 0;
    padding: 0;
}
ul.list-image-and-copy li {
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    list-style: none;
    float: left;
    background: url(bg/dotted-line-repeat.gif) repeat-x left bottom;
}
ul.list-image-and-copy li img {
    float: left;
    margin: 0 10px 10px 0;
    display: block;
}
ul.list-image-and-copy li div {
    float: left;
    width: 550px;
}
ul.list-image-and-copy li.last {
    margin: 0;
    padding: 0;
    background: none;
}
/* ------------------------------------------------------------------------- Promo Pods */
div.promo-oloclub {
    width: 240px;
    height: 154px;
    text-decoration: none;
    background: url(promo-pods/oloclub.jpg) no-repeat;
}
div.promo-oloclub a {
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 0.9em;
}
div.promo-oloclub span {
    padding: 80px 10px 10px 10px;
    display: block;
}
/* ------------------------------------------------------------------------- tables */
th {
    font-weight: bold;
    text-align: left;
}
.table {
    width: 100%;
    background: url(bg/table-bg-slice.gif) repeat-y;
    border-bottom: 1px solid #B0DBE7;
}
.table th, .table td {
    padding: 10px 5px;
    vertical-align: middle;
}
.header-row-gutter th {
    padding: 8px 5px 14px 5px;
    color: #02829A;
    font-weight: bold;
    background: url(bg/table-header-bottom-bg.gif) repeat-x left bottom;
}
.table td.first, .table th.first {
    padding-left: 10px;
}
.table td {
    border-bottom: 2px solid #C5E5F0;
}
.table-plain {
    width: 100%;
}
.table-plain th, .table-plain td {
    padding: 5px;
    line-height: 1.3em;
}
.table span.number {
    background: #fff;
    display: block;
    padding: 7px 25px;
    color: #F79323;
    font-size: #F79422;
    font-size: 1.5em;
    font-weight: bold;
    float: left;
}
/* ------------------------------------------------------------------------- Cursors */
.cursor {
    cursor: pointer;
}
/* ------------------------------------------------------------------------- Positional / display styles */
.c {
    clear: both;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}
.clear-both {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.inline {
    display: inline;
}
.block {
    display: block;
}
.no-wrap {
    white-space: nowrap;
}
.show {
    display: inherit;
}
.hide {
    display: none;
}
/* ------------------------------------------------------------------------- Padding styles */
.no-pad {
    padding: 0;
}
.pad-2 {
    padding: 2px;
}
.pad-5 {
    padding: 5px;
}
.pad-10 {
    padding: 10px;
}
.pad-15 {
    padding: 15px;
}
.pad-20 {
    padding: 20px;
}
.pad-v-5 {
    padding: 5px 0;
}
.pad-v-10 {
    padding: 10px 0;
}
.pad-v-15 {
    padding: 15px 0;
}
.pad-v-20 {
    padding: 20px 0;
}
.pad-t-5 {
    padding-top: 5px;
}
.pad-t-10 {
    padding-top: 10px;
}
.pad-t-15 {
    padding-top: 15px;
}
.pad-t-20 {
    padding-top: 20px;
}
.pad-b-5 {
    padding-bottom: 5px;
}
.pad-b-10 {
    padding-bottom: 10px;
}
.pad-b-15 {
    padding-bottom: 15px;
}
.pad-b-20 {
    padding-bottom: 20px;
}
.pad-l-10 {
    padding-left: 10px;
}
.pad-r-10 {
    padding-right: 10px;
}
.pad-t-30 {
    padding-top: 30px;
}
.pad-r-30 {
    padding-right: 30px;
}
.pad-r-20 {
    padding-right: 20px;
}
.pad-r-5 {
    padding-right: 5px;
}
/* ------------------------------------------------------------------------- Margin styles */
.no-margin {
    margin: 0;
}
.margin-5 {
    margin: 5px;
}
.margin-10 {
    margin: 10px;
}
.margin-15 {
    margin: 15px;
}
.margin-20 {
    margin: 20px;
}
.margin-l-5 {
    margin-left: 5px;
}
.margin-l-10 {
    margin-left: 10px;
}
.margin-r-5 {
    margin-right: 5px;
}
.margin-r-10 {
    margin-right: 10px;
}
.margin-b-5 {
    margin-bottom: 5px;
}
.margin-b-10 {
    margin-bottom: 10px;
}
.margin-b-15 {
    margin-bottom: 15px;
}
.margin-t-5 {
    margin-top: 5px;
}
.margin-t-10 {
    margin-top: 10px;
}
.margin-t-15 {
    margin-top: 15px;
}
.margin-t-20 {
    margin-top: 20px;
}
.margin-t-25 {
    margin-top: 25px;
}
.margin-r-15{
	margin-right: 15px;
}
.margin-t-30{
	margin-top: 30px;
}
.margin-auto{
	margin: auto;
}