#mgsac {padding:0px; margin:0px auto; clear:both; overflow:hidden; position:relative; padding-top:20px}
#mgsac #slideItems {margin:0px; padding:0px; width:100000px}
#mgsac .cbox { float:left;position:relative;}
#mgsac .cbox .image { position:absolute; right:0px; bottom:0px;text-align:center; overflow:hidden; width:46%;}
#mgsac .cbox .desc{ float:left; text-align:left; padding:40px 0 0 20px; font-size:14px; line-height:20px; width:52%;}
#mgsac .cbox h2{ text-transform:uppercase; font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:32px; width:80%; padding:0px; margin:0px}
#mgsac a.readmore:link,#mgsac a.readmore:active,#mgsac a.readmore:visited{ font-weight:bold; height:30px; background:url(mr.gif) right top no-repeat; display:block; float:left; text-decoration:none; color:#444; margin-top:10px; padding-right:3px}
#mgsac a.readmore:hover{ color:#000}
#mgsac .readmore span{  display:block; float:left; background:url(ml.gif) left top no-repeat; padding:0 15px; height:30px; line-height:30px; cursor:pointer}
.mgsprevious{left:7px; background:url(pon.png) center center no-repeat;display:block; width:32px; height:32px;  position:absolute; z-index:100; top:48%;z-index:100}
.mgsnext{right:7px; background:url(non.png) center center no-repeat;display:block; width:32px; height:32px;  position:absolute; z-index:100; top:48%;z-index:100}
a.mgsprevious:hover{background:url(pon.gif) center center no-repeat;}
a.mgsnext:hover{background:url(non.gif) center center no-repeat;}

#mgsac  ul li{ background:#eee; padding:7px;}#mgsac  ul li:hover{ background:#fff; padding:7px;}