@charset "utf-8";
/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

a:link { color: #0033FF; text-decoration:none;}
a:visited { color: #0033FF; text-decoration:none;}
a:hover { color: #002B55; text-decoration:underline;}

a.l_blue:link { color: #0062C4; text-decoration:none;}
a.l_blue:visited { color: #0062C4; text-decoration:none;}
a.l_blue:hover{ color: #002B55; text-decoration:underline;}

a.l_hei:link { color: #333333; text-decoration:none;}
a.l_hei:visited { color: #333333; text-decoration:none;}
a.l_hei:hover{ color: #0099CC; text-decoration:none;}

a.l_blue12:link { color: #0099CC; text-decoration:none;}
a.l_blue12:visited { color: #0099CC; text-decoration:none;}
a.l_blue12:hover{ color: #0099CC; text-decoration: underline;}

a.l_bluebold:link { color: #0062C4; font-weight:bold; text-decoration: none;}
a.l_bluebold:visited { color: #0062C4; font-weight:bold; text-decoration:none;}
a.l_bluebold:hover{ color: #002B55; font-weight:bold; text-decoration:underline;}

a.l_blue18:link { color: #001D35; font-size:16px; line-height:150%; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.l_blue18:visited { color: #001D35; font-size:16px; line-height:150%; font-weight:bold; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.l_blue18:hover{ color: #0062C4; font-size:16px; line-height:150%; font-weight:bold; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.fontblue { color:#0099CC;}
.fontbluebold { color: #006699; font-weight:bold;}
.fontheibold { color: #001D35; font-size:14px; font-weight:bold;}
.fontbaibold { color: #FFFFFF; font-size:14px; font-weight:bold;}
.h2 { font-size:24px; font-weight:bold; color:#333333; line-height:130%;}
.h2_blue { font-size:24px; font-weight:bold; color:#0099CC;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{margin:0; padding:0;}
.select01 { width:150px;}
.input01 { width:200px; padding:4px 5px; border:1px solid #DEECF5; background-image:url(../images/textbg.gif); background-position:left top; background-repeat:no-repeat; font-size:12px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
.input02 { width:455px; padding:4px 5px; border:1px solid #DEECF5; background-image:url(../images/textbg.gif); background-position:left top; background-repeat:no-repeat; font-size:12px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
.select01 { width:212px; padding:4px 5px; border:1px solid #DEECF5; background-image:url(../images/textbg.gif); background-position:left top; background-repeat:no-repeat; font-size:12px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
.select02 { width:468px; padding:4px 5px; border:1px solid #DEECF5; background-image:url(../images/textbg.gif); background-position:left top; background-repeat:no-repeat; font-size:12px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
.select03 { width:165px; padding:2px 2px; border:1px solid #DEECF5; background-image:url(../images/textbg.gif); background-position:left top; background-repeat:no-repeat; font-size:12px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}

.bodydiv { width:1004px; margin:0 auto;} 
.spacer{clear:both; font-size:0; line-height:0;}
.pad10 { padding:10px;} 
.pad8 { padding:8px 0;}
.pad5 { padding:5px 0;}
.margin10 { margin:10px 0;}
.margin_btm10 { margin-bottom:10px;}
.line { border-bottom:1px solid #CAE0EE;}
.line02 { border-bottom:1px solid #666666;}
/*.img_boxbg { padding:5px; background-color:#DEECF7;}*/
.floatleft { float:left;}
.floatright { float:right;}
.content { width:900px; margin:0 auto;}
.content_img {width:300px;height:80px;position: relative; float:right; z-index:1000;}
.topdiv { background-image:url(../images/topdiv_bg.jpg); background-repeat:repeat-x; background-position:top; height:30px;}
.layer_img { width:301px;height:382px;position: relative;left:710px;top: 35px; margin-bottom:-382px;}


#home #home1 {font-size:12px; text-decoration:none; color: #001D35; text-align:center;  background-image:url(../images/nav_cnthome.gif); background-position:center; background-repeat:no-repeat;}
#shopping #shopping1 {font-size:12px; text-decoration:none; color: #001D35; text-align:center; background-image:url(../images/nav_cntshopping.gif);  background-position:center;background-repeat:no-repeat;}
#news #news1 {font-size:12px; text-decoration:none; color: #001D35; text-align:center; background-image:url(../images/nav_cntnews.gif); background-position:center; background-repeat:no-repeat;}
#testimonials #testimonials1 {font-size:12px; text-decoration:none; color: #001D35; text-align:center;background-image:url(../images/nav_cnttestimonials.gif); background-position:center; background-repeat:no-repeat;}
#faq #faq1 {font-size:12px; text-decoration:none; color: #001D35; text-align:center; background-image:url(../images/nav_cntfaq.gif); background-position:center; background-repeat:no-repeat;}
#aboutus #aboutus1 {font-size:12px; text-decoration:none; color: #001D35; text-align:center; background-image:url(../images/nav_cntaboutus.gif); background-position:center; background-repeat:no-repeat;}




/*------------------------------------------------header--------------------*/
#header .topbg { width:900px; height:130px; background-image:url(../images/top_bg.jpg); background-repeat:no-repeat; background-position:top; }
#header .logo {width:300px;height:80px;position: relative;left: 5px;top: 29px;}
#header .topnav { width:900px;}
#header .topnav .left { width:10px; height:35px; background-image:url(../images/topnav_bgl.jpg); background-repeat:no-repeat; background-position:top; float:left;}
#header .topnav .mid { height:35px; background-image:url(../images/topnav_bg.jpg); background-repeat: repeat-x; background-position:top;}
#header .topnav .mid ul { margin:0; padding:10px 0 0 10px; list-style-type:none;}
#header .topnav .mid ul li { text-align:center; float:left;}
#header .topnav .mid ul li a:link {text-align:center;  padding:2px 10px; font-size:12px; color:#FFFFFF;  font-weight:bold; text-decoration:none;}
#header .topnav .mid ul li a:visited {text-align:center;  padding:2px 10px; font-size:12px; color:#FFFFFF;  font-weight:bold;text-decoration:none;}
#header .topnav .mid ul li a:hover {text-align:center;  padding:2px 10px; font-size:12px; color: #00CCFF; font-weight:bold; text-decoration: none;}
#header .topnav .right { width:10px; height:35px; background-image:url(../images/topnav_bgr.jpg); background-repeat:no-repeat; background-position:top; float:right;}


/*------------------------------------------------main--------------------*/
#main .mainbox { border:1px solid #006794; padding:10px; background-color:#FFFFFF;} 
#main .titlebg01 { background-color:#DEECF5; padding:5px 10px; margin-bottom:10px; }
#main .titlebg02 { background-color:#DEECF5; padding:5px 10px; }
#main .boxmargin { margin-bottom:8px;}

#main .titlebg04 { height:45px; padding:5px 0px;margin-bottom:10px; border-bottom: 1px solid #BFD7E7;}
#main .titlebg04 ul{width:100%; padding:0px; margin:0px; }
#main .titlebg04 ul li{padding:1px;margin:0px;width:303px;height:31px;line-height:29px;color:#000000;background:#FFFFFF;float:left;text-align: center;overflow:hidden;display:inline; font-size:12px;text-align:center; border-top: 1px solid #CAE0EE; border-right:1px solid #CAE0EE;}
#main .titlebg04 ul li.current {padding:0px;margin:0px;width:303px; height:33px;color:#919191;float:left;text-align: center;background-image: url(../images/01.gif);background-repeat: no-repeat;background-position: center top;}
#main .titlebg04 ul li.current a{color:Black;}
#main .titlebg04 ul li a{text-decoration:none;color:#919191;font-size:12px;padding:1px 10px;margin:0px;display:block;}
#main .titlebg05 {height:33px; padding:0px;margin:0px; border-bottom: 1px solid #BFD7E7;}
#main .titlebg05 ul{width:100%; padding:0px; margin:0px; }
#main .titlebg05 ul li{padding:1px 15px;margin:0px;width:auto;height:31px;line-height:29px;color:#001D35;background:#FFFFFF;float:left;text-align: center;overflow:hidden;display:inline; font-size:12px;text-align:center; border-top: 1px solid #DEECF5; border-right:1px solid #DEECF5;}
#main .titlebg05 ul li.current {padding:0px;margin:0px;width:58px; height:33px;color:#919191;float:left;text-align: center;background-image: url(../images/02.gif);background-repeat: no-repeat;background-position: center top;}
#main .titlebg05 ul li.current2 {padding:0px;margin:0px;width:150px; height:33px;color:#919191;float:left;text-align: center;background-image: url(../images/04.gif);background-repeat: no-repeat;background-position: center top;}
#main .titlebg05 ul li.current3 {padding:0px;margin:0px;width:55px; height:33px;color:#919191;float:left;text-align: center;}
#main .titlebg05 ul li.all {padding:0px;margin:0px;width:42PX; height:34px;color:#009DE0;float:left;text-align: center;background-image: url(../images/03.gif);background-repeat: no-repeat;background-position: center top;}
#main .titlebg05 ul li.all a:link { color: #009DE0; text-decoration:none; display:block;}
#main .titlebg05 ul li.all a:visited { color: #009DE0; text-decoration:none;display:block;}
#main .titlebg05 ul li.all a:hover { color: #009DE0; text-decoration:underline;display:block;}
#main .titlebg05 ul li a{text-decoration:none;color:#001D35;font-size:12px;padding:1px 15px;margin:0px; display:block;}

#main .boxmargin { margin-bottom:8px;}
#main .titlebg03{ background-color:#DEECF5; padding:5px 10px; margin:10px 0px;}


#main .leftbox { width:610px; float:left;}
#main .quickshop {background-color:#F0F8F8;font-size:24px; font-weight:bold; color:#333333; line-height:130%; padding:10px;}
#main .leftbox .box380 { width:380px; float:left;}
#main .leftbox .box215 { width:215px; float:right;}
#main .quick_searchbg { width:215px; height:366px; background-image:url(../images/quick_searchbg.jpg); background-position:left top; background-repeat:no-repeat;}
#main .quick_searchbg02 { width:215px; height:477px; background-image:url(../images/quick_searchbg02.jpg); background-position:left top; background-repeat:no-repeat;}
#main .quick_searchbg03 { width:215px; height:270px; background-image:url(../images/quick_searchbg03.jpg); background-position:left top; background-repeat:no-repeat;}
#main .hotnews ul { margin:0; padding:0;}
#main .hotnews ul li { padding-bottom:10px; margin-left:15px; list-style-position: outside; list-style-image:url(../images/mi.jpg);}

#main .newslist { padding:10px 15px;}
#main .newslist ul { padding:0; margin:0; border-bottom:1px solid #CAE0EE;}
#main .newslist ul li { list-style-type:none; padding:8px 0;}
#main .newslist .liimg { list-style-position: outside; list-style-image:url(../images/mi02.jpg);}
#main .newslist02 { margin:0 50px 10px 50px; padding-bottom:10px; border-bottom:1px solid #CAE0EE;}
#main .newsxq { margin:20px 50px;}
#main .aboutus { margin:20px 50px; padding-bottom:20px; border-bottom:1px solid #CAE0EE;}

#main .rightbox { width:250px; float:right; padding-top:100px; border-left:1px solid #DDEEF5; padding-left:8px;}
#main .hotshop_lsit { width:100%; padding-left:0px;}
#main .btmborder { border-bottom:1px solid #DDEEF5;}
#main .order_trcaking { background-color:#CBE1EE; padding:10px;}

#main .cheakout {background-color:#DEECF5; padding:10px;}

/*------------------------------------------------footer--------------------*/
#footer .footerbg { width:900px; height:328px; background-image:url(../images/footer_bg.jpg); background-position:top; background-repeat:repeat-x;}


/*CSS page style pagination*/

DIV.page {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
DIV.page A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.page A:hover {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #0061A0;
}
DIV.page A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.page SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.page SPAN.disabled {
	border:1px solid #DDDDDD; padding:2px 6px;
}
DIV.page A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.page A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.page A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.page A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}

.tableBorder
{
	border:1px solid #CCCCCC;
}