#header .logo {background: url(/images/main-logo-green.gif);}

#middle {	background: url(/images/stuff_bg.gif) repeat-y;}

#col1 {	background-color: #317de4;	background-image: url(/images/br_317de4.gif);}
#col1 h2 {margin: 0; padding: 0; clear: both;}

div.top-header-login h1 { background: url(/images/header_login.png) no-repeat 0px 0px; position: absolute; top: -12px; left: -19px; height: 57px; width: 306px; margin: 10px 0 0 0;}

.loginbox {float: left;margin: 0 40px 0 0;padding: 0;width: 275px;}
.loginbox span {padding: 0;margin: 0 0 6px 0;display: block;}
.loginbox input {display: block;margin: 0 0 10px 0;}

#loginform {width: 700px;}
#loginform input {padding: 2px; font-size: 12px;}

div.top-header, div.top-header-login {height: 24px;padding: 0;margin: 0;}

div.top-header h1 { background: url(/images/header_stuff.png) no-repeat 5px 2px; padding: 10px 0 0 0; margin: 0; position: absolute; top: -10px; left: 135px; height: 57px; width: 315px; display: block; behavior: url(../../global/styles/iepngfix.htc); z-index: 1;}

div.top-header-register h1 { background: url(/images/header_register.png) no-repeat 5px 2px; padding: 4px 0 0 0; margin: 0; position: absolute; top: -8px; left: -19px; height: 57px; width: 315px; display: block; behavior: url(/global/styles/iepngfix.htc); z-index: 1; }

div.top-header-login h1 span,
div.top-header-register h1 span {display: none;}

/*---- breadcrumb/navigation ------*/
div.breadcrumb {	width: 808px;		padding: 6px 15px;		margin: 5px 0 15px 0;	clear: both;	float: left;		background-color: #404040;	}
ul.breadcrumb_nav {	list-style: none;	display: block;	float: left;	padding: 0;	margin: 0;	position: relative;	top: 3px}
ul.breadcrumb_nav a {	font-weight: normal;	color: #fff;	text-decoration: none;}	
ul.breadcrumb_nav a:hover {	font-weight: normal;	color: #ccc;	text-decoration: underline;}
ul.breadcrumb_nav li {	float: left;	margin: 0 7px 0 0;	padding: 0 7px 0 0;	border-right: 1px solid #848383;}
ul.breadcrumb_nav li.last {	float: left;	margin: 0 7px 0 0;	padding: 0 7px 0 0;	border: none;}


form.top-search {padding: 0;margin: 0; float: right; 	display: inline; width: 200px}
form.top-search input {font-size: 11px;height: 19px; padding: 1px;}

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

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

div.column1 div.notifications h3 span { display: none;	}
div.column1 div.notifications h3 {	width: 143px;	background: #60346c url(/images/headers/notifications.gif) no-repeat 8px center;	padding: 0;	margin: 0 0 7px 0;	height: 25px;	}	
div.column1 div.notifications .content { background: #af6dc0; margin: 0 0 6px 0px; padding: 5px 6px 5px 10px;}
	
/*---- column2 and styles --- */
div.column2 { width: 455px; padding: 6px 12px; float: left; margin: 0px 14px 0px 14px; }

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; color:#1B3E72}

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

.column2 .new-products {width: 455px;margin: 0; padding:0;}
.column2 .product {	padding: 10px 9px 10px 9px;	background-color: #498be4;	width: 117px;	height: 165px;	float: left;	margin: 0px 13px 10px 0px;}
.column2 .first {margin-left: 0;}
.column2 .product img {margin: 0 0 8px 0;width: 100px;padding: 0; border: 1px solid #112848;}
.column2 .product .info {display: block;text-align: center;margin: 0;padding: 0;width: 100px;}

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

div.column3 div.shopping-cart h3 span { display: none;	}
div.column3 div.shopping-cart h3 {	width: 174px;	background: #345f31 url(/stuff/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(/stuff/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(/stuff/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(/stuff/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;}


/* -----global calculations ----*/
.calc, .calc-total {width: 400px;display: block;}
.calc .subtotal, .calc-total .total, .calc .shipping, .calc .tax {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.box {margin: 0 0 15px 0;	padding: 10px 12px 10px 12px;	background-color: #498be4;}
div.box .address-entry {float: left;}
div.box .address-entry-buttons {float: right;}

/*------- account page order listing -------*/
div.order-history-box {clear: left; float: left;margin: 0 0 13px 0;	padding: 4px 12px 4px 12px;	background-color: #498be4; width: 459px;}
div.order-history-box .orderdate {float: left; margin: 0; width: 75px; display:inline; padding: 1px}
div.order-history-box .orderid {float: left; margin: 0; width: 105px;display:inline;padding: 1px}
div.order-history-box .orderstatus {float: left; margin: 0; width: 102px;display:inline;padding: 1px}
div.order-history-box .ordertotal {float: left; margin: 0; width: 90px;display:inline;padding: 1px}
div.order-history-box .orderview {float: right; margin: 0; width: 42px;display:inline;padding: 1px}

div.product-list {height: 90px;margin: 0 0 15px 0;	padding: 10px 12px 10px 12px;	background-color: #498be4;}
div.product-list .image {float: left;margin: 0 20px 0 0;padding: 0;}
div.product-list .text {float: left;}

/*------- global form fields -------*/
#middle label {display: block;	float: left;	width: 95%;	padding: 0px 7px 7px 0px;clear: left; }
#middle label span.title {	float: left;	width: 20%;	text-align: right;	padding: 4px 0 1px 0; font-size: 11px;		margin-right: 3%;}
#middle label span.inputRequirement {	float: left;	margin: 0 0 0 4px;}
#middle fieldset {	border: 0px none #FFFFFF;	padding-bottom: 10px;	width: 479px;}
#middle fieldset label input, #middle fieldset label select {	float: left;	text-align: left;	margin: 0; }
#middle fieldset textarea {	float: left; width: 70%;	padding: 2px; }
#middle label span {float: left;	}

.success{padding: 3px 6px; margin: 4px 0 12px 0; background-color:#FFFF8C; color:#006600; font-weight: bold; display:block;}
.warning {}
.error {padding: 3px 6px; margin: 4px 0 12px 0; background-color:#B90000; color:#fff; font-weight: bold; display:block;}


.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;}

.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 */

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