/* GLOBAL STYLES */

* {border: 0;margin: 0;padding: 0;outline: none;list-style: none;font-family: Tahoma, Arial, Sans-Serif;}

body {color: #333;	font-size: 90%;	background: url(/media/layout/bg-body.gif) repeat-x top left;}

a {color: #103a59;text-decoration: underline;}
a:hover {color: #2fa0df;text-decoration: none;}

.formitem .label {float: left;}
.formitem .item {float: left;}

h1 { font-size: 130%; }
h2 { font-size: 110%; }
h3 { font-size: 105%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

h1, h2, h3, h4, h5 {margin-bottom: 5px;}

h1 {
	color:#3c7bc1;
	margin: 10px 0;
}

h2 {
	color:#3c7bc1;
}

p { margin-bottom: 10px; }

/* PAGE STYLES */

.container {margin: 20px auto; width: 950px; background: #fff;}

.branding {position: relative; height: 80px; background: url(/media/layout/bg-branding.gif) no-repeat;}
.branding .logo {position: absolute; left: 15px; top: 15px;}
.branding .logo a {display: block; width: 165px; height: 50px;}
.branding .logo a span {display: none;}

.navigation {height: 32px; width: 950px; margin: 0 auto 10px auto;background: url(/media/layout/bg-topnav.gif) no-repeat;}
.navigation ul {padding: 6px 0 0 30px;}
.navigation li {float: left; padding: 0 23px; background: url(/media/layout/divider-topnav.gif) no-repeat 0 2px;}
.navigation li a {display: inline; color: #fff; text-decoration: none;}
.navigation li a:hover {color: #2fa0df}
.navigation li.active a {color: #2fa0df}
.navigation li.first {padding: 0 20px 0 0; background: none;}


body.carehomespage .navigation li.care-homes a,
body.librariespage .navigation li.libraries a,
body.organisationspage .navigation li.organisations a,
body.individualspage .navigation li.indivduals a,
body.aboutpage .navigation li.about a,
body.shoppage .navigation li.shop a,
body.blogpage .navigation li.blog a,
body.resourcespage .navigation li.useful-resources a
{
color: #2fa0df;
}


/* Page variables of the banners */
.banner {width: 920px; margin: 0 auto; height: 120px; background: url(/media/layout/banner-default.jpg) no-repeat;} /* default */
.shoppage .banner {background: url(/media/layout/banner-shop.jpg) no-repeat;}
.aboutpage .banner {background: url(/media/layout/banner-about.jpg) no-repeat;}
.blogpage .banner {background: url(/media/layout/banner-blog.jpg) no-repeat;}
.carehomepage .banner {background: url(/media/layout/banner-care-homes.jpg) no-repeat;}
.individualspage .banner {background: url(/media/layout/banner-individuals.jpg) no-repeat;}
.librariespage .banner {background: url(/media/layout/banner-libraries.jpg) no-repeat;}
.organisationspage .banner {background: url(/media/layout/banner-organisations.jpg) no-repeat;}
.resourcespage .banner {background: url(/media/layout/banner-resources.jpg) no-repeat;}
.homepage .banner {display: none}

.content_shell {width: 920px; margin: 10px auto; padding: 0 0 10px 0;}

.sidebar {float: left; width: 200px;}
.side_nav {width: 190px; }
.side_nav li {width: 190px;}
.side_nav li.first a {border-top: none;}
.side_nav li a {border-top: 4px solid #fff; display: block; background: #005cac;font-size: 110%; padding: 5px 10px; color:#fff; text-decoration: none; }
.side_nav li ul {border-bottom: 4px solid #fff; padding: 5px 0;background: #7ba6d6; }
.side_nav li li a {border-top: 0px solid #fff;background: url(/media/layout/icon-arrow.gif) no-repeat 0px 7px;font-size: 80%; margin-left: 10px;padding: 5px 10px 5px 15px;}
.side_nav li a:hover {color: #2fa0df}
.side_nav li li a:hover {color: #ededed;}

.content_area {float: left; border: 1px solid #4784c8; width: 685px; padding: 15px; font-size:90%;}

.content_area ul {margin-left: 15px; padding: 5px;}
.content_area li {list-style: disc;}

.breadcrumbs {height: 20px; font-size: 90%; margin-bottom: 10px; border-bottom: 1px solid; width: 685px; display: block;}
.breadcrumbs ul {margin: 0; padding: 0; }
.breadcrumbs li {display: inline; padding: 0 16px 0 0; margin-right: 5px; background: url(/media/layout/divider-breadcrumb.gif) no-repeat 100% 2px;}
.breadcrumbs .active {font-weight: bold; background: none;}
.breadcrumbs a {color: #005cac; text-decoration: none;}

.base_nav {border-top: 20px solid #fff;font-size: 80%;background: url(/media/layout/bg-basenav.gif) no-repeat;clear: both; width: 920px; margin: 10px auto; padding-top: 20px;}
.base_nav a {text-decoration: none;padding: 0 0 0 13px;background: url(/media/layout/icon-arrow-basenav.gif) no-repeat 0px 4px;}

.basenavcol1, .basenavcol2,.basenavcol3,.basenavcol4 {float: left;width: 225px;}
.basenavcol1 {margin-left: 20px;}
.basenavcol1 .first, .basenavcol2 .first,.basenavcol3 .first,.basenavcol4 .first {font-size: 120%;padding: 0 0 5px 0;margin: 0 0 5px 0;background: url(/media/layout/bg-basenavheadings.gif) no-repeat bottom left;}
.basenavcol1 .first a, .basenavcol2 .first a, .basenavcol3 .first a, .basenavcol4 .first a {background: none; padding: 0;}

.base_nav_close {clear: both;height: 15px;background: url(/media/layout/bg-basenav.gif) no-repeat bottom left;}

.footer {font-size: 90%; color: #005cac; position: relative; width: 920px; height: 32px; margin: 0 auto;background: url(/media/layout/bg-footer.gif) no-repeat;}
.footer p {padding: 8px 0 0 15px;}
.footer a {text-decoration: none; color: #005cac;}
.footer a:hover {text-decoration: underline;}
.footer div {position: absolute; right: 15px; top: 8px;}

.sub_footer {position: relative; width: 920px; height: 50px; margin: 10px auto;background: url(/media/layout/logos.gif) no-repeat right;}
.sub_footer a {text-decoration: none; position: absolute; top: 15px; width: 70px; font-size: 90%;}


/* HOME PAGE ITEMS */

.hp_book_links {}

.hp-block {position: relative; display: block; width: 220px; height: 165px; margin: 5px 6px 5px 7px;}
.hp-block p {position: absolute; top: 125px; left: 15px;}
.hp-block a {text-decoration: none; display: block; width: 190px;}
.hp-block a:hover {color: #005cac}

.block-carehomes {margin-left: 0;background: url(/media/layout/block-carehomes.jpg) no-repeat;}
.block-libraries {background: url(/media/layout/block-libraries.jpg) no-repeat;}
.block-organisations {background: url(/media/layout/block-organisations.jpg) no-repeat;}
.block-individuals {margin-right: 0; background: url(/media/layout/block-individuals.jpg) no-repeat;}

.block-hp-2col1 {}
.block-hp-2col2 {padding-top: 4px; padding-left: 7px;}

.homepage .content_shell {padding-bottom: 0; margin-bottom: 2px;}
.homepage .base_nav {border-top: 0px solid #fff;margin: 0 auto 10px auto !important;}

.homepage .animation {position: relative; width:920px; height: 290px; overflow: hidden;}

.homepage .buttons {position: relative;float: right; width: 210px;z-index: 5000;height: 290px;background: url(/media/layout/bg-hp-options.png) no-repeat;}

.homepage .buttons span {
	position: relative;
	display: block; 
	width: 210px; 
	height: 50px;
}

.homepage .buttons span a {
	color: #FFF;
	font-size: 100%; 
	text-decoration: none;
	display: block;
	width: 150px;
}

.homepage .buttons span.active a {color:#005cac}

.homepage .buttons span.active a:hover,
.homepage .buttons span a:hover { color: #FFF; }


span.active a {
	position: absolute; 
	left: -25px;
	padding-left: 90px !important;
	background: url(/media/layout/bg-hp-options-active.png) no-repeat 0 0px;
}

span.linkc.active a {background: url(/media/layout/bg-hp-options-active.png) no-repeat 0 2px;}

.homepage .mask {float: left; height: 300px; overflow: hidden;}
.homepage #box { position: absolute;}
.homepage .homeitem {height: 300px; overflow: hidden;}
.homepage .homeitem img {border: none;}

.shoplink {position: absolute;top: 235px; left: 30px; width: 150px; height: 30px;}

.shoplink span {display: none !important;}

.homepage .linka {position: aboslute; top: 0px;}
.homepage .linkb {position: aboslute; top: 5px;}
.homepage .linkc {position: aboslute; top: 5px;}
.homepage .linkd {position: aboslute; top: 5px;}

.homepage .linka a{padding: 15px 0 12px 65px; background: url(/media/layout/bg-hp-options-off.gif) no-repeat 10px 3px;}
.homepage .linkb a{padding: 7px 0 0 65px; background: url(/media/layout/bg-hp-options-off.gif) no-repeat 10px 3px;}
.homepage .linkc a{padding: 15px 0 12px 65px; background: url(/media/layout/bg-hp-options-off.gif) no-repeat 10px 3px;}
.homepage .linkd a{padding: 7px 0 0 65px; background: url(/media/layout/bg-hp-options-off.gif) no-repeat 10px 4px;}

.homepage .linka.active a {background: url(/media/layout/bg-hp-options-active.png) no-repeat 0 2px;}
.homepage .linkb.active a {background: url(/media/layout/bg-hp-options-active.png) no-repeat 0 2px;}
.homepage .linkc.active a {background: url(/media/layout/bg-hp-options-active.png) no-repeat 0 2px;}
.homepage .linkd.active a {background: url(/media/layout/bg-hp-options-active.png) no-repeat 0 3px;}


/* ELEMENTS FOR SHOPPING PAGES */

.block-ourbooks {
position: relative;
display: block;
width: 678px;
height: 164px;
background: url(/media/layout/bg-our-books.jpg) no-repeat 0 0px;
}

.block-ourbooks p {
position: absolute;
top: 100px; 
left: 20px;
}

.block-ourdvds {
position: relative;
display: block;
width: 334px;
height: 165px;
float: left;
background: url(/media/layout/bg-other-products2.jpg) no-repeat 0 0px;
}

.block-ourdvds p {
position: absolute;
top: 100px; 
left: 10px;
}

.block-otherbooks {
position: relative;
display: block;
width: 334px;
height: 165px;
float: right;
background: url(/media/layout/bg-other-books.jpg) no-repeat 0 0px;
}

.block-otherbooks p {
position: absolute;
top: 100px; 
left: 20px;
}


.booklist {}
.bookitem {float: left; width: 175px; height : 350px; text-align: center;}
.bookitem .price {color: #7ba6d6}
.bookitem .title {color: #005cac}

.pricebox input {
    width: 126px;
    height: 33px;
    cursor: pointer;
    text-indent: -5000px;
font-size: 0;
color: transparent;
     text-transform: capitalize;
background: transparent url(/media/layout/button-addtobasket.jpg) -3px -3px no-repeat;
}

.moreinformation {
    width: 126px;
    height: 33px;
    cursor: pointer;
    text-indent: -9999px;
    background: transparent url(/media/layout/button-moreinfo.jpg) -3px -3px no-repeat;
}

.moreinformation a {
    display: block; 
    width: 126px;
    height: 33px;
} 



/* PRODUCT SHORT LISTING */

.shop-category form {float:left; overflow:hidden; width: 150px; height: 310px;margin: 10px 10px 10px 0; padding: 0 5px; text-align: center;}
.product_item_short .image { text-align: center; }
.product_item_short .content { text-align: center; }
.product_item_short h2 {height: 35px; font-size: 90%; margin-top: 5px; }
.product_item_short h2 a { text-decoration: none; }
.product_item_short .pricebox { text-align: center; }
.product_item_short .pricebox input { margin-top: 10px; }
.product_item_short .moreinformation { width: 126px; margin: 0 auto; text-align: center; }

/* PRODUCT DETAIL PAGE */

.product_item_full { margin-top: 10px; }
.product_item_full h1 { font-size: 100%; }
.product_item_full .main_content { margin: 10px 0; }
.product_item_full .pricebox {margin-top: 20px;  font-weight: bold; }
.product_item_full .pricebox select {display: block;margin-top: 10px;border: 1px solid #005cac; }

/* OVERSEAS */

.block-col {display: block; width: 340px; margin: 20px 5px 0 0;}
.block-col form {border-top: 1px solid #4784c8; padding: 10px 0 0 0; margin: 10px 10px 0 0;}
.block-col form p {float: left; width: 200px; font-size: 16px; padding-top: 3px;}
.block-col form input {float: right;}
.last {margin-right: 0;}






.sidebar table {font-size: 80%; background: #7ba6d6; color: #fff; width: 190px; border-top: 5px solid #fff;}


/* CHECKOUT PAGE */

table.basketupdate {width: 685px;border-collapse: collapse;border: 1px solid #ccc;}
table.basketupdate th {border: 1px solid #ccc; padding: 5px; font-weight: normal; color: #000;}
table.basketupdate td {border: 1px solid #ccc; padding: 5px;}
table.basketupdate .ac {text-align: right;}
table.basketupdate .strong {font-size: 120%;}
table.basketupdate .ac input {width: 20px; border: 1px solid #aaa; padding: 4px;font-size: 100%;}
table.basketupdate .alt2 {background: #eff8ff;}


.payment input, .addresses input,.addresses select {border: 1px solid #aaa; padding: 2px;font-size: 100%;}


.addr_shipping {float: left; width: 300px; padding: 10px 0;}
.addr_billing {float: left; width: 300px; padding: 10px 0;}

/* BOOKFLIP */

.bookshelf {
	position:relative;
	width:685px;
	height:300px;
	margin:auto;
	background: #3c7ac0 url(/media/bookflip/bookshelf.gif) 0 0 no-repeat;
	padding: 40px 0 0 0;
}



/* CHECKOUT BUTTONS */

.button_checkout input,
.addr_submit input {
background: transparent url(/media/buttons/proceed-checkout.png) 0 0 no-repeat;
margin: 10px 0 2px 0;
width: 170px;
height: 32px;
text-indent: -5000px;
float: right;
border: none;
font-size: 0;
color: transparent;
text-transform: capitalize;
}

.addr_submit input {
float: none;
display:block;
clear:both;
}


.button_continue input {
background: transparent url(/media/buttons/cont-shopping.png) 0 0 no-repeat;
margin: 10px 0;
width: 170px;
height: 32px;
float: right;
clear:both;
text-indent: -5000px;
font-size: 0;
color: transparent;
text-transform: capitalize;
}


.button_update input {
background: transparent url(/media/buttons/update-basket.png) 0 0 no-repeat;
margin: 2px 0;
width: 170px;
height: 32px;
text-indent: -5000px;
font-size: 0;
color: transparent;
     text-transform: capitalize;
float: right;
clear: both;
}

.button_updatebasket input {
background: transparent url(/media/buttons/modify-basket.png) 0 0 no-repeat;
margin: 10px 0;
width: 170px;
height: 32px;
font-size: 0;
color: transparent;
     text-transform: capitalize;
text-indent: -5000px;
float: left;

}

.button_updatedetails input {
background: transparent url(/media/buttons/change-addresses.png) 0 0 no-repeat;
margin: 10px 0;
width: 170px;
font-size: 0;
color: transparent;
     text-transform: capitalize;
height: 32px;
text-indent: -5000px;
float: left;

}

.button_payment input {
background: transparent url(/media/buttons/proceed-payment.png) 0 0 no-repeat;
margin: 10px 0;
width: 170px;
height: 32px;
font-size: 0;
color: transparent;
     text-transform: capitalize;
text-indent: -5000px;
float: right;

}

.brochure_button input {
background: transparent url(/media/buttons/request-brochure.jpg) 0 0 no-repeat;
margin: 10px 0 0 300px;
width: 170px;
height: 32px;
font-size: 0;
color: transparent;
     text-transform: capitalize;
text-indent: -5000px;


}




/* NEWS TEMPLATES */

.news_item_short {width: 685px;margin-bottom: 20px;}
.news_item_short .left {float: left;width: 100px;}
.news_item_short .right {float: right;width: 560px;padding-top:5px;}
.news_item_short .title {font-weight: bold;margin-bottom: 10px;}
.news_item_short .title a {text-decoration:none;color:#005cac;}
.news_item_short p { display:inline; }
.news_item_short .readmore a {text-decoration:none;color:#005cac;font-size:90%;font-weight:bold;}
.news_item_short a:hover {text-decoration:underline;}
.news_item_full {}
.pagination {clear: both;float: right;margin: 10px 0 10px 0;}
.pagination a {text-decoration: none;}
.pagination .active {color: #0097d5;text-decoration: underline;}

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.print_hidden { display: none; }

.fc:after {height: 0;clear: both;font-size: 0;content: ".";display: block;visibility: hidden;}
.fc {display: inline-block;}

.cat-intro {font-size: 120%;}


.quote-block {
padding: 10px 0 20px;
background: transparent url(/media/layout/quote-block.jpg) bottom left no-repeat;
}


.quote-block.ruth {
padding: 30px 150px 20px 0;
background: transparent url(/media/layout/quote-ruth.jpg) bottom left no-repeat;
}

.quote-block.fiona {
padding: 20px 350px 80px 0;
background: transparent url(/media/layout/quote-fiona.jpg) bottom left no-repeat;
}


.brochurerequest .content_area {
background: transparent url(/media/brochure_order.jpg) 500px 50px no-repeat;
}


.payment input, .payment select {border: 1px solid #aaa; padding: 2px;font-size: 100%;}

.payment fieldset span {float: left; width: 200px;}

.button_payment input {border: 0 !important;}


.captcha {margin-left: 300px; clear:both}

.label {clear:both;float: left; width: 300px;}
.input {float: left; margin-bottom: 5px;}
.input input, .input textarea { width: 200pxfont-size: 12px !important; border: 1px solid #ccc; padding: 3px}


.block-prints h2 {border-bottom: 1px solid; padding: 0 0 10px 0;}