/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family: arial,verdana,sans-serif;
color:#666666;
height:100%; 
background-color:#ffffff; 
background-image:url(../images/background_repeat.gif); 
background-repeat:repeat-x;
  
}

/*  CSS  container for centre content  */


#wrapper{

width: 996px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image:url(../images/wrapper_repeat.gif);
background-repeat:repeat-y; 
 
}



/*Global styles*/

h1{
font-size:28px;
margin:0 0 10px 0;
padding:0 0 0 0;
color:#336699; 
 }

h2{
font-size:24px;
margin:0 0 10px 0;
padding:0 0 0 0;
color:#336699; 
font-weight:lighter; 
}

h3{
font-size:24px;
margin:0 0 10px 0;
padding:0 0 0 0;
color:#666666; 
font-weight:lighter; 
}

h4{
font-size:18px;
margin:0 0 15px 0;
padding:0 0 0 0;
color:#333333; 
font-weight:lighter;
}

h4 span{
font-size:11px;
margin:0 0 15px 0;
padding:0 0 0 260px;
color:#333333; 
font-weight:lighter;
}

h5{
font-size:13px;
margin:0 0 6px 0;
padding:0 0 0 0;
color:#333333; 
font-weight:bold;


}

p{
font-size:12px;
color:#666666; 
line-height:19px;
margin:0 0 20px 0;
padding:0px;


}


hr
{
height: 4px;
border-top:1px solid #cccccc;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#ffffff;
display:block;
margin:0 0 10px 0;
padding:0px;
clear:both;
}

a:link {
color:#333333;
font-size:12px;  
text-decoration:underline; 
font-weight:bold; 

}

a:visited{
color:#333333; 
font-size:12px;  
text-decoration:underline;
font-weight:bold;

}

a:hover{ 
color:#000000; 
font-size:12px; 
text-decoration:underline;
font-weight:bold;

}

img{border:none}



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




/*  CSS  Header styles */

#header{
position:relative;
float:left; 
width:996px;
top:0px;
padding:0px;
margin:0 0 7px 0; 
display:block;
clear:both; 
}

#header h1 {
font-size:11px!important;
margin:20px 0 0 0;
padding:0 10px 0 0;
float:right;
width:680px; 
text-align:right;
color:#666666; 
font-weight:lighter;
clear:right;
	}
	
#header h2 { position:relative;
font-size:27px!important;
margin:15px 0 0 0!important;
padding:0 10px 0 0!important;
float:right;
width:300px; 
text-align:right!important;
color:#333333!important;
clear:right

	}
	


#header h2 span {
font-size:11px!important;
color:#666666!important;
	}
	
	
#header h3 { position:relative;
font-size:12px!important;
margin:0 0 0 0!important;
padding:0 10px 0 0!important;
float:right;
width:300px; 
text-align:right; 
font-weight:lighter!important;
color:#666666!important;
clear:right

	}

#banner_home {
background-image:url(../images/home_banner.jpg); 
background-repeat:no-repeat;
width:996px;
height:356px;
padding:0px;
margin:0px;
display:block; 
clear:both}

#product_banner {
background-image:url(../images/product_banner.jpg); 
background-repeat:no-repeat;
width:996px;
height:254px;
padding:0px;
margin:0px;
display:block; 
clear:both}

#about_banner {
background-image:url(../images/about_banner.jpg); 
background-repeat:no-repeat;
width:996px;
height:254px;
padding:0px;
margin:0px;
display:block; 
clear:both}

#contact_banner {
background-image:url(../images/contact_banner.jpg); 
background-repeat:no-repeat;
width:996px;
height:254px;
padding:0px;
margin:0px;
display:block; 
clear:both}

#banner_home ul, #product_banner ul, #about_banner ul, #contact_banner ul {position:relative;
top:30px;
list-style-type:none; 
margin:0 0 0 15px; 
padding:0px; 
width:400px;
}

#banner_home ul li, #product_banner ul li, #about_banner ul li, #contact_banner ul li { 
display:inline; 
margin:0 15px 0 15px; 
padding:0px	
}

#banner_home a, #banner_home a:visited, #product_banner a, #product_banner a:visited , #about_banner a, #about_banner a:visited, #contact_banner a, #contact_banner a:visited {
font-size:11px;
font-weight:900; 
text-decoration:none; 
color:#666666;
}

#banner_home a:hover, #product_banner a:hover, #about_banner a:hover, #contact_banner a:hover {
font-size:11px;
font-weight:900; 
text-decoration:underline; 
color:#000000;
}

#banner_home h4{
position:relative;
left:352px;
font-size:12px!important;
margin:150px 0 0 0 !important;
padding:0px!important;
width:420px; 
font-weight:lighter!important;
color:#666666!important;
}


#product_banner h4{
position:relative;
left:16px;
font-size:30px!important;
margin:104px 0 0 0 !important;
padding:0px!important;
width:700px; 
font-weight:lighter!important;
color:#336699!important;
}

/*  CSS division and styles for left side */


#left {
position:relative;
top:-75px;
float: left;
left:8px; 
width: 620px; 
margin:0px; 
padding:0px; 

}

#product_home{ 
background-image:url(../images/products_home.gif); 
background-repeat:no-repeat; 
width:300px; 
height:121px;
display:block; 
float:left;
margin:0px;
padding:10px 0 10px 8px;
}


#supply_home{ 
background-image:url(../images/supply_home.gif); 
background-repeat:no-repeat; 
width:280px; 
height:118px;
display:block; 
float:right;
margin:0px;
padding:13px 0 10px 28px;
}

#product_home p  {
color:#ffffff!important;
font-size:11px!important;
width:192px;
margin:5px 0 0 0;
padding:0 0 0 8px;
line-height:16px!important;
}

#supply_home p {
color:#ffffff!important;
font-size:11px!important;
width:208px;
margin:0px 0 0 0;
padding:0 0 0 5px;
line-height:14px!important;
}

.folder_list { 
list-style-type:none;
margin:0 0 20px 0;
padding:0px;
display:block; float:left;

	}
	
.folder_list li{ background-image:url(../images/folder.gif); 
background-repeat:no-repeat; 
width:250px;
float:left;
border-bottom:1px solid #cccccc;
margin:0 20px 5px 0;
padding: 3px 0 6px 30px;
display:block;

}

.folder_list a, .folder_list a:visited {
text-decoration:none!important;	
font-weight:lighter!important;
}

.folder_list a:hover {
text-decoration:underline!important;	
}

fieldset {
margin-bottom:20px;
padding:10px;
width:580px;
clear:both;

}



fieldset ul{ 
list-style-type:none;
margin:0px;
padding:20px 10px 20px 10px;
width:480px;
float:left;

}

fieldset legend{ 
left:10px;
font-weight:bold;
font-size:18px;
color:#000000;


}


 
fieldset ul li{ 
width:460px;
margin:0 0 5px 0!important;
padding:0px;
float:left;

}
 
fieldset ul li label{ 
width:260px;
display:block;
float:left;
margin:0px;
padding:0px;
font-weight:bold;

}

fieldset ul li input{ 
width:172px;
float:left;
display:block;
margin:0px;
padding:0px;
}


fieldset ul li textarea{ 
width:172px;
float:left;
display:block;
margin:0 0 10px 0;
padding:0px;
}


.faux_table{
width:620px;
float:left;
clear:left;
clear:both;
}

.faux_table_title{
width:620px;
float:left;
padding-top:20px;

}

.faux_table_data{
width:620px;
float:left;

}


.faux_table_data h2{
width:129px!important; 
font-size:12px!important;
font-weight:lighter!important;
color:#000!important;
display:block;
padding:5px!important;
margin:0px!important;
float:left; 
overflow:hidden;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
border-left:1px dotted #666666;

}

.faux_table_data h3{
width:264px!important;
font-size:12px!important;
font-weight:lighter!important;
color:#000!important;
display:block;
padding:5px!important;
margin:0px!important;
float:left;
overflow:hidden;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
}

.faux_table_data h4{
width:40px;
font-size:12px!important;
font-weight:lighter!important;
color:#000!important;
display:block;
padding:5px!important;
margin:0px!important;
float:left;
overflow:hidden;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;

}

.faux_table_data h4.long{
width:130px!important;
font-size:12px!important;
font-weight:lighter!important;
color:#000!important;
display:block;
padding:5px!important;
margin:0px!important;
float:left;
overflow:hidden;
border-bottom:1px dotted #666666;

}

.faux_table_data h5{
width:89px!important;
font-size:12px!important;
font-weight:lighter!important;
color:#000!important;
display:block;
padding:5px!important;
margin:0px!important;
float:left;
overflow:hidden;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
}

.faux_table_data h6{
width:40px!important;
font-size:12px!important;
font-weight:lighter!important;
color:#000!important;
display:block;
float:left;
padding:5px!important;
margin:0px!important;
overflow:hidden;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
}


.faux_table_title h2{
width:130px!important;
font-size:12px!important;
font-weight:bold!important;
display:block;
float:left; 
overflow:hidden;
border-right:1px dotted #ffffff;
background-color:#336699!important;
color:#ffffff!important;
padding:5px;
margin:0px!important;
}

.faux_table_title h3{
width:264px!important;
font-size:12px!important;
font-weight:bold!important;
display:block;
float:left;
overflow:hidden;
background-color:#09c!important;
border-right:1px dotted #ffffff;
color:#ffffff!important;
padding:5px;
margin:0px!important;
}

.faux_table_title h4{
width:40px;
font-size:12px!important;
font-weight:bold!important;
display:block;
margin:0px!important;
float:left;
overflow:hidden;
background-color:#336699!important;
border-right:1px dotted #FFFFFF;
color:#ffffff!important;
padding:5px;
margin:0px!important;
}

.faux_table_title h4.long{
width:130px!important;
font-size:12px!important;
font-weight:bold!important;
display:block;
margin:0px!important;
float:left;
overflow:hidden;
background-color:#336699!important;
color:#ffffff!important;
padding:5px;
margin:0px!important;
}

.faux_table_title h5{
width:90px!important;
font-size:12px!important;
font-weight:bold!important;
display:block;
float:left;
overflow:hidden;
background-color:#336699!important;
border-right:1px dotted #ffffff;
color:#ffffff!important;
padding:5px;
margin:0px!important;
}

.faux_table_title h6{
width:40px!important;
font-size:12px!important;
font-weight:bold!important;
display:block;
float:left;
margin:0px;
overflow:hidden;
background-color:#336699!important;
color:#ffffff!important;
padding:5px;
margin:0px!important;
border-right:1px dotted #cccccc;
}



/*  CSS  division and styles for middle    */






/*  CSS  division and styles for right    */

#right {
position:relative;
float: right; 
left:-12px; 
width:320px;
margin:0px; 
padding:0px; 
}

#right img {
float:right;
margin:5px 0 0 16px;
padding:0px;
border:1px solid #cccccc!important;
}

.right_clear{clear:both; 
margin:0 0 20px 0;
padding:0px; 
font-size:1px}


.folder_list_right { 
list-style-type:none;
margin:0 0 20px 0;
padding:0px;
display:block; 

	}
	
.folder_list_right li{ background-image:url(../images/folder.gif); 
background-repeat:no-repeat; 
width:285px;
border-bottom:1px solid #cccccc;
margin:0 0 5px 0;
padding: 3px 0 6px 30px;
display:block;

}

.folder_list_right a, .folder_list_right a:visited {
text-decoration:none!important;
font-weight:lighter!important;
}

.folder_list_right a:hover {
text-decoration:underline!important;

}

/*  CSS floating styles                    */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {
position:relative;

float:left;
border-top:1px solid #333333;
width: 996px;
margin:10px 0 0 0;
padding:0px;   
clear:both   
}

#footer ul{
list-style-type:none;
margin:20px 0 0 0;
padding:0px;
float:right;
display:block;
width:650px;
}

#footer ul li{
list-style-type:none;
margin:0px;
padding:0 12px 0 12px; 
text-align:right;
float:right;
border-right:1px dotted #333333;
display:block;
}

#footer ul li.last{

border-right:none!important;
padding:0 0 0 12px!important; 

}

#footer ul li a, #footer ul li a:visited {
text-decoration:none!important;	
}

#footer img {
float:left;
margin:0px;
padding:0px;
}