@import url("Lib/Reset.css");
@import url("Lib/Menu.css");
@import url("Lib/ImageGalley.css");


body { font-size: 0.6875em; font-family: Arial, Helvetica, sans-serif; color: #344f00; }
html, body { height:100%; }
body { background: url(../images/bg.jpg); text-align: center; }

/* =hx */
h4, h5, h6 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; }

h4 { font-size: 1.1em; margin: 0 0 10px 10px; color: #0f479e }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* =txt p/abr/acronym/address/del/blockquote/strong/em/dfn/pre/code/tt  */
p { margin: 0 0 1.5em; line-height: 1.5 }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

.clear { clear: both; font-size: 0; height: 0; overflow: hidden }

/* =table caption/tr/th/td/thead/tbody/tfoot */
table {  }
th {  }
td {  }
th, td {  }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* =ul li */
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: circle; }

/* =ol li */
ol { margin: 0 1.5em 1.5em 3.5em; list-style-type: decimal; }

/* =dl dt/dd */
dl { margin: 2em 0 1.5em 0; }
dl dt { font-weight: normal; }
dl dt { margin: 0 0 5px 0; padding: 0 0 0 20px; font-size: 1.1em }
dt.alt { padding: 0 0 0 20px; background: url(../Images/list_dt_left.gif) no-repeat left top;  }
dt.alt span { display: block; padding: 2px 0 4px 0; background: url(../Images/list_dt_right.gif) no-repeat right top; }

/* =a */
a { color: #353535; text-decoration: underline; }
a:hover { text-decoration: none; }

/* =form */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* BIGIN LAYOUT */
/* branding area */
h1 { 
	position: absolute; 
	left: 40px; 
	top: 395px; 
	padding: 7px 12px 8px 12px; 
	margin: 0; 
	background: #27421f; 
	color: #fff; 
	font-size: 18px; 
	/*width: 280px; */
	opacity:0.8;filter:alpha(opacity=80); 
	font-family: Arial
}
h2 { font-size:  24px; margin-bottom: 10px }
h3 { font-size:  18px; margin-bottom: 5px }


div#logo { padding: 45px 0 0 37px }
#home h1 {left: 560px; top: 285px; }
#whyartificial h1 {left: 560px; top: 380px}
#products h1,
#gallery h1 {left: 550px; top: 277px}
#frequently h1 {left: 560px; top: 360px}
#find h1 {left: 560px; top: 360px}
#testimonials h1,
#become h1 {left: 560px; top: 380px;}


/* header */
#home .header { position: relative; height: 720px; width: 100%; background: url(../Images/home_banner.jpg) center top no-repeat; }
#whyartificial .header { position: relative; height: 475px; width: 100%; background: url(../Images/artificial_banner.jpg) center top no-repeat; }
#frequently .header { position: relative; height: 475px; width: 100%; background: url(../Images/faq_banner.jpg) center top no-repeat; }
#contact .header { position: relative; height: 475px; width: 100%; background: url(../Images/contact_banner.jpg) center top no-repeat; }
#become .header { position: relative; height: 475px; width: 100%; background: url(../Images/become_banner.jpg) center top no-repeat; }
#howitis .header { position: relative; height: 475px; width: 100%; background: url(../Images/howitis_banner.jpg) center top no-repeat; }
#uses .header { position: relative; height: 475px; width: 100%; background: url(../Images/uses_banner.jpg) center top no-repeat; }
#downloads .header { position: relative; height: 475px; width: 100%; background: url(../Images/downloads_banner.jpg) center top no-repeat; }
#testimonials .header { position: relative; height: 475px; width: 100%; background: url(../Images/testimonial_banner.jpg) center top no-repeat; }
#news .header { position: relative; height: 475px; width: 100%; background: url(../Images/howitis_banner.jpg) center top no-repeat; }
#find .header { position: relative; height: 475px; width: 100%; background: url(../Images/find_banner.jpg) center top no-repeat; }
#gallery .header { position: relative; height: 370px; width: 100%; background: url(../Images/image_gallery_banner.jpg) no-repeat center top; }
#products .header { position: relative; height: 370px; width: 100%; background: url(../Images/products_banner.jpg) no-repeat center top; }


/* content */
#content { width: 950px; margin: 0 auto 80px; text-align: left }
.information { position: relative; z-index: 200; padding: 0 0 0 45px }
.send_friend { margin: 20px }
.floatleft { float: left; }
.floatright { float: right; }

.pdf_file { padding: 0 0 0 22px; background: url(../Images/icon_pdf.gif) no-repeat left top; color: #344f00; text-decoration: none; }
.pdf_file:hover { text-decoration: underline; }

/* home */
#home .questions { position: absolute; left: 510px; top: 384px; background: transparent url(../Images/questions.gif); width: 388px; height: 84px; overflow: hidden;  }
#home .questions q { visibility: hidden }
#home .theanswer { position: absolute; left: 500px; top: 500px; text-align: left; width: 395px; z-index: 100; }
#home .theanswer p { overflow: auto;}
#home .theanswer h2 { font-size: 20px; margin-bottom: 13px; }
#home .theanswer h3 { font-size: 18px; font-weight: bold; margin-bottom: 7px}
#home #news { position: absolute; top: 470px; left: 40px; width: 410px; z-index: 100 }
#home #news table { margin: 0; width: 100%; }
#home #news .midd { width: 30px; }
#home #news td { vertical-align: bottom; }
#home #news td p { padding: 0; margin: 0; }
#home #news td p.desc { margin: 10px 0;}
#home #news td p.title { margin: 0; padding: 0 0 5px 0; font-weight: bold; border-bottom: 1px solid #c1d296; }
#home #news td a,
.prevnews a { text-decoration: underline; color: #344f00; }
.prevnews a {text-decoration: none}
#home #news td a:hover {text-decoration: none}
#home #news td p.options { margin: 0; padding: 7px 0 5px 0; font-weight: bold; border-top: 1px solid #c1d296; width: 190px; }
#home #news td p.options span,
#news .back,
.prevnews span { background: url(../Images/more_bullet.gif) left top no-repeat; padding: 0 0 0 20px; font-weight: bold; }
#home #news td b { padding: 0 5px; font-weight: normal; line-height: 0 }
#home .send_friend { margin: 0; background: url(../Images/txt_no_mud_no_mess.gif) no-repeat 50% 100%; overflow: hidden; height: 80px; width: 100%; }
#home #extra-content { width: 870px; position: relative; z-index: 10; padding: 0 40px; }
#home #extra-content .grassgreener { float: left; width: 410px; }
#home #extra-content .getthelook { float: left; width: 350px; margin-left: 47px; padding-top: 32px }


/* why artificial */
#whyartificial .floatleft { margin: 22px 0 0 0; }
#whyartificial .floatleft img { margin: 0 0 10px 0; }
#whyartificial .floatright { width: 560px; }
#whyartificial dl { width: 480px; }
#whyartificial dl dt { line-height: 1.5 }
#whyartificial .wa_boy { position: absolute; right: 100px; top: -100px; }

/* faq */
#frequently dl { width: 540px; }
#frequently dl dt { padding: 0 0 0 20px; background: url(../Images/list_dt_left.gif) no-repeat left top; }
#frequently dl a { display: block; padding: 2px 0; width: 100%; background: url(../Images/list_dt_right.gif) no-repeat right top; text-decoration: none }
#frequently dl span { display: block; padding: 2px 0 4px 0; background: url(../Images/arrow_down.gif) no-repeat 97% center; }
#frequently dl b { font-weight: bold; padding: 0 3px 0 0; }
#frequently dl div { margin: 5px 0 15px 0; position: relative; line-height: 1.5 }
#frequently dl div b { position: absolute; left: 0; top: 4px; line-height: 1; height: 1em; }
 * html #frequently dl div b { line-height: 0.7!important; }
#frequently dl div span { padding: 0 0 0 18px; background: none; line-height: 1.8 }

/* contact us */
#contact ul.contactform { position: relative; margin: 20px 0 0 0; list-style: none; }
#contact ul.contactform li.right { position: absolute; left: 460px; width: 400px; top: 0; }
#contact ul.contactform li.right li { background: none!important; }
#contact ul.contactform li span.error { position: absolute; right: 15px; top: 3px; padding: 2px 0; color: red; z-index: 1000 }
#contact ul.contactform li ul { width: 410px; margin: 0; list-style: none; }
#contact ul.contactform li.left li { position: relative; padding: 2px 0 0 0; background: url(../Images/input_bg.gif) no-repeat right top; clear: both }
#contact ul.contactform li li label { float: left; width: 115px; padding: 3px 0 0 0; }
#contact ul.contactform li li b { color: #788052; padding: 0 0 0 3px }
#contact ul.contactform li li input { margin: 0 0 10px 0; border: none; background: none; }
#contact ul.contactform li.left { position: relative; z-index: 1200; width: 100%; }
#contact ul.contactform li.left p { padding: 0; margin: 0 0 5px 0; font-weight: bold; }
#contact ul.contactform li.left input { margin: 0 5px 0 0; }
#contact ul.contactform li.left div { float: left; margin: 0 0 10px 0; line-height: 1.8 }
#contact ul.contactform li.left label { padding: 0 5px 0 0; font-weight: normal; }

#contact ul.contactform li.left ul { width: 410px;; margin: 0 0 0 0; list-style: none; }
#contact ul.contactform li.left li { padding: 2px 0 0 0; background: url(../Images/input_bg.gif) no-repeat right top; clear: both }
#contact ul.contactform li.left li label { float: left; width: 115px; padding: 3px 0 0 0; font-weight: bold; }
#contact ul.contactform li li.nobg { background: none }
#contact ul.contactform li.left li.brochure { height: 55px; }
#contact ul.contactform li.left li div label { float: none; width: auto; padding: 0 5px 0 0; margin: 0 0 0 0; font-weight: normal; }
#contact ul.contactform li.left li input { margin: 0 0 10px 0; border: none; background: none; }
#contact ul.contactform li.left li div input { margin: 0 3px 0 0; }
#contact ul.contactform li.left li.comments { background: url(../Images/textarea_bg.gif) no-repeat right top; }
#contact ul.contactform li.left li.comments textarea { height: 134px; margin: 0 0 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; overflow: auto; border: none; background: none }

#contact ul.contactform li.left ol {position: relative; list-style: none; margin: 0; padding: 0; }
#contact ul.contactform li.left ol li { background: none; }
#contact ul.contactform li.left ol li.left { position: absolute; left: 160px; top: 0; width: 120px; }

#contact ul.contactform li.left li.submit label { width: 108px; }
#submit { height: 24px; width: 63px; margin: 0; }
#contact ul.contactform li .howdid { font-weight: bold; margin: 0 0 10px 0;}
#contact ul.contactform .address { font-weight: bold; font-size: 1.2em!important;}
#contact ul.contactform .address span { font-weight: normal;}

/* become a dealer */
#become ul.contactform { position: relative; margin: 20px 0 0 0; list-style: none; }
#become ul.contactform li { position: relative; z-index: 1200; width: 100%	 }
#become ul.contactform li span.error { position: absolute; right: 15px; top: 3px; padding: 2px 0; color: red; z-index: 1000 }
#become ul.contactform li ul { width: 410px; margin: 0; list-style: none; }
#become ul.contactform li li { padding: 2px 0 0 0; background: url(../Images/input_bg.gif) no-repeat right top; clear: both }
#become ul.contactform li li label { float: left; width: 115px; padding: 3px 0 0 0; }
#become ul.contactform li li b { color: #788052; padding: 0 0 0 3px }
#become ul.contactform li li input { margin: 0 0 10px 0; border: none; background: none; }
#become ul.contactform li.left { position: absolute; left: 440px; top: 2px; }
#become ul.contactform li.left p { padding: 0; margin: 0 0 5px 0; }

#become ul.contactform li li.nobg { background: none }
#become ul.contactform li li.comments { background: url(../Images/textarea_bg.gif) no-repeat right top; }
#become ul.contactform li li.comments textarea { height: 134px; margin: 0 0 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; overflow: auto; border: none; background: none }

#become ul.contactform li.left { width: 400px; }
#become ul.contactform li ol {position: relative; list-style: none; margin: 0 0 20px 0; padding: 0; width: 400px }
#become ul.contactform li ol li { background: none; }

#become ul.contactform li.left ul { list-style: none; margin: 0 0 10px 13px; }
#become ul.contactform li.left ul li { padding: 0 0 0 15px; background: transparent url(../Images/bullet.gif) no-repeat left 5px; color: #5a6934; font-size: 1.1em; line-height: 1.5; margin: 0 0 3px 0; }

#become ul.contactform li li.submit label { width: 108px; }
#submit { height: 24px; width: 63px; margin: 0; }

#become .information p { font-size: 1.1em; }

#become ul.contactform li ol li { line-height: 2; font-size: 1.1em; font-weight: bold; margin: 0 0 3px 0; }
#become ul.contactform li ol li.nr1 { padding: 0 0 0 30px; background: url(../Images/nr1_bullet.gif) no-repeat left top; }
#become ul.contactform li ol li.nr2 { padding: 0 0 0 30px; background: url(../Images/nr2_bullet.gif) no-repeat left top; }
#become ul.contactform li ol li.nr3 { padding: 0 0 0 30px; background: url(../Images/nr3_bullet.gif) no-repeat left top; }

#become ul.contactform li .howdid { font-weight: bold; margin: 0 0 10px 0;}
#become ul.contactform li.left .instalation_guide li { background: none; padding: 2px 0;  }
#become ul.contactform li.left .instalation_guide li a {font-weight: bold; font-size: 1.05em}
#become ul.contactform li.left .instalation_guide ul { margin: 0; }

.stands { padding-bottom: 50px;}

/* how it is installed */
#howitis .information .floatleft { width: 515px; }
#howitis .information .floatleft h3 { margin: 0.8em 0 0.4em 0}
#howitis .information .floatright { width: 360px; position: relative;}
#howitis .information p { font-size: 1.1em; margin: 0 0 1.3em 0; padding: 0; text-align: justify }
#howitis .howitis_gallery { width: 311px; height: 279px; background: url(../Images/howitis_gallery_bg.gif); }
#howitis .instalation_guide { margin: 30px 0 0 0; font-weight: bold; font-size: 1.2em;  }
#howitis .instalation_guide ul { list-style: none!important; }
#howitis .instalation_guide ul li { padding: 0 0 8px 0; }
#howitis .send_friend { clear: both; margin: 0 }

/* uses of artificial grass */
#uses .information p { font-size: 1.1em; }
#uses h3 { margin-bottom: 0.5em; }
#uses dl { margin-top: 0; }
#uses .information dl { height: 100px; }
#uses dl dt { line-height: 1.5 }
#uses .floatleft { width: 350px; }
#uses .floatright { width: 500px; }
#uses .floatright dl { width: 350px; }
#uses .send_friend { clear: both; margin: 0 }
.uses_img { bottom: 0!important; }

/* downloads */
#downloads dl { width: 90%; }
#downloads dl dt { padding: 0 0 0 20px; background: url(../Images/list_dt_left.gif) no-repeat left top;  }
#downloads dl a { display: block; color: #546820; padding: 2px 0; width: 100%; font-weight: bold; background: url(../Images/list_dt_right_down.gif) no-repeat right top; text-decoration: none }
#downloads dl span { display: block; padding: 2px 0 4px 22px; background: url(../Images/icon_pdf.gif) no-repeat left center; }
#downloads dl div { padding: 10px 10px 10px 22px; line-height: 1.5 }
#downloads dl div span { background: none; padding: 0 }
#downloads .send_friend { clear: both; }

/* testimonials */
#testimonials dl { width: 90%; }
#testimonials dl dt { padding: 0 0 0 20px; line-height: 1.5; background: url(../Images/list_dt_left.gif) no-repeat left top;  }
#testimonials dl dt span { display: block; padding: 2px 0 4px 0; background: url(../Images/list_dt_right.gif) no-repeat right top; }
#testimonials dl div.testim_nfo { padding: 10px 10px 10px 0; line-height: 1.5; }
#testimonials dl div.testim_nfo img  { float: left; margin: 0 15px 0 0; padding: 7px; background: url(../Images/pic_frame_thumb.gif) no-repeat left top; }
#testimonials dl div.testim_nfo span { background: none; padding: 0 }
#testimonials dl dt div.testim_nfo div.author { float: right; width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; text-align: right; border-top: 1px solid #d3deb7 }
#testimonials dl dt div.testim_nfo div.author span { display: inline; color: #546820; font-weight: bold; }
#testimonials dl dt div.testim_nfo div.author span.date { font-style: italic; font-weight: normal; }

/* news */
#news dl { width: 90%; }
#news dl dt { width: 97%; position: relative; padding: 0 0 0 20px; line-height: 1.5; background: url(../Images/list_dt_left.gif) no-repeat left top;  }
#news dl dt a {font-weight: bold;}
#news dl dt span { text-decoration: underline; display: block; padding: 2px 0 4px 0; background: url(../Images/list_dt_right.gif) no-repeat right top; }
#news dl dt a:hover span {text-decoration: none }
#news dl dt span.date { display: inline; background: none; text-decoration: none; font-style:italic; padding: 0; position: absolute; right: 20px; top: 2px }


#news .news_items {margin-right: 200px; margin-top: 15px; font-size:12px}
#news .news_items #h3tag { font-weight: bold; font-style:italic }
#news .news_items img { float: left; margin: 0 15px 0 0; padding: 7px; background: url(../Images/pic_frame_thumb2.gif) no-repeat left top; }
#news .news_items #lblTestimonials { line-height: 1.4em }
#news .news_items .back { color: #355001; }

/* find a dealer */
#find .contactform { margin: 15px 0 0 0; padding: 0; list-style: none;}
#find .contactform li { margin: 0; padding: 0; list-style: none;}
#find .contactform .right { float: right; width: 290px }
#find .contactform .right p { margin: 0; }
#find .contactform .right div { position: relative; width: 270px; padding: 10px 10px 10px 10px; background: url(../Images/input_bg_find.gif) no-repeat left center; }
#find .contactform .right div span { position: absolute; right: 35px; top: 50%; padding: 5px 0; color: red; margin-top: -12px; }
#find .contactform .right div input { background: none; border: none;  }
#find #findadealer { width: 89px; height: 24px; margin: 0; }
#find .contactform .mapdealers { width: 602px; }
#find .contactform .mapdealers .t { width: auto; }
#find .contactform .tr { padding: 8px; }
#find .contactform .right #directions_info { background: none; margin: 7px 0 0 0; width: 240px; height: 260px; overflow: auto }
#find .contactform .right #directions_info p { font-size: 1em; padding: 0 0 10px 0;}
#find .contactform .right #directions_info ol { list-style: decimal; margin: 0 0 0 20px; }
#find .contactform .right #directions_info ol li { list-style: decimal; line-height: 1.4em; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #cdd8b1  }
#find .contactform .right #directions_info h4 { color: #67783a; padding: 0; margin: 0 0 4px 0; font-weight: bold; font-size: 1.3em; }
#find .country {width:245px;background:none;border:none;}
/* image gallery */
#gallery .information { margin: 0; padding: 0 0 0 20px;}
#gallery .information .floatleft { width: 200px; background: red; }
#gallery .information .floatright { width: 690px; background: red; }

/* products */
#products .information { margin: 8px 0 0 0; padding: 0 0 0 40px; }
#products .information h2 { margin: 0 0 15px; }
#products .information .floatleft { width: 170px; }
#products .information .floatright { width: 720px; }
#products .information .floatright p { font-size: 1.1em; }

#products .products_list { width: 660px; position: relative; }
#products .products_list table td { background: #c4d697 url(../Images/products/prod_frame_bottom.gif) no-repeat left bottom; vertical-align: top }
#products .special_offers_list table td { background: #c4d697 url(../Images/products/prod_frame_bottom_so.gif) no-repeat left bottom; }
#products .products_list table td.whitespace { width: 10px; background: transparent }
#products .products_list table .pic_area { width: 120px; padding: 0 0 20px 0; position: relative; }
#products .special_offers_list table .pic_area { padding: 0 0 40px 0; height: 160px; }
#products .products_list table .pic_area p { padding: 7px 12px; margin: 0; line-height: 1.2; }
#products .products_list table .pic_prod { position: relative; display: block; width: 106px; cursor: hand; height: 101px; padding: 7px; background: url(../Images/products/prod_frame.gif) no-repeat left top; }
#products .products_list table .pic_prod a { display: block; height: 101px; width: 106px; cursor: hand; }
#products .products_list table .pic_area p a { color: #344f00; text-decoration: none; }
#products .products_list table .pic_area p a:hover { text-decoration: underline; }
#products .products_list table .pic_prod span { display: block; height: 101px; width: 106px; }
#products .pdfguide { margin: 20px 0 30px 0; font-weight: bold; font-size: 1.2em;  }

#products .prod_list { position: relative; margin: 0; padding: 0; list-style: none; }
#products .prod_list li { margin: 0 0 2px 0; background: url(../Images/products/prod_list_center.gif) repeat-y; width: 100%; clear: both }
#products .prod_list li a { display: block; padding: 5px 0 0 0; background: url(../Images/products/prod_list_top.gif) no-repeat left top; color: #344f00; text-decoration: none; font-size: 1.1em; }
#products .prod_list li a:hover { color: black; }
#products .prod_list li b { display: block; padding: 0 14px 5px 54px; background: url(../Images/products/prod_list_bottom.gif) no-repeat left bottom; font-weight: normal; }
#products .prod_list li img { margin: 0 4px 0 27px; float: left; }

#products .prod_list li.root b { display: block; padding: 0 14px 5px 40px; background: url(../Images/products/prod_list_bottom.gif) no-repeat left bottom; font-weight: normal; }
#products .prod_list li.root img { margin: 0 4px 0 14px; float: left; }

#products .prod_list li.folder { margin: 0 0 2px 0; background: url(../Images/products/prod_list_center2.gif) repeat-y; width: 100%; clear: both }
#products .prod_list li.folder a { display: block; padding: 3px 0 0 0; background: url(../Images/products/prod_list_top2.gif) no-repeat left top; color: #344f00; text-decoration: none; font-size: 1.1em; }
#products .prod_list li.folder a:hover { color: black; }
#products .prod_list li.folder b { display: block; padding: 0 14px 8px 38px; background: url(../Images/products/prod_list_bottom2.gif) no-repeat left bottom; font-weight: normal; }
#products .prod_list li.folder img { margin: 0 4px 0 14px; float: left; }

#products .prod_details { width: 420px }
#products #price {position: absolute; right: 0; top: 22px; width: 246px; height: 125px; padding-top: 50px; font-size: 1.4em; background: url(../Images/price-list.gif) no-repeat left top;}
#products #price .rrp { padding-left: 50px}
#products #price .pounds {font-size: 2em; padding-left: 50px; color: #1e2d00;}
#products #price .units {font-size: 0.8em; padding-left: 50px;}
#products #price sup {top: -5px; position: relative;font-weight: bold;}

.imagetitlearea { background: #c4d697 url(../Images/products/de_lb.gif) no-repeat left bottom; width: 640px; margin: 0 0 30px 0; font-size: 1.1em }
#imagetitle {padding: 10px; background: url(../Images/products/de_rb.gif) no-repeat right bottom; }
.prod_details_content { min-height: 200px }

.t {background: #a0c446 url(../Images/products/dot.gif) repeat-x 0 0; width: 640px; margin: 0 0 0 0 }
.b {background: url(../Images/products/dot.gif) 0 100% repeat-x}
.l {background: url(../Images/products/dot.gif) 0 0 repeat-y}
.r {background: url(../Images/products/dot.gif) 100% 0 repeat-y}
.bl {background: url(../Images/products/fr_lb.gif) no-repeat 0 100%;}
.br {background: url(../Images/products/fr_rb.gif) 100% 100% no-repeat}
.tl {background: url(../Images/products/fr_lt.gif) 0 0 no-repeat}
.tr {background: url(../Images/products/fr_rt.gif) 100% 0 no-repeat; padding:8px}

#products .send_friend { clear: both }

/* footer */
.imgfooter { position: absolute; bottom: 20px; right: 0; width: 100%; overflow: hidden; }
.inner_imgfooter { position: relative; width: 1055px; margin: 0 auto; text-align: right; overflow: hidden;  }
.inner_imgfooter .copyright { position: absolute; left: 80px; bottom: 0; color: #e7e7e7; background: url(../Images/copyright_bg.jpg) no-repeat left top; padding: 3px 10px 3px 10px; }
.inner-wrap { width: 1055px; margin: 0 auto; text-align: left; overflow: hidden; }
#footer { width: 100%; margin: 0 auto; background: url(../images/bg_grass.jpg) left bottom repeat-x; overflow: hidden }
#footer .inner-wrap { height: 120px; }

.uses_img .inner_imgfooter .copyright { position: absolute; left: 80px; bottom: 20px; color: #e7e7e7; background: url(../Images/copyright_bg.jpg) no-repeat left top; padding: 3px 10px 3px 10px; }

/* end footer */


/* STRETCH FOOTER and KEEP IT ON THE BOTTOM OF EVERY PAGE NO MATTER BROWSER or CONTENT HEIGHT */

* {	margin: 0; }
html, body { height: 100%; }
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
.push {	height: 120px; /* .push must be the same height as .footer */ }

#lblSucces { display: block; padding: 0 0 15px 110px; font-weight: bold; color: #355001 }

.backto { position: absolute; right: 80px; top: 3px; }

/* Corners */
.cr .tl,
.cr .tr,
.cr .br,
.cr .bl { position: absolute; width: 5px; height: 5px; background: url(../Images/products/cr5.png) no-repeat 0 0; overflow: hidden; padding: 0; margin: 0 }
.cr .tl { left: 0; top: 0 }
.cr .tr { right: 0; top: 0; background-position: -5px 0; }
.cr .bl { left: 0; bottom: 0; background-position: 0 -5px }
.cr .br { right: 0; bottom: 0; background-position: -5px -5px }

.price .cr .tr { background-position: -5px -10px; }
.price .cr .br { background-position: -5px -15px; }

/* Special Offers */
.special-offers { position: absolute; right: 0; top: 216px; }
.so { font-size: 10px; position: absolute; left: 14px; bottom: 19px; line-height: 9px }
.so a { text-decoration:none; color: #344F00; }
.so a:hover { color: #344f00 }
.so a b { color: #203001; margin-right: 2px }
.so b { font-size: 11px; font-weight:bold; position: relative; top: 1px }
.so span { display: inline-block; vertical-align:top; }

.so-items { width: 640px; margin-bottom: 30px; }
.so-items p { margin: 0; padding: 0; }
.so-items .item { position: relative; background-color:#c4d697; overflow: hidden; margin-bottom: 12px }
.so-items .item .title { width: 290px; }
.so-items .item .title p { font-size: 14px !important; font-weight:bold; color: #344f00; font-family: Arial, sans-serif; line-height: 1.3em; margin-bottom: 5px }
.so-items .item .title .product-name { font-size: 12px; }
.so-items .item .title .offer-code { white-space: nowrap; font-size: 12px; }
.so-items .item .title,
.so-items .item .sm,
.so-items .price { padding: 14px 20px; float: left; }
.so-items .item .sm { padding: 20px; float: right }
.so-items .price { float: right; background-color:#a0c446; font-size: 23px; padding: 15px 20px 15px ; text-align:right; line-height: 1; color: #1e2d00; position: relative; }
.so-items .price p { line-height: 1.2; padding: 0 0 3px; }
.so-items .price .save { font-size: 14px; border-top: 1px solid #829F3B; padding-top: 5px; display: block; font-style: italic }
.so-items .price .np { font-size: 11px; }
.so-items .item .sm { font-size: 14px }
.so-items .info-so { padding: 0 20px }


.pinlist { list-style:none; margin: 0; overflow: hidden; padding: 10px 0 0 10px; }
.pinlist li span { line-height: 20px; vertical-align: top }
.pinlist li img { margin-right: 5px; }
.pinlist li { float: left;margin-right:15px; }

