/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background: url(../images/mainbg.gif) 0 0 repeat-x #fff;
	color:#0000FF;
	font:11px/16px "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
}

/* von jan */

a {text-decoration:none}
img {border:none}
/* end von jan */



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); color:#FF3300; padding:0px;}
#topPan img.logo{width:190px; height:34px; 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:159px; height:51px; position:absolute; top:43px; right:240px;}
#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:18px;
	position:absolute;
	bottom:7px;
	left:56px;
	z-index: 3;
}
#topMenuLeftPan{width:69px; height:16px; float:left; background:url(../images/menu-leftbg.gif) 0 0 no-repeat;}
#topMenuMiddlePan{width:544px; 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:#3A3A3A; font:10px/16px "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif  ; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li a:hover{background:#fff; color:#EA900C; text-decoration:none;}
#topMenuMiddlePan ul li.home a{background:#fff; color:#EA900C; text-decoration:none; font:10px/16px "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, 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 "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact a:hover{background:#fff; color:#EA900C; 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:683px; position:relative; margin:0 auto; padding:25px 0 0;}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{
	width:410px;
	float:left;
	padding:12px 36px 0 0;
}
#bodyLeftPan a img{
	margin-right: 3px;
	padding: 1px 0 3px 0;
	background-color: #CC3300;
	border-left-color: #A4A4A4;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right-color: #A4A4A4;
	margin-bottom: 4px;
}
#bodyLeftPanimage{width:410px; float:left;}
#bodyLeftPan h2{
	width:410px;
	height:30px;
	background:url(../images/border1.gif) 100% 70% no-repeat #fff;
	color:#333333;
	font:26px/36px "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
	font-style: bold;	/*font-family: "Lucida Handwriting";*/
}
#bodyLeftPan h2 span{background:#fff; color:#EA900C ;}
#bodyLeftPan h5 span{
	background:#fff;
	color:#3A3A3A;
	font-size: 13px;
}
#bodyLeftPan h5 span#selected{
	font-size:12px;
	color:#3A3A3A;
	font-weight: normal;
	padding: 1px 0 0;
}
#bodyLeftPan h3{width:410px; height:30px; background:url(../images/border2.gif) 100% 70% no-repeat #fff; color:#333333; font:20px/29px Verdana, Arial, Helvetica, sans-serif;}
#bodyLeftPan h3 span{background:#fff; color:#EA900C}

#bodyLeftPan p{
	padding:0px 0 0;
	text-align: left;
}
#bodyLeftPan p span{
	background:#fff;
	color:#3A3A3A;
	font-weight:bold;
}

#bodyLeftPan ul{width:410px; margin:10px 0 0;}
#bodyLeftPan ul li{width:410px; height:20px;}
#bodyLeftPanimage ul{width:410px; margin:10px 0 0;}
#bodyLeftPanimage 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:#333333; text-decoration:underline; padding:3px 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:410px; position:relative; margin:0 auto; padding:5px 0 0;}
#namePan{width:156px; float:left; background:url(../images/name-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#nameonePan{width:156px; 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:106px; float:left; background:url(../images/price-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#priceonePan{width:143px; 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:#333333; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

#discountPan{width:126px; float:left; background:url(../images/discount-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding:0 0 0 12px;}
#discountonePan{width:110px; 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:#333333; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{width:235px; float:left; border:1px solid #DADADA; background:#F3F3F3; color:#1A1A1A; padding:0 0 28px;}

#bodyRightPan h2{
	width:195px;
	height:35px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#3A3A3A;
	font:18px/34px "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
	margin:6px 8px 16px;
	padding:0 0 0 20px;
}
#bodyRightPan h2 span{background:#fff; color:#EA900C;}

#bodyRightPan h3{
	width:195px;
	height:35px;
	display:block;
	border:1px solid #DADADA;
	background:#fff;
	color:#333333;
	font:18px/34px "Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
	margin:6px 8px 0;
	padding:0 0 0 20px;
}
#bodyRightPan h3 span{background:#fff; color:#EA900C;}

#bodyRightPan ul{width:180px; margin:0 0 17px 29px;}
#bodyRightPan ul li{
	width:180px;
	height:20px;
	font-family: "Trebuchet MS";
}
#bodyRightPan ul li a{
	width:160px;
	height:20px;
	display:block;
	background:url(../images/button.gif) 0 6px no-repeat #F3F3F3;
	color:#3A3A3A;
	text-decoration:none;
	padding:3px 0 0 20px;
	font-size: 12px;
}
#bodyRightPan ul li.home a{color:#EA900C;}

#bodyRightPan ul li a:hover {background:url(../images/button-hover.gif) 0 6px no-repeat #F3F3F3; color:#EA900C; text-decoration:none;}

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

#bodyRightPan p.more{background:#fff; color:#000000; 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:#000000; 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:44px; height:11px; background:#E0DEDE; color:#000000; 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:"Lucida Grande", Arial, Tahoma, "Trebuchet MS", Verdana, 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:262px;
	background:#F3F3F3;
	color:#04496D;
	position:absolute;
	top:24px;
	left:39px;
	font-size:12px;
	height: 22px;
}

#footerPan ul.templateworld{width:250px; 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:26px; left:260px;}
#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:320px;}
#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;}
.floatimgleft {	float:left; margin-top:7px; margin-right: 7px; }