@charset "utf-8";
/* Custom CSS Document */

/*--------------- BREAKPOINTS ---------------*/
/*XS: <767px
SM: 768px-991px
MD:: 992px-1199px
LG: >1200px*/

/*--------------- TYPOGRAPHY ---------------*/
/*Regular	"ff-basic-gothic-web-pro"	300	normal 
Italic	"ff-basic-gothic-web-pro"	300	italic
Bold	"ff-basic-gothic-web-pro"	700	normal*/

body {
	/*font-family: "ff-basic-gothic-web-pro",sans-serif;*/
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	background-color: #fff;
	}
	
p, ul, tr, td, th, label {
	/*font-family: "ff-basic-gothic-web-pro",sans-serif;*/
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	}

p {margin-bottom: 1em;}

/*h1 {font-family:"ff-basic-gothic-web-pro",sans-serif;font-weight:700;} 
h2 {font-family:"ff-basic-gothic-web-pro",sans-serif;font-weight:700;}
h3 {font-family:"ff-basic-gothic-web-pro",sans-serif;font-weight:700;}
h4 {font-family:"ff-basic-gothic-web-pro",sans-serif;font-weight:700;}
h5 {font-family:"ff-basic-gothic-web-pro",sans-serif;font-weight:700;}*/

.fontnormal {font-weight:normal;}

/*--------------- COLORS ---------------*/
/*Primary Teal: #345E5D
Dark Teal:
Light Teal: #A0B6B7
Purple (complementary) #4f547e
aquabord: #f28d1e
claybord: #989E43
encaustic: #c58c31
gesso: #0073ae
hard: #b5121b
natural: tan
pastel: #37939b
scratch: #936fb1
apcanvas: #853035
apprimedsm: #868f99
apunprimedbass: #e37c1d
floater-back: silver*/


a {color: #345E5D;}

p a, p a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, td a, td a:visited, caption a, caption a:visited {
	text-decoration: underline;
	color:#345E5D;
	}

p a:hover, p a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, td a:hover, td a:visited, caption a:hover, caption a:focus {
	text-decoration: none;
	color: #4f547e;
	}

main {color: #fff;}
html, body {background-color: #345E5D;}
p, ul {color: #444;}	
h1, h2, h3, h4, h5, h6 {color: #345E5D;}

.back-black {background-color: #013334;}
.blacktext { color:#444;}	


/*--------------- SITEWIDE STYLES---------------*/

.no-pad {padding: 0;} 
.no-margin {margin: 0}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
	}
	
.btm25 { margin-bottom:25px;}

html {
	overflow: -moz-scrollbars-vertical;/*PERSISTENT SCROLLBARS TO PREVENT SHIFT BETWEN LONG AND SHORT PAGES*/
	overflow: scroll;
	}

 ul.sq {list-style-image:  url(../img/squarebullet.png);}
/* ul.sq li {margin-bottom: 0;}*/

ul.sq a, ul.sq a:visited  {text-decoration: underline;
	color:#345E5D;}
	
ul.sq a:hover, ul.sq a:focus {text-decoration: none;
	color: #4f547e;}

/*--------------- NAVIGATION ---------------*/

.navbar-inverse .navbar-nav>li>a {
	ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color:#013334;
	color: #fff;
	}
	
.navbar-inverse .navbar-nav>li>a:hover, .select {
	background-color:#345E5D;
	}
	

		@media (min-width: 768px) {  /*CENTER THE NAV MENU ON THE PAGE*/  
		.navbar .navbar-nav {
			display: inline-block;
			float: none;
			vertical-align: top;
			}
		
		.navbar .navbar-collapse {
			text-align: center;
			}	
		}


.navbar-xtra {
	border: none;
	margin-bottom: 1px;
	}	
	
.navbar-menu-toggle {
	float: left;
	margin-left: 15px;
	}
	
@media (max-width: 767px) {	

.navbar {margin-top:10px;}
.xs-menubtn {color: #9d9d9d;}

}

@media (min-width: 768px) and (max-width: 991px){
.hide-sm {display: none;}
}

/*--------------- HEADER SECTION ---------------*/

header {background-color:#013334; margin-top: 15px; border-bottom: 1px solid #345E5D;}
@media (max-width: 767px) {		/*PHONE ONLY*/
header {margin-top: 0;}
}

.hdr-logo {margin: 0; padding: 25px 0 0 25px;}

@media (max-width: 767px) {		/*PHONE ONLY*/
.hdr-logo img {margin: 0 auto; display: block; padding: 0 0 15px 0;}
}


.top-sec-nav {height: 40px; margin-top: 30px;}	

.phones {color: #fff; width: 100%; text-align: right; margin-bottom:0; padding:0 15px 0 0; letter-spacing: 1px; font-weight:normal; font-size: 16px;} 
.ph-text {color:#ccc; font-size: 12px; }
.flags {text-align: right; width: 100%; margin:3px 0 7px 0; padding:0 15px 0 0;}
.icon {text-decoration: none;}

.btn-search {
	color: #fff;
	background-color:#013334 ;
	border-color: #000;
	ms-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; 
	}

.btn-search:hover,
.btn-search:focus,
.btn-search.focus,
.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
	color: #fff;  
	background-color:#345E5D ;
	border-color: #000;  
	}

.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
	background-image: none;
	}

.navbar-form input {
	background-color:#ccc;
	border-radius: 0;
	height: 30px; 
	ms-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
.navbar-form input:hover, .navbar-form input:focus, .navbar-form input:active{
	background: #fff;
	}  
  
ul.nav.navbar-nav.back-black {font-size:18px;}/*16px*/

.sm-hdr-box {

	margin-top: 5px; 
 
	padding: 10px 20px 0 0; 

	}

.hdr-sm {float: right; margin-right: 5px; width: 30px;}
.hdr-sm a {color: #eeeeee; font-weight:normal;}
.hdr-sm a:hover,
.hdr-sm a:focus,
.hdr-sm a:active 
{color: #bbb; }/*background-color:#345E5D;*/

/*.dk-teal-ol {border-top: 1px solid #345E5D;}*/

/*MODALS*/
.modal-hdr-jc {height: 60px;border: 2px solid black;} 
.srch-btn-jc {color: white; font-size: 22px; font-weight: bold; text-align: center; margin-botton: 15px;}

ul.dropdown-menu {font-size: 16px;}
 

/*--------------- PAGE STRUCTURE ---------------*/

.content-area {
	background-color: #fff;
	margin-top: 1px;
	min-height: 500px;
	border: 1px solid #345E5D;
	padding-left: 0;
	pading-right: 0;
	}

@media (max-width: 767px) {	/*PHONE only*/
.content-area {
	margin-top: 0;
	padding-top:9px;
	padding-right: 0;
	padding-left: 0;
	}
}

.inside-content {
	/*border-left:1px solid #ccc; */
	padding-left:15px; 
	padding-bottom: 15px; 
	margin-bottom:15px;
	min-height:550px;
	margin-top: 13px;
	padding-right: 0;
	}
	
@media (max-width: 991px) {	/*TABLET and below ONLY*/
.inside-content {
	border-left:none; 
	}	
}

@media (max-width: 767px) {	/*PHONE ONLY*/
.inside-content {
	padding-right: 15px;
	margin-top: 0;	
	}	
}
	
.inside-content p a.btn {
	color:#fff;
	text-decoration: none;
	font-weight: normal; 
	}
	
.bodytext {
	margin-top: 15px;
	padding: 0 15px 0 15px;
	}
	
@media (max-width: 767px) {	/*PHONE ONLY*/
.bodytext {
	padding: 0;
	}	
}

.left-sidebar-menu {
	padding-left: 15px;
	padding-right:15px; 
	margin-top: 13px;
	margin-bottom: 15px;
	border-right:1px solid #ccc; 	
	
/*	background-color:yellow;
	padding:15px;*/
	}
	
@media (min-width: 768px) and (max-width: 991px){ /*TABLETS*/

.left-sidebar-menu {
	padding-left: 0;
	padding-right:0; 
	margin-top: 13px;
	margin-right: 25px;	
	
	
	}
}	


@media (max-width: 991px) {	/*TABLET and below ONLY*/
/*@media (max-width: @screen-xs-max)	{*/
	
.sidebar{
	padding-bottom: 35px;
	padding-left: 35px;		
	}

}





/*--------------- FOOTER SECTION ---------------*/

footer {margin-top: 5px; padding: 0;}

.copyright p {
	text-align:left; 
	padding: 0 0 0 15px; 
	margin: 4px 0 15px 0;
	color:#ccc; 
	font-size: 12px;
	}
	
	.trademark p {
	text-align:center; 
	color:#ccc; 
	font-size: 12px;
	}

@media (max-width: 767px) {		/*PHONE ONLY*/
.footer-text {float: none; text-align: center;}
}
@media (max-width: 767px) {		/*PHONE ONLY*/
.footer-text p {color:#CCC; text-align:center; font-size: 12px; margin-top: 0;}
}

.footer-text a, .footer-text a:visited	{
	color:#ccc; 
	ms-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
.footer-text ul a:hover {color:#fff; text-decoration:none;}

.footer-text a:hover {color:#fff;}	

@media (max-width: 767px) {		/*PHONE ONLY*/
.footer-text a, .footer-text a:visited	{color:#CCC;}
}

.footer-icons {
	color:#ccc;
	text-align: right; 
	font-size: 16px; 
	margin-top: 0; 
	letter-spacing: 10px;
	}

.footer-icons a, .footer-text a:visited	{
	color:#ccc;
	ms-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}	

.footer-icons a:hover {color:#fff; text-decoration:none;}

.bottom-row {margin-bottom: 25px;}


		/*--------------- Footer Pipelist ---------------*/

		#navlist{
			list-style: none;
			padding: 0;
			margin: 5px 0 0 0;
			font-size: 12px;
			text-align: right;/*center*/ 
			}
		
		@media (max-width: 767px) {		/*PHONE ONLY*/
		#navlist{font-size: 12px;}
		}	
	
		#navlist li{
			display: inline;
			padding: 0;
			margin:0;
			}
		
		#navlist li:after {content: "\00a0\00a0\00a0|\00a0\00a0"; color:#777;}
		#navlist li:last-child:after {content:"";}
		
		@media (max-width: 767px) {		/*PHONE ONLY*/
		#navlist li{padding: 0 15px 0 15px; line-height:35px;}
		}

		
		/*IE workaround*/
		/*All IE browsers*/
		/** html #navlist li{
		border-left: 1px solid white;
		padding: 0 0.4em 0 0.4em;
		margin: 0 0.4em 0 -0.4em;
		}*/
		
		/*Win IE browsers - hide from Mac IE\*/
		<!--* html #navlist { height: 1%; }-->
		
		/** html #navlist li{
		display: block;
		float: left;
		}*/
		
		/*End hide*/
		/*Mac IE 5*/
		/** html #navlist li:first-child { border-left: 0; }*/




/*--------------- PHONE (XS) ONLY ---------------*/
@media (max-width: 767px) {	
	.no-display {display:none;}
	
	.xs-btm-nav {
		padding: 5px 0 5px 5px; text-align:center;}
		
	.xs-btm-nav a {color:#777;}
	
	.xs-btm-nav a:hover, .xs-btm-nav a:focus {
		color: #fff;
		text-decoration:none;
		}
		
	.xs-btm-nav-btm {padding-bottom: 10px;}
	
	.xs-menu-add a	{color:#9d9d9d; padding: 0 0 0 15px; line-height: 35px;}
	
	.xs-menu-add a:hover,
	.xs-menu-add a:focus {
		color: #fff;
		background-color:transparent;
		text-decoration:none;
		}
	
	#navcontainer { margin-bottom: 20px;}
}


	
	
/*--------------- EVERYTHING ABOVE PHONE (XS) ---------------*/
@media (min-width: 768px) {	
.xs-only {display:none;}
}


/*--------------- SIDEBAR BUTTONS ---------------*/
	
.btn {border-radius: 0; padding: 6px 0; text-decoration:none;}

.embossed-heavy {
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 
    inset 0 1px 2px rgba(255,255,255,0.3),
    inset 0 -1px 2px rgba(0,0,0,0.3),
    0 1px 1px rgba(255,255,255,0.9);
}

.btn-aqua {
	color: #fff;
	background-color: #f28d1e;
	border-color: #fff;
	}

.btn-aqua:hover,
.btn-aqua:focus,
.btn-aqua.focus,
.btn-aqua:active,
.btn-aqua.active,
.open > .dropdown-toggle.btn-aqua {
	color: #fff;
	background-color: #345E5D;
	border-color: #fff;
	}
	
.btn-aqua:active,
.btn-aqua.active,
.open > .dropdown-toggle.btn-aqua {
  background-image: none;
}

.btn-clay {
  color: #fff;
  background-color: #989E43;
  border-color: #fff;
}
.btn-clay:hover,
.btn-clay:focus,
.btn-clay.focus,
.btn-clay:active,
.btn-clay.active,
.open > .dropdown-toggle.btn-clay {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-clay:active,
.btn-clay.active,
.open > .dropdown-toggle.btn-clay {
  background-image: none;
}

.btn-enc {
  color: #fff;
  background-color: #c58c31;
  border-color: #fff;
}
.btn-enc:hover,
.btn-enc:focus,
.btn-enc.focus,
.btn-enc:active,
.btn-enc.active,
.open > .dropdown-toggle.btn-enc {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-enc:active,
.btn-enc.active,
.open > .dropdown-toggle.btn-enc {
  background-image: none;
}
  
  
.btn-gesso {
  color: #fff;
  background-color: #0073ae;
  border-color: #fff;
}
.btn-gesso:hover,
.btn-gesso:focus,
.btn-gesso.focus,
.btn-gesso:active,
.btn-gesso.active,
.open > .dropdown-toggle.btn-gesso {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-gesso:active,
.btn-gesso.active,
.open > .dropdown-toggle.btn-gesso {
  background-image: none;
}

.btn-hard {
  color: #fff;
  background-color: #b5121b;
  border-color: #fff;
}
.btn-hard:hover,
.btn-hard:focus,
.btn-hard.focus,
.btn-hard:active,
.btn-hard.active,
.open > .dropdown-toggle.btn-hard {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-hard:active,
.btn-hard.active,
.open > .dropdown-toggle.btn-hard {
  background-image: none;
}

.btn-pastel {
  color: #fff;
  background-color: #37939b;
  border-color: #fff;
}
.btn-pastel:hover,
.btn-pastel:focus,
.btn-pastel.focus,
.btn-pastel:active,
.btn-pastel.active,
.open > .dropdown-toggle.btn-pastel {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-pastel:active,
.btn-pastel.active,
.open > .dropdown-toggle.btn-pastel {
  background-image: none;
}

.btn-scratch {
  color: #fff;
  background-color: #936fb1;
  border-color: #fff;
}
.btn-scratch:hover,
.btn-scratch:focus,
.btn-scratch.focus,
.btn-scratch:active,
.btn-scratch.active,
.open > .dropdown-toggle.btn-scratch {
  color: #fff;
  background-color: #286090;
  border-color: #fff;
}
.btn-scratch:active,
.btn-scratch.active,
.open > .dropdown-toggle.btn-scratch {
  background-image: none;
}

.btn-apct {
  color: #fff;
  background-color: #853035;
  border-color: #fff;
}
.btn-apct:hover,
.btn-apct:focus,
.btn-apct.focus,
.btn-apct:active,
.btn-apct.active,
.open > .dropdown-toggle.btn-apct {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-apct:active,
.btn-apct.active,
.open > .dropdown-toggle.btn-apct {
  background-image: none;
}

.btn-bass {
  color: #fff;
  background-color: #e37c1d;
  border-color: #fff;
}
.btn-bass:hover,
.btn-bass:focus,
.btn-bass.focus,
.btn-bass:active,
.btn-bass.active,
.open > .dropdown-toggle.btn-bass {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-bass:active,
.btn-bass.active,
.open > .dropdown-toggle.btn-bass {
  background-image: none;
}

.btn-apps {
  color: #fff;
  background-color: #868f99;
  border-color: #fff;
}
.btn-apps:hover,
.btn-apps:focus,
.btn-apps.focus,
.btn-apps:active,
.btn-apps.active,
.open > .dropdown-toggle.btn-apps {
  color:#fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-apps:active,
.btn-apps.active,
.open > .dropdown-toggle.btn-apps {
  background-image: none;
}

.btn-nwp {
  color: #fff;
  background-color: #d6a742;
  border-color: #fff;
}
.btn-nwp:hover,
.btn-nwp:focus,
.btn-nwp.focus,
.btn-nwp:active,
.btn-nwp.active,
.open > .dropdown-toggle.btn-nwp {
  color: #fff;
  background-color: #345E5D;
  border-color: #fff;
}
.btn-nwp:active,
.btn-nwp.active,
.open > .dropdown-toggle.btn-nwp {
  background-image: none;
}

.btn-misc, .btn-misc:visited {
  color:#000 ;/*#fff*/
  background-color: #A0B6B7;/*#345E5D*/
  border-color: #fff;
}
.btn-misc:hover,
.btn-misc:focus,
.btn-misc.focus,
.btn-misc:active,
.btn-misc.active,
.open > .dropdown-toggle.btn-misc {
  color: #fff;
  background-color: #7785BA;
  border-color: #fff;
}
.btn-misc:active,
.btn-misc.active,
.open > .dropdown-toggle.btn-misc {
  background-image: none;
}

.btn-ff {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  border: 5px solid black;
}
.btn-ff:hover,
.btn-ff:focus,
.btn-ff.focus,
.btn-ff:active,
.btn-ff.active,
.open > .dropdown-toggle.btn-ff {
  color: #fff;
  background-color: silver;
  border-color: #fff;
  border: 5px solid black;
}

.btn-ff:active,
.btn-ff.active,
.open > .dropdown-toggle.btn-ff {
  background-image: none;
}

.list-group-item {width: 100%; font-size: 12px; padding: 2px 0;}

.sidebar p {margin: 0;}
	

/*--------------- HOME PAGE ---------------*/

.home-content {
	padding: 0 15px 15px 30px;
	margin: 25px 0 15px 8px;
	}
	
	.home-content h1{
	margin-bottom: 25px;
	margin-top: 0;
	}
	
.home-hero-pic {margin-bottom: 15px;}

.home-box-holder {padding: 0; margin-left:8px;}

.no-ul a:focus, .no-ul a:hover{text-decoration:none;}
	
.home-box-01 {background-color: #fff; height: 300px; padding: 0 7px 0 15px;}
.home-box-02 {background-color: #fff; height: 300px; padding: 0 7px 0 7px;}
.home-box-03 {background-color: #fff; height: 300px; padding: 0 7px 0 7px;}
.home-box-04 {background-color: #fff; height: 300px; padding: 0 14px 0 7px;}

/*.home-boxes p {font-size:13px; ;}*/
.home-boxes {background-color:#7785BA; height: 285px; 

}

.home-img-resp {
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-size: cover;
	}

@media (max-width: 767px) {	/*PHONE ONLY*/
.home-box-01 {padding: 0 15px 0 15px;}
.home-box-02 {padding: 0 15px 0 15px;}
.home-box-03 {padding: 0 15px 0 15px;}
.home-box-04 {padding: 0 15px 0 15px;}
}

@media (min-width: 768px) and (max-width: 991px){  /*TABLETS*/

.home-box-01 {padding: 0 15px 0 15px;}
.home-box-02 {padding: 0 15px 0 15px;}
.home-box-03 {padding: 0 15px 0 15px;}
.home-box-04 {padding: 0 15px 0 15px;} 
}

.hm-box h2{font-size: 1.35em;
  line-height: 1; color: #fff; margin-top: 10px; 
}
.hm-box p{color: #000; font-size: .95em; font-weight:normal;line-height:18px}
.hm-box{margin:0 10px; text-align: center; }


/*------------- PRODUCT PAGES ------------------*/

.prodhdr {padding-right:0; padding-left:0;}

@media (max-width: 767px) {		/*PHONE ONLY*/
.prodhdr {}
}

.panel {margin: 0 auto; 
		margin-bottom: 25px;
		width: 85%;
		border: 1px solid #ccc;}

.labelbkgrnd, .labelbkgrnd-ap {
	width:100%; 
	height:300px;
	background-repeat: no-repeat;        
    background-size: cover;
	background-position: right;
	}
	
.labelbkgrnd-ap {background-position: left;}

@media (max-width: 767px) {		/*PHONE ONLY*/
.labelbkgrnd {
	/*width:100%; height:118px;*/ 
	display: table-cell;
    vertical-align: middle;}
}

@media (min-width: 768px) and (max-width: 991px){ /*TABLETS*/
.labelbkgrnd {width:100%; height:200px;}
}

@media (min-width: 992px) and (max-width: 1199px){ /*small computers*/
.labelbkgrnd {width:100%; height:260px;}
}

.label-pastel {background-image:url(../img/pastel_labelbkgrnd.jpg);}
.label-aqua {background-image:url(../img/aqua-back.jpg);}
.label-clay {background-image:url(../img/clay_labelbkgrnd.jpg);}
.label-enc {background-image:url(../img/enc_labelbckgrnd.jpg);}
.label-gesso {background-image:url(../img/gesso_labelbckgrnd.jpg);}
.label-hard {background-image:url(../img/hard_labelbckgrnd.jpg);}
.label-scratch {background-image:url(../img/scratch_labelbckgrnd.jpg);}
.label-apct {background-image:url(../img/banner-apct.jpg);}
.label-upbw {background-image:url(../img/banner-upbw.jpg);}
.label-apps {background-image:url(../img/banner-apps.jpg);}
.label-natwood {background-image:url(../img/natwood_labelbkgrnd.jpg);}
.label-frames {background-image:url(../img/frames_labelbkgrnd.jpg);}

.prodlogotype {margin-top: 190px;}

@media (max-width: 767px) {	/*PHONE ONLY*/
.prodlogotype {width:100%; ; display:inline-block;margin: 0 0 0 0;} /*margin-top: 180px*/
}

@media (min-width: 768px) and (max-width: 991px){ /*TABLETS*/
.prodlogotype {margin-top: 118px}
}

@media (min-width: 992px) and (max-width: 1199px){ /*small computers*/
.prodlogotype {margin-top: 173px;}
}

.aplogotype  {float: right; width:50%;  margin-top: 16px; padding-left: 35px;}

@media (max-width: 767px) {	/*PHONE ONLY*/
.aplogotype  {float: right; width:90%;  margin-top: 250px; margin-bottom: 15px;}
.aplogotype img  {border: 1px solid #ccc;}
}

.prodgrp {}
.prodgrp img {margin-top: 80px;} 

@media (max-width: 767px) {	/*PHONE ONLY*/
.prodgrp {}
.prodgrp img {
	margin-top: 15px;
	-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=25, OffY=25, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=25, OffY=25, Color='#444')";
	} 
}

@media (min-width: 768px) and (max-width: 991px){ /*TABLETS*/
.prodgrp img {margin-top: 40px;} 

}

.prod-tagline {float: right; margin-top: 10px;}

@media (max-width: 767px) {	/*PHONE ONLY*/
.prod-tagline {/*float: right; margin-top: 50px;*/display: none; }
}

h1.tagline {color: #000; text-align:right; margin: 10px 20px 0 0; font-style:italic; font-weight:bold; font-size: 1.8em; line-height: 1.15384615;}

@media (max-width: 767px) {	/*PHONE ONLY*/
h1.tagline {color: #fff;}
}

@media (min-width: 768px) and (max-width: 991px){ /*TABLETS*/
h1.tagline {margin: 8px 10px 0 0;font-size:18px;}
}

@media (min-width: 992px) and (max-width: 1199px){ /*small computers*/
h1.tagline {margin: 7px 10px 0 0;font-size:18px;}
}

h1.ap-product { font-size: 1.5em; line-height: 1.15384615;}

@media (min-width: 768px) and (max-width: 991px)  /*TABLETS*/ {
 h1.ap-product {
    font-size: 1.625em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 992px) {
  h1.ap-product {
    font-size: 1.70em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

.fb-bullets {
	border:1px solid #ccc; 
	padding: 0 15px 20px 0; 
	float: right; 
	width: 300px; 
	margin: 0 0 15px 20px;
	background-color: #f9f9f9;
	}
	
@media (max-width: 767px) /*PHONE ONLY*/{
.fb-bullets { 
	float: none; 
	width: 100%;
	margin-left: 0;
	margin-right: 15px;
}
}
	
.fb-bullets h1 {font-weight:normal;text-align: center; margin-left: 15px;font-size: 2em;}
.fb-bullets li {margin-bottom: 12px;}
.fb-bullets ul {list-style-image:  url(../img/squarebullet.png);}


h1.panel {line-height:50px;}

.img-rt {margin: 0 25px 15px 15px;} 


/*------------- TABLES ------------------*/


th {background-color:#345E5D; color: #fff; text-align:center;}
td {text-align:center;color:#000;}
table {border: 1px solid #ccc;}

.tble-container {
	padding-right: 0;
	padding-left: 15px;
}

@media (max-width: 767px) {	/*PHONE ONLY*/
.tble-container {
	padding-left: 0;
}	
}
									
.left-adjust {margin-left: 15px;}

@media (max-width: 767px) {	
	.left-adjust {margin-left: -15px;}
}

caption {font-size: 1.375em;
  line-height: 1.13636364;
  color: #345E5D;
  text-align: center;
}


/*------------- GALLERIES ------------------*/


a:hover .gallery-image  {background-color:#eee;}
	
@media (max-width: 767px) {		/*PHONE ONLY*/

.gallery-image {padding:8px;}
.gallery-img {padding:5px; }
.gallery-img img{border: none;}

}

.gallery-hl {margin: 25px 15px 25px 15px; border-bottom: 1px solid #345E5D;}
.gallery-img-txt {text-align:center; color:#000; margin-bottom: 15px;	}

/*------------- LISTS ------------------*/

.ql {
	color:#444; 
	text-align:center;
	font-size: .95em;
	margin-bottom: 5px; 
	line-height: 16px;
	}
	
@media (max-width: 767px) {		/*PHONE ONLY*/

}

/*------------- ZIP CODE SEARCH ------------------*/

.mega {border: 5px double #914742; margin-bottom: 15px; padding: 10px; width: 97%; cursor:pointer;}
.premier {border: 1px solid #345E5D; margin-bottom: 15px; padding: 10px; width: 97%; cursor:pointer;}
.dealer {border: 1px solid #fff; margin-bottom: 15px; padding: 10px; width: 97%; cursor:pointer;}
.mega h3, .premier h3, .dealer h3 {font-size: .9em; margin:0 0 5px 0; padding: 0;}
.mega h3{color: #914742;}
.premier h3{color:#345E5D }
.dealer h3{display:none}

@media print {

header, nav, .left-sidebar-menu {display:none;}
.content-area {border: none;}
}