/* ----------------------- ---NEW COLOR SCHEME -------------
-----------------------------------------------------------
------------------------------BASF Orange #F39500 ---------
----------------------- BASF light Orange #FAD7A1 ---------
------------------------------- BASF Blue #3D5C88 ---------
--------------------------BASF light blue #8FA4C3 ---------
-----------------------------------------------------------
---------------------------------------------------------*/
/* ----------------------- OLD COLOR SCHEME ---------------
-----------------------------------------------------------
-------------------------- Logo Blue #105774 --------------
----------------------- Degussa Blue #38ACF6 --------------
-------------------------- Font Grey #474747 --------------
----------------------------- Dark Grey #666 --------------
-------------------------- Medium Grey  #999 --------------
---------------------------- Light Grey #CCC --------------
-----------------------------------------------------------
---------------------------------------------------------*/

* { margin:0;}

body 
{
width:944px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
line-height: 18px;
color:#666;
background:#fff url(../img/bgOrange.gif) repeat-y top left;
/* overflow: -moz-scrollbars-vertical;   - May need for moomenu --*/
}


#printHeader 
{
display:none;
}

/*++++++ Global Styles ++++++*/
img { border:0;}
.noWrap { white-space:nowrap; }
.strong { font-weight:900; }

/*+++++ Positioning +++++*/
.left {	float:left; }
.right { float:right; } 
.clear {clear:both; height:1%;}
.center { text-align:center; }
.printLeft { text-align:center; }  /* used for printcss */

/*+++++ Fonts ++++++*/
a:link, a:visited, a:active, a:hover 
{
color:#454777; font-weight:100; text-decoration:none; 
}

a:hover {color:#0033CC; }


.PageHeading /* main heading shown over photo rotator */
{
position:relative;
top:-68px;
left:100px;
z-index:100;
font-size:192%;	
font-weight:900;
text-align:center;
color:#355076;
width:568px;
margin-bottom:4px;
}

.SubPageHeading /* main heading shown over photo rotator */
{
position:relative;
top:-31px;
left:0px;
z-index:100;
font-size:104%;	
font-weight:900;
text-align:center;
color:#355076;
width:568px;
margin-bottom:4px;
}


h1 {font-size:130%;}
h2 {font-size:125%;}
h3 {font-size:120%;}


h4 {font-size:105%;}
h5 {font-size:100%;}
p { padding-bottom:1em; font-weight:100; }
.small { font-size:90%;}
.blue {color:#38ACF6;}
blockquote { text-indent:70px; }

/* ---------List items----*/

ul /* default */
{
list-style-type:disc;
text-indent:20px;
}

ul.circle /* circle */
{
list-style-type:circle;
text-indent:20px;
}

ul.square  /* square */
{
list-style-type:square;
text-indent:20px;
} 

ul.none /* none */
{
list-style-type:none;
text-indent:20px;
}

ol /* default*/
{
list-style-type:upper-alpha;
margin-left:30px;
}

ol.number /* default*/
{
list-style-type:decimal;
margin-left:30px;
}

/*+++++++++++++++++++++++ Forms +++++++++++++++++++++++++*/
input, textarea /* used for form input fields and textboxes and checkboxes so default to no border */
{
border:0px solid #474747;
background-color:#FFF;
color:#474747;
font-weight:500;
font-size:95%;
height:20px;
} 


#container  	
{
width:944px;
}

#header
{
position:relative;
top:0;
z-index:1;
float:left;
width:944px;
background: url(../img/bgHeader.gif) repeat-x top;
}
	
#logo /* basf logo */
{
width:174px;
float:left;
}

#headerTop
{
float:left;
width:770px;
}

#parentCoNav  /* for Parent Company - Horizontal Top Navigaiton */
{
color:#000;
float:left;
font-weight:100;
font-size:10px;
height:27px;
width:480px;
background-color:#8FA4C3;
text-align:right;
line-height:27px;
padding-right:10px;
}
	
#parentCoNav a:link, #parentCoNav a:visited, #parentCoNav a:active, #parentCoNav a:hover
{ 
color:#000;
text-decoration:none;
}
	
#parentCoNav a:hover { text-decoration:underline; }

#searchBox
{
background-color:#F39500;
color:#474747;
text-align:right;
height:27px;
padding:0px;
}

#searchBox a:link, #searchBox a:visited, #searchBox a:active, #searchBox a:hover 
{
position:relative;
top:3px;
font-weight:200;
color:#FFF;
font-size:11px;
text-align:right;
white-space:nowrap;
}

#searchBox a:hover {color:#474747;}

.searchInput
{
position:relative;
top:3px;
float:left; 
width:126px;
margin-left:10px;
border:1px solid #8FA4C3;
}

* html .searchInput
{
top:1px;
}


#searchBox .go
{
position:relative;
top:6px;
float:left; 
left:4px;
width:14px;
height:14px;
}

.advanced
{
float:left;
padding:0px 13px;
}


#globalNav
{
line-height:31px;
font-weight:100;
color:#FFF;
font-size:12px;
width:770px;
height:31px;
text-align:left;
}

#globalNav ul
{
list-style-type:none;
padding-left:10px; 
text-indent:0;
}
	
#globalNav ul li{float:left;display:inline;}
	
#globalNav ul li a:link, #globalNav ul li a:visited, #globalNav ul li a:active, #globalNav ul li a:hover
{
float:left;
display:block;  
padding:0px 2px;
color:#FFF;
text-decoration:none;
height:31px;
font-weight:100;
}

#globalNav ul li a:hover
{
color:#454777;
background-color: #BABFD3;
}

#rotator /* js image rotator in the header */
{
clear:both;
width:770px;
}

#main /* main container the hold the leftSidBar and the contentArea */
{
position:relative;
top:-30px;
z-index:2;	
float:left;
width:944px;
}


/*====================LEFT SIDE NAVIGATION================================*/

#leftSideBar 
{
float:left;
width:174px;
padding:0;
margin-top:28px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
color:#000;
text-align:left;
line-height:14px;
}

* html #leftSideBar 
{
width:174px;
}

#mooFX
{
width: 160px;
font-size: 10px;
margin: 0 0 0 14px;
min-height: 100%;
height: auto !important;
height: 100%;   /*stoopid ie*/
}


#mooFX h3 {
margin:0;
font-size: 10px;
color:#fff;
background:#8FA4C3;
cursor: pointer;
}

#mooFX h3 a:link, #mooFX h3 a:visited, #mooFX h3 a:active, #mooFX h3 a:hover
{
padding:6px 4px;
display: block;
text-decoration: none;
color:#000;
}

#mooFX h3 a:hover
{
background:#BABFD3;
}


#mooFX .accordion
{
color:#000;
background:#3D5C88;	
}

.fixed
{
display:none;
}

#mooFX .accordion .prodLink
{
display:block;
padding:5px 4px;
}

#mooFX .accordion .prodLink a:link, #mooFX .accordion .prodLink a:visited, #mooFX .accordion .prodLink a:active, #mooFX .accordion .prodLink a:hover
{
color:#FFF;
display:block;
text-decoration:none;
}

#mooFX .accordion .prodLink a:hover
{
color:#FAD7A1;
padding-left:5px;
}

/*=================== End Navigation ========================*/

#contentArea  /* main area of the page that will be controlled via the cms */
{
float:left;
width:730px;
text-align:left;
padding:20px;
}

#sectionTitle /* Title bar in left side bar */
{
text-align:left;
width:160px;
margin:0 0 0 14px;
}

#sectionTitle .name 
{
position:relative;
top:5px;
left:10px;
font-weight:800;
font-size:1.2em;
font-style:italic;
color:#105774;
}

#footer 
{
position:relative;
top:-20px;
color:#333;
margin-top:0px;
width:750px;
margin-left:184px;
margin-right:10px;

text-align:center;
font-size:10px;
}

#footer p { padding:0; } /* paragraphs in footer */

#footer ul 
{ 
list-style-type:none;
text-align: center;
text-indent:0;
}
	
#footer li 
{
display: inline;
border-top:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:0;
padding:1px 5px;
}

#footer li.first
{
border:1px solid #999;
}

#footer li.last
{
border-top:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:0;
background-color:#8FA4C3;
}

#footer ul li a{
color:#000;
text-decoration: none;
font-weight:100;
font-size:10px;
}
	
#footer ul li a:hover { text-decoration:underline; }


/*---ADMIN--*/
.AdminFieldSet { /* fieldsets for admin pages */
padding:20px 10px;
}

.w300 { /* fieldsets 300px wide */
width: 300px;
margin:10px 112px;
}

.w500 { /* fieldsets 500px wide */
width: 500px;
margin:10px 22px;
}

.w200 { /* fieldsets 200px wide */
width: 200px;
margin:10px 22px;
}



.AdminFieldSet legend { /* fieldset legends for admin pages */
color:#666;
font-weight:900;
font-size:105%;	
padding:7px 0;	
}

p.label { /* fieldset labels for admin page forms */
float:left;
width:175px;
padding-top:3px;
text-align:right;
font-weight:900;
}

.sampleLabel { 
float:left;
width:120px;
padding-top:3px;
text-align:right;
font-weight:900;
}

p.fields { /* content for admin page forms*/
float:left;
width:320px;
padding-left:5px;
text-align:left;
font-weight:500;
}

.request
{
width:320px;
}

.requestComments
{
width:420px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
}


p.checkMark { /* check marks for admin default page */
background: url(../img/checkMark.gif) no-repeat;
padding:3px 0 8px 34px;
margin-left:30px;
}
/*------Rep Locator Styling -------*/
.RepLocatorName 
{
width:100%;
text-align:left;	
font-family:arial, verdana, Dsan-serif;
font-size:medium;
font-weight:600;
color:#666;
background-color:#fff;	
}

.RepLocatorTitle 
{
width:100%;
text-align:center;	
font-family:arial, verdana, Dsan-serif;
font-size:large;
color:#666;
background-color:#fff;	
}


/*------Downloads DataList formatting -------*/
/* -- Check inline for alt-list styles ---*/
#downloads
{
font-weight:900;	
font-size:small;
}

#downloads a, #downloads a:visited, #downloads a:active 
{
font-weight:900;
text-decoration:none;
color:#3D5C88;
}

#downloads a:hover 
{
color:#0000FF;
}

#downloads .downloadList
{
border:1px ;
border:2px solid #F39500;
text-indent:14px;
line-height:30px;
font-size:80%;
}

#downloads h2
{
/*background:#999 url(../img/downloadsTab.gif) no-repeat left;*/
background:#F39500;
text-align:left;
font-size:11px;
font-weight:900;
line-height:23px;
padding-left:20px;
color:#fff;
}


/*-------------- Model Detail Display --------------*/
#modelImage  
{
float:left;
margin:0 15px 3px 0;
width:140px;
border: double 0px #105774;	
}

#modelImage img 
{
width:140px;
}

#modelCopy 
{
float:left;
font-size:x-small;
}

.thumbImg
{
padding:0 27px 1px 0;
width:90px;	
}

#modelList
{
font-weight:900;
}

#modelList h3
{
background:#CCCCCC;	
font-weight:900;
font-size:102%;
text-align:center;
}

#modelList .modelLink
{
padding:20px;
font-weight:900;
}

#modelList h2
{
background:#3D5C88;
text-align:left;
font-size:11px;
font-weight:900;
line-height:23px;
padding-left:20px;
color:#fff;
}


.fireBarrier 
{
	padding:20px;
	border:1px #666 solid;
}

.litfamily { font-weight:900; color:#fff;}
.litCheckBoxes { float:left; width:60px; text-align:right; }
.litCheckItems { float:right; width:430px; text-align:left; padding-left:3px; font-weight:900; }


.border
{
border:1px solid #7D99B4;	
}

.formBtn
{
background-color:#3D5C88;
color:#fff;
font-weight:700;
}

.plus
{
background-color:#fff; 
padding:0px 5px;
color:#fff;	
}

.details
{
white-space:nowrap;
background-color:#F39500;
color:#fff;	
font-weight:900;
padding:1px 3px;
}

a.details:link, a.details:visited, a.details:active
{
color:#fff;	
}

a.details:hover
{
background-color:#8FA4C3;
color:#fff;
}	


/* ----------------------------------------------------------------------*/

#contentArea.sales_rep, #contentArea.sales_rep fieldset, #contentArea.sales_rep input, #contentArea.sales_rep fieldset label, #contentArea.sales_rep fieldset ol, #contentArea.sales_rep fieldset li {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

#contentArea.sales_rep {
padding:15px 0 15px 15px;
}

#contentArea.sales_rep fieldset {
width:auto;
margin:0 auto;
border-bottom:1px solid #8FA4C3;
padding:35px 0 20px 0;
clear:both;
}

#contentArea.sales_rep fieldset ol {
list-style:none;
}

#contentArea.sales_rep fieldset label {
float:left;
width:120px;
padding-right:10px;
text-align:right;
}

#contentArea.sales_rep fieldset li {
line-height:30px;
}

#contentArea.sales_rep h1 {
padding-top:20px;
font-size:200%;
color:#3D5C88;
}

/* Update Progress Panel */
.update_panel {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
margin:0 auto;
background:url('/img/bg_update_panel.png') top left;
text-align:center;
}

.update_panel img {
margin:25% auto;
border:5px solid #BBB;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#000;
}