/* ====================================================================

  GENERAL MARKUP

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

html, body {

	width: 100%;

	height: 100%;

}



body {

	font-size: 12px;

	font-family: Arial, Geneva, Helvetica, sans-serif;

	font-weight: normal;

	background: #FFFFFF url(images/8.8.jpg) repeat-x top;

}



h1, h2, h3, h4, h5, h6 {

	color: #16588c;

}

h1 { font-size: 1.33em; }

h2 { font-size: 1.2em; }

h3 { font-size: 1.15em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1.0em; }

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{

	color: #16588c;	

	font-style: normal;

}



p {

	margin-top: 10px;

}



ul.data {

	list-style: none;

}



hr {

	margin: 8px 0px;

	color: #b8b7b3;

	background-color: #b8b7b3;

	height: 1px;

}



a:link { color: #16588c; text-decoration: none; }

a:visited { color: #16588c; text-decoration: none; }

a:hover { color: #16588c; text-decoration: underline; }

a:active { color: #16588c; text-decoration: underline; }

		 

.border {

	border: 1px solid #e2dcc4;

}



.borderThick {

	border: 2px solid #bfb27c;

}



/* ====================================================================

  SHADOWS - PNG HACKS

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



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowLeft {

	width: 5px;

	/* works for IE5+ win */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/shadow-left.png', sizingMethod='scale');



	/* hides from everything but IE5mac */

	/*\*//*/

	background: url(shadow-left.png) repeat-y right;

	/**/

}

/* FF/Moz see this [class]fine and render it fine */

#shadowLeft[class] {

	background: url(images/shadow-left.png) repeat-y right;

}



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowRight {

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/shadow-right.png', sizingMethod='scale');

	/*\*//*/

	background: url(shadow-left.png) repeat-y right;

	/**/

}

/* FF/Moz see this fine and render it fine */

#shadowRight[class] {

	background: url(images/shadow-right.png) repeat-y left;

}



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowTop {

	height: 5px;

	/* works for IE5+ win */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/shadow-top.png', sizingMethod='scale');

	/* hides from everything but IE5mac */

	/*\*//*/

	background: url(shadow-top.png) no-repeat;

	/**/

}

/* FF/Moz see this fine and render it fine */

#shadowTop[class] {

	background: url(images/shadow-top.png) no-repeat;

}



/* works for IE5+ win and IE5mac, but FF/moz ignore */

#shadowBottom {

	height: 5px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/shadow-bottom.png', sizingMethod='scale');

	/*\*//*/

	background: url(shadow-bottom.png) no-repeat;

	/**/

}

/* FF/Moz see this fine and render it fine */

#shadowBottom[class] {

	background: url(images/shadow-bottom.png) no-repeat;

}







/* ====================================================================

  LAYOUT

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



#innerTable{

	background-color: #FFFFFF;

	padding: 1px;

}



#headerTop {

	height: 66px;

	background: url(images/header-continue.png) no-repeat right;

}



#header {

	height: 102px;

	background: url(images/header.png) right no-repeat;

}



#navigation {

	height: 28px;

	background: url(images/navigation.png) repeat-x;

}

#menu {

	background-color: #cfd3d6;

}

#menu img {

	margin-top: 20px;

	border: 1px solid #FFFFFF;

}



#content {

	background: url(images/content.png) repeat-y;

}

#contentsub {

	background: url(images/content.png) no-repeat;

	padding: 10px 40px 30px 30px;

}



#footerTop {

	height: 27px;

	background: url(images/footer-top.png);

}



#footer {

	height: 35px;

	background: url(images/footer.png) repeat-x;

	

   font-family: Arial, Helvetica, sans-serif;

   font-size: 11px;

	color: #8d9092;

}



/* ====================================================================

  STYLES

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



#welcome {

	padding: 20px;

}

#news {

	padding: 20px 10px;

}



#onlinestore, #Service, #maint, #Printronix, #sales, #internet,#LCDTV,#MediaCentre { height: 78px; cursor: hand; }

#Service, #maint { margin-top: 1px; }
 
#onlinestore { background-image: url(images/toner.jpg); }
#internet { background-image: url(images/Internet.jpg); }
#LCDTV{ background-image: url(images/LCD-TV.jpg); }
#MediaCentre { background-image: url(images/HTPC.jpg); }

#Service { background-image: url(images/Service.jpg); }

#maint { background-image: url(images/Maintenance.jpg); }

#sales { background-image: url(images/Sales.jpg); }
#Printronix { background-image: url(images/Printronix.jpg); }

#onlinestore h1, #Service h1, #maint h1, #Printronix h1, #sales h1, #internet h1,#LCDTV h1,#MediaCentre h1 {

	color: #FFFFFF;

	padding-top: 10px;

	margin-left: 12px;

	font-size: 20px;

	font-weight: normal;

}

#onlinestore p, #Service p, #maint p, #Printronix p, #sales p, #internet p,#LCDTV p,#MediaCentre p {

	margin-top: 5px;

	margin-left: 12px;

	font-size: 11px;

	color: #FFFFFF;

}

#onlinestore a:link, #onlinestore a:visited, #onlinestore a:hover, #onlinestore a:active, 
#Printronix a:link, #Printronix a:visited, #Printronix a:hover, #Printronix a:active, 
#sales a:link, #sales a:visited, #sales a:hover, #sales a:active, 
#internet a:link, #internet a:visited, #internet a:hover, #internet a:active, 
#Service a:link, #Service a:visited, #Service a:hover, #Service a:active, 
#maint a:link, #maint a:visited, #maint a:hover, #maint a:active ,
#LCDTV a:link, #LCDTV a:visited, #LCDTV a:hover, #LCDTV a:active ,
#MediaCentre  a:link, #MediaCentre a:visited, #MediaCentre a:hover, #MediaCentre a:active {
	text-decoration: none;

}





h1.company-name {

	margin: 0px;

	padding: 0px;

	line-height: 50px;

	font-size: 24px;

	font-weight: bold;

	color: #00486f;

}

h1.header-info {

	margin: 0px;

	padding: 0px 0px 0px 35px;

	line-height: 80px;

	font-size: 26px;

	font-weight: Normal;

	color: #FFFFFF;

}



/*##########################################################################################################

============================================================================================================

Client-Side Display Elements

------------------------------------------------------------------------------------------------------------

This is the from default CMS stylesheet for all client-side (visitor facing).

============================================================================================================

##########################################################################################################*/



/* >> General */



.text {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.sohotext {

	font-family : Arial;

	font-size: 12px;

}



.SMtext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.smtext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.uptext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8px;

	color: #000000;

}



/* Generic form button style. */

.FormLt1 {

	font-family : Arial;

	font-size : 8px;

	cursor: pointer;

}









/* >> Menu System - #VMENU# */





/* >> Main Menu Links */



/* This is the main vmenu table */

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

/* <table> */

   table.vmenu_mainz {

      width: 177px;

		margin-top: 10px;

      padding: 0px;

      border: 1px solid #FFFFFF;



      font-family: Arial, Helvetica, sans-serif;

      font-size: 12px; 

		font-weight: bold;

   }



 /* <tr> */  

 

  /* <td> ---- [<div><a>Main Page</a></div>] ---- </td>

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

     td.vmenu_main_off {

        width: 100%;

		  height: 21px;

        border: 0px;

		  

        font-weight: bold;

		  font-size: 11px;

		  text-align: center;

		  

		  background: #bd790d url(menu.png) repeat-x bottom;

     }

     td.vmenu_main_on {

        width: 100%;

		  height: 21px;

        border: 0px;

		  

        font-weight: bold;

		  font-size: 11px;

		  text-align: center;

		  

		  background: #e09e16 url(menu.png) repeat-x bottom;

     }

  

   /* <div> ---- [<a>Main Page</a>] ---- </div>

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

      div.vmenu_main_off {

         width: 100%;

      }

      div.vmenu_main_on {

         width: 100%;

      }    

  

    /* <a> ---- [Main Page] ---- </a>

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

       a.vmenu_main_off:link { color: #FFFFFF; text-decoration: none; border-bottom: 0px solid #000000; }

       a.vmenu_main_off:visited { color: #FFFFFF; text-decoration: none; border-bottom: 0px solid #000000; }

       a.vmenu_main_off:hover { color: #FFFFFF; text-decoration: underline; border-bottom: 0px solid #000000; }

       a.vmenu_main_off:active { color: #FFFFFF; text-decoration: underline; border-bottom: 0px solid #000000; }

       

       a.vmenu_main_on:link { color: #FFFFFF; text-decoration: none; }

       a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: none; }

       a.vmenu_main_on:hover { color: #FFFFFF; text-decoration: underline; }

       a.vmenu_main_on:active { color: #FFFFFF; text-decoration: underline; }

    

   /* </div> */

  /* </td> */

 /* </tr> */  



/* >> Sub Menu Links */

 

 /* <tr> */

 

  /* <td> ---- [<table><tr><td><div> >> </div></td><td><div><a>Main Page</a></div></td></table>] ---- </td>

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

     td.vmenu_main_sub {

        width: 100%;

        border: 0px;

        padding: 0px 0px 0px 0px;

     }

   

   /* <table> Submenu link table */

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

      table.vmenu_subz {

        width: 100%;

        border: 0px;

        padding: 0px 0px 0px 0px;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 11px;

      }

    

    /* <tr> */

    

     /* <td> Submenu Item Bullet */

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

        td.vmenu_sub_bull_off {

           width: 20px;

           padding: 3px 0px 0px 13px;

           font-size: 11px;

           font-weight: bold;

           color: #858585;

        }

        td.vmenu_sub_bull_on {

           width: 20px;

           padding: 3px 0px 0px 13px;

           font-size: 11px;

           font-weight: bold;

           color: #903518;

        }

 

      /* <div> Contains an individual main menu link (within td)

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

         div.vmenu_sub_bull_off {

            padding: 0px;

            width: 100%;

         }

         

         div.vmenu_sub_bull_on {

            padding: 0px;

            width: 100%;

         }            

         

      /* </div> */

      

     /* </td> */

     

     /* <td> Submenu Item Link */

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

        td.vmenu_sub_off {

           width: 100%;

           border: 0px;

           padding: 3px 0px 0px 5px;

           font-size: 11px;

           font-weight: normal;

        }

        td.vmenu_sub_on {

           width: 100%;

           border: 0px;

           padding: 3px 0px 0px 5px;

           font-size: 11px;

           font-weight: bold;   

        }

        

      /* <div> Contains an individual main menu link (within td)

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

         div.vmenu_sub_off {

            width: 100%;

            border: 0px;

            padding: 0px 0px 0px 0px;

         

         }

         

         div.vmenu_sub_on {

            width: 100%;

            border: 0px;

            padding: 0px 0px 0px 0px;

        }



       /* <a href=> A cell containing an individual main menu link

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

          a.vmenu_sub_off:link { color: #003F7C; text-decoration: none; }

          a.vmenu_sub_off:visited { color: #003F7C; text-decoration: none; }

          a.vmenu_sub_off:hover { color: #903518; text-decoration: none; }

          a.vmenu_sub_off:active { color: #903518; text-decoration: none; }

          

          a.vmenu_sub_on:link { color: #003F7C; text-decoration: none; }

          a.vmenu_sub_on:visited { color: #003F7C; text-decoration: none; }

          a.vmenu_sub_on:hover { color: #903518; text-decoration: none; }

          a.vmenu_sub_on:active { color: #903518; text-decoration: none; }

       /* </a> */    

      

      /* </div> */

      

     /* </td> */          

 

/* =========================================================== */







/* >> Menu System - #HMAINS# */



/* This is the main hsub table */

table.hmains {

   border: 0px;

   padding: 0px;



	margin: 0px 5px;

	height: 20px;



   font-family: Arial, Helvetica, sans-serif;

   font-size: 12px;

   font-weight: normal;

	color: #2983a6;

}



/* This cell contains a submenu link */

td.hmains {

   border: 0px;

	padding: 0px 10px 0px 0px;

	margin: 0px;

	background: url(images/list.png) no-repeat left;

}



a.hmains { line-height: 21px; margin-left: 15px; }

a.hmains:link { color: #00486f; text-decoration: none; }

a.hmains:visited { color: #00486f; text-decoration: none; }

a.hmains:hover { color: #bd790d; text-decoration: none; }

a.hmains:active { color: #bd790d; text-decoration: none; }











/* >> Menu System - #HSUBS# */



/* This is the main hsub table */

table.hsubs {

   border: 0px;

   padding: 0px 0px 0px 0px;

   font-family: Arial, Helvetica, sans-serif;

   font-size: 11px;

}



/* This cell contains a submenu link */

td.hsubs {

   border: 0px;

   padding: 2px 10px 2px 10px;

}



a.hsubs:link { color: #00486f; text-decoration: none; }

a.hsubs:visited { color: #00486f; text-decoration: none; }

a.hsubs:hover { color: #bd790d; text-decoration: none; }

a.hsubs:active { color: #bd790d; text-decoration: none; }





/* >> #NEWSBOX# */



/* Newsbox

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



/* <font> */

.newsbox_date {

   font-family: arial, verdana, Courier New, Courier, mono;

   font-size: 10px;

   font-weight: normal;

   color: #FFFFFF;

}



.newsbox {

   font-family: arial, helvetica, sans-serif; 

   font-size: 11px;

	font-weight: bold;

	margin: 0px;

}



.newsbox a:link { color: #0087d0; text-decoration: none; }

.newsbox a:visited { color: #0087d0; text-decoration: none; }

.newsbox a:hover { color: #0087d0; text-decoration: underline; }

.newsbox a:active { color: #0087d0; text-decoration: underline; }



/* <font> */

.newsbox_tease {

   font-family: Arial, helvetica, sans-serif;

   font-size: 11px;

   font-weight: normal;

   color: #000000;

	margin: 0px;

}



/* Full Ariticle Display

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

table.article_table {

   font-family: arial, helvetica, sans-serif;

   font-size: 12px;

   font-weight: normal;

   color: #000000;

}



td.article_title {

   font-family: Courier New, Courier, mono;

   font-size: 16px;

   font-weight: bold;

   color: #2E2E2E;

}



font.article_date {

   color: #336699;

}

      

td.article_content {

   padding: 4px;

}



/* >> Old Styles (to be phased out after obsolecense is assured) */

textarea {

	font-size:8pt;

	height:75px;

	width:175px;

}



.logohead {

	font-family : Arial;

	font-size : 25pt;

	font-weight : bold;

}



.logosub {

	font-family : Arial;

	font-size : 8pt;

	font-weight : bold;

}



.menusys {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

}

 

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#Zmenu {
	position: absolute; /* Menu position that can be changed at will */
	top: 172px;
	left: 3px;
	z-index:100;
	width: 756px; /* precision for Opera */
}
#Zmenu dl {
float: left;
width: 9em;
}
#Zmenu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
background: url(images/list.png) no-repeat left;
border: 1px solid gray;
margin: 1px;
}
#Zmenu dd {
display: none;
font:"Square721 BT", "Square721 Cn BT", "Square721 Ex BT";
border: 1px solid gray;
}
#Zmenu li {

text-align: left;
background: #fff; // color of backround text menu items
}
#Zmenu li a, #menu dt a {
color: #16588c;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#Zmenu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color: #fff;
background: #000033;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #transparent;
padding: 5px;
border: 1px solid gray; 
}


#close {
	float: right;
}