/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

*{
	margin: 0;
	padding: 0;
}

body {
	font: normal small Arial, sans-serif;
	color: #000;
	background: #FFF;
	padding:2px 0 10px 0;
}

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}

div#wrapper {
    width: 1002px;
	height: 630px;
	margin:0 auto;
    background: #FFF;
}
div#swrap {
    float:left;
	background: transparent url(i/bgwrap.png) repeat-y;
}
div#sidebar{
    display:inline;
    float:left;
    width: 189px;
   	overflow:hidden;
}
div#sidebar h1{
    padding: 0;
}
    div#sidebar h1 a{
        display:block;
		width:189px;
		height:590px;
		background: transparent url(i/logo.png) 0 0 no-repeat;
    }
    div#sidebar h1.box a{
		background: transparent url(i/logob.png) 0 0 no-repeat;
    }
    div#sidebar h1.jogging a{
		background: transparent url(i/logoj.png) 0 0 no-repeat;
    }
    div#sidebar h1.flowers a{
		background: transparent url(i/logof.png) 0 0 no-repeat;
    }
div#content {
    display:inline;
    float:left;
	margin:0 0 0 5px;
}
div#content #navwrap{
	height:72px;
	background:#FFF;

}
div#content #navigation{
    padding:1px 0 0 0;
    width: 806px;
	height:68px;
	background:#8FB2CB;
}
div#content #navigation ul{
    list-style:none;
}
div#content #text{
    margin:4px 0 0 0;
	padding: 30px 0 30px 110px;
    width: 694px;
	overflow:auto;
}
div#content #text ul,
div#content #text ol{
    margin:4px 0 4px 30px;
}
div#content #text li{
    padding:2px 0;
}
div#content #text #tace td{
	padding: 0 0 0 4px;
	text-align:center;
}
div#footer{
	text-align:middle;
    clear:both;
    float:left;
	margin:4px 0 0 0;
    width: 100%;
	height:35px;
    background:#2A3D4E;
}
div#footer ul#navfoot{
    margin:10px auto 0 auto;
    width:980px;
    list-style:none;
}
div#footer ul#navfoot li{
    display:inline;
    float:left;
	margin:0 40px 0 60px;
}
     div#footer ul#navfoot li.phone a{
        display:block;
        width:110px;
	    height:9px;
	    background: transparent url(i/bgpho.gif) 0 0 no-repeat;
}
     div#footer ul#navfoot li.email a{
        display:block;
        width:210px;
	    height:13px;
	    background: transparent url(i/bgema.gif) 0 0 no-repeat;
}
     div#footer ul#navfoot li.sitemap a{
        display:block;
        width:55px;
	    height:9px;
	    background: transparent url(i/bgsite.gif) 0 0 no-repeat;
}
     div#footer ul#navfoot li.legal a{
        display:block;
        width:39px;
	    height:9px;
	    background: transparent url(i/bgleg.gif) 0 0 no-repeat;
}
     div#footer ul#navfoot li.patents a{
        display:block;
        width:51px;
	    height:9px;
	    background: transparent url(i/bgpat.gif) 0 0 no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h2 {
	font: bold 120% Arial, sans-serif;
	margin: 8px 0;
}

h3 {
	font: bold 110% Arial, sans-serif;
	margin: 6px 0;
}

h4 {
	font: bold 100% Arial, sans-serif;
	margin: 4px 0;
}

p {
	font: normal 110% Arial, sans-serif;
	line-height: 140%;
	margin: 12px 0;
}

a {
    font: normal 100% Arial, sans-serif;
    color: #2A3D4E;
	text-decoration:underline;
}
a:hover {
    color: #FFF;
	background:#2A3D4E;
	text-decoration:none;
}

blockquote{
	font: italic 110% Arial, sans-serif;
    padding: 6px;
	margin:0 20px;
	border: 1px solid #888;
}

abbr, acronym{
    cursor: help;
    border-bottom: 1px dotted #000;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Misc.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#sidebar h1 a,
div#footer ul#navfoot li,
.chromestyle ul li{      /*----Add image replaced element here----*/
    letter-spacing: -1000em;
    text-indent: -999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* ######### Style for Drop Down Menu ######### */

.chromestyle{
    width: 99%;
    font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.chromestyle ul{
    width: 100%;
    padding: 0;
    margin: 12px 0 0 0;
    text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
    float:left;
    display: inline;
	width:191px;
	height:44px;
	margin:0 0 0 7px;
}

.chromestyle ul li a{
    display:block;
	width:191px;
	height:24px;
    text-decoration: none;
}
.chromestyle ul li a:hover{
    background:none;
}
    .chromestyle ul li.vin{
    background: transparent url(i/vin.gif) 0 0 no-repeat;
    }
    .chromestyle ul li.insidep{
    background: transparent url(i/insidep.gif) 0 0 no-repeat;
    }
    .chromestyle ul li.install{
    background: transparent url(i/install.gif) 0 0 no-repeat;
    }
    .chromestyle ul li.thepo{
    background: transparent url(i/thepo.gif) 0 0 no-repeat;
    }

.dropmenudiv{
    position:absolute;
    top: 20px;
	padding:0 0 40px 0;
    font:normal 12px Verdana;
    line-height:24px;
    z-index:100;
    background: transparent url(i/bgtab.gif) left bottom no-repeat;
    width: 191px;
    visibility: hidden;
}

.dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 10px;
    padding: 4px 0 2px 0;
    text-decoration: none;
    font-weight: bold;
    color: #E9F2F8;
	background:transparent url(i/bgdrop.gif) repeat;
}

* html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
}

.dropmenudiv a:hover{ 
    color:#93B4CC;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 #signup table {
 background-color: transparent;
 color: #000000;
 width: 500px;
 border: 1px solid #8EB1CB;
 border-collapse: collapse;
}

#signup td {
 border: 1px solid #8EB1CB;
 padding: 4px;
}

.labelcell {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height:140%;
 color: #3670A7;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 background-color: transparent;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
} 

.fieldcell input {
 width: 200px;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #FFF;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

.smallfieldcell input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #8EB1CB;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #8EB1CB;
 color: #102132;
 border: 1px solid #284279;
}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #8EB1CB;
 color: #FFF;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}