@import url(home.css);
@import url(search.css);
@import url(order.css);
@import url(register.css);
@import url(parcel.css);
@import url(parts.css);
@import url(orderhistory.css);
@import url(supportpages.css);
@import url(invoice.css);
@import url(myaccount.css);
@import url(campaigns.css);

@media print
{
#footer{display:none;}
#headerCell{display:none;}
.headerHolder{display:none;}
#booksContainer{display:none;}
#headerCart{display:none;}
.headerUnderline{display:none;}
#breadCrumb{display:none;}
#emailFriend{display:none;}
#dpt{display:none;}
#cartTable .cellStockNoField {width: 95%;}
#cartContainer {width:100%;}
.printHide {display:none;}
.headerMerch {display:none;}
#lineRHS{display:none;}
}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{font-family: Verdana, Arial, Helvetica, sans-serif;color: black;padding: 0px;margin: 0px;background-color: white;width:100%;}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #333333;}
a:hover{color:#cc0000;}

/************** header tag styles **************/
h1{margin: 0px;padding: 0px;}
h2{margin: 0px; padding: 0px;}
h3{}
h4{font: 100% Arial,sans-serif; color: black; margin: 0px; padding: 0px;}
h5{font: 80% Verdana, Arial, Helvetica, sans-serif; color: black; margin: 0px 1em 0px 0px;padding: 0px; font-weight:bold;}

/********* form and related tag styles *********/
form {margin: 0px; padding: 0px;}
label{font:1em Arial,sans-serif;}
input{font-family: verdana; font-size:1em;margin: 0px;padding: 0px;}
.bold{font-weight:bold}
address{font-style:normal;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#headerCell{display:block; width:100%;}
#pagecell{width:98%;background-color:#ffffff;margin-top:0px;margin-left:1%; padding:0px;}
#header{width:100%; height:53px;}
#pageNav{float:left; width:20%;padding: 0px; background-color: white; clear:both}
#content{width:79.5%; padding:0px 0px 10px 0px; background-color:white; float:left;}
#contentZeroPage{width:79.5%;padding: 0px; background-color: white; float:left; margin-bottom:20px;}
#contentZeroPage div{padding-left:5px;font-family: Helvetica;color: black;font-size:11.0px;background-color: white;}
#contentZeroPage label{padding-left: 85px;font-family: Helvetica;color: black;font-size:13.5px;background-color: white;}
#contentZeroPage p{padding-left: 200px;font-family: Helvetica;color: black;font-size:13.5px;background-color: white;}
#content2{width:100%; padding:0px 0px 10px 0px; background-color:white; float:left;}
/***********************************************/
/* Ajax Divs                                   */
/***********************************************/
#txtHintBox{border:solid 1px #a1a1a1;background-color:#e8e8e8; width:177px; margin-top:-1px;display:none; z-index:99; position:absolute;text-align:left;color:black;font-family:tahoma; font-size:11px;width:182px;height:200px;top:38px;}
.txtInnerBorder{border-left:solid 5px #e8e8e8;border-right:solid 3px #e8e8e8;border-bottom:solid 3px #e8e8e8;}
#txtHintBox ul{padding:0px; margin:0px; font-weight:normal;padding-left:5px}
#txtHint li.dropDown{list-style:none; padding:3px 0px; margin:0px;font-size:11px;}
#txtHintBox a:link{color:#006699;padding:0 4 0 4px; text-decoration:none; width:100%; cursor: pointer;}
#txtHintBox a:visited{color:#006699;padding:0 4 0 4px; text-decoration:none; width:100%; cursor: pointer;}
#txtHintBox a:hover{padding:0 4 0 4px; background-color: #006699; color: #fff; cursor: pointer; text-decoration:none; width:100%}
.txtHintHeader{font-weight:bold;background-color:#e8e8e8;color:black;padding:2px 5px 3px 5px;font-size:80%;}
.txtWindow{height:178px;overflow:auto;background-color:white;}

/***********************************************/
/* Header Divs                                 */
/***********************************************/
.headerHolder{width:100%;background-color:#c8c8c8;height:54px; position:relative;}
.headerLogo{padding:5px 5px 5px 10px;}
.headerSearchBox{height:54px;width:190px;float:left;padding:0px 1px 0px 0px;}
.headerFind{float:left;}
.headerFind input{padding-top:13px;}
.headerNavList{height:30px;float:right;text-align:right; position:relative;}
.headerLoginCart{height:24px;}
.searchBox{margin-right:10px; width:180px; font-size:0.8em;border:solid 1px black;padding:1px;}
.navList{list-style:none; margin:0px; padding:0px 5px;float:right;}
.navList li{padding:0px; margin:0px 2px 0px 0px; float:left;}
#container { width: expression((documentElement.clientWidth < 999) ? "999px" : "auto" );
min-width:999px; width:100%; height:100%;}

.loggedInAs{margin:0px; padding:5px 0px; white-space:nowrap; font-size:0.6em; margin-right:10px;}
.loggedInAs b{padding-right:10px; white-space:nowrap;}
.loggedInAs span{font-size:1.1em; font-weight:bold;}

/***********************************************/
/* Books Row Divs                              */
/***********************************************/

#headerCart{background:url(/uk/img/site/header/orderCartBG.gif);padding-top:5px; margin:0px;background-color:#c8c8c8; height:35px;font-size:75%;text-align:right;}
*html #headerCart{padding-right:10px;}
.headerCartEPB{margin-right:10px;display:inline;white-space:nowrap;}
*html .headerCartEPB{margin-right:0px;padding:0px;}
.headerCartCount{border-bottom:solid 1px;font-weight:bold;padding:0px 0px 2px 0px;}
#headerCart a:link{text-decoration:none;}
#headerCart a:visited{text-decoration:none;}
.headerUnderline{border-top:solid 1px #ccc;height:1px;margin-top:-1px;overflow:hidden;}
.headerMerch{height:1px; position:relative; margin-top:-1px;}
#booksContainer{width:80%;background:url(/uk/img/site/header/orderCartStart.gif) no-repeat top right;}

#cartMsg{width:17.5%;margin-top:-10px;right:5px;border:solid 1px gray;z-index:99;position:absolute;background:white;display:none;}
*html #cartMsg{width:90%;}			
#cartMsg div{margin:5px 0px 3px 5px;text-align:left;  }
#cartMsg div a:link{color:#006699;font-size:70%;text-decoration:none;}
#cartMsg div a:hover{color:#cc0000;font-size:70%;text-decoration:none;}
#cartMsg div a:visited{color:#006699;font-size:70%;text-decoration:none;}
#cartMsg H2 {font-size:80%;color:green; font-weight:bold;padding:5px}
#cartMsg H3 {font-size:70%; font-style:italic;font-weight:normal; color:gray;margin:0px 5px; padding:0px;}
	

#childNode0{background-color:white;visibility:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;width:19.9%;position:absolute;margin-top:-3px;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;border-top:solid 3px blue;overflow:auto;z-index:99;}
*html  #childNode0{width:99%;}
#childNode1{background-color:white;visibility:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;width:19.7%;position:absolute;margin-top:-3px;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;border-top:solid 3px red;overflow:auto;z-index:99;}
*html  #childNode1{width:99%;}
#childNode2{background-color:white;visibility:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;width:19.7%;position:absolute;margin-top:-3px;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;border-top:solid 3px yellow;overflow:auto;z-index:99;}
*html  #childNode2{width:99%;}
#childNode3{background-color:white;visibility:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;width:19.7%;position:absolute;margin-top:-3px;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;border-top:solid 3px green;overflow:auto;z-index:99;}
*html  #childNode3{width:99%;}
.childNode ul{margin:0px 0px 0px 20px; padding:5px;list-style-image: url(/uk/img/site/header/tabBullet.gif); }
.childNode li{clear:both;margin-bottom:4px;}
.childNode li a:hover{text-decoration:none;}
.childNode li a:link{text-decoration:none;}
.childNode li a:visited{text-decoration:none;}
.childNode a:link{color:#006699; text-decoration:none;font-weight:bold;}
.childNode a:visited{color:#006699; text-decoration:none;font-weight:bold;}
.childNode a:hover{color:#cc0000; text-decoration:none;font-weight:bold;}

.homeNode{background-color:white; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.homeNode ul{margin:0px 0px 0px 20px; padding:5px;list-style-image: url(/uk/img/site/header/tabBullet.gif); }
.homeNode li{clear:both;margin-bottom:4px;}
.homeNode li a:hover{text-decoration:none;}
.homeNode li a:link{text-decoration:none;}
.homeNode li a:visited{text-decoration:none;}
.homeNode a:link{color:#006699; text-decoration:none;font-weight:bold;}
.homeNode a:visited{color:#006699; text-decoration:none;font-weight:bold;}
.homeNode a:hover{color:#cc0000; text-decoration:none;font-weight:bold;}



/***********************************************/
/* Home Books Row Divs                              */
/***********************************************/
.homeLastBook{width:25.0%;float:left;;margin-top:8px;}
.homeOtherBooks{width:24.5%;float:left;;margin-top:8px;}

/***********************************************/
/* BreadCrumb styles                           */
/***********************************************/
#breadCrumb{overflow:visible; height:1%; width:100%;}
#breadCrumb ul{padding: 10px 0px; margin-left:0%; margin-top:0%; margin-bottom:0%; font-size:0.9em;font-weight:bold; list-style:none; width:99%;float:left;}
#breadCrumb li{float:left; padding:0px 10px; white-space:nowrap; background: url(/uk/img/site/search/arrowRightRed.gif) no-repeat right 7px; line-height:18px;}
#breadCrumb a{font-size:0.8em; text-decoration:none; padding-right:10px;}
#breadCrumb H1{font-size:1em; white-space:nowrap; margin-top:1px}

/***********************************************/
/* Footer Divs                                 */
/***********************************************/
#footer{clear: both;overflow:auto;font-size:65%;width:100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
#footer ul{height:100%; margin:0px; overflow:auto; list-style:none; padding:10px; color:#0000FF; background-color:#e8e8e8; border-top: 1px solid white;}
#footer li{float:left; padding:0em 0.8em; margin:0.3em 0em; border-right:solid #333333 1px;}
#footer ul li.lastFooterLink{border-right:solid 0px}
.helpLine{text-align:center;font-size:100%;font-weight:bold;margin-top:10px;color:#006699;}
.coName{font-size:70%;font-style: normal;padding:10px 0px; background:white;clear:both;}

/***********************************************/
/* Feed Back                                   */
/***********************************************/
#feedback{clear:both; vAlign:top; width:100%; margin-top:1%; margin-bottom:1%}
#feedback fieldset{clear:left; margin:0px; font-size:80%; padding:3px; border:0px;}
#feedbackborder{clear:left; border:solid #e8e8e8 3px;}
#feedback p{ padding-left:1%;}
#feedback .loginFields div{ padding:5px 0px 0px 10px;}
#feedback label{padding:0%;float:left; font-weight:normal; width:15%; text-align:left}
#feedback .inputfields{width:200px;}
#feedback .combo{width:200px;border:solid 1px #000000;}
#feedback input[type="text"],[type="password"]{text-indent:1px;border:solid 1px #000000;  text-align:left}
#feedback input[type="submit"]{border:solid 1px #000000;background-color:#E6E6E6; font-size:80%;  text-align:center; }
#feedback textarea{text-indent:1px; border:solid 1px blue; border:solid 1px #000000; text-align:left}
#feedback h3{color:#006699; font-weight:bold; font-size:1em; padding:5px 0px 0px 0px; margin:0px;text-align:left;clear:both;}
#feedback .error{padding-left:10px;}

/***********************************************/
/* topnode styles							   */
/***********************************************/

	#menuWrapper { width: 100%;margin-top:8px;}
	#menuWrapper TH {padding:5px 0px 5px 0px;overflow:auto; margin:0px;font-size: 65%;font-weight: bold;text-align: center;}	
	#menuWrapper TD {padding:0px 0px 0px 0px;overflow:auto; margin:0px;font-size: 65%;font-weight: bold;text-align: center;}	

	#homemenuWrapper { width: 100%;margin-top:8px;}
	#homemenuWrapper TH {padding:5px 0px 5px 0px;overflow:auto; margin:0px;font-size: 65%;font-weight: bold;text-align: center;}	
	#homemenuWrapper TD {padding:0px 0px 0px 0px;overflow:auto; margin:0px;font-size: 65%;font-weight: bold;text-align: center;}	

	#homelistWrapper { width: 100%;}
	#homelistWrapper TH 	{}
	#homelistWrapper TD {border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size: 65%;font-weight: bold;}	

	/* blue */
	.left0 {  border-left:0px;border-right:0px;border-bottom:blue solid 3px;background:url(/uk/img/site/header/tab0loff.gif) no-repeat left top; }
	.right0 { border-bottom:blue  solid 3px;background: url(/uk/img/site/header/tab0roff.gif) no-repeat right top;}
	.middle0 {   border-bottom:blue  solid 3px;background-color:#e7e7e7; color:#666666}

	.leftSelected0 {  border-left:0px;border-right:0px;border-bottom:blue solid 3px;background:url(/uk/img/site/header/tab0lon.gif) no-repeat left top; }
	.rightSelected0 { border-bottom:blue  solid 3px;background: url(/uk/img/site/header/tab0ron.gif) no-repeat right top;}
	.middleSelected0 { border-bottom:blue solid 3px;background-color:#788184;color:white}	

	/* red */	
	.left1 {  border-left:0px;border-right:0px;border-bottom:red solid 3px; background:url(/uk/img/site/header/tab0loff.gif) no-repeat left top; }
	.right1 { border-bottom:red solid 3px; background: url(/uk/img/site/header/tab0roff.gif) no-repeat right top;}
	.middle1 {  border-bottom:red solid 3px; background-color:#e7e7e7; color:#666666}	

	.leftSelected1 {  border-left:0px;border-right:0px;border-bottom:red solid 3px; background:url(/uk/img/site/header/tab0lon.gif) no-repeat left top; }
	.rightSelected1 { border-bottom:red solid 3px; background: url(/uk/img/site/header/tab0ron.gif) no-repeat right top;}
	.middleSelected1 { border-bottom:red solid 3px; background-color:#788184;color:white}

	/* yellow */			
	.left2 {  border-left:0px;border-right:0px;border-bottom:yellow solid 3px; background:url(/uk/img/site/header/tab0loff.gif) no-repeat left top; }
	.right2 { border-bottom:yellow solid 3px; background: url(/uk/img/site/header/tab0roff.gif) no-repeat right top;}
	.middle2 {  border-bottom:yellow solid 3px;background-color:#e7e7e7; color:#666666}	

	.leftSelected2 {  border-left:0px;border-right:0px;border-bottom:yellow solid 3px; background:url(/uk/img/site/header/tab0lon.gif) no-repeat left top; }
	.rightSelected2 { border-bottom:yellow solid 3px; background: url(/uk/img/site/header/tab0ron.gif) no-repeat right top;}
	.middleSelected2 { border-bottom:yellow solid 3px; background-color:#788184;color:white}

	/* green */		
	.left3 {  border-left:0px;border-right:0px;border-bottom:green solid 3px; background:url(/uk/img/site/header/tab0loff.gif) no-repeat left top; }
	.right3 { border-bottom:green solid 3px; background: url(/uk/img/site/header/tab0roff.gif) no-repeat right top;}
	.middle3 {  border-bottom:green solid 3px;background-color:#e7e7e7; color:#666666}		

	.leftSelected3 {  border-left:0px;border-right:0px;border-bottom:green solid 3px; background:url(/uk/img/site/header/tab0lon.gif) no-repeat left top; }
	.rightSelected3 { border-bottom:green solid 3px; background: url(/uk/img/site/header/tab0ron.gif) no-repeat right top;}
	.middleSelected3 { border-bottom:green solid 3px;background-color:#788184;color:white}	



/***********************************************/
/*   Commonly used styles					    */
/***********************************************/
.copy {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
.title {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; color:#000000;}

.darkborder {float:left; border:solid 1px #006699;padding:2px; width:99.5%;}
.darkLine {border-top:solid 1px #006699;}
/* table */
.tableheader{background-color:#e3e3e3;font-size:100%; color:#006699;height:30px;font-weight:normal;}
.table{font-size:85%;font-weight:normal;}
.instock{text-align:left; font-weight:bold; margin-left:5px;background-color:#EEEEEE; border-right:#ffffff solid 1px; border-top:#ffffff solid 1px;border-bottom:#e3e3e3 solid 1px;}
.total {border-top:Gray solid 1px; white-space:nowrap;font-weight:bold;background-color:#F6F6F6; text-align:right;padding-right:5px;}
.grtotal {border-top:Gray solid 1px;white-space:nowrap;font-weight:bold;background-color:#EEEEEE;text-align:right;padding-right:5px;}
/* form fields */
.inputfields{text-indent:1px; border-collapse:collapse; border:#000000 solid 1px;}
.btndiv{padding:1% 10px;}
.btn{border:solid 1px #006699;background-color:#E6E6E6; font-size:80%;  text-align:center; }

.greyOuter{clear:left; margin:0px; border:solid #e8e8e8 3px; padding:3px;font-size:70%;width:99%;overflow:visible;height:1%;}
.blueInner{border:solid 1px #006699;font-weight:normal;overflow:visible;width:100%;height:1%;}


.show{height:4px;}
.green{color:green;font-size:100%;font-weight:bold;}
.greenLarge{color:green;font-size:120%;font-weight:bold;}
.mandatory{color:#900;font-size:100%;font-weight:bold;}
.mandatoryLarge{color:#900;font-size:120%;font-weight:bold;}
.backbtn{text-align:right; width:98%; font-size:80%;}
/*********** Messages ************/
.error{margin:0px;padding:0px;text-align:left;color:#d01f3c;clear:both;}
#errorHeading{margin:10px 0px;padding:5px;text-align:left;color:#d01f3c;border:solid 0px #d01f3c;}
#errorHeading h4{font-size:150%;color:#d01f3c;font-weight:bold;}
.productmsg{padding:10px 10px 5px 8px;width:98%;float:left;text-align:left;}
.notice{color:red;}
/*********** General Display ************/

#leftMenu{float:left; width:18%;}
#campaignBody{float:left;}
#rightMenu{float:right; width:18%;}

/*********** Error Page ************/
#table{width:100%;font-size:90%;text-align:center;font-weight:bold;margin-top:120px}

/*********** Display BlueBorder************/
#blueborder{border:solid 1px #006699;padding:2px;}