/*
 * Grid styles
 */
 
    .grid {
	    min-width: 948px;
    }

		.grid.noMargin {
			padding-left: 6px !important;
		}
    
        .grid.preview {
            background: transparent url(../_media/images/utility/grid.png) repeat top left !important;
        }

        /* Column */

        .grid .column {
	        display: inline;
	        float: left;
	        width: 28px;
	        margin-left: 6px;
	        margin-right: 6px;
        }

			.grid .column.noMargin {
				width: 28px;
				margin: 0;
			}
        
            /* Grid column span styles */

            .grid .column.span02 { width: 068px; }
				.grid .column.noMargin.span02 { width: 092px; }
            .grid .column.span03 { width: 108px; }
				.grid .column.noMargin.span03 { width: 132px; }
            .grid .column.span04 { width: 148px; }
				.grid .column.noMargin.span04 { width: 172px; }
            .grid .column.span05 { width: 188px; }
				.grid .column.noMargin.span05 { width: 212px; }
            .grid .column.span06 { width: 228px; }
				.grid .column.noMargin.span06 { width: 252px; }
            .grid .column.span07 { width: 268px; }
				.grid .column.noMargin.span07 { width: 292px; }
            .grid .column.span08 { width: 308px; }
				.grid .column.noMargin.span08 { width: 332px; }
            .grid .column.span09 { width: 348px; }
				.grid .column.noMargin.span09 { width: 372px; }
            .grid .column.span10 { width: 388px; }
				.grid .column.noMargin.span10 { width: 412px; }
            .grid .column.span11 { width: 428px; }
				.grid .column.noMargin.span11 { width: 452px; }
            .grid .column.span12 { width: 468px; }
				.grid .column.noMargin.span12 { width: 492px; }
            .grid .column.span13 { width: 508px; }
				.grid .column.noMargin.span13 { width: 532px; }
            .grid .column.span14 { width: 548px; }
				.grid .column.noMargin.span14 { width: 572px; }
            .grid .column.span15 { width: 588px; }
				.grid .column.noMargin.span15 { width: 612px; }
            .grid .column.span16 { width: 628px; }
				.grid .column.noMargin.span16 { width: 652px; }
            .grid .column.span17 { width: 668px; }
				.grid .column.noMargin.span17 { width: 692px; }
            .grid .column.span18 { width: 708px; }
				.grid .column.noMargin.span18 { width: 732px; }
            .grid .column.span19 { width: 748px; }
				.grid .column.noMargin.span19 { width: 772px; }
            .grid .column.span20 { width: 788px; }
				.grid .column.noMargin.span20 { width: 812px; }
            .grid .column.span21 { width: 828px; }
				.grid .column.noMargin.span21 { width: 852px; }
            .grid .column.span22 { width: 868px; }
				.grid .column.noMargin.span22 { width: 892px; }
            .grid .column.span23 { width: 908px; }
				.grid .column.noMargin.span23 { width: 932px; }
            .grid .column.span24 { width: 948px; }
				.grid .column.noMargin.span24 { width: 972px; }
            
            /* Grid column push styles */ 

            .grid .column.push01 { padding-left: 040px; }
				.grid .column.noMargin.push01 { padding-left: 028px; }
            .grid .column.push02 { padding-left: 080px; }	  
				.grid .column.noMargin.push02 { padding-left: 068px; }
            .grid .column.push03 { padding-left: 120px; }	  
				.grid .column.noMargin.push03 { padding-left: 108px; }
            .grid .column.push04 { padding-left: 160px; }	  
				.grid .column.noMargin.push04 { padding-left: 148px; }
            .grid .column.push05 { padding-left: 200px; }	  
				.grid .column.noMargin.push05 { padding-left: 188px; }
            .grid .column.push06 { padding-left: 240px; }	  
				.grid .column.noMargin.push06 { padding-left: 228px; }
            .grid .column.push07 { padding-left: 280px; }	  
				.grid .column.noMargin.push07 { padding-left: 268px; }
            .grid .column.push08 { padding-left: 320px; }	  
				.grid .column.noMargin.push08 { padding-left: 308px; }
            .grid .column.push09 { padding-left: 360px; }	  
				.grid .column.noMargin.push09 { padding-left: 348px; }
            .grid .column.push10 { padding-left: 400px; }	  
				.grid .column.noMargin.push10 { padding-left: 388px; }
            .grid .column.push11 { padding-left: 440px; }	  
				.grid .column.noMargin.push11 { padding-left: 428px; }
            .grid .column.push12 { padding-left: 480px; }	  
				.grid .column.noMargin.push12 { padding-left: 468px; }
            .grid .column.push13 { padding-left: 520px; }	  
				.grid .column.noMargin.push13 { padding-left: 508px; }
            .grid .column.push14 { padding-left: 560px; }	  
				.grid .column.noMargin.push14 { padding-left: 548px; }
            .grid .column.push15 { padding-left: 600px; }	  
				.grid .column.noMargin.push15 { padding-left: 588px; }
            .grid .column.push16 { padding-left: 640px; }	  
				.grid .column.noMargin.push16 { padding-left: 628px; }
            .grid .column.push17 { padding-left: 680px; }	  
				.grid .column.noMargin.push17 { padding-left: 668px; }
            .grid .column.push18 { padding-left: 720px; }	  
				.grid .column.noMargin.push18 { padding-left: 708px; }
            .grid .column.push19 { padding-left: 760px; }	  
				.grid .column.noMargin.push19 { padding-left: 748px; }
            .grid .column.push20 { padding-left: 800px; }	  
				.grid .column.noMargin.push20 { padding-left: 788px; }
            .grid .column.push21 { padding-left: 840px; }	  
				.grid .column.noMargin.push21 { padding-left: 828px; }
            .grid .column.push22 { padding-left: 880px; }	  
				.grid .column.noMargin.push22 { padding-left: 868px; }
            .grid .column.push23 { padding-left: 920px; }	  
				.grid .column.noMargin.push23 { padding-left: 908px; }
             
            /* Grid column pull styles */		 
            
            .grid .column.pull01 { padding-right: 040px; }
				.grid .column.noMargin.pull01 { padding-right: 028px; }
            .grid .column.pull02 { padding-right: 080px; }	   
				.grid .column.noMargin.pull02 { padding-right: 068px; }
            .grid .column.pull03 { padding-right: 120px; }	   
				.grid .column.noMargin.pull03 { padding-right: 108px; }
            .grid .column.pull04 { padding-right: 160px; }	   
				.grid .column.noMargin.pull04 { padding-right: 148px; }
            .grid .column.pull05 { padding-right: 200px; }	   
				.grid .column.noMargin.pull05 { padding-right: 188px; }
            .grid .column.pull06 { padding-right: 240px; }	   
				.grid .column.noMargin.pull06 { padding-right: 228px; }
            .grid .column.pull07 { padding-right: 280px; }	   
				.grid .column.noMargin.pull07 { padding-right: 268px; }
            .grid .column.pull08 { padding-right: 320px; }	   
				.grid .column.noMargin.pull08 { padding-right: 308px; }
            .grid .column.pull09 { padding-right: 360px; }	   
				.grid .column.noMargin.pull09 { padding-right: 348px; }
            .grid .column.pull10 { padding-right: 400px; }	   
				.grid .column.noMargin.pull10 { padding-right: 388px; }
            .grid .column.pull11 { padding-right: 440px; }	   
				.grid .column.noMargin.pull11 { padding-right: 428px; }
            .grid .column.pull12 { padding-right: 480px; }	   
				.grid .column.noMargin.pull12 { padding-right: 468px; }
            .grid .column.pull13 { padding-right: 520px; }	   
				.grid .column.noMargin.pull13 { padding-right: 508px; }
            .grid .column.pull14 { padding-right: 560px; }	   
				.grid .column.noMargin.pull14 { padding-right: 548px; }
            .grid .column.pull15 { padding-right: 600px; }	   
				.grid .column.noMargin.pull15 { padding-right: 588px; }
            .grid .column.pull16 { padding-right: 640px; }	   
				.grid .column.noMargin.pull16 { padding-right: 628px; }
            .grid .column.pull17 { padding-right: 680px; }	   
				.grid .column.noMargin.pull17 { padding-right: 668px; }
            .grid .column.pull18 { padding-right: 720px; }	   
				.grid .column.noMargin.pull18 { padding-right: 708px; }
            .grid .column.pull19 { padding-right: 760px; }	   
				.grid .column.noMargin.pull19 { padding-right: 748px; }
            .grid .column.pull20 { padding-right: 800px; }	   
				.grid .column.noMargin.pull20 { padding-right: 788px; }
            .grid .column.pull21 { padding-right: 840px; }	   
				.grid .column.noMargin.pull21 { padding-right: 828px; }
            .grid .column.pull22 { padding-right: 880px; }	   
				.grid .column.noMargin.pull22 { padding-right: 868px; }
            .grid .column.pull23 { padding-right: 920px; }	   
				.grid .column.noMargin.pull23 { padding-right: 908px; }
 
	/* Clear column float(s) */					  

    .grid:after {
        content: " ";
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
    }
     
    .grid {
        display: inline-block;
    }
     
    html[xmlns] .grid {
        display: block;
    }
     
    * html .grid {
        height: 1%;
    }