/* 
 ----------------------------------------------------------------------------
 CSS Document - bbh-layout.css
 ---------------------------------------------------------------------------- 
*/

/* style reset
 * ------------------------------------------------------------------------- */
/* remove list styles */
ul,ol { list-style:none;}
/* heading, fonts and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td {font-size:1em;}
/* Remove inconsistent default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0;padding:0;}
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {border:none;}

/* general styles
 * ------------------------------------------------------------------------- */
body {background: #fff url(../images/layout/header_bg.jpg) top left repeat-x;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center;color:#6e6e6e;}
a {color: #198dc0;outline:none;}
h1,h2,h3,h4,h5,h6 { color: #000000; font-weight: bold; font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;}
textarea, input, table {font-family: Arial, Helvetica, sans-serif;}
.retail{color: #666;text-decoration:line-through;}
.grnbold { color: #ff9f07; font-weight: bold; }
.red { color: #f00; font-weight: bold; }
.bluebold { color: #ff9f07; font-weight: bold; }
.imgfloatright{float:right; margin:5px 0px 5px 20px;}
.imgleft { float:left; margin: 5px 20px 5px 0px; }
.imgright { margin: 5px 0px 5px 20px; clear: both; }
.imgleft { margin: 3px 20px 5px 0px; clear: both; }
.btn_learn { background: url(../images/home/btn_learnmore.gif) no-repeat; display: block; height: 18px; width: 91px; }
	.btn_learn span { display: none; }
.btn_learnb { background: url(../images/home/btn_learnmoreb.gif) no-repeat; display: block; height: 18px; width: 91px; }
	.btn_learnb span { display: none; }




/* layout
 * ------------------------------------------------------------------------- */
#container {margin:0 auto;padding:0px;width:950px;}
#container:after, #content_area:after, #lc:after, #rc:after { content: "."; display: block; height:0;clear:both;visibility:hidden;}

	
	/* top area */
		#header {width:950px;height:84px;}
			#logo { width:320px;height:84px;float:left; background:url(../images/layout/bbh_logo.jpg) no-repeat;}
				#logo a {display: block;width:320px;height:84px;}
				#logo a: hover {background:none;}
				#logo span {display:none;}
			#top_nav { width: 241px; height: 169px; text-align: right; float: left; font-size: 11px; color: #737986; }
				#top_nav p { padding: 32px 0px 0px 0px; }
				#top_nav a { color: #737986; text-decoration: none; }
				#top_nav a:hover { color: #ee0c14; text-decoration: underline; }
		
		/* navigation bar */
		#navbar {width:650px;height:37px;float:left; position:relative;}
			#nav { background: url(../images/layout/navbar.jpg) no-repeat; width:650px;height:37px;margin:0px;}
				#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;}
				#nav li, #nav a { height:37px; display:block;}
				#nav span { display: none;}
				#nav_1 { width: 65px; left: 0px;}
				#nav_2 { width: 108px; left: 65px;}
				#nav_3 { width: 71px; left: 173px;}
				#nav_4 { width: 109px; left: 244px;}

				
				#nav_1 a:hover { background: transparent url(../images/navbar.jpg) -0px -37px no-repeat;}
				#nav_2 a:hover { background: transparent url(../images/navbar.jpg) -65px -37px no-repeat;}
				#nav_3 a:hover { background: transparent url(../images/navbar.jpg) -178px -37px no-repeat;}
				#nav_4 a:hover { background: transparent url(../images/navbar.jpg) -244px -37px no-repeat;}
				

/* Navbar */

#navbar { margin:0px auto;width:600px;padding:0px;}

	#nav { width: 600px; height:37px; background: url(../images/layout/navbar.jpg) no-repeat top left; }
	#nav li {position:relative;float:left;list-style:none; display:block;}
	#nav li, #nav a {height:37px; display:block; background:transparent;}
	#nav span { display:none;}

	#nav1 { width: 65px; }
	#nav2 { width: 108px; }
	#nav3 { width: 71px; }
	#nav4 { width: 109px; }

	#nav1:hover { background: url(../images/layout/navbar.jpg) 0px 37px; }
	#nav2:hover { background: url(../images/layout/navbar.jpg) -65px 37px; }
	#nav3:hover { background: url(../images/layout/navbar.jpg) -173px 37px; }
	#nav4:hover { background: url(../images/layout/navbar.jpg) -244px 37px; }

		
		
		
		/* cart info*/
		#cart_info {width:300px;height:37px;float:right;background: transparent url(../images/layout/nav_cart.jpg) no-repeat; position:relative;}

		/* content break*/
		#content_break {clear:both; margin:0 0 15px 0; background-color:red;}


		
		/* title area */
		#title_area { width: 697px; height: 97px; background: url(../images/hdr_bar.gif) no-repeat; color: #ffffff; }
			#title_wrap { padding: 17px 20px 0px 20px; }
				#title_area p { font-size: 12px; }
				#title_area h1 { font-size: 40px; color: #ffffff; font-weight: normal; letter-spacing: -1px; }
				
		/* title area */
		#subtitle_area { width: 697px; height: 170px; color: #ffffff; }
			#subtitle_wrap { padding: 90px 20px 0px 20px; }
				#subtitle_area p { font-size: 12px; }
				#subtitle_area h1 { font-size: 40px; color: #ffffff; font-weight: normal; letter-spacing: -1px; }

		/* content area */
		#main_content_area {line-height:22px;}
			#main_content_area .blurb_container { padding: 20px 20px 30px 20px; }
			.blurb_container p { margin: 0px 0px 20px 0px; }
			.quote { font-size: 20px; color: #9d9d9d; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 25px; letter-spacing: -1px; font-weight: normal; text-align: center;  }
		
			#main_content_area ul { margin: 10px 0px 10px 0px; line-height: 20px; }
				#main_content_area li { font-weight: bold; background: url(../images/bullet_red.gif) no-repeat 0px 6px; padding: 0px 0px 5px 17px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #333333; }
					#main_content_area ul ul { margin: 5px 0px 0px 0px; border: none; font-size: 11px; }
					#main_content_area li li { font-weight: normal; background: none; padding: 0px 0px 0px 5px ; border: none; line-height: 18px; }
						#main_content_area li li a { color: #999999; }
						#main_content_area li li a:hover { color:#ee0c14; }
						
		/* content area */
		#content_main {line-height:22px; font-size:14px;}
		#content_main p { margin: 0px 0px 20px 0px;}
		#content_main h1 { font-size:18px; color:#198dc0; margin:10px 0 10px 0;}
		#content_main h2 { font-size:16px; color:#9A44AA; margin:0 0 10px 0;}
			
			#content_main .order_button{background:url(../images/layout/btn_bg.jpg) left top repeat-x; cursor:pointer; color:#fff; height:24px; font-size:10px; font-weight:bold; padding:5px 12px; display: inline; border-bottom:1px solid #000; border-right:1px solid #000; margin:15px 0;}

			#content_main ul { margin: 0 0px 20px 0px; font-size: 14px; }
			#content_main li{list-style-type:square; margin:0 0 0 40px; }
			#main_content_area .blurb_container { padding: 20px 20px 30px 20px; }
			
			#content_main ul.productfeaturelist{ font-size: 12px; margin:10px 0 0 10px;}
			#content_main ul.productfeaturelist li{list-style-type:none; float:left; margin: 0 0px 0px 5px;} 
			#content_main ul.productfeaturelist li .retail{ font-size:10px;} 
			#content_main ul.productfeaturelist li .shop-product-small li.price strong{ font-size:10px; margin:0;} 
			
			.quote { font-size: 20px; color: #9d9d9d; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 25px; letter-spacing: -1px; font-weight: normal; text-align: center;  }
			#main_content_area ul { margin: 10px 0px 10px 0px; line-height: 20px; }
				#main_content_area li { font-weight: bold; background: url(../images/bullet_red.gif) no-repeat 0px 6px; padding: 0px 0px 5px 17px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #333333; }
					#main_content_area ul ul { margin: 5px 0px 0px 0px; border: none; font-size: 11px; }
					#main_content_area li li { font-weight: normal; background: none; padding: 0px 0px 0px 5px ; border: none; line-height: 18px; }
						#main_content_area li li a { color: #999999; }
						#main_content_area li li a:hover { color:#ee0c14; }						
						
			/* Contact Form */
			#contact_area { font-size: 11px; line-height: 18px; background-color: #212121; margin: 0px 0px 20px 0px; }
				#contact_area form { padding: 20px 195px 20px 0px; text-align: right; font-weight: bold; }
				.contact_field { vertical-align: text-top; height: 24px; width: 270px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; margin: 0px 0px 4px 5px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
				.contact_textarea { vertical-align: text-top; height: 150px; width: 270px; margin: 0px 0px 5px 5px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
				.btn_submitsub { margin: 0px 105px 0px 0px; font-size: 12px; background-color: #a91116; color: #ffffff; border-style: solid;  border-width: 1px; border-color: #a91116; }
				.btn_submitsub:hover { background-color: #ee0c14; }
				#contact_area p { margin: 10px 0px 10px 35px; padding: 0px 0px 0px 18px; }
					.bullet_address { background: url(../images/bullet_address.gif) no-repeat 0px 5px; }
					.bullet_phone { background: url(../images/bullet_phone.gif) no-repeat 2px 3px; }
					
	

					
	
	/* left column */
	#lc { width:225px; color: #dedede; float:left; text-align:left; border-right:#ccc dashed 1px;}
		#lc_categories{ width:200px; height:30px; background:#fff url(../images/layout/cat_general.gif) no-repeat;}
		#lc_categories span{display:none;}
		
		#lc_health{ width:200px; height:30px; background:#fff url(../images/layout/cat_health.gif) no-repeat;}
		#lc_health span{display:none;}
		
		#lc_sport{ width:200px; height:30px; background:#fff url(../images/layout/cat_sports.gif) no-repeat;}
		#lc_sport span{display:none;}

		
				
		/*newsletter subscription*/
		
		#special_offers {width:225px; height:180px; background:url(../images/layout/special-offers.jpg) no-repeat; position:relative;}
		#special_offers h3{display:none;}
		#special_offers #webform { margin:80px 10px 0 90px; position:absolute;}
		div#special_offers .newsletter-form .form .item #CLFullName {width:150px;}
		#quick_contact { margin: 107px 0px 0px 87px; }
		.special_offers_input { width: 125px; height: 16px; background: #fff; border: solid 1px #c00; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 0px; color:#666; font-size:10px;}
		#quick_contact textarea { width: 191px; height: 72px; background: #ffffff; border: solid 1px #145f76; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 0px; }
		#btn_subscribe { width: 75px; height: 17px; background: url(../images/layout/btn-subscribe.gif) no-repeat top left; border: none; padding: 0px; margin: 5px 0px 0px 52px; text-indent:-9999px; float:left; display:block;}
		#btn_subscribe:hover{background-position: 0 -17px;}
		
		/* left nav health purple */
		.menu-h{margin:0; padding:0; width:220px; list-style:none; margin: 0 0 20px 0;}
		.menu-h li{padding:0; margin:0 0 1px 0; height:22px; display:block; }
		.menu-h li a{text-align:left;height:22px; padding:0px 10px 0 20px; font:14px Tahoma, Arial, sans-serif; color:#666; display:block; background: url(../images/layout/verMenuImages-h.gif) 0px 0px no-repeat; text-decoration:none;}
		.menu-h li a:hover{background:url(../images/layout/verMenuImages-h.gif) 0px -22px no-repeat; color:#9A44AA; font-weight:bold;}
		.menu-h li a span{line-height:22px;}

		/* left nav sport blue */
		.menu-s{margin:0; padding:0; width:220px; list-style:none; margin:0 0 20px 0;}
		.menu-s li{padding:0; margin:0 0 1px 0; height:22px; display:block; }
		.menu-s li a{text-align:left;height:22px; padding:0px 10px 0 20px; font:14px Tahoma, Arial, sans-serif; color:#666; display:block; background: url(../images/layout/verMenuImages-s.gif) 0px 0px no-repeat; text-decoration:none;}
		.menu-s li a:hover{background:url(../images/layout/verMenuImages-s.gif) 0px -22px no-repeat; color:#2B74A6; font-weight:bold;}
		.menu-s li a span{line-height:22px;}

		/* left nav general green */
		.menu-g{margin:0; padding:0; width:220px; list-style:none; margin:0 0 20px 0;}
		.menu-g li{padding:0; margin:0 0 1px 0; height:22px; display:block; }
		.menu-g li a{text-align:left;height:22px; padding:0px 10px 0 20px; font:14px Tahoma, Arial, sans-serif; color:#666; display:block; background: url(../images/layout/verMenuImages-g.gif) 0px 0px no-repeat; text-decoration:none;}
		.menu-g li a:hover{background:url(../images/layout/verMenuImages-g.gif) 0px -22px no-repeat; color:#666; font-weight:bold;}
		.menu-g li a span{line-height:22px;}

	/* right column */
	#rc{ width: 724px; padding:0;float:right;color:#000;}
		#rc a {color:#198dc0;}
			#box_new_customers { float:left; width:251px;height:167px;float:left; background:url(../images/layout/box_new_customers.jpg) no-repeat;}
				#box_new_customers a {display: block;width:251px;height:167px;}
				#box_new_customers a: hover {background:none;}
				#box_new_customers span {display:none;}
				
			#box_mrm_catalog { clear:left; float:left; width:251px;height:167px;float:left; background:url(../images/layout/box_mrm_catalog.jpg) no-repeat;}
				#box_mrm_catalog a {display: block;width:251px;height:167px;}
				#box_mrm_catalog a: hover {background:none;}
				#box_mrm_catalog span {display:none;}				

					
		
		
		
		#rc .blurb_container { padding: 15px 23px 15px 23px; }
			#rc h3 { font-size: 17px; color: #000; }
			/* #rc ul { margin: 10px 0px 10px 0px; line-height: 20px; }
			#rc li { background: url(../images/bullet.gif) no-repeat 0px 6px; padding: 0px 0px 0px 17px; } */

#footer_container { background: url(../images/footer_bg.gif) top repeat-x; text-align: center; width: 100%; }
#footer_area { background: url(../images/footer_logo.jpg) top left no-repeat; margin: 0px auto 0px auto; width: 980px; text-align: right; font-size: 11px; color: #868686; padding: 15px 23px 30px 23px;  }
	#footer_area p { line-height: 18px; margin: 0px 0px 20px 0px; }
		#footer_area span { color: #c2c2c2; font-weight: bold; }
		#footer_area a { color: #868686; text-decoration: none; }
		#footer_area a:hover { color: #ee0c14; text-decoration: underline; }



	
.cart-summary h1{color:#2B74A6; font-size:18px; margin:15px 0 5px 0;}

#content_main #productDetails ul{
	margin:0 0 20px 0;
	}
#content_main #productDetails li{
	list-style-type:square;
	margin: 0 0 0 40px;
	font-weight:bold;
	}
#productDetails { padding:0 10px;}


/* NEW PRODUCTS
* ------------------------------------------------------------------------- */
#box_new_products { clear:left; float:left; width:251px;height:400px;float:left; background:url(../images/layout/box_new_products.jpg) no-repeat;}
				/*#box_new_products a {display: block;width:251px;height:314px;}
				#box_new_products a: hover {background:none;}*/
				#box_new_products span {display:none;}		
#box_new_products{position:relative;}

#nav_newproducts li { position:absolute;margin:0 0 0 0px;}
#nav_newproducts li, #nav_newproducts a { height:85px;display:block;}
#nav_newproducts span { display: none; }

#navnp-00, #navnp-01, #navnp-02, #navnp-03{ width:251px; left:0px; }
#navnp-00 { top: 45px;  }
#navnp-01 { top: 130px;  }
#navnp-02 { top: 215px; }
#navnp-03 { top: 300px;}

#navnp-00 a:hover { background: transparent url(../images/layout/box_new_products.jpg) -251px  -45px  no-repeat;}
#navnp-01 a:hover { background: transparent url(../images/layout/box_new_products.jpg) -251px  -130px  no-repeat;}
#navnp-02 a:hover { background: transparent url(../images/layout/box_new_products.jpg) -251px  -215px  no-repeat;}
#navnp-03 a:hover { background: transparent url(../images/layout/box_new_products.jpg) -251px  -300px  no-repeat;}


#search_top{padding:40px 0 0 0; float:right;}