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

		}

		.Content-Wide-Base { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			background-image: url(../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(../images/elements/content-wide-header.gif);			
		
		}
		
		.Content-Wide-Footer {

			position: relative;
			float: left;

			width: 578px;
			height: 28px;
			
			background-image: url(../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 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; }
		
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- Page Characteristics Elements ----- */
		
		.Content-Wide a { color: #4d5f83; }
		.Content-Wide a:hover { color: #647aa6; }

		.Content-Wide p a { color: #4d5f83; }				
		.Content-Wide p a:hover { color: #647aa6; }
		
		.Content-Wide Table a { color: #4d5f83; }				
		.Content-Wide Table a:hover { color: #647aa6; }
		
		.Content-Wide UL LI a { color: #4d5f83; }				
		.Content-Wide UL LI a:hover { color: #647aa6; }
		
		.Content-Wide OL LI a { color: #4d5f83; }				
		.Content-Wide OL LI a:hover { color: #647aa6; }	
		
    /* ----- Product Specific Details ----- */
		
		.Product-Detail-List LI { color: #000000; }
		.Product-Detail-List LI strong { color: #7c7c7c; }
		
	/* ----- Content Header ----- */
			
		.Content-Wide-Header h2 { color: #000000; }
		
	/* ----- Gallery & Detail Elements ----- */
		
		.Large-Image-Enlarge-Desc H6 { color: #909090; }
		.Gallery-Enlarge-Desc H6 { color: #909090; }
	
	/* ----- Paging ----- */
	
        .Content-Wide .Content-Wide-Header .Paging { color: #4d5f83; }   
        .Content-Wide .Content-Wide-Header .Paging:hover { color: #647aa6; }			          

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

	/* ----- 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.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: 0.8em; 
			font-weight: bold;
		
		}
		
		.Enlarge-Desc { 
		
			font-size: 0.7em; 
			font-weight: bold;
		
		}
		
		.Product-Detail-List { font-size: 0.7em; }
				
		.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; }			   
		
		.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;
        
        }