/* Zoe Biz 01 - By Jose Erlino M. Lontok. http://jelontok.com | http://myhedspace.com */

body {
margin:0;

padding:10px 0px;
text-align:center;
background-color:#666;
font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, p {
margin:0;
padding:0;
font-weight:normal;
}

#wrap {
width:780px;
margin:0 auto;
text-align:left;

}

#header {
height:100px;
background:url(images/header_bg.jpg) repeat-x;
}

#header h1{
font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;
text-transform:uppercase;
padding: 20px 0 0 20px
}
#header small{
padding: 0 0 0 20px
}

#topnav {
height:40px;
background:url(images/topnav_bg.jpg) repeat-x;
}

#topnav_list {
float:right;
padding-top:12px;
}

#topnav_list ul {
list-style-type:none;
padding:0;
margin:0;
color:#666666;
text-transform:uppercase;
font:bold 12px Arial, Helvetica, sans-serif;
}

#topnav_list ul li{
float:left;
margin-right:10px;
}

#topnav_list ul li a{
color:#666666;
text-decoration:none;
}

#topnav_list ul li a:hover{
color:#000;
text-decoration:underline;
}

#mid_banner {
height:260px;
background:url(images/mid_banner-2.png) no-repeat;
clear:both;
}

.price{
    text-align:right;
    font-style:normal;
    font-weight:bold;
    margin:10px 0px;
}
.price a, .price a:visited
{
	color:#5E8FCB;	
    text-decoration:underline;
}

.price a:hover{
    text-decoration:underline;
	color:#71215E;
}

#mid_banner_text {
width:380px;
font:11px "Lucida Sans Unicode",sans-serif;
text-align:justify;
position:absolute;
margin: 60px 0 0 20px;
}
#mid_banner_text h3{
    font-size:120%;
}
.content_box_inside li{
    list-style:none;
    font:11px "Lucida Sans Unicode",sans-serif;
}
#mid_banner_text p{
	color:#333;
	text-align: left;
}

div.blue-ribbon{
    margin-top:15px;
    margin-bottom:15px;
    width:370px;
    height:4px !important;
    background-color:#005FA3;
    padding:0px;
}
#mid_banner_text h2{
    font-size:22px;
    font-family:"Lucida Sans Unicode",sans-serif;
    
}

#mid_banner_text strong {
color:#2F6182;
}

#content {
background:url(images/content_bg.jpg) #FFFFFF repeat-x;
padding:20px 0 5px 0;

}

#content p {
    font-family:"Lucida Sans Unicode",sans-serif;
    font-size:11px;
    color:#333333;    
}

#content_box {
width:760px;
border:1px #CCCCCC solid;
background:  #fff url(images/backdrop.jpg) bottom right no-repeat;
margin:0 auto;
}

#content_box h2 {
color:#2F6182;
font-size:18px;
}

#content_box  h2, #content_box p{
padding: 5px 0;
text-align:justify;
}

.content_box_inside {
padding:20px 20px 10px 20px;

}

.content_box_inside h3{
    padding:0px;
    font-size:14px;
}
#footer {
text-align:center;
padding: 20px 0;
}

#footer a{
text-decoration:none;
color:#333;
}

.clear{
    clear:both;
}
#related{
    background:#FFFFFF url(images/content_bg.jpg) repeat-x scroll 0 0;
    margin:0px auto;
    width:100%;
    /*border:1px solid red;*/
}

#related-wrap{
    margin:0px auto;
    padding-left:5px;
    /*border:1px solid blue;*/
}
#related .morebook{
    float:left;
    width:380px;
    /*border:1px solid #ccc;*/
    margin-right:5px;
    padding-bottom:10px;
}
.morebook img{
    max-height:130px;
    max-width:130px;
    width:130px;
    float:left;
    margin:5px;
}
.morebook p{
    font-size:11px;
    color: #333;
    font-family:"Lucida Sans Unicode",Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
.morebook h4 a{
    font-family:"Lucida Sans Unicode",Tahoma, Arial, Verdana, Helvetica, sans-serif;
    color:#005FA3;
    text-decoration:none;
}
.morebook h4 a:hover{
    text-decoration:underline;
}
#related h2{
    font-size:16px;
    font-weight:bold;
    font-family:"Lucida Sans Unicode",Tahoma, Arial, Verdana, Helvetica, sans-serif;
    padding-top:18px;
}

h3.chapheading{
   text-decoration:underline;
   cursor:pointer;
}