/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:	Nick Watson
				Tom Fletcher-Jones
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: 62.5%;
	background-color: #6a6a6a;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#content p {
	margin: 1em 0;
	color: #757475;
}

a {
	color: #587E0D;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

form#filterspec input#submit {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	color: #FFF;
	background: #7EB50E;
	border: 1px solid #fff;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container{
	width: 859px;
	margin: 0 auto;

}
div#header{
	width: 859px;
	float: left;
	background-image: url(../i/layout/header-header.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	position: relative;
	z-index: 2
}
* html div#header{
	width: 859px;
	float: left;
	background-image: url(../i/layout/header-header.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
}
div#main{
	width: 859px;
	float: left;
	background-image: url(../i/layout/body-repeat.jpg);
	background-repeat: repeat-y;
	position: relative;
	z-index: 1;
}
div#footer{
	width: 859px;
	height: 128px;
	float: left;
	background-image: url(../i/layout/footer-footer.jpg);
	position: relative;
	z-index: 5;
}
div#content{
	float: left;
	width: 839px;
	margin-left: 4px;
	background-image: url(../i/layout/long-grad.jpg);
	background-repeat: repeat-x;
	padding:5px;
	padding-top: 10px;

	position: relative;
	z-index: 10;
}
* html div#content{
	float: left;
	width: 839px;
	margin-left: 2px;
	background-image: url(../i/layout/long-grad.jpg);
	background-repeat: repeat-x;
	padding:5px;
	padding-top: 10px;
}
div#left{
	float:left;	
	width: 660px;
}
div#right{
	float: left;
	width: 176px;
}
* html div#left{
	float:left;	
	width: 660px;

}
* html div#right{
	float: left;
	width: 175px;
}

a.pdf {
	padding: 2px 0px 3px 22px;
	background: url('../i/icons/pdf.gif') left center no-repeat;
}
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

a#home-contactus {
	display: block;
	float: right;
	width: 100px;
	margin-right: 25px;
	margin-top: 68px;
	height: 18px;
	text-indent: -999em;
	letter-spacing: 133px;
	position: relative;
	z-index: 99999;
}

div#header div.home-link{
	float: left;
	width: 281px;
	height: 102px;
	margin-left: 15px;
	margin-top: 14px;
}
* html div#header div.home-link{
	float: left;
	width: 281px;
	height: 102px;
	margin-left: 5px;
	margin-top: 14px;
}
div#header ul{
	float:left;
	width: 859px;
	height: 30px;
	background-image: url(../i/layout/nav-bg.jpg);
	background-repeat: repeat-x;	
}
* html div#header ul{
	float:left;
	width: 859px;
	height: 30px;
	background-image: url(../i/layout/nav-bg.jpg);
	background-repeat: repeat-x;	

}
div#header ul li{
	float: left;
	height: 30px;
	font-family: arial,sans-serif;
	color: #5d5757;

	font-weight: bold;
	letter-spacing: 0pt;

}

div#header ul li#nav-home a{ padding-left: 10px;}

div#header ul li#nav-login a{ background-image: none; padding-right: 0px;}

div#header ul li a{
	float: left;
	height: 27px;
	position: relative;
	z-index: 1000;
	background-image: url(../i/layout/nav-item-bevel.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 3px;	
	padding-left: 7px;
	padding-right: 7px;
	color: #5d5757;
}
div#header ul li a:hover{
	color: #6a9c09;
}
/***********************************************************************
	BODY ELEMENTS
************************************************************************/
div.big-image{
	float: left;
	width: 652px;
	height: 214px;
	border: 1px solid #d6d4d4;
	padding: 1px;
	background-color: #ffffff;
}
div.big-image a{
	float: left;
	background-image: url(../i/layout/big-image-grad.jpg)	;
	padding: 3px;
}
div.big-image a img{
	border: 1px solid #ffffff;
}
div.synopsis-box{
	float: left;
	width: 654px;
	margin-top: 5px;
}
div.synopsis-box ul{
	float: left;
	width: 654px;
	margin:0px;
	padding: 0px;
	background-color: #bbcf91;
	border: 1px solid #83b717;	
	height: 20px;
}
div.synopsis-box ul li{
	float: left;
	font-family: arial,sans-serif;
	letter-spacing: -0.4pt;
	word-spacing: 1.8pt;
	font-size: 1em;
}
div.synopsis-box ul li a{
	color: #567810;
	padding: 4px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #83b717;
}
div.synopsis-box ul li a:hover{
	background-color: #83b717;
	color: #fff;
}
div.synopsis-box ul li a.current{
	background-color: #83b717;
	color: #ffffff;
}
div.synopsis-box-content{
	width: 100%;
	border: 1px solid #d8d8d7;
	border-top: none;
	background-color: #ffffff;
	padding-top: 10px;
	font-size: 1.1em;
}
div.synopsis-box-content p{
	padding: 15px;
	padding-top: 0px;
	padding-bottom:0px;
	text-align: justify;
}
div.synopsis-box h1{
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
* html div.synopsis-box h1{
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 620px;
}
div#content h1{
	color: #6ea20a;
	font-size: 1.3em;
	font-weight: normal;	
}

div#content h2{
	color: #6ea20a;
	font-size: 1.2em;
	font-weight: normal;	
}

div.standard-box-content strong {
	color: #6ea20a;
	font-weight: bold;
}

div#content p{
	text-align: justify;
}
div.standard-box-content {
	font-size: 1.2em;
}
div.filter{
	float: left;	
	width: 656px;
	margin-top: 5px;
	background: #8EB715 url('../i/layout/greenbg.jpg') top repeat-x;
}

div.filter form {
	padding: 10px;
	color: #FFF;
	font-size: 1.5em;
	width: 465px;
	float: left;
}
div.filter a.feeder {
	color: #FFF;
	float: right;
	font-weight: bold;
	width: 162px;
	height: 42px;
	display: block;
	text-indent: -999em;
	letter-spacing: 133px;
	background: url('../i/layout/subsc.jpg') no-repeat;
}
div.filter label {
	float: left;
	width: 25%;
}
div.filter input {
	float: left;
	margin-left: 10px;
	width: 150px;
	background: #E0F7AC;
	border: 1px solid #5B7D0C;
}
div.filter form fieldset div input.sub {
	height: 22px;
	width: 100px;
	background: #5B7D0C;
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px;
}
div.standard-box{
	float: left;	
	width: 654px;
	margin-top: 5px;
}
div.standard-box-header{
	float: left;
	width: 654px;
	height: 28px;
	background-image: url(../i/layout/body-box-header.jpg);
	background-repeat: no-repeat;
	border: 1px solid #d8d8d7;
	border-bottom: none;
}
div.standard-box-footer{
	float: left;
	width: 654px;
	height: 28px;
	background-image: url(../i/layout/body-box-header.jpg);
	background-repeat: no-repeat;
	border: 1px solid #d8d8d7;
	border-top: none;
	border-bottom: none;
}
div.standard-box-content{
	float: left;
	width: 624px;

	background-color: #ffffff;
	border: 1px solid #d8d8d7;	
	border-top: none;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
}

div#content div.standard-box-header h1{
	margin-left: 15px;
	color: #495701;
	font-family: arial,sans-serif;
	letter-spacing: -0.4pt;
	word-spacing: 1.8pt;
	font-size: 1.3em;
	margin-top: 5px;
	width: 80%;
	float: left;
}
* html div#content div.standard-box-header h1{
	margin-left: 7px;
	color: #495701;
	font-family: arial,sans-serif;
	letter-spacing: -0.4pt;
	word-spacing: 1.8pt;
	font-size: 1.1em;
	margin-top: 5px;
	width: 80%;
	float: left;
}


div.right-panel{
	border: 1px solid #d6d4d4;
	padding: 1px;
	background-color: #ffffff;
	width: 175px;
	margin-bottom: 5px;
	float: left;
}
div.xmas-panel{
	background-color: #ffffff;
	width: 175px;
	margin-bottom: 5px;
	float: left;
}
div.green{
	float: left;
	width: 100%;
	background-color: #7eb50e;
	padding-bottom: 5px;
}
div.grad{
	position: relative;
	display: block;
	width: 100%;
	background-image: url(../i/layout/right-grad.jpg);
	background-repeat: repeat-x;
	background-color: #f3f3f3;
	padding-bottom:5px;
	font-size: 1.2em;
}

div#right div.right-panel div.green h1.green-h1{
	color: #ffffff;
	font-family: arial,sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0pt;
	word-spacing: -0.2pt; 
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-image: url(../i/layout/bullett.jpg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	margin-left: 10px;
	float: left;
	clear: both;
	width: 140px;
}
* html div#right div.right-panel div.green h1.green-h1{
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 140px;
}

div.green select{
	width: 150px;
	margin-left: 10px;
	float: left;
	clear: both;
}
div.green form{
	float:left;
}

div.green-hr{
	width: 150px;
	float: left;
	margin-left: 10px;
	border-top: 1px solid #acdf43;
	height: 1px;
	background-color: #689114;
	margin-top: 10px;
}
* html div.green-hr{
	width: 150px;
	float: left;
	margin-left: 5px;
	border-top: 1px solid #acdf43;
	height: 2px;
	background-color: #689114;
	margin-top: 10px;
	font-size: 0;
}

div.join-image{
	float: left;
	width: 152px;
	height: 45px;
	background-image: url(../i/layout/join-green-image.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
}
* html div.join-image{
	float: left;
	width: 152px;
	height: 45px;
	background-image: url(../i/layout/join-green-image.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
}

div#right div.green p{
	float: left;
	padding-left: 10px;
	padding-right: 11px;
	font-family: arial,sans-serif;
	color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0pt;
	word-spacing: 0pt;
}
div#content div#right div.green p a{
	color: #fff;
	text-decoration: underline;
}
div#content div#right div.green p a:hover{
	color: #cccccc;
	text-decoration: none;
}

div#content div#right div.grad h1{
	font-family: arial,sans-serif;
	color: #525252;
	font-size: 1.1em;
	letter-spacing: 0pt;
	word-spacing: -0.8pt;
	text-transform: uppercase;
	padding: 10px;
}
div#content div#right div.grad h2{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #485600;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0pt;
	word-spacing: -0.8pt;
	padding: 10px;
	padding-bottom: 0px;
	float: left;
}
div#content div#right div.grad h3{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #757475;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 0pt;
	word-spacing: -0.8pt;
	padding-left: 10px;
	float: left;
	font-style: italic;
	padding-bottom:0px;
}
div#content div#right div.grad p.ofweek{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #757475;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 0pt;
	word-spacing: -0.8pt;
	padding-left: 10px;
	padding-top:0px;
	float: left;
	margin:0px;
	margin-top:5px;
	text-align: justify;
	padding-right: 10px;
}
div#content div#right div.grad p.gallery-p{
	width: 150px;
	float: left;
	padding-top:0px;
	font-size: 1.1em;
	padding-bottom:0px;
	margin:0px;
}
div#content div#right div.grad a{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5a7f11;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: 0pt;
	word-spacing: -0.8pt;
	padding-left: 10px;
	padding-top:0px;
	float: left;
	margin:0px;
	margin-top:5px;
	text-align: justify;
	width: 80%;
}
div#content div#right div.grad a:hover{
	color: #666666;
}

div.grad div.plant-of-week-img{
	float: left;
	width: 175px;
	height: 135px;
	background-image: url(../i/layout/plant-of-week.jpg);
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div.grad div.plant-of-week-img a{
	float: left;
	width: 175px;
	height: 135px;
}

div#content div#right div.right-panel div.grad a.gallery-thumbs{
	position: relative;
	display: block;
	width: 69px;
	height: 69px;
	border: 1px solid #c5db57;	
	margin-left: 10px;
	text-indent: -999em;
	padding:0px;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
}
div#content div#right div.right-panel div.grad a.gallery-thumbs:hover{
	alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	filter: alpha(opacity=50);
	
}

div.thumb-img{
	float: left;
	width: 77px;
	height: 77px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 	margin-left: 10px;
	margin-bottom: 10px;
}
* html div.thumb-img{
	float: left;
	width: 77px;
	height: 77px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 	margin-left: 5px;
	margin-bottom: 10px;
}
div.thumb-img a{
	float: left;
	width: 77px;
	height: 77px;
	text-indent: -999em;
	border: 1px solid #C5DB57;
	background-color: #fff;
}
div.thumb-img a:hover{
	float: left;
	width: 77px;
	height: 77px;
	text-indent: -999em;
	border: 1px solid #C5DB57;
	background-color: #fff;
	alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	border: 1px solid #999;
}

a.feeds{
	float: left;
	background-image: url(../i/layout/feed.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
	margin-top:6px;
	margin-left: 15px;
	color: #757475;
	font-size: 1.2em;
}
a.archive{
	float: left;
	background-image: url(../i/layout/news-icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
	margin-top:6px;
	margin-left: 15px;
	color: #757475;
	font-size: 1.2em;
}
a.feeds:hover{
	color: #7EB50F;
}
a.archive:hover{
	color: #7EB50F;
}
div.home-news-item{
	float: left;
	padding-bottom: 10px;
}

div#content div#left div.standard-box div.standard-box-content div.home-news-item h1{
	color: #6a791b;
	font-weight: bold;	
	font-size: 1.2em;
	padding:0px;
	margin:0px;
}
div#content div#left div.standard-box div.standard-box-content div.home-news-item p{
		padding:0px;
	margin:0px;
}
div#content div#left div.standard-box div.standard-box-content div.home-news-item a{
	color: #ff0000;
	font-weight: normal;
	font-size: 1em;
	padding:0px;
	margin:0px;
}
div.news-hr{
	width: 100%;
	float: left;
	border-top: 1px solid ##FEFEFE;
	height: 1px;
	background-color: #D5D5D5;
}
a.more-news{
	float:right;
	color: #77ad0e;
	padding: 4px;
	font-size: 1.2em;
	padding-right: 10px;
}
a.more-news:hover{
	color: #666;
}

div.schemes-gallery{
	position: relative;
	display: block;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}
* html div.schemes-gallery{
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	padding-bottom: 40px;
}
a.schemes-thumb{
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #77ad0f;
}
a.schemes-thumb:hover{
	border: 1px solid #77ad0f;
	alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	filter: alpha(opacity=50);
}
* html a.schemes-thumb{
	float: left;
	width: 90px;
	height: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #77ad0f;
}
* html a.schemes-thumb:hover{
	border: 1px solid #77ad0f;
	margin:0px;
	width: 90px;
	height: 90px;
	alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	filter: alpha(opacity=50);
}
div.standard-box-header h1 a:hover {
	color: #666666;
}

div#content div.standard-box-content h1 {
	font-size: 1.5em;
	font-weight: bold;
}

div#content div.standard-box-content ul {
	margin-bottom: 15px;
	list-style: circle;
	margin-left: 25px;
	font-size: 1.2em;
	color: #757475;
}

div#containersliders {
	background: #FFF;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #bababa;
}
div#containersliders p{
	position: relative;
}
div#containersliders h1{
	position: relative;
}
div.slider-wrapper{
	float: left;
	width: 100%;
}
div#containersliders  div.slider-wrapper div.formel input{
	width: 30px;
}
div#containersliders  div.slider-wrapper div.formel label{
	width: 75px;
}
div.slider {
	width: 300px;
	margin-right: 20px;
	background: url('../i/layout/rangescale.gif');
	background-position: top left;
	background-repeat: no-repeat;

	height: 30px;
	padding-top: 20px;
	position: relative;
	float: left;
}

div.slider div.handle {
	width: 10px;
	height:15px;
	cursor: e-resize;
	position: absolute;
	z-index: 2;
}

div#square_slider_handle_min, div#square_slider_handle_min2, div#square_slider_handle_min3 {
	background: url('../i/layout/leftar.gif') left no-repeat;
	margin-left: -9px;
}

div#square_slider_handle_max, div#square_slider_handle_max2, div#square_slider_handle_max3 {
	background: url('../i/layout/rightar.gif');
	margin-left: 9px;
}

div#square_slider_span, div#square_slider_span2, div#square_slider_span3 {
	background: #5c7445;
	height: 20px;
	position: relative;
	padding-right: 8px;
	z-index: 1;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}

div#filtercontainers {
	background-image: url(../i/layout/right-grad.jpg);
	background-repeat: repeat-x;
	border: 1px solid #bababa;
	color: #000;
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 10px;
}
div#filtercontainers h1{
	color: #525252;
}
div.filter-button {
	background-image: url(../i/layout/right-grad.jpg);
	background-repeat: repeat-x;
	border: 1px solid #bababa;
	color: #000;
	font-size: 1.4em;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 10px;
}
div.filter-button a{
	display: block;
	width: 100%;
	height: 100%;
	color: #525252;
	background-image: url(../i/icons/down.gif);
	background-repeat: no-repeat;
	background-position: 70% 3px;
}
div.filter-button a:hover{
color: inherit;
}
div#filtercontainers form fieldset div.formel {
	float: left;
	clear: none;
}
#pri fieldset select{margin:14px;}
#pri {margin-left:20px};
.selectbox
{
behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

div#filtercontainers form fieldset input, div#filtercontainers form fieldset select {
	width: 183px;
	float: left;
	border: 1px solid #bababa;
	background: #EAF4DD;
}
/*******************/
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.leftcol div.formel select{
	width: 250px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.leftcol div.formel input{
	width: 246px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.leftcol div.formel label{
	width: 90px;
}
/*******************/
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.rightcol div.formel select{
	width: 145px;
}

div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.rightcol div.formel label{
	width: 75px;
}
/*******************/
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.widecol div.formel select{
	width: 253px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.widecol div.formel input{
	width: 250px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.widecol div.formel label{
	width: 150px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.leftcol-morelabel div.formel select{
	width: 150px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.leftcol-morelabel div.formel input{
	width: 146px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.leftcol-morelabel div.formel label{
	width:150px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.rightcol-morelabel div.formel select{
	width: 100px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.rightcol-morelabel div.formel input{
	width: 146px;
}
div.standard-box div.standard-box-content div#filtercontainers form fieldset div.bothcols div.rightcol-morelabel div.formel label{
	width:150px;
}
/******************/

ul#contact-tabs li {
	list-style: none;
	float: left;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #7EB50E;
}

ul#contact-tabs li:hover, 
ul#contact-tabs li.active {
	background: #7EB50E;
}

ul#contact-tabs li:hover a, 
ul#contact-tabs li.active a {
	color: #FFF;
}

div#filtercontainers form fieldset label {
	float: left;
	text-align: left;
}

div#filtercontainers p {
	color: #000;
}

div.leftcol {
	float: left;
	width: 360px;
	clear: none;
	margin-right: 2px;
}

div.rightcol {
	float: left; 
	width: 240px;
	clear: none;
}
div.rightcol-morelabel {
	float: left; 
	width: 270px;
	clear: none;

}
div.widecol {
	float: left;
	width: 600px;
	clear: none;
	margin-right: 2px;
}
div.leftcol-morelabel {
	float: left;
	width: 330px;
	clear: none;
	margin-right: 2px;
}

div.rightcol-even {
	float: left; 
	width: 300px;
	clear: none;
}
a#moreoptions {
	background: #FFF;
	padding: 10px;
	display: block;
	border: 1px solid #bababa;
	background-image: url(../i/icons/down.gif);
	background-repeat: no-repeat;
	background-position: 97% 12px;
}

div#flashmap {
	float: left;
	margin-right: 10px;
}

div#branches-map {
	float: left;
	width: 330px;
}

div#branch-list {
	display: none;
}

div#gallery img {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

div#pagination ul li {
	float: left;
	list-style: none;
}


div.pagination{
	float: left;
	background-image: url(../i/layout/right-grad.jpg);
	background-repeat: repeat-x;
	border: 1px solid #bababa;
	width: 98.5%;
	padding:4px;
	margin-right: 10px;
}
* html div.pagination{
	margin-right: 0px;
	width: 98.5%;

}
div#left div.standard-box div.standard-box-content div.pagination ul{
	padding: 0px;
	margin:0px;	
}
div.pagination ul li{
	float: left;
	margin:0px;
	margin:1px;
}
div.pagination ul li a{
	background-image: url(../i/layout/pag1.jpg);
	background-repeat: repeat-x;
	color: #fff;
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;

}
div.pagination ul li a:hover{
	background-color: #7EB50E;
	background-image: url(../i/layout/pag2.jpg);
	background-repeat: repeat-x;
	color: #000
}
div.pagination span{
	float: left;
	color: #666;
	margin-right: 5px;
}

/***********************************************************************
	ICONS
************************************************************************/

.iasterisk { padding-left: 25px; background: url('../i/icons/asterisk.gif') no-repeat; }
.iaward { padding-left: 25px; background: url('../i/icons/award.gif') no-repeat; }
.ibell { padding-left: 25px; background: url('../i/icons/bell.gif') no-repeat; }
.icamera { padding-left: 25px; background: url('../i/icons/camera.gif') no-repeat; }
.icart { padding-left: 25px; background: url('../i/icons/cart.gif') no-repeat; }
.icd { padding-left: 25px; background: url('../i/icons/cd.gif') no-repeat; }
.ichart { padding-left: 25px; background: url('../i/icons/chart.gif') no-repeat; }
.iclock { padding-left: 25px; background: url('../i/icons/clock.gif') no-repeat; }
.icoins { padding-left: 25px; background: url('../i/icons/coins.gif') no-repeat; }
.icomments { padding-left: 25px; background: url('../i/icons/comments.gif') no-repeat; }
.icomputer { padding-left: 25px; background: url('../i/icons/computer.gif') no-repeat; }
.icontroller { padding-left: 25px; background: url('../i/icons/controller.gif') no-repeat; }
.idate { padding-left: 25px; background: url('../i/icons/date.gif') no-repeat; }
.idrink { padding-left: 25px; background: url('../i/icons/drink.gif') no-repeat; }
.iemail { padding-left: 25px; background: url('../i/icons/email.gif') no-repeat; }
.ismile { padding-left: 25px; background: url('../i/icons/smile.gif') no-repeat; }
.isad { padding-left: 25px; background: url('../i/icons/sad.gif') no-repeat; }
.ierror { padding-left: 25px; background: url('../i/icons/error.gif') no-repeat; }
.ifeed { padding-left: 25px; background: url('../i/icons/feed.gif') no-repeat; }
.ifemale { padding-left: 25px; background: url('../i/icons/female.gif') no-repeat; }
.ifilm { padding-left: 25px; background: url('../i/icons/film.gif') no-repeat; }
.igroup { padding-left: 25px; background: url('../i/icons/group.gif') no-repeat; }
.iheart { padding-left: 25px; background: url('../i/icons/heart.gif') no-repeat; }
.iimage { padding-left: 25px; background: url('../i/icons/image.gif') no-repeat; }
.ipodcast { padding-left: 25px; background: url('../i/icons/podcast.gif') no-repeat; }
.ijournal { padding-left: 25px; background: url('../i/icons/journal.gif') no-repeat; }
.ilock { padding-left: 25px; background: url('../i/icons/lock.gif') no-repeat; }
.imale { padding-left: 25px; background: url('../i/icons/male.gif') no-repeat; }
.imusic { padding-left: 25px; background: url('../i/icons/music.gif') no-repeat; }
.inew { padding-left: 25px; background: url('../i/icons/new.gif') no-repeat; }
.inewspaper { padding-left: 25px; background: url('../i/icons/newspaper.gif') no-repeat; }
.ipage { padding-left: 25px; background: url('../i/icons/page.gif') no-repeat; }
.iphone { padding-left: 25px; background: url('../i/icons/phone.gif') no-repeat; }
.ipicture { padding-left: 25px; background: url('../i/icons/picture.gif') no-repeat; }
.ipress { padding-left: 25px; background: url('../i/icons/press.gif') no-repeat; }
.ireport { padding-left: 25px; background: url('../i/icons/report.gif') no-repeat; }
.irss { padding-left: 25px; background: url('../i/icons/rss.gif') no-repeat; }
.istar { padding-left: 25px; background: url('../i/icons/star.gif') no-repeat; }
.itelevision { padding-left: 25px; background: url('../i/icons/television.gif') no-repeat; }
.itime { padding-left: 25px; background: url('../i/icons/time.gif') no-repeat; }
.iweather { padding-left: 25px; background: url('../i/icons/weather.gif') no-repeat; }
.iworld { padding-left: 25px; background: url('../i/icons/world.gif') no-repeat; }

div.med-news {
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
	float: left;
}

div.med-news h2 {
	color: #587E0D;
	font-size: 1.7em;
	font-weight: normal;
}
div.med-news span.date {
	color: #587E0D;
	padding-bottom: 5px;
}
* html div.med-news span.date {
	color: #587E0D;
	padding-bottom: 5px;
	padding-left:20px;
}

img.news-image {
	float: right;
	clear: right;
	margin-right: 10px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
* html img.news-image {
	float: right;
	clear: right;
	margin-right: 10px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
}
div.resultpag {
	float: left;
	margin-bottom: 10px;
	font-size: 1.8em;
	padding-bottom: 5px;
	width: 100%;
	border-bottom: 1px dashed #CCC;
}

div.resultpag span {
	float: left;
	color: #BBB;
}

ul.tablePaginater {
	float: left;
}

ul.tablePaginater li {
	float: left;
	margin-left: 5px;
	list-style: none;
}

ul.tablePaginater li.currentPage a {
	color: #AAFF2D;
	font-weight: bold;
}

div.file-link {
	margin: 10px;
	padding-left: 25px;
	padding-bottom: 5px;
	font-size: 1.3em;
	background: url('../i/icons/page.gif') no-repeat;
	border-bottom: 1px dashed #CCC;
}

div.brochure-holder {
	border-bottom: 1px dashed #CCC;
	margin: 0px 0px 10px 0px;
}

a#showmorelink {
	display: block;
	font-size: 1.8em;
	margin: 10px;
	padding: 10px;
	padding-left: 20px;
	background: #E0F7AC;
	border: 1px dashed #587E0D;
}

p.pr a {
	padding-left: 25px;
	font-size: 1.2em;
	background: url('../i/icons/back.gif') no-repeat;
}

p.fd a {
	padding-left: 25px;
	font-size: 1.2em;
	background: url('../i/icons/feed.gif') no-repeat;
}

div.tooltip{
	padding: 15px;
	font-size: 1.5em;
	border: 1px solid #5B7D0C;
	background: #E0F7AC;
	color: #003300;
	z-index: 99999;
}
div.gallery-wrapper{
	padding-top: 10px;
}

div.gallery-item {
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	display: block;
	float: left;
}
* html div.gallery-item {
	margin-bottom: 8px;
	margin-left: 8px;
	float: left;
}
div.gallery-item a.gallery-link{
	display: block;
	position: relative;
	width: 90px;
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -999em;
	border: 1px solid #C5DB57;
	background-color: #fff;

}
div.gallery-item a.gallery-link:hover{
	alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	border: 1px solid #999;

}

/***********************************************************************
	NAVIGATION
************************************************************************/
div#header ul li ul li{
	float: none;
}
div#container div#header ul#nav{
	position: relative;
	z-index: 999;
}
div#container div#header ul#nav li{
	position: relative;
		z-index: 999;
}
div#container div#header ul#nav li ul{
	position: absolute;
	top:0;
	z-index: 999;
	width:142px;
	padding-top: 30px;
	margin-left: -1px;
	background-image: none;
	float: none;
	clear: both;
	height: auto;
	border: 1px solid #83B717;
	border-right: none;
	border-top: 0px;
	border-bottom: 0px;
	display: none;
}
* html div#container div#header ul#nav li ul{
	position: absolute;
	top:0;
	z-index: 99;
	width: auto;
	margin-top: 30px;
	padding-top: 0px;
	margin-left: -1px;
	background-image: none;
	float: left;
	height: auto;
	border: 1px solid #83B717;
	border-right: none;
	border-top: 0px;
	border-bottom: 0px;
	clear: both;
	display: none;
}
div#container div#header ul#nav li:hover ul{
	display: block;
}
div#container div#header ul#nav li.over ul{
	display: block;
}
div#container div#header ul#nav li ul li{
	background-image: none;
	float: none;
	position: relative;
	display: block;
	background-color: #fff;
	z-index: 999;
	height: auto;
	clear: both;
	margin:0px;
	padding:0px;
}
div#container div#header ul#nav li ul li a{
	background-image: none;
	height: auto;
	float: left;
	width: 120px;
	background-color: #fff;
	border-bottom: 1px solid #83B717;
	padding: 5px;
	border-right: 1px solid #83B717;
	padding-left: 17px;
	background-image: url(../i/layout/bullett-dropdown.jpg);
	background-repeat: no-repeat;
	background-position: 5px 9px;
}
div#container div#header ul#nav li ul li a:hover{
	background-image: url(../i/layout/right-grad.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

div.tabletop{
	float: left;
	background-image: url(../i/layout/tabletop.jpg);
	width: 637px;
	height: 83px;
}
div.tabletop-rep{
	float: left;
	background-image: url(../i/layout/tabletop-replicas.jpg);
	width: 625px;
	height: 72px;
	margin-bottom: 4px;
}
* html div.tabletop{
	float: left;
	background-image: url(../i/layout/tabletop.jpg);
	width: 100%;
	height: 83px;
}
* html div.tabletop-rep{
	float: left;
	background-image: url(../i/layout/tabletop-replicas.jpg);
	width: 100%;
	height: 72px;
	margin-bottom: 4px;
}
div.row{
	float: left;
	width: 100%;
	height: 100%;
	clear: both;
	background-image: url(../i/layout/table-repeat.jpg);
	background-repeat: repeat-y;
	margin-bottom: 1px;
}
div.row.replica{
	float: left;
	width: 100%;
	height: 100%;
	clear: both;
	background-image: url(../i/layout/table-repeat-plants.jpg);
	background-repeat: repeat-y;
	margin-bottom: 1px;
}
div.image-cell{
	float: left;
	width: 48px;
	margin: 2px;
	margin-right: 1px;	

}
div.table-cell{
	float: left;
	width: 43px;
	min-height: 100px;
	height: 100%;
	margin-right: 1px;	
	margin-bottom: 1px;
	text-align: center;
	vertical-align: middle;
	color: #666;
	word-wrap: break-word;
}
div.image-cell1{
	width: 47px;
	height: 47px;
	float: left;
	background-color: #fff;

}
div.image-cell2{
	width: 47px;
	height: 47px;
	float: left;	
	background-color: #fff;

}
div.image-cell a{
	float: left;
	width: 47px;
	height: 47px;
	border: 1px solid #ccc;
	text-indent: -999em;
	background-repeat: no-repeat;
}
div.image-cell1 a:hover{
	position: absolute;
	width: 62px;
	height: 62px;
	background-color: #fff;
	margin-left: -15px;
}
div.image-cell2 a:hover{
	position: absolute;
	width: 62px;
	height: 62px;
	background-color: #fff;
	margin-left: -15px;
}
div.image-cell1 a img{
	margin-top: 21px;
	margin-left: 2px;
}
div.image-cell2 a img{
	margin-top: 21px;
	margin-left: 2px;
}

div.image-cell1 a:hover img{
	display: none;
}
div.image-cell2 a:hover img{
	display: none;
}
div.row div.image-cell div.image-cell1 a{
	text-indent: -999em;
}
div.image-cell2 a{
	text-indent: -999em;
}
div.table-cell.range{width: 63px;}
div.table-cell.material{width: 63px;*/	background-repeat: repeat-x;}
div.table-cell.finish{width: 63px;}
div.table-cell.colours{width: 63px;background-repeat: repeat-x;}
div.table-cell.options{width: 63px;}
div.table-cell.castors{width: 25px;background-repeat: repeat-x;}
div.table-cell.width{width: 25px;}
div.table-cell.length{width: 25px;background-repeat: repeat-x;}
div.table-cell.externalheight{width: 25px;}
div.table-cell.internalheight{width: 25px;background-repeat: repeat-x;}
div.table-cell.diameter{width: 25px;}
div.table-cell.outdoor{width: 25px;background-repeat: repeat-x;}
div.table-cell.quality{width: 63px;}

div.table-cell.rep-category{width: 80px;background-repeat: repeat-x;}
div.table-cell.rep-form{width: 80px;background-repeat: repeat-x;}
div.table-cell.rep-outdoor{width: 40px;}
div.table-cell.rep-leaf{width: 80px;}
div.table-cell.rep-minheight{width: 40px;}
div.table-cell.rep-maxheight{width: 40px;background-repeat: repeat-x;}
div.table-cell.rep-retardent{width: 80px;}
div.table-cell.rep-flowercolour{width: 80px;	background-repeat: repeat-x;}

div.table-cell span.tick{
	float: left;
	width:100%;
	height: 16px;
	background-image: url(../i/icons/tick.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-indent: -999em;
	margin-top: 4px;
}
div.row div.container div.table-cell span.cross{
	float: left;
	width:100%;
	height: 16px;
	background-image: url(../i/icons/cross.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-indent: -999em;
	margin-top: 4px;	
}
div.container{
	height: 100%;
}

div.plant{
	float: left;

}
div.plant-pics{
	float: left;
	padding: 20px;
	padding-bottom: 20px;
	background-image: url(../i/layout/right-grad.jpg);
}
div.plant-pics a{
	float: left;
	width: 100px;
	height: 100px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -999em;
	clear: left;
}
div.plant-pics a img{
	
}
* html div.plant-pics{
	float: left;
	padding: 0px;
	padding-bottom: 10px;
	background-image: url(../i/layout/right-grad.jpg);
}
* html div.plant-pics a{
	float: left;
	width: 100px;
	height: 100px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -999em;
	clear: left;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
div.plant-description{
	float: left;
	padding-left: 10px;
 
}
div.plant-description p span.standard{
	display: block;
	height: 21px;
	width: 98px;
	background-image: url(../i/layout/bullett-dropdown.jpg);
	background-position: 0 8px;
	padding-left: 7px;
	background-repeat: no-repeat;
	padding-top: 2px;



}
div.plant-description p span.intermediate{
	display: block;
	height: 21px;
	width: 98px;
	background-image: url(../i/layout/bullett-dropdown.jpg);
	background-position: 0 8px;
	padding-left: 7px;
	background-repeat: no-repeat;
	padding-top: 2px;
}
div.plant-description p span.difficult{
	display: block;
	height: 21px;
	width: 98px;
	background-image: url(../i/layout/bullett-dropdown.jpg);
	background-position: 0 8px;
	padding-left: 7px;
	background-repeat: no-repeat;
	padding-top: 2px;
}
span.title-colour{
	color: #6B8E23;
}

a.view-gallery{
	display: block;
	position: relative;
	width: 121px;
	height: 33px;
	background-image: url(../i/layout/view-gallery.jpg);
	text-indent: -999em;
	background-repeat: no-repeat;
}
a.view-gallery:hover{
	background-image: url(../i/layout/view-gallery-roll.jpg);
}
div#caughtonfilm{
	position: relative;
	display: block;
}
div.vid-thumbs{
	display: block;
	position: relative;
	width: 100%;

}
div.vid-thumbs a{
	float:left;
	position: relative;
	display: block;
	clear: none;
	width: 140px;
	height: 40px;
	padding-top: 135px;
	text-align: center;
	margin-left: 40px;
	background-repeat: no-repeat;

}
a.vid-about{
	background-image: url(../i/layout/vid-thumb-about.jpg);
}
a.vid-installations{
	background-image: url(../i/layout/vid-thumb-installations.jpg);
}
a.vid-solutions{
	background-image: url(../i/layout/vid-thumb-solutions.jpg);
}
a.vid-franchise{
	background-image: url(../i/layout/vid-thumb-franchise.jpg);
}


div#content div#left p a{
	text-decoration: underline;
}
a.back{
	float: right;
	padding-left: 20px;
	background-image: url(../i/layout/back.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-decoration: underline;
}
a.back:hover, div.standard-box-content ul li a:hover{
	color: #404B55;
}
a.back-left{
	float: left;
	padding-left: 20px;
	background-image: url(../i/layout/back.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-left: 10px;
}
a.back-left:hover{
	color: #404B55;
}


div#content div#left div.standard-box div.standard-box-content div.job-vacancy{
	background-color: #6A6A6A;
	padding: 3px;
	margin-bottom: 1px;
}
div#content div#left div.standard-box div.standard-box-content div.job-vacancy p{
	margin:0px;
	padding: 0px;
	color: #fff;
}
div#content div#left div.standard-box div.standard-box-content div.job-vacancy p strong{
	margin:0px;
	padding: 0px;
	color: #fff;
}
div#content div#left div.standard-box div.standard-box-content div.job-vacancy p a{
	margin:0px;
	padding: 0px;
	color: #ccc;
}
div#content div#left div.standard-box div.standard-box-content div.job-vacancy p a:hover{
	color: #C3FFCA;
}
/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
div.footer-inner{
	float: left;
	width: 500px;
	padding-top: 66px;
	height: 70px;
}
div.footer-inner-right{
	width: 300px;
	float: left;
	clear: none;
	padding-top: 66px;
	padding-left: 50px;
}

a#footer-contactus {
	display: block;
	float: left;
	width: 100px;
	margin-left: 65px;
	height: 18px;
	text-indent: -999em;
	letter-spacing: 133px;
}
* html a#footer-contactus {
	margin-left: 30px;
}
a#optix-footer{
	float: right;
	margin-right: 32px;
	margin-top: 5px;
}

div#footer p{
	color: #9b9b9b;
	float: left;
	margin-left: 74px;
	font-size: 1.2em;	
}
* html div#footer p{
	margin-left: 36px;
}
div#footer ul{
	float: left;
	width: 200px;
	margin-left: 280px;
}
* html div#footer ul{
	margin-left: 140px;
}
div#footer ul li{
	float: left;	
	font-size: 1.2em;	
	margin-left: 10px;
}
* html div#footer ul li{
	margin-left: 5px;
}

div#footer ul li a{
	color: #7b705f;
}

div#footer ul li a:hover{
	color: #83b717;
}
div.right-panel form#chooser div.formel{
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
div.right-panel form#chooser label{
	font-size: .8em;
	width: 70px;
	padding:0px;
	margin:0px;
	height: auto;
	margin-right: 4px;
	color: #444444;
}
* html div.right-panel form#chooser label{
	font-size: .8em;
	width: 60px;
	padding:0px;
	margin:0px;
	height: auto;
	margin-right: 4px;
	color: #444444;
}
div.right-panel form#chooser input{
	font-size: .8em;
	width: 95px;
}
div.right-panel form#chooser select{
	font-size: 0.9em;
	width: 98px;
}
input#psubmit {
	margin-left: 69px;
}

a.bfa{
float: left;
width: 35px;
height: 45px;
background: url('../i/layout/bfa.gif') no-repeat;
text-indent: -999em;
}

a.ukgbc{
float: left;
width: 75px;
height: 45px;
margin: 2px 10px 0px -30px;
background: url('../i/layout/ukgbc.gif') no-repeat;
text-indent: -999em;
}
a.ukgbc:hover {
background: url('../i/layout/ukgbc-over.gif') no-repeat;
}

a.qas,
a.qas9,
a.efig{
float: left;
width: 48px;
background: url('../i/layout/efig.gif') no-repeat;
height: 41px;
margin-left: 10px;
text-indent: -999em;
}
a.qas9,
a.qas {
height: 45px;
width: 	63px;
background: url('../i/layout/qas.gif') no-repeat;
}
a.qas9 { background: url('../i/layout/qas9.gif') no-repeat; }
a.bfa:hover {
background: url('../i/layout/bfa-hover.gif') no-repeat;
}
a.qas:hover {
background: url('../i/layout/qas-hover.gif') no-repeat;
}
a.qas9:hover { background: url('../i/layout/qas9-hover.gif') no-repeat; }
a.efig:hover {
background: url('../i/layout/efig-hover.gif') no-repeat;
}


div.highlight{
	float: left;
	width: 100%;
	background-image: url(../i/layout/highlight-repeat.jpg);
	background-repeat: repeat-y;
}
div.replica div.highlight{
	float: left;
	width: 100%;
	background-image: url(../i/layout/table-repeat-plants-highlight.jpg);
	background-repeat: repeat-y;
}



div#filtercontainers a.reset{
	background-color: Fuchsia;
	padding: 5px;
	width: 160px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	color: #FFF;
	background: #7EB50E;
	border: 1px solid #fff;
	text-align: center;
}

img.magni{
	float: left;
	clear:both;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	margin-top: -6px;
	margin-left: 26px;
}
* html img.magni{
	float: left;
	clear:both;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	margin-top: -6px;
	margin-left: 12px;
}

select{
	position: relative;
	z-index: 90;
}

/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}


span.green{
	color: #6EA20A;
}

div.toaflash{
	float: left;
	margin-left: 50px;
}

/****************urban xmas********************************************/

h1.upxmas{
	display: block;
	width: 656px;
	height: 115px;
	background-image: url(../i/layout/xmas-title.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	border: 1px solid #e8cf68;
	margin-bottom: 5px;
}
div.xmas-bg{
	background-image: url(../i/layout/xmas-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #D43A30;
	border: 1px solid #e8cf68;
	width: 656px;
}
div#content div.xmas-bg p{
	color: #fff;
	padding: 10px;
	font-size: 1.2em;
}
div#content div.xmas-bg h2{
	color: #fff;
	padding: 10px;
	font-size: 2.3em;
	font-weight: normal;
}
div#content div.xmas-bg h2 span{
	font-size: .7em;

}
div#content div.xmas-bg h2 span a{
	color: #fff;
	text-decoration: underline;
}
div#content div.xmas-bg h2 span img{
	vertical-align: middle;
	display: inline;
	margin-left: 5px;
}

div.xmas-bg form{
	width: 622px;

	margin: 0 auto;
}
div.xmas-bg form table{
	width: 622px;
	background-image: url(../i/layout/xmas-form-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #aeacac;
	background-color: #EEEEEE;


}
div.xmas-bg form table th{
	background-image: url(../i/layout/xmas-table-header.jpg);
	background-repeat: repeat-x;
	height: 50px;
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid #aeacac;
	border-right: 1px solid #bdbdbd;
}
div.xmas-bg form table th.first{
	background-image: url(../i/layout/xmas-table-header-flake.jpg);
	background-repeat: no-repeat;

	background-position: top right;
	
}
div.xmas-bg form table td img{
	
}
div.xmas-bg form table td{
	padding: 10px;
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}
div.xmas-bg form table.table2 td{
	padding: 10px;
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	border: none;
}
div.xmas-bg form table td.price{
	color: #9a002e;

}
div.xmas-bg form table td input{
	width: 40px;
	border: 1px solid #bdbdbd;
	margin: 0 auto;
	display: block;
	text-align: center;
}
div.xmas-bg form table td ul{
	list-style: disc;
	margin-left: 20px
}
div.xmas-bg form table td ul li{
		font-size: 0.9em;
}
div.xmas-bg form table td div.totals{
	width: 145px;
	background-color: #fff;
	float: left;
	border: 1px solid #bdbdbd;
	padding: 4px;
}
div.xmas-bg form table td div span{
	width: 70px;
	float: left;
	height: 30px;
	display: block;
	margin: 1px;
}
div.xmas-bg form table td div span.figure{
	text-align: right;
}
div.xmas-bg form table td div span.total{
	color: #9a002e;
}

div.xmas-bg form table.table2 td label{
	width:144px;

	text-align: left;
}
div.xmas-bg form table.table2{
	margin-top: 5px;
	margin-bottom: 5px;
}
div.xmas-bg form table.table2 td input{
	width:437px;

}
div.xmas-bg form table.table2 td textarea{
	width:435px;

}
div.xmas-bg form table.table2 td div.submit{
	width: 200px;
	float: right;
}
div.xmas-bg form table.table2 td div.submit input{
	border: 1px solid #9a002e;
	background-image: url(../i/layout/xmas-submit-button.jpg);
	background-repeat: repeat-x;
	color: #9a002e;
	width: 200px;
	float: right;
	font-weight: normal;
}
/**********************************************************************/


div.snow{
	width: 851px;
	height: 122px;
	position: absolute;
	top: 0px;
	left: 3px;
}
