/* ACCESSIBILITY */

#skip_links { position: absolute; top: -200px; }

html, body { font-family: 'lucida grande','Helvetica Neue', Helvetica, Arial, San-Serif !important; }

/* CONTENT */
.nav_bar { background: #0062ba; height: 45em; margin-bottom: 11px; }
.nav_bar a { color: #fff !important; }
//.nav_bar a.current {background:#4187c9 !important; }
//.nav_bar a.section {background:#4187c9 !important; }
//.nav_bar a.current:hover { color: #fff; background: #333 !important; }

.body { height: 532px; height: 45em; background: url(/images/bground.gif) repeat-x; margin-bottom: 11px; }
.box { background: none !important; }

.bottom-bar { border-top: 5px solid #e8e8e8; margin-top: 11px; }
.bottom-bar a { color: #000 !important; }

/* nav_bar features */

#logo { border: none; margin: 0 auto 0 auto; }

#cse-search-results iframe { width: 700px !important; }

/* homepage features */

.hp-left { text-align: right; font-weight: bold; }
.h-header { height: 312px; background: url(/images/cans-header.gif) right top no-repeat;}
.slogan { width: 415px; float: left; }
.help { 
	
	background: url(/images/need-help.gif) top left no-repeat #4187c9; 
	width: 182px;  padding: 30px 10px 10px 10px; color: #fff;
	margin: 0 auto 0 auto; font-size: .9em;
	}

.help a { color: #fff; }

#searchbox { width: 202px; margin: 15px auto 15px auto; color: #fff; }
#searchbox h5 { margin-bottom: 0px; color: #fff; text-transform: uppercase;}

/* Iink styling */

a { color: #0062ba; }
a:hover { text-decoration: none; }

/* navigation */
#main_nav { list-style: none; width: 202px; margin: 0 auto 0 auto; padding: 0;}
#main_nav li a { text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: .075em; display: block; } 
#main_nav li { border-bottom: 1px solid #0071c0; padding: 2px 0 0px 0; font-size: 1.1em;  }

#main_nav a.current { color: #ededed;  }
#main_nav a:hover { color: #fff; background: #333; }
#main_nav a.current:hover{ color: #fff; background: #333; }


/* son of suckerfish nav */

img.right { float: right; }

#main_nav li ul {
	position: absolute; width: 121px; padding: 0; 
	left: -999em; 
	background: #333; 
	list-style: none; font-size: 11px;
}

#main_nav li ul li a  { padding: 3px 10px 3px 10px; border-bottom: 1px solid #999; display: block; line-height: 1.1em;}
#main_nav li ul li a:hover { background: #666; }
#main_nav li ul li { border-bottom: 0px; }

#main_nav li:hover ul, #main_nav li.sfhover ul {
	left: auto; margin: -20px 0 0 -121px; 
}

.border { padding: 1px; border: 1px solid #aaa; }

.fr { float: right; }
.fl { float: left; }
.fl20 { float: left; margin-right: 20px; }

p, ul, ol, img { margin: 6px 0 12px 0; line-height: 18px;}

h2, h3, h4, h5 { margin: 12px 0 6px 0; line-height: 18px;}

table { margin: 18px 0 18px 0; }

h4 { font-size: 13px; font-weight: bold; color: #333; letter-spacing: 1px; }

.nbp { padding-bottom: 0px !important; }
.ntp { padding-top: 0px !important; }
.nlp { padding-left: 0px !important; }
.nrp { padding-right: 0px !important; }

.nbm { margin-bottom: 0px !important; }
.ntm { margin-top: 0px !important; }
.nlm { margin-left: 0px !important; }
.nrm { margin-right: 0px !important; }

#breadcrumbs { list-style: none; margin: 0; padding: 5px; background: #eee; font-size: 10px; color: #333; margin-bottom: 1.25em;}
#breadcrumbs li { display: inline; }

#articles { list-style: none; padding-left: 0; margin-left: 0; margin-right: 0px; padding: 5px; border: 1px solid #eee; }
.toc_menu { background: #eee; padding: 2px; color: #333; text-transform: uppercase; }

.col_closed { background: url(/images/exp-cont1.gif) left center no-repeat; padding-left: 15px; }
.col_open { background: url(/images/exp-cont2.gif) left center no-repeat; padding-left: 15px;}

.toc_sub_menu { text-decoration: none; font-weight:bold; text-transform: capitalize; color: #333; }
.toc_sub_menu:hover { color: #000; }

.WidgetHolder h3 { background: #efefef; color: #333; font-size: 12px; text-transform: uppercase; padding: 3px; margin-bottom: 2px; }
#BlogSidebar ul, .tagcloud { list-style: none; border: 1px solid #ededed; padding: 3px; margin-top: 0px;}

.toc_subtitle { font-weight: bold; }

#articles ul { display: none; padding-left: 0px; list-style: none; line-height: 1.2em; }
#articles ul ul { display: none; padding-left: 0px; line-height: 1.2em; }
#articles ul li { border-bottom: 1px solid #ededed; padding: 0 0 3px 0; margin: 3px 0 3px 0; }

.port_visible { display: block !important; }

.pdf_box { padding: 2px; margin-top: -18px; }
.pdf_box p { margin: 0 0 18px 0; color: #333; text-transform: uppercase;  }
.pdf_box a { color: #333; }
.inline { display: inline; }
.pdf_download { padding-left: 25px; background: url(/images/pdf-icon.gif) left center no-repeat; }

.download_box { width: 30%; float: left; }
.small_txt { width: 60%; float: right; text-align: center; font-size: 11px; }
.pdf_box h4 { color: #333; font-size: 12px; background: #eee; padding: 2px; }

.sidebar { height: 430px; }

#main_sub_menu { background: #ededed; padding: 3px; list-style: none; text-transform: uppercase; font-size: 13px; text-align: right; }
#main_sub_menu li.current a { text-decoration: none; color: #333; }

#sec_sub_menu { list-style: none; text-align: right; }
#sec_sub_menu li { line-height: 1.2em; margin-bottom: 9px;}

/* DATA TABLES */

.blue_data_table { 

border: 1px solid #333; text-align: center; margin: 18px 10px 18px 10px; width: 695px; 

}

.table_width_auto { width: auto !important; }
.blue_data_table th { background: #0278c2; color: #fff; border: 1px #fff solid; text-align: center; }
.blue_data_table tr { text-align: center; }
.blue_data_table td { border: 1px solid #fff; text-align: center; }
.blue_data_table tr.odd { background: #ededed; }
.blue_data_table strong { color: #0278c2; }
.blue_data_table .sub_row { background: #333; color: #fff; }
.blue_data_table .sub_row .red_cell { background: #af0c16; color: #fff; }
.blue_data_table .sub_row .blue_cell { background: #0278c2; color: #fff; }
.blue_data_table .red_cell strong { color: #af0c16; }
.blue_data_table { float: left; width: 700px; margin: 0px; }

.red_data_table { font-size: 10px; }
.red_data_table th { background: #333; color: #fff; border: 1px #fff solid; text-align: center; }
.red_data_table td { border: 1px solid #fff; text-align: center; }
.red_data_table tr.odd { background: #ededed; }
.red_data_table .red_cell { background: #af0c16; color: #fff; }
.red_data_table .sub_row { background: #ddd; text-align: center; }
.red_data_table a { color: #af0c16; }

.small_row { font-size: 11px; }

.green_data_table { border: 1px solid #333; }
.green_data_table th { background: #147422; color: #fff; border: 1px #fff solid; text-align: center; }
.green_data_table tr { text-align: center; }
.green_data_table td { border: 1px solid #fff; }
.green_data_table tr.odd { background: #ededed; }
.green_data_table .subrow { background: #999; color: #fff; }


.orange_data_table { border: 1px solid #333; }
.orange_data_table th { background: #f3863e; color: #fff; border: 1px #fff solid; text-align: center; }
.orange_data_table tr { text-align: center; }
.orange_data_table td { border: 1px solid #fff; }
.orange_data_table tr.odd { background: #ededed; }
.orange_data_table .subrow { background: #999; color: #fff; }

.gray_data_table { border: 1px solid #333; }
.gray_data_table th { background: #999; color: #fff; border: 1px #fff solid; text-align: center; }
.gray_data_table tr { text-align: center; }
.gray_data_table td { border: 1px solid #fff; }
.gray_data_table tr.odd { background: #ededed; }
.gray_data_table .subrow { background: #ccc; color: #fff; }

.selection_guide th { border: 0px !important; }
.selection_guide tr.subrow { background: #ccc; }

/* COLOR STYLES */

h1 { color: #0278c2; font-weight: bold; z-index: -1; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; }

.style-Hardeners a, .style-Hardeners h1 { color: #af0c16; }
.style-Fillers a, .style-Fillers h1 { color: #147422; }
.style-Additives a, .style-Additives h1 { color: #f3863e; }
.style-Fabrics a, .style-Fabrics h1 { color: #626262; }
.style-Mixing a, .style-Mixing h1 { color: #6e4e09; }
.style-Kits a, .style-Kits h1 { color: #25a2ef; }

.article_list { border: 3px solid #ededed; height: 175px; margin-bottom: 9px; padding: 5px; width: 45%; float: left; margin-right: 1%; }
.article_list:hover { background: #efefef; }

.gal_photo { padding: 2px; border: 1px solid #ededed; width: 90px; float: left; margin: 3px; }

.how_to_link { background: url(/images/use-guide-image.gif) center left no-repeat; padding: 0 0 15px 35px; height: 15px;}

.left { margin-right: 27px; float: left; }

ol li { margin-bottom: 9px; }

.half_col { float: left; width: 45%; margin-right: 3%; }

.sidebar h5 { text-align: right; color: #666; letter-spacing: 2px; }

.mgrade span { display: none; }
.mgrade:hover span { display: block; position: absolute; border: 1px solid #666; padding: 10px; margin: 0 0 0 200px; background: #fff; width: 350px;}

.authorDate { font-size: 10px !important; text-transform: uppercase; margin-top: 0px; }
.tags { background: #efefef; border: 1px solid #ededed; padding: 5px; font-size: 10px !important; margin: 0px !important; }
.blogSummary h3 { margin: 0px !important; font-weight: bold; }

.blogSummary { border: 1px solid #ededed; padding: 9px; }
.blogVitals { background: #f5f5f5; padding: 3px; margin: 0px !important; font-size: 10px !important; }

#NewsList { list-style: none; }
.newsDateTitleT  { font-size: 18px !important; margin: 27px 0 0 0px !important; }
.newsDateTitle { font-size: 10px; color: #333; }
.newsSummary { border: 1px solid #ededed; padding: 5px; background: #f5f5f5; margin: 9px 0 9px 0; }

#dealer_list { list-style: none; padding: 0px; margin-left: 0px; }
#dealer_list li { width: 45%; float: left; margin: 0 3% 18px 0; border: 1px solid #ededed; padding: 2px; height: 200px; }
#dealer_list h3 { padding: 3px; background: #0278c2; color: #fff; margin: 0 0 5px 0; }
.dealer_city { color: #333; background: #f5f5f5; padding: 3px; margin: 0 0 18px; }
.dealer_direct { background: #f5f5f5; padding: 3px; }

.span-12 ul, .span-12 ol { margin-left: 15px; }

.problem { border: 1px solid #ededed; padding: 2px; margin-bottom: 18px; }
.problem h3 { background: #ededed; color: #333; font-size: 14px; font-weight: bold; padding: 3px; margin: 0px; }
.problem h4 { font-size: 12px; font-weight: bold; color: #666; }
.problem strong { background: #eeeeee; color: #333; font-style: italic; display: block; margin: 18px 0 9px 0; }
.problem ol { padding: 0 0 0 25px; }


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

.video { background: url(/images/video.gif) left center no-repeat; padding: 0 0 0 40px; }
.movie_tag { font-size: 10px; text-align: center; font-style: italic;}
.pic_icon { background: url(/images/mglass.gif) left top no-repeat; padding: 0 0 0 20px; text-align: right; }

#form_list { list-style: none; margin: 0; padding: 0; max-width: 500px; }
#form_list label { float: left; }
#form_list input, #form_list textarea { float: right; }
#form_list li { clear: both; padding: 5px 0 5px 0; }
.radio { display: inline !important; float: none !important; }

.spam-protect { position: absolute; top: -999999px;}

#Form_Form label span { color: #8a1f11;}
.form-note { font-weight: bold; }
.form-note span { color: #8a1f11;}