/*Skaggs template site CSS
for Utah Highway Patrol
revised February 2007*/
body { color: #333; font-size: 12px; font-family: Verdana, Arial, sans-serif; background-color: #fff; text-align: center; margin: 0; padding: 0; }
/*Common elements*/
p { margin: 0 0 0.8em; padding: 0; }
h1 { font-size: 2em; font-weight: bold; margin: 0.67em 0 0; }
h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0 0; }
h3 { font-size: 1.17em; font-weight: bold; margin: 1em 0 0; }
h4 { font-size: 1em; font-weight: bold; margin: 1.33em 0 0; }
h5 { font-size: 95%; font-weight: bold; margin: 1.33em 0 0; }
h6 { font-size: 85%; font-weight: bold; margin: 2.33em 0 0; }
ol { list-style-type: decimal; margin: 5px 0 5px 25px; padding: 0; }
ul { list-style-type: square; margin: 0 0 0 25px; padding: 0; }
li { margin: 0; padding: 0; }
img { }
form { }
td { }
strong { color: #404040; font-weight: bold; }
em { font-style: italic; }
/*Default Links*/
a:link { color: #039; text-decoration: none; }
a:visited { color: #039; text-decoration: none; }
a:hover { color: #e00; text-decoration: underline; }
a:active { color: #f03; }
/*Section identifiers*/
#home { }
#shop { }
#cuserv { }
#catal { }
#promo { }
#signin { }
/*Corporate header*/
#wrapcorp { background-color: #fff; text-align: center; margin: 0; padding: 0; }
#headcorp { text-align: left; width: 760px; margin: 0 auto; padding: 0; }
#headcorp img { float: left; margin: 0; padding: 0; display: block; }
#headcorpnav { width: 460px; float: right; margin: 30px 0 0; padding: 0; }
#headcorp ul { font-size: 95%; width: 570px; float: right; margin: 28px 0 0; padding: 0; list-style-type: none; }
#headcorp li { color: #999; float: right; margin: 0; padding: 3px 10px; border-left: 1px solid #d0d0d0; }
#headcorp li.first { border-left-style: none; }
#headcorp li.last { padding-right: 2px; }
#headcorp li a { color: #333; text-decoration: none; }
#headcorp li a:hover { color: #888; }
/*Primary navigation*/
#wrapprinav { background-color: #4b4b4b; background-image: url(../img/bgnav1.gif); background-repeat: repeat-x; background-position: left bottom; text-align: center; margin: 0; padding: 0; }
#navmain { text-align: left; width: 760px; margin: 0 auto; padding: 4px 0 0; }
#navmain ul { color: #999; font-size: 95%; width: 510px; float: left; margin: 0; padding: 0; list-style-type: none; }
#navmain li { float: left; }
#navmain li a { color: #fff; line-height: 2em; text-decoration: none; float: left; padding: 2px 9px; display: block; }
#navmain li a:hover { background-color: #8c8c8c; padding-top: 1px; padding-right: 8px; padding-left: 8px; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; }
#navsearch { width: 240px; float: right; margin: 0; padding: 0; }
#navsearch form { text-align: right; margin: 0; padding: 0; }
#navsearch form input.srchfield { width: 150px; }
/*Current page*/
#home #navmain .home a, #shop #navmain .shop a, #cuserv #navmain .cuserv a,#catal #navmain .catal a, #promo #navmain .promo a, #signin #navmain .signin a { color: #999; }
#home #navmain .home a:hover, #shop #navmain .shop a:hover, #cuserv #navmain .cuserv a:hover,#catal #navmain .catal a:hover, #promo #navmain .promo a:hover, #signin #navmain .signin a:hover { color: #999; background-color: transparent; padding-top: 2px; padding-right: 9px; padding-left: 9px; border-style: none; cursor: default; }
/*Site main header*/
#wraphdmain { background-color: #a61212; background-image: url(../img/bghead1.gif); background-repeat: repeat-x; background-position: left bottom; text-align: center; margin-bottom: 16px; padding: 0; border-bottom: 5px solid #e0e0e0; }
#headmain { text-align: left; width: 760px; margin: 0 auto; padding: 0; }
#headmain img { float: left; margin: 0; padding: 0; display: block; }
#headmaincont { width: 454px; float: right; margin: 40px 8px 0; padding: 0; display: inline; }
#headmain h2 { color: #fff; font-size: 2em; font-weight: normal; margin: 0; padding: 0; }
#headmain ul { color: #fff; font-size: 133%; font-weight: normal; margin: 16px 0 0 40px; padding: 0; list-style-image: url(../img/arrow1.gif); }
#headmain li { padding-bottom: 10px; }
/*Page header*/
#wraphdpage { background-color: #a61212; background-image: url(../img/bghead2.gif); background-repeat: repeat-x; background-position: left bottom; text-align: center; margin-bottom: 16px; padding: 0; border-bottom: 5px solid #e0e0e0; }
#headpage { text-align: left; width: 760px; margin: 0 auto; padding: 0; }
#headpagetitle { display: inline; margin: 8px 0; padding: 0; width: 470px; float: right; }
#headpage h2 { color: #fff; font-size: 180%; font-weight: normal; line-height: 1em; margin: 0; padding: 0; }
/*Primary content layout divisions*/
#wrapcontent { text-align: left; width: 760px; margin: 0 auto; padding: 0; }
#pagesidebar { margin: 0; padding: 0; width: 270px; float: left; }
#pagesidebar img.idpic { border: solid 2px #212121; }
#pagesidebar h3 { color: #a61212; font-size: 140%; font-weight: normal; margin: 0 0 0.25em; padding: 0; }
#pagesidebar p { font-size: 95%; width: 260px; }
#pagesidebar ul.nav { font-size: 95%; list-style-type: none; margin: 18px 8px 10px 20px; padding: 0; }
#pagesidebar ul.nav li { margin: 0 0 4px; padding: 0; }
#pagesidebar ul.nav li a { color: #404040; text-decoration: none; }
#pagesidebar ul.nav li  a:hover { color: #404040; text-decoration: underline; }
#pagecontent { font-size: 95%; margin: 0; padding: 0; width: 470px; float: right; }
#pagecontent h2 { color: #4b4b4b; font-size: 200%; font-weight: normal; margin: 0 0 0.8em; padding: 0; }
#pagecontent h3 { color: #a61212; font-size: 140%; font-weight: normal; margin: 0.5em 0 0.25em; padding: 0; }
#pagecontent h4 { color: #4b4b4b; font-size: 110%; margin-top: 1em; }
#pagecontent ul { margin: 0 0 10px 25px; padding: 0; }
#pagecontent li { margin: 0 0 3px; padding: 0; }
#footer { color: #888; font-size: 85%; text-align: left; width: 760px; margin: 25px auto 0; padding: 0; border-top: 1px solid #e7e7e7; }
#footer img.guar { float: left; }
#footer ul { width: 154px; float: left; margin: 0; padding: 15px 0; border-left: 1px solid #e7e7e7; list-style-type: none; display: inline; }
#footer li { margin: 0; padding: 3px 0 3px 8px; }
#footer li a { color: #888; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
#footer p.cpyrt { text-align: center; clear: both; margin: 0 auto; padding: 30px 0 20px; }
/*Float and clear*/
.floatleft { float: left; }
.floatright { float: right; }
.clear  /* clearing element */ { font-size: 1px; line-height: 1px; clear: both; margin: 0; padding: 0; }
.brclear { font-size: 1px; line-height: 1px; height: 0; margin: 0; padding: 0; clear: both; }
/*Home page side content*/
#sidecontent { width: 270px; float: left; margin: 0; padding: 0; }
#sidecontent img.ident { margin: 0 0 10px; padding: 0; border: solid 2px #4a4a4a; display: block; }
#sidecontent h3 { color: #a61212; font-size: 1.4em; font-weight: normal; margin: 0; padding: 0.5em 0; }
#sidecontent h4 { color: #333; font-weight: bold; margin: 0 0 0.8em; padding: 0; }
#sidecontent  p { color: #333; font-size: 95%; }
#sidecontent dl { width: 270px; float: left; margin: 0; padding: 0; border-top: 1px solid #e7e7e7; display: inline; }
#sidecontent dt { font-size: 120%; width: 184px; float: right; margin: 1.25em 0 0.3em; padding: 0; }
#sidecontent dd { color: #888; font-size: 85%; margin: 0 0 4px 86px; padding: 0; }
#sidecontent dt a { color: #333; }
#sidecontent dt a:hover { color: #333; text-decoration: none; }
#sidecontent dd a { color: #888; }
#sidecontent dd a:hover { color: #888; text-decoration: none; }
#sidecontent dl dd.catimg { margin: 0; }
#sidecontent dd.catimg img { float: left; margin: 0 6px 0 0; padding: 0 0 0 4px; }
#browsecraft { background-image: url(../img/bgbrcat.gif); background-repeat: repeat-x; background-position: left bottom; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#browsecraft form { clear: both; margin: 12px 0 12px 20px; padding: 0; }
#browsecraft form p { }
#sidecontent .infobox { background-color: #f5f5f5; margin-top: 20px; margin-bottom: 20px; padding-right: 8px; padding-bottom: 10px; padding-left: 8px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#sidecontent .infobox h5 { color: #404040; margin-top: 10px; }
/*Home page main content*/
#maincontent { width: 470px; float: right; margin: 0; padding: 0; }
#maincontent h3 { color: #a61212; font-size: 1.4em; font-weight: normal; margin: 0 0 0 8px; padding: 0.5em 0 0.25em; }
#maincontent p.subnav { font-weight: bold; margin: 0 0 0.5em 8px; padding: 0; }
/*Featured products*/
#featured { background-image: url(../img/bgfeat3.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0 0 0 8px; }
#featured h3 { color: #333; float: left; margin: 0; padding: 0.5em 0; }
#allfeatured { font-size: 85%; text-align: right; width: 200px; float: right; margin-right: 8px; padding-top: 1.2em; }
#allfeatured a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; }
#allfeatured a:hover { color: #888; }
/*Featured product items*/
#featured .prodrow { color: #888; width: 454px; clear: both; }
#featured .proditem { width: 140px; float: left; margin-right: 8px; padding-right: 8px; border-right: 1px solid #e7e7e7; }
#featured .proditemlast { width: 140px; float: left; border-right-style: none; }
#featured .prodrow a { color: #a61212; text-decoration: none; border-bottom: 1px dotted #a61212; }
#featured .prodrow a:hover { color: #e00; }
#featured .prodrow h4 { font-size: 85%; margin: 0 0 6px; padding: 0; }
#featured .prodrow img { margin-right: 4px; margin-bottom: 8px; float: left; }
#featured .prodrow p.pricereg { color: #333; font-size: 95%; text-decoration: line-through; margin-top: 18px; margin-bottom: 6px; }
#featured .prodrow p.pricefeat { color: #a61212; font-size: 125%; margin-top: 6px; margin-bottom: 6px; }
#featured .prodrow p.descr { font-size: 85%; clear: both; }
/*Vendors*/
#vendors { background-image: url(../img/vendors1.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#vendors form { text-align: right; margin: 15px 15px 15px 0; padding: 0; }
/*Phone numbers*/
#phone { background-color: #f5f5f5; margin: 20px 0; padding: 0 8px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#phone h2 { color: #666; font-size: 2em; font-weight: normal; font-style: normal; margin: 0.13em 0 0.25em; padding: 0; }
.phtwo { font-size: 60%; }
.calltime { font-size: 45%; }
#phone p { color: #666; margin-top: 5px; margin-bottom: 0; }
/*Promotions*/
#promotion { background-image: url(../img/bgprom1.gif); background-repeat: repeat-x; background-position: left bottom; margin: 20px 0; padding-right: 16px; padding-left: 8px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#promotion img.pixleft { float: left; margin: 1em 8px 10px 0; border: solid 1px #e7e7e7; }
#promotion img.pixright { float: right; margin: 1em 0 10px 8px; border: solid 1px #e7e7e7; }
#promotion p { color: #333; font-size: 95%; }
/*Promotions display on-off
*/
#promotion { display: none; }
/*Check Citibank*/
#checkciti { color: #666; font-size: 95%; font-weight: bold; background-color: #f5f5f5; margin-top: 20px; margin-bottom: 20px; padding: 8px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
/*Key introduction and welcome*/
#keyintro { margin-top: 20px; padding-right: 16px; padding-left: 8px; }
#keyintro h3 { margin: 0 0 0.25em; padding: 0; }
#keyintro p { color: #333; font-size: 95%; }
/*Lead introduction and welcome*/
#leadintro { margin: 0; padding: 0 16px 0 8px; }
#leadintro h3 { margin: 0 0 0.25em; padding: 0; }
#leadintro p { color: #333; font-size: 95%; }
/*Sign In*/
form#signinform {  }
form#signinform fieldset { width: 28em; margin: 0.6em 0; padding: 8px; border: solid 1px #ccc; }
form#signinform fieldset.signin { background-color: #e7e7e7; }
form#signinform fieldset.submitsi { background-color: #efefef; }
form#signinform p { margin-bottom: 0.5em; }
form#signinform label { margin-bottom: 2px; display: block; }
form#signinform input { width: 20em; }
form#signinform input.buttonsi { width: auto; margin-right: 1em; }
/*Contact Us*/
form#contactform {  }
form#contactform fieldset { width: 36em; margin: 0.6em 0; padding: 8px; border: solid 1px #ccc; }
form#contactform fieldset.continfo { background-color: #e7e7e7; }
form#contactform fieldset.submitcont { background-color: #efefef; }
form#contactform p { margin-bottom: 0.5em; }
form#contactform label { width: 10em; float: left; margin-bottom: 2px; }
form#contactform input { width: 20em; }
form#contactform input.buttoncf { width: auto; margin-right: 1em; }
/*Request catalog*/
form#reqcatform {  }
form#reqcatform fieldset { width: 36em; margin: 0.6em 0; padding: 8px; border: solid 1px #ccc; }
form#reqcatform fieldset.continfo { background-color: #e7e7e7; }
form#reqcatform fieldset.submitcont { background-color: #efefef; }
form#reqcatform p { margin-bottom: 0.5em; }
form#reqcatform label { width: 10em; float: left; margin-bottom: 2px; }
form#reqcatform input { width: 20em; }
form#reqcatform input.buttoncf { width: auto; margin-right: 1em; }
/*Alterations*/
#alterprice { margin-bottom: 1em; margin-left: 10px; }
#alterprice td { padding: 3px; }
#alterprice td.header { color: #404040; font-weight: bold; padding-top: 6px; padding-left: 0; }
#alterprice td.item { color: #333; border-bottom: 1px dotted #cfd5da; }
#alterprice td.price { color: #c00; text-align: right; padding: 0 3px 0 0; border-bottom: 1px dotted #cfd5da; }