@charset "UTF-8";
/*======================================

wito 04 Dec 2009 / 

¶ƒƒjƒ…[‰ü‘P

cƒXƒ‰ƒCƒhƒƒjƒ…[

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



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

This copyright notice must be untouched at all times. 

Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved. 

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



#dxMenu {

	display:block;

	width:166px;

	margin:0px;

	padding:0px;

}



#dxMenu div, #dxMenu img {

	width:166px;

	margin:0px;

	padding:0px;

}







#nav {  

  padding: 0;  

  margin: 0;  

  font-family: georgia, serif;  

  background: #222;  

} 



#nav dl { margin: 1px solid #f00;}



#nav a:hover  {  

  text-decoration: underline;  

}  





#nav dt div, #nav dt a  {  

  display: block;  

  cursor: pointer;  



}  



#nav dt b  {  

  background: url(jQuery/verticalSlidingMenu1/arrow.gif) no-repeat left center;  

}  





#nav dt a {  

  text-decoration: none;  

}  





#nav dd {  

  padding: 0;  

  margin: 0;  

} 





#nav dd ul{  

  padding: 0;  

  margin: 0;  

  list-style: none;

  /*padding-bottom:5px;*/

}  



#nav dd ul li {  

  padding: 3px 0px 0px 29px;

  

}  



#nav dd ul li a {  

  font-size: 12px;  

  text-decoration: none;

  display:block;

  width:100%;

}  



#nav dd ul li a:hover {   background-color:#FF3;color:#cc33ff;}



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



wito 11 Dec 2009 / 



since there are wierd margins on a+img combo on the sideMenu.html,

using ul li a css block menu list here.



menu images,,,do not try to put bgs on one image..

it is possible but nightmare since the order changes often





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







.leftMenu {width:166px;margin:0px;padding: 0px;}

.leftMenu ul {display: block; float: left; width:166px;margin:0px;padding: 0px;}

.leftMenu ul li {list-style: none;display: block; float: left; width:166px; height:25px;margin:0px;padding: 0px;}

.leftMenu ul li a {display: block; width:166px; height:25px;margin:0px;padding: 0px; /*background-color: #ff0000*/;text-indent: -9999px;}


.leftMenu ul li.leftRemo a {background:top left url(/img/home/leftRemo.gif) no-repeat scroll;}

.leftMenu ul li.leftSai a {background:top left url(/img/home/leftSai.gif) no-repeat scroll;}

.leftMenu ul li.leftMag a {background:top left url(/img/home/leftMag.gif) no-repeat scroll;}

.leftMenu ul li.leftOnn a {background:top left url(/img/home/leftOnn.gif) no-repeat scroll;}

.leftMenu ul li.leftDxm a {background:top left url(/img/home/leftDxm.gif) no-repeat scroll;}

.leftMenu ul li.leftDxl a {background:top left url(/img/home/leftDxl.gif) no-repeat scroll;}

.leftMenu ul li.leftToi a {background:top left url(/img/home/leftToi.gif) no-repeat scroll;}



.leftMenu ul li.leftMac a {background:top left url(/img/home/leftMac.gif);}





/* for modern brouser */

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}

/* IE7,MacIE5 */

.clearfix {

  display: inline-block;

}

/* WinIE6 below, Exclude MacIE5 \*/

* html .clearfix {

  height: 1%;

}

.clearfix {

  display: block;

}

/**/



/*quickEnquette*/

#quick {display:block;width:166px;margin:0px;padding:0px;color:#fff;}

#quick form{width:166px;margin:0px;padding:0px;color:#fff;}

#quick div {width:166px;margin:0; padding:0px; color:#fff; font-size:12px;}

#quick div ul{display: block; width:166px; margin:0; padding: 0px; list-style:none;}

#quick div ul .question {margin:5px 0 0 0; padding: 0px; list-style:none; color: #ECDFE2; text-align:center; }

#quick div ul li{ text-align:center; margin:2px auto; padding:0; list-style:none;}

#quick div .btn{ text-align:center; margin:5px auto; padding:0; }