/*------------------------------------------------------------------------
# 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;
}


.notify_button {
	background: url(../images/bt-notify.gif) no-repeat #00A9DD;
}

/*
.addtocart_button {	
	 padding: 0 0 2px;
	width: 110px;
	height: 30px;
	background: url(../images/bt-addtocart1.gif) no-repeat top #ccc;
	border: none;

	color: #FFFFFF;
	font-weight: bold;

	cursor: pointer;
	padding-left:12px;
	color: #FFFFFF;
}

.addtocart_button:hover, .addtocart_button:active {
	background: url(../images/bt-addtocart1.gif) no-repeat bottom #777;
	color: #FFFFFF;
}
*/

.vmFieldTitle {
	margin-bottom: 5px;
	padding-top: 10px;
	background: url(../images/dot-h.gif) repeat-x top;
}

.chars-written {
	margin-top: 5px;
}

.chars-written input {
	background: #F7F7F7;
}

.vm-footer {
	margin: 15px 0 20px;
}

#vmMainPage {
  /* Isto modifica a MENSAGEM ocasilnamente aparece - Ex: Busca de um produto não encontrado 
	padding:20px;color:#E71313;border:1px #ccc dashed;margin-bottom:10px;
	padding:20px;border:1px #ccc dashed;margin-bottom:10px;*/
}

#vmMainPage a.category {
	color: #666666;
	text-decoration: none;
}

#vmMainPage a.category:hover,
#vmMainPage a.category:focus,
#vmMainPage a.category:active {
	color: #00A9DD;
	text-decoration: none;
}

#vmMainPage hr {
	margin: 5px 0;
}



.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: 0;
	right: 15px;
	width: 200px;
	height: 74px;
	z-index: 10;
}

#ja-vmcart div.moduletable {
	border: none;
	background: url(../images/vmcart-bg.gif) no-repeat right 15px #FFFFFF;
	overflow: hidden;
	height: 70px;
	padding: 0 15px;
	padding-top: 20px;
}

#ja-vmcart div.moduletable h3 {
	margin: 0;
	padding: 15px 0 10px;
	background: none;
	text-align: center;
	border: none;
}

div.vm-showcart a {
	display: block;
	width: 73px;
	height: 22px;
	line-height: 21px;
	margin-left: 45px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/bt-viewcart.gif) no-repeat #00A9DD;
}

div.vm-showcart a:hover,
div.vm-showcart a:focus,
div.vm-showcart a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.vm-total-pro {
	padding: 10px 0 0;
	clear: left;
	text-align: center;
}

.vmCartModule a img {
	display: none;
}

.vmCartModule hr {
	display: none;
}

/* Select currency */
#ja-vmcurrency .button {
	background: url(../images/bt-currency.gif) no-repeat top #00A9DD;
	border: none;
	height: 22px;
	line-height: 22px;
	margin-left: 5px;
	width: 110px;
}

/*Categories Module*/
div.modulecats a.mainlevel {
border-bottom:1px dotted #CCCCCC;
color:#666666;
display:block;
list-style:none;
margin:4px;
padding:5px 5px 5px 10px;
text-decoration:none;
background:none !important;
}

a.mainlevel {
	display: block;
	outline: none;
	/* padding: 8px 15px 9px;  ALTURA DO MENU PRINCIPAL - CATEGORIAS DO VM */
	padding: 4px 15px 5px; 
	margin: 0px -15px;
  /* 	text-transform: uppercase;*/
	text-decoration: none;
	color: #666666;
	border-bottom: 1px solid #E6E6E6;
  /*	background: url(../images/arrow.png) no-repeat 92% 14px; ICONE/IMAGEM A DIREITA NO MENU PRINCIPAL VM */
  background: url(../images/arrow.png) no-repeat 89%;
}

a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus  {
  /* #7BCE00 : isto faz o menu virtuemart (categorias) ficar verde | ICONE/IMAGEM A DIREITA NO MENU PRINCIPAL VM, quado ativado */
	background: #E6E8EB !important; 
	text-decoration: none;
	color: #FFFFFF;
}
div.modulecats a#active_menu {
	font-style: normal !important;
	font-weight: normal !important;
	color: #4A5B6E !important;
	background: #E6E8EB !important; 
border:none !important;
}
.cat_btn_ini {
padding-left:10px;
}
a#active_menu {
	background: url(../images/arrow.png) no-repeat 89% 14px #D4FFAA; /* Menu VM selecionado! */
	font-style: normal !important;
	font-weight: bold;
	color: #808080;
	
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;

	
	
}
	
/*Slidder Module*/
#ja-slider {
	/* MODIFICADO/COMPATIBILIDADE - ORIGINAL: NAO EXISTE A LINHA clear: left; (coloquei pra evitar BUG em diferentes browser)  */
	position: relative;
	margin-top: 0px;
	clear: left;
	
}

#ja-slider-left {
	/* MODIFICADO/COMPATIBILIDADE - ORIGINAL: */
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
}

#ja-slide-left-img, #ja-slide-right-img {
	/* MODIFICADO/COMPATIBILIDADE - ORIGINAL: */
	position: absolute;
	top: 70px;
}

#ja-slider-center {
		/* MODIFICADO/COMPATIBILIDADE - ORIGINAL: left: 30px; */
	/*  */
	left: 10px;
	height: 165px;
}

#ja-slider-right {
	/* MODIFICADO/COMPATIBILIDADE - ORIGINAL: */
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

.jsslide {
	/**/
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	
}


.showcart_button {
	padding: 0px;
	width: 25px;
	height: 25px;
	background: url(../images/carrinho2.gif) no-repeat #ccc;
	border: none;
}

/* BOATAO OK */

.button_ok {
	padding: 0 0 0px;
	width: 30px;
	height: 24px;
	background: url(../images/bt-ok.gif) no-repeat top #00A9DD;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
	cursor: pointer;
}

.button_ok:hover, .button_ok:active {
	background: url(../images/bt-ok.gif) no-repeat bottom #777;
	color: #FFFFFF;
}







/** BROWSE PRODUCTS STYLES **/
.browseProductContainer h4 {
	width:100%;
  font-size: 14px; 
	font-weight: bold;
	padding: 3px;	
	font-family: Arial, Helvetica, sans-serif;
	/* padding: 3px 3px 3px 3px;
	vertical-align: top;
	*/
}

.browseProductTitle  {
  font-size: 14px; 
	font-weight: bold;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;

}

h3 {
	background: url(images/arrow-readon-2.png) no-repeat 0px 23px;
	padding-top: 20px;
  padding-left: 15px;
}