/* ------------------------------------------------------------
	Style Reset
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
	margin:0; padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strikethrough { text-decoration:line-through;}

a, a:link, a:active, a:visited { text-decoration:none;  color:#5a5a5a;  -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
a:hover {  color:#000;   }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}

/* ------------------------------------------------------------
	General Styles
--------------------------------------------------------------- */

body {
	background-color: #000000;
	font-family: "Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #a1a1a1;
}

h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #fff;}

.width {
	width: 960px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}


#top-header {
	background: #181818 url(../images/display-images/top-header-grad.png) repeat-x;
	height: 42px;
}

#top-header h3 {
	color: #a5a5a5;
	text-shadow: #000 0 -1px 0;
	margin-top: 14px;
	font-size: 0.9em;
}

#top-header h3 a {
	color: #a5a5a5;
}

#top-header h3 a:hover,
#top-header h3 a:focus {
	color: #ffffff;
}

#top-header h3.left {
	float: left;
	width: 700px;
}

#top-header h3.right {
	float: right;
	width:250px;
	text-align: right;
	font-size: 0.8em;
}

#top-header h3.right img {
	margin: 0 10px;
}

#header {
	background: #151515 url(../images/display-images/header.png) no-repeat top center;
	height: 190px;
}

.logo {
	float: left;
	margin-top: 13px;
	width: 190px;
	margin-left: 5px;
}

#lang {
	background: url(../images/display-images/map.png) no-repeat;
	width: 177px;
	height: 96px;
	float: right;
	margin-top: 22px;
	padding-left: 20px
}

#lang h3 {
	color: #ffffff;
	font-weight: bold;
	margin-top: 23px;
	font-size: 0.8em;
}

.niceform select {
	width: 145px;
	margin-top: 22px;
}

.lang-submit {
	margin-top: 6px;
	float: right;
}

.lime-green {
	color: #75b738;
}

/*-------------
	NICE FORM
-------------*/
/*Text inputs*/
.NFText {border:none; vertical-align:middle; background:none; padding-bottom:1px; font-size: 0.7em; color:#d1d1d1;}
.NFTextCenter {height:18px; background:url(../images/display-images/niceforms/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:20px;}
.NFTextLeft, .NFTextRight {width:7px; height:24px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(../images/display-images/niceforms/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(../images/display-images/niceforms/input-right.png) no-repeat 0 0;}

/*Textareas*/
.NFTextarea {border:none; background:none; font-family: "Helvetica Neue LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.7em; color:#d1d1d1; margin:0 -10px 0 0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background: #101010 url(../images/display-images/niceforms/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background: #101010 url(../images/display-images/niceforms/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px; position: absolute;}
.NFTextareaTopLeft {background: #101010 url(../images/display-images/niceforms/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background: #101010 url(../images/display-images/niceforms/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background: #101010 url(../images/display-images/niceforms/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background: #101010 url(../images/display-images/niceforms/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:11px; padding-bottom:0;}
.NFTextareaRight {background: #101010 url(../images/display-images/niceforms/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background: #101010 url(../images/display-images/niceforms/textarea-r-over.png) repeat-y 100% 100%;}

/*Selects*/
.NFSelect {height:26px; position:absolute; margin-top: -20px; padding-top: 3px;}
.NFSelectLeft {float:left; width:3px; height:32px; background:url(../images/display-images/niceforms/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:26px; width:auto; background:url(../images/display-images/niceforms/select-right.png) no-repeat 100% 0; cursor:pointer; font-size: 0.7em; line-height: 1.4em; color:#d1d1d1; padding-left:6px; margin-left:3px; padding-top: 6px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#1d1d1d; margin-left:16px; margin-top:7px; list-style:none; padding:4px 0; color:#fff; font-size: 0.9em; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px; font-size: 0.7em; color:#d1d1d1;}
.NFSelectOptions a {display:block; text-decoration:none; color:#d1d1d1; padding:4px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}

/*Buttons*/
.NFButton {margin: 0; height:26px; color:#fff; text-shadow: 0 -1px 0 #65a34d; padding:0 3px; background:url(../images/display-images/niceforms/button.png) repeat-x 0 0; cursor:pointer; border:none; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(../images/display-images/niceforms/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../images/display-images/niceforms/button-right.png) no-repeat 0 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

#nav-bg {
	background: url(../images/display-images/nav-bg.png) no-repeat top center;
	margin-top: -52px;
	height: 52px;
}

#nav {
	float: left;
	width: 730px;
}

#nav li {
	float: left;
	margin-top: 1px;
	font-size: 0.9em;
}

#nav li a {
	display: block;
	color: #dbdbdb;
	text-shadow: 0 -1px 0 #000;
	background: url(../images/display-images/nav-divider.png) no-repeat center right;
	padding: 18px 20px;
}

#nav li a.last {
	background: none;
}

#nav li a:hover,
#nav li a:focus {
	color: #fff;
	-webkit-box-shadow: inset 0 0 4px rgb(16,16,16);
	-moz-box-shadow: inset 0 0 4px rgb(16,16,16);
	box-shadow: inset 0 0 4px rgb(16,16,16);
	background: transparent center right;
}

#nav li a.current {
	background: url(../images/display-images/nav-current.png) no-repeat top center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#search {
	float: left;
	width: 216px;
	padding-left: 14px;
	height: 52px;
	background: url(../images/display-images/search-div-shadow.png)no-repeat center left;
}

#search input[type=text] {
	background-color: #161616;
	color: #a7a7a7;
	border-radius: 5px;
	border: none;
	margin-top: 11px;
	padding: 6px 6px 7px 6px;
	width: 176px;
}

#search input[type=image] {
	position: relative;
	margin-left: -13px;
	top: 10px;
}

#homeflash {
	height:300px;
	overflow:hidden;
	background: #0d0d0d;
}
#flash {
	height:225px;
	overflow:hidden;
	background: #0d0d0d;
}

#fade {
	width: 1358px;
	margin: 0 auto;
	overflow: hidden;
	/*height: 300px;*/
}

#banner-nav-container {
	position: relative;
	z-index: 200;
	float: right;
	margin-top: -300px;
}

.banner-nav {
	background: url(../images/display-images/banner-nav-normal.png) no-repeat top right;
	width: 130px;
	height: 51px;
	padding: 24px 15px 0 24px;
	margin-right: 10px;
	text-align: right;
	line-height: 0.9;
}

.banner-nav a {
	color: #3e3e3e;
	font-weight:bold;
	text-shadow: 0 1px 0 #ffffff;
	font-size: 0.8em;
}

.banner-nav a span.description {
	color: #7e7e7e;
	font-size: 0.75em;
}

.banner-nav:hover {
	background: url(../images/display-images/banner-nav-hover.png) no-repeat top right;
}

.banner-nav:hover > a {
	color: #5c9b3c;
}

.banner-nav:hover a span.description {
	color: #545454;
}

#teaser-bg-grad {
	background: #090909 url(../images/display-images/teaser-bg-grad.png) repeat-x;
}

#teaser-texture {
	background: url(../images/display-images/teaser-texture.png) no-repeat top center;
	padding-top: 17px;
}

a.where-to-buy-grangers {
	float: left;
	width: 200px;
	display: block;
	background: url(../images/display-images/map.png) no-repeat 0 25px;
	margin-top: 14px;
}

a.where-to-buy-grangers h2 {
	font-weight: bold;
	font-size: 0.9em;
	text-shadow: 0 -1px 0 #121212;
}

a.where-to-buy-grangers img {
	margin-left: 10px;
	margin-top: 20px;
}

a.where-to-buy-grangers:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

/*-------------
	CAROUSEL
-------------*/

#wrap {
	float: left;
	width: 700px;
	margin-left: 30px;
}

.jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 684px;
	padding: 14px 33px;
	background: url(../images/display-images/carousel-bg.png) no-repeat 22px 0;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 200px;
	height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 39px;
	margin-left: 2px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 22px;
	height: 175px;
	cursor: pointer;
	background: transparent url(../images/display-images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 22px;
	height: 175px;
	cursor: pointer;
	background: transparent url(../images/display-images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
}

.teaser h2 {
	font-weight: bold;
	font-size: 0.9em;
	text-shadow: 0 -1px 0 #000;
}

.teaser img {
	border: 1px solid #131313;
	margin-top: 5px;
	margin-bottom: 2px;
}

.teaser p {
	font-size: 0.75em;
	line-height: 1.5;
	color: #a3a3a3;
	color: rgba(255,255,255,0.58);
}

.teaser p.more {
	color: #6d9e22;
	color: rgba(171,255,42,0.58);
}

.teaser:hover,
.teaser:focus,
.teaser:hover h2,
.teaser:focus h2,
.teaser:hover p,
.teaser:focus p {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

#main-container {
	background: #101010 url(../images/display-images/main-container-grad.png) repeat-x;
	padding: 30px 0 35px 0;
}

.content-left {
	float: left;
	margin-left: 10px;
	width: 300px;
	text-align: right;
}

.content-left h1 {
	color: #88b247;
	text-shadow: 0 -1px 0 #000;
	font-size: 1.3em;
}

.content-left h2 {
	color: #595959;
	color: rgba(165,165,165,0.5);
	text-shadow: 0 -1px 0 #0e0e0e;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	font-size: 0.9em;
	margin-top: 6px;
}

.content-right {
	float: left;
	margin-left: 20px;
	width: 620px;
}

.content-right p {
	font-size: 0.8em;
	line-height: 1.5;
	margin-bottom: 20px;
	color: #3c3c3c;
	color: rgba(161,161,161,0.8);
	text-shadow: 0 -1px 0 #000;
}

.content-right .intro p {
	color: #bebebe;
	color: rgba(237,237,237,0.8);
	font-size: 0.9em;
	line-height: 1.6;
}

#footer {
	background: #000 url(../images/display-images/footer-grad.png) repeat-x;
	padding: 25px 0 15px 0;
}

.footer-column {
	width: 230px;
	margin-left: 10px;
	float: left;
	background: url(../images/display-images/footer-divider.png) repeat-y top right;
	padding: 5px 0 20px 0;
}

.footer-column h4 {
	color: #fff;
	font-family: Calibri, Arial, "Helvetica Neue LT Std", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 2.2;
}

.footer-column p,
.footer-column li {
	color: #8b8b8b;
	color: rgba(254,254,254,0.55);
	font-family: Arial, "Helvetica Neue LT Std", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 2.2;
}

.footer-column a {
	color: #8b8b8b;
	color: rgba(254,254,254,0.55);
}

.footer-column a:hover,
.footer-column a:focus,
.footer-column.last a:hover,
.footer-column.last a:focus,
.footer-column.last a.social-media-link:hover,
.footer-column.last a.social-media-link:focus {
	color: #fff;
}

.footer-column.country-selection h4 {
	color: #dadada;
	margin-bottom: 5px;
}

.footer-column.country-selection p {
	color: #727272;
	line-height: 1.6;
}

.footer-column.country-selection form {
	margin-top: -5px;
}

.footer-column.country-selection .niceform select {
	width: 145px;
}

.lang2-submit {
	margin-top: 21px;
	margin-right: 10px;
	float: right;
}

.footer-column.country-selection label {
	color: #727272;
	line-height: 1.6;
	font-size: 0.75em;
}

.footer-column.country-selection .NFSelect {
	margin-top: -5px;
}

.footer-column.country-selection .NFSelect li {
	line-height: 1.0;
}

.footer-column.last {
	background: none;
	margin-top: 20px;
}

.footer-column.last p {
	color: #545454;
	color: rgba(167,167,167,0.5);
	text-shadow: 0 -1px 0 #000;
	line-height: 1.7;
}

.footer-column.last a {
	color: #545454;
	color: rgba(167,167,167,0.5);
}

.footer-column.last a.social-media-link {
	color: #bebebe;
	font-weight: bold;
	font-size: 0.8em;
	display: block;
}

.footer-column.last a.social-media-link img {
	float: left;
	margin: -4px 10px 20px 0;
}

.footer-column.last a.social-media-link:hover img,
.footer-column.last a.social-media-link:focus img {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

/*----- INTERNAL PAGE - LEFT ------*/

.left-200{
	float: left;
	margin-left: 10px;
	width: 220px;
}

.left-200 h3 {
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

.sub-nav h3 {
	border: 1px solid #0b0b0b;
	background: #161616 url(../images/display-images/sub-nav-header.png) repeat-x;
	padding: 17px 20px;
}

.sub-nav ul {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	background: rgba(13,13,13,0.3);
	padding: 0 20px;
}

.sub-nav li {
	padding: 14px 0;
	background: url(../images/display-images/hr-200.png) center bottom no-repeat;
	font-size: 0.9em;
	color: #a1a1a1;
}

.sub-nav li.last {
	background: none;
}

.sub-nav li a {
	color: #a1a1a1;
	text-shadow: 0 -1px 0 #000;
	display: block;
}

.sub-nav li a:hover,
.sub-nav li a:focus{
	color: #ffffff;
}

.sub-nav li a.current {
	color: #88b247;
	background: url(../images/display-images/sub-nav-current.png) center right no-repeat;
}

.news {
	margin-top: 30px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	background: rgba(13,13,13,0.3);
	padding: 20px;
}

.news h3 {
	margin-bottom: 20px;
}

.news p {
	color: #a1a1a1;
	text-shadow: 0 -1px 0 #000;
	line-height: 1.5;
	font-size: 0.8em;
}

.news p .news-title {
	font-weight: bold;
}

.news p a {
	color: #88b247;
}

.news p a:hover,
.news p a:focus {
	color: #ffffff;
}

/*----- INTERNAL PAGE - CONTENT -----*/

.content {
	float: left;
	margin-left: 20px;
	width: 700px;
}

.content h1 {
	color: #88b247;
	text-shadow: 0 -1px 0 #000;
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

h1.content-h1 {
	color: #88b247;
	text-shadow: 0 -1px 0 #000;
	font-size: 1.3em;
	margin-bottom: 10px;
}

.content h2 {
	color: #595959;
	color: rgba(165,165,165,0.5);
	text-shadow: 0 -1px 0 #0e0e0e;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	font-size: 0.9em;
}

.content p {
	font-size: 0.8em;
	line-height: 1.5;
	margin-bottom: 20px;
	color: rgba(161,161,161,0.8);
	text-shadow: 0 -1px 0 #000;
}

.content .intro p {
	margin-top: 30px;
	color: rgba(237,237,237,0.8);
	font-size: 0.9em;
}

.content a {
	color: #88B247;
}

.content a:hover,
.content a:focus {
	color: #ffffff;
}

.content ul {
	margin: 20px 0;
}

.content .intro ul {
	margin-top: 30px;
}

.content ul li {
	line-height: 1.7;
	color: rgba(161,161,161,0.8);
	text-shadow: 0 -1px 0 #000;
	list-style: disc;
	margin-left: 40px;
	font-size: 0.8em;
}

.content .intro ul li {
	color: rgba(237,237,237,0.8);
	font-size: 0.9em;
}

.content ul li a {
	color: rgba(161,161,161,0.8);
}

.content ul li a:hover,
.content ul li a:focus {
	color: rgba(255,255,255,0.8);
}

.hr {
	background: url(../images/display-images/hr.png) center bottom no-repeat;
	height: 11px;
	margin-bottom: 30px;
}

strong, b {
	font-weight: bold;
}

.image-quote {
	float: right;
	margin-left: 10px;
	width: 160px;
}

.content .image-quote p {
	color: #88b247;
	text-shadow: 0 -1px 0 #000;
}

.image-quote-large {
	float: right;
	margin-left: 20px;
	width: 220px;
}

.content .image-quote-large p {
	color: #88b247;
	text-shadow: 0 -1px 0 #000;
}

/*----- PRODUCT RANGE ------*/

a.product-med-thumb {
	background: url(../images/display-images/product-med-thumb-bg.png) no-repeat;
	display: block;
	width: 180px;
	height: 180px;
	float: left;
	padding: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
}

a.product-med-thumb.last {
	margin-right: 0;
}

a.product-med-thumb:hover,
a.product-med-thumb:focus {
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

a.product-med-thumb h3 {
	text-align: center;
	font-weight: normal;
	color: #fff;
}

a.product-med-thumb h3 span.staff-position {
	font-size: 0.95em;
	color: rgba(161, 161, 161, 0.8);
}

.product-med-thumb img.h3-border {
	margin-left: -25px
}

.product-med-thumb img.product-image {
	margin-top: 10px;
}

/*--- PRODUCT SEARCH ---*/

#search-breadcrumb {
	background: url(../images/display-images/search-breadcrumb-bg.png) no-repeat;
	margin: -30px 0 30px -80px;
	height: 53px;
}

#search-products {
	margin-left: 90px;
	float: left;
}

#search-products input[type=text] {
	background-color: #161616;
	color: #a7a7a7;
	border-radius: 5px;
	border: none;
	margin-top: 13px;
	padding: 6px 6px 7px 6px;
	width: 183px;
}

#search-products input[type=image] {
	position: relative;
	margin-left: -13px;
	top: 10px;
}

#breadcrumb {
	float: left;
	margin: 21px 0 0 20px;
	font-size: 0.7em;
	color: rgba(120,120,120,0.8);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}

#breadcrumb a {
	color: rgba(120,120,120,0.8);
}

#breadcrumb a:hover,
#breadcrumb a:focus {
	color: rgba(255,255,255,0.7);
}

/*--- PRODUCT DETAIL ---*/

.product-icons {
	margin: 15px 0 -10px 0;
}

.product-icons img {
	float: left;
	margin-right: 10px;
	padding: 5px;
	background: #0f0d0e;
	border: 1px solid #1c1c1c;
}

.large-product-image {
	float: right;
	margin: 0 0 20px 20px;
}

.width-220 {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.product-instuctions {
	margin-bottom: 20px;
}

.product-instuctions img {
	float: left;
	margin-right: 10px;
}

.product-instuctions img.last {
	margin-right: 0;
}

/*----- PRODUCT UPSELL ------*/

a.product-small-thumb {
	background: url(../images/display-images/product-small-thumb-bg.png) no-repeat;
	display: block;
	width: 122px;
	height: 122px;
	float: left;
	padding: 10px;
	margin-right: 20px;
}

a.product-small-thumb:hover,
a.product-small-thumb:focus {
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

a.product-small-thumb h3 {
	text-align: center;
	font-weight: normal;
	color: #fff;
	line-height: 1.0em;
	font-size: 0.8em;
}

.product-small-thumb img {
	margin-top: 2px;
}

/*--------------------
	UPSELL CAROUSEL
--------------------*/

.upsell #wrap {
	margin: 20px 0 30px -22px;
}

.upsell .jcarousel-skin-tango .jcarousel-container-horizontal {
	padding: 20px 33px;
	background: url(../images/display-images/upsell-bg.png) no-repeat 22px 0;
}

.upsell .jcarousel-skin-tango .jcarousel-item {
	width: 142px;
	height: 142px;
}

.upsell .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 22px;
	margin-left: 10px;
}

/**
 *  Horizontal Buttons
 */
.upsell .jcarousel-skin-tango .jcarousel-next-horizontal,
.upsell .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top: 3px;
}

/*--------------------
	NEWS ARTICLES
--------------------*/

.news-article {
	padding-bottom: 31px;
	background: url(../images/display-images/hr.png) center bottom no-repeat;
	margin-bottom: 30px;
}

.news-article-image {
	float: left;
	width: 182px;
	margin-right: 20px;
}

.news-article-image img {
	border: 1px solid #131313;
}

.news-intro {
	float: left;
	width: 498px;
}

.news-article h3 {
	font-weight: bold;
	text-shadow: 0 -1px 0 black;
}

.news-article-date {
	color: rgba(165, 165, 165, 0.5);
	font-style: italic;
	font-size: 0.7em;
	margin: 5px 0 15px 0;
}

/*--------------------
	NEWS ARCHIVE
--------------------*/

.news-archive-item {
	padding-bottom: 1px;
	background: url(../images/display-images/hr.png) center bottom no-repeat;
	margin-bottom: 20px;
}

.news-archive-item .news-h3-link {
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	text-shadow: 0 -1px 0 black;
}

.news-archive-item .news-h3-link:hover,
.news-archive-item .news-h3-link:focus {
	color: #88B247;
}

.news-archive-date {
	color: rgba(165, 165, 165, 0.5);
	font-style: italic;
	font-size: 0.85em;
}

.news-archive-item-read-more {
	float: right;
}

/*--------------------
	NEWSLETTER SIGNUP
--------------------*/

#newsletter-signup {
	background: #151515 url(../images/display-images/newsletter-grad.png) repeat-x;
	padding: 9px 0 4px 0;
}

#newsletter-signup .title {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.5;
	color: #D1D1D1;
	text-shadow: 0 -1px 0 #000;
	float: left;
	width: 225px;
	margin: 3px 20px 20px 53px;
	text-align: right;
}

#newsletter-signup input,
#newsletter-signup img {
	float: left;
}

.NFTextRight {
	margin-right: 20px;
}

#newsletter-signup input[type=text] {
	width: 225px;
}

#newsletter-signup input[type=submit] {
	font-size: 0.8em;
}

/*------------------------------------------------
	CONTACT
------------------------------------------------*/

.contact-details {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	background: rgba(13,13,13,0.3);
	padding: 20px;
}

.contact-details p {
	color: #a1a1a1;
	text-shadow: 0 -1px 0 #000;
	line-height: 1.5;
	font-size: 0.8em;
}

.contact-details p a {
	color: #88b247;
}

.contact-details p a:hover,
.contact-details p a:focus {
	color: #ffffff;
}

.contact-details-padding {
	margin-bottom: 13px;
}

/*------------------------------------------------
	CONTACT FORM
------------------------------------------------*/

#contact input[type=text] {
	width: 255px;
}

#contact .field {
	padding-top: 5px;
}

#contact .label {
	font-size: 0.75em;
	color: #D1D1D1;
	text-shadow: 0 -1px 0 black;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 20px;
}

/*------------------------------------------------
	STOCKISTS
------------------------------------------------*/

div.stockist-search {
	width: 770px;
	float: left;
	margin-top: 20px;
}

div.stockist-search form#change span.search-header,
div.stockist-search form#change select.search-field,
input.stockist-submit {
	float: left;
	margin-right: 10px;
}

div.stockist-search form#change span.search-header {
	font-size: 0.8em;
	color: #3C3C3C;
	color: rgba(161, 161, 161, 0.8);
	text-shadow: 0 -1px 0 black;
	margin-top: 6px;
}

div.stockist-search form#change select.search-field {
	margin-right: 20px;
	background-color: #1d1d1d;
	color: #fff;
	border: 1px solid #262626;
	width: 160px;
	font-size: 0.8em;
	padding: 2px;
}

.distributor-map-button a {
	float:left;
	width:160px;
	height:53px;
	background:url(../images/display-images/distributor-map.png) no-repeat center top;
	-moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;
	color: #88B247;
	font-size: 0.8em;
	text-shadow: 0 -1px 0 black;
	padding-top: 20px;
	text-align: center;
}

.distributor-map-button a:hover {
	background-position: center bottom;
	color: #ffffff;
}

.view-all-distributors {
	float:right;
}

#map {
	margin-top:20px;
	border: 1px solid #DBDBDB;
}

.zoomin a {
	position:absolute;
	z-index:99999;
	background-image:url(../images/display-images/zoomin.png);
	width:27px;
	height:18px;
	overflow:hidden;
	text-indent:-99999em;
	margin:30px 0px 0px 10px;
	-moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;
}
.zoomin a:hover {
	background-position:0px -18px;
}
.zoomout a {
	position:absolute;
	z-index:99999;
	background-image:url(../images/display-images/zoomout.png);
	width:27px;
	height:18px;
	overflow:hidden;
	text-indent:-99999em;
	margin:52px 0px 0px 10px;
	-moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;
}
.zoomout a:hover {
	background-position:0px -18px;
}

/*------------------------------------------------
	CLEANING / NORMAL - GREEN
------------------------------------------------*/

body#green .content h1 {
	color: #88b247;
	border-bottom: 2px solid;
}

body#green .content .lime-green,
body#green .sub-nav li a.current,
body#green .content a,
body#green .news p a {
	color: #88b247;
}

body#green .sub-nav li a.current {
	background: url(../images/display-images/sub-nav-current-orange.png) center right no-repeat;
}

body#green .content a:hover,
body#green .content a:focus {
	color: rgba(255,255,255,0.8);
}

body#green .news p a:hover,
body#green .news p a:focus {
	color: #ffffff;
}

a.product-med-thumb.green h3 {
	text-align: left;
	color: #88B247;
	margin-bottom: -5px;
	font-size: 0.8em;
}

/*------------------------------------------------
	WATERPROOFING - ORANGE
------------------------------------------------*/

body#orange .content h1 {
	color: #f9a632;
	border-bottom: 2px solid;
}

body#orange .content .lime-green,
body#orange .sub-nav li a.current,
body#orange .content a,
body#orange .news p a {
	color: #f9a632;
}

body#orange .sub-nav li a.current {
	background: url(../images/display-images/sub-nav-current-orange.png) center right no-repeat;
}

body#orange .content a:hover,
body#orange .content a:focus {
	color: rgba(255,255,255,0.8);
}

body#orange .news p a:hover,
body#orange .news p a:focus {
	color: #ffffff;
}

a.product-med-thumb.orange h3 {
	text-align: left;
	color: #f9a632;
	margin-bottom: -5px;
	font-size: 0.8em;
}

/*------------------------------------------------
	MAINTAINING - BLUE
------------------------------------------------*/

body#blue .content h1 {
	color: #009ac8;
	border-bottom: 2px solid;
}

body#blue .content .lime-green,
body#blue .content h1,
body#blue .sub-nav li a.current,
body#blue .content a,
body#blue .news p a {
	color: #009ac8;
}

body#blue .sub-nav li a.current {
	background: url(../images/display-images/sub-nav-current-blue.png) center right no-repeat;
}

body#blue .content a:hover,
body#blue .content a:focus {
	color: rgba(255,255,255,0.8);
}

body#blue .news p a:hover,
body#blue .news p a:focus {
	color: #ffffff;
}

a.product-med-thumb.blue h3 {
	text-align: left;
	color: #009ac8;
	margin-bottom: -5px;
	font-size: 0.8em;
}

/*------------------------------------------------
	SEARCH RESULTS
------------------------------------------------*/

.pagination a:hover,
.pagination a:focus {
	color: #ffffff;
}

.page,
.page-next,
.page-last,
.page-back,
.page-first {
}

.pagination a.page  {
	color: #fff;
}


/*------------------------------------------------
	VIDEOS
------------------------------------------------*/

.video {
	float: left;
	width: 340px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.video.last {
	display: inline;
	margin-right: 0;
}

.video iframe,
.video embed {
	margin-bottom: 20px;
}

.video h2 {
	margin-bottom: 10px;
}

/*------------------------------------------------
	ONLINE RETAILS
------------------------------------------------*/

.profile {
	float: left;
	width: 428px;
	padding: 20px 20px 0 20px;
	margin: 0 20px 20px 0;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	background: rgba(13,13,13,0.3);
}

.profile.last {
	margin-right: 0;
}

.profile h3 {
	margin-bottom: 10px;
}

.profile p {
	font-size: 0.8em;
	line-height: 1.5;
	margin-bottom: 20px;
	color: rgba(161,161,161,0.8);
	text-shadow: 0 -1px 0 #000;
}

.profile a {
	color: #88B247;
}

.profile a:hover,
.profile a:focus {
	color: #ffffff;
}

.profile-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 161px;
}
.pagination { float:left; width:100%;  background:url(../images/display-images/breadcrumb-bg.gif) repeat-x; height:20px; margin:10px 0; }
.pagination a { float:left; color:#c0c0c0; text-align:center; margin:0 0 0 5px; background:url(../images/display-images/breadcrumb-highlight.png); height:16px; width:20px; font-size:11px; padding:4px 0 0 0; }
.pagination a.page {background-position:bottom;}
.pagination a.page-next { float:right; width:35px; font-size:11px; margin:-2px 15px 0 0; }
.pagination a:hover { background-position:bottom; }
.pagination a.page-next:hover { background:none;}

.result { float:left; width:100%; margin:0 0 10px 0; line-height:1.6em; padding:0 0 20px 0; border-bottom:1px dotted #606060; font-size:13px; }
.result h2 { font-size:18px; }

.comp-form { font-size:14px; }
.comp-form label { float:left; width:100%; font-size:14px; margin:5px 0;}
.comp-form p { float:right; width:125px; font-size:14px;}
.comp-form .option { float:left; width:150px; }
.comp-form .option input { float:left; width:20px; margin:0 5px 0 0;}
.comp-form .text_form { float:left; width:250px; background:#1d1d1d; padding:5px; border:1px solid #262626;  }
.comp-form .checkbox { float:left; width:20px; }
.comp-form .confirm {float:left; width:400px; }
.comp-form .confirm p { float:right; width:350px; font-size:14px; }

.submit { margin:0px 0 0 0;}

.result-thumb { float:left; width:180px; margin:0 20px 0 0;}
.result-video { float:left; width:340px; margin:0 20px 0 0;}

.tag { color:#666; font-size:0.8em;}

#map { font-size:0.9em; }
#map h2 { color:#090; }

.download { float:left; width:700px; border-top:1px solid #383838; padding:10px 0;  }
.download { font-size:12px; line-height:1.6em; }
.download .size { color:#575757; }
.download h2 { font-size:16px; margin:0 0 5px 0; }

.video-thumb { float:left; width:198px; height:158px; background:#000; }
.video-thumb img { float:left; }
a.video-overlay { float:left; width:198px; height:158px; background:url(../images/display_images/video-overlay.png); margin:-158px 0 0 0; text-indent:-9999em; }
a.video-overlay:hover { background-position:bottom;}