#vnt-navation.have-filter .navation { line-height:30px; }
.div-filter { margin-left:20px;}
.div-filter ul.filter {list-style:none; position:relative;width: 100%;}
.div-filter .filter>li { float:right ; margin-left:10px; position:relative; padding:0px 5px; line-height:30px;   }
.div-filter .filter>li>a { display:block ; color:#333333;  text-decoration:none;}

.div-filter .filter .li-status { }
.div-filter .filter .li-status .text-status {  
    color:#fff;
    font-weight:bold;
    padding:5px 10px;
    line-height:20px;
    background:#c9239d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position:relative;
    display:inline-block;	
    margin-right:15px;	
}
.div-filter .filter .li-status .status-input { display:inline-block; background:url(../images/radio-uncheck.gif) center no-repeat; width:24px; height:24px; vertical-align:middle;}
.div-filter .filter .li-status.checked .status-input { background-image:url(../images/radio-check.gif);}
.div-filter .filter .li-status .text-status::after {
    position:absolute;
    right:-5px;
    font-family: FontAwesome;  
    content: "\f04b";
    font-size:20px;
    top:5px;
    width:10px;
}
.div-filter .filter .li-status .text-status.status1 {  	background:#c9239d;	}
.div-filter .filter .li-status .text-status.status1::after { color:#c9239d;}
.div-filter .filter .li-status .text-status.status2 {  	background:#eca20c;	}
.div-filter .filter .li-status .text-status.status2::after { color:#eca20c;}


.div-filter .filter > li.text { color:#666666; }

.div-filter .filter>li>a.active { font-weight:bold; color:#ed1b24}
.div-filter .dropdown.hover {border: 1px solid #62337D; border-bottom:none; -webkit-box-shadow:3px 3px 1px rgba(0,0,0,0.04);-moz-box-shadow:3px 3px 1px rgba(0,0,0,0.04);box-shadow:3px 3px 1px rgba(0,0,0,0.04);}
.div-filter .dropdown>a { padding-right:10px; background:url(../images/filter_arrow.png) right no-repeat}

.div-filter	.num-promotion { background:#e8151e; padding:0px 10px; display:inline-block ; color:#fff;}	
.div-filter	input[type="radio"], .div-filter input[type="checkbox"] {
    line-height: normal;
    margin: 0;
}
.div-filter .filter>li.dropdown{
    background: #DDDDDD;
    border-radius: 5px;
}
.div-sort .dropdown {  position:relative; padding:0px 10px; }
.div-sort .dropdown>a { display:block ; color:#333333;  text-decoration:none;  line-height:30px;   padding-right:15px; background:url(../images/filter_arrow.png) right no-repeat }

.dropfilter {		 
    display:none;
    position:absolute;
    top:100%; 
    background:#fff;	
    z-index:9000;
    min-width:200px;
    left:-1px;
    padding-top:10px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #dddddd; 


    -webkit-box-shadow:3px 3px 1px rgba(0,0,0,0.04);-moz-box-shadow:3px 3px 1px rgba(0,0,0,0.04); box-shadow:3px 3px 1px rgba(0,0,0,0.04);
}
.div-sort .dropdown .dropfilter {left:auto; right:-1px;}
.dropfilter ul {list-style:none;}
.dropfilter li { padding:0px; position: relative;}
.dropfilter li a {padding:2px 0px;  display:block ; color:#333333; text-decoration:none; line-height:25px; padding-left:25px;  }
.dropfilter li a:hover { background:#DDDDDD;}
.dropfilter li a.checked {background:#DDDDDD; color:#ed1b24;}
.dropfilter li .checked:before{content:'√';float:left;font-weight:700;font-size:16px;margin-left:-17px;color:#888}





.List_Product_small {}
.List_Product_small ul.listproduct {
    list-style:none;	
}
.List_Product_small .item-pro  {
    float:left;
    width:185px;
    height:240px;
    overflow:hidden;
    border:1px solid #dddddd;
    margin-right:6px;
    margin-top:7px;
    margin-bottom:8px;
}
.List_Product_small .item-pro.double-col {
    width:375px;	
}

.List_Product_small .item-view .item-pro:last-child {
    margin-right:0px;	
}

.List_Product_small .item-pro .box-item {
    padding:10px;	
    position:relative;	
}
.List_Product_small .item-pro .box-item a {  display:table-cell; vertical-align: bottom; }
.List_Product_small .item-pro .box-item .item-wrap { width:175px; height:220px; display:table-cell; vertical-align: bottom;   }
.List_Product_small .item-pro.double-col .box-item .item-wrap { width:375px;}
.List_Product_small .item-pro .div-img {
    text-align:center;
    position:absolute;
    top:10px;
    left:0;
    width:100%;
}
.List_Product_small .item-pro .div-img img { max-width:150px; max-height:150px;}
.List_Product_small .item-pro .div-img .floatImgPro { position:absolute; z-index:1 ; top:-10px; right:0px;}
.List_Product_small .item-pro.double-col .div-img img { max-width:375px; max-height:150px;}
.List_Product_small .item-pro .pro-price {
    color:#d21e1e;
    text-align:center;
}
.List_Product_small .item-pro .pro-name {
    padding:2px 0px;
    color:#333333;
    font-weight:normal;
    text-align:center;
}


.List_Product_small .item-pro .div-info
{
    display:block;
    overflow:hidden;
    -ms-opacity:0;
    opacity:0;
    background:#222;
    *background:#222;
    background:rgba(0,0,0,0);
    height:170px;
    width:185px;
    padding:5px;
    font-size:12px;
    color:#fff;
    line-height:16px;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0)
}
.List_Product_small .item-pro a:hover .div-info
{
    background:rgba(0,0,0,.85);
    -ms-opacity:1;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -khtml-opacity:1
}

.List_Product_small .item-pro .div-info span
{
    text-align:left;
    color:#fff;
    font-size:11px;
    display:block;
    padding:2px 6px;	
}

.List_Product_small .item-pro.double-col  .div-info{
    width:375px;	
}

.List_Product_small .noProduct { padding:20px; text-align:center; color:#ff0000; }




.block-best-view {}
.block-best-view .best-view-title {
    color:#999999;
    font-size:14px;
    font-weight:bold;
    line-height:22px;
    margin-bottom:10px;	
}
.block-best-view ul {list-style:none;}
.block-best-view li {
    float:left;
    width:20%;
    padding:3px 0px;	
    padding-right:20px;
}
.block-best-view li a { color:#2292b3; display:block; font-weight:bold;}









/********************************************* DETAIL **************************************************************/	
.product-detail {  }
.product-detail .block-info  { margin-bottom:20px; }
.product-detail .infoL {		width:360px;		} 
.product-detail	.infoR {		width:750px;		} 
.product-detail .divImage {	height:460px; border:1px solid #cccccc;  padding:5px; }	
.product-detail .divImage.have-thumb { height:450px;  }
.product-detail .picDetail {position:relative; }
.product-detail .img_detail { margin:0px auto; width:360px; height:360px;   }
.img_detail .etalage { height:350px !important;}
.img_detail .etalage_small_thumbs { top:380px !important; }


.product-detail .p_name {
    color:#d12040;
    font-size:20px;
    line-height:28px;
    margin-bottom:10px;
}

.nav-tools { margin-bottom:10px;float: right;}
.nav-tools .div-color { line-height:20px;}
.div-color ul {list-style:none ; overflow:hidden;}
.div-color li { float:left ; margin-right:10px;}
.div-color li .color-item { display:inline-block; border:1px solid #ccc; width:20px; height:20px;   }

.nav-tools .social-sharing { }

.box-promotion {
    background:url(../images/box-promotion-bottom.gif) bottom center no-repeat;		
    margin-top:20px;
    margin-bottom:20px;
    width:750px;	
}
.box-promotion .box-promotion-wrapper {
    background:url(../images/box-promotion-top.gif) top center no-repeat;		
    min-height:200px;
    width:750px;
    padding-bottom:5px;
    position:relative;	
}
.box-promotion .pic-promotion {
    position:absolute;
    width:240px;
    height:220px;
    left:-5px;
    top:-15px;	
}

.box-promotion .promotion-text {
    padding-top:70px;
    padding-left:250px;	
    padding-right:10px;
    min-height:190px;
}
.box-promotion .promotion-text ul {list-style:none}
.box-promotion .promotion-text li {position:relative ;padding:2px 0px; padding-left:15px; }
.box-promotion .promotion-text li:after {
    position:absolute; 
    left:-5px;
    color:#d64862;
    font-family: FontAwesome;  
    content: "\f00c";
    font-size:12px;
    top:0px;
    width:10px;
}


.div-price-support {}
.div-price-support .box-price  {
    width:300px;
}

.box-price .row-info { overflow:hidden; height:35px;  }
.box-price .row-info .row0 {
    width:30%;	
    padding-right:10px;
    line-height:30px;
}
.box-price .row-info .row1 {
    width:70%;	
    position:relative;
    padding-left:20px;
    line-height:30px;
}

.box-price .row-info .row1:before { 
    content: ":";
    position:absolute;
    left:0px;
    font-size:14px; 
    color:#333;
}
.box-price .row-info .price { color:#2292b3; font-size:18px;  }
.box-price .row-info .price_tragop { color:#d12040; font-size:18px; }

.box-price .div-button { padding:10px 0px;}
.box-price .div-button .btn { }
.div-price-support .pro-support { position:relative; padding-left:20px;    max-width: calc(100% - 350px);}
.div-price-support .pro-support::before { 
    content: "";
    position:absolute;
    left:0px;
    top:10%;
    border-left:1px solid #dfdfdf; 
    width:5px;
    height:80%;
}
.div-price-support .pro-support p { padding:2px 0px;}
.div-price-support .pro-support hr { margin:5px 0px;}



.fDetail { color:#d12040; font-size:16px; line-height:24px; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}


/*block-tragop*/
.block-tragop { margin-bottom:20px;}
.tragop-title { 
    font-size:16px;
    color:#d12040;
    font-weight:bold;
    text-transform:uppercase;
    padding-bottom:5px;
    margin-bottom:10px;
    border-bottom:1px solid #dddddd;	
}
.tragop-step { margin-bottom:10px;}
.tragop-step .box-step { 	}
.tragop-step .box-step .step-title {
    height:30px;
    background:url(../images/step-title.gif) #00A651 left no-repeat;	

    text-align:center;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    line-height:30px;
}
.tragop-step .box-step .step-content {
    border:1px solid #dddddd;	
    border-top:none;
    padding:10px;
    text-align:center;
}

.tragop-choose { 
    margin-bottom:10px;
/*     display: table; */
    width: 100%;
}
.tragop-choose .label {
    width:170px;
    font-weight:bold;	
}
.tragop-choose .info-choose {
    //width:945px;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-top: 0px;
/*     display: table; */
    width: 100%;
}
.tragop-choose .info-choose .item-choose {
    display:block;
    padding:5px 10px;
    line-height:20px;
    background:#eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    cursor:pointer;
}
.tragop-choose .info-choose .item-choose.special{
    background:#126FBF;
	color:#FFF;
	font-weight:bold;
}

.tragop-choose .info-choose .item-choose.checked { background:#F37021; color:#fff;}
.tragop-choose .info-choose input { margin-top:2px; margin-right:2px; }


ul.table {list-style:none ; display:table; width:100%;  border-top:1px solid #ccc;}
ul.table > li { display:table-row;}
ul.table > li > div { 
    display: table-cell; 		
    padding: 5px 10px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
}

ul.table > li > div:last-child { border-right:1px solid #ccc;}
ul.table > li > div.tbl-th {
    background:#f3f3f3; 
    font-weight:bold;
    width:260px;
    vertical-align:middle;	
}
ul.table > li > div.center { text-align:center;}
ul.table > li .title { color:#d12040; font-weight:bold;}
ul.table > li .div-btn { padding:5px 0px;}
.btnTraGop {
    background:url(../images/btnTraGop.gif) 0px 0px no-repeat ;
    width:184px;
    height:40px;
    color:#fff;
    border:none;	
}
.btnTraGop span {
    display:block;
    padding-left:45px;
    color:#fff;
    font-size:12px;
    text-align:left;
    line-height:18px;
}
.btnTraGop span b { text-transform:uppercase; font-size:14px;}
.btnTraGop:hover {
    background-position:0px -40px;	
}





.block-option-video { margin-bottom:20px;}
.box-option {
    width:calc(100% - 375px);
    padding-right:20px;	
}



/*--------- tblOption -------*/
#tblOption {
    margin-bottom:10px;

}
#tblOption .title_cat { 

    background:url(../images/cat_hr.gif) bottom no-repeat;
    margin-bottom:5px;

}
#tblOption .title_cat h3{

    background:url(../images/title_cat.gif) #1B8EAD right no-repeat;
    padding:2px 10px;
    color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
}
#tblOption .op_title {
    clear:both;
    display:block;
    color:#a00005;
    background:url(../images/arr_option.gif) #f7f7f7 5px 10px no-repeat;
    font-weight:bold;
    padding:5px;
    line-height:18px;
    border-top:none; 
    border-bottom:1px solid #d7d7d7 ;
    padding-left:20px;


}
#tblOption .op { 
    line-height:18px; 
    width:100%; 
    border-bottom:1px solid #dddddd;
    overflow:hidden;
}

#tblOption .op.shortcut:nth-child(2n) {
    background:#f7f7f7;
}

#tblOption .op:last-child { border-bottom:none;}
#tblOption .op.row0{}
#tblOption .op.row1{ background:#f7f7f7;}
#tblOption .op .col1{
    float:left;
    width:35%;
    font-weight:bold;
    padding:5px; 
    line-height:20px;
}
#tblOption .op .col2{
    float:left;
    width:65%;
    padding:5px;
    line-height:20px;

}
.block-option-video .box-video {
    width:50%;
    padding-left:20px;	
}


.pro-desc-other { margin-bottom:20px;}
.pro-desc-other .pro-desc {
    width:750px; 
}
.pro-desc-other .pro-other {
    width:375px; 
}

.div-viewmore { padding:10px 0px; text-align:center;}
.div-viewmore a {display:inline-block; background:#f3f3f3; padding:5px 20px; line-height:20px; color:#006ead; border:1px solid #dddddd;}
.div-viewmore a i { padding-right:5px;}

.div-viewnews { padding:10px 0px; text-align:center;}
.div-viewnews a {display:inline-block; background:#f3f3f3; padding:5px 18px; line-height:20px; color:#006ead; border:1px solid #dddddd;cursor: pointer;}
.div-viewnews a i { padding-right:5px;}
/*OTHER*/

.divOtherPro ul.listproduct {
    list-style:none;	
}
.divOtherPro .item-pro  {
    float:left;
    width:185px;
    height:222px;
    overflow:hidden;
    border:1px solid #dddddd;
    margin-right:5px;
    margin-bottom:5px;
}
.divOtherPro .item-pro.double-col {
    width:375px;	
}

.divOtherPro .item-pro:nth-child(2n) {
    margin-right:0px;	
}

.divOtherPro .item-pro .box-item {
    padding:10px;	
    position:relative;	
}
.divOtherPro .item-pro .box-item a {  display:table-cell; vertical-align: bottom; }
.divOtherPro .item-pro .box-item .item-wrap { width:175px; height:185px; display:table-cell; vertical-align: bottom;   }
.divOtherPro .item-pro.double-col .box-item .item-wrap { width:375px;}
.divOtherPro .item-pro .div-img {
    text-align:center;
    position:absolute;
    top:10px;
    left:0;
    width:100%;
}
.divOtherPro .item-pro .div-img img { max-width:145px; max-height:145px;}
.divOtherPro .item-pro .div-img .floatImgPro { position:absolute; z-index:1 ; top:-5px; right:5px;}
.divOtherPro .item-pro.double-col .div-img img { max-width:375px; max-height:150px;}
.divOtherPro .item-pro .pro-price {
    color:#d21e1e;
    text-align:center;
}
.divOtherPro .item-pro .pro-name {
    padding:2px 0px;
    color:#333333;
    font-weight:normal;
    text-align:center;
}


.divOtherPro .item-pro .div-info
{
    display:block;
    overflow:hidden;
    -ms-opacity:0;
    opacity:0;
    background:#222;
    *background:#222;
    background:rgba(0,0,0,0);
    height:151px;
    width:185px;
    padding:5px;
    font-size:12px;
    color:#fff;
    line-height:16px;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0)
}
.divOtherPro .item-pro a:hover .div-info
{
    background:rgba(0,0,0,.85);
    -ms-opacity:1;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -khtml-opacity:1
}

.divOtherPro .item-pro .div-info span
{
    text-align:left;
    color:#fff;
    font-size:11px;
    display:block;
    padding:2px 6px;	
}

.divOtherPro .item-pro.double-col  .div-info{
    width:375px;	
}

.divOtherPro .noProduct { padding:20px; text-align:center; color:#ff0000; }


/*block-choose-buy*/
.block-choose-buy { margin-bottom:20px;}
.block-choose-buy .btn-choose {
    width:165px;
    height:50px;	
}
.block-choose-buy .btn-choose a {
    background:url(../images/arr_choose.png) #eeeeee right top no-repeat;
    display:block;
    padding:5px 20px;
    color:#333333;
    position:relative;

    text-transform:uppercase;
    text-align:center;
    height:50px;
}

.block-choose-buy .btn-choose a:hover { 
    color:#fff; 
    background:#2292b3; 
}



/*COMMENT*/
.boxComment { }
.fComment {
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold; 
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #dddddd;
} 
.divVotes {
    border-bottom:1px solid #d4d4d4;
    padding:5px 0px;
    margin-bottom:10px;
}
.divWrite { padding:10px 0px;}
.boxComment .form-group { margin-bottom:10px; overflow:hidden;}
.c_textarea  {
    padding:5px 0px;	
}
.c_button {
    padding:2px 0px;
    text-align:right;
}

#ext_comment {
    background:#fff;	
} 
.divCommentList{
    overflow:auto;
    height:200px;
    padding:10px;		
}
.list_comment {
    padding:5px 0px;	 
    display:block;	
    border-bottom:1px dotted #d4d4d4;
}
.list_comment .c-title {
    padding-bottom:5px;	
}
.list_comment .ctitle {font-weight:bold;	color:#882106;}
.list_comment .c-name {font-weight:bold; color:#0067b1; }
.list_comment .c-email	{color:#7c7c7c; font-weight:normal; font-size:11px;}
.list_comment .c-name a {color:#0067b1;}
.list_comment .c-desc {
    text-align:justify;
    padding:5px 0px;
    font-size:11px;
    font-family:Tahoma;
}
.list_comment .c-date	{color:#7c7c7c; font-weight:normal; font-size:11px;}

.list_comment .close{
    width:18px; height:16px; background:url(../images/icon_action.gif) no-repeat left -87px;  position:absolute;
    margin-left:620px;

}
.list_comment	.close:hover, .closecom:hover{background:url(../images/icon_action.gif) no-repeat right -87px}

.vk-menu {padding:2px 0px;}



/*block-info-more*/
.block-info-more {}
.box-info-more {
    padding:10px;
    border:1px dotted #dddddd;	
    min-height:250px;

}
.box-info-more .fDetail { text-align:center;}

.box-guide_tragop {}
.box-guide_tragop p { padding:2px 0px;}

.box-info-more .form-button { text-align:center;}
.box-info-more .form-button .btn {
    height:30px;
    color:#333333;		
    padding:5px 20px;
    line-height:20px;
}
.box-info-more .form-button .btn i {
    font-size:18px; 
    padding-right:2px;	
}
.box-info-more .form-button .btn:hover,
.box-info-more .form-button .btn:focus,
.box-info-more .form-button .btn:active {
    color: #ffffff;
    background-color: #d12040;
    border-color: #d12040;
}


/*Promotion*/
.logo-promotion {
    margin-bottom:20px;	
}
.block-promotion { margin-bottom:20px;}
.box-nav-promotion { margin-bottom:10px;}
.box-nav-promotion ul {list-style:none ; display:table; width:100%; height:50px; background:url(../images/nav-promotion.gif) repeat-x ; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; position:relative ; overflow:hidden}
.box-nav-promotion li {display:table-cell; text-align:center; transform: skewX(-30deg); position:relative; left:-12px;}
.box-nav-promotion li a { display:block; padding:5px; color:#333333; text-decoration:none; transform: skewX(30deg); }
.box-nav-promotion li .cat-name { font-weight:bold; font-size:14px;}
.box-nav-promotion li.item-root {
    background:url(../images/nav-promotion-root.gif) repeat-x;	
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;


}

.box-nav-promotion li.item-cat:hover { 
}
.box-nav-promotion li.item-cat.active { background:url(../images/nav-promotion-on.gif) repeat-x;	 }

.box-nav-promotion li:last-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    left:auto;

}
.box-nav-promotion li:last-child.active { padding-right:15px;
                                          right:-15px;}


.block-promotion-news {}
.block-promotion-news .promotion-title {
    font-size:20px;
    color:#333333;
    text-transform:uppercase;
    line-height:30px;	
    margin-bottom:10px;
}

.list-news {}
.list-news ul {list-style:none;}
.list-news li {
    padding:5px 0px;	
    overflow:hidden;
}
.list-news li .article-picture {
    float:left;
    width:142px;
    margin-right:10px;	
}
.list-news li .article-picture .img {border:1px solid #dfdfdf} 
.list-news li .article-info {
    float:left;
    width:400px;	
}
.list-news li .article-info .article-date { margin-bottom:5px;}
.list-news li .article-info .article-title { font-weight:bold;}


/*SHOPPING*/
.block-shopping {margin-top: 10px;}
.block-shopping .vnt-sidebar { width:260px; float:left; border-top:5px solid #428BCA }
.block-shopping .vnt-main { width:850px; float:right; border-top:5px solid #428BCA }

.box-cart  {
    margin-bottom:20px;  
}
.box-cart-wrapper { border:2px solid #dddddd; padding:10px;}

.box-cart .cart-title {
    color:#428BCA;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:25px;
    padding-bottom:10px; 
    margin-bottom:10px;
    border-bottom:1px dotted #ccc;
    text-align:center; 
} 

.box-cart .item-title { color:#666666; text-decoration:underline; font-weight:bold; font-size:14px; margin-bottom:5px;}
.box-cart .item-main { border-bottom:1px solid #e4e4e4; margin-bottom:10px;}
.box-cart .item-main .item-img { border:1px solid #eeeeee; padding:10px; text-align:center; margin-bottom:7px;}
.box-cart .item-main .item-name { color:#333333; margin-bottom:7px;}
.box-cart .item-main .item-price { overflow:hidden; margin-bottom:7px;}
.box-cart .item-main .item-price .price { color:#428BCA; font-weight:bold;}

#ext_accessory {}
#ext_accessory.loading { }
.box-cart .item-acc { 
    border-bottom:1px solid #e4e4e4; padding:5px 0px;
}
.box-cart .accessory-total { overflow:hidden; padding:10px 0px;}
.box-cart .accessory-total .price-total { color:#00A651; font-weight:bold;}
.box-cart .item-acc .name { color:#333333; margin-bottom:2px}
.box-cart .item-acc .div-price { text-align:right;   font-size:11px; }
.box-cart .item-acc .div-price .price { color:#00A651; font-weight:bold;}

.box-cart .div-cart-total {
    position:relative;
    width:260px;
    left:-12px;
    height:45px;
    line-height:45px;
    overflow:hidden;
    background:#dddddd;	
}
.box-cart .div-cart-total .total-text { font-size:14px; font-weight:bold; line-height:45px; padding-left:12px;}
.box-cart .div-cart-total .cart-total { color:#428BCA;  font-size:16px; font-weight:bold; line-height:45px; padding-right:12px; }

.box-cart .cart-support { text-align:center; padding-top:10px; }
.box-cart .cart-support b {  color:#2292b3; }

.box-tragop { margin-bottom:15px}
.box-tragop .title {
    color:#d12040;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:25px;
    padding-bottom:10px;  
} 
.box-tragop .info-tragop {

}
.box-tragop .info-tragop .tbl-th { font-weight:normal; width:50%}
.box-tragop .info-tragop .tbl-td { text-align:right; vertical-align:middle} 


.boxForm {
}
.shopping-title {
    font-size:16px;
    color:#428BCA;
    font-weight:bold;
    text-transform:uppercase;
    line-height:22px;
    padding:10px 0px; 
}
.note-form { margin-bottom:10px; color:#666666; font-style:italic}
.note-accessory { color:#666666; font-style:italic}
.note-accessory span { font-size:14px;  color:#d12040; }


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {   float: left;}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    display:block;
    width: 33px;
    height: 33px;
    text-align: center; 
    color: #9a9a99;
    text-decoration: none; 
    font-size:40px;
    line-height:40px;     
}

.jcarousel-control-prev {
    background:url(../images/jcarousel-prev.gif) no-repeat;
    top : -50px;
    right: 40px;
}

.jcarousel-control-next {
    background:url(../images/jcarousel-next.gif) no-repeat;
    top : -50px;
    right: 0px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/**** accessory *****/ 
.list-accessory {position:relative; margin:20px 0px;}
.product-jcarousel { position:relative;  } 
.product-jcarousel-control-prev,
.product-jcarousel-control-next {
    position: absolute;
    display:block;
    width: 33px;
    height: 33px;
    text-align: center; 
    color: #9a9a99;
    text-decoration: none; 
    font-size:40px;
    line-height:40px;     
    top : -50px; 
} 

.list-accessory ul {list-style:none;}
.list-accessory .item {
    float:left;
    margin:0; 
    width:160px;
    margin-right:12px;

}
.list-accessory .item.last {
    margin-right:0px;	
} 
.list-accessory .item  .boxItem { position:relative; border:1px solid #dedede;}

.list-accessory .item .pro-img { padding:4px;   border-bottom:1px solid #dedede;}
.list-accessory .item .pro-name { color:#2292b3; font-weight:bold;padding:5px; height:46px; overflow:hidden;}
.list-accessory .item .pro-name a { color:#2292b3;}
.list-accessory .item .div-price { padding:5px; font-size:11px;}
.list-accessory .item .div-price .price_belong{ color:#d12040; font-weight:bold}
.list-accessory .div-add-cart { background:#dddddd; height:30px; overflow:hidden; line-height:30px;}

.list-accessory .div-add-cart .btn-add { border-right:1px solid #afafaf;}
.list-accessory .div-add-cart .btn-add a {display:block; text-align:center; line-height:30px; width:120px;}
.list-accessory .div-add-cart .btn-add a:hover { background:#d12040; color:#fff;}
.list-accessory .div-add-cart .div-check { width:30px; height:30px;  text-align:center;  line-height:30px;}
.list-accessory .div-add-cart .div-check .icon-check { background:url(../images/icon_check.gif) center no-repeat; width:30px; height:30px; display:block;}
.list-accessory .div-add-cart .div-check .icon-check.checked { background:url(../images/icon_checked.gif) center no-repeat; }

.input-wrapper{ margin-bottom:10px;} 
.item-label { width:30%;}
.item-input { width:65%;margin: inherit;}

.btn-search{
    background: #7D7D7D;
}
.boxForm .f_title {
    color:#ed1b24;	
    line-height:25px; 
    font-family:"UVNTinTucHep";  
    font-size:22px;		

    font-weight:bold;	
    text-transform:uppercase;
    margin-bottom:5px;
}
table.tbl_form { }

table.tbl_form tr  {
    background:#f7f7f7;
}
table.tbl_form tr:nth-child(2n) {
    background:#fff;
}

table.tbl_form td {
    padding:3px;	
}
/*
table.tbl_form .tr1 {
        background:#ffffff;	
}

table.tbl_form .tr0 {
        background:#f7f7f7;	
}
*/
table.tbl_form input[type="radio"], table.tbl_form input[type="checkbox"] { vertical-align:middle; margin:0; margin-right:5px;}

.validate {
    position: relative;
}
.validate label.checked {
    background: url("../images/icon_ok.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.validate label {
    font-size: 11px;
    padding-bottom: 2px;
}
.validate input.error {
    border: 1px dotted #ff0000;
}
.validate textarea.error {
    border: 1px dotted #ff0000;
}
.validate label.error {
    color: #b70002;
    display: none !important;
    margin-left: -3px;
    padding: 5px;
}
.validate label.checked {
    background: url("../images/icon_ok.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.validate #filed_security_code label.error {
    left: 100px !important;
}

.label-step{
    font-size: 16px;
    font-weight: bold;
    color: #428BCA;
    text-align: center;
    padding: 10px 0px;
    background: #eaeaea;
}
.button-down{
    font-size: 30px;
    text-align: center;
    margin-top: 20px;
    color: #3c763d;
}
.show-price{
    position: fixed;
    left: 10px;
    bottom: 0px;
    z-index: 100000000;
    background: #F79320;
    //display: none;
    color: #FFF;
}
.title-show-price{
    min-width: 100px;
    padding: 10px 30px;
    cursor: pointer;
    font-size: 16px;
}
.detail-show-price{
    background: #eaeaea;
    display: none;
    padding: 10px 20px;
    color: #333;
    font-size: 16px;
}
.detail-show-price ul{
    margin-left: 20px;
}
.detail-show-price ul li{
    padding: 2px 0px;
}
.info-choose label{
    font-weight: bold;
    font-size: 14px;
    color: #888888;
}
.tragop-choose .item-choose-none{
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    background: #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}