/*------------------------------------------------------------------------
# JA Mesolite 1.0 - July, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

div.vm_element {
	left:-999em;
	position:absolute;
}

.productPrice {
	font-weight: bold;
}

.addtocart_button_module, .notify_button {
	padding: 0 0 2px;
	width: 100px;
	height: 25px;
	background: url(../images/bt-addtocart.gif) no-repeat top #333333;
	border: none;
	text-indent: 18px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;
	cursor: pointer;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

* html .addtocart_button_module {
	padding-left: 22px;	
}

*+html .addtocart_button_module {
	padding-left: 22px;
}

.addtocart_button_module:hover, .addtocart_button_module:active {
	background: url(../images/bt-addtocart.gif) no-repeat bottom #666666;
	color: #FFFFFF;
}

.notify_button {
	background: url(../images/bt-notify.gif) no-repeat #666666;
}

input.addtocart_button {
	color: #FFFFFF;
	margin: 10px 0 0;
	padding: 0 0 2px;
	text-indent: 18px;
	width: 100px;
	height: 25px;
	background: url(../images/bt-addtocart.gif) no-repeat top #333333;
	border: none;
	font-weight: bold;
}

.vmFieldTitle {
	margin-bottom: 5px;
	padding-top: 10px;
	background: url(../images/dot.gif) repeat-x top;
}

.chars-written {
	margin-top: 5px;
}

.chars-written input {
	background: #F7F7F7;
}

.vm-footer {
	margin: 15px 0 20px;
}

#vmMainPage a.category {
	color: #666666;
	text-decoration: none;
}

#vmMainPage a.category:hover,
#vmMainPage a.category:focus,
#vmMainPage a.category:active {
	color: #04A504;
	outline: none;
	text-decoration: none;
}

#vmMainPage a.readon {
	color: #04A504;
	text-decoration: none;
	display: inline;
	background: url(../images/arrow.png) no-repeat left center;
	width: auto;
	height: auto;
	line-height: normal;
	font-weight: bold;
	text-indent: 10px;
}

#vmMainPage a.readon:hover,
#vmMainPage a.readon:active,
#vmMainPage a.readon:focus {
	color: #C01122;
	text-decoration: underline;
	background: url(../images/arrow-on.png) no-repeat left center;
}

#vmMainPage hr {
	margin: 5px 0;
}

#vmMainPage br {
	height: 5px;
	line-height: 5px;
}

.ja-vmreview strong {
	display: block;
}

.ja-vmreview blockquote {
	background: url(../images/so-q.gif) no-repeat left top;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
}

.ja-vmreview blockquote div {
}

.vmFeedIcon {
}

/*Global VM Module*/
.vm table {
	margin: 15px 0;
	padding: 0;
	display: block;
	width: 100% !important;
}

.vm hr {
	margin: 0 -15px;
}

.vm label {
	font-weight: bold;
	text-transform: uppercase;
}

/* YourCart Module */
#ja-vmcart {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 200px;
	height: 55px;
	z-index: 10;

}

#ja-vmcart div.moduletable {
	color: #FFFFFF;
	border: none;
	overflow: hidden;
	height: 100px;
	padding: 0 15px;
	margin-top: 5px;
	font-size: 12px;
}

#ja-vmcart div.moduletable h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	background: none;
	text-align: center;
	border: none;
	text-transform: none;
}

#ja-vmcart div.moduletable h3 span {
	padding: 0;
}

.vmCartModule
{
	background:#000000 !important;
	width:280px;
	height:19px;
	margin-top:10px;
	//margin-top:15px;
	position:relative;
	padding:5px;
}

div.vm-showcart{	background:url('../images/cart.gif') no-repeat top left; display: inline;	text-align:center;	float:left;	width: 100px;	height: 100%;	color: #ffffff;	border-right:2px solid #29547F;}

div.vm-showcart a {padding:0 0 0 15px;	color: #cccccc;	text-decoration:none;	font-size:0.8em;	font-weight: bold;}

div.vm-showcart a:hover,div.vm-showcart a:focus,div.vm-showcart a:active {	color: #ffffff;	text-decoration:underline;	font-weight: bold;}

div.vm-total-pro {	text-align:center;	display: inline;	float:right;	width: 170px;	height: 100%;	font-weight: bold;	color: #cccccc;	font-size:0.8em;
}



.vmCartModule a img {	display: none;}

.vmCartModule hr {	display: none;}

/* Select currency */
#ja-vmcurrency .button {	background: url(../images/bt-currency.gif) no-repeat top #666666;	border: none;	height: 22px;	line-height: 22px;	margin-left: 5px;	width: 110px;}

/*Categories Module*/
a.mainlevel {display: block;	outline: none;	padding: 6px 0 6px 0;	background: url(../images/arrow.png) no-repeat 98% center;	margin:0 15px 0 15px;	text-decoration: none;	color: #ffffff;}

a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus {	color: #ffffff;	font-weight:bold;	text-decoration: none;	background: url(../images/arrow-on.png) no-repeat 98% center;}

a#active_menu {
	font-weight: bold;
	background: url(../images/arrow-active.png) no-repeat 98% center;
	color: #ffffff;
}

#lbOverlay {
	z-index: 999;
}

#lbCenter , #lbBottomContainer{
	z-index: 1000;
}

.vmRecentDetail
{
	margin-left:15px;
}

/* MENU DE CATEGORIAS */ 
/*
<div id="s5_vm_container">
	<ul class="s5_vm_mainnav" id="s5_vm_main">
		<li class="level1wc" onmouseover="s5_vm_load()">
			<a href="http://192.168.0.4:82/plintec/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=1&amp;Itemid=" target="_self" onmouseover="this.style.color = '#333333'; this.style.textDecoration = 'underline'" onmouseout="this.style.color = '#000000'; this.style.textDecoration = 'none'" style="text-decoration:none; color:#000000; font-size:12px; font-weight:normal; line-height:230%; background: none; padding: 0px; margin: 0px;">Hand Tools</a>
			<div style="height:0px; overflow:hidden; padding-top:0px; padding-bottom:0px">
				<div style="visibility:visible; padding-top:0px; padding-bottom:0px">
					<ul class="s5_accordion1" style="margin: 0px; padding: 0px">
						<li class="level2nc">
							<a href="http://192.168.0.4:82/plintec/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=4&amp;Itemid="target="_self" onmouseover="this.style.color = '#000099'; this.style.textDecoration = 'underline'" onmouseout="this.style.color = '#000066'; this.style.textDecoration = 'none'" style="text-decoration:none; color:#000066; font-size:11px; font-weight:normal; line-height:230%; background: none; padding: 0px; margin: 0px;">Outdoor Tools</a>
						</li>
					</ul>
				</div>
			</div>
		</li>
	</ul>
</div>
*/

/*<div class="applemenu">
	<div class="silverheader"><a href="http://www.dynamicdrive.com">Dynamic Drive</a></div>
	<div class="submenu">
		Some random content here<br />
	</div>
</div>

<div class="applemenu">
	<div class="silverheader"><a href="http://192.168.0.4:82/plintec/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=1&amp;Itemid=">Hand Tools</a></div>
	<div class="submenu"><a href="http://192.168.0.4:82/plintec/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=4&amp;Itemid=" target="_self">Outdoor Tools</a></div>
	<div class="silverheader"><a href="http://192.168.0.4:82/plintec/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=2&amp;Itemid=">Power Tools</a></div>
	<div class="silverheader"><a href="http://192.168.0.4:82/plintec/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=3&amp;Itemid=">Garden Tools</a></div>
	
*/

.applemenu{margin: 0px;padding: 5px;border: 1px solid #B6CEE7; background:#EEF3F9 url(../images/bgMenu.jpg) repeat-x top left !important; }

.applemenu div.silverheader a{	background: url(../images/menu.png) no-repeat top left !important; margin-bottom:5px; padding:5px 5px 5px 30px;	color: #244462;	display: block;	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/	width: auto;	text-decoration: none;	font-size:1em;}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{	color: #244462;}

.applemenu div.silverheader a:active{	color: #244462;}

.applemenu div.selected a, .applemenu div.silverheader a:hover{	background: url(../images/menu1.png) no-repeat top left !important; margin-bottom:5px; padding:5px 5px 5px 30px;	color: #244462;}

.applemenu div.submenu{ /*DIV that contains each sub menu*/background: none;padding: 8px;margin:-5px 0px 5px 20px;	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/border-bottom:1px dished #453838;}

.applemenu div.submenu a{ /*DIV that contains each sub menu*/font-size:0.8em;color:#545585;padding-left:15px;text-decoration:none;}

.applemenu div.submenu a:hover, .applemenu div.submenu li.level3 a:hover{ /*DIV that contains each sub menu*/color:#453838;text-decoration:underline;}

.applemenu div.submenu li.level3 a{color:#5B9D8D;}