@charset "utf-8";
    
/******* Global Styles ********/

* { border: 0; margin: 0; padding: 0; }

body { background: #FFFFFF url(../images/bg_body.gif) repeat-y; width: 960px; font: .7em Arial, Helvetica, sans-serif; }

a { text-decoration: none; outline: none; }
a:hover { color: #000000; }
img { vertical-align: middle; border: 0; }

.data-1, .span-1, .data-2, .span-2, .data-3, .span-3, .campaign-span-3, .data-4, .span-4 { float: left; margin-right: 10px; }

.data-1 { width: 70px; }
.span-1 { width: 170px; }
.data-2 { width: 230px; }
.span-2 { width: 350px; }
.data-3 { width: 450px; }
.span-3 { width: 530px; }
.campaign-span-3 { width: 567px; }
.span-4 { width: 710px; margin-right: 0; }
.last { margin-right: 0; }

.right { float: right; }
.hidden { display: none; }

.text-right { text-align: right; }
.text-left { text-align: left; }

p { margin-bottom: 10px; }

.white { color: #FFF; }
.black { color: #000; }
.lt-gray { background-color: #EFEFEF; }
.dk-gray { background-color: #999; color: #FFF; }

.cuboid-left { float: left; margin: 0 10px 10px 0; }

h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h2 { font-size: 1.6em; line-height: 1.4em; }
h3 { font-size: 1.4em; line-height: 1.4em; }
h4 { font-size: 1.3em; line-height: 1.3em; }
h5 { font-size: 1.1em; line-height: 1.3em; }
h6 { font-size: 1.0em; line-height: 1.3em; }

li h2, li h3, li h4, li h5, li h6 { line-height: 1.1em; } /* headers within lists need smaller line-heights to fix the bullet position */

.no-margin { margin: 0 !important; }
.space-top { padding-top: 10px; }
.space-bottom { margin-bottom: 20px; }
.pad-left { padding-left: 10px; }
.pad-right { padding-right: 10px; }
.pad-side { padding-left: 10px; padding-right: 10px; }
.pad-bottom { padding-bottom: 10px; }

.clear { clear: both; }


span.inline-item { margin-right: 15px; }
.bullet-link { padding-left: 15px; background: url(../images/common/list_chevron.gif) no-repeat 0 5px; }
.bullet-static { padding-left: 17px; background: url(../images/list_static.gif) no-repeat 0 5px; }
.bullet-external { padding-left: 20px; background: url(../images/common/list_external.gif) no-repeat 0 4px; }

img.left { float: left; margin: 0 10px 10px 0; }

ul { margin: 0 0 10px 5px; }
ul.img-left { margin-left: 185px; }
ul.flush-left { margin-left: 0; }
ul li, ul li.static { list-style-type: none; padding-left: 25px; background: url(../images/list_static.gif) no-repeat 6px 5px; }
ul li.link { background: url(../images/common/list_chevron.gif) no-repeat 8px 5px; }
ul li.external { background: url(../images/common/list_external.gif) no-repeat 0 5px; }
ul li.fold-up { background: url(../images/common/list_square_arrow.gif) no-repeat 6px 3px; }
ul li.fold-down { background: url(../images/common/list_square_arrow_down.gif) no-repeat 6px 3px; }
	ul li.fold-up ul, ul li.fold-down ul { display: none; }

span.fileinfo { white-space: nowrap; }

div.js-navigation a.current { font-weight: bold; color: #000; }


div.content-block { float: left; padding: 10px 10px 0; width: 510px; margin-bottom: 10px; }



/******* Page Wrapper Styles ********/
#termidor {
    width: 710px;
}
#termidor-header {
    background: url("../images/banner-termidor.png") no-repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #7D4B41;
    border-top: 10px solid #E1103C;
    height: 102px;
    text-indent: -999px;
    width: 710px;
}
#termidor-content {
    background: #f0f1ed url("../images/bg-house.png") no-repeat scroll 100% 64px;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 30px;
}
#termidor-content p { 
    font: 18px/27px Arial,Helvetica,sans-serif; 
    margin-bottom: 10px; 
}
#termidor-content h2 {
    color: #E1103C;
    font-size: 42px;
    font-weight: normal;
    margin: 15px 0;
    text-align: center;
}
#term-left-col {
    float: left;
    padding: 0 10px 0 40px;
    width: 302px;
}
#term-right-col {
    float: left;
    padding: 0 8px;
    width: 339px;
}
#term-right-col ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#term-right-col li:first-child {
    margin-top: 0;
}
#term-right-col li span {
    color: #767767;
    word-spacing: 0;
}
#term-right-col li {
    background: none;
    font-size: 24px;
    margin-top: 17px;
    padding-left: 0;
    text-transform: uppercase;
    word-spacing: 20px;
}
#term-right-col li#payoff {
    border-top: 2px solid #000000;
    font-size: 34px;
    font-weight: bold;
    padding-top: 17px;
}
#term-right-col li#payoff span {
    color: #E1103C;
}
#term-right-col li#reg {
    margin-top: 230px;
}
#header_container {
    float: left;
    height: 60px;
    width: 780px;
}
.header_sctn_campaign {
    background-color: #F0F0F0;
    background-position: 0 60px;
    height: 60px;
}
#container {
    min-height: 100%;
    position: relative;
    width: 960px;
}
.bg_bodypcs {
    background: url("../images/bg_body.gif") repeat-y scroll 0 0 #FFFFFF;
}
#header_logo {
    background-color: #A3CD78;
    display: inline;
    float: left;
    margin-left: 20px;
    width: 160px;
}
#search_container {
    float: left;
    height: 27px;
    padding-left: 20px;
}
.header_subsite1 {
    color: #004A96;
    font-size: 1.05em;
    font-weight: bold;
    padding-top: 5px;
}
.header_subsite2 {
    color: #666666;
    font-size: 0.8em;
    text-align: right;
}
div.span-1, div.span-2, div.campaign-span-3, div.span-4 {
    display: inline;
    float: left;
    margin-right: 10px;
}
a {
    color: #004A96;
    text-decoration: none;
}
div.last {
    margin-right: 0;
}
.header_subsite2 .columns {
    display: inline;
    margin: 10px 0 0 4px;
}
.header_subsite2 .columns a {
    color: #535353;
    margin: 0 4px;
}
input.search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    font-size: 1em;
    height: 13px;
    width: 95px;
}
.buttonImage {
    margin: 0 0 0 5px;
    padding: 10px 0 0;
}
.header_subsite2 .columns-2 {
    display: inline;
    font-size: 1.1em;
    margin: 10px 0 0 32px;
}
.header_subsite2 .columns-2 a, .header_subsite2_campaign .columns-2 a {
    color: #535353;
    margin: 0 4px;
}
#basf_navContainer {
    display: inline;
    float: left;
    margin-top: 10px;
}
#body {
    margin: 0;
    padding: 10px 0 0;
}
#col_1_campaign {
    color: #FFFFFF;
    display: inline;
    float: left;
    margin-left: 9px;
    margin-top: -21px;
    padding: 11px;
    width: 160px;
}
#col_2 {
    float: right;
    width: 729px;
}
.page_functions {
    background: none repeat scroll 0 0 #EFEFEF;
    line-height: 1.8em;
    padding: 10px 10px 10px 15px;
    height: 150px;
    width: 145px;
}
ul.sub_nav {
    margin: 0 6px 6px;
}
ul.sub_nav li {
    display: block;
    list-style-type: none;
    padding: 0 5px 3px 20px;
    vertical-align: middle;
}
ul.sub_nav li.blue {
    background: url("../images/linkbox_title.gif") no-repeat scroll left center transparent;
    color: #004A96;
    font-weight: bold;
}
ul.sub_nav li.comments {
    background: url("../images/common/linkbox_comments.gif") no-repeat scroll left center transparent;
}
#col_2footer {
    float: left;
    margin-right: 1px;
    margin-top: 10px;
    padding-right: 0;
}


div#basf_header { float: left; width: 100%; height: 60px; background: #F0F0F0; }
    div#basf_header a#basf_logo { float: left; padding-left: 20px; }
	    div#basf_header a#basf_logo img { display: block; }
        
    div#basf_header a#basf_subsite { float: left; padding: 5px 0 0 20px; height: 32px; font-size: 1.1em; font-weight: bold; }
    
    div#basf_header div#basf_zoom { float: right; padding: 8px 12px 0 0; height: 29px; }
    	div#basf_header div#basf_zoom a { float: left; display: inline; margin-left: 8px; }
    
    div#basf_header form#basf_searchglobal { float: right; padding: 6px 0 0 0; height: 30px; }
    	div#basf_header form#basf_searchglobal input.search { width: 95px; height: 13px; border: 1px solid #999; padding: 0; margin-right: 5px; font: .9em Arial, Helvetica, sans-serif; }
    
	div#basf_header div#basf_columns { float: right; padding: 8px 10px 0 35px; font-size: .9em; height: 29px; }
		div#basf_header div#basf_columns a { margin: 0 4px; color: #535353; }
        
    div#basf_header ul#basf_navList { float: left; padding: 0 0 0 5px; width: 680px; height: 23px; }
  		div#basf_header ul#basf_navList li { float: left; list-style-type: none; background: none; height: 23px; padding: 0; }
  			div#basf_header ul#basf_navList li a { background: #F0F0F0; float: left; padding: 4px 15px 5px; height: 14px; color: #000; font-weight: bold; }
  			div#basf_header ul#basf_navList li a:hover { background: #FFF; text-decoration: underline; }
  			div#basf_header ul#basf_navList li.active a { background: #FFF; }
            
    #basf_stagewrapper { float: left; width: 960px; height: 170px; }
	#basf_stagewrapper.home { height: 340px; }
    

div#basf_leftcol { float: left; width: 150px; padding: 0 5px 0 25px; clear: both; }
div#basf_content { float: left; width: 710px; padding: 10px 0 0 50px; }
div#basf_main { float: left; display: inline; overflow: hidden; width: 530px; margin-right: 10px; padding-top: 10px; line-height: 1.4em; }
	div#basf_main p, div#basf_main ul { padding-right: 5px; }

div#basf_right { float: left; width: 170px; overflow: hidden; padding-top: 10px; }
	div#basf_right .section { float: left; width: 170px; padding-bottom: 10px; margin: 0; }
	div#basf_right p { padding: 0 5px; }
	div#basf_right h4 { padding: 0 5px; }

div#basf_footer { float: left; display: inline; clear: both; width: 710px; margin: 0 0 0 0; padding-bottom: 20px; }
	div#basf_footer .cuboid { float: right; margin: 0 0 0 10px; }
    
/* Left Navigation */
div#leftnav h2 { font-size: 1.1em; color: #000; margin: 20px 0 20px 20px; }
div#leftnav div a { display: block; padding: 3px 10px 3px 20px; color: #000; background-repeat: no-repeat; background-position: 5px 5px; }
div#leftnav div div { display: none; }
div#leftnav div div a { margin-left: 5px; }
div#leftnav div div div a { margin-left: 10px; }
div#leftnav div div div div a { margin-left: 15px; }
div#leftnav a.active,
div#leftnav a.current { font-weight: bold; }
div#leftnav a:hover, div#leftnav a.current { background-image: url(../images/leftnav_bullet.gif); }

    
/* Cuboid styles */

.cuboid { float: left; width: 170px; height: 170px; margin-bottom: 10px; }
	.padded { padding: 10px; width: 150px; height: 150px; }
        
	.link-box { width: 145px; height: 150px; padding: 10px 10px 10px 15px; line-height: 1.8em; }
		.link-box a { color: #000; }
	    	.link-box li { list-style-type: none; padding: 0 0 0 30px; }
		.link-box li a:hover { font-weight: bold; }
		.link-box li.title { background: url(../images/linkbox_title.gif) no-repeat left 5px; font-weight: bold; }
		.link-box li.comments { background: url(../images/common/linkbox_comments.gif) no-repeat left 5px; }
		.link-box li.email { background: url(../images/common/linkbox_email.gif) no-repeat left 5px; }
		.link-box li.print { background: url(../images/common/linkbox_print.gif) no-repeat left 5px; }
		.dk-gray li.external { background: url(../images/common/linkbox_external.gif) no-repeat left 6px; }
		.dk-gray li.title { background: url(../images/common/linkbox_title_white.gif) no-repeat left 5px; color: #FFF !important; }
		.dk-gray a { color: #FFF; }
                .dk-gray a:hover { color: #000; }
        
	/* quick finder box */   
	#quick-find input.text { width: 146px; padding: 1px 2px; border: 0; font-size: 1em; margin-top: 2px; }
	#quick-find input.button { border: 1px solid #666; background: #999; color: #FFF; font: bold 1em Arial, Helvetica, sans-serif; padding: 1px 3px; margin: 3px 0 10px; }
	#quick-find select { font: 1em Arial, Helvetica, sans-serif; width: 150px; margin-top: 2px; border: 0; }

	/* rep finder box */
	#rep-finder { padding: 8px; width: 154px; height: 154px; }
	#rep-finder img { display: block; }
	#rep-finder input.text { width: 150px; padding: 3px 2px; background: #EEE; border: 0; font-size: 1em; margin-top: 5px; }
	#rep-finder input.button { border: 1px solid #666; background: #999; color: #FFF; font: bold 1em Arial, Helvetica, sans-serif; padding: 1px 3px; margin: 5px 0 10px; }


/********* Home Page Quick Links dropdown **********/

div#basf_leftcol h1.home { font-size: 1em; font-weight: normal; color: #FFF; margin: 5px 0 5px 10px; }

#quickLinks_iconselect { width: 134px; height: 14px; white-space: nowrap; cursor: pointer; padding: 3px 8px; background: url(../images/quicklinks_bg.gif) no-repeat; color: #FFF; font-weight: bold; }
	.selectwrapper { position: absolute; width: 148px; border: 1px solid #ccc; }
	.selectwrapper .selectitems { padding: 3px 0 3px 20px; color: #FFF; background: url(../images/common/quicklinks_item.gif) no-repeat 6px center; }
	.selectwrapper .hoverclass { cursor: pointer; }
	#quickLinks_options { height: 100px; width: 148px; }
    
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
    .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: transparent; border-left: 1px solid #CCC; }
    .jScrollPaneDrag { position: absolute; background: #CCC; cursor: pointer; overflow: hidden; width: 10px !important; margin-left: 4px; border-top: 5px solid #CCC; border-bottom: 5px solid #CCC; }
    .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
    .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
    a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 16px; background: url(../images/quicklinks_up.gif) no-repeat; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
    a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 16px; background: url(../images/quicklinks_down.gif) no-repeat; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }



/********** Product Page *************/

div#basf_main.products div#prod_menu a { float: left; width: 160px; }
div#basf_main.products div#prod_content div.content { display: none; }
div#basf_main.products div#prod_content div.show { display: block; }



/********** Contact Us Form ***********/

form#contactUs { float: left; display: inline; margin-left: 30px; }
form#contactUs div.address { float: left; display: inline; width: 100%; margin-bottom: 20px; }
form#contactUs div.text { float: left; display: inline; width: 100%; margin-bottom: 10px; }
form#contactUs div.text label { float: left; display: inline; width: 150px; margin-top: 2px; }
form#contactUs div.text input { float: left; display: inline; width: 200px; padding: 2px 10px 1px; font: 1em Arial, Helvetica, sans-serif; }
form#contactUs div.text select { float: left; display: inline; width: 220px; padding: 2px 0 2px 10px; font: 1em Arial, Helvetica, sans-serif; }
form#contactUs div.text textarea { float: left; display: inline; width: 210px; height: 75px; padding: 2px 0 2px 10px; font: 1em Arial, Helvetica, sans-serif; }
form#contactUs div.button { float: left; display: inline; margin: 0 0 10px 150px; }
form#contactUs div.button input { background: transparent; font: bold 1em Arial, Helvetica, sans-serif; }
form#contactUs div.note { float: left; display: inline; margin: 0 0 10px 0; font-size: .9em; clear: both; }


/********** Video Thumbnail **********/

div.videoThumb img { display: block; }
div.videoThumb a { display: block; }
div.videoThumb img.play { margin-top: -26px; }
div.videoThumb img.play-lg { margin-top: -35px; }

/********** Generic Page Thumbnail **********/
img.leftImage { float: left; margin: 0 11px 0 0; }