/*
	eCatalyst by eCommerce Websites LTD & Fuel Design LTD
	version:RC 2.0
	Copyright eCommerce Websites LTD & Fuel Design LTD
	STYLES.CSS | author:Fuel Design | version: 2013
*/

/*  ==================  1 - import Styles  ============================= */
@import url(editor.css);
@import url(forms.css);
@import url(bootstrap.min.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(magnific-popup.css);
@import url(icons.css);
@import url(ionicons.css);
@import url(systems.css);
@import url(gallery.css);

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}

#enableJavascript	{ background-color:#fbe3e4;color:#8a1f11;font-size:14px;padding:4px 0;text-align:center;}

/*  ==================  Typograpgy bases ========================= */
blockquote	{ background-color:#f9f9f9;border-left:6px solid #ccc;margin:0 0 18px;padding:9px;quotes:"'" "'" "'" "'";color:#333;font-family:Georgia, serif;font-size:13px;font-style:italic;}
pre, code	{ overflow-x:auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#111;border:1px solid #333;font-family:monaco,courier,"courier new",monospace;font-size:11px;margin:0 0 18px;padding:9px;}

ul, ol,
dl, menu	{padding-left: 40px;display: block;margin: 1em 0;}

/*  ================== - NOTICES  =============================== */
.notification 	{ font-size:11px;line-height:18px;margin:0 0 17px 0;padding:0 4px;}
.notice 		{ background-color:#fff6bf;color:#514721;}
.error 			{ background-color:#fbe3e4;color:#8a1f11;}
.success 		{ background-color:#e6efc2;color:#264409;}
.hide 			{display: none;}
.show 			{display: block;}
.highlight		{ background-color:#ffc;}

/*  ========= LINKS  ================ */
a[href$=".pdf"] 	{}
a[title*="Home"]	{}
a[rel="external"]	{}

/*  ==================  4 - Base Style Types  ========================= */
strong,b	{font-weight: 600;}
em,i		{font-style: italic;}

/*	Random classes
----------------------------------*/
.lead,		/* see editor.css */
.leadin			{font-weight: 300;line-height: 1.4;font-size: 21px;font-size: 2.1rem;}

.container		{ padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}

.underline-blk,
.underline-wht,
.underline-blu	{ padding-bottom: 10px; text-transform: uppercase;border-bottom: 1px solid #FFF;}
.underline-blk	{ color: #000; border-bottom-color: #AAA;}
.underline-wht	{ color: #FFF; border-bottom-color: #FFF;}
.underline-blu	{ color: #59CBE8; border-color: #59CBE8;}

/*	button classes
----------------------------------*/
html,
body	{height: 100%;}
html	{font-size: 62.5%;}
body 	{line-height: 1.7;padding-top:80px;font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* setup - global typography */
h1, h2, h3, h4, h5, h6	{font-weight: 300;line-height: 1.4;}
h1	{font-size: 48px;font-size: 4.8rem;}
h2	{font-size: 36px;font-size: 3.6rem;}
h3	{font-size: 24px;font-size: 2.4rem;}
h4	{font-size: 21px;font-size: 2.1rem;}
h5	{font-size: 18px;font-size: 1.8rem;}
h6	{font-size: 16px;font-size: 1.6rem;}
p					{}
p.lead				{font-size: 20px;font-size: 2.0rem;}
a					{color: #59cbe8;}
a:hover				{color: #0D72A2;}
a:focus,a:active	{outline: 0;}

/* buttons */
.btn				{border-radius: 80px;cursor: pointer;display: inline-block;text-transform: uppercase;transition: all 0.35s;-webkit-transition: all 0.35s;}
.btn:hover			{/* border-bottom: 0; */text-decoration: none;}
.btn-xs				{line-height: 16px;line-height: 1.6rem;padding: 0 8px;padding: 0 0.8rem;}
.btn-sm				{line-height: 32px;line-height: 3.2rem;padding: 0 16px;padding: 0 1.6rem;}
.btn-md				{line-height: 48px;line-height: 4.8rem;padding: 0 24px;padding: 0 2.4rem;}
.btn-lg				{line-height: 64px;line-height: 6.4rem;padding: 0 32px;padding: 0 3.2rem;}
.btn-default		{border: 1px solid #59cbe8;color: #59cbe8;}
.btn-default:hover	{border: 1px solid #000;color: #000;}
.btn-primary		{border: 0 none;background-color: #59cbe8;color: #FFF;}
.btn-primary:hover	{background-color: #000;color: #FFF;}
.btn-grey			{border: 1px solid #555;color: #555;}
.btn-grey:hover		{border: 1px solid #000;color: #000;}
.btn-white			{background-color: none;border: 1px solid #FFF;color: #FFF;}
.btn-white:hover	{background-color: #FFF;color: #59cbe8;}
.btn-fav-add		{border: 1px solid #59cbe8;color: #59cbe8;}
.btn-fav-sub		{background-color: #59cbe8;}
.btn-fav-sub:hover	{background-color: #000;}
.btn-archipro		{margin: 8px 0;}
.btn-archipro:hover	{opacity: .8;}

/*	Utility
----------------------------------*/
#utility			{background-color: #F0F0F0;}
#utility a			{color: #282325;float: right;height: 30px;line-height: 30px;margin-left: 20px;text-decoration: none;}
#utility a:hover	{text-decoration: underline;}

/*  Header
---------------------------*/
header                      { background-color: #54585a;height: 80px;left: 0;position: fixed;right: 0;top: 0;z-index: 500;}
.onAccount header			{background-color: #10374d;}
header a                    { position: relative; transition: all 0.35s; -webkit-transition: all 0.35s;}
header a:hover              { background-color: #3B3F41; border-bottom: 0;}

.header-left 				{ position: relative; min-height: 80px; float: left;}
.header-right               { float: right;}

#logo 			            { float: left; position: relative; width: 240px; height: 1px; z-index: 10;}
#logo:hover					{ background-color: #333;}
#logo img 			        { position: absolute; top: 10px; left: 20px; vertical-align: top; width: 170px;}

#slogan                     { display: inline-block; float: left;}
#slogan h2                  { color: #FFF; font-size: 16px; font-style: italic; font-weight: 300; line-height: 80px; margin: 0; padding: 0;}

#nav-main                   { display: inline-block; float: left;}
#nav-main ul                { list-style: none; margin: 0; padding: 0;}
#nav-main ul                { display: inline-table; height: 80px;}
/*#nav-main li                { float: left;}*/
#nav-main li                { display: table-cell; vertical-align: middle; height: 80px; text-align: center;}
#nav-main li a              { color: #FFF; display: block; font-size: 14px; padding: 0 10px; line-height: 80px; text-decoration: none; text-transform: uppercase;}
#nav-main li a              { padding: 28px 10px; line-height: 20px;}
#nav-main li.catalogue a 	{ padding: 18px 10px;}
#nav-main>ul>li>ul          { display: none;}

#nav-main li.active a       { background-color: #212527; position: relative; transition: all 0.35s; -webkit-transition: all 0.35s;}
#nav-main li.active a:before { content: ""; margin-left: -10px; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFF;}

#header-phone               { border-left: 1px solid #3B3F41; display: inline-block; float: left;}
#header-phone a             { color: #FFF; display: block; height: 80px; line-height: 80px; padding: 0 10px 0 60px; text-decoration: none; }
#header-phone a:before		{border: 1px solid #FFF;border-radius: 50%;content: "\e600";display: block;height: 40px;line-height: 38px;text-align: center;font-family: 'icomoon';font-size: 16px;position: absolute;top: 20px;left: 12px;width: 40px;}

#header-shop                {display: inline-block; float: left; margin-left: 1px;}
#header-shop a,
#header-my-cart					{background-color: #3B3F41;color: #FFF;display: block;font-size: 14px;line-height: 39px;padding: 0 12px 0 30px;text-decoration: none;text-transform: uppercase;}
#header-shop a:hover			{background-color: #212527;}
#header-my-cart a.active		{background-color: #212527;}

#header-my-account				{height: 40px;}
#header-my-account .account		{float: left;}
#header-my-account .logout		{float: left;}
#header-my-account .logout a	{}

#header-my-cart				{height: 39px;overflow-x: hidden;padding: 0;}
#header-my-account a.account:before,
#header-my-cart a:before	{font-family: 'icomoon';left: 10px;position: absolute;top: -1px;}
#header-my-account a.account:before	{content: "\e625";}
#header-my-cart a:before	{content: "\e60b";}

#header-my-account .out	{display: block;}
#header-my-account .in	{display: none;}
body.logged-1 #header-my-account .out	{display: none;}
body.logged-1 #header-my-account .in	{display: block;}
body.logged-1 #header-phone				{display: none;}
/* body.logged-1 #header-my-account .logout{display: block;} */

#nav-main #icon-home a      { font-size: 0; padding: 28px 20px; }
#nav-main #icon-home a:after{ content: "\e601"; font-family: 'icomoon'; font-size: 16px; float: left; top: 0; left: 12px;}

#header-menu-icon           { display: none; float: right;}
#header-menu-icon a         { color: #FFF; display: block; font-size: 14px; height: 80px; line-height: 80px; padding: 0 40px 0 20px; position: relative; text-decoration: none; text-transform: uppercase;}
#header-menu-icon a:after   { content: "\e629"; font-family: 'icomoon'; font-size: 18px; position: absolute; top: 0; right: 20px;}

#header-menu-more           { float: left;}
#header-menu-more a         { color: #FFF; display: block; font-size: 14px; height: 80px; line-height: 80px; padding: 0 20px 0 10px; position: relative; text-decoration: none; text-transform: uppercase;}

/*	Nav Accounts
----------------------------------*/
#theAccounts					{ margin:0;padding:0;}
#theAccounts li					{ list-style:none;float:left;padding:0;margin:0;}
#theAccounts li.user-welcome	{ width:auto;font-size:14px;}

#theAccounts			{ float:right;font-size:14px;height:30px;line-height:30px;text-align:left;}
#theAccounts a			{ }
#theAccounts a:hover	{ }

#theAccounts li.user-welcome a			{border: 0 none;display: inline;float: none;margin: 0 5px;}
#theAccounts li.user-welcome a:hover	{}

/*
.logged-1 .wholesaler-welcome,
.logged-1 .become-wholesaler-welcome,
.logged-1 #utility .account-in,
.logged-1 #utility .account-out,
.logged-0 #utility .account-in,
.logged-1 #userpass,
.logged-1 #utility .account-in-wholesaler,
.logged-0 #utility .account-in-wholesaler,
.logged-1.zone-Wholesalers #utility .account-in	{ display:none;}

.logged-1.zone-Wholesalers #utility .account-in-wholesaler,
.logged-1 #utility .account-in,
.logged-1.zone-Customers #utility .account-in,
.logged-1.zone-Wholesalers .wholesaler-welcome	{ display:block;}

body.logged-0 .user-welcome, body.logged-1 .become-user-welcome, body.logged-0 .wholesaler-welcome,
body.logged-0 .become-wholesaler-welcome	{ display:none;}
*/

/*	Footer
----------------------------------*/
footer				{background-color: #59cbe8;}
#footer				{position: relative; z-index: 2; background-color: #333; color: #fff; padding: 20px 0; }
.onAccount #footer	{background-color: #10374d;}
#footer	h4			{color:#FFFFFF;font-size: 14px;margin: 10px 0;}
#footer	p			{margin: 0;}
#footer a			{color: #fff;font-size: 14px;text-decoration: none;}
#footer ul			{margin: 0;padding: 0;}
#footer li			{list-style: none;}
#footer a:hover		{color: #FFFFFF;}

/* =========  HOMEPAGE Hero Area  ======== */

/* Home Banner */
#home-banner                { background-color: #59cbe8; margin-top: 60px; margin-bottom: 30px; position: relative; transition: width 1s;min-height: 500px;}
.banner-text                { color: #FFF;padding: 0;}
.banner-text h2             { color: #FFF;}
.banner-text > .body		{ margin: 20px 0;}
.banner-img                 { position: relative;}
.banner-img>div				{ display: block; position: absolute; height: 100%; width: 100%;}
.homeSlider 				{ margin: 0; padding: 0; list-style: none;}
#home-banner .bx-pager		{ position: absolute; bottom: 15px; left: 15px; z-index: 400;}
#home-banner .bx-controls	{ position: absolute; bottom: 0; left: 0; width: 100%;}
.homeSlider .banner-img		{ padding-right: 0; height: 500px; overflow: hidden;}
#home-banner .bx-pager-item { display: inline-block;}
#home-banner .bx-pager-item a { background-color: #FFF; border-radius: 50%; display: block; height: 16px; overflow: hidden; text-indent: -9999px; width: 16px; }
#home-banner .bx-pager-item a.active { background-color: #333;}
#home-banner .bx-pager-item:hover a { background-color: #333;}

/*  Home Sub Banner */
#home-sub-banner	{margin-bottom: 20px;}
.sub-b-item			{ background-color: #59cbe8;margin-bottom: 20px;display: block;}
.sub-b-item img		{ margin-bottom: 20px;}
.sub-b-text			{ color: #FFF; padding: 20px 0 20px 20px;}
.sub-b-img			{ height: 200px;}

/* Featured Products */
.featured-products .bx-wrapper {
	position: relative;
}
.featured-products .bx-default-pager {
	text-align: center;
}
.featured-products .bx-pager-item {
	display: inline-block;
	margin: 10px 4px;
}
.featured-products .bx-pager-item .active {
	background-color: #333;
}
.featured-products .bx-prev,
.featured-products .bx-next {
	border: 1px solid #59cbe8;
	border-radius: 50%;
	display: block;
	height: 50px;
	line-height: 50px;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	top: -10px;
	width: 50px;
}
.featured-products .bx-prev {
	right: 60px;
	font-family: "Ionicons";
}
.featured-products .bx-next {
	font-family: "Ionicons";
	right: 0px;
}

.featured-products .bx-prev:hover,
.featured-products .bx-next:hover {
	border: 1px solid #333;
	color: #333;
	text-decoration: none;
}

.featured-products .bx-pager-item a {
	background-color: #59cbe8;
	border-radius: 50%;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	width: 16px;
}

/*  Home Featured */
#home-featured			{ margin: 20px 0;}
#home-featured h3		{ color: #59cbe8; margin-bottom: 0;}
#home-featured img		{ border: 1px solid #AAA; border-top: 0;}
#home-featured .text	{ padding-top: 20px;}

#home-featured h3:after {
	border: 1px solid #59cbe8;
	border-radius: 50%;
	content: "\e635";
	display: inline-block;
	font-family: 'icomoon';
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-left: 10px;
	height: 40px;
	width: 40px;
}
#home-featured a:hover			{text-decoration: none;}
#home-featured a:hover h3		{color: #000;}
#home-featured a:hover h3:after	{border: 1px solid #000;}

/* Products sub banner */
#products-sub-banner {
	margin: 50px 0 0;
	position: relative;
}

#products-sub-banner a {
	
}
#products-sub-banner a:hover {
	text-decoration: none;
}
#products-sub-banner .sub-b-img {
	height: 263px;
}
#products-sub-banner .sub-b-text {
	height: 157px;
	padding: 20px;
	background-color: #59cbe8;
}
#products-sub-banner h3 { margin-top: 0; }
#products-sub-banner ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#products-sub-banner li { width: 33%; }


#products-sub-banner .bx-wrapper {
	position: relative;
}
#products-sub-banner .bx-default-pager {
	text-align: center;
}
#products-sub-banner .bx-pager-item {
	display: inline-block;
	margin: 10px 4px;
}
#products-sub-banner .bx-pager-item .active {
	background-color: #333;
}
#products-sub-banner .bx-prev,
#products-sub-banner .bx-next {
	border: 1px solid #59cbe8;
	border-radius: 50%;
	display: block;
	height: 50px;
	line-height: 50px;
	margin-top: -70px;
	position: absolute;
	text-align: center;
	top: -10px;
	width: 50px;
}
#products-sub-banner .bx-prev {
	right: 60px;
	font-family: "Ionicons";
}
#products-sub-banner .bx-next {
	font-family: "Ionicons";
	right: 0px;
}

#products-sub-banner .bx-prev:hover,
#products-sub-banner .bx-next:hover {
	border: 1px solid #333;
	color: #333;
	text-decoration: none;
}

#products-sub-banner .bx-pager-item a {
	background-color: #59cbe8;
	border-radius: 50%;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	width: 16px;
}


/* Case studies */
#products-case-studies {
	padding: 60px 15px;
}

#products-case-studies .case {
	padding: 20px;
	margin: 0 0 20px;
	border: solid 1px #59cbe8;
}

#products-case-studies h3 {
	margin: 0 0 20px;
}

#products-case-studies p {
	margin: 0;
}

#products-case-studies a {
	margin: 25px 0 0;
}

/* =========  Web Apps / Pages  ======== */
.sticky-wrapper	{padding: 0;}
.fullwidth		{ overflow: hidden; }

/*  Sidebar
---------------------------*/
aside					{background-color: #000000; position: relative;}
aside.stuck				{position: fixed;top: 0 !important;}
.systems-aside			{ }
.systems-aside h4		{ color: #FFF; padding-left: 20px; text-transform: uppercase;}
.systems-aside.stuck	{ position: fixed;top: 0 !important;}
.default aside.stuck	{right: 0;}
.catalogue aside.stuck	{left: 0;}

aside ul				{list-style-image: none;}
aside .sidebarNav ul	{margin: 0;padding: 0;}

/* aside */
aside nav				{display: none;}

.central-heating nav.sidebarNav,
.systems nav.sidebarNav	{display: block;}

.hero-btn				{display: block;position: relative;}
.hero-btn.central-heating .hero-text { background-color: #e04e39; }
.hero-btn.central-heating:hover .hero-text { background-color: #C73520; }
.hero-btn.plumbing .hero-text { background-color: #a9c47f; }
.hero-btn.plumbing:hover .hero-text { background-color: #90AB66; }

.hero-btn .hero-img		{position: absolute;top: 0;left: 0;height: 50%;width: 100%;}
.hero-btn .hero-text	{background-color: #59cbe8;bottom: 0;color: #FFF;height: 50%;padding: 0 40px 40px;position: absolute;left: 0;width: 100%;transition: all 0.35s;-webkit-transition: all 0.35s;}
.hero-btn .hero-text img{padding-right: 10px;padding-top: 10px;padding-bottom: 20px;margin: 30px 0; max-width: 400px;}
.hero-btn p { max-width: 600px; }
.hero-btn:hover .hero-text{background-color: #40B2CF;height: 60%;}
.systems				{line-height: 1.7;}
article.systems section	{background-color: #59cbe8;border-top: 2px solid #59cbe8;margin-bottom: 100px;}
article.systems section .system-text {background-color: #FFF;}
.systems h1				{background-color: #59cbe8;color: #FFF;margin: 0;padding: 0;padding-left: 40px;line-height: 100px;text-transform: uppercase;}
.systems-img			{border: 1px solid #BBB;clear: both;float: right;margin-bottom: 30px;margin-left: 40px;width: 240px;}
.systems-img img		{margin: 0 auto !important;padding: 20px;}
.systems-img span		{background-color: #DDD;display: block;text-transform: uppercase;font-size: 14px;line-height: 30px;padding: 0 10px;}
.systems main table td	{border: 1px solid #BBB;}
.systems-aside			{padding: 0;position: fixed;top: 80px;right: 0;height: 100%;}
.systems-aside ul		{list-style: none;margin: 0;padding: 0;}
.systems-aside a		{color: #FFF;display: block;line-height: 30px;padding: 0 20px;}
.systems-aside a:hover	{background-color: #333;text-decoration: none;}
.system-heading ul,
.system-text ul			{overflow: hidden;margin-bottom: 3.5rem;}
.system-heading ul > li	{color: #fff;}
.system-text ul > li	{color: #666;}
.system-heading ul > li:first-line,
.system-text ul > li:first-line {}
.system-heading ul > li:last-child,
.system-text ul > li:last-child	{margin-bottom: 0;}
.system-heading		{color: #fff;padding-bottom: 20px;}
.system-heading p	{font-size: 20px;font-size: 2rem;font-weight: 300;line-height: 1.7;}
/*.system-text > .row > div:nth-child(2n+1) {clear: left;}*/
.system-text ul > li:nth-child(2n) {}
.system-image	{border: 1px solid #59cbe8;display: block;height: 200px;width: 100%;margin-top: 15px;background-position: center 85% !important;}
.systems table	{margin-top: 15px;}
/*.system-block.img {border: 1px solid #59cbe8;}*/

.sidebarNav							{margin-top: 40px;}
.sidebarNav ul						{list-style: none;}
.sidebarNav > ul					{list-style: none;}
.sidebarNav > ul > li				{}
.sidebarNav > ul > li a				{color: #FFFFFF;display: block;font-size: 14px;font-weight: 300;line-height: 28px;text-decoration: none;text-transform: uppercase;}
.sidebarNav > ul > li a.active		{color: #59cbe8;}
.sidebarNav > ul > li a:hover		{opacity: 0.7;}
.sidebarNav > ul > li > ul			{display: none;margin: 0;padding: 0;}
.sidebarNav > ul > li.selected > ul	{display: block;}
.sidebarNav > ul > li > ul a		{opacity: 0.7;text-transform: none;}
.sidebarNav > ul > li > ul a:hover	{opacity: 1;}

/*  Sidebar Menu
---------------------------*/
.top-menu-item              { display: none; text-transform: uppercase; font-size: 14px;}
.side-menu-item             { text-transform: uppercase; font-size: 14px;}
.side-menu-extra            { font-size: 14px;}
.space-bottom               { margin-bottom: 15px;}
.menu-cross                 { padding-top: 10px; padding-bottom: 20px;}
.social                     { display: inline-block; margin-right: 6px; margin-top: 6px;}
.batch                    	{ display: inline-block; margin-right: 6px; margin-top: 6px;}

/* General styles for all menus */
#more-menu.stuck { position: fixed; top: 80px;}
.more-menu {background: #000;position: fixed; overflow: hidden;}
.more-menu ul {list-style: none outside none;padding-left: 30px;padding-right: 30px; width: 285px;}
.more-menu a {display: block;color: #fff;font-size: 1.1em;font-weight: 300;text-decoration: none;line-height: 28px;}
.more-menu a:hover {opacity: 0.7;}

/* Orientation-dependent styles for the content of the menu */
.more-menu-vertical {height: 100%;z-index: 1000;}
.more-menu-vertical a {text-align: left;}

/* Vertical menu that slides from the left or right */
.more-menu-left {left: -240px;}
.more-menu-right {right: 0; width: 0%;}
.more-menu-left.more-menu-open {left: 0px;}
.more-menu-right.more-menu-open {right: 0px; width: 25%;}

/* Transitions */
.more-menu,
.more-menu-push {-webkit-transition: width 0.3s ease;-moz-transition: width 0.3s ease;transition: width 0.3s ease;}

/*	Our Suppliers
----------------------------------*/
#our-suppliers              { background-image: url('img/about-suppliers.jpg'); background-size: cover; padding-top: 60px; margin-top: 30px;}
.logo-supplier img          { background-color: #FFF; margin: 0 auto 30px;}
.logo-wrapper               { padding-bottom: 120px;}
.supplier-text              { background-color: #FFF; display: none; position: absolute; z-index: 1; bottom: 0; left: 0;}
.supplier-logo-systems > img {width: 250px;}

/*	WEBAPP - Team
----------------------------------*/
.team-info,
.team-image							{ width: 50%;}
.team-info.right,
.team-image.right					{ float: right;}
.team-info.left,
.team-image.left					{ float: left;}
.team-info.left .spacing			{ padding: 0 40px 0 80px; text-align: right;}
.team-info.right .spacing			{ padding: 0 80px 0 40px; text-align: left;}
.team-info h2						{ margin-bottom: 20px;}
.team-image img						{ display: block; width: 100%;}

.staff-members > div					{}
.staff-members > div:nth-child(2n+1)	{clear: left;}
.staff-members > div .body				{padding: 0 0 20px 20px;}


/*	About Us
----------------------------------*/
#about-slider	{}

/*	Central Heating
----------------------------------*/
.central-heating h2         { line-height: 1em;}
.central-heating h2 span    { color: #AAA; font-size: 22px;}

/*	FAQs
----------------------------------*/
.faq						{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #666; }
.faq:last-child				{ border-bottom:0 none; }
.faqQuestion				{ padding:0 10px 0 10px; border:0 none; margin-bottom:0;  background:transparent url(images/arrowleftblue.png) no-repeat 100% 50%; cursor:pointer; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
.faqQuestion:hover,
.openE.faqQuestion			{ color:#59cbe8; background:transparent url(images/bluearrowdown.png) no-repeat 100% 50%; }
.openE.faqQuestion			{ padding-bottom:2px; }
.faqQuestion.openE:hover	{ color:#59cbe8;  }
.faqAnswer					{ border:7px solid #999; padding:10px; position:relative; margin-top:10px; }
.faqAnswer span.fmp			{ font-size:30px; color:#59cbe8; float:left; margin:0 9px 55px 0; }
.faqspeach					{ display:block; width:230px; height:29px; position:absolute; top:-29px; left:0; background:transparent url(images/faqtop.png) no-repeat 0 0; }

/*	Testimonials
----------------------------------*/
#testimonials			{ background-color: #E7EBBC; background-image: url(img/wht40x1.jpg); background-repeat: repeat-x; background-position: center bottom; padding-top: 60px;}
#testimonials p			{ color: #FFF; font-size: 26px; font-style: italic; font-weight: 300; line-height: 1.6em; padding: 0 68px; margin-bottom: 35px;}
#testimonials ul		{ margin: 0;}
#testimonials .read-more{ color: #FFF;}
#testimonials .read-all	{ background-color: #FFF; position: absolute; right: 0; bottom: 40px; height: 40px; line-height: 40px; padding: 0 15px;}
#testimonials .who-by	{ color: #FFF; font-size: 20px; padding: 0 0 0 65px;}

#testimonials>div		{ background-color: #AFBC21; padding-bottom: 30px; position: relative;}
#testimonials>div>img	{ display: inline-block; padding: 0 5px 20px 30px;}
#testimonials>div>h3	{ color: #FFF; display: inline-block; font-size: 22px; font-weight: 500; margin-top: 40px;}
#testimonials-prev		{ position: absolute; top: 0; right: 38px;}
#testimonials-next		{ position: absolute; top: 0; right: 0;}
#testimonials-prev a,
#testimonials-next a	{ background-color: rgba(255,255,255,0.8); display: block; padding: 0 15px; line-height: 40px; height: 40px;}
#testimonials-prev a:hover,
#testimonials-next a:hover	{ background-color: rgba(255,255,255,1); text-decoration: none;}

.testimonials-full			{ background-color: #E2F1CF; padding: 40px 80px 40px 90px; position: relative; margin-bottom: 30px;}
.testimonials-full .quote	{ position: absolute; top: 50px; left: 0;}
.testimonials-full h4		{ color: #000;}

/*	Page Contact Us
----------------------------------*/
.contact-info				{ padding-bottom: 20px;}
.contact-info img			{ border: 1px solid #59cbe8; float: left; margin-right: 10px;}
.contact-info .contact-text	{ float: left;}
.contact-info .contact-text	h2 { margin-top: 0;}
#contact-form textarea		{ height: 128px; }
#contact-form .captcha-area		{ float: right; }
#contact-form .signups		{ float: left; margin: 1.5em; }
#contact-form .submit		{ float: right; }

/*	Accounts
----------------------------------*/
#just-ordered		{ display:none;}

table.order-list  	{width: 100%;}
table.order-list th	{background-color: #666666;border: 1px solid #DDDDDD;color: #FFFFFF;font-weight: normal;padding: 4px 2px;text-align: center;}
table.order-list td	{background-color: #FFFFFF;border: 1px solid #DDDDDD;padding: 3px 2px;}

/*	Invoice
----------------------------------*/
#invoice-detail		{ background-color:#fff;border:1px solid #ddd;padding:10px;margin-bottom:50px;}
table.invoice td	{ padding:4px;}
p.tracking img		{ display:inline;float:none;padding:0;margin:0;}
.order-list a		{ color:#59cbe8; }

/* =========  DEFAULT TEMPLATE  ==== */
#body				{ padding-bottom: 30px;padding-top: 30px;}
#body.alternative	{ background-color: #FFFFFF;overflow-x: hidden !important;}

/* =========  Shopping Cart Basics */
#catCartSummary			{display: none;}
#shoppingCart			{background-color: #282325;float: right;height: 50px;line-height: 50px;margin-top: -1px;}
.shop-inner				{color: #FFFFFF;display: none;font-size: 14px;height: 50px;line-height: 50px;padding: 0 40px 0 10px;text-align: left;}
.cartSummaryItem		{}
a.cartSummaryLink		{color: #FFFFFF;margin: 0 5px 0 0;}
a:active.cartSummaryLink,
a:hover.cartSummaryLink	{}
a#catshopclear			{font-size: 14px;font-weight: normal;}
.shippingDiv > span		{display: block;margin: 14px 0;}

/* ---------------------------------- */
/* =========  Products Banner ======= */
/* ---------------------------------- */
.products-banner {
	list-style: none;
	margin: 0;
	padding: 0; 
}
.products-banner img {
	width: 100%;
}
.bx-pager {
	padding-top: 20px;
	text-align: center;
}
.bx-pager-item {
	display: inline-block;
	padding: 0 5px;
}
.bx-pager-item a {
	background-color: #59cbe8;
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -999px;
	overflow: hidden;
	border-radius: 50%;
}
.bx-pager-item a.active {
	background-color: #000;
}
/* ---------------------------------- */
/* ======  CATALOGUES & PRODUCTS ==== */
/* ---------------------------------- */
.catalogue-list-heading {
	padding-left: 12px;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid #c0c0c0;
}
.catalogue-list-description {
	background-color: #eee;
	padding: 30px;
	margin: 0 15px 15px;
}
.catalogue-list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.catalogue-list li {
	float: left;
	padding: 15px;
	width: 20%;
}
.catalogue-list li a {
	border: 1px solid #DDDDDD;
	display: block;
}
.catalogue-list li a:hover {
	text-decoration: none;
}
.catalogue-list li a .catalogue-name {
	padding: 10px 12px;
	margin: 0 -1px -1px;
	background-color: #59cbe8;
}
.catalogue-list li a h4 {
	height: 50px; /* 58px was old */
	margin: 0;
	font-size: 18px;
	color: #fff;
}
.catalogue-list li a .catalogue-image {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}
.catalogue-list li a img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	max-height: 100%;
}
.catalogue-list h3 {
	margin: 0;
}

/*	CUSTOM - AJAX catalogue
----------------------------------*/
#catBathrooms,
#catCentralHeating,
#catPlumbing	{display: none;}
#catManual		{}
.catNav 						{padding-top: 80px;}
.catNav > h2					{color: #FFFFFF;font-size: 24px;font-weight: 300;margin: 0 0 12px 0;padding-left: 15%;}
.catNav > ul					{margin: 0;overflow: hidden;padding:0 0 20px;}
.catNav > ul > li				{padding-left: 15%;}
.catNav > ul > li.selected		{background-color: #333333;margin: 0;padding-bottom: 10px;padding-top: 5px;}
.onAccount .catNav > ul > li.selected	{background-color: #10374d;}
.catNav > ul > li.selected:first-child { margin-top: 0; }
.catNav > ul > li a				{color: #FFFFFF;font-size: 15px;line-height: 25px;text-decoration: none;}
.catNav > ul > li a:hover		{}
.catNav > ul > li > ul			{display: none;height: 0;margin-left: 20px;}
.catNav > ul > li.selected > ul	{display: block;height: auto; margin-top: 5px; }
.catNav > ul > li > ul a		{font-size: 14px;line-height: 25px;position: relative;}
.catNav > ul > li > ul a:hover	{}
.catNav > ul > li > ul a:before	{background-color: #FFFFFF;border-radius: 50%;color: #FFFFFF;content: "";font-size: 60px;height: 14px;left: -20px;line-height: 10px;position: absolute;top: 2px;width: 14px;}
.catNav > ul a.checked:before	{background-color: #59cbe8;}

.catNav > ul > li,
.catNav > ul > li > ul			{ -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

#shop-section				{background-color: #000000;}
#shop-section aside			{float: left;height: 100%;margin-top: 0;width: 20%; transition: width 0.3s; -webkit-transition: width 0.3s;}
#shop-section aside > .canstick			{position: relative;}
#shop-section aside > .canstick.stuck	{left: 0;position: fixed;top: 80px !important;width: 20%;}
#shop-section main			{background-color: #f0f0f0;float: left;padding-left: 60px; padding-top: 60px; width: 80%; transition: width 0.3s; -webkit-transition: width 0.3s;}
#shop-section.loading		{height: 100%;}
#shop-section.loading main	{background-image: url("images/loginRedirect.gif");background-position: 50% 50%;background-repeat: no-repeat;height: 100%;}

#prodLists .item	{margin: 0 0 40px;}
#prodLists .item h3	{color: #777;font-size: 14px;margin: 0;text-transform: uppercase;}
#prodLists .item h2	{border-bottom: 1px solid #DDDDDD;color: #333333;line-height: 1;margin: 0 0 20px -60px;padding-bottom: 10px;padding-left: 60px;text-transform: uppercase;}
.productItem,.productItemLast	{/* margin: 0 10px 10px 0 !important; */padding: 0 10px 10px 0;width: 16.666%;}

/*	Overall
----------------------------------*/
#prodLists				{ clear: both; }
#shop-section			{/* padding-bottom: 30px;padding-top: 30px; */}
.productItemNotFound,
.catalogueItemNotFound	{display: none;list-style: none outside none;}
#catDescrLive			{background-color: #FFFFFF;border: 1px solid #ddd;display: none;height: auto !important;margin: 10px 10px 10px 0;padding: 15px 15px 5px;}
.productfeaturelist		{margin: 0;padding: 0;}

/*	Catalogues and Products shared styles
----------------------------------*/
.productList,		.catalogueList		{margin: 0;padding: 0;}
.productList li,	.catalogueList li	{list-style: none outside none;}
.productItem,		.catalogueItem,
.productItemLast,	.catalogueItemLast	{float: left;list-style: none outside none;margin: 0;position: relative;}

.catlist,					.prod-list 					{background-color: #FFFFFF;border: 1px solid #DDDDDD;margin: 0;overflow: hidden;/* width: 200px; */max-width: 478px;min-width: 200px;}
.cat-bg,					.prod-bg					{position: relative;}
.cat-info,					.prod-info					{bottom: 0;left: 0;opacity: 0;padding: 20px;position: absolute;right: 0;top: 0;-webkit-transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-ms-transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.cat-info img,				.prod-info img				{display: block;}
.cat-bg:hover .cat-info,	.prod-bg:hover .prod-info	{opacity: 1;}
.cat-image,					.prod-image					{display: block; height: 148px;overflow: hidden;width: 198px; margin: 0 auto;}
.cat-image img,				.prod-image img				{max-height: 100%;margin: 0 auto;}
.catlist a.focus,			.prod-list a.focus			{bottom: 0;display: block;left: 0;padding: 20px;position: absolute;right: 0;top: 0;}

.cat-name,					.prod-name					{padding: 0 5px 5px; height: 60px;}
.cat-name .title,			.prod-name .title			{height: 50px;width: 100%;}
.cat-name h5,				.prod-name h5				{display: table;font-weight: 300;height: 50px;margin: 0;width: 100%;}
.cat-name a,				.prod-name a				{color: #231F20;display: table-cell;font-size: 15px;line-height: 1.25;text-decoration: none;vertical-align: middle;}
.cat-name a:hover,			.prod-name a:hover			{}
.featured-products .prod-list { width: 100%;}
/*	Catalogues List
----------------------------------*/
.catalogueList li	{float: none;}

/*	LIST Catalogues
----------------------------------*/
.cat-list					{}
.cat-image a				{}
.cat-image img				{}
.cat-bg:hover .cat-info		{}
.cat-info					{background-color: #444444;}
.cat-info img				{}
.cat-info .desc				{margin-top: 50px;}
.cat-name					{background-color: #444444;padding: 0 10px;}
.cat-name .title			{}
.cat-name h5				{}
.cat-name a					{color: #FFFFFF;}
.cat-name a:hover			{}

/*	LIST Products
----------------------------------*/
.prod-list					{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.prod-list:hover			{border-color: #333333;}
.prod-image img				{}
.prod-bg:hover .prod-info	{}
.prod-info					{background-color: #59cbe8;}
.prod-info img				{margin: 20px 0 0;}
.prod-info .desc			{}
.prod-info a.fav-prdct		{}
.prod-info a.view			{}
.prod-name					{border-top: 1px solid #DDDDDD;position: relative;}
.prod-name .title			{color: #59cbe8;font-weight: 600;height: 24px;line-height: 24px;text-transform: uppercase;}
.prod-name h5				{}
.prod-name a				{color: #59cbe8;line-height: 24px;}
.prod-name a:hover			{color: #444444;}

.prod-list .price-section	{position: relative;font-size: 12px;}
.prod-list .price,
.prod-list .retail			{line-height: 1;}
.prod-list .price			{}
.prod-list .price em,
.prod-list .retail em,
.prod-list .excl-gst em		{float: right;font-style: normal;text-align: right;text-transform: uppercase;}
.prod-list .retail			{display: none;}
.prod-list .retail span		{color: #C4C1B8;font-style: normal;margin-right: 5px;}

/* RRP vs On Sale */
.prod-list.sale0 .retail		{}
.prod-list.sale1 .retail		{display: block;}
.prod-list.sale0 .retail .rrp	{display: inline;}
.prod-list.sale0 .retail .was	{display: none;}
.prod-list.sale0 .retail em		{}
.prod-list.sale1 .retail .rrp	{display: none;}
.prod-list.sale1 .retail .was	{display: inline;}
.prod-list.sale1 .retail em		{text-decoration: line-through;}

/* New and Sale badges */
.isnew,
.onsale {
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 50px;
	z-index: 40;
}
.isnew {
	background-color: #FFF;
	border: 1px solid #59cbe8;
	color: #59cbe8;
	right: 5px;
}
.onsale {
	background-color: #59cbe8;
	left: 5px;
}
.prod-list .favoritelink		{position: absolute;right: 0;top: 0;}
.prod-list .favoritelink:hover	{}
.prod-list .favoritelink img	{display: block;}
.prod-list .isnew				{display: none;}
.prod-list.sale0 .onsale		{display: none;}
.prod-list.sale1 .onsale		{display: block;}

/* GST for NZ visitors or non NZ visitors */
/*
.prod-list .excl-gst,
.prod-list .price		{display: none;}
*/
.prod-list .excl-gst	{display: block;}

/* stock control */
.prod-list .out-of-stock-note,
.prod-list .in-stock-note				{font-weight:bold;height:28px;line-height:28px;margin:0 8px;text-align:center;}
.prod-list .out-of-stock-note			{color: #d03d3d;display: none;}
.prod-list .in-stock-note				{background: url(images/instock.png) no-repeat 27% 55% transparent;color: #739900;display: block;}
.prod-list.stock0 .out-of-stock-note	{display: block;}
.prod-list.stock0 .in-stock-note		{display: none;}

/*	Related Products Overide
----------------------------------*/
table.productTable, table.productTable tbody 	{display: block;position: relative;overflow: hidden;}
table.productTable tr							{display:block;}
#related-products-raw							{display:none;}
#related-products								{margin: 0;padding: 0;}
#related-products ul							{margin: 0;padding: 0;}
#related-products .shop-product-small .price	{text-align:center;}
#related-products .productItem					{float: left;padding: 0;}
#related-products .productItem:last-child		{padding-right:0;}
#related-products .prod-list					{margin: 0;}

/* PRODUCT LARGE */
#shop-product-large,
.productLarge				{}
.productLarge .productItem	{list-style:none;float:none;margin:0;padding:0 0 30px;width:auto;}

.productEnquiry				{clear: both;display: block;width: 200px;text-align: center;margin: 0 0 10px;}

.download-pdfs				{clear: both;display: block;width: 200px;position: relative;}
.download-pdfs.open ul		{display: block;}
.download-pdfs.open > button     {border-color: #000000; color: #000000;}
.download-pdfs button { background-color: transparent; width: 100%;}
.download-pdfs button:focus { outline: none;}
.download-pdfs ul			{background-color: #000000;border-radius: 25px;display: none;left: 0;margin: 0;padding: 15px 5px;position: absolute;text-align: center;top: 65px;z-index: 1000}
.download-pdfs ul:before	{
	content: "";
	margin-left: -10px;
	position: absolute;
	left: 50%;
	top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #000000;
}
.download-pdfs ul a {
	color: #FFF;
	display: block;
/* 	line-height: 30px; */
	min-width: 200px;
	text-align: center;
}
.download-pdfs ul li {
	margin: 0 0 15px;
}
.download-pdfs ul li:last-child {
	margin: 0;
}
.download-pdfs>a {
	clear: both;
	min-width: 200px;
	text-align: center;
}
.download-pdfs ul a:hover {

}

.productContent				{margin: 0;padding-left: 0;}
.productContent .title		{}
.productContent .title h1	{color: #333333;font-size: 36px;line-height: 40px;margin: 0;}
.productContent .title h2	{border-bottom: 1px solid #DDDDDD;font-size: 18px;margin-bottom: 20px;padding-bottom: 5px;}
.productContent .price-section	{ margin-top: 10px; }
.productContent #prodDescription	{ margin-bottom: 20px; }

.poplets				 			{margin:0 0 20px 0;}
.poplets ul							{margin: 0;overflow: hidden;padding: 0;}
.poplets ul li						{float: left;width: 33%;}
.poplets ul li img					{padding: 5px;max-width: 100%;}
.poplets ul li:nth-child(3n) img	{padding-left: 0;}

table.productPoplets			{ border-collapse:collapse;border-spacing:0;margin:0;background-color: #FFFFFF;}
.productPopletsItem				{ border:1px solid #CCCCCC;padding:5px;margin:0 5px;}

#details-wrap .values			{ display:block;height:24px;line-height:22px;}
#details-wrap .instock 			{ float:left;color:#666;margin-right:10px;line-height:22px;}
#details-wrap .product-code		{ float:left;color:#666;font-size: 12px;}
#details-wrap .padding					{margin: 20px 20px 0 0;padding: 0 0 20px 20px;position: relative;}
#details-wrap #details-right .padding	{border-left: 1px solid #CCCCCC;}

.lrgimage		{margin-bottom: 20px;}
.lrgimage img	{}
.act-image		{border: 1px solid #DDDDDD;}
.act-image img	{ margin: auto; }

.logged-0 .ViewWishlist,
.zone-Customers .ViewWishlist a.whole,
.zone-Wholesalers .ViewWishlist a.use	{display: none;}

.zone-Wholesalers .ViewWishlist a.whole,
.zone-Customers .ViewWishlist a.use		{ display:inline;}

.ViewWishlist			{}
.ViewWishlist a			{}
.enquire-product		{background: url("images/icons/question.png") no-repeat scroll 92% 50% #E7E7E7;border: 1px solid #D7D7D7;color: #59cbe8;display: block;height: 32px;line-height: 32px;margin: 15px 0;padding: 0 5px 0 19px;text-align: left;text-transform: uppercase;}

#shop-ad a.item {
	display: none;
}

.bathrooms-and-kitchens #shop-ad .b-meters-ad,
.bathrooms-and-kitchens #shop-ad .rain-plus-ad,
.bathrooms-and-kitchens #shop-ad .comfort-plus-ad {
	display: none;
}
.central-heating #shop-ad .b-meters-ad,
.central-heating #shop-ad .rain-plus-ad {
	display: none;
}
.plumbing #shop-ad .comfort-plus-ad {
	display: none;
}
#shop-ad {
	display: none;
	margin-bottom: 50px;
}

#shop-ad a {
	padding-right: 0;
	margin-right: 10px;
}
.shop-ad-r {
	float: left;
	width: 60%;
}
.shop-ad-l {
	float: right;
	padding-left: 20px;
	width: 40%;
}
.ad-item {
	width: 30%;
}
#shop-ad a.item {
	background-color: #59cbe8;
}
#shop-ad a.item .sub-b-img {
	height: 140px;
}

#shop-product-large .convertlink			{ display:block;height:33px;text-indent:-99999px;background:url(images/icons/convertcurrency.png) no-repeat scroll 58% 49% transparent;/* border:1px solid #ababab;color:#333;display:block;padding:5px 39px 5px 5px;text-align:right;margin:2px 0 5px 0;*/ }
#shop-product-large .enquireAboutProduct	{ background:url(images/icons/question.png) no-repeat scroll 55% 54% transparent;border:1px solid #ababab;color:#333;display:block;padding:0;text-align:left;text-indent:-99999px;margin:0;}

.producti.note		{ background-color:#cfe2f1;padding:5px 0;margin:10px 0;}
.producti.note h3	{ color:#3a89c9;font-size:13px;margin-left:10px;}
.producti.note p	{ color:#454545;margin:10px;line-height:17px;}

#shop-product-large .quantity					{margin-bottom: 20px;}
#shop-product-large .quantity .productTextInput {}
#shop-product-large .quantity span				{display: inline-block;}
#shop-product-large.stock0 .quantity span		{}
#shop-product-large .quantity .qTitle			{font-size: 14px;height: 30px;line-height: 30px;margin-right: 10px;}
#shop-product-large .quantity .inputVal			{height: 30px;width: 30px;}
#shop-product-large .quantity .inputVal input	{border: medium none;font-size: 16px;height: 30px;line-height: 30px;outline: medium none;text-align: center;width: 30px;}
#shop-product-large .quantity .sbtrctQty,

#shop-product-large .quantity .sl				{}
#shop-product-large .quantity .instock			{}

#shop-product-large .quantity span		{height: 40px;line-height: 40px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#shop-product-large .quantity span.btn	{height: 40px;width: 40px;}

#shop-product-large .quantity .outOfStockMessage		{display:none;}
#shop-product-large.stock0 .quantity .outOfStockMessage	{}
#shop-product-large.stock0 .instock						{}

/*
.addToCartLogin				{display: none;}
.logged-1 .addToCartLogin	{display: block;}
*/

.add-to-cart2 {/* float: right; */min-width: 200px;text-align: center;}

#shop-product-large .lrgimage .imonsale,
#shop-product-large .lrgimage .isnew			{ display:none;}
#shop-product-large.sale1 .lrgimage .imonsale {
	background-color: #59cbe8;
	border-radius: 50%;
	color: #FFF;
	display: block;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 25px;
	text-align: center;
	top: 10px;
	width: 50px;
	z-index: 30;
}
#shop-product-large.sale1.new .lrgimage .isnew	{ display:block;position:absolute;z-index:30;top:0;left:0 }

.productContent .price			{ font-size: 18px; }
.productContent .price em		{ font-style: normal; }
.productContent .price strong	{ color: #59cbe8; }
.productContent .price .tax		{ color: #aaa; font-size: 14px; }
.productContent .price sup		{}
/* .productContent .excl-gst		{display:block;} */

/*
body.NZ .price				{ display: block !important;}
body.NZ .excl-gst			{ display: none !important;}

body.onAccount .price		{ display: none !important;}
body.onAccount .excl-gst	{ display: block !important;}
*/
/*
body.NZ .price		{ display: none !important;}
body.NZ .excl-gst	{ display: block !important;}
*/

#shop-product-large a.favoritelink		{left: 25px;position: absolute;top: 10px;}
#shop-product-large a.favoritelink img	{display: block; padding: 10px;}

#shop-product-large .tell-a-friend-product a		{ background-color:#ccc;border:1px solid #ababab;color:#333;display:block;margin-bottom:0;padding:5px;text-align:right;}
#shop-product-large .tell-a-friend-product a:hover	{ background-color:#666;border-color:#555;color:#fff;}


/*  ======== Product Large tabs ====== */
/*
#lproductfooter				{}
#lproductfooter .padding	{padding: 20px;}

ul.tabs					{ margin:0;padding:0;background-color:#e7e7e7;border:1px solid #d7d7d7;height:auto !important;min-height:31px;line-height:31px;}
ul.tabs li				{ display:block;float:left;list-style:none outside none;margin-bottom:-10px;padding:0;}
ul.tabs li a 			{ border-bottom:0 none;color:#333;line-height:31px;margin-right:10px;padding:5px 10px;text-decoration:none;font-weight: 400;}

ul.tabs li.selected a, ul.tabs li.hover a,
ul.tabs li:hover a		{ display:block;padding:0 10px;background-color:#1f1f1f;color:#fff;text-decoration:none;}

ul.tabs li.selected span, ul.tabs li:hover span,
ul.tabs li.hover span	{ background:url("images/bg/down-arrow-black.png") no-repeat scroll 47% 50% transparent;display:block;height:10px;line-height:10px;}

ul.tabs li a.selected,
ul.tabs li a:hover		{ background-color:#1f1f1f;color:#fff;}
.tab-content 			{ clear:both;border:1px solid #d7d7d7;background-color:#fff;padding:0;margin:0;border-top:0 none;}
*/

/* Product Atributes */
.catProductAttributeGroup			{}
.productAttributes					{clear: both;float: left;max-width: 100%;min-width: 200px;margin: 0 0 1.5em 0;}
/* .productAttributes:nth-child(odd)	{float: left;}
.productAttributes:nth-child(even)	{float: right;}
.catProdAttributeTitle				{display: none;} */

/* Recently Viewed */
#VistorProducts ol					{ padding:10px 0;min-height:40px;height:auto !important;height:40px;margin:0;/*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d7d7d7;*/ }
#VistorProducts li					{ margin:0 0 6px 23px;line-height:20px;list-style-position:outside;color:#59cbe8;}
#VistorProducts a,
#VistorProducts a:visited			{ color:#59cbe8;text-decoration:none;border-bottom:1px solid #59cbe8;}
#VistorProducts a:hover,
#VistorProducts a:active			{ text-decoration:none;color:#000;border-bottom:1px solid #000;}

/* Wishlist  */
#wishlist-items						{ margin-top:30px;}
#wishlist-items .shop-product-small	{ float:left;width:174px;margin-right:10px;margin-bottom:10px;}

#wishlist-items .shop-product-small h5			{ display:table;text-align:center;color:#fff;padding:2px 0 3px 0;height:55px;min-height:55px;margin:0;width:100%;z-index:6;}
#wishlist-items .shop-product-small h5 span		{ color:#fff;display:table-cell;line-height:1.4em;padding:0 4px;text-align:center;vertical-align:middle;}
#wishlist-items .shop-product-small h5 a		{ border-bottom:1px dotted #999;color:#fff;line-height:1.4em;text-align:center;}
#wishlist-items .shop-product-small h5 a:hover	{ color:#666;}

/* Catalog Browse */
.browse-sale,.browse-price,
.browse-catalogue		{ display:none;}

.browse-panel			{background-color:#fff;border-top:0 none;height:auto !important;height:80px;margin:10px 0 20px 0;min-height:80px;padding-bottom:5px;}
.browse-panel h5		{ display:none;}
.browse-panel h6		{ display:none;background-color:#F7F7F7;font-size:11px;font-weight:normal;margin:10px 0 0 0;padding:5px 10px;clear:left;}
.browse-panel li span	{ font-weight:normal;color:#1f1f1f;}

.browse-panel li a:hover span	{ color:#59cbe8;}
.browse-panel li a:hover		{ color:#59cbe8;}

.buy-now .productSubmitInput	{ background:url(images/buttons/buy-now.png) no-repeat 0 50%;border:0 none;cursor:pointer;color:transparent;height:34px;line-height:1 !important;padding:0 !important;width:232px;}

.browse-panel ol{ border:0 none;background-image:none;}
.browse-panel li { width:30%;float:left;list-style:none;padding:3px 9px;}

.body-shop		{}

#shop-sub-nav	{position: relative;margin-top: -10px;}

#catalogue-browse-nav				{ background-color:#e7e7e7;border:1px solid #d7d7d7;height:32px;margin:10px 0 0 0;padding:5px 10px 0 10px;}
#browse-the-catalog					{ margin-top:-10px;zoom:1;}
#catalogue-browse-nav li 			{ float:left;list-style:none;margin-bottom:-9px;}
.no-subs#catalogue-browse-nav li	{ margin-bottom:0;}
#catalogue-browse-nav li.active span{ background:url(images/bg/down-arrow-black.png) no-repeat 61% 50%;display:block;height:10px;line-height:10px;}
#catalogue-browse-nav li a			{ border-bottom:0 none;color:#333;font-weight: 400;line-height:31px;margin-right:10px;padding:5px 8px;text-decoration:none;}
#catalogue-browse-nav li a:hover	{ border-bottom:1px solid;}
#catalogue-browse-nav li.active a,
#catalogue-browse-nav li a:active	{ background-color:#1f1f1f;border:0 none;color:#fff;display:block;line-height:21px;margin-right:10px;padding:5px 8px;text-decoration:none;}
#sub-catalogues,
#by-price	{ display:none;}

#ddMonth	{ width:70px;}
#ddYear		{ width:71px;}

a.cartLink, a.cartLink:visited 		{border: 1px solid;border-radius: 50%;display: block;font-size: 2.4rem;height: 250px;line-height: 1.3;margin: 50px auto;padding: 90px 20px;text-align: center;text-transform: uppercase;width: 250px;/*background: url(img/emptycart.png) no-repeat scroll 0 0 transparent;display: block;height: 250px; margin: 50px auto;text-indent: -999999px;width: 250px;*/}
a.cartLink:hover, a.cartLink:active {color: #999999;text-decoration: none;}

/* =========  Breadcrumbs ===== */
#shop-section .breadcrumbs,
.shop-cart .breadcrumbs		{background-color: #FFFFFF;border-color: #CCCCCC;border-style: solid none;border-width: 1px 0;color: #999999;font-size: 12px;height: 38px;line-height: 38px;overflow: hidden;padding-left: 0;}

.breadcrumbs a				{color: #999999;text-decoration: none;}
.breadcrumbs a:hover,
.breadcrumbs a:active		{color: #59cbe8;}
.breadcrumbs a:last-child,
.breadcrumbs a.last			{}
.breadcrumbs a.bread-home	{padding-left: 20px;}

#bread-left					{float: left;width: 70%;}
#bread-right				{float: right;width: 30%;}

/* Product Loading and Pagination */
#productsFooter		{margin: 0 0 20px;}
#loadmore,
#loadmore:visited	{background-color: #FFFFFF;border: 1px solid #CCCCCC;display: none;margin: 0 auto;padding: 4px 0;text-align: center;text-decoration: none;width: 220px;}
#loadmore:hover,
#loadmore:active	{background-color: #59cbe8;color: #FFFFFF;}

.productsearchPagination	{ clear:both;list-style:none;}

/* =========  Testimonial  ===*/
.visual						{ width:40px;height:40px;line-height:40px;overflow:hidden;float:left;text-align:left;border:3px solid #cac7c7;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;background:#ccc url(images/bg/nopicture.jpg)  no-repeat 50% 50%;}
.person						{ float:left;margin-left:6px;text-align:left;}
.bubble						{ margin-top:16px;}
.speach						{ background:transparent url(images/bg/speachfooter.png) no-repeat bottom left;padding-bottom:31px;}
.innerSpeach				{ background:transparent url(images/bg/speachfooterheader.png) no-repeat top left;padding:15px 0 0;}
.speachRepeat				{ background:transparent url(images/bg/speachrepeat.png) repeat-y 0 0;}
a.tmore, a.tmore:visited	{ font-size:11px;text-transform:uppercase;color:#59cbe8;text-align:right;float:right;margin:5px 10px 0 0;}

#testimonialRandom	{ margin:30px 0 40px 0;}

.testimonialSmall p			{ color:#999;font-family:Georgia, serif;font-size:14px;font-style:italic;margin:0 15px 0 10px;}
.testimonialSmall p span	{ font-size:18px;color: #CCCCCC;}
.testimonialSmall h4		{ color:#373535;font-weight:bold;line-height:14px;margin:2px 0 0 0;padding:0;width:auto;}
.testimonialSmall small		{ color:#373535;font-size:11px;width:auto;}

.testimonialLarge .bubble	{ -moz-border-radius:5px;-webkit-border:5px;background-color:#fff; border:1px solid #d7d7d7;border-radius:5px;margin:0 0 20px 0;padding:20px;position:relative;}
.testimonialLarge .leadin	{ font-family:Georgia1,Georgia,serif;margin:5px 0 5px 0 !important;padding:0 !important;}
.testimonialLarge .tdescript	{ font-family:Georgia1,Georgia,serif;font-style:italic;}
.testimonialLarge p	{ color:#999;font-size: 15px; }


.testimonialLarge .person	{ float:none;padding:0;margin:0;width:auto;}
.testimonialLarge h4		{ font-size:17px;}
.testimonialLarge h4 small	{ font-size:14px;}
.testimonialLarge .who		{ margin-top:20px;}

.ft, .lt	{ font-size:30px;display:block;position:absolute;color:#ccc;font-family:cursive;}
.ft			{ text-align:left;top:5%;left:3%;}
.lt			{ text-align:right;bottom:3%;right:3%;}

/* =========  Newsletter Signup ===*/
#newsletter-signup							{}
#newsletter-signup .field					{background-color: #786942;border: 0 none;color: #D7CEB7;font-size: 12px;height: 50px;margin-bottom: 10px;text-indent: 10px;width: 100%;}
#newsletter-signup .reveal					{display: none;position: relative;text-align: right;}
#newsletter-signup .reveal button			{background-color: #786942;margin-top: 140px;}
#newsletter-signup #recaptcha_widget_div	{position: absolute;right: 0;top: 0;}

/* =========  SITE SEARCH  ======= */
#search-the-site			{overflow: hidden; position: absolute; right: 0; top: 20px; width: 85%;}
#search-the-site .advancedSearchLink { display: none;}
#search-the-site fieldset 	{ position: relative;}
#search-field				{border: 0 none; border-radius: 0;float: left;height: 40px;line-height: 40px;padding: 0;text-indent: 5px;width: 100%; font-weight: 300; font-style: italic;}
#search-submit 				{background-color: #333;color: #FFF;display: inline-block;height: 40px;padding: 0 0 0 40px;position: relative;text-indent: -99999px;width: 0; position: absolute; top:0; right: 0;}
#search-submit:before		{content: "\e62a";font-family: 'icomoon';font-size: 22px;left: 9px;position: absolute;text-indent: 0;top: 5px;}
.onAccount #search-submit	{background-color: #10374d;}
.onAccount #search-submit:hover,
#search-submit:hover		{background-color: #59cbe8;}

.advancedSearchLink			{display:block;font-size:10px;margin-left:5px;margin-top:3px;text-transform:uppercase;}
.advancedSearchLink:hover	{}

#advancedProductSearch				{}
#advancedProductSearch .selecter	{ margin: 0; height: 38px; } 

.homepage #advancedProductSearch		{background-color: #eee;margin-bottom: 40px;padding: 20px;}
.homepage #advancedProductSearch h2		{margin: 0 0 1em;}
.homepage #advancedProductSearch label	{display: none;}
.homepage #advancedProductSearch .row 	{margin-bottom: 0 !important;}

/* =========  Left Navigation Elements */
.left-nav						{ padding:5px 0;margin-bottom:20px;}
.left-nav ul					{ margin: 0;padding: 0;}
.left-nav li					{ list-style:none;}
.left-nav li ul					{ display:none;}
.left-nav li ul li:last-child	{ border-bottom:0 none;}
.left-nav li.selected ul			{ margin:0;display:block;padding:0;}
.left-nav li.selected li			{ padding:6px 0 5px 10px;}
.left-nav li.selected ul li ul		{ display:none;}
.left-nav li.selected ul li.selected ul	{ display:block;margin:0 0 0 5px;padding:6px 0 0px 0;}
.left-nav a	{ margin-bottom:0;}

/* =========  LEFT NAVIGATION  ========= */
.left-nav h3			{margin:0 0 13px 0;}
.left-nav a,
.left-nav a:visited		{background-color: #E7E7E7;color: #333333;display: block;padding: 6px 10px;text-decoration: none;}
.left-nav li				{margin-bottom: 2px;}
.left-nav li > li			{margin-bottom: 0;}
.left-nav li:last-child	{}
.left-nav li.selected li a	{ width:auto;background:transparent url(images/icons/sub-nav.png) 0 50% no-repeat;color:#1c1b1b;border:1px solid #fff;border-width:0 1px 0px 0;padding:0 0 0 10px;margin-bottom:0;}
.left-nav li.selected ul	{ background-color:#fff;margin-bottom:6px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
.left-nav a:hover,.left-nav li.selected a,.left-nav a:active,
.left-nav li.selected li.selected a	{ background-color: #666666;color: #fff;}
.left-nav li.selected li a:hover,
.left-nav li.selected li.selected a	{ background:url("images/icons/sub-nav.png") no-repeat scroll 0 50% transparent;border:0 none;color:#59cbe8;text-shadow:0 0 0 #fff;}
.left-nav li.selected li.selected a { background:url("images/icons/sub-nav-selected.png") no-repeat scroll 0 50% transparent;margin-bottom:0;}
.left-nav li.selected ul li ul		{ border-left:0 none;margin-bottom:5px;}
.left-nav li.selected ul li ul li	{ margin-bottom:3px;padding:2px 0 2px 10px;border-bottom:0;}
.left-nav li.selected ul li ul li a,
.left-nav li.selected ul li.selected ul li a 			{ background:url("images/icons/sub-nav.png") no-repeat scroll 0 50% transparent;border:0 none;color:#1C1B1B;font-size:12px;margin:0;padding:0 0 0 10px;}
.left-nav li.selected ul li ul li a:hover,
.left-nav li.selected ul li.selected ul li.selected a	{ color:#59cbe8;}

#user-menu.left-nav a,
#user-menu.left-nav a:visited		{ background-color:#232323;color:#f7f7f7;}
#user-menu.left-nav a:hover			{ background-color:#666;}
#user-menu.left-nav li.selected a	{ background-color:#666;color:#fff;text-shadow:0 0 0 #fff;}

#wholesaler-menu.left-nav a,
#wholesaler-menu.left-nav a:visited		{ background-color:#e2f8e4;color:#3C8821;border-color:#a5cea8;}
#wholesaler-menu.left-nav a:hover		{ background-color:#000;color:#fff;border-color:#000;}
#wholesaler-menu.left-nav li.selected a	{ background-color:#000;color:#fff;text-shadow:0 0 0 #000;border-color:#000;}

.logged-1 .forgot-login	{ display:none;}

#tradePickupMenu			{display: none;}
.onAccount #tradePickupMenu	{display: block;}

.show-for-tradeAccount-only	{display: none;}

#payment-methods		{ margin:20px 0;padding:0;}
#payment-methods li		{ list-style:none;float:left;margin:0 10px 3px 0 }
#payment-methods li:last-child,
#payment-methods li.last{ margin-right:0;}

/* =========  Product Lists=========*/
#product-lists			{ margin:30px 10px 25px;}
#product-lists div		{ float:left;margin-right:13px;width:311px;}
#product-lists ul		{ border-top:2px solid #747474;padding-top:10px;margin:5px 35px 5px 0;}
#product-lists ul li	{ background:url(images/icons/list-icon.png) no-repeat 0 55%;list-style:none;margin-bottom:5px;padding:3px 0 0 20px;width:84%;}
#product-lists a		{ color:#59cbe8;}
#product-lists a:hover,
#product-lists a:active	{ color:#444;}

/*	SHOPPING CART
----------------------------------*/
.zone-Customers .wholeseler-note,
.zone-Wholesalers .trade-note,
.logged-0 .trade-clear,
.logged-1 .trade-clear,
.logged-1 .wholeseler-note			{ display:none;}

/*	SHOPPING CART 2
----------------------------------*/
#login-show		{background: url("images/buttons/login.png") no-repeat scroll 0 0 transparent;cursor: pointer;height: 26px;position: absolute;right: 10px;text-indent: -99999px;top: 10px;width: 70px;}
#showlogin		{ display:none;padding:10px 10px 10px 10px;}

.cart h6		{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #BBB;}
.cart > div		{padding: 0 2%;}

.pimage img		{display: block;border-bottom: 10px solid #FFF;border-top: 10px solid #FFF;height: 80px;margin: 0 auto;}
.pquantity > div	{padding: 20px 0;}
.pcost > div		{line-height: 80px;}

.productitemcell a		{line-height: 80px;}

.pname					{}
.pname .productitemcell	{display: table;height: 80px;}
.pname a				{display: table-cell;line-height: 1 !important;vertical-align: middle;}

ul.order-summary		{list-style: none;margin: 0;padding: 0;}
ul.order-summary li		{line-height: 30px;padding: 0 10px;}
ul.order-summary li:nth-child(even) {background-color: #F9F9F9;}
ul.order-summary span {display: inline-block;text-align: right;width: 50%;}

.cart-submit {border-top: 1px solid #BBB;margin-top: 20px;padding-top: 15px;}
body.onAccount .cart-submit .tradeAccount	{display: block !important;}
body.onAccount .cart-submit #catshopbuy		{display: none !important;}

/* quote registration / order registration */
#quickOrder,
#loginOrder {
	display: block;
	padding: 20px 40px;
	text-align: center;
}

/* =========  LOGIN ================*/
#login-frame				{}
.shop-cart2 #login-frame	{margin: 0 0 20px;position: relative;}
body.logged-1 #login-frame	{display: none;}

/* =========  Account Login ========*/
.boxed		{border: 1px solid #CCCCCC;margin: 15px 0;}
.boxed > h3	{border-bottom: 1px solid #CCCCCC;margin: 0 -15px;padding: 20px;}
.boxed h1	{margin-top: 0;}

.returningCustomer .padding	{padding: 15px 0;}
.newCustomer				{border-left: 1px solid #CCCCCC;}
.newCustomer .padding		{padding: 15px 0;}
.becomeTradeAccount			{border-top: 1px solid #CCCCCC;}
.becomeTradeAccount .padding{padding: 15px 0;}

/* ========= Blog Styles ========== */

/*	TEMPLATE - Blog
----------------------------------*/
#the-blog		{margin-top: 20px;}
.blog-post		{background-color: #FFFFFF;border: 1px solid #CCCCCC;font-size: 16px;margin-bottom: 50px;padding-bottom: 40px;position: relative;}
.post-date		{left: -16px; top: 30px;}
.post-title		{color: #282325;display: block;font-size: 22px;margin-bottom: 20px;margin-top: 30px !important;}
.post-title		{}
.post-title a	{color: #282325;text-decoration: none;}
.post-preview a	{display: block;}

/* Post Date */
.post-date span			{ display: block; line-height: 1.5em; text-align: center;}
.post-date .post-day	{ background-color: #59cbe8; color: #FFF; font-size: 36px;}
.post-date .post-month	{ background-color: #59cbe8; color: #FFF; font-size: 20px;}
.post-date .post-year	{ border: 1px solid #59cbe8;}

/* Post Info */
.blog-post .post-info	{border-top: 1px solid #59cbe8; font-size: 14px; height: 30px;line-height: 30px;margin-bottom: 10px;margin-top: 30px;position: relative;text-align: right;text-transform: uppercase;}
.blog-post .post-author	{ display: inline-block;}
.blog-post img			{margin-bottom: 20px;}

/* Post Socials */
.social-likes				{background-color: #FFFFFF;box-shadow: 1px 1px 3px #666666;display: none;height: 100px;margin: 0;padding: 10px;position: absolute;right: 3px;top: 40px;width: 125px;z-index: 10000;}
.social-likes .bl-facebook,
.social-likes .bl-twitter	{}
#social-likes .likes > div	{ float: left; margin-right: 10px;}

/* Post Body */

#blog-catagories,#recentPostslist,#archive,#social-likes,
#tag-cloud			{background-color: #FFFFFF;border: 1px solid #CCCCCC;margin: 0 0 20px;}
#blog-catagories h5,#recentPostslist h5,#archive h5,#social-likes h5,
#tag-cloud h5		{background-color: #59cbe8;color: #FFFFFF;font-size: 16px;font-weight: normal;height: 30px;line-height: 30px;margin: 0;padding: 0 20px;}
#blog-catagories ul,#recentPostslist ul,#archive ul,
#tag-cloud ul		{color: #CCCCCC;}
#blog-catagories li,#recentPostslist li,#archive li,
#tag-cloud li		{}
#blog-catagories a,#recentPostslist a,#archive a,
#tag-cloud a		{color: #333333;text-decoration: none;}
#blog-catagories a:hover,#recentPostslist a:hover,#archive a:hover,
#tag-cloud a:hover	{color: #59cbe8;}

#blog-catagories	{}
#blog-catagories h5	{}

#recentPostslist	{}
#recentPostslist h5	{}

#archive			{}
#archive h5			{}

#tag-cloud			{}
#tag-cloud h5		{}
#tag-cloud a		{background-color: #CCCCCC;-webkit-border-radius: 4px; border-radius: 4px;color: #333333;padding: 4px 8px;}
#tag-cloud a:hover	{background-color: #59cbe8;color: #FFFFFF;}

.BlogTagCloud				{padding: 20px;}
a.BlogTagCloud-XX-Large		{font-size: 15px;}
a.BlogTagCloud-X-Large		{font-size: 14px;}
a.BlogTagCloud-Large		{font-size: 13px;}
a.BlogTagCloud-Medium		{font-size: 12px;}
a.BlogTagCloud-Small		{font-size: 11px;}
a.BlogTagCloud-X-Small		{font-size: 10px;}
a.BlogTagCloud-XX-Small		{font-size: 9px;}

#social-likes			{}
#social-likes .likes	{padding: 20px;}

/* =========  Special   ========= */
.code-container				{ width:100%;margin:0 10px;border:1px solid #ddd;background-color:#fff;}
code						{ background-color:#fff;color:#5c5c5c;}
blockquote					{ font:italic 0.6em/1.4em Georgia,"Times New Roman",Times,serif;color:#333;padding:10px 0 15px 0;}

.clear 						{ clear:both;}
.last-right					{ margin-right:0 !important;}
.last-left					{ margin-left:0 !important;}
.loading-image				{ width:100%;height:300px;background-image:url(images/ajax-loader.gif);background-repeat:no-repeat;background-position:50% 50%;}
.btnimg						{ cursor:pointer;}
form .submission input.hidden,
.hidden, form .hidden		{ display:none;}


/* =========  Custom Messages   === */
#message-panel 						{
									display:none;z-index:9999;padding-bottom:13px;
									width:450px;-moz-box-shadow:0 2px 5px #666;-webkit-box-shadow:0 2px 5px #666;box-shadow:0 2px 5px #666;background-color:rgb(50,50,50);
									border:1px solid #fff;	position:absolute;text-align:center;
									-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
									 }

#message-panel .message				{
									font-size:13px;font-weight:normal;
									background:#000;padding:15px 50px;margin:8px 8px -5px 8px;
									color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
									-moz-box-shadow:2px 2px 6px #ccc;-webkit-box-shadow:2px 2px 6px #ccc;box-shadow:2px 2px 6px #ccc;
									 }
#message-panel .message-button		{
									-moz-border-radius:4px;background-color:#666;
									color:#fff;font-size:12px;padding:4px 5px 5px 6px;margin-top:5px;
									 }
#message-panel .close				{ display:block;float:right;background:transparent url(images/icons/delete.png) no-repeat 0 0;width:16px;height:16px;margin-right:12px;margin-top:12px;}

#fromcart-success					{ display:none;padding:10px 0 15px 10px;margin-top:20px;font-size:14px;background:#e2f8e4 url(images/redirect-load.gif) no-repeat 98% 50%;}

form input.form-error				{ background-color:#dd3a24;color:#fff;}
form label.form-error				{ display:none;height:27px;width:50%;background-color:#dd3a24;line-height:27px;position:absolute;top:0;left:999298px;color:#fff;text-align:center;}

/*  ======== Base System Messages ====== */

.system-message,
.system-error-message,
.announcement {
	background-color:#FFF6BF;background-repeat:repeat-x;
	border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-style:solid;border-width:1px;
	color:#404040;margin-bottom: 20px;margin-top: 20px;padding:12px 14px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.system-message h1,
.system-error-message h1		{font-size:24px;line-height:26px;}
.system-message h5				{line-height:18px;}
.system-message p				{margin-bottom:0;}
.system-message div				{margin-top:5px;margin-bottom:2px;line-height:28px;}
.system-message .btn			{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
.system-message .close			{float:right;margin-top:-2px;color:#000;font-size:20px;text-decoration:none;font-weight:bold;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2;}
.system-message .close:hover	{color:#000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;text-decoration:none;}
.system-message.block-message	{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.system-message p				{margin-right:30px;}
.system-message.alert-actions	{margin-top:5px;}
.system-message.error,.alert-message.success,
.system-message.info			{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.system-message.error,
.system-error-message			{background-color:#fddfde;/* border-color:#fbc7c6; */}
.error							{background-color:#fddfde;/* border-color:#fbc7c6; */}
.system-message.success			{background-color:#d1eed1;/* border-color:#bfe7bf; */}
.system-message.info			{background-color:#ddf4fb;/* border-color:#c6edf9; */}
.system-message.notice			{background-color:#ddf4fb;/* border-color:#c6edf9; */}
.system-message p.error			{background-color: transparent;border: 0 none;color:#d12f19;font-size:16px;margin: 5px 0;padding: 3px 0;}
.system-message.error h1,
.system-error-message h1		{color:#d12f19;}
.system-message form			{background:none;border:0 none;margin-top:15px;}
.system-message form fieldset	{background:none;border:0 none;padding:0;}
.system-message form legend, .system-message form h1, .system-message form h2, .system-message form h3,
.system-message form h4			{color:#404040;}
.announcement					{background:#FFF6BF;}
.notice							{background:#FFF6BF;}
.forgot-login.announcement		{font-size:12px;}
.radio.notice					{padding:4px 5px;}
.system-message a				{text-decoration:underline; font-weight:bold;}

/*  ======== Base System Messages ====== */
.jGrowl-message							{ font-size:14px;}
.jGrowl-message p						{ font-size:12px;}
.jGrowl-message img						{ background-image: none;border: 1px solid #FFFFFF;display: block;float: left;margin: 0 10px 10px 0;max-width: 120px;max-height:120px;}
.jGrowl-message img.jnoimage			{ width:30px;margin-top:25px;border:0 none;background-image:none;display:block;float:left;}
.jGrowl-message .title					{ color: #FFFFFF;float: left;font-size: 14px;line-height: 1.2;margin: 0 0 5px 10px;width: 160px;}
.jGrowl-message .message				{ float: left;font-size: 11px;margin: 5px 0 0;text-align: left;width: 170px;}
.jGrowl-message a						{ font-size:11px;display:block;float:none;margin:10px 0 0 0;display:block;padding:1px;}
.jGrowl-message a.message-button 		{ color: #fff;background-color: #333;margin: 10px auto 0;padding: 10px 0;width: 50%;text-align: center;}
.jGrowl-message a.message-button:hover	{ color:#59cbe8;background-color:#fff;}

/*  ======== Generic ================ */
.cant-edit	{ border-color:#e7e7e7;border-style:solid;padding:0;background-image:none;border-left:0 none;}

/* Product Zoom CSS*/
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair}
.zoomPreload{ -moz-opacity:0.8;opacity:0.8;filter:alpha(opacity = 80);color:#333;font-size:12px;text-decoration:none;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url(../images/zoomloader.gif); background-repeat:no-repeat; background-position:43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0; left:0; * width:100px; * height:49px}
.zoomPup{overflow:hidden;background-color:#FFF;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC; z-index:101; cursor:crosshair}
.zoomOverlay{position:absolute;left:0;top:0;background:#FFF;z-index:5000;width:100%;height:100%;display:none; z-index:101}

.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto; z-index:10000; z-index:110}
.zoomWrapper{position:relative;border:1px solid #999; z-index:110}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%; overflow:hidden;text-align:center;font-size:10px; position:absolute; top:0; left:0; z-index:120; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60)}
.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110}
.zoomWrapperImage img{ border:0; display:block; position:absolute; z-index:101}

.zoomIframe{ z-index:-1; filter:alpha(opacity=0); -moz-opacity:0.80; opacity:0.80; position:absolute; display:block}

.wholeseler-note							{ margin:0;padding:7px 10px;}
.wholeseler-note a							{ color:#8c9e45;text-decoration:underline;}
.logged-1 .wholeseler-note					{ margin-bottom:20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.logged-1.zone-Wholesalers .wholeseler-note	{ display:none;}

#productenq-form	{background-color: #FFFFFF;margin: 0 auto;width: 60%;}

/* Misc */
.last-item	{margin-right:0 !important;}


/* ======== Map ======== */

/* --- Filters --- */
.dealer-filter 						{  }
.dealer-filter .title 				{ width: 100%; }
.dealer-filter label 				{ margin: 0 1.5em 1.5em 0; display: inline-block; }
.dealer-filter .selecter			{ min-width: 200px; }
.dealer-filter .selecter-element	{ display: none; }

#map { height: 65vh; }

/* --- Info window --- */
.info-window 	{ padding: 1em; }
.info-window h4	{ margin: 0 0 .5em; }
.info-window dl { padding-left: 20px; }
.info-window dt { width: 90%; display: inline-block; vertical-align: top; font-size: 12px; color: #444; text-decoration: underline; margin: 7px 0 0; }
.info-window dd { width: 90%; display: inline-block; font-size: 14px; margin: 0 0 0 20px; }