/* ADMIN CTRLS */

div.adminctrls {
	background-color: #D6E6C6;
	border-color: #9c02 !important;
	margin: 0.5em 0;
}


/* ADMIN AREA */

body.admin {
	background-color: #fff;
	color: #050;
}

body.admin #orderglance {
	background-color: #E4F0D8;
}

body.admin #orderglance h2 {
	background-color: #BED1AB;
}

body.admin #quickstatus {
	background-color: #BED1AB;
}

body.admin .nextprev {
	background-color: #E4F0D8;
}

body.admin div.section {
	background-color: #E4F0D8;
}

body.admin div.section h3,
body.admin div.section h2 {
	background-color: #BED1AB;
}

#blocked,
#demo {
	position: absolute;
	top: 5px;
	left: 50%;
	z-index: 100;
	width: 300px;
	margin-left: -190px;
	background-color: #ff9;
	color: #900;
	padding: 0.5em;
	text-align: left;
}

#demo {
	margin-left: -240px;
	width: 350px;
}

#demo a,
#demo a:link,
#demo a:hover,
#demo a:visited,
#blocked a,
#blocked a:link,
#blocked a:hover,
#blocked a:visited {
	color: #c00;
}


/* ADMIN EDIT SCREENS */

body.edit {
	background-color: #fff;
}

body.edit #content {
	background-color: #eee;
	color: #333;
}

body.edit #menu a {
	background-color: #eee;
}

body.edit #editor {
	background-color: #fff;
}

body.edit div.buttonbar {
	background-color: #ddd;
}

body.edit textarea {
	font-weight: normal;
}


/* GENERIC */

body {
	background-color: #BED1AB;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 76%;
	color: #050;
	text-align: center;
	margin: 5px;
}

a,
a:link,
span.button {
	color: #270;
	font-weight: bold;
	text-decoration: underline;
}

a:visited {
	color: #390;
}

a:visited {
	color: #390;
}

img {
	border: 0;
}

p,
div.formline {
	font-size: 1em;
}

/* A falsehood, visible only to IE 5.0+ */
_td,
_th {
	font-size: 76%;
}

/* IE 6 sees this, and corrects the falsehood */
t\d,
t\h {
	font-size: 100%;
}

/* Doesn't the world get tangled once you start having to lie? */

h5 {
	font-size: 1em;
}

span.button {
	cursor: pointer;
	text-decoration: underline;
}

h2,
body.home #subitems h3 {
	text-transform: uppercase;
	font-weight: bold; 
	font-size: 2.5em;
	margin: 0;
}


/* FORMS */

form {
	margin: 0;
	padding: 0;
}

input.text,
input.smalltext,
input.minitext,
textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border: 2px solid #050;
	width: 20em;
	padding: 0 0.2em;
}

input.smalltext {
	width: 10em;
}

input.minitext {
	width: 2em;
}

select {
	font-weight: bold;
}

label {
	font-weight: bold;
	cursor: pointer;
}

div.formline {
	margin-top: 0.5em;
}

div.buttonline {
	margin-top: 1em;
}


/* CLEAR FLOATS */

div.clear {
	clear: both;
	height: 0;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}


/* ERRORS AND SYSTEM MESSAGES */

div.notice {
	background-color: #FFFFCC;
	padding: 0;
	margin-bottom: 1em;
}

div.notice .inner {
	padding: 0 10px;
}

div.notice input.button {
	background-color: #900 !important;
	border: 2px solid #d33;
	border-color: #f33 #600 #600 #f33;
	color: #fff;
}

#errors,
#messages,
div.warning {
	background-color: #FFFFCC;
	padding: 0;
	margin-bottom: 1em;
}

#errors {
	color: #C00;
}

#messages {
	color: #360;
}

div.warning {
	padding: 1em;
}

#errors h3,
#messages h3 {
	margin-top: 0;
	padding: 5px 10px 0 10px;
}

#errors ul,
#messages ul {
	padding: 0 10px 10px 10px;
	margin: 0;
	list-style-type: none;
}

#errors ul li,
#messages ul li {
	border-left: 4px solid #C00;
	padding-left: 0.5em;
	margin-top: 0.25em;
}

#messages ul li {
	border-color: #360;
}

body.error #content {
	color: #900;
	background-color: #ffc;
}

body.error #content a,
body.error #content a:link,
body.error #content a:hover,
body.error #content a:active,
body.error #content a:visited {
	color: #d00;
}


/* TABLES */

table {
	margin: 1em 0 0 0;
}

td,
th {
	color: ;
/*	padding: 0.25em 2em 0.25em 0.5em;
*/	font-size: 76%; /* IE 5.5 and below do stupid things with font sizes in table cells. This line prevents that. */
	fo\nt-size: 100%; /* This line resets the idiocy of the line above, but isn't seen by IE 5.5 and below. */
}

tr.odd td,
tr td {
	background-color: ;
}

tr.even td {
	background-color: ;
}

th {
	background-color: ;
	color: ;
	font-weight: bold;
	vertical-align: top;
}

thead th {
	background-color: ;
	color: ;
}

/* Negate the odd effect on the TinyMCE interface */

.mceEditorContainer table {
	margin: 0;
}


/* WRAP */

#wrap {
	position: relative;
	width: 785px;
	margin: 0 auto;
	text-align: left;
}

body.admin #wrap {
	width: 100%;
	margin: 0;
}

* html body.admin #wrap {
	width: auto;
}


/* LOGO */

h1 {
	background-color: #fff;
	margin: 0 0 8px;
	padding: 0;
	text-decoration: none;
			width: 356px;
		height: 110px;
	}

h1 a {
	text-decoration: none;
}

h1 img {
	margin-left: 5px;
}

*+html h1 img { /* IE 7 (& 5) only */
	margin-bottom: -1px;
}

/* TOP CATS */

#topcats {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
}

#topcats h3 {
	display: none;
}

#topcats table {
	margin: 0 0 -4px 8px;
	_margin-bottom: -17px;
}

#topcats td a {
	text-decoration: none;
	display: block;
	width: 80px;
	overflow: hidden;
	font-size: 0.9em;
	color: #fff;
	float: left;
	margin: 0;
	padding: 0.5em 0 0.25em 0;
	margin-bottom: 4px;
	text-align: center;
}

#topcats td {
	width: 80px;
	background-color: #9c0;
	vertical-align: top;
	padding: 0;
	_padding-bottom: 1.75em;
	margin: 0 0 0 4px;
	font-size: 76%;
	f\ont-size: 100%;
}

#topcats td.current a {
	color: #050;
}

#topcats td.current {
	background-color: #EBFED7;
}

#topcats td.unselected {
	cursor: pointer;
	cursor: hand; /* Darn IE 5 */
}

#topcats td.grey {
	background-color: #996;
}

#topcats td#basket {
	background-color: #690;
}

#topcats td#basket a img,
#topcats td#nobasket a img {
	margin: 3px 0;
	_margin: 3px 0 0 0;
}

*:first-child+html #topcats td a { /* IE 7 */
	min-height: 4em;
}

#topcats td#nobasket {
	background-color: #996;
	cursor: default;
}

#topcats td#checkout {
	background-color: #360;
}

#topcats td#nocheckout {
	background-color: #996;
}

#topcats td#checkout a img,
#topcats td#nocheckout a img {
	margin: 5px 0 0 0;
}

#topcats td#nocheckout {
	cursor: default;
}

#topcats #help {
	position: absolute;
	bottom: 5px;
	_top: 0.75em;
	right: 30px;
	text-align: right;
}

#topcats #help a {
	color: #360;
}

/* CONTENT AREA */

#content,
#vat_notice {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: 757px;
	background-color: #EBFED7;
}

#vat_notice {
	margin-top: 0.5em;
}

body.checkout #content {
	margin: 0;
}

body.admin #content {
	margin: 55px 0 0 0;
			margin-top: 110px;
	}

.contentinner {
	margin: 0.5em 1em 0 1em;
}

#vat_notice .contentinner {
	margin-top: 0em;
	font-style: italic;
	text-align: center;
	font-size: 0.8em;
}

#innersubcontent {
	position: relative;
	padding: 1em;
}


/* BASKET */

body.basket a,
body.basket a:link,
body.basket span.button {
	color: #c60;
	font-weight: bold;
	text-decoration: underline;
}

body.basket a:visited {
	color: #c60;
}

body.basket a:active {
	color: #c60;
}

body.basket a:hover {
	color: #c60;
	background-color: transparent;
}

body.basket #content {
	background-color: #EBFED7;
	color: #050;
}

body.basket h2 {
	color: #fff;
	background-color: #690;
	margin: 0;
	padding: 0 0.5em;
}

body.basket input.minitext,
body.basket select,
body.basket textarea {
	color: #690;
}

body.basket input.minitext {
	border-color: #690;
	background-color: #fff;
}

body.basket input.checkbox,
body.basket input.radio,
body.basket input.checkout,
body.basket input.button {
	background-color: transparent;
}

body.basket td,
body.basket th {
	padding: 0.25em 1em;
	color: #333;
}

body.basket tr.odd td {
	background-color: #DAF4BF;
}

body.basket tr.even td {
	background-color: #C0E19E;
}

body.basket th {
	background-color: #9c3;
	color: #fff;
}

body.basket thead th {
	background-color: #690;
	color: #fff;
}

body.basket th a,
body.basket th a:link,
body.basket th span.button {
	color: #333;
}


/* USER AREAS & CHECKOUT */

body.user a,
body.user a:link,
body.user span.button, 
body.checkout a,
body.checkout a:link,
body.checkout span.button {
	color: #060;
	font-weight: bold;
	text-decoration: underline;
}

body.user a:visited,
body.checkout a:visited {
	color: #060;
}

body.user a:active,
body.checkout a:active {
	color: #060;
}

body.user a:hover,
body.checkout a:hover {
	color: #060;
	background-color: transparent;
}

body.checkout #content,
body.user #content {
	background-color: #EBFED7;
	color: #050;
}

body.checkout h2,
body.user h2 {
	color: #fff;
	background-color: #360;
	margin: 0;
	padding: 0 0.5em;
}

body.checkout input.minitext,
body.checkout input.smalltext,
body.checkout input.text,
body.checkout select,
body.checkout textarea,
body.user input.minitext,
body.user input.smalltext,
body.user input.text,
body.user select,
body.user textarea {
	color: #360;
}

body.checkout select,
body.checkout textarea,
body.checkout input.minitext,
body.checkout input.smalltext,
body.checkout input.text,
body.user select,
body.user textarea,
body.user input.minitext,
body.user input.smalltext,
body.user input.text {
	border-color: #360;
	background-color: #fff;
}

body.checkout input.button,
body.checkout input.checkbox,
body.checkout input.checkout,
body.checkout input.continue,
body.checkout input.image,
body.checkout input.radio,
body.user input.button,
body.user input.checkbox,
body.user input.checkout,
body.user input.continue,
body.user input.image, 
body.user input.radio {
	background-color: transparent;
}


/* HTTP Error 404 */
body.e404 h2 {
	padding: 0 0.5em;
}

body.checkout input.checkout,
body.checkout input.button,
body.user input.checkout,
body.user input.button {
	background-color: transparent;
}

body.checkout td,
body.checkout th,
body.user td,
body.user th {
	padding: 0.25em 1em;
	color: #333;
}

body.checkout tr.odd td,
body.user tr.odd td {
	background-color: #BBDE97;
}

body.checkout tr.even td,
body.user tr.even td {
	background-color: #9c6;
}

body.checkout th,
body.user th {
	background-color: #2F8819;
	color: #fff;
}

body.checkout thead th,
body.user thead th {
	background-color: #360;
	color: #fff;
}

body.checkout th a,
body.checkout th a:link,
body.checkout th span.button,
body.user th a,
body.user th a:link,
body.user th span.button {
	color: #333;
}

div.buttonline input.continue {
	float: right;
}

ul.shippingmethods {
	list-style-type: none;
}

body.checkout div.address {
	width: 40%;
	float: left;
}


/* CHECKOUT PROGRESS */

div.checkout_prog {
	margin: 1em 0;
}

div.checkout_prog h3 {
	margin-bottom: 0.5em;
}

div.checkout_prog ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.checkout_prog li {
	list-style: none;
	display: block;
	float: left;
	width: 10em;
	margin: 0;
	padding: 0;
	border-left: 1px solid #EBFED7;
}

div.checkout_prog li del,
div.checkout_prog li em, 
div.checkout_prog li span {
	display: block;
	padding: 0.5em 0;
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 1em;
	text-align: center;
}

div.checkout_prog li del {
	background-color: #360;
	color: #fff;
	text-decoration: none;
}

div.checkout_prog li em {
	background-color: #050;
	color: #fff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

div.checkout_prog li span {
	background-color: #fff;
	color: #360;
}

#showpostal {
	display: block;
}

#showpostal.hide {
	display: none;
}

#postal {
	display: none;
}

#postal.show {
	display: block;
}


/* USER AREA */

body.user #innersubcontent {
	padding-right: 220px;
}

body.user .specnav {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	color: #fff;
	background-color: #360;
}

body.user .specnav h3 {
	display: none;
}

body.user .specnav .inner {
	padding: 0 1em;
}


body.user .specnav ul {
	list-style-type: none;
	padding-left: 0;
}

body.user .specnav a,
body.user .specnav a:link,
body.user .specnav a:active,
body.user .specnav a:visited,
body.user .specnav a:hover,
body.user .specnav span.button {
	color: #fff;
}

/* BREADCRUMBS */

#bread {
	margin-bottom: 0.5em;
}

#bread h3 {
	font-size: 1em;
	display: inline;
}

#bread ul {
	font-size: 1em;
	display: inline;
	margin-left: 0.5em;
	padding-left: 0;
}

#bread ul li {
	display: inline;
	margin-left: 0.25em;
}

#bread ul li.first {
	margin-left: 0;
}

#bread ul li {
	font-weight: normal;
}


/* HELP ITEMS */

#helpitems {
	float: left;
	width: 100px;
	margin: 0;
}

.help_page #helpitems {
	float: left;
	min-height: 90%;
}

#helpitems h3 {
	display: none;
}

#helpitems ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	_margin-top: 20px;
}

#helpitems li {
	margin-bottom: 1em;
	padding-left: 0;
	margin-left: 0;
}


/* MAIN ITEM */

body.home #item {
	float: left;
	width: 340px;
	margin: 0 0 0 10px;
}

body.home #mainitem {
	background-color: #BED1AB;
	overflow: auto; /* Triggers hasLayout in IE7, otherwise italicised home messages hide the homepage image... ain't IE brilliant? */
}

body.home #mainiteminner {
	padding: 10px;
}

.help_page #mainitem {
	float: left;
	width: 630px;
}


h2 ins.sale {
	color: #f00;
	font-style: italic;
	text-decoration: none;
}

img.pimage {
	border: 2px solid #050;
}

body.home #mainitem div.pimage {
	margin-top: 1em;
	width: 104px;
}



/* SUB ITEMS */

body.home #subitems {
	float: right;
	width: 265px;
	margin: 0 0 0 15px;
	padding: 0;
}

body.home #subitems div.pimage {
	display: none;
}

.help_page #subitems {
	float: right;
	width: 630px;
	_padding-top: 1em;
}

ul.subitems {
	clear: left;
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
}

.subitems {
	margin-bottom: 1em;
	margin-left: 0;
}

.subitems li {
	padding: 1em 0 0 0;
	_padding: 0;
	margin: 10px 0 0 0;
}

body.home #subitems li {
	margin-top: 1em;
	margin-bottom: 0;
	padding-top: 0;
}

.subitems li .pbody {
	position: relative;
	padding: 0 0 0 123px;
}

.help_page #subitems li .pbody {
	padding-left: 0;
}

body.home #subitems li .pbody {
	position: static;
	padding-left: 0;
}

.subitems h4 {
	margin: 0 0 0.5em 0;
	padding: 0;
}

body.home #subitems h4 {
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 0;
}

.subitems h4 ins.sale {
	color: #f00;
	font-style: italic;
	text-decoration: none;
}

.subitems h4 a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

.subitems h4 input {
	margin-bottom: -5px;
}

.subitems div.pimage {
	width: 102px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	padding-bottom: 0;
}

.help_page div.pimage {
	position: relative;

}

.subitems div.description p {
	margin: 0.25em 0 0 0;
}

/* SEARCH */

#minisearch {
	position: absolute;
	top: 10px;
	right: 40px;
}

#minisearch h3 {
	display: none;
}

#minisearch input.button {
	margin-bottom: -4px;
}

#minisearch input.smalltext {
	background-color: #fff;
	border: 2px solid #EBFED7;
	color: #050;
	background-color: #fff;
	border: 2px solid #EBFED7;
	color: #050;
}

#search_form input.button {
	margin-bottom: -5px;
}


/* ITEM IMAGES */

div.pimage {
	background-color: #050;
	padding-bottom: 0.25em;
	width: 204px;
	text-align: center;
	float: left;
	margin: 0.5em 1em 1em 0;
}

div.pimage a,
div.pimage a:link,
div.pimage a:visited,
div.pimage a:active {
	font-weight: normal;
	color: #fff;
}


/* BASELINKS & OFFICIALLINKS */

#baselinks {
	float: right;
	margin: 0.25em 40px 1.5em 0;
	_margin-right: 20px;
}

#officiallinks {
	float: left;
	margin: 0.25em 0 1.5em 0;
}

#officiallinks div {
	margin-top: 0.25em;
}

#baselinks ul,
#officiallinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#baselinks li,
#officiallinks li {
	display: inline;
}

#baselinks li a,
#officiallinks li a {
	font-weight: normal;
	font-size: 0.75em;
}

#baselinks a,
#baselinks a:link,
#baselinks a:visited,
#baselinks a:active,
#officiallinks a,
#officiallinks a:link,
#officiallinks a:visited,
#officiallinks a:active {
	font-weight: normal;
	color: #360;
}

#baselinks li:after {
	content: ", ";
}

#baselinks li:last-child:after {
	content: "";
}


/* ADMIN AREA */

body.admin #content {
	width: auto;
	margin-left: 190px;
	background-color: transparent;
}

* html body.admin #content {
	width: 575px;
}

body.admin h1 {
	width: 160px;
}

body.admin div.specnav {
	z-index: 5;
	background-color: #CADFB6;
	border: 1px solid #CADFB6;
	color: #225960;
	width: 160px;
	padding: 5px 10px;
}

body.admin div.specnav ul {
	margin: 0;
	list-style-type: none;
	padding: 10px;
}

body.admin input,
body.admin select {
}

body.admin input,
body.admin textarea, 
body.admin select {
	border-color: #050;
	color: #050;
}

body.admin input.button {
	color: #fff;
	background-color: #050;
	border: 1px solid #fff;
	border-color: #fff #339 #339 #fff;
}

body.admin a:link,
body.admin a:active,
body.admin a:visited,
body.admin a:hover {
	color: #050;
}

body.admin td,
body.admin th {
	color: #225960;
}

body.admin tr.odd td,
body.admin tr td {
	background-color: #CADFB6;
}

body.admin tr.even td {
	background-color: #D6E6C6;
}

body.admin th {
	background-color: #BED1AB;
	color: #225960;
}

body.admin thead th {
	background-color: #ABC195;
	color: #225960;
}


/* ROUNDED CORNERS */

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/* HOLLY HACKS TO MAKE HEADERS BEHAVE */

/* Hides from IE5-mac \*/
* html h2 {height: 1%;}
/* End hide from IE5-mac */