/* MAIN NAVIGATION - TABS
----------------------------------------- */
#navigation{margin:-14px auto 0;overflow:hidden;margin-left:51px;text-align:center;}
#navigation ul{margin:0;padding:0;margin:0 auto 0;float:left;z-index:1;}
#navigation ul li{list-style:none;margin:0 2px;line-height:12px;font-size:12px;padding-top:0px;float:left;display:block;}
#navigation ul li a{float:left;text-decoration:none;display:block;padding:0 20px 0 0;color:#666;}
#navigation ul li a span{text-align:center;float:left;text-transform:uppercase;padding-top:15px;height:12px;}
#navigation ul li a:hover{color:#fff;cursor:pointer;}
#navigation ul li a:hover span{cursor:pointer;}
#navigation ul li a.current,
#navigation ul li a.section,
#navigation ul li a.section:hover,
#navigation ul li a.current:hover{color:#fff;}
#navigation ul li a.current span,
#navigation ul li a.section span,
#navigation ul li a.section:hover span,
#navigation ul li a.current:hover span{z-index:1;color:#fff;background:url(../images/menu_selected.png) no-repeat top center;}

#sidebar{margin-top:50px;}
#sidebar h3{margin:0;padding:0;color:#fff;font-size:1.2em;}
#sidebar ul{margin:0;padding:0;margin-top:10px;font-size:13px;}
#sidebar ul li ul{margin-top:4px;}
#sidebar ul li{list-style:none;padding:3px 0;margin-left:10px;}
#sidebar ul li a{text-decoration:none;}
#sidebar ul li a:hover{text-decoration:none;color:#fff;}
#sidebar a.section span, #sidebar a.current span, #sidebar a:hover span{color:#fff;}
#sidebar ul li a span{color:#666;font-style:none;text-transform:uppercase;}
#sidebar ul li ul li a span{color:#666;font-style:none;text-transform:none;}

#wines{width:inherit;}
#wines ul{margin:0;padding:0;float:left;font-size:13px;}
#wines ul li{list-style:none;float:left;}
#wines ul li{list-style:none;padding:0 0 4px;margin-left:10px;}
#wines ul li a{text-decoration:none;}
#wines ul li a:hover{text-decoration:none;color:#fff;}
#wines a.section span, #wines a.current span, #wines a:hover span{color:#fff;}
#wines ul li a span{color:#666;font-style:none;text-transform:uppercase;}

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs{color:#B7C0C5;text-align:left;font-size:0.9em;margin:0px 5px 10px 0;}
#Breadcrumbs p{margin:0;}

#whiteline{margin-top:-8px;}

.logo{text-align:center;height:140px;}
.logo img{margin:40px auto auto;}
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
div.content{margin-top:50px;margin-bottom:30px;}
.typography{text-align:left;}
.typography img.sideImg{margin-bottom:20px;}
.typography *{font-family:helvetica,verdana,Lucida,Arial,sans-serif;}
/* PARAGRAPHS 
-------------------------------------------- */
.typography p{color:#dedede;line-height:18px;font-size:12px;margin:0 0 18px 0;}
/* QUOTES
-------------------------------------------- */
.typography blockquote{margin:0px;font-size:1.4em;color:#777;font-style:italic;}
.typography q{display:block;font-size:0.8em;margin:1em 1em;padding:0.5em;border:1px #ccc solid;}
/* LINKS 
-------------------------------------------- */
.typography a{text-decoration:none;color:#fff;}
.typography a:hover{text-decoration:underline;color:#fff;}

/* LINK ICONS - shows type of file
------------------------------------ */
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf{padding:2px;padding-left:20px;background:url(../images/icons/page_white_acrobat.png) no-repeat left center;}
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc{padding:2px;padding-left:20px;background:url(../images/icons/page_word.png) no-repeat left center;}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls{padding:2px;padding-left:20px;background:url(../images/icons/page_excel.png) no-repeat left center;}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive{padding:2px;padding-left:20px;background:url(../images/icons/page_white_zip.png) no-repeat left center;}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application{padding:2px;padding-left:20px;background:url(../images/icons/application.png) no-repeat left center;}


/* HEADER STYLES 
-------------------------------------------- */
.typography h1,
.typography h2{color:#fff;margin:0 0 18px 0;font-weight:300;font-family:Tahoma,Verdana,sans-serif;}
.typography h1{font-size:24px;}
.typography h2{font-size:20px;}
.typography h3{color:#fff;margin:0 0 18px 0;clear:both;font-size:18px;}
.typography h4{font-size:16px;color:#fff;width:95%;line-height:18px;margin:0 0 16px 0;}
.typography h5{font-size:14px;color:#fff;font-weight:700;margin:0 0 12px 0;}
.typography h6{font-size:13px;color:#fff;line-height:1.4em;margin:0 0 12px 0;}
/* PRE STYLES 
-------------------------------------------- */ 
.typography pre{font-family:"Courier New",Courier;display:block;font-size:1.2em;margin:2em 5em;padding:0.5em;border:1px #ccc solid;background:#eee;;}


.scrollable{position:relative;overflow:hidden;width:490px;height:138px;margin-top:12px;border:0px solid #ccc;}
.scrollable ul{margin:0;padding:0;width:20000em;position:absolute;float:left;}
.scrollable ul li{list-style:none;float:left;cursor:pointer;}
.scrollable ul li a{text-decoration:none;float:left;width:auto;margin:0 14px;text-align:center;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;}
.scrollable ul li a img{border:none;margin:auto;}
.scrollable ul li a:hover{filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;}
.scrollable ul li.current a{filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;padding-bottom:0px;background:url(../images/bottle_selected.gif) no-repeat bottom center;}


a.browse{background:url(../images/arrow/hori_large_.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:40px 10px;cursor:pointer;font-size:1px;}
a.right{background-position:0 -30px;clear:right;margin-right:0px;}
a.right:hover{background-position:-30px -30px;}
a.right:active{background-position:-60px -30px;}
a.left{margin-left:0px;}
a.left:hover{background-position:-30px 0;}
a.left:active{background-position:-60px 0;}
a.disabled{visibility:hidden !important;}

.product .typography h3{color:#666;margin:0;}

a img{border:none;}