#content .index {
  margin: 5px 10px;
}
#content .book_intro2 {
  margin: 5px 10px;
}
#content .book_intro2 strong {
  color: #f00;
}
#content .book .book_images .icon_rank {
  display: block;
  margin-left: 10px;
}


#button_cobuy { 
                display: block;
                margin: 5px 0;
                }
#contentCobuy {
  margin-top: 50px;
}
#contentCobuy em { 
  font-style: normal;
}
#cobuyTitle {
  margin-bottom: 10px;
}

#list_cobuy { 
  list-style: none;
  margin-left: 10px;
}
#list_cobuy li { 
  display: block;
  float: left;
  width: 140px; 
  height: 220px;
  margin-right: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  padding-top: 10px;
  font-size: 90%;
}
#list_cobuy li div {
  text-align: center;
  margin-bottom: 10px;
}

/* pack_show */
#pack_left {
  background-image: url(/images/content/back_left.jpg);
  background-repeat: no-repeat;
  height: 161px;
  float: left;
  width: 7px;
  margin-top:10px;
}

#pack_center {
  background-image: url(/images/content/back_center.jpg);
  height: 161px;
  float: left;
  margin-top:10px;
}

.center_text {
  text-align: center;
  margin-top: 8px;
}

.pack_content {
  margin-top:15px;
  float:left;
  margin-left:10px;
}

#pack_right {
  background-image: url(/images/content/back_right.jpg);
  background-repeat: no-repeat;
  height: 161px;
  float: left;
  width: 7px;
  margin-top:10px;
}

/* */
#button_buy {
  width: 100px;
  height: 20px;
  margin: 0px auto 5px auto;
  cursor: pointer;
}

#button_login {
 display: block;
 margin: 5px auto;
}

#linkto_bookmark
{
	padding: 10px;
	background: transparent url(/images/bg_linkto_bookmark.png) no-repeat; 
	width: 165px;
	height: 107px;
	margin-left: 20px;
}
#comingsoon1 {

	margin-top: 10px;
	background-image: url(/images/bg_top.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 110px;

}

#comingsoon2 {

	margin-top: 0px;
	color:#F70000;
	font-weight: bold;
	text-align: center;
	height: 28px;
	width: 110px;
	padding-top: 8px;

}




/*  */
/*
  This element is dynamically created. There is only one per page.
  xModalDialog assumes this class name.
*/
.xModalDialogGreyElement {
  position: absolute;
  overflow: hidden;
  width: 10px; height: 10px;
  left: -10px; top: -10px;
  z-index: 100;
  opacity: .3; /* CSS3 */
  /* background-color: #000; */
}

.clsModalDialog {
  position: absolute;
  left: -500px; /* Dialogs are hidden by placing them "off-screen". */
  top: -500px;
  width: 400px;
  padding: 1em;
  color: #000;
  background-color: #fff;
  border: 5px solid #ff8000;
  z-index: 101;
  font-size: 120%;
  text-align: center;
}

.clsModalDialog h4 {
  margin: .5em;
}

.clsModalDialog .commitButton {
  text-align:center;
  border: none;
}

.clsModalDialog .commitButton img {
  margin: 0 10px;
  cursor: pointer;
}

.clsModalDialog fieldset {
  margin:1em 0 0 0;
}




/*begin .review*/
#content .pager_details {
  float: left;
}
#content .review_button {
  margin-top: 5px;
  margin-left: 120px;
  float: left;
}
#content .review { 
  clear: both;
  padding-top: 10px;
  border-bottom: dotted 1px #000;
}
#content .review#bottom { 
  border: none;
}
#content .review .title strong { 
  margin: 0 10px;
  font-size: 120%;
}
#content .review .text { 
  line-height: 1.8;
  font-size: 100%;
  text-indent:0;
  margin-top: 10px;  
}
#content .review .title { 
  text-indent:0;
}
#content .error { 
  text-indent:0;
}
#content .review .eval { 
  text-indent:0;
  color: #555;
}
#contribute {
  padding-top: 20px;
  clear: both;
}
/*end .review*/