body{font-size:76%; margin:0; padding:0; color:#4b606f; background:#FFF url(../images/bg-body-black.gif) left top repeat-x; text-align:center;}
body.volc{background-image:url(../images/bg-body-volc.gif)}
body.blue{background-image:url(../images/bg-body-blue.gif)}
body.cerise{background-image:url(../images/bg-body-cerise.gif)}
body.granite{background-image:url(../images/bg-body-granite.gif)}
body.almond{background-image:url(../images/bg-body-almond.gif)}
body.green{background-image:url(../images/bg-body-green.gif)}
body.teal{background-image:url(../images/bg-body-teal.gif)}
body.black{background-image:url(../images/bg-body-black.gif)}
body.burgundy{background-image:url(../images/bg-body-burgundy.gif)}
body.global{background-image:url(../images/bg-body-global.gif)}

/* LAYOUT */
#page{width:1070px;margin:0 auto;padding:0;text-align:left;}
#header{min-height: 98px; padding: 0 3px;position: relative;z-index:100;}
#footer{margin-top: 50px; height: 29px; padding:12px 0 0 0; background: url(../images/bg-footer-black.gif) left top repeat-x;}
.volc #footer{background-image: url(../images/bg-footer-volc.gif);}
.blue #footer{background-image: url(../images/bg-footer-blue.gif);}
.cerise #footer{background-image: url(../images/bg-footer-cerise.gif);}
.granite #footer{background-image: url(../images/bg-footer-granite.gif);}
.almond #footer{background-image: url(../images/bg-footer-almond.gif);}
.green #footer{background-image: url(../images/bg-footer-green.gif);}
.teal #footer{background-image: url(../images/bg-footer-teal.gif);}
.black #footer{background-image: url(../images/bg-footer-black.gif);}
.burgundy #footer{background-image: url(../images/bg-footer-burgundy.gif);}
.global #footer{margin-top: 0; background:none;}

#container-div{float:left; background: url(../images/bg-curve.png) 97px bottom no-repeat;width:878px;margin:0; padding: 0 95px 12px 97px;}
.container-top{background: url(../images/bg-curve-top.png) center top no-repeat;margin:0; padding:12px 0 0 0;}
	#content-wrapper {background: url(../images/bg-container.png) left top repeat-y; padding: 0 15px;}
	#content{width:616px; float: left; padding-left: 13px;}
		#content.no-padding {padding-left: 0; width: 629px;}
	#secondary-nav {width: 205px; float: right;}
		#additional .padding{padding:5px 10px 0 0;}

#main-image { position:relative;/*padding-bottom:20px*/}
	#main-image .text {top:242px;left:0; margin:0; width: 335px; padding:15px;position:absolute;/*min-height:195px*/}
		#main-image h2 {color: #fff; font-size: 2.5em; line-height: 1em; font-weight: normal;}
		#main-image p {color: #23272b; font-size: 1.1em;font-weight: bold; width: 21em;}
		#home #main-image p {color: #ffffff;}
		#main-image p.tagline {font-size: 4.5em; font-weight: normal; padding-bottom: 0; margin-bottom: 1em; width: auto;}
	
#product #main-image {background: url(../images/main-image-product.jpg) left top no-repeat;}

/* GLOBAL */
.global #header{min-height:37px;}
.global p.intro{margin:10px 0px;}
.global dl.europe {float: left; width: 386px;}
.global dl.international {float: right; width: 447px;}
.global dl dt strong {padding: 5px 10px 5px 10px; display:block; color: #6a7182;}
.global dl dt {background: #ecedee; display:block; width: 100%;}
.global dl dd {display:block; margin-left: 10px;}
.global dl dd ul {float: left; padding-top: 10px;}
.global dl dd ul li {padding-right: 10px; width: 250px; background:none; list-style:none;line-height:1.6em;}
.global dl dd ul li a {font-weight:normal;}
.global dl dd ul li span {color: #7da6c4;}
.global #footer{color:#4B606F;}
.global #footer ul{width:400px;}
.global #footer ul li{border-right:1px solid #4B606F;}
.global #footer ul li a{color:#4B606F;}

/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.3em;}
#page a img{border:0; display:block;}/* added 'a' to make this more specific JG*/

/* Composer Fix */
img.Ext3ContentFunctionHeaderSeparator{display:inline;}
#page img.Ext3ContentFunctionHeaderSeparator{display:inline;}
/*.Ext3ContentFunction{float:left;}*/
#StageArea{min-width:500px;}



p.intro {padding-bottom: 0;}

/* FORMAT > fonts */
body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}


/* ANCHORS */
a{text-decoration:none;color:#d56124;font-weight:bold;}
a:link{ }
a:visited{ }
a:hover{text-decoration:underline;}
a:active{ }




/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#6a7182;font-weight:bold;}
#header h1, div.logo {position: absolute; top: 5px; left: 3px;}
	#logo h1{padding:0;}
h1 {font-size: 2em;color: #000;font-weight: normal; margin-bottom: 0.5em;}
h2{font-size:1.3em;padding:0;}
	h2.homepage{margin:0 0 5px 12px;}
	h2.product{color:#ed1c2d;background:transparent;padding-left:0;}
h3{font-size:1.35em;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}

h1.intro {font-size:2.7em; margin-bottom:0.25em;}

/* LISTS */
ul,dl{margin:0;padding:0;}
ul ul,ol ul,ul ol{padding:0;margin:0;}
ul{list-style-type:disc;}
ol{padding:0;margin:0 0 0 3em;list-style-type:decimal!important;}
ol li{padding:0;margin:0;list-style-type:decimal;}
ul li{margin:0;padding:0;line-height:1.2em; background: url(../images/icon-bullet.gif) 0px 6px no-repeat;}

#content ul, .columns ul{list-style-type: none; margin-bottom: 1em;}
#content ul li, .columns ul li{padding-left: 1em;}

#content ol, .columns ol{margin-bottom: 1em;}


.links {list-style-type: none;}
	.links li {background-image: none; margin-bottom: 1em; padding-left: 0 !important;}
	.links a {background: url(../images/bg-a-colour2.gif) right center no-repeat; padding-right: 10px; font-size: 1.1em;}
	
dt{display:block;float:left;}
dd{margin-left:10em;}

/* FOOTER LINKS */
#footer{color: #fff; text-align: center;}
	#footer .content {width: 872px; margin: 0 auto; text-align: center;}
	#footer ul{list-style-type:none;margin:0;padding:0; width: 610px; margin: 0 auto;}
	#footer ul li{display:block;float:left;width:auto;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #fff;line-height:1em; background: none;}
	#footer ul li.last{padding:0;border:0px;}
	#footer ul li a{padding:0;color:#6a7182;text-decoration:none;font-weight:normal; color: #fff;float: left;}
	#footer ul li a:hover{text-decoration:underline;}
	
	
/* TOOLS LINKS */
.toolspanel{position:absolute;top:0;right:3px;width:339px;}
#tools{padding:0 0 1px ;width:339px;min-height:44px;float:right;margin: 0 0 24px 0;position:relative;background:url(../images/header-form-bg.png) bottom no-repeat;}
	
	#tools .label{float:left;top:0;position:absolute;width:113px;}
	#tools .element {width: 329px;height:22px;padding:5px;top:22px;position:absolute;font-size:0.84em}
	#tools .selected a {color: #000}
		
	#tool2 .label{}
	#tool2 .element{padding-top:3px;height:24px}
	#tool2 .image{position:relative;top:4px}
	#tool3 .label{}
	
	#tools .selected .element{background-color: #fff;z-index:3}
	#tools .selected .label{background-color: #fff}
	
	#tools .unselected .element{background-color: #d9d9d9;z-index:2;}
	#tools .unselected .label{background-color: #d9d9d9}
	
	#tools .unselected-alt .element{background-color: #b4b4b4;z-index:1;}
	#tools .unselected-alt .label{background-color: #b4b4b4}
	
	#tools a{padding:0;color:#484848;text-decoration:none;font-weight:bold; text-transform: uppercase; font-size: 0.96em;}
	#tools a:hover{text-decoration:underline;}
	#tools fieldset {padding: 0;margin:0;}
	#tools fieldset + fieldset {border:none}
	#tools label {display:inline;margin:2px 10px 2px 5px;font-size:0.94em}
	#tools input.short {width: 50px;}
	
	#tools select {width:24em;}
	
	#tools .label.position2{left:0;}
	#tools .label.position1{left:113px;}
	#tools .label.position0{left:226px;}

/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;margin:0 0 20px 0;}
th{border:0px;padding:4px 4px 4px 8px;background-color:#d8e5ed;color:#4b606f;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;padding:4px 4px 4px 8px;border-bottom:1px solid #d8dcdf;}
td.alt{background:#f8f9fa;}


/* FORMS */
div.form {background: url(../images/form-bg.gif) left top no-repeat; padding: 4px 22px 0 0;position: relative;}
.form img{position:absolute;}
.form .padding {margin:0; padding: 12px 15px 16px 250px;background: #efefef url(../images/form-div-bg.gif) left bottom no-repeat;}
form{}

fieldset{border:0px solid #fff;margin:0;padding:4px 0; padding-right: 0;}
fieldset fieldset{padding:0;margin:0;border:0;}

fieldset + fieldset {border-top: 1px solid #d3d3d3;}

legend{display:none;}
fieldset h2{margin:0 0 10px 0;}
fieldset h3{font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#545353;margin:0 0 3px 0;}

.field{position:relative;width:100%;padding:0 0 10px 0;}
#content .field{position:relative;width:100%;padding:0 0 10px 0;}
.element{width:100%;}

.label{float: left; width: 10em;padding:4px 0px;margin:0;text-align:left;}
.input{padding:0;margin:0;}

.compare{float:left;width:auto;margin:5px 5px 0 0;}
input.compare {width: auto;} 
.element .col div{padding:0 0 5px 0;}
	

.invalid label{color:#f00;}
.invalid .input{background:url(../images/invalid.gif) top right no-repeat;}
.valid label{color:#00AF6A;}
.valid .input{background:url(../images/valid.gif) top right no-repeat;padding:0 20px 0 0;}
	
	
label{color:#545353;display:block;font-weight:bold;padding:0;font-size:1em;}
fieldset fieldset label{float:left;width:50%;padding:0;margin:0 10px 0 0;padding:0;font-weight:normal;}
input {padding: 0 !important;}
textarea{width:209px;font-size:100%;padding:0.2em;border-top: 1px solid #7c7c7c}
input.text{width:215px;border:1px solid #cbcbcb; border-top: 1px solid #7c7c7c}
input.radio{display:block;float:left;margin:1px 5px 5px 0;padding:0;}
input.button{display:block;float:right;width:auto;background:#a4b1c1;border:0;color:#FFF;}
select{width:100%;}
.short{width:50% !important;}

.item form {padding: 0;}
	/*.item input.text{width:23em;padding:2px 3px;border:1px solid #cbcbcb;}*/
	.item select{width:24em;}

/*form img {position: absolute; left: 0; top: 30px;}*/

.button-right{float:right;}

input.submit{border:2px solid #999;background:#fff;width:auto;cursor:pointer;}

/*#header form{padding:0;margin:0 0 0 5px;}*/

#fUpdates .label {float: right; width: auto; margin-right: 20px;}
#fUpdates .input {float: left;}

.warnEmpty{display:none;}
.warn{clear:both;display:block;color:#f00;}



.highlight{color:#F00;}
.highlight a {color:#F00;}
.hide{display:none;}
.hidden{position:absolute;left:-500px;top:-500px;width:100px;}

/*POPUP HELP*/
.helpbutton{float:left;width:auto;padding:1px 4px;text-transform:uppercase;text-decoration:none;font-size:0.91em;margin:1.6em 0 0 20px;border:1px solid #cdcdcd;background:#FFF;color:#999;}
.helpbutton:hover{color:white !important;background:#999; text-decoration:none;}


.help{position:absolute;top:1.4em;right:0;width:30%;background:white;border:1px solid #cdcdcd;padding:0 0 5px 0;z-index: 10;}
.field-alt .help{position:absolute;right:0;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;}
.help h3 {}
.help h3, .help p{margin:5px 0 0 10px;font-size:1em;padding:0; width: auto;}
.help h3{font-weight:bold;}
.help ul, .help li{list-style-type:none;margin:0;padding:0;background:none; float:right;}
.help a{display:block;margin:0px 10px 0 5px;padding:1px 10px 5px 0;text-transform:uppercase;font-size:0.91em;text-decoration:none;border:0px;color: #ff0000;}
.help a:hover{color: #ff0000; text-decoration:underline;}

/*NON_JS HELP*/
#help{margin:12px;border-top:1px solid #CCBEA3;}
#help div{margin:0 0 15px 0;}
#help h2{margin:10px 0 10px 0;}
#help h3 span, .help h3 span, .error h3 span{background:url(../images/help-title-bg.gif) center right no-repeat;display:block;float:left;width:auto;padding:0 7px 0 0;margin:0 5px 0 0;}
#help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;}
#help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;}
#help p{margin:0 0 5px 0;}



/* SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}


/* NAVIGATION */

/*#navigation li:hover a{background-image: none;}
	#navigation ul li ul {width:163px;padding: 1em 0;}
		#navigation ul ul ul {position: absolute; left: 163px; top: -2em; padding-top: 2em; border-left: none; font-size: 1em;}
	#navigation ul li:hover, #navigation ul li.sfhover {background-image: url(../images/bg-nav-li2.gif);}
	#navigation ul li ul li:hover, #navigation ul li ul li.sfhover {background: url(../images/bg-nav-li-li-hover.gif) 15px top no-repeat; padding-top: 5px;}
	#navigation ul li ul li:hover a, #navigation ul li ul li.sfhover a {background: url(../images/bg-nav-li-li-a-hover.gif) 15px bottom no-repeat; padding-top: 0;}
	#navigation ul li:hover ul li ul li, #navigation ul li.sfhover ul li ul li{background-image: none; padding-top: 0;}
		#navigation ul li:hover ul li ul li a, #navigation ul li.sfhover ul li ul li a {background-image: none;padding-top: 5px;}
	#navigation ul li:hover ul, #navigation ul li.sfhover ul {display: block; float:left;}
	#navigation ul li:hover ul ul, #navigation ul li.sfhover ul ul {display: none;width: 400px; background-color: #cacd4c5;}
	#navigation li ul li:hover ul, #navigation li ul li.sfhover ul {display: block;float:left;}
	*/

#navigation{clear: right;margin:0;font-weight:bold;padding-top:69px;}
	#navigation ul{list-style-type:none;margin:0 0 0 -8px;padding:0;width:880px;position:absolute;left:3px;}
	#navigation ul li{float:left;display:inline;margin:0 0 0 8px;padding:0;width:138px;height:21px;float:left;text-align:center;background: url(../images/nav-button.png) left top no-repeat;}

	#navigation ul li:hover{background: url(../images/nav-button-over.png) left top no-repeat;}
	#navigation ul li.first {margin-left:0;}
	#navigation ul li a{height:21px;outline:0;display:block;width:auto;text-align:center;text-decoration:none;margin:0;padding:4px 0;line-height:1em;color:#010101;text-transform:uppercase;}		
		
	#navigation ul li a:hover{color:#d56124;}
	#navigation ul li a.selected{color:#d56124;}
	
	#navigation ul ul {background-color: #fff; display: none; position: absolute; top: 21px; left: 0; border-style: none solid solid; border-width: 1px; border-color: #b4b4b4; font-size: 0.9em;margin:0px;width:auto;}
	#navigation li li, #navigation li.sfhover li {background-image: none;margin: 0; height: auto; width: auto;}
	#navigation li li a, #navigation li.sfhover li a {background-image: none; text-align: left; width: 128px; height: auto; padding-right: 4px; padding-left: 4px; text-transform: none;}
	
	#navigation li {position:relative;}
		#navigation ul ul ul {border-left:none;font-size:1em;}
	#navigation ul li ul li a:hover{color:#D56124;}
	
	#navigation ul li:hover ul{display:block;}
	
/* SECONDARY NAVIGATION */
#secondary-nav {margin-top: 7px;}
	#secondary-nav ul {list-style-type: none;}
	#secondary-nav li {background: url(../images/bg-sec-nav.gif) left top no-repeat;}
	#secondary-nav li .secContent {background: url(../images/bg-sec-nav-sub-first.gif) left top no-repeat #66727b;}
	#secondary-nav li .secContent .productList div {background: url(../images/bg-sec-nav-sub-last.gif) left top repeat-x #737e86; padding-bottom: 15px; position: relative; min-height: 160px;}
	#secondary-nav li .secContent .productList div.first {background: none; padding-bottom: 0; min-height:0px;}
	#secondary-nav li .secContent p {margin: 0; color: white; padding: 17px 17px 14px 24px; font-size: 1.2em; z-index:10; position: relative;}
	#secondary-nav li .secContent a {margin: 0; padding: 0 17px 0 24px; font-size: 1em; background:url(../images/arrow-sec-nav.gif) no-repeat right; color: #fff;}
	#secondary-nav li .secContent a.botAlign {position: absolute; bottom: 10px; background-position: 100% 25%;}
	#secondary-nav li .secContent .productList div .bgImage {position: absolute; top:30px; left:0; z-index: 2;}
	
	#secondary-nav li h2 {padding-left: 10px; color: #fff; display: block; min-height: 27px; padding-top: 13px;font-size: 1.3em; line-height: 1em;}
	#secondary-nav li h2 {cursor:pointer;}
	
	#secondary-nav ul ul {padding-top: 6px;}
		
		#secondary-nav li ul li:first-child {margin-top: 0;}
		
		#secondary-nav li li {margin: 7px 0 7px 3px !important; background: none;}
			#secondary-nav li li a {background-image: none !important; background-color: transparent !important; min-height: 0 !important; padding-left: 7px !important; padding-top: 0 !important; font-size: 1.1em !important;line-height:1.2em !important;}
			#secondary-nav li li.selected {background: url(../images/bg-sec-nav-products-sub-selected-bottom.gif) left bottom no-repeat;}
			#secondary-nav li li.selected a {background: url(../images/bg-sec-nav-products-sub-selected-top.gif) left top no-repeat !important; display:block; padding: 5px 0 5px 7px !important;color: #238fba;}
			
		#secondary-nav li#products ul {background: #008cb3 url(../images/bg-sec-nav-products-sub.gif) left top no-repeat;}
		#secondary-nav li#offers ul {background: #4a4c4d url(../images/bg-sec-nav-offers-sub.gif) left top no-repeat;}
		#secondary-nav li#stockist ul {background: #cca901 url(../images/bg-sec-nav-stockist-sub.gif) left top no-repeat;}
		#secondary-nav li#reviews ul {background: #508200 url(../images/bg-sec-nav-reviews-sub.gif) left top no-repeat;}
		#secondary-nav li#recipes ul {background: url(../images/bg-sec-nav-recipes-sub.gif) left top no-repeat;}
		#secondary-nav li.expanded ul {min-height: 374px !important;} /*expanded class used when this item is "open"*/



/* BREADCRUMB */
#breadcrumb{margin:7px 0 20px 0; width: 629px; float: left;padding:0;background: #e5e5e5 url(../images/bg-breadcrumb.gif) right top no-repeat;}
	#breadcrumb ol{list-style-type:none;margin:0;padding:0;}
	#breadcrumb ol li{display:block;float: left;margin:0;padding:0 0 0 10px;font-weight:bold;line-height: 1.75em;font-size: 0.94em; font-weight:normal;color: #000; text-transform: uppercase; width: auto; background: none;white-space: nowrap;}
	#breadcrumb ol li a{display:block;width:auto;padding:0 20px 0 0;background:url(../images/breadcrumb-arrow.gif) center right no-repeat;font-weight:normal;color: #000; text-transform: uppercase; }
	#breadcrumb ol li#home, #breadcrumb ol li#home a {padding: 0;}  
		#breadcrumb ol li#home a {background-image: none;}
		

	
/* HOMEPAGE */
.products {margin-top: 28px;}
.products .item{float:left;width:193px; padding: 0; margin-left: 24px; color:#758ba6;background: url(../images/bg-item.gif) left top repeat-y; overflow:hidden;}
.products .first {margin-left: 0;}
	.products .item .content{min-height: 142px;position: relative;}

	.products #range .content{}
	.products #offers .content{}
	.products #stockists .content{}
	.products .item .content .title {text-align:center;position:relative;}
	.products .item .content .promotion{position:absolute; z-index:10; padding:0px 15px; width:163px;}
	/*.footer was commented out - JG uncommented 20/08/08*/
	.products .item .footer{background: #000 url(../images/bg-footer-top.gif) left top no-repeat;text-align:center; color: #fff;}
	.products .item .footer a{background: url(../images/bg-footer-bottom.gif) left bottom no-repeat;display:block;color: #fff;min-height: 24px; padding-top: 7px; font-size: 1.2em;font-weight: normal; }
	
	.products .text {width: 75% !important;}
	.products label {font-weight: normal; margin: 20px 0;}
	.products form {margin: 0 25px;background: url(../images/icon-target.gif) 93% 95% no-repeat;}
	

  
/* PRODUCT PAGE */
img.large {margin-bottom: 1em;}
.gallery{}
	.gallery li {float: left; margin-left: 8px; background-image: none;padding-left: 0 !important;margin-bottom: 10px;}
	.gallery li.first {margin-left: 0;}
	
.colours {}
	.colours li {background: url(../images/colour-shadow.gif) no-repeat top left; float: left; display: block; width: 21px; height: 21px; padding:0 3px 0 0 !important; margin:0; text-align: left;}
	.colours li div {height: 18px; width: 18px; margin:1px 0 0 2px; padding:0; text-align: left;}
	.colours li div span {position: absolute; left: -5000px;}
	
.productImages img {display:inline;}
.sendtoafriendContainer{background:#ff7000 url(../images/btn-send-friend_bg_l.gif) no-repeat top left;min-height:20px;width:auto;padding-left:7px;float:left;}
.sendtoafriend {font-size:1.2em;padding:1px 15px 0 0;display:block;min-height:20px;width:auto;/*text-indent:-9999px;*/background:#ff7000 url(../images/btn-send-friend_bg_r.gif) no-repeat top right;color:#FFF;}

.related-products h2{background:#E7E7E7 url(../images/bg-h2.gif) 10px 7px no-repeat;color:Black;font-size:1em;padding:5px 10px 5px 27px;}
.related-products h2 a{display:block;color:#FFF;}
.related-products h2 a:hover{color:#FFF !important;}
.related-products .products{padding:5px 0 25px 0;}
.related-products .products .item{width:100px; display: block; padding:0px 0px 0px 0px;margin:0 5px 0 5px;background:url(../images/bg-dots-alt.gif) top left repeat-y;text-align:center;}
.related-products .products .item a img {padding: 0 5px; margin-left: 1px;}
.related-products .products .item p {padding: 0 5px; width: 90px;}
.related-products .products .first {padding:0;margin:0 0 0 5px;background:transparent;}
.related-products .products .item a.more {width: 90px;}
.related-products .products img {position: relative;}

.attachments h2{background:#E7E7E7 url(../images/bg-h2.gif) 10px 7px no-repeat;color:Black;font-size:1em;padding:5px 10px 5px 27px;}
.attachments h2 a{display:block;color:#FFF;}
.attachments h2 a:hover{color:#FFF !important;}
.attachments .products{padding:5px 0 25px 0;}
.attachments .products .item{width:100px;padding:0 0 0 0px;margin:0 5px 0 5px;background:url(../images/bg-dots-alt.gif) top left repeat-y;text-align:center;}
.attachments .products .item a img {padding: 0 5px; margin-left: 1px;}
.attachments .products .item p {padding: 0 5px; width: 90px;}
.attachments .products .first{padding:0;margin:0 0 0 5px;background:transparent;}
.attachments .products .item a.more {width: 90px;}
.attachments .products img {position: relative;}


/* PRODUCT CATEGORY PAGE */
ul.product-range {list-style-type: none;}
	.product-range li {float: left;display:block; background-image: none; width: 202px;margin-left: 5px; padding-left: 0 !important; position:relative;}
	.product-range li.first {margin-left: 0;}
	.product-range img {position:absolute; bottom:35px;}
	.product-range .product-text {position:absolute; bottom:10px; text-align:center; width:200px;}
	.product-range a {float:left;text-decoration: none !important;display: block;height: 120px; width:200px; border: 1px solid #fff; margin-bottom: 5px;}
	.product-range a:hover, .product-range a.selected {border: 1px solid #e5e5e5;}
	

/* RETAILER SEARCH RESULTS PAGE */
#srchResults {margin-top:20px;}
#srchResults .srchResultItem{width:188px;float:left;margin:0 9px 9px 0; border:1px solid #CCC;padding:5px;}
#srchResults .srchResultAddress{min-height:75px;}
#srchResults .srchRetailer{font-weight:bold;}
#srchResults .srchAdd1, .srchAdd2{}
#srchResults .srchTel{}
#srchResults .srchLocation{margin-top:0.5em;clear:left;}
#srchResults .clear{clear:both;width:100%;height:1px;line-height:1px;overflow:hidden;}
#srchResults ul.StoreFeatures {clear:both;}
#srchResults ul.StoreFeatures li{list-style-type:none;float:left;width:30px;display:inline;background:0;padding:0 0 3px;margin:0;}
ul.searchStoreFeatures{float:left;width:100%;margin:0;padding:0;}
ul.searchStoreFeatures li{background:transparent;float:left;width:195px;font-size:0.8em;padding:0 0 0.3em 0;margin:0;}
ul.searchStoreFeatures li img{display:inline;margin-bottom:-3px;}	
#searchBox{width:100%;float:left;background: url(../images/bg-panel_wide.gif) no-repeat top left;margin-bottom:1em;}
#searchBox #padding{padding:1em;}
.btnSearch{clear:both;float:left;width:auto;margin:0 1em 1em;}
	
/* IMAGES */
.feature {margin-bottom: 1em;}


/* HIGHLIGHT BOXES */
.box-wrapper{}
	.box{background: url(../images/bg-box-top.gif) left top no-repeat;float:left;margin:0;padding:0;width:416px; margin-top: 10px;}
		.box .inner {border-bottom: 1px solid #ccc; margin: 1px 1px 0 1px;position:relative;z-index:10;/* */ min-height:157px; overflow:hidden;}
			.box img{position:absolute; top:0; right:0;z-index:10;}
			.box .content {position:relative; padding:15px 0px 15px 15px; min-height:127px;z-index:10;} 
			.box .gradient {background: url(../images/bg-box-gradient.png) left top repeat;}
			.box ul {list-style-type: none;}
				.box li {background-image: none;}
			.box h2{font-size: 2em; font-weight: normal;}
		
		.box.one {margin-right: 15px;}
			.box.one h2, .box.one a {font-weight: bold;}
			.box.one li a {background: url(../images/bg-a-colour3.gif) right center no-repeat; padding-right: 10px;}
		
		.box.two {}
			.box.two h2, .box.two a {}
			.box.two li a {background: url(../images/bg-a-colour3.gif) right center no-repeat; padding-right: 10px;}

/* PANELS */
.panel {width: 310px;background:  url(../images/bg-panel.gif) left top no-repeat; float: left; margin-bottom: 10px; position: relative;}
	.panel.even {float: right;}
	.panel .text {padding: 10px 0 0 12px; width: 156px; min-height: 109px; font-size: 0.94em;}
			.panel h2 {color: #000; font-size: 1.4em; margin-bottom: 0.3em;}
			.panel img {position: absolute; top: 0; right: 0;}
		.panel .footer {background: url(../images/bg-panel-footer.gif) left bottom no-repeat; width: 286px; min-height: 23px; padding: 8px 12px 0 12px;}
		.panel .footer a {color: #fff; background: url(../images/bg-panel-footer-a.gif) right center no-repeat; display: block;}
	
/* COLUMNS */
.cols {position: relative;}
.col-one {float:left;width:306px;}
.col-two {float:right;width:310px;}
.cols .more {position: absolute; bottom: 3px; left: 0;background: url(../images/bg-a-colour2.gif) right center no-repeat; padding-right: 10px; padding-bottom: 2px;}

/* two column */
.columns.two {position:relative;}
	.columns.two .col-one {float:left; width:48%}
	.columns.two .col-two {float:right; width:48%;}

/* five column */
.columns.five {}

/* promo items */
.columns.five .item {width:155px; float:left; margin-left:18px;}
.columns.five .item.first {margin:0;}

.columns .item .footer {background:#373737 url(../images/bg-button-black.gif) bottom left no-repeat;}
.columns .item .footer span {display:block; background:url(../images/bg-button-black.gif) top left no-repeat; text-align:center; padding:2px 0;}
.columns .item .footer a {display:block; color:#fff; font-size:1em; font-weight:bold; background:url(../images/arrow-right-small.gif) center right no-repeat; margin:0 10px;}

	
/* MISC */
.floatl {float:left;}
.floatr {float:right;}
	.floatl img {padding-right:10px;}
	.floatr img {padding-left:10px;}

/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}
.clearing {clear: both;}

.padding{padding:10px; clear: both;}

.banner{text-align:center;}
#content-alt .banner{margin:20px 0 20px 0;padding:0 0 0 10px;}

.offscreen {position: absolute; top: -500em; left: -500em;}



/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */

/* GOOGLE MAPS */
#map_canvas{margin:40px 0px 0px 0px;}
.gmls-app{top:-400px; left:-340px; position:absolute;}
.gmls-results-popup{display:none!important;}

/* IMAGE STYLES */
img.leftimg{float:left;margin:0 10px 10px 0;}
img.rightimg{float:right;margin:0 0 10px 10px;}
p.clearcontent{clear:both;}


/* EPISERVER XFORMS */
#id_matrix{}
#id_matrix td{border:0px;padding:5px 0;}
#id_matrix td legend{display:block;font-weight:bold;color:#545353;margin:0 0 5px 0;}
#id_matrix td label{display:inline;}
#id_matrix td input.text{display:block;width:90%;border:1px solid #abadb3;}
#id_matrix td select{display:block;width:90%;}
#id_matrix td textarea{display:block;width:88%;border:1px solid #abadb3;}
#id_matrix td fieldset label{display:block;float:left;width:60%;}
#id_matrix td fieldset input{float:left;display:block;width:20px;clear:left;margin:2px 5px 5px 0 !important;padding:0;}