/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
/*@import url(fonts/fontawesome/font-awesome-4.0.3/css/font-awesome.min.css);
 @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@font-face { font-family: 'OswaldLight'; src: url('/assets/css/fonts/oswald-light-webfont.eot'); src: url('/assets/css/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/oswald-light-webfont.woff') format('woff'), url('/assets/css/fonts/oswald-light-webfont.ttf') format('truetype'), url('/assets/css/fonts/oswald-light-webfont.svg#OswaldLight') format('svg'); font-weight: normal; font-style: normal; }*/
/*@import url(http://fonts.googleapis.com/css?family=Nunito:400,700);*/

/*---------------------------------
	OVERRIDES
-----------------------------------*/
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
html, body { position: relative; height: 90% }
h1, h2, h3, h4, h5, h6, .bigText { font-family: 'Oswald', arial, verdana, sans-serif; line-height: 120%; /*-webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; */ }
h1, .bigText { font-size: 2.5em; margin: 10px 0 20px 0; color: #777; }
.slogan { font-size: 2.5em; border-bottom: 1px solid #ccc; padding: 6px 6px 6px 0px; line-height: 150%; }
h2 { font-size: 1.8em; margin: 10px 0 10px 0; }
h3 { font-size: 1.5em; margin: 10px 0 10px 0; }
h4 { font-size: 1.4em; margin: 10px 0 10px 0; }
h5 { font-size: 1.3em; margin: 10px 0 10px 0; }
h6 { font-size: 1.2em; margin: 10px 0 5px 0; }
p { margin: 10px 0; }
a { text-decoration: none; }
thead th, tbody th { font-family: "Open Sans", arial, verdana, sans-serif; }
button, a.btn, input[type="submit"], input[type="reset"], input[type="button"] { font-family: "Open Sans", arial, verdana, sans-serif; }
.menu { font-family: "Open Sans", arial, verdana, sans-serif; }
blockquote { font-family: "Open Sans", arial, verdana, sans-serif; }
ul, ol { padding: 0; margin: 0 0 20px 55px; }
.nosee { display: none; }
#geotrust img { vertical-align: middle }
#orderArea #geotrust { margin: 1em 0 0; text-align: right; }
/*---------------------------------
	LAYOUT
-----------------------------------*/
body { margin: 0; padding: 0 0 0 0; color: #000; background: #fff; font: normal 0.9em 'Open Sans', arial, verdana, sans-serif; line-height: 150%; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */ }
small { line-height: 50%; }
#container { min-height: 87%; position: relative; }
#progress { position: fixed; top: -0px; left: 0; width: 100%; height: 100%; z-index: 99999; background: url('/assets/dim.png'); display: none; ; text-align: left; }
#pbar { position: absolute; width: 300px; z-index: 200; border: 5px solid #222; text-align: center; padding-bottom: 40px; padding-top: 40px; background: #FFF; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; display: fixed; box-shadow: 0 0 18px rgba(0,0,0,.8) }
#pbar h2 { font-size: 1.4em; color: #456CD3; text-align: center; }
#supportTel { position: fixed; top: 0; left: 0; z-index: 9999; min-height: 38px; width: 100%; background: #000; color: #fff; font-size: 1.3em; font-weight: bold; padding: 6px; }
#logo { float: left; margin-right: 24px; }
#logoMenu { display: none; float: left; }
a#logoMenu img { max-height: 23px; width: auto; }
a#logoMenu { padding: 0em!important; text-align: center; }
a#logoMenu:hover { background: none!important; }
#tag { margin: -6px 0 0 0; display: inline-block; text-align: center; color: #777; font-size: 120%; line-height: 90%!important; }
#tag span { font-size: smaller; }
#topPromo { float: right; margin: 12px 24px 0 0; display: inline-block; text-align: center; color: #fff; font-size: 1.4em; width: 260px; background: #FF9900; padding: 12px; border-radius: 5px; }
#logo img { margin: 30px 0; }
#aweber { width: 600px; max-width: 100%; background: #FF9900; padding: 1em; color: #fff; top: -200px }
#aweber * { color: #fff; }
#aweber textarea, #aweber input[type="email"] { color: #000; font-size: larger; }
footer { background: #672421; background-image: url(/assets/bg_aside.png); ; color: #fff; padding: 12px 0; position: static; bottom: 0; width: 100%; float: left; z-index: 9999; font-size: smaller }
footer a { text-decoration: none }
footer h4 { font-size: 1.8em; }
footer ul { list-style: none; margin: 0 0 0 6px; padding: 0 }
footer ul li { padding: 0; margin: 0; }
footer ul li a { color: #ccc; padding: 0; }

a#bbblink {float:left;}

#ccardslogos { vertical-align:middle;}
#content { padding-bottom: 48px; }
#rightcolumn { padding-left: 12px; border-left: 1px solid #ccc; }
.borderR { padding-right: 12px; border-right: 1px dotted #ccc; }
.tdiv { height: 260px; overflow: visible }
.tdiv2 { height: 190px; overflow: visible }
.tcell { display: table-cell; height: 100%; position: relative; }
/*.orderBut { float: right; margin: 0 8px; position: relative; right: 12px; }*/
.menu li.orderBut { float: right; margin: 0 8px; position: absolute; right: 12px; left: auto }
header { margin: 100px 0 12px 24px }
#link-top { display: none; }
.bigMaroon { color: #672421!important; font-size: 1.2em }
.bigOrange { color: #FF6600!important; font-size: 1.2em }
/* Mail POP */
#mailBox { min-width: 45px !important; width: 263px; bottom: 0 !important; animation-duration: 0.1s !important; animation-fill-mode: both !important; animation-timing-function: ease-in !important; right: 60px !important; cursor: default; position: fixed !important; border-radius: 6px !important; border-bottom-left-radius: 0 !important; z-index: 9999999 !important; }
#callBar { color: #fff; background: #32528e; padding: .45em .75em; font-size: 0.9em; border-radius: 6px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; cursor: pointer; }
#mailBox input, #mailBox textarea { width: 100%; margin: .25em 0; box-shadow: none; padding: 10px; border: 1px solid #0000004d; }
#mailBox textarea { height: 4em; resize: none; }
#mailBoxInner { padding: 0px; height: 0px; background: #efefef; }
#emailPopFormWrapper {/*float: left; width: 100%; */ background: #fff; padding: 10px 16px 16px 16px; margin-bottom: 2em; box-shadow: 1px 1px 4px rgba(0,0,0,0.4) !important; }
#mailBox input[type="submit"] { width: auto; display: block; margin: .35em auto; }
#mailBox .callMsgOpen { padding: 14px .75em; font-size: 1.2em; }
#mailBox .callMsgClosed { padding: 0px; }
#mailBox .arrow { position: absolute; right: 12px; font-size: 1.8em; border: 1px solid rgba(255, 255, 255, 0.4); top: 2px; padding: 0 6px; border-radius: 4px; }
#mailBox .callMsgOpen .arrow { top: 11px; font-size: 2.2em; }
#mailBox .callMsgClosed .arrow { top: 4px; }
#mailBox .arrow:hover { border: 1px solid rgba(255, 255, 255, 1); transition: all .5s }
/* NAV BAR*/
.navbar { position: fixed; top: 38px; left: 0; width: 100%; background: #32528e; color: #fff; z-index: 1000; }
.menu { background: #32528e; }
.navbar li.orderBut a { margin: .4em 0; padding: 0; }
.navbar li.orderBut a:hover { background: none; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #881c1b; }
.navbar ul { margin: 0 auto; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em .6em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1em; }
.navbar li ul li a { font-size: .9em; }
#sidenav ul, #sidenav ul li { list-style: none; margin: 0 0 0 6px; padding: 0; }
#sidenav ul li a { display: block; color: #333; text-decoration: none; padding: 2px 4px 2px 8px; font-size: .9em; width: 100%; margin: 1px 0; border-radius: 6px; }
#sidenav ul li a:hover { background: #333; color: #fff; zoom: 1.0 }
#sidenav ul li a.act { background: #32528e; color: #fff; zoom: 1.00 }
.callout { padding: 1em 0; color: #fff; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); display: block; border-radius: 12px; }
.callout + div.grid { margin-top: 50px; }
.callout a { text-decoration: none; color: #ffa; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { color: #fff; line-height: 140%; font-weight: bold; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; }
.callout .button { margin-top: 10px; }
.callout.red { background: #900; font-size: 1.3em; margin: 1.5em 0; text-shadow: 0 -1px 0 #B21203; color: #fff; border: 1px solid #B21203; background: rgb(229,60,22); background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,60,22,1)), color-stop(100%, rgba(207,4,4,1))); background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: -o-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404', GradientType=0 );
}
.callout.red2 { font-size: 1.3em; margin: 0.5em 0 0em; text-shadow: 0 -1px 0 #B21203; color: #fff; border: 1px solid #B21203; background: rgb(158, 37, 10); }
.callout.red2 * { color: #fff!important; }
.callout.orange2 { font-size: 1.2em; margin: 0.5em 0 0em; text-shadow: 0 -1px 0 #B21203; color: #fff; border: 1px solid #B21203; background: #FF9900; }
.callout.orange2 * { color: #fff!important; }
.callout.green { background: #19ad0b;/*#86dc00;*/ }
#mc_embed_signup { padding: 30px 0; }
#ui-preview { border: 5px solid #ddd; margin: 30px 0; display: block; }
th { background: #555!important; color: #fff; }
thead th { background: #000!important; color: #fff; }
tr.alt { background: #ddd!important; }
td { text-align: left; }
table.center td, table.center th { text-align: center!important; }
tr:hover, tr.alt:hover { background: #ccc!important; }
tr:hover th { background: #000!important }
.Kbar { background: #000; color: #fff; padding: 12px; }
.margin-up12 { margin-top: -12px; }
.margin-up { margin-top: 0; }
.halo { box-shadow: 0 0 8px rgba(0,0,0,.8) }
.border { border: 1px solid #000 }
.redText, h1.slogan, h4 { color: #32528e; }
.question { margin: 12px 0; cursor: pointer; }
.answer { display: none; margin: 1em 3em; font-size: 1em }
#content img { vertical-align: middle; }
.sampleThumb { cursor: pointer }
.sampleThumb:active { box-shadow: none }
small { font-size: small; line-height: 1px; }
ul.icons { list-style: none; margin-left: 42px; text-indent: -12px; }
ul.icons li i.fa { padding-right: 8px; }
/*.templateDiv { min-width: 195px; height: 290px; position:relative; display: inline-table; Xfloat: left;  text-align:center; margin: 6px;   padding: 8px; border:1px solid #ccc;}
.templateDiv h5{   }
.templateDiv a.button{ position: static; bottom: 0; top:auto; margin: 0 auto;  width: 200px; max-height: 50px; }
 img.tempThmb{ max-height: 160px; width:auto;margin: 0 auto; }
.templateDiv a.lightbox {display: table-cell; min-width: 184px; Xheight: 147px; vertical-align: middle; }*/

.tempGroup { width: 100%; text-align: center; Xdisplay: table; }
.templateDiv, .templateDivV { border-radius: 8px; border: 1px solid #ccc; text-align: center; margin: 6px; padding: 8px; position: relative; display: inline-table; }
.templateDiv:hover, .templateDivV:hover { box-shadow: 0 0 8px rgba(51,51,51,1) }
.templateDiv { min-width: 195px; XXXwidth: 240px; height: 160px; overflow-style: auto }
.templateDiv h5 { }
.templateDiv a.button { position: static; bottom: 0; top: auto; margin: 0 auto; width: 200px; max-height: 50px; }
img.tempThmb {/*max-height: 100px; width:auto;*/ margin: 0 auto; Xzoom: .15; XXX-moz-transform: scale(.15); Xmax-width: 240px }
.tgMetric img.tempThmb {/*max-height: 100px; width:auto;*/ margin: 0 auto; Xzoom: .20; }
.templateDiv a.lightbox { display: block; min-width: 134px; min-height: 120px; text-align: center; vertical-align: middle; }
.tgMetric .templateDiv a.lightbox { display: block; min-width: 134px; min-height: 180px; text-align: center; vertical-align: middle; }
.templateDivV { max-width: 250px; height: 200px; }
.templateDivV a.lightbox { display: table; min-height: 180px; width: 100%; vertical-align: middle; text-align: center }
.tgMetric .templateDivV a.lightbox { display: table; min-height: 250px; width: 100%; vertical-align: middle; text-align: center }
img.tempThmbv {/*		max-width: 100px; 	*/ Xzoom: .15; margin: 0 auto; }
.tgMetric img.tempThmbv {/*		max-width: 100px; 	*/ Xzoom: .20; margin: 0 auto; Xmax-width: 240px }
.templateDiv { min-width: 195px; height: 290px; position: relative; display: inline-table; Xfloat: left; text-align: center; margin: 6px; padding: 8px; border: 1px solid #ccc; }
.templateDiv h5 { }
.templateDiv a.button { position: static; bottom: 0; top: auto; margin: 0 auto; width: 200px; max-height: 50px; }
img.tempThmb { max-height: 160px; width: auto; margin: 0 auto; }
img.tempThmbv { max-width: 160px; height: auto; margin: 0 auto; }
.templateDiv a.lightbox { display: table-cell; min-width: 184px; Xheight: 147px; vertical-align: middle; }
.FEGRNDnote { float: left; width: 100%; text-align: center; font-size: 1em; font-style: italic; }
/*Forms*/
label { font-weight: bold; margin-left: 2px; }
input[type="radio"], input[readonly="readonly"], input[readonly] { box-shadow: none; -webkit-box-shadow: none; margin-right: 4px; vertical-align: middle; }
.bottom { position: absolute!important; bottom: 0; width: 100%; padding: 12px }
.two_columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.dropcaps { float: left; margin: 4px 7px 0 0; font-size: 34px; color: rgb(255, 255, 255); text-shadow: 0 0 1px #fff; line-height: 1.2em; background: #32528e; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 57px; height: 52px; overflow: hidden; text-align: center; padding-top: 5px; font-weight: bold; }
#center, #container, #sidenav, #rightcolumn, #content, #leftcolumn, .templateDiv, .templateDivV { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.priceInput { font-size: 16px; }
input[type="text"].priceInput { width: 60px; font-size: 16px; border: none; background: #fff; padding: 0px; }
input[type="radio"], input[readonly="readonly"], input[readonly]:focus { box-shadow: none; -webkit-box-shadow: none; margin-right: 4px; vertical-align: middle; background: none; }
.box { padding: 12px; border-radius: 12px; background: rgb(232,232,232); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTllOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(232,232,232,1) 1%, rgba(158,158,158,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(232,232,232,1)), color-stop(100%, rgba(158,158,158,1))); background: -webkit-linear-gradient(top, rgba(232,232,232,1) 1%, rgba(158,158,158,1) 100%); background: -o-linear-gradient(top, rgba(232,232,232,1) 1%, rgba(158,158,158,1) 100%); background: -ms-linear-gradient(top, rgba(232,232,232,1) 1%, rgba(158,158,158,1) 100%); background: linear-gradient(to bottom, rgba(232,232,232,1) 1%, rgba(158,158,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#9e9e9e', GradientType=0 );
border: 1px solid #555; width: 90%; margin: 0 auto; }
#inquiry label { display: inline; }
#inquiry label.error { font-size: 12px; }
#inquiry textarea.error { border: 1px solid red; }
#inquiry input, #inquiry textarea { width: 90%; }
#inquiry input:not([value=""]):not(:focus):invalid {
border: 1px solid red;
color:red;
}
#inquiry input#t_email:not([value=""]):not(:focus):invalid ~ .input-validation::after {
content: "\A Please provide a valid email";
color: red;
font-size:12px;
}
#inquiry input:not([value=""]):not(:focus):invalid ~ .input-validation::before {
content: " \2718";
color: red;
}
#inquiry input:required, #inquiry textarea:required {
}
#inquiry input:required:valid, #inquiry textarea:required:valid {
border: 1px solid green;
}
#inquiry input:valid ~ .input-validation::before, #inquiry textarea:valid ~ .input-validation::before {
content: " \2714";
color: green;
}
 @media all and (min-width: 1024px) and (max-width: 1280px) {
.grid *[class*="col_"] { }
.grid { max-width: 100%; }.grid {padding: 0 .25em;}
}
 @media all and (max-width: 1023px) {
.tdiv, .tdiv2 { height: inherit; }
.bottom { position: relative!important; }
.navbar li a { padding: 1em .5em; font-size: 1em; }
#topPromo { width: 150px; }
.tdiv {height: inherit!important;}
.borderR { padding-right: 0px; border-right: none; border-bottom: 1px dotted #ccc; }

}
 @media all and (min-width: 768px) and (max-width: 1023px) {
.grid *[class*="col_"] { }

h1 { font-size: 1.5em; }
#tag { }
.grid { max-width: 99%; }
.navbar li a { padding: 1em .5em; font-size: 1em; }
#tag h1 { font-size: 1.5em; }
.templateDiv a.button { position: relative; bottom: 0; top: auto; margin: 0 auto; width: auto; max-height: 50px; }
.navbar li a { font-size: .9em; padding: 1em .3em; }
header { text-align: center; }
#logo { float: none; margin-right: 0; text-align: center; }
#tag { margin: -6px 0 0 0; display: block; text-align: center; font-size: 120%; }
#topPromo { width: 100%;margin: 12px auto; }
#logo img {  margin: 0px 0;}
.home { float:none; width:100%; display:block; }
.home form {max-width:300px; margin: 1em auto; }
	.tdiv {height: inherit;}			
				
}
 @media all and (min-width: 600px) and (max-width: 768px) {
h1 { font-size: 1.5em; }
.grid *[class*="col_"] { float: none; width: auto; clear: both; display: block; }
/* columns inside of columns */
.grid *[class*="col_"] [class*="col_"] { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 95%; }
.toggle-order { display: block!important; position: relative!important; right: 22px!important; top: 6px; float: right; z-index: 99999; }
li.orderBut { display: none!important; }
#supportTel { font-size: 1em; }
#tag h1 { font-size: 1.0em; }
#logo { float: none; margin-right: 0; text-align: center; }
#logo img {  margin: 0px 0;}
#tag { margin: -6px 0 0 0; display: block; text-align: center; font-size: 120%; }
#topPromo { width: 100%;margin: 12px auto; }
.tdiv {height: inherit;}
}
 @media all and (max-width: 601px) {
#orderArea .right, .right { text-align: left }
.grid { padding: 0 1em; }
#logo { float: none; margin-right: 0; text-align: center; }
#logo img { margin: 50px 0 22px; }
#leftcolumn, #rightcolumn { border: none; padding: 0; }
#leftcolumn { display: none }
#rightcolumn { display: block }
h1.slogan { line-height: 120%; }
#tag { display: none; }
.grid *[class*="col_"] { float: none; width: auto; clear: both; display: block; }
/* columns inside of columns */
.grid *[class*="col_"] [class*="col_"] { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 100%;/*320*/ }
.toggle-order { display: block!important; position: relative!important; right: 2px!important; top: 3px; float: right; z-index: 99999; }
li.orderBut { display: none!important; }
#supportTel { font-size: 1em; }
#tag h1 { font-size: 1.0em; }
.navbar { top: 54px }
#finders { text-align: center; float: none; position: relative; top: 0px; }
#finders img { float: none!important; }
footer { text-align: center; }
a#logoMenu { width: 100%; }
.grid-item { width: 100%; margin: .1em; }
#topPromo { width: 100%;margin: 12px auto; }
img.align-right, img.align-left { float: none; display: block; margin: .5em auto;  }
.tdiv {height: inherit;}

}
 @media all and (max-width: 0px) {
h1, {
font-size: 1.5em;
}
#tag { display: none; }
.grid *[class*="col_"] { float: none; width: auto; clear: both; display: block; }
/* columns inside of columns */
.grid *[class*="col_"] [class*="col_"] { margin-left: 0; margin-right: 0; width: 100%; }
.grid { max-width: 100%;/*320*/ }
.toggle-order { display: block!important; position: relative!important; right: 22px!important; top: 6px; float: right; z-index: 99999; }
li.orderBut { display: none!important; }
#supportTel { font-size: 1em; }
#tag h1 { font-size: 1.0em; }
.navbar { top: 54px }
}