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

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

body{color:#000;background-color:#fff;font-family:sans-serif;font-size:0.9em;line-height:1.4;}

h1{margin:0 0 0.4em 0;color:#348a88;font-weight:bold;font-size:2.4em;line-height:1.2;}
h2{margin:0 0 0.3em 0;color:#348a88;font-weight:bold;font-size:1.6em;line-height:1.2;}
h3{margin:0 0 0.1em 0;color:#348a88;font-weight:bold;font-size:1.1em;line-height:1.2;}
p,table,ul,ol{margin:0 0 1em 0;}

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

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

ul.multicolumn{column-count:3;}

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

table tr.head{color:#fff;background-color:#000;font-weight:bold;}
table tr.head td{white-space:nowrap;vertical-align:bottom;}
table tr td{padding:0.2em 0.3em;vertical-align:top;}
/*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%;}

hr{margin:0.3em 0;border:0;height:1px;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,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:#348a88;font-weight:bold;text-decoration:none;}
a:hover,a:active{color:#c00;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%;}
select.largeselect{margin:0 auto 0.5em auto;padding:0.2em 0.2em 0.1em 0;color:#fff;background-color:#348a88;font-family:sans-serif;font-weight:bold;font-size:1.2em;line-height:1.2;border:1px solid #000;outline:none;}
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.5em 1.5em;color:#fff;background-color:#348a88;font-family:sans-serif;font-size:1em;line-height:1.2;text-transform:uppercase;border:none;border-radius:0.4em;cursor:pointer;white-space:nowrap;-webkit-appearance:none;}
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:#c00;text-decoration:none;}

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

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

.white{color:#fff;}
.lightgray{color:#ccc;}
.red{color:#c00;}
.bgblack{background-color:#000;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.smaller{font-size:0.8em;}
.larger{font-size:1.2em;}
.nobr{margin-bottom:0;}
.nowrap{white-space:nowrap;}
.hidden{display:none;}
.floatleft{float:left;margin:0 2em 1em 0;}
.floatright{float:right;margin:0 0 1em 2em;}
img.cartthumb{display:block;max-width:120px;}

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;}

#masthead div.airmail{height:15px;background:transparent url('../img/bg_air-mail.jpg') repeat-x top center;}
#masthead #toparea{width:90%;max-width:1200px;margin:1em auto 0 auto;}
#masthead #logo{float:left;display:block;width:45%;max-width:320px;}
#masthead #cachet{float:right;padding:1em 2em 0.8em 2em;background-color:#fff7e0;font-weight:bold;}
#masthead #cachet img{display:block;margin:0 0 0.5em auto;}
#masthead #tagline{margin:0.5em 0 0.4em 0;color:#348a88;font-weight:bold;font-style:italic;font-size:1.3em;text-align:center;letter-spacing:0.1em;}

#mobilenav{display:none;}

#site-navigation #nav1{list-style-type:none;margin:0;background-color:#348a88;text-align:center;}
#site-navigation #nav1 li{display:inline-block;margin:0;}
#site-navigation #nav1 li a,#site-navigation #nav1 li a:visited{display:block;padding:0.6em 1.4em 0.5em 1.4em;color:#fff;background-color:#348a88;font-size:1.1em;}
#site-navigation #nav1 li a:hover,#site-navigation #nav1 li a:active{background-color:#c00;text-decoration:none;}

#content{width:90%;margin:1em auto 0 auto;}

#colophon{width:90%;padding:2em 0 0.5em 0;margin:0 auto;font-size:0.8em;text-align:center;}
#colophon hr{margin-bottom:2em;}

div.product{display:inline-block;width:31%;margin:0 2.9% 2em 0;vertical-align:top;}
div.product img{display:block;margin:0 0 0.5em 0;}
div.product:nth-child(3n+3){margin-right:0;}

.custom.ZebraDialog{max-width:90%;}
.custom.ZebraDialog .ZebraDialog_BodyOuter{background-color:#fff;}
.custom.ZebraDialog .ZebraDialog_BodyOuter .ZebraDialog_Body{padding:1.5em 1em 0.5em 5.2em;font-size:1.1em;border:none;}
.custom.ZebraDialog .ZebraDialog_BodyOuter .ZebraDialog_Body .ZebraDialog_Close{padding:0.5em 0.5em 0 0;}
.custom.ZebraDialog .ZebraDialog_ButtonsOuter{padding:0 1em 1em 1em;background-color:#fff;}
.custom.ZebraDialog .ZebraDialog_ButtonsOuter .ZebraDialog_Buttons a{display:inline-block;margin:0.1em 0;padding:0.6em 1.5em 0.4em 1.5em;color:#fff;background-color:#348a88;background-image:none;font-family:sans-serif;font-size:1em;line-height:1.2;text-transform:uppercase;border:none;border-radius:0.4em;cursor:pointer;white-space:nowrap;}
.custom.ZebraDialog .ZebraDialog_ButtonsOuter .ZebraDialog_Buttons a:hover,.custom.ZebraDialog .ZebraDialog_ButtonsOuter .ZebraDialog_Buttons a:active{background-color:#c00;}

@media only screen and (max-width:900px){
	#site-navigation #nav1 li a,#site-navigation #nav1 li a:visited{padding:0.6em 0.8em 0.5em 0.8em;font-size:1em;}
}

@media only screen and (max-width:700px){
	ul.multicolumn{column-count:1;}

	table{width:100%;}
	table tr.head td{white-space:normal;}
	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.col2{float:none;width:100%;margin:0;}
	div.col3,div.col3.loose{float:none;width:100%;max-width:100%;margin:0;}
	div.col4{float:none;width:100%;margin:0;}
	div.col5{float:none;width:100%;margin:0;}

	div.multicolumnlist ul{margin-bottom:0;}
	div.multicolumnlist:last-child ul{margin-bottom:1em;}

	#masthead #logo{float:none;width:160px;margin:0 auto;}
	#masthead #cachet{display:none;}
	#masthead #tagline{margin:0.8em 0 0.4em 0;font-size:1em;}

	#mobilenav{list-style-type:none;display:block;margin:0;background-color:#348a88;text-align:center;cursor:pointer;}
	#mobilenav li{display:block;margin:0;}
	#mobilenav li a,#mobilenav li a:visited{display:block;padding:0.6em 0;color:#fff;background-color:#348a88;font-size:1.2em;border-bottom:1px solid #fff;}
	#mobilenav li a:hover,#mobilenav li a:active{background-color:#348a88;text-decoration:none;}

	#site-navigation #nav1{display:none;}
	#site-navigation #nav1 li{display:block;}
	#site-navigation #nav1 li a,#site-navigation #nav1 li a:visited{padding:0.6em 0;font-size:1.2em;border-bottom:1px solid #fff;}
	#site-navigation #nav1 li:last-child a,#site-navigation #nav1 li:last-child a:visited{border-bottom:none;}
	#site-navigation #nav1 li a:hover,#site-navigation #nav1 li a:active{background-color:#348a88;}

	#colophon{font-size:1em;}

	div.product{display:block;width:100%;margin:0 0 2em 0;}
}