@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------
CSS Content

	-> General Styles
	-> Header
	-> Side Navigation
	-> Main Content
	-> Small Product View
	-> Large Product View
	-> Shopping Cart
	-> Shipping and Billing Information
	-> Confirmation
	-> Footer
	
-------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------
General Styles    */

	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	a{
		color: #73B12E;
	}
	ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	img{
		border:0px none;
		}
	.siteContainer{
		background:#FFFFFF;
		width:950px;
		margin:0px auto 0;
	}
	.linkALike{
		text-decoration:underline;
		color: #73B12E;
	}	
	.redText,
	.warningMessage{
		color:#CC0000;
	}
	.warningMessage{
		font-weight:bold;
		text-align:center;
		padding:5px;
		margin:10px auto;
		border:1px solid #CCC;
		background:#f4f4f4;
		width:550px;
		
	}
	
	
	table{
		border-collapse:collapse;
	}
	


/*-------------------------------------------------------------------------------------
Header  */

	.mainLogo{
		float:left;
		margin:0 0 8px 0;
		padding:0;
		width:250px;
	}
	.mainLogo img{
		margin:10px 0 0 2px;
		height:30px;
		/*cursor:url(images/facebook.png), auto;*/
	}
	.socialHeader{
		text-align:right;
	}
	.socialMedia{
		width:100%;
		margin:0 0 8px 0;
	}
	.socialMedia li{
		float:right;
		margin:10px 3px 0 2px;
		cursor:pointer;
	}
	.freeShipping{
		text-align:right;
		padding:5px 0 0 0;
	}
	.searchContainer li, 
	.searchContainer div{
		float:left;
		padding:7px 7px 7px 6px;
		color:#FFF;
		font-size:12px;
		cursor:pointer;
	}
	.searchContainer a{
		color:#FFF;
		text-decoration:none;
	}
	.searchContainer a:hover{
		text-decoration:underline;
	}
	.searchContainer li.shoppingCart{
		width:90px;
	}
	.searchContainer{
		background:url('images/searchBackground.gif') repeat-x;
		padding:0px;
		height:29px;
		display:inline-block;
		margin:0;
	}
	.searchContainer img.left{
		margin:0 0 0 0;
		float:left;
	}
	.searchContainer img.right{
		float:left;
	}
	.personalForm{
		display:inline-block;
	}
	.personalForm li input,
	.personalForm li select,
	.productQty input,
	.totalingRow td.totalTitle select,
	.searchContainer input,
	.formField{
		background:url('images/inputBackground.jpg') no-repeat;
		border:1px solid #666;
	}
	.erroneousField{
		border:1px solid #C00 !important;
	}
	.searchContainer input{
		width:589px;
		float:left;
		margin:5px 0 0 0;
		display:block;
	}
	.searchContainer div.findButton{
		display:inline-block;
		font-weight:bold;
		color:#FFF;
		float:left;
		font-size:13px;
		padding:1px 4px;
		height:16px;
		margin:5px 1px 0 4px;
	}


/*-------------------------------------------------------------------------------------
Side Navigation  */

	.navigationDivider{
		color:#AEE3FF;
		margin:0 2px;
	}
	.sideNavigation{
		margin:0 0 0 2px;
		width:150px;
		float:left;
	}
	.sideNavigation li{
		padding:7px 0px;
		font-size:13px;
		border-top:1px solid #DDD;
		font-weight:bold;
	}
	.sideNavigation li a{
		color:#326EBC;
		text-decoration:none;
	}
	.sideNavigation li a:hover{
		text-decoration:underline;
	}
	.sideNavigation li ul{
		margin:5px 0 0 0;
	}
	.sideNavigation li ul li{
		padding:0 0 3px 10px;
		border-top:0px none;
		font-size:12px;
		font-weight:normal;
	}
	.sideNavigation li ul li a{
		color:#666;
		text-decoration:none;
	}
	.sideNavigation li ul li a:hover{
		text-decoration:underline;
	}
	.sideNavigation li ul li:hover{
		color:#333;
	}


/*-------------------------------------------------------------------------------------
Main Content  */
	
	.subHeaderNavigation{
		text-align:right;
		font-size:11px;
	}
	.centralContentContainer{
		width:780px;
		float:left;
		display:inline-block;
		padding:0 0 0 15px;
	}

/*Row Product View */
.rowProductView
{
	float: left;
	border:1px solid #DDD;
	margin:10px 0 0 10px;
	padding:10px;
}

.rowProductView .manufacturer
{
	padding:10px 0 0 0;
	font-weight:bold;
	font-size:12px;
}


	.rowProductView .productName{
		font-weight:bold;
	}
	.rowProductView .productName a{
		color:#999;
		text-decoration:none;
	}
	.rowProductView .productName, 
	.rowProductView .productDescription{
		color:#999;
		font-size:11px;
		padding:0;
	}
	.rowProductView .cost{
		color:#000;
		font-size:11px;
		font-weight:bold;
		clear:both;
	}
	
	
/*-------------------------------------------------------------------------------------
Small Product View  */

	.smallProductView{
		float:left;
		border:1px solid #DDD;
		margin:10px 0 0 10px;
		padding:10px;
		width:163px;
		height:345px;
	}
	
	.smallProductView li.productImage img,
	.smallProductView li.manufacturer,
	.smallProductView li.productName,
	.addToCart input{
		cursor:pointer;
	}
	.smallProductView li.productImage img{
		width:163px;
	}
	.smallProductView li.manufacturer{
		border-top:1px solid #EEE;
		padding:10px 0 0 0;
		font-weight:bold;
		font-size:12px;
	}
	.smallProductView li.manufacturer a{
		color:#000;
		text-decoration:none;
	}
	.smallProductView li.productName{
		font-weight:bold;
	}
	.smallProductView li.productName a{
		color:#999;
		text-decoration:none;
	}
	.smallProductView li.productName, 
	.smallProductView li.productDescription{
		color:#999;
		font-size:11px;
		padding:0 0 11px 0;
	}
	.smallProductView li.cost{
		color:#000;
		font-size:11px;
		font-weight:bold;
		clear:both;
	}
	.addToCart{
		font-weight:bold;
		font-size:13px;
	}
	.addToCart select{
		margin:0 10px 0 0;
	}
	.addToCart input{
		background:url('images/addToCart.jpg') 0 0 no-repeat;
		border:none;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
		height:20px;
		width:110px;
		margin:10px 0 0 0;
		padding:0 0 0 10px;
		text-align:left;
	}
	.addToCart input:hover{
		background-position:0 -20px;
	}
	.ratingStarFull,
	.ratingStarEmpty,
	.ratingStarHover{
		background:url('images/stars.gif') no-repeat;
		height:13px;
		width:14px;
		float:left;
		cursor:pointer;
	}
	.ratingStarFull{
		background-position:0 0 !important;
	}
	.ratingStarEmpty{
		background-position:-13px 0;
	}
	.ratingStarHover{
		background-position:-27px 0;
	}
	.categoryTitle{
		color: #73B12E;
		font-size:16px;
		padding:0 0 3px 0px;
		border-bottom:1px solid #AAA;
		margin:0 0 0 10px;
	}


/*-------------------------------------------------------------------------------------
Large Product View  */

	ul.productImageContainer{
		width:400px;
		display:inline-block;
		margin:0 15px 15px 0;
		float:left;
	}
	ul.productImageContainer li{
		float:left;
		text-align:center;
	}
	li.largeImageContainer{
		width:398px;
		border:1px solid #CCC;
		margin:0 0 5px 0;
	}
	li.smallImageContainer{
		width:60px;
		border:1px solid #CCC;
		padding:5px;
		margin:0 5px 20px 0;
	}
	li.smallImageContainer:hover{
		border:1px solid #666;
		cursor:pointer;
	}
	li.smallImageContainer img{
		width:50px;
	}
	li.otherProductViews{
		padding:23px 0px 0 17px;
		vertical-align: middle;
		display:inline-block;
	}
	.largeViewProductDetails{
		display:inline-block;
		float:left;
		width:360px;
	}
	.largeViewProductDetails li{
		width:360px;
	}
	.largeViewProductDetails li.manufacturer{
		font-size:18px;
		font-weight:bold;
	}
	.largeViewProductDetails li.productName{
		font-size:15px;
		color:#666;
		padding:0 0 5px 0;
	}
	.largeCustomerReview li.cost,
	.reviewAuthor{
		margin:0 0 10px 0;
	}
	.largeViewProductDetails li.cost{
		display:inline-block;
		float:left;
		font-size:17px;
		padding:5px 0 0 0;
	}
	.largeViewProductDetails li.cost span.original{
		color:#CC0033;
		text-decoration:line-through;
	}
	.reviewTitle{
		font-size:13px;
		font-weight:bold;
		padding:0 0 3px 0;
	}
	.reviewAuthor{
		clear:both;
	}
	.helpfulnessLinks{
		margin:10px 0 25px 0;
		color:#777;
	}
	.cost div.outOfReviews{		
		padding:0 0 0 10px;
		float:left;
		display:inline-block;
		}
	.technicalSpecifications{
		display:inline-block;
		float:left;
		margin:0px 0 20px 0;
		width:360px;
		}
	.technicalSpecifications li{
		float:left;
		padding:3px 0;
		}
	.techSpecTitle{
		color:#777;
		clear:both;
		width:90px;
		border-top:1px solid #EEE;
		}
	.techSpecInfo{
		color:#000;
		width:200px;
		border-top:1px solid #EEE;
		}
	.technicalSpecifications li.header,
	.standardGreenHeader{
		color:/*#73B12E*/ #326EBC;
		font-weight:bold;
		font-size:14px;
		margin:0px 0 5px 0;
		padding:10px 0 0 0;
		border:0px none;
	}
	.standardGreenHeader{
		color:/*#73B12E*/ #326EBC;
		font-weight:bold;
		font-size:14px;
		margin:0px 0 5px 0;
		padding:10px 0 0 0;
		border:0px none;
	}
	.manufacturerDescription{
		margin:0 0 30px 0;
	}
	hr{
		background-color:#FFF;
		border:0px none;
		border-top:1px solid #DDD;
		margin:0 0 0 0;
	}
	.writeAReviewContainer{
		border:1px solid #AAA;
		background:#EEE url('images/formBackground.jpg') no-repeat center top;
		clear:both;
		width:600px;
		margin:0 0 20px 0;
		display:inline-block;
		vertical-align:top;
	}
	.writeAReview{
		margin:10px;
	}
	.writeAReview td{
		vertical-align:top;
	}
	.writeAReview td.topSpacing{
		padding:5px 0 0 0;
	}
	.writeAReview textarea{
		width:500px;
		height:200px;
	}
	.writeAReview input.long{
		width:504px;
	}
	.writeAReview input.long,
	.writeAReview textarea,
	.writeAReview .auto{
		background:url('images/inputBackground.jpg') no-repeat;
		border:1px solid #999;
	}
	.reviewHeader{
		font-size:20px;
		color:#326EBC;
		}
	.collapsedReviewButton{
		padding:10px;
		font-size:14px;
		cursor:pointer;
		background:#FFF url('images/reviewBoxBackground.gif') repeat-x;
		color:#333;
		}
	.collapsedReviewButton img{
		margin:-2px 5px -6px 0;
		height:24px;
		}
		

/*-------------------------------------------------------------------------------------
Shopping Cart  */

	.shoppingCartHeader{
		color:#326EBC;
		font-size:23px;
		margin:0 0 20px 0;
		}
	.shoppingCartHeader img{
		margin:0px 0 -20px 0;
		}
	.shoppingCartTop td{
		font-weight:bold;
		border-bottom:2px solid #999;
		}
	.totalingRow td{
		border-top:1px solid #DDD;
		}
	.productRow td{
		border-bottom:1px solid #DDD;
		}
	.shoppingCart td{
		padding:10px 2px;
		}
	.shoppingCart{
		width:650px;
		border-collapse:collapse;
		}
	.totalingRow td.totalTitle{
		border-right:1px solid #DDD;
		background:url('images/cartBackground.gif') repeat-y right;
		padding:7px 5px;
	}
	tr.finalTotal td{
		border-top:1px solid #999;
		font-weight:bold;
		padding:7px 0;
	}
	.productSize{
		width:75px;
	}
	.productQty{
		width:40px;
		text-align:center;
	}
	.productQty input{
		width:40px;
		}
	.productCost{
		padding-right:10px !important;
		}
	.productCost,
	.cartTotal{
		text-align:right;
		width:50px;
	}
	.checkoutButton{
		padding:30px 0 0 0;
	}
		
		
/*-------------------------------------------------------------------------------------
Shipping and Billing Information  */

	.informationDivider{
		display:inline-block;
		float:left;
		margin:20px 0px 20px 50px;
		border-right:1px solid #EEE;
		height:330px;
		}
	.personalForm{
		display:inline-block;
		float:left;
		margin:20px 0 20px 50px;
		}
	.personalForm li{
		padding:5px 0;
		float:left;
		}
	.personalForm,
	.personalForm li.header{
		width:220px;
		}
	.personalForm li.header{
		color: #73B12E;
		font-size:18px;
		}
		.personalForm li input.formField{
		width:214px;
		}
	.personalForm li input, 
	.personalForm li select{
		margin:3px 0 0 0;
		}
	.personalForm li.firstName input{
		margin-right:10px;
		}
	.personalForm li.firstName input,
	.personalForm li.lastName input{
		width:99px; 
		}
	.personalForm li input.radio{
		margin:5px 0 0 0;
		border:0px none;
		background:none;
		width:auto
	}
	.checkOutProgress{
		display:inline-block;
		width:720px;
		text-align:center;
		margin:30px 0 0 0;
		
	}
	.checkOutProgress li{
		display:inline-block;
		width:100px;
		padding:0 20px;
		color:#AAA;
	}
	.creditCards{
		width:100%;
	}
	.creditCards img{
		width:40px;
	}
	.processStep{
		background:url('images/progressCircles.gif') no-repeat;
		width:20px;
		height:20px;
		padding:0px 0 0 0;
		margin:0 auto 5px;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
		display:inline-block;
	}
	.currentLocation div{
		background-position:-20px 0;
	}
	.currentLocation{
		color:#73B12E !important;
	}
	.dottedLine{
		border-top:2px dotted #CCC;
		width:430px;
		margin:10px auto -11px;
	}
	.nudgeOver{
		margin-left:100px !important;
	}
	.nudgeOver50{
		margin-left:50px !important;
	}
	
		
		
/*-------------------------------------------------------------------------------------
Confirmation  */

	.couponCodeCheck{
		background:url('images/couponCodeCheck.png') no-repeat -20px 0;
		height:20px;
		width:20px;
		margin:0 0 -5px 5px;
		display:inline-block;
	}
	.positive{
		background-position:0 0 !important;
	}
	.addressConfirmation{
		display:inline-block;
		width:250px;
	}
		
		
/*-------------------------------------------------------------------------------------
Confirmation  */

	.thankYouMessage{
		margin:15px 10px 15px 15px;
		width:345px;
		display:inline-block;
		}
	.thankYouMessage li.header{
		font-size:14px;
		color:#326EBC;
		}
	.boldText{
		font-weight:bold;
		}
	.thankYouMessage li.message{
		padding:10px 0 0 0;
		}
	.shoppingCartHeader img.thankYouChecked{
		margin:0 0 -12px;
		width:40px;
		}
	.thankYouOptions{
		margin:15px 15px 15px 0px;
		width:205px;
		display:inline-block;
		}
	.thankYouOptions li.header{
		padding:0 0 5px 0;
		}
	.thankYouOptions li.item{
		list-style:disc;
		margin:0 0 0 20px;
		}
			

/*-------------------------------------------------------------------------------------
Footer  */

	.footer{
	}
	.copyrightInfo{
		font-size:10px;
		color:#BBB;
		clear:both;
		text-align:center;
	}
	
	
	
		
	.blueButton td.background{
	background:url('../images/blueMiddle.gif') repeat-x;
	}
	.blueButton td input{
		border:0px none;
		background:none;
		font-weight:bold;
		cursor:pointer;
	}
	.blueButton td{
		padding:0 !important;
		border-collapse:collapse;
		cursor:pointer;
	}
	.blueButton td.background{
		vertical-align:center;
		padding:0px 5px 0 !important;
	}
	
	
	
		.verticalRule{
		height:280px;
		margin:25px 0 105px 45px;
		padding:0 50px 0 0;
		float:left;
		border-left:1px solid #CCC;
		}