img {
	border: 0;
}

body{
	background: #00004c url(../images/below-bg2.jpg) repeat center top;
	margin: 0;
}
body.poolpro {
	/* background: #0054a5 url("../images/bubble-bg.jpg") repeat-y center top; */
	background: #1e9ada;

}

.header-wrapper {background:#2a398c; }
.poolpro .header-wrapper {
	background: url("../images/headerbg.png") repeat-x top center;
	background-size: cover;
}

.header {
	font-family: 'Archivo Narrow', sans-serif;
	margin: 0 auto;
	width: 1200px;
	height: 150px;
	position: relative;

}

.header h1 {
	position: absolute;
	z-index: 1000;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	text-align: center;
}

.header h1 a img:last-child{
	display: block;
	margin: 0 auto;
}
.poolpro .header h1 a img:first-child {width: 115px;	}
.poolpro .header h1 a img:last-child {width: 170px; }

.header-quick {
	float: right;
	/* margin-top: 6px; */
	overflow: hidden;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.header-quick ul.menu li{position: relative;}
.header-quick ul.menu li:after {
    content: "";
    color: #6098b1;
    right: 0;
    position: absolute;
    top: 7px;
    font-weight: 100;
    font-size: 21px;
    width: 1px;
    height: 19px;
    background: #6098b1;
}
.header-quick ul.menu li:last-child:after{width:0;}

.headerTagLine {
	font-family: 'Archivo Narrow', sans-serif;
	background: url('../images/underline.png?1') no-repeat -10px bottom;
	padding-bottom: 16px;
	color: #F9F400;
	font-size: 24px;
	position: absolute;
	top: 54px;
	left: 199px;
	font-style: italic;
	letter-spacing: 2px;
	font-weight: normal;
}

.header-quick ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float:left;
	/* border-radius: 5px; */
	/* box-shadow: 0px 0px 15px #5098dd; */
}


.header-quick ul:after {
	clear: both;
	content: "";
	display: block;
}

.header-quick li {
	float: left;
}

.header-quick li a {
	text-align: center;
	padding: 9px 15px;
	/* font-family: "Archivo Narrow", sans-serif; */
	font-family:  'Roboto', sans-serif;
	font-weight: 500;
	text-decoration: none;
	/* text-transform: uppercase; */
	color: #ffffff;
	font-size: 14px;
	display: block;
	/* border: 1px solid #fff; */
	background: #1E77A4;
}

/* .header-quick li.quick-cart a,*/
.header-quick li.quick-stockist a {
	background:#155C81
}

.header-quick li.quick-cart a {
	border-radius: 0px 5px 5px 0px;
	width: 110px;
	background: #f6a313;
	border-color: #fff;
	text-shadow: 0px 2px 1px #ef7706;
	border-right:1px solid #fff;
	border-left:0px;
}

/* .header-quick li.quick-stockist a,
.header-quick li.quick-login a {
	text-shadow: 0px 2px 1px #003699;
	width: 135px;
} */

.header-quick li.quick-login a {
	background: #0054a6;
	border-radius: 0px 0px 0px 0px;
}


.header-quick li.quick-login a:hover,
.header-quick li.quick-login a:active,
.header-quick li.quick-login a:focus,

.header-quick li.quick-stockist a:hover,
.header-quick li.quick-stockist a:active,
.header-quick li.quick-stockist a:focus {
	background: #00bcf0;
	border-color: #00bcf0;
}

.header-quick li a span.cart-icon,
.header-quick li a span.member-icon {
	font-family: FontAwesome;
	margin-right: 10px;
}

@media screen and (max-width: 580px) {

	div#main-tile .row .col-3{width: 49% !important }
}
@media screen and (max-width: 400px) {
.header-quick li a {padding: 9px 6px}
#fancybox-content a {padding: 5px 7px}
}

.header-info {
	position: absolute;
	bottom: 50px;
	right: 0;
}

.info-tel {
	display: none;
	margin-top: 3px;
	float: left;
	color: #f9f400;
	font-size: 29px;
	text-shadow: 0px 1px 1px #072d7c;
}

.info-tel span.call-icon {
	font-family: FontAwesome;
	margin-right: 15px;
}
.info-tel span.bar {
	margin: 0 10px;
}
.info-search {
	float: right;
	margin-left: 20px;
}
.search-input {
	padding: 10px 70px 10px 10px;
	width: 200px;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	border: 2px solid #1E77A4;
	color:#1E77A4;
	font-weight: bold
}




.search-submit {
	cursor: pointer;
	font-family: FontAwesome;
	background: #fff;
	font-size: 14px;
	position: absolute;
	border: 0;
	right: 8px;
	top: 50%;
	margin-top: -10px;
	color: #646363;
}
.gnb-wrapper {
	background: url("../images/gnb-nav.png") repeat-x bottom center;
}

.gnb {
	font-family: 'Archivo Narrow', sans-serif;
	margin: 0 auto;
	width: 960px;
}

.gnb ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

.gnb li {
	float: left;
}

.gnb li {
	background: url("../images/nav-bar.png") no-repeat right center;
}
.gnb li.last {
	background: transparent;
}
.gnb li a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	padding: 13px 22px 13px;
	display: block;
	text-shadow: 0px 2px 1px #072d7c;
}

.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus {
	background: url("../images/gnb-nav-hover.png") repeat-x bottom center;
}

.gnb:after,
.gnb ul:after {
	clear: both;
	content: "";
	display: block;
}


.hero-wrapper {
	/*background: url("../images/hero-bg.jpg") no-repeat center top;*/
	background:#0054A5;
	position: relative;

}
.ie7 .hero {
z-index:1000;
}

.hero {
    position: relative;
    height: 400px;
    width: 960px;
    margin: 0 auto;
}

.hero-slider {
	position: absolute;
	width: 100%;
	overflow:hidden;
	left: 0;
	top: 0;
	height: 360px;
}
.hero-slider a{
	width:100%;
	height:100%;
	display:block;
}
.hero-slider img {
	position: absolute;
	/*left: 50%;*/
	margin:0px auto;
	/*margin-left: -650px;*/
}

.pcat-ach {
	color: #1677b3;
	text-decoration:underline;

}



.hero-section {
    position: absolute;
    padding: 20px;
    width: 500px;
    left: 0;
	top: 78px;
	z-index: 1000;
    background: #0b57a1;
    background: rgba(11,87,161,0.9);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	text-align: center;
}
.hero-title {
	font-family: helvetica, arial, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 15px;
	color: #FFF;
}
.hero-title strong {
    color: #f9f400;
}
.hero-desc {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #F9F400;
}
.hero-search {
    position: relative;
    margin-top: 20px;
}
.hero-search-input {
    border: 0;
    border-radius: 5px;
	padding: 11px;
	font-size: 16px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	margin: 0;
}
.ie7 .hero-search-input {
	padding: 11px 0;
}
.hero-search-submit {
	cursor: pointer;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	color: #ffffff;
	background: #052f51 url("../images/btn-bg.png") repeat-x top center;
	padding: 13px 20px;
	border: 0;
	font-size: 13px;
	border-radius: 0 5px 5px 0;
	text-transform: uppercase;
	height: 40px;
}
.hero-search-submit:active,
.hero-search-submit:focus {
	margin-top:1px;
}
.hero-media {
	position: absolute;
	right: 0;
	top: 30px;
}

.sub-hero-wrapper {
	/*background: url("../images/hero-bg.jpg") no-repeat center;*/
	margin-bottom: 10px;

}
.sub-hero {

		/*background: url("../images/hero-bg.jpg") no-repeat center;*/
		background: url("../images/signature-range-top-website-image.jpg") no-repeat center;
    position: relative;
    height: 140px;
	width: 960px;
    margin: 0 auto;
}

@media only screen and (min-width: 1200px) {
	div.sub-hero {
		width: 1200px;
		height: 190px;
		background-size: 1200px 190px;
	}
}

.sub-hero img {
	display: none;
}

.postcode-exists .sub-hero img {
	display: block;
}


.horizontal-tab {
	overflow: hidden;
}

.horizontal-tab ul {
	list-style: none;
	margin: 0 auto;
	margin-top: -5px;
	width: 965px;
	padding: 0;
	background: url("../images/white-sub-bg.png") no-repeat center bottom;
}

.horizontal-tab ul:after {
	clear:both;
	content: "";
	display: block;
}

.horizontal-tab li {
	float: left;
}

.horizontal-tab li a {
	font-size: 20px;
    font-family: 'Archivo Narrow', sans-serif;
    text-decoration: none;
    color: #063356;
	padding: 12px 25px;
	display: block;
	background: url("../images/nav-bar-white.png") no-repeat right center;
}

.horizontal-tab li:first-child a {
	border: 0 0 5px 5px;
}
.horizontal-tab li a:hover,
.horizontal-tab li a:active,
.horizontal-tab li a:focus {
	color: #fff;
	background: #0091e6 url("../images/tab-hover.png") repeat-x center top;
}

.horizontal-tab li.promo {
	width: 131px;
	float: right;
}
.horizontal-tab li.promo a {
	background: #F6A313;
	text-shadow: 0px 2px 1px #EF7706;
	color: #fff;
	border-radius: 0 0 5px 0;
}


#sub-tab {
	margin-bottom: 10px;
}

#sub-tab ul {
	margin-top: 0px;
	background: url("../images/white-sub-bg-round.png") no-repeat center bottom;
}
#sub-tab li.promo a {
	border-radius: 0 5px 5px 0;
}

.row {

}

.row:after {
	clear:both;
	content:"";
	display: block;
}
.col-3, .col-9 , .col-4, .col-3-sub {
	float:left;
	margin: 0 5px;
}
#product-list .col-3 {
	height: 290px;
}

.col-3 {
	width: 287px;
}
.col-4 {
	width: 369px;
}
.col-9 {
	width: 875px;
}

.col-3-sub {
	width: 259px;
}


/* product page */

.browse-view .row{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	/* margin: 0 -7px; */
}
.browse-view .width32{
	/* flex: 1;
    width: auto;
	min-width: 180px;
	margin-bottom: 13px;
	margin-right: 7px;
	margin-left: 7px; */
	width: 25%;
}



/*
.width32 {width: 23.9%; margin-bottom: 13px;}
.width32:nth-child(4n){margin-right:0} */
.container {
	margin: 0 auto;
	width: 1200px;
}

#main-tile .row {
	margin-top: 15px;
}

#main-tile .row .image {
	text-align: center;
}
.category-tile{
	padding: 0 10px;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	margin: 0 -5px 15px;
}
.category-tile:after{
	content: "";
    background: #025eaf85;
    width: 80%;
    height: 1px;
    margin: 0 auto;
}
.category-tile .col-3{
	margin: 5px;
	margin-bottom: 15px;
	min-width: 291px;
	/* flex:1; */
}
#main-tile.category-tile .col-3 .col-inner{
	padding: 15px;
	position: relative
}
.category-tile .col-3 h2{
	letter-spacing: -.5px;
	font-family: "Archivo Narrow", sans-serif;
    color: #063356;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}
.category-tile .col-3 h5{text-align: center;margin:5px auto;}
.category-tile .col-3 span.no-text ,
.category-tile .col-3 span.no-text p{font-size: 0 !important;}

.category-tile .col-3 span.right-arrow{
	text-align: right;
    /* display: block; */
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    bottom: 15px;
}

a.detail-btn {
	font-family: "Archivo Narrow", sans-serif;
	background: #052f51 url("../images/btn-bg.png") repeat-x center center;
	color: #fff !important;
	font-size: 13px;
	padding: 5px 13px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
}

#main-tile .col-3 {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}

#main-tile h2 {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#main-tile h2 a {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
}


#main-tile  p {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 14px;
	width: 95%;
}

#main-tile.category-tile  p {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 14px;
	/* width: 95%; */
	margin: 0;
}
#main-tile.category-tile  .col-3{border:3px solid #F6A313; box-sizing: border-box}
#main-tile.category-tile  .col-inner{border:0 !important;}
#main-tile.category-tile img{
	width: 100%;
    max-width: 100px;
    margin: 0 auto 21px  ;
    position: relative;
    display: block;
}

#main-tile .col-inner {
	padding: 0px 10px 5px;
	border-radius: 3px;
	border: 4px solid transparent;
}

#main-tile .col-inner:hover {
	border: 4px solid #F6A313;
}

#product-list {
	width: auto;
}

#product-list .row {
	margin: 10px 0;
}

#product-list .row .image {
	text-align: center;
}

#product-list .row .col-3-sub .image img {
	width: inherit;
	height: auto;
}

#product-list .col-4,
#product-list > .row > div {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}

.col-3-sub {
	position: relative;
	text-align: center;
}

.col-3-sub .col-inner {

	border-radius: 3px;
	border: 5px solid #Ffffff;

}

.col-3-sub .col-inner:hover {
	border: 5px solid #F6A313;
}

.col-3-sub .detail-btn {
	position: absolute;
	bottom: 10px;
	left: 50%;
	font-size: 13px;
	margin-left: -44px;
}

#product-list h2 {
	line-height: 0.8;
	margin: 0;
	padding: 0;
}

#product-list p {
	min-height: 84px;
}

#product-list h2 a {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	min-height: 48px;
	display: block;
	line-height: 1.4;
	padding-top: 10px;
}

#product-list p {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 15px;
	text-align: left;
}


#product-list .col-inner {
	padding: 0px 10px 5px;
}


.full-column {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}
.content .item-page {
	padding: 10px;
	position: relative;
	font-family: "Archivo Narrow", sans-serif;
	color: #08477a;
}
.content .item-page h1,
.content .item-page h2,
.content .item-page h3,
.content .item-page h4,
.content .item-page h5 {
	font-family: "Archivo Narrow", sans-serif;
	color: #08477a;
}

.content-footer-nav {
	position: relative;
	/* left: -10px; */
}


.content-footer-nav .col-3 {
	width: 222px;
}

.content-footer-nav .col-3 {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border: 4px solid #Ffffff;
}

.content-footer-nav .col-3:hover {
	border: 4px solid #F6A313;
}

.content-footer-nav .col-inner {
	/* padding-left: 120px; */
	text-align: center;
	padding-right: 15px;
}

.content-footer-nav h2 {
	margin: 10px 0;
	line-height: 17px;
	font-weight: normal;
	padding-top: 5px;
}

.content-footer-nav .col-3 img {
	/* position: absolute;
	left: 12px;
	bottom: 10px; */
    float: left;
    padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	max-height: 85px;
}

.content-footer-nav h2 a {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}

.content-footer-nav h2 span {
	color: #0094e6;
}
.content-footer-nav .detail-btn {
	font-size: 10px;
	padding: 5px 8px;
	background: #0090e6 url("../images/detail-btn-bg.png") repeat-x top;
}
.content-footer-nav .col-inner {
	padding-bottom: 20px;
	position: relative;
}

.colophon-wrapper {
	margin-top: 20px;
	background: #2a2a2a url("../images/footer-bg.png") repeat-x top center;
}

.colophon {
	color: #777777;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 14px;
}

.colophon ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#colophon-nav li {
	float: left;
	width: 23.5%;
	margin-right: 10px;
	margin-bottom: 15px;
	background: url("../images/footer-bullet.png") no-repeat left center;
}

#colophon-nav li a {
	padding-left: 10px;
}

.colophon a {
	color: #777777;
	text-decoration: none;
}

.colophon a:hover,
.colophon a:active,
.colophon a:focus {
	color: #1677b3;
}

.colophon h3 {
	font-family: "Archivo Narrow", sans-serif;
	font-size: 16px;
	color: #1677b3;
}

.sep-border {
	border-top: 1px solid #1e1c1c;
	margin-top: 10px;
}
.sep-border-inner {
	border-top: 1px solid #343232;
	padding: 20px 0;
}

.bullet-address,
.bullet-email,
.bullet-phone {
	background: url("../images/footer-contact-icon.png") no-repeat left;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px 0 5px 30px
}

.bullet-address {
	background-position: top left;
}
.bullet-email {
	background-position: center left;
}
.bullet-phone {
	background-position: bottom left;
}

#payment-option,
#find-us-on {
}

#payment-option h3,
#find-us-on h3 {
	float: left;
	margin: 4px 0;
}

#payment-option li {
	float: left;
	margin-left: 10px;
}

.copyright-wrapper {
	background: #000;
}

.copyright {
	padding: 15px 0;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 14px;
	color: #777777;
}

.copyright .col-3 {
	text-align: right;
}

.copyright .col-3 a {
	color: #777777;
	text-decoration: none;
}
.copyright .col-3 a:hover,
.copyright .col-3 a:active,
.copyright .col-3 a:focus {
	color: #1677b3;
}
.social {
	margin-left: 10px;
	background: url("../images/social-icon.png") no-repeat;
	display: block;
  background-size: 90px 85px;
	width: 25px;
	height: 25px;
	float: left;
}

.social span {
	position: absolute;
	top:-300em;
}
.social-twitter {
  background-position: center -30px;
}
.social-instagram {
  background-position: -2px -2px;
}
.social-youtube {
  background-position: -63px -58px;
}
.social-facebook {
  background-position: -32px -2px;
}

.content-wrapper {
	margin: 0 auto;
	width: 1200px;
}

.left-column {
	background: #e0eaf4;
	background: -moz-linear-gradient(top,  #e0eaf4 0%, #abcff2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0eaf4), color-stop(100%,#abcff2));
	background: -webkit-linear-gradient(top,  #e0eaf4 0%,#abcff2 100%);
	background: -o-linear-gradient(top,  #e0eaf4 0%,#abcff2 100%);
	background: -ms-linear-gradient(top,  #e0eaf4 0%,#abcff2 100%);
	background: linear-gradient(to bottom,  #e0eaf4 0%,#abcff2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf4', endColorstr='#abcff2',GradientType=0 );


	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	float: left;
	width: 266px;
}

.main-column {
	font-family: "Archivo Narrow", sans-serif;
	background: #e0eaf4;
	background: -moz-linear-gradient(top,  #e0eaf4 0%, #abcff2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0eaf4), color-stop(100%,#abcff2));
	background: -webkit-linear-gradient(top,  #e0eaf4 0%,#abcff2 100%);
	background: -o-linear-gradient(top,  #e0eaf4 0%,#abcff2 100%);
	background: -ms-linear-gradient(top,  #e0eaf4 0%,#abcff2 100%);
	background: linear-gradient(to bottom,  #e0eaf4 0%,#abcff2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf4', endColorstr='#abcff2',GradientType=0 );


	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	float: right;
	width: 925px;
	min-height: 680px;
}

.left-column h1 {
	margin: 0;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding: 20px;
	background: #F6A313;
	text-shadow: 0px 2px 1px #EF7706;
	font-weight: normal;
	border-radius: 3px;
}

.left-column .menu-category,
.left-column .menu-user {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
.left-column .menu-category .menu-category {
	padding-top: 15px;
	background: url("../images/category-menu-hover.png") repeat-x left -41px;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.left-column .menu-category li a,
.left-column .menu-user li a {
	padding: 15px 20px;
	display: block;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #565656;
}

.left-column .menu-category li,
.left-column .menu-user li {
	background: url("../images/category-bar.png") no-repeat bottom center;
}

.left-column .menu-category li.active {
	background: #999999 url("../images/category-menu-inner-bg.png") repeat-x bottom center;
}
.left-column .menu-category li.active a {
	padding-bottom: 11px;
	padding-top: 11px;
	color: #fff;
}

.left-column .menu-category li.active li a {
	padding: 5px 20px 5px 50px;
	margin-top: 0;
	margin-bottom: 0;
}
.left-column .menu-category li.active li a:hover,
.left-column .menu-category li.active li a:active,
.left-column .menu-category li.active li a:focus {
	background: #797979;
}

.left-column .menu-category li.active div {
	background: url("../images/category-menu-hover.png") repeat-x top center;
}

.left-column .menu-category li.active li div,
.left-column .menu-category li li {
	background: transparent;
}

.left-column  .menu-category > li > div:hover {
	background: url("../images/hover-bar.png") repeat-x top center;
}

.left-column  .menu-category > li > div:hover a {
	color: #fff;
}

.left-column > .menu-user > li:hover {
	background: url("../images/hover-bar.png") repeat-x top center;
}

.left-column > .menu-user > li:hover a {
	color: #fff;
}

.left-column .menu-category li .menu-category {
	display: none;
}
.left-column .menu-category li.active .menu-category {
	display: block;
}
.left-column .menu-category .menu-category .menu-category {
	background: #333;
	padding-top: 7px;
}
.left-column .menu-category .menu-category .menu-category a {
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	padding-left: 60px;
}
.left-column .menu-category li .menu-category li .menu-category {
	display: none;
}
.left-column .menu-category li .menu-category li.cactive .menu-category {
	display: block;
}
.left-column .menu-category li.gactive a {
	color: #f9f400;
}

.left-column .menu-category li.active li.cactive li a:hover,
.left-column .menu-category li.active li.cactive li a:active,
.left-column .menu-category li.active li.cactive li a:focus {
	background: #222222;
}
.widget-box {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	margin: 12px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	position: relative;
	border: 4px solid #Ffffff;
}

.widget-box:hover {
	border: 4px solid #F6A313;
}
.widget-box h2 {
	line-height: 0.85;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}

.widget-box h2 a {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}
.widget-box h2 a span {
	color: #0090e6;
}

.widget-box p {
	font-family: "Archivo Narrow", sans-serif;
	color: #063356;
	font-size: 14px;
}

.widget-box .detail-btn {
	font-size: 10px;
	background: #0090e6 url("../images/detail-btn-bg.png") repeat-x top;
}

.widget-box .widget-inner {
	padding: 25px 10px;
	padding-left: 120px;
}

.widget-box img {
	position: absolute;
	left: 17px;
	top: 15px;
}


/* virtuemart part */

.productdetails-view-head {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	margin: 12px;
	padding: 10px;
	font-family: "Archivo Narrow", sans-serif;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	position: relative;
	font-size: 15px;
}

.productdetails-view h1 {
	font-family: "Archivo Narrow", sans-serif;
	color: #08477a;
	font-size: 22px;
}

.productdetails-view-head .floatright h1,
.productdetails-view-head .floatright .product-description {
	padding-left: 15px;
}

.productdetails-view-head .floatright .product-description {
	color: #565656;
}

.back-to-category,
.productdetails-view .icons,
.ask-a-question {
	display: none;
}

.productdetails-view .spacer-buy-area {
	padding: 0;
}

.productdetails-view-addtocart .addtocart-postcode-area-spinner {

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );
}

.productdetails-view-addtocart .addtocart-company-area,
.productdetails-view-addtocart .addtocart-area,
.productdetails-view-addtocart .addtocart-postcode-area-spinner {

	border-radius: 3px;
	margin: 12px 0;
	padding: 10px 0;
	font-family: "Archivo Narrow", sans-serif;
	position: relative;
	font-size: 15px;
}
.productdetails-view-addtocart .addtocart-company-area {
	padding: 13px;
}

.productdetails-view-addtocart .addtocart-postcode-area,
.search-postcode-area {

	background: #ffffff;

	border-radius: 3px;
	margin: 12px 0;
	padding: 10px;
	font-family: "Archivo Narrow", sans-serif;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	position: relative;
	font-size: 15px;
}

.addtocart-postcode-area-spinner {
	display: none;
}

.search-postcode-area,
.productdetails-view-addtocart .addtocart-postcode-area {
	padding: 20px;
	background: #0B57A1;
	background: rgba(11, 87, 161, 0.9);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
	text-align: center;
}

.addtocart-company-area h1,
.search-postcode-area p {
	font-family: "Archivo Narrow", sans-serif;
	text-transform: uppercase;
	color: #006699;
}
.search-postcode-area p {
	color:#F9F400;
}
.search-postcode-area p {
	text-align: center;
	font-weight: bold;
}

.addtocart-postcode-area-postcode-title {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #F9F400;
	margin-top: 0;
}

.addtocart-postcode-area-postcode-desc {
	font-family: helvetica, arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #FFFFFF;
}
.addtocart-postcode-area-postcode-desc strong {
	color: #F9F400;
}

.search-postcode-area p {
	font-size: 40px;
}
.addtocart-company-area h1 {
	font-size: 24px;
	font-weight: normal;
}

.productdetails-view-addtocart .addtocart-postcode,
.search-stockist {
	position: relative;
	margin: 0 auto;
	padding-bottom: 20px;
}

.productdetails-view-addtocart .addtocart-postcode {
}
.search-stockist {
	width: 510px;
}

.addtocart-postcode-input-wrapper,
.search-input-wrapper {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	text-align: left;
}
.addtocart-postcode-input-wrapper-loading {
	background: #ffffff url("../images/ajax-loader.gif") no-repeat 130px center;
}

.spinner {
	background: url("../images/ajax-loader.gif") no-repeat center center;
}

.addtocart-company-row {
	color: #333333;
	clear: both;
	line-height: 1.5;
	text-transform: uppercase;

}
.addtocart-company-row +
.addtocart-company-row {

	margin-top: 35px;
	padding-top: 20px;
	border-top: 1px solid #DDD;
}

.addtocart-company-row a {
	color: #333333;
	text-decoration: none;
}

.company-map-wrapper {
	float: right;
	width: 360px;
	text-align: center;
	text-transform: none;
}
.company-map-wrapper:after {
	content: '';
	display: block;
	clear: both;
}

.company-map {
	line-height: 1;
	border: 1px solid #a3c9dd;
	border-radius: 3px;
	padding: 1px;
	font-size: 0;
	margin: 0;
}


.addtocart-nav {
	clear: both;
	padding-top: 15px;
	text-align: center;
	padding-bottom: 15px;

}

.addtocart-nav p {
	font-size: 20px;
	padding-top: 20px;
	border-top: 1px solid #dddddd;
	font-weight: bold;
	font-family: "Archivo Narrow", sans-serif;
	text-transform: uppercase;
	color: #006699;
	text-shadow: 1px 1px 3px #ffffff;
}

.addtocart-postcode-area {
	display: none;
}
.addtocart-company-area {
	display: none;
}

.company-name {
	font-weight: bold;
}

#addtocart-postcode-input,
#search-input {
	border: 0;
	background: transparent;
	font-size: 16px;
}

#addtocart-postcode-input {
	width: 63%;
}

#search-input {
	width: 80%;
}

#addtocart-category-submit,
#search-submit {
	cursor: pointer;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	color: #ffffff;
	background: #052f51 url("../images/btn-bg.png") repeat-x top center;
	padding: 14px 20px;
	border: 0;
	font-size: 13px;
	border-radius: 0 5px 5px 0;
	text-transform: uppercase;
}

.ie7 #search-submit {
	width: 100px !important;
}

.postcode-change-btn,
.enquiry-btn {
	cursor: pointer;
	margin: 0 auto;
	color: #ffffff !important;
	background: #052f51 url("../images/btn-bg.png") repeat-x top center;
	padding: 5px 10px;
	border: 0;
	font-size: 12px;
	border-radius: 5px;
	font-style: normal;
	text-transform: uppercase;
}


.dangerous-enquiry-link,
.bulk-enquiry-link,
.storeonly-enquiry-link,
.price-na-enquiry-link {
	background: #F09F00 url("../images/addtocart-btn-bg.png") top repeat-x;
	background-position: top;
	color: #FFF;
	border: solid #CBAC00 1px;
}

.addtocart-description {
	color: #333333;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	line-height: 1.3;
}
.addtocart-description p {
	font-style: italic;
}
.addtocart-area form {
}

.addtocart-bar-row {
	clear: both;
	padding: 10px;
	text-align: center;
}

span.calcPrice {
	display: block;
	padding: 14px;
}
span.calcPriceText {
	font-size: 24px;
	font-family: arial;
	color: #555555;
	text-shadow: 0px 1px 3px #ffffff;
}

span.addtocart-button input.addtocart-button,
span.addtocart-button input.notify-button {
	width: 130px;
	background: #f09f00 url("../images/addtocart-btn-bg.png") top repeat-x;
	background-position: top;
	color: #fff;
	border: solid #cbac00 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 18px;
	cursor: pointer;
	height: 38px;
	text-align: center;
	letter-spacing: 0;
	padding: 4px 5px;
	font-weight: bold;
	text-shadow: 0px 1px 2px #ec8500;
	box-shadow: 0px 1px 2px #8da5bb;
}
span.addtocart-button {
	width: 93px;
	float: none;
}

.addtocart-button-area {
	padding-bottom: 10px;
}

span.checkout-button input.checkout-button,
span.checkout-button input.notify-button {
	width: 80px;/*
	background: #f09f00 url("../images/checkout-btn-bg.png") top repeat-x;
	background-position: top;
	color: #555555;*/
	background: #052F51 url("../images/btn-bg.png") repeat-x top center;
	color: #ffffff;
	border: solid #052F51 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	height: 30px;
	text-align: center;
	letter-spacing: 0;
	padding: 4px 5px;
	font-weight: bold;
	text-shadow: none;
	box-shadow: 0px 1px 2px #8da5bb;
}
span.quantity-box {
	padding: 10px;
	text-align: center;
	float: left;
	display: block;
	width: 30%;
	margin-right: 15px;
	border-right: 1px solid #7cbcd6;
}
.quantity-controls {
	display: none;
}
.addtocart-bar {
	background: #a8c5e0 url("../images/price-box-bg.png") repeat-x top left;
	border: 1px solid #7ec4d8;
	border-radius: 5px;
}

.productdetails-view .addtocart-bar {
	margin: 15px 0 0;
	padding: 0px;
}

.addtocart-bar input.quantity-input {
	height: auto;
	background: #ffffff !important;
	width: 40px;
	font-family: arial;
	color: #555555;
	font-size: 24px;
	font-weight: normal;
	border: 1px solid #555555;
}

.addtocart-bar-row-control {
	margin-top: 25px;
	padding: 0;
	background: #d1e3f4;
	border: 1px solid #7cbcd6;
	border-left: 0;
	border-right: 0;
	box-shadow: 0px 1px 1px #ffffff;
	position: relative;
}

.addtocart-label {
	position: absolute;
	top: -20px;
	font-size: 12px;
	color: #0054a5;
	font-family: arial;
	background: url("../images/bottom-arrow.png") no-repeat 5px bottom;
	padding-bottom: 12px;
}
.addtocart-bar-row-control:after {
	clear: both;
	content: '';
	display: block;
}

.breadcrumbs {
	padding: 10px;
	padding-bottom: 0;
}
.breadcrumbs,
.breadcrumbs a {
	font-size: 11px;
	color: #ff9900 !important;
	font-family: arial;
	text-decoration: none;
	font-weight: bold;
}
div.contact {
	padding: 10px;
}

.category-header {
	position: relative;
	font-family: "Archivo Narrow", sans-serif;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	padding: 10px;
	margin: 10px;
	overflow: hidden;
	height: 120px;
	position: relative;
}
.category-header .fade {
	height: 30px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('../images/fade.png') repeat-x bottom left;
	text-align: center;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 3;
	text-shadow: 1px 1px 2px #fff;
}

.category-header.active {
	overflow: visible;
	height: auto;
}
.category-header.active .fade {
	display: none;
}

.category-header h1 {
	font-family: "Archivo Narrow", sans-serif;
	font-size: 20px;
	color: #08477a;
	font-weight:normal;
	text-transform: uppercase;
	margin: 0;
}

.category-header p {
	font-weight: normal;
	color: #565656;
	font-size: 16px;
	line-height: 1.4;
}

.category-header .image {
	position: absolute;
	right: 10px;
	top: -20px;
	background: url("../images/category-image-bg.png") no-repeat center top;
	width: 144px;
	height: 144px;
	text-align: center;
}

.browse-view {
	padding: 0 5px;
}

.product-container {
	margin: 7px;
	position: relative;
	min-height: 295px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	padding: 10px;
	text-align: center;
}

.product-container h2 {
	line-height: 1;
	margin: 10px 0;
}
.product-container h2 a {
	font-size: 18px;
	text-decoration: none;
	color: #08477a;
}


.product-container p {
	color: #08477a;
	text-align: left;
	margin: 0;
}
.product-container .product_s_desc {
	margin: 6px 0 13px;
	font-size: 14px;
}
.product-container .product-meta {
	position: absolute;
	bottom: 12px;
}
.product-list-image-wrapper {
	display: table;
	width: 100%;
}
.product-list-image {
	display: table-row;
	height: 88px;
	overflow: hidden;
}
.product-list-image a {
	display: table-cell;
	vertical-align: middle;
}
/* .vertical-separator {
	margin-right: 13px;
} */
.horizontal-separator {
	background:transparent;
}

.content a,
.cart-view a {
	text-decoration: none;
	color: #0055BB;
}
a.product-details {
	font-family: "Archivo Narrow", sans-serif;
	background: #052f51 url("../images/btn-bg.png") repeat-x center center;
	color: #fff;
	font-size: 13px;
	padding: 5px 13px;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
}

a.product-details:hover,
a.product-details:focus,
a.product-details:active {
	color: #fff;
	background: #052f51 url("../images/btn-bg.png") repeat-x center center;
	background-position: top center;
}



.vm-pagination {
	text-align: center;
}

.vm-pagination ul {
	list-style: none;
	display: inline-block;
	padding: 3px;
	border: 1px solid #4396cc;
	border-radius: 3px;
	background: #a2bcd7;
	box-shadow: 0px 2px 0px #b8d0e6;
}

.vm-pagination li {
	float: left;
	margin-right: 3px;
}

.vm-pagination li.pagination-end {
	margin-right: 0;
}

.vm-pagination li {
	display: block;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}

.vm-pagination .pagenav {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	color: #444444;
	text-shadow: 0px 1px 0px #FFFFFF;
}

.vm-pagination span.pagenav {
	color: #1a77e0;
}

.pagination-start .pagenav,
.pagination-prev .pagenav,
.pagination-next .pagenav,
.pagination-end .pagenav {
	width: 15px;
	text-indent: -3000em;
	overflow: hidden;
	display: inline-block;
}
.pagination-prev .pagenav,
.pagination-next .pagenav {
	background:url("../images/nav-arrow.png") no-repeat 14px 6px;
	padding: 3px 11px 4px;
}
.pagination-next .pagenav {
	background-position: -47px 6px;
}

.vm-pagination li.pagination-start,
.vm-pagination li.pagination-end {
	display: none;
}

.pagination-meta {
	font-size: 12px;
	color: #333;
}
#form-login {
	padding: 15px 20px;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border: 0;
	margin-bottom: 20px;
	color: #565656;
	font-size: 16px;
	line-height: 1.5;
}
#form-login input {

	font-family: "Archivo Narrow", sans-serif;
	background: #052f51 url("../images/btn-bg.png") repeat-x center center;
	color: #fff;
	font-size: 13px;
	padding: 5px 13px;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
}
.main-column .item-page,
.main-column .cart-view {
	margin: 10px;
	padding: 5px 10px;
	background: #f0f6fb;
	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	color: #565656;
	font-size: 16px;
	line-height: 1.5;
}

#system-message > .message > ul {
	margin: 0 10px;
	border: 1px solid;
	border-radius: 10px;
	background-position: 7px 8px;
}
fieldset {
	border: 0;
	padding: 0;
}

fieldset.userdata {
	padding: 5px 20px;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border: 0;
	margin-bottom: 20px;
	color: #565656;
	font-size: 16px;
	line-height: 1.5;
}
fieldset.userdata p {
	margin: 5px 0;
}

div.customer-comment {
	text-align: left;
}

textarea.customer-comment {

	width: 620px;
	height: 100px;
}

.checkout-button-top {
	padding: 15px 0;
}

.cart-summary th {
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	padding: 5px !important;
}

.cart-summary td {
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	padding: 5px !important;
}

.customerdetail,
fieldset.customerdetail,
.customerdetail fieldset.userdata {
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
}
.userdetail-meta {
	border-top: 1px solid #ddd;
	margin: 15px 0;
	padding: 10px 0;
}
#userForm h1 {

}

.buttonBar-right  .vm-button-correct,
#checkoutForm .vm-button-correct,
.control-buttons .vm-button-correct,
.control-buttons .default,
input.default,
.magic-button {
	font-family: "Archivo Narrow", sans-serif;
	cursor: pointer;
	background: #052f51 url("../images/btn-bg.png") repeat-x center center;
	color: #fff;
	font-size: 13px;
	padding: 5px 13px;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	display: inline-block;
}

.magic-button-orange {
	background: #F6A313 url("../images/btn-bg-orange.png") repeat-x center center !important;
}
.company-email {
	padding-top: 0px;
	padding-bottom: 15px;
}
.magic-button-orange-big,
a.magic-button-orange-big {
	background: #f09f00 url("../images/addtocart-btn-bg.png") top repeat-x;
	background-position: top;
	color: #fff;
	border: solid #cbac00 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	height: 38px;
	text-align: center;
	letter-spacing: 0;
	padding: 4px 5px;
	font-weight: bold;
	text-shadow: 0px 1px 2px #ec8500;
	box-shadow: 0px 1px 2px #8da5bb;
}
.terms-of-service a {
	color: #000;
	margin-right: 15px;
	font-size: 13px;
	font-family: helvetica, arial, sans-serif;
}

.section-title {
	padding: 15px;
	font-size: 20px;
	font-family: "Archivo Narrow", sans-serif;
	color: #08477a;
	margin-bottom: 0;
}
.control-buttons {
	margin: 0 10px;
	padding: 15px 20px;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border: 0;
	margin-bottom: 20px;
	color: #565656;
	font-size: 16px;
	line-height: 1.5;
	text-align: center !important;
}
.control-buttons button.default {
	margin-left: 0;
	margin-right: 0;
	padding: 7px 13px;
}

.ie7 .control-buttons button.default {
	padding: 3px 13px 4px;
}
.ie8 .control-buttons button.default {
	padding: 5px 13px 5px;
}
.control-buttons .text-section {
	padding-bottom: 10px;
}

.f-section fieldset,
.userfields-section,
.done-section,
.box-section,
.virtuemart_search {
	position: relative;
	padding: 10px;
	margin: 0 10px;
	padding: 15px 20px;
	background: #f0f6fb;
	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border: 0;
	margin-bottom: 20px;
	color: #565656;
	font-size: 16px;
	line-height: 1.5;
}

.done-section .done-section,
.box-section .done-section,
.item-page .done-section {
	background: #feffff;
}
.postcode_notice_container {
	margin: 0;
	padding: 5px;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border: 0;
	color: #565656;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
}
.done-section .userfields-section {
	margin: 0;
}

.done-section .section-title {
	padding: 0;
	padding-bottom: 15px;
}
.done-section .login-fields label {
	width: 160px;
	display: block;
	float: left;
}


.done-section dl dt {
	float: left;
	/*@todo*/
}

.login-fields {
	clear: both;
}
.login-fields:after {
	clear: both;
	content:"";
	display: block;
}

.output-shipto,
.output-billto {
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
}

.userfields-section h3 {
	margin: 0;
}
.shop-content {
	padding-left: 10px;
	padding-right: 10px;
}
.shop-content .userfields-section,
.shop-content .control-buttons,
.shop-content .customerdetail-comingback {
	margin-left: 0px;
	margin-right: 0px;
}

.shop-content .customerdetail-comingback {
	padding-left: 0;
	padding-right: 0;
}


.userfields-section .user-details {
	margin-bottom: 30px;
}
.tip-wrap {
	font-size: 13px;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf2f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf2f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#edf2f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf2f9',GradientType=0 );

	font-family: helvetica, arial, sans-serif;
}
.tip-title {
	font-weight: bold;
}

#fancybox-content h1,
#fancybox-content h2,
#fancybox-content h3,
#fancybox-content h4 {
	font-size: 14px;
}
#fancybox-content {
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
}

#fancybox-content a {
	font-family: "Archivo Narrow", sans-serif;
	background: #052f51 url("../images/btn-bg.png") repeat-x center center;
	color: #fff;
	font-size: 13px;
	padding: 5px 13px;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	display: inline-block;
}

.actions {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	right: 10px;
	top: 10px;
}

.contact-info {
/*	float: left;
	width: 34.5%;*/
	display: none;
}
.contact-forms {/*
	float: right;
	width: 65.5%;*/
}
.contact-form dl dt {
	float: none;
	margin: 4px 0;
}
.contact-form dl dd {
	float: none;
	margin: 0;
}
.contact-area:after {
	clear: both;
	content: "";
	display: block;
}

/* zoom list */
.header-quick,
.header-quick ul,
.horizontal-tab ul,
.gnb,
.gnb ul,
.colophon ul,
.addtocart-bar-row-control {
	zoom: 1;
}

.mobile {
	display: none;
}


.mobile-drawer {
	display: none;
}

.enquiry-form table td {
	padding: 3px;
}
.enquiry-form table input {
	font-size: 13px;
	box-sizing: border-box;
	width: 96%;
	padding: 2px;
}
.enquiry-form table textarea {
	font-size: 13px;
	width: 96%;
	box-sizing: border-box;
	height: 200px;
	padding: 2px;
}

.enquiry-form h1 {
	font-family: "Archivo Narrow", sans-serif;
	color: #08477a;
	font-size:24px;
}


.process-section {
	margin: 0 15px;
	position: relative;
	padding-top: 8px;
	padding-bottom: 10px;
}
.process-step {
	margin-left: -5px;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #0054a5;
	border-radius: 50%;
	top: 9px;
	background: #4e9ec8;
}
.process-section-wrapper {
	padding: 20px 0;
}/*
.process-step1 { left: 10%; }
.process-step2 { left: 30%; }
.process-step3 { left: 50%; }
.process-step4 { left: 70%; }
.process-step5 { left: 90%; }*/

.process-step1 { left: 12.5%; }
.process-step2 { left: 38%; }
.process-step3 { display: none; left: 50%; }
.process-step4 { left: 62.5%; }
.process-step5 { left: 87.5%; }

.process-bar {
	height: 12px;
	background: url("../images/gnb-nav.png") repeat-x bottom center;
	border-radius: 5px;
}

.process-text {
	width: 25%;
	text-align: center;
	padding-top: 15px;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	float: left;
}
.process-text3 {
	display: none;
}

.process-text,
.process-section a {
	color: #aaa;
}

.process-section-step-1 .process-step1,
.process-section-step-2 .process-step1,
.process-section-step-2 .process-step2,
.process-section-step-3 .process-step1,
.process-section-step-3 .process-step2,
.process-section-step-3 .process-step3,
.process-section-step-4 .process-step1,
.process-section-step-4 .process-step2,
.process-section-step-4 .process-step3,
.process-section-step-4 .process-step4,
.process-section-step-5 .process-step {
	margin-left: -15px;
	width: 30px;
	height: 30px;
	top: 0;
	background: #0054a5 url("../images/check.png") no-repeat center center;
}
.process-section-step-1 .process-step1,
.process-section-step-2 .process-step2,
.process-section-step-3 .process-step3,
.process-section-step-4 .process-step4,
.process-section-step-5 .process-step5 {
	background: #75ac00 url("../images/here.png") no-repeat center center;
}

.process-section-step-1 .process-text1,
.process-section-step-2 .process-text1,
.process-section-step-2 .process-text2,
.process-section-step-3 .process-text1,
.process-section-step-3 .process-text2,
.process-section-step-3 .process-text3,
.process-section-step-4 .process-text1,
.process-section-step-4 .process-text2,
.process-section-step-4 .process-text3,
.process-section-step-4 .process-text4,
.process-section-step-5 .process-text,
.process-section-step-1 .process-text1 a,
.process-section-step-2 .process-text1 a,
.process-section-step-2 .process-text2 a,
.process-section-step-3 .process-text1 a,
.process-section-step-3 .process-text2 a,
.process-section-step-3 .process-text3 a,
.process-section-step-4 .process-text1 a,
.process-section-step-4 .process-text2 a,
.process-section-step-4 .process-text3 a,
.process-section-step-4 .process-text4 a,
.process-section-step-5 .process-text a { color: #0054a5; }

.process-section-step-1 .process-text1,
.process-section-step-2 .process-text2,
.process-section-step-3 .process-text3,
.process-section-step-4 .process-text4,
.process-section-step-5 .process-text5,
.process-section-step-1 .process-text1 a,
.process-section-step-2 .process-text2 a,
.process-section-step-3 .process-text3 a,
.process-section-step-4 .process-text4 a,
.process-section-step-5 .process-text5 a {
	font-weight: bold;
	font-size: 13px;
	color: #75ac00;
}
.nav-text {
	font-size: 12px;
	font-family: "Helvetica", arial, serif;
}

.method-table {
	font-size: 12px;
	font-family: "Helvetica", arial, serif;
	margin-bottom: 20px;
}
.method-table th {
	border-bottom: 1px solid #ddd;
}
.method-table th,
.method-table td {
	padding: 5px 0;
}

.method-table .vmshipment_cost {
	float: right;
	width: 57.5%;
}

.payment-method {
	font-size: 12px;
	font-family: "Helvetica", arial, serif;
	margin-bottom: 20px;
}
#ui-tabs .dyn-tabs {
	overflow: visible !important;
}

.customerdetail-comingback {
	padding: 0 10px;
}


table.adminlist {
	width: 100%;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}
table.adminlist th {
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

table.adminlist td {
	border-bottom: 1px solid #eee;
}

td.key{width: 170px;}


.item-page .content-footer-nav{width:100%;}
.item-page .content-footer-nav .row{    display: flex;flex-wrap: wrap; justify-content: space-around;}
.item-page .content-footer-nav .row .col-3{
	flex-grow: 1;
}
.sub-hero-section .custom #main-tab{display: none;}

div#main-tile .row{display:flex;flex-wrap:wrap;justify-content: space-between;}
div#main-tile .row:after{position: absolute;}
div#main-tile .row .col-3{width: 24%;box-sizing: border-box;margin: 0; border: 4px solid #Ffffff;margin-bottom: 15px}

.menu-wrapper .menu_expand{ display: none;}
.mobile-drawer-inner .menu-category .menu_expand{ display: block;
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    z-index: 99;
    font-size: 26px;
    width: 50px;
    text-align: center;
	height: 48px;
	color:#fff;
}

	.mobile-drawer-inner .menu-category .menu_expand:after{ content:"+"; line-height: 43px;}
	.mobile-drawer-inner .menu-category li.active .menu_expand:after{ content:"-";}
/* kobe responsive - wider page - 1200px */
@media screen and (min-width:768px) and (max-width: 1200px) {

	.container {width: 960px; }
	.header{width:100%;}
	.sub-hero-section ul.main-menu {width: 100% !important; font-size: .9em;}
	/* .sub-hero-section ul.main-menu > li:nth-child(8){min-width: 113px;} */
	#product-list .col-3 {height: 290px;}
	.col-3 { width: 229px;	}
	.col-4 {width: 295px;}
	.col-9 {width: 700px;}
	.col-3-sub {width: 207px;}
	.left-column {width: 266px;}
	.content-wrapper {width: 960px;	}
	.main-column { width: 692px;}
	/* .width32 {width: 32%;} */
	/* .width32:nth-child(3n){margin-right:0}
	.width32:nth-child(4n){margin-right:12px !important;} */
}

/* kobe responsive */
@media screen and (min-width:768px) and (max-width: 992px) {
	.container {width: 100%; }

	.sub-hero-section ul.menu.main-menu { font-size: 1rem;}
	.sub-hero{width: 100%;background-size: contain;
	}
	.content-wrapper{ width:100%}
	.left-column {width: 266px;}
	.main-column {width: calc(100% - 274px);}
	/* .width32 {width: 31%;} */

	/* homepage */

	.content-footer-nav .col-3 {
		/* height: 140px; */
		margin-bottom: 19px;
		flex: 1;
		min-width: 300px;
	}



}


@media screen and (min-width:890px) and (max-width: 992px) {

	.header-quick li a {
		font-size: 12px;
	}
}

@media screen and (min-width:768px) and (max-width: 889px) {
	.header-quick li a {
		font-size: 10px;
	}

}


@media screen and (max-width: 768px) {

	.header{padding: 5px 0;	}
	.header h1 a img:last-child { margin: 0 auto 5px;}
	.poolpro .header h1 a img:first-child {width: 75px;	}
	.poolpro .header h1 a img:last-child {width: 150px; }
	.poolware .header h1 a img {width: 149px;}

	.header-quick .menu{display: none;}
	.header-quick li{position: absolute;top:0; right:0;}
	.headerTagLine {
		font-size: 18px;
		position: relative;
		top: 0px;
		left: 0px;
		text-align: center;
		background: transparent;
	}
	.adminForm td {
		width: auto;
		display: block;
	}
	.header,
	.gnb ,
	.hero,
	.sub-hero,
	.container,
	.content-wrapper {
		width: auto;
		height: auto;
	}

	.sub-hero-section .custom #main-tab{display: block;}
	.sub-hero-section .custom #main-tab ul {
		display: flex;
		flex-wrap: wrap;
	}
	.sub-hero-section .custom #main-tab ul li{width:50%;text-align:center;box-sizing: border-box;}
	.sub-hero-section .custom #main-tab ul li:nth-child(2n+1){
		border-right: 1px solid #72a1cd;
	}


	/* div#main-tile .row .col-3{width: 32%;box-sizing: border-box;margin: 0;margin-bottom: 10px;}
	div#main-tile .row .col-3 img{width: 100%} */


	.mobile-drawer {
		display: block;
	}

	.gnb-wrapper {
		background: transparent;
	}

	.content-footer-nav .col-3,
	.col-3,.col-9,.col-4,.col-3-sub {
		width: auto;
		float: none;
	}
	.col-3 + div,
	.col-9 + div,
	.col-4 + div,
	.col-3-sub + div {
		margin-top: 20px;
	}

	#product-list .row .col-3-sub .image img {
		width: auto;
		height: auto;
	}

	.header h1 {
		text-align: center;
		position: static;
	}

	.header h1 a img {
		width: 89px;
	}

	.info-tel,
	.info-search {
		float: none;
		margin: 0;
	}

	.gnb {
		display: none;
	}

	.left-column {
		display: none;
	}

	.info-tel {
		font-size: 18px;
		text-align: center;
		padding: 15px;
	}

	.info-search {
		position: relative;
	}

	.info-search {
		width: 90%;
		margin: 0 auto 20px;
	}
	.search-input {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header-quick {
		position: static;
		text-align: center;
		font-size: 0;
		margin-bottom: 10px;
	}
	.header-quick ul {
		display: inline-block;
	}
	.header-quick li {
		float: none;
		display: inline-block;
	}
	.header-quick li a {
		width: auto !important;
		font-size: 11px;
	}
	.hero-media {
		display: none;
	}
	.hero-title br {
		display: none;
	}
	.gnb ul {
		float: none;
	}
	.gnb li {
		float: none;
		background: transparent;
	}

	.hero-wrapper {min-height:400px;}

	.header-info {
		position: static;
		bottom: auto;
		right: auto;
	}

	.hero-section {
		/*position: static;*/
		width: auto;
		margin: 20px auto;
	}
.custom {
clear:both;
}
	#main-tab{
	clear:both;
	}
	.horizontal-tab ul {
		background: transparent;
		width: auto;
	}
	.horizontal-tab li a {
		background: transparent;
		color: #fff;
	}
	.horizontal-tab li {
		border-bottom: 1px solid #72a1cd;
	}
	.horizontal-tab li + li {
		border-top: 1px solid #7fa9d2;
	}
	.horizontal-tab li.promo a {
		border-radius: 0;
	}
	.horizontal-tab li,
	.horizontal-tab li.promo {
		float: none;
		width: auto;
	}

	.content-footer-nav .col-inner {
		padding-top: 20px;
	}

	.content-footer-nav .col-inner + .col-inner {
		margin-top: 10px;
	}

	#main-tile .col-3 {
		margin: 10px;
	}
	#main-tile .col-3 .image {
		float: left;
	}
	#main-tile .col-3 .col-inner:after {
		display: block;
		content: "";
		clear: both;
	}

	/* .content-footer-nav .col-3 {
		margin: 10px 0;
	} */
	.content-footer-nav .col-3 h2 {
		padding-right: 20px;
	}

	#main-tile .row {
		margin: 0px;
	}
	.full-column {
		margin: 10px;
	}
	.content-footer-nav {
		left: 0;
	}

	.colophon {
		padding-top: 10px;
	}
	#colophon-nav li {
		float: none;
		width: auto;
	}
	#payment-option, #find-us-on,
	#payment-option:after, #find-us-on:after {
		clear: both;
		float: none;
		content: '';
	}
	#payment-option h3, #find-us-on h3 {
		height: 0;
		position: absolute;
		overflow: hidden;
	}
	#payment-option, #find-us-on {
		padding: 10px;
		text-align: center;
	}

	.social,
	#payment-option li {
		display: inline-block;
		margin: 5px;
		float: none;
	}
	.main-column {
		float: none;
		padding-bottom: 15px;
		min-height: initial;
		width: auto;
	}
	.left-column {
		clear: both;
		float: none;
		padding-bottom: 15px;
		min-height: initial;
		margin-top: 20px;
		width: auto;
	}
	.browse-view .product {
		width: auto;
		/* margin-right: 0; */
		float: none;
	}
	.browse-view .product {
		margin-bottom: 10px;
	}
	.horizontal-separator {
		display: none;
	}

	.category-header p {
		width: auto;
	}
	.category-header .image {
		display: none;
	}

	.sub-hero-wrapper {
		display: none;
	}
	.widget-box img {
		float: none;
		position: static;
	}
	.widget-box {
		text-align: center;
	}
	.widget-box .widget-inner {
		padding: 25px 10px;
	}
	.customwidget {
		padding-bottom: 10px;
	}
	.pagination-meta {
		padding-bottom: 15px;
	}
	.mobile {
		position: absolute;
		display: block;
		z-index: 10000;
		left: 20px;
		top: 30px;
	}
	.poolware .mobile{top: 10px;}
	.mobile .mobile-menu{border-radius: 0}
	.mobile-nav {
		display: block;
	}

	.search-stockist {
		width: 100%;
	}

    .domain {
		position: relative;
		left: 0;
		height: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
    }

	.domain-pushed:after {
		background: red;
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}

	.domain-pushed:after, .domain-pushed:before {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		content: '';
		opacity: 0;
	}

	.mobile-drawer {
		width: 300px;
		z-index:100;
		position: absolute;
		height: 100%;
		left:0;
		top:0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.mobile-drawer-inner {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #336ca7;
		box-shadow: -3px 0 3px rgba(0,0,0,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	/* add + sign to mobile menu */
	.mobile-drawer .mobile-drawer-inner   .main-menu > li{position:relative;}
	/* .mobile-drawer .mobile-drawer-inner   .main-menu > li:after{
		content:"+";
		position:absolute;
		right:10px;
		top: 11px;
		font-size: 22px;
		font-weight: 300;
		font-family: 'Roboto', sans-serif;
		color: #fff;
	}
	.mobile-drawer .mobile-drawer-inner   .main-menu > li.active:after{	content:"-"; font-size: 30px;top: 4px;right: 12px;} */



	.mobile-drawer  ul.menu-category.child-menu >li>div{position:relative; }

	.mobile-drawer  ul.menu-category.child-menu >li>div:before {    content: "-";
		color: #fff;
		position: absolute;
		top: 7px;
		left:16px;
	}

	.domain-pushed {
		-webkit-transform: translate3d(300px, 0, 0);
		-moz-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
	.domain-pushed .mobile-drawer {
		box-shadow: 3px 0 3px rgba(0,0,0,0.3);
	}

	/* html,
	body,
	.domain,
	.scroller {
		height: 100%;
	} */
	/* body {
		overflow: hidden;
	} */
	/* .scroller {
		overflow-y: scroll;
	} */

	.domain-pushed {
		height: 100%;
	}
	.screen {
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.domain .screen {
		z-index: 100;
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 0;
		height: 0;
		opacity: 0;
		background: rgba(0,0,0,0.3);
		overflow: hidden;
	}
	.domain-pushed .screen {
		width: 100%;
		height: 100%;
		opacity: 1;
		display: block;
	}

	.mobile-drawer-inner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.mobile-drawer-inner {
		overflow-y: scroll;
	}

	.mobile-drawer li a {
		color: #fff;
		display: block;
		text-decoration: none;
		font-family: helvetica, arial, sans-serif;
		padding: 15px;
		box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	}

	.mobile-drawer li li a {
		color: #efefef;
		display: block;
		text-decoration: none;
		font-family: helvetica, arial, sans-serif;
		padding: 10px 15px 10px 25px;
		font-size: 13px;
		background: rgba(0,0,0,0.1);
		box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	}
	.mobile-drawer li li li a {
		background: rgba(0,0,0,0.4);
		box-shadow: inset 0 -1px rgba(0,0,0,0.6);
		padding-left: 35px;
	}

	.mobile-drawer li li li{position:relative;}
	.mobile-drawer li li li >div:before {    content: "-";
		color: #fff;
		position: absolute;
		top: 7px;
		left:26px;
	}


	.mobile-drawer li li.cactive a {
		color: #f9f400;
	}
	.mobile-drawer li li.cactive ul li a {

		font-size: 12px;
		color: #fff;
	}
	.mobile-drawer li li.cactive ul li.gactive a {
		color: #f9f400;
	}

	.mobile-drawer li a:hover {
		background: rgba(0,0,0,0.2);
		box-shadow: inset 0 -1px rgba(0,0,0,0);
	}


	.mobile-drawer-inner  .menu-category {
		background: #3388a7;
	}
	.mobile-drawer .menu-category .active > div a {
		background: rgba(255,255,255,0.1);
	}

	.mobile-drawer .menu-category .menu-category {
		overflow: hidden;
		max-height: 0px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.mobile-drawer .menu-category .active .menu-category {
		display: block;
		max-height: 800px;
	}

	.mobile-menu {
		color: #fff;
		border: 0;
		padding: 10px;
		background: #094156;
		margin: 0;
		border-radius: 0px 0px 5px 0px;
		font-size: 25px;
		font-family: helvetica, arial, sans-serif;
	}
	iframe {
		width: 100% !important;
	}
	.mobile-menu span {
		font-family: FontAwesome;
	}
	.addtocart-description,
	.addtocart-area form {
		float: none;
		width: auto;
	}
	.addtocart-description {
		padding-top: 0;
	}
	.company-map {
		float: none;
		margin-left: 0;
	}

	.productdetails-view-head .width40,
	.productdetails-view-head .width60,
	.productdetails-view-head .floatleft,
	.productdetails-view-head .floatright {
		width: auto;
		float: none;
	}
}

#jform_contact_message,
#jform_contact_emailmsg {
	width: 100%;
}


.product-list-sku {
	margin-top: 10px;
	font-size: 11px;
}
.product-list-sku + h2 {
	margin-top: 0;
}




.additional-pdf {
	padding-top: 10px;
}
.additional-pdf a {
	display: block;
	font-size: 16px;
	color: #cc0000;
}
.additional-pdf a:hover .vm-img-desc {
	background: transparent;
}

.additional-pdf img {
	float: left;
}

.additional-pdf div {
	clear: both;
	margin: 10px 30px;
}

.additional-pdf .vm-img-desc {
display: block;
padding: 6px 10px;
margin-left: 30px;
}

.additional-images img {
	width: 78px;
}

.item-121 {
	display: none;
}

.ie8 .ie-width48 {
	width: 48% !important;
}

.formRequired {
	color: #f00;
}
.productTable th{
    background: rgb(0,192,240); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,192,240,1) 0%, rgba(0,146,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,192,240,1)), color-stop(100%,rgba(0,146,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,192,240,1) 0%,rgba(0,146,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,192,240,1) 0%,rgba(0,146,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,192,240,1) 0%,rgba(0,146,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,192,240,1) 0%,rgba(0,146,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c0f0', endColorstr='#0092e6',GradientType=0 ); /* IE6-9 */

    font-family: "Archivo Narrow",sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 0;

	border-left:1px solid #008cd9;

    text-shadow: 0 2px 1px #007150;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid #FAFAFA;
    padding: 5px;
	color:#fff;

}
table tr:first-child th:first-child {
    border-top-left-radius: 5px;
	border-left:0px;
}
table tr:first-child th:last-child {
    border-top-right-radius: 5px;
	border-right:0px;
}

.productTable td{
    background: -moz-linear-gradient(center top , #FBFBFB, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-top: 1px solid #FFFFFF;
    padding: 2px 8px;

}

.productTable td a:hover{
color:#00295a;
text-decoration:underline;
}

.productTable tr:hover td {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

a.bigButton {
	font-family: "Archivo Narrow", sans-serif;

		color: #fff;
	font-size: 23px;
	padding: 5px 13px;
	width:60%;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	display:block;
	text-align:center;
	float:left;
	margin-right:10px;
background: rgb(9,69,118); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(9,69,118,1) 0%, rgba(8,70,119,1) 11%, rgba(5,47,81,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,69,118,1)), color-stop(11%,rgba(8,70,119,1)), color-stop(100%,rgba(5,47,81,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(9,69,118,1) 0%,rgba(8,70,119,1) 11%,rgba(5,47,81,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(9,69,118,1) 0%,rgba(8,70,119,1) 11%,rgba(5,47,81,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(9,69,118,1) 0%,rgba(8,70,119,1) 11%,rgba(5,47,81,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(9,69,118,1) 0%,rgba(8,70,119,1) 11%,rgba(5,47,81,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094576', endColorstr='#052f51',GradientType=0 ); /* IE6-9 */
margin-bottom:10px;

}

.float-corner {
	position: absolute;
	right: 20px;
	top: 20px;
}
a.bigButton span {
	font-weight:bold;
	color:#F6A313;
}

a.pdfButton {
	float:left;
	font-family: "Archivo Narrow", sans-serif;
	color: #fff;
	font-size: 23px;
	padding: 5px 13px;
	width:30%;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	display:block;
	text-align:center;
	background:url('/images/button-background.jpg') left top;
	text-shadow: 1px 1px 1px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);
}

.product-container div.PricesalesPrice {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 12px;
	font-size: 24px;
	color: #EF7706;
	text-shadow: 1px 1px 1px #ffffff;
}
.popup-postcode-section {
	text-align: center;
	padding: 30px;
}
.popup-postcode-desc {
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: bold;
	color: #F9F400;
}

.popup-postcode-search-input {
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	padding: 11px;
	font-size: 16px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.popup-postcode-title {
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 10px;
	color: #ffffff;
}
.popup-postcode-title strong {
	color: #F9F400 !important;
	display: block;
}
.popup-postcode-input-zone {
	position: relative;
}
.popup-postcode-input-zone .popup-postcode-search-submit {
	position: absolute;
	right: 0px;
	top: 0px;
	padding
}

.popup-postcode-search-submit {
	cursor: pointer;
	margin: 0;
	color: #FFF;
	background: #052F51 url("../images/btn-bg.png") repeat-x top center;
	padding: 8px 14px;
	border: 0;
	font-size: 13px;
	border-radius: 0 5px 5px 0;
	text-transform: uppercase;
	margin-top: 2px;
	padding: 13px 15px;
}

.blue-fancybox {
	background: #216698 !important;
}

.blue-fancybox #fancybox-content {
	border-color: #216698 !important;
}

.addtocart-company-description-area {

	margin-top: 20px;
	padding: 10px;
	background: #a8c5e0 url("../images/price-box-bg.png") repeat-x top left;
	border: 1px solid #7ec4d8;
	border-radius: 5px;
}
.addtocart-company-description-area p {
	margin: 0;
	line-height: 1.3;
}
.register-tagline {
	float: right;
	margin-top: -40px;
}

@media screen and (max-width:768px){
	.register-tagline {
		float: none;
		margin-top: 0;
		margin-bottom: 15px;
	}
}

.pcat-ach {
	font-family: "Archivo Narrow", helvetica, arial, sans-serif;
}

#fancybox-content > div {
	overflow: hidden !important;
}






.header-quick li.quick-cart a {
	cursor: default;
	background: #aaa;
	text-shadow: 0px 2px 1px #aaa;
}

.left-column .menu-user li.item-154 {
	background: #aaa;
}

.left-column .menu-user li.item-154 a {
	background: transparent;
	color: #555;
	cursor: default;
}
.popup-postcode-popupbox,
.addtocart-postcode-area-postcode-popupbox {
	color: #000;
	font-size: 12px;
	padding: 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background:#fffff0;
	line-height:1.3;
}
.popup-postcode-popupbox {
	width:500px;
	margin-top:20px;
}
.addtocart-postcode-area-postcode-popupbox {
	margin-top:20px;
}

.postcode-info-button,
.popup-postcode-popupbox,
.addtocart-postcode-area-postcode-popupbox {
	display: none;
}


/* max width on the slider */
@media only screen and (min-width: 1200px) {
	div#rev_slider_1_1, div#rev_slider_1_1_wrapper {
		width: 1200px;
	}
}

#reviewform {
	background: #edf2f9;
    border-radius: 3px;
    margin: 12px;
    padding: 10px;
    font-family: "Archivo Narrow", sans-serif;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    position: relative;
    font-size: 15px;
}

#reviewform .normal {
	background: #fff;
}