/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.mobile {
	display: none;
}

body {
	
	background: #ebebed url(../img/assets/header-bg.png) 0 -1px repeat-x;
}
.container {
	background: #fff;
}
header {
	background: #07254b;
	height: 110px;
}
footer {
	margin: 0;
	clear: both;
	width: 100%;
	background: #292e32;
}
.footer {
	background: #292e32;
}
.rightcol {
	overflow: auto;
	background: #f5f5f7;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 0px !important;
}

p {
	font-size: 0.83em;
	line-height: 1.35em	
}
a {
	text-decoration: none;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
li {
	padding: 0;
	margin: 0;
}
a:link {
	color: #6c8ab9
}
a:visited {
	color: #6c8ab9
}
a:hover {
	color: #78aaf9
}
a:active {
	color: #6c8ab9
}

footer a:link {
	color: #818385
}
footer a:visited {
	color: #818385
}
footer a:hover {
	color: #969ca0
}
footer a:active {
	color: #818385
}

em {
	font-weight: bold;
}

/* Francois One' */


h1 {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
	font-weight: 700;
	color: #284b81;	
	text-transform: uppercase;
	font-size: 1.7em;
}

h2 {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
	font-weight: 700;
	color: #222628;	
}
h3 {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
	font-weight: 700;
}

.rightcol h2 {
	font-size: 1em;
}
.rightcol p {
	font-size: 0.75em;
	line-height: 1.5em	
}
.rightcol h2 a {
}
.rightcol h2 a {
	background: #99a0a4;
	display: block;
	color: #1b1f22;
	padding: 8px;
	font-weight: 400;
}
h2.prodfinderlink a {
	clear: both;
	background: #1b1f22 url(../img/assets/sprite.png) -500px -288px no-repeat;
	color: #5d7cad;
	text-transform: uppercase;
	padding-left: 0px;
}
h2.prodfinderlink a.global {
	background: #1b1f22;
}
h2.prodfinderlink a:hover, h2.prodfinderlink a:active {
	background: #1b1f22 url(../img/assets/sprite.png) -500px -238px no-repeat;
}
h2.prodfinderlink a.global:hover, h2.prodfinderlink a.global:active {
	background: #1b1f22;
}
h2.prodfinderlink span {
	display: block;
	margin-top: -6px;
	width: 33px;
	height: 35px;
	float: left;
	background: url(../img/assets/sprite.png) -96px -198px no-repeat;
}
h2.ecolink a {
	background: #7f8e67 url(../img/assets/sprite.png) -500px -288px no-repeat;
	color: #fff;
}
h2.ecolink a:hover, h2.ecolink a:active {
	background: #747f5d url(../img/assets/sprite.png) -500px -238px no-repeat;
	color: #fff;
}
h2.newslink a {
	background: #99a0a4 url(../img/assets/sprite.png) -500px -288px no-repeat;
}
h2.newslink a:hover, h2.newslink a:active {
	background: #8f969a url(../img/assets/sprite.png) -500px -238px no-repeat;
}
nav#main-nav {
	background: #051c39;
	height: 40px;
	border-bottom: 2px solid #fed65f;
	position:relative;
	clear: both;
}
nav ul {
	list-style: none;
}
nav li {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
	font-weight: 400;
}

ul.breadcrumbs {
	margin: 0 !important;
	padding: 10px 0 7px 0;
	list-style: none;
	border-bottom: 1px solid #ebebed;
}
ul.breadcrumbs li {
	display: inline-block;
	font-size: 12px;
}
ul.breadcrumbs li a {
}
ul.breadcrumbs span {
display: inline-block;
	margin-bottom: -8px;
	width: 10px;
	height: 20px;
	background: url(../img/assets/sprite.png) no-repeat -750px -350px;
}
.content {
	overflow: hidden;
	min-height: 500px;
	padding: 0 0px 30px 15px;
}
.content h1{
	margin-top: 0.4em
}
.content h2{
	margin-top: 0.4em
}

.content ul {
	font-size: 0.83em;
	line-height: 1.35em;
	margin-bottom: 20px;
	list-style: disc;
	margin-left: 20px;
}
.content li {
}

.rightcol {
	padding-top: 15px;
	padding-bottom: 20px;
}


/* #Page Styles
================================================== */

.logo {
	position: absolute;
	z-index: 1999;
	margin-left: 10px;
	margin-top: 10px;
}
.logo-mobile {
	display: none;
	position: absolute;
	z-index: 1999;
	margin-left: 10px;
	margin-top: 7px;
}
.logo-footer {
	margin: 25px 0;
	text-align: center;
}
.strap {
	background:  url(../img/assets/sprite.png) -220px -400px no-repeat;
	width: 350px;
	height: 30px;
	position: absolute;
	margin-left: 300px;
	margin-top: 50px;
}
.footer-inner {
	margin: 0 auto;
}

footer p {
	color: #818385;
}

.footerlinks ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
.footerlinks li {
}
.footerlinks li a {
	font-size: 0.85em;
	display: inline-block;
	padding: 5px;
}
p.footerintro {
 font-family: 'Roboto Condensed';
 margin-top: 20px;
 color: #dcdddd;
 text-align: center;	
 font-size: 16px;
}
.contactblockhead {
	position: absolute;
	margin: 20px 0 0 640px;
	width: 300px;
	text-align: center;
	padding: 10px;
	background: url(../img/assets/menu-divider.png) 20px 0px no-repeat;
	color: #d8e8f0;
}
.contactblockhead a {
	color: #d8e8f0;
}
.contactblock {
	text-align: center;
	background: #232629;
	padding: 10px;
	margin: 15px 0;
}
.contactblockhead p , .contactblock p {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
	font-size: 16px;
	margin:0;
	padding: 3px;
}
p.teltext {
	font-size: 24px;
	line-height: 30px;
}
span.emailicon {
	margin-top: 7px;
	display: inline-block;
	background:  url(../img/assets/sprite.png) -0px -400px no-repeat;
	width: 23px;
	height: 12px;
}
span.phoneicon {
	margin-top: 6px;
	display: inline-block;
	background:  url(../img/assets/sprite.png) -100px -400px no-repeat;
	width: 23px;
	height: 15px;
	
}
p.copyright {
	line-height: 1.5em;
	font-size: 12px;
	text-align: center;
	padding-top: 20px;
	margin: 25px 10px;
}

.clear {
	clear: both;
}
.spacer {
	height: 10px;
	clear: both;
}


.margin10 {
	margin-top: 10px;
}
.margin15 {
	margin-top: 15px;
}
.margin20 {
	margin-top: 20px;
}



/* #Form Styles
================================================== */

span.search {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/assets/sprite.png) -100px -200px no-repeat;
	float: left;
	margin-top: 3px;
}
.searchdiv {
	margin-left: 10px;
}
footer input {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px !important;
  border: none;
}
footer input[type=search] {
	width: 200px;
  background: #3a3f43;
  padding: 8px;
  color: #fff;
}
footer input[type=submit], #form1_contact input#form1_submit {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important; 
	font-weight: 400;
	background: #800000;
	color: #fff;
  padding: 7px;
}


/* CONTACT FORMS
================================================== */


#form1_contact {
	margin-bottom: 20px;
	padding: 20px;
 background: #ebebed;	
}
#form1_contact label {
	display: block;
	float: left;
	width: 30%;
	font-size: 0.85em;
}
#form1_contact input, #form1_contact textarea {
	float: right;
	padding: 8px;
	border: 1px solid #c0c0c0;
	margin-bottom: 12px;
	width: 60%;
}
#form1_contact div {
	clear: both;
	padding-bottom: 30px;
}
#form1_contact input#form1_submit {
	width: 63%;
}
.success {
	padding:20px;
	background: #cadfca;
	margin-bottom: 20px;
}

/* CONTACT
================================================== */
.contact-info blockquote {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ebebed
}
.contact-info h4 {
	background: #fed65f;
	padding: 12px;
}
.contact-info h5 {
	background: #ebebed;
	padding: 6px 12px ;
	color: #284b81;
	margin-bottom: 0;
}
.contact-info p {
	padding-left: 20px;
}
.contact-info span {
	width: 120px;
	display: inline-block;
}

/* CANVAS - MAP - OLD
================================================== */
.map {
	width: 100%;
}

.rightcol #respondCanvas, .rightcol #respondImage {
	width: 270px; height: auto; 
}
canvas#respondCanvas {
	clear: both;
	margin-top: 0;
	position: absolute;
}

/* HYPE - MAP
================================================== */

	#scalecontainer {
        -moz-transform-origin: left top;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        margin: 0 auto;
      }
      
      #containingElement {
      position: relative;
      	width:100%;
      	height: 300px; /* The recommend size for this is equal to or larger than the H of the element. */
      }
      .rightcol #containingElement {
      position: relative;
      	width:100%;
      	height: 140px; /* The recommend size for this is equal to or larger than the H of the element. */
      }
  
      /*-- RWD Hype test  - remove or change background color to e5dfd5--*/
@media screen and (max-width: 320px) {#containingElement {height:116px;}}
@media screen and (min-width: 321px) and (max-width: 380px) {#containingElement {height:138px;}}
@media screen and (min-width: 381px) and (max-width: 420px) {#containingElement {height:152px;}}
@media screen and (min-width: 421px) and (max-width: 480px) {#containingElement {height:174px;}}
@media screen and (min-width: 481px) and (max-width: 539px) {#containingElement {height:195px;}}
@media screen and (min-width: 540px) and (max-width: 599px) {#containingElement {height:217px;}}
@media screen and (min-width: 600px) and (max-width: 680px) {#containingElement {height:246px;}}

@media screen and (max-width: 320px) {.rightcol #containingElement {height:116px;}}
@media screen and (min-width: 321px) and (max-width: 380px) {.rightcol #containingElement {height:140px;}}
@media screen and (min-width: 381px) and (max-width: 420px) {.rightcol #containingElement {height:140px;}}
@media screen and (min-width: 421px) and (max-width: 480px) {.rightcol #containingElement {height:140px;}}
@media screen and (min-width: 481px) and (max-width: 539px) {.rightcol #containingElement {height:140px;}}
@media screen and (min-width: 540px) and (max-width: 599px) {.rightcol #containingElement {height:140px;}}
@media screen and (min-width: 600px) and (max-width: 680px) {.rightcol #containingElement {height:140px;}}




/* #NEWS
================================================== */

/* this stylesheet contains some example styling for the blog pages. For the full layout you will require the default Perch Quill Feather. Feel free to edit  */

.date {
	font-weight: bold;
    padding: 0.5em 0 0 0;
}

.comments {
	border-bottom: 1px dotted #DEE0E0;
}

.author h2 {
	font-size: 107.7%;
	margin-top: 0;
}
ul.hfeed {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #ebebed;
}

.hfeed li {
background: #ebebed;
clear: both;
display: block;
padding: 15px;
margin-bottom: 15px;
-webkit-box-shadow: 0 8px 6px -6px #ccc;
-moz-box-shadow: 0 8px 6px -6px #ccc;
box-shadow: 0 8px 6px -6px #ccc;
}

li.hentry {
}

.paging {
	font-size: 0.9em;
}

.rightnavlinks li a {
font-size: 0.8em;
display: block;
padding: 3px 4px;
border-bottom: 1px solid #fff;
float: left;
width: 95%;
}

/* #PRODUCTS
================================================== */

img {
    max-width: 100%;
}

ul.shopfront {
	margin-right: -25px;
	margin-left: 0;
	margin-top: 20px;
}
ul.shopfront li.category {
	display: inline-block;
	float: left;
	width: 33%;
	margin-bottom: 30px;
}
.catbox {
	height: 300px;
	background: #dfe0e3;
	border: 1px solid #ebebed;
	margin-bottom: 15px;
	margin-right: 15px;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}
.catbox:hover {
}
.catboxinner {
	height: 290px;
	border-style: solid;
	border-bottom-width: 10px !important;
	border-top-width: 2px !important;
	border-left-width: 0 !important;
	border-right-width: 0 !important;

	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;

}
.catbox a {
	padding: 10px 10px 0px 10px;
	display: block;
}
.catbox h4 a {
color: #274b81;
}
.catbox img {
	border: 1px solid #fff;
}
.teaser {
	clear: both;
}
.listdiv, .catboxinner, .clickable {
	cursor: pointer;
}
.productlisting ul {
	margin-left: 0;
}
.productlisting li {
	background: #ebebed;
	clear: both;
	display: block;
	padding: 15px;
	margin-bottom: 15px;

	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
   
}
.productlisting li:hover {
}
.productlisting li a {
}

.s26, .s262 {
	font-size: 0.8em;
	display: inline-block;
	background: #b11700;
	padding: 3px 7px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}
.home h2 {
margin-bottom: 0.2em;
}
.s26 {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.product .s26 {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.home .content {
	margin-top: 5px;
}
.s262 {
	font-size: 0.8em
}
.yellow {
	color:#fed65b; 
}

.listimage {
	float: left;
	background: #ccc;
	width: 30%;	
	overflow: hidden;	
}
.listimage img {
	display: block;
}

.listingdescription {
	width: 67%;
	float: right;
}
.listingdescription h2 {
	font-size: 1.4em;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;

}
.product {
	padding-top: 10px;	
}
.productimage {
	float: left;
	margin-right: 20px;
}
.details {
	width: 345px;
	float: left;
}
.product p, .product li {
	font-size: 0.82em;
}
.product li {
	
}
.details h2 {
	margin-top: 0;
	margin-bottom: 0.4em;
	padding-top: 0;
	font-size: 1.3em;
	font-weight: 700;
}
.details h1 {
	padding-top: 0;
	font-size: 1.4em;
}
.details p.left {
	float: left;
	font-weight: bold;
	width: 30%;
	display: inline-block;
}
.details p.right {
	width: 60%;
	display: inline-block;
}
div.item {
	border-top: 1px solid #e3e3e3
}
div.item p {
	padding: 5px 0 3px 0;
	margin: 3px 0 3px 0;;
}
#tabs {
	clear: both;
	padding-top: 10px;
}
.download span {
	display: block;
	background: aqua;
	width: 30px;
	height: 30px;
}
ul.useslist {
	margin: 0;
	text-indent: 0;
}
ul.useslist li {
	background: url(../img/assets/sprite.png) no-repeat -720px -720px;
	list-style: none;
	padding: 3px 0 3px 22px;
}

.button ul {
	list-style: none !important;
	float: right;
}
.button li a {
	font-size: 1.2em !important;
	display: inline-block;
	padding: 8px 5px 8px 10px !important;
	background: #222628;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
}
.button li a:hover {
	color: #fed65f !important;
	background: #393f43;
}
.button li a span {
	margin-bottom: -5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/assets/sprite.png) -745px -197px no-repeat;
}
.button li a:hover span {
	background: url(../img/assets/sprite.png) -745px -247px no-repeat;
}

.spacer {
		clear: both;
	height: 10px;
}


.rightnavlinks {
	margin-bottom: 20px;
}
.rightnavlinks li a {
	font-size: 0.8em;
	display: block;
	padding: 3px 4px;
	border-bottom: 1px solid #fff;
	float: left;
	width: 95%;
}
.rightnavlinks li a:hover {
	background: #e8e9ec
}
.rightnavlinks.maincategory li a  {
	width: 98%;
}
.rightnavlinks li span {
	margin: -3px 4px -4px 4px;
	width: 4%;
	height: 23px;
	display: block;
	float: right;
	border-bottom: 1px solid #fff
}

.rightcolspacer {
	height: 10px;
	width: 100%;
	clear: both;
}

p.pdficon span {
	background: url(../img/assets/pdf.gif) no-repeat;
	width: 24px;
	height: 32px;
	display: block;
	float:left;
}
p.pdficon a {
	display: block;
	float:left;
	padding-top: 10px;
	padding-left: 5px;
}


/* #MAINCAT Colours
================================================== */

.color1 {
 color: #93a363 !important	/* walls */
}
.color2 {
 color: #c19b40 !important	/* floors */
}
.color3 {
 color: #8f2f2f !important	/* roofs */
}
.color4 {
 color: #957063 !important	/* decks, balconies, stairs */
}
.color5 {
 color: #7197a8 !important	/* specialised */
}
.color6 {
 color: #52595d !important	/* marine */
}

.color1b {
 color: #6e7d41 !important	/* walls */
}
.color2b {
 color: #8b6d26 !important	/* floors */
}
.color3b {
 color: #8f2f2f !important	/* roofs */
}
.color4b {
 color: #957063 !important	/* decks, balconies, stairs */
}
.color5b {
 color: #4d6d7b !important	/* specialised */
}
.color6b {
 color: #52595d !important	/* marine */
}


.colorbg1 {
 background: #93a363	/* walls */
}
.colorbg2 {
 background: #c19b40	/* floors */
}
.colorbg3 {
 background: #8f2f2f	/* roofs */
}
.colorbg4 {
 background: #957063	/* decks, balconies, stairs */
}
.colorbg5 {
 background: #7197a8	/* specialised */
}
.colorbg6 {
 background: #52595d	/* marine */
}


.colorborder1 {
 border-color: #93a363	/* walls */
}
.colorborder2 {
 border-color: #c19b40	/* floors */
}
.colorborder3 {
 border-color: #8f2f2f	/* roofs */
}
.colorborder4 {
 border-color: #957063	/* decks, balconies, stairs */
}
.colorborder5 {
 border-color: #7197a8	/* specialised */
}
.colorborder6 {
 border-color: #52595d	/* marine */
}


/* KWICKS Colours
================================================== */

.kwicks {
	display: block;
	list-style-type: none;
	list-style: none !important;
	position: relative;
	margin: 0 !important;
	height: 300px;
	padding-bottom: 40px;
}
.kwicks > li {
	height: 300px;
}

.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}


#panel-1,
#panel-2,
#panel-3,
#panel-4,
#panel-5,
#panel-6 {
	border-top: 3px solid;
	border-bottom: 10px solid;
	border-left: 0;
	border-left: 0;
	background-color: #d4d4d8;	
}
#panel-1 { border-color: #93a363 }
#panel-2 { border-color: #c19b40 }
#panel-3 { border-color: #8f2f2f }
#panel-4 { border-color: #957063 }
#panel-5 { border-color: #7197a8 }
#panel-6 { border-color: #52595d }

.kwicks li {
	cursor: pointer;
}
.kwicks .heading {
	margin: 5px;
	width: 90px;
	height: 80px;
}
.kwicks .heading h3 {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 20px;
	color: #274b81;
}
.kwicks .heading h3 a {
	color: #274b81;
}
.kwicks .heading p {
	font-size: 11px;
	line-height: 12px;
}
.sliderimage {
	width: 230px;
	overflow: hidden
}
sliderimage img {
	height: 100%;
}
.slidecontent {
	overflow: hidden;
	border-top: 1px solid #ebebed;
	border-bottom: 1px solid #ebebed;
	position: absolute;
	width: 460px;
	height: 199px;
	top: 99px;
	background: #d4d4d8
}
.slidertext {
	position: absolute;
	width: 200px;
	padding: 5px;
	float: left;
	margin-left: 235px;
}
.slidertext p {
	font-size: 11px;
	line-height: 12px;
}
.slidertext ul {
	
}
.slidertext li {
	font-size: 12px;
}
.slidelink {
	width: 345px;
	margin-left: 100px;
	position: absolute;
	float: left;
	margin-top: 10px;
	text-align: right;
}
.catbutton {
	width: 100%;
	margin-top: -50px;
	text-align: right;
}
.listbutton {
	width: 100%;
	margin-top: 0px;
	text-align: right;
}
.catbutton a {
	padding-right: 20px;
}
.listbutton a {
	padding-right: 20px;
}
.slidelink a, .catbutton a, .listbutton a {
	color: #274b81;
	font-size: 12px;
}
.slidelink span, .catbutton span, .listbutton span  {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
	background: url(../img/assets/sprite.png) no-repeat 0 0;
}
.linkmargin {
	margin-top: 170px;
	margin-left: 0px;
}
.slidelink span.one, .catbutton span.catarrow1, .listbutton span.catarrow1 {
			background-position: -745px -800px;
}
.slidelink span.two, .catbutton span.catarrow2, .listbutton span.catarrow2 {
			background-position: -745px -830px;
}
.slidelink span.three, .catbutton span.catarrow3, .listbutton span.catarrow3 {
			background-position: -745px -860px;
}
.slidelink span.four, .catbutton span.catarrow4, .listbutton span.catarrow4 {
			background-position: -745px -890px;
}
.slidelink span.five, .catbutton span.catarrow5, .listbutton span.catarrow5 {
			background-position: -745px -920px;
}
.slidelink span.six, .catbutton span.catarrow6, .listbutton span.catarrow6 {
			background-position: -745px -950px;
}


.productshot {
	float: left;
	position: relative;
	margin-left: -140px;
	margin-top: -10px;
	margin-right: -5px;
}

p.gallery-intro {
}
p.gallery-intro span {
	margin-bottom: -5px;
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../img/assets/sprite.png) 0 -800px no-repeat;
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) {
	
		.productimage img {
		}

		.footerlinks li a {
			width: 270px;
			margin-right: 20px;
			float: left;
			font-size: 0.85em;
			display: block;
			padding: 12px;
			background: url(../img/assets/sprite.png) -55px -700px no-repeat;
		}

		.footerlinks span {
			display: block;
			height: 20px;
			width: 20px;
			position: absolute;
			margin-left: 270px;
			margin-top: 5px;
			background: url(../img/assets/sprite.png) right -200px no-repeat;
		}
		.footerlinks li:hover span {
			background: url(../img/assets/sprite.png) right -250px no-repeat;
		}
		
		footer {
			padding-right: 0;
		}
		.footer-inner {
		}		
		footer .one-third.column {
			background: #232629 !important;
		}

		.rightcol {
			min-height: 100px;
		}
		
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		
		.footerlinks li a {
			font-size: 0.85em;
			display: block;
			padding: 12px;
			background: url(../img/assets/sprite.png) 50px -700px no-repeat;
		}
		.footerlinks span {
			display: block;
			height: 20px;
			width: 20px;
			float: right;
			margin-right: 0px;
			margin-top: 3px;
			background: url(../img/assets/sprite.png) right -200px no-repeat;
		}
		.footerlinks li:hover span {
			background: url(../img/assets/sprite.png) right -250px no-repeat;
		}

		#respondCanvas, #respondImage {
			width: 210px; height: auto; 
		}

		.productshot {
			width: 300px;
			margin-left: -125px;
		}		

		.details {
		width: 230px;
		float: left;
		}		
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		h1 {
		font-size: 1.4em;
		}
		.logo {
			margin-left: -40px;
		}
		.logo-footer {
			margin-left: 0px;
		}

	.contactblockhead {
		margin: 20px 0 0 530px;
		width: 210px;
		background:  url(../img/assets/menu-divider.png) 0px 0px no-repeat;
	}
	.contactblockhead p {
		text-align: center;
	}


.s26 {
	font-size: 0.8em;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

		.footer-inner {
		padding: 0px 0 10px 0px;
		}		
		footer .one-third.column {
			background: #232629 !important;
		}

		.strap {
			background: url(../img/assets/sprite.png) -220px -450px no-repeat;
			margin-left: 240px;
		}

		.rightcol {
			min-height: 550px;
		}

		h2.prodfinderlink a {
			background: #1b1f22 url(../img/assets/sprite.png) -564px -288px no-repeat;
		}
		h2.prodfinderlink a:hover, h2.prodfinderlink a:active {
			background: #1b1f22 url(../img/assets/sprite.png) -564px -238px no-repeat;
		}

		h2.newslink a {
			background: #99a0a4 url(../img/assets/sprite.png) -564px -288px no-repeat;
		}
		h2.newslink a:hover, h2.newslink a:active {
			background: #8f969a url(../img/assets/sprite.png) -564px -238px no-repeat;
		}

		h2.ecolink a {
			background: #7f8e67 url(../img/assets/sprite.png) -564px -288px no-repeat;
			color: #fff;
		}
		h2.ecolink a:hover, h2.ecolink a:active {
			background: #747f5d url(../img/assets/sprite.png) -564px -238px no-repeat;
		}
	
		.kwicks .heading {
			width: 70px;
		}
		.kwicks .heading h3 {
		font-size: 15px;
		line-height: 18px;
		}

		.slidecontent {
			width: 350px;
			height: 199px;
		}
		.slidertext {
			width: 180px;
			margin-left: 155px;
		}
		.sliderimage {
			width: 150px;
		}		
		.slidelink {
			width: 245px;
			margin-left: 100px;
		}
		.linkmargin {
			margin-left: 20px;
		}

		.catbox {
			height: 250px;
		}
		.catboxinner {
			height: 240px;
		}

		.details {
		width: 230px;
		float: left;
		}		
		.productimage {
			width: 230px;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		body {
			
			background: #ebebed url(../img/assets/header-bg-mobile.png) 0 0 repeat-x;
		}

		.rightcol {
			padding-left: 12px;
			padding-right: 12px;
			padding-bottom: 15px;
			margin-left: 0 !important;
		}

		/*.rightcol h2.ecolink a, .rightcol h2.newslink a  {
			display: inline-block;
			float: left;
			width: 106px;
			color: #1b1f22;
			height: 100px;
			margin-right: 12px;
			text-align: center;
		}
		.rightcol h2.newslink:last-child a {
			margin-right: 0px;
		} */

		header {
			height: 150px;
		}

		.contactblockhead {
			display: none;
		}

		.logo {
			display: none;
		}
		.logo-mobile {
			display: block;
			margin-left: 70px;
		}

		.contactblock {
		background: #232629;
		padding: 10px;
		margin: 15px 0;
		}

		.strap {
			background: url(../img/assets/sprite.png) -220px -450px no-repeat;
			width: 270px;
			height: 30px;
			margin-left: 78px;
			margin-top: 119px;
		}

		p.copyright {
			padding-top: 0px;
			margin: 5px 10px 25px 10px;
		}


		#respondCanvas, #respondImage {
			/*width: 400px; height: auto; */
			display: none
		}


		h2.prodfinderlink a {
			background: #1b1f22 url(../img/assets/sprite.png) -380px -288px no-repeat;
		}
		h2.prodfinderlink a:hover, h2.prodfinderlink a:active {
			background: #1b1f22 url(../img/assets/sprite.png) -380px -238px no-repeat;
		}

		h2.newslink a {
			background: #99a0a4 url(../img/assets/sprite.png) -380px -288px no-repeat;
		}
		h2.newslink a:hover, h2.newslink a:active {
			background: #8f969a url(../img/assets/sprite.png) -380px -238px no-repeat;
		}

		h2.ecolink a {
			background: #7f8e67 url(../img/assets/sprite.png) -380px -288px no-repeat;
			color: #fff;
		}
		h2.ecolink a:hover, h2.ecolink a:active {
			background: #747f5d url(../img/assets/sprite.png) -380px -238px no-repeat;
		}



		.kwicks {
			display: none;
		}
		.mobile {
			display: block;
		}
	
		.sliderimage {
			width: 120px;
			height: 120px;
			overflow: hidden;
		}	
		.productmobile {
			margin: 0 0 20px 0 !important;
			padding: 0;	
		}
		.productmobile li {
			margin: 0 0 10px 0;
			padding: 0;	
			height: 60px;
			list-style: none;	
		}
		.productmobile li:hover {
			background:  #c3c3c8 !important
		}		
		.productmobile .heading {
			margin-top: -8px;
			padding-left: 10px;
		}
		.productmobile .heading h3 {
			font-size: 1.2em
		}
		.productmobile .heading h3 a {
		color: #274b81;
		}		
		.productmobile .heading h3 {
		font-size: 18px;
		line-height: 18px;
			margin-bottom: 10px;
			padding: 0;
		}
		.productmobile .heading p {
			margin: 0;
			padding: 0;
		}

		.showhide {
			display: none;
		}
		.slidecontent2 {
		border-top: 1px solid #ebebed;
		border-bottom: 1px solid #ebebed;
		width: 100%;
		height: 105px;
		background: #d4d4d8;
		}
		.slidelink {
		width: 285px;
		margin-left: 100px;
		position: absolute;
		float: left;
		margin-top: 10px;
		text-align: right;
		}		
		.slidertext {
		position: absolute;
		width: 250px;
		padding: 5px;
		float: left;
		margin-left: 125px;
		}

		#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6 {
		border-bottom-width: 0px;
		}
		h1 {
		font-size: 1.4em;
		padding-left: 15px;
		padding-right: 15px;
		}
		
		.productimage img {
			width: 100% !important
		}
		
		.s26 {
			display: block;
			width: 70%;
			margin-left: 15%;
			margin-right: 15%;
			padding-left: 0;
			padding-right: 0;
		}
		
		.catbox {
			height: 210px;
		}
		.catboxinner {
			height: 200px;
		}
		.teaser h4 {
			font-size: 0.83em;
			margin: 0 0 0.83em 0;
		}



	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.logo-footer {
		}

		footer input[type=search] {
			width: 280px;
		}
		
		.footerlinks li a {
			background: url(../img/assets/sprite.png) 10px -700px no-repeat;
		}

		.content {
			padding: 0 15px 30px 15px;
		}
		.productimage {
		margin-right: 15px;
		width: 170px;
		}		
		.details {
			width: 100%;
			float: none;
		}
		.details h1 {
			text-align: left;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


		.content {
			padding: 0 15px 30px 15px;
		}

		.logo-mobile {
			margin-left: 10px;
		}

		.footerlinks li a {
			background: url(../img/assets/sprite.png) -50px -700px no-repeat;
		}

		.strap {
			margin-left: 18px;
		}

		footer input[type=search] {
			width: 160px;
		}

		/* .rightcol h2.ecolink a, .rightcol h2.newslink a  {
			width: 68px;
			height: 68px;
			margin-right: 12px;
			font-size: 12px;
		} */
		
		#respondCanvas, #respondImage {
			/*width: 280px; height: auto; */
			display: none
		}

		h2.prodfinderlink a {
			background: #1b1f22 url(../img/assets/sprite.png) -495px -288px no-repeat;
		}
		h2.prodfinderlink a:hover, h2.prodfinderlink a:active {
			background: #1b1f22 url(../img/assets/sprite.png) -495px -238px no-repeat;
		}

		h2.newslink a {
			background: #99a0a4 url(../img/assets/sprite.png) -495px -288px no-repeat;
		}
		h2.newslink a:hover, h2.newslink a:active {
			background: #8f969a url(../img/assets/sprite.png) -495px -238px no-repeat;
		}

		h2.ecolink a {
			background: #7f8e67 url(../img/assets/sprite.png) -495px -288px no-repeat;
			color: #fff;
		}
		h2.ecolink a:hover, h2.ecolink a:active {
			background: #747f5d url(../img/assets/sprite.png) -495px -238px no-repeat;
		}


		.details {
		width: 100%;
		float: none;
		clear: both;
		}

		.slidelink {
			width: 35px;
			margin-left: 230px;
		}
		.slidelink a {
			font-size: 0.1px
		}
		.slidelink a.span {
			width: 30px;
			height: 30px;
			display: block !important;
		}


	}

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

		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/