﻿* {
margin: 0;
border: 0;
padding: 0;
}

html {
overflow-y: scroll;
}

body {
font-size: 11px;
background: #000 url(images/back.jpg) repeat-y;
background-position: center;
font-family: Verdana, Arial, sans-serif;
}

.color {
color: #036;
font-weight: bold;
letter-spacing: 0;
}

div#container {
width: 950px;
margin: 0 auto;
}
	
#mast {
background: #fff;
}	
	
#adsearch {
margin: 10px 0 0 10px;
}

table {
border-collapse: collapse;
}	

h1 {
font-size: 20px;
color: #000;
font-weight: bold;
font-family: "Trebuchet MS", Arial, sans-serif;
text-align: left;
margin-left: 15px;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 3px;
}	
	
h1#title {
text-align: left;
display: inline;
}
	
h2 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 2px 0 4px 0;
font-family: "Century Gothic", Verdana, sans-serif;
text-align: left;
}	

h3 {
font-size: 32px;
letter-spacing: -2px;
font-weight: normal;
color: #000;
}
	
h4 {
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #000;
margin: 12px 0 4px 0;
font-family: "Trebuchet MS", sans-serif;
}		
	
h5 {
text-align: right;
color: #000;
font-size: 10px;	
margin: 0 4px 0 4px;
font-family: "Trebuchet MS", sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}
h5#special1 {
font-size: 17px;
color: #f00;
font-weight: bold;
text-transform: none;
}
h5#special2 {
font-size: 12px;
color: #0d0;
font-weight: normal;
text-transform: uppercase;
}
h6 {
text-align: center;
color: #069;
margin: 5px auto 15px auto;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}
	
td {
vertical-align: top;
}	

.shieldbar {
border-collapse: collapse;
width: 650px;
color: #F92;
}

.windshield {
text-align: center;
background: #FFF;
padding: 4px 0;
border: 2px solid #ddc;
color: #000;
font-size: 9px;
line-height: 10px;
font-weight: bold;
width: 320px;
}
	
.windshieldprice {
text-align: center;
border: 2px solid #ddc;
line-height: 30px;
color: #111;	
background: #ccb;
font-size: 26px;
line-height: 34px;
}	

.catalog {
font-size: 10px;
line-height: 14px;
color: #369;
text-align: center;
margin-top: -2px;
margin-bottom: 6px;
padding: 2px;
background: #eed;
text-transform: uppercase;
font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
}	

a.noline {
text-decoration: none;
}	

a {
font-weight: bold;
color: #000;
text-decoration: underline;
}	
	
a:hover {
color: #9CF;
}
	
a.price {
width: 100%;
font-size: 26px;
font-weight: bold;
color: #F92;
text-align: center;
display: block;
text-decoration: none;
font-family: "Trebuchet MS", Arial, sans-serif;	
}

a:hover.price {
color: #9CF;
background: #333;
}	

.subnav {
text-align: center;
line-height: 1.4em;
text-decoration: none;
font-size: 11px;
vertical-align: top;
color: #000;
font-weight: bold;
font-family: "Trebuchet MS", Arial, sans-serif;
background: #fff;
}	
	
a.topnav {
font-size: 13px;
font-weight: bold;
margin: 0px 2px;
color: #9CF;
border: 1px solid #333;
padding: 0 2px;
}

a.topnav:hover {
color: #9CF;
border: 1px dashed #7ad;	
}	

a.left {
width: 170px;
display: block;
margin: 3px auto;
font-size: 14px;
border: 2px solid #888;
color: #000;
background: url(images/flipbg.jpg) repeat-x;
letter-spacing: 0;
text-decoration: none;
}

a.top {
display: block;
margin: 0 auto 3px auto;
font-size: 12px;
line-height: 18px;	
border: 2px solid #bbb;
color: #000;
background: url(images/flipbg.jpg) repeat-x;
font-weight: bold;
width: 178px;
}
	
a.top:hover {
border: 2px solid #7ad;
color: #082142;
background: url(images/silverbg.jpg) repeat-x;
}	

a.leftwhite {
width: 170px;
display: block;
margin: 3px auto;
font-size: 14px;
border: 2px solid #082142;
color: #000;
background: url(images/silverbg.jpg) repeat-x;	
letter-spacing: 1px;	
}	
	
a.left:hover {
border: 2px solid #679982;
color: #082142;
background: url(images/silverbg.jpg) repeat-x;	
}			
	
.middow {
text-align: left;
line-height: 13px;
padding: 3px;
}
	
.midlow {
margin: 2px 0 0 0;
padding: 4px 5px 0px 0;	
}
		
.padded {
padding: 0 0 0 20px;
vertical-align: top;
}	
	
.paddedbox {
margin: 18px 0 0 -5px;
text-align: center;
vertical-align: top;
padding: 0 5px;
}		
	
.topshift {
width: 190px;
vertical-align: top;
text-align: center;
}	
	
#roll {
color: #333;
letter-spacing: 12px;
font-family: "Arial Black", "Trebuchet MS", Arial, sans-serif;
text-align: left;
font-weight: bold;
margin: 5px 0 0 0;
}
	
.blackspace {
padding-right: 2px;
padding-bottom: 2px;	
text-align: center;
}
	
#copyright {
text-align: left;
margin: 20px 8px 10px 20px;
font-size: 9px;
color: #000;
}	

a.none {
color: #444;
text-decoration: none;
}
	
.master {
border: 3px solid #eee;
width: 730px;
margin: 5px 10px;
border-collapse: collapse;
}
	
.giant {
background: #fff;
padding-bottom: 10px;
}	
	
.masterspec {
border-top: 1px solid #555;
width: 700px;
margin: 5px 0;
border-collapse: collapse;
font-weight: bold;
color: #000;
font-size: 12px;
}	
	
.cartleft {
text-align: center;
vertical-align: middle;
width: 170px;
font-size: 18px;
font-weight: bold;
background: #FFF;
color: #004a39;
font-family: "Trebuchet MS", Arial, sans-serif;	
border-right: 1px solid #bbd;
border-left: 1px solid #bbd;	
}

td.cartcenter {
text-align: justify;
vertical-align: top;
padding: 5px 10px;
color: #000;
font-weight: normal;
font-size: 0.9em;
background: #eee;
}
	
td.cartcenter a {
color: #9CF;
text-decoration: underline;
}	
	
.cartright {
text-align: center;
width: 200px;
padding: 10px;
color: #000;
background: #DDD;
font-size: 9px;
border-left: 1px solid #bbb;
}

.cartright table {
width: 180px;
text-align: center;
margin-bottom: 15px;
}
	
#store {
padding: 0 25px 25px 25px;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
}	
	
#specs {
font-size: 12px;
font-weight: normal;
width: 700px;
text-align: justify;
line-height: 15px;
color: #bbb;	
}		
	
#trails {
font-size: 14px;
font-weight: normal;
width: 700px;
text-align: justify;
line-height: 1.5em;
color: #000;	
}
	
#trails a {
text-decoration: underline;
color: #38569f;	
}	
	
#photos {
font-size: 14px;
font-weight: normal;
width: 700px;
vertical-align: middle;
line-height: 1.5em;
color: #000;
}

.photosquare {
vertical-align: middle;
text-align: center;
padding: 1px;
}

td.bucket {
padding: 15px;
width: 225px;
background: #fff;
text-align: center;
border: 5px solid #c60;
}
		
ul {
list-style-image: url(images/star.gif);
text-decoration: underline;
margin: 0 0 0 40px;
}	
	
.minifit {
width: 150px;
background: #EEE;
padding: 5px 0;
text-align: center;
border: 1px solid #000;
vertical-align: middle;
}	
	
#adright {
position: absolute;
top: 650px;
left: 955px;
width: 175px;
text-align: center;
padding: 10px;
background: transparent url(images/panel.gif) no-repeat;
border-bottom: 1px dashed #222;	
}	
	
#adrite {
position: absolute;
top: 265px;
left: 655px;
width: 175px;
text-align: center;
padding: 40px 10px 10px 10px;
background: transparent url(images/panel.gif) no-repeat;
}		
	
#searcher {
position: absolute;
top: 520px;
left: 3px;
width: 190px;
margin: 0 auto;
padding: 4px 0;
text-align: center;	
background: #000 url(images/panel.gif) no-repeat;	
border-bottom: 1px solid #333;
}
	
#searchresult {
background: #FFF;
padding: 0 25px;
}	
	
.nada {
border: 0;
}	
	
#panelbox {
padding: 1px 0 0 6px;
vertical-align: top;
}	
	
.slide {
margin: 0 auto;
width: 184px;
}	
	
.shovit {
margin: 0 0 0 210px;
}
	
.framing {
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
border-bottom: 5px solid #FFF;		
border-left: 2px solid #FFF;	
}

#saying {
font-size: 11px;
line-height: 18px;	
letter-spacing: 1px;
color: #ddf;
text-align: center;
margin: 0 auto;
width: 550px;
padding: 20px;
font-family: Verdana, Arial, sans-serif;
}

.viewer {
text-align: right;
margin: 20px 32px 20px 0;
}

#one {
padding: 10px 0 0 20px;
}
	
#two {
padding-top: 20px;
padding-left: 25px;
padding-right: 10px;
}

#two a {
color: #000;
font-family: Verdana, sans-serif;
letter-spacing: -3px;
font-weight: bold;
font-size: 3.5em;
text-decoration: none;
}

#three {
padding-top: 10px;
padding-left: 30px;
text-align: right;
vertical-align: top;
}

#three a {
color: #369;
font-size: 1.2em;
}

#three a:hover {
color: #036;
text-decoration: underline;
}

td.whiteletter {
color: #fff;
font-size: 15px;
line-height: 20px;
}

span.red {color: #c00;}
	
#saying {
behavior: url(iepngfix.htc);
}

#promo {
behavior: url(iepngfix.htc);
}	
	
#roll {
behavior: url(iepngfix.htc);
}

.padded {
behavior: url(iepngfix.htc);
}
	
img {
behavior: url(iepngfix.htc);
}
