﻿#main {
    position:relative;
    float:left;
	width:396px;
	height:470px;
	margin:0px;
	padding:0px 18px 0px 30px;
}

#main-swatches #main
{
	position:relative;
    float:left;
	width:577px;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 30px;
}

#thumbContainer {
    position:relative;
    float:left;
	width:164px;
	height:470px;
	/*padding: 10px;
	margin: 0 30px;*/
	margin:8px 0px 0px -9px;
}

#content 
{
	width:500px;
}

IMG.thumbs {
	height: 68px;
	width: 68px;
	margin:0px 0px 9px 9px;
	cursor: pointer;
}
.highslide{cursor: url('/PPG.VOC.Pittsburgh/en/inspicafe/voc/hacienda/images/zoomin.cur'), pointer; outline: none;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .clearfix { height:1px; }
*+html .clearfix { display:inline-block; } 

.noteBas{font-size:10px; font-family:Verdana,Arial,Sans-Serif;}
.item {display:block;margin-bottom:10px;font-size:11px;}
.itemForm {position:relative;margin-bottom:10px;font-size:11px;width:85px;height:125px;border:0px solid;float:left;margin-right:10px;}

.swatch {width:100px;height:100px;float:left;margin-right:10px;}
.swatchForm {width:70px;height:50px;}

.item dl, .itemForm dl {padding:0;margin:0;font-family:Verdana, Arial, Sans-Serif;}
.item dl dt, .itemForm dl dt {font-weight:bold;color:#808285;}
.item dl dd.num, .itemForm dl dd.num {color:#9C9EA0;}
.itemForm dl dd {margin:0;}
.cbx {position:absolute;bottom:0;left:0;}


.item dl {width:230px; float:left;}
.item dl dt {margin:0;}
.item dl dd {position:relative; margin:0;}

/* red */
.red-1 {background:#D4D1B8;}
.red-2 {background:#b83c28;}
.red-3 {background:#a01e21;}
.red-4 {background:#de4127;}
.red-5 {background:#5d292e;}
.red-6 {background:#722b21;} /* not found */

/* pink */
.pink-1 {background:#fff1e8;}
.pink-2 {background:#fde0d8;}
.pink-3 {background:#e54958;}
.pink-4 {background:#f26974;}
.pink-5 {background:#a1313c;}
.pink-6 {background:#d5795e;}

/* orange */
.orange-1 {background:#d1cdb0;}
.orange-2 {background:#ecbb6f;}
.orange-3 {background:#f89548;}
.orange-4 {background:#ce492a;} 
.orange-5 {background:#e97e5e;} 
.orange-6 {background:#e39e60;}

/* yellow */
.yellow-1 {background:#f9f4da;}
.yellow-2 {background:#feeeb4;}
.yellow-3 {background:#fbc96f;}
.yellow-4 {background:#ffcc4f;} /* not found */
.yellow-5 {background:#d8c95b;} /* not found */
.yellow-6 {background:#dfcc99;}

/* green */
.green-1 {background:#dde0be;}
.green-2 {background:#d1d395;}
.green-3 {background:#c8cc9c;}
.green-4 {background:#a19f5d;}
.green-5 {background:#b0bc99;}
.green-6 {background:#9ab630;} /* not found */

/* turquoise */
.turquoise-1 {background:#eaf6ef;}
.turquoise-2 {background:#c6e0d5;}
.turquoise-3 {background:#9fc8b9;}
.turquoise-4 {background:#009996;}
.turquoise-5 {background:#c2cfb1;}
.turquoise-6 {background:#366462;}

/* blue */
.blue-1 {background:#f6f3e1;}
.blue-2 {background:#e6ebf2;}
.blue-3 {background:#cfd6da;}
.blue-4 {background:#bed1d6;}	
.blue-5 {background:#495e6f;}
.blue-6 {background:#1a1f40;}

/* violet */
.violet-1 {background:#f8eeed;}
.violet-2 {background:#d5cfd4;}
.violet-3 {background:#e0ccca;}
.violet-4 {background:#c0becb;}
.violet-5 {background:#442d41;} /* not found */
.violet-6 {background:#5d565f;}

/* white */
.white-1 {background:#fffef3;}
.white-2 {background:#e9e9e6;} /* 233-233-230 */ 
.white-3 {background:#fffee9;}
.white-4 {background:#f0ecd3;}
.white-5 {background:#D1CBC1;}
.white-6 {background:#E8E3DB;}

/* neutrals */
.neutrals-1 {background:#E1DFD8;}
.neutrals-2 {background:#e9dfbe;}
.neutrals-3 {background:#dacdb4;}
.neutrals-4 {background:#c6bbb0;}
.neutrals-5 {background:#caba93;}
.neutrals-6 {background:#ac987f;}
.neutrals-7 {background:#B7B8B3;}

/* brown */
.brown-1 {background:#C8C2B5;}
.brown-2 {background:#544a43;} /* not found */
.brown-3 {background:#6e5e49;}
.brown-4 {background:#4a3d41;}
.brown-5 {background:#583433;}
.brown-6 {background:#46372f;}

/* black */
.black-1 {background:#B9B3AF;}
.black-2 {background:#645954;}
.black-3 {background:#55504d;}
.black-4 {background:#423f48;}
.black-5 {background:#443532;}
.black-6 {background:#2a2625;}

/******************
table colors
*/

.swatchSubmit 
{
	margin:30px 0;
}

.swatchSubmit input
{
	border:1px solid #BFB9A2;
}

.warning_colors
{
	margin-left:36px;
	}
