/* CSS Document */

/*************************************** START OF BASIC STYLES ************************************/
html {
	height:100%;
}
 
body { 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
	line-height: 1.7;
	margin:0;
	padding:0;
	height:100%;
	background: #ffffff url(images/body_background.jpg) repeat-x;
}

img {
	behavior: url(images/iepngfix.htc);
}

p {
	margin: 0;
	padding: 0 0 17px 0;
}

p.no_bottom_margin {
	padding: 0 0 0 0;
}

h1 {
	text-align: left;
	font: 20px Arial, Helvetica, sans-serif;   
	color: #f56200;
	text-transform: uppercase; 
}

h2 {
	text-align: left;
	font: 14px Verdana, Arial, Helvetica, sans-serif;   
	color: #f56200;
	text-transform: uppercase; 
}

h3 {
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;   
	color: #4f4f4f;  /*#6f6f6f;*/
	text-transform: uppercase;
	font-weight: bold; 
	margin: 0;
	padding: 0 0 8px 0;
}

hr {
	border: 0;
	width: 98%;
	height: 1px;
	color: #e2e2e2;
	background-color: #e2e2e2;
}

table {
	border-width: 1px 0 0 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #4f4f4f; /*#6f6f6f;*/
	border-collapse: separate;
	margin: 0 0 17px 0;
}

table td {
	border-width: 0 1px 1px 0;
	padding: 3px 5px 3px 5px;
	border-style: solid;
	border-color: #4f4f4f; /*#6f6f6f;*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
}

table.form {
	border-width: 0 0 0 0;
	border-collapse: separate;
	margin: 0 0 17px 0;
}

table.form td {
	border-width: 0 0 0 0;
	padding: 3px 5px 3px 5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
}


table.email {
	border-width: 0;
	border-spacing: 0;
	border-collapse: separate;
	margin: 8px 0 0 0;
}

table.email td {
	border-width: 0;
	padding: 0 5px 0 0;
}

a:link, a:visited, a:active {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
	text-decoration: underline;
	text-transform: none;
}

a:hover {
	text-decoration: none;
}

a.jumplink, a.jumplink:link, a.jumplink:visited, a.jumplink:active {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
	/*font-weight: bold;*/
	line-height: 1.7;
	margin:0;
	padding:0;
	text-transform: none;
	text-decoration: none;
}

a.jumplink:hover {
	color: #f56200;
}

a.landlink {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
	font-weight: bold;
	line-height: 1.7;
	margin:0;
	padding:0;
	text-transform: none;
}

a.orange_link, a.orange_link:link, a.orange_link:visited, a.orange_link:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #f56300;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a.orange_link:hover {
	text-decoration:underline;
}

a.banana, a.banana:link, a.banana:visited, a.banana:active, a.banana:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
	line-height: 1.7;
	margin:0;
	padding:0;
	text-transform: none;
	text-decoration: none;
}

a.bu_sm, a.bu_sm:link, a.bu_sm:visited, a.bu_sm:active {
	display: block;
	width: 129px;
	height: 14px;
	padding: 17px 18px 19px 18px;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	color: #f56200;
	font-weight: bold;
	text-transform: uppercase;
	background: url(images/button_sm.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}

a.bu_sm:hover {
	color: red;
}

a.bu_lg, a.bu_lg:link, a.bu_lg:visited, a.bu_lg:active {
	display: block;
	width: 184px;
	height: 33px;
	padding: 13px 18px 9px 18px;
	margin: 0 0 0 14px;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #732800;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(images/button_lg.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}

a.bu_lg:hover {
	color: #1e5388;
}

#inner_heading {
	margin: 0;
	padding-bottom: 20px;
	color:#f56200;
	font: 20px Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/ 
	text-align: left;
}

a.pdf, a.pdf:link, a.pdf:visited, a.pdf:active {
	display: block;
	padding: 18px 18px 15px 18px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #f56200;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(images/pdf_button.jpg) no-repeat;
}

a.pdf:hover {
	color: #ff0000;
}

a.article, a.article:link, a.article:visited, a.article:active {
	display: block;
	padding: 12px 18px 12px 18px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #732800;
	background: url(images/article_bg.jpg) no-repeat;
	text-decoration: none;
}

a.article:hover {
	color: #d4672d;
}

.clr_right {
clear: right;
height: 0; 
font-size: 1px; 
line-height: 0px;
}

.clr_left {
clear: left;
height: 0; 
font-size: 1px; 
line-height: 0px;
}

.clr_both {
clear: both;
height: 0; 
font-size: 1px; 
line-height: 0px;
}

/*************************************** END OF BASIC STYLES ************************************/



/*************************************** START OF FORM STYLES ************************************/

form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	margin: 0;
	padding: 2px 2px 2px 2px;
	border: 1px solid gray;
	background-color: white;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4f4f4f; /*#6f6f6f;*/
}

.input_1 {
	width: 170px;
	/*height: 19px;*/
	font: 12px Arial, Helvetica, sans-serif; 
	color: #4f4f4f; /*#6f6f6f;*/ 
	margin: 0;
	padding: 2px 0 0 2px;
	border: 1px solid #4f4f4f; /*#6f6f6f;*/ 
	background-color: #ffffff; 	
}

/*.input_5 {
	width: 180px;
	height: 19px;
	font: 12px Arial, Helvetica, sans-serif; 
	color: #6f6f6f;
	margin: 0;
	padding: 2px 0 0 2px;
	border: 1px solid #6f6f6f;
	background-color: #ffffff; 	
}*/

input.submit {
	border: 0;
	margin: 0;
	padding: 0;
	width: 52px;
	height: 21px;
	/*background: url(images/submit.jpg) no-repeat;*/
}

input.add_to_cart {
	float: right;
	width: 220px; 
	height: 50px;
	border: 0; 
	background: none;
	behavior: url(images/iepngfix.htc);
}

input.add_to_cart2 {
	/*float: right;*/
	width: 257px; 
	height: 160px;
	border: 0; 
	background: none;
	behavior: url(images/iepngfix.htc);
}

input.add_to_cart_socks {
	float: right;
	width: 240px; 
	height: 50px;
	border: 0; 
	background: none;
	behavior: url(images/iepngfix.htc);
}

select {
	width: 80px;
	font: 12px Arial, Helvetica, sans-serif; 
	color: #4f4f4f; /*#6f6f6f;*/ 
	margin: 0;
	padding: 2px 0 0 2px;
	border: 1px solid #4f4f4f; /*#6f6f6f;*/ 
	background-color: #ffffff; 
}

/*************************************** END OF FORM STYLES ************************************/




/*************************************** START OF LAYOUT STYLES ***********************************/
#wrap {
	min-height:100%;
	position:relative;
}

* html #wrap {  /* IE min-height fix (for footer) */
	height:100%
}

#centerme {
	padding: 0 20px 0 20px;
}

#header {	
	/*width: 100%;*/
	height: 130px;
}

#inner-wrap {
	padding-bottom: 80px;
	width: 874px;
}

#INTERIOR_content_left { /*for pages with right column */
    float: left;	  
	width: 610px;
	min-height: 160px;	
	margin: 0;
	text-align: left;	
}

#INTERIOR_left_inner {
	width: 610px;
	padding: 0 10px 0 0; 
	background: url(images/column_divider.gif) repeat-y;
}

#INTERIOR_content_right { /*for pages with right column */
	float: right; 
	width:  251px;
	margin: 20px 0 0 0;
    text-align: left;
}

#INTERIOR_content_main { /*for pages with NO right column */
    /*float: left; */
	width: 874px; /*840px*/
	min-height: 160px;	
	margin: 0;
	padding: 0 0 0 0; 
	text-align: left;
}

#INTERIOR_content_products { /*for products page - content is narrower than other pages */
    /*float: left; */
	width: 874px; /*750px*/
	min-height: 60px;	
	margin: 0;
	padding: 0 0 0 0; 
	text-align: left;
}

#inner-wrap:after {
	content: " ";
	display: block;
	height: 1px;
	clear: both;
}

* html #inner-wrap { /* IE height fix */
	height:1px;
}

.right_floater { /*generic class used to float content to the right */
	float: right;
	width: 400px; /*this can be over-ridden with an inline style */
}

.left_floater { /*generic class used to float content to the left */
	float: left;
	width: 400px; /*this can be over-ridden with an inline style */
}

.clear_floater { /*use after a left_floater or right_floater div*/
	clear: both;
}
/*************************************** END OF LAYOUT STYLES ***********************************/



/*************************************** START OF INDEX LAYOUT STYLES **************************************/
#INDEX_inner-wrap {
	padding-bottom:50px;
	width: 874px; /*771px*/
}

#INDEX_inner-wrap:after {
	content:" ";
	display:block;
	height: 30px;
	clear:both;
}

* html #INDEX_inner-wrap { /* IE height fix */
	height:1px;
}

#INDEX_content_left {
	float: left;
	width: 270px;
	text-align: left;
}

#INDEX_content_center {
	float: left;
	width: 270px;
	margin: 0 0 0 30px; /*0 0 0 9px*/
	text-align: left;
}

#INDEX_content_right {
	float: right;
	width: 270px;
	text-align: left;
}
/*************************************** START OF INDEX LAYOUT STYLES **************************************/



/******************************************* START OF RIGHT COLUMN BOXES ***************************************/
.frame_top {
	padding: 0;
	margin: 0;
	display: block;
}

#frame_mid_home {
	padding: 5px 0 0 0; 
	min-height: 120px;
	display: block;
	background: url(images/home_column_frame_mid.png) repeat-y;
	behavior: url(images/iepngfix.htc);
}

#frame_mid {
	padding: 5px 0 0 0; 
	min-height: 120px;
	display: block;
	background: url(images/column_frame_mid.png) repeat-y;
	behavior: url(images/iepngfix.htc);
}

* html #frame_mid { /* IE min-height fix */
	height: 120px;
}

.frame_mid_inner {
	margin: 0;
	padding: 0 19px 0 19px; 
}

#frame_bottom {
	padding: 0;
	margin-top: 0px;
	height: 25px;
	display: block;
	background: url(images/column_frame_bottom.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}

.blue_heading {
	padding: 3px 6px 3px 6px; 
	margin: 0 13px 3px 13px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #f56200;
	font-weight: bold;
	background: #d0e7f1;
}

a.frame_bu, a.frame_bu:link, a.frame_bu:visited, a.frame_bu:active {
	display: block;
	padding: 13px 0 20px 0; /* top padding + bottom padding + font size = 45px */
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #732800;
	text-transform: uppercase;
	background: url(images/home_column_frame_button.png) no-repeat;
	behavior: url(images/iepngfix.htc);
	text-decoration: none;
}

a.frame_bu:hover {
	color: #d4672d;
}
/*************************************** END OF RIGHT COLUMN BOXES *****************************************/
 


/*************************************** START OF PRODUCT PAGE STYLES *****************************************/

#PRODUCTS_content_left {
	float: left;
	width: 275px;
	text-align: left;
	background: url(images/products/float_bg.jpg);
}

#PRODUCTS_content_center {
	float: left;
	width: 275px;
	margin: 0 0 0 9px;
	text-align: left;
	background: url(images/products/float_bg.jpg);
}

#PRODUCTS_content_right {
	float: right;
	width: 275px;
	text-align: left;
}

#PRODUCTS_inside {
	width: 260px;
	position: relative;
	top: -35px;
	margin: 0 0 0 8px;
}

a.product_header_link,
a.product_header_link:link,
a.product_header_link:visited,
a.product_header_link:active,
a.product_header_link:hover {
	text-align: left;
	font: 20px Arial, Helvetica, sans-serif;   
	color: #f56200;
	font-weight: bold;
	text-transform: uppercase; 
	text-decoration: none;
}

#product_top {
	width: 874px;
	height: 18px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(images/products/products_bg_top.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}

#product_mid {
	width: 874px;
	min-height: 100px;
	margin: 0;
	display: block;
	background: url(images/products/products_bg_mid.png);
	behavior: url(images/iepngfix.htc);
}

.product_img {
	float: left;
	margin: -12px 0 0 7px;
	padding: 0;
}

.product_img2 {
	float: left;
	margin: -10px 0 0 9px;
	padding: 0;
}

* html .product_img { /* IE6 fix */
	float: left;
	margin: -12px 0 0 4px;
	padding: 0;
}

* html .product_img2 { /* IE6 fix */
	float: left;
	margin: -10px 0 0 6px;
	padding: 0;
}

.product_info {
	float: left;
	width: 560px;
	margin: 0 0 0 16px;
}

#product_bottom {
	width: 874px;
	height: 20px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(images/products/products_bg_bottom.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}

/*************************************** END OF PRODUCT PAGE STYLES *****************************************/


/*************************************** START OF HEALTHCARE PAGE STYLES *****************************************/

#form_top {
	width: 400px;
	height: 17px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(images/healthcare/hcp_form_top.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}

#form_mid {
	width: 400px;
	min-height: 100px;
	margin: 0;
	display: block;
	background: url(images/healthcare/hcp_form_mid.png);
	behavior: url(images/iepngfix.htc);
}

#form_inside {
	padding: 0 10px 0 17px;
}

.form_img {
	float: left;
	margin: 0;
	padding: 0;
}

.form_info {
	float: left;
	width: 260px;
	margin: 0 0 0 10px;
}

#form_bottom {
	width: 400px;
	height: 17px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(images/healthcare/hcp_form_bottom.png) no-repeat;
	behavior: url(images/iepngfix.htc);
}


/*************************************** END OF HEALTHCARE PAGE STYLES *****************************************/


/******************************************** START OF ABOUT US STYLES *****************************************/
#about_bios {
	background: url(images/aboutus/bios_bg.gif) repeat-y;
}

#about_bios a {
	color: #f56200;
}

.bio_img {
	width:180px; 
	float:left;
}

.bio_copy {
	width:650px; 
	float:left;
}

.bio_copy_inside {
	padding: 0 0 0 10px;
}

.bio_hdr_img {
	padding: 0 0 20px 0;
}

hr.bio_hr {
	border: 0;
	width: 100%;
	height: 1px;
	line-height: 1px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	color: #e2e2e2;
	background-color: #e2e2e2;
}

#contact_spacer {
	padding: 0 0 0 12px;
}

#about_contact {
	width: 590px;
}
/******************************************** END OF ABOUT US STYLES *****************************************/


/******************************************** START OF REVIEWS STYLES *****************************************/
#reviews_left {
	width: 590px;
	padding: 0; 
}
.review_wrapper {
	width: 590px;
}
.review_ldqo {
	float: left;
	width: 25px;
	margin: 0 4px 0 0;
	background: url(images/reviews/ldqo.png) no-repeat;
}
.review_copy {
	float: left;
	width: 555px;
	padding: 4px 0 0 0;
}
.review_rdqo {
	width: 25px;
	position:relative;
	top: 9px;
	margin: -9px 0 0 0;
}
.review_name {
	width:590px;
	text-align: right;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #265481;
}
.review_title {
	width:590px;
	text-align: right;
	line-height: 1.2;
	font-size: 12px;
	text-transform: uppercase;
	color: #265481;
}
hr.review_hr {
	border: 0;
	width: 100%;
	height: 1px;
	line-height: 1px;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	color: #e2e2e2;
	background-color: #e2e2e2;
}

#review_content_right { /*for pages with right column */
	float: right; 
	width:  261px;
	margin: 20px 0 0 0;
    text-align: left;
}

.review_right_top_img {
	position:relative;
	top: -20px;
}

/******************************************** END OF REVIEWS STYLES *****************************************/


/******************************************** START OF INGREDIENTS *****************************************/
/*#ingredients_wrapper {
	text-align: left;
	text-transform: uppercase;
	padding: 25px 0 0 0;
}*/
.ingredients_column_1 {
	float: left;
	width: 270px;
}
.ingredients_column_2 {
	float: left;
	width: 240px;
}
.ingredients_column_3 {
	float: left;
	width: 230px;
}
.ingredients_divider {
	float: left;
	width: 65px;
	height: 780px;
	margin: 60px 0 0 0;
	background: url(images/ingredients/ingredients_divider.gif) repeat-y;
}
.ingredients_header {
	font-size: 18px;
	color: #f56200;
	font-weight: bold;
	line-height: 1;
	padding: 0 0 2px 0;
}
.ingredients_subheader {
	color: #f56200;
	line-height: 1;
	padding: 0 0 12px 0;
}
/******************************************** END OF INGREDIENTS *****************************************/


/******************************************** START OF FOOTER *****************************************/
#footer {
	position:absolute;
	bottom:0;
	height: 50px;
	width: 100%;
	text-align: center; 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6f6f6f; /*#949494;*/
	line-height: 2;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6f6f6f; /*#949494;*/
	text-decoration: none;
	text-transform: uppercase;
}

#footer a:hover {
	text-decoration: underline;
}
/******************************************** END OF FOOTER *****************************************/



/*THIS IS ONLY USED FOR THE LA TIMES ARTICLE LINK ON THE HOMEPAGE (03-25-09). IF THE LINK HAS BEEN REMOVED< KILL THIS */
a.latimes, a.latimes:link, a.latimes:visited, a.latimes:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #f56300;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}

a.latimes:hover {
	color: #4f4f4f;
}