/**
 * 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;
	margin-left: 18px;
    overflow: hidden;
    position: relative;
	width: 700px;
	height: 110px;
}
#productParts .jcarousel-clip {
	width: 700px;
	height: 320px;
}
#robotParts .jcarousel-clip {
	width: 435px;
	height: 400px;
}
#group-items .jcarousel-clip { 
        width: 888px;
        height: 470px;                               
}
#otherItems .jcarousel-clip { 
        height: 130px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 131px;
    height: 110px;
}
#productParts .jcarousel-list li,
#productParts .jcarousel-item {
	width: 135px;
	height: 320px;
}
#container #categories #group-items .jcarousel-list li,
#container #categories #group-items .jcarousel-item {
	width: 215px;
	height: 455px;
padding:0;
margin:0;
}

#container #categories #group-items .jcarousel-list li .img { 
padding:0;
margin:0;

 }
#container #categories #group-items .jcarousel-list li .hdr { 
padding:0;
margin:0;
 }
#robotParts .jcarousel-list li,
#robotParts .jcarousel-item {
	margin: 0;
	padding: 0;
	margin-left: 2px;
	width: 131px;
	height: 400px;
}
#robotParts .jcarousel-list li img {
	padding-bottom: 6px;
}
/**
 * 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;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0;
    width: 13px;
    height: 87px;
    cursor: pointer;
    background: transparent url(/images/other_items_right.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0;
    width: 13px;
    height: 87px;
    cursor: pointer;
    background: transparent url(/images/other_items_left.gif) no-repeat 0 0;
}



/*#productParts .jcarousel-container {
	width: 700px;
    padding: 0;
	margin: 0;
}*/

#productParts .jcarousel-container-horizontal {
    width: 700px;
	height: 320px;
}

#group-items .jcarousel-container-horizontal { 
        width: 888px;
        height: 470px;                               
}


/*#productParts .jcarousel-clip-horizontal {
    width:  700px;
    height: 320px;
}*/


/*#productParts .jcarousel-item {
    width: 130px;
    height: 320px;
    border: 1px solid #fff;
}*/

#group-items .jcarousel-item:hover,
#productParts .jcarousel-item:hover, #robotParts .jcarousel-item:hover {
    border-color: #808080;
}

#productParts .jcarousel-item-horizontal, #robotParts .jcarousel-item-horizontal {
    padding-right: 10px;
}

#productParts .jcarousel-item-placeholder {
	
}

/**
 *  Horizontal Buttons
 */
#productParts .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    left: 720px;
    width: 13px;
    height: 87px;
    cursor: pointer;
    background: transparent url(/images/other_items_right.gif) no-repeat 0 0;
}

#productParts .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 87px;
    cursor: pointer;
    background: transparent url(/images/other_items_left.gif) no-repeat 0 0;
}

#robotParts .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    left: 452px;
    width: 19px;
    height: 384px;
    cursor: pointer;
    background: transparent url(/images/parts_cores_right.gif) no-repeat 0 0;
}

#robotParts .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 384px;
    cursor: pointer;
    background: transparent url(/images/parts_cores_left.gif) no-repeat 0 0;
}

#group-items .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    left: 904px;
    width: 13px;
    height: 455px;
    cursor: pointer;
    background: #00294c url(/images/other_items_right.gif) no-repeat 0 50%;
}

#group-items .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 455px;
    cursor: pointer;
    background: #00294c url(/images/other_items_left.gif) no-repeat 0 50%;
}