@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: UTMBAYBUOM;
	src: url('UVNBayBuom.ttf');
}
@font-face{
	font-family: vanilla;
	src: url('fonts/vanilla.ttf');
}
@font-face{
	font-family: UTM_HEAVY;
	src: url('UTM Alberta Heavy.ttf'),url('UTM Alberta Heavy.eot'),
	;
}

@font-face{
	font-family: Myriad-pro-light;
	src: url('images/fonts/MyriadPro-Light.otf'),
	url('images/fonts/MyriadPro-Light.eot');
}
@font-face{
	font-family: UTM;	src: url('images/fonts/UTM Bebas.eot');
	src: url('images/fonts/UTM Bebas.eot?#iefix') format('embedded-opentype'),
	url('images/fonts/UTM Bebas.ttf');
}


/*++++++++++DEFAULT+++++++++++*/
*{margin: 0;padding: 0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;background:url(images/bg_body.png) fixed;}
a{color:#000;text-decoration:none;}
a:hover{color:#F00;}
a.active{color:#F00;}
a:active{color:#555;}
img{border:none;}
div.clear{display:block;clear:both;}
#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:4px;right:30px;display:none;cursor:pointer;background-color: #000;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
#loading{width: 32px;height:32px; position:absolute;z-index:1000;}
.loading{float: left;padding: 5%;width: 90%;text-align: center;}
.button {display:inline-block;border:none;background: #000;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#FFFFFF;font-weight: bold !important;padding: 6px 15px;cursor:pointer;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.button:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);color:#FFF;}

div#basic-modal-register{display: none;}
div#basic-modal-login{display: none;}
div#main-content{float: left;width: 550px;}

/*++++++++++LAYOUT+++++++++++*/
div#full{position: relative;margin:auto;height: auto;}
div#wrapper {position: relative;width: 990px; margin:auto;}
div#header {position: relative;width: 100%;height: 178px;margin: 0px auto;text-align: center;}
div#menu {  position: relative;
  width: 1143px;
  height: 76px;
  margin: 0px auto;
  background: url(images/bg_menu.png) no-repeat center top;
  margin-left: -77px;
  background-size: 1133px 85px;}


div#quangcao {float: left;width: 100%;height: 320px;margin-bottom: 10px;}
div#container {position: relative;float: left;width: 100%;}

div#left {float: left;width: 200px;}
div#right {float: right;width: 215px;}
div.sub-left {float: left;width: 100%;margin-bottom: 10px;}

div.title {position: relative;float: left;width:100%;height: 25px;background: url(images/title.png) no-repeat left center;}
div.title:before{content:'';position: absolute;top:-6px;right: 0px;display: block;width: 34px; height: 35px;background: url(images/icon_title.png) no-repeat center center;}
div.title h2{float: left;font-size: 12px;margin-left: 10px;padding-top:6px;text-transform: uppercase;color: #FFF;text-shadow:0px 0px 2px #000;}
div.title a{color: #000;}
div.title a:hover{color: #FF0;text-shadow: 0px 0px 2px #000;}
div.content {float: left;width: 100%;background: #fff;}
div.bottom {float: left;width: 100%;height: 7px;background: url(images/bottom.png) no-repeat center top;}

div#info {position: relative;	float: right;width: 780px;}
div.info {float: left;width: 100%;margin-bottom: 10px;}
div.info-title{position: relative;
  float: left;
  width: 100%;
  height: 40px;
  background: url(images/bg_title.png);
  background-size: 100% 40px;}


div.info-title h2{font-family: vanilla;
  float: left;
  font-size: 24px;
  margin-left: 10px;
  padding-top: 3px;
  color: #FFF;
  text-shadow: 0px 0px 2px #000;}
div.info-title p{float: right;color: #FFF;line-height:47px;font-size:15px;}
div.info-title a{color: #313131;}
div.info-title a:hover{text-decoration: underline;}
div.info-content{float: left;
  width: 100%;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;}
div.info-bottom {float: left;width: 100%;height: 7px;background: url(images/bg_bottom.png) no-repeat center top;}
a.viewAll{display: inline-block;text-align: left;font-weight: bold;cursor: pointer;}
a.hide{display: none;}
div.slide{float: left;width:720px; height: 220px;}
div.sort{float: left; width: 680px;padding: 20px;background: #F2F2F2;}
div.sort h2{font-family: Tahoma;font-size: 16px;color: #555;}
div#footer {width: 100%;height:50px;padding:10px 0px;line-height:1.5em;background: #cb0f1d;color: #fff;}
div#footer-left{float: left;width: 80%;}
div#footer-right{float: right;width: 19%;}

p.author{position: absolute; top:40%;right: 0px;font-weight: bold;}
div.text {float:left;text-align:justify;width: 950px;padding: 10px;line-height: 2em;}
div.text img{max-width: 100%; height: auto !important;}
div.text ul,ol {list-style: inside;}

div#tags{margin-top: 5px;background: #000;padding: 10px;}
div.tags{width: 990px;margin: 0px auto;}
div.tags h2{float: left;font-family: UTM; font-size: 20px;color: #FFF;font-weight: 400;text-decoration: underline;}

/*++++++++++Navigation+++++++++++*/
div.navigation{position: relative;float: left;width: 984px;margin: 0px auto 8px auto;padding: 8px;background: #E1E1E1; border-radius: 5px;}
div.navigation h3{font-family: "Open Sans";font-size: 13px;font-weight:600;color: #000;}

ul#header-nav{float: left;list-style: none;margin-top: 10px;}
ul#header-nav li{position: relative;float: left;padding: 0px 15px;border-left: 1px solid #555}
ul#header-nav li:first-child{border-left: none !important;}
ul#header-nav a{color: #555;line-height: 15px;}
ul#header-nav a:hover, ul#header-nav a.active{color: #f55e07;}

/*++++++++++BASKET+++++++++++*/
div#basket{position:absolute;top:5px;right: 15px;width: 115px;height: 31px;background: url(images/order.png) no-repeat left center;}
div#basket p{color: #f55e07; font-weight: bold;margin-left: 40px;padding-top: 10px;}
div#basket a{color: #f55e07;}div#basket a:hover{color: #000;}
div.box-basket {position:relative;float: left;width: 350px;padding: 10px;}
div.box-basket-img {float: left;width:132px;}
div.box-basket-name{float: right;width:200px;}
div.box-basket-name h2{text-align:left;font-family: "Open Sans"; font-size: 15px;font-weight:600;color:#000;}
div.box-basket-mota{float: right;width:200px; margin-top:5px;text-align:left;line-height:1.5em;}

/*++++++++++Slider+++++++++++*/
div#slider {width: 100%;height: 450px;margin-bottom: 20px;overflow: hidden;margin-top:-10px;  border-bottom: 10px solid #e11120;}
/*++++++++++Sort by+++++++++++*/
div.sortby{position: absolute;top: 10px;right: 0px;}
div.sortby p{float: left;margin-right: 10px;color: #555;line-height: 24px;font-size:12px;}
div.sortby #select_sort{padding:3px;min-width:170px;font-size:12px;color: #555}

/*++++++++++SUB HEADER+++++++++++*/
div#banner{width: 100%;height:170px;}
div#banner img{max-width: 1349px;}
div#banner h1{height: 0px;width: 0px;text-indent: -9999px;}
a#logo{display: inline-block;}

div#hotline{position:absolute;right: 0px; top: 10px;}
div#hotline span:first-child{font-weight: 400;font-size: 18px;font-family: 'Times New Roman';color: #FF0;}
div#hotline span:last-child{font-weight: bold;font-size: 32px;font-family: 'Times New Roman';color: #da0000; font-style: italic;}
div.header-sub{position: absolute;}

div#header-top{width: 100%;}
div.header-center{position: relative;width:1000px;margin: 0px auto;}
div#header-place{position: relative;width: 1000px;margin: 0px auto;padding: 3px 0px;}
div#place{position: relative;float: left;min-width:150px;padding: 4px;border: 1px solid #CCC;border-radius: 3px;height: 16px;background: url(images/pin_map.png) no-repeat 5px -12px; background-size: 12px;}
h5#current-place{cursor: pointer;font-weight: bold;font-size:100%;color: #FFF;padding:0px 25px 20px 20px;background: url(images/arrow_state_grey_expanded.png) no-repeat 98% 1px; background-size: 15px;}
div#place ul{list-style: none;padding: 5px 0px;position: absolute;left: 0px;top:34px;display: none;min-width: 100%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;background: #FFF;z-index:1050;box-shadow: 0px 0px 3px #333;}
div#place ul h6{font-size: 95%;}
div#place ul li{margin:0px 3px;border-top: 1px solid #ccc;}
div#place ul li:first-child{border-top: none;}
div#place ul a{display: block;padding: 5px 0px 5px 20px;background: url(images/pin_map.png) no-repeat 3px 7px; background-size: 12px;}
div#place ul a:hover{color: #FFF;background-color: #373737;background-position: 3px -12px; background-size: 12px;}
div#place span{display: none;position: absolute;top:25px;left: 0px;width:100%;height:15px;background: url(images/arrow_state_grey_expanded_up.png) no-repeat 10% bottom;}




ul.deal-nav li{border-left: 1px solid #ccc;margin-top:3px;}
ul.deal-nav h5{font-family: "Open sans";font-weight: 400;font-size: 14px;}


ul.header-nav-member li{padding-bottom: 15px !important;}
ul.header-nav-member a{font-family: "Open sans";font-weight: 400;font-size: 14px;}

div#header-hotline p{font-family: UTM_HEAVY;font-size:25px;color: #fff000;}
div#header-like{}
div#header-cart a{font-family: UTM;font-size:20px;}
div#header-cart span{color: #FF6100}
div#header-nav-login{position: absolute;top:27px;left: -40px;display: none;width: 200px;padding: 10px;color: #FFF;background: #333;border-radius: 0px 0px 5px 5px;box-shadow: 0px 0px 3px #000;z-index: 999999;}

div#header-middle{width: 100%;background: #02880f;}
div#header-navigation{position: relative;width: 1000px;margin: 0px auto;padding: 5px 0px;}

div#header-search{cursor: pointer;width:20px;height: 20px;bottom: 5px; right: 0px;background: url(images/icon_search.png) no-repeat center center;}
div#header-search span{display: none;position: absolute;z-index:1005;bottom:-21px;left: 4px;width:100%;height:15px;background: url(images/arrow_state_grey_expanded_up.png) no-repeat 10% bottom;}

/*++++++++++SEARCH+++++++++++*/
div#search{position: absolute;top: 6px;right: 6px; width: 195px;height: 25px;background: url(images/bg_search.png) no-repeat top center;}
div#search input{width:165px;height:25px;padding-left: 5px;color: #333;display: inline-block;border: none; outline: none;background: none;}
div#btn{position: absolute;right: 0px;top: 0px;width: 25px;height: 25px;cursor: pointer;}

div#header-bottom{width: 100%;background: #FFF;}



/*++++++++++SUB MANU+++++++++++*/
div.menu-nav{position: absolute;top:5px;left: 3px;width: 223px;height: 32px;}
div.menu-nav h2.allNav{position:absolute;display: block;width:223px;height: 32px;cursor: pointer;font-size: 20px;font-family: UTM;font-weight:400;line-height: 30px;background: url(images/bg_all_nav.png) no-repeat top center;z-index: 1000;}
div.menu-nav h2.allNav a{color: #FFF;display: block;margin-left: 20px;}
div.menu-nav:hover ul#top-nav{display: block;}
/*++++++++++Flexslider+++++++++++*/



/*++++++++++SEARCH+++++++++++*/
div#multi-search{float: left; width: 320px;min-height: 240px;background: #FFF url(images/bg_multi_search.png) repeat-x left center;overflow: hidden;}
div#multi-search .label{font-family: UTM;font-size: 25px;color: #FFF;float: left;margin-left: 28px;margin-right:80px;padding-top:10px;line-height: 30px;}
div#multi-search .label span{color: #000;}
div#multi-search .element-search{width:170px;height:23px;padding-left: 6px;color: #666;border: 1px solid #ccc;}
div#multi-search div#btn{position: relative;display: inline-block;width: 110px;height: 37px;line-height: 35px;font-size: 15px;font-weight: bold;color: #FFF;text-align: center;cursor: pointer;background: url(images/btn.png) no-repeat top center;}



/*++++++++++PAGINATION+++++++++++*/
div.pagination{clear:both;padding:10px;text-align:center; line-height:1.4em;}
div.pagination span{display: inline-block; color: #FF0; width: 21px; padding: 2px 0px;text-align:center;  background-color: #005596; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;}
div.pagination a.paging{display: inline-block; color: #FFF; width: 21px; padding: 2px 0px;text-align:center;  background-color: #5E5E5E; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;cursor: pointer}
div.pagination a.paging:hover{background-color:#005596;}

div#popup{position: fixed;bottom: 0px; right: 0px;width: 250px; height: 250px;z-index: 99999;}
div#icon{height: 25px;background: #666;text-align: right;box-shadow: 0px -1px 5px #000;border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;	-moz-border-radius: 7px 7px 0px 0px;
-o-border-radius: 7px 7px 0px 0px;-ms-border-radius: 7px 7px 0px 0px;}
div#icon a{cursor: pointer;color: #FFF;padding: 0px 8px;}

/*++++++++++TOP NAVIGATION+++++++++++*/
ul#top-nav {position:relative;list-style: none;margin: 0px auto;margin-left:40px;}
ul#top-nav li {  position: relative;
  float: left;
  padding: 0px 1px 5px 0px;
  background: url(images/line.png) no-repeat left 30px;}
ul#top-nav a {  position: relative;
  display: block;
  padding: 16px 17px;
  font-weight: bold;
  color: #ffffff;
  font-family: vanilla;
  font-size: 24px;}
ul#top-nav li:hover a, ul#top-nav li.menu a {color: yellow;}

ul#top-nav ul{position: absolute;list-style: none;width: 200px;display: none ;top: 66px;left: -5px;z-index: 1000;box-shadow: 0px 0px 2px #333;text-align: left;}
ul#top-nav ul ul{position: absolute;display: none;width: 200px;top: 0px;left: 200px;z-index: 1002;}
ul#top-nav ul li{width: 185px;background: rgba(53,102,184,0.7);border-bottom: 1px solid #ccc;padding: 3px 15px 3px 0px !important;}
ul#top-nav ul li.exist_items{background: #0879c0 url(images/right.gif) no-repeat 98% 10px;}
ul#top-nav ul li:last-child{border-bottom: none;}
ul#top-nav ul ul li{width: 185px;border-left: 1px solid #FFF;border-bottom: 1px solid #ccc;}
ul#top-nav ul li a{color: #FFF !important;padding: 5px 10px; background: none !important;box-shadow: none !important;border-radius: none !important;border: none !important;}
ul#top-nav ul li a:hover{color: #F00 !important;}
ul#top-nav ul li:hover ul li a{color: #FFF !important;}
ul#top-nav ul li:hover ul li a:hover{color: #F00 !important;}
ul#top-nav li:hover ul ul, ul#top-nav li ul li:hover ul ul{display: none;}
ul#top-nav li:hover ul, ul#top-nav li ul li:hover ul{display: block;}


/*++++++++++COMPARE+++++++++++*/
div.compare-category{float: left;width:100%;}
div.compare-category h2{float: left;font-family: UTM; font-size: 20px;font-weight: 400;margin-left: 50px;margin-top:20px;}
div.compare-device{float: left;width:100%;margin-top: 20px;}
div.compare-buttons{float: left;width:120px;padding: 60px;}
div.compare{float: right;width:530px;}
div.compare-button{margin-bottom: 10px; font-family: UTM;font-size: 17px;font-weight: 400;cursor:pointer;width:120px;height:28px;line-height:25px;border: 1px solid #c53727;border-radius: 3px;color: #FFF;text-align: center;background: #2b2b2b; background: -webkit-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -moz-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -ms-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -o-linear-gradient(top, #2b2b2b 50%, #000 50%);}
div.compare-button:hover{box-shadow: 0px 0px 5px #c53727;}
div.compare-search{float:left;position: relative; width: 100%;height: 40px;margin-top: 20px;background: #CCCCCC url(images/bg_search.png) no-repeat left center;border: 1px solid #e5e4e4;overflow: hidden;}
div.compare-search .label{font-family: UTM;font-size: 23px;color: #FFF;float: left;margin-left: 28px;margin-right:110px;padding-top:5px;line-height: 30px;}
div.compare-search .label span{color: #000;}
div.compare-search .element-search{float: left;width:170px;height:23px;padding-left: 6px;margin: 8px 5px;color: #999;border: 1px solid #ccc;}
div#compare-btn{position: absolute;right: 20px;top: 7px;width: 92px;height: 26px;cursor: pointer;background: url(images/btn.png) no-repeat top center;}
div.compare-search-result{float: left;width:100%;}




/*++++++++++LEFT NAVIGATION+++++++++++*/
dl {width: 190px;margin: 5px;}
dt {background: url(images/bg_left_li.png) no-repeat left top;margin-bottom: 1px;}
dt:last-child{border-bottom: none !important;}
dt a {color: #FFF;text-shadow: 0px 0px 2px #000;display: block;font-weight: bold;padding:6px;text-transform: uppercase;}
dt a:hover {color: #FF0;}
dt.active_ a{color: #FF0;}
ul.left-nav {list-style: none;margin:5px 0px;}
ul.left-nav li {border-top: 1px dotted #ccc;}
ul.left-nav li:first-child{border-top:none;}
ul.left-nav li a {display: block;color: #0054c7;padding: 5px 0px 5px 15px;font-weight: bold;background: url(images/arrow.png) no-repeat 7px 9px;}
ul.left-nav li a:hover,ul.left-nav li a.active {color: #F00;}

p#hotline{color: #F00;font-weight: bold;font-size: 17px;text-align: center;padding: 80px 10px 33px 80px;background: url(images/hotline.png) no-repeat 2px 2px;}
ul.support{list-style: none;margin:5px 5px 0px;}
ul.support li{margin-bottom: 5px;padding: 7px;}
ul.support li p{font-weight: bold;}

div#video{float: left; width: 190px;margin: 5px;}
select#listVideo{width: 190px;margin-left: 5px;margin-bottom: 5px;padding: 2px;}
div#pics{float: left; width: 190px;height: 160px;margin: 5px;}
/*++++++++++RIGHT NAVIGATION+++++++++++*/
div#tabs-news{margin-top: 5px;}
ul.right-news{list-style: none;}
ul.right-news li{padding: 5px 0px;border-top: 1px solid #ccc;}
ul.right-news li:first-child{border-top: none !important;}

ul.cat-nav{list-style: none;}
ul.cat-nav li{padding: 5px 0px;border-top: 1px dotted #ccc;}
li#first-cat-nav{border-top: none;}
ul.cat-nav li a{display: block;padding-left: 20px;background: url(images/icon.gif) no-repeat 8px 4px;}

/*++++++++++PRODUCT+++++++++++*/
div#box-sp-slide{width: 645px;height:410px;}
div#box-sp-slide div.box-sp-img img{width: 645px; height: auto;margin-top: -167.5px}
div#box-sp-slide div.box-sp-time{padding: 2%;}

div.box-sp {float: left;width: 233px;margin: 20px 0px 20px 70px;}
div.box-sp-img {float: left;width:223px;padding: 4px;text-align: center;border: 1px solid #ebebc3;}
div.box-sp-img:hover{border: 1px solid #FF0000}
div.box-sp-img img{width: 223px;height: auto;}
div.box-sp-shadow{float: left;width: 100%;height: 6px;background: url(images/bg_sp_shadow.png) no-repeat top center;	}
div.box-sp-name {float: left;width:100%;padding: 5px 0px;}
div.box-sp-name h3{font-weight:bold;font-size: 13px;text-align: center;}
div.box-sp-name a{color: #3e5cc1}div.box-sp-name a:hover{color: #F00}

div.box-sp-price{float: left;width:100%;text-align: center;font-weight: bold;}

div.box-sp-price p.old-price{margin-left: 10px;color:#666;text-decoration:line-through;line-height: 30px;letter-spacing: -1px;}
div.box-sp-price p.special-price{color: #f55e07;font-size:14px;line-height: 30px;letter-spacing: -1px;}
div.box-sp-price p.save-price{display: inline-block;padding: 0px 10px;margin: 0px auto;font-family: UTM;font-weight: 400;color:#FFF; font-size: 20px;background: url(images/bg_save_price.png) repeat-x top center;}
div.box-sp-price span{color: #ff6600;}

div.box-sp-price p.cost{float:left;width:60%;color: #052b33;text-align: left;}
div.box-sp-price p.cost span{font-size:13px;color: #F00;letter-spacing: -1px;}
div.box-sp-price p.detail{float:right;width: 52px; height: 21px;text-align: center; }
div.box-sp-price p.detail a{display: block;
  width: 52px;
  height: 21px;
  line-height: 21px;
  font-weight: bold;
  background: red;
  color: #ffffff;
  border-radius: 5px;}


div.box-sp-mota{position: absolute;padding: 10px;width: 220px;display: none;visibility: hidden;background: #FFC;z-index: 1000;border: 2px solid #FC6;}
div.box-sp-hide{display: none;}
div.box-sp-show{display: block;}
div.box-sp-compare{position: absolute;top:0px;left: 0px;width: 148px;height:231px;display: none;background: rgba(0,0,0,0.5);z-index: 100;border-radius: 5px;}
div.box-sp-compare a{position: absolute;cursor: pointer;top: 80px;left: 53px;display: block;width: 40px;color: #FFF;text-align: center;line-height: 40px;font-size: 40px;background: #FF5900;z-index: 1000;}
div.box-sp-compare-added{visibility: hidden;}

div.box-sp-time{position: absolute;top:0px;left: 0px;padding: 3% 3%;width: 95%;display: none;background: rgba(0,0,0,0.8);}
div.box-sp-time p.note-count-down{float: right;font-weight: bold;color:#FFF;padding-left: 20px;background: url(images/time.png) no-repeat left center;}
div.box-sp-time p.bought{float: left;font-weight: bold;color:#FFF;}

div.box-sp-line{float: left; height:280px;border-left: 1px dotted #999;margin-left: -30px;margin-top: 45px;}

div#wrap-view{float: left;width: 100%;height: 3px;margin-top: 35px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;}
div#wrap-view a.viewAll{display: inline-block;color: #FFF;margin-top: -15px;border: 1px solid #FFF;border-radius: 4px;padding: 7px 15px;text-transform: uppercase;background: url(images/bg_viewAll.png) repeat-x left center;}
div#wrap-view a.viewAll:hover{color: #000;}
div#search-color img{cursor: pointer;border: 1px solid #f2f2f2}
div#search-color img.select-color{border: 1px solid #555;}

/*++++++++++JS ZOOM PRODUCT+++++++++++*/
div.jszoom-product{float: left;width:300px;}
div.thumb ul{position: relative;list-style: none;}
div.thumb ul li{position: absolute;z-index: 0;width: 300px;display: none;}
div.thumb ul li.active{z-index: 10;display: block;}
div.product-detail{float: left;width:400px;margin-top: 10px;line-height: 2em;list-style: inside;color: #000;}
div.product-detail img{max-width: 470px;}
div#product-detail img{max-width: 635px; height: auto !important;}
div.product-detail h3{font-family: "Open Sans"; font-weight: 400; letter-spacing:-1px;font-size: 27px; line-height:45px;}


div.product-description{float:right;width:635px;line-height:2em;}
div.product-description h2{font-family: "Open Sans"; font-weight: 600; font-style: italic; font-size: 20px;text-shadow: 1px 1px 0px rgba(0,0,0,0.5);}
div.product-description p.line{border-bottom:1px solid #CCC;margin:10px 0px;}
div.product-description p.old-price{font-weight: 400;color:#FFF;font-size:14px;text-decoration: line-through;}
div.product-description p.special-price{font-weight: 400;color: #FF0;font-size:20px;letter-spacing: -1px;}
div.product-description p.save-price{font-weight: 400;color:#5E5E5E; font-size: 17px;padding:5px 0px;}

div.product-description div.box-sp{width: 135px;border: none;padding: 0px}
div.product-description div.box-sp-img {width: 135px;margin-top:0px;}
div.product-description div.box-sp-name {width:100%;margin:0px;height:32px;}
div.product-description div.box-sp-name h3{padding: 0px 5px;line-height: 1.5em;}
div.product-description div.box-sp-price {width:100%;margin:0px;}
div.product-description div.box-sp-price p{float: none;text-align: center;}

div.product-description-content{float:right;width: 100%;}
div.product-description-content div.title{position: relative;background: none;}
div.product-description-content div.title h2{margin-left: 0px;font-family: "Open Sans"; font-size: 15px;font-weight:600;text-align: left; text-transform: none;}
div.product-description-content div.content{width:100%;border: none;background: none;margin-bottom: 10px;}
div.product-description-content div.content p{float: left;width: 150px;margin-right: 10px;font-size: 13px;}
div.product-description-content div.content b{font-weight: bold;font-size: 13px;}
div.product-description-content p#color-name{position: absolute;top:10px;left:0px;width:100%;text-align: center;color: #000}

div.product-description-content p.bought{line-height: 12px;border: 1px solid #c6e59f;border-radius: 5px; float: left;padding: 7px 5px 7px 40px;background: #e2f2cf url(images/check.png) no-repeat 10px center; color: #70bd0f}
div.product-description-content p.note-count-down{margin-left: 30px;line-height: 18px;border: 1px solid #ccc;border-radius: 5px; float: left;padding: 10px 20px 10px 40px;font-family:"Open sans";font-weight: 400;font-size: 17px; background: url(images/clock.png) no-repeat 10px center;background-size: 25px;}
div.product-description-content p.gsp{float: left;margin-left: 30px;text-transform: uppercase; background: url(images/gsp2.png) no-repeat 10px center; font-weight: bold;padding: 7px 20px 7px 40px;border-radius: 5px; border: 1px solid #ccc;}
div.product-description-content p.gv{float: left;margin-left: 30px;text-transform: uppercase; background: url(images/gv2.png) no-repeat 10px center; font-weight: bold;padding: 7px 20px 7px 40px;border-radius: 5px; border: 1px solid #ccc;}

div#color img{cursor: pointer;border: 1px solid #FFF}
div#color img.color-first{border: 1px solid #FF9900;}
div#size span{float: left;width:40px;background: #FFF; margin:3.5px;border: 1px solid #CCC;cursor: pointer}
div#size span.product-size{border: 1px solid #FF9900;}

div.quantity{float: left;width:100%;margin-top:10px;margin-bottom:20px;}
div.quantity p{float: left;margin-right: 10px;font-weight: 600;color: #000;font-family: "Open Sans"; font-size: 15px;}
div.quantity #input_quantity{padding:3px;width:30px;font-size:11px;color: #555;text-align: center}

#add_to_basket{cursor: pointer;float: left;margin-top:6px;margin-right: 3px;letter-spacing: -1px; background: #990004; padding: 6px 17px; font-size: 16px;font-weight: 700; color: #000; border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
/*++++++++++TABS PRODUCT+++++++++++*/
div#tabs{float: left;width: 100%;margin-top:20px;}
ul#tabs-nav{float: left;list-style:none;}
ul#tabs-nav li{float: left;margin-right: 2px;}
ul#tabs-nav li h3{font-size:12px;}
ul#tabs-nav a{display: block;padding: 8px 20px;background: #F5F5F5;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;}
ul#tabs-nav a.active{position:relative;z-index:15;background: #FFF;color:#000;border:none;border-top:3px solid #5E5E5E;box-shadow: 0px -3px 5px #ccc;-moz-box-shadow: 0px -3px 5px #ccc;-ms-box-shadow: 0px -3px 5px #ccc;-o-box-shadow: 0px -3px 5px #ccc;-webkit-box-shadow: 0px -3px 5px #ccc;}
ul#tabs-nav a:hover{color: #000;}
div.content-detail{margin-top:-2px;margin-bottom:20px;position:relative;z-index:10;border-radius:0px 5px 5px 5px;-moz-border-radius:0px 5px 5px 5px;-ms-border-radius:0px 5px 5px 5px;-o-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;box-shadow: 0px 0px 5px #ccc;-moz-box-shadow: 0px 0px 5px #ccc;-ms-box-shadow: 0px 0px 5px #ccc;-o-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;background:#FFF;}

/*++++++++++NEWS+++++++++++*/
div.box-news {float: left;width: 100%;padding-bottom: 10px; padding-top:10px; border-top:1px dotted #ccc;}
div.box-news:first-child{border-top: none !important; padding-top: 0px !important;}
div.box-news-img {float: left;width: 180px;height: auto;padding: 4px;border: 1px solid #ebebc3;}
div.box-news-img:hover{border: 1px solid #ff0000}
div.box-news-img img{width: 180px;height: 150px;}
div.box-news-name {float: right;width: 750px;margin-bottom: 5px;}
div.box-news-name h3{font-weight: bold;font-size: 13px;}


div.box-news-mota {float: right;width: 750px;text-align:justify;line-height: 1.5em;}
div.box-news-readmore {float: right;width: 750px;text-align: right; margin-top:5px;}
div.box-news-readmore a {padding: 5px 22px;font-style: italic;font-size: 11px; text-shadow: 0px 0px 1px rgba(0,0,0,0.5);display: inline-block;font-weight: bold;background: url(images/bg_readmore.png) no-repeat center center}
div.box-news-readmore a:hover{}

div#box-news-first {border-top: none !important;}

div#box-author{border-top: none; padding: 0px;}

/*++++++++++FORM+++++++++++*/

/*++++++++++BOTTOM NAVIGATION+++++++++++*/
ul#bottom-nav{list-style: none;text-align: center;}
ul#bottom-nav li{display: inline-block;}
ul#bottom-nav li a{font-weight: bold;padding:0px 10px;text-transform: uppercase;font-size: 12px;border-left: 1px solid #FFF;text-shadow: 0px 0px 2px #000}

li#first-bottom-nav a{ border-left: none !important; padding-left: 0px !important;}

/*++++++++++POPUP+++++++++++*/
div#popup{position: fixed;bottom: 0px; right: 0px;width: 250px; height: 250px;z-index: 1000;}
div#icon{height: 25px;background: #666;text-align: right;box-shadow: 0px -1px 5px #000;border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;	-moz-border-radius: 7px 7px 0px 0px;-o-border-radius: 7px 7px 0px 0px;-ms-border-radius: 7px 7px 0px 0px;}
div#icon a{cursor: pointer;color: #FFF;padding: 0px 8px;}

/*++++++++++OTHER+++++++++++*/
div#online{padding: 20px 10px 15px;height: 36px;background: url(images/online.png) no-repeat 10px;}
div#online p{margin-left: 43px;}
div#online b{font-weight: bold;color: #F00;}

.tablelienhe span {color:#F00;}
.tablelienhe td {height:30px;}
.tablelienhe .input {azimuth:center;width:300px;height: 26px;border: 1px solid #ccc}
.tablelienhe .title {font-size:14px;font-weight:bold;text-transform:uppercase}

/* ---- table layout ---- */
.blue_table, .blue_table td {border:1px solid #ccc; padding:2px;margin: 5px auto;clear:both;font-size:11px;font-family:"Tahoma", Arial;color: #333333;border-collapse:collapse;line-height:1.5em;outline:none;}
.blue_table td {width: 25%;background-color:#e2e2e2;}
.blue_table th {font-weight:bold;text-align: left; color:#333; background-color:#ccc; font-family:Tahoma; font-size:12px; border:1px solid #D5EAFF; padding:2px 5px;}
.blue_table th a:link, .blue_table th a:visited, .blue_table th a:hover, .blue_table th a:active {font-weight:bold;color:#fff;font-family:Tahoma;font-size:11px;}


div.service{width:100%;margin: 10px auto;}
div.category{float: left;width: 220px;padding:10px; }
div.category-title{float: left;padding-bottom:5px;border-bottom: 1px solid #ccc;}
div.category-title h3{font-size: 12px;font-weight: bold;color: #FFF;text-transform: uppercase;}
div.category-content{float: left;width: 100%;color: #FFF;line-height: 1.5em;}
div.category-content h3{font-family:UTM;font-size: 20px;line-height: 30px;font-weight: 400;color: #ffb400;text-transform: uppercase;}
div.category ul{margin-left: 10px;}
div.category ul li{list-style: circle inside;padding: 5px 0px;}
div.category ul li a{color: #FFF;font-weight: bold;}
div.category ul li a:hover{text-decoration: underline;}

div#footer-social{width: 100%;background: #222;padding: 20px 0px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
div#footer-social h3{float: left;font-size: 30px;color: #FFF;font-family: UTM;font-weight: 400;}
div#footer-social p{float: left;margin-left: 30px;padding-top: 7px;}
div#footer-social h2{float: right;font-size: 28px;color: #FFF;font-family: UTM;font-weight: 400;}
div#footer-social h2 a{display: block;padding: 5px 20px;background: #02880f; border-radius: 5px;color: #FFF;}
div#footer-social h2 a:hover{color: #ffb400;}

div#newsletter{position: relative;float: left;width: 498px;height: 50px;background: url(images/bg_newsletter.png) no-repeat top center;}
input#email_newsletter, input#name_newsletter{width:166px;padding-left: 8px;height: 22px;border:1px solid #CCC;box-shadow:0px 0px 2px #CCC}
a#send_email_newsletter{display: inline-block;cursor: pointer;}
div.thongtin{float: left;width: 300px; margin:16px;}
div.thongtin-title{width: 100%;}
div.thongtin-title h2{font-size: 13px; text-transform: uppercase;}
div.thongtin-content{width: 100%;}

/*======================CSS3================*/
.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
#tkee{
	
	}

.logo {
   display: inline-block;
  position: relative;
  margin-top: -170px;
  margin-left: -825px;
}
img.logo_li {
  margin-top: -130px;
  position: absolute;
  z-index:999;
}
span.info_slide_dots {
  position: absolute;
  top: 413px;
  right: 0px !important;
  left: inherit !important;
}
.box_skitter .info_slide_dots .image_number{
  background:#ffffff !important;
}
.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover{
  background:#ff6260 !important;
}

.info_content {
  background: url(images/bg_sp.png) no-repeat;
  height: 580px;
  width: 486px;
  display: inline-block;
  float: left;
}
.title_content h2 {
    font-family: vanilla;
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  padding-top: 66px;
  font-weight: normal;
}
.main_content {
  width: 329px;
  margin-left: 80px;
  margin-top: 40px;
  height: 400px;
}
.content1 {
  margin-right: 18px;
}
img.img_sanpham {
  width: 100%;
  margin-bottom: 20px;
}
.lienhe_add{
background:url(images/diachi.png) no-repeat;
padding-left:30px;  height: 30px;margin-bottom:10px;
}
.lienhe_dienthoai{background:url(images/dienthoai.png) no-repeat;padding-left:30px;  height: 30px;}
.lienhe_email{background:url(images/email.png) no-repeat;padding-left:30px;  height: 30px;}
.lienhe_website{background:url(images/website.png) no-repeat;padding-left:30px;  height: 30px;}
.lienhe_diadiem{background:url(images/diadiem.png) no-repeat;padding-left:30px;  height: 30px;margin-bottom:30px;}
.content_foot {
  width: 1000px;
  margin: auto;
}
.left_foot {
  display: inline-block;
  float: left;
  margin-top:25px;
}
.right_foot {
  display: inline-block;
  float: right;
}
.right_foot img {
  margin-right: 10px;
}
.before_footer{
  background:url(images/bg_footer.png) repeat-x;
  height:10px;
  margin-top:30px;
}
.right_social {
  width: 50px;
  position: fixed;
  top: 5px;
  right: 5px;
}
.right_social img {
  margin-bottom: 10px;
}
#map_canvas{
  width:100%;
  height:500px;
  margin-left:10px;
}
.map_title{
  text-align: center;
  color:red;
  font-size:15px;
  font-weight:bold;
}
.map_address{
  text-align: center;
}
.map_dienthoai{
  color:red;
  text-align: center;
  font-weight:bold;
}
.sp_gia {
  font-size: 15px;
  color: red;
}
.sp_ten {
  font-size: 15px;
}
#tipDiv{border:none !important;background-color:#ffffff !important;padding:0px !important;}
#tipDiv td {
  box-shadow: 0px 0px 10px #000;
}.hotline_top {
    font-size: 24px;
  margin-top: -25px;
  margin-left: 755px;
  font-weight: bold;
}.hotline_top span{color:red;}
.main_content.map .map_description{
  width:170px !important;
}