/*-------------------------------------------------------------------------
		Default styles for the entire web site
   -------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding : 0;
margin : 0;
}

body {
	font : 11px "Trebuchet MS", arial, helvetica, clean, sans-serif;
	line-height : 1.22em;
}

table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
font-size : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1px;
}
.clearfix {
display : block;
}
table {
font-size : inherit;
}
pre, code {
font : 115% monospace;
font-size : 100%;
}

img {
border : none;
}

h5 {
	font: "Trebuchet MS",Calibri,  HelveticaNeue, Arial;
	font-size: 16px;
	margin: 15px 0 0 0;
	color:#FF6600;
}


/*-------------------------------------------------------------------------
		End of default styles for the web site
   -------------------------------------------------------------------------*/
   
/*------------------------------------------------------------------------------
		Styles used on the default.aspx page (Home page)
   ------------------------------------------------------------------------------*/

/* Middle content area of the default.aspx page */
#content {
width : 960px;
margin : 0 auto 0 auto;
border-bottom-color : #f7a11a;
border-bottom-style : solid;
height : 200px;
}

/* Bottom content area of the default.aspx page */

#modules {
background-color : #ffffff;
height : 320px;
}

.slides {
	width : 255px;
	height: 250px;
}

.slidesTitle {
	font: "Trebuchet MS",Calibri,  HelveticaNeue, Arial;
	font-size: 16px;
	color:#FF6600;
}

#mainFlash {
	height : 200px;
	width : 958px;
	float : left;
	background-color : white;
	border-left: solid #fff 1px;
	border-right: solid #fff 1px;
}

#bottomContent {
background-color : #ffffff;
width : 960px;
margin : 0 auto 0 auto;
height : 320px;
}

#modules h2 {
color : #000000;
padding : 10px 0 10px 10px;
text-transform : uppercase;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 2em;
font-weight : normal;
font-style : italic;
}

.moduleSep {
float : left;
width : 1px;
height : 255px;
background-color : #ccc;
display : block;
}

#modProducts {
	float : left;
	width : 256px;
	padding : 8px;
	display: block;
}

/* Testimonials section of default.aspx */

#modTestimonials {
float : left;
width : 235px;
display : block;
padding : 6px 12px 10px 6px;
background-color : #ffffff;
}



.fade{
	margin: 2px 2px 2px 2px;
	padding: 10px 10px 10px 10px;
	font: italic  150% Georgia, "Times New Roman", Times, serif ;
	color: #666666;
	line-height: 1.2em;
}
.quote {
	background:url(../images/quote.png) no-repeat top left;
	font-size:11px;
}
.quote p {
	background:url(../images/quote_end.png) no-repeat right bottom;
}
.quoteName {
	font: bold 120% "Trebuchet MS", Verdana, Modern;
	color: #333333;
	text-align: right;
	margin: 10px 0 0 0;
	font-style: normal;
}
.quoteCompany {
	color: #999999;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Modern;
	font-style: normal;
	font-size:12px;
}

/* End of Testimonials section of default.aspx */

/* News section of default.aspx */

#modNews {
float : left;
width : 200px;
display : block;
padding : 5px 10px 10px 10px;
background-color : #ffffff;
}

.newsBullets {
text-indent : -0.3em;
font-size : 11px;
margin-top : 5px;
margin-left : 10px;
}

.newsBullets li {
	line-height : 1.5em;
	font-size : 100%;
	padding-bottom : 0.5em;
	background-image : url(../images/bullet_news.png);
	background-repeat : no-repeat;
	background-position : -0.1em 0.4em;
	padding-left : 0.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* End of News section of default.aspx */

#modProducts img {
margin-top : 10px;
margin-left : 10px;
}

#modProducts p {
margin : 10px 0 0 10px;
line-height : 1.5em;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 100%;
}

#myController span {
color : #fff;
background : #000;
margin-right : 10px;
cursor : pointer;
}

#myController span.jFlowSelected {
background : #f00;
}

.jFlowPrev, .jFlowNext {
margin : 10px 0;
cursor : pointer;
}

#prevnext {
font-size : 11px;
text-align : center;
padding-top : 5px;
color : #666;
}

#myController2 span {
color : #fff;
background : #000;
margin-right : 0px;
cursor : pointer;
}

#myController2 span.jFlowSelected2 {
background : #f00;
}

.jFlowPrev2, .jFlowNext2 {
margin : 10px 0;
cursor : pointer;
}

#prevnext2 {
font-size : 11px;
text-align : center;
padding-top : 3px;
color : #666;
}

/* Login section of default.aspx */

#modLogin {
width : 185px;
float : left;
display : block;
padding : 10px;
background-color : #ffffff;
height : 250px;
}

#signupSP 
{
    height: 115px;
    padding: 5px;
}
#loginBP {
height : 80px;
}



#loginSP li 
{
width: 180px;
height : 19px;
background-color : #000;
padding : 0;
font-size : 11px;
color : #fff;
float : left;
line-height : 18px;
text-align : center;
margin-top: 10px;
margin-right : 3px;
margin-bottom : 20px;
margin-left : 5px;
border : 1px solid #ccc;
cursor : pointer;
}

#loginBP li 
{
width : 180px;
height : 19px;
background-color : #000;
padding : 0;
font-size : 11px;
color : #fff;
float : left;
line-height : 18px;
text-align : center;
margin-top: 10px;
margin-right : 3px;
margin-bottom : 5px;
margin-left : 5px;
border : 1px solid #ccc;
cursor : pointer;
}
#loginSP li:hover, #loginBP li:hover {
background-color : #999;
color : #fff;
cursor : pointer;
}
#loginSP a, #loginBP a {
color : #fff;
text-decoration : none;
}

#btnLearnMore li:hover, #btnLearnMore li:hover {
background-color : #999;
color : #fff;
cursor : pointer;
}

#btnViewAll a, #btnLearnMore a {
color : #fff;
text-decoration : none;
}

#btnLearnMore1 li, #btnLearnMore2 li, #btnLearnMore3 li, #btnLearnMore4 li, #btnLearnMore5 li {
width : 61px;
height : 19px;
background-color : #f7a11a;
padding : 1px 3px 1px 3px;
font-size : 11px;
color : #fff;
float : left;
line-height : 18px;
text-align : center;
margin : 5px 3px 5px 180px;
cursor : pointer;
}

#btnLearnMore1 a, #btnLearnMore2 a, #btnLearnMore3 a, #btnLearnMore4 a, #btnLearnMore5 a {
color : #fff;
text-decoration : none;
}

#btnLearnMore1 li:hover, #btnLearnMore2 li:hover, #btnLearnMore3 li:hover, #btnLearnMore4 li:hover, #btnLearnMore5 li:hover {
text-decoration : none;
background-color : #999;
}

#btnViewAll li, #btnViewAll li {
width : 61px;
height : 19px;
background-color : #f7a11a;
padding : 1px 3px 1px 3px;
font-size : 11px;
color : #fff;
float : left;
line-height : 18px;
text-align : center;
margin : 5px 3px 5px 120px;
cursor : pointer;
}

#btnViewAll li:hover, #btnViewAll li:hover {
background-color : #999;
color : #fff;
cursor : pointer;
}

/*------------------------------------------------------------------------------
		Styles used on the msMaster.master page
		
		This is the primary master page for the site. 
		It provides:
		 - Contact and Searc facility at top of all pages
		 - Main navigation for the site
		 - Footer section of all pages
   ------------------------------------------------------------------------------*/

/*  Body tag on the hsMasert.master page - sets the background image for the site */
#home { 
	margin: 10px 0 0 0;
	background: #006878 url(../images/pageBg.png) repeat-x top left;
}

/* Footer area of the hsMaster.master page */
#footercontent {
width : 560px;
margin:5px auto 0 auto;
}


#footer {
margin : 0 auto 0 auto;
height : 20px;
color : #003366;
font : 95% "Trebuchet MS", Verdana, Modern;
float : left;
width : 560px;
}

#footer li {
display : inline;
text-decoration : none;
}

#copyright {
color : #ccc;
float : left;
}

#terms {
color : #ccc;
float : right;
}

#terms a {
text-decoration : underline;
color : #003366;
}

#terms li a {
color : #ccc;
text-decoration : none;
}

#terms li a:hover {
color : #f7a11a;
text-decoration : none;
}

#footerBar {
width : 950px;
height : 25px;
margin : 0 auto 0 auto;
}

/*-----------------------------------------------------------------------------------
    These styles are used by the ASP.NET Menu control for the
    top nav bar.
  -------------------------------------------------------------------------------------- */
.hsMenu {
    background: url(../images/topmenu.png); 
    background-repeat:repeat-x; 
    padding-left:8px; 
    padding-right: 8px; 
    float: left;
    margin-left: 70px;
}

.top_menu {
	background: url(../images/topmenu.png) top left repeat-x;
	height: 26px;
	color: #000;
	padding: 0px 15px 0px 15px;
	border: 0px; 
}

.top_menu_hover {
    background: url(../images/menu_active.gif) top left repeat-x;
	height: 26px;
	padding: 0px 15px 0px 15px;
}

.top_menu_current {
    background: url(../images/menu_active.gif) top left repeat-x;
	height: 26px;
	padding: 0px 15px 0px 15px;
}

/* ------ Style for the nav bar wrapper -----*/
#content1 {
	width : 960px;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
	height : 65px;
	background-color : #ffffff;
	background-image: url(../images/bg_header.png);
	background-repeat: repeat-x;
	z-index: 99999999;
}


/*    Contact and Search link at top of master page styles  */
ul#headerNav {
text-align : right;
width : 275px;
float : right;
padding : 3px 5px 2px 5px;
margin : 0px 5px 14px 0;
height : 20px;
}
ul#headerNav li {
list-style-type : none;
display : inline;
padding : 0 2px 0 2px;
}

.txtSearch {
font : 90% Verdana, Arial, Helvetica, sans-serif;
}

#searchlink {
color : #ffffff;
text-decoration : none;
}
#branding2 {
	height : 66px;
	width : 225px;
	float : left;
	z-index : 99999999;
	margin: 5px 0 0 0;
}

/*------------------------------------------------------------------------------
		End of Styles used on the msMaster.master page
   ------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
		Styles used on the sub master pages
		
		These styles are used for the left navigation and
		right subMenu columns on the following pages:
		- hsAboutUs.master
		- hsCustomers.master
		- hsHome.master
		- hsNews.master
		- hsPartners.master
		- hsProducts.master
		- hsServices.master
		- hsSupport.master
		- hsTraining.master
   ------------------------------------------------------------------------------*/

/* Style for the all of the content columns */
#columns {
	width : 960px;
	margin: 10px auto 0 auto;
}

/* Styles for the left nav column and its contents */
#col_nav {
	float : left;
	width : 170px;
	padding : 0 0 20px 0;
	background-color: #154347;
	margin-top: 20px;
}

#col_nav_blank { /* Used if there are no sub pages to the section (Support) */
	float : left;
	width : 170px;
	padding : 0 0 20px 0;
	/*background-color: #154347;*/
	margin-top: 20px;
}

#col_nav h2 {
color : #2f959d;
font-family : "Trebuchet MS", Verdana, Modern;
font-size : 16px;
margin-top : 10px;
padding-left : 10px;
}

#col_nav h3 {
color : #309aa3;
margin-top : 20px;
margin-left : 20px;
font-size : 110%;
margin-bottom : 0;
}

#col_nav ul {
padding : 10px 0 0 20px;
font-size : 11px;
color : #ffffff;
line-height : 1.1em;
list-style-type : none;
}

#col_nav a {
color : #fff;
text-decoration : none;
}

#col_nav a:hover {
color : #f7a11a;
text-decoration : none;
}

#col_nav li {
background-image : url(../images/bullet_nav.png);
background-repeat : no-repeat;
background-position : 0 0.4em;
padding-left : 1.5em;
color : #f7931e;
}

/* Style for the main content column */
#col_main {
float : left;
width : 620px;
background-color : #ffffff;
margin-bottom : 30px;
background-repeat : no-repeat;
height : 100%;
padding-left: 10px;
}

/* Styles for the right subNav content column */
#col_subnav {
	float : left;
	height : 90px;
	width : 150px;
	padding-top : 30px;
	padding-left : 10px;
	background-color: #5BC6CE;
	margin-top: 20px;
}

/*------------------------------------------------------------------------------
		End of Styles for the sub master pages
   ------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
		Styles used on the content pages
		
		These styles are used for the main content section
		of the content pages:
   ------------------------------------------------------------------------------*/

/* Breadcrumb div on all content pages */

#breadcrumb {
float : left;
height : 30px;
width : 600px;
padding-top : 10px;
padding-left : 20px;
color : #000000;
font-size : 100%;
}

#breadcrumb a {
color : #f7931e;
text-decoration : underline;
}

#breadcrumb a:hover {
color : #9d2001;
text-decoration : underline;
}

/*	Main Content div on all content pages */

.col_main_content {
font-size : 13px;
line-height : 1.3em;
margin : 0.5em 10px 1em 0;
color : #333333;
}
    
#col_main_content h2 {
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 36px;
	font-style : italic;
	font-weight : normal;
	margin : 10px 0 20px 0;
	line-height: 1em;
}

#col_main_content p {
font-size : 13px;
line-height : 1.3em;
margin : 0.5em 10px 1em 0;
color : #333333;
}

#col_main_content a {
color : #f7931e;
}

#col_main_content a:hover {
color : #a9600b;
}

#col_main_content h3 a {
font-size : 130%;
color : #f7931e;
line-height : 1;
}

#col_main_content h3 a:hover {
color : #cc3300;
}

#txtOverview, #txtOverview2 {
	float: left;
	width: 560px;
	background-color:#FFF9D8;
	padding:10px;
	border-bottom: 1px solid #FFE8CD;
	border-top: 1px solid #FFE8CD;
	margin:0 0 15px 0;
	
}

#bgGraphic {
float : left;
height : 250px;
background-color : #999999;
}

#confGraphic {
float : right;
}

#confHeadline {
float : left;
}

#confText {
float : left;
}

.centerHyperlink 
{
    text-align :center;
}    


/*	The following styles are only used on the products.aspx content page */

.products {
float : left;
width : 275px;
margin : 0 30px 0 0;
}
.products a {
color : #000;
text-decoration : underline;
}
#products a:hover {
color : #cc3300;
text-decoration : underline;
}
.products h3 a {
font-style : italic;
color : #666666;
font-weight : normal;
margin-bottom : 4px;
}

.products li {
line-height : 1.6em;
font-size : 110%;
background-image : url(../images/bullet_nav.png);
background-repeat : no-repeat;
background-position : 0 0.4em;
padding-left : 1.2em;
color : #f7931e;
}

/*	The above styles are only used on the products.aspx  content page */

/*----------------------------------------------------------------------------------------- 
	The following styles are only used on the products_builder.aspx  
	and products_suppliers.aspx content pages 
	-----------------------------------------------------------------------------------------*/

.prodb {
float : left;
margin-left: 5px;
margin-right: 5px;
}

.learnmore a {
color : #000000;
text-decoration : underline;
}


/*-------------------------------------------------------------------------------------- 
	The above styles are only used on the products_builder.aspx  
	and products_suppliers.aspx content pages 
	--------------------------------------------------------------------------------------*/

.subTitle {  /* only used on the advanced_integration.aspx and SWIM.aspx pages */
    font-size: 12pt;
}

#example ul ul li {background-image:url(../images/bullet_subList.png);}

/*---------------  Tabs & Tab Content ------------------------

    These styles, in conjunction with the ones in the
    flora.tabs.css stylesheet are used to render the
    tabsand the contents of the tab boxes below the 
    tabs (primarily on the product pages). These pages
    are all located in the products subfolder.
    
  ----------------------------------------------------------------------*/

#example {
float : left;
clear : both;
width : 575px;
}
#example ul {
	font-size : 12px;
	color : #333333;
}

#example h4 {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Calibri, "Trebuchet MS", HelveticaNeue, Arial;
	font-size: 16px;
}

#pageHeader {
float : left;
margin-right : 0;
}
#pageGraphic, #pageGraphic2 {
float : right;
margin: 20px;
text-align : right;
}

#pList, #pList1, #pList2, #pList3, #pList4, #pList5  {
padding : 10px 0;
font-size : 12px;
color : #ffffff;
line-height : 1.2em;
list-style-type : none;
}

#pList li, #pList1 li,#pList2 li,#pList3 li, #pList4 li, #pList5 li {
	background-image : url(../images/bullet_green.png);
	background-repeat : no-repeat;
	background-position : .5em 0.3em;
	padding-left : 1.8em;
	color : #333;
}

.thumbnail {
width : 550px;
background-color : #ffffff;
margin : 20px 10px 20px 10px;
}

#screens .thumbnail .thickbox img {
float : left;
display : block;
}

#screens .thumbnail h5 {
margin-left : 214px;
color : #154347;
}
#screens .thumbnail p {
margin-left : 214px;
color : #333333;
}

/*----------------------------------------------------- 
		End of Tabs & Tab Content styles 
---------------------------------------------------------*/

/*-------------------------------------------------------------------------- 
		These styles are used on the About Us, Partner, and Customers pages 
--------------------------------------------------------------------------*/
.emphasize {            /* used to bold some items on different pages in the About Us section */
    font-weight:900;
    font-size: 1.1em;
}

ul.management li {
    list-style:disc; /* bullet list for David Deniger resume */
    margin-left: 30px;
    vertical-align: middle;
}

.highlight {                            /* only used on Partner pages */
	font: "Trebuchet MS",Calibri,  HelveticaNeue, Arial;
	font-size: 14px;
	margin: 10px 0 0 0;
	color:#FF6600;
}

#col_main_content a.partnerLink {       /* only used on Partner pages */
color : #0000CD;
}
#col_main_content a:hover.partnerLink { /* only used on Partner pages */
color : #0000CD;
}

.customerList {                         /* only used on Customer List page */
	font: "Trebuchet MS",Calibri,  HelveticaNeue, Arial;
	font-size: 11pt;
	color:#FF6600;
	line-height: 140%;
}

div#CustomerList {margin-left: 50px;} 

.topBuilder {
    font-style:italic;
    font-size:10px;
    color:Black;
}    
/* only use on Customer List page */

/*----------------------------------------------------- 
		End of styles for the About Us & Partner pages 
---------------------------------------------------------*/

/*----------------------------------------------------- 
		Styles for the News pages 
---------------------------------------------------------*/

.bodyitalicclass {
    font-size: 10pt;
    font-style: italic;
    color: #000;
}
.subheadclass {
    font-size: 11pt;
    color: #FF6600;
    font: "Trebuchet MS",Calibri,  HelveticaNeue, Arial;
}
/*----------------------------------------------------- 
		End of styles for the News pages 
---------------------------------------------------------*/

/*----------------------------------------------------- 
		Styles for the Support page 
---------------------------------------------------------*/


#sList  {
padding : 10px 0;
font-size : 11px;
color : #ffffff;
line-height : 1.2em;
list-style-type : none;
}



#sList li {
	background-image : url(../images/bullet_green.png);
	background-repeat : no-repeat;
	background-position : .5em 0.3em;
	padding-left : 1.8em;
	color : #333;
}

.hlSupport {                            /* only used on the Support page */
    font: "Trebuchet MS",Calibri,  HelveticaNeue, Arial;
	font-size: 12px;
	color:#FF6600;
	display: inline;
	position: relative;
}

/*----------------------------------------------------- 
		End of styles for the Support page 
---------------------------------------------------------*/


/*------------------------------------------------------------------ 
		Styles for the Online User Agreement and Privacy Policy page 
--------------------------------------------------------------------*/
.ouappPage
{
    padding-left: 10px;
    padding-right: 10px;
    font: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 10px;
    line-height: 16px;
    font-variant:normal;
}

.ouappTitle {
    font: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 0 0;
	color:#FC9200;
}

.ouappEmphasis {
    font-weight: bold;
}

.ouappSubParagraph {
    padding-left: 25px;
    padding-right: 25px;
}

/*------------------------------------------------------------------------- 
		End of Styles for the Online User Agreement and Privacy Policy page 
---------------------------------------------------------------------------*/




/*------------------------------------------------------------------------- 
		Styles for the Testimonials page 
---------------------------------------------------------------------------*/
.testimonial {
    font-style:italic;
}
.quoteNameT {
	font: bold 120% "Trebuchet MS", Verdana, Modern;
	color: #333333;
	text-align: left;
	margin: 10px 0 0 0;
	font-style: normal;
}
.quoteCompanyT {
	color: #999999;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Modern;
	font-style: normal;
	font-size:12px;
}
    
    

/*------------------------------------------------------------------------- 
		End of Styles for Testimonials page 
---------------------------------------------------------------------------*/


/*------------------------------------------------------------------------- 
		Styles for the SupplyPro Cancel Contract page 
---------------------------------------------------------------------------*/
#cancelTable {
    font-size : 13px;
    font-weight:bold;
    color: #333333; 
    vertical-align:middle;
}

.txtComments {
    font-family:Arial;
}
    
/*------------------------------------------------------------------------- 
		End of Styles for Testimonials page 
---------------------------------------------------------------------------*/

/*------------------------------------------------------------------------- 
		Styles for the confcall.aspx page 
---------------------------------------------------------------------------*/

.emphasis1 
{
	color:#FF0000;
	font-size: 13px;
}

.emphasis2 
{
	color:#FF0000;	

/*------------------------------------------------------------------------- 
		End of styles for the confcall.aspx page  
---------------------------------------------------------------------------*/