/* 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-color: #ffffff;
}

	#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}

	.cbr { clear: both; }
	
		#mainsection {
			width: 970px;
			min-height: 462px;
			position: relative;
			background-color:#ffffff
			overflow: hidden;
		}
		
			#content-wrapper {
				width: 698px;
				float: left;
			}
			
				#banner {
					position: relative;
					height: 182px;
					background: transparent url(../images/banner.jpg) no-repeat;
				}
			
					#logo {
						width: 319px;
						height: 73px;
						display: block;
						position: absolute;
						left: 136px; top: 18px;
					}
				
				#util {
					position: relative;
					height: 58px;
					width:970px;
					background: transparent url(../images/utility-bg.png) no-repeat;
				}
				
					#util-maillist {
						width: 250px;
						height: 41px;
						position: absolute;
						top: 8px; left: 360px;
						font-size: 11px; color: #0f3e2e;
						line-height: 13px;
					}	
					
						#sub-desc {
							width: 150px;
							display: none;
							position: absolute;
							top:5px; left: 0;
						}	
				
						#subbar{
							width: 221px;
							height: 23px;
							position: absolute;
							top: 0; left: 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; left: 0;
							color: #ffffff;
						}
						
							#radiolist .chk1 {
								margin: 0px 5px 0 0;
								padding: 0;
							}
							
							#radiolist .chk2 {
								margin: 0 5px 0 0;
								padding: 0;
							}
					
					#searchbar {
						width:207px;
						height:22px;
						position:absolute;
						right:65px;
						top:8px;
					}
					
						#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-sub-over.png);
						}	
					
				#content {
					width: 698px;
					position: relative;
				}
				
					#contentbody {
						padding: 25px 49px 17px 35px;
					}
					
					#cta-wrapper {
						float: left;
						width: 265px;
						position: relative;
					}
					
					   #shopSection {
					   		width: 259px;
							height: 118px;
							background: transparent url(/images/shopnow-bg.png) no-repeat;
							position:absolute;
							top: 14px; left: 0;
					   }
					   
					   #categorylist {
					   	    position: absolute;
							top: 49px; left: 10px;
							width: 233px;
							font-size:10px;
							color: #020202;
					   }
					   
					    #catbtn {
							position: absolute;
							bottom: 13px; right:14px;
							background: transparent url(../images/catbtn.png) no-repeat;
							width: 46px;
							padding-top:31px;
							height:0;
							overflow: hidden;
						}
						
						#catbtn:hover {
							background-image: url(../images/catbtn-over.png);
						}
					
						.emptyline {
							background-color: #36454d;
							padding-top: 5px;
							margin-left:-20px;
							margin-right:-10px;
						}
					
					#viewcartbtn {
						background: transparent url(../images/viewcart.png) no-repeat;
						width: 178px;
						padding-top: 46px;
						height: 0px;
						display: block;
						overflow: hidden;
						position: absolute; right: 13px; bottom: 15px;
					}
					
						#viewcartbtn:hover {
							background-image: url(../images/viewcart-over.png);
						}
				
					#account-btn {
						background: transparent url(../images/myaccount.png) top no-repeat;
						width: 178px;
						height: 0;
						padding-top:46px;
						overflow: hidden;
						position: absolute;
						top: 69px; right:13px;
					}
					
						#account-btn:hover {
							background-image: url(../images/myaccount-over.png);
						}
						
					#healthnotebtn {
						background: transparent url(../images/healthnote.png) top no-repeat;
						width: 258px;
						height: 0;
						padding-top:173px;
						overflow: hidden;
						position: absolute;
						top: 165px; left:0;
					}
					
						#healthnotebtn:hover {
							background-image: url(../images/healthnote-over.png);
						}					
					
					#logo1 {
						width: 84px;
						display: block;
						position:absolute;
						left: 0; top: 0; 
					}
					
					#logo2 {
						width: 82px;
						display: block;
						position:absolute;
						left: 80px; top: 12px; 
					}
					
					#logo3 {
						width: 75px;
						display: block;
						position:absolute;
						right: 1px; top: 2px; 
					}
				
				#logo-section {
					width: 253px;
					height: 72px;
					position: absolute;
					top: 365px; left: 0;
				}
					
		#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;	}
			
.featuredText td {
	font-size: 11px;
	color: #000000;
	line-height: 14px !important;
	padding: 0 5px 0 5px;
}	

.featuredProduct {
	font-weight: bold;
	margin-bottom: 5px;
	color: #0e7eb6;
	font-size:12px;
}
.featuredBold {
	font-weight: bold;
	color: #333333;
	margin-bottom:3px;

}
.featuredPrice {
	font-size:14px;
	font-weight: bold;
	color: #ff5a00;
	margin: 7px 0;
}

a.featuredLink {
	color: #0e7eb6;
	text-decoration: underline;
}	

a.featuredLink:hover {
	text-decoration: none;
}		

.tb-border {
	border-right: 1px solid #abd2e6;
}	

#price-section {
	/*width:291px;
	height:22px;
	background: transparent url(../images/canflag.png) top left no-repeat;
	position: absolute;
	top: 22px; right: 61px;*/
	width:175px;
	height:26px;
	background: transparent url(../images/freeship.png) top left no-repeat;
	position: absolute;
	top: 20px; right: 18px;
}

#ssl-certified {
	background: url("../assets/templates/custom1/images/visa-logos.gif") no-repeat scroll left top transparent; 
	display: block;
	height: 1px;
	left: 251px;
	overflow:hidden;
	padding-top: 34px;
	position: absolute;
	top: 18px;
	width: 303px;
}