﻿
/* Client Name: Kelly's Resort Hotel and Spa */
/* Designed By: Jonathan Sinden, August 2006 */

/* Print Stylesheet */
body { margin: 0px; padding: 0px; }
body, p, ul, ol, li, th, td, input, select, textarea { font: normal 11px/17px Tahoma,Arial, Verdana, sans-serif; }
img { border: 0; }

a { color: #0040b6; text-decoration: none; }
a:hover { text-decoration: underline; }

abbr, acronym { font-style: normal; border-bottom: dotted 1px #333; cursor: help; }
form { margin: 0; }

h1 { font: bold 24px Helvetica, Arial, sans-serif; margin: 0; }
h2 { font: normal 18px Helvetica, Arial, sans-serif; }
h3 {  }
h4 {  }

hr { border: none; height: 1px; background: #ccc; margin: 2em 0;}

/* ------------------------------------------------------------------------------------------ */   
/* Element styles */

#siteHolder {width: 753px; height: 100%; text-align: left; margin: auto; border:0px solid pink; } 

/* Main site */   

#Float { float:left;width:753px; height:100%;  background:url(../../includes/images/FloatBackground.gif); background-repeat: repeat-y;border:0px solid pink;} 
#HPholder { float:left;width:753px; height:100%; margin:0px; border:0px solid green; padding:0px; background:url(../../includes/images/HPContentBackground2.gif);background-repeat: no-repeat;background-position: bottom; }
#holder { float:left;width:753px; height:100%; margin:0px; border:0px solid green; padding:0px; }

/* ------------------------------------------------------------------------------------------ */   
/* Header */   

#headerFloat {float:left; width: 753px; height:114px; margin:0px; background-color: #fff! impo; background:url(../../includes/images/headerFloatBackground2.gif); background-repeat: no-repeat; border:0px solid red; } 

/* Logo */  

#LogoHolder { margin:0px 0px 0px 42px; }
#LogoHolder #Logo { float:left; height:76px; width: 76px; }
#LogoHolder #Logo a img { display:block; text-indent:-9999px; text-decoration:none;}  
#LogoHolder #Logo h1 { margin:0px 0px 0px 0px;}


/* ------------------------------------------------------------------------------------------ */   
#TopNav {display:none;}

/* Top Right Nav options */  
#TRNavHolder {display:none;}
#TRNav {display:none;}


/* ------------------------------------------------------------------------------------------ */   

/* Navigation */  

#navFloat {display:none;}
#navAreaHolder {display:none;}

#navHolder {display:none;}
#nav {display:none;} 

/* ------------------------------------------------------------------------------------------ */   

/* Main Image/Panel styles */
#HPImagePanelFloat{display:none;}


#HPImagePanel {display:none;}
/* ------------------------------------------------------------------------------------------ */  
/* HP Content Styles */

#HPContentHolder {border: 0px solid black;width:745px; float:right;margin:0px; padding: 0px; color:#737C8F; }
#HPContentHolder #Spacer {float:left;width:15px; border:1px solid #fff;  background-color: #fff;}
#HPContentHolder #Signature {background:url(../../includes/images/Signature.gif);background-repeat: no-repeat;background-position: top;width:108px; height:30px; margin-top: 20px;}

#HPContentHolder #Content { float:left; width:520px; height:100%; color:#737C8F; font:11px Tahoma,Arial, Verdana, sans-serif; border:0px solid blue;padding-right:5px;}
#HPContentHolder #Content #Title {margin:0px; padding:0px; }
#HPContentHolder #Content #contentTitle {color:#AB8762; margin:0px 0 0 0;border:0px solid red;}
#HPContentHolder #Content p { color:#737C8F; font:11px Tahoma,Arial, Verdana, sans-serif; line-height:16px;margin:0px;}
#HPContentHolder P { color:#737C8F; font:11px Tahoma,Arial, Verdana, sans-serif; line-height:16px;}
#HPContentHolder #Content p a {text-decoration:none; color:#AB8762;}
#HPContentHolder #Content p a:hover {text-decoration:underline; color:#CE893C;cursor:pointer;}

#HPContentHolder #Content a {text-decoration:none; color:#AB8762;}
#HPContentHolder #Content a:hover {text-decoration:underline; color:#CE893C;cursor:pointer;}

#HPContentHolder #Content #Spacer { height:10px;border:0px solid red; background-color: transparent; }
/* ------------------------------------------------------------------------------------------ */  
/* HP Content RH Panel Styles */
#HPContentHolder #HPContentPanel  {display:none;}
/* ------------------------------------------------------------------------------------------ */   
/* Secondary Navigation Styles */
#LeftPane #SecondaryNavHolder {display:none;}

#LeftPane #secondaryNav {display:none;}

/* ------------------------------------------------------------------------------------------ */   
.Brochure {border:0px solid red;background-position: bottom;}
.SpecialOffers {border:0px solid blue;background-position: bottom;}
/* ------------------------------------------------------------------------------------------ */   
/* Landing Pages Content Styles */

#ContentHolder {border: 0px solid black; float:left; width:753px;}
#ContentHolder #Spacer {float:left;width:17px;height:3px; border:0px solid #fff;  }
#ContentHolder #Content { border: 0px solid red;float:left; width:596px; height:100%; color:#AB8762; font:11px Tahoma,Arial, Verdana, sans-serif; background:url(../../includes/images/SecContentBackground2.gif);background-repeat: no-repeat;background-position: bottom;}
#ContentHolder #SpacerContent{float:left;width:2px;height:3px; border:0px solid #000;  }
#ContentHolder #Content #Title {margin:5px 0 0 0; padding:0px; }
#ContentHolder #Content #PageImage {width:74px; height:77px; background-color:#fff; border:1px solid #D7D7D7; margin:5px 5px 0 5px; padding:2px 1px 0px 2px;float:left;}
#ContentHolder #Content #Title h2 {color:#AB8762;margin:5px 0 0 0; }
#ContentHolder #Content h3 {color:#AB8762;margin:5px 0 0 0; font: normal 14px Helvetica, Arial, sans-serif; }
#ContentHolder #Content h4 {color:#AB8762;margin:5px 0 0 0; font: normal 12px Helvetica, Arial, sans-serif; font-weight:bold;}
#ContentHolder #Content p { color:#AB8762; font:11px Tahoma,Arial, Verdana, sans-serif; margin:0 5px 0 5px; line-height:16px;margin-bottom:10px;}
#ContentHolder #Content p a {text-decoration:underline; color:#D36E06;}
#ContentHolder #Content p a:hover {text-decoration:underline; color:#D36E06;}
#ContentHolder #Content ul li a {text-decoration:none; color:#AB8762;}
#ContentHolder #Content ul li a:hover {text-decoration:underline; color:#D36E06;}
#ContentHolder #Content fieldset {width:500px; margin: 10px 10px 20px 10px;}
#ContentHolder #Content fieldset legend{font-size:12px; font-weight:bold; color:#AB8762;}
#ContentHolder #Content fieldset {width:500px; margin: 10px 10px 20px 10px;}
#ContentHolder #Content fieldset a {text-decoration:none; color:#AB8762;}
#ContentHolder #Content fieldset a:hover {text-decoration:underline; color:#D36E06;}
/* ------------------------------------------------------------------------------------------ */   
/* Content Pages Content Styles */

#Content2Holder {border: 0px solid black; float:left; width:753px;}
#Content2Holder #Spacer2Content {float:left;width:17px;height:3px; border:0px solid #fff;  }
#Content2Holder #Content { border: 0px solid red;float:left; width:730px; height:100%; color:#AB8762 ! important; font:11px Tahoma,Arial, Verdana, sans-serif; margin-bottom:25px;}
#Content2Holder #SpacerContent{float:left;width:2px;height:3px; border:0px solid #000;  }
#Content2Holder #Content #Title {margin:5px 0 0 0; padding:0px; }
#Content2Holder #Content #PageImage {width:74px; height:77px; background-color:#fff; border:1px solid #D7D7D7; margin:5px 5px 0 5px; padding:2px 1px 0px 2px;float:left;}
#Content2Holder #Content #Title h2 {color:#AB8762;margin:5px 0 0 0; }
#Content2Holder #Content p { color:#AB8762 ! important; ; font:11px Tahoma,Arial, Verdana, sans-serif; margin:0 5px 0 5px; line-height:16px;margin-bottom:10px;}
#Content2Holder #Content p a {text-decoration:underline; color:#D36E06;}
#Content2Holder #Content p a:hover {text-decoration:underline; color:#D36E06;}

/* ------------------------------------------------------------------------------------------ */   
/*  Content Page Imagepanel Styles */


#ImagePanelFloat{display:none;}

#ImagePanel {display:none;}

/* ------------------------------------------------------------------------------------------ */   
/* Footer styles */
#BorderFloat { float:left; width: 753px; height:15px; background-color: #fff;background:url(../../includes/images/footerFloatBackground.gif); background-repeat: no-repeat; margin:0px 0 0 0; padding:0px; border:0px solid green;} 

#footer {display:inline;width:753px; margin:0px; padding:0px;}
#footer #footerLeft {float:left; margin:0 0 0 15px; color: #CE893C; font:9px Tahoma,Arial, Verdana, sans-serif;}
#footer #footerLeft a {text-decoration:none; color: #CE893C; font:9px Tahoma,Arial, Verdana, sans-serif;}
#footer #footerAddress {float:left;font:9px Tahoma,Arial, Verdana, sans-serif; margin:0 0px 0 15px;}
#footer #footerRight {float:right; margin:0px 10px 0 0px; padding:0 0 0 0px;border:0px solid red;}
#footer #footerRight ul {width:245px;float:left;list-style-type:none; border:0px solid blue;margin:0px; padding:0px;}
#footer #footerRight ul li {display:inline;float:right}
#footer #footerRight ul li a {display:inline;float:left;border-right:1px solid #69799F; padding: 0 5px 0 0; margin:0 0px 0 5px; }
#footer #footerRight a {text-decoration:none; color: #69799F; font:9px Tahoma,Arial, Verdana, sans-serif; height:9px;}
.aro {float:right;text-decoration:none; color: #69799F; font:9px Tahoma,Arial, Verdana, sans-serif; height:9px;margin:10px 20px 0 0 ;}
/* ------------------------------------------------------------------------------------------ */   
/* Default Page Footer styles */
#SecFooterFloat {float:left; background:url(../../includes/images/SecFooterTopBgWidth.gif); background-repeat: no-repeat;background-position: top; border-top:0px solid #fff;border-right:1px solid #fff;border-left:0px solid #fff;margin:0px;padding:0px}
#SecFooterFloat #LeftPane{float:left;width:136px; border:0px solid red; margin:7px 0 0 0px;}
.Brochure {clear:both;float:left;width:136px; height:19px; background:url(../../includes/images/SecBrochureBg.gif); background-repeat: no-repeat;text-indent: -9999px; cursor:pointer;border:0px solid red;margin: 0 0 0 8px;padding:0px;}
.Brochure a {clear:both;text-decoration:underline; text-indent:-9999px;}
.Special {clear:both;float:left;border:0px solid green;text-indent:-9999px; background:url(../../includes/images/SecSpecialBg.gif); background-repeat: no-repeat;height:30px; width:136px; margin: 0 0 0 8px;cursor:pointer;}
.Special a {clear:both;text-decoration:underline; text-indent:-9999px;}

#SecFooterFloat #NewsletterDefault { float:left; border: 1px solid white; width:596px; height:48px;  background-repeat: no-repeat;margin:11px 0 0 4px;}
#SecFooterFloat #NewsletterDefault #NLDefaultTitle { background-image:url(../../includes/images/SecNewsletter.gif);  background-repeat: no-repeat;text-indent:-9999px;margin:0 0 0 8px;}
#SecFooterFloat #NewsletterDefault #NLDefaultText { float:left;color: #AB8762; font:11px Tahoma,Arial, Verdana, sans-serif; padding:2px 0 0 10px;}
#SecFooterFloat #NewsletterDefault #NLDefaultNameHolder { float:left; border:0px solid red; padding:0 0 0 5px; margin:5px 0 0 17px; }
#SecFooterFloat #NewsletterDefault #NLDefaultNameHolder .input { float:left; border:1px solid red; padding:0 0 0 5px; margin:5px 0 0 17px; }

#SecFooterFloat #NewsletterDefault #NLDefaultName 			{ float:left; border:0px solid blue; background-image:url(../../includes/images/name.gif);  background-repeat: no-repeat; text-indent:-9999px;width:26px; height:8px; margin:4px 4px 0 4px; }
#SecFooterFloat #NewsletterDefault #NLDefaultEmailHolder 	{ float:left; border:0px solid red; padding:0 0 0 5px; margin:5px 0 0 0; }
#SecFooterFloat #NewsletterDefault #NLDefaultEmail 			{ float:left; background-image:url(../../includes/images/email.gif);  background-repeat: no-repeat; text-indent:-9999px;width:26px; height:9px; margin:4px 0px 0 4px;  }
/*#SecFooterFloat #NewsletterDefault #NLDefaultSubmit {float:left;background-image:url(../../includes/images/NewsletterSubmit.gif);  background-repeat: no-repeat; text-indent:-9999px;width:37px; height:12px;margin:7px 0 0 10px; cursor:pointer;}*/
.input 	{ background-color:#fff ! important; height: 11px; width: 109px; border:1px solid #7191B7; font: 10px Verdana, Arial, Sans-serif; margin:0 0 0 0;}
.EzineDefaultSubmit {float:left;background-image:url(../../includes/images/NewsletterSubmit.gif);  background-repeat: no-repeat; text-indent:-9999px;width:40px; height:15px;margin:7px 0 0 10px; cursor:pointer; border:0px solid red;background-color:#fff;}

/* ------------------------------------------------------------------------------------------ */   
/* Classes */
.imgalign {text-align:center!important}
.hide { display: none; }
.clear { clear: both; }

.flLeft { float: left; margin: 0 15px 0 0; } /* useful for images that appear in the flow of content */
.flRight { float: right; margin: 0 0 0 15px; }

.standardForm table { border: 1px solid #999; margin: 10px auto; }
.standardForm th { background-color: #666; color: #fff; font-weight: bold; }
.standardForm .labeltd1 { background-color: #F7F4ED; }
.standardForm .labeltd2 { background-color: #fff; }
.standardForm .inputtd1, .standardForm .inputtd2 { background-color: #f7f7f7; }
.xstandardForm input.textarea { width: 250px; }
.standardForm textarea { width: 250px; }
.standardForm select { width: 150px; }
.standardForm input.checkbox, .standardForm input.radio { width: 20px;border:0px solid}
.xstandardForm input.xsubmit { height:28px;width:67px;text-indent:-9999px;background-image:url(../../includes/images/Submit.gif) }
.standardForm td.mandatory label:after { content: " *"; }
.submitForm .submit { height:28px;width:67pxtext-indent:-9999px;background-image:url(../../includes/images/Submit.gif) }
.contactFormFloat input.submit{width:70px; height:18px;}
/* ------------------------------------------------------------------------------------------ */ 

/* CONTACT FORM*/
.ContactFormKelly {width:530px;margin-bottom:30px;}
.ContactFormKelly table { border: 1px solid #999; margin: 10px auto; }
.ContactFormKelly th { background-color: #666; color: #fff; font-weight: bold; }
.ContactFormKelly .labeltd1 { background-color: #F7F4ED; }
.ContactFormKelly .labeltd2 { background-color: #fff; }
.ContactFormKelly .inputtd1, .standardForm .inputtd2 { background-color: #f7f7f7; }
.ContactFormKelly input.textarea { width: 250px; }
.ContactFormKelly textarea { width: 250px; }
.ContactFormKelly select { width: 150px; }
.ContactFormKelly input.checkbox, .standardForm input.radio { width: 20px;border:0px solid}
.ContactFormKelly input.xsubmit { height:28px;width:67px;text-indent:-9999px;background-image:url(../../includes/images/Submit.gif) }
.ContactFormKelly td.mandatory label:after { content: " *"; }

/* ------------------------------------------------------------------------------------------ */ 



/* ------------------------------------------------------------------------------------------ */ 
/* SITEMAP */

#sitemap a{font-weight:bold; color:#AB8762; text-decoration:none;list-style-image:url(/includes/images/SpecialOffersBullet.gif)}
#sitemap ul li a{font-weight:bold; color:#AB8762; text-decoration:none;list-style-image:url(/includes/images/SpecialOffersBullet.gif)}
#sitemap ul li ul li a{font-weight:normal; color:#AB8762; text-decoration:none;}
#sitemap ul li ul li ul li a{font-weight:normal; color:#AB8762; text-decoration:none;}
#sitemap a:hover{text-decoration: underline}

/* ------------------------------------------------------------------------------------------ */ 

/* LINKS */

#linksHolder{border:0px solid blue; margin-top:30px; float:left; clear:both;padding:0 0 40px 0;}
.tabset_tabs{margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space: nowrap;}
.tabset_tabs li{margin:0; padding:0; display:inline;list-style-type:none;}
.tabset_tabs a{color:#AB8762 !important; background-color:#fff !important; border:1px solid #7D5E52; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none; font-weight: normal; padding-top: 2px; padding-bottom: 2px;}
.tabset_tabs a:hover{background-color:#fff; color:#CE893C !important; text-decoration:none;}
.tabset_tabs a.active{font-weight:bold; color:#AB8762 !important; background-color:#EDE9D3 !important; border-color:#999; border-left-width: 1px; cursor:default; border-bottom: #fff; padding-top: 3px; padding-bottom: 3px; }
.tabset_tabs li.firstchild a{border-left-width: 1px;}
.tabset_content{border-top: 1px solid #999; border-left: 1px solid #999; border-right:1px solid #777; border-bottom:1px solid #777; background-color:#fff; position: relative; z-index: 1; padding:0; display:none; width:700px;}
.tabset_content ul{margin:0; padding:0; list-style-type:none;border:1px solid red:}
.tabset_content ul li{font-size:11px; line-height:18px; margin-bottom:0px; text-decoration:none;list-style-type:none;}
.tabset_content ul li a{color:#CE893C; text-decoration:none;list-style-type:none;}
.tabset_content ul li a:hover{ color:#CE893C; line-height:15px; text-decoration:underline;list-style-type:none;}
.tabset_content a:hover{}
.tabset_label{display:none;}
.tabset_content_active{display:block;}
.linksmod {list-style-image:url(/xincludes/images/bulletPoint_RED.gif); padding:8px 8px 8px 12px;color:#AB8762;}

#linksModule p{margin:0; padding:0;}
#linksModule ul li{font-family:Verdana,Tahoma,Arial,sans-serif; font-size:11px; color:#666; list-style-image:url(/xincludes/images/bulletPoint_RED.gif);}
* html #linksModule ul li{list-style-image:url(/xincludes/images/bulletPoint_RED.gif);}

/* ------------------------------------------------------------------------------------------ */ 



/* INDIVIDUAL SPECIAL OFFERS [SpecialOfferDetail.aspx]  */

#offer {width:510px;color:#AB8762; margin:20px 0 20px 0; border:0px solid red;}
#offer img{padding:1px; border:1px solid #CCC;}
#offer #offerTitle h3{float:left;margin:10px 0 10px 5px; font-size:12px; padding:0;color:#AB8762; border:0px solid blue;}
#offer #offerDescription {float:left; border:0px solid green;width:100%;}
#offer #offerDescription p {float:left;color:#AB8762 ! important; }
#offer #offerPrice {float:left; border:0px solid green;width:100%;margin:10px 0 10px 0;}
#offer #offerPrice p {float:left;color:#AB8762 ! important; }

#offer #SOButtonsDetails {float:left;width:100%; border:0px solid red; margin:0 0 20px 0px;}
#offer #SOButtonsDetails #offerButtonDetails a {margin-left:60px;background:url(../../includes/images/BookOnlineButton.jpg);background-repeat: no-repeat; height:21px; width:83px;text-indent:-9999px;text-decoration:none !important; display:block; cursor:pointer;float:left;}
#offer #SOButtonsDetails #offerButton2Details a {margin-right:60px;background:url(../../includes/images/EnquiryButton.jpg);background-repeat: no-repeat;height:21px;width:89px;text-indent:-9999px;text-decoration:none !important; display:block; cursor:pointer;float:right;}

#ViewAllOffers {float:right;border:0px solid blue; padding:0px; margin:0 0 5px 0;}
#ViewAllOffers a{color:#AB8762;font-weight:bold;}
#ViewAllOffers a:hover{color:#CE893C ! important; text-decoration:underline;font-weight:bold;}

/* ALL SPECIAL OFFERS  [Specialoffers.aspx]  */

#offers {width:510px;color:#AB8762; margin:20px 0 20px 0; border:0px solid red;}
#offers img{padding:1px; border:1px solid #CCC;}
#offers #offersTitle h3{float:left;margin:10px 0 10px 5px; font-size:12px; padding:0;color:#AB8762; border:0px solid blue;}
#offers #offersTitle h3 a {float:left;margin:10px 0 10px 5px; font-size:12px; padding:0;color:#AB8762; border:0px solid blue;}
#offers #offersTitle h3 a:hover {float:left;margin:10px 0 10px 5px; font-size:12px; padding:0;text-decoration:underline; color:#D36E06; border:0px solid blue;}

#offers #offersSummary {float:left; border:0px solid green;width:100%;}
#offers #offersSummary p {float:left;color:#AB8762 ! important; }
#offers #offersPrice {float:left; border:0px solid green;width:100%;margin:10px 0 10px 0;}
#offers #offersPrice p {float:left;color:#AB8762 ! important; }

#offers #SOLinkButtons {float:left;width:100%; border:0px solid red; margin:0 0 20px 0px;}
#offers #SOLinkButtons #offerButton a {margin-left:60px;background:url(../../includes/images/BookOnlineButton.jpg);background-repeat: no-repeat; height:21px; width:83px;text-indent:-9999px;text-decoration:none !important; display:block; cursor:pointer;float:left;}
#offers #SOLinkButtons #offerButton2 a {margin-right:60px;background:url(../../includes/images/EnquiryButton.jpg);background-repeat: no-repeat;height:21px;width:89px;text-indent:-9999px;text-decoration:none !important; display:block; cursor:pointer;float:right;}

#ViewAllOffers {float:right;border:0px solid blue; padding:0px; margin:0 0 5px 0;}
#ViewAllOffers a{color:#AB8762;font-weight:bold;}
#ViewAllOffers a:hover{color:#CE893C ! important; text-decoration:underline;font-weight:bold;}

/* ----------------------   REFER A FRIEND    ----------------------------------- */

#ReferFriend { border:0px solid red; float: left; width:621px; background-image:url(/includes/images/referAfriend.jpg); background-repeat:no-repeat;}
#ReferFriendArea { width:621px; height:397px; border:0px solid blue; float:left;}
#ReferFriendHolder {margin:50px 0px 0px 230px; border:0px solid green; height:300px; width:300px;} 
.ReferFriendForm .formheaderclass {color:#86695B ! important; }
.ReferFriendForm .labeltd1 {clear:both;margin:0px; height:10px;padding-top:9px;vertical-align:top; width: 100px; font: 11px Arial; color:#86695B; font-weight:bold; text-align:right;background:transparent; border:0px solid blue}
.ReferFriendForm .labeltd2 {clear:both;margin:0px; height:10px; vertical-align:top; width: 100px ! important; font-weight: bold; color:blue; text-align:left;background:transparent; border:0px solid red}
.ReferFriendForm input {margin:0px; width:155px; height:16px; vertical-align:top; font: 11px Arial;font-weight: normal; color:#666 ; border:1px solid #BDB4AB; background-color:#FBF9E8}
.ReferFriendForm textarea {margin:0px; width:155px; height:52px; vertical-align:top; font: 11px Arial;font-weight: normal; color:#666 ; border:1px solid #BDB4AB; background-color:#FBF9E8 }
.ReferFriendForm select {margin:0px; width:160px; height:16px; vertical-align:top; font: 11px Arial;font-weight: normal; color: #666; border:1px solid #BDB4AB; background-color:#FBF9E8}
.ReferFriendForm input.checkbox, .ReferFriendForm input.radio { width: 20px; }
.ReferFriendForm input.submit {font-size:9px; text-decoration:none !important; text-align:center; color:#A59187 !important ; display:block; border:1px solid #A59187; background-color:#EDE9D3; width:45px;}
.ReferFriendForm td.mandatory label:after { content: " *"; }
.ReferFriendForm .textSyle {font: 11px Arial;font-weight: bold; color: #ffffff;}
#responder {color:#D36E06 ! important; }
/* -------------------    PICTURE GALLERY OLD    -------------------------------------- */ 

.galleryItemRow {clear:both;border: 0px solid green; width:580px;height:100%;padding-top:20px;}
.galleryItem {border: 0px solid red; float: left; width: 115px; margin:0px 0px 0px 10px;}
.galleryItem .thumbNail {border:1px solid #AB8762; float:left; width: 100px; height:75px;}
.galleryItem .title { float:left;border:0px solid blue; width: 115px; font: bold 11px Arial, Helvetica, sans-serif; color:#AB8762;}

/* -------------------    Wine List    -------------------------------------- */ 
.coffee{background-color:#AB8762;font-weight:bold;color:#CBCB99;}
.brown{color:#5C4545}
.cream{background-color:#fff}
.beige{background-color:#F7F4ED}
.white{background-color:#ffffff}

/* -------------------    PHOTO GALLERY    -------------------------------------- */ 

#PhotoGallery {float:left;border:0px solid blue;width:500px; height:100%;}

#PhotoGallery #List {border:0px solid green;float:left; width:20px; height:100%}
#PhotoGallery #List ul{list-style-type:none;display:block;border:0px solid green;}

#PhotoGallery #List ul li{list-style-type:none;line-height:15px;}
#PhotoGallery #List ul li a{color:#AB8762;text-decoration:none;}
#PhotoGallery #List ul li a:hover{color:#D36E06;text-decoration:underline;}
#PhotoGallery #List ul li .listselected a{color:#D36E06;font-weight:bold;text-decoration:underline;}
#PhotoGallery #Photo {border:0px solid blue;float:right}
#PhotoGallery #Caption {float:left;color:#AB8762; border:0px solid red; height:25px;width:100%;margin:0 0 0 0;text-align:center;}
#PhotoGallery #Photo #Holder {width:401px; height:301px; background-color:#fff; border:1px solid #D7D7D7; margin:5px 5px 0 5px; padding:2px 1px 1px 2px;float:left;}
#PhotoGallery #NPHolder {clear:both;float:right;width:400px; border:0px solid green;margin:10px 15px 0 0;}
#PhotoGallery #NPHolder #NextLink {float:right;border:0px solid red;width:100px;}
#PhotoGallery #NPHolder #NextLink a{float:right;color:#AB8762;font-weight:bold;text-decoration:none;float:right;}
#PhotoGallery #NPHolder #NextLink a:hover{float:right;color:#D36E06;font-weight:bold;text-decoration:underline}
#PhotoGallery #NPHolder #PreviousLink {float:left;border:0px solid red;width:100px;}
#PhotoGallery #NPHolder #PreviousLink a{color:#AB8762;font-weight:bold;text-decoration:none;float:right;}
#PhotoGallery #NPHolder #PreviousLink a:hover{color:#D36E06;font-weight:bold;text-decoration:underline}
.listselected {font-weight:bold;text-decoration:underline; color:#D36E06}
/* ------------------------------------------------------------------------------------ */ 

/* INDIVIDUAL SPECIAL OFFERS [SpecialOfferDetail.aspx]  */

#Event {width:510px;color:#AB8762; margin:20px 0 20px 10px; border:0px solid red;}
#Event legend{float:left;margin:10px 0 10px 0; font-size:12px; padding:0;color:#AB8762; border:0px solid blue;font-weight:bold;}
#Event #EventTitle  h3 a {float:left;margin:10px 0 10px 0; font-size:12px; padding:0;color:#AB8762; text-decoration:none;}
#Event #EventTitle  h3 a:hover {float:left;margin:10px 0 10px 0; font-size:12px; padding:0;color:#CE893C; text-decoration:underline;}
#Event #EventDesc {float:left; border:0px solid green;width:100%;}
#Event #EventDesc p {float:left;color:#AB8762 ! important; }
#Event #EventExpiry {float:left; border:0px solid green;width:100%;margin:10px 0 10px 0;}
#Event #EventExpiry p {float:left;color:#AB8762 ! important; }

#ViewAllOffers {float:right;border:0px solid blue; padding:0px; margin:0 0 5px 0;}
#ViewAllOffers a{color:#AB8762;font-weight:bold;}
#ViewAllOffers a:hover{color:#CE893C ! important; text-decoration:underline;font-weight:bold;}

/* ALL SPECIAL OFFERS  [Specialoffers.aspx]  */

#Events {width:510px;color:#AB8762; margin:20px 0 20px 10px; border:0px solid red;}
#Events legend{float:left;margin:10px 0 10px 0; font-size:12px; padding:0;color:#AB8762; border:0px solid blue;font-weight:bold;}
#Events #EventsTitle  h3 a {float:left;margin:10px 0 10px 0; font-size:12px; padding:0;color:#AB8762; text-decoration:none;}
#Events #EventsTitle  h3 a:hover {float:left;margin:10px 0 10px 0; font-size:12px; padding:0;color:#CE893C; text-decoration:underline;}
#Events #EventsDesc {float:left; border:0px solid green;width:100%;}
#Events #EventsDesc p {float:left;color:#AB8762 ! important; }
#Events #EventsExpiry {float:left; border:0px solid green;width:100%;margin:10px 0 10px 0;}
#Events #EventsExpiry p {float:left;color:#AB8762 ! important; }

