/* 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; }

body{ background: #fff; color: #2f2d3d; font: 13px/13px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; }

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

header h1{ width: 250px; height: 97px; margin: 8px 0 0 10px; float: left; text-indent: -9999px; background: url(../images/logo.jpg) bottom center no-repeat; }
header h1 a{ display: block; width: 250px; height: 97px; }

#tag{ margin: 0; padding: 8px 10px 3px; text-align: right; font-size: 1.0em; }
#tag span{ color: #356e99; font-weight: bold; }

#tag2{ margin: 0; padding: 4px 10px 2px; text-align: right; }
#tag2 span{ color: #000000;}

/* Navigation Menu */
nav{ clear: both; height: 30px; font: 13px/15px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; float:right; padding: 15px 0 10px; }
nav li{ list-style-type: none; display: block; float: left;  }
nav li a{ display: block; float: left; padding: 8px 15px 11px; border-left: 1px solid #ccc; text-transform: uppercase; }
nav li.first a{ border-left: none; }
nav li a:link,
nav li a:visited{ color: #666; text-decoration: none; }
nav li a:hover{ color: #356e99; }

nav ul.potato-menu{ margin: 0; padding: 0; width:auto; list-style:none; }
nav ul.potato-menu li.potato-menu-item{ margin: 0; padding: 0; position: relative; list-style: none; list-style-position: outside; display: inline; float: left; }
nav ul.potato-menu li.potato-menu-item ul{ margin-top: 34px; padding: 0; }
nav ul.potato-menu li.potato-menu-item ul li{ display: block; clear: left; float: none; }
nav ul.potato-menu li.potato-menu-item ul li a{ color: #eee; padding: 4px 10px; width: 175px; font-size: 12px; display: block; float: none; clear: left; border: none; border-bottom: 1px solid #ccc; text-decoration: none; white-space: nowrap; outline: 0; text-transform: none; }
nav ul.potato-menu li.potato-menu-item ul li.last a{ border-bottom: none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
nav ul.potato-menu li.potato-menu-item ul li a:hover{ background: #aaa; color: #eee; }
nav ul.potato-menu ul.potato-menu-group{ background: #666; border-width: 0 1px 1px; margin: 0; position: absolute; display: none; z-index: 1000; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

/* Search Bar */
#search{ float: right; padding: 4px 10px; }
#search input.q { padding: 2px 2px 2px 20px; color: #777; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff url(../images/search.png) 5px center no-repeat; border: 1px solid #ccc; width: 228px; }
#search input.q:focus{ background-image: none; color: #222; }

#page_body{ padding: 0 0 15px; clear: both; border-bottom: 1px solid #dfdfdf; }
.twocolumns{ background: url(../images/2columns.png) top left repeat-y; border-bottom: 1px solid #dfdfdf; }
.threecolumns{ background: url(../images/3columns.png) top left repeat-y; border-bottom: 1px solid #dfdfdf; }

#content{ width: 720px; padding: 0 10px 20px; float: right; }
#content section{ width: 505px; }

h1{ font: 16px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; color: #336d93; text-transform: uppercase; margin: 20px 0; }
h2{ font-size: 16px; font-weight: normal; padding-bottom: 5px; }
h3{ color: #336d93; font-size: 14px; font-weight: normal;}
p{ margin: 10px 0; line-height:108% }
#page_body ul,
#page_body ol{ margin: 10px 0 10px 20px; }

/* Left Navigation Column */
aside{ width: 210px; padding: 0; float: left; border-top: 1px solid #dfdfdf; }
aside h2{ font: 16px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif,  sans-serif; color: #336d93; text-transform: uppercase; padding: 15px 5px 5px 20px; border-bottom: 1px solid #aaa; }
aside li { margin: 0; line-height: 100%; }
aside p{ padding: 0 20px; }
/* Right Navigation Column */
aside.right{ float: right; width: 200px; margin-left: 20px; }
aside.right p{ padding: 0 20px; }
aside.right ul{ padding: 0 25px; }
aside.right h2 { padding-left: 20px; }
aside.right li { margin-top: 0; line-height: 100%; }

#page_body .sidemenu{ margin: 0; padding: 0; }
.sidemenu li{ list-style-type: none; display: block; margin: 0; line-height: 100%;  }
.sidemenu a{ display: block; padding: 10px 20px; border-bottom: 1px solid #dfdfdf; }
.sidemenu a:link,
.sidemenu a:visited{ color: #333; text-decoration: none; }
.sidemenu a:hover{ background: #666; color: #fff; }

#banner{ background: #fff; padding: 0 0 5px; }

/* Main Page Sliding Image Banner */
#slider{ float: left; border: 1px solid #b4252b; margin: 0 0 0 10px; }
.nivoSlider{ position: relative; width: 940px !important; height: 300px !important; overflow: hidden; }
.nivoSlider img{ position: absolute; top: 0; left: 0; }
.nivoSlider a.nivo-imageLink{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; }
.nivo-slice{ display: block; position: absolute; z-index: 50; height: 100%; }
.nivo-controlNav{ display: block; position: relative; top: 265px; left: 860px; padding: 5px; height: 10px; width: 52px; z-index: 90; background: rgba(360,360,360, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.nivo-controlNav a{ cursor: pointer; }
.nivo-controlNav a.active{ font-weight: bold; }
.nivo-controlNav{ }
.nivo-controlNav a{ display: block; width: 10px; height: 10px; background: url(../images/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; }
.nivo-controlNav a.active{ background-position: -10px 0; }

/* Facebook-Twitter */
#social{ float: right; border: 1px solid #bbb; background: #ddd; width: 190px; height: 30px; margin: 10px 7px; line-height: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
aside #social{ margin: 45px 10px; }
#social p{ float: left; color: #356e99; border-right: 0px solid #bbb; padding: 8px 15px; margin: 0 15px 0 0; font-weight: bold; cursor: default; line-height: 100%; }
#social img{ height: 25px; padding: 3px 0; border: none; }

/* News Ticker */
#events{ border: 1px solid #bbb; background: #eee; width: 750px; height: 30px; margin: 10px; line-height: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#events dl{ margin: 0; overflow: hidden; height: 30px; }
#events dt{ float: left; color: #356e99; border-right: 1px solid #bbb; height: 30px; padding: 8px 15px; font: 12px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif;font-weight: bold; cursor: default; }
#events dd{ float: left; }
#events a{ color: #2f2d2d; display: block; padding: 8px; }
#events a:link,
#events a:visited{ color: #2f2d2d; text-decoration: none; }
#events a.title{ color: #336d93; padding: 0; }
#events a.title:link,
#events a.title:visited{ color: #336d93; text-decoration: none; padding: 0; }
#events dd em{ font-size: 10px; font-style: normal; }
#page_body #ticker{ margin: 0; }
#ticker li{ height: 30px; list-style-type: none; margin: 0;}


a:link{ color: #336d93; }
a:visited{ color: #669fc6; }
a:hover{ text-decoration: none; }

li { margin: 5px 0; line-height: 110%; }

/* Footer */
footer{ padding: 0 10px; color: #333; }
#associations{ float: right; }
#associations p{ margin: 0; float: right; }
#associations img{ height: 32px; padding: 0 10px 0 0; float: left; }

/* Search Results Page */
#searchresults { padding: 0;  border-bottom: 1px solid #dfdfdf; }

/* Contacts Page */
#contract { padding: 10px 0;  border-top: 1px solid #dfdfdf; }
#gsa { float:left; width: 95px; height: 85px; line-height: 60px; }

/* Site Map */
#sitemap { float: left; width: 225px; padding: 0; margin: 0 0 25px 10px; }
#sitemap h3 { margin-bottom: 4px; }
#sitemap p { margin: 2px 0; padding: 0; }
#sitemap ul { margin: 0; padding: 0; }
#sitemap li { list-style: none; margin: 2px 12px; }
#sitemap ul ul li { margin: 2px 24px; }
a.sitemap, a.sitemap:link, a.sitemap:visited { text-decoration: none; color: #666; }
a.sitemap:hover { text-decoration: none; color: #b4252b; }

/* Locations Page */
#norfolk2 { float: left; width: 162px; height: 126px; padding: 0; margin-top: -13px; }
#bellevue2 { float: left; width: 159px; height: 126px; padding: 0 0 0 10px; margin-top: -13px; border-left: 1px solid #dfdfdf;}
#ainsworth2 { float: left; width: 150px; height: 126px; padding: 0 0 0 10px; margin-top: -13px; border-left: 1px solid #dfdfdf;}
#dakota2 { float: left; width: 140px; padding: 20px 0; margin-top: -8px; }

/* Partner Page */
#entry { height: 135px; padding: 12px 0; margin-left: 30px; border-bottom: 1px solid #dfdfdf; }
#logos { display: table-cell; text-align: center; float: left; width: 220px; padding-right: 20px; }
#logos h3 { text-align: left; color: #336d93; font-size: 14px; font-weight: normal; margin: 0 30px 0 60px; }
#info { width: 210px; float: left; }
#info h3{ color: #336d93; font-size: 14px; font-weight: normal; margin: 0; }
#info p { margin: 5px 30px; }
#info ul { padding: 0; }
#info li { margin: 5px 0 0 12px; }

/* Careers Page */
#apply { float: left; width: 330px; padding: 43px 0 43px 0; text-align: center; border: 1px solid #dfdfdf; } 
#apply h3 {font-size: 16px; color: #b4252b; }
#apply p { font-size: 14px; padding-top: 8px; line-height: 106%; }
#twitter { float: left; width: 330px; padding: 0 0 25px 50px; }

/* Blackberry/Bluetooth Page */
#order { float: left; width: 160px; text-align: center; padding: 20px 20px 10px 0; }
#order a { color: #b4252b; }
#order p { color: #000; font-weight: bold; }
#column1 { float: left; width: 330px; padding: 0 0 25px 0; }
#column1 a { color: #356e99; }
#column1 a.order { color: #b4252b; }
#column2 { float: left; width: 330px; padding: 0 0 25px 10px; }
#specs { padding: 5px 0;  border-top: 1px solid #dfdfdf; }
p.indent { margin: 10px 0 20px 12px; }

/* Tab Box Style */

.tab-box { border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-left: 10px; padding-top: 15px; width: 622px; }
.tab-box a { border:1px solid #ccc; color: #eee; padding: 6px 30px; text-decoration:none; background-color: #666; font: 12px  Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; font-weight: normal;}
.tab-box a.activeLink { background-color: #aaa; border-bottom: 0; padding: 6px 30px; color: #eee; }
.tabcontent { border: 1px solid #ccc; border-top: 0; margin: 0 5px 0 10px; width: 600px; height: 135px; float: left; }
.hide { display: none;}

#cont-1-1 { background: #fff url(../images/star5.png) 50% 99% no-repeat; padding: 10px 10px 10px 10px; }
#cont-2-1 { background: #fff url(../images/star5.png) 50% 99% no-repeat; padding: 10px 10px 10px 10px; }
#cont-3-1 { background: #fff url(../images/star5.png) 50% 99% no-repeat; padding: 10px 10px 10px 10px; }

#cont-1-1 h1 { padding-top: 8px; margin: 0; }
#cont-3-1 h1 { padding-top: 8px; margin: 0; }

#gsalogo { float: left; width: 80px; padding-top: 8px; }
#gsatext { float: left; width: 160px; padding-top: 8px; }
#ecsiiilogo { float: left; width: 170px; padding-top: 5px; }
#ecsiiitext { float: left; width: 120px; padding-top: 8px; }

#norfolk { float: left; width: 138px; padding: 20px 6px; }
#bellevue { float: left; width: 165px; padding: 20px 3px; }
#ainsworth { float: left; width: 124px; padding: 20px 3px; }
#dakota { float: left; width: 138px; padding: 20px 3px; }

/* Quote Request Ribbon Style  */
#quotebox
{ float: left; width: 195px; height: 55px; padding: 50px 50px 50px 50px; margin: -1px auto 0 20px; background-color: #eee; border: 1px solid #ccc; }

#quotebox a { text-decoration: none; }
#quotebox h1 { font: 22px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; color: #555; margin: 4px 25px; }
#quotebox h3 { font: 16px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; color: #555; margin: 4px 25px; }
#quotebox p { font: 12px Tahoma, "Trebuchet MS", Verdana, Calibri, sans-serif; color: #555; margin: 4px -19px; border-top: 1px solid #bbb; padding-top: 3px; }

h2.ribbon
{
position: relative;
width: 216px;
height: 20px;
font-size: 1.4em;
font-weight: bold;
padding: 12px 20px 6px 92px;
margin: -30px 10px 10px -70px;
color: #ddd;
background: url(../images/arrow2.png) 95% 50% no-repeat, url(../images/arrow.png) repeat-x;
text-shadow: 0px 1px 1px #777;
-webkit-box-shadow: 0px 2px 4px #888;
-moz-box-shadow: 0px 2px 4px #888;
box-shadow: 0px 2px 4px #888;
}

h2.ribbon:after
{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0px;
top: 100%;
border-width: 5px 10px;
border-style: solid;
border-color: #666 #666 transparent transparent;
}

h2.ribbon:before
{
width: 0px;
left: auto;
right: -2px;
top: 0px;
border-color: transparent #fff transparent transparent;
}


/* Forms Style*/
#requestform { float: left; margin: 15px 0 0 5px; 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: #eee; 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: #fff; 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: #ccc; border: 2px outset #aaa; margin-top: 12px; } 

textarea { float: left; clear: left; color: #000; background: #eee; 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 #ccc; background: #fff; margin-bottom: 10px; width:470px; }
legend { position: relative; top: -0.8em; left: .2em; color: #fff; background: #666; border: 1px solid #ccc; padding: 3px; font-size: 1.2em; font-weight: normal; } 

.clear{ clear: both; }