@import url("./layout.css");
body,p,ul,li,ol,table,tr,td {color:#000; font:normal 12px/1.5 Verdana,Arial,Helvetica,sans-serif;}
body {background:#fff}

.stockin {color:green;}
.stocklow {color:#EE943C; font-weight:bold;}

p {padding-bottom:1.4em;}  

.pad5 {padding:4px;}
.orange {background:#EE943C;}

img,table {border:none;}
#img {background: url("http://www.picoauto.com/images/pico.png") center no-repeat;}

table {border-collapse:collapse;}

.c {margin-left:auto; margin-right:auto; text-align:center;}
.l   {text-align:left;}
.r  {text-align:right;}
.small {font:normal 10px Verdana,Arial,Helvetica,sans-serif;}
.p {cursor: pointer;}
.b  {font-weight:bold;}
.u {text-decoration: underline;}

a:link {color:#00F; background:transparent;} 
a:visited {color:#069; background:transparent;} 
a:link:hover, a:focus {color:#009; background:#F5810F;}
a:link:hover img, #zoom a:link:hover, #zoom:hover {background:transparent;}
a:active {color:#F03; background:transparent;}


p.nav,p.cap {font:bold 14px/1.2 Arial,Helvetica,sans-serif; text-align:center;margin-left:auto; margin-right:auto;}
p.nav {margin-top:3em; }

.nou {text-decoration:none;}

.sub {vertical-align:sub;}
.vm {vertical-align:middle;}
.vt {vertical-align:top;}

.nst,.nstl {list-style-type:none;}
.nstl {padding-left:0; margin-left:0;}

address {font-style:normal; margin-bottom:20px;}
acronym {cursor:help;}

h1 {font:bold 28px/1.6 Arial,Helvetica,sans-serif; background:#000;  color:#FFF; display:block; padding:3px; text-align:center;}
h2 {font:bold 22px/1.6 Arial,Helvetica,sans-serif; text-align:center; color:#000;}
h3, .kb li {color: #000; font:bold 16px/1.4 Arial,Helvetica,sans-serif; text-align:left;}
h4 {background:#FFF; color:#000; font:bold 14px/1.4 Arial,Helvetica,sans-serif; text-align:left;}



h1.pico,h1.p {  background:#000; color:#FFF; cursor:default; /* background-image:url("../h1test.png"); */}
h2.pico,h2.p,h2.env { background:#C6C6C6;  color:#FFF; margin:40px 0 30px; cursor:default;} 


h1.p {margin-top:0; clear:both;}

h3,h4 {margin-top:1.8em; margin-bottom:-0.6em; padding:0;}

ul {list-style-position:outside; list-style-type:disc; line-height:1.4; text-align:left;}
ol {list-style-type:decimal; line-height:1.5; text-align:left;}

.gra {color:#888;}
.red {color:#D60000; background:transparent;} 
.wht {color:#FFF; background:transparent;}
.blu {background:#000; color:#FFF; /*#ADD6EF;*/}
.blu tr, .blu tr td {color:#FFF;}
.ks2, .ks3, .ks4,.ks5 {color:#fff; border:1pt solid black; padding:2pt; font:bold 10pt Arial,Helvetica,sans-serif;}
.ks2 {background-color:#7bc618;}
.ks3 {background-color:#ff8429;} 
.ks4 {background-color:#00A5C6;}
.post16, .ks5 {background-color:#083194;}
.deg {background-color:#96f;}

.border {border:1px solid black; padding:2px; font-weight:bold}
.bord,.bo   {border:1px solid black; padding:2px;}

table.specs, table.specs2 {border:1px solid #CCC; padding:2px; font:normal 12px Arial,Helvetica,san-serif;}
table.tdbo td.nob , .nob {border:none;}

.toplt, .toprt, .botlt, .botrt {width:9px;height:9px;line-height:1px;overflow:hidden;}
.toplt {float:left;background-image:url("http://www.picoauto.com/tl.gif")}
.toprt {float:right;background-image:url("http://www.picoauto.com/tr.gif")}
.botlt {float:left;background-image:url("http://www.picoauto.com/bl.gif")}
.botrt {float:right;background-image:url("http://www.picoauto.com/br.gif")}
.bc,.bd {background:#C0DEFA;  }  /* fc9 */
.bc,.cc,.nc, .ec, .gc {height:9px}
.nc,.nd {background:#d8e8ef;}
.be,.ce {padding: 5px 10px;}
.cc,.cd {background:#c99;}
.ec,.ed {background:#6B88C2;}
.gc, .gd {background:#FF9500; /* #FFFF80;  */}

.fl {float:left; padding:10px;  margin:10px;}
.fr {float:right; padding:10px; margin:10px;}

.clear {clear:both;}
.pad10 {padding:10px;}


li {padding:2px 0; margin:2px 0;}
input, select, option {margin:4px 0;}


.phead a {padding:1px 15px;}
.nou {text-decoration:none;}

.m, .input, select, .pdf, .award, .email, .print {vertical-align:middle;}
.pdf,.award {width:30px; height:27px;}
.email, .print {width:20px; height:20px;}


.specs, .specs2 {border-collapse: collapse; table-layout:fixed;}
.specs tr, .specs2 tr {vertical-align:top;} 


#search {padding:10px 0; margin:0;  text-align:right;}
#search input {font-size: 11px; margin-bottom:5px; width:100%;} 

.t250 {text-indent:250px;}

#news {background:blue;}

h2.top,.ntm {margin-top:0;}


table.dis td, table.dis th {vertical-align:top;}

a.mlink {font-size:medium; text-align:center; text-decoration:none; font-weight:bold; text-decoration:none; display:block; margin-top:30px;}

.quote {width:250px; font-weight:bold; font-size:1.4em;}
.quote2 {width:300px; font-weight:bold; font-size:16px;}

p.one {font-weight:bold; font-size:120%;}

ul#aps, ul#sci, ul#tips {list-style-type:none; margin:0; padding:0; } 

.now {white-space:nowrap;}
.nrt {margin-left:330px; width:330px;}
.nlt {width:300px; float:left;}
.nsoft {border:1px solid #808080; padding:4px 6px; -moz-border-radius: 1em; -webkit-border-radius: 1em;}

#nnav {width:118px;  background:#405F9E; }
#nnav li {margin:0; padding:0; border:1px solid #9CF;} 
#nnav li a, #nnav li a:visited {padding:2px 5px; display:block; color:#00f; width:106px; margin:0; font-size:0.8em;}
#nnav li a:hover,#nnav li a:focus,#nnav li a#here  {color:#fff; background:#69c;}


h3.sci, .gap {margin-top:35px;}

address.train {font-size:14px;}
.tlist li {list-style:none; font-size:14px; font-weight:bold; margin:25px 0;}

.yes {background-image:url('http://www.picoauto.com/images/tic.png'); background-position:center; background-repeat: no-repeat; width:18px; height:20px;}
.yes span, .no span {display:none;}
.no {background-image:url('http://www.picoauto.com/images/x.png'); background-position:center; background-repeat: no-repeat; width:19px; height:20px;}

.odd {background:#FBF9F9;}
.eve {background:#EBF5FF;}
.ruled {background:#ffc;}   

.half {width:45%;}
.dist {vertical-align:top; border:1px solid gray;} 


.box {-webkit-border-radius: 1em;background:#eee; padding:5px; width:260px; margin:0; border:1px solid gray; -moz-border-radius: 1em; }
.searchbox   {background:#DAEDFE; padding:5px; width:440px; margin-left:auto; margin-right:auto; text-align:center;border:1px solid #7F9DB9;  -moz-border-radius: 1em; -webkit-border-radius: 1em;}
hr.p {background-color:#9cf; color:#9cf;}

ul.wav li {
   list-style-type:none;
   font-weight:bold;
   line-height:1.5;
   font-size: x-small;    
   voice-family: "\"}\"";   
   voice-family: inherit;   
   font-size: small; }

span.poll {position:absolute; left:200px; vertical-align:middle;}

.tableheadbig, .tablehead, .tablehead th, .tablehead th a:link, .tablehead th a:visited {background:#000; color:#FFF;}
.tableheadbig {font:bold 16px/1.3 Arial,Helvetica,sans-serif;}

#leftnav {text-align:center;}

#leftnav a, #leftnav a:visited { color:#000; text-decoration:none; display:block; padding:0.4em; font-size: 0.8em; background:#C6C6C6;}


#leftnav a:hover, #leftnav a:focus {background: #eee; color:#009;}

#leftnav dd { margin:0; padding:0; border-top:1px solid #000; }
#leftnav dt { margin:0; padding:0.4em; font-weight:bold; background:  #000; color: #FFF;}

dl#leftnav {margin: 0;  padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}

.leftnavtop, .leftnavbot  {display:block; background:transparent; font-size:1px;}
 
.b3, .b7 { height:1px; margin:0 2px;}
.b4, .b8 {height:2px; margin:0 1px;}
.b2, .b3, .b4 { display:block; background:#000;}  
.b6, .b7, .b8 { display:block; background:#C6C6C6;}
.b3, .b4, .b7, .b8 {   border-left:1px solid #fff; border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }
  
  
.b1, .b5 {display:block; height:1px; background:#fff; margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
}

.b2, .b6 { height:1px; margin:0 3px; border-left:2px solid #fff; border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

input[type="submit"], input[type="button"] {-moz-border-radius: 1em; -webkit-border-radius: 1em;}

.order { width:101px; height:51px; opacity:1;}
.order:hover {opacity:0.7;}

.epix {width:60px; height:60px;}

.sbm {height:18px; width:18px; padding:2px; background:#FFF;}
a:link:hover .sbm {background:#FFF}

.input {border:1px solid #CCC;}
.width55 {width:55%}

.strike {text-decoration:line-through;}

#enqform {width:550px; margin-left:80px;} 
#enqform  table tr {vertical-align:top;}

a[rel~="external"],a[rel~="external"]:link:hover {background: url("http://www.picoauto.com/images/ext.png") no-repeat 100% 0; padding: 0 15px 0 0;}

form.tutinjoin {margin:auto; text-align:center; padding:10px; margin:15px; background:#eee;}

#oem1 {float:left; width:50%;}
#oem2 {margin-left:60%;}

ul.kitcontents  {list-style:inside; text-indent:150px;}

.zoom {margin-left:auto; margin-right:auto; text-align:center; cursor:pointer; padding: 10px 20px;}
/*  #zoomed {-moz-border-radius: 1em;}    */

table#comp {border:1px solid grey; table-layout:fixed;}
table#comp tr {vertical-align:top;} 
table#comp tbody tr th {font-weight:normal; text-align:left; text-indent: 0.4em;}
table#comp tbody tr td {text-align:center;}

#locations li {list-style:none; font-size:14px; font-weight:bold; margin:25px 0;} 

#topics ul {margin-left:40px; padding-left:40px; padding-bottom:20px;}
#topics ul li {list-style: outside url('http://www.picoauto.com/images/arrow.png'); padding-left: 4px; }
.nmt {margin:0 0 600px; text-align:center;}
.nmt a {text-decoration:none;}

.bcrumb {font:normal 10px/1 Verdana,Arial,Helvetica,sans-serif;}

.softright {width:420px; float:right; padding:1em;}
.softleft {width:220px; padding:1em;}
.softgap {clear:both; height:100px;}

.cbox {float:left; margin-right:5px; margin-bottom:70px; margin-top:0;}

abbr {border-bottom: 1px dotted;}

.jumbo  {background: url("http://www.picoauto.com/images/loading.gif") center no-repeat;}
.hide {display:none;}

.vframe {float:left; width:194px; height:140px; padding:10px;}
.watch  {font:normal 10px Verdana,Arial,Helvetica,sans-serif; margin-left:3em;}
.tutme {background:#C0DEFA; height:3em; margin:3em 0 1.5em}
.picosays {color:gray; background:transparent; margin-top:1.5em;}
.trans {background:transparent;}
.norm  {font-weight:normal;}
.ml35 {margin-left:35px;}

span.first {float: left; font-size: 300%; line-height: 0.85em; margin-right: 0.08em; margin-bottom:-0.25em;}
.jargon dd {margin-left:10em; /*border: 1px solid red;*/}
.jargon dt {float:left; margin-left:2em; /*border: 1px solid green;*/}
#buster {margin-left:3em;}
/* ################ */


@media print {

#page, #glue, #content {width:100%}
#left, #right, #nav,#kart,#foot {display:none;}
#logo h3 {display:block;}

body,p,li,table {color:#000; font:normal 10pt/1.2 "Times New Roman",serif;}

h1 {font:bold 18pt/1.3 Arial,Helvetica,sans-serif; text-align:center}
h2 {font:bold 14pt/1.3 Arial,Helvetica,sans-serif; text-align:center}
h3 {font:bold 12pt/1.2 Arial,Helvetica,sans-serif}
h4 {font:bold 10pt/1.2 Arial,Helvetica,sans-serif}

 .hid,.hide,p.nav {display:none;}
.yes span, .no span {display:block;}
a:link,a:visited,a:hover,a:active {visibility:visible; color:#000; background:#fff; text-decoration:none;}
.break {page-break-before:always;} 

.specs, .specs2, td,th {page-break-inside: avoid;}

a:link[href^="http://"]:after, a:visited[href^="http://"]:after { content: " (" attr(href) ") "; font-size: 9pt;}

table#courses {display:none;}

#logo, .yes, .no {background:none;}

abbr {border: 0;}
}

@media handheld {
#nav, #right {display:none;}
}
