/* Global CSS */

.formerror { color: red; }

BODY {
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg3.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
P {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	

td.description p {
	margin: 7px 0;
}

FORM {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	
  
 A {
	color: #003399;
	} 
	
label {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #000000;
}

/* Page Wrap CSS */	

#bodywrapper {
	margin: 0px 0px 0px 0px;
	width: 97%;
	padding: 0px 0px 0px 0px;
	height: 725px;
	position: absolute;
	display: block;
	}


/* Global Top-Right Content CSS */	

#top {
	width: 765px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 136px;
	display: block;
	position: absolute;
	}	
	
	
#top A {
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#toplinks {
	float: right;
	padding: 37px 0px 0px 0px;
	}
	
#toplinks A{
	margin: 0px 25px 0px 0px;
	}
	
#toplinks a:hover {
	text-decoration: none;
	border: 0px;
	background-color: #000000;
	color: #FFFFFF;
	}	

#toplinks A IMG {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}		
	
#toprb {
	position: absolute;
	left: 316px;
	width: 449px;
	height: 15px;
	top: 75px;
	background-image: url(../images/rightitle_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 45px 0px 0px 0px;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
	}	
	
#toprb UL {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#toprb LI {
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	list-style-type: none;
	}		
	
#toprb LI A {
	text-decoration: none;
	color: #000000;
	}
	
#toprb LI A:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	}		

#topright {
	float: right;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 0px;
	width: 105px;
	}	
	
#myaccounttop a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 28px;
	width: 65px;
	height: 13px;
	display: block;
	background: url(../images/buttons/myaccount_multi.gif) 0px 0px no-repeat;
	}
	
#myaccounttop a:hover{
	width: 65px;
	height: 13px;
	display: block;
	background: url(../images/buttons/myaccount_multi.gif) 0 -13px no-repeat;
	}	
	
#carttop a {	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	width: 105px;
	height: 15px;
	display: block;
	background: url(../images/buttons/shoppingcart_multi.gif) 0px 0px no-repeat;
	}
	
#carttop a:hover{
	width: 105px;
	height: 15px;
	display: block;
	background: url(../images/buttons/shoppingcart_multi.gif) 0 -15px no-repeat;
	}		
	
#checkouttop a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 28px;
	width: 52px;
	height: 10px;
	display: block;
	background: url(../images/buttons/checkout_multi.gif) 0px 0px no-repeat;
	}
	
#checkouttop a:hover{
	width: 52px;
	height: 10px;
	display: block;
	background: url(../images/buttons/checkout_multi.gif) 0 -10px no-repeat;
	}			
	
#topleft {
	display: block;
	position: absolute;
	
	}	
	

/* Left Navigation CSS */

/* below is a fix for IE for WinXP -- testing is not accurate with IE for Win2000. There was an issue with the margin doubling in IE for Win. I just used a wrapper that had a transparent padding. */
#navigationwrap {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 281px;
	height: 493px;
	position: absolute;
	display: block;
	background-image: url(../images/navigation/nav_bg_1.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 220px;
	}
	
/* END OF FIX */	

#navigation {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	}
	
#navigation h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 281px;
	height: 24px;
	font-size: 9px;
	text-align: right;
	}

#navigation UL {
	padding: 5px 16px 5px 5px;
	margin: 0px;	
	width: 264px;
	}
	
#navigation LI {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 9px;
	font-size: 10px;
	list-style-type: none;
	color: #000000;
	font-family: Verdana, sans-serif;
	text-align:left;
	line-height: 17px;	
	}
	
#navigation UL LI A {
	color: #000000;
	text-decoration: none;
	font-weight: normal
	}
	
#navigation UL LI A:hover {
	background-color: #000000;
	text-decoration: none;
	color: #FFFFFF;
	}
	
#navigation H3 {
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 15px;
	background-color: #323722;
	width: 280px;
	}

#navigation H4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	list-style-type: square;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	text-align: left;
	line-height: 13px;
	font-weight: normal;
	top: 5px;
	}	
	
#search, #browse, #quickorder, #reseller {
	width: 281px;
	display: block;
	}
	
#news {
	width: 262px;
	display: block;
	height: 120px;
	padding: 10px 0px 5px 13px;
	margin: 0px 0px 0px 0px;
	}	
	
#newswrap {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	height: 50px;
	}	
	
#newswrapright {
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	}
	
#newswrapright H1 {
	color: #000000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	}

#newswrapright H2 {
	color: #000000;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 13px;
	width: 213px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	display: block;
	text-align: left;
	}
	
#newswrap IMG {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	}	
		
#mailing {
	width: 281px;
	display: block;
	height: 153px;
	background-image: url(../images/navigation/bottom_nav_bg.jpg);
	background-repeat: no-repeat;
	}	
	
#search FORM {
	padding: 10px 0px 8px 8px;
	margin: 0px 0px 0px 0px;
	}		
	
#search input[type="text"]  {
	vertical-align: middle;
	margin: 0px 0px 3px 5px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	}	
	
#search input[type="image"] {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 3px;
	vertical-align: top;
	}	
	
#mailing FORM {
	font-size: 10px;
	padding: 6px 0px 16px 10px;
	margin: 0px 0px 0px 0px;
	}	
	
#mailing input {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 11px 2px;
	}

#subunsub {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	}	

#mailing H1 {
	color: #000000;
	font-size: 11px;
	padding: 10px 0px 3px 13px;
	margin: 0px 0px 0px 0px;
	line-height: 13px;
	width: 213px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	}
		
	
	/* individual heading backgrounds */
	
#navheadsearch A, #navheadbrowse A, #navheadquickorder A, #navheadnews A, #navheadreseller A, #navheadmailing {
	text-decoration: none;
	height: 23px;
	width: 281px;
	display: block;
	}
	
	
#navheadsearch {
	background: url(../images/navigation/search_multi3.gif) 0px 0px no-repeat;
	}
	
#navheadsearch a:hover{
	background: url(../images/navigation/search_multi3.gif) 0px 0px no-repeat;
	}
	
	
	
#navheadbrowse {
	background: url(../images/navigation/browse_multi2.gif) 0px 0px no-repeat;
	}
	
#navheadbrowse A:hover{
	background: url(../images/navigation/browse_multi2.gif) 0px 0px no-repeat;
	}
	
#navheadquickorder {
	background: url(../images/navigation/quickorder_multi2.gif) 0px 0px no-repeat;
	}
	
#navheadquickorder A:hover{
	background: url(../images/navigation/quickorder_multi2.gif) 0px -24px no-repeat;
	}	
	
#navheadnews {
	background: url(../images/navigation/news_multi2.gif) 0px 0px no-repeat;
	}
	
#navheadnews A:hover{
	background: url(../images/navigation/news_multi2.gif) 0px -24px no-repeat;
	}		
	
#navheadreseller {
	background: url(../images/navigation/reseller_multi2.gif) 0px 0px no-repeat;
	}
	
#navheadreseller A:hover{
	background: url(../images/navigation/reseller_multi2.gif) 0px -24px no-repeat;
	}			
	
#navheadmailing {
	background: url(../images/navigation/mailing_multi2.gif) 0px 0px no-repeat;
	}
	
#accountname {
	display: block;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	top: 150px;
	left: 0px;
	width: 264px;
	height: 59px;
	font-family: Arial, sans-serif;
	}
	
#accountname H1 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;	
	}
	
#accountname H2 {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#accountname A {
	text-decoration: underline;
	}
	
#accountname a:hover {
	text-decoration: none;
	}			

/* 404 */

#a404wrap {
	padding: 50px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 375px;
	text-align: left;
	font-family: Arial, sans-serif;
	color: #000000;
	font-size: 12px;
	}
	
#a404in {
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 0px 0px;
	}		
	
#a404wrap H1 {
	font-size: 20px;
	font-weight: bold;
	}	
	
#a404wrap UL {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#a404wrap LI {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
	a img {border:none;}

/* -- Michael 23/05/08 ------------------------ */

/* related products */

ul.thumb-grid {
	padding: 0;
	margin: 30px 0;
}

ul.thumb-grid li {
	padding: 0;
	margin: 0 15px 0;
	float: left;
	width: 105px;
	height: 300px;
}

ul.thumb-grid li img {
	display: block;
	margin: 0 auto;
}

ul.thumb-grid p {
	padding: 0;
	margin: 10px 0 0;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.strong {
	font-weight: bold;
}

/* browsing subcategories with thumbs */

ul.subcategory {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	list-style-type: none;
}

ul.subcategory li {
	padding: 0 0 0 50px;
	margin: 10px 0 0;
	width: 150px;
	height: 220px;
	float: left;
}

ul.subcategory p {
	margin: 5px 0;
	font-size: 12px;
}

/* -------------------------------------------------- */

div.green {
	width: 500px;
	padding: 0 10px 10px;
	margin: 10px 0;
	background: #e8fbec;
	border: 1px solid #17bb45;
}

div.red {
	width: 500px;
	padding: 0 10px 10px;
	margin: 10px 0;
	background: #fbebe8;
	border: 1px solid #bb1717;
}

div.red li {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 10px;
	font-weight: bold;
}

div#footer {
	float: left;
	padding: 20px 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: .9em;
}

#maincontent p#thanks,
#maincontent h2#payment-details,
#maincontent h2#cart-contents {
	padding: 0;
	margin: 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

p#thanks em {
	font-style: italic;
}

#maincontent p#shipping-price {
	padding: 0;
	margin-left: 350px;
}

.hidetext {
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}

form#login-form {
	width: 372px;
}

dl#login {
	width: 372px;
}

dl#login dt {
	margin: 0 20px 18px 0;
	padding-top: 5px;
	width: 100px;
	text-align: left;
	float: left;
}

dl#login dd {
	margin: 0 0 18px;
	width: 220px;
	float: left;
}

dl#login dd input {
	padding: 2px;
	width: 218px;
	height: 15px;
}

form#login-form p#login-button {
	padding: 0;
	margin: 0 23px 0 0;
	float: right;
}

form#login-form p#forgot-password {
	margin: -2px 0 0 121px;
	float: left;
}

#maincontent p.login-action {
	padding: 0;
	margin-top: 20px;
}

p.login-action {
	width: 380px;
}

#maincontent p.phone {
	margin-top: 20px;
}

#maincontent p.quick-account {
	margin-bottom: 30px;
	line-height: 18px;
}

form#login-form fieldset {
	padding: 10px;
	margin: 10px 0;
	width: 372px;
	border: 1px solid #bbbbbb;
}

form#login-form fieldset h3 {
	padding: 0;
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: normal;
}

p.login-action {
	font-style: italic;
	font-size: 14px;
	color: #888;
}

p.login-action img {
	margin: -6px 20px 2px 14px;
	vertical-align: middle;
	float: right;
}

#maincontent p.login-notes {
	margin-top: 20px;
	border-top: 1px solid #888;
	color: #888;
	font-size: 12px;
}

strong.phone {
	font-weight: bold;
}

#maincontent p.continue {
	padding: 0;
	margin: 0;
	float: right;
}

ul#select-shipping li {
	margin: 4px 0;
}

ul#select-shipping li label {
	margin-left: 5px;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

img.align {
	padding: 0;
	margin: 0 3px 2px 2px;
	vertical-align: middle;
	border: 0;
}

table#cart-table {
	border: 1px solid #646464;
}