@CHARSET "UTF-8";
/*** Style of FrontEnd ***/
@font-face {
	font-family: 'AllerLight';
	src: url('aller_lt-webfont.eot');
	src: url('font-face/aller_lt-webfont.woff') format('woff'), url('font-face/aller_lt-webfont.ttf') format('truetype'), url('font-face/aller_lt-webfont.svg#webfontuBO4MQxR') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('font-face/myriadpro-regular-webfont.eot');
	src: local('☺'), url('font-face/myriadpro-regular-webfont.woff') format('woff'), url('font-face/myriadpro-regular-webfont.ttf') format('truetype'), url('font-face/myriadpro-regular-webfont.svg#webfontW3cKUy8j') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('font-face/myriadpro-bold-webfont.eot');
	src: local('☺'), url('font-face/myriadpro-bold-webfont.woff') format('woff'), url('font-face/myriadpro-bold-webfont.ttf') format('truetype'), url('font-face/myriadpro-bold-webfont.svg#webfontpjLT1pLJ') format('svg');
	font-weight: bold;
	font-style: normal;
}

body{
	margin:0px;
	padding:0px;
	background-image:url("../_images/background.gif");
	background-repeat:repeat-x;
	font-family: MyriadPro, Helvetica, Tahoma, sans-serif;
	background-color:#fff; 
	color:#333;
}

a{
	color:#333;
}

a img{
	border:none;
}

.negative_link{
	color:#D9910D;
}

.negative_link:hover{
	color:#009ada;
}

a:hover{
	color:#009ada;
}

label{
	cursor:pointer;
}

p{
	text-align: left;
	line-height: 1.4em;
	margin:0em;
	padding:0.2em 0em 0.5em 0em;
}

h1{
	margin:20px 0px 7px 0px;
	padding:0px;
	color:#333;
	font-size: 2.7em;
	_font-family: AllerLightRegular, Tahoma, Arial;
	font-weight: normal;	
}

h2{
	color:#253d51;
	margin:5px 0px 7px 0px;
	padding:0px;
	font-weight: normal;
}

h3{
	color:#253d51;
	font-weight: normal;
	font-size:1.4em;
	margin:1em 0em 0.25em 1em;
	padding:0em;
}

h4{
	font-size:1.1em;
	font-weight: bolder;
	margin: 1.5em 0 0 0;	
}

fieldset{
	padding:0px;	
}

.bigger{
	font-size:115%;
}

.right{
	text-align: right;
}

.center{
	text-align:left;
}

.clear {
	clear: both;
}

.error{
	color:red;
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0px;
}

.extra_span{
	display:block;
	padding:0.1em 0em 0.7em 0em;
	
}

.margin_top{
	clear:both;
	display:block;
	margin-top:15px !important;
}

.info_icon{
	float:left;
	margin:5px 0px 0px 5px;
	cursor:pointer;
	width:20px;
	height:20px;
}

.icon{
	margin:5px 0px -5px 5px;
	cursor:pointer;
	width:20px;
	height:20px;
}

.info_icon_select{
	float:left;
	margin:1px 0px 0px 5px;
	cursor:pointer;
	width:20px;
	height:20px;
}


#main{
	margin:0 auto;
	width:1000px;
}

/*** HEAD ***/
#head{
	height:187px;
}

#logo{
	float:left;
	width:293px;
	height:187px;
	background-image:url("../_images/logo_bg.png");
	background-repeat:no-repeat;
}

#logo img{
	float:left;
	margin:37px 0px 0px 51px;
	cursor:pointer;
	border:none;
}

/*** TOP MENU ***/
#top_menu{
	float:right;
	width:402px;
	height:49px;
	margin-top:27px;
	background-image:url("../_images/top_menu_bg.png");
}

/*** SEARCH BOX ***/
#search_box{
	float:right;
	width:225px;
	margin:10px 25px 0px 0px;
}

#search_box form{
	margin:0px;
	padding:0px;
	width:225px;
}

fieldset.search {
	border: none;
	width: 225px;
	margin: 0 auto;
	background: transparent;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #253d51;
	font-size: 0.8em;
	line-height:2.1em;
	width: 150px;
	height: 29px;
	padding:0px 17px 0px 10px;
	background: transparent url("../_images/search.png") no-repeat;
}

.search input.box:focus {
	background: transparent url("../_images/search.png") no-repeat left -29px;
	outline: none;
}

.search button.btn {
	width: 45px;
	height: 29px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url("../_images/search.png") no-repeat right top ;
}
.search button.btn:hover {
	background: transparent url("../_images/search.png") no-repeat right -29px;
}

/*** LANGUAGE ***/
#language{
	float:left;
	padding:13px 10px 0px 10px;
	margin:0px 0px 0px 15px;
	color:#fff;
	font-size:1.25em;
	font-weight:normal;
	cursor:pointer;
	position:relative;
	font-family: AllerLight, Tahoma, Arial;
	font-stretch: wider;
}

#language:hover{
	padding:10px 10px 0px 10px;
	border-top:3px solid #009ada;
}

/*** LANGUAGE LIST ***/
#language_list{
	z-index:200;
	display:none;
	position:absolute;
	width:207px;
	height:152px;
	margin: -12px 0px 0px -18px;
	background-image: url("../_images/language_list.png");
	font-family: AllerLight, Tahoma, Arial;
}

#language_list ul{
	margin:33px 0px 0px 40px;
	padding:0px;
	font-size:0.9em;
	color:#fff;
	white-space:nowrap;
	list-style-type: none;
}

#language_list ul li{
	margin:5px 0px 0px 0px;
	line-height:1.1em;
	padding:0px;
}

#language_list ul li.active{
	list-style-image: url("../_images/active.png");
}

#language_list ul li a{
	color:#fff;
	text-decoration: none;
}

#language_list ul li a:hover{
	color:#009ada;
}

/*** MAIN MENU ***/
#main_menu{
	float:left;
	width:255px;
	padding:0px 0px 20px 0px;
}

#main_menu ul{
	margin:20px 0px 0px 45px;
	padding:0px;
	color:#253d51;
	font-family: Helvetica, AllerLight, Tahoma, Arial;
	font-size: 1.85em;
	font-weight: lighter;
}

#main_menu ul li{
	margin:0px 0px 10px 0px;
	list-style-type:none;
}

#main_menu ul li a{
	color:#253d51;
	text-decoration: none;
}

#main_menu ul li a:hover{
	color:#009ada;
	text-decoration: underline;
}

/*** CONTENT ***/
#content{
	float:right;
	width:685px;
	padding:0px 0px 30px 60px;
}

#content_box{
	position:relative;
}

/*** SUBMENU ***/
#submenu{
	display:none;
	z-index:100;
	position:absolute;
	width:777px;
	height:185px;
	left:160px;
	padding:10px 0px 0px 23px;
	top:40px;
	background-image: url("../_images/submenu_mask.png");
	background-repeat: no-repeat;
}

.section_icon{
	float:left;
	position:relative;
	margin:  0px 0px 0px 0px;
}

.section_icon a{
	color:#fff;
	text-decoration:none;
	border:none;
}

.section_icon a img{
	border:none;
}

.section_icon a:hover{
	color:#009ada;
	text-decoration:underline;
}

.section_icon span{
	position:absolute;
	top:130px;
	width:100%;
	display:block;
	text-align:center;
	font-size:0.85em;
}

/*** SECTION MENU ***/
.section_menu{
	margin:-1.5em 0em 1.6em 0em;
	font-size:1em;
	padding:3em 0em 0em 0em;
	list-style-type:none;
	border-bottom:1px solid #333;
	line-height: 1.5em;
}

.section_menu li{
	display:inline;
	margin:0em 1em 0em 0em;
	padding:0em;
}

.section_menu li a.active{
	font-weight: bolder;
}

.section_menu li a{
	text-decoration: none;
}

.top{
	clear:both;
	margin-top:1.3em;
}
	
/*** SLIDESHOW ***/
#slider{
	z-index:0;
	float:right;
	width:590px;
	height:300px;
	margin-top:-7px;
	padding:30px 60px 30px 50px;
	background-image: url("../_images/slide_bg.png");
}

#slider h3{
	font-size: 2.7em;
	margin:20px 0px 0px 0px;
	text-shadow: 0px -1px 0px #162430;
	padding:0px;
	color:#253d51;
	font-weight: normal;
}

#slider h3 a{
	text-decoration:none;
	color:#253d51;
	font-weight: normal;
}

/*** STAT BOX ***/
#stat_box{
	clear:both;
	width:100%;
	height:450px;
	background-image: url("../_images/stat_bg.jpg");
	background-repeat: repeat-x;
}

/*** STAT MAIN ***/
#stat_main{
	position:relative;
	width:967px;
	margin:0 auto;
	padding:10px 0px 0px 48px;
}

.left_box{
	float:left;
	width:450px;
	padding-right:30px;
}

.right_box{
	float:right;
	width:450px;
	padding-left:30px;
}

#stat_main h3{
	width:410px;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#2f3f4a;
	border-bottom:1px solid #27353e;
	text-shadow:none;
	line-height: 1.35em;
	font-weight: lighter;
}

/*** NEWS ***/
#news{
	width:410px;
	height:330px;
	overflow: hidden;
}

#news h2{
	margin:12px 0px 0px 0px;
	padding:0px;
	font-size:1.1em;
	line-height:1.35em;
	color:#1b1b1b;
	font-weight: normal;
}
#news p{
	margin:0px;
	padding:0px;
}

#news a{
	color:#fff;
	text-decoration: underline;
}

#news a:hover{
	color:#009ada;
}

#news .message{
	line-height:1.2em;
	color:#fff;
	font-size:0.9em;
}

.old_topics{
	margin-top:10px;
	font-size:0.9em;
}

/**** WHOLE NEWS REPORT ***/
.whole_message{
	text-align:right;
	margin:15px 0px 25px 0px;
}

.news_record a, .news_record strong{
	color:#333 !important;
}

.news_record a:hover{
	color:#009ada !important;
}

/*** RIGHT BOXES ***/
.small_box{
	float:right;
	width:356px;
	height:105px;
	overflow: hidden;
	padding:7px 40px 7px 25px;	
}

/*** DOWNLOADS ***/
.download_list{
	margin:0px;
}
.download_list li{
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*** STANDARD FORMS ***/
.standard_form{
	margin:0px 0px 30px 0px;
	padding: 20px 20px 20px 20px;
	background-color: #2f3f4a;
	color:#fff;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border:2px solid #2f3f4a;
}

.standard_form p{
	text-align:left;
}

.standard_form a{
	color:#fff;
}

.standard_form a:hover{
	color:#009ada;
}

.label_line{
	width:60px;
	float:left;
	font-size:1.1em;
	margin:0.2em 1em 0.5em 0em;
}

.btn_line{
	padding:0.3em;
	cursor:pointer;
}

.login_form{
	width:550px;
}

.form_row{
	clear:both;
	height:30px;
	display: block;
	padding:0.5em 0em 3px 0em;
}

.form_row select{
	padding:2px;
	margin:-2px 0px 0px 0px;
	float:left;
}

select{
	padding:2px;
	cursor:pointer;
	border: 1px solid #333;
	font-size:14px;
	height:30px;
	border:2px solid #333;
	background-color:#fff;
			border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.form_row input{
	padding:2px;
	margin:0px 0px 0px 0px;
	float:left;	
	border: 1px solid #333;
	font-size:13px;
	height:18px;
	background-color:#fff;
	font-size:0.9em;
	border:2px solid #333;
	padding:0.3em;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.input{
	padding:2px;
	margin:0px 0px 0px 2px;
	border: 1px solid #333;
	font-size:13px;
	height:18px;
	background-color:#fff;
	font-size:0.9em;
	border:2px solid #333;
	padding:0.3em;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.form_row:focus{
	border:2px solid #009ada;
}

.form_row label{
	margin:0.2em 0em 0em 0em;
	cursor:pointer;
	font-size:1.1em;
	float:left;
}

.label_short{
	width:13%;
}

.label_middle{
	width:26%;
}

.label_long{
	width:35%;
}

.input_middle{
	width:30%;
}

.input_long{
	width:90%;
}

.input_short{
	width:15%;
}

.input_middle_logner{
	width:55%;
}

.form_row .date{
	width:90px;
}

.radio{
	display:block;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

/*** PRODUCT SELECT FORM ***/
.product_selector{
	padding: 10px 20px 20px 20px;
	width:500px;
}

#hidder{
	width:530px;
	color:#fff;
	margin:0px 0px 30px 0px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	cursor:pointer;
	padding:3px 0px 0px 10px;
	height:17px;
	background-color: #2f3f4a;
	border:2px solid #2f3f4a;
	background-image: url("../_images/add_20.png");
	background-repeat: no-repeat;
	background-position: 520px center;
}

.product_selector:hover{
	border:2px solid #009ada;
}

.product_selector span{
	
}

.product_selector select{

}

.product_selector .select_button{
	font-size:14px;
	padding:2px;
	margin:0px 0px 0px 10px;
	float:left;
	cursor:pointer;
}	

/*** GENERAL BOX ***/
.general_box .left_box{
	float:left;
	width:45%;
}

.general_box .right_box{
	float:right;
	width:45%;
}

.general_box ul{
	margin:0em 0em 2.5em 2.4em;
	padding:0em;
}

.general_box h3{
	color:#333333;
	text-shadow:none;
	font-weight: normal;
	font-size:1.4em;
	margin:1em 0em 0.25em 1em;
	padding:0em;
}


/**** LIST STYLES ***/
ul.adress_list{
	margin:0em 0em 2.5em 1.5em;
	list-style-type:none;
	padding:0em;
}

ul.adress_list li{
	margin:0em 0em 0.25em 0em;
}

/*** MODULES ***/

#facebook{
	cursor:pointer;
	float:left;
	margin:3px 0px 0px 30px;
	width:50px;
	height:45px;
}

#facebook_effect{
	position:absolute;
	top:-70px;
	left:5px;
	display:none;
}

/*** EMAILING ***/
#emailing{
	position:absolute;
	width:450px;
	height:75px;
	top:375px;
	left:15px;
	background-image: url("../_images/mailing_bg.png");
}

#emailing form{
	margin:10px 0px 0px 110px;
	padding:0px;
	width:190px;
}

fieldset.mailing {
	border: none;
	width: 190px;
	margin: 0 auto;
	background: transparent;
}
.mailing input, .btn {
	border: none;
	float: left;
}
.mailing input.box {
	color: #253d51;
	font-size: 0.8em;
	line-height:2.1em;
	width: 123px;
	height: 24px;
	padding:0px 15px 0px 8px;
	background: transparent url("../_images/mailing.png") no-repeat;
}

.mailing input.box:focus {
	background: transparent url("../_images/mailing.png") no-repeat left -24px;
	outline: none;
}

.mailing input.btn {
	width: 40px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url("../_images/mailing.png") no-repeat right top;
	border:none;
}
.mailing input.btn:hover {
	background: transparent url("../_images/mailing.png") no-repeat right -24px;
}

#emailing span{
	display:block;
	margin:5px 0px 0px 110px;
	color:#fff;
	font-size:0.8em;
}


/**** POOL ****/
#pool_box{
	position:relative;
}

#question{

}

.answer_count{
	display:none;
}

#pool span{
	color:#fff;
	display:block;
}

#pool{
	margin:-2px 0px 0px 10px;
	width:60%;
}

#pool_count{
	width:100px;
	position:absolute;
	top:35px;
	right:30px;
	color:#504f4f;
}

.pool_count{
	text-align:center;
	width:100%;
	font-size:70px;
	height:70px;
	margin-bottom:10px;
	letter-spacing:0px;
	text-shadow: 0px -1px 0px #000;
	padding:0px;
}

.pool_count_msg{
	display:block;
	height:20px;
	text-align:right;
}

.pool_col{
	height:7px;
	margin-top:0px;
	margin-bottom:3px;
	padding-bottom:1px;
}

#first_col{
	background-color:#65df0b;
	border-top:1px solid #a6fd65;
	border-bottom: 1px solid #40880c;
}

#second_col{
	background-color:#df0b79;
	border-top:1px solid #fb6cb6;
	border-bottom: 1px solid #ab065c;
}

#third_col{
	background-color:#e9a003;
	border-top:1px solid #fcc857;
	border-bottom: 1px solid #9a6b05;
}

.info{
	font-size:0.8em;
}

/*** RMA TABLE ***/
.last_rma{
	width:90%;
}

.col1{
	padding-left:10px;
}

.col2{
	padding-left:43px;
}

.col3{
	padding-left:100px;
}

.last_rma thead{
	color:#ccc;
	font-size:1.1em;
}

.rma_table{
	width:100%;
	margin:0.75em 0em 2em 0em;
	border-collapse: collapse;
	border-bottom:1px solid #000;
}

.rma_table thead td{
	line-height:1.5em;
	border-bottom:1px solid #000;
	font-weight: bolder;
} 

.rma_table tbody td{
	padding:0.5em 0.1em 0.5em 0.3em;
}

.rma_table .row_0{
	background-color: #d5d9db;
}

.rma_table .row_1{
	background-color: #2f3f4a;
	color:#fff;
}

.rma_step_bar{
	width:100%;
	margin:1.7em 0em 1em 0em;
	text-align: center;
}

/*** RMA RESUME ***/
.numbers_box{
	float:right;
	margin-right:0px;
	text-align:rigth;
}

.numbers_box span{
	display:block;
}

.bug_box strong{
	color:#D9910D;
	font-weight: normal;
}

/**** BUG BOX ***/
.bug_box{
	margin:0px 0px 1px 0px;
	padding: 10px;
	background-color: #2f3f4a;
	color:#fff;
	min-height:20px;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border:2px solid #2f3f4a;
	width:96.6%;
}

.fault_box_h3{
	margin:0px 0px 10px 0px;
	padding:0px !important;
	font-size:1.2em !important;
	width:100%;
	height:22px !important;
	color:#fff !important;	
}

.bug_box_h3{
	margin:0px;
	padding:0px;
	font-size:1.2em;
	width:100%;
	height:22px;
	color:#fff;
	background-image: url("../_images/accorder.png");
	background-repeat: no-repeat;
	background-position: right -22px;
	cursor:pointer;
}

.bug_box_h3.active {
	background-position: right 0px;
}

.bug_handler{
	float:right;
	cursor:pointer;
	margin:-25px 0px 0px 0px;
}

p.bug_list{
	white-space:normal;
	margin:0px;
	padding:0px;
	color:#cccccc;
	text-align:left;
	width:680px;
	overflow: hidden;
}

.bug_item{
	_display:block;
	float:left;
	width:200px;
	white-space:nowrap;
	margin:0px 15px 10px 10px;
	line-height:2em;
	text-align:left;
}



/*** SECTION PAGE ***/

.product_0 {
	width: 312px;
	height: 130px;
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 5px;
}

.product_1 {
	width: 312px;
	height: 190px;
	float: left;
	background: url('../_images/divider2.png') no-repeat;
	background-position:left 10px; 
	padding: 5px 5px 5px 20px;
	margin: 5px;
}

.product h2{
	margin:0px 0px 10px 100px;
	height:30px;
	font-size:1.5em;
}

.product p{
	width: 205px;
	height: 190px;
	float: left;
	margin-left: 10px;
	margin:0px;
	padding:0px;
	font-size:0.9em;
	text-align:left;
}

.product_link{
	text-decoration: none;
}

.product_link:hover{
	text-decoration: underline;
}

.product_image {
	height: 125px;
	width: 100px;
	margin-top:-40px;
	float: left;
	text-align: left;
}

.product_image img{
	max-width: 90px;
	
}

/*** PRODUCT PAGE IS IN TEMPLATE DEFAULT ***/

.submit_form{
	margin:15px 0px 20px 0px;
	text-align:center;
}
	
	
.submit_form input{
	margin:0px 15px 0px 15px;
	padding:3px;
	line-height:1.2em;
	font-size:1.2em;
}

.modal_window{
	position:fixed;
	top:20%;
	left:0%;
	width:100%;
	display: none;
	z-index:700;
}

#validate{
	margin:0 auto;
	width:350px;
	z-index: inherit;
}

#mask{
	z-index:600;
	position:fixed;
	top:0;
	left:0;
	background-color: #000;
	opacity:0.7;
	display: none;
}

.ajax_message{
	z-index:800;	
	padding:8px 35px 8px 35px;
	background-color: transparent;
	background-image: url("../images/shade.png");
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0px 0px 40px #000;
	-moz-box-shadow: 0px 0px 40px #000;
	-webkit-box-shadow: 0px 0px 40px #000;
	border: 2px solid #fff;
	color:#fff;
}

.ajax_message h2{
	font-size:1.45em;
	margin-left:0px;
	margin-bottom:10px;
	color:#fff;
}

