/* General styles */
body {
	background: #FFFFFF url('../image/back_grad.png') repeat-x;
	font-family: 'Comic Sans MS', 'Comic Sans MS', cursive;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5em;
	color: #003300;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/*td, th,*/ input, textarea, select/*, li, p, a*/ {
	font-family: 'Comic Sans MS', 'Comic Sans MS', cursive;
	color: #003300;
}

a {
	color: #003300;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #003300;
	letter-spacing: 0px;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 0.75em;
}

h2 {
  font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h3, h4 {
  font-size: 1em;
	font-weight: normal;
}

input[type=text], input[type=password], select, textarea {
	font-size: 1em;
	padding: 3px;
	border: 1px solid #006600;
	background: #FFFFCC;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

input[type=radio], input[type=checkbox] {
	vertical-align: 2px;	
}

input#s {
/*	font-size: 0.85em;
	background: #FFFFCC;*/
}

input[type=button], input[type=submit] {
/*	font-size: 0.85em;*/
}

input.optional {
	background: #FFFFFF;
}

select {
	background: #FFFFCC;
	font-size: 1em;
	border: 1px solid #006600;
}

#rss,
.breadcrumb,
.enlarge {
	font-size: 0.9em;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

#announcements p {
/*	font-size: 1em;*/
}

p {
/*	line-height: 1.3em;*/
	margin: 0;
	padding-bottom: 10px;
}

ul {
}

a {
	text-decoration: none;
}

a.enlarge {
	text-decoration: underline;
}

#rss a,
p a {
	text-decoration: underline;
/*	font-size: 1em;*/
}

a:hover {
	border-bottom: none;
	text-decoration: underline;
	color: #009900;
}

a img {
	border: none;
}

.alttext {
	color: #996633;
}

.alttext a {
	text-decoration: underline;
}

.breadcrumb {
	color: #003300;
	margin: 10px 0px 10px 0px;
    margin: 0px 0px 15px 0px;
}

.breadcrumb a {
	color: #003300;
	text-decoration: underline;
}

.breadcrumb a:hover {
	text-decoration: underline;
	color: #009900;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Page */
/* Header styles */
#header {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header p,
#header h1,
#header h2 {
	padding: .4em 15px 0 15px;
	margin: 0;
}
#header ul {
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#header ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 3px 10px;
	text-align: center;
	background: #eee;
	color: #000;
	text-decoration: none;
	position: relative;
	left: 15px;
	line-height: 1.3em;
}
#header ul li a:hover {
	background: #369;
	color: #fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color: #fff;
	background: #000;
	font-weight: bold;
}
#header ul li a span {
	display: block;
}

#header #logo {
	width: 1000px;
	height: 150px;
	position: relative;
	top: 17px;
}

/* Navbar */

#bar {
	position: relative;
	top: 24px;
	width: 1000px;
	height: 49px;
	margin: 0 auto;
	background: url('../image/navbar.gif') no-repeat;
}

.language {
	position: absolute;
	top: 8px;
	right: 155px;
	direction: rtl;
}

.currency {
	position: absolute;
	top: 13px;
	right: 15px;
}

/* Menu */

#menu {
	float: left;
	width: 940px;
	height: 49px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 5px;
	list-style: none;
/*	line-height: normal;*/
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	margin-right: 3px;
	padding: 13px 25px;
	text-decoration: none;
	text-transform: uppercase;
/*	font-size: 1.2em;*/
	font-weight: bold;
}

/* column container */
.container {
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	top: 35px;
	clear:both;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden; /* This chops off any overhanging divs */
	text-align: left;
}
/* 3 column settings */
.container {
	background: #fff; /* Right column background colour */
}
.container .outer {
	float: left;
	width: 200%;
	margin-left: -170px; /* Width of right column */
	position:relative;
	right: 100%;
	background: #fff; /* Centre column background colour */
}
.container .inner {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 340px; /* Left column width + right column width */
	background:#fff; /* Left column background colour */
}
.container .wrapper {
	float: left;
	width: 50%;
	position: relative;
	right: 170px; /* Width of left column */
	padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.container .maincol {
	margin: 0 185px; /* Centre column side padding:
	Left padding = left column width + centre column left padding width
	Right padding = right column width + centre column right padding width */
	position:relative;
	left: 200%;
	overflow: hidden;
}
.container .leftcol {
	float: left;
	float: right; /* This overrides the float:left above */
	width:170px; /* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right: 0px; /* Width of the left-had side padding on the left column */
}
.container .rightcol {
	float: left;
	float: right; /* This overrides the float:left above */
	width:170px; /* Width of right column content (right column width minus left and right padding) */
	margin-right:0px; /* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left: 50%;
}

.column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.column li {
/*	line-height: 1.6em;*/
/*	list-style: none;*/
}

.column li ul {
/*	list-style: none;*/
}

.column li li {
/*	line-height: 1.3em;*/
	background: url('../image/dwb_bullet.gif') no-repeat 0px 6px;
	padding: 0px 0px 0px 15px;
	display: block;
	text-decoration: none;
}

.column li h2 {
/*	margin: 0px;
	padding: 0px 15px 0px 0px;
	font-size: 1.1em;
	color: #003300;
	font-weight: bold;*/
}

/* Banner */
#module_banner {
	margin-bottom: 20px;
}

/* RSS */
#rss a {
	padding: 0 24px 2px 0px;
	background: url('../image/rss.gif') right no-repeat;
}

/* Search */
#module_search fieldset {
	margin: 0;
	padding: 5px 0px 0px 0px;
	border: none;
}

#module_search input {
	float: left;
/*	border: none;*/
}

#module_search #s {
	width: 160px;
/*	height: 18px;*/
/*	padding: 3px;*/
/*	border: 1px solid #006600;
	background: #FFFFCC;*/
/*	color: #003300;*/
/*	font-size: 0.9em;*/
}

#module_search .button_search {
	float: right;
/*	font-size: 0.9em;*/
}

/* Review / Best Sellers */
li#module_review ul, li#module_best ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	background-color: #FFFFFF;
}

li#module_review li, li#module_best li {
	background-image: none;
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#module_review {
	float: left;
}

#module_review .block {
	float: left;
	padding: 0px;
	width: 150px;
}

#module_review p {
/*	line-height: 1.1em;*/
	text-align: center;
/*	font-size: 0.9em;*/
/*	padding: 10px;*/
}

#module_review p a {
	text-decoration: none;
}

#module_review p a:hover {
	text-decoration: underline;
}

#module_review .block p {
	text-align: center;
	padding-bottom: 0px;
}

/* Cart */
#module_cart .a {
	text-align: center;
/*	font-size: 1em;*/
	margin: 10px 0px 0px 0px;
/*	line-height: 1.1em;*/
}

#module_cart .b {
	text-align: center;
	margin: 0px;
/*	line-height: 1.1em;*/
}

#module_cart .b a,
#module_cart ul li a {
/*	font-size: 1em;*/
	text-decoration: underline;
}

#module_cart ul li {
/*	font-size: 0.9em;*/
}

/* Buttons */
.buttons {
	border: 0px;
	margin: 10px 0px;
	clear: both;
}

.buttons input {
	margin: 0;
}

.buttons table {
	width: 100%;
}

.buttons table td {
	vertical-align: middle;
}

.buttons a {
/*	font-size: 1em;*/
}

.button {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 5px 5px 5px;
	background: #FFFFCC;
	color: #003300;
	border: 2px solid #003300;
	background: url('../image/back_grad3.png') repeat-x;
	font-weight: bold;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor: pointer;
	border: 0px;
}

.button_atc {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 1px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/add_to_cart.gif') repeat-x;
	font-weight: bold;
	width: 119px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_atc_disabled {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 1px 0px;
	background: #FFFFFF;
	color: #999999;
	background: url('../image/add_to_cart_disabled.gif');
	font-weight: bold;
	width: 119px;
	font-size: 1em;
	cursor: auto;
	border: 0px;
}

.button_search {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 1px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/search.gif');
	font-weight: bold;
	width: 91px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_continue,
.button_register,
.button_submit {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 1px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/continue.gif');
	font-weight: bold;
	width: 97px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_continue_disabled {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 1px 0px;
	background: #FFFFFF;
	color: #999999;
	background: url('../image/continue_disabled.gif');
	font-weight: bold;
	width: 97px;
	font-size: 1em;
	cursor: auto;
	border: 0px;
}

.button_login {
	height: 26px;
	margin: 5px 0px 1px 0px;
	padding: 0px 25px 0px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/login.gif');
	font-weight: bold;
	width: 80px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_back {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 1px 25px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/back.gif');
	font-weight: bold;
	width: 75px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_reviews,
.button_update,
.button_delete,
.button_edit,
.button_view,
.button_close {
	height: 26px;
	margin: 5px auto 3px auto;
	padding: 0px 0px 1px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/reviews.gif');
	font-weight: bold;
	width: 68px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_write {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 0px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/write_review.gif');
	font-weight: bold;
	width: 130px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_shopping,
.button_new_address,
.button_change_address,
.button_btf {
	height: 26px;
	margin: 5px auto 3px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/continue_shopping.gif');
	font-weight: bold;
	width: 130px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_checkout {
	height: 26px;
	margin: 5px 0px 3px 0px;
	padding: 0px 25px 0px 0px;
	background: #FFFFCC;
	color: #003300;
	background: url('../image/checkout.gif');
	font-weight: bold;
	width: 100px;
	font-size: 1em;
	cursor: pointer;
	border: 0px;
}

.button_atc:hover,
.button_search:hover,
.button_continue:hover,
.button_register:hover,
.button_submit:hover,
.button_login:hover,
.button_back:hover,
.button_reviews:hover,
.button_update:hover,
.button_delete:hover,
.button_edit:hover,
.button_view:hover,
.button_close:hover,
.button_write:hover,
.button_shopping:hover,
.button_new_address:hover,
.button_change_address:hover,
.button_btf:hover,
.button_checkout:hover {
	color: #009900;
}

/* Footer styles */
#footer {
    position: relative;
    top: 40px;
	clear: both;
	margin: 0 auto;
	width: 1000px;
	display: table;
	padding-bottom: 20px;
}
#footer p {
	padding: 10px;
	margin: 0;
}
#footer ul {
	display: table-row;
	table-layout:fixed;
}

#footer li {
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#footer .a, #footer .b, #footer .c {
	margin: 0;
	text-align: center;
	font-size: 0.9em;
	color: #996633;
	width: 33%;
}

#links {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	color: #996633;
	font-size: 0.6em;
}

#links a {
	color: #996633;
}

#links a:hover {
	color: #003300;
}

/* Grid for homepage modules */
ul.grid{
	width: 100%;
	padding: 0;
/*	margin: 0px 0 50px 5px;
*/	list-style: none;
}
ul.grid li {
	float: left;
	width: 200px;
	width: 33%;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
/*ul.grid{
	padding: 0;
	list-style: none;
	margin: 0 auto;
}
ul.grid li {
	padding: 0;
	display: inline;
}
*/.block {
/*	height: 395px;*/
/*	font-size: 1em;*/
/*	margin-right: 10px;*/
	margin: 0px 5px; /*Split margin to be equal left and right rather than all right to centre better*/
	padding: 8px;
	background-color: #FFFFFF;
}
.grid .block {
	background: #FFFFFF;
	border: 1px solid #006600;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.block h3 {
	text-align: center;
	margin: 0;
	padding: 5px 0px;
	text-transform: capitalize;
	height: 4em;
/*	line-height: 1.1;*/
	font-weight: bold;
/*	font-size: 1em;*/
}
.block img {
	/*width: 89%;*/
	padding: 8% 8%;
	margin: 0 auto;
	-ms-interpolation-mode: bicubic;
	display: block;
}

.atc {
	text-align: center;
	padding-bottom: 5px;
}

.grid .block p {
	padding: 0.5em 0;
	height: 1.5em;
	text-align: center;
}

.block p img{
	background:transparent;
	display: inline;
	padding: 0;
}

/* Prices */
.reduce {
    color: #996633;
	text-decoration: line-through;
	font-size: 1.1em;
}

.price {
    color: #009900;
	font-weight: bold;
	font-size: 1.1em;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {
	cursor: default;
	list-style: none;
}

.hoverbox a {
	cursor: pointer;
}

.hoverbox a .preview2left,
.hoverbox a .preview2right {
	display: none;
}

.hoverbox a:hover .preview2right {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 700;
}
.hoverbox a:hover .preview2left {
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 700;
}

.hoverbox img {
	background: #FFFFFF;
	color: inherit;
	padding: 5px;
	vertical-align: top;
	cursor: pointer;
}

.hoverbox li {
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	list-style: none;
}

.hoverbox .preview2left,
.hoverbox .preview2right {
	border: 1px solid #006600;
	padding: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/*pagination*/
.pagination a{
	border: 1px solid #006600;
	padding: 3px 5px;
	text-decoration: none;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.pagination a.current {
	font-weight: bold;
	border: 1px solid #006600;
	background: #FFFFCC;
}

.pagination a:hover{
	background: #FFFF66;
}

.error {
	color: #996633;
	font-size: 0.8em;
	display: block;
	clear: both;
}

.required {
	margin: 0;
	color: #996633;
	display: inline;
}

/* success */
#success {
	behavior: url('catalog/javascript/png/iepngfix.htc');
	background: url('../image/success.gif') no-repeat;
	padding-left: 148px;
	_height: 128px;
	min-height: 128px;
}

/* failure */
#failure {
	behavior: url('catalog/javascript/png/iepngfix.htc');
	background: url('../image/failure.gif') no-repeat;
	padding-left: 148px;
	_height: 128px;
	min-height: 128px;  
}

/* Error/Warning messages */
#error {
	position: relative;
	top: 0px;
	color: #003300;
/*	font-size: 0.9em;  */
	background-color: #FFCCCC;
	clear: both;
	border: 0px;
	margin-bottom: 10px;
	padding: 3px 3px 3px 10px;
	margin-top: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.warning {
	position: relative;
	top: 0px;
	color: #003300;
/*	font-size: 0.9em;  */
	background-color: #FFCCCC;
	padding: 3px 3px 3px 10px;
	display: block;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.message {
	position: relative;
	top: 0px;
	color: #003300;
/*	font-size: 0.9em;  */
	background-color: #CCFFCC;
	padding: 3px 3px 3px 10px;
	display: block;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.noscript {
	position: relative;
	top: 0px;
	color: #003300;
/*	font-size: 0.9em;  */
	background-color: #FFCCCC;
	padding: 3px 3px 3px 10px;
	display: block;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.rating {
	vertical-align: middle;
}

.results {
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
/*	font-size: 0.9em;*/
}

.results .left {
	padding: 0px;
	float: left;
}
 
.results .right {
	padding: 0px;
	float: right;
}

/* Pop-up Forms */
#ask_dwb table,
#ask_dwb p {
	padding-left: 10px;
	text-align: left;
}

#ask_dwb a {
	text-decoration: underline;
}

.form_label {
	width: 150px;
	text-align: left;
}

.form_field {
	width: 250px;
	text-align: left;
}

.form_error {
	width: 220px;
	text-align: left;
	color: #996633;
	font-size: 0.85em;
}

.form_single {
	height: 30px;
}

p.more,
.announcement p.more {
	text-align: right;
	background: none;
}

p.more a,
.announcement a {
	text-decoration: none;
}

p.more {
	padding-right: 10px;
	margin: 0px;
}

a.thickbox {
	text-decoration: underline;
}

.offline_cc_form {
	border: 1px solid #006600;
	margin-bottom: 10px;
	padding: 2px;
	background-color: #FFCCCC;
}

.col1 {
	width: 185px;
}

.details {
	font-size: 0.85em;
	text-transform: none;
	font-weight: normal;
}

.instock, .outstock {
	float: right;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: none;
}

.instock {
	color: #009900;
}

.outstock {
	color: #996633;
}

/*Product of the day*/
#prodday ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#prodday ul li {
	width: 20%;
	height: 120px;
	background: url('../image/dwb_bullet.gif') no-repeat 0px 6px;
	padding: 0px 0px 0px 15px;
}

#prodday form {
	display: block;
	clear: both;
	width: 98%;
	margin: 0 auto; /* Align with four col grid */
	padding: 0px;
}

#prodday form .a {
	margin: 20px 10px;
	padding: 10px 0;
	float: left;
	padding-right: 5px;
}

#prodday form .b {
	float: right;
	margin: 20px 5px 0px 5px;
	width: 70%;
}

#prodday form p {
	line-height: 1.3em;
}

#prodday form li {
	height: auto;
	width: 100%;
}

#prodday .e {
	padding-top:5px;
	float: left;
	margin-bottom: 20px;
}

#prodday .f {
	float:right;
	margin-right: 10px;
}

#prodday h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}

#prodday .f input[type="text"] {
	text-align:center;
}

.product_options {
	padding: 10px 0px;
}

#prodday .product_options ul li {
	background: none;
	padding-left: 0px;
}

#prodday .cat-products form h2 {
	margin: 0;
}

#prodday .description {
	margin-top: 10px;
}

#home h2 {
	margin-left: 5px; /* Align with left of grid blocks */
}

.block .thumb {
	padding: 0px;
}

.multi-buy a {
	color: #009900;
}

.multi-buy a:hover {
	color: #996633;
}

#directories a img {
	padding: 2px 0;
}

/* Filter */
.filters {
	background: url('../image/back_grad2.png') repeat-x;
}

.filters {
	margin: 15px auto;
	height: 43px;
	width: 100%;
	position: relative;
}

.filters .left {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 38%;
	padding: 5px;
}

.filters .middle {
	position: absolute;
	top: 0px;
	left: 43%;
	text-align: center;
	width: 28%;
	padding: 5px;
}

.filters .right {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	width: 23%;
	padding: 5px;
}