
/***** Body and main container *****/
* {
	padding:0;
	margin:0;
}
body {
	color: #000000;
	background-color:#f4f4f4;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:83%;
	margin:20px auto;
	width:760px;
   padding-left:10px;
   padding-right:10px;
}
	
	
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address; { margin:0.75em 0;}

h1 {
text-align:center;
font : 150% Helvetica, "lucida sans", "Trebuchet MS", Arial, Tahoma, sans-serif;
letter-spacing:3px;
color: #385E6E;
background: transparent
}

h2 {font-family: Tahoma, sans-serif;
	font-size: 24pt;
	font-weight: normal;
	color: gray;
	margin: 5px;
	text-transform: none;
	padding: 3px;
	background: inherit;}

h3 {font-size:1.2em;}

h4 {font-size:1em;}

li, dd { 
	margin-left:2em;
}


/***** Various tags *****/
a {
   color: #009900;
   background-color: #f4f4f4;
  	font-weight: normal;
   text-decoration: none;
}

a:hover {
   color: #00CC00;
   background-color: #f4f4f4;
   font-weight: normal;
   text-decoration: underline;
}

a img {
border:0;
background: inherit;
}
.page {
	color: #009900;
   background-color: #f4f4f4;
}
.center {
text-align:center;
}
/***** Header *****/
#header {
color:#505050;
background-color:#72A372;
height:120px;
margin:0 0 10px 0;
padding:0;
}

#header h1 a{
margin:0 10px 10px;
font-size:2em;
float:left;
color:#FFFFFF;
background-color:#72A372;
text-decoration:none;
padding-top: 4px;
}

.sub_header {
text-align:center;
color:#505050;
margin:60px 8px 10px 130px;
font-size:1em;
font-weight:bold;
line-height:1em;
background-color:#72A372;
}

ul#nav {
	clear:both;
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
	width:100%;
	color:#FFFFFF;
	background-color: transparent;
}

ul#nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

ul#nav li a {
	display: block;
	margin: 0px 2px 0px 0px;
	padding: 5px 10px 5px 10px;
	color: #505050;
	background-color:#CFE6CF;
	font-weight: normal;
	text-decoration: none;
	border:1px solid #72A372;
}

#nav .current,#nav a:hover {
	color:#ffffff;
	background-color:#72A372;
	text-decoration:none;
	padding: 5px 10px 5px 10px;
}

/***** Main menu *****/

#left {font-size:83%;
	padding:5px 0px 0px 0px;
	width:195px;
	float:left;}



#left ul.menu, #rightside ul.menu {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:140px;}
#left ul.menu li, #rightside ul.menu li {display:inline; line-height:1.4em; padding:0; width:140px;}
#left ul.menu li a, #rightside ul.menu li a {background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
#left ul.menu li a:hover,#left ul.menu li a.current, #rightside ul.menu li a:hover,#rightside ul.menu li a.current {background-color:#eaeaea; border-left:4px solid #72A372; color:#505050;}
#left ul.menu ul, #rightside ul.menu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
#left ul.menu ul a, #rightside ul.menu ul a {font-weight:400; padding:3px 1px 3px 5px; width:115px;}
#left ul.menu ul ul, #rightside ul.menu ul ul {width:113px;}
#left ul.menu ul ul a, #rightside ul.menu ul ul a {width:100px;}
.announce {background-color:#f4f4f4; border-left:4px solid #ccc; clear:left; color:#505050; font-size:0.9em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:126px;}
.announce p {margin:10px 0 0; padding:0;}



/***** Main content *****/
#content {
	font-size:100%;
	padding:0px 5px 10px 0px;
	width:550px;
	float:right;
}

#content h1 {
text-align:center;
font : 150% Helvetica, "lucida sans", "Trebuchet MS", Arial, Tahoma, sans-serif;
letter-spacing:3px;
color: #385E6E;
background: transparent;
border-bottom: 1px solid #aa8c02;
margin-bottom: 5px;
padding-bottom: 4px;
}
#content h2,#content2 h2 {
	font-size:1.6em;
	margin:0 0 10px;
}

#content h3,#content2 h3 {
	font-size:1.4em;
	margin:0 0 8px;
}

#content img,#content2 img {
padding:1px;
display:inline;
background:#cccccc;
color:#505050;
border:4px solid #f4f4f4;
}

#content ul, #content2 ul, #content ol, #content1 ol {
margin:0 0 16px 20px;
padding:0 10px;
}

#content li, #content2 li {
margin:0;
padding:10px 0 0 5px;
list-style: inside;

}

#content ul ul, #content2 ul ul, #content ol ol, #content2 ol ol{
margin:0 0 0 16px;
padding:0;
}
.innercontent {
	list-style-image: url(../images/bulletpoint.gif);
	vertical-align: middle;
	line-height: 120%;
}

/***** Footer *****/
div#footer {
   height:250px;
	width:100%;
	border-top:1px solid #cccccc;
	color:#72A372;
	background-color:#f4f4f4;
	font-size:80%;
	line-height:1.5em;
	clear:both;
	text-decoration: none;
}

#footer a {
	color: #C86000;
	background-color: transparent;
	text-decoration:none;
}

#footer a:hover {
   color: #72A372;
   background-color: #f4f4f4;
  	font-weight: normal;
   text-decoration: underline;
}

#footer_contact {
	color:#72A372;
	background-color:#f4f4f4;
	padding:5px 10px 5px 0px;
	float:right;
}

#footer_content{
	height:200px;
	width:900px;
	margin:0 auto;
}
.footer_list{
	height:110px;
	width:200px;
	float:left;
	margin-top:20px;
	padding-bottom:30px;
}
#footer ul{
	list-style-image:  url(../images/arrow.png);
}
.copyright{
	height:20px;	
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:400;
	color:#515151;
	background-color:#f4f4f4;
}
.footer_link{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:400;
	color:black;
	background-color:#f4f4f4;
	line-height:150%;
	text-align:center;
	text-decoration:none;
}
a.footer_link:link{
	color:black;
	background-color:#f4f4f4;
	text-align:center;
	text-decoration:none;
}
a.footer_link:visited{
	color:black;
	background-color:#f4f4f4;
	text-align:center;
	text-decoration:none;
}
a.footer_link:hover{
	color:#e44038;
	background-color:#f4f4f4;
	text-decoration:none;
	text-align:center;
}
a.footer_link:active{
	color:#e44038;
	background-color:#f4f4f4;
}

/***** Various classes *****/
.left {
	margin:3px 10px 2px 0;
	float:left;
}

.right {
	margin:2px 0 2px 10px;
	float:right;
}

.textright {
	text-align:right;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}
.skip {
	display:none
}

#path {
   text-align: left;
	color: Gray;
	background-color: transparent;
	padding-bottom: 5px;
}

#path a:link, #path a:visited {
	color: Gray;
	background-color: transparent;
	text-decoration: none;
}

#path a:hover {
	color: #72A372;
	text-decoration: none;
	background-color: transparent;
}


#infobox {
	border: 2px solid #8EB287;
	color: #000000;
	background: #f4f4f4;
	padding: 3px 3px 3px 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#infobox a {
	background-color:#f4f4f4;
	color: #C86000;
}
#infobox h2 {
	background-color: #72A372;
	color: Black;
	font-weight: lighter;
}
.h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	background-color: #f4f4f4;
	text-decoration: none;
}
.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: normal;
	color: #FF9900;
	background-color: #f4f4f4;
	text-decoration: none;
}
.h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #0099CC;
	background-color: #f4f4f4;
	text-decoration: none;
}
.new {
	background-color: #f4f4f4;
	color: #8b0000;
	font-weight: bold;
}
#slogan {
	color:#FFFFFF;
	background-color:#72A372;
	font-size:medium;
	font-weight:normal;
	font-style:normal;
	padding:50px 0px 0px 0px;
	float:right;
	margin:0px 0px 0px 0px;
}
.text { font-weight: normal;
             color: #000000;
             background-color: #f4f4f4;
}
.text a{
	color : #C86000;
	background-color: #f4f4f4;
	text-decoration : none ;
}
.text a:hover{
	color : Gray;
	background-color: #f4f4f4;
	text-decoration : none ;
}
/* search */
/***** Search box *****/

.search { 
background:  transparent;
color: #000;
text-align: center; 
}



/***** Table styles *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #8EB287;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#f4f4f4;
color:#505050;
}

td {
padding:7px;
font-size:0.9em;
text-align:left;
background:#f4f4f4;
color:#505050;
border:1px solid #8EB287;
}
/* -- main text areas % rated -- */
.productsbox {
background-color: #fff;
font-size: 85%;
float: left;
border: 1px solid #8EB287;
width: 158px;
height: 200px;
padding: 5px;
margin: 20px 10px 0 0;
line-height: 120%;
}
.product {
float: left;
margin: 6px 5px 0 0;
}
.productsbox h4, #details h4 {
margin: 0 0 10px 0;
color: Black; 
font-size: 107%;
letter-spacing: 1px;
}
#details {
font-size: 85%;
background-color: #fff;
border: 1px solid #8EB287;
width: 398px;
padding: 5px;
margin: 20px 10px 0 0;
text-align: left;
line-height: 140%;
}
.button a, .button a:link,.button a:active,.button a:visited {
color: #fff;
font-size: 85%;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
display:block;
width:120px;
height: 14px;
background: url(../images/button.png) no-repeat;
text-decoration: none;
margin: 10px 0 5px 0;
padding: 3px 0 3px 0;
line-height: normal;
}

.button a:hover {	
color: #fff;
background-position: 0 -20px;
background-repeat: no-repeat;

}
div.bodyContainerBoxes {
	clear : both;
}
.dividingBorderAbove {
	border-top:solid; border-width:1px; border-color:#808080;
}

.BoxFull {
	float : left;
	width:  96%;
 	padding: 0 1.9%;
	background-color: #FFFFFF;
	border-left:solid; border-width:1px; border-color:#808080;
}
.Box80 {
	float : left;
	width: 74%;
    margin: 1em 0;
	padding: 0 1.9%;
	background-color: #FFFFFF;
	border-left:solid; border-width:1px; border-color:#808080;
}
.Box66 {
	float : left;
	width:  63%;
    margin: 1em 0;  
	padding: 0 1.9%;
	background-color: #FFFFFF;
	border-left:solid; border-width:1px; border-color:#808080;
}
.Box50 {
	font-family:Arial, sans-serif;
	color: #333333;
	background:#E6ECFF;
	font-size:100%;
	padding:5px 10px 10px 10px;
	margin:15px 0px 15px 0px;
	width:170px;
	height: 200px;
	float:left;
	border: #72A372 solid thin;
}
.Box50 a {
	color: #0066CC;
	background:#E6ECFF;
}

.Box50 a:hover {
	color: #0000FF;
	background: #D6DCDF;
}

.Box50 h2 { margin:0.75em 0.25em 0.25em 0em; text-align: center }

.Box50 ul { margin:0.25em 0.25em 0.25em 0.25em;}

.Box50 p { margin:0em 0em 0em 0em;}

.Box33 {
	float : left;
	width: 28%;
    margin: 1em 0;
	padding: 0 1.9%;
	color: #000000;
	background-color: #f4f4f4;
	border-left:solid; border-width:1px; border-color:#808080;
}
.Box25 {
	float : left;
	/* text-align: left; */
    width: 21%;
    margin: 1em 0;
  	padding: 0 1.9%;
	color: #000000;
	background-color: #f4f4f4;
	border-left:solid; border-width:1px; border-color:#808080;
}
.Box20 {
	float : left;
	width: 18%;
    margin: 1em 0;
	padding: 0 1.9%;
	background-color: #FFFFFF;
	border-left:solid; border-width:1px; border-color:#808080;
}
.noBorderOnLeft {
  border-left: none;
}
.textBox {
	width: auto;
	text-align : left;
	margin : 0.2em 0.1em 0.2em 0.1em;
	border-style:none; border-width:1px; border-color:#808080;
	padding : 0.2em 0.4em 0.2em 0.4em;
}
/*-- photo frames --*/
div.imagePhoto{
	float: right;
	width: auto;
	height: auto;
	
	color: #000000;
	background-color:#f4f4f4;
	border: none;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

blockquote{
border-right:#0070E0 3px solid;
border-left:#0070E0 1px solid;
border-top:#0070E0 1px solid;
border-bottom:#0070E0 3px solid;
width:350px;
margin:5px auto;
padding:5px;
text-align: center;
}
fieldset {
	/*width: 450px;*/
	border: 1px solid #8EB287;
	margin: 1em 0;
	padding: 0 0.25em;
}

div.formrow {
	
	margin: 2px 0 0 0;
	padding: 2px;
}	
		
span.label {
	float: left;
	width: 155px;
	padding-right: 5px;
	margin-right: 10px;
	line-height: 21px;
	text-align: right;
}
input {
	font-size: 0.9em;
	padding: 3px 0px;
}

input.button {
	padding: 2px;
	width: 100px;
	text-align: center;
}
div.submit {
	text-align: center;
	padding: 10px;
}
select, optgroup {
	font-size: 0.9em;
	margin: 2px 0px;
}
textarea {
	margin: 0px 0px 0px 0px ;
	font-size: 0.9em;
	font-family: Arial, sans-serif;
}
.required {
	color: #EE3310;
}
/*-- Privacy --*/
.subtitle {background-color: #ffffff; color:#CB0000;font-size: 20px;font-family: arial,helvetica,sans-serif;font-weight:bold;}
.minititle {background-color: #ffffff; color: #CB0000;font-size: 16px;font-family: arial,helvetica,sans-serif;font-weight:bold;}
.tinytitle {background-color: #ffffff; color: #CB0000;font-size: 12px;font-family: arial,helvetica,sans-serif;font-weight:bold;}

#side_content {
	font-family:Arial, sans-serif;
	color: #333333;
	background:#E6ECFF;
	font-size:100%;
	padding:5px 10px 10px 10px;
	margin:15px 0px 15px 0px;
	width:180px;
	float:right;
	border: #72A372 solid thin;
}

#side_content a {
	color: #0066CC;
	background:#E6ECFF;
}

#side_content a:hover {
	color: #0000FF;
	background: #D6DCDF;
}

#side_content h2 { margin:0.75em 0.25em 0.25em 0em;}

#side_content ul { margin:0.25em 0.25em 0.25em 0.25em;}

#side_content p { margin:0em 0em 0em 0em;}

.link a {
	border-bottom: 6px solid #FFF;
	background: #222;
	color: #009900;
	border-top: 6px solid #FFF;
	height: 50px;
	clear: right;
	display: block;
	font: normal 2em "Trebuchet MS",sans-serif;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	}
div.link a:hover {
	background: #D7162C;
	color: #FFF;
}

div.img_left, div.img_right {
    border : none;
}

div.img_left {
    float: left; 
    margin: 0.5em 2em 0em 0em;
}
div.img_right {
    float: right; 
    margin: 0.5em 0em 0em 0.8em;
}
	

#nullblock {} /* Used to avoid IE jump on hover bug */

.greetext        {font-family: Verdana, sans-serif; font-size:12px; color:#006600; }
  .blacktext       {font-family: Verdana, sans-serif; font-size:12px; color:#000000; }    
  .checkout        {font-family: Verdana, sans-serif; font-size:12px; color:#000000; }
  .nopcart         {font-family: Verdana, sans-serif; font-size:12px; color:#ffffff; background:#464444; border:1px; }
  .nopheader       {font-family: Verdana, sans-serif; font-size:12px; color:#ffffff; background:#464444; }
  .nopentry        {font-family: Verdana, sans-serif; font-size:12px; color:#000000; background:#ffffff; }
  .nopeven         {font-family: Verdana, sans-serif; font-size:12px; color:#000000; background:#ebebeb; }                       /*added by Stefko*/
  .nopship         {font-family: Verdana, sans-serif; font-size:12px; color:#00279D; background:#f4f8ff; }                       /*added by Stefko*/
  .noptotal        {font-family: Verdana, sans-serif; font-size:12px; color:#000000; background:#ffffff; }
  .nopbutton       {font-family: Verdana, sans-serif; font-size:12px; color:#000000; background:#e1e1e1; }                       /*for light-blue buttons*/
  .nopbutton:hover {font-family: Verdana, sans-serif; font-size:12px; color:#000000; background:#f6f7bc; cursor:pointer; }       /*that darken on hover;  ignored in IE?*/
  .bigbutton       {font-family: Verdana, sans-serif; font-size:15px; color:#000000; background:#f0f5ff; }                       /*for BIG light-blue buttons*/
  .bigbutton:hover {font-family: Verdana, sans-serif; font-size:15px; color:#000000; background:#e0eaff; cursor:pointer; }       /*that darken on hover;  ignored in IE?*/
  .regbox          {background-color:rgb(225,225,225); display:block; margin: 1px; width:250px; border: 2px; border-color: rgb(162,162,162); border-style: dashed; }
  .regbox h3       {font-family: Verdana, sans-serif; font-size:16px; padding: 5px; text-align: center; text-decoration: none; color: rgb(247,8,87); }
  .regbox p        {font-family: Verdana, sans-serif; font-size:12px; padding: 10px; text-decoration: none; color: rgb(247,8,87); }

