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

/* ------------------------------------------------------------ */
/* 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/102/images/elements/content-wide-c-bg.gif);  		

		}

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

		.Content-Wide-Top { 

			display: none;

		}

		.Content-Wide-Base { 

			position: relative;
			float: left;

			width: 578px;
			height: 2px;

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

		.Content-Wide-Header {
		
			position: relative;
			float: left;
			
			margin: 0 0 15px 0;

			width: 578px;
			height: 26px;
			
			background-image: url(http://images.esellerpro.com/102/images/elements/content-wide-header.gif);			
		
		}
		
		.Content-Wide-Footer {

			position: relative;
			float: left;

			width: 578px;
			height: 28px;
			
			background-image: url(http://images.esellerpro.com/102/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: 6px 0 0 10px; 	
                padding: 0 0 0 0;
    
            }
    
            * html .Content-Wide-Header H2 { margin: 6px 0 0 5px; }   
            
            /* ----- Description H Tags ----- */
                
                .Description-Container H3 { 
                
                	position: relative;
                	float: left;
                	
                	margin: 0 0 8px 0; 
                	
                	clear: both;
                
                }
                
                .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 ----- */
	
		.Product-Information-Wrapper {
		
			position: relative;
			float: left;
			
			margin: 0 0 10px 20px;
			padding: 0 0 14px 0;
			
			width: 536px;
			
			border: 1px solid #b5b5b5;
			
		}
		
		* html .Product-Information-Wrapper { margin: 0 0 0 10px; }
		
		#Image-Gallery-Container {
		
			position: relative;
			float: left;
			
			padding: 18px 0 0 18px;
			
			width: 518px;
					
		}
		
		#Main-Image-Container {
			
			position: relative;
			float: left;
						
			width: auto;
			height: auto;
			
			padding: 0 0 0 0;
		
		}
		
		#MainImage {
		
			position: relative;
			float: left;
			
			margin: 0 0 0 0;
						
			width: 500px;
					
		}
		
		#Item-Details-Container {
		
			position: relative;
			float: left;
			
			margin: 20px 0 5px 0;
			padding: 0 0 5px 20px;
			
			width: 518px;
			
		}
		
		* html #Item-Details-Container { margin: 20px 0 5px 0; }
		
		#Item-Details-Container-Left {
		
			position: relative;
			float: left;	 
			
			padding: 26px 0 0 0;
			
			width: 250px;
			height: auto;
		
		}
		
		#Item-Details-Container-Right {
		
			position: relative;
			float: left;
			
			padding: 22px 0 0 10px;

			width: 250px;
			height: auto;
		
		}
		
		/* ----- Custom Gallery Options ----- */
		
			#Item-Details-Container-Right .Quantity-Options {
			
				position: relative;
				float: left;
				
				padding: 15px 0 0 0;
				
				width: 100px;
				
			}
			
			#Item-Details-Container-Right .Button-Options {
			
				position: relative;
				float: left;
							
			}
		
		#Thumbnail-Image-Container {
		
			position: relative;
			float: left;
			
			margin: 5px 0 0 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 dotted #bababa;

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

			margin: 0 0 10px 0;		  

			width: 540px;
			height: 1px;

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

		}
		
		#Product-Description-Heading-Container { 
		
			position: relative;
			float: left;
			
			padding: 0 0 8px 0;

			width: 580px;

		}
		
		.Gallery-Enlarge-Desc {

            padding: 0 0 10px 0;
            
            clear: both;
		    width: 540px;
		
		}
		
		.Thumbnail-Image {
		
			position: relative;
			float: left;
			
			width: 94px;
			height: auto;
			
			margin: 0 14px 13px 0;
			
			border: 1px solid #b5b5b5;
		
		}
		
		.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 UL {
		
		    margin: 10px 0 0 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; 	  
			
			width: 200px;

        }
		
		.Product-Detail-List li { 
		    
		    float: left;
		    padding: 0 0 5px 0;
		    
		    width: 200px;	 
		    
		    height: 18px;
		
		}
		
		.Product-Detail-List li span { line-height: 18px; }
		
		.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 #b5b5b5;
		
		} 
		
		.Variation-Dropdown {
			
			position: relative;
			float: left;
			
			width: 120px;
			
			border: 1px solid #b5b5b5;
	    
	    }
			
		.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; }	
	    
   /* ------ Street 101 Quote ----- */
   
   		.Quote-Box-Container { 
   		
   			position: relative;
   			float: left;
   			
   			width: 495px;
   			height: auto;
   			
   			padding: 10px 0 0 0;
   			
   		}
   
   		.Quote-Box {
   		
   			position: relative;
   			float: right;
   			
   			padding: 0 0 0 0;
   			
   			width: 320px;
   			height: auto;
   			
   		}
   		
   		.Quote-Box-Text {

			position: relative;
			float: left;
			
			margin: 25px 0 0 0;
			padding: 0 0 5px 10px;
			
			width: 270px;
			
		}
   		
   		.Quote-Open {
   		
   			position: relative;
   			float: left;
   			
   			width: 30px;
   			height: 20px;
   			
   			background-image: url(http://images.esellerpro.com/102/images/objects/open-quote.gif);
   		
   		}
   		
   		.Quote-Close {
   		
   			position: relative;
   			float: right;
   			
   			width: 30px;
   			height: 30px;
   			
   			background-image: url(http://images.esellerpro.com/102/images/objects/close-quote.gif);
   		
   		}
	    
	    .Quote-Title {
	    
	    	position: relative;
	    	float: left;
	    
	    }
	    
	/* ----- Product Information Table ----- */		    
	
		.Product-Table-Information {
		
			position: relative;
			float: left;
			
			margin: 0 0 0 20px;
			padding: 0 0 10px 0;
			
			width: 540px;
			
		}
		
		* html .Product-Table-Information { margin: 0 0 0 10px; }
		
		.Product-Table-Information table {
		
			width: 538px;
		
			border-top: 1px solid #b5b5b5;
			border-left: 1px solid #b5b5b5;
		
		}
		
		.Product-Table-Information TD {
			
			padding: 5px 5px 5px 5px;
			
			border-bottom: 1px solid #b5b5b5;
			border-right: 1px solid #b5b5b5;
		
		}
		
		.Product-Table-Information TH {
		
			padding: 5px 5px 5px 5px;
		
			width: 100px;
			
			border-bottom: 1px solid #b5b5b5;
			border-right: 1px solid #b5b5b5;
		
		}
	    
/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */	

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

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

			position: relative;
			float: right;

			padding: 6px 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; }		  
		
    /* ----- Social Networking ----- */
        
        .Social-Network-Links {
        
            position: relative;
            float: left;
            
            padding: 0 0 20px 20px;
            
            width: 558px;
        
        }		
        
        .Social-Network-Links .Networking-Heading { 
        
            position: relative;
            float: left;
            
            width: 558px;
        
        }
			
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ------ Street 101 Quote ----- */
      
   		.Quote-Box { }
 
   	
	/* ----- Product Information Table ----- */		    

		.Product-Table-Information TH { color: #2253b8; }
   	
	/* ----- Page Characteristics Elements ----- */
		
		.Content-Wide a { color: #2253b8; }
		.Content-Wide a:hover { color: #0672ec; }

		.Content-Wide p a { color: #2253b8; }				
		.Content-Wide p a:hover { color: #0672ec; }
		
		.Content-Wide Table a { color: #2253b8; }				
		.Content-Wide Table a:hover { color: #0672ec; }
		
		.Content-Wide UL LI a { color: #2253b8; }				
		.Content-Wide UL LI a:hover { color: #0672ec; }
		
		.Content-Wide OL LI a { color: #2253b8; }				
		.Content-Wide OL LI a:hover { color: #0672ec; }	
		
    /* ----- Product Specific Details ----- */
		
		.Product-Detail-List LI { color: #2253b8; }
		.Product-Detail-List LI span { color: #2253b8; }
		.Product-Detail-List LI strong { color: #000000; }	 
		
		.Product-Detail-List .saving { color: #e30404; }
		
		.Product-Description-Heading { color: #2253b8; }	 
		
    /* ----- Social Networking ----- */
        
        .Social-Network-Links .Networking-Heading p { color: #2253b8; } 
		
	/* ----- Content Header ----- */
			
		.Content-Wide-Header h2 { color: #ffffff; }
		
	/* ----- Gallery & Detail Elements ----- */
		
		.Large-Image-Enlarge-Desc H6 { color: #909090; }
		.Gallery-Enlarge-Desc H6 { color: #909090; }
	
	/* ----- Paging ----- */
	
        .Content-Wide .Content-Wide-Header .Paging { color: #ffffff; }   
        .Content-Wide .Content-Wide-Header .Paging:hover { color: #d1e6ff; }			          

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

	/* ------ Street 101 Quote ----- */
      
   		.Quote-Box {
		
			font-size: 0.8em;
			font-style: italic;
			
			font-weight: bold;
			
   		}

   	/* ----- Product Information Table ----- */		    
		
		.Product-Table-Information {
		
			font-size: 0.7em;
		
		}

	/* ----- 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: left;
		    font-size: 0.7em; 
		
		}		 
		
		/* ----- Content Headings ----- */

    	    .Content-Wide-Header H2 { font-size: 0.7em; }
            .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: 1.0em; 
			font-weight: bold;
		
		}
		
		.Enlarge-Desc { 
		
			font-size: 0.7em; 
			font-weight: bold;
		
		}
		
		.Product-Detail-List { font-size: 0.7em; }
		
		.Product-Detail-List .Price {
		
		    font-size: 2.0em; 
		    font-weight: bold;
		    
		} 
		
		.Product-Detail-List LI .LT { text-decoration: line-through; }
		
		.Product-Detail-List .smaller {
		
		    font-size: 1.2em; 
		    font-weight: bold;
		    
		}
				
		.Product-Type { font-size: 0.7em; }
		
		.Option-Title { font-size: 0.7em; }
		
		.Product-Quantity { font-size: 0.7em; }
		
		.Variation-Dropdown { font-size: 0.7em; }
		
		.Large-Image-Enlarge-Desc H6 { text-align: center; }
		.Gallery-Enlarge-Desc { text-align: left; }			   
		
		.Gallery-Enlarge-Desc H2 {

			font-size: 0.7em;
			
			text-transform: uppercase;

		}
		
		#Product-Description-Heading-Container H3 {
		
			font-size: 1.2em;
			
			text-decoration: uppercase;
		
		}
		
		#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; }

	/* ----- 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.7em;
            text-decoration: none;
        
        }  	 
        
    /* ----- Social Networking ----- */
        
        .Social-Network-Links .Networking-Heading { font-size: 0.8em; }
        
        .Social-Network-Links .Networking-Heading p { font-weight: bold; }