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

/* Wrapper */

#wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

/*----TOP PANEL----*/
#topPan{
    width:778px; 
    height:158px; 
    position:relative;
    margin:0 auto; 
    /* background:url(../newimages/topPan-bg.gif) 0 0 repeat-x #15AEFD; */ 
    color:#fff; 
    padding:0px;
}
#topPan img.logo{
    /* width:245px; 
    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: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:16px; 
    position:absolute; 
    bottom:9px; 
    left:48px;
}
#topMenuLeftPan{
    width:69px; 
    height:16px; 
    float:left; 
    background:url(../newimages/menu-leftbg.gif) 0 0 no-repeat;
}
#topMenuMiddlePan{
    width:544px; 
    height:16px; 
    float:left;
}

#topMenuMiddlePan ul{
    width:544px; 
    height:16px;
}
#topMenuMiddlePan ul li{
    width:80px; 
    height:16px; 
    border-right:1px solid #E5E5E5; 
    float:left;
}
#topMenuMiddlePan ul li a{
    width:80px; 
    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(../newimages/menu-rightbg.gif) 0 0 no-repeat;
}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
    float: left;
    width:900px; 
    /* position:relative; */
    margin-left: 20px;
    padding:5px 0 0;
}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{
    width:640px; 
    float:left; 
    padding:5px;
}

#bodyLeftPan h2{width:510px; height:30px; background:url(../newimages/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:510px; height:30px; background:url(../newimages/border2.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h3 span{background:#fff; color:#046598;}

#bodyLeftPan h4{width:410px; height:30px;color:#00111A; font:20px/20px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h4 span{background:#fff; color:#046598;}

#bodyLeftPan h5{width:410px; height:30px;color:#00111A; font:17px/17px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h5 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(../newimages/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(../newimages/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(../newimages/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(../newimages/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

#pricePan{width:106px; float:left; background:url(../newimages/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(../newimages/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; background:url(../newimages/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(../newimages/dicount-border.gif) 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

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

#bodyRightPan h2{width:160px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 16px; padding:0 0 0 20px;}
#bodyRightPan h2 span{background:#fff; color:#046598;}

#bodyRightPan h3{width:160px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
#bodyRightPan h3 span{background:#fff; color:#046598;}

#bodyRightPan ul{width:160px; margin:0 0 17px 10px;}
#bodyRightPan ul li{width:160px; height:18px;}
#bodyRightPan ul li a{width:160px; height:18px; display:block; background:url(../newimages/button.gif) 0 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}
#bodyRightPan ul li a:hover{background:url(../newimages/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:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{
    height:85px; 
    background:url(../newimages/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:204px; 
    background:#F3F3F3; 
    color:#04496D; 
    position:absolute; 
    top:23px; 
    left:40px; 
    font-size:12px;
}

#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(../newimages/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(../newimages/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(../newimages/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(../newimages/gray-arrow.gif) 35px 3px no-repeat #fff; 
    color:#4F4F4F;
}

#pickup
{
    border: 1px solid #C7C7C7;
    padding: 3px;
    margin: 2px;
    background-color: #E1EFFF;
    color: #000000;
    height:200px;
}  

#pickup img
{
    width: 108px;
    height: 80px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    border: none;
    background-color: #E1EFFF;
}

#pickup a img:hover
{
    border: 1px solid #000;
}

#pickup span
{
    color: #046598;
    font-weight: bold;
}

#mytable
{
}

#mytable table {
	/* width:90%; */
	border-top:1px solid #649FF8;
	border-right:1px solid #649FF8;
	/* margin:1em auto; */
	border-collapse:collapse;
}
#mytable caption {
    font:15px/15px Georgia, "Times New Roman", Times, serif;
	color: #046598;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
    font-weight: bold;
}	
#mytable tr.odd td	{
	background:#f7fbff;
}
#mytable tr.odd .column1{
	background:#D2E8FF;
}	
#mytable .column1	{
	background:#E0F7FF;
}
#mytable td {
	color:#2F0824;
    border-top:1px solid #649FF8;
	border-bottom:1px solid #649FF8;
	border-left:1px solid #649FF8;
    border-right:1px solid #649FF8;
	padding:.3em 1em;
	/* text-align:center; */
}				
#mytable th {
	font-weight:normal;
	color: #2F0824;
	text-align:left;
	/* border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8; */
    border: 1px solid #649FF8;
	padding:.3em 1em;
}							
#mytable thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#2F0824
}	
#mytable tfoot th {
	text-align:center;
	background:#f4f9fe;
}	
#mytable tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#2F0824;
}		
#mytable tfoot th em {
	color:#2F0824;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

#mytable ol, ul {
	list-style: none;
}

#pagination
{
	/* float:left;*/
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom:10px;
}

#pagination a, #pagination strong {
	background: #ffffff;
	padding: 4px 7px;
	text-decoration: none;
	border: 1px solid #cac9c9;
	color: #292929;
	font-size: 13px;
}

#pagination strong{
	color:#ffffff;
	background: #2e6ab1;
	font-weight:bold;
}	

#pagination a:visited {
	color:#0063e3;
	text-decoration:none;
}

#pagination a:hover {
	border:solid 1px #666666;
}

label.error 
{
    color: red; 
    border:0;
    background-color: transparent;/* #F7F7F7; */ 
}       
.error
{
  border: 1px solid #FF0000;
  background-color: #FFFFCC;
}