/* blues:  #2A509E;   #002266;  */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        font: 8pt verdana, arial, helvetica, sans-serif;
	color: #000;
	background-color: #EDF3FF;
	text-align: center;
	}

/* TABLES */
	
table	{
        font: 8pt verdana, arial, helvetica, sans-serif;
        }

table.heading { 
             height: 70px; 
             background: #fff url(/i/header.gif) top right no-repeat;
             width: 802px;
} 
	

td.white{
       color: #FFF;
       text-align: right;
       font: 7pt verdana, arial, helvetica, sans-serif;
       padding-left: 5px;
       }

td.products{

margin: 0px;
padding: 0px;
}

td.dashes {
border: 1px dashed #a0a0a0;
padding: 3 0 0 3;
margin: 0px;
background-color: #F2F2F2;
}

td.dashes2 {
padding: 5px;
border: 1px dashed #a0a0a0;
background-color: #F2F2F2;
}

/* table menu stuff here */

table.menu { 
            background: #002266 url(/i/table1.gif) top right no-repeat;
            height: 20px;
            width: 802px;
	    } 
	


table.menu2 {
            width:802px;
            height: 20px;
            background: #002266;
            width: 802px;
	    } 
	
	


td.newmenulevel1  { padding: 3px 2px 3px 2px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
td.newmenulevel1a { padding: 3px 2px 3px 2px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
td.newmenulevel1b { padding: 3px 4px 3px 4px; background: #002266 }
td.newmenulevel1c { padding: 3px 2px 3px 2px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }

td.padding0202 { padding: 2px 2px 2px 2px; }
td.padding0203 { padding: 2px 2px 2px 2px; }

td.newmenulevel3  { padding: 3px 2px 3px 2px; border-top: 1px solid #FFFFFF; }
td.newmenulevel3a { padding: 0px 2px 0px 2px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
td.newmenulevel3b { padding: 0px 4px 0px 4px; background: #002266; }
td.newmenulevel3c { padding: 0px 2px 0px 2px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }

td.menulevel1 {  
        padding: 0;
        background: #9CCFCE;
	border-style: solid;
	border-color: black;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
}

td.menulevel2 {  
        padding: 0;
        background: #003399;
	border-style: solid;
	border-color: black;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}

td.news{
       font: 8pt verdana, arial, helvetica, sans-serif;
       padding-left: 5px;
       }
       
.news{
       font: 8pt verdana, arial, helvetica, sans-serif;
       padding-left: 15px;
       }





/* Anchor text  */


a {
	text-decoration: none;
	font-weight: bold;
	color:  #2F5293;
	}

a.h2 {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #2A509E;
  padding-left: 7px;
  }

a.h2:hover {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #2A509E;
  padding-left: 7px;
}

a.h2:visited {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #2A509E;
  padding-left: 7px;
  
}


a.blue {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color:  #002266;
	outline: none;
	}
	

a.blue:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color:  #002266;
	outline: none;
	}

a.blue:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color:  #225588;
	outline: none;
	}
	
a.white {
	text-decoration: none;
	color:  #FFF;
	outline: none;
	}
a.white:visited {
	text-decoration: none;
	color:  #FFF;
	outline: none;
	}
a.white:active {
	text-decoration: none;
	color:  #FFF;
	outline: none;
	}	
	
a.offwhite {
        color:#D5CFDE;
        }
	
	
a:visited {
	color:  #484CB5;
	}
a:active {
	color:  #484CB5;
	}
a:hover {
	color: #4B6491;
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
a.menu {
	
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px; 
        margin-left: 0px;
	}

a.plink {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color:  #505050;
	outline: none;
	}



/* DIV elements */



#container {
	background : #fff;
	color : #333333;
	margin : 0px auto;
	padding: 0px;
	text-align : left;
	width : 800px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8px;
	position: relative;
}

#productrow1 {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
width: 785px;
padding: 0px 0px 0px 0px;
}

#bottomtextie{
	background : #fff;
	color : gray;
	padding: 0px;
	width : 800px;
	border: 1px solid black;
	font-family: verdana, arial, helvetica, sans-serif;
        position: absolute;
        bottom: -250px;
        margin: 0px auto;
        }

#bottomtextff{
	background : #fff;
	color : gray;
	padding: 0px;
	width : 800px;
	border: 1px solid black;
	font-family: verdana, arial, helvetica, sans-serif;
        position: absolute;
        bottom: -200px;
        margin: 0px auto;
        }

#mainbody{
        width: 796px;
        padding-left: 4px;
        padding-top: 2px;
}

#menubit { position: absolute; 
           top: 0px;
          }


#footbit {
	height: 20px;
	text-align : left;
	width : 800px;
	margin : 0px auto;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #fff url(/i/table1.gif)  top left no-repeat;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-color: black;
	}



#imagetop{ 
            padding: 2px;
            position: relative;
            width: 791px;
            height: 173px;  
            background: #fff url(/i/mainimage.jpg) top left no-repeat;
            border: 0px solid black;
            }



/*  Standard stuff  */

hr {
border: 0;
color: #002266;
background-color: #002266;
height: 1px;
width: 95%;
text-align: left;
}


p {
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 8px; 
        margin-left: 11px;
        margin-right: 11px;
        padding-top: 2px;
        padding-bottom: 2px;
	}

p.smallmargin {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 4px; 
        margin-left: 11px;
        margin-right: 11px;
        padding-top: 0px;
        padding-bottom: 0px;
	}

img {
	border: 0;
        padding: 0px;
        font-size: 11px;
        color:  #ccc;

	}
imgleft {
	float: left;
        padding: 0px;
	border: 0;
	}
imgright {
	float: right;
        padding: 0px;
	border: 0;
	}	
	
PRE {
	font: 10pt courier;
	margin-left: 10px;
	}


.floatright { float: right; }
.floatleft  { float: left;  }
 


       
h1 {
  font-size: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #002266;
  padding: 0px;
  margin: 0px;
  }

h2 {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #002266;
  padding-left: 10px;
  padding-bottom: 0px;
}


h3 {
  font-size: 16px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #002266;
  padding-top: 10px;
  padding-left: 10px;
}

.smallfont {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.fontnormal {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.fontsize1 {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.fontnormalblue {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #002266;
}

.fontnormalred {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #990000;
}

.fontlargered {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
color: #990000;
font-weight: bold;
}

.fontnormalwhite {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
}

.fontbigwhite {
font: 11px verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding-top: 7px;
padding-left: 14px;
padding-right: 14px;
}
.fontbigwhiteli {
font: 11px verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 8px; 0px 8px; 14px;
margin-left: 6px;
}


.fonttopimage {
padding: 0px;
font: 8pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.fontsize3 {
font: 12pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.fontsize3blue {
font: 12pt verdana, arial, helvetica, sans-serif;
color: #002266;
}

.fontsize4 {
font: 16pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.fontsize4blue {
font: 16pt verdana, arial, helvetica, sans-serif;
color: #002266;
}


.fontnormal A:link {
font-size: 13px;
font-family: verdana, arial, helvetica, sans-serif;
color:#003399;
}

.fonttitleSmall {
font: bold 8pt verdana, arial, helvetica, sans-serif;
color: #002266;
}

.action {
font-size: 20px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #003399;
padding: 5px;
}

.fonttitleLarge {
font-size: 20px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-style: italic;
color: #003399;
}

.fontProductOverview {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #000000;
}
.fontProductOverview A:link {
color:#000000;
}
.fontProductOverview A:hover {
color:#000000;
text-decoration: underline;
}

.submit-button {
font:8pt verdana;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #002266;
BORDER-TOP-WIDTH: 1.5px;
BORDER-TOP-COLOR: #000000;
BORDER-LEFT-WIDTH: 1.5px;
BORDER-LEFT-COLOR: #000000;
BORDER-BOTTOM-WIDTH: 1.5px;
BORDER-BOTTOM-COLOR: #000000;
BORDER-RIGHT-WIDTH: 1.5px;
BORDER-RIGHT-COLOR: #000000;
CURSOR: pointer;
padding-left: 2px;
padding-right: 2px;
}


.ULBM ul {
    text-align:left;
    list-style:none;
    margin:6px 0 4px 0;
    padding:0;
}

.ULBM ul li {
    text-align:center;
    display:inline;
    padding:0 3px 0 ;
}


.ULBM ul li a img {
    vertical-align: middle;
    padding:2;
}



.infoBox {
height:350px;
}

.ssBox {
height:130px;
}

.ProdfaqBox {
height:211px;
}

.productBox {
height:635px;
}

.archiveproductbox {
height:400px;
}
.Listproductbox {
height:470px;
}
.IMproductbox {
height:450px;
}
.Fireproductbox {
height:400px;
}
.Asproductbox {
height:480px;
}
.AVproductbox {
height:560px;
}
.protectionproductbox {
height:420px;
}
.Collabproductbox {
height:520px;
}
.WebOrgproductbox {
height:460px;
}
.ASUSproductbox {
height:460px;
}

.productBoxXtra {
height:590px;
}

.IMGTopandBottom {
WIDTH: 100%;
}





img.screenshot{ 
	padding: 4px;
	}
	
	





/* MISC */

/* Rounded Corner boxes without images  */

/* 150px */


#roundbox150left{ 
    margin: 5px 5px 0px 5px;
    background: #eeeeee;
    font:8pt verdana;
    float: left;
    width: 250px;
    }


 



/* 300px */

#roundbox300{ 
    margin: 10px 10px 10px 10px;
    background: #eeeeee;
    font:8pt verdana;
    width: 300px;
    }

#roundbox300left{ 
    margin: 10px 10px 10px 10px;
    background: #eeeeee;
    font:8pt verdana;
    width: 300px;
    float: left;
    }
    
#roundbox300right{ 
    margin: 10px 10px 10px 10px;
    background: #eeeeee;
    font:8pt verdana;
    width: 300px;
    float: right;
    }   


/* 500px */

#roundbox500{ 
    margin: 10px 10px 10px 10px;
    background: #CCCCCC;
    width: 500px;
    font:8pt verdana;
    }

#roundbox500left{ 
    margin: 10px 10px 10px 10px;
    background: #eeeeee;
    font:8pt verdana;
    width: 500px;
    float: left;
    }


/* 600px */

#roundbox600{ 
    margin: 10px 10px 10px 10px;
    background: #CCCCCC;
    width: 590px;
    font:8pt verdana;
    }

#roundbox600left{ 
    margin: 10px 10px 10px 10px;
    background: #eeeeee;
    font:8pt verdana;
    width: 590px;
    float: left;
    }

/* 700px */

#roundbox700{ 
    margin: 10px 10px 10px 10px;
    background: #CCCCCC;
    font:8pt verdana;
    width: 700px;
    }

#roundbox796 {  
    margin: 10px 0px 10px 10px;
    background: #f0f0f0;
    width: 770px;
    font:8pt verdana;
    }




/* box corners #eeeeee */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #f0f0f0;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* box corners #cccccc */
b.stop, b.sbottom{display:block;background: #FFF}
b.stop b, b.sbottom b{display:block;height: 1px;
    overflow: hidden; background: #cccccc;}
b.s1{margin: 0 5px}
b.s2{margin: 0 3px}
b.s3{margin: 0 2px}
b.stop b.s4, b.sbottom b.s4{margin: 0 1px;height: 2px}


#awards{ 
    background: #ffffff;
    font:8pt verdana;
    padding-left: 20px;
    height : 71px;
}

#h1boxleft{ 
   padding: 0px 10px 0px 10px;
   background: #ffffff;
   width: 600px;
   float: left;
   }

/* multi level dropdown menu */

.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 28px
	}
.mlddm a:visited { color: #FFF;}
	.mlddm li
	{	display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		font: 11px verdana, arial, helvetica, sans-serif}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		white-space: nowrap;
		color: #FFF;
		padding: 7px 10px;
		margin: 0;
		width: 70px;
		text-decoration: none;
		}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FFF;
		background: #213866}
		.mlddm ul
		{	z-index: 100;
			margin: 1px 0 0 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #4570CE url(/mldm/bg.jpg)}
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	width: auto;
			padding: 9px 15px;
			text-align: left;
			background: transparent}

		.mlddm ul li a:hover, 
		{	color: #FFF;
			padding: 8px 15px;
			border: 1px solid #528BFF;
			border-width: 1px 0px}

		.mlddm .hsub
		{	background: no-repeat right url(/mldm/arroww.gif)}

		.mlddm .hsub:hover
		{	background: #213866 no-repeat right url(/mldm/arroww.gif)}
		
FORM.topbuttons {  
		height: 20px;
		padding: 0px;
		margin: 0px;
			}