@charset "utf-8";
@import url("/css/advanced.css");
/* CSS Document */

/********************* global initialize setting **************************/
* { margin:0; padding:0; font-family:Times New Roman, Arial, Verdana, sans-serif, Tahoma; font-size:12px; color:#000; }
body { background:#e9fadc url(img/lv.png);  }
a { text-decoration:none; }
a:hover { text-decoration:underline;}
ul { margin:0; padding:0;}
li { list-style:none;}
img { border:none;}
div { overflow:hidden; }
.important { color:#F00; font-size:18px;}
/********************* global div position setting **************************/
#container { margin:25px auto 25px; text-align:justify; text-justify:inter-ideograph; width:760px; line-height:24px; }

#content, #sidebar { display:inline; }
#content { width:600px; float:right; margin-right:-2px; margin-top:160px; }
#sidebar {  width:150px; float:left; text-align:center; margin-top:20px; }

#header { position:absolute; top:5px; width:600px; }

#footer { clear:both; width:90%; }


/********************* container style **************************/
#container { background:url(img/containerBg-Y.gif) repeat-y; }

/* header style */
#header { background:url(img/containerBg.gif)  no-repeat; padding-left:160px; /* hack for nav extra magrin under Netscape, Safari and Opera */ clear:both; /* hack end */ overflow:hidden; }
#header { /**left:117px; _left:117px;*/}
#header #banner {padding:25px 15px; width:566px; margin:0 0;text-align:right;}
#header #searchBar { float:right; padding-right:30px; height:25px; }
#header #searchBar a { color:#F00; font-weight:bold;}
#header form { width:200px; display:inline;}
#banner img{border:2px solid #D0D0D0;}
#logo {
	float:left;
	height:50px;
	width:60px;
	height:60px;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

/* content style */
#content { background:url(img/mainBg.gif) 0 bottom no-repeat; margin:200px 0 10px; padding:0 0 30px; }

#content #title { background:url(img/mainBg.gif) 0 2px repeat-y !important;/*background-position:0 -40px;*/}
#content #title #title_img{  width:550px; height:70px;clear:both;}
#content #title img{clear:both;}
#content #pic { background:url(img/mainBg-y.gif) repeat-y; }
#content #pic img { background:url(img/mainBg-y.gif) repeat-y; margin-left:20px; }

#title h1, #title h1 span.important { font-size:20px; margin:30px 0 0;padding-top:20px; clear:left:}
#title h1, #title h2 { color:#3B81D4;}
#title h3 { margin:0 auto; width:530px; color:#F00; font-weight:normal; font-size:12px;}
#title h1 span.important { margin-right:30px;}
#title h2 { font-size:18px; font-weight:normal; letter-spacing:1px;margin:8px 0 5px 10px; }



#content #catalog { margin:0 auto; padding-top:20px; width:600px; background:url(img/mainBg-y.gif) repeat-y; height:770px; }
#content #catalog li { float:left; text-align:center; margin:0 0 20px 13px !important; margin-left:10px; background:#3B81D4; height:130px; }
#content #catalog li a { color:#FFf; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content #catalog img { width:130px; height:109px;}
#content #special { border:1px solid #3B81D4; background:#DEE8C1; clear:left; text-align:center; margin:0 0 10px 10px; width:93%; color:#00f;}
#content #special a { color:#f00; font-size:14px; margin:0 5px; font-weight:bold;}
#pdtList { }

/* sidebar style */
#sidebar h1 { color:#F00; font-size:16px; margin:25px auto; }
#sidebar li a { color:#0080C0;}
#sidebar li a:hover { color:#F00;}
#sidebar { padding:10px 0 0 5px;}
#sidebar #mainMenu li { line-height:17px;}

#sidebar #accessory { margin:20px 0 20px;}
#sidebar h3 { font-weight:normal;}

#sidebar .pdtList { margin:15px auto 20px; }
#sidebar .pdtList li { border-bottom:1px dashed; width:90%;  margin:0 auto;}

#sidebar .Link { margin:15px 0 0;}
#sidebar .Link li { line-height:20px;}

/* footer style */
#footer { border:1px solid #999999; text-align:center; margin:30px auto 0; width:93%; border:1px solid #B0D27F; border-right:#3B81D4 1px solid; border-bottom:#3B81D4 1px solid;}
#footer a { color:#4180C9;}
#footer a:hover { color:#F00;}
#footer p.special { background:#E8EACE; border-top:#000 1px solid;}
.info { padding:0 30px 5px; margin-top:20px;} 
.regular {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.greater{
line-height: 8px;
}

/******/

#content #main_body { margin:0 auto; padding-top:20px; width:600px; background:url(img/mainBg-y.gif) repeat-y;}
#content #main_body ul { margin:20px auto; }
#content #main_body .pic img {  float:left; margin-left:40px; }
#content #main_body .pic { text-align:center; }
#content #main_body p { clear:both; margin:auto 50px; }
#content #main_body ul li { list-style:disc; margin:0 30px; }
#content #main_body ul a { float:right; margin-right:50px; }


/*0202*/

#catalog1 p { width:520px; padding-left:20px;FONT-SIZE:14px;}
#content #catalog1 {
	BACKGROUND: url(img/mainBg-y.gif) repeat-y; MARGIN: 0px auto; WIDTH: 600px; PADDING-TOP: 20px; 
}
#content #catalog1 LI {
	BACKGROUND: #3b81d4; FLOAT: left; MARGIN: 0px 0px 20px 13px; HEIGHT: 130px; TEXT-ALIGN: center
}
#content #catalog1 LI A {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
/*#content #catalog1 IMG {
	WIDTH: 130px; HEIGHT: 109px
}*/

/*0203*/
.a { padding:10px 30px 0 30px; width:130px; height:109px;}
.intro1 { width:550px; padding-left:18px; font-size:12px;}
.intro1 a { color:#3366FF;font-size:12px;}
.b a{ font-size:12px; font:bold;}
.aa { margin-left:230px;}
A:link { text-decoration:none; color:#0080C0}
A:visited {  color:#0080C0;}
A:active { text-decoration:none; color:#ff3401}
A:hover { text-decoration:underline font-weight:none; color:red }
#list { margin-top:-100px; }
#content #catalog1 .pic2 IMG { width:190px; height:120px;}
#content #catalog1 .pic3 IMG { width:550px; padding-left:20px;}
#tab { padding:10px 0 0 10px;}
.f { margin-left:250px; overflow:visible; }
#tab2 { width:750px;}
.d { color:#FF0000;}
.intro3 { padding:0 40px 0 40px;}
p.e { background-color:#99CC66; }
.STYLE4 {
	font-size: 12px;
	line-height: 15px;
	margin-bottom:20px;
	background-color:#F1FED3;
}
.g { margin-left:150px; padding-bottom:10px; }
.agent-g{ padding-bottom:20px; }
.agent-h5{ margin-left:20px; padding-bottom:10px; }
.h { color:#FF0000;}
.choose { font-size:16px; border:2px solid #006600; border-bottom:0; padding:10px;}
#i { border-bottom:2px solid #006600;}
.j { padding-left:200px; }
.k { border-right:2px solid #006600;}
#agent { background:#E9FADC; overflow:hidden; text-align:center; clear:both; margin:5px; border:2px double #3399FF; margin-top:20px;}

/*0204*/
h1 { font-size:24pt;}
h3 { font-size:15pt; }
#bigdiv { width:534px; border-top:2px #3399FF solid; border-left:2px #3399FF solid; margin-left:20px;}
.classdiv1,.classdiv3 { width:201px; border-right:2px #3399FF solid; border-bottom:2px #3399FF solid; float:left; }
.classdiv,.classdiv2 { width:329px; height:275px; border-right:2px #3399FF solid; border-bottom:2px #3399FF solid; float:right;}
.classdiv2 { height:137px; }
.classdiv3 { height:277px;}
.classdiv4 { width:532px; border-right:2px #3399FF solid; border-bottom:2px #3399FF solid; }
.classdiv,.classdiv2,.classdiv4 { font-size:16px;}
.classdiv a,,.classdiv2 a,.classdiv4 a { font-size:16px;}

/*custom*/
.c { width:542px; background:#DEE8C1;}
.c1 { width:150px; float:left; text-align:center; margin-left:15px; margin-top:10px;}
.c2 {  border:1px solid #3399CC; width:540px;}

/*price1*/
#p {width:504px;border:2px #3399CC solid; border-top:0; border-bottom:0; margin-top:10px;}
.p1 {width:124px;border:2px #3399CC solid;border-bottom:0; border-right:0;float:left;} 
.p2, .p3, .p4 { width:504px; border:2px #3399CC solid; border-bottom:0; border-top:0;}
.p3, .p4 { border-bottom:2px #3399CC solid; }
.p5 { margin-left:140px;}
/*about us*/
#at { padding:0 20px 0 50px;}
#at p { font-size:14px;}
#ap { margin-left:70px; padding-bottom:30px;}
.name {margin: 20px 0px 0px 20px; background-color: #D8E69C;}

/*0205*/
#container #catalog1 .items{
	padding:5px 20px;
}
#container #catalog1 #list_1 #position { 
    position:static;
	padding:20px 55px 0 0;
    width:130px; 
    height:109px;
}