/*------------ General Page Rules ----------------------------------------------------------*/


body, html
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body
{
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#4a4a4a;
}

/* ----------- Colours -------------------------*/

/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/

/* ----------- General Page Rules -------------------------*/

body.iframe
{
background: #fff;
}

h1
{
margin: 0px 0px 25px -20px;
color: #cccccc;
font-size: 27px;
font-family: 'Open Sans', sans-serif;
background: #56C54D;
color: #fff;
font-weight: normal;
text-transform: uppercase;
  padding: 20px 20px;
clear: both;
}

.iframe h1
{
margin: 0px 0px 25px 0px;
color: #cccccc;
font-size: 27px;
font-family: 'Open Sans', sans-serif;
background: #56C54D;
color: #fff;
font-weight: normal;
text-transform: uppercase;
  padding: 20px 20px;
}

#home h1
{
margin: 20px 0px 25px;
color: #4A4A4A;
font-size: 24px;
font-family: 'Open Sans', sans-serif;
    background: none;
  font-weight: 300;
  text-transform: none;
  padding: 0px;
}

#home h1 strong
{
color: #56C54D;
}

h2
{
margin: 15px 0px;
color: #4A4A4A;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

#home #pageEditorContent h2
{
margin: 15px 0px;
color: #56C54D;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

#home #pageEditorContent h2#specials
{
margin: 15px 0px 15px -27px;
padding:12px 0px 12px 20px;
color: #FFF;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
background:#56C54D;
width:100%;
}

h3
{
margin: 10px 0px;
color: #4A4A4A;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}

h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
text-transform: uppercase
font-family: 'Open Sans', sans-serif;
}

h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase
font-family: 'Open Sans', sans-serif;
}

p
{
line-height: 23px;
margin: 14px 0px;
}
div#pageSource{ text-align:left; }
ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 0px;
}

li
{
margin: 8px 0px;
min-height: auto;
padding: 0px 0px 0px 30px;
list-style: none;
background: url(http://www.cleaningsuppliesnz.co.nz/images/style/checkbox.png) 0px 4px no-repeat;
}

#pageEditorContent li
{
min-height: 23px;
}

li p
{
margin: 0;
line-height: 19px;
}

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom: #ccc;
}

a
{
color: #000;
}

a:hover
{
color: #818285;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

.container
{
margin: 0px auto;
width: 1022px;
text-align: left;
}

.bgContainer
{
width: 1022px;
float: left;
position: relative;
height: auto;
}

body
{
 background: #231F20;
}

#wrap
{
  float: left;
position: relative;
z-index: 2;
min-height: auto;
width: 100%;
overflow: hidden;
min-width: 1100px;
background:#fff  url(http://www.cleaningsuppliesnz.co.nz/images/style/header_tile.png) top repeat-x;
}

#main
{
  float: left;
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
min-width: 1100px;
padding-bottom: 0px ; /* must be same height as the footer */
 background:   url(http://www.cleaningsuppliesnz.co.nz/images/style/bottom_right_splash.jpg) bottom right no-repeat;
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 1022px;
height: 157px;
background: none;
}

#content
{
float: left;
position: relative;
z-index: 40;
width: 1022px;
min-height: 400px;
  
    margin: 30px 0px 0px 0px;
}

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: -190px 0px 0px 0px;
height: 190px;
background: #231F20;
}

#footer .container
{
margin: 0 auto;
width: 1022px;
text-align: left;
}

#footer .bgContainer
{
float: left;
position: relative;
width: 1022px;
height: 170px;
margin: 0px;
padding: 0px 0px 0px 0px;
background: none;
margin: 0px;
border-bottom: none;
}


/*------------ Module/Element Specific Rules ---------------------------------------*/




#header a.logo
{
float: left;
position: relative;
margin: 17px 0px 0px -15px;
}

#header a.logo img
{

}


/*--------------------------------------------*/


#header #navigation
{
position: absolute;
top: 0px;
right: -10px;
width: auto;
height: auto;
margin: 62px 0px 0px 0px;
}

#header #navigation ul
{
margin: 0 auto;
padding: 0px 0px 0px 0px;
list-style: none;
float: none;
position: relative;
}

#header #navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
line-height: auto;
margin: 0px 0px 0px 0px;
background: none;
border-left: none;
}

#header #navigation ul li.home
{
display: none;
}


#header #navigation ul li:first-child
{
background: none;
border-left: none;
}

#header #navigation ul li.pageNumber38 a
{
width: 100px;
top: 0px;
}

#header #navigation ul li a
{
display: block;
position: relative;
width: auto;
text-align: center;
height: auto;
line-height: auto;
padding: 10px 10px 11px;
border-top: 0px solid #6d6c6c;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;

font-size: 11px;
color: #fff;
text-decoration: none ;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#header #navigation ul li a:hover
{
color: #55c54c;
}

.biozyme #header #navigation ul li a:hover
{
color: #454545;
}

#header #navigation ul li.pageNumber34:hover a,
#header #navigation ul li.pageNumber36:hover a
{
color: #55c54c;
background: #535353;
}

#header #navigation ul li.pageNumber34:hover ul li a,
#header #navigation ul li.pageNumber36:hover ul li a
{
color: #fff;
background: #535353;
}

#header #navigation ul li.pageNumber34:hover ul li a:hover,
#header #navigation ul li.pageNumber36:hover ul li a:hover
{
color: #fff;
background: #55c54c;

}

#header #navigation ul li ul
{
display: none;
}

#header #navigation ul li:hover ul
{
display: block;
}

#header #navigation ul li.pageNumber34 ul
{
width:420px;
}

#header #navigation ul li.pageNumber34 ul li
{
width:97.5%;
}

#header #navigation ul li.pageNumber34 ul li a
{
width:100%;
text-transform:none;
padding:7px 0px 7px 10px;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
list-style: none;
float: none;
position: absolute;
z-index: 2;
top: 36px;
width: 215px;
left: 0px;
background: #535353;
border-bottom: none;
box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.5);
border-radius: 0px;
}

#header #navigation ul li.contact ul
{
left: -100px;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
min-height: 20px;
width: 215px;
line-height: 19px;
margin: 0px 0px 0px 0px;
border: none;
}

#header #navigation ul li ul li a:before
{
content:"\00bb  ";
color: #56C54D;
}

#header #navigation ul li ul li a
{
display: block;
width: 195px;
border-bottom: 1px solid #757575;
text-align: left;
height: auto;
line-height: 17px;
padding: 10px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 12px;
text-transform: uppercase;
position: relative;
color: #fff;
text-decoration: none ;
}

#header #navigation ul li ul li a:hover
{
color: #56C54D;
background: #555555;

}

#header #navigation ul li ul li ul
{
float: left;
position: relative;
margin: 0px 0px 0px -3px;
padding: 0;
top: auto;
left: auto;
border: none;
}

#header #navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
min-height: 33px;
width: 240px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #daedf4;
display: none;
}

#header #navigation ul li ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: 33px;
line-height: 33px;
padding: 4px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;





text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #7093ae;
text-decoration: none ;
}


#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
font-weight: bold;
color: #fff;
border-bottom : 4px solid #56C54D;
}

#header #navigation ul li ul li a.menuSelected
{
font-weight: bold;
color: #fff;
}



/*--------------------------------------------------*/

.moduleComponentContainerindustrySectorCallouts
{
  position: absolute;
  top: 125px;
  left: 0px;
  background: none;
width: 110%;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponentindustrySectorCallouts
{
float: left;
  position : relative;

}

.moduleComponentContainerindustrySectorCallouts h2.bannerTitle
{
float: left;
  position : relative;
  font-size :13px;
  margin: 0;
  padding: 0;
background: #6C7174;
}



.moduleComponentContainerindustrySectorCallouts .moduleComponentindustrySectorCallouts:first-child  h2.bannerTitle a.bannerLink
{
  border:  none;
background: #454545;
  width: 190px;
line-height: 16px;
  padding: 8px 15px 8px;
font-family: 'Open Sans Condensed', sans-serif;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponentindustrySectorCallouts:last-child  h2.bannerTitle a.bannerLink
{
  border:  none;
}

.moduleComponentContainerindustrySectorCallouts h2.bannerTitle a.bannerLink
{
overflow: hidden;
height: 16px;
line-height: 16px;
  display: block;
text-decoration: none;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  border-right: 1px solid #fff;
  padding: 8px 12px 8px;
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
  
}

.moduleComponentContainerindustrySectorCallouts h2.bannerTitle a.bannerLink:hover,
.hospitality-and-food-service .moduleComponentContainerindustrySectorCallouts .moduleComponent15 h2.bannerTitle a.bannerLink,
.commercial-cleaning .moduleComponentContainerindustrySectorCallouts .moduleComponent16 h2.bannerTitle a.bannerLink,
.industrial .moduleComponentContainerindustrySectorCallouts .moduleComponent17 h2.bannerTitle a.bannerLink,
.education-and-public-sector .moduleComponentContainerindustrySectorCallouts .moduleComponent18 h2.bannerTitle a.bannerLink,
.export-pacific-islands .moduleComponentContainerindustrySectorCallouts .moduleComponent19 h2.bannerTitle a.bannerLink
{
background: #56C54D;
}

.moduleComponentContainerindustrySectorCallouts  .moduleComponentindustrySectorCallouts .bannerHtmlContent
{
display: none;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent15 a
{
width: 180px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent16 a
{
width: 135px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent17 a
{
width: 65px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent18 a
{
width: 170px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent19 a
{
width: 150px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent15 .bannerHtmlContent
{
width:205px;
height: 170px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent16 .bannerHtmlContent
{
width:160px;
height: 170px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent17 .bannerHtmlContent
{
width:160px;
height: 170px;
left: -35px;
}

.moduleComponentContainerindustrySectorCallouts .moduleComponent18 .bannerHtmlContent
{

}

.moduleComponentContainerindustrySectorCallouts .moduleComponent19 .bannerHtmlContent
{

}


.moduleComponentContainerindustrySectorCallouts  .moduleComponentindustrySectorCallouts:hover .bannerHtmlContent
{
display: block;
position: absolute;
top: 34px;
padding: 20px 0;
background: #757575 url(http://www.cleaningsuppliesnz.co.nz/images/style/grey_down_arrow.png) top center no-repeat;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
display: none;
}


.moduleComponentContainerindustrySectorCallouts .bannerHtmlContent p
{
margin: 0px 20px;
color: #fff;
font-size: 13px;
line-height: 20px;
text-align: center;
}

.moduleComponentContainerindustrySectorCallouts a.bannerLinkMask
{

}

/*--------------------------------------------*/

#content
{
float: left;
  position: relative;
  width: 100%;
}



/*--------------------------------------------*/



#leftCol
{
float: left;
  position: relative;
  width: 220px;
margin: 0px 0px 40px 0px;
  background: none;
}

#leftCol a.logo img
{
  width:220px;
  height:auto;
  margin-bottom:10px;
}

#leftCol a.logo
{

    width:220px;
  height:auto;
}

/*--------------------------------------------*/

#rightCol
{
float: left;
  position: relative;
  width : 800px;
  background: none;
}

/*--------------------------------------------*/

.productSearchContainer
{
float: left;
  position: relative;
  width: 200px;
  padding: 10px;
  background: #F9F9F9;
  margin: 0px 0px 15px 0px;
}

.searchByBrand
{
margin: 0px 0px 10px 0px;
}

.searchByBrand select
{
width: 200px;
  padding: 9px;
  background: #fff;
  border: none;
  box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.5);
}

.productSearch
{
margin: 0px 0px 10px 0px;
}

.productSearch input
{
width: 182px;
  padding: 9px;
  background: #fff url(http://www.cleaningsuppliesnz.co.nz/images/style/grey_right_arrow.png) 180px 12px no-repeat;
  border: none;
  box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.5);
}

.productSearch input#pk
{
width: 142px;
margin-right: 5px;
background: none;
}

.productSearch input.productSearchSubmit
{
width: 35px;
background: #fff url(http://www.cleaningsuppliesnz.co.nz/images/style/grey_right_arrow.png) 15px 12px no-repeat;
cursor:pointer;
padding: 8px;
}

.categories
{
margin: 0px 0px 10px 0px;
}

.categories select
{
width: 200px;
  padding: 9px;
  background: #fff;
  border: none;
  box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.5);
}

#leftCol p
{
  display: block;
  float: left;
  padding-top: 0px;
  margin: 0px;
text-transform: uppercase;
  font-size: 25px;
  line-height: 24px;
}

#leftCol p strong
{
  display: block;
  margin: 0px;
  font-size: 37px;
  line-height: 39px;
color: #56C54D;
  font-weight: normal;
}

/*--------------------------------------------*/

a.orderByEmail
{
  display: block;
  text-transform: lowercase;
  margin: 0px;
  color: #6A7071;
  font-weight: 100;
  text-decoration: none;
  background : none;
  font-size: 30px;
  line-height: 46px;
  padding: 0px 0px 0px 0px;
}

a.orderByEmailLink
{
  display: block;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  color: #6A7071;
  font-weight: 100;
  text-decoration: none;
  background : none;
  font-size: 13px;
  padding: 0px 0px 10px 0px;
}


a.newsletterSignup
{
display: block;
 float: left;
  width: 100%;
text-transform: lowercase;
  margin: 0px;
  color: #6A7071;
  font-weight: 100;
  text-decoration: none;
  background : none;
  font-size: 15px;
  line-height: 24px;
  padding: 10px 0px 15px 0px;
  text-transform: uppercase;
  border-top: 1px solid #CDECCA;
  background: url(http://www.cleaningsuppliesnz.co.nz/images/style/green_right_arrow.png) 200px 15px no-repeat;
}

a.shippingLink
{
display: block;
 float: left;
  width: 100%;
text-transform: lowercase;
  margin: 0px;
  color: #6A7071;
  font-weight: 100;
  text-decoration: none;
  background : none;
  font-size: 15px;
  line-height: 24px;
  padding: 10px 0px 15px 0px;
  text-transform: uppercase;
  border-top: 1px solid #CDECCA;
  background: url(http://www.cleaningsuppliesnz.co.nz/images/style/green_right_arrow.png) 130px 18px no-repeat;
}


a.customerLogin:first-child
{

}

a.customerLogin,
a.customerRegistration
{
display: block;
 float: left;
  width: 100%;
text-transform: lowercase;
  margin: 0px;
  color: #6A7071;
  font-weight: 100;
  text-decoration: none;
  background : none;
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  text-indent: 20px;
  margin: 18px 0px 0px -10px;
  padding: 0px 0px 0px 10px;
  text-transform: uppercase;
  color: #fff;
  background: #56C54D;
  -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
display:none;
}

a.customerLogin
{
display:none;
}

a.customerRegistration
{
color: #585858;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
  background: #efefef;
}

a.customerLogin:hover,
a.customerRegistration:hover
{
  color: #fff;
  background: #6A7071  url(http://www.cleaningsuppliesnz.co.nz/images/style/green_right_arrow.png) 210px 15px no-repeat;
}

a.facebookLink
{
display: block;
 float: right;
margin:20px 0px 0px 0px;
}

#popLogin
{
background: #5DC754;
float: left;
position: relative;
width: 200px;
margin: 0px 0px 0px -10px;
padding: 10px 15px 0px;
border-radius: 0px 0px 5px 5px;
}

#popLogin form#login_form
{

}

#popLogin input.inputText
{
width: 180px;
border: none;
color: #aaa;
padding: 10px;
margin: 0px 0px 9px 0px;
font-size: 12px;
}

#popLogin input
{

}

#popLogin #loginRemember
{
color: #fff;
font-style: normal;
font-size: 10px;
}


#popLogin #loginRemember a
{
color: #fff;

font-style: italic;
font-size: 11px;
float: right;
}

#popLogin #loginRemember input.remembermeCheckbox
{



}

#popLogin #loginRemember label
{

}

#popLogin #loginRemember a
{



}

#popLogin input.buttonForm
{
width: 230px;
margin: 10px 0px 0px -15px;
background: #7f8688;
border: none;
color: #fff;
text-transform: uppercase;
padding: 6px 0px; 
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
border-radius: 0px 0px 0px 0px;
}

#popLogin input.buttonForm:hover
{
background: #454545;
}

.loginComponent
{

}


.loginComponent a.logout
{
margin: 0px 0px 20px 0px;
display: inline-block;
}

.loginComponent ul.subNavigationLinks
{
float: left;
position: relative;
width: 230px;
margin: 0px 0px 0px -10px;
padding: 0px 0px 0px 0px;
list-style: none;
background: #5DC754;
border-radius: 0px 0px 5px 5px;
}

.loginComponent ul.subNavigationLinks li
{
width: 230px;
margin: 0px 0px;
padding: 0px 0px 0px 40px;
background: none;
}

.loginComponent ul.subNavigationLinks li a
{
color: #fff;
text-decoration: none;
}

.loginComponent ul.subNavigationLinks li a.logout
{

}

.loginComponent  #cartStatusBox
{
width: 190px;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px -40px;
background: #585858;
border-radius: 0px 0px 5px 5px;
}

.loginComponent  #shoppingCartShadow
{
float: left;
  position:relative;
}

#cartStatusBox h3
{
color: #fff;
}

.loginComponent   #statusBoxItems
{

}

.loginComponent  table.cartItems
{

}

.loginComponent  .total
{
color: #aaa;
}

.loginComponent  span#statusBoxTotal
{

}

.subNavigationLinks .footer
{
margin: 0px 0px 0px 0px;
padding: 20px  20px  55px 0px ;

background: url(http://www.cleaningsuppliesnz.co.nz/images/style/2013_credit_card_bg.jpg) bottom center repeat-x;
}

.loginComponent  .footer a
{

}

img#dpsPayment
{
margin: 20px 0px 0px 0px;
}

/*--------------------------------------------*/

#homeSlides
{
float: left;
  position:relative;
  width: 800px;
  height: 172px;
}		

#homeSlides .moduleComponentContainerhomeSlides
{
float: right;

  position:relative;
  width: 780px;
  height: 172px;
  margin: 0px 0px 0px 0px;
  background: #FFF;
}

#homeSlides .moduleComponentContainerhomeSlides .bannerImageContainer
{
position:relative;
float: right;
width: 793px;
}

#homeSlides .moduleComponentContainerhomeSlides a.bannerLink
{

}

#homeSlides .moduleComponentContainerhomeSlides img.bannerImage
{
float: right;
}

#homeSlides .moduleComponentContainerhomeSlides h2.bannerTitle
{
position: absolute;
  top: 115px;	
  left: 75px;
  width: 420px;
text-transform: none;
  font-size:32px;
  font-style: italic;
display:none;
}

#homeSlides .moduleComponentContainerhomeSlides h2.bannerTitle a
{
  color: #fff;
text-decoration: none;
}

#homeSlides  .bannerHtmlContent
{
position: absolute;
  top: 115px;	
  left: 75px;
  background: #000;
}

#homeSlides .moduleComponentContainerhomeSlides a.bannerLinkMask
{

}

/*--------------------------------------------*/

#pageEditorContent
{
float: left;
  position: relative;
  width: 790px;
  min-height: 300px;
  padding: 0px 0px 15px 35px;
}

#home #pageEditorContent
{
float: left;
  position: relative;
width: 770px;
padding: 0px 0px 60px 35px;
}

/*--------------------------------------------*/


#footer
{
margin: 0px 0px 0px 0px ;
}

.moduleComponentContainertheCleanersChoice
{
float : left;
  position: relative;
  width: 700px;
}

.moduleComponentContainertheCleanersChoice .moduleComponenttheCleanersChoice
{

}

.moduleComponentContainertheCleanersChoice h2.bannerTitle
{
float: left;
  position: relative;

  display: block;
  width: 155px;
  height:92px;
  text-align: right;
  padding: 30px 20px 5px 50px;
  margin: -29px 25px 0px 0px;

  color: #fff;
  text-decoration: none;
  background:#56C54D;
}

.moduleComponentContainertheCleanersChoice h2.bannerTitle a.bannerLink
{
color: #fff;
  text-decoration: none;
}

.moduleComponentContainertheCleanersChoice .bannerHtmlContent
{

}

.moduleComponentContainertheCleanersChoice .bannerHtmlContent p
{
color: #fff;
  font-size: 13px;
margin-top: 25px;
}

.moduleComponentContainertheCleanersChoice a.bannerLinkMask
{


}

/*--------------------------------------------*/

#footerRightCol
{
float : left;
  position: relative;
  width: 300px;
  border-left: 1px solid #818285;
  margin: 20px 0px 0px 20px;
}

/*--------------------------------------------*/

.siteSearchContainer
{
position: absolute;
top: 20px;
right:130px;
margin: 0px 0px 0px 0px;
}

.siteSearchContainer span.searchLabel
{
display: none;
}

.siteSearchContainer form#site_search_form
{

}


.siteSearchContainer input.siteSearchInput
{
width: 182px;
  padding: 9px;
  background: #fff!important;
  border: none;
  box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.5);
}

.siteSearchContainer input.siteSearchSubmit
{
position: absolute;
top: 0px!important;
right: 0px!important;
display: block;
width: 35px!important;
  height: 34px!important;
  border: none;
  cursor: pointer;
  background: #fff!important;
}

/*--------------------------------------------*/

a.usefulLinksCallout
{
color: #56C54D;
  text-decoration: none;
  font-size: 14px;
  display: block;
  margin: 10px 0px 4px 20px;
}

/*--------------------------------------------*/

#copyright
{
margin: 0px 0px 0px 20px;
}

#copyright p
{
font-size: 11px;
}

#copyright p a
{
color: #818181;
  text-decoration: none;
}


/*--------------------------------------------------*/

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: left;
width: 100%;
background: none;
border: none;
padding: 0px;
margin: 0px 0px 30px 0px;
}

#emailForm #formTable
{
width: 100%;
background: #f4f4f4;
border: 25px solid #f4f4f4;;
padding: 0px;
margin: 30px 0px 0px 0px;
border-radius: 3px;
}

body.iframe #emailForm #formTable
{
margin: 40px 0px 0px 0px;
}

#emailForm table,
#subscribeForm table,
#surveyTable table,
#alertForm table,
#registrationForm table
{
width: 100%;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#emailForm table td,
#subscribeForm table tr.even td,
#surveyTable table tr.even td,
#alertForm table tr.even td,
#registrationForm table tr.even td
{
padding: 0px;
background: none;
}

#emailForm table td,
#subscribeForm table tr.odd td,
#surveyTable table tr.odd td,
#alertForm table tr.odd td,
#registrationForm table tr.odd td
{
padding: 0px;
background: none;
}

#emailForm
{
width: 100%;
}

body.iframe #emailForm,
body.iframe #pageSource p {
color: #8e8e8e;
}

body.iframe #emailForm #formTable
{
width: 100%;
background: none;
border: none;
padding: 0px;
border-radius: 0px;
box-shadow: none;
}

body.iframe #pageSource,
body.iframe #pageSource td.labelVertical span,
body.iframe #pageSource h2
{
color: #a7a7a7;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #333;

padding: 0 5% 0 0 ;
}

body.iframe #emailForm td.labelHorizontal,
body.iframe #subscribeForm td.labelHorizontal,
body.iframe #surveyTable td.labelHorizontal,
body.iframe #alertForm td.labelHorizontal,
body.iframe #registrationForm  td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #a7a7a7;


padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td.valueHorizontal,
#registrationForm  td.valueHorizontal

{
width: 50%;

vertical-align: top;
text-align: left;
}




#emailForm td.labelVertical,
#subscribeForm td.labelVertical,
#surveyTable td.labelVertical,
#alertForm td.labelVertical,
#registrationForm  td.labelVertical
{
color: #8e8e8e;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 14px;


color: #a7a7a7;
}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px;
color:  #80BA26;
}

span.required
{
font-weight: bold;
color:  #7DBD89;
}

table.ftable td{ vertical-align:top; padding:4px;}
table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }
table.ftable td.fcolumn{ text-align:center; }

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
font-family: 'Open Sans', sans-serif;
background: #FFF;
border: 1px solid #ccc;
font-size: 14px;
width:500px;
padding: 6px;
margin: 3px 0px;
border-radius: 3px;
}

body.iframe input.fmtxt, body.iframe input.fmtxt, body.iframe input.fstxt,body.iframe input.fdate,body.iframe textarea.fmtxt
{
margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;

-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 6px 30px;
color: #fff;
width:180px;
border-radius: 0px;
}

body.iframe textarea.fmtxt
{
height: 70px;
}

body.iframe td.valueVertical input.ftxt, body.iframe td.valueVertical input.fmtxt, body.iframe td.valueVertical input.fstxt,body.iframe td.valueVertical input.fdate,body.iframe td.valueVertical textarea.fmtxt
{
width:180px;

margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
color: #a7a7a7;
}

input.ftxt:hover, input.ftxt:focus,
input.fmtxt:hover, input.fmtxt:focus,
input.fstxt:hover, input.fstxt:focus,
input.fdate:hover, input.fdate:focus{border: 1px solid #FCB714;}


input.fdate{width:150px; }
input.fstxt{width:50px; }




select.fsel,select.fseldate
{
background: #fff;
border: 1px solid #ccc;
font-size: 11px;

width:330px;
margin: 0px 0px 0px 0px;
padding: 4px;
border-radius: 6px;
}

body.iframe select.fsel,body.iframe select.fseldate
{
background: #2e2e2e;
color: #fff;
border: 1px solid #6d6d6d;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 4px #000;
margin: 0px 0px 0px 30px;
}

body.iframe td.valueVertical select.fsel,body.iframe td.valueVertical select.fseldate
{
background: #2e2e2e;
color: #a8a8a8;
width:310px;
border: 1px solid #6d6d6d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
}


select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
border: 1px solid #FCB714;
}

#formTable div


{
display: none;
}


#formTable div.buttonPanel
{
display: block;
}

.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}

.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub
{
background: #56C54D;
border: none;







font-size: 14px;
padding: 8px;
width: 100px;
cursor: pointer;
border-radius: 3px;
text-transform: uppercase;
margin: 10px 0px 0px 0px;
color: #fff;
}

.buttonBar input:hover, 
.buttonBar input.fsub:hover, 
.buttonPanel input.fsub:hover, 
input.fsub:hover
{
background: #696f71;
color: #fff;
-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

body.iframe .buttonBar input, body.iframe input.fsub
{
background: none;
border: none;
font-size: 14px;
padding: 4px;
text-transform: uppercase;

width: 70px;
cursor: pointer;
border-radius: 2px;
text-align: center;
color: #56C54D;

font-weight: bold;
}



.msg
{

color: #FF0000;
margin: 10px 0px;

font-style: italic;
}



.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,
#registrationForm .reset
{
display: none;
}

/*----------------------------------------------*/

#callouts
{
  float: left;
  position:relative;
  width: 100%;
  margin: 0px 0px 40px 20px;
}

#callouts .moduleComponentContainercallouts
{
  
}

#callouts .moduleComponentcallouts
{

  float: left;

  position: relative;
  width: 210px;
  height: 120px;
  padding: 15px;

  margin: 0px 15px 0px 0px;
  background: #fff;
  box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.5);
  border-top: 5px solid #56C54D;
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}



#callouts h2.bannerTitle
{
text-transform: none;
margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 16px;
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#callouts h2.bannerTitle a.bannerLink
{
  text-decoration:none;
  color: #56C54D;
    -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#callouts .moduleComponentcallouts:hover
{
  float: left;
  position: relative;
  width: 210px;
  height: 95px;
  padding: 15px;
  margin: 0px 15px 0px 0px;
  background: #56C54D;
  box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.5);
  border-top: 5px solid #56C54D;
    border-bottom: 25px solid #fff;
}

#callouts .moduleComponentcallouts:hover  h2.bannerTitle a,
#callouts .moduleComponentcallouts:hover .bannerHtmlContent p
{
color: #fff;
}

#callouts .moduleComponentcallouts:hover
{

}

#callouts .bannerHtmlContent
{
  
}

#callouts .bannerHtmlContent p
{
  font-size: 12px;
line-height: 18px;
margin: 0px 0px 10px 0px;
}

#callouts .bannerHtmlContent a.bannerLinkMask
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
   width: 210px;
  height: 120px;
  padding: 15px;
  background: url(http://www.cleaningsuppliesnz.co.nz/images/blank.gif) top left repeat;
}


			

/******************************/

.siteSearch
{
float: left;
position: relative;
width:804px;
}


.siteSearch span
{
font-size: 14px;
font-weight: bold;
}

.siteSearch input.fsub
{
border: 1px solid #56C54D;
font-size: 11px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
}

.siteSearch input.textInput
{
font-size: 11px;
border: 1px solid #ccc;
padding: 3px 6px;
}

#searchResultDescription
{
margin: 0px 0px 10px;
}


#searchResultItems .searchResultItem
{
margin: 10px 0px 0px 0px;
}

#searchResultItems a.title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
font-size:16px;
font-weight: normal;
text-transform:none;
text-transform: uppercase;
color: #4a4a4a;
text-decoration: none;
}

#searchResultItems .description
{
margin: 8px 0px 15px 10px;
padding:0px 0px 15px 0px;
border-bottom:1px solid #efefef;
}


/*------ Case Studies Section ------------------------------------*/

/*------ Category Listing ---------------------------*/


.moduleItemsCategoriesOurWorkCaseStudies 
{
width: 110%;
}

.moduleItemsCategoriesOurWorkCaseStudies .moduleItemsListingItem
{
float: left;
position: relative;
width: 235px;
margin: 20px 20px 0px 0px;
}

.moduleItemsCategoriesOurWorkCaseStudies .moduleItemsListingItem .moduleItemImage
{

}

.moduleItemsCategoriesOurWorkCaseStudies .moduleItemsListingItem a img.listing
{

}

.moduleItemsCategoriesOurWorkCaseStudies .moduleItemsListingItem .header
{

}

.moduleItemsCategoriesOurWorkCaseStudies .moduleItemsListingItem a
{
text-decoration: none;
}

.moduleItemsCategoriesOurWorkCaseStudies .moduleItemsListingItem a .title
{
margin: 10px 0px;
color: #4a4a4a;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}


.moduleItemsCategoriesOurWorkCaseStudies #moduleItemBack
{
float: left;
position: relative;
width: 95.1%;
margin: 30px 0px 0px 0px;
background: #56C54D;
}

.moduleItemsCategoriesOurWorkCaseStudies #moduleItemBack a
{
width: 96%;
padding: 1.5% 2%;

text-decoration: none;
display: block;
color: #fff;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.moduleItemsCategoriesOurWorkCaseStudies #moduleItemBack a:hover
{
color: #fff;
background: #6A7071;
}


/*------ Listing ------------------------------------*/


.moduleItemsListingOurWorkCaseStudies
{

}

.moduleItemsListingOurWorkCaseStudies .moduleItemsListingItem

{
float: left;
position: relative;
width: 235px;
margin: 0px 20px 20px 0px;
}

.moduleItemsListingOurWorkCaseStudies .moduleItemsListingItem .moduleItemImage
{

}

.moduleItemsListingOurWorkCaseStudies .moduleItemsListingItem a img.listing
{

}

.moduleItemsListingOurWorkCaseStudies .moduleItemsListingItem .header
{

}

.moduleItemsListingOurWorkCaseStudies .moduleItemsListingItem .title
{
margin: 10px 0px;
color: #4a4a4a;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}


.moduleItemsListingOurWorkCaseStudies #moduleItemBack
{
float: left;
position: relative;
width: 98.1%;
margin: 30px 0px 0px -15px;
background: #56C54D;
}

.moduleItemsListingOurWorkCaseStudies #moduleItemBack a
{
width: 96%;
padding: 1.5% 2%;
text-decoration: none;
display: block;
color: #fff;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.moduleItemsListingOurWorkCaseStudies #moduleItemBack a:hover
{
color: #fff;
background: #6A7071;
}


/*------ Details ------------------------------------*/

.modulePath
{
float: left;
postion: relative;
width: 100%;
margin: -8px 0px 10px;
padding: 0;
color: #aaaaaa;
}

.modulePath a
{
color: #aaaaaa;
text-decoration: none;
}

.modulePath span
{

}

.moduleItemOurWorkCaseStudies
{
float: left;
postion: relative;
width: 105%;
}

.moduleItemOurWorkCaseStudies .title
{
margin: 0px 0px 0px;
color: #56C54D;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

.moduleItemOurWorkCaseStudies #moduleItemContent
{
float: left;
position: relative;
width: 380px;
}

.moduleItemOurWorkCaseStudies #moduleItemImages
{
float: left;
position: relative;
width: 312px;
margin: 0px 0px 0px 40px;
}

.moduleItemOurWorkCaseStudies #moduleItemFeatureImage
{

}

.moduleItemOurWorkCaseStudies #moduleItemFeatureImage .moduleItemImage


{

}

.moduleItemOurWorkCaseStudies #moduleItemFeatureImage .moduleItemImage img.main
{
}

.moduleItemOurWorkCaseStudies #moduleItemThumbnails
{

}

.moduleItemOurWorkCaseStudies #moduleItemThumbnails span
{

}

.moduleItemOurWorkCaseStudies #moduleItemThumbnails ul
{
width: 105%;
margin: 0;
padding: 0;
list-style: none;
}

.moduleItemOurWorkCaseStudies #moduleItemThumbnails ul li
{
float: left;
position: relative;
margin: 6px 6px 0px 0px;
padding: 0;
}

.moduleItemOurWorkCaseStudies #moduleItemThumbnails ul li .moduleItemImage
{

}

.moduleItemOurWorkCaseStudies #moduleItemThumbnails ul li .moduleItemImage img.thumbnail
{
cursor: pointer;
}

.moduleItemOurWorkCaseStudies #moduleItemBack

{
float: left;
position: relative;
width: 98.1%;
margin: 10px 0px 0px -15px;
background: #56C54D;
}

.moduleItemOurWorkCaseStudies #moduleItemBack a
{
width: 96%;
padding: 1.5% 2%;
text-decoration: none;
display: block;
color: #fff;

-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.moduleItemOurWorkCaseStudies #moduleItemBack a:hover
{
color: #fff;
background: #6A7071;
}

/* ----- Latest News Styling ----------------------------*/

.latest-news-and-cleaning-tips #pageEditorContent #navBar
{
display: none;
}

.moduleItemsListingLatestNews 
{
float: left;
position: relative;
width: 750px;
padding: 0px 0px 0px 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem
{
float: left;
position: relative;
width: 750px;
border-bottom: 1px solid #e9e9e9;
margin: 0px 0px 10px 0px;
padding: 0px 0px 15px 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
min-height: auto;
margin: 0px 25px 10px 0px;
border: none;0
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage:hover
{
border: none;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage img
{
float: left;
border-radius: 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemImage img:hover
{


}

.moduleItemsListingLatestNews .moduleItemsListingItem .moduleItemContent
{
width: 750px;
line-height: 20px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .title
{
margin: 0px 0px 0px;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .date
{

font-weight: normal;
font-size: 12px;
color: #8a8a8a;
text-transform: none;
margin: 10px 0px 15px 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .readMore
{
margin: 0px 0px 5px 0px;
}

.moduleItemsListingLatestNews .moduleItemsListingItem .readMore a
{
color: #56C54D;
text-decoration: none;
}

.moduleItemLatestNews 
{
float: left;
position: relative;
width: 660px;
}

.moduleItemLatestNews .moduleItemImage
{
float: right;
position: relative;
margin: 15px 10px 15px 15px;
border: none;
}

.moduleItemLatestNews .moduleItemImage img
{
position:relative;
}

.moduleItemLatestNews #moduleItemContent
{
float: left;
position: relative;
width: 660px;
}

.moduleItemLatestNews .title
{
margin: 15px 0px 0px;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
}

.moduleItemLatestNews .date
{
font-weight: normal;
font-size: 12px;
color: #8a8a8a;
text-transform: none;
margin: 10px 0px 15px 0px;
}

.moduleItemLatestNews #navBasicLinks
{
display: block;
}

.moduleItemLatestNews #moduleItemBack
{
float: left;
position: relative;
width: 100%;
border-top: none;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.moduleItemLatestNews #moduleItemBack a
{
text-decoration: none;
padding: 0px 0px 0px 0px;
}

a.comment
{
display: none;
position: relative;
float: left;
width: 100%;
border-top: 1px solid #ccc;
padding: 10px 0px;
}

#commentsContainer

{
float: left;
position: relative;
height: auto;
width: 635px;
margin: 0px 0px 15px 24px;
padding: 15px 0px 0px 0px;

}


#facebook
{
float: left;
width: 150px;
margin: 10px 0px 10px 0px;
}

#twitter
{
float: left;
width: 100px;

margin: 10px 0px;
}

.pinterest
{
float: left;
width: 60px;
margin: 10px 0px;
}

#plusone
{
float: left;
width: 100px;
margin: 10px 0px;
}






.productListingItem
{
display:block;

}



.product-range .title
{
display: none;
}



/* --------- #products styling ------------------------------- */




/* --------------- Product Listing Styling --------------- */

/* Product Path */


.productPath
{
border-bottom: none;
margin: -8px 0px 10px;
padding: 0;
color: #aaa;

display: none;
}

.productPath a
{
text-decoration: none;
text-transform: none;
color: #aaa;
font-style: italic;
}

#contentContainer{
position: relative;
float:left;
}

#contentContainer .smallContent{
position: relative;
float:left;
width: 780px;
margin: 0px 20px 0px 0px ;
}

#benefits{
position: relative;
display: block;
float:right;
width: 156px;
color: #56C54D;
font-size: 18px;
text-transform: uppercase;
border: none;
background: #fff;
box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.3);
display:none;
}

#benefits span{
position: relative;
display: block;
padding: 10px 10px 10px 10px;
line-height: 23px;
}

#benefits a{
position: relative;
display: block;
color: #ffffff;
background: #56C54D;
padding: 4px 15px;
text-decoration:none;
font-style: italic;
font-size: 13px;
text-transform: none;
}

p.orphan
{
font-size: 24px;
font-style: italic;
display: block;
float: left;
width: 100%;
margin: 15px 0px 0px 0px;
}

/* Product Listing Item */


.productListingItem
{
float: left;
position: relative;
width: 222px;
text-align: center;
padding: 3px;
margin: 0px 12px 12px 0px;
background: #fff;
border-radius: 5px;
border:none;
}

#specialsContainer
{
float: left;
position: relative;
margin: 0px 0px 0px -10px;
width:103%;
}

#specialsContainer .productListingItem
{
padding: 3px;
margin: 0px 36px 12px 0px;
}


.productListingItem img
{
box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3);
width: 222px;
height: 220px;
border: none;
}

p.findOutMore
{
float: left;
position: relative;
width: 100%;
margin: 0;
}

.productListingItem h2,
.productListingItem h2 a
{
display: block;
min-height: auto;
float: left;
position: relative;
width: 100%;
margin: 5px 0px!important;
font-size: 12px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
height: auto;
}

.productListingItem p
{
display: block;
float: left;
position: relative;
height: auto;
width: 90%;
margin: 0px 5%;
font-size: 12px;
text-transform: none;
text-align: left;
text-decoration: none;
background: none;
  text-align:center;
  font-weight:700;
  text-transform: uppercase;
  color:#000;
  line-height:12px;
}


/* --------------- Product Details Styling --------------- */

/*--------------------------------------------*/




#shoppingCartShadow
{
position: absolute;
top: -3px;
left: 0;
z-index: 333;
bottom: -20px;
width: 69px;
background: none;
}

.cartTile
{
float: left;
position: relative;
width: 190px;
border-right: 25px solid #000;
background: none;
background: #EC6E21;
}

.cartTop
{
float: left;
position: relative;
width: 190px;
border-top: 20px solid #000;
background: none;
}

.cartBottom
{
float: left;
position: relative;
width: 190px;
background: none;
}

#cartStatusBox
{
float: left;

position: relative;
width: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px;
background: none;
border-top: none;
font-size: 11px;
}

#cartStatusBox h3
{
width: auto;
font-family: arial;
font-style: normal;
margin: 0px;
padding: 0px 0px;
text-align: left;
color: #fff;
font-size: 16px;
background: none;
border-radius: 0px;
}

#cartStatusBox .cartItemContainer 
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 4px 0px;


}

.cartItems td
{
vertical-align: top;
}


.cartItems td.info,
.cartItems td.image
{
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #333;
}

.cartItems td.image
{
width: 50px;
font-size: 10px;
}

.cartItems td.image img
{
padding: 2px;
border: 1px solid #994611;
border-radius: 4px;
}


.cartItems td p
{
margin: 0;
font-size: 11px;
}

#cartStatusBox .cartItemContainer p.quantity
{
display: block;
float: left;
position: relative;
width: 15px;
color: #000;
font-size: 11px;
margin: 0;
}

#cartStatusBox .cartItemContainer img
{
width: 46px;
height: 46px;
}

#cartStatusBox .cartItemContainer p.title,
#cartStatusBox .cartItemContainer p.price,
#cartStatusBox .cartItemContainer p.attributes,
#cartStatusBox .cartItemContainer p.title

{
display: block;
float: right;
position: relative;
color: #fff;
width: 112px;
min-height: 30px;
margin: 0px 0px 0px 0px;
padding: 8px; 
background: #d2e4ac;
font-size: 11px;
line-height: 14px;

}

#cartStatusBox .cartItemContainer p.title span
{
color: #aaa;
}

#cartStatusBox .cartItemContainer .CurrencySym
{

}

#ajaxBusy
{
display: none;
}

#full
{
float: left;
position: relative;
width: 100%;
}

#left
{
float: left;
width: 310px;

}

#right
{
float: right;
width: 450px;
position: relative;
padding: 0px 0px 0px 0px;

margin: 0px 0px 20px 0px;
border-left: none;
}




#right h2
{
margin-top: 0;
}

h2.productDetailName span
{
display: block;
  font-size:14px;
}

#productEmailFormContainer
{
float: left;
position: relative;
width: 100%;
}

.productBackLink
{
float: left;
position: relative;
width: 102.7%;
margin: 20px 0px 0px -15px;
padding: 0;
background: #56C54D;
}

.productBackLink a
{
width: 96%;
padding: 1.5% 2%;
text-decoration: none;
display: block;
color: #fff;
font-style: normal;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.productBackLink a:hover
{
background: #6A7071;
}

#productDetailCartStatusBox
{
display: block;
}

.buttonsContainer
{
float: left;
position: relative;

}

a.addToCart,
a.addToWishlist,
a#enquiryForm
{
display: inline-block;
float:none;
text-transform: uppercase;
height:17px;
min-width:90px;
position: relative;
margin: 3px 8px 0px 0px;
padding: 8px 10px;
background: #a3a3a3;
color: #FFF;
font-size: 12px;
text-decoration: none;
text-align:center;
border-radius: 5px;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

a.addToCart
{
background: #458139;
}

a.addToCart:hover,
a.addToWishlist:hover,
a#enquiryForm:hover
{
color: #fff;
background: #80BE8B;
}

#productDetail div#setQuantity{
display:block;
float:right;
position:relative;
margin:5px 0px 0px 20px;
padding:8px 10px;
background:#818285;
color:#FFF;
font-size:12px;
text-transform:uppercase;
height:14px;
text-align: right;
}

#productDetail #quantityContainer
{
text-align: left;
margin: 0px 40px 5px 10px;
}

#productDetail div#setQuantity input#quantity{
display:inline-block;
margin:-5px 0 0 5px;
width:15px;
height:10px
text-align: left !important;
}

div#productReviews a{
display: inline-block;
height:14px;
margin:20px 0 0 0;
padding: 8px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}

div#detailImage
{
float: left;
position: relative;
width: 310px;
text-align: center;
padding: 3px;
margin: 0px 12px 12px 0px;
background: #fff;
border-radius: 5px;
border: none;
}


div#detailImage img
{
width: 310px;
box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3);
border: none;
}

div#detailImage a.clickToEnlarge
{
display: block;
padding: 4px 0px 0px; 
color: #666;
text-decoration: none;
}




#downloadABrochure a
{
display: block;
float: left;
position: relative;
height:14px;
margin: 8px 8px 0 0px;
padding: 6px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: none;
text-decoration: none;
border-radius: 5px;
}

#downloadABrochure a:hover,div#enquiryForm a:hover,div#productReviews a:hover
{
background: #949599;
}

#productDetail #emailAFriend a.emailIcon
{
display: block;
float: left;
height:14px;
position: relative;
margin: 8px 8px 0 0px;
padding: 6px 10px;
background: #656565;
color: #FFF;
font-size: 12px;
text-transform: none;
text-decoration: none;
top: auto;
right: auto;
border-radius: 5px;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#productDetail #emailAFriend a:hover
{
display: block;
background: #949599;
}

/* Details */


#multipleImageMainContainer
{
float: left;
position: relative;
width: 320px;
min-height: auto;

}

#multipleImageThumbs
{
float: left;
position: relative;
width: 320px;
margin: 10px 0px 0px 0px;
}



#multipleImageThumbs div
{
float: left;
position: relative;
width: 33%;
text-align: center;
}

#multipleImageThumbs div:hover
{
}

#multipleImageThumbs img
{
float: none;
position: relative;
width: auto;
margin: 5px auto 12px;
cursor: pointer;
}


#multipleImageThumbs img:hover
{
margin: 5px auto 12px;

border-top: none;
}


#relatedProductsContainer
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid #CCC;
}

#relatedProductsContainer p
{
margin: 0;
text-align: left;
text-transform: uppercase;
font-family: Times New Roman;
}

#relatedProducts
{

}

.relatedProduct
{
float: left;
position: relative;
width: auto;
margin: 8px 20px 0px 0px;
text-align: center;
font-size: 11px;
}

#default .relatedProduct a
{
clear: both;
display: block;
font-weight: bold;
}

.relatedProduct img
{
border: none;
margin: 0px 0px 8px 0px;
}


#productDetailSocialMedia
{
float: left;
position: relative;
width: 100%;
border-top: 1px solid #CCC;

margin: 10px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}

#productDetailSocialMedia #facebook
{
float: left;
position: relative;
width: 140px;
}


#productDetailSocialMedia #twitter
{
float: left;
position: relative;
width: 140px;
}

#productDetailSocialMedia .pinterest
{
float: left;

position: relative;
width: 60px;
background: none;
}

#productEmailFormContainer
{
float: left;
position: relative;
width: 100%;


}

SPAN.productPrice, SPAN.productSpecialPrice{


}

SPAN.productPrice
{
text-decoration: none;
margin-left: 0px;
font-size: 20px;
font-weight: normal;
}

.productPrices .strike .productPrice{
font-size: 12px;
text-decoration: line-through;
color: #FF0000;
}

SPAN.productSpecialPrice{
color:#000000;
text-decoration: none;
margin-left: 5px;
font-size: 20px;
font-weight: normal;
}

#noStrike.productPrice
{
text-decoration: none;
font-size: 26px;
font-weight: normal;
margin: 10px 0px;
}

#productPrice span .productPrice{
text-decoration: line-through;
font-size: 26px;
}

#productPrice .productSpecialPrice
{
text-decoration: none;
font-size: 26px;
font-weight: normal;
margin: 10px 0px;
color: #00B4E4;
font-family: Times New Roman;
}


DIV#colourSwatch{
display: block;
    padding:3px;
    width:300px;

    margin:0.5em 0;
}

DIV.swatchItem{

    border:1px solid #999;

    height:30px; /* Note height/width set in constants: MOCA_COLOUR_SWATCH_SIZE */
    width:30px;
    background:#eee;
    float:left;
    margin:5px 5px 5px 4px;
}


DIV.swatchItem a img{

    margin: 0;
    padding: 0;
}

.productAttributeElement {

    margin: 5px 0px;
}

.productAttributeHeader{
	display:none;
    margin: 10px 0px 0px;
}

.productAttributeElement select.fsel{

    width: 365px;
    font-size: 13px;
    color: #656565;
padding: 7px;
border-radius: 5px;
    border: 1px solid #ccc;
margin: 0 0px 0px -20px !important;
}
div.productCurrencies{ float:right;margin-top:-30px;}
div.productCurrencies select.fsel{ width:140px;font-size:75%;line-height:21px; left:10px;position:relative;color: #656565;}

#productAttributes {

    float: left;
    width:92%;
padding:  0 4%;
	margin: 0;
border: none
}

#productAttributes span.singleValue
{
display:none;
}

#buttonsPanel {
    float: left;
    width:98.5%;
padding: 1% 1.5% 1.8% 0%;
margin: 0px 0px 10px 0px;
border: none;
border-width: 0px 1px 1px 1px;
background: none;
text-align: left;

}


.productPrices th{

    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    text-align: left;
}

.productPrices table{

    width: 100%;
    background: #FFF;
    border: none;
color: #000;
margin: 0px 0px 8px 0px;
}

.productPrices .priceWas, .productPrices .priceSpecial{

    border-bottom: none;
}

.productPrices .price{

}
.productPrices a{text-decoration:none;color:#818285;}

.productPrices .priceSpecial, .priceNoSpecial{
    font-weight: normal;
color: #458139;
}

.productPrices {
    padding: 0;
    margin: 0;
    background: #FFF;
    border: none;
    padding: 1px;
    text-align: left;
}

.productPrices a {
color: #000;
}

.productPrices s
{
color: #ff0000;
}

.productPrices .priceSpecial
{
background: none;
}


.productPrices strong {

    display: block;
    padding: 5px;
    margin: 0px;
    border-bottom: 1px solid #ccc;

    margin: 0;
font-weight: normal;
}


span#productPrice {

    display: block;
float: left;
    padding: 5px;
    margin: 0px;
    margin: 0;
}

/* Shopping Cart Component */




/* popup on product detail screen after cart addition */
DIV#productDetailCartStatusBox{
    background-color:#efefef;
    color:#000;
    border: #ccc 1px solid;
    position:absolute;
top: 140px;
right: 380px;
z-index: 9999;
    padding:10px;
    text-align:right;
    display:none;
width: 373px;

}
DIV#productDetailCartStatusBox DIV.header{

    padding:5px;
    text-align:left;
    background-color:#fff;
    border-bottom:none;
font-weight: normal;
}
DIV#productDetailCartStatusBox DIV.footer A{
    font-weight:bold;
    text-decoration:underline;
}
DIV#productDetailCartStatusBox P{
    margin:0;
}
DIV#productDetailCartStatusBox P.title{
    color:#666;
    font-size:11px;
    font-weight:normal;
text-align: left;
border: none;
}

DIV#productDetailCartStatusBox DIV.items{
    background-color:#fff;
max-height: 282px;
overflow-y: scroll;font-size: 11px;
font-family: Lucida Sans, arial;
text-align: left;
}
DIV#productDetailCartStatusBox DIV.closeIcon{
    float:right;
margin: -3px -3px 0px 0px;
}
DIV#productDetailCartStatusBox .cartItems TR{
    border-bottom: none;

}

DIV#productDetailCartStatusBox .cartItems TD.image{
    padding: 4px 0px 4px 8px;
    vertical-align:middle;
}
DIV#productDetailCartStatusBox .cartItems TD.info{
    vertical-align:top;
    text-align:left;
    padding:10px;
}
DIV#productDetailCartStatusBox .cartItems p.price SPAN{
    font-weight:bold;
}
DIV#productDetailCartStatusBox .cartItems P.price span.wrapping_note{
font-size: 10px;
font-weight: normal;
line-height: 12px;
}
DIV#productDetailCartStatusBox DIV.total{
    border-bottom:1px solid #cacaca;
    font-weight:bold;
padding: 15px 0px;
margin-bottom: 15px;
}


/* Product Cart Form Styling */

#progressBar
{
float: left;
position: relative;
width: 100%;
clear: both;
margin: 12px 0px 20px 0px;
border-top: 1px solid #CCC;
}

#progressBar #step1,
#progressBar #step2,
#progressBar #step3,
#progressBar #step4
{
float: left;
position: relative;
width: 25%;
}

#progressBar #step1 span,
#progressBar #step2 span,
#progressBar #step3 span,
#progressBar #step4 span
{
top: -8px;
padding: 0px 15px;
float: right;
position: relative;
display: block;
background: #FFF;
}

.selectedStep
{
font-weight: bold;
color: #56C54D;
}

TABLE#productCartForm
{
 padding: 20px 0px 0px 0px;
border-top: 1px solid #ccc;
color: #000;
}

TABLE#productCartForm input,
#blank TABLE#editComment input,
TABLE#productCartForm select
{
background: #eee;
color: #666;

font-size: 11px;
padding: 5px;
width: auto;
background: #EBEBEB;
border: 1px solid #ccc;
margin: 2px 5px 2px 0px;
}

TABLE#productCartForm input.fphcodetxt
{
width: 37px;
margin: 0px 1px ;
}

h1.productPageTitle
{
width: 770px;
clear: both;
}

h1.productPageTitle a
{text-decoration:none;color:#fff;  } /* Return to shopping... */\

TABLE#productCartForm table.fgroup
{
margin: 0px 0px 0px -10px;
padding: 0;
}

TABLE#productCartForm .horizontalElementsubscribe input
{
background: #eee;
color: #666;
font-size: 11px;
padding: 4px;
width: 20px;
margin: 3px;
background: #EBEBEB;
border: 1px solid #ccc;
}

TABLE#productCartForm input.fmtxt,
#blank TABLE#editComment input.fmtxt,
TABLE#productCartForm input.fdate
{
width: 350px;
}

TABLE#productCartForm textarea,
#blank TABLE#editComment textarea {
background: #EBEBEB;
border: 1px solid #ccc;
font-size: 11px;
padding: 5px;
width: 350px;
font-family: arial;
color: #656565;
margin: 2px 5px 2px 0px;
}

TABLE#productCartForm select {

}


TABLE#productCartForm input:hover,
TABLE#productCartForm textarea:hover,
TABLE#productCartForm select:hover,
TABLE#productCartForm input:focus,
TABLE#productCartForm textarea:focus,
TABLE#productCartForm select:focus,
#blank TABLE#editComment input:hover,
#blank TABLE#editComment input:focus,
#blank TABLE#editComment textarea:hover,
#blank TABLE#editComment textarea:focus, {
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;

	transition: 0.5s;
    border: 1px solid #ccc;

}

div#productOrderAccount{padding-bottom:0px;border-bottom:1px solid #ccc;}
div#productOrderAccount div.account{float:left;border:1px solid #ccc;padding:2%;margin:20px 20px 0 0;height:200px; width: 43%;}
div#productOrderAccount div#register{float:left;padding:2%; width: 43%;}
div#productOrderAccount  #popLogin{ position:relative;left:0;top:0;float:none; width:300px;background:0;padding:0;}
div#productOrderAccount  #popLogin input.buttonForm{ float:none; }
div#productOrderAccount  #popLogin input.inputText{ padding-left:0; width:150px;}
div.checkoutButtonsTop span{ display:inline-block; }
div.loginHeader{font-family:questrial,sans-serif;font-size:20px;}

#formbuilderFieldValues
{
float: left;
position: relative;
width: 100%;
}

#formbuilderFieldValues td.fblabel2
{
width: 35%;
font-weight: bold;
padding: 2px;
}

#formbuilderFieldValues td.fbvalue
{
width: 65%;
font-weight: normal;
}



DIV#productCartContainer
{
float: left;
position: relative;
padding: 10px 0px 0px 0px;

}

DIV#productCartContainer h2 {
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;
background: #CCCCCC;
color: #434343;
border-radius: 7px;
font-size: 14px;
font-weight: normal;
}

DIV#productCartContainer #productCartFormHeaderText {

    border-top: 1px solid #1B2326;
    margin: 17px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}



DIV#productCartFormHeaderText{

    font-weight:bold;
}

DIV#productCartContainer .productUsageText{

    font-size: 11px;
    font-weight: normal;
    background: #fff;
    border: 1px solid #cacaca;
    margin: 0px 0px 8px 0px;
    padding: 1.5% 2%;
    width: 95.7%;
text-align: center;
border-radius: 5px;
}

DIV#productCartContainer .viewCartItem{
width: 100%;
float: left;
position: relative;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-weight: normal;
    color: #1B2326;
}

DIV#productCartContainer .viewCartItem td{
    color: #000;
text-align: left;
}


DIV#productCartContainer .viewCartItem p{
margin: 0;
}

DIV#productCartContainer .viewCartItem h3,
DIV#productCartContainer .confirmCartItem h3{


    font-size: 11px;
    margin: 10px 0px 5px 0px;
    padding: 0;
    font-weight: normal;
    color: #1B2326;
}

DIV#productCartContainer .viewCartItem img {

    margin: 10px 10px 0px 0px;
    border: none;
}

DIV#productCartContainer .viewCartItem p.cartItemFields {

    margin: 0;
    padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemPrice{

    margin: 10px 0px 0px 0px;
    padding: 0;

}


DIV#productCartContainer .viewCartItem p.cartItemQuantity{

    margin: 0;
    padding: 0;
}


DIV#productCartContainer .viewCartItem span.wrapping_note{

color: #666;
font-weight: normal
}

#accountDetails,
#coupon,
#productCartForm
{
float: left;
position: relative;

width: 100%;
float: left;
background: #FFF;
border: none;
padding: 10px 10px;
margin: 0;
}

#coupon_code
{
background: #EBEBEB;
border: 1px solid #ccc;
margin: 0px 0px 0px 10px;
}

#accountHeader
{
float: left;
position: relative;
width: 97%;
float: left;
background: #FFF;
border: none;
padding: 10px 10px;

}

#productCartForm td
{
padding-left: 10px;
}

#accountDetails.header p,
#accountHeader.header p,

#coupon .header p
{
font-size: 15px;
font-weight: normal;
color: #666;
margin: 15px 0px;
}

DIV#productCartContainer .viewCartItem a.delete{}

TD.productCartLabel{
vertical-align:top;
text-align:right;
}
TD.productCartFormVerticalElement{ }
TD.productCartFormVerticalName{  }
TD.productCartFormHorizontalElement{ }
TD.productCartFormHorizontalName{  width: 30%}

DIV.productCartFormCheckoutButtons {


    float:right;
    padding: 1em 0;
    margin: 0px 0px 0px 10px;
}


DIV.productCartFormCheckoutButtons a img {

    display: inline-block;

    float: left;
    width: auto;
}



.confirmCartItem {
float: left;
position: relative;
width: 46%;
margin: 5px 0px 5px 0px;
    border: none;
    padding: 8px 0px 8px 8px;
background: none;

}

#productcartContainer .confirmCartItem p,
#productcartContainer .confirmCartItem h3
 {
margin: 0;
padding: 0;
}

.confirmCartItem img {
margin: 0px 5px 0px 0px;
}

#cart_shipping_totals {

    float: right;
    width: 150px;
    text-align: right;
    border-bottom: 3px double #1B2326;
    padding: 10px 0px 10px 369px;
    margin: 0px 0px 10px 0px;
}




#cart_shipping_totals th {
width: 10%;
    padding: 0px 8px 0px 0px;
}


#shippingTotals,
#cart_shipping_notes,
#userDetails
{
display:block ;
float: left;
width: 645px;
border:  1px solid #cacaca;
margin: 10px 0px;
padding: 10px;
background: none;
}


#cart_shipping_notes
{
width: 623px;
}


#shippingTotals th
{
width: 25%;
}

#shippingTotals td
{
width: 25%;
}

.productCartFormCheckoutButtonsTop{

    float: right;
    margin: 10px 0px 0px 0px;
}

.productCartFormCheckoutButtonsBottom{

    float: right;
    width: 105%;

margin: 0px 0px 0px -10px ;
    height: 65px;
    position: relative;
text-align: right;
}

.checkoutButtonsBottom

{
float: right;
position: relative;

padding: 30px 0px 20px 0px;
text-align: right;
}

.checkoutButtonsBottom a
{
float: left;
position: relative;
display: inline-block;
padding: 8px 12px;
background: #666;
border-radius: 5px;
color: #FFF;
width: auto;
text-align: center;
margin: 0px 0px 10px 10px;
border: none;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}


.checkoutButtonsBottom a:hover
{
background: #EC6E21;
color: #FFF;
border: none;
text-decoration: none;
}


.checkoutButtonsBottom a img
{
border: none;
}


.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {

    position: absolute;
    bottom: 0px;
    left: 0;
}

.productCartFormCheckoutButtonsBottom a.checkout {

    position: absolute;
    top: 35px;
    left: 176px;
}

.productCartFormCheckoutButtonsBottom a.checkoutBottom {

    position: absolute;
    top:0;
    right: 0px;
}

DIV.viewCartItem H3, DIV.confirmCartItem H3{

    padding:0 0 0 0;
    /*color:#0000000;*/
    margin:0 0 0.5em 0;

    font-weight:bold;

}
DIV.viewCartItem P{

    margin:0;
}

DIV.confirmCartItem P{

    padding:0 0 0 0em;
    margin:0;
}


DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{

    font-weight:normal;
    color:#0000000;
}


TABLE#cart_shipping_totals{

    margin-top:1em;
}

TABLE#cart_shipping_totals TD{

    text-align:right;
}

/* Vouchers */
div.viewCartItem tr.voucherRecipient td.label{font-weight:bold;text-align:center;padding:4px 0;vertical-align:top;}
div.viewCartItem tr.voucherRecipient td.descr{font-size:75%;}
div.viewCartItem tr.voucherForm div{display:inline-block;padding:1px 0;  }
div.viewCartItem tr.voucherForm td input.fmtxt{ width:200px;height:12px; }
div.viewCartItem tr.voucherForm td textarea.fmtxt{ width:200px;}
div.viewCartItem tr.voucherForm div.label{ width:50px;text-align:right;padding-right:1em; }

div.confirmCartItem p.cartItemVoucher{ font-size:110%;padding-top:10px; }
div.confirmCartItem p.cartItemVoucher strong{color:#ccc;font-weight:bold;display:inline-block;padding-right:2em;}

#couponContainer,
#couponContainer .header p
{
float: left;
position: relative;
margin: 15px 0px 0px 0px;
padding: 0;
color: #666;
}

#invoiceHeader,
#onInvoice
{
float: left;
position: relative;
}

#invoiceHeader
{
font-weight: normal;
text-transform: uppercase;
margin: 15px 0px 0px 12px;
}

#onInvoice
{
margin: 0px 0px 0px 10px;
}

#onInvoice p
{
margin: 0px 0px 0px 0px;
}




div#crossSellProducts{padding:20px 0;}
div#crossSellProducts h2.header{font-family:questrial,arial,sans-serif;font-size:14px;float:none;}
div.crossSellProduct{
	float: left;
	position: relative;

	width: 196px;
	text-align: center;
	margin: 0px 20px 30px 0px;

}

div.crossSellProduct h2.productName{float: left;position: relative;width: 196px;}
div.crossSellProduct a{display: block;min-height: 140px;min-width: 196px;text-decoration: none;}
div.crossSellProduct h2 a
{
color:#818285;
display: block;
min-height: 18px;
min-width: 196px;
font-size: 12px;

text-decoration: none;
}


/* --------------- User Order History --------------- */

table#orderHistory{
border-collapse: none;
border: 1px solid #ccc;
padding: 2px;
border-radius: 5px;
margin: 15px 0px 15px 0px;
}

#orderHistory .orderRowHeader{
background: #EEEEEE;
border-bottom: none;
}

#orderHistory .orderRow{
background: #f7f7f7;
border-bottom: none;
}

#orderHistory .orderRowHeader td{
font-weight: bold;
padding: 10px;
}

#orderHistory .orderRow td{
padding: 10px;
}


#orderHistory .recItems{

}

#orderHistory .recItems th{
color: #000;
padding: 3px 10px;
}

#orderHistory .recItems td{
border-bottom: none;
background: #fff;
padding: 10px;
border-collapse: collapse;
color: #2f2f2f;
}

#orderHistory .recItems .cost td{
border-bottom: none;
background: #fff;
border-collapse: collapse;
}

#orderHistory .recItems td.fieldStr div{
font-size: 10px;
}

#orderHistory td.priceHeader,
#orderHistory td.amount,
#orderHistory .recItems th.quantity,
#orderHistory .recItems td.quantity{
width: 185px;
text-align: left;
color: #000;
}

#orderHistory .recItems th.quantity,
#orderHistory .recItems td.quantity{
width: 320px;
text-align: center;
color: #2f2f2f;
}

#orderHistory td.show,
#orderHistory .recItems th.price,
#orderHistory .recItems td.price{
width: 80px;
text-align: right;
color: #000;
}

#orderHistory .recItems td.price
{

}

#orderHistory .recItems td.subtotal{
text-align: right;

}


#orderHistory .lvalue{
text-align: left;
}

.ui-widget-header{
/* title bar of mocaAlert jq dialog thingies */
border:0;
color:white;
font-family:questrial,sans-serif;
font-size: 18px;
text-transform:uppercase;
background: #949599;
}

.ui-state-default, .ui-widget-content .ui-state-default {
/* ok button */
background:#949599;
    border: 0;
font-family:questrial,sans-serif;
    color: #ffffff;
    font-weight: bold;
    outline: medium none;
}
.ui-widget-content {
/* Text content, incl border HR thing */
    color: #747474;
}

select.productAttribute option.soldOut{background:#ccc;}
div#productAttributes span.singleValue{ font-size:12px;}

div#skuStatus{
display: none;
font-family:questrial,sans-serif;
min-height:25px;
padding-top:10px;
}
div#skuStatus div.sku {
/* Shows currently selected sku */
font-size:200%;
color:#949599;
font-weight:bold;
}

div#skuStatus div.message{
/* shows messages about availiability */
font-family:questrial,sans-serif;
color:#4386a0;
}

div.productPopup,div.formPopup { padding:0px 0px; text-align:center;}

table#emailPage,
table.productForm{ padding: 15px;width:450px; background: none;border: none;}
table#editReview{ background:white;}
table.productForm td.formHeaders{ font-family:questrial,sans-serif;padding:10px 0px; }

table.productForm td.formHeaders span.name{font-size:120%;font-weight:bold;}
table.productForm td.formHeaders span.sku{font-size:120%;font-weight:bold;}
table.productForm div.buttonPanel{ text-align:left; padding:0px 0px 20px 83px;}

table#productSkuTable td:hover{ cursor:pointer;background:#949599; }
table#productSkuTable tr.selected td{ border-bottom:1px dashed #999;  border-top:1px dashed #999;background:#c6ffF5;}
table#productSkuTable td.add{ font-size:150%;font-weight:bold;padding:0; }
table#productSkuTable td.soldOut{ color:#ccc;}
div#productOrderAccount .account input.buttonForm
{
display: block;
float: none;
position: relative;
width: 150px;
height: 25px;
line-height: 25px;
border: none;
text-align: center;
color: #a4a4a5;
text-transform: uppercase;
text-decoration: none;
margin: 4px 3px 0px 0px;
background: #fff;
}
div#productOrderAccount #popLogin input.buttonForm{ width:50px;}
div#registration{display:none; }
div#registration table.userRegistration input.button{

display: block;
float:left;
position: relative;
width: auto;

height: 25px;
line-height: 25px;
border: none;
text-align: center;
color: #a4a4a5;
text-transform: uppercase;
text-decoration: none;
margin: 4px;
background: #dbdbdb;
}

div#registration table.userRegistration{ padding-bottom:30px; }


/* Cart component */
p#basket { 
background: none; 
color:#fff; 
display:block; 

height:auto; 
width: auto; 
position:absolute; 

top: auto;
bottom: 0px; 
padding: 13px;
right: 177px;
left: auto; 
z-index: 1000;
text-decoration:none; 
margin: 0;
}

p#basket:hover { 
color:#fff; 
}

p#basket a { 
color:#fff; 
text-decoration: none;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}


p#basket:hover a { 
color:#fff; 
text-decoration: none;
}

p#basket:hover a:hover { 
color:#EC6E21; 
text-decoration: none;
}

a#basket span { display:inline-block; float:none; margin:0px 0px 0 3px; width:auto; }
a#basket span span { display:inline-block; float:none; margin:0; width:auto; }
a#basket img { float:left; margin:8px 0 0 8px; }

p.storeLinks 
{ 
color:#FFFFFF; 
display:block; 
height:55px; 
width: 170px; 
position:absolute; 
top: 425px; 
right: 32px; 
text-decoration:none; 
margin: 0;
padding: 0;
font-size: 11px;
text-align: right;
}

.products p.storeLinks 
{ 
color:#FFFFFF; 
display:block; 
height:55px; 
width: 170px; 
float: left;
position:relative; 
top: 0px; 
right: 0px; 
text-decoration:none; 
margin: 0px 0px 0px 20px;
padding: 0;
font-size: 11px;
text-align: left;
}

p.storeLinks a
{ 
text-decoration: none;
color: #666;
}

img#dps{
position: relative;
top: 10px;
left: 25px;
margin: 0px 0px 20px 0px;
}

.newOnlineStore
{
position: absolute;
top: 21px;
right: 10px;
}

/*------------------------------------------*/

table#cartItems
{
margin: 10px 0px 0px 0px;
padding: 0;
width: 100%;
border-collapse: collapse;
}

table#cartItems th
{
background: #f2f2f2;
color: #434343;
padding: 10px;
font-size: 13px;
}

table#cartItems td
{
padding: 10px;
border-bottom: 1px solid #ccc;
}


table#cartItems td.itemImage
{
width: 70px;
}

table#cartItems td.itemImage img
{
width: 70px;
}

table#cartItems td.itemName
{

}

table#cartItems td.itemName a
{
text-decoration: none;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

table#cartItems td.itemName a:hover
{
text-decoration: underline;
}

table#cartItems td.itemAttributes
{
text-align: center;
}

table#cartItems td.itemPrice
{
text-align: center;
}

table#cartItems td.currencySym
{

}

table#cartItems td.itemQuantity
{
text-align: center;
}

table#cartItems td.itemQuantity input.qinput
{
width: 30px;
padding: 3px 2px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
font-size: 11px;
}

table#cartItems td.itemRemove
{
text-align: center;
}

table#cartItems td.itemRemove a
{
display: inline-block;
background: #458139;
border-radius: 10px;
width: 20px;
height: 20px;
line-height: 20px;
text-decoration: none;
font-size: 10px;
color: #fff;
font-weight: bold;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

table#cartItems td.itemRemove a:hover
{
background: #434343;
color: #fff;
}

table#cartItems td.itemRemove a img
{

}

a.checkoutButton
{
float: left;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 10px;
background: none;
color: #434343;
font-weight: bold;
}

a.updateCartButton
{
float: right;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 10px;
background: #434343;
color: #fff;
font-weight: bold;
border-radius: 5px;
text-decoration: none;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

a.updateCartButton:hover
{
color: #fff;
background: #458139;
}

.spamBlocker
{
display: none;

}


#productCartForms
{
float: left;
position: relative;
width: 96%;
padding: 2%;
background: #F2F2F2;
border-radius: 10px;
margin: 25px 0px 10px 0px;
}


#productCartForms a.checkoutButton

{
float: right;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 20px;
background: #458139;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 5px;
text-decoration: none;
}


#productCartForms a.checkoutButton.changeOrderButton
{
float: left;
display: inline-block;
margin: 15px 0px 0px 0px;

padding: 8px 20px;
background: #458139;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 5px;
text-decoration: none;
}

#productCartForms a.updateCartButton
{
float: right;
display: inline-block;
margin: 15px 0px 0px 0px;
padding: 8px 20px;
background: #434343;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 5px;
text-decoration: none;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#productCartForms a.checkoutButton:hover,
#productCartForms a.updateCartButton:hover
{
background: #434343;
}


/*------------------------------------------*/

#loginForm 
{
float: left;
position: relative;
padding: 3%;
width: 43%;
height: 160px;
background: #333;
color: #fff;

border-radius: 7px;
font-size: 120%;
}

#loginForm p
{
margin: 0;
}

#loginForm #productCartLogin
{

}

#loginForm div
{
color: #fff;
margin: 5px 0px 0px 0px;
}

#loginForm input.inputText
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #fff;
font-size: 11px;
width:94%;
padding: 6px 8px;
border-radius: 5px;
}

#loginForm input#cartLogin.buttonForm
{
position: absolute;
bottom: 10px;
right: 10px;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #fff;
font-size: 12px;
width:20%;
margin: 15px 5px 0px 0px;
padding: 5px 10px;
border-radius: 5px;
text-transform: uppercase;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#loginForm input#cartLogin.buttonForm:hover
{
color: #fff;
background: #fff;
}


/*-------------------------------------------*/

#registerForm 
{
float: right;
position: relative;
padding: 3%;
width: 43%;
height: 160px;
background: #333;
color: #fff;
border-radius: 7px;
font-size: 120%;
}

#registerForm p
{
margin: 0;
}

#registerForm ul
{

}

#registerForm ul li
{

}

#registerForm input#createAccount
{
position: absolute;
bottom: 10px;
right: 10px;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #fff;
font-size: 12px;
min-width:20%;
margin: 15px 5px 0px 0px;
padding: 5px 10px;
border-radius: 5px;
text-transform: uppercase;
}


#registerForm input#createAccount:hover
{
color: #fff;
background: #fff;
}

#accountMethod.header
{
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;
background: #000;
background: #434343;
color: #fff;
border-radius: 7px;
font-size: 14px;
}


/*------------------------------------------*/

table#productCartUserForm
{
width: 100%;
padding: 2.5% 5% 0;
background: #fff;
border-radius: 5px;
}

table#productCartUserForm td.labelHorizontal
{
width: 40%;
}

table#productCartUserForm td.valueHorizontal
{
width: 60%;
}

/*------------------------------------------*/

#productShippingForm
{
float: left;

position: relative;
width: 90%;
padding: 2.5% 5% 20px;
margin: 10px 0px;
background: #fff;
border-radius: 7px;
}

#productShippingForm .header
{
margin: 0px 0px 8px;
color: #4A4A4A;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

/*------------------------------------------*/

#productCartDemographics
{
float: left;
position: relative;
width: 100%;
}

table#productCartDemographicForm
{
float: left;
position: relative;
width: 100%;
padding: 0% 5% 2.5% ;
background: #fff;
border-radius: 7px;
}

table#productCartDemographicForm td.labelHorizontal
{
width: 40%;
}

table#productCartDemographicForm td.valueHorizontal
{
width: 60%;
}

/*------------------------------------------*/


#productPaymentMethodForm
{
float: left;
position: relative;
width: 90%;
margin: 15px 0px 0px 0px;
padding: 2.5% 5%;
background: #fff;
border-radius: 7px;
}

#productPaymentMethodForm .header
{
float: left;
position: relative;
width: 94%;
padding: 1.5% 3%;
margin: 14px 0px;
background: #CCCCCC;
color: #434343;

border-radius: 7px;


font-size: 14px;
}

#paymentAccountDetails .header p
{
margin: 10px 0px 0px;
color: #4A4A4A;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}


/*------------------------------------------*/

#productDiscountForm
{
float: left;
position: relative;
width: 96%;
padding: 2.5% 2%;
background: #F2F2F2;
border-radius: 7px;
}


#productDiscountForm .header
{
background: #434343;
padding: 1.5% 2%;
color: #fff;
font-size: 14px;
border-radius: 7px;
margin: 0px 0px 15px 0px;
}

#productDiscountForm #coupon
{
float: left;
position: relative;
width: 97%;
background: #fff;
border-radius: 7px;
}

#productDiscountForm #coupon .header
{
background: #ccc;
color: #434343;
}


#productDiscountForm #coupon p
{
float: left;
margin: 0;
padding: 0;
}

#productDiscountForm #coupon input
{
float: right;
padding: 4px;
font-size: 11px;
width: 300px;
background: #fff;
border-radius: 5px;
border: 1px solid #ccc;
}

#productDiscountForm #voucher
{
float: left;
position: relative;
width: 96%;
padding: 2.5% 2%;
margin: 15px 0px 0px 0px;
background: #fff;
border-radius: 7px;
}


#productDiscountForm #voucher .header
{
background: #ccc;
color: #434343;
}

#productDiscountForm #voucher p
{
float: left;
margin: 0;
padding: 0;
}

#productDiscountForm #voucher input
{
float: right;
padding: 4px;
font-size: 11px;
width: 300px;
background: #fff;
border-radius: 5px;
border: 1px solid #ccc;
}

/*-----------------------------------------*/


#productCartDemographicDetails,
#productCartUserDetails
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #ccc;
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#productCartDemographicDetails table,
#productCartUserDetails table
{
border-collapse: collapse;
}

#productCartDemographicDetails table td,
#productCartUserDetails table td
{
padding: 4px;
width: 48%;
}

/*-----------------------------------------*/


#cartTotals
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

table#cartTotals 
{
border-collapse: collapse;
}

table#cartTotals td
{
padding: 4px;
width: 54%;
}

table#cartTotals th
{
color: #000;
padding: 4px;
width: 48%;
}


/*--------------------SURVEY----------------*/


#surveyDescription{
margin: 15px 0px 20px;
}

#surveyTable{
color: #000;
cell-spacing: 0px;
cell-padding: 0px;
padding: 0;
border-collapse:none;
margin-top: 40px;
padding: 20px 5px 20px 5px;
border-radius: 5px;
border: 1px solid #666;
border-spacing: 0;
}

#surveyTable tr td{
border-bottom: none;
border-top: none;
padding: 2px 20px;
}

#surveyTable .fgroup tr td{
border: none;
}

#surveyTable label{
color: #000;
line-height: 18px;
}

td.surveyLabelVertical
{
display: none;
}

.surveyLabelHorizontal{
vertical-align: top;

padding: 10px;
}

.surveyLabelHorizontal .fieldNumber{
position: relative;
margin: 0 10px 20px 0;
font-weight: bold;
}

.surveyValueHorizontal{
padding: 10px 0px 10px 0px;
}

.surveyValueHorizontal textarea,
.surveyValueHorizontal .fmtxt,
.surveyValueHorizontal .fother{
padding: 3px;
}

#surveyTable .buttonBar{
margin-top: 25px;
}


#surveyTable .buttonBar input.fsub{
background: #ec6f1f;
border: 1px solid #fff;
padding: 6px;
color: #fff;
text-transform: uppercase;
}




/* --------------- Back to top button  --------------- */


#back-top {

	position: fixed;
	bottom: 50px;
right: 25px;
	margin-left: auto;
z-index: 1000;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0px 0px 7px 30px;
	background: #585858 url(http://www.cleaningsuppliesnz.co.nz/images/style/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #5DC754;
}


/*---------------------------------------------------------------*/

.moduleComponentContainerproductPageCallouts
{
float: left;
position: relative;
width: 100%;
margin: 40px 0px 10px 0px;
}

.moduleComponentContainerproductPageCallouts .moduleComponent37
{

}

#callouts .moduleComponentContainerproductPageCallouts .bannerHtmlContent p
{
font-size: 14px;
}

.moduleComponentContainerproductPageCallouts .idealForContainer
{
float: left;
position: relative;
width: 100%;
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
background: #fff;
padding: 8px 0px 0px 0px;
margin: 30px 0px 0px 0px;
}

.moduleComponentContainerproductPageCallouts .idealForContainer p
{
text-indent: 20px;

}

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

.moduleComponentContainerproductPageCallouts .idealForContainer ul li
{
margin: 0;
padding: 0;
list-style: none;
}

.moduleComponentContainerproductPageCallouts .idealForContainer ul li a
{
display: block;
width: 16%;
float: left;
height: 80px;
color: #fff;
padding: 30px 2% 0px;
margin: 0px 0px 0px -1px;
text-decoration: none;
text-align: center;
border-left: 1px solid #4bb242;
background: #55c54c;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.moduleComponentContainerproductPageCallouts .idealForContainer ul li a:hover
{
background: #6C7174;
}

/*-----------------------------------------------------*/

#brands
{
float: left;
position: relative;
width: 105%;
box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3);
margin: 30px 0px 0px -10px;
}

#brands span
{
display: block;
font-weight: normal;
background: #7f8688;
color: #fff;
padding: 8px 12px;
font-style: italic;
}

#brands img
{
display: block;
margin: 10px auto;
}

.productListingItem
{
float: left;
position: relative;
width: 222px;
text-align: center;
padding: 3px 3px 0px 3px;
margin: 0px 12px 12px 0px;
background: #fff;
border-radius: 5px;
min-height:311px;
}


.productListingItem img
{
width: 222px;
height: 220px;
border: none;
}

.loginError
{
float: left;
position: relative;
padding: 15px 0px 0px 0px;
color: #ff0000;
}

/*--------------------------------------------*/


#productAttributes
{

}

#productAttributes .productAttributeHeader
{

}

#productAttributes .productAttributeElement
{

}

#productAttributes .productAttributeElement select
{

}

#productAttributes #skuStatus

{

}

#productAttributes .sku
{

}

#productAttributes .message
{

}

#buttonsPanel
{

}

#buttonsPanel a.addToCart.loginToOrder
{

}


					





/*----------- Wishlist -----------------------*/

table.wishlistItems
{
float: left;
position: relative;
width: 100%;
margin: 10px 0px 0px 0px;
}

table.wishlistItems th
{
text-align: left;
background: #f2f2f2;
color: #434343;
padding: 10px;
font-size: 13px;
}


table.wishlistItems td
{
padding: 20px 0px 0px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #ccc;
text-align: center;
color: ;
}

table.wishlistItems td.image
{
width: 95px;
text-align: left;
}

table.wishlistItems td.image img
{
width: 70px;
margin: 0px 0px 0px 10px;
}

table.wishlistItems td.info
{
width: 645px;
text-align: left;
padding:20px 0px 20px 0px;
}

table.wishlistItems p.title
{
float: left;
position: relative;
display: block;
width: 160px;
margin: 0;
}

table.wishlistItems p.attributes
{
float: left;
position: relative;
display: block;
width: 410px;
margin: 0;
font-size: 11px;

}

table.wishlistItems p.attributes span
{
display: block;
float: left;
position: relative;
font-size: 11px;
display: block;
width: 50%;
margin: 0px 0px;

}

table.wishlistItems p.attributes strong
{
display: block;
float: left;
position: relative;
display: block;
width: 105px;
margin: 0px 0px;
}

table.wishlistItems p.price
{
float: left;
position: relative;
display: block;
width: 70px;
margin: 0;
}


table.wishlistItems a
{
border-radius: 11px;
background: #80BA26;
color: #fff;
padding: 4px 8px;
font-size: 11px;
cursor: pointer;
}

table.wishlistItems a:hover
{
background: #434343;
}


/*------------------------------------------------*/



#leftCol #cartStatusBox .cartItemContainer p.quantity

{
display: block;

float: left;
position: relative;
width: 15px;
color: #000;
font-size: 11px;

margin: 0;
}

#leftCol .cartItems td.image img
{
margin: 0;
padding: 0;
border: none;
}

#leftCol .cartItems td.image 
{
}


#leftCol #cartStatusBox .cartItems img
{
width: 60px;
height: 60px;
border-radius: 70px;
margin: 10px 0px 0px -50px;
border: 7px solid #fff;
}

#leftCol #cartStatusBox .cartItems p.title,
#leftCol #cartStatusBox .cartItems p.price,
#leftCol #cartStatusBox .cartItems p.attributes,
#leftCol #cartStatusBox .cartItems p.title
{
display: block;
float: right;
position: relative;
color: #fff;
width: 150px;
min-height: 30px;
margin: 0px 0px 0px -30px;
padding: 8px; 
background: none;
font-size: 11px;
line-height: 14px;

}

#leftCol #cartStatusBox .cartItems p.title span
{
color: #aaa;
}

#leftCol #cartStatusBox .cartItems .CurrencySym
{

}

#leftCol #cartStatusBox .total
{
margin: 15px 0px 15px 0px;
font-size: 15px;
}

#leftCol #cartStatusBox .footer
{
margin: 15px 0px 0px 0px;
font-size: 12px;
}

#leftCol #cartStatusBox .footer a
{
color: #fff;
}