/* ICONS*/
@font-face {
    font-family: 'HeydingsCommonIconsRegular';
    src: url('../font/heydings_icons-webfont.eot');
    src: url('../font/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/heydings_icons-webfont.woff') format('woff'),
         url('../font/heydings_icons-webfont.ttf') format('truetype'),
         url('../font/heydings_icons-webfont.svg#HeydingsCommonIconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { height: 100%;}

/* ============================== */
/* ! TYPOGRAPHY                   */
/*=============================== */
	html { font-family: Arial, Helvetica, sans-serif; font-size: 87.5%; line-height: 1.429; color: #656c77; }
	h1, h3, ol li { color: #2b2e32; font-weight:600; }
	h2, h4 strong {color: #ed1d24;}
	h1, h2, #rightcol ol li, #rightcol h3{font-style:italic;}
	h2, h4, h5, h6, #signup p strong, .jqueryslidemenu, legend { font-weight: 400; }
	#secondFooter #phone p a {color:#fff;}
/* Headings */
	h1 { color: #333333; font-size: 2.7em; margin-bottom: .25em; clear:left; font-size: 2.429em; line-height: 1.2em;}
	body.Home .homeblurb h1 {margin-top: 0.85em;}
	#content h1{margin-bottom: 0.25em;}
	h2, #rightcol ol li {font-size: 130%; }
	#rightcol h2, #rightcol h3 {padding-left: 0.6em; padding-top:0.65em;}
	h3, ol li {font-size: 1.2em; padding-top:0.65em; padding-bottom: 0.5em; margin: 0; font-style:italic;}
	#rightcol h3 { color:#FFFFFF; margin: 0 0 10px 0;}
	h3 span { display: block; font-size: 0.65em; text-transform:uppercase; color: #656c77; }
	h4 { border-bottom:1px solid #ccc; padding:1em 1em; padding-bottom: 0.5em; background:#e4ecef; text-align: center; font-size: 85%; }
	#rightcol h4 { margin:0; }
	h5 {font-size: 1.143em}
	h6 {font-size: 1em}
/* Anchors */
	a {outline: 0; color:#0055a6; text-decoration: none;}
	a img {border: 0px; text-decoration: none;}
	a:hover, a:active, .nav li:hover > a{color: #ed1d24; text-decoration: underline;}
	a.cboxElement:hover, a.cboxElement:active, a.no-effect:hover, a.no-effect:active{ background-color: transparent; }
/* Paragraphs */
	p {margin-bottom: 1em}
	h3 + p { margin-top: 0em}
	#rightcol p {padding: 0 1em;}
	strong, b {font-weight: bold;}
	em, i {font-style: italic;}
	::-moz-selection {background: #1D1D1D; color: #fff;}
	::selection {background: #1D1D1D; color: #fff;}
/* Lists */
	ul { list-style: outside disc; margin: 1em 0 1.5em 1.5em;} 
	ol { list-style: outside decimal; margin:0 0 0 0}
	dl {margin: 0 0 1.5em 0;}
	dt {font-weight: bold;}
	dd {margin-left: 1.5em;}
/* Quotes */
	blockquote { margin:0px; background: transparent url('../images/quote.QF.png') no-repeat left top; text-indent:25%; padding-top: 0.08em;}
	cite {}
	q {}
/* Tables */
	table {margin: .5em auto 1.5em auto; width: 98%;}
/* Thead */
	thead th, tbody th {padding: 0; text-align: left; color: #53c403; font-weight:normal;}
	thead td {}
 /* Tbody */
  	tbody td {padding: .2em 0em;}
	.grid_12 tbody td {padding: 1em .2em;}
   	tbody th {}
   	tbody .alt td { background-color:#f1e9f1;}
   	tbody .alt th {}
/* Tfoot */
   	tfoot th {}
   	tfoot td {}
	
	/***** Declare sprite image 1x ****/
	#leads div.row {background-image:url('../images/footer-bg.QF.png'); background-repeat: repeat; background-position: top left; height:auto; display:block;}
	#leads div.twocol span {background-image:url('../images/leads-sprite-x1.QF.png'); background-repeat: no-repeat; height:auto; display:block;}
	
	
	
/**********************--------------------------END clearfix*/
/* ============================== */
/* ! Design elements   */
/* ============================== */
	.icons, #phone span{
		font-family: 'HeydingsCommonIconsRegular', Arial, sans-serif; font-size: 120%; letter-spacing: 0;
		-webkit-border-bottom-left-radius: 1px;
		text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);
		overflow: hidden;
		 -webkit-font-smoothing: antialiased; 
	}
	.topBorders, #topMenu, #firstFooter, #altsitelinks { 
		border: 1px solid #cfd1d4; border-left:none; border-right:none;
	}
	.borders { 
		border: 1px solid #cfd1d4;
	}
	.shadow {
	    -moz-box-shadow: 3px 3px 5px 6px #ccc;
	 -webkit-box-shadow: 3px 3px 5px 6px #ccc;
	         box-shadow: 3px 3px 5px 6px #ccc;
	}
	.one-edge-shadow, #leftMenu ul/*, #holdSlider, #subscribe div.row, #product, #CategoryList, #products, #menu*/ {
	-webkit-box-shadow: 0 8px 6px -6px #bbb;
	   -moz-box-shadow: 0 8px 6px -6px #bbb;
	        box-shadow: 0 8px 6px -6px #bbb;
	}
	.bottomRadius, #rightcol h3 {	
	   -moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	        border-radius: 0px 0px 10px 10px; /* future proofing */
	 -khtml-border-radius: 0px 0px 10px 10px; /* for old Konqueror browsers */
	}
	.topRadius {	
	   -moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	        border-radius: 10px 10px 0px 0px; /* future proofing */
	 -khtml-border-radius: 10px 10px 0px 0px; /* for old Konqueror browsers */
	}
	.fullRadius {	
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px; /* future proofing */
	 -khtml-border-radius: 10px; /* for old Konqueror browsers */
	}
	.smallRadius/*, button, #button, a.button, input.addCart, input#SubmitCheckout, input.usethis, input.payment, input.guest, input.login*/ {
	   -moz-border-radius: 4px;/* Firefox 3.6+ */
	-webkit-border-radius: 4px;/* Safari 5.1+, Mobile Safari, Chrome 10+ */
	 -khtml-border-radius: 4px;/* for old Konqueror browsers */
	        border-radius: 4px;/* future proofing */
	}
	#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 */
	}
	.gradient/*, button, #button, a.button, input.addCart, input#SubmitCheckout, input.usethis, input.payment, input.guest, input.login*/ {
	    background-color: #566a30; /* fallback/image non-cover color */		   
	    background-image: url('../images/fallbackGradient.png'); /* fallback image */		   
	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0644a), to(#de3c07));	/* Safari 4+, Chrome 1-9 */	   
	    background-image: -webkit-linear-gradient(top, #f0644a, #de3c07); /* Safari 5.1+, Mobile Safari, Chrome 10+ */	   
	    background-image: -moz-linear-gradient(top, #f0644a, #de3c07);	/* Firefox 3.6+ */ 	   
	    background-image: -ms-linear-gradient(top, #f0644a, #de3c07);	/* IE 10+ */	   
	    background-image: -o-linear-gradient(top, #f0644a, #de3c07);/* Opera 11.10+ */
	}
	.LeftRightGradient, #rightcol h3 {
	    background-color: #000; /* fallback/image non-cover color */		   
	    background-image: url('../images/LeftRightGradient.png'); /* fallback image */	
		/*background-image: -webkit-gradient(linear, left top, right top,, from(#0460b3), to(#2cb6e6));	/* Safari 4+, Chrome 1-9 */	   
	    background-image: -webkit-linear-gradient(left, #000, #ec1d24); /* Safari 5.1+, Mobile Safari, Chrome 10+ */	   
	    background-image: -moz-linear-gradient(left, #000, #ec1d24);	/* Firefox 3.6+ */ 	   
	    background-image: -ms-linear-gradient(left, #000, #ec1d24);	/* IE 10+ */	   
	    background-image: -o-linear-gradient(left, #000, #ec1d24);/* Opera 11.10+ */
	}
	.blueBlock { background:#e4ecef; padding-top: 0.25em; padding-bottom: 1em;}
	
	/*Transition*/
	easing,
	#leads div.twocol, #leads div.twocol span, #leads div.twocol h3 { 			
		-webkit-transition: All 0.4s ease;
		-moz-transition: All 0.4s ease;
		-o-transition: All 0.4s ease;
		-ms-transition: All 0.4s ease;
		transition: All 0.4s ease;
	}
	
	
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	/* Z-Index */
	header {z-index:80; }
	nav {z-index:90; }
	.container, .homeslideshow{position:relative; }
	#hero {z-index:50; }
	#content {z-index:60; }
	#leftcol {z-index:70; }
	
	
	
	
	.homeslideshow {position:relative;}
	.slideoverlaybg, .slideoverlaytext {height: 3em; position: absolute; }
	.slideoverlaybg {background:#000000; opacity: 0.5;width: 96%; left:2%; bottom: 5%;}
	.slideoverlaytext {left:4%; bottom: 5%; line-height:3em; color:#FFFFFF;}
	.slideoverlaytext a {background: #AEE444;color: #FFFFFF;padding: 3px 2%;border-radius: 5px;border: 4px solid #1a4079;text-transform: uppercase;font-weight: 600;margin-left: 5%;}
	
	/* Body spacing */
	body {margin: 0;}
	
	/* Header */
	.topHat {background:#000000;}
	.topHatMenu {list-style-type:none; width:100%; margin: 0; padding: 0;}
	.topHatMenu li { height: 2.5em; line-height: 2.5em;float:left; width: auto; padding: 0 2em; font-size: 90%;}
	.topHatMenu li a {color:#fff;}
	.topHatMenu li.active { background: #FFFFFF;}
	.topHatMenu li.active a {color:#0A51A3;}
	.topHatMenu li a:hover {text-decoration: none; color:#13a6da;}
	
	#header {background: #FFFFFF; position: relative;}
	#header .row{overflow:visible;}
	nav.row {border-bottom: 1px solid #CCCCCC;}
	#secondcol {text-align:right; margin: 1.5em auto 0 auto; display:block;}
	#logo a {display: block; width: 254px; height: 100px; background: transparent url('../images/logo_1x.QF.png') no-repeat top center; }
	
	/* Slideshow */
	#slider3 {margin-bottom:.5em;padding-bottom:1em;}
	.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }	
	.rslides li {position: absolute; display: none; width: 100%; left: 0; top: 0; }	
	.rslides li:first-child {position: relative; display: block;  }	
	.rslides img {display: block; height: auto; width: 100%; border: 0; }	  
	  /*callbacks custom css for responsive slider*/
	.callbacks_container {position: relative; width: 100%;  }	
	.callbacks {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }	
	.callbacks li {position: absolute; width: 100%; left: 0; top: 0; }	
	.callbacks img {border: 1px solid #EEE; margin: 0px auto; display: block; position: relative; z-index: 1; height: auto; width: 980px; }	
	.callbacks .caption {display: block; position: absolute; z-index: 2; font-size: 200%; line-height: 200%;text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .6); left: 0; right: 0; bottom: 0; padding-left:2em; margin: 0; max-width: none; }	
	.callbacks_nav {position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 55%; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 56px; width: 38px; background: transparent url("../images/themes/themes.gif") no-repeat left top;
margin-top: -45px;}	
	.callbacks_nav:active {opacity: 1.0; }	
	.callbacks_nav.next {left: auto; background-position: right top; right: 0; }
	
	/* Slidemenu */
	#topMenu div.row, nav {overflow:visible;}
	.toggleMenu {display:none;}
	#mainMenu ul{ margin:0; padding: 0; }
	.nav { list-style: none;  *zoom: 1;}
	.nav:before, .nav:after { content: " ";  display: table; }
	.nav:after { clear: both;}
	.nav ul { list-style: none;  width: 15em; }
	.nav a { line-height: 3.5em; padding:0 .9em 0 .9em; text-transform:uppercase; *zoom: 1; color: #444b52; }
	.nav a:hover, .nav li:hover > a{text-decoration:none;}
	.nav li {  position: relative; }
	.nav > li { float: left; margin-right:0.25%; }
	/*.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;}*/
	.nav > li > a { display: block; }
	.nav li ul { position: absolute; left: -9999px; border-top: 0px; border: 1px solid #cfd1d4; border-top:none;}
	.nav > li.hover > ul { left: 0;}
	.nav li li.hover ul { left: 100%; top: 0;}
	.nav li li a { display: inline-block; /* For IE 7 and below, but anyone can see it */}
	.nav li li a { background-image: none; background-color: #fff; display: block; position: relative; z-index:100; line-height:1.6em;  border-top: 1px solid #cfd1d4; padding:0.4em 0.5em 0.4em 0.5em; text-transform:uppercase;}
	
	.nav li li ul.submenu { border-top: 0px;}
	/* 3rd level */
	.nav li li li a { background-color: #e5e7eb; }
	/* 4th level */
	.nav li li li a { background-color: #c7cbd3; }
	/*hover*/
	.nav li li a:hover, .nav li ul.submenu li a.menulink2:hover { background-color: #a4a7ad; color:#fff; }
	
	
	
	/* Breadcrumbs */
	body.Home #breadcrumbs { display:none;}
	#breadcrumbs {margin-top:0em; background:#eff1f4; padding: 0.5em 1em;}
	#breadcrumbs div {line-height: 2em;}
	#breadcrumbs div div{padding-left: 20px; padding-right: 20px;}
	
	/* Hero */
	#hero {text-align: left; margin-top:0em; background-image: url('../images/content-bg.QF.png'); background-repeat: repeat; background-position: top left;}
	#hero p{margin: 0; padding:0;}
	/*#hero .row {height: 315px;}*/
	#hero .row img {width:100%;height: auto;}
	
	#content {padding-bottom: 2em;}
	body.inner div#content div div {margin-left: 10px; margin-right: 10px;}
	
	/* Content */
	body.Home #content { }
	#content { }
	body.Home #leftcol {background: #FFFFFF; margin-right:0; padding-left:1.9%; padding-right:1.9%;  }
	#leftcol .block p {margin-bottom: 0;}
	#leftcol .wrapper {background: #FFFFFF;padding-left:2.1%; padding-right:2.1%;}
	
	.index #leftcol {position: relative; min-height: 350px;}
	.index #leftcol {width: 77.8%; margin: 0;}
	.index #leftcol .wrapper > div {padding-left: 2.5em;position: absolute;top: -80px;background: #FFFFFF;padding-top: 25px;}
	
	/* Gallery */
	#gallery {display:table; margin:0em auto; border: 1px solid #CCC;}
	#gallery li{/*float:left;*/ list-style:none; /*display:inline;*/ width: 31%; margin-right: 1em; padding-bottom: 1em; display:-moz-inline-stack; display:inline-block; zoom:1; /*float: left*/; *display:inline; vertical-align:top; border-bottom: 1px solid #CCC;}
	#table {display: table; border-collapse:collapse; border: 1px solid #CCC; margin-bottom:1em;}
	.tablerow {display: table-row; border-bottom: 1px solid #CCC; }
	.tablecell {display: table-cell; border-right: 1px solid #CCC; width:30.3%; padding:1.5%}

	/* Rightblocks */
	body.Home #rightcol {}
	#rightcol {margin-bottom: 1em;}
	#rightcol .block {background:#FFFFFF; margin-bottom: 1.5em;}
	#rightcol .block p.quotetext {font-size: 90%;color: #888888;}
	#rightcol .block p.quoteclient {font-size: 80%;padding-bottom: 1em;color:#285598;}
	#rightcol ul, #rightcol ol {border-left: 1px solid #FFFFFF; background-repeat: repeat-y; list-style:none; margin: 0;padding:0;}
	#rightcol ul li { background: url('/images/arrow.png') no-repeat left;}
	#rightcol ol li { background: url('/images/tick.png') no-repeat left;}
	#rightcol ul li a, #rightcol ol li {display: block; text-indent: 11%; padding-top:0.65em;padding-bottom: 0.65em;border-bottom: 1px solid #E2E2E4;border-top: 1px solid #FFFFFF;text-transform: uppercase;}
	#rightcol ul li a, #rightcol ol li { text-indent: 15%;text-transform: none;}
	
	/* Home ticks */
	#leftcol ol {border-left: 1px solid #FFFFFF; background-repeat: repeat-y; list-style:none; margin: 0;padding:0;}
	#leftcol ol li { background: url('/images/tick.png') no-repeat left;}
	#leftcol ol li {display: block; text-indent: 11%; padding-top:0.65em;padding-bottom: 0.65em;border-bottom: 1px solid #E2E2E4;border-top: 1px solid #FFFFFF;text-transform: uppercase;}
	#leftcol ol li { text-indent: 15%;text-transform: none;}
	

	/* Contact Us */
	#contactform table, #contactform div{float:left; width: 98%; margin-left: 2%;}
	#contactform input, #contactform textarea { display: block; clear:left;}
	#contactform input, #contactform textarea {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: -moz-use-text-color -moz-use-text-color #F4F8FF; border-radius: 3px 3px 3px 3px; border-style: none none solid;border-width: 0 0 1px; font: inherit; margin-top: 0px; outline: 0 none; padding: 10px 15px 11px 10px; width: 90%;border-bottom: 1px solid #effafd;background: #F4F8FF;}
	#contactform input.required, #contactform textarea.required {background: url("../images/contact-corner.QF.png") no-repeat scroll right top #F4F8FF;}
	#contactform input:focus, #contactform textarea:focus {background-color: #FFFFFF;border-bottom-color: #EEEEEE;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}
	#contactform textarea {height: 100px;}
	#contactform input[type="checkbox"] { margin: 3px 3px 3px 4px; width:auto; display:inline; background: none; border: 0px;}
	#contactform input.formbutton { background-color: #0054A6; background-image: none; border: 1px solid #477AAD; box-shadow: 0 1px 3px #69728A, 0 1px rgba(255, 255, 255, 0.15) inset, 0 -2px rgba(0, 0, 0, 0.1) inset; color: #FFFFFF; cursor: pointer; display: inline; font-weight: bold; padding: 15px 0; text-shadow: 0 -1px 1px #477AAD; text-transform: uppercase; width: 155px;margin-right: 0 auto;}
	#contactform input.formbutton:hover {background-color: #004B91;}
	
	/* leads on home page */
	#leads {}
	#leads div.row { background-position: 0 0; border-top: 1px solid #CECFD3; border-bottom: 1px solid #CECFD3; padding-top: 1em; padding-bottom: 1em;}
  	#leads div.block { width: 85%; margin: 0 auto;}
	#leads div.twocol { opacity: 0.7; cursor:pointer;	}
	#leads div.twocol span{ width: 140px; height:114px; margin-left:auto; margin-right:auto;}
	#leads div.twocol span:hover{ opacity: 1.0; background-position: 0 10px; }
	#leads div.twocol h3 { text-align:center; padding-top: 12px; }
	#leads div.twocol:hover h3 {padding-top: 2px; 	}
	#leads div.service span { background-position: -160px 0; }
	#leads div.service span:hover { background-position: -160px 10px; }
	#leads div.innovation span { background-position: -320px 0; }
	#leads div.innovation span:hover { background-position: -320px 10px; }
	

	/*login TOP MENU*/
	#login ul{list-style:none; width: auto; text-align: right; margin: 0px; }
	#login ul#topMenu li {display: inline; margin-right: 0.75em;}
	#login ul#topMenu li a{ color:#0079c2; line-height: 3em; text-transform: uppercase; text-decoration: none;}

	/*CART*/
	#cart{ background: transparent url('../images/bg-trans-white.png') repeat top left; height:50px; }
	#cart span.cart a{float: left; display:block; background-position: -730px  -120px; width: 35px; height: 34px; margin-top: 10px;}
	#cart p{text-align: left; line-height: 3em; font-size: 80%;  margin-bottom:0;}
	#cart p em{font-style: normal; font-size: 160%; color:#000; letter-spacing:-1px;}

	/*leftmenu*/
	ul.siblinglinks{ list-style:none; margin:0px }
	ul.siblinglinks li { margin-bottom: 2px;}
	ul.siblinglinks li a{ display:block; padding:0 0.5em; line-height: 2em;}
	ul.siblinglinks li a:hover{text-decoration: none;}

	/*CASE STUDIES / NEWS LISTINGS*/
	#listing { list-style: none; margin:0; border-top: 1px solid #bdc1c3;  padding: 1em 0; background: url('../images/gradient-bg.jpg') repeat-x 0 0 ;}
	#listing:last-child { border-bottom: 1px solid #bdc1c3;}
	
	#listing p{ margin-top:0.25em; }
	div.listingImg{ float:left; width:30%; min-height: 100px; }
	div.listingTxt{ float:left; width:70%; }
	table.caseStudy{ border-top: 1px solid #bdc1c3; }
	div.caseStudy{ float:left; width: 48%; padding: 1em 0; position: relative;}
	div.caseStudy img{ max-width: 325px; height:auto; }
	div.caseStudyHome{ background: url('../images/bg-gradient.jpg') repeat-x 0 0 ; padding: 1em 1.5em}
	div.caseStudyHome ul{ margin: 0em}
	div.caseStudyHome li{ width: 48%; margin-right: 1%; list-style:none; /*display:inline;*/ padding-bottom: 1.5em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; border-top: 1px solid #bdc1c3}

	/* NEW HOVER EFFECT ON IMAGE */
	#prodImgDiv { position: relative; width: auto; height: auto; }
	.hoverimage { position: absolute; top: 1em; left: 0; display: none; }
	#prodImgDiv:hover .hoverimage, div.caseStudy:hover .hoverimage { display: block; }

	/*product heading*/
	#listing h2{ margin:0; }
	h2.newReleases,
	h2.onSale {text-transform: uppercase; color: white; margin-bottom: 0px; line-height:2em; padding-left: 10px; }
	.newReleases{ background-color: #3ac3da; }
	.onSale{ background-color: #ee2a7b;  }

	/*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{ } 


	/*CATEGORIES + PRODUCTS */
	ul#categories, ul#products{clear:left;}
	ul#categories, #categories ul, ul#products, #products ul {margin: 0; padding: 0; list-style:none;}
	#categories li, #products li{ /*float: left;*/ width:32.5%; margin-right:0%; text-align:center; /*min-height: 20em;*/ list-style:none; /*display:inline;*/ padding-bottom: 1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top;}
	#categories li a, #products li a{  display: block; width: 210px; height: 210px; margin-left:auto; margin-right:auto;}
	#categories li h3 a, #products li h3 a{  display: inline; width: auto; height: auto; color: #ed1d24;}
	#categories li img, #products li img{ border:1px solid #ecebec; }
	#categories li img:hover, #products li img:hover{ border:5px solid #ecebec; }
	#categories h3, #categories p, #products h3, #products p{ margin:0 10px;}
	#categories h3, #products h3{ display:block; /*height: 40px;*/ margin: 0 0.5em; font-size:90%;}

	.rrp { text-decoration: line-through; width: 100%; text-align: center;display:block;}
	.price { font-size: 120%; width: 100%; text-align: center;display:block;}

	/*FEATURED PRODUCTS */
	ul#products.featured li{ /*float: left;*/ width:24.5%; margin-right:0%;}
	ul#products.featured li a { width: 130px; height: 130px;}
	ul#products.featured  img { width:120px; height:120px;}

	/*RELATED PRODUCTS*/
	ul#products.related li a { width: 130px; height: 130px;}
	ul#products.related li p { padding-top: 0.75em;}
	ul#products.related img { width:120px; height:120px;}
	.categorytitle { display:none}

	/*PRODUCTS - needed on home page * product listing pages*/
	#products li{ /*height: 24em*/}
	#products h3 {text-transform: capitalize;}
	#products p{ display:block;margin-bottom: 5px;}

	/*PRODUCT DETAILS - pricing etc... */
	#content p.price{ margin-top: 0;}
	#content p.price strong{ font-size: 160%; color: #000; font-weight: 400;}
	#content ul.product{ margin:0; margin-bottom:1em; list-style:none; border-bottom:5px solid #ecebec;}
	#content ul.product li{ border-top: 1px solid #969798; padding:0.5em;}
	#content ul.product li span{ background-position: -500px -340px; display: block; float:left; width: 30px; height: 30px}
	#content ul.product li span.second{ background-position: -530px -340px;}
	#content ul.product li label{ display:block; float: left; width: auto; margin-right:0.5em;}
	#content ul.product li div{float: left; width:46%; text-align: center;}
	#content ul.product li input, #content ul.product li select{ padding: 0.25em 0em;}

	/*options*/
	#content h4{  }
	#content h4.relatedProducts{background-position: -460px  -470px; color:white;}

	.categories h3{ border: 1px solid #999; border-left: none; border-right: none; height: 30px!important;  padding-top: 10px;}

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

	/*TABS*/
	.shadetabs{padding:0; margin: 0; 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 a{ display:block; width:auto; text-decoration: none; color:#4C5357; padding-left:1em; padding-right:1em; position: relative; z-index: 1; line-height:2.8em; border: 1px solid #969798; 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{border-top: 1px solid #969798; background: transparent url('../images/bg-gradient.jpg') repeat-x top left; clear:left; padding:0em 1em 1em 1em;}
	.tabcontent{display:none;}


	/*SIGNUP*/
	.signup{ background-position: 0px -900px; height:28px; padding-top: 8px; margin-bottom: 10px;}

	#smLogo{ padding-top: 1em;}
	#smLogo span{ background-position: -0px  -340px; width: 220px; height: 100px; }

	#social{ text-align: center;}
	#social span a{ background-position: -290px  -648px; float:left; width: 50px; height: 50px; padding-top: 50px;  margin-top: 20px;}
	#social span a.facebook{ background-position: -290px  -648px; margin-left: 40px; margin-right: 15px;}
	
	/*cards*/
	#cards {margin-top: 20px}
	#cards span, #cards p{display: block; float:left}
	#cards p{ width: 400px;}
	.creditCards { width: 200px; height: 45px; background-position: -50px  -650px; margin-right:10px;}
	
	/* Footer */
	#footer {padding-bottom: 6em;}
	#footer p {margin:0;}
	footer div.last {text-align: right; float: right;}
	#altsitelinks {display: block; padding: 1em 0; }
	#altsitelinks a {padding-right: 2em;}
	#firstFooter {display: block; padding: 1em 0; }
	#firstFooter a {text-transform: uppercase; padding-right: 2em;}
	#secondFooter  { background: #000000 url("../images/bg-secondFooter.QF.png") no-repeat right center; margin-bottom: 1em; color:#FFFFFF; border-radius: 0 0 0 10px; padding-left:1em; min-height:50px;}
	#secondFooter #phone p {background:url("../images/phoneicon.png") no-repeat left center; font-size: 1.5em; font-style: italic; padding-left:1em; line-height: 40px;}
	#secondFooter #website { width: 25.95%; }
	#secondFooter #website p{ text-align: right; font-size: 1.25em; font-style:italic; font-weight:700;margin-top: 0.5em; margin-right:1em;}
	#footer .row .ninecol {width: 70%}
	#copyFooter {font-size: 0.9em;}
	#copyFooter a {color:#757A7E;}
	
	
	#leads div.twocol {}

/* ============================== */
/* ! BUTTONS   */
/* ============================== */
	button, #button, a.button, input.addCart, input#SubmitCheckout, input.usethis, input.payment, input.guest, input.login, input[type=submit] {
		display: block;
		text-align:center;
		padding: 0 0.5em;
		line-height: 2em;
		color: white;
		font-size: 90%;
		font-weight: 400;
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 1px 1px 1px #000;
		border: 1px solid #828282;
		background-color:#171717;
		cursor:pointer;
		opacity: 0.9;
	}
	input.addCart {
		margin: 0px auto;
		
	}
	body.product input.addCart {
		margin-left:0px;
		font-size:  140%!important;
	}
	body.product div.related input.addCart {
		margin-left:0px;
		font-size:  90%!important;
	}
	input#button.submit {
		margin: 20px 0px 0 0; line-height:2.4em;
	}
	input.guest, input.payment  {
		width: 190px;   
		height: 39px;
		float: left;
		text-align:center;
		margin-left:0px;
		border:none;
		cursor:pointer;
	}
	input.payment  {
		float: right;
	}
	input[type=submit] {display: inline-block;}
	
	
	button:hover, a.button:hover, input.addCart:hover, input.submit,	
	input.search:hover,
	input.addCart:hover,
	input.addGift:hover,
	input.usethis:hover,
	input.login:hover,
	input.guest:hover,
	input.payment:hover{
		outline: none; /* hide dotted outline in Firefox */
		opacity: 1;
	}



/**********************--------------------------clearfix*/
		.clearfix:after {
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
		}
		.clearfix {
			display:inline-block;
		}
		.clearfix {
			display:block; padding-bottom: 0px;
		}
		* html .clearfix {
			height:1px;
		}
/**********************--------------------------END clearfix*/



/********* Responsive width video embed **************/
	.video-container { position: relative; padding-bottom: 56.25%; padding-top:30px; height: 0; overflow: hidden; margin-left: 0px; margin-right: 0px;}
	.video-container iframe,
	.video-container object, 
	.video-container embed 
	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	
/* Admin WMS */
	.admhome #leads {margin-top:2em!important;}
	/* Menu */
	.adminmenucontainer {width: 100%; background-color: #eeeeee;}
	.adminmenu {width: 770px;}
	.adminmenurow {text-align: center; height: 24px;}
	.adminrootheading {line-height: 14px; display: block; color: #000000; padding: 6px; font-weight: bold; font-size: 13px;}
	.adminrootitem {text-align: center; background-color: #eeeeee; color: #000000; text-decoration: none; width: 20%; text-indent: 30px;}
	a.adminrootmenulink {line-height: 14px; display: block; color: #000000; padding: 6px; text-decoration: none; font-weight: bold; font-size: 13px;}
	.adminsubmenu {line-height: 14px; width: 180px; display: none; position: absolute; background-color: #eeeeee; margin: 0px; padding: 0px; text-decoration: none; list-style-type: none; z-index: 1000;}
	.adminmenuitem {height: 24px; padding: 3px;}
	a.adminmenulink {line-height: 14px; display: block; color: #000000; padding: 6px; text-align:left; text-decoration: none; font-size: 12px; text-indent: 10px;}
	
	div.admin_content_block {width: 100%!important;}
	div.admin_content_block div {margin: 0px;}
	
	/* Gallery */
	.cke_button_Kook_Gallery .cke_icon,.cke_button_Kook_Templates .cke_icon,.cke_button_Kook_Forms .cke_icon,.cke_button_Kook_Slideshows .cke_icon,.cke_button_Kook_Embed .cke_icon {display: none !important;}
	.cke_button_Kook_Gallery .cke_label,.cke_button_Kook_Templates .cke_label,.cke_button_Kook_Forms .cke_label,.cke_button_Kook_Slideshows .cke_label,.cke_button_Kook_Embed .cke_label {display: inline !important;}
	
	
	/**********************************************************************************/
	/*OLD WMS CHECKOUT STUFF*/
	
	
	/*viewcart*/

	table.ViewCart
	{
		margin: 0px auto;
	}
	
	td.ViewCart_Header_Left
	{
		background: #808080;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px 10px;
		text-align: left;
	}
	
	td.ViewCart_Header_Right
	{
		background: #808080;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px 10px;
		text-align: right;
	}
	
	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;
	}
	
	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: middle;
	}
	
	div.ViewCart_Price_Left
	{
		/*font-weight: bold;*/
		position: relative;
		text-align: right;
	}
	
	td.ViewCart_Price_Right
	{
		padding: 5px 10px;
		text-align: right;
		vertical-align: top;
		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_Good_Quote, div.ViewCart_Freight_Bad_Quote
	{
		color: #000000;
		font-weight: normal;
		height: 40px;
		margin: -25px 0px 0px auto;
		padding: 10px 30px 10px 10px;
		position: absolute;
		right: 100px;
		text-align: left;
		width: 200px;
	}
	
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Good_Quote
	{
		background: URL('/wmsimages/freight_good.png');
	}
	
	div.ViewCart_Freight_Bad, div.ViewCart_Freight_Bad_Quote
	{
		background: URL('/wmsimages/freight_bad.png');
	}
	
	/*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;
	}
	
	

	
	
/************************************************************************************/
/*CHECKOUT CSS*/



/*Checkout Breadcrumbs*/
ul#checkoutBreadcrumbs{ margin:0; list-style: none; height:48px; background-color:#EBECF0; margin-bottom:10px;}
ul#checkoutBreadcrumbs li{ float: left; width: 25%; }
ul#checkoutBreadcrumbs li a{ font-size: 100%; color:#8f8f91; text-transform: uppercase; padding-left: 8px; display: block; height:48px; line-height:44px;}
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 #ba2025; background-color:#ba2025;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 #ba2025; background-color:#ba2025;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*/
body.checkout ul#checkoutBreadcrumbs li.third a span{ border: 1px solid #ba2025; background-color:#ba2025;color:#fff; }
body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover{ cursor: default; text-decoration:none; }
/*fourth - Confirmation*/
body.confirmation ul#checkoutBreadcrumbs li.fourth a span{ border: 1px solid #ba2025; background-color:#ba2025;color:#fff; }


#FullWidth div.grid_3{width: 250px;}
#FullWidth aside#rightcol {display: inline-block; padding-top:0px;}
#FullWidth aside#rightcol {width: 250px; margin-left: 10px;}

.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 #EBECF0;
    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 {
 /*right: 300px;*/
 text-transform:none;
}

/*FREIGHT QUOTE*/
div.ViewCart_Freight_Good_Quote, div.ViewCart_Freight_Bad_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:#555557; 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 {/*width: 682px; margin-left: 10px;*/ margin-right: 2.8%; border:4px solid #EBECF0; margin-bottom:10px; padding-bottom:20px;}
#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; margin-top: -20px;  }
#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%}

.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{ margin-left: 10px; margin-right:10px;}
#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: 10px;  background-color: #EBECF0; margin-left:10px; margin-right:10px;}
#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{ width: 670px; 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;}
/** 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%;}

#mobileFooterLinks {display: none;}

/* ============================== */
/* ! Turn off print only stuff   */
/* ============================== */	
	.printable {display: none;}
	
/* ============================== */
/* ! Print Only   */
/* ============================== */	
@media print {
	.printable {display: block;}
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
	
	
	/*global margins*/
	.row, #content .row, #bottomBlocks .row{ padding-left: 0em; padding-right: 0em; }
	
	#Proceed {width: 90%;text-align: center;}
	#Proceed span {display:none!important;}
	#Proceed .payment {margin: 0 auto;float: none;}
	
	/*CART*/
	#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;}

	/* Menu */
	.slideoverlaybg, .slideoverlaytext {display:none;}
	
	/* Typography */
	h1 {font-size:180%;}
	* p:last-child {margin-bottom: 1em;}
	
	/* Slideshow */
	.callbacks {width: 95%!important; margin: 0 auto;}
	.callbacks img {width: 98%!important;}
	
	
	/* Moving Boxes */
	#slider { width: 280px; }
	#slider li { width: 95%; }
	a.mb-scrollButtons.mb-left { left: -30px; }
	a.mb-scrollButtons.mb-right { right: -30px; }
	.mb-inside { display:block; min-height: 180px; margin: 0 auto; width: 75%;}
	
	/*** Menu  ***/
	#topMenu { border: none;}
	.active { display: block; }
	#mainMenu {clear:left; padding-bottom: 0.5em;}
	#mobileFooterLinks {display: block;}
	.topHat {display:none;}
	.topMenu {background: none; width: 90%;margin: 0 auto; border: 0;}
	.toggleMenu span{display: block; width:auto; float:right; font-size:180%}
	#mainMenu ul li a {line-height: 2.5em; padding:0 1em 0 1em; color:#4B4B4B ! important; }
	.nav li li a {line-height: 2.5em; padding:0 1em 0 1em;  }
    .nav > li > a {border-right:0px;}
    .nav li:first-child a {border-top:1px solid #cfd1d4;border-left: 0px;}
	.nav > li {float: none; background: whiteSmoke; margin: 0; width: 100%; border: 1px solid #cfd1d4; border-top:0;}
    .nav > li > .parent, .nav li li .parent { background-position: 95% 50%; background-image: url("../images/downArrow.png"); background-repeat: no-repeat;}
    .nav li li a {border:0px;}
	.nav ul { display: block; width: 100%; }
    .nav li ul {border:0px;}
	.nav > li.hover > ul , .nav li li.hover ul { position: static; }
	a.toggleMenu {padding-top: 0.5em;margin: 0 0 0.5em 0;padding-bottom:0.5em; padding-left: 5%;padding-right: 5%; color: #fff; width: 90%;display:block; background-color:#000}
	
	/* Breadcrumbs */
	#breadcrumbs {display: none; }
	
	/* Hero */
	#logo a {margin: 0 auto; }
	#hero div {width:95%; margin-left: auto; margin-right: auto;}
	#firstcol, #thirdcol {margin: 1em 0; height: auto;min-height: 30px;}
	#secondcol {margin-top: 0em ; text-align:center; }
	#secondcol p, #secondcol form, #thirdcol p {position: relative;}
	#thirdcol.search {height: 30px;}
	#thirdcol p {width: 100%;}
	
	/* Content */
	div.wrapper {margin-top:0!important;}
	/*body.Home #content {background: url('../images/bg-repeat.png') repeat center top; padding:0;}*/
	body.Home #content .row {min-height:1px;}
	
	/*Transition*/
	#leads {margin-top: 1em}
	#leads div.twocol{ width:60%; border: 1px solid #656c77; margin-left:auto; margin-right:auto; padding-top: 0.75em; padding-bottom:0.5em; margin-bottom:0.5em;}
	#leads div.twocol span:hover{ background-position: 0px 0px; }
	#leads div.twocol h3, #leads div.twocol:hover h3 { padding-top: 0px; }
	#leads div.service span, #leads div.service span:hover { background-position: -160px 0px; }
	#leads div.innovation span, #leads div.innovation span:hover { background-position: -320px 0px; }

	/* Right Col */
	#rightcol {margin-top: 1em;}
	
	/* Contact */
	#contact table, #contact div {width: 98%; float: left;}
	#contact table {margin-right: 0%; border-right: none;}
	.half {border-right: none;}
		
	/* Footer */
	#footer {padding-bottom:1em;}
	#altsitelinks div{width:90%; margin: 0 auto; text-align:center;}	
	#altsitelinks p{float:none;text-align: center;}
	#altsitelinks a{width:100%; display: block; padding:0;}
	#firstFooter div{width:90%; margin: 0 auto; text-align:center;}	
	#firstFooter p{float:none;text-align: center;}
	#firstFooter a{width:100%; display: block; padding:0;}
	#footer .row .ninecol {width: 100%;}
	#secondFooter { background-image:none;}
	#secondFooter #website {display:none;}
	#copyFooter p {text-align:center!important;}
	
	/*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*/
	body.product 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;}

	/* categories/products */
	#categories li, #products li {width: 98.5%;}
	#product div.sixcol { padding-left: 0px; padding-right: 0px;}

	/* 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 { right: 0px;}
	div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad, 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_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; }
}

/* iPads in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.row{ min-width: 740px!important;}  
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
		/***** Declare logo image 2x ****/
		#logo a { background-image: url('../images/logo_2x.QF.png'); background-size: 254px 100px; }
		#leads div.twocol span{ background-image:url('../images/leads-sprite-x2.QF.png'); background-repeat: no-repeat; background-size: 460px 92px; }
}