/*.container{margin:0 auto;width: 1200px;}*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_24 {	width: 1200px;margin:0 auto;}
.mode_header,.cs_mode_slideshow,.mode_container,.mode_footer, .mode_footer_top{clear:both}
.mode_header{}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.product_grid_4,
.product_grid_5,
.product_grid_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {	width:30px;}

.container_24 .grid_2 {	width:80px;}

.container_24 .grid_3 {	width:130px;}

.container_24 .grid_4 {	width:180px;}

.container_24 .grid_5 {	width:230px;}

.container_24 .grid_6{	width:280px;}

.container_24 .grid_7 {	width:330px;}

.container_24 .grid_8 {	width:380px;}

.container_24 .grid_9 {	width:430px;}

.container_24 .grid_10 {	width:480px;}

.container_24 .grid_11 {	width:530px;}

.container_24 .grid_12 {	width:580px;}

.container_24 .grid_13 {	width:630px;}

.container_24 .grid_14 {	width:680px;}

.container_24 .grid_15 {	width:730px;}

.container_24 .grid_16 {	width:780px;}

.container_24 .grid_17 {	width:830px;}

.container_24 .grid_18 {	width:880px;}

.container_24 .grid_19 {	width:930px;}

.container_24 .grid_20 {	width:980px;}

.container_24 .grid_21 {	width:1030px;}

.container_24 .grid_22 {	width:1080px;}

.container_24 .grid_23 {	width:1130px;}

.container_24 .grid_24 {	width:1180px;}


/*PC min 960px max < 1200*/
/* Note: Design for a width of 980px*/

	@media only screen and (min-width: 1024px) and (max-width: 1279px) {
		.container_24 /* ,#page */{	width: 960px;}
				
		.container_24 .grid_1 {	width:20px;	}
		
		.container_24 .grid_2 {	width:60px;	}
		
		.container_24 .grid_3{	width:100px;}
		
		.container_24 .grid_4{	width:140px;}
		
		.container_24 .grid_5 {	width:180px;}
		
		.container_24 .grid_6{	width:220px;}
		
		.container_24 .grid_7 {	width:260px;}
		
		.container_24 .grid_8 {	width:300px;}
		
		.container_24 .grid_9 {	width:340px;}
		
		.container_24 .grid_10 {	width:380px;}
		
		.container_24 .grid_11 {	width:420px;}
		
		.container_24 .grid_12 {	width:460px;}
		
		.container_24 .grid_13 {	width:500px;}
		
		.container_24 .grid_14 {	width:540px;}
		
		.container_24 .grid_15 {	width:580px;}
		
		.container_24 .grid_16 {	width:620px;}
		
		.container_24 .grid_17 {	width:660px;}
		
		.container_24 .grid_18 {	width:700px;}
		
		.container_24 .grid_19 {	width:740px;}
		
		.container_24 .grid_20 {	width:780px;}
		
		.container_24 .grid_21 {	width:820px;}
		
		.container_24 .grid_22 {	width:860px;}
		
		.container_24 .grid_23 {	width:900px;}
		
		.container_24 .grid_24 {	width:940px;}	
		
		
		
		
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px*/

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
		/* Containers
		------------------------------------------------------------*/

		.container_24/* ,#page */ {width: 720px;}
		
		.container_24 .grid_1 {width:10px;}

		.container_24 .grid_2 {width:40px;}

		.container_24 .grid_3 {width:70px;}

		.container_24 .grid_4 {width:100px;}

		.container_24 .grid_5 {width:130px;}

		.container_24 .grid_6{width:160px;}

		.container_24 .grid_7 {width:190px;}

		.container_24 .grid_8 {width:220px;}

		.container_24 .grid_9 {width:250px;}

		.container_24 .grid_10 {width:280px;}

		.container_24 .grid_11 {width:310px;}

		.container_24 .grid_12 {width:340px;}

		.container_24 .grid_13 {width:370px;}

		.container_24 .grid_14 {width:400px;}

		.container_24 .grid_15 {width:430px;}

		.container_24 .grid_16 {width:460px;}

		.container_24 .grid_17 {width:490px;}

		.container_24 .grid_18 {width:520px;}

		.container_24 .grid_19 {width:550px;}

		.container_24 .grid_20 {width:580px;}

		.container_24 .grid_21 {width:610px;}

		.container_24 .grid_22 {width:640px;}

		.container_24 .grid_23 {width:670px;}

		.container_24 .grid_24 {width:700px;}
		
    }

/* Small tablet portrait
================================================== */
  
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px)  {
        .container_24/* ,#page */ {width:420px;}
		.alpha .alpha,
		.omega .alpha { margin-right:0 }
		.alpha .omega,
		.omega .omega { margin-left:0 }
		
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7 ,
		.grid_8,
		.grid_12,
		.grid_15,
		.grid_16,
		.grid_17,
		.grid_18,
		.grid_20,
		.grid_24{margin:0}
		
		.container_24 .grid_3 ,
		.container_24 .grid_4 ,
		.container_24 .grid_5 ,
		.container_24 .grid_6 ,
		.container_24 .grid_7 ,
		.container_24 .grid_8 ,
		.container_24 .grid_12 ,
		.container_24 .grid_15 ,
		.container_24 .grid_16 ,
		.container_24 .grid_17,
		.container_24 .grid_18 ,
		.container_24 .grid_20,
		.container_24 .grid_24{width:420px;float:none; display:block}
    }
	
  /* Note: Design for a width of 320px */

    @media only screen and (max-width: 479px) {
        .container_24/* ,#page */ {width: 300px;}
		.alpha .alpha,
		.omega .alpha { margin-right:0 }
		.alpha .omega,
		.omega .omega { margin-left:0 }
		
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7 ,
		.grid_8,
		.grid_12,
		.grid_15,
		.grid_16,
		.grid_17,
		.grid_18,
		.grid_20,
		.grid_24{margin:0}
		
		
		.container_24 .grid_3 ,
		.container_24 .grid_4 ,
		.container_24 .grid_5 ,
		.container_24 .grid_6 ,
		.container_24 .grid_7 ,
		.container_24 .grid_8 ,
		.container_24 .grid_12 ,
		.container_24 .grid_15 ,
		.container_24 .grid_16 ,
		.container_24 .grid_17,
		.container_24 .grid_18 ,
		.container_24 .grid_20,
		.container_24 .grid_24{width:300px;float:none; display:block}


    }
	
	
.clear {
  clear: both;
  display: block;
}


.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}