body{background: #000000 url(../pics/background.gif) repeat-x fixed top;}

div.topright{ background-image: url(../pics/topr.gif);background-repeat:no-repeat; background-position:right top ;}
div.topleft{ background-image: url(../pics/topl.gif);background-repeat:no-repeat; background-position:left top ;}
div.bottomleft{background-image: url(../pics/bottoml.gif);background-repeat:no-repeat;background-position:left bottom;}
div.bottomright{background-image: url(../pics/bottomr.gif);background-repeat:no-repeat;background-position:right bottom;}

div.topside{background-image: url(../pics/superior.gif);background-repeat: repeat-x;background-position: top;}
div.bottomside{background-image: url(../pics/inferior.gif);background-position: bottom;background-repeat: repeat-x;}
div.rightside{background-image: url(../pics/ladoright.gif);background-position: top right;background-repeat: repeat-y;}
div.leftside{background-image: url(../pics/ladoleft.gif);background-position: top left;background-repeat: repeat-y;}
/*font: 10px Verdana, Helvetica, sans-serif;*/
.font12grey{font-family:"Arial";
      font-size: 12px;
     font-weight:bold;
      color:#878787;}

.font12boldwhite{font-family:"Arial";
      font-size: 12px;
     font-weight:bold;
      color:white;}
.font16boldwhite{font-family:"Arial";
      font-size: 22px;

      color:#878787;}
      
.font14boldwhite{font-family:"Arial";
      font-size: 14px;
      font-weight:bold;
      color:white;}
      
.font14boldwhiteunder{font-family:"Arial";
      font-size: 14px;
      font-weight:bold;
      text-decoration:underline;
      color:white;}
      
.font12boldblack{font-family:"Arial";
      font-size: 12px;
      font-weight:bold;
      color:black;}
.fontsidemenu{font-family:"Arial";
      font-size: 18px;
   
      color:#878787;}

.fontdescription{font-family:"Arial";
      font-size:  16px;
      font-weight:bold;
      color:white;}
/*.font16boldwhite{font-family:"Arial";
      font-size: 16px;
      font-weight:bold;
      color:white;}    */
      
      
.font14boldblack{font-family:"Arial";
      font-size: 14px;
      font-weight:bold;
      color:black;}
.font20boldblack{font-family:"Arial";
      font-size: 20px;
      font-weight:bold;
      color:black;}
.font14boldblackunder{
	font-family:"Arial";
      font-size: 14px;
      font-weight:bold;
      color:black;
      text-decoration:underline;
      }    
        
 .font20boldblue{font-family:"Arial";
      font-size: 20px;
      font-weight:bold;
      color:#186fbf;}
      
  .font16boldblue{font-family:"Arial";
      font-size: 16px;
      font-weight:bold;
      color:#186fbf;    }
      
 .font12boldblue{font-family:"Arial";
      font-size: 12px;
      font-weight:bold;
      color:#186fbf;}     

 .font12boldblueunder{font-family:"Arial";
      font-size: 12px;
      font-weight:bold;
      color:#186fbf;
       text-decoration:underline;
      }           
      
.bodyhome
{
	font-family:"Arial";
      font-size: 20px;
      font-weight:bold;
      color:black;
     padding:15px 15px 15px 15px;
      background-color:black;
      margin:auto;
      }
 
 .logobackground
 {
	background:url(../pics/logobackground.gif);
	background-repeat:no-repeat;
	height : 80px;
    width : 800px;
 }  

 .background
 {
	background-image:url(../pics/mesh.gif);
 }
 
 .backgroundmenu
 {
	background-image:url(../pics/shadowmenu.gif);
	background-repeat: repeat-x;
}

.divtableproduct
{
text-align:left;
}
.divouterproducts
{
	font-family:"Arial";
      font-size: 12px;
      font-weight:bold;
      color:white;
      padding :0px 0px 0px 20px;
     /* background-color:White;*/
    height:120px;
    width:480px;
    background-image:url(../pics/tablesales.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
      
      }
.divproducts
{
	padding :10px 0px 0px 0px;
	float:left;
	height:120px;
	width:310px;
} 
.divproductsspace
{
	height:20px;
	width:250px;
}
	
.divimgproducts
{
	float:left;
	padding:10px 0px 0px 0px;
    height:120px; width:150px;
}

.divicons
{
float:left;padding:0px 0px 20px 20px;text-align:center;
}


.divoutericons
{
	font-family:"Arial";
    font-size: 14px;
    font-weight:bold;
    color:white;
     /* background-color:White;*/
    height:150px; 
    width:150px;
    background-image:url(../pics/iconbackground.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	
 }

 .divimgicons
{
	padding:10px 0px 0px 0px;
height:110px; width:150px;
}
/*--------------sales title shadow-------------------------------*/
.divsalestitleleft
{
	height:30px;
	width:11px;
    background-image:url(../pics/salestitleleft.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divsalestitleright
{
	height:30px;
	width:11px;
    background-image:url(../pics/salestitleright.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divsalestitle
{
	font-family:"Arial";
    font-size: 16px;
    font-weight:bold;
    color:white;
    height:30px;
    width:auto;
    padding: 0 5 5 5;
	
	background-image:url(../pics/salestitle.gif);
	background-repeat: repeat-x;
	background-position:center top;
}
/*--------------services title shadow-------------------------------*/
.divrepairleft
{
	height:30px;
	width:10px;
    background-image:url(../pics/repairleft.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divrepairright
{
	height:30px;
	width:10px;
    background-image:url(../pics/repairright.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divrepairtitle
{
	font-family:"Arial";
    font-size: 22px;
    font-weight:bold;
    color:white;
    height:30px;
    width:auto;
    padding: 0 5 5 5;
	
	background-image:url(../pics/repairtitle.gif);
	background-repeat: repeat-x;
	background-position:center top;
}
/*--------------contact us title shadow-------------------------------*/
.divcontactleft
{
	height:30px;
	width:10px;
    background-image:url(../pics/contactleft.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divcontactright
{
	height:30px;
	width:10px;
    background-image:url(../pics/contactright.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divcontacttitle
{
	font-family:"Arial";
    font-size: 22px;
    font-weight:bold;
    color:white;
    height:30px;
    width:auto;
    padding: 0 5 5 5;
	
	background-image:url(../pics/contacttitle.gif);
	background-repeat: repeat-x;
	background-position:center top;
}
/*--------------web design title shadow-------------------------------*/
.divwebleft
{
	height:30px;
	width:10px;
    background-image:url(../pics/webleft.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divwebright
{
	height:30px;
	width:10px;
    background-image:url(../pics/webright.gif);
	background-repeat: no-repeat;
	background-position:center top;
}
.divwebtitle
{
	font-family:"Arial";
    font-size: 22px;
    font-weight:bold;
    color:white;
    height:30px;
    width:auto;
    padding: 0 5 5 5;
	
	background-image:url(../pics/webtitle.gif);
	background-repeat: repeat-x;
	background-position:center top;
}
/*----------------form buttons----------------------*/
.formbutton
{
	background : url(../pics/formbutton.gif) no-repeat;
height : 20px;
width : 70px;
padding-left:5px;
}

.logobackground
{
	background : url(../pics/logobackground.gif) no-repeat;
height : 100px;
width : 800px;
}
.footbackground
{
height : 30px;
width : 800px;
}

.formbutton_over
{
	background : url(../pics/formbutton_over.gif) no-repeat;
height : 20px;
width : 70px;
padding-left:5px;
}
/*----------------------------------------------------*/
/*-----------------------------Sub menus colours-------*/
.buttonbackground
{
	background : url(../pics/buttonbackground.gif) no-repeat;
height : 30px;
width : 200px;
padding-left:5px;
}

.insidebutton
{
padding-top:5px;
padding-left:5px;
}
.sbuttonbackground
{
	background : url(../pics/sbuttonbackground.gif) no-repeat;
height : 25px;
width : 200px;
padding-left:5px;
}
.ssbuttonbackground
{
	background : url(../pics/ssbuttonbackground.gif) no-repeat;
height : 25px;
width : 200px;
padding-left:5px;
}

.ybuttonbackground {
background : url(../pics/yellowbackbutton.gif) no-repeat;
height : 30px;
width : 200px;
padding-left:5px;
}
.gbuttonbackground {
background : url(../pics/greenbackbutton.gif) no-repeat;
height : 30px;
width : 200px;
padding-left:5px;
}
.bbuttonbackground {
background : url(../pics/bluebackbutton.gif) no-repeat;
height : 25px;
width : 200px;
padding-left:5px;
}
.bbuttonbackground25 {
background : url(../pics/bluebackbutton25.gif) no-repeat;
height : 25px;
width : 200px;
padding-left:5px;
}
.bbuttonbackground50 {
background : url(../pics/bluebackbutton50.gif) no-repeat;
height : 25px;
width : 200px;
padding-left:5px;
}

.errorbackground {
background : url(../pics/errorbackground.gif) no-repeat;
height : 20px;
width : 400px;
padding-left:5px;
}

.backgroundinternet
{
	background : url(../pics/internet.gif) no-repeat;
	background-position:center bottom;
}

.services
{
	background : url(../pics/services.gif) no-repeat;
height:80px;
width:600px;
background-position:bottom right;

position:absolute;
 top:500px;


}
/*-------------------------------------------------*/
.overnightlogo
{
	background : url(../pics/overnightlogo.gif) no-repeat;
height : 120px;
width : 100px;

}
.hardwarelogo
{
	background : url(../pics/hardwarelogo.gif) no-repeat;
height : 120px;
width : 100px;

}
.softwarelogo
{
	background : url(../pics/softwarelogo.gif) no-repeat;
height : 120px;
width : 100px;
}

.viruslogo
{
	background : url(../pics/viruslogo.gif) no-repeat;
height : 120px;
width : 100px;
}
.datalogo
{
	background : url(../pics/datalogo.gif) no-repeat;
height : 120px;
width : 100px;
}
.networklogo
{
	background : url(../pics/networklogo.gif) no-repeat;
height : 120px;
width : 100px;
}
.consolelogo
{
	background : url(../pics/consolelogo.gif) no-repeat;
height : 120px;
width : 100px;
}
.ipodlogo
{
	background : url(../pics/ipodlogo.gif) no-repeat;
height : 120px;
width : 100px;
}
/*-------------------------------------------------*/
/*-----------------Link configuration--------------*/
A:link.a{color:white;text-decoration:none; border:none;}
A:visited.a{color:white;text-decoration:none;border:none;}
A:hover.a{color:white;text-decoration:none;border:none;}
A:active.a{color:white;text-decoration:none;border:none;}

A:link.a1{color:white;text-decoration:none; border:none;font-size:14px}
A:visited.a1{color:white;text-decoration:none;border:none;font-size:14px}
A:hover.a1{color:white;text-decoration:underline;border:none;font-size:14px}
A:active.a1{color:white;text-decoration:none;border:none;font-size:14px}

A:link.ablue{color:white;text-decoration:none; border:none;}
A:visited.ablue{color:white;text-decoration:none;border:none;}
A:hover.ablue{color:#186fbf;text-decoration:none;border:none;}
A:active.ablue{color:#186fbf;text-decoration:none;border:none;}

A:link.ablue2{color:white;text-decoration:none; border:none;}
A:visited.ablue2{color:white;text-decoration:none;border:none;}
A:hover.ablue2{color:#186fbf;text-decoration:underline;border:none;}
A:active.ablue2{color:white;text-decoration:underline;border:none;}

A:link.acontact{font-family:"Arial";font-size: 12px;color:white; font-weight:bold;text-decoration:none; border:none;}
A:visited.acontact{font-family:"Arial";font-size: 12px;color:white;font-weight:bold;text-decoration:none;border:none;}
A:hover.acontact{font-family:"Arial";font-size: 12px;color:white;font-weight:bold;text-decoration:none;border:none;}
A:active.acontact{font-family:"Arial";font-size: 12px;color:white;font-weight:bold;text-decoration:none;border:none;}

A:link.abold{font-family:"Arial";font-size: 12px;color:#878787; text-decoration:none; border:none;}
A:visited.abold{font-family:"Arial";font-size: 12px;color:#878787;text-decoration:none;border:none;}
A:hover.abold{font-family:"Arial";font-size: 12px;color:white;text-decoration:none;border:none;}
A:active.abold{font-family:"Arial";font-size: 12px;color:#878787;text-decoration:none;border:none;}

A:link.abold2{font-family:"Arial";font-size: 22px;color:#878787; text-decoration:none; border:none;}
A:visited.abold2{font-family:"Arial";font-size: 22px;color:#878787;text-decoration:none;border:none;}
A:hover.abold2{font-family:"Arial";font-size: 22px;color:white;text-decoration:none;border:none;}
A:active.abold2{font-family:"Arial";font-size: 22px;color:#878787;text-decoration:none;border:none;}

A:link.abold3{font-family:"Arial";font-size: 22px;color:white; text-decoration:none; border:none;}
A:visited.abold3{font-family:"Arial";font-size: 22px;color:white;text-decoration:none;border:none;}
A:hover.abold3{font-family:"Arial";font-size: 22px;color:#878787;text-decoration:none;border:none;}
A:active.abold3{font-family:"Arial";font-size: 22px;color:white;text-decoration:none;border:none;}
a
{
  outline: none;
  cursor:pointer;
}

/*-------------------------------------------------*/