/*Copyright Bridgeline Software, Inc. An unpublished work created in 2008. All rights reserved. 
This software contains the confidential and trade secret information of Bridgeline Software, Inc. 
("Bridgeline").  Copying, distribution or disclosure without Bridgeline's express written permission is prohibited.*/

/*****************BEGIN default element styles******************/
html,body{
	margin:0;	padding:0;
}
body{
	font:normal 72.5%/1.4em Arial, Helvetica, sans-serif;
	background: #fff;
}
input,select,textarea{
	font:normal 100% Arial, Helvetica, sans-serif; /*same as body*/
	color: #333;
}
form
{
    margin:0;    padding:0;
}
h1{
	margin:0;
	font-size:220%;
	color:#000;
}
h2{
	margin:0;
	font-size:155%;
    line-height:1.2em;
	color:#333;
}
h3{	
	margin:0;
	font-size:134%;
	color:#333;
}
h4{
	margin:0;
	font-size:130%;
	color:#333;
}
/* Set default margins for h5 & h6 as they may be part of free-form content*/
h5{
	margin:0 0 1.1em 0;
	font-size:110%;
	color:#333;
}
h6{
	margin:0 0 0.5em 0;
	font-size:110%;
	color:#333;
}
ul{  
	margin-left:2em;	padding:0;
    list-style-type:disc;   
}
ul li{
	/*add numbered list margins/padding if needed*/
}
ol{
	margin-left:2em; /*allow room for 2-digit numbers*/
	padding:0;
}
ol li{
	padding-left:1em;
}
/*set a common margin for elements that may be stacked in free-form content*/
ul,ol,p{
	margin-top:0;	margin-bottom:1.1em;
}
table{  
    border-collapse:collapse;     border-spacing:0;   
} 
td,th{
	font-size:100%;
}
a,a:visited{
	text-decoration: none;
	color:#e52b27;
}
a:hover, a:active{
	text-decoration: underline;
	color:#e52b27;
}
fieldset,img {    
    border:0;   
}
/*****************END default element styles******************/

/*****************BEGIN basic layout******************/
div.wrapper{
	width:975px;
	margin:0 auto;
	background-color:#fff;
}	

/*Begin Header*/
div.header{
	width:975px;
	margin:0; padding:0;
}
div.logo
{
    float:left;
    width:220px;
    margin:0; padding:30px 0 0 20px;
}
div.headerRight
{
    float:right;
    width:730px;
    margin:0; padding:0;
}
div.searchBar
{
    float:right;
    margin:0 0 30px 0; padding:11px 10px 7px 0;
    width:720px;    
    background:url(/images/searchBg.gif) repeat-y top right;
    overflow:hidden;
    font:normal 95% arial;
}
div.searchElements
{
    text-align:right; 
    vertical-align:middle; 
}
input.txtBox
{
  border:1px solid #ccc;  
  margin-right:5px;
  padding:3px 5px;
  vertical-align:middle;
  width:200px;
  font:normal 110% arial;  
}
input.gobtn
{
    margin:1px 5px 1px 5px;
    vertical-align:middle;
}    
span.searchSeperator
{
	color:#e52b27;
    padding:0 14px;
}
/*End Header*/

/*Begin BreadCrumb*/

div.breadCrumb
{
    /*clear:both;
    width:955px;*/
    margin:0;    padding:12px 10px;
    background:url(/images/breadCrumbBg.gif) repeat-y top left;
    font:normal 1.1em arial;
    color:#666;    
}
div.breadCrumb a, div.breadCrumb a:visited
{
    color:#666;
    text-decoration:none;
}
div.breadCrumb span.current
{
    font-weight:bold;
    color:#333;
}
/*End BreadCrumb*/

/*Begin Content*/
div.contentSection {
    clear:both;
	width:100%;
}
div.homeBanner {
    float:left;
    width:100%;
    height:288px;
    margin:18px 0 0;
    padding:0;
}
div.homeFlashContainer{
	float:left;
	width:602px;
	height:288px;
}
.flashMessage{position:relative; z-index:100;}
/*.flashMessage h4{float:right; margin:5px 10px 0 0; color:#fff;}
.flashMessage p{clear:both;float:right; margin:5px 10px 0 0; color:#000; font-weight:bold;}*/
.flashMessage p{ clear:both; position:absolute; left:0; margin:0px; padding:5px; color:#000; background:#ccc; width:592px; }
.flashMessage img{
	position:absolute;
	top:0px;
	left:0;
	z-index:-1;
}
div.featuredProducts{
	float:left;
	width:338px;
	height:265px;
	padding:23px 14px 0px 21px;
	background:url(/images/bgFeaturedProducts.gif) repeat-x top left;
}
div.featuredProducts .featuredTitle{
	margin-bottom:11px;
}
div.featuredProducts .thumbnailDesc img{
	margin-bottom:8px;
}
div.featuredProducts .thumbnailDesc p{
	margin-bottom:8px;
	color:#fff;
	line-height:1.2em;
}
div.featuredProducts .thumbnailDesc ul{
	margin:0;
	padding:0;
	list-style:none;
}
div.featuredProducts .thumbnailDesc ul li{
	padding-right:9px;
	float:left;
	font-size: 92%;
	font-weight:bold;
	color:#fee34c;
}
div.featuredProducts .thumbnailDesc ul li a{
	margin-right:0px;
	padding-right:16px;
	color:#fee34c;
	background:url(/images/arrowGreen.gif) no-repeat right 4px;
}
div.featuredProducts div.leftColumn{
	float:left;
	width:156px;
	padding-right:8px;
	margin-right:16px;
	border-right:1px solid #258c3c;
}
div.featuredProducts div.rightColumn{
	float:left;
	width:330px;
}

div.adSection{
    clear:both;
	width:100%;
	margin:0;
	padding:26px 0;
	overflow:hidden;
}
div.adSection .bottomLeftBanner{
	float:left;
	width:603px;
	margin-top:3px;
	margin-right:17px;
	border-right:1px solid #c2c2c3;
}
div.adSection .bottomLeftBanner .bannerImage{
	display:block;
	float:left;
	padding-right:18px;
}
div.adSection div.pressReleases{
	float:left;
	width:321px;
}
div.adSection div.pressReleases h5{
	color:#ff3300;
	margin-bottom:10px;
}
div.adSection div.pressReleases a{
	display:block;
	margin-bottom:14px;
	font-size:92%;
	color:#666;
	line-height:1.3em;
}
div.adSection div.pressReleases .location{
	text-transform:uppercase;
}
div.adCaption
{
    float:left;
    width:370px;
    padding:0 0 0 30px;
}
div.adCaption img
{
    margin-bottom:7px;  padding:0;
}   
div.adVisual
{
    float:right;
    width:390px;
    padding:0 15px 0 0;
}
div.mainContent
{
    float:left;  
    width:770px; 
}
div.mainContent h2
{
    margin-bottom:1em;
}
div.middleContent .sectionTitle, div.rtsideBar p.sectionTitle{
	font-weight:bold;
	color:#000;
}
div.contentColumns{

}
div.contentColumns div.contentLeft{
	float:left;
	width:326px;
	padding-right:7px;
	margin-right:7px;
	border-right:1px solid #d6d6d6;
}
div.contentColumns div.contentRight{
	float:left;
	width:114px;
}

div.rtsideBar{
    float:right; 
    width:250px;
    padding-left:50px;
}
div.rtsideBar div.bannerContainer{
    margin-bottom:13px;
}
div.sidebarContent div.rcHeader{
	width:272px;
	height:4px;
	background:url('/images/sidebarRCHeader.gif') no-repeat left bottom;
}
div.sidebarContent div.rcFooter{
	width:272px;
	height:4px;
	background:url('/images/sidebarRCFooter.gif') no-repeat left top;
}
div.sidebarContent div.rcProdcutInfo{
	width:235px;
	padding:14px 20px 15px 17px;
	background:#ececed;
}
div.sidebarContent div.rcProdcutInfo .sbProductTitle{
	margin-bottom:10px;
}
div.sidebarContent div.rcProdcutInfo .sbProductImg{
	margin-bottom:13px;
}
div.sidebarContent div.rcProdcutInfo a{
	color:#ee3e1f;
}
div.sidebarContent div.rcProdcutInfo p{
	margin-bottom:0.7em;
	color:#666;
}
div.sidebarContent div.rcProdcutInfo .watchVideo{
	display:block;
	border-top:1px solid #c3c3c3;
	padding-top:6px;
}
/*End Content*/

/*Begin footer*/
div.footer{
	clear:both;
	width:100%;
	margin:0;  padding:15px 0 5px 0;
	background:#e7e7e8;
	overflow:hidden;
}
div.footerLinks
{
    float:left;
    width:600px;
    margin:0;   padding:0 0 0 20px;
}
div.footerLinks p, div.geoControl p
{
    margin:10px 0 0 0; padding:0;
    font:bold 92% arial;
    color:#989898;
}
div.footerLinks ul
{
    margin:0; padding:0;
}
div.footerLinks li  
{
    display:inline;
    list-style:none;
    font:normal 95% arial;      
}
span.seperator 
{
    padding:0 7px;
    color:#E52B27;
}
div.footerLinks img
{
    margin-top:9px;    padding:0;
}    
div.geoControl
{
    float:right;
    width:250px;
    padding:0 15px 0 0;  
}
div.geoControl img
{
    float:left;
}
div.geoControl p
{
    float:left;
    margin:3px 0 0 0;
    padding-left:35px;
}
.footerDropDown
{
    float:right;
    width:100px; 
    font:normal 95% arial; 
}
/*End footer*/

/*****************END basic layout******************/

/*****************BEGIN misc******************/
.clearFix{
	clear:both;
	float:none;
	display:block;
	font-size:0;
	line-height:0;
}
/*****************END misc******************/

/****styles for calculator tabs********/
ul.calcSteps{
	display:block;
	width:456px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.calcSteps li{
	float:left;
	border-right:1px solid #fff;
}
ul.calcSteps li.lastTab{
	border-right:none;
}
ul.calcSteps li a{
	display:block;
	height:46px;
	text-indent:-999em;
}
ul.calcSteps li a:focus{
	outline:none;
}
ul.calcSteps li a.step1{
	width:150px;
	background:url(/images/tabCalcStep1_selected.gif) no-repeat left top;
}
ul.calcSteps li a.step2{
	width:151px;
	background:url(/images/tabCalcStep2_normal.gif) no-repeat left top;
}
ul.calcSteps li a.step3
{
	width:153px;
	background:url(/images/tabCalcStep3_normal.gif) no-repeat left top;
}
/****styles for modal window********/
#modal {
	position:absolute;
	z-index:9999;
	visibility:visible;
	margin:0px;	padding:0px;	
}
#coverLayer {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;	
	width:100%;
	min-height:100%;
	background:#404c58;
	-moz-opacity: .5;
	opacity:.5;
	opacity:transparent;
	filter:alpha(opacity='50');
}
/**** END modal********/

/* Basic Form Elements*/

/* TextBox Style*/
.stdTxt, .smallTxt, .mediumTxt
{
    width:217px;
    height:19px;
    margin:0 15px 4px 0;    padding:3px 0 0 3px;
    font:normal 110% arial;
    color:#000;
    background:#ffcc00;
    border:1px solid #ffcc00;    
}
.smallTxt
{
    float:left;
    margin-right:0;    margin-left:0; 
    width:50px;
}
.mediumTxt
{
    float:left;
    width:125px;
    margin-right:8px;
}
div.formRow label.smallLabel
{
    float:left;
    width:29px;
    padding-right:0;
}

/* Text Area Style*/
.multilineTxt
{
    width:297px;
    height:115px;
    margin:5px 15px 0 0;    padding:3px 0 0 3px;
    font:normal 110% arial;
    color:#000;    
    background:#ffcc00;
    border:1px solid #ffcc00;
    overflow:auto;
}

/* DropDown List Style*/
.stdSelect
{
    width:222px;
    padding:0 0 0 2px;
    font:normal 100% arial;    
    color:#666;
    border:1px solid #999;
}

/* Generic Form Elements Container*/
div.formSection
{
    position:relative;
}
div.btnHolder
{
    position:absolute;
}
#tat_table
{
    width:212px;
    border:1px solid #ccc;
    border-top:none;
}
#tat_table td
{
    padding:2px 15px;
}
.headerStyle
{
    font-size:90%;
    background:#f3f3f3;
    text-align:right;
    padding-bottom:5px;
}

/* Author Styles*/
.heading, #SplitText .heading
{
    font:bold 130% arial;
    color:#333;
}
.sidebarHeader
{
    font:bold 100% arial;
    color:#444;
}
.rightTn
{
    float:right;
    margin-left:30px; margin-bottom:20px;
}
.leftTn
{
    float:left;
    margin-right:30px; margin-bottom:20px;
}
.quotes
{
    padding-right:18px; 
    color:#41aada;
    font-size:110%; font-weight:bold;
}
.blackHeader
{  
    color:#000;
    font-weight:bold; 
}
.pageHeaderTitle{
	color:#2e398f;
}
.pageHeaderSubTitle{
	font-size:130%;
	color:#99cc33;
}
.plantContentTitle{
	display:block;
	margin-bottom:1em;
	padding-right:20px;
	font-size:140%;
	font-weight:bold;
	color:#228a3c;
	line-height:1.3em;
}
.dispenserContentTitle{
	display:block;
	margin-bottom:1em;
	padding-right:20px;
	font-size:140%;
	font-weight:bold;
	color:#2e398f;
	line-height:1.2em;
}
.textBlack{
	color:#000;
}
.textBlue{
	color:#2e398f;
}

/* Code Snippets Styles*/
.branchAddress
{
    width:450px;
    overflow:visible;
}
.branchAddress img
{
    float:left;
    margin-right:18px;
}
.addressDetails, div.phoneNos
{
    width:400px;
    font:normal 95% arial;
    color:#666;
}
.phoneNos
{
    width:300px;    
}
.phoneNos table
{
    clear:both;
    width:280px;    margin-top:5px;
}
.phoneNos table td
{
    width:50%;
    text-align:left;    
}
.pagebreak
{
	margin:0;	padding:0;
	height:1px;
	font-size:1px;
	border-top:1px dotted #000;
	line-height:0;
}
/*Container Styles*/
div.freeText
{
    font:normal 100% arial;
    color:#666;
}
div.freeText a, div.freeText a:visited, div.relatedvideos a, div.relatedvideos a:visited
{
    font:normal 100% arial;
    color:#ee2e24;
    text-decoration:none;
    cursor:pointer;
    line-height:2em;
}
div.freeText a:hover, div.freeText a:active, div.relatedvideos a:hover, div.relatedvideos a:active
{
    text-decoration:underline;
    cursor:pointer;
}
.specialLinks
{
    padding-left:8px;
    font:normal 100% arial;
    color:#ee2e24;
    text-decoration:none;
    cursor:pointer;   
    background:url(/images/redArrow.gif) no-repeat 0 9px; 
    line-height:2em;
    margin-bottom:0;    
}
.SBbannerstyle {
    display:block;
}
/* for Show and Hide Functionality*/
.displayBlock
{
    display:block;
}
.displayNone
{
    display:none;
}

/* Edit Mode Message Styles */
.instructionMessage{
	padding:10px;
	background:#CCCCCC none repeat scroll 0 0;
}

/* Modal Layer Styles */
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	z-index:1;
	border:0;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
	opacity: 0.4;
}
#modalLayer{
	display:none;
	width:722px;
	height:505px;
	padding:21px 14px 37px 13px;
	background:#000;
}
.modalLayerHeader
{
	margin-bottom:10px;
}
.modalLayerHeader span{
	float:left;
	padding-left:6px;
	font-size:1.8em;
	color:#fff;
	line-height:1.3em;
	overflow:hidden;
	height:25px;
}
.modalLayerHeader #btnResizeCancel{
	float:right;
	color:#fff;
	margin-top:6px;
	padding-right:16px;
	background:url('/images/imgClose.gif') no-repeat 39px 3px;
}
.modalVideoContainer{
	border:1px solid #999;
}
.homeFlashBanner, .flashMessage
{
	display:none;
}

.mediaFile
{
	border:solid 1px #fff;
}