/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; }
fieldset, img { border : 0; }

/* standard layout */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }
.spacer { height:10px; display:block; }

/* body */
body, input, textarea, table {font-family: Verdana, Helvetica, sans-serif; font-size: 1em; color: #000000;}

body { background-color:white; color:#000000; }

/* Layout divs */
#page { position: relative; width: 100%; text-align: center; }
#innerPage { position: relative; width: 970px; margin: auto; font-size: 0.7em; text-align: left; }
#window { position: relative; width: 480px; margin: auto; padding:10px; font-size: 0.7em; text-align: left; }

div.link { margin: 0 0 0.5em 0;}
div.resulttext { margin: 0.5em 0 0em 1em;}

/* header */
#header { position: relative; height:110px; }
/*7A82D0*/

/* header > logo */
#header #logo { position:absolute; top: 10px;  width: 280px; height:100px; }

/* header > search */
#header #search { position:absolute; color:#575FA4; top: 10px; left: 320px; width: 425px; text-align: right;}
#header #search input.text {width: 121px;}
#header #search input.grey {color: #a0a0a0;}
#header #search input.submit {width: 130px;}
#header #search span {font-weight: bold;}


#header #catSearch { position:absolute; color:#575FA4; top: 40px; left: 320px; width: 425px; text-align: right;}
#header #catSearch input.text {width: 48px;}
#header #catSearch input.grey {color: #a0a0a0;}
#header #catSearch input.submit {width: 130px;}
#header #catSearch span {font-weight: bold;}
#header #catSearch input.advanced {text-align:right; margin: 3px 2px 0 0; background-color: #535b9c; text-align: center;}


/* header > basket */
#header #basket { position:absolute; top: 0px; right: 0px; width:180px; height:80px; padding:10px; color:white; background-image: url('/images/basket-bg.gif'); font-size: 10pt;}
#header #basket div {width: 150px; margin: 7px 0 0 10px;}
#header #basket span {display: inline-block; width: 50px; font-weight: bold; }
#header #basket a { color:white; display: block; margin: 0.6em 0 0 0; text-align: right; font-size: 8pt; }
#header #basket a:hover {color:#FDB824;}

/* nav */
#nav { clear:both; position:relative; height:28px;border-bottom:2px solid #575FA4; background: url('/images/nav-bg.gif') 0 0 no-repeat; }
#nav #navLeft { position:relative; float:left; width:260px; margin-top:7px;margin-left:10px; color:#575FA4; }
#nav #navLeft img { position:absolute; top:2px; left:135px; }
#nav #navMiddle { float:left; width:500px; height:25px; margin-top:3px; }
#nav #navRight { float:left; width:180px; text-align:right; margin-right:20px; margin-top:7px; }

/* sectionNavigation */
#sectionNavigation {margin: 0; list-style-type: none; font-size: 1.2em;}
#sectionNavigation li {margin: 0 0 1px 0;}
#sectionNavigation a {display: block; padding: 0.7em 0.7em 0.7em 0.7em; font-weight: bold; color: #FFFFFF; text-decoration: none; font-variant:small-caps;}
#sectionNavigation a:hover {text-decoration: underline;}

/* forms */
input.submit { margin: 0 0.2em 0 0; background-color: #FDB824; color:#ffffff; padding: 5px 5px 5px 5px; border:1px solid #000000; cursor:hand; font-weight: bold;}
input.text { border:1px solid #FDB824; padding: 5px 5px 5px 5px;}
input.quantity { border:1px solid #535B9C; padding: 5px 5px 5px 5px; width:40px; }
textarea { border:1px solid #FDB824; }

/* main content */
#main { clear:both; position: relative;float:left; width:970px; }

#leftColumn { float:left; width:180px; margin-right:20px; padding-top:5px; padding-bottom:5px; }
#xxxleftColumn a { float:left; clear:both } /* Aligns the Admin Menu links vertically*/

#rightColumn { float:left; width:750px; margin-left:20px; margin-top:0; padding-bottom:5px; }

#rightColumn .cat { position:relative; float:left; text-align:center; margin-top:10px; width:152px; height:145px; margin:10px 15px 10px 15px; }
#rightColumn .cat a { text-decoration:none; color:#ffffff; }
#rightColumn .cat a:hover { text-decoration:underline; color:#ffffff; }
#rightColumn div.prodImg {  width:150px; height:100px; overflow:hidden; border:1px solid #575FA4; }
#rightColumn .cat .name { vertical-align:middle; font-weight:bold; padding:5px; width:142px; height:35px; background-color:#575FA4; } 

#rightColumn a { color:#575FA4; }
#rightColumn a:hover { color:#FDB824; }
#rightColumn p { padding-bottom:10px; }
#rightColumn h1 { font-size:1.4em; color:#535B9C; margin-bottom:10px; margin-top:20px; }
#rightColumn h2 { font-size:1.2em; font-weight:bold; margin-bottom:10px; color:#535B9C; }
#rightColumn h3 { font-size:1.1em; font-weight:bold; margin-bottom:10px; color:#535B9C;	 }
#rightColumn ul { margin-left:20px; list-style: square; line-height:20px; }

/* advanced search */
#advancedSearch p {margin: 0.5em 0 1em 0;}
#advancedSearch span {display: inline-block; width: 220px; font-weight: bold; color: #535B9C; text-align: right;}
#advancedSearch small {display: block; font-size: 0.9em; font-style: italic; padding: 3px 0 0 225px;}
#advancedSearch hr {margin: 2em 0 1em 0; border-top: 1px solid #FDB824; }

#browseCategories {}
#browseCategories li {float: left; list-style-type: none; width: 30%; font-size: 1.2em; padding: 0.5em; font-weight: bold;}
#browseCategories a {text-decoration: none;}
#browseCategories a:hover {text-decoration: underline;}

/* productGrid */
#rightColumn .productGrid h2 {width: 700px; padding: 4px; margin: 1em 0 0 0; color:#ffffff; text-align:center; background: url('/images/table-head-bg.gif') no-repeat 0 0;}
.productGrid div.description {width: 698px; border-left:1px solid black; border-right: 1px solid black; text-align: center; overflow:auto; } 
.productGrid div.description img {margin: 0.5em;}
.productGrid div.description ul {font-size: 1.2em; margin: 1em 8em 2em 8em; text-align: left;}
.productGrid div.description li {margin: 0.2em 1em 0.2em 1em;}
.productGrid div.footer {width: 700px; padding: 4px; margin: 0 0 2em 0; color:#ffffff; font-weight: bold; text-align:center; background: url('/images/table-foot-bg.gif') no-repeat 0 0; }
#rightColumn .productGrid div.footer a {color: #ffffff; text-decoration: none;}
#rightColumn .productGrid div.footer a:hover {text-decoration: underline;}
.productGrid table {width: 700px;}
.productGrid th, .productGrid td { padding:0.4em; border:1px solid #000000; text-align: center; }
.productGrid th {background-color: #535B9C; color:#ffffff; font-weight: normal; }
.productGrid td.partNo { background-color:#FEF7A3; }
.productGrid td.partNoSelected { background-color:#fdb824; }
.productGrid td.price { background-color:#D1EDB0;}
.productGrid td.stock { background-color:#D1EDB0;}

/* productDescriptionGrid - search results with images */
.productDescriptionGrid { width:700px; border: 1px solid #000000; }
.productDescriptionGrid th { padding:0.4em; height:24px; background-color: #535B9C; color:White;  border:1px solid Black; }
.productDescriptionGrid td { padding:0.4em; border-bottom: 1px solid #000000;}
.productDescriptionGrid td.prodImg { text-align: center; border-right: 0px solid #000000; width: 70px;}
.productDescriptionGrid td.prodDesc { text-align: left; border-right: 1px solid #000000; vertical-align: top; font-size: 1.2em;}
.productDescriptionGrid td.prodDesc div {font-size: 0.7em;}
.productDescriptionGrid td.prodCat { text-align:center; border-right: 1px solid #000000; vertical-align: top; }

/* equivalentParts */
.equivalentParts table {width: 450px; font-size: 0.9em; margin: 1em 0 2em 100px;}
.equivalentParts th {text-align: left; background-color: #535B9C; color: #ffffff; padding: 0.4em; border: 1px solid #000000;}
.equivalentParts td {text-align: left; padding: 0.4em; border: 1px solid #000000;}

/* Catalogue Sections grid*/
.catalogueGrid { width:750px; border: 1px solid #000000; }
.catalogueGrid th { padding:0.4em; background-color: #535B9C; color:White;  border:1px solid Black; }
.catalogueGrid td { padding:0.4em; border-bottom: 1px solid #000000; text-align: left; border-right: 1px solid #000000; vertical-align: top; font-size: 1.2em;}
.catalogueGrid td.sectionId { font-size: 1em; background-color:#FEF7A3; text-align: center;}
.catalogueGrid td.sectionName { font-size: 1em; color:White; font-weight:bold;}

/* Home page "contact" */
.homeContact {border-top: 2px solid #FDB824; border-bottom: 2px solid #FDB824; font-size: 2em; color: #535B9C; text-align: center; padding: 0.5em; margin: 1em 0 0.5em 0;}

/* login */
table.login {margin: 1em 0 1em 3em;}
table.login td {padding: 0.4em;}

table.retrieve {margin: 1em 0 1em 3em;}
table.retrieve td {padding: 0.4em;}
table.retrieve input.text {width: 250px;}

/* tables */
table.contact td {padding: 0.5em;}
table.contact input.text { width:250px; }
table.contact textarea { width:260px; }

table.items { border:solid 1px black; margin: 0.2em 0.2em 0.2em 0.2em;  }
table.items th { text-align:center; }
table.items tr td.border { border:1px solid black;padding:0.2em; }
table.items th.footer { padding:5px; }


/* Preview pages */
table.accountDetailsPrev {margin:1em 1em 1em 1em;}

table.previewGridView { width:700px; border:1px solid Black; margin:1em 1em 1em 1em;}
table.previewGridView th { padding:0.4em; height:24px;  color:Black;  border:1px solid Black; }
table.previewGridView td { padding:0.4em; text-align:center; border-color:Black; border:1px solid Black; }
table.previewGridView td.footer { border:0px solid black; }

td.accountDetailsFieldHeader {padding:0.4em; height:24px; color:Black; border:1px solid Black; }
td.accountDetailsFieldText { padding:0.4em; border: solid 1px Black; }

/********* ***********/

/* table.basket */
.basket {margin: 1em 0 0 0;}
.basket table { width:750px;}
.basket th { padding:0.4em; height:24px; background-color: #535B9C; color:White;}
.basket tr.heading th { border:1px solid Black; }
.basket td.footer { padding-top:10px; text-align:right; }
.basket td.remove, .basket td.total {width: 110px;}

.basket tr.item td { padding:0.4em; text-align: center; border:1px solid #000000; }
.basket tr.item td.partNo { text-align: left; background-color:#FEF7A3; }
.basket tr.item td.price { text-align: right; background-color:#D1EDB0;}

.basket tr.totalRow th, .basket tr.totalRow td {padding: 0 1em 0 0;}
.basket tr.totalRow td {background-color: #535B9C; color:White; font-weight: bold; text-align: right; border-right: 1px solid #000000;}

.basket tr.postage th, .basket tr.postage td {background-color: #fedd9e; border: 1px solid #000000; padding: 0.5em;}
.basket tr.postage span {font-weight: bold; display: block; font-size: 1.2em;}
.basket tr.postage p {margin: 0.5em 0 0 1em;}
.basket tr.postage select {margin: 0 0 1em 1em; padding: 1px;}

.basket tr.xmasgift th, .basket tr.xmasgift td {background-color: #c00000; font-size: 1.1em; color: #e8e8e8; border: 1px solid #000000; padding: 0.5em;}
.basket tr.xmasgift span {font-weight: bold; display: block; font-size: 1.1em;}
.basket tr.xmasgift p {margin: 0.5em 0 0 1em;}
.basket tr.xmasgift select {margin: 0 0 1em 1em; padding: 1px;}

.basket th.remove { background-color:White; text-align:center;}

.basket input.submit {padding: 5px 5px 5px 5px;}
.basket input.remove {width: 100px;}
.basket input.postage {width: 100px;}

#basketNotes {margin: 2em 0 0 0; width: 600px;}

/* table.checkout */
table.checkout { width:700px; margin-top:20px; }
table.checkout th { padding:0.4em; text-align:right; width:300px; }
table.checkout td { padding:0.4em; }
table.checkout textarea.text {width:260px;}

table.order { margin-top:20px; margin-left:20px; }
table.order th { padding:0.4em; text-align:right; vertical-align:top; }
table.order td { padding:0.4em; }

.grid { border:1px solid Black; width:600px; }
.grid th { background-color: #535B9C; color:White; padding:0.4em; }
.grid td { padding:0.4em; background-color:#C1BFD9; }
.grid .footer td { background-color: #535B9C; text-align:right; color:White; font-weight:bold; padding:0.4em; }



/* product details */
#productDetails {  }
#productDetails .image { border:1px solid #535B9C; }
#productDetails .image p { padding:2px; }
#productDetails .imgTop  {width:190px; height:15px; padding:5px; color:White; }
#productDetails .imgTop { background-image: url('/images/img-top.gif'); text-align:center; font-weight:bold; }

/* quickSearch */
#quickOrder {margin: 1em 0 0 0;}
#quickOrder input {margin-right: 20px;}
#quickOrder input.qty {width: 50px;}
#quickOrder div {margin: 1em 2em 3em 5em;}
#quickOrder span {font-weight: bold; color: #535B9C;} 

/* Error/ Info Message */
div.message { margin: 0 0em 0 0em; font-weight: bold; background-color: #fedd9e; color: #535B9C; padding: 2em; }
div.messageButtons {margin: 0 0em 3em 0em; background-color: #fedd9e; padding: 0em 2em 2em 2em}

/* footer */
#footer { clear:both; position:relative; background-color:#FDB824; border-top:2px solid #575FA4; color:white; padding:5px; padding-bottom:10px; }
#footer a { color:white; }

/* secure trading styles */
table.sttable {  }
table.sttable td { padding:4px; }
table.sttable th { background-color:#535B9C; color:White; padding:4px; }

/* home page promotion box */
div.promotion {margin: 1em 0 0 0; padding: 1em; background-color: #c00000; color: #e8e8e8; font-size: 1.1em;}
#rightColumn div.promotion h2 {color: #ffffff;}
#rightColumn div.promotion a {color: #e8e8e8;}
#rightColumn div.promotion a:hover {color: #ffffff;}