@charset "utf-8";
/* CSS Document */
body {
	margin:0;padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:#f2f2f2 url(../image/bg-body.jpg) top center repeat-x;
}
.clear {
	clear:both;
}
h1, h2, h3, h4, h5, h6, ul {
	margin:0;padding:0;
	font-weight:normal;
	list-style-position:inside;
}
ul ul {
	padding-left:20px;
}
a {
	color:#333;
	}
a img {
	border:0;
}
a.small {
	font-size:11px;
	text-decoration:underline;
}
.floatleft {
	float: left;
	}
.warning, .message {
	background-color:#FFF1AB;
	border:1px solid #FFCC00;
	line-height:18px;
	padding:5px 10px;
	margin:5px 0;
}
.red {
	color:#cc0000;
}

/* LAYOUT
--------------------------------------------------------------------------*/
#wrapper {
	background-color:#ffffff;
	padding:0 10px;
	margin:0 auto;
	width:960px;
}
#container {
	margin-top:20px;
}
#sidebar {
	width:200px;
	float:left
}
#content {
	width:750px;
	float:right;
}
/* HEADER
--------------------------------------------------------------------------*/
#header {
	padding-top: 5px;
	}
	
#header h1#logo a {
	padding:0 0 10px 0;
	}

#header .head-info {
	width:240px;
	float:left;
	}

#header .head-title {
	font-size: 18px;
	margin: 0 0 10px 0;
	}
	
#header #header-shopping-cart {
	background:#fff url(../image/header-shopping-cart.jpg) 0 0 no-repeat;
	height: 100px;
	}
	
#header .head-info .cart {
	margin: 50px 10px 0 65px;
	}
	
#header .head-info .cart .a {
	margin:5px 0 3px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	}

#header .head-info .cart .c  {
	margin-top:5px;
	}
	
#header .head-info .cart .c a {
	color:#cc0000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#header .head-info .cart .c a:hover {
	text-decoration: underline;
	color: #009900;
	}
/* MAIN MENU
--------------------------------------------------------------------------*/
#menu {
	padding:0 10px;
	background:#FFF url(../image/bg-menu.jpg) 0 0 no-repeat;
	height:30px;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	float:left;
	background:transparent url(../image/bg-menu-li.jpg) top right no-repeat;
}
#menu ul li a {
	display:block;
	padding:7px 10px;
	color:#333333;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;
}

#menu ul li a:hover {
	background:#FFFF99 url(../image/bg-menu-hover.jpg) 0 0 repeat-x;
	color:#ffffff;
	}

#menu-account {
	width:115px;
	float:right;
	padding:3px 0 3px 10px;
	margin-top:4px;
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	color: #000000;
	background: transparent url(../image/bg-account-loged-off.gif) 0 0 no-repeat;
}

#wrapper #menu .islogin {
	width:250px; 
	background: transparent url(../image/bg-account-loged-on.gif) 0 0 no-repeat;
	text-align:left;
	padding-left:30px;
}
#wrapper #menu .islogin a {
	color:#666666;
	text-decoration:none;
}
/* CONTAINER
--------------------------------------------------------------------------*/
	/* HOMEPAGE
	--------------------------------------------------------------------------*/
	div#homepage #search-box {
		height: 270px;
		margin-bottom: 20px;
	}
	
	div#homepage .auto {
		background: url(../image/bg-search-home.jpg) 0 0 no-repeat;
	}
	
	div#homepage .camioneta {
		background: url(../image/bg-search-home-camioneta.jpg) 0 0 no-repeat;
	}
	
	div#homepage .atv {
		background: url(../image/bg-search-home-atv.jpg) 0 0 no-repeat;
	}
	
	div#homepage .search-content-home {
		margin: 0 20px 0 10px;
		padding: 10px;
		width: 420px;
		padding-top: 20px;
		float: left;
	}
	
	.home-visual {
		width: 470px;
		float: left;
		margin: 20px 0 0 10px;
		color:#333333;
	}
	#content .home-visual h2 {
		font-size:26px;
		/*font-weight:bold;*/
		margin-bottom:30px;
	}
	
	.home-visual p.mare {
		margin: 0 0 20px 0;
		font-size:18px;
		line-height:26px;
	}
	
	.home-visual p.mic {
		margin: 0 0 5px 0;
		font-size:14px;
		font-weight:bold;
	}
	
	
	#pannels {
		background: url(../image/bg-home-pannel.jpg) 0 0 no-repeat;
		padding: 0 10px 10px;
		height: 200px;
	}
	
	 div#homepage .search-content-home h2.tab {
		background: url(../image/bg-tab-mare.jpg) 0 0 no-repeat;
		padding: 5px 10px 3px;
		margin: 0;
	}
	
	.pannel {
		background: #ffffff url(../image/bg-pannel-right.jpg) top right no-repeat;
		padding: 10px;
	}
	
	dl.inputs {
		margin: 10px 0 0;padding: 0;
	}
	
	dl.inputs dt {
		width: 160px;
		float: left;
		color:#000000;
	}
	
	dl.inputs dt, dl.inputs dd {
		margin-bottom: 3px;
	}
	
	ul#tabs {
		list-style-type: none;
		padding-top: 10px;
		height: 30px;
	}
	ul#tabs li {
		float: left;
		margin-right: 2px;
		text-align: center;
	}
	
	ul#tabs li a {
		display: block;
		font-weight: bold;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
		filter: alpha(opacity=30);	
		opacity: 0.3;	
		padding: 7px 0;
		width: 100px;
		text-align: center;
	}
	
	ul#tabs li a.selected, ul#tabs li a.selected:hover {
		
		text-decoration: none;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);			
		opacity: 1;	
		background:url(../image/bg-tab-selected.jpg) 0 0 no-repeat;
	}
	
	ul#tabs li a:hover {
		background:url(../image/bg-tab-hover.jpg) 0 0 no-repeat;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);			
		opacity: 1;	
	}
	
	/* Home Products
	------------------------------------*/
	
	h2#how {
		width: 320px;
		float: right;
		margin: 0;padding: 0;
	}
	
	#homeproducts {
		width:640px;
		float: left;
	}
	
	#homeproducts .products {
	   width:310px;
	   float:left;
       background: url(../image/bg-home-products.jpg) 0 0 no-repeat;
       padding: 5px;
       margin-bottom: 10px;
	}
	
    #homeproducts .products p.productname {
      font-size: 11px;
      font-weight: bold;
      margin: 0 0 5px 0;
    }
    
    #homeproducts .products p.brandname {
      font-size: 11px;
      margin: 0 0 5px 0;
    }
    
    #homeproducts .products p.price {
      font-size: 11px;
      font-weight: bold;
    }
    
    #homeproducts .products p.price {
      font-size: 11px;
      font-weight: bold;
    }
    #homeproducts .products p.price span {
      color:#cc0000;
    }
    #homeproducts .products .product-photo {
      float: left;
      margin-right:10px;
      padding: 5px;
      border: 1px solid #efefef;
    }
	
	
	div.hide {
		display: none;
	}
	
	
	#homebanner {
		width: 320px;
		float: right;
	}
/* CONTAINER
--------------------------------------------------------------------------*/
	/* SIDEBAR
	--------------------------------------------------------------------------*/
	
	#sidebar .box {
		margin-bottom:10px;
	}
	
	#sidebar .box h3 {
		padding:5px 10px;
		text-transform:uppercase;
		font-size:12px;
		background:#F7B721 url(../image/bg-sidebar-head.jpg) 0 0 repeat-x;
		font-weight:bold;
	}
	
	#sidebar .box .box-content {
		background-color:#F7F8F8;
	}
	
	#sidebar .box .box-content ul {
		list-style-type: none;
	}
	
	#sidebar .box .box-content ul li a {
		color:#333333;
		text-decoration:none;
		padding: 7px 0px 7px 20px;
		background:url(../image/bg-hmenu-item.gif) 5px 10px no-repeat;
		display: block;
		font-size: 13px;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
	}
	* html body #sidebar .box .box-content ul li a {
		width:76%;
	}
	#sidebar .box .box-content ul li a:hover {
		color:#ffffff;
		background:#333 url(../image/bg-hmenu-item-hover.gif) 5px 10px no-repeat;
	}	
	
	#sidebar .box .box-content form {
		padding: 10px 10px 0 ;
	}
	
		#sidebar .box .box-content form input {
			margin: 5px 0;
		}
	
	#sidebar .box .box-content p {
		padding: 5px 10px 10px;
	}
	
	/* CONTENT
	--------------------------------------------------------------------------*/
	#content {
		font-size:12px;
	}
	#content h2 {
		margin-bottom:10px;
	}
    #content h3 {
		margin:10px 0;
        padding-bottom: 3px;
        border-bottom: 1px solid #ccc;
        font-weight: bold;
	}
    #content #account ul li {
        margin-bottom: 5px;
        margin-left: 10px;
    }
	
	#wrapper #content.wide {
		width:960px;
		float:none;
	}
	
	
	/* CATEGORY LISTING
	--------------------------------------------------------------------------*/
	
	/* SEARCH BOX
	-------------------------------*/
	.default{
		background: url(../image/bg-search-box-category.jpg) 0 0 no-repeat;
		height: 150px;
		margin-bottom: 20px;
	}
	
	.autoturism{
		background: url(../image/bg-search-box-category.jpg) 0 0 no-repeat;
		height: 150px;
		margin-bottom: 20px;
	}
	
	.atv{
		background: url(../image/bg-search-box-category-atv.jpg) 0 0 no-repeat;
		height: 150px;
		margin-bottom: 20px;
	}
	
	.camioneta{
		background: url(../image/bg-search-box-category-camioneta.jpg) 0 0 no-repeat;
		height: 150px;
		margin-bottom: 20px;
	}
	
	#search-box .title {
		margin:0 0 10px 0;
		font-size:21px;
		color:#333333;
	}
	
	#search-box .search-box-content {
		float: right;
		width: 250px;
		margin: 15px 30px 0 0;
		color:#333333;
	}

	* html body #search-box .search-box-content {
		float: right;
		width: 250px;
		margin: 15px 15px 0 0;
		color:#333333;
	}
	
	#search-box .search-box-content dl.inputs dd input, #search-box .search-box-content dl.inputs dd select {
		width: 80px;
	}
	
	#search-box .search-box-content label {
		color: #000000;
	}
	
	#search-box p.inputs {
		margin: 10px 0 0;
	}
	#search-box p.inputs label {
		width: 150px;
		display: block;
		float: left;
		margin-bottom: 3px;
		
	}
	
	/* PRODUCTS TABLE
	-------------------------------*/
	
	#products {	}
	
	#products table {
		width:100%;
		border-collapse:collapse;
	}
	
	#products table tr.even {
		background-color: #F7F8F8;
	}
	
	#products table tr td * {
		vertical-align:top;
	}
	
	#products table tr td.list-photo {
		width:60px;
		padding-right:10px;
	}
	
	#products table tr td.list-product-name {
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
	}
	
	#products table tr td.list-product-name a {
		color:#000000;
		text-decoration: none;
	}
	
	#products table tr td.list-product-name a:hover {
		color: #cc0000;
		text-decoration: underline;
	}
	
	#products table tr td.list-details a {
		font-size: 11px;
		color:#cc0000;
	}
	
	#products table tr td.caracteristics {
		width:200px;
	}
	
	#products table tr td.list-caracteristics span.list-price {
		font-size: 13px;
		font-weight: bold;
	}
	
	#products table tr td.list-brand {
		width:150px;
	}
	
	#products table tr td.list-add-to-cart {
		width:100px;
	}
	
	/* CART TABLE
	------------------------------------------*/
	#table_cart  {
		border-collapse:collapse;
		border-color:#efefef;
		margin:10px 0;
	}
	
	#table_cart  th {
		padding:3px;
		background-color:#000000;
		color:#ffffff;
		text-align:center;
	}
	
	#table_cart td {
		padding:3px;
		vertical-align: top;
	}
	
	#table_cart td ul {
		padding-left: 30px;
	}
	
	/* Fieldsets
	------------------------------------------*/
	
	fieldset {
		border:1px solid #CECEC3;
		padding: 10px 30px;
		margin-bottom: 20px;
		background-color: #F5F5F5;
	}
	
	fieldset.accountfields {
		width: 440px;
	}
	
	fieldset legend {
		font-size: 11px;
		font-weight:bold;
		letter-spacing:0.1em;
		color:#333333;
		background-color: #ffffff;
		padding: 3px 20px 3px;
		border: solid #CECEC3;
		border-width: 1px 1px 0px 1px;
		}
	fieldset table td {
		font-weight: bold;
		padding: 3px 0;
	}
		
	fieldset textarea {
		width:100%;
	}
	
	fieldset span.error {
		font-size: 11px;
		font-weight: normal;
		color:#cc0000;
	}
	
	fieldset a {
		font-weight: normal;
		color:#cc0000;
	}
	
	fieldset h3 {
		font-size: 13px;
		color: #000;
	}
/* FOOTER
--------------------------------------------------------------------------*/
#footer {
	font-size:11px;
	padding:10px 0px;
	border-top: 3px solid #f2f2f2;
	color:#999999;
	margin: 10px 0;
}
#footer ul {
	list-style-type:none;
}
#footer ul li {
	float:left;
}
#footer ul li a {
	display:block;
	padding:0px 10px 5px 0px;
	color:#666666;
	}
	
#footer p {
	clear:both;
	margin:0;
}

#footer #payment-logos {
	width: 191px;
	float: right;
	vertical-align: middle;
	}

/* INPUTS
--------------------------------------------------------------------------*/	

.submit {
	background:url(../image/bg-submit.jpg) 0 0 repeat-x;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana;
	padding: 5px 10px 6px;
	border:1px solid #666;
	margin-top:5px;
	margin-bottom:1px;
}

.submit:hover {
	background:url(../image/bg-submit-hover.jpg) 0 0 repeat-x;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana;
	padding: 5px 10px;
	border:1px solid #ff9900;
	margin-top:6px;
	margin-bottom:0px;
	margin-left:1px
}

.w120 {
	width: 120px;
	}

/* Other
--------------------------------------------------------------------------*/
.validation-advice {
	color:#CC0000;
	padding-left:3px;
	font-size:13px;
	font-weight:bold;
	vertical-align:top;
	display:inline;
}