﻿#colortitle
{
	text-indent:30px;
	line-height:200%;
	margin: 10px 5px 10px 5px;
}

#epantone
{
	margin:0;
	height: 420px;
	/*border:solid 1px #808080;*/
	background-color:#eee;
	padding-left:5px;
	margin-top:20px;
}



#colorpanel
{
	margin-top:5px;
	float:left;
	width:600px;
	height:410px;
}

#colorpanel fieldset
{
	height:410px;
}

#colorshow
{
	margin:5px 2px 5px 2px;
	float:right;
	width:340px;
	/*border:solid 1px #808080;*/
	height:415px;
}

#colorshow .cl
{
	float:left;
	width:180px;
	height:250px;
}

#colorshow .cr
{
	float:right;
	width:150px;
	height:250px;
}

#buyer
{
	height:145px;
}

#colorshow fieldset div
{
	text-align:center;
	padding:5px;
	line-height:150%;
}

#html,
#rgb,
#rgb2
{
	height:50px;
}

#lab,
#cmyk
{
	height:90px;
}

#colorshow .mycolor ul,
#colorshow .cr ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#colorshow .mycolor li,
#colorshow .cr li
{
	text-transform: uppercase;
	text-align:left;
	padding:0px;
}

#colorshow .mycolor li span,
#colorshow .cr li span
{
	padding-left:30px;
}

#colorshow .mycolor
{
	clear:both;
	width:340px;
	background-color:#FEE39F;
	color:#091431;
}

#colorpanel div
{
	/*border:solid 1px red;*/
	height:47px;
}
	
#colorpanel .clear
{
	clear:both;
	height:0px;
}

#colorpanel ul
{
	list-style: none;
	padding: 0;
	margin: 0 !important;
	/*border:solid 1px blue;*/
	height:47px;
}

#colorpanel li
{
	text-transform: uppercase;
	margin: 0px 2px 2px 0px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	width:116px;
	height:35px;
	text-align:center;
	/*border:solid 1px red;*/
	float:left;
}

#colorpanel li.first
{
	margin-left:3px;
}

.section
{
	margin: 10px 5px 10px 5px;
	padding-bottom:10px;
	border-top:dotted 1px #808080;
}

#moreepantone
{
	height:120px;
}

.section div
{
	padding-top:10px;
}

.section p
{
	padding-left:10px;
}

.section ul
{
	padding-left:30px;
	list-style-type:square;
}

.section li
{
	line-height:150%;
}

#colorbar
{
	height:20px;
	
	padding-right:5px;
}

#colorbar div
{
	margin:0;
	padding:0;
	float:right;
	height:20px;
}

#colorbar input
{
	margin:0;
	padding:0;
	height:20px; 
	width:150px; 
	font-size:15px;
	border:solid 1px #808080;
}

#colorbar .img
{
	height:20px;
}

.top5
{
	padding-top:5px;
}


.top10
{
	padding-top:10px;
}

.top20
{
	padding-top:20px;
}

.h10
{
	height:10px;
}

.h20
{
	height:20px;
}

.h30
{
	height:30px;
}

.h60
{
	height:60px;
}

.h70
{
	height:70px;
}

.h80
{
	height:80px;
}

.h90
{
	height:90px;
}

.h100
{
	height:100px;
}

.h120
{
	height:120px;
}