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

	/* ----- Content Wide Block ----- */

		.Content-Wide {

			position: relative;
			float: left;

			margin: 10px 0 0 10px;

			width: 578px;
			height: auto;

			background-image: url(http://images.esellerpro.com/13/images/elements/content-wide-c-bg.gif); 

		}

		* html .Content-Wide { margin: 10px 4px 0 6px; }

		.Content-Wide-Top { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			line-height: 0px;

			background-image: url(http://images.esellerpro.com/13/images/elements/content-wide-c-top.gif); 

		}

		.Content-Wide-Base { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			background-image: url(http://images.esellerpro.com/13/images/elements/content-wide-c-base.gif);
			
		}

		.Content-Wide-Header {

			position: relative;
			float: left;

			width: 578px;
			height: 15px;

		}
		
		.Content-Wide-Footer {

			position: relative;
			float: left;

			width: 578px;
			height: auto;

		}

	/* ----- Element Styles ----- */

		.Content-Wide H2 {

			position: relative;
			float: left;

			margin: 10px 0 0 18px; 	
			padding: 0 0 5px 0;

		}

		* html .Content-Wide H2 { margin: 10px 0 0 9px; }

		.Content-Wide .More-Button {

			position: relative;
			float: right;

			padding: 10px 16px 10px 0;

		}

		.Content-Wide p { padding: 10px 10px 10px 20px; }
		
	/* ----- Item Gallery ----- */
	
		#Image-Gallery-Container {
		
			position: relative;
			float: left;
			
			padding: 0 0 0 20px;
			
			width: 310px;
					
		}
		
		#Main-Image-Container {
			
			position: relative;
			float: left;
						
			width: auto;
			height: auto;
			
			padding: 0 0 10px 0;
		
		}
		
		#MainImage {
		
			position: relative;
			float: left;
			
			max-width: 300px; 
			_width: expression(this.width > 300 ? 300 : true);
					
		}
		
		#Item-Details-Container {
		
			position: relative;
			float: right;
			
			margin: 0 20px 5px 0;
			padding: 0 0 5px 0;
			
			width: 228px;
			
		}
		
		* html #Item-Details-Container { margin: 0 5px 5px 0; }
		
		#Thumbnail-Image-Container {
		
			position: relative;
			float: left;
			
			margin: 5px 0 10px 20px;
			
			width: 550px;
			height: auto;
			
			text-align: center;
		
		}
		
		* html #Thumbnail-Image-Container { margin: 5px 0 10px 10px; }
		
		.Thumbnail-Image {
		
			position: relative;
			float: left;
			
			width: 96px;
			height: 96px;

			margin: 0 14px 13px 0;
		
		}
		
		.Gallery-Enlarge-Desc {
		
			position: relative;
			float: left;
			
			margin: 0 0 5px 20px;
			padding: 0 0 5px 0;
			
			width: 300px;
						
		}
		
		* html .Gallery-Enlarge-Desc { margin: 0 0 5px 10px; }
		
		.Description-Container { 
		
			position: relative;
			float: left; 
			
			margin: 0 0 0 1px;
			
			width: 570px;
			height: auto; 
			font-size:1.2em;
			
		}	 
		
		 .Description-Container UL{margin-top:-20px;}
	    .Description-Container LI{ list-style-type:disc; margin-bottom:2px;}

		
		.Description-Heading { margin: 0 0 0 20px; }
		
		.Large-Image-Enlarge-Desc {
				
			position: relative;
			float: left;

			margin: 0 0 5px 0;
			padding: 0 0 5px 0;

			width: 300px;
										
		}
		
		/* Here we need to cancel out the margins */		
		#Item-Details-Container p { padding: 0px; }
		
		.Product-Detail-List {
			
			position: relative;
			float: left;
			
			margin: 10px 0 10px 0;
			
			list-style: none; 
		
		}
		
		.Product-Detail-List li { padding: 0 0 5px 0;}
		
		.Option-Title {
			
			position: relative;
			float: left; 
			
			display: block;
			
			margin: 0 5px 5px 0;
						
			line-height: 15px;
			
		}
		
		.Product-Type { 
		
			position: relative;
			float: left; 
			 			
		}
		
		.Product-Quantity { 
		
			position: relative;
			float: left;
			
			width: 30px;
			
			border: 1px solid #000000;
		
		}
		
		.Form-Options {
		
			position: relative;
			float: left;
			
			width: 228px;
			height: 25px;  
            font-size:1.4em;
			
		}

		.Form-Option-Buttons {
		
			position: relative;
			float: left;
			
			padding: 0 5px 5px 3px;
			
			width: 228px;
		
			/* border: 1px solid #d7d7d7; */
		
		}
		
		.Form-Option-Buttons a {
		
			position: relative;
			float: left;
			
			margin: 5px 2px 0 0;

		}
		
		.Options-Button { 
		
			position: relative;
			float: left; 
			
			margin: 0 2px 0 0;
			
		}
		
		.Product-Type { border: 1px solid #000000; }
		
		.Content-Wide Table { 

			margin: 10px 10px 10px 20px;			
			border-collapse: collapse;

		}

		.Content-Wide UL {

			margin: 10px 10px 10px 35px; 
			list-style: none;

		}			  
		
	
		
		.Content-Wide UL { line-height: 13px; }
		
		/* ----- Cancel out margin within the item details area ----- */
			
			#Item-Details-Container UL { margin: 10px 10px 10px 0px; }		 
			
		/* ----- Pre-Order Elements ----- */
		
		    .Pre-Order-Link {
	      
		    }
					
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- More Button Elements ----- */
		
		.Content-Wide a { color: #7f0276; }
		.Content-Wide a:hover { color: #52004c; }

		.Content-Wide p a { color: #7f0276; }				
		.Content-Wide p a:hover { color: #52004c; }
	
		.Content-Wide Table a { color: #7f0276; }				
		.Content-Wide Table a:hover { color: #52004c; }

		.Content-Wide UL LI a { color: #7f0276; }				
		.Content-Wide UL LI a:hover { color: #52004c; }

		.Content-Wide .More-Button a { color: #7f0276; }				
		.Content-Wide .More-Button a:hover { color: #52004c; }			  
		
    /* ----- Pre-Order Elements ----- */

        .Pre-Order-Link b {
        
            color: #e21a1a;
            
        }
        
    /* ----- Custom Requirements ----- */
        
        .RedLink { 
        
            color: #e21a1a;
            
        }

/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

	/* ----- More Button Elements ----- */

		.Content-Wide .More-Button {

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

		}

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

	/* ----- Content Block Elements ----- */

		.Content-Wide p { font-size: 0.7em; }				

		.Content-Wide H2 { font-size: 0.8em; }
				
		.Content-Wide p a { text-decoration: none; }
		
	/* ----- Gallery & Detail Elements ----- */
	
		.Detail-Heading { font-size: 0.9em; }
	
		.Description-Heading { font-size: 0.8em; }
	
		.Enlarge-Desc { 
		
			font-size: 0.7em; 
			font-weight: bold;
		
		}
				
		.Product-Type { font-size: 0.7em; }
		
		.Option-Title { font-size: 0.7em; }
		
		.Product-Quantity { font-size: 0.7em; }	  
		
	/* ----- Table Elements ----- */

		.Content-Wide Table { font-size: 0.7em; }

		/* ----- Cancel out the double sizing of P tag ----- */

			.Content-Wide Table p { font-size: 1.0em; }

		/* ----- Sort out link elements ----- */

		.Content-Wide Table a { text-decoration: none; }

	/* ----- List Elements ----- */

		.Description-Container UL { font-size: 0.7em; }
    
        .Description-Container UL a { text-decoration: none; }
         
        #Item-Details-Container UL { font-size: 0.8em; }	   
        
    /* ----- Pre-Order Elements ----- */
    
        .Pre-Order-Link {
        
            font-size: 1.0em;
            text-decoration: none;
            
        }  
        
    /* ----- Custom Requirements ----- */
        
        .RedLink { 
        
            font-weight: bold;
            
        }