/* NAVIGATION STYLES */
@import url(navigation.css);

body{
background-color:#d7e0e7;
font-family:"Trebuchet MS", verdana, helvettica, sans-serif;
}

/* CSS FOR LAYOUT */
div#pageArea{
width:870px;
margin:0 auto;
background-image:url(images/bg_pageArea.gif);
background-repeat:repeat-y;
}

div#padding{
width:850px;
margin:0 auto;
}

div#header{
width:100%;
height:95px;
}

div#picture{
background-color:#ffffff;
width:850px;
height:150px;
padding-top:1px;
padding-bottom:2px;

}

div#contentArea{
border-top:1px solid #e8e8e8;
background-color:#ffffff;
width:850px;
}

div#nav{
width:140px;
padding-top:4px;
padding-bottom:4px;
padding-right:2px;

background-color:#ffffff;

float:left;
}

div#content{
padding-left:2px;

padding-bottom:2px;
width:703px;
float:left;
border-left:1px solid #e8e8e8;

}

div#footer{
background-color:#d7e0e7;
margin-top:1px;
background-image:url(images/bg_footer.gif);
background-repeat:no-repeat;
width:820px;
height:47px;
padding:3px 25px;
padding-top:6px !important;
clear:both;
}

#col1{
width:330px;
float:left;
padding-left:10px;
padding-right:2px;
border-right:1px solid #e8e8e8;
}

#col2{
float:left;
padding:2px;
padding-top:0;
}

#col3{
float:left;
border-left:1px solid #e8e8e8;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
width:151px;
padding:2px;
padding-bottom:5px;
}

#latestNewsHp ul{
line-height:1.2;
}

/*FLOATS*/
.floatLeft{float:left;}
.floatRight{float:right;}

img.floatLeft, img.floatRight{
margin:2px;
}

/* CONTENT STYLES */
h1{

}

.fullWidth{
background-color:#84b1d6;
font-size:23px;
color:#ffffff;
margin-top:2px;
margin-bottom:2px;
padding-top:10px;
padding-left:4px;
font-weight:400;
}

.colHeaderGrey{
background-color:#dfdfdf;
margin:0;
padding:0;
padding-top:10px;
padding-left:4px;

font-weight:400;
font-size:18px;
color:#ffffff;
}

h1, h2, h3, h4, h5, h6{
font-family:"Trebuchet MS", verdana, helvettica, sans-serif;
margin-bottom:0;
color:#0f64aa;
}

p, ul, table{
font-family:"Trebuchet MS", verdana, helvettica, sans-serif;
font-size:11px;
}

p i{
color:#6c6c6c;
}

div#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d2d2d2;
margin:0;
padding:0;
padding-top:7px;
}

#latestNewsHp p{
margin-top:0px;
font-size:12px;
margin-bottom:0;
margin-left:5px;
}

#latestNewsHp b{
color:#eda738;
}

#latestNewsHp ul{
margin:0;
margin-left:15px;
padding:0;
padding-left:4px;
list-style:square;
font-size:10px;
color:#0078ad;
}

#latestNewsHp ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0078ad;
text-decoration:none;
}

#latestNewsHp ul li a:hover{
text-decoration:underline;
}

div#clients{
width:480px;
}

div#clients ul{
list-style:none;
padding:0;
margin:0;
margin-left:50px;
}

div#clients ul li:hover{
color:#0078AD;
}

div#address{
padding-left:10px;
padding-right:10px;
width:350px;
margin-left:50px;
}

div#address p{
width:50%;
}

/* CONTACT FORM */
form#contactForm{clear:both;}
form#contactForm table{margin:0 auto 0 auto;}

fieldset{
border:1px solid #e8e8e8;
}

legend{
font-family:"Trebuchet MS", verdana, helvettica, sans-serif;
font-size:10pt;
color:#2881c0;
font-weight:bold;
}

label{
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}

input.textInput {
background-image:url(images/bg_input.gif);
background-repeat:repeat-x;
background-color:#FDFDFD;
border:1px solid #CCCCCC;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding:0pt 4px;
width:200px;
}

textarea{
background-image:url(images/bg_input.gif);
background-repeat:repeat-x;
background-color:#FDFDFD;
border:1px solid #CCCCCC;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding:2px;
}

input.button{
background-color:#2881c0;
padding:2px;
border:1px solid #2881c0;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
}

.proddiv{
width:499px;
text-align:justify;
background-color:red;
}

.proddiv table{
width:100%;
}

.proddiv table td{
width:50%;
}

div.nec div.proddiv, div.toshiba div.proddiv{
width:499px;
background-repeat:repeat-y;
background-position:top center;
}

div.toshiba div.proddiv{
background-image:url(images/toshbg.gif);
}
div.nec div.proddiv{
background-image:url(images/necbg.gif);
}