﻿/* ================================================================================== */
/* == Normalize.css v1.01 =========================================================== */
/* ================================================================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: 'arch-regular';
src: url('../arch-regular-webfont-4.html'); src: url('../arch-regular-webfontd41d-2.html#iefix') format('embedded-opentype'), url('../woff/arch-regular-webfont-2.woff') format('woff'), url('../arch-regular-webfont-5.html') format('truetype'), url('../arch-regular-webfont-6.html#archivo_narrowregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'arch-regular-italic';
src: url('../arch-regular-italic-webfont-5.html'); src: url('../arch-regular-italic-webfontd41d-2.html#iefix') format('embedded-opentype'), url('../arch-regular-italic-webfont-6.html') format('woff'), url('../arch-regular-italic-webfont-7.html') format('truetype'), url('../arch-regular-italic-webfont-8.html#archivo_narrowitalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'arch-bold';
src: url('../arch-bold-webfont-4.html'); src: url('../arch-bold-webfontd41d-2.html#iefix') format('embedded-opentype'), url('../woff/arch-bold-webfont-2.woff') format('woff'), url('../arch-bold-webfont-5.html') format('truetype'), url('../arch-bold-webfont-6.html#archivo_narrowbold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'arch-bold-italic';
src: url('../arch-bold-italic-webfont-5.html'); src: url('../arch-bold-italic-webfontd41d-2.html#iefix') format('embedded-opentype'), url('../arch-bold-italic-webfont-6.html') format('woff'), url('../arch-bold-italic-webfont-7.html') format('truetype'), url('../arch-bold-italic-webfont-8.html#archivo_narrowbold_italic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'museo-bold';
src: url('../museo700-webfont-4.html'); src: url('../museo700-webfontd41d-2.html#iefix') format('embedded-opentype'), url('../woff/museo700-webfont-2.woff') format('woff'), url('../museo700-webfont-5.html') format('truetype'), url('../museo700-webfont-6.html#museo700') format('svg'); font-weight: normal; font-style: normal; }


/* ================================================================================== */
/* == General Styles ================================================================ */
/* ================================================================================== */

html,body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #676767; }
body { position: relative; }
iframe { z-index: 1; }

p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0 0 20px 0; padding: 0; list-style: none; }
ol { list-style: decimal; }
h1, h2, h3, h4, h5, h6 {font-family: 'museo-bold', arial;font-weight: normal;  }
a {  color: #ED7804;text-decoration: none; -webkit-transition: all 0.218s;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s; }
a:hover { color: #1C75BB; }

/* as per Todd 2014.04.17 4:11 pm*/
/*.button { background: #ED7804; border:none !important;color: #fff !important; padding: 10px 15px; text-transform: uppercase; display: block; margin:0 0 20px 0;font-family: 'Archivo Narrow', sans-serif;font-weight:bold;font-size:20px;-webkit-transition: all 0.218s;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s;}*/
.button { background: #ED7804; border:none !important;color: #fff !important; padding: 10px 15px; text-transform: uppercase; display: inline-block; margin:0 0 20px 0;font-family: 'Archivo Narrow', sans-serif;font-weight:bold;font-size:20px;-webkit-transition: all 0.218s;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s;}
	.button:hover { background: #1C75BB; }
	.button.blue { background: #1C75BB; }
	.button.blue:hover { background: #ED7804; }
	.button:before, .button:after {
	    content: " ";
	    display: table; }
	  .button:after {clear: both; }
.dup-button {font-size:14px; cursor: pointer;}


.orange {color:#ed7804}
.clrgr {color:#7daa00;}
.clred {color:#cf0000;}
.tcenter {text-align:center;}
.tright {text-align:right;}
.inbl, .inbl > li {display:inline-block;}
.mb20 {margin-bottom:20px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.ml20 {margin-left:20px;}
.uppercase {text-transform:uppercase;}
.alignleft {float:left;}
.alignright {float:right;}
.left {float: left !important; }
.right {float: right !important; }

.alert {padding:20px;}
.alert p {margin:0;}
  .alert.yellow {background:#fff1a0;border:1px solid #f9dd34}

/* heading styles */
h1 {color:#23386a;font-size:28px;}
h2 {color:#23386a;font-size:26px;}
h3 {color:#23386a;font-size:22px;}
h4 {color:#23386a;font-size:18px;}
h5 {font-size:14px;font-weight:bold;text-transform:uppercase;font-family: 'Archivo Narrow', sans-serif;}

/* ================================================================================== */
/* == Header ======================================================================== */
/* ================================================================================== */
#head-top{background: #283570 url(../jpg/bg-head-top-2.jpg); color: #cdcdcd; padding: 13px 0; margin-bottom:10px;font-family: 'arch-regular'; font-size: 16px;
-webkit-box-shadow:inset 0 10px 10px -3px #000, 0 5px 10px -3px rgba(0,0,0,.5);box-shadow:inset 0 5px 10px -3px #000, 0 5px 10px -3px rgba(0,0,0,.5);}
#state-nav {}
	.staging #state-nav {}
#head-top p { text-transform: uppercase; display:inline-block;}
#state-nav ul#states {float:right;margin:0;}
#state-nav ul#states > li { display:inline-block; margin-left: 20px; }
#state-nav ul#states li a { color: #cdcdcd; }
#state-nav ul#states li a:hover, #state-nav ul#states li a.active { color: #fff; }

#header { text-align: center; padding-bottom: 20px; }
#header:after { content: ""; display: table; clear: both;}
#header .container { position: relative; }
#header hgroup { text-indent: -9999px; margin-top: 5px; float: left; }
#header hgroup a { display: block; width: 210px; height: 103px; background: url(../png/incnow-logor-2.png) no-repeat; }

.site-logo {float:left;}

/* phone number area */
.head-contact {text-align:right;}
.head-contact h3 { font-family: "museo-bold"; font-weight: normal; font-size: 26px; margin: 13px 0 16px 0; padding-right: 5px;}
	.head-contact h3.mtop40 {margin-top:40px;}
.head-contact h3 span { color: #6f9700; font-size: 32px; }

/* NEW NAVIGATION STRUCTURE */
#main-nav {} /* nav element surrounding */
#main-nav ul {margin:0;list-style:none;background: #DCDEE2; text-transform: uppercase; border-radius: 10px; font-family: 'arch-bold'; font-size: 16px;text-align:right;padding:0 10px;float:right;}
#main-nav li {display:inline-block;margin-right:15px;position:relative;}	
	#main-nav>ul>li:first-child {}
	#main-nav>ul>li:last-child {margin-right:0;}	
	/* first level non clickable links. Have class of .no-click */
	#main-nav>ul>li>a {color:#333;font-size:16px;padding: 8px 30px 8px 18px;display:block;position:relative;}
		#main-nav>ul>li>a:hover, #main-nav>ul>li:hover>a {color:#ED7804;background:#EAEDF5;border-radius:4px;} /* hover and when over sub menu effect */
			#main-nav>ul>li>a::after { content: ""; width: 0; height: 0; position: absolute; top: 14px; right: 14px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #ED7804 transparent; }	
		#main-nav>ul li.current-menu-item>a, #main-nav>ul li.current_page_parent>a, #main-nav>ul li.current-page-ancestor>a {color:#000;}	
/* 2nd level skin */
#main-nav .sub-menu {display:none;padding:0;background: #EAEDF5;position:absolute;top:100%;left:0;min-width:100%;z-index:99;border: 1px solid #CECFD3;border-top:none;text-align:left;border-radius: 0;text-transform: none;}	
		/* if it's a touch device like tablet or phone, don't do anything with hover.. this is because somehow it's clicking first item under sub nav when clicking main nav, no idea why*/
		html.touch #main-nav li:hover .sub-menu {display:none;-moz-animation: none;-webkit-animation:none;animation:none ;} 
		/* lets show the sub nav on hover or touch on mobile  recently changed to .open from :hover for hoverintent */
		#main-nav li:hover .sub-menu  {display:block;-moz-animation: fadeInDown .2s ease-in ;-webkit-animation: fadeInDown .2s ease-in ;animation:fadeInDown .2s ease-in ;} 
		html.touch #main-nav .open .sub-menu  {display:block !important;} 
#main-nav .sub-menu li {width: auto;border-bottom: 1px solid #CECFD3;white-space:nowrap;display:block;margin:0;}
	#main-nav .sub-menu li:last-child {border-bottom:none;}
#main-nav .sub-menu li a {padding:8px 20px;display:block;width:100%;color:#1c75bb;font-size:14px;}
	#main-nav .sub-menu li a:hover {background-color:#e6f0fc;color:#333;}

/* ================================================================================== */
/* == Home Page ===================================================================== */
/* ================================================================================== */

#home-header { background: url(../header-shadow-2.html) no-repeat center bottom; margin: 30px 0; padding-bottom: 35px; overflow: hidden; }
#home-header h1 { font-size: 35px; font-family: "museo-bold"; font-weight: normal; color: #000; margin-bottom: 27px; }




/* ================================================================================== */
/* == Content ======================================================================= */
/* ================================================================================== */
.cart-content {padding:40px 0 0 0;}
	.cart-content a {color: #6f9700;border-bottom:1px dotted;}
.cart-master-row {padding-bottom:85px;}
.form-buttons {margin-top:20px;padding:20px;background:#efefef}
  .form-buttons .button {margin:0;}
  .summary-wrap .form-buttons {padding:10px 20px}
    .summary-wrap .form-buttons .button {display:block;width:100%;float:none;}

.heading-row h2, .heading-row h3, .heading-row h4 {margin-top:10px;} /* just spacing out heading rows a bit */

.check-data-list li {margin-bottom:10px;border-bottom:1px dotted #ccc;overflow:hidden;}
    .check-data {display:inline-block}
    .qty-row {}
    .qty-row > select {width:8%;display:inline-block;}
	.qty-row > span > select {width:8%;display:inline-block;}
    .qty-row > label {display:inline-block;padding-left:5px;}
    .qty-row .check-data {}
    .qty-row .check-data .unitpricetext{position:relative;top:8px;}


.message-note {}
/* for show-hides */
.show-it {font-weight:bold;font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;}
.show-me {display:none;font-style:italic;}
/* extra section style */
.section-wrap {padding-bottom:10px;margin-bottom:20px;border-bottom:4px solid #ccc;}
ul.circle-bul {list-style:disc;margin:0 0 20px 20px}
.fancybox-inner {height:auto !important;}

/* adjust for sticky */
.cart-content .row {position:relative;}
  .cart-content .summary-wrap {position:absolute;height:100%;right:0;}
  .cart-summary {width:226px;}
  
/* == FORM CONTROLS == */

form {clear:both;}
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
/*  display: block;*/
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.15s linear; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  /*margin: 0 -0.5rem; */}
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
  font-family: 'Archivo Narrow', sans-serif;
  font-size:16px;
  position:relative;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right;
    margin-bottom:0; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label.inline-bl {display:inline-block;}
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Add height value for select elements to match text input height */
select {
/* skm select width 100%*/
  width:100%;
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FAFAFA;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }
  input[type="checkbox"],
  input[type="radio"]  {
    margin: 0 0 1rem 10px; }

/* skm since the code is dodgy creating just the checkbox + product label, change the class
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }
*/
label.productname {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }
label.radiocheckadjacent {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }
/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: #FFFFFF;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  .error input:focus,
  .error textarea:focus,
  .error select:focus {
    background: #fafafa;
    border-color: #999999; }
.error input[type="file"], .error input[type="checkbox"], .error nput[type="radio"], .error  select {margin-bottom:1rem;}

.error label,
.error label.error {
  color: #c60f13; }
.error > small,
.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  input.error:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error select:focus {
    background: #fafafa;
    border-color: #999999; }

label.error {
  color: #c60f13; }
 i.req { color: #c60f13;font-size:18px;position:absolute;right:-5px;}

/* ================================================================================== */
/* == Sidebar ======================================================================== */
/* ================================================================================== */
.summary-wrap {}
.cart-summary {padding-top:0;position:fixed;width:226px;}
.cart-summary .summary-title {margin:0 0 10px 0;font-weight:bold;font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;}
ul.checklist {border-bottom:1px solid #ccc;padding:0 0 5px 15px}
  ul.checklist li {padding-bottom:10px;position:relative;}
    ul.checklist li::before {color:green;content:'\2713';position:absolute;left:-15px;}
    ul.checklist li.included::before {color:green;content:'\2713';position:absolute;left:-8px;}
    ul.checklist li.excluded::before {color:red;content:'\FF38';position:absolute;left:-8px;}
.cart-summary .show-it {font-size:12px;}
.cart-summary .show-me {font-style:normal;margin-top:10px;}
  .cart-summary .show-me label {margin-bottom:5px;}
.cart-totals {}
  .cart-totals h4 {margin:0 0;font-weight:bold;font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;font-size:18px;}
  .cart-totals h5 {font-weight:bold;font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;font-size:26px;}

/* ================================================================================== */
/* == Footer ======================================================================== */
/* ================================================================================== */

#footer { clear: both; background: url(../jpg/footer-shadow-2.jpg) no-repeat top center; padding-top: 25px; margin-top: 50px; }
#footer hr { clear: both; height: 1px; border: none; background: #CACACA; margin-bottom: 15px; }
#footer p {margin:0;}
#footer #info { padding-bottom: 30px; }
#footer #info h3 { font-family: 'arch-regular'; font-weight: normal; color: #303874; font-size: 28px; margin-bottom: 15px; }
#footer #info h3 a { color: #303874; }
#footer #info ul#social {}
#footer #info ul#social li { display:inline-block; margin: 0 15px 10px 0; }
#footer #info ul#social li a { width: 32px; height: 32px; display: block; text-indent: -9999px; }
#footer #info ul#social li a#email { background: url(../png/social-email-2.png); }
#footer #info ul#social li a#facebook { background: url(../png/social-facebook-2.png); }
#footer #info ul#social li a#twitter { background: url(../png/social-twitter-2.png); }
#footer #info ul#social li a#google { background: url(../png/social-google-2.png); }
#footer #info ul#social li a#youtube { background: url(../png/social-youtube-2.png); }

#footer #info .block {  }
#footer #info .block h4 { font-size: 18px; margin-bottom: 5px; color: #ed7804; font-family: "arch-bold", sans-serif;}
#footer #info .block ul { font-size: 13px; margin-bottom:20px;}
#footer #info .block ul li { margin-bottom: 3px; }
#footer #info .block ul li a { color: #333; }
#footer #info .block ul li a:hover { color: #303874; }
#footer #info a#bbb { float:left; margin:0 20px 10px 0;}
#footer #info a#mcafee {float:left;margin-top:5px;} 

#footer #rights {padding: 17px 0 40px 0; background: #353535 url(../jpg/footer-bg2-2.jpg) repeat 0 0; font-family: Arial, sans-serif; color: #ababab; line-height:1.4em; -webkit-box-shadow:inset 0 10px 10px -3px #000;box-shadow:inset 0 5px 10px -3px #000; }

/* ================================================================================== */
/* == Print Styles ================================================================== */
/* ================================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}

/* ================================================================================== */
/* == Select Menu Styles ============================================================ */
/* ================================================================================== */

/*Select Styling*/
.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"]{float:none;display:inline-block;margin-bottom:10px;margin-left:0}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group{margin-bottom:0}.bootstrap-select.form-control{padding:0;border:0}.bootstrap-select.btn-group.pull-right,.bootstrap-select.btn-group[class*="span"].pull-right,.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right{float:right}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){width:220px}.bootstrap-select{width:220px\0}.bootstrap-select.form-control:not([class*="span"]){width:100%}.bootstrap-select>.btn{width:100%}.error .bootstrap-select .btn{border:1px solid #b94a48}.dropdown-menu{z-index:2000}.bootstrap-select.show-menu-arrow.open>.btn{z-index:2051}.bootstrap-select .btn:focus{outline:thin dotted #333 !important;outline:5px auto -webkit-focus-ring-color !important;outline-offset:-2px}.bootstrap-select.btn-group .btn .filter-option{overflow:hidden;position:absolute;left:12px;right:25px;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group>.disabled,.bootstrap-select.btn-group .dropdown-menu li.disabled>a{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:none !important}.bootstrap-select.btn-group[class*="span"] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu dt{display:block;padding:3px 20px;cursor:default}.bootstrap-select.btn-group .div-contain{overflow:hidden}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li>a.opt{position:relative;padding-left:35px}.bootstrap-select.btn-group .dropdown-menu li>a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{display:inline-block;position:absolute;right:15px;margin-top:2.5px}.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{display:none}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small{color:#64b1d8;color:rgba(255,255,255,0.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #CCC;border-bottom-color:rgba(0,0,0,0.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,0.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.mobile-device{position:absolute;top:0;left:0;display:block !important;width:100%;height:100% !important;opacity:0}.bootstrap-select.fit-width{width:auto !important}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select-searchbox{padding:4px 8px}
/*Dropdown Styling*/
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}.btn:hover,.btn:focus{color:#333333;text-decoration:none;}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;}.btn-default{color:#333333;background-color:#ffffff;border-color:#cccccc;}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333333;background-color:#ebebeb;border-color:#adadad;}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none;}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#ffffff;border-color:#cccccc;}.glyphicon-ok:before{content:"\e013";background:red;}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:"";}.dropdown{position:relative;}.dropdown-toggle:focus{outline:0;}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}.dropdown-menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333333;white-space:nowrap;}.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{color:#ffffff;text-decoration:none;background-color:#428bca;}.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{color:#ffffff;text-decoration:none;background-color:#428bca;outline:0;}.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{color:#999999;}.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}.open > .dropdown-menu{display:block;}.open > a{outline:0;}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999999;}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990;}.pull-right > .dropdown-menu{right:0;left:auto;}.btn-default .caret{border-top-color:#333333;}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;}.btn-group > .btn,.btn-group-vertical > .btn{position:relative;float:left;}.btn-group > .btn:hover,.btn-group-vertical > .btn:hover,.btn-group > .btn:focus,.btn-group-vertical > .btn:focus,.btn-group > .btn:active,.btn-group-vertical > .btn:active,.btn-group > .btn.active,.btn-group-vertical > .btn.active{z-index:2;}.btn-group > .btn:focus,.btn-group-vertical > .btn:focus{outline:none;}.btn-group > .btn:first-child{margin-left:0;}.btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);}.btn .caret{margin-left:0;}

.bootstrap-select { text-align: left; }
.dropdown-toggle { 
background: #fefefe; /* Old browsers */                                                                                     
background: -moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
font-family: "arch-bold"; font-size: 16px; color: #253364; border-bottom-color: #bbb; border-top-color: #ccc; }

/*-----------------------------------------------------------------------------------*/
/*	Custom Media Query Items different from foundation */
/*-----------------------------------------------------------------------------------*/
.no-desk{display:none;}
.desk-only {display:block;}
@media only screen and (max-width: 1031px) {	/* immediately smaller than desktop */
  .no-desk {display:block;}
  .desk-only {display:none;}
  .break-early {width:auto !important;float:none;} /* breaking down to single column under desktop */
    .cart-content .summary-wrap {position:static;height:auto;right:auto;}
    .cart-summary {padding-top:0;position:static !important;width:auto !important;height:auto !important;bottom: auto !important;}   
}
@media only screen and (max-width: 1023px) { /* portrait mode on tablet up to landscape mode on ipad */
	
}
@media only screen and (max-width: 900px) { /* android and some tablet portrait resolution */
	#main-nav>ul>li {margin-right:0;}	
	#main-nav>ul>li a {font-size:14px;}
  /* show hide */
  .show-it {display: inline-block; margin-bottom: 10px;}
}
@media only screen and (max-width: 800px) { /* android and some tablet portrait resolution */
	#main-nav>ul>li>a {padding:8px 30px 8px 10px;}	
}
@media only screen and (max-width: 768px) { /* medium - ipad portrait exact*/ 
	/* header */
	.site-logo {float:none;text-align:center;}
	.head-contact {text-align:center;clear:both;}
}
@media only screen and (max-width: 767px)  { /* for small tablets and sIII */
	/* mobile nav */	
	#main-nav ul {float:none;padding:0;}			
	#main-nav .sub-menu {width:100%;min-width:auto;}
		.touch #main-nav .sub-menu {width:100%;position:relative;} /* on touch devices let it accordian out, otherwise just hover it. */
		#main-nav>ul>li {margin-right: 0;width: 100%;text-align: left;border-bottom: 1px solid #ccc;}
			#main-nav>ul>li:last-child {border:none;}
		.touch #main-nav li:hover .sub-menu {display:none;-moz-animation: none;-webkit-animation:none;animation:none ;} /* removing hover effects if touch */
		.no-touch #main-nav li:hover .sub-menu {display:none;-moz-animation: none;-webkit-animation:none;animation:none ;} /* removing hover effects on desktop, we'll use js to control */
			.no-touch #main-nav .open .sub-menu  {position:relative;display:block !important;} 
	/* misc */
	#content {padding-bottom:40px;}
	a.button {margin:0 0 20px 0;width:100%;}
	.sidebar {padding-top:40px;border-top:1px solid;margin-top:40px}
	/* forms */
	label.inline {margin:0 0 0 0;}
	label.right {text-align:left;}
	i.req {position:relative;right:-4px;}
  .error input, .error textarea, .error select {margin-bottom:10px;}
  [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {margin-top:-10px;} /* pulls up the error block */

}
@media only screen and (max-width: 640px)  { /* for galaxy SIII landscape and other high res tab/phones */
	#services-header h2 { font-size: 22px; }
	#services-header h1 { font-size: 32px;margin-bottom:20px;}
}
@media only screen and (max-width: 600px)  { /* some small tablets */	
  .check-data-list li {padding-bottom:10px;}
  .check-data-list input[type="checkbox"],  .check-data-list input[type="radio"] {margin:0 0 10px 0;display:block;}
      .check-data-list input[type="checkbox"] + label,  .check-data-list input[type="radio"] + label {float:left;margin:0 10px 10px 0;}
    .check-data {float:none;clear:both;display:block;text-align:left;} /* data piece for checkbox rows */
    .qty-row .check-data .unitpricetext{position:relative;top:0;}
    .qty-row > span > select { width: 20%; display: block;}
    .qty-row > label, label.productname {padding-left:0;margin-left:0;}
    .alignleft {float:none;clear:both;}
    .alignright {float:none;clear:both;}
}
@media only screen and (max-width: 540px)  { /* landscape mode on medium phones */
	.site-logo {float:none;text-align:center;}
		.site-logo img {max-width:60%;}		
}
@media only screen and (max-width: 480px)  { /* landscape mode on small phones */	
		
}
@media only screen and (max-width : 320px) { /* small phone portrait */

}

/* lets add some animation keyframes */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.foundation-data-attribute-namespace {
    font-family: false;
}

/* ========================CTAboi Styles================================================= */
#CTAboi_container {
    text-align: center
}

#CTAboi_header {
    font-size: 24px;
    font-weight: 500;
    color: #4A4A4A;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
}

#CTAboi_p {
    text-align: center;
    margin: 0 auto 20px auto;
}

#CTAboi_promo_code {
    font-size: 18px;
    font-weight: 500;
    color: #4A4A4A;
}

#CTAboi_link_container {
    margin: 40px
}

#CTAboi_link {
    background: #1C75BB;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
}

#CTAboi_img_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#inc {
    width: 100px;
}

#plus {
    font-size: 20px;
    margin: 0 20px;
}

#cta {
    width: 150px;
    vertical-align: bottom;
}