@import url("assets/styles/product-1.css");
@import url("assets/styles/default.css");
@import url("global/css/macbox.css");

OPTION, SELECT, TABLE{ font-family: verdana, Helvetica, sans-serif; margin: 0px; font-size: 11px; text-align:left;}
A {font-weight: 800;  margin: 0px; font-size: 11px; color: #336699; text-decoration: underline;}
a:hover {color: #669900; text-weight: bold; text-decoration: none; }
BODY {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }

h1 { font-size: 20px; color: #669900; padding: 0; margin: 3px 0px 3px 0px; }
h1 a {font-size: 16px; padding: 0; margin: 10px 0px; color: #374608;}
h2 { font-size: 14px; margin: 0px; padding: 0px 0px 5px 0px;}
h3 { font-size: 14px;; margin: 0px; color: #339900;}
h5 { font-size: 14px; margin: 0px;  padding: 0px; font-weight: 800; }
h6 {font: 12px; font-weight: 800; padding: 26px 0px; margin: 0px; font-weight: 100;}
hr {height: 1px; background: #ffffff; color: #ffffff;}
ul{ marging: 4px; padding: 0px; list-style: square;}
li{ margin: 0px; list-style: square; padding: 2px 0px;}
p {margin: 0px; padding: 0px 0px 10px 0px}
img {border: 0px;}
.caption h1 {font-size: 11px;}
#container {margin: 0px;}
.main { width: 780px;}
#mainpage { margin:0 auto; }
#firefox { margin:0 auto;}

.rrp, .saving, .wasprice {
	display: none !important;
}

.baskethead {background: #FFCF00 url("/images/barbg.gif"); height: 36px; font-weight: 800; font-size: 13px; color: ffffff;}
.baskethead td h3 { background: url("/images/barl.gif") no-repeat top left; color: #ffffff; margin: 0px; padding: 0px 0px 0px 30px; display: block; font-size: 14px; height: 36px; line-height: 36px;}
.baskethead td h4 {background: url("/images/barr.gif") no-repeat top right; padding: 0px 5px 0px 0px; color: #ffffff; margin: 0px; padding: 0px; display: block; font-size: 14px; height: 36px; line-height: 36px;}
baskethead { margin: 0px; padding: 0px; display: block; font-size: 14px; height: 36px; line-height: 36px;}
.priceline td{ background: #FFF7C5; padding: 10px 5px; border-top: 1px solid #FFD800; border-bottom: 1px solid #FFD800;}
.basketrow {padding: 0px 5px;}
.basketrow a{ font-weight: 800;}
.basketleft {border-left: 1px solid #FFD800;}
.basketright {border-right: 1px solid #FFD800;}
.basketco {padding: 5px;}

/* FILTER CSS ---------------------------------------------------------- */

.boxfilters 		{ font-weight: 800; color: #ffffff; width: 100%;  font-size: 11px; line-height: 14px; margin: 5px 0px 5px 0px; border-bottom: 0px; background: #ffffff url("/images/filterbg.gif") repeat-x bottom left;}
.filterr {background: url("/images/filterr.gif") repeat-y bottom right; width: 18px;}
.filterl { width: 32%; background: url("/images/filterl.gif") bottom left no-repeat; padding: 0px 6px 10px 6px;}
.filterl a, .filterl a:hover	{ font-size: 11px; font-weight: 100;}
.boxfilters select{ font-family: verdana, arial, helvetica; font-size: 11px;}

.filterhead {background: #ffffff url("/images/filtertopbg.gif") repeat-x top right; height: 27px; }
.filterhead H3	{color: #ffffff; font-size: 11px; height: 27px; padding: 0px 0px 0px 22px; font-weight: 800;  display: block; margin: 0px; background: url("/images/filtert.gif") no-repeat top left; line-height: 21px;}
.filterhead span { height: 27px; display: block; background: url("/images/filtertr.gif") no-repeat top right;}


/* ---------------------------------------------------------------------- */
/* BANNER CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#clock_top {height:150px; position: relative; width: 597px; margin: 15px 0px 15px 0px;}
#clock_top span {position: absolute; height: 150px; width:100%; background: url("/images/top_2_may.gif") no-repeat; background-position: left;}
#clock_top img {width: 100%;}
#clock_top a {position: absolute; z-index: 9999; width: 100%;}
#tzcd {left: 20px; top: 70px; width: 100%; color: #000; font-size:22px; margin: 0px; letter-spacing: -1px; text-align: center; position: absolute; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; position: relative;}
#tzcd span { width: auto; height: auto; background-image: none; background: none; text-align: left;}
#tzcd h1 {font-size: 32px; color: #537c00; padding: 0px; margin-bottom: 7px; font-weight: bold; display: block; }
#tzcd h2 {font-size: 24px; color: #000; padding: 0px; margin-right: 0px;font-weight: bold; display: inline;}
#tzcd h3 {font-size: 24px; color: #000; padding: 0px; margin-right: 0px; font-weight: bold; display: inline;}


.banner {padding: 5px; text-align: center; font-weight: 100; margin:0px 5px 0px 5px; color: #ffffff; background: #CC0000;}
.banner a{ color: #ffffff; display: block; font-weight: 800;}
.banner a:hover{color: #ffffff;} 
.bannerb {border: 1px solid #537C00; padding: 0px; text-align: center; font-weight: 100; margin:5px; color: #ffffff;}
.bannerb a{ color: #ffffff; display: block; font-weight: 800;}
.bannerb a:hover{color: #ffffff;} 
/* ---------------------------------------------------------------------- */
/* FRONT TREE CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#frontcattree { text-align: center;}
#frontcattree a{ font-size: 10px; font-weight: 100} 
#frontcattree a:hover{} 
#frontcattree h2 a{font-size: 12px; font-weight: 800} 
#frontcattree h1 {text-align: left; font-size: 16px; font-weight: 800;  padding: 5px 5px; border-bottom: 1px solid #EAEAEA} 
#frontcattree p{line-height: 12px; margin: 0px; padding: 0px;} 

.bestsellers {border: 1px solid #669900; width: 100%;}
.bestsellers a{ font-size: 11px; font-weight: 100;}
.bestsellers .price3 {font-size: 11px;}
.bestsellers .price4 {font-size: 10px;}
table.bestsellers  {padding: 1px 5px;}

.featured2 {border: 1px solid #669900;}
.featured2 a{ font-size: 11px; font-weight: 100;}
.featured2 .price3 {font-size: 11px;}
.featured2 .price4 {font-size: 10px;}
table.featured2  {padding: 1px 5px;}

.arrow {width: 20px; height: 40px; background: url("/images/arrow3.gif") no-repeat center center; float: left;}
.arrowsave {width: 20px; height: 40px; background: url("/images/arrow4.gif") no-repeat center center; float: left;}
.arrowfav {width: 20px; height: 15px; background: url("/images/arrow5.gif") no-repeat center center; float: left;}


.boxblue { width: auto; font-size: 10px; background-color: #FFFFff; margin: 0px;  padding: 0px 0px 10px 0px; border-right: solid 1px #eaeaea;}
.boxblue H2	{margin: 0px 0px 10px 0px; padding: 5px 5px 0px 5px; font-weight: 800; font-size: 12px; color: #fff; display: block; background-color: #669900;}
.boxblue H3	{margin: 0px 0px 5px 0px; padding: 0px; font-weight: 800; font-size: 12px; color: #ffffff; display: block; border-bottom: 1px solid #EAEAEA}
.boxblue H2 a { font-size: 12px; margin: 0px; padding: 0px 0px 5px 0px; display: block; color: #fff;}
.boxblue H2 a:hover { color: #000; }
.boxblue H3 a { font-size: 12px; margin:0px; padding: 5px 0px; display: block;}
.boxblue h2 img { width: 15px; height: 15px; vertical-align: middle; background: url("/images/headgo.gif") right center no-repeat;}
.boxblue div {  color: #000000; font-size: 10px; text-align: left; overflow: hidden; }
.boxblue .abvsmall { margin: 5px 0px 0px 0px;  color: #000000; font-size: 11px; text-align: left;}
.boxblue .small	{  color: #666666; height: 15px; overflow: hidden; font-size: 9px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 5px 10px}
.boxblue a { font-size: 11px; text-decoration: none;}
.boxblue a:hover { text-decoration: underline;}
.boxblue p { margin: 5px 0px;  padding: 0px;}
.boxblue row {  font-size: 12px;  clear: both; padding-top: 3px;}
.boxblue span.line {  float: left; width: 140px; font-size: 12px; font-weight: 800; text-align: left; margin-right:10px;}
.boxblue input {width: 200px; height: 22px; padding: 0px; margin: 0px; vertical-align: middle; padding: 2px;}
.boxblue textarea {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 200px; padding: 2px; height: 150px;}
.boxblue select {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 200px; height: 22px; padding: 2px;}
#btnSend, #btnClear { font-size: 12px; width: 100px;}

.brandslist 		{width: 100%; margin: 0px 0px 10px 0px;  padding: 0px 0px; border: 1px solid #FFCC33;}
.brandslist 	div	{width: 100%; margin: 0px;  padding: 10px; background: #FFF1B1;}
.brandslist input {font-size: 10px;}
.brandslist  H2	{ padding: 5px; margin: 0px font-weight: 800; font-size: 11px; color: #ffffff;  display: block; background: #FFCC33;}
.brandslist  H2 a	{ font-weight: 800; font-size: 10px; color: #000000;  display: block;}
.brandslist  table {padding: 0px; margin: 0px 0px 15px 0px; }
.brandslist  td	{ margin: 0px; text-align: left; padding: 2px 5px 2px 5px; font-size: 11px; }
.brandslist  td a {font-weight: 100; font-size: 11px;}
.brandslist  .wasprice {line-height: 10px;}
.brandslist  .price {line-height: 10px; font-size: 11px;}
.brandslist  .saving {line-height: 10px; font-size: 10px;}

#multiimages {  text-align: center;}
#mainimagecaption {margin: 5px 0px;}

/* ---------------------------------------------------------------------- */
/* FEATURED CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#featured { border: 1px solid #6B8E34; height: 120px;}
#featured a{ font-size: 11px; font-weight: 800} 
#featured a:hover{} 
#featured h2 a{ background:#6B8E34 url("/images/arrow.gif") no-repeat right;  text-align: left; font-size: 11px; font-weight: 800; display: block;  padding: 5px 15px 5px 5px; color: #ffffff;} 


.boxprodheader { width: 100%; background: url("/images/barbg.gif"); height: 20px; }
.boxprodheader span{ height: 20px; padding: 0px;  background: url("/images/barr.gif") no-repeat top right;}
.boxprodheader h2 { line-height: 20px; display: block; height: 20px; font-size: 14px; width: 100%; margin: 0px; padding: 0px 0px 5px 0px;   color: #336699; border-bottom: 1px solid #EAEAEA;}





.yellowbox {border: solid 1px #999999; padding: 20px; text-align: left; width: 430px;}
.yellowbox h2 {font-size: 18px; color: #336600; margin-bottom: 15px;}
.yellowbox h3 {padding: 0px; margin: 0px;}
.yellowbox div {border-bottom: solid 1px #E8E8E8; margin-bottom: 5px; padding-bottom: 5px;}
.yellowbox span {padding: 0px; margin: 0px;}
.yellowbox span input {padding: 3px; margin: 0px; border: solid 1px #000000; background-image: url(/images/contact_input_bg.gif); background-position: top left; background-repeat: no-repeat; width: 200px;}
.yellowbox span textarea {padding: 3px; margin: 0px;  border: solid 1px #000000; background-image: url(/images/contact_input_bg.gif); background-position: top left; background-repeat: no-repeat; width: 200px; height: 100px;}
.yellowbox span select {padding: 3px; margin: 0px; border: solid 1px #000000; background-image: url(/images/contact_input_bg.gif); background-position: top left; background-repeat: no-repeat;  width: 200px;}
.yellowbox label {padding: 0px; margin: 0px; width: 160px; float: left;}
.yellowbox #btnSend { background-color: #336600; font-weight: bold; font-size: 12px; border: none; color: #FFFFFF; padding: 5px; cursor: pointer; float: right; margin-top: 10px;}




.boxprodbest { background: #669900 url("/images/barbg6.gif") repeat-x;}
.boxprodbest a{  color: #000000; font-size: 11px;}
.boxprodbest span{ }
.boxprodbest h2 { background: url("/images/barl6.gif") no-repeat top left; line-height: 20px; display: block; height: 20px; font-size: 11px; margin: 0px; padding: 0px; padding-left: 5px; color: #ffffff; }


.boxprodheaderlist { width: 100%; background: #669900 url("/images/barbg.gif"); height: 20px; }
.boxprodheaderlist span{ height: 20px; padding: 0px;  background: url("/images/barr.gif") no-repeat top right;}
.boxprodheaderlist h2 { line-height: 20px; display: block; height: 20px; font-size: 11px; width: 100%; margin: 0px; padding: 0px;   color: #ffffff; }


.boxprodheader6 { background: #DC0000 url("/images/barbg6.gif") repeat-x; width: 100%;}
.boxprodheader6 a{  color: #ffffff; font-size: 12px;}
.boxprodheader6 span{ }
.boxprodheader6 h2 { background: url("/images/barl6.gif") no-repeat top left; line-height: 20px; display: block; height: 20px; font-size: 11px; width: 100%; margin: 0px; padding: 0px; padding-left: 5px; color: #ffffff; }


.boxprodheader7 { background: #FFCC33 url("/images/barbg6.gif") repeat-x;}
.boxprodheader7 a{  color: #000000; font-size: 11px;}
.boxprodheader7 span{ }
.boxprodheader7 h2 { background: url("/images/barl6.gif") no-repeat top left; line-height: 20px; display: block; height: 20px; font-size: 11px; margin: 0px; padding: 0px; padding-left: 5px; color: #ffffff; }

.boxprodheader8 { background: #666699 url("/images/barbg6.gif") repeat-x;}
.boxprodheader8 a{  color: #000000; font-size: 11px;}
.boxprodheader8 span{ }
.boxprodheader8 h2 { background: url("/images/barl6.gif") no-repeat top left; line-height: 20px; display: block; height: 20px; font-size: 11px; margin: 0px; padding: 0px; padding-left: 5px; color: #ffffff; }


.boxprodlistspecial 		{width: 100%; margin: 0px 0px 10px 0px;  padding: 0px 0px; border: 1px solid #dc0000;}
.boxprodlistspecial H2	{ padding: 0px 0px; font-weight: 800; font-size: 14px; color: #0B85E3;  display: block;}
.boxprodlistspecial H2 a	{ font-weight: 800; font-size: 10px; color: #000000;  display: block;}
.boxprodlistspecial H3	{ padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;}
.boxprodlistspecial H3 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxprodlistspecial table {padding: 0px; margin: 0px 0px 15px 0px; }
.boxprodlistspecial td	{ margin: 0px; text-align: left; padding: 2px 5px 2px 5px; font-size: 11px; }
.boxprodlistspecial td a {font-weight: 100; font-size: 11px;}
.boxprodlistspecial .wasprice {line-height: 10px;}
.boxprodlistspecial .price {line-height: 10px; font-size: 11px;}
.boxprodlistspecial .saving {line-height: 10px; font-size: 10px;}

.boxprodlistfav 		{width: 100%; margin: 0px 0px 10px 0px;  padding: 0px 0px; border: 1px solid #666699;}
.boxprodlistfav  H2	{ padding: 0px 0px; font-weight: 800; font-size: 14px; color: #0B85E3;  display: block;}
.boxprodlistfav  H2 a	{ font-weight: 800; font-size: 10px; color: #000000;  display: block;}
.boxprodlistfav  H3	{ padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;}
.boxprodlistfav  H3 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxprodlistfav  table {padding: 0px; margin: 0px 0px 15px 0px; }
.boxprodlistfav  td	{ margin: 0px; text-align: left; padding: 2px 5px 2px 5px; font-size: 9px; }
.boxprodlistfav  td a {font-weight: 100; font-size: 11px;}
.boxprodlistfav  .wasprice {line-height: 10px;}
.boxprodlistfav  .price {line-height: 10px; font-size: 11px;}
.boxprodlistfav  .saving {line-height: 10px; font-size: 10px;}

.whatsnewlist 		{width: 100%; margin: 0px 0px 10px 0px;  padding: 0px 0px; border: 1px solid #FFCC33;}
.whatsnewlist  H2	{ padding: 0px 0px; font-weight: 800; font-size: 14px; color: #ffcc33;  display: block;}
.whatsnewlist  H2 a	{ font-weight: 800; font-size: 10px; color: #0B85E3;  display: block;}
.whatsnewlist  H3	{ padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;}
.whatsnewlist  H3 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.whatsnewlist  table {padding: 0px; margin: 0px 0px 15px 0px; }
.whatsnewlist  td	{ margin: 0px; text-align: left; padding: 2px 5px 2px 5px; font-size: 11px; }
.whatsnewlist  td a {font-weight: 100; font-size: 11px;}
.whatsnewlist  div {padding: 5px 0px;}
.whatsnewlist  .wasprice {line-height: 10px;}
.whatsnewlist  .price {line-height: 10px; font-size: 11px;}
.whatsnewlist  .saving {line-height: 10px; font-size: 10px;}

.more { width: 100%; text-align: right; padding: 0 10px 0px 0; font-size: 11px; font-weight: 100;}
.more a { text-align: right; padding: 0 10px 0px 0; font-size: 11px; font-weight: 100; background: url("/images/leftarrow.gif") no-repeat; background-position: 100% -2;}


.boxprodlist { margin: 0px 0px 10px 0px;  padding: 0px 0px; border-top: 0px; width: 100%;}
.boxprodlist H2	{ padding: 0px 0px; font-weight: 800; font-size: 14px; color: #0B85E3;  display: block;}
.boxprodlist H2 a	{ font-weight: 800; font-size: 11px; color: #0B85E3;  display: block;}
.boxprodlist H3	{ padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;}
.boxprodlist H3 a	{ font-weight: 800; font-size: 11px; color: #ffffff;  display: block;}
.boxprodlist table {padding: 0px; margin: 0px; width:100%}
.boxprodlist td	{ margin: 0px; text-align: left; padding: 10px 4px 10px 4px; font-size: 10px; }
.boxprodlist td a {font-weight: 800; margin: 5px 0px; font-size: 11px; text-decoration: none;}
td.details { background: #ffffff; color: #638714; padding: 5px; font-size: 10px; border-left: 1px solid #EAEAEA;}
td.details a { font-size: 10px; font-weight: 100; color: #638714; text-decoration: underline;}
.boxprodlist a { font-size: 11px; font-weight: 100;}

td.dotv {background: #FFCC00; width: 1px; height:3px;}
.doth {background: url("/images/dot2.gif") repeat-x center center; height:1px;}
.sep {background: #EAEAEA; height:1px;}
.sepspecial {background: #EAEAEA; height:1px;}


/* ---------------------------------------------------------------------- */
/* CAT PAGE CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.supercat td { verticle-align: middle; line-height: 16px;}
.supercat a {font-size: 11px; font-weight: 800; padding: 8px 0px; text-decoration: none; }
.supercat a:hover { text-decoration: none; }
.supercat div a { font-size: 11px;  text-decoration: underline; }
.supercat div a:hover {color: #79A41A; text-decoration: none;}
.supercat h6 a {font-size: 9px; margin: 0px; padding: 0px;}
.supercat h1 {font-size: 15px; margin: 0px;   padding: 0px;}
.supercat h1 a {font-size: 15px; margin: 0px;   padding: 0px;}
.supercat h1 a:hover {color: #79A41A; text-decoration: none;}
.supercat .price2 {font-size: 11px;}

.numofprods {color: #339900; float: right; position: relative; top: -17px; left: -30px; font-size: 10px;}



/* ---------------------------------------------------------------------- */
/* SIDE MENU CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.menu {font-size: 11px; color: #000000;  }
.menu a { padding: 4px 6px 4px 18px; color: #000000;  font-size: 11px; display: block;  font-weight: 100; line-height: 13px; background: #FFF1B1 url("/images/arrow2.gif") no-repeat left center;   }
.menu a:hover {color: #000000; background:  #FFCC2F url("/images/arrow2.gif") no-repeat left center; text-decoration: none;}
.menu h2 { background: #FFCC2F; display: block; font-size: 11px; color: #000000; padding: 5px; line-height: 12px;}
.menubg {background: #638714; border: 1px solid #537C00;} 
.menubg td {  line-height: 12px; text-align: center; height: 36px;}
.menubg a { color: #ffffff; height: 36px;  padding: 4px 10px; line-height: 12px;   background: #FFF1B1;}
.menubg a:hover { background:  #537C00; text-decoration: none;  line-height: 12px; }
.menubg2 { color: #ffffff; background: #537C00; display: block; height: 30px; padding: 10px; text-transform: uppercase;  line-height: 12px; }
.menubg2 a { color: #ffffff;  padding: 2px; text-decoration: none;  line-height: 12px; }
.menubg2 a:hover { color: #ffffff; text-decoration: underline;  line-height: 12px; }
.menubg2 span {display: none;}
.menu h4 {font-size: 11px; color: #000000; padding: 5 10px; margin: 0px;  background: #FFF1B1; line-height: 12px; border-top: #FFCC33 1px solid;}
.menu h4 a, .menu h4 a:hover {font-size: 10px; color: #000000; padding: 0px; margin: 0px; background: url("/images/spacer.gif"); line-height: 12px; }
.menu h6 {font-weight: 800;font-size: 12px; color: #ffffff; padding: 5px 10px 5px 5px; margin: 0px;   background: #537C00; line-height: 12px;}
.menu h6 a {font-size: 11px; color: #ffffff; padding: 0px 0px; margin: 0px;  background: #537C00; line-height: 12px;}
.menu h6 a:hover {font-size: 11px; color: #ffffff;  margin: 0px;   background: #537C00; line-height: 12px;}
.menu .subcats a { padding: 4px 6px 4px 18px; color: #000000;  font-size: 11px; display: block;  font-weight: 100; line-height: 13px; background: ffffff url("/images/arrow10.gif") no-repeat left center;   }
.menu .subcats a:hover {color: #000000; background:  #FFCC2F url("/images/arrow10.gif") no-repeat left center; text-decoration: none;}
#cross-link-ban  { text-align: left; }
.menu #cross-link-ban a { background: #fff; }
.menu #cross-link-ban a:hover{ background: #fff; }

a.submain {}

#filters h2{ background: #ABC9D3; color: #41585F; font-size: 11px;}
#filters a { border: 0px;  color: #516B73; font-size: 10px; padding: 2px 6px; background: #DBE9ED url("/images/spacer.gif") no-repeat left center;}
#filters a:hover { }

/* ---------------------------------------------------------------------- */
/* PRICING CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */


.productpagepricebox h3 {font-weight: 800; font-size: 12px; text-align: left; margin: 0px 0px 10px 0px; padding: 5px 0px;  color: #339900; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;}
.productpagepricebox {text-align: left; margin: 0px; padding: 0px;}
.total {width: 100%; clear: both;}
.totalprice { float: left; margin: 0px 10px 10px 0px;}
.atbbutton { text-align: right; float: right; margin: 0px 0px 10px 0px; }

.pricingbox .optionstop { width: 100%; }
.pricingbox form { margin: 0px 0px 15px 0px; padding: 0px;}

.pricingbox .optionstop span{width: 100%; }
.pricingbox .optionstop h4 { background: #FFCC2F; font-size: 11px; border: 0px; color: #000000; padding: 3px 10px; width: 100%; display: block; margin: 0px;    }
.pricingbox h4 {font-size: 13px; color: #339900; margin: 0px 0px 5px 0px; padding: 3px 0px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;}
.pricingbox label {font-size: 11px; padding: 0px; margin: 0px; }
.pricingbox .price4 {font-size: 10px; color: #dc0000; margin: 0px 0px 10px 0px; padding: 0px; font-weight: 8100;}

.pricingbox .formstyle td {padding: 4px 0px;}

.productoptionsbox { border: 1px solid #FFCC2F; font-size: 11px; border-top: 0px;  padding: 5px; background: #FFF1B1 url("/images/optionsbg2.gif") repeat-x bottom left; float: left; clear: both; width:100%; font-size: 12px; font-family: verdana;}
label.tblabel  {  font-size: 11px; clear: none; line-height: 20px; margin: 0px;}
.productoptionsbox input { margin: 0px 5px 0px 0px;  padding: 0px; line-height: 10px;}
.productoptionsbox form { white-space: nowrap; padding: 0px; margin: 0px;}
.productoptionsbox label {   font-size: 10px; margin: 0px;}
.productoptionsbox select { float: left; margin: 0px; font-size: 11px; font-family: verdana, ariel, helvetica; width: 100%; margin: 2px 0px;}
.productoptionsbox div {float: left; clear: both; padding: 5px 0px; width:100%;}
.productoptionsbox a { white-space: nowrap; font-size: 10px; font-weight: 100;}

.boxprodpagehead { width: 100%; background: url("/images/barbg.gif"); }
.boxprodpagehead span{  padding: 0px;  background: url("/images/barr.gif") no-repeat top right;}
.boxprodpagehead h2 {  display: block;  font-size: 14px; width: 100%; margin: 0px; padding: 0px 0px 0px 0px;   color: #336699; }

.optionsbot h5 {background: #ffffff; height: 10px;}

.price { color: #dc0000; font-weight: 800; font-size: 11px; text-transform: capatalise;}
.price2 { color: #dc0000; font-weight: 800; font-size: 15px;}
.price3 {font-size: 20px; color: #dc0000; font-weight: 800;}
.price4 {font-size: 12px; color: #dc0000; font-weight: 800;}
.price7 {font-size: 14px; color: #dc0000; font-weight: 800;}
.saving {color: #dc0000; font-size: 9px; font-weight: 100;}
.wasprice { font-size: 9px; color: #888888; font-weight: 100;}
.rrp { font-size: 9px; color: #888888; font-weight: 100;}

.options {  color: #000000; margin: 0px; padding: 0px;}
.options span {color: #dc0000;}


.pagelist {font-size: 80%; text-align: center; vertical-align: middle;}
.formstyle { PADDING: 0px; MARGIN: 0px; vertical-align: middle;}
.filterselect { PADDING: 0px; MARGIN: 2px 0px; vertical-align: middle; width:170px;}
.subheadline { height: 20px; font-size: 15px; color: #638714; font-weight: 800;}
.copy { font-size: 11px; line-height: 15px; color: #5B6450;}
.subcopy { font-size: 70%; line-height: 130%; color: #000000;}
.footer { font-weight: 800; text-decoration: none;  border-top: 0px;  line-height: 16px;}
.footer a {  color: #000000; font-size: 10px; padding: 0px 0px 0px 20px; font-weight: 100; text-decoration: none; line-height: 12px; background: #FFF1B1 url("/images/arrow2.gif") no-repeat left center;}
.footer a:hover {}
.footerlinks {}
.footerlinks a {  color: #000000; padding: 0px; font-weight: 100; text-decoration: none; line-height: 12px; background:;}
.footerlinks a:hover { }

.footer div { padding: 10px;} 
.grey { color: #dddddd;}
.prodlink { height: 25px;   color: #638714;}
.pdesc {padding-top: 10px; font-size: 9px; line-height: 16px; color: #000000;}
.basket {font-size: 11px; }
.imgt {border: 0px;}
.fpp {font-size: 12px; font-weight: 800;}
.prodfind { border: 1px dotted #6299A0;}
.dot {background-image: url(/images/dot.gif); background-repeat: repeat-x; height: 1px;}
.dot1 {background-image: url(/images/dot.gif);background-repeat: repeat-y; height: 1px;}
.top { }
.top a {  font-weight: 800;   font-weight: 800; text-decoration: none; }
.top a:hover {color: #79A41A; text-decoration: none;}
.box {color: #ffffff; background: #537C00; font-weight: 800; display: block; border: 1px solid #690092;}
.popup {padding: 10px; text-align: left;}




/* ---------------------------------------------------------------------- */
/*CONTENT BLOCK CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */




.boxgreennav 		{background: #FFF1B1; margin: 10px 0px; width: 100%;  padding: 5px; color: #638714;}
.boxgreennav H2	{   padding: 5px; font-weight: 800; font-size: 11px; display: block; margin: 0px;}
.boxgreennav H3	{  padding: 0px 0px; font-weight: 800; font-size: 10px; color: #4F6C12; display: block;}
.boxgreennav th	{ padding: 0px; text-align: left; color: #ffffff; padding: 5px; font-weight: 800; font-size: 12px; background: #6B8E34;}
.boxgreennav HR  {padding: 0px; margin: 0px; height: 1px; color: #638714;}
.boxgreennav div	{ font-weight: 100; color: #000000; font-size: 11px; text-align: left; padding: 5px;}
.boxgreennav div div	{ font-weight: 100; color: #000000; font-size: 11px; text-align: left; padding: 4px 0px;}
.boxgreennav span a	{ font-weight: 800; color: #638714; font-size: 11px; text-decoration: underline;}
.boxgreennav span a:hover	{ color: #86B61B; text-decoration: none; }
.boxgreennav a	{  line-height: 14px; padding: 0px 0px 0px 0px; font-weight: 100; font-size: 9px; color: #638714; text-decoration: underline;}
.boxgreennav a:hover	{ color: #86B61B; text-decoration: none; }

.boxgreenrecommend		{background: #ffffff; margin: 10px 0px;  padding:0px;}
.boxgreenrecommend H2	{     background: 99CCCC; color: #003333; font-weight: 800; font-size: 13px; display: block; margin: 0px; padding: 5px;}
.boxgreenrecommend H3	{  padding: 0px 0px; font-weight: 800; font-size: 11px; color: #4F6C12; display: block;}
.boxgreenrecommend div	{ font-weight: 100; color: #000000; font-size: 11px; text-align: left; padding: 10px;}
.boxgreenrecommend div div	{ font-weight: 100; color: #000000; font-size: 11px; text-align: left; padding: 4px 0px;}
.boxgreenrecommend span a	{ font-weight: 800; color: #638714; font-size: 11px; text-decoration: underline;}
.boxgreenrecommendspan a:hover	{ color: #86B61B; text-decoration: none; }
.boxgreenrecommend a{font-weight: 800; font-size: 11px; color: #638714; text-decoration: underline;}
.boxgreenrecommend a:hover	{ color: #86B61B; text-decoration: none; }


.featuredhead { height: 67px;  background: url("/images/featuredhead.gif") left top no-repeat;}
.featuredhead h2{ padding: 18px 8px; color: #ffffff; text-transform: uppercase;}
.featuredbot { background: url("/images/specialbot.gif") left top no-repeat; height: 47px; margin-bottom: 15px;}
.featured { background: url("/images/specialbg.gif") left top repeat-y; text-align: center; padding: 2px 18px;}

.boxgreen { width: 100%; font-size: 11px; line-height: 15px; }
.boxgreen h2 {padding: 5px 10px; margin: 0px; font-weight: 800; font-size: 13px; color: #ffffff; display: block; background: #638714;}
.boxgreen div {padding: 10px;}
.boxgreen h5 {background: #ffffff; color: #3C421E; margin: 10px 0px; padding: 0px;}

.boxyellow 		{ width: 100%; background-color: #ffffff; margin: 10px 0px 10px 0px;  padding: 0px; border: 1px solid #CBAA37;}
.boxyellow H2	{ background-color: #FFCC2F; margin: 0px; padding:5px; font-weight: 800; font-size: 14px; color: #000000; display: block; margin: 1px;}
.boxyellow HR  {padding: 0px; margin: 0px; height: 1px; color: #FFCC2F; width: 99%;}
.boxyellow div	{ padding: 5px; font-weight: 100; color: #000000; font-size: 11px; text-align: left;}
.boxyellow label	{ font-weight: 150px; color: #000000; font-size: 11px; width: 150; text-align: left; clear: both; vertical-align: top;}
.boxyellow a	{font-weight: 800; color: #000000; text-decoration: none;}
.boxyellow a:hover	{ color: #000000; text-decoration: underline; }


.button {width: auto: margin: 10px;}
.radio {list-style-position:outside; float: right;}
.subheading2 { background-color: #638714; margin: 0px; padding: 4px 5px 4px 5px; font-weight: 800; font-size: 14px; color: #ffffff;}

#personalbar a{font-size: 11px; font-weight: 100; text-decoration: underline;}
#personalbar a:hover {font-size: 11px; font-weight: 100; text-decoration: none;}

/* ---------------------------------------------------------------------- */
/* TOP MENUS CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#targettop                 { clear: both; margin:0px 0px 0px 9px; text-align: center; width: 780px;}
#targettop ul              { list-style: none; margin: 0px; padding: 0px; text-align: center; }
#targettop li              { display: inline; margin: 0px; padding: 0px; text-align: center; }
#targettop a               { font-weight: 700; font-size: 10px;TEXT-TRANSFORM: UPPERCASE; color: #ffffff; float: left; background: url("/images/lefttop.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 5px; text-decoration:none; }
#targettop a span          { margin: 0px; float: none; display: block; background: url("/images/righttop.gif") no-repeat right top; padding: 5px 5px 5px 0px;  }
#targettop a:hover         { text-decoration:underline; background-position: 0% -150px; color: #000000; }
#targettop a:hover span    { background-position: 100% -150px; color: #000000; }
#current a { background: url("/images/lefttop.gif") no-repeat left top; background-position: 0% -150px; color: #000000; }
#current a span { background: url("/images/righttop.gif") no-repeat left top;background-position: 100% -150px; color: #000000; }
#redhigh a { background: url("/images/lefttop.gif") no-repeat left top; background-position: 0% -150px; color: #000000; }
#redhigh a span { background: url("/images/righttop.gif") no-repeat left top;background-position: 100% -150px; color: #000000; }


.schmenu {line-height: 10px; height: 35px; padding: 0px 10px; font-weight: 800;  background-color: #FFCC2F; background-repeat: repeat-x;}
.schmenu a{ color: #638714;}
.schmenu a:hover{ color: #86B61B;}



.boxorange 		{ width: 100%; font-size: 11px; margin: 20px 0px;  padding: 0px; border-top: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33;}
.boxorange H2	{  margin: 0px; font-weight: 100; font-size: 11px; color: #333333; display: block; background: #FFF1B1;}
.boxorange H2 a	{  font-size: 11px; font-weight: 100; color: #333333; text-decoration: underline; background: #FFF1B1;}
.boxorange H2 a:hover	{  font-size: 11px; font-weight: 100; color: #333333; text-decoration: none; background: #FFF1B1; }
.boxorange H3	{ background-color: #cccccc; margin: 0px; font-weight: 800; font-size: 12px; color: #cccccc; }
.boxorange H3 a	{  font-size: 11px; font-weight: 100; color: #333333; padding: 5px;  text-decoration: underline; background: #FFF1B1;}
.boxorange H3 a:hover	{  padding: 5px; font-size: 11px; font-weight: 100; color: #333333; background: #FFF1B1;  text-decoration: none;}
.boxorange HR  {padding: 0px; margin: 0px; height: 1px; color: #FFCC2F;}
.boxorange div { padding: 5px 5px;  color: #000000; font-size: 11px; text-align: left; overflow: auto;}
.boxorange label { font-weight: 150; color: #000000; font-size: 12px; text-align: left; clear: both; vertical-align: top;}
.boxorange a { font-weight: 100; font-size: 11px; color: #333333; text-decoration: underline; background: #ffffff; padding: 0px;}
.boxorange a:hover { color: #000000; text-decoration: underline; background: #ffffff; padding: 0px; text-decoration: none;}
.boxorange p { margin: 4px 0px; line-height: 11px;  padding: 0px;}

.boxprodpage		{ margin: 0px 0px 10px 0px;  padding: 0px 0px; border-top: 0px;}
.boxprodpage table {padding: 0px; margin: 0px; }
.boxprodpage td	{ margin: 0px; padding: 0px; font-size: 11px; }

#mainimageh {text-align: center; }
#mainImageCaption {margin: 0px; background: #FFF1B1; text-align: center; font-size: 10px; padding: 2px 0px;}
#imagegallery {margin: 0px; padding: 0px; height: 25px; text-align: center; font-size: 10px; padding: 2px 0px; }
td.brandarea {float: left; text-align: center;  padding: 2px;  }
td.prodicons {float: left; text-align: center; padding: 2px;}
.multipleimages {background: #FFCC00;}
.multipleimagespopup {background: #FFCC00;}
img.imgt2 {width: 70px; height: 70px;}
a img.imgt2 {width: 70px; height: 70px; border-right: 1px solid #FFCC00; Filter: Alpha(Opacity=65, FinishOpacity=65, Style=1, StartX=0, StartY=0, FinishX=300, FinishY=300); }
a:hover img.imgt2 {width: 70px; height: 70px;   Filter: Alpha(Opacity=100, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=300, FinishY=300);  }
a:active img.imgt2 {width: 70px; height: 70px;  Filter: Alpha(Opacity=100, FinishOpacity=100, Style=1, StartX=0, Star0tY=0, FinishX=300, FinishY=300);}

#productfeat {  font-size: 10px; }
#productfeat a {  font-size: 10px; font-weight: 100; display: block; background: url("/images/arrow2.gif") no-repeat left center; margin: 0px; padding: 5px 5px 5px 20px ;}
#productfeat a:hover { font-weight: 100; background: url("/images/arrow2.gif") no-repeat left center;   text-decoration: none; }

#delivery { font-size: 9px; margin: 0px 0px;}
#delivery a {font-weight: 800;  border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; font-size: 10px;   margin: 0px;  display: block;  padding: 5px 5px 5px 5px ; }
#delivery a:hover {  text-decoration: none;  display: block; }
#delivery div a{ padding: 5px; margin: 0px; font-size: 11px; text-decoration: none; }

#rating { font-size: 9px; margin: 0px 0px;}
#rating a {font-weight: 800;  border-bottom: 1px solid #EAEAEA; font-size: 10px;   margin: 0px;  display: block;  padding: 5px 5px 5px 5px ; }
#rating a:hover {  text-decoration: none;  display: block; }
#rating div a{ padding: 5px; margin: 0px; font-size: 11px; text-decoration: none; }




.boxprodheader3 { width: 100%; }
.boxprodheader3 a{  color: #ffffff; font-size: 12px;}
.boxprodheader3 span{ width: 100% ; height: 30px; padding: 0px 50px 0px 10px;}
.boxprodheader3 h2 { line-height: 30px; display: block; height: 30px; font-size: 12px; width: 100%; margin: 0px; padding-left: 0px; color: #ffffff; }

.boxprodinfo { width: 100%; margin: 0px 0px 15px 0px; clear: both;}
.boxprodinfo a{  color: #ffffff; font-size: 12px;}
.boxprodinfo span{ height: 20px; padding: 0px;  background: url("/images/barr.gif") no-repeat top right;}
.boxprodinfo h2 { display: block; font-size: 14px; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px;   color: #336699; border-bottom: 1px solid #EAEAEA;}
.boxprodinfo p { line-height: 16px; font-size: 11px; margin: 0px 0px 10px 0px;}
.boxprodinfo h5 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 17px; color: #336699; font-weight: 800;}
.boxprodinfo h6 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 13px; color: #339900; font-weight: 100;}
.boxprodinfo ul { padding: 0px; margin: 0px 30px 10px 30px;}
.boxprodinfo .headbar td{ font size: 10px;   background: #547E00; margin: 0px; color: #ffffff;}
.boxprodinfo .itembar td{ font size: 10px;   background: #669900; margin: 0px; color: #ffffff;}
.boxprodinfo table { padding: 0px 0px; margin: 10px 0px;}

.boxfaq { width: 100%; padding: 0px; font-size: 11px; }
.boxfaq a{  font-size: 11px; font-weight: 100; padding: 5px 0px; color: 336699;}
.boxfaq form {margin: 5px 0px; font-size: 11px;}
.boxfaq li {margin: 0px; padding: 0px; }
.boxfaq p {margin: 0px; padding: 5px 0px; }
.boxfaq span{ height: 20px; padding: 0px;  background: url("/images/barr.gif") no-repeat top right;}
.boxfaq h2 { line-height: 20px; display: block; height: 20px; font-size: 14px; width: 100%; margin: 0px; padding: 0px 0px 5px 0px;   color: #336699; border-bottom: 1px solid #EAEAEA;}


.boxreview { width: 100%; padding: 0px; font-size: 11px; line-height: 20px; clear: both;}
.boxreview a { font-size: 11px; font-weight: 100; padding: 5px 0px;}
.boxreview form {margin: 5px 0px; font-size: 11px;}
.boxreview li { margin: 0px; padding: 0px; }
.boxreview p {margin: 0px; padding: 5px 0px; line-height: 20px; }
.boxreview span{ height: 20px; padding: 0px;  background: url("/images/barr.gif") no-repeat top right;}
.boxreview h2 { line-height: 20px; display: block;  font-size: 14px; width: 100%; margin: 0px; padding: 0px 0px 5px 0px;   color: #336699; border-bottom: 1px solid #EAEAEA;}



/* ---------------------------------------------------------------------- */
/* PRODUCT MENUS CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#target                 {  margin: 0px 0px 0px 0px; border-bottom: 5px solid #669900; clear: both; float: left; width: 100%;}
#target ul              { margin: 0px; padding: 0px; list-style: none; width: 100%;}
#target li              { display: inline; margin: 0px; padding: 0px; }
#target a               { font-weight: 100; color: #ffffff; font-size: 10px; float: left; background: url("/images/lefttop.gif") no-repeat left top; margin: 0px; padding: 0px 0px 0px 5px; text-decoration: none; }
div#target a span          { font-weight: 100; margin: 0px; float: none; display: block; background: url("/images/righttop.gif") no-repeat right top; padding: 6px 10px 6px 6px; font-weight: 800;  }
div#target a:hover         { text-decoration:none; background-position: 0% -150px; color: #000000; }
div#target a:hover span    { background-position: 100% -150px; color: #000000;}


#boxprodfooter                { margin: 0px; clear: both; float: left; clear: both; margin: 10px 0px 30px 0px;}
#boxprodfooter ul              { margin: 0px; padding: 0px; list-style: none; }
#boxprodfooter li              { display: inline; margin: 0px; padding: 0px; font-weight: 100;}
#boxprodfooter a               { font-size: 10px; float: left; background: url("/images/leftmenu.gif") no-repeat left top; margin: 0px; padding: 0px 0px 0px 9px; text-decoration:none; color: #ffffff; }
#boxprodfooter a span          { margin: 0px; float: none; display: block; background: url("/images/rightmenu.gif") no-repeat right top; padding: 5px 15px 5px 0px; text-decoration:none;}
#boxprodfooter a:hover         { text-decoration: none; background-position: 0% -22px; color: #000000;}
#boxprodfooter a:hover span    { text-decoration:none;  background-position: 100% -22px; color: #000000;}


/* ---------------------------------------------------------------------- */
/*MISC CSS ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.specialoffer2 { color: #dc0000; line-height: 16px;  font-weight: 800; background: url("/images/specbg.gif"); color: #ff9900; text-align: center; margin: 0 0 15px 0;}
.specialoffer2 a {font-size: 12px; font-weight: 800;}
.specialoffer2 h2 { font-size: 14px; background: #dc0000; display: block; margin: 0px; padding: 5px; color: #ffffff;}
.specialoffer2 h2 a{ text-transform: none; font-size: 11px; font-weight: 100; background: #dc0000; color: #ffffff; text-decoration: none;}
.specialoffer2 h2 a:hover{ color: #ffffff; text-decoration: underline;}
.specialoffer2 div { font-size: 16px; color: #dc0000; padding: 5px}

#cookiecrumbs {font-size: 10px; font-weight: 800; padding: 0px; height: 14px; overflow: hidden; clear: both;}
#cookiecrumbs a {font-size: 10px; font-weight: 100; color: #000000; text-decoration: underline;}
#cookiecrumbs a:hover { text-decoration: none;}




.backtotop {padding-left:6px; margin-bottom:15px;}

.boxprodlistspecial {width: 100%; margin: 0px;  padding: 0px 0px; border: 1px solid #dc0000; border-top: 0px; white-space: normal}
.boxprodlistspecial table {padding: 0px; margin: 15px 0px; }
.boxprodlistspecial td	{ margin: 0px; text-align: left; padding: 2px 5px 2px 5px; font-size: 11px; }
.boxprodlistspecial td a {font-weight: 100; font-size: 11px;}
.boxprodlistspecial .wasprice {line-height: 10px;}
.boxprodlistspecial .saving {line-height: 10px;}

.boxprodlist  { width: 100%; border: 1px solid #eeeeee; clear: both; }
.boxprodlist td { padding: 0px 5px; }

.headbar {background:#FFF7C5; color: #000000;}
.itembar {background:#FFF29F; color: #000000;}
.speech {padding: 0px 30px; background: url("/images/speech2.gif") bottom right no-repeat; background-position: 100% 100%;}

.editorsreviewheader {   overflow: visible; background: #669900;  margin: 0px 0px 0px 0px;}
.editorsreviewheader h3 { color: #ffffff; line-height: 22px; margin: 0px;  background: #669900 url("/images/person2.gif") no-repeat; background-position: 4px 2px;    padding: 3px 10px 3px 45px;  font-size: 12px;}
.editorsreviewcontent {   background: #ffffff url("/images/speech1.gif") left top no-repeat; background-position: 8px 14px; margin: 0px 0px 20px 0px;  font-size: 11px; line-height: 16px; border: 1px solid #dddddd; border-top: 0px;  padding: 10px; }
.editorsreviewcontent span {font-weight: 800; color: #bbbbbb;}
.editorsreviewcontent p {font-size: 11px; margin: 8px 0px 8px 0px; padding: 0px;}

.fcustomerreviewheader {     overflow: visible; background: #669900;   margin: 0px 0px 0px 0px;}
.fcustomerreviewheader h3 { color: #ffffff; margin: 0px;  background: #669900 url("/images/person.gif") no-repeat; line-height: 22px; background-position: 4px 2px;   padding: 3px 10px 3px 45px;  font-size: 12px;}
.fcustomerreviewcontent {   background: #ffffff url("/images/speech1.gif") left top no-repeat; background-position: 8px 14px; margin: 0px 0px 20px 0px;  font-size: 11px; line-height: 16px; border: 1px solid #dddddd; border-top: 0px;  padding: 10px; }
.fcustomerreviewcontent span {font-weight: 800; color: #bbbbbb;}
.fcustomerreviewcontent p {font-size: 11px; margin: 8px 0px 8px 0px; padding: 0px;}

.boxcustomerreviewheader {   border-top: 5px solid #FF9900; margin: 15px 0px 0px 0px;  padding: 0px;}
.boxcustomerreviewheader h2 { background: #FF6600; line-height: 34px; display: block; height: 30px; font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px;  color: #ffffff; }
.boxcustomerreviewcontent { margin: 0px; font-size: 11px; line-height: 16px; border: 1px solid #dddddd; border-top: 0px; border-bottom: 0px; border-top: 0px;  padding: 10px; }
.boxcustomerreviewcontent p { font-size: 11px; margin: 0px;}
.boxcustomerreviewfooter {background: #F0F0F0; height: 30px; margin: 0px; line-height: 30px; clear: both; padding: 0px;}
.boxcustomerreviewfooter a{ font-size: 11px; padding: 0px 0px 0px 15px; background: url("/images/arrowright1.gif") left no-repeat; background-position: 5px}
.boxcustomerreviewfooter a:hover{  font-size: 11px; }

.boxfaqheader {border-top: 5px solid #FF9900; margin: 15px 0px 0px 0px;  padding: 0px;}
.boxfaqheader h2 { background: #FF6600; line-height: 34px; display: block; height: 30px; font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px;  color: #ffffff; }
.boxfaqcontent { margin: 0px; font-size: 11px; line-height: 16px; border: 1px solid #dddddd; border-top: 0px; border-bottom: 0px; border-top: 0px;  padding: 10px; }
.boxfaqcontent p { font-size: 11px; margin: 0px;}
.boxfaqfooter {background: #FF9900; height: 30px; margin: 0px; line-height: 30px; clear: both; padding: 0px;}
.boxfaqfooter a{ color: #ffffff; font-size: 10px;}
.boxfaqfooter a:hover{ color: #ffffff; font-size: 10px; }

.boxproductinfo { margin: 0px; font-size: 11px; line-height: 16px; border: 1px solid #dddddd; border-top: 0px; border-top: 0px; width: 100%;  padding: 10px; }
.boxproductinfo p { font-size: 11px; margin: 0px; }
.boxproductinfo table {width: 100%;}

.producticonsheader { width: 100%;   background: url("/images/boxtopbg.gif") repeat-x top left; }
.producticonsheader span{line-height: 28px; display: block; padding: 0px 0px 0px 10px; margin: 0px;  background: url("/images/boxtopleft.gif") no-repeat top left; }
.producticonsheader h3 { line-height: 28px; display: block;  font-size: 12px;  margin: 0px;  padding: 0px;  color: #669900; background: url("/images/boxtopright.gif") no-repeat top right;}
.producticonscontent { text-align: center; background: #669900; margin: 0px 0px 15px 0px;  font-size: 11px; line-height: 16px; padding: 0px; }
.producticonscontent ul {display: inline; list-style-type: none;}
.producticonscontent li {display: inline; list-style-type: none;}

.featuredproduct { border: 1px solid #ff6600; padding: 10px; float: left; }
.featuredproductheader { background: #ff6600; margin: 0px 0px 0px 0px; }
.featuredproductheader h2 { border-top: 5px solid #ff9900; background: #ff6600; color: #ffffff; padding: 5px; margin: 0px; }

.brand {float: left; width: 105px; height: 75px; text-align: center; padding: 5px;}
.brand a {font-size: 10px; white-space: normal;}
.brandscontainer { width: 100%; text-align: center; }

.headline {margin: 0px 0px 10px 0px;}

div.prodinforow2 {border: 1px solid #dddddd; border-top: 0px;  width: 100%; float: left; position:relative; } 
div.prodinforow2 div.left { float: left; width: 57%; padding: 0px 5px; margin:0px;}
div.prodinforow2 div.right { padding: 0px; float: right; width: 41%; padding:0px 5px; display: block; background: url("/images/dot.gif") repeat-y left;}
div.prodinforow2 div.left h1 { font-size: 20px; padding: 0px; margin: 0px; }
div.prodinforow2 div.left h2 { font-size: 12px; color: #aaaaaa; padding: 5px 0px 0px 0px; margin: 0px;}
div.prodinforow2 div.left p { padding: 5px 0px 15px 0px; margin: 0px; font-size: 11px; }

.boxfeaturesheader {}
.boxfeaturesheader h3 { font-size: 14px; color: #669900; margin-top:5px; padding: 2px 5px; background: #ededed;}
.boxfeaturesheader h3 span {background: url("/images/arrowdown3.gif") no-repeat right center; padding: 0px 0px 0px 0px; display: block;}
.boxfeaturescontent { font-size: 11px; margin: 0px 0px 20px 0px; }
.boxfeaturescontent ul { padding: 10px 0px; margin: 0px 10px 0px 35px; }
.boxfeaturescontent li { font-size: 11px;  padding: 4px 0px; margin: 0px ;}

.boxtechnicalheader  {  position: relative; font-size: 11px; background: #cccccc; clear: both; border-top: 5px solid #cccccc; height: 35px ; padding: 0px;  margin: 0px 0px 0px 0px;}
.boxtechnicalheader  .left { color: #333333; position: absolute; height: 35px; left: 0; width: 50%;}
.boxtechnicalheader  .right {color: #333333; position: absolute; height: 35px; text-align: right; right: 0; padding: 0px 10px 0px 0px; width: 70%;}
.boxtechnicalheader  h2 { line-height: 35px; margin: 0px; display: block; height: 30px; font-size: 12px;   padding: 0px; padding-left: 0px; color: #333333;}
.boxtechnicalcontent { margin: 0px; width: 100%; font-size: 11px; line-height: 16px; border: 1px solid #dddddd; border-top: 0px;  padding: 0px; }
.boxtechnicalcontent p { font-size: 11px; padding: 3px 5px; margin: 0px; border: 1px solid #eeeeee; border-left: 0px; border-right: 0px; width: 100%;}
.boxtechnicalcontent tr { border: 1px solid #eeeeee; border-left: 0px; border-right: 0px;  padding: 3px 5px;}
.boxtechnicalcontent td { border-left: 0px; border-right: 0px; padding: 5px 5px; width: 25%; }
.boxtechnicalcontent th { padding: 5px 5px; background: #f5f5f5; text-align: left; font-weight: 800; border-bottom: 1px solid #eeeeee;}
.boxtechnicalcontent table { border: 1px solid #eeeeee; font-size: 11px; border-spacing: 0px 0px; border-collapse: collapse;  padding: 0px; width: 100%;  margin: 0px;}

.row1 ul { margin:0px; padding:0px;}
.row1 li { list-style:none; margin:0px; padding:0px; line-height:16px;}
.row0 { background: #ffffff; vertical-align:text-top; margin:0px; padding:0px;}
.row0 ul { margin:0px; padding:0px;}
.row0 li { list-style:none; margin:0px; padding:0px; line-height:16px;}

.boxfaqcontent a { font-size: 11px; display: block; padding: 5px 0px; }
.boxfaqcontent a { font-size: 11px; display: block; padding: 5px 0px; }

.productinfoheader {  background: #669900; clear: both;  border-top: 5px solid #003399; height: 35px; position: relative;}
.productinfoheader .left {  position: absolute; height: 35px; left: 0; width: 50%;}
.productinfoheader .right { position: absolute; height: 35px; text-align: right; right: 0; padding: 0px 10px 0px 0px; width: 50%; color: #ffffff;}
.productinfoheader h2 { line-height: 35px;  height: 35px; font-size: 12px; width: 100%; margin: 0px; padding-left: 10px; color: #ffffff; }

.productfactsheader {  background: #FF6600; clear: both;  border-top: 5px solid #FF9900; position: relative; width: 100%;}
.productfactsheader .left {  position: absolute; height: 35px; left: 0; width: 50%;}
.productfactsheader .right { position: absolute; height: 35px; text-align: right; right: 0; padding: 0px 10px 0px 0px; width: 50%; color: #ffffff;}
.productfactsheader h2 { font-size: 12px; width: 100%; margin: 0px; padding: 8px; color: #ffffff; }

.featureslistheader {}
.featureslistheader h2 { font-size: 14px; color: #FF6600;  padding: 2px 5px; background: #ededed;}
.featureslistheader h2 span {background: url("/images/arrowdown3.gif") no-repeat right center; padding: 0px 0px 0px 0px; display: block;}

.featureslistcontent { margin-left: 200px;  border: 1px solid #ececec; }
.featureslistcontent a { display: block; font-size: 11px; padding: 5px 3px 5px 17px;  background:  url("/images/dothover2.gif") no-repeat center left; background-position: 5px;}
.featureslistcontent a:hover {display: block;  font-size: 11px; padding: 5px 3px 5px 17px;  background: url("/images/dothover.gif") no-repeat center left; background-position: 5px;}

.notes {  }

.producthotspots {width: 200px; float: left; display: block;  }
img.hotspotimage {width: 185px; height: 185px; margin: 0px 0px 0px 0px; }
.featureBlock { padding: 10px;  border: 1px solid #eeeeee; height: 150px; clear: both; margin: 0px 0px 20px 0px; }
.featureBlock h1 {color: #669900; font-size: 16px; padding: 0px; background:  url("/images/arrowright.gif") no-repeat center left; }
.featureBlock p {font-size: 11px; margin: 0px; padding: 0px 0px; display: block;}
.featureBlock span {padding-left:23px;}

.descriptionblocks {clear:both; margin: 0px 0px; padding: 0px; float:none;}
.descriptionblocks h1 { color: #669900; font-size: 15px; margin-top: 0px; margin: 0px; padding: 0px; }
.descriptionblocks img { margin: 0px 0px 0px 5px; }
.descriptionblocks p {font-size: 11px; margin: 5px; padding: 0px ;}
.descriptionblocks .strapline2 { width: 110px; height:auto; float: left; clear: left; text-align: center;  padding: 2px 2px 0px 12px; margin: 0px 0px 0px 0px; font-size: 9px; font-weight: 800;  background:  url("/images/arrowup2.gif") right no-repeat; background-position: 5px 50%;}

.link-to-us code {
	display: block;
	background-color: #eee;
	margin: 10px 0;
	overflow: auto;
	width: 100%;
	border: 1px solid #999;
	margin: 5px -2px;
}
.link-to-us span {
	padding: 0.5em;
	display: block;
}
.link-to-us h2 {
	margin: 20px 0 5px 0;	
}

#nav-large {
	background: url("/assets/images/div-bg.gif") bottom left repeat-x;
	margin: 20px 0 15px 0;
	border: 1px solid #ccc;
	zoom: 1;
}

#nav-large h1 {
	height: 30px;
	background-color: #537c00;
	margin: 0;
	padding-left: 5px;
	color: #fff;
}

#nav-large ul {
				
           		list-style: none;
           		overflow: hidden;
                margin: 10px 0 10px 10px;
                zoom: 1;
}   
       
#nav-large li {
                float: left;
                width: 250px;
                margin: 5px 0;
                list-style-type: none;
                font-size: 1.2em;
                font-weight: bold;
                background: url("/assets/images/div-arw.gif") no-repeat 0 5px;
                padding-left: 14px;                
}
#nav-large li.clear {
                clear: left;            
}

/* ~~~~~ CUSTOMER FEEDBACK FORMS ~~~~~ */

#CallMeBack, #call-me-back, #PriceMatch, #price-match, #AskAQuestion, #ask-a-question {
	width: 388px;
	float: left;
}
#CallMeBack h2, #call-me-back h2, #PriceMatch h2, #price-match h2, #AskAQuestion h2, #ask-a-question h2 {
	margin: 0;
	font-size: 12px;
	background: #6283bc url(/global/images/product-page/bg-heading.gif) repeat-x scroll left bottom;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	text-transform: uppercase;	
}
#CallMeBack p, #call-me-back p, #PriceMatch p, #price-match p, #AskAQuestion p, #ask-a-question p {
	text-transform: none;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
#CallMeBack table, #call-me-back table, #PriceMatch table, #price-match table, #AskAQuestion table, #ask-a-question table {
	margin: 5px 0;
}
#CallMeBack table th, #call-me-back table th, #PriceMatch table th, #price-match table th, #AskAQuestion table th, #ask-a-question table th {
    text-align: right;
    padding: 0 5px 0 0;
    white-space: nowrap;
}
#CallMeBack table tr, #call-me-back table tr, #PriceMatch table tr, #price-match table tr, #AskAQuestion table tr, #ask-a-question table tr {
    line-height: 20px;
}
#CallMeBack .cmbEntryForm, #call-me-back .cmbEntryForm, #CallMeBack .cmbSuccess, #call-me-back .cmbSuccess, 
#CallMeBack .cmbError, #call-me-back .cmbError, 
#PriceMatch .pmEntryForm, #price-match .pmEntryForm, #PriceMatch .pmSuccess, #price-match .pmSuccess, 
#PriceMatch .pmError, #price-match .pmError, 
#AskAQuestion .aqEntryForm, #ask-a-question .aqEntryForm, #AskAQuestion .aqSuccess, #ask-a-question .aqSuccess, 
#AskAQuestion .aqError, #ask-a-question .aqError {
	display: none;
}

/* ~~~~~ CALL ME BACK ~~~~~ */
#CallMeBack select, #call-me-back select {
    width: 150px;
}
#CallMeBack #cmb-submit, #call-me-back #cmb-submit {
    margin: 10px 0 0 0;
}

/* ~~~~~ PRICE MATCH  ~~~~~ */
#PriceMatch .pmOptions, #price-match .pmOptions {
	padding: 0 10px;
}
#PriceMatch span, #price-match span {
	font-weight: bold;
}
#PriceMatch #pmLocation, #price-match #pmLocation {
	width: 100%;
}
#PriceMatch #pmOtherInfo, #price-match #pmOtherInfo {
	width: 100%;
}

/* ~~~~~ ASK A QUESTION ~~~~~ */
#AskAQuestion span, #ask-a-question span {
	font-weight: bold;
}
#AskAQuestion #aqQuestion, #ask-a-question #aqQuestion {
	width: 100%;
}
#AskAQuestion .tandcs-agreement, #ask-a-question .tandcs-agreement {
	border: 1px dashed #ccc;
	padding: 5px;
	margin: 3px 0 5px;
}
#AskAQuestion .tandcs-agreement.error-highlight, #ask-a-question .tandcs-agreement.error-highlight {
	background: url(/global/images/error-bg.gif);
	border: 1px solid #c77;
	-moz-box-shadow: 0 0 2px #c00;
	-webkit-box-shadow: 0 0 2px #c00;
	box-shadow: 0 0 2px #c00;
}
#AskAQuestion .tandcs-agreement p, #ask-a-question .tandcs-agreement p,
#AskAQuestion .tandcs-agreement a, #ask-a-question .tandcs-agreement a {
	font-size: 10px;
	margin: 0;
}
#AskAQuestion .tandcs-agreement #aqTandCs, #ask-a-question .tandcs-agreement #aqTandCs,
#AskAQuestion .tandcs-agreement label[for=aqTandCs], #ask-a-question .tandcs-agreement label[for=aqTandCs] {
	vertical-align: middle;
}

#frontpage-container #frontpage-content #promo-strip-rotate {
	margin-left: 0;	
}
#category-container .promo-banner-container {
	margin-left: -105px;	
}

/* put category description at bottom of page */
#product-list-container {
	margin-bottom: 150px;	
}
#category-container {
	position: relative;	
}
#category-container .opening-text {
	bottom: 0;
	position: absolute;
}
#category-container .opening-text p {
	color: #333;
	font-size: 11px;
	line-height: 1.5;
	margin: 0.5em 0;		
}
/* ~~~~~ GardenBuildingsDirect Page ~~~~~ */

#gdb-advert {   
    padding: 0 0 10px 20px;
    overflow: hidden;
}
#gdb-advert img {
    padding-bottom: 10px;
}
#gdb-advert p {
    font-size: 14px;
}
#gdb-advert .small {
    font-size: 10px;
}

#big-background {
    background: url(/assets/images/background-border.png) repeat-y;
    width: 1020px;
    overflow: hidden;
    margin: 0 auto;
} 

/* ~~~~~  Vouchers, Reviews and all  ~~~~~ */

#reviews-page {
    width: 695px;
    margin-left:185px;
}

/* ~~~~~~~~~~~~~~~~~~~~ Features Widget ~~~~~~~~~~~~~~~~~~~ */
#feature-widget,
#feature-widget-modular {
    margin: 20px auto;
    width: 207px;
    border-left: 1px solid #d4d4d4;
    padding: 4px 0 0 15px;
}
#product-page-container #feature-widget,
#product-page-container #feature-widget-modular {
	border: none;	
}
#feature-widget span ,
#feature-widget-modular span{
    overflow: hidden;
    display: block;
}
#feature-widget .button,
#feature-widget-modular .button {
    width: 205px;
    height: 31px;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}
#feature-widget .button a,
#feature-widget-modular .button a {
    display: block;
    margin-top: -1px;
}
#feature-widget .more-info,
#feature-widget-modular .more-info {
    display: none;
    overflow-y: auto;  
}
#feature-widget #makeing-it-easy {
	background: url(/assets/images/features-widget/making-it-easier-for-you-title.gif) no-repeat;
    display: block;
	overflow: hidden;
	text-indent: -999em;
}
#feature-widget-modular #makeing-it-easy {
    background: url(/assets/images/features-widget/making-it-easier-for-you-title-new.png) no-repeat;
    display: block;
	overflow: hidden;
	height:30px;
	text-indent: -999em;
}
#feature-widget #log-cabin-features {
    background: url(/assets/images/features-widget/log-cabin-features-title.gif) no-repeat;
    display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 145px;
	height: 17px;
	padding-bottom: 5px;
}
#feature-widget #tag-line {
    background: url(/assets/images/features-widget/making-it-easier-description.gif) no-repeat;
    display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 191px;
	height: 42px;
	
}
#feature-widget p {
    font-size: 11px;
    padding: 5px 0 10px 10px;
}
#feature-widget .small {
    font-size: 10px;
    color: #717171;
    padding: 0 0 10px 0;
}


/* ~~~~~~~ Garden Shed images ~~~~~~~ */
#feature-widget #stronger-than-ever span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -96px;
    height: 33px;
}

#feature-widget #assembly-time span {
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px 0;
    height: 33px;
}
#feature-widget #quicker-assembly span { 
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px -32px;
    height: 33px;
}
#feature-widget #floor-standard span {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px -64px;
    height: 33px;
}
#feature-widget #roof-material span {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px -96px;
    height: 33px;
}
#feature-widget #fixtures-fittings span {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px -128px;
    height: 33px;
}
#feature-widget #assembly-instructions span {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px -160px;
    height: 33px;
}
#feature-widget #uk-made span {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -2px -192px;
    height: 33px;
}
#feature-widget #assembly-time span:hover {
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px 0;
    height: 33px;
}
#feature-widget #quicker-assembly span:hover { 
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px -32px;
    height: 33px;
}
#feature-widget #floor-standard span:hover {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px -64px;
    height: 33px;
}
#feature-widget #roof-material span:hover {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px -96px;
    height: 33px;
}
#feature-widget #fixtures-fittings span:hover {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px -128px;
    height: 33px;
}
#feature-widget #assembly-instructions span:hover {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px -160px;
    height: 33px;
}
#feature-widget #uk-made span:hover {    
    background: url(/assets/images/features-widget/garden-shed-features.gif) no-repeat -210px -192px;
    height: 33px;
}

/* modular */
#feature-widget-modular #customisable-designs span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -0px;
    height: 33px;
}
#feature-widget-modular #manageable-sections span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -33px;
    height: 33px;
}
#feature-widget-modular #stronger-than-ever span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -96px;
    height: 33px;
}

#feature-widget-modular #new-flooring-options span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -128px;
    height: 33px;
}
#feature-widget-modular #easier-to-assemble span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -65px;
    height: 33px;
}
#feature-widget-modular #roof-material span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -160px;
    height: 33px;
}
#feature-widget-modular #treated-and-protected span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -193px;
    height: 33px;
}
#feature-widget-modular #fixtures-and-fittings span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -225px;
    height: 33px;
}

#feature-widget-modular #assembly-instructions span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -256px;
    height: 33px;
}

#feature-widget-modular #uk-made span {    
    background: url(/assets/images/features-widget/garden-shed-features-new.gif) no-repeat -2px -288px;
    height: 33px;
}

/* ~~~~~~~ Log Cabin images ~~~~~~~ */
#feature-widget #l-interlocking span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px 0px;
    height: 33px;
}
#feature-widget #l-timber-thickness span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -32px;
    height: 33px;
}
#feature-widget #l-natural-finish span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -64px;
    height: 33px;
}
#feature-widget #l-additional-treatment span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -96px;
    height: 33px;
}
#feature-widget #l-floor-as-standard span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -128px;
    height: 33px;
}
#feature-widget #l-roof-material span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -160px;
    height: 33px;
}
#feature-widget #l-glazing-material span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -192px;
    height: 33px;
}
#feature-widget #l-roof-felt span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -224px;
    height: 33px;
}
#feature-widget #l-shingle-options span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -256px;
    height: 33px;
}
#feature-widget #l-assembly-time span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -288px;
    height: 33px;
}
#feature-widget #l-fixtures-fittings span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -320px;
    height: 33px;
}
#feature-widget #l-assembly-instructions span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -352px;
    height: 33px;
}
#feature-widget #l-building-config span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -384px;
    height: 33px;
}
#feature-widget #l-uk-made span {
    background: url(/assets/images/features-widget/logcabin-features.gif) no-repeat -2px -416px;
    height: 33px;
}

/* ~~~~~ SEARCH PAGE ~~~~~ */
#search-page {
	float: left;
	margin: 0 0 0 10px;
	width: 800px;
}

/* ~~~~~ RIGHT MENU OPENING TIMES ~~~~~ */
#right-site-messages {
    background: url(global/images/sales-line-background-gcd.jpg) no-repeat;
    width: 139px;
    padding: 80px 0 30px 15px;
}
#right-site-messages p {
	font-family: arial;
    padding: 0;
    margin: 0;
    color: #000
}
#right-site-messages .s-text {
    color: #545454;
    font-size: 11px
}

/* ~~~~~ Right Menu Products ~~~~~ */
#right-products {
	clear: both;
	padding: 0;
    margin: 0;
}
#right-products li{
	margin-bottom: 10px;
	list-style: none;	
}
#right-products .latestproduct{
	background: url(/assets/images/front-page/latest-product.gif) no-repeat;
	width: 144px;
	height: 149px;
	overflow: hidden;
	padding: 32px 8px 0 8px;
}
#right-products .product{
	background: url(/assets/images/front-page/right-products-bg.gif) no-repeat;
	width: 144px;
	height: 144px;
	overflow: hidden;
	padding: 8px 6px 6px 8px;
}
#right-products .image-viewport{
	width: 140px;
	height: 90px;
	overflow: hidden;

}
#right-products .image-viewport img{
	width: 140px;
}
#right-products .product-name{
	color: #000;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	display: block;
	margin: 5px 0;
	height: 24px;
	overflow: hidden;
}
#right-products .price{
	color: #000;
	float: left;
}
#right-products .view-button{
	float: right;
}