body{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#444444;
background:url(../images/topSubBg.jpg) top center repeat-x;}
#bottomWrapper .bottomCon .topBotCon{height:40px;width:100%;}
#middleWrapper .middleLeft{width:263px;padding:0px 20px 30px 0px;float:left;}
/***********************************************************
Changes By Eric Mod on 25th August 2008
***********************************************************/
#bodyWrapper{}
.f{background:url(../images/background.jpg) top center no-repeat;}
.a{background:url(../images/background1.jpg) top center no-repeat;}
.b{background:url(../images/background2.jpg) top center no-repeat;}
.c{background:url(../images/background3.jpg) top center no-repeat;}
.d{background:url(../images/background4.jpg) top center no-repeat;}
.e{background:url(../images/background5.jpg) top center no-repeat;}
/***********************************************************
Contact & Enquiry Form Change By Eric Mod on 27th August 2008
***********************************************************/
.middleRight .contact{float:left;width:350px;_width:330px;padding-right:10px;}
.middleRight .frame{float:left;width:290px;}
.middleRight .enquiry{float:left; width:280px;padding:20px 0px 0px 20px;}
.middleRight .btnEnquiry{
float:left;font-size:14px;display:block;width:138px;height:33px;border:0px;font-weight:bold; cursor:pointer;
background:url(../images/btn/btnEnquire.png) no-repeat;color:#ffffff;margin-top:1px;}
#form_enquiry{}
#form_enquiry .formContainer{padding:15px 0px 10px 0px;float:left;}
#form_enquiry .formRow{width:100%;float:left;padding-bottom:4px;padding-top:4px;}
#form_enquiry .formRow label{width:50px;float:left;text-align:left;padding-bottom:3px;padding-top:5px;}
#form_enquiry .formRow input{width:210px;}	
#from_enquiry .formRow .formText{height:100px;width:300px; overflow:auto;}

#form_search{height:55px;padding-top:15px;padding-bottom:20px;}
#form_search .formRow{width:100%;float:left;padding-bottom:4px;padding-top:4px;}
#form_search .searchBtn{background:transparent url(../images/btnSearchAgain.jpg) no-repeat scroll 0 0;
border:0 none;float:left;height:33px;width:79px;}
#form_search input{padding:2px;width:210px;}	

.categoryList{width:600px;margin:0px;padding:0px;}
.categoryList td a{color:#B02A11;text-decoration:none;line-height:17px;
background:url(../images/bookshop/bdot.png) left no-repeat;margin:0px;padding:0px;padding-left:14px;
}
* html .categoryList td a
{
 	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/bookshop/bdot.png', sizingMethod='image'); 		
}

.categoryList td a:hover{color:#B02A11;text-decoration:underline;}

.section .search{padding:5px 0px 10px 0px;}
.section .search .searchRow{line-height:22px;padding:4px 0px 14px 0px;margin:5px 0px 5px 0px;}
.section .search .dot{
background:url(../images/bookshop/searchDot.png) bottom center repeat-x;}
.section .search .searchRow .searchTitle{color:#7a8550;}
.section .search .searchRow p{font-size:12px;padding:2px 0px 2px 0px;margin:0px;}
.section .search .searchRow p p{padding:2px 0px 2px 0px;}
.section .search .searchRow p a{font-size:12px;font-weight:bold;}
.section .search .searchRow p a:hover{text-decoration:underline;}

#bookDetail{width:100%;float:left;}
#bookDetail .bookRowOut{padding:10px;float:left;}
#bookDetail .bookRowImg{float:left;width:100px;padding:10px;}
#bookDetail .bookRowContent{float:left;width:540px;}
#bookDetail .bookRowContent h3{font-size:18px;color:#7A8550;padding:0px 0px 10px 0px;}
#bookDetail .bookRowContent h4{font-size:14px;color:#B02A11;padding:0px 0px 10px 0px;}
#bookDetail .bookRowContent p{padding:0px;font-size:13px;color:#4444444;float:left;margin:5px 0px 5px 0px;padding-top:15px;}
#bookDetail .btnRow{padding:20px 20px 0px 0px; float:left;}
#bookDetail .bookRowContent .btnBack{width:176px;height:38px;background:url(../images/checkout/btnContinue.jpg) no-repeat;border:0px;
cursor:pointer;}

#bookDetail .bookRowContent .lnkView{padding:0px 0px 5px 0px;float:left;}
#bookDetail .bookRowContent a{color:#b33018;font-weight:bold;text-decoration:underline;}
#bookDetail .bookRowContent .btnDv{float:left;width:100%;height:33px;padding:3px 0px 0px 0px;}
#bookDetail .bookRowContent .btnDv .col1{float:left;width:220px;padding:8px 0px 0px 10px;vertical-align:middle;}
#bookDetail .bookRowContent .btnDv .col2{float:left;padding:8px 0px 0px 0px;width:150px;}
#bookDetail .bookRowContent .btnDv .col4{float:left;padding:8px 0px 0px 0px;width:70px;}
#bookDetail .bookRowContent .btnDv .col3{float:left;width:70px;}

#result {background-color:#F4F6EB;width:646px;float:left;margin-bottom:20px;
padding:25px 15px 20px 24px;_padding-bottom:0px;}
#result .resultRow{width:100%;float:left;margin:0px;padding:0px;}
#result .resultRow .resultSelect {padding:0px 0px 0px 10px;margin:0px;}

#result .resultRowInner{padding:15px 0px 0px 0px;float:left; width:100%;margin:0px;_padding:0px 0px 0px 0px;_margin-bottom:0px;}
#result .resultBrowse{float:left;width:215px;font-weight:bold;text-align:right;padding-top:3px;}
#result .resultBox{float:left;padding:0px 0px 0px 10px;}
#result .resultDot{background:url(../images/bookshop/dotline.png) center bottom no-repeat;padding-bottom:20px;padding-top:25px;}
#result .resultLabel{float:left;width:190px;font-weight:bold;text-align:right;}
#result .resultText{float:left;padding:0px 0px 0px 10px;}
#result .researchTable{float:left;width:280px;}
#result .researchTable a{color:#000000;}

/***********************************************************
registration
Eric's Update on 26th August 2008
***********************************************************/
#registration{}
#registration span{font-size:12px;}
#registration .spacer{height:30px;display:block;float:left;}
#registration h2{font-size:18px;color:#7A8550;padding-bottom:10px;font-weight:normal;}
#registration h2.black{color:#000000;}
#registration .regContainer{margin:20px 0px 0px 0px;padding:23px 35px 30px 30px;
background-color:#f0eff0;float:left;width:637px;}

#registration .regContainer .bookRowInner{width:647px;float:left;padding:10px 0px 20px 0px;}
#registration .regContainer .bookRowInner .bookNumber{float:left;width:30px;padding-left:4px;}
#registration .regContainer .bookRowInner .productIndex{font-size:18px;font-weight:normal;padding-bottom:10px;}
#registration .regContainer .bookRowInner .bookDetail{float:left;width:600px;line-height:16px;}
#registration .regContainer .bookRowInner .bookDetail .heading{color:#7a8550;font-weight:bold;line-height:19px;text-transform:uppercase;text-decoration:none;}
#registration .regContainer .bookRowInner .bookDetail .heading a:hover{color:#7a8550;font-weight:bold;line-height:19px;text-transform:uppercase;text-decoration:underline;}
#registration .regContainer .bookRowInner .bookDetail a{color:#B02A11;font-size:13px; text-decoration:underline;}
#registration .regContainer .bookRowInner .bookDetail p{padding:0px;padding-top:5	px;margin:0px;}

#registration .regContainer .formSection{padding:15px 0px 20px 0px;}
#registration .regContainer .regRow{width:100%;float:left;padding-bottom:2px;padding-top:2px;}
#registration .regContainer .dot{background:url(../images/bg/dot.jpg) bottom repeat-x;}
#registration .regContainer .regRow .regLabel{width:200px;float:left;text-align:right;padding-top:3px;}
#registration .regContainer .regRow .regLbl{width:400px;float:left;text-align:left;padding:3px 0px 0px 15px;color:#000000;}
#registration .regContainer .regRow .regLabel span{color:red;font-weight:bold;font-size:12px;}
#registration .regContainer .regRow .regBox{width:400px;float:left;padding:0px 0px 0px 10px;}
#registration .regContainer .regRow .regBox .regText{font-size:12px; width:400px;}
#registration .regContainer .regRow .regBox input,select{padding:2px;}
#registration .regContainer .regRow .regBox select{margin:0px;}
#registration .regContainer .regRow .regBox .shortSelect{width:97px;}
#registration .regContainer .regRow .regBox .longSelect{width:297px;}
#registration .regContainer .regRow .regBox .middleBox{width:190px;}
#registration .regContainer .regRow .regBox .longBox{width:290px;}
#registration .regContainer .regRow .regBox .shortBox{width:90px;}
#registration .regContainer .regRow .lbl{padding-top:5px;text-align:left;padding-left:0px;}
#registration .regContainer .regBtn{padding-top:20px;}
#registration .regContainer .errorLabel{padding:10px 0px 10px 0px;}

#popup{float:left;width:400px;padding:0px;margin:0px;height:800px;}
#popup h1{font-size:16px;color:#b33018;}
#popup .regRow{float:left;width:380px;padding:4px 5px 4px 15px;}
#popup .regRow .dot{background:url(../images/bg/dot.jpg) bottom repeat-x;}
#popup .regRow .regLabel{float:left;width:120px;font-size:13px;padding-top:3px;}
#popup .regRow .regBox{float:left;width:240;}
#popup .regRow .regBox input{padding:2px;width:240px;}
#popup .regBtn{padding-top:10px;}
#popup .btnLogon{width:71px;height:38px;background:url(../images/bookshop/btnDownload.png) no-repeat left center;border:0px;float:left;}
#popup .btnDownload{}
.receipt{float:left;}
.totalRow{float:left;}
.totalRowInner{padding:20px 20px 20px 20px;float:float;}

.bookNav .imgBtn{width:79px;height:35px;background:url(../images/bookshop/btnSearch.png) no-repeat;border:0px;}
* html .bookNav .imgBtn{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bookshop/btnSearch.png', sizingMethod='scale');}
#registration .regContainer a{color:#B02A11;text-decoration:none;font-weight:bold;}
#registration .regContainer a:hover{text-decoration:underline;}
#registration .regChange {width:86px;height:38px;background:url(../images/checkout/btnChangePassword.jpg) no-repeat;border:0px;}
#registration .regNext{width:74px;height:38px;background:url(../images/checkout/btnNext.jpg) no-repeat;border:0px;}
#registration .regPrevious{width:94px;height:38px;background:url(../images/checkout/btnPrevious.jpg) no-repeat;border:0px;}
/***********************************************************
checkOut
***********************************************************/
#checkOut{}
#checkOut .checkContainer .heading{color:#B02A11;font-weight:bold;font-size:15px;}
#checkOut .checkContainer .text{font-size:13px;font-weight:normal;}
#checkOut .checkContainer .totalLabel{padding:20px 0px 00px 500px;font-weight:bold;}
#checkOut .checkContainer{margin:20px 0px 0px 0px;padding:23px 35px 30px 30px;background-color:#f0eff0;float:left;width:657px;}
#checkOut .checkContainer .emptyCart{padding:10px 5px 30px 5px;}
#checkOut .checkContainer .shoppingCart{padding:10px 5px 40px 5px;}
#checkOut .btnCancel{width:77px;height:37px;background:url(../images/checkout/btnCancel.jpg) no-repeat;border:0px;}
#checkOut .btnContinue{width:176px;height:38px;background:url(../images/checkout/btnContinue.jpg) no-repeat;border:0px;}
#checkOut .btnCheckout{width:115px;height:38px;background:url(../images/checkout/btnCheckOut.jpg) no-repeat;border:0px;}
#checkOut .btnRecalculate{width:129px;height:38px;background:url(../images/checkout/btnRecalculate.jpg) no-repeat;border:0px;}
#checkOut .btnRemove{width:89px;height:38px;background:url(../images/checkout/btnRemove.jpg) no-repeat;border:0px;}
#registration .btnLogon{width:71px;height:38px;background:url(../images/checkout/btnLogin.jpg) no-repeat;border:0px;}
/***********************************************************
bookshop section
***********************************************************/
#middleWrapper .middleLeft .bookNav{
background: url(../images/bookshop/bg.jpg) no-repeat;
}
#middleWrapper .middleLeft .bookNav .bookNavInner{padding:40px 0px 0px 40px; min-height:150px;}
*html #middleWrapper .middleLeft .bookNav .bookNavInner{padding:40px 0px 0px 40px; height:150px;}
#middleWrapper .middleLeft .bookNav .bookNavInner .navHeight{min-height:90px;height:auto!important;height:90px;}
#middleWrapper .middleLeft .bookNav .bookNavInner h2{padding-bottom:10px;font-size:16px;}
#middleWrapper .middleLeft .bookNavBottom{
width:248;height:154px;display:block;background:url(../images/bookshop/bottomBg.jpg) bottom left no-repeat;margin-top:-2px;}
#middleWrapper .middleLeft .bookNav .bookNavInner ul{
list-style:none;/*list-style-image:url(../images/bookshop/dot.jpg);padding-left:13px;*/font-size:14px;color:#b02a11;padding-left:0px;}
#middleWrapper .middleLeft .bookNav .bookNavInner li{width:180px;padding:0px 0px 1px 13px;margin:px 0px 1px 0px;font-weight:bold;
background:url(../images/bookshop/dot.png) top left no-repeat;vertical-align:top;}
#middleWrapper .middleLeft .bookNav .bookNavInner li.active a{text-decoration:underline;}
#middleWrapper .middleLeft .bookNav .bookNavInner li ul li{padding:0px 0px 1px 13px;margin:px 0px 1px 0px;font-weight:normal;font-size:13px;}
#middleWrapper .middleLeft .bookNav .bookNavInner li a{color:#b02a11;text-decoration:none;}
#middleWrapper .middleLeft .bookNav .bookInner{font-size:12px;padding:20px 0px 0px 0px;}
#middleWrapper .middleLeft .bookNav .bookInner input{font-size:12px;}
#middleWrapper .middleLeft .bookNav .bookInner h3{color:#4b5c0c;font-size:14px;padding:0px 0px 5px 0px;font-weight:bold;}

#middleWrapper ul.category{color:#b02a11;width:580px;padding-left:15px;float:left; column-count:2;
list-style-image:url(../images/listArrow.jpg);}
#middleWrapper ul.category li{padding:0px 0px 2px 0px;margin:0px;margin-left:0px;}
#middleWrapper ul.category li { float: left; width: 48%; }
#middleWrapper ul.category li:nth-child(odd) { clear: left; }
/***********************************************************
sideNav section
***********************************************************/
#middleWrapper .middleLeft .sideNav{background: url(../images/leftNavBg.jpg) no-repeat;min-height:260px;}
*html #middleWrapper .middleLeft .sideNav{height: 260px;}
#middleWrapper .middleLeft .sideNav .sideNavInner{padding:40px 0px 0px 40px;}
#middleWrapper .middleLeft .sideToolInner{padding:30px 0px 20px 25px;}
#middleWrapper .middleLeft .sideToolInnerCon{padding:10px 0px 0px 30px;}
#middleWrapper .middleLeft .sideNav .sideNavInner ul{list-style-image:url(../images/listArrowSub.jpg);font-size:14px;color:#b02a11;padding-left:13px;}
#middleWrapper .middleLeft .sideNav .sideNavInner li{padding:0px 0px 2px 0px;margin:0px;font-weight:bold;}
#middleWrapper .middleLeft .sideNav .sideNavInner li a{color:#b02a11;text-decoration:none;}
#middleWrapper .middleLeft .sideNav .sideNavInner li.active{font-weight:normal;color:#4b5c0c;}
#middleWrapper .middleLeft .sideNav .sideNavInner li.active a{color:#4b5c0c;}
#middleWrapper .middleLeft .sideNav .sideNavInner li.active ul li.active a{color:#4b5c0c;}
#middleWrapper .middleLeft .sideNav .sideNavInner li.active ul li a{color:#b02a11;}
#middleWrapper .middleLeft .viewTool{margin:20px 0px 0px 0px;height:164px;background: url(../images/bookshop/leftUnderBg.jpg) no-repeat;}
#middleWrapper .middleLeft .surveyBox{margin:0px 0px 0px 0px;height:234px;background: url(../images/bookshop/surveyBg.jpg) no-repeat;}
#middleWrapper .middleLeft .viewTool h2, 
#middleWrapper .middleLeft .surveyBox h2
{font-size:16px;padding-left:8px;}
#middleWrapper .middleLeft .sideNav .sideNavInner li ul{list-style-image: none;font-size: 12px;color: #b02a11;}
#middleWrapper .middleLeft .sideNav .sideNavInner li ul li a{font-weight: normal;}
/***********************************************************
middleRight section
***********************************************************/
#middleWrapper .middleRight{width:687px;


padding:0px 10px 30px 0px;float:left;height:400px;min-height:400px;height:auto!important;}
#middleWrapper .middle_right{width:960px;padding:0px 10px 30px 0px;float:left;height:400px;min-height:400px;height:auto!important;}
#middleWrapper .middle_right h1{padding-top:0px;font-size:26px;color:#7a8550;padding-bottom:15px;}
#middleWrapper .middleRight .middleRightMid{width:355px;font-size:14px;}
#middleWrapper .middleRight h1{padding-top:0px;font-size:26px;color:#7a8550;padding-bottom:15px;}
#middleWrapper .middleRight .section h1{padding-top:0px;font-size:20px;color:#000000;padding-bottom:10px;}
#middleWrapper .middleRight .middleRightRight{background-color:#f0eff0;float:right;width:305px;font-size:14px;}
#middleWrapper .middleRight .middleRightRightInner{padding:25px 25px 40px 35px;}
#middleWrapper .middleRight .middleRightRightInner ol{padding:0px 0px 0px 23px;margin:0px;}
#middleWrapper .middleRight .middleRightRightInner li{color:#000000;padding:0px 0px 2px 0px;margin:0px;}
#middleWrapper .middleRight .middleRightRightInner li a{text-decoration:underline;color:#000000;}
#middleWrapper .middleRight ul{padding:0px 0px 0px 25px;}
#middleWrapper .middleRight li{list-style-type:circle outside;}
#middleWrapper .middleRight li span.text{color:#444444;}
/***********************************************************
middleRight Row section

Eric's Update on 26th August 2008
***********************************************************/
#middleWrapper .middleRight .spacer{width:100%;display:block;height:30px;}
#middleWrapper .middleRight .bookRow{width:687px;

float:left;}

#middleWrapper .middleRight .bookRow .headerRow{width:100%;text-align:right;padding:5px 0px 5px 0px;float:left;}
#middleWrapper .middleRight .bookRow .headerRow .rightHeaderRow{float:right;width:300px;display:block;}
#middleWrapper .middleRight .bookRow .headerRow .leftHeaderRow{float:left;width:380px;display:block; text-align:left;}
#middleWrapper .middleRight .bookRow .headerRow a{color:#687632;text-decoration:underline;}
#middleWrapper .middleRight .bookRow .headerRow a.disabled{color:#CCCCCC;text-decoration:none;}
#middleWrapper .middleRight .bookRow .bodyRow{float:left;padding:23px 29px 20px 25px;}

#middleWrapper .middleRight .bgcolor1{background-color:#f4f6eb;}

#middleWrapper .middleRight .bookRow .bodyRow .imgDiv{width:98px;float:left;height:auto;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv{float:left;width:525px;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .heading{color:#687632;font-weight:bold;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .txt{font-weight:normal;font-size:13px;}
#middleWrapper .middleRight .bookRow .bodyRow .lnkView{padding:0px 0px 5px 0px;}
#middleWrapper .middleRight .bookRow .bodyRow a{color:#b33018;font-weight:bold;text-decoration:underline;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .btnDv{float:left;width:100%;height:33px;padding:3px 0px 0px 0px;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .btnDv .col1{float:left;width:220px;padding:8px 0px 0px 10px;vertical-align:middle;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .btnDv .col2{float:left;padding:8px 0px 0px 0px;width:150px;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .btnDv .col4{float:left;padding:8px 0px 0px 0px;width:70px;}
#middleWrapper .middleRight .bookRow .bodyRow .txtDiv .btnDv .col3{float:left;width:70px;}

/***********************************************************
CSS By Lily on 24th August 2008
***********************************************************/
/* Gallery css*/
div.gallery_thumbnail {
	float:left;
	height:125px;
	padding:10px;
	text-align:center;
	width:125px;
}

div.galleryImg {
	margin-top:20px;
	overflow:hidden;
	text-align:center;
}

a#homepage_logo
{
	display: block;
	width: 240px;
	height: 295px;
	margin-left: 10px;
	margin-top: 15px;
}

div.logo
{
	display: block;
	width: 240px;
	height: 295px;
	float:left;
}


/* paging nav for books */
div#nav
{
	width:100%;
	text-align:right;
	padding:5px 0px 5px 0px;
}

div#nav a
{
	color: Black;
}

div#nav a.arrow
{
	color:#687632;
	text-decoration:underline;
}

div#nav a.highlight
{
	font-weight: bold;
}


/* Shopping Cart */
#shoppingCart
{
	width: 600px;
}

#shoppingCartTitle, #shoppingCartList
{
	width: 600px;
}
/**************************************
	RTE for news
	Eric's Update on 26th August 2008
**************************************/
.section p{padding:0px;}
.section .mediaCentre{float:left;}
.section .mediaCentre .mediaRow{float:left;width:100%;padding:0px 0px 15px 0px;}
.section .mediaCentre .mediaImage{float:left;width:80px;padding:10px 20px 0px 0px;display:block;}
.section .mediaCentre .mediaContent{float:left;width:685px;padding:0px 0px 0px 0px;}
.section .mediaCentre .mediaContentShort{float:left;width:585px;padding:0px 0px 0px 0px;}
.section .mediaCentre h2{font-size:16px;color:#AA4532;font-weight:normal;padding:2px 0px 2px 0px;}
.section .mediaCentre h4{font-size:14px;color:#AA4532;font-weight:bold;padding:2px 0px 2px 0px;}
.section .mediaCentre p{margin:0px;padding:0px;padding:3px 0px 3px 0px;}
.section .mediaContainer{float:left;}
.section .mediaContainer .mediaRow{float:left;width:100%;padding:0px 0px 15px 0px;}
.section .mediaContainer .mediaImage{float:left;width:60px;padding:10px 20px 0px 20px;display:block;}
.section .mediaContainer .mediaContent{float:left;width:940px;padding:0px 0px 0px 0px;}
.section .mediaContainer h2{font-size:16px;color:#AA4532;font-weight:normal;padding:2px 0px 2px 0px;}
.section .mediaContainer h4{font-size:14px;color:#AA4532;font-weight:bold;padding:2px 0px 2px 0px;}
.section .mediaContainer p{margin:0px;padding:0px;padding:3px 0px 3px 0px;}

.further_information ul.furtherInfo{list-style:none;padding:0px;margin:0px;}
.further{background:transparent url(../images/bookshop/bdot.jpg) no-repeat scroll left center;color:#B02A11;line-height:17px;margin:0;padding:0 0 0 13px;text-decoration:none;}