/* ~~ The first section correponds to the maximum width version of 1000 pixels ~~ */

@charset "utf-8";

 /* ~~ Main settings ~~*/

body {
	margin: 0 auto;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 13px;
	color: #595959; /*grey */
	border-top: 5px solid #20cbd4; /*blue */
}

/* SEO h1 tag */
h1 {
	margin: 0px 0px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;	
	color:#333;
	font-size: 16px;
	font-weight:normal;
}

.main_wrapper  { margin:0px; padding:0px;}
.header_wrapper { margin:0px; padding:0px;}
.mid_wrapper { margin:0px; padding:0px;}
.footer_wrapper { margin:0px; padding:0px; background-color:#999999; color:#FFF;}

.FL { float:left;}
.FR { float:right;}
.width { width:100%;}
.clear { clear:both;}
.width_wrapper {
	max-width: 1500px; /* increased width of pages */
	margin: 0 auto;
}

 /* ~~ Header section ~~*/

.logo_row {
	margin: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.minilogin	{
	padding-bottom: 10px;
}
.logo { float:left; margin:0px; padding:0px;}
.logo_right {
	float: right;
	width: 70%;
	padding-top: 20px;
}
.welcome_msg { float:right; font-size:14px; color:#b3b3b3; font-weight:bold; margin-right:50px;}
ul.topLink { float:right; margin:0px; padding:0px 40px 10px 0px;}
ul.topLink li { float:left; margin:0px; padding:0px 0px 0px 15px; list-style:none;}
ul.topLink li a { font-size:12px; color:#777373; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul.topLink li a:hover { text-decoration:underline;}

.topNav_wrapper {
	min-height: 52px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #20cbd4;
	border-bottom-color: #20cbd4;
}

.topNav_wrapper_index {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #20cbd4;
	}
 /* ~~ Below header section ~~*/


.basket {
	float: right;
	margin-top: 14px;
	padding: 5px 5px 5px 25px;
	background-image: url(../images/cart_icon.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.basket a { color:#000; font-size:13px; color:#000; text-transform:uppercase; text-decoration:none;}

.menu_right {
	float: right;
	padding-bottom: 40px;
	margin-right: 200px;
}
.menu_right2 { width:100%; float:left;}
.menu_right2 { display:none;}

/* size and position of search box */
.searchBox {
	float: right;
	width: 400px;
	position: relative;
	margin: 15px 0 0 20px;
}
.searchBox form { margin:0px; padding:0px;}
.searchBox Input.search_look { margin:0px; padding:3px 25px 3px 3px; color:#646464; border:1px solid #e5e5e5;  width:100%; height:22px; line-height:22px; z-index:1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.searchBox .search_btn { margin:0px; padding:0px; width:25px; height:22px; background:url(../images/search_icon.png) no-repeat center 2px; position:absolute; right:0px; top:0px; text-indent:-9999px; cursor:pointer; border:none;}

.service_section { border-bottom:1px solid #e5e5e5; padding:15px 0; }
.service_section_index { 
	border-bottom:2px solid #999999; 
	border-top:1px solid #999999; 
	background-color: #DEDEDE;
	padding:10px 0;
}

.icon_refresh{
	float: left;
	background: url(../images/icon_message.png) no-repeat 0 0;
	padding-left: 40px;
	line-height: 34px;
	margin-right: 65px;
	font-size: 14px;
	font-weight: bold;
	color: #a2a3a5;
}
.icon_refresh a{font-size:14px; font-weight:bold; color:#a2a3a5; text-decoration: none;}

.icon_refresh strong { color:#363636;}
.icon_refresh strong a { color:#363636; text-decoration: none;}

.icon_truck {
	float: left;
	background: url(../images/icon_truck.png) no-repeat 0 0;
	padding-left: 40px;
	line-height: 34px;
	margin-right:65px;
	font-size: 14px;
	color: #a2a3a5;
	font-weight: bold;	 
}
.icon_truck a{ font-size:14px; color:#363636; font-weight:bold; text-decoration: none;}

.icon_building {
	float: left;
	background: url(../images/icon_building.png) no-repeat 0 0;
	padding-left: 40px;
	line-height: 34px;
	margin-right:65px;
	font-size: 14px;
	color: #a2a3a5;
	font-weight: bold;	 
}
.icon_building a{ font-size:14px; color:#363636; font-weight:bold; text-decoration: none;}

.icon_phone { 
	float:left; 
	background:url(../images/icon_phone.png) no-repeat 0 0; 
	padding-left:40px; 
	line-height:34px; 
	font-size:14px;
}

.banner_wrapper {margin-top:10px; line-height:0px;}
.banner_wrapper img { width:100%;}

.options_area {background-size:100% 100%; padding:30px 0 0px 0;} 
/*.mid_area_bg { background:url(../images/mid_area_bg.jpg) no-repeat center top; background-size:100% 100%; padding:40px 0 20px 0;} */
.mid_area_bg {background-size:100% 100%; padding:10px 0 20px 0;} 
.mid_area_space { padding:20px 0 30px 0;}

.box_video {
	margin-left: 60px;
	margin-bottom: 20px;
}

 /* ~~ Home page display ~~*/

.offer-banner-section {
	margin: auto auto 20px auto;
	overflow: hidden;
	max-width: 1100px;
	text-align:center;	
}

.offer-banner-section h1 {
	font-size: 16px;
	display: inline-block;
	margin: 0;
	padding: 0px 25px 10px 25px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
	line-height:30px;	
}

.offer-banner-section .col {
	float: left;
	width: 32.0%;
}


.offer-banner-section .col-m {
	float: left;
	margin-left: 2.1%;
	width: 32.0%;
  
}

.offer-banner-section .col-last {
	float: right;
	margin-right: 0;
	width: 32.0%;
}

/*.offer-banner-section .col-m img { max-width:100%;} */
.offer-banner-section .col img, .offer-banner-section .col-last img, .offer-banner-section .col-m img {width:100%; border:2px solid #d3d3d3;}
.nec_collection_banner { margin-top:18px; border:1px solid #d3d3d3;}

.mid-container	{
	max-width: 1120px;
	margin: auto;
	overflow: hidden;
}

ul.resp-tabs-list {
	margin: 0px auto;
	padding: 0;
	width: 60%;
	text-align: center;
}

ul.resp-tabs-list {
	margin: 0 auto 20px;
	color: #606060;
}

.clear{ clear:both;}

.resp-tabs-list li {
	background:url(../images/border_bg.png) repeat-x left bottom;
	font-size: 24px;
	display: inline-block;
	margin: 0;
	padding: 10px 25px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	
}

.resp-tabs-list li h1 {	/* class also used in js/easyResponsiveTabs. AG changed for index.php */
	font-size: 16px;
	display: inline-block;
	margin: 0;
	padding: 10px 25px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:30px;		
}

div.item img{
	padding: 0px 0px 0px 0px;
	background: #fff;
	border-top-width: 0px;
	border-right-width: 10px;
	border-bottom-width: 0px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

div.item{
	float:left;
}

.item h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: lowercase;
	margin: 0px;
	padding-top: 2px;
	color: #333;
	text-decoration: none;
	text-align: center;
	font-weight:normal;	
}

/* Instruction page paragraph */
.instruction p {
	line-height:1.5em;
}
.product_listing { margin:0px; padding:0;}
.product_listing ul {margin:0px; padding:0;}
.product_listing li {margin:0 5% 20px 0; padding:0; float:left; list-style:none; float:left; width:30%;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.product_listing li.right { margin-right:0px;}

.product_listing li .product_img_box { background-color:#f6f6f8; padding:10px; margin-bottom:10px; }
.product_listing li .product_img_box a img { width:100%;}

h2.green_hr_text { margin:0px; padding:0px 0px 20px 0px; font-family:'Exo 2',Tahoma, Aricl; color:#20cbd4; font-size:22px; text-transform:uppercase; line-height:normal;}

/* index.php h1 heading for SEO */
h1.green_hr_text { margin:0px; padding:0px 0px 20px 0px; font-family:'Exo 2',Tahoma, Aricl; color:#20cbd4; font-size:22px; text-transform:uppercase; line-height:normal;}

.product_listing li a {
	font-size: 16px;
	color: #010000;
	text-decoration: none;
	font-weight: normal;
}

div.searchedfor {
	font-size:14px;
	padding: 5px 0px 0px 20px;
}

 /* ~~ Footer section ~~*/

.footer_space { padding:30px 0px 0px 0px;}
.footer_column {
	float: left;
	margin-bottom: 15px;
	width: 33%;
}


.footer_column h4 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	
}

.footer_column ul { margin:0px; padding:0;}
.footer_column li { margin:0px; padding:0 0 4px 10px; list-style:none; background:url(../images/footer_arrow.png) no-repeat 0 5px;}
.footer_column li a { color:#FFF; text-decoration:none;}
.footer_column li a:hover { text-decoration:none; color:#ccc; }


.footer_social_row { border-top:1px solid #818080; border-bottom:1px solid #818080; padding:15px; margin-bottom:15px;}
ul.footer_social_icon { margin:0px; padding:0px; float:left;}
ul.footer_social_icon li { margin:0px; padding:0px 10px 0 0; list-style:none; float:left;}
ul.footer_social_icon li a { margin:0px; padding:0px;}
.payment_icon { float:right;  margin-top:5px;}


.footer_bottom_links { background-color:#636363; padding:20px 0; color:#b3b3b3;} 
.bottom_links { float:left;}
.bottom_links ul { margin:5px 0px 0px -10px; padding:0px;}
.bottom_links li { margin:0px; padding:0px 10px; display:inline; list-style:none; border-right:1px solid #b3b3b3;}
.bottom_links li:last-child, .bottom_links li.last { border-right:0px;}
.bottom_links li a {color:#b3b3b3; text-decoration:none;}
.bottom_links li a:hover { color:#FFF;}
.bottom_links a {color:#fff; text-decoration:none;}
.bottom_links a:hover { color:#ccc;}


.btn_search { margin:0px; padding:0px; width:36px; height:30px; text-indent:-9999px; cursor:pointer; background:url(../images/btn_go.png) no-repeat 0 0; position:absolute; right:0; top:0px; border:0px;}

.basket_header { display:none;}

 /* ~~ Inner pages ~~*/

.demo { width: 980px; margin: 0px auto;}
.demo h1 { margin:33px 0 25px; line-height: 30px;}
.demo h3 { margin: 10px 0; }
pre { background: #fff;}
.how-use, .content { padding: 10px; background: #F3F3F3;}

#tabInfo { display: none;}


.sidebar { float:left; width:20%;margin-left:6px; } 
.col_right { float:right; width:78%;} /* important width - effects number of images per row */
.list_type { list-style-type: none;}

.products_category_box { padding-bottom:20px;}
.products_category_box h2, .features_products_wrapper h2, .newsletter_signup h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Arial, sans-serif;
	color: #363636;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #20cbd4;
}
.products_category_box  ul { margin:0px; padding:0px;}
.products_category_box  li {
	margin: 0px;
	list-style: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.products_category_box  li a { font-size:14px; color:#676767; text-decoration:none;}
.products_category_box  li a:hover { color:#000;}

.features_products_wrapper {padding-bottom:20px;}

.features_products_wrapper  ul { margin:0px; padding:0px;}
.features_products_wrapper  li {
	margin: 0px;
	list-style: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.features_products_wrapper  li a { font-size:14px; color:#676767; text-decoration:none;}
.features_products_wrapper  li a:hover { color:#000;}

p.more_link a { font-size:14px; color:#363636; text-decoration:underline; font-weight:bold;}
p.more_link a:hover { text-decoration:none;}

.special_offer_pr_box { padding:10px; margin-bottom:20px; position:relative; border:1px solid #ccc;}
.special_offer { position:absolute; right:0px; top:0px;}
.special_offer_pr_box p.product_img { margin:0px; padding:20px 0px 0px 0px; text-align:center;}
.special_offer_pr_box p.product_name { font-size:16px; color:#595959; margin:0px; padding:10px 5px 0px 5px; text-align:center;}
.special_offer_pr_box p.product_name a { text-decoration:none; color:#595959; text-align:center;}

.contact_box_left {
	margin: 0 0 20px 0;
	/*padding: 10px;  - original minicart */ 
	background-color: #ffffff;
	font-size: 12px;
	color: #7b7676;
	line-height: 20px;
}
.contact_box_left h2 { margin:0 0 10px 0; padding:0px; font-family:'Exo 2', Arial;,font-size:14px; text-transform:uppercase; font-weight:bold; color:#666;}
.contact_box_left p { margin:0px; padding:0 0 5px 0;} 
.contact_box_left p.comp_name { margin:0px; padding:0px; font-size:14px; color:#7b7676; font-weight:bold;}
.contact_box_left p.phone_no { background:url(../images/phone_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon { background:url(../images/email_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon a {color:#7b7676; text-decoration:none;}

/* Mini Mailing List classes */

/*div.minimailsignup{
	margin: 4px auto;
	width: 150px;
	padding: 4px;
	background: #F0F0F0;
	border: 5px solid #EAEAEA;
}*/

label.minimailsignup{
	display: block;
	font-weight: bold;
	width: 98px;
	padding-top: 2px;
	padding-left:2px;
	color:#363636;
	font-size:12px;
}

input.minimailsignup{
	font-size:12px;	
	border:solid 1px #ccc;
	/*width:98%;*/
	margin:4px;
}

input.minimailsubmit{
	margin: 6px;
	color:#fff;	
}

/* Minicart ccs style */

a.mincart:link, a.mincart:visited, a.mincart:active {
	color: #363636;
	font:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-decoration: none;
	font-weight: bold;
}

a.mincart:hover {
	color: #666;
	text-decoration: none;
	font-weight: bold;
} 

div.minicart{
	background: #fff; 	 
	margin:4px auto;	
	padding:4px;
	color:#363636;
}

div.minicartcnt{	
	padding:5px;
	font: normal 12px Verdana, sans-serif;
	border:1px solid #ccc;
	background-color: #fff;
	margin:3px;
	width:96%
}

span.minicartdsc{
	text-align:center;
	font: normal 12px Verdana, sans-serif;
	color:#DC143C;	/* cherry red in hiPP */
}


/* One line Mini login and minicart */
div.minicartoneline{
	background: #fff;
	margin-top:15px;
		
}

div.minicartoneline1{
	padding: 2px;
	float: left;
	color: #333;	
}

div.minicartoneline2{
	padding:2px;
	color:#333;
	float:left;	
}

div.minicartoneline3{
	padding:2px;
	color:#333;
}

 /* ~~ Link properties ~~*/
a {
	text-decoration: underline;
	padding:0;
	margin:0;
	outline: none;
    color: #363636;
}
a:hover {
	text-decoration: none;
}


/* Shopping cart classes
----------------------------------------------------------------------------------------------------*/

/*Shopping cart*/

table.cobtbl{
	background-color: #efefef;
	border-bottom:1px solid #20cbd4;
  	font-size:0.9em;
}


td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}
 
td.cobhdr{
	background-color:#20cbd4;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

.cartquant{
	width:36px !important;
}

/*Internal store naviagtion*/
a.ectlink:link {
	color: #363636;
	text-decoration: none;
}

a.ectlink:visited {
	color: #363636;
	text-decoration: none;
}

a.ectlink:active {
	color: #363636;
	text-decoration: none;
}

a.ectlink:hover {
	color: #666;
	text-decoration: none;
}

div.prodname a.ectlink:link {
	color: #595959;
	text-decoration: none;
}

div.prodname a.ectlink:visited {
	color: #595959;
	text-decoration: none;
}

div.prodname a.ectlink:active {
	color: #595959;
	text-decoration: none;
}
 
div.prodname a.ectlink:hover {
	color: #363636;
	text-decoration: none;
}


/*Button and form field styles - AG removed input.checkbutton and - AG removed input.checkbutton:hover */
input.buybutton, input.sccheckout, input.vieworderstatus, input.viewlicense, input.trackpackage{
	color: #fff;
	padding: 6px 16px;
	border: 0;
	border-radius: 4px;
	font-size: .9em;
	background-color:#57ccd2;
}

input.buybutton:hover, input.sccheckout:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover{
	background:#0099a9;
	color:#fff;
	cursor:pointer;
}

input.login, input.newaffiliate, input.affiliatelogin, input.search{
	background:#363636;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

.newimagespace {
	position: relative;
	left: -50px;
	top: -149px;	
}

.newimageproduct {
	position: relative;
	left: 55px;
	top: -136px;	
}

/* use for paper category images that start on the second row */
.newimagepaper {
	position: relative;
	left: -50px;
	top: -86px;	
}

/* The category page 
-------------------------------------*/
/* Made in Australia logo on boxes category */
.madeaustralia{
	padding-top:40px;
	padding-left:30px;
	position:absolute;
	z-index:50;
}

div.category {
	width: 355px;
	float: left;
	line-height: 1.4;
	font-size: 0.9em;
	border: 1px solid #ccc;
	background-color: #fefefe;
	height: 340px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 16px;
	padding: 7px;
}
div.category:hover{
	background-color:#fff;
	border: 1px solid #20cbd4;
	box-shadow: 5px 5px 2px #ccc;
}
div.catimage{
	width: 98%;
	float: left;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 0px;
} 

div.catnavigation{
	padding:10px 0px 10px 12px;	
	width:98%;
	font-size:1.1em;
	border-bottom: 1px solid #20cbd4;
	margin-bottom:2px;
	background-color:#f6f6f8;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catdesc{
	padding:0px 0px 4px 4px;
	font-size:0.9em;
}

div.catdesc h4{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div.catname{
	padding-left: 4px;
	padding-top: 2px;
	font-size: 1.2em;	
}

div.catdiscounts, div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:363636;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.1em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/
.explain-box{
	margin-bottom:15px; 
	padding:3px 3px; 
	border:1px solid #ccc;
}

.style-explained{
	margin: auto auto 6px auto;
	overflow: hidden;
	max-width: 1100px;
}

.style-explained .col {
	float: left;
	width: 31.0%;
}


.style-explained .col-m {
	float: left;
	margin-left: 3.5%;
	width: 31.0%;  
}

.style-explained .col-last {
	float: right;	
	margin-right: 0;
	width: 31.0%;
}

.style-explained .col2 {
	float: left;
	width: 31.0%;
	margin-left:13.5%;
}

.style-explained .col-m2 {
	float: left;
	margin-left: 10.5%;
	width: 31.0%;  
}

.style-explained p{
	font-weight:300;
	line-height:1.5em;
	text-align:justify;		
}

.style-explained .col img, .style-explained .col-last img, .style-explained .col-m img, .style-explained .col2 img, .style-explained .col-m2 img  {width:90%;}

.style-explained h2 {
	font-size: 13px;
	margin: 0px;
	padding-top:0px;
	padding-bottom: 5px;
	color:#333; 
	text-decoration: none;
	text-align: center;
}
/* AG - Product Attribute label removed so that products without filters do not display label. This change makes the filter boxes more prominant (select.prodfilter) */
div.prodfilter{
	/*float:left;
	background-color:#F9F9F4;
	border: 1px solid #ccc;*/
	padding:8px;
	color: #006ABA;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:2px;	
	text-align:center;	
	font-size:1.0em;	
}

div.prodfilterbar{
	float:left;
	width:100%;
}

select.prodfilter{
	text-align:center;	
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;		
	border: 1px solid #ccc;
	line-height:14px;
}

/* <** very important - removes the display of the supplier attribute in product filters **> */
#scri1 { display: none;}

/*div.product{
	width: 30%;
	float: left;
	height: 350px;
	margin: 2px 2px 24px 2px;
	padding: 10px 6px 6px 6px;	
}*/

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:98%;
	font-size:1.1em;
	background-color:#f6f6f8;
	border-bottom: 1px solid #20cbd4;
	margin-bottom:10px;
}

.prodratinglink{
	font-size:0.8em;
}

div.allproddiscounts{
	/*color:#DC143C;*/
	width:100%;
	margin-bottom:2px;
	float:left;
}

.discountsapply, .proddiscounts{
	color:#DC143C;
	padding-top:4px;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{
	padding-top: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
	height:210px;
}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #20cbd4;
  box-shadow: 5px 5px 2px #ccc;
}

img.prodimage{
	
}

div.prodname{
	padding-top: 6px;
	font-size: 1.2em;
	margin-bottom: 3px;
	font-weight: normal;
	color: #595959;
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	/*padding:4px;*/
	font-size:0.9em;
	color:#333;
	float:right;
}

div.proddescription{
	padding: 2px;
	float: left;
	font-size: 0.9em;
	line-height: 1.0em;
}

div.prodoptions{
	float: left;
	width:100%;
	margin-left:0px;
	padding-top: 0px;
	padding-right: 6px;	
	padding-left: 0px;
}

/* effects position of options drop down list */
div.option{
	width:65%;
	margin-top:-15px;
	margin-left:74px;
}

div.optiontext{
	margin-top:5px;
	margin-left:4px;
	font-weight:800;
}

/* effects the text appearance of product options */  
SELECT.prodoption {
	font-size: 0.90em;
	color: #595959;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	padding:6px;
}

span.yousave{
	background:#0065A7;
	color:#fff;
	padding:4px;
	font-size:0.9em;
}

div.prodprice{
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	width: 95%;
	color:#333;
	text-align: center;
	
	
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:#666;
}

div.quantitydiv{
	float:right; 
}

.quantityinput{
	margin-top:1px;
	height:19px;
}

div.addtocart{
	text-align: center;
	float: left;
	width: 100%;
}

.notifystock{
	text-align:center;
	float:left;
	width:100%;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

/* ~ "greys out" out of stock product options ~ */
option.oostock {
	color: #EBEBEB;
}

.prodid {
	color:#666;
	padding:6px;
	font-size: 0.9em;
}

div.detailmultioptiontext{
width: 180px;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* number navigation on images */
div.imagenavigator{
	font-size: 11px;
}

/* PREV & NEXT button */
input.nextimg, input.previmg {
font-size: 9px;
background-color: #FEFFFF;
border: #AFAFAF solid 1px;
border-radius: 1px;
padding: 5px;
margin: 2px;
color:#0099a9;
}
/* extra image numbers */
span.extraimage{
color: #CC0000;
}

/*position of quantity box */
.quantity0div{
	float:right;
	margin-top:4px;
}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:99%;
}

div.detailimage{
	width: 26%;
	float: left;
	clear: both;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#ccc;
	width:74%;
	font-size: 1em;
	float:left;
	margin-left:10px;
}

.detailname h1 {
	font-size: 1.2em;
	padding:6px;
	float:left;  
	width:66%;
	margin-top:10px;
  	margin-bottom:6px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	width:70%;
	margin-left:36px;
}

div.detailmanufacturer{
	float:left;
	width:76%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float:left;
	width:76%;
	margin:10px;
}
/*AG */
div.detailinstock{
	float:left;
	width:76%;
	padding:4px;
	font-size:1.0em;
}

div.detaildescription{
	font-size: 1.1em;
	padding-top: 4px;
	line-height: 1.8em;
	float: left;
	width: 66%;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left; 
	width:96%;
	color:#333;
	margin-top: 10px;
	margin-left:10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:100%;
	padding-top:6px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.9em;
	float:left;
	width:98%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width: 100%;
	float: none;
}

div.detailoptions{
	float:left;
	width:60%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:50%;
	margin-top:25px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:32%;
	float:left;
	clear:both;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:0.8em;
	border-top:1px solid #ccc;	
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
	font-size:0.9em;
	clear:both;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

.detailquantity0div{
	float:left;
	margin:10px 0px 0px 15px;	 
}

div.detailquantity{
	float:right;
	width:170px; 
}

div.detailquantitytext{
	margin-top:16px;
	float:left;
	width:30%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:50%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:right;
	width:48%;
	text-align:left;
	padding-bottom:20px;
	margin-top:10px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:50%;
}

div.navdesc{
	padding-top:10px;
}

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
} 

/* Detail PREV & NEXT button */
input.detailnextimg, input.detailprevimg {
font-size: 11px;
background-color: #FEFFFF;
border: #AFAFAF solid 1px;
border-radius: 1px;
padding: 5px;
margin: 2px;
text-align:center;
color: #20cbd4;
}
.giantimgback{
color:#20cbd4;
}	

/* detail quantity pricing */
div.detailquantpricingwrap{
float:left; 
width:100%;
}

div.detailquantpricing{
text-align:center;
margin:0 auto;
border:1px solid #e5e5e5;
}

div.detailqpheading{
float:left; 
padding:6px;
background:#999;
color:#fff;
width:300px;
}

div.detailqpheadquant{
float:left; 
padding:6px;
width:140px;
}

div.detailqpheadprice{
float:left; 
padding:6px;
width:140px;
}

div.detailqpquant{
float:left; 
padding:6px;
width:140px;
}

div.detailqpprice{
float:left; 
padding:6px;
width:140px;
}

/* cs style - recommended, related, bestsellers pages (similar to product page with cs prefix) */

.cstitle{
	float:left;
	padding-top:20px;
}

div.csproducts{
	float:left;
	width:100%;
}

div.csproduct{
	width: 30%;
	float: left;
	height: 330px;
	margin: 2px;
	padding: 10px 4px 6px 4px;	
}

div.csprodsku{
	display:none;	
}

div.csprodimage{
	padding-top: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
	height:210px;
}

div.csprodname{
	padding-top: 6px;
	font-size: .9em;
	font-weight: normal;
	color: #595959;
}

div.csprodinstock{
	padding:4px;
	color:#666;
}

div.csproddescription{
	padding: 2px;
	float: left;
	font-size: 0.85em;
	line-height: 1.0em;
	
}

div.csprodoptions{
	float: left;
	width:100%;
	margin-left:0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
}

/* effects position of options drop down list */
div.csoption{
	width:65%;
	margin-top:-15px;
	margin-left:40px;
}

div.csoptiontext{
	margin-top:5px;
	margin-left:8px;
	font-weight:800;
}

/* effects the text appearance of product options */  
SELECT.csprodoption {
	font-size: 0.95em;
	color: #595959;
}

div.cslistprice{
	width:98%;
	float:left;
	font-size: 0.8em;
	padding:6px;
}

div.csprodprice{
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	width: 95%;
	color: #666;
	text-align: center;
	padding-bottom: 10px;	
}

div.csquantitydiv{
	float:right;	
}

div.csaddtocart{
	text-align: center;
	float: left;
	width: 100%;
}

.csnotifystock{
	text-align:center;
	float:left;
	width:100%;
}

div.cspagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* number navigation on images */
div.csimagenavigator{
	font-size: 11px;
}

/* PREV & NEXT button */
input.csnextimg, input.csprevimg {
	font-size: 9px;
	background-color: #FEFFFF;
	border: #AFAFAF solid 1px;
	border-radius: 1px;
	padding: 5px;
	margin: 2px;
}

/*position of quantity box */
.csquantity0div{
	float:right;
	margin-top:4px;	
}

/* This is the first breakpoint and is for screen sizes between 800 and 780 pixels. 
If there is no difference i@media screen and (max-width: n the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 1500px) {
.menu_right {
	float: right;
	padding-bottom: 20px;
	margin-right: 150px;
}

.menu_right2 { display:none;}

.madeaustralia{
	padding-left:750px;
	position:absolute;
	z-index:50;
}

} 
@media screen and (max-width: 1100px) { 
/* Made in Australia logo on boxes category */
.madeaustralia{
	padding-left:500px;
	position:absolute;
	z-index:50;
}
}
@media screen and (max-width: 800px) { 

.menu_right { display:none;}	
.menu_right2 { display:inherit; float: left; padding-bottom: 10px; width: 100%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 20px; position: relative; width: 210px;}
.menu_right2 .basket { background: url("../images/cart_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); float: left; margin-right: 10px; margin-top: 14px; padding: 5px 5px 5px 25px;}
.logo_row {padding: 20px 15px 40px;}
.logo_right {width: 64%;}
.welcome_msg {clear: both; float: none; margin-right: 0; padding-top: 10px; text-align: right;}

.service_section {padding: 15px 15px;}
.nec_collection_banner { margin-top: 13px;}

.icon_refresh { margin-right: 27px; margin-bottom:10px;}
.icon_building {display:none;}
.searchBox {margin: 15px 15px 0 20px;}

ul.resp-tabs-list {width:80%;}
.offer-banner-section h1 { font-size:14px; }

.footer_space { padding: 30px 15px 0;}
.bottom_links { float: none; padding-left: 0; text-align: center;}
.newsletter { float: none; margin: 20px auto; width: 345px;}
.col_right { float:right; width:76%;} /* important width - effects number of images per row */

div.category{
	width:43%
}

div.product{
	width:47%;
}
div.prodname{
	font-size:0.9em;
}

div.proddescription{
	font-size:0.80em;
}

.newimageproduct {
	position: relative;
	left: 15px;
	top: -134px;	
}
/* Made in Australia logo on boxes category */
.madeaustralia{
	padding-left:400px;
	position:absolute;
	z-index:50;
}
.special_offer_pr_box p.product_img {width:100%; height:auto; }
}

/* This is the second breakpoint and is for screen sizes between 780 and 640 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media only screen and (max-width: 780px) {
div.product{
	width:46%;
}

div.category{
	width:90%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:65%;
}

span.detaildiscountsapply{
  	margin-left:44px;
}
        
div.detailimage{
	width:24%;
}

div.detailoptions{
	width:90%;
}

 div.detailmultioptiontext{
	width:45%;
}
iv.csprodname{
	font-size: 0.7em;
}
div.csprodprice{
	font-size: 0.7em;
}

div.csprodoptions{
	font-size:0.75em;
}
/* Made in Australia logo on boxes category */
.madeaustralia img{width:80%}

}

/* This is the third breakpoint and is for screen sizes between 640 and 500 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 640px) { 

h1.logo { float: none; text-align: center; margin-bottom:10px;}
.logo_right { text-align: center; width: 100%;}
ul.topLink {float: none;}
ul.topLink li {display: inline; float: none; padding: 10px 0 0 15px;}
.welcome_msg { text-align:center;}

.logo_right {float: none;}
.basket_header { padding:0px; margin-top:20px; display: block; background:none; float:none; text-align:center; clear:both;}
.basket_header a { background:url(../images/cart_icon.png) no-repeat 0 0px; padding-left:25px;}

.icon_refresh { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}

.sidebar { float: none; margin-bottom: 20px; width: 96%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.col_right { float: none; width: 100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.cstitle{
	display:none;	
}

div.csproducts{
	display:none;	
}
}

/* This is the fourth breakpoint and is for screen sizes between 500 and 360 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 500px) { 
div.logo{width:96%;text-align:center;}
.logo_row { margin:0px; padding:10px 0 10px 0;}

div.icon_refresh, div.icon_truck, div.icon_building, div.icon_phone{display:none;} /* Removes the offers from the top fo home page on small displays - remove this line if you want them to appear */

div.basket, div.basket_dis { float: left; margin-right: 0px; margin-top: 10px; padding: 5px;width:40%;}
div.service_section{padding:0px; width:98%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 0px; position: relative; width: 160px;}

.offer-banner-section .col, .offer-banner-section .col-m, .offer-banner-section .col-last {float: none; width: 80%;  text-align:center; margin: auto auto 20px auto;}
.style-explained .col, .style-explained .col-m, .style-explained .col-last, .style-explained .col2, .style-explained .col-m2 {float: none; width: 80%;  margin: auto auto 10px auto;}

ul.resp-tabs-list {width:90%}

.options_area { padding-top:10px;}
.offer-banner-section {	margin: auto;}
.style-explained {margin:auto;}
 
.resp-tabs-list li  {font-size: 18px; line-height:25px;}
.resp-tabs-list li h1 { font-size:14px; line-height:20px;}	/* class also used in js/easyResponsiveTabs. AG changed for index.php */
	
.offer-banner-section .col img, .offer-banner-section .col-last img { width:auto; max-width:100%;}
.style-explained .col img, style-explained .col-last img, .style-explained .col2 img {width:auto; max-width:100%;}

.offer-banner-section h1 { font-size:12px; line-height:20px;}

.product_listing li {float:none; margin: 0 0 20px; width: 100%; padding:0 15px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ }
.product_listing li .product_img_box { text-align:center;}
.product_listing li .product_img_box a img { max-width: 100%;  width: auto;}
.product_listing h2{text-align:center;}

div.item{ width: 100%; text-align:center;}

.footer_social_row {text-align: center; padding: 15px 0;}
ul.footer_social_icon {float: none;}
ul.footer_social_icon li { display: inline; float: none; padding:0;}
.payment_icon { float: none; margin-top: 15px;}

.footer_space { padding: 30px 20px 0;}
.footer_column { float: none; margin-bottom: 15px; width: 100%;}

.bottom_links ul {margin: 10px 0 0 -10px;}

div.product, div.prodnavigation{
	width:95%;
}

div.detailimage{
	width:95%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}
div.category{
	width:85%;
}

div.catdesc h4{
	font-size:10px;
}

 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

/* progress bar in cart */
.progressbar img {width:90%;}

/* Made in Australia logo on boxes category */
.madeaustralia{
	padding-left:250px;
	padding-top:50px;
	position:absolute;
	z-index:50;
}
.madeaustralia img{width:80%} 

}


/* This is the fifth breakpoint and is for screen sizes between 360 and below. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 360px) { 

.icon_phone { float:left; margin-top:10px;}
.menu_right2 .basket { float:left;}
.menu_right2 .searchBox { margin-left:0px;}
.menu_right2 .searchBox {width: 160px;}

.newimagespace {
	position: relative;
	left: 200px;
	top: -204px;
	
}

/* use for paper category images that start on the second row */
.newimagepaper {
	position: relative;
	left: 200px;
	top: -141px;	
}
/* Made in Australia logo on boxes category */
.madeaustralia{
	padding-left:220px;
	padding-top:50px;
	position:absolute;
	z-index:50;
}
.madeaustralia img{width:70%} 

}


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



}