/* @override http://fryers-gardencentre.co.uk/design/css/screen.css */


body {
  margin: 0px 0px 0px 0px;
  padding: 0;
  background: #ddd;
  color: #666;
  font-family: Cambria, serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.6em;
}

h2 {
  font-size: 18px;
}


h3 {
  font-size: 16px;
}


.divleft-narrow {
  width: 200px;
  padding-right: 30px;
  padding-top: 20px;
  float: left;
}



.divleft {
  width: 400px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
}

.divright {
  width: 450px;
  padding-right: 10px;
    padding-top: 10px;
  float: right;
}


.tooltip, .preview, .screenshot { cursor:pointer; }
  #tooltip, #tooltip2 { width: 250px; }
  #tooltip, #tooltip2, #preview {
  color:#dddddd;
  background:#db3a0f;
  border: 1px solid #db3a0f;
  padding:5px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-align:left;
  display:none;
}
  
  
  
blockquote.style1 {
  width: 662px;
  padding: 8px;
  background-color: #fef6dc;
  color: #666;
  border: 1px solid #ddd;
  margin: 10px 0;
  background-image: url(/images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  font-weight: lighter;
}

blockquote.style1 span {
  display: block;
  background-image: url(/images/closequote1.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.holding_icons {
  text-align: center;
}

.holding_icons img {
  margin: 0px 0px 0 0px;
}

#holding_page {
	text-align: center;
  width: 850px;
  margin: 120px auto 0 auto;
}

#holding_page #footer {
  margin-top: 100px;
}

#holding_page img {
  border: 4px solid #fff;
}

#holding_page img:hover {
  border: 4px solid #666;

}



.ordercrumbs {
  padding: 0px;
  height: 37px;
  margin: 5px 0;
  text-align: center;
  width: 100%;
  border: 1px solid #ccc;
}

.ordercrumbs .highlight {
  background-color: #ddffcc;
  color: #333;
  margin: 0px 0px;
  width: 34%;
  padding: 8px 0;
  float: left;
}

.ordercrumbs .nothightlight {
  background-color: #227711;
  color: #fff;
  padding: 8px 0;
  width: 33%;
  margin: 0px 0px;
  float: left;
}

.more2 {
  background-color: #eee;
  float: right;
  margin: 2px 0 20px 0;
  padding: 5px;
  color: #fff;
  border: 0px;
  font-size: 12px;
  border: 1px solid #ddd;
  text-decoration: none;
}

#waiting {
  background-color: #eee;
  padding: 20px;
  border: 1px solid #ddd;
}

#call2action {
  position: absolute;
  width: 220px;
  height: 20px;
  top: 116px;
  margin-left: 240px;
  left: 50%;
}

#how_to_buy {
	height: 75px;
	width: 75px;
    position: absolute;
	top:  0;
	right: 0;
}

#how_to_buy a img {
		height: 75px;
	width: 75px;
    background: url('/images/icons/how_to_buy.gif') no-repeat top right;
}

#how_to_buy a img:hover {
		height: 75px;
	width: 75px;
    background: url('/images/how_to_buy_hover.gif') no-repeat top right;
}


.steps_right {
  width: 80px;
  float: left;
  height: 150px;
  padding-top: 10px;
}

.steps_left {
  float: left;
  width: 400px;
  padding: 10px;
  height: 150px;
}

#content object {
  
}

#content div.steps p, #content div.steps h2 {
  margin: 0px;
  padding: 0px;
}

.register {
  width: 640px;
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #ddffcc;
  color: #666;
}

.register tr {
  line-height: 40px;
}

.googlemap {
  border: solid 3px #eee;
  background-color: linen;
  text-align: center;
  padding: 20px 0;
}

td.submit {
  text-align: right;
}

.register h1 {
  
}

.backaway {
}

.backaway a img, .backaway2 a img {
  width: 75px;
}

.backaway2 {
position: relative;
left: 10%;
top: 8px;
}

.newsletter {
  background: url('/images/newsletter.jpg') center;
  height: 40px;
  width: 228px;
  text-align: center;
}

.newsletter a {
  text-decoration: none;
  border: 0px;
  color: #fff;
  line-height: 36px;
  font-size: 13px;
}

.newsletter a:hover {
  color: #757575;
}

a img {
  border-style: none;
}

a:hover {
  text-decoration: none;
}

#main {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 0 10px;
}

#topmenu {
  background: url('/images/menu.jpg');
  overflow: hidden;
  line-height: 34px;
  height: 34px;
  text-align: left;
  font-size: 13px;
  margin-bottom: 10px;
}

#topmenu a {
  color: #999;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
}

#topmenu a:hover , #topmenu a.selected {
  color: #333;
  text-decoration: underline;
}

#content {
  font-size: 1em;
  line-height: 1.5em;
}

#content p {
  margin-top: 0px;
  margin-bottom: 14px;
}

#content h1 {
  font-size: 1.7em;
  color: #3D4150;
  font-weight: normal;
  line-height: 30px;
}

#content h2 {
  font-size: 1.3em;
  color: #3D4150;
  margin-top: 0px;
  margin-bottom: 14px;
  font-weight: normal;
}

#content h4 {
  font-size: 1.2em;
  color: #3D4150;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
}

#content a {
  text-decoration: underline;
  color: #3D4150;
}

#contentHeader 
{
	color:#007F64;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:22px;
	padding-bottom: 14px;
}

.warning 
{
	list-style-image:url(form_bullet.gif);
	font-size: 12px;
	color: #CC0000;
}

#sagecontent 
{
	color:  #666666;
	width: 90%;
	float: left;
	padding: 12px;
	text-align: left;
	border: 5px solid #aaa;
	background-color: #eee;
}

#head {
  overflow: hidden;
  zoom: 1;
}

#leftpanel {
  width: 221px;
  float: left;
}

#leftmenu {
  background-color: #fff;
  width: 227px;
}

#leftmenu a {
  display: block;
  padding-left: 10px;
  line-height: 36px;
  border-bottom: 1px solid #dbdbdd;
  color: #50546a;
  text-decoration: none;
  font-size: 15px;
}

#leftmenu a:hover , #leftmenu a.selected {
  color: #3b5a31;
  text-decoration: underline;
}

#lefttext {
  margin-top: 60px;
  line-height: 20px;
  font-size: 12px;
  padding-left: 10px;
}

#lefttext h2 {
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #3f435c;
}

#lefttext p {
  margin-top: 0px;
  margin-bottom: 14px;
}

#lefttext a {
  text-decoration: underline;
  color: #414455;
}

#rightpanel {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 680px;
}

#footer {
  padding-bottom: 15px;
  border-top: 1px solid #aaa;
  height: 30px;
}

#footer a {
  float: right;
  font-size: 12px;
  color: #3f4150;
  margin-top: 20px;
  padding: 0 5px 0 5px;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer a.map {
  border-right: 1px solid #3f4150;
}

div.newsholder {
  
}

.newsrow {
  margin-bottom: 0px;
  margin-top: 15px;
  padding: 20px 10px;
  border: solid 3px #eee;
  background-color: linen;
}

div.newsrow div.title2_r {
  color: #333;
  font-style: italic;
  font-size: 0.9em;
}

div.newsrow div.title1 {
  color: #414352;
  font-size: 1.3em;
  margin-bottom: 15px;
}

.more {
  margin: 10px 0;
  text-align: right;
  height: 25px;
  line-height: 25px;
  width: 680px;
  padding: 0px 0px;
}

.more a:hover {
  text-decoration: none;
}

#catalog_chain {
  margin:  0 0 10px 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  line-height: 25px;
}

.details {
  
}

#catalog_chain a {
  text-decoration: none;
  color: #404454;
  text-transform: uppercase;
}

#catalog_chain a:hover {
  text-decoration: underline;
}

#catalog_choose {
  overflow: auto;
  zoom: 1;
  width: 100%;
  padding: 10px 0;
}

/* 
 -*-Catalog-*- 
*/

.catalog_choose_el {
  text-align: center;
  margin: 0px 5px 5px 0;
  width: 310px;
  float: left;
  padding: 15px 10px;
  border: 1px solid #ddd;
  background-color: #ddffcc;
  height: 390px;
}

.catalog_item {
  margin: 5px 6px 0px 0px;
  width: 200px;
  padding: 10px;
  border-top: 1px solid #ddd;
  background-color: #ddffcc;
  float: left;
  height: 330px;
}

.catalog_item2 {
  margin: 5px 6px 0px 0px;
  width: 200px;
  padding: 10px;
  border-top: 1px solid #ddd;
  background-color: #ddffcc;
  float: left;
  
  height: 270px;
}

.product_text {
  text-align: center;
}



.catalog_item img, .catalog_item2 img {
  width: 200px;
}

.catalog_item .small_icon {
  width: 30px;
}

.prod_desc {
  width: 295px;
  float: right;
  margin-top: 10px;
}

.prod_desc p {
  width: 295px;
  padding: 0px;
  margin: 0px;
  float: right;
}

.prod_desc h1 {
  padding: 0px;
  margin: 0px;
  float: left;
}

.prod_holder {
  width: 100%;

}

.sold_out {
  background-color: #e52910;
  width: 150px;
  padding: 5px 0;
  text-align: center;
  margin: 1px;
  border: 1px solid #e52910;
}

.sold_out h3 {
  font-weight: normal;
  color: #fff;
  margin: 0;
}

.full_prod_holder {
  overflow: auto;
  padding-bottom: 10px;
  margin-top: 10px;
  width: 660px;
  padding: 10px;
  border: 1px solid #ddd;
}

.full_prod_holder .cat_img {
  border: 0px solid #CCC;
  padding: 1px;
  float: left;
  margin: 10px 0px 0px 0px;
  height: 400px;
}

.pager {
  line-height: 25px;
  position: relative;
  width: 652px;
  color: #666;
  text-align: right;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  margin: 0px 0;
  padding: 0 10px;
}

.pages {
  border: 0px solid #333;
  text-align: center;
}

a.pages {
  
}

a.pages:hover {
  
}

#note {
  margin-top: 10px;
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 20px;
  width: 640px;
	color: #000;
}


#note em {
  color: #666;
}

.prices {
  padding: 1px 5px 0 5px;
  text-align: center;
  background-image: url('/design/images/price_bg.gif');
  background-repeat: no-repeat;
  background-position: top center;
  height: 20px;
  color: #fff;
  position: relative;
  left: 45px;
  top: 21px;
  float: left;
  width: 65px;
}

.prices h3 {
  color: #666;
}

.prices img {
  
}

.prices2 {
  padding: 1px 5px 0 5px;
  text-align: center;
  background-image: url('/design/images/price_bg.gif');
  background-repeat: no-repeat;
  background-position: top center;
  height: 20px;
  color: #fff;
  float: left;
  margin-bottom: 4px;
  width: 65px;
}

.prices3 {
  padding: 1px;
  text-align: center;
  height: 20px;
  color: #e52910;
  font-weight: bold;
  float: right;
  margin: 4px;
  width: 65px;
  font-size: 22px;
}

/*
 --- Cart --- 
*/

#cart_small {
  text-align: right;
  width: 228px;
  background:#327fcb;  
  height: 43px;  
}


.cart_preview {
  padding: 0px 2px;
  padding-left: 44px; 
}

#leftmenu #cart_small .cart_preview a {
line-height: 20px;
	border: 0px;
	padding: 0px 0;
  text-decoration: underline;
  float: left;
  color: #ddd;

  margin: 0 5px;
  cursor: pointer;
}

#cart_small a {
}

#cart_small .cart_preview a:hover {
	color: #ccc;
	  text-decoration: none;
}

/*
#cart_small {
  position: absolute;
  top: 5px;
  left: 50%;
  padding-left: 280px;
  width: 190px;
  text-align: right;
  z-index: 999;
}



.cart_preview {
  background:#757575;
  border: 3px solid #fff;
  padding: 6px 2px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-align:left;
  height: 45px;
  width: 165px;
}

.cart_preview a {
  float: right;
  color: #ddd;
}

#cart_small a {
  color: #ddd;
  float: left;
  margin: 0 5px;
  cursor: pointer;
}

#cart_small a:hover {
	color: #ccc;
}
*/

#small_cart_status {
  color: #fff;
  padding-right: 30px;
  margin: 0;
  cursor: default;
  text-align: right;
  
}


.backbutton a {
	float: right;
	margin: 0px 2px;
  background: url('/images/back.gif') no-repeat top left;
}

.backbutton a:hover {
  background: url('/images/back_hover.gif') no-repeat top left;
}

.detailsbutton a {
	float: left;
	margin: 0 5px;
  background: url('/images/details.gif') no-repeat top left;
}

.detailsbutton a:hover {
  background: url('/images/details_hover.gif') no-repeat top left;
}



.addtocart a img, .backbutton a img, .detailsbutton a img {
  height: 20px;
}

.addtocart a {
  background: url('/images/add_to_cart.gif') no-repeat top left;
}

.catalog_item .addtocart a {
  float: left;
  margin: 0 2px;
}

.backaway .addtocart a {
  float: right;
}

.addtocart a:hover {
  background: url('/images/add_to_cart_hover.gif') no-repeat top left;
}


#empty_cart {
  background-color: #eee;
  padding: 30px 0px;
  margin: 10px 0px;
  border: 1px solid #ddd;
  width: 100%;
  text-align: center;
  
}

/* 
 --- User area ---- 
*/

.member {
    position: absolute;
  top: 65px;
  left: 50%;
    padding-left: 320px;
}

.member a {
  color: #bbb;
  margin: 0 5px;
  cursor: pointer;
}

.member a:hover {
	color: #fff;
}


#log {
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ddd;
}

#log table {
  width: 100%;
}

#log input {
  width: 270px;
}

.user_register, .order_form {
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ddd;
   
}

.user_register table {
  width: 99%;
}

.user_register .tdinput {
  width: 00px;
}

.tooltipfloat {
  float: right;
}

#profile {
  padding: 0px;
}

#options {
	padding: 5px;
  background-color: #ccc;
}

#options a {
  color: #333;
  margin: 0 5px;
  cursor: pointer;
}


#options a:hover {
	color: #666;
	text-decoration: none;
}

.account_details {
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ddd;  
}


.user_account table {
  width: 100%;
}

/* My Comment */



/* 
 --- Gallery ---- 
*/

.gallery img {
  border: 1px solid #CCC;
  padding: 1px;
  margin-right: 3px;
}

.shopping_cart {
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #333;
  background-image: url('/images/cart_content.jpg');
  background-repeat: repeat-y;
  background-position: top center;
}

.shopping_cart tr td {
	padding: 0;
	line-height: 13px;
}

.mybutton {
  text-align: center;
  color: #333;
  padding: 0 10px;
}

/* My Comment */

.cart_caption {
  padding: 0;
  
}

.cart_name {

}

p.cart_buttons {
  text-align: right;
  padding-right: 10px;
  padding-top: 20px;
}

.total_price {
  text-align: right;
}

.cart_quantity, .cart_price, .cart_actions {
  text-align: center;
}

.product_icons {
  margin-top: 5px;
  text-align: center;
  height: 35px;
}

.catalog_item h2 {
  margin: 0px;
  padding: 0;
  height: 40px;
  text-align: center;
  text-transform: capitalize;
  overflow: hidden;
}



hr {
  height: 1px;
  color: #44aa22;
  border-top: 0px solid #333;
  background-color: #44aa22;
}

.img_right {
  float: right;
  border: 1px solid #AAA;
  padding: 1px;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 4px;
}

.img_border {
  border: 1px solid #AAA;
  padding: 1px;
}

#productoftheweek {
  text-align: center;
  background-color: #416037;
  width: 228px;
  color: #fff;
}

#productoftheweek img {
  margin: 0px;
  border: 1px solid #eee;
}

#productoftheweek a {
  border: none;
  color: #fff;
}

#productoftheweek h3 {
  margin: 0px;
}

#contact {
  background-color: #ddffcc;
  border: 1px solid #CCC;
  padding: 24px;
  width: 630px;
  color: #333;
}

#contact tr {
  line-height: 13px;
}

.tdtext {
  width: 390px;
  text-align: right;
  padding-right: 5px;
}

em {
  color: #aaa;
}

.payment {
  float: right;
  text-align: center;
  margin: 10px 0;
}

.em_text {
  float: left;
}

.sh_footer {
  background-color: #eee;
  padding: 10px;
  height: 100px;
  margin: 10px 0;
  width: 60%;
  border: 1px solid #ddd;
}

.contact_form dt {
  float: left;
  width: 190px;
}

.contact_form dd {
  margin: 0px;
}

.contact_form input {
  width: 350px;
}

.contact_form textarea {
  width: 354px;
}


.offer {
  text-align: center;
  line-height: 2em;
font-family: 'Rokkitt', serif;
  padding: 20px 40px;
  background-color: #c80000;
}


#content .offer h1 {
  font-size: 180px;
  font-weight: bolder;
  line-height: 180px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'Rokkitt', serif;
}

#content .offer h1 .lowercase {
    text-transform:lowercase;
  
}

#content .offer h2 {
  color: #FFFFFF;
  font-size: 60px;
  line-height: 80px;
  font-weight: bolder;
  margin-top: 530x;
  margin-bottom: 22px;
  text-transform: uppercase;  
  font-family: 'Rokkitt', serif;
}

#content .offer h3 {
  font-weight: bolder;  
  color: #FFFFFF;
  font-size: 36px;
  line-height: 60px;
  font-weight: bolder;
  margin-top: 40px;
  margin-bottom: 14px;
  text-transform: uppercase;    
  font-family: 'Rokkitt', serif;
}

