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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}

*{box-sizing:border-box;-moz-box-sizing:border-box;}
/* structure */   

.special-header{height:97px; margin:0px; padding:0px;}

.fluid-img{ max-width:100%; height:auto;}

.wrapper{padding:1.3%; margin-left:auto;margin-right:auto;left:0;background-color:#fff; max-width:1280px;overflow:hidden;position:relative;}
.inner-wrapper{padding:0px;  width:100%;overflow:hidden;position:relative;}

.border{ border:1px solid #AFBFCE;}
.margin-top{ margin-top:25px;}
.margin-auto{ margin:0 auto; width:80%;}

.padding{ padding:10px;}
.padding1{ padding-right:10px; padding-left:100px; padding-bottom:0px; padding-top:0px;}
.paddingtop{ padding-top:20px;}
.margin-left{ margin-left:100px;}
.clearBoth, .cb, .clear{clear:both;margin:0;padding:0; display: block; overflow: hidden; visibility: hidden;}
.content_hdr p
{background-color:transparent;color:#1d4c7b;margin-bottom:2px;font-weight:200; padding-top:10px; padding-left:10px;}

H1, H2, H3, H4, .heading{-webkit-font-smoothing:antialiased;color:#152551;font-family: "Open Sans",sans-serif; font-smooth:always;font-weight:400;}
H2.content_hdr{color:#1d4c7b;margin-bottom:2px;font-weight:200; padding-top:10px;}
.spacer10{ height:10px; margin:0 !important; padding:0px;}

H3.content_hdr
{color:#1d4c7b;margin-bottom:2px;font-weight:200; padding-top:10px; padding-left:10px;}


/*account-sign-in*/

.account-sign-in ul li{list-style-type:disc;}
.account-create-detail ul, .account-sign-in ul{margin-top:0; margin-left:25px;}
.account-create li{margin-top:8px;}.account-welcome ul{margin-left:0;padding-left:1em;}
.account-welcome li{margin:0;padding-bottom:5px;padding-left:5px;}
.account-assistance ul{margin-left:5px;padding-left:1em;}
.account-assistance li{margin:0;padding-bottom:5px;padding-left:3px;list-style-type:square;}
.account-sign-in{margin:0 auto;}
.content .account-sign-in .col1, .content .account-sign-in .col2{width:40%;}
.account-sign-in .grey_border{margin-top:10px;padding-top:10px;}
.account-sign-in h4{font-size:24px;}
#content .col1{width:45%;margin:0 auto;padding-top:15px}
.mBottom5{margin-bottom:5px}
.mTop5{margin-top:5px}.mRight5{margin-right:5px}
.bold{font-weight:bold}
.pTop10{padding-top:10px; margin:0px;}
.pL10{padding-left:10px; margin:0px;}
.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
 p.forgot-password{font-weight:bold;font-size:10px;margin:0;clear:left;}
 .pTop5{padding-top:5px}

 /*sign-in-form*/ 
 
 p, fieldset, table, pre{margin-bottom:1em;}button, input[type="radio"], input[type="reset"]{padding:1px;}
 H1, H2, H3{margin:0;padding:0;}
 .content H4{margin:0 0 10px 0;font-size:18px;color:#152551;}
 
 .floatRight{float:right}
 
.sign-in-form{float:none;clear:left;width:auto;padding-bottom:30px;}
.sign-in-form, .checkout-guest{margin:10px;padding:25px;border:1px solid #859db9;}
.sign-in-form h4{ color:#b24665; font-size:18px; padding-bottom:10px;}
.sign-in-form fieldset.form_list{margin:20px 0;}
.sign-in-form #LoginPassword{margin-bottom:4px;}
.sign-in-form p{margin:10px 0 0 0;}
.floatLeft{float:left !important;}




.required{color:#C00; padding-right:0px;}
 
.sign-in-form p.instructions{font-size:11px;margin:0;}
 span.instructions{font-size:10px;margin-left:116px;}
 p.sign-in-user{font-size:12px;font-weight:bold;margin-bottom:18px;}
 p.sign-in-user a{display:inline-block;margin-left:12px;font-size:10px;font-weight:normal;}
 p.forgot-password{font-weight:bold;font-size:10px;margin:0;clear:left;}
 input.account-password-input{display:block !important;}
 .top_error p{font-weight:bold;}
 
 /*FormList*/

.form_list{/*padding:10px;*/font-size:10px;color:#888; width:100%;}
fieldset label{font-size:10.6px;color:#888;width:111px;vertical-align:top;padding:0px;font-weight:bold;display:block;}
.form_list td.labeled div input{margin-bottom:0;}
label.create-account-checkbox-label{float:left;width:auto;vertical-align:middle;}
label{font-size:14px;line-height:1.50em;}

.form_list span{font-style:italic;}
.form_list select label{display:block; width:211px; padding:2px 3px; background:#ffffff;border:1px solid #859db9;font-size:11px;color:#152551;margin:0px 5px 5px 0px; }
.form_list input{display:block; width:211px; padding:2px 3px;border:1px solid #859db9;font-size:11px;color:#fff;margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.form_list .non_text_input input{display:inline;width:auto;border:none;padding:0;margin:0;}
.form_list input[type="hidden"]{display:none;}
.form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:66.8%; }
.form_list .form-info{font-style:italic;}
.form_list input.checkbox{position:absolute;margin:0;}
.wide_form_list th{width:225px;}
fieldset.form_list input{display:inline;float:none;}
fieldset.form_list > div {position: relative;}


.sub-header{height:97px;}

.floatLeft h2 {
    color: #036;
    font-family: "Open Sans",sans-serif;
    font-size: 2rem;
    padding: 45px 0px 0px 25px;
    font-variant: normal;
    letter-spacing: 0.06em;
    line-height: 1;
}



#details-wrapper .buttons_bottom_block {
    clear: both;
    display: block;
    padding-top: 5px;
}

.fancybox-popup a.button-small,.fancybox-popup a.button-small:link,.fancybox-popup a.button-small:visited{font-size:12px;font-weight:bold;margin-left:0;padding:6px 20px}

#add_to_cart .form-submit,#add_to_cart .btn-drp-dwn{position:relative;top:-4px;left:-2px;font-size:1.45em;padding:7px 27px;line-height:normal}#add_to_cart .txt-call-now{font-style:italic;position:relative;top:-4px;padding-left:7px}
#add_to_cart .txt-call-now span{font-weight:bold;font-size:1.167em}

.form-submit,a.button,a.button:link,a.button:visited,a.btn-drp-dwn,a.btn-drp-dwn:link,a.btn-drp-dwn:visited{color:#fff;border:solid 1px #032a46;background:#034777;background:-webkit-gradient(linear,left top,left bottom,from(#044e83),to(#03406c));background:-moz-linear-gradient(top,#044e83,#03406c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#044e83',endColorstr='#03406c');box-shadow:inset 0 1px 0 0 #699fc7!important}

.form-submit:hover,a.button:hover{background:#054573;background:-webkit-gradient(linear,left top,left bottom,from(#0e619c),to(#023254));background:-moz-linear-gradient(top,#0e619c,#023254);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e619c',endColorstr='#023254');box-shadow:inset 0 1px 0 0 #a5cbe7!important}

.form-submit:active,a.button:active,.form-submit:focus,a.button:focus{background:-webkit-gradient(linear,left top,left bottom,from(#033960),to(#023254));background:-moz-linear-gradient(top,#033960,#023254);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#033960',endColorstr='#023254');box-shadow:none;border:solid 1px #032a46;box-shadow:inset 0 0 0 0 #699fc7!important}

.form-submit-small,a.button-small,a.button-small:link,a.button-small:visited{padding:6px 12px 6px}
input::-moz-focus-inner{border:0;padding:0}
.form-submit-wrapper{clear:both}
input.disabeld,input.disabeld:hover{position:static;background:#c2c2c2}




#loginbox {
    font-size: 0.75em;
}
#loginbox .button {
    padding-top: 5px;
}
#loginbox .form-submit{margin-left: 0p}

.form-submit:focus{ 
    background: -moz-linear-gradient(center top , #033960, #023254) repeat scroll 0% 0% transparent;
    border: 1px solid #032A46;
    box-shadow: 0px 0px 0px 0px #699FC7 inset !important;
}


/*Registration*/

.content .col1 .create-account{width:39%;}
.content .col2 .create-account{width:100%}
.content .account-create-login .col1{width:440px;}
.content .account-create-login .col2{width:360px;}



#content,aside,.vertical-padding{ padding:0px;}
p{ margin:0 0 1.5em;}
.title{
	font-size: 3vmin;
	position: absolute;
	float: none;
	padding: 0px 0px 0px 0px;
	left: 41px;
	top: 22px;
}


/* RESPONSIVE IMAGES  */
img{ max-width:100%; height:auto;}

.pad{ padding:10px;}


#col .grid_1,
#col .grid_2,
#col .grid_3,
#col .grid_4,
#col .grid_5,
#col .grid_6,
#col .grid_7,
#col .grid_8,
#col .grid_9,
#col .grid_10,
#col .grid_11,
#col .grid_12,{

margin-top:10px;
padding:5px;
background:#fff;}



@media all and (max-width: 480px) and (min-width: 320px) { .footer-nav .footer-nav-column{ width:70%; margin: 20px 29px 0px 43px;} .padding{ padding:10px;} H2.content_hdr{font-weight:200; padding-top:10px; font-size:22px;}}

@media all and (max-width: 640px) and (min-width: 360px) { .footer-nav .footer-nav-column{ width:70%; margin: 20px 29px 0px 43px;}.margin-auto{ margin:0 auto; width:80%; }}

@media only screen and (min-width: 320px) {.form_list input{ width:100%;} .padding{ padding:0px;}.forgot-password pTop5{ margin-top:10px;}.margin-auto { width:80%;}  .form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:100%; }}

@media only screen and (min-width: 360px) {/*.form_list input{ width:250px;}*/.form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:94.2%; }}

@media only screen and (min-width: 480px) {/*.form_list input{ width:300px;}*/ .form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:83.2%; }}




@media only screen and (min-width: 640px) {  .form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:92.2%; }}

@media only screen and (min-width: 768px) { .footer-nav .footer-nav-column{ width:120px; margin: 20px 29px 0px 43px;} .margin-auto{ margin:0 auto;} /*.form_list input{ width:350px;}*/ .form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:59.2%; }}

@media only screen and (min-width: 1024px) { .footer-nav .footer-nav-column{ width:141px; margin: 20px 66px 0px 43px} .margin-auto{ margin:0 auto; width:60%;}

.form_list select{border:1px solid #859db9;font-size:11px;color:#152551; padding:3px 3px 3px 3px; width:67.2%; }}

@media only screen and (min-width: 920px) {

.wrapp-special-order{max-width: 1200px; margin: .75em auto; margin:30px;}

#content { float:left;width:65%;}
#content.wide-content{float:none;width:100%;}
aside { float:right;width:30%;}


/*GRID*/
/*
 & Columns : 12 

 */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%;}
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; margin:0 auto; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 96.667%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 1.6666666666667%;
	margin-right: 1.6666666666667%;
	margin-top:10px;
	float: left;
	margin-bottom:10px;
	
}}


/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
#hero .grid_4 { width: 30%; }
#hero h1{ font-size:1.4em;}
#hero .grid_8 { width: 63.333333333333%; margin:0 1.6666666666667%; }

} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
#hero h1{ font-size:2em;}} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { }