@import "../css/reset.css";
@import "../css/admin.css";

body{margin: 0; padding: 0; color: #333333; font-family:Arial; font-size: 12px;background: #eeefde url(/media/images/bg.gif) top left repeat-x;}

#wrapper{width:907px; margin:0 auto; padding:0; text-align:center;}
#container{width:907px; float:left; text-align:left;}

#leftColumn{width: 221px; float: left;}
#rightColumn{width:686px; float: left; margin-top: 54px;}

#mainContent{float: left; padding-top: 18px; width:686px; }

.clear{clear: both;}
.error { color: #f00; }
ul{margin: 20px;}
#timeshareTable td{padding: 5px; text-align: center;}

#timeshareCalendar h2{color: #333333; font-size: 14px; clear: both; margin: 15px 0;}

a{text-decoration: none; color: #680101;}
h1{background: transparent url(/media/images/logo.gif) top left no-repeat; height: 220px; width: 221px; text-indent: -9000px;}
h1.title {background:none; color: #808080; font-size: 18px; height: auto; width: auto; text-indent: 0; margin-bottom: 10px;}
h2{color:#ffffff; text-transform: uppercase; font-weight: bold; letter-spacing: normal; font-family: Tahoma; font-size: 11px;}
h3{background: transparent url(/media/images/boxheader.gif) top left no-repeat; height: 22px; width: 207px; color:#ffffff; text-transform: uppercase; font-weight: bold; letter-spacing: normal; font-family: Tahoma; font-size: 11px; padding-top: 14px; padding-left: 27px;}
h5{font-weight: bold; clear: both; font-size: 18px; text-align: center; margin: 10px 0; border-bottom: 2px solid #808080; border-top: 2px solid #808080; background-color: #f7f7f7;}

/*### Main site navigation ###*/
#navigation{color: #fac483; clear:both; height: 57px; list-style: none; background: transparent url(/media/images/endCap.gif) top right no-repeat; float: left; padding-right: 19px; margin: 0;}
#navigation li{float: left;}
#navigation li a:hover{color:#ffffff;}
#navigation li a{color: #fac483; font-size: 15px; float: left; font-weight: bold; background: transparent url(/media/images/navMiddle.gif) top left no-repeat; height: 59px; line-height: 42px; padding-left: 30px; display: block;}
#navigation #first a{background: transparent url(/media/images/navLeft.gif) top left no-repeat; padding-left: 14px;}
#mapLink{display: block; width: 100%; height: 200px;}



/*## FEATURED RESORTS, that box and image at the top of the site ###*/
#featuredResorts{background: transparent url(/media/images/bigbar.gif) top left no-repeat; width: 439px; height: 28px;}
#featuredBox{background: #9d0704 url(/media/images/featuredBG.gif) top left repeat-x; width: 461px; padding: 5px 0 0px 5px; }
#featuredBottom{background: transparent url(/media/images/bigbottom.gif) top left no-repeat; width: 466px; height: 16px;}
#featuredAll{float: left;}
#featuredAll h3{padding-top: 16px; padding-left: 30px; width: 100%; height: 24px}
#featuredDetails{width: 200px; float: left; background-color: #550907; margin-top: 5px;}
#featuredDetails h4{color: #fac483; padding-left: 10px; text-transform: uppercase; font-weight: bold; margin: 10px 0;}
#featuredDetails p {color: #ddcecd; padding-left: 10px; line-height: 19px;}
#featuredDetails .linker{margin:5px 0 8px 20px; color: #bb9d9c;}
#featuredDetails .linker a{color: #ddcecd; text-decoration: underline;}
#featuredDetails .linker a:hover{text-decoration: none;}

#detailsTop{background: transparent url(/media/images/detailstop.gif) top right no-repeat; width: 100%; height: 5px;}

#detailsBottom{background: transparent url(/media/images/detailsbottom.gif) top right no-repeat; width: 100%; height: 5px;}


/*### WYSIWYG pages ###*/
#WYSIWYGPages #corpInfo { list-style: none; padding-bottom: 15px; } 
#WYSIWYGPages #corpInfo li{float: left; padding-left: 20px; }
#WYSIWYGPages #corpInfo li a{text-decoration: underline;}
#WYSIWYGPages h2{ color: #333333; font-size: 14px; clear: both; margin: 15px 0;}


.boxBody{background: transparent url(/media/images/boxbody.gif) top left no-repeat; width: 207px; padding: 4px;}

/*### News letter box -> Just as is sounds */
#newsletter{height: 200px; background: transparent url(/media/images/boxbody2.gif) top left no-repeat; height: 76px;}
#newsletter .nlbtn {background:transparent url(/media/images/newsletter-button.gif) no-repeat scroll 0%; border-style:none; height:26px; padding:0px; width:66px;}
#newsletter form{margin-top: 10px;}

/*### Special Box ###*/
#specialsBox{background: transparent url(/media/images/specials.gif) top left no-repeat; height: 77px; width: 205px;}
#specialsBox a{color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 23px; height: 35px; width: 205px; display: block; font-family: Tahoma;}

/*### Specials Page ###*/
.specials{padding-top: 15px;}
.specials h2{ color: #333333; font-size: 20px;}
.specials dd img{float: left;}
.specials dl{margin: 15px;}
.specials dl dt{font-weight: bold; font-size: 14px;}

/*## Google Seach Box ####*/
#googleSearch{width: 100%; text-align: right; padding-top: 20px; height: 34px;}


/*###START SLIDE SHOW BOX ###*/
#slideshow{ width: 295px; background:#42260d url(/media/images/slideshowbottom.gif) bottom left no-repeat; padding-bottom: 3px; float: left; height: 248px; }
#slideshow h3{background: transparent url(/media/images/slideshow.gif) top left no-repeat; padding-left: 31px; width: 264px; }
.photos{width: 286px; height: 207px;}
.photos img{padding: 4px 0 0 4px; width: 286px; height: 207px;}

/*###START BLOG BOX ###*/
#latestBlog{background: transparent url(/media/images/blogbg.gif) top left no-repeat; width: 372px; float: left; margin-left: 10px; font-family: Verdana; font-size: 11px; line-height: 16px;}
#latestBlog h3{background: none; padding-left: 31px; padding-top:12px;}
#latestBlog h5{color:#993300; font-weight: bold; text-decoration: underline; background: none; border: none; text-align: left; font-size: 14px;}
.blogItem{padding: 6px 0 0 6px;}
.blogItem img{ padding: 0 10px 10px 0; float: left; top: 0; left: 0;}


/*##FOOTER STUFF ##*/
#footer{clear: both; width: 100%; text-align: center; margin-top: 20px; font-family: Helvetica; color: #917256; line-height: 21px;}
#footer h6{color: #E0C4AB;}
#footer a{color: #917256; text-decoration: underline;}
#footerTop{background: #322418 url(/media/images/footerbrown.gif) top left repeat-x; padding: 16px;}
#footerBottom{background: #cfcdcd url(/media/images/footergray.gif) top left repeat-x; padding: 16px;}

/*sliding resorts */

#theMenu{}
#theMenu h3{ width: 90%; height: 25px; padding-top: 11px; background: none;  height: 24px;}
#theMenu h3 a{color: #333333; font-size: 14px; background: transparent url(/media/images/glassarrow.gif) top left no-repeat; padding-left: 25px; width: 300px; float: left; height: 24px; padding-top: 4px; }
#theMenu h3 a:hover{color: #a3a3a3;}

.resortList{width: 90%; padding: 0 10px 10px 10px; border-bottom: 1px solid gray; border-top: 1px solid gray; background-color: #ffffff; clear: left; margin-left: 24px;}
.resortList img{float: left; margin: 10px 10px 10px 0; border: 2px solid gray;}
.resortList h6{padding-top: 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
.resortList h6 span a{font-size: 9px; font-weight: normal; text-decoration: underline; color: #333333;}
.resortList p{}

/*Property Map at /destinations/ */
.map-header { width: 750px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#directionsMap { width: 633px; height: 450px; border: 2px solid gray; margin-left: 23px; }
#largeMap { width: 633px; height: 700px; border: 2px solid gray; margin-left: 23px; }
#largeMapLegend { padding: 0 15px; margin: 10px 0 0 57px; }
#largeMapLegend img { float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 12px; width: 180px; margin: 0; }
.infoWindow { width: 325px; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0; padding: 0 0 15px; background: none; color: #333333; font-weight: bold; font-size: 15px; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; }
.mapLocations{  float: left; width: 300px; margin:15px 0 0 15px;}
.mapLocations h4{font-size: 14px; text-decoration: underline;}
.mapLocations ul{margin: 5px 0 0 15px;}
.mapLocations li a{color: #707070;}

/* Intranet Map styles */
#intranetMap { width: 633px; height: 450px; border: 2px solid gray; }


input.checkbox { clear: left; float: left; }
label.checkbox { display: block; float: left; margin-left: 15px; clear: none; }

/*### CONTACT FORM STUFF */
#contactForm h3{ background: none; color: #333333; font-size: 16px; padding: 0; margin: 0; margin-bottom: 16px; width: auto;}
#contactForm label{width: 75px; float: left; margin: 2px; font-weight: bold;}
#contactForm input{margin: 2px;}
#contactForm #form{ margin-top: 25px;}
#contactForm textarea{margin: 2px}
#contactForm #submit{margin-left: 77px;}



/*### Resort Detail Page ###*/
#resortDetails{width: 470px; float: left; }
#resortDetails p{line-height: 19px; text-align: justify; margin-bottom: 10px;}
#resortImages img{border: 2px solid #ffffff; margin-right: 5px;}
#resortDetails h4{font-size: 18px; font-weight: bold; color: #fac483; margin-bottom: 10px; text-transform: uppercase;}

#resortImages{width: 155px; float: left; margin-right: 9px;}
#resortImages h6{text-align: center;}

#amenities{list-style: none; padding-bottom: 10px; margin-left: 10px;}
#amenities li{float: left; width: 100px; background: transparent url(/media/images/arrow.gif) top left no-repeat; padding-left: 10px; margin-bottom: 5px;}
#ratesTop{background: transparent url(/media/images/tabletop.gif) top left no-repeat; height: 18px; width: 472px;}
#ratesMiddle{background: transparent url(/media/images/tablemiddle.gif) top left repeat-y; width: 472px;}
#ratesBottom{background: transparent url(/media/images/tablebottom.gif) top left repeat-y; height: 18px; width: 472px;}
#rates{text-align: center; width: 90%; margin-left: 25px;}
#rates td{text-align: center; padding: 5px;}
#rates .roomStyle{ color: #a89d94;}
#rates th{text-align: left; color: #fac483; font-weight: bold; font-size: 14px;}

#quickLinks{width: 200px; float: right; margin-top: 30px;}
#quickLinks h2{background: transparent url(/media/images/sliderback.gif) top left no-repeat; width: 201px; height: 26px; padding: 10px 0 0 25px;}
#quickLinks h2:hover{cursor: pointer;}
#quickLinks h2 a {color: white;}
#quickLinks #submit{margin-bottom: 10px;}

.quickLinksOpen{background-color: #ffffff; padding:0 10px}
.quickLinksOpen p{font-weight: bold; font-size: 10px; padding: 5px 0;}
.quickLinksOpen ul{list-style: none; padding: 10px 0; font-weight: bold; margin: 0}
.quickLinksOpen li{background: transparent url(/media/images/arrow.png) top left no-repeat; padding-left: 10px; margin-bottom: 5px; color: #fac483}
.quickLinksOpen li a{color: #c68c47}



/*Blog Stuff */

#mainContent #blogItem h3 {background: none; margin-left: 24px; padding: 0; color:#333333; font-size: 16px; width: auto; line-height: 24px; height: auto; }
#mainContent #blogItem h3 a{ color: #333333; font-size: 16px;}
#mainContent #blogItem p {padding-bottom: 16px; line-height: 1.5em;}
.asset-meta{ margin-left: 24px; margin-bottom: 16px; font-size: 10px; font-weight: bold;}
.asset-meta a{ color: #680101;}
.blogBody{ margin-left: 24px; width:630px;}
#mainContent #blogItem .linker{padding: 16px 0 0 24px; font-weight: bold;}
#mainContent #blogItem .linker a{color: #680101; text-decoration: underline;}
.content-nav{margin-left: 10px;}
.content-nav a{color: #333333; text-decoration: underline;}
.entry-categories, .entry-tags, .trackbacks, .comments{margin-left: 25px; clear: both; width: 630px; background: transparent url(/media/images/dividerThing.gif) top left repeat-x; padding-top: 16px;  padding-bottom: 16px;}
.entry-categories ul{list-style: none;}
.entry-categories ul li{ float: left; padding-bottom: 10px;}
.entry-categories ul li a, .entry-tags ul li a{color: #680101;} 
.entry-tags ul li{float: left; padding-left: 10px;}
.entry-tags ul{list-style: none;}
.comments label{width: 100px; float: left;}
#recentEntries{margin: 0; padding: 0; list-style: none;}
#recentEntries li{font-weight: bold; padding: 5px 0;}
#recentEntries li a:hover{text-decoration: underline;}
#blogItem h2 { color: #000; font-size: 20px; }


/* Comment Card Form */
form#commentCard { margin-top: 20px; }
form#commentCard label { float: left; clear: none; }
form#commentCard input { float: left; clear: left; margin-right: 10px; margin-bottom: 5px; }
form#commentCard textarea  { height: auto; }