@import url("elements.css");

#middle {	position: relative; /* IE fix */	top: 0px;	z-index: 2;	background: url(../images/background.gif) repeat-y;}

/*---- column1 and styles --- */
div.column1 {	width: 143px;		padding: 0 14px 0 4px;	float: left;	margin: 6px 0 0px 0px;}

div.column1 div.categories h3 span { display: none;	}
div.column1 div.categories h3 {	width: 143px;	background: #60346c url(../images/headers/the_stuff.gif) no-repeat 8px center;	padding: 0;	margin: 0 0 7px 0;	height: 25px;	}	
div.column1 div.categories ul {padding: 0;margin: 0;list-style-type: none;	}	
div.column1 div.categories li { list-style: none; font-size: 11px; background: #af6dc0; padding: 5px 0; width: 143px; margin: 0px 0px 6px 0px; height: 14px; text-indent: 10px; }
	
/*---- column2 and styles --- */
div.column2 { width: 483px; padding: 6px 0 0 0; float: left; margin: 0px 14px 0px 0px; }

div.column2 h3 {font-size: 14px;font-family:Arial, Helvetica, sans-serif, "MS Sans Serif";font-weight: bold;padding: 0;margin: 0 0 3px 0;}

img.main-banner { border: 2px solid #c0d7f6; padding: 0; margin: 0;}

.column2 .new-products {width: 447px;margin: 0px 0px 0 20px;}
.column2 .product {	padding: 10px 12px 10px 12px;	background-color: #498be4;	width: 115px;	height: 165px;	float: left;	margin: 0px 10px 10px 0px;}
.column2 .product img {margin: 8px 4px 8px 4px;width: 100px;padding: 0;}
.column2 .product .info {display: block;text-align: center;margin: 0;padding: 0;width: 100px;}

/*---- column3 and styles --- */
div.column3 {	width: 174px;		padding: 0;		float: left;	margin: 6px 0 0 0;}

div.column3 div.shopping-cart h3 span { display: none;	}
div.column3 div.shopping-cart h3 {	width: 174px;	background: #345f31 url(../images/headers/shopping_cart.gif) no-repeat 8px center;	padding: 0;	margin: 0 0 7px 0;	height: 25px;	}	

div.column3 div.bestsellers h3 span { display: none;	}
div.column3 div.bestsellers h3 {	width: 174px;	background: #345f31 url(../images/headers/top_sellers.gif) no-repeat 8px center;	padding: 0;	margin: 0 0 7px 0;	height: 25px;	}	
div.column3 div.bestsellers ol.bestsellers { margin: 0; padding: 0; list-style: none; }
div.column3 div.bestsellers ol.bestsellers li {margin: 0 0 6px 0px;background: #54b74c; padding: 5px 0 5px 10px;}

div.column3 div.orderhistory h3 span { display: none;	}
div.column3 div.orderhistory h3 {	width: 174px;	background: #345f31 url(../images/headers/orderhistory.gif) no-repeat 8px center;	padding: 0;	margin: 0 0 7px 0;	height: 25px;	}	
div.column3 div.orderhistory ul.orderhistory {list-style: none;margin: 0;padding: 0;}
div.column3 div.orderhistory ul.orderhistory li {margin: 0 0 6px 0px;background: #54b74c; padding: 5px 0 5px 10px;}

div.column3 div.reviews h3 span { display: none;	}
div.column3 div.reviews h3 {	width: 174px;	background: #345f31 url(../images/headers/reviews.gif) no-repeat 8px center;	padding: 0;	margin: 0 0 7px 0;	height: 25px;	}	
div.column3 div.reviews .content { background: #54b74c; margin: 0 0 6px 0px; padding: 5px 0 5px 10px;}





.items {
padding: 3px;
	border-bottom: 1px solid #000000;
}

.total {
float: right;
}

ul.side-links {
list-style-type: disc;
margin: 0 0 10px 7px;
padding: 0;
}

ul.side-links li {
margin: 0 0 3px 5px;
padding: 0;

}



.product-list {
height: 90px;
margin: 0 0 15px 0;
	padding: 10px 12px 10px 12px;
	background-color: #498be4;
}

.product-list .image {
float: left;
margin: 0 20px 0 0;
padding: 0;
}

.product-list .text {
float: left;
}

.create-account-form input {
	border: 1px solid #1e3452; padding: 3px;	text-align: left;	border: 1px solid #A5A5A5; font-family: Tahoma, Arial, Helvetica, sans-serif, "MS Sans Serif";	font-size: 12px; color: #000000;
}

.create-account-form .put {
clear: left;
display: block;
padding: 6px;
margin: 2px 0;
}


.create-account-form .put h4 {
width: 95px;
padding: 0 9px 0 0;
margin: 0;
float: left;
font-weight: normal;
text-align:right;
}


/* --------- create account form ------------*/
.create-account-form label {display: block;	float: left;	width: 95%;	padding: 0px 7px 7px 0px;clear: left; }
.create-account-form label span.title {	float: left;	width: 20%;	text-align: right;	padding: 4px 0 1px 0; font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";	font-size: 11px;		color: #000000; margin-right: 3%;}
.create-account-form label span.inputRequirement {	float: left;	font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";	font-size: 11px; margin: 0 0 0 4px;}
.create-account-form fieldset {	border: 0px none #FFFFFF;	padding-bottom: 10px;	width: 479px;}
.create-account-form fieldset label input, .create-account-form fieldset label select {	float: left;	padding: 3px; text-align: left;	border: 1px solid #2264be; margin: 0; font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";	font-size: 12px; color: #000000; background-color: #70a5ed; height: 22px;}
.create-account-form input:active, .create-account-form input:focus, .create-account-form textarea:active, #contactform textarea:focus {border-color: #000;}
.create-account-form fieldset textarea {	float: left; width: 70%;	padding: 2px; border: solid 1px #A5A5A5; font-family: Arial, Helvetica, sans-serif, "MS Sans Serif"; font-size: 12px; color: #000000;}
.create-account-form fieldset label input.radio, .create-account-form fieldset label input.checkbox {background: none; border: none;}
.create-account-form fieldset label select {background: #fff;}
.create-account-form label span {float: left;	}


.shopping-list {
background-color: #498be4;
padding: 3px 10px;
margin: 0 4px 0 0;
width: 90px;
float: left;
}

.shopping-list-item {
float: left;
padding: 3px 10px;
margin: 0 4px 0 0;
width: 90px;
}

.sub-total {
display: block;
width: 97%;
padding: 0 3% 0 0;
text-align: right;
font-weight: bold;
}

.review-box {
padding: 0 0 10px 0;
margin: 0 0 15px 0;
background-color: #498be4;
height: 100%;
}

.review-box .topbar {
padding: 5px 8px 2px 8px;
margin: 0 0 6px 0;
height: 18px;
background-color: #1a5cb5;

}

.review-box .rating {
float: right;
position: relative;
top: -4px;
display: block;
}

.review-box .info {
float: left;
}

.review-box p {
margin: 0 10px 0 10px;
}

.review-box .review-title {
font-size: 12px;
font-weight: bold;
margin: 0 10px 10px 10px;
}

.error {
display: block;
font-weight: bold;
color:#9B0000;
}

.inputRequirement {
margin: 0;
padding: 0;
font-style: italic;
}

.greetUser {
font-size: 14px;
color:#E9C601;
font-weight: bold;
}

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
/* OTF contrib ends */


/* -----global calculations ----*/
.calc, .calc-total {
width: 400px;
display: block;
}

.calc .subtotal, .calc-total .total, .calc .shipping {
width: 200px; 
display: block;
float: left;
}

.calc .currency {
float: left;
display: block;
}

.calc-total .total {
padding: 6px 0 0 0;
}

.calc-total .currency {
border-top: 1px solid #000;
padding: 6px 0 0 0;
float: left;
}






div.also-purchased-box h3 {
padding: 4px 8px 4px 8px;
margin: 15px 0 6px 0;
background-color: #1a5cb5;
font-size: 12px;
font-weight: bold;
display: block;
}

div.also-purchased-box div {
	padding: 10px 12px 10px 12px;
	background-color: #498be4;
	width: 115px;
	height: 165px;
	float: left;
	margin: 0px 10px 10px 0px;
}