/* Derby Electronics Stylesheet */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; background-color:#CCCCCC; color: #FFF; text-align: center; margin: 0 auto; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h2 {display: inline; font: Helvetica, sans-serif; font-size:18px; font-weight: bold;}
h3 {display: inline; font: Helvetica, sans-serif; font-size:14px; font-weight: bold;}
h4 {display: inline; font: Helvetica, sans-serif; font-size:13px; font-weight: bold;}

form {margin: 0; display:inline;}
input.submitblue {color: #FFF; border: 1px solid; border-color: #FFF; background-color: #4659AD; font-size: 12px; padding: 1px 2px 1px 2px;}
img.imgborder {border:solid #FFF; border-width: 5px;}
p.phr {background: url("../images/background/h_dot.gif") repeat-x scroll center; margin-top: 4px; margin-bottom: 4px; height: 1px; line-height: 1px;}
.middot {color: #9ECAE6}

a:link { color:#FFFFFF; text-decoration: none; }
a:active { color:#FFFFFF; text-decoration: none; }
a:visited { color:#FFFFFF; text-decoration: none; }
a:hover { color:#FFFFFF; text-decoration: underline; }

/* Containing Cells */
table#container {height:100%; width:760px; margin: 0 auto; background-color: #FFF; padding: 0; /*border:solid #7F88CA; border-width: 1px;*/}
td#containcell {vertical-align:top; background-color: #46799E;}
table#page {width: 100%; padding: 0;}

/* Header Layout */
td#topleftbar {width: 550px; height: 30px; background-color: #FFF; color: #9ECAE6; text-align: left; padding: 0 0 0 10px;}
td#topleftbar a:link {color:#00146A; text-decoration: none; }
td#topleftbar a:active {color:#00146A; text-decoration: none; }
td#topleftbar a:visited {color:#00146A; text-decoration: none; }
td#topleftbar a:hover {color:#00146A; text-decoration: underline; }
td#toprightbar {background-color: #FFF; color: #9ECAE6; text-align: right; padding: 0 10px 0 0;}
td#menu {height: 27px; background-color: #00146A; color: #FFF; text-align: left; padding: 0 0 3px 10px;}
td#menu a:link {color:#FFF; text-decoration: none; }
td#menu a:active {color:#FFF; text-decoration: none; }
td#menu a:visited {color:#FFF; text-decoration: none; }
td#menu a:hover {color:#FFF; text-decoration: underline; }

/* Homepage Main Content */
td#blueback {background-color: #46799E; padding-top: 6px;}
table#maincontent {height: 100%; color: #FFF; padding: 0px; text-align: left; vertical-align:top;}

td#topstrip {background-color: #00146A; height: 5px;}
td#cellleft {vertical-align: top; padding: 0 6px 0 12px;}
table#tableleft {/*width: 181px;*/}
td.sector {width: 181px; text-align: left; border: 2px solid; border-width: 0 0 2px 0; background-color: #00146A; border-bottom-color: #46799E; line-height: 18px; padding: 2px 0 3px 5px;}
td.navbutton {width: 181px; text-align: left; border: 2px solid; border-width: 0 0 2px 0; border-bottom-color: #46799E;}
td.navbutton a:link {display: block; color:#FFF; background-color: #294997; text-decoration: none; line-height: 18px; padding: 2px 0 3px 13px; }
td.navbutton a:active {display: block; color:#FFF; background-color: #294997; text-decoration: none; line-height: 18px; padding: 2px 0 3px 13px; }
td.navbutton a:visited {display: block; color:#FFF; background-color: #294997; text-decoration: none; line-height: 18px; padding: 2px 0 3px 13px; }
td.navbutton a:hover {display: block; color:#FFF; background-color: #233684; text-decoration: none; line-height: 18px; padding: 2px 0 3px 13px; }
td.navbutton2 {width: 181px; text-align: left; border: 2px solid; border-width: 0 0 2px 0; border-bottom-color: #46799E;}
td.navbutton2 a:link {display: block; color:#FFF; background-color: #740000; text-decoration: none; line-height: 18px; padding: 2px 0 3px 5px; }
td.navbutton2 a:active {display: block; color:#FFF; background-color: #740000; text-decoration: none; line-height: 18px; padding: 2px 0 3px 5px; }
td.navbutton2 a:visited {display: block; color:#FFF; background-color: #740000; text-decoration: none; line-height: 18px; padding: 2px 0 3px 5px; }
td.navbutton2 a:hover {display: block; color:#FFF; background-color: #580000; text-decoration: none; line-height: 18px; padding: 2px 0 3px 5px; }
td.freedelivery {width: 179px; border: 1px solid #FFF; border-width: 1px; font-size: 17px; font-weight: bold;}
div.fd {padding: 10px;}

td#cellmid {vertical-align: top;}
table#tablemid {width: 360px; }
td#welcome {background: #7483C2 url("../images/background/grad_blue.gif") repeat-x; padding: 10px; border: 3px solid; border-width: 0 0 3px 0; border-bottom-color: #46799E;}
td#welcome p {margin: 0 0 4px 0;}
table.prodtable {border: 2px solid; border-width: 0 0 2px 0; border-bottom-color: #46799E;}
td.prodimg {width: 86px; height: 130px; background-color: #FFF; text-align: center; margin: 0 auto; vertical-align: middle;}
td.prodimg2 {width: 178px; background-color: #FFF; text-align: center; margin: 0 auto; vertical-align: middle; padding: 4px 0 4px 0;}
td.proddesc { background: #8EA0D4 url("../images/background/grad_bluelite.gif") repeat-x; padding: 7px; text-align: left; margin: 0 auto; vertical-align: top;}
td.proddesc2 { background: #7483C2 url("../images/background/grad_blue.gif") repeat-x; padding: 7px; text-align: left; margin: 0 auto; vertical-align: top;}
td.proddesc3 { background: #7483C2 url("../images/background/grad_blue.gif") repeat-x; padding: 7px; text-align: left; margin: 0 auto; vertical-align: top;}
input.qtyinput {background-color: #9ECAE6; border: 0; width: 50px; font-size: 10px;}
td.related {height: 29px; background: #46799E url("../images/background/related_bg.gif") repeat-x; font-weight: bold; padding-left: 10px; border: 1px solid; border-width: 1px 0 0 0; border-top-color: #46799E;}
td.productcell { background: #7483C2 url("../images/background/grad_blue.gif") repeat-x; padding: 7px; text-align: left; margin: 0 auto; vertical-align: top;}
td.productcell table.imagetable {float: left; margin: 0 20px 20px 0;}
td.productcell table.imagetable td {width: 180px; height: 180px; background: #FFF; text-align: center; vertical-align: middle;}
td.productcell div.imagediv img {margin: auto auto; vertical-align: middle;}
div.buybox {float: left; width: 330px;}

td#cellright {vertical-align: top; padding: 0 12px 0 6px;}
td#searchbox {padding: 5px; background-color: #001488;}
input.searchinput {width: 142px; background-color: #9ECAE6; border: 0; font-size: 10px;}
input.searchhome {width: 80%; background-color: #9ECAE6; border: 0; font-size: 10px;}
input.submitsearch {background-color: #6B9FCE; color: #FFF; font-size: 11px; border-width: 0; padding: 0px 2px 0px 2px; }
table#tableright {/*width: 181px;*/}
td.feature {background: #7483C2 url("../images/background/grad_blue.gif") repeat-x; background-color: #FFF; padding: 7px; text-align: left; margin: 0 auto; vertical-align: top;}
td.feature p {margin: 0 0 4px 0;}
td#bottomspace {height: 38px;}

td#footer {height: 27px; background-color: #00146A; color: #FFF; text-align: left; padding: 0 0 3px 10px;}

/* Start of Suckerfish */
div#nav ul {/* all lists */ padding: 3px; margin: 0; list-style: none;	font-size: 11px;}
li {/* all list items */ float: left; position: relative; font-size: 11px;}
div#nav li ul a {width: 12em;}
li ul {/* second-level lists */ display: none; position: absolute; text-align:left; top: 1.2em; left: 0; width: 12em; background-color:#00146A;}
li>ul {/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */	top: auto; left: auto;}
li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block;}
ul#navlist li li a { display: block; text-decoration:none; font-weight: normal; color: #BFC4E5; font-size: 11px;}
ul#navlist li li a:hover { display: block; text-decoration:none; font-weight: normal; color: #00146A; background: #FFF; font-size: 11px;}
/* End of Suckerfish */

/* generic page css */
td#genright {vertical-align: top; padding: 0 12px 0 0;}
td#gentable {width: 372px;}
table.browsebox {width: 100%; padding: 7px; background: #46799E url("../images/background/related_bg.gif") repeat-x; font-weight: bold;}
td.gensearch {text-align: right;}

/* basket css */
table.baskettable {width: 100%;}
table.baskettable td {padding: 3px;}
td.alignright {text-align: right;}
a.continue:link {color: #FFF; border:1px solid #FFFFFF; background: #4659AD; padding: 2px 4px 2px 4px; font-weight: normal; font-size: 11px; text-decoration: none;}
a.continue:visited {color: #FFF; border:1px solid #FFFFFF; background: #4659AD; padding: 2px 4px 2px 4px; font-weight: normal; font-size: 11px; text-decoration: none;}
a.continue:hover {color: #FFF; border:1px solid #FFFFFF; background: #4659AD; padding: 2px 4px 2px 4px; font-weight: normal; font-size: 11px; text-decoration: none;}

/* checkout css */
table.checkout {width: 100%; text-align: left;}
td.leftcells {text-align: left; padding: 3px 0 3px 20px;}
td.rightcells {text-align: left; padding: 3px 20px 3px 0;}
td.checkheader {text-align: left; padding: 6px 20px 6px 20px;}
td.checkbox {text-align: right; padding: 3px 20px 3px 0;}

/* order css */
td.address {text-align: left; padding: 3px 0 3px 20px;}
td.orderleft {text-align: left; padding: 3px 0 3px 20px;}
td.orderright {text-align: right; padding: 3px 20px 3px 0;}
td.disclaimer {text-align: left; vertical-align:bottom; padding: 0 0 0 20px;}

/* My Account */
table.orderhistory {margin-left:15px;}
td.desc {padding:5px;}
table.collapse {width:100%;}

/* Sitemap */
td.sitecell {width: 300px; text-align: left; padding: 0 20px 0 20px; vertical-align:top;}