/* 
	    company: www.flipsidegroup.com
 author name(s): johan
	    website: www.ngs.org.uk

	   	  index:-
				1. global
				2. layout
				3. menu
				4. content
				5. bugfixes
*/

/* 1. global */

* {margin:0;padding:0;} 

body, html{height:100%;}
body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; background:url('../images/2010/header-bg.jpg') repeat-x top center ; font-size:12px; color:#333  }
h1{font-family:"Times New Roman", Times, serif; font-weight:lighter; color:#000; font-size:28px; line-height:30px; margin-bottom:12px}
#column-right h2, #column-main h2, #search-box h2, .county-news-box h2{font-family:"Times New Roman", Times, serif; font-weight:lighter; color:#fff; font-size:28px; line-height:30px; margin-bottom:12px}
h2{font-family:"Times New Roman", Times, serif; font-weight:lighter; color:#000; font-size:28px; line-height:30px; margin-bottom:12px}
h3{font-weight:bold; color:#0B6F49; font-size:18px; line-height:30px; margin-bottom:12px}
h1.offscreen{text-indent:-2000em; position:absolute; top:0; left:0; }
img{border:0; outline:none}
p{margin:0 0 1em 0; line-height:16px}
a{text-decoration:none; outline:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:focus{text-decoration:none}
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;color:#999}
ul#access-links{position:absolute; left:-2000em; z-index:9999}
ul#access-links a:focus, 
ul#access-links a:active{position:absolute; left:2000em; width:200px; text-align:center; font-weight:bold; padding:10px; color:#000; background:#fbe626; top:0; text-decoration:none; z-index:999}

/* 2. layout template(s) */
#wrap{width:930px; margin:0 auto; padding-bottom:88px; /* sticky footer ie */ min-height: 100%; height: auto !important; height:100%;}
#head{height:130px; margin-bottom:5px; padding-top:15px; position:relative; width:930px; z-index:2; }
a#ngs-logo{display:block; float:left; width:253px;margin-top:11px;}
#breadcrumbs{font-size:12px; position:absolute; bottom:8px; left:0; z-index:1; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-top:12px; width:950px;}
#breadcrumbs a{color:#fff; }
#breadcrumbs a.current,
#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a:focus{color:#fbe626}
#breadcrumbs div.path {display:inline}
#content{width:930px;position:relative;display:inline; float:left; clear:both} /* wrapper around all content including right column or banners */
#content-top{ clear:both; width:930px; float:left; margin-bottom:20px; height:260px; overflow:hidden} /* Slider and search */
#search{width:250px; float:right;position:relative; overflow:hidden;}
a#btnMembers{position:absolute; z-index:3; top:65px; left:780px; width:141px; height:27px; background:url('../images/2010/volunteers-btn.gif') no-repeat; text-indent:-3000em }
a#btnMembersLoggedIn{position:absolute; z-index:3; top:65px; left:780px; width:141px; height:27px; background:url('../images/2010/members-login-btn.gif') no-repeat; text-indent:-3000em }
#addThisTop {width:140px; position:absolute; z-index:3; top:71px; left:640px;}

#column-main {width:668px;position:relative; float:left; clear:both} /* main content column */
#column-right {width:250px;float:right;position:relative;} /* Banners or right column */
.column-home-one{width:328px; float:left; display:inline;}
.column-home-two{width:328px; float:right; display:inline;}
.partner-logos{clear:both; margin-left:83px; width:850px; float:left}
.partner-logos a{display:block; float:left}
#foot {position:relative;height:88px; margin:-88px auto ; /* negative value of footer height */  clear:both;  font-size:12px; background:url('../images/2010/footer.jpg') center bottom; overflow:hidden} 
.foot-content{width:930px; margin:0 auto; padding-top:45px }
.foot-content a {color:#fff;}
.foot-content a.current,
.foot-content a:hover,
.foot-content a:active,
.foot-content a:focus{color:#fbe626}
.foot-content li {float:left; list-style:none; margin:0 10px 0 0; }
.foot-content .credit{float:right}
a.copy-right {display:block; text-align:center; width:940px; margin:0 auto; color:#666}

/* MENU */
#menu {overflow:hidden; display:inline; width:680px; float:right; height:85px; position:absolute; right:-20px; top:22px; z-index:1; display:inline;}
#menu ul{margin:0; padding:0}
#menu li {float:left;list-style:none; font-size:17px; margin:0; padding:0 }
#menu li.back {width:9px; height:58px; background: url('../images/2010/menu-selected.gif') bottom center no-repeat; z-index:8; position:absolute;}
#menu li a {color:#fff;font-family:"Times New Roman", Times, serif;text-decoration:none;outline:none;text-align:center;top:7px;letter-spacing:0;z-index:10;display:block;position:relative;overflow:hidden; margin:auto 15px}
#menu li a.current,
#menu li a:hover,
#menu li a:active,
#menu li a:focus{color:#fbe626}

/* CONTENT */
.black-links a{color:#333;}
.black-links a:hover span strong,
.black-links a:active span strong,
.black-links a:focus span strong{text-decoration:underline }

.banner{width:145px; height:161px; margin:0 0 15px 0; background-color:#84a153; padding:10px 95px 0 10px; position:relative; }
.banner a span{ background:url('../images/2010/link-icon-pink2.png') no-repeat right top; padding:2px 20px 2px 0; height:10px; width:10px}
.banner a:hover span,
.banner a:active span,
.banner a:focus span{background:url('../images/2010/link-icon-pink2.png') no-repeat right bottom ;}
.productsServicesBanner{background-image:url('../images/2010/products-services-banner.jpg')}
.b1{background-image:url('../images/2010/b1.gif')}
.b1 .tree{background:url('../images/2010/tree.png'); position:absolute; width:159px; height:181px; top:-10px; right:-15px; z-index:99}
.b2{background-image:url('../images/2010/b2.gif')}
.b3{background-image:url('../images/2010/b3.gif'); padding-right:125px; width:115px}
/* .b3 .enews{background:url('../images/2010/enews.png'); position:absolute; width:168px; height:171px; top:10px; right:-25px; z-index:99} */
.b4{background-image:url('../images/2010/b4jan2012.jpg')}

.CountyBanner{width:175px; height:161px; margin:0 0 15px 0; background-color:#84a153; padding:10px 65px 0 10px; position:relative; }
.CountyBanner a span{ background:url('../images/2010/link-icon-pink2.png') no-repeat right top; padding:2px 20px 2px 0; height:10px; width:10px}
.CountyBanner a:hover span,
.CountyBanner a:active span,
.CountyBanner a:focus span{background:url('../images/2010/link-icon-pink2.png') no-repeat right bottom ;}
.b5{background-image:url('../images/2010/b5.gif')}

.CountyImage{width:668px; float:left}

.search-box{background:#95AE63 url('../images/2010/garden-search-top-bg.gif')  no-repeat  left -6px; height:250px; width:230px;  margin:0 0 22px 0; padding:10px 10px 0 10px; float:left; position:relative; z-index:1}
.search-box h2, .search-box h1{font-size:28px; color:#c8d2bd}
.search-box div {margin:0}
.search-box p{margin:0; font-size:12px}
.search-box label{color:#fff; font-weight:bold; clear:both}
.search-box .input-box, .search-box .input-box-watermark { width:225px;}
.search-box .input-box-watermark {color : Gray;}

.search-box .select-box,.search-box .county-box {width:228px;}
.search-box .radio-area label{font-weight:normal; color:#000; font-size:12px}
.search-box .btn-find {position:absolute; z-index:1; right:10px; bottom:7px}
.search-box .btn-more-options {position:absolute; z-index:1; left:10px; bottom:7px}

.yellow-book{background:url('../images/2010/b0.gif') repeat top left; padding:10px 10px; margin-bottom:15px; height:151px; position:relative;}
.yellow-book .the-book{position:absolute; width:206px; height:208px; top:-10px; right:-15px; background:url('../images/2010/yellow-book-2012.png') no-repeat}
.yellow-book h2 {padding-right:150px; margin-bottom:60px}
.yellow-book p {padding-right:180px;}
.yellow-book a {color:#fff;}
.yellow-book a:hover,
.yellow-book a:focus {color:#fbe626;}
.yellow-book a span{ background:url('../images/2010/link-icon-green2.png') no-repeat right top ; padding:2px 20px 2px 0; height:10px; width:10px}
.yellow-book a:hover span,
.yellow-book a:focus span{ background:url('../images/2010/link-icon-green2.png') no-repeat right bottom ;}

/* homepage "samy" boxes */

	.news-box{background:url('../images/2010/grad-green.jpg') repeat top left; padding:10px 10px; display:inline-block}
	.news-box p{border-bottom:#dae2aa solid 1px; padding:0 0 10px 0; display:inline-block}
	.news-box p.last{border:0}
	.news-box p a span{padding-right:25px; display:block}
	.news-box a{background:url('../images/2010/link-icon-green.png') no-repeat right bottom ; display:block; width:308px; overflow:hidden}
	.news-box a:hover,
	.news-box a:active,
	.news-box a:focus{background:url('../images/2010/link-icon-green.png') no-repeat 287px bottom}
			
	.news-box-foot {color:#fff; background-color:#5d791b; display:block; height:25px; margin-bottom:15px; padding:10px 10px 0 10px; }
	.news-box-foot a{color:#fff; background:url('../images/2010/link-icon-green2.png') no-repeat right 7px ; padding:10px 25px 0 0}
	.news-box-foot a:hover,
	.news-box-foot a:active,
	.news-box-foot a:focus{color:#fbe626; background:url('../images/2010/link-icon-green2.png') no-repeat right -22px ;}
	.lite{background-color:#acb77c;}		
	
	.features-box{background:url('../images/2010/grad-brown.jpg') repeat top left; padding:10px 10px; display:inline-block}
	.features-box p{border-bottom:#a19e7a solid 1px; padding:0 0 10px 0; display:inline-block}
	.features-box p.last{border:0}
	.features-box p a span{padding-right:25px; display:block}
	.features-box a{background:url('../images/2010/link-icon-brown.png') no-repeat right bottom ; display:block; width:308px; overflow:hidden}
	.features-box a:hover,
	.features-box a:active,
	.features-box a:focus{background:url('../images/2010/link-icon-brown.png') no-repeat 287px bottom}
	.features-box-foot {color:#fff; background-color:#a1a06a; display:block; height:25px; margin-bottom:15px; padding:10px 10px 0 10px;}
	.features-box-foot a{color:#fff; background:url('../images/2010/link-icon-brown2.png') no-repeat right 7px ; padding:10px 25px 0 0}
	.features-box-foot a:hover,
	.features-box-foot a:active,
	.features-box-foot a:focus{color:#fbe626; background:url('../images/2010/link-icon-brown2.png') no-repeat right -22px ;}
	
	.benefits-box{background:url('../images/2010/grad-blue.jpg') repeat top left; padding:10px 10px; display:inline-block }
	.benefits-box p{border-bottom:#afd4d9 solid 1px; padding:0 0 10px 0}
	.benefits-box p.last{border:0}
	.benefits-box p a span{padding-right:25px; display:block}
	.benefits-box a{background:url('../images/2010/link-icon-blue.png') no-repeat right bottom ; display:block; width:308px; overflow:hidden}
	.benefits-box a:hover,
	.benefits-box a:active,
	.benefits-box a:focus{background:url('../images/2010/link-icon-blue.png') no-repeat 287px bottom}
	.benefits-box-foot {color:#fff; background-color:#78979a; display:block; height:25px; margin-bottom:15px; padding:10px 10px 0 10px; }
	.benefits-box-foot a{color:#fff; background:url('../images/2010/link-icon-blue2.png') no-repeat right 7px ; padding:10px 25px 0 0}
	.benefits-box-foot a:hover,
	.benefits-box-foot a:active,
	.benefits-box-foot a:focus{color:#fbe626; background:url('../images/2010/link-icon-blue2.png') no-repeat right -22px ;}		

/* COUNTY PAGE */

    .column-county-one{width:238px; float:left; display:inline;margin-right:12px;}
    #column-county-middle-content {width:418px;float:left;display:block;}
    .column-county-middle{width:418px;background:#eaf0d9;}
    .column-county-middle h1{font-family:"Times New Roman", Times, serif; color:#fff; font-weight:normal; letter-spacing:-1px;line-height:33px;padding-left:5px; margin-bottom:12px;height:33px;width:413px;display:block;background:#b9cc80;border-bottom:1px solid #98a66e;}
    .column-county-middle p{border-bottom:#bbc0ae solid 1px; padding:0 0 10px 123px; display:inline-block}
    .column-county-middle p.last{border:0}
	.column-county-middle p a span{padding-right:25px; display:block}
	.column-county-middle a{background:url('../images/2010/link-icon-green.png') no-repeat right bottom ; display:block; width:280px; overflow:hidden}
	.column-county-middle a:hover,
	.column-county-middle a:active,
	.column-county-middle a:focus{background:url('../images/2010/link-icon-green.png') no-repeat 259px bottom;}
	.column-county-middle img{float:left;margin-left:-112px;margin-top:4px;}
	.column-county-middle .emptyTemplate {margin-bottom:15px;padding:20px 0 20px 0; height:85px;}
    .column-county-middle .emptyTemplate p{display:block; text-align:center; font-weight:bold; border-bottom:none;padding:0 10px 0 10px;}
	.white-links a{color:#fff; font-weight:bold; background-color:#bdce8d; display:block; height:33px;padding-left:10px;line-height:33px;margin-bottom:15px;}
	.white-links a:hover{color:#fbe626; font-weight:bold; background-color:#bdce8d; display:block; height:33px;padding-left:10px;line-height:33px;margin-bottom:15px;}
	.white-links a span{height:33px;background:url('../images/2010/link-icon-green2.png') no-repeat right -2px ; padding:0 20px 0 0;}
    .white-links a:hover span{color:#fbe626; background:url('../images/2010/link-icon-green2.png') no-repeat right -31px ;}
    .white-links a:active span,
    .white-links a:focus span {color:#fbe626; background:url('../images/2010/link-icon-green2.png') no-repeat right -31px ;}
    .rrButton {background-image: none !important; }
    
    .county-officer-head {color:#fff; background:url('/images/2010/counties/county-officer-bg.gif'); display:block;height:33px;padding-left:10px;line-height:33px;}
	.county-officer-head a{color:#fff;font-weight:bold; background:url('../images/2010/link-icon-blue2.png') no-repeat right 7px ; padding:10px 25px 0 0;}
	.county-officer-head a:hover,
	.county-officer-head a:active,
	.county-officer-head a:focus{color:#fbe626; background:url('../images/2010/link-icon-blue2.png') no-repeat right -22px ;}
	.county-officer-image{width:238px;height:179px;background:url('/images/2010/counties/county-officer-image-bg.gif'); }
	.watering-can{background:url('/images/2010/counties/county-officer-image.png'); position:relative; width:252px; height:179px; top:0; left:-9px; z-index:99}
	.county-officer-custom-panel {margin-bottom:10px;}
	
	.county-news-box{background:url('../images/2010/grad-green.jpg') repeat top left; padding:10px 10px; display:inline-block}
	.county-news-box p{border-bottom:#dae2aa solid 1px; padding:0 0 10px 0; display:inline-block}
	.county-news-box p.last{border:0}
	.county-news-box p a span{padding-right:25px; display:block;}
	.county-news-box a{background:url('../images/2010/link-icon-green.png') no-repeat right bottom ; display:block; width:218px; overflow:hidden}
	.county-news-box a:hover,
	.county-news-box a:active,
	.county-news-box a:focus{background:url('../images/2010/link-icon-green.png') no-repeat 197px bottom}
	.county-news-box-foot {color:#fff; background-color:#5d791b; display:block; height:33px; margin-bottom:15px; padding-left:10px;line-height:33px; }
	.county-news-box-foot a{color:#fff; font-weight:bold; background:url('../images/2010/link-icon-green2.png') no-repeat right 7px ; padding:10px 25px 0 0}
	.county-news-box-foot a:hover,
	.county-news-box-foot a:active,
	.county-news-box-foot a:focus{color:#fbe626; background:url('../images/2010/link-icon-green2.png') no-repeat right -22px ;}
	
	#county-linx {width:230px;background:#e8e9df;padding:0 10px;display:block;margin-bottom:15px;}
	#county-linx h1 {font-family:"Times New Roman", Times, serif; color:#b4c554; font-size:28px; font-weight:normal;line-height:33px;margin-bottom:5px;height:33px;width:230px;display:block;border-bottom:1px solid #b4c554;}
	#county-linx a{color:#000;display:block;height:23px;}
	#county-linx a:hover,#county-linx a:active,#county-linx a:focus{color:#fff;background:#b4c554;}
	#county-linx li {text-indent:3px;width:230px;line-height:23px;display:block;border-bottom:1px solid #d0d1c8}
	
	/*.county-advert-panel {margin-bottom:15px;}*/
	.county-advert-panel a {display:block;height:171px;overflow:hidden;margin-bottom:15px;}
	
	
	.new-garden {display:block; float:left; margin: 0 5px 0 0; width: 50px; height: 15px;}
	#column-county-middle-content .new-garden-county-page {display:block; float:left; margin: 0 5px 0 0; width: 50px; height: 15px;}
	
/* LOCAL TO YOU PAGE */

    #local-main {width:668px;position:absolute; float:left; clear:both;} /* local main content column */
    #map{width:668px;height:674px;background:url('/images/2010/counties/local-map.gif') no-repeat;padding:12px;}
    .countySelection{width:620px;height:37px;background:#95ae63;padding:12px;}
    .countySelection p{text-align:right;float:right;width:340px;line-height:110%;color:#424242;}
	#selection{float:left;width:180px;margin-top:10px;}
	.region-box {width:228px;}
	
/* SUB CONTENT PAGES */

    #sub-content-main {width:668px;margin-top:-280px; float:left; clear:both; } /* sub content column */
    #content-holder{width:668px;background:url('/images/2010/content-bkgrd.gif') repeat-y;display:inline-block; overflow:auto; float:left}
    #grad-holder{width:668px;height:72px;display:block;background:url('/images/2010/content-grad.gif') no-repeat;clear:both; float:left; margin-top:0;}
    #left-nav{width:180px;margin-right:12px;float:left;}
	#content-main{width:452px;float:right;padding:12px;margin-bottom:0; overflow:auto}
	#content-main ul {margin:0;padding:0}
	#content-main li{list-style-image: url('/images/2010/ngs-bullet.png');list-style-position:outside;margin-bottom:10px;margin-left:15px;line-height:16px;}
	#bannerimage{width:668px;margin-bottom:8px;}
	
/* NAV PLUS MAIN */

    #nav-plus-main {width:930px;margin-top:-280px; float:left; clear:both;}
    #nav-plus-main-holder{width:930px;background:url('/images/2010/content-bkgrd-full.gif') repeat-y;display:inline-block;}
    #nav-plus-main-grad-holder{width:930px;height:72px;display:block;background:url('/images/2010/split-full-width-grad.jpg') no-repeat;clear:both;margin-top:-20px;}
	#nav-plus-main-content{width:714px;float:right;padding:12px;margin-bottom:0;}
	
/* 2 THIRDS WIDTH */

    #two-third-main {width:668px;margin-top:-280px; float:left; clear:both;}
    #two-third-content{width:644px;background:#E6ECDD;display:inline-block;padding:12px;}
    #two-third-grad-holder{width:668px;height:86px;display:block;background:url('/images/2010/2-third-grad.jpg') no-repeat;clear:both;margin-top:-20px;}
    #two-third-content .click{color:#0B6F49;font-weight:bold;border-bottom:1px solid #0B6F49;width:100%;padding-bottom:5px;}
    
    #two-third-content-white {width:644px;background:#FFF;display:inline-block;padding:12px;}
/* FULL WIDTH */

    #full-width-main {width:930px;margin-top:-280px; float:left; clear:both;}
    #full-width-content{width:906px;background:#E6ECDD;display:inline-block;padding:12px;}
    #full-width-grad-holder{width:930px;height:86px;display:block;background:url('/images/2010/full-width-grad.jpg') no-repeat;clear:both;margin-top:-20px;}
	
	/* Accordion Menu */
	
	.glossymenu{margin:0;padding: 0;width: 180px; float:left; overflow:hidden; /*width of menu*/}
    .glossymenu a.menuitem{color: black;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width: auto;padding: 4px 0;padding-left: 10px;padding-right:10px;border-bottom:1px solid #d0d1c8;outline:none;}
    .glossymenu a.menuitem:visited, .glossymenu a.menuitem:active{}
    .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/position: absolute;top: 6px;right: 5px;border: none;}
    .glossymenu a.menuitem:hover{color: #339900;}
    .glossymenu .submenu{ /*DIV that contains each sub menu*/background: white; overflow:auto; }
    .glossymenu .submenu ul{ /*UL of each sub menu*/list-style-type: none;margin: 0;padding: 0; }
    .glossymenu .submenu ul li{border-bottom:1px dotted #339900;background:#dcdcdc; display:block}
    .glossymenu .submenu ul li a{display: block;color: #6a6a6a;text-decoration: none;padding: 2px 0;padding-left:20px;padding-right:10px;outline:none;line-height:18px;}
    .glossymenu .submenu ul li a:hover{background: #339900;color:#fff;}
    .over{background:#339900; color:#fff !important;}
    .glossymenu .selected{background: #339900;color:#fff !important;padding:0}
    .glossymenu .maximised{background:url('/images/2010/arrow-down-white.gif') no-repeat 160px 5px #339900;height:20px;color:#fff !important;}
    .glossymenu .minimised{background:url('/images/2010/arrow-right.gif') no-repeat 160px 7px;}
    .glossymenu .top{font-weight:bold;color:#ffde00 !important;background:#00603B}    
    
	
/* SLIDER HOME */
.sliderpanel							{ width:668px; height:260px; position:relative; margin-bottom:22px; overflow:hidden; float:left; clear:both}
.slider-wrap							{ width:668px; }
.stripViewer .panelContainer .panel .wrapper		{ float:left;  }
.stripViewer .panelContainer .panel .description	{ width:668px; }
.stripViewer							{ position:relative; overflow:hidden; width:668px; height:260px; }
.stripViewer .panelContainer			{ position:relative; }
.stripViewer .panelContainer .panel		{ float:left; width:668px; }
.stripNavL, .stripNavR, .stripNav		{ display:none; }
.nav-thumb 								{ height:37px; padding-top:10px }
.cross-link								{ }
.active-thumb span						{ color:#fbe626;  }

#numbers								{ width:668px; height:37px; position:absolute; bottom:0; background:url('../images/2010/black-transparent.png') repeat;  }
#initial								{ float:left; margin:0 0 0 10px;  }
#featurelist div 						{ float:left; height:37px; }
#numbers div a 							{ display:block; text-align:center; color:#fff; line-height:37px; margin-right:20px; font-weight:bold}
#numbers div a:hover 					{ color:#fbe626; text-decoration:none; }

/* forms */
.errorMessage{padding:10px;border:#ff0000 1px solid;color:#000;background-color:#fcd8de}
.form-one legend{border:0px;font-size:small;font-weight:bold;color:#acd52f;padding:0}
.form-one select{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left}
.form-one input{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left}
.form-one textarea{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left;width:350px}
.form-one .required{color:#990000}
.form-one label{color:#999;display:block;clear:both;width:215px;float:left;text-align:right;margin:0 5px 10px 0;font-weight:bold}
.form-one input:focus	{background:#e9e9e9}
.form-one textarea:focus{background:#e9e9e9}
.form-one select:focus	{background:#e9e9e9}
.form-one div{clear:both}
.btn-submit {clear:both; float:right; text-indent: -1000em; width:63px; height:27px; margin: 0; padding: 0; border: 0; background: url('/images/2010/btn-submit.gif') no-repeat top left; cursor: pointer; display:block; line-height: 0;  font-size: 0;}

.frm-login {clear:both; font-weight: bold;position:relative;}
.clear{clear:both; height:1px;}   

/* data tables */
table.table-style-one,
.table-style-one table{border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
.table-style-one td, .table-style1 th {padding:5px;border:solid #ccc;border-width:1px 1px 0 0}
.table-style-one th {font-weight:bold;background:#e7eff7;text-align:left}
.table-style-one td {text-align:left;vertical-align:top;padding-top:5px}
.table-style-one tbody tr:hover {background:#eaebf3}
.table-style-one tbody tr:hover th{background:#e7eff7}
.table-style-one input:focus{background:#f6f6f6}

/* definition list (wrap in a div) */
dl.selector{clear:both;margin:0;padding:0}
.selector dt{margin:0 5px 5px 5px;float:left;clear:both;padding:0;font-weight:bold}
.selector dd{margin:0 0 5px 0;padding:0;float:left}

/* Graphical Bullet Style */
.selector ul, 
.selector ol{margin:1.2em 0;padding:0;border:0;list-style:none}
.selector li{background:#fff url('.gif') 0 0.5em no-repeat;padding:0.4em 0 0 2em;line-height:1.5em}

/* 5.bugfixes */
.clear{clear:both}
/* Clearfix */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */


/* search box tabs */
.search-box-tabs .ajax__tab_panel{position:absolute;top:75px;}
.search-box-tabs .labels{margin-bottom:5px;}
.search-box-tabs .postcode{background:url(/images/2010/search-nav.gif) -2px 0;width:62px;height:21px;}
.search-box-tabs .ajax__tab_tab .postcode{position:absolute;top:48px;left:9px}
.search-box-tabs .ajax__tab_hover .postcode {background:url(/images/2010/search-nav.gif) -2px -21px;}
.search-box-tabs .ajax__tab_active .postcode{background:url(/images/2010/search-nav.gif) -2px -21px;}

.search-box-tabs .town {background:url(/images/2010/search-nav.gif) -66px 0;width:42px; height:21px;}
.search-box-tabs .ajax__tab_tab .town{position:absolute;top:48px;left:70px;}
.search-box-tabs .ajax__tab_hover .town{background:url(/images/2010/search-nav.gif) -66px -21px;}
.search-box-tabs .ajax__tab_active .town{background:url(/images/2010/search-nav.gif) -66px -21px;}

.search-box-tabs .county{background:url(/images/2010/search-nav.gif) -110px 0;width:52px;height:21px;}
.search-box-tabs .ajax__tab_tab .county{position:absolute;top:48px;left:111px;}
.search-box-tabs .ajax__tab_hover .county{background:url(/images/2010/search-nav.gif) -110px -21px;}
.search-box-tabs .ajax__tab_active .county{background:url(/images/2010/search-nav.gif) -110px -21px;}

.search-box-tabs .garden-name{background:url(/images/2010/search-nav.gif) -164px 0; width:84px; height:21px;}
.search-box-tabs .ajax__tab_tab .garden-name{position:absolute;top:48px;left:162px;}
.search-box-tabs .ajax__tab_hover .garden-name{background:url(/images/2010/search-nav.gif) -164px -21px;}
.search-box-tabs .ajax__tab_active .garden-name{background:url(/images/2010/search-nav.gif) -164px -21px;}

.ajax__calendar .ajax__calendar_container { position:absolute;z-index:200;}


/* GARDEN SEARCH */
.float-left{float:left;}
.border-item{width:450px;}
.background-medium{background:none;}
.padding-left-10{width:520px;}
.padding-right-10{width:100%;}
.margin-bottom-20{}
.border-width{float:left;}
.background-dark{width:529px;padding-left:5px;background:#ccc;}
.thick-border-bottom{border-bottom:2px solid #339900;}
.border-item{border:0;}

.image-thumbs{float:left;width:80px;margin-right:1px;}
.data-pager {margin-top:0;height:30px;}
.full-width{line-height:16px;width:100%;}
.garden-search-item, .shop-checkout-details-item{border-bottom:1px solid #00603B;padding-bottom:10px;margin-top:10px;position:relative;}
.garden-search-entry, .shop-checkout-details-entry{position:absolute;right:0;top:0;}
.garden-search-entry input, .shop-checkout-details-entry input{position:relative;}
.garden-search-label, .shop-checkout-details-label{float:left;position:relative;}
.garden-search-mandatory, .shop-checkout-details-mandatory{display:inline;color:red}
.shop-checkout-details{width:100%}
.test{border:2px solid red;}
.padding{padding-bottom:30px;}
.hidden{position:relative;}
.caveat{position:relative;font-size:10px;line-height:12px;margin-top:10px;color:#00603B}
.error{position:absolute;right:155px;top:0;font-size:18px;}
.shop-checkout-link{clear:both;width:100%}

#garden-finder{width:714px;display:inline;margin-top:10px;position:relative;}
#garden-finder strong{color:#00603B;}
#left-section{width:350px;float:left;}
#garden-finder .validation-summary li{border-bottom:1px solid #c3c9bb;line-height:16px;}
#right-section{width:350px;float:right;}
.test{border:2px solid red;}

/* SHOP */

.shop-cart, .shop-menu{width:160px;margin-right:12px;padding:10px}
.shop-online-start{width:714px;}
.image-float-right{float:right;margin-left:10px;}
#cards{margin-top:20px;text-align:center;}
.shop-checkout-basket{float:left;}
.shop-checkout-basket-item{float:left;}
.shop-checkout-basket-item-name{border:1px solid yellow;}
#listItems{width:100%;}
#listItems table {width:100%;}
#listItems th{background:#c3c9bb;padding:5px;color:#00603B}
#listItems td{border-bottom:1px solid #c3c9bb;padding:5px;}
.shop-checkout-link{border-bottom:1px solid #00603B;text-align:right;}
#cards{clear:both;}
.shop-online-feature-item {	margin-top:10px;margin-right:10px;margin-bottom:10px;width:200px;float:left;}
.shop-online-feature-item-picture {text-align:center;padding-top:5px;background:#ffffff;height:130px;}
.shop-online-feature-item-text {background:#0B6F49;color:#FFDE00;padding:5px;height:40px}
.shop-online-feature-item-price {height:40px;color:#0B6F49;font-weight:bold;background:#FFDE00;float:left;width:195px;line-height:40px;padding-left:5px}
.shop-online-feature-item-info {float:right;margin-right:5px;margin-top:5px}
.shop-online-feature-item-add {float:right;margin-right:5px;margin-top:5px}

/* NEWS LIST */

#article{width:100%;border-bottom:1px solid #c3c9bb;display:inline-block;}
.news-image{float:left;margin-right:13px;margin-top:5px;width:100px;height:100px;}
.news-item{position:relative;margin-left:113px;margin-bottom:10px;margin-top:10px;}
.news-title{width:100%;}
.news-item h1{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;line-height:16px;color:#000;}
.news-item h2{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;line-height:1px;}
.link{background:url('../images/2010/link-icon-green2.png') no-repeat right top; padding:2px 20px 2px 0; height:15px; width:100%;position:absolute;top:0;right:0;}
.link:hover{background:url('../images/2010/link-icon-green2.png') no-repeat right bottom;}
.text{margin-bottom:10px;}

/* MEMBERS AREA */

.remember{}
.remember input{margin:10px 10px 0 0;}
#userLogin{width:300px;height:35px;float:left;position:relative;}
#passLogin{width:300px;height:35px;float:left;position:relative;}
#submitButton{width:452px;clear:both;float:left}
#userLogin input, #passLogin input{border:1px solid grey;display:inline;float:left;position:absolute;left:70px;top:0;width:150px;padding:5px}
#userLogin span, #passLogin span{line-height:28px;}

/* FOLLOW US */
#followUs {color:#ffffff;line-height:27px;height:27px; display:block;position:absolute; z-index:4; top:66px; left:330px;}
#facebook{width:18px;height:18px;display:block;background:url('/images/2010/facebook.gif');float:left;margin:5px 0 0 5px;}
#facebook a{width:18px;height:18px;display:block;text-indent:-9999px}
#twitter{width:18px;height:18px;display:block;background:url('/images/2010/twitter.gif');float:left;margin:5px 0 0 5px;}
#twitter a{width:18px;height:18px;display:block;text-indent:-9999px}


/* GARDEN PAGE */
.green-box {
    background:#ebefe0;
    padding:10px;
    margin:0 0 12px 0;
    _float:left;
}
.green-full-width 
{
    width:647px;
}
.narrow-width {
    width:309px;
}
.green-box h1 
{
    margin:0;  
}
.green-box h3 
{
   color:#000; 
   font-size:20x;
   margin:0;
}
