/* Old styles.css */
/*==========================================================*/


.subhead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px
}
.large_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px
}
.browse
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px
}
.paragraph
{
    FONT-SIZE: 13px
}
UNKNOWN
{
    BORDER-RIGHT: #000000 1px solid
}
.left_border
{
    BORDER-LEFT: #000000 1px solid
}
.line_below
{
    BORDER-BOTTOM: #000000 1px solid
}
.line_below_right
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid
}
.border_below_left
{
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid
}
.black_border
{
    BORDER:1px solid #ABADD3;
}
.disclosure
{
    FONT-SIZE: 9px
}
A:link

{
  

}
A:visited
{
 
}
A:hover
{
    COLOR: red;
  
}
A.main:link
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.main:visited
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.main:hover
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #ffff00;
    TEXT-DECORATION: underline
}
A.main1:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0066cc;
    TEXT-DECORATION: none
}
A.main1:visited
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #0066cc;
    TEXT-DECORATION: none
}
A.main1:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    TEXT-DECORATION: underline
}
A.member:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #354fa1;
    TEXT-DECORATION: none
}
A.member:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #354fa1;
    TEXT-DECORATION: none
}
A.member:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ff0033;
    TEXT-DECORATION: underline
}
.nav_text
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #000066
}
A.custom:link
{
    FONT-SIZE: 9px;
    COLOR: #000066;
    LINE-HEIGHT: 11px
}
A.custom:visited
{
    FONT-SIZE: 9px;
    COLOR: #000066;
    LINE-HEIGHT: 11px
}
A.custom:hover
{
    FONT-SIZE: 9px;
    COLOR: #000066;
    LINE-HEIGHT: 11px
}
.special
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #cc0000
}
.title
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16px;
    COLOR: #656565;
}
.dim_title
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #999999
}
.sub_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #6699cc
}
.subheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px
}

.browseTable{
	border:#ABADD3 1px solid;
}

.browseTable > tbody > tr:nth-child(2) > td{
	padding: 20px 0;
}

.browseTable > tbody > tr:nth-child(2) > td:last-child{
	padding-right:50px;
}

.browseTable > tbody > tr:nth-child(2) > td:first-child{
	padding-left:50px;
}

.browseTable > tbody > tr:first-child > td{
    padding:5px 0 5px 30px;
}

.ssResults{
	border:1px solid #ABADD3;
}

.ssResults .ssHead a{
	color:#3457AA;
}

.ssResults .ssHead{
	height:28px;
}

.ssResults .first{
	padding-left:5px;
}

.ssResults.specs td{
	padding-left:10px;
}

.searchHeader{
	height:30px;
	color:#000;
	font-weight:bold;
	FONT-WEIGHT: bold;
  BACKGROUND: #E5E5E5;
  COLOR: #3457aa;
  BORDER-BOTTOM: #ABADD3 1px solid

}



.searchHeader .first{
	padding-left:20px;
}

.header
{
    FONT-WEIGHT: bold;
    BACKGROUND: #E5E5E5;
    COLOR: #3457aa;
    BORDER-BOTTOM: #ABADD3 1px solid
}
.headerB
{
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #6699cc;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #003366 1px solid
}
.kanban
{
    FONT-SIZE: 16px
}
.barcode
{
    FONT-SIZE: 18px;
    FONT-FAMILY: SKANDATA C39W;
}
.oddrow
{
    BACKGROUND: #ffffff;
	/*adjusted Height to expand the pages*/
	height:33px;
}
.evenrow
{
    BACKGROUND: #ecf1f6;
	/*adjusted Height to expand the pages*/
	height:33px;
}
.yellowrow
{
    BACKGROUND: #ffffe0
}
.header2
{
    BORDER-RIGHT: #6b5000 1px solid;
    BORDER-TOP: #debe5c 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #cc9900;
    BORDER-LEFT: #debe5c 1px solid;
    COLOR: #ffffcc;
    BORDER-BOTTOM: #6b5000 1px solid
}
.header2R
{
    BORDER-RIGHT: #6b5000 1px solid;
    BORDER-TOP: #debe5c 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #cc9900;
    BORDER-LEFT: #debe5c 1px solid;
    COLOR: #ffffcc;
    BORDER-BOTTOM: #6b5000 1px solid;
    TEXT-ALIGN: right
}
.header2RB
{
    BORDER-RIGHT: #6b5000 1px solid;
    BORDER-TOP: #debe5c 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #cc9900;
    BORDER-LEFT: #debe5c 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #6b5000 1px solid;
    TEXT-ALIGN: right
}
.header2RBK
{
    BORDER-RIGHT: #6b5000 1px solid;
    BORDER-TOP: #debe5c 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #cc9900;
    BORDER-LEFT: #debe5c 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #6b5000 1px solid;
    TEXT-ALIGN: right
}
.header2Red
{
    BORDER-RIGHT: #6b5000 1px solid;
    BORDER-TOP: #debe5c 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #FF0000;
    BORDER-LEFT: #debe5c 1px solid;
    COLOR: #ffffcc;
    BORDER-BOTTOM: #6b5000 1px solid
}
.header2Green
{
    BORDER-RIGHT: #6b5000 1px solid;
    BORDER-TOP: #debe5c 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #00cc00;
    BORDER-LEFT: #debe5c 1px solid;
    COLOR: #ffffcc;
    BORDER-BOTTOM: #6b5000 1px solid
}
.oddrow2
{
    BACKGROUND: #ffffff
}
.evenrow2
{
    BACKGROUND: #ffffcc
}
.intro_paragraph
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px
}
.form_titles
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000066;
    TEXT-ALIGN: right
}
.parametric_titles
{
    FONT-SIZE: 9px;
    COLOR: #000066;
    TEXT-ALIGN: right
}
I
{
    COLOR: #0066cc;
    FONT-STYLE: italic
}
.alert
{
    FONT-WEIGHT: bold;
    COLOR: #cc0000
}
.footer
{
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    BACKGROUND: #6699cc;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: #ffff99;
    BORDER-BOTTOM: #003366 1px solid;
    FONT-STYLE: normal
}
.evenrow_bb
{
    BORDER-BOTTOM: teal 1pt solid;
    BACKGROUND: #ecf1f6
}
.oddrow_bb
{
    BORDER-BOTTOM: teal 1pt solid;
    BACKGROUND: #ffffff
}
.serialselect
{
    BACKGROUND: #ffffe0;
    FONT-SIZE: 20px;
    FONT-WEIGHT: Bold;
    FONT-FAMILY: 'Courier New', Courier
}
.xlarge
{
    FONT-SIZE: 24px;
}
.mlarge
{
    FONT-SIZE: 20px;
    FONT-WEIGHT: Bold;
}
.slarge
{
    FONT-SIZE: 16px;
    FONT-WEIGHT: Bold;
}





/* New Styles */
/* =================================================== */

*{
	margin: 0;
	padding: 0;
}

html, body{
	height: 100%;
}

img{
	border: none;
}

body{
	background-color: #fff;
}

body, input, a{
	color: #656565;
	font-family: Arial;
	font-size: 12px;
	letter-spacing:0px;
	text-decoration: none;
}

h2{
	color: #333;
	font-size: 13px;
	padding-left: 18px;
	margin-bottom: 6px;
	border-bottom: solid 1px #CCCCCC;
	text-transform: uppercase;
}

h3{
	color: #3457AA;
	font-size: 15px;
	padding-left: 2px;
	margin-bottom: 3px;
	border-bottom: solid 1px #CCCCCC;
}

span.text-blurb{
	color: #606060;
	display: block;
	margin: 0 5px;
	padding: 9px 14px;
	background-color: #E5E5E5;
}

.block{
	margin-bottom: 10px;
}

.clear{
	clear:right;
	visibility:hidden;
}

#wrapper{
	height: auto !important;
	min-height: 100%;
	margin: 0 auto -100px;
	width: 1000px;
	background-color: #FFF;
	border-color:#CCCCCC;
	border-style:none solid;
	border-width:1px;
}

#banner{
	background-color: #FFF;
	height: 120px;
	overflow:auto;
	position:relative;
}

#banner_additional{
	position:absolute;
	top:12px;
	right:20px;
	text-align:right;
  font-size:12px;
	line-height:18px;
}

#logoLink{
	display: block;
	width:112px;
	height:73px;
	margin-left: 28px;
	margin-top: 10px;
}

#logo{
	width:112px;
	height:73px;
	background: url(/images/logoinv.png) no-repeat #3457AA;
}

#logoLink{
	display: block;
	width:112px;
	height:73px;
	margin-left: 0px;
	margin-top: 0px;
}

#logo{
	width:1000px;
	height:100px;
	background: url(/images/header_logo.png) no-repeat #3457AA;
}

#form-wrapper{
	float:right;
	width:630px;
	text-align:right;
	padding:65px 21px 7px 0;
}

#product-search-form{
	float:left;
}

#msds-search-form{
	margin-top: 13px;
}

#form-wrapper label{
	margin-right: 10px;
}

#form-wrapper .text-input{
	height:16px;
	width: 150px;
	border: solid 1px #ABADB3;
}

#form-wrapper .gold-button{
	height:18px;
	border: solid 1px #ABADB3;
	border-left: none;
	vertical-align:top;
	font-weight:bold;
	color: 0;
}

.menu{
	clear:right;
	height:28px;
	list-style-type: none;
	background-color: #E5E5E5;
	border: solid 1px #ABADB3;
	border-left: none;
	border-right: none;
	padding-left: 216px;
}

.menu > li{
	float:left;
	display:inline;
	margin-right: 35px;
	padding-top: 7px;
}

.menu > li > a{
	color:#3457AA;
	font-size: 12px;
	font-weight:bold;
	padding-right: 14px;
	background: url(/images/arrow.png) no-repeat right center;
}

.vertical-menu{
	padding: 7px 0 0 17px;
	list-style-type: none;
}

.vertical-menu > li{
	margin-bottom: 4px;
}

.vertical-menu > li > a{
	color:#3457AA;
	font-size: 12px;
	font-weight:bold;
	padding-left: 11px;
	background: url(/images/arrow.png) no-repeat left center;
}

#content{
	overflow:auto;
	padding-bottom: 10px;
}

#inner-left{
	float:left;
	width:550px;
	padding-top: 6px;
}

#inner-content-all {
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}

#flash-slides{
	width:540px;
	margin: 0 auto;
}

#featured-products{
	border: solid 1px #9A9A9A;
	border-top: solid 1px #6D6D6D;
	width: 540px;
	margin: 0 auto;
}

#featured-products > span.head{
	display:block;
	border-top: solid 1px #6D6D6D;
	background-color:#CCCCCC;
	color:#3357AA;
	font-size:12px;
	font-weight:bold;
	padding:3px 5px;
}

#featured-products > div.links{
	width:100%;
	overflow-x:auto;
}

#featured-products > div.links > a{
	display:inline-block;
	margin:5px 15px 5px 57px;
	width:120px;
	vertical-align:top;
	word-wrap: break-word;
}

#featured-products > div.links > a:first-child{
	margin-left:15px;
}

#featured-products > div.links > a > span.head{
	display:block;
	color:#3357AA;
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
}

#left-content{
	float:left;
	width:180px;
	padding: 6px 25px 0 10px;
}

#login-form{
	margin-left: 4px;
}

#login-form .block-label{
	display: block;
	font-weight:bold;
}

#login-form #remember{
	margin-top:8px;
}

#login-form label.remember{
	color: #999;
	margin-top: 8px;
	padding-left: 5px;
	vertical-align:bottom;
}

#login-form .text-input{
	width: 95%;
}

#quick-order-form{
	width: 150px;
	padding: 5px 12px;
	background-color:#EFEFEF;
}

.qty{
	display:block;
	width: 38px;
	margin-top: 4px;
}

.item{
	display:block;
	width: 67px;
	margin-top: 4px;
}

#quick-order-form .left{
	float:left;
}

#quick-order-form .right{
	float:right;
}

input.submit{
	float: right;
	color: #FFF;
	cursor: pointer;
	padding-top:2px;
	margin: 5px 13px 0 0;
	border: solid 1px #CCC;
	background: url(/images/blue_button_bg.png) repeat-x;
}

#login-form input.submit{
	width: 57px;
}

#quick-order-form input.submit{
	width: 70px;
	margin: 15px 0 0;
}

#left-footer{
	border-top: solid 1px #CCC;
	padding-top:20px;

}

.gold-button{
	cursor: pointer;
	background: url(/images/gold_button_bg.png) repeat-x;
}

#inner-right{
	float:right;
	width:190px;
	padding: 6px 20px 0 6px;
}

#footer{
	clear:both;
	width: 1000px;
	margin:0 auto;
}

#footer span{
	color: 0;
	font-size: 10px;
	display:block;
	padding-top: 5px;
	font-weight: bold;
	padding-left: 221px;
}

#footer span.head{
	color:#3357AA;
	font-size: 15px;
	padding: 7px 0 3px 221px;
	background-color: #E5E5E5;
	border-top: solid 1px #ABADB3;
}

#footer, .footer-push{
	height:100px;
}






/* Color Themes for landing pages
=======================================================*/

body.site2 #logo{
	background-color: #555555;
}

body.site2 #menu{
	background-color:#999999;
	border-color:#000000;
}

body.site2 .menu > li > a{
	color:#FFFFFF;
}

body.site2 #featured-products{
	border-color:#000000;
}

body.site2 #featured-products > span.head{
	color:#FFFFFF;
	border-color:#000000;
	background-color:#999999;
}

body.site2 #footer span.head{
	color:#FFFFFF;
	border-color:#000000;
	background-color:#999999;
}


h1 {
	color:#3457AA;
	font-size:18px;
	margin-bottom:10px;
	margin-top:15px;
}

.contact_zone a {
		color:#3457AA;
		text-decoration:underline;
		font-weight:bold;
	
}
#col1,#col2,#col3,#col4 {
	float:left;

}



.contact_zone {
	padding:10px;
	padding-right:10px;
	width:220px;
	line-height:150%;
	font-size:13px;
	
}


#maincontent {
	width:550px;
	float:left;
	padding:20px;
}

#rightcontent {
	float:left;
	width:275px;
	padding:20px;
	margin-left:30px;
	background-color:#e5e5e5;
	margin-top:20px;
	border:1px solid #ABADB3;
	
}

#rightcontent h3 {

}

.l {
	font-size:22px;
}

#notes {
	width:600px;
	font-size:13px;
}

#notes p {
	margin-bottom:15px;
}

.ktable {
	padding:5px;
	border:1px solid grey;
}

.ssResults tr.evenrow td {
	padding:5px;

}

.ssHead td{
	padding:5px;
}

.ssResults tr.oddrow td {
	padding:5px;
}

.rtable td {
border-left:1px solid grey;

padding:4px;
}