atest@import url("/css/styles_from_old_site.css");

/*@charset "utf-8";*/
/*Screen stylesheet for matrixsystem.com*/

html
{
	font-size: 100.01%;
}

body
{
	margin: 0px 0px 0px 0px;
	
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;

	background:#12053f url('/images/layout/matrix_body_background.jpg') repeat-y center;	
	background-color: rgb(16,4,54); /* matrix background purple */
}

.primary_container
{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}

.primary_inner_container
{
	width: 980px;
	margin: auto;
}

.inner_content_container
{
	width: 958px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 11px;
	padding-bottom: 16px;
	padding-right: 11px; 
	padding-top: 0px;

	display: inline-block;
	
	background-image: url(/images/layout/matrix_page_background.png);
	background-position: center;
	background-repeat: repeat-y;
}


.inner_main_container
{
	width: 500px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 20px;
	float:left;
}

.inner_main_container h1
{
	margin: 20px 0px 0px 0px;

	font-size: 2.5em;
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(14,4,50);
}

.product_box
{
	min-height: 108px;
	padding: 8px 8px 4px 8px;
	margin: 4px 0px 8px 0px;

	background-image: url(/images/layout/matrix_content_box_bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: rgb(250,250,250);

	position:relative;
}


.product_box p
{	
	color: rgb(60,60,60);
	width:380px; /*div absolute / text under problem */
}
.product_box a,.product_box a:visited
{
	font-size:1.2em;
	color: rgb(63,25,121);
	
	text-decoration:none;	
}
.product_box a:hover
{
	text-decoration:underline;	
}
.product_box .product_info
{
	margin: 0px;
	font-size: 1.0em;
	color: rgb(100,100,100);
	
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(150,150,150);
}

.product_box .product_info span
{
	font-weight: bold;	
}

.product_box .product_thumbnail
{
	width: 80px;
	height: 80px;
	padding: 5px;

	position: absolute;
	top: 8px;
	right: 8px;
	
	background-color: rgb(255,255,255);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(150,150,150);
	
	text-align:center;
}

.product_box .product_thumbnail img
{
	/*width: 70px;*/
	margin: auto;

}

.product_box .data_sheet_link
{
	float: left;
	min-width: 70px;
	height: 40px;
	margin: 4px;

}

.data_sheet_link a.document_type
{
	display: block;
	margin: 0px 0px 0px 0px;
	
	color: rgb(120,120,120);
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	
	outline:none;

}
.data_sheet_link img
{
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}
.data_sheet_link:hover a.document_type, .data_sheet_link:hover .icon
{
	color: rgb(60,60,60);
	cursor: pointer;
	
	outline:none;
}

.product_box .data_sheet_link .icon
{
	float: left;
	width: 30px;
	height: 34px;
	margin: 0px 4px 0px 0px;
}

.product_box h3
{
	margin: -8px -8px 0px -8px;
	width: 484px;
	padding: 8px 8px 0px 8px;
	
	font-size: 1.6em;
	color: rgb(211,66,38);

	background-image: url(/images/layout/matrix_content_box_top.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.product_box h4 a
{
	/*margin: -8px -8px 0px -8px;
	width: 484px;
	padding: 8px 8px 0px 8px;*/
	
	font-size: 1.2em;
	color: rgb(63,25,121);
	
	text-decoration:none;
	
	line-height:10px;
}
.product_box h4 a:visited{
	font-size: 1.2em;
}
.product_box .news_image
{
	float: right;
	margin: 4px 0px 20px 20px;
}
.product_box .logo_image
{
	float: right;
}

.faq_q
{
	/*margin: -8px -8px 0px -8px;
	width: 484px;
	padding: 8px 8px 0px 8px;*/
	font-weight:bold;
	font-size: 1.2em;
	color: rgb(63,25,121);
	
	text-decoration:none;
	
	/*line-height:10px;*/
}

/* ------------------------------------- header
----------------------------------------------- */

.header_top_container
{
	width:600px;
	height:80px;
	margin: auto;
	padding-left: 180px;
	padding-right: 180px;
	position: relative;
}

.header_top_container .doc_menu
{
	width: 200px;
	height: 40px;

	position: absolute;
	left: 20px;
	top: 30px;
	
	background-color: none !important;
}
.header_top_container .doc_menu select
{
	padding:2px;
}

.header_top_container .search
{
	width: 200px;
	height: 40px;

	position: absolute;
	right: 0px;
	top: 30px;
	
	background-color: none !important;
}
.header_top_container .search form
{
	height: 22px;
	position: relative;
}

.header_top_container .search form input.search_text
{
	height: 21px;
	margin: 0px 0px 0px 0px;
	width: 120px;
	position: absolute;
	top: 0px;
	left: 0px;
	
	color: white;
	
	background: none;
	background-image: url(/images/layout/matrix_search_input.png);
	background-position: right top;
	background-repeat: no-repeat;

	border: 0px;
}

.header_top_container .search form input.button
{
	height: 21px;
	color: white;

	position: absolute;
	top: 0px;
	left: 120px;	
	

	background: none;
	background-image: url(/images/layout/matrix_search_button.png);
	background-position: right center;
	background-repeat: no-repeat;
	
	border: none;
}
/*
.header_top_container .search form
{
	margin:0px;
	padding:0px;
}

.header_top_container .search input.search_text
{
	height: 21px;
	margin: 0px;
	text-align: right;

	color: white;
	
	background: none;
	background-image: url(/images/layout/matrix_search_input.png);
	background-position: right top;
	background-repeat: no-repeat;

	border: 0px;
}

.header_top_container .search input.button
{
	height: 21px;
	margin-left: -2px;
	margin-top: -1px;

	color: white;

	background: none;
	background-image: url(/images/layout/matrix_search_button.png);
	background-position: right center;
	background-repeat: no-repeat;
	
	border: none;
	/*border-style: solid red 1px;*/
}
*/


.header_top
{
}
.header_top a{
	outline:none;	
}
.header_container
{
}


.footer_container
{
	width: 980px;
	height: 76px;
	margin:auto;
	position: relative;
	background-image:url('/images/layout/matrix_footer_background.png');
	background-position: top center;
	background-repeat: no-repeat;
}

.footer_container .supplemental_links
{
	display: block;
	position: absolute;
	top: 40px;
	left: 24px;	
}

.footer_container .supplemental_links a
{
	display: inline-block;
	margin: 4px 8px 4px 8px;
	
	color: rgb(200,200,200);
	text-decoration: none;	
	
	outline:none;
}

.footer_container .supplemental_links a:hover
{
	color: rgb(255,255,255);
	
	outline:none;
}

.footer_container .login
{
	position: absolute;
	right: 20px;
	top: 10px;
	
	color: rgb(160,160,160);
}

.footer_container .login a
{
	color: rgb(160,160,160);
	
	outline:none;
}

.footer_container .login a:hover
{
	color: rgb(200,200,200);
	
	outline:none;
}


.footer_container .login input
{
	margin-bottom: 4px;
	
	color: rgb(202,195,213);
	border-color: rgb(120,120,120);
	background-color: rgb(80,80,80);
}

.footer_container .login input.button
{
	width: 50px;

	background-image: url(/images/layout/matrix_footer_sign_in_button.png);
	background-position: top center;
	background-repeat: no-repeat;
	/*background-color: none;*/
	border: none;
}

.footer_container .login span.login_label
{
	margin-left: 88px;
}

.footer
{
	width: 540px;
	height: 32px;
	padding: 8px 10px 0px 10px;
	position: absolute;
	top: 1px;
	left: 20px;
	
	font-size: 1.1em;
	color: rgb(220,220,220);
}

.footer a
{
	display: inline-block;
	padding: 4px;
	color: rgb(220,220,220);
	text-decoration:none;
	
	outline:none;
}

.footer a:hover
{
	color: rgb(255,255,255);
	text-decoration:none;
	
	outline:none;
}

.footer a.icon
{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 6px;
	top: 4px;
	
	outline:none;
}
.copyright
{
	width: 280px;
	height: 16px;
	padding-left: 25px;
	
	color: white;
	text-transform: capitalize;
}

.boilerplate
{
	width: 400px;
	height: 16px;
	padding-right: 0px;
	float: right;
	
	color: white;
	text-transform: capitalize;	
}




.get_pdf_of_article
{
	width: 100%;
	padding: 4px;
	
	display: block;
	clear: both;
	
	border-style: solid;
	border-color: rgb(200,200,200);
	border-width: 1px 0px 0px 0px;
}

.get_pdf_of_article span
{
	display: inline-block;
	margin: 0px;
	padding: 8px 4px 8px 4px;
	font-weight: bold;
}

.get_pdf_of_article a img
{
	float: left;
}
.get_pdf_of_article a
{
	padding: 0px;
	margin: 0px; 
	font-size: 1.2em;
	color: rgb(63,25,121); /* matrix purple */
	text-decoration: none;
}
/* ----------------------------------- homepage
----------------------------------------------- */

#intro
{
	margin: 15px 0px 0px 15px;
	float: left;
	background-color: rgb(255,255,255);
}

#homepage_content
{
	margin: 15px 0px 0px 15px;
	width: 700px;
	float: left;
}

#hot_buttons
{
	margin: 15px 0px 0px 0px;
	width: 200px;
	height: 50px;
}

#hot_buttons .hot_button
{
	width: 96px;
	height: 39px;
	margin: 2px;
	float: left;
	
	outline:none;
}
.hot_button a{
	outline:none;	
}
.home .inner_sidebar
{
	padding-top: 0px;
}

.home h1
{
	margin: 6px 0px 0px 0px;
	padding: 0px;
	font-size: 2.4em;
}

.home .display_graphic
{
	width: 480px;
	min-height: 200px;
	margin: 15px 0px 10px 30px;
	float: right;
}

.home .display_graphic img
{
	width: 480px;
}

.latest_news
{
	width: 170px;
	/*min-height: 300px;*/
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
}

.latest_news_header
{
	height: 56px;
	width: 200px;
	margin: 0px -10px -20px -10px;

	background-image: url(/images/layout/matrix_latest_news_header.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.latest_news_header span
{
	display: none;
}

.blank_header
{
	height: 56px;
	width: 200px;
	margin: 0px -10px -20px -10px;

	background-image: url(/images/layout/matrix_side_blank_header.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.latest_news_story h5
{
	margin: 0px;
	padding: 0px;
	
	font-size: 1.4em;
	line-height: 1;
	color: rgb(63,25,121); /* matrix purple */
}
.latest_news_story h6
{
	margin: 0px;
	padding: 0px;
	
	font-size: 1.1em;

	color: rgb(63,25,121); /* matrix purple */
}
.latest_news_story
{
	width: 180px;
	margin: 10px 0px 20px 0px;
	display: block;
}

.latest_news_story p
{
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

.latest_news_story a
{
	text-decoration: none;
	color: rgb(63,25,121); /* matrix purple */
	
	outline:none;
}

.latest_news_button
{
	height: 12px;
	padding: 4px 10px 5px 10px;
	margin: 4px 0px 4px 90px;
	width: 70px;
	
	text-align: center;
	font-weight: bold;
	color: rgb(255,181,2); /* yellow */
	
	background-image: url(/images/layout/matrix_latest_news_more_button.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.latest_news_button a
{
	color: rgb(255,181,2); /* yellow */
	
	outline:none;

}

/* ------------------------------------ sidebar
----------------------------------------------- */

.sidebar_navigation
{
	width: 164px;
	margin-left: 15px;
	margin-top: -6px;
	padding: 0px 10px 18px 10px;
	min-height: 100px;
		
	float: left;
	position: relative;
	
	background-image: url(/images/layout/matrix_navigation_sidebar_background.png);
	background-repeat: repeat-y;
	background-position: center;
}
.sidebar_navigation_empty
{
	width: 164px;
	margin-left: 15px;
	margin-top: -6px;
	padding: 0px 10px 18px 10px;
	
	float: left;
	position: relative;
}
.sidebar_navigation_top
{
	height: 6px;
	width: 184px;	
	position: absolute;
	top: 0px;
	left: 0px;
	
	background-image: url(/images/layout/matrix_navigation_sidebar_background_top.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.sidebar_navigation_bottom
{
	height: 18px;
	width: 184px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	background-image: url(/images/layout/matrix_navigation_sidebar_background_bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.inner_sidebar
{
	width: 200px;
	margin: 0px 15px 0px 0px;
	padding: 60px 0px 15px 0px;
	float: right;
	position:relative;
	z-index:0;	

	line-height:15px;
}

.sidebar_right
{
	position:relative;
	text-align: right;
	width:190px;

}

.infobox
{
	width: 184px;
	margin: 20px 0px 0px 0px;
	padding: 15px 8px 8px 8px;
	

	background-image: url(/images/layout/matrix_infobox_bottom_purple.png);
	background-position: bottom center;
	background-repeat: no-repeat;

}


.infobox_header
{
	width: 200px;
	height: 45px;
	margin: -30px -8px 0px -8px;
	
	background-image: url(/images/layout/matrix_infobox_header_purple.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.infobox_header_featured
{
	width: 200px;
	height: 45px;
	margin: -30px -8px 0px -8px;
	
	background-image: url(/images/layout/matrix_infobox_header_featured.png);
	background-position: top center;
	background-repeat: no-repeat;
}


.infobox_header h5
{
	width: 200px;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 0px;

	text-align: center;
	text-transform: uppercase;
	font-size: 1.4em;
	color: white;
	font-weight: bold;
}

.infobox .featured_product_listing
{
	width: 184px;
	margin-bottom: 8px;
	
	border-width: 0px 0px 1px 0px; 
	border-color: rgb(220,220,220);
	border-style: solid;
	
	text-align:center;

}

.infobox .featured_product_listing a img.featured_product_thumb
{
	width: 60px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

.infobox .featured_product_listing .description
{
		text-align: center;
		color: rgb(100,100,100);
}

.infobox .featured_product_listing a{
	text-decoration:none;
	outline:none;
	text-align:center;
}	

.infobox_news
{
	width: 184px;
	margin: 20px 0px 0px 0px;
	padding: 15px 8px 16px 8px;
	

	background-image: url(/images/layout/matrix_infobox_bottom_news.png);
	background-position: bottom center;
	background-repeat: no-repeat;

}

.infobox_header_news
{
	width: 200px;
	height: 45px;
	margin: -30px -8px 0px -8px;
	
	background-image: url(/images/layout/matrix_infobox_header_news.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.infobox_news .news_item
{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(150,150,150);
	
}

.infobox_news .news_item h5
{

}

.infobox_news .news_item img
{
	float: left;
}


/*sidebar*/


/*search/cart box*/
.sitewide_elements_container{
	width:280px;
	height:16px;
	position:relative;
	left:591px;
	top:18px;
	/*border:1px solid #ff0000;*/
}
.sitewide_elements_container ul{
	list-style-type:none;
	display:inline;
}
.sitewide_elements_container li{
	float:left;
	padding-right:8px;
}
.sitewide_elements_container a{
	text-decoration:none;
	
	outline:none;
}
.sitewide_elements_container a:hover{
	text-decoration:underline;
	
	outline:none;
}



/* --------------------------------- navigation
----------------------------------------------- */
#primary_nav_container
{
	width: 960px;
	height: 54px;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: inline-block;

	background-image: url(/images/layout/matrix_navigation_background.png);
	background-position: center top;
	background-repeat: no-repeat;	
}

ul#menu
{
	width: 928px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 6px 0px 0px 0px;

	list-style-type:none;	
}

ul#menu li
{
	width: 116px;
	height: 60px;
	float: left;	
	margin-top: -10px;
}

ul#menu li:hover
{
	background-image: url(/images/layout/matrix_nav_hover_background.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}


ul#menu li a
{
	width: 114px;
	margin: 28px 1px 0px 1px;
	display: block;
	
	font-size: 1.6em;
	text-align: center;
	color: rgb(63,25,121); /* matrix purple */
	text-decoration: none;
	
	outline:none;
}

.home #menu .home,
.about_us #menu .about_us,
.products #menu .products,
.whats_new #menu .whats_new,
.color_tools #menu .color_tools,
.media #menu .media,
.community #menu .community,
.jobbers #menu .jobbers
{
	background-image: url(/images/layout/matrix_nav_active_tab.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.home #menu .home a,
.about_us #menu .about_us a,
.products #menu .products a,
.whats_new #menu .whats_new a,
.color_tools #menu .color_tools a,
.media #menu .media a,
.community #menu .community a,
.jobbers #menu .jobbers a
{
	color: rgb(183,83,0); /* matrix yellow darkened */ /* matrix yellow darkened */
	font-weight: bold;
	text-indent:0;
	text-shadow:0 -1px 1px #ffdc17;
	
	outline:none;
}

.secondary_nav_container
{
	width: 918px;
/* 	margin-left: 12px; */
/* 	margin-right: -12px; */
	height: 16px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 31px;
	padding-right: 31px;
	
	color: white;
	font-weight: bold;
	
	background-image: url(/images/layout/matrix_breadcrumb_background2.png);
	background-position: top center;
	background-repeat: repeat-x;
}

.secondary_nav_container a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	
	outline:none;
}

.secondary_nav_container a:hover
{
	text-decoration: underline;
	
	outline:none;
}

ul#sidebar_menu
{
	width: 179px;
	margin: 20px -10px 0px -4px;
	padding: 0px;
 
	list-style-type: none;
}

ul#sidebar_menu li
{
	padding: 2px 4px 2px 4px;
}

ul#sidebar_menu li.active
{
	padding: 4px 0px 4px 8px;
		
	font-size: 1.2em;
	
	background-image: url(/images/layout/matrix_navigation_sidebar_active_top.png);
	background-position: top left;
	background-repeat: no-repeat;
}


ul#sidebar_menu li a
{

	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: rgb(183,83,0); /* matrix yellow darkened */ 
	
	outline:none;
}

ul#sidebar_menu ul 
{
	margin: -4px 0px 4px 0px;
	padding: 2px 0px 8px 4px;
	list-style-type: none;

	background-image: url(/images/layout/matrix_navigation_sidebar_active_bottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

ul#sidebar_menu ul li a
{
	color: rgb(80,80,80); /* grey #3 */
	font-size: 1.1em;
	font-weight: normal;
	
	outline:none;
}


/*standard styles*/
a{
	outline:none;	
}
p{
	color:#000000;
	font-size:12px;
	line-height:16px;
}
img{
	border:0px;
}
input,select,textarea{
	border:1px solid #666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit{

	padding:1px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
/* 	background-color:#FFbb00; */
}
.submit_lite{
	background-color:#ffffff;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
/*	color:#12053f;*/
	color:#3b2a7b;
	font-weight:bold;

}
.submit_lite:hover{
	color:#993399;
	cursor:pointer;
}
.form_message{
	font-size:10px;
	font-weight:bold;
	color:#3b2a7b;
}
.form_req{
	border:1px solid #ff0000;
}

.clear
{
	clear: both;
}

.echo_box{
	position:absolute;
	left:860px;
	top:0px;
	width:500px;
	border:2px dashed #66FF00;
}
/*standard styles*/

/*scroller*/
#thumbs{
	width: 120px;
	padding-top: 16px;
	padding-bottom: 8px;
	margin-right: 8px;
	margin: auto;
	display: block;
	
	text-align: center;	
}
.scroll_list{
	text-align: center;
}
#p7s1content1{
width: 90px;
	padding-top: 16px;
	padding-bottom: 8px;
	margin-right: 8px;
	margin: auto;
	display: block;
	
	text-align: center;	



position: absolute;

/*height: 1062px; /* set this using xsl */
z-index: 99;
/*left:20px;
top:30px;*/
visibility: visible;
}
#p7scroller1{
position:relative;
width:120px;
height:430px;
/*height:200px;*/
z-index:100;
left: 32px;
top: 0px;
overflow: hidden;
clip: rect(0px 760px 50px 0px);
visibility: visible;
}
#p7s1control1{
position:absolute;
width:580px;
z-index:100;
left: 185px;
top: 195px;
visibility: visible;
}
.scroll_list ul{
	width: 110px;
	padding-bottom: 10px;
	list-style-type: none;
	display:inline;
}
.scroll_list li{
/* 	margin: auto; */
	padding: 8px;
	float:left;
}
.scroll_list li img{
	text-align: center;
	border: none;
}
.scroll_list li a{
	color:rgb(192,192,192);
	text-decoration:none;
}
.arrow_up{
	width: 120px;
	margin: auto;
	padding-top: 10px;	
	padding-left: 30px;
	padding-right: 26px;

	
	text-align: center;
	
	background-repeat: no-repeat;

	/*border:1px solid #3300FF;*/
}
.arrow_down{
	width: 120px;
	margin: auto;
	padding-top: 18px;
	
	padding-left: 32px;
	padding-right: 26px;
	/*display: block;*/
	position: relative;
	bottom:-8px;
	
	text-align: center;
	
	background-repeat: no-repeat;

	/*border:1px solid #3300FF;	*/
}
/*scroller*/

/*forum*/
.primary_forum_container{
	padding:5px;

}
.forum_category_container{
	padding:5px;
	border:1px solid #12053f;
	
	border-collapse:collapse;
	
}
.forum_category_container tr.tr_alt{
	background-color:#dedede;
}
.forum_category{
	padding:2px;
	background-color:#12053f;
	color:#ffffff;
}
.forum_category td{
	color:#ffffff;
	
	padding:3px;
}
.forum_category_container td{
	padding:5px;
	border:1px solid #12053f;
}
.forum_link{
	font-size:12px;
	font-weight:bold;
	color:#3b2a7b;
	text-decoration:none;
}
.forum_link:hover{
	text-decoration:underline;
}

.form_crumb{
	color:#12053f;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.form_crumb:hover{
	color:#9900ff;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}
/*forum*/

/*gallery*/
.gallery_thumb_table{
}
.gallery_thumb_table td{
	text-align:center;
	/*font-weight:bold;*/
	padding:6px;
	border:1px solid #dddddd;
	background-color:#eeeeee;
	width:150px;
	vertical-align:top;
}
/*gallery*/

/*cart*/
.cart_header_table{

	width:500px;
	table-layout:fixed;
	border-spacing:0px;
	
	padding:3px;
	border-bottom:1px solid #12053f;
}
.list_view_table{

	width:500px;
	table-layout:fixed;
	border-spacing:0px;
	padding:10px 0px 10px 0px;
}
.list_view_table td{
	padding:3px;	
	color:#252525;
}
.cart_header_row{
}
.cart_header{
	color:#3b2a7b;
	font-weight:bold;
	font-size:12px;
}

.cart_controls_container{
	width:480px;
	border-top:1px solid #12053f;
	position:relative;
	
	
	padding:10px 0px 0px 20px;
}
.cart_update_controls{
	width:100px;
	position: relative;
	left:0px;
	top:0px;
	/*border:1px solid #006699;*/

/*	line-height:25px;*/
}
.cart_action_controls{
	width:200px;
	position:absolute;
	right:0px;
	top:15px;
	/*border:1px solid #CC3366;*/
}
.mini_cart_empty{
	position: absolute;
	left:644px;
	top:5px;
	height:12px;

	color:#999999;
	background:url('../images/site/cart_empty.png') no-repeat;
	padding:0px 0px 0px 24px;

	line-height:10px;
}
.mini_cart_full{
	position: absolute;
	left:644px;
	top:5px;
	height:12px;

	color:#999999;
	background:url('../images/site/cart_full.png') no-repeat;
	padding:0px 0px 0px 24px;

	line-height:10px;
}
.mini_cart_full a{
	color:#999999;
	text-decoration:none;
	
	outline:none;
}
.mini_cart_full a:hover{
	color:#cccccc;
	
	outline:none;
}
.mini_cart_table{
	width:180px;
	border-spacing:0px;
	margin-left:18px;
}
.mini_cart_left{
	text-align:left;
}
.mini_cart_right{
	text-align:right;
}


.list_view_table tr.tr_alt{
	background-color:#eeeeee;
}
/*cart*/

/*public forms*/
.form_row_headline{
	height:30px;
	vertical-align:bottom;
}
form td{
	color:#333333;
}
/*public forms*/


.purple_10{
	color:#3b2a7b;
}
.purple_10_bold{
	font-family:Arial, Helvetica, sans-serif;
	color:#3b2a7b;
	font-size:12px;
	font-weight:bold;
}
.purple_12{
	color:#3b2a7b;
	font-size:12px;
}
.purple_12_bold{
	color:#3b2a7b;
	font-weight:bold;
	font-size:12px;
}
.yellow_12_bold{
	font-family:Arial, Helvetica, sans-serif;
	color:#004ea7;
	font-size:12px;
	font-weight:bold;
}
.red_12_bold{
	color:#c10000;
	font-weight:bold;
	font-size:12px;
}
.red_headline{
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#3b2a7b;
}
.purple_headline{
	font-weight:bold;
	font-size:16px;
	color:#3b2a7b;
}
.black_10_bold{
	color:#000000;
	font-weight:bold;
}
.black_12_bold{
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.grey_10{
	color:#666666;
}

.featured{
	font-weight:bold;
	font-size:22px;
	color:#3b2a7b;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.forum_topic_header{
	font-weight:bold;
	font-size:16px;
	color:#3b2a7b;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.nav_crumb_static{
	font-weight:bold;
	font-size:16px;
	color:#12053f;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.nav_crumb{
	font-weight:bold;
	font-size:16px;
	color:#12053f;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.nav_crumb:hover{
	text-decoration:underline;
}
.href_small{
color:#3b2a7b;

	font-size:10px;
	
	text-decoration:none;
}
.sl_link{
	color:#3b2a7b;
	font-weight:bold;
	font-size:10px;
	
	text-decoration:none;
}
.sl_link_2{
	color:#3b2a7b;
	font-size:10px;

	text-decoration:none;
}
.sl_link:hover{
	text-decoration:underline;
}
.sl_link_2:hover{
	text-decoration:underline;
}
.side_more{
	color:#3b2a7b;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
.side_more:hover{
	text-decoration:underline;
}
.product_nav{
}
.product_nav ul{
	list-style-type:none;
	padding:0px;
	margin:0px 0px 0px 10px;
}
.doc_link{
	color:#3b2a7b;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.doc_link:hover{
	text-decoration:underline;
}
.rel_prd_link{

	color:#3b2a7b;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.rel_prd_link:hover{
	text-decoration:underline;
}

.product_cart_box{
	width:250px;
	border:1px solid #3b2a7b;
	background-color:#efefef;
	margin:3px;
	padding:5px;
	line-height:16px;
}
.padded_td{
	padding-top:5px;
}
.cart_money_field{
	text-align:right;

}
.cart_money_field_bold{
	text-align:right;
	font-weight:bold;
}
.add_prod_container{

	padding:6px 18px 6px 3px;
	line-height:16px;
	
	background:url('../images/site/bg_sidebar.png') repeat-y right;
}
.item_price{
	font-weight:bold;
	font-size:14px;
	color:#3b2a7b;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.table_header_td{
	font-weight:bold;
	font-size:12px;
	background-color:#12053f;
}
.table_header_td a{
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	
	outline:none;
}
.purp_ul{
	padding:3px;
	border-bottom:1px solid #12053f;
}
.product_container{
	/*border:1px solid #FF3300;*/
	/*margin:5px 0px 20px 0px;*/
}
.product_copy{
	/*padding:3px 3px 0px 5px;
	line-height:11px;*/
}
.product_header{
	border-bottom:1px solid #3b2a7b;	
	padding:2px;	
	font-weight:bold;
	font-size: 1.6em;
	color: rgb(211,66,38);
	font-family:Geneva, Arial, Helvetica, sans-serif;
}


.product_data_container{
	/*border:1px solid #99CC33;*/
	position:relative;
	padding:0px 0px 0px 5px;
}
.product_pdf_container{
/*
	position: relative;
	left:0px;
	top:10px;
	*/
	float:left;
	/*border:1px solid #993399;*/
	
	width:280px;

padding:2px;
line-height:12px;
/*	line-height:25px;*/
}
.mix_container{
	border:1px solid #dddddd;
	margin:15px 0px 0px 0px;
	padding:8px;
	background-color:#eeeeee;
}
.mix_table{
	border:1px solid #dddddd;
	background-color:#ffffff;
}
.paint_mix_container{
	width:100px;
	height:20px;
	/*border:1px solid #0099CC;*/
}
.product_cart_container{
	width:220px; /*was 180 pre images*/
	position:relative;
	float:right;
	/*left:275px; /*was 310*/
	top:0px;
	
	/*padding:3px 0px 3px 0px;
	margin:3px 0px 3px 0px;
	text-align:right;*/
	/*border:1px solid #CC3366;*/
}

.prd_cart_internal_container{
	/*padding:3px 0px 3px 0px;
	margin:3px 0px 3px 0px;*/
	text-align:right;
}

.doc_padder{
	padding:15px 0px 0px 10px;
}

.doc_padder_right{
	text-align:right;
	padding:15px 0px 0px 10px;
}


.product_container table{
	border:1px solid #999999;
	border-collapse:collapse;
}
.product_container th{
	background-color:#3b2a7b;
	font-size:12px;
	color:#ffffff;
}
.product_container td{
	border:1px solid #999999;
	padding:3px;
}
.product_tr_alt{
	background-color:#dedede;
}

.tr_alt_docs{
	background-color:#dedede;
}
.td_docs{
vertical-align:top;

padding:5px;
}
.td_docs a{
font-size:12px;
}


.w20{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:20px;
}

.w25{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:25px;
}
.w35{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:35px;
}
.w35_r{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:35px;
	text-align:right;
}
.w50{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:50px;
}
.w75{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:75px;
}

.w75_r{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:75px;
	text-align:right;
}
.w75_r_bold{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:75px;
	text-align:right;
	font-weight:bold;
	
}
.w75_r_header_bold{
	height:15px;
	width:75px;
	color:#3b2a7b;
	font-weight:bold;
	font-size:12px;
		text-align:right;
}

.w100{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:100px;
}
.w125{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:125px;
}
.w150{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:150px;
}
.w175{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:175px;
}
.w200{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:200px;
}
.w250{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:250px;
}
.w250_bold{
	height:15px;
	width:250px;
	font-weight:bold;
}
.w250_header_bold{
	height:15px;
	width:250px;
	color:#3b2a7b;
	font-weight:bold;
	font-size:12px;
}
.w300{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:300px;
}
.w500{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:500px;
}
.w750{
	/*border:1px solid #66FF00;*/
	height:15px;
	width:750px;
}