html 
{
    height: 100%;
}
body
{
    margin: 0;
	padding: 0;
	font-family: Segoe UI, Verdana, Arial, Helvetica;
	font-size: 10pt;
	color: #E6E5E5;
	background-color: #CCCCCC;
	height: 100%;
}

a
{
    color:Yellow;
}
a img
{
    border: none;   
}

#pageWrap /* holds the background image*/
{

    width:766px;
	background:URL(images/headerBG.gif) repeat-x ;
    background-color: #79797C;
	display:table;
	margin-left: auto;
	margin-right: auto;
}

#header
{
    margin:0;
	padding:0;
    width:766px;
	float:left;
    
}

#pageContentWrap
{
    background-color: #79797C;
    padding: 0 0 30px 0;
    min-height: 500px;
    height: auto;
}
#mainContent
{
    
    width: 424px;
    padding: 0 47px 0 40px;
    float:left;
}

#contentTitle 
{
    background:URL(images/titleBG.gif) no-repeat;
    text-indent: 40px;
    width: 100%;
    padding: 0 0 10px 0;

}

H1, .H1 
{
    font-family: Segoe UI, Verdana, Arial, Helvetica;
    color:White;
    font-size: 120%;
}


#content
{
    
    padding: 20px 0 10px 0;
    height: 100%;
    border-top-width: 1px;
    border-top-style:solid;
    border-top-color: #E6E5E5;
    float: left;
}

#content #productArea
{
    width: 50%;
    float:left;
}

#productArea #productBox
{
 float:left;   
}

#productArea #productContent
{
    float:left;
    padding: 0 5px 0 5px;
}

#productArea1
{

    float:left;
    padding: 20px 0 0 0 ;
}

#productArea2 
{

    float:left;
    padding: 20px 0 0 0;
    
}

.productTitle
{
    font-weight:bold;
}

#rightColWrap
{

    min-height: 100%
}

#rightCol
{
    background:URL(images/back_main.jpg) repeat;
    width: 224px;
    min-height:500px;
    border-bottom-width: 1px;
    border-bottom-style:double;
    border-bottom-color: #E6E5E5;
    float: left;
    
}

#rightColTitle
{
    background:URL(images/newsTitleBG.gif) no-repeat;
    text-indent: 20px;
    margin: 0 20px 0 20px;
    padding: 0 20px 10px 20px;
}

#rightCol #news
{

    padding: 2px 5px 10px 21px;


}

#rightCol p
{
    text-align:center;
}
#rightCol #logos
{
    height: 100%;
    padding: 30px 5px 10px 5px;
    background-color:White;
    text-align:center;
}

#logos .logo
{
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    
}
#footer
{
    background-color: White;
    width: 770px;
    color:Gray;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

#footer p
{
    padding-left: 10px;
}

#footer a
{
    font-size:12px;
    font-weight:bold;
    color: #666666;
}

#footer a:hover
{
    text-decoration: 'underline';
}
#footerLogos
{
       width: 770px;
       padding: 0 0 0 0;
       text-align:center;
       
}

#footerLogos .logo
{
    vertical-align: middle;
    padding: 0 10px 0 10px;
}

/*++++++++++++++++++++++
   
contact form styles

++++++++++++++++++++++*/

div.row {
  clear: both;
  display:inline;
  }

div.centreRow {
  clear: both;
  padding-left: 100px;
  }
  
div.row span.label {
  float: left;
  width: 80px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 250px;
  text-align: left;
  font-size: 10px;
  } 
  
div.spacerRow {
  clear: both;
  display:inline;
  padding: 20px 20px 20px 20px;
  background-image: url(images/spacer.png);
  background-repeat:no-repeat;
  background-position:center;
  margin-right: auto;
  margin-left: 190px;
  height: 100px;
  }