﻿body { background: #f4f4f4 url("../pic/web/theme/bg11.jpg") repeat-x; text-align: center; color: #003399; }
#main { width: 900px; margin: 0 auto; text-align: left; background-repeat: no-repeat; }
#pnLeft { float: left; width: 185px; text-align: center; }
#pnLeft .content { background: url("../pic/web/theme/pnleftbg.jpg") no-repeat; }
#pnCenter { float: left; width: 533px; }
#pnCenter .centerContent { background: url("../pic/web/theme/mainbg.gif") repeat-y center; padding: 8px 13px 8px 11px; }
#pnCenter .centerBottom { background: url("../pic/web/theme/boxcenterbottom.jpg") repeat-y center; height: 18px; }
#pnRight { float: right; width: 182px; text-align: center; background: url("../pic/web/theme/pnrightbg.jpg") no-repeat; padding-top: 20px; }
.boxcontent { background: transparent url( "../pic/web/theme/boxhoacuoi_bottom.jpg " ) no-repeat bottom; padding-bottom: 15px; text-align: center; }

/*Font
-------------------------------------------------*/
.note { color: Red; }

/*Footer
-------------------------------------------------*/
#footer { background: #0047b1 url( "../pic/web/theme/bgfooter.jpg" ) repeat-x; margin-top: 60px; padding: 25px 0 15px 0; line-height: 1.5em; text-align: left; color: White;text-align:center; }
#footer .content { width: 998px; margin: 0 auto;text-align:center; }
#esvn {text-align:center;}
#esvn a{color:White;font-weight:bold;}
#esvn a:hover{text-decoration:underline;}

/*Banner
-------------------------------------------------*/
#banner { text-align: center; }

/*leftmn
-------------------------------------------------*/
#leftmn { margin-bottom: 30px; }
#leftmn a:hover{color:red}

/*logo
-------------------------------------------------*/
.logo { height: 110px; text-align: center; }

/*flowerbox
-------------------------------------------------*/
#flowerbox { margin: 0 auto; }
#flowerboxbottom { background: transparent url( "../pic/web/theme/boxhoacuoi_bottom.jpg " ) no-repeat bottom; padding-bottom: 15px; }
#flowerboxtop { background: transparent url( "../pic/web/theme/boxhoacuoi_top.jpg " ) no-repeat top; padding-bottom: 15px; padding-top: 8px; }


/*Top menu
-------------------------------------------------*/
.topmenu { background: url( "../pic/web/theme/topmnbg.jpg" ); height: 41px; }
.topmenu a,.topmenu a:hover,.topmenu a:visited { display: block; line-height: 41px; text-align: center; color: White; font-weight: bold; font-size:13px;}
.topmenu a:hover{color:#8cb5ff}
/*.topmenu .content { }
.topmenu .content .items { color: black; font-size: 16px; vertical-align: middle; text-align: center; float: left; padding: 0 0 0 20px;border:solid 1px green; }
.topmenu .content .separate { width: 1px; float: left; }*/

/*SearchBox
-------------------------------------------------*/
#SearchBox { padding-top: 10px; }


/*SearchBox
-------------------------------------------------*/
#Cart { }
#Cart .image { width: 120px; }
#Cart .title { margin-bottom: 5px; }
#Cart .title a { font-size: 14px; }
#Cart table {border:solid 1px #dedfe0;border-spacing:0px;border-collapse:collapse;white-space:nowrap;	}
#Cart table tr.header { border-spacing:0px;}
#Cart table tr.header td{border-bottom:solid 1px #dedfe0; padding:5px;background-color:#f3f3f3;border-spacing:0px;white-space:nowrap;}
#Cart tr.items { }
#Cart tr.items td { font-size: 12px; padding: 5px 5px 10px 5px; border-bottom: solid 1px #eeeeef; }
#Cart .lnk{font-weight:bold;text-decoration:underline}
#Cart .form{margin-bottom:20px;}
#Cart .msg{margin:25px 0 25px 0;text-align:center;}


/*Search
-------------------------------------------------*/
#Search { padding-top: 10px; }
#Search .items { padding-top: 10px; }
#Search .items .content .image { float: left; margin-right: 10px; width: 140px; }
#Search .items .content .desc { }
#Search .title { margin-bottom: 5px; }
#Search .title a { font-size: 14px; }

/*PrductScrool
-------------------------------------------------*/
#PrductScrool { background: url( "../pic/web/theme/boxscroolbottom.jpg") no-repeat center bottom; margin: 0 auto 6px;height:600px;width:150px; text-align:left;position:relative;}

#PrductScrool .items{padding-bottom:10px;}
#PrductScrool .items img{margin-bottom:4px;}

/*ProductTab
-------------------------------------------------*/
.ProductTab .Rows { margin-bottom: 20px; padding-left: 3px; overflow: hidden; }
.ProductTab .Rows .items { float: left; width: 240px; margin-right: 8px; }
.ProductTab .Rows .items1 { float: left; width: 240px; }
.ProductTab .Rows .title { margin: 8px 0 3px 0; }
.ProductTab .Rows .title a { font-size: 13px; font-weight: bold; color: Red; }
.ProductTab .Rows .items .content { padding-left: 25px; }
.ProductTab .Rows .items1 .content { text-align: right; padding-right: 25px; }

/*.ProductTab .Rows .image { padding-top: 2px; width: 240px; height: 117px; background: url("../pic/web/theme/Bground-oto.jpg") no-repeat; }*/
.ProductTab .Rows .items .image { text-align: left; }
.ProductTab .Rows .items1 .image { text-align: right; }
.ProductTab .Rows .image img { width: 225px;height: 160px }
.ProductTab .Rows .cart{padding-top:2px;}

/*RightADV
-------------------------------------------------*/
.RightADV { text-align: center; margin: 0 auto; width: 150px; }
.RightADV .Rows { margin-bottom: 10px; }
.RightADV .Rows .items {padding-bottom: 10px; }
/*.RightADV .Rows .items img { width: 72px; height: 53px; }*/

/*LeftADV
-------------------------------------------------*/
.LeftADV { text-align: center; margin: 0 auto; width: 150px; }
.LeftADV .items { text-align: center; padding-bottom: 10px; }
.LeftADV .items img { width: 140px; display: block; margin: 0 auto; }


/****************Control*****************/
.txt { font-size: 12px; padding: 1px; }
.txt2 { border: 0; width: 100px; font-size: 11px; }
.txtvirtual { border: solid 1px #939393; padding: 2px; background-color: White; }
.divseparate { background: transparent url( "../pic/web/theme/separate.gif" ) no-repeat center top; height: 20px; }
.divseparate1 { background: transparent url( "../pic/web/theme/separate1.gif" ) no-repeat center bottom; height: 20px; }
h4 { margin-top: 10px; padding-bottom: 0px; }


/*homepage_bottom
-------------------------------------------------*/
#homepage_bottom .service { width: 45%; float: left; }
#homepage_bottom .aboutus { width: 55%; float: right; }





/*NewsIndex
-------------------------------------------------*/
#newsindex { }
#newsindex .items { margin-bottom: 10px; height: 1%; }
#newsindex .items .title { margin-bottom: 5px; }
#newsindex .items .title a { font-size: 16px; font-weight: bold; color: #168ef4; }
#newsindex .items .image { width: 112px; height: 85px; margin-right: 5px; float: left; border: 1px solid #E5E5E5; padding: 3px; background-color: White; }
#newsindex .items .desc { width: 300px; line-height: 18px; overflow: hidden; }


/****************Box focus*********************/
.box_focus { padding: 0px 55px 0 0; }
.box_focus .items { padding-top: 10px; }
.box_focus .items .img { width: 130px; height: 100px; border: 1px solid #E5E5E5; padding: 5px; background-color: White; margin-right: 8px; margin-bottom: 6px; float: left; }
.box_focus .items .title a { font-size: 16px; line-height: 17px; color: #000000; font-family: Arial; font-weight: normal; }
.box_focus .items .desc { font-size: 11px; color: #828282; margin-top: 6px; }
.box_focus .items .more { text-align: right; margin: 5px 0 15px 0; }
.box_focus .items .more a { color: Black; }
.box_focus .separate { background: url("../pic/web/theme/box_focus_separate.jpg") no-repeat top center; height: 26px; }


/****************Top News*********************/
.TableCate td.item { padding: 1px; margin-bottom: 6px; border: solid 1px #ffb301; background: #ffeec2; }
.TableCate tr.separate { height: 8px; }
.TableCate td.separate { width: 7px; }
.TopNews { height: 100%; padding: 5px; }
.TopNews .cate { background: transparent url("../pic/web/theme/bg_topnew_cate.png"); height: 38px; padding-left: 20px; padding-top: 2px; }
.TopNews .cate a { font-size: 24px; font-weight: bold; color: White; }
.TopNews .content .item { background-color: #ffeec2; padding: 0 0 0 20px; height: 1%; border-bottom: solid 1px #fde6b0; }
.TopNews .content .item .title { padding-bottom: 5px; }
.TopNews .content .item .title a { font-size: 15px; font-weight: bold; color: Black; }
.TopNews .content .item .desc { line-height: 17px; }
.TopNews .content .item .image { width: 112px; height: 85px; float: right; border: 1px solid #E5E5E5; padding: 3px; background-color: White; }
.TopNews .content .item .separate { border-bottom: solid 1px #fde6b0; }

/****************Cate List *********************/
.CateList { padding: 5px; }
.CateList .boxfocus { height:1%;}
.CateList .boxfocus .title { margin-bottom: 5px; }
.CateList .boxfocus .title a { font-size: 18px; font-weight: bold; }
.CateList .boxfocus .content .image { float: left; width: 280px; height: 210px; margin-right: 5px; }
.CateList .boxfocus .content .desc { }
.CateList .boxfocus .content .cart {padding:5px 40px 0 0;text-align:right;}

.CateList .other .items { margin-top: 20px; }
.CateList .other .items .title { margin-bottom: 5px; }
.CateList .other .items .title a { font-size: 16px; font-weight: bold; color: Black; }
.CateList .other .items .title a { font-size: 16px; font-weight: bold; color: Black; }
.CateList .other .items .image { width: 112px; height: 85px; margin-right: 5px; float: left; border: 1px solid #E5E5E5; padding: 3px; background-color: White; }
.CateList .other .items .desc { width: 250px;  line-height: 17px;float:left; }
.CateList .other .items .cart{padding: 25px 40px 0 0; display: inline;float:right;}


/****************News Detail*********************/
#NewsDetail .uptop { text-align: right; margin-top: 10px; }
#NewsDetail { padding: 20px; }
#NewsDetail .image { text-align: center; margin-bottom: 2px; }
#NewsDetail .title { margin-bottom: 10px; margin-top: 1px; font-size: 31px; font-weight: bold; }
#NewsDetail .img { text-align: left; width: 350px; height: 250px; border: solid 1px white; }
#NewsDetail .desc { font-size: 13px; font-weight: bold; margin-top: 2px; margin-bottom: 10px; line-height: 1.4em; }
#NewsDetail .time { font-size: 12px; margin-top: 2px; margin-bottom: 10px; }
#NewsDetail .author { font-size: 12px; margin-top: 2px; margin-bottom: 10px; color: #990000; font-weight: bold; }


#NewsDetail .other .label { font-size: 18px; font-weight: bold; color: black; margin: 20px 0 15px 0; }
#NewsDetail .other .items { margin-bottom: 10px; }
#NewsDetail .other .items a { color: Black; font-size: 14px; font-weight: normal; }
#NewsDetail .other .items .image { width: 100px; float: left; margin-right: 7px; height: 75px; }

/****************News Detail*********************/
#ProductDetail { padding: 20px;}
#ProductDetail h1 {margin:0 0 10px 0;padding:0;}
#ProductDetail .image img{display:block;margin:0 auto; width: 465px;height:321px;margin-bottom:15px; }
#ProductDetail .title { margin-bottom: 10px; margin-top: 1px; font-size: 31px; font-weight: bold; }
#ProductDetail .img { text-align: left; width: 350px; height: 250px; border: solid 1px white; }
#ProductDetail .desc { font-size: 13px; margin-top: 2px; margin-bottom: 10px; line-height: 1.4em; }
#ProductDetail .time { font-size: 12px; margin-top: 2px; margin-bottom: 10px; }
#ProductDetail .author { font-size: 12px; margin-top: 2px; margin-bottom: 10px; color: #990000; font-weight: bold; }
#ProductDetail .cart{margin-bottom:4px;}
#ProductDetail .content{padding:0;margin:0;}

#ProductDetail .other .label { font-size: 18px; font-weight: bold; color: black; margin: 20px 0 15px 0; }
#ProductDetail .other .items a { color: Black; font-size: 12px; }
#ProductDetail .other .items .image { margin-bottom: 4px; }
#ProductDetail .other .items .image img { width: 95px; height: 75px; }
#ProductDetail .other .items { width: 150px; float: left; text-align: center; }

/****************Box Login*********************/
.boxlogin { background-color: #7cbce8; margin-bottom: 2px; }
.boxlogin .title { font-size: 13px; font-weight: bold; color: White; background-color: #007cc2; padding: 4px; }
.boxlogin .content { background-color: White; padding: 10px 5px 6px 5px; border: solid 2px #007cc2; border-top: 0; }
.boxlogin .content .item { margin-bottom: 8px; }
.boxlogin .content .fl { width: 60px; }
.boxlogin .button { margin-top: 15px; }
.boxlogin .button a { text-decoration: underline; }

.logined { color: white; }
.logined .account { font-weight: bold; }
.logined a { color: white; }
.logined a:hover { color: white; text-decoration: underline; }



/****************Box*********************/

.box_01 { background-color: #7cbce8; margin-bottom: 2px; }
.box_01 .title { font-size: 13px; font-weight: bold; color: White; background-color: #007cc2; padding: 4px; }
.box_01 .content { padding: 6px 5px 6px 5px; border: solid 2px #007cc2; border-top: 0; }
.box_01 .txtvirtual { border: solid 1px #939393; padding: 2px; background-color: White; }
.box_01 .content2 { background-color: White; padding: 6px 5px 6px 5px; border: solid 2px #007cc2; border-top: 0; }
.box_01 .content3 { background-color: White; padding: 10px 5px 6px 5px; border: solid 2px #007cc2; border-top: 0; }
.box_01 .content3 .item { margin-bottom: 8px; }
.box_01 .content3 .fl { width: 60px; }


.box_02 { margin-bottom: 2px; }
.box_02 .title { font-size: 13px; font-weight: bold; color: White; background-color: #007cc2; padding: 4px; }

.box_03 { margin-bottom: 2px; }
.box_03 .title { font-size: 13px; font-weight: bold; color: White; background-color: #007cc2; padding: 4px; padding-left: 8px; }
.box_03 .content { background: #f2f2f2; padding: 3px; }

.box_03 .content .item, .box_03 .content .item:hover { display: block; background: url(    "../pic/theme/dot.gif" ) no-repeat scroll 1px 6px; padding-left: 8px; margin-bottom: 8px; color: #0a4167; }
.box_03 .content .item:hover { text-decoration: underline; }




/****************Cate List*********************/
.cate_list { }
.cate_list .box { border: solid 1px #abb1b1; padding: 5px; height: 1%; margin-bottom: 6px; }
.cate_list .box div.catename { margin-bottom: 5px; }
.cate_list .box a.catename { font-size: 14px; font-weight: bold; color: #8f2e22; }
.cate_list .box .viewother { text-align: right; padding-right: 5px; }
.cate_list .box .viewother a { }

.cate_list .box .mainitems { margin-bottom: 15px; }
.cate_list .box .mainitems .title { margin-bottom: 5px; }
.cate_list .box .mainitems .title a { font-weight: bold; }
.cate_list .box .mainitems img { width: 140px; border: solid 1px #d6d6d6; padding: 1px; float: left; margin-right: 4px; }
.cate_list .box .mainitems .desc { }
.cate_list .box .otheritems { margin-top: 5px; background: url(    "../pic/theme/dot.gif" ) no-repeat scroll 1px 6px; padding-left: 10px; }


/*Cate List Flower
-------------------------------------------------*/
.Fcate_list .title { margin: 5px 0 5px 0; font-weight: bold; }
.Fcate_list .image img { width: 140px; border: solid 1px #d6d6d6; padding: 1px; margin-right: 4px; }
.Fcate_list .items { margin-bottom: 15px; }
.Fcate_list .price span { color: Red; }
/****************News Detail*********************/
.newdetail .title { font-size: 16px; font-weight: bold; margin-bottom: 8px; margin-top: 2px; }
.newdetail .time { font-size: 10px; color: #abb1b1; margin-bottom: 6px; }
.newdetail .desc { font-size: 11px; font-weight: bold; margin-bottom: 6px; }
.newdetail .detail { }

.newsotheritems .title { font-size: 13px; font-weight: bold; border-bottom: solid 1px #d6d6d6; padding-bottom: 6px; margin-top: 10px; }
.newsotheritems .items { margin-top: 8px; background: url(    "../pic/theme/dot.gif" ) no-repeat scroll 1px 6px; padding-left: 10px; }


/****************News Cate*********************/
.newscate .topnews { border-bottom: dotted 1px #d6d6d6; padding-bottom: 10px; margin-bottom: 10px; }
.newscate .topnews .title { margin-bottom: 8px; }
.newscate .topnews .title a, .newscate .topnews .title a { font-size: 16px; font-weight: bold; }
.newscate .topnews .title a:hover { text-decoration: underline; margin-bottom: 8px; }
.newscate .topnews img { float: left; margin-right: 5px; }

.newscate .list .title { margin-bottom: 5px; margin-top: 20px; }
.newscate .list .title a { font-weight: bold; }
.newscate .list img { float: left; width: 145px; margin-right: 5px; }


/****************Form*********************/
.form .label { width: 100px; float: left; padding-top: 4px; }
.form .label1 { width: 120px; float: left; padding-top: 4px; }
.form .input { }
.form .item { margin-bottom: 2px; }
.form .item1 { margin-bottom: 8px; }
.form .button { margin-top: 10px; padding-left: 100px; }
.form .button1 { margin-top: 10px; padding-left: 120px; }
.form .msg { margin-bottom: 10px; }
.form .error { margin-bottom: 10px; color: Red; }
.form .success { margin: 20px; font-weight: bold; color: Red; text-align: center; }


/****************Message*********************/
.message { padding-top: 100px; }
.message legend { font-weight: bold; }
.message fieldset { width: 455px; }
.message p { text-align: center; margin-bottom: 10px; }
.message p.focus { color: #FF0000; font-size: 13px; font-weight: bold; margin-top: 10px; }


/****************List page*****************/
.listpage { text-align: right; margin-bottom: 5px; }
.listpage .current { border: solid 1px #ededea; padding: 3px 7px 3px 7px; font-weight: bold; background-color: #f9f9f9; }
.listpage a { font-size: 13px; padding: 4px 8px 4px 8px; color: #1f75cc; font-weight: bold; }
.listpage a:hover { font-size: 13px; padding: 3px 7px 3px 7px; border: solid 1px gray; color: Black; font-weight: bold; }

/****************List page*****************/
#boxComment { }
#boxComment .title { font-size: 18px; font-weight: bold; color: #ff6600; margin: 20px 0 15px 0; }
#boxComment .error { font-size: 12px; margin-bottom: 2px; color: Red; }
#boxComment .items { padding-bottom: 8px; }
#boxComment .label { font-size: 12px; float: left; width: 120px; padding-top: 2px; }
#boxComment .success { font-size: 14px; text-align: center; font-weight: bold; }
#boxComment .button { padding-top: 5px; }
#boxComment .area { }



/*nickchat
-------------------------------------------------*/
#nickchat { background: url("../pic/web/theme/nickchat_bg.jpg") no-repeat; padding-top: 8px; }
#nickchat .content { text-align: left; padding-left: 18px; }
#nickchat .content img { float: left; margin-right: 8px; }
#nickchat .content .title { padding-top: 2px; }
#nickchat .content .items { padding-bottom: 16px; }

/*Right Advertising
-------------------------------------------------*/
#RightAdvertising { background: url("../pic/web/theme/nickchat_bg.jpg") no-repeat; padding-top: 8px; }
#nickchat .content { text-align: left; padding-left: 18px; }
#nickchat .content img { float: left; margin-right: 8px; }
#nickchat .content .title { padding-top: 2px; }
#nickchat .content .items { padding-bottom: 16px; }

/*serviceHomepage
-------------------------------------------------*/
#serviceHomepage .left { width: 50%; float: left; }
#serviceHomepage .right { text-align: center; }


/*List page
-------------------------------------------------*/
.listpage { text-align: right; }
.listpage .current { border: solid 1px #ededea; padding: 3px 7px 3px 7px; font-weight: bold; background-color: #f9f9f9; }
.listpage a { font-size: 13px; padding: 4px 8px 4px 8px; color: #1f75cc; font-weight: bold; }
.listpage a:hover { font-size: 13px; padding: 3px 7px 3px 7px; border: solid 1px gray; color: Black; font-weight: bold; }

/*ADVINDEX
-------------------------------------------------*/
#ADVINDEX {width:505px}
#ADVINDEX img{}