/*************************************************************************
 * Tab
 * 
 *************************************************************************/


ul.tabs:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

ul.tabs
	{
	list-style:none;
	margin:0;
	padding:0;
	}

ul.tabs li
	{
	float:left;
	}
	
ul.tabs li.invisible
	{
	display:none !important;
	}
	
/**
 * TABS DE PASSO-A-PASSO PARA O CHECKOUT
 */
ul.step-tabs
	{
	list-style:none;
	padding:0 10px 0 7px;
	font-weight:bold;
	text-transform:uppercase;
	background:white url(img/tab-steps-bg.gif) no-repeat 0 0;
	
	
	/*Modificar para filtro*/
	behavior:url(/theme/pseudo-element-tab.htc);
	}

ul.step-tabs li
	{
	float:left;
	background:transparent url(img/tab-steps-step-bg.gif) no-repeat 100% -40px;
	padding:0 12px 0 0;
	margin-right:-7px;
	}

ul.step-tabs a,
ul.step-tabs a:visited
	{
	background:transparent url(img/tab-steps-step-bg.gif) no-repeat 0 0;
	padding:1px 3px 2px 15px;
	display:block;
	color:#008ae1;
	font-size:1.8em;
	white-space:nowrap;
	text-decoration:none;
	}
ul.step-tabs strong
	{
	font-size:0.55em;
	}

ul.step-tabs a:hover
	{
	color:black;
	text-decoration:none;
	}
	
	
	

ul.step-tabs li:first-child,
ul.step-tabs li.first-child
	{
	margin-left:0;
	}




ul.step-tabs li:last-child,
ul.step-tabs li.last-child
	{
	background-position:100% -80px;
	padding-right:6px;
	}
ul.step-tabs li.last-child
	{
	background-position:100% -80px !important;
	padding-right:6px;

	
	}

	
	
	
	
	

/**
 * CURRENT
 */	
ul.step-tabs li.current
	{
	background-position:100% -280px;
	color:white;
	}


ul.step-tabs li.current:last-child,
ul.step-tabs li.current-last-child
	{
	background-position:100% -320px;
	}

ul.step-tabs li.current a,
ul.step-tabs li.current a:visited
	{
	background-position:0 -240px;
	color:white;
	}
ul.step-tabs li.current a:hover
	{
	color:#bce6ff;
	}
	
/**
 * VISITADO
 */
ul.step-tabs li.visited
	{
	background-position:100% -520px;
	}
ul.step-tabs li.visited:last-child,
ul.step-tabs li.visited-last-child
	{
	background-position:100% -560px;
	}

ul.step-tabs li.visited a,
ul.step-tabs li.visited a:visited
	{
	background-position:0 -480px;
	}

/**
 * DISABLED
 */
ul.step-tabs li.disabled
	{
	background-position:100% -640px;
	}
ul.step-tabs li.disabled:last-child,
ul.step-tabs li.disabled-last-child
	{
	background-position:100% -680px;
	}

ul.step-tabs li.disabled a,
ul.step-tabs li.disabled a:visited
	{
	background-position:0 -600px;
	color:gray;
	}
ul.step-tabs li.disabled a:hover
	{
	color:gray;
	}














/**
 * Lista de links que ordenam a listagem de produtos
 */	
ul.order-list
	{
	margin:5px 5px 0px 0px;
	font-weight:bold;
	background-image:url(img/bg-ul-order-list.gif);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left:66px;
	
	}

ul.order-list li a
	{
	background-image:url(img/bg-order-list-block.gif);
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	height:17px;
	width:41px;
	font-family:Trebuchet MS;
	float:left;
	text-indent:-99999px;
	margin-right:3px;
	}

ul.order-list li.ranking a
	{
	width:52px;
	}
	
ul.order-list li.ranking a:hover,
ul.order-list li.ranking a.current
	{
	background-position: 0px -18px;
	}
	
ul.order-list li.name a
	{
	background-position:-55px 0px;	
	}
	
ul.order-list li.name a:hover,
ul.order-list li.name a.current
	{
	background-position: -55px -18px !important;
	}

ul.order-list li.brand a
	{
	background-position:-99px 0px;	
	}
	
ul.order-list li.brand a:hover,
ul.order-list li.brand a.current
	{
	background-position: -99px -18px;
	}
	
ul.order-list li.price a
	{
	background-position:-143px 0px;	
	}

ul.order-list li.price a:hover,
ul.order-list li.price a.current
	{
	background-position: -143px -18px;
	}
	
div.column-center div.block-action div.head ul.order-list,
div.column-right div.block-action div.head ul.order-list,
div.column-left div.block-action div.head ul.order-list
	{
	background-image:none;
	float:right;
	margin-right:0px;
	}

div.column-right div.block-action div.head ul.order-list,
div.column-left div.block-action div.head ul.order-list
	{
	_margin-top:2px;
	}

div.column-left div.block-action div.head ul.order-list
	{
	margin-right:3px;
	}
div.column-center div.block-action div.head ul.order-list
	{
	margin-top:2px;
	margin-right:3px;
	}

div.column-center div.block-clear div.head ul.order-list
	{
	margin-top:5px;
	}
	
div.column-right div.block-action div.head ul.order-list,
div.column-left div.block-action div.head ul.order-list
	{
	padding:0px;
	}

div.column-left div.block-action div.body dl.flow-layout
	{
	margin-left:9px;
	}	
		
div.column-left div.block-clear div.head ul.order-list,	
div.column-right div.block-clear div.head ul.order-list
	{
	margin-top:-21px;
	margin-right:-1px;
	}



div.column-right div.block-action div.head ul.order-list li a,
div.column-left div.block-action div.head ul.order-list li a,
div.column-center div.block-action div.head ul.order-list li a
	{
	background-color: transparent ;
	background-image: url(img/button-order-list_title-red.gif);
	background-repeat:no-repeat;
	background-position: left -22px;
	color:#484848;
	text-indent:0px;
	height:17px ;
	width:auto;
	float:left;
	_background-position: left -22px !important;
	_height:16px !important;
	}


div.column-right div.block-action div.head ul.order-list li a span,
div.column-left div.block-action div.head ul.order-list li a span,
div.column-center div.block-action div.head ul.order-list li a span
	{
	background-color: transparent;
	background-image: url(img/button-order-list_title-red.gif);
	background-repeat:no-repeat;
	background-position: right 0px;
	Margin-left:10px ;
	padding:1px 8px 2px 0px;
	float:left;
	width:auto;
	}
	

div.column-right div.block-action div.head ul.order-list li a:hover,
div.column-left div.block-action div.head ul.order-list li a:hover,
div.column-center div.block-action div.head ul.order-list li a:hover
	{
	background-position: 1px -66px !important; 
	color:white;
	text-decoration:none;
	cursor:pointer;
	}
	
div.column-right div.block-clear div.head ul.order-list li a:hover,
div.column-left div.block-clear div.head ul.order-list li a:hover,
div.column-center div.block-clear div.head ul.order-list li a:hover
	{
	background-position: 1px -65px !important; 
	}


div.column-right div.block-action div.head ul.order-list li a:hover span,
div.column-left div.block-action div.head ul.order-list li a:hover span,
div.column-center div.block-action div.head ul.order-list li a:hover span
	{
	background-position: right -44px ;
	}



	
div.column-center div.block-clear div.head ul.order-list li a,
div.column-right div.block-clear div.head ul.order-list li a,
div.column-left div.block-clear div.head ul.order-list li a
	{
	background-color: transparent;
	background-image: url(img/button-order-list.gif);
	background-repeat:no-repeat;
	background-position: left -22px;
	color:#484848;
	text-indent:0px;
	height:17pxt;
	width:auto;
	float:left;
	_background-position: left -22px;
	_height:16px;
	}

div.column-center div.block-clear div.head ul.order-list li a span,
div.column-right div.block-clear div.head ul.order-list li a span,
div.column-left div.block-clear div.head ul.order-list li a span
	{
	background-color: transparent;
	background-image: url(img/button-order-list.gif);
	background-repeat:no-repeat;
	background-position: right 0px;
	Margin-left:10px;
	padding:1px 8px 2px 0px;
	float:left;
	width:auto;
	}
	

div.column-center div.block-clear div.head ul.order-list li a:hover span,
div.column-right div.block-clear div.head ul.order-list li a:hover span,
div.column-left div.block-clear div.head ul.order-list li a:hover span
	{
	background-position: right -43px ;
	}