body { color: #000; font-family: "Ek Mukta", sans-serif; font-size: 1em; line-height: 1em;line-height: 1.4; background-color: #fff; text-align: left; margin: 0; }
.form_a { display: none; }
p { 	font-size: 1.2em;
    font-size: 15px;
 }


/*------------------*\
    LINKS
/*------------------*/

a { text-decoration:none; }
.breadcrumbr a:link { color: #00247d; }
.breadcrumbr a:visited { color: #00247d; }
.breadcrumbr a:hover { color: #000 ; }
.breadcrumbr a:active { color: #00247d ; }
a.headline  { color: #000; font-size: inherit; font-weight: bold; }
a.headline:hover  { color: #6c6c6c; }
a.headline-med  { color: #000; font-size: inherit; font-weight: bold; }
a.headline-med:hover  { color: white; }
a.page_anchor { display: block; position: relative; top: -240px; visibility: hidden; }



/*------------------*\
    TOP HEADER
/*------------------*/

#topnotice {
	background-color: #FFE869;
	background-position: left 0;
	width: 100%;
	z-index: 9999;
	display: block;
	padding: 5px;
	text-align: center;
}
#topnotice a {
	color: #396DED;
}
#topnotice a:visited {
	color: #396DED;
}
#topnotice a:hover {
	color: #00247d;
}
#top {
	background-color: #0F1A58;
	background-position: left 0;
	width: 100%;
	height: 135px;
	z-index: 9999;
	display: block;
}
#topcontact {
	color: #fff;
	text-align: right;
	width: auto;
	float: right;
	margin-right: 100px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-radius: 0 0 0px 15px;
}
#topphonenumber {
	float: right;
}
#logo { width: 330px; margin-left: 100px; padding-top: 40px; display: inline; }
#telephoneicon { height: 39px; padding-top: 18px; padding-right: 8px; display: inline;    vertical-align: unset; }
.emailtop   {
	color: #6F9AC6;
	font-size: 1em;
	font-weight: 900;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
	padding-top: 5px;
}
.emailtop:hover   {
	color: #fff;
}
a.telephonetop {
	font-family: "Oswald", sans-serif;
	color: #fff;
	font-size: 1.5em;
	font-weight: 900;
	padding-bottom: 30px;
	cursor: default;
	clear: left;
	line-height: 220%;
}
a.telephonetop:hover {  }
.fb-like   {
	margin: 0 0 0;
	padding: 0 0 10px;
	top: 0px;
}
#google_translate_element {
	border-radius: 3px;
	border: 1px solid #124D8C;
	width: auto;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #124D8C;
	float: right;
    clear: both;
	opacity: 0.85;
	margin-top: 0px;
}




/*------------------*\
    TEXT STYLES
/*------------------*/

h1 {
	font-family: "Oswald", sans-serif;
	color: #00247d;
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1em;
	text-transform: uppercase;
}
h2 {
	color: #000;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2em;
}
h3 {
	font-family: "Oswald", sans-serif;
	color: #040404;
	font-size: 1.3em;
	font-weight: 700;
}
.headline-underline { color: #001a39; font-size: 1.5em; font-weight: 900; line-height: 1em; margin-bottom: -20px; padding-bottom: 0; border-bottom: 1px dotted #aaa; display: block; }
.headline-boxes { color: #000; font-size: 1.3em; font-weight: 600; line-height: 1em; }
.headline-boxed { font-family: "Oswald", sans-serif; color: #fff; font-size: 1.6em; font-weight: 700; background-color: #888; margin-bottom: 5px; padding: 5px 5px 3px 10px; display: block; border-radius: 0px 25px 0px 0px; }
.colorbar-sub { background-color: #e7e7e7; width: 100%; height: auto; float: left; clear: both; margin-bottom: 15px; padding: 50px; }
.colorbartext {
	color: #fff;
	font-size: 2em;
	width: 100%;
	position: absolute;
	top: 210px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 115%;
}
.testimonial   { color: #000; font-size: 1em; float: left; clear: both; margin-left: 50px; padding-bottom: 50px; }
.smalltext{ font-size: 0.8em; }
a.contactbox { color: #03366a; font-size: 1.2em; font-weight: bold; background-color: #dadada; text-align: center; width: 100%; margin-bottom: 50px; padding: 10px; display: block; }
a.contactbox:hover { color: #fff; background-color: #b6b6b6; }
.colorbar-triangle { background-color: #eee; width: 100%; height: auto; float: left; clear: both; margin-bottom: 15px; position: relative; max-width: 100%; padding: 50px; }
.colorbar-triangle:after { content: ""; position: absolute; bottom: -15px; left: 48%; border-style: solid; border-width: 15px 15px 0; border-color: #eee transparent; display: block; width: 0; z-index: 1; }
quotebox { color: #03366a; font-size: 1.2em; font-weight: bold; background-color: #d0d0d0; text-align: center; width: 100%; margin-bottom: 100px; padding: 10px; display: block; }
ul.a {
	font-weight: 700;
	white-space: normal;
}
li.features { margin-left: 18px; padding-bottom: 5px; list-style-image: url(../images/bulletarrow-blue.png); list-style-position: outside; }
.textgroup {
	float: left;
	margin-bottom: 50px;
}
li.list {
	margin-left: 18px;
	padding-bottom: 2px;
	list-style-position: outside;
	list-style-type: disc;
}



/*------------------*\
    SEARCH
/*------------------*/

.searcharea {
	color: #ffffff;
	font-size: 1em;
	background-color: #0F1A58;
	width: 100%;
	float: none;
	clear: both;
	padding: 50px;
	padding-right: 125px;
	padding-left: 125px;
	text-align: center;
}
.searchareasub {
	color: #ffffff;
	font-size: 1em;
	background-color: #CCCCCC;
	width: 100%;
	float: none;
	clear: both;
	padding-top: 25px;
	padding-left: 125px;
	padding-bottom: 25px;
	padding-right: 125px;
	text-align: center;
}
.searchareaheadline {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
}
.searchformfield {
	font-size: 1em;
	color: #000;
	background-image: url(../images/formbg.gif);
	text-align: left;
	width: 89%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #fff;
	border-radius: 5px;
	opacity: .8;
}
.searchformfield:hover { border: solid 1px #00247d; }
.searchsubmit {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background-color: #396DED;
	padding: 11px;
	border: 1px;
	border-radius: 5px;
	text-transform: uppercase;
	-webkit-appearance: none;
}
.searchsubmit:hover {
	color: #0F1A58;
	background-color: #fff;
	border: 1px;
	cursor: pointer;
	padding: 11px;
	-webkit-appearance: none;
}



/*------------------*\
    HOME PAGE
/*------------------*/

.image-wrapper {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
} 
.image-wrapper p { 	position:absolute;
	display:block;
	bottom: 50px;
	left: 125px;
	background:none;
	color:#00247d;
	z-index: 50;
	font-family: "Oswald", sans-serif;
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: 900;
	text-transform: uppercase;
	opacity:1;
}
.fullpic { width: 100%; max-width: 100%; }



/*------------------*\
    PRODUCT BOXES
/*------------------*/

.products {
	width: auto;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	padding-bottom: 15px;
}
.productboxheadline {
	font-family: "Oswald", sans-serif;
	color: #00247d;
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 2px;
	padding-bottom: 0;
	display: block;
	text-align: center;
}
.productboxsubheadline {
	color: #000;
	font-size: 1.2em;
	font-weight: 900;
	line-height: 1em;
	text-align: center;
	display: block;
}
.productbox1 {
	width: 250px;
	float: left;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 0.8em;
}
.productbox1:hover {
	border: 1px solid #00247d;
}
.productbox2 {
	width: 250px;
	float: left;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 0.8em;
}
.productbox2:hover {
	border: 1px solid #00247d;
}
.productbox3 {
	width: 250px;
	float: left;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 0.8em;
}
.productbox3:hover {
	border: 1px solid #00247d;
}
.productbox4 {
	width: 250px;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 0.8em;
}
.productbox4:hover {
	border: 1px solid #00247d;
}

.product_models {
	border-collapse: collapse;
}
.product_models tr {
	margin: 0;
	padding: 0;
}
.product_models th {
	background-color: #BBBBBB;
	color: #fff;
	font-weight: bold;
}
.product_models tr {
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
.product_models th, td {
	width: 200px;
	text-align: center;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px;
}


/*------------------*\
    PRODUCTS PG
/*------------------*/


.productinfoheadline {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 1em;
	background-color: #919191;
	clear: both;
	margin-bottom: 0px;
	margin-top: 25px;
	width: 150px;
	text-align: left;
	display: block;
	border-radius: 0 15px 0 0;
}
.productinfo {
	margin-top: -25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 0 25px 5px 5px;
	display: block;
	width: 100%;
	min-width: 100%;
	font-size: 1em;
}
.breadcrumb {
	padding-left: 10px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	display: block;
}
.relatedproductsheadline {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 1.2em;
	background-color: #919191;
	clear: both;
	margin-bottom: 0px;
	margin-top: 25px;
	width: auto;
	text-align: left;
	display: block;
	border-radius: 0 15px 0 0;
}
.relatedproductbox {
	width: 250px;
	float: left;
	margin-right: 12px;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 10px;
	text-align: center;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 1em;
	height: 250px;
}
.relatedproductbox img {
	max-width: 228px;
	max-height: 130px;
}
.relatedproductbox h2 {
	color: #0F1A58;
}
.relatedproductbox:hover h2 {
	color: #000;
}
.productgroup {
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
}
.productitem {
	margin-left: 225px;
}
.productitemphoto {
	float: left;
}
.productcategoryheadline {
	font-family: "Oswald", sans-serif;
	font-size: 2em;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFFFFF;
	font-weight: 900;
	background-color: #919191;
	clear: both;
	margin-bottom: 0px;
	margin-top: 25px;
	width: auto;
	text-align: left;
	display: block;
	border-radius: 0 15px 0 0;
}
.productcategoryheadline a {
	color: #FFFFFF;
}
.productsubcategoryheadline {
	font-size: .6em;
	color: #FFFFFF;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 5px;
}



/*------------------*\
    HOME PG BOXES
/*------------------*/

.colorbarboxes {
	width: 100%;
	padding-top: 15px;
	padding-right: 125px;
	padding-left: 125px;
	padding-bottom: 50px;
	background-color: #CFCFCF;
	float: left;
	line-height: 1.5em;
	clear: both;
}
.boxheadline {
	color: #001a39;
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: -20px;
	padding-bottom: 0;
	display: block;
	text-align: center;
}
.paragraphbox1 {
	width: 31%;
	float: left;
	margin-right: 2.95%;
	margin-top: 50px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
}
.paragraphbox1:hover {
	border: 1px solid #fff;
	-webkit-box-shadow: 2px 2px 12px 3px #9C9C9C;
	box-shadow: 2px 2px 12px 3px #9C9C9C;
}
.paragraphbox2 {
	width: 31%;
	float: left;
	margin-right: 2.95%;
	margin-top: 50px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
}
.paragraphbox2:hover {
	border: 1px solid #fff;
	-webkit-box-shadow: 2px 2px 12px 3px #9C9C9C;
	box-shadow: 2px 2px 12px 3px #9C9C9C;
}
.paragraphbox3 {
	width: 31%;
	float: left;
	margin-right: 0;
	margin-top: 50px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
	text-align: left;
	line-height: 150%;
	color: #666666;
	background-color: #FFFFFF;
}
.paragraphbox3:hover {
	border: 1px solid #fff;
	-webkit-box-shadow: 2px 2px 12px 3px #9C9C9C;
	box-shadow: 2px 2px 12px 3px #9C9C9C;
}
.icons {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	padding-bottom: 15px;
}



/*------------------*\
    SVG ICONS
/*------------------*/

.socialicon { 
    float: left;
	height: 75px;
	width: 75px;
    margin: 0 auto;
    padding: 10px;
    cursor: pointer;
}
.socialicon:hover { 
    opacity: .5;
}

/*------------------*\
    HISTORY PG
/*------------------*/


.timelineheadline {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #00247d;
	font-weight: 900;
	font-size: 1.5em;
	clear: both;
	margin-bottom: 0px;
	margin-top: 25px;
	width: auto;
	text-align: left;
	display: block;
	border-radius: 0 15px 0 0;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.timelinebox {
	margin-top: -25px;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	display: block;
	width: 100%;
	min-width: 100%;
}




/*------------------*\
    DOWNLOADS PG
/*------------------*/


.downloadsheadline {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 1.2em;
	background-color: #919191;
	clear: both;
	margin-bottom: 0px;
	margin-top: 25px;
	width: auto;
	text-align: left;
	display: block;
	border-radius: 0 15px 0 0;
}
.downloadsbox {
	margin-top: -25px;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 0 0 0 15px;
	display: block;
	width: 100%;
	min-width: 100%;
	background-image: url(../images/formbg.gif);
}





/*------------------*\
    POSITIONING
/*------------------*/

.topmargin {
	background-color: #fff;
	margin-top: 47px;
}
.topmarginsub {
	background-color: #fff;
	margin-top: -45px;
}
.aligncenter {
	width: 100%;
	float: left;
	margin: auto;
	clear: both;
}
.inner { 
	/*display: table; */
	margin:0 auto; 
}
.inner [class*="paragraphbox"] {
    text-align: center;
    min-height: 257px;
}
.margin4sides {
	line-height: 1.5em;
	background-color: #fff;
	margin: 0;
	padding-top: 50px;
	padding-right: 125px;
	padding-left: 125px;
	padding-bottom: 50px;
	clear: both;
}
#left { float: left; margin-right: 500px; }
#right { color: #fff; font-size: 0.9em; line-height: 1.2em; float:left; width:450px; margin-left:-450px; padding: 15px; border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-radius: 15px; }
.section {
	width: 100%;
	float: left;
	border-top: 1px solid #DCDCDC;
	margin-top: 15px;
	margin-bottom: 15px;
}



/*------------------*\
    IMAGES
/*------------------*/

img { max-width: 100%; margin: 0 auto; padding: 0; border-width: 0; }
.webpic { margin-bottom: 15px; margin-left: 15px; border-radius: 50px 0 50px 0; }
.fullwidthpic { width: 100%; max-width: 100%; }
.headerpic { width: 100%; max-width: 100%; }
.pic-centered {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.pic-left { width: auto; height: auto; float: left; margin-right: 15px; margin-bottom: 15px; border-radius: 50px 0 50px 0; }
.pic-right {
	width: 500px;
	height: auto;
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	border-top-right-radius: 50px 50px;
	border-bottom-left-radius: 50px 50px;
}
.pic-right500 {
	width: 500px;
	height: auto;
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	border-top-right-radius: 50px 50px;
	border-bottom-left-radius: 50px 50px;
}
.pic-right300 { width: 30%; height: auto; float: right; margin-top: 15px; margin-bottom: 15px; margin-left: 15px; }
.toppic {
	width: 100%;
	min-width: 100%;
	float: left;
	clear: both;
}
.productpic {
	width: 30%;
	height: auto;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 25px;
	border: 0px solid #DDDDDD;
	background-color: #FFFFFF;
}
.productthumb {
	max-width: 200px;
	max-height: 200px;
	float: left;
	margin-top: -40px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding: 25px;
	border: 0px solid #DDDDDD;
	background-color: #FFFFFF;
	clear: both;
}
.acrobat-right {
	width: auto;
	height: auto;
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	padding-top: 5px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
}

/*------------------*\
    BUTTONS
/*------------------*/

a.contactbutton {
	color: #fff;
	font-weight: bold;
	background-color: #396DED;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
}
a.contactbutton:hover { color: #fff; background-color: #00247d; }
.contactbutton {
	color: #0F1A58;
	font-weight: bold;
	background-color: #fff;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
	display: block;
	clear: both;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
}
.contactbutton:hover { color: #fff; background-color: #00247d; }
.submit {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background-color: #396DED;
	padding: 10px;
	border: 0px;
	border-radius: 5px;
	text-transform: uppercase;
	-webkit-appearance: none;
}
.submit:hover {
	color: #fff;
	background-color: #00247d;
	border: 0px;
	cursor: pointer;
}
.submit2 {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background-color: #396DED;
	padding: 10px;
	border: 0px;
	border-radius: 5px;
	text-transform: uppercase;
	width: 100%;
	-webkit-appearance: none;
}
.submit2:hover {
	color: #fff;
	background-color: #00247d;
	border: 0px;
	cursor: pointer;
}
.submitfooter {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #00736b;
	margin-bottom: 150px;
	padding: 10px;
	border-width: 0;
	border-radius: 5px;
	-webkit-appearance: none;
}
.submitfooter:hover {
	color: #fff;
	background-color: #888;
	padding: 10px;
	border-width: 0;
	border-radius: 5px;
	-webkit-appearance: none;
}
#footerquotebutton { margin-bottom: 50px; }
.productbutton {
	color: #fff;
	font-weight: bold;
	background-color: #396DED;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
	width: auto;
	clear: both;
	display: table-cell;
}
.productbutton:hover { color: #fff; background-color: #00247d; }
a.logout {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background-color: #396DED;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	border: 0px;
	border-radius: 5px;
	text-transform: uppercase;
	float: right;
}
a.logout:hover {
	color: #fff;
	background-color: #00247d;
	border: 0px;
	cursor: pointer;
}




/*------------------*\
    CONTACT PAGE
/*------------------*/

#contactformsection {
	width: 100%;
	background-image: url(../images/contactbg.jpg);
	padding-bottom: 50px;
	padding-top: 50px;
	margin-bottom: 50px;
	background-color: #CCCCCC;
}
#contactform {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#contactform-left {
	width: 350px;
	float: left;
	padding-right: 10px;
}
#contactform-right {
	width: 350px;
	float: left;
	padding-left: 10px;
}
#contactform-bottom {
	width: 302px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
	position: relative;
}
.formtoptext {
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
}
.formerrortext {
	color: #C80003;
	font-size: 1em;
	text-align: center;
	font-weight: 700;
}
.dropdown { 
	font-size: 0.8em; 
	color: #808080; 
	width: 100%; 
	/*height: 35px;*/
	background-color:#fff; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	border-color: #fff; 
    border: 0; 
	opacity: 1;
    border-radius: 5px;
    /*padding-left: 5px;*/
}
.dropdown:hover { border: solid 1px #00247d; }
.thankyou { 
	color: #000; 
	font-size: 1.5em; 
	font-weight: bold; 
	background-image: url(../images/formbg.gif); 
	text-align: center; 
	width: auto; 
	height: 80%; 
	margin: 50px; 
	padding: 100px; 
	border-width: 0; 
	border-radius: 25px;
}
.contactformfield { 
    font-family: "Arial", sans-serif;
	font-size: .8em; 
	color: #000; 
	background-image: url(../images/formbg.gif); 
	text-align: left; 
	width: 100%; 
	margin: 5px auto; 
	padding: 10px 8px 8px; 
	border: solid 1px #fff; 
	border-radius: 5px;
	opacity: 1;
}
.contactformfield:hover { border: solid 1px #00247d; }
.contactform_error {
	background: #FF0;
	opacity: .6;
}
.form_a {
	visibility: hidden;
}
.map { 
	width: 90%; 
	float: none; 
	margin-right: auto; 
	margin-left: auto; 
	display: block; 
	padding-bottom: 50px;
}



/*------------------*\
    CUSTOMER LOGIN
/*------------------*/

#loginform {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	margin-bottom: 50px;
	display: block;
	float: none;
	clear: both;
}
.loginformtoptext {
	color: #000;
	text-align: left;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
}




/*------------------*\
    FOOTER
/*------------------*/

.footer {
    color: #fff;
    font-size: 0.8em;
    background-color: #0F1A58;
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    min-width: 100%;
    margin: 0;
    padding: 50px;    padding-bottom: 45px;
}.footer .copyright p {
    margin: 0;
}
.footercenter { width: 100%; margin:auto; }
.footerinner { margin:0 auto; display: table; }
#footerlogo { width: 30%; clear: both; margin-right: auto; margin-bottom: 50px; margin-left: auto; display: block; }
.tagline { color: #e7e7e7; font-size: 0.8em; font-weight: 400; text-transform: uppercase; text-align: left; }
a.footerlinks  { color: #d0d0d0; text-decoration: none; }
a.footerlinks:hover  { color: #aaa; }
.copyright {
    font-size: 0.9em;
    text-align: center;
    float: none;
    clear: both;
    padding: 10px 0 0;
    display: block;
    margin: 0 auto;
}
.copyright a.footerlinks { 
    margin: 0 15px;
}
.footerblock1 {
	text-align: left;
	width: 160px;
	float: left;
	clear: right;
	line-height: 250%;
}
.footerblock2 {
	text-align: left;
	width: 220px;
	float: left;
	clear: right;
	margin-left: 50px;
	line-height: 250%;
}
.footerblock3 {
	text-align: left;
	width: 190px;
	float: left;
	clear: right;
	margin-left: 50px;
	line-height: 250%;
}
.footerblock4 {
	width: 30%;
	float: left;
	margin-left: 50px;
}
.footerheadline { font-size: 1.2em; font-weight: 700; text-transform: uppercase; }
a.footerheadline {
	color: #fff;
	border-bottom: medium none #fff;
}
a.footerheadline:hover { color: #aaa; }
a.footerphone { color: #fff; font-size: 1.2em; font-weight: 700; cursor: default; }
.fax { color: #fff; }
a.footeremail {
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	border: 1px solid #FCFCFC;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
}
a.footeremail:hover {
	color: #0F1A58;
	background-color: #FFFFFF;
}
a.faxlink { color: #fff; cursor: default; }
#backtotop { visibility: hidden; }
#bottomlogo { background-image: url(../images/logo_bottom_bg.png); background-repeat: repeat-x; background-position: 0 0; text-align: center; height: 150px; clear: both; margin: 0 auto; padding: 0; display: block; }
.logo  { position: relative; width: 250px; height: auto; z-index: 9999; visibility: visible; }
#bottomline { width: 80%; clear: both; margin-top: 50px; margin-right: auto; margin-left: auto; border-top: 1px solid #474747; display: block; }
.fb-like-box {
	border-radius: 10px;
	border: 10px solid #FFFFFF;
}







/* TRANSITION ----------------------------------------------------------------- */
@media only screen and (max-width: 1215px), only screen and (max-device-width: 1215px) {



/*------------------*\
    PRODUCT BOXES
/*------------------*/

.productboxheadline {
	font-size: 3em;
}
.productboxsubheadline {
	font-size: 1.3em;
	padding-bottom: 25px;
}
.productbox1 {
	width: 100%;
	float: none;
	margin-right: 0px;
	text-align: center;
	line-height: 150%;
	font-size: 1em;
	margin-left: 0px;
	display: block;
	padding: 25px;
	clear: both;
}
.productbox2 {
	width: 100%;
	float: none;
	margin-right: 0px;
	text-align: center;
	line-height: 150%;
	font-size: 1em;
	margin-left: 0px;
	padding: 25px;
	clear: both;
}
.productbox3 {
	width: 100%;
	float: none;
	margin-right: 0px;
	text-align: center;
	line-height: 150%;
	font-size: 1em;
	margin-left: 0px;
	padding: 25px;
	clear: both;
}
.productbox4 {
	width: 100%;
	float: none;
	margin-right: 0px;
	text-align: center;
	line-height: 150%;
	font-size: 1em;
	margin-left: 0px;
	padding: 25px;
	clear: both;
}





/*------------------*\
    HOME PG BOXES
/*------------------*/

.paragraphbox1 {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 4.95%;
	padding: 20px;
	text-align: center;
}
.paragraphbox2 {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 4.95%;
	padding: 20px;
	text-align: center;
}
.paragraphbox3 {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 0;
	padding: 20px;
	text-align: center;
}



/*------------------*\
    SEARCH
/*------------------*/

.searcharea {
	padding-right: 50px;
	padding-left: 50px;
}
.searchareasub {
	padding-right: 50px;
	padding-left: 50px;
}
.searchformfield {
	width: 80%;
}


/*------------------*\
    FOOTER
/*------------------*/

.footerblock4 {
    width: 30%;
    margin: 0 auto 50px;
	display: block;
	float: none;
}


}




/* TABLET ----------------------------------------------------------------- */
@media only screen and (max-width: 1000px), only screen and (max-device-width: 800px) {


/*------------------*\
    TOP HEADER
/*------------------*/

#top {
	height: 100px;
}
#topcontact {
	margin-right: 4.95%;
}
.emailtop   {
	visibility: hidden;
	display: none;
}
#logo  { margin-left: 50px; }
.fb-like {  }



/*------------------*\
    TEXT STYLES
/*------------------*/

a.contactbox { padding: 10px 50px; }



/*------------------*\
    SEARCH
/*------------------*/

.searcharea {
	padding-right: 50px;
	padding-left: 50px;
}
.searchareasub {
	padding-right: 50px;
	padding-left: 50px;
}




/*------------------*\
    HOME PAGE
/*------------------*/

.image-wrapper p { 
	font-size: 2.5em;
	bottom: 50px;
	left: 50px;
}




/*------------------*\
    POSITIONING
/*------------------*/

.topmarginsub {
	background-color: #fff;
	margin-top: 45px;
}
.bottommargin { margin-bottom: 82px; }
#left { width: auto; float: none; margin: 0; padding: 0px; }
#right { font-size: 1.7em; width: auto; float: none; margin: 50px 0 0; padding: 25px; border-left-style: none; border-left-width: 0; border-radius: 0px ; }
.margin4sides { 
	padding: 25px 50px 50px; 
}



/*------------------*\
    IMAGES
/*------------------*/

.webpic { width: 100%; height: auto; margin-left: 0; border-radius: 0px 0px 0px 0px; }
.pic-left { width: 100%; height: auto; float: left; margin-right: 0; border-radius: 0px 0px 0px 0px; }
.pic-right {
	width: 100%;
	height: auto;
	float: right;
	margin-left: 0;
	border-radius: 0px 0px 0px 0px;
	margin-top: 25px;
}



/*------------------*\
    HOME PG BOXES
/*------------------*/

.colorbarboxes {
	width: 100%;
	padding-top: 15px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
}
.paragraphbox1 {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 4.95%;
	padding: 20px;
}
.paragraphbox2 {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 4.95%;
	padding: 20px;
}
.paragraphbox3 {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 0;
	padding: 20px;
}



/*------------------*\
    CONTACT PAGE
/*------------------*/


#contactformsection {
	width: 100%;
}
#contactform {
	width: 90%;
}
#contactform-left {
	width: 100%;
	float: none;
	padding-right: 0px;
}
#contactform-right {
	width: 100%;
	float: none;
	padding-left: 0px;
}
#contactform-bottom {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: left;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}




/*------------------*\
    CUSTOMER LOGIN
/*------------------*/

#loginform {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	margin-bottom: 25px;
	display: block;
	float: none;
	clear: both;
	padding-left: 25px;
	padding-right: 25px;
}




/*------------------*\
    FOOTER
/*------------------*/

#footerinner { margin:0 auto 0 50px; display: inline; }
.footerblock1 { text-align: left; float: left; clear: none; margin-left: 50px; }
.footerblock2 { text-align: left; float: left; clear: right; margin-bottom: 50px; padding: 0; border-style: none; border-width: 0; } 
.footerblock3 { text-align: left; float: left; clear: right; margin-bottom: 50px; padding: 0; border-style: none; border-width: 0; }
.footerblock4 {
    width: 30%;
	margin-bottom: 50px;
	display: block;
	float: none;
}
.copyright {
    text-align: center;
    float: none;
    clear: both;
    display: block;
    margin: 0 auto;
}
#bottomline { width: 90%; margin-top: 50px; }


}




/* MOBILE ----------------------------------------------------------------- */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {


/*------------------*\
    LINKS
/*------------------*/

a.page_anchor { top: -190px; }



/*------------------*\
    TOP HEADER
/*------------------*/

#topnotice {
	font-size: .7em;
}
#top {
	height: 110px;
	z-index: 9999;
}
.emailtop   {
	visibility: hidden;
	display: none;
}
#topcontact {
	margin: 0 auto;
	display: block;
	align-content: center;
	float: none;
	clear: both;
	text-align: center;
}
#topphonenumber {
	visibility: visible;
	float: none;
	clear: both;
	display: block;
	margin: -15px auto 15px;
	align-content: center;
    z-index: 99999;
}
#google_translate_element {
	visibility: hidden;
	display: none;
}
#logo {
	height: 60px;
	float: none;
	margin: 0 auto;
	padding-top: 15px;
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 0px;
	display: block;
	position: relative;
	width: auto;
}
.fb-like { margin: 0; padding: 0; display: none; }



/*------------------*\
    TEXT STYLES
/*------------------*/

h1 {
	font-size: 1.7em;
	font-weight: 900;
	letter-spacing: -1px;
}
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
.headline-boxed { line-height: 1em; padding-top: 10px; padding-bottom: 8px; }
.testimonial { color: #000; font-size: 1em; float: left; clear: both; margin-right: 15px; margin-left: 15px; padding-bottom: 50px; }
.paragraph-boxed-small { font-size: 1em; background-color: #fbfbfb; background-image: url(../images/formbg.gif); height: auto; float: left; clear: left; margin-bottom: 20px; padding: 20px; border: 1px #9a9a9a; border-radius: 25px ; }
.paragraph-inabox {  width: auto; margin: 0 0 20px; padding: 20px; border-style: none; border-radius: 25px ; }
.colorbartext { font-size: 2em; line-height: 100%; }
.quotebutton { float: none; }
.colorbar-triangle { padding: 15px; }
a.contactbox { margin-bottom: 50px; padding: 15px; }
.colorbartext {
	padding: 15px;
	font-size: 1.5em;
}
.databox {
	margin-top: 5px;
	margin-right: 15px;
	width: 100%;
}



/*------------------*\
    SEARCH
/*------------------*/

.searcharea {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.searchareasub {
	padding-right: 0px;
	padding-left: 0px;
}
.searchformfield {
	width: 65%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.9em;
}
.searchsubmit {
	font-size: 0.9em;
}


/*------------------*\
    POSITIONING
/*------------------*/

.topmargin {
	margin-top: 92px;
}
.topmarginsub {
	background-color: #fff;
	margin-top: -45px;
}
#aligncontact { margin:15px 15px auto; }
#left { float: left; margin: 0; padding: 0; }
#right { font-size: 1.2em; width: 100%; float: left; margin-top: 30px; margin-bottom: 30px; padding: 15px; border-left-style: none; border-left-width: 0; border-radius: 0px ; }
.margin4sides {
	padding: 25px;
}


/*------------------*\
    IMAGES
/*------------------*/

.webpic { width: 100%; height: auto; border-radius: 0px 0 0px 0; }
.pic-left { width: 100%; height: auto; float: left; margin-right: 0; border-radius: 0px 0px 0px 0px; }
.pic-right { width: auto; height: auto; float: none; clear: both; margin-right: auto; margin-left: auto; display: block; border-radius: 0px 0px 0px 0px; }
.pic-right500 {
	width: auto; 
	height: auto; 
	float: none; 
	clear: both; 
	margin-right: auto; 
	margin-left: auto; 
	padding-top: 15px; 
	display: block;
	border-radius: 0px 0px 0px 0px;
}
.pic-right300 { width: auto; height: auto; float: none; clear: both; margin-right: auto; margin-left: auto; padding-top: 15px; display: block; }
.pic-icon {  }
.image-wrapper p { font-size: 25px; line-height: 110%; letter-spacing: -1px; bottom: 20px; left: 15px; }
#video { width: 100%; height: 200px; }
.toppic {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.productpic {
	width: 100%;
	float: none;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	clear: both;
	display: block;
}
.productthumb {
	width: 60%;
	height: auto;
	float: none;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-color: #FFFFFF;
	clear: both;
	display: block;
}



/*------------------*\
    BUTTONS
/*------------------*/

a.contactbutton { font-size: 1em; text-align: center; display: block; }
.contactbutton { font-size: 1em; text-align: center; display: block; }
#footerquotebutton { margin-bottom: 0px; }
.submitfooter { font-size: 1em; margin-bottom: 10px; display: block; }



/*------------------*\
    PRODUCT BOXES
/*------------------*/


.productboxheadline {
	font-size: 3em;
}
.productboxsubheadline {
	font-size: 1.3em;
	padding-bottom: 25px;
}
.productbox1 {
	width: auto;
	float: none;
	font-size: 1em;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
	display: block;
	padding: 10px;
}
.productbox2 {
	width: auto;
	float: none;
	font-size: 1em;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
	display: block;
	padding: 10px;
}
.productbox3 {
	width: auto;
	float: none;
	font-size: 1em;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
	display: block;
	padding: 10px;
}
.productbox4 {
	width: auto;
	float: none;
	font-size: 1em;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
	display: block;
	padding: 10px;
}


/*------------------*\
    HOME PAGE
/*------------------*/

.image-wrapper {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
} 
.image-wrapper p {
	visibility: collapse;
}
.fullpic { width: 100%; max-width: 100%; }



/*------------------*\
    HOME PG BOXES
/*------------------*/

.colorbarboxes {
	width: 100%;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 0px;
}
.boxheadline {
	color: #001a39;
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: -20px;
	padding-bottom: 0;
	display: block;
	text-align: center;
}
.paragraphbox1 {
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-top: 0px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 5px 25px;
}
.paragraphbox2 {
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-top: 25px;
	padding: 20px;
	border-radius: 5px 25px;
}
.paragraphbox3 {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-top: 25px;
	margin-bottom: 25px; 
	padding: 20px;
	border-radius: 5px 25px;
}
.icons {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	padding-bottom: 15px;
}




/*------------------*\
    PRODUCTS PG
/*------------------*/


.relatedproductbox {
	width: auto;
	height: auto;
	float: none;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 25px;
	font-size: 1em;
}
.productcategoryheadline {
	font-size: 1.5em;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 10px;
	padding-bottom: 8px;
	line-height: 120%;
}
.relatedproductbox img {
	max-width: 100%;
	max-height: 200px;
}
.productgroup {
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
}
.productitem {
	margin-left: 0;
}
.productitemphoto {
	float: none;
	display: block;
}


/*------------------*\
    CONTACT PAGE
/*------------------*/

#contactformsection {
	padding-bottom: 25px;
	padding-top: 5px;
}
#contactform {
	width: 90%;
	float: none;
	display: block;
	position: relative;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: none;
	margin-top: 0px;
}
#contactform-left {
	width: 100%;
	float: none;
	padding-right: 0px;
}
#contactform-right {
	width: 100%;
	float: none;
	padding-left: 0px;
}
#contactform-bottom {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: left;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
}
.formtoptext {
	margin-bottom: 15px;
	margin-top: 25px;
	display: block;
	width: 90%;
}
.contactformfield {
	width: 100%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.dropdown {
	background-color: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	border-width: 0px;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}
.map {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-bottom: 15px;
}


/*------------------*\
    FOOTER
/*------------------*/

.footer {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 0;
    min-width: 100%;
    margin: 0;
    padding-right: 25px;
    padding-left: 25px;
}
#footerlogo { float: none; clear: both; margin-right: auto; margin-bottom: 20px; margin-left: auto; display: block; }
.tagline { font-size: 0.8em; line-height: 80%; letter-spacing: 0; }
a.footerlinks  { color: #fff; text-decoration: none; }
a.footerlinks:visited  {  }
a.footerlinks:hover  {  }
a.footerphone { color: #001a39; font-size: 1.7em; line-height: 1em; background-color: #fff; width: 85%; margin-top: 5px; margin-right: auto; margin-left: auto; padding: 10px; display: block; border-radius: 5px; }
.fax { color: #fff; }
a.footeremail { color: #001a39; font-size: 1.2em; font-weight: 700; line-height: 1em; background-color: #fff; width: 85%; margin-right: auto; margin-left: auto; padding: 10px; display: block; border-radius: 5px; }
a.faxlink { color: #fff; }
.footerblock1 {
	text-align: center;
	width: auto;
	float: none;
	clear: both;
	margin: 0 auto;
	line-height: 125%;
}
.footerblock2 {
	text-align: center;
	width: auto;
	float: none;
	clear: both;
	margin: 25px auto 0;
	padding: 0;
	border-style: none;
	border-width: 0;
	line-height: 125%;
} 
.footerblock3 {
	text-align: center;
	width: auto;
	float: none;
	clear: both;
	margin: 25px auto 0;
	padding: 0;
	border-style: none;
	border-width: 0;
	line-height: 125%;
}
.footerblock4 {
    width: 30%;
	float: none;
	clear: both;
	margin: 50px 0 50px;
	padding: 0;
	border-style: none;
	border-width: 0;
}
.footerheadline { font-size: 1em; font-weight: 700; text-transform: uppercase; }
.copyright {
    font-size: 0.8em;
    line-height: 1.4em;
    text-align: center;
    float: none;
    clear: both;
    margin: 0 auto;
    padding: 0;
}
.copyright a.footerlinks { 
    margin: 0;
    display: block;
}
#backtotop { visibility: visible; margin-top: 25px; margin-bottom: 25px; }


}