/* Default styling **************************************************************************************/
body, table, input, textarea, select
{
    font-size: 9pt;
    font-family: Arial;
}

body
{
    /*background-color: #DDE2F7;*/ /*margin-top: 20px;*/
    background-color: #eeeeee;
    margin-top: 0px;
    padding-top: 0;
}

h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 100%; }

hr { height: 1px; color: #aaaaaa; }

body, table
{
    text-align: center;
}

table tr th { padding: 2px; }
table tr td { padding: 2px; }

a, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.noText { font-size:0; text-indent:-3000px; display:block;}

/* Default styling **************************************************************************************/

.left { text-align : left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.gray { color: #666666; }
.red { color: #B71301; }
.hidden { display: none; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.textbox { border: solid 1px #AFAFAF; }
.select { border: solid 1px #AFAFAF; }
.textarea { border: solid 1px #AFAFAF; }
.nopadding { padding: 0; }
.noMarg { margin:0!important;}

/* Page layout ******************************************************************************************/

#wholepage
{
    width: 908px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    position: relative;
    background-color: White;
    /*border: solid 2px Gray;*/
    padding: 40px;
    padding-top: 25px;
    /*padding: 10px;*/
    padding-bottom: 0px;
}

#content
{
    width: 900px;
}

#header
{
    text-align: left;
    /*height: 140px;*/
}
#header img { position: relative; left: -8px; }

#buttonbar
{
    margin-top: 10px;
    text-align: left;
    background-image: url(../Images/fpbuttons/dividers.png);
    background-repeat: no-repeat;
    background-position: -1px -6px;
    position: relative;
    z-index: 9999;
    height: 50px;
}
#buttonbar img { }
#buttonbar .button { height: 26px; }

.dropdownnormalcolor { background-color: #E4F2FA; }
.dropdownhovercolor { background-color: #A4D2EE; }
#buttonbar #titledropdown { background-color: #E4F2FA; z-index: 99999; position: absolute; left: 0px; top: 19px; }
#buttonbar #titledropdown ul { margin: 0; padding: 5px; list-style: none; }
#buttonbar #titledropdown ul li { padding-bottom: 2px; cursor: pointer; color: #005D7D; font-weight: bold; font-size: 90%; }
#buttonbar #titledropdown ul li a, #buttonbar #titledropdown ul li a:active, #buttonbar #titledropdown ul li a:visited { color: #005D7D; }
#buttonbar #titledropdown ul li:hover { background-color: #A4D2EE; }
#buttonbar #titledropdown ul li a:hover { text-decoration: none; }

#buttonbar #stockistdropdown { background-color: #E4F2FA; z-index: 99999; position: absolute; left: 0px; top: 19px; }
#buttonbar #stockistdropdown ul { margin: 0; padding: 5px; list-style: none; }
#buttonbar #stockistdropdown ul li { padding-bottom: 2px; cursor: pointer; color: #005D7D; font-weight: bold; font-size: 90%; }
#buttonbar #stockistdropdown ul li a, #buttonbar #titledropdown ul li a:active, #buttonbar #titledropdown ul li a:visited { color: #005D7D; }
#buttonbar #stockistdropdown ul li:hover { background-color: #A4D2EE; }
#buttonbar #stockistdropdown ul li a:hover { text-decoration: none; }

#accountbar
{
    margin-top: 10px;
    height: 25px;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    color: #91A5B0;
}
#accountbar p { margin: 0; padding: 0; }

#bodyheader
{
    text-align: left;
    font-size: 130%;
    line-height: 20px;
    height: 55px;
    margin-bottom: 5px;
    border-bottom: 1px solid gray;
    float:left;
}

#bodysections
{   
    text-align: left;
    margin-bottom: 0;    
}
#bodysections a, #booksections a:visited, #booksections a:active { color: Black; font-weight: bold; }

#body
{
    margin-top: 5px;
    text-align: left;
    line-height: 17px;
    min-height: 400px;
}
#body a, #body a:visited, #body a:active { color: #008BD6; text-decoration: none; }
#body a:hover { text-decoration: underline; }
#body #stockists { color: #555555; }
#body #stockists p { margin-bottom: 5px; }
#body .region { color: #008BD6; }
#body #stockists .contact { color : Olive; }

#body #booklistheader { font-weight: bold; height: 25px; }
#body #booklistfooter { font-weight: bold; height: 25px; padding-top: 25px; }
#body .booklistrow .description { margin-top: 10px; font-size: 90%; line-height: 14px; color: #555555; padding-bottom: 10px; }
#body .booklistrow .strikethroughprice { text-decoration: line-through; }
#body .booklistrow .discountedprice { color: Red; }
#body .question { color: #008bd6; font-weight: bold; }
#body .deliveryaddress { margin-bottom: 10px; background-color: Gray; border: solid 1px gray; }

#sidebar a, #sidebar a:visited, #sidebar a:active { color: #008BD6; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#contentbodysections { margin-bottom: 20px; color:#ccc; }
#contentbodysections a { margin:0 3px;}

#footer
{
    padding-top: 15px;
    clear: both;
    text-align: left;
    font-size: 90%;
    color: #8B8C8E;
}
#footer a, #footer a:visited, #footer a:active { color: #8B8C8E; }
/* End page layout **************************************************************************************/

/* Book page layout *************************************************************************************/
#bookcontent
{
    padding-top: 20px;
}
#bookcontent table { width: 100%; }
#bookcontent table tr td { padding: 2px; }
#body .strikethroughprice { text-decoration: line-through; }
#body .discountedprice { color: Red; }

#bookoffer
{
    border-bottom: 1px solid;
    border-top: 1px solid; 
    padding: 0px;  
    padding-top: 4px;
    padding-bottom: 6px; 
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 20px;
}
#bookoffer p
{
    margin: 0;
    padding: 0;
}

#bookcontent #contributors { color: #555555; }
#bookcontent #contributors tr td { padding: 4px; }
#bookcontent .contributorFirmRow { border-top: solid 1px #dddddd; }

#bookfooter
{
    margin-top: 40px;
    border-top: solid 2px;  
}
#bookfooter p
{
    position: relative;
    margin-bottom: 8px;
    top: -10px;
}
#bookfooter img
{
    background-color: White;
    position: relative;
    top: -21px;
    padding-right: 5px;
    padding-bottom: 5px;
}

/* End book page layout *********************************************************************************/

/* Admin sections ***************************************************************************************/
#adminbody .textbox { padding: 2px; height: 22px; border: 1px solid gray; position: relative; top: -2px; }
#adminbody .textarea { padding: 2px; height: 22px; border: 1px solid gray; position: relative; top: -10px; }
#adminbody .checkbox { border: none; }
#adminbody h2 { font-weight: bold; font-size: 100%; color: #222288; }
#adminbody .button { background-color: #eeeeff; border: solid 1px black; height: 22px; position: relative; top: -2px; cursor: pointer; }
#adminbody .button:hover { background-color: #ccccee; }
#adminbody { text-align: left; }
#adminbody table tr th { vertical-align: top; background-color: Navy; color: White; margin-bottom: 4px; }
#adminbody table tr td { vertical-align: top; }
#adminbody #sectionbar { text-align: left; padding: 2px; margin-bottom: 20px; background-color: Navy; color: White; display: block; height: 22px; min-height: 22px; }
#adminbody #sectionbar input { float: right; background-color: #eeeeff; border: solid 1px black; height: 20px; }
#adminbody #sectionbar input:hover { background-color: #bbbbdd; }
#adminbody table tr th { height: 20px; background-color: #ddddee; color: #6666aa; }
#adminbody table tr th input { float: right; background-color: #eeeeff; border: solid 1px black; height: 20px; }
#adminbody table tr th input:hover { background-color: #bbbbdd; }
#adminbody #sectionbar a { color: White; }
#adminbody .adminsection { }
#adminbody .adminsection table { width: 100%; }
#adminbody .adminform .alttick { float:right; }
#adminbody .admintable tr td { border-bottom: 1px solid Gray; padding-right: 10px; }

/********************************************************************************************************/

/* Product basket styling *******************************************************************************/
.gbpProductBasket
{ text-align:left;
}

.gbpProductBasket #basketheader {height: 23px; color:#7F7F7F; border-bottom:1px solid #ccc; margin-bottom:12px; float:left; }
.gbpProductBasket .basketTotal { font-weight: bold; padding: 7px 0 7px 8px; background:#F2F2F2; border:1px solid #ccc; width:675px; float:left; font-size:13px;}
.gbpProductBasket .basketrow { float:left;}
.gbpProductBasket .basketrow.digi { padding-bottom:8px; }
.gbpProductBasket .basketrow .description { margin-top: 10px; font-size: 90%; line-height: 14px; color: #555555; padding-bottom: 10px; }
.gbpProductBasket .basketrow input.quantity { width: 25px; border: 1px solid #87C1CD; background:#ECF3F9; position: relative; top: -2px; padding:3px; }
.gbpProductBasket .basketrow .strikethroughprice { text-decoration: line-through; }
.gbpProductBasket .basketrow .discountedprice { color: Red; }

.gbpProductBasket h1 { font-size: 100%; padding: 3px; margin: 0px; }
.gbpProductBasket .basket { border-collapse: collapse; width: 100% }
.gbpProductBasket .bktitle { }
.gbpProductBasket .bkquantity { width: 15px; }
.gbpProductBasket .bkprice { width: 20px; text-align: right; }
.gbpProductBasket .bkremove { width: 20px; text-align: right; }
.gbpProductBasket .basketheader .bktitle { }
.gbpProductBasket .basketheader .bkquantity { }
.gbpProductBasket .basketheader .bkprice { }
.gbpProductBasket .basketheader .bkremove { }
.gbpProductBasket .basketitem td { border-bottom: 1px solid #aaaadd; border-top: 1px solid #aaaadd; }
.gbpProductBasket .basketitem .bktitle { }
.gbpProductBasket .basketitem .bkquantity { }
.gbpProductBasket .basketitem .bkprice { }
.gbpProductBasket .basketitem .bkremove { }
div.smallCell { float:left; width:55px;}
a.removeBtn {background: url(../images/fpbuttons/removeBtnGray.png) center top no-repeat; height:19px; width:20px; float:left;}
a.removeBtn:hover {background: url(../images/fpbuttons/removeBtn.png) right top no-repeat;}
span.digiEdition { color:#646566;background: url(../images/tick.gif) left 2px no-repeat; padding-left:12px; }
hr.basketDevider {width:687px; margin:0; text-align:left;}
div.basketDetails { width:700px; float:left;}
div.basketImage { float:left; margin-right:10px; margin-bottom:10px; width:42px;}
a.smallLink { font-size:11px; margin-left:5px;}
.checkoutBtn { float:right; margin-right:30px;}
p.note { float:left; color:#B71301; }
div.span-4.wider { width:414px;}


/* End product basket styling ***************************************************************************/

/* Contact directory styling ****************************************************************************/
.gbpContactDirectory
{
    float: right;
    width: 500px; 
    height: 150px; 
    border: 1px solid black; 
    background-color: #ddddff; 
    padding: 4px; 
}
.gbpContactDirectory .results
{
    position: relative;
    top: -17px;
    margin-bottom: -17px;
    overflow: auto;
    height: 120px;
    background-color: White;
    border: 1px solid #aaaaee;
}
/* End contact directory styling ************************************************************************/

.form { padding: 0; }
.form h2 { font-size: 110%; font-weight: bold; display: block; padding-bottom: 3px; padding-top: 2px; margin-top: 2px; }
.form fieldset { border: none; margin: 0; padding: 0; }
.form fieldset label { display: block; float: left; width: 120px; clear: both; margin-bottom: 5px; font-weight: normal; }
.form fieldset input, .form fieldset textarea { display: block; border: 1px solid Gray; margin-bottom: 5px; position: relative; top: -2px; padding: 2px; }
.form fieldset select { position:relative; top: -7px; height: 22px; margin-bottom: 1px; border: 1px solid gray; }
.form fieldset span {  }

.form .button
{
    display: inline;
    margin-top:10px;
    border:none;
    background:#AB0014;
    border: 1px outset #AB0014;
    color: #fff;
    padding: 1px 4px;
    cursor: pointer;
    font-weight:bold;
}
.tableform .button
{
    display: inline;
    border: solid 1px gray;
    background-color: #DFFDF7;
    color: #005D7D;
    cursor: pointer;
}

.form .button:hover
{
    background-color: #79000E;
    border: 1px inset #79000E;
}
.tableform .button:hover
{
    background-color: #B5DFD6;
}

#frontpage { margin-top: 5px; }

#frontpage #sidebar img
{
    margin-bottom: 10px;
}
#frontpage #sidebar ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
}
#frontpage #sidebar li
{
    font-weight: bold;
    color: Gray;
    border-top: 1px solid gray;
    height: 18px;
    vertical-align: middle;
    cursor: pointer;
}
#frontpage #sidebar li a, #frontpage #sidebar li a:active, #frontpage #sidebar li a:visited
{
    font-weight: bold;
    color: Gray;
    text-decoration: none;
}

#sidebarRight .frontpagenav
{
    display:none;
}


#frontpage #sidebarRight img
{
    margin-bottom: 10px;
}
#frontpage #sidebarRight ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
}
#frontpage #sidebarRight li
{
    font-weight: bold;
    color: Gray;
    border-top: 1px solid gray;
    height: 18px;
    vertical-align: middle;
    cursor: pointer;
}
#frontpage #sidebarRight li a, #frontpage #sidebarRight li a:active, #frontpage #sidebarRight li a:visited
{
    font-weight: bold;
    color: Gray;
    text-decoration: none;
}


.frontpagenavitem:hover { background-color: #dddddd; }

/* Tile styling */
.fpsectiontop
{
    background-image: url(../images/fpborders/top.gif);
    background-repeat: no-repeat;
    padding: 10px; margin: 0;
    margin-bottom: -8px;
}

.fpsectiontop .heading
{
    width: 344px;
    margin-bottom: 10px;
    border-bottom: solid 1px gray;
}
.fpsectiontop .heading .date
{
    font-weight: bold;
    font-size: 11pt;
    color: Gray;
    margin-right: 10px;
    margin-top: 2px;
    float: right;
    text-decoration: none;
}
.fpsectiontop .heading img
{
    float: right;
}
.fpsectiontop .heading h1
{
    font-size: 14pt;
    font-weight: bold;
}
.fpsectiontop h2 { font-size: 14pt; font-weight: bold; margin: 0; line-height: 16pt; }
.fpsectiontop b { font-size: 10pt; font-weight: bold; margin: 0; }
.fpsectiontop .quote { font-size: 11pt; font-weight: bold; color: Gray; line-height: 18px; }
.fpsectiontop p
{
    margin: 0;
    padding: 0;
    margin-top: 10px;
    line-height: 11pt;
}

.fpsectionbottom
{
    background-image: url(../images/fpborders/bottom.gif);
    background-repeat: no-repeat;
    padding: 0; margin: 0;
}

.fpsectiontop .review .heading
{
    width: 440px;
}

.schsection
{
    position: relative;
}

.schsectiontop
{
    background-image: url(../images/fpborders/schtop.gif);
    background-repeat: no-repeat;
    padding: 10px; margin: 0;
    min-height: 350px;
    height: 350px;
}

.schsectiontop h2 { font-size: 12pt; font-weight: bold; margin: 0; cursor: pointer; }
.schsectiontop .schheader b { font-size: 10pt; font-weight: bold; margin: 0; margin-right: 10px; }
.schsectiontop p
{
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 11pt;
}

.schsectionbottom
{
    background-image: url(../images/fpborders/schbottom.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0; margin: 0;
}

.schsectiontop h1
{
    font-size: 12pt;
    font-weight: bold;
    width: 345px;
    padding-bottom: 8px;
    border-bottom: solid 2px gray;
}

.schsectiontop .schdetails { margin-top: 30px; }
.schsectiontop .schdetails input { margin-top: 20px; }

/* Interview page styling */
.interviewdropdown { font-size: 10pt; font-weight: normal; float: right; }
.interviewdropdown select { width: 200px; margin-left: 10px; }

/* Order page styling */
.bookrow { min-height: 50px; border-bottom: 1px solid gray; padding-top: 5px; }

/* Recommended books styling */
.recommended  
{
    border-top: 1px solid Gray;
    text-align: left;
    line-height: 11pt;
    margin-top: 55px;
 }
.recommendedtop { padding: 0px; padding-bottom: 0; }
.recommendedbottom
{
    padding: 0; margin: 0;
 }
.recommended h1 { font-size: 10pt; font-weight: bold; padding-top: 6px; padding-bottom: 5px; }
.recommended img { }
.recommended p { line-height: 10pt; font-size: 8pt; }
.recommendedbookimage { margin-bottom: 10px; }

/* Best selling books styling */
.bestselling 
{
    border-top: 1px solid Gray;
    text-align: left;
    line-height: 11pt;
 }
.bestsellingtop { padding: 0px; padding-bottom: 0; }
.bestsellingbottom
{
    padding: 0; margin: 0;
 }
.bestselling h1 { font-size: 10pt; font-weight: bold; padding-top: 5px; padding-bottom: 18px; border-bottom: solid 1px gray; }
.bestselling img { }
.bestselling p { line-height: 10pt; font-size: 8pt; }

.sidebar  
{
    border-top: 1px solid Gray;
    text-align: left;
    line-height: 13pt;
    margin-top: 55px;
    padding-top: 5px;
 }
 
 .checkoutheader{color: #646567;}
  .checkoutheader img { position:relative; top:1px;}


.tableform form { display: inline; }
.tableform a { text-decoration: none; color: #005D7D; }
.tableform a:hover { text-decoration: none; }
.checkoutbutton
{
    width:120px;
    text-decoration:none;
    display: inline;
    border: solid 1px gray;
    background-color: #DFFDF7;
    color: #005D7D;
    cursor: pointer;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.checkoutbutton:hover
{
    background-color: #C8EEFD;
    text-decoration: none;
}


/* Login/Register page styling ****************************************************************************/


ul.loginTabsNav {
    background: url(../images/bgTop.gif) left bottom repeat-x;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 3px 5px;
    width: 680px;
}
ul.loginTabsNav li {
    background: url(../images/tab1.gif) left top no-repeat;
    float: left;
    margin: 0 0 0 6px;
    padding: 0 0 0 6px;
}
ul.loginTabsNav li:hover {
    background-position: -6px 0;
}
#body ul.loginTabsNav li a {
    background: url(../images/tab2.gif) right top no-repeat;
    color: #222;
    display: block;
    float: left;
    font-weight: normal;
    padding:8px 10px 9px 4px;
    text-align: center;
    text-decoration: none;
}
#body ul.loginTabsNav li:hover a {
    background-image: url(../images/tab1.gif);
    color: #222;
}
ul.loginTabsNav a {
    float: none;
}
#body ul.loginTabsNav a:hover { text-decoration:none;
}
ul.loginTabsNav li.selected {
    background-position: -6px 0;
    margin-bottom: -4px;
    padding-bottom: 4px;
    position: relative;
    top: 0;
}
#body ul.loginTabsNav li.selected a {
    background-image: url(../images/tab1.gif);
    color: #222;
    font-weight:bold;
}
div.loginTabs { margin:15px 0;}

form.registerForm label { color:#646566; margin-bottom:8px;}
form.registerForm input, form.registerForm textarea {background:#ECF4F9; border:1px solid #88C1CE; padding:3px; margin-bottom:8px;}
form.registerForm select  {background:#ECF4F9; border:1px solid #88C1CE; padding:1px;  margin-bottom:4px; }
form.registerForm select option {border-bottom:1px solid #ECF4F9; padding:3px 3px 3px 6px; background:#fff; }

form input.formButton { font-size:14px; height:24px; color:#fff; border:0; padding:3px; background:url(../images/fpbuttons/redBtn89.png) left center no-repeat; font-weight:bold; cursor:pointer;}
form input.btnRegister { background:url(../images/fpbuttons/redBtn89.png) left center no-repeat; padding:3px; width:89px; }
form input.btnBill { width:89px;}
form input.btnDeliver { background:url(../images/fpbuttons/redBtn110.png) left center no-repeat; width:110px; }
form input.btnConfirm { background:url(../images/fpbuttons/redBtn135.png) left center no-repeat; width:135px;  float:right; margin-right:33px;}
form input.btnAdd {background:url(../images/fpbuttons/addBg.png) left center no-repeat; width:43px; height:22px;} 
form input.btnPayment {background:url(../images/fpbuttons/redBtn171.png) left center no-repeat; width:171px; }
form input.btnLogin {background:url(../images/fpbuttons/redBtn70.png) left center no-repeat; width:70px; padding:0 0 0px 0;}
span.choiceexistingcustomer input, span.choicenewcustomer input { border:none; background:none;}
input.linkBtn { background:none; cursor:pointer; color:#008BD6; padding:0!important; margin:0!important; border:0;}
input.linkBtn:hover { text-decoration:underline;}
div.contentInner {width:95%; padding-top:10px;}
p.parSmallMarg { border:0px solid red; margin-bottom:10px;}

div.boxFloat { margin:0 15px 15px 0; border:1px solid #ccc; background:#F2F2F2; padding:10px 15px; float:left; height:70px; width:200px; }
div.boxFloat h4 {font-size:13px; margin-bottom:10px; font-weight:bold; }
div.boxFloat h4 span { font-size:11px; margin-left:5px; font-weight:normal;}

div.boxFloat input.discountBox {background:#fff; border: 1px solid #ccc ;padding: 3px; margin:10px 5px 0 0;}
div.billDetails { float:left; margin-right:50px; color:#646567;}
div.billDetails h2 { color:#646567; font-weight:bold;}
div.GrayHeadingPara h2 { font-size:14; background:#E5E5E5; padding:7px 10px; margin-bottom:5px;}
div.GrayHeadingPara p { color:#646567;}
	

/*** slide home page **/
 
#slideshow {
	position:relative;
	height:115px;
}
 
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	
}
 
#slideshow img.active {
	z-index:10;
	
}
 
#slideshow img.last-active {
	z-index:9;
}