/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}
img { border:0; max-width:100%; height:auto; }


a {
	text-decoration:none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	}
a:hover { text-decoration:none; }

* {
	margin:0;
	padding:0;
	list-style:none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	}

.clearfix{
	clear:both;
	}

#btnPageTop {
    position: fixed;
    right: 30px;
    bottom: -100px;
    z-index: 9999;
	cursor:pointer;
}


/*Banner*/
.banner { width:100%; max-width:710px; margin:0 auto; clear:both; position:absolute; right:0;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { display:block !important;}



.content-Box {
	max-width:1000px;
	margin:0 auto;
	}




.submenu_title{
	width:290px;
	height:58px;
	background:url(../images/idx_submenu_bg.jpg) center top no-repeat;	
	}
.submenu_title span{
	display:block;
	font-size:17px;
	font-weight:bold;
	padding:20px 0 0 50px;	
	}


.left{
	float:left;
	width:290px;
	}
.right{
	float:left;
	width:calc(100% - 290px);
	min-height:100px;
	background:url(../images/idx_right_bg.jpg) left top no-repeat;
	padding-left:20px;
	}


/*Products*/
.products_list{
	padding:20px 0;
	}
.products_list_pic{
	border:1px solid #ccc;
	display:inline-block;
	vertical-align:top;
    max-width: 97px;
	padding:2px;
	}
.products_list_pic img{
	width:92px;	
	}
.products_list_info{
	display:inline-block;
	vertical-align:top;
	color: #999;
    font-size: 15px;
    font-weight: bold;
	margin-left:10px;
	}
.products_list_title{
	width:150px;
	}
.products_list_more{
	margin-top:20px;
	text-align:right;
	}



/*Search Bar*/
.search_bar {
    float: right;
    font-size: 12px;
	margin-top:15px;
	margin-bottom:30px;
}
.search_bar input {
    text-indent: 5px;
	border:none;
    width: 178px;
    height: 30px;
    color: #ccc;
    float: left;
	border:1px solid #999;
}
.search_btn {
	border-radius:15px;
	-webkit-border-radius:15px;
	text-align:center;
	color: #fff;
	width:30px;
	height:30px;
	line-height:30px;
	margin-left:5px;
	background: -webkit-linear-gradient(-90deg, rgba(186,186,186,1) 0, rgba(122,122,122,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(186,186,186,1) 0, rgba(122,122,122,1) 100%);
	background: linear-gradient(180deg, rgba(186,186,186,1) 0, rgba(122,122,122,1) 100%);
    float: left;
}


.main{
	line-height:25px;	
	}

h1 {
    font-size: 17px;
    color: #ff7f02;
    font-style: italic;
    text-indent: 55px;
}

h2 {
    font-size: 17px;
    color: #444343;
    font-weight: normal;
	margin-bottom:50px;
}


/*Optional*/
.optional_zone{
	width:100%;
	max-width:340px;
	padding-bottom:10px;
	float:left;
	border-right:1px solid #e7e6e4;
}
.optional_title{
	height:69px;
	background:url(../images/idx_main_titlebg.jpg) repeat-x left top;
	padding-left:20px;
	padding:12px 0 0 0;
	font-size:20px;
	text-align:center;
	}
.optional_title img{
	vertical-align:middle;
	}
.optional_list ul li {
    list-style-image: url(../images/optional_arrow.jpg);
	margin: 5px 0 0 30px;
}
.optional_list ul li a{
	color: #000;
}
.optional_list ul li a:hover{
	color: #669900;
	text-decoration: underline;
}


/*News*/
.news_zone{
	width:100%;
	max-width:340px;
	padding-bottom:10px;
	float:left;
}
.news_title{
	height:69px;
	background:url(../images/idx_main_titlebg.jpg) repeat-x left top;
	padding-left:20px;
	padding:12px 0 0 0;
	font-size:20px;
	text-align:center;
	}
.news_title img{
	vertical-align:middle;
	}
.news_list ul li {
    list-style-image: url(../images/optional_arrow.jpg);
	margin: 5px 0 0 30px;
}
.news_list ul li a{
	color: #000;
}
.news_list ul li a:hover{
	color: #669900;
	text-decoration: underline;
}




@media only screen and (max-width: 1010px) {
	.banner { display:none;}
	.optional_zone{ border-right:none;}
}

@media only screen and (max-width: 680px) {
	.left { width:100%;}
	.right { width:100%;}
	.products_list{ display:inline-block;}
	.submenu_title { display:none;}
}
@media only screen and (max-width: 480px) {
	.left { text-align:center;}
	.main{ padding:0 10px;}
}
@media only screen and (max-width: 320px) {
	.right { padding-left:0px;}
}