@import url(reset.css);
@import url(forms.css);
@import url(grid.css);
@import url(typography.css);
@import url(izus.grid.css);
@import url(cart.css);


.uppercase{
	text-transform:uppercase;
}

/* home */

	#mycarousel strong {
		font-size:14px;
	}


/* promo compare */
.promo-feature p{
	color:#999;
}
.product-image div{
	position:relative;
	text-align:center;
}
.product-image img{

}
.product-image .product-notice{
	display:block;
	position:absolute;
	width:90px;
	background-color: #0C0;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	top:8px;
	left:0;
	margin-left:-12px;
	font-size:10px;
}

.compare td{
	 border-left: 1px solid #CCC;
	 padding-left:6px;
	 padding-right:6px;	 
}
.compare{
	 border-right: 1px solid #CCC;
	 border-top: 1px solid #CCC;
	 border-bottom: 1px solid #CCC;
	 margin-top:8px;
}
.more-details td{
	padding-bottom:20px;
}
.buy-now, .buy-now fieldset {
	margin:0;
	padding:0;
}
.product-model td h3 {
	margin:0;
	padding:0;	
}
.product-price table {
	width:100%;
}
	.product-price table td{
		border:0;
		margin:0;
		padding:0;	
	}
	.product-price table td.price-net,
	.product-price table td.price-discount,
	.product-price table td.price-total{
		text-align:right;
	}
	.product-price table td.price-total{
		font-weight:bold;
		font-size:14px;
	}
	.product-price table tr.price-total td{
		 border-top: 1px dotted #ccc;
	}	




#wrapper {
	background:url(bg-globalnav.png) repeat-x;
}

#nav{
	height:40px;
	margin:0;
	padding:0;
}

#nav #title-computacion,
#nav #title-electronicos,
#nav #title-insumos{
	display:block;
	margin:0;
	padding:0 0 0 0;
	height:40px;
	text-indent:-5000px;
	width:200px;
}

	#nav #title-computacion{
		background:url(title-computacion.png) no-repeat top left;
	}
	#nav #title-electronicos{
		background:url(title-electronicos.png) no-repeat top left;
	}
	#nav #title-insumos{
		background:url(title-insumos.png) no-repeat top left;
	}

	#nav #title-computacion:hover,
	#nav #title-insumos:hover,
	#nav #title-electronicos:hover{
		background-position:0 -40px;
	}

#header{
	height:180px;
	padding-bottom:20px;
	margin:0;
}

h1#logo{
	height:100px;
	width:280px;
}
	h1#logo a{
		display:block;
		text-indent:-5000px;
		background:url(logo.png) no-repeat;
		height:100px;
		width:280px;
	}

#utilitynav, #utilitynav2{
	height:30px;
	color:#009900;
	text-align:right;
}

#utilitynav a{
	color:#53C133;
}

#utilitynav2 a{
	color:#090;
}

#utilitynav a, #utilitynav2 a{
	text-decoration:none;
	font-size:13px;
}

#utilitynav a:hover, 
#utilitynav2 a:hover{
	text-decoration:underline;
}

.message{
	width:910px;
	padding:5px 20px;
	background-color:#F9DB0B;
	font-weight:bold;
	text-align:left;
	text-align:center;
	display:block;
	margin:5px 0 20px 0;
}

.message span{
	padding-left:10px;
	margin-left:10px;
}

.chat{
	background:url(msn.jpg) top left no-repeat;
	padding:20px 0 10px 65px;
	line-height:18px;
	font-size:12px;
}

.help-box{
	background-color:#DEF1A3;
	border:1px solid #294624;
	padding:8px 16px;
	margin:16px 0;
}

	.help-box h4{
		color: #294624;
		font-size:18px;
		font-weight:bold;
	}

#view-cart{
	float:right;
	width:310px;
	height:25px;
	margin:0;
	padding:0;
}

	#view-cart a{
		text-indent:-5000px;
		display:block;
		background:url(../../img/default/btn_view-cart.png) no-repeat top left;
		width:310px;
		height:25px;
	}

.link-list h3{
	color:#333333;
	font-weight:bold;
	font-size:1.2em;
	padding:1.8em 0 0.4em 0;
	border-bottom:1px solid #CCC;
}

.carousel-item p{
	text-align:center;
	font-size:0.8em;	
}

	.carousel-item p span{
		font-weight:bold;
		font-size:1.1em;
	}
	
#extra h3{
	font-family:"Trebuchet MS"; 
	font-size: 1.4em; 
	margin: 0 0 8px 0;
	padding: 4px 8px;
	line-height:19px;
	border-bottom:1px solid #666;
}


#extra ul {
	margin:0;
	padding:0;
}
#extra ul li{
	border-bottom:1px solid #CCCCCC;
	margin:0;
	padding:0;
}

#extra ul li a{
	display:block;
	line-height:1.5em;
	padding: 4px 8px;
	text-decoration:none;
	margin:0;
}	

	#extra ul li a:hover{
		background-color:#333333;
		color:#FFFFFF;
	}
	
/* footer */	

#footer{
	/*background:url(bg-footer.png) repeat-x top left #EDEEFE;*/
	background:#EDEEFE;
	padding:0 1.8em 1.2em 1.8em;
}

	#footer #bottomsearch{
		text-align:center;

	}
	
		#footer #bottomsearch .text{
			margin:0 1em;
			padding:4px 5px;
		}
		
		#footer #bottomsearch label{
			font-family:"Trebuchet MS";
			font-size:1.6em;
			color:#666666;
			vertical-align:top;
		}
		
	
	#footer #bottomnav{
		margin:1.2em  0;
		color:#009900;
	}
	
		#footer #bottomnav a{
			color:#009900;
			font-size:1em;
			text-decoration:none;
		}

		#footer #bottomnav a:hover{
			text-decoration:underline;
		}
		
			#footer #credits a{
				color:#999;
				font-size:1em;
				text-decoration:none;
				font-weight:bold;
			}
				#footer #credits a:hover{
					color:#666666;
				}
				
.landing_mundial{
	background:url(landing-mundial-bg.jpg) no-repeat top left #000;
	padding:560px 0 10px 0;
	margin-bottom:15px;
}

.landing_revancha{
	background:url(landing-revancha-bg.jpg) no-repeat top left #000;
	padding:560px 0 10px 0;
	margin-bottom:15px;
}

.landing_juga{
	background:url(landing-juga-bg.jpg) no-repeat top left #000;
	padding:560px 0 10px 0;
	margin-bottom:15px;
}

body.landing #container h2,
body.landing #container label,
body.landing #container p{
	color:#FFF;
	text-align:center;
}

body.landing #container a{
	color:#379AD6;
}

body.landing #footer a{
	color:#40A628;
	text-align:center;
	padding:0 4px;
	margin:0 4px;
}

body.landing #footer a#credits{
	background:url(izus.png) no-repeat top left;
	display:block;
	width:50px;
	height:15px;
	text-indent:-5000px;
	float:right;
}

body.landing form#contact-form{
	margin-bottom:70px;
}


body.landing form#contact-form input.submit{
	background:#379BD6;
	border:none;
	text-transform:uppercase;
	font-size:14px;
	padding:8px;
	font-weight:bold;
}

body.landing #flashMessage{
	position:absolute;
	top:0;
	left:0;
}

/* cart */

.buttons {
	font-size:15px;
	text-align:right;
	margin-bottom:30px;
	font-weight:normal;	
}
		.buttons .btn-checkout{
			background-color:#3BBC23;
			display:inline-block;
			padding:6px;
			text-decoration:none;
			color:#FFF;
		}
		.buttons .btn-checkout:hover{
			text-decoration:none;
			background-color:#000;
		}

		
#btn-update-cart{
	color:#FFF;
	background-color:#000;
	border:1px solid #000;
}
.price, .unit-price, .subtotal, .total-price, .total{
	text-align:right;
}

.product-name{
	padding:20px 0 0 0;
	font-size:14px;
}

.action-edit, .action-delete, .size{
	text-align:center;
}

.action-edit{
	background-color:#F1F1F1;	
}
.total-row td{
	border-top:2px solid #000;
}
.total-price{
	font-weight:bold;
	font-size:16px;
}

.cart-footer{
	margin-top:30px;
}

#page-carts-view table {
	border:none;
	padding:0;
}

#cart-steps{
	border-bottom:3px solid #666;
	margin-bottom:20px;
}
	#cart-steps div{
		padding-top:20px;
		padding-bottom:20px;
	}
	#cart-steps div.last{
		background:none;
	}	
	#cart-steps span{
		display:block;
		padding:2px;
	}
	#cart-steps span.step-number{
		width:50px;
		font-weight:bold;
	}
	#cart-steps .current span.step-number{
		background-color:#3BBC23;
		color:#FFF;
	}


