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

/****************************
 Red: #910018
Blue: #262187
Text: #333
Super-Light Gray: #EBEBEB
*****************************/

* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333; }
	
#page-wrap {
	width: 950px;
	margin: 0 auto; }
		
a, a acronym, a abbr {
	text-decoration: none;
	color: #910018;
	border-style: none; }
	
a:hover, a:hover acronym, a:hover abbr {
	color: #FFF;
	background-color: #910018;
	border-style: none; }
	
ul, ol {
	list-style-type: none;	}
	
p {
	padding: 0 0 10px 0;
	line-height: 1.3em;	 }

p a {
	font-weight: bold; }
/*p a:hover {
	text-decoration: none; }*/


.pdfs {
	margin: 0 0 0 5px;
	font-size: 12px;
	color: #666;
	letter-spacing: 0.1em; }

acronym, abbr {
	color: inherit;
	text-decoration: none;
	border: none;
	font-style: inherit;
	font-weight: inherit; }
address {
	font-style: normal;
	text-align: left;
	margin: 0 30px 10px 40px;
	padding: 5px 0 5px 15px;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999; }
a img, a:hover img {
	border: none;
	padding-bottom: 0; }

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

LAYOUT MAIN ELEMENTS

********************************/
#top {
	margin: 0 auto;
	position: absolute;
	top: 0px;
	z-index: 1000;
	width: 950px; }
#main {
	margin: 123px 0 20px 0; }
.no-banner #main {
	margin-top: 100px; }
	
#sidebar {
	width: 250px;
	float: left;
	margin-top: 5px; }
#content {
	width: 680px;
	float: right;
	margin: 5px 0 25px 0; }
.section {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #910018;
	padding: 5px 0 10px 0;
	margin: 10px 0 10px 0;
	width: 100%;
	clear: both; }
.full_spread {
	padding: 10px 0 0 0;
	margin: 0 0 30px 0;
	clear: both; }
.full_spread_box {
	margin: 10px auto;
	width: 800px;
	border-width: 1px 1px 3px 1px;
	border-style: solid;
	border-color:  #910018;
	padding: 10px;
	text-align: center; }
.full_spread_box h2 {
	background-color: #FFF;
	color: #910018;
	font-size: 18px;
	font-weight: normal; }
.full_spread_box h3 {
	color: #910018;
	font-size: 16px;
	margin-left: 20px; }
.center_box {
	clear: both;
	width: 550px;
	margin: 25px auto;
	border: 1px solid #910018;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
div.topnavigation {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #910018;
	text-transform: uppercase; }

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

FOOTER FOOTER FOOTER FOOTER FOOTER

***************************************/
#footer {
	font-size: .7em;
	font-style: normal;
	color: #333;
	margin: 10px 0;
	padding: 0 0 10px 0;
	text-align: center;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #910018;
	text-align: center; }
ul#breadcrumb {
	height: 40px;
	font-size: 12px;
	clear: both;
	text-transform: uppercase;
	padding-top: 5px;  }
ul#breadcrumb li {
	float: left; 
	line-height: 30px; 
	color: #333;
	background:url(../img/breadcrumb_divider.jpg) no-repeat right center; }
ul#breadcrumb li a {
	display:block; 
	padding:0 10px 0 10px;
	margin-right: 15px;
	margin-left: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
ul#breadcrumb li a:hover {
	background-color: #910018; }
ul#breadcrumb li.current {
	display:block; 
	padding:0 10px 0 10px;
	margin-right: 15px;
	margin-left: 5px;
	background-image: none; }
/*
.bottom_links {
	text-align: center;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0; }
.bottom_links a {
	padding: 6px 9px;
	margin: 0 3px; }  
*/
.seperator {
	margin: 0 10px; }
#footer address {
	font-style: normal;	
	border: none;
	margin: 0;
	padding: 0;
	text-align: center; }
/*#footer acronym, #footer abbr {
	font-style: normal;
	font-weight: normal; }*/


ul#bottom_links {
	width: 870px;
	margin: 10px auto;
	text-transform: uppercase; }
ul#bottom_links li {
	float: left;
	width: auto;
	margin-right: 20px; }
ul#bottom_links a {
	padding: 5px;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
	
ul#foot-sitemap {
	padding-left: 10px;}
ul#foot-sitemap li {
	width: 100px;
	float: left;
	text-align: left; }
ul#foot-sitemap li a {
	font-weight: bold;
	font-size: 1.1em; }
ul#foot-sitemap ul {
	padding-top: 3px; }
ul#foot-sitemap ul li {
	padding-left: 5px;
	margin-left: 2px;
	border-left: 1px solid #666; }
ul#foot-sitemap ul li a {
	font-weight: normal;
	text-decoration: none;
	color: #666;
}
	
	
ul#page_contact {
	font-style: normal;
	font-weight: normal;
	color: #333;
	margin: 20px 0;
	text-align: center;
	list-style-type: none; }
ul#page_contact li {
	margin: 5px 0; }
ul#page_contact li a {
	padding: 5px;
	margin: -5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
.iso {
	font-size: 1.2em;
	text-align: center;
	margin: 20px 0;
	color: #333; }
.iso a#isocert {
	position: relative;
	top: -12px;
	left: 5px;
	padding: 6px 9px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }


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

LAYOUT SUB ELEMENTS

********************************/
#top_banner {
	width: 950px; }
#top_banner h2 {
	text-align: center;
	margin: 3px 0px 0px 440px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #262187;
	line-height: normal;
	background-color: #FFF; }
#top_banner p {
	text-align: center;
	margin: 0px 0px 0px 440px;
	font-weight: bold;
	color: #910018; }
#top_banner p a {
	margin: 0px 0px 0px 10px;
	color: #262187;
	font-size: 12px; }
#top_banner p a:hover {
	color: #FFF; }
	
.sidebar_box {
	width: 100%;
	border-top: 1px solid #910018;
	border-right: 1px solid #910018;
	border-bottom: 3px solid #910018;
	border-left: 1px solid #910018;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	text-align: center; }
.sidebar_box p {
	padding: 10px 0; }
.sidebar_box a {
	font-weight: bold; }
.sidebar_box_img {
	margin: 30px 0;
	text-align: center; }
.sidebar_box h3 {
	font-size: 18px; }
#sidebar .sidebar_box .news {
	margin: 10px 0;
	text-align: left;
	background-color: ##EBEBEB; }
#sidebar .sidebar_box .news li {
	text-indent: 0;
	margin-bottom: 10px;
	padding: 4px 8px 4px 15px;
	font-weight: normal;
	border: 1px solid #910018;
	margin-left: 5px;
	margin-right: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFF; }
#sidebar .sidebar_box .news li a {
	font-weight: normal;
	text-decoration: underline; }
#sidebar .sidebar_box .news li ul {
	list-style: disc;
	list-style-position: outside;
	margin-bottom: 4px;
	border: none; }

#sidebar .sidebar_box .news li ul li {
	border: none;
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 5px; }	
	
#sidebar .sidebar_box .header_misc {
	padding-left: 0; }
	
	
#sidebar .sidebar_box .news .banner_text {
	font-size: 14px; }
#sidebar .sidebar_box .news .banner_text a {
	font-weight: bold;
	border: 1px solid #910018;
	text-decoration: none; }

/******************************** FORMAT ELEMENTS ********************************/
#banner {
	margin: 5px 0px 15px 0;
	text-align: center; }
.desc {
	margin: 0 0 0 20px;
	padding: 5px 0 10px 10px;
	text-align: left;
	border-top: 1px none #910018;
	border-right: 1px none #910018;
	border-bottom: 1px none #910018;
	border-left: 1px solid #910018; }
p.desc a { }

#sidebar ul {
	font-size: .9em;
	list-style-type: none;
	list-style-position: inside; }
#sidebar ul li {
	margin: 0 0 15px;
	font-weight: bold; }
#sidebar ul ul {
	margin: 0 0 0 10px;
	border-left: 1px solid #910018;
	padding-left: 5px; }
#sidebar ul ul li{
	margin: 5px 0;
	font-weight: normal; }
#sidebar ul ul ul { }
#sidebar ul ul ul li { }
#sidebar ul ul ul li a {
	font-weight: normal; }
#sidebar ul ul ul li#selection a, #sidebar ul ul ul li#selection a:hover, #sidebar ul ul li#selection a, #sidebar ul ul li#selection a:hover {
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	cursor: default; }

.copyright/*, .copyright acronym*/ {
	font-style: normal;
	font-weight: normal;
	color: #999; }
.copyright a/*, .copyright acronym a*/ {
	padding: 5px;
	margin: -5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
#main .copyright {
	font-size: 10px;
	margin: 30px 0 0 10px; }
#main .copyright a {
	color: #999;
	text-decoration: underline; }
#main .copyright a:hover {
	color: #FFF;
	text-decoration: none; }
.column {
	width: 440px;
	float: left;
	margin: 15px 15px 0 15px; }
.column_rt {
	width: 440px;
	float: right;
	margin: 15px; }
.column_3 {
	width: 280px;
	float: left;
	margin: 15px 15px 0; }
.column_4 {
	width: 215px;
	float: left;
	margin: 15px 10px 0; }
.column_5 {
	width: 179px;
	float: left;
	margin: 20px 0 40px 10px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 1px solid #910018; }
.column_5 h3, .column_5 p {
	margin: 0 0 0 3px; }
.column_5 a:hover {
	color: #FFF; }
.column_split {
	width: 200px;
	float: left;
	margin: 0 20px 0 0; }
.column h4, .column_rt h4, .column_split h4 {
	font-size: 16px;
	margin: 10px 0 0;
	padding: 0; }
.column_split ul {
	margin: 5px 0 0 10px; }
	
.question {
	font-weight: bold;
	font-style: italic;
	margin-top: 10px; }
.answer {
	margin-left: 25px;
	margin-right: 45px;
	padding-left: 15px;
	border-left: 1px solid #910018; }
ul.answer {
	padding-left: 35px;
	list-style: disc;
	padding-bottom: 10px; }
ul.answer li {
	margin-top: 3px;
	margin-bottom: 3px; }
.author {
	color: inheret;
	font-style: italic;
	font-weight: bold; }
.author-credit {
	margin-top: 25px;
	border-top: 4px solid #CCC;
	padding-top: 15px;
	font-style: italic; }
	
.link-list { }
.link-list li {
	margin-bottom: 15px; }
.link-list h3 {
	font-size: 18px; }
.link-list h3 a {
	text-decoration: none; }
.link-list a.read {
	font-size: 12px;
	text-decoration: none;
	background-color: #EBEBEB;
	padding: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }
.link-list a.read:hover {
	background-color: #910018; }
	
.disclaimer {
	margin-top: 20px;
	clear: both; }



/******************************** MISC ELEMENTS ********************************/
.block-warco, .block-bro {
	width: auto;
	color: #FFF;
	float: right;
	padding: 3px 5px;
	font-weight: bold;
	margin-left: 5px;
	font-size: 16px; }
.block-warco {
	background-color: #910018; }
.block-bro {
	background-color: #262187; }


.image_float_left {
	float: left;
	margin: 10px 10px 10px 0; }
.image_float_right {
	float: right;
	margin: 10px 0 10px 10px; }
.list_float_left {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 0 40px 0; }
.list_float_right {
	float: right;
	margin: 10px 0 10px 10px;
	padding: 0 0 0 40px; }
.content_split_left {
	float: left;
	margin: 10px 10px 10px 0px;
	text-align: center;
	width: 330px; }
.content_split_right {
	float: right;
	margin: 10px 0px 10px 10px;
	text-align: center;
	width: 330px; }
.hide   {
   position: absolute;
   left: -9999px;
   top: -9999px; }
.red, .red abbr {
	color: #910018; }
.blue, .blue abbr {	
	color: #262187; }
.text_color {
	color: #333; }
.small {
	size: .8em; }
a:hover .small {
	color: #FFF; }
.small_link_rt {
	text-align: right;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: .1em;
	padding: 3px; }
.small_link_rt_blu {
	text-align: right;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: .1em; }
.small_link_rt_blu a {
	color: #262187;
	font-size: 12px;
	text-decoration: underline;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
.small_link_rt_blu a:hover {
	color: #FFF;
	text-decoration: none; }
.small_link_lt {
	text-align: left;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: .1em; }
	
#main .banner_text {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 25px 0 30px 0;
	padding-top: 10px;
	clear: both; }
#main .banner_text a {
	border: 2px solid #910018;
	padding: 10px 20px;
	margin: 25px 0 30px;
	text-decoration: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
.banner_text a:hover {
	border: 2px solid #910018;
	color: #FFF;
	padding: 10px 20px;
	margin: 25px 0 30px;
	text-decoration: none;
	background-color: #910018;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
	
#main .banner_text_store {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px 10px 20px;
	margin: 10px 0 15px;
	clear: both; }
#main .banner_text_store a {
	border: 2px solid #262187;
	background-color: #262187;
	color: #FFF;
	padding: 10px 20px;
	margin: 0 10px;
	text-decoration: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
#main .banner_text_store a:hover {
	border: 2px solid #910018;
	background-color: #910018;
	color: #FFF;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #910018;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
		
.banner_text_long {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
	margin: 25px 0 30px 0;
	clear: both;
	line-height: 40px; }
.banner_text_long a {
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
.banner_text_long a:hover {
	color: #FFF;
	text-decoration: underline;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: none; }
.table_link_rt, 
.table_link_lt {
	font-size: .8em;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 3px 0 50px 0; }
.table_link_rt {
	text-align: right;
	float: right;
	width: 85%; }
.table_link_lt {
	text-align: left;
	float: left;
	width: 14%; }
.table_link_rt a, 
.table_link_lt a {
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
.gray {
	color: #999; }
.clear {
	clear: both; }
.bold {
	font-weight: bold; }
.italic {
	font-style: italic; }
	
.bullets {
	list-style: disc;
	margin: 0 0 0 15px; }
.bullets li {
	margin: 5px; }
	
.numbering {
	margin: 0 0 0 30px;
	list-style-type: decimal;
}
.numbering li {
	margin: 5px; }
	
#main .buy-button a {
	padding: 3px 6px 4px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #262187;
	border: 1px solid #262187;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px; }
#main .buy-button a:hover {
	background-color: #910018;
	border-color: #910018; }

/******************************** HEADER ELEMENTS ********************************/
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
	text-indent: 0px;
	text-decoration: none; }
h1 {
	font-size: 36px;
	color: #262187;
	padding: 5px 0 5px 0;
	text-align: left;
	margin: 5px 0 8px 5px; }
h2 {
	padding: 10px 0 10px 20px;
	margin-bottom: 10px; }
h2, h2 abbr, h2 abbr, h2 sup {
	background-color: #910018;
	color: #FFF; }
h3, h3 sup, h3 acronym, h3 abbr {
	font-size: 24px;
	color: #910018;
	padding: 5px 0 0 0; }
h4 {
	font-size: 22px;
	color: #910018;
	padding: 10px 0; }
h5 {
	font-size: 16px;
	color: #910018;
	padding: 10px 0; }
h6 {
	font-size: 14px;
	color: #910018;
	padding: 10px 0; }
.header_performance, .header_performance acronym {
	color: #FFF;
	background-color: #2686BF;
	clear: both; }
.header_engineered, .header_engineered acronym {
	color: #FFF;
	background-color: #DB6D00;
	clear: both; }
.header_specification, .header_specification acronym {
	color: #FFF;
	background-color: #56BB44;
	clear: both; }
.header_misc, .header_misc acronym {
	color: #FFF;
	background-color: #910018;
	clear: both; }
.header_pricelist, .header_pricelist acronym {
	color: #FFF;
	background-color: #666;
	clear: both; }
.h1_sub, .h1_sub acronym {
	font-size: 24px;
	color: #262187; }
	
.spec-list {
	margin-left: -10px; }
.spec-list h2 {
	margin-bottom: 5px; }
.spec-list h3 {
	margin-top: 0; }
.spec-list a {
	text-decoration: none;
	color: #333; }
.spec-list a:hover {
	color: #FFF; }
.spec-list li {
	width: 450px;
	float: left;
	margin: 0 10px 20px 10px;
	padding-bottom: 15px;
	border-top: 1px solid #910018;
	border-right: 1px solid #910018;
	border-bottom: 3px solid #910018;
	border-left: 1px solid #910018; }
.spec-list ul li, .spec-list ol li {
	float: none; }
.spec-list ul li, .spec-list ol li {
	border: none;
	width: 400px;
	margin-bottom: 5px;
	margin: 0 10px;
	padding-bottom: 0; }
.spec-list ul ul, .spec-list ul ol, .spec-list ol ol, .spec-list ol ul {
	margin-left: 20px; }
.spec-list ul ul li, .spec-list ul ol li, .spec-list ol ol li, .spec-list ol ul li {
	border: none;
	margin-bottom: 8px; }
.spec-list ul ul ul, 
.spec-list ul ul ol, 
.spec-list ul ol ol, 
.spec-list ol ol ol,
.spec-list ol ol ul,
.spec-list ol ul ul,
.spec-list ul ul ul,
.spec-list ul ol ul,
.spec-list ol ul ol {
	margin-bottom: 10px;
	border-left: 1px solid #CCC;
	font-size: 12px;
	letter-spacing: 1px; }
.spec-list ul ul ul li, .spec-list ul ul ol li, .spec-list ul ol ol li, .spec-list ol ol ol li, .spec-list ol ol ul li, .spec-list ol ul ul li, .spec-list ul ul ul li, .spec-list ul ol ul li, .spec-list ol ul ol li {
	margin-bottom: 0; }
	
/*********************** BUY BUY BUY BUY ***************************/	
	
.cartLoginLinks a:hover, .full_spread a:hover, .full_spread .imageBox{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
#header-logo{
	float:left;
	width:440px; }
#header-logo img{
	padding-top: 15px; }
.shoppingCartLogin{
	width:500px;
	text-align:right;
	float:right;
	line-height:30px; }
.shoppingCartLogin .cartLoginLinks{
	margin-right: 10px;
	float:right; }
.shoppingCartLogin .headerLinks{
	float:right; }
.shoppingCartLogin .cartimg{
	border: none;
	height: 14px;
	position: relative;
	top: 2px; }	
	
.headerLinks ul.MenuBarHorizontal ul, .headerLinks ul.MenuBarHorizontal ul li {
    width:180px; }
.headerLinks ul.MenuBarHorizontal a {
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    padding:3px 5px;
    color: #910018;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 0.2em solid #FFF;
    line-height:20px; }
.small {
    font-size: .8em; }	
	
/******************************** TABLE ELEMENTS ********************************/
table {
	border-collapse: collapse; }
table tr td, table tr th {
	padding: 8px 0 8px 0; }


.table_row, .table_row_perform, .table_row_engineer, .table_row_spec, .table_row_pricelist {
	text-align: center;
	color: #333;
	font-size: 14px; }
.table_row {
	background-color: #FFF; }
.table_row_perform {
	background-color: #E3EEF7; }
.table_row_engineer {
	background-color: #FFF1E1; }
.table_row_spec {
	background-color: #D9F3D8; }
.table_row_pricelist {
	background-color: #F1F1F1; }
.table_header_perform, .table_header_engineer, .table_header_spec, .table_header_pricelist {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding: 3px 0 3px 0; }
.table_header_perform {
	background-color: #89C4E7; }
.table_header_engineer {
	background-color: #FF8C1A; }
.table_header_spec {
	background-color: #56BB44; }
.table_header_pricelist {
	background-color: #CCC; }
thead .uom {
	font-size: 10px; }
.inventory_row_white, .inventory_row_gray {
	font-weight: normal;
	text-align: center;
	color: #333;
	font-size: 15px;
	background-position: center; }
.inventory_row_white {
	background-color: #FFF; }
.inventory_row_gray {
	background-color: #F1F1F1; }
span.cmpd {
	font-size: 11px;
	letter-spacing: 1px; }
.rowheight {
	padding: 10px 0 10px 0; }
dt {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #910018;
	margin: 0 0 0 20px; }
dt acronym, dt abbr {
	color: #910018; }
dd {
	text-align: left;
	margin: 0 30px 10px 40px;
	padding: 0 0 5px 10px;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999; }
dd a {
	text-decoration: underline; }
label {
	text-align: right;
	padding: 3px;
	margin: 5px 3px 5px 0; }
input {
	padding: 3px;
	margin: 5px 0; }
select {
	padding: 3px;
	margin: 5px 0 5px 0; }
label em{
	font-size: 12px;
	color: #910018;	 }
fieldset {
	border: none;
	margin: 10px; }
.txtbox_short {
	width: 200px;
	margin: 5px 0 5px 0; }
.txtbox_supa_short {
	width: 50px;
	margin: 5px 0 5px 0; }


/******************************** FORM ELEMENTS
********************************/
input.text, select, textarea {
	margin: 0 0 3px 1px;
	width: 300px;
	color: #910018;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #F8F8F8;
	border: solid 1px #D0D0D0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
input#button {
	background-color: #910018;
	color: #FFF;
	cursor: pointer;
	margin: 20px auto;
	padding: 15px 30px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	width: auto;
	display: block;
	border: none;
	font-size: 1.2em; }
form .column {
	width: 330px; }
#privacy {
	margin: 0 0 0 35px;
	font-size: 12px; }
#privacy a {
	font-weight: normal; }
input.radio, input.checkbox, input#emailList {
	width: auto; 
	margin-left: 10px;
	margin-right: 10px; }
input#emailList {
	float: left; }


/******************************** GUEST BOOK FORM & ELEMENTS
********************************/
form#guest {
	margin: 0 10px; }
form#guest fieldset {
	width: 870px;
	padding: 10px 20px;	
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
form#guest legend {
	font-weight: bold;
	font-size: 21px;
	color: #910018;
	margin: 0 0 0 10px;
	padding: 0 3px; }
form#guest label {
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	width: 400px; }
form#guest input#formContact, form#guest input#company, form#guest input#city, form#guest input#email {
	width: 350px; }
form#guest textarea#message {
	width: 750px; }
form#guest select#state {
	width: 360px; }
form#guest input#button {
	margin: 0 0 15px 25px; }
form#guest fieldset ol li input, form#guest fieldset ol li select, form#guest fieldset ol li textarea {
	margin: 0 0 0 1px;
	width: 300px;
	color: #910018;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold; }

ul#guestentry {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #910018; }
ul#guestentry li {
	margin: 5px 20px 10px; }
ul#guestentry h3 {
	font-size: 16px;
	color: #000;
	font-style: italic; }
ul#guestentry p {
	margin: 0 0 0 20px;
	padding: 3px 0 5px 10px;
	text-align: left;
	border-left: 1px solid #910018; }

/******************************** TIMELINE ********************************/

ol#timeline {
	margin: 15px 0; }
ol#timeline li {
	margin: 0 40px 20px;
	padding-top: 5px;
	border-top: 1px solid #CCCCCC; }
ol#timeline li h3 {
	background-color: #910018;
	color: #FFF;
	width: 80px;
	text-align: center;
	padding: 3px;
	margin-top: -6px;
	float: left; }
ol#timeline li p {
	margin: 0 20px 0 80px;
	padding: 5px 10px 15px 30px; }


/******************************** PAGE ID SPECIFIC ********************************/

#about .sidebar_box h5 {
	margin: 0 0 10px 0; }
#about .sidebar_box ul {
	margin: 10px 2px;
	list-style: disc; }
#error .full_spread h2 {
	margin: 0 0 15px 0; }
#error .full_spread p {
	text-align: center; }
#error form {
	margin: 0 10px; }
#error fieldset {
	padding: 15px 0;
	width: 380px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
#error fieldset#notify {
	width: 350px;
	margin: 0 auto; }
#error legend {
	font-weight: bold;
	font-size: 21px;
	color: #910018;
	margin: 0 0 0 10px;
	padding: 0 3px; }
#error label {
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 3px 10px;
	padding: 0;
	width: 290px; }
#error input#formContact, #error input#url, #error input#email, #error textarea#desc {
	width: 300px;
	margin: 0 0 15px 25px; }
#error input#button {
	margin: 0 0 15px 25px; }
#error .full_spread .center {
	width: 400px;
	margin: 30px auto 0;
	text-align: center; }
#error fieldset ol li input, #error fieldset ol li select, #error fieldset ol li textarea {
	margin: 0 0 3px 1px;
	width: 300px;
	color: #910018;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold; }


#contact h3 {
	margin: 0px 0px 0px 5px; }
#contact ol li {
	margin: 0px 0px 20px 40px; }
#contact .full_spread {
	padding: 0;
	margin: 0; }
#contact #content {
	margin: 0; }
#contact form {
	margin: 0 10px; }
#contact fieldset {
	padding: 15px 0;
	width: 380px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC; 			
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }

#contact fieldset#sendmessage {
	width: 658px; }
#contact legend {
	font-weight: bold;
	font-size: 21px;
	color: #910018;
	margin: 0 0 0 10px;
	padding: 0 3px; }
#contact label {
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	width: 610px; }
#contact input#formContact, #contact input#company, #contact input#Addr1, #contact input#Addr2, #contact input#city, #contact input#subject, #contact textarea#message {
	width: 450px; }
#contact select#state, #contact input#zipCode, #contact input#phone, #contact input#fax, #contact input#email {
	width: 250px; }
/*	
#contact input#button { }
#contact fieldset ol li input, #contact fieldset ol li select, #contact fieldset ol li textarea {
	margin: 0 0 0 1px;
	width: 300px;
	color: #910018;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold; }
*/
#contact input#emailList {
	float: left;
	width: 30px;
	margin: 0;
	padding: 0; }
#contact .center {
	text-align: center; }
#contact a.vcard {
	font-size: 12px;
	position: relative;
	bottom: 9px; }
#contact address a:hover img {
	background-color: #FFF; }


#glossary #content h2 {
	margin: 0 0 15px 0; }


#inventory ol#address li {
	display: block;
	float: left;
	margin: 0 20px; }
#inventory .clear {
	margin: 0 0 20px 0; }
#inventory ol#address h3 {
	font-size: 20px; }
#inventory .frame {
	width: 790px;
	height: 550px;
	overflow: auto; }


#madeinusa em {
	color: #262187; }
#madeinusa ol#address li {
	display: block;
	float: left;
	margin: 0 30px; }


#misc .desc {
	margin: 0 0 0 40px;
	padding: 10px 0 5px 20px;
	text-align: left;
	border-top: 1px none #910018;
	border-right: 1px none #910018;
	border-bottom: 1px none #910018;
	border-left: 1px solid #910018; }


#product h3 {
	clear: both; }
#product h3.bro-prod, #product h3.warco-prod {
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 90px; }
#product h3.bro-prod {
	background-image: url(../img/bro-prod.gif);
	color: #2E2E81; }
#product h3.warco-prod {
	background-image: url(../img/warco-prod.gif);
	color: #910018; }

#product #content ul, #specification #content ul {
	margin: 5px 0 10px 30px; }
#product #content ul li, #specification #content ul li {
	padding: 5px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #262187; }
#product #content ul ol, #specifcation #content ul ol {
	margin: 5px 0 10px 30px; }
#product #content ul ol li, #specifcation #content ul ol li {
	padding: 0 0 5px 0;
	font-size: 16px;
	font-weight: normal;
	color: #333; }
#product table {
	width: 100%; }
#product table#300px {
	width: 300px;
	border-collapse: collapse; }
#product table tr td, #product table tr th {
	padding: 8px 0 8px 0; }
#product #breadcrumb {
	padding: 0; }
#product p {
	padding: 2px 0 8px 0; }
#product h3 {
	padding: 10px 0 0 0; }
#product #content div.banner_text {
	margin: 25px 0 2px 0; }


#polymer .column_3 {
	margin-top: 0;
	margin-bottom: 20px; }
#polymer .column_3 h3 {
	font-size: 16px;
	padding: 0;
	margin: 20px 0 3px 0;
	text-indent: -15px; }
#polymer .column_3 p {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 14px; }
#polymer .column_3 p.inline {
	display: inline;
	margin: 0 0 5px 0; }
#polymer ul#storage {
	list-style-type: disc;
	margin: 15px 15px 25px 50px; }
#polymer .column_3 h3 span.sub {
	font-size: 12px;
	color: #910018; }
#polymer .column_3 p span.sub {
	font-weight: bold;
	font-style: oblique; }
#polymer .column_3 h4 {
	font-weight: bold;
	font-style: oblique;
	font-size: 14px;
	color: #333;
	display: inline;
	margin: 0 5px 10px 0; }
#polymer #main .copyright {
	font-size: 10px;
	margin: 10px 0 0 0; }


#quote form {
	margin: 10px 10px; }
#quote fieldset, #survey fieldset {
	padding: 5px 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC; 	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }

#quote fieldset#contactInfo, #survey fieldset#contactInfo, #survey fieldset#customerSurvey {
	width: 900px; }
#quote fieldset#submit {
	display: block;
	clear: both;
	border-style: none; }
#quote fieldset#quote1, #quote fieldset#quote2 {
	width: 439px;
	float: left; }
#quote fieldset ol {
	margin: 5px 15px; }
#quote fieldset ol li {
	padding: 0 0 10px 0; }
/* 
#quote fieldset#submit input {
	position: relative;
	left: 350px; }
#quote fieldset ol li input, #quote fieldset ol li select, #quote fieldset ol li textarea {
	margin: 0 0 3px 1px;
	width: 300px;
	color: #910018;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #F8F8F8;
	border: solid 1px #D0D0D0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; } 
*/
#quote fieldset ol li select {
	padding-right: 5px; }
#quote input#thick, #quote select#thickUOM, #quote input#customSlit, #quote select#slitUOM, #quote input#qty, #quote select#uom, #quote input#duro, #quote input#thick2, #quote select#thickUOM2, #quote input#customSlit2, #quote select#slitUOM2, #quote input#qty2, #quote select#uom2, #quote input#duro2 {
	width: 70px; }
#quote #gauge1, #quote #gauge2, #quote #gauge3, #quote #gauge4, #quote #gauge5, #quote #gauge1_2, #quote #gauge2_2, #quote #gauge3_2, #quote #gauge4_2, #quote #gauge5_2, #survey #ServicePerformance_0, #survey #ServicePerformance_1, #survey #ServicePerformance_2, #survey #ServicePerformance_3, #survey #TypesofProductsBought_0, #survey #TypesofProductsBought_1, #survey #TypesofProductsBought_2, #survey #TypesofProductsBought_3, #survey #TypesofProductsBought_4, #survey #eCommerce01_0, #survey #eCommerce01_1, #survey #eCommerce03_0, #survey #eCommerce03_1 {
	width: 15px;
	margin: 0 0 0 10px; }

#quote legend, #survey legend {
	font-weight: bold;
	font-size: 21px;
	color: #910018;
	margin: 0 0 0 10px;
	padding: 0 3px; }
#quote label, #survey label {
	display: block;
	text-align: left;
	margin: 0 0 1px 0;
	padding: 0; }

#quote-confirm h3, #quote-confirm h4, #quote-confirm p {
	text-align: center; }
#quote-confirm h3 {
	margin: 20px 0; }
#quote-confirm h4 {
	margin: 20px 0 0 0; }
#quote-confirm .full_spread select {
	text-align: center;
	margin: 0 0 50px 0; }
#quote-confirm .full_spread .center {
	width: 400px;
	margin: 0 auto; }


#resources #content ul {
	list-style-type: disc;
	margin: 10px 0 30px 0;
	list-style-position: outside; }
#resources #content ul li {
	margin: 0 0 10px 30px; }
#resources #content ul li a {
	font-weight: bold;
	padding: 5px; }
#resources #content h2 {
	background-color: #910018;
	color: #FFFFFF;
	padding: 10px 0 10px 20px; }

#shelf-life table {
	width: 100%; }

#sitemap .full_spread a {
	color: #333; }
#sitemap .full_spread a:hover {
	color: #910018;
	background-color:#FFF; }
#sitemap-list {
    background:transparent url(../img/1px.gif) repeat-y scroll 35px 0;
    width:720px; }
#sitemap-list li {
    font-size:16px;
    margin:0;
    padding:0 0 0 10px; }
#sitemap-list li a {
	background:white none repeat scroll 0 0;
	display:block;
	padding:20px 3px 3px 3px;
	color: #333; }
#sitemap-list li a:hover {
	color: #910018;
	font-weight: bold; }
#sitemap-list li ul li {
	background:transparent url(../img/1px.gif) repeat-x scroll 0 10px;
	font-size:13px;
	margin:4px 0 4px 25px;
	padding:0 0 0 20px; }
#sitemap-list li ul li a {
	padding:2px 0 2px 10px;
	background-image:url(../img/sitemap-bullet.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat; }
#sitemap-list ul li a:hover {
	background-image:url(../img/sitemap-bullet-hover.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat; }
#sitemap-list li ul li ul {
    background:transparent url(../img/1px.gif) repeat-y scroll 15px 0;
    margin:0 0 10px 10px; }
#sitemap-list li ul li ul li {
	margin-left:16px;
	padding-left:20px;
	font-size:13px;
	font-weight: normal; }
#sitemap-list li ul li ul li ul{
    background:transparent url(../img/1px.gif) repeat-y scroll 15px 0;
    margin:0 0 0 10px; }
#sitemap-list li ul li ul li ul li {
	margin-left:16px;
	padding-left:20px;
	font-size:13px;
	font-weight: normal; }
#sitemap-list .product-header {
	font-size: 16px;
	font-weight: bold; }

#surcharge .full_spread ul {
	margin: 0 65px; }
#surcharge .full_spread ul li {
	margin: 15px 0; }
#surcharge .full_spread ul li p {
	margin: 15px 0;
	font-size: 12px; }

#survey #submit #button {
	margin-left: 380px; }
#survey fieldset#customerSurvey {
	background-color: #F8F8F8; }
#survey table#satisfaction td {
	text-align: center;
	padding: 8px 6px; }
#survey #survey-list { }
#survey #survey-list li {
	width: 570px;
	margin: 25px auto;
	border: 1px solid #E0E0E0;
	background-color: #FFF;
	padding: 20px 20px 25px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
#survey #survey-list li li {
	margin: 0;
	width: auto;
	border: none;
	padding: 0; }
#survey .invsuggest li {
	border: 1px solid #CCCCCC;
	padding: 10px;
	width: 400px; }
#survey .invsuggest .list-number {
	width: 35px;
	padding: 5px;
	float: left;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold; }


#terms p {
	margin: 5px 35px; }
#terms ol {
	margin: 0 65px;
	list-style-type: decimal; }
#terms ol li {
	margin: 15px 0; }
#terms ol li strong {
	text-transform: uppercase;	}
#terms ol ul {
	margin: 0 30px 0 65px;
	list-style: lower-alpha; }


.dividerline {
	height: 2px;
	width: 100%;
	font-size: 2px;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #98012e; }


#home #nav-home, #product #nav-products, #inventory #nav-inventory, #research #nav-engineering, #quote #nav-quote,  #quote-confirm #nav-quote, #about #nav-about, #resources #nav-resources, #sitemap #nav-resources, #contact #nav-contact, #polymer #nav-engineering, #specification #nav-engineering, #glossary #nav-engineering, #article #nav-engineering  {
	border-bottom: .6em solid #262187; }
	
#home a#nav-home:hover, #home a#nav-home:focus, #product a#nav-products:hover, #product a#nav-products:focus, #inventory a#nav-inventory:hover, #inventory a#nav-inventory:focus, #polymer a#nav-polymer:hover, #polymer a#nav-polymer:focus, #research a#nav-engineering:hover, #research a#nav-engineering:focus, #quote a#nav-quote:hover, #quote a#nav-quote:focus, #quote-confirm a#nav-quote:hover, #quote-confirm a#nav-quote:focus, #about a#nav-about:hover, #about a#nav-about:focus, #resources a#nav-resources:hover, #resources a#nav-resources:focus, #sitemap a#nav-resources:hover, #sitemap a#nav-resources:focus, #contact a#nav-contact:hover, #contact a#nav-contact:focus, #polymer #nav-engineering:hover, #polymer #nav-engineering:focus, #specification #nav-engineering:hover, #specification #nav-engineering:focus, #glossary #nav-engineering:hover, #glossary #nav-engineering:focus, #article #nav-engineering:hover, #article #nav-engineering:focus {
	background-color: #910018;
	color: #FFF; }

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

 NAVIGATION SPRY DROPDOWN
 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no padding */
ul.MenuBarHorizontal {
	margin: 5px 0 5px 10px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto; }
ul.MenuBarHorizontal abbr {
	text-decoration: none; }

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000; }
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
	border-bottom: 0.6em solid #FFF; }
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 9.5em;
	position: absolute;
	left: -1000em; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto; }
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	width: 9.5em;
	border-bottom: none; }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: -1px 0 0 100%; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0; }

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
	border: 1px solid #999;
	background-color:#FFF; }
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
	cursor: pointer;
	padding: 10px 14px 4px 15px;
	color: #910018;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0.5em solid #FFF; }
	
ul.MenuBarHorizontal ul a {
	padding: 6px 3px 0 8px; }
	
/* Menu items that have mouse over or focus have a red background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a:hover abbr, ul.MenuBarHorizontal a:focus abbr {
	background-color: #910018;
	color: #FFF;
	border-bottom-color: #910018; }
/* Menu items that are open with submenus are set to MenuBarItemHover with a red background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal a.MenuBarItemHover abbr, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover abbr, ul.MenuBarHorizontal a.MenuBarSubmenuVisible abbr {
	background-color: #910018;
	color: #FFF;
	border-bottom-color: #910018; }

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF; }
}





/**************************
TEST DEVELOPMENT
**************************/

.card {
	width: 215px;
	border: 1px solid #999999;
	margin: 10px;
	float: left;
	min-height: 385px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(../graphics/bkgrd/bottom-gradient.png);
	background-position: bottom;
	background-repeat: repeat-x; }
.card p {
	margin: 2px 2px 2px 5px; }
.card h3, #product .card h3 {
	font-size: 16px;
	background-color: #262187;
	color: #FFF;
	padding: 4px 5px 7px;
	text-align: center;
	margin-bottom: 4px;
	min-height: 40px; }
.card h3 a, #product .card h3 a {
	color: #FFF;
	text-decoration: none; }
.card h3 a:hover, #product .card h3 a:hover {
	background-color: #262187; }
.card-img {
	padding: 8px 2px;
	text-align: center; }
.card table th, .card table td, #product .card table th, #product .card table td {
	padding: 2px 0; }
.card table th, #product .card table th {
	color: #333333;
	text-align: right;
	padding-right: 3px;
	padding-left: 3px; }
.card table td ul {
	text-indent: -10px;
	padding-left: 10px; }
.card ul.card-links {
	margin: 4px 6px 6px;
	border-top: 1px solid #999999; }
.card ul.card-links li {
	margin: 5px 0;
	text-align: center; }
.card .card-links li a {
	padding: 4px 4px 5px;
	text-decoration: none; }
.card .card-links li a { }

.related-items {
	border: 1px solid #999999;
	padding-bottom: 15px;
	border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	clear: both;
	margin: 20px 0;
	background-image:url(../graphics/bkgrd/gray-stripes.png);
	background-color: #F0F0F0; }
	
	
	
.topnavigation .social {
	float: right;
	margin-top: 4px; }
a.social-fb, a.social-tw, a.social-mail {
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 4px; }
a.social-fb:hover, a.social-tw:hover, a.social-mail:hover {
	background-position: 0 -26px; }
a.social-fb {
	background-image: url(../img/facebook.gif); }	
a.social-tw {
	background-image: url(../img/twitter.gif); }
a.social-mail {
	background-image: url(../img/mail.gif); }