/*positioning styles*/

body {
	background-color: #141213;
	text-align: center; /*centering for older browsers*/
	margin: 0px;
	padding: 0px;
}

#container {
	position: relative;
	margin: 0 auto;
	text-align: left;  /*resetting text align left after IE center hack*/
	width: 932px;
	padding: 0;
	background-color: #0A0909;
	border: 1px solid #222021;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.84em;
	line-height: 140%;
	color: #cacaca;
}

#nav  {
	margin:auto;
	padding: 10px 0 0 0;
	background-color: #0A0909;
	border-bottom: 1px solid #222021;
	width: 932px;
	height: 84px;
}

#utilityNav  {
	float: right;
	position:relative;
	top: -43px;
	right: 0px;
	width: auto;
	height: 16px;
	border: 1px solid #222021;
}

.clear{
		clear:both;
		}

/*-------------utility nav rollovers-------------------*/
#utilityNav  ul {
	padding: 0px;
	margin: 0px;
	}
	

#utilityNav li  {
	float: left;
	margin: 0px;
	padding: 0px 0px 0 0px;
	list-style:none;
	border-left: 1px solid #222021;
}

 #utilityNav a {
  float: left;
  height:16px;
  background-repeat:no-repeat;
  background-position:top left;
  margin: 0px;
  padding: 0px 0px 0 0px;
  } 

 #utilityNav a span {
  display:none;
  }
  
  /*  ------------- Utility Nav: off, hover, on states.  ------------------------------------
Image has 2 states aligned next to each other, a negative background-position is used to shift the image to reveal the correct state*/

a#utilityNav_recipes  {width:53px; background-image:url(../img/utilityNav_recipes.gif); background-position: 0px 0px;}
a#utilityNav_recipes:hover {background-position: -53px 0px;}
/*a#utilityNav_recipes.on {background-position: 0px 0px;}*/

a#utilityNav_news {width:71px; background-image:url(../img/utilityNav_press.gif); background-position: 0px 0px;}
a#utilityNav_news:hover {background-position: -71px 0px;}
/*a#utilityNav_news.on {background-position: -0px 0px;}*/

a#utilityNav_promotions {width:70px; background-image:url(../img/utilityNav_promotions.gif); background-position: 0px 0px;}
a#utilityNav_promotions:hover {background-position: -70px 0px;}
/*a#utilityNav_promotions.on {background-position: -0px 0px;}*/

/*add class to outer element if IE 6.0 flickers*/
/*.utilityNav_recipes {width:53px; background-image:url(../img/utilityNav_recipes.gif) background-position: 0px 0px;}
.utilityNav_news {width:40px;background-image:url(../img/utilityNav_news.gif);background-position: 0px 0px;}
.utilityNav_promotions {width:70px;background-image:url(../img/utilityNav_promotions.gif);background-position: 0px 0px;}*/

/*----------------end Utility Nav rollovers----------------------------------*/

#productSubMenuVert  {
	width: 155px;
	margin-left: 15px;
	padding: 0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.25em;
}

/* --------------------- links ---------------------------------*/
/*default link */
a {
	text-decoration: none;
	color: #141213;
	background-color:#999999;
	padding: 0 2px;
	
}
a:link {
	text-decoration: none;
	color: #141213;
	background-color:#999999;
}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color:#999999;
}

/*product sub nav links*/
a.productSubNav:link,
a.productSubNav:visited {
	color: #cacaca;
	background-color: #000;
	text-decoration:underline;
}

a.productSubNav:hover {
	color: #333;
	background-color: #999;
}
#publicity a:link,
#publicity a:visited {
	color: #cacaca;
	background-color: #000;
	text-decoration: underline;
}

#publicity a:hover {
	color: #fff;
	background-color: #999;
}

	
/*------------left column--------------*/
#leftImage {
	float: left;
	top: 150px;
	background-color: #0A0909;
	width:187px;
	height:auto;
	margin: 0;
	padding: 0;
	border-right: 0px solid #222021; /*border is in both leftImage & mainContent*/
	font-size: 0.8em;
}

#leftImageCaption  {
	padding: 10px;
}

#leftImage #distrib_map {  			/*specific to map distribution page only*/
	position:relative;
	display:block;
	width:200px;
	margin:50px 5px 5px 30px;
	font-size: 1.1em;
	border:0px solid #ccc;
	}
	
#leftImage a:link, #leftImage a:visited {
	text-decoration:underline;
	background:#000;
	color:#cacaca;
	}
#leftImage a:hover{
	text-decoration:none;
	color: #fff;
	background-color: #999;
	}	
/*------------right column (main)--------------*/
#mainContent {
	position: relative;
	min-height:400px;
	margin-left: 187px;
	padding: 42px 30px;
	font-size: 1em;
	border-left:0px solid #222021;
}
#mainContent_map  {
	position: relative;
	min-height:400px;
	margin-left: 200px;
	padding: 42px 30px;
	border-left:0px solid #222021;
	border:0px solid #ccc;
	}
#mainContentText {
	position: relative;
	margin-left: 0 0px;
	padding: 42px 30px;
	font-size: 1em;
}

#mainContentText ul
{
	list-style-type: none;
	padding: 0;
	margin: 15px;
}

/*-------------footer-------------------*/
#footer {
	display: block;
	height: 20px;
	top: -1px;
	/*padding: 3px 3px;*/
	background-color: #0A0909;
	border-top: 1px solid #222021;
	margin: -1px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #cacaca;
}

#footerHome {
	position: relative;
	text-align:center;
	display: block;
	height: 20px;
	top: 0px;
	padding: 3px 3px;
	background-color: #0A0909;
	color: #0A0909;
	}
/*-------------footer rollovers-------------------*/	
#footer_nav {
        margin:0 auto;
        padding: 0px;
		padding-top:3px;
        height: 14px;
		width:400px;
        list-style: none;
        display: block;
		overflow: hidden;		
		 }
#footer_nav li {
        padding: 0;
        list-style: none;
        display: inline;
   		 }
#footer_nav a {
        float: left; /*removing the float will center footer in FF, but is "stacked", not spaced correctly.*/
        padding: 14px 0 0 0;
        overflow: hidden;
        height: 0px !important;
        height /**/:14px; /* IE5 hack */
    	}
		
#footer_nav a:hover {
        background-position: 0 -14px;
    	}
#footer_copywrite a:hover {
        background-position: 0 0px; /* copywrite is linked, but no shift*/
    	}
#footer_copywrite a {
        width: 173px;
        background: url(/resources/img/btm_hrd_logo.gif) top left no-repeat;
    	}
#footer_privacy a {
        width: 82px;
        background: url(/resources/img/btm_privacy.gif) top left no-repeat;
    	}
#footer_terms a {
        width: 114px;
        background: url(/resources/img/btm_terms.gif) top left no-repeat;
    	}	

/*----------------end footer rollovers----------------------------------*/

/* --------------------------------- homepage	specific formatting --------------------------*/ 

/*to remove all div borders*/
#container.noborder, #nav.noborder, #footer.noborder {
	border: none;
}
#homeContainer {
	margin: 0;
	text-align: left;  /*resetting text align left after IE center hack*/
	width: 100%;
	padding: 0;
	background-color: #0A0909;
	border-bottom: 1px solid #222021;
}	
#homeContent {
	position: relative;
	width:100%;
	background-image:url(../img/gradient_bg.jpg);
	background-repeat:repeat-x; 
	background-position: 50% -77px;
	margin: 0px auto;
	padding: 0px;
	}	
	

	
/* ------------------text styles ---------------------------------*/


#mainContent h1, #mainContentText h1  {
	font-size: 1.5em;
	padding: 0 0 5px 0;
	margin: 0;
}

p { 
	margin: 0 0 .9em 0;
	min-width: 400px;
}

h1  {
	display: inline;
	font-size: 1.5em;
	padding: 0 0 5px 0;
	margin: 0;
}
h1.map{
	display:block;
	width: 220px;
	padding: 0 0 0px 0;
	margin: 43px 0 0 30px;
	font-size: 1.5em;
	border:0px solid;
}
h2 { 
	margin: 0;
	padding: 0 0 0em 0;  /*if h2 title is used, add back bottom padding of .05em*/
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
}
#mainContent_map h2{
	display:block;
	position:relative;
	width:200px;
	padding: 0 0 0px 100px;
	margin: 20px 0 0 100px;
	font-size: 1.1em;
	font-weight:normal;
}
h3 { 
	margin: .75em 0 0 0;
	font-size: 1em;
	font-weight: bold;
}

#listBlock {
	margin: 15px 0 0 -15px;
	padding: 2px 0 5px 15px;
	background-color: #141213;
}

#listBlock ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#listBlock li	{ 
	background-image:url(/resources/img/list_plus.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
}

#recipeBlock {
	display: block;
	width: 600px;
	color: #cacaca;
	font-size: .9em;
	}
#recipeBlock td {
	background-color:#141213;
	width: 290px;
	padding: 5px 5px;
	margin: 5px;
	}
#recipeBlock blockquote {
	padding: 0;
	margin: 0 0 20px 15px;
	}

.bottleTable  {
	color: #cacaca;
	padding: 0px;
	font-size: .8em;
	}

#distribBlock td {
	background-color:#000;
	padding-left: 40px;
}

#pressContacts {
	position: absolute;
	top:130px;
	left:30px;
	margin: 0;
	padding: 0px;
	width: 150px;
	font-size: .8em;
	}

.bottleName {font-size: 1.2em;}
.bottleSize {font-size: .9em}

.imageFloatRight {float:right; padding:10px;}
.imageFloatLeft {float:left; padding:10px;}
	
/*-----------table formatting --------------------*/
	
td, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 125%;
	color: #cacaca;
	}
	
td ul  {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
td li  {
	list-style:outside;
	padding: 3px 0;
	background-image:url(/resources/img/list_plus.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1em;
}

/*td a:link, td a:hover, td a:visited  {
	background-color:#000000;
	border:none;
	}*/
	
/* These are standard sIFR styles... do not modify  does on the fly font replacement for the h1 page title tags*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 3.5em;
}

/*.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 11px;
}*/