/* CSS Document */
body{
margin: 0px;
font: 11px arial,helvetica,sans-serif;
padding: 0px;
}

body img{
border: none;
}

a{
text-decoration: none;
color: #000000;
}

a:hover{
text-decoration:underline;
color: #000000;
}

/* positional */
.container{
width: 942px;
background-image:url(../images/contentPage/background.jpg);
background-repeat:no-repeat;
background-color: #1D92C7;
background-position: top center;
margin-top: 9px;
padding: 0px  20px 0px 20px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.containerpayment
{
    background-color:#2883BA;
}

/*
.container{
width: 942px;
background-image:url(../images/contentPage/background.jpg);
background-repeat:no-repeat;
background-color: #1D92C7;
background-position: top center;
margin-top: 9px;
padding: 0px 20px 0px 20px;
margin-left: auto;
margin-right: auto;
position: relative;
}
*/
.containerFooter{
width: 942px;
height: 23px;
position:absolute;
left: 0px;
}

.containerpaymentFooter{
width: 942px;
height: 23px;
position:absolute;
left: 0px;
}

.header{
height: 98px;
margin-bottom: 10px;
position: relative;
}

.paymentheader{
height: 65px;
/*margin-bottom: 10px;*/
position: relative;
}

.paymentFrame 
{
    overflow:auto ;
}

.mediumText1 {
font-size: 12px;
margin-left: 11px;
margin-top: 3px;
}
.largeText1 {
font-size: 16px;
font-weight: bold;
margin-left: 11px;
}

.content{
display:block;
background-image:none;
background-color: #ffffff;
margin-bottom: 0px;
display:block;
overflow:hidden;
height:auto;
}
.contentAreaBottom{
height: 31px;
}
.footer{
background-color: transparent;
height: 56px;
background-image:url(../images/homepage/footerBG.png);
background-repeat:no-repeat;
background-position:top;
font-size: 10px;
}

#footerCopy{
margin:   3px 0px 0px 7px;
}
#cards{
margin: 17px 10px 0px 100px
}
#verisign{
float:right;
margin-right: 7px;
margin-top: 2px;
}
.contentColumn{
float: left;
margin: 11px 0px 11px 0px;
display:block;
}

#lhCol{
width: 210px;
margin-left: 11px;
display:block;
}
#midCol{
width: 450px;
margin: 11px 25px 0px 25px;
display:block;
height: 530px;
font-size:12px;
}
#rhCol{
width: 210px;
margin-right: -6px;
display:block;
height: 222px;
}

/* Used for default page*/
.defaultContentColumn{
float: left;
display: block;
}

#dlhCol{
width: 210px;
margin-left: 8px;
margin-right: 5px;
display:block;
}

#dmidCol{
width: 450px;
margin-left: 11px;
margin-right: 0px;
display:block;
height: 230px;
}

#drhCol{
/*width: 215px;
margin-left: 15px;
display:block;
height: 350px;
margin-top: 0px;
margin-right: 4px;*/
margin-top: 0px;
width: 210px;
margin-right: 0px;
/*margin-left: 20px;*/
float: right;
display:block;
}

#rhCol2{
width: 211px;
margin-top: 10px;
margin-left: 0px;
height: 280px;
display:block;
padding-left: 10px;
padding-right: 10px;
background-color: #3f6ccc;
}

.landAndGo{
background-color: #FFFFFF;
background-image:url(../images/homepage/specialOffersBackground.gif);
background-repeat:no-repeat;
background-position:top;
width: 210px;
height: 268px;
padding-top: 36px;
margin-right: 9px;
float: right;
}

/* special offers */
.specialOffersList{
background-color: #ED9004;
background-image:url(../images/nav/specialOffersBackground3.gif);
background-repeat:no-repeat;
background-position:top;
width: 210px;
/*height: 268px;*/
height: 290px;
padding-top: 36px;
margin-right: 9px;
float: right;
}
.specialOffer{
padding: 5px 10px 3px 10px;
}
.specialOffer img{
float: right;
margin-top: 5px;
}
.specialOffer strong{
font-weight: bold;
font-size: 12px;
color: #000000;
}
.specialOffer em{
font-style:normal;
font-weight: bold;
font-size:12px;
color: #ffffff;
}
.stars{
color: black;
font-weight: bold;
font-size:12px;
}
.specialOfferDevider{
height: 2px;
background-image:url(../images/homepage/specialOffersDevider.jpg);
background-repeat:no-repeat;
}
.specialOfferFooter{
height: 40px;
}
.specialOfferFooter img{
margin-top: 13px;
float:right;
}

/* footer */
#footerCopy, #cards, #versign{
float: left;
}

/* top bar */
#mainNav{
height: 74px;
top: 0px;
right: 0px;
position: absolute;
}
#mainNav a{
margin-left: 5px;
}
#mainNav img{
vertical-align:top;
}
#subNav{
color: #A3D7E5;
font-size: 10px;
font-weight: bold;
float: right;
}
#subNav a{
color: #A3D7E5;
}
#subNav a:hover{
color: #A3D7E5;
}
#logo{
width: 283px;
height: 61px;
padding-top: 17px;
}
.mainPromo{
margin: 0px 0px 14px 0px;
}
/*search */
/*
.searchColumn{
background-position: top;
background-image:url(../images/homepage/searchBackground.png);
background-repeat:no-repeat;
height: 355px;
padding: 8px 0px 0px 8px;
margin-bottom: 20px;
}*/
.searchColumn{
background-image:none;
border-left: 1px solid #BEBEBE;
border-right: 1px solid #BEBEBE;
margin-bottom: 0px;
display: block;
height:auto;
padding: 0px 0px 0px 8px;
padding-bottom: 9px;
}
.searchColumnFooter{
margin-bottom: 20px;
}
/*
.searchColumn label{
font-weight:bold;
display: block;
width: 190px;
float: left;
margin-bottom: 2px;
margin-top: 7px;
}
*/

.searchColumn select{
border: 1px solid #A5ACB2;
font: 11px arial,helvetica,sans-serif;
height: 19px;
}
.searchColumn input{
border: 1px solid #A5ACB2;
font: 11px arial,helvetica,sans-serif;
height: 15px;
}
/* format form elements */
#beachDestination, #resort, #typeofroom{
width: 194px;
}
#checkinCal, #checkoutCal, #searchButton{
vertical-align:middle;
}
#checkin, #checkout{
width: 41px;
margin-right: 1px;
}
#checkinMonth, #checkoutMonth{
width: 115px;
margin-right: 1px;
}
.searchColumn br{
clear: both;
}
#roomDetLabel{
width: 40px;
float: left;
margin-right: 8px;
}
#rooms, #adults, #child, #infant{
width: 40px;
float: left;
margin-right: 8px;
}
#board{
width: 146px;
}
#boardLabel{
width: 150px;
float: left;
}
#ratingLabel{
float: left;
width: 40px;
}

/* agent login*/
.agentLogin{
height: 87px;
background-image:url(../images/homepage/agentLogin.jpg);
background-position:top;
background-repeat:no-repeat;
color: #CF5A0B;
font-weight: bold;
padding: 12px 0px 8px 9px;
}
.agentLogin a{
font-size: 10px;
font-weight:normal;
color: #CF5A0B;
}
#username, #password{
border: 1px solid #FFD089;
font: 11px arial,helvetica,sans-serif;
height: 15px;
}
#username{
width: 190px;
margin-top: 5px;
}
#password{
width: 162px;
margin-top: 1px;
}
#agentSubmit{
vertical-align: middle;
}
/* star buys */
.starBuys{
margin: 14px 0px 20px 0px;
/*margin: 14px 158px 20px 0px;*/
}
.starBuysTabs{
float: left;
padding-right: 157px;
}
.starBuysLogo{
float: left;
}
.starBuysTabs a{
width: 77px;
height: 16px;
display: block;
/*background-image:url(../images/homepage/starBuys/tabOff.gif);*/
background-position:inherit;
background-repeat:no-repeat;
color: #ffffff;
font-weight: bold;
float: left;
text-align:center;
padding-top: 3px;
/*padding-right: 79px;*/
text-decoration:none;
}
.starBuysTabs a:hover{
background-image:url(../images/homepage/starBuys/tabOn.gif);
text-decoration:none;
}

#starBuysTabsOn{
background-image:url(../images/homepage/starBuys/tabOn.gif);
background-position:inherit;
background-repeat:no-repeat;
text-decoration:none;
}
.orangeBar{
float: left;
background-color: #E86E01;
}
.orangeBlockBar{
background-color: #E86E01;
height: 10px;
/*float: right;*/
float: left;
width: 450px;
margin-bottom: 10px;
}
.starBuysDetail{
font-size: 12px;
width: 112px;
float: left;
}
.starBuysDetail img{
margin-top: -8px;
margin-bottom: 4px;
}
.starBuysDetail strong{
font-size:12px;
color: #0372B9;
font-weight: bold;
}
.starBuysDetail em{
color: #0372B9;
font-style: normal;
}
.starBuysDetail a{
color: #0372B9;
}
.starBuysSpacer{
width: 6px;
float:left;
border: 1px solid white;
}
/* mid column */
#midCol em{
font-style: normal;
color: #0066CC;
}
/* RH column */
#bookSecurely{
margin-bottom: 10px;
}
#destinationMap{
margin-bottom: 20px;
}
/* utilities */
.floatClearance{
clear: both;
}