*{
  padding:0;
  margin:0;}

h2{font-size:16px}
h3{font-size:13px}

p, a, ul, li { font-size: 12px; }
pre { font-size:1em; }


/* hide from ie5 mac \*/
html {
  height: 100%;
  }
/* end hide */

table { /*ie hack */
    font-size: 1em;
	  }


ul{
  list-style: none;
}
h1{
 /* font-size:10px;
  margin-top:10px; */
}

img {border:0px;
		margin:0px;}

img.header {padding: 2px 2px 2px 10px;}


/*Selector for the main body tag */
body {  background-color: #fff;
        /*background: url(/images/background.jpg) repeat-x fixed; */ 
	    color:#434343 ; /*#646262;   /*Charcoal Gray */
		/*color:#272FCF;     /*  #000099;  This is the old electric blue colour */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
		text-align : center;
		/*min-width : 766px;*/ 
		height: 100%;
		min-height: 100%;
		margin-top: 0;
		margin-bottom: 0;
				} 

/*Main Container that everything sits in */
#container{
  position:relative;
  left:0;
  width:902px;
 /* height:800px; */
  text-align: left;
  /*border-left: 0px solid #ccc; 
  border-right: 0px solid #ccc; */
  border: 1px solid white;
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 0;
  height: 100%;
  min-height: 100%; 
  height:auto;
  background-color:#FFF;
  overflow:auto;
  
} /* div that everything sits in */

/* Main Header that sits the company Logo and the top nav for the home page and contacts etc..*/

#header{
  /*position: relative; */
  /* background: url(../images/ebuyer_gradiend_bg.gif) repeat; */
  position: relative;
  text-align: right;
  background-color:#fff;
  width:99%;
  margin-bottom:0px;
  margin-right:0px;
  padding: 0px 0px 20px 0px;
  min-height:60px;
  /*border: 1px solid; */
/* border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc; */
}

#pagetitle{
	   float: left;
	   padding:41px 30px 0 0;
	   margin-left:0px;
	   background-color:#fff; 
       border: 0px;
       width:400px;
	   font-size:16px;
	   font-style:italic;
	   font-weight:bold;
	   color:red;}
	  

/*Navigation row for the main Navigation on the site */
/*There are other styles for this located below to support the a, li and UL tags */

/*This is the mainnavigation on top of the site to include the mainlinks to anywhere. Home etc. */

   
#mainbody {
  background:#fff; 
  position: static;
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc;
  border-top: 0px solid #009900;  
  border-bottom: 1px solid #ccc;  
  text-align: left;
  background-color:#fff;
  width:99%;
  margin-bottom:0px;
  margin-right:0px;
  padding: 0px 0px 0px 0px;
  min-height: 200px;
  height:auto;
}

#mainbody_subpage {
  background:#fff; 
  position: static;
  border-left: 0px solid #ccc; 
  border-right: 0px solid #ccc;
  border-top: 0px solid #ccc;  
  border-bottom: 0px solid #ccc; 
  text-align: left;
  background-color:#fff;
  width:100%;
  margin-bottom:0px;
  margin-right:0px;
  padding: 0px 0px 0px 0px;  
}

/*Left hand column to split for Navigation */

#homepage_contents_container{
                            padding-top: 10px;
							padding-bottom: 10px;
							padding-left: 10px;
						    padding-right: 2px;
							background-image: url(../images/subpage_text_bg.jpg);
							background-repeat: repeat-x;
							background-position: left top;
							border-top-width: 3px;
							border-top-style: solid;
							border-top-color: #484bf2; 
						    min-height:400px;                     }

#homepage_Contents{
                            padding-top: 5px;
							padding-bottom: 5px;
							padding-left: 2px;
						    padding-right: 2px;
							/* background-image: url(../images/subpage_text_bg.jpg); 
							background-repeat: repeat-x; 
							background-position: left top;*/
							border-top-width: 3px;
							border-top-style: solid;
							border-top-color: #484bf2; 
							border-left: 0px solid #ccc; 
							border-right: 0px solid #ccc;
							border-bottom: 0px solid #ccc;
						    min-height: 400px;      
							overflow:auto;
						   }




/* These are the divs for the main detail pages with the menus etc. 
*/

#DetailPage_left {float:left;
				  width:185px;
				  font-weight: bold;
				  margin-top:0px;
				  padding-top:0px;
				  padding-left:0px;
				  border:0px solid #4ea600;                /*#009900;  */
				  min-height: 200px;
				  display: inline;
				  /*background-image: url(../images/subpage_text_bg.jpg); */
			      min-height:400px; 
				  font-size: 0.4em;
				                   }

/* Define a list to be a menu */
#DetailPage_left ul.menulist {list-style: none; margin: 0px; padding: 0px;}

#DetailPage_left li.menulist {border: 0px solid #E4E4E4;
						       padding:2px 2px 2px 10px;
					    	  color:#484bf2;
					    	  
					    	  background:url("../images/ar_lg_orange_h2.gif") no-repeat left center;
						      }
#DetailPage_left a:visited, DetailPage_left a {color: #484bf2;
												font-size:10px;
												text-decoration:none;}

#DetailPage_left  a:hover {text-decoration:underline;}

#DetailPage_2col {float:left;
					margin-top:0px;
					padding-top:0px;
					padding-left:5px;
					border: 0px solid #4ea600;   
					margin-left:5px;
					margin-right:5px;
					/*min-height:400px; --> */
					width:680px;
					voice-family: "\"}\"";    /*This is an ie hack to get the width correct.
				voice-family: inherit;
				width: 600px;	
				/*height:500px; */}



#DetailPage_Centre {float:left;
					margin-top:0px;
					padding-top:0px;
					padding-left:5px;
					border:0px solid #4ea600;   
					margin-left:5px;
					margin-right:5px;
					min-height:400px;
					width:550px;
					voice-family: "\"}\"";    /*This is an ie hack to get the width correct.
				voice-family: inherit;
				width: 600px;	
				/*height:500px; */}

#DetailPage_right { position:relative;
					margin-top:0px;
					padding-top:0px;
					float:right;
					width:130px;
					margin-left:5px;
					font-size:90%;
					border:0px solid red;
				    text-align:justify;
					padding-left: 5px;  
					min-height: 400px;}


#centercontent { 
				}
html>body #centercontent {  
							margin-left: 170px;
							margin-right: 0px;
							}

#centercontent h2, h3 , h4 {color: red;	}

#homepage_right{}
   


#rightcontent { position: absolute;
				padding-top: 0px;
				margin-left: 10px;
				right: 0px;
				width: 160px;
				background: #fff;
				border: 1px solid #CCC;				}


#centercontent ul{list-style-type:disc;
				  list-style-position:inside;
				  margin-left:70px;
}

/*This is the div for the homepage banner */

#homepage_banner_container{
    padding-top: 0px;
	padding-bottom: 0px;
	padding: 0px;
    }

/* This is the header feture to get the 4 boxes on the main front page to line correctly*/
#headerfeature{}

#headerfeature table {text-align: right;
					  border-width: 0px;
				      border-color: red;
					  border-style: solid; 
					  padding:0px;
					  margin:0px;
					  width:98% ;}

#headerfeature td {padding: 0px;
				   margin:0px;       
				   text-align: left;
				   border-width:1px;
                   border-color: red;
				   border-style: solid;
				   height:70px;
                   vertical-align:top;	
				   }

#headerfeature td.banner { padding-right: 0px;
						  padding-left: 0px; 
						  border-width: 1px;
						  border-color: white; 
						  }

#headerfeature td.product { padding-right: 0px;
						  padding-left: 0px;
						  padding-bottom:0px;
						  border-width: 1px;
						  border-color: white; 
						  height:50px;
						    }
#headerfeature td.headerbox {height:50px;
						     border-width: 1px;
					         padding-right: 0px;
                    		 padding-left: 0px;
							 border-color: white;
						    }                          

/* #headerfeature td.product img:hover {border:1px solid #484bf2;}    */


#headerfeature td.product:hover {border:1px solid #484bf2; margin:0;text-decoration: none;}
#headerfeature td.headerbox:hover {border:1px solid #484bf2;}

/*
#headerfeature td.banner a:hover { border:0px solid #cccccc;
					  margin:0;
					  background-color: #f1f1f1;
					  text-decoration: none;
					  } */


#normallist {}
#normallist ul{margin-left:0px}

#centercontent td {}
/*This is the sidebar navigation */



/* #content td{text-align:justify; vertical-align:text-top;} */

/*#content td:hover {background-color:#DDE6EC;} */
#content tr{vertical-align:top;}
/*#content td{vertical-align:Middle;} */



/* style mini-nav (contact, site map etc ) */
#mininav {float: right; width: auto; margin: 0 10px 0 0; color: #ccc; padding:0 0px 0 0; }
#mininav li { display: inline; list-style-type: none; color: #ccc; text-indent: 0; }
#mininav a { text-decoration: none;  margin: 1px; color: #666; font-weight: bold; }
#mininav a:hover { background-color: #f7f3f7; border: 1px solid #d9e6dc; margin: 0; }



#footer{
  position: relative;
  /*width: 100%; */
  background: url(../images/infosolvinglogo.gif) bottom right;
  width:850px;
  height:40px;
  left:0;
  /*clear:both; */
  background: url(../images/bg_titlebar5.gif) bottom right no-repeat; 
  /*height:2em; */
  color: #333333;
  text-align:left;
 /* margin-top: -5em auto 0 auto;*/
  border-left: 0px solid #ccc; 
  border-right: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-top: 1px solid #blue;
  margin-left:auto;
  margin-right:auto;
  }

/* style footer  */
#footer { float: left; width: auto; margin: 0 0 0 0; color: #ccc; padding: 5px 0px 0 0; }
#footer li { display: inline; list-style-type: none; color: #fff; text-indent: 0; }
#footer a { text-decoration: none;  margin: 0px; color: #666; font-weight: bold; }
#footer a:hover { background-color: #f7f3f7; border: 0px solid ; margin: 0; }


 #featurelist{}

 #featurelist ul{}
				
.paragraph_green{
  width:100%;
  background-color:#e7ebda;
  margin-bottom:5px;
}


 
 
.b4v0 .col1 {position:absolute;width:36%;margin-right:1px;padding:0px 5px 0px 5px;  }

#homepage_contents_container a {text-decoration:none;
                               font-weight:bold;
							   color: #484bf2;
							   padding-bottom: 15px;
							   padding: 0px 0px 0px 0px;}

#homepage_left{
    position:relative;
	float:left;
	width:270px;
	margin-left:0px;
	font-size:90%;
	border: 0px solid red;
    text-align:justify;
	padding: 0px;
	min-height: 230px;}

#homepage_left h1{margin-bottom: 10px;}

#homepage_col1{
    position:relative;
	float:right;
	width:235px;
	margin-left:10px;
	font-size:90%;
	border:0px solid red;
    text-align:justify;
	padding-left: 5px;  
	min-height: 230px;}

#homepage_col1 h3 { font-size:100% ;
                    }
#homepage_link a {color:#434343;
				font-size:100%;}



#homepage_col1 a, #homepage_right a {
                               background:url("../images/ar_lg_orange_h2.gif") no-repeat top left;
							   padding: 0px 0px 15px 11px;}

#homepage_col1 a:hover {text-decoration:underline;}

#homepage_col1 ul {padding-top:5px;}

#homepage_centre{
	position:relative;
	float: left;
	width:320px;	
	margin-left:20px;
	font-size:90%;
	border:0px solid green;
    text-align:justify;
	padding-left: 5px;  
	padding-right:5px;
	min-height: 230px;}

#homepage_right a {color: #484bf2 }

#homepage_right h1{	margin-bottom: 10px;}

#homepage_right_news{ position:relative;
                      overflow:auto;
					  border:0px solid black;
					  height:260px;
					  margin-right:0px;
					  padding-right:5px;
					  padding-top:10px; }



#subpage_contents_container {
	clear: both;
	margin-top: 8px;
}
.bitecp {
	float: right;
	margin-right:20px;
}


/* SUBPAGES CONTENT */

#subpage_content {
	float: right;
	font-size:0.9em;
	width: 680px;
	background-image: url(../images/subpage_text_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #ededee;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
#subpage_content a:link, #subpage_content a:visited {
	color: #666666;
	text-decoration: underline;
}
#subpage_content a:hover, #subpage_content a:active {
	color: #DC0D23;
	text-decoration: underline;}

    
    /*nav-contact*/

#navcontact ul{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height:30px;
}
#navcontact li{
    float: right;
    font-weight: bold;
    font-size: medium;
    margin: 0;
    padding: 3px 10px 0px 5px;
    line-height:25px;
    height:25px;
    list-style-type: none;
}
