/* ~~ BASE ELEMENT SETUP ~~ */
body {
    font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 150%;
    color: #036;
    background: #336799
    }
a, a:visited {
    color: #0048ff
    }
a:hover, a.current {
    color: #0048ff;
    text-decoration: none
    }
table {
    margin-bottom: 0
    }
/* ~~ 960 GRID CONTAINER BACKGROUNDS ~~ */
.container_12 {
    background: none repeat scroll 0 0 #fff
    }
img, embed, object, video, iframe {
    max-width: 100%
    }
.text85 {
    font-size: 85%
    }
.areaThumb img {
    max-width: none
    }
/* ~~ GLOBAL USE STYLES ~~ */
.small {
    font-size: 11px
    }
img {
    border: 0
    }
img.sided {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px
    }
label.bold {
    font-weight: bold
    }
label.boldBigger {
    font-weight: bold;
    font-size: 1em
    }
.returnToTop {
    font-size: 80%;
    text-align: right;
    margin-bottom: 2px
    }
li {
    line-height: 18px
    }
li.noBullet {
    list-style-type: none;
    line-height: 18px
    }
li.narrow {
    font-size: 13px
    }
/*
.blueButton {
	border-radius: 3px;
	border: 1px solid #4eb0f9;
	background-color: #336598;
	background: -moz-linear-gradient(90deg, #336598 0%, #0587e7 100%) #336598;
	background: -webkit-gradient(linear, left bottom, left top, from(#336598), to(#0587e7)) #336598;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	text-shadow: 1px 1px 1px #243649;
	margin-top: 5px;
	padding: 2px 5px;
	cursor: pointer;
}

.blueButton:hover {
		background-color: #649fdc;
		background: -moz-linear-gradient(90deg, #4b86c2 0%, #69bcf9 100%) #649fdc;
		background: -webkit-gradient(linear, left bottom, left top, from(#4b86c2), to(#69bcf9)) #649fdc;
}
*/
.blueButton {
    border-radius: 3px;
    border: 1px solid #f49200;
    background-color: #f90;
    background: -moz-linear-gradient(90deg, #f90 0%, #fead33 100%) #dd8500;
    background: -webkit-gradient(linear, left bottom, left top, from(#f90), to(#fead33)) #dd8500;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: 1px 1px 1px #fff;
    margin-top: 5px;
    padding: 2px 5px;
    cursor: pointer
    }
.blueButton:hover {
    background-color: #ffcc80;
    background: -moz-linear-gradient(90deg, #fead33 0%, #ffcc80 100%) #ffcc80;
    background: -webkit-gradient(linear, left bottom, left top, from(#fead33), to(#ffcc80)) #ffcc80
    }
.greenButton {
    border-radius: 3px;
    border: 1px solid #58b05d;
    background-color: #64c23f;
    background: -moz-linear-gradient(90deg, #2a7a04 0%, #64c23f 100%) #41b500;
    background: -webkit-gradient(linear, left bottom, left top, from(#2a7a04), to(#64c23f)) #41b500;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: 1px 1px 1px #243649;
    margin-top: -2px;
    padding: 2px 5px;
    cursor: pointer
    }
.greenButton :hover {
    background-color: #8ccf71;
    background: -moz-linear-gradient(90deg, #45ad14 0%, #8ccf71 100%) #8ccf71;
    background: -webkit-gradient(linear, left bottom, left top, from(#45ad14), to(#8ccf71)) #8ccf71
    }
span.book {
    font-size: 110%;
    font-weight: bold;
    text-transform: capitalize;
    color: #F90
    }
span.totalCharges {
    font-size: 130%;
    font-weight: bold;
    text-transform: capitalize;
    color: #F90
    }
span.noServiceFees {
    font-weight: bold;
    text-transform: capitalize;
    color: #F90
    }
/*.refineSearchButton {
	font-size: 10px;
   	color: #FFFFFF;
   	background-color: #42b600;
   	font-weight: normal;
}*/
.refineSearchButton {
    border-radius: 3px;
    border: 1px solid #58b05d;
    background-color: #64c23f;
    background: -moz-linear-gradient(90deg, #2a7a04 0%, #64c23f 100%) #41b500;
    background: -webkit-gradient(linear, left bottom, left top, from(#2a7a04), to(#64c23f)) #41b500;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: 1px 1px 1px #243649;
    margin-top: -2px;
    padding: 2px 5px;
    cursor: pointer
    }
.refineSearchButton:hover {
    background-color: #8ccf71;
    background: -moz-linear-gradient(90deg, #45ad14 0%, #8ccf71 100%) #8ccf71;
    background: -webkit-gradient(linear, left bottom, left top, from(#45ad14), to(#8ccf71)) #8ccf71
    }
/* ~~ SMALL BOOK ONLINE OR CALL BANNER AREA ~! */
.areaBookOnline {
    min-width: 200px;
    min-height: 239px;
    margin-bottom: 10px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -831px
    }
.areaBookOnline .phoneNumbers {
    text-align: center;
    padding-top: 190px;
    font-size: 20px;
    font-weight: bold
    }
.areaBookOnline .phoneNumbers p {
    margin-bottom: 0;
    padding-bottom: 0
    }
/* ~~ GLOBAL USE HEADER STYLES ~~ */
h1 {
    font-size: 150%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0
    }
h1.underline {
    font-size: 150%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #036
    }
h2 {
    font-size: 140%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0
    }
h2.underline {
    font-size: 140%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #036
    }
h3 {
    font-size: 130%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0
    }
h3.underline {
    font-size: 130%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #036
    }
h4 {
    font-size: 120%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0
    }
h4.underline {
    font-size: 120%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #036
    }
h5 {
    font-size: 110%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0
    }
h5.underline {
    font-size: 110%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #036
    }
h6 {
    font-size: 100%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0
    }
h6.underline {
    font-size: 100%;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #036
    }
/* ~~ GLOBAL USE ALIGNMENTS ~~ */
.alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
    }
.alignright {
    float: right;
    text-align: right;
    margin-left: 10px
    }
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.floatleft {
    float: left
    }
.floatright {
    float: right
    }
.floatleft10 {
    float: left;
    margin-left: 5px
    }
.floatRightTop10 {
    float: right;
    margin-top: 10px
    }
.left {
    float: left;
    margin-right: 10px
    }
.right {
    float: right;
    margin-left: 10px
    }
.link {
    text-decoration: none;
    background-color: #ecf4fd;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 10px 0 0;
    font-size: 0.75em
    }
.bigLink {
    font-size: 1.2em;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: none
    }
.contentAreaRefineSearchForm {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px
    }
.contentArea2 {
    padding-left: 10px;
    padding-right: 10px
    }
.contentArea, .cg-contentArea {
    padding-left: 10px
    }
.contentArea p, li {
    line-height: 1.3;
    font-size: 0.875em
    }
.contentArea h2 {
    font-size: 1.1em;
    color: #036;
    margin-bottom: 10px
    }
.contentArea h3 {
    font-size: 1.1em;
    color: #036;
    margin-bottom: 10px
    }
.contentArea h3 a {
    text-decoration: none
    }
.contentArea h4 {
    font-size: 1.2em;
    color: #036;
    margin-bottom: 10px
    }
.contentArea ul {
    margin-bottom: 10px;
    margin-left: 10px
    }
.contentArea img {
    max-width: 100%
    }
.mapLinkRight {
    float: right;
    margin-right: 10px
    }
.contentArea .content p {
    margin-bottom: 10px
    }
.mapLinkRight a {
    background-color: #FFF2D0;
    border: 1px solid #FFF2D0;
    border-radius: 5px;
    padding: 0 5px 0 5px;
    text-decoration: none;
    font-size: 0.875em;
    color: #036
    }
/* ~~ HEADER & NAVIGATION WRAPPER ~~ */
/*
.wrapperHeaderNav {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../img/bg_header_nav.jpg) top right no-repeat;
	height: 120px;
}
*/
/*
.wrapperHeaderNav {
	margin: 0px;
	padding: 0px;
	height: 120px;
}
*/
/* ~~ HEADER STYLES ~~ */
.areaHeader {
    /*width: 530px;*/
    /*height: 90px;*/
    /*margin-left: 10px;*/
    margin-bottom: 5px;
    padding: 0 15px 0 10px;
    /* border-right: 1px solid #000000; */
    }
.areaHeader h4 {
    padding: 5px 0 0 0;
    font-size: 240%;
    text-transform: capitalize;
    color: #a5a6a5;
    border-bottom: none;
    font-weight: bold;
    font-style: italic
    }
.areaHeader a, .areaHeader a:visited {
    color: #025488;
    text-decoration: none
    }
.areaHeader a:hover, .areaHeader a.current {
    color: #025488;
    text-decoration: none
    }
.areaHeader img.otsLogo {
    padding: 15px 0 0 0;
    border: 0
    }
.areaHeader span {
    display: block;
    margin-top: -35px;
    margin-left: 120px;
    font-size: 0.75em;
    color: #bebebe
    }
.areaHeaderRight {
    padding: 20px 15px 0 0;
    text-align: center
    }
.bookOnline {
    font-size: 1.6em;
    color: #036;
    font-weight: bold;
    margin-bottom: 0
    }
.callTollFree {
    font-size: 1.6em;
    color: #F90;
    font-weight: bold;
    margin-bottom: 0
    }
.areaHeaderRight .social {
    padding-top: 5px;
    padding-left: 10px
    }
.areaHeaderRight .social a {
    text-decoration: none;
    font-size: 0.75em;
    color: #036
    }
/* MOBILE NAV STYLES*/
/* nav */
.nav {
    position: relative;
    margin: 20px 0 20px 0;
    background-color: #fed350;
    /*padding-top: 10px;*/
    }
.nav ul {
    margin: 0;
    padding: 0
    }
.nav li {
    margin: 8px 3px 8px 3px;
    padding-left: 5px;
    list-style: none;
    display: inline-block
    }
.nav a {
    padding: 3px 5px;
    text-decoration: none;
    color: #036;
    line-height: 100%
    }
.nav a:hover {
    color: #fff;
    background: #036;
    border-radius: 5px
    }
.nav .current a {
    background: #036;
    color: #fff;
    border-radius: 5px
    }
/* ~~ NAVIGATION STYLES ~~ */
.areaNavigation {
    padding: 0 10px;
    border-bottom: 12px solid #fed350;
    position: absolute;
    /*
    	visibility: hidden;*/
    margin-top: -25px
    }
/* Start menu Generated via www.cssmenubuilder.com */
.areaNavigation .menu {
    margin: 0 auto;
    padding: 0;
    height: 25px;
    width: 964px;
    display: inline-block
    }
.areaNavigation .menu li {
    padding: 0;
    margin: 0;
    list-style: none
    }
.areaNavigation .menu li a {
    margin: 0 5px 0 0;
    padding-left: 15px;
    display: block;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
    background-color: #175cbc;
    outline: none;
    float: left;
    position: static
    }
.areaNavigation .menu li a span {
    line-height: 25px;
    padding-right: 15px;
    /*	background: url("../img/topMenuImages.png") 100% -30px no-repeat;*/
    }
.areaNavigation .menu li a:hover {
    /*	background-position: 0px -60px; color:rgb(0,0,0);*/
    background-color: #fed350
    }
.areaNavigation .menu li a:hover span {
    background-color: #fed350;
    color: rgb(0, 0, 0);
    /*	background-position: 100% -60px;*/
    }
.areaNavigation .menu li a.active, .menu li a.active:hover {
    line-height: 25px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    /*
    	background: url("../img/topMenuImages.png") 0px -90px no-repeat;*/
    background-color: #fed350;
    color: rgb(0, 0, 0);
    font-weight: bold
    }
.areaNavigation .menu li a.active span, .menu li a.active:hover span {
    background-color: #fed350;
    color: rgb(0, 0, 0);
    /*	background: url("../img/topMenuImages.png") 100% -90px no-repeat;*/
    }
/* End Menu Generated via www.cssmenubuilder.com */
.skinnyBox {
    float: left;
    padding: 10px 5px 5px 0
    }
.skinnyBox li {
    background-color: #036;
    /*border-top: 1px solid #003366;
    	border-bottom: 1px solid #003366;
    	border-left: 1px solid #003366;
    	border-right: 1px solid #003366;*/
    border-radius: 5px;
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    margin: 0 0 5px 0
    }
.skinnyBox a {
    text-decoration: none;
    color: #ecf4fd;
    font-size: 0.875em
    }
.airportBox li a {
    background-color: #eaf2fd;
    /*#ecf4fd;*/
    /*#003366;*/
    border-radius: 5px;
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    font-size: 0.875em;
    display: block
    }
/* ~~ SPECIAL MESSAGE STYLES ~~ */
.areaSpecialMessage {
    margin-top: 10px;
    margin-bottom: 10px
    }
/* ~~ CAROUSEL SEARCH FORM STYLES ~~ */
.carouselWrapper {
    background: #fff url(../img/OTS_Beach_984_400-Web.jpg) top right no-repeat;
    margin-left: -10px;
    margin-top: -20px;
    margin-bottom: 0;
    margin-right: -10px;
    height: 400px
    }
.carouselSearchFormWrapper {
    width: 300px;
    padding: 45px 50px 50px 50px
    }
.carouselSearchForm {
    padding: 10px 10px 10px 20px;
    background-color: #ECECEC;
    /*border: 2px solid #a5a6a5;*/
    border-radius: 6px
    }
.carouselSearchForm td {
    padding: 4px 0
    }
/* ~~ CAROUSEL TRAVEL TOOLS STYLES ~~ */
.areaCarouselTravelTools {
    background-color: #FFF2D0;
    margin-left: -10px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: -10px;
    padding: 10px
    }
.areaCarouselTravelTools .profile {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1673px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .support {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1713px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .international {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1633px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .airport {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1513px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .state {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1433px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .canada {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1473px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .chain_guide {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1593px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools .city_guide {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1553px;
    padding-left: 25px;
    padding-bottom: 2px;
    font-weight: bold
    }
.areaCarouselTravelTools2 {
    border: 1px solid #036;
    border-radius: 5px;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px
    }
.areaCarouselTravelTools2 .container {
    background-color: #FFF2D0;
    border: 1px solid #FFF2D0;
    border-radius: 5px;
    padding: 10px
    }
/* ~~ NO JAVASCRIPT STYLES ~~ */
.areaNoJavaScript {
    margin-top: 10px;
    margin-bottom: 10px
    }
/* ~~ HOTEL NOT FOUND STYLES ~~ */
.areaHotelNotFound {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #deba32;
    color: #d99a33;
    text-align: left;
    font-weight: bold;
    padding: 10px
    }
.areaHotelNotFound span {
    font-weight: normal;
    font-size: 15px
    }
.areaHotelNotFound ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.areaHotelNotFound ul li {
    display: table-cell;
    vertical-align: middle
    }
/* ~~ BACKWARDS NAVIGATION STYLES ~~ */
.areaBackwardNav {
    margin-bottom: 15px;
    display: block;
    position: relative;
    margin-top: 5px;
    font-size: 0.75em;
    padding-left: 10px
    }
/* ~~ CELEBRATING SINCE 2001 WIDE ~~ */
.celebratingWide {
    background-color: #fff;
    width: 378px;
    margin-left: -10px;
    padding-bottom: 10px
    }
.celebratingNarrow {
    background-color: #fff;
    width: 210px;
    margin-left: -10px;
    padding-bottom: 20px
    }
/* ~~ TRAVEL TOOLS AREA (skinny) ~~ */
.areaTravelTools {
    background-color: #fff;
    margin-bottom: 20px
    }
.areaTravelTools .header {
    height: 23px;
    background: #fff url(../img/travel_tools_header.png) top left no-repeat
    }
.areaTravelTools .header .headerText {
    padding: 0 0 0 10px;
    font-weight: bold;
    color: #fff;
    border-bottom: 0
    }
.areaTravelTools .content {
    background-color: #ecf4fd;
    padding: 0 10px 0 10px;
    border-left: 1px solid #036;
    border-right: 1px solid #036;
    font-weight: bold
    }
.areaTravelTools .content ul {
    margin: 0;
    padding: 10px 0 7px 0
    }
.areaTravelTools .content li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.areaTravelTools .content li span {
    padding-left: 25px
    }
.areaTravelTools .content li.profile {
    background: #ecf4fd url(../img/icon_profile.gif) top left no-repeat
    }
.areaTravelTools .content li.support {
    background: #ecf4fd url(../img/icon_support.gif) top left no-repeat
    }
.areaTravelTools .content li.international {
    background: #ecf4fd url(../img/icon_international.gif) top left no-repeat
    }
.areaTravelTools .content li.airport {
    background: #ecf4fd url(../img/icon_airportguide.gif) top left no-repeat
    }
.areaTravelTools .content li.state {
    background: #ecf4fd url(../img/icon_stateguide.gif) top left no-repeat
    }
.areaTravelTools .content li.canada {
    background: #ecf4fd url(../img/icon_canada.gif) top left no-repeat
    }
.areaTravelTools .content li.chain_guide {
    background: #ecf4fd url(../img/icon_chainguide.gif) top left no-repeat
    }
.areaTravelTools .content li.city_guide {
    background: #ecf4fd url(../img/icon_cityguide.gif) top left no-repeat
    }
.areaTravelTools .content li.bookmark {
    background: #ecf4fd url(../img/icon_bookmark.gif) top left no-repeat
    }
.areaTravelTools .footer {
    height: 22px;
    background: #fff url(../img/travel_tools_footer.png) top left no-repeat
    }
/* ~~ TRAVEL TOOLS AREA (wide) ~~ */
.areaTravelToolsWide {
    background-color: #fff;
    margin-bottom: 20px
    }
.areaTravelToolsWide .header {
    height: 23px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -258px
    }
.areaTravelToolsWide .header .headerText {
    padding: 0 0 0 10px;
    font-weight: bold;
    color: #fff;
    border-bottom: 0
    }
.areaTravelToolsWide .content {
    background-color: #ecf4fd;
    padding: 0 10px 0 10px;
    border-left: 1px solid #036;
    border-right: 1px solid #036;
    font-weight: bold
    }
.areaTravelToolsWide .content ul {
    margin: 0;
    padding: 10px 0 7px 0
    }
.areaTravelToolsWide .content li {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.areaTravelToolsWide .content li span {
    padding-left: 25px
    }
.areaTravelToolsWide .content li.profile {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1673px
    }
.areaTravelToolsWide .content li.support {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1713px
    }
.areaTravelToolsWide .content li.international {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1633px
    }
.areaTravelToolsWide .content li.airport {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1513px
    }
.areaTravelToolsWide .content li.state {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1433px
    }
.areaTravelToolsWide .content li.canada {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1473px
    }
.areaTravelToolsWide .content li.chain_guide {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1593px
    }
.areaTravelToolsWide .content li.city_guide {
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1553px
    }
.areaTravelToolsWide .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -301px
    }
/* ~~ REFINE SEARCH GENERAL AREA ~~ */
.areaRefineSearchHeader {
    /*width: 180px;*/
    background-color: #036;
    border-top: 1px solid #036;
    border-left: 1px solid #036;
    border-right: 1px solid #036;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #eaf2fd;
    margin: 0;
    padding: 5px 10px 5px 10px;
    font-size: 120%;
    font-weight: bolder
    }
.areaRefineSearchHeader .mockH2 {
    color: #fff;
    font-size: 120%;
    margin: 0;
    padding: 0;
    font-weight: bolder
    }
.areaRefineSearch {
    background-color: #F7F7F7;
    border-right: 1px solid #036;
    border-left: 1px solid #036;
    padding: 0 10px 10px 10px
    }
.refineSectionItem {
    border-bottom: 1px solid #CCC;
    padding: 20px 0 20px 0;
    margin: 0
    }
.refineSectionItem .fieldLabel {
    font-weight: bold;
    padding-bottom: 5px
    }
.refineSectionItem .fieldSet {
    font-size: 12px;
    font-weight: normal;
    font-style: normal
    }
.refineSectionButton {
    padding: 10px 0 10px 0
    }
.areaRefineSearchFooter {
    background-color: #F7F7F7;
    border-bottom: 1px solid #036;
    border-left: 1px solid #036;
    border-right: 1px solid #036;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
    }
/* ~~ RIGHT COLUMN AREA - FOR GENERAL CONTENT (yellow) (wide) ~~ */
.areaRightColumnYellowWide {
    background-color: #fff;
    margin-bottom: 20px
    }
.areaRightColumnYellowWide .header {
    height: 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -343px;
    padding: 0 0 0 10px
    }
.areaRightColumnYellowWide .header h2 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaRightColumnYellowWide .header .headerText h3 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaRightColumnYellowWide .header .headerText {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaRightColumnYellowWide .header .headerTextUSA {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1753px
    }
.areaRightColumnYellowWide .header .headerTextCA {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1795px
    }
.areaRightColumnYellowWide .header h3 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaRightColumnYellowWide .content {
    font-size: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 0 10px 0 10px
    }
.areaRightColumnYellowWide .content p {
    margin-bottom: 0;
    padding-bottom: 5px
    }
.areaRightColumnYellowWide .content .policy {
    margin-bottom: 0;
    padding-bottom: 15px
    }
.areaRightColumnYellowWide .content .policy p {
    margin-bottom: 0;
    padding-bottom: 2px
    }
.areaRightColumnYellowWide .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -397px
    }
/* ~~ RIGHT COLUMN AREA - FOR GENERAL CONTENT (yellow) (skinny) ~~ */
.areaRightColumnYellowSkinny {
    background-color: #fff;
    margin-bottom: 20px
    }
.areaRightColumnYellowSkinny .header {
    height: 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1090px;
    padding: 0 0 0 10px
    }
.areaRightColumnYellowSkinny .header .headerText {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaRightColumnYellowSkinny .header .headerTextUSA {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1753px
    }
.areaRightColumnYellowSkinny .header .headerTextCA {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1795px
    }
.areaRightColumnYellowSkinny .header h3 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaRightColumnYellowSkinny .content {
    font-size: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 0 10px 0 10px
    }
.areaRightColumnYellowSkinny .content ul {
    margin-bottom: 0;
    font-size: 12px
    }
.areaRightColumnYellowSkinny .content li {
    margin-left: 10px
    }
.areaRightColumnYellowSkinny .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1144px
    }
/* ~~ GOOGLE AD AREA ~~ */
.grid_google_banner {
    border-top: 1px dashed #036;
    border-bottom: 1px dashed #036;
    margin-bottom: 20px
    }
.grid_google_banner .scriptContent {
    text-align: center;
    padding: 10px 0 10px 0
    }
/* ~~ TAB PAGES CUSTOM CITY LIST/MAP SEARCH BOX ~~ */
.areaTabPagesSearchForm {
    background-color: #fff;
    width: 586px;
    margin-left: -10px;
    margin-bottom: 10px
    }
.areaTabPagesSearchForm .header {
    height: 46px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -150px
    }
.areaTabPagesSearchForm .header h1 {
    padding: 11px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaTabPagesSearchForm .header h2 {
    padding: 11px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaTabPagesSearchForm .content {
    /* background-color: #FCF9FC; */
    padding: 0 0 0 10px;
    margin-left: 10px;
    margin-bottom: 0;
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
.areaTabPagesSearchForm .content .hotelListContent {
    padding: 10px;
    background-color: #FFF2D0
    }
.areaTabPagesSearchForm .footer {
    height: 22px;
    margin-left: 10px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -216px
    }
/* ~~ HOME PAGE SEARCH BOX ~~ */
.areaHomeSearchForm {
    background-color: #fff;
    width: 586px;
    margin-left: -10px;
    margin-bottom: 10px
    }
.areaHomeSearchForm .header {
    height: 46px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -150px
    }
.areaHomeSearchForm .header h1 {
    padding: 12px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaHomeSearchForm .header h4 {
    padding: 12px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaHomeSearchForm .header span.searchBoxHeader {
    padding: 12px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0;
    font-weight: bold;
    line-height: normal;
    display: block;
    vertical-align: baseline
    }
.areaHomeSearchForm .content {
    /* background-color: #FCF9FC; */
    padding: 0 10px 0 10px;
    margin-left: 10px;
    margin-bottom: 0;
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
.areaHomeSearchForm .content table {
    width: 236px;
    vertical-align: top;
    background-color: #FFF2D0
    }
.areaHomeSearchForm .content td {
    vertical-align: top
    }
.areaHomeSearchForm .content .areaForm {
    width: 100%;
    padding: 10px 10px 5px 10px;
    margin-left: 10px;
    margin-right: 10px
    }
.areaHomeSearchForm .content .areaForm li {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 3px
    }
.areaHomeSearchForm .content .areaForm label {
    font-size: 85%;
    color: #000
    }
.areaHomeSearchForm .content .areaForm p {
    margin-bottom: 0
    }
.areaHomeSearchForm .content .areaForm p.searchOptions {
    margin-bottom: 0;
    font-size: 105%;
    font-weight: bold
    }
.areaHomeSearchForm .content .areaForm td {
    vertical-align: bottom
    }
.areaHomeSearchForm .content .areaForm td.padRightLess {
    padding-right: 3px
    }
.areaHomeSearchForm .content .areaForm td.padRight {
    padding-right: 10px
    }
.areaHomeSearchForm .content .areaForm td.padRightExtra {
    padding-right: 35px
    }
.areaHomeSearchForm .content .areaForm #areaKidsAges {
    display: none;
    padding-top: 5px;
    padding-bottom: 5px
    }
.areaHomeSearchForm .content .areaForm #areaKidsAges #kids-one {
    display: none
    }
.areaHomeSearchForm .content .areaForm #areaKidsAges #kids-two {
    display: none
    }
.areaHomeSearchForm .content .areaForm #areaKidsAges #kids-three {
    display: none
    }
.areaHomeSearchForm .content .areaForm #areaKidsAges #kids-four {
    display: none
    }
.areaHomeSearchForm .content .areaForm #areaKidsAges #kids-five {
    display: none
    }
.areaHomeSearchForm .footer {
    height: 22px;
    margin-left: 10px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -216px
    }
/* ~~ HOTELS PAGE SEARCH BOX ~~ */
.areaHotelsSearchForm {
    background-color: #fff;
    width: 586px;
    margin-left: -10px;
    margin-bottom: 10px
    }
.areaHotelsSearchForm .header {
    height: 46px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -150px
    }
.areaHotelsSearchForm .header h1 {
    padding: 11px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaHotelsSearchForm .header h4 {
    padding: 11px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaHotelsSearchForm .content {
    /* background-color: #FCF9FC; */
    padding: 0 0 0 10px;
    margin-left: 10px;
    margin-bottom: 0;
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
.areaHotelsSearchForm .content table {
    width: 236px;
    vertical-align: top;
    background-color: #FFF2D0
    }
.areaHotelsSearchForm .content td {
    vertical-align: top
    }
.areaHotelsSearchForm .content .areaForm {
    width: 100%;
    padding: 10px 10px 0 10px;
    margin-left: 10px;
    margin-right: 10px
    }
.areaHotelsSearchForm .content .areaForm li {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 3px
    }
.areaHotelsSearchForm .content .areaForm label {
    font-size: 85%;
    font-weight: bold
    }
.areaHotelsSearchForm .content .areaForm p {
    margin-bottom: 0
    }
.areaHotelsSearchForm .content .areaForm td {
    vertical-align: bottom
    }
.areaHotelsSearchForm .content .areaForm td.padRightLess {
    padding-right: 3px
    }
.areaHotelsSearchForm .content .areaForm td.padRight {
    padding-right: 10px
    }
.areaHotelsSearchForm .content .areaForm td.padRightExtra {
    padding-right: 35px
    }
.areaHotelsSearchForm .footer {
    height: 22px;
    margin-left: 10px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -216px
    }
/* ~~ MAP PAGE SEARCH BOX ~~ */
.areaHomeMapSearchForm {
    background-color: #fff;
    width: 586px;
    margin-left: -10px;
    margin-bottom: 10px
    }
.areaHomeMapSearchForm .header {
    height: 46px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -150px
    }
.areaHomeMapSearchForm .header h1 {
    padding: 11px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaHomeMapSearchForm .header h4 {
    padding: 11px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaHomeMapSearchForm .content {
    /* background-color: #FCF9FC; */
    padding: 0 0 0 10px;
    margin-left: 10px;
    margin-bottom: 0;
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
.areaHomeMapSearchForm .content td {
    vertical-align: top
    }
.areaHomeMapSearchForm .content td .areaMap {
    height: 387px;
    width: 314px
    }
.areaHomeMapSearchForm .content .areaForm {
    width: 212px;
    height: 482px;
    background-color: #FFF2D0;
    padding: 10px 10px 0 10px;
    margin-left: 10px;
    margin-right: 10px
    }
.areaHomeMapSearchForm .content .areaForm li {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 3px
    }
.areaHomeMapSearchForm .content .areaForm label {
    font-size: 85%;
    font-weight: bold
    }
.areaHomeMapSearchForm .content .areaForm p {
    margin-bottom: 0
    }
.areaHomeMapSearchForm .content .areaForm td {
    vertical-align: bottom
    }
.areaHomeMapSearchForm .content .areaForm td.padRightLess {
    padding-right: 3px
    }
.areaHomeMapSearchForm .content .areaForm td.padRight {
    padding-right: 10px
    }
.areaHomeMapSearchForm .content .areaForm td.padRightExtra {
    padding-right: 35px
    }
.areaHomeMapSearchForm .footer {
    height: 22px;
    margin-left: 10px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -216px
    }
/* ~~ SIDEBAR WIDE SEARCH BOX ~~ */
.areaRightColumnSearchForm {
    background-color: #ECECEC;
    /*border: 2px solid #a5a6a5;*/
    border-radius: 5px;
    /*background-color: #ffffff;*/
    /*width: 378px;*/
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px
    }
.areaRightColumnSearchForm .header {
    /*height: 46px;*/
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -1325px;*/
    }
.areaRightColumnSearchForm .header h1 {
    padding: 12px 0 0 50px;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 0
    }
.areaRightColumnSearchForm .header h4 {
    padding: 12px 0 0 15px;
    font-size: 110%;
    text-transform: capitalize;
    color: #036;
    border-bottom: 0
    }
.areaRightColumnSearchForm .content {
    /* background-color: #FCF9FC; */
    padding: 0 10px 0 10px;
    /*margin-left: 10px;*/
    margin-bottom: 0;
    /*border-left: 1px solid #003366;*/
    /*border-right: 1px solid #003366;*/
    }
.areaRightColumnSearchForm .content table {
    vertical-align: top;
    background-color: #ECECEC;
    width: 95%;
    margin-bottom: 10px
    }
.areaRightColumnSearchForm .content td {
    vertical-align: top
    }
.areaRightColumnSearchForm .content .areaForm {
    width: 100%;
    padding: 10px 10px 5px 10px;
    margin-left: 10px;
    margin-right: 10px
    }
.areaRightColumnSearchForm .content .areaForm li {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 3px
    }
.areaRightColumnSearchForm .content .areaForm label {
    font-size: 85%;
    color: #000
    }
.areaRightColumnSearchForm .content .areaForm p {
    /*margin-bottom: 0px;*/
    }
.areaRightColumnSearchForm .content .areaForm p.searchOptions {
    margin-bottom: 5px;
    font-size: 105%;
    font-weight: bold
    }
.areaRightColumnSearchForm .content .areaForm td {
    vertical-align: bottom
    }
.areaRightColumnSearchForm .content .areaForm td.padRightLess {
    padding-right: 3px
    }
.areaRightColumnSearchForm .content .areaForm td.padRight {
    padding-right: 10px
    }
.areaRightColumnSearchForm .content .areaForm td.padRightExtra {
    padding-right: 35px
    }
.areaRightColumnSearchForm .content .areaForm #areaKidsAges {
    display: none;
    padding-top: 5px;
    padding-bottom: 5px
    }
.areaRightColumnSearchForm .content .areaForm #areaKidsAges #kids-one {
    display: none
    }
.areaRightColumnSearchForm .content .areaForm #areaKidsAges #kids-two {
    display: none
    }
.areaRightColumnSearchForm .content .areaForm #areaKidsAges #kids-three {
    display: none
    }
.areaRightColumnSearchForm .content .areaForm #areaKidsAges #kids-four {
    display: none
    }
.areaRightColumnSearchForm .content .areaForm #areaKidsAges #kids-five {
    display: none
    }
/*.areaRightColumnSearchForm .footer {
	height: 22px;
	margin-left: 10px;
	background-image: url("../img/ots_sprite.png");
  	background-position: -10px -1391px;
}*/
/* ~~ FEATURED DESTINATIONS AREA ~~ */
.areaFeaturedHotels h2 {
    font-size: 150%;
    color: #F90;
    text-decoration: none;
    border-bottom: none
    }
.areaFeaturedHotels h3 {
    font-size: 150%;
    color: #F90;
    text-decoration: none;
    border-bottom: none
    }
.areaFeaturedHotels .mockh3 {
    font-size: 140%;
    color: #F90;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: none;
    border-bottom: none
    }
.areaFeaturedHotels .wrapperDestinationHotel {
    margin-bottom: 20px;
    padding: 0 10px 0 10px
    }
.areaFeaturedHotels .header {
    /*height: 24px;*/
    background: #185c8d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: #036 1px solid;
    border-right: #036 1px solid;
    border-top: #036 1px solid;
    border-bottom: #036 1px solid;
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -439px;*/
    }
.areaFeaturedHotels .header h3 {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px 0 10px
    }
.areaFeaturedHotels .header .hotelName {
    font-size: 1em;
    color: #ecf4fd;
    font-weight: bold;
    padding: 5px 10px 5px 10px
    }
.areaFeaturedHotels .hotelThumb {
    width: 100px;
    height: 76px;
    padding: 0 10px 10px 0
    }
.areaFeaturedHotels .wrapperDestinationHotel .content {
    /* background-color: #FCF9FC; */
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    padding: 10px 10px 10px 10px
    }
.areaFeaturedHotels .wrapperDestinationHotel .content td {
    vertical-align: top
    }
.areaFeaturedHotels .wrapperDestinationHotel .content td .areaThumb {
    width: 110px
    }
.areaFeaturedHotels .wrapperDestinationHotel .content p {
    margin-bottom: 0
    }
.areaFeaturedHotels .wrapperDestinationHotel .footer {
    height: 10px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: #036 1px solid;
    border-right: #036 1px solid;
    border-bottom: #036 1px solid;
    margin-bottom: 10px
    }
.tripAdvisorReviewText {
    font-size: 0.75em
    }
/* ~~ FEATURED BLOGS AREA ~~ */
.areaFeaturedBlogs .header {
    /*height: 24px;
    	background-image: url("../img/ots_sprite.png");
      	background-position: -10px -439px;*/
    }
.areaFeaturedBlogs .header h3 {
    font-size: 1.1em;
    color: #036;
    font-weight: bold;
    padding: 0 10px 0 10px
    }
.areaFeaturedBlogs .header .headerText {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px 0 10px
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content {
    /*border-left: 1px solid #185c8d;*/
    padding: 10px
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser {
    padding-bottom: 10px
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser p {
    margin: 0 0 5px 0;
    font-size: 0.875em
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser p em {
    font-size: 0.75em
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser .blogTitle {
    margin-bottom: 5px
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser .blogTitle a {
    text-decoration: none;
    font-size: 1.2em
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser .blogTeaserBody .blogThumb img {
    width: 100px;
    float: left;
    padding: 5px 10px 10px 0
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser .blogTeaserBody .blogSummary p a {
    background-color: #FFF2D0;
    border: 1px solid #FFF2D0;
    border-radius: 5px;
    padding: 0 5px 0 5px;
    text-decoration: none;
    color: #036
    }
.areaFeaturedBlogs .wrapperFeaturedBlog .content .blogTeaser .blogTeaserBody .blogSpacer hr {
    margin-bottom: 10px;
    border: dashed 1px #ccc
    }
.blogPlainTextArea {
    margin: 10px 10px 10px 10px
    }
.blogPlainTextArea p {
    margin-bottom: 5px
    }
.blogPlainTextArea p a {
    background-color: #ecf4fd;
    border: 1px solid #ecf4fd;
    border-radius: 5px;
    padding: 0 5px 0 5px;
    text-decoration: none
    }
/* ~~ CHOOSE YOUR TRAVEL DATES AREA ~~ */
.infoItem2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 15px 0;
    background-color: #ecf4fd;
    margin-bottom: 1.538em;
    margin-right: 10px
    }
.infoItemSpacer {
    margin-bottom: 15px
    }
.areaChooseDates {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    /*width: 525px;*/
    /* padding: 1.538em 0 0 0; */
    }
.areaChooseDatesLeftColumn {
    float: left
    }
.areaChooseDatesRightColumn {
    float: left
    }
.areaChooseDates label {
    font-size: 85%;
    font-weight: bold
    }
.areaChooseDates p {
    margin-bottom: 0
    }
.areaChooseDates td {
    vertical-align: bottom
    }
.areaChooseDates td.padRight {
    padding-right: 5px
    }
.areaChooseDates #areaKidsAges {
    display: none;
    padding-top: 10px;
    /*padding-left: 250px;*/
    }
.areaChooseDates #areaKidsAges #kids-one {
    display: none
    }
.areaChooseDates #areaKidsAges #kids-two {
    display: none
    }
.areaChooseDates #areaKidsAges #kids-three {
    display: none
    }
.areaChooseDates #areaKidsAges #kids-four {
    display: none
    }
.areaChooseDates #areaKidsAges #kids-five {
    display: none
    }
.areaChooseDates #areaKidsAges2 {
    display: none;
    padding-top: 10px;
    /*padding-left: 250px;*/
    }
.areaChooseDates #areaKidsAges2 #kids-one2 {
    display: none
    }
.areaChooseDates #areaKidsAges2 #kids-two2 {
    display: none
    }
.areaChooseDates #areaKidsAges2 #kids-three2 {
    display: none
    }
.areaChooseDates #areaKidsAges2 #kids-four2 {
    display: none
    }
.areaChooseDates #areaKidsAges2 #kids-five2 {
    display: none
    }
/* ~~ HOTEL SEARCH RESULTS AREA ~~ */
.areaPageHeader h1 {
    font-size: 1.5em;
    text-transform: none;
    color: #036
    }
/* ~~ HOTEL SEARCH RESULTS PAGINATION AREA ~~ */
/* (top pagination styles)  */
.areaPaginationTop {
    margin-bottom: 20px
    }
.areaPaginationTop .header {
    font-size: 12px;
    height: 23px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -579px
    }
.areaPaginationTop .header .displaying {
    color: #eaf2fd;
    font-weight: bold;
    padding: 0 0 0 10px
    }
.areaPaginationTop .content {
    font-weight: normal;
    font-size: 90%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    border-bottom: 1px solid #185c8d;
    padding-bottom: 5px
    }
.areaPaginationTop .content .displaying {
    padding: 0 10px 0 10px
    }
.areaPaginationTop ul {
    margin: 0;
    padding: 0
    }
.areaPaginationTop li {
    display: inline;
    list-style-type: none;
    margin: 0 7px 0 0;
    padding: 0
    }
/* (bottom pagination styles)  */
.areaPaginationBottom {
    margin-bottom: 20px
    }
.areaPaginationBottom .content {
    font-weight: normal;
    font-size: 90%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    border-top: 1px solid #185c8d;
    padding-bottom: 5px
    }
.areaPaginationBottom .content .displaying {
    padding: 5px 0 0 10px
    }
.areaPaginationBottom ul {
    margin: 0;
    padding: 0
    }
.areaPaginationBottom li {
    display: inline;
    list-style-type: none;
    margin: 0 7px 0 0;
    padding: 0
    }
.areaPaginationBottom .footer {
    background-color: #036;
    font-size: 12px;
    height: 24px;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    border-bottom: 1px solid #185c8d;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -787px;*/
    }
.areaPaginationBottom .footer .displaying {
    color: #eaf2fd;
    font-weight: bold;
    padding: 2px 10px 0 10px
    }
/* ~~ NAV BAR SEARCH FORM ~~ */
.navBarSearchForm {
    background-color: #eaf2fd;
    /*width: 724px;*/
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px;
    /*border: #a5a6a5 1px solid ;*/
    border-radius: 5px
    }
/* ~~ HOTEL SEARCH FORM WITH NO MAP AREA ~~ */
.areaNoMapSearchForm {
    background-color: #fff;
    width: 754px;
    margin-left: -10px;
    margin-bottom: 10px
    }
.areaNoMapSearchForm .header {
    height: 49px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -622px
    }
.areaNoMapSearchForm .header .headerText {
    padding: 22px 0 0 46px;
    font-size: 140%;
    font-weight: bolder;
    color: #185c8d
    }
.areaNoMapSearchForm .content {
    /* background-color: #FCF9FC; */
    padding: 0 0 0 10px;
    margin-left: 10px;
    margin-bottom: 0;
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
.areaNoMapSearchForm .content td {
    vertical-align: top;
    padding: 0 10px 0 0
    }
.areaNoMapSearchForm .content .areaForm {
    /* background-color: #FFF3D1; */
    padding: 10px 10px 0 10px;
    margin-left: 0;
    margin-right: 10px
    }
.areaNoMapSearchForm .content .areaForm label {
    font-size: 85%;
    font-weight: bold
    }
.areaNoMapSearchForm .content .areaForm p {
    margin-bottom: 0
    }
.areaNoMapSearchForm .content .areaForm td {
    vertical-align: bottom
    }
.areaNoMapSearchForm .content .areaForm td.padRight {
    padding-right: 40px
    }
.areaNoMapSearchForm .content .areaForm #areaKidsAges {
    display: none;
    padding-top: 10px;
    padding-left: 325px
    }
.areaNoMapSearchForm .content .areaForm #areaKidsAges #kids-one {
    display: none
    }
.areaNoMapSearchForm .content .areaForm #areaKidsAges #kids-two {
    display: none
    }
.areaNoMapSearchForm .content .areaForm #areaKidsAges #kids-three {
    display: none
    }
.areaNoMapSearchForm .content .areaForm #areaKidsAges #kids-four {
    display: none
    }
.areaNoMapSearchForm .content .areaForm #areaKidsAges #kids-five {
    display: none
    }
.areaNoMapSearchForm .footer {
    height: 22px;
    margin-left: 10px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -691px
    }
/* ~~ HOTEL SEARCH FORM WITH MAP AREA ~~ */
.areaMapSearchForm {
    margin-bottom: 20px
    }
.areaMapSearchForm .header {
    background-color: #036;
    border: #036 1px solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*height: 34px;*/
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -1186px;*/
    }
.areaMapSearchForm .header .headerText {
    font-size: 100%;
    color: #eafefd;
    font-weight: bold;
    padding: 2px 0 0 10px
    }
.areaMapSearchForm .content {
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
.areaMapSearchForm .content .mapWrapper {
    /*width: 722px;*/
    padding: 6px 10px 10px 10px;
    margin-bottom: 0
    }
.areaMapSearchForm .content .mapWrapper #map_canvas {
    /* width: 356px; */
    width: 100%;
    /*722px;*/
    height: 350px;
    float: left;
    margin-right: 5px
    }
.areaMapSearchForm .content .mapWrapper #hotelsList {
    width: 336px;
    height: 330px;
    float: left;
    background-color: #FFF2D0;
    padding: 10px 10px 10px 10px;
    margin-left: 5px
    }
.areaMapSearchForm .content .mapWrapper #hotelsList label.hotelsListHeaderText {
    text-align: center;
    border-bottom: 1px solid #036;
    font-size: 13px;
    display: block;
    font-weight: bold;
    margin-bottom: 5px
    }
.areaMapSearchForm .content .mapSearchWrapper {
    width: 702px;
    /* background-color: #FFF2D0; */
    padding: 10px 10px 10px 10px;
    margin-left: 10px;
    margin-right: 10px
    }
.areaMapSearchForm .content td {
    vertical-align: bottom;
    padding: 0 10px 0 0
    }
.areaMapSearchForm .content .areaForm p {
    margin-bottom: 0
    }
.areaMapSearchForm .content .mapSearchWrapper label {
    font-size: 85%;
    font-weight: bold
    }
.areaMapSearchForm .content .mapSearchWrapper p {
    margin-bottom: 0
    }
/*
.areaMapSearchForm .content .mapSearchWrapper table.underMapList {
	margin-bottom: 20px;
}
.areaMapSearchForm .content .mapSearchWrapper table.underMapList td {
	vertical-align: top;
	padding: 1px 0px 1px 0px;
}
*/
.areaMapSearchForm .content .mapSearchWrapper td {
    vertical-align: bottom
    }
.areaMapSearchForm .content .mapSearchWrapper td.padRight {
    padding-right: 40px
    }
.areaMapSearchForm .content .mapSearchWrapper #areaKidsAges {
    display: none;
    padding-top: 10px;
    padding-left: 325px
    }
.areaMapSearchForm .content .mapSearchWrapper #areaKidsAges #kids-one {
    display: none
    }
.areaMapSearchForm .content .mapSearchWrapper #areaKidsAges #kids-two {
    display: none
    }
.areaMapSearchForm .content .mapSearchWrapper #areaKidsAges #kids-three {
    display: none
    }
.areaMapSearchForm .content .mapSearchWrapper #areaKidsAges #kids-four {
    display: none
    }
.areaMapSearchForm .content .mapSearchWrapper #areaKidsAges #kids-five {
    display: none
    }
.areaMapSearchForm .footer {
    height: 15px;
    border-left: #036 1px solid;
    border-right: #036 1px solid;
    border-bottom: #036 1px solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -691px;*/
    }
/* ~~ UNDER MAP HOTEL LIST LAYOUT ~~ */
table.underMapList {
    padding-bottom: 20px
    }
table.underMapList td {
    vertical-align: top
    }
/* ~~ HOTELS BY LIST STYLES ~~ */
.areaHotelsByList h2 {
    font-size: 120%;
    text-transform: none;
    color: #036;
    border-bottom: 1px solid #036;
    padding-top: 8px;
    margin-bottom: 5px
    }
.areaHotelsByList li {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0
    }
/* ~~ HOTEL SEARCH RESULTS HOTEL ITEM AREA ~~ */
.areaResultsHotels {
    /* margin-bottom: 20px; */
    }
.areaResultsHotels h2 {
    border-bottom: none
    }
/*
.areaResultsHotels .mapIcon1 {
	background: url(../img/map_icons/page_num-1.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon2 {
	background: url(../img/map_icons/page_num-2.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon3 {
	background: url(../img/map_icons/page_num-3.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon4 {
	background: url(../img/map_icons/page_num-4.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon5 {
	background: url(../img/map_icons/page_num-5.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon6 {
	background: url(../img/map_icons/page_num-6.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon7 {
	background: url(../img/map_icons/page_num-7.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon8 {
	background: url(../img/map_icons/page_num-8.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon9 {
	background: url(../img/map_icons/page_num-9.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon10 {
	background: url(../img/map_icons/page_num-10.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon11 {
	background: url(../img/map_icons/page_num-11.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon12 {
	background: url(../img/map_icons/page_num-12.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon13 {
	background: url(../img/map_icons/page_num-13.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon14 {
	background: url(../img/map_icons/page_num-14.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon15 {
	background: url(../img/map_icons/page_num-15.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon16 {
	background: url(../img/map_icons/page_num-16.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon17 {
	background: url(../img/map_icons/page_num-17.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon18 {
	background: url(../img/map_icons/page_num-18.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon19 {
	background: url(../img/map_icons/page_num-19.gif) 0px 0px no-repeat;
}
.areaResultsHotels .mapIcon20 {
	background: url(../img/map_icons/page_num-20.gif) 0px 0px no-repeat;
}
*/
/* ~~ HOME PAGE HOTEL SEARCH RESULTS ~~ */
/* (Blue Box) */
.resultsHotelItemHome {
    color: #036;
    margin-bottom: 20px
    }
.resultsHotelItemHome .header {
    /*height: 34px;
    	background-image: url("../img/ots_sprite.png");
      	background-position: -10px -483px;*/
    padding: 0 0 0 10px
    }
.resultsHotelItemHome .header .headerText {
    /* font-size: 119%; */
    font-size: 14px;
    color: #036;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.resultsHotelItemHome .header .headerText h2 {
    margin-bottom: 10px;
    font-size: 1.2em;
    text-decoration: underline;
    color: #036;
    font-weight: bold;
    border-bottom: none
    }
.resultsHotelItemHome .header .headerText h3 {
    margin-bottom: 0;
    font-size: 14px;
    color: #036;
    font-weight: bold;
    border-bottom: none
    }
.resultsHotelItemHome .content {
    font-size: 0.875em;
    /*border-left: 1px solid #000000;*/
    /*border-right: 1px solid #000000;*/
    padding: 0 10px 0 10px
    }
.resultsHotelItemHome .content p {
    margin-bottom: 0
    }
.resultsHotelItemHome .content td {
    vertical-align: top
    }
.resultsHotelItemHome .content table.hotelItem {
    margin-bottom: 15px
    }
.resultsHotelItemHome .content tr.hotelItemRow {
    border-bottom: solid 1px #ccc
    }
.resultsHotelItemHome .content td.hotelThumb {
    width: 80px;
    padding: 0 10px 0 0
    }
.resultsHotelItemHome .footer {
    /*height: 22px;*/
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -537px;*/
    }
/* ~~ HOTEL SEARCH RESULTS HOTEL ITEM STYLES ~~ */
/* (Blue Box) */
.resultsHotelItemBlue {
    color: #036;
    margin-bottom: 5px
    }
.resultsHotelItemBlue .header {
    height: 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -733px;
    padding: 0 0 0 10px
    }
.resultsHotelItemBlue .header .headerText {
    /* font-size: 119%; */
    width: 69%;
    float: left;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.resultsHotelItemBlue .header .headerTextHotRate {
    width: 64%;
    float: left;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 0 0 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1837px
    }
.resultsHotelItemBlue .header .priceText {
    width: 29%;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 3px 10px 0 0
    }
.resultsHotelItemBlue .header .priceText span.fromText {
    text-align: right;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    padding: 3px 0 0 0
    }
.resultsHotelItemBlue .content {
    font-size: 100%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    padding: 0 10px 0 10px
    }
.resultsHotelItemBlue .content p {
    margin-bottom: 0
    }
.resultsHotelItemBlue .content td {
    vertical-align: top
    }
/*.resultsHotelItemBlue .content a.mapNumber, a:visited.mapNumber, a:hover.mapNumber {
	cursor: pointer;
	/*padding: 2px 5px 2px 5px;
	background-color: #ecc7c7;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;*!/
}*/
.resultsHotelItemBlue .content td.hotelMapNumber {
    padding: 0 10px 0 0;
    text-align: left
    }
.resultsHotelItemBlue .content td.hotelAddress {
    font-size: 85%;
    padding: 0 10px 5px 0
    }
.resultsHotelItemBlue .content td.hotelStarRating {
    font-size: 85%;
    padding: 0 0 0 0
    }
.resultsHotelItemBlue .content td.hotelThumb {
    width: 80px;
    padding: 0 10px 0 0
    }
.resultsHotelItemBlue .content td.hotelNameMoreInfo {
    width: 415px
    }
.resultsHotelItemBlue .rates {
    margin-top: 15px;
    margin-bottom: 0
    }
.resultsHotelItemBlue .rates .currentTravelDates {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #036;
    padding-bottom: 10px
    }
.resultsHotelItemBlue .rates .noRatesAvail {
    font-size: 90%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #C70
    }
.resultsHotelItemBlue .rates .rateItem {
    padding-bottom: 10px
    }
.resultsHotelItemBlue .rates .rateItem .ratePlanDesc {
    font-size: 85%;
    font-weight: bold;
    color: #000
    }
.resultsHotelItemBlue .rates .rateItem .rateBody {
    background-color: #FFF8E8;
    border: 1px solid #000;
    padding: 5px
    }
.resultsHotelItemBlue .rates .rateItem .rateBody td.rateText {
    width: 125px;
    font-size: 115%;
    font-weight: bold;
    color: #036;
    padding-right: 5px
    }
.resultsHotelItemBlue .rates .rateItem .rateBody td.descriptionText {
    text-align: justify;
    width: 475px;
    padding-right: 5px;
    font-size: 90%;
    color: #666
    }
.resultsHotelItemBlue .rates .rateItem .rateBody td.btnText {
    text-align: right;
    width: 95px;
    padding-right: 5px
    }
.resultsHotelItemBlue .rates .viewAllRates {
    font-size: 110%;
    font-weight: bolder;
    text-align: center
    }
.resultsHotelItemBlue .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -691px
    }
.resultsHotelItemBlue span.reviews {
    font-size: 90%;
    font-weight: bold
    }
.resultsHotelItemBlue span.promo {
    color: #393;
    display: block;
    margin-top: 2px;
    font-size: 110%
    }
.resultsHotelItemBlue span.amenitiesHighlights {
    /* color: #555; */
    display: block;
    margin-top: 2px;
    /* font-size: 110%; */
    font-weight: bold
    }
.resultsHotelItemBlue span.amenities {
    /* color: #555; */
    display: block;
    margin-top: 2px;
    padding-bottom: 10px
    }
/* ~~ RESULTS OF CITIES RETURNED FOR CHAIN SEARCH ~~ */
.resultsChainCity {
    color: #036;
    margin-bottom: 5px
    }
.resultsChainCity .header {
    height: 34px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1186px;
    padding: 0 0 0 10px
    }
.resultsChainCity .header .headerText {
    width: 87%;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 1px 0 0 0;
    float: left
    }
.resultsChainCity .header .headerLink a, .resultsChainCity .header .headerLink a:visited {
    width: 13%;
    font-size: 14px;
    color: #FF0;
    font-weight: bold;
    padding: 1px 0 0 0;
    float: left
    }
.resultsChainCity .header .headerLink a:hover, .resultsChainCity .header .headerLink a.current {
    width: 13%;
    font-size: 14px;
    color: #FF0;
    font-weight: bold;
    padding: 1px 0 0 0;
    float: left;
    text-decoration: none
    }
.resultsChainCity .content {
    font-size: 100%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    padding: 0 10px 0 10px
    }
.resultsChainCity .content p {
    margin-bottom: 0
    }
.resultsChainCity .content td {
    vertical-align: top
    }
.resultsChainCity .content td.hotelMapNumber {
    width: 19px;
    padding: 0 10px 0 0;
    text-align: left
    }
.resultsChainCity .content td.hotelAddress {
    font-size: 85%;
    padding: 0 10px 5px 0
    }
.resultsChainCity .content td.hotelStarRating {
    font-size: 85%;
    padding: 0 0 0 0
    }
.resultsChainCity .content td.hotelThumb {
    width: 80px;
    padding: 0 10px 0 0
    }
.resultsChainCity .content td.hotelNameMoreInfo {
    width: 415px
    }
.resultsChainCity .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -691px
    }
/* ~~ PLAIN TEXT CONTENT INFO AREA ~~ */
.areaPlainTextArea {
    margin: 10px 10px 10px 10px
    }
.areaPlainTextArea p {
    line-height: 1.4;
    margin-bottom: 5px
    }
.areaPlainTextArea h2.headerUSA {
    font-size: 150%;
    font-weight: bold;
    text-transform: capitalize;
    color: #036;
    padding: 3px 0 0 34px;
    margin: 0;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1753px
    }
.areaPlainTextArea h2.headerCA {
    font-size: 150%;
    font-weight: bold;
    text-transform: capitalize;
    color: #036;
    padding: 3px 0 0 34px;
    margin: 0;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1795px
    }
.areaPlainTextArea .mockH3 {
    font-size: 130%;
    color: #036;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: none;
    border-bottom: none;
    text-transform: capitalize
    }
.areaPlainTextArea img {
    max-width: 100%
    }
/* ~~ GENERAL CONTENT INFO AREA ~~ */
.areaGeneralInfo {
    margin: 0
    }
.areaGeneralInfo .generalInfo {
    margin-bottom: 20px
    }
.areaGeneralInfo .generalInfo .header {
    height: 23px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1282px;
    padding: 0 0 0 10px
    }
.areaGeneralInfo .generalInfo h2 {
    font-size: 95%;
    color: #036;
    font-weight: bold;
    border-bottom: none
    }
.areaGeneralInfo .generalInfo h3 {
    margin-bottom: 0;
    font-size: 12px;
    color: #036;
    font-weight: bold;
    border-bottom: none
    }
.areaGeneralInfo .generalInfo .content {
    font-size: 100%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    padding: 0 10px 0 10px
    }
.areaGeneralInfo .generalInfo .content p {
    margin-bottom: 0
    }
.areaGeneralInfo .generalInfo .content ul {
    margin: 0;
    padding: 0 0 20px 0
    }
.areaGeneralInfo .generalInfo .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -691px
    }
/* ~~ HOTEL INFORMATION AREA ~~ */
.contentPrimaryPhoto img {
    float: left;
    max-width: 100%;
    text-align: center
    }
.additionalPhotos a {
    text-decoration: none
    }
.areaResultsHotelInfo {
    margin-top: 15px;
    margin-bottom: 20px
    }
.areaResultsHotelInfo .hotelInfoMain {
    margin-bottom: 20px;
    margin-right: 10px
    }
.areaResultsHotelInfo .hotelInfoMain .header {
    height: 24px;
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -1186px;*/
    background: #185c8d;
    border-top: #036 solid 1px;
    border-left: #036 solid 1px;
    border-right: #036 solid 1px;
    padding: 0 0 0 10px
    }
.areaResultsHotelInfo .hotelInfoMain .header h1 {
    padding: 3px 0 0 0;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff
    }
.areaResultsHotelInfo .hotelInfoMain .header .mockH1 {
    padding: 3px 0 0 0;
    font-size: 110%;
    text-transform: capitalize;
    font-weight: bold;
    color: #eaf2fd
    }
.areaResultsHotelInfo .hotelInfoMain .content h1 {
    line-height: 1.5;
    font-size: 1.3em
    }
.areaResultsHotelInfo .hotelInfoMain .content {
    font-size: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 0 10px 0 10px
    }
.areaResultsHotelInfo .hotelInfoMain .content h2 {
    font-size: 1.25em;
    text-transform: capitalize;
    color: #036;
    margin: 0;
    padding: 0;
    border-bottom: none
    }
.areaResultsHotelInfo .hotelInfoMain .content p {
    margin-bottom: 10px;
    font-size: 0.875em;
    color: #036
    }
.areaResultsHotelInfo .hotelInfoMain .content td {
    vertical-align: top
    }
.areaResultsHotelInfo .hotelInfoMain .content td.hotelStarRating {
    width: 105px;
    padding: 0 10px 0 0;
    text-align: left
    }
.areaResultsHotelInfo .hotelInfoMain .content td.hotelAddress {
    width: auto;
    font-size: 85%;
    padding: 0 10px 5px 0
    }
.areaResultsHotelInfo .hotelInfoMain .content td.hotelMapLink {
    font-weight: bolder;
    text-align: center
    }
.areaResultsHotelInfo .hotelInfoMain .content td.hotelThumb {
    width: 105px;
    padding: 0 10px 0 0
    }
.areaResultsHotelInfo .hotelInfoMain .content td.hotelNameMoreInfo {
    width: 415px
    }
.areaResultsHotelInfo .hotelInfoMain .content .hotelMiniNavigation {
    text-align: center
    }
.areaResultsHotelInfo .hotelInfoMain .content iframe#trip_advisor_reviews {
    width: 352px;
    height: 235px;
    border-width: 0;
    border-style: none;
    /* margin-top: 0.769em; */
    }
.areaResultsHotelInfo .hotelInfoMain .content ul.thumbs {
    overflow: hidden;
    margin: 1.538em 0 0 0;
    padding: 0
    }
.areaResultsHotelInfo .hotelInfoMain .content ul.thumbs li {
    list-style-type: none;
    display: inline;
    float: left;
    padding-right: 0.692em;
    padding-bottom: 0.769em;
    margin: 0
    }
#preview {
    position: absolute;
    border: 1px solid #1B527C;
    background: #1B527C;
    padding: 2px;
    display: none;
    color: #fff
    }
.areaResultsHotelInfo .hotelInfoMain .content p.imagesDisclaimer {
    font-size: 0.7em;
    /* border-bottom: thin solid #1B527C; */
    padding-bottom: 0.769em
    }
.areaResultsHotelInfo .hotelInfoMain .content .infoItem {
    /* border-bottom: thin solid #1B527C; */
    padding-bottom: 1.538em
    }
.areaResultsHotelInfo .hotelInfoMain .content .infoItem2 {
    border: thin solid #A5A6A5;
    padding: 15px 0;
    background-color: #ECECEC
    }
.areaResultsHotelInfo .hotelInfoMain .content .infoItem .rates .rateTypeTitle {
    color: #F90;
    font-weight: bold;
    font-size: 14px
    }
.areaResultsHotelInfo .rates {
    margin-top: 15px;
    margin-bottom: 0;
    border-left: #036 dashed 1px;
    border-right: #036 dashed 1px
    }
.areaResultsHotelInfo .rates .currentTravelDates {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #036;
    padding-bottom: 10px
    }
.areaResultsHotelInfo .hotelInfoMain .noRatesAvail {
    padding: 10px
    }
.areaResultsHotelInfo .hotelInfoMain .noRatesAvail ul {
    margin: 0;
    padding: 0 0 10px 0
    }
.areaResultsHotelInfo .hotelInfoMain .noRatesAvail ol {
    margin: 0;
    padding: 0 0 10px 0
    }
.areaResultsHotelInfo .rates .rateItem {
    padding-bottom: 10px;
    padding: 5px
    }
.areaResultsHotelInfo .rates .rateItem .ratePlanDesc {
    font-size: 90%;
    font-weight: bold;
    color: #000;
    background-color: #ececec;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
    }
.areaResultsHotelInfo .rates .rateItem .rateBody {
    background-color: #FFF8E8;
    /*border: 1px solid #000000;*/
    padding: 10px 5px 5px 5px
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.roomPhoto {
    width: 95px;
    padding-right: 5px
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.roomPhoto img.thumb {
    width: 70px;
    /* 70px */
    padding-bottom: 10px
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText {
    text-align: justify;
    width: 508px;
    padding-right: 5px;
    font-size: 90%;
    color: #666
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText p {
    padding-bottom: 5px
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText p.promo {
    font-size: 110%;
    color: #393;
    font-weight: bold
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText a {
    font-size: 90%;
    text-decoration: none
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText a:hover {
    font-size: 95%;
    text-decoration: underline
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText div.roomDetails {
    display: none
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.descriptionText div.cancellationDetails {
    display: none
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.btnText {
    text-align: right;
    /* width: 95px; */
    width: 115px;
    padding-right: 5px
    }
.areaResultsHotelInfo .rates .rateItem .rateBody td.btnText span.rateText {
    font-size: 120%;
    font-weight: bold;
    color: #036
    }
.areaResultsHotelInfo .rates .viewAllRates {
    font-size: 110%;
    font-weight: bolder;
    text-align: center
    }
.areaResultsHotelInfo .hotelInfoMain .footer {
    /*height: 22px;*/
    /*background-image: url("../img/ots_sprite.png");*/
    /*background-position: -10px -1240px;*/
    height: 10px;
    background: #fff;
    border-bottom: #036 solid 1px;
    border-left: #036 solid 1px;
    border-right: #036 solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
    }
/* each hotel section (photos, amenities, etc) */
.areaResultsHotelInfo .hotelInfoSections {
    margin-bottom: 20px
    }
.areaResultsHotelInfo .hotelInfoSections .header {
    height: 23px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -1282px;
    padding: 0 0 0 10px
    }
.areaResultsHotelInfo .hotelInfoSections .headerText {
    font-size: 95%;
    color: #036;
    font-weight: bold
    }
.areaResultsHotelInfo .hotelInfoSections .content {
    font-size: 100%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    padding: 0 10px 0 10px
    }
.areaResultsHotelInfo .hotelInfoSections ul {
    margin: 0;
    padding: 0
    }
.areaResultsHotelInfo .hotelInfoSections p {
    margin: 0;
    padding: 0
    }
.areaResultsHotelInfo .hotelInfoSections .hotelPhotos {
    text-align: center
    }
/*
.areaResultsHotelInfo .hotelInfoSections .hotelPhotos ul {
	margin: 0;
	padding: 0;
}
*/
.areaResultsHotelInfo .hotelInfoSections .hotelPhotos li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0
    }
.areaResultsHotelInfo .hotelInfoSections .hotelPhotos img {
    padding: 10px 0 10px 0
    }
.areaResultsHotelInfo .hotelInfoSections .footer {
    height: 22px;
    background-image: url(../img/ots_sprite.png);
    background-position: -10px -691px
    }
/* ~~ FOOTER STYLES ~~ */
.areaFooter {
    width: 100%;
    background-color: #FEC005;
    padding: 2px 10px 2px 10px;
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px
    }
.areaFooter p {
    margin: 0
    }
.areaFooter ul {
    margin: 0;
    padding: 0
    }
.areaFooter li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0
    }
.areaTabbedContent {
    margin-bottom: 20px
    }
.areaTabbedContent h2 {
    font-size: 150%;
    color: #F90;
    text-decoration: none;
    border-bottom: none
    }
.areaTabbedContent h3 {
    font-size: 150%;
    color: #F90;
    text-decoration: none;
    border-bottom: none
    }
/* ~~ GOOGLE MAPS INFO WINDOW AREA ~~ */
#gmapInfoWindow {
    text-align: left;
    overflow: hidden
    }
#gmapInfoWindow td {
    vertical-align: top
    }
#gmapInfoWindow td .hotelName {
    font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #036
    }
#gmapInfoWindow td span {
    font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #666
    }
/* ~~ AUTO SUGGEST SEARCH STYLES ~~ */
table.suggestList {
    border-collapse: collapse;
    color: #000;
    /*
    	cursor: default;*/
    font-family: verdana;
    font-size: 11px;
    width: 100%;
    border-top: 1px solid #036;
    border-left: 1px solid #036;
    border-right: 1px solid #036
    }
table.suggestList tr {
    height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #036
    }
table.suggestList tr:hover {
    background-color: #eee
    }
table.suggestList td {
    border-bottom: 1px solid #036
    }
div#countrySuggest {
    width: 200px
    }
/* ~~ (SECURE) HOTEL INFORMATION AREA ~~ */
.areaHotelInfo {
    margin-top: 15px;
    margin-bottom: 20px
    }
.areaHotelInfo .hotelInfoMain {
    margin-bottom: 20px
    }
.areaHotelInfo .hotelInfoMain .header {
    height: 34px;
    background: #fff url(../img/box_blue_header_tall_full.png) top left no-repeat;
    padding: 0 0 0 10px
    }
.areaHotelInfo .hotelInfoMain .header h1 {
    padding: 3px 0 0 0;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff
    }
.areaHotelInfo .hotelInfoMain .header .leftText {
    width: 472px;
    float: left
    }
.areaHotelInfo .hotelInfoMain .header .rightText {
    width: 472px;
    float: left;
    text-align: right;
    padding-top: 3px
    }
.areaHotelInfo .hotelInfoMain .header .leftText h1 {
    padding: 3px 0 0 0;
    font-size: 110%;
    text-transform: capitalize;
    color: #fff
    }
.areaHotelInfo .hotelInfoMain .header .mockH1 {
    padding: 3px 0 0 0;
    font-size: 110%;
    text-transform: capitalize;
    font-weight: bold;
    color: #fff
    }
.areaHotelInfo .hotelInfoMain .content {
    font-size: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 0 10px 0 10px
    }
.areaHotelInfo .hotelInfoMain .content .leftZone {
    width: 546px;
    float: left;
    margin: 0 20px 0 0;
    padding: 5px 10px 5px 10px
    }
.areaHotelInfo .hotelInfoMain .content .leftZone label {
    font-weight: bold
    }
.areaHotelInfo .hotelInfoMain .content .leftZone td {
    padding: 1px
    }
.areaHotelInfo .hotelInfoMain .content .rightZone {
    width: 318px;
    float: left;
    margin: 0 0 0 10px;
    padding: 5px 10px 5px 10px;
    background-color: #f6f6f6;
    border: 1px solid #666
    }
.areaHotelInfo .hotelInfoMain .content .rightZone label {
    font-weight: bold
    }
.areaHotelInfo .hotelInfoMain .content .rightZone td {
    padding: 1px
    }
.areaHotelInfo .hotelInfoMain .content .rateZone {
    padding-bottom: 10px
    }
.areaHotelInfo .hotelInfoMain .content .rateZone .ratePlanDesc {
    font-size: 85%;
    font-weight: bold;
    color: #000
    }
.areaHotelInfo .hotelInfoMain .content .rateZone .rateBody {
    background-color: #FFF8E8;
    border: 1px solid #000;
    padding: 5px
    }
.areaHotelInfo .hotelInfoMain .content .rateZone .rateBody td.rateText {
    width: 125px;
    font-size: 115%;
    font-weight: bold;
    color: #036;
    padding-right: 5px
    }
.areaHotelInfo .hotelInfoMain .content .rateZone .rateBody td.descriptionText {
    text-align: justify;
    padding-right: 5px;
    font-size: 90%;
    color: #666
    }
.areaHotelInfo .hotelInfoMain .footer {
    height: 22px;
    background: #fff url(../img/box_blue_footer_full.png) top left no-repeat
    }
/* ~~ (SECURE) CUSTOMER FORM AREA ~~ */
.areaCustomerInfo {
    margin: 0
    }
.areaCustomerInfo .generalInfo {
    margin-bottom: 20px
    }
.areaCustomerInfo .generalInfo .header {
    height: 34px;
    background: #fff url(../img/box_blue_header_tall.png) top left no-repeat;
    padding: 0 0 0 10px
    }
.areaCustomerInfo .generalInfo h2 {
    /* font-size: 95%;
    	color: #003366;
    	font-weight: bold;
    	border-bottom: none; */
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 3px 0 0 0
    }
.areaCustomerInfo .generalInfo h3 {
    margin-bottom: 0;
    font-size: 12px;
    color: #036;
    font-weight: bold;
    border-bottom: none
    }
.areaCustomerInfo .generalInfo .content {
    font-size: 100%;
    border-left: 1px solid #185c8d;
    border-right: 1px solid #185c8d;
    padding: 0 10px 0 10px
    }
.areaCustomerInfo .generalInfo .content .areaCustomerName {
    background-color: #ecf4fd;
    border: 1px solid #185cbd;
    padding: 10px;
    margin-bottom: 5px
    }
.areaCustomerInfo .generalInfo .content .areaPaymentInformation {
    padding: 10px;
    margin-bottom: 5px
    }
.areaCustomerInfo .generalInfo .content .areaCreditCardInformation {
    padding: 10px;
    margin-bottom: 5px
    }
.areaCustomerInfo .generalInfo .content .areaOptionalInformation {
    padding: 10px;
    margin-bottom: 5px
    }
.areaCustomerInfo .generalInfo .content .areaAgreeInitial {
    background-color: #ecf4fd;
    border: 1px solid #185cbd;
    padding: 10px
    }
.areaCustomerInfo .generalInfo .content .areaBookIt {
    text-align: center;
    padding: 10px
    }
.areaCustomerInfo .generalInfo .content .areaBookIt .bookItButton {
    font-size: 140%;
    color: #FFF;
    background-color: #42b600;
    font-weight: bold
    }
.areaCustomerInfo .generalInfo .content .formField {
    border: 1px solid #666
    }
.areaCustomerInfo .generalInfo .content p {
    margin-bottom: 0
    }
.areaCustomerInfo .generalInfo .content td {
    padding: 2px
    }
.areaCustomerInfo .generalInfo .content ul {
    margin: 0;
    padding: 0 0 20px 0
    }
.areaCustomerInfo .generalInfo .footer {
    height: 22px;
    background: #fff url(../img/box_blue_footer.png) top left no-repeat
    }
/* @override 
	http://otswide.onetravelsource.com/css/text.css */
#frontpage p {
    line-height: 1.6;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 10px
    }
#frontpage img {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin-top: 5px;
    margin-right: 10px;
    float: left
    }
#frontpage h1 {
    font-size: 1.6em;
    color: #036;
    padding: 15px 0 5px 15px
    }
#frontpage h2 {
    font-size: 1.1em;
    color: #336798;
    padding: 15px;
    background-color: #eaf2fd;
    margin-bottom: 20px
    }
#frontpage h3 {
    font-size: 1em;
    /*border-top: 1px dashed #d7e8fd;*/
    padding-left: 15px;
    display: block;
    padding-top: 10px;
    padding-bottom: 5px
    }
#frontpage img ~ p {
    display: block;
    margin-left: 185px;
    margin-right: 40px
    }
#frontpage h3 a {
    text-decoration: none;
    color: #336798;
    /*#ffffff;*/
    background: #FFF2D0;
    /*#003366;*/
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    display: block;
    margin-right: 10px
    }
#frontpage p a {
    text-decoration: none
    }
/* ~~ NEW RESULTS LISTING STYLE ~~ */
.new-listing-1 {
    border-radius: 5px;
    border: 1px solid #427ac9;
    /*box-shadow: 0 2px 3px #d5d6d5;*/
    margin-bottom: 12px;
    margin-right: 10px
    }
.new-listing-heading-1 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ebf3fd;
    padding: 10px;
    min-height: 30px;
    border-bottom: 1px solid #427ac9
    }
.new-listing-heading-1 a, .new-listing-heading-1 a:visited, .new-listing-heading-1 a:hover {
    margin-right: 5px;
    background-color: #dfa7a7;
    color: #f7f1f1;
    font-weight: bold;
    text-decoration: none;
    font-size: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 1px 4px 0;
    display: inline-block;
    width: 14px
    }
.new-listing-heading-1 .hotelTitle h3 {
    font-size: 1.1em;
    float: left
    }
.new-listing-1 img {
    border-radius: 6px;
    margin: 10px 2px 10px 10px;
    float: left;
    border-width: 0
    }
.new-listing-content-1 .new-price-1 {
    float: right;
    text-align: right;
    margin: 5px 10px 0 0
    }
.new-listing-content-1 .hotelpic {
    max-width: 160px;
    min-width: 160px;
    max-height: 95px
    }
.new-listing-left-1 {
    margin-top: 10px;
    /*width: 395px;*/
    /* display: inline-block; */
    float: left;
    /*vertical-align: top;*/
    }
.new-listing-left-1 * {
    margin: 0 0 10px 10px;
    /*display: block;*/
    }
.new-listing-left-1 .promo {
    color: #6caf65
    }
.new-listing-left-1 .promo strong {
    display: inline;
    margin-left: 0;
    border-color: #589441
    }
.new-ta-1 {
    text-align: right;
    width: 150px;
    float: right;
    margin: 0;
    padding: 0;
    right: 15px
    }
.new-ta-1 img {
    margin: 0;
    width: 120px;
    padding: 0;
    border-style: solid;
    float: right
    }
.new-ta-1 span {
    font-size: 12px;
    color: #9aa6b5;
    clear: both;
    float: right
    }
.new-listing {
    border-radius: 8px;
    border: 1px solid #427ac9;
    -moz-box-shadow: 0 2px 3px #d5d6d5;
    -webkit-box-shadow: 0 2px 3px #d5d6d5;
    box-shadow: 0 2px 3px #d5d6d5;
    margin-bottom: 12px;
    margin-right: 10px
    }
.new-listing-1 {
    border-radius: 5px;
    border: 1px solid #427ac9;
    /*box-shadow: 0 2px 3px #d5d6d5;*/
    margin-bottom: 12px;
    margin-right: 10px
    }
.new-listing-left {
    overflow: hidden;
    margin-top: 10px;
    /* width: 375px; */
    width: 395px;
    /* display: inline-block; */
    float: left;
    vertical-align: top
    }
.new-listing-left * {
    margin: 0 0 10px 10px;
    display: block
    }
.new-listing-left .promo {
    color: #6caf65
    }
.new-listing-left .promo strong {
    display: inline;
    margin-left: 0;
    border-color: #589441
    }
.new-listing-content {
    overflow: hidden
    }
.new-listing img {
    border-radius: 6px;
    margin: 10px 2px 10px 10px;
    float: left;
    border-width: 0
    }
.new-listing-content .hotelpic {
    max-width: 160px;
    min-width: 160px;
    max-height: 95px
    }
.new-listing-heading {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ebf3fd;
    padding: 10px;
    min-height: 30px;
    border-bottom: 1px solid #427ac9;
    overflow: hidden;
    /* Add this Line */
    }
.new-listing-heading h3 {
    font-size: 16px;
    /*width: 550px;*/
    float: left;
    display: block
    }
.new-listing-heading p {
    font-size: 12px;
    position: relative;
    margin: 2px 0 0;
    width: 560px;
    color: #a8b2be;
    float: left
    }
.new-listing-heading strong {
    color: #003175
    }
.new-listing-heading a, .new-listing-heading a:visited, .new-listing-heading a:hover {
    margin-right: 5px;
    background-color: #dfa7a7;
    color: #f7f1f1;
    font-weight: bold;
    text-decoration: none;
    font-size: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 1px 4px 0;
    display: inline-block;
    width: 14px
    }
.new-ta {
    text-align: right;
    width: 150px;
    float: right;
    margin: 0;
    padding: 0;
    /*position: absolute;*/
    right: 15px
    }
.new-ta img {
    margin: 0;
    width: 120px;
    padding: 0;
    border-style: solid;
    float: right
    }
.new-ta span {
    font-size: 12px;
    color: #9aa6b5;
    clear: both;
    float: right
    }
.new-listing-blueButton {
    border-radius: 3px;
    border: 1px solid #4eb0f9;
    background-color: #336598;
    background: -moz-linear-gradient(90deg, #336598 0%, #0587e7 100%) #336598;
    background: -webkit-gradient(linear, left bottom, left top, from(#336598), to(#0587e7)) #336598;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: 1px 1px 1px #243649;
    margin-right: 10px;
    margin-left: 10px;
    float: right;
    margin-top: 0;
    padding: 2px 5px;
    cursor: pointer;
    margin-bottom: 10px
    }
.new-listing-blueButton:hover {
    background-color: #649fdc;
    background: -moz-linear-gradient(90deg, #4b86c2 0%, #69bcf9 100%) #649fdc;
    background: -webkit-gradient(linear, left bottom, left top, from(#4b86c2), to(#69bcf9)) #649fdc
    }
.new-listing-right {
    text-align: right;
    margin-bottom: 10px;
    /* float: right; */
    display: inline-block;
    vertical-align: top;
    width: 170px
    }
.new-price {
    margin: 5px 12px 10px
    }
.new-bigprice {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin-left: 5px
    }
.new-rates {
    margin: 0 10px 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #eefce2
    }
.new-listing h5 {
    margin-left: 20px;
    margin-bottom: -5px;
    font-size: 12px
    }
.per-night {
    /* this was added on line 2863 */
    display: block
    }
/* ~~ NEW STYLES FOR CALENDAR ~~ */
.ui-datepicker-trigger {
    padding: 0;
    margin: 0
    }
#hotel-distance-finder1 {
    background-color: #FFF2D0;
    border: #FFF2D0 1px solid;
    border-radius: 5px;
    padding: 10px;
    font-size: 0.875em
    }
/* ~~ NEW STYLES FOR 'Radius Search Bar' BAR ~~ */
#listing-sort-menu, #hotel-distance-finder {
    background: #fff url(../img/sort-bg.jpg) repeat-x 0 0;
    width: 744px;
    height: 40px;
    margin-bottom: 10px;
    position: relative
    }
#listing-sort-menu a {
    background: url(../img/ots_sprite.png) no-repeat 0 0;
    height: 22px;
    margin-left: 10px;
    top: 10px;
    display: inline-block;
    position: relative
    }
#listing-sort-menu .sort-distance {
    background-position: 0 -1867px;
    width: 71px
    }
#listing-sort-menu .sort-distance:hover {
    background-position: 0 -1911px
    }
#listing-sort-menu .sort-distance:active, #listing-sort-menu .sort-distance.current {
    background-position: 0 -1889px
    }
#listing-sort-menu .sort-lowest-price {
    background-position: -72px -1867px;
    width: 97px
    }
#listing-sort-menu .sort-lowest-price:hover {
    background-position: -72px -1911px
    }
#listing-sort-menu .sort-lowest-price:active, #listing-sort-menu .sort-lowest-price.current {
    background-position: -72px -1889px
    }
#listing-sort-menu .sort-rating {
    background-position: -170px -1867px;
    width: 61px
    }
#listing-sort-menu .sort-rating:hover {
    background-position: -170px -1911px
    }
#listing-sort-menu .sort-rating:active, #listing-sort-menu .sort-rating.current {
    background-position: -170px -1889px
    }
#listing-sort-menu .sort-airports {
    background-position: -232px -1867px;
    width: 68px
    }
#listing-sort-menu .sort-airports:hover {
    background-position: -232px -1911px
    }
#listing-sort-menu .sort-airports:active, #listing-sort-menu .sort-airports.current {
    background-position: -232px -1889px
    }
#listing-sort-menu .sort-attractions {
    background-position: -301px -1867px;
    width: 81px
    }
#listing-sort-menu .sort-attractions:hover {
    background-position: -301px -1911px
    }
#listing-sort-menu .sort-attractions:active, #listing-sort-menu .sort-attractions.current {
    background-position: -301px -1889px
    }
#listing-sort-menu a:hover {
    background-position: -1823px
    }
#listing-sort-menu .sort-map {
    position: absolute;
    top: 4px;
    right: 0;
    width: 134px;
    height: 32px;
    background-position: -383px -1867px
    }
#listing-sort-menu .sort-map:hover {
    background-position: -383px -1899px
    }
/* ~~ NEW STYLES FOR 'Filter' BAR ~~ */
/* Sort Menu */
/* Wrapper and Shared Container Styles */
#listing-sort-wrapper {
    background: #FFF url(../img/ots_sprite.png) no-repeat 0 -1934px;
    height: 35px;
    width: 744px;
    position: relative;
    display: block;
    padding: 2px;
    margin-top: 0;
    margin-bottom: 10px
    }
.listing-sort-wrapper-mobile {
    position: relative;
    display: block;
    padding: 2px;
    margin-top: 0;
    margin-bottom: 10px
    }
#listing-sort-wrapper .sort-container {
    background-color: #ECECEC;
    padding-left: 10px;
    height: 31px;
    position: absolute
    }
.listing-sort-wrapper-mobile .sort-container {
    margin-bottom: 10px
    }
.listing-sort-wrapper-mobile .sort-container a {
    background-color: #336798;
    color: #EAF2FD;
    text-decoration: none;
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
    font-size: 0.875em;
    line-height: 2.5
    }
/* Shared Styles */
#listing-sort-wrapper .sort-title {
    top: -5px;
    position: relative
    }
#listing-sort-wrapper a {
    background: url(../img/ots_sprite.png) no-repeat 0 0;
    height: 22px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block
    }
/* Sort-Menu > Sort By: Container */
#listing-sort-wrapper #sort-by {
    left: 2px;
    width: 319px
    }
/* Sort-Menu > Sort By: Links */
#listing-sort-wrapper .sort-distance {
    background-position: 0 -1867px;
    width: 71px
    }
#listing-sort-wrapper .sort-distance:hover {
    background-position: 0 -1911px
    }
#listing-sort-wrapper .sort-distance:active, #listing-sort-wrapper .sort-distance.current {
    background-position: 0 -1889px
    }
#listing-sort-wrapper .sort-lowest-price {
    background-position: -72px -1867px;
    width: 97px
    }
#listing-sort-wrapper .sort-lowest-price:hover {
    background-position: -72px -1911px
    }
#listing-sort-wrapper .sort-lowest-price:active, #listing-sort-wrapper .sort-lowest-price.current {
    background-position: -72px -1889px
    }
#listing-sort-wrapper .sort-rating {
    background-position: -170px -1867px;
    width: 61px
    }
#listing-sort-wrapper .sort-rating:hover {
    background-position: -170px -1911px
    }
#listing-sort-wrapper .sort-rating:active, #listing-sort-wrapper .sort-rating.current {
    background-position: -170px -1889px
    }
/* Sort-Menu > Near: Container */
#listing-sort-wrapper #hotels-near {
    left: 334px;
    width: 286px
    }
/* Sort-Menu > Near: Links */
#listing-sort-wrapper .sort-airports {
    background-position: -232px -1867px;
    width: 147px
    }
#listing-sort-wrapper .sort-airports:hover {
    background-position: -232px -1911px
    }
#listing-sort-wrapper .sort-airports:active, #listing-sort-wrapper .sort-airports.current {
    background-position: -232px -1889px
    }
/* #listing-sort-wrapper .sort-attractions {
		background-position: -301px -1867px;
		width: 81px;
	}
	#listing-sort-wrapper .sort-attractions:hover {
		background-position: -301px -1911px;
	}
	#listing-sort-wrapper .sort-attractions:active, #listing-sort-wrapper .sort-attractions.current {
		background-position: -301px -1889px;
	} */
/* Sort-Menu > Map: Container & Layout Overrides */
#listing-sort-wrapper #sort-map-container {
    position: absolute;
    top: 2px;
    right: 5px
    }
#listing-sort-wrapper #sort-map-container a {
    /* Overrides shared <a> margin*/
    margin: 0
    }
/* Sort-Menu > Map: Links */
#listing-sort-wrapper .sort-map {
    width: 111px;
    height: 31px;
    background-position: -410px -1867px
    }
#listing-sort-wrapper .sort-map:hover {
    background-position: -410px -1902px
    }
#listing-sort-wrapper .sort-map.hide-map {
    background-position: -521px -1867px
    }
#listing-sort-wrapper .sort-map.hide-map:hover {
    background-position: -521px -1902px
    }
#go-btn {
    /* Added an ID to the input element in line 1338 of the original site file */
    width: 50px;
    height: 25px;
    margin-top: 8px
    }
/* ~~ STAR RATING STYLES ~~ */
.star-rating-container {
    height: 15px;
    width: 100px
    }
.star-rating-container-1 p {
    height: 15px;
    width: 100px;
    float: right
    }
.star-rating-container p {
    margin-top: 5px;
    margin-right: 25px
    }
.rating-bg, .rating {
    width: 80px;
    height: 15px;
    position: absolute;
    right: 16px;
    background-image: url(../img/stars.png);
    background-repeat: no-repeat
    }
.rating-bg {
    background-position: 0 -16px
    }
.rating {
    background-position: 0 0
    }
/* The Whole Stars */
.star1-0 {
    background-position: -64px 0
    }
.star2-0 {
    background-position: -48px 0
    }
.star3-0 {
    background-position: -32px 0
    }
.star4-0 {
    background-position: -16px 0
    }
.star5-0 {
    background-position: 0 0
    }
/* The Half Stars */
/* If you change the position of the .rating-bg or the .rating, you need to update the position of these by the same value */
.star1-5 {
    width: 25px;
    right: 71px
    }
.star2-5 {
    width: 40px;
    right: 56px
    }
.star3-5 {
    width: 56px;
    right: 40px
    }
.star4-5 {
    width: 72px;
    right: 24px
    }
.ui-autocomplete {
    max-height: 245px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden
    }
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 245px
    }
/* hotel thumb photos */
a.more-photos {
    display: block;
    padding: 5px 0 20px 0;
    font-weight: bold
    }
div.hotel-thumbs {
    display: none
    }
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapperHeaderNav {
        margin: 0;
        padding: 0;
        background: none
        }
    /* ~~ CAROUSEL SEARCH FORM STYLES ~~ */
    .carouselWrapper {
        background: #fff url(../img/OTS_Beach_984_400-Web.jpg) top center no-repeat;
        margin-left: -10px;
        margin-top: -20px;
        margin-bottom: 0;
        margin-right: -10px;
        height: 400px
        }
    .carouselSearchFormWrapper {
        width: 300px;
        padding: 45px 50px 50px 50px
        }
    .carouselSearchForm {
        padding: 10px 10px 10px 20px;
        background-color: #ECECEC;
        /*border: 2px solid #a5a6a5;*/
        border-radius: 5px
        }
    .carouselSearchForm td {
        padding: 4px 0
        }
    }
@media only screen and (max-width: 767px) {
    .nav {
        position: relative;
        min-height: 40px;
        z-index: 1
        }
    .nav ul {
        width: 150px;
        padding: 3px 0;
        position: absolute;
        top: 2px;
        left: 10px;
        border: solid 1px #aaa;
        background: #fff url(../img/icon-menu.png) no-repeat 10px 11px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
        }
    .nav li {
        display: none;
        /* hide all <li> items */
        margin: 0
        }
    .nav .current {
        display: block;
        /* show only current <li> item */
        }
    .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left
        }
    .nav .current a {
        background: none;
        color: #036
        }
    /* on nav hover */
    .nav ul:hover {
        background-image: none
        }
    .nav ul:hover li {
        display: block;
        margin: 0 0 5px
        }
    .nav ul:hover .current {
        background: url(../img/icon-check.png) no-repeat 10px 7px
        }
    /* right nav */
    .nav.right ul {
        left: auto;
        right: 0
        }
    /* center nav */
    .nav.center ul {
        left: 50%;
        margin-left: -90px
        }
    .wrapperHeaderNav {
        margin: 0;
        padding: 0;
        background: none
        }
    /* ~~ CAROUSEL SEARCH FORM STYLES ~~ */
    .carouselWrapper {
        background: #fff url(../img/OTS_Beach_984_400-Web.jpg) top left no-repeat;
        margin-left: -10px;
        margin-top: -20px;
        margin-bottom: 0;
        margin-right: -10px;
        height: 400px
        }
    .carouselSearchFormWrapper {
        width: 300px;
        padding: 45px 50px 50px 50px
        }
    .carouselSearchForm {
        padding: 10px 10px 10px 20px;
        background-color: #ECECEC;
        /*border: 2px solid #a5a6a5;*/
        border-radius: 6px
        }
    .carouselSearchForm td {
        padding: 4px 0
        }
    }
@media screen and (max-width: 600px) {
    .wrapperHeaderNav {
        margin: 0;
        padding: 0;
        background: none
        }
    /* ~~ CAROUSEL SEARCH FORM STYLES ~~ */
    .carouselWrapper {
        /*background: #ffffff url(../img/OTS_Beach_984_400-Web.jpg) top left no-repeat;*/
        background: none;
        background-color: #ECECEC;
        margin-left: 0;
        margin-top: -20px;
        margin-bottom: 0;
        margin-right: 0;
        height: 303px
        }
    .carouselSearchFormWrapper {
        width: 300px;
        padding: 0 50px 50px 0
        }
    .carouselSearchForm {
        padding: 10px 10px 10px 20px;
        background-color: #ECECEC;
        /*border: 0px solid #a5a6a5;*/
        border-radius: 0
        }
    .carouselSearchForm td {
        padding: 4px 0
        }
    .areaCarouselTravelTools {
        background-color: #FFF2D0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 10px
        }
    .areaFooter {
        margin-left: 0;
        margin-right: 0;
        padding: 2px 2px 2px 2px
        }
    }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .wrapperHeaderNav {
        margin: 0;
        padding: 0;
        /*background: none;*/
        }
    /* ~~ CAROUSEL SEARCH FORM STYLES ~~ */
    .carouselWrapper {
        background: #fff url(../img/OTS_Beach_984_400-Web.jpg) top left no-repeat;
        margin-left: 0;
        margin-top: -20px;
        margin-bottom: 0;
        margin-right: 0;
        height: 400px
        }
    .carouselSearchFormWrapper {
        width: 300px;
        padding: 45px 35px 50px 35px
        }
    .carouselSearchForm {
        padding: 10px 10px 10px 20px;
        background-color: #ECECEC;
        /*border: 2px solid #a5a6a5;*/
        border-radius: 6px
        }
    .carouselSearchForm td {
        padding: 4px 0
        }
    .areaCarouselTravelTools {
        background-color: #FFF2D0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 10px
        }
    .areaFooter {
        margin-left: 0;
        margin-right: 0
        }
    }