body, html {
	font-family:Tahoma;
	font-size:12px;
	color:#000;

	}
	
html { 
		overflow-y: scroll !important;
		}
		
a, a:link, a:active {
	color:#799A32;
	text-decoration:none;
	}
	
a:visited {
	color:#799A32;
	text-decoration:none;
	}
	
a:hover {
	color:#799A32;
	text-decoration:none;
	}
	
h1 {
	font-size: 24px;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight:100;
	color:#56721C;
	}

h2 { /* Catalog item heading, Subheaders for H1 */
	font-size: 18px;
	color:#799A32;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}
	
h3 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0;
	color:#FF6600;
	}
	
h4 {
	font-size: 3em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
    color: black;
	}
	
.span-header {
	position:relative; 
	padding:2px 10px 1px 10px; 
	border:1px solid #ccc;
	background-color:white;
	border-bottom:none;
	color:black;
	font-weight:100;
	font-family:Trebuchet MS;
	font-size:17px;
	}
	
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#154454;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}	
	
hr {
	color:white;
	background-color:white;
	border:white solid 0px; 
	height:1px;
	}
	
.rowBgColor {
	background-color:#FFFFFF;
	}
	
.content {
	padding:10px;
	}

input {
	font-family:Tahoma;
	font-size:12px;
	color:#000;
    margin: 0;
	padding:4px 2px;
	border:1px solid #ccc;
	}

input:focus {
	font-family:Tahoma;
	font-size:12px;
	color:#000;
    margin: 0;
	padding:4px 2px;
	border:1px solid #333;
	background-color:#F4FCF4;
	font-weight:bold;
	}
	
textarea {
	font-family:Tahoma;
	font-size:12px;
	color:#000;
    margin: 0;
	padding:4px 2px;
	border:1px solid #ccc;
	width:250px;
	}

textarea:focus {
	font-family:Tahoma;
	font-size:12px;
	color:#000;
    margin: 0;
	padding:4px 2px;
	border:1px solid #ccc;
	width:250px;
		background-color:#F4FCF4;
			font-weight:bold;
	}
	
input[type=text], input[type=text]:focus  {
		width:250px;
}
input[type=password], input[type=password]:focus {
		width:250px;
}


input[type=button],  input[type=submit] {
	background-color:white;
	border:1xp solid #ccc;
	font-weight:bold;
	cursor:pointer;
	background-color:#F4FCF4;
	}

input[type=button]:hover,  input[type=submit]:hover {
	background-color:white;
	border:1xp solid #ccc;
	font-weight:bold;
	cursor:pointer;
	background-color:#E9FFB7;
	}
	
select  {
	font-family:Tahoma;
	font-size:12px;
	color:#000;
    margin: 0;
	padding:4px 2px;
	border:1px solid #ccc;
	}


input[readonly] { /*Contact Form Counter*/
	font-family:Tahoma;
	font-size:12px;
	color:#000;
    margin: 0;
	padding:4px 2px;
	border:1px solid #ccc;
	background-color:#F4F4F4;
	}
	
.numeric_input { /* Numeric inputs, add to shopping cart & Shopping cart quantity */
	font-size:11px; 
	border:1px solid #999999;
	background-image:url('../ShoppingCart/images/shopping_cart_input_back.jpg');
	background-position:center;
	text-align:center;
	padding:2px 1px;
	width:26px !important; }
	
.numeric_input:focus { /* Numeric inputs, add to shopping cart & Shopping cart quantity */
	font-size:11px; 
	background-image:url('../ShoppingCart/images/shopping_cart_input_back.jpg');
	background-position:center;
	text-align:center;
	padding:2px 1px;
	width:26px !important; }
	
.button { 
    margin: 0;
	padding: 1px 10px;
	width: auto; 
	overflow: visible; 
	cursor: pointer;
	border:1px solid #999;
	background-image:url('../../images/boxBg.jpg');
	background-position:50% 20%;
	background-repeat:repeat-x;
	background-color:#D9F4FF;
	font-weight:bold;
	
	}

.button:hover { 
    margin: 0;
	padding: 1px 10px !important;
	border:1px solid #999;
	width: auto; 
	overflow: visible; 
	cursor: pointer; 
	background-color:#D9F4FF;
	color:#000;
	background-image:url('../../images/boxBg.jpg');
	background-position:40% 10%;
		font-weight:bold;
	}
	
.button:focus  { 
    margin: 0;
	padding: 1px 10px;
	border:1px solid #999;
	width: auto; 
	overflow: visible; 
	cursor: pointer; 
	background-color:#799A32;
	background-image:url('../../images/boxBg.jpg');
	background-position:40% 10%;
	color:white;
		font-weight:bold;
	}
	
.icon, .icon:focus, .icon:hover { 
	padding:1px 1px 1px 15px !important; 
	background-repeat: no-repeat !important; 
	background-position: left center !important; 
	}
	
/* Javascript history back button */
div.button-back {
	float:left;
	cursor:pointer;
	margin-top:5px;
	display:block;
	background-image:url('../../components/Misc/images/tree/arrow_back.gif');
	background-repeat:no-repeat;
	padding-left:15px;
	}
/* ICONS for buttons*/

.ok {
	
	background-image:url(images/icons/ok.png) !important;
	}
	
.add {
	background-image:url(images/icons/add.png) !important;
	}
	
.cart{
	background-image:url(images/icons/cart.png) !important;
	}
	
.delete{
	background-image:url(images/icons/delete.png) !important;
	}
	
.back {
	background-image:url(images/icons/back.png) !important;
	}
	
.top {
	background-image:url(images/icons/top.png) !important;
	}
	
.refresh {
	background-image:url(images/icons/refresh.png) !important;
	}
	
.zoom {
	background-image:url(images/icons/zoom.png) !important;
	}
	
.pointer {
	background-image:url(images/icons/pointer.png) !important;
	}
	
.opacity {
	opacity:.35;
		}
	
.opacity:hover {
	opacity:.100;
	}

.opacity60 {
	opacity:.60;
	}
	
.opacity60:hover {
	opacity:.100;
	}


/* Horizonal Menu Style */
#menu_horizontal {
	display:inline;
	float: left;
	}
	
#menu_horizontal ul {
	list-style:none;
	margin:0px;
	padding:1px 0px 0px 15px;
	}

#menu_horizontal ul li {
	display: inline;
	}	
	
#menu_horizontal li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	padding:12px;
	float:left;
	font-size:12px;
	font-weight:bold;
	display:inline !important;
	background-image:url(../../images/menu-sep.gif);
	background-position:right;
	background-repeat:repeat-y;
	color:#333333;
}

div#menu_horizontal ul li .mainMenu_current {
	background-image:url(../../images/mainMenuBgCerrent.png);
	background-position:middle;
	background-repeat:repeat-x;
	color:white;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
		
}	

#menu_horizontal li a:link, #menu_horizontal li a:hover, #menu_horizontal li a:visited {
	display: inline;
}

#menu_horizontal li a:hover {
	background-image:url(../../images/menu-sep.gif);
	background-position:right;
	background-repeat:repeat-y;

	color:#56721C;
} 



/* Vertical Menu Style */

#menu_vertical {
	width: 100% !important;
	}

#menu_vertical ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}	
	
#menu_vertical ul ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 10px;
	}	

#menu_vertical ul li a {
 	voice-family: "\"}\""; 
 	voice-family: inherit;
	text-decoration: none;
	border-bottom:1px solid white;
	font-weight:bold;
	color:#000;
	padding:5px 0px 5px 20px;
	background-image:url(../../components/Catalog/images/menu_item.png);
	background-position: 7px center;
	background-repeat:no-repeat;
	}	
		
#menu_vertical li a:link,#menu_vertical li a:hover, #menu_vertical li a:visited {
	display: block;
	}

#menu_vertical li a span, #menu_vertical #submenu_current  span {
	font-weight:100 !important;
	}
	
#menu_vertical li a:hover {
	display: block;
	border-bottom:1px solid white;
	color:#ff6600;

	}
	
#menu_vertical #submenu_current {
	display: block;
	border:1px solid #ff6600;
	border:1px solid #ff6600;
	color:#ff6600;
	background-color:#FFFFFF;
	background-image:url(../../components/Catalog/images/menu_current.png);
	background-position: 7px center;
	background-repeat:no-repeat;
	}



/* TREE VIEW AND PRINT BUTTON */
div#tree_and_print {
	margin-bottom:10px;
	padding:2px 0px;

	border-bottom:1px solid #ccc;
}

#TreeView {
	margin-bottom:10px;
	}
	
#TreeView a {

	}
	
#TreeView a:hover {

	}

	
#print {
	float:right;
	width:20px;
	}
/* ERROR WRAP */	

.status {
	background-position: 10px center;
	background-repeat:no-repeat;
	padding:8px 5px 8px 47px;
	color:black;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	position:relative;
	}

.error {
	border:1px solid #FF0000;
	background-image:url(images/icons/error.png);
	background-color:#FFF0F0;
	vertical-align:middle;
	line-height:12px;
	}
	
.attention {
	border:1px solid #FF6600;
	background-image:url(images/icons/attention.png);
	background-color:#F8DCBE;
	}
	
.success {
	border:1px solid #72A934;
	background-image:url(images/icons/rigth_arrow.png);
	background-color:#F3FCEB;
	}
	
/* Round TIP */	
.roundTip	{
	padding:10px;
	color:#7A9D35;
	margin:10px 0px;
	background-image:url(images/backgrounds/roundTipBg.jpg);
	background-repeat:repeat-x;
	/*background-color:#c0c0c0;*/
	background-color:#white;
}

/* DISCOUNT LABEL - CATALOG */	

.discountLabel {
	padding-top:15px;
	height:45px; 
	width:50px;
	vertical-align:middle;
	text-align:center;
	float:right;
	background-image:url(images/icons/sale.png);
	font-weight:bold;
	font-size:10px;
	color:white;
}


/* SITEMAP UL */

.sitemap {
	width: 25%;
	}

.sitemap ul {
    list-style-type:circle;
	margin:0px 0px 0px 20px;
	padding:0px;
	}

.sitemap li a {
    list-style-type:circle;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	border-bottom:dotted 1px #CCCCCC;
	padding:5px 0px 5px 0px;
	font-weight:bold;
	}	

	

.sitemap li a:link,.sitemap li a:hover, .sitemap li a:visited {
	display: block;
	padding:5px 0px 5px 10px;
	border-bottom:solid 1px #CCCCCC ;
	}

.sitemap li a:hover {
	list-style-type:circle;
	display: block;
	padding:5px 0px 5px 10px;
	background-color:#333333;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	}
	
/* PAGES... Page1, Page2 ...*/
#sorting_borders {
	text-align: right;
	display:block;
	}
	
#sorting_wrap {
	margin:5px 0px 5px 0px;
		}

#sorting_wrap a{ 	
	padding:2px 4px 2px 4px; 
	margin-left:2px;
	background-image:url(images/pages/sorting_back.jpg);
	color:#000000; 
	border: 1px solid #777777;
	 }
	
#sorting_wrap a:hover{ 	
	padding:2px 4px 2px 4px; 
	margin-left:2px;
	background-image:url(images/pages/sorting_back_hover.jpg);
	color:white; 
	border: 1px solid #000000;
 }
	
#numbers_inactive {
	padding:2px 4px 2px 4px; 
	margin-left:2px;
	background-color:#FFFFFF;
	color:#000000; 
	border: 1px solid #000000;
	font-weight:bold;
	}

#next_prev_inactive{
	padding:2px 4px 2px 4px; 
	margin-left:2px;
	background-color:#F0F0F0;
	color:#000000; 
	border: 1px solid #000000;
	}

/* SIMPLE NAVIGATION - BACK AND GO TO TOP BUTTONS*/

#simple_nav {
	margin-bottom:5px;
	text-align:right;
	}

/* SORTING, price, name etc.*/
.sorter {
	float:right; 
	margin:5px; 
	border-bottom:1px solid #ccc;
	}
.sorterCurrent {
	float:right; 
	margin:5px; 
	border-bottom:1px solid red;
	}
/* JQUERY CODA TOOLTIP */
.bubbleInfo-tooltip {
    position: relative;

}

.popup-tooltip  {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
		width:220px;
	min-height:20px;

}

.top-tooltip  {

	background-image:url(images/tooltip/tooltip_01.png); 
	background-repeat:no-repeat;
	width:220px;
	min-height:20px;
}

.content-tooltip  {

	background-image:url(images/tooltip/tooltip_02.png); 
	background-repeat:repeat-y;
	width:180px;
	min-height:58px;
	padding:0px 20px 0px 20px;
}

.bottom-tooltip  {

	background-image:url(images/tooltip/tooltip_03.png); 
	background-repeat:no-repeat;
	width:220px;
	min-height:32px;
}

/* ORDER STEPS SHOPPING CART, CUSTOMER DATA, TRANSPORT AND PAYMENT TYPE STEPS*/

table#order-steps {
	border-bottom:1px solid #e2e2e2;

	text-align:center;
}

table#order-steps td {
	padding:3px 4px 2px 4px;
	color:#333;
}

table#order-steps td.current {
	padding:3px 4px 2px 4px;
	background-color:white;
	font-weight:bold;
	border:1px solid #e2e2e2;
}

/* TABLE STYLE with HEADER - SHOPPING CART + USER INVOICES*/

table.table-style {
	width:100%;
	}
	
table.table-style td {
	border-bottom:1px solid #fff;
	padding:4px;
	color:black;
	vertical-align:middle;
	}

table.noborder td {
	border:none !important;
	}
	
table.table-style td.table-heading {
	background-color:#BEDDE8;
	background-image:url(../../images/table-header.jpg);
	background-position:center;
	border:1px solid #A4CBD8;
	padding:8px 4px;
	color:blalck;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	}

table.table-style tr:hover {
	background-color:#E8F3F7;
	}
	
.odd-row-bg{
	background-color:#f4f4f4;
	}


	
/* CURRENCY CHOICE A HREF */

a.currency {
	font-weight:bold;
	color:black;
	padding:0px 1px;
	font-size:10px;
	margin:1px 3px 1px 1px;
	border:1px solid #ccc;
	background-color:white;
	text-align:center;
	}
	
span.currency-current {
	font-weight:bold;
	color:white;
	font-size:10px;
	padding:0px 1px;
	margin:1px 3px 1px 1px;
	border:1px solid #ccc;
	background-color:#000;
	}