/* ------------------------------------------------------------ */
/* Item Details */
/* Structural formatting Version 2.00 */
/* ------------------------------------------------------------ */

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

	/* ----- Content Tabs ----- */		

		.Content-Wide-Header-Full {

			position: relative;
			float: left;

			width: 578px;
			height: 28px;

			background-image: url(http://images.esellerpro.com/2242/images/elements/tab-header.gif); 

		}

		.Content-Tab-Container {

			position: relative;
			float: left;

			padding: 0 0 0 10px;

		}

		.Content-Tab {

			position: relative;
			float: left;

			width: 150px;
			height: 28px;

			background-image: url(http://images.esellerpro.com/2242/images/elements/tab-button.gif);

		}

		.Content-Tab h2 { 

			position: relative;
			float: left;

		}

		.Content-Tab a {

			padding: 6px 0 0 4px;

			width: 115px;
			height: 21px;

			display: block;

			background-image: url(http://images.esellerpro.com/2242/images/elements/content-tab-bg.gif);

		}

		.Content-Tab h2 a { color: #ffffff; }
		.Content-Tab h2 a:hover { color: #f9ffde; }

		.Content-Tab h2 { font-size: 0.8em; }

		.Content-Tab h2 a { text-decoration: none; } 

		#Item-Description-01 {		 
			position: relative;
			float: left;	
			
			padding: 10px 0 10px 0;
			
		}

		#Item-Description-02 {		 
			position: relative;
			float: left;		
		}

		#Item-Description-03 {	

			position: relative;
			float: left;		 

			padding: 16px 0 14px 0;

		}

		#Item-Description-04 {	

			position: relative;
			float: left;

			padding: 16px 0 14px 0;

		}

	/* ----- Social Networking ----- */
	
		.Social-Network-Links {
		
			position: relative;
			float: left;
			
			width: 200px;
			
			padding: 60px 0 10px 0;
					
		}
		
		.Social-Network-Links p {
		
			position: relative;
			float: left;
			
			clear: both;
			
			width: 200px;
			height: 20px;
		
		}
		
		.Social-Network-Links a {
		
			float: left;
			
			padding: 0 5px 5px 0;
		
		}
		
	/* ----- 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/2242/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/2242/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/2242/images/elements/content-wide-c-base.gif);
			
		}

		.Content-Wide-Header {
		
			position: relative;
			float: left;

			margin: 0 0 15px 0;

			width: 578px;
			height: 28px;

			background-image: url(http://images.esellerpro.com/2242/images/elements/content-wide-header.gif);			
		
		}
		
		.Content-Wide-Footer {

			position: relative;
			float: left;

			width: 578px;
			height: 28px;
			
			background-image: url(http://images.esellerpro.com/2242/images/elements/content-wide-footer.gif);

		}

	/* ----- Element Styles ----- */	
	
	    /* ----- H2 tag used for structural headings. This is not for placement in the item details section. ----- */
    
            .Content-Wide-Header H2 {
            
                position: relative;
                float: left;
    
                margin: 8px 0 0 20px; 	
                padding: 0 0 0 0;
    
            }
    
            * html .Content-Wide-Header H2 { margin: 8px 0 0 10px; }   
            
            /* ----- Description H Tags ----- */
                
                .Description-Container H3 { margin: 0 0 8px 0; }
                .Description-Container H4 { margin: 0 0 8px 0; }
                .Description-Container H5 { margin: 0 0 8px 0; }
                .Description-Container H6 { margin: 0 0 8px 0; }

        .Content-Wide .More-Button {

			position: relative;
			float: right;

			padding: 0 10px 0 0;

		}

		.Content-Wide .More-Button img { margin: 0 0 0 5px; }

		.Content-Wide p { padding: 0 0 10px 0; }
		
	/* ----- Item Gallery ----- */
	
		#Image-Gallery-Container {
		
			position: relative;
			float: left;
			
			padding: 0 0 0 20px;
			
			width: 338px;
					
		}
		
		#Main-Image-Container {
			
			position: relative;
			float: left;
						
			width: auto;
			height: auto;
			
			padding: 0 0 10px 0;
		
		}
		
		#MainImage {
		
			position: relative;
			float: left;
						
			width: 300px;
					
		}
		
		#Item-Details-Container {
		
			position: relative;
			float: right;
			
			margin: 0 20px 5px 0;
			padding: 0 0 5px 0;
			
			width: 200px;
			
		}
		
		* html #Item-Details-Container { margin: 0 5px 5px 0; }
		
		#Thumbnail-Image-Container {
		
			position: relative;
			float: left;
			
			margin: 5px 0 10px 20px;
			padding: 10px 0 0 0;
			
			width: 558px;
			height: auto;
			
			text-align: center;	 
			
			overflow: hidden;
		
		}
		
		* html #Thumbnail-Image-Container { margin: 5px 0 10px 10px; }
		
		.Thumbnail-Container-Divider { 
				
			position: relative;
			float: left;

			margin: 0 0 10px 0;

			width: 540px;
			height: 1px;

			font-size: 0;

			border-top: 1px solid #bababa;

		}
		
        .Description-Container-Divider { 
				
			position: relative;
			float: left;

			margin: 0 0 10px 0;		  

			width: 540px;
			height: 1px;

			font-size: 0;		  
			
			border-top: 1px solid #bababa;

		}
		
		.Gallery-Enlarge-Desc {

            clear: both;
		    width: 540px;
		
		}
		
		.Thumbnail-Image {
		
			position: relative;
			float: left;
			
			width: 96px;
			height: auto;
			
			margin: 0 14px 13px 0;
		
		}
		
		.Gallery-Enlarge-Desc {
		
			position: relative;
			float: left;
			
			width: 300px;
						
		}
		
		.Description-Container { 
		
			position: relative;
			float: left; 
			
			margin: 0 0 10px 20px;
			
			width: 540px;
			height: auto;	
			
			overflow: hidden;
			
		}
		
		* html .Description-Container { margin: 0 0 0 10px; } 		

	    .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; }
		
		#Item-Details-Container h3 a { 
		
			float: left;
			padding: 10px 0 10px 0; 
			
			clear: both;
			
			width: 200px;
		
		}
		
		#Item-Details-Container UL {
		
		    margin: 10px 0 10px 0; 
		    padding: 0 0 0 0; 
		    
		    list-style: none;
		
		}
		
		#Item-Details-Container UL LI { 
		
		    margin: 0 0 0 0; 
		    padding: 0 0 5px 0; 
		    
		}
		
		.Product-Detail-List {
		
		    /* ----- UL list Unique properties ----- */
			
			position: relative; 
		
		}
		
		.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;
		
		} 
		
		.Variation-Dropdown {
			
			position: relative;
			float: left;
			
			width: 120px;
			
			border: 1px solid #000000;
	    
	    }
			
		.Form-Options {
		
			position: relative;
			float: left;
			
			width: 200px;
			height: 25px;
			
		}

		.Form-Option-Buttons {
		
			position: relative;
			float: left;
			
			padding: 10px 5px 10px 3px;
			
			width: 200px;
		
			/* 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;
			
		}
		
		* html .Options-Button { margin: 0 1px 0 0; }
		
		.Product-Type { border: 1px solid #000000; }   
		
		/* ----- Content Elements ----- */
            
            .Content-Wide Table { 
    
                margin: 10px 0 10px 0;			
                border-collapse: collapse;
    
            }
    
            .Content-Wide UL {
    
                /* ----- Outside ----- */
        
                    margin: 10px 0 10px 20px;  
                    
                    list-style: disc;	  
                    list-style-position: outside;
                
                /* ----- Inside ----- */
                
                /* 
                    margin: 10px 0 10px 0;  
                    
                    list-style: disc;	  
                    list-style-position: inside;
                */
                
            }
    
            .Content-Wide UL LI { padding: 0 0 0 0; }
            
            .Content-Wide OL {	
                
                /* ----- Outside ----- */
        
                    margin: 10px 0 10px 25px;  
                    
                    list-style: decimal;	  
                    list-style-position: outside;
                
                /* ----- Inside ----- */
                
                /* 
                    margin: 10px 0 10px 0;  
                    
                    list-style: decimal;	  
                    list-style-position: inside;
                */
    
            }
    
            .Content-Wide OL LI { padding: 0 0 0 0; }		   				  
            			
	/* ----- Table Elements ----- */

	    .Full-Width-Table { width: 535px; }	
	    
/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */

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

		.Content-Wide .Content-Wide-Header .Paging {

			position: relative;
			float: right;

			padding: 8px 20px 0 0;						

		}

		.Content-Wide .Content-Wide-Footer .Paging {

			position: relative;
			float: right;

			padding: 3px 20px 0 0;						

		}

		.Content-Wide .Paging img { margin: 0 0 0 5px; }
		
	/* ----- Product Reviews ----- */	  

		.Img-Rating { 

			position: relative;
			float: left; 

			margin: 0 10px 0 0;

		}

		.H3-H { 

			padding: 10px 0 0 20px;

		}

		#UL-Product-Reviews {

			position: relative;
			float: left;
			
			margin: 0 0 10px 20px;

		}
		
		* html #UL-Product-Reviews { margin: 0 0 10px 10px; }

		#UL-Product-Reviews LI { 

			position: relative;
			float: left;

			padding: 10px 0 0 0;

			clear: both;

			list-style: none;

		}

		.Comment-Box {

			position: relative;
			float: left;

			padding: 0 0 10px 0;

			width: 540px;

			border-bottom: 1px dotted #969696;

		}  
		.Comment-Box p {

			padding: 0 0 0 0;

		}

		.Comment-Box h4 { 

			margin: 0 0 10px 0;

		}

		.Reviews-Form { 

			position: relative;
			float: left;

			padding: 0 0 20px 20px;

		}

		.Content-Table { 

			position: relative;
			float: left;

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

		} 

		.content-table { 

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

		}

		/* ----- Identified Tables & Elements ----- */

			.Content-Table-Heading { 

				padding: 0 0 5px 0;
				width: 130px; 

			} 

			/* ----- Table Elements ----- */  

				.Content-Table td select { 

					margin: 0 0 5px 0;
					width: 202px; 

					border: 1px solid #bebebe;

				} 

				/* ----- Select Overrides ----- */

				#review {

					margin: 5px 0 5px 0;

					width: 300px; 
					height: 70px; 

					border: 1px solid #bebebe;

				}

				.Text-Input {

					margin: 0 0 5px 0;

					width: 200px;								  
					height: 15px;

					border: 1px solid #bebebe;

				}

				.smallText-Input {

					margin: 0 0 5px 0;

					width: 75px;								  
					height: 15px;

					border: 1px solid #bebebe;

				}

				.ContentBlock-Value select {

					margin: 5px 0 5px 0;

					width: 202px;

					border: 1px solid #bebebe;

				}
		
	/* ----- Related items formatting ----- */
	
		/* ----- Related items formatting ----- */
	
		#Related-Product-Container {
		
			position: relative;
			float: left;
			
			margin: 0 0 10px 20px;
			padding: 0 0 10px 0;
			
			width: 538px;
			height: 300px;
			
			overflow-y: scroll;
			overflow-x: hidden;	 
			
			border: 1px solid #d2d2d2;
		
		}
		
		* html #Related-Product-Container { margin: 0 0 10px 10px; } 
		
		#Similar-Product-Container {
		
			position: relative;
			float: left;
			
			margin: 0 0 10px 20px;
			padding: 0 0 10px 0;
			
			width: 538px;
			height: 300px;
			
			overflow-y: scroll;
			overflow-x: hidden;	   
			
			border: 1px solid #d2d2d2;
		
		}
		
		* html #Similar-Product-Container { margin: 0 0 10px 10px; }

		.Related-Product {

			position: relative;
			float: left;

			padding: 0 0 8px 0;

			width: 520px;

			clear: both;

			border-bottom: 1px dotted #656565;

		}

		.Related-Product table {

			position: relative;
			float: left;

			margin: 0 0 0 0;
			padding: 0 0 0 0;

			width: 520px;	
			height: 50px;

		}

		.Related-Product-Headings { padding: 0 0 0 0; }
		
		.Related-Product-Headings table { height: auto; }

		.Related-Product-Table th { padding: 5px 0 5px 5px; }

		.Related-Product-Table .Image {
        
            padding: 10px 0 0 10px;

			width: 70px; 
			overflow: hidden;
		
		}
		
		.Related-Product-Table .Image img { width: 56px; }		
		.Related-Product-Table .Title { width: 150px; }				
		.Related-Product-Table .Price { width: 110px; }

		.Related-Product-Table .Quantity {
		
			width: 40px;
		
		}
		
		.Related-Product-Table .Quantity .Quantity { 

			width: 30px; 

			border: 1px solid #616161;

		}

		.Related-Product-Table .Quantity .Quantity { float: left; }
	
		.Related-Product-Table .Buy {
		
			width: 70px; 
		
		}
		
		.Related-Product-Table .Buy .Product-Soldout-Button { 
		
			position: relative;
			float: right;
			
			margin: 0 5px 0 0;
		
		}

		.Related-Product-Table .Buy .Product-Buy-Button-Small { 

			position: relative;
			float: right;

			margin: 0 5px 0 0;

		}	
		
	/* ----- Discount Table ----- */

		.Discount-Container table {

			position: relative;
			float: left;
			
			margin: 0 0 20px 20px;
			
			width: 540px;

		}

		* html .Discount-Container table { margin: 0 0 0 10px; }

		.Discount-Table th {
		
			padding: 5px 5px 5px 5px;
			
			font-size: 0.7em;
					
		}
		
		.Discount-Table th h3 { color: #ffffff; }

		.Discount-Table td {
			
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;

			padding: 5px 5px 5px 5px;

			font-size: 0.7em;

		}
		
		.Discount-Title {
		
			width: 120px;
			
			background-color: #cb1919;
		
		}
				
		.Discount-Bracket { 
		
			width: 40px;
			
			background-color: #cb1919;
		
		}
		
		.Discount-Qty {
		
			width: 50px;
			
			background-color: #cb1919;
		
		}
		
		.Discount-Saving {
		
			width: 40px;
			
			background-color: #cb1919;
		
		}
		
		.Discount-Saving-Value {
		
			border-right: 1px solid #000000;
		
		}
		
		.Discount-Discount-Title {
		
			border-left: 1px solid #000000;
		
		}
		
		.Discount-Discount-Value {

			border-right: 1px solid #000000;
				
		}
		
		.Item-Title {
		
			border-left: 1px solid #000000;
		
		}
		
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- Social Networking ----- */
		
		.Social-Network-Links p { color: #7c7c7c; }

	/* ----- Page Characteristics Elements ----- */
		
		.Content-Wide a { color: #8fac0d; }
		.Content-Wide a:hover { color: #9bcd36; }

		.Content-Wide p a { color: #8fac0d; }				
		.Content-Wide p a:hover { color: #9bcd36; }
		
		.Content-Wide Table a { color: #8fac0d; }				
		.Content-Wide Table a:hover { color: #9bcd36; }
		
		.Content-Wide UL LI a { color: #8fac0d; }				
		.Content-Wide UL LI a:hover { color: #9bcd36; }
		
		.Content-Wide OL LI a { color: #8fac0d; }				
		.Content-Wide OL LI a:hover { color: #9bcd36; }	
		
    /* ----- Product Specific Details ----- */
		
		.Product-Detail-List LI { color: #333333; }
		.Product-Detail-List LI strong { color: #7c7c7c; }
		
		.Product-Detail-List .Price { color: #98b510; }
		
	/* ----- Content Header ----- */
			
		.Content-Wide-Header h2 { color: #333333; }
		
	/* ----- Gallery & Detail Elements ----- */
		
		.Large-Image-Enlarge-Desc H6 { color: #909090; }
		.Gallery-Enlarge-Desc H6 { color: #909090; }
	
	/* ----- Paging ----- */
	
        .Content-Wide .Content-Wide-Header .Paging { color: #8fac0d; }   
        .Content-Wide .Content-Wide-Header .Paging:hover { color: #9bcd36; }	
        
    /* ----- Related items formatting ----- */
		
		.Related-Product-Table .Price .Product-Price { color: #98b510; }
		.Related-Product-Table .Price .Product-Price-Title { color: #98b510; }

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

	/* ----- Social Networking ----- */
		
		.Social-Network-Links p { font-size: 0.8em; }

	/* ----- Product Reviews ----- */
	
		.H3-H { font-size: 0.8em; }

		.Comment-Box { font-size: 0.8em; }

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

		.Content-Wide .More-Button {

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

		}

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

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

		.Content-Wide .Description-Container { 
		
			text-align: justify;
		    font-size: 0.8em; 
		
		}		 
		
		/* ----- Content Headings ----- */

    	    .Content-Wide-Header H2 { font-size: 0.9em; }
            .Description-Container H3 { font-size: 1.0em; }
            .Description-Container H4 { font-size: 1.0em; }
            .Description-Container H5 { font-size: 1.2em; }
            .Description-Container H6 { font-size: 1.4em; }		
        
        /* ----- End H Tag Overrides ----- */

		.Content-Wide p a { text-decoration: none; }
		
	/* ----- Gallery & Detail Elements ----- */		 

        /* ----- We scale down the area specific H3 Tags. ----- */
		    #Thumbnail-Image-Container H3 { font-size: 0.8em; }	 	  
		
		/* ----- We then scale up the headings to match the sizes of the item details H3 Tags ----- */
		    .Clear-Heading H3 { font-size: 1.2em; }
	
		.Product-Heading {
		
			font-size: 0.8em; 
			font-weight: bold;
		
		}
		
		.Enlarge-Desc { 
		
			font-size: 0.8em; 
			font-weight: bold;
		
		}
		
		.Product-Detail-List { font-size: 0.8em; }
		
		.Product-Detail-List .Price { font-size: 1.6em; }
				
		.Product-Type { font-size: 0.8em; }
		
		.Option-Title { font-size: 0.8em; }
		
		.Product-Quantity { font-size: 0.8em; }
		
		.Variation-Dropdown { font-size: 0.8em; }
		
		.Large-Image-Enlarge-Desc H6 { text-align: center; }
		.Gallery-Enlarge-Desc { text-align: left; }			   
		
		.Item-Details-Container .Product-Detail-List LI { font-weight: bold; }
		
	/* ----- Table Elements ----- */

		.Content-Wide Table { }		
		
		.Content-Wide Table th { text-align: left; }

		/* ----- 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; }
		
		.Full-Width-Table td { text-align: center; }
		
	/* ----- Content Table ----- */
	
		.Content-Table td { font-size: 0.8em; }

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

		.Content-Wide UL { }
		
		.Content-Wide UL LI { 
		
		    line-height: 1.0em;
		    text-align: justify; 
		
		}
		
		.Content-Wide UL LI a { text-decoration: none; }
		
		.Content-Wide UL LI p { font-size: 1.0em; }
		
		.Content-Wide OL { }	 
		
		.Content-Wide OL LI {
		
		    line-height: 1.0em;
		    text-align: justify;
		    
	    }
		
		.Content-Wide OL LI a { text-decoration: none; }
		
		.Content-Wide OL LI p { font-size: 1.0em; }
		
	/* ----- Content Header ----- */
				
		.Content-Wide-Header h2 { font-weight: bold; }
				
	/* ----- Paging ----- */
	
        .Content-Wide .Content-Wide-Header .Paging { 
        
            font-size: 0.8em;
            text-decoration: none;
        
        }  	
        
    /* ----- Related items formatting ----- */

		.Related-Product-Table .Buy .Product-Buy-Button { font-size: 0.7em; }

		.Related-Product-Table .Title h3 { font-size: 0.8em; }
		.Related-Product-Table .Price { font-size: 0.8em; }		
		.Related-Product-Table .Price .Product-Price { font-size: 1.5em; }

		.Related-Product-Table .Price .Product-Price-Title {

			font-size: 0.8em;
			font-style: italic;
			font-weight: bold;

		}

		.Related-Product-Table .Price .Product-ExVAT-Title { font-size: 0.8em; }		
		.Related-Product-Table th { font-size: 0.8em; }				
		.Related-Product-Table .Buy p { font-size: 0.8em; }		
		.Related-Product-Table .Quantity .Quantity { font-size: 0.8em; }