/* ------------------------------------------------------ */
/* Content styles */
/* ------------------------------------------------------ */
	::selection {
		color: #fff;
		background: #E57E1A;
	}
	::-moz-selection {
		color: #fff;
		background: #E57E1A;
	}
	.homepage #sidebar a.more {
		color: #E57E1A;
		width: 60px;
	}
	.homepage #carousel {
	    position: relative;
	}
	.homepage #sidebar a.more:hover {
		color: #000;
	}
	#sidebar a.more {
		color: #000;
		display: block;
		font-style: normal;
		width: 60px;
	}
	#sidebar a.more:hover {
		color: #fff;
	}
	#content.homepage #sidebar a.more:hover {
		color: #000;
	}

	#sidebar dl {
		color: #fff;
	}
	#content.homepage #sidebar dl {
		color: #393939;
	}
		
		#sidebar dt {
			font: bold 14px Arial;
			color: #fff;
			text-transform: uppercase;
			padding: 20px 15px 0;
			border-top: 1px solid #fdb56e;
		}
		#content.homepage #sidebar dt {
			color: #424242;
			border-color: #fff;
		}
		#sidebar dt.first {
			border-top: 0;
			padding-top: 10px;
		}

		#sidebar dd {
			padding: 10px 15px 20px 15px;
			border-bottom: 1px solid #d16f10;
		}
		#content.homepage #sidebar dd {
			border-color: #d3d3d3;
		}
		#sidebar dd.last {
			border-bottom: 0;
		}
		#request_parts a {
		    background: url(../images/partsRequest.jpg) top left no-repeat;
		}
		#request_parts a:hover {
		    background: url(../images/partsRequest.jpg) bottom left no-repeat;
		}

/* ------------------------------------------------------ */

	#form-newsletter {
		margin-top: 15px;
	}

		#form-newsletter .input {
			width: 132px;
			height: 21px;
			background: url(../images/bg-newsletter-input.png) no-repeat;
			float: left;
			padding: 4px 0 0 10px;
		}
		#content.homepage #form-newsletter .input {
			background-position: left bottom;
		}

			#form-newsletter .input input {
				border: 0;
				font-size: 11px;
				color: #8a8a8a;
				background: transparent;
			}

		#form-newsletter button {
			width: 74px;
			height: 25px;
			background: url(../images/bg-newsletter-button.png) no-repeat;
			float: left;
			text-indent: -1000em;
			font-size: 1px;
			color: #fff;
		}
		#form-newsletter button.hover {
			background-position: left bottom;
		}

		#content.homepage button {
			background-position: right top;
		}
		#content.homepage button.hover {
			background-position: right bottom;
		}

/* ------------------------------------------------------ */

	.smart-select {
		background: url(../images/select-bg.png) no-repeat;
		width: 216px;
		height: 25px;
		float: left;
		position: relative;
		cursor: pointer;
	}
	#content.homepage .smart-select { background-position: left bottom; }
	#main .smart-select { width: 312px; background: url(../images/select-bg2.png) no-repeat; }

	.smart-select input,
	.smart-select div {
		font: 11px Tahoma;
		border: 0;
		background: transparent;
	}
	.smart-select input { margin: 5px 0 0 10px; width: 160px; }
	#main .smart-select input { margin: 5px 0 0 10px; width: 265px; }

	.smart-select input.gray,
	.smart-select div.gray { color: #969799; }

	input.LV_valid_field,
	.LV_valid_field			{ color: #7BA400 !important; }
	input.LV_invalid_field,
	.LV_invalid_field		{ color: #E80000 !important; }

	.smart-select a.smart-select-trigger {
		float: right;
		background: url(../images/select-trigger.png) left top no-repeat;
		width: 28px;
		height: 25px;
	}
	.smart-select a.smart-select-trigger:hover {
		background: url(../images/select-trigger-hover.png) left top no-repeat;
	}
	#content.homepage .smart-select a.smart-select-trigger { background-position: left bottom; }
	#content.homepage .smart-select a.smart-select-trigger:hover { background: url(../images/select-trigger-hover.png) left bottom no-repeat; }
	#main .smart-select a.smart-select-trigger { width: 29px; background: url(../images/select-trigger2.png) top left no-repeat; }
	
	#main .smart-select a.smart-select-trigger:hover { background: url(../images/select-trigger2.png) bottom left  no-repeat; }

	.smart-select ul {
		width: 95%;
		max-height: 115px;
		_height: 115px;
		overflow: auto;

		border: 1px solid #CAD9E4;
		border-top: 0;
		background-color: #FAFAFA;

		position: absolute;
		top: 25px;
		left: 5px;
		z-index: 100;
	}

		.smart-select li {
			margin: 0 !important;
			padding: 0 !important;
			background: none !important;
			font: 11px Tahoma;
		}

			.smart-select ul li a {
				display: block;
				color: #000;
				text-decoration: none !important;
				padding: 3px 0 4px 8px;
				font: 11px Tahoma;
				border-bottom: 1px solid #F3F3F3;
			}
			.smart-select ul li a.last { border: 0; }

			.smart-select ul li a.highlight {
				background-color: #e57e1a;
				color: #fff;
			}

/* ------------------------------------------------------ */

	#carousel {
		width: 706px;
		height: 384px;
		background: #fff url(../images/bg-carousel.png) no-repeat;
		margin-top: -10px;
	}
	#twenty {
		background: url(../images/24h.png) top left no-repeat;
		height: 48px;
		position: absolute;
		right: 260px;
		top: 13px;
		width: 55px;
		z-index: 1000;
	}

		#carousel a.carousel-control {
			width: 130px;
			height: 35px;
			display: block;
			position: absolute;
			left: 0;
			text-indent: -1000em;
			background-image: url(../images/bg-carousel-arrows.png);
			background-repeat: no-repeat;
		}

			a#carousel-prev {
				top: 0;
				background-position: -121px 22px;
			}
			a#carousel-prev:hover {
				background-position: -121px -68px;
			}
			a#carousel-next {
				bottom: 0;
				background-position: 51px 0;
			}
			a#carousel-next:hover {
				background-position: 51px -85px;
			}

		#carousel-controls {
			width: 118px;
			height: 214px;
			float: left;
			padding: 58px 0 0 12px;
		}

			#carousel-controls .carousel-content {
				width: 107px;
				height: 272px;
				overflow: hidden;
			}

				#carousel-controls ul {
					
				}

					#carousel-controls ul li {
						display: block;
						padding-bottom: 14px;
					}

						#carousel-controls ul li a {
							display: block;
							width: 101px;
							height: 49px;
							border: 3px solid #dadada;
							overflow: hidden;
						}
		
		#carousel-pictures {
			width: 576px;
			height: 384px;
			float: left;
		}

			#carousel-pictures .carousel-content {
				width: 576px;
				height: 384px;
				overflow: hidden;
			}

				#carousel-pictures ul {
					
				}

					#carousel-pictures ul li {
						width: 576px;
						height: 384px;
						display: block;
					}
					#carousel-pictures .carousel-content a  {
						display: block;
						height: 384px;	
						overflow: hidden;
						width: 576px;
					}

/* ------------------------------------------------------ */

	.carousel {
		width: 617px;
		margin-top: 30px;
		padding-left: 50px;
		position: relative;
	}

		.carousel .carousel-content {
			width: 553px;
			height: 82px;
			overflow: hidden;
		}

			.carousel .carousel-content li {
				width: 130px;
				height: 82px;
				display: block;
				float: left;
				padding-right: 11px;
			}

				.carousel .carousel-content li a {
					width: 116px;
					height: 68px;
					display: block;
					background-color: #f1f1f1;
					padding: 6px;
					border: 1px solid #e3e3e3;
				}
				.carousel .carousel-content li a img {
					height: 68px;
					width: 116px;
				}
		
		.carousel a.carousel-control {
			width: 27px;
			height: 27px;
			display: block;
			background: url(../images/carousel-arrows.gif) no-repeat;
			text-indent: -1000em;
			position: absolute;
			top: 25px;
		}

		a#carousel-gallery-prev {
			left: 0;
		}
		a#carousel-gallery-prev:hover {
			background-position: left bottom;
		}

		a#carousel-gallery-next {
			right: 10px;
			background-position: right top;
		}
		a#carousel-gallery-next:hover {
			background-position: right bottom;
		}

/* ------------------------------------------------------ */
	
	#accordion {
		clear: both;
		width: 545px;
		height: 139px;
		background: url(../images/bg-accordion.png) no-repeat;
		position: absolute;
		left: 0;
		bottom: 0;
		_bottom: -2px;
		padding: 1px;
	}

		#accordion ol {
			float: right;
		}

			#accordion ol li {
				width: 30px;
				display: block;
				float: left;
				margin-left: 1px;
			}

				#accordion ol li a {
					width: 30px;
					height: 39px;
					display: block;
					background: url(../images/bg-accordion-jumper.png) no-repeat;
					font: bold 14px Arial;
					color: #fff;
					text-align: center;
					padding-top: 100px;
				}
				#accordion ol li a:hover,
				#accordion ol li a.carousel-selected {
					background-position: right top;
				}
		

		#accordion-content {
			height: 141px;
			overflow: hidden;
		}

			#accordion ul {
				
			}

				#accordion ul li {
					height: 101px;
					padding: 20px;
				}
					
					#accordion ul li h2 {
						margin-bottom: 10px;
					}

					#accordion ul li h2 a {
						font: bold 14px Arial;
						color: #424242;
						text-transform: uppercase;
					}
					#accordion ul li h2 a:hover {
						color: #e57e1a;
					}

					#accordion ul li p {
						font-size: 12px;
						color: #393939;
						line-height: 16px;
						padding-bottom: 10px;
					}

	#mascot {
		width: 158px;
		height: 141px;
		background: url(../images/bg-mascot.png) no-repeat;
		position: absolute;
		right: 248px;
		bottom: 0;
	}

/* ------------------------------------------------------ */
	
	div.submenu {
		position: relative;
		margin-bottom: 20px;
		width: 692px;
		_width: 667px;
	}

		div.submenu ul {
			background-color: #e67e1b;
			padding: 12px 25px;
			position: relative;
			left: -26px;
		}

			div.submenu ul li {
				display: inline;
				padding-right: 15px;
			}

				div.submenu ul li a {
					font: 12px Arial;
					color: #fff;
					background: url(../images/bullet-arrow3.gif) 0 4px no-repeat;
					padding-left: 10px;
				}
				div.submenu ul li a:hover { color: #fff; text-decoration: underline; }
				
				div.submenu ul li a.selected,
				div.submenu ul li a.selected:hover {
					font-weight: bold;
					text-decoration: none;
				}

		div.submenu .corner {
			width: 6px;
			height: 5px;
			display: block;
			background: url(../images/submenu-corner.gif) no-repeat;
			position: absolute;
			top: -5px;
			left: -26px;
		}

/* ------------------------------------------------------ */

	ul.tabs {
		height: 33px;
		background: url(../images/bg-tabs-bottom.png) left bottom repeat-x;
	}
	
		ul.tabs li,
		ul.tabs li a,
		ul.tabs li a span {
			height: 33px;
			display: block;
			float: left;

			font: bold 12px Arial;
			color: #1c1c1c;
		}

		ul.tabs li {
			padding-right: 1px;
		}

			ul.tabs li a {
				background: url(../images/bg-tabs.png) no-repeat;
				padding-left: 25px;
			}
			ul.tabs li a:hover {
				background-position: left center;
			}
			ul.tabs li a.selected,
			ul.tabs li a.selected:hover {
				color: #e57e1a;
				background-position: left bottom;
			}

				ul.tabs li a span {
					height: 23px;
					background: url(../images/bg-tabs.png) right top no-repeat;
					padding: 10px 17px 0 0;
					cursor: pointer;
				}
				ul.tabs li a:hover span {
					background-position: right center;
				}
				ul.tabs li a.selected span,
				ul.tabs li a.selected:hover span {
					color: #e57e1a;
					background-position: right bottom;
				}

/* ------------------------------------------------------ */

	div.tab {
		padding: 16px 0 16px 16px;
		background: url(../images/bg-tab.png) no-repeat;
	}
	
/* ------------------------------------------------------ */

	div.compare {
		background: url(../images/table-bottom.png) left bottom no-repeat;
		margin-top: 30px;
		position: relative;
		width: 667px;
	}

		div.compare-main {
			background: url(../images/table-top.png) no-repeat;
			padding: 15px 40px;
		}

			div.compare table {
				float: left;
			}

			div.compare td {
				border-bottom: 1px solid #eaeaea;
				padding: 5px 8px;
				line-height: 1;
			}

			div.compare thead {
				
			}

				div.compare thead td {
					font: bold 12px Arial;
					color: #1c1c1c;
					text-align: center;
				}
		
			table#compare-models thead td {
				text-align: left;
			}
			
			#compare-scroll {
				width: 380px;
				overflow: hidden;
				float: left;
			}		
			
				#compare-scroll table {
					table-layout: fixed;
				}
						
				#compare-scroll table td {
					min-width: 100px;
					max-width: 300px;
				}
				*:first-child + html #compare-scroll table td {
					width:100px;
				}
				* html #compare-scroll table td {
					width:100px;
				}
				
				a.scroller-controls {
					width: 21px;
					height: 21px;
					display: block;
					background: url(../images/bg-scroller-arrows.png) no-repeat;
					text-indent: -1000em;
					position: absolute;
					top: 60px;
				}

				a#scroller-left {
					left: 12px;
					background-position: left bottom;
				}
				a#scroller-left:hover {
					background-position: left top;
				}
				a#scroller-right {
					right: 12px;
					background-position: right bottom;
				}
				a#scroller-right:hover {
					background-position: right top;
				}

/* ------------------------------------------------------ */

	a.link-accessories {
		width: 146px;
		height: 26px;
		display: block;
		background: url(../images/link-accessories.png) no-repeat;
		text-indent: -1000em;
	}
	a.link-accessories:hover {
		background-position: left bottom;
	}
	a.white {
	    height: 23px;
	    width: 150px;
	    background: url(../images/link-accessories-white.gif) no-repeat;
	}
	a.white:hover {
	    background-position: left bottom;
	}

/* ------------------------------------------------------ */

	.background {
		width: 247px;
		height: 155px;
		display: block;
		padding: 0 !important;
	}
	#request { background: url(../images/bg-request.png) no-repeat; }
		
		#request a {
			background: url(../images/bg-request.png) top left no-repeat;
		}
		#request a:hover {
			background: url(../images/bg-request.png) bottom left no-repeat;
		}
		#order a {
			background: url(../images/bg-order.png) top left no-repeat;
		}
		#order a:hover {
			background: url(../images/bg-order.png) bottom left no-repeat;
		}
		.background a {
			width: 247px;
			height: 155px;
			display: block;
			text-indent: -1000em;
		}

div.brand-url {
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom:7px;
	padding: 5px;
}
div.brand-url a, div.brand-url a:link, div.brand-url a:active, div.brand-url a:visited {
	font-weight: bold;
}
div.brand-url a:hover {
	color: #E57E1A;
}
/* ------------------------------------------------------ */
	
	.products-list {
		padding: 20px 0;
	}

		.logo {
			width: 184px;
			float: left;
		}

		.products {
			width: 460px;
			float: right;
		}
			
			.products ul.mini-list {
				width: 210px;
				float: left;
				margin-right: 20px;
				_display: inline;
			}

				.products ul.mini-list li {
					border-bottom: 1px solid #e0e0e0;
					padding: 5px 0 5px 10px;
					display: block;
				}
			

					.products ul.mini-list li a {
						background: url(../images/bullet-arrow.gif) 0 5px no-repeat;
						padding-left: 10px;
						display: block;
						_padding-left: 0;
					}

/* ------------------------------------------------------ */
	
	.news-box {
		border-bottom: 1px solid #dedede;
		padding-top: 20px;
	}

		.news {
			width: 330px;
			margin-bottom: 20px;
		}
        
        .news-box.campaigns .news {
            width:100%;
        }

        .news h2 a {
            color: #424242;
            font-size:18px;
            margin-bottom:15px;
            text-transform:uppercase;
		}
		.news h2 a:hover {
		    color: #E57E1A;
		}

		.news-left {
			float: left;
		}
		.news-right {
			float: right;
			border-left: 1px solid #dedede;
			padding-left: 15px;
			width: 315px;
		}

			.news-text {
				width: 160px;
				float: left;
				padding-left: 15px;
			}

            .news-box.campaigns .news-text {
                width:auto;
                float:none;
                padding-left:135px;
            }

/* ------------------------------------------------------ */

	div.pagination {
		padding-top: 5px;
	}

	div.pagination.item {
        border-bottom:1px solid #DEDEDE;
	}
		div.pagination ol {
			text-align: center;
			width: 450px;
			margin-left: 25px;
			float: left;
		}

			div.pagination li {
				text-align: center;
				display: inline;
				color: #ccc;
			}

				div.pagination span {
					color: #ccc;
					padding: 0 5px;
				}
				div.pagination li.selected a {
					color: #e57e1a;
				}

				div.pagination a {
					padding: 0 5px;
				}

				div.pagination .first {
					float: left;
				}
                div.pagination.item .first {
                    margin-top: 5px;
                }

				div.pagination .last {
					float: right;
				}
                div.pagination.item .last {
                    margin-top: 5px;
                }

/* ------------------------------------------------------ */

	a.link-aplica {
		width: 118px;
		height: 26px;
		display: block;
		background: url(../images/btn-aplica.png) no-repeat;
		text-indent: -1000em;
		float: right;
	}
	a.link-aplica:hover {
		background-position: left bottom;
	}

/* ------------------------------------------------------ */
div.partner {
	margin: 0 0 20px 0;
}
div.partner_image {
	float: left;
	margin: 0 15px 0 0;
}
h2.partner_title {
	color: #e57e1a;
	font: bold 12px Arial;
	margin: 0;
	text-transform: none;
}
div.partner_content {
	float: right;
	margin: 0 0 20px 0;
	width: 460px;
}
div.partner_content p {
	padding: 0;
	display: inline;
}
a.partner_more {
	background: url(../images/toggle_up_down.gif) top right no-repeat;
	color: #e57e1a;
	padding: 0 10px 0 0;
}
a.partner_more:hover {
	color: #85898A;	
}
a.partner_more_toggle {
	background: url(../images/toggle_up_down.gif) bottom right no-repeat;
}

#newsletter-form button {
    background: url(../images/btn-ma-abonez.gif) top left no-repeat;
    width: 113px;
}