/**
  * CONFIGURACAO DE LAYOUT E CORES
  ********************************
  *
  * @descricao: Altera padroes da fonte, borda, cores, tipo e imagem exibidos no e-commerce
  * @tecnolgia: Cascading Style Sheets - CSS
  * @autor: Copyright 2009 - Inteligencia - www.intelicommerce.com.br
  * @termos: Ao alterar este script o estara fazendo por sua conta e risco
  * @info: IMPORTANTE Nao use caracter especial neste arquivo
  *
  */
  
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  
  
/**
  * EXEMPLOS - INFORMACAO E PARAMETROS 
  ************************************
  *
  font-size: 11px;                                @info: Tamanho da fonte em pixel @param: Quaquer inteiro positivo e sufixo px. Ex: 11px                                        
  text-transform: uppercase;                      @info: Fonte em maiusculo ou minusculo @param: capitalize | inherit | lowercase | none | uppercase 
  text-decoration: none;                          @info: Adorno ou tracejado da fonte @param:  blink | inherit | line-through | none | overline | underline 
  color: #C11717;                                 @info: Cor da fonte @param: Qualquer cor no padrao RGB - Hexadecimal
  font-weight: bold;                              @info: Espessura da fonte @param: bold | bolder | inherit | lighter | normal 
  border: 1px solid #E6E6E6;                      @info: Estilo da borda - Define a espessura o tracejado e a cor @param: none
  font-style: normal;                             @info: Estilo da fonte - inclinacao @param: inherit | italic | normal | oblique
  margin: 5px;                                    @info: Margem externa do elemento  @param: Quaquer inteiro e sufixo px. Ex: 5px   
  padding: 0px;                                   @info: Espacamento interno do elemento @info: Quaquer inteiro positivo e sufixo px. Ex: 0px 
  background: url(../images/arrow.png) no-repeat; @info: Imagem de fundo @param: URL relativa a imagem 
  *
  */
  
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * MODULO CATEGORIA DOS PRODUTOS - MENU & SUBMENU
  ************************************************
  *
  */
  
  
/* *** @info: Define a largura do site */    
.body-page {
 
  max-width: 1254px;
  min-width: 996px;

  
  /*  width: 996px; */
}  
  
/* *** @info: Menu Categoria normal - antes de ser ativado ou passar o mouse */  
div.module a.mainlevel {                                              
  font-size: 11px;                                                    
  text-transform: uppercase;                                          
/*  text-decoration: none;  */                                            
  /* color: #C11717; */                                                
  font-weight: bold;                                                  
  border: none;                                                       
  border-top: 1px solid #E6E6E6;                                      
  background: url(../images/arrow.png) no-repeat 155px;               
}
.addtocart_button_module {
background-color: #ffffff;
}
/* *** @info: Menu ao passar o mouse */
div.module a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus { 
  background: url(../images/arrow.png) no-repeat 155px 9px;           
  text-decoration: underline;                                         
  color: #666666;                                                     
}

/* *** @info: Menu categoria quando selecionado - Clicado */
a#active_menu {                                                       
  background: url(../images/arrow.png) no-repeat 155px 10px;          
  font-style: normal;                                                 
  font-weight: bold;                                                  
  /* color: #C11717; */                                               
/*  text-decoration: none; */                                        
  /* margin-left: -5px; */                                            
}

/* *** @info: Menu subcategoria quando selecionado - Clicado */
a#active_submenu {                                                    
  background: url(../images/icon-arrow2.gif) no-repeat 0px;           
  font-style: inherit;                                                
  font-weight: normal;                                                
/*  text-decoration: none;  */                                       
  /* color: #808080; */                                          
  margin-left: -5px;                                                  
 
}

/* *** @info: SubMenu / subcategoria quando existente */
div.module a.sublevel {                                               
  font-size: 11px;                                                    
  text-transform: capitalize;                                         
  background: url(../images/icon-arrow2.gif) no-repeat 0px;           
  font-style: normal;                                                 
  font-weight: normal;                                                
  color: #696969;                                                     
  margin-left: -5px;                                                  
  padding: 0px;                                                       
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * MODULOS EM GERAL
  ******************
  *
  */
  
/* *** @info: Modulo em geral, que nao estejam predefinidos */  
.module {                                                             
  margin-bottom: 5px;
  color: #4B4B4B;                                                      
}


.module_noborder {                                                             
  /* margin: 0px; */
  border:none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * ICONES
  ********
  *
  */
  
/* *** @info: Icone ao lado de cada rotulo da pagina */  
h3 {                                                                   
	background: url(../images/arrow-readon-2.png) no-repeat 0px 23px;
	padding-top: 20px;
  padding-left: 15px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * LINKS
  *******
  *
  */

/* *** @info: Cor de Links em geral */
#vmMainPage a, .pathway a, div.moduletable a, .module a, .sectiontableentry1 a, .sectiontableentry2 a, .browseProductTitle a, .vmRecentDetail a  {
	color: #333333 ;                                                       
}

/* *** @info: Cor de Links em geral quando se passa o mouse */
#vmMainPage a:hover, .pathway a:hover, div.moduletable a:hover, .module a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a:hover, .browseProductTitle a:hover, .vmRecentDetail a:hover  {
	color: #999999; 
        text-decoration: underline;                                                      
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * SLIDSHOW - TOPO
  *
  */  
  
/* *** @info: Cor do titulo - Coluna direita do slideshow */ 
.gk_ni_6_tab h4 {	
	font-size: 9px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	color:#FF5500;
}

/* *** @info: Cor do titulo quando ativado - Coluna direita do slideshow */
.gk_ni_6_tab_active h4{	
	font-size: 9px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	color:#FFD42A;
}

/* *** @info: Cor do texto abaixo do titulo - Coluna direita do slideshow */
.gk_ni_6_tab p { 
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	color:#999;
}  

/* *** @info: Cor do texto abaixo do titulo quando ativado - Coluna direita do slideshow */
.gk_ni_6_tab_active p{ 
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	color:#ffffff;
}  

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

/**
  * MENU TODAS AS CATEGORIAS - TOPO
  *
  */  

/* @info: Tamanho do quadro que lista os menus de todas as categorias */
.catAll_box {
  background:#000;
  height:200px;
  width:522px;
}  

/* @info: Cor da borda do quadro que lista os menus de todas as categorias */
#header #mainNavigation #showAll #allCategories #theDiv {
  border: 3px solid #9d0a0e;
}


/* @info: Borda da coluna interna que divide as categorias e cor do texto execeto links */
#header #mainNavigation #showAll #allCategories #theDiv .colcat {
  border-right:1px #ff0000 solid;
  color: #3C3C3C; 
}

/* @info: Cor do link das categorias */
#header #mainNavigation #showAll #allCategories #theDiv .colcat a {
  color:#E71212;
  text-decoration:underline;
}

/* @info: Cor do link das categorias quando se passa o mouse */
#header #mainNavigation #showAll #allCategories #theDiv .colcat a:hover {
  color:#000;
  text-decoration: underline;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  


/**
  * MENU RODAPE - Texto e Link
  ****************************
  *
  */

/* *** @info: Cor do texto do rodape do site */  

#page-footer .menuhorizontal {
	padding: 0px;
	border: none;
	color:#666666;
        text-align: center;
        width: 100%;
}
#page-footer .menuhorizontal a, #page-footer .menuhorizontal a:link {
  color:#333333;
  text-decoration: none;
}
#page-footer .menuhorizontal a, #page-footer .menuhorizontal a:visited {
  color:#333333;
  text-decoration: none;
}
#page-footer .menuhorizontal a, #page-footer .menuhorizontal a:hover {
  color:#333333;
  text-decoration: underline;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 


/**
  * LOGIN - TOPO DO SITE - TEMPLATE intelicommerce-Page 
  *****************************************************
  *
  */

/* *** @info: Cor do texto da caixa de login no topo do site */  

.login {
  color: #cccccc;
}

/* *** @info: Cor do link abaixo da caixa de login no topo do site */  
#headermodule a, #headermodule a:hover {
  color: #cccccc;
}

/* *** @info: Cor do texto LEMBRAR - checkbox */  
.remember {
  color: #cccccc;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 


/**
  * COR TEXTO COMPRE TAMBEM PELO TELEFONE - TOPO DO SITE - TEMPLATE intelicommerce-America 
  *****************************************************
  *
  */

#header #tel span.telTelevendas {
  color:#FFFF00;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

/**
  * FUNDO DO TITULO DE TODOS OS MODULOS
  *
  */  

#middle div.module h3 {     
	background: url(../images/left_module_header2.png) 0 0 no-repeat;  
  color:#5A5A5A;  
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

/**
  * KIT PERSONALIZACAO - ilhastore
  *
  */  
  
div#page-footer {
	padding: 0px;
	min-height: 0px;	 
}  
  
div#header, div.header-b, div.header-bl, div.header-br {
  background-image: none;
  background:none;  
} 

div#page-body {
   background-image: none;
	 background:#fff;
}

div.wrapper-tl {
   background-image: none;
	 background:none;
}

div.wrapper-tr {
   background-image: none;
	 background:none;
}


div#middle {
  padding-left:10px;
  padding-right:10px;
}

div#page-footer {
   background-image: none;
	 background:none;
}

div#footer a.anchor {
   background-image: none;
	 background:none;
}
div#absolute { 
  background-color: #cccccc; background: url(../../../images/stories/ilhastore/topo_novo.jpg) center center; 
  height: 123px;
  width: 100%; 
  width: expression( document.body.clientWidth < 1001 ? 1000px : auto ); 
  min-width: 1000px;  
}
div#top_panel { 
  width: 100%; 
  width: expression( document.body.clientWidth < 1001 ? 1000px : auto ); 
  min-width: 1000px;  
}
div#wrapper floatholder {
height: 10px;
}
div#modulenoborder a:hover {
 text-decoration: underline;
}
div.moduleletrasrodape {
text-align: center;
line-height: 30px;
color: #999999;
}

div.moduleletrasrodape a:link {
color: #0080C0;
}
div.moduleletrasrodape a:visited {
text-decoration: none;
color: #0080C0;
}
div.moduleletrasrodape a:hover {
text-decoration: none;
color: #003299;
}
.login a:link {
color: #666666;
text-decoration:none;
}
.login a:hover {
color: #333333;
text-decoration:none;
}
.addtocart_button_module {
background-image: url(../../../images/stories/ilhastore/botaoadd.png);
}
div.modulemenurodape {
color: #0080C0;
text-decoration: none;
text-align: center;
height: 30px;
}
div.modulemenurodape a:link {
color: #666666;
text-decoration: none;
}
div.modulemenurodape a:visited {
color: #666666;
text-decoration: none;
}
div.modulemenurodape a:hover {
color: #000000;
text-decoration: underline;
}
.addtocart_button {
background-image: url(../../../images/stories/ilhastore/botaoadd.png);
}
.button {
background-image: url(../../../images/stories/ilhastore/button.png);
}
div.modulecarrinhocompras1 {
background-image: url(../../../images/stories/ilhastore/cart.png);
text-align: center;
color: #333333;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
div.modulecarrinhocompras1 a:link {
color: #333333;
text-decoration: none;
}
div.modulecarrinhocompras1 a:visited {
color: #333333;
text-decoration: none;
}
div.modulecarrinhocompras1 a:hover {
color: #333333;
text-decoration: underline;
}
div.moduleloginusuario1 {
background-image: url(../../../images/stories/ilhastore/login.png);
text-align: center;
color: #333333;
padding-top: 30px;
font-size:10;
}
div.moduleloginusuario1 a:link {
color: #999999;
text-decoration: none;
font-size:10px;
}
div.moduleloginusuario1 a:visited {
color: #999999;
text-decoration: none;
font-size:10px;
}
div.moduleloginusuario1 a:hover {
color: #999999;
font-size:10px;
text-decoration: underline;
}
.productPrice {
color: #990000;
font-size: 16px;
text-decoration: none;
}
.notify_button{
background:#999999 url(../../../images/stories/ilhastore/indisponivel.gif) no-repeat scroll 0 0;
}