@charset "utf-8";

/******* Sowerbys Holiday Cottages SCREEN stylesheet *******/
/***********************************************************/

/******* General *******/
body { font:100% Arial, Helvetica, Verdena, sans-serif; background:url(images/background.jpg) repeat-x top left #acb9cc; margin:0; padding:0; text-align:center; color:#6c6865; }
#container { width:62em; margin:0 auto; text-align:left; }
.clear { clear:both; height:0; margin:0; padding:0; }
a img { border:none; }
p.backButton { background:url(images/back-button.gif) no-repeat top left; width:55px; height:18px; }
p.backButton a { color:#444140; text-decoration:none; padding: 0 0 0 24px; } 
.printOnly { width:0px; height:0px; visibility:hidden; display:none; }

/******* Header *******/
#header { background:none; padding:0 0 0 20px; height:129px; }
#header h1 { margin:10px 0 0 0; width:279px; height:106px; background:url("images/sowerbys-holiday-cottages-logo.gif"); text-indent:-9999px; float:left; }
#header h2 { color:#FFF; font-size:1.2em; width:30%; font-weight:normal; text-align:right; line-height:100%; float:right; margin:1.5em 0 0 0; }

/******* Inner Container *******/
#innerContainer { background:#FFFFFF; }
#innerContainer2 { background:#FFFFFF; padding-bottom:30px; }

/******* Nav bar *******/
#navbar { background:#6c6865; padding:9px; }
#navbar ul { margin:0; padding:0; list-style-type:none; }
#navbar ul li { display:inline; margin:0 0 0 0.9em; padding:0; line-height:0.95em; }
#navbar ul li a { font-size:0.95em; color:#FFF; text-decoration:none; outline:none; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; }
#navbar ul li a:hover{ color:#CCC; }
#tel { float:right; color:#FFF; font-size:1em; line-height:1em; margin:10px 12px 0 0; }

/******* Main content *******/
#mainContent { margin:0; padding:30px; }
#mainContent h1 { font-size:1.6em; letter-spacing:-2px; margin:0 0 10px 0; padding:0; font-weight:normal; }
#mainContent h2 { font-size:1.2em; margin:0.9em 0; padding:0; color:#6795b4; font-weight:normal; }
#mainContent h3 { font-size:1.1em; margin:0.9em 0; padding:0; }
#mainContent h4 { font-size:1.0em; margin:0.9em 0; padding:0; }
#mainContent p { font-size:0.8em; margin:0.9em 0; padding:0; text-align:justify; }
#mainContent li { font-size:0.8em; }
#mainContent a { color:#777; }
#mainContent a.highlight { font-weight:bold; color:#6795b4; }
#mainContent a:hover { color:#4b6483; }
#mainContent .contentTextBlock img { margin:20px; }
#mainContent .event { padding:1em 0; border-bottom:2px dashed #CCC; }
#mainContent .event h2 { margin:0 0 0 0; padding:0; }
#mainContent .event p.eventDate { margin:0; padding:0; font-size:0.8em; font-style:italic; font-weight:normal; }
#mainContent p.button { background:url(images/button.gif) #6795b4 no-repeat top right; height:18px; display:inline; padding:2px 4px 2px 5px; line-height:18px; font-size:0.7em; }
#mainContent p.button a { color:#FFF; text-decoration:none; padding: 0 24px 0 0; text-transform:lowercase; } 
#mainContent p.button a:hover { color:#DDD; }
#mainContent .printButton { float:right; }
#mainContent .newsletterBox { width:180px; float:right; background:#d7d7d7; padding:15px; margin:0 0 0 50px; }
#mainContent .newsletterBox input { font-size:0.8em; margin-bottom:7px; }

/******* Property Details page *******/
#propertyDetails h1 { font-size:2.2em; letter-spacing:-2px; margin:0; padding:0; color:#6795b4; font-weight:normal; float:left; }
#propertyDetails h1 span { font-size:0.6em; letter-spacing:-1px; }
#propertyDetails h2.additionalInfo { font-size:1.4em; letter-spacing:-1px; margin:0; padding:0; color:#6795b4; font-weight:normal; text-align:right; }
#propertyDetails h2 { color:#6c6865; font-weight:bold; }
#firstLine, #secondLine { clear:both; }
#columnOne { float:left; width:450px; margin-top:0; }
#columnTwo { margin-top:20px; }
#columnOne p, #columnTwo p { margin:0; padding:0; }
#columnOne h3, #columnTwo h3 { margin:3px 0; padding:0; font-weight:normal; }
#columnOne h3 a, #columnTwo h3 a { text-decoration:none; }
#columnOne h2, #columnTwo h2 { margin:1em 0 0.2em 0; padding:0; }
table.photoShow td { text-align:center; }
table.photoShow tr { margin-bottom:20px; }
table.prices tr td { padding:5px; }
table.prices tr.flip td { background:#CCC; }
table.prices tr.flop td { background:#DDD; }
#features { float:right; }
#features img.featureIcon { margin-left:5px; }
#priceNotes { float:right; width:250px; margin-right:30px; }
#slideshowBox { width:400px; height:300px; float:right; margin:0 0 20px 20px; padding:0; background:url(images/loading.gif) no-repeat center #FFF; }

/******* Tooltips *******/
a.tt{ position:relative; z-index:24; color:#333; text-decoration:none; }
a.tt span{ display: none; }
/*background:; ie hack*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip { display:block; position:absolute; top:-60px; left:-40px; padding: 15px 0 0 0; width:150px; color: #333; font-size:12px; text-align: center;filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt:hover span.middle { display: block; padding: 3px 8px; background: #CCC; border:2px solid #999; }

/******* Search *******/
.propertyResultBox { background:#EEE; padding:20px; margin:0 0 20px 0; min-height:195px; }
#mainContent .propertyResultBox h2 { color:#6795b4; font-size:1.5em; font-weight:normal; margin:0 0 10px 0; padding:0; letter-spacing:-1px; }
#mainContent .propertyResultBox h2 span { font-size:0.6em; }
.propertyResultBox img.photo { border:5px solid #DDD; float:left; margin:0 20px 20px 0; }
.propertyResultBox p.sleepPriceInfo { font-size:1.4em; text-align:right; color:#6c6865; font-weight:bold; }
.propertyResultBox p.sleepPriceInfo strong { font-size:1.2em; }
#mainContent h1.resultsInfo { position:relative; top:-30px; width:300px; margin:0; padding:0; }
#mainContent h1.resultsInfo span { font-size:12px; margin:0; padding:10px 0 0 0; letter-spacing:normal; }

/******* Forms *******/
.form input, .form textarea { font:100% Arial, Helvetica, Verdena, sans-serif; color:#656565; }
.form label { font-size:0.8em; }

/******* Homepage Specific *******/
#bottomImages { height:145px; }
#bottomImages img { margin:0 3px 0 0; padding:0; }
#bottomImages, #bottomImages img.last { margin:0; padding:0; }
#rightSidebar { width:543px; float:right; text-align:left; margin:0 0 30px 30px; }
#rightSidebar img.brochure { float:right; margin:30px 30px 0 0; }

/******* Quick Search Box *******/
#quickSearch { width:348px; height:100px; margin:30px 0; font-size:0.9em; background:#6795b4; }
#quickSearch h3 { background:#6c6865; color:#FFF; text-align:left; margin:0; border-bottom:1px solid #FFF; padding:7px; font-size:1.2em; }
#quickSearch h4 { font-weight:normal; font-size:0.9em; margin:0; padding:0; }
#quickSearch select { border:none; font-family:Arial, Helvetica, Verdena, sans-serif; font-size:0.8em; color:#656565; }
#quickSearch #holidayDate { background:#c8c7c6; padding:10px 10px 14px 10px; float:left; width:168px; }
#quickSearch #holidayDate h4, #quickSearch form { margin:0; padding:0; }
#quickSearch #holidayDate h4 { margin-bottom:10px; }
#quickSearch #holidayDate select { margin-left:1px; height:21px; vertical-align:middle; }
#quickSearch #searchOptions { float:left; width:116px; }
#quickSearch #searchOptions #searchDuration, #quickSearch #searchOptions #searchSleeping { background:#c8c7c6; height:35px; border-left:1px solid #FFF; border-right:1px solid #FFF; }
#quickSearch #searchOptions #searchDuration select, #quickSearch #searchOptions #searchSleeping select { margin:6px; width:102px; }
#quickSearch #searchOptions #searchSleeping { border-top:1px solid #FFF; }
#quickSearch #go { background:#6795b4; color:#FFF; border:none; width:44px; height:71px; text-transform:uppercase; font-size:1.2em; float:right; cursor:pointer; }
a#resetSearch { background:#6795b4; color:#FFF; margin:0; padding:3px 5px; width:80px; height:40px; cursor:pointer; text-decoration:none; }
a#resetSearch:hover { background:#547a93; color:#CCC; }

/******* Refine Search Box *******/
#refineSearch { width:550px; margin:0; font-size:0.9em; background:#6795b4; float:right; color:#FFF; }
#refineSearch h3 { background:#6c6865; color:#FFF; text-align:left; margin:0; border-bottom:1px solid #FFF; padding:7px; font-size:1.2em; }
#refineSearch h4 { font-weight:normal; font-size:0.9em; margin:0; padding:0; }
#refineSearch select { border:none; font-family:Arial, Helvetica, Verdena, sans-serif; font-size:0.8em; color:#6c6865; }
input.featureCheck { padding:0; margin:4px 0 0 0; }
#refineSearch table td.aFeature { vertical-align:middle; background:#5d86a2; padding:0 2px; margin:0; }
#refineSearch table td.aFeatureSelected { vertical-align:middle; background:#CCC; color:#656565; padding:0 2px; margin:0; }
#refineSearch table td img { margin:3px 0 0 0; }
#refineSearch table label { margin:0; padding:0; }
#refineSearch table td table td { padding:0 4px; }

/******* slideshow jQuery *******/
#slideContainer { width:543px; margin:0; }
#loader { background-color:white; height:348px; }
#loader img { width:100%; height:100%; }
.loading { background:url( '/images/loadingIcon.gif' ) no-repeat 50% 50%; height:100%; width:100%; z-index:10; }

/******* Footer *******/
#footer { margin:20px 0 30px 0; padding:0 10px; color:#43556b; } 
#footer p { margin:0; padding:0 0 3px 0; font-size:0.7em; }
#footer a { color:#43556b; text-decoration:none; font-weight:bold; }
#footer a:hover { color:#333; }