@charset "utf-8";
/* CSS Document */

/* Common tags */
*{
	outline: none;	
}

html, html a {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868686;
	margin:0;
	padding: 0;	
	background: #fff;
}

input::-moz-focus-inner { border:0; padding:0 }

a{
	text-decoration: none;
	color: #868686;
}

a img{
	border: none;	
}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0}

.nomarginright{
	margin-right: 0 !important;	
}
.floatleft{
	float: left !important;	
}
.floatright{
	float: right !important;	
}
/* text */

.uppercase{
	text-transform: uppercase !important;	
}

.f14{
	font-size: 14px !important;	
}

.f16{
	font-size: 16px !important;	
}

.f20{
	font-size: 20px !important;	
}

.center{
	text-align: center !important;	
}

.txtright{
	text-align: right !important;	
}

.txtorange{
	color: #f37021 !important;	
}

.EditingFormErrorLabel{
	color: red !important;	
}

/* Header */
#header{
	float: left;
	width: 98%;
	padding: 0 1%;
	background: #f2f2f2;	
}

#header #logo{
	float: left;
	width: 303px;
	height: 75px;	
}

#header #logo h1.logo{
	width: 100%;
	height: 100%;
}

#header #logo h1.logo a{
	text-indent: -9999px;
	font-size: 0;	
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/logo-font.png) center center no-repeat;
}

#header .top_links{
	float: right;
	margin: 20px 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;	
}

#header .top_links li{
	float: left;
	margin: 0 0 0 30px;	
}

#header .top_links li a{
	display: block;
	color: #868686;
	font-size: 12px;
	line-height: 35px;	
}

#header .top_links li:hover a{
	color: #f37021;	
}

/* Wrapper */
#wrapper{
	float: left;
	width: 98%;
	padding: 0 1%;
}

.full{
	float: left;
	width: 100%;	
}

.full .frm_search,
.full .demotext{
	float: left;
	padding: 10px 40px 10px 0;	
}

.full .frm_search{
	width: 200px;	
}

.full .frm_search .TextBoxField{
	float: left;
	background: url(../images/icon_search.png) 165px center no-repeat #f5f5f5;
	border: none;
	padding: 0 40px 0 10px;
	width: 150px;
	height: 27px;
	line-height: 27px;
	color: #868686;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
}

.full .frm_search .size{
	float: left;
	width: 100%;
	margin: 10px 0 0;	
}

.full .frm_search .size .TextBoxField{
	background: #f5f5f5;
	padding: 0 10px;
	width: 180px;
}

.full .demotext label{
	float: left;
	margin: 0 10px 0 0;
	line-height: 27px;
	color: #868686;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}

.full .demotext .TextBoxField{
	float: left;
	background: #f5f5f5;
	border: none;
	padding: 0 10px;
	width: 480px;
	height: 27px;
	line-height: 27px;
	color: #868686;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
}

.font_blocks{
	float: left;
	width: 100%;
}

.font_blocks .font{
	float: left;
	margin: 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px 1%;
	width: 97.5%;	
}

.font_blocks .font h2.title{
	float: left;
	width: 100%;
	color: #383838;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 24px;	
}

.font_blocks .font .text{
	float: left;
	width: 100%;
	line-height: 30px;
	color: #868686;
	font-size: 24px;
	padding: 10px 0;
}

.font_blocks .font .links{
	float: left;
	width: 80%;
	color: #333;
	line-height: 30px;
}

.font_blocks .font .btn_dl{
	float: right;
	padding: 0 29px;
	border: 1px solid #de5300;
	background: #f37021;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* Pagination */
.PagerControl{
	text-align: right; 
	color: #868686; 
	float: right; 
	margin: 0; 
	max-width: 50%;
	padding: 10px 0;
	font-size: 11px;
	line-height: 22px;
}

.SelectedPrev,
a.UnselectedNext,
.SelectedPage,
a.UnselectedPage{
	padding:1px 9px;
	color: #868686;
	display: inline-block;
	margin: 1px;
	background: #f5f5f5;
	border: 1px solid #dcdcdc;
}

a.SelectedPrev,
a.UnselectedNext{
	padding:1px 9px;
	display: inline-block;
	background: #f5f5f5;
	border: 1px solid #dcdcdc;
}

.SelectedPrev:hover,
a.UnselectedNext:hover,
.SelectedPage,
a.UnselectedPage:hover{
	background: #f37021;
	border: 1px solid #f37021;
	color: #fff;
}

/*===== Footer =====*/

#footer{
	float: left;
	width: 98%;
	padding: 10px 1%;
	background: #f2f2f2;	
}

#footer .copyright{
	float: left;
	width: 100%;
	font-size: 12px;
	color: #868686;
	line-height: 20px;
	text-align: center;
}

#footer .copyright a{
	color: #868686;	
}

#footer .copyright a:hover{
	color: #f37021;	
}


/* IE10-specific styles */ 
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
}  

/* Style for Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 

}

@media handheld, only screen and (max-device-width: 1024px) and (min-device-width: 320px) {
*{
	-webkit-appearance: none;
}

}

@media screen and (max-width: 480px){

.full .demotext .TextBoxField{
	width: 90%;
}

}