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

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

		.Featured-Wide {

			position: relative;
			float: left;

			margin: 10px 0 0 10px;

			width: 578px;
			height: auto;

			background-image: url(../creatine_files/featured-wide-c-bg.gif); 

		}

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

		.Featured-Wide-Top { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			line-height: 0px;

			background-image: url(../creatine_files/featured-wide-c-top.gif); 

		}

		.Featured-Wide-Base { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			background-image: url(http://images.esellerpro.com/2120/images/elements/featured-wide-c-base.gif);	  
			overflow:hidden;
			margin-right:-3px;

		}

		.Featured-Wide-Header {

			position: relative;
			float: left;

			width: 578px;
			height: 20px;

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

		}

		.Featured-Wide-Footer {

			position: relative;
			float: left;

			left: 1px;

			width: 576px;
			height: auto;

			background-color: #ffffff;

		}

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

		.Featured-Wide H2 {

			position: relative;
			float: left;

			margin: 1px 0 0 10px; 	
			padding: 0 0 0 0;

		}

		* html .Featured-Wide H2 { margin: 1px 0 0 5px; }

		.Featured-Wide .More-Button {

			position: relative;
			float: right;

			padding: 1px 10px 0 0;

		}
		
		.Featured-Wide .More-Button img { margin: 0 0 0 5px; }
		.Featured-Wide .Paging 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: 1px 10px 3px 0;						

		}

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

			position: relative;
			float: right;

			padding: 3px 10px 3px 0;						

		}
		
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- Featured Block Header Elements ----- */				
	
		.Featured-Wide h2 { color: #648bad; }
		.Additional-Wide h2 { color: #648bad; }
	
	/* ----- More Button Elements ----- */
	
		.Featured-Wide .More-Button a { color: #648bad; }				
		.Featured-Wide .More-Button a:hover { color: #41698c; }
		
		.Featured-Wide-Footer .More-Button a { color: #648bad; }				
		.Featured-Wide-Footer .More-Button a:hover { color: #41698c; }
		
/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

	/* ----- 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 H2 { font-size: 0.7em; }
		
		.Additional-Wide H3 { font-size: 1em; }
		
		.Additional-table H3 { font-size: 1em; color:#909090 }
		
		.Additional-Wide {

			position: relative;
			float:left;
			
		

			margin: 10px 0 10px 18px;

			width: 540px;
			height: auto;
			
			background-image: url(Additional-wide-c-bg.gif); 

		}

		* html .Additional-Wide { margin: 10px 4px 0 9px; }

		.Additional-Wide-Top { 

			position: relative;
			float: left;

			width: 540px;
			height: 4px;

			line-height: 0px;

			background-image: url(Additional-Content-Header-T.gif); 

		}

		.Additional-Wide-Base { 

			position: relative;
			float: left;

			width: 540px;
			height: 4px;

			background-image: url(additional-wide-c-base.gif);

		}

		.Additional-Wide-Header {

			position: relative;
			float: left;

			width: 540px;
			height: 20px;

			background-image: url(Additional-Content-Header.gif);

		}

		.Additional-Wide-Footer {

			position: relative;
			float: left;

			left: 1px;

			width: 540px;
			height: auto;

			
		}

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

		.Additional-Wide H2 {

			position: relative;
			float: left;

			margin: 1px 0 0 10px; 	
			padding: 0 0 0 0;

		}

		* html .Additional-Wide H2 { margin: 1px 0 0 5px; }

		.Additional-Wide .More-Button {

			position: relative;
			float: right;

			padding: 1px 10px 0 0;

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

		.Additional-Wide p { padding: 10px 10px 10px 20px; }	
		
		.Additional-Wide-Header p { padding: 0 15px 0 0; }	

	/* ----- Lets reconfigure footer more item links ----- */

		.Additional-Wide .Additional-Wide-Footer .More-Button {

			padding: 3px 10px 3px 0;						

		}
		
		
		.Additional-table {
		
		    float:left;
            width:500px;  
            
            margin: 10px 0 10px 20px !important;
            padding: 0 0 0 0 !important;
            
            background-color: #ffffff;
            
        }	 
        
        * html .Additional-table { margin: 10px 0 10px 10px !important; }	   
							
		.Additional-table th{text-align:left; }
		
		.Additional-table td{border-bottom:1px solid #2D6595;  padding:5px 0 0 0;}
		
		.Discount-table td{border-bottom:1px solid #2D6595;  padding:5px 0 5px 0;}
		
		.Additional-table input{width:20px;}	 
		
		.Additional-table .quantity {
		
		    border: 1px solid #cccccc;
		    padding: 1px 1px 1px 1px;
		
		}