/* chamada única da imagem principal bluebar-sprite.png em background-image */
#blueBar, .myAcc .nav .spacer, .myAcc .nav li a, .myAcc .nav li a:hover, .myAcc .nav .active a, .myAcc .nav li a:hover span, .myAcc .nav .active span, .myAcc .nav li .login span , .myAcc .nav li .login:hover span, .myAcc .nav .active .login span, .myAcc .nav .user, .myAcc .nav li a.exit, .myAcc .nav .active a.exit, .myAcc .nav li a.acc, .myAcc .nav .active a.acc, .myAcc .nav li a.exit:hover, .myAcc .nav .active a.exit, .myAcc .nav li a.acc:hover, .myAcc .nav .active a.acc, .myAcc .cart, .myAcc a.ajuda-online, .cart .cartFull , .cartFull .finish, .cartFull .finish.empty, .cartFull .finish a , .subNav, .subNav label input , .subNav label input.error, .subNav label label.error, .subNav .button , .subNav button, .subNav a.buttonLink , .advSearch .select li div div.top, .advSearch .select li a, .productsCom .img, .comboNav .img, .productsCom .img .close a, .comboNav .img .close a, .productsCom .gray, .productsCom .gray button, .comboNav .btComprar, .giftLists li.list-bar { background-image:url(../images/bluebar-sprite-20111311.png); background-repeat:no-repeat; }

/* definições de background-position a todos os seletores que chamam a imagem da blue bar*/

#blueBar {  position:fixed; right: 0px; bottom: 0; background-position:0 0; background-repeat:repeat-x; height:33px; width:100%; z-index: 101}

.ie6 #blueBar {
	position: absolute;
}
.ie6 div#blueBar {
	right: auto;
	bottom: auto;
left: expression( ( 0 - blueBar.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - blueBar.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6 #blueBar { overflow:visible; overflow-x: hidden; z-index:9999 !important; }

	#blueBar .myAcc { position:relative; padding:0 12px; width:971px; margin:0 auto 0 auto; height:33px; line-height:33px; color:#FFF;}
	
	.myAcc ul.nav { height:32px; line-height:33px; margin:0; padding:0; width:681px; float:left;}
	
	.myAcc ul.nav li { list-style:none; margin:0; padding:0; float:left; height:33px; line-height:33px; display:inline-block;  width:auto; }
	
	.myAcc .nav .spacer { padding:0; background-position:-262px -271px; height:33px; display:block; float:left; width:2px;}
	
	.myAcc .nav li a { outline:0; position:relative; float:left; width:auto; background-position:right -143px; font:bold 85%/33px Arial, Helvetica, sans-serif; color:#FFF; display: inline-block; padding:0 30px; cursor:pointer; }
	
	.myAcc .nav li a:hover,
	.myAcc .nav .active a { text-decoration:none; height:33px; background-position:right -176px; color:#225081;}
	
	.myAcc .nav li a:hover span,
	.myAcc .nav .active span	{ width:9px; height:33px; background-position: 0 -209px; position:absolute; left:0; top:0; }
	
	.myAcc .nav li .login span { width:23px; position:absolute; top:0; left:0; background-position:-264px -243px; height:33px;}
	
	.myAcc .nav li .login:hover span,
	.myAcc .nav .active .login span { width:23px; position:absolute; top:0; left:0; background-position:-264px -276px; height:33px;}
	
	.myAcc .nav .user { float:left; background-position:-264px -243px; font:bold 85%/33px Arial, Helvetica, sans-serif; padding:0 5px 0 30px; }
	
		.myAcc .nav li a.exit,
		.myAcc .nav .active a.exit,
		.myAcc .nav li a.acc,
		.myAcc .nav .active a.acc{ color:#FFF; background-position: right -143px; text-decoration:none;  float:left; padding-left:0;}
		
		.myAcc .nav li a.acc,
		.myAcc .nav .active a.acc {padding-left:30px;}		
			
			.myAcc .nav li a.exit:hover,
			.myAcc .nav .active a.exit,
			.myAcc .nav li a.acc:hover,
			.myAcc .nav .active a.acc { overflow:hidden; height:33px; background-position: right -143px; color:#FFF; text-decoration:underline;}
			
			.myAcc .nav li a.exit:hover span,
			.myAcc .nav .active a.exit span,
			.myAcc .nav li a.acc:hover span,
			.myAcc .nav .active a.acc span{ background:none;}
			
	.myAcc .cart, 
	.myAcc a.ajuda-online { position:relative; background-position: 0 -439px; width:287px; top:5px; height:25px; float:right; }
	
	.myAcc .cart:hover { background-position: 0 -464px;}
	
	.myAcc a.ajuda-online { background-position: 0 -260px; width:128px; height:25px; float:right; text-indent:-9999px; cursor: pointer; margin-right:30px }
	
		.cart .itens { float:left; padding:0; position:relative; padding:0 10px 0 35px; font:bold 77%/25px Arial, Helvetica, sans-serif; color:#FFF;}

		.cart .price { float:left;  bottom:8px; padding:0; margin:0; font:bold 108%/23px Arial, Helvetica, sans-serif; color:#FFF;}
		
		.cart .myCart { position:absolute; right:0px; bottom:0px; text-indent:-9999px; outline:0; display:block; width:287px; height:35px; }	
		.cart .cartFull { display:none; position:absolute; bottom:20px; right:0; background-position: 0 -363px; width:287px;}
		
		.cart .openFull { display:block;}
		
		.cart .cartFull ul { margin:0; padding:10px 0 0 11px; height:15px;}
		
		.cart .cartFull ul li { padding:0; margin:0; float:left; list-style:none; color:#666; font:normal 85% Arial, Helvetica, sans-serif;} 
		
		.cart .cartFull ul .products { font: bold 93% Arial, Helvetica, sans-serif; color:#333; margin-right:70px;}
		
		.cart .cartFull ul li a {  text-decoration:underline; color:#ff6600; font:bold 93% Arial, Helvetica, sans-serif; margin-left:60px; }
		.cart .cartFull ul li a:hover { text-decoration:none;}
		
		.cartFull .name { width:100%; clear:left; color:#666; font:normal 85% Arial, Helvetica, sans-serif; padding:3px 0 0; margin:0 6px;}
		
		.cartFull .unitPrice { position:relative;  padding:0 3px 3px 4px; margin:0 3px 0px; font:normal 85% Arial, Helvetica, sans-serif; color:#666; border-bottom:1px solid #CCC; }
		
		.cartFull .unitPrice span { position:absolute; right:3px; top:0; font-weight:bold;}
		
		.cartFull .finish { background-position: 0 -489px; width:287px; height:94px;}
		
		.cartFull .finish.empty { background-position: 0 -389px; height:50px;}
		
		.cartFull .finish a { width:133px; outline:0; height:29px; float:right; text-indent:-9999px; display:block; margin:7px 12px 0 0; background-position: -128px -260px; }
		
		.cartFull .finish.empty a { background:none; display:none;}
		
		.cartFull .finish p { position:relative; color:#666; padding:11px 13px; font:bold 116% Arial, Helvetica, sans-serif; text-transform:uppercase;}
		
		.cartFull .finish p span { position:absolute; right:12px; top:10px;}
		
		.cartFull .prodList { background: #fff; margin: 0; padding: 0; border-left: 5px solid #FF5A00; border-right: 5px solid #FF5A00;}
		
	.subNav {display:none; height:55px!important; width:100%; background-position: 0 -33px; background-repeat:repeat-x; }
		
		.loginForm,
		.registerForm,
		.findStoreForm,
		.productsCom,
		.comboNav,
		.guideSolutions { position:relative; height:auto; display:none; margin:0 auto; padding:15px 0 0 0; width:970px; color:#21507E; font:normal 93% Arial, Helvetica, sans-serif;}
		
		.guideSolutions { padding-top:3px}
		
		.subNav .tabContent div.active { display:block;}

		.subNav label { position:relative; line-height:27px; height:27px; margin-left:10px; display:inline; float:left;}
		
		.subNav .cep .input1 { width:37px; margin-right:0;}
		.subNav .cep .input2 { width:24px;}
		
		.subNav label label.error { position:absolute; right:10px; top:-10px; font:normal 77% Arial, Helvetica, sans-serif; color:#C00; height:15px;}
		
		.subNav label span { float:left; font-weight:bold;}
		
		.subNav label input {  border:1px solid #D9D1D9; background-position: 0 -681px; background-repeat:repeat-x; width:200px; height:17px; float:left; padding:6px 3px 0 3px; margin:0 7px; font:normal 93% Arial, Helvetica, sans-serif; color:#666;}
		
		.subNav label input.error { color:#F00; border:1px solid #FFBB96; background-position: 0 -706px; background-repeat:repeat-x; background-color:#FFE7DA;}
		
		.subNav label label.error { padding:23px 0  0 0; background-position: 0 -583px; width:115px; height:75px; display:block; color:#FFF; right:-10px; top:-83px; color:#FFF; text-align:center; font:normal 12px Arial, Helvetica, sans-serif; }
		
		.subNav label input.small { width:100px;}
		
/* links "Esqueci meu email, senha, n?o sei meu cep - barra flutuante"*/
		
		.loginForm p.loginMail { position:absolute;  left:54px; /*top:38px;*/ top:28px;}
		
		.loginForm p.loginPass { position:absolute;  right:559px; /*top:38px;*/ top:28px;}
		
		.registerForm p { position:absolute; right:310px; /*top:38px;*/ top:28px; }
		
		.subNav p a { color:#255083; font-size:77%; text-decoration:underline;}
		
		.findStoreForm p { position:absolute; /*top:38px;*/ top:28px; left:114px }
		
		.subNav .button {
			float:left; 
			margin-left:5px;  
			background-position: left -114px; 
			height:27px;
			display:inline;
		}

		.subNav button, 
		.subNav a.buttonLink  {
			width:auto; 
			cursor:pointer; 
			font:bold 93% Arial, Helvetica, sans-serif; 
			padding:0 17px 0px 5px; 
			color:#FFF; 
			text-align:left; 
			border:0; 
			margin-left:3px; 
			background-position: right -87px; 
			height:27px;
		}
		.subNav a.buttonLink {
			line-height:250%;
			float:left;			
		}
		
		.findStoreForm, .loginForm, .registerForm { padding:0;}
		 .tabContent { display:none;}
		 .tabContenthover { display:block;}
 		
		.findStoreForm form, .loginForm form, .registerForm form  { height:40px; padding:14px 0 0 0; position:relative;}
		
		.findStoreForm .find-simple { float:left; display:block; width:300px;}
		
		.findStoreForm .find-simple .button { position:absolute; right:26px; top:14px;}
		
		.findStoreForm .find-full { width:670px; float:right;}
		
		/*.findStoreForm label { font:normal 93%/27px Arial, Helvetica, sans-serif; }*/
	
		.findStoreForm span { font-weight:bold;}
				
		.findStoreForm .advSearch { width:668px; padding: 0; float:right; border-left:1px solid #ebeff2; height:30px; display:inline; position:relative; }
		
		.advSearch .titleSearch { position:relative; width:110px; margin:7px 0 0 15px; display:inline; float:left;}
		
		.advSearch .select { position:relative; float:right; margin:0; padding:0; display:inline; }
		
		.advSearch .select li { float:left; margin:0 2px; position:relative; display:inline;}
		
		.advSearch .select li div.estado,
		.advSearch .select li div.cidade,
		.advSearch .select li div.bairro {  padding:0; border-bottom:0 !important; margin:0; background:#FFF; border:1px solid #D7CED7; position:absolute; bottom:20px; display:none; left:0; padding-bottom:5px; border-bottom:0;}
		
		.advSearch .select li div a { float:none; width:135px; background:none; text-align:left; white-space:nowrap; padding:0 0 0 7px; line-height:normal; margin:3px; display:block;}
		
		.advSearch .select li div div.top { background-position: -137px -210px; height:6px; position:absolute; top:-6px; left:-1px; display:block; width:100%; line-height:6px}
		
			.advSearch .select li a { height:25px; margin:0; outline:0; width:115px; padding:0 25px 0 10px; position:relative; background-position: -137px -210px; display:block; float:left; color:#1B538E; font:bold 93%/25px Arial, Helvetica, sans-serif;}
			
			.advSearch .select li a .select-label { width:120px; font-size:96%;  padding:0; margin:0;}
			
			.advSearch .select li a:hover { text-decoration:none;}
			
			.productsCom { padding-top:3px;}
			
			.productsCom .button {margin-top:12px;}
			
			.productsCom .img,
			.comboNav .img { float:left; position:relative; text-align:center; background-position: -75px -210px; width:62px; height:45px; display:block; margin:0 15px; padding-top:5px;}
			
			.productsCom .img img,
			.comboNav .img img{ margin:0 auto;}
			
			.productsCom .img .close a,
			.comboNav .img .close a{ outline:0; position:absolute; top:-3px; right:-15px; text-indent:-9999px; background-position: -115px -583px; width:12px; height:13px; display:block;}
			.productsCom .img .close a:hover, .comboNav .img .close a:hover { background-position: -115px -596px; }
						
			.productsCom .gray {background-position:0 -336px; background-repeat:no-repeat !important;}
			
			.productsCom .blue button {  width:140px;}
			
			.productsCom .gray button {background-position:right -309px;}
			
			.comboNav { padding:3px 0 0 0;}
			
			.comboNav .moreBig { float:left; color:#D75A06; font: bold 370% Arial, Helvetica, sans-serif;}
			
			.comboNav .moreSmall {float:left; color:#D75A06; font: bold 192%/45px Arial, Helvetica, sans-serif;}
			
			.comboNav .btComprar { margin:10px 0 0 20px; background-position:-208px -336px; width:79px; height:27px; text-indent:-9999px; float:left;}
		
	.show { display:block !important; }
	
	.guideSolutions span.view {
		font-weight:bold;
		padding:16px 5px 0 0
	}
	.guideSolutions a.link { color:#21507E}
	.guideSolutions a.link img {
		background-color:#000000;
		margin-right:8px;
		height:48px;
		width:58px
	}
	.guideSolutions a.link span {
		color:#21507E;
		margin-top:15px
	}
	.guideSolutions div.btnProd {
		
		margin:8px 0 0 80px;
	}
	.guideSolutions ul.breadLinks { margin-top:6px}
	.guideSolutions ul.breadLinks li {
		color:#21507E;
		float:left;
		padding-left:5px
	}
	.guideSolutions ul.breadLinks a {
		color:#21507E;
		display:block;
		float:left;
		margin-right:5px
	}
/** form inputs acessiveis a deficientes visuais */
.subNav label input.init,
div.newsletterBox .newsletterBoxContent input.textField.init { color:#fff;}


/* aba de listas */

.giftLists { position:relative; overflow:hidden; height:auto; margin:0 auto; padding:0; width:970px; color:#21507E; font:normal 93% Arial, Helvetica, sans-serif;}
.giftLists ul {padding:4px 0 0; height:auto; margin:0 0 0 -20px !important; width:1000px; display:inline-block;}
.giftLists li {font-size:1em; font-weight:bold; padding:15px 31px 15px 71px; float:left; display:inline-block;border-left:1px solid #ECF1F6; border-right:1px solid #C2CBD5;}
.giftLists li a{font-weight:bold;}
	.ie6 .giftLists li.list-bar {background:url("../images/bluebar-sprite-ie6-20111311.png") no-repeat scroll 0 0 transparent;}
  .giftLists li.list-bar.pos-cas {background-position:20px -792px;}
	  .ie6 .giftLists li.list-bar.pos-cas {background-position:20px -184px;}
  .giftLists li.list-bar.pos-beb {background-position:20px -948px;}
	  .ie6 .giftLists li.list-bar.pos-beb {background-position:20px -340px;}
  .giftLists li.list-bar.pos-ani {background-position:20px -844px;}
	  .ie6 .giftLists li.list-bar.pos-ani {background-position:20px -236px;}
  .giftLists li.list-bar.pos-bar {background-position:20px -740px;}
	  .ie6 .giftLists li.list-bar.pos-bar {background-position:20px -132px;}
  .giftLists li.list-bar.pos-des {background-position:20px -896px;}
	  .ie6 .giftLists li.list-bar.pos-des {background-position:20px -288px;}

/* faixa area segura - verde */

#faixaSeguranca { background:url(../images/processo-compra-seguranca-bg.png) repeat-x; bottom:0; line-height:33px; height:33px; left:0; position:fixed; width:100%; z-index:100; }

#faixaSeguranca .faixaContent { position:relative; margin:0px auto; width:944px; color:#fff; line-height:33px; height:33px;  padding:0px; }

#faixaSeguranca .faixaContent a.ajuda-online{ position:relative; background:url(../images/bluebar/cart.gif) 0 0 no-repeat; width:287px; top:5px; height:25px; float:right; }

#faixaSeguranca .faixaContent a.ajuda-online { background:url(../images/bluebar/btn-ajuda-on-line-verde.jpg) 0 0 no-repeat; width:128px; height:25px; float:right; text-indent:-9999px; cursor: pointer; margin-right:17px }

#faixaSeguranca .faixaContent span { position:relative; float:left; width:700px; height:32px; display:inline; background:url(../images/processo-compra-identificacao-cadeado.gif) no-repeat 0 5px; padding:0 0px 0px 30px; margin:0px; }

.ie6 #faixaSeguranca {
	position:absolute;
	right: auto;
	bottom: auto;
left: expression( ( 0 - faixaSeguranca.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - faixaSeguranca.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}