@CHARSET "UTF-8";

#list {
    clear: both;    
}

.offer {
    overflow: hidden;  
    margin: 0px 0px 10px 0px;  
    position: relative;
    background: transparent url(../images/overlay-gradient-1.png) repeat-x left bottom;
}

.offer:last-child {
    margin: 0px;   
}

.offer:nth-child(even) {
    background-color: #111111;    
}

.offer:nth-child(odd) {
    background-color: #333333;
}

.offer .info {
    float: right;
    overflow: auto;
}

.offer .info li {
    margin: 0px 5px 10px 5px;  
    padding: 5px;  
    display: block;
    float: left;
    font-weight: bold;
    background: transparent url(../images/overlay-gradient-3.png) repeat-x left bottom;
}

.offer .info li:last-child {
    margin-right: 0px;
}

.offer .info li.built {
    background-color: blue;    
}

.offer .info li.odometer-reading {
    background-color: red;
}

.offer .info li.emission-standard {
    background-color: green;
}

.offer h2.model {
    margin: 5px 0px 5px 0px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.offer h3.number-of-horses {
    margin: 0px 0px 10px 0px;
    font-size: 14px;
}

.offer .image {
    height: 170px;  
    width: 220px;
}

.offer .image .seconday-images {
    display: none;    
}

.offer .image.no-image { 
    background: transparent url(../images/placeholder_150.png) no-repeat center center;
}

.offer .image img {
    width: 220px;
    height: 170px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;    
}

.offer.hover .image img {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

.offer .description {
    position: relative;
}

.offer .description .slider {
    overflow: hidden;    
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
    position: relative; 
    width: 600px;
    height: 150px;
}

.offer .description .slider-stage {
    padding: 0px;
    width: 20000em;     
    position: absolute;   
}

.offer .description .slider .description-column {
    float: left;
    margin: 5px 10px 5px 0px;
    padding: 0px;
    width: 590px;
}

.offer .description .slider .description-column h4 {
   font-weight: bold;
    
}

.offer .description-prev, .offer .description-next {
    display: block;
    width: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.offer .description-prev.disabled, .offer .description-next.disabled {
	cursor: default;
	color: #444444;
	text-decoration: none;
}

.offer .description-prev {
    left: 0px;
    text-align: left;
}

.offer .description-next {
    right: 0px;
    text-align: right;
}

.offer .toolbox {
	background-color: #000000;
	overflow: auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: none;
}

.offer.hover .toolbox {
    display: block;    
}

.offer .toolbox li {
	float: left;
	padding: 5px 0px;
	cursor: pointer;
	color: #dddddd;
}

.offer .toolbox li:hover {
    color: #ffffff;
}

.offer .toolbox li a {
    text-decoration: none;
    color: inherit;   
}

.offer .toolbox li a:hover {
    text-decoration: none;
    color: inherit;    
}

.offer .toolbox li span, .offer .toolbox li a {
    border-right: 1px solid #dddddd;  
    padding: 0px 5px;
    display: block;
}

.offer .toolbox li:last-child span, .offer .toolbox li:last-child a {
    border-right-color: transparent;    
}

#edit-form dt {
    width: 150px;
}

#edit-form dd {
    margin-left: 150px;
}

#edit-form input {
    width: 364px;
}

#edit-form textarea {
    background: inherit;    
}

#edit-form #save {
    width: 160px;    
}

#edit-form ul.errors {
    width: 350px;
}

#edit-form .markItUp {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#edit-form .markItUp .markItUpButton1 a {
    background-image: url(../images/markitup-markdown/h1.png); 
}
#edit-form .markItUp .markItUpButton2 a {
    background-image: url(../images/markitup-markdown/h2.png); 
}
#edit-form .markItUp .markItUpButton3 a {
    background-image: url(../images/markitup-markdown/h3.png); 
}

#edit-form .markItUp .markItUpButton4 a {
    background-image: url(../images/markitup-markdown/bold.png);
}
#edit-form .markItUp .markItUpButton5 a {
    background-image: url(../images/markitup-markdown/italic.png);
}

#edit-form .markItUp .markItUpButton6 a {
    background-image: url(../images/markitup-markdown/list-bullet.png);
}
#edit-form .markItUp .markItUpButton7 a {
    background-image: url(../images/markitup-markdown/list-numeric.png);
}

#edit-form .markItUp .markItUpButton8 a {
    background-image: url(../images/markitup-markdown/link.png);
}

#edit-form .markItUp .markItUpButton9 a    {
    background-image: url(../images/markitup-markdown/quotes.png);
}

#edit-form .markItUp .preview a {
    background-image: url(../images/markitup-markdown/preview.png);
}

#edit-form .markItUp .markItUpEditor {
    background-image: url(../scripts/markitup/skins/markitup/images/bg-editor.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#offers-images li.image {
    position: relative;
}

#offers-images li.image .toolbox {
    background-color: #000000;
    overflow: auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;
}

#offers-images li.image:hover .toolbox {
    display: block;    
}

#offers-images li.image .toolbox li {
    float: left;
    padding: 5px 0px;
    cursor: pointer;
    color: #dddddd;
}

#offers-images li.image .toolbox li:hover {
    color: #ffffff;
}

#offers-images li.image .toolbox li a {
    text-decoration: none;
    color: inherit;   
}

#offers-images li.image .toolbox li a:hover {
    text-decoration: none;
    color: inherit;    
}

#offers-images li.image .toolbox li span, offers-images li.image .toolbox li a {
    border-right: 1px solid #dddddd;  
    padding: 0px 5px;
    display: block;
}

#offers-images li.image .toolbox li:last-child span, #offers-images li.image .toolbox li:last-child a {
    border-right-color: transparent;    
}