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

/* Site colors */
/* Red - e81632 */
/* Beige - f2e5be */
/* Olive - 6b9625 */
/* Gray banner at top of page - cccccc */
/* Gray on right side of page - a09f9e */
/* Black */
/* White */

/* @group yahoo reset code */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;}a{text-decoration:none;}a:hover{text-decoration:underline;color:#e81632;}

/* @end */

blockquote {
	font-style: normal;
	font-size: 1.3em;
}

ul, ol {
	list-style-image:none;
	list-style-position:inside;
	list-style-type: disc;
}

a:link, a:visited {
	color:#e81632; 
	text-decoration:none;
}
a:hover, a:active {
	color: #e81632;
	text-decoration: underline;;
}
.main-content ul {
	list-style-image: url('/ui/img/template/bullet.gif');
	list-style-position: outside;
	padding: 0;
}

.main-content li {
	margin-left: 40px;
	margin-bottom: 10px;
}

#global_menu ul, #subnavigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#main {
	width:955px!important;
	margin: 0 auto;
	background: #CCC url(/ui/img/template/inside_bg.gif);
}

#main.background-nocolumns {
	background: #fff none;
}
#header {
	width:100%;
	height:85px;
	background: #CCC no-repeat 0 0;
}
#homepageimages {
	float:left;
	position:relative;
}

#hompageimages a:hover, #homepageimages a:link, #homepageimages a, #homepageimages a:visited {
	text-decoration: none;
}
#tools_container {
	padding: 10px 5px 0 0;
	margin: 0;
	float-right;
}

#tools_container div, #print_tools div {
	float: right;
}

#tools_container .item, #tools_container a.item, #print_tools .item, #print_tools a.item {
	color:#666; 
	font-size:.85em;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;	
}

#tools_container a.item:hover, #print_tools a.item:hover {
	color:#e81632;
	text-decoration: underline;
	cursor: pointer;
}

#tools_container .separator, #print_tools .separator {
	color:#999; 
	line-height: 8px;
	padding-left: 1px;
	padding-right: 1px;		
}

#print_tools {
	display:none;
}

#searchform {
	float:right;
	padding:0 0 0 0;
	margin:20px 0px 0 0;
}
#search_criteria {
	border: 1px solid black;
	font-size:.95em;
	width:153px;
	padding:3px;
	float:right;
}
ul.sf-menu{
	padding-left:35px;
	margin:0;
}
#tert_menus, div.pageTitle {
	background-color: #e30120;
	padding:4px 25px;
	/*height:22px;*/
	color:white;
	font-weight:bold;
	font-size:1.1em;
}

#site-tools {
	font-size:.8em;
	padding-top:3px;
	padding-bottom: 1px;
	font-weight:bold;
	color:#000;
}
#site-tools a{
	color:#000;
}
#site-tools a:hover {
	color:#e81632;
	text-decoration:underline;
}
#print-save-email {
	font-size:.8em;
	padding-top:3px;
	padding-bottom: 1px;
	font-weight:bold;
	color:#000;
	float: left;
}
#print-save-email a{
	color:#000;
}
#print-save-email a:hover {
	color:#000;
	text-decoration:underline;
}

#print, #save, #email, #addthis {
	float: left;
}
#print-save-email-holder {
	padding-top: 3px;
}

.at300bs.at15t_expanded, .at300bs.at15t_compact {
	margin-top: -2px;
	margin-left: -2px;
}
.topspace {
	height:27px;
	width:100%;
	background:#FFF;
}
#cookie-crumbs {
	font-size:.8em;
	margin-left:25px;
	padding-top:3px;
	padding-bottom: 1px;
	font-weight:bold;
}
#cookie-crumbs .current{
	color:#636260;
	font-weight:bold;
}
#cookie-crumbs a {
	color:#000;	
}
#cookie-crumbs a:hover {
	color:#000;
	text-decoration:underline;
}

#col-b {
	color:#FFF;
}

#footer{
	width:955px;
	background:#FFF;
	padding-top:10px;
}
#footer_nav{
	text-align:center;
}

#footer_nav .footernavitem, #footer_nav a.footernavitem {
	color:#666; 
	font-size:.85em;
	font-weight: bold;
}

#footer_nav .footerseparator {
	color:#666; 
	font-size:.85em;
	padding-left: 2px;
	padding-right: 2px;
}

#footer_nav a.footernavitem:hover {
	/*color:#666; 
	text-decoration: none;
	line-height: 8px;
	cursor: pointer;*/
	color:#e81632;
	text-decoration: underline;
	cursor: pointer;
	line-height: 8px;
}

#footer_links{
	margin-top:0;
	text-align:center;
}

#footer_links .contactitem, #footer_links a.contactitem {
	color:#666; 
	font-size:.85em;	
}

#footer_links a.contactitem:hover {
	/*text-decoration: none;*/
	color:#e81632;
	text-decoration: underline;
	line-height: 8px;
	cursor:pointer;
}

#footer_links .footerseparator {
	color:#666; 
	font-size:.85em;
}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	padding:0;
	margin:0;
}

.ui-dialog{background-color:#f1e2b9;}
.ui-dialog-titlebar-close {border:1px solid #e30123;float:right;width: 16px; height: 16px;background-image: url(/ui/img/template/ui-icons_e30123_256x240.png); background-position: -96px -128px;}
.ui-dialog-titlebar {background-color:black;height:20px;margin:0;padding:5px;}
.ui-dialog-content{padding:10px 20px;}
.ui-dialog-content p {margin:0;}
.ui-dialog-content ul {margin:0 15px;list-style: disc outside;}
.ui-dialog-content .ce_title{font-size:15px;font-weight:bold;}
.ui-dialog-content .sign_up {float:right; margin:15px; font-weight:bold; color:#e30120;}
.ui-icon, #ui-dialog-title-dialog {display:none; }

.sign_up a{
	color:#e30120;
}

#global_menu {
	text-align:center;
	width:955px;
	height:29px;
	background-color:#000;
	border-bottom: 1px solid white;
}

/* classes */
.main-content {
	margin: 1em 2em 0;
}
.no-Bmargin {margin-bottom:0;}
.r-box {
	margin: 1.2em 1.5em 1em;
}
#rcol_top .CS_Textblock_Caption {
	color: #000;
}
.feature{	
	font-size: .95em;
	line-height: 1.35em;
	margin-bottom:3em;
}
.feature .title{
	font-size: 1.05em;
	font-weight:bold;
}

.indent {
	margin-left:35px;
}

.indent ul {
	list-style:disc;
	list-style-position: inside;
}

.l-box {
	margin: 2em 1em;
	font-size: .95em;
	line-height: 1.18em;
	color: #FFF;
}
.l-box li{
	/*font-size:.95em;*/
	font-weight:bold;
	margin-top:.85em;
}
.l-box li a {
	color: #FFF;
	text-decoration: none;
}
	.l-box li a:active {
	color: #e81632;
	text-decoration: none;
}
	.l-box li a:visited {
	color: #FFF;
	text-decoration: none;
}
	.l-box li a:hover {
	color: #e81632;
	text-decoration: none;
}
.l-box .second-level li {
	list-style:disc url(/ui/img/template/bullet1.gif) inside;
	list-style-position:outside;
	margin-left:15px;
}

.l-box .third-level li {
	list-style:none inside;
	list-style-position:outside;
	list-style-image: none;
	margin-left:0;
}

.feature_row {
	clear:both;
	margin:20px 0 1px 0;
	min-height:215px;
}
.feature_row .main_image {
	margin-right:15px;
	margin-top:1px;
}
.feature_row p {margin-top:0;}
.feature_row .feature_img_link {
	float:left;
	width:115px;
	margin-right:2px;
}
.feature_img_link p {margin-top:0; font-size:11px; line-height:1.3em;}
	
.projects_feature_row {
	clear:both;
	margin:0px 0 15px 0;
	height:130px;
	font-size:11px;
	line-height:1.4;
}
.projects_feature_row .main_image {
	margin-right:15px;
}
.projects_feature_row .feature_img_link {
	float:left;
	width:115px;
}

.finishes_form {
	line-height:1;
	font-size:11px;
}
	
.finishes_form label {
	font-weight:bold;
}
	

#my_selections, #my_results { height: 150px; padding-left:15px;}

#my_selections h2, #my_results h2 {
	font-size:13px;
	font-weight:bold;
	margin:10px 0;
	margin-left:-10px;
}

#my_selections .selection, #my_results .selection {
	float:left;
	margin-right:15px;
}

/* JQuery Search Window */
.component_results {
	background-color: #F0ECC9;
	color: black;
}

.component_results .swatch_box, .component_results .resultsRow {
	color: black;
}

.red-indent {
	list-style:disc;
	color: #e30120;
	margin-left: 38px;
	list-style-position: inside;
}

.bold{
	font-weight: bold;
}
.red, .youarehere, span.required, p.required,.alert {
	color: #e81632 !important;
}

/* @group elements */
p {
	margin: 10px 0;
}

strong {
	font-weight: bold;
}

/* @end */


/* @group SUPERFISH STYLES */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
/* override widths for certain menus */
.sf-menu ul.advantages, .sf-menu ul.education {
	width:14em;
}
.sf-menu ul.resources {
	width:13em;
}
.sf-menu ul.about {
	width:12em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin-top:-1px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: white;
	font-family: Verdana;
	font-weight: bold;
}
.sf-menu li {
	background: transparent;
}
.sf-menu li.current a {
	color:#e81632;
}
.sf-menu li li a , .sf-menu li.current li a, .sf-menu li li a:visited{
	color:black;
}
.sf-menu li li {
	text-align:left;
	color: black;
	text-align:left;
	background:		#909397;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

.sf-menu li li li {
	background:		#909397;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:hover, .sf-menu li li a:hover {
	outline:		0;
	color: #fff20a;
}
.sf-menu li.current a {
	color:#e81632;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/ui/img/template/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(/ui/img/template/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#global_menu ul.sf-menu {
	position:relative;
	z-index:999;
}


/* @end */
/* Layout stylesheet */

body {
	font-size: 100.01%; /* [1] */
	margin: 0;
	padding: 1em;
	font-size: 75.01%; /* 12px [1] */
	line-height: 1em; /* 18px [2] */
	background: white;
	color: black;
	font-family: Verdana, Geneva, sans-serif;
}

#col-a {
	float: right;
	width: 100%;
	overflow:hidden;
}
#col-a[id] { /* [2] */
	margin-left: -1px;
}
#col-b {
	float: left;
	margin-left: -134px;
	width: 134px;
	z-index: 10; /* [3] */
	color:#FFF;
}
#col-b[id] { /* [2] */
	margin-right: 1px;
}
#col-c {
	float: right;
	margin-right: -194px;
	width: 194px;
	z-index: 11; /* [3] *//* float: left;*/
}
#col-c[id] { /* [2] */
	/*margin-left: 1px;*/
}
#columns {
	padding: 0 12em;
}

#columns.no-columns #col-a {
	float:none;
	overflow: visible;
}

#columns.no-columns #col-a[id] { /* [2] */
	margin-left: inherit;
}

#columns.no-columns {
	padding: 0;
}
.cols-wrapper {
	width: 100%;
	/*margin: 0 -1px;*/
}

.cols-wrapper[class] {
	padding-bottom: 0.1px; /* [4] */
}
.float-wrapper {
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
	line-height: 1.5em;
}
.float-wrapper[class] { /* [2] */
	/*margin-right: -1px;*/
}
.sidecol {
	position: relative;
	width: 12em;
	overflow: hidden;
}
/* backgrounds */
.cols-wrapper {
	background-color: white;
}
#columns {
	padding-right: 193px;
	padding-left: 134px;
}
.clear {
	clear: both;
}
.none {
	display: none;
}
p.main_caption {margin-left:0; height:3em; overflow:hidden; font-size:11px; line-height:1.3em;}
/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/
input[type='checkbox']{
	width: 16px;
	height: 16px;
}

.CS_Form_Button input, .button {
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	color: #E7E1AF;
	background-color: #EC1629;
	padding: 2px 3px 2px 3px;
}
.button a:link {
	color: #E7E1AF;
	text-decoration: none;
}
.button a:active {
	color: #E7E1AF;
	text-decoration: none;
}
.button a:visited {
	color: #E7E1AF;
	text-decoration: none;
}
.button a:hover {
	color: #E7E1AF;
	text-decoration: underline;
}

.event_row {
	margin-top:20px;
	min-height:152px;
	clear:both;
	
}
	.event_row img {
		margin:2px 15px 0 0;
	}
	.event_row h1 {
		font-weight:bold;
		align:top;
	}
	.event_row p {
	position:relative;top:0;left:0;margin:0;padding:0;align:top;}
	.event_row .event_date {
	font-weight:bold;color:gray;}
	.event_row a {
	color:#e81632;}
	
#big-prod-image {
	width:274px;
	height:351px;
	align:left;
	margin-right:15px;
	margin-top:4px;
	float:left;
}
#prod-desc {
	height:290px;
	overflow:hidden;
	margin-bottom:1px;
}
#prod-caption-row {
	height:20px;
	clear:all;
}
#carouselCaption {
	font-size:.85em;
	overflow:hidden;
	width:290px;
	height:16px;
}
#gobutton {
	float:right;
	margin:3px;
	font-weight:bold;
	color:#e81632;
	padding:1px 0 0 0;
	font-size:1.2em;
	}
#gobutton a{
	font-weight:bold;
	color:#e81632;
	}
#gobutton a:hover{
	text-decoration:underline;
	} 
.helptext {
	font-size: .95em;
	line-height:.8em;
	color: #000;
	text-decoration:none;
}
.helptext a{
	color:#e81632;
	text-decoration:none;
}
.helptext a:hover{
	color:#e81632;
	text-decoration:underline;
}
.swatch_box {
	float:left;
	width:110px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom:20px;
}
.swatch_box img {text-align:left; vertical-align:top;}

tr.spacerrow {
	line-height: 90%;
}
label.error {
	font: normal 12px arial;
	float: left;
	color: #c00;
}
input.error, select.error, textarea.error {
	border: 1px solid #c00;
}

h2 {
	font-weight: bold;
	font-size: larger;
}

h3 {
	font-weight: bold;
	font-size: larger;	
}
.salesrep {
	font-size: larger;
}
.salesrep_primary {
	font-size: larger;
	font-weight: bold;
}
.salesrep a, .salesrep_primary a {
	text-decoration: underline;
}

.r-box .header {
	font-weight: bold;
	color: #000000;
}

.r-box .subheader {
	width: 100%;
	background-color: #B2B3B0;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

h4 {
	font-size: 14px;
	font-weight: bold;	
}

h5 {
	font-size: 14px;
	color: #636260;
}


.maprepresentative h3 {
	margin: 5px 0 5px 0;	
}

.carouselImage {
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#rcol_mid .CS_Textblock_Caption {
	color: #000000;	
}

table.rating {
	width: 100%;
}

#pagination {
	float:right;
	padding: 5px;
}
#pagination a {
	font-size:9px;
	color:gray;
	border:1px solid gray;
	padding:2px 5px;
	margin-left:3px;
}

#pagination .current {
	color:white;
	background-color:#666;
}

#pagination .disabled {
	color: gray;
	font-size: 9px;
	border: none;
	padding: 2px 5px;
	margin-left: 3px;
}

.resultsTable {
	width: 100%;
}

.resultsRow {
	width: 100%;
	clear: both;
}

.resultsTable .galleryLink {text-align:right; margin-right:1em;}

#swatch-selector {
	background-color: #f1e2b9;
	padding: 5px;
}

table.swatchSelectorForm {
	background-color: #f1e2b9;
}

#quiz .question {
	width: 100%;	
}

#quiz .answer {
	padding-left: 30px;
	margin-bottom: 10px;
}

#quiz .buttons {
	float: right;
}

#quiz .buttons input {
	width: 100px;
}

.courseListing {
	width: 100%;
	clear: both;
}

.courseListing .courseTitle {
	width: 100%;
	background-color: #A09F9E;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 5px 10px;
}

.courseListing .courseDetails {
	padding-top: 10px;
}

.courseListing .courseDetails img {
	float: left;
	padding: 0 10px 10px 0;	
}

.courseListing .courseTeaser {
	margin-left: 124px;
}

.courseDetailsFull {
	padding: 5px 5px 5px 5px;
	color: #000;
	background-color: #F1E2B9;
}

.courseDetailsFull a {
	font-weight: bold;
}

.picture_box {
	float:left;
	width:140px;
	height:165px;
	margin-right:5px;
	/* margin-bottom:20px; Changed to padding-bottom due to IE7 limitation */
	padding-bottom:20px;
}
.picture_box img {text-align:left; vertical-align:top;}

td {
	padding: .2em 0 .2em 0;
}

.small {
	font-size: .8em;
}

.normal {
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
	color: black;
}

.large {
	font-size: 1.2em;	
}

.imageCaption {
	font-size:.9em;
	line-height: 1.3em;
}

.imageLeft {
	margin-right: 15px;
	float: left;
}

.imageRight {
	margin-left: 15px;
	float: right;
}

.title {
	font-weight: bold;
	color: black;	
}

.buttonRight input {
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	color: #E7E1AF;
	background-color: #EC1629;
	padding: 2px 3px 2px 3px;
	float: right;
}

.instructions {
	font-size: larger;
	color: #000000;
}
.singleSpaceBullets li {
	margin: 0 0 0 40px;
}