/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF; position:relative; z-index:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:none;}
fieldset,
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:super;}
sub{vertical-align:sub;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

.no_text{
	font-size:1px;
}

/************************************* CONTAINER STYLES *******************************/

body {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.22;
	background-color:#000000;
	height:100%;
	margin:0 auto;
	color:#EEEEEE;
	text-align:center;
}

.clearfix {
  clear:both;
  content:" ";
  display:block;
  height:0;
  line-height:0;
  visibility: hidden;
  font-size:0px;
  overflow: hidden;
}
#wrapper{
	margin:0 auto;
	text-align:left;
	width:960px;
}
	
#container {
}

.content a{
	color: #999;
	text-decoration: underline;
	outline:0;
}
.content a:hover{
	color: #e5282e;
}



.full_column{
	width:100%;
}

.third_column{
	width:278px;
	display:inline;
	float:left;
}

.shortened_third_column{
	width:273px;
	display:inline;
	float:left;
}

.two_third_column{
	width:610px;
	display:inline;
	float:left;
}

.large_two_third_column{
	width:686px;
	display:inline;
	float:left;
}


.left_aligned{
	display:inline;
	float:left;
}

.one_sixth_column{
	width:185px;
	display:inline;
	float:left;
}

.three_fouth_column{
	width:480px;
	display:inline;
	float:left;
}

.full_width{
	width:100%;
	display:block;
	_height:1px;
}



/*************************************<END> CONTAINER STYLES **************************************************/

.landing_banner{
	height:63px;
}

.landing_banner h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding: 28px 0 0 15px;
}

.main_content{
	background:url(../images/products/products_back.gif) no-repeat;
	height:100%;
}

.mask{
	background-color:#000;
	display:none;
	left:0;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	width: 100%; /* stupid IE */
	position:absolute;
	top:0;
	z-index:400;
} 

.yui-panel span.container-close {
	background:transparent url(../images/btn-close.gif) no-repeat scroll 0 3px;
	border:0 none #FFFFFF;
	color:#555555;
	cursor:pointer;
	float:left;
	height:21px;
	text-decoration:none;
	width:22px;
	z-index:400;
}

.gray_close{
	position:relative;
	top:20px;
	left:360px;
	z-index:300px;
}

.purple_close{
	position:relative;
	top:20px;
	left:68px;
	z-index:300px;
}

/**********************************************<BEGIN> GORE HEADER **************************************************************
		DEFINES THE STYLES FOR THE GLOBAL GORE.COM HEADER ON TOP OF THE PAGES
*/

#gore_nav{
	background-color:#FFFFFF;	
	height:30px;
	text-align: center;
}
#gore_nav .wrapper{
	margin:0 auto;
	width:960px;
	text-align: left;
}


#gore_nav .map{
	margin-top:5px;
	margin-bottom:5px;
	display:inline;
	float:left;
}

#gore_nav .left_content{
	float:left;
	margin-left: 8px;
}

#gore_nav .right_content{
	float:right;
}

#gore_nav .left_content form{
	display:inline;
}

#gore_nav select{
	width:180px;	
	display:inline;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	font-size:11px;	
}

#gore_nav ul{
	display:inline;
	float:left;
	margin-top:6px;
}

#gore_nav ul li{
	display:inline;
}

#gore_nav ul li a{
	color:#999999;
	margin-right:8px;
	font-size:11px;
	display:inline;
	text-decoration:none;
}

#gore_nav ul li a:hover{
	color:#E5282E;
}

#gore_nav .gore_logo{
	float:left;
	display:inline;
	margin-top:4px;
}

/**********************************************<END> GORE HEADER ***************************************************************/

.no_text{
	font-size:1px;
}

.main_content{
	background:url(../images/products/products_back.gif) no-repeat;
	height:100%;
}

.mask{
	background-color:#000;
	display:none;
	left:0;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	width: 100%; /* stupid IE */
	position:absolute;
	top:0;
	z-index:400;
} 

.yui-panel span.container-close {
	background:transparent url(../images/btn-close.gif) no-repeat scroll 0 3px;
	border:0 none #FFFFFF;
	color:#555555;
	cursor:pointer;
	float:left;
	height:21px;
	text-decoration:none;
	width:22px;
	z-index:400;
}

.gray_close{
	position:relative;
	top:20px;
	left:360px;
	z-index:300px;
}

.purple_close{
	position:relative;
	top:20px;
	left:68px;
	z-index:300px;
}

/***************************************************** <BEGIN> ELIXIR HEADER *****************************************************/
/* 				DEFINES THE STYLES FOR THE TOP NAV OF THE ELIXIR SITE PAGES WITH THE LOGO */

#elixir_logo{
	display:inline;
	float:left;	
	font-size:1px;
}

#main_nav{
	display:inline;
	background:url(../images/header/menu_back.jpg);
	width:693px;
	height:130px;
	float:left;
}

#top_nav ul{
	padding-top:4px;
	display:inline;
	float:left;
}

#top_nav ul li{
	display:inline;
	font-size:10px;	
	padding-right:15px;
}

#top_nav ul li{
	display:inline;
	font-size:10px;	
}

#top_nav ul li a{
	color:#aaaaaa;
	text-decoration:none;
	text-transform:uppercase;
	outline:0;
}

#top_nav ul li a:hover{
	color: #e5282e;
}

#navs_container{
	margin-left:100px;
	margin-top:25px;
}

#lower_nav{
	position: relative;
	top: 30px;
	height:40px;
}

#lower_nav ul{
}

#lower_nav ul li{
	display:inline;
}

#lower_nav ul li a{
	display: block;
	outline:0;
	float: left;
	margin-right:40px;
	color:#FFFFFF;
	padding: 10px 0;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	font-size:13px;
}

#lower_nav ul li a:hover{
	color: #e5282e;
}

.elixir_text_box{
	background:url(../images/textbox.png) top right no-repeat;
	width:189px;
	height:25px;
	border:none;
	margin:0 5px 0 0;
	padding:5px 6px 0 6px;
	overflow:hidden;
}

.search_form{
}

.elixir_search_btn{
	display:inline;
	float:right;
	margin:0 20px 0 0;
}

.search_txtbox{
	display:inline;
	float:right;
}

#elixir_logo{
	display:inline;
	float:left;	
	font-size:1px;
}

#elixir_logo a{
	outline:0;
}

#main_nav{
	display:inline;
	background:url(../images/header/menu_back.jpg);
	width:693px;
	height:130px;
	float:left;
}

/****************************************************<END> ELIXIR HEADER ************************************************/
 
/****************************************************<BEGIN> FOOOTER ****************************************************/

#footer{
	color:#505050;
	text-align:center;
	padding:30px 0;
	clear: both;
}

#footer a{
	color:#505050;
	text-decoration:none;	
	outline:0;
}
#footer a:hover{
	color:#E5282E;
	outline:0;
}

#footer ul{
	margin-top:30px;
}

#footer ul li{
	display:inline;
	padding-right:10px;
	background:url(../images/footer_separartor.gif) no-repeat 0px 2px;
	padding-left:10px;
}

#footer ul li.first{	
	padding-right:10px;
	background:none;
	padding-left:10px;
}

#footer strong{
	font-weight:bold;
}

/************************************************<END> FOOTER ***********************************************/


/*****************************************************<BEGIN> LEFT NAV ****************************************/

#left_nav{
	background:url(../images/products/nav_big_back.gif) no-repeat -2px 0px;		
}

/*
background:url(../images/products/nav_moreproducts_back.gif) no-repeat -2px 0px;
	background-position:bottom;		*/

#left_nav.shorter{
	background:0px 0px;
	_left:-1px;
}

#left_nav.shorter .left_nav_top{
	background-color:#323232;	
	background:url(../images/products/short_nav_back.gif) repeat-y ;
	position:relative;
	top:2px;
	_left:1px;
	
}

#left_nav.shorter #nav_more_products{
	background:url(../images/products/nav_moreproducts_back.gif) no-repeat -1px 0px;
	_background:url(../images/products/nav_moreproducts_back.gif) no-repeat;
	min-height:200px;
}


.shifted_right{
	margin-left:10px;
}

#left_nav ul{
	
	}
	
#left_nav ul li ul{
	background:#222222 no-repeat;
	width:269px;
		
}

#left_nav ul li.selected{
	background:url(../images/nav_sub_back.gif) #222222 no-repeat;
	width:269px;
	overflow:hidden;
}

#left_nav ul li ul li{
	display:block;
	background:url(../images/nav_sub_divider.gif) no-repeat;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:2px;
	
}

#left_nav ul li ul li.selected{
	display:block;
	background:none;
	background-color:#000000;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:2px;
	
}


#left_nav ul li ul li a{
	outline:0;
	display:block;
	background:url(../images/double_arrow_grey.gif) no-repeat 0px 2px;
	padding-left:20px;	
	color:#cccccc;
}

#left_nav ul li ul li.selected a{
	outline:0;
	display:block;
	background:url(../images/double_arrow_black.gif) no-repeat 0px 2px;
	padding-left:20px;	
	color:#FFFFFF;
	font-weight:bold;
	
}



#left_nav ul li{
	display:block;
	background:url(../images/products/separator.gif) no-repeat;	
	width:100%;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:2px;
	margin-left:1px;
	
}

#left_nav ul li.selected a{
	font-weight:bold;
	outline:0;
}

#left_nav ul li.selected ul li a{
outline:0;	
	
}


#left_nav ul li.listname{
	padding-top:10px;
	padding-bottom:8px;
	color:#888888;
	font-weight:bold;
	padding-left:17px;
}

#left_nav ul li.listname_thin{
	padding-top:8px;
	padding-bottom:5px;
	color:#888888;
	font-weight:bold;
	padding-left:17px;	
}


#left_nav ul li.empty{
	height:15px;
}

#left_nav ul li.top{
	background:none;
	
}

#left_nav ul li a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	margin-left:17px;
	outline:0;
}
#left_nav ul li a:hover{
	color: #e5282e;
	outline:0;
}
#left_nav #nav_more_products ul li{
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	border:none;
	background:none;
}

/************************************************ <END> LEFT NAV ***************************************/
/****************************************************<BEGIN> TEXT CONTENT ****************************************/
.text_content h1{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:22px;
	font-weight:bold;	
	margin-bottom:8px;
}

.text_content h2{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:22px;
	font-weight:bold;
	margin-bottom:8px;
}
.text_content h3{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;	
	margin-top:8px;
}

.text_content .hr {
  height: 3px;
  background: url(../images/gray_rule.gif) no-repeat scroll;
}

.text_content .hr hr {
  display: none;
}

.text_content .centered{
	display: block;
	text-align:center;
	margin:0 auto;
	width:100%;
	
}

.text_content .right-floated {
	float:right;
	margin:10 12px 12px 15px;
}

.text_content .left-floated {
	float:left;
	margin:10px 12px 12px 15px;
}

.text_content img{
	border:1px #000000 solid;
	margin:10px;
}

.text_content img{
	border:1px #000000 solid;
	margin:10px;
}


.text_content p{
	padding-top:10px;	
	font-size:12px;
}

.text_content ul li{
	font-size:12px;
	background:url(../images/products/list_bullet.gif) no-repeat 0px 5px;
	padding-left:10px;
	margin-top:10px;	
}


.text_content ol{
	margin-left:10px;
}
.text_content ol li{
	font-size:12px;
	background:none;
	margin-left:10px;
	margin-top:10px;
	list-style-type:decimal;
}

/***********************************************************<END> TEXT CONTENT ***********************************/


.red_button{
	background:url(../images/where_to_buy/button.gif) no-repeat;
	height:25px;
	font-weight:bold;
	text-align:center;
	width:95px;
	color:#FFFFFF;
	float:right;
}


.text_content img.no_border,
.no_border{
	border:none;
}

.content ul li ul{
	margin-left:10px;
}