@import 'reset.css';
@import '../js/zebra_dialog/zebra_dialog.css';
@import '../floatbox/floatbox.css';

.clearfix:before,.clearfix:after{content:' ';display:table;}
.clearfix:after{clear:both;}

body{color:#636363;background-color:#e4e7ea;font-family:Cabin,sans-serif;line-height:1.4;}

h1{margin:0 0 0.4em 0;font-size:1.7em;}
h2{margin:0 0 0.4em 0;color:#b03327;font-size:1.3em;}
h3{margin:0 0 0.4em 0;color:#b03327;font-size:1.1em;}
body.home h3{margin:0 0 0.2em 0;color:#4f63b0;font-size:1em;}
p,table,ul,ol{margin:0 0 1em 0;}

ul{list-style-type:disc;}
ol{list-style-type:decimal;}
ul li,ol li{margin-left:2em;}

table.centeralign{margin:0 auto 1em auto;}

table tr.head{color:#fff;background-color:#4f63b0;font-weight:bold;}
table tr.head.alt{background-color:#b03327;}
table tr.head td{white-space:nowrap;vertical-align:bottom;}
table tr td{padding:0.1em 0.3em;vertical-align:top;}
table tr td.vcenter{vertical-align:middle;}
table tr:first-child td{padding-top:0;}
table tr:last-child td{padding-bottom:0;}
table tr td:first-child{padding-left:0;}
table tr td:last-child{padding-right:0;}

table.indent tr td:first-child{padding-left:0.3em;}
table.indent tr td:last-child{padding-right:0.3em;}

table tr td.percent50{width:50%;}

table tr.rules td{border:1px solid #000;}
table tr.ruleabove{border-top:1px solid #000;}

hr{margin:0.5em 0 1.2em 0;border:0;height:1px;background-image:-webkit-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0));background-image:-moz-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0));background-image:-ms-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0));background-image:-o-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0));}

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

b,strong,.bold{font-weight:bold;}
i,em,.italic{font-style:italic;}

a,a:visited{color:#4f63b0;text-decoration:none;}
a:hover,a:active{color:#4f63b0;text-decoration:underline;}

a:hover img,a:active img{opacity:0.8;}

input[type=text],input[type=password],textarea{width:96%;max-width:30em;}
input.medium[type=text],input.medium[type=password]{max-width:12em;}
input.small[type=text],input.small[type=password]{max-width:4em;}
select{max-width:96%;}
textarea{height:5em;}

input[type=button],input[type=submit],input[type=reset],a.btn,a.btn:visited{display:inline-block;margin:0.1em 0;padding:0.6em 1.5em 0.4em 1.5em;color:#fff;background-color:#4f63b0;font-family:Cabin,sans-serif;font-size:0.9em;line-height:1.4;border:none;border-radius:0.4em;cursor:pointer;white-space:nowrap;}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,a.btn:hover,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,a.btn:active{background-color:#435495;text-decoration:none;}

input[type=button].alt,input[type=submit].alt,input[type=reset].alt,a.btn.alt,a.btn.alt:visited{background-color:#b03327;}
input[type=button].alt:hover,input[type=submit].alt:hover,input[type=reset].alt:hover,a.btn.alt:hover,input[type=button].alt:active,input[type=submit].alt:active,input[type=reset].alt:active,a.btn.alt:active{background-color:#972c21;}

label{white-space:nowrap;}

input.btnsmall[type=button],input.btnsmall[type=submit],input.btnsmall[type=reset],a.btnsmall{padding:0.3em 0.7em 0.2em 0.7em;font-size:0.8em;}

p.warning,input.warning,select.warning,tr.warning,td.warning,textarea.warning{border:2px solid #c00;}

.gray{color:#999;}
.red{color:#b03327;}
.white{color:#fff;}
.bgblue{background-color:#4f63b0;}
.center{text-align:center;}
.right{text-align:right;}
.smaller{font-size:0.8em;}
.larger{font-size:1.2em;}
.nowrap{white-space:nowrap;}
.floatleft{float:left;margin:0 2em 1em 0;}
.floatright{float:right;max-width:70%;margin:0 0 1em 2em;}
div.floatright{max-width:30%;}
img.blockcenter{display:block;margin:0 auto 1em auto;}
img.block{display:block;margin:0 auto;}
.creditcard{padding:0.3em;background-color:#fff;border:1px solid #636363;}
.callout{padding:1em;background-color:#ffc;}
.callout p,.callout ul{margin-bottom:0;}
.caption{display:block;margin:0.5em 0 0 0;}
.graybox{margin:0 0 1em 0;padding:0.5em 1em;background-color:#f9f9f9;}
.hidden{display:none;}
div.litreview{margin:0.5em 0 1em 0;font-size:0.9em;}
img.imagethumb{max-width:none;}

div.content{margin:1.5em 0 0 18%;}
div.content:last-child{padding-bottom:1em;}
div.content.subcontent{margin:0;}

div.col2{float:left;width:48%;margin:0 4% 0 0;}
div.col2:last-child{margin-right:0;}

div.col3{float:left;width:30%;margin:0 5% 0 0;}
div.col3.loose{width:auto;max-width:30%;}
div.col3:last-child{margin-right:0;}

div.col4{float:left;width:22%;margin:0 3% 0 0;}
div.col4:last-child{margin-right:0;}

div.col5{float:left;width:18%;margin:0 2% 0 0;}
div.col5:last-child{margin-right:0;}

ul.center{list-style-type:none;text-align:center;}
ul.center li{display:inline-block;margin:0 0.5em;}

#logo{position:absolute;top:0;left:1%;width:14%;z-index:998;}
body.home #logo{left:3%;width:18%;}
a:hover #logo,a:active #logo{opacity:1;}

#mobilelogo{display:none;}
#mobilecart{display:none;}
#mobilenav{display:none;}

#nav1 div.wrapper{border-bottom:1px solid #4f63b0;}
#nav1 div.wrapper ul{list-style-type:none;float:right;width:84%;margin:0;}
body.home #nav1 div.wrapper ul{width:78%;}
#nav1 div.wrapper ul li{float:left;display:inline-block;margin:0;border-right:1px solid #4f63b0;}
#nav1 div.wrapper ul li.mobileonly{display:none;}
#nav1 div.wrapper ul li:nth-child(1){width:8%;}
#nav1 div.wrapper ul li:nth-child(2){width:16%;}
#nav1 div.wrapper ul li:nth-child(3){width:9%;}
#nav1 div.wrapper ul li:nth-child(4){width:20%;}
#nav1 div.wrapper ul li:nth-child(5){width:14%;}
#nav1 div.wrapper ul li:nth-child(6){width:16%;}
#nav1 div.wrapper ul li:nth-child(7){width:15%;border-right:none;}
#nav1 div.wrapper ul li a,#nav1 div.wrapper ul li a:visited{display:inline-block;width:100%;padding:0.8em 0 0.7em 0;font-size:0.8em;text-align:center;text-transform:uppercase;white-space:nowrap;}
#nav1 div.wrapper ul li a:hover,#nav1 div.wrapper ul li a:active{color:#435495;background-color:#f4f5f6;text-decoration:none;}

#nav2{margin:0 0 0.5em 0;background-color:#4f63b0;}
#nav2 div.wrapper ul{list-style-type:none;float:right;width:84%;margin:0;}
body.home #nav2 div.wrapper ul{width:78%;}
#nav2 div.wrapper ul li{float:left;display:inline-block;margin:0;}
#nav2 div.wrapper ul li:nth-child(1){width:19%;}
#nav2 div.wrapper ul li:nth-child(2){width:17%;}
#nav2 div.wrapper ul li:nth-child(3){width:10%;}
#nav2 div.wrapper ul li:nth-child(4){width:14%;}
#nav2 div.wrapper ul li:nth-child(5){width:18%;}
#nav2 div.wrapper ul li:nth-child(6){width:18%;}
#nav2 div.wrapper ul li a,#nav2 div.wrapper ul li a:visited{display:inline-block;width:100%;padding:1.4em 0 1.3em 0;color:#c2c2c2;font-size:0.7em;text-align:center;text-transform:uppercase;white-space:nowrap;}
#nav2 div.wrapper ul li a:hover,#nav2 div.wrapper ul li a:active{color:#fff;background-color:#6c7cbc;text-decoration:none;}
#nav2 div.wrapper ul li a img{margin:-0.5em 0 0 0.8em;vertical-align:middle;}
#nav2 div.wrapper ul li a:hover img,#nav2 div.wrapper ul li a:active img{opacity:1;}

div.wrapper{position:relative;width:90%;max-width:1100px;margin:0 auto;}

#home1{float:right;width:67%;margin:1em 0 2em 3%;}
#home1 .img1{display:block;}
#home1 .col4{margin-bottom:1em;border-top:1px solid #4f63b0;}
#home1 .col4 h3{margin:0.2em 0 0.5em 0.3em;}
#home1 .col4 div{background-color:#dbdee1;}
#home1 .col4 div img{float:right;max-width:50%;margin:0 0 0 0.5em;}
#home1 .col4 div p{margin:0.5em 0 0.5em 0.5em;}

#home2{float:left;width:30%;margin:0 0 2em 0;}
#home2 .img1{display:block;width:75%;margin:8.5em 0 1em 0;}
#home2 .img2{float:left;margin:0 1em 0.5em 0;}
#home2 .img3{margin:0 0 0.5em 1em;vertical-align:middle;}

#footer{padding:1em 0;background-color:#f3f3f3;}
#footer ul.center:last-child{margin-bottom:0;}

ul.nav3{list-style-type:none;float:left;margin:0 4em 1em 0;}
ul.nav3:last-child{margin-right:0;}
ul.nav3 li{margin:0;font-size:0.8em;}

ul.nav3.logos{margin-top:-1em;padding:0.5em 0.5em 0.8em 0.5em;background-color:#fff;text-align:center;border-right:1px solid #4f63b0;border-bottom:1px solid #4f63b0;border-left:1px solid #4f63b0;}
ul.nav3.logos li{display:inline-block;width:24px;margin:0 0.5em;}
ul.nav3.logos li.label{display:block;width:100%;margin:0 0 0.5em 0;}
ul.nav3.logos li a img{vertical-align:middle;}

#nav4{list-style-type:none;float:right;margin:0 0 1em 1em;}
#nav4 li{display:inline-block;float:left;margin:0;}
#nav4 li a.onpage{background-color:rgba(176,51,39,0.2);}
#nav4 li a,#nav4 li a:visited{display:block;padding:0.2em 1em 0.1em 1em;color:#b03327;font-size:0.9em;text-align:center;}
#nav4 li a:hover,#nav4 li a:active{color:#fff;background-color:#b03327;text-decoration:none;}

#results{display:none;}

@media only screen and (max-width:1000px){
	body.home #logo{left:2%;width:16%;}

	#nav1 div.wrapper ul{width:84%;}
	body.home #nav1 div.wrapper ul{width:81%;}
	#nav1 div.wrapper ul li a,#nav1 div.wrapper ul li a:visited{font-size:0.7em;}

	#nav2 div.wrapper ul{width:84%;}
	body.home #nav2 div.wrapper ul{width:81%;}
	#nav2 div.wrapper ul li a,#nav2 div.wrapper ul li a:visited{font-size:0.6em;}
	#nav2 div.wrapper ul li a img{height:16px;margin:-0.6em 0 0 0.7em;}

	#home1 .col4 h3{margin:0.2em 0 0.5em 0;}
	#home1 .col4 div{background-color:transparent;}
	#home1 .col4 div img{float:none;max-width:100%;margin:0;}
	#home1 .col4 div p{margin:0;}

	#home2 .img1{margin:5.5em 0 1em 0;}

	ul.nav3.logos{float:none;clear:both;display:block;margin:0 0 1em 0;border-top:1px solid #4f63b0;}
	ul.nav3.logos li{width:36px;margin:0 1em;}

	#nav4{margin:0 0 1em 2em;}
	#nav4 li{display:block;float:none;}
}

@media only screen and (max-width:850px){
	body.home #logo{left:1%;width:14%;}

	#nav1 div.wrapper ul,body.home #nav1 div.wrapper ul{width:84%;}
	#nav1 div.wrapper ul li a,#nav1 div.wrapper ul li a:visited{font-size:0.6em;}

	#nav2 div.wrapper ul,body.home #nav2 div.wrapper ul{width:84%;}
	#nav2 div.wrapper ul li a,#nav2 div.wrapper ul li a:visited{font-size:0.5em;}
	#nav2 div.wrapper ul li a img{height:14px;}

	#home2 .img1{margin:4em 0 1em 0;}
}

@media only screen and (max-width:700px){
	table{width:100%;}
	table tr{display:block;}
	table tr td{display:block;}

	table tr td.percent50{width:auto;}

	.floatleft{max-width:60%;margin:0 1em 0.5em 0;}
	.floatright{max-width:60%;margin:0 0 0.5em 1em;}
	div.floatright{max-width:40%;}

	div.content{margin:0.5em 0 0 0;}

	div.col2{float:none;width:100%;margin:0;}

	div.col3,div.col3.loose{float:none;width:100%;max-width:100%;margin:0;}
	div.col3:not(:last-child) ul{margin-bottom:0;}
	div.col3:not(:last-child) table{margin-bottom:0;}

	div.col4{float:none;width:100%;margin:0;}

	div.col5{float:none;width:100%;margin:0;}

	#mobilelogo{display:block;height:30px;background-color:#4f63b0;}
	#mobilelogo img{display:block;width:110px;margin:0 auto;}
	#mobilelogo a:hover img,#mobilelogo a:active img{opacity:1;}
	#mobilecart{display:block;position:absolute;top:39px;right:5%;width:40px;}
	#mobilenav{display:block;height:40px;margin:34px auto 24px auto;cursor:pointer;}

	#nav1{display:none;}
	#nav1 div.wrapper{margin:0 auto 1em auto;border-bottom:none;}
	#nav1 div.wrapper ul,body.home #nav1 div.wrapper ul{float:none;width:100%;}
	#nav1 div.wrapper ul li{float:none;display:block;border-right:none;}
	#nav1 div.wrapper ul li.mobileonly{display:block;}
	#nav1 div.wrapper ul li:nth-child(1){width:100%;}
	#nav1 div.wrapper ul li:nth-child(2){width:100%;}
	#nav1 div.wrapper ul li:nth-child(3){width:100%;}
	#nav1 div.wrapper ul li:nth-child(4){width:100%;}
	#nav1 div.wrapper ul li:nth-child(5){width:100%;}
	#nav1 div.wrapper ul li:nth-child(6){width:100%;}
	#nav1 div.wrapper ul li:nth-child(7){width:100%;}
	#nav1 div.wrapper ul li a,#nav1 div.wrapper ul li a:visited{display:block;color:#fff;background-color:#4f63b0;font-size:0.9em;border-bottom:1px solid #fff;}
	#nav1 div.wrapper ul li:last-child a{border-bottom:none;}
	#nav1 div.wrapper ul li a:hover,#nav1 div.wrapper ul li a:active{color:#fff;background-color:#4f63b0;}

	#nav2{display:none;}

	#home1{float:none;width:100%;margin:0 0 1em 0;}
	#home1 .col4 div img{float:right;max-width:50%;margin:-1.6em 0 0 0.5em;}

	#home2{float:none;width:100%;max-width:100%;}
	#home2 .img1{max-width:300px;margin:0 0 1em 0;}

	ul.nav3{float:none;margin:0 0 1.2em 0;}
	ul.nav3 li{text-align:center;}
	ul.nav3.logos{padding:0.5em 0.5em 0 0.5em;}
	ul.nav3.logos li{width:32%;margin:0 0 1em 0;}

	#nav4{float:none;margin:0 0 1em 0;}
	#nav4 li a{font-size:1em;}
}