@charset "UTF-8";
/* CSS Document */

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	background-color:#f6f6f6;
	margin:0;
	padding:0;
	color:#444;
	margin:auto;
	
}

.clr {
	clear:both;
}
a {
	color:#282141;
}
a img {
	border:none;
}

div {
	font-size:12px;
}

h1, h2, h3 {
	font-weight:normal;
	line-height:100%;
}

h1 {
	color:#333333;
	font-size:36px;	
	letter-spacing:-3px;

}
h2 {
	color:#64A1BF;
}

.fade {
	width:750px;
	margin:auto;
}

.highglights {
	
	list-style-image:url(images/accept.png);
	margin:0;
	padding:0;
	padding-left:23px;
	width:350px;
	float:left;
	
}

.highglights li {
	font-size:100%;
	vertical-align:top;
}

.highglights li span {
	display:block;
	font-size:82.25%;
	color:#666;
}

.section {
	display:none;
	padding:10px 30px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

#color1, #color2 {
	padding:35px 5px;
	vertical-align:middle;
	text-align:center;
	width:75px;
	margin:1px;
	border:1px solid #EFEFEF;
	margin-bottom:15px;
}
#color1:focus, #color2:focus {
	border: 3px solid #333;
}

#colorinputs {
	width:100px;
	float:left;
}

#picker {
	float:left;
}

.previewimage {
	float:left;
	border:1px solid #ddd;
	margin-bottom:10px;
	margin-right:20px;
}

.imagebuttons {
	margin:0;
	padding:0;

}

.imagebuttons li {
	list-style:none;
	display:inline;
	padding:0;
}
.mylist li {
	
	font-weight:bold;
	line-height:150%;
}

.mylist {

	width:300px;
	margin-left:300px;
}

.previewbutton {
	margin-left:50px;
	cursor:pointer;
}

.inline {
	display:inline;	
}
.inline li {
	float:left;
	list-style:none;
	margin-right:10px;
}

.inline li a{
	display:block;
	background:#EEE;
	padding:5px 8px;
	text-decoration:none;
}

.inline li a:hover{

	background:#DDD;
	
}