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

/*
 * Colors
 * =====================
 * Base Red:	#ad0101
 * Base Purp:	#309
 * Text Grey:	#676767
 * Links:		#0072bc
 *
 */


/*
 * Backgrounds
 */
.bg_red {
	background:url(../structure_images/bg_red.gif) repeat-x;
	color:#fff;
	text-shadow: 0 0 4px #000;
	padding:5px 8px;
	margin:0;
	display:block;
	white-space:nowrap;
}
.bg_grey {
	background:url(../structure_images/bg_grey.gif) repeat-x;
	color:#fff;
	text-shadow: 0 0 4px #000;
	padding:5px;
	margin:0;
	display:block;
	white-space:nowrap;
}
.env {
	display:block;
	background: url(../structure_images/env.png) no-repeat left center;
	padding-left:30px;
	color:#fff;
	cursor:pointer;
}
.trans {
	/*background: rgb(255, 255, 255); /* The Fallback 
	background: rgba(255, 255, 255, 0.5);*/
	background: url(../structure_images/trans.png);
}
/*
 * Borders
 */
.bdr_grey {
	border:1px solid #999;
}
.bdr_btm {
	border-bottom:1px solid #999;
}
.bdr_r5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bdr_shdw {
	-moz-box-shadow:0 0 6px #999;
	-webkit-border-shadow:0 0 6px #999;
	border-shadow:0 0 6px #999;
}

/*
 * Structure
 */
 
.f_left { float:left }
.f_right { float:right }


.pad5 { padding:5px }

html {
	background-color:#bfbfbf;
	height:100%; 
	margin:0; 
	padding:0;
}
body {
	background-color:#fff;
	width:1024px;
	margin:0 auto;
	position:relative;
	min-height:100%;
	
	-moz-box-shadow: 0 -6px 6px #666;
	-webkit-box-shadow: 0 -6px 6px #666;
	box-shadow: 0 -6px 6px #666;
}

/*
 * Banner
 */

#banner {
	/*background:#fff;  -- Will have rotating banner JS -- */
	height:84px;
	overflow:hidden;
	position:relative;
	border-bottom:2px solid #fff;
}
#banner .logo {
	margin-left:10px;
	
	-moz-box-shadow: 0 0 6px #666;
	-webkit-box-shadow: 0 -6px 6px #666;
	box-shadow: 0 0 6px #666;
}
#ps {
	position:absolute;
	bottom:0;
	right:20px;
	border:1px solid #999;
	border-bottom:none;
	width:194px;
	height:25px;
}
#ps input[type="text"] { /* needs ie fix script to add class */
	border-width:0px;
	width:159px;
	height:15px;
	position:absolute;
	top:0;
	left:0;
	color:#aaa;
}
#ps input[type="submit"] { /* needs ie fix script to add class */
	background:url(../structure_images/ps_submit.gif);
	width:25px;
	height:25px;
	text-indent:-5000px;
	border-width:0px;
	position:absolute;
	top:0;
	right:0;
}

/*
 * Custom Items
 */
#utility {
	position:absolute;
	right:0px;
	top:6px;
	text-align:right;
	z-index:2;
}
#utility a {
	background:#fff;
	padding:6px 8px;
}
#links {
	padding:8px;
}

/*
 * Content
 */
#content {
/*	border-top:5px solid #ad0101;
*/	padding:5px
}
#content .lc {
	float:left;
	padding:5px;
	width:170px;
	position:relative;
	z-index:2;
}
#content .rc {
	float:right;
	padding:5px;
	width:824px;
	position:relative;
	z-index:1;
}
.sc {
	background:url(../structure_images/line_vertical.gif) repeat-y center center;
	margin-top:15px;
}
.sc .lc, .sc .rc{width:404px !important;padding:0 !important;position:static !important;}
#content:after, .sc:after { /* needs ie fix script to add break + clearfloat */
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
 * Foot
 */
#content {
	padding-bottom:50px;
}
#footer {
	height:50px;
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#fff;
}
 
/*
 * Navigation
 */
.main_cat {
	padding:25px;
}
.main_purp .main_cat, li.purp .main_cat{
	background:url(../structure_images/main_cat_purple_L.gif);
}
.main_red .main_cat, li.red .main_cat{
	background:url(../structure_images/main_cat_red_L.gif);
}

ul.nav, ul.nav ul {
	padding:0;
	list-style:none;
	width:168px;
	border-top:0;
	margin:0 0 10px;
}
ul.nav li a {
	text-transform:uppercase;
	font-size:14px;
	font-weight: bold;
	display:block;
	color:#333;
	padding:7px;
}

ul.nav li:hover, ul.nav li.over, ul.nav li a:hover {
	background:#efefef;
	position:relative;
}

/* sub nav */
ul.nav li ul {
	background:#fff;
	position:absolute;
	border:1px solid #999;
	left:90%;
	top:5px;
	display:none;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	z-index:20

}
ul.nav li:hover ul, ul.nav li.over ul {
	display:block;
}

/*
 * Chat Box
 */
.chat {
	border-top:none;
	text-align:center;
	padding:15px 5px;
	margin-bottom:10px;
}
/*
 * search results / products display
 */
 
ul.results {
	list-style:none;
	margin:8px 0 0;
	padding:0;
	/*text-align:center;*/
	width:100%;

}
ul.results li {
	/*float:left;*/
	display:inline-block;
	position:relative;
	height:159px;
	width:187px;
	border:1px solid #999;
	margin:4.6px 3.4px;
	padding:4px;
	text-align:center;
	vertical-align:top;
	padding-bottom:28px;
	line-height:159px;

}
ul.results li img { vertical-align:middle; }
ul.results li p {
	position:absolute;
	left:4px;
	bottom:4px;
	width:150px;
	text-align:left;
	line-height:14px;
}
ul.results li p a { color:#555 }	
ul.results li a.bdr_r5 {
	bottom:4px;
	display:block;
	height:24px;
	overflow:hidden;
	position:absolute;
	right:4px;
	width:31px;
	text-indent:-5000px;
}
ul.results li:hover { border-color:#ad0101; }
ul.results li a:hover, ul.results li:hover a { color:#ad0101 }
ul.results li a.view {
	background:transparent url(../structure_images/action_view.gif) repeat scroll 0 0;
}
ul.results li a.add {
	background:transparent url(../structure_images/action_cart_sm.gif) repeat scroll 0 0;
}
ul.results:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
 * pagination
 */
.pagination {
	font-size: 1.1545em;
	text-align:right;
	padding:2px 0;
	height:15.5px;
}
.pagination a {
	color:#676767;
	padding:2px 4px;
}
.pagination a.on {
	background: #ad0101 !important;
	color:#fff;
	cursor:default;
}
.pagination a:hover {
	background: #efefef;
}

/*
 * widgets
 * ============================================================
 */


/* 
 * tabs 
 */
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

	height:				23px;
	/*background:#eee;*/
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		8px 10px 2px;
	/*border:			1px solid #ccc;*/

	z-index:		1;
	white-space:	nowrap;
	text-align:		center;
	/*-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;*/

}

.dynamic-tab-pane-control .tab-row .tab.selected {
	height:				24px !important;
	background:#fff;

	border:					1px solid #999 !important;
	border-bottom-width:	0 !important;
	z-index:		3;
	margin:			1px -3px -3px 0px;
	padding:		8px 10px 2px !important;
	top:			-2px;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-size: 12.7px;
	color:#000;
	/*font:				normal 12px Verdana,sans-serif;
	color:				#bbb;
	text-decoration:	none;*/
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	color:#AD0101;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	border:					1px solid #efefef;
	border-bottom-width:	0;
	height:					22px;
	padding:				7px 9px 3px;

}

.dynamic-tab-pane-control .tab-row .tab.hover a {
	color:#AD0101;
	/*height:				16px;*/
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border-top:		1px solid #999;
	z-index:		2;
	position:		relative;
	top:			-2px;	
	padding:		10px 0;
	overflow-x:hidden;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	padding: 0 8px;
	height:35px;
}

/* 
 * Product Tables
 */
 
.tbl_product {
	width:100%;
}
.tbl_product th {
	padding:3px 5px;
}
.tbl_product td {
	border-top:1px solid #999;
	height:66px;
	padding:3px 5px;
	vertical-align:top;
}
.item_col, .Product_col {
	text-align:left;
}
.item_col {min-width:60px}
.Price_col {
	text-align:right;
	width:88px;
}
.note, .tbl_product td a.bdr_r5 {
	display:block;
	margin-top:5px;
}
/* 
 * image displayer
 */
.main_img {
	background:url(../structure_images/loading.gif) no-repeat center center;
	/*min-height:200px;*/
	text-align:center;
	padding:5px 0 15px;
}
.main_img img {
	max-width:404px;
}
ul.img_picker {
	list-style:none;
	margin:0 0 30px;
	padding:0;
	/*text-align:center;*/
	width:100%;

}
ul.img_picker li {
	/*float:left;*/
	display:inline-block;
	position:relative;
	height:128px;
	width:128px;
	line-height:128px;
	border:1px solid #999;
	margin:3px 1.9px;
	/*padding:4px;*/
	text-align:center;

}
ul.img_picker li img {
	vertical-align:middle;
}
	
ul.img_picker:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.st {margin-left:0 !important;}
.fn {margin-right:0 !important;}

/*
 * Landing Page
 */

.feature_box {
	width:267px;
	height:267px;
	display:inline-block;
	margin:10px 4.2px;
	vertical-align:middle;
}
.feature_box h5.bg_red {padding:4px 8px}
.feature_box div.bdr_grey {
	width:255px;
	height:234px;
	padding:5px;
	border-top-width:0;
	/*overflow:hidden;*/
	overflow-y:auto;
	overflow-x:hidden	
}

/*
 * Home Page Specific
 */
.home {
	padding:75px 0 90px;
	margin-bottom:5px;
}
.cont {
	width:522px;
	margin:auto;
	padding:36px;
}
.cont h1 {
	color:#000;
	font-size:23px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	margin:4px;
}
.cont ul {
	margin:0;
	padding:0;
	list-style-type:none;
	/*text-align:justify;*/
}
.cont ul li {
	display:inline-block;
	margin:4px;
}
.cont img.main_cat {
padding:0;
height:120px;
width:120px;
}

/*
 * modals 
 */

.blocker {
position:fixed; 
left:0; 
top:0; 
width:100%; 
height:100%; 
background:#000; 
-khtml-opacity:.50; 
-moz-opacity:.50; 
-ms-filter:”alpha(opacity=50)”; 
filter:alpha(opacity=50); 
opacity:.50; 
z-index:5
}
.modal {
position: fixed; 
left:50%; 
top:50%;
margin:-150px;
background:#FFF; 
border: 1px solid #eee; 
z-index:6; 
padding:8px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
}
.small {
/*height:100px;*/ 
width:250px; 
margin:-100px -150px; 
}

.med {
/*height:200px; */
width:300px; 
margin:-150px; 
}

.med input {width:279px;}
.med textarea { width:284px; padding:5px;}
.med input[type='submit'], .med input[type='button'] {width:auto}

/*msds*/
table.msds { border-left:1px solid #ccc; }
table.msds td, table.msds th{ border-right:1px solid #ccc; }
table.msds td{ border-bottom:1px solid #ccc; }