.jcarousel-container { margin: 0 0 0 0; }
    
    .jcarousel-clip-horizontal {
    
        width: 428px;
        height: 245px;
                
    }
    
/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

	.jcarousel-prev {

		position: absolute;

		width: 60px;
		height: 21px;

		left: 9px;
		top: 218px;

		cursor: pointer;

		background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/scroll-left.gif);

	}
	
	.Featured-Green .jcarousel-prev { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/green-scroll-left.gif); }
	.Featured-Yellow .jcarousel-prev { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/dblue-scroll-left.gif); }
	.Featured-Blue .jcarousel-prev { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/blue-scroll-left.gif); }
	.Featured-Red .jcarousel-prev { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/red-scroll-left.gif); }
	.Featured-Orange .jcarousel-prev { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/orange-scroll-left.gif); }
	
	* html .jcarousel-prev { top: 227px; }

	.jcarousel-prev:hover { background-position: -60px 0; }
	.jcarousel-prev:active { background-position: 0 0; }

	.jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:active, .jcarousel-prev-disabled { 

		cursor: default;
		background-position: -120px 0; 

	}

	.jcarousel-next-horizontal { 

		position: absolute; 

		width: 60px;
		height: 21px;	

		right: 5px;                                    
		top: 218px;

		z-index: 1000;

		cursor: pointer;

		background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/scroll-right.gif);

	}
	
	.Featured-Green .jcarousel-next-horizontal { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/green-scroll-right.gif); }
	.Featured-Yellow .jcarousel-next-horizontal { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/dblue-scroll-right.gif); }
	.Featured-Blue .jcarousel-next-horizontal { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/blue-scroll-right.gif); }
	.Featured-Red .jcarousel-next-horizontal { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/red-scroll-right.gif); }
	.Featured-Orange .jcarousel-next-horizontal { background-image: url(http://images.esellerpro.com/2152/images/objects/buttons/orange-scroll-right.gif); }
	
	* html .jcarousel-next-horizontal { 
	
		right: 10px; 
		top: 227px;
	
	}

	.jcarousel-next-horizontal:hover { background-position: -120px 0; }
	.jcarousel-next-horizontal:active { background-position: 0 0; }

	.jcarousel-next-disabled:hover, .jcarousel-next-disabled:active, .jcarousel-next-disabled { 

		cursor: default;
		background-position: -60px 0; 

	}

	.jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active, .jcarousel-next-disabled-horizontal {

		cursor: default;
		background-position: -60px 0; 

	}
    
    .jcarousel-container { position: relative; }
    
    .jcarousel-clip {
    
        position: relative;
    
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    
        overflow: hidden;
    
    }
    
    .jcarousel-list {
    
        position: relative;
        
        margin: 0 0 0 0;
        padding: 0 0 0 0;	
        
        height: 210px;
        
        left: 0;
        top: 0;
        
        overflow: hidden;
        
    }
    
    .jcarousel-item {
    
        position: relative;
        float: left;
    
        width: 136px;
        height: 210px;
    
        list-style: none;
    
        /* We set the width/height explicitly. No width/height causes infinite loops. */
    
    }
    
    * html .jcarousel-item { width: 143px; }
    
    .mycarousels LI .Product { 
	    
		margin: 0 0 0 1px;

	}
        
    .jcarousel-item .Product {
    
        /* We add this in to resolve a unpredictable margin issue which changes on refresh */
    
        position: relative;
        float: left;   
        
        margin: 0 0 0 1px;	
        
        width: 126px;
    
    }
    
    /* 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 {
    
        display: none; 
        z-index: 3;
    
    }
    
    .jcarousel-prev {
    
        display: none;
        z-index: 3;
        
    } 
    
    .mycarousels { 
    
        margin: 0 0 0 1px; 
    
        height: 220px;
    
    }
    
    .mycarousels LI { margin: 0 0 0 6px; }
    
    * html .mycarousels { margin: 0 0 0 1px; }
    * html .mycarousels LI { margin: 0 0 0 0; }
    
    .Product-Row-Image-CASL { 
    
        position: relative;
        float: left;
    
        width: 131px;
        
        height: 112px;
    
    	overflow: hidden;
    
    }
    
    .Product-Row-Title-CASL { 
    
        position: relative;
        float: left;
    
        padding: 0 0 0 0;
    
        width: 131px;
        height: 50px;
        
        overflow: hidden;
    
    }
    
    .Product-Row-Price-CASL { 
    
        position: relative;
        float: left;
    
        padding: 0 0 0 0;
    
        width: 131px;
        height: 13px;
        
    }
    
    .Product-Row-Buttons-CASL {
    
        position: relative;
        float: left;
    
        padding: 0 0 0 0;
    
        width: 131px;
    
    }
    
    .Carousel-Container {
    
        position: relative;
        float: right;
        
        margin: 0 4px 0 0;
    
        width: 428px;
        height: 245px;
        
        z-index: 0;			
        
        overflow: hidden;
        
    }
    
    * html .Carousel-Container { margin: 0 0 0 0; }
    
    .Carousel-Base {
    
        position: absolute;	
        z-index: -1;
    
        left: 0;
        top: 212px;
        
        width: 570px;
        height: 37px;
    
        /* background-color: #ffffff; */
        
        /* border-top: 1px dotted #a6a6a6; */
    
    }
    
    * html .Carousel-Base { left: 1px; }
    
    /* ----- Featured Wide Listings ----- */
        	
		.Featured-Wide { 

			background-image: url(http://images.esellerpro.com/2152/images/elements/hp-featured-wide-c-bg.gif); 

		}
		
		.Featured-Green {

			background-image: url(http://images.esellerpro.com/2152/images/elements/green-hp-f-wide-c-bg.gif); 

		}
		
		.Featured-Yellow {

			background-image: url(http://images.esellerpro.com/2152/images/elements/yellow-hp-f-wide-c-bg.gif); 

		}

		.Featured-Blue {

			background-image: url(http://images.esellerpro.com/2152/images/elements/blue-hp-f-wide-c-bg.gif); 

		}
		.Featured-Red {

			background-image: url(http://images.esellerpro.com/2152/images/elements/red-hp-f-wide-c-bg.gif); 

		}
		.Featured-Orange {

			background-image: url(http://images.esellerpro.com/2152/images/elements/orange-hp-f-wide-c-bg.gif); 

		}

		.Featured-Wide-Listings {

				position: relative;
				float: left;

				margin: 0 0 0 4px;

				width: 142px;
				height: 245px;

				background-image: url(http://images.esellerpro.com/2152/images/block-backgrounds/hp-featured-listings-bg.jpg);
				background-repeat: repeat-x;

			}

		* html .Featured-Wide-Listings { margin: 0 0 0 2px; }

		.Featured-Wide-Listings H2 {

			margin: 5px 0 0 5px;

		}

		* html .Featured-Wide-Listings H2 { margin: 5px 0 0 2px; }
		
		.Featured-Wide-Listings H3 {

			padding: 15px 0 0 5px;

		}

		.Featured-Wide-Listings UL {

			margin: 5px 0 0 5px;

		}

		.Featured-Wide-Listings UL LI { 

			padding: 0 0 0 10px;
						
		}

/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- Featured Listings ----- */

		.Featured-Blue .Featured-Wide-Listings H3 { color: #0e364e; }