/*Home template styles*/
#HomePage .left {width:715px; float:left;}
#HomePage .right {width:215px; float:right;}

#HeaderContent {padding:10px; background-color:#ffffff;}

#HomeFader {position:relative; min-height:334px;}
#HomeFader .banner {position:absolute; left:0; top:0; width:100%;}
#HomeFader .hidden {display:none;}
#HomeFader .leftColumn {width:355px; float:left;}
#HomeFader .rightColumn {width:350px; float:right;}
#HomeFader .rightColumn .textHolder {padding:5px 0; color:#25646f; font-family:Georgia; font-style:italic; text-align:center; font-size:125%; background:url(/SiteImages/Quote_Left.gif) left 5px no-repeat;}
#HomeFader .rightColumn .textHolder .inner {background:url(/SiteImages/Quote_Right.gif) right bottom no-repeat; padding:15px 0;}

#GiftVouchers {padding:10px 10px 5px 10px;}
#GiftVouchers h2 {border:0; padding-bottom:5px;}
#GiftVouchers p {background: url("/SiteImages/Home_Vouchers.png") right top no-repeat; padding:15px 95px 15px 0}

#LowerContent {padding:25px 10px 10px 10px;}
#HomePage #LowerContent .left {width:705px;}
#HomePage #LowerContent .right {padding-top:74px;}
#LowerContent #HomeTitle {font-size:210%; padding-bottom:0.5em;}
#LowerContent .contentHolder {padding:1em 0;}

#LowerContent .column {width:345px;}
#LowerContent .leftColumn {float:left;}
#LowerContent .rightColumn {float:right;}
#LowerContent .height {min-height:280px; width:310px;}
#LowerContent .rightColumn .height {margin-left:35px;}
#LowerContent .scrollContainer {width:310px;}
#LowerContent .scrollContent {min-height:215px;}
#LowerContent .scrollPanel .imageLink {clear:both; text-align:left; display:block; background-color:#ffffff; padding:10px; margin:0;}
#LowerContent .scrollPanel .mainHolder {width:288px;}
#LowerContent .scrollLeft {left:253px;}
#LowerContent .seeAllHolder {font-family:Georgia; text-align:right; font-size:120%; font-style:italic; border-top:1px solid #ffffff; padding:5px;}

#LowerContent .submitButton {float:right; margin:10px 15px 0 0;}


.imageGallery { float:left; width:100%; }
.galleryItem { float:left; width:60px; overflow:hidden; border:5px solid #ffffff; margin:10px 10px 10px 0; }
.galleryItem a { float:left; }

#VerticalCarousel {background-color:#25646f; height:220px; overflow:visible;}
#VerticalCarousel .inner {position:relative; padding:15px 0;}
#VerticalCarousel .previous,
#VerticalCarousel .next {position:absolute; cursor:pointer; left:0; width:100%; z-index:10; height:20px; background-position:center top; background-repeat:no-repeat;}
#VerticalCarousel .next {top:5px; background-image:url(/SiteImages/VerticalCarousel_Next.png);}
#VerticalCarousel .previous {top:190px; background-image:url(/SiteImages/VerticalCarousel_Previous.png);}
#CarouselTitle {text-align:center; background-color:#aacbd1; padding:5px 10px; font-family:Georgia; font-style:italic;}
#CarouselTitle .title {font-size:140%; color:#25646f;}
#CarouselTitle .county {font-size:114%; color:#404849;}
#CarouselTitle .county .squiggle {color:#25646f;}
#CarouselList,
#CarouselList li {list-style:none; padding:0; margin:0;}
#CarouselList {width:202px; position:relative; height:200px;}
#CarouselList li {display:block; text-align:center; position:absolute; left:6px; border:0px solid #000000;}
#CarouselList li .padding {display:block; padding:1px; background-color:#ffffff;}
#CarouselList li.selected {z-index:3; width:202px; height:93px;} 
#CarouselList li.selected img {width:200px; height:91px;}
#CarouselList li.back {left:44px; z-index:2; width:127px; height:59px;} 
#CarouselList li.back a {cursor:default;}
#CarouselList li img.back {width:125px; height:57px;}
#CarouselList li.top {top:10px;}
#CarouselList li.selected {top:40px;}
#CarouselList li.bottom,
#CarouselList li.hiddenBottom {top:106px;} 
#CarouselList li.hiddenBottom,
#CarouselList li.hiddenTop,
#CarouselList li.hidden {display:none; left:101px; width:0; height:0; border:0; padding:0;} 
#CarouselList li img.hidden,
#CarouselList li img.hiddenBottom,
#CarouselList li img.hiddenTop {width:0; height:0;}
#CarouselList li.hiddenBottom,
#CarouselList li.hiddenTop {display:block; width:0; height:0; overflow:hidden; padding:0;}


.topClick #CarouselList li.top,
.bottomClick #CarouselList li.bottom {z-index:1;}
