body {
	background-color:#fff; 
	color: #000;
	font-family: arial, sans-serif; 
	font-size:75%;
}
body,p,h1,h2,h3,h4,dl,dt,dd,ul,ol,li,form {
	padding:0;
	margin:0
}
a {
	color: #00f;
}
a:visited {
	color: #639;
}
a:active {
	color: #000;
}
a img {
	border:0
}
p, h1, h2, h3, h4, ul, ol, dl {
	padding-bottom: 1em;
}
h1 {font-size:170%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}

li {
	margin-left:1.5em;
}
/*--HEADER--*/
#container {
	width:1002px;
	overflow:hidden; /*hiding the extended width of nav bar so that it does not wrap */
	position:relative; /*need to force IE7 & 6 to crop nav bar extended width */
}
#mainmenu , #header h1, #header h1 a ,#header .dSketch,#header address,#header address span, #footer {
	display: none;
}

#sketch {position:absolute}
#header {width:100%;height:100px;margin-bottom:20px;display:block;clear:both;border-bottom:1px solid #ccc;}
#header #logo {margin:16px 0 0 166px;float:left}
#header #info {width:200px;height:60px;text-align:right;line-height:16px;padding:0;margin:22px 14px 0 0;display:block;float:right}
#header .whatsnew {display:none;visibility:hidden}


/*--CONTENT AREA GENERAL--*/
#content {
	clear:both;
	margin:0 0 2em 5px;
	float:left; /* eliminates need to use hr clearer, FNE method orderedlist.com, must set width */
	width:1000px; /* width needs to be set for FNE method */
	display:inline; /* eliminates the double margin error in IE */
}
#content .breadcrumb {
	width:100%;
	display: block;
	clear:both;
}

#bBlank #content p {
	line-height:140%;
	text-align:justify;
}
#bBlank h2 {
	background: url("../images/bg_bar.gif") repeat-x 0 80%;
}

/* CONTENT AREA DETAIL DISPLAY */
#dLeft {
	float:left;
	width:350px;
}
#dRight {
	display: none;
}
#dCenter {
	margin: 0 264px 0 355px;
}
.wide #dLeft {
	float:left;
	width:475px;
}
.wide #dRight {
	float:right;
	width:134px; /* so that 6 swatch boxes fit */
}
.wide #dCenter {
	margin: 0 139px 0 479px;
}

/**
 * wcc 10.16.2007
 */
.center-wide #dLeft {
	float:left;
	width:350px;
}
.center-wide #dRight {
	float:right;
	width:134px; /* so that 6 swatch boxes fit */
}
.center-wide #dCenter {
	margin: 0 139px 0 360px;
}
/**
 * /wcc 10.16.2007
 */
.twoCols #dLeft {
	float:left;
	width:700px;
}
.twoCols #dRight {
	float:right;
	width:288px; /* so that 6 swatch boxes fit */
}
/**
 * wcc 1.14.2008
 */
.two-columns #dLeft{
	float: left;
	clear: both;
	width: 350px;
} 
.two-columns #dRight{
	float: right;
	clear: right;
	width: 630px;
}
.two-columns #dCenter{
	float: right;
	width: 630px;
	margin: 0;
}
#bDetail #dLeft {
	background: url('../images/loading.gif') no-repeat 50% 30%;
}
#dLeft img {
	clear:both;
	display:block;
	margin: 0 auto;
}
#dLeft #aZoomMain { /* anchor acts as image wrapper */
	display:block; 
	width:100%; /* maximum width*/
	background-repeat:no-repeat;
	overflow: hidden;
	position:relative; /* needed to position absolute dial */
}
#dLeft #iDefaultDial {
	position:absolute; /* dial top and left position is indicated in each product XML */
}
#dLeft p, #bBlank #dLeft p  {
	padding-top:1em;
	text-align:center;
	width:100%;
}
#dCenter ul {
	list-style:none;
}
#dCenter ul.bullets {
	list-style:square;
}
#dCenter li {
	margin:0;
}
#dCenter h3, #dRight h3 {
	padding: 0 0 .2em 0;
	font-size:100%;
	text-decoration:underline;
}

/*--FLOATED LISTS--*/
.dFloaty {
	width:100%;
	float:left; /* FNE method, must set width */
	padding-bottom:1em;
}
.dFloaty ul li {
	display:block;
	float:left;
	margin: 0 2px 2px 0;
	text-align:center;
	background-repeat:no-repeat;
}
.dFloaty img {
	display:block; /* gets rid of 3px when images are displayed inline (default display for images) */
}
.dFloaty li, .dcategories li {
	font-size:95%;
}
.dFloaty a:visited, .dFloaty a:active, .dcategories a:visited, .dcategories a:active {
	color: #000; 
}
.dFloaty a:hover {
	color: #c00; 
}
.dFloaty ul li a, .dcategories ul li a {
	color:#000;
	text-decoration:none;
}
.dAltImages ul li a {
	display:block;
	float:left;
}
.dAltImages ul li a {
	height:118px;
	width:125px;
}
.dAltImages ul li a span {
	display:block;
	background:#fff;
	margin:101px 0 0 0;
	height:18px;
}

.dSiblings a.active img {
	border-bottom: 1px solid #666;
}
.aPsudoH3 {
	font-weight:bold;
	text-decoration:underline;
	padding-left:25px;
	color:#000;
	background: url('../images/icon_open_close.gif') no-repeat 0 -9px;
}
.dStraps ul {
	margin-top:2px;
}
/**
 * @added wcc 2.18.2008
 */
.dStraps ul li{
	margin: 0 1px 2px 0; 
}
.dStraps ul li img {
	width:37px;
	height:20px;
}
.dClosed .aPsudoH3 {
	background: url('../images/icon_open_close.gif') no-repeat 0 -39px;
}
.dClosed ul {
	display:none;
}
.dOpen ul {
	display:block;
	padding-left: 25px;
}
/*CATEGORIES LISTS*/
.dcategories ul, .dproducts {
	display: none;
}


/*--IMAGE CONTROLS--*/
.dImageControlsBottom{
	display: none;
}

.aEmail {
	background: url('../images/icon_email_go.gif') no-repeat 0 0;
}
.aZoom {
	background: url('../images/icon_zoom_in.gif') no-repeat 0 0;
}
.aRefresh {
	background: url('../images/icon_refresh.gif') no-repeat 0 0;
	visibility:hidden;
}
/*--LARGE IMAGE SECTION --*/
#dLargeImage {
	display:none;
	margin: 0 auto;
}
#dLargeImage img {
	padding: 12px;
	border: 1px solid #ccc;
}
#dLargeImage p {
	padding: 0 0 .5em;
	text-align: right;
	background: url('../images/bg_bar.gif') repeat-x 0 100%;
}
#dLargeImage a {
	margin-right:5px;
	padding: 0 26px 10px 0;
	background: url('../images/icon_zoom_out.gif') no-repeat 100% 0;
	font-size:90%;
	color: #000;
	text-decoration: none;
	line-height:22px;
}
/*--COMMON USED STYLES--*/
.pPricing a {
	clear:both;
	text-decoration:none;
	text-indent:-3000px;
	display:block;
	margin:0 auto;
	width:112px;
	height:30px;
	background: url("../images/icon_pricing.gif") no-repeat 0 100%;
}
.pPricing a:hover {
	background-position:0 0;
}
.hilite {
	color:#f00;
}
.clearer {
	clear:both
}
.bullets {
	list-style-type: square;
	margin: 0 0 0 1.5em;
}
.highContrast {
	position: relative;
	color: #000;
	margin:0 auto;
	font-family:"Times New Roman",serif;
	font-style:italic;
}
.highContrast span {
	background: url("../images/icon_ornament_top.gif") no-repeat 50% 0;
	padding:1.2em 0;
	position: relative;
	display:block;
	text-align:center;
}
span.shadow {
	background: url("../images/icon_ornament_bottom.gif") no-repeat 50% 100%;
	position: absolute;
	top: 1px;
	left: 1px;
	color: #ccc;
	width:100%;
}

/*--FORMS --*/ 
.dSignup form {
	margin-top:1em;
}
.dSignup input.text {
	padding:0;
	margin:0;
	height:20px;
	width:150px;
	margin-bottom:3px;
	vertical-align:bottom;
}
.dSignup input.image {
	vertical-align:bottom;
	padding:0;
}
/*--MULTIMEDIA OBJECTS--*/
.dMovie object {
	display:block;
	margin:0;
	padding:0;
}

/**
 * items we want to be hidden on screen but shown on print
 */
#header_print {
	 /* height of h1 + menu */
	float:left;
	width:100%;
	position: relative; /* needed to position the sketch absolute */
	z-index:101;
	margin: 0;
	padding: 0;
}
#header_print img{
	
}

.dcategories_print ul, .dproducts_print {
	text-align:center;
	padding: 0;
}
.dproducts_print ul li {
	display:inline;
	margin:0;
}
.dcategories_print ul li {
	display:inline;
	margin:0;
	position:relative;	
	padding: 0;
}
.dcategories_print img {
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:50% 0;
	height:252px; /*210px + 41px*/
	display:inline;
	padding: 0;	
	margin: 15px 5px 15px 5px;
}
.dcategories_print ul li span.text {
	position:absolute;
	z-index:1;
	top: 250px;
	left:0;
	height:29px;
	width:160px;
	text-align:center;
	padding-top:13px;
	line-height:11px;
	background-color: #fff;
	margin: 0 auto;
}
#screen{
	display: none;
}
#list_description_print{
	text-align: center;
	font-size: 14px;
	padding: 0 0 10px 0;
	font-weight: bold;
	font:Georgia, "Times New Roman", Times, serif;	
}
#list_description_print img{
	margin: 0 auto;
}
#list_description{
	display: none;
}
/**
 * interview pages
 * @added wcc 2.19.2008
 */
#interview_nav{
	width:250px;
	float:left;
}

.interview_wrapper{
	border: 2px solid #ccc;
	margin: 5px 0 5px 0;
	padding: 10px;
}
#interview_nav  ul li{
	border: 2px solid #ccc;
	margin: 2px 0 2px 0;
	text-align: center;
	list-style: none;
	padding: 5px;
}