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

BODY {
	FONT-SIZE: 13PX; COLOR: #ffffff; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
TABLE {
	FONT-SIZE: 13PX; COLOR: #ffffff; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
TR {
	FONT-SIZE: 13PX; COLOR: #000000; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
TD {
	FONT-SIZE: 13PX; COLOR: #000000; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
P {
	FONT-SIZE: 13PX; COLOR: #000000; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
LI {
	FONT-SIZE: 13PX; COLOR: #49545a; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
OL {
	FONT-SIZE: 13PX; COLOR: #49545a; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
UL {
	FONT-SIZE: 13PX; COLOR: #49545a; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
FORM {
	FONT-SIZE: 13PX; background-color: #ffffff;  COLOR: #000000; FONT-FAMILY: trebuchet, trebuchet ms, sans-serif
}
BODY {
	BACKGROUND-COLOR: #ffffff;COLOR: #000000;
}
A.leftnav:link {
	FONT-SIZE: 11PX; COLOR: #cccccc; TEXT-DECORATION: none
}
A.leftnav:visited {
	FONT-SIZE: 11PX; COLOR: #666634; TEXT-DECORATION: none
}
A.leftnav:hover {
	FONT-SIZE: 11PX; COLOR: #666634; TEXT-DECORATION: underline
}
A.topnav:link {
	FONT-SIZE: 11PX; COLOR: #993300; TEXT-DECORATION: underline
}
A.topnav:visited {
	FONT-SIZE: 11PX; COLOR: #993300; TEXT-DECORATION: underline
}
A.topnav:hover {
	FONT-SIZE: 11PX; COLOR: #f63003; TEXT-DECORATION: underline
}
A.boldnavlink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11PX; COLOR: #49545a; TEXT-DECORATION: underline; weight: bolder
}
A.boldnavlink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11PX; COLOR: #49545a; TEXT-DECORATION: underline; weight: bolder
}
A.boldnavlink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11PX; COLOR: #49545a; TEXT-DECORATION: underline; weight: bolder
}
A.boldlink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 13PX; COLOR: #3f587a; TEXT-DECORATION: underline; weight: bolder
}
A.boldlink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13PX; COLOR: #3f587a; TEXT-DECORATION: underline; weight: bolder
}
A.boldlink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13PX; COLOR: #3f587a; TEXT-DECORATION: underline; weight: bolder
}
A:link {
	COLOR: #3f587a
}
A:visited {
	COLOR: #666634
}
.topnavdivider {
	FONT-SIZE: 11PX; COLOR: #993300
}
.image {
	BORDER-RIGHT: #993300 1px solid; BORDER-TOP: #993300 1px solid; BORDER-LEFT: #993300 1px solid; BORDER-BOTTOM: #993300 1px solid
}
.boldcolor {
	FONT-WEIGHT: bold; FONT-SIZE: 13PX; COLOR: #49545a; weight: bolder
}
.bold {
	FONT-WEIGHT: bold; FONT-SIZE: 13PX; COLOR: #49545a; weight: bolder
}
.italic {
	FONT-STYLE: italic
}.under {
	TEXT-DECORATION: underline
}
.small {
	FONT-SIZE: 9px
}
.footer {
	FONT-SIZE: 9px; COLOR: #49545a
}
.topcolor1 {
	COLOR: #49545a
}
.topcolor2 {
	FONT-WEIGHT: bold; COLOR: #49545a; weight: bolder
}
.head {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #c7002d; weight: bolder
}
.subhead {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #c7002d; weight: bolder
}
.subsubhead {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #c7002d; weight: bolder
}
.formtext {
	FONT-SIZE: 11PX
}
.formarea {
	FONT-SIZE: 13PX
}
.formbutton {
	FONT-SIZE: 12px;
	list-style:none;
	color:#ffffff;
	line-height:120%;
	padding-bottom:2px;
                   border-style:solid;
                   border-color:#ffffff;
	background-color:red;
}
.sup {
	FONT-SIZE: 9px; VERTICAL-ALIGN: super
}
.bgcolor1 {
	BACKGROUND-COLOR: #ffdd57
}
.bgcolor2 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor3 {
	BACKGROUND-COLOR: #fbf9e2
}
.bgcolor4 {
	BACKGROUND-COLOR: #f7f7ef
}
.bgcolor5 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor6 {
	BACKGROUND-COLOR: #fbf9e2
}
.bgcolor7 {
	BACKGROUND-COLOR: #999999
}
.bgcolor8 {
	BACKGROUND-COLOR: #f7f7ef
}
.bgcolor9 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor10 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor11 {
	BACKGROUND-COLOR: #f7f7ef
}
.bgcolor12 {
	BACKGROUND-COLOR: #f7f7ef
}
.bgcolor13 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor14 {
	BACKGROUND-COLOR: #fbf9e2
}
.bgcolor15 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor16 {
	BACKGROUND-COLOR: #f7dba5
}
.bgcolor17 {
	BACKGROUND-COLOR: #5c5c5c
}
.bgcolor18 {
	BACKGROUND-COLOR: #f7f7ef
}
.bgcolor19 {
	BACKGROUND-COLOR: #d07028
}
.bgcolor20 {
	BACKGROUND-COLOR: #f9e183}
.bgcolor21 {
	BACKGROUND-COLOR: #c3d2d9
}
.bgcolor22 {
	BACKGROUND-COLOR: #ffffff
}
.bgcolor23 {
	BACKGROUND-COLOR: #9eb1ba
}
.bgcolor24 {
	BACKGROUND-COLOR: #999999
}
.bgcolor25 {
	BACKGROUND-COLOR: #f9e7c2
}
.bgcolor26 {
	BACKGROUND-COLOR: #f7f5c9
}



html,body {color:#666666; background-color:inherit; background:#FFF; font-family: trebuchet, trebuchet ms, sans-serif;}




space_above {
	margin-top:11PX;
	margin-bottom:11PX;
}
strong {font-weight: bold;}

hr {background-color:cccccc; color:#CCCCCC;}

em {font-style: italic;}

.clear {
	clear:both;
	float:none;
	padding:0;
	margin:0;
	height:0;
}

.left {
	float:left;
	margin-right:20px;
}

.left_extras {
	float:left;
	margin-right:8px;
}

.right {
	float:right;
	margin-left:20px;
}

.disclaimer {
	padding-left:11PX;
	padding-top:11PX;
	font-size:12px;
	line-height:130%;
	color:#666666;
}

.footertext {
	padding-left:11PX;
	font-size:12px;
	line-height:130%;
}

.footertext a{
	color:#FF0000;
}

.footertext a:hover{
	text-decoration:none;
}



#wrapper {width:600px; margin: 0 auto; padding: 0;}

#top_buttons {
	height:50px;
	width:600px;
}

#top_buttons ul{
	float:right;
	margin-top:14px;
}

#top_buttons ul li{
	float:left;
	list-style:none;
	margin-left:11PX;
}

*html #top_buttons ul li{
	float:left;
	list-style:none;
	margin-left:5px;
}

#top_buttons ul li.toptitle{
	width:218px;
	color:#000000;
	font-size:18px;
	line-height:120%;
}

#top_buttons ul li.toptitle2{
	width:218px;
	color:#000000;
	font-size:17px;
	line-height:130%;
}

#top_buttons ul li.toptitle sup{
	font-size:13PX;
}


*html #top_buttons ul li.toptitle{
	padding-bottom:11PX;
	margin-top:-5px;
}

#top_buttons ul li a{
	width:113PX;
	height:22px;
	display:block;
	text-indent:-5000px;
}

#top_buttons ul li a.corian_colors{
	background:url(../images/btn_colors_corian.gif) no-repeat 0 -22px;
}

#top_buttons ul li a.zodiaq_colors{
	background:url(../images/btn_colors_zodiaq.gif) no-repeat 0 -22px;
}

#top_buttons ul li a.my_fav{
	background:url(../images/btn_my_fav.gif) no-repeat 0 -22px;
}

#top_buttons ul li a.corian_colors:hover{
	background:url(../images/btn_colors_corian.gif) no-repeat 0 0;
}

#top_buttons ul li a.zodiaq_colors:hover{
	background:url(../images/btn_colors_zodiaq.gif) no-repeat 0 0;
}

#top_buttons ul li a.my_fav:hover{
	background:url(../images/btn_my_fav.gif) no-repeat 0 0;
}

#top_buttons ul li.current a.corian_colors{
	background:url(../images/btn_colors_corian.gif) no-repeat 0 -44px;
}

#top_buttons ul li.current a.zodiaq_colors{
	background:url(../images/btn_colors_zodiaq.gif) no-repeat 0 -44px;
}

#top_buttons ul li.current a.my_fav{
	background:url(../images/btn_my_fav.gif) no-repeat 0 -44px;
}

#header_graphic {
	width:600px;
	height:160px;
	margin-bottom:11PX;
}

#primary_nav {
	margin-left:11PX;
	width: 590px;
	height: 38px;
	z-index: 90;
}

#primary_nav ul {
	padding: 0;
	list-style-type: none;
	width: 180px;
	border-right:#999999 1px solid;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
}

#primary_nav ul li {
	float: left;
	background-color:#eeeeee;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
}

#primary_nav ul li a {
	display: block;
	line-height: 22px;
	height: 22px;
	width: 150px;
	text-align: left;
	padding: 0 15px;
	color: #231F20;
	font-size: 12px;
	text-decoration: none;
	border-bottom:#999999 1px solid;
}

#primary_nav ul li a:hover {
	display: block;
	color: #000;
}

#primary_nav ul li ul {
	display: block;
	width: 180px;
	color: #000;
	line-height: 11PX;
	background: #999999	;
	position: absolute;
	left: -9999em;
	border-top:none;
	padding-bottom:1px;
}

#primary_nav ul li ul a {
	display: block;
	width: 150px;
	line-height: 11PX;
	height: 11PX;
	padding: 5px 15px 5px 15px;
	color: #000;
	border:none;
}

#primary_nav ul li ul a.space_above_below {
	margin-top:11PX;
	margin-bottom:11PX;
}
#primary_nav ul li ul a.space_above {
	margin-top:11PX;
}
#primary_nav ul li ul a:hover {
	background: #b70139;
	color: #fff;
}

#primary_nav li ul ul {
	margin: -26px 0 0 150px;
}


/* border (and some other rules) somehow fixes strange menu behavior in IE7 
	see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp */
#primary_nav li:hover ul, #primary_nav li.sfhover ul {
	left: auto;
	border: 0;
}

#primary_nav li:hover ul ul, #primary_nav li.sfhover ul ul, #primary_nav li:hover ul ul ul, #primary_nav li.sfhover ul ul ul {
	left: -999em;
	border: 0;
}

#primary_nav li:hover ul, #primary_nav li li:hover ul, #primary_nav li li li:hover ul,  #primary_nav li.sfhover ul, #primary_nav li li.sfhover ul, #primary_nav li li li.sfhover ul  {
	left: auto;
	border: 0;
}



#fav_cart_nav {
	margin-left:11PX;
	width: 590px;
	height: 38px;
	z-index: 90;
	background:url(../images/tab_underline.png) repeat-x top left;
}

#fav_cart_nav ul {
	padding: 0;
	list-style-type: none;
}

#fav_cart_nav ul li{
	float: left;
	margin-right:5px;
}

#fav_cart_nav ul li a{
	display: block;
	line-height: 28px;
	height: 28px;
	width: 119px;
	text-align: left;
	padding: 0 0 0 11PX;
	color: #cccccc;
	font-size: 12px;
	text-decoration: none;
	background:url(../images/fav_cart_tab1.png) no-repeat top right;
}

#fav_cart_nav ul li a:hover{
	color: #e03c3f;
}

#fav_cart_nav ul li.current a {
	color: #000000;
	background:url(../images/fav_cart_tab1.png) no-repeat top left;
}

.main_para {
	margin: 0 0 11PX 11PX
}

.main_para p{
	font-size:12px;
	color:#666666;
	margin-right:60px;
	line-height:110%;
}

.main_para h2{
	font-size:18px;
	color:#C3161C;
	line-height:110%;
	font-weight:normal;
}

.chip_section {
	width:590px;
	margin:0 0 11PX 11PX;
}

.chip_section h3{
	font-size:18px;
	color:#000000;
	line-height:110%;
	padding:15px 0;
}

.recycled_content{
	font-size:16px;
	color:#666666;
	margin-bottom:20px;
	line-height:110%;
}

.color_chip {
	width:105px;
	height:160px;
	margin:0 12px 11PX 0;
	float:left;
}

*html .color_chip {
	width:105px;
	height:140px;
	margin:0 11PX 8px 0;
	float:left;
}

.color_chip img{
	margin:0 0 5px 0;
	border:#ffffff 1px solid;
}

.color_chip img:hover{
	border:#C3161C 1px solid;
}

.color_chip p{
	font-size:12px;
	line-height:130%;
	color:#666666;
}

.color_chip p a.addto{
	font-size:12px;
	line-height:140%;
	color:#666666;
	text-decoration:none;
}

.color_chip p a.addto:hover{
	color:#000000;
	text-decoration:underline;
}

.color_chip p a.nametitle{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

.color_chip p a.nametitle:hover{
	text-decoration:underline;
}

#extra_details .color_chip p a.nametitle{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

#extra_details .color_chip p a.nametitle:hover{
	text-decoration:underline;
}

#order_size {
	width:581px;
	margin-left:18px;
	border-bottom:#cccccc 1px solid;
	border-top:#cccccc 1px solid;
	background-color:#eeeeee;
}

#order_size p.note{
	font-size:12px;
	line-height:130%;
	color:#666666;
}

#order_size h2{
	font-size:16px;
	line-height:130%;
	color:#000000;
}

#order_size p.note{
	font-size:12px;
	line-height:130%;
	padding:11PX 0 11PX 0;
	color:#666666;
}

#order_size p{
	font-size:12px;
	line-height:130%;
	color:#000000;
}

#order_size img{
	padding-bottom:11PX;
}

.add_cart {
	width: 113PX;
	margin-left: 8px;
	height: 22px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	font-size: 13PX;
	color: #fff;
	font-weight: bold;
	background:url(../images/btn_add_cart.gif) no-repeat 0 0;
	}
.add_cart:hover {
	background:url(../images/btn_add_cart.gif) no-repeat 0 -22px;
	}

#order_size p.update {
	display:block;
	width:100px;
	height:55px;
	color:#666666;
	padding-top:7px;
	padding-left: 11PX;
	font-size:12px;
}

#order_size p.update_comm {
	display:block;
	width:100px;
	height:40px;
	color:#666666;
	padding-top:7px;
	padding-left: 11PX;
	font-size:12px;
}


#extra_details {
	width:581px;
	margin-left:18px;
	padding:0 0 20px 0;
}

#extra_details .color_chip {
	margin:0 11PX 11PX 0;
	float:left;
}

*html #extra_details .color_chip {
	width:105px;
	height:140px;
	margin:0 8px 8px 0;
	float:left;
}

#extra_details h3 {
	font-size:16px;
	line-height:130%;
	color:#000000;
}

#extra_details p {
	font-size:12px;
	line-height:130%;
	padding:0 0 11PX 0;
	color:#666666;
}

#extra_details p.pricegroup {
	padding:11PX 0 11PX 0;
}

#extra_details p a {
	font-size:12px;
	line-height:130%;
	color:#FF0000;
	text-decoration:none;
}

#extra_details p a:hover {
	text-decoration:underline;
}

#extra_details .color_chip p{
	font-size:12px;
	line-height:130%;
	padding:0;
}

.cell_right{
	text-align:right;}

.cell_center{
	text-align:center;}

table.cart td.image{
	width:113px;
	text-align:left;
	vertical-align:top;
}

table.cart td.image img{
	border:1px #ffffff solid;
	margin-bottom:11PX;
}

table.cart td.image img:hover{
	border:1px #C3161C solid;
	margin-bottom:11PX;
}

table.cart tr.columnname td{
	height:30px;
	color:#666666;
	font-size:12px;
	vertical-align:top;
	text-align:right;
}

table.cart tr.columnname2 td{
	height:30px;
	color:#666666;
	font-size:12px;
	vertical-align:top;
	border-bottom:#cccccc 1px solid;
}

table.cart tr.chipname_top td{
	height:20px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
	vertical-align:top;
	padding-top:11PX;
}

table.cart tr.chipname td{
	height:20px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
	vertical-align:top;
}

table.cart tr.samplesize td{
	height:20px;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	line-height:100%;
	vertical-align:top;
}

table.cart tr.samplesize td input{
	height:12px;
	color:#000000;
	font-size:14px;
}

table.cart tr.links td {
	height:40px;
	color:#666666;
	font-size:12px;
	line-height:100%;
	vertical-align:top;
}

table.cart tr.links td a{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

table.cart tr.links td a:hover{
	color:#000000;
	text-decoration:underline;
}

table.cart tr.totals td{
	height:40px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
	line-height:100%;
	vertical-align:middle;
}

.totals{
	height:40px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
	line-height:100%;
	vertical-align:middle;
	text-align:right;
}

table.cart tr.totals2 td{
	height:40px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
	line-height:100%;
	vertical-align:middle;
	border-top:#cccccc 1px solid;
}

.totals2 {
	height:40px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
	line-height:100%;
	vertical-align:middle;
	border-top:#cccccc 1px solid;
}

#update-cart {
	background:url(../images/btn_update_cart.gif) no-repeat top left;
}

#update-cart:hover {
	background:url(../images/btn_update_cart.gif) no-repeat bottom left;
}

#edit-cart {
	background:url(../images/btn_edit_cart.gif) no-repeat top left;
}

#edit-cart:hover {
	background:url(../images/btn_edit_cart.gif) no-repeat bottom left;
}

#checkout-button {
	background:url(../images/btn_checkout.gif) no-repeat top left;
}

#checkout-button:hover {
	background:url(../images/btn_checkout.gif) no-repeat bottom left;
}

#checkoutsummary-button {
	background:url(../images/btn_checkout.gif) no-repeat top left;
}

#checkoutsummary-button:hover {
	background:url(../images/btn_checkout.gif) no-repeat bottom left;
}



/**************************************************************

	SlideShow
	v 1.3

**************************************************************/
#content {
	padding-left:18px;
	height: 420px;
}

#thumbnails {
	position: absolute;
	margin: 11PX 0 0 0;
	list-style-type: none;
	z-index: 100;
	}
#thumbnails li {
	float: left;
	}
#thumbnails li a {
	padding-right: 5px;
	}
.slideshowContainer {
	width: 581px;
	height: 345px;
}
.slideshowThumbnail {
	outline: none;
}
.slideshowThumbnail img {
	border-bottom: none;
	padding-bottom: 5px;
}

a:hover.slideshowThumbnail img {
	border-bottom: 3px solid #c3161c;
	padding-bottom: 3px;
}

.current img {
	border-bottom: 1px solid red;
	padding-bottom: 5px;
}
.current2 img {
	border-bottom: 3px solid #666;
	padding-bottom: 5px;
}

.outline {
	border-bottom: 3px solid #666;
	padding-right: 2px;
	z-index: 1000;
	position: absolute;
}
#favorites {
	position: absolute;
	float: right;
	margin: 11PX 0 0 450px;
	z-index: 1000;
	
	display:block;
	height:55px;
	color:#666666;
	padding-top:7px;
	padding-left: 11PX;
	font-size:12px;
	}
#add_favorites {
	width: 113PX;
	margin-left: 8px;
	height: 22px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	font-size: 13PX;
	color: #fff;
	font-weight: bold;
	background:url(../images/btn_add_fav.gif) no-repeat 0 0;
	}
#add_favorites:hover {
	background:url(../images/btn_add_fav.gif) no-repeat 0 -22px;
	}


.dupont_button{
	float:left;
	list-style:none;
	margin-left:5px;
	color:#ffffff;
	font-size:12px;
	line-height:120%;
	padding-bottom:2px;
                   border-style:solid;
                   border-color:#ffffff;
	background-color:red;
}



.dupont_title{
	color:red;
	font-size:16px;
	line-height:120%;
	padding-bottom:1px;

}


.btn_confirm_order{
	float:left;
	list-style:none;
                   font-weight:bold;
	margin-left:5px;
	color:red;
	font-size:12px;
	line-height:120%;
	padding-bottom:2px;
                   border-style:solid;
                   border-color:#ffffff;
	background-color:red;
}

.btn_cancel_order{
	float:left;
	list-style:none;
	margin-left:5px;
                   font-weight:bold;
	color:red;
	font-size:12px;
	line-height:120%;
	padding-bottom:2px;
                   border-style:solid;
                   border-color:#ffffff;
	background-color:red;
}

/************************************************************/