@import url("addin.css");

/*=== Reset Styles ===*/
/*====================*/
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;
}
body {
	line-height:1;
	color:#111111;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/background.jpg) no-repeat center top;
}

html, body{
	height:100%;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

p{
	line-height:16px;
	margin-bottom:10px;
}

img{
	border:none;
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

.clear{
	clear:both;
}

.container {
    width: 960px;
    margin: 0px auto;
}

#wrapper{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0;
}

a{
	color:#7e7e7e;
	text-decoration:none;
}

/*================================*/
/*============ HEADER ============*/
/*================================*/

.header{
	height:110px;
	width:960px;
}

#logo{
	float:left;
}

#naviWrap{
	width:605px;
	float:left;
	height:45px;
	background:url(../images/navi_bg.jpg) no-repeat right center;
	margin:0 0 0 0;
	padding-left:20px;
	position:relative;
	z-index:999;
}

#search{
	background:url(../images/search.jpg) no-repeat center center;
	width:133px;
	height:25px;
	float:right;
	margin-right:10px;
	margin-top:8px;
}

input.searchInput{
	width:98px;
	background:none;
	border:none;
	padding:5px;
	float:left;
}


.searchbtn{
	width:18px;
	height:18px;
	float:right;
	background:url(../images/search_btn.jpg) no-repeat center center;
	border:none;
	margin-top:3px;
	margin-right:4px;
	cursor:pointer;
}

#sideTopNavi{
	float:right;
	width:615px;
	height:40px;
}

ul#TopSide{
	margin:0;
	padding:25px 5px 5px;
}

ul#TopSide li{
	float:right;
	margin:0 5px;
	list-style:none;
}

ul#TopSide li a{
	text-decoration:none;
}
/*================================*/
/*========== Super Fish ==========*/
/*================================*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-weight:normal;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	margin-top:.8em;
}
.sf-menu a {
	padding:.5em 1.14em;
	text-decoration:none;
	background:url(../images/navi_line.png) no-repeat right center;
	font-weight:normal;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
	font-weight:normal;
}
.sf-menu li {
}
.sf-menu li li:first-child {
	border:none;
}
.sf-menu li li{
	background:		#333333;
	width:150px;
	border-top: 1px solid #d5d5d5;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.sf-menu li li a, .sf-menu li li a:visited{
	background:none;
	color:#d5d5d5;
}
.sf-menu li li li {
	background:		#333333;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	font-weight:normal;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/

}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#bannerWrap{
	width:960px;
	height:340px;
	margin:0 auto;
}

#slider-wrapper {
    background:url(../images/slider.png) no-repeat;
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:960px;
    height:340px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:50px;
	bottom:15px;
	z-index:999;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:40px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/*================================*/
/*======== Index Contents ========*/
/*================================*/
#contentsWrap{
	width:960px;
	height:auto;
	margin-top:20px;
	float:left;
}
#cWrap{
	width:239px;
	height:120px;
	margin-bottom:20px;
	float:left;
	border-right:1px solid #999;
}

#cWrapEnd{
	width:240px;
	height:120px;
	margin-bottom:20px;
	float:left;
}

#display{
	width:80px;
	float:left;
	text-align:right;
	height:100%;
}

#indexContents{
	width:144px;
	float:left;
	padding:5px 5px 5px 10px;
	position:relative;
	height:100%;
	
}

span.grayMore{
	position:absolute;
	bottom:10px;
	left:10px;
}

h4.display{
	color:#d50101;
	margin-bottom:15px;
	font-size:14px;
}

/*================================*/
/*======== Index Contents ========*/
/*================================*/
#innerWrap{
	width:960px;
	height:auto;
	float:left;
	padding:5px 0 20px;
}

#innerBanner{
	width:960px;
	height:200px;
	float:left;
	margin:0;
	background:#444;
}

#Breadcrumbs{
	width:930px;
	float:left;
	height:30px;
	margin:10px 0;
	padding:0 15px
}

#rightCol{
	width:679px;/*---total 719px---*/
	min-height:auto;
	float:left;
	border-right:1px solid #d5d5d5;
	padding:0 20px 10px;
}

#leftCol{
	width:240px;
	margin:0;
	float:left;
	height:100% !important;
	padding:0;
}

#displayWrap{
	margin-right: 5px;
	margin-bottom:5px;
	float:left;
	width:220px;
}

#display-one a img, #display-one a, .product a{
	border: none; 
	overflow: hidden;
	float: left;
}

#display-one a{
}

#display-one a:hover{ 
}
#display-one a:hover img{ 
}

ul#leftList{
	margin:0 10px;
	padding:10px 5px;
	float:left;
	background:url(../images/side_bg.jpg) repeat-x bottom left #f2f2f2;
}

ul#leftList li{
	list-style:none;
}

ul#leftList li a{
	display:block;
	float:left;
	width:194px;
	padding:5px;
	border-top:1px dotted #737373;
	color:#111111;
}

ul#leftList li:first-child a{
	border:none;
}

#informationDisplay{
	width:158px;
	height:142px;
	float:left;
	border:1px solid #d5d5d5
}

#informationDisplay img{
	width:158px;
	height:142px;
	float:left;
}


#informationContents{
	width:495px;
	margin-left:20px;
	float:left;
}

h4.informationh4 {
	border-bottom:1px solid #888;
	padding-bottom:10px;
	color:#333333;
	font-size:14px;
}

span.features{
	font-size:12px;
	font-weight:bold;
	display:block;
	width:100%;
	float:left;
	color:#333333;
	line-height:30px;
}

ul#featuresList{
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

ul#featuresList li{
	list-style:none;
	padding-left:10px;
	background:url(../images/feature_bullet.jpg) no-repeat left 4px;
	line-height:14px;
	margin:2px 0 5px;
}

#rightCol_inner{
	width:679px;/*---total 719px---*/
	min-height:200px;
	float:left;
	border-left:1px solid #d5d5d5;
	padding:0 20px 10px;
}

.innerH2{
	padding-bottom:15px;
}

#comDisplay{
	width:230px;
	height:300px;
	float:right;
	margin-left:25px;
	margin-bottom:25px;
}

#comContentsWrap{
	width:424px;
	height:auto;
	float:left;
	text-align:justify;
}

#comContentsWrap h3{
	line-height:24px;
	margin-top:15px;
}

#keyContentsWrap{
	width:679px;
	height:auto;
	float:left;
	margin-bottom:5px;
}

#keyContentsWrap h3{
	line-height:18px;
	margin-top:0;
}

ul#missionList{
	margin:0;
	padding:0;
}

ul#missionList li{
	list-style:none;
	padding-left:10px;
	margin:5px 0;
	background:url(../images/feature_bullet.jpg) no-repeat left 4px;
}

#retreadContentsWrap01{
	width:445px;
	height:auto;
	float:left;
	margin-right:19px;
}

#retreadContentsWrap02{
	width:330px;
	height:auto;
	float:left;
}

#retreadPhoto{
	margin-top:0;
	margin-left:10px;
	float:right;
	width:200px;
}

#imageThum{
	float:left;
	width:85px;
	height:85px;
	margin-left:15px;
	margin-bottom:12px;
}

h3.gallryTitle{
	margin-bottom:10px;
}
#contactWrap{
	width:660px;
	float:left;
	height:280px;
	padding:10px;
	background:#e8e8e8;
	margin-bottom:15px;
}


#GmapWrap01{
	width:290px;
	float:left;
	min-height:230px;
}

#contactAddWrap{
	float:left;
	width:200px;
	min-height:150px;
	margin:0 5px;
	padding:5px;
}

#GmapwarehouseWrap01{
	width:410px;
	float:left;
	margin-right:19px;
	min-height:280px;
}

#contactwarehouseAddWrap{
	float:left;
	width:230px;
	min-height:280px;
}

h4.address{
	color:#555;
	line-height:24px;
}

h2.thanks{
	font-size:16px;
	color:#000000;
	margin-bottom:15px;
}

a.here{
	color:#F03;
}
/*================================*/
/*============ footer ============*/
/*================================*/

#footerWrap{
	width:940px;
	border-top:1px solid #c3c3c3;
	padding:5px 10px 5px;
	float:left;
}

address{
	font-style:normal;
	width:auto;
	float:left;
	margin-top:8px;
}

address.copyright{
	font-style:normal;
	width:auto;
	float:right;
	margin-top:8px;
	margin-right:10px;
}

address.copyright a{
	text-decoration:none;
	color:#bc0101;
}

span.social img{
	margin-left:5px;
	float:left;
	margin-top:5px;
}

span.social{
	float:right;
}

/*================================*/
/*============ chart =============*/
/*================================*/
#chartWrap{
	margin-top:15px;
	width:679px;
	padding:10px 0 0;
	border-top:1px solid #d5d5d5;
	
}

#tableWrap{
	border:1px soid #d5d5d5;
	float:left;
}

.chartHead01{
	background:#000000;
	padding:2px;
	color:#ffffff;
	border-right:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	text-align:center;
}

.chartHead02{
	background:#000000;
	padding:2px;
	color:#ffffff;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	text-align:center;
}
.chartHead03{
	background:#000000;
	padding:2px;
	color:#ffffff;
	border-bottom:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	text-align:center;
}
.chartHead04{
	background:#ffffff;
	padding:2px;
	color:#444444;
	border-right:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	text-align:center;
}

.chartHead05{
	background:#ffffff;
	padding:2px;
	color:#444444;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	text-align:center;
}
.chartHead06{
	background:#ffffff;
	padding:2px;
	color:#444444;
	border-bottom:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	text-align:center;
}

#backBtn{
	margin-top:15px;
}

#maxxis_leftCol{
	width:450px;
	float:left;
	margin:0 20px;
}

#maxxis_rightCol{
	width:450px;
	float:left;
	margin:0 20px 0 0;
}

/*================================*/
/*============ news ==============*/
/*================================*/

ul#news{
	margin:0;
	padding:0;
}

ul#news li{
	list-style-type:none;
	border-top:1px dotted #d9d9d9;
	margin-bottom:10px;
	padding:10px 0;
}

ul#news li:first-child{
	border:none;
	padding-top:0;
}


#newsList{
	padding:0;
}

span.newsdate{
	display:block;
	width:100%;
	margin:8px 0;
	font-size:11px;
}

span.ReadMore a{
	color:#903;
}

.product{
	width:220px;
	height:35px;
	background:url(../images/products/articla_bg.jpg) no-repeat left top;
	float:left;
}

.product p{
	color:#ffffff;
	padding:12px 25px;
	line-height:15px;
	font-weight:bold;
}

/*===========================*/
/*======drop down list=======*/
/*===========================*/

.prop-bar {
    position:relative;
    z-index:90;
    width:143px;
    height:19px;
	float:left;
    background:#e0e0e0 url(../images/prop_bar_bg.gif) 0 0 no-repeat;
}

.prop-bar p {
    color:#444444;
    font-weight:bold;
    cursor:pointer;
    padding:2px 4px;
}

.prop {
    width:100%;
    position:absolute;
    left:0;
    top:19px;
    display:none;
}

.prop ul, .prop li {
    margin:0;
    padding:0;
    list-style:none;
	float:left;
	width:143px;
}

.prop ul {
    padding-bottom:14px;
}

.prop ul li {
    padding:0 0;
	background:#d50606;
}

.prop ul li:first-child {
    border-top:none;
}


.prop-bar .prop ul li a {
    color:#ffffff;
    background:#d5060;
    width:auto;
	display:block;
	font-size:12px;
	line-height:24px;
	padding: 0 4px;
}

.prop-bar .prop ul li a:hover {
    background:#b30302;
}

.warehouse{
	background:#333;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	line-height:32px;
	margin:10px 0;
}