@import url(../common/BaseStyles.css);

/* ====================== Page Formatting  ========================*/
a:active, a:link, a:visited {color: #000000;}
input, select, textarea {color: #000000;}

h1 {font-size: 16px;}
h2 {font-size: 13px;}
h3, h4, h5, h6, h7 {font-size: 11px;}

li {
	padding: 2px 0px 2px 0px;}
li a {
	text-decoration: none;
	padding: 2px 0px 2px 20px;}
.BreadCrumbsOutline {
	padding: 3px 25px 3px 12px;
	background: url(siteImages/breadcrumb_outline.gif) no-repeat right bottom;}
#BreadCrumbs, #BreadCrumbs a {
	font-size:9px;
	padding:3px 2px;
	color:#999999;}	
	


/* ====================== layout & columns ========================*/
#main {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: url(siteImages/mainBackground.gif) repeat-y;}

#contentContainer {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;}

.colHolder {
	border-top: 1px solid #cccccc;}
.col2 {
	border-top: 1px solid #cccccc;}
.col1 {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;}
.col0 {
	border-bottom: 1px solid #cccccc;
	width: 600px;
	clear:both;}
.col0 p {padding:12px;}
#ContentColumn {
	padding: 10px;}



#header {
	border-right: 1px solid #cccccc;}
#headerLogo {
	position:absolute;
	background-color:#FFFFFF;}
#headerImage {
	height: 100px;
	position:absolute;
	left:179;
	top:0px;
	width:600px;}
#headerBorder {
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 14px;
	background: url(siteImages/headerBorder.gif) repeat-x;}
	
#imgHome {
	height: 200px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;}



/* ====================== navMenu ========================*/
#navMenu {
	padding: 5px 0px 14px 10px;
	color: #000000;
	background: url(siteImages/nav_menu.gif);}
#navMenu li a:hover {
	text-decoration: underline;
	color: #000000;}
	

/* ====================== cart menu ========================*/
#cartMenu, #cartMenu h1, #cartMenu a, #cartMenu a li a:visited, #cartMenu li a:link, #cartMenu li a:active{
	color: #000000;}
#cartMenu li a:hover {
	text-decoration: underline;}


/* ====================== Product Detail Page ========================*/
#ProductInfoContainer h1 {
	color:#358955;}
	
#ProductInfoContainer .SitePrice, #ProductInfoContainer .SitePriceDiscounted {
	color:#008349;
	font-weight: bold;
	font-size: 14px;
	padding-bottom:5px;}

#ProductSKU {
	padding: 10px 0px;
	color: #000000;}

.RelatedItemsBlock h3 span {
	background-color:#ffffff;
	font-weight:normal;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;}
	
.ProductProperty {
	color: #008349;}


/* ====================== Home Page Blocks ========================*/	
.QuickPurchaseForm {
	background-color: #e3e4e5;
	border-bottom: 1px solid #cccccc;}
.QuickPurchaseTitle {
	background: url(siteImages/quick_purchase.jpg) no-repeat center top;}

.SearchBoxFormContent, .MailingListSignupFormContent {
	background-color:#ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;}	


/* ====================== Footer ========================*/	
#footer {
	background-color: #999b9e;
	border-right: 1px solid #cccccc;}

#footer li {border-left: 1px solid #ffffff;}
#footerResources {display: none;}	
	
	
/* -----------product grids-----------*/

.DetailProductDisplay a, .SingleProductDisplay a, .DetailProductDisplay a:visited, .SingleProductDisplay a:visited {
	color: #999999;}

.DetailProductDisplayName, .SingleProductDisplayName  {
	font: 10px Georgia, "Times New Roman", Times, serif; 
	padding-top:12px;}
.DetailProductDisplayPrice, .SingleProductDisplayPrice {
	position:absolute; 
	bottom:6px; 
	left:109px; 
	z-index:100;}
.SingleProductAddToCart {
	position:absolute;
	bottom:0px;
	right:0px;
	display: block;
	width: 100px;
	text-align:right;
	background: url(/Themes/VitaBath/Buttons/AddToCartExt.gif) no-repeat left top;}


/* ----------navigation highlighting-----------*/

.CategoryTopLink a, .CategoryTopLink a:visited, a.CategoryChildLink, a:visited.CategoryChildLink, a.CategoryChildCurrentLink , a:visited.CategoryChildCurrentLink {
	margin: 2px 5px 2px 23px;
	display: block;
	color:#000000;}
.CategoryTopLink, .CategoryTopCurrentLink {
	font-weight: bold; 
	display: block;
	background: url(siteImages/category_bg.gif) no-repeat center top;
	padding:10px 13px;
	margin-top:7px;}
.CategoryTopCurrent .CategoryTopCurrentLink {
	background: url(siteImages/category_current_bg.gif) no-repeat center top;}
.CategoryTopCurrent a.CategoryTopCurrentLink  {
	color:#000000;}
.CategoryChildCurrent {
	width: 168px;
	margin-left: 5px;
	background-color: #358955;}
.CategoryChildCurrent a:visited {
	margin-left: 18px;}
.CategoryChildCurrent a.CategoryChildCurrentLink, .CategoryChildCurrent a:visited.CategoryChildCurrentLink {
	color: #ffffff;}


.MailingListSignupForm h4, .MailingListSignupForm h4 span {display:none;}

/* ====================== Category Pages ========================*/
#categoryTitle h1 {
	color: #358955;}
#categoryProductHolder {position:relative; padding-bottom:40px;}
#categoryProductHolder #Description {color:#999999;}
#categoryProductHolder #Pager {position:absolute; bottom:34px; right:180px;}
#categoryProductHolder #Pager a {color:#999999; text-decoration:underline;}
#categoryProductHolder #Sorter {}
#categoryProductHolder #RecordsFound {position:absolute; left: 12px; bottom: 10px;}

/* ====================== Custom Pages ========================*/
.customLinks a:active, .customLinks a:link, .customLinks a:visited {text-decoration: underline;}
.customLinks a:hover {color: #999999;}