/* ===== Colors (add to specific stylesheets ) ===== */
$main: #224465;

/* == Common Elements == */

a, a:active, a:visited,
.featuredproducts h1, article h2, footer#mainfoot a,
.quoteformholder input, 
.quoteformholder select, 
.quoteformholder textarea, 
.quoteformholder label,
article h1, h1.pagetitle, h1.posttitle,
article h1 a, h1.pagetitle a, h1.posttitle a,
#rightcol .quoteformholder .widgeticon,
#rightcol h3.widgettitle,
.locationholder h2,
#rightcol .gform_button {
	color: #374962;
}


footer#mainfoot a:hover {
	color: #5976ae;
}


/* == Header == */

#headerbgcolor {
	background-color: #224465;
}


/* == Main Navigation == */

nav[role="navigation"] {
	border: 1px #22374a solid;
	
	-webkit-box-shadow: inset 1px 1px 1px #535e84; 
	-moz-box-shadow: inset 1px 1px 1px #535e84; 
	box-shadow: inset 1px 1px 1px #535e84;

	background: #45516f; 
	background: -moz-linear-gradient(top,  #45516f 0%, #2e435a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45516f), color-stop(100%,#2e435a)); 
	background: -webkit-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -o-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -ms-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: linear-gradient(to bottom,  #45516f 0%,#2e435a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45516f', endColorstr='#2e435a',GradientType=0 ); 	
}

nav[role="navigation"] a:hover,
header[role="banner"] .social a:hover  {
	color: #d2e1ff;
}

nav[role="navigation"] li.dropdown a:after {
	color: #1e3347;
	text-shadow: 1px 1px 0 #405c7b;
}

/* sub menus */


nav[role="navigation"] li:hover ul {
	background: #2e435a;
	-moz-box-shadow:    2px 2px 2px 0 #405c7b;
    -webkit-box-shadow: 2px 2px 2px 0 #405c7b;
    box-shadow:         2px 2px 2px 0 #405c7b;
    border-bottom: 1px #22374a solid;
    border-left: 1px #22374a solid;
    border-right: 1px #22374a solid;
}

/* == Social Nav == */

/* == Widget Icons == */

#rightcol .widgeticon {
	border: 1px #22374a solid;
	
	-webkit-box-shadow: inset 1px 1px 1px #535e84; 
	-moz-box-shadow: inset 1px 1px 1px #535e84; 
	box-shadow: inset 1px 1px 1px #535e84;

	background: #45516f; 
	background: -moz-linear-gradient(top,  #45516f 0%, #2e435a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45516f), color-stop(100%,#2e435a)); 
	background: -webkit-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -o-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -ms-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: linear-gradient(to bottom,  #45516f 0%,#2e435a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45516f', endColorstr='#2e435a',GradientType=0 ); 
}


/* == Quote Form (Widget) == */

#rightcol .quoteformholder {
	border: 1px #22374a solid;
	
	-webkit-box-shadow: inset 1px 1px 1px #535e84; 
	-moz-box-shadow: inset 1px 1px 1px #535e84; 
	box-shadow: inset 1px 1px 1px #535e84;

	background: #45516f; 
	background: -moz-linear-gradient(top,  #45516f 0%, #2e435a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45516f), color-stop(100%,#2e435a)); 
	background: -webkit-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -o-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -ms-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: linear-gradient(to bottom,  #45516f 0%,#2e435a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45516f', endColorstr='#2e435a',GradientType=0 ); 
}

#rightcol .quoteformholder .widgeticon,
#rightcol .quoteformholder #submit-button {
	-moz-box-shadow:    0 2px 2px 0 #22374a;
    -webkit-box-shadow: 0 2px 2px 0 #22374a;
    box-shadow:         0 2px 2px 0 #22374a;

}

#rightcol .quoteformholder, #rightcol .quoteformholder h3.widgettitle,
#rightcol .quoteformholder label {

	text-shadow: 1px 1px 1px #22374a;
}

#rightcol .quoteformholder #submit-button,
#rightcol .gform_button {
	color: #374962 !important;
	text-shadow: 1px 1px 1px #fff;
}


#rightcol .quoteformholder input, 
#rightcol .quoteformholder select, 
#rightcol .quoteformholder textarea {
    

	border: 1px solid #b7bdc4;
    -moz-box-shadow:    1px 1px 0 0 #22374a;
    -webkit-box-shadow: 1px 1px 0 0 #22374a;
    box-shadow:         1px 1px 0 0 #22374a;

	background: #c7eeff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7eeff 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7eeff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7eeff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7eeff 0%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7eeff 0%,#fff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7eeff 0%,#fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7eeff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */

}

#rightcol .quoteformholder input[type="submit"].button {
	color: #374962 !important;
}

.quoteformholder input::-webkit-input-placeholder {
    color: #374962;
}

.quoteformholder input:-moz-placeholder {
    color: #374962;
}



/* == Featured Area == */

.featuredproducts ul li h3 {
	background: #374962;
}



/* == Buttons == */



.lightcta {
	color: #2b4156;
	
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #c7eeff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#c7eeff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#c7eeff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#c7eeff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#c7eeff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#c7eeff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#c7eeff',GradientType=0 ); /* IE6-9 */
}

.lightcta:hover {
	background: #c7eeff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7eeff 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7eeff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7eeff 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7eeff 0%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7eeff 0%,#fff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7eeff 0%,#fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7eeff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */

}

.dark, #submit-button, 
.quoteformholder .gform_button,
#fullcol .gform_button,
#leftcol .gform_button {

	border: 1px #22374a solid;
	
	-webkit-box-shadow: inset 1px 1px 1px #535e84; 
	-moz-box-shadow: inset 1px 1px 1px #535e84; 
	box-shadow: inset 1px 1px 1px #535e84;

	background: #45516f; 
	background: -moz-linear-gradient(top,  #45516f 0%, #2e435a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45516f), color-stop(100%,#2e435a)); 
	background: -webkit-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -o-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -ms-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: linear-gradient(to bottom,  #45516f 0%,#2e435a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45516f', endColorstr='#2e435a',GradientType=0 ); 


}

.dark:hover, #submit-button:hover, 
.quoteformholder .gform_button:hover,
#fullcol .gform_button:hover,
#leftcol .gform_button:hover {
	background: #2e435a; /* Old browsers */
	background: -moz-linear-gradient(top,  #2e435a 0%, #45516f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e435a), color-stop(100%,#45516f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2e435a 0%,#45516f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2e435a 0%,#45516f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2e435a 0%,#45516f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2e435a 0%,#45516f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e435a', endColorstr='#45516f',GradientType=0 ); /* IE6-9 */

}


.quoteformholder .gform_button,
#fullcol .gform_button,
#leftcol .gform_button {
	color: #fff;
	text-shadow: 1px 1px 1px #22374a;
}

#vpc_contact_form {
	background: #224465;
}

/* 
==================================================================================
===== All Mobile Sizes (iphone lanscape and smaller) =====================================
==================================================================================
*/
	

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

.featuredproducts ul li a h3 {
	border: 1px #22374a solid;
	
	-webkit-box-shadow: inset 1px 1px 1px #535e84; 
	-moz-box-shadow: inset 1px 1px 1px #535e84; 
	box-shadow: inset 1px 1px 1px #535e84;

	background: #45516f; 
	background: -moz-linear-gradient(top,  #45516f 0%, #2e435a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45516f), color-stop(100%,#2e435a)); 
	background: -webkit-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -o-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: -ms-linear-gradient(top,  #45516f 0%,#2e435a 100%); 
	background: linear-gradient(to bottom,  #45516f 0%,#2e435a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45516f', endColorstr='#2e435a',GradientType=0 ); 
}


.featuredproducts ul li a h3:hover {
	background: #2e435a; /* Old browsers */
	background: -moz-linear-gradient(top,  #2e435a 0%, #45516f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e435a), color-stop(100%,#45516f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2e435a 0%,#45516f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2e435a 0%,#45516f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2e435a 0%,#45516f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2e435a 0%,#45516f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e435a', endColorstr='#45516f',GradientType=0 ); /* IE6-9 */
}

} /* end  @media only screen and (max-width: 479px) */