/* ============================================================= */
/*  GENERIC FOMRATTING											 */
/*  e.g. body													 */
/* ============================================================= */
body{
color: #000000;
font-family: Arial, Helvetica;
font-size:12px
}
input:focus {outline: none;}
#mav_wrapper{width: 100%;}
#mav_page_fragment_1 {
background: #242424;
min-height: 50px;
color: #fff;
}
#mav_page_fragment_2{
border-bottom: 1px solid #666;
margin-bottom: 20px;
}
#mav_page_fragment_3{min-height:400px;width: 1000px;}
#mav_page_fragment_4 {
width: 100%;
background: #222222;
color: #ccc;
float:none;
text-align: center;
margin-top:20px
}
.H_main #mav_content_fragment_1{
margin-bottom: 20px;
}
a:hover{text-decoration: underline;}
ul li{list-style:none;margin:0}
html>body .cms_breadcrumb ul {
margin: 0;
padding: 0;
list-style: none;
text-indent: 0;
}
.cms_breadcrumb ul li:last-child:after, .cms_breadcrumb ul li:before{
display:none
}
.cms_breadcrumb ul li:after{
content: "/";
display: inline-block;
padding: 0;
font-size: 12px;
}
html>body .cms_breadcrumb li{float:left;margin: 0 8px 0 0;}
html>body .cms_breadcrumb li a {
color: #000;
padding: 0 8px 0 0;
text-transform: uppercase;
font-size: 12px;
line-height: 150%;
}
/* form formatting */
.form_default_content td{vertical-align:middle}
table{border-collapse:collapse}
.box_default {
padding: 5px;
margin: 3px;
border: 1px solid #000;
box-sizing: border-box;
}
.box_select_default{
padding: 5px;
margin: 3px;
border: 1px solid #000;
width:325px;
box-sizing: border-box;
}
.box_textarea_default{
padding: 5px;
margin: 3px;
border: 1px solid #000;
box-sizing: border-box;
}
.button_default {
margin: 0;
width: auto;
height: auto;
background: #000;
border: none;
color: #fff;
padding: 8px 25px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
}
.button_default:hover {
background: #666;
}
#ui-datepicker-div{padding: 10px;border-radius:0; background: #fff;}
td.firstColumn{max-width: 120px;}
.form_default_buttons{padding-left: 130px;}
/* ============================================================= */
/*  PAGE and CONTENT LAYOUT										 */
/*  e.g. #mav_page_fragment_X (X=1 2 3 or 4)					 */
/*       #mav_content_fragment_X_top 					 		 */
/*       #mav_content_fragment_X 					 			 */
/*       #mav_content_fragment_X_bottom 						 */
/* ============================================================= */
ul.global_banner{
width: 1020px;
margin: 20px 0;
}
.global_banner li {
text-align: center;
width: 490px;
position: relative;
padding: 0;
display: inline-block;
overflow: visible;
float: left;
background: #bcbcbc;
border-left: solid #fff 5px;
margin: 0 10px 0 0;
}
.global_banner li span {
border: 1px solid #b2b2b2;
width: inherit;
display: block;
background: #fff;
text-align: center;
position: relative;
left: -5px;
top: -3px;
height: 30px;
padding: 12px 0 0 0;
font-weight: bold;
}
.global_banner li a {
vertical-align: middle;
display: inline-block;
text-align: center;
margin: 0 6px 0 6px;
color: #000;
}
.RT_main #mav_content_fragment_1{
width: 200px;
}
.RT_main #mav_content_fragment_2, .RT_main #mav_content_fragment_3{
width:785px;
margin-bottom: 20px;
}
/* ============================================================= */
/*  HEADER & MENU												 */
/*  e.g. #company_logo, #language_selection, #nav_menu			 */
/* ============================================================= */
#mav_page_fragment_1 #header{
width: 1000px;
margin: 0 auto;
padding: 15px 0;
line-height: 34px;
text-align:center
}
#mav_page_fragment_1 #header a{color:#fff}
.en a.language_item_en{color:#666!important}
.ch a.language_item_ch{color:#666!important}
.zh a.language_item_zh{color:#666!important}
#change_region{
float:left;
text-transform: uppercase;
padding-left: 40px;
background: url(/mavista/img/country.gif) no-repeat center left;
cursor: pointer;
}
#flags.hover{
display:block!important
}
#flags{
background: rgba(0,0,0,0.94);
position: absolute;
width: 100%;
top: 64px;
left: 0;
z-index: 9;
}
#flags ul {
margin: 20px 0;
display:inline-block;
width:1000px;
text-align:left
}
#flags li {
list-style: none;
float: left;
width: 200px;
padding: 5px 0px;
margin-left: 0;}
.flag {
border: 1px solid #fff;
margin: 1px 3px 1px 0;
float: left;
}
#flags a {
display: block;
height: 20px;
color:#999;
line-height: 20px;
font-size:12px
}
#flags a:hover {
color:#fff
}
#search_box, #language_selection{
float: right;
width: auto;
position:relative
}
#search_box{
margin-top: 5px;
margin-right: 30px;
}
#search_box input.query{
background: none;
border: none;
border-bottom: 1px solid #fff;
width: 100px;
margin-left: 20px;
color:#fff
}
.searchButton{
padding: 0!important;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background:url(/mavista/img/search.gif) no-repeat center center
}
.searchButton input{
font-size: 0;
color: transparent;
border: none;
background: none;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
margin: 0;
cursor: pointer;
}
#mav_menu{
width: 1000px;
margin: 0 auto;
text-align: center;
}
#mav_menu ul{
display:inline-block;
margin: auto;
}
#mav_menu ul li{
float:left;
list-style:none;
margin: 0 8px;
}
#mav_menu ul li a{
padding:10px;
display:inline-block;
color:#000;
text-transform: uppercase;
font-size: 13px;
}
#mav_menu ul li#menu_item_subscribe a{
border: 1px solid #000;
padding: 3px 10px;
margin: 5px 0;
}
/* ============================================================= */
/*  FOOTER												 		 */
/* ============================================================= */
#mav_footer{
width: 1000px;
margin: 0 auto;
display: inline-block;
padding: 15px 0;
line-height: 140%;
font-size: 12px;
}
#mav_footer a{
color:#fff
}
.left_info {
float: left;
text-align: left;
}
.sns_icon {
float: right;
}
.sns_icon li{float:left;margin-left: 10px;}
.sns_icon li a{display:inline-block;background-image:url(/mavista/img/sns_icon.jpg);height:29px;width:29px;text-indent: -999em; overflow:hidden}
.sns_icon li a.f{background-position:-40px 0}
.sns_icon li a.w{background-position:-80px 0}
.sns_icon li a.t{background-position:-120px 0}
.sns_icon li a:hover{background-position-y: -30px;}
/* ============================================================= */
/*  product 													 	 */
/* ============================================================= */
#product_catagory .main_breadcrumb{
font-weight: normal;
border-bottom: none;
display: inline-block;
width: 100%;
}
#pc_breadcrumb li{
float: left;
list-style: none;
margin: 0 8px 0 0;
}
#product_catagory .main_breadcrumb a{
color:#000;
padding: 0 8px 0 0;
text-transform: uppercase;
font-size: 12px;
line-height: 150%;
}
#product_catagory .main_breadcrumb a:hover{text-decoration: underline;color:inherit}
#product_catagory .main_breadcrumb a:after{
content: "/";
display: inline-block;
float: right;
padding: 0;
}
#product_catagory .main_breadcrumb .main_arrange_actived a:after, .category_ul_listing{
display:none
}
#product_catagory .main_breadcrumb .main_arrange_actived a{
color:#999
}
.sub_category_ul_listing, .same-level-categories-list, #products_order{
display:none
}
#product_catagory .main_breadcrumb a:hover{
color: inherit;
background: none;
}
.RT_main #mav_content_fragment_1 h2{
font-size: 20px;
font-weight: 800;
margin: 0 0 20px 0;
text-transform: uppercase;
}
.RT_main #mav_content_fragment_2 h3, .RT_main #mav_content_fragment_3 h3{
font-size: 16px;
font-weight: 800;
margin: 0 0 20px 0;
text-transform: uppercase;
}
.RT_main #mav_content_fragment_2 h3:before, .RT_main #mav_content_fragment_3 h3:before{
content: "";
display: inline-block;
margin-right: 10px;
padding: 0;
width: 18px;
height: 18px;
border-radius: 50%;
background: url(/mavista/img/arrow-close-icons.png) no-repeat -821px -6px #000;
vertical-align: bottom;
}
.mavista_category_tree ul li, dl .item_record_border{
list-style:none;
margin:10px 0
}
.mavista_category_tree ul li a, dl .item_record_border .item_body a{
color:#666666;
font-size: 14px;
}
.mavista_category_tree ul li a:hover, dl .item_record_border .item_body a:hover{color:#000}
.mavista_category_tree ul li a.selected, dl .item_record_border .item_body a.actived{
font-weight:bold;
color:#000
}
#product_listing_div{
clear: both;
}
#product_listing_div table{
border-collapse:collapse
}
.main_product_td {
padding-right: 20px;
padding-bottom: 20px;
}
.main_product_td .product_item_container{display: inline-block;}
.main_product_td .product-item-in-listing img{
display: inline;
width: 245px;
height: auto;
border: 1px solid #ccc;
transition: .25s;
}
.main_product_td .product-item-in-listing  a{display:inline-block; background:#ccc}
.main_product_td .product-item-in-listing  a:hover img{
opacity: 0.8;
}
.main_product_name {
color: #fff;
background: #000;
margin: 0;
font-size: 14px;
padding: 10px;
height:32px
}
.product-brand-name{display:none}
.main_product_name a{
color: #fff;
overflow: hidden;  
text-overflow: ellipsis;  
white-space: nowrap; 
width: 225px;
display: block;
}
.main_product_name .main_product_ref a{color: #666;}
.main_product_price,
.main_product_buy_button,
#product_listing_div div[align="right"]{
display:none
}
.main_product_pages_link{text-align:center}
.main_product_pages_link a {
text-decoration: none;
border: 1px solid #000;
padding: 0 5px;
line-height: 18px;
display: inline-block;
color: #000;
font-weight: bold;
}
.main_product_pages_link a:hover,.main_product_pages_link .selected{
display: inline-block;
border: 1px solid #000;
color: #fff;
background: #000;
}
#product_details{margin:0;line-height: 160%;}
#product_details .main_top, #product_details .main_buttom{margin-bottom: 20px;}
#product_details .main_brand_title{display:none}
#product_details .main_brand_title a{
text-transform: uppercase;
background: #000;
color: #fff;
padding: 5px 10px;
border-radius: 50px;
}
#product_details .main_brand_title a:before {
content: "\f02b";
font-family: FontAwesome;
font-size: 16px;
font-weight: normal;
line-height: 25px;
}
.addthis_sharing_toolbox{margin-top: 20px;}
.fb-like{margin:0!important}
#photo_main_container #targetImage{
WIDTH: 325px;
HEIGHT: 325px;
}
#product_details #main_left{width:415px;margin-right: 20px;}
#photo_main_container {
border: solid 1px #ccc;
display: block;
margin: 0;
float: right;
}
#product_thumbnails_container{
float: left;
}
#product_thumbnails_container a.pointer{
display:block;
margin-bottom: 5px;
}
#product_thumbnails_container img{
width:75px;
height:75px;
border: solid 1px #ccc;
transition: .25s;
opacity: 0.6;
}
#product_thumbnails_container a:hover img{
opacity: 1;
}
#product_thumbnails_container .thumbnail_selected img{
border: solid 1px #000;
opacity: 1;
}
.ordering, .ordering_btn, #product_option_price{display:none}
#product_details .main_top{margin-top:20px}
h1.product-name{
font-size: 22px;
font-weight: 500;
margin: 5px;
}
.product-master-ref{color: #666;font-size: 14px;}
#product_review_rating_avg{
text-transform: uppercase;
font-size: 14px;
margin-top: 40px;
}
#product_review_comments{
border-top: 1px solid #666;
padding-top: 10px;
margin-top: 10px;
}
#product_review_comments .product_reviews .title{
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 10px;
}
#product_details .main_top.description_tabs{margin-top: 40px;}
.tab-container {
	position: relative;
}
.tab-container .tab-content {
width: 100%;
height: auto;
overflow: hidden;
margin: 20px 0;
}
.tab-container li {
	vertical-align: middle;
	margin: 0;
	list-style: none;
	display: none;
}
.tab-container li img {
max-width: 785px;
height: auto;
}
.tab-container .tab {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ccc;
}
.tab-container .tab li {
	background: #000;
	float: left;
	line-height: 30px;
	text-align: center;
	border: solid 1px #000;
	margin: 1px 1px -1px 0;
	display: inline;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	padding: 2px 20px;
	font-size: 14px;
	box-sizing: border-box;
}
.tab-container .tab li.cur {
	background: #fff;
	color: #000;
	border: 1px solid #666666;
	border-bottom-color: #fff;
}
/* ============================================================= */
/*  search   */
/* ============================================================= */
/* ============================================================= */
table.public_search_results{
width: 100%;
border-collapse: collapse;
}
.public_search_box_tag{
display:none
}
#news_search_results_div h6{
margin: 0 0 20px 0;
font-size: 16px;
}
hr{border:none;border-bottom:1px solid #666;margin:20px 0}
#product_search_results_div span.result, #product_search_results_div span.match_message{
margin: 0 0 20px 0;
font-size: 16px;
font-weight: bold;
display: inline-block;
}
.product_search_results_listing.product_listing{border-collapse: collapse;}
/* ============================================================= */
/*  NEWS LISTING 												 */
/*  e.g. #news_listing_results, .item_record_border				 */
/*       .item_abstracts				 		 	 			 */
/*       #main_topic				 			 				 */
/*       .is_mandatory 						 					 */
/* ============================================================= */
#pg_home #news_listing_results ul li{
list-style-image: url(/mavista/img/list-arrow.gif);
line-height: 160%;
margin-left:12px
}
#news_listing_results ul li .title a{
color:#666
}
.sec_title{
text-transform:uppercase;
margin: 10px 0;
font-size: 18px;
font-weight: 500;
}
#pg_home #news_listing_results{
position:relative
}
#pg_home .news_assoc_key_listing_tag{
background: url(/mavista/img/mask.png) repeat-x bottom;
position:absolute;
bottom:0;
width:100%;
height:44px;
display:none
}
#pg_home #news_listing_results ul li:last-child {
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
.black_box{
background: #444;
padding: 20px;
margin-bottom: 30px;
}
.black_box h3 {
font-size: 16px;
color: #fff;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.black_box #news_listing_results ul li {
margin:0 0 10px 0;
border-bottom: 1px solid #666;
padding-bottom: 10px;}
.black_box #news_listing_results ul li .title a{color:#fff; font-size: 18px;}
.black_box #news_listing_results ul li .publish_date {float:right; color:#ccc}
.with_thm #news_listing_results ul{
width: 810px;
display: inline-block;
}
.with_thm #news_listing_results li{
float:left;
list-style:none;
margin: 0;
margin-right: 15px;
color: #999;
}
.with_thm #news_listing_results li .item_thumbnail img{
width: 185px;
height: 185px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.with_thm #news_listing_results li .item_thumbnail a:hover img{
border: 1px solid #000;
}
.with_thm #news_listing_results li .item_body{
margin-top: 10px;
}
.with_thm #news_listing_results li .title{
display: block;
width: 185px;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 800;
margin-bottom: 5px;
}
.pg_pr .with_thm #news_listing_results li .title{
width: auto;
font-size: 18px
}
.with_thm #news_listing_results li .title a{
color:#000
}
/* ============================================================= */
/*  NEWS ITEM 													 */
/* ============================================================= */
#newsitem_topic h3{
font-size: 1.7em;
margin: 30px 0 5px;
}
.newsitem_merge_details #newsitem_pubdate{
margin-bottom: 30px;
font-size: 14px;
font-style: italic;
color: #666;
margin-bottom:30px
}
#newsitem_text{font-size:14px}
#back_to_category{background:none!important;}
#back_to_category span{display:block;opacity: 1!important;}
#back_to_category p a{
display: inline-block;
background: #000;
padding: 0 20px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
}
#bands{
}
#bands ul {
margin: 0;
display:inline-block;
width:100%;
text-align:left
}
#bands li {
list-style: none;
float: left;
margin: 0 16px 25px 0
}
#bands a {
display: inline-block;
}
#bands a img{
width: 180px;
height: auto;
}
#bands a:hover img {
}
form[name="formMtceForm"] {
display: inline-block;
border: 1px solid #b2b2b2;
padding: 20px;
box-shadow: 5px 5px 0 #b2b2b2;
margin: 0 auto;
}
#pg_Styling-Tips #news_listing_results ul li{
float:left;
width: 33.333%;
margin-bottom: 20px;
}
#pg_Styling-Tips #news_listing_results ul li .publish_date{
display:none
}
#pg_Styling-Tips #news_listing_results ul li .title{
	display:block;
	margin-top:10px;
    overflow: hidden;  
    text-overflow: ellipsis;  
    white-space: nowrap; 
    width: 300px;
}
.mav_paging{width: 100%;margin: 20px 0;}
.mav_paging .pagination a{
display: inline-block;
padding: 0 5px;
line-height: 20px;
border: 1px solid #ccc;
color: #999;
}
.mav_paging .pagination a:hover{background: #efefef;}
.mav_paging .pagination a.selected{border-color: #000;background: #000;color: #fff;}
.subscrption_box{
display:inline-block;
border: 1px solid #b2b2b2;
padding: 20px;
box-shadow: 5px 5px 0 #b2b2b2;}
.subscrption_box span.first_item{width:100px;display: inline-block;}
.subscrption_box form > div{margin-bottom:10px}
.subscrption_box form input[type="text"]{width:200px}
/* bootstrap */
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  outline: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.at-share-btn-elements {
    margin-top: 20px;
    float: left;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}