/* 
	Theme Name: ctd
	Theme URL:
	Description: agent s

*/
#aus{
padding:0px 0px 0px 0px;	
margin:0px 0px 0px 0px;
}
.current_page_ancestor {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.current_page_parent {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

li {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

ul {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

.sideadd {float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

.sideadd li{float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

.sideadd ul{float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.sideadd tr{float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.sideadd td{float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}



html 					{height: 100%;margin-bottom: 1px;}

table h2{ font:16px arial;color:#000000;margin:0 auto 0 auto; font-weight:bold;}

table { width:500px;vertical-align:top;}
td h2 a {text-decoration:none;vertical-align:top;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font:16px arial,sans-serif;font-weight:bold;}
td h2 a:link {color:#213049;}
td h2 {margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}
td h2 a:hover {color:#009900;text-decoration:none;}
td{vertical-align:top;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

.boxbold			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxbold p			{ font:16px arial;color:#000000;margin:0 auto 0 auto;font-weight:bold; }

.boxblink			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxblink p			{ font:16px arial;color:#000000;margin:0 auto 0 auto;text-decoration:blink; }

.boxlt				{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxlt p				{ font:16px arial;color:#000000;margin:0 auto 0 auto;text-decoration:line-through; }


.boxnone			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxnone p			{ font:16px arial;color:#000000;margin:0 auto 0 auto;text-decoration:none; }


.boxover			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxover p			{ font:16px arial;color:#000000;margin:0 auto 0 auto;text-decoration:overline; }


.boxunder			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxunder p			{ font:16px arial;color:#000000;margin:0 auto 0 auto;text-decoration:underline; }






.boxinner			{ background:#ffffff;width:400px;min-height:20px;margin:20px 0px 0px 30px;padding:0px 0px 40px 0px;float:left;text-align:left;}
.boxinner2			{ background:#ffffff;width:200px;min-height:20px;margin:0px 0px 0px 30px;padding:0px 0px 40px 0px;float:left;text-align:left;}
.boxinner a			{ font:12px arial;font-weight:bold;text-decoration:none;color:#0B0A66;}
.boxinner a:hover	{ text-decoration:underline;}
.boxinner h1			{ font:14px arial;font-weight:bold;text-decoration:none;color:#0B0A66;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.boxinner h2			{ font:22px arial;font-weight:bold;text-decoration:none;color:#0B0A66;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}
.boxinner p			{ font:14px arial;line-height:18px;}

.boxinnerl			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:left;}
.boxinnerl h2		{ font:16px arial;text-decoration:none;color:#000000;margin:0 auto 0 auto;}

.boxcolor1			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxcolor1 p			{ font:16px arial;color:#E90C04;margin:0 auto 0 auto; }

.boxcolor2			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxcolor2 p			{ font:16px arial;color:#30EB17;margin:0 auto 0 auto; }

.boxcolor3			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxcolor3 p			{ font:16px arial;color:#1308AE;margin:0 auto 0 auto; }

.boxcolor4			{ background:#ffffff;width:228px;min-height:20px;margin:0 auto 0 auto;padding:0 0 0 0;float:right;}
.boxcolor4 p			{ font:16px arial;color:#AB0FA0;margin:0 auto 0 auto; }















body {
	background: #000000;
	color: #202020;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #FFFFFF;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
min-height:800px;

	}

#wrap a{color:#00248E;text-decoration:none;}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #0A3056;

	}
	
a:hover {
	color: #2D7714;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	width: 980px;
	height: 60px;
	color: #FFFFFF;
	background: #000000;
	background-position:537px 0px;
	font-size: 16px;
	font-weight: normal;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#header p {

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
	
#header h1 {
	color: #FFFFFF;
	font-size: 32px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-decoration: none;
	}
	
#header h1 a, #header h1 a:visited {
	color: #FFFFFF;
	font-size: 28px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	text-decoration: none;
	margin: 0px;
	padding: 20px 0px 0px 0px;

	}
	
#header h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.headerleft {
	width: 470px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerright {
	
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;

	}
	
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;

	padding: 0px 0px 0px 3px;
	}
	
.headerright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}
	
/************************************************
*	Navbar  									*
************************************************/

#navbar {
	background: #788B71;
	width: 980px;
	height: 20px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbarleft {
	width: 500px;
	height: 20px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 445px;
	height: 20px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

#navbarright h1 {
float:left;
font:26px Arial;
color:#ffffff;
	margin: 0px;
	padding: 0px;
}
	
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;

	}
	
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

#nav a {
	border-left:1px solid #999999;
	color: #FFFFFF;
	display: block;
    font-weight: bold;
line-height:20px;
    margin: 0px 20px 0px 0px;
	padding: 0px 10px 0px 10px;
text-decoration:none;
	}
	
#nav a:hover {
	background: #4A7EB8;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 20px 0px 0px;

	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #4A7EB8;
	color: #FFFFFF;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #1A4E88;
	color: #FFFFFF;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 980px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}

#content p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #2255AA;
	font-size: 24px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h1 a  {
	color: #2255AA;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #2D7714;
	text-decoration: none;
	}
	
#content h3 {
	color: #2255AA;
	font-size: 24px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h4 {
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 502px;
	margin: 0px 0px 0px 0px;
	padding: 10px 30px 20px 0px;
min-height:800px;
	}

	#contentleft h1  {
	color:#213049;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft h1 a {
color:#0B223C;
	font:24px arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#contentleft h1 a:hover {
color:#1E488F;

	}

	
#contentleft ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.date {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #999999;
	}
	
.postmeta {
	width: 500px;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 40px 0px;

	}
	
blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #4A7EB8;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	
/************************************************
*	Images  					     		    * 
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption {
	margin: 0px;
	padding: 0px;
	}
	
.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	line-height: 12px;
	}
	
/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	float: left;
	width: 195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	line-height: 20px;
min-height:800px;
color:#00248E;
list-style:none;
	}

#l_sidebar a{
color:#00248E;
text-decoration:underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

	
#l_sidebar h2 {
	background: url(images/headline_right.gif);
	color: #FFFFFF;
	list-style:none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#l_sidebar h2 a{
	text-decoration:none;
	list-style:none;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 10px;
	}

#l_sidebar h2 a:hover{

	color: #f5f5f5;

	}
	
#l_sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#l_sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
#l_sidebar li .page_item{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}


	
#l_sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#l_sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li li {

	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
#l_sidebar ul li ul li {

	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
text-align:left;
	float: left;
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
min-height:800px;
color:#00248E;
list-style:none;
	}

#r_sidebar a{color:#00248E;
text-decoration:underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

	
#r_sidebar h2 {
	background: url(images/headline_right.gif);
	color: #FFFFFF;
	list-style:none;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height:27px;
	}


#r_sidebar h2 a{
	text-decoration:none;
	list-style:none;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 10px;
	}

#r_sidebar h2 a:hover{

	color: #f5f5f5;

	}

#r_sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#r_sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}


#r_sidebar .page_item li a{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

	
#r_sidebar ul li a{
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#r_sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul li li {

	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#r_sidebar ul li ul li {

	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #1A4E88;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#footer p {
	color: #FFFFFF;
	font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
	margin: 0px;	
	padding: 0px;
	}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.footerleft {
	width: 700px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
.footerright {
	width: 250px;
	float: right;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	text-align: right;
	}
	
/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 2px 2px 2px 2px;
	}
	
#s {
	background: #FFFFFF;
	width: 155px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #1A4E88 url(images/submit.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 500px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
	
.commentleft {
	width: 150px;
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.commentright {
	width: 300px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	margin: 0px 5px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#commentblock ol li {
	margin: 0px;
	padding: 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}
	
#name, #email, #url {
	background: #EAEAEA !important;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #EAEAEA !important;
	width: 460px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#submit {
	background: #1A4E88 url(images/submit.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	text-transform: uppercase;
	padding: 3px;
	margin: 0px;
	border: 1px solid #1A4E88;
	}








a:link{
  font-weight: bold;
  color: #0000CC;
  line-height: 25px;
}

a.small{

  color: #0000CC;
  line-height: 20px;
}



#Wheel{
float:left;
  height: 370px;
  width: 424px;


  text-align: center;
  border-right: 1px solid #CCCCCC;
}



#ColorInput{
  float:left;
  height: 100%;
  width: 100px;
  font: 13px verdana,arial,helvetica;
  color: #444444;
  font-weight: bold;
  text-align: center;
  background-color: #F4F4F2;
  border-right: 1px #AAAAAF solid;
  margin:0px 0px 0px 95px;
  
}

#ColorInput2{
  float:left;
  height: 100%;
  width: 100px;
  font: 13px verdana,arial,helvetica;
  color: #444444;
  font-weight: bold;
  text-align: center;
  background-color: #F4F4F2;
  border-right: 1px #AAAAAF solid;
  margin:0px 0px 0px 30px;
}

#rightBox{
  float:left;
  width: 166px;
  left: 610px;
  top: 80px; /* 198 */
  font: 11px arial,helvetica;
  color: #444444;
  /*background-color: #F4F4F2;
  border: 1px #AAAAAF solid;*/
}

#forumsBox{
  float:left;
  width: 166px;
  left: 610px;
  top: 386px; /* 401 */
  font: 11px arial,helvetica;
  color: #444444;
  /*background-color: #F4F4F2;
  border: 1px #AAAAAF solid;*/
}

#listBox{
  float:left;
  width: 166px;
  left: 610px;
  top: 80px; /* 80 */
  font: 11px verdana,arial,helvetica;
  color: #444444;
  background-color: #F4F4F2;
  border: 1px #AAAAAF solid;
}

.rightText{
  color: #666666;
  font: 11px tahoma,arial,helvetica;
  padding: 2px;
}

#palette{
  float:left;
margin:50px 0px 0px 0px;
  left: 158px;
}

.navBox{
  width: auto;
  height: auto;
  padding-top: 8px;
  border-right: 1px #E6E6E6 solid;
  border-bottom: 1px #E6E6E6 solid;
  background-color: #FCFCFA;
}

#currentColor{
	border: 1px solid;
	height: 90px;
	width: auto;
  cursor: pointer;cursor: hand;
  background-color:#FFFFFF;
}

.headSmall{
  color: #666666;
  font: 11px tahoma,arial,helvetica;

    margin:0px 0px 0px 95px;
	float:left;
}

.sideHead{
  width: auto;
  color: #777777;
  font: 11px/25px tahoma,arial,helvetica;
  font-weight: bold;
  text-align: center;
  border-top: 1px #FFFFFF solid;
  border-bottom: 1px #AAAAAF solid;

  background-color: #E8E8E6;
}

.rgbBox{
	width: 30px;
  color: #444444;
  font: 13px tahoma,arial,helvetica;
  text-align: center;
}

.hexBox{
	width: 54px;
  color: #444444;
  font: 13px tahoma,arial,helvetica;
  text-align: center;
}

.button{
  color: #333333;
  /*background-color: #E4E4DF;
  border: 1px;*/
  font: 11px tahoma,arial,helvetica;
  height: 23px;
  width: 90px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.currentBorder{
	border: 1px solid;
  height: auto;
	width: auto;
  border-left-color: #9D9DA1;
	border-top-color: #9D9DA1;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
  margin: 10px;
}

#swatch0{
	float:left;
	left: 0px;
  top: 0px;
}

#swatch1{
	float:left;
	left: 100px;
  top: 0px;
}

#swatch2{
	float:left;
	left: 200px;
  top: 0px;
}

#swatch3{
	float:left;
	left: 300px;
  top: 0px;
}

#swatch4{
	float:left;
	left: 300px;
  top: 90px;
}

#swatch5{
	float:left;
	left: 300px;
  top: 180px;
}

#swatch6{
	float:left;
	left: 300px;
  top: 270px;
}

#swatch7{
	float:left;
	left: 200px;
  top: 270px;
}

#swatch8{
	float:left;
	left: 100px;
  top: 270px;
}

#swatch9{
	float:left;
	left: 0px;
  top: 270px;
}

#swatch10{
	float:left;
	left: 0px;
  top: 180px;
}

#swatch11{
	float:left;
	left: 0px;
  top: 90px;
}

#swatchm1{
	float:left;
	left: 100px;
  top: 90px;
}

#swatchm2{
	float:left;
	left: 200px;
  top: 90px;
}

#swatchm3{
	float:left;
	left: 200px;
  top: 180px;
}

#swatchm4{
	float:left;
	left: 100px;
  top: 180px;
}

.swatch{
	padding: 10px;
	width: 85px;
	text-align: center;
}

.page_item {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}


.color{
	border: 1px solid;
	height: 54px;
	width: 70px;
  cursor: pointer;cursor: hand;
  background-color:#FFFFFF;
}

.border{
	border: 1px solid;
  height: 56px;
	width: 72px;
  margin-left: auto;
  margin-right: auto;
  border-left-color: #9D9DA1;
	border-top-color: #9D9DA1;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.rgb{
	font: 11px tahoma,arial,helvetica;
}

.hex{
	font: 11px tahoma,arial,helvetica;
}

img.screen {
  display: block;
  margin: 0 auto;
  border: 0;
  /*margin: 4px 0 12px 19px;*/
}
a.pcicon {
  display: block;
  background: #FBFDFE url(/images/winicon.gif) 6px 8px no-repeat;
  padding: 11px 6px 10px 32px;
  border-bottom: 1px solid #D4E7ED;
  font: 11px/17px arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
}
a.pcicon:hover {
  background-color: #FFF;
}
a.macicon {
  display: block;
  background: #FBFDFE url(/images/macicon.gif) 6px 9px no-repeat;
  padding: 11px 6px 10px 32px;
  border-bottom: 1px solid #D4E7ED;
  font: 11px/17px arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
}
a.macicon:hover {
  background-color: #FFF;
}
.sideoutline {
  border-top: 1px solid #D4E7ED;
  border-bottom: 1px solid #D4E7ED;
  /*border: 1px solid #D4E7ED;*/
  background-color: #F8FBFC;
  padding: 14px 0;
}