/* 
  Global CSS Declarations for advancedtraffic.com
  Copyright (C) Randall Lee Spence dba analogueweb.com, all rights reserved
  Version 1.0711
*/
@media aural {
  acronym { speak: normal; }
  abbr.initialism { speak: spell-out; }
  abbr.truncation { speak: normal; }
}
@media screen {
  acronym, abbr { border: medium none; cursor: help; }
}
@media screen, projection {
  /* GLOBAL */
  html, body, address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, dl, dt, dd, ol, ul, li, table, caption, thead, tfoot, tbody, tr, td, th, form, fieldset, legend, label, a, img, object, q, span, abbr, acronym, del, dfn, em, ins, strong { border: medium none; margin: 0; padding: 0; vertical-align: baseline; }
  a { color: #467ab4; outline: none; text-decoration: none; }
  a:hover { color: #cd0d23; }
  address { font-style: normal; }
  body { background: #fff; color: #4e4b4a; font: 10px/1.5 Arial, Helvetica, sans-serif; height: 100%; margin: 0 36px; min-width: 920px; }
  h1, h2, h3, h4, h5, h6 { font-size: 1em; }
  hr { clear: both; height: 1.2em; visibility: hidden; }
  html { height: 100%; }
  fieldset, img { border: medium none; }
  input, button, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
  label { cursor: pointer; }
  ol, ul { list-style: none; }
  /* ACCESSIBILITY */
  #skip { display: none; }
  /* HEADER */
  #header { height: 122px; margin-bottom: 16px; position: relative; }
  #header a.logo { background: url(/assets/img/atp-logo.jpg) no-repeat 50% 0%; display: block; height: 90px; left: -36px; position: absolute; top: 32px; text-indent: -1000px; width: 36px; }
  #header a.logo:hover { background-position: 50% 100%; }
  #header-main { margin-right: 264px; position: relative; }
  #header-main p { color: #467ab4; line-height: 16px; padding-top: 16px; text-transform: uppercase; }
  #header-main p strong { color: #cd0d23; font-weight: normal; }
  #header-main h1 { background: #d7d7d7 url(/assets/img/header.jpg) 100% 0% no-repeat; color: #4e4b4a; font-size: 2em; font-weight: normal; letter-spacing: 2px; line-height: 45px; padding: 45px 0 0 18px; }
  #header-main h1 em {border-right: 2px solid #fff; color: #181512; font-style: normal;  padding-right: 6px; text-transform: uppercase; }
  #header-supp { position: absolute; right: 0; top: 0; width: 256px; }
  #header-supp a { background: url(/assets/img/inquiry.jpg) no-repeat 100% 0%; display: block; line-height: 16px; padding: 16px 18px 0 0; text-transform: uppercase; text-align: right; }
  #header-supp a:hover { background-position: 100% 100%; }
  #header-supp form { background: #d7d7d7; height: 90px; text-transform: uppercase; }
  #header-supp form button { background: transparent; border: medium none; color: #4e4b4a; cursor: pointer; float: right; font-size: 0.9em; margin: 0; padding: 0; text-align: right; text-transform: uppercase; }
  #header-supp form fieldset { margin: 0 10px 0 104px; padding-top: 12px; }
  #header-supp form img { height: 57px; left: 10px; margin-top: -28px; position: absolute; top: 77px; width: 84px; }
  #header-supp form select { width: 100%; }
  #header-supp #state-select strong { color: #181512; display: block; font-size: 1.2em; text-transform: capitalize; }
  /* NAVIGATION */
  #navigation { bottom: 0; position: absolute; right: 0; }
  #navigation li { background: url(/assets/img/menu.gif) 100% 0% no-repeat; float: left; font-size: 1.1em; margin-right: 1px; padding-right: 6px; text-align: center; text-transform: uppercase; white-space: nowrap; }
  #navigation li:hover { background-position: 100% -200px; margin-top: -6px; }
  #navigation li a { background: transparent url(/assets/img/menu.gif) 0% 0% no-repeat; color: #4e4b4a; display: block; float: left; font-weight: bold; padding: 3px 1px 3px 10px; }
  #navigation li a:hover { color: #cd0d23; }
  #navigation li:hover a { background-position: 0% -200px; border-bottom: solid 6px #fff; }
  /* LOCATION */
  #location h3 { background: #4e4b4a; color: #fff; font-size: 1.6em; height: 33px; margin: 0 264px 8px 0; padding: 12px 0 0 18px; }
  #location #branding { background: #fff; float: right; font-size: 1.2em; font-weight: bold; padding-top: 15px; text-align: center; text-transform: uppercase; width: 256px; }
  /* CONTENT */
  #content { position: relative; width: 100%; }
  #content-main { border: 1px solid #d7d7d7; margin-left: 408px; min-height: 525px; padding: 0 12px; }
  #content-main a:hover { text-decoration: underline; }
  #content-main address { float: left; font-size: 1.2em; width: 45%; margin: 0 0 12px 0; padding: 0 12px; }
  #content-main address em { font-style: normal; text-transform: uppercase; }
  #content-main h1 { border-bottom: 1px solid #d7d7d7; font-size: 1.6em; font-weight: bold; margin: 12px 0; padding: 0 12px; }
  #content-main h2 { color: #000; font-size: 1.5em; font-weight: bold; margin: 12px 0; padding: 0 12px; }
  #content-main h3 { font-size: 1.4em; font-weight: bold; margin: 12px 0; padding: 0 12px; }
  #content-main h4 { border-bottom: 1px solid #d7d7d7; font-size: 1.2em; font-weight: bold; padding: 0 12px; }
  #content-main p { font-size: 1.2em; margin: 12px 0; padding: 0 12px; }
  #content-main ol { font-size: 1.2em; list-style: decimal; margin: 12px 0; padding: 0 12px 0 30px; }
  #content-main ul { font-size: 1.2em; list-style: disc; margin: 12px 0; padding: 0 12px 0 30px; }
  #content-main ul ul { font-size: 1em; list-style: circle; margin: 0; padding: 0 12px 6px 24px; }
  /* CONTENT FEATURED */
  #content-main #featured h1 { border-bottom: medium none; font-size: 1em; height: 90px; overflow: hidden; text-indent: -2000px; }
  #content-main #featured h1.dialight { background: url(/products/dialight/dialight-featured.jpg) no-repeat 50% 50%; }
  #content-main #featured h1.gtt { background: url(/products/gtt/gtt-featured.jpg) no-repeat 50% 50%; }
  #content-main #featured h1.polara { background: url(/products/polara/polara-featured.gif) no-repeat 50% 50%; }
  #content-main #featured h1.wavetronix { background: #ebd9a9 url(/products/wavetronix/wavetronix-featured.jpg) no-repeat 100% 0%; }
  #content-main h1.wavetronix { background: #EBD9A9 url(/assets/img/featured.jpg) no-repeat 100% 0%; border-bottom: medium none; height: 90px; font-size: 1em; text-indent: -2000px; }
  #content-main a.more { background: url(/assets/img/arrow-right.jpg) no-repeat 100% 50%; border-top: solid 1px #d7d7d7; display: block; padding-right: 12px; text-align: right; }
  /* CONTENT FORMS */
  #content button { background: transparent url(/assets/img/button.jpg) repeat-x 0% 0%; border-color: #d7d7d7 #c0c0c0 #808080 #c0c0c0; border-style: solid; border-width: 1px; color: #181512; font-weight: bold; letter-spacing: 1px; }
  #content button:hover { background-position: 0% 100%; }
  #inquiry button { float: left; }
  #inquiry fieldset fieldset { font-size: 1.2em; margin: 12px 0; padding: 0 12px; text-align: right; }
  #inquiry input { border: 1px solid #d7d7d7; margin-bottom: 6px; padding: 2px 4px; width: 66%; }
  #inquiry input:focus { border: 1px solid #cd0d23; }
  #inquiry label, #inquiry strong { display: block; float: left; font-weight: bold; }
  #inquiry label em, #inquiry strong em { font-style: normal; font-weight: normal; }
  #inquiry fieldset.isRequired { border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding: 12px; }
  #inquiry fieldset.isRequired label { display: inline; float: none; font-weight: normal; margin-right: 9px; text-transform: capitalize; width: auto; }
  #inquiry fieldset.isRequired input { border: none; margin: 0 0 0 24px; width: auto; }
  #inquiry fieldset.isRequired input:focus { border: medium none; }
  #inquiry fieldset textarea { border: 1px solid #d7d7d7; margin-bottom: 12px; padding: 2px 4px; width: 98%; }
  #inquiry fieldset textarea:focus { border: 1px solid #cd0d23; }
  /* CONTENT PRODUCTS */
  #products #location #branding img { margin-top: -15px; }
  #products #content-main a.back { display: block; float: left; padding-left: 12px; background: url(/assets/img/arrow-left.jpg) no-repeat 0% 50%; }
  #products #content-main a.inquiry { display: block; float: right; padding-right: 12px; background: url(/assets/img/arrow-right.jpg) no-repeat 100% 50%; text-align: right; }
  #products #content-main a.label { padding-left: 20px; background: url(/assets/img/label.jpg) no-repeat 0% 0%; font-weight: bold; font-size: 1.085em; }
  #products #content-main a.label:hover { background-position: 0% 100%; }
  #products #content-main ul.product-nav { padding: 0; list-style: none; border-top: 1px solid #d7d7d7; }
  #products #content-main ul.product-nav li { display: inline; }
  #products #content-main ul li.pdf { margin-left: -18px; list-style: none; }
  #products #content-main ul li.pdf a { padding: 1px 0 1px 24px; background: url(/assets/img/pdf.png) no-repeat; }
  #products #content-main .availablity { position: absolute; right: 3px; top: 6px; }
  #products #content-main .details { float: left; width: 48%; }
  #products #content-main .details ul { margin: 0 0 12px 0; }
  #products #content-main .details ul ul { padding: 0 12px 0 15px; }
  #products #content-main .footnotes { border-top: solid 1px #d7d7d7; }
  #products #content-main .imagebox { float: right; width: 250px; margin: 3px 12px; padding: 4px; background-color: #4e4b4a; color: #fff; }
  /* CONTENT PRODUCTS-MAIN */
  #products-main #content-main { border: 1px solid #d7d7d7; margin-left: 408px; min-height: 525px; padding: 0; }
  #products-main #service-map { background: transparent url(/assets/img/map-bk.jpg) no-repeat 50% 50%; border-bottom: solid 1px #d7d7d7; padding: 12px 0; }
  #products-main #service-map img { margin-left: 9px; }
  #products-main #service-map #service-map-state { position: absolute; }
  #products-main #service-map .ak { background: url(/assets/img/states/ak.png) no-repeat 50% 50%; height: 202px; right: 19px; top: 64px; width: 242px; }
  #products-main #service-map .az { background: url(/assets/img/states/az.png) no-repeat 50% 50%; height: 151px; right: 75px; top: 89px; width: 129px; }
  #products-main #service-map .ca { background: url(/assets/img/states/ca.png) no-repeat 50% 50%; height: 262px; right: 62px; top: 34px; width: 156px; }
  #products-main #service-map .co { background: url(/assets/img/states/co.png) no-repeat 50% 50%; height: 109px; right: 70px; top: 111px; width: 139px; }
  #products-main #service-map .id { background: url(/assets/img/states/id.png) no-repeat 50% 50%; height: 183px; right: 82px; top: 73px; width: 115px; }
  #products-main #service-map .mt { background: url(/assets/img/states/mt.png) no-repeat 50% 50%; height: 122px; right: 42px; top: 104px; width: 196px; }
  #products-main #service-map .nv { background: url(/assets/img/states/nv.png) no-repeat 50% 50%; height: 187px; right: 79px; top: 71px; width: 122px; }
  #products-main #service-map .or { background: url(/assets/img/states/or.png) no-repeat 50% 50%; height: 128px; right: 63px; top: 101px; width: 154px; }
  #products-main #service-map .ut { background: url(/assets/img/states/ut.png) no-repeat 50% 50%; height: 135px; right: 86px; top: 97px; width: 107px; }
  #products-main #service-map .wa { background: url(/assets/img/states/wa.png) no-repeat 50% 50%; height: 93px; right: 76px; top: 118px; width: 128px; }
  #products-main #service-map .wy { background: url(/assets/img/states/wy.png) no-repeat 50% 50%; height: 111px; right: 73px; top: 109px; width: 134px; }
  #products-main #service-map-details { padding: 0 12px; }
  #products-main #service-map-details a.view { background: url(/assets/img/arrow-right.jpg) no-repeat 100% 50%; border-top: solid 1px #d7d7d7; display: block; padding-right: 12px; text-align: right; }
  #products-main #service-map-details h1 { background: #4e4b4a; color: #fff; padding: 3px 6px; text-transform: uppercase; }
  /* CONTENT ABOUT */
  #about #content-main { min-height: 675px; }
  /* SIDEBAR */
  #content-sidebar { left: 0; position: absolute; top: 0; width: 400px; }
  #content-sidebar img.map { border: 1px solid #d7d7d7; margin-bottom: 3px; }
  /* SIDEBAR CATALOG */
  #sidebar-catalog { position: absolute; top: 0; left: 0; width: 400px; text-transform: uppercase; }
  #sidebar-catalog a { color: #4e4b4a; }
  #sidebar-catalog a:hover { color: #cd0d23; }
  #sidebar-catalog form { position: relative; margin-bottom: 3px; background: #d7d7d7; }
  #sidebar-catalog form fieldset { padding: 6px 12px; }
  #sidebar-catalog form fieldset button { visibility: hidden; position: absolute; top: 0; left: 0; }
  #sidebar-catalog form fieldset strong { display: block; margin-bottom: 6px; color: #181512; font-size: 1.2em; text-align: left; }
  #sidebar-catalog form fieldset input { width: 194px; padding: 1px 3px; font-size: 1.1em; }
  #sidebar-catalog form fieldset select { width: 204px; text-indent: 2px; font-size: 1.1em; }
  #sidebar-catalog form fieldset label { display: block; float: left; color: #181512; font-size: 1.2em; font-weight: bold; }
  #sidebar-catalog #search-state, #sidebar-catalog #search-keyword { text-align: right; }
  #sidebar-catalog #search-functionality ul li { float: left; width: 165px; height: 16px; margin-bottom: 3px; padding-left: 20px; background: url(/assets/img/bullet.jpg) no-repeat 0% 0%; font-size: 1.1em; }
  #sidebar-catalog #search-functionality ul li:hover { background-position: 0% 100%; }
  #sidebar-catalog #search-brand ul li { float: left; margin-bottom: 5px; width: 33.3%; text-align: center; }
  #sidebar-catalog #search-brand ul li a { display: block; width: 119px; height: 25px; padding-top: 50px; text-align: center; background-position: 0% 0%; }
  #sidebar-catalog #search-brand ul li a.threem { background: url(/assets/img/logos/3m.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.wavetronix { background: url(/assets/img/logos/wavetronix.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.gtt { height: 35px; padding-top: 40px; background: url(/assets/img/logos/gtt.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.dialight { background: url(/assets/img/logos/dialight.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.polara { background: url(/assets/img/logos/polara.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.signalsense { background: url(/assets/img/logos/signalsense.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.tassimco { background: url(/assets/img/logos/tassimco.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.actelis { background: url(/assets/img/logos/actelis.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.trafficast { background: url(/assets/img/logos/trafficast.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.highsierra { background: url(/assets/img/logos/highsierra.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a.trafficalm { background: url(/assets/img/logos/trafficalm.jpg) no-repeat; }
  #sidebar-catalog #search-brand ul li a:hover { background-position: 0% 100%; }
  /* SIDEBAR CONTACT */
  #sidebar-contact { margin-top: 3px;  }
  #sidebar-contact a { color: #4e4b4a; text-transform: none; }
  #sidebar-contact a:hover { color: #cd0d23; }
  #sidebar-contact address { text-align: right; }
  #sidebar-contact address img { float: left; }
  #sidebar-contact h4 { text-indent: -2000px; }
  /* SIDEBAR GOOGLE MAPS */
  #sidebar-map { background: #fff; border: 1px solid #d7d7d7; color: #000; display: block; font: 10px/1.25 Arial, sans-serif; height: 549px; width: 398px; }
  #sidebar-map a, #sidebar-map a:hover { border-bottom: none; }
  #sidebar-map span.gmap-title { font-size: 1.2em; font-weight: bold; }
  #sidebar-map span.gmap-title em { font-style: normal; text-transform: uppercase; }
  #sidebar-map span.gmap-address { display: block; font-size: 1.1em; font-style: normal; }
  #sidebar-map span.gmap-directions { display: block; font-size: 1.1em; font-weight: bold; margin-top: -6px; }
  #sidebar-map form label { color: #556; font-size: 1.1em; }
  #sidebar-map form #saddr { margin-right: .6em; padding: 1px; width: 165px; }
  #sidebar-map form .gmap-submit { padding: 1px; }
  /* FOOTER */
  #footer { background: #b7b6b6; clear: both; margin-top: 16px; }
  #footer h5 { color: #4e4b4a; float: right; font-size: 1.5em; letter-spacing: 1px; margin: 7px 9px 0 0; }
  #footer h5 em { border-right: 2px solid #fff; color: #181512; font-style: normal; padding-right: 6px; text-transform: uppercase; }
  #footer ul { background: #b7b6b6; padding: 15px 0 3px 9px; }
  #footer ul li { display: inline; font-size: 1.1em; padding-right: 12px; }
  #footer ul li a { color: #181512; }
  #footer ul li a:hover { color: #cd0d23; }
  /* CLASSES */
  .clear { clear: both; }
  .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
  img.left { float: left; margin: 3px 12px; }
  img.right { float: right; margin: 3px 12px; }
  img.center { clear: both; display: block; margin: 0 auto; text-align: center; }
  img.border { border: 1px solid #000; }
  /* SWEET-TITLES */
  div#toolTip { background: #fff; border: double 1px #000; min-height: 1em; position: absolute; text-align: left; width: 220px; z-index: 1000; }
  div#toolTip h5 { background: #4e4b4a; color: #fff; font-size: 1.4em; margin: 0; padding: 3px 6px; text-transform: uppercase; }
  div#toolTip p { margin: 0; padding: 3px 6px; color: #000; font-size: 1.1em; }
  div#toolTip p strong { text-transform: uppercase; }
  div#toolTip p em { background: url(/assets/img/arrow-right.jpg) no-repeat 100% 50%; display: block; font-size: .9em; font-style: normal; padding: 3px 9px 3px 0; text-align: right; }
  /* MSIE 7 */
  *+html .clearfix { height: 1%; }
  *+html #sidebar-catalog #search-brand ul li { margin-right: -3px; }
  /* MSIE 6 */
  * html #navigation { right: 262px; top: 92px; padding-top: 6px; }
  * html #sidebar-catalog #search-brand ul li { margin-right: -3px; }
  * html #location h3 { margin: 0 260px 8px 0; }
  * html #content-main { height: 525px; }
  * html #about #content-main { height: 675px; }
  * html .clearfix { height: 1%; }
}