/*

CSS Document

2007 M S Electrical

web design Brown Eye Software http://www.brown-eye-software.co.uk/

*/

*{padding:0px; margin:0px;}
body{background-color:#EAEAEA; background-image:url(gfx/bk_image_mselec.png); background-repeat:repeat-x; font-family:"century gothic"; font-size:11px; color:#555555;}

h1{font-size:18px; font-weight:bold; color:#000000;}
h2{font-size:16px; font-weight:bold; color:#000000;}
h3{font-size:13px; font-weight:bold; color:#000000;}

.big1{font-size:12px; font-weight:bold; color:#000000;}
.big2{font-size:14px; font-weight:bold; color:#000000;}
.big3{font-size:16px; font-weight:bold; color:#000000;}

.big1_grey{font-size:12px; font-weight:bold; color:#999999;}
.big1_grey_dark{font-size:12px; font-weight:bold; color:#555555;}
.big1_white{font-size:12px; font-weight:bold; color:#FFFFFF;}

.red{color:#FF0000;}

a:link{text-decoration:none; color:#009933; font-weight:bold;}
a:visited{text-decoration:none; color:#009933; font-weight:bold;}
a:hover{text-decoration:none; color:#FF0000; font-weight:bold;}

.button_search{font-family:Arial; font-size:11px; font-weight:bold;}
.input_search{font-family:Arial; font-size:11px;}

.button{font-family:Arial; font-size:11px; font-weight:bold;}
.input1{font-family:Arial; font-size:11px;}

#container{position:relative; width:950px; margin-left:auto; margin-right:auto;}

#container #header{position:relative; width:950px; height:100px;}
#container #header #logo{
position:absolute;
left:38px;
top:16px;
width: 335px;
height: 48px;
}
#container #header #slogan{
	position:absolute;
	left:43px;
	top:73px;
	width: 598px;
	height: 23px;
}
#container #header #pics{
position:absolute;
left:510px;
top:48px;
width: 121px;
height: 35px;
}
#container #header #contact{
position:absolute;
left:748px;
top:15px;
width: 171px;
height: 60px;
}

#container #navigation{position:relative; width:950px; height:40px;}
#container #navigation #search{
position:absolute;
left:42px;
top:10px;
width: 383px;
}
#container #navigation #links{
position:absolute;
right:20px;
top:12px;
text-align:right;
width: 525px;
color:#009900;
font-size:14px;
font-weight:bold;
}
#container #navigation #links a:link{text-decoration:none; color:#FFFFFF;}
#container #navigation #links a:visited{text-decoration:none; color:#FFFFFF;}
#container #navigation #links a:hover{text-decoration:none; color:#FF0000;}

.box_top{position:relative; width:138px; height:21px; padding-left:12px; padding-top:11px; background:url(gfx/sidebar_boxout_top_template.png);}
.box_top_basket{position:relative; width:138px; height:21px; padding-left:12px; padding-top:11px; background:url(gfx/sidebar_boxout_top_basket.png);}
.box_middle{position:relative; width:126px; padding-left:12px; padding-right:12px; padding-top:7px; background:url(gfx/sidebar_boxout_middle.png) repeat-y;}
.box_bottom{position:relative; width:150px; height:13px; background:url(gfx/sidebar_boxout_bottom.png);}

.box_middle .test{position:relative;  padding-top:3px; padding-bottom:3px; width:124px; background-color:#FFFFFF;}
.box_middle .test:hover{background-color:#FF8888; }

#container #content{position:relative; width:950px; background:url(gfx/content_bk_image_mselec.png) repeat-y; padding-top:3px; padding-bottom:3px; list-style:inside;}
#container #content #bes{position:absolute; left:943px; top:-114px;}
#container #content .process_box_top{position:relative; width:597px; height:22px; background:url(gfx/process_box_top.png); padding-left:13px; padding-top:13px;}
#container #content .process_box_middle{position:relative; width:584px; background:url(gfx/process_box_middle.png) repeat-y; padding-left:13px; padding-right:13px; padding-top:5px;}

#container #content .process_box_middle .hp_sample_container{position:relative; width:194px; height:130px; float:left;}
#container #content .process_box_middle .hp_sample_container .hp_box{position:absolute; left:5px; top:5px; width:184px; height:115px; }
#container #content .process_box_middle .hp_sample_container .hp_box .hp_box_pic{position:absolute; left:10px; top:40px; width:62px; height:62px; background-color:#CCCCCC;}
#container #content .process_box_middle .hp_sample_container .hp_box .hp_box_info1{position:absolute; left:10px; top:10px; width:163px; height:20px;}
#container #content .process_box_middle .hp_sample_container .hp_box .hp_box_info2{position:absolute; left:82px; top:40px; width:91px; height:68px;}
#container #content .process_box_middle .hp_clear{position:relative; height:0px; clear:both;}

#container #content .process_box_bottom{position:relative; width:610px; height:15px; background:url(gfx/process_box_bottom.png);}
#container #content .spacer{position:relative; float:left; width:10px;}
#container #content #left{position:relative; width:150px; float:left; }
#container #content #main{position:relative; width:610px; float:left; }
#container #content #right{position:relative; width:150px; float:left; }

#container #content #info_top{position:relative; width:327px; height:22px; background:url(gfx/info_top_bk.png); padding-left:13px; padding-top:13px;}
#container #content #info_middle{position:relative; width:327px; background:url(gfx/info_body_bk.png) repeat-y; padding-left:13px; padding-top:5px;}
#container #content #info_bottom{position:relative; width:340px; height:15px; background:url(gfx/info_bottom_bk.png);}

#container #content  #clear_float{position:relative; height:0px; clear:left;}

#container #footer1{position:relative; width:950px; height:40px; }
#container #footer1 #firefox{
position:absolute;
left:20px;
top:6px;
text-align:left;
width: 449px;
color:#999999;
font-size:12px;
font-weight:bold;
}
#container #footer1 #links_bottom{
position:absolute;
right:20px;
top:6px;
text-align:right;
width: 449px;
color:#999999;
font-size:12px;
font-weight:bold;
}
#container #footer1 #links_bottom a:link{text-decoration:none; color:#000000;}
#container #footer1 #links_bottom a:visited{text-decoration:none; color:#000000;}
#container #footer1 #links_bottom a:hover{text-decoration:none; color:#FF0000;}

#container #footer2{position:relative; width:950px; margin-top:12px; text-align:center;}