body { font: 12px Arial, Helvetica, sans-serif; background: #FFF url(../images/background.png) repeat-x; }

body, table, h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; }
img { border: none; }
p { padding: 0; margin: 0 0 10px 0; }
a {cursor:pointer}
h1 { font-size: 24px; color: #003366; }
h2 { font-size: 18px; color: #FFF; }
h3 { font-size: 16px; color: #003366; text-transform: uppercase; }
h4 { font-size: 14px; color: #006699; text-transform: uppercase; }
h5 { font-size: 12px; color: #003366; font-weight: bold;  }

hr { color: #006699; border: 1px #006699 solid; margin: 15px 0 25px 0; display: block; }
.left { float:left}
.right {float:right}
#wrapper { width: 960px; height: auto; margin: auto auto; }

#banner { width: 960px; height: 97px; float: left; position: relative; }
#logo { position: absolute; top: 20px; left: 10px; }
#icons { width: 250px; height: 22px; position: absolute; top: 10px; right: 0; text-align: right; }
#icons img { margin: 0 4px 0 4px; }
#search { width: 300px; right: 0; bottom: 10px; position: absolute; }
#searchtext { color: #FFF; text-transform: uppercase; font-size: 11px; font-weight: bold; float: left; margin: 4px 10px 0 0; }
.searchbox { width: 171px; height: 16px; border: none; background: url(../images/search-field.png) no-repeat; float: left; font-size: 11px; padding: 4px 10px 2px 10px; color: #73a4db; }
.gobutton { width: 27px; height: 22px; float: left; border: none; background: url(../images/go-button.png) no-repeat; }
.gobutton-white { width: 27px; height: 22px; float: left; border: none; background: url(../images/gobutton-white.png) no-repeat; }

#myaccount, #cart { width: 174px; float: left; padding: 0 8px 0 8px; margin: 0 0px 10px 0px; font-size: 11px; }
.username { width: 154px; height: 14px; float: left; padding: 5px 10px 3px 10px; background: url(../images/user-field.png) no-repeat; border: none; font-size: 11px; color: #73a4db; margin-bottom: 5px; }
.password { width: 127px; height: 14px; float: left; padding: 5px 10px 3px 10px;background: url(../images/passwordfield.png) no-repeat; border: none; font-size: 11px; color: #73a4db; margin-bottom: 5px; }

#content-top { width: 960px; height: 13px; float: left; background:url(../images/content-top.png) no-repeat; }
#content { width: 960px; height: auto; float: left; background: url(../images/content-mid.png) repeat-y; }
#content-bottom { width: 960px; height: 13px; float: left; background:url(../images/content-footer.png) no-repeat; z-index: 999; }

#content a { color: #135eb4; } #content a:hover { text-decoration: none; }

#left-column { width: 223px; height: auto; float: left; padding: 1px; margin-right: 5px; margin-top: -12px; }
.accordion ul li:first-child { margin: 0 0 5px 0!important; }
#main-content { width: 528px; height: auto; float: left; position: relative; padding: 1px; margin-top: -12px; }
#right-column { width: 193px; height: auto; float: left; margin-left: 5px; padding: 1px; margin-top: -12px;  }

.main { line-height: normal!important; }
#site-content { width: 488px; float: left; padding: 20px; line-height: 180%; overflow:hidden ; }
#site-content ul { padding-left: 30px; }

.accordion { float: left; }

#left-column ul { padding-left: 20px; list-style-type: none; font-weight: bold; text-transform: uppercase;  }
#left-column ul li { margin: 10px 0 10px 0; }
#left-column ul li a { color: #000; }
#left-column ul li a:hover { text-decoration: none; }

.navheading-left a { color: #FFF!important; text-decoration: none; }
.navheading-left a:hover { text-decoration: none!important; }

#mainheading { width: 486px; height: 39px; float: left; background: url(../images/mainheading.png) no-repeat; margin-left: 1px; padding: 10px 20px 10px 20px; color: #FFF; }
#pageheading { width: 516px; height: 27px; float: left; background: url(../images/pageheading.png) no-repeat; margin-left: 1px; padding: 4px 0 0 10px; color: #FFF; }
#mainheader { width: 528px; height: 263px; float: left; background:url(../images/mainheader.jpg) no-repeat; position: relative; }

#searchbybrand { width: 230px; height: 85px; position: absolute; top: 10px; right: 14px; padding: 5px 10px 0 10px; }
#searchbytype { width: 230px; position: absolute; top: 98px; right: 14px; padding: 5px 10px 0 10px; }
#searchbypartnumber { width: 230px; position: absolute; top: 170px; right: 14px; padding: 5px 10px 0 10px; }

#brand-selector, #model-selector, #type-selector, #partnumber-selector { width: 230px; margin-top: 10px; color: #19487c; text-align: right; }
#model-selector { margin-top: 4px!important; }
#type-selector { margin-top: 15px!important; }
#partnumber-selector { margin-top: 13px!important; }
#brand-selector select, #model-selector select, #type-selector select { width: 185px; color: #4b7eb7; font-size: 11px; height:20px; padding: 0 0 0 10px; margin-left: 5px; }
#brand-selector option, #model-selector option { padding-left: 10px; }
.partnumber-field { width: 143px; height: 17px; float: left; padding: 5px 10px 3px 10px; border: none; background: url(../images/partnumber-field.png) no-repeat; font-size: 11px; color: #73a4db; }
.partnumber-submit { width: 27px; height: 22px; float: left; border: none; background: url(../images/submit-partnumber.png) no-repeat; }

.navheading-left { width: 189px; height: 17px; float: left; font-size: 13px; font-weight: bold; color: #FFF; text-transform: uppercase; padding: 9px 17px 5px 17px; background: url(../images/navheading.png) no-repeat; margin: 0 0 10px 0; cursor: pointer; }
.navheading-right { width: 159px; height: 17px; float: left; font-size: 13px; font-weight: bold; color: #FFF; text-transform: uppercase; padding: 9px 17px 5px 17px; background: url(../images/navheading-right.png) no-repeat; margin: 0 0 10px 0; position: relative; }
.subcats { display:none; }
.navheading-right .heading-link { position: absolute; right: 20px; top: 8px; font-size: 11px; font-weight:normal; text-transform:capitalize; }
.navheading-right .heading-link a {color:#fff!important}
.navheading-right .heading-link a:hover {text-decoration: none;}

.subscribe-table { width: 200px; margin: auto auto; }
.subscribe-table td { padding: 5px; }

#side-search { padding: 10px 5px 10px 10px; }
.side-dropdown { width: 173px; float: right; color: #4b7eb7; font-size: 11px; height:20px; padding: 0 0 0 10px; margin: 2px 4px 5px 0; }
#side-search h3 { font-size:14px; }

.productname { font-weight:bold; font-size:125%; color:#003366;}

.inputbox { width: 200px; }
input.inputbox { height:21; }
.responseContainer { position:relative; }
.textbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 350px; }

/* Content Tip */

.tip { width: 163px; float: right; margin: 10px 0 10px 10px; }
.tip-top { width: 133px; height: 25px; float: left; background: url(../images/tip-top.png) no-repeat; font-weight: bold; font-size: 14px; color: #FFF; padding: 6px 0 0 30px; }
.tip-stretch { width: 143px; float: left; background: url(../images/tip-stretch.png) repeat-y; padding: 5px 10px 5px 10px; }
.tip-bottom { width: 163px; height: 9px; float: left; background: url(../images/tip-bottom.png) no-repeat; }

/* Testimonals Side Bar */

#testimonals, .contactus { width: 175px; float: left; margin: 10px 9px 10px 9px; }
#testimonals-top { width: 175px; height: 13px; float: left; background: url(../images/testimonals-top.png) no-repeat; font-size: 14px; font-weight: bold; padding: 8px 0 10px 14px;  text-transform: uppercase; }
#testimonals-stretch, .contactus-stretch { width: 155px; height: auto; float: left; background: url(../images/testimonals-mid.png) repeat-y; padding: 10px; }
#testimonals-bottom { width: 93px; height: 19px; float: left; background: url(../images/testimonals-bottom.png) no-repeat; padding: 3px 12px 3px 70px; text-align: center; }
#testimonals-bottom a, .contactus-bottom a { color: #000; text-transform: uppercase; font-size: 11px; }

.contactus-top { width: 175px; height: 13px; float: left; background: url(../images/contactus-top.png) no-repeat; font-size: 14px; font-weight: bold; padding: 8px 0 10px 14px;  text-transform: uppercase; }
.contactus-bottom { width: 93px; height: 10px; float: left; background: url(../images/contactus-bottom.png) no-repeat; padding: 3px 12px 3px 70px; text-align: center; }

/* Newsletter Side Bar */

#newsletter { width: 206px; float: left; margin: 5px 8px 0 8px; }
#newsletter-top { width: 196px; height: 25px; float: left; background:url(../images/newsletter-top.png) no-repeat; color: #FFF; font-size: 14px; font-weight: bold; padding: 6px 0 0 10px; text-transform: uppercase; }
#newsletter-stretch { width: 186px; float: left; background:url(../images/newsletter-stretch.png) repeat-y; padding: 10px; }
#newsletter-bottom { width: 121px; height: 18px; float: left; background:url(../images/newsletter-bottom.png) no-repeat; padding: 4px 0 0 85px; text-align: center; }
#newsletter-bottom a { color: #000; text-transform: uppercase; font-size: 11px; }

/* Subscribe Newsletter Box */

.subscribe-newsletter { width: 306px; margin: auto auto; }
.subscribe-top { width: 296px; height: 26px; float: left; background:url(../images/newsletter-subscribe-top.png) no-repeat; text-transform: uppercase; color: #FFF; padding: 5px 0 0 10px; font-weight: bold; font-size: 14px; }
.subscribe-stretch { width: 306px; float: left; background:url(../images/newsletter-subscribe-stretch.png) repeat-y; }
.subscribe-bottom { width: 306px; height: 11px; float: left; background:url(../images/newsletter-subscribe-bottom.png) no-repeat; }

/* Front Page Specials */

.specials-top { width: 488px; height: 25px; float: left; background:url(../images/specials-top.png) no-repeat; color: #FFF; font-size: 14px; font-weight: bold; padding: 6px 0 0 10px; text-transform: uppercase;  }
.specials-stretch { width: 478px; float: left; background:url(../images/specials-stretch.png) repeat-y; padding: 10px; }
.specials-bottom { width: 498px; height: 10px; float: left; background:url(../images/specials-bottom.png) no-repeat; }

.specials-item { width: 460px; float: left; margin: 5px; }
.specials-name { font-weight: bold; }
.specials-price { color: red; }

/* Add to Cart */

.addcart-top, .bigbox-top { width: 483px; height: 26px; float: left; background: url(../images/addcart-top.png) no-repeat; padding: 5px 0 0 10px; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; text-align: left; }
.addcart-title { float: left; }
.addcart-question { float: left; margin-top: 2px; margin-left: 10px; }
.addcart-stretch, .bigbox-stretch { width: 493px; float: left; background: url(../images/addcart-stretch.png) repeat-y; padding: 5px; }
.addcart-bottom, .bigbox-bottom  { width: 493px; height: 11px; float: left; background: url(../images/addcart-bottom.png) no-repeat; margin-bottom: 20px; }

#info-cartridge, #info-refill, #info-oem, #info-remanu { display: none; }

/* View Cart Widget */
#carttotals { width: 172px; border-top: 1px solid #083261; padding: 5px 14px 0 0; margin-top: 5px; }
.subtotal-label { color: #5d5d5d; }
.subtotal-price { color: #939393; }
/* Check Out  */

.smallbox { width: 229px; float: left; margin-right: 10px; }
.smallbox-top { width: 219px; height: 26px; float: left; background: url(../images/smallbox-top.png) no-repeat; padding: 5px 0 0 10px; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.smallbox-stretch { width: 209px; float: left; background: url(../images/smallbox-stretch.png) repeat-y; padding: 10px; }
.smallbox-bottom { width: 229px; height: 11px; float: left; background: url(../images/smallbox-bottom.png) no-repeat; }

/* Footer Styles */
 
#footer { width: 980px; height: 125px; margin: -13px auto 0 auto; background:url(../images/footer.png) no-repeat; padding-top: 10px; }
#footer-links { width: 960px; padding: 0px 10px 10px 10px; float: left; }
#footer-links a, #copyright a { color: #222; }
#footer-links a:hover, #copyright a:hover  { text-decoration: none; }
#footer-links strong { color: #FFF; text-align: center; padding: 0 12px 0 12px; display: block; text-transform: uppercase; }
.links-table { font-size: 11px; height: 60px; }
.links-table td { vertical-align: middle; }
.borderright { border-right: 1px solid #FFF; padding: 0 5px 0 5px; }
#footer-links ul { padding-left: 10px; }
#footer-links ul li { list-style-type: none; display: inline; padding: 0 5px 0 5px; border-right: 1px solid #999; }
#copyright { width: 960px; font-size: 11px; color: #4d4d4d; float: left; text-align: center; padding: 10px 0 0 0; margin-bottom: 10px; }

/* JQuery / JQuery UI styles */
.ajax-loader {display:none}

/* Product list */
.product-list {width:483px; margin:0; padding:0;}
.product-list img {display:block;}
.product-list th,.product-list td {padding:4px 6px; margin:0;}
.product-list-row-even td { background-color: #efefef;}
.product-list-code {}
.product-list-colour {width:74px;}
.product-list-manufacturer {width:80px ;}
.product-list-price {width:60px; text-align:right!important}
.product-list-button {width:57px;}