/*Site layout styles*/

body {width:100%; background-color:#12343e; text-align:center; margin:0; padding:0; border:0;}
form {padding:5px 0 0 0; margin:auto; width:960px; background:url(/SiteImages/Form_Back.gif) left top no-repeat; min-height:580px; text-align:left;}
#NavigationAid {position:absolute; top:0; left:-9999999px;}
.container {padding:0 5px;}

.clearSpacer {clear:both; font-size:1px; height:0px; line-height:1px; display:block; overflow:hidden;}
.clear {clear:both;}
.noShow {display:none;}
.floatLeft {float:left;}
.floatRight {float:right;}
.imageHolder {overflow:hidden;}
.noListStyle {list-style:none; padding:0; margin:0;}

.turquoiseBack {background-color:#308290;}
.greenBack {background-color:#1a535e;}


/*forms*/
.submitButton,
.FormButton {cursor:pointer; font-family:Georgia, Times New Roman, Serif, Arial; background-color:#308290; color:#ffffff; font-size:110%; padding:0 5px; border:1px solid #308290;}
.formRow {padding:2px 0;}
.contentForm .formRow,
.siteForm .formRow {padding:3px 0;}
.siteForm .cbRow {padding:0.5em 0; width:30em;}
.formRow label {display:block; padding-top:0.2em; cursor:pointer; width:8em;}
.contentForm .formRow label,
.siteForm .formRow label {font-size:110%; padding:0; width:10em;}
.siteForm .cbRow label {width:20em; float:left;}
.contentForm .labelHolder,
.siteForm .labelHolder {float:left; width:10em; line-height:1.2em; display:block;}
.contentForm .required,
.siteForm .required {color:#579eaa;}
.contentForm .EditingFormControlNestedControl,
.formRow .inputHolder {width:20em; float:left; display:block; text-align:right;}
.contentForm .formRow input,
.contentForm select,
.contentForm textarea,
.textInput, 
.selectInput {border:1px solid #308290;}
.contentForm .formRow input,
.contentForm textarea,
.siteForm .textInput {width:19em;}
.contentForm select,
.siteForm .selectInput {width:19.2em;}
.contentForm textarea,
.siteForm textarea {height:7em;}
.contentForm .submitRow,
.siteForm .submitRow {width:30em; text-align:right; padding-top:1.3em;}
.siteForm h3 {border:0; padding-top:1.5em;}
.error, 
.ErrorLabel {font-weight:bold; color:#ffffff; padding-bottom:0.2em; display:block;}

/*header*/
#Header #Logo {height:105px; width:160px; background:url(/SiteImages/Logo.png) left top no-repeat; margin-left:10px;}
#Header #HeaderLinksHolder {width:750px; padding-top:5px; text-align:right;}
#Header #HeaderLinks {display:inline;}
#Header ul {list-style:none; padding:0; margin:0;}
#Header #HeaderLinksHolder li {display:inline; margin:0 0.75em;}
#Header #HeaderLinksHolder .submitButton {padding:0; margin-left:5px; font-size:100%; background-color:transparent; border:0; font-family:Arial, Helvetica, Tahoma, Sans-Serif;}
#Header #HeaderBrochureDownload { float:right; padding-top:20px; }

/*Main Navigation*/
#MainNav li {float:left;}
#MainNav li.first {margin-left:1px;}
#MainNav a {display:block; height:40px; background-position:left top; background-repeat:no-repeat;}
#MainNav .highlightedLI a {background-position:left -100px;}
#MainNav a:hover,
#MainNav .highlightedLI a:hover {background-position:left -50px;}
#MainNav a .text {display:none;}

#MainNav_Home a {width:95px; background-image:url(/SiteImages/Sprites/Home.png);}
#MainNav_0_1_1 a {width:116px; background-image:url(/SiteImages/Sprites/TheInns.png);}
#MainNav_0_2_1 a {width:137px; background-image:url(/SiteImages/Sprites/GiftVouchers.png);}
#MainNav_0_3_1 a {width:102px; background-image:url(/SiteImages/Sprites/Offers.png);}
#MainNav_0_4_1 a {width:97px; background-image:url(/SiteImages/Sprites/Events.png);}
#MainNav_0_5_1 a {width:94px; background-image:url(/SiteImages/Sprites/News.png);}
#MainNav_0_6_1 a {width:110px; background-image:url(/SiteImages/Sprites/Features.png);}
#MainNav_0_7_1 a {width:91px; background-image:url(/SiteImages/Sprites/Map.png);}
#MainNav_0_8_1 a {width:107px; background-image:url(/SiteImages/Sprites/Celebrate.png);}

/*Body*/
#Body {padding:25px 5px;}
#Body #Column1 {width:200px;}
#ContentHolder {padding-top:1em; line-height:1.4em;}


/*Newsletter Box*/
#NewsletterSignup .textInput {padding:1px 0; width:18em; margin-right:1em;}
#NewsletterSignup p {padding-top:5px;}


/*Footer*/
#Footer .inner {padding-top:15px; border-top:1px solid #ffffff;}
#Footer #CompanyAddress {text-align:right;}
#Footer .logo {width:155px; height:75px; background:url(/SiteImages/Logo_Footer.png) left top no-repeat;}
#FooterLinksHolder {margin-left:60px;}
#FooterLinksHolder ul {list-style-type:none; margin:0; padding:0;}
#FooterLinksHolder ul li {float:left; margin:0 0.75em;}
#FooterLinksHolder .logoHolder {margin:0 0.75em;}
#FooterLinksHolder .logoHolder .footerLogo { float:left; margin-right:19px; }


/*collapsible panels*/
.collapsible .title {padding-right:35px; background-position:right top; background-repeat:no-repeat; cursor:pointer;}
.collapsible .open {background-image:url(/SiteImages/Arrow_Down.gif);}
.collapsible .close {background-image:url(/SiteImages/Arrow_Up.gif);}


/*Quick Inn Finder Box*/
#QuickInnFinder label {width:100%; padding:0.5em 0 0.2em 0; margin:0; float:none; font-weight:bold;}
#QuickInnFinder .formRow {padding-bottom:0.5em;}
#QuickInnFinder select {width:100%;}
#InnFinderLinks {padding-top:10px;}
#InnFinderLinks p {padding-bottom:1em;}
#InnFinderLinks a {font-weight:bold;}

/*Editor styles*/
body,
a {color:#ffffff;} /*this not in editor due to cms being on white background*/
h2 {border-bottom:1px solid #ffffff;} /*this needs to be overriden sometimes and can't be if in editor style sheet*/



/*scroller styles*/
.scrollOuter {position:relative;}
.scrollContainer {overflow:hidden; position:relative; clear:left; width:290px;}
.scroll {white-space:nowrap;}
.scrollButtons {cursor: pointer; position:absolute; top:-27px; z-index:15; display:block;}
.scrollLeft {left:233px;}
.scrollRight {right: 0;}
.scrollPanel {z-index:10;}
.scrollPanel div {white-space:normal;}
.scrollContent {position:relative;}
.scrollPanel .mainHolder {height: 29px; padding: 10px 11px 0; width: 268px; background:url(/SiteImages/Shadow_Bottom.gif) left top repeat-x;}
.scrollPanel .textHolder {float: left; width: 194px;}
.scrollPanel .dateHolder {float: right; width: 61px; text-align:right;}
.scrollPanel .toDate {display:block;}
h2.paddedTop,
.paddedTop h2 {padding-top:1em;}


/*SubNav & Second Level Nav*/
#SubNavHolder,
.secondLevelNavHolder {padding:6px 5px 0 5px; background:#24596b url(/SiteImages/SubNavHolder_Back.gif) left top repeat-x;}
.secondLevelNavHolder {background:#154553 url(/SiteImages/SecondLevelNavHolder_Back.gif) left top repeat-x;}
#SubNav,
#SecondLevelNav {list-style:none; padding:0; margin:0;}
#SubNav li,
#SecondLevelNav li {display:block; float:left; margin-left:2px;}
#SubNav li.first,
#SecondLevelNav li.first {margin:0;}
#SubNav .highlightedLI,
#SubNav li:hover {background:#24596b url(/SiteImages/SubNav_Back.gif) left top repeat-x;}
#SecondLevelNav .highlightedLI,
#SecondLevelNav li:hover {background:#154553 url(/SiteImages/SecondLevelNav_Back.gif) left top repeat-x;}
#SubNav li a,
#SecondLevelNav li a {font-size:105%; font-family:Georgia, Times New Roman, Serif, Arial; font-style:italic; display:block;}
#SubNav .highlightedLink,
#SubNav a:hover {background:url(/SiteImages/SubNav_Left.gif) left top no-repeat; text-decoration:none;}
#SecondLevelNav .highlightedLink,
#SecondLevelNav a:hover {background:url(/SiteImages/SecondLevelNav_Left.gif) left top no-repeat; text-decoration:none;}
#SubNav li .text,
#SecondLevelNav li .text {display:block; padding:10px 15px;}
#SubNav .highlightedLink .text,
#SubNav .text:hover {background:url(/SiteImages/SubNav_Right.gif) right top no-repeat;}
#SecondLevelNav .highlightedLink .text,
#SecondLevelNav .text:hover {background:url(/SiteImages/SecondLevelNav_Right.gif) right top no-repeat;}


/*Inn Navigation*/
#InnNavigation ul {background:url(/SiteImages/InnNavigation_Back.gif) left top repeat-x; padding:15px 0;}
#InnNavigation a {display:block; padding:0.25em 15px;}
#InnNavigation .selected {font-weight:bold; font-style:italic;}

#BillingInformation, #PersonaliseVoucher, #PaymentInformation { padding-top:30px; clear:both; }
#DeliveryInformationAccordian { float:left; }
#DeliveryInformationAccordian.hidden { display:none; }
.deliveryDifferent { float:left; padding:5px 0 5px 0; width:341px; font-size:110%; }

#PurchasedVouchers { width:720px; padding-top:30px; }
#PurchasedVouchers, #PurchasedVouchers tr, #PurchasedVouchers td, #PurchasedVouchers th { border:none; border-collapse:separate; }
#PurchasedVouchers .orderDetailLine { clear:both; float:left; }
#PurchasedVouchers .orderDetail { float:left; }
#PurchasedVouchers .orderDetailTitle { font-weight:bold; float:left; clear:both; }

.tdsFrame { height:410px; padding-left:135px; width:450px; }

#MapImage a { float:left; }