/* global */
body {background: #fff url(../images/bg_body.gif) repeat-x top center; font: normal 11px/1.5em Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}

select,textarea { font-family: Arial, Helvetica, sans-serif;}
input,
select,
textarea { border: 1px solid #7f9db9; color: #1a4888; font: normal 12px Arial, Helvetica, sans-serif; padding: 2px;}

.checkbox input,
input.checkbox { width: auto; border: 0; margin: 0;}

div.wrap { width: 1000px; margin: 0 auto; min-height: 850px; }
.header,
.main { margin: 0 auto; }

.topb { background: url(../images/line_dot1.gif) repeat-x top left; }
ul.categorylist li,
.bottomb { background: url(../images/line_dot1.gif) repeat-x bottom left; }
.topbcolor { border-top: 1px solid #cde0fb; }
.bottombcolor { border-bottom: 1px solid #cde0fb; }

/* homepage */

.header { height: 390px; position: relative; }
.headerbar { background: url(../images/bg_menu.png) no-repeat left bottom; height: 132px; left: 0;  position: absolute; top: 0;width: 1000px; z-index: 10; }

/* nav 
.header ul.nav { float:left; padding:89px 0 0 10px; position: relative;}
.header ul.nav li { display: inline; font: bold 13px Arial, Helvetica, sans-serif; float: left;}
.header ul.nav li a { background: url(../images/bg_menu_item.gif) repeat-y top right; color: #1a4888; display: block; float: left; padding: 8px 12px; text-decoration: none; }
.header ul.nav li a:hover { background: url(../images/bg_nav_on.gif) repeat-x left bottom; color: #FFF; }
.header ul.nav li.hover { position: relative;}

.header ul.nav ul { background-color: #fff; border: 1px solid #1a4888; border-top: 0; left: 0; position: absolute; top: 100%; width: 160px; visibility: hidden;}
.header ul.nav ul li { font: normal 11px Arial, Helvetica, sans-serif; float: none; padding: 0; margin: 0; }
.header ul.nav ul li a { background-image: none; color: #1a4888; padding: 4px 12px; width:136px;}
.header ul.nav ul li a:hover { background: #1a4888 none; color: #fff;}
*/

/*main menu */
.header ul.menu { float:left; padding:89px 0 0 10px; position: relative;}
.header ul.menu li {position: relative; display: inline; font: bold 13px Arial, Helvetica, sans-serif; float: left;}
.header ul.menu li a { background: url(../images/bg_menu_item.gif) repeat-y top right; color: #1a4888; display: block; float: left; padding: 8px 12px; text-decoration: none; }
.header ul.menu li a:hover { background: url(../images/bg_nav_on.gif) repeat-x left bottom; color: #FFF; }

.header ul.menu ul { display:none; background-color: #fff; border: 1px solid #1a4888; border-top: 0; position: absolute; top: 32px; left: 0;width: 160px;}
.header ul.menu li:hover ul { display:block;}
.header ul.menu ul li { font: normal 11px Arial, Helvetica, sans-serif; float: none; padding: 0; margin: 0; }
.header ul.menu ul li a { background-image: none; color: #1a4888; padding: 4px 12px; width:136px;}
.header ul.menu ul li a:hover { background: #1a4888 none; color: #fff;}

.header h1 { position: absolute; top: 10px; left: 26px; z-index: 20; }

.search { position: absolute; top: 60px; right: 30px; text-align:right;}
.search div { float:left; width:100%; padding:0; margin:0; text-align:right;}
.user-panel {position: absolute; top: 5px; right: 30px; width:450px; text-align:right;}
.user-panel p {color: #1a4888;}
.user-panel a {color: #1a4888;}

.page .main .sidebar .formbox p.btn input { border: 0; padding: 0; }

.search input { float: left;}
.search input.btn { padding: 0; border: 0; margin-left: 4px; }
.search br { clear: left;}

.banner {width:980px; height:270px; overflow:hidden; position: absolute; left: 11px; top: 121px; z-index: -1; }

.header div.basket { position: absolute; top: 170px; right:30px; z-index: 6; }
.basket p.item { border-bottom: 1px solid #e8b909; padding: 4px; height: 28px; }
.basket p.order { background-color: #1a4888; color: #fff; margin: 6px 0; padding: 4px; line-height: 14px; text-transform: uppercase; }
.basket p.order span.price { font: bold 18px Arial, Helvetica, sans-serif; }
.basket p.btn { text-align: right; padding: 0 10px 10px 0; }

/*
.main { background: url(../images/bg_main_body.png) no-repeat bottom center; margin-top: 16px; float: left; }
.main .wrap4top { background: url(../images/bg_main_top.png) no-repeat top center; padding: 32px 26px 40px; margin-top: -26px; width: 948px; }
*/

.main { background: url(../images/bg_main_bd.png) repeat-y center top; float: left;  margin-top: 16px;}
.main .wrap4top { background: url(../images/bg_main_top.png) no-repeat center top; float: left; margin-top: -26px; padding: 32px 26px 0; width: 948px; }

.clear { clear: both; }

.main .sidebar,
.main .content,
.main .content .phbox div,
.main .content .pvbox div,
.main .formrow div,
.footer { float: left; }

.main .sidebar { width: 228px; }
.main .content { width: 710px; }

.box220 h2 { float: left; width:220px; }
.box220 h2 img { float: left; }

ul.categories { float: left; padding: 0 0 10px; }
ul.categories li { float: left; font-size: 12px; font-weight: bold; width:220px; }
ul.categories li a { background: url(../images/line_dot1.gif) repeat-x left bottom; color: #1a4888; display: block; padding: 6px 0 6px 28px; text-decoration: none; }

ul.categories li.bhardware { background: url(../images/icon_cat_builder.gif) no-repeat 0px 2px; }
ul.categories li.hand { background: url(../images/icon_cat_handpower.gif) no-repeat 0px 2px; }
ul.categories li.outdoor { background: url(../images/icon_cat_outdoorliving.gif) no-repeat 0px 2px; }
ul.categories li.electrical { background: url(../images/icon_cat_electrical.gif) no-repeat 0px 2px; }
ul.categories li.garden { background: url(../images/icon_cat_garden.gif) no-repeat 0px 2px; }
ul.categories li.plumbing { background: url(../images/icon_cat_plumbing.gif) no-repeat 0px 2px; }
ul.categories li.housewares { background: url(../images/icon_cat_housewares.gif) no-repeat 0px 2px; }
ul.categories li.paint { background: url(../images/icon_cat_paint.gif) no-repeat 0px 2px; }
ul.categories li.bmaterials { background: url(../images/icon_cat_buildingm.gif) no-repeat 0px 2px; }
ul.categories li.automotive { background: url(../images/icon_cat_automotive.gif) no-repeat 0px 2px; }

.box160,
.box220,
.box340 { float: left; }

.box160 { background: url(../images/bg_box_160_body.png) no-repeat left bottom ; width: 168px;}
.box160 .wrap4top,
.page .main .content .maincon .pvbox .box160 .wrap4top { background: url(../images/bg_box_160_top.png) no-repeat left top; width: 158px; padding: 5px; margin-top: -5px;}

.box220 { background: url(../images/bg_box_220_body.png) repeat-y center bottom; width: 228px;}
.box220 .wrap4top  {float: left; background: url(../images/bg_box_220_top.png) no-repeat center top; margin: -4px 0 0 0; padding: 4px; width: 220px; }

.box340 { background: url(../images/bg_box_340_body.png) no-repeat bottom center; width: 348px;}
.main .box340 .wrap4top { background: url(../images/bg_box_340_top.png) no-repeat center top; width: 338px; padding: 5px; margin-top: -5px;}

div.form { float: left; padding: 0 0 8px 0; }
div.form p { padding: 8px 6px 0 6px; }

.pvbox,
.formrow,
.footer { clear: left; }

.main .content { padding-left: 10px; }
.main .content .phbox .wrap4top,
.main .content .pvbox .wrap4top { position: relative;} 

.main .content .phbox .img { float: left; width: 160px; } 
.main .content .phbox .text { background: url(../images/bg_hbox.gif) no-repeat right top; position: absolute; right: 5px; top: 5px; width: 150px; height: 164px; padding: 14px 6px 0 50px; } 
.main .content .phbox .text h2 { background: url(../images/line_dot3.gif) repeat-x bottom left; padding: 0 0 10px 0; margin: 0 0 6px 0; } 
.main .content .phbox .text p {color: #1a4888; font-size: 13px; font-weight: bold;  line-height: 16px; } 
.main .content .phbox .text p a { color: #1a4888; text-decoration: none;} 
.main .content .phbox .text p.price { color: #f00; font-size: 12px; font-weight: bold; padding: 10px 0;} 
.main .content .phbox .box340 { margin-right: 12px;} 
.main .content .phbox .last { margin-right: 0;} 

.main .content .pvbox { padding: 14px 0 0 0;}
.main .content .pvbox .img { height: 136px; overflow: hidden;width: 158px; } 
.main .content .pvbox .text { background: url(../images/bg_vboxblue.gif) no-repeat left bottom; padding: 12px 6px;width: 146px; } 
.main .content .pvbox .lightblue .text {background: url(../images/bg_vboxlightblue.gif) no-repeat left bottom; padding: 12px 6px 4px 6px; min-height:68px; height:auto !important; height:68px;} 
.main .content .pvbox .text p { font-size: 13px; color: #fac70a; line-height: 12px;  font-weight: bold; } 
.main .content .pvbox .lightblue .text p { color: #123464;}
.main .content .pvbox .text p.price { color: #f00; font-size: 12px;padding: 10px 0; } 
.main .content .pvbox .lightblue .text p.price { color: #ec1c24;}
.main .content .pvbox .box160 { margin-right: 12px;} 
.main .content .pvbox .last { margin-right: 0;}

div.lightblue div.text p a {color:#123464; text-decoration: none; line-height: 18px;}
.main .content .pvbox .last h2,
.formbox h2,
.page .main .sidebar .pitems h2 { background: url(../images/line_dot_red.gif) repeat-x bottom left; color: #1a4888; padding: 6px; } 
.main .content .pvbox .last h2 span,
.formbox h2 span,
.page .main .sidebar .pitems h2 { font-size: 16px; } 
.main .content .pvbox .last dl { padding: 0 4px; }
.main .content .pvbox .last dl a { color: #1a4888; text-decoration: none; }
.main .content .pvbox .last dl a:hover { text-decoration: underline;}
.main .content .pvbox .last dl dt { padding: 2px 0 0 0; font-weight: bold; }
.main .content .pvbox .last dl dd { background: url(../images/line_dot1.gif) repeat-x bottom left; color: #ec1c24; padding: 4px 0; }
.main .content .pvbox .last dl dt,
.main .content .pvbox .last dl dd { line-height: 12px; }
.main .content .pvbox .last p.btn { text-align: right; padding: 26px 10px 10px 0; }

.formrow { background: url(../images/line_dot2.gif) repeat-x top left; float:left; margin:10px 0 0 0; width: 946px;}
.formrow .maincon { float: left; padding: 20px 0; width: 946px; }
.main .formrow .formbox { float: right;}
.main .formrow .box160 { margin-left: 12px;} 
.formbox h2 { float:left; width: 136px;}

.formbox p { padding: 5px;float:left; width: 138px;}
.formbox p.input input { width: 138px; margin-bottom: 6px; }
.formbox p.input select { width: 148px; margin-bottom: 6px; }
.formbox p.input { padding-bottom: 0; }
.formbox p.btn { text-align: right; padding-top: 0; }

/* footer */
div.footer { background: url(../images/bg_main_footbg.gif) no-repeat top left; height: 84px; margin:0; padding: 0 26px 36px; width: 948px; }
div.footer div.container { float: left; background: #eceef2 url(../images/line_dot3.gif) repeat-x top left; color: #839bbd; padding: 27px 30px 12px;width: 888px; }
div.footer div.container img { float: right; }
div.footer div.container div.map { background: url(../images/icon_shopping.gif) no-repeat 10px 16px;float: left; padding: 0 0 0 116px;  }
div.footer div.container div.map .box { float: left; width: 210px; }
div.footer div.container div.map .box h2 { font-size: 12px; }
div.footer div.container ul li { float: left; width: 100px; }
div.footer div.container ul li a { color: #839bbd; text-decoration: none; }

/* error info */
.error{color:red ;}