/* size before opitimazing 15667 bytes. after 11925 bytes */

/* general reset */
*, div, h1, h2, h3, h4, table {
	border: 0;
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;	
}
/* general reset - end */


body {
	background-color: white;
	background: url(../../assets/images/homepage/bodyrightbg.jpg) right repeat-y;;
	color: #4E504D; /*#244163*/
	font-family:  Tahoma, 'Lucida Sans Unicode', Arial, Garamond, 'MS Sans Serif';
	font-size: 90%;
	text-align: center; 
}	

h1, h2, h3, h4 {
	color: #005E20;
	font-weight: bold;
	font-size: 130%;
	margin: 0 0 10px 0;
	padding: 4px 10px 4px 0;
	text-align: left;
	text-decoration: none;
	width: 100%;
}	

h2 {
	font-size: 110%;
	text-decoration: none;
}

h3 {
	font-size: 100%;
	text-decoration: none;
}	

h4 {
	margin-bottom: 10px;
	margin-top: 20px; 
}


a {
	color: #005E20;
	font-weight: normal;
	text-decoration: underline;	
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}	

p, td, select, input, label, span, li, cite {
	font-size: 90%;	
}	

p {
	margin-bottom: 20px;
	text-align: left;
}	

fieldset {
	border: 1px #C5CF00 solid;
	margin-bottom: 20px;
	padding: 10px;
}

legend {
	color: #C5CF00;
	font-weight: bold;
	padding: 5px;
}

label {
	float: left;
	margin: 2px 3px 3px 3px;
	width: 170px;
}

select {
	border: solid 1px #C5CF00; /*#2B5827; */	
}

input[type=text], input[type=password]{
	border: 1px solid #C5CF00;
	background-color: white;
	margin: 2px 3px 3px 3px;	
}	

input[type=submit] {
	color: white;
	font-size: 100%;
	margin: 2px;
	padding: 2px 4px 2px 4px;	
}

textarea {
	border: solid 1px #C5CF00;	
}

/* tag definitions - end */

/* general classes */
.fleft 		{float: left;}
.fright 	{float: right;}
.clearb 	{clear: both;}
.acenter 	{text-align: center;}	
.aleft 		{text-align: left;}
.aright 	{text-align: right;}
.vatop		{vertical-align: top;}
.white		{color: white;}
.yellow		{color: #D2E407;}
.bold		{font-weight: bold;}
.strikethrough {text-decoration: line-through;}
.noborder	{border: none;}
.nomargin	{margin: 0;}
.nopadding	{padding: 0;}
.pad4		{padding: 4px;}
.autowidth	{width: auto;}
.dnone		{display: none;}
.decimal 	{list-style-type: decimal;}
.linside	{list-style-position: inside;}
.red		{color: red;}
.smaller	{font-size: smaller;}
/* general classes - end */


/* tag specific classes */
h2.catsmenu, a.catsmenu {
	color: #275858;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 0 16px;
	padding: 2px 0px 2px 2px; 
	text-decoration: none;
	text-transform: uppercase;
}

a.catsmenu:hover {
	background-color: #387E80;
	color: white;
}	

/* big daddy */
#wrapper {
	background-color: #69AC3D;
	border-right: 0px solid #387D80;
	border-left: 0px solid #387D80;
	width: 960px;
	margin: auto; 
	margin-top: 0px;
	text-align: center; 
	position: relative;
}
/* big daddy - end */

/* header stuff */
#header {
	background: url(../images/header/headerbg.gif) repeat-x top left;
	border-top: solid 0px #387D80;
	height: 99px;
}

#headercontainer {
	background: url(../images/header/headerbg2.gif) no-repeat bottom right;
	height: 99px;
}
	
h2#sitetitle {
	margin: 0;
	padding: 0; 
	width: 315px;
}

img#sitelogo {
	margin: 17px 0 0 50px;	
}	

#headerlinkblock {
	float: right;
	height: 99px;
	position: relative;
	width: 400px;
}

p#hotline {
	margin: 20px 20px 0 0;
}

form#topsearch div{
	border: 0px solid white;
	position: absolute;
	bottom: 10px;
	right: 2px;	
}	

input#searchedterm {
	color: grey;
	font-size: small;
	padding: 2px;	
}	

input#searchbtn {
	background: #69AC3D;
	height: 22px;	
}	

#topnavbar {
	background: url(../images/header/topnavbarbg.gif) repeat-x;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	height: 47px;
	position: relative;
}

#hdrlinks {
	position: absolute;
	top: 0px;
	left: 0px;
}
	
a.navbarlink {
	background: url(../images/header/navlinkbg.gif) no-repeat right top;
	color: white;
	float: left;
	font-weight: normal;
	padding: 15px 25px 15px 25px;	
	text-decoration: none;
}	

a.navbarlink:hover {
	background: url(../images/header/navlinkbghover.gif) repeat-x top left;
}	

ul#headermenu {
	border: 1px solid white;
	float: left;
	position: absolute;
	top: 0;
	left: 10px;
}

ul#headermenu li{		
	background: url(../images/header/navlinkbg.gif) no-repeat right top;
	display: inline;
	padding: 15px 12px 16px 12px;
}

ul#headermenu li:hover{	
	background: url(../images/header/navlinkbghover.gif) repeat-x top left;
}

ul#headermenu a{	
	color: white;
	font-weight: normal;
	margin: 1px;
	padding: 2px 10px 0 10px;
	text-decoration: none;
}

/* header shopping cart */
#shpcw {
	height: 35px;
	margin: 6px 20px 0 0;
}	

#shpcl {
	background: url(../images/header/shpcartleft.gif) no-repeat top right;
	height: 35px;
	width: 7px;
}	

#shpcr {
	background: url(../images/header/shpcartright.gif) no-repeat top left;
	height: 35px;
	width: 7px;
}	

#hdrshpcrt {
	background: url(../images/header/shpcartbg.gif) repeat-x top left;
	height: 35px;
}

#hdrshpcrt p {
	font-size: 110%;
	margin: 8px 20px 0 20px;
}	

#hdrshpcrt a {
	color: #355419;
	font-size: smaller;
	font-weight: normal;
	text-decoration: none;
}
/* header stuff - end */

/* content stuff */
#content {
	background-color: #69AC3D;
	height: auto;
	width: 100%;
}


/* left panel stuff */
#leftpanel {
	border: solid 0px #387E80;
	
	float: left;
	height: auto;
	width: 240px;
	_margin: 0 -10px 0 0;
}

.leftboxtop {
	background: url(../images/homepage/catsboxtlc.gif) top left no-repeat;
	background-color: #3D702D;
	float: right;
	height: 8px;
	margin: 39px 0 0 0;	
	width: 200px;
}

.leftbox {
	background-color: #3D702D;
	float: right;
	padding: 12px 0 12px 0; 
	width: 200px;
}	

.leftbox a {	
	color: white;
	font-size: smaller;
	font-weight: normal;
	margin: 0 0 0 14px;
	padding: 0 0 0 10px;
	text-decoration: none;
	text-transform: lowercase;	
}

.leftbox a:hover  {
	color: #DCE600;
}


.leftbox h2 {
	margin: 2px 0 0 0;
	padding: 2px 0 8px 0;	
	_padding: 2px 0 2px 0;
	width: 199px;
	_margin: -8px;
}	
	
span.separator, span.separator2 {
	background: transparent url('../images/homepage/catsmenubg.gif') left bottom repeat-x;
	border: none;
	display: block;
	height: 2px;
	_margin-bottom: 10px;
	_margin-top: 0;
	_padding: 0;
	width: 100%;
}		
	
span.separator2 {
	margin: 0;
	width: 240px; 
}		
	
h2.subcat {
	background-color: #3D702D;
	border-left: #294A1E 1px solid; 
	float: left; 
	font-size: small;
	height: 30px;
	margin: 0; 
	_margin-bottom: -14px;		
	padding: 3px 0 3px 20px;
	width: 200px; 
}	

a.subcat {
	color: white; 
	margin: 0;
	position: relative; left: 0; top: 6px; 
	text-decoration: none; 
	text-transform: lowercase;
}	

.leftboxbottom {
	background: url(../images/homepage/catsboxblc.gif) bottom left no-repeat;
	background-color: #3D702D;
	float: right;
	height: 8px;
	margin: 0 0 20px 0;
	width: 200px;
}	

.leftbannerbox {
	background-color: #3D702D;
	padding: 12px 0 12px 0;
	float: right;
	margin: 300px 0 0 0;
	width: 200px;
}

/* left panel stuff - end */
	

div.contentspacer {
	border: 0px solid black; 
	background-color: #69AC3D;
	float: left;	
	height: 20px; 
	_position: relative;
	_top: 0; _left: 20px;
	width: 680px; 
}	

#maincontent {
	background: url(../images/homepage/contenttopbg.gif) left top no-repeat;
	background-color: white;
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	width: 699px;
	_width: 659px;
	_position: relative;
	_top: 0; _left: 10px;
}

#maincontentbottom {
	background: url(../images/homepage/contentbottombg.gif) left bottom no-repeat;
	width: 699px;
	height: 8px;	
}	

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent p, #maincontent li, #maincontent table {
	color: #4E504D;
	padding: 0 20px 0 20px;	
}	

#maincontent h4 {
	padding: 0 20px 0 20px;	
}	

h1#pageheading {
	/* #275858 */
	color: #005E20;
	text-decoration: none;	
}

div.itempick {
	/* C5CF00 */
	background: url(../images/homepage/littlesquare.gif) bottom right no-repeat;
	border: solid 1px #4E504D;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	width: 200px;	
}	

div.itempick h2 {
	background-color: #EAFFBC;
	font-size: 95%;
	padding-left: 10px;
	width: 180px;
}

div.itempick img {
	margin: 10px;
}

div.itempreview {
	float: left;
	height: 250px;
	margin: 2px;
	padding: 10px;
	width: 200px;
	text-align: center;
}

.itempreviewname {
	color: gray;
	clear: both;
	font-size: 95%;
	font-weight: normal;
	padding: 3px 3px 3px 0px;
	text-align: center;
	text-decoration: none;	
}

div.itempreview h2 {	
	*margin-left: -21px;
}

div.itempreview img {	
	float: left;
	margin: 0 1px 3px 0;
}

p.itempreviewprice {
	font-size: 90%;
	font-weight: bold;
	padding-right: 20px;
	text-align: left;
	*margin-left: -21px;
	text-align: center;
}	

.normalprice {
	color: black;	
}

.saleprice {
	color: #9E0B0E;	
}	

.expiryprice {
	color: #212121;	
}

div.itemdetail {
	margin: 2px;
	padding: 10px;
}	

div.itemdetail table{	
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0;
	table-layout: auto;	
}	

div.itemdetail td {
	font-size: 100%;
	padding: 0;	
}	

div.itemdetail table.productdesc {
	border: 1px solid #2B5827;
	border-collapse: collapse;
	margin: 0 20px;
	table-layout: auto;		
}

div.itemdetail table.productdesc td, div.itemdetail table.productdesc th {
	padding: 5px 10px;	
}

div.itemdetail table.productdesc thead {
	background: #69AC3D;
	color: white;	
}

div.itemdetail table.productdesc tbody th {
	text-align: left;	
}

div.itemdetail table.productdesc2 {
	border: 0px solid #2B5827;
	border-collapse: separate;
	border-spacing: 4px;
	margin: 0 20px;
	padding: 10px;
	table-layout: auto;
	vertical-align: top;	
	min-width: 300px;		
}

div.itemdetail table.productdesc2 th {	
	color: #005E20;
	font-weight: normal;
	padding-right: 10px;
	text-align: right;	
	vertical-align: top;
}

div.itemdetail table.productdesc2 td {
	text-align: left;	
	vertical-align: top;
}

.addtocart {
	font-size: 100%;
	width: 80px;	
}	

.tagname {
	color: #2B5827;
	font-weight: bold;
	text-transform: lowercase;	
}

img.thumbs {
	border: 1px solid black;
	margin: 5px;	
}	

input.addtocartbutton {
	background: url(../images/homepage/addtocartbutton.gif) top left repeat-x;
	border-right: 1px solid #787878;
    border-bottom: 1px solid #787878;
    color: white;
	text-align: center;
	height: 29px;
	width: 130px;	
	position: relative; top: 5px; left: 10px;
}	

div.navblock {
	border-bottom: 1px solid #3D702D;
	height: 29px;
	margin: 0 0 0 20px;
	width: 640px;
}

a.btninfo {
	background: url('../images/buttons/btninfo-bg.gif') top center no-repeat;
	color: white;
	cursor: pointer;
	float: left;
	height: 30px;
	margin: 0 11px 0 0;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
	width: 119px;
}	

a.btninfoactv {
	background: url('../images/buttons/btninfo-active-bg.gif') top center no-repeat;
	color: #035F22;
	font-weight: bold;
}



div.infobox {
	width: 660px;	
}	

input.orangebtn {
	background: url(../images/homepage/addtocartbutton.gif) top left repeat-x;
	border-right: 1px solid #787878;
    border-bottom: 1px solid #787878;
    color: white;
    height: 30px;
}

input.numberofitemstocart {
	border: none;
	background-color: #dcdcdc;
	margin: 0;
	text-align: center;
	width: 35px;  
}	

select#serieItems {
	width: 100px;	
}	

table#shoppingcartdetails, table#orders {
	margin: 0 16px 0 20px;	
}	

table#shoppingcartdetails thead, table#orders thead {
	background: url(../images/header/shpcartbg.gif) repeat-x top left; 	
}

table#shoppingcartdetails td, table#orders td {
     padding: 4px;                 
}                           

td.sum {
	border-top: 1px solid #dcdcdc; 
	border-bottom: 1px solid #dcdcdc;	
}	

a.btn {
	background: url(../images/homepage/addtocartbutton.gif) top left repeat-x;
 	border-right: 1px solid #787878;
    border-bottom: 1px solid #787878;
 	color: white;
 	display: block;
 	height: 20px;
 	font-size: 100%;
 	font-weight: normal;
 	padding: 5px 6px 1px 6px;
 	text-decoration: none;
 	text-align: center;
 	width: 140px;
}	

form.userinputform {
	padding: 30px;
	text-align: left;
	width: 600px;
}

form.userinputform input {
	_border: 1px solid #C5CF00;
}

form.userinputform label {
	_float: none;
}

table.info {
	border-collapse: collapse;
	margin: 10px 0 20px 20px;
}

table.info caption {
	color: black;
	font-weight: bold;
	margin: 0 0 0 20px;
	text-align: left;	
	width: 100%;
}

table.info thead {
	color: black;
	font-weight: bold;
}

table.info td {
	border: 1px solid green;
	padding: 5px;
	text-align: left;	
}

table.info2 {
	border: 1px solid #3D702D !Important; 
	border-collapse: separate !Important;
	border-spacing: 2px !Important;
	padding: 0 !Important;
}

table.info2 td, table.info2 th{
	border: 1px solid #3D702D; 	
	padding: 5px 10px;
	text-align: center;
}

table.info2 caption {
	padding: 10px 0;
}	

table.ordersteps {
	text-align: left;
	width: 100%;		
}	

table.ordersteps input[type=text], table.ordersteps textarea, table.ordersteps select {
	border: solid 1px #C5CF00;
	font-size: 100%;	
}	

table.ordersteps select, table.ordersteps textarea {
	width: 530px;
}		

p.usererror, span.usererror {
	color: red;	
	padding: 2px;
}	

p.usernotice, span.usernotice {
	color: navy;
	font-weight: bold;	
}

p.paging {
	text-align: center;	
}	

.userhint {
	color: inherit;	
}	

div.centralized {
	position: relative;
	top: 0; left: 133px;	
}	

ol.info {
	list-style-position: inside;
	list-style-type: decimal;
	text-align: left;
}	

div.searchresultbox {
	margin: 20px; 
	padding: 10px;
}	
/* content stuff - end */

/* footer stuff */
#footer {
	background: url(../images/footer/ftrtopbg.gif) top left repeat-x;
	background-color: #2B5827;
	border-top: 1px solid white;
	clear: both;
	margin-top: 10px;
	padding: 10px 8px 10px 8px;
	text-align: left;
}

#copyright {
	background-color: white;
	color: black;
	font-size: small;
	height: 20px;
	padding: 5px 0 0 0;
	text-align: right;	
}

#copyright a {
	color: black;
	text-decoration: none;	
}

ul.footermenu {
	width: 99%;	
}	

ul.footermenu li {
	display: inline;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 10px;	
}	

ul.footermenu a {
	color: white;
	font-size: small;
	font-weight: normal;
	text-decoration: none;		
}
/* footer stuff - end */