.clear_left {
  clear: left;
}
.left {
	float:left;
}
.right {
	float:right;
}
img {
	border: 0;
}
#nbk_loaderDiv{
	display: none;
	width:100%; height:200px;
	background:url(../images_common/ajax-loader.gif) center center no-repeat transparent;
}
#dsk_loaderDiv{
	display: none;
	width:100%; height:200px;
	background:url(../images_common/ajax-loader.gif) center center no-repeat transparent;
}

/* Button style */
.button_submit {
	width: auto; height: auto; margin: 0px; padding: 8px 12px 8px 12px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 12px; line-height: 10px; 
	font-weight: bold; 
	text-decoration: none; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
.button_submit[rel^="Product_"], .button_submit[rel^="Learn_"], .button_submit[rel^="Compare_"] {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #5887F5;COLOR: #FFF; FONT-SIZE: 13px; font-family: 'Roboto', sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.button_submit[rel^="Product_"]:hover, .button_submit[rel^="Learn_"]:hover, .button_submit[rel^="Compare_"]:hover {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #563490; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; CURSOR: pointer;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}


/* Button style */
A.button {
	width: auto; height: auto;  padding: 10px 14px 10px 14px; 
	display: inline-block; zoom: 1; color: #fff; 
	/* font-family: 'Roboto', Arial, sans-serif; 
	font-family: "Muli", Arial, Helvetica, sans-serif, "??"; */
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	font-size: 13px; line-height: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform:uppercase; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
A.button[rel^="Product_"], .button[rel^="Learn_"], .button[rel^="Compare_"] {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #5887F5;COLOR: #FFF; TEXT-DECORATION: none;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
A.button[rel^="Product_"]:hover, .button[rel^="Learn_"]:hover, .button[rel^="Compare_"]:hover {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #0D55FF; COLOR: #FFF; CURSOR: pointer;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

A.button_2016 {
	width: auto; height: auto;  padding: 17px 14px 17px 14px; 
	display: inline-block; zoom: 1; color: #fff; 
	/* font-family: 'Roboto', Arial, sans-serif; 
	font-family: "Muli", Arial, Helvetica, sans-serif, "??"; */
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif;  
	font-size: 20px; 
	font-weight: normal; 
	text-decoration: none; 
	text-transform:uppercase; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
A.button_2016[rel^="Product_"], .button[rel^="Learn_"], .button[rel^="Compare_"] {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #5887F5;COLOR: #FFF; TEXT-DECORATION: none;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
A.button_2016[rel^="Product_"]:hover, .button[rel^="Learn_"]:hover, .button[rel^="Compare_"]:hover {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #0D55FF; COLOR: #FFF; CURSOR: pointer;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/* Button style */
A.button18 {
	width: auto; height: auto; margin: 0px; padding: 10px 14px 10px 14px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	text-decoration: none; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
A.button18[rel^="Product_"], .button18[rel^="Learn_"], .button18[rel^="Compare_"] {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #5887F5;COLOR: #FFF; 
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
A.button18[rel^="Product_"]:hover, .button18[rel^="Learn_"]:hover, .button18[rel^="Compare_"]:hover {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #0D55FF; COLOR: #FFF; 
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/* Button style */
A.button_narrow {
	width: auto; height: auto; margin: 0px; padding: 7px 10px 7px 10px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 13px; line-height: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
A.button_narrow[rel^="Product_"], .button_narrow[rel^="Learn_"], .button_narrow[rel^="Compare_"] {
	background: #5887F5; COLOR: #FFF;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
A.button_narrow[rel^="Product_"]:hover, .button_narrow[rel^="Learn_"]:hover, .button_narrow[rel^="Compare_"]:hover {
	background: #CE58F5; COLOR: #FFF; 
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/* Button style */
.button_select {
	width: auto; height: auto; margin: 0px; padding: 7px 10px 7px 10px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 13px; line-height: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
.button_select[rel^="Product_"], .button_select[rel^="Learn_"], .button_select[rel^="Compare_"] {
	background: #5887F5; COLOR: #FFF;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.button_select[rel^="Product_"]:hover, .button_select[rel^="Learn_"]:hover, .button_select[rel^="Compare_"]:hover {
	background: #CE58F5; COLOR: #FFF; 
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/* Button style */
A.button100 {
	width: 248px; height: auto; margin: 0px; padding: 10px 14px 10px 14px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 13px; line-height: 12px; 
	font-weight: bold; 
	text-align:center;
	text-decoration: none; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
A.button100[rel^="Product_"], .button100[rel^="Learn_"], .button100[rel^="Compare_"] {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #5887F5;COLOR: #FFF; TEXT-DECORATION: none;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
A.button100[rel^="Product_"]:hover, .button100[rel^="Learn_"]:hover, .button100[rel^="Compare_"]:hover {
	height: 100%; /* add this to make it work with IE6-9*/
	background: #0D55FF; COLOR: #FFF; CURSOR: pointer;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
A.button100_atc {
	width: 248px; height: auto; margin: 0px; padding: 10px 14px 10px 14px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 13px; line-height: 17px; 
	font-weight: bold; 
	text-align:center;
	text-decoration: none; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}
A.button100_atc[rel^="Product_"], .button100_atc[rel^="Learn_"], .button100_atc[rel^="Compare_"] {
	height: 100%; /* add this to make it work with IE6-9*/
	COLOR: #FFF; TEXT-DECORATION: none;
	background: #72B432; 
	background: -moz-linear-gradient(top, #72B432 0%, #47951E 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #72B432), color-stop(100%, #47951E));
	background: -webkit-linear-gradient(top, #72B432 0%, #47951E 100%);
	background: -o-linear-gradient(top, #72B432 0%, #47951E 100%);
	background: -ms-linear-gradient(top, #72B432 0%, #47951E 100%);
	background: linear-gradient(to bottom, #72B432 0%, #47951E 100%);

	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
A.button100_atc[rel^="Product_"]:hover, .button100_atc[rel^="Learn_"]:hover, .button100_atc[rel^="Compare_"]:hover {
	height: 100%; /* add this to make it work with IE6-9*/
	COLOR: #FFF; CURSOR: pointer;
	background: #47951E; 
	background: -moz-linear-gradient(top, #47951E 0%, #72B432 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #47951E), color-stop(100%, #72B432));
	background: -webkit-linear-gradient(top, #47951E 0%, #72B432 100%);
	background: -o-linear-gradient(top, #47951E 0%, #72B432 100%);
	background: -ms-linear-gradient(top, #47951E 0%, #72B432 100%);
	background: linear-gradient(to bottom, #47951E 0%, #72B432 100%);


	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;

}

A.button100_btc {
	width: 248px; height: auto; margin: 0px; padding: 10px 14px 10px 14px; 
	display: inline-block; zoom: 1; color: #fff; 
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 13px; line-height: 17px; 
	font-weight: bold; 
	text-align:center;
	text-decoration: none; 
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-BOTTOM: medium none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; border-radius: 2px; 
}

A.button100_btc[rel^="Product_"], .button100_btc[rel^="Learn_"], .button100_btc[rel^="Compare_"] {
    /* background-color: indianred; */
	background-color: #72B432;
    background-image: -o-linear-gradient(transparent, #47951E);    
    background-image: -webkit-linear-gradient(transparent, #47951E);
    background-image: -moz-linear-gradient(transparent, #47951E);    
    background-image: -ms-linear-gradient(transparent, #47951E);
    background-image: linear-gradient(transparent, #47951E);    
    height: 100%;
    -o-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;    
}

A.button100_btc[rel^="Product_"]:hover, .button100_btc[rel^="Learn_"]:hover, .button100_btc[rel^="Compare_"]:hover {
	/* background-color: teal; */
	background-color: #366E18;
} 

@media screen and (max-width: 1000px) 
{
	A.button100 {
		width: 70%;
	}
	A.button100_btc {
		width: 70%;
	}
}



.jc1_container {
  position:relative;
  /* overflow:hidden; */
  border: 0px solid #eee;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
}

/* Carousel container */
#container_carousel {
  position:relative;
  /* float:left; */
  text-align:center;
  overflow:hidden; 
  border: 0px solid #456987;
  padding: 0px;
  margin-top:50px;
  margin-bottom:10px;
  height:auto;
  width:auto;
}

/* Categories container */
#container_cat {
  position:relative;
  display:block;
  overflow:hidden;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  min-height:320px;
  max-width:1024px;
  width:auto;
 /* text-align:center; */
  margin-left: auto;
  margin-right: auto; 
  /* FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; */
  font-family: 'Istok_Web', Arial, Helvetica, sans-serif; 
  /*font-family: 'Muli', Arial, Helvetica, sans-serif;*/
}
#CatHeader {position: relative; margin: 0; no-repeat 0px 0px transparent;  left:0px; top:0px; border:0px solid #876543;width:100%;float:left; }
#notebook_CatText {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:10px; top:160px; border:0px solid #a34567; width:auto; float:left; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal;width:220px;}
#notebook_CatButton {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:10px; top:285px; border:0px solid #b0b0b0; width:auto; float:left; width:200px; text-align:center}
#desktop_CatText {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:270px; top:160px; border:0px solid #a34567; width:auto; float:left; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal; width:220px}
#desktop_CatButton {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:270px; top:285px; border:0px solid #b0b0b0; width:auto; float:left;width:200px; text-align:center }
#server_CatText {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:535px; top:160px; border:0px solid #a34567; width:auto; float:left; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal; width:220px}
#server_CatButton {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:535px; top:285px; border:0px solid #b0b0b0; width:auto; float:left;width:200px; text-align:center}
#smartphone_CatText {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:800px; top:160px; border:0px solid #a34567; width:auto; float:left; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal; width:220px}
#smartphone_CatButton {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:800px; top:285px; border:0px solid #b0b0b0; width:auto; float:left;width:200px; text-align:center}

#Catnbk {display:inline-block; margin: 0; no-repeat 0px 0px transparent; top:0px; border-bottom:0px solid #876543; width:256px;float:left;}
#notebook_CatText1 {position: relative; display:inline-block;text-align:left;margin: 0; no-repeat 0px 0px transparent; left:10px; top:-125px; border:0px solid #a34567; width:auto; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal;width:220px;}
#notebook_CatButton1 {position: relative;display:inline-block; margin: 0; no-repeat 0px 0px transparent;  left:10px; top:-100px; border:0px solid #b0b0b0; width:auto; width:200px; text-align:center}
#desktop_CatText1 {position: relative; display:inline-block;text-align:left;margin: 0; no-repeat 0px 0px transparent;  left:12px; top:-125px; border:0px solid #a34567; width:auto; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal; width:220px}
#desktop_CatButton1 {position: relative; display:inline-block;margin: 0; no-repeat 0px 0px transparent;  left:12px; top:-100px; border:0px solid #b0b0b0; width:auto; width:200px; text-align:center }
#server_CatText1 {position: relative; display:inline-block;margin: 0;text-align:left; no-repeat 0px 0px transparent;  left:17px; top:-125px; border:0px solid #a34567; width:auto; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal; width:220px}
#server_CatButton1 {position: relative; display:inline-block;margin: 0; no-repeat 0px 0px transparent;  left:17px; top:-100px; border:0px solid #b0b0b0; width:auto;width:200px; text-align:center}
#smartphone_CatText1 {position: relative; display:inline-block;text-align:left;margin: 0; no-repeat 0px 0px transparent;  left:25px; top:-125px; border:0px solid #a34567; width:auto; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal; width:220px}
#smartphone_CatButton1 {position: relative; display:inline-block;margin: 0; no-repeat 0px 0px transparent;  left:25px; top:-100px; border:0px solid #b0b0b0; width:auto; width:200px; text-align:center}

@media screen and (min-width: 530px) and (max-width: 1040px) {
	#container_cat {
	  margin-left: auto;
	  margin-right: auto; 
	  max-width:512px;
	}
} 
@media screen and (max-width: 529px) {
	#container_cat {
	  margin-left: auto;
	  margin-right: auto; 
	  max-width:256px;
	}
}
/*  
@media screen and (max-width: 528px) {
	#Catnbk {
	  float:none;
	  display:block;
	  margin-left: auto;
	  margin-right: auto; 
	  width:256px;
	}
}
*/
/* Notebook container */
#container_notebook {
  position:relative;
  overflow:hidden;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  /* width:auto; /* removed 04sep14 */ 
  max-width:100%;
  height:auto;
  width: auto\9; /* ie8 */
  max-width: 1024px; /* added 16 sept 21 */
  margin-left: auto; /* added 16 sept 21 */
  margin-right: auto; /* added 16 sept 21 */
}
#container_notebook img {
  max-width:100%;
  height:auto;
  width: auto\9; /* ie8 */
}
#container_notebook H3 {
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; font-family: 'Istok_Web', Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}
.notebook_Header {position: relative; margin: 0; no-repeat 0px 0px transparent;  left:0px; top:0px; border:0px solid #876543;width:100%;float:left; }
#notebook_Text {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:0px; top:220px; border:0px solid #a34567; width:340px; float:left; font-family: 'Istok_Web', Arial, Helvetica, sans-serif; COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 2; FONT-WEIGHT: normal;}
#notebook_Button {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:0px; top:320px; border:0px solid #b0b0b0; width:auto; float:left; }

.container_slogan {
position: absolute; 
display:inline-block;
background-color:#000 ; 
/*opacity:0.7;*/
filter:alpha(opacity=70); 
/*background: rgba(170, 0, 0, 0.7);*/
background: rgba(0, 0, 0, 0.7); /* apply opacity on background only */
no-repeat 0px 0px transparent; 
/* width: 280px; height: 250px; */
width: 27%; height: 66%; 
/* width: 20em; height: 20em; */
/* left:640px; top:35px;  */
left:63%; top:9%; 
margin:0px;
border:0px solid #a34567; 
float:left; 
padding:30px; 
TEXT-ALIGN: left;
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
}
.container_slogan H1 {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1.8em; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_slogan p {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1em; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; 
}


.container_slogan_right {
position: absolute; 
display:inline-block;
background-color:#000 ; 
/*opacity:0.7;*/
filter:alpha(opacity=70); 
/*background: rgba(170, 0, 0, 0.7);*/
background: rgba(0, 0, 0, 0.7); /* apply opacity on background only */
no-repeat 0px 0px transparent; 
/* width: 280px; height: 250px; */
width: 34%; 
height: 65%; 
max-width: 400px;
/* width: 20em; height: 20em; */
/* left:640px; top:35px;  */
/* left:61%; */
float:right; 
right:3%;
top:11%; 
margin:0px;
border:0px solid #a34567; 
padding:30px; 
TEXT-ALIGN: left;
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
}
.container_slogan_right H1 {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; 
FONT-SIZE: 1.8em; 
/* FONT-SIZE: 1.8vw; */ /* vw adapts text size to div width (viewport width) */
FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_slogan_right p {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; 
FONT-SIZE: 1em;  
/* FONT-SIZE: 1vw; */ /* vw adapts text size to div width (viewport width) */
FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; 
}

.container_slogan_right_2016 {
position: absolute; 
display:inline-block;
background-color:#000 ; 
/*opacity:0.7;*/
filter:alpha(opacity=70); 
/*background: rgba(170, 0, 0, 0.7);*/
background: rgba(0, 0, 0, 0.7); /* apply opacity on background only */
no-repeat 0px 0px transparent; 
/* width: 280px; height: 250px; */
width: 34%; 
height: 65%; 
max-width: 400px;
/* width: 20em; height: 20em; */
/* left:640px; top:35px;  */
/* left:61%; */
float:right; 
right:7%;
top:11%; 
margin:0px;
border:0px solid #a34567; 
padding:30px; 
TEXT-ALIGN: left;
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
}
.container_slogan_right_2016 H1 {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; 
FONT-SIZE: 1.8em; 
/* FONT-SIZE: 1.8vw; */ /* vw adapts text size to div width (viewport width) */
FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_slogan_right_2016 p {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; 
FONT-SIZE: 1em;  
/* FONT-SIZE: 1vw; */ /* vw adapts text size to div width (viewport width) */
FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; 
}

.container_slogan_left {
position: absolute; 
display:inline-block;
background-color:#000 ; 
/*opacity:0.7;*/
filter:alpha(opacity=70); 
/*background: rgba(170, 0, 0, 0.7);*/
background: rgba(0, 0, 0, 0.7); /* apply opacity on background only */
no-repeat 0px 0px transparent; 
/* width: 280px; height: 250px; */
width: 34%; height: 66%; 
/* width: 20em; height: 20em; */
/* left:640px; top:35px;  */
float:left; 
left:3%; 
top:9%; 
margin:0px;
border:0px solid #a34567; 
padding:30px; 
TEXT-ALIGN: left;
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
}
.container_slogan_left H1 {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1.8em; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_slogan_left p {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1em; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; 
}

.container_slogan_left_2016 {
position: absolute; 
display:inline-block;
background-color:#000 ; 
/*opacity:0.7;*/
filter:alpha(opacity=70); 
/*background: rgba(170, 0, 0, 0.7);*/
background: rgba(0, 0, 0, 0.7); /* apply opacity on background only */
no-repeat 0px 0px transparent; 
/* width: 280px; height: 250px; */
width: 34%; 
height: 65%; 
max-width: 400px;
/* width: 20em; height: 20em; */
/* left:640px; top:35px;  */
/* left:61%; */
float:left; 
left:7%;
top:11%; 
margin:0px;
border:0px solid #a34567; 
padding:30px; 
TEXT-ALIGN: left;
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
}
.container_slogan_left_2016 H1 {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; 
FONT-SIZE: 1.8em; 
/* FONT-SIZE: 1.8vw; */ /* vw adapts text size to div width (viewport width) */
FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_slogan_left_2016 p {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; 
FONT-SIZE: 1em;  
/* FONT-SIZE: 1vw; */ /* vw adapts text size to div width (viewport width) */
FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; 
}

.container_slogan_button {
position:relative;
float:right;
/* height:auto; */
height:auto;
width:auto;
margin-top:7%;
border:0px solid #fff;
}
.container_slogan_button_2016 {
position:relative;
float:right;
/* height:auto; */
height:auto;
width:auto;
margin-top:7%;
border:0px solid #fff;
}

.container_notebook_header_img_left {
	position:absolute;
	float:left;
	display:inline-block;
	display: table-cell;
    vertical-align: middle;
	left:2%;
	top:0%;
	/* max-width:55%; */
	max-height:378px;
	/* border: 1px solid red; */
}

.container_notebook_header_img_left IMG {
	display:inline-block;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	/* margin-top:-12%; */
}
.container_notebook_header_img_right {
	position:absolute;
	float:right;
	display:inline-block;	
	display: table-cell;
    vertical-align: middle;
	right:2%;
	top:0;
	/*max-width:55%; */
	max-height:378px;
	/* border: 1px solid red; */
}
.container_notebook_header_img_right IMG {
	display:block;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.container_notebook_2016 {
  position:relative;
  overflow:hidden;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:0px;
  margin-bottom:0px;
  /* width:auto; /* removed 04sep14 */ 
  max-width:100%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;  
  height:auto;
  width: auto\9; /* ie8 */
}
.container_notebook_2016 img {
  /* max-width:100%; */
  height:auto;
  width: auto\9; /* ie8 */
}
.container_notebook_2016 H3 {
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; font-family: 'Istok_Web', Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}
.notebook_Header_2016 {
	width:100%;
	height:480px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.notebook_Header_2016 IMG {
	position:relative;
	/* width:100%; */ /* width 100% to adapt size of header image to size of window */
}

.container_notebook_header_img_left_2016 {
	position:absolute;
	float:left;
	display:inline-block;
	left:7%;
	top: 50%;
    transform: translateY(-50%);
	/* border: 1px solid red; */
	max-height:450px;
}

.container_notebook_header_img_left_2016 IMG {
	display:inline-block;
	max-height:450px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	/* margin-top:-12%; */
}
.container_notebook_header_img_right_2016 {
	position:absolute;
	float:right;
	display:inline-block;
	right:7%;
	top: 50%;
    transform: translateY(-50%);
	/* border: 1px solid red; */
	max-height:450px;
}

.container_notebook_header_img_right_2016 IMG {
	display:inline-block;
	max-height:450px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	/* margin-top:-12%; */
}



/*---------------------------------------------------------------------------- New 19 sept 2016 ------------------------------------------------------------------------*/





.background_center {
	background-repeat: no-repeat; 
	background-position: top center; 
	top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width:100%;
	height:auto;
	min-height:480px;
	overflow:hidden;
}
.section {
    min-height:200px;
	text-align: center;
	padding: 4.6875rem 0 3.75rem;
}
.section.-toto {
    min-height:480px;
	text-align: center;
	padding: 4.6875rem 0 3.75rem;
}
.section.-orange {
    background: #e64e21;
}
.section.-formats {
    background: #858585 url(../images_common/bg-home-formats_grey.jpg) center top no-repeat;
    text-align: center;
    color: #ffbca8;
    padding: 4.6875rem 0 3.75rem;
}
.section.-formats_light {
    background: #D8D8D8 url(../images_common/bg-home-formats_lightgrey.jpg) center top no-repeat;
    background-size: cover; /* expand image over full display width */
	text-align: center;
    color: #ffbca8;
    padding: 4.6875rem 0 3.75rem;
}
.section.-formats_nbk {
    background: #D8D8D8 url(../images_common/notebook_bckg_grey.jpg) center top no-repeat ; 
	background-size: cover; /* expand image over full display width */
    text-align: center;
    color: #ffbca8;
    padding: 4.6875rem 0 3.75rem;
}
.section.-formats_thunderbolt {
    background: #D8D8D8 url(../images_common/thunder9.jpg) center top no-repeat ; 
	background-size: cover; /* expand image over full display width */
    text-align: center;
    color: #ffbca8;
    padding: 4.6875rem 0 3.75rem;
}
.section.-formats_virtreal {
    background: #D8D8D8 url(../images_common/virtual_reality6.jpg) center top no-repeat ; 
	background-size: cover; /* expand image over full display width */
    text-align: center;
    color: #ffbca8;
    padding: 4.6875rem 0 3.75rem;
}


.section.advantage {
    /* background: #858585 url(../images_common/cfgAdvBg.jpg) center top no-repeat; */
	background: #E9E9E9 url(../images_common/motherboard_1920x1200.jpg) center top no-repeat;
	background-size: cover; /* expand image over full display width */
    text-align: center;
    color: #454545;
    padding: 4.6875rem 0 3.75rem;
}
.xolonium
{
font-size: 47px;
/* font-size: 26px; */
line-height: 1.2;
font-family: "Xolonium", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
font-weight: normal;
color: #fd6e05;
text-transform: uppercase;
}
.row_jcc, .row-token {
    width: 1200px;
    margin: 0 auto;
}
.container_jcc {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.borderbot3 {
    border-bottom: 1px solid red;
}
.tbShad {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
}
.catSlCon {
    background: #fafafa;
    border-radius: 3px;
    border: 1px solid #dedede;
    text-align: center;
    margin-right: -5px;
    margin-left: -5px;
}
.bckg_fa {
    background-color: #fafafa;
}
.bckg_f2 {
    background-color: #f2f2f2;
}
.bckg_f7 {
    background-color: #f7f7f7;
}
.bordered_topbot {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #e3e3e3;
}
.bordered_top {
    border-top: 1px solid;
    border-color: #e3e3e3;
}
.bordered_bot {
    border-bottom: 1px solid;
    border-color: #e3e3e3;
}
.bluetext
{
    font-size: 13px;
    color: #2196f3;
    font-weight: 600;
    text-decoration: none;
}
html, body {
    font-family: "Open Sans",sans-serif;
    cursor: default;
}


.advContainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	max-width:1400px;
}


.col-md-3 {
	float: left;
    width: 25%;
}
.col-md-12 {
    width: 100%;
}
.col-md-12 img {
	max-width: 100%;
}
#advListCont ul {
  margin-top:50px;
  margin-bottom:100px;
  height:auto;
}
.advCont .advItem {
    box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    padding: 6px 10px;
    background-color: #fff;
    margin-bottom: 15px;
    position: relative;
    min-height: 210px;
    margin: 10px;
}
.advCont .advTitle {
	margin-bottom: 25px;
}
.advCont .advTitle h1 {
	/* FONT-FAMILY: "Xolonium", Arial, Helvetica, sans-serif; */ 
	FONT-WEIGHT: normal;  
    font-size: 25px;
    text-transform: uppercase;
    color: #2196F3;
	/* color: #fd6e05; */
    font-weight: 400;
    margin: 6px 0;
}
.advCont .advTitle h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #2196F3;
    font-weight: 400;
    margin: 6px 0;
}
.advCont .advTitle p {
    color: #454545;
    font-size: 13px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.advCont .advItem h3 {
	min-height: 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #454545;
    margin: 16px 0;
}
.advCont .advMnfctDescr {
	display: inline-block;
    height:auto;
	text-align:center;
	margin-top: 25px;
	margin-bottom: 25px;	
}
.advCont .advMnfctDescr h3 {
    font-size: 14px;
    font-weight: 600;
    color: #454545;
    text-transform: uppercase;
    margin: 6px 0;
}
/*
.advCont .advItem .advDescr {
    height:auto;
	display:inline-block;

}
*/
.advCont .advItem .advDescr {
    position: relative;
    overflow: hidden;
    border: 0px solid #456987;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    vertical-align: top;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.advCont .advParag  {
    display: inline-block;
    max-width: 75%;
    margin-left: 2%;
}
.advCont .advItem .advDescr p {
    font-size: 12px;
    margin: 0;
    color: #454545;
	text-align:left;
}
.advCont .advItem .advDescr img {
    float: left;
    max-width: 56px;
    max-height: 56px;
}
.advCont .advItem .advIcon {
    float: left;
    max-width: 56px;
    min-height: 100%;
    margin-right: 3%;
}
.advCont .advItem .advIcon img {
    float: left;
    max-width: 56px;
    max-height: 56px;
}
.advText-center {
    text-align: center;
}



/*---------------------------------------------------------------------------- End New 16 sept 2016 ------------------------------------------------------------------------*/

@media screen and (min-width: 1201px) and (max-width: 1300px) {
/* @media screen and (max-device-width: 1000px) { */
	.advCont .advItem {
		min-height: 235px;
	}
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
/* @media screen and (max-device-width: 1000px) { */

	.col-md-3 {
		width: 50%;
	}
	.advCont .advItem {
		min-height: 170px;
	}
}

@media screen and (max-width: 1000px) {
/* @media screen and (max-device-width: 1000px) { */

	.col-md-3 {
		width: 100%;
		margin-top:0px;
		margin-bottom:5px;
	}
	.advCont .advItem {
		min-height: 110px;
	}
	.notebook_Header_2016 {
		width:100%;
		min-height:480px; 
		height:auto;
	}
	.notebook_Header_2016 img {
		width:auto;	
		/* display:none; */
	}
	.container_slogan {
		position: relative;
		display:block;
		left:0%;
		top:0%;
		vertical-align:top;
		width:100%;		
		height:auto;
		padding-left:20px;
		padding-right:20px;
	}
	.container_slogan_button {
		margin-right:15%;
		margin-top:0%;
	}
	.container_slogan_button_2016 {
		margin-right:10%;
		margin-top:0%;
	}
	.container_slogan p {
		max-width: 90%;
	}
	.container_slogan H1 {
		max-width: 90%;
	}
	.container_slogan_right {
		/* clear:right;
		float:none;*/
		position: relative;
		display:block;
		float:left;
		right:0%;
		top:0%;
		vertical-align:top;
		width:100%;	
		max-width:100%;
		height:auto;
		padding-left:20px;
		padding-right:20px;
		
		/* border: 2px solid yellow; */
	}
	.container_slogan_right p {
		max-width: 90%;
		FONT-SIZE: 1em;
	}
	.container_slogan_right H1 {
		max-width: 90%;
		FONT-SIZE: 1.8em;
	}
	.container_slogan_left p {
		max-width: 90%;
	}
	.container_slogan_left H1 {
		max-width: 90%;
	}
	.container_slogan_right_2016 {
		/* clear:right;
		float:none;*/
		position: relative;
		display:block;
		float:left;
		right:0%;
		top:0%;
		vertical-align:top; 
		/*bottom:0%;
		vertical-align:bottom;*/
		width:100%;	
		max-width:100%;
		height:auto;
		padding-left:20px;
		padding-right:20px;
		/* border: 2px solid yellow; */
	}
	.container_slogan_right_2016 p {
		max-width: 95%;
		FONT-SIZE: 1em;
	}
	.container_slogan_right_2016 H1 {
		max-width: 90%;
		FONT-SIZE: 1.8em;
	}

	.container_slogan_left_2016 {
		/* clear:right;
		float:none;*/
		position: relative;
		display:block;
		float:left;
		left:0%;
		top:0%;
		vertical-align:top;
		width:100%;	
		max-width:100%;
		height:auto;
		padding-left:20px;
		padding-right:20px;
		
		/* border: 2px solid yellow; */
	}

	.container_slogan_left_2016 p {
		max-width: 95%;
		FONT-SIZE: 1em;
	}
	.container_slogan_left_2016 H1 {
		max-width: 90%;
		FONT-SIZE: 1.8em;
	}
	.container_slogan_left {
		position: relative;
		display:block;
		float:left;
		left:0%;
		top:0%;
		vertical-align:top;
		width:100%;		
		height:auto;
		padding-left:20px;
		padding-right:20px;
	}
	.container_notebook_header_img_left_2016 {
		/* max-width: 50%; */
		top: 30%;
	}
	.container_notebook_header_img_left_2016 IMG {
		/* opacity: .85; */	
	}
	.container_notebook_header_img_right_2016 {
		/* max-width: 50%; */
		top: 30%;
	}
	.container_notebook_2016 img {
	  max-width:100%;
	  height:auto;
	  width: auto\9; /* ie8 */
	}
} /* end @media screen and (max-width: 1000px) */

UL.configtext_main {
	position: relative;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px; 
	/* list-style:circle; */
	list-style:none;
	margin-top:40px;
}
.configtext_main_title {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 23px; FONT-WEIGHT: normal; border:0px solid #fff; margin-bottom:10px; 
	list-style-type:none;
}
.configtext_sub_title {
	/* FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 15px; FONT-WEIGHT: normal; border:0px solid #fff; margin-bottom:30px; 
	list-style-type:none;
	/*TEXT-ALIGN: left; COLOR: #4E4E4E; */
	FONT-FAMILY: "Michroma", Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; font-style:normal; 
	LINE-HEIGHT:20px;
	padding:10px; 
	float:left;
}
LI.configtext_main_header {
	/* background: #F8F8F8; */ /* Light grey */
	/* background: #AAA;  */
	/* border: 1px solid #eee; */
	/* background-color:#5887F5; */
	/* border: #5887F5 1px solid; */
	/* border-top: #5887F5 3px solid;*/
	/* border-bottom: #5887F5 3px solid; */
	float:left;
	display:block;
	width:100%;
	margin-top:0px;
	margin-bottom:14px;
	padding:3px;
	list-style:none;
	/* FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT: bold;margin-top:0px;*/
	/* font-family: 'Gravity_Book_Italic', sans-serif; text-decoration:none; FONT-SIZE: 18px; FONT-WEIGHT: normal; */
	font-family: "Open Sans",sans-serif;text-decoration:none; 
	/* color:#00aeef; */ /* Light blue */
	/* color:#00729C; */ /* Dark blue */
	/* color:#fff; */
	text-transform:uppercase;
	FONT-STYLE: italic; 

	/* FONT-FAMILY: "Xolonium", Arial, Helvetica, sans-serif;*/
	COLOR: #2196F3; /* Blue */
	/* color: #fd6e05; */ /* orange */
	FONT-SIZE: 34px; 
	FONT-WEIGHT: bold; 
	margin-top:0px; 

	height: 100%; /* add this to make it work with IE6-9*/
	/*
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #d1d1d1 0%, #f6f6f6 47%, #d6d6d6 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d1d1), color-stop(47%, #f6f6f6), color-stop(100%, #d6d6d6));
	background: -webkit-linear-gradient(top, #d1d1d1 0%, #f6f6f6 47%, #d6d6d6 100%);
	background: -o-linear-gradient(top, #d1d1d1 0%, #f6f6f6 47%, #d6d6d6 100%);
	background: -ms-linear-gradient(top, #d1d1d1 0%, #f6f6f6 47%, #d6d6d6 100%);
	background: linear-gradient(to bottom, #d1d1d1 0%, #f6f6f6 47%, #d6d6d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d6d6d6', GradientType=0 );
	*/
	/*
	background: #BEBEBE;
	background: -moz-linear-gradient(top, #BEBEBE 0%, #f6f6f6 60%, #B0B0B0 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #BEBEBE), color-stop(60%, #f6f6f6), color-stop(100%, #B0B0B0));
	background: -webkit-linear-gradient(top, #BEBEBE 0%, #f6f6f6 60%, #B0B0B0 100%);
	background: -o-linear-gradient(top, #BEBEBE 0%, #f6f6f6 60%, #B0B0B0 100%);
	background: -ms-linear-gradient(top, #BEBEBE 0%, #f6f6f6 60%, #B0B0B0 100%);
	background: linear-gradient(to bottom, #BEBEBE 0%, #f6f6f6 60%, #B0B0B0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#B0B0B0', GradientType=0 );
	*/

	/* Good 29 sept 2016
	background: #401b6b;
	background: -moz-linear-gradient(left, #401b6b 0%, #322b69 26%, #9977d9 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #401b6b), color-stop(26%, #322b69), color-stop(100%, #9977d9));
	background: -webkit-linear-gradient(left, #401b6b 0%, #322b69 26%, #9977d9 100%);
	background: -o-linear-gradient(left, #401b6b 0%, #322b69 26%, #9977d9 100%);
	background: -ms-linear-gradient(left, #401b6b 0%, #322b69 26%, #9977d9 100%);
	background: linear-gradient(to right, #401b6b 0%, #322b69 26%, #9977d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401b6b', endColorstr='#9977d9', GradientType=1 );
	*/
	
	/*
	background: #000000;
	background: -moz-linear-gradient(left, #000000 0%, #222252 26%, #75f5e0 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #000000), color-stop(26%, #222252), color-stop(100%, #75f5e0));
	background: -webkit-linear-gradient(left, #000000 0%, #222252 26%, #75f5e0 100%);
	background: -o-linear-gradient(left, #000000 0%, #222252 26%, #75f5e0 100%);
	background: -ms-linear-gradient(left, #000000 0%, #222252 26%, #75f5e0 100%);
	background: linear-gradient(to right, #000000 0%, #222252 26%, #75f5e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#75f5e0', GradientType=1 );
	*/
	/*
	background: #401b6b;
	background: -moz-linear-gradient(left, #401b6b 0%, #9977d9 0%, #322b69 80%, #401b6b 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #401b6b), color-stop(0%, #9977d9), color-stop(80%, #322b69), color-stop(100%, #401b6b));
	background: -webkit-linear-gradient(left, #401b6b 0%, #9977d9 0%, #322b69 80%, #401b6b 100%);
	background: -o-linear-gradient(left, #401b6b 0%, #9977d9 0%, #322b69 80%, #401b6b 100%);
	background: -ms-linear-gradient(left, #401b6b 0%, #9977d9 0%, #322b69 80%, #401b6b 100%);
	background: linear-gradient(to right, #401b6b 0%, #9977d9 0%, #322b69 80%, #401b6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401b6b', endColorstr='#401b6b', GradientType=1 );
	*/
	/*
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #9194CC),
	color-stop(1, #00078C)
	);
	background-image: -o-linear-gradient(left, #9194CC 0%, #00078C 100%);
	background-image: -moz-linear-gradient(left, #9194CC 0%, #00078C 100%);
	background-image: -webkit-linear-gradient(left, #9194CC 0%, #00078C 100%);
	background-image: -ms-linear-gradient(left, #9194CC 0%, #00078C 100%);
	background-image: linear-gradient(to left, #9194CC 0%, #00078C 100%);
	*/
}
LI.configtext_main_header IMG {
	margin-right:10px;
	/* width:80px;
	height:80px; */
}
.configtext_main_header_small {
	/* FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT: bold;margin-top:0px;*/
	font-family: 'Gravity_Book_Italic', sans-serif; color:#00aeef;text-decoration:none; FONT-SIZE: 13px; FONT-WEIGHT: normal;
	/*text-transform:uppercase;*/
}
LI.configtext_main {
	/* background-color:#F9F9F9; */
	/* border: #E9E9E9 1px solid; */ /* sept 2016 */
	/*border: #E1E1E1 1px solid; */
	/*
	border-top: #E9E9E9 1px solid;
	border-bottom: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
	*/
	border-bottom: #E9E9E9 1px solid;
	float:left;
	margin-bottom:5px;
	margin-top:0px;
	padding:5px;
	margin-left:0px;
	width:700px;
	FONT-FAMILY: "Muli", Tahoma, Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px; 
	/*FONT-FAMILY: "Roboto", Tahoma, Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; 
	 FONT-FAMILY: "Roboto_Med", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;*/
}
LI.configtext_main:hover {
	/*background-color:#F7F7F7; */
	/* background-color:#FFFDB9; /* light yellow */
	 background-color:#C9D1FF; /* light blue */
	/* background-color:#E0FFC9; /* light green */
	/* background-color:#FFC9C9; /* light red */
	/* border: #B3B9DC 1px solid; */  /* sept 2016 */
	/* border-bottom: #E9E9E9 1px solid;
	float:left;
	margin-bottom:5px;
	margin-top:0px;
	padding:5px;
	margin-left:0px;
	width:700px; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px;
}
LI.configtext_main:active {
	background-color:#C9D1FF;
}
.configtext_list_bullet {
	float:left;
	background-color:#FFF;
	border: #ccc 0px solid;
	margin-bottom:2px;
	margin-top:0px;
	padding:0px;
	margin-left:20px;
	width:680px;
	list-style:disc;
	list-style-position:outside;
	vertical-align:baseline;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;
}
.configtext_wo_bullet {
	float:left;
	background-color:#FFF;
	border: #ccc 0px solid;
	margin-bottom:10px;
	margin-top:0px;
	padding:1px;
	margin-left:0px;
	margin-left:0px;
	width:700px;
	list-style:none;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px;
}
.configtext_main_checked {
	/*background-color:#F7F7F7; */
	background-color:#FFFDB9;
	/* border: #000 1px solid; */
}
/*
LI.configtext_main_checked {
	font-weight:bold;
}
*/
.configtext_main_unchecked {
	/*background-color:#FAFAFA;*/
	/*background-color:#FFF; */
	background-color:#fAFAFA;
	/* border: #E9E9E9 1px solid; */
	font-weight:normal;
}
/*
LI.configtext_main_unchecked {
	font-weight:normal;
}
*/
.item_check {
	border: 0px solid #000;
	float:left;
	padding:0px;
	width:auto;
	vertical-align:top;
	background-color:transparent

}
.item_label {
	border: 0px solid #000;
	width:675px;
	display:inline;
	float:left;
	margin-left:0px;
	padding: 0px;
	cursor: pointer;
}
.item_descr {
	border: 0px solid #ddd;
	width:550px;
	display:inline;
	float:left;
	margin-left:4px;
	padding: 0px;
	cursor: pointer;
}
.item_price {
	border: 0px solid #ddd;
	display:inline;
	float:right;
	width:auto;
	text-align:right;
	margin-top:0px;
	padding: 0px;
	/* cursor: pointer; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px;
}
.item_comment {
	border: 0px solid #eee;
	width:550px;
	float:left;
	text-align:left;
	padding: 0px;
	margin-top:5px;
	margin-bottom: 5px;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;margin-top:0px;
	COLOR: #697FFF; /* light blue */
	/* FONT-STYLE: italic; */
}

.access_qtycheck {
	position:relative;
	border: 0px solid #000;
	/* background-color:#FFF;*/
	float:left; 
	/*float:right; */
	padding:0px;
	width:40px;
	height:auto;
	margin-left: 0px;
	vertical-align:top;
}
.access_check {
	position:absolute;
	border: 0px solid #000;
	float:left;
	padding:0px;
	margin-left: 10px;
	top:0px;
	width:0px;
	vertical-align:top;
	border: 0px solid #ddd;
}
.access_soldout {
	position:absolute;
	border: 0px solid #000;
	float:left;
	padding:0px;
	margin-left: 0px;
	top:20px;
	width:0px;
	vertical-align:top;
	border: 0px solid #ddd;
}
.access_label {
	border-left: 1px solid #ddd;
	width:650px;
	display:inline;
	float:left;
	margin-left:45px;
	padding: 0px;
	cursor: pointer;
}
.access_descr {
	border: 0px solid #ddd;
	width:570px;
	display:inline;
	float:left;
	margin-left:4px;
	padding: 0px;
	cursor: pointer;
}
.access_price {
	border: 0px solid #ddd;
	display:inline;
	float:right;
	width:auto;
	text-align:right;
	margin-top:0px;
	padding: 0px;
	/* cursor: pointer; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: bold;margin-top:0px;
}
.access_comment {
	border: 0px solid #eee;
	width:550px;
	float:left;
	text-align:left;
	padding: 0px;
	margin-top:5px;
	margin-bottom: 5px;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;margin-top:0px;
	COLOR: #697FFF; /* light blue */
	/* FONT-STYLE: italic; */
}
.accesstext_main {
	background-color:transparent;
	border: #E9E9E9 1px solid;
	float:left;
	margin-bottom:2px;
	margin-top:0px;
	padding:0px;
	margin-left:20px;
	width:600px;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px;
	/* cursor: pointer; */
}
.accesstext_img {
	border: #E9E9E9 0px solid;
	background-color:#FFF;
	float:left;
	margin-right:10px;
	padding:0px;
	width:70px;
	height:80px;
	text-align:center;
	cursor: pointer;
}
.accesstext_img IMG {
	border: #E9E9E9 0px solid;
	margin-right:0px;
	padding:0px;
	width:auto;
	text-align:center;
	/*vertical-align:middle; 
	cursor: pointer;*/
 }
.container_mainspec {
  position:relative;
  /* overflow:hidden; */
  border: 0px solid #456987;
  padding: 0px;
  margin-top:30px;
  margin-bottom:30px;
  FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 11px; FONT-WEIGHT: normal;margin-top:0px;
  max-width: 1024px; /* added 16 sept 21 */
  margin-left:auto;  /* added 16 sept 21 */
  margin-right:auto; /* added 16 sept 21 */
  text-align:left;
}

#compprod ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  height:100%;
  cursor:default;
}
#compprod ul ul {
  opacity: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  z-index:0;
  min-height:400px;
  float:left;
  display: block;
}
#compprod ul li {
  float: left;
  position: relative;
  width:100%;
  display:inline-block;
  FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 17px; FONT-WEIGHT: normal;margin-top:0px;
}
UL.spectext_main {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	/* list-style:circle; */
	/*list-style:disc url("sqpurple.gif"); */
	margin-top:40px;
}
.spectext_main_title {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 23px; FONT-WEIGHT: normal; border:0px solid #fff; margin-bottom:30px; 
	
	list-style-type:none;
	/*TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-FAMILY: "Michroma", Arial, Helvetica, sans-serif; FONT-SIZE: 24px; padding:10px;FONT-WEIGHT: bold; font-style:normal; LINE-HEIGHT:30px; */
}
LI.spectext_main_header {
	background: #F8F8F8;
	border: 1px solid #eee;
	/*background-color:#5887F5;
	border: #5887F5 1px solid; */
	margin-top:0px;
	margin-bottom:14px;
	padding:10px;
	list-style:none;
	/* FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT: bold;margin-top:0px;*/
	font-family: 'Gravity_Book_Italic', sans-serif; color:#00aeef;text-decoration:none; FONT-SIZE: 18px; FONT-WEIGHT: normal;
	/*text-transform:uppercase;*/
}
.spectext_main_header_small {
	/* FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 16px; FONT-WEIGHT: bold;margin-top:0px;*/
	font-family: 'Gravity_Book_Italic', sans-serif; color:#00aeef;text-decoration:none; FONT-SIZE: 13px; FONT-WEIGHT: normal;
	/*text-transform:uppercase;*/
}
LI.spectext_main {
	/*background-color:transparent;
	border: #ccc 0px solid;*/
	margin-bottom:1px;
	margin-top:0px;
	padding:3px;
	margin-left:40px;
	list-style:disc url("sqpurple.gif");
	/* list-style: square url("../images_common/bullet_square3x3.gif"); // disc square circle */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
}
UL.mtbd {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 11px; FONT-WEIGHT: normal;margin-top:0px;
	/* list-style:circle; */
	/*list-style:disc url("sqpurple.gif"); */
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0px;
}
LI.mtbd {
	background-color:#efefe;
	border: #ccc 0px solid;
	margin-bottom:1px;
	margin-top:0px;
	padding:0px;
	margin-left:12px;
	list-style: square url("../images_common/bullet_square3x3.gif"); // disc square circle
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 11px; FONT-WEIGHT: normal;margin-top:0px;
}

.text_line {
    clear: both;
    margin-bottom: 2px;
}
.container_scroller {
  position:relative;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:0px;
  margin-bottom:0px;
  width:auto;
  height:100%;
  min-height:80px;
  /* max-width: 98%;
  margin: 10px auto; */
  z-index:5;
}
.container_spec {
  position:relative;
  overflow:hidden;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:100%;
  height:auto;
  vertical-align:top;
  /* max-width: 98%;
  margin: 10px auto; */
  max-width: 1024px; /* added 16 sept 21 */
  margin-left:auto;  /* added 16 sept 21 */
  margin-right:auto; /* added 16 sept 21 */
  text-align:left;
}

.container_spec LI {
  float:left;
  border: 0px solid blue;
  vertical-align:bottom;
  width:100%;
}

.container_spec LI IMG {
  border: 0px solid red;
  float:left;
  /* max-width:15%; */
  margin: 2% auto;
}

.container_spec IMG {
  border: 0px solid #456987;
  max-width: 100%;
  height:auto;
  margin: 10px auto;
  /*margin-left:0px;
  margin-right:5%;
  padding:2em;*/
}
.img_left {
	 float: left;
	 margin-left:0px;
}
.img_right {
	 float: right;
	 margin-left:10px;
}

.container_spec H1 {
	/* FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; */
	FONT-FAMILY: "Xolonium", Arial, Helvetica, sans-serif; 
	COLOR: #2196F3; 
	/*color: #fd6e05;*/ /* orange */
	FONT-SIZE: 27px; FONT-WEIGHT: normal; margin-top:0px; 
	text-transform: uppercase;
}
.container_spec H2 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.container_spec H3 {
	FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
/*
.container_spec H3 {
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; font-family: 'Istok_Web', Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}

.container_spec P {
	FONT-FAMILY: Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
*/
.container_spec P {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
.container_spec P a {
 FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: bold;margin-top:0px; LINE-HEIGHT: 1.6;display:inline;text-decoration:none;
}
.container_spec P a:hover {
 COLOR: blue; 
}

@media screen and (max-width: 1000px) 
{
	.container_spec {
        /*max-width: 98%;
		margin: 10px auto;	
		text-align:justify;*/
		max-width: 97%;
		margin: 10px auto;	
	}
	.container_spec p {
        /*max-width: 98%;
		margin: 10px auto;	*/
		/*text-align:justify; */
		max-width: 100%;
		margin: 10px auto;	
	}
	.container_spec IMG {
		float:none;
		clear:both;
		display: block;
		margin: 25px auto;
		height: auto;
		/* text-align: center;*/
	}
	.img_left {
		float:none;
		clear:both;
		display: block;
		max-width: 99%;
		margin: 10px auto;	
	}
	.img_right {
		float:none;
		clear:both;
		display: block;
		max-width: 99%;
		margin: 10px auto;
	}
}
.container_spec_img_left {
  /*position:absolute;*/
  display:inline-block;
  position:relative;
  vertical-align:top;
  overflow:hidden;
  border: 1px solid #456987;
  /* float:left; */
  max-width: 100%;
  width:auto;
  height:auto;
  /*margin-left:0px;*/
  margin-right:5%;
  /*padding:2em;*/
}
/*
@media screen and (min-width: 600px) 
{
	.container_spec_img_left {
		display:inline-block;
 }
	.container_spec_img_left IMG {
		display:inline-block;
		border: 0px solid #456987;
	}
}
*/

@media screen and (max-width: 1000px) 
{
	.container_spec_img_left {
		display:inline;  /* switches to display:inline instead of display:inline-block when size of display is below 600px to center image - No image or DIV resize with display:inline */
		border: 0px solid black;
		height: auto;
		overflow: hidden;
		margin-right:0;
		/* text-align: center;	*/
	}
	.container_spec_img_left IMG {
		display: block;
		margin: 10px auto;
		height: auto;
		max-width: 100%;
	}
}
.container_spec_img_right {
  /*position:absolute;*/
  display:inline-block;
  position:relative;
  vertical-align:top;
  /*vertical-align:middle; */
  overflow:hidden;
  border: 1px solid #456987;
  /* float:left; */
  max-width: 100%;
  width:auto;
  height:auto;
  /*margin-left:0px;*/
  margin-left:5%;
  /*padding:2em;*/
}
@media screen and (max-width: 1000px) 
{
	.container_spec_img_right {
		display:inline;
		border: 0px solid black;
		height: auto;
		overflow: hidden;
		margin-left:0;
		/* text-align: center;	*/
	}
	.container_spec_img_right IMG {
        display: block;
		margin: 10px auto;
		height: auto;
		max-width: 100%;
	}
}

.spectext_middle_center {
   display: block;
   margin: 10px auto;
   max-width: 80%;
   border: 0px solid black;
   height: auto;
   overflow: hidden;
   text-align: center; 
}
.spectext_middle_left {
   display: block;
   margin: 10px auto;
   max-width: 80%;
   border: 0px solid black;
   height: auto;
   overflow: hidden;
   text-align: left; 
}
@media screen and (max-width: 1000px) 
{
	.spectext_middle_left {
	   max-width: 85%;
	}
}
.container_spec_img_middle {
   border: 0px solid black;
   height: auto;
   overflow: hidden;
   text-align: center;
}
.container_spec_img_middle IMG {
   display: inline-block;
   margin: 10px auto;
   max-width: 100%;
   height: auto;
}
.container_spec_shad {
  position:relative;
  overflow:hidden;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
  height:auto;
}
.container_spec_shad IMG {
  display:inline-block;
  overflow:hidden;
  border: 0px solid #456987;
  width:auto;
  height:auto;
  margin-left:0px;
}
.spectext_right {
	/* position: absolute;*/
	position: relative;
	display:inline-block;
	/*display:inline; */
	background-color:transparent ; 
	/*width: 550px;*/
	width:100%;
	max-width: 600px;
	left:0px; 
	top:0px; 
	/*margin-left:2em;*/
	margin-left:0%;
	border:0px solid #a34567; 
	float:right;
	padding:0px;
	/*margin: 10px auto; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	vertical-align:top;
	text-align:left;
}
/*
.spectext_right H1 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_right H2 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_right H3 {
	FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_right P {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
.spectext_right P a {
 FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: bold;margin-top:0px; LINE-HEIGHT: 1.6;display:inline;text-decoration:none;
}
*/

.spectext_right_button {
position:relative;
float:right;
height:auto;
width:auto;
margin-top:30px;
border:0px solid #fff; 
}
@media screen and (max-width: 1000px) 
{
	.spectext_right {
		width:100%;
		max-width: 1000px;
		margin: 10px auto;
		clear:both;
		float:left;
		left:0;
	}
}
.spectext_left {
	/* position: absolute; */
	position: relative;
	display:inline-block;
	/* display:inline; */
	background-color:transparent ; 
	width:100%;
	max-width: 550px;
	left:0px; 
	top:0px; 
	margin-right:5%;
	border:0px solid #a34567; 
	float:left; 
	padding:0px; 
	/*margin: 10px auto; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	vertical-align:top;
}
/*
.spectext_left H1 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_left H2 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_left H3 {
FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_center H1 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.specleft_center H2 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.specleft_center H3 {
FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_left P {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
*/

.spectext_left_button {
position:relative;
float:right;
height:auto;
width:auto;
margin-top:30px;
border:0px solid #fff; 
}
@media screen and (max-width: 1000px) 
{
	.spectext_left {
		width:100%;
		max-width: 1000px;
		margin: 10px auto;
	}
}
.spectext_center {
	/* position: absolute; */
	position:relative;
	display:inline-block;
	background-color:transparent ; 
	width: auto; 
	left:0px;
	top:0px; 
	border:0px solid #a34567; 
	float:left; 
	padding:0px; 
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
}
/*
.spectext_center H1 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_center H2 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_center H3 {
FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
*/
.spectext_center P {
	overflow: hidden;
	/* FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6; */
}

.spectext_center IMG {
  position:relative;
  display:block;
  overflow:hidden;
  vertical-align:middle;
  border: 0px solid #456987;
  text-align:center;
  /* max-width:100%;*/
  height:auto;
  margin-left: auto;
  margin-right: auto
}
.spectext_center_black {
	/* position: absolute; */
	position:relative;
	display:inline-block;
	background-color:transparent ; 
	width: auto; 
	left:0px;
	top:0px; 
	border:0px solid #a34567; 
	float:left; 
	padding:0px; 
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #FFF; FONT-SIZE: 20px; FONT-WEIGHT: normal;margin-top:0px;
}
/*
.spectext_center H1 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_center H2 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
*/
.spectext_center_black H3 {
FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #FFF; FONT-SIZE: 20px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}

.spectext_center_black P {
	overflow: hidden;
	color:#FFF;
	font-size:18px
	/* FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6; */
}

.spectext_center_black IMG {
  position:relative;
  display:block;
  overflow:hidden;
  vertical-align:middle;
  border: 0px solid #456987;
  text-align:center;
  /* max-width:100%;*/
  height:auto;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width: 1000px) 
{
	.spectext_left {
		width:100%;
		max-width: 1000px;
		margin: 10px auto;
	}
	.spectext_center_black H3 {
		FONT-SIZE: 13px;
	}

	.spectext_center_black P {
		font-size:13px
	}
}
/*
@media screen and (max-width: 500px) {
    .spectext_center IMG {
        max-width:50%;
    }
}*/
.spectext_middle {
	/* position: absolute; */
	position:relative;
	display:inline-block;
	background-color:transparent ; 
	width: auto; 
	left:0px;
	top:0px; 
	border:0px solid #a34567; 
	float:left; 
	padding:0px; 
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	background: url(../images_common/gsync-hero.jpg) no-repeat 0px 0px transparent; 
}
.spectext_middle P {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
}

.spectext_right_over1 {
	/* position: absolute;*/
	position: relative;
	display:inline-block;
	/*display:inline; */
	background-color:rgba(209, 223, 255, 0.5); 
	/*width: 550px;*/
	width:100%;
	max-width: 570px;
	height:auto;
	left:0px; 
	top:-500px; 
	/*margin-left:2em;*/
	margin-left:0%;
	border:0px solid #a34567; 
	float:right;
	padding:2%;
	/*margin: 10px auto; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	vertical-align:top;
}

.spectext_right_over2 {
	/* position: absolute;*/
	position: relative;
	display:inline-block;
	/*display:inline; */
	background-color:rgba(214, 255, 209, 0.5); 
	/*width: 550px;*/
	width:100%;
	height:auto;
	max-width: 570px;
	left:0px; 
	top:-470px; 
	/*margin-left:2em;*/
	margin-left:0%;
	border:0px solid #a34567; 
	float:right;
	padding:2%;
	/*margin: 10px auto; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	vertical-align:top;
}
.spectext_right_os1 {
	position: absolute; 
	display:inline-block;
	background-color:rgba(209, 223, 255, 0.5); 
	max-width: 570px;
	width: 100%;
	height: auto; 
	float:right; 
	right:0%;
	top:0%; 
	margin:0px;
	border:0px solid #a34567; 
	padding:2%; 
	TEXT-ALIGN: left;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
	vertical-align:top;
}
.spectext_right_os2 {
	position: absolute; 
	display:inline-block;
	background-color:rgba(214, 255, 209, 0.5);  
	max-width: 570px;
	width: 100%;
	height: auto; 
	float:right; 
	right:0%;
	top:345px; 
	margin-top:50px;
	border:0px solid #a34567; 
	padding:2%; 
	TEXT-ALIGN: left;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
	vertical-align:top;
}
.spectext_right_750 {
	position: relative;
	display:inline-block;
	background-color:transparent ; 
	width:100%;
	max-width: 750px;
	left:0px; 
	top:0px; 
	margin-left:0%;
	border:0px solid #a34567; 
	float:right;
	padding:0px;
	vertical-align:top;
}
.spectext_left_750 {
	position: relative;
	display:inline-block;
	background-color:transparent ; 
	width:100%;
	max-width: 750px;
	left:0px; 
	top:0px; 
	margin-right:5%;
	border:0px solid #a34567; 
	float:left; 
	padding:0px; 
	vertical-align:top;
}
.spectext_right_550 {
	position: relative;
	display:inline-block;
	background-color:transparent ; 
	width:100%;
	max-width: 550px;
	left:0px; 
	top:0px; 
	margin-left:0%;
	border:0px solid #a34567; 
	float:right;
	padding:20px;
	vertical-align:top;
}
.spectext_left_550 {
	position: relative;
	display:inline-block;
	background-color:transparent ; 
	width:100%;
	max-width: 550px;
	left:0px; 
	top:0px; 
	margin-right:5%;
	border:0px solid #a34567; 
	float:left; 
	padding:0px; 
	vertical-align:top;
}

@media screen and (max-width: 1000px) 
{
	.spectext_right_os1 {
		position: relative;
		float:left;
		max-width: 1000px;
		margin: 10px auto;
	}
	.spectext_right_os1 p {
		margin-right: 5%;
	}
	.spectext_right_os1 H1 {
		margin-right: 5%;
	}
	.spectext_right_os1 H3 {
		margin-right: 5%;
	}
	
	.spectext_right_os2 {
		position: relative;
		float:left;
		max-width: 1000px;
		top:0px;
		margin: 10px 0% 5% 0%;
	}
	.spectext_right_os2 p {
		margin-right: 5%;
	}
	.spectext_right_os2 H1 {
		margin-right: 5%;
	}
	.spectext_right_os2 H3 {
		margin-right: 5%;
	}
	.spectext_right_750 {
		max-width: 1000px;
	}
	.spectext_left_750 {
		max-width: 1000px;
	}
	.spectext_right_550 {
		max-width: 1000px;
		padding:0px;
	}
	.spectext_left_550 {
		max-width: 1000px;
	}
}



.spectext_misc_right {
	background-color:transparent;
	display:inline-block;
	padding-top:2%;
	padding-left:2%;
	padding-right:2%;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	max-width:81%;
	width:100%;
}
/*@media screen and (max-width: 1000px) 
{
	.spectext_misc_right {
		padding-right:2%;
		max-width:81%;
	}
}*/

.spectext_misc {
	position: relative;
	background-color:transparent ; 
	display:inline-block;
	width: auto; 
	top:0px; 
	margin-left:0px;
	margin-bottom:10px;
	border-bottom: 0px solid #a34567; 
	margin-right:2%;
	padding:0px; 
	vertical-align:top;
	max-width: 700px;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
}

.spectext_misc UL {
	position:relative;
	float:left;
	list-style: none;
	height:auto;
	width:auto;
	margin-top:0px;
	border:0px solid #fff; 
}
.spectext_misc LI {
	position:relative;
	/* display:inline; */ /* if inline, list position one after the other on same line. Else: display:block */
	display:block;
	float:left;
	height:auto;
	width:auto;
	margin-bottom:20px;
	/* border-bottom:1px solid #ccc;*/
}
.spectext_misc IMG {
	position:relative;
	float:left;
	background-color:transparent ;
	top:0px;
	left:0px;
}
.spectext_misc H1 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_misc H2 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_misc H3 {
	position:relative;FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_misc P {
	position:relative;FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
.spectext_misc_button {
	position:relative;
	float:right;
	height:auto;
	width:auto;
	margin-top:30px;
	border:0px solid #fff; 
}
.spectext_misc_subimg {
	position:relative;
	float:left;
    width:160px;
	height:auto;
	background-color:transparent ;
}

.spectext_gpu {
	/* position: absolute; */
	position:relative;
	background-color:transparent ;
	display:inline-block;
	overflow:hidden;
	width: auto; 
	left:0px; 
	border:1px solid #ccc; 
	float:left; 
	padding:10px; 
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px;
	background-color: #F8F8F8;
	margin-top: 0px;
	margin-bottom: 20px;
}
.spectext_gpu UL {
	list-style-type: circle;
    /* list-style-image: url(puce.gif); */
    list-style-position: inside;
}
.spectext_gpu UL LI {
	/* display:list-item; */
	display: inline-block;	
	width: auto;
	margin-left:20px;
	padding-left:7px;
	margin-bottom:10px;
	text-indent:initial;
	/* background: url(../images_common/Bullet_grey_small_12_10.gif) no-repeat scroll 0px 0px transparent; */
}
.spectext_gpu UL LI:before {
	/* content:url(../images_common/Bullet_grey_small_12_10.gif); */
	content:url(../images_common/bullet_yellow_left.png);
	/* content:'\ffed';  black square */
	margin-left:-18px;
}
.spectext_gpu H1 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_gpu H2 {
FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_gpu P {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
.spectext_price {
  /* position:absolute; 
  overflow:visible;
  float:left;
  border: 0px solid #456987;
  padding: 0px;
  margin-top:85%;
  margin-left:40%;
  margin-bottom:0px;
  width:auto;
  height:auto;
  vertical-align:-50%;*/

  position: absolute;
  max-width:420px;
  overflow:visible;
  float:left;
  display:block;
  border: 0px solid #456987;
  padding: 0px;
  /* margin-top:-30px; */ /* modif Sept. 2016 */
  margin-left:0%;
  margin-bottom:0px;
  width:auto;
  height:auto;
  vertical-align:0%;
}
@media screen and (max-width: 1000px) {
    .spectext_price {
		position: relative;
		max-width:100%;
		margin: 10px auto;	
		float:none;
		/* text-align:center; */
	}
	.spectext_price IMG {
		display: block;
		margin: 25px auto;
		height: auto;
		max-width: 97%;
		float:none;
	}
}

.spectext_gallery {
	position: relative;
	background-color:transparent ; 
	width: auto;
	height:auto;
	left:0px; 
	border:0px solid #ccc; 
	float:left; 
	padding-top:50px;
	padding-bottom:50px; 
	padding-left:5%;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: normal;margin-top:0px;
}
.spectext_gallery UL {
	list-style:none;
}
.spectext_gallery LI {
	display:inline;
	float:left;
	width:17%;
	/*width:170px;
	 max-height:120px;*/
	/* margin-left:20px; */
	margin-right:20px;
	margin-bottom:10px;
}
.spectext_gallery H1 {
FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.spectext_gallery H2 {
FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.spectext_gallery P {
FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; LINE-HEIGHT: 1.6;
}
A.pic_gallery IMG {
	/* BACKGROUND-IMAGE: url(../images_common/bckg_white_167x111.png); */
	/* BACKGROUND-COLOR: transparent; */
	BORDER-BOTTOM: #2e3036 1px solid; FILTER: alpha(opacity=50); BORDER-LEFT: #2e3036 1px solid; BORDER-TOP: #2e3036 1px solid; BORDER-RIGHT: #2e3036 1px solid; padding:5px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-transition: background-color 800ms linear, opacity 0.9s;
	-moz-transition: background-color 800ms linear, opacity 0.9s;
	-o-transition: background-color 800ms linear, opacity 0.9s;
	transition: background-color 800ms linear, opacity 0.9s;
}
A.pic_gallery:hover IMG {
	/* BACKGROUND-IMAGE: url(../images_common/bckg_white_167x111.png);*/
	/*BACKGROUND-COLOR: #DDD;*/
	BORDER-BOTTOM: #2e3036 1px solid; FILTER: alpha(opacity=100); BORDER-LEFT: #2e3036 1px solid; BORDER-TOP: #2e3036 1px solid; BORDER-RIGHT: #2e3036 1px solid; padding:5px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transition: background-color 800ms linear, opacity 0.9s;
	-moz-transition: background-color 800ms linear, opacity 0.9s;
	-o-transition: background-color 800ms linear, opacity 0.9s;
	transition: background-color 800ms linear, opacity 0.9s;
}
.columns1_wosepar {
	-webkit-columns: 1;
	-moz-columns: 1;
	columns: 1; 
}
.columns1_wosepar UL {
	list-style-type: circle;
    /* list-style-image: url(puce.gif); */
    list-style-position: inside;
}
.columns1_wosepar UL LI {
	display: inline-block;
	width: auto;
	margin-left:20px;
	padding-left:7px;
	margin-bottom:10px;
}
.columns2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2; 
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
	-webkit-column-rule: 1px solid #ccc;
	-moz-column-rule: 1px solid #ccc;
	column-rule: 1px solid #ccc;
}
.columns2_wosepar {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2; 
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
	-webkit-column-rule: 0px solid #ccc;
	-moz-column-rule: 0px solid #ccc;
	column-rule: 0px solid #ccc;
}
.columns2_wosepar UL {
	list-style-type: circle;
    /* list-style-image: url(puce.gif); */
    list-style-position: inside;
}
.columns2_wosepar UL LI {
	display: inline-block;
	width: auto;
	margin-left:20px;
	padding-left:7px;
	margin-bottom:10px;
}
.columns3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -webkit-column-gap: 3em;
	-webkit-column-rule: 1px solid #ccc;
	
	-moz-column-count: 3; /* Firefox */
	-moz-column-gap: 3em;
	-moz-column-rule: 1px solid #ccc;
    
	column-count: 3;	
	column-gap: 3em;
	column-rule: 1px solid #ccc;
}
@media screen and (min-width: 540px) and (max-width: 900px) {
	.columns3 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;	
	}
}
@media screen and (max-width: 540px) {
    .columns2 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;	
	}
	.columns3 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;	
	}
	p.columns3 IMG {
		display: block;
		margin: 10px auto;
		height: auto;
	}
	.columns2_wosepar {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1; 
	}
}
.columns3 H1 {
	color: #6b0e22;
	font-variant: small-caps;
	letter-spacing: 2px;
	-webkit-column-span: all; /* H1 title spans over the 3 columns */
	-moz-column-span: all;
	column-span: all;
	margin-bottom: 4px;
	padding-top: 8px;
	border-top: 1px dotted #ddd;
}
.columns3 p {
	color: #555;
	margin-top: 0;
	line-height: 1.4;
}
.columns3 IMG {
	/* overflow: hidden; */
	display:inline-block;
	margin-right:100%;
	margin-bottom:5%;
}
/*
@media screen and (max-width: 800px) {
    .columns3 IMG {
        max-width:50%;
    }
}
*/
.columns3 h1 + p {
	color: #333;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-weight: bold;
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ddd;
}
.columns4 {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4; 
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
	-webkit-column-rule: 1px solid #ccc;
	-moz-column-rule: 1px solid #ccc;
	column-rule: 1px solid #ccc;
}
.columns6 {
	-webkit-columns: 6;
	-moz-columns: 6;
	columns: 6; 
	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
	-webkit-column-rule: 1px solid #ccc;
	-moz-column-rule: 1px solid #ccc;
	column-rule: 1px solid #ccc;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	/* width:100%; */
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
@media (min-width: 1800px) {
    .container {
        width: 1250px
    }
}


.container_subleft {
    border:0px solid #ccc;
	max-width:600px;
	display:inline-block;
	text-align:left;
	margin-right:50px;
}
@media screen and (max-width: 1200px) 
{
	.container_subleft {
		width:100%;
		max-width:1200px;
		margin: 10px auto;
	}
}


.container_subright {
    border:0px solid #ccc;
	max-width:600px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	vertical-align:top;
	margin-left:50px;
}
@media screen and (max-width: 1200px) 
{
	.container_subright {
		width:100%;
		max-width:1200px;
		margin: 10px auto;
	}
}













/* Desktop container */
#container_desktop {
  position:relative;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  margin-top:40px;
  margin-bottom:60px;
  width:auto;
}
#container_desktop H3 {
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; font-family: 'Istok_Web', Arial, Helvetica, sans-serif;  FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}
#DeskHeader {position: relative; margin: 0; no-repeat 0px 0px transparent;  left:0px; top:0px; border:0px solid #876543;width:100%;float:left; }
#desktop_DeskText {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:320px; top:280px; border:0px solid #a34567; width:auto; float:left; font-family: 'Istok_Web', Arial, Helvetica, sans-serif;  COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 2; FONT-WEIGHT: normal;}
#desktop_DeskButton {position: absolute; margin: 0; no-repeat 0px 0px transparent;  left:320px; top:345px; border:0px solid #b0b0b0; width:auto; float:left; }

#container_nbk_filter {
  position:relative;
  overflow:hidden;
  background: #F8F8F8;
  border: 1px solid #eee;
  padding: 10px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
  max-width:1024px;
  margin-left:auto;
  margin-right:auto;
  /* height:250px;*/
}
#container_nbk_filter H1 {
	TEXT-ALIGN: left; 
	COLOR: #4E4E4E; 
	/* FONT-SIZE: 29px; 
	FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; 
	FONT-WEIGHT: normal; 
	LINE-HEIGHT:20px;*/
	font-family: 'Gravity_Light', sans-serif; margin:0;padding:0; FONT-SIZE: 28px; font-weight: normal;font-style: normal;
}
@media screen and (max-width: 526px) {
	#container_nbk_filter {
        padding-left: 2px;
		padding-right: 2px;
  	}
	#container_nbk_filter H1 {
		FONT-SIZE: 20px;
	}
}
@media screen and (max-width: 395px) {
	#container_nbk_filter {
        padding-left: 2px;
		padding-right: 2px;
  	}
	#container_nbk_filter H1 {
		FONT-SIZE: 18px;
	}
}
#container_nbk_filter_list H1 {
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}

.container_complist {
  position:relative;
  display: block;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  width:auto;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}


#container_nbk_list {
  position:relative;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
  max-width:1024px;
  margin-left:auto;
  margin-right:auto;
}
#container_nbk_list H1 {
	/* TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; FONT-WEIGHT: normal; LINE-HEIGHT:20px; */
	TEXT-ALIGN: left; COLOR: #4E4E4E; 
	FONT-FAMILY: "Michroma", Arial, Helvetica, sans-serif; FONT-SIZE: 20px; FONT-WEIGHT: bold; 
	/* FONT-FAMILY: "Capture", Arial, Helvetica, sans-serif; FONT-SIZE: 40px; FONT-WEIGHT: normal; */
	padding:10px; font-style:normal; text-transform:uppercase;LINE-HEIGHT:30px;
}

.gravity_lite {
	TEXT-ALIGN: left; 
	COLOR: #4E4E4E; 
	font-family: 'Gravity_Light', sans-serif; margin:0;padding:0; FONT-SIZE: 18px; font-weight: normal;font-style: normal;
}

#container_dsk_filter {
  position:relative;
  overflow:hidden;
  background: #F8F8F8;
  border: 1px solid #eee;
  padding: 10px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
  max-width: 1024px;
  margin-left:auto;
  margin-right:auto;
  /* height:250px;*/
}
#container_dsk_filter H1 {
	TEXT-ALIGN: left; 
	COLOR: #4E4E4E; 
	font-family: 'Gravity_Light', sans-serif; margin:0;padding:0; FONT-SIZE: 28px; font-weight: normal;"
}

.container_criteria {
	display:inline-block;
	float:left;
	border:1px solid #ccc;
	padding: 1%;
	min-height:300px;
	height:auto;
	max-width:1002px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;	
}
.container_criteria_header {
	display:inline-block;
	float:left;
	/*background-color:#E1E1E1 ; */
	/* background-color:transparent ; */ 
	border-bottom:1px solid #ccc;
	padding:10px;
	min-height:100px;
	height:auto;
	/* max-width:990px;*/
	max-width:100%;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #ebebeb 4%, #fafafa 92%, #fafafa 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f0f0f0), color-stop(4%, #ebebeb), color-stop(92%, #fafafa), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(top, #f0f0f0 0%, #ebebeb 4%, #fafafa 92%, #fafafa 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%, #ebebeb 4%, #fafafa 92%, #fafafa 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%, #ebebeb 4%, #fafafa 92%, #fafafa 100%);
	background: linear-gradient(to bottom, #f0f0f0 0%, #ebebeb 4%, #fafafa 92%, #fafafa 100%);
}
.container_criteria_header img {
	display:inline-block;
	/* max-width:25%;*/
	float:left;
	/*vertical-align:middle;*/ 
}
.container_criteria_header_right {
	position: relative;
	display:inline-block;
	background-color:transparent ; 
	max-width: 700px;
	width:100%;
	border:0px solid #a34567; 
	/* float:left; */
	padding:10px;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
}
.container_criteria_header_right H1 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px;  
}
.container_criteria_header_right H2 {
	FONT-FAMILY: "Merriweather_Sans_Regular", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 25px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; text-transform: uppercase;
}
.container_criteria_header_right H3 {
	FONT-FAMILY: "Merriweather_Sans_BoldItalic", Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; margin-bottom:10px; 
}
.container_criteria_header_right P {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #404040; FONT-SIZE: 13px; FONT-WEIGHT: normal;margin-top:0px; line-height:1.6;
}
.container_criteria_header_right P a {
 FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 13px; FONT-WEIGHT: bold;margin-top:0px; display:inline;text-decoration:none;
}
.container_criteria_header_right P a:hover {
 COLOR: blue; 
}

.container_criteria_right {
	position: relative;
	display:inline-block;
	background-color:#000; 
	/*opacity:0.7;*/
	filter:alpha(opacity=70); 
	/*background: rgba(170, 0, 0, 0.7);*/
	background: rgba(0, 0, 0, 0.7); /* apply opacity on background only */
	no-repeat 0px 0px transparent; 
	/* width: 280px; height: 250px; */
	/*width: 60%; */
	height: auto; 
	float:left; 
	/*right:3%;
	top:9%; */
	max-width: 700px;
	margin:0px;
	border:0px solid #a34567; 
	padding:10px; 
	TEXT-ALIGN: left;
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: normal;
}
.container_criteria_right H1 {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1.8em; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_criteria_right H2 {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1.6em; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_criteria_right H3 {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1.4em; FONT-WEIGHT: bold; border:0px solid #fff; margin-top:0px; 
}
.container_criteria_right p {
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 1em; FONT-WEIGHT: normal; border:0px solid #fff; margin-top:0px; 
}

.container_criteria_plus {
	background-color: transparent;
	BORDER: #cdcdcd 0px solid ;
	/* height: 100px; */
	width: 100%;
	float: left;
	display:block;
	padding:0px;
	margin-top: 5px;
	margin-bottom: 0px;
	/*font-family: 'Muli', sans-serif;	*/
	/*font-family: 'Droid_Sans', sans-serif;*/ 
	font-family: 'Istok_Web', sans-serif; 
	/* font-family: 'Playfair Display SC', serif; */
	/* font-family: 'Nunito', sans-serif; */
	COLOR: #333; FONT-SIZE: 11px; FONT-WEIGHT: normal; overflow:hidden;
}

.container_criteria_plus IMG {
	float:none;
}
@media screen and (max-width: 1024px) {
	.container_criteria {
		width:97.5%;
		margin-left:auto;
		margin-right:auto;
	}
	.container_criteria_header_right {
		padding-right:10px;
		padding-left:0;
		overflow: auto;
		max-width:100%;
		width:auto;
	}

}

@media screen and (max-width: 526px) {
	#container_dsk_filter {
        padding-left: 2px;
		padding-right: 2px;
  	}
	#container_dsk_filter H1 {
		FONT-SIZE: 20px;
	}
	.container_criteria_plus {
		display:none
	}
}
@media screen and (max-width: 395px) {
	#container_dsk_filter {
        padding-left: 2px;
		padding-right: 2px;
  	}
	#container_dsk_filter H1 {
		FONT-SIZE: 18px;
	}
}
#container_dsk_filter_list H1 {
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}

#container_dskt_list {
  position:relative;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
  max-width:1024px;
  margin-left:auto;
  margin-right:auto;
}
#container_dskt_list H1 {
	/* TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; FONT-WEIGHT: normal; LINE-HEIGHT:20px;*/
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-FAMILY: "Michroma", Arial, Helvetica, sans-serif; FONT-SIZE: 20px; padding:10px;FONT-WEIGHT: bold; font-style:normal; text-transform:uppercase;LINE-HEIGHT:30px;
}

.container_title {
  position:relative;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
}
.container_title H1 {
	/* TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-SIZE: 29px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; FONT-WEIGHT: normal; LINE-HEIGHT:20px;*/
	TEXT-ALIGN: left; COLOR: #4E4E4E; FONT-FAMILY: "Michroma", Arial, Helvetica, sans-serif; FONT-SIZE: 20px; padding:10px;FONT-WEIGHT: bold; font-style:normal; text-transform:uppercase;LINE-HEIGHT:30px;
}

#container2 {
  position:relative;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
}

#container3 {
  position:relative;
  overflow:hidden;
  border: 0px solid #eee;
  padding: 0px;
  margin-top:10px;
  margin-bottom:10px;
  width:auto;
}

.blocnews_left {
	position:relative;
	/*float:left;*/
	left:0px; 
	width:530px;
	height:530px;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER:  1px solid #eee;
}
.blocnews_left H2 {
	TEXT-ALIGN: center; COLOR: #474747; FONT-SIZE: 48px; FONT-WEIGHT: normal
}
.blocnews_left H3 {
	TEXT-ALIGN: left; COLOR: #585858; FONT-SIZE: 18px; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}
.blocnews_left H4 {
	PADDING-BOTTOM: 10px; COLOR: #474747; FONT-SIZE: 24px; FONT-WEIGHT: normal
}
.blocnews_left P {
	COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal;
}
.blocnews_right_top {
	/* position:relative; */
	position:absolute;
	/* float:left;*/
	left:560px;
	top:0px;
	width:440px;
	/* margin-left:15px;*/
	height:249px;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER:  1px solid #eee;
}
.blocnews_right_top H2 {
	TEXT-ALIGN: center; COLOR: #474747; FONT-SIZE: 48px; FONT-WEIGHT: normal
}
.blocnews_right_top H3 {
	TEXT-ALIGN: left; COLOR: #585858; FONT-SIZE: 18px; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}
.blocnews_right_top H4 {
	PADDING-BOTTOM: 10px; COLOR: #474747; FONT-SIZE: 24px; FONT-WEIGHT: normal
}
.blocnews_right_top P {
	COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal;
}
.blocnews_right_bottom {
	/* position:relative; */
	position:absolute;
	/* float:left;*/
	left:560px;
	top:280px;
	width:440px;
	/* margin-left:15px;*/
	height:249px;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER:  1px solid #eee;
}
.blocnews_right_bottom H2 {
	TEXT-ALIGN: center; COLOR: #474747; FONT-SIZE: 48px; FONT-WEIGHT: normal
}
.blocnews_right_bottom H3 {
	TEXT-ALIGN: left; COLOR: #585858; FONT-SIZE: 18px; FONT-WEIGHT: normal; LINE-HEIGHT:20px;
}
.blocnews_right_bottom H4 {
	PADDING-BOTTOM: 10px; COLOR: #474747; FONT-SIZE: 24px; FONT-WEIGHT: normal
}
.blocnews_right_bottom P {
	COLOR: #797979; FONT-SIZE: 14px; LINE-HEIGHT: 1.6; FONT-WEIGHT: normal;
}


.blocnews_img {
	display:block;
	text-align:center;
	overflow:hidden;	
	margin:15px;
	BORDER: 0px solid #222;

}
img {
	/*width: auto;
    height: auto; */
	vertical-align: middle;
	/* BORDER:  1px solid #567432; */
}

.return_left {
	position:absolute;
	top:190px;
	display:block;
	left:0px;
	BORDER:  2px solid #A98765;
}

.sprite_top {
background: url(../images_common/sny-sprite_top.png) repeat-x; background-position:left 3px; padding-top:0px; border-top:1px solid #ecf1ff; height:37px; position:relative;
/* width:2048px; */ 
/* left:-550px; */
width:100%;
top:10px;
}

.sprite_bot {background: url(../images_common/sny-sprite_bot.png) repeat-x; background-position:left 0px; padding-top:0px; border-top:0px solid #ecf1ff; height:37px; position:relative;width:2048px; left:-550px; top:0px;}

.sprite1 {background: url(../images_common/sny-sprite1.png) repeat-x; background-position:left 3px; padding-top:0px; border-top:0px solid #ecf1ff; height:100px; position:relative;width:2048px; left:-550px; top:-20px;}

.sprite2 {background: url(../images_common/sny-sprite1.png) repeat-x; background-position:left 3px; padding-top:0px; border-top:0px solid #ecf1ff; position:relative; width:230px; left:-10px;}

.sprite_before {background: url(../images_common/sep.png) no-repeat; background-position:left 3px; padding-top:0px; height:37px; position:relative;width:2048px; left:-550px; top:10px;}








.blocnews_header-green {
	position:relative; 
	width:127px; height:22px; MARGIN-TOP: -10px; MARGIN-LEFT: -10px; PADDING-TOP: 0px;
	background: url(../images_common/top-header-green.png) transparent no-repeat bottom center !important;  
}
.blocnews_header-green A:link {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; 
}
.blocnews_header-green A:visited {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-green A:hover {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-green A:active {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}

.blocnews_header-blue {
	position:relative; 
	width:127px; height:22px; MARGIN-TOP: -10px; MARGIN-LEFT: -10px; 
	background: url(../images_common/top-header-blue.png) transparent no-repeat bottom center !important; 
}
.blocnews_header-blue A:link {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-blue A:visited {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-blue A:hover {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-blue A:active {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}

.blocnews_header-green-nbk {
	position:relative; 
	width:127px; height:22px; MARGIN-TOP: -10px; MARGIN-LEFT: 0px; PADDING-TOP: 0px;
	background: url(../images_common/top-header-green.png) transparent no-repeat bottom center !important;  
}
.blocnews_header-green-nbk A:link {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; 
}
.blocnews_header-green-nbk A:visited {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-green-nbk A:hover {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-green-nbk A:active {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}

.blocnews_header-nbk-blue {
	position:relative; 
	width:127px; height:22px; MARGIN-TOP: -10px; MARGIN-LEFT: -10px; PADDING-TOP: 0px;
	background: url(../images_common/top-header-blue.png) transparent no-repeat bottom center !important;  
}
.blocnews_header-nbk-blue A:link {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; 
}
.blocnews_header-nbk-blue A:visited {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-nbk-blue A:hover {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}
.blocnews_header-nbk-blue A:active {
	FLOAT: left; padding-left:10px; padding-top: 4px; FONT-FAMILY: "????", "Microsoft Yahei", Arial, Helvetica, sans-serif, "??"; COLOR: #000; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; padding-left:10px;
}

/*
#FiltSubmitNbk
{
	display: inline;
	position:relative;
	float:left;
	left:100px;
	top:150px;
	margin-left:30px;
	width:auto;
	height:auto;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	/* BORDER:  0px solid #eee; 
}
*/
#FiltSubmitNbk
{
	display: inline;
	position:relative;
	float:right;
	right:10px;
	margin-top:150px;
	/* margin-left:30px; */
	width:auto;
	height:auto;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER: 0px solid #eee;
}
@media screen and (max-width: 820px) {
	#FiltSubmitNbk {
	   margin-top:20px;
	   right:0px;
	}
}
/*
#FiltSubmitDsk
{
	display: inline;
	position:relative;
	float:left;
	left:100px;
	top:110px;
	margin-left:30px;
	width:auto;
	height:auto;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	/* BORDER:  0px solid #eee;
}*/
#FiltSubmitDsk
{
	display: inline;
	position:relative;
	float:right;
	right:10px;
	margin-top:130px;
	/* margin-left:30px; */
	width:auto;
	height:auto;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER:  0px solid #eee;
}
@media screen and (max-width: 780px) {
	#FiltSubmitDsk {
	   margin-top:20px;
	   right:0px;
	}
}

#container_select_nbk
{
	position:relative;
	float:left;
	left:0px;
	margin-top:18px;
	/* width:340px; */
	width:auto;
	min-height:20px;
	overflow:hidden;
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER: 1px solid #ddd;
}
@media screen and (max-width: 820px) {
	#container_select_nbk {
	   margin-top:0px;
	}
}
#container_select_nbk P
{
	display: inline;
	TEXT-ALIGN: left;
	/* text-transform:uppercase; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold;margin-top:0px;
}
#container_select_dsk
{
	position:relative;
	float:left;
	left:0px;
	margin-top:18px;
	margin-left:0px;
	/* width:280px; */
	width:	auto;
	min-height:20px;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER: 1px solid #ddd;
}
#container_select_dsk P
{
	display: inline;
	TEXT-ALIGN: left;
	/* text-transform:uppercase; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold ; margin-top:0px;
	/* text-transform:uppercase; */
}
.container_select
{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin-left:0px;
	margin-bottom:20px;
	width:685px;
	min-height:20px;
	overflow:hidden; 
	padding: 10px;
	background-color:transparent;
	/* background-color:#F4F4F6; */
	BORDER: 1px solid #ddd;
}
.container_select P {
	display: inline;
	TEXT-ALIGN: left;
	/* text-transform:uppercase; */
	FONT-FAMILY: "Muli", Arial, Helvetica, sans-serif; COLOR: #5B5B5B; FONT-SIZE: 12px; FONT-WEIGHT: bold;margin-top:0px;
}
.dropdown {
	  position:relative;
	  display: inline-block;
	  border:0px solid #69A3D3;
	  font-size: 13px;
      /* color: #1455a2; */
	  color: #716D7E;
}
.dropdown select {
	  display: inline-block;
	  border:0px solid #69A3D3;
	  /*border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
	  /* -moz-appearance: tabpanels; */
	  appearance: none;
      background: transparent url(../images_common/down_arrow_select.gif); /*Adds background-image*/
      /* background-position: 235px 0px;  /*Position of the background-image*/
	  background-position:right center;
	  background-repeat: no-repeat;
      /* width:280px; /*Width of select dropdown to give space for arrow image*/
	  width:auto; 
	  padding-right:12%;
	  /* height: 29px; */
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
	  vertical-align: baseline !important;
	  cursor: pointer;
      /*My custom style for fonts*/
	  font-size: 13px;
      /* color: #1455a2; */
	  color: #716D7E;
}

.dropdown select::-ms-expand { display: none; }

.dropdown select:focus {
	outline: 0; /* remove focus outline*/
}

#radio-container_nbk {
   position:relative;
   float:left;
   margin-left:0px;
   margin-right:30px;
   width:auto;
   /*max-width: 80%;*/
   padding:20px;
   border: 0px solid #e3e3e3;
   /* margin: 0 auto; */
   font-family: "museo-sans", sans-serif;
   text-align:left;
   vertical-align:-50%;
   font-size: 13px;
   color: #716D7E;
   line-height: 22px;
   min-height:170px;
}
#radio-container_nbk H1 {
   font-family: "MuseoSans-500", sans-serif; TEXT-ALIGN: left; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold; text-transform:uppercase;line-height:40px;
}

#radio-container_dsk {
   position:relative;
   float:left;
   margin-left:30px;
   width:auto;
   /*max-width: 80%;*/
   padding:20px;
   border: 1px solid #e3e3e3;
   /* margin: 0 auto; */
   font-family: "museo-sans", sans-serif;
   text-align:left;
   vertical-align:-50%;
   font-size: 13px;
   color: #716D7E;
   line-height: 22px;
}
#radio-container_dsk H1 {
   font-family: "MuseoSans-500", sans-serif; TEXT-ALIGN: left; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold; text-transform:uppercase;line-height:40px;
}

/* Radio button style */
#filt-radio-button input[type="radio"] {
   position:absolute;
   margin-right:10px;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
}
 
#filt-radio-button input[type="radio"] + label {
   position:relative;
   padding: 0px 0px 0px 20px;
   cursor: pointer;
}
 
#filt-radio-button input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 14px;
   width: 14px;
   background: white;
   border: 1px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   transition: all 0.5s;
}
 
#filt-radio-button input[type="radio"]:checked + label:before {
   background: #46A2D4;
}
/* End Radio button style */


/* Radio button style */
#item_check_id input[type="radio"] {
   /* position:absolute; */  /* this line create problems with IE6 and IE7 */
   cursor: pointer;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
}
 
#item_check_id input[type="radio"] + label {
   float:left;
   position:relative;
   padding: 0px 0px 0px 0px; 
   cursor: pointer;
}
 
#item_check_id input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:0px;
   height: 14px;
   width: 14px;
   background: transparent;
   /*padding-right:100px; /* bullet distorsion */
   border: 1px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   transition: all 0.5s;
}
 
#item_check_id input[type="radio"]:checked + label:before {
   background: #46A2D4;
}
/*
#item_check_id input[type="radio"]:checked+label {
    background:#faa;
    border:1px solid red;
	width:30px;
}*/
/* End Radio button style */


#checkbox-container_nbk {
   float:left;
   width:auto;
   /* max-width: 80%; */
   padding:20px;
   border: 0px solid #e3e3e3;
   font-family: "museo-sans", sans-serif;
   /* margin: 0 auto;*/
   margin-right:30px; 
   font-size: 13px;
   color: #716D7E;
   line-height: 22px;
   text-align:left;
   min-height:170px;
}
#checkbox-container_nbk H1 {
   	font-family: "MuseoSans-500", sans-serif; TEXT-ALIGN: left; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold; text-transform:uppercase;line-height:40px;
   /* margin-top:-10px; */
}

#checkbox-container_dsk {
   float:left;
   width:auto;
   /* max-width: 80%; */
   padding:20px;
   border: 0px solid #e3e3e3;
   /* margin: 0 auto;*/
   margin-right:30px; 
   font-family: "museo-sans", sans-serif;
   font-size: 13px;
   color: #716D7E;
   line-height: 22px;
   text-align:left;
   min-height:150px;
}
@media screen and (max-width: 780px) {
	#checkbox-container_dsk {
	   padding:10px;
	   border: 0px solid #e3e3e3;
	   /* margin: 0 auto;*/
	}
}
#checkbox-container_dsk H1 {
   font-family: "MuseoSans-500", sans-serif; TEXT-ALIGN: left; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold; text-transform:uppercase;line-height:40px;
   /* margin-top:-10px; */
}

#checkbox-container_dskcpu {
   float:left;
   width:auto;
   /* max-width: 80%; */
   padding:20px;
   border: 0px solid #e3e3e3;
   /* margin: 0 auto; */
   margin-right:30px;
   font-family: "museo-sans", sans-serif;
   font-size: 13px;
   color: #716D7E;
   line-height: 22px;
   text-align:left;
   min-height:150px;
}
@media screen and (max-width: 780px) {
	#checkbox-container_dskcpu {
	   padding:10px;
	   border: 0px solid #e3e3e3;
	   /* margin: 0 auto;*/
	}
}
#checkbox-container_dskcpu H1 {
   font-family: "MuseoSans-500", sans-serif; TEXT-ALIGN: left; COLOR: #716D7E; FONT-SIZE: 13px; FONT-WEIGHT: bold; text-transform:uppercase;line-height:40px;
   /* margin-top:-10px; */
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  /* float:left; */
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content:'';
  position: absolute;
  left:0; top: 2px;
  width: 14px; height: 14px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content:url(../images_common/check_blue20.png);
  position: absolute;
  top: -2px; left: 1px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  /* border: 1px dotted blue; */
  border: 1px solid #aaa;
}

.sp-quantity {
    width:124px;
    height:42px;
    font-family:"ProximaNova Bold", Helvetica, Arial;
}
.sp-minus {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    float:left;
    text-align:center;
}
.sp-input {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    border-left:0px solid black;
    float:left;
}
.sp-plus {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    border-left:0px solid #e1e1e1;
    float:left;
    text-align:center;
}
.sp-input input {
    width:30px;
    height:34px;
    text-align:center;
    font-family:"ProximaNova Bold", Helvetica, Arial;
    border: none;
}
.sp-input input:focus {
    border:1px solid #e1e1e1;
    border: none;
}
.sp-minus a, .sp-plus a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 5px;
}
#dialog {
    display: none;
}


.button_incrdecr {
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 29px;
  height: 29px;
  float: left;
  text-align: center;
  background: url(../images_common/buttons.png) no-repeat;
}
.dec {
  background-position: 0 150px;
}

.discount_check {
	display:inline;
	border: 0px solid #000;
	float:left;
	padding:0px;
	margin-left: 10px;
	top:0px;
	width:100%;
	vertical-align:top;
	border: 0px solid #ddd;
}
.discount_pc {  
  float: left;
  width: auto;
  height:auto;
  padding: 0px;
  text-align: center;
  background-color:transparent;
  margin-top:10px;
  margin-right:0px;
  margin-left:0px;
  BORDER: 1px solid #000;
}
.discount_pc input[type=text] {
  float: left;
  width: 60px;
  font: bold 16px Helvetica, sans-serif;
  padding: 0px 0 0 0;
  text-align: center;
  background-color:#FFF;
  margin-left:0px;
  BORDER: 1px solid #ccc;
}
.discount_eu {
  float: left;
  width: auto;
  height:auto;
  padding: 0px;
  text-align: center;
  background-color:transparent;
  margin-top:10px;
  margin-right:0px;
  margin-left:20px;
  BORDER: 0px solid #ccc;
}
.discount_eu input[type=text] {
  float: left;
  width: 60px;
  font: bold 16px Helvetica, sans-serif;
  padding: 0px 0 0 0;
  text-align: center;
  background-color:#FFF;
  margin-left:0px;
  BORDER: 1px solid #ccc;
}

.numbers-row {
	position:relative;
	float:left;
	width:40px;
	height:auto;
	padding: 0px;
	background-color:transparent;
	BORDER: 0px solid #eee;
}
.access_qty {
  position:absolute;
  float: left;
  width: auto;
  height:auto;
  padding: 0px;
  text-align: center;
  background-color:transparent;
  margin-top:30px;
  margin-right:0px;
  margin-left:0px;
  BORDER: 0px solid #ccc;
}
.access_qty input[type=text] {
  float: left;
  width: 35px;
  font: bold 18px Helvetica, sans-serif;
  padding: 0px 0 0 0;
  text-align: center;
  background-color:transparent;
  margin-right:5px;
  BORDER: 1px solid #ccc;
}
.buttons_incrdecr {
  padding: 20px 0 0 140px;
}
.button_plus {
  position:absolute;
  margin: 0;
  text-indent: -9999px; 
  cursor: pointer;
  float: left;
  /* width: 21px;
  height: 20px;  
  top:-5px;
  left:0px;*/
  width: 18px;
  height: 18px;  
  top:29px;
  left:20px;
  text-align: center;
  /* background: url(../images_common/button_plus.png) no-repeat; */
  background: url(../images_common/button_plus_18.png) no-repeat; 
  /* background: url(../images_common/qtyplus_black.png) no-repeat;*/
}
.button_minus {
  position:absolute;
  margin: 0;
  text-indent: -9999px; 
  cursor: pointer;
  float: left;
  /* width: 21px;
  height: 20px;
  top:17px;
  left:-21px;*/
  width: 18px;
  height: 18px;
  top:29px;
  left:0px;
  text-align: center;
  /* background: url(../images_common/button_minus.png) no-repeat;*/
  background: url(../images_common/button_minus_18.png) no-repeat; 
  /*background: url(../images_common/qtyminus_black.png) no-repeat;*/
}
.btn_minus {
  position:relative;
  margin: 0;
  cursor: pointer;
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  background: url(../images_common/button_minus_18.png) no-repeat;
}

.increment_qty {
    width: 40px;
    height: 25px;
    text-align: center;
}
input.qtyplus { width:25px; height:25px;}
input.qtyminus { width:25px; height:25px;}

@media screen and (max-width: 1000px) 
{
	.item_label {
		width:93%;
	}
	LI.configtext_main {
		width:93%;
	}
	.item_descr {
		width:80%;
	}
	.item_comment {
		width:93%;
	}
	.configtext_list_bullet {
		width:95%;
	}
	.configtext_wo_bullet {
		width:95%;
	}
	.item_check {
		width:6%;
		max-width:20px;
	}
	.dropdown select {
		width:95%;
	}
	.container_select {
		width:95%;
	}
	LI.configtext_main {
		width:95%;
	}
	.access_label {
		width:90%;
	}
	.access_descr {
		width:80%;
	}
	.access_comment {
		width:93%;
	}
}