/****************************************************************
 * LAYOUT
 ****************************************************************/

	html, body
	{
		font				: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		margin				: 0px;
		background			: #EEF9FF;
		color				: #606060;
		height				: 100%;
		padding				: 0px;
	}

	table, td
	{
		border-collapse		: collapse;
	}

	img	{ border-style : none; }

	.offer
	{
		padding-left		: 5px;
		font				: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		color				: #279AB9;
	}

	.price
	{
		font				: bold 14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		color				: #cc6600;
	}

	.produtoDescricao
	{
		font				: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		color				: #003366;
	}

	.separador 
	{
		background		: url(../images/pontilhadoHoriz.gif) repeat-x top left;
		width			: 100%;		
		margin-top		: 10px;
	}

	.separadorHoriz
	{
		padding-bottom		: 10px;
		border-bottom		: solid 2px #BBB; 
	}
	
	table, td
	{
		font				: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		border-collapse		: collapse;
		padding				: 0px;
	}

	.AdminHeader
	{
		width				: 100%; 
		height				: 94px; 
		background			: url(../images/adminHeaderMenuBk.png) repeat-x;
		vertical-align		: middle;
	}
	
	.AdminHeader a
	{
		font				: bold 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		color				: White;
		text-decoration		: none;
	}
	
	.AdminHeader a:hover
	{
		text-decoration		: underline;
	}
	
	
	.trumbnail
	{
		width				: 160px; 
		text-align			: center;
	}
	
	/*
	.linkImage a:hover
	{
		border-top: red 2px solid;
	}

	a.linkBullet1	{ background: url(../images/toolbar/print.gif) no-repeat 5px 50%; }
	*/
	
	.headerItems
	{
		border: #e5d665 1px solid;
		background: #f7f5e5; 
		height: 20px; 
		text-align: center; 
		padding-top: 3px; 
		color: #727272;
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 5px;
		text-transform: uppercase;
	}


	a.linkButton		{ margin-top: 5px; }
	a.linkButton:hover	{ margin-top: 0px; }


	.footer
	{
		color			: #EFF5FF;
	}

	a.footer
	{
		height			: 13px;
		color			: #EFF5FF;
		padding			: 1px 2px;
		font-family		: Arial, Verdana;
		font-size		: 10px;
		text-decoration	: none;
	}

	a.footer:hover
	{
		color			: White;
		padding			: 1px 1px;
		border			: solid 1px #726550;
	}

	.blockProduto
	{
		width			: 195px; 
		height			: 165px; 
		margin			: 0px 3px 3px 0px; 
		border			: solid 1px #add2e2; 
		cursor			: pointer; 
		float			: left;
	}
	
	.blockNavigation
	{
		margin-top		: 30px; 
		padding			: 5px; 
		border			: solid 1px #add2e2; 
		float			: none;	
	}

/****************************************************************
 * CONTENT
 ****************************************************************/

	.content
	{
		font				: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	}

	.formFrame					
	{	
		background		: #e6e6e6 url(../images/formFrameFade.png) repeat-x; 
		border			: solid 1px #B5C7DE;
	}
	
	/*
	em 
	{ 
		color			: #f00; 
	}
	*/

	
/****************************************************************
 * TOP MENU
 ****************************************************************/

	a.iconTopHome			{ text-decoration: none; padding: 0 7px 0 7px; background: url(../images/btnHome.gif) no-repeat; }
	a.iconTopSobreNos		{ text-decoration: none; padding: 0 7px 0 7px; background: url(../images/btnSobreNos.gif) no-repeat; }
	a.iconTopContato		{ text-decoration: none; padding: 0 7px 0 7px; background: url(../images/btnContato.gif) no-repeat; }


	.menuTop
	{
		width				: 100%; 
		height				: 28px; 
		background-color	: #3482b0;
		vertical-align		: top;
		text-align			: left;
	}

	.menuTop .menuTopOpcoes					{ white-space: nowrap; width: 600px; height: 28px; vertical-align: top; }
	.menuTop .menuTopOpcoes a				{ float: left;}
	.menuTop a								{ text-decoration : none; }

	.menuTop a.menuTopQuemSomos				{ width: 112px; height: 28px; background: url(../images/menuTopBtnSobreNos.gif) no-repeat; }
	.menuTop a.menuTopQuemSomos:hover		{ background : url(../images/menuTopBtnSobreNosOn.gif) no-repeat; }

	.menuTop a.menuTopComoComprar			{ width: 139px; height: 28px; background: url(../images/menuTopBtnComoComprar.gif) no-repeat; }
	.menuTop a.menuTopComoComprar:hover		{ background: url(../images/menuTopBtnComoComprarOn.gif) no-repeat; }

	.menuTop a.menuTopCadastro				{ width: 112px; height: 28px; background: url(../images/menuTopBtnCadastro.gif) no-repeat; }
	.menuTop a.menuTopCadastro:hover		{ background: url(../images/menuTopBtnCadastroOn.gif) no-repeat; }

	.menuTop a.menuTopStatusPedido			{ width: 156px; height: 28px; background: url(../images/menuTopBtnStatusPedido.gif) no-repeat; }
	.menuTop a.menuTopStatusPedido:hover	{ background: url(../images/menuTopBtnStatusPedidoOn.gif) no-repeat; }

	.menuTop .menuTopPesquisa				{ text-align: right; vertical-align: middle; color: White; }


/****************************************************************
 * GROUP LISTS
 ****************************************************************/

	.group
	{
		margin-top			: 5px;
		border				: solid 1px #add2e2;
	}

	.group .groupHeaderBlue
	{
		height				: 20px;
		background			: url(../images/groupHeaderBlueBk.gif) repeat-x top left;
		padding-top			: 7px;
		text-align			: left;
	}

	.groupBullet1
	{
		padding-left		: 27px;
		background			: url(../images/groupBullet1.gif) no-repeat 7px;
		color				: White;
		font				: bold 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	}

	.groupCategs
	{
		padding-left		: 10px;
		padding-bottom		: 10px;
		font-family			: Verdana, Arial, Tahoma, Helvetica, sans-serif;
		line-height			: 20px;
		text-align			: left;
	}

	.groupCategs, .groupCategLevel0
	{
		padding-top			: 10px;
		color				: #48536a;
		font-weight			: bold;
		font-size			: 12px;
	}

	.groupCategs .bulletArrow 
	{ 
		color				: #48536a; 
		font-size			: 11px;
  		font-weight			: bold;
    }

	a.groupCategs, .groupCategLevel1
	{
		display				: block;
		padding-left		: 5px;
		color				: #6179a7;
		font-size			: 12px;
		text-decoration		: none;
  		font-weight			: normal;
	}

	a.groupCategs, .groupCategLevel1:hover
	{
		display				: block;
		text-decoration		: none;
		color				: #48536a;
		background-color	: #ddf3ff;
	}

	a.groupCategs.groupLink1
	{
		padding-left		: 15px;
		color				: #cc6600;
		font-size			: 12px;
		text-decoration		: none;
		line-height			: 20px;
	}

	a.groupCategs.groupLink1:hover
	{
		text-decoration		: underline;
		color				: #cc6600;
	}


/****************************************************************
 * BANNER VERTICAL
 ****************************************************************/

	.groupBanners
	{
		text-align			: center;
	}

	.groupBanners.groupBanner
	{
		margin-bottom		: 10px;
	}

/****************************************************************
 * PEDIDO VERTICAL
 ****************************************************************/

	.group.groupHeaderRed
	{
		height				: 20px;
		background-image	: url(../images/groupHeaderRedBk.gif);
		padding-top			: 7px;
	}

	.group.pedidoVertItems
	{
		padding				: 10px;
		color				: black;
		
		font				: 10px/15px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	}


/****************************************************************
 * LOGIN
 ****************************************************************/
	
	.LoginForm 
	{
		background		: #fff url(../images/loginBk.png) repeat-x bottom left;
		border-bottom	: 1px solid #ddd;
		border-left		: 1px solid #eee;
		border-right	: 1px solid #eee;
		color			: #000;
		padding			: 8px;
		width			: 400px;
		height			: 120px;
		text-align		: left;
	}	
	
	.LoginForm.loginLabel 
	{ 

		margin-left		: 10px; 
		font			: 1.1em Verdana, Arial, Helvetica, sans-serif; 
	}

	.LoginForm input
	{ 
		font			: normal 1.1em Verdana, Arial, Helvetica, sans-serif; 
		padding			: 3px; 
	}
			
	input.buttonSubmit 
	{
		font			: 1.0em Verdana, Arial, Helvetica, sans-serif; 
		height			: 33px;
		margin			: 8px 0 5px; 
		font-weight		: bold;
	}
	
	.LoginForm .linkLogin
	{
		
		cursor			: hand; 
		text-decoration	: underline; 
		vertical-align	: bottom;
	}
	
	
	
/****************************************************************
 * LOGIN CLIENTE
 ****************************************************************/
	
	.FormLoginCliente 
	{
		background		: #fff url(../images/loginBk.png) repeat-x bottom left;
		border-bottom	: 1px solid #ddd;
		border-left		: 1px solid #eee;
		border-right	: 1px solid #eee;
		color			: #000;
		padding			: 15px;
		width			: 400px;
		height			: 150px;
		text-align		: left;
		
		font			: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	}	

	.FormLoginCliente input.button
	{ 
		font			: bold 1.0em Verdana, Arial, Helvetica, sans-serif; 
		width			: 110px; 
		height			: 30px;
	}

	
	
/****************************************************************
 * Validate Message
 ****************************************************************/
	
	.validate 
	{
		background		: #ffddd9; 
		border-top		: 1px solid #fc2224; 
		border-bottom	: 1px solid #fc2224; 
		margin-top		: 10px;
	}
	
	.validate ul 
	{ 
		list-style		: square; 
		color			: black; 
		font			: 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
	}
	
/****************************************************************
 * SECURE HEADER
 ****************************************************************/
	
	.AdminHeader .userInfo	
	{
		color			: #fff;
		font-size		: 1.0em;
		padding-right	: 8px;
		text-align		: right;
		white-space		: nowrap;
	}
	
	.AdminHeader .userInfo a		{ color: #fff; padding: 0 2px; font-size : 0.9em; }
	.AdminHeader .userInfo a:hover	{ text-decoration: underline; }

/****************************************************************
 * FORM
 ****************************************************************/
	
	.formLayout 
	{
	}

	.formLayout td			{ height : 40px; vertical-align	: top; }

	.formLayoutHoriz td		{ height : 22px; vertical-align	: middle; }
	
			
	.formLayout .formButton,
	.formLayoutHoriz .formButton				
	{
		margin				: 3px 4px; 
		font				: normal 1.0em Verdana, Arial, Helvetica, sans-serif; 
		height				: 40px;
		padding				: 10px; 
	}

	.formText
	{
		padding				: 3px;  
		font				: bold 1em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
		color				: #003366;
	}
	
	.comboBox
	{
		padding				: 2px 0px 2px 0px;  
		font				: bold 1em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
		color				: #003366;
	}

	.buttonSmaller		
	{ 
		padding			: 3px 5px 3px 5px; 
		font			: 0.9em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
	}
	
	.formButtonSmall
	{ 
		font			: 1.0em Verdana, Arial, Helvetica, sans-serif; 
		height			: 25px;
	}
	
	
/****************************************************************
 * Headers
 ****************************************************************/
	
	.headerInfo
	{
		background		: #fff url(../images/gridHeader.png) repeat-x top left; 	
		height			: 24px;
		border-bottom	: 1px solid #bbb;
		font-weight		: bold;
		text-align		: center;
		padding-top		: 10px;
		color			: black;
		font-size		: 11px;	
	}

	.header2Info
	{
		background-color: #e0e0e0; 	
		height			: 20px;
		border-bottom	: 1px solid #bbb;
		font-weight		: bold;
		padding			: 5px 0 0 10px ;
		color			: black;
		font-size		: 10px;	
	}

/****************************************************************
 * GRID
 ****************************************************************/
	
	.gridFrame table.grid 
	{
		background		: white; 	
		border			: none;
	}

	.grid th,
	.grid caption
	{
		background		: #fff url(../images/gridHeader.png) repeat-x top left; 	
		height			: 34px;
		border-left		: 1px solid #bbb;
		border-bottom	: 1px solid #bbb;
		border-right	: none;
		font-weight		: bold;
		text-align		: center;
		color			: black;
	}

	.grid td
	{
		font			: 1.0em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
		border			: none;
		padding			: 8px;
		border-top		: 1px solid #ccc;
		color			: black;
	}

	.grid td.gridGroupLink a		
	{ 
		color			: black;  		
		font-size		: 1.2em; 
		text-transform	: uppercase; 
		font-weight		: bold;
		
	}
	
	.grid td.gridGroupLink a:hover	{ text-decoration	: underline; }
	
	table.gridSmall 
	{
		border			: none;
	}

	.gridSmall th,
	.gridSmall caption
	{
		background		: #fff url(../images/gridHeader.png) repeat-x top left; 	
		height			: 24px;
		border-left		: 1px solid #bbb;
		border-bottom	: 1px solid #bbb;
		border-right	: none;
		font-weight		: bold;
		text-align		: center;
		color			: black;
	}

	.gridSmall td
	{
		font			: 1.0em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
		padding			: 8px;
		color			: black;
		border-top		: 1px solid #ccc;
	}

	.gridPager td
	{
		background-color: white; 
		border			: solid 1px #ccc;
	}

	.gridPagerLink	{ background-color	: blue; }
	.gridPagerLabel { background-color	: red; }

	.gridRowOdd
	{
		background-color	: white;
	}

	.gridRowEven
	{
		background-color	: #F7F6F3;
	}

	.gridRowMouseOver
	{
		background-color	: #F6F6DF;
  		font-weight			: normal;
  		cursor				: pointer; 
  		cursor				: hand;
	}

	.gridRowMouseOut
	{
		display				: block;
  		padding				: 5px 0 5px 5px;
  		font-weight			: normal;
  		margin-top			: 10px;
	}

	.gridRowSelected
	{
		background-color	: #d7e4ff;
  		font-style			: italic;
	}
	

/****************************************************************
 * GRID2
 ****************************************************************/
	
	table.grid2 
	{
		background		: white; 	
		border			: none;
	}

	.grid2 th,
	.grid2 caption
	{
		background-color: #e0e0e0; 	
		height			: 20px;
		border-left		: 1px solid #bbb;
		border-bottom	: 1px solid #bbb;
		border-right	: none;
		font-weight		: bold;
		text-align		: center;
		color			: black;
	}

	.grid2 td
	{
		font			: 1.0em Verdana, Tahoma, Arial, Helvetica, sans-serif;	
		padding			: 8px;
		border			: 1px solid #ccc;
		color			: black;
	}


	
/****************************************************************
 * GRID
 ****************************************************************/
	
	table.tituloPagina
	{ 
		color			: black;  		
		font-size		: 1.2em; 
		text-transform	: uppercase; 
		font-weight		: bold;
		
	}
	


/****************************************************************
 * gridClean
 ****************************************************************/
	
	table.gridClean 
	{
		border			: none;
	}

	.gridClean td
	{
		font			: 1.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;	
		padding			: 3px;
		color			: black;
	}