/* $Id$ */

/* generic styles */
* { margin: 0; padding: 0; }

body { text-align: center; background: #333 url(../img/build/general/bg-strip.jpg) top left repeat-x; background-attachment:fixed; font-family: Arial, Verdana, Helvetica, sans-serif; }
/* end generic styles */

a img { border: none; }

#container { text-align: center; margin: 0 auto; width: 1000px; background-color: #000; overflow: hidden;}


/* content */
#content, #nav { text-align: left; padding-top: 39px; padding-bottom: 48px; }
#content, #content-flash { padding-top: 89px; color: #FBF5D0; width: 753px; padding-left: 32px; float: left; overflow: hidden;  }

#content p { line-height: 1.5em; font-size: 80%; margin-bottom: 20px; }
#content a:link, #content a:active, #content a:visited { color: #B08B3D; text-decoration: underline;}
#content a:hover { color: #fbfbd1; }
#content a.mainlink, #content-flash a { color: #FBF5D0; text-decoration: none; font-weight: bold; font-size: 95%; }
#content a.mainlink:hover, #content-flash a:hover { text-decoration: underline; }
#content p.title { font-size: 80%; margin: 14px 0; clear: both; }
#content #tasting strong.title { font-size: 14px; }
#content ul, #content ol { margin-left: 20px; }
#content ul li, #content ol li { font-size: 80%; margin: 10px; line-height: 1.3em; }

/* end content */

/* nav */
#container #nav { float: left; width: 214px; font-size: 75%; padding-bottom: 10px; z-index: 0; }
#container #nav-swap { position: relative; float: left; width: 214px;  z-index: 0; margin-top: 0px; }
#container #nav-holder { margin-top: 30px; display:inline-block; }
#container #nav-list { float: left; width: 180px; z-index: 0; }
#container #nav ul { list-style-type: none; margin-left: 36px; width: 140px; text-transform:uppercase; }
#container #nav ul li { color: #FBF5D0; margin: 0; clear: both; }
#container #nav ul li a:link, #nav ul li a:active { color: #FBF5D0; text-decoration: none; }
#container #nav ul li a:visited { color: #EDE5B3; text-decoration: none; }
#container #nav ul li a.current-link { color: #917232; font-weight: bold; }
#container #nav ul li a:hover { color: #C19845; text-decoration: none; }
#container #nav ul ul { margin:0; }

#container #nav ul li a { padding-top:8px; padding-bottom:8px; display: block; }
#container #nav ul ul ul li a { padding-top:4px; padding-bottom:4px; }
#container #nav ul li {
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/build/general/nav-underline.png');
 background-image: url(../img/build/general/nav-underline.png);
	background-repeat: repeat-x;
	background-position: top;
	border:none;
	width:175px;
}
#container #nav ul ul ul li { border:none; }
#container #nav #nav-list ul ul ul li { text-transform:none; margin-left:5px; }
#container #nav #nav-list ul ul ul ul li { margin-left:10px; }
#container #nav #nav-list ul ul ul ul li a { color:#b5ac8f; }
#container #nav #nav-list ul ul ul ul li a.current-link { color: #c09d4d; font-weight: bold; }
#container #nav #nav-list ul ul ul ul li a:hover { color: #C19845; }
#container #nav .raq-big { margin-bottom: -5px; padding-bottom: 0; line-height: 0; }
#container #nav ul li.nav-landing { font-weight: bold; font-size: 120%; padding: 0 0 10px 0; }
/* end nav */

/* heading styles */
h1.heading, #content h2.heading { font-size: 90%; margin: 5px 0; width: 300px; }
h1.heading-bottom { font-size: 90%; margin: 5px 0 25px 0; width: 300px; }
#content h2.heading-bottom { font-size: 90%; margin: 5px 0 20px 0; width: 300px; }
#content h2.heading-top { font-size: 90%; margin: 50px 0 10px 0; width: 300px; }
h1.heading-single { font-size: 90%; margin: 28px 0 25px 0; width: 300px; }
h2 { font-size: 75%; margin: 30px 0 25px; padding: 0; color: #B08B3D; width: 200px; }
h3 { font-size: 70%; margin: 30px 0 10px; padding: 0; color: #B08B3D; width: 200px; }
h2.heading { margin: 35px 0 15px 0; }
.two-col-left h2, .two-col-left-large h2, .two-col-right h2, .two-col-right h2 { width: 220px; }
/* end heading */

/* sIFR Styles */
.nz-lite, .nz-black { color: #FBF5D0; }
#content .w340 { width: 340px; }
#content .w320 { width: 320px; }
#content .w300 { width: 300px; }
#content .w280 { width: 280px; }
#content .w260 { width: 260px; }
#content .w250 { width: 250px; }
#content .w230 { width: 230px; }
#content .w180 { width: 180px; }
/* end sIFR Styles */

/* logos */
#home .logo { display: none; }
#home { width: 160px; height: 120px; background: url(../img/build/logos/logo.png) top left no-repeat; display: block; margin-left: 26px; }

#eyc span, #eyc-purple span { display: none; }
#eyc { 
	width: 189px; 
	height: 47px; 
	display: block; 
	background: url(../img/build/logos/logo-eyc-home.png) center left no-repeat; 
	display: block; 
	clear: both; 
	margin-left: -10px; 
}
/* end logo */

/* backgrounds */
.home { background:transparent url(../img/build/backgrounds/background-nostag.jpg) top left no-repeat; }
/* end backgrounds */


/* columns */
.three-col-left {
	float: left; width: 230px; text-align: left; margin-top: 92px; margin-left: 65px; position:relative; height:650px; 
}
.three-col-right {
	float: right; width: 216px; text-align: left; margin-top: 92px; position:relative; height:650px;
}
#video-panel { margin-top: 0; margin-left: 0; margin-right: 0; width: 220px; }
/* end columns */

/* homepage */
.shoes { background: url(../img/build/backgrounds/background-home-tango.jpg) top left no-repeat; }
.home-content h2 { color:#000000; font-size:90%; font-weight:normal; padding:0; margin:0;}
.home-content h1.heading { color:#000000; font-size:130%; }
.blank { height: 480px; width: 250px; float: left; }
.home .heading { margin-top: 24px; margin-bottom: 20px; margin-top: 20px; }
.home #content .nz-lite { margin-top: 20px; position: relative; }
.home #content .toplink { width: 92px; }
.home #content .bottomlink { width: 114px; }
/*.home #content p { margin: 0; padding: 0; line-height: normal; font-size: 70%; }*/
.home #content p.nz-lite { background: transparent url(../img/build/general/raq.gif) top right no-repeat; margin-bottom: 10px; margin-top:20px; }
.home #content p strong { width: 214px; display: block; margin: 0; padding: 0; margin-top: 20px; font-size: 120%; font-weight: normal; }
.home #content span.nz-black { font-size: 80%; line-height: 1.1em; position: relative; }
.home img { margin: 0; padding: 0; border:none; }
span#home-main-link {  width: 190px; margin: 0; margin-top: 75px; padding: 0; display: block; background: transparent url(../img/build/general/raq.gif) 100% 80% no-repeat; position: relative; margin-left: 10px; }
#range-bottles { background: url(../img/build/bottles/range-home.jpg) top left no-repeat; width: 206px; height:285px; display: block; overflow:hidden; }
#range-bottles a { display: none; }
.home #content { padding: 0;  }
html #content .top-panel{float:left; width:262px; height:96px;}
html #content .top-panel-l{float:left; width:261px; height:96px;}

#content .top-panel-border{
	background-image: url(../img/home/background-arrows.png);
	float:left;
	padding:32px 41px 20px 20px;
	width:200px;
	border-bottom:4px solid #fafac8;
	background-repeat: no-repeat;}
	
#content .top-panel a:link, #content .top-panel a:active, #content .top-panel a:visited {text-decoration:none; color:#fbfbd1;}
#content .home-content a:hover { color:#b28c3d;}
#content .home-content {
	width:785px;
	height:444px;
	background-color:#FFFFFF;
	background-image: url(../img/home/mj.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding:0px 0 0 0px;
	border-left:1px solid #333333; 
	clear:both; 
	background-color:black;
}

#content .home-content.text { padding-left:31px; }
#content .home-ny {width:785px;}
#content .home-content p {padding-right:493px;}
#panelcontainer {width:787px; clear:both; }
.homethreepanel { float:left;height:89px;background-color:#000000;padding:21px 0px 0px 20px;width:240px;border-right:1px solid #222222;border-bottom:1px solid #222222;}

#homethree-container {width:785px; border-right:1px solid #222222;}
.homethree { float:left; width:261px; border-top:1px solid #222222; }
.homethree-l { float:left; width:262px; border-top:1px solid #222222; }

/*image replacement*/
#subnav {margin:0 auto;width:786px; padding:33px 0 0px 0; }

#subnav .tab { border-bottom:4px solid #fafac8;  }
#subnav .tab-l { border-bottom:4px solid #fafac8;  margin-right:0; }

a.replacelink { position: relative;  font-size:5px; overflow: hidden; display:inline-block; margin:0 0 0px 0; float:left; display: inline; }
a.replacelink:hover { text-decoration:none; }

a.linkmalts, a.linkmalts span { width:262px;height: 57px; display: block;padding: 0;background-image: url(../img/home/tab-range.gif);background-repeat: no-repeat; background-position: left top; }

a.linkbarrel, a.linkbarrel span { width: 262px; height: 57px; display: block; padding: 0; background-image: url(../img/home/tab-barrel-art.gif);	background-repeat: no-repeat; background-position: left top; }

a.linkvideo, a.linkvideo span { background: url(../img/home/tab-video.gif) top left no-repeat; width: 262px; height: 57px; display: block; padding:0; }

a.linkexplorers, a.linkexplorers span { width:262px;height: 57px; display: block;padding: 0;background-image: url(../img/home/tab-explorers.gif);background-repeat: no-repeat; background-position: left top; }

a.linkmalts span, a.linkbarrel span, a.linkvideo span { position: absolute; top: 0; left: 0; }

a.linkexplorers:hover span, a.linkmalts:hover span, a.linkbarrel:hover span, a.linkvideo:hover span, a.on span { background-position: bottom left;  }
/*end image replacement*/
/* end homepage

/* footer */
#footer { text-align: left; color: #787878; font-size: 70%; padding: 20px 0 36px 0; border-top: 1px solid #222; width: 1000px;  background-color: #000;}
#footer .contact { float: right; margin-right: 36px; }
#footer .contact li { display: inline; margin: 0 5px; }
#footer .contact a:link, #footer .contact a:active, #footer .contact a:visited { color: #787878; }
#footer .contact a:hover { color: #ccc; }
#footer .copy { float: left; margin-left: 36px; }
#footer .legal { margin-left: 36px; margin-top: 15px; line-height: 1.4em; }
#footer .legal a:link, #footer .legal a:active, #footer .legal a:visited { color: #B08B3D; text-decoration: none; }
#footer .legal a:hover { color: #C19845; text-decoration: underline; }
/* end footer */

/* misc styles */
.clear { clear: both; width: 100%; height: 0px; display:block; float: none; }
.raq { color: #831822; }
.raq-big { color: #B28C3D; font-size: 160%; font-weight: bold; }
.margin-top { margin-top: 32px; }
#content p.no-margin, .no-margin { margin: 0; }
.main-heading { font-size: 110%; margin: 0 0 20px 0; }
.left { float: left; }
.right { float: right; }
.left h1, .left h2, .left h3, .left h4, .right h1, .right h2, .right h3, .right h4 { width: 100%; }
#content p.error { color: #ff1122; margin-top: 0; margin-bottom: 0; font-size: 90%; font-weight: bold; margin: 10px 0; }
.fortyyo-content .two-col-right { height: 540px; }
#swf-bottle { margin-top: 20px; }
#content p.announcement { font-size: 90%; font-weight: bold; }

#swf-replacement { margin:0; margin-top: -15px; padding: 0; width: 480px; float: left; }
/* end misc styles */

/*image replacement*/
#container a.replace { display: block; position: relative; margin:10px 0 10px 0; font-size:5px; overflow: hidden; }
#container a.replace:hover { text-decoration:none; }
#container a.morelink, #container a.morelink span { background: url(/img/home/read-more.gif) top left no-repeat; width: 104px; height: 12px; display: block; padding: 0; }
#container a.watchlink, #container a.watchlink span { background: url(/img/home/watch-link.gif) top left no-repeat; width: 153px; height: 12px; display: block; }
#container a.morelink span, #container a.watchlink span { position: absolute; top: 0; left: 0; }
#container a.morelink:hover span, #container a.watchlink:hover span { background-position: bottom left; }
/*end image replacement*/

#container.home #worlds-most-awarded { background-image:url(../img/build/logos/worlds-most-awarded.gif); background-position:6% 75%; background-repeat:no-repeat; display: inline-block; }

.homepage_flashholder { width: 785px; height:444px; clear:both; }