/* CSS Document */

body {
	margin: 0;
	padding: 0;
	line-height: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	/*background: url("images/light-bottom-gradient.jpg") repeat-x  bottom;*/
	
	background-attachment:fixed;
	background: url("images/swirl.gif") no-repeat 20px bottom;
	overflow: scroll;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

h1 {
	font-family: Calibri, Arial; 
	font-size: 18pt; 
	font-weight: bold;
	color: #0066CC;
}

h2 {
	font-family: Calibri, Arial; 
	font-size: 14pt; 
	font-weight: bold;
	color: #0066CC;
	margin: 0 0 1em 0;
}

h3
{
	font-family: Calibri, Arial; 
	color: #0066CC;
}

a img {
border: none;
}

/*A:link {text-decoration: none; color: #fff;}
A:visited {text-decoration: none; color: #fff;}
A:hover {text-decoration: none; color: #fff; background: url(images/Nav-gradient-hover.jpg) repeat-x;}*/

#fixedContainer
{
	width: 765px;
	/*border: 1px solid gray;*/
}

#headerContainer
{
	/*border: 1px solid green;*/
	padding-top: 5px;
	height: 104px;
}

#logo
{
	float: left;
}

#rightHeader
{
	float: right;
	vertical-align: bottom;
}

#navigation
{
/*	height: 31px;
	background-color: #79b6e7;
	background-image: url("images/nav-gradient.jpg") ;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: white;
	text-align: left;*/
}

#navigation li
{
/*	margin-left: 15px;
	list-style: none;
	display: inline;*/
}


/* ----------------------------------------- */
/* Styles for the entire LavaLamp menu */

ul {
	margin: 0px;
	padding: 0px;
}

.lavaLamp {
    position: relative;
    height: 31px; width: 765px;
    background: url("images/nav-gradient.gif") no-repeat top;
/*    padding: 3px; margin: 6px 0;*/
	/*padding:3px 0 3px 0;*/
	padding-top: 3px;
    overflow: hidden;
}

/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
	padding-left: 5px;
}

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: url("images/lava-blue.gif") no-repeat right -25px;
	width: 9px; height: 25px;
	z-index: 8;
	position: absolute;
}

.lavaLamp li.back .left {
	background: url("images/lava-blue.gif") no-repeat top left;
	height: 25px;
	margin-right: 9px;
}
		
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; overflow: hidden;
	text-decoration: none;
	font: 18px Calibri  ;

	color: #fff; outline: none;
	text-align: center;
	height: 25px;
	z-index: 10; letter-spacing: 0;
	float: left; display: block;
	margin: 2px 10px 2px 15px;
}
/* ----------------------------------------- */

#breadCrumb
{
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: #CCCCCC;
}

#breadCrumb A:link {text-decoration: underline; color:#CCCCCC;}
#breadCrumb A:visited {text-decoration: underline; color: #CCCCCC;}
#breadCrumb A:hover {text-decoration: underline; color: #0066CC;}

#banner
{
	text-align:center;
	/*border: 1px solid cyan;*/
}

img#swirl
{
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: -1;
}

img#bottom-gradient
{
    position: absolute;
	z-index: -10;
}

#footer
{
	position:static;
	height: 40px;
	width: 100%;
	background: url(images/footer-gradient.jpg) repeat-x center; 
	background-color: #fdec90;
	border-top: 1px solid #d9a300;
	border-bottom: 1px solid #eeb300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #a97b19;
}

#footerContainer
{
	width: 765px;
/*	border: 1px solid black;*/
	text-align: left;
}

#footerContainer img
{
	padding-right: 10px;
	vertical-align: top;
}

#copyright
{
	padding-top: 10px;
	float: left;
}

#matesrates
{
	padding-top: 7px;
	float: right;
	vertical-align:top;
}

#matesrates A:hover {text-decoration: none; color: #fff; background: none; padding: 0;}

.smlSpacer
{
	padding-bottom: 5px;
}

.medSpacer
{
	padding-bottom: 10px;
}

.bigSpacer
{
	padding-bottom: 15px;
}

.footerSpacer
{
	padding-bottom: 50px;
}

.content
{
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10pt;
	color:#666666;
	line-height: 1.5em;
}

.roundedDiv
{
	background-color: #edf2f9;
}

.roundedDivGrey
{
	background-color: #fdfad1;
}

.roundedDivPadding
{
	padding-left: 15px;
	padding-right: 15px;
}

.textBlue
{
	color:#0066CC;
}

.contactForm
{
	background-attachment: fixed;
	background: url("images/mail.gif") no-repeat 98% 15px;
}

.question
{
	/*background-attachment: fixed;
	background: url("images/question.gif") no-repeat left center;*/
	margin-bottom: -10px;
	font-weight:bold;
}

.q
{
	font-size: 12pt;
	font-weight:bold;
	color : #0066CC;
	padding-right: 5px;
}

.answer
{
	padding-bottom: 10px;
	font-style: italic;
}

.a
{
    font-size : 12pt;
	font-weight:bold;
	font-style: normal;
	color : #ffcc00;
	padding-right: 5px;
}


.msg_Head
{
	background-image: url(images/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: 96%;
	background-color:#feffba;
	/*background-attachment:fixed;*/
	padding: 5px 55px 5px 15px;
	color: #FF9900 ;
	cursor: pointer;
	font-size: 12pt;
	font-weight: bold;
	font-family: Calibri, Verdana, Arial;
}

.msg_Body
{

}

.collapseHeader{
/*	display:block;*/
	width:95%;
	padding:5px;
	border:2px solid #D0E8F4;
	background-color:#ECF8FD;
	position: relative;
}
.collapseContent {
	width:95%;
/*	display: none;*/
	padding:5px;
	border-left:2px solid #FADDA9;
	border-right:2px solid #FADDA9;
	border-bottom:2px solid #FADDA9;
	background-color:#FDF4E1;
}

.serviceEnquiryWidth
{
	width: 400px;
}

.contactUsColumn
{
	width:50%;
	vertical-align: top;
}

.content A:link {text-decoration: underline; color:#FF9900;}
.content A:visited {text-decoration: underline; color:#FF9900;}
.content A:hover {text-decoration: underline; color:#FF6600;}

.productLinks A:hover { border-bottom: 3px solid #6699FF; text-align: center;}

.productDownloadTree A:link {text-decoration: none; color: #0066cc}
.productDownloadTree A:visited {text-decoration: none; }
.productDownloadTree A:hover {text-decoration: underline; }

.productDownloadTree
{
	float: left;
	margin-left: 20px;
}

.productManualsText
{
	float: left;
	width: 300px;
}

.contactFormTable
{
	width: 100%;
}

.requiredField
{
	color:Red;
}

.right
{
	text-align: right;
}
	
.floatLeft
{
	padding: 5px;
	float: left;
}

.floatRight
{
	padding: 5px;
	float: right;
}

/* slightly enhanced, universal clearfix hack */
.containerfloatWrapper:after 
{
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
}

.containerfloatWrapper { display: inline-block; }

/* start commented backslash hack \*/
* html .containerfloatWrapper { height: 1%; }

.containerfloatWrapper { display: block; }
/* stop commented backslash hack */

.containerClear
{
    display:block;
    clear:both;
    visibility:hidden;
    height:0px;
}


/* Rounded Corners ----------------------------------------- */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

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