/* ------------------------------------------------------------ */
/* This version of the featured container is specifically		*/
/* designed to illustrate only 3 items per row with an 			*/
/* information container down the clients chosen side.			*/
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

	/* ----- Featured Wide Block ----- */

		.Featured-Wide {

			position: relative;
			float: left;

			margin: 10px 0 0 10px;

			width: 578px;
			height: auto;

		}

		* html .Featured-Wide { margin: 10px 0 0 5px; }
		
		.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-Top { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			line-height: 0px;

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

		}
		
		.Featured-Green-Top {
				
			background-image: url(http://images.esellerpro.com/2152/images/elements/green-hp-f-wide-c-top.gif);
				
		}
		
		.Featured-Yellow-Top {

			background-image: url(http://images.esellerpro.com/2152/images/elements/yellow-hp-f-wide-c-top.gif);
						
		}
		
		.Featured-Blue-Top {

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

		}

		.Featured-Red-Top {

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

		}

		.Featured-Orange-Top {

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

		}

		.Featured-Wide-Base { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

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

		}
		
		.Featured-Green-Base {
		
			background-image: url(http://images.esellerpro.com/2152/images/elements/green-hp-f-wide-c-base.gif);
		
		}
		
		.Featured-Yellow-Base {
				
			background-image: url(http://images.esellerpro.com/2152/images/elements/yellow-hp-f-wide-c-base.gif);

		}
		
		.Featured-Blue-Base {

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

		}

		.Featured-Red-Base {

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

		}

		.Featured-Orange-Base {

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

		.Featured-Wide-Header {

			position: relative;
			float: left;

			width: 578px;
			height: 28px;

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

		}

		.Featured-Wide-Footer {

			position: relative;
			float: left;

			width: 578px;
			height: 28px;

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

		}
		
		/* ----- For Featured-Wide-Listings structural elements please see JS enabled carousel css file ----- */

	/* ----- Element Styles ----- */
	
		/* ----- Featured Listings ----- */
		
			/* ----- Please note that the margin and padding references are located in the carousel and JS and JS disabled carousel css files ----- */
		
			.Featured-Wide-Listings H2 {
			
				position: relative;
				float: left;
				
				clear: both;
				
				padding: 0 0 0 0;
							
			}
			
			.Featured-Wide-Listings H3 {
						
				position: relative;
				float: left;

				clear: both;

				padding: 5px 0 0 10px;
				
				width: 131px;
										
			}
			
			.Featured-Wide-Listings UL {
			
				position: relative;
				
				clear: both;
				
				list-style: none;	
				
				width: 131px;
				
			}
			
			.Featured-Green .Featured-Wide-Listings UL LI { 
			
				line-height: 18px; 
				
				background-image: url(http://images.esellerpro.com/2152/images/objects/hp-ul-arrow-right.gif);
				background-repeat: no-repeat;
				
				background-position: 0 7px;
				
			}
			
			.Featured-Yellow .Featured-Wide-Listings UL LI { 
						
				line-height: 18px; 

				background-image: url(http://images.esellerpro.com/2152/images/objects/blue-hp-ul-arrow-right.gif);
				background-repeat: no-repeat;

				background-position: 0 7px;
							
			}
			
			.Featured-Blue .Featured-Wide-Listings UL LI { 

				line-height: 18px; 

				background-image: url(http://images.esellerpro.com/2152/images/objects/hp-ul-arrow-right.gif);
				background-repeat: no-repeat;

				background-position: 0 7px;
										
			}
			
			.Featured-Red .Featured-Wide-Listings UL LI { 
									
				line-height: 18px; 

				background-image: url(http://images.esellerpro.com/2152/images/objects/red-hp-ul-arrow-right.gif);
				background-repeat: no-repeat;

				background-position: 0 7px;
										
			}
			
			.Featured-Orange .Featured-Wide-Listings UL LI { 
									
				line-height: 18px; 

				background-image: url(http://images.esellerpro.com/2152/images/objects/orange-hp-ul-arrow-right.gif);
				background-repeat: no-repeat;

				background-position: 0 7px;
										
			}
			
		.Featured-Wide-Header H2 {

			position: relative;
			float: left;

			margin: 8px 0 0 20px; 	
			padding: 0 0 0 0;

		}

		* html .Featured-Wide-Header H2 { margin: 8px 0 0 10px; }

		.Featured-Wide .More-Button {

			position: relative;
			float: right;

			margin: 4px 10px 0 0;
			padding: 0 0 0 0;

		}
		
		* html .Featured-Wide .More-Button { margin: 4px 5px 0 0; }
		
		.Featured-Wide .More-Button img { margin: 0 0 0 5px; }
		
		.Featured-Wide p { padding: 10px 10px 10px 20px; }	
		
		.Featured-Wide-Header p { padding: 0 15px 0 0; }	
		
	/* ----- Lets reconfigure footer more item links ----- */

		.Featured-Wide .Featured-Wide-Footer .More-Button {

			padding: 3px 10px 3px 0;						

		}
		
/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */

	/* ----- Paging Elements ----- */

		.Featured-Wide .Featured-Wide-Header .Paging {

			position: relative;
			float: right;

			padding: 8px 20px 0 0;						

		}

		.Featured-Wide .Featured-Wide-Footer .Paging {

			position: relative;
			float: right;

			padding: 8px 20px 0 0;						

		}

		.Featured-Wide .Paging img { }	 
		
		.Featured-Wide .Paging-Arrows-Left { padding: 0 5px 0 0; }
		
		.Featured-Wide .Paging-Arrows-Right { padding: 0 0 0 5px; }

		.Featured-Wide .Paging-Current-Page { }	
		
		/* ----- Featured Item Text Captions ----- */
		
		    .Featured-Text-Caption {
		    	
		    	position: relative;	
		    	float: left;
		    	
		    	margin: 0 0 0 10px;
		    	padding: 0 0 0 0;
		        
		        display: block;
		        
		        width: 520px;
		        
		        background-color: #ffffff;
		    
		    }	
		    
		    * html .Featured-Text-Caption { margin: 0 0 0 5px; }  
	
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- Featured Listings ----- */
				
		.Featured-Wide-Listings H2 { color: #ffffff; }
		
		.Featured-Green .Featured-Wide-Listings H3 { color: #aecd04; }
		
		.Featured-Green .Featured-Wide-Listings UL a { color: #ffffff; }
		.Featured-Green .Featured-Wide-Listings UL a:hover { color: #e7ffe8; }
		
		.Featured-Yellow .Featured-Wide-Listings H3 { color: #153657; }
		
		.Featured-Yellow .Featured-Wide-Listings UL a { color: #153657; }
		.Featured-Yellow .Featured-Wide-Listings UL a:hover { color: #255381; }
			
		.Featured-Blue .Featured-Wide-Listings UL a { color: #ffffff; }
		.Featured-Blue .Featured-Wide-Listings UL a:hover { color: #cad4ff; }
		
		.Featured-Red .Featured-Wide-Listings H3 { color: #f5ca04; }
		
		.Featured-Red .Featured-Wide-Listings UL a { color: #ffffff; }
		.Featured-Red .Featured-Wide-Listings UL a:hover { color: #ffd0ca; }
		
		.Featured-Orange .Featured-Wide-Listings H3 { color: #dc1d03; }
		
		.Featured-Orange .Featured-Wide-Listings UL a { color: #ffffff; }
		.Featured-Orange .Featured-Wide-Listings UL a:hover { color: #ffecca; }


	/* ----- Featured Block Header Elements ----- */				
	
		.Featured-Wide-Header H2 { color: #000000; }
	
	/* ----- More Button Elements ----- */
	
		.Featured-Wide .Featured-Wide-Header .More-Button a { color: #000000; }				
		.Featured-Wide .Featured-Wide-Header .More-Button a:hover { color: #2258c6; }
		
		.Featured-Wide .Featured-Wide-Footer .More-Button a { color: #000000; }				
		.Featured-Wide .Featured-Wide-Footer .More-Button a:hover { color: #2258c6; }

	/* ----- Paging Elements ----- */
	
		.Featured-Wide .Featured-Wide-Header .Paging { color: #000000; } 
		
		.Featured-Wide .Featured-Wide-Header .Paging-Current-Page { color: #000000; }
		.Featured-Wide .Featured-Wide-Header .Paging a { color: #2253b8; }
		.Featured-Wide .Featured-Wide-Header .Paging a:hover { color: #2258c6; }
		
		.Featured-Wide .Featured-Wide-Footer .Paging { color: #000000; } 
		
		.Featured-Wide .Featured-Wide-Footer .Paging-Current-Page { color: #000000; }
		.Featured-Wide .Featured-Wide-Footer .Paging a { color: #2253b8; }
		.Featured-Wide .Featured-Wide-Footer .Paging a:hover { color: #2258c6; }	  
		
/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

	/* ----- Featured Listings ----- */
			
		.Featured-Wide-Listings H2 {

			font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Verdana, sans-serif, Tahoma;
			font-size: 16px;

		}
		
		.Featured-Wide-Listings H3 {
		
			font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Verdana, sans-serif, Tahoma;
			font-size: 11px;
		
		}

		.Featured-Wide-Listings UL {
	
			font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Verdana, sans-serif, Tahoma;
			font-size: 9px;
			
			/* text-transform: uppercase; */
						
		}
				
		.Featured-Wide-Listings UL a {
					
			text-decoration: none;
		
		}

	/* ----- More Button Elements ----- */
	
		.Featured-Wide .More-Button {

			text-align: right;
			font-weight: bold;
			font-size: 0.7em;

		}

		.Featured-Wide .More-Button a { text-decoration: none; }

	/* ----- Content Block Elements ----- */
	
		.Featured-Wide-Header H2 {
	
			font-weight: bold;
			font-size: 0.7em; 
	
		}
			
	/* ----- Paging Elements ----- */
		
		.Featured-Wide .Paging {

			text-align: right;
			font-weight: bold;
			font-size: 0.7em;

		}

		.Featured-Wide .Paging a { text-decoration: none; }		 
	
	/* ----- Featured Item Text Captions ----- */
		
		    .Featured-Text-Caption { font-size: 0.7em; }