@charset "utf-8";
/* CSS Document */
/* @font-face   */
    @font-face {
        font-family: "avenirnextheavy";
        src: url("../fonts/Avenir-Next-Heavy.eot");
        src: url("../fonts/Avenir-Next-Heavy.woff") format("woff"),
             url("../fonts/Avenir-Next-Heavy.ttf") format("truetype"),
             url("../fonts/Avenir-Next-Heavy.svg#Avenir-Next-Heavy") format("svg");
    }
    @font-face {
        font-family: "cerapro";
        src: url("../fonts/CeraPRO-Regular.eot");
        src: url("../fonts/CeraPRO-Regular.woff") format("woff"),
             url("../fonts/CeraPRO-Regular.ttf") format("truetype"),
             url("../fonts/CeraPRO-Regular.svg#CeraPRO-Regular") format("svg");
    }
    @font-face {
        font-family: "cerapro-med";
        src: url("../fonts/CeraPRO-Medium.eot");
        src: url("../fonts/CeraPRO-Medium.woff") format("woff"),
             url("../fonts/CeraPRO-Medium.ttf") format("truetype"),
             url("../fonts/CeraPRO-Medium.svg#CeraPRO-Medium") format("svg");
    }
    @font-face {
        font-family: "cerapro-bold";
        src: url("../fonts/CeraPRO-Bold.eot");
        src: url("../fonts/CeraPRO-Bold.woff") format("woff"),
             url("../fonts/CeraPRO-Bold.ttf") format("truetype"),
             url("../fonts/CeraPRO-Bold.svg#CeraPRO-Bold") format("svg");
    }
    @font-face {
        font-family: "FontAwesome";
        src: url("../fonts/fontawesome-webfont.eot");
        src: url("../fonts/fontawesome-webfont.woff") format("woff"),
             url("../fonts/fontawesome-webfont.ttf") format("truetype"),
             url("../fonts/fontawesome-webfont.svg#fontawesome-webfont") format("svg");
    }

/* site-lvl css */
	body { position: relative; font-family: 'cerapro', Arial, sans-serif; font-size: 16px; overflow-x: hidden;}
    section.heroD_bodyContent {width: 100%; max-width: 1170px; margin: 0 auto; }
	.positioner { width: 100%; max-width: 1170px; margin: 0 auto; }
	a { color: #00a0dd; }
	a:hover { color: #23527c; }
	.clear { clear: both; }
    .bkgd1 { background-color: #fafafa; width: 100%; }
    .red { color: #bf0f0f; }

	.pos20 { margin: 20px auto; }
	.pos50 { margin: 50px auto; }
    .btm20 { margin-bottom: 20px; }
    .btm50 { margin-bottom: 50px; }
    .center { text-align: center; }

    .btn:active { box-shadow: none; }
    .btn.btn-std {
    	display: inline-block;
    	padding: 10px 35px;
    	background-image: none;
    	background-color: #00a0dd;
    	border: 0px solid transparent;
    	border-color: rgba(0,0,0,0);
    	font-family: 'cerapro-bold', Arial, sans-serif;
    	font-size: 1.05em;
    	color: white;
    	text-transform: uppercase;
    	margin-left: 0px;
    	margin-top: 10px; 
    }
    .btn.btn-std:hover { background-color: #23527c;}
    .btn.btn-std.reverse, .btn.btn-std.disabled, .btn.btn-std[disabled] { background-color: white; border: 1px solid black; color: #00a0dd; border-radius: 4px; }
    .btn.btn-std.reverse:hover, .btn.btn-std.disabled:hover, .btn.btn-std[disabled]:hover { border: 1px solid #23527c; background-color: white; }
    .btn.btn-std.btn-submit {
    	padding: 5px 35px;
    	font-family: 'cerapro-bold', Arial, sans-serif;
    	font-size: 16px;
    	color: white;
    }

    .fileUpload { display: inline-block; padding: 10px 15px; font-family: 'cerapro-bold', Arial, sans-serif; cursor: pointer; font-size: 1.05em; background-color: white; border: 1px solid #cccccc; color: #00a0dd; border-radius: 4px; }
    .fileUpload:hover { border: 1px solid #23527c; background-color: white; }

    [class*="span"] { margin-left: 1%; }
    .span1 { width: 7.334%; }
    .span2 { width: 15.668%; }
    .span3 { width: 24%; }
    .span4 { width: 32.333%; }
    .span5 { width: 40.667%; }
    .span6 { width: 49%; }
    .span7 { width: 57.334%; }
    .span8 { width: 65.667%; }
    .span9 { width: 74%; }
    .span10 { width: 82.334%; }
    .span11 { width: 90.667%; }
    .span12 { width: 98%; }
    .offset0 { margin-left: 1%; }
    .offset1 { margin-left: 9.334%; }
    .offset2 { margin-left: 17.668%; }
    .offset3 { margin-left: 26%; }
    .offset4 { margin-left: 34.334%; }
    .offset5 { margin-left: 42.667%; }
    .offset6 { margin-left: 51%; }

    .widget { border: 1px solid #d1d1d1; padding: 0px 10px; box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62); }
    .widget ul li { background: none; padding: 8px 0px; }
    .widget ul li a i { margin-left: 8px; }
	.widget ul li a { color: #00a0dd; }
    .widget ul li a:hover { color: #23527c; }

    .resize-wrapper { display: inline-block; }
/*
    ul.linklist { list-style: none; margin: 0px; }
    ul.linklist li { padding: 2px 0px 7px 0px;}
	ul.linklist li a { color: black; display: inline-block;  }
	ul.linklist li i { margin-right: 8px; color: #00a0dd; }
	ul.linklist li i.fa-angle-right { color: #00a0dd; }
	ul.linklist li a:hover { color: #23527c; }
*/

    .breadcrumb  { 
        padding: 8px 0px;
    	background-color: rgba(255,255,255,0);
	}
    .breadcrumb ul { 
    	margin-left: 1%;
    	margin-right: 1%;
	    list-style: none;
	}
	.breadcrumb ul li { display: inline-block; margin-right: 8px; white-space: nowrap; }
	.breadcrumb ul li a { color: black; }
	.breadcrumb ul li a:hover { color: #23527c; }
	.breadcrumb ul li i { color: #00a0dd; }
	.desktop-version { display: block; }
	.mobile-version { display: none; }

/* top nav */
	header { display: block; }
	nav { display: block; } /* to be none -- JDnote */
	header { width: 100%; min-width: 1170px; }
	.navbar { margin-bottom: 0px; }

	.navbar.upper {font-family: 'cerapro-bold', Arial, sans-serif; font-size: 12px; height: 27px; background-color: #232323; color: white; }
	.navbar.upper .positioner { position: relative; min-height: 30px; }
	.navbar.upper .navbit { position: absolute; display: inline-block; }
	.navbar.upper .navbit a { color: white; }
	.navbar.upper .navbit a i { color: #00a0dd; }
	.navbar.upper .navbit a:hover { color: #00a0dd; }
	.navbar.upper .navbit.left { max-width: 50%; }
	.navbar.upper .navbit.right { right: 1%; }
	.navbar.upper .navbit span.adjust {display: inline-block; padding: 3px 10px 3px 2px; }
	.navbar.upper .navbit.right span.adjust { display: inline-block; padding: 3px 2px 3px 20px; }

	.navbar.lower { height: 50px; padding-top: 14px; font-size: 19px; background-color: #474747; color: white; }
	.navbar.lower.navbar-fixed-top { background-color: rgba(71,71,71,0.8); }

	.navbar.lower ul.masterlist { float: left; list-style: none; list-style-type: none; margin: 0px; padding: 0px; position: relative; min-height: 56px; }
	.navbar.lower ul.masterlist.rnav { float: right; }
	.navbar.lower ul.masterlist li.masteritem {
		list-style-type: none;
		display: inline-block;
		margin-top: -8px;
        margin-right: 20px;
		padding: 3px 10px 10px 0px;
		line-height: 47px;
		cursor: pointer;
		-webkit-transition: width 0.3s ease-in-out;
		-moz-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;
		-webkit-transition: margin-left 0.3s ease-in-out;
		-moz-transition: margin-left 0.3s ease-in-out;
		transition: margin-left 0.3s ease-in-out;
		-webkit-transition: left 0.3s ease-in-out;
		-moz-transition: left 0.3s ease-in-out;
		transition: left 0.3s ease-in-out;
		-webkit-transition: right 0.3s ease-in-out;
		-moz-transition: right 0.3s ease-in-out;
		transition: right 0.3s ease-in-out;
	}
	.navbar.lower ul.masterlist li.masteritem.navholder { margin-top: 0px; }
	.navbar.lower ul.masterlist li.masteritem.last-one { padding-right: 10px; }
	.navbar.lower ul.masterlist li.masteritem a.inlinelink { color: white; }

	.navbar.lower ul.masterlist {}
	.navbar.lower ul.masterlist.search-item { width: 67px; padding-left: 10px; }
	.navbar.lower div.main-nav a.logo-positioner { position: absolute; left: 50%; width: 150px; margin-left: -75px; overflow: hidden; }
	.navbar.lower div.main-nav a.logo-positioner img { margin-top: 0px; width: 150px; max-width: 150px; border: 0px; }

	.main-nav .sub-menu {
		display: none;
		position: absolute;
		top: 50px;
		left: 0px;
		list-style: none;
		margin: 0;
		background-color: white;
		z-index: 15;
		box-shadow: -4px 8px 34px #222; 
		font-family: 'cerapro', Arial, sans-serif;
		font-size: 15px;
		color: black;
		text-align: left;
		padding: 0px 0px 20px 0px;
	}
	.main-nav .sub-menu.far-right {
		right: 0px;
		left: auto;
	}
	.main-nav .sub-menu li {
	  position: relative;
	  padding: 6px 10px 6px 30px;
	  width: 170px;
	  cursor: pointer;
	}
	.main-nav .sub-menu.double {
		width: 450px;
	}
	.main-nav .sub-menu.double li {
		float: left;
	}
	.main-nav .sub-menu.double li:nth-child(2n+1){
		clear: both; 
	}
    .main-nav .sub-menu li a {
        color: black;
    }

	.main-nav .sub-menu li:nth-child(1) { margin-top: 30px; }
	.main-nav .sub-menu.double li:nth-child(2) { margin-top: 30px; }
	.main-nav .sub-menu li:hover {
	  background-color: #00a0dd;
	}
	.main-nav .sub-menu li:hover > a {
	  color: #fff;
	}
	.main-nav .sub-menu .sub-menu {
	  top: 0px;
	  right: 170px;
	  left: auto;
	}

/* search in top nav */
	.nav-icon {
		width: 27px;
		height: 46px;
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
		cursor: pointer;
		color: white;
		margin-top: -10px;
	}
	.sb-search-desktop {
		position: relative;
		display: none;
		width: 100%;
		height: 27px;
		overflow: hidden;
		-webkit-transition: -webkit-transform width 0.3s ease-in-out;
		-moz-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;
		-webkit-backface-visibility: hidden;
	}
	.sb-search-desktop input[type="text"].sb-search-input {
		position: absolute;
		top: 0;
		left: 1%;
		background: #fff;
		height: 15px;
		width: 80%;
		margin: 0;
		z-index: 10;
		font-family: inherit;
		font-size: 0.8em;
	    border: none;
	    border-top-left-radius: 5px;
	    border-bottom-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	    padding-bottom: 6px;
		-webkit-transition: width 0.3s ease-in-out;
		-moz-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;
	}
	.sb-search-desktop a.sb-search-submit {
		position: absolute;
		top: 0px;
		right: 1%;
		background: #00a0dd;
		border: none;
		outline: none;
		z-index: 100;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		height: 25px;
		width: 19%;
	}
	.sb-search-desktop a.sb-search-submit i { color: white; position: absolute; top: 5px; right: 30%; font-size: 14px; }

/* mobile nav */
	nav { display: none; background-color: #474747; }
	nav .mobilecap {
		height: 58px;
	}
	nav .mobilecap img { width: 100px; position: absolute; left: 50%; top: 20px; margin-left: -50px; }
	nav .mobilecap .mbgr { position: absolute; left: 20px; top: 20px; }
	nav .mobilecap .mbgr span { 
		display: block;
		border-radius: 1px;
		height: 6px;
		margin-bottom: 3px;
		background-color: #f1f1f1;
		width: 40px;
	}
	nav .mobilecap .mbgr.active span { background-color: #00a0dd; }
	nav ul.mobilelist { 
		display: none;
		list-style-type: none;
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		-webkit-transition: display 0.3s ease-in-out;
		-moz-transition: display 0.3s ease-in-out;
		transition: display 0.3s ease-in-out;
	}
	nav ul.mobilelist div.mmw {
		font-family: 'cerapro-bold', Arial, sans-serif;
		background-color: white;
		color: black;
		padding: 8px;
		border-bottom: 1px solid #d1d1d1;
		cursor: pointer;
		position: relative;
	}
	nav ul.mobilelist div.mmw i { position: absolute; top: 14px; right: 10px; }
	nav ul.mobilelist div.mmw a { color: black; }
	nav ul.mobilelist div.mmw.active { background-color: #00a0dd; color: white; }
	nav ul.mobilelist li.mobileitem { padding: 0 0; background-color: #f1f1f1; }
	nav ul.mobilelist li.mobileitem.msearch { background-color: #474747;}
	nav ul.mobilelist li.mobileitem ul.sub-menu { 
		list-style-type: none;
		display: none;
		-webkit-transition: display 0.3s ease-in-out;
		-moz-transition: display 0.3s ease-in-out;
		transition: display 0.3s ease-in-out;
	}
	nav ul.mobilelist li.mobileitem ul.sub-menu li { padding: 8px 0px; border-bottom: 1px dotted white; }
	nav ul.mobilelist li.mobileitem ul.sub-menu li a { color: black; display: block; }

/* search in mobile nav */
	.sb-search-mobile {
		position: relative;
		width: 100%;
		height: 27px;
		overflow: hidden;
		margin: 8px 0px;
		height: 46px;
	}
	.sb-search-mobile i { display: block; margin-top: 4px; font-size: 18px; }
	.sb-search-mobile input[type="text"].sb-search-input {
		position: absolute;
		top: 0;
		left: 1%;
		background: #fff;
		height: 30px;
		width: 95%;
		margin: 0;
		z-index: 10;
		font-family: inherit;
		font-size: 0.8em;
	    border: none;
	    border-radius: 4px;
	    padding-bottom: 6px;
	}

	.sb-search-mobile a.sb-search-submit {
		width: 27px;
		height: 25px;
		display: block;
		position: absolute;
		top: 12%;
		right: 3%;
		padding: 0;
		margin: 0;
		color: #00a0dd;
		font-size: 2.2em;
		line-height: 20px;
		text-align: center;
		cursor: pointer;
		border: none;
		outline: none;
		z-index: 90;
	}
	.sb-search-mobile .sb-icon-search i { margin-top: 0px; }

/* font */
	h1 { color: inherit; font-family: 'cerapro', Arial, sans-serif; font-weight: 900; text-transform: uppercase; font-size: 30px; line-height: .96; }
	h1.hero { font-size: 75px; margin: 0.83em 0;  }
    h1.KB { text-transform: none; }
	h2 { color: inherit; font-family: 'cerapro', Arial, sans-serif; font-weight: 900; text-transform: uppercase; margin: 0.83em 0; font-size: 35px; line-height: 1; }
	h3 { color: inherit; font-family: 'cerapro', Arial, sans-serif; font-weight: 900; margin: 1em 0; font-size: 30px; line-height: 1.1; }
	h4 { color: inherit; font-family: 'cerapro', Arial, sans-serif; font-weight: 900; margin: 12px 0px 8px; font-size: 20px; line-height: 1.1; }
	h5 { color: inherit; font-family: 'cerapro-bold', Arial, sans-serif; margin: 1.67em 0; font-size: 19px; /* letter-spacing: 2.5px; */ line-height: 1.1; }
	h6 { color: inherit; font-family: 'cerapro-bold', Arial, sans-serif; font-size: 16px; line-height: 1.1; }
	p { margin: 8px 1px 8px 0px; font-size: inherit; line-height: 1.4; }
	p.disclaimer, li.disclaimer { margin: 0.7em 0; font-size: 0.7em; }
	p.errormsg { margin: 0.8em 0; font-size: 0.8em; color: #bf0f0f; }

/* footer */
	footer { background-color: #474747; width: 100%; color: white; font-size: 18px !important; padding: 30px 0px 20px; margin-top: 50px; }
    footer.height-aid { position: absolute; bottom: 0px; }
	footer h4 { font-family: 'cerapro', Arial, sans-serif; text-transform: uppercase; font-size: 80%; }
	footer p { font-size: 80%; }
	footer a { color: white; display: inline-block; margin-right: 8px; }
	footer a:hover { color: #00a0dd; }
	footer .footer-upper { float: left; width: 22%; margin: 0px 2% 35px 1%; }
	footer .footer-upper ul { list-style-type: none; margin: 0px; }
	footer .footer-upper ul li { padding: 0 0 10px 0; }
	footer .footer-upper ul li a { padding: 1px 0px; font-size: 14px; }
	footer .footer-upper ul li a i { font-size: 24px; }
	footer .footer-lower { width: 100%; margin: 0px 0px; padding-bottom: 1em; min-height: 50px; }
	footer .footer-lower .span6 a { padding-right: 8px; border-right: 1px solid #00a0dd; }
    footer .footer-lower .span6 a:last-of-type { border-right: 1px solid transparent; }
	footer i.fa { font-size: 1.2em; }

/* overlay */
	.overlay_close {
        color: #4d4c4c;
		position: absolute;
		right: 0px;
		top: 0px;
		border: 3px solid #f1f1f1;
		font-size: 30px;
		background-color: white;
		border-radius: 40px;
		height: 34px;
		width: 34px;
		text-align: center;
		margin: -22px -22px;
		cursor: pointer;
        box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
	}
	.overlay_modal {
		/*display: none;*/
		position: fixed;
		top: 30%;
		left: 30%;
		right: 30%;
		border-radius: 4px;
		background-color: white;
		z-index: 10001;
        box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
	}
    .overlay_modal1 {
		/*display: none;*/
		position: fixed;
		top: 30%;
		left: 30%;
		right: 30%;
		border-radius: 4px;
		background-color: white;
		z-index: 10001;
        box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
	}
	.overlay_bkgd1 {
		/*display: none;*/
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		min-height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 10000;
        opacity: 1;
	}
	.overlay_bkgd {
		/*display: none;*/
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		min-height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 10000;
        opacity: 1;
	}
	.overlay_modal.visi,
	.overlay_bkgd.visi { display: block !important; }
	.overlay_modal h3 { text-align: center; }
	.overlay_modal label { display: block; }
    .overlay_modal label.right { text-align: right; font-size: 16px; }

/* search-hero */
	.search-hero { text-align: center; min-height: 50px; padding-top: 60px; padding-bottom: 60px; }
	.search-area-wrapper .sb_wrapper { position: relative; width: 80%; margin: 5px auto; }
	.search-area-wrapper .sb_wrapper input[type="text"] { width: 98%;     padding: 10px; /*position: absolute;*/ }
	.search-area-wrapper .btn { 
		position: absolute; 
		top: 1px;
		right: -7px;
		width: 25px; 
		height: 35px; 
		background-image: none;
		background-color: rgba(255,255,255,0.7); 
		color: #00a0dd; 
		font-size: 18px;
		line-height: 31px;
	}
	.search-area-wrapper .search-form { text-align: left !important; }
    #FullWidthMasterTop_update_Filtered { margin-top: 8px; }
	.search-area-wrapper .sb_wrapper .sb_dropdown { margin: 0px 0px 8px; width: 99%; }
	.search-area-wrapper .sb_wrapper .sb_dropdown .span3 { float: left; width: 30%; margin-right: 2%; margin-left: 1%; }
	.search-area-wrapper .sb_wrapper .sb_dropdown a { padding: 10px 5px; }
    .search-area-wrapper .sb_wrapper .sb_dropdown a.search-filter:hover {
        color: #fff;
        background-color: #23527c;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-left-color: #00a0dd;
        border-right-color: #00a0dd;
        border-top-color: #00a0dd;
        border-bottom-color: #00a0dd;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }


/* sticky inline-nav */
    .is-sticky .inline-nav { background-color: white; }
    .inline-nav { z-index: 6000 !important; padding-top: 64px; margin-top: -64px; }
	.inline-nav .pin-nav { border-bottom: 1px solid black; }
	.inline-nav .pin-nav ul.pin-list { list-style: none; margin: 4px 1% 0px 1%; }
	.inline-nav .pin-nav ul.pin-list li { display: inline-block; }
	.inline-nav .pin-nav ul.pin-list li a { display: block; border-bottom: 6px solid white; font-family: 'cerapro-bold', Arial, sans-serif; font-size: 1.2em; height: 27px; margin-right: 5px; padding: 0 10px; color: black; }
	.inline-nav .pin-nav ul.pin-list li a:hover { color: #00a0dd; }
	.inline-nav .pin-nav ul.pin-list li a.active { border-bottom: 6px solid black; }
	.inline-tab { padding-top: 28px; padding-bottom: 15px; }
    .inline-tab.warranty-tables { padding-top: 50px; }
    .inline-tab.warranty-tables h3 { margin: 0px; }
	.inline-tab h2 { margin-bottom: -5px; }
	.downloads .inline-tab h2 { margin-bottom: 8px; }
	.inline-tab ul.squarelist { list-style-image: url('../images/icons/bullet_square-pencil.gif'); }
	.inline-tab ul.btmline li { border-bottom: 1px solid #d5d5d5; padding: 11px 0px; }
	.inline-tab ul.squarelist li a { display: inline-block; font-family: 'cerapro-bold', Arial, sans-serif; color: black; }
	.inline-tab ul.squarelist li a i { color: #00a0dd; }
	.inline-tab ul.squarelist li a:hover { color: #23527c; }
	.bkgd-wrapper { margin-left: -260px; margin-right: -260px; padding-left: 260px; padding-right: 260px; }
	.bkgd-spite { background-color: #f6f6f6; }


/* downloads */
	.downloads .widget.formfields { padding: 20px; }
    div.inline-tab div.toggle { border-bottom: 1px solid #d1d1d1; position: relative; padding: 4px 24px 4px 0px; }
    div.inline-tab div.toggle:nth-child(1) { border-top: 1px solid #d1d1d1; }
    div.inline-tab div.toggle div { display: inline-block; position: absolute; right: 1%; padding: 4px; margin-top: -4px; }


/* forms and pseudoforms */
	.formfields label{ margin-top: 2%; text-align: right; font-family: 'cerapro-bold', Arial, sans-serif; font-size: 16px; }
	.formfields .regular{ margin-top: 2%; font-size: 16px; }
	.pseudoform .pfl { text-align: right; margin-right: 12px; }
	.formfields label.goleft { text-align: left; margin-top: 1%; display: inline-block; }
    .formfields span#WD_lblNote label { text-align: left; }
	input[type="checkbox"] { padding-right: 10px; display: inline-block; margin-top: -3px; }
	.formfields p.errormsg { margin-top: -1em; margin-bottom: 1em; display: none; }
	.formfields input.errormsg { border: 1px solid #bf0f0f; }
    .formfields div.alertWrapper { margin-top: -6px; margin-bottom: 4px; padding-bottom: 2px; }

    /* div.adjuster-for-formfields { margin-left: 22px; } */
    .formfields label.adjuster-for-checkbox { text-align: left; margin-top: 1%; display: inline; }

    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"],
    .uneditable-input,
    .aspNetDisabled {
        display: block;
        width: 100%;
        min-height: 32px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }



/* notice - from main.css */
	.notice {
		padding: 10px 20px;
		background: #efefef;
		border: 1px solid #f5dc7d;
		border-left-width: 4px;
	}

   .danger {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
    padding: 10px;
     box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
}

.success {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
    padding: 10px;
     box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
}


.info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
    padding: 10px;
     box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
}



.warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
     box-shadow: 8px 8px 14px 0px rgba(48, 50, 50, 0.62);
     
}

.small {
    font-size: small;
}


/* homepage */
    .topLinks a { color: #4d4c4c; }
    .homepage-cat { text-align: center; padding: 30px 0px; }
    .homepage-cat .catbox { width: 29%; float: left; padding: 2%; min-height: 251px; }
    .homepage-cat .catbox a.cat-img { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
    .homepage-cat .catbox a.cat-img img { padding: 20px 10px; }
    .homepage-cat .catbox a.cat-img div.cover { display: none; position: absolute; top: 0px; left: 0px; background-color: rgba(0,160,221,0.5); width: 340px; height: 200px; z-index: 5; }
    .homepage-cat .catbox a.cat-img:hover div.cover { display: block; }
    .homepage-cat .catbox1 { float: left; padding-top: 2%; min-height: 184px; }
    .homepage-cat .cat-label { margin: 10px 0px; }
    .homepage-cat .cat-label a { font-family: 'cerapro-bold', Arial, sans-serif; font-size: 1em; color: black; }

    .homepage-box { margin: 0px 20px 20px 20px; }
    .faqHome a, .downloads a, .white a { color: white; }
    .faqHome a:hover, .downloads a:hover, p.white a:hover { color: white; text-decoration: underline; }
	.faqs a { color: #4d4c4c; }
    .homepage-box p a, .homepage-box p a:hover { color: inherit; text-decoration: none; }
    .homepage-box a.btn:hover { text-decoration: none; }
    .homepage-box article.hentry { margin: 20px 0px; padding-bottom: 20px; border-bottom: 1px solid #ccc; /*min-height: 40px;*/ }
    .homepage-box article.hentry:last-child { margin: 20px 0px; padding-bottom: 0px; border-bottom: none; min-height: 20px; }
    .homepage-box article.hentry a { color: #4d4c4c; }
    .homepage-box h4.white, .homepage-box h3.white { color: white; }
    .homepage-box h3.sub { margin-top: 5px; margin-bottom: 20px; }
    .homepage-box p.white { margin: 10px; color: white; }
    .homepage-box .inner-box { border-bottom: 1px solid #ccc; padding-bottom: 15px; }

    .homepage-tiles { position: relative; float: left; width: 100%; min-height: 300px; overflow: hidden; background-size: cover; }
    #tile-warranty { background-image: url('../images/tiles_01.jpg'); background-position: center center; }
    #tile-mcFAQ { background-image: url('../images/tiles_03.jpg'); background-position: center center; }
    #tile-community { background-image: url('../images/tiles_02.jpg'); background-position: center center; }
    #tile-FAQ { background-image: url('../images/tiles_04.jpg'); background-position: center center; }

    .homepage-tiles .cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; transition: background .5s ease; }
    .homepage-tiles:hover .cover { background-color: rgba(0,160,221,0.5); }
    .homepage-tiles .cover h3 { font-size: 40px; font-family: 'cerapro', Arial, sans-serif; font-weight: 900; text-transform: uppercase; }
    .homepage-tiles .cover h3 { color: white; position: absolute; top: 33%; width: 100%; text-align: center; }
    .homepage-tiles .cover h3 i { display: none; }

/* survey */
    input[type="radio"] { margin: 0px 0 4px; }

/* product picker */
	.productPicker .product {
		width: 24%;
		float: left;
		margin-right: 1%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 150px;
	}
	.productPicker .product a { display: block; cursor: pointer; padding: 160px 2% 8% 2%; text-align: center; }
	.productPicker .product a:hover { background-color: rgba(0,160,221,0.5); }
	.productPicker .product a img { border: 0px; }
	.productPicker .product a h4 { color: black; }
	.productPicker .product a:hover h4 { color: white; }
	.productPicker .product a p { color: black; }
	.productPicker .product a:hover p { color: white; }
	.productPicker .product a p i { color: #00a0dd; }
	.productPicker .product a:hover p i { color: white; }
	.productPicker .prodClear.up3 { clear: none; }
	.productPicker .prodClear.up2 { clear: none; }
	.productPicker .prodClear.up4 { clear: both; }

/* product page */
	.productDetails div.obj { width: 20%; float: left; margin-right: 1%; padding: 2%; }
	.productDetails div.obj a { color: black; }
	.productDetails div.obj a i { color: #00a0dd; }
	.productDetails div.obj a:hover { color: #23527c; }

/* tablesaw */
    table.tablesaw_unplugged { table-layout: fixed; empty-cells: show; max-width: 100%; width: 100%; text-align: left; }
    .tablesaw_unplugged { border-collapse: collapse; width: 100%; border: 0; padding: 0; margin: 12px 0px; }
    .tablesaw_unplugged th,
    .tablesaw_unplugged td { box-sizing: border-box; padding: .5em .7em; }
    .tablesaw_unplugged th { border-bottom: 1px solid #1b1b1b; font-size: 18px; text-align: left; }

	table.tablesaw {table-layout: fixed; empty-cells: show; max-width: none; width: auto; min-width: 100%; }
	.tablesaw {border-collapse: collapse; width: 100%; border: 0; padding: 0; margin: 12px 0px; }

    .tablesaw.altrows tr:nth-child(2n),
    .tablesaw_unplugged.altrows tr:nth-child(2n) { background-color: #f6f6f6; }
    .tablesaw.altrows tr.subhead { background-color: white; border-bottom: #cccccc 1px solid; }

	.tablesaw th,
	.tablesaw td {box-sizing: border-box; padding: .5em .7em; }
	.tablesaw th { border-bottom: 1px solid #1b1b1b; font-size: 18px; }

	.tablesaw-bar { clear: both; }
	.tablesaw-bar.tablesaw-all-cols-visible .tablesaw-advance,
	.tablesaw-bar.tablesaw-all-cols-visible .tablesaw-advance.minimap ul.tablesaw-advance-dots { display: block; }
	.tablesaw-bar .btn.btn-small,
	.tablesaw-bar .btn.btn-micro {display: inline-block; width: auto; height: auto; position: relative; top: 0; border: 1px solid black; background-color: white; background-image: none; } .tablesaw-bar .btn.btn-small {font-size: 1.0625em; line-height: 19px; padding: .3em 1em .3em 1em; }
	.tablesaw-bar .btn.btn-micro {font-size: .8125em; padding: .4em .7em .25em .7em; }

	.tablesaw-advance .btn {-webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; border-radius: .25em; }
	.tablesaw-advance .btn.btn-micro {font-size: .8125em; padding: 1em 1em 1em 1em; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {display: inline-block; overflow: hidden; width: 1.8em; height: 1.8em; margin-left: .5em; position: relative; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {content: "\0020"; overflow: hidden; width: 0; height: 0; position: absolute; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #00a0dd; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #00a0dd; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {top: .45em; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {left: .6em; border-right: 5px solid #00a0dd; }
	.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {left: .7em; border-left: 5px solid #00a0dd; }
	.tablesaw-advance a.tablesaw-nav-btn.disabled {opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; }

	.tablesaw-advance {float: right; }
	.tablesaw-advance.minimap {margin-right: .4em; }
	.tablesaw-advance-dots {float: left; margin: 0; padding: 0; list-style: none; }
	.tablesaw-advance-dots li {display: table-cell; margin: 0; padding: .4em .2em; }
	.tablesaw-advance-dots li i {width: .25em; height: .25em; background: #00a0dd; border-radius: 100%; display: inline-block; }
	.tablesaw-advance-dots-hide {opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; }

/* knowledge base */
    .knowledgeBase h4.mobile:before { font-family: FontAwesome; content: '\f10b'; padding-right: 23px; padding-left: 5px; font-size: larger; }
	.knowledgeBase h4:before { font-family: FontAwesome; content: '\f044'; /*color: #00a0dd;*/ padding-right: 8px; font-size: larger; }
    .knowledgeBase h4.cal:before { font-family: FontAwesome; content: '\f073'; /*color: #00a0dd;*/ padding-right: 8px; font-size: larger; }
    .knowledgeBase ul li { border-bottom: 1px solid #f2f2f2; padding: 3px 0px 5px 0px; }
	#community span.avatar { display: inline-block; margin-right: 8px; }

/* video tutorials */
    .video-border { border-right: 1px solid #ddd; }
    .video-sizer .span6,
    .video-sizer2 .span3 { height: auto; min-height: 185px; }
    .video-sizer .span6:nth-child(2n),
    .video-sizer2 .span3:nth-child(4n) { clear: right; }

/* contact */
	.grayBox { background-color: #f9f9f9; padding: 10px 0px; min-height: 126px; }
    .grayBox .icon { padding: 20px 0px; }
    .grayBox h5 { margin: 0px; color: #3b4348; min-height: 50px; }
    .grayBox hr { width: 75%; margin: 10px auto; }
    .grayBox p { margin: 8px 8px; }

    #WD_instructions .grayBox { min-height: 160px; }
    #WD_instructions .grayBox .icon { padding: 0px; }
    .nonEnglish .grayBox { width: 48%; }

    #WD_pnlContactCountry .numbers { min-height: 80px; margin-bottom: 20px; }

/* callback */
    #WD_pnlCallback .grayBox, .timeBox { min-height: 72px; border: 1px solid #cccccc; margin-right: 0.7%; margin-left: 0px; cursor: pointer; }
    #WD_pnlCallback .grayBoxSelected, #WD_pnlCallback .grayBox:hover, .timeBox:hover { border: 1px solid #23527c; }
    #WD_pnlCallback .grayBox h5 { min-height: 20px; }
    #WD_pnlCallback .accordion { position: relative; min-height: 300px; }
    .timeBox { min-height: 45px; padding: 4px 0px; }
    .timeBox a { color: #4d4c4c; }
    .timePanel { position: absolute; top: 105px; left: 0px; background-color: #FFF; margin-left: 0px; width: 100%; border-top: 1px solid #4d4c4c; padding-top: 10px;}
    .timePanel a.aspNetDisabled { color: #AAA; cursor: not-allowed; }

@media screen and (max-width: 1170px) {
	header { min-width: 100%; }
}

@media screen and (min-width: 1170px) {
    .overlay_modal { width: 500px; left: 50%; right: auto; }
}

@media screen and (max-width: 1050px) {
    #WD_pnlCallback .accordion { min-height: 400px; }
    .timePanel { top: 210px; }
    .desktop-only .wdCareHeight { height: 208px; }
}

@media screen and (min-width: 1050px) {
    .desktop-only .wdCareHeight { height: 105px; }
}

@media screen and (min-width: 778px) {
    section.heroD_bodyContent.adjuster-for-nav { padding-top: 70px; }
    .desktop-only { display: block; }
	.tablet-version { display: none; }
}

@media screen and (max-width: 992px) {
	.navbar.lower { font-size: 15px; }
}

@media screen and (max-width: 778px) {
    [class*="span"] { width: 98%; }
    [class*="offset"] { margin-left: 1%; }

    .video-sizer .span6,
    .video-sizer2 .span3 { width: 49%; float: left; min-height: 200px; }
    .video-border { border-right: 1px solid transparent; }
    .desktop-only { display: none !important; }
	.tablet-version { display: block; }
    .positioner { width: 98%; margin-left: 1%; }
	.tooltip-link .tooltiptext {
	    width: 200px;
	 	margin-left: 8px;
	 	right: 0px;
	 	margin-top: 20px;
	}

    header { display: none; }
    nav { display: block; position: fixed; top: 0; width: 100%; z-index: 9999; }
    section div.page-content { margin-top: 58px; }
    .belowSearch { margin-top: -58px; }

    footer .footer-upper, footer .footer-lower { width: 94%; margin-left: 3%; }
    footer .footer-upper.double { width: 42%; margin-left: 3%; }
    footer .footer-lower a { display: block; }
	footer .footer-lower .span6 a { border-right: 1px solid transparent; }
	p { font-size: 16px; }

	.overlay_modal { left: 20%; right: 20%; }

	.tablesaw-swipe th.tablesaw-cell-hidden,
	.tablesaw-swipe td.tablesaw-cell-hidden { display: none; }
    .sticky-wrapper { display: none; }
    .msticky { display: block; padding-top: 80px; margin-top: -80px; }    
	.inline-tab { padding-top: 60px; /*margin-top: -60px;*/ }


	.search-hero { min-height: 120px; }
    /* forms and pseudoforms */
   	.formfields label,
   	.pseudoform .pfl { text-align: left; }
    .formfields .regular { margin-top: 0%; }
    /* div.adjuster-for-formfields { margin-left: 0px; } */
    /* homepage */
	.homepage-cat .catbox { width: 29%; }
    .homepage-cat .catbox { min-height: 280px; }
	.homepage-cat .catbox a.cat-img img { padding: 10px 0px;}
    .homepage-cat .catbox a.cat-img:hover div.cover { display: none; }
    .homepage-tiles .cover h3 {	font-size: 24px; }

    .homepage-box { padding: 5px 0px; }
    .homepage-box .inner-box { border-bottom: 1px solid #ccc; margin-bottom: 5px; border-right: none; }

   	/* product picker */
   	.productPicker .product { width: 32%; background-size: 150px; }
	.productPicker .product a { padding: 160px 2% 2% 2%; }
	.productPicker .prodClear.up2 { clear: none; }
	.productPicker .prodClear.up4 { clear: none; }
	.productPicker .prodClear.up3 { clear: both; }
	/* product detail */
	.productDetails div.obj { width: 28%; }
}

@media screen and (max-width: 375px) {
    .video-sizer .span6,
    .video-sizer2 .span3 { width: 98%; float: none; }
   	.desktop-version { display: none; } 
	.mobile-version { display: block; }
    .btn.btn-std { display: block; width: 98%; padding: 10px 0px; }
	.mbtm0 { margin-bottom: 0px; }
	.mpos20 { margin: 20px 0px;}
	.increase-target a { display: inline-block; padding: 10px; }
	.increase-target h2,
	.increase-target h3,
	.increase-target h4,
	.increase-target h5 { margin-bottom: 4px; }

	/* font */
	h1 { font-size: 27px; text-transform: none; }
	h1.hero { font-size: 27px; }
	h2 { font-size: 24px; }
	h3 { font-size: 19px; }
	h4 { font-size: 17px; }
	h5 { font-size: 12px; }
	h6 { font-size: 18px; }
	p { font-size: 15px; }
    
	.overlay_modal { left: 10%; right: 10%; }

    /* search-hero */
	.search-hero { min-height: 60px; }
    .search-area-wrapper { text-align: left; }
    .search-area-wrapper .sb_wrapper { width: 90% !important; margin: 0px 0px; }
    .search-area-wrapper .sb_wrapper .sb_dropdown { display: none !important; }

    /* homepage */
    .homepage-cat { text-align: center; }
    .homepage-cat .catbox:nth-child(4) { clear: both; }
    .homepage-tiles {
    	background-image: none !important;
    	width: 100%;
    	min-height: 50px;
    	background-color: #f6f6f6;
    	border-bottom: 1px solid white;
    	color: black;
    }
    .homepage-tiles .cover h3 {
    	font-family: 'cerapro', Arial, sans-serif;
    	font-size: 14px;
    	position: relative;
    	top: 0%;
    	color: black;
    	margin-top: 0.5em;
    }
    .homepage-tiles .cover h3 i { display: inline; margin-right: 8px; }

   	/* product picker */
   	.productPicker .product { width: 49%; background-size: 100px; }
	.productPicker .product a { padding: 110px 2% 2% 2%; }
	/* product detail */
	.productDetails div.obj { width: 45%; }

    /* contact */
	.grayBox { background-color: #f9f9f9; padding: 10px 0px; min-height: 20px; }
    .grayBox .icon { display: none; }
    .grayBox h5 { min-height: 20px; font-size: 16px; }

}

@media print {
    header, nav, footer, .search-area-wrapper {
        display: none;
    }
}