@import "reset-min.css";
body{margin:0;padding:0;background:#FEFEFE;font:9pt arial, helvetica, sans-serif}
.left{float: left;} .right{float:right} .clear{clear: both;}
a{text-decoration:none; color:#720E3B} a:hover{color:#000;}

#divAdLeft ,#divAdRight{display:none;position:absolute;top:0;z-index:10}

#wrapper,.main-page{width:960px;margin:auto}
.bg-header{background:#F5F5F5 url(../images/header.gif) repeat-x;border-bottom:1px solid #EBEBEB;padding:5px 0}
#logo{position:relative} .logo{}

.hot-line-none,.hot-line,.lang{position:absolute;top:5px;right:5px;z-index:10}
.lang a{color:#698A12;font-size:10px;margin-left:5px} .lang a:hover{color:#3C5103}
.hot-line-none,.hot-line{top:7px;right:70px;margin:0;font-weight:bold;font-size:10pt;color:#0075BC} .hot-line-none{right:0}

.bg-nav{position:relative; z-index:100;background:url(../images/nav-bg.jpg) repeat-x}
#nav{list-style:none;padding:0;margin:0}
#nav li{float:left;position:relative}
#nav li a{color:#fff;padding:7px 17px 11px;display:block;font-size:14px;text-align:center}
#nav li.last a{}
#nav li ul{display:none;margin:0;padding:0;list-style:none;width:200px;position:absolute;top:34px;z-index:99;background:#fff;border:1px solid #DCDCDC;border-top:none}
#nav li:hover ul{display:block}
#nav li ul li{float:none;width:100%;margin:0;background:none;border-bottom:1px solid #DCDCDC}
#nav .selected ul li a , #nav li ul li a{color:#0075BC;padding:6px 2px 6px 10px;font-weight:normal;text-align:left;background:none}
#nav li ul li a:hover{background:none;color:#4B4C4C}
#nav li ul li.last{border-bottom:none}
#nav li a:hover{color:#ff0;background:url(../images/nav_hover.png) repeat-x bottom}
#nav .selected a{color:#ff0;background:url(../images/nav_hover.png) repeat-x bottom}
	
#content{padding:8px 0}

.title-box{margin:0;color:#444; font-weight:bold; padding:7px 25px 7px 10px;font-weight:bold; background:#F1F1F1 url(../images/bg-box-2.png) no-repeat right center;font-size:10pt;border:1px solid #DCDCDC;border-bottom:none;border-radius:3px 3px 0 0}

/*Left content*/
#left-content{float:left;width:200px;margin-right:10px}

.sub-new{list-style:none;margin:0;padding:5px 0}
.sub-new li{padding:5px 0;border-bottom:1px dotted #DEDEDE}
.sub-new li.last{border:none}
.sub-new li a{display:block;color:#0075BC;background:url(../images/arrow.png) no-repeat 3px 3px;padding-left:15px}
.sub-new li a:hover{color:#FC8801}

.sub-cat{list-style:none;margin:0;padding:0}
.sub-cat li a{font-size:10pt;color:#7D7D7D;font-weight:bold;display:block;padding:4px 0 4px 18px;background:url(../images/icon-cat.png) no-repeat 5px 9px;border-bottom:1px dotted #e5e1e1}
.sub-cat li.last a{border:none}
.sub-cat li a:hover{color:#0075BC;background:url(../images/icon-cat-hover.png) no-repeat 5px 9px;}
.sub-cat li ul{padding:5px 0 2px 15px;margin:0;list-style:none}
.sub-cat li ul li a{border:none;color:#458CF5;padding:3px 2px 3px 12px;font-weight:normal;background:url(../images/icon-cat-sub.png) no-repeat left 9px}
.sub-cat li ul li a:hover{background:url(../images/icon-cat-sub-hover.png) no-repeat left 9px}

.support{list-style:none;margin:0;padding:5px 0;text-align:center}
.support li {color:#7D7D7D;font-weight:bold;line-height:1.5em;} .support li  p{margin:0}
.support li img{margin-bottom:8px}

.statistics{color:#7D7D7D;padding:5px 4px 8px 10px;margin:0;list-style:none}
.statistics li{padding:2px 0}

.bg-adv{list-style:none;margin:0;padding:5px 0 0 0;text-align:center}
.bg-adv li{padding:0 0 5px 0}

/*Right content*/
#right-content-2{float:left;width:750px}
#right-content{float:left;width:540px}

.breadcrumbs{color:#666;font-weight:bold;margin:0 0 10px 0;line-height:1.6em}
.breadcrumbs b{padding:0 4px;color:#444;position:relative;top:-1px}
.breadcrumbs a{color:#1155CC;font-size:10pt}
.breadcrumbs a:hover{color:#FC8801}

.ico-view{text-align:right;margin-top:10px}
.ico-view a{color:#2997CA;padding:0 0 0 17px; margin-left: 1em; background:url(../images/sprite.png) no-repeat 0px -14px}
.ico-view a.go-top{background-position: 2px 2px}
.ico-view a:hover{color:#E3611E}

.list-item{list-style:none;margin:0;padding:0}
.list-item li{padding:8px 0;text-align:center;margin:0 5px 5px 0;display:inline-block;vertical-align:top;border:1px dotted #ccc;cursor:pointer;border-radius:2px}
.list-item li:hover{border:1px dotted #22923D;background:#F2F2F2}
.list-item li:hover a{color:#FC8801}
.list-item li.last-item{margin:0 0 15px !important}
.list-item li div{height:173px;width:237px;display:table-cell;vertical-align:middle}

.title-item{margin:5px 0;padding:0;font-weight:bold;font-size:10pt}
.title-item a{color:#0073BB;display:block} .list-item li:hover a:hover{color:#1155CC}
.price{margin:5px 0;font-weight:bold;color:#f82736}
.button-pro{margin:10px 0 5px}
.button-cart,.button-detail{background:#4B4C4C;color:#fff;padding:4px 10px;margin-right:5px;border-radius:3px;font-weight:bold}
.button-cart{padding:4px 10px;margin:0;background:#FC8801}
.list-item li:hover .button-pro a{color:#fff}

/*   Page New  */
.panel-items{list-style: none;text-align:justify;font-size:10pt;margin:0;padding:0}
.panel-items li{cursor:pointer;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #1077B1}.panel-items p{margin:0;line-height:1.3em}
.panel-items li.odd,.panel-items li:hover{background:#fbf8f8} .panel-items li:hover img{border:1px solid #86CCD6}
.panel-items li.last{border:none;padding:0;margin:0} .panel-items li:hover a{color:#0075BC}
.img{float:left;margin:0 8px 0 0;padding:3px;border:1px solid #C3C3C3;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.panel-items li h3{margin:0 0 5px 0;font-size:14px;font-weight:bold}
.panel-items li h3 a,.panel-items-index a{color:#444;display:block}
.panel-items li h3 a:hover,.panel-items-index a:hover{color:#F26522}

.panel-items-index{padding:5px 10px 5px;margin:0 0 10px;list-style:none;background:#fff url(../images/bg-right.png) no-repeat right bottom;border:1px solid #DCDCDC;
border-top:none;border-radius:0 0 4px 4px}
.panel-items-index li{padding:1px 0;margin:0;border:none}
.panel-items-index li.item-first{padding:0;margin-bottom:8px} 
.panel-items-index li.item-first a{background:none;padding:0}
.panel-items-index li.item-first h3{margin-bottom:8px;font-size:11pt} 
.panel-items-index li a{background:url(../images/icon-new.png) no-repeat 3px 7px;padding:2px 2px 2px 15px;display:block}

/**  items-other  **/
.title-item-other{margin:25px 0 10px;padding:3px 0 3px 0px;font-size:11pt;color:#686868;font-weight:bold;border-bottom:1px solid #E5E5E5}
.items-other{margin:0;padding:0;list-style:none}
.items-other li a span{color:#444;font-style:italic;padding-left:2px}
.items-other li a{color:#0075BC;background:url(../images/icon-new.png) no-repeat 5px 10px;padding:5px 5px 5px 18px;display:block} 
.items-other li a:hover{color:#FC8801}

/* paging */
ul.paging{float: right; margin:0; padding:0 0 8px; list-style: none;}
ul.paging li{display:inline;margin:0}
ul.paging .hidden{display: none;}
ul.paging .page a, ul.paging .previous a, ul.paging .first a, ul.paging .next a, ul.paging .last a{background:#0075BC;color:#fff; padding:2px 5px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
ul.paging .page a:hover, ul.paging .previous a:hover, ul.paging .first a:hover, ul.paging .next a:hover, ul.paging .last a:hover, ul.paging .selected a{background:#1155CC}

#column-3{float:right;width:200px}
#video-top{text-align:center;padding:5px}
.main-sub{margin:0 0 10px;padding-top:4px;padding-bottom:4px;border:1px solid #DCDCDC;border-top:none;border-radius:0 0 4px 4px}
.main-view-video,.main-border,.main-content{padding:10px 5px 5px 7px;background:#fff url(../images/bg-right.png) no-repeat right bottom;margin:0 0 10px 0;border:1px solid #DCDCDC;border-top:none;border-radius:0 0 4px 4px}
.main-view-video{text-align:center}
.main-content p{line-height:1.6em}

/*Footer*/
#bg-footer{background:#27A2EC url(../images/bg-footer.png) repeat-x top;border-top:1px solid #cbcbcb}
#footer{color:#fff;text-align:center;padding:12px; font-size:14px} #footer a{color:#fff}
#footer a:hover{color:#FC8801} #footer p{margin:0;line-height:1.55em}

/* Error */
.errorSummary{border: 1px solid #f00;padding:2px 0;margin:10px 0 5px 0; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#form-contact .errorSummary ul,.errorSummary ul{margin:0 32px;padding:5px 0; color:red;list-style:disc}
.errorSummary ul li{padding:3px 0}

#form-contact{margin:0 0 10px;padding:5px 10px;background:#fff url(../images/bg-right.png) no-repeat right bottom;border:1px solid #DCDCDC;border-top:none;border-radius:0 0 4px 4px}
#form-contact ul label{color:#5E5E5E;font-weight:700; margin:0;width:130px; float:left}
#form-contact ul{list-style:none;margin:0;padding:0}
#form-contact ul li{padding:4px 0; margin:0}
#form-contact ul input, #form-contact ul textarea{background:url(../images/bg_contact.png) no-repeat left top; margin:0 20px 0 0; padding:3px;width:220px; border:1px solid #ddd;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px}
#form-contact ul textarea{width:300px}
#form-contact ul span{color:#f00;margin:0 5px 0 0}
#form-contact .button-submit{margin:10px 0 5px 30px;background:#0075BC;color:#fff; height:28px;text-align:center; cursor:pointer;width:70px;border:none;font-weight:bold}
#form-contact .button-submit{margin:10px 10px 5px 0}

/** Poll **/
#poll{color:#5E5E5E;padding:5px 8px 10px;margin-bottom:10px;background:#fff url(../images/bg-right.png) no-repeat right bottom;border:1px solid #DCDCDC;border-top:none;border-radius:0 0 4px 4px}
#poll p{margin:0 0 10px; font-weight: bold}
#poll ul{list-style: none; margin:0; padding: 0}
#poll ul li{margin:3px 0}
#poll ul li label{padding-left:5px}
#poll .button-poll{cursor:pointer;margin:5px 0 0 0;padding:0 5px;background:#26150E;border:none;padding:3px 7px;color:#fff;font-weight:bold;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px}

/** Poll Result **/
.poll-title{color:#c00;font-size:140%;font-weight:600;padding:10px 5px 15px 0;margin-top:5px}
#poll-result{width:100%;position:relative;right:1%; margin-bottom: 1em}
#poll-result .bar-title{position:relative;float:left;width:40%;line-height:20px;margin-right:17px;font-weight:bold;text-align:right}
#poll-result .bar-container{position:relative;float:left;width:50%;height:10px;margin:0 0 15px}
#poll-result .bar-container div{background-color:#c40;height:20px; display: block; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#poll-result .bar-container strong{position:absolute;right:-32px;top:0;overflow:hidden}

/* Add to cart */
.form-order{margin:0 0 15px 0;border-radius:0 0 4px 6px;-webkit-border-radius:0 0 4px 6px;-moz-border-radius:0 0 6px 4px}
.form-order thead{background:#1077B1;border-right:1px solid #1077B1}
.form-order thead tr td{font-weight:bold;padding :5px !important; color:#fff;font-size:10pt}
.form-order tbody tr td{border : 1px solid #ddd;}
.form-order tbody tr .pic-order{padding:5px}
.form-order tbody tr input{border:1px solid #ccc}
.form-order tbody tr td a{color:#333;display:block}
.form-order tbody tr td a:hover{color:#0075BC}
.button-order{cursor:pointer; border:none;font-weight:bold;background:#0075BC;padding:5px 7px;color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:0 10px 0 0}
.button-order:hover{color:#fff;background:#0075BC}

/* Ordering */
#ordering .form label{color:#5E5E5E;font-weight:700; margin:0;width:110px; float:left}
#ordering .form{list-style:none;margin:0;padding:0}
#ordering .form li{padding:4px 0; margin:0}
#ordering .form input ,#ordering .form textarea{ margin:0 20px 0 0; padding:3px;width:220px; border:1px solid #ddd;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px}
#ordering .form textarea{width:330px}
#ordering .form span{color:#f00;margin:0 5px 0 0}
#ordering .form .button-submit{margin:5px 0;background:#0075BC;color:#fff; text-align:center; cursor:pointer;border:none;font-weight:bold; padding:5px 30px;border-radius:2px;-moz-border-radius: 2px; -webkit-border-radius:2px; width:auto}