/*public-----------------------------------------*/
body,div,h1,a,img,ul,li,p,span,input,select,button,h4,strong,label,h2,h5{margin:0;padding:0}
h1,a,p,span,h4,label,div,h2,h5{color:#000;text-decoration:none}
li{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color:#090;text-decoration:none}
img{border:none}
body{background:#FFF url(../images/bg_body.jpg) repeat-x 0 118px;font-size:12px;line-height:18px;color:#333;font-family:Arial,Lucida Grande;}
.hot{color:#D15502}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

.phd,
.pbd,
.pft
{width:100%;margin:0 auto;height:100%;overflow:hidden;}

.phd .mod,
.pbd .mod,
.pft .mod{width:889px;margin:0 auto}

.img_padding{padding:10px 0;text-align:center}
.img_padding2{padding:30px 0;text-align:center}

/*index-----------------------------------------*/

/*login*/
.phd{width:100%;background:#FFF url(../images/bg_main.gif) repeat-x;}
/*a.signInBtn { background:url(../images/button_login.gif) 0 0 no-repeat;}
a.signInBtn:hover { background:url(../images/button_login.gif) 0 0 no-repeat ;}
a.signInBtn,a.signInBtn:hover { /*
width:60px; height:20px;border:medium none;cursor:pointer;line-height:20px;overflow:hidden; margin:14px 10px 0 0; _margin:16px 10px 0 0;
text-align:center;white-space:nowrap;color:black;}*/
.login{width:560px;float:right;position:relative;top:-60px;}
.login a{color:#FFF;padding:0 8px}
.login a:hover{color:#090;}
.textform_s{background:#FFF;border:1px #D2D2D2 solid;width:60px;height:19px;margin-right:5px}
.textform_l{background:#FFF;border:1px #D2D2D2 solid;width:90px;height:19px;margin-right:5px}
.textform_btn{position:relative;top:8px;}
.userMenu {float:right; margin-top:3px;}
.userMenu li{display:inline;}
.userMenu li a{float:right; color:#fff; display:block;padding:8px; margin-left:10px;}
.userMenu li a:hover{background:#6d4215;color:#fff;}
*html .textform_btn{position:relative;top:3px;}/*IE6*/
*+html .textform_btn{position:relative;top:3px;}/*IE7*/

/*nav*/
.nav{width:800px;height:30px;margin:0 auto;}
.nav li{float:left;padding:0 20px;font-size:13px}
.nav li a{color:#1170CF;font-weight:bold;}
.nav li a:hover{color:#090}
.nav .nav_now{background:url(../images/arr.gif) no-repeat 9px 5px;}


/*pt1*/
.pt1{width:921px;height:341px;background:url(../images/bg_image.png) no-repeat;margin:0 auto;}
.pt1 .mod1{width:470px;height:280px;padding:91px 0 0 0;margin-right:25px;float:left}
*html .pt1 .mod1{width:450px;padding:40px 0 0 0;margin-right:20px;}/*IE6*/
.pt1 .mod1 .pic_price{position:relative;top:-240px;left:340px}
.pt1 .mod2{width:420px;height:280px;padding:40px 0 0 0;float:left}
.pt1 .mod2 .item{font-weight:bold;margin:8px 0 8px 0;padding:5px 0 15px 0;}
.pt1 .mod2 .item li{background:url(../images/bull.gif) no-repeat 0 7px;padding-left:25px;float:left;line-height:24px}
*html .pt1 .mod2 .item li{line-height:19px}/*IE6*/
*+html .pt1 .mod2 .item li{line-height:18px}/*IE7*/

/*pt2*/
.pt2 {width:889px;height:355px;margin:15px auto;}
.pt2 .mod1{width:430px;float:left;margin-right:30px}
.pt2 .mod1 .item1 li{float:left;padding-right:20px}
.pt2 .mod1 .item2 li{width:430px;float:left;font-weight:bold;}
.pt2 .mod1 .item2 span{display:block;color:#A7A7A7;font-weight:normal;font-size:11px}
.pt2 .mod2{width:420px;float:left;font-weight:bold}
.pt2 h3{color:#9E9D9D;font-size:16px;}

/*inner-----------------------------------------*/

.pInner{width:849px;min-height:430px;_height:430px;overflow:visible;background:url(../images/bg_white.png) no-repeat top;padding:40px 40px 30px 40px;margin-top:10px}

/*content*/
.pmd{width:625px;min-height:600px;float:left;padding:0;margin:0}
.pmd h3{font-size:22px;}
.pmd h4{font-size:14px;}
.pmd .mod1{width:328px}
.pmd .mod1 li{line-height:22px;border-bottom:1px #DBDBDB dashed;background:url(../images/arr.gif) no-repeat 0 7px;padding-left:15px;}
.pmd .mod1 li a{color:#1170CF;font-weight:bold}
.pmd .mod1 li a:hover{color:#090}
.pmd .mod2 dl{font-weight:bold}
.pmd .mod2 dt{font-size:15px;line-height:25px;}
.pmd .mod2 dd{font-size:12px;font-weight:normal;padding:0;margin:0;color:#6A6A6A;margin-bottom:15px}
.pmd .mod3 .item{width:285px;float:left;}
.pmd .mod3 .item2{width:300px;float:right;font-weight:bold;text-align:right;border-bottom:1px #B6B6B6 dashed;line-height:24px}
.pmd .mod3 .item2 a{color:#1170CF;font-weight:bold;margin:0 5px}
.pmd .mod3 .item2 a:hover{color:#090}

/*side*/
.side{width:196px;float:left;margin-right:18px}
.side .side_nav li{width:190px;float:left;line-height:26px;border-bottom:1px #48A5E7 dashed;}
.side .side_nav .nav_now{background:url(../images/arr_2.gif) no-repeat right;}
.side .side_nav li a{color:#1170CF;font-weight:bold}
.side .side_nav li a:hover{color:#090}

/*foot*/
.pft{background:#FFF url(../images/bg_ft.jpg) repeat-x top;padding:20px 0;}
.pft li{float:left;padding:0 10px;border-right:1px #A4A4A4 solid;line-height:14px}
.pft li a{color:#495C8D;font-weight:bold}
.pft li a:hover{color:#090}
.pft .last{border:0}
*html .pft{margin-top:0;}/*IE6*/
*+html .pft{margin-top:0;}/*IE7*/

/*pages*/
/*index*/
.intrtext li{width:370px;}
/*priceList*/
.PriceList {width:800px; margin:0 auto; background:#fff; border-top:solid 1px #c6c6c4;border-right:solid 1px #c6c6c4;border-left:solid 1px #c6c6c4;}
.PriceList td {padding-left:10px; padding-right:10px;}
.PriceList .row1 td { height:38px; background:url(../Images/hdbg.gif) repeat-x;border-bottom:solid 1px #c8c8c8; font-size:12px; vertical-align:middle;}
.PriceList .rows td {height:30px; vertical-align:middle;border-bottom:1px solid #c8c8c8;}
.PriceList .illustrate {width:255px; text-align:center; vertical-align:middle;border-right:solid 1px #c8c8c8; padding-right:0; }.illustrate img{display:block; margin:0 auto;}
.PriceList .size {width:155px;}
.PriceList .quantity {width:155px;}
.PriceList .price {width:155px;}

.OrderSummary{width:800px;  background:#fff; border-top:solid 1px #c6c6c4;border-right:solid 1px #c6c6c4;border-left:solid 1px #c6c6c4;margin:0 auto;}
.OrderSummary td{border-bottom:1px solid #c8c8c8;}
.OrderSummary .row1 td{ height:38px; background:url(../Images/hdbg.gif);border-bottom:solid 1px #c8c8c8; font-size:12px; vertical-align:middle;padding-left:20px;}
.OrderSummary .texttop td {vertical-align:top;border-bottom:1px solid #c8c8c8; padding:10px;}
.OrderSummary .textbtm td {vertical-align:btm;border-bottom:1px solid #c8c8c8; padding:10px;}
.OrderSummary .firstTd {width:120px; padding:10px 10px 10px 20px;}
.OrderSummary .quantity {width:90px;padding:10px;}
.OrderSummary .unitPrice {width:80px; padding:10px;}
.OrderSummary .Mekpu {padding:10px;} 
.OrderSummary .price {padding:10px;}
.OrderSummary .action {padding:10px;}
.OrderSummary .quantityInput {width:30px; border:solid 1px #ccc; height:14px;}
.PaymentOptionContent {padding:10px 0 20px 50px;}
.PaymentOptionContent p{margin:2px 0 3px 0;padding:0;}
.PaymentOptionContent ul.bs li{float:left;width:200px;margin:0 0 5px 0;}
.PaymentOptionContent .itemcontent {padding-left:25px;margin:5px auto 5px auto;}

.OrderList {width:800px;  background:#fff; border-top:solid 1px #c6c6c4;border-right:solid 1px #c6c6c4;border-left:solid 1px #c6c6c4;margin:0 auto;}
.OrderList td{border-bottom:1px solid #c8c8c8;}
.OrderList .firstTd {width:100px; padding:10px 10px 10px 20px;}
.OrderList .row1 td { height:38px; background:url(../Images/hdbg.gif);border-bottom:solid 1px #c8c8c8; font-size:12px; vertical-align:middle;padding-left:20px;}
.OrderList .texttop td {vertical-align:top;border-bottom:1px solid #c8c8c8; padding:10px;}
.OrderList .price,.OrderList .addiPages, .OrderList .addiPagesPrice, .OrderList .addiPagesPrice, .OrderList .total, .OrderList .rows td{padding:10px;}  
.OrderList .price,.OrderList .addiPages  {width:70px;}
.OrderList .addiPagesPrice {width:120px;}
.OrderList .total {width:70px;}
.OrderList .quantityInput {width:30px; border:solid 1px #ccc; height:14px;}

/*shipping*/
.shipping {width:800px;  background:#fff; border:solid 1px #c6c6c4;}
.shipping .firstTd {width:100px; padding:10px 10px 10px 20px;}
.shipping .row1 td { height:38px; background:url(../Images/hdbg.gif);border-bottom:solid 1px #c8c8c8; font-size:12px; vertical-align:middle;padding-left:20px;}
.shipping tr.lastrow td {border-top:solid 1px #c6c6c4; padding:10px 10px 10px 20px;}
.shipAdress {}
.shipAdress td{border-bottom:1px solid #c8c8c8;}
.shipAdress tr.last td {border-bottom:0;}
/*register*/
.registerPage { font-size:12px;_height:200px;}
.appcontentwrap {padding:0 0 0 20px; margin:10px 0 0 0;}
.appcontent {margin:15px 0 15px 0;}
.appcontent .appleftpart {width:200px; float:left;}
.appcontent .apprightright{float:left;width:600px;}
p.direction {font-size:14px;font-family:Verdana,Arial,Geneva,sans-serif;}

/*videoList*/
.videoListWrap { float:left;width:162px;/*240+16+16*/}
.videoList { margin:0;padding:4px 7px 0px 7px; width:130px; background:#fff;}
.videoList dt {font-family:Verdana,Arial,Geneva,sans-serif; font-size:11px;color:#235A9F; height:22px; background:url(../Images/hdbg.gif) 0 -8px repeat-x;padding:5px 8px 0px 8px;border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc;}
.videoList dd {margin-bottom:8px;margin-left:0px; padding:5px 5px 5px 10px; border:solid 1px #ccc; font-size:10px;}
.videoList .ddlast {margin-bottom:2px;}
.videoSingleWrap {float:left; margin-left:15px; width:670px;/*590+30+16*/}
/*.videoSingle { margin:0;padding:15px 15px 1px 15px; width:590px; background:#fff;}*/
.videoSingleWrap .flashArea {padding:0 10px 10px 10px;}
.videoSingleWrap p{font-size:11px;margin:5px 0;}

/*element*/
a.redbtn {display:block; width:88px; height:20px; line-height:20px; text-align:center; font-size:10px; color:#FFF; background:url(../Images/redbtn.gif) center center no-repeat;}
a.redbtn:hover { color:#fff; background:url(../Images/redbtnHover.gif) center center no-repeat;}
.greyButtonBg {float:left; background-image:url(../Images/greyButtonLeft.gif); background-repeat:no-repeat; background-position: 0 0; height:20px;}
.greyButtonBg:hover,.greyButtonBghover {float:left;background-image:url(../Images/greyButtonLeft.gif); background-repeat:no-repeat; background-position:0 -20px; height:20px;}
.greyButtonBg a {background:url(../Images/greyButtonRight.gif) no-repeat 100% 0; float:left; height:20px; line-height:20px;display:block; padding:0 10px 0 10px;color:black;}
.greyButtonBg a:hover,.greyButtonBghover a:hover{float:left; background:url(../Images/greyButtonRight.gif) no-repeat 100% -20px; float:left;  height:20px; line-height:20px;display:block; padding:0 10px 0 10px;color:black;}
.inputCommont {border:solid 1px #bababa; background:#fff;font-size:11px;color:#474747;}
.rtop {background-image:url(../Images/r_p.gif);background-position:right top;background-repeat:no-repeat;}
.ltop {background-image:url(../Images/l_p.gif);background-position:left top;background-repeat:no-repeat;}
.rbtm {background-image:url(../Images/r_p.gif);background-position:right bottom; background-repeat:no-repeat;}
.lbtm {background-image:url(../Images/l_p.gif);background-position:left bottom;background-repeat:no-repeat; height:4px;}
.contentpd {padding:4px 1px;}
.ClearDiv { clear:both; height:0px;font-size:0px; width:auto; visibility:hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */	   
/* empty div */