@charset "utf-8";
/* CSS Document */
body { margin:0px; padding:0px; background:#edf1f4; color:#333333; font:normal 12px Arial,Tahoma,Helvetica; }

#main { width:800px; margin:0px auto; padding:0px 20px; background:url(../images/pagebg.gif) repeat-y center; }

#topbg { background:url(../images/topbg.jpg) no-repeat 220px top #8ba9cf; height:72px; padding-right:25px; }
#topbg div { float:right; margin-top:6px; }
#topbg .btnblack { margin-top:3px; width:175px; }

form { margin:0px; padding:0px; }
input, select, textarea { font:normal 11px Tahoma,Arial; padding:1px; }
.btnblue { border:1px solid #FFF; background:url(../images/btn-blue.gif) repeat-x center; font-weight:bold; color:#FFF; }
.btnblack { border:1px solid #FFF; background:url(../images/btn-black.gif) repeat-x center; font-weight:bold; color:#FFF; }
.storelocater {padding-top:1px;}

#topmenu { background:#e0e0e0; padding:4px; font:normal 10px Tahoma; }
#topmenu a { color:#333333; text-decoration:none; padding:0px 5px; }
#topmenu a:hover { color:#064781; text-decoration:none; }

.mainmenu { float:left; background:#556a85; height:25px; z-index:1000;}
.mainmenu div {  }
.mainmenu1 { width:153px; }
.mainmenu2 { width:154px; }
.mainmenu3 { width:147px; }
.mainmenu4 { width:138px; }
.mainmenu5 { width:63px; }
.mainmenu6 { width:145px; }

.homeflash {float:left; padding:0px 0px 2px 1px;}

.midbox { padding:5px 2px 5px 6px; }
.homebox { width:191px; float:left; padding:0px 3px; color:#05112b; }

.prodlinebox { padding:0px 7px 3px 7px; margin:0px; text-align:center; }
.prodlinebox .boxright div { padding:3px; }
.prodlinebox .boxright div span { padding:0px 5px; font-weight:bold; }
.prodlinebox .boxright div span a { font-weight:bold; color:#000000; text-decoration:none;}
.prodlinebox .boxright div span a:hover { text-decoration:underline; }

.boxtop { background:url(../images/boxline.gif) repeat-x top #FFF; height:11px; }
.boxleft { background:url(../images/boxline.gif) repeat-y left #FFF; padding-left:2px; }

#concern { background:url(../images/boxline.gif) repeat-y left #FFF; padding-left:2px; }
#concern a { color:#000000; text-decoration:none; display:block;}
#concern a:hover { text-decoration:underline;}

#category { background:url(../images/boxline.gif) repeat-y left #FFF; padding-left:2px; }
#category a { color:#000000; text-decoration:none; display:block;}
#category a:hover { text-decoration:underline;}


/* -------------New Section on Home --------------- */

.textualcontent { padding:5px 6px 3px 4px; margin:0px; text-align:left; }
.textualcontent .boxright div { padding:3px; }
.textualcontent .boxright div span { padding:0px 5px; font-weight:bold; }
.textualcontent .boxright div span a { font-weight:bold; color:#000000; text-decoration:none;}
.textualcontent .boxright div span a:hover { text-decoration:underline; }
.textualcontent p{ padding-left:25px; padding-right:25px;}

.boxtop { background:url(../images/boxline.gif) repeat-x top #FFF; height:11px; }
.boxleft { background:url(../images/boxline.gif) repeat-y left #FFF; padding-left:2px; }

/* ---------------------------- */


.boxright { background:url(../images/boxline.gif) repeat-y right #FFF; padding-right:2px; }
.boxbottom { background:url(../images/boxline.gif) repeat-x bottom #FFF; height:11px; clear:both; }
.boxpad { padding:10px 10px 4px 10px; }
.boxheight { height:130px; }

.yelbg { background:#f5f0d8; }
.whitebg { background:#FFF; }

.headtext { font:all-caps 160% Arial; color:#336699; }
.small { font-size:10px; }
.black { color:#000000 }
sup { font-size:8px; }

.lines { background:url(../images/lines.gif) repeat-x; clear:both; margin:0px 1px; }
.gline { background:url(../images/gline.gif) repeat-x center; font-size:5px; }

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.vm { vertical-align:middle; }
.width50 { width:49%; }
.width90 { width:80%; }

.homefootbox { border-right:1px solid #cccccc; float:left; padding:15px; text-align:center; }
.homefootbox div { height:75px; color:#05112b; }
.footbox1 { width:160px; font:bold 120% Arial; line-height:20px; }
.footbox2 { width:120px; }
.footbox3 { width:100px; }
.footbox4 { width:130px; }
.footbox5 { width:133px; border:0px none; }

#footer { background:#556a85; color:#FFF; text-align:center; padding:5px 15px; }
.footerline { background:url(../images/footerline.gif) repeat-x center; }
#footer a { color:#FFF; text-decoration:none; padding:0px 3px; }
#footer a:hover { color:#AFCAEF; }

.noborder { border:0px none; }


/********************************************************************
BELOW ARE FOR THE PRODUCT PAGES 
********************************************************************/

.headtext { font:normal 160% Arial; }

#prodinfo { width: 800px; }
#prodinfo h1 { color:#414A55; font-size: 19px; padding-left: 20px; padding-top:15px; }
#prodinfo h2 { color:#414A55; font-family: Times New Roman, Times, serif; font-size: 26px; font-weight: bold; }
.prodinfobox div { color:#333; }
.prodinfobox { float:left;  z-index:1;}

.titlerow {width:798px; height:45px; float:left; margin-bottom:12px; border-left:1px solid #999; border-right:1px solid #999;}

.prodlifestyleimg { width:272px; text-align: center; }

.prodimg { width:258px; text-align: center; z-index: 1;}
.rollover {width:470px; text-align:right; font-style:italic;}

.nutritionbox { width:310px; vertical-align:middle; }
.nutritionbox a { color:#526984; text-decoration:none; }
.nutritionbox a:hover { color:#000033; text-decoration:underline; }

.shopcart { width:216px; text-align: center; float:right; padding-right:40px;}
.spacer { padding: 3px; }
.spacer2 { padding: 7px; }
.prodline { background:url(../images/gline.gif) repeat-x clear:both; margin:0px 1px; }
.subnewsletter { float:left; padding:15px; text-align:center; }
.subnewsletter div { height:55px; color:#556A85; }
.newsletter { width:160px; font:bold 97% Arial; line-height:14px; }

.tabbar { background:url(../images/tabbar.gif) repeat-x; clear:left; margin:0px 1px; }

.producttitle { float:left; padding: 12px 25px 4px 25px; color:#5C6979; font-size: 18px; font-weight: 400; }

.productfootbox { float:left; padding: 2px 25px; text-align:left; }
.productfootbox div { color:#121221; font-weight:600; }
.productfootbox h1 { color:#374053; font-size: 14px; }
.productfootbox h6 { color:#4F5B6A; font-size: 18px; font-weight: 400; }
.prodbox1 { width:60px; }
.prodbox2 { width:620px; }
.prodbox3 { width:300px; }
.prodbox4 { width:230px; }


/********************************************************************
BELOW ARE FOR THE SUB TEXT PAGES 
********************************************************************/
.toprightlink {clear:both; text-align:right; padding-right:45px;}


.twocols blockquote {padding-left:0px;}
.twocols a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#556A85;}
.twocols h1 { color:#5C6979; font-size: 18px; font-weight: 400; }
.twocols h2 { color:#5C6979; font-size: 17px; font-weight: 600; }
.twocols h3 { color:#374053; font-size: 14px; font-weight: 400; font-variant:small-caps;}
.twocols h4 { color:#02263F; font-size: 13px; font-weight: 400; padding:15px 50px 10px 35px;}
.twocols p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.twocols img {  }

.leftcol {
	float: left;
	width: 500px;
	margin: 0 20px 15px 40px;
}
.rightcol {
	float: right;
	width: 150px;
	margin: 0 30px 15px 15px;
	font-size:9px;
	color:#003399;
	line-height:1.2;
	font-weight:normal;
}
.wholecol {
	float: left;
	width: 730px;
	margin: 0 20px 15px 25px;
}

ol ul {
	float: left;
	margin: 0 auto;
	width: 750px;
	line-height: 144%;
	font-size: 100%;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}

li {	line-height: 144%;
	font-size: 100%;
	list-style-type:disc;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;}

/* Colums to split the page in half:

.leftcol {
	float: left;
	width: 330px;
	margin: 0 20px 15px 40px;
}
.rightcol {
	float: right;
	width: 320px;
	margin: 0 30px 15px 15px;
}
 */

/********************************************************************
BELOW ARE FOR ORDERS PAGES 
********************************************************************/

.orderbox {
	border: 1px solid #BBCAD8
}

.box_heading {
	font-weight:bold;
	color:#000000;
	text-align: center;
	background: #BBCAD8;
	font-size: 12px;
	padding: 5px;
}
.account_menu_on {
	font-weight:bold;
	color:#000000;
	text-align: center;
	background: #ffffff;
	font-size: 12px;
	padding: 5px;
}

.account_menu_off {
	font-weight:bold;
	color:#000000;
	text-align: center;
	background: #BBCAD8;
	font-size: 12px;
	padding: 5px;
}

.account_menu_body {
	border:1px solid #BBCAD8; 
	padding: 5px;
}

/* BELOW ARE FIXES FOR BROWSER INCOMPATIBILITES */

/*styles which fix disply issues on various platforms from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */