@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
a{
	
	text-decoration:none;
}
a:hover{
	
	text-decoration:underline;
}
*{
	margin:0px;
	padding:0px;
}
img{
	border:none;
}
#headerImg{
	background:url(../images/header.jpg) no-repeat left top;
	width:987px;
	height:170px;
	margin:0px auto;
}
#footer{
	background:url(../images/footer.jpg) no-repeat left top;
	width:987px;
	height:124px;
	margin:0px auto;
}
.flotLeft{
	float:left;
}
.flotRight{
	float:right;
}
.clear{
	clear:both;
}
#mainContainer{
	width:987px;
	margin:16px auto;
}
.leftBox{
	float:left;
	width:649px;
	padding-right:37px;
}
.rightBox{
	float:right;
	width:300px;
	padding-top:39px;
}
.title01{
	font:bold 22px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:12px;
}
.title02{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:10px;
}
.title03{
	font:18px Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:8px;
}
.title03 a{
	font:18px Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.title03 a:hover{
	font:18px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:underline;
}
.title05{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:3px;
}

.title05 a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:3px;
	text-decoration:none;
}

.title05 a:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	margin-bottom:3px;
	text-decoration:underline;
}
.title04{
	font:18px Arial, Helvetica, sans-serif;
	color:#7b7434;
	margin-bottom:5px;
}

.title04 a{
	font:18px Arial, Helvetica, sans-serif;
	color:#7b7434;
	text-decoration:none;
}

.title04 a:hover{
	font:18px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:underline;
}


.title05 a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.title05 a:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:underline;
}
.title06{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:3px;
}
.title06 a{
	color:#000080;
	margin-bottom:3px;
	text-decoration:none
}
.title06 a:hover{
	color:#CC0000;
	margin-bottom:3px;
	text-decoration:underline}
	
.title07{
	font:18px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:5px;
}

.title08{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:3px;
}

.title08 a{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:3px;
	text-decoration:none;
}

.title08 a:hover{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	margin-bottom:3px;
	text-decoration:underline;
}

.title09{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:8px;
}
.title09 a{
	color:#000080;
	margin-bottom:3px;
	text-decoration:none;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.title09 a:hover{
	color:#CC0000;
	margin-bottom:3px;
	text-decoration:underline;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;}

.fontBox{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
.boxTop{
	width:100%;
	background:url(../images/boxT.jpg) repeat-x;
}
.boxTop .left{
	background:url(../images/boxTl.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:left;
}
.boxTop .right{
	background:url(../images/boxTr.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:right;
}
.boxBg{
	width:100%;
	background:url(../images/boxBg.jpg) repeat-y;
}
.boxBg01{
	width:100%;
	background:url(../images/boxBg01.jpg) repeat-y;
}
.boxBottom{
	width:100%;
	background:url(../images/boxB.jpg) repeat-x;
}
.boxBottom .left{
	background:url(../images/boxBl.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:left;
}
.boxBottom .right{
	background:url(../images/boxBr.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:right;
}
.boxContainer{
	padding:0px 10px;
}
.articalImg{
	
}
.imgBorder{
	padding:6px;
	border:1px solid #d2c8c8;
	background:#FFFFFF;
}

img.imgbor  {padding:3px; border:1px solid #d2c8c8; background:#FFFFFF;}
a:link img.imgbor  {padding:3px; border:1px solid #d2c8c8; background:#FFFFFF;}
a:hover img.imgbor {padding:3px; border:1px solid #CC0000; background:#FFFFFF;}



.articalImg{
	float:left;
	width:214px;
	height:167px;
}
.articalContent{
	float:left;
	padding-left:15px;
	width:400px;
	line-height:18px;
}
.articalTitle{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	margin-bottom:3px;
}
.articalTitle a{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.articalTitle a:hover{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:underline;
}
.leftBulletPoint{
	float:left;
	padding-left:35px;
	padding-top:10px;
}
.articalUl li{
	list-style-image:url(../images/liBullet.gif);
	color:#000080;
}

.articalUl li a{
	color:#000080;
	text-decoration:none;
}

.articalUl li a:hover{
	color:#CC0000;
	text-decoration:underline;
}


/* scroller css  padding:6px; background:#FFFFFF; border:1px solid #CCCCCC;  padding:6px; background:#FFFFFF; border:1px solid #FF0000;      */
#imageViewerBox{width:100%; background:url(../images/scrollBg.gif) repeat-x; }

#viewer {height:49px; width:565px; overflow:hidden;float:left; padding:12px 0px 11px 0px; overflow:hidden; }

#viewerFrame { height:49px; width:565px; clear:both; padding:0; }
#viewer img {width:40px; height:40px; display:inline; border:0; overflow:hidden;}
#viewer a {
	float:left;
	background:url(../images/thum_off.gif) repeat-x bottom #FFF;
	border:1px solid #c5d0d5;
	width:160px;
	padding:5px 10px;
	margin-right:6px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	cursor:pointer;
}

#viewer a img{
	padding:3px; background:#FFFFFF; border:1px solid #CCCCCC;
}

#viewer a:hover {
	float:left;
	background:url(../images/thum_on.gif) repeat-x bottom #FFF;
	border:1px solid #d4d49d;
	width:160px;
	padding:5px 10px;
	margin-right:6px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	cursor:pointer;
}

#viewer a:hover img{
	padding:3px; background:#FFFFFF; border:1px solid #FF0000;
}

.leftButt{ float:left; width:32px; height:83px;}
.rightButt{float:right; width:32px; height:83px;}

#viewer a.viewActive{
	float:left;
	background:url(../images/thum_on.gif) repeat-x bottom #FFF;
	border:1px solid #d4d49d;
	width:160px;
	padding:5px 10px;
	margin-right:6px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	cursor:pointer;
}
#viewer a.viewActive div{
	background:url(../images/thum_onArrow.gif) no-repeat left top;
	width:19px; 
	height:11px;
	position:static;
	margin-top:-16px;
	margin-left:75px;
	margin-bottom:5px;
}

.leftArrow01{
	height:116px;
	width:24px;
	float:left;
}
.rightArrow01{
	height:116px;
	width:24px;
	float:right;
}

.leftBox01{
	width:430px;
	padding-right:14px;
	float:left;
	margin-bottom:10px;
}
.leftBox02{
	width:444px;
	float:left;
	margin-bottom:10px;
	_margin-bottom:0px;
}
.leftBox03{
	float:left;
	width:205px;
}

/* box 01*/
.box01Top{
	width:100%;
	background:url(../images/box01T.jpg) repeat-x;
}
.box01Top .left{
	background:url(../images/box01Tl.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:left;
}
.box01Top .right{
	background:url(../images/box01Tr.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:right;
}
.box01Bg{
	width:100%;
	background:url(../images/dot.gif) repeat-y left;
}
.box01container{
	background:url(../images/dot.gif) repeat-y right;
	padding:3px 10px;
}
.box01Bottom{
	width:100%;
	background:url(../images/box01B.jpg) repeat-x;
}
.box01Bottom .left{
	background:url(../images/box01Bl.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:left;
}
.box01Bottom .right{
	background:url(../images/box01Br.jpg) no-repeat left top;
	width:8px;
	height:8px;
	float:right;
}
.cell01{
	float:left;
	width:190px;
	padding-right:10px;
}
.cell01 li{
	display:block;
	list-style:none;
	background:url(../images/v_line.gif) repeat-x bottom;
	padding-bottom:5px;	
	padding-top:5px;	
}
.cell01 li a{
	display:block;
	list-style:none;
	background:url(../images/liBullet01.gif) no-repeat 0px 1px;
	text-decoration:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;	
	padding-left:10px;
}
.cell01 li a:hover{
	display:block;
	list-style:none;
	background:url(../images/liBullet01.gif) no-repeat 0px 1px;
	text-decoration:underline;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;	
	padding-left:10px;
}
a.view{
	display:block;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:none;
	padding-top:5px;
}
a.view:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:underline;
}
/* box02 */

.box02{
	float:left;
	width:206px;
	padding-right:16px;
}
.box02a{
	float:left;
	width:205px;
}

/* box 05*/
.box05Top{
	width:100%;
	background:url(../images/box05T.gif) repeat-x;
}
.box05Top .left{
	background:url(../images/box05Tl.gif) no-repeat left top;
	width:8px;
	height:5px;
	float:left;
}
.box05Top .right{
	background:url(../images/box05Tr.gif) no-repeat left top;
	width:9px;
	height:5px;
	float:right;
}
.box05Bg{
	width:100%;
	background:url(../images/box05Bg.gif);
}
.box05container{
	background:url(../images/dot01.gif) repeat-y right;
	border-left:1px solid #ebdcae;
	padding:3px 8px;
	color:#7b7434;
}
.box05container li{
	display:block;
	list-style:none;
	background:url(../images/v_line.gif) repeat-x bottom;
	padding-bottom:5px;	
	padding-top:5px;
	color:#7b7434;	
}
.box05container li a{
	display:block;
	list-style:none;
	background:url(../images/liBullet02.gif) no-repeat 0px 1px;
	text-decoration:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#7b7434;	
	padding-left:10px;
}
.box05container li a:hover{
	display:block;
	list-style:none;
	background:url(../images/liBullet02.gif) no-repeat 0px 1px;
	text-decoration:underline;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#7b7434;	
	padding-left:10px;
}
.box05Bottom{
	width:100%;
	background:url(../images/box05B.gif) repeat-x;
}
.box05Bottom .left{
	background:url(../images/box05Bl.gif) no-repeat left top;
	width:6px;
	height:5px;
	float:left;
}
.box05Bottom .right{
	background:url(../images/box05Br.gif) no-repeat left top;
	width:7px;
	height:5px;
	float:right;
}
.newsBox{
	background:url(../images/v_line.gif) repeat-x bottom;	
	padding-bottom:8px;
	margin-bottom:8px;
}

/* box 03*/
.box03Top{
	width:100%;
	background:url(../images/box03T.gif) repeat-x top;
}
.box03Top .left{
	background:url(../images/box03Tl.gif) no-repeat left top;
	width:11px;
	height:36px;
	float:left;
}
.box03Top .right{
	background:url(../images/box03Tr.gif) no-repeat right top;
	width:11px;
	height:36px;
	float:right;
}
.box03Bg{
	width:100%;
}
.box03container{
	border-right:1px solid #dad5a8;
	border-left:1px solid #dad5a8;
	background:#fdfcf2;
	padding:3px 10px;
}
.box03Title{
	float:left;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-top:10px;
	padding-left:5px;
}
.box03Bottom{
	width:100%;
	background:url(../images/box03B.gif) repeat-x bottom;
}
.box03Bottom .left{
	background:url(../images/box03Bl.gif) no-repeat left top;
	width:7px;
	height:7px;
	float:left;
}
.box03Bottom .right{
	background:url(../images/box03Br.gif) no-repeat left top;
	width:7px;
	height:7px;
	float:right;
}
.bulletBox{
	float:left;
	padding-left:30px;
	line-height:21px;
}
.bulletBox a{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.bulletBox a:hover{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:underline;
}

/* news box */
.righNews{
	padding:6px;
	background:#e7e7e7;
}
.newsTitle{
	background:url(../images/v_line.gif) repeat-x bottom #fcfcfc;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	display:block;
	padding:5px;
}
.tabBox{
	background:url(../images/dot.gif) repeat-x bottom;
	height:23px;
}
.tabBox a{
	display:block;
	float:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	padding:5px 10px;
	border-right:1px solid #cccccc;
}
.tabBox a:hover{
	display:block;
	float:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	padding:5px 10px;
	border-right:1px solid #cccccc;
	background:#FFFFFF;
}

a.tabBoxact {
	display:block;
	float:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	padding:5px 10px;
	border-right:1px solid #cccccc;
	background:#FFFFFF;
}
.tabCon{
	background:#FFFFFF;
	padding:10px;
}
.tabCon a{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.tabCon a:hover{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:underline;
}

.CenterBox{
	overflow:hidden;
	width:560px;
	margin-left:5px;
	float:left;
	color:#000080;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.CenterBox a{
	color:#000080;
	text-decoration:none;
}

.CenterBox a:hover{
	color:#CC0000;
	text-decoration:underline;
}

/* box 03*/
.box04Top{
	width:100%;
	background:url(../images/box04T.gif) repeat-x top;
}
.box04Top .left{
	background:url(../images/box04Tl.gif) no-repeat left top;
	width:7px;
	height:26px;
	float:left;
}
.box04Top .right{
	background:url(../images/box04Tr.gif) no-repeat right top;
	width:7px;
	height:26px;
	float:right;
}
.box04Bg{
	width:100%;
	background:url(../images/dot02.gif) repeat-y left;
}
.box04container{
	background:url(../images/dot02.gif) repeat-y right #f9fbfd;
	/*background:;*/
	padding:3px 10px;
	margin-left:1px;
}
.box04container td{
	padding:5px;
}
.box04Title{
	float:left;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top:5px;
	padding-left:5px;
}
.box04Bottom{
	width:100%;
	background:url(../images/dot02.gif) repeat-x bottom #f9fbfd;
}
.box04Bottom .left{
	background:url(../images/box04Bl.gif) no-repeat left top;
	width:7px;
	height:7px;
	float:left;
}
.box04Bottom .right{
	background:url(../images/box04Br.gif) no-repeat left top;
	width:7px;
	height:7px;
	float:right;
}
.textfied01{
	width:110px;
	font:11px Arial, Helvetica, sans-serif;
	padding:1px;
}
.searchBox{
	padding:10px 10px;
}
.jokBox{
	padding:10px 10px;
}
.jockCat{
	color:#999999;
	font-size:10px;
}
.jockCat li{
	list-style:none;
	background:url(../images/liBullet01.gif) no-repeat 0px 3px;
	padding:0px 0px 8px 12px;
	display:block;
	margin:0px;
	color:#999999;
	font-size:10px;
	font-weight:bold;
}

.jockCat li a{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;	
	background:none;
	padding:0px;
	margin:0px;
	line-height:normal;
}
.jockCat li a:hover{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;	
	background:none;
	padding:0px;
	margin:0px;
	line-height:normal;
}


.cell02{
	width:210px;
	float:left;
}

.greyTextSM{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}
.conversationJock{
	line-height:18px;
}
.conversationJock p{
	padding-bottom:8px;
}
.recentTitle{
	padding-left:10px;
}
.recentBox{
	width:600px;
}
.recentBox2{
	width:430px;
}
a.readLink{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:none;
}
a.readLink:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:underline;
}


/* scroller css  padding:6px; background:#FFFFFF; border:1px solid #CCCCCC;  padding:6px; background:#FFFFFF; border:1px solid #FF0000;      */
#imageViewerBox1{width:100%;}

#viewer1 { height:88px; width:579px; overflow:hidden; float:left; padding:0px 0px 0px 0px; overflow:hidden; }

#viewerFrame1 { height:86px; width:579px; clear:both; padding:0; }
#viewer1 a {
	float:left;
	margin:0px 17px;
	cursor:pointer;
}

#viewer1 a img{ 
	padding:3px; background:#FFFFFF; border:1px solid #CCCCCC;
}

#viewer1 a:hover {
	float:left;
	margin:0px 17px;
	cursor:pointer;
}

#viewer1 a:hover img{
	padding:3px; background:#FFFFFF; border:1px solid #FF0000;
}

.leftButt02{ float:left; width:25px; height:86px; margin-top:1px;}
.rightButt02{float:right; width:25px; height:86px; margin-top:1px;}

/*  */
.redText{
	color:#cc0000;
	font-weight:bold;
}
.humUl{
	list-style:none;
}
.humUl li{
	padding:9px 0px 9px 30px;
	display:block;
}
.humUl li a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.humUl li a:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:underline;
}
.humourBul01{
	background:url(../images/joBulle01.gif) no-repeat 0px 5px;
}
.humourBul02{
	background:url(../images/joBulle02.gif) no-repeat 0px 5px;
}
.humourBul03{
	background:url(../images/joBulle03.gif) no-repeat 0px 5px;
}
.humourBul04{
	background:url(../images/joBulle04.gif) no-repeat 0px 11px;
}
.humourBul05{
	background:url(../images/joBulle05.gif) no-repeat 0px 5px;
}

/* scroller css  padding:6px; background:#FFFFFF; border:1px solid #CCCCCC;  padding:6px; background:#FFFFFF; border:1px solid #FF0000;      */
#imageViewerBox2{width:100%; background:url(../images/scrollBg.gif) repeat-x; }

#viewer2 {height:59px; width:565px; overflow:hidden;float:left; padding:12px 0px 11px 0px; overflow:hidden; }

#viewerFrame2 { height:59px; width:565px; clear:both; padding:0; overflow:hidden; }
#viewer2 a {
	float:left;
	background:url(../images/thum_off.gif) repeat-x bottom #FFF;
	border:1px solid #c5d0d5;
	width:110px;
	padding:5px 10px;
	margin:0px 4px;
	cursor:pointer;
	text-decoration:none;
}

#viewer2 a .box{
	height:47px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
}
#viewer2 a:hover {
	float:left;
	background:url(../images/thum_on.gif) repeat-x bottom #FFF;
	border:1px solid #d4d49d;
	width:110px;
	padding:5px 10px;
	margin:0px 4px;
	cursor:pointer;
	text-decoration:none;
}

#viewer2 a:hover .box{
	height:47px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#484848;
}

.leftButt01{ float:left; width:32px; height:83px;}
.rightButt01{float:right; width:32px; height:83px;}

#viewer2 a.viewActive{
	float:left;
	background:url(../images/thum_on.gif) repeat-x bottom #FFF;
	border:1px solid #d4d49d;
	width:110px;
	padding:5px 10px;
	margin:0px 4px;
	cursor:pointer;
	text-decoration:none;
}
#viewer2 a.viewActive .box{
	height:47px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#484848;
}


/* scroller css  padding:6px; background:#FFFFFF; border:1px solid #CCCCCC;  padding:6px; background:#FFFFFF; border:1px solid #FF0000;      */
#imageViewerBox3{width:100%; background:url(../images/scrollBg.gif) repeat-x; }

#viewer3 {height:59px; width:400px; overflow:hidden;float:left; padding:12px 0px 11px 0px; overflow:hidden; }

#viewerFrame3 { height:59px; width:400px; clear:both; padding:0; overflow:hidden; }
#viewer3 a {
	float:left;
	background:url(../images/thum_off.gif) repeat-x bottom #FFF;
	border:1px solid #c5d0d5;
	width:105px;
	padding:5px 10px;
	margin:0px 3px;
	cursor:pointer;
	text-decoration:none;
}

#viewer3 a .box{
	height:47px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
}
#viewer3 a:hover {
	float:left;
	background:url(../images/thum_on.gif) repeat-x bottom #FFF;
	border:1px solid #d4d49d;
	width:105px;
	padding:5px 10px;
	margin:0px 3px;
	cursor:pointer;
	text-decoration:none;
}

#viewer3 a:hover .box{
	height:47px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#484848;
}

.leftButt02{ float:left; width:21px; height:82px;}
.rightButt02{float:right; width:21px; height:82px;}

#viewer3 a.viewActive{
	float:left;
	background:url(../images/thum_on.gif) repeat-x bottom #FFF;
	border:1px solid #d4d49d;
	width:105px;
	padding:5px 10px;
	margin:0px 3px;
	cursor:pointer;
	text-decoration:none;
}
#viewer3 a.viewActive .box{
	height:47px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#484848;
}


/* scroller css  padding:6px; background:#FFFFFF; border:1px solid #CCCCCC;  padding:6px; background:#FFFFFF; border:1px solid #FF0000;      */
#imageViewerBox4{width:100%;}

#viewer4 { height:88px; width:400px; overflow:hidden; float:left; padding:0px 0px 0px 0px; overflow:hidden; }

#viewerFrame4 { height:86px; width:400px; clear:both; padding:0; }
#viewer4 a {
	float:left;
	margin:0px 11px;
	cursor:pointer;
}

#viewer4 a img{ 
	padding:3px; background:#FFFFFF; border:1px solid #CCCCCC;
}

#viewer4 a:hover {
	float:left;
	margin:0px 11px;
	cursor:pointer;
}

#viewer4 a:hover img{
	padding:3px; background:#FFFFFF; border:1px solid #FF0000;
}

.leftButt04{ float:left; width:21px; height:86px; margin-top:1px;}
.rightButt04{float:right; width:21px; height:86px; margin-top:1px;}

/* * */
.bookcell01{
	width:66px;
	height:77px;
	padding-bottom:10px;
	float:left;
}
.bookcell02{
	float:left;
	width:75%;
	padding-bottom:10px;
}

.innerLeftBox{
	padding-right:16px;
	width:670px;
	float:left;
}
.innerLeftBoxa{
	width:189px;
	padding-right:16px;
	float:left;
}
.innerLeftBoxb{
	width:465px;
	float:left;
	padding-bottom:10px;
}
.jockboxcat{
	padding:10px;
}
.jockboxcat a{
	display:block;
	background:url(../images/linkBullet.gif) no-repeat 0px 9px;
	padding:5px 0px 5px 10px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
.jockboxcat a:hover{
	display:block;	
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
}
a.jockboxcatact{
	display:block;	
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-decoration:none;
}
.shortBy{
	display:block;
	float:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	height:28px;
}
.orderCount{
	float:right;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
}
.jockNews{
	padding-top:10px;
	padding-bottom:20px;
	background:url(../images/v_line.gif) repeat-x bottom;
	margin-bottom:10px
}
.ratingBox{
	margin-bottom:8px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
.greyrating{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
.pageState{
	padding:5px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #c8c8c8;
	float:left;
}
.pageNumber{
	padding:0px 20px;
	float:left;
}
.pageNumber a{
	padding:5px 6px;
	float:left;
	margin-right:3px;
	border:1px solid #c8c8c8;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}
.pageNumber a:hover{
	padding:5px 6px;
	float:left;
	margin-right:3px;
	border:1px solid #c8c8c8;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#CC0000;
	text-decoration:none;
}
.nextPre{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
}
.nextPre a{
	background:url(../images/linkArrow.gif) no-repeat 90% 6px;
	padding:5px 15px 5px 6px;
	float:left;
	margin-right:3px;
	border:1px solid #c8c8c8;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}
.nextPre a:hover{
	background:url(../images/linkArrow_on.gif) no-repeat 90% 6px #CC0000;
	padding:5px 15px 5px 6px;
	float:left;
	margin-right:3px;
	border:1px solid #c8c8c8;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.nextPreBox{
	padding:10px;
	border:1px solid #cccccc;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
}
.nextPreBox a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000099;
	text-decoration:none;
}
.nextPreBox a:hover{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000099;
	text-decoration:underline;
}
.humorDetailBox{
	font-size:12px;
	line-height:21px;
}

/* box03 */

.box03{
	float:left;
	width:224px;
	padding-right:16px;
}
.box03a{
	float:left;
	width:224px;
}