/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Blenheim Palace Stylesheet Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ece5d9; color:#000000; text-align:left; } td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } /* ----- IDS ----- */ #container { width:972px; margin:0 auto; text-align:left; font-size:120%; background:#FFFFFF;} #container #mainPadding { padding:0 10px 10px 10px;} #container #mainPadding #header { width:952px; height:240px; margin-bottom:2px;} #container #mainPadding #header #logo { float:left; width:210px; height:240px; margin-right:2px;} #container #mainPadding #header #headerFlash { float:left; width:740px; height:240px;} #container #mainPadding #columnContainer { width:952px; background:url(../images/columnsBg.gif) 0 0 repeat-y; } #container #mainPadding #columnContainer #leftCol { float:left; width:190px; margin-right:20px; padding:0 10px 10px 10px;} #container #mainPadding #columnContainer #leftCol #searchBox { background:url(../images/searchDots.gif) bottom left repeat-x; padding:0 0 10px 0; margin-bottom:10px;} #container #mainPadding #columnContainer #leftCol #ajaxSearch_form { display:inline;} #container #mainPadding #columnContainer #leftCol #ajaxSearch_form #ajaxSearch_input { width:143px; border:1px solid #ffffff; padding:3px 4px; color:#776441; float:left; margin:0 5px 0 0; font-size:12px !important} #container #mainPadding #columnContainer #leftCol #ajaxSearch_form #ajaxSearch_submit { width:28px; height:23px; margin:0; padding:0; background:#948671; border:0px; color:#ffffff; font-weight:bold; line-height:13px;} /*#header #search #ajaxSearch_input { position:absolute; top:0px; left:0px; border:1px solid #bbbbbb; width:125px; padding:2px 2px; margin:0;} #header #search #ajaxSearch_submit { position:absolute; top:0px; left:134px; background:#00a9a7; border:0px; width:25px; padding:2px 0px; margin:0; color:#ffffff; font-weight:bold; line-height:13px;}*/ #container #mainPadding #columnContainer #middleCol { float:left; width:497px; margin-right:15px; margin-top:10px;} #container #mainPadding #columnContainer #middleCol #sectionLinksBox { background:url(../images/pageDots.gif) top left repeat-x; padding:10px 0 0 0; margin-top:15px; margin-bottom:30px;} #container #mainPadding #columnContainer #middleCol .linkBox { float:left; width:159px; margin-right:10px;} #container #mainPadding #columnContainer #middleCol .linkBoxEOR { float:left; width:159px; margin-right:0px;} #container #mainPadding #columnContainer #middleCol .linkTitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:18px; color:#0099c2; background:url(../images/blueDots.gif) bottom left repeat-x; padding:0 0 3px 0; margin-bottom:10px; font-weight:normal;} #container #mainPadding #columnContainer #middleCol .linkImg { margin-bottom:10px;} #container #mainPadding #columnContainer #middleCol ul, #container #mainPadding #columnContainer #middleCol ol { margin:0 0 10px 0;} #container #mainPadding #columnContainer #middleCol li { margin:0 0 7px 0; line-height: 1.3em;} /*#container #mainPadding #columnContainer #logosBox { background:url(../images/pageDots.gif) top left repeat-x; padding:10px 0 0 0;} #container #mainPadding #columnContainer #logosBox #logosContainer { width:290px; margin:0 auto;} #container #mainPadding #columnContainer #logosBox .logoLeft { float:left; margin-right:10px;}*/ #container #mainPadding #logosBox { background:url(../images/pageDots.gif) top left repeat-x; padding:10px 0 0 0; margin-top:10px;} #container #mainPadding #logosBox #logosContainer { width:500px; margin:0 auto;} #container #mainPadding #logosBox .logoLeft { float:left; margin-right:10px;} #container #mainPadding #columnContainer #rightCol { float:left; width:210px; padding:10px 0 0 0;} #container #mainPadding #columnContainer #rightCol #offerBox { margin-bottom:10px;} #container #mainPadding #columnContainer #rightCol .jumpBox { margin-bottom:10px;} #container #mainPadding #columnContainer #rightCol .jumpBoxLast { margin-bottom:0px;} #container #mainPadding #columnContainer #rightCol .titleBar { color:#FFFFFF; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; line-height:16px; padding:6px 40px 6px 8px; width:162px; background:#0099c2 url(../images/jumpArrow.gif) 188px 7px no-repeat;} #container #mainPadding #columnContainer #rightColWide { float:left; width:707px; padding-right:15px; margin-top:10px;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox {} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnTitle { background:url(../images/whatsOnTitleBg.gif) 0 0 repeat-x; height:31px; padding:5px 0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#0099c2; font-weight:bold; margin-bottom:20px;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnArticle { margin-bottom:30px;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnArticle .articlePic { float:left; width:194px;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnArticle .articleShortDesc { float:right; width:500px;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnArticle .articleShortDesc .date { color:#000000; font-weight:bold; padding:0;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnArticle .articleShortDesc .articleTitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:24px; padding:0 0 5px 0; font-weight:normal; color:#85755e;} #container #mainPadding #columnContainer #rightColWide .whatsOnBox .whatsOnArticle .articleShortDesc p { padding:0;} #container #mainPadding #columnContainer #rightColWide #articleFullDesc {} #container #mainPadding #columnContainer #rightColWide #articleFullDesc .articleTitleLarge { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:26px; padding:0 0 0 0; font-weight:normal; color:#85755e;} #container #mainPadding #columnContainer #rightColWide #articleFullDesc .date { color:#000000; font-weight:bold; padding:0;margin:5px 0 10px 0;} #container #mainPadding #columnContainer #rightColWide #articleFullDesc .articlePicLeft { float:left; width:337px; margin-bottom:20px;} #container #mainPadding #columnContainer #rightColWide #articleFullDesc .articlePicRight { float:right; width:337px; margin-bottom:20px;} #container #mainPadding #columnContainer #rightColWide ul, #container #mainPadding #columnContainer #rightColWide ol { margin:0 0 10px 0;} #container #mainPadding #columnContainer #rightColWide li { margin:0 0 7px 0; line-height: 1.3em;} .pressTitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; margin:0; padding:20px 0 0 0; font-weight:normal; color:#0099c2;} .pressDate { font-size:12px; margin:0; padding:2px 0; font-weight:bold; color:#000000;} .smalltype { font-family: arial, verdana, helvetica, sans-serif; font-size:70%; color:#66CC00; } .buyTickets { width:100%; width:200px; margin-bottom:10px; padding-left:275px; } .tvad { clear:both; width:150px; } .tvad img { float: left; margin-top:20px; margin-bottom:10px; } .social { clear:both; width:150px; } .social img { float: left; margin-right:10px; margin-bottom:20px; } .trip { clear:both; margin-top:10px; width:200px; color:#ffffff; font-size:90%; line-height:120%; } .trip a, .trip a:visited { color:#ffffff; text-decoration:none;} .trip a:hover { color:#ffffff; text-decoration:underline;} .trip img { float: left; margin-top:5px; } /* ----- IMAGES STYLES ----- */ #container #mainPadding #columnContainer #imagesContainer { margin-bottom:10px;} #container #mainPadding #columnContainer #imagesContainer img { margin-right:10px; float:left;} #container #mainPadding #columnContainer #rightCol #rightColPageImages { text-align:center; padding-top:5px; } #container #mainPadding #columnContainer #rightCol #rightColPageImages img { margin-top:5px;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .caption { font-size:9px; color:#888888; margin-top:5px; line-height:10px;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .caption a { color:#0099c2; text-decoration:none;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .caption a:visited { color:#0099c2; text-decoration:none;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .caption a:hover { color:#0099c2; text-decoration:underline;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:21px; color:#aaaaaa; margin: 0 0 5px 0; padding: 0; } #container #mainPadding #columnContainer #rightCol #rightColPageImages .signoff { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:15px; color:#999999; margin: 0 0 20px 0; padding: 0; } #container #mainPadding #columnContainer #rightCol #rightColPageImages .promoHeader { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; background-color:#333333; color:#ffffff; width:200px; padding:7px 5px; margin:0; line-height:16px;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .promoText { font-size:11px; font-weight:normal; background-color:#e7decf; color:#000000; width:200px; padding:7px 5px 0 5px; margin:0; line-height:15px;} #container #mainPadding #columnContainer #rightCol #rightColPageImages .promoLink { font-size:11px; font-weight:normal; background-color:#e7decf; color:#000000; width:200px; padding:0 5px 10px 5px; margin:0 0 15px 0; line-height:14px;} /* ----- PROPERTY STYLES ----- */ .propertyItem { border-top: dotted 1px #999999; padding:7px 0 7px 0;} .propertyItem .propertyListing { } .propertyItem .propertyImage { float:left; margin-top:3px; margin-right:20px;} .propertyItem .propertyDescription { padding-bottom:3px;} /* ----- SEARCH RESULTS STYLES ----- */ .ajaxSearch_resultsInfo { font-weight:bold; font-style:italic;} .ajaxSearch_result { padding:10px 0 0 0; background:url(../images/pageDots.gif) 0 0 repeat-x; margin-bottom:10px;} /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .noPadding { padding:0;} .bold { font-weight:bold;} .note { font-style:italic;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-family:Georgia, "Times New Roman", Times, serif; color:#0099c2;} h1 { font-size:24px; padding:0 0 10px 0; font-weight:normal; line-height:26px;} .title { font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; color:#0099c2; font-weight:normal; line-height:32px; padding:0 0 10px 0;} h2 { font-size:20px; padding:15px 0 10px 0; font-weight:normal;} h3 { font-size:16px; padding:10px 0 0 0; font-weight:normal;} h4 { font-size:14px; padding:5px 0 0 0; font-weight:normal;} h6 { font-size:12px; padding:5px 0 12px 0; margin:0; font-weight:bold; text-align:center; height:1px; color:#CC0000;} /* ----- TOP NAVIGATION ----- */ #topNav { width:952px; height:25px; margin-bottom:2px;} #topNav ul { list-style:none; padding:0; margin:0; } #topNav li { float:left; display:block; background:#948671; margin-right:2px;} #topNav li a { float:left; display:block; color:#FFFFFF; text-transform:uppercase; text-decoration:none; width:104px; height:22px; padding:3px 0 0 0; text-align:center;} #topNav li a:hover { background:#e7decf; color:#776441; text-decoration:none; font-weight:bold;} #topNav li.active { background:#e7decf; color:#776441; text-decoration:none; font-weight:bold;} #topNav li.active a { color:#776441; text-decoration:none; font-weight:bold; width:104px; height:22px; padding:3px 0 0 0; text-align:center;} #topNav li.dark { background:#776441;} #topNav li.darkLast { background:#776441; margin-right:0px;} #topNav li.last { margin-right:0px;} /* ----- LEFT NAVIGATION ----- */ #leftNav { width:190px; background:url(../images/leftNavBgDots.gif) 0 0 repeat-x; margin-bottom:40px; min-height:240px;} #leftNav ul { list-style:none; padding:0; margin:0; } #leftNav li { float:left; display:block;} #leftNav li a { float:left; display:block; width:187px; height:25px; color:#FFFFFF; text-decoration:none; padding:5px 0 0 3px; background:url(../images/leftNavBgDots.gif) bottom left repeat-x;} #leftNav li a:hover { background:#e7decf; color:#776441;} #leftNav ul li ul {} #leftNav ul li ul li { float:left; display:block; background:url(../images/leftNavBgDots.gif) bottom left repeat-x;} #leftNav ul li ul li a { float:left; display:block; width:165px; height:22px; color:#cccccc; text-decoration:none; padding:3px 0 0 25px; background:url(../images/subNavArrow2.gif) 10px 8px no-repeat;} #leftNav ul li ul li a:hover { color:#776441; background:url(../images/subNavArrow2.gif) 10px 8px no-repeat;} /* ----- SUB TOP NAVIGATION ----- */ #subTopNav { width:952px; background:url(../images/columnsBg.gif) 0 0 repeat-y;} #addthis { float:right; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { background:url(../images/pageDots.gif) bottom left repeat-x; font-size:90%; margin:0px 10px 0 230px; padding-top:10px; width:722px; } #breadcrumbs #location { float:left; color:#776441; padding:0; margin:0 4px 6px 0;} #breadcrumbs .homeText { color:#776441; font-weight:bold;} #breadcrumbs ul { float:left; list-style:none; padding:0; margin:0;} #breadcrumbs li { float:left; display:block; padding:2px 5px 3px 9px; background:url(../images/breadcrumbsArrow.gif) 0 8px no-repeat;} #breadcrumbs li a { float:left; display:block; color:#776441; text-decoration:none;} #breadcrumbs li a:hover { text-decoration:underline;} #breadcrumbs li a.active { font-weight:bold;} #breadcrumbs li.first { padding:2px 5px 3px 0px; background:none;} .B_crumbBox {color:#776441;} .B_crumb { color:#776441; text-decoration:none; font-weight:normal;} .B_crumb:hover { text-decoration:underline;} .B_currentCrumb { color:#776441; font-weight:bold;} /* ----- FLAGS ----- */ #flags { background:url(../images/pageDots.gif) bottom left repeat-x; margin-bottom:15px; padding-bottom: 7px; width:495px; height: 40px; border:none; } #flags img { display:inline; border:none; margin-right:16px; } /* ----- FACEBOOK LINK ----- */ #fbLikeMiddle { height:80px;width:480px;border-top:1px dotted #999999;margin-top:15px;padding-top:10px;padding-left:10px; } #fbLikeWide { height:80px;width:707px;border-top:1px dotted #999999;margin-top:15px;padding-top:10px;padding-left:10px; } /* ----- FOOTER ----- */ #footer { width:205px;} #footer .padding {} #footer ul { list-style:none; padding: 0; margin: 0;} #footer li { float:left; display:block; margin-bottom:5px; font-size:95%;} #footer li a { float:left; display:block; color:#f3e9d9; text-decoration:none; line-height:11px; padding:0px 5px; border-right:1px solid #f3e9d9;} #footer li a:hover { text-decoration:underline;} #footer li a.EOR { border-right:none; margin-right:50px;} #footer .youtube img { padding-top:15px;} /* ----- SITE MAP ----- */ #sitemap {} #sitemap ul { margin:0; padding:0 0 0 20px; list-style:disc;} #sitemap ul ul { margin:5px 0 0 15px;} #sitemap ul ul ul { margin:5px 0 0 15px;} #sitemap li { padding:1px 0 1px 3px;} #sitemap a { text-decoration:none; font-size:12px; font-weight:normal; display:block;} #sitemap a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 10px 0; margin:0; } address { font-style:normal;} hr { border:none; background-color:#bbbbbb; margin:10px 0 0 0; padding:0;} /* ----- LINKS ----- */ a { color:#0099c2; font-weight:normal; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } /*label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#0033FF;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;}*/ /* ----- FORMS ----- */ #mailOrderForm { display:block; width:493px;} #mailOrderForm fieldset { display:block;} #mailOrderForm .textInput { display:block; float:left; margin-bottom:6px; padding:3px 4px; width:250px; background:#e6e7e8 !important; border:1px solid #000000;} {} #mailOrderForm label { display:block; float:left; width:233px;} #mailOrderForm #submit { display:block; float:right; margin-bottom:4px; padding:2px 4px; background:#e6e7e8; border:1px solid #000000;} #mailOrderForm .required { font-weight:bold; color:#00aaa6; } /* ----- FORM VALIDATION ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; border: 1px solid #948671; margin: 10px 0 15px 0; } table p { padding:0px; } table td { padding:3px; border: 1px solid #948671; font:11px arial, verdana, helvetica, sans-serif; line-height:16px; } table .headerRow { background-color:#948671; color:#ffffff; } table .brownRow { background-color:#948671; } table .blank { border-collapse:collapse; border: 1px solid #ffffff !important; margin: 10px 0 15px 0; padding-bottom: 10px; } table .blank p { padding:3px 0 0 0; } .formTable { border-collapse:collapse; border: 1px solid #ffffff !important; margin: 10px 0 15px 0; padding-bottom: 10px; } .formTable td { padding:3px; border: 1px solid #ffffff; font:11px arial, verdana, helvetica, sans-serif; line-height:16px; } .whitetable { border-collapse:collapse !important; border: 1px solid #ffffff !important; margin: 10px 0 15px 0 !important; } .whitetable p { padding:3px 0 0 0 !important; } .whitetable td { border-collapse:collapse !important; border: 1px solid #ffffff !important; padding-bottom: 10px !important; }