﻿/* NOTE anything prefixed with a (* html) is a fix for ie6 */

html
{
    background-color: #ddd;
}
body
{
    margin: 0px auto;
    text-align: center;
    width: 994px;
    background-color: #fff;
    font-size:13px;
}

#fixAlign
{
    text-align: left; 
}
#topBar
{
    background-color: #1a3732;
    height: 8px;
     
}
#titleGraphic
{
	background-color: #333;
    height: 180px;
    background-repeat: no-repeat;
 }
#titleWatermark
{
    height: 180px;
    background-image: url(/!images/titleGraphics/watermark.gif);
    background-position: right top;
    background-repeat: no-repeat;
    opacity: 0.20;
    filter: alpha(opacity=20);
    -mozopacity: 0.20;
}

* html img
{   
	behavior:url(/_scripts/iepngfix.htc); /* Fix for PNG file */
}
#loggedIn
{
	position:relative;
	float:right;
	margin-left: -160px;
	margin-right:5px;
	color:#fff;
	z-index:100;
}
#companyLogo
{   
	float:left;
	margin-top:35px;
	margin-left:20px;
}
#titleH1
{
    float: left;
    margin-top: -105px;
    margin-left: 550px;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height:35px;
	text-transform: uppercase;
}
* html #titleH1
{
	 margin-left: 280px;
}

#titleH2
{
    float: left;
    margin-top: -70px;
    margin-left: 600px;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: uppercase;
    width:385px;
    line-height:35px;
}
* html #titleH2
{
	margin-left: 304px;
}

#mainContent
{
    padding: 21px;
}
#footerBar
{
    background-color: #1a3732;
    height: 16px;
    color:#fff;
    clear: both;
    font-size:10px;
    text-align:center;
    line-height:14px;
}
#footerBar a:link,  #footerBar a:visited
{
	color:#fff;
}
#footerBar a:hover, #footerBar a:active
{
	text-decoration:none;
}

#mainContent .column    {  float: left;  }
#mainContent .column302 {  width: 302px; }
#mainContent .column627 {  width: 627px; }
#mainContent .column952 {  width: 952px; }
#mainContent .column464 {  width: 464px; }

#mainContent .divider
{
    margin-left: 11px;
    padding-left: 7px;
    visibility: hidden;
    border-left: dotted 1px #c0c0c0;
    height: auto;
    float: left;
}

#mainContent h1
{
    text-transform: uppercase;
    font-size: 16px;
}
#mainContent h2
{
    text-transform: uppercase;
    font-size: 12px;
}
#mainContent p
{
    margin-top: 7px;
    font-size: 12px;
    line-height :120%;
}
#mainContent object, #mainContent embed
{
    margin-top: 7px;
}
#mainContent a:link, #mainContent a:visited
{
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
#mainContent a:hover, #mainContent a:active
{
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#mainContent .links
{
    margin-top: 7px;
}
#mainContent .links a
{
    line-height: 18px;
}
#mainContent .paddingAll
{
	padding:10px;
}
#mainContent .paddingTop
{
	padding-Top:10px;
}

#mainContent ul
{
	list-style-position:outside;
	list-style:square;
	/*text-indent:15px;*/
}
#mainContent li
{
	margin-left:15px;
}

#cuRightCol li
{
	margin-left:0px;
	}
#cuRightCol ul
{
	list-style-position:outside;
	list-style: none !important;
} 

.newsItem a:link,  .newsItem a:visited
{
	border-bottom: none !important;
}
.newsItem a:hover, .newsItem a:active
{
	border-bottom:none !important;
	text-decoration:underline !important;
}

#loggedIn a:link,  #loggedIn a:visited
{
	border-bottom: none !important;
}
#loggedIn a:hover, #loggedIn a:active
{
	border-bottom:none !important;
	text-decoration:underline !important;
}
th a:link,  th a:visited
{
	border-bottom: none !important;
	color:#fff;
}
th a:hover, th a:active
{
	border-bottom:none !important;
}
fieldset
{
	padding: 5px;
}
legend
{
	color: #000;
	font-weight: bold;
}
.formError fieldset
{
	border-color:Red !important;
	font-style:italic;
	color:Red;
}
.formError fieldset legend
{
	font-style:normal !important;
	color: #000;
}
.dropdown
{
	margin-top:2px;
	vertical-align:middle;
}
th
{
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
td, th
{
	padding:2px;
}
td>p,th>p
{
	margin:0px !important;
}
td>p, td
{
	font-size:11px !important;
}

/* contact us form */
#cuRightCol
{
	float:right;
	border-left: 1px dotted #4c4b4b;
	padding-left:12px;
	padding-bottom:10px;
}
#cuLeftCol
{
	float:left;
}
#cuLeftCol fieldset, #cuRightCol fieldset
{
	width:289px;
}
label
{
	font-size:90%;
	padding-top:3px;
	margin-left:5px;
	white-space:nowrap;
}
 #ContactDetails label
{
	display:block;
	margin:0px;
}

 #ContactDetails fieldset input 
{
	border:solid 1px #a5acb2;
	padding-left:2px;
	margin-bottom:2px;
}
 #ContactDetails fieldset select 
{
	border:solid 1px #a5acb2;
}
#invProdList, #invBroList, #invFactList
{
	margin-left:15px;
}
#ContactDetails #EmailField
{
	display:none;
}
#ContactDetails #PhoneField
{
	display:none;
}
#ContactDetails #MailField
{
	display:none;
}
.padTop
{
	margin-top:2px;
}
.mandatory
{
	background-image:url('/_images/mandatory.gif');
	background-repeat:no-repeat;
	background-position:right;
	border:1px solid #999;
/*	height:18px;*/
}
select .mandatory
{
	background-image:url('/_images/Selectmandatory.gif') !important;
}


.submitButton
{
	margin: 10px 10px 10px 10px;
	height:20px;
	
}
.browseButton
{
	font-size:10px;
	padding:2px;
}
.TsandCsScreen
{
	background-color:#999;
	position:absolute;
	z-index:200;
	opacity: 0.60;
    filter: alpha(opacity=60);
    -mozopacity: 0.60;
}
.TsandCsContent
{
	background-color:#fff;
	position:absolute;
	text-align:left;
	z-index:202;
	border:1px solid #000;
}
.TsandCsContent h1
{
	margin:10px;
	font-size:16px;
}
.TsandCsContent div
{
	margin-left:10px;
	margin-right:10px;
	width:514px;
	height:200px;
	padding:2px;
	border:solid 1px #999;
	overflow:auto;
	font-size:10px;
}
.TsandCsContent span
{
	margin:10px;
	padding-top:30px;
}
.TsandCsShadow
{
	background-color:#666;
	position:absolute;
	z-index:201;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-mozopacity: 0.60;
}

/* Background color's for parts */
.e8ebea
{
	background-color:#e8ebea;	
}
.bbc3c1
{
	background-color:#bbc3c1;	
}
.ffffff
{
	background-color:#ffffff;	
}
.Transparent, .InvertTransparent
{
	background-color:Transparent;	
}

.Invert H1, .Invert p, .Invert a:link,  .Invert a:visited, .Invert li
{
	color:#fff !important;
	border-bottom-color: #fff;
}
.InvertTransparent H1, .InvertTransparent p, .InvertTransparent a:link,  .InvertTransparent a:visited
{
	color:#fff !important;
	border-bottom-color: #fff;
}
.dbGreen
{
	background-repeat:repeat-x;
	background-position:bottom;
	background-image: url('/_images/drawbridge/greenfade.png');	
}
.dbGreen H1
{
	color:#333 !important;
	font-size:100%;
}
.dbGreen a:link,  .dbGreen a:visited
{
	color:#fff !important;
	border-bottom-color: #fff;
}
.dbBlack
{
	color:#fff;
	background-repeat:repeat-x;
	background-position:bottom;
	background-image: url('/_images/drawbridge/blackfade.png');	
	
}
.dbBlack H1
{
	color:#7ac043 !important;
	background-color:#58575a;
	margin-top:-10px;
	margin-left:-10px;
	margin-right:-10px;
	font-size:16px !important;
	padding:5px;	
	padding-left:10px;
}
.dbBlack a:link,  .dbBlack a:visited
{
	color:#fff !important;
	border-bottom-color: #7ac043;
	clear:both;
}
.dbBlack li, .dbBlack p
{
	color:#fff !important;
}


.NewDocument
{
	background-image: url(/!images/icons/new.png);
    background-position: right top;
    background-repeat:no-repeat;
}
.selectedBlog
{
	color:#000 !important;
	border:none !important;
}
#videoPreview object
{
	margin:0px;
}

hr
{
	background-color:Transparent;
	color:#fff;
	height:1px;
	border:0px;
	border-bottom: dotted 1px #c0c0c0;

	}
.QuoteText
{
	font-size:22px; 
	text-transform:none;
	font-style:italic;
 }
.spotPoll td, .spotPoll tr
{
	border:0px !important;
}

A[Disabled]:hover
{
	border:0px !important;
	text-decoration:none !important;
	cursor:not-allowed;
}

.LearningZoneTable
{
	border-collapse:separate;	
}


.LearningZoneTable td, .LearningZoneTable th
{
	border:0px !important;
	background-color:Transparent !important;
	height:20px;
	padding-left:10px !important;
}

.LearningZoneTable a
{
	color:#555 !important;
	border-color:#555 !important;
}

.LearningZoneTable td
{
	background-image:url(/_images/learningZone/grey.gif);
	background-position:3px;
	background-repeat:repeat-x;
}

.LZModule
{
	background-image:url(/_images/learningZone/blue.gif);
	background-position:3px;
	background-repeat:repeat-x;
}
.LZSection
{
	background-image:url(/_images/learningZone/red.gif);
	background-repeat:repeat-x;
		background-position:3px;
}