/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);

.tablebg {
	background: #36454d url(../images/table-bg.png) top left repeat-x;
}

.left-shadow-repeat {
	vertical-align: top; 
	background: transparent url(../images/left-shadow-repeat.png) top right repeat-y;
}

.right-shadow-repeat {
	vertical-align: top; 
	background: transparent url(../images/right-shadow-repeat.png) 0 0 repeat-y;
}

.middle-shadow-repeat {
	background: #ffffff url(../images/middle-bg.png) top left repeat-y;
}

	#header {
		width: 970px;
		height: 60px;
		position: relative;
	}
	
		#mainnav {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 568px;
			height:46px;
		}
				
			#mainnav li {
				display:inline;
				padding:0; margin:0; 
			}
			
			#mainnav li a {
				background: url(../images/nav.png) no-repeat;
				overflow: hidden;
				padding: 46px 0 0 0;
				height: 0;
				display:block;
				float: left;
			}
			
			#mainnav li a:hover {
				background-image: url(../images/nav-over.png); 
			}
			
				#mainnav li.nav_home a { width:142px;}
				#mainnav li.nav_aboutus a { width:142px; background-position: -142px 0 }
				#mainnav li.nav_contactus a { width:143px; background-position: -284px 0}
				#mainnav li.nav_faq a { width:134px; background-position: -427px 0}
				
		#searchbar {
			width:207px;
			height:22px;
			position:absolute;
			right:2px;
			top:22px;
		}
		
			#searchtext {
				width:166px;
				height:15px;
				position:absolute;
				padding: 2px 4px 0px 4px;
				font-size: 11px;
				color: #36454d;
			}
			
			#searchbutton {
				background: transparent url(../images/go.png) no-repeat;
				width: 27px;
				height: 0;
				padding-top: 22px;
				overflow: hidden;
				position: absolute;
				right: 0; bottom: 0;	
			}
			
			#searchbutton:hover {
				background-image: url(../images/go-search-over.png);
			}	

	.cbr { clear: both; }
	
		#mainsection {
			width: 970px;
			min-height: 720px;
			position: relative;
			background-color:#ffffff
			overflow: hidden;
		}
		
			#content-wrapper {
				float:left;
				width: 751px;
			}
			
				#banner {
					position: relative;
					height: 182px;
					width:751px;
					background: transparent url(../images/banner.jpg) no-repeat;
				}
			
					#logo {
						width: 319px;
						height: 101px;
						display: block;
						position: absolute;
						left: 220px; top: 35px;
					}
				
				#util {
					position: relative;
					height: 58px;
					width:751px;
					background: transparent url(../images/utility-bg.png) no-repeat;
				}
				
					#util-maillist {
						width: 331px;
						height: 41px;
						position: absolute;
						top: 8px; right: 7px;
						font-size: 11px; color: #0f3e2e;
						line-height: 13px;
					}	
					
						#sub-desc {
							width: 110px;
							display: block;
							position: absolute;
							top:0; left: 0;
						}	
				
						#subbar{
							width: 221px;
							height: 23px;
							position: absolute;
							top: 0; right: 0;
						}
					
							#subtext {
								width:186px;
								height:17px;
								position:absolute;
								border: 0;
								background-color:#ffffff;
								font-size:11px;
								color: #36454d;
								padding: 2px 3px 0px 3px;
								margin-top: 1px;
							}
						
							#subscribebutton {
								background: transparent url(../images/go.png) no-repeat;
								width: 27px;
								padding-top:21px;
								height:0;
								overflow: hidden;
								position: absolute;
								right: 0; top: 0;
							}
							
								#subscribebutton:hover {
									background-image: url(../images/go-sub-over.png);
								}
						
						#radiolist{
							width: 221px;
							height: 18px;
							position: absolute;
							bottom: 0; right: 0;
							color: #ffffff;
						}
						
							#radiolist .chk1 {
								margin: 0px 5px 0 0;
								padding: 0;
							}
							
							#radiolist .chk2 {
								margin: 0 5px 0 0;
								padding: 0;
							}
					
				#content {
					width: 751px;
					position: relative;
				}
				
					#contentbody {
						margin-left: 243px;
						padding: 11px 2px 11px 20px;
					}
					
					#sidebar {
						width: 243px;
						float: left;
						background-color: #445761;
					}
				
						.emptyline {
							background: #36454d url(../images/cat-dividor.gif) 0 0 no-repeat; 
							padding-top: 5px;
							margin-left:-20px;
							margin-right:-10px;
						}
					
					#brandbox {
						border-top: 1px solid #5d6d76;
						background-color: #36454d;
						min-height: 37px;
						padding: 11px 0 0 18px;
					}
					
					#brandbox, #brandbox a {
						color: #FFFFFF;
						font-size: 11px;
						text-decoration: none;
					}
					
					#brandbox a:hover {
						text-decoration: underline;
					}
						
			#cta-outer-wrapper {
				float: right;
				width: 219px;
				background: transparent url(../images/cart-bg-repeat.png) top right repeat-y;
			}
			
				#cta-wrapper {
					background: transparent url(../images/cart-bg.png) top right no-repeat;
					padding-left: 10px;
					font-size: 10px; color: #3c4d56;
					position: relative;
					min-height: 263px;
				}
								
					#carttitle {
						background: #0e7eb6 url(../images/mycart-title.gif) top no-repeat;
						height: 38px;
						display: block;
					}
					
					#cartbody {
						width:183px;
						min-height: 225px;
						padding: 0 13px;
						position: relative;
						line-height: 12px;
					}
					
						#cartdetail {
							background-color: #bcdbeb;
							width:160px;
							padding: 12px 15px 0 7px;
						}
						
							.cartitem {
								margin-bottom: 7px;
								clear: both; 
								overflow: auto;
							}
						
							.itemqty {
								padding-top: 2px;
								float: left;						
							}
							
							.itemprice {
								padding-top: 4px;
								float: right;						
							}
							
						.carttotal {
							clear: both;
							padding: 0 0 0 7px;
							text-align: right;
							color: #000000;
						}
						
						#checkoutbtn {
							clear: both;
							background: transparent url(../images/checkout.png) no-repeat;
							width: 75px;
							padding-top: 29px;
							height: 0px;
							display: block;
							overflow: hidden;
							margin-top: 4px;
						}
										
							#checkoutbtn:hover {
								background-image: url(../images/checkout-over.png);
							}
					
				#cartbottom {
					background: #ffffff url(../images/cart-bottom-bg.png) 0 0 no-repeat;
					height: 297px;
					position: relative;
				}
					
					#viewcartbtn {
						background: transparent url(../images/viewcart.png) no-repeat;
						width: 178px;
						padding-top: 44px;
						height: 0px;
						display: block;
						overflow: hidden;
						position: absolute; left: 28px; top: 11px;
					}
					
						#viewcartbtn:hover {
							background-image: url(../images/viewcart-over.png);
						}
				
					#account-btn {
						background: transparent url(../images/myaccount.png) top no-repeat;
						width: 176px;
						height: 0;
						padding-top:43px;
						overflow: hidden;
						position: absolute;
						bottom: 176px; left:28px;
					}
					
						#account-btn:hover {
							background-image: url(../images/myaccount-over.png);
						}
						
					#health-btn {
						background: transparent url(../images/healthnote.png) top no-repeat;
						width: 180px;
						height: 0;
						padding-top:160px;
						overflow: hidden;
						position: absolute;
						bottom: 7px; left:24px;
					}
					
						#health-btn:hover {
							background-image: url(../images/healthnote-over.png);
						}
				
				#logo-section {
					background-color: #ffffff;
					padding: 10px 0 25px 22px;
				}
				
				#price-section {
					width:163px;
					height:29px;
					background: transparent url(../images/canflag.png) top left no-repeat;
					position: absolute;
					top: 20px; right: 223px;
					display:none;
				}
				
				#freeship-section {
					width:175px;
					height:26px;
					background: transparent url(../images/freeship.png) top left no-repeat;
					position: absolute;
					top: 20px; right: 221px;
				}
					
		#footer {
			background: #0e7eb6 url(../images/footer-bg.png) no-repeat;
			width:932px;
			height: 71px;
			position: relative;
			padding: 21px 24px 0px 14px;
		}
			#site-info { float: left; }
			#site-links { float: right;	}	
			
		#ssl-certified {
			position:absolute;
			left:251px;
			top:18px;
			width:303px;
			height:1px;
			padding-top:34px;
			display:block;
			overflow:hidden;
			background: transparent url(../images/visa-logos.gif) top left no-repeat;			
		}				
		
		#mcfeediv {
			position: absolute;
			top: 0; left: 133px;
			width: 94px;
			height: 54px;
		}