* {font-family: Arial, 'lucida sans', 'bitstream vera sans', 'verdana';}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;}

.clear {clear: both;}
.hidden {visibility: hidden; position: absolute; top: 0; left: -2000px; height: 1px; width: 0; overflow: hidden;}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 15px;}
h5 {font-size: 13px;}
h6 {font-size: 10px;}

.float-left {float: left;}

/* ie corrections */
/* end ie corrections */

/* error reporting */
/*.error {display: block; clear: both;}*/
/*.error span {padding: 5px;}*/
 .error {background: #FFF; color: #FF0000 !important;}
#ctl00_valSummary {background: #FFF; line-height: 16px; padding: 5px; background: #FFF5F9; margin: 5px; border-bottom: solid 1px #FF9A88; color: #FF0000 !important;}
	#ctl00_valSummary ul, .error ul {margin-left: 20px; list-style: disc;}

#ctl00_tcContent_lblErrorMsg {background: #FFF; line-height: 16px; padding: 5px; background: #FFF5F9; margin: 5px; border-bottom: solid 1px #FF9A88; color: #FF0000; display: block;}

/* top menu */
#top-nav {padding: 0 3px; text-align: right;}
	#top-nav ul li {display: inline; padding: 0 5px; line-height: 18px;}

/* login.aspx */
#login-page #login-box {width: 250px; padding: 10px; float: left;}
	#login-page #login-box h4 {border-bottom: solid 1px #AAAAAA; margin-bottom: 5px;}
	#login-page #login-box .form-container {margin-bottom: 5px;}
		#login-page #login-box .form-container label {display: block; float: left; line-height: 22px; text-align: right; width: 75px; margin-right: 5px;}
		#login-page #login-box .form-container input {width: 150px;}
	#login-page #login-box .other-container {border-top: solid 1px #AAAAAA; padding-top: 5px; margin-left: 80px;}
		#login-page #login-box .other-container div {line-height: 18px;}
		#login-page #login-box .other-container input {margin: 0; position: relative; left: 2px; top: 2px;}
		#login-page #login-box .other-container label {display: block; position: relative; left: -2px; top: -2px;}
	#login-page #login-box .submit-button {text-align: right; margin-top: 10px;}
#login-page #register-box {margin-left: 270px; padding: 10px;}
	#login-page #register-box h4 {border-bottom: solid 1px #AAAAAA; margin-bottom: 5px;}
	#login-page #register-box p, #register-box li {line-height: 18px;}
	#login-page #register-box ul {margin-left: 20px; list-style: disc;}
	#login-page #register-box .submit-button {text-align: right; margin-top: 10px;}

/* register.aspx */
#register-page #register-box {width: 420px; padding: 10px; float: left;}
	#register-page #register-box h4 {border-bottom: solid 1px #AAAAAA; margin-bottom: 5px;}
	#register-page #register-box .form-container {margin-bottom: 5px; height: 22px;}
		#register-page #register-box .form-container label {display: block; float: left; line-height: 22px; text-align: right; width: 120px; margin-right: 5px;}
		#register-page #register-box .txt-input input {width: 200px; float: left;}
		#register-page .ext-input {line-height: 22px; padding-left: 2px; float: right;}
		#register-page .ext-input span {padding-left: 5px; float: left;}
		#register-page .ext-input input {width: 50px !important;}
		#register-page .other-container {height: 67px; padding-left: 120px;}
		#register-page .other-container input {float: left;}
		#register-page .other-container label {line-height: 22px;}

		/* as usual, ie isnt being a good browser */
		#ie6 #register-page .ext-input input, #ie7 #register-page .ext-input input, #ie8 #register-page .ext-input input {float: right;} /* move the input box to the right */
		#ie6 #register-page .ext-input, #ie7 #register-page .ext-input  {position: relative; top: -22px;} /* and scoot the label up */
		#ie6 #register-page .form-container {height: 22px; overflow: hidden;} /* now just ie6 is misbehaving */

/* forgotpassword.aspx */
#forgotpassword-page #forgotpassword-box {width: 360px; padding: 10px; float: left;}
	#forgotpassword-page #forgotpassword-box h4 {border-bottom: solid 1px #AAAAAA; margin-bottom: 5px;}
	#forgotpassword-page #forgotpassword-box .text-container {line-height: 16px; margin-bottom: 10px;}
	#forgotpassword-page #forgotpassword-box .form-container {margin-bottom: 5px; height: 22px;}
		#forgotpassword-page #forgotpassword-box .form-container label {display: block; float: left; line-height: 22px; text-align: right; width: 35px; margin-right: 5px;}
		#forgotpassword-page #forgotpassword-box .form-container input {width: 180px; float: left;}
	#forgotpassword-page #forgotpassword-box .submit-button {text-align: right; margin-top: 10px;}

/* productcompact.aspx */
#product-detail {}
	#product-detail #identifier {height: 32px;}
		#product-detail #identifier .left {float: left; font-weight: 700; font-size: 18px;}
		#product-detail #identifier .right {float: right; font-size: 11px; padding: 3px 5px 0 0;}
	#product-detail #left-detail {width: 300px; float: left;}
		#product-detail #left-detail a {text-decoration: none;}
		#product-detail #left-detail #image {text-align: center; margin-bottom: 10px;}
		#product-detail #left-detail span {display:  block;}
			#product-detail #left-detail #links ul li {margin-bottom: 4px; display: none;}
				#product-detail #left-detail #links ul li a {text-decoration: none;}
					#product-detail #left-detail #links ul li a img {position: relative; top: 3px;}
	#product-detail #right-detail {margin-left: 310px; padding-right: 5px;}
		#product-detail #right-detail .product-desc-node {margin-bottom: 14px;}
			#product-detail #right-detail .product-desc-node h5 {border-bottom: solid 1px #777777; width: 200px; margin-bottom: 2px;}
			#product-detail #description {line-height: 15px;}
			#ctl00_tcContent_tblStockDisplay {border-color: #888888;}
				#ctl00_tcContent_tblStockDisplay td {padding: 2px;}
			#product-detail #right-detail .product-desc-node .select-container select {margin: 2px 2px 5px 0;}
			#product-detail #right-detail .product-desc-node .form-container {margin-bottom: 5px; height: 22px;}
				#product-detail #right-detail .product-desc-node .form-container label {display: block; float: left; line-height: 22px; width: 60px;}
				#product-detail #right-detail .product-desc-node .form-container .txt {line-height: 22px;}
		#product-detail #right-detail #submit-button {height: 36px;}
			#product-detail #right-detail #submit-button a {text-decoration: none;}
			#product-detail #right-detail #submit-button .left {float: left; margin-right: 10px;}
			#product-detail #right-detail #submit-button .right {}

/* basket.aspx */
#basket-page {}
	#basket-page #identifier {height: 32px;}
		#basket-page #identifier .left {float: left; font-weight: 700; font-size: 18px;}
		#product-detail #identifier .right {float: right; font-size: 11px; padding: 3px 5px 0 0;}

	#basket-page #promotion-code {height: 34px; width: 365px; margin: 0 auto;}
	#basket-page #promotion-code .message {height: 1px;}
	#basket-page #promotion-code label, #promotion-code .txt {margin-top: 4px;}
	#basket-page #promotion-code label {display: block; float: left; width: 125px; line-height: 18px;}
	#basket-page #promotion-code .txt {display: block; float: left; width: 140px; line-height: 22px;}

	#basket-page .basket-controls {padding: 2px;}
		#basket-page #basket-controls-top {border-top: solid 1px #AAAAAA; margin-top: 5px; padding-top: 5px; display: none;}
		#basket-page #basket-controls-bottom {text-align: right; margin-top: 10px; padding-right: 10px;}
	#basket-page #basket-table .dgBasket {width: 100%;}
		#basket-page #basket-table .basketitem {border-style: solid; border-color: #888; border-width: 1px 0px;}
		#basket-page #basket-table .basketitem td {background: #F0F0F0;}
		#basket-page #basket-table .basketitem.alt td {background: #EAEAEA;}
		#basket-page #basket-table .basketheader td {padding: 6px 3px 3px 3px;}
		#basket-page #basket-table .item-name {font-size: 14px; margin-bottom: 2px;}
		#basket-page #basket-table .item-number {font-size: 10px; color: #666666;}
		#basket-page #basket-table .item-name, #basket-page #basket-table .item-number {margin-left: 3px;}
		#basket-page #basket-table .action-wrap {margin-left: 8px;}
		#basket-page #basket-table .basketaction {display: block; float: left; position: relative; top: 3px; margin-right: 3px;}
		#basket-page #basket-table .basket-item-error {color: #CC0000; font-size: 11px; display: block; padding: 3px; width: 90%; margin-top: 3px;}
		#basket-page #basket-table .qty-input {float: left; width: 40px;}
		#basket-page #basket-table .basketfooter {line-height: 18px;}
		
		#ie6 #basket-page #basket-table .basketitem, #ie7 #basket-page #basket-table .basketitem {padding: 2px;}
		
/* progression */
#checkout-progression {height: 36px; line-height: 30px;}
	#checkout-progression span {width: 24%; display: block; float: left; text-align: center;}
	#checkout-progression span span {width: 100%; color: #444444;}
	#checkout-progression span.active {font-weight: 700;}

/* shipping.aspx|billing.aspx */
#checkout-page #identifier {height: 32px;}
	#checkout-page #identifier .left {float: left; font-weight: 700; font-size: 18px;}
	#checkout-detail #identifier .right {float: right; font-size: 11px; padding: 3px 5px 0 0;}
	#checkout-page .section-header {margin-top: 5px;}
#checkout-page #address-input {width: 420px; float: left;}
#checkout-page #address-input h4 {margin-bottom: 7px;}
#checkout-page #address-input .form-container {margin-bottom: 5px; height: 22px;}
	#checkout-page #address-input .form-container label {display: block; float: left; line-height: 22px; text-align: right; width: 110px; margin-right: 5px;}
	#checkout-page #address-input .txt-input input {width: 200px; float: left;}
	#checkout-page .ext-input {line-height: 22px; padding-left: 2px; margin-left: 322px;}
	#checkout-page .ext-input span {padding-left: 5px; float: left;}
	#checkout-page .ext-input input {width: 50px !important; float: right !important;}
	#checkout-page .other-container {height: 45px; padding-left: 120px;}
	#checkout-page .other-container input {float: left;}
	#checkout-page .other-container label {line-height: 14px;}

	#address-book {margin-left: 430px; }
		#address-book .contents {width: 300px; height: 300px; overflow-y: auto; margin-top: 5px; float: left;}
		#address-book table {}

		#address-book .address-controls input {display: block; margin: 0 5px 5px 0;}
		#address-book .addressbookitemborder {float: left; padding: 5px 0;}

#order-totals {margin: 0 0 10px 5px;}
#order-totals td {width: 70px;}
#order-totals td span {display: block; padding: 2px;}

/* billing.aspx */
#sometimes-i-hide {height: auto !important;}
#billing-enter-info {padding: 5px 0;}
#ctl00_tcContent_txtBudgetCode {width: 50px !important;}
#order-totals td span {padding: 3px;}
#ctl00_tcContent_pnlCreditCard {}
#ctl00_tcContent_pnlPaymentMethod .form-container {margin-bottom: 5px; height: 22px;}
#ctl00_tcContent_pnlCreditCard .form-container, #ctl00_tcContent_pnlCreditCard .required-container {margin-bottom: 5px; height: 22px; clear: both;}
	#ctl00_tcContent_pnlPaymentMethod .form-container label, #ctl00_tcContent_pnlCreditCard .form-container label, #ctl00_tcContent_pnlCreditCard .required-container label {display: block; float: left; line-height: 22px; text-align: right; width: 130px; margin-right: 5px;}
	#ctl00_tcContent_pnlPaymentMethod .txt-input input, #ctl00_tcContent_pnlCreditCard .txt-input input {width: 200px; float: left;}
	#ctl00_tcContent_pnlCreditCard .required-container .txt-input input {width: auto; float: left;}
	#ctl00_tcContent_pnlCreditCard .rad-input {height: 40px; float: left;}
	#ctl00_tcContent_pnlCreditCard .rad-input li {display: block; float: left; height: 32px; margin-right: 8px;}
	#ctl00_tcContent_pnlCreditCard .rad-input li input {position: relative; top: -8px;}
	#ctl00_tcContent_pnlCreditCard .rad-input li img {border: solid 1px #EEEEEE;}
	#rad-form-container {height: 34px !important;}

	/* required field */
	#ctl00_tcContent_pnlCreditCard .required-container {height: 22px; background: #FFD; padding: 4px 0 3px 0;}
	#ctl00_tcContent_pnlCreditCard .required-container span {line-height: 20px;}

	/* you behave */
	#ie6 #checkout-page .ext-input *, #ie7 #checkout-page .ext-input * {position: relative; top: -22px;}
	#ie6 #checkout-page .form-container, #ie7 #checkout-page .form-container {height: 22px; overflow: hidden;} /* and we have to force form-container to this height */
	#ie6 .rad-input-container, #ie7 .rad-input-container {height: 54px !important;}

/* review.aspx */
#checkout-page #basket-table .dgBasket {width: 100%;}
	#checkout-page #basket-table .basketitem {background: #F0F0F0; border-style: solid; border-color: #888; border-width: 1px 0px;}
	#checkout-page #basket-table .basketitem.alt {background: #EAEAEA;}
	#checkout-page #basket-table .basketitem td, #checkout-page #basket-table .basketitem.alt td {padding: 4px;}
	#checkout-page #basket-table .basketheader td {padding: 6px 3px 3px 3px;}
	#checkout-page #basket-table .item-name, #basket-table .item-number {margin-left: 3px;}
	#checkout-page #basket-table .basket-item-error {color: #CC0000; font-size: 11px; display: block; padding: 3px; width: 90%; margin-top: 3px;}
	#checkout-page #basket-table .basketfooter {line-height: 18px;}

/* confirmation.aspx */
#final-order-number {padding: 5px; text-align: center; font-size: 14px; font-weight: 700; background: #CCFFCC; border: solid 1px #44FF44; margin-bottom: 10px;}

.review-node {margin-bottom: 5px; line-height: 14px; border-top: solid 1px #AAAAAA; padding-top: 5px;}
	.review-node div {margin-left: 5px;}
#extra-special {font-weight: 700; margin-top: 20px;}

/* product paging */
#product-page #identifier {height: 32px;}
	#product-page #identifier .left {float: left; font-weight: 700; font-size: 18px;}
	#product-page #identifier .right {float: right; font-size: 11px; padding: 3px 5px 0 0;}

#product-page .product {margin: 0 10px 10px 0; border: solid 1px #EEEEEE; padding: 5px; float: left; width: 180px; height: 235px;}
#product-page .product .image {width: 180px; height: 180px; background: #FFFFFF; text-align: center; vertical-align: middle;}
#product-page .product .productname {margin: 3px 0;}
#product-page .product .productname a {color: #222222;}

/* help page */
#helppage #identifier {height: 32px;}
	#helppage #identifier .left {float: left; font-weight: 700; font-size: 18px;}
	#helppage #identifier .right {float: right; font-size: 11px; padding: 3px 5px 0 0;}
#helppage h4 {margin-bottom: 2px;}
#helppage p {line-height: 16px; margin-bottom: 10px;}

/* advancedsearch.aspx */
#advanced-search-table {width: 100%;}
#advanced-search-table .header {font-weight: 700; padding: 4px;}

/* specialorders.aspx */
#customorder #identifier {height: 32px;}
	#customorder #identifier .left {float: left; font-weight: 700; font-size: 18px;}
	#customorder #identifier .right {float: right; font-size: 11px; padding: 3px 5px 0 0;}
#customorder ul {list-style: disc; margin-left: 20px;}