@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

* {
outline:none;
vertical-align:top;
}

HTML, BODY {
width:100%;
height:100%;
margin:0;
padding:0;
background-color:#FFF;
font-size:12px;
font-family:'Open Sans';
}

A {
color:#1b3e93;
text-decoration:none;
}

P {
white-space:normal;
}

#ul_footer_links A {
    color: #fff;
}

.header_slog {
	float: left;
}

.header_phone {
	float: right;
}

#div_paging{
	display:table;
	margin:0 auto;
	margin-top:40px;
	line-height: 38px;
}

/* Large screens only */
@media only screen and (min-width: 1100px) {
	.wrapper{
	position:relative;
	width:1100px;
	min-height:inherit;
	margin:0 auto;
	}
	
	.header_border{
	border-bottom:2px solid #EAEAEA;
	}
	
	#div_content{
	background-image:url(../img/i/bg.jpg);
	background-position:89% 0;
	background-repeat:no-repeat;
	}
	
	#div_content.home{
	background-image:url(../img/i/header_bg_home.jpg);
	}
	
	#div_content_pad{
	padding-top:190px;
	background-image:url(../img/i/content_bg.png);
	background-repeat:no-repeat;
	background-position:0px 290px;
	}
	
	#div_content_pad.home{
	padding-top:250px;
	background-position:0px 450px;
	}
	
	#div_header{
	position:absolute;
	z-index:9999;
	left:50%;
	top:0;
	margin-left:-550px;
	}
	
	#img_bg_footer{
	position:absolute;
	z-index:1;
	left:-238px;
	bottom:0;
	}
	
	#div_footer{
	min-height:402px;
	vertical-align:bottom;
	}
	
	#div_footer_content{
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	border-top:4px solid #9695d3;
	width:819px;
	min-height:288px;
	}
	
	#img_gmap{
	position:absolute;
	z-index:2;
	right:0;
	bottom:0;
	width:281px;
	height:288px;
	}
	
	.blue{
	background-color:#1b3e93;
	color:#FFF;
	}
	
	.pad{
	padding:8px 30px;
	}
	
	.logopad{
	float:left;
	width:21.5%;
	height:127px;
	text-align:center;
	background-color:#FFF;
	border-left:1px solid #F4F4F4;
	}
	
	.mp{
	padding:25px 15px;
	font-size:11px;
	color:#FFF;
	}
	
	.mp B{
	display:block;
	}
	
	#cssmenu{
    width:100% !important;
	margin-left:22% !important;
	font-family:'Open Sans' !important;
	background-color:transparent !important;
	}
	
	#cssmenu ul ul{
	top:127px;
	}
	
	#cssmenu > ul > li{
	width:13%;
	padding-bottom:9px !important;
	}
	
	#cssmenu > ul > li{
	background-color:#e9e9e9;
	}
	
	#cssmenu > ul > li:nth-child(1):hover, #cssmenu > ul > li:nth-child(1).active{
	background-color:#f4e600;
	}
	
	#cssmenu > ul > li:nth-child(2):hover, #cssmenu > ul > li:nth-child(2).active{
	background-color:#3ad531;
	}
	
	#cssmenu > ul > li:nth-child(3):hover, #cssmenu > ul > li:nth-child(3).active{
	background-color:#000f9f;
	}
	
	#cssmenu > ul > li:nth-child(4):hover, #cssmenu > ul > li:nth-child(4).active{
	background-color:#4d008c;
	}
	
	#cssmenu > ul > li:nth-child(5):hover, #cssmenu > ul > li:nth-child(5).active{
	background-color:#fa7699;
	}
	
	#cssmenu > ul > li:nth-child(6):hover, #cssmenu > ul > li:nth-child(6).active{
	background-color:#ff3c1f;
	}
	
	#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li a:hover{
	padding-left:12px;
	}
	
	#cssmenu > ul > li:nth-child(1) ul li:hover > a, #cssmenu > ul > li:nth-child(1) ul li a:hover{
	border-left:3px solid #f4e600;
	}
	
	#cssmenu > ul > li:nth-child(2) ul li:hover > a, #cssmenu > ul > li:nth-child(2) ul li a:hover{
	border-left:3px solid #3ad531;
	}
	
	#cssmenu > ul > li:nth-child(3) ul li:hover > a, #cssmenu > ul > li:nth-child(3) ul li a:hover{
	border-left:3px solid #000f9f;
	}
	
	#cssmenu > ul > li:nth-child(4) ul li:hover > a, #cssmenu > ul > li:nth-child(4) ul li a:hover{
	border-left:3px solid #4d008c;
	}
	
	#cssmenu > ul > li:nth-child(5) ul li:hover > a, #cssmenu > ul > li:nth-child(5) ul li a:hover{
	border-left:3px solid #fa7699;
	}
	
	#cssmenu > ul > li:nth-child(6) ul li:hover > a, #cssmenu > ul > li:nth-child(6) ul li a:hover{
	border-left:3px solid #ff3c1f;
	}
	
	#cssmenu ul ul > li.has-sub a, #cssmenu ul ul li a{
	background-color:#FFF !important;
	color:#000 !important;
	}
	
	#cssmenu ul ul > li.has-sub a:hover, #cssmenu ul ul li a:hover{
	background-color:#e9e9e9 !important;
	color:#000 !important;
	}
	
	#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{
	background-color:#e9e9e9;
	color:#000 !important;
	}
	
	#cssmenu > ul > li > a{
	font-size:12px !important;
	font-weight:normal !important;
	color:#000 !important;
	background-color:#FFF;
	}
	
	#cssmenu LI A {
    padding-right: 30px !important;
    white-space: nowrap;
    width: auto !important;
	}
	
	#cssmenu .has-sub UL {
	box-shadow: 1px 1px 5px #000;
	border-left: 1px solid #EEE;
	}
	
	.logopad IMG{
	margin:30px 0;
	}
	
	.full{
	width:100%;
	}
	
	.clear{
	clear:both;
	}
	
	.clear2 {
	clear:both;
	margin-bottom:1em;
	}
	
	#div_contact_container{
	width:100%;
	min-height:276px;
	background-color:#1b3e93;
	color:#FFF;
	}
	
	#div_contact_text {
	float: left;
	padding-left: 60px;
	padding-top: 24px;
	}
	
	#div_contact_text A{
	color:#FFF;
	text-decoration:underline;
	}
	
	#iframe_gmap{
	float:right;
	border:1px solid #CCC;
	}
	
	.left{
	float:left;
	margin-right:20px;
	}
	
	.left2{
	float:left;
	}
	
	.right{
	float:right;
	}
	
	.title_spacer{
	min-height:100px;
	padding-left:28px;
	}
	
	.third{
	display: inline-block;
	margin-right: 1%;
	vertical-align: top;
	width: 32%;
	line-height: 4.5em;
	}
	
	.twothirds{
	display: inline-block;
	margin-right: 1%;
	vertical-align: top;
	width: 65%;
	}
	
	FORM > DIV{
	clear:both;
	}
	
	LABEL{
	color: #8287c0;
	font-size: 11px;
	line-height: 40px;
	width: 23%;
	}
	
	.third LABEL{
	width:40%;
	}
	
	.twothirds LABEL {
	padding-left: 10%;
	width: 14%;
	}
	
	.footer_3cols{
	float:left;
	width:31%;
	margin:0px 1%;
	padding:0 !important;
	}
	
	.footer_icon{
	margin-left:22px;
	}
	
	#ul_footer_links{
	list-style:inside circle;
	margin:0;
	padding:0;
	line-height:1.9em;
	}
	
	.footer_col_title{
	font-size:14px;
	padding-top:30px !important;
	}
	
	.pr_title{
	margin-bottom:12px;
	font-weight:bold;
	font-size:15px;
	color:#4d4d4d;
	}
	
	.pr_row{
	min-height:112px;
	border:1px solid #CCC;
	background-color:#e8e5e9;
	clear:both;
	margin-bottom:10px;
	}
	
	.bs{
	font-size:14px;
	color:#1b3e93;
	}
	
	.sg{
	font-size:11px;
	color:#4d4d4d;
	}
	
	.pr_img{
	float:left;
	min-height:92px;
	padding-right:20px;
	}
	
	.pr_name {
	border-right: 1px solid #ccc;
	float: left;
	min-height: 92px;
	max-height:92px;
	padding: 10px 30px 10px 0;
	width: 21%;
	}
	
	.pr_desc{
	float:left;
	width:32%;
	min-height:92px;
	max-height:92px;
	padding:10px 30px;
	border-right:1px solid #CCC;
	}
	
	.pr_btn{
	float:left;
	margin-left:15px;
	}
	
	.pr_btn INPUT[type="button"] {
	margin-top:12px;
	width:100%;
	}
	
	#form_product_filters{
	line-height:4em;
	}
	
	.left_content{
		display:inline-block;
		width:818px;
	}
	
	.right_sidebar{
		display:inline-block;
		width:278px;
	}
	
}



h1{
margin:0;
font-size:40px;
color:#1b3e93;
line-height:35px;
}

h2{
margin:0;
font-size:35px;
font-weight:100;
color:#1b3e93;
line-height:46px;
}

h3{
background-image: url(../img/i/h_line.png);
background-position: left bottom;
background-repeat: no-repeat;
color: #1b3e93;
font-size: 24px;
font-weight: 100;
padding-bottom: 8px;
margin-bottom: 6px;
margin-top:15px;
}

h4{
color: #c46100;
font-size: 14px;
font-weight: 100;
margin-top: 6px;
margin-bottom:15px;
}

INPUT, TEXTAREA{
border:1px solid #1b3e93;
border-radius:3px;
background-color:#FFF;
padding:10px;
vertical-align:middle;
cursor:pointer;
}

INPUT[type="text"]{
width:48%;
}

TEXTAREA{
width:95%;
margin-bottom:10px;
}

INPUT[type="submit"]{
background-color:#1b3e93;
color:#FFF;
border:0;
padding:10px 20px;
font-size:12px;
transition:0.3s ease 0s;
}

INPUT[type="submit"]:hover{
background-color:#285BD3;
}

.pr_btn INPUT[type="button"]:nth-child(1){
display:block;
background-color:#1b3e93;
color:#FFF;
border:0;
}

.pr_btn INPUT[type="button"]:nth-child(2){
display:block;
background-color:#8287c0;
color:#FFF;
border:0;
}

.pr_btn INPUT[type="button"]{
transition:0.3s ease 0s;
}

.pr_btn INPUT[type="button"]:nth-child(1):hover{
background-color:#285BD3;
}

.pr_btn INPUT[type="button"]:nth-child(2):hover{
background-color:#9AA0E2;
}

#div_template_container{
padding:15px 10px;
}

.home #div_template_container{
margin-top:35px;
}

#div_search_bar{
background-color:#8287c0;
min-height:52px;
margin-top:48px;
border-bottom:1px solid #FFF;
}

#div_search_bar.home{
margin-top:148px;
}

#s{
border:0;
width:100%;
margin:3%;
padding:10px;
width:87%;
background-image:url(../img/i/search.png);
background-repeat:no-repeat;
background-position:95% center;
background-color:#FFF;
}

#s[placeholder]{
color:#8287c0;
}

#div_ul_cats_title{
font-size:14px;
padding:12px 20px;
background-color:#1b3e93;
color:#FFF;
}

#ul_cats{
background-color:#e8e5e9;
list-style:none;
margin:0;
padding:0;
}

#ul_cats LI{
color:#1b3e93;
font-size:12px;
padding:10px 22px;
}

#ul_cats LI:hover{
background-color:#efedf0;
padding-left:20px;
border-left:2px solid #1b3e93;
}

.rightbox{
background-color:#1b3e93;
min-height:100px;
float:right;
width:278px;
margin-top:20px;
font-size:24px;
color:#FFF;
border-bottom:4px solid #3ad531;
cursor:pointer;
}

.rightbox .t{
text-align:right;
background-color:#3ad531;
width:100%;
font-size:11px;
padding:3px 0;
}

.rightbox .f{
vertical-align:middle;
padding-right:6px;
}

.rightbox .l1{
font-size:16px;
margin-left:25px;
margin-top:10px;
}

.rightbox .l2{
font-size:32px;
margin-left:25px;
margin-top:-10px;
font-weight:lighter;
}

.select_wrapper {
display: inline-block;
overflow: hidden;
width: 165px;
height:28px;
border: 1px solid #1b3e93;
border-radius: 3px;
vertical-align:middle;
}

.select_wrapper SELECT {
background-color: #fff;
background-image: url(../img/i/tri_down.png);
background-position: 145px center;
background-repeat: no-repeat;
border:0;
padding: 5px;
width: 185px;
color:#8287c0;
font-size:12px;
}

.select_wrapper SELECT OPTION {
color:#4d4d4d;
}

.select_wrapper SELECT OPTION:nth-child(1) {
color:#8287c0;
}

#popup_form LABEL{
display:inline-block;
width:30%;
}

#popup_form INPUT[type="text"]{
width:60%;
}

#popup_form BUTTON{
display:block;
border-radius:3px;
padding:8px;
cursor:pointer;
background-color:#1b3e93;
color:#FFF;
border:0;
float:right;
margin-bottom:20px;
}

#popup_form BUTTON{
transition:0.3s ease 0s;
}

#popup_form BUTTON:hover{
background-color:#285BD3;
}

#popup_form .phone{
float:left;
width:60%;
}

/* ----- POPUP ----- */

#lean_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

.leanModalPopup{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:22px; background:#E4E4E2; background-image:url(../img/i/close.png); background-position:center center; background-repeat:no-repeat; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}



/* Cellphone only */
@media only screen and (max-width: 1099px) {
	*{
		max-width:100%;
		white-space:normal;
	}
	#div_header{
		left:auto;
		margin:0;
	}
	.wrapper{
		width:100%;
	}
	.header_slog{
		float: left;
	}
	.header_phone{
		float: right;
		margin-left: 18px;
	}
	
	#cssmenu .mp{
		display: none;
	}
	#cssmenu > ul > li:nth-child(1){
		border-left:8px solid #f4e600;
	}
	#cssmenu > ul > li:nth-child(2){
		border-left:8px solid #3ad531;
	}
	#cssmenu > ul > li:nth-child(3){
		border-left:8px solid #000f9f;
	}
	#cssmenu > ul > li:nth-child(4){
		border-left:8px solid #4d008c;
	}
	#cssmenu > ul > li:nth-child(5){
		border-left:8px solid #fa7699;
	}
	#cssmenu > ul > li:nth-child(6){
		border-left:8px solid #ff3c1f;
	}
	
	.wrapper .blue{
		width: 96%;
		padding: 2%;
		background-color:#1b3e93;
		color:#FFF;
	}
	.wrapper .blue, IMG.left{
		float: left;
		margin-right: 4px;
	}
	.logopad IMG{
		padding:8px;
	}
	#div_contact_text{
		padding:8px;
		background-color:#1b3e93;
		color:#FFF;
	}
	.blue A, #div_contact_text A{
		color:#FFF;
		text-decoration:underline;
	}
	
	h1{
		font-size:2.35em;
		line-height:normal;
	}

	h2{
		font-size:1.7em;
		line-height:normal;
	}

	h3{
		font-size:1.5em;
		line-height:normal;
	}

	h4{
		font-size:1.25em;
		line-height:normal;
	}
	
	#div_template_container {
		padding: 8px;
	}
	
	.title_spacer{
		padding-left:10px;
		padding-top:10px;
	}
	
	.slog{
		clear:both;
		padding-top:10px;
	}
	
	#div_paging{
		display:table;
		margin:0 auto;
		margin-top:40px;
	}
	
	#img_gmap{
		display:none;
	}
	
	.leanModalPopup{
		top:0px !important;
	}
	
	.rightbox{
		width: 100%;
		margin-top: 0;
	}
	
	#div_search_bar.home{
		margin-top:0;
	}
	
	.select_wrapper, #form_product_filters INPUT[name="s"], INPUT[type="text"], INPUT[type="submit"] {
		margin-top:3px;
	}
	
	.pr_img, .pr_name, .pr_desc {
		float: left;
		width: auto !important;
		margin-right: 15px;
	}
	
	.pr_row {
		margin-bottom: 20px;
		clear: both;
		border-bottom: 1px dotted #CCC;
		padding-bottom: 20px;
	}
	
	.pr_btn {
		clear: both;
	}
	
	.pr_btn INPUT[type="button"] {
		display: inline-block !important;
	}
	
	.pr_img {
		margin-bottom: 10px;
	}
	
}