/****** Z-index positioning **********/

.nav { z-index:998; }
#topMenu ul{ z-index:999; }
.adminsubmenu{ z-index:1000; }
#divSuburbList_main{ z-index:999; left: -25%}

div#slider div.hotspecialimage {display: none;}
div#dtpStartDateNew,div#dtpEndDateNew{z-index:999;}

/*.addSeparator { border-bottom: 1px solid #D4D4D4; padding-top:1em; margin-bottom:2em}*/
	
/*overwrite drop down left nav on noblocks pages and erp pages*/
body.noblocks .nav,
body.product .nav,
body.viewcart .nav,
body.identification .nav,
body.checkout .nav,
body.confirmation .nav 
{ position: absolute; width: 262px; left:0px; /*background-color:white; border: 1px solid #D4D4D4;*/ border-top: none;}

/*body.noblocks .nav > li,
body.product ul.nav > li,
body.viewcart ul.nav > li,
body.identification ul.nav > li,
body.checkout ul.nav > li,
body.confirmation ul.nav > li 
{ padding-left:5px!important;}*/


	
/*CART*/
#cart {margin-top: 4.25em; width: 25%;}
#cart span.cart a{ display:block; float: left; margin-right:0.25em; width: 30px; height:30px; background-position: 0px -174px; }
#cart p em{font-style: normal; color:#EE3D42; }
#cart p a{ padding-left: 0.5em;}
#cart em.price { padding-right: 0em; }

#checkoutproducts {background-color: #FFFFFF; padding:40px;}
#checkoutproducts ul{list-style-type: none;}
#checkoutproducts .productDetails p {margin:0;}
#checkoutproducts .productImage {height: 140px;display: block;overflow: hidden;float:left;}
#checkoutproducts .productDetails {float:right;margin-top:1.5em;}
#checkoutproducts .first {margin-top:1.5em;}


.ViewCart_Header_Left, .ViewCart_Header_Center, .ViewCart_Header_Right {
	font-weight: bold;
}
table.GiftRegList td {padding-top: 10px;}

/*specific to right col*/
div.ninecol > p.phone {z-index: 1;}
#confidence h6{ float:left; width:49.8%; display:block; padding: 0.25em 0em; line-height:2em;}
#confidence h6 span{ display:block; float: left; margin-right:0.25em; width: 30px; height:30px; background-position: -60px -174px; margin-left: 1em;}
#confidence h6.second span{ background-position: -120px -174px; }
#confidence h6.first{ border-right: 1px solid #e3e3e3;}
h6 em{ display:block; padding-bottom:0.5em; }
#rightcol nav#mainMenu {margin-top: 8px; margin-bottom: 1em;}

/*#rightcol > div > #productsList {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;background:#FFFFFF; padding:5px; margin-top: 2px;border: 1px solid #e3e3e3;}*/
#catName {display: block;}
#catImage {display: block;}

/*specific to product full*/
#confidencepf h6, #confidencepfs h6{ float:left; width:99.6%; display:block; padding: 0.25em 0em; line-height:2em;}
#confidencepf h6 span, #confidencepfs h6 span{ display:block; float: left; margin-right:0.25em; width: 30px; height:30px; background-position: -60px -174px; margin-left: 1em;}
#confidencepf h6.second span, #confidencepfs h6 span{ background-position: -175px -174px; }
#confidencepf h6.first, #confidencepfs h6.first{ border-right: 1px solid #e3e3e3;}

/*CATEGORIES + PRODUCTS */
.whiteBg, /*#CategoryList,*/ #products, #menu  { clear: left; background-color:#fff; padding: 1em; }
#product { padding-top: 0em; padding-bottom: 0em;}
#product #rightcol { padding-top: 0;}


/* products stuff*/

.rrp { }
.save, .rrp { text-transform: uppercase }


.products p { margin-bottom: 0.5em;}
/*.products span.price, .products input.addCart  { display:block; float:left}*/	

.addCart li.right {list-style:none;color:#2D9356;}
.productDetails form li.right {width:100% ! important;color:#2D9356;}

#product .sixcol.first { line-height: 2; }

#product .price strong  { font-size: 160%; }
#product .price .price, #product .membersprice .mprice {font-size:1.3em;}

#product .price .smalltxt {font-size:120%;text-transform: none;}
#product .membersprice .smalltxt {font-size:120%;text-transform: none;}
#product .price {padding:0; margin:0;}
#product .membersprice {margin-top:0; }
#product .membersprice .mprice {color: #000;padding-left:0.7em;}

#product .message {margin: 0;}


.brandslogo > img {max-width:180px;}

/* NEW HOVER EFFECT ON IMAGE */
#prodImgDiv { position: relative; width: auto; height: auto;padding: 1.5em; border: 2px solid #d8d8d8}
.hoverimage { position: absolute; top: 0; left: 0; display: none; }
#prodImgDiv:hover .hoverimage { display: block; }




/*MULTIPLE IMAGES ON PRODUCT PAGES*/
/* Tiny Carousel */

/*#ThumbSlider { height: 1%; overflow:hidden; padding: 10px 0; border-bottom: 1px solid #d0d0d0; position: relative;  }
#ThumbSlider .viewport { margin-left: 10%; float: left; width: 80%; height: 90px; overflow: hidden; position: relative; }
#ThumbSlider .buttons { background:url("/library/Default/images/buttons.png") no-repeat scroll 0 0 transparent; display: block;  background-position: 0 -38px; text-indent: -999em; float: left; width: 10%; height: 35px; overflow: hidden; position: absolute; opacity:0.6 ; left: 0; margin-top:35px; }
#ThumbSlider .buttons:hover { opacity:1 }
	
#ThumbSlider .next { background-position: right 0; 	right: 0;  left: auto;    }
#ThumbSlider .disable { visibility: hidden; }
#ThumbSlider ul.overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 100%; left: 0; top: 0; border: none; }
#ThumbSlider ul.overview li{ float: left; margin: 0 5px 0 0 !important; padding: 1px; height: auto; width:20%}*/

/* Tiny Carousel */
#ThumbSlider { height: 1%; margin: 1em 0 0 0; overflow:hidden; position: relative; padding: 0 40px 10px;    }
#ThumbSlider .viewport { height: 80px; overflow: hidden; position: relative; }
#ThumbSlider .buttons {
    background: #fff;
    border-radius: 30px;
    display: block;
    position: absolute;
    top: 25%;
    left: 0;
    width: 30px;
    height: 30px;
    color: #ed1c24;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    font-size: 22px;
	opacity: 0.8;
}
#ThumbSlider .next {
    right: 0;
    left: auto;
}
#ThumbSlider .buttons:hover{
    opacity: 1;
}
#ThumbSlider .disable { visibility: hidden; }
#ThumbSlider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: auto; left: 0 top: 0; }
#ThumbSlider .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 80px; width: 80px;}

#ThumbSlider li.mirrored { display: none;}
	
/*turn off honey pot field*/
	#signup form input.blank{ display: none; padding-left:0%;line-height:0em; height:0em; float: left; width:0px; }


/*CUSTOMISE colorbox*/
#cboxCurrent, #cboxNext, #cboxNext, #cboxPrevious, #cboxClose { top: 4px;}
#cboxCurrent { font-size:120%; line-height: 1.8em;}
#cboxLoadedContent { margin-top: 28px;}

/* RELATED PRODUCTS */
div.related{ margin-top: 1em; }
div.related ul#products li{ width:30.5%; }
div.related ul#products li h3{ display: none; }
div.related ul#products li a img, div.related ul#products li a{ width:140px; height: 120px; }
/* CONFIDENCE TRIGGERS*/
div.confidence p{ margin-bottom: 0.25em }

/*TABS*/
	.shadetabs{padding:0; margin: 0; margin-top: 1em; line-height:2.8em; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/}
	.shadetabs li{display: inline; margin: 0; float: left;}
	.shadetabs li { display:block; width:auto; text-decoration: none;  padding-left:1em; padding-right:1em; position: relative; z-index: 1; line-height:2.8em; border-bottom:none; border-right:none;}
	/* .shadetabs li:last-child{ border-right: 1px solid #969798; } */
	.shadetabs li a:visited{}
	.shadetabs li a:hover{text-decoration: underline; color: #0079C2;}
	.shadetabs li a.selected{ /*selected main tab style */position: relative; background-color: #ECEBEC;}
	.shadetabs li a.selected:hover{ /*selected main tab style */text-decoration: none;}
	
	.holdtabs{min-height: 200px;}
	.tabcontent{display:none;}
	


/*********************
CUSTOMISE colorbox
*********************/

	#cboxCurrent, #cboxNext, #cboxNext, #cboxPrevious, #cboxClose { top: 4px;}
	#cboxCurrent { font-size:120%; line-height: 1.8em;}
	#cboxLoadedContent { margin-top: 28px;}
	
/*********************
CUSTOM PRODUCTS AREA
*********************/
/*CATEGORY LIST*/
#CategoryList {list-style:none;}
#CategoryList li{ float: left; width: 28%; margin:0px 0px 1% 1%;  text-align:center; padding:1%;  border: 5px solid #ECEBEC; height: 17.5em;}
#CategoryList li img{ } 

ul#categories, ul#products{clear:left;}

#categories li, #products li{  width:24%; margin-right:0%;  list-style:none;  padding-bottom: 1em; margin-bottom: 2em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
#categories li:nth-child(4n+4), #products li:nth-child(4n+4) { margin-right:0%; }
#categories li a, #products li a{  display: block; margin-left:auto; margin-right:auto; text-align:center;}

#categories li, #products li{ /*border:5px solid #fff;*/ }
#categories li:hover, #products li:hover{ }
#categories h3, #categories p, #products h3, #products p{ margin:0 0px; text-align:center;}
#categories h3, #products h3{ display:block; min-height: 70px; margin: 0em; text-align:center;  padding-bottom: 0em;  padding-top: 0em; }
#products .rrp{font-size: 0.8rem; margin: 0.5em 0 0.8em 0}
td.RegistryCartCell > a.addCart.focus{color: #FFF;background-color: #0071A7;}
td.RegistryCartCell > a.addCart{font-family: "Oswald","sans-serif";
background-color: #0094DA;
border: 0px none;
color: #FFF;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
cursor: pointer;
border-radius: 4px;
padding: 0.25em 0.5em;
line-height: 30px;}
#products li form p {text-align:center;}


#products li .prodPrice .rrp {display: none;}
#products li .prodPrice {text-align:center;}



/*Checkout Breadcrumbs*/
	ul#checkoutBreadcrumbs{ list-style: none; height:48px; background-color:#EBECF0; margin:10px 0px; padding-left:0;}
	ul#checkoutBreadcrumbs li{ float: left; width: 33.3%; }
	ul#checkoutBreadcrumbs li a{ font-size: 100%; color:#8f8f91; text-transform: uppercase; padding-left: 8px; display: block; height:48px; line-height:44px; text-decoration: none;}
	ul#checkoutBreadcrumbs li a span{ display: block; float: left; font-size: 140%; text-align:center; font-weight:600; letter-spacing:-1px; border: 1px solid #8f8f91; background-color:#EBECF0; margin: 5px 5px 0 0; line-height: 30px; }

	/*Set body class to change styles*/
	/*First - View Cart*/
	body.viewcart ul#checkoutBreadcrumbs li.first a span{ border: 1px solid #ed1c24; background-color:#ed1c24; color:#fff; }
	body.viewcart ul#checkoutBreadcrumbs li.second a:hover,
	body.viewcart ul#checkoutBreadcrumbs li.third a:hover,
	body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover{ cursor: default; text-decoration:none; }
	/*Second - ID*/
	body.identification ul#checkoutBreadcrumbs li.second a span{ border: 1px solid #ed1c24; background-color:#ed1c24; color:#fff; }
	body.viewcart ul#checkoutBreadcrumbs li.third a:hover,
	body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover{ cursor: default; text-decoration:none; }
	/*Third - Checkout*/
	/* First change order of html columns putting cart summary to the right on desktop*/
	body.checkout form .first { }
	body.checkout form .last {  }
	body.checkout ul#checkoutBreadcrumbs li.third a span{ border: 1px solid #ed1c24; background-color:#ed1c24; color:#fff;}
	body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover{ cursor: default; text-decoration:none; }
	/*fourth - Confirmation*/
	body.finalise ul#checkoutBreadcrumbs li.fourth a span{ border: 1px solid #ed1c24; background-color:#ed1c24; color:#fff; }
	
	body.checkout #rightcol {margin-top: 0px;}
	
	
	
	.Blocks { border:4px solid #EBECF0; margin-bottom:10px}
	
	table.Blocks { width: 100%; margin-bottom:10px}
	
	/****Cart Table************/
	
	td.ViewCart_Header_Left {
		background: none repeat scroll 0 0 #EBECF0;
		color: #444548;
		font-weight: normal;
		padding: 5px 5px;
		text-align: left;
		font-size: 100%; text-transform: uppercase;
	}
	
	td.ViewCart_Header_Right {
		background: none repeat scroll 0 0 #5A2B01;
		color: #444548;
		font-weight: normal;
		padding: 5px 5px;
		text-align: right;
		font-size: 100%; text-transform: uppercase;
	}
	td.ViewCart_Header_Center {
		background: none repeat scroll 0 0 #EBECF0;
		color: #444548;
		font-weight: normal;
		padding: 5px 5px;
		text-align: center;
		font-size: 100%; text-transform: uppercase;
	}
	td.ViewCart_Product_Center {
		text-align: center;
		vertical-align:  middle;
	}
	td.ViewCart_Product_Left {
		vertical-align:  middle;
		padding: 5px 5px;
	}
	td.ViewCart_Product_Right {
		vertical-align:  middle;
		padding: 5px 5px;
	}
	.ViewCart_Separator {border-top:1px dotted #afafb3;}
	
	/*TOTALS*/
	.ViewCart_Price_Left {font-size: 100%; text-transform: uppercase; font-weight: normal;}
	.ViewCart_Price_Left em { color:#8f8f91; font-style: normal; font-weight: normal;}
	.ViewCart_Price_Left strong, .ViewCart_Price_Right strong { font-weight: normal; font-size:150%;}
	
	/*FREIGHT*/
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad, div.ViewCart_Freight_Red {
	 /*right: 300px;*/
	 text-transform:none;
	}
	
	/*FREIGHT QUOTE*/
	div.ViewCart_Freight_Good_Quote, div.ViewCart_Freight_Bad_Quote, div.ViewCart_Freight_Red_Quote {
	/*  right: 80px;
	 top: 15px;
	 text-transform:none; */
	}
	td.BackToStoreLink 
	{
		padding-top: 60px;
		width: 176px;
	}
	td.ContinueShopping { text-align:left;}

	/** PROMO CODE ***/
	.PromoCode { padding: 10px; }
	.PromoCode p{ width: 50%; float:left; text-align:left; line-height: 2em; margin-bottom:0px; }
	.PromoCode div{ width: 50%; float:left; text-align:right; }
	.PromoCode div input{clear: left; float: right; }
	
	a.BlueLink { color:#00aeed; font-size: 100%; text-transform: uppercase; padding:10px;}
	/** button code further up the page needs copying over  input.usethis**/
	
	/******* Proceed *****/
	.Proceed{ background-color:#47484a; /*margin-bottom:40px;*/ font-size: 150%; text-transform: uppercase; text-align:right;}
	.Proceed a{ color:#fff; padding: 20px; line-height: 2em;}
	.Proceed span{ color:#fff; font-size: 50%; float:left;}
	
	/******* getQuote *****/
	.getQuote{ background-color:#555557; margin-bottom:40px; font-size: 150%; text-transform: uppercase; text-align:right; display:block; clear:both;}
	.getQuote a{ color:#fff; padding: 20px; line-height: 2em;}
	.getQuote span{ color:#fff; font-size: 50%; float:left;}
	
	.rightaside{ clear:right;}
	
	/**************************************************/
	/* STEP 2/3 Checkout */
	#checkout, #checkout_payment {border:4px solid #EBECF0; margin-bottom:10px; padding: 1%; background: #FFFFFF;}
	#checkout div{width: 46.5%; float:left; margin-left:3%}
	#checkout div.guest{width: 94%; float: none; margin-left:0%; margin:0 auto 10px auto; border-bottom:4px solid #EBECF0; padding: 30px 0 }
	#checkout div.guest h2, #checkout div.guest input.guest{ float:left; display:block;}
	#checkout div.guest input.guest{ margin-left: 90px; }
	#checkout_promo {width: 682px; margin-left: 10px; border:4px solid #EBECF0; margin-bottom:10px; padding-bottom:20px;}
	#checkout_promo div{width: 46.5%; float:left; margin-left:3%}
	#checkout_email {width: 682px; margin-left: 10px; border:4px solid #EBECF0; margin-bottom:10px; padding-bottom:20px;}
	#checkout_email div{width: 46.5%; float:left; margin-left:3%}
	#checkout_instructions {width: 682px; margin-left: 10px; border:4px solid #EBECF0; margin-bottom:10px; padding-bottom:20px;}
	#checkout_instructions div{width: 46.5%; float:left; margin-left:3%}
	#checkout_card {width: 682px; margin-left: 10px; border:4px solid #EBECF0; margin-bottom:10px; padding-bottom:20px;}
	#checkout_card div{width: 46.5%; float:left; margin-left:3%}
	
	#pnlCartEmpty #rightcol, #pnlCartFull #rightcol {margin-bottom: 10px;}
	

	
	.tableBorders{border-top:1px dotted #afafb3; border-bottom:1px dotted #afafb3; padding: 10px 0px;}
	
	.Redtxt { color:#e31b23;}
	
	
	/** button code further up the page needs copying over  input.login**/
	/** button code further up the page needs copying over  input.guest**/
	
	
	#checkout h2, #checkout p{}
	#checkout div h2, #checkout div p{ margin-left:0px; margin-right:0px;}
	#checkout div p.smMessage, p.smMessage {font-size:80%; text-transform: uppercase; padding: 2%;  background-color: #EBECF0; }
	.Error { color: #ed2729; font-weight:700; }
	#checkout_promo h2, #checkout_promo p{ margin-left: 10px; margin-right:10px;}
	#checkout_promo div h2, #checkout_promo div p{ margin-left:0px; margin-right:0px;}
	#checkout_promo div p.smMessage, #checkout_promo p.smMessage {font-size:80%; text-transform: uppercase; padding: 10px;  background-color: #EBECF0; margin-left:10px; margin-right:10px;}
	a.greytext{color: #444548;}
	
	/******* Proceed *****/
	#Proceed{ margin-left: 0px;  background-color:#555557; margin-bottom:40px;  margin-bottom:10px; padding:10px;}
	#Proceed span{ color:#fff; text-transform: uppercase; font-size: 70%; float:left;  line-height:4em;}
	#Proceed #SubmitCheckout {margin-top:9px; float: right; width: 30%;}
	
	#Proceed #SubmitCheckout {}
	/** button code further up the page needs copying over  input.payment**/
	
	/*Right Blocks*/
	/*aside#rightcol {display: inline-block; padding-top:0px;}
	#rightcol {width: 250px; margin-left: 10px;}*/
	
	#rightcol table td.ViewCart_Product_Left img{width: 60px;}
	#rightcol table td.ViewCart_Product_Left strong{font-size: 150%;}
	
	/*viewcart*/
	
	

	table.ViewCart
	{
		margin: 0px auto;
	}
	
	td.ViewCart_Header_Left
	{
		background: #EBECF0;
		font-weight: bold;
		padding: 5px 10px;
		text-align: left;
	}
	
	td.ViewCart_Header_Right select#ddlPickupInStore{
	max-width: 60%;
	
	}
	td.ViewCart_Header_Right
	{
		background: #5A2B01;
		font-weight: bold;
		padding: 5px 10px;
		text-align: right;
	}
	
	table.ViewCart.Blocks td.ViewCart_Header_Right
	{
		background: #EBECF0;
		font-weight: bold;
		padding: 5px 10px;
		text-align: right;
		border-right:4px solid #EBECF0;
	}
	
	#tableCart td.ViewCart_Header_Right
	{
		
		border-right:none;
	}
	
	td.ViewCart_Header_Right a {
		
		
	}
	
	td.ViewCart_Product_Left
	{
		padding: 5px 10px;
		text-align: left;
		vertical-align: top;
	}
	
	td.ViewCart_Product_Right
	{
		padding: 5px 10px;
		text-align: right;
		vertical-align: top;
	}
	
	table.ViewCart.Blocks td.ViewCart_Product_Right
	{
		padding: 5px 10px;
		text-align: right;
		vertical-align: top;
		border-right:4px solid #EBECF0;
	}
	
	#tableCart td.ViewCart_Product_Right
	{
		border-right:none;
	}
	
	hr.ViewCart_Separator
	{
		background: #C0C0C0;
		border: none;
		color: #808080;
		height: 1px;
	}
	
	td.ViewCart_Price_Left
	{
		/*font-weight: bold;*/
		padding: 5px 10px;
		text-align: right;
		vertical-align: top;
	}
	
	div.ViewCart_Price_Left
	{
		/*font-weight: bold;*/
		position: relative;
		text-align: right;
	}
	
	td.ViewCart_Price_Right
	{
		padding: 5px 10px;
		text-align: right;
		/* vertical-align: bottom; */
		width: 10%;
	}
	
	td.ViewCart_Footer_Left
	{
		font-weight: bold;
		padding: 5px 10px;
		text-align: left;
	}
	
	td.ViewCart_Footer_Right
	{
		font-weight: bold;
		padding: 5px 10px;
		text-align: right;
	}
	
	td.ViewCart_Freight
	{
		padding: 5px 10px;
		vertical-align: middle;
	}
	
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad, div.ViewCart_Freight_Red, div.ViewCart_Freight_Red_Quote, div.ViewCart_Freight_Good_Quote, div.ViewCart_Freight_Bad_Quote
	{
		color: #000000;
		font-weight: normal;
		margin: 10px 0px 0px auto;
		padding: 10px 30px 10px 10px;
		position: relative;
		/* right: 150px */;
		text-align: right;
		width: 100%;
	}
	
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Good_Quote
	{
		background: rgba(0,255,0,0.4);
	}
	
	div.ViewCart_Freight_Bad, div.ViewCart_Freight_Bad_Quote
	{
		/* This can be changed back to regular freight_bad.png or freight_bad_red.png to restore the default red box. Ross 2015-03-23 */
		background: rgba(0,255,0,0.4);
	}
	div.ViewCart_Freight_Red, div.ViewCart_Freight_Red_Quote
	{
		/* Additional for out of size postage. Ross 2015-03-23 */
		background: rgba(255,0,0,0.4);
	}
	td.ViewCart_Freight_Message
	{
		text-align: center; 
		color:Red;
	}
	td.ViewCart_GiftCartMessage
	{
		text-align: center; 
		color:Green;
	}
	a.nodecoration
	{
		text-decoration: none;
	}
	
	a.nodecoration:hover
	{
		text-decoration: none;
	}
	
	/*endviewcart*/
	
	a.suburb
	{
		color: #000000;
		display: block;
		padding: 5px 10px;
		text-align: left;
		white-space: nowrap;
	}
	
	a.suburb:hover
	{
		background: #000080;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#circle, #checkoutBreadcrumbs a span {
		            width: 30px;
		           height: 30px;
  	   -moz-border-radius: 15px;/* Firefox 3.6+ */
	-webkit-border-radius: 15px;/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	 -khtml-border-radius: 15px;/* for old Konqueror browsers */
	        border-radius: 15px;/* future proofing */
	}
	
	#divPopup {
		width:100%;
		height: 80px;
		margin-bottom: 1em;
/* 		background: #EFEFEF;
 */	}
	
	.Home #checkoutBreadcrumbs {
		display: none;
	}
	
	
	
	ul.resp-tabs-list, p {
    /*margin: 0px;*/
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
   
    display: inline-block;

    padding-left: 1em;
    padding-right: 1em;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
   
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    /*border: 1px solid #c1c1c1;*/
    border-bottom: none;
    margin-bottom: -1px !important;
    /*padding: 0 !important;*/
    position: relative; 
/*     background-color: #ECEBEC; */
}

.resp-tab-active {
    border-bottom: none;
  
}

.resp-content-active, .resp-accordion-active {
    display: block;
}



h2.resp-accordion {
    font-size: 13px;

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

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    /*border-top: 1px solid #c1c1c1 !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}
	
#checkoutproducts .productDetails {float:left;margin-top:0em;}	

.ViewCart tr:first-child {background-color:#EBECF0;}
.ViewCart tr {background-color: white;}
	
	
	/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	.active { display: block; }
	
	#Proceed {text-align: center;}
	#Proceed span {display:none!important;}
	#Proceed .payment {margin: 0 auto;float: none;}
	#Proceed #SubmitCheckout {margin: 1em;float: none;width:auto;margin: 0 auto;}
	/*CART*/
	#mainMenu { border-bottom: 1px dotted #f7f4f4; }
	#cart { width: 150px; float:left; margin-left:150px; padding-left:0; padding-right:0; padding-top: 0.5em;}
	#cart p{ line-height: 1.6em;}
	#cart p a{ clear: left; display: block; width:auto;}
	/*re-arrange header elements */
	#holdTopNav div.row { height:130px; }
	
	
	#checkoutproducts {padding:20px; padding-top:5px;}
	/*#checkoutproducts .productImage {height: 140px;display: block;overflow: hidden;float:left;}*/
	#checkoutproducts .productDetails {float:left;margin-top:0em;}
	#checkoutproducts .first {margin-top:0em;}
		
	/*menu*/
	.toggleMenu {line-height: 1.2em;}
	#leftMenu ,#mainMenu { margin-bottom: 1em;}
	#leftMenu ul > li.hover > ul , #leftMenu ul li li.hover ul ,#mainMenu > ul > li.hover > ul, #mainMenu ul li li.hover ul { position: static !important; }
	
	/*#mobilelocation {display: block !important;width: 100%; padding: 0.2em 0.1em; text-decoration: none;text-align: center; color: #FFFFFF; text-transform: uppercase;font-family: "Oswald", "sans-serif"; text-rendering: optimizelegibility;  height: 50px;  font-size: 1.4em;  font-weight: 700;  line-height: 1.4em;  margin-top: 0em;  margin-bottom: 0;  text-transform: uppercase;  color: white;text-shadow: 0px 1px 2px black;  padding-top: 10px;  border-top: 1px dashed #CCCCCC;  margin-bottom: 2px;}*/
	#leftMenu ul a, #leftMenu ul li li a, #mainMenu ul a, #mainMenu ul li li a {   }
    #leftMenu ul > li, #mainMenu ul > li { float: none; }
    /*#leftMenu ul > li > .parent { background-position: 95% 50%; }*/
    #leftMenu ul li li .parent, #mainMenu ul li li .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }
    #leftMenu ul ul, #mainMenu ul ul  { display: block !important; width: 100% !important;  }
    #leftMenu ul > li.hover > ul , #leftMenu ul li li.hover ul, #mainMenu ul > li.hover > ul , #mainMenu ul li li.hover ul { position: static !important; }
	
	/*overwrite drop down left nav on noblocks pages and erp pages*/
	body.noblocks ul.nav, body.product ul.nav, body.viewcart ul.nav, body.identification ul.nav, body.checkout ul.nav, body.confirmation ul.nav { width: 262px;}
	
	
	/*overwrite width of menu on mobile*/
	body.noblocks #content .row #leftcol #leftMenu .nav,
	body.product #content .row #leftcol #leftMenu .nav,
	body.viewcart #content .row #leftcol #leftMenu .nav,
	body.identification #content .row #leftcol #leftMenu .nav,
	body.checkout #content .row #leftcol #leftMenu .nav,
	body.confirmation #content .row #leftcol #leftMenu .nav 
	{ width: 300px; }
	
	/*Content*/
	#content div.row { background-image:none;}
	div#content div.row{}
	/*turn off left blocks*/
	#leftcol div.block { display: none;}
	/*turn off main menu*/
	#rightcol nav#mainMenu { display: none;}

	/*search*/
	#search form { padding-left: 0px; }
	#search form .input { width: 60%;}
	
	/*move search down on category page*/
	body.category div#content div.row section#rightcol{ position: relative; }
	body.category div#content div.row section#rightcol ul#categories, body.category div#content div.row section#rightcol ul#products {margin-bottom:0em; padding-bottom: 4em;}
	body.category div#content div.row section#rightcol div#search{ position: absolute; bottom:0em; width: 92%; margin-bottom: 0em;   }
	
	/*move search down on product page*/
	div#content div.row { position: relative; }
	body.product div#content div.row div#rightcol { position: absolute; bottom:1em; }
	
	/*search*/
	body.viewcart div#search{ display: none;  }
	
	/*Turn off sub nav in left column on category pages*/
	body.category nav#menu { display:none; }
	
	/*product slider*/
	/*#holdSlider p{ width: 40%; display:block; float:left; padding-right:0px; clear:left }*/
	/*#holdSlider form p{ width: 60%; }*/
	#holdSlider p.last{  padding-left:0px; }
	/*#slider { width: 260px; }
	#slider li { width: 95%; }*/
	a.mb-scrollButtons.mb-left { left: -30px; }
	a.mb-scrollButtons.mb-right { right: -30px; }
	.mb-inside { display:block; max-height: 380px;}
	
	/*content area*/
	/*#leftcol { margin-left: 0px; margin-right: 0px; width:92%}
	#rightcol { margin-left: 0px; margin-right: 0px; width:92%}*/

	/* categories/products */
	#categories li, #products li, div.related ul#products li{width: 44.5%; /*text-align:center;*/}
	#categories li img, #products li img, div.related ul#products li img { /*width: 100px; height:auto;*/}
	#product div.sixcol { padding-left: 0px; padding-right: 0px;}
	.categorytitle { width: 95%;}
	/*body.product div.related input.addCart { margin-left:auto; margin-right:auto; }*/

	
	/*thumbnails */
	#slider1 .viewport {  }
	
	/* product tabs */
	.shadetabs li a { padding-left: 0.25em; padding-right: 0.25em; }
	
	/*first footer elements*/
	footer h5 { clear: left; margin-top:1.2em}
	
	
	/*CART PROCESS CSS*/
	/*Checkout Breadcrumbs*/
	ul#checkoutBreadcrumbs li a{ text-indent: -9998em; font-size: 80%}
	ul#checkoutBreadcrumbs li a span{  text-indent: 0em;}
	/*Set body class to change styles*/
	/*First - View Cart*/
	body.viewcart ul#checkoutBreadcrumbs li.first a{ text-indent: 0em; }
	body.viewcart ul#checkoutBreadcrumbs li.first{ width: 60% }
	body.viewcart ul#checkoutBreadcrumbs li.second,
	body.viewcart ul#checkoutBreadcrumbs li.third,
	body.viewcart ul#checkoutBreadcrumbs li.fourth { width: 12.5% }
	/*Second - ID*/
	body.identification ul#checkoutBreadcrumbs li.second a{ text-indent: 0em; }
	body.identification ul#checkoutBreadcrumbs li.second{ width: 60% }
	body.identification ul#checkoutBreadcrumbs li.first,
	body.identification ul#checkoutBreadcrumbs li.third,
	body.identification ul#checkoutBreadcrumbs li.fourth { width: 12.5% }
	/*Third - Checkout*/
	body.checkout ul#checkoutBreadcrumbs li.third a{ text-indent: 0em; }
	body.checkout ul#checkoutBreadcrumbs li.third{ width: 60% }
	body.checkout ul#checkoutBreadcrumbs li.first,
	body.checkout ul#checkoutBreadcrumbs li.second,
	body.checkout ul#checkoutBreadcrumbs li.fourth { width: 12.5% }
	/*fourth - Confirmation*/
	body.confirmation ul#checkoutBreadcrumbs li.fourth a{ text-indent: 0em; }
	body.confirmation ul#checkoutBreadcrumbs li.fourth{ width: 60% }
	body.confirmation ul#checkoutBreadcrumbs li.first,
	body.confirmation ul#checkoutBreadcrumbs li.second,
	body.confirmation ul#checkoutBreadcrumbs li.third { width: 12.5% } 
	
	/* cart links or buttons*/
	.Proceed { font-size: 90% }
	
	/*viewcart postcode*/
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad, div.ViewCart_Freight_Red { right: 0px;}
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad, div.ViewCart_Freight_Red, div.ViewCart_Freight_Red_Quote, div.ViewCart_Freight_Good_Quote, div.ViewCart_Freight_Bad_Quote { position: relative; margin: 0px 0px 0px auto; width: 170px; padding:10px 10px 10px 10px; height:60px; font-size:80%; line-height:110%;}
	td.freight span{ display:block; margin-top: 80px;}
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Good_Quote	{	background: URL('/wmsimages/freight_good.responsive.png');	}	
	div.ViewCart_Freight_Bad, div.ViewCart_Freight_Bad_Quote	{	background: URL('/wmsimages/freight_good.responsive.png');	} /* Can be reverted for red alert. Ross 2015-03-23*/
	div.ViewCart_Freight_Red, div.ViewCart_Freight_Red_Quote	{	background: URL('/wmsimages/freight_bad.responsive.png');	}
	
	td.ViewCart_Price_Right { padding: 5px 5px;}
	.ViewCart_Price_Left strong, .ViewCart_Price_Right strong { font-weight: 600; font-size: 100%;}	
	/* ========================================== */
	/* ! VIEW CART TABLES   */
	/* ========================================== */
	
	/* Force table to not be like tables anymore */
	table#tableCart, table#tableCart head, table#tableCart tbody, table#tableCart th, table#tableCart td, table#tableCart tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	table#tableCart thead tr.tablehead { position: absolute; top: -9999px; left: -9999px; }	
	table#tableCart tr { }	
	table#tableCart td { 
		/* Behave  like a "row" */
		border: none; border-bottom: 1px solid #eee; position: relative; padding-left:40%; }
	
	table#tableCart td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px; left: 6px; width: 40%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: 600}
	
	/*	Label the data	*/
	table#tableCart td:nth-of-type(1):before { content: "Product:"; }
	table#tableCart td:nth-of-type(2):before { content: " "; }
	table#tableCart td:nth-of-type(3):before { content: " "; }
	table#tableCart td:nth-of-type(4):before { content: "Price:"; }
	table#tableCart td:nth-of-type(5):before { content: "Quantity:"; }
	table#tableCart td:nth-of-type(6):before { content: "Total:"; }
	
	/* identification page */
	body.identification div#pnlCartFull, body.checkout div#pnlCartFull, body.identification div#pnlCartEmpty, body.checkout div#pnlCartEmpty { display: none;}
	div#checkout div {width: 94%; border-bottom: 4px solid #EBECF0; padding-bottom: 1em; padding-top: 2em;} 
	#checkout div.guest input.guest { margin-left: 0px; margin-top: 1em; }
	div#checkout table.tableBorders { border-bottom: none; }

	
}

/* ========================================== */
/* ! Layout for tablet version   */
/* ========================================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
 .row { min-width: 735px; }
/*product slider*/
	#slider { width: 480px; }

	.footer { padding: 1em 0em;}
	.footer div.fourcol {margin-left: 1.3%; margin-right: 1.4%;}
}