*

{

	margin:0px;

	padding:0px;

	outline: none;

	border:none;	 

}

body 

{

}

#main

{

	width:100%;

	

}

#contanier1

{

	width:835px;

	margin:20px auto;

	//border:solid 1px #CCCCCC;

	height:650px;

	//background-color:#F9F9F9;

	//display:none;

	

}

#colour_code

{

	width:415px;


	float:left;

	

}

#container

{

	width:415px;

	height:650px;

	overflow:scroll;

	overflow-x:hidden;

	border:solid 1px #CCCCCC;

	margin-top:10px;



	

}

#colour_images

{

	width:420px;

	height:650px;

	float:right;

	

}

#table

{

	width:400px;

}

td

{

	text-align:center;

	

	height:103px;

	width:73px;

	

	

	cursor:pointer;

	background-color:#E6E3E3;

	border:solid 1px #f2f2f2;

}

td img

{

	

}

td p

{

	height:30px;

	width:73px;

	border:solid 1px #BDBCBD;

	background-color:#FFF;

	color:#000000;

	line-height:30px;

	text-align:center;

	font-family:Arial;

	font-size:14px;

}

#name

{

	height:50px;

	width:400px;

}

#name h1

{

	color:#000000;

	font-size:24px;

	font-family:Georgia, "Times New Roman", Times, serif;

	line-height:50px;

	margin-left:3px;

}

#button

{
	width:420px;
	margin-top:25px;
}

#button p

{

	color:#8e8e8e;

	font-family:Arial;

	font-size:16px;

	text-align:center;

	position:absolute;

	height:40px;

	width:400px;

	display:none;

	line-height:40px;

	

}

#colour_images p, #colour_code p

{

	color:#8e8e8e;

	font-family:Arial;

	font-size:16px;

	text-align:center;

}

#button ul

{

	margin-top:40px;

	margin-left:10px;

	display:inline-block;

}

#button ul li

{

	list-style:none;

	float:left;

	margin-left:0px;

}

#button ul li a

{

	color:#FFFFFF;

	font-family:Arial;

	font-size:16px;

	text-align:center;

	background:url(../images/colors/buttoncolor.png);

	height:44px;

	line-height:38px;

	display:inline-block;

	border-radius:5px;

	text-decoration:none;

	width:133px;

	cursor:pointer;

}

#button ul li:hover a, .selected

{

	background:url(../images/colors/buttoncolor.png) 0 -40px no-repeat !important;

}

#btn

{

	width:400px;

	height:40px;

	margin-top:-55px;

}

#btn ul

{

	margin-left:60px;

}

#btn ul li

{

	list-style:none;

	float:left;

}

#btn ul li a

{

	color:#FFFFFF;

	font-family:Arial;

	font-size:16px;

	text-align:center;

	background:url(../images/colors/buttoncolor.png);

	height:44px;

	line-height:38px;

	display:inline-block;

	border-radius:5px;

	text-decoration:none;

	width:133px;

	cursor:pointer;

}

#btn ul li:hover a, .selected1

{

	background:url(../images/colors/buttoncolor.png) 0 -40px no-repeat !important;

}

.selected11

{

	background:url(../images/colors/buttoncolor.png) 0 -40px no-repeat !important;

}

#images

{

	height:287px;

	width:390px;

}

#button1

{

	height:30px;

	width:200px;

	background-color:#FFFFFF;

	border-radius:8px;

	color:#FFFFFF;

	font-family:Arial;

	font-size:14px;

	text-align:center;

	margin-left:90px;

	margin-top:10px;

	cursor:pointer;	

	//border:solid 1px #FFFFFF;

		-moz-box-shadow: 0 0 10px #666666;

	-webkit-box-shadow: 0 0 10px #666666;

	box-shadow: 0 0 10px #666666;

}

#step-1, #step-2, #step-3

{

	height:400px;

	width:390px;

    margin-left:15px;

	position:absolute;

	margin-top:60px;

	display:none;

}

#button2, #button3, #button11, #button22

{

	height:30px;

	width:150px;

	background-color:#FFFFFF;

	border-radius:8px;

	color:#FFFFFF;

	font-family:Arial;

	font-size:14px;

	text-align:center;

	margin-top:10px;

	float:left;

	cursor:pointer;

	margin-left:20px;

	//border:solid 1px #FFFFFF;

		-moz-box-shadow: 0 0 10px #666666;

	-webkit-box-shadow: 0 0 10px #666666;

	box-shadow: 0 0 10px #666666;

}

#seg_1, #seg_2, #seg_11, #seg_22

{

	position:absolute;

	height:400px;

	width:400px;

	display:none;

}

#button_seg1, #button_seg2, #button_seg3, #button_seg11, #button_seg22, #button_seg33

{

	height:30px;

	width:130px;

	background-color:#FFFFFF;

	border-radius:8px;

	color:#FFFFFF;

	font-family:Arial;

	font-size:11.5px;

	text-align:center;

	margin-top:10px;

	float:left;

	cursor:pointer;

	margin-left:5px;

	//border:solid 1px #FFFFFF;

		-moz-box-shadow: 0 0 10px #666666;

	-webkit-box-shadow: 0 0 10px #666666;

	box-shadow: 0 0 10px #666666;

}

.select

{

	border:solid 3px #FFFFFF !important;

		-moz-box-shadow: 0 0 10px #666666;

	-webkit-box-shadow: 0 0 10px #666666;

	box-shadow: 0 0 10px #666666;

}

.area9, .area8, .area11, .area12, .area13, #area1, #area2, #area4, #area5, #area6

{

	cursor:pointer !important;

}

map

{ 

   cursor:pointer !important;

}