/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#8f8f8f;
background-image:url(/images/bg_bottom.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#d4d4d4;
font-weight:normal;
text-decoration:none;
}

a{ color:#ca912e; font-weight:bold; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1{ padding-bottom:10px; }
h1, h1 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:18px;
line-height:18px;
font-weight:normal;
color:#d4d4d4;
text-decoration:none;
}
h1 .bar, h1 .bar a{ color:#ca912e !important;}
h1.yellow{ color:#ca912e !important;}

h2{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:normal;
color:#ca912e;
text-decoration:none;
padding-bottom:10px;
}

h3{ padding-bottom:5px; }
h3, h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
color:#ca912e;
text-decoration:none;
}

#body-left{ 
position: absolute; 
top:0px; left:50px; width:50%;
background-image:url(/images/bg_top_left.gif);
background-repeat:no-repeat;
background-position:left top;
}
#body-right{
background-image:url(/images/bg_top_left.gif);
background-repeat:repeat-x;
background-position:left top;
}
#page{ width:1012px; margin:0px auto; text-align:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:109px; position:relative; 
background-image:url(/images/bg_header.gif);
background-repeat:no-repeat;
background-position:right bottom;
}
#header .logo{ position:absolute; top:22px; left:24px; }
#header .call{ position:absolute; top:15px; left:760px; }
#header .cart{ position:absolute; top:15px; left:900px; display:none;}
#header .call{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
line-height:16px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page css */ 

#header-nav{ position:absolute; top:83px; left:19px; }
#header-nav{ width:718px; height:16px;}

#header-nav .link{ position:absolute; top:0px; background-repeat:no-repeat; background-position:left top;}
#header-nav .link-shoei{ left:0px; width:40px; height:16px; background-image:url(/images/link_shoei.gif); }
#header-nav .link-hjc{ left:80px; width:27px; height:16px; background-image:url(/images/link_hjc.gif); }
#header-nav .link-links{ left:337px; width:40px; height:16px; background-image:url(/images/link_links.gif); }
#header-nav .link-dot{ left:399px; width:94px; height:16px; background-image:url(/images/link_aboutdot.gif); }
#header-nav .link-contact{ left:508px; width:60px; height:16px; background-image:url(/images/link_contact.gif); }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */ 

#middle{ padding:0px 0px 10px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */ 

#left{ width:700px; float:left; }
#left .left-wrapper{ padding:22px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ lft-nav css */ 

#lft-nav{ width:175px; float:left; }
#lft-nav .left-nav-wrapper{ padding:0px 10px 0px 0px; }
#lft-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; background-color:#737378;}

#lft-nav ul li{
background-color:#4e4e54;
padding:2px 0px 2px 0px;
text-indent: 10px;
}

#lft-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color:#ca912e;
text-decoration:none;
}
 
#lft-nav ul li ul{ padding:0px 0px 0px 10px; }

#lft-nav ul li ul li{
padding:0px 0px 0px 0px;
background-color:#737378;
background-image:url(/images/rectangle_gray_2x8.gif);
background-repeat:no-repeat;
background-position:left 6px;
}
 
#lft-nav ul li ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#d4d4d4;
text-decoration:none;
}
#lft-nav ul li ul li ul{ padding:0px 0px 0px 0px;}
#lft-nav ul li ul li ul li{ background: none; padding: 0px;}

#lft-nav ul li ul li ul li a{}

#lft-nav ul li a:hover{ text-decoration:underline; }

#lft-nav ul .hot{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */ 

#column-right{ width:525px; float:left; }

#content{ width:525px;float:left;  
background-color: #616169;
background-image:url(/images/bg_content.gif);
background-repeat:repeat-x;
background-position:left 45px;
}
#content.content-product{ width:835px !important;}

#content .content-header{
width:525px; height:45px; position: relative;
background-image:url(/images/content_top_bg.gif);
background-repeat:no-repeat;
background-position:left top;
}
#content .content-title{ position:absolute; top:12px; left:25px; }
#content .content-link{ position:absolute; top:0px; left:355px; }
#content .content-wrapper{ padding:20px 20px 20px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:310px; float:left; }
#right .right-wrapper{ padding:4px 0px 0px 10px; }
#right .banner{ padding:0px 0px 10px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */ 

#footer{ height:238px; position: relative;}

#footer .copy{ position:absolute; top:200px; left:20px; }

#footer, #footer a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#b4b4b4;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:200px; left:750px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#b4b4b4;
text-decoration:none;
}
#footer-nav a{ padding:0px 10px; }
#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ bottom-nav css */

#footer .fnav1{ position:absolute; top:25px; left:20px; width:180px;}
#footer .fnav2{ position:absolute; top:25px; left:270px; width:180px;}
#footer .fnav3{ position:absolute; top:25px; left:520px; width:180px;}
#footer .fnav4{ position:absolute; top:25px; left:770px; width:180px;}

#bottom-nav{}
#bottom-nav h3{
border-bottom:1px solid #474750;
padding:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
}
#bottom-nav h3, #bottom-nav h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#b4b4b4;
text-decoration:none;
}
#bottom-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#bottom-nav ul li{ padding:0px 0px 0px 0px; }

#bottom-nav ul li ul{ padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; list-style-type: none;}
#bottom-nav ul li ul li{ padding:0px 0px 0px 0px; }

#bottom-nav, #bottom-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#b4b4b4;
text-decoration:none;
}
#bottom-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ box-contact css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#box-contact{
background-color:#282830;
background-image:url(/images/1px.gif);
background-repeat:no-repeat;
background-position:left top;
}
#box-contact .box-contact-wrapper{ padding:30px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ box-left css */

#box-left{ width:660px; float:left; }
#box-left .box-left-wrapper{ padding:0px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ box-right css */

#box-right{ width:280px; float:left; }
#box-right .box-right-wrapper{ padding:30px 0px 0px 35px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ other css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

.magic{ clear: both;}

#cartTable{
	border:1px solid black;
	font-size:12px;
	width:650px;
	margin-top:60px;
	margin-bottom:60px;
}
#cartTable td{
	border-bottom:1px solid black;
	padding-top:4px;
	padding-bottom:4px;
}
#cartTable input{
	border:1px solid black;
}