@charset "utf-8";
/* Homepage CSS Document */

#leftCol {width:367px; float:left; padding:11px 11px 0px 11px; border-right:2px dotted #c1c1c1; position:relative; top:0px; bottom:0px;}
#homeTitle {background:url(layout/homeTitle.jpg) no-repeat; width:auto; height:26px; text-indent:-9999px; border-bottom:1px solid #e0e1e5; margin-bottom:3px; }
#homeContent p {padding:10px 0px; font-size:14px;}
#moreBut { height:24px; width:94px; margin:10px 0px 5px 0px;}
#moreBut a{display:block;background:url(layout/moreInfoHover.jpg) no-repeat; background:url(layout/moreInfo.jpg) no-repeat; height:24px;
width:94px; text-indent:-9999px;}
#moreBut a:hover {background:url(layout/moreInfoHover.jpg) no-repeat; margin-left:-1px;}
#promotionHome {width:360px; height:73px;}
#promotionHome a { display:block; width:360px; height:73px; text-indent:-9999px; background:url(layout/promoTwoHocer.jpg);
background:url(layout/promoTwo.jpg); margin-top:21px;}
#promotionHome a:hover{width:364px; margin-left:-2px; height:77px; margin-top:18.5px;  background:url(layout/promoTwoHocer.jpg);}

#rightCol {width:530px; float:left; padding-left:15px;}
.listItem {position:relative; width:493px; height:60px; background-color:#f4f4f4; margin-bottom:15px; padding:18px 25px 18px 15px; font-weight:600;
			font-size:11.4px; letter-spacing:0.2px;position:relative;}
.listItem:hover { background-color:#e6e5e5; width:489px; height:56px; border:2px solid #a5a5a5;}
.clickElement {position:absolute; top:0px; left:0px; display:block; bottom:0px; right:0px; text-indent:-9999px;}
.listContent h2 {font-size:15px; font-weight:800;}
.listContent { height:60px;}
.listContent p {font-weight:500;}
.imageWarp {height:60px; float:left;}
.listItem .imageWarp img {float:left; margin-right:26px;}

.listNumber {font-size:70px; display:block; height:60px; width:120px; float:left; line-height:60px; letter-spacing:.1pt;}
.listNumber span {letter-spacing:-5.5pt;}