#new_vehicles { margin:0px auto; }
#new_vehicles_top { height:10px; line-height:20px; }
#new_vehicles_showall { text-align:center; height:25px; clear:both; margin:0 0px 0 2px; }
#new_vehicles_bottom { clear:both; padding:0 0 2px 0; }
#new_vehicles #displayAll_container { display:none; }
#new_vehicles #displayAll { padding:0; margin:0 2px; list-style:none; }
#new_vehicles #displayAll li { float:left; padding:0px 0px 0px 0px; text-align:center; margin:0 1px 1px 0; }
#new_vehicles li { float:left; padding:0px 0px 0px 0px; text-align:center; list-style-type:none; }
#new_vehicles li img { display:block; margin:1px; }
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    /*overflow: hidden;*/
    position: relative;
    top: 0px;
    left: 0px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 140px;
    height: 130px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none; }

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    padding: 0px 1px 0 2px;
}

.jcarousel-skin-tango.jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 600px;
	}
	
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 98px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 152px;
    height: 130px;
    background-image:url('../images/midgal_bar.jpg');
    background-repeat:repeat;
 }

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder 
{
    background: #FFFFFF;
    color: #000;
}

/******************
    THE RIGHT ARROW SETTINGS
******************/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 149px;
    right:-100px;
    width: 62px;
    height: 161px;
    cursor: pointer;
    background: transparent url('../images/rite_arow.jpg') no-repeat -8px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -30px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -72px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -102px 0;
}

/******************
    THE LEFT ARROW SETTINGS
******************/
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 149px;
    left: 5px;
    width: 62px;
    height: 161px;
    cursor: pointer;
    background: transparent url('../images/leftarow.jpg') no-repeat 68px 0;
    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -46px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -72px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}

/******************
    CHANGE THE WIDTH OF PANEL HERE 
******************/

/*.jcarousel-item { width: 188px; height: 170px; }*/
.jcarousel-skin-tango.jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 880px; height: 140px; margin-left: 30px; }/*.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 832px; margin-left:24px; border-bottom:9px solid #ffffff; }*/
/*.jcarousel-skin-tango .jcarousel-item { width: 188px; height: 168px; }*/
.jcarousel-skin-tango .jcarousel-prev-horizontal { background:url('../Images/featured_leftbar.jpg') top left no-repeat; top:0px; left:-35px; padding-right:0; cursor:pointer; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:0px 0px; }
.jcarousel-skin-tango .jcarousel-next-horizontal { background:url('../Images/featured_ritebar.png') top right no-repeat; top:0px; right:0px; left:905px; cursor:pointer; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:0px 0px; }


