@charset "iso-8859-1";
/* CSS Document */

/* ==================================================================================================================== FONTS === */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);


/* ==================================================================================================================== TRANSITIONS === */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
@-webkit-viewport{ width:device-width;}
@-moz-viewport{ width:device-width;}
@-ms-viewport{ width:device-width;}
@-o-viewport{ width:device-width;}
@viewport{ width:device-width;}

a, a.visited{
	color:#c41230;}
	
a:hover, a.active{
	color:#766d64;}


/* ==================================================================================================================== ALIGNMENT === */
.taleft{
	text-align:left;}
	
.tacenter{
	text-align:center;}
	
.taright{
	text-align:right;}
	
.pt1rem{
	padding-top:1rem;}


/* ==================================================================================================================== DISPLAYS, COLORS, AND SUCH === */
.flexslider.po{
	display:none; visibility:hidden;}
	
.flexslider.candto{
	display:block; visibility:visible;}
	
p{
	color:#766d64; font-size:0.95rem; margin:0 auto 0.75rem;}



/* ==================================================================================================================== CONTENT AREAS === */
header{
	border-bottom:1px solid #ccc; padding:1rem;}
	
/* store info */
.tabpatch{
	/*margin-top:-9.33rem;*/ /*margin-top:-150px;*/ position:absolute; top:580px; left:0; right:0;}
	
.tabpatch .store{
	background:rgba(255,255,255,1); padding:0.8rem; text-align:center; z-index:10;}
	
.tabpatch .store h1{
	font-family:'Roboto Slab', serif; color:#c41230; font-size:1.2rem; font-weight:400; margin:0; padding:0;}
	
.tabpatch .infobox{
	background:rgba(255,255,255,1); box-shadow:0.17rem 0.17rem 5px rgba(0,0,0,0.4); padding:0.8rem;}
	
/* address */
.tabpatch .infobox .address{
	background:url(../images/dotted.png) top right repeat-y;}
	
/* blocks */
.blocks{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}

.blocks h2{
	font-family:'Roboto Slab', serif; color:#766d64; margin:0; padding:0; text-transform:uppercase; font-size:1.2rem;}
	
.blocks h2.sub{
	font-family:'Roboto Slab', serif; color:#766d64; margin:0; padding:0; font-size:0.95rem; text-transform:none;}
	
.blocks:link h2, .blocks:visited h2{
	color:#766d64;}
	
.blocks:hover h2, .blocks:active h2{
	color:#c41230;}

.order, .order:link, .order:visited{
	width:auto; background:url(../images/icon-orderonline-purple.png) center top no-repeat; padding-top:3rem;}
	
.order:hover, .order:active{
	background:url(../images/icon-orderonline-yellow.png) center top no-repeat;}
	
.download, .download:link, .download:visited{
	width:auto; background:url(../images/icon-download-orange.png) center top no-repeat; padding-top:3rem;}
	
.download:hover, .download:active{
	background:url(../images/icon-download-lightblue.png) center top no-repeat;}
	
.contactus, .contactus:link, .contactus:visited{
	width:auto; background:url(../images/icon-contact-lightgreen.png) center top no-repeat; padding-top:3rem;}
	
.contactus:hover, .contactus:active{
	background:url(../images/icon-contact-red.png) center top no-repeat;}
	
.visitus, .visitus:link, .visitus:visited{
	width:auto; background:url(../images/icon-visit-lightblue.png) center top no-repeat; padding-top:3rem;}
	
.visitus:hover, .visitus:active{
	background:url(../images/icon-visit-orange.png) center top no-repeat;}
	
/* map */
.google-maps iframe{
	height:720px;}
	
	
/* footer */
footer p{
	font-size:0.85rem;}

	
	
	
/* ==================================================================================================================== MQ === */
/*// Small screens*/
@media only screen {

} /* Define mobile styles */

@media only screen and (max-width: 40em) {	
    .flexslider.po{
		display:block; visibility:visible;}	
		
	.flexslider.candto{
		display:none; visibility:hidden;}
		
	.flex-direction-nav, .flex-control-nav{
		display:none;}
		
	.tabpatch{
		position:absolute; top:350px; left:0; right:0;}
		
	.tabpatch .store{
		padding:0 0 0 0.33rem; text-align:left; z-index:10;}
		
	.tabpatch .store h1{
		font-size:1.1rem; font-weight:400; margin:0; padding:0;}
		
	.tabpatch .infobox{
		box-shadow:0.17rem 0.17rem 5px rgba(0,0,0,0.4); padding:0.33rem;}
		
	.tabpatch .infobox .address{
		background:url(../images/dotted2.png) bottom left repeat-x; padding-bottom:0.5rem;}
		
	.paddingpo{
		padding:0.75rem 0.33rem;}
		
	.blocks h2{
		font-size:1.1rem;}
		
	.blocks h2.sub{
		font-size:0.9rem;}
		
	footer p{
		font-size:0.75rem;}
		
	.google-maps iframe{
		height:300px;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*// Medium screens*/
@media only screen and (min-width: 40.063em) {			

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.flexslider.candto{
		display:block; visibility:visible;}
	
	.flex-direction-nav a{
		width:2.5rem;
		height:3rem;
		top:35%;}
		
	.flex-control-nav{
		display:none;}
		
	.tabpatch{
		position:absolute; top:320px; left:0; right:0;}

	.tabpatch .store{
		padding:0.5rem;}
		
	.tabpatch .store h1{
		font-size:1.1rem;}
		
	.google-maps iframe{
		height:420px;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*// Large screens*/
@media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {	

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*// XLarge screens*/
@media only screen and (min-width: 90.063em) {	

} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*// XXLarge screens*/
@media only screen and (min-width: 120.063em) {		

} /* min-width 1921px, xxlarge screens */


/*// Firefox*/
@-moz-document url-prefix() {
	.tabpatch{
		position:absolute; top:480px; left:0; right:0;}
		
	.tabpatch .store{
		padding:0.5rem;}
		
	.tabpatch .store h1{
		font-size:1rem;}
		
	p{
		font-size:0.85rem; margin:0 auto 0.75rem;}
		
	.blocks h2{
		font-size:1rem;}
	
	.blocks h2.sub{
		font-size:0.85rem;}
		
	footer p{
		font-size:0.75rem;}
		
	.google-maps iframe{
		height:520px;}

}


/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    /*body{
		background:black;}*/
		
	p{
		font-size:0.85rem;}
		   
	.tabpatch{
		position:absolute; top:420px; left:0; right:0;}
		
	.tabpatch .store{
		padding:0.5rem;}
		
	.tabpatch .store h1{
		font-size:0.95rem;}
		
	.blocks h2{
		font-size:0.95rem;}
	
	.blocks h2.sub{
		font-size:0.7rem;}
		
	footer p{
		font-size:0.65rem;}
		
	.google-maps iframe{
		height:420px;}
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    /*body{
		background:Tomato;}*/
		
	p{
		font-size:0.85rem;}
		   
	.tabpatch{
		position:absolute; top:420px; left:0; right:0;}
		
	.tabpatch .store{
		padding:0.5rem;}
		
	.tabpatch .store h1{
		font-size:0.95rem;}
		
	.blocks h2{
		font-size:0.95rem;}
	
	.blocks h2.sub{
		font-size:0.7rem;}
		
	footer p{
		font-size:0.65rem;}
		
	.google-maps iframe{
		height:420px;}
}


/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	p{
		font-size:0.85rem;}
		
	.tabpatch{
		position:absolute; top:300px; left:0; right:0;}
		 
	.tabpatch .store{
		padding:0.5rem;}
		
	.tabpatch .store h1{
		font-size:0.95rem;}
		
	.blocks h2{
		font-size:0.95rem;}
	
	.blocks h2.sub{
		font-size:0.7rem;}
		
	footer p{
		font-size:0.65rem;}

}

/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .tabpatch{
		  position:absolute; top:350px; left:0; right:0;}

}