@charset "utf-8";
/* ------------------------------------------------------------------------------style ttrang chi tiep sp -----*/
.breadcrumbs{
    padding: 5px;
    background: #fff;
    border: thin solid #e5e5e5;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}

.prd_name {
	margin: 0px 0 4px 0;
	font-size: 18px;
	line-height: 24px !important;
	margin-top: 10px;
	color: #ff5f15;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;	
}
.colpickLabel {
display:none;
}
.price-box span.price{
	font-size: 16px !important;
    color: #090!important;
    font-style: italic;
    margin: 10px 0;
    float: left;
}
.description-info .description-content{
    padding: 10px;
    background: #fff;
    border: thin solid #e5e5e5;
}
.prd_info{
    background: #fff;
    border: thin solid #e5e5e5;
    margin-top: 15px;
}
.prd_info h4 span{
    color: #ff5f15;
    text-decoration: underline;
}


.divider {
margin: 10px 0;
height: 1px;
/*background: url(../images/dotted_divider.gif) repeat-x;*/
font-size: 1px;
line-height: 1em;
overflow: hidden;
}


.product-options-bottom {
background-color: white;
padding: 0px 0px;
border: none;
border-top: 0;
}
.add-to-cart-box {
float: left;
border:none;
padding:0px;
margin-top:20px;
}
.add-to-cart-box legend {
display: none;
}
.catalog-product-view legend {
display: none !important;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.add-to-cart-box .qty-box {
float: left;
padding-top: 0px;
}
.add-to-cart-box .qty-box label {
float: none;
display: block;
font-weight:bold;
}
.bgArrowQty {
display: block;
float: left;
width: 75px;
height: 23px;
margin-left: 0px;
margin-top: 0px;
}
input[type="text"] {
background-color: #ffffff;
border: 1px solid #cccccc;
display: inline-block;
padding: 4px 6px;
margin-bottom: 9px;
font-size: 12px;
line-height: 20px;
color: #A5A5A5;
}
.tbQty {
width: 34px;
height: 22px !important;
border-radius: 2px 2px 2px 2px !important;
border: 1px solid #ccc !important;
text-align: center !important;
font-size: 16px !important;
margin-top: 7px !important;
margin-left: 1px !important;
float: left;
font-weight: bold !important;
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 14%, rgba(255,255,255,1) 52%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(14%,rgba(246,246,246,1)), color-stop(52%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 14%,rgba(255,255,255,1) 52%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 14%,rgba(255,255,255,1) 52%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 14%,rgba(255,255,255,1) 52%);
background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 14%,rgba(255,255,255,1) 52%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
padding: 0 !important;
}
.arrowBlock {
height: 156px;
width: 30px;
display: block;
float: left;
margin-right: 0px;
}
.upQty, .downQty {
float: left;
margin-left: 1px;
margin-top: 7px;
background: url(../images/up-down.png) no-repeat 0 0;
height: 11px;
width: 16px;
display: block;
border: none;
}
.upQty:hover {
background: url(../images/up-down.png) no-repeat -20px 0;
}
.downQty {
margin-top: 1px;
background: url(../images/up-down.png) no-repeat 0 -14px;
}
.downQty:hover {
background: url(../images/up-down.png) no-repeat -20px -14px;
}
.qty-box .form-button {
margin-top: 4px !important;
}
.form-button {
background:url(../images/button.gif) no-repeat scroll 100% -267px transparent;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font: bold 12px arial,sans-serif !important;
margin: 0;
overflow: visible;
padding: 0 7px 0 0;
text-align: center;
vertical-align: middle;
width: auto;
height: 32px!important;
}
.form-button span{
background: url(../images/button.gif) no-repeat scroll 0 -237px transparent;
display: block;
height: 30px;
line-height: 30px !important;
padding: 0 0 0 10px;
white-space: nowrap;
margin: 0;
}
.form-button:hover {
color: #ffffff!important;
background-position: 100% -329px;
}
.form-button:hover span {
background-position: 0 -299px;
}




.prd_conten .name_title_R {
margin-left:0px;
width:660px;
}
.conten_chi_tiet
{
    margin:10px;
}
.conten_chi_tiet h3 {
font-size: 12px !important;
line-height: 18px !important;
color: #444 !important;
font-family: Arial,sans-serif !important;
text-align:left;
font-weight:100;
}
.fb-comments {
margin-left:30px;
}
/* -----------------------------------------------------------------------------------Right col -----------*/
.right_col {
width:310px;
float:right;
margin:10px 3px 10px 10px;
}
.sp_lien_quan {
width: 240px;
float: left;
border: 2px solid #4d4a4f;
border-radius: 5px;
margin-right: 15px;
}
.sp_lien_quan .head {
height:25px;
width:310px;
margin:0;
padding:0;
background:url(../images/bg_title_chitiet.jpg) no-repeat ;

}
.sp_lien_quan .name {
margin: 5px;
font-size: 14px;
font-weight: bold;
color: #4d4a4f;
border-bottom: 1px solid #4d4a4f;
}
.sp_lien_quan .head span{
color: #ffffff;
font-size: 13px;
margin: 4px 0 0 30px;
float: left;
font-weight: bold;
}
.sp_lien_quan_conten ul{
float:left;
width:308px;
margin:10px 0;
padding:0px;
}
.sp_lien_quan_conten ul li.super_prd {
float:left;
width: 285px;
height:80px;
margin: 5px;
}
.sp_lien_quan_conten ul li.super_prd .prd_img{
float:left;
margin:0px;
width:80px;
}
.sp_lien_quan_conten ul li.super_prd .prd_details{
width: 195px;
float:left;
margin-left:10px;
height:80px;
}
.name_prd_details a{
font-weight: bold;
color: #333;
line-height: 17px;
text-decoration: none;
width:208px;
overflow:hidden;
}
.name_prd_details a:hover{
text-decoration:underline;
color:#ffd800;
}
.prd_img p a img{
border:1px solid #d4d4d4;
}
.prd_details .price_product {
margin-top:5px;
float:left;
text-align: left;
}
.sp_lien_quan_conten ul li.super_prd .prd_details a.btn_view {
background: url(../images/button.jpg) -120px -17px no-repeat;
height: 17px;
width: 79px;
float: left;
margin: 5px 0px 0 3px;
text-decoration: none;
color: #0000FF;
padding-right: 5px;
font-size: 12px !important;
}
.sp_lien_quan_conten ul li.super_prd .prd_details a.btn_view:hover {
background:url(../images/button.jpg) -120px 0px no-repeat;
color:#FF6600;
}
.sp_khac #hot_products .name_title_R {
width:980PX;
margin-left:10px;
}
/* -------------------------------------------------------------------------RIGHT-----------------*/
.colum_right {
float: left;
width: 745px;
height: auto;
margin: 7px 0px 0 10px;
}
/*.name_title_R {
background: url(../images/line2.jpg) repeat-x;
height: 30px;
width: 740px;
float: left;
margin: 5px 0 0px 20px;
padding: 0;
}

.name {
background: #ffffff;
float: left;
font-weight: bold;
color: #ffd800;
margin-top: 6px;
font-size: 14px;
text-transform:uppercase;
}
.line1 {
background: url(../images/line1.jpg) no-repeat;
height: 30px;
float: left;
width: 26px;
}*/

.product {
/*width:748px;
float:right;
clear:both;*/
}

.list_sp {
margin-left: 0;
margin-right: 0;
position: relative;
width: 229px !important;
height: 280px;
float: left;
margin-bottom: 30px;
}

.list_sp section {
width: 229px;
float: left;
height: 310px;
}
section {
position: relative;
}
.crop {
display: block;
width: 229px;
height: 216px;
clear: both;
}
.prd_img .aImgprd h7{
background: url(../images/loader.gif);
background-repeat: no-repeat;
background-position: center;
}
.list_sp section a h7 img {
border: 1px solid #bbbbbb;
width: 227px;
height: 221px;
}
.shadow_list {
width: 229px;
height: 69px;
background: url(../images/shadow.png) no-repeat;
display: block;
margin-top:-20px;
}
.offer_detail {
width: 229px;
height: 110px;
margin: auto;
position: relative;
top: -76px;
}
.meta_offer, .meta_offer a {
width: 190px;
}
.meta_offer {
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
width: 200px;
height: 26px;
margin: auto;
display: block;
background-image: url(../images/bg-title-travel.png);
}
.meta_offer a {
display: block;
width: 200px;
height: 21px;
color: white;
font-size: 11px;
line-height: 21px;
}
.meta_offer a span {
height: 23px;
display: block;
padding-top: 4px;
width: 100px;
text-align: center;
font-size: 15px;
}
del{
text-decoration: line-through;
}
.meta_offer a span del {
font-size: 13px;
font-weight:normal;
}
.meta_offer a sup {
font-size: 10px;
}
sup, sub {
line-height: 0;
}
sup {
vertical-align: super;
}
u, ins {
text-decoration: underline;
}
.price_offer {
color: #ffff00;
border-right: none !important;
font-weight: bold;
width: 100% !important;
/*border-left: 1px solid #fff;*/
text-decoration: none;
}
.list_sp .offer_detail .info_offer {
width: 208px;
}
.offer_detail .info_offer a {
color: #333;
text-align:center;
}

a {
text-decoration: none;
outline: none;
}
.info_offer {
float: left;
border-bottom: 1px solid #666;
border-left: 1px solid #dfdede;
border-right: 1px solid #dfdede;
display: table-cell;
height: 85px;
width: 220px;
background-color: white;
box-shadow: 0 1px 4px #999;
-o-box-shadow: 0 1px 4px #666666;
-moz-box-shadow: 0 1px 4px #666666;
-webkit-box-shadow: 0 1px 4px #666666;
margin: 0 0 0 9px;

}
.offer_detail .info_offer a h9 {
font-size: 14px;
text-align: center;
text-transform: uppercase;
line-height: 18px;
font-weight: bold;
margin:5px 0;
width:209px;
}
.info_offer .moreline_offer .h8 {
font-size: 13px;
height: 36px;
overflow: hidden;
margin: 3px 3px 0 3px;
float: left;
text-align: justify;
}
.product_offer:hover .meta_offer {
background: none;
background: none repeat scroll 0 0 rgba(0, 182, 7, 0.8);
}
.prd_img:hover .meta_offer {
background: none;
background: none repeat scroll 0 0 rgba(0, 182, 7, 0.8);
}
.offer_detail .h8.offer_desc:before {
border-bottom: 1px solid #cccccc;
content: "";
display: block;
margin: 0 10px 3px 10px;
}
.info_offer:hover  {
height: 185px;
position: absolute;
left: 0px;
top: -67%;

}
.offer_detail .info_offer:hover a h8  {
height:133px;
-webkit-transition:all 1s;
}
.offer_detail .info_offer:hover h9 {
color: #008000;
}









#paging {
margin: 0 auto;
width: 761px;
background: transparent;
padding-bottom: 10px;
overflow: hidden;
}
#paging .pagination {
padding-top: 10px;
display: block;
margin:0 auto;
text-align: center;
line-height: 18px;
overflow: hidden;
}
#paging .pagination li {
display: inline;
margin: 0;
}
#paging ul.pagination a.first {
padding-left: 17px;
background: #fff url(../images/elements.png) -128px -207px no-repeat;
}
#paging ul.pagination a.first.unactive, #paging ul.pagination a.first.unactive:hover {
color: #cecece;
border: 1px solid #fff;
background: #fff url(../images/elements.png) -128px -175px no-repeat;
}
#paging ul.pagination a.active {
border: 1px solid #fff;
color: #ff731e;
background: #fff;
}
#paging ul.pagination a:hover, #paging ul.pagination a.unactive:hover {
color: #fff;
background: #3d9cec;
border: 1px solid #3d9cec;
}
#paging ul.pagination a {
border: 1px solid #e7e7e7;
padding: 4px 8px;
color: #3d9cec;
margin-left: 3px;
line-height: 27px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
}
/**************************************News********************************/
.news_conten
{
    clear:both;
}
.text-news{  font-size:13px; color:#333333; font-weight:normal;}
.title-detail{font-size:14px; color:#ff9600; font-weight:bold;}
.text-content{  font-size:13px; color:#333333; font-weight:normal; clear:both; line-height:18px; padding:5px;}
.text-content .description{text-align:justify;}
.xemtiep{  font-size:11px; color:#333333; font-weight:bold; padding:5px;}
/*Relate link*/
.relate-link
{   
	text-align:left;	
	padding-left:15px;
	text-decoration:none;
	padding-bottom: 0px;
	padding-right: 10px;		
	background-repeat: no-repeat;

}
a.relate-link:link {	text-decoration: none; color: #404041;}
a.relate-link:visited {	text-decoration: none;	color: #404041;}
a.relate-link:hover, a.relate-link:active  {	text-decoration: none;	font-weight:bold;	color: #4d4d4f;}

a.xemtiep-link:link {	text-decoration: none;	color: #404041;}
a.xemtiep-link:visited {	text-decoration: none;	color: #404041;}
a.xemtiep-link:hover, a.xemtiep-link:active {	text-decoration: none;	font-weight:bold;color: #4d4d4f;}

a.numberpage-link:link {	text-decoration: none;	color: #404041;}
a.numberpage-link:visited {	text-decoration: none;	color: #404041;}
a.numberpage-link:hover, a.numberpage-link:active {	text-decoration: none;	font-weight:bold;color: #02409a;}

a.titlenews-link:link 	
{
    text-decoration: none;	color: #4d4d4f;
    font-size:13px;
    font-weight:bold;	
}
a.titlenews-link:visited {	text-decoration: none;	color: #4d4d4f;}
a.titlenews-link:hover, a.titlenews-link:active  {	text-decoration: none;	color: #FB1F8B;}

/*news*/
.border-photo{ border:solid 1px #CCCCCC; padding:1px;}
.linedots-news{border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #b3b3b3;}
.title-news-tinlq{font-size: 12px; font-weight: bold; color: #4d4d4f; 
padding:5px;}
.sub-news-tinlq{font-size: 12px; font-weight: normal; color: #4d4d4f;
padding-left:15px; padding-top:5px;}

/*-------------------------------------------------------------------Carts-----------*/
#myCarts table {
border: 1px solid #939598;
font-size: 13px;
border-collapse: collapse;
min-width: 500px;
width: 95%;
display:table;
clear:both;
}
#myCarts table {
width: 750px;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
#myCarts tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.carts_box tr {
border: 1px solid #000;
line-height: 25px;
}
#myCarts tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.carts_box table th {
background: #ffd800;
height:37px;
color: white;
padding: 3px 10px 3px 10px;
border: 1px solid #939598;
font-size:13px;
}
.carts_box table td {
border: 1px solid #939598;
padding: 3px 10px 3px 10px;
}

/************************Google map**********************/
.google-map
{
    position: relative;
z-index: 1;
height: 400px;
width: 95%;
top: -20px;
}
.main-content-center
{
    width:780px; min-height:970px;
}
.product-filter-bar
{
    margin-bottom: 4px;background: #eee;
border: 1px solid #ccc;
padding: 5px;
font-size: 11px;
color: #000;
}
.product-filter-bar table
{
     width:100%;
}
.product-filter-bar input, .product-filter-bar select, .product-filter-bar label
{
    width:auto;
    display: inline;
    font-size:11px;
    line-height:20px;
}
.product-filter-bar input, .product-filter-bar button
{
    margin-top:-10px;
}

/*/////////////////////// List Product View//////////////////////////*/
.product-view-list
{
}

.product-view-list .info_offer
{
    height:auto; width:auto;
}
.product-view-list .offer_desc 
{
    height:auto;
   overflow:auto;
} .info_offer
{
    height:auto; width:auto;
}
.product-view-list .offer_desc 
{
    height:auto;
   overflow:auto;
}