/* Custom stylesheet for Sterling Computers */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
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; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, section, footer, address{ display: block; }


/* Home Page Styles */
body{ background: #fff; color: #2f2d3d; font: 75% Tahoma, Arial, Georgia, Times New Roman, sans-serif; }

#container{ width: 960px; margin: 0 auto; border: 0px solid #aaa; }

h1{ font: 1.4em Tahoma, Arial, Georgia, Times New Roman, sans-serif; color: #aaa; font-weight: 600; padding: 25px 40px 0; }
h2{ font-size: 1.2em; font-weight: normal; color: #555; padding-bottom: 4px; border-bottom: 1px solid #aaa; }
h3{ font-size: 1.0em; }b
p{ margin: 10px 0; }

a:link{ color: #01468b; }
a:visited{ color: #01468b; }
a:hover{ text-decoration: none; color: #333; }

#header {width: 960px; background: #fff; margin: 0 0 -40px; padding: 10px 0; text-align: right; }
#header h1 { padding: 1px 14px 1px 0; color: #777; font-size: 1.2em; }

#logo { height: 125px; float: left; }
#logo h1{ width: 250px; height: 112px; margin: 8px 0 0 10px; float: left; text-indent: -9999px; background: url(../images/logo.jpg) 0% 2% no-repeat; }
#logo h1 a{ display: block; width: 250px; height: 112px; margin: -20px 0 0 -40px }

#navigation { padding-left: 380px; float: left; margin-top: -40px; }
#navigation ul { margin-left: 0; padding-left: 0; display: inline; }
#navigation ul li { margin-left: 0; padding: 3px 25px; border-left: 0px solid #000; list-style: none; display: inline; }
#navigation ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }

#navigation a { text-decoration: none; color: #01468b; font-size: 1.4em;  }
#navigation a:link { text-decoration: none; color: #01468b; }
#navigation a:visited { text-decoration: none; color: #01468b;  }
#navigation a:hover { color: #333; text-decoration: underline;  }

#banner { background: url() no-repeat; height: 315px; padding-top: 0px; padding-left: 0px; }

#graybar { background: #ddd; width: 880px; height: 65px; padding: 10px 0 0 80px; }

#content { padding: 0; margin: 0; width: 959px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; float: left; }

#bucket { width: 239px; float: left; padding: 30px 40px 30px 40px; }


/* Child Page Styles */

#pagecontent { padding: 20px 25px 20px 25px; margin: -3px 0 0 0; width: 909px; border: 1px solid #aaa; float: left;  }
#pagecontent h1 { padding: 5px 0; }
#pagecontent ul { padding: 5px 35px; }

#blue { width: 240px; height: 175px; background: url(../images/blue.jpg) no-repeat; float: left; }
#blue h1 { font-size: 2.2em; color: #ddd; padding-top: 60px; padding-left: 95px; border-bottom: 2px solid #fff; } 



/* Footer Styles */

#footer { background: url(../images/blue.jpg) no-repeat; height: 110px; padding: 0; margin: 0; }
#footer p { color: #B3C8DC; margin: 0; padding: 4px 0 0 3px; font-size: 1.1em; }
#footer h2{ color: #ddd; padding-bottom: 4px; border-bottom: 0px solid #bbb; font-size: 1.4em; }
#footer a.request { color: #fff; float: right; font-size: 1.2em; text-decoration: none; margin: 5px 34px 0 0; }
#footer a:hover.request { text-decoration: underline; }

#firstfooterbucket {  width: 308px; float: left; padding: 0 0 5px 10px; margin-top: 10px; height: 80px; }
#footerbucket { width: 288px; float: left; padding: 0 10px 5px 20px; margin-top: 10px; border-left: 1px solid #bbb; height: 80px; }

/*Shadow Styles */
.shadow { -moz-box-shadow: 0px 20px 42px #bbb; -webkit-box-shadow: 0px 20px 42px #bbb; box-shadow: 0px 20px 42px #bbb; }


/* Forms Style*/
#requestform { float: left; margin: 15px 0 20px 200px; padding: 0; }
#requestform h3 { padding-bottom: 12px; padding-top: 15px; }
#requestform p { margin: 4px 0 4px 5px; }

label { float: left; margin-top: 4px; margin-left: 5px; font-size: 1.0em; font-weight: normal; color: #000; }
label.comments{ float: left; margin-top: 15px; margin-left: 5px; font-size: 1.0em; font-weight: normal; color: #000; }

input { float: left; clear:both; color: #000000; background: #fff; border: 1px solid #ccc; margin: 4px 0 5px 5px; width: 175px; }

#name { float: left; width: 200px; }
#address { float: left; width: 200px; }
#city { float: left; width: 200px; }
#st { float: left; width: 100px; }
#zip { float: left; width: 100px; }
#type {float: left; width: 210px; }
#billto {float: left; width: 215px; margin: -10px 0 5px 0;}
#shipto {float: left; width: 215px; margin: -10px 0 5px 30px; }
#cardtype {float: left; width: 120px; margin: 0; }
#cart {float: left; width: 460px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; }
#quantity { float: left; width: 100px; }
#partnumber {float: left; width: 135px; }
#unit { float: left; width: 125px; }
#total { float: left; width: 85px; }

input.city {  width: 175px; }
input.st { width: 50px; }
input.zip { width: 50px; }
input.cvv2 { width: 30px; }
input.chkbox { float: left; margin: 5px 2px; padding: 0; width: 20px; background: #E7E7E7; border: 0; }
input.radio { float: left; margin: 5px 2px; padding: 0; width: 20px; background: #fff; border: 0; }
input.file { width: 400px; }
input.total { width: 75px; border: 0; font-weight: bold; background: #fff; text-align: right; }

select.month { float: left; width: 40px; margin-bottom: 6px; background: #fff;}
select.year { float: left; width: 60px; margin-bottom: 6px; background: #fff;}
select.agency { float: left; color: #000; background: #eee; border: 1px solid #ccc; margin: 5px 0 5px 5px;}

#submit{ color: #000; background: #bbb; border: 1px outset #ccc; margin-top: 12px; padding: 3px; } 

textarea { float: left; clear: left; color: #000; background: #fff; border: 1px solid #ccc; margin: 4px 0 10px 5px; font: 12px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; } 
fieldset { position: relative; padding: 0 10px 10px 10px; border: 1px solid #aaa; background: #E7E7E7; margin-bottom: 10px; width:470px; }
legend { color: #01468b; background: #fff; border: 1px solid #ccc; padding: 3px; font-size: 1.2em; font-weight: normal; } 


.clear{ clear: both; }