﻿body { background-color: #01528A; }
img { border-style: none; }
fieldset ul, fieldset li {border: 0; margin: 0; padding: 0; list-style: none;}
fieldset li {clear: both; list-style: none; padding-bottom: 10px;}
fieldset input {float: middle;}
fieldset label {width: 200px; float: left;}
/*--containers--*/
#header { width: 1026px; height: 195px; position: absolute; left: 5px; top: 5px; }
#header2 { width: 1022px; height: 322px; position: absolute; left: 5px; top: 5px; border: 1px #808080 solid; border-bottom-style: hidden; }
#header3 { width: 820px; height: 60px; font-size: 14pt; position: absolute; left: 70px; top: 90px; border: 1px #808080 solid; z-index: 2; }
#header4 { width: 560px; height: 70px; font-size: 14pt; position: absolute; left: 330px; top: 125px; z-index: 2;}
#logo { position: absolute; left: 10px; top: 29px; z-index: 4; }
#news { width: 728px; height: 300px; position: absolute; left: 5px; top: 355px; background-color: #FFFFFF; border: 1px #808080 solid; }
#newsa { width: 490px; height: 250px; float: left; top: 0px; background-color: #FFFFFF; border: 1px #808080 solid; }
#newsa2 { width: 300px; height: 250px; float: right; top: 0px; background-color: #FFFFFF; border: 1px #808080 solid; }
#newsb { width: 800px; height: 450px; float: left; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; font-style: normal; color: #01528A; background-color: #FFFFFF; border: 1px #808080 solid; margin-top: 5px; }
#newsb object { padding-left: 10px; }
#news2 { width: 820px; position: absolute; left: 70px; top: 175px; z-index: 1; }
#leftcolumntop { width: 510px; height: 425px; position: absolute; left: 5px; top: 205px; }
#rightcolumntop { width: 510px; height: 425px; position: absolute; left: 521px; top: 205px; }
#leftcolumnbottom { width: 510px; height: 100px; position: absolute; left: 5px; top: 635px; }
#rightcolumnbottom { width: 510px; height: 100px; position: absolute; left: 521px; top: 635px; }
#sidebar { background-color: #FFFFFF; width: 285px; height: 300px; position: absolute; left: 739px; top: 355px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; font-style: normal; color: #01528A; border: 1px #808080 solid; }
#midbar { background-color: #FFFFFF; width: 800px; height: 75px; float: left; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; font-style: normal; color: #01528A; border: 1px #808080 solid; margin-top: 5px; }
#midbar ul { list-style-type: none; margin: 0; padding: 0; width: 100%;}
#midbar ul li { display: inline; padding-left: 10px; }
#footer { background-color: #C0C0C0; font-size: 8pt; font-weight: normal; font-style: italic; text-align: center; color: #000000; border: 1px #808080 solid; padding-top: 5px; padding-bottom: 5px; width: 1026px; height: 50px; position: absolute; left: 5px; top: 740px; }
#footer2 { background-color: #C0C0C0; font-size: 8pt; font-weight: normal; font-style: italic; text-align: center; color: #000000; border: 1px #808080 solid; padding-top: 5px; padding-bottom: 5px; width: 1022px; height: 25px; position: absolute; left: 5px; top: 661px; }
#footer2a { background-color: #C0C0C0; font-size: 8pt; font-weight: normal; font-style: italic; text-align: center; color: #000000; border: 1px #808080 solid; padding-top: 5px; padding-bottom: 5px; width: 100%; height: 25px; position: absolute; left: 5px; top: 661px; }
#footer3 { font-size: 8pt; font-weight: normal; font-style: italic; text-align: right; color: #FFFFFF; border-style: none; padding-top: 5px; padding-bottom: 5px; width: 1022px; height: 60px; position: absolute; left: 5px; top: 800px; }
#footer4 { font-size: 8pt; font-weight: normal; font-style: italic; text-align: right; color: #FFFFFF; border-style: none; padding-top: 5px; padding-bottom: 5px; width: 1022px; height: 60px; position: absolute; left: 5px; top: 691px; }
#disclaimer { background-color: #C0C0C0; font-size: 8pt; font-weight: normal; font-style: italic; text-align: center; color: #000000; border: 1px solid #808080; padding-top: 5px; padding-bottom: 5px; width: 1022px; height: 50px; }
#map_canvas { background-color: #FFFFFF; font-size: 10pt; width: 400px; height: 500px; }
#directions { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; font-style: normal; color: #01528A; width: 400px; }
#wrap { width: 800px; padding: 5px; }
/*--Navigation properties--*/
#navbar { width: 1022px; height: 24px; position: absolute; left: 5px; top: 325px; background-image: url('wrasst/navbar.jpg'); font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; font-style: normal; color: #000000; border: 1px solid #808080; border-top-style: hidden; }
#navbar ul { list-style-type: none; margin: 0; padding: 0; }
#navbar ul li { display: inline; }
#navbar ul li a { text-decoration: none; padding: .2em 1em; color: #000000; }
#navbar ul li a:hover { text-decoration: none; color: #01528A; }
#navbar2 {width: 820px; height: 60px; font-size: 14pt; position: absolute; left: 70px; top: 65px; border: 1px #808080 solid; z-index: 3;}
#navbar2 ul { list-style-type: none; margin: 0; padding: 5px 19px 0 0; float: right; }
#navbar2 ul li {display:inline; }
a.getdirections, a.getdirections_a { display: inline-block; width:100px; height:50px; background: url("wrasst/getdirections2.png"); background-repeat:no-repeat; }
a.getdirections:hover {background: url("wrasst/getdirections2.png") 0 50px;}
a.getdirections_a {background: url("wrasst/getdirections_a.png") 0 50px;}
a.scheduleservice { display: inline-block; width:100px; height:50px; background: url("wrasst/scheduleservice2.png"); background-repeat:no-repeat;}
a.scheduleservice:hover {background: url("wrasst/scheduleservice2.png") 0 50px;}
a.servicespecials { display: inline-block; width:100px; height:50px; background: url("wrasst/servicespecials2.png"); background-repeat:no-repeat;}
a.servicespecials:hover {background: url("wrasst/servicespecials2.png") 0 50px;}
a.orderparts { display: inline-block; width:100px; height:50px; background: url("wrasst/orderparts2.png"); background-repeat:no-repeat;}
a.orderparts:hover {background: url("wrasst/orderparts2.png") 0 50px;}
a.partsspecials { display: inline-block; width:100px; height:50px; background: url("wrasst/partsspecials2.png"); background-repeat:no-repeat;}
a.partsspecials:hover {background: url("wrasst/partsspecials2.png") 0 50px;}
/*--page styling--*/
.homepage { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; font-style: normal; color: #01528A; text-align: center; border: 1px #C0C0C0 solid; }
.homepage2 { background-color: #FFFFFF; border: 1px #C0C0C0 solid; }
.content { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; font-style: normal; color: #000000; text-align: justify; padding: 20px; }
.content img { border-style: none; padding: 5px; }
.content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; font-style: normal; color: #01528A; }
.saleportal { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; font-style: normal; color: #01528A; text-align: left; border: 1px #C0C0C0 solid; }
.compare { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-style: normal; color: #000000; border: 1px #C0C0C0 solid; border-collapse: collapse; empty-cells: show; }
.compare td { padding: 5px; }
.rival { text-align: center; font-size: medium; color: #01528A; }
.comparisonheader { background-color: #999999; font-size: 10pt; font-weight: bold; font-style: Normal; color: #01528A; }
.comparisonheader2 { font-size: 10pt; font-weight: bold; font-style: italic; color: #01528A; }
.comparisonheader3 { background-color: #C0C0C0; font-size: 10pt; font-weight: normal; font-style: normal; color: #808080; }
.directions { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; font-style: normal; color: #01528A; }
.grounded { font-family: Arial, Helvetica, Sans-Serif; font-size: 14pt; font-weight: bold; font-style: normal; color: #FFFFFF; text-align: right; }
.figureL { float: left; border: 1px #C0C0C0 solid; margin-right: 20px; padding: 5px; }
.figureR { float: right; border: 1px #C0C0C0 solid; margin: 5px; padding: 5px; }
.figureL, .figureR p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; }
.form { font: arial, 11pt, normal, normal; color: #000000;}
.form label { font-size: 12pt; color: #01528A;}


