/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(images/mainbg.gif) 0 0 repeat-x #fff;
	color:#5E5E5E;
	font:13px/18px Arial, Helvetica, sans-serif;
	text-indent: 3px;
}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:158px; position:relative; margin:0 auto; background:url(images/topPan-bg.gif) 0 0 repeat-x #15AEFD; color:#fff; padding:0px;}
#topPan img.logo{
	width:445px;
	height:37px;
	position:absolute;
	top:33px;
	left:43px;
}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}

#topPan p{font-size:16px; padding:70px 0 0 43px;}

#topContactPan{
	width:179px;
	height:55px;
	position:absolute;
	top:16px;
	right:5px;
}
#topContactPan p.callus{background:#0C71A4; color:#fff; width:64px; height:14px; line-height:14px; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0px;}
#topContactPan p.no{font-size:26px; padding:4px 0 0;}

#topMenuPan{
	width:683px;
	height:16px;
	position:absolute;
	bottom:8px;
	left:118px;
}
#topMenuLeftPan{width:69px; height:16px; float:left; background:url(images/menu-leftbg.gif) 0 0 no-repeat;}
#topMenuMiddlePan{
	width:564px;
	height:16px;
	float:left;
}

#topMenuMiddlePan ul{width:544px; height:16px;}
#topMenuMiddlePan ul li{width:67px; height:16px; border-right:1px solid #E5E5E5; float:left;}
#topMenuMiddlePan ul li a{width:67px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}
#topMenuMiddlePan ul li.home{background:#fff; color:#0574AF; text-decoration:none; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact{width:67px; border-right:1px solid #fff;}
#topMenuMiddlePan ul li.contact a{width:67px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact a:hover{background:#fff; color:#0574AF; text-decoration:none;}

#topMenuRightPan{width:70px; height:16px; float:left; background:url(images/menu-rightbg.gif) 0 0 no-repeat;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
	width:780px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{
	width:527px;
	float:left;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 0;
}
#bodyLeftPan h2{width:410px; height:30px; background:url(images/border1.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h2 span{background:#fff; color:#046598;}

#bodyLeftPan h3{
	width:430px;
	height:30px;
	background:url(images/border2.gif) 100% 70% no-repeat #fff;
	color:#00111A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 28px;
}
#bodyLeftPan h3 span{background:#fff; color:#046598;}

#bodyLeftPan p{padding:7px 0 0;}
#bodyLeftPan p span{background:#fff; color:#046598; font-weight:bold;}

#bodyLeftPan ul{width:410px; margin:10px 0 0;}
#bodyLeftPan ul li{width:410px; height:20px;}
#bodyLeftPan ul li a{width:390px; height:20px; background:url(images/button.gif) 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:390px; height:20px; background:url(images/button-hover.gif) 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}

#bodyLeftPan p.more{background:#F3F3F3; color:#003D5C; width:410px; height:11px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }
#bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bodyLeftNextPan{width:410px; clear:both; padding:10px 0 0;}
#bodyLeftPan p.next{background:#F3F3F3; color:#003D5C; width:410px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bookcatagories{
	width:430px;
	position:relative;
	margin:0 auto;
	padding:5px 0 0;
}
#namePan{
	width:156px;
	float:left;
	color:#4F4F4F;
	font-size:14px;
	text-transform:uppercase;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 100% 85%;
}
#nameonePan{
	width:157px;
	float:left;
}
#nameonePan ul{width:156px;}
#nameonePan ul li{width:140px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

#pricePan{
	width:115px;
	float:left;
	color:#4F4F4F;
	font-size:14px;
	text-transform:uppercase;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 100% 85%;
}
#priceonePan{
	width:120px;
	float:left;
}
#priceonePan ul{width:143px;}
#priceonePan ul li{width:133px; height:20px; background:url(images/price-border.gif) 100% 50% no-repeat #fff; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

#discountPan{
	width:126px;
	float:left;
	color:#4F4F4F;
	font-size:14px;
	text-transform:uppercase;
	padding:0 0 0 12px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 100% 85%;
}
#discountonePan{
	width:127px;
	float:left;
}
#discountonePan ul{width:110px;}
#discountonePan ul li{
	width:100px;
	height:20px;
	background:url(images/dicount-border.gif) 100% 50% no-repeat #fff;
	color:#00111A;
	font-size:12px;
	font-weight:bold;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{
	width:229px;
	float:left;
	border:1px solid #DADADA;
	background:#F3F3F3;
	color:#1A1A1A;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
}
.Sale {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #F00;
	height: 19px;
	width: 100%;
	font-weight: bold;
	padding-bottom: 5px;
}


#bodyRightPan h2{
	width:195px;
	height:35px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin:6px 8px 16px;
	padding:0 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 34px;
}
#bodyRightPan h2 span{background:#fff; color:#046598;}

#bodyRightPan h3{
	width:195px;
	height:35px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#00111A;
	margin:6px 8px 0;
	padding:0 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 34px;
}
#bodyRightPan h3 span{background:#fff; color:#046598;}

#bodyRightPan ul{width:180px; margin:0 0 17px 29px;}
#bodyRightPan ul li{width:180px; height:18px;}
#bodyRightPan ul li a{width:160px; height:18px; display:block; background:url(images/button.gif) 0 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}
#bodyRightPan ul li a:hover{background:url(images/button-hover.gif) 0 6px no-repeat #F3F3F3; color:#797878; text-decoration:none;}

#bodyRightPan p{padding:0px 29px 0px 29px;}
#bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; background:#F3F3F3; color:#1A1A1A; font-weight:bold;}

#bodyRightPan p.more{background:#fff; color:#003D5C; width:175px; height:11px; margin:10px 29px 10px; padding:0px; line-height:11px; }
#bodyRightPan p.more a{display:block; width:44px; height:11px; background:#F3F3F3; color:#003D5C; text-decoration:none; margin:0 0 0 97px; font-size:11px; line-height:11px; text-align:center; text-transform:uppercase;}
#bodyRightPan p.more a:hover{
	display:block;
	width:69px;
	height:11px;
	background:#E0DEDE;
	color:#003D5C;
	text-decoration:none;
}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:72px 0 0;}

#footerPan{width:683px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}

#footerPan ul{width:624px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#010101; background:#F3F3F3; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	width:304px;
	background:#F3F3F3;
	color:#04496D;
	position:absolute;
	top:23px;
	left:40px;
	font-size:12px;
}

#footerPan ul.templateworld{
	width:590px;
	background:#F3F3F3;
	color:#444;
	display:block;
	position:absolute;
	top:40px;
	left:40px;
	font-size:10px;
}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F3F3F3; display:block; color:#444; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{
	width:60px;
	height:13px;
	display:block;
	position:absolute;
	top:27px;
	left:306px;
}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}

#footerPancss{
	width:50px;
	height:13px;
	display:block;
	position:absolute;
	top:26px;
	left:369px;
}
#footerPancss a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}