/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

ul { padding-left: 0em; margin-left: 0em; list-style-type: none; }

ol { padding-left: 2em; margin-left: 0em;}


/*
dt { padding-left: 1em; margin-left: 0; padding-top: .5em; font-weight: bold; }

dd { padding-left: 2.5em; margin-left: 0; }

*/

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, ul, dl, fieldset, address { margin-bottom: 1em; }




/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 76%/1.6em arial,helvetica, verdana, geneva, sans-serif;
	color: #604617;
	text-align: center;
	padding-bottom: 45px;
	background: #939390 url('../img/page_top_bg.jpg') center top repeat-x;
	}
	


#header {	
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	height: 167px;
	background: #cfe3b3 url('../img/header_bg.jpg') 0 0 no-repeat;
	position: relative;
	}

	
	
/* Centered, 965px wide column */
#content_wrapper {
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fffde3 url('../img/callout_shadow.png') 0px 0px no-repeat;
	position: relative;
	}
	
#content {
	padding: 0 15px 0;
	}

	
#left_col {
	float:left;
	width: 611px;
	position: relative;
	top: -41px;
	background-color: transparent; /* transparent */
	}
	
	
#main_info {
	padding: 16px 45px 0 31px;
	}	
	
	
	
#collection_container {
	padding: 0px 0px 0 31px;
	}	
	
	
#collection_container img {
	float: left;
	margin: 0px;
	}	
	
	
	
	
	
	
#right_col {
	float:right;
	width: 303px;
	padding: 20px 0 45px 0;
	position: relative;
	background-color: transparent; /* transparent */
	}



#buy_now_wrapper {
	background-color: #e6fcc9;
	padding: 0;
	}

#buy_now_wrapper img {
	float: left;
	clear: both;
	background-color: transparent; /* transparent */
	}




#buy_now_inner {
	background: transparent url('../img/top_fade_extralife-trans.png') center top no-repeat;
	padding: 25px 15px 0px 45px;
	}

#buy_now_inner h4 {
	position: relative;
	}

#buy_now_inner ul {
	margin-bottom: 5px;
	}



	

#l_nav {
	background-image: url("../img/l_nav_bg.gif");
	background-repeat: no-repeat;
	height: 35px;
	margin-bottom: 19px;
	}
	



#l_nav p {
	font-size: .9em;
	padding-top: 12px;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent; /* transparent */
	}



#footer {
	position: relative;
	width: 965px;
	text-align: center;
	background-color: #6b9f62;
	/* transparent */
	background-repeat: no-repeat;
}

#footer p {
	color: #ffffff;
	background-color: transparent; /* transparent */
	line-height: 1em;
	padding: 12px 0;
	margin-bottom:0;
	}

	
	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #0033ff; text-decoration: none; border-bottom: 0px dotted #d11397;}
a:visited	{ color: #0033ff; text-decoration: none;  border-bottom: 0px dotted #d11397;}
a:hover		{ color: #90F; text-decoration: none;  border-bottom: 0px dotted #d11397;}

#l_nav a:link		{ color: #245024; text-decoration: none; border-bottom: 0px dotted #245024;}
#l_nav a:visited	{ color: #245024; text-decoration: none;  border-bottom: 0px dotted #d11397;}
#l_nav a:hover		{ color: #999966; text-decoration: none;  border-bottom: 0px dotted #d11397;}



a.footer:link		{ color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a.footer:visited	{ color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a.footer:hover		{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }


a.h1:link		{ color: #069; text-decoration: none; border-bottom: 0px dotted #BF0101; }
a.h1:visited	{ color: #069; text-decoration: none; border-bottom: 0px dotted #BF0101; }
a.h1:hover		{ color: #633; text-decoration: none; border-bottom: 0px dotted #BF0101; }



a img, :link img, :visited img { border: 0; }   

a { outline: none; }

	
	
	
/*  UN-ORDERED LIST STYLES 
=================================================== */


ul#glance {
	margin-left: 5px;
	padding: 0 15px 0 0px;
	list-style: none;
	padding-left: 0px;
	text-indent: 0px;
	margin-bottom: 95px;
	color: #604617;
	} 

ul#glance li {
	padding-left: 15px;
	background-image: url("../img/green_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0 7px 0;
	line-height: 1.3em;
	}

ul#glance li ul li {
	padding-left: 15px;
	background-image: url("../img/green_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin: 0 0 3px 0;
	line-height: 1em;
	}





ul#buy_now {
	margin-left: 3px;
	padding: 0 0 0 0px;
	list-style: none;
	padding-left: 0px;
	text-indent: 0px;
	} 

ul#buy_now li {
	padding-left: 8px;
	background-image: url("../img/brown_triangle_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0 0px 0;
	}



 




/* OTHER Collection Navigation Elements 
-------------------------------------------- */		

#other_nav_bar {margin-bottom: 30px;}


#other_nav_bar ul {margin: 0px auto; padding: 0; width: 303px; position: relative; background: transparent;}

#other_nav_bar ul li { height: 65px; margin: 0 0 7px 0; padding: 0; list-style: none; background: transparent;}
	
#other_nav_bar a { height: 65px; display: block; border: 0px;}	

#other_nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#other_nav_bar ul li#onb1 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") 0px -0px no-repeat; }
#other_nav_bar ul li#onb2 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -65px no-repeat; }

#onb1 a:hover {height: 65px; width: 303px; background: url("../img/other_nav.jpg") 0px -130px no-repeat;}
#onb2 a:hover {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -195px no-repeat;}


#other_nav_bar ul li#onpage1 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -325px no-repeat;}
#other_nav_bar ul li#onpage2 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -390px no-repeat;}





#infopage #main_info h3 {
	border-bottom: 2px solid #604617;
	padding-top: 20px;
	color: #330;
	font-size: 1.3em;
	}	
	
#infopage #main_info strong {
	color: #330;
	}	


#indexpage #main_info h3 {
	border-bottom: 0px solid #604617;
	padding-top: 0px;
	color: #28953d;
	font-size: 1.3em;
	line-height: 1.5em;
	}	


#faqpage #main_info h3 {
	border-bottom: 0px solid #604617;
	padding-top: 20px;
	color: #28953d;
	font-size: 1.3em;
	}	





/*  h(n) STYLES
====================================================*/


/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	position: absolute;
	top: 6px;
	left: 27px;
	width: 305px;
	height: 134px;
	background: transparent url('../img/extra_logo_h1_bg-trans.png') left top no-repeat;
	border-bottom: 0px; 
	}
	
h1 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}
	
/*  h2 STYLES   ***************************   */



h2	{
	text-indent: -9876px;
	position: absolute;
	top: 25px;
	left: 571px;
	width: 387px;
	height: 129px;
	background: transparent url('../img/extra_h2_bg-trans.png') left top no-repeat;
	border-bottom: 0px; 
	}
	
h2 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}





/*  h3 STYLES   ***************************   */







/*  Home Page   ***************************   */




#main_info h3#main_headline	{
	text-indent: -9876px;
	width: 525px;
	height: 68px;
	background: transparent url('../img/index_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#main_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}





#right_col h3#spring_coll	{
	text-indent: -9876px;
	width: 303px;
	height: 9px;
	background: transparent url('../img/h3_2009_spring_collection.png') left top no-repeat;
	border-bottom: 0px; 
	margin-bottom: 11px;
	line-height: 9px;
	}
	
#right_col h3#spring_coll a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}



#right_col h3#other_coll	{
	text-indent: -9876px;
	width: 303px;
	height: 9px;
	background: transparent url('../img/h3_2009_other_collection.png') left top no-repeat;
	border-bottom: 0px; 
	margin-bottom: 11px;
	line-height: 9px;
	}
	
#right_col h3#other_coll a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}


	
	
	







/*  h4 STYLES   ***************************   */

#right_col h4 {
	border-bottom: 0px solid #604617;
	padding-top: 0px;
	color: #28953d;
	font-size: 1.2em;
	line-height: 1.5em;	}

#right_col h4#at_a_glance	{
	text-indent: -9876px;
	width: 201px;
	height: 14px;
	background: transparent url('../img/extralife_at_a_glance.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#main_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}








#buy_now_inner h4 {
	font-size: 1.3em;
	margin-bottom: 3px;
	color: #714609;
	}





/*  MISCELLANEOUS STYLES
====================================================*/

hr { margin: 0px 0px 1em; height: 2px; color: #C06; border: none; } /* For Internet Explorer */
#content hr { margin: 0px 0px 1em; height: 2px; background-color: #C06; border: none;} /* For Gecko-based browsers */
#content hr { margin: 0px 0px 1em; height: 2px; background-color: #C06; border: 0px solid #C06; } /* For Opera and Gecko-based browsers */





/* self clearing rules */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
.clearfix{display:block}
/* End hide from IE-mac */



.push_1_5 {margin-bottom: 1.5em}

.push_2_0 {margin-bottom: 2em}

.small {font-size: .9em;}


#product_detail {
	padding: 2em 0 0 9px;
	margin-bottom: 4em;
	}

#vdrawer {
	padding-top: 18px;
	float: left;
	width: 215px;
	background-color: transparent;
	margin-right: 35px;
	}
	
#vdrawer p {
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	padding: 0 5px;
	}

#lettuce p {
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	}
	
	
	
#lettuce {
	float: left;
	width: 270px;
	background-color: transparent;
	}