/********************EMBEDDED FONTS*********************/
/*******************************************************/

/* $WEFT -- Created by: Mike Stewart on 4/8/2010 -- */
  @font-face {
    font-family: Aller Light;
    font-style:  normal;
    font-weight: normal;
    src: url(/fonts/embed/ALLERLI0.eot);
  }
  @font-face {
    font-family: Aller;
    font-style:  oblique;
    font-weight: normal;
    src: url(/fonts/embed/ALLER3.eot);
  }
  @font-face {
    font-family: Aller;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/embed/ALLER2.eot);
  }
  @font-face {
    font-family: Aller;
    font-style:  normal;
    font-weight: 700;
    src: url(fonts/embed/ALLER1.eot);
  }
  @font-face {
    font-family: Aller;
    font-style:  oblique;
    font-weight: 700;
    src: url(fonts/embed/ALLER0.eot);
  }
  @font-face {
    font-family: Aller Display;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/embed/ALLERDI0.eot);
  }
  @font-face {
    font-family: Baskerville BT;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/embed/BASKERV0.eot);
  }
  @font-face {
    font-family: Baskerville;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/embed/BASKERV1.eot);
  }
  @font-face {
    font-family: Baskerville BT;
    font-style:  normal;
    font-weight: 700;
    src: url(fonts/embed/BASKERV4.eot);
  }
  @font-face {
    font-family: Baskerville BT;
    font-style:  oblique;
    font-weight: normal;
    src: url(fonts/embed/BASKERV3.eot);
  }
  @font-face {
    font-family: Baskerville BT;
    font-style:  oblique;
    font-weight: 700;
    src: url(fonts/embed/BASKERV2.eot);
  }

/*GLOBAL FORMATTING*************************************/
/*******************************************************/
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Arial, Times, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #fff;
	border-top: 10px solid #0d164d;
	margin: 0;
	padding: 0;
}

p {
	font-family: Arial, Times, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #353535;
	margin: 15px 0 10px 0;
	padding: 0;
}

p a:link, p a:visited {
	font-family: aller, Arial, Times, sans-serif;
	font-style:italic;
	color: #353535;
	text-decoration: none;
	background-color: transparent;
	border-color: #333333;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
	outline: 0;
}

p a:hover {
	font-family: aller, Arial, Times, sans-serif;
	color: #0d164d; 
	font-style:italic;
	text-decoration: none;
	background-color: transparent;
}

p.small {
	font-size: 11px;
	font-family: Arial, Times, sans-serif;
	color: #aaa;
	margin: 0;
	padding: 0;
}	

p.height {
	height: 30px;
}

a, a:link, a:visited {
	color: #0d164d;
	text-decoration: none;	
}

a:hover {
	color: #0d164d;
	text-decoration: none;
}

h1 {
	font-family: Aller, Arial, Times, sans-serif;
	font-size: 19px;
	letter-spacing:-1px; 
	line-height: 21px;
	font-weight: bold;
	color: #808080;
	margin: 0px 0 10px 0;
	padding: 0;
}

h2 {
	font-family: Aller, Arial, Times, sans-serif;
	font-size: 17px;
	letter-spacing:-1px; 
	line-height: 19px;
	font-weight: bold;
	color: #0d174e;
	margin: 0px 0 12px 0;
	padding: 0;
}

h3 {
	font-family: Arial, Times, sans-serif;
	font-size: 17px;
	letter-spacing:-1px; 
	font-weight: bold;
	color: #353535;
	margin: 25px 0 10px 0;
	padding: 0;
}

/* Old Styles

h1 	{font-size: 1.5em; 
	margin: 20px 0; 
	color:#085476;}

h2 	{font-size: 2em; 
	margin: 20px 0; 
	color:#be413f;}
*/


.disclaimer {clear: both; 
	display: block; 
	padding: 10px 10px 10px 10px; 
	text-align:center;
	font-size: 9px;
}

/*info / phone number*/
.nav_info_text {
	font-family: Arial, Times, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}

.nav_phone_text {
	font-family: Baskerville, Arial, Times, sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
}

/***** Right Nav Bar *****/

ul.nav_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 	

ul.nav_list li {
	font-family: Arial, Times, sans-serif;
	font-size: 14px;
	line-height: 2em;
	color: #353535;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px dotted #bbb;
}
	
ul.nav_list li a {
	font-family: Arial, Times, sans-serif;
	font-size: 14px;
	margin: 3px 0;
	padding: 0;
	color: #353535;
	text-decoration: none;
}


ul.basic_list {
	list-style-type: none;
	padding-left: 5;
	margin-left: 15;
}

ul.basic_list li { background: url(/images/arrow_right.png) left 2px no-repeat;
	padding-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 14px;
	color: #353535;
	vertical-align:middle;
}

.nav_basket {
	font-family: Arial, Times, sans-serif;
	font-size: 11px;
	font-weight:bold;
	font-style:italic;
	color: maroon;
	margin-left: 3px;
	padding: 0;
}

/********** Category Styles **********/

h2.category_b {
	font-family: Baskerville, Aller, Arial, Times, sans-serif;
	font-size: 18px;
	letter-spacing:-1px; 
	line-height: 20px;
	font-weight: bold;
	color: #0d174e;
	margin: 0px 0 12px 0;
	padding: 0;
}

h2.category_c {
	font-family: Baskerville, Aller, Arial, Times, sans-serif;
	font-size: 16px;
	letter-spacing:-1px; 
	line-height: 20px;
	font-weight: bold;
	color: #0d174e;
	margin: 0px 0 12px 0;
	padding: 0;
}

h2.category_d {
	font-family: Baskerville, Aller, Arial, Times, sans-serif;
	font-size: 14px;
	letter-spacing:-1px; 
	line-height: 16px;
	font-weight: bold;
	color: #0d174e;
	margin: 0px 0 12px 0;
	padding: 0;
}

/* Category Pic Links */
a:link img.category, a:visited img.category, img.category {
	border:2px solid #bfbfbf;
	margin: 0px 0px 12px 0px;
	outline: 0;
	}	

a:hover img.category  {
	border:2px solid #0d174e;
	outline:0;
	}

/* Category Header Links */
a:link h2.category, a:visited h2.category {
	color: #808080;
	text-decoration: none;
	}
	
a:hover h2.category {
	color: #0d174e;
	}

/* Category Paragraph */
p.category {
	font-family: Arial, Times, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #353535;
	margin: 0px 0px 12px 0px;
	padding: 0;
	}


/*** Category Paragraph Pic Links ***/
p.category a:link img, p.category a:visited img {
	/* border-style:none; */
	border:2px solid #bfbfbf;
	margin: 1px 1px 1px 1px;
	outline: 0;
	}

p.category a:hover img {
	border: 2px solid #0d174e;
	margin: 1px 1px 1px 1px;
	outline: 0;
	}

p.separator_dotted {
	border-top: 1px dotted #666;
	margin: 5px 0px 12px 0px;
}

p.separator_bold {
	border-top: 10px solid #0d174e;
	margin: 0px 0px 12px 0px;
}

p.separator {
	border-top: 1px solid transparent;
	margin: 5px 0px 12px 0px;
}

ul.category {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

ul.category li { background: url(/images/arrow_right.png) left center no-repeat;
	padding-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 35px;
	color: #353535;
	vertical-align:middle
}


/*** Search Information ***/

.search_field {
	color: #353535;
}


/*** Product Information ***/


.bread_crumbs {clear: both; 
	display: block; 
	padding: 11px 5px 10px 5px; 
	text-align:left;
	font-size: 10px;
}

.product_lt {
	background-image:url(graphics/css/product_lt.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 18px;
}

.product_rt {
	background-image:url(graphics/css/product_rt.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 18px;
}

.product_lb {
	background-image:url(graphics/css/product_lb.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 18px;
}

.product_rb {
	background-image:url(graphics/css/product_rb.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 18px;
}

.product_px {
	background-image:url(graphics/css/product_px.png);
	background-repeat:repeat-xy;
	margin: 0px;
	padding: 0px;
}


.product_discount {
	background-image:url(graphics/css/discount_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0px;
	padding: 0px;	
	width: 160px;
	height: 52px;
}

.product_discount_save {
	font: 15px normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	color: white;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}

.product_discount_pct {
	font: 18px normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	color: #8c183b;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


.product_quantity {
	background-image:url(graphics/css/add_basket_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0px;
	padding: 0px;	
	width: 150px;
	height: 130px;	
}
	
.product_quantity_add {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	margin: 0px;
	margin: 0px;
	padding: 0px;	
	height: 101px;
	text-align: center;
}

.product_quantity_count {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	margin: 0px;
	margin: 0px;
	padding: 0px;	
	height: 38px;
	text-align: center;
}

.product_text {
	font: 13px normal Verdana, Arial, Helvetica, sans-serif;
}

.product_text_highlight{
	font: 13px normal Verdana, Arial, Helvetica, sans-serif;
	color: red;
}

.product_details{
	border-top-style: dotted;
	border-width:1px;
	padding-top: 10px;
	padding-bottom: 10px;
}




/* CSS for supplement facts */

.sf_border {
	width: 100%;
	border-style:double;
	border-color:#000;
	padding:2px;
	border-spacing:10px;
	}

.sf_table {
	border-collapse: collapse; 
	}

.sf_h1 {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000;
	letter-spacing: -1px;
	}

.sf_ss {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	border-bottom: 5px solid #000;
	}

.sf_ss_bold {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 9px;
	border-top: 3px solid #000;
	}

.sf_h2 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	float: left;
	width: 60%;
	padding-bottom: 2px;
	border-bottom: 3px solid #000;
	}

.sf_h3 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	width: 20%;
	float: right;
	text-align: right;
	padding-bottom: 2px;
	border-bottom: 3px solid #000;
	}

.sf_c1 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	width: 60%;
	float: left;
	border-bottom: 1px solid #aaa;
	}

.sf_c2 {	
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	width: 20%;
	float: left;
	text-align: right;
	border-bottom: 1px solid #aaa;
	}

.sf_c3 {	
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	width: 20%;
	float: left;
	text-align: right;
	border-bottom: 1px solid #aaa;
	}



/* CSS for JQuery tab continers */

.container {width: 100%; margin: 5px auto;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;	
}
ul.tabs li a {
	text-decoration: none;
	color:#085476;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
	font-weight: bold;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1em;
}
.tab_content h3 {
	font-weight: normal;
	font-size: 1em;
	color:#085476;
}

.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}



/* sub category lists **********************************/
/*******************************************************/

.sub_lists {
	font-family: Arial, Times, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding-left: 15px;
	color: #353535;
	text-decoration: none;
	background-image: url(/images/arrow_right_gray.png);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: -.015em;
	width: 150px;
}




/*************** Left Navigation Menu ***************/

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:150px;
		background-color:#fff;
		border-width:0px 0px 1px;
		border-style:dotted;
		border-color:#999;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 40px 5px 15px;
		color:#000;
		font-family: Arial, Times, sans-serif;
	/*	font-family: Aller, Arial, Times, sans-serif; */
		font-size:13px;
		text-decoration:none;
	font-weight:bold;   
		border-width:1px 0px 0px;
		border-style:dotted;
		border-color:#999;
		/* letter-spacing:-1px; */
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#e0e0e0;
		color:#0d174e;
		font-weight:bold; 
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		/* background-color:#e0e0e0; */
		color:#0d174e;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		margin: 0px 0px 0px 0px;
		background-color:#fff;
		border-width:0px 0px 1px;
		border-style:dotted;
		border-color:#999;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 40px 5px 5px;
	/* 	font-weight:bold; */
		border-width:1px 0px 0px;
		border-style:dotted;
		border-color:#999;
/*		letter-spacing:-1px */
	}

	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		font-family: Arial, Times, sans-serif;
		border-top-width:1px;	
		border-style:dotted;
		border-color:#999;
		font-size: 12px;
		line-height: 13px;
		color:#000;
		padding:5px 5px 5px 5px;
	}



/*************** End Left Navigation Menu ***************/

/*************** Begin 960 Grid System ***************/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
/*	margin-left: 175px; */
    margin-left: auto;  
	margin-right: auto;
	width: 870px;   
/*	width: 840px;   */
    
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
	display:inline;
	float: left;
/*	display: inline;  */
/*	position: relative; */
	margin-left: 8px;
	margin-right: 8px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9 {
	position: relative;
}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_10 .grid_1 {
	width:66px;
}
    .container_10 .grid_2 {
	width:150px;
}
    .container_10 .grid_3 {
	width:234px;
}
    .container_10 .grid_4 {
	width:318px;
}
    .container_10 .grid_5 {
	width:402px;
}
    .container_10 .grid_6 {
	width:486px;
}
    .container_10 .grid_7 {
	width:570px;
}
    .container_10 .grid_8 {
	width:654px;
/*	overflow-x: hidden; */
}
    .container_10 .grid_9 {
	width:738px;
}
    .container_10 .grid_10 {
	width:822px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_10 .prefix_1 {
	padding-left:84px;
}
    .container_10 .prefix_2 {
	padding-left:168px;
}
    .container_10 .prefix_3 {
	padding-left:252px;
}
    .container_10 .prefix_4 {
	padding-left:336px;
}
    .container_10 .prefix_5 {
	padding-left:420px;
}
    .container_10 .prefix_6 {
	padding-left:504px;
}
    .container_10 .prefix_7 {
	padding-left:588px;
}
    .container_10 .prefix_8 {
	padding-left:672px;
}
    .container_10 .prefix_9 {
	padding-left:756px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_10 .suffix_1 {
	padding-right:84px;
}
    .container_10 .suffix_2 {
	padding-right:168px;
}
    .container_10 .suffix_3 {
	padding-right:252px;
}
    .container_10 .suffix_4 {
	padding-right:336px;
}
    .container_10 .suffix_5 {
	padding-right:420px;
}
    .container_10 .suffix_6 {
	padding-right:504px;
}
    .container_10 .suffix_7 {
	padding-right:588px;
}
    .container_10 .suffix_8 {
	padding-right:672px;
}
    .container_10 .suffix_9 {
	padding-right:756px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_10 .push_1 {
	left:84px;
}
    .container_10 .push_2 {
	left:168px;
}
    .container_10 .push_3 {
	left:252px;
}
    .container_10 .push_4 {
	left:336px;
}
    .container_10 .push_5 {
	left:420px;
}
    .container_10 .push_6 {
	left:504px;
}
    .container_10 .push_7 {
	left:588px;
}
    .container_10 .push_8 {
	left:672px;
}
    .container_10 .push_9 {
	left:756px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_10 .pull_1 {
	right:84px;
}
    .container_10 .pull_2 {
	right:168px;
}
    .container_10 .pull_3 {
	right:252px;
}
    .container_10 .pull_4 {
	right:336px;
}
    .container_10 .pull_5 {
	right:420px;
}
    .container_10 .pull_6 {
	right:504px;
}
    .container_10 .pull_7 {
	right:588px;
}
    .container_10 .pull_8 {
	right:672px;
}
    .container_10 .pull_9 {
	right:756px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/*************** End 960 Grid System ***************/
