/* General */

.hidden{
display:none;
}

body 
{
margin:0 auto;
padding:0;
background:#ccc;
font-family:Arial;
text-align:center;
height:100%;
}

img{
border:0;
}

h2,h5,h6,h7
{
text-align:left;
color:#abafb9;
padding:0;
}

h3
{
text-align:left;
margin:0 0 6px 8px;
padding:0;
font-size:110%;
}

h4
{	
margin:0 0 6px 8px;
padding:0;
}

.right{
float:right;
}
.left{
float:left;
}
.center{
margin:auto;
text-align: center;
}

a:link{
text-decoration:none;
color: #d03201;
}

a:visited{
text-decoration:none;
color: #d03201;
/*background:url(../../../images/hbmotorcycles/tick.gif) no-repeat right 50%;
padding-right:9px;*/
}

a:hover{
color: #999;
}
a:active{
text-decoration:none;
color: #DCC0BF;
}


/* Main Layout */

#wrap{
width: 880px;
margin-left:auto;
margin-right:auto;
padding:0;
margin-top:0;
margin-bottom:0;
}

#lowerwrap
{
float:left;
background:#ccc url(../../../images/hbmotorcycles/wrap-bg.gif) repeat-y right;
padding:0 40px 0 40px;
margin:0;
}

#content {
float:right;
width: 590px;
font-size: 95%;
line-height: 1.5em;
color: #333;
padding:0;
margin:0;
}

#sidebar{
float:left;
width:200px;
}

#sidebar img{
margin-left:22px;
}

title{
color:red;
}


/* header */
#header
{
position:relative;
padding:0px;
margin:0;
min-height:128px;
background:#ccc url(../../../images/hbmotorcycles/wrap-bg.gif) repeat-y right;
}

*html #header{
height:128px;
}

.textsize{
position:absolute;
right:8px;
top:8px;
}

#honda-logo{
position:absolute;
top:15px;
left:90px;
}

#logo{
position:absolute;
top:20px;
left:270px;
}

#header h1{
color:#d03201;
font-size:1.7em;
display:inline;
position:relative;
top:62px;
}

#header .addressbox{ /* Also used for search box */
position:absolute;
top:10px;
right:60px;
text-align:right;
font-size: 70%;
margin:0;
padding:0;
}

#header .addressbox ul
{
margin:0;
padding:0;
}

#header .addressbox ul li
{
margin: 0 0 0 8px;
padding: 2px 0 1px 0px;
list-style: none;
font-size:110%;
border:none;
color:#999;
}


#header h1 a:link,#header h1 a:visited{
color:#d03201;
}
#header h1 a:hover{
color:#d03201;
text-decoration:none;
border:none;
}

/*----------- FOOTERS --------------------*/

#footer{
clear:both;
background: url(../../../images/hbmotorcycles/footer-bg.gif) no-repeat;
padding-top:18px;
padding-bottom:12px;
}

#footer p{
text-align:center;
color:#fff;
margin:0;
padding: 4px;
font-size: 85%;
letter-spacing:0.2em;
}
#footer a:visited{
background-image:none;
}
#footer a:hover{
text-decoration:underline;
color: #000;
}




/*--------------- Uncommon layout items ------------*/

#smalldiv
{
margin:auto;
width:300px;
padding:50px;
font-size:100%;
color: #666666;
}


/*-----------lawn and motor and etc ------------*/
#small-links{
clear:both;
font-size:80%;
}
#static-item-image{
float:left;
margin:60px 0 0 20px;
width:40%;
}

#static-item
{
float:left;
margin:60px 20px 0 40px;
text-align:left;
width:40%;
font-size:100%;
color: #666666;
}
#static-item h4{
margin-left:0;
font-size:130%;

}

#static-item ul{
margin:0;
padding:0;
list-style-type:none;
}

#static-item ul li{
background:url(../../../images/hbmotorcycles/bullet2.gif) no-repeat 0 50%;
margin:0;
padding:0 0 0 16px;
}

table#marine {
width:95%;
text-align:left;
font-size:90%;
}

table#marine td {
margin: 0;
text-align: left;
vertical-align:top;
border-left: 1px solid #E8E9E5;
border-bottom: 1px solid #E8E9E5;
padding:6px;
color:#787878;
}

table#marine th{
font-weight:bold;
border: 1px solid #fff;
padding:6px;
background:#d3d4d0;
}

#rowtitle{
font-weight:bold;
width:140px;
}
.odd{
background:#e8e9e5;
}

/*-----------------------------*/


/* Homepage specific layout */

#hometext
{
margin:10px 7px 0 0;
padding:0px 0px 12px 0px;
float:right;
text-align:left;
width:578px;
color:#565e73;
background:url(../../../images/hbmotorcycles/hometext-bottom.gif) no-repeat bottom;
font-size:100%;
min-height:390px;
}

*html #hometext{
height:400px;
}

#hometext h2{
padding:22px 0 0 22px;
margin:0;
background:url(../../../images/hbmotorcycles/hometext-top.gif) no-repeat top;
}

#hometext p{
margin-left:22px;
margin-right:22px;
color:#565e73;
font-size:90%;
}

#hometext2
{
float:right;
margin:0;
padding:0;
text-align:right;
position:relative;
right:23px;
top:23px;
width:140px;
color:#372017;
}

/* Google map */

#wide-column {
text-align:left;
float:right;
width:95%;
padding-top:0;
padding-bottom:0;
padding-left:1%;
padding-right:1%;
margin:0 0 12px 0;
font-size:110%;
}

#map{
clear:both;
width:97%; 
height:500px;
margin-bottom:20px;
}


#map div
{
float:left;
text-align:left;
font-size:98%;
color:#d03201;
}

/* Definition list in a box - see contact page*/

dl
{
text-align:left;
width: 255px;
margin: 0 0 20px 20px;
background:#fff url(../../../images/hbmotorcycles/box-bottom.gif) no-repeat bottom left;
}

dt {
margin: 0;
padding: 4px 0 2px 14px;
background:#DCC0BF url(../../../images/hbmotorcycles/box-top.gif) no-repeat top left;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
}
  
 dd {
  margin: 0;
  padding: 2px 0 2px 14px;
  }
  
/* End box */

dl.feature{
margin:15px 0;
padding: 15px;
border-top: 1px dotted #CEA8A7;
border-bottom: 1px dotted  #CEA8A7;
}

dl.feature:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.feature dt images{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.feature dd{
margin-left: 269px;
font-size: 90%;
line-height: 1.5em;
color: #666;
}

dl.feature dt{
margin: 0 0 0.5em 0;
font-family: Georgia, serif;
font-size: 140%;
color:#DCC0BF;
}

dl.detail{
margin:15px 0;
padding: 15px;
border-top: 1px dotted #CEA8A7;
border-bottom: 1px dotted  #CEA8A7;
}

dl.detail:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.detail dt images{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.detail dd{
margin-left: 269px;
font-size: 90%;
line-height: 1.5em;
color: #666;
}

dl.detail dt{
margin: 0 0 0.5em 0;
font-family: Georgia, serif;
font-size: 140%;
color:#DCC0BF;
}


/* Sidebars*/



.navigationbox
{
text-align:left;
margin: 0 0 0 20px;
padding: 6px 0 0 0;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.5em;
background: url(../../../images/hbmotorcycles/nav-bg-top.gif) no-repeat top left;
}

*html .navigationbox{
height:1%;
}

.navigationbox ul{
margin: 0;
padding: 0 8px 10px 8px;
background: url(../../../images/hbmotorcycles/nav-bg-bottom.gif) no-repeat bottom left;
}

.navigationbox p, ul li{
margin: 0px;
padding: 8px 0 8px 6px;
list-style: none;
border-bottom:1px solid #fff;
font-weight:bold;
font-size:70%;
}

.navigationbox ul li a:link, .navigationbox ul li a:visited{
padding-left:14px;
background: url(../../../images/hbmotorcycles/bullet.gif) no-repeat 0 50%;
text-decoration:none;
color:#818181;
display:block;
}

.navigationbox ul li a:hover{
background:url(../../../images/hbmotorcycles/bullet2.gif) no-repeat 0 50%;
color: #d85b35;
display:block;
}

#on{
font-weight:bold;
color: #d85b35;
background:url(../../../images/hbmotorcycles/bullet2.gif) no-repeat 0 50%;
display:block;
}

#e-mail{
background:url(../../../images/hbmotorcycles/e-mail.gif) left no-repeat;
padding-left:25px;
margin-left:4px;
}

.searchbox{
text-align:left;
margin:0px 0px 0px 20px;
padding: 0 0 12px 0;
font-size: 85%;
line-height: 1.5em;
color:#333333;
background: url(../../../images/hbmotorcycles/nav-bg-bottom.gif) no-repeat bottom left;
}

.searchbox h3 {
margin:0px 0 0 0;
padding: 12px 6px 6px 22px;
font-size: 130%;
font-weight:bold;
color:#818181;
background: url(../../../images/hbmotorcycles/nav-bg-top.gif) no-repeat top left;
}
.searchbox ul
{
margin: 0px;
padding: 0 0 0 10px;
}

.searchbox ul li
{
margin: 0 0 0 8px;
padding: 0 0 0 14px;
list-style: none;
background:url(../../../images/hbmotorcycles/address-bullet.gif) no-repeat 0 .4em;
color:#B57D75;
font-size:110%;
}

/* End address box in sidebar */


/*-------------------------------------*/

.addressbox{ /* Also used for search box */
text-align:left;
margin: 20px;
padding: 0 0 12px 0;
font-size: 93%;
line-height: 1.5em;
}

.addressbox ul
{
margin: 12px 0 0 0px;
padding: 0 0 0 10px;
}

.addressbox ul li
{
margin: 0 0 0 8px;
padding: 2px 0 1px 0px;
list-style: none;
color:#333333;
font-size:110%;
border:none;
}

/* End address box in sidebar */

/* Definition list for address box*/

dl.search{
width: 92%;
margin: 0 0 20px 20px;
background:#f1ece7 url(../../../images/hbmotorcycles/box-bottom.gif) no-repeat bottom left;
}

dt.search {
margin: 0;
padding: 4px 0 2px 14px;
background:#e4dacf url(../../../images/hbmotorcycles/box-top.gif) no-repeat top left;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
}
  
 dd.search {
  margin: 0;
  padding: 2px 0 2px 14px;
  }


/* For search page */

.unspecified
{
text-align:center;
font-size:92%;
color:#999; 
}

/* Form */

label 
{
float:left;
margin-right: 0.2em;
width: 1em;
text-align: right;
display: block;
padding-left:12px;
}

.select  /* Option drop-down */
{
width:60%;
min-width: 80px;
margin:0px;
}

input{
background-color:#dfdbdb;
border-top: solid 1px #eee;
border-left: solid 1px #eee;
border-right: solid 1px #b5b5b5;
border-bottom: solid 1px #b5b5b5;
font-weight:bold;
color:#666;
margin:0;
padding-left:1px;
padding-right:1px;
font-size:70%;
cursor:pointer;
}

#button
{
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:120px;
color:#fff;
background-color:#D03201;
border-top: solid 1px #DCC0BF;
border-left: solid 1px #DCC0BF;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
font-weight:bold;

}

#button:hover
{
color:#D03201;
background-color:#fff;
}

/* EndForm */

/*--------------Detail page ----------------------*/

.red
{
font-weight:bold;
font-size:110%;
color:red;
text-align:center;
}


#contactbutton
{
text-align:center;
width:100px;
padding:2px;
margin-left:auto;
margin-right:auto;
background-color:#38575e;
border-top: solid 1px #DCC0BF;
border-left: solid 1px #DCC0BF;
border-right: solid 1px #B57D75;
border-bottom: solid 1px #B57D75;
font-weight:bold;
color:#B57D75;
}

#contactbutton:hover
{

background-color:#38525A;
font-weight:bold;
color:#D4E3EA;
}

#contact input
{
width:100%;
float:left;
margin:0;
background-color:#fff;
border-top: solid 1px #B57D75;
border-left: solid 1px #B57D75;
border-right: solid 1px #DCC0BF;
border-bottom: solid 1px #DCC0BF;
font-weight:normal;
color:#000;
}

#contact textarea
{
float:left;
margin:0;
background-color:#fff;
border-top: solid 1px #B57D75;
border-left: solid 1px #B57D75;
border-right: solid 1px #DCC0BF;
border-bottom: solid 1px #DCC0BF;
font-weight:normal;
color:#000;
}

#next
{
font-size:70%;
float:right;
background:url(../../../images/hbmotorcycles/brown-detail-right-arrow.gif) no-repeat right 50%;
padding-right:12px;
margin-right:5px;
}

.detail-footer{
background:#e8e9e5;
padding:5px 0 5px  5px ;
margin:0;
}

#contactbutton{
padding:0;
margin:auto;
border:none;
}

#contactbutton input
{
background-color:#CEA8A7;
border-top: solid 1px #DCC0BF;
border-left: solid 1px #DCC0BF;
border-right: solid 1px #B57D75;
border-bottom: solid 1px #B57D75;
font-weight:bold;
color:#38575e;
margin:0;
padding:0;
}

.addressbox form
{
padding:0;
margin:0;
}
/*----------------End detail page---------------*/

/* Hacks */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%;}
/* End hide from IE5/Mac \*/

/* Hide from IE5/Mac \*/
* html dl.feature {height: 1%;}
dl.feature {display: block;}
/* End hide from IE5/Mac \*/


