/* 3.1 Homepage
------------------------------------------------------------------------------*/

#featured { height: 211px; }
#featured-content { width: 676px; float: left; height:208px;}
#featured-content li {list-style:none;width:678px;height:208px;display:none;}
#featured-content li.first {display:block;}

#featured-video { width: 220px; float: right; position: relative; overflow:hidden;}
#featured-video a { display: block; position: absolute; z-index:900;width: 220px; height: 208px; top: 0; left: 0; background: url(../img_ui/bg-video-overlay.png); color: #fff; line-height: 1.4; }
#featured-video a:hover { text-decoration: none; }
#featured-video a span.video-overlay { display: block; position:relative;padding: 165px 0 0 14px;}
#featured-video a span.video-title { font-size: 1.2em; }

#homepage-content { background: #edece2 url(../img_ui/bg-hc-mid.png) repeat-y; margin-bottom: 3px; }
#homepage-content .hc-bot { background: url(../img_ui/bg-hc-bot.png) bottom left no-repeat; padding-bottom: 23px; }
#homepage-content .hc-top { background: url(../img_ui/bg-hc-top.png) no-repeat; padding-top: 17px; }
#homepage-content .hc-section { width: 215px; margin-right: 7px; padding-bottom: 30px; float: left; display: inline; }
#homepage-content .section-aside { display: block; padding: 3px 0 3px 13px; font-style: italic; color: #fff;}
#homepage-content a { color: #772531; text-decoration: underline; }
#homepage-content a:hover { text-decoration: none; }
#homepage-content h2 { height: 22px; padding-left: 13px; text-transform: uppercase; font-weight: normal; font-size: 1.1em; color: #fff; }
#homepage-content h2 a { display: block; color: #fff; background: url(../img_ui/ico-arrow.png) 180px center no-repeat; text-decoration: none; }
#homepage-content ul li,
#homepage-content ol li { padding-bottom: 10px; line-height: 1.3; }
#homepage-content ul li a,
#homepage-content ol li a { font-size: 1.1em; }

#homepage-content #events { margin-left: 9px; }
#events .section-aside { background: #ba6e16; }
#events ul { padding: 14px 15px 0 12px; }
#events li a {font-weight:bold;}
#events li {margin-bottom:.25em;}
#events p { margin: .75em 0 0 12px; padding-right: 15px; font-size:12px; }
#events h4  {color:#918665;}
#events h4 span {font-size:18px;margin-right:.5em;}

#events_images {margin:0 !important;padding:0 !important;list-style:none;}
#events_images li {margin:0 !important;padding:0 !important;list-style:none;display:none;}
#events_images li.first {display:block;}

#homepage-content #sample-deals { margin-right: 9px; }
#sample-deals .section-aside { background: #f77a5c; }
#sample-deals ul { padding: 14px 15px 0 12px; }

#homepage-content #top-sellers { margin-right: 8px; }
#top-sellers .section-aside { background: #f4bb3f; }
#top-sellers ol { margin-left: 15px; padding: 14px 15px 0 15px; }
#top-sellers ol li { padding-left: 5px; list-style-type: decimal; }
#top-sellers li span.awards {color:red;font-size:11px;display:block;color:#c61919;}


#homepage-content #whats-new { margin-left: 9px; }
#whats-new .section-aside { background: #6c2803; }
#whats-new h3 { font-size: 14px; margin: 0 0 10px 15px; padding-right: 15px; color:#92631f;}
#whats-new p { margin: 1em 0 1em 15px; padding-right: 15px; font-size:12px; }


#chwine-news img { margin: 5px 0; }
#chwine-news a { display: block; font-weight: bold; margin: 0 10px 10px 0; padding-right: 15px; }

#slider {width:211px;margin:10px auto 0 auto;position:relative;}

.scroll {height:330px;overflow:auto;position:relative;clear:left;}
.scrollContainer div.panel {padding:0 10px 0 14px;height:210px;width:191px;font-size:12px;}
.scrollButtons {position:absolute;top:65px;cursor:pointer;}
.scrollButtons.left {left:0px;z-index:999;}
.scrollButtons.right {right:0px;}