html, body{ margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; text-align:center; background-color:#000000; background-image:url(images/background.gif); } 
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
#news { text-align:center; font-size:16px; }
#pageborder{ border: 3px solid #C0C0C0; width:770px; margin-left:auto; margin-right:auto; }
#pagewidth{ width:770px; text-align:left; margin-left:auto; margin-right:auto; } 
#header{ position:relative; height:199px; background-color:#999999; width:100%; } 
#wrapper{ background-color: #999999; background-image:url(images/wansolutions_01.jpg); background-repeat:no-repeat; width:770px; }
#leftcol{ width:249px; float:left; position:relative; left:16px; }
#navtitlebar{ width:222px; height:24px; padding-left: 25px; background-image:url(images/sidenav_titlebar.png); background-repeat: no-repeat; font-family: Verdana; font-weight: bold; font-size: 14px; color: #ffffff; }
#navmiddle{ width:222px; background-image:url(images/sidenav_middle.png); padding-top: 0px; }
#navbottom{ width:222px; height:113px; background-image:url(images/sidenav_bottom.png); }
#navlinks{ list-style: none; margin-top:0px; margin-bottom:0px; margin-left: 0px; padding-left: 0px; padding-bottom: 0px; font-family: Verdana;	font-weight: bold; font-size: 12px; color: #ffffff; }
#navlinks li{ height: 23px; width: 206px; margin: 0px; padding: 0px; background-image:url(images/sidenav_norm.png); background-repeat: no-repeat; }
#navlinks li a{ margin-top: 0px; margin-left: 40px; padding-top: 3px; display: block; color: #ffffff; }
#navlinks li a:hover{ text-decoration: none; }
#navlinks li:hover{ height: 23px; width: 206px;	margin: 0px; padding: 0px; background: #703333;	background-image:url(images/sidenav_over.png); background-repeat: no-repeat; }
#navlinks li:hover > a{ }
#navlinks li:hover ul{ display: block; visibility:visible; float: left; padding: 30px; }
#navlinks li ul{ display: none;	visibility:hidden; margin: 0px;	padding: 0px; list-style: none; }
#navlinks li:hover ul{ display: block; visibility:visible; float: left;	padding: 30px; }
#navlinks li ul{ display: none;	visibility:hidden; margin: 0px;	padding: 0px; }
#navlinks li ul li{display:block; vertical-align:bottom; background: #666666; background-image: url(images/submenu_norm.png); background-repeat: no-repeat; color: #ffffff; width: 300px; border-top: 1px solid #703333; border-left: 1px solid #703333; border-right: 1px solid #703333; }
#navlinks li ul li:hover{ background: #703333; background-image: url(images/submenu_over.png); background-repeat: no-repeat; color: #ffffff; width: 300px; }
#submenu_myaccount { position:absolute;	top: 15px; left: 150px; }
#submenu_services { position:absolute; top: 31px; left: 150px; }
#submenu_aboutus { position:absolute; top: 223px; left: 150px; }
#maintextbg{ background-image:url(images/maintxtbg-middle.png); float: right; display:inline; position: relative; right:10px; width:521px; }
#maintext{ min-height: 450px; padding-left: 10px; padding-right: 20px; text-align: center; font-size: 10px; display:inline-table; }
#maintext A{ color: #003399; }
#maintext ul{ list-style-type: square; }
#maintext b{ font-weight: normal; }
#maintext h1{ font-size: 12px; }
#maintext h2{ font-size: 14px; }
#maintextbottom{ background-color:#999999; background-image:url(images/maintxtbg-bottom.png); width:521px; height:52px; }
#footer{ height:118px; background-color:#999999; background-image:url(images/wansolutions_03.jpg); clear:both; } 
#bottomicons{ height: 95px; text-align: center; }
#copyright{ text-align: center; font-family: Verdana; font-size: 10px; color: #ffffff; }
#copyright a{ font-family: Verdana; font-weight: bold; font-size: 10px;	color: #ffffff; }
.bold { font-weight: bold; }
ul.bold li { font-weight: bold; }
pre { width: 450px; overflow: auto; }
.hlist { list-style-type: square; }
.hlist li { list-style-type: square; display: inline; }
.imglink { border: 0px; }
.colopic { width: 76px;	height: 74px; }
.left { text-align: left; }
.right { text-align: right; }
.imgright { float: right; }
.sitemapcategory { border: 1px solid #000000; list-style-position: outside; padding: 5px; margin: 10px; width: 210px; background-color: #666666;	color: #ffffff; }
/*edit 11-8-11
	list-style-position: inside;
*/

.sitemapcategory li{ border-top: 1px dotted #5b1212; /*edit 11-8-11*/ display:block;
}
#smaboutustitle { font-size: 14px; font-weight: bold; background-color: #5b1212; border-top: 0px solid #000000; }
#smdownloadstitle { font-size: 14px; font-weight: bold; background-color: #5b1212; border-top: 0px solid #000000; }
#smservicestitle { font-size: 14px; font-weight: bold; background-color: #5b1212; border-top: 0px solid #000000; }
#smmyaccounttitle { font-size: 14px; font-weight: bold; background-color: #5b1212; border-top: 0px solid #000000; }
#smhometitle { font-size: 14px; font-weight: bold; background-color: #5b1212; border-top: 0px solid #000000; }
#smright { float: right; }
#smright ul li A{ display: block; color: #ffffff; }
#smright ul li A:hover{ background-color: #663333; }
#smleft { float: left; }
#smleft ul li A{ display: block; color: #ffffff; }
#smleft ul li A:hover{ 	background-color: #663333; }
.homepgbox { border: 1px solid #000000;	padding: 5px; width: 180px; }
.homepgboxtitle { background: #3071AB; color: #ffffff; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; font-weight: bold; border-bottom: 1px solid #000000; margin: 0; text-align:center; padding: 3px 3px; }
.lbox { background-color: #ffffff; border-bottom: #BCBCBC 1px solid; border-left: #BCBCBC 1px solid; border-right: #BCBCBC 1px solid; border-top: #BCBCBC 1px solid; color: #000000; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 10px; }
.tablema { background-color:#E9F4F8; border:solid 1px #000000; }
.lbox3 { width:75px; background-color: #ffffff; border-bottom: #BCBCBC 1px solid; border-left: #BCBCBC 1px solid; border-right: #BCBCBC 1px solid; border-top: #BCBCBC 1px solid; color: #000000; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 10px; }
.lbox2 { width:150px; background-color: #ffffff; border: #BCBCBC 1px solid; color: #000000; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 10px; }
.lbox2:hover { width:150px; background-color: #ffffff; border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid; border-top: #000000 1px solid; color: #000000; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 10px; }
.wanmin_formfield_textarea { width: 470px; }
.text_center {text-align:center;}
.underline {text-decoration:underline;}
#hometitle {	background-image: url(images/h_welcome.gif); background-repeat: no-repeat; text-align: left; width: 470px; height: 25px; }
#hometitle span{ position: absolute; left: -999em; }
#mcrs {	background-image: url(images/h_computer_repair_services.gif); background-repeat: no-repeat; text-align: left; width: 470px; height: 25px; }
#mcrs span{ position: absolute; left: -999em; }
#wsch { background-image: url(images/h_company_history.gif); background-repeat: no-repeat; text-align: left; width: 470px; height: 25px; }
#wsch span{ position: absolute; left: -999em; }

 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 .clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
@media print{ 
	#header { display:none; } 
	#footer { display:none; } 
	#leftcol { display: none; width: 0%; } 
	#pageborder { border: 0px solid #000000; }
	#maintextbg { width: 100%; float: none; }
	#maintext { width:100%; float:none; }
}

