/*
Extrawheel USA
By: Ben Robinson
Chicago Style SEO
http://www.chicagostyleseo.com
*/

body {
background: url('images/extrawheelusa-header-bg.gif') repeat-x;
background-color: #555;
font: 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
color:#555;
padding:0px;
margin:0px;
}

ul {
line-height:18px;
}

img { border: 0px; }

img.right {
float:right;
}
img.left {
float:left;
}


a {color: #3a6f8f; text-decoration: none;}
a:visited {color:#421c52;}
a:hover {color: #421c52;}

h1 {
font-size: 18px;
font-weight: normal;
color: #00a650;
}

h2 {
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
color:#555;
}

h3 {
font-size: 16px;
font-weight: normal;
color: #555;
padding: 5px 10px;
margin:0px;
}


/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
background: url('images/extrawheelusa-header-image.jpg') no-repeat;
text-align: left;
padding: 0px;
margin: 0px;
height: 372px;
}
#headerside {
text-align: center; 
margin-left: 6px;
padding: 70px 20px 5px 20px;
width: 200px;
float: left;
}
#banner h2 {
font: bold 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
color: #555;
text-align: center; 
} 

a.buynow {
text-align: left; 
padding: 15px 5px 0px 70px;
color:#555;
margin: 60px 0px 0px 8px;
display:block;
height: 76px;
width:110px;
background: url('images/buy-arrow-over.gif') no-repeat;
}

a.buynow span{
color: #00a650;
text-transform: uppercase; 
font-size: 15px; 
font-weight: bold;
}

a.buynow:hover {
color:#000;
background: url('images/buy-arrow.gif') no-repeat;
}

a.buynow:hover span{
color:#000;
}



/* -----------------content--------------------- */
#contentwrap {
padding: 0x;
margin: 0px;
background: url('images/extrawheelusa-content-bg.gif') repeat-y;
}

#content {
padding: 0px;
margin-left: 170px;
margin-right: 0px;
}


#content_inner {
padding: 10px 150px 50px 100px;
}

#content_inner p{
line-height: 18px;
}

.right {
float:right;
margin-left:5px;
}

.left {
float:left;
margin-right:5px;
}


/* --------------left navi------------- */
#left {
float: left;
width: 300px;
margin: 0px;
padding: 0px 0px;
}

#leftcontent {
	width: 200px;
	margin-left: 0px;

}




/* -----------footer--------------------------- */
#footerwrap {
background-color: #555;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

#footer {
background-color: #555;
background: url('images/extrawheelusa-footer-bg.gif') no-repeat;
clear: both;
width: 1000px;
height: 19px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: left; }


#footer1 {
text-transform: uppercase; 
color: #00a650;
padding: 30px 100px 0px 100px;
font: 8px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
margin: 0px;
}

#footerblock {
float: left;
width: 100px;
margin:0px 100px 50px 0px;
}

#footerblock span{
font-size: 10px;
}

#footer a {
color:#fff;
}

#footer a:hover {
color:#00a650;
}

/* -----------navigation--------------------------- */
div#topNavigation{ 
padding:60px 20px; 
width: 660px; 
float: right; 
margin: 0px 40px 5px 0px; 
}

a.topNavigation{ 
color: #ccc;
display: block; 
float: right; 
text-align: left; 
font-size: 10px; 
line-height: 20px;
text-decoration: none; 
text-transform: lowercase; 
padding: 5px 10px; 
width: 90px;
}

a.topNavigation span{
color: #555;
text-transform: uppercase; 
font-size: 15px; 
font-weight: bold;
}


a.topNavigation:hover{ 
color:#fff;
background-color:#555;
}

a.topNavigation:hover span{ 
color:#00a650;
}