html{
	overflow: auto;
	}

body{
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0;
	background: url(../images/alkalineBGmain.gif) repeat-x #daf0f6;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	height: 100%;
	width: 100%;
	position: absolute;
	font-size: 12px;
	}
	
a img{
	border: 0px none;
	}
	
a:link, a:visited{
	color: #666;
	}
	
a:hover{
	color: #98dbe9;
	}
	
p{
	line-height: 17px;
	}
	
h1{	
	font-size: 22px;
	}
	
#head{
	text-align: right;
	width: 955px;
	margin: 0px auto;
	padding: 10px 0 5px 0;
	min-height: 25px;
	color: #fff;
	}		
	
#container{
	margin: 0px auto;
	width: 955px;
	padding: 0px;
	clear: both;
	}

#content{
	background: url(../images/shopContainerBG.gif) repeat-y #fff;
	border-right: 10px solid #fff;
	}
	
#leftCol, #rightCol{
	float: left;
	}
	
#leftCol, #logo{
	width: 340px;
	}
	
#leftCol{
	/*border-right: 10px solid #fff;*/
	}
	
	#logo{
		border-bottom: 10px solid #fff;
		border-top: 10px solid #fff;
		border-left: 10px solid #fff;
		}
	
#rightCol{
	width: 585px;
	padding-left: 20px;
	border-top: 10px solid #fff;
	min-height: 660px;
	}
		
	#logo	{
		margin-bottom: 10px;
		}
		
	#navMain, #navSub{
		float: left;
		display: block;
		min-height: 100%;
		}
		
	#navMain{
		padding: 0px 0 0 10px;
		margin: 0px;
		width: 170px;
		}
		
		#navMain ul{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		text-transform: uppercase;
		line-height: 16px;
		}	
				
		#navMain li, #subMain li{
			list-style-type: none;
			}
			
		#subMain{
			margin: 0px;
			padding: 0px;
			}
			
		#navMain li a:link, #navMain li a:visited{
			color: #666;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;		
			padding: 6px 0 6px 10px;			
			display: block;
			width: 160px;
			}
		
		#navMain li a:hover{
			color: #fff;
			}
			
		#navMain li a.active{
			background-color: #b2e4ef;
			color: #666;
			}
			
		#subMain li a:link, #subMain li a:visited{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;		
			padding: 6px 0px;			
			display: block;
			width: 160px;
			text-transform: uppercase;
			}
		
		#subMain li a:hover,#subMain li a.active{
			color: #666;
			}
		
	#navSub{	
		padding: 0px;
		margin: 0 0 30px 10px;
		width: 150px;
		}
		
		#navSub .subNav{
			margin: 0px 0 10px 15px;
			padding: 0px;
			line-height: 16px;
			color: white
			}
			
		#navSub a:link,#navSub a:visited{
			text-decoration: none;
			color: #fff;
			font-weight: bold
			}
		
		#navSub a:hover, #navSub a.active{
			color: #666;
			}
			
		#navSub .subHead{
			line-height: 25px;
			font-weight: bold;
			font-size: 14px;
			}
						
	#contentImg{
		border-bottom: 10px solid #fff;
		}
		
	#contentMain{
		padding: 0px 10px 10px 10px;
		min-height: 400px;
		}
		
		.breadcrumbs{
			font-size: 11px;
			color: #666;
			}
			
			.breadcrumbs a:link, .breadcrumbs a:visited{
				text-decoration: none;
				color: #666;
				}
				
			.breadcrumbs a:hover{
				text-decoration: underline;
				color: #666;
				}
		
		.contImgL{
			float: left;
			border: 4px solid #fff;
			margin: 10px 10px 10px 0;
			}
			
		.contImgR{
			float: right;
			border: 4px solid #fff;
			margin: 10px 0 10px 10px;
			}
		
		table.productTable tr{
			vertical-align: top;
			}
			
		table.productTable td.productItem{	
				/*width: 130px;*/
			padding: 0 20px 0 0;
			}
		
		input.discountcodeInput, input.cartInputText, .item input, .item select, input, .item textarea, #cartBtn input, 
		.shortItem select, .dateItem select, .formItemSml select, .cat_listbox, .catProdAttributeItem select{
			border: 1px solid #cccs;
			background: #fff;
			margin: 1px 0 0 0;
			font-size: 11px
			}
			
			.inputImage{
				margin: 0 0 4px 0;
				cursor: pointer;
				}
				
			.addToCart img{
				cursor: pointer;
				}
			
			.cartInput input{
				width: 41px;
				}
				
			.shop-product-small h3{
				margin: 0 0 5px 0;
				}				
				
				.shop-product-small h3 a{
					font-size: 12px;
					}

			.footNote{
				font-size: 11px;
				}
			
			.details .cost, .details .instock, .details .quant{
					width: 285px;
					float: left;
					}
					
				.catProdAttributeTitle{
					font-weight: bold;
					margin-bottom: 10px;
					}
			#desc_right{
			float: right; width: 310px;
			}

			#desc_left{
			float: left;
			}
					
			#productDetails{
				float: left;
				}
					
			.cost{
				margin: 0 0 0px 0;
				font-size: 12px;
				}
				
			.price{
				margin: 0 0 10px 0;
				font-size: 12px;
				}
				
				.price p, .cost p{
					margin: 0px;
					font-weight: normal;
					}
					
					.cost p{
						font-size: 14px;
						}

				.quant{
					border-bottom:1px solid #CCCCCC;
					border-top:1px solid #CCCCCC;
					font-size:11px;
					margin:0 0 20px;
					padding:5px 0;
					}				

				.quantity,{
					font-size:11px;
					padding:10px;
					}
					
				.quantity p, .quant p{
					margin: 5px 0;
					font-size: 12px;
					}
					
					.quantity input, .quant input{
						width: 58px;
						border: 1px solid #666;
						background: #fff;
						margin: 3px 0 0 0;
						}
						
						.quantity p input, .quant p input{
							background:#FFFFFF none repeat scroll 0 0;
							border:1px solid #666666;
							font-size:11px;
							height:14px;
							margin:3px 5px 0 0;
							padding:2px 0 0;
							width:74px;
						}
						
				.instock p{
					font-size: 12px;
					}
					
		.description{
			padding: 10px 0px 0px 0px;
			margin:0 0 30px;
			}
		.interested{
			margin:0 0 30px;
			float: left;
			clear:both;
			}

		.shop-product-small{
			margin: 20px 0 0 0
		}
		.shop-main .header {
		line-height: 14px !important;
		}
		.shop-main .header {
		height:10px !important;
		line-height:27px;
		margin:0 0 18px;
		}
		.shop-catalogue {
		margin:0 0 20px;
		}
		#actions{
			width: 300px;
			text-align: right;
			display: block;
			}
				
		#actions a:link, #actions a:visited{
			display: block;
			padding: 5px;
			border: 1px solid #98dbe9;
			background: #dff4f8;
			float: left;
			margin: 0 10px 0 0;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			}
		
		label{
			color: #000;
			font-weight: bold;
			}
			
		#catCartDetails{
			
			}
			
		.catalogue{
			float: left;
			width: 158px;
			height: 170px;
			margin: 0 20px 20px 0;
			font-size: 11px;
			}
			
			.catalogue img{
				border:3px solid #ECECEC;
				height:120px;
				margin-bottom: 3px;
				}
			
			.catalogue h4{
				margin: 0px;
				}
				
			.catalogue p{
				margin: 3px 0;
				}				
				
				.catalogue a{
					text-decoration: underline;
					color: #666;
					font-size: 11px;
					}
					
				.catalogue a:hover img{
					border: 3px solid #98dbe9;
					}
					
			.catImg{
				float: left;
				margin: 0 0 20px 0;
				width: 156px;
				height: 112px;
				background: #666;
				}
					
			h2.catalogueHead{
				margin: 10px 0;
				}
				
			.mainCatalogueHead{
				width: 350px;
				background: #666;
				padding: 5px 10px;
				margin: 0 0 5px 10px;
				color: #fff;
				min-height: 20px;
				font-size: 13px; 
				float: left;
				}
					
			.catalogueHead{
				width: 555px;
				background: #666;
				padding: 5px 10px;
				margin: 0 0 2px 0;
				color: #fff;
				min-height: 20px;
				font-size: 13px; 
				float: left;
				}
				
				.mainCatalogueHead a:link, .mainCatalogueHead a:visited{
					color: #fff;
					font-size: 16px;
					font-weight: bold;
					text-decoration: none;
					}
				
			.catalogueDesc{
				width: 350px;
				margin: 0 0 0 10px;
				background: #ccc;
				padding: 5px 10px;
				float: left;
				}
				
			.image{
				float: left;
				margin: 0 10px 10px 0;
				width: 300px;
				}
		
#footer{
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
	clear: both;
	background-color: #646464;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
	padding: 11px 0;
	width: 935px;
	overflow: auto;
	margin: 0px auto;
	line-height: 16px;
	}
	
	#footer a:link, #footer a:visited{
		color: #fff;
		}
		
	#footer a:hover{
		text-decoration: none;
		}
		
/* *** Web app style *** */

.resHead{
	font-weight: bold;
	}
	
.resIntro{
	margin-bottom: 10px;
	}
	
/* *** Content styles *** */

.treatmentItem{
	width: 170px;
	height: 180px;
	overflow: visible;
	margin: 7px;
	float: left;
	}
	
	.treatmentItem img, .treatmentItemLG img{
		border: 2px solid #fff;
		}
		
.treatmentItemLG{
	width: 230px;
	height: 260px;
	overflow: visible;
	margin: 7px;
	float: left;
	}
	
		
	.imgRight{
		float: right;
		margin: 10px;
		border: 4px solid #fff;
		}
		
.faq-question{
	font-weight: bold;
	text-decoration: none;
	}
	
	.search-box{
		float: right;
		white-space: nowrap;
		margin: 0 0 0 10px;
		}
		
	.shoppingCart{
		float: right;
		margin: 2px 0 0 0;
		text-align: left;
		width: auto;
		right: 0;
		}
		
		.shop-main .shoppingCart{
			text-align: right;
			margin: 0 0 0 10px;
			}
			
			.search-box .cat_button{
				float: left;
				margin: 0 0 0 10px;
				border: 0px none;				
				}
		
	.cartLink{
		padding: 30px 0 0 30px;
		}
		
	
	#cartIcon{
			float: left;
			margin: 0 10px 0 0;
			}
		
	.search-box .cat_textbox_small{
		width: 100px;
		border: 1px solid #fff;
		padding: 2px;
		height: 13px;
		font-size: 10px;
		letter-spacing: 0.1em;
		float: left;
		margin: 1px 0 0 5px;
		}	
		

		#searchBox{
			padding: 6px;
			margin: 0px;
			border: 1px dashed #fff;
			}
		
		#searchBox li{
			list-style-type: none;
			}
			
			
	.adRotator{
		float: right;
		width: 160px;
		height: 215px;
		padding: 4px;
		}
			
	.adRotator_nav{
		margin: 10px 0px 20px 12px;
		float: left;
		width: 140px;
		height: 215px;
		}
		
	.adRotator h2{
		font-size: 14px;
		}
	.adRotator_nav h2{
		font-size: 14px;
		}
		
/* *** SHOPPING CART *** */

.summaryRow{
	clear: both;
	vertical-align: middle;
	float: left;
	margin: 5px 0 2px;
	padding: 15px 10px 0px 5px;
	width: 555px;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	}

.cartRow{
	font-size: 11px;
	float: left;
	margin:0 0 2px;
	padding: 5px 10px 0px 5px;
	width: 555px;
	}

.cartsubRow{
	background:#ececec none repeat scroll 0 0;
	float:left;
	font-size:11px;
	margin:0 0 2px;
	padding: 5px 10px 5px 5px;
	width: 555px;
	}
	
.cellProduct{
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
	}
	
.cellDescription{
	float: left;
	width: 130px;
	margin: 0 10px 0 0;
	}	
	
.cellPrice{
	float: left;
	width: 70px;
	margin: 0 10px 0 0;
	}
	
.catalogueHead{
	background:#666666 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin:0 0 2px;
	padding: 5px 10px 0px 5px;
	width: 555px;
}
	
.cellQuant{
	float: left;	
	width: 40px;
	margin: 0 10px 0 0;
	}
	
	.cellQuant input{
		border:1px solid #CCCCCC;
		font-size:11px;
		width:30px;
		margin:2px 0 0;
		}
	
.cellTax{
	display: none;
	float: left;
	width: 50px;
	margin: 0 10px 0 0;	
	}
	
.cellTot{
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
	}
	
.cellActions{
	float: right;
	font-size: 11px;
	}
	
.cellSub{
	float: left;
	width: 260px;
	text-align: left;
	margin: 0 40px 0 0;
	font-weight: bold;
	}
	
.cellUnits{
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	font-weight: bold;
	}
	
.cellGrandTotal{
	float: left;
	font-weight: bold;
	}
	
.cellExcept{
	float: left;
	width: 150px;
	padding: 0 10px 0 0px;
	text-align: left;
	}
	
.cellCode{
	float: left;
	width: 140px;
	margin: 0;
	}
	
	.cellCode input{
		border:1px solid #CCCCCC;
		font-size:11px;
		margin:0 0 0;
		width:100px;
		}
		
.cellButton{
	float: left;
	width: 125px;
	margin: 0 5px 0 0;
	}
		
	.cellButton input{
		margin: 0;
		border: none;
		}

.cellShip{
	float:left;
	padding:0 10px 0 0;
	text-align:left;
	width:150px;
	}		
		
	select.shippingDropDown{
	border:1px solid #CCCCCC;
	font-size:11px !important;
	margin:0;
	width:180px;
	}

		#shippingSpan{
			display: none;}
		
.cellShipping{
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
	}

.cellTotalTitle{
	float: left;
	width: 327px;
	margin: 0px 5px 0 10px;	
	padding: 0 87px 0 0;
	text-align: right;
	}
	
.cellInvoiceTotal{
	float: left;
	}

.cartCommands{
	float:left;
	margin:5px 5px 0 10px;
	padding:0 0 0 0;
	text-align:right;
	width:518px;
	}
	
/* **** SHOP FORM **** */

.formSection{
	clear: both;
	padding: 10px 0 0 0;
	}
	
	.formSection h3{
		color: #333;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;		
		}
	
.formSection .shortItem, .formSection .dateItem, .formSection .radioItem, .dropdownSection{
	width: 	260px;
	float: left;
	margin: 5px 20px 0 0;
	}
	
	.formSection .emailItem, .formSection .emailItem input{
		width: 	460px;
		clear: both;
		margin: 5px 20px 0 0;
		}

	.shortItem input, .shortItem select{
		width: 180px;
		}
		
	.dateItem select{
		width: 90px;
		}
		
	.radioItem input{
		margin: 5px 40px 0 0;
		}
		
.formItemSml{
	float: left;
	width: 80px;
	margin: 5px 20px 0 0;
	}
	
.formItemMed{
	float: left;
	width: 200px;
	margin: 5px 20px 0 0;
	}
	
	.formItemMed input{
		width: 200px;
		}
	
.formItemEmail{
	clear: both;
	width: 520px;
	padding: 10px 0;
	}
	
	.formItemEmail input{
		width: 520px;
		}
		
.searchHead{
	float: right;
	font-weight: bold;
	margin: 3px 0 0 10px;
	}
	.catProductAttributeGroup{
	margin-bottom: 15px;
	}