body 
{
	margin:0;
	background-color:white;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:Black;
}
a
{
	color:Black;
}
p.buynow
{
	width:100%;
	text-align:center;
}
div.clear
{
	clear:both;
}
#header
{
	float:left;
	padding-top:0;
	width:280px;
}
#bodyWrapper
{
	clear:both;
	padding-top:20px;
  position: relative;
}
#leftCol
{
	width:620px;
}
#rightCol
{
	width:347px;
	margin:60px 0 0 0;
	float:right;
}
#rightCol img.side
{
	width:347px;
	margin-bottom:8px;
}
#rightCol a img
{
	border:0;
	margin-bottom:8px;
}
#headerImage
{
	float:right;
}
#container
{
	width:975px;
	margin:0 auto;
}
/* HEADER */
#header h2
{
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
    padding-left:17px;
    margin:0 0 11px 0;
}
#header ul
{
	list-style:none;
	width:200px;
	margin:0 0 0 17px;
	padding:0;
	border-top:solid 1px black;
}	
#header ul li
{
	border-bottom:solid 1px black;
	padding:8px 3px;
	font-size:14px;
}
#header ul li a
{
	color:Black;
	text-decoration:none;
}
/* BREADCRUMB */
#breadcrumb 
{
	list-style-type:none;
	display:inline;
	width:786px;
}
#breadcrumb  li
{
	float:left;
}
/* Main Body */
h1
{
	font-size:30px;
	padding-top:15px;
	margin:0;
	border-bottom:solid 1px black;
}
/* FOOTER */
#footer
{
	clear:both;
}
#footer-main
{
	background-color:#a2bfdf;
	width:975px;
	margin:auto;
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#footer-main ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:15px 0 5px 0;
   position:relative;
   left:50%;
   text-align:center;
	font-size: 12px;
}
#footer-main ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#footer-main ul li a {
   display:block;
   margin:3px 0 3px 1px;
   padding:0 10px;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
   border-left:solid 1px black;
	text-transform:uppercase;
}
#footer-main ul li a:hover {
	text-decoration:underline;
}
#footer-main ul li a.active,
#footer-main ul li a.active:hover {
	text-decoration:underline;
   font-weight:bold;
}
#footer-main ul li a.first
{
	border:none;
}
div.fa
{
	width:975px;
	clear:left;
	padding:0;
	margin:0 auto;
}
div.fa p
{
	text-align:right;
	padding-top:0;
	font-size:10px;
}
div.fa a
{
	color:Black;
}
/* MENU */
#menubar {
   float:left;
   width:100%;
  
   position:relative;
   padding-top:15px;
}
#menubar ul {
   clear:left;
   float:right;
   list-style:none;
   margin:0;
   padding:0 0 25px 0;
   position:relative;
   right:50%;
   text-align:center;
	font-size: 12px;
}
#menubar ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
}
#menubar ul li a {
   display:block;
   margin:3px 0 3px 1px;
   padding:0 8px;
   color:#000;
   font-size:14px;
   text-decoration:none;
   line-height:1.3em;
   border-left:solid 1px black;
	text-transform:uppercase;
}
#menubar ul li a:hover {
	text-decoration:underline;
}
#menubar ul li a.active,
#menubar ul li a.active:hover {
	text-decoration:underline;
   font-weight:bold;
}
#menubar ul li a.first
{
	border:none;
}

    #menubar li ul{
		background:white;
		display:none;
		left:0;
		height:auto;
		float:none;
		clear:none;
		padding:6px 0 0 0px;
		margin:0px;
		border:thin solid #D0CECF ;
		position:absolute;
		width:175px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#menubar li:hover ul{
		display:block;
		border: 1px solid #233889;
		}
	#menubar li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		border:0;
		width:225px;
		left:0;
		}
	#menubar li:hover li a{
		background:none;
		
		}
	#menubar li ul a{
		display:block;
		color:Black;
		font-weight:normal;
		border:0;
		height:30px;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menubar li ul a:hover, #menubar li ul li:hover a{
			text-decoration:underline;
			}
/* STOCKISTS */
.headOffice {
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid black;
    margin-bottom: 30px;
}
.stockist {
    margin: 0 auto;
}
.stockist th {
    font-size: 18px;
}
.stockist td {
    vertical-align: top;
}
.stockist div {
    margin: 0 40px;
}
.stockistSeachForm
{
	width:300px;
	float:left;
}
#searchStockists
{
	float:right;
	width:50%;
	margin-left:20px;
	margin-bottom:30px;
}
#map_results
{
	width:365px;
	float:left;
}	
#searchStockists
{
	float:left;
	width:400px;
}
#map_canvas
{
	margin:20px 0 0 0;
	float:right;
	width: 600px; 
	height: 600px
}	
.LocatorMultipleLocations
{
	clear:left;
}
#results
{
	background:none repeat scroll 0 0 #E7EBEF;
}	
#directions_canvas
{
	float:left;
	width:360px;
	overflow:auto;
	height:350px;
	border:solid 1px silver;
	margin-bottom:15px;
}	
/* Testimonials (home) */
div.testimonials ul, div.pagetestimonials ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
div.testimonials p, div.testimonials a, div.pagetestimonials p, div.pagetestimonials a
{
	color:Black;
}
p.more
{
	text-align:right;
	color:Black;
}
div.testimonial
{
	font-style:italic;
}
div.author
{
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:12px;
}
/* testimonials (sub pages) */
div.pagetestimonials ul li
{
	float:left;
	margin-right:30px;
	width:30%;
}
/* testimonials (list page) */
div.atestimonial
{
	width:90%;
	border-bottom:dashed 1px silver;
	padding-bottom:10px;
}
div.atestimonial p
{
	font-style:italic;
}
div.atestimonial p.author
{
	padding:0;
	margin:0;
	font-style:normal;
	font-weight:bold;
}
div.atestimonial p.authorDesc
{
	padding:0;
	margin:0;
	font-style:normal;
}
/* featured products */
.addtocart {
  background: url(../images/add-to-cart-button-website.jpg) no-repeat;
  border: none;
  cursor: pointer;
  margin: 0 0 20px 530px;
  width: 80px;
  text-indent: -1000px;
  height: 21px;
}
.button {
	background:#dcdcdc none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	font-size:12px;
	line-height:14px;
	padding:3px 7px;
	cursor: pointer;
	margin:0 0 20px 530px;
}
.buttonWide{
	background:#dcdcdc none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	font-size:12px;
	line-height:14px;
	padding:3px 7px;
	cursor: pointer;
	margin:0 0 20px 590px;
}
#featuredProducts table
{
	padding:0;
	margin:0;
	border-top:dashed 1px black;
	border-bottom:dashed 1px black;
}
#featuredProducts table tr td
{
	vertical-align:top;
}
#featuredProducts table tr td.productInfo
{
	width:380px;
	
}
div.description
{
	font-size:10px;
	margin:0 30px 0 5px;
}
div.price
{
	float:right;
}
#featuredProducts table tr td h3 a, div.price, div.productInfo h3
{
	color:Black;
	font-size:14px;
	font-weight:bold;
	margin:14px 0;
}

#featuredProducts table tr td a.buynow
{
	float:right;
	width:215px;
	margin-top:14px;
}
#featuredProducts table tr td a.buynow img
{
	border:0;
}
/* Buy Online */
#buyOnline
{
	width:730px;
	margin-left:30px;
}
#buyOnline ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
#buyOnline ul li 
{
	clear:left;
	background:url(../images/Product-display.jpg) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
#buyOnline ul li div.productInfo
{
	margin-left:10px;
}
#buyOnline table
{
	width:100%;
}
td.tblProdImage
{
	width:80px;
	vertical-align:top;
}
#buyOnline img
{
	width:80px;
}
td.tblProdDesc
{
	width:335px;
	padding-right:20px;
	vertical-align:top;
}
#buyOnline div.productInfo h3
{
	color:Black;
	font-size:14px;
	font-weight:bold;
	margin:4px 0 14px 0;
}
td.tblProdQuantity
{
	vertical-align:bottom;
}
#buyOnline td.tblProdQuantity input
{
	width:35px;
	float:right;
	margin-right:20px;
}
#buyOnline td.tblProdQuantity label
{
	width:90px;
	display:inline-block;
	margin-right:4px;
	margin-left:10px;
}
#buyOnline td.tblProdQuantity label.prodPrice, #buyOnline td.tblProdQuantity label.prodWeight
{
	width:40px;
	margin-left:0;
}
#buyOnline ul li ul.itemWeight li
{
	background:none;
}


#buyOnline div.productInfo div.quantityError 
{
	margin-top:15px;
	float:left;
	width:180px;
	text-align:left;
}
/* FORM */
form.cmxform fieldset {
  margin-bottom: 10px;
  width:435px;
  margin-left:150px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  width: 140px; /* Width of labels */
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
.errors 
{
	width:385px;
	margin:0 0 10px 150px;
	border: 2px solid red;
	color: red;
	padding: 15px;
 }
.errors ul {
	 margin: 0;
	 padding: 0;
	 list-style: square;
}
p.notice
{
	float:right;
	width:250px;
	font-size:10px;
	font-style:italic;	
}
form.cmxform table.smalltable
{
	width:170px;
}
form.cmxform table
{
	width:100%;
}
#thankYouMessage
{
		width:385px;
	margin-left:70px;
}
p.gallery
{
	color:White;
}
#shopImages
{
	float:right;
	width:200px;
}
#shopImages img
{
	float:right;
	border:0;
}
.index {
  height: 620px;
}
.index div {
  width:325px;
  height:310px;
  float:left;
  overflow: hidden;
  position: relative;
}
.index span {
  opacity: 0;
  position: absolute;
  top: 0;
  height: 310px;
  left:0;
  width: 325px;
}
.index span:hover {
  opacity: 1;
}
span.backdrop {
  background-color: #343434;
  opacity: 0.6;
}
span.text {
  line-height: 310px;
  font-size: 18px;
  text-indent: 30px;
  color: white;
  cursor: pointer;
}
.slide {
  display: none;
}
.fa-close {
  font-size: 30px;
  float: right;
  position: absolute;
  right: 10px;
  z-index: 100;
  color: white;
  display: none;
  cursor: pointer;
}
.ps-caption b {
	display:none;
}
.retailerLogin {
    width: 650px;
    margin: 0 auto 30px;
    padding-top:80px;
    font-size:18px;
}
.loginBox {
    margin: 0 auto;
    width: 300px;
}
#productsCtrl {
    margin-top:30px;
}
#productsCtrl table {
    width:100%;
    border-collapse: separate;
    border-spacing:0;
}
    #productsCtrl table thead td{
        border-bottom:1px solid black;
    }
    #productsCtrl table tfoot tr:first-child td{
        padding-top:20px;
    }
#productsCtrl table td {
    vertical-align:middle;
    margin:0;
}
.money {
    text-align: right;
}
.fa {
    font-size:30px !important;
    color:green;
    cursor:pointer;
        -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.retailbutton.logout {
    float:right;
    top:-35px;
    position:relative;
}
.retailbutton{
    padding:4px 10px 5px;
    font-size:14px;
    line-height:1.3;
    color:#fff;
    background:#858d93;
    -webkit-transition:background, 0.15s, ease;
    -moz-transition:background, 0.15s, ease;
    -ms-transition:background, 0.15s, ease;
    -o-transition:background, 0.15s, ease;
}
.retailbutton:hover{background:#f90}
.retailbutton:disabled {background-color:#ccc}
.error {
    border:1px solid red;
    outline: none;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */