/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:13px; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*	Page style  */


@font-face { url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
}

@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ 
    font-family:'나눔고딕','NanumGothic';
    letter-spacing:0;
	color:#434343;
	background:#efefef url(../images/mainbg.gif) repeat-x ;
	position:relative;
}
#container {
    font-family:'나눔고딕','NanumGothic';
	width:960px;
	height:100%;
	margin:0 auto;
	position:relative;
}
#header{
	width:960px;
	height:46px;
	position:relative;
}
#header ul li{
	float:right;
}	
#menubar{
	width:960px;
	height:72px;
	position:relative;
	z-index:300;
	margin-bottom:8px;/*****************ie6,7에서 mid의 margintop값이 안먹어서줌*************************/
}

#menubar ul li{
	float:left;
	cursor:pointer;

}




#mid{	
    font-family:'나눔고딕','NanumGothic';
	width:960px;
	height:250px;
;

}
#mid ul li{
	float:left;
}
#mid2{
	width:960px;
	height:286px;/************************************************************************************************************/
	margin-top:421px; 
	background:url(../images/middle.gif);


}
#mid2 ul li{
	float:left;
}
#mid2 ul #left{
			
	width:762px;
	height:290px;
	background:url(../images/bestseller.jpg);
	margine:0;
	padding:0;

}


#mid2 ul #right{
	margin-top:12px;
}


#mid3{
	width:960px;
	height:180px;
	
}
#footer{
	width:100%;
	background:url(../images/footbg.jpg) repeat-x;
	position:relative;
	clear:both;
	margin:0 auto;

}



#fcontent{
	font:'Nanum Gothic';
	width:960px;
	height:227px;
	margin:0 auto;
	padding-top:20px;
	color:#FFFFFF;
}



#fcontent a:link,a:visited {
	font-size:11px;
	text-decoration:none;
}

#fcontent a:hover{
	font-size:11px;
	color:#CCC;
	text-decoration:underline;
}















#fcontent ul{
	float:left;
}

#fcontent ul li{
	font:'Nanum Gothic';
	font-size:12px;
	padding:2px;
	
}
#fcontent #f_03{
	margin-left:0px;
	margin-top:0px;
}
#fcontent #f_04{
	margin-left:50px;
	margin-top:50px;
}
#fcontent #f_05{
	margin-left:430px;
	margin-top:0px;
	text-align:right;
}
#fcontent #f_06{
	margin-left:50px;
	margin-top:0px;
	text-align:right;
}


#copy{
	width:960px;
	height:40px;
	margin:0 auto;
	margin-top:-30px;
}



/**네비게이션시작*************************************************************************************************************/
#nav {
	margin: 0; padding: 0; 
	list-style: none; 
	height: 76px; /***********************/
	background:#fff; }

#nav li {
	float:right;
	display: block; 
	background: none; 
	position: relative; 
	z-index: 999; 
    }

#nav li a {
	display: block; 
	padding: 0; 
	text-decoration: none;  
	color: #fff; 
}

/* @group subnav */
#nav ul {
	position: absolute; 
	display: none; margin: 0; 
	padding: 0; 
	list-style: none; 
	padding-bottom: 3px; 
	background:#FFF;
	top:72px;/*첨가*/
	left:0;
	}	
#nav ul li { width: 180px;/************div크기******************/ float: left; border-top: 1px solid #fff; text-align:left; font-weight:400; }
#nav ul li:hover { border-left: 0px solid transparent;  }
#nav ul a {font-size:13px; display: block; height: 20px; line-height: 20px; padding: 8px 10px; color: #666; text-transform:  uppercase; color: #797979; font-weight: normal; }
#nav ul a:hover { font-size:13px; text-decoration: underline; color: #4e4e4e; }
*html #nav ul { margin: 0 0 0 -2px; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/**네비게이션 끝*****************************************************************************************************************/














/*메인배너슬라이드시작***********************************************************************************************************/
/*	Slideshow */
#slides {
	position:absolute;
	top:126px;/*슬라이더천장에떨어지는높이board를생각해야함*/
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width:960px; /*************슬라이드 이미지 사이즈조정**************/
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container a {
	width:960px;/**************이미지 넓이조정******************/
	height:422px;/**************이미지 높이조정********************/
	display:block;
}

.slides_container a img {
	display:block;
}

/*	Next/prev buttons */
#slides .next,#slides .prev {
	position:absolute;
	top:207px;
	left:-25px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:960px;
}

/* 	Pagination */
.pagination {
	position:absolute;
	left:450px;
	margin:-20px auto 0;
	width:100px;
	z-index:200;

}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}

/*	Anchors  *******************************************************************************************************
a:link,a:visited {
	color:#fff;
	text-decoration:none;
}
************/


a:hover,a:active {
	color:#CF3;
	text-decoration:underline;
}
/*메인배너슬라이드끝***********************************************************************************************************/








/*메인product slider 시작******************************************************************************************************/
.amazon_scroller{
    padding: 0px;
    margin: 0px;
}
.amazon_scroller .amazon_scroller_nav{
    position: absolute;
}
.amazon_scroller .amazon_scroller_nav li{
    cursor: pointer;
    position: absolute;
}
.amazon_scroller .amazon_scroller_mask{
    position: absolute;
    margin-left: 30px;
    margin-right: 30px;
    overflow: hidden;
}
.amazon_scroller ul{
    padding: 0px;
    margin: 0px;
    float: left;
}
.amazon_scroller ul li{
    padding: 0px;
    margin: 10px; /*********************글씨잘보이게**********************/
    margin-left: 5px;
    margin-right: 5px;
    list-style: none;
    float: left;
    text-align: center;
    display:inline;
}
.amazon_scroller ul li a{
    text-decoration: none;
}
.amazon_scroller ul li a amazon_scroller_title{

	overflow:hidden;
}
.amazon_scroller ul li a:hover{
    text-decoration: underline;
}
.amazon_scroller ul li a img{
    border:#e7e7e7 1px solid;
}
/*메인product slider 끝**************************************************************************************************/








#submenu{
	font-family:'나눔고딕','NanumGothic';
	float:left;
	width:190px;
	padding-top:70px;
	padding-left:40px;
	color:#FFFFFF;

}

#submenu a:link, a:visited{
	font-family:'나눔고딕','NanumGothic';
	font-size:13px;
	text-decoration:none;

}
#submenu a:hover{
	font-family:'나눔고딕','NanumGothic';
	color:#009900;
	text-decoration:underline;
}


#submenu ul{
	list-style:none;
	width:230px;
	
	
}

#submenu ul li{
	margin:10px 0px;
}

#subhead{
	float:left;
	width:730px;
	height:203px;
}

#subtitle{
	float:left;	
	width:690px;
	padding-left:30px;
	padding-right:10px;
	height:150px;
	padding-top:94px;
}

#title{
	float:left;	
	width:730px;
	height:120px;
}

#subtitle .content{
	width:690px;
	height:100px;
	font-size:13px;
	text-align:justify;
	line-height:18px;
}









/*테이블부분**********************************************************/
.subtable{
    font-family:'나눔고딕','NanumGothic';
	float:right;
	width:710px;
	height:auto;
	font-size:13px;
	padding-left:20px;
	
	
}

.subtable h1{
	font-weight:200;
	font-size:13px;
	color:#009966;

}

.subtable .items{
	width:700px; 
	float:right; 
	font-size:13px; 
	line-height:18px; 
	text-align:justify; 
	padding-left:30px;
}


.subtable ul{
	height:auto;
	margin:0px 0px 15px 15px;
	padding-left:20px;

}

.subtable li{
	border:solid #CCC 1px;
	height:50px;
	float:left;
	padding:5px;
	border-right:none;
	border-bottom:none;
	text-align:justify;
	line-height:11pt;
}

.subtable .m1{
	width:70px;
	background:#E6EDF2;
	font-weight:bold;
}

.subtable .m2{
	width:40px;
	background:#eeeeee;

}
.subtable .m3{
	width:550px;
	border-right:#CCC 1px solid;
	color:#666;
	
}





























/*product category 부분***************************************/




#subcate{
	float:left;
	width:730px;
	height:1000px;
}

#subcate ul{
	float:left;
	margin-left:36px;
	margin-right:25px;
	margin-top:140px;
	text-align:center;
}

#subcate ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}






#subcate_engine{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_engine ul{
	float:left;
	margin-left:36px;
	margin-right:22px;
	margin-top:140px;
	text-align:center;
}

#subcate_engine ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}



#subcate_exhaust{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_exhaust ul{
	float:left;
	margin-left:50px;
	margin-right:35px;
	margin-top:140px;
	text-align:center;
}

#subcate_exhaust ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}


#subcate_cooling{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_cooling ul{
	float:left;
	margin-left:40px;
	margin-right:15px;
	margin-top:140px;
	text-align:center;
}

#subcate_cooling ul li{
	font-size:12px;
	margin-bottom:180px;
	text-decoration:underline;
}


#subcate_drivetrain{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_drivetrain ul{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:140px;
	text-align:center;
}

#subcate_drivetrain ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}


#subcate_steering{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_steering ul{
	float:left;
	margin-left:40px;
	margin-top:140px;
	text-align:center;
}

#subcate_steering ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}




#subcate_suspension{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_suspension ul{
	float:left;
	margin-left:20px;
	margin-top:140px;
	text-align:center;
}

#subcate_suspension ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}



#subcate_brake{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_brake ul{
	float:left;
	margin-left:50px;
	margin-top:140px;
	text-align:center;
}

#subcate_brake ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}


#subcate_electrical{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_electrical ul{
	float:left;
	margin-left:50px;
	margin-top:140px;
	text-align:center;
}

#subcate_electrical ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}



#subcate_air{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_air ul{
	float:left;
	margin-left:50px;
	margin-top:140px;
	text-align:center;
}

#subcate_air ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}

#subcate_chassis{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_chassis ul{
	float:left;
	margin-left:40px;
	margin-right:30px;
	margin-top:140px;
	text-align:center;
}

#subcate_chassis ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}




#subcate_Filters{
	float:left;
	width:730px;
	height:1000px;
}

#subcate_Filters{
	float:left;
	margin-left:60px;
	margin-right:30px;
	margin-top:140px;
	text-align:center;
}

#subcate_Filters ul li{
	font-size:13px;
	margin-bottom:180px;
	text-decoration:underline;
}

/****************************************/






#subcontent{
	padding-top:20px;
	float:left;
	padding-left:20px;
	width:710px;
	font-size:13px;
	text-align:;left;
	line-height:20px;
}



#subcontent ul{
	width:380px;
	float:right;
	border:#CCC 1px solid;
	padding:15px 10px 25px 10px;
}

#subcontent li{
	padding:5px 0px 0px 0px;
	border-bottom:#CCC dotted 1px;
	
}

#subcontent h1{
	font-weight:200;
	font-size:21px;
	font-weight:bold;
	color:#036;

}
#subcontent h2{
	display:inline;
	font-weight:600;
	font-size:13px;
	color:#333;

}
#subcontent p{
	width:400px;
	float:right;
	text-align:justify;
	
}


#board, #map{
	float:left;
}