/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GENERAL >>> 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

* {
	margin: 0;
	padding: 0;
	border: none;
}
html body {
	height: 100%;
}

body {
	background: #ffffff url('/images/layout/bkg.jpg') repeat-x top left;
	font: 12px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #001329;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

/* #####################################################
						GENERAL >>> 
######################################################## */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
/* End hide from IE-mac */

a:link, a:visited {
    color: #0e407c;
	text-decoration: underline;
}
a:hover, a:active {
    color: #001329;
	text-decoration: underline;
}
h1 {
	font-size: 26px;
	font-weight: normal;
	color: #001329;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #0e407c;
	margin: 0 0 10px 0;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	color: #001329;
	margin: 10px 0;
}
p {
	margin: 10px 0;
	padding: 0;
}

.float_right {
	float: right;
}
.float_left {
	float: left;
}

.container {
	width: 800px;
	text-align: left;
	margin: 0 auto;
}

/* #####################################################
						HEADER >>> 
######################################################## */

#header_container {
	width: 800px;
	height: 80px;
	text-align: left;
	float: left;
}

/* Logo and Right Brands >>> */

#logo {
	width: 236px;
	height: 27px;
	float: left; 
	margin: 29px 20px 0 20px;
}

#headernav{
	text-align:right;
	margin-top:12px;
	line-height:12px;
	font-weight:bold;
}

#headernav a{
	list-style: none;
	color: #11b5e5;
}

#headernav a:hover{
	list-style: none;
	color: #fff;
}

#headernav p{
	list-style: none;
	color: #fff;
}



/* Brandsnav >>> */

#brandsnav {	
	background: url('/images/layout/brand_title.jpg') no-repeat top left;
	text-align: left;
	margin: 8px 0 0 0;
	padding: 0 0 0 111px;
	float: right;
}

#brandsnav ul {
	list-style: none;
}
#brandsnav li {
    list-style: none;
	display: inline;
}
#brandsnav a {
	height: 0px !important; 
	padding: 63px 0 0 0;
	margin: 0;
	float: left;
	overflow: hidden;
	height /**/:63px; /* for IE5/Win only */
}	
#brandsnav a:hover, #brandsnav a:active, #brandsnav a.selected {
	background-position: 0 -63px;
}

#bbmw a  {
	width: 61px;
	background: url("/images/layout/b1.jpg") no-repeat top left;
}
#bhonda a  {
	width: 72px;
	background: url("/images/layout/b2.jpg") no-repeat top left;
}	
#bkawasaki a  {
	width: 82px;
	background: url("/images/layout/b3.jpg") no-repeat top left;
}
#byamaha a  {
	width: 84px;
	background: url("/images/layout/b4.jpg") no-repeat top left;
}	

/* Menutop >>> */

#menutop_container {	
	width: 800px;
	height: 40px;
	text-align: left;
	float: left;
	clear: both;
}

#menutop ul {
	list-style: none;
}
#menutop li {
    list-style: none;
	margin: 10px 2px;
	display: inline;
	float: left;
	
}
#menutop a {
	height: 0px !important; 
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	height /**/:20px; /* for IE5/Win only */
}	
#menutop a:hover, #menutop a:active, #menutop a.selected {
	background-position: 0 -20px;
	color:#000;
}

#mtemail a  {
	width: 69px;
	background: url("/images/layout/m1.jpg") no-repeat top left;
}
#mtshipping a  {
	width: 132px;
	background: url("/images/layout/m2.jpg") no-repeat top left;
}	
#mtviewcart a  {
	width: 78px;
	background: url("/images/layout/m3.jpg") no-repeat top left;
}
.separator{
	padding-left: 10px;
	padding-right: 10px;
}

/* Search >>> */

#search_form {
	float: right;
	background: url("/images/layout/search_box.jpg") no-repeat top left;
	margin: 6px 0 0 0;
	display: inline;
}
#search_box {
	width: 257px;
	height: 21px;
	background: url("/images/layout/search_box.jpg") no-repeat top left;
	font: 11px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #92d4ff;
	padding: 6px 4px 0 10px;
	float: left;
	border: 0;
	display: inline;
}
#search_button {
	width: 109px;
	height: 27px;
	background: url('/images/layout/search_btn.jpg') no-repeat top left;
	margin: 0 0 0 10px;
	float: left;
	border: 0;
	display: inline;
}

/* #####################################################
						CONTENT >>> 
######################################################## */

#content_container {
	width: 800px;
	margin: 15px 0;
	float: left;
}

/* Content Left */

#content_left {
	width: 170px;
	margin: 0 15px 0 0;
	float: left;
}

/* Products Menu */

#pmenu {
	width: 170px;
	background: #0b171d url('/images/layout/left_menu_bkg.jpg') repeat-y top left;
	margin: 0 0 20px 0;
	overflow: hidden;
	clear: both;
	list-style: none;
}

#pmenu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
#pmenu li {
	text-align: left;
	float: left;
}
#pmenu li a {
	width: 135px;
	background: url('/images/layout/left_menu_normal.jpg') no-repeat top left;
	font: normal 12px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #ddf2ff;
	text-decoration: none;
	padding: 2px 10px 2px 25px;
	float: left;
	display: block;
}
#pmenu li a:hover {
	background: #216ead url('/images/layout/left_menu_hover.jpg') no-repeat top left;
	color: #ddf2ff;
	text-decoration: none;
	float: left;
	display: block;
}
#pmenu-activ a:link, #pmenu-activ a:visited, #pmenu-activ a:hover {
	background: #216ead url('/images/layout/left_menu_hover.jpg') no-repeat top left;
	color: #ddf2ff;
	text-decoration: none;
	display: block;
}

/* Product Left */

#prod_left {
	width: 150px;
	text-align: center;
	margin: 20px 0 0 0;
	border: 5px solid #f2f2f2;
}
#prod_left img {
	margin: 10px 0;
	clear: both;
}

/* Content Center */

#content_center {
	width: 440px;
	margin: 0 15px 0 0;
	float: left;
}
#content_center input{
	border: 1px solid #000;
}

#banner_img {
	margin: 0 0 15px 0;
	border-right: 6px solid #f2f2f2;
	border-bottom: 6px solid #f2f2f2;
	border-left: 6px solid #f2f2f2;
	display: inline;
	overflow: hidden;
	float: left; 
}
#prod_center {
	border-bottom: 5px solid #f2f2f2;
	border-top: 5px solid #f2f2f2;
	display: inline;
	overflow: hidden;
	float: left; 
	margin: 0 0 10px 0;
	padding: 10px 0;
}
#prod_center img {
	float: left; 
	margin: 0 10px 10px 0;
}

/* Content Right */

#content_right {
	width: 160px;
	float: left;
}
#content_right img {
	margin: 0 0 20px 0;
}

/* Content Inner Page */

#prod_img {
	margin: 0 20px 20px 0;
	float: left;
	border: 6px solid #f2f2f2;
}
.addform {
	margin: 0 0 10px 0;
}
.addform_input {
	width: 20px;
	height: 18px;
	border: 1px solid #b6c5d7;
}
.addform_btn {
	border: 1px solid #b6c5d7;
}
.subprod_box {
	margin: 10px 0 0 0;
	border-bottom: 6px solid #f2f2f2;
}
.subprod_box .addform {
	margin: 0 0 10px 10px;
	float: right;
}
.subprod_box .addform_input {
	width: 20px;
	height: 18px;
	border: 1px solid #b6c5d7;
}
#content_center ul {
	list-style: none;
	margin: 10px 0;
	display: block;
}
#content_center li {
	background: url('/images/layout/arrow.jpg') no-repeat center left;
	list-style: none;
	padding: 0 0 0 10px;
	display: block;
}

/* #####################################################
						FOOTER >>> 
######################################################## */

#footer_container {
	width: 800px;
	font: 11px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #919191;
	text-align: left;
	padding: 10px 0;
	float: left;
	overflow: hidden;
	clear: both;
	border-top: 1px solid #b6c5d7;
}

#footer_container a:link, #footer_container a:visited {
    color: #0e407c;
	text-decoration: none;
}
#footer_container a:hover, #footer_container a:active {
    color: #001329;
	text-decoration: none;
}