/* Layout Stylesheet */ 

#toolbar{
	background: url(../images/toolbar_coloryourone_bg.png) no-repeat;
}

/* Feeling */
#middle_banner_coloryourone{
	position: absolute;
	top: 80px;
	left: -400px;
	width: 100%;
	height: 600px;
	border: 0px solid #cacacd;
	background-image: url(../images/coloryourone_bg.png);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	z-index: 2;
}
 
#middle_banner_coloryourone_sx{
	position: relative;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_sx.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_c{
	position: absolute;
	top: 0px;
	left: 483px;
	width: 547px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_c.png);
	margin: 0;
	padding: 0;
	z-index: 3;
}
#middle_banner_coloryourone_c .blue{
	background-image: url(../images/middle_banner_coloryourone_c_blue.png);
}
#middle_banner_coloryourone_c .white{
	background-image: url(../images/middle_banner_coloryourone_c_white.png);
}
#middle_banner_coloryourone_c .black{
	background-image: url(../images/middle_banner_coloryourone_c_black.png);
}
#middle_banner_coloryourone_c .red{
	background-image: url(../images/middle_banner_coloryourone_c_red.png);
}

#middle_banner_coloryourone_dx{
	position: absolute;
	top: 0px;
	left: 1024px;	
	width: 391px;
	/*width: auto;*/
	/*width: 100%;*/
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_dx.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 2;
}


/* BLUE */
#middle_banner_coloryourone_sx_blue{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_sx_blue.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_c_blue{
	position: absolute;
	top: 0px;
	left: 483px;
	width: 547px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_c_blue.png);
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_dx_blue{
	position: absolute;
	top: 0px;
	left: 1024px;	
	width: 391px;
	/*width: auto;*/
	/*width: 100%;*/
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_dx_blue.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 2;
}

/* END BLUE */

/* WHITE */
#middle_banner_coloryourone_sx_white{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_sx_white.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_c_white{
	position: absolute;
	top: 0px;
	left: 483px;
	width: 547px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_c_white.png);
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_dx_white{
	position: absolute;
	top: 0px;
	left: 1024px;	
	width: 391px;
	/*width: auto;*/
	/*width: 100%;*/
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_dx_white.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 2;
}

/* END WHITE */

/* BLACK */
#middle_banner_coloryourone_sx_black{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_sx_black.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_c_black{
	position: absolute;
	top: 0px;
	left: 483px;
	width: 547px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_c_black.png);
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_dx_black{
	position: absolute;
	top: 0px;
	left: 1024px;	
	width: 391px;
	/*width: auto;*/
	/*width: 100%;*/
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_dx_black.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 2;
}

/* END BLACK */

/* RED */
#middle_banner_coloryourone_sx_red{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_sx_red.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_c_red{
	position: absolute;
	top: 0px;
	left: 483px;
	width: 547px;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_c_red.png);
	margin: 0;
	padding: 0;
	z-index: 3;
}

#middle_banner_coloryourone_dx_red{
	position: absolute;
	top: 0px;
	left: 1024px;	
	width: 391px;
	/*width: auto;*/
	/*width: 100%;*/
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_dx_red.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 2;
}

/* END RED */
#middle_banner_coloryourone_extend{
	position: absolute;
	top: 0px;
	left: 1410px;
	/*width: 435px;*/
	/*width: auto;*/
	width: 100%;
	height: 335px;
	border: 0px solid #cacacd;
	background-image: url(../images/middle_banner_coloryourone_extend.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	z-index: 1;
}
#arrow_left{
	position: absolute;
	top: 150px;
	left: -20px;
	width: 38px;
	height: 43px;
	border: 0px solid #cacacd;
	/*background-image: url(../images/arrow_left.png);*/
	margin: 0;
	padding: 0;
	z-index: 4;
}
#arrow_right{
	position: absolute;
	top: 150px;
	left: 400px;
	width: 38px;
	height: 43px;
	border: 0px solid #cacacd;
	/*background-image: url(../images/arrow_right.png);*/
	margin: 0;
	padding: 0;
	z-index: 4;
}
#arrow_left a{
	cursor:pointer;
}
#arrow_right a{
	cursor:pointer;
}

#middle_box_coloryourone{
	position: relative;
	top: 1px;
	left: 1px;
	border: 0px solid #cacacd;	
	margin: 0;
	padding: 0;
	z-index: 4;
}
#middle_box_coloryourone .blue{
	width: 502px;
	height: 318px;
	background-image: url(../images/middle_box_a10_coloryourone_blue.png);
}
#middle_box_coloryourone .white{
	width: 487px;
	height: 285px;
	background-image: url(../images/middle_box_a10_coloryourone_white.png);
}
#middle_box_coloryourone .black{
	width: 502px;
	height: 317px;
	background-image: url(../images/middle_box_a10_coloryourone_black.png);
}
#middle_box_coloryourone .red{
	width: 502px;
	height: 315px;
	background-image: url(../images/middle_box_a10_coloryourone_red.png);
}


/* Slide */

#box {
	width:300px;
}