@import url('ss.css');

/*
Theme Name:  
Theme Variation: 

Version:     1.0
Copyright:   All rights resevered.
*/

/* START reset.css */
/* END reset.css */

/* START base.css */
/* END base.css */

/************************************************************************************
GLOBAL DEFAULT STYLES
*************************************************************************************/

html {
	background-color: #ffffff;
	}

/* Type */
body {color:#626262;font-family:'Arial', sans-serif;font-size:14px;line-height:100%;}
h1,h2{font-family:'Myriad', Arial, serif;font-weight:normal;line-height:100%;color:#626262;margin-top:10px;margin-bottom:18px;}
h3,h4{margin-top:18px;margin-bottom:18px;font-family:'Arial', serif;font-weight:normal;color:#626262;}
h3,h4,h5,h6{line-height:18px}
h1{margin: 20px; font-size:29px;}
h2{padding:5px 0 10px;font-family:'Arial', serif;font-size:20px;color:#4b4f4f;}
h3{font-size:14px;font-weight:bold; color:#349abd; }
h4{font-size:13px}
h5{font-size:12px}
h6{font-size:10px}
pre,address{line-height:110%;}
small{font-size:11px}
abbr,code,kbd,samp,small,var{line-height:18px}
form,legend,label{line-height:18px;}
form{margin:0 0 10px;}
legend{position:relative;top:5px}
caption{font-size:14px;line-height:18px;position:relative}
/*hr{position:relative;height:4px;margin:18px 0 14px 0}*/
hr {border:0;height:1px;background-color:#c7c7c7;padding:0;margin:18px 0;}
p {margin: 10px 0; line-height:18px;}
a small {color:#349abd;font-weight:normal;line-height:inherit;}
p.address{
font-size:13pt;
}
/* Lists */
li ul,li ol {margin:0 0 10px 15px;}
ul,ol {margin:0 0 10px 30px;list-style:disc outside none;padding:0;}
li {margin:0;padding:5px 0 5px 0;}
.ss_plugin li {margin:0;padding:0 !important;}
.ss_plugin li.hide {display:none;}

/* Links */
a {
	color: #349abd;
	text-decoration: none;
	}
a:hover {color:#626262;}

img {display:inline-block;}

.btn-blue {margin-top:10px;padding:10px;font-size:13px !important;font-weight:normal !important;text-transform:uppercase;color:#ffffff !important;background-color:#349abd; display:inline-block;}


/************************************************************************************
LAYOUTS
*************************************************************************************/

/* Defaults */
#wrapper {text-align:center;overflow:hidden;border-top:40px solid #e8e9ea;}
.columns {margin:0 auto;padding:0 10px;width:980px;text-align:left;overflow:hidden;}
#header {padding:20px 10px;overflow:hidden;}
  #logo {float:left;padding-top:50px;color:#349abd;}
  #logo a,#logo img {border:0;}
  #header .headerRHS {float:right;width:300px;font-size:13px;line-height:200%;text-align:right;overflow:hidden;}
    #header .topnav {padding:5px 0;clear:both;border-bottom:1px solid #c7c7c7;}
      #header .topnav a {color:#349abd;text-transform:uppercase;}
		#header .contact {margin:10px 0;font-size:18px;text-transform:uppercase;color:#8e8e8e;}
      #header .contact a {font-size:28px;color:#626262;}
      #header .contact a.btn-blue {margin-top:25px;}
#banner {margin:5px auto;overflow:hidden;background:#ffffff url('bg_body.jpg') repeat-x 0 0;}
	#homePageBanner .cycle-slide { width: 100%; height: 390px; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; z-index: 100; }
	#homePageBanner .slideContent { width: 300px; height: auto; margin: 0px 40% 0px 60%; background: url(bg_trans_black.png) center top repeat; padding: 15px 15px 5px 15px; color: #ffffff; /*top: 190px; */ top: 270px; position: relative; }
	#homePageBanner .slideContent h2 { font: normal 29px/1.2em Helvetica, Arial,sans-serif; color: #ffffff; margin: 0px 0px 5px 0px; }
	.bannerPager { width: 330px; height: 0px; margin: 0px auto; padding: 0px 0px; /*top: -230px;*/ top: -50px; position: relative; z-index: 999; }
	.bannerPager span { font: normal 40px/40px Helvetica, Arial, sans-serif; color: #CCCCCC; cursor: pointer; }
	.bannerPager span.cycle-pager-active { color: #349abd; }
#content {padding:20px 0;min-height:295px;/*overflow:hidden;*/}
  .box-shadow {background-color:#ffffff;overflow:hidden;
	-moz-box-shadow: 1px 1px 2px #bec0c2;
	-webkit-box-shadow: 1px 1px 2px #bec0c2;
	box-shadow: 1px 1px 2px #bec0c2;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#bec0c2')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#bec0c2');}


/************************************************************************************
NAVIGATION
*************************************************************************************/

/* Top Navigation Dropdown */
#navigation {
	min-height: 35px;
	background:#e8e9ea;
	position:relative;
	z-index:300;
	text-transform:uppercase;
	}
#navigation .columns {overflow:visible;}

/* Superfish Menu */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 250;
	}
.sf-menu {float:left;line-height:1.0;}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 250px; /* left offset of submenus need to match (see below) */
	}
.sf-menu ul li {width:250px;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {line-height:35px;float:left;position:relative;}
.sf-menu a {display:block;position:relative;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	/* top: 1.5em; match top ul list item height */
	top: 35px;
	z-index: 99;
	}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
	}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 250px; /* match ul width */
	top: 0;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
	}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 250px; /* match ul width */
	top: 0;
	}

/*** SKIN ***/
.sf-menu a {
	font-size:13px;
	font-weight:bold;
	color: #626262;
	padding: 0 15px;
	text-decoration: none;
	display:block;
	background:url('nav_line.gif') no-repeat 100% 50%;
	}
.sf-menu a:hover {color:#349abd; /* visited pseudo selector so IE6 applies text colour */}
.sf-menu li li {border-top:1px solid #ffffff;text-transform:none;}
.sf-menu li li a {font-size:13px;line-height:30px;padding:0 15px;background:none;}
.sf-menu li li a:hover {color:#ffffff;}
.sf-menu li li.first {border-top:0;}

.sf-menu li ul,.sf-menu li li ul {
	background:#e8e9ea;
	}

.sf-menu li:hover,.sf-menu li.sfHover {
	color:#ffffff;
	}

.sf-menu li li:hover,.sf-menu li li.sfHover,
.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active {
	background-color:#349abd;
	text-shadow: none;
	z-index: 251;
	}

/************************************************************************************
RESPONSIVE GOOGLE MAP EMBED
************************************************************************************/

.embed-container { 
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;	
	height: auto; } 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

/************************************************************************************
FOOTER
*************************************************************************************/

#footerwrapper {
	padding:10px 0px;
	background: #e8e9ea;
	text-align:center;
	font-size:12px;
	color:#626262;
	}
#footerwrapper h3{margin:0 0 10px;font-size:13px;font-weight:bold;color:#349abd;text-transform:uppercase;}
#footerwrapper p {margin:0;}
#footerwrapper a {color:#626262;}
#footerwrapper a:hover {color:#349abd;}
#footer-1 {float:left;width:186px;padding:0 10px 25px 0;}
#footer-2 {float:left;width:186px;padding:0 10px 25px 0;}
#footer-3 {float:left;width:186px;padding:0 10px 25px 0;}
#footer-4 {float:left;width:166px;padding:0 10px 25px 0;}
#footer-5 {float:left;width:216px;padding:0 0px 25px 0;font-size:14px;line-height:20px;}
	#footer-5 p {margin-bottom:7px;}

#copyright {font-szie:12px;color:#77787b;text-align:center;background:#e8e9ea;}
#copyright .columns {padding:5px 0;text-align:center !important;}
	#copyright a {color:#77787b;}


/************************************************************************************
FIX LEGACY BROWSERS - Fixes for older browsers
*************************************************************************************/
    
/* IE7 */
.ie7 #header,
.ie7 #navigation,
.ie7 #section-main,
.ie7 #footer,
.ie7 .footerNav,
.ie7 #wrap {min-height:1px;}

/* IE6 - Fix Height bugs */

.ie6 #footer,
.ie6 ul,
.ie6 li {height:1%;}


/************************************************************************************
Mobile Styles
*************************************************************************************/

	/* Mobile menu */
	.mobile-menu-trigger {display:none;text-align:center;}
	.menu-btn {display:none;color:#fefefe;padding:0 25px;cursor:pointer;display:inline-block;font-size:24px;line-height:34px;}
	.menu-btn i {padding-right:7px;}
	.rgba .site-overlay {background-color:rgba(0,0,0,0.3);}
	.mobile-menu {list-style-type:none;margin:0;padding:0;}
	.mobile-menu ul {list-style-type:none;margin:0;padding:0;}
	.mobile-menu li {padding:0;margin:0;}
	
	.pushy{
			position: fixed;
			width: 200px;
			height: 100%;
			top: 0;
			z-index: 9999;
			background: #333332;
			font-size: 0.9em;
			font-weight: bold;
			-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
			-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
			box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
			overflow: auto;
			-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
	}
	
	.pushy a {
			display: block;
			color: #b3b3b1;
			border-bottom: 1px solid rgba(0, 0, 0, .1);
			border-top: 1px solid rgba(255, 255, 255, .1);
			text-decoration: none;
	}
	
	.pushy li a {padding: 15px 30px;}
	.pushy li li a:before {content:'- ';}
	.pushy li li li a:before {content:'-- ';}
	
	.pushy a:hover, .push .viewing > a {
			background: #787b7b;
			color: #FFF;
	}
	
	.pushy-left{
			-webkit-transform: translate3d(-200px,0,0);
			-moz-transform: translate3d(-200px,0,0);
			-ms-transform: translate3d(-200px,0,0);
			-o-transform: translate3d(-200px,0,0);
			transform: translate3d(-200px,0,0);
	}
	
	.pushy-open{
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	}
	
	.container-push, .push-push{
			-webkit-transform: translate3d(200px,0,0);
			-moz-transform: translate3d(200px,0,0);
			-ms-transform: translate3d(200px,0,0);
			-o-transform: translate3d(200px,0,0);
			transform: translate3d(200px,0,0);
	}
	
	.pushy, #container, .push{
			-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
			-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
			-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
			transition: transform .2s cubic-bezier(.16, .68, .43, .99);
			/* improves performance issues on mobile*/
			-webkit-backface-visibility: hidden;
			-webkit-perspective: 1000;
	}
	
	/* Site Overlay */
	
	.site-overlay{
			display: none;
	}
	
	.pushy-active .site-overlay{
			display: block;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 200px;
			z-index: 9999;
	}
	
	
	/* Mobile shop nav */
	#selectCategoryContainer {display:none;padding-bottom:15px;}
		#selectCategoryContainer label {margin-right:5px;vertical-align:middle;font-size:16px;line-height:normal;}
		#selectCategoryContainer select {vertical-align:middle;}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	img {max-width:100%;height:auto;}
	.columns {width:auto;}
    #header {height:auto;}
		.mobile-menu-trigger {display:block;}
		.sf-menu {display:none !important;}
		#content-lhs {float:left;width:30%;}
	    .side-menu li a {font-size:14px;}
		#content td {display:block;width:auto;}
		#content table {display:block;width:100% !important;}
		  #content-rhs {float:left;width:67%;}
		#ss-product-description {float:left;width:400px;}
    #footer-1 {width:23%;padding-right:2%;padding-left:0;}
    #footer-2 {width:23%;padding-right:2%;padding-left:0;}
    #footer-3 {width:23%;padding-right:2%;padding-left:0;}
    #footer-4 {width:25%;padding-right:0;padding-left:0;}
			#footer-4 table {display:block;}
			#footer-4 td {width:100%;float:left;clear:both;}
			#footer-4 img {max-width:100%;width:auto;height:auto;}
	}


	/* Tablet Portrait size to standard 960 (devices and browsers) width = 680px*/
	@media only screen and (min-width: 501px) and (max-width: 650px) {
  .columns {width:auto;}
    #header {height:auto;}
		#content-lhs {float:left;width:37%;}
	    .side-menu li a {font-size:14px;}
		#content-rhs {float:left;width:60%;}
		#ss-product-description {float:left;width:270px;}
    #footer-1 {width:45%;}
    #footer-2 {width:45%;padding:0 0 25px 0;}
    #footer-3 {width:45%;}
    #footer-4 {width:45%;padding:0 0 25px 0;}
	}


	/* Tablet Portrait size to standard 960 (devices and browsers) width = 500px*/
	@media only screen and (min-width: 320px) and (max-width: 500px) {
	#wrapper {background:url('bg_header_mobile.gif') repeat-x 0 0;}
  .columns {min-width:300px;width:auto;}
    #header {height:auto;}
      #logo {float:none;padding-bottom:10px;}
      #header .headerRHS {float:none;padding-bottom:10px;width:100%;text-align:center;}
		#homePageBanner .cycle-slide { height: 290px; }
		#homePageBanner .slideContent { width: 300px; margin: 0px 0px 0px auto; /*top: 130px;*/ top:200px; }
		#homePageBanner .slideContent h2 { font: normal 21px/21px Helvetica, Arial,sans-serif; }
		#content img {max-width:100%;width:100%;height:auto;}
		#content-lhs {float:none;width:100%;margin-right:0;}
	    #content-lhs > ul {display:none;}
			#selectCategoryContainer {display:block;}
			.side-menu li a {font-size:14px;}
		#content-rhs {float:none;width:100%;}
		.ss-product-detail #ss-product-images {float:none;}
		#ss-product-description {float:none;width:100%;}
    #footer-1 {width:99%;padding:0 0 10px 0;}
    #footer-2 {width:99%;padding:0 0 10px 0;}
    #footer-3 {width:99%;padding:0 0 10px 0;}
    #footer-4 {width:99%;padding:0 0 10px 0;}
  	.shopping-cart { position: relative; padding: 0px; }
  			ul.shopping-cart-list li { display: block; margin: 0px; padding: 10px 10px; }
  			ul.shopping-cart-list li.first { display: none; }
				span.sc-list-items a img {width:80px !important;}
				span.sc-iist-qty { width: auto !important; }
				span.sc-list-price {display:none !important;}
	}

img.ui-datepicker-trigger {
	max-width:16px !important;
width:16px !important;
height:auto !important;}

/********************************tables**********************/
.SubPages td {
	display:inline-block;
	margin:10px;
	}