@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
'	Company:ehaus ltd (http://www.ehaus.co.uk/)
'	Copyright © 2009, All rights reserved.
'	Date Created: April 2010
'	Last Modified Date: 20 Jun 2011
'	Last Modified By: Joe
------------------------------------------------*/

/*----------- reset, styles to reset browser defaults -----------*/
/*----------- DON NOT EDIT  -----------*/
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
address,
blockquote,
th,
td {
	margin: 0; 
	padding: 0;
	font-size: 100%;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var	{
	font-style:normal;
	font-weight:normal;
	}
li {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	}
abbr,
acronym {
	border:0;
	font-variant:normal;
	cursor: help;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}
a {
	outline: none;
	}
/*----------- DON NOT EDIT ABOVE -----------*/
/*----------- end reset, styles to reset browser defaults -----------*/


/*----------- defaults, portable common styles -----------*/
body {
	background-color: #fff;
	padding: 0; 
	margin: 0; 
	font: 0.75em/1.5 Georgia, "Times New Roman", Times, serif; 
	font-variant: normal;
	color: #222;
	}
h1 {
	font-size: 2.4em;
	line-height: 1;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	color: #013C74;
	background: url("../images/h1-underline.png") 0 100% no-repeat;
	}
h1 span {
	color: #5A768E;
	margin-left:-0.2em;
	}
h2 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 0.5em;
	}
h3 {
	font-size: 1.1em;
	line-height: 1;
	margin-bottom: 0.4em;
	}
fieldset,
img {
	border: none;
	outline: none;
	}
a {
	outline: 0;
	}
p,
address {
	margin: 0 0 1em 0;
	}
/* only needed for code formating */	
	
.al {
	text-align: left;
	}
.ac {
	text-align: center;
	}
.ar {
	text-align: right;
	}
.fl {
	float: left;
	}
.fr {
	float: right;
	}
.cl {
	clear: left;
	}
.cr {
	clear: right;
	}
.cb {
	clear: both;
	}
.cn {
	clear: none;
	}
.imgr {
	float: right;
	margin: 7px 0 20px 20px;
	}
.imgc {
	margin: 0 auto 22px;
	}
.imgl {
	float: left;
	margin: 7px 20px 20px 0;
	}
.assistive-link {
	display: none;
	}
.highlight {
	background-color: #eef1f3;
	padding: 0 2px;
	}
ol {
	list-style-position: inside;
	}
ol li {
	margin: 0 0 10px 22px;
	list-style: decimal;
	}
ol li ul {
	margin: 0;
	}
ol li ul li {
	margin: 0 0 0 22px;
	list-style: lower-roman;
	}
.drop-shadow {
	-moz-box-shadow: 2px 3px 6px #aaa;
	-webkit-box-shadow: 2px 3px 6px #aaa;
	box-shadow: 2px 3px 6px #aaa;
	}
	
/*----------- links -----------*/	
a:link, 
a:visited, 
a:active {
	color: #003D77; 
	text-decoration: none;
	}					 			 
a:hover,
a:focus	{
	text-decoration: underline;
	}
a.toplink {
	margin: 20px 0 140px;
	display: block;
	width: 200px;
	}
	
/*----------- forms -----------*/

/* Common forms used in main content areas */ 
.common-form {
	background: #EEF1F3;
	padding: 20px 50px;
	margin: 0 0 20px;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.common-form fieldset {
	margin-bottom: 10px;
	}
.common-form legend {
	color: #222;
	font-size: 1.4em;
	line-height: 1;
	margin: 0 0 8px;
	font-weight: bold;
	}
.common-form li {
	float: left;
	clear: left;
	margin: 0 0 10px;
	}
.common-form p {
	margin: 0 0 10px;
	}
.common-form label,
.common-form input[type=text] {
	float: left;
	}
.common-form input[type=text],
.common-form input[type=password] {
	background: #fff;
	border-color:#76B0D8;
	border-style:solid;
	border-width:1px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	height: 16px;
	padding: 4px 5px;
	width: 350px;
	}
.common-form select {
	background: #fff;
	border-color:#76B0D8;
	border-style:solid;
	border-width:1px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 2px 5px;
	}
.common-form a.button,
.common-form input[type=button] {
	cursor: pointer;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	height: 16px;
	background: #49B9DB;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0 10px 0 0;
	padding: 4px 10px;
	}
.common-form a.button:hover,
.common-form a.button:focus {
	text-decoration: none;
	}
.common-form a.button span {
	margin-left: 20px;
	font-size: 1.6em;
	}
	
/* search page specific */
.form-search {
	width: 360px;
	}
.form-search label {
	margin: 0 0 0 6px;
	}
.form-search ul li label {
	width: 355px;
	}
.form-search input[type=text] {
	width: 350px;
	}
.form-search select {
	min-width: 250px;
	}
.form-search .row {
	margin: 0 0 10px;
	}
.form-search .row label {
	width: 70px;
	margin: 4px 5px 0 0;
	}
.form-search .buttons {
	margin: 0 0 0 75px;
	}

/* simple search page specific */
.form-simple {
	width: 560px;
	}
.form-simple input,
.form-simple select {
	margin-right: 6px;
	}
.form-simple input[type=text] {
	float: none;
	width: 250px;
	}
.form-simple label {
	float: none;
	}
.form-simple .filters {
	border-top: 2px solid #D4D4D4;
	padding-top: 10px;
	margin-top: 20px;
	}
.form-simple .filters legend {
	font-size: 1em;
	line-height: 1;
	margin: 0 0 0.2em;
	}
	
/* search revise page specific */
.form-revise {
	margin: 10px 0 20px;
	}
.form-revise legend {
	font-weight: bold;
	padding: 0 0 5px;
	color: #222;
	}
.form-revise p {
	margin-bottom: 12px;
	}	
.form-revise label {
	float: none;
	}
.form-revise input[type=text] {
	float: none;
	width: 350px;
	margin-right: 6px;
	}
.form-revise a.reset {
	display: block;
	margin: 4px 0 10px 9px;
	}
.form-revise ul {
	margin: 0 0 10px 9px;
	}
.form-revise ul li {
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	}
.form-revise ul li.stemming {
	padding-left: 20px;
	border-left: 1px solid #ccc;
	}
.authorsearch {
	position: relative;
	}
.form-author {
	width: 620px;
	width: 300px;
	margin: 0 auto 1em;
	}
.form-author label {
	display: none;
	}
.form-author input[type="text"] {
	width: 220px;
	margin: 0 10px 0 0;
	}
.form-author input[type="button"] {
	height: 28px;
	padding: 0;
	width: 45px;
	border: 0;
	}
	
/*----------- layout -----------*/
html > body .layout {
	margin: 0 auto;
	text-align: left;
	width: 980px;
	}
html > body .main {
	clear: both;
	padding: 0.5em 20px 0;
	overflow: hidden;
	}
.sidecol {
	float: left;
	width: 200px;
	margin: 0 0 20px 0;
	}
.sidecol-2 {
	float: right;
	width: 250px;
	}
.maincol {
	margin: 0 0 0 210px;
	width: 770px;
	position: relative;
	overflow: hidden;
	}
.centercol {
	margin-right: 270px;
	width: 500px;
	overflow: hidden;
	}
	
/* header */
.header {
	background: #fff;
	height: 114px;
	width: 100%;
	float: left;
	position: relative;
	}
.header .layout {
	position: relative;
	}
.header .layout a.logo {
	position: absolute;
	top: 24px;
	margin: 0;
	width: 471px;
	height: 47px;
	display: block;
	}
.header li {
	float: left;
	}
.header a {
	}
.header a:hover,
.header a:active,
.header a:focus {
	text-decoration: none;
	}
.header .nav {
	background: #EEF1F3;
	height: 2.4em;
	position: absolute;
	top: 82px;
	left: 0;
	width: 100%;
	float: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.header .nav ul {
	float: left;
	margin: 0 0 0 -1px;
	}
.header .nav li {
	background: url("../images/pagenav-bg.png") -10px -10px no-repeat;
	float: left;
	padding: 0.4em 0;
	line-height: 1.6em;
	}
.header .nav li:focus,
.header .nav li:hover,
.header .nav li.active {
	background: url("../images/pagenav-bg.png") 50% 100% no-repeat;	
	}
.header .nav a {
	color: #003D77;
	font-size: 1.3em;
	display: inline-block;
	border-right: 1px solid #B1C3D3;
	border-left: 1px solid #fff;
	padding: 0 0.8em;
	}
.header .nav a:hover,
.header .nav a:hover,
.header .nav a:hover {
	color: #5A758E;
	}
.header .account {
	position: absolute;
	top: 15px;
	right: 0;
	width: 230px;
	text-align: right;
	font-size: 1.2em;
	}
.header .account a {
	color: #5A758E;
	padding: 0 10px;
	display: block;
	}
.header .account a:hover,
.header .account a:active,
.header .account a:focus {
	}
.header .account li {
	height: 26px;
	line-height: 26px;
	float: right;
	}
.header .account li.delivery {
	color: red;
	font-size: 1.2em;
	line-height: 1;
	display: block;
	width: 100%;
	}
.header .account li.viewacc a {
	border-right: 1px solid #C9D1D8;
	}
.header .account li.viewb a {
	background: url("../images/ico-basket.png") 100% 50% no-repeat;
	padding-right: 28px;
	}
	
.qsearch {
	margin: 1em 0;
	height: 30px;
	width: 100%;
	float: left;
	line-height:28px;
	}
.qsearch .layout {
	position: relative;
	}
.qsearch form {
	float: left;
	width: auto;
	}
.qsearch label,
.qsearch input {
	float: left;
	}
.qsearch label {
	color:#003D77;
	font-size: 1.4em;
	}
.qsearch input[type=text],
.qsearch input[type=submit] {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.qsearch input[type=text] {
	color:#7D7D7D;
	width: 385px;
	background: url("../images/qs-ico.png") 4px 50% #fff no-repeat;
	border: 1px solid #76B0D8;
	height: 24px;
	line-height: 24px;
	margin: 1px 0 0 0.6em;
	padding: 0 5px 0 30px;
	}
.qsearch input[type=submit] {
	background: #003D77;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	height: 26px;
	padding: 0 0.6em;
	border: none;
	margin: 0 0 0 10px;
	cursor: pointer;
	}
.qsearch input[type=submit]:hover{
	text-decoration: none;
	background: #49B9DB;
	transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
   background: #545454;
   color: #FFF;
}	
input[type=submit],
input[type=button] {
	background: #49B9DB;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	height: 26px;
	padding: 0 0.6em;
	border: none;
	margin: 0 0 0 10px;
	cursor: pointer;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	}
	
.qsearch ul.social {
	position: absolute;
	top: 0;
	right: 0;
	height: 28px;
	}
.qsearch ul.social li {
	float: left;
	margin: 0 0 0 0.8em;
	}
.qsearch ul.social li.like {
	height: 22px;
	padding-top: 3px;
	}
.qsearch ul.social li.like-tw {
	padding-top: 4px;
	height: 20px;
	width: 64px;
}

ul.social li.like-tw iframe {
	width: 60px !important;
}

.qsearch ul.social li.like span.stButton {
	float: left;
}
.qsearch ul.social li a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.qsearch ul.social li a span {
	display: none;
	}
.qsearch ul.social li.twitter a,
.qsearch ul.social li.facebook a,
.qsearch ul.social li.wordpress a,
.qsearch ul.social li.instagram a,
.qsearch ul.social li.pinterest a,
.qsearch ul.social li.youtube a {
	height: 32px;
	width: 32px;
	opacity: 0.8;
	}
.qsearch ul.social li.twitter a:hover,
.qsearch ul.social li.facebook a:hover,
.qsearch ul.social li.wordpress a:hover,
.qsearch ul.social li.instagram a:hover,
.qsearch ul.social li.pinterest a:hover,
.qsearch ul.social li.youtube a:hover {	
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.qsearch ul.social li.twitter {
	padding: 0 0 0 0.8em;
	border-left: 0px solid #DEE3E8;
}
.qsearch ul.social li.twitter a {
	background-image: url("../images/twitter-32.png");
	float: left;
	}
.qsearch ul.social li.facebook a {
	background-image: url("../images/facebook-32.png");
	float: left;
	}
.qsearch ul.social li.wordpress a {
	background-image: url("../images/wordpress-32.png");
	float: left;
	}
.qsearch ul.social li.instagram a {
	background-image: url("../images/instagram-32.png");
	float: left;
	}
.qsearch ul.social li.pinterest a {
	background-image: url("../images/pinterest-32.png");
	float: left;
	}
.qsearch ul.social li.youtube a {
	background-image: url("../images/youtube-32.png");
	float: left;
	}
.qsearch ul.social li a{	
	background-size: 26px;
}
	
/* sidecol */
.sidecol h3 {
	font-size: 1.6em;
	color: #003D77;
	font-weight: normal;
	}
.sidecol h4 {
	background:url("../images/nav-li-bg.png") 0 50% no-repeat;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 10px 5px 15px;
	}
.sidecol h4 a {
	color: #111;
	display: block;
	}
.sidecol h4:hover,
.sidecol h4:focus {
	}
.sidecol ul#menu,
.sidecol form.exijs {
	margin: 0 0 5px 0;
	}
.sidecol form.exijs {
	padding: 0.5em 10px;
	margin: 0 0 2em;
	}
.sidecol form.exijs label {
	margin: 0 0 0 5px;
	}
.sidecol form.exijs input[type=text],
.sidecol form.exijs input[type=password] {
	width: 185px;
	margin: 0 0 0.5em;
	}
.sidecol form.exijs input[type=button] {
	margin: 0.5em 0.5em 0.5em 0;
	}
.sidecol form.exijs #infoline {
	color: #CC0000;
	min-height: 1px;
	}
.sidecol ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 17px;
	}
.sidecol ul ul {
	padding: 3px 0;
	}
.sidecol ul ul li {
	line-height: 17px;
	margin: 2px 5px 2px 10px;
	padding: 2px 5px;
	width: 185px;
	}
.sidecol ul ul li a,
.sidecol ul ul li a:visited {
	color: #5A758E;
	display: block;
	}
.sidecol ul ul li a:hover,
.sidecol ul ul li a:focus  {
	text-decoration: underline;
	}
.sidecol ul ul li a span {
	color: #888;
	}
	
/* 3 column page layout */
.maincol .sidecol-2 ul {
	font-size: 1.2em;
	background: #EEF1F3;
	position: relative;
	border: 0;
	text-align:right;
	padding: 0 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	}
.maincol .sidecol-2 ul li {
	background:url("../images/sidecol-2-li-bg.png") 100% 100% no-repeat;
	padding: 0.5em 0;
	list-style: none;
	}
.maincol .sidecol-2 ul li:last-child {
	background: none;
	}
.maincol .sidecol-2 ul li h2 {
	color: #003D77;
	font-weight: normal;
	font-size: 1.3em;
	margin: 0 0 0.2em;
	}
.maincol .sidecol-2 a {
	color: #5A758E;
	}
.maincol .sidecol-2 form label {
	display: none;
	}
.maincol .sidecol-2 input[type="text"],
.maincol .sidecol-2 input[type="submit"],
.maincol .sidecol-2 input[type="button"] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	}
.maincol .sidecol-2 input[type="text"] {
    border: 1px solid #76B0D8;
    color: #7D7D7D;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    width: 218px;
	}
.maincol .sidecol-2 input[type="submit"],
.maincol .sidecol-2 input[type="button"] {
    background: #003D77;
	border: 0;
    color: #FFFFFF;
    cursor: pointer;
	font-weight: normal;
    height: 26px;
    margin: 5px 0;
    padding: 0 0.6em;
    text-transform: uppercase;
	font-size: 13px;
	}
.maincol .sidecol-2 input[type="submit"]:hover,
.maincol .sidecol-2 input[type="button"]:hover{
	text-decoration: none;
	background: #49B9DB;
	transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
   background: #545454;
   color: #FFF;
}
.maincol .sidecol-2 a.rss,
.maincol .sidecol-2 a.twit {
	padding: 0 0px 0 0;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 0 0 1em;
	}
.maincol .sidecol-2 a.twit {
	background: transparent;
	}
.maincol .sidecol-2 a.rss {
	background: url("../images/ico-rss.png") 100% 2px no-repeat;
	}
.maincol .sidecol-2 span.date {
	color: #5A758E;
	display: block;
	}
.maincol .sidecol-2 .img-placeholder {
	position: relative;
	width: 230px;
	height: 170px;
	margin: 0.5em 0;
	}
.maincol .sidecol-2 .img-placeholder img {
	z-index: 100;
	}
.maincol .sidecol-2 .img-placeholder span {
	z-index: 110;
	border-top: 1px solid #fff;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 220px;
	padding: 5px;
	margin: 0;
	}
.maincol .sidecol-2 .img-placeholder a {
	color: #fff;
	text-align: left;
	font-size: 1.2em;
	}
.sidecol-2 p{
	font-size: 90%;
}
.maincol .sidecol-2 .twtr-hd,
.maincol .sidecol-2 .twtr-ft {
	display: none;
}
.maincol .sidecol-2 .twtr-timeline {
	text-align: right;
	height:auto !important;
}
.maincol .sidecol-2 .twtr-widget {
    font-family: Georgia,"Times New Roman",Times,serif !important;
    font-size: 1em !important;
}
.maincol .sidecol-2 .twtr-widget p {
	line-height: 1.5 !important;	
}
.maincol .sidecol-2 .twtr-widget em {
	font-size: 0.8em !important;
}
.maincol .sidecol-2 .twtr-widget .twtr-tweet-wrap {
	padding:0;
}
/* footer */
.footer {
	clear: both;
	}
.footer .layout {
	border-top: 4px solid #DEE3E8;
	margin-top: 20px;
	padding: 20px 0;
	}
.footer .layout .section {
	float:left;
	width: 24%;
	margin: 0 1% 2em 0;
	}
.footer h4 {
	margin: 0 0 0.3em;
	}
.footer .layout .copyright {
	clear: left;
	margin: 1em 0 3em;
	padding: 1em 0 0;
	border-top: 2px solid #DEE3E8;
	}
/*---------- styles for tpl files ----------*/
.pr-img img {
	-moz-box-shadow: 0px 2px 4px #aaa;
	-webkit-box-shadow: 0px 2px 4px #aaa;
	box-shadow: 0px 2px 4px #aaa;
	}    
#index .tabs-container  {
  float:left; 
  width:500px !important;
  overflow:hidden;
}
#index .tabs-container ul {
	margin: 0;
}
#index .tabs-container li {
  list-style-type:none;
}
#index .tabs-container .pane-item {
  width:480px;
}
#index .tabs-container .pane-item .img-col {
	float: right;
	margin: 0 0 10px 10px;
}
#index .tabs-container .pane-item .img-col img {
	/*border: 1px solid #ccc;*/
}
#index .tabs-container .pane-item p a {
	font-weight: bold;
}
#index .tabs-container .pane-item a.more {
	background: #003D77;
    color: #FFF;
    padding: 0 0.6em;
    text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0.2em 1em;
	margin: 1em 0 0;
	float: left;
}
#index .tabs-container .pane-item a.more:hover,
#index .tabs-container .pane-item a.more:focus {
	text-decoration: none;
	background: #49B9DB;
	transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
   background: #545454;
   color: #FFF;
}


/* box with list of 3 products */
.maincol .pr-list-3 {
	overflow: hidden;
	position: relative;
	}
.maincol .pr-list-3 h2 {
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	webkit-border-radius: 8px 8px 0 0;
	background: #D4D4D4;
	background: -moz-linear-gradient(top, #D4D4D4, #C1C1C1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#D4D4D4), to(#C1C1C1));
	margin: 0;
	padding: 0.4em 10px;
	position: relative;
	text-shadow:0 1px 0 #EAEAEA;
	}
.maincol .pr-list-3 .more {
	position: absolute;
	top: 0.5em;
	right: 10px;
	color: #000;
	text-shadow:0 1px 0 #EAEAEA;
	font-weight: bold;
	text-decoration: none;
	}
.maincol .pr-list-3 .section {
	border: 1px solid #E8E8E8;
	padding: 10px 0;
	margin: 0 0 1em;
	overflow: hidden;
	width: 658px;
	}
.maincol .pr-list-3 ul li {
	float: left;
	list-style: none;
	text-align: center;
	width: 30%;
	padding: 0 1.5%;
	margin: 0 0 1em;
	}
.maincol .pr-list-3 ul li .pr-title {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	height: 3.5em;
	overflow: hidden;
	}
.maincol .centercol .pr-list-3 .section {
	width: 438px;
	}
.maincol .centercol .pr-list-3 .pr-add {
	font-size: 90%;
	padding: 2px 9px;
	}
	
/* produst list for individual titles in their own box */
.maincol .pr-list-box {
	width: 100%;
	overflow: hidden;
	}
.maincol .pr-list-box ul {
	margin: 0 -5px;
	float: left;
	width: 668px;
	}
.maincol .pr-list-box ul li {
	float: left;
	list-style: none;
	text-align: center;
	width: 33.33%
	}
.maincol .pr-list-box dl {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #E8E8E8;
	margin: 0 5px 1em;
	padding: 0 0 1em;
	overflow: hidden;
	}
.maincol .pr-list-box dl dt.pr-title {
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	background: #D4D4D4;
	background: -moz-linear-gradient(top, #D4D4D4, #C1C1C1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#D4D4D4), to(#C1C1C1));
	font-weight: bold;
	margin: 0 0 0.6em;
	padding: 0.4em 0;
	text-shadow:0 1px 0 #EAEAEA;
	}
.maincol .centercol .pr-list-box ul {
	margin: 0 -5px;
	float: left;
	width: 450px;
	}
.maincol .centercol .pr-list-box dl {
	margin: 0 5px 1em;
	}
	
div ul.pr-table {
	padding: 0 5px 50px 5px;
	margin: 0;
	float: left;
	width: 550px;
	}
div ul.pr-table li {
	border-bottom: 1px solid #e8e8e8;
	float: left;
	margin:0 15px 20px 0;
	padding: 10px 5px;
	position: relative;
	text-align: center;
	width: 190px;
	height: 250px;
	list-style: none;
	overflow: hidden;
	}
/* this will only work in CSS 3
div ul.pr-table li:nth-child(3n),
div ul.pr-table li:last-child {
	margin-right: 0;
	}*/
div ul.pr-table li h2 {
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 0;
	height: 2.8em;
	overflow: hidden;
	}
div ul.pr-table li:hover {
	z-index: 999;
	overflow: visible;
	}
div ul.pr-table li:hover .pr-main {
	z-index: 9999;
	}
div ul.pr-table .pr-main {
	left: 0;
	top: 0;
	width: 180px;
	padding: 10px;
	position: absolute;
	}
div ul.pr-table .pr-main .pr-img {
	height: 105px;
	}
div ul.pr-table .pr-prices {
	left: 0;
	top: 150px;
	padding: 10px 0;
	width: 100%;
	position: absolute;
	z-index: 9999;
	}
div ul.pr-table .pr-prices .ddp {					
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
	}
div ul.pr-table .pr-prices .rrp {
	}
div ul.pr-table .pr-prices .ys {
	color: #CC0000;
	font-weight: bold;
	font-size: 0.9em;
	}
div ul.pr-table li:hover .pr-extra {
	background: #eee;
	display:block;
	}
div ul.pr-table li .pr-extra {
	-moz-box-shadow: 0px 4px 8px #222;
	-webkit-box-shadow: 0 4px 8px #222;
	box-shadow: 0px 4px 8px #222;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #e8e8e8;
	display: none;
	left: 0;
	padding: 0;
	position: absolute;
	top:0;
	width: 200px;
	z-index: 90;
	}
div ul.pr-table li .pr-extra ul {
	background:#eee;
	padding-bottom: 10px;
	float: left;
	margin: 270px 0 0;
	width: 100%;
	}
div ul.pr-table li .pr-extra ul li {
	border: 0;
	z-index: 999;
	height:auto;
	clear:left;
	display:block;
	float:left;
	margin: 0;
	padding: 0 0 2px;
	}
	
/* authors page */
.author-alphabet {
	font-size: 1.6em;
	text-align: center;
	}
#authorlist {
	padding-top: 20px;
	}	
#authorlist ul {
	list-style: circle;
	-moz-border-radius: 8px;
	webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 2px #AAAAAA;
	-webkit-box-shadow: 0 1px 2px #AAAAAA;
	box-shadow: 0 1px 2px #AAAAAA;
	background:none repeat scroll 0 0 #EEF1F3;
	margin: 0 auto 20px;
	padding:20px 50px;
	width: 300px;
	min-height: 200px;
	}
#authorlist ul li {
	list-style: circle;
	}
#author-display .lrg-image {
	float: right; 
	border: 1px solid #EBEBEB; 
	background: #f8f8f8; 
	padding: 10px; 
	margin: 0 0 10px 10px;
	}

/* results and display page */
#results h1 span {	
	margin-left: 0;
}
.pr-price {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
	}
.pr-save {
	color: #CC0000;
	font-weight: bold;
	font-size: 0.9em;
	}
.pr-add {
	margin-top: 10px;
	}
.pr-add a {
	background: #003C75;
	background: -moz-linear-gradient(top, #006ACA, #003C75);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#006ACA), to(#003C75));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 10px 3px 10px;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	display: block;
	margin-bottom: 0.5em;
	}
.pr-add a.ebk {
	background: #008DBB;
	background: -moz-linear-gradient(top, #36B8D0, #008DBB);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#36B8D0), to(#008DBB));
	text-align: center;
}
.pr-add a.ebk i {
	font-style:italic;
	font-weight: bold;
	font-size: 150%;
	line-height: 0.8;
	letter-spacing: 0.1em;
}
.pr-add a span {
	background: url("../images/btn_add_med.png") 0 50% no-repeat;
	padding: 0 0 0 20px;
	}
.pr-add a:hover,
.pr-add a:focus {
	background: #245888;
	text-decoration: none;
	}
.pr-add a.ebk:hover,
.pr-add a.ebk:focus {
	background: #36B8D0;
}
	
/* display */
#display .img-col {
	float:left;
	margin:0 13px 10px 0;
	text-align:center;
	width:132px;
	}
#display .img-col img {
	/*border: 1px solid #aaa;*/
	-moz-box-shadow: 2px 3px 6px #aaa;
	-webkit-box-shadow: 2px 3px 6px #aaa;
	box-shadow: 2px 3px 6px #aaa;
	}
#display .img-col p {
	margin: 10px 0 0;
	}
#display .biblio-col {
	overflow:hidden;
	float: left;
	width: 440px;
	}
#display .biblio-col h1 {
	color: #000;
	line-height: 1.4;
	background: none;
	padding: 0;
	}
#display .biblio-col h1 span {
	color: #000;
	display: block;
	font-weight: normal;
	font-size: 0.6em;
	padding-left:3px;
	}
#display .biblio-col h1 span.aub {
	font-size: 0.6em;
	}
#display .biblio-col dl {
	border-top: 1px solid #DEE3E8;
	float:left;
	margin: 0 0 0.5em;
	padding: 1em 0 0;
	width: 440px;
	}
#display .biblio-col dt {
	clear:left;
	padding-right:5px;
	width: 120px;
	font-weight: bold;
	}
#display .biblio-col dt, 
#display .biblio-col dd {
	float:left;
	} 
#display .biblio-col dd {
	width: 315px;
	}
#display .biblio-col .series {
	margin-bottom: 1em;
	padding-bottom: 1em;/*
	border-bottom: 1px solid #DEE3E8;*/
	}
#display .biblio-col .pr-prices {
	position: absolute;
	top: 0;
	right: 0;
	background: #EEF1F3;
	padding: 1em 25px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}
#display .biblio-content {
	clear: left;
	float: left;
	width: 100%;
	border-top: 2px solid #EBEBEB;
	padding: 20px 0;
	margin: 10px 0;
	}
#display .cat-trail {
	border: 1px solid #DEE3E8;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 1em 0;
	clear: both;
	float: left;
	width: 100%;
	}
#display .cat-trail h3,
#display .cat-trail li,
#display .cat-trail ul {
	float: left;
	margin: 0 5px 0 0;
	font-size: 1em;
	line-height: 1.2;
	}
#display .cat-trail ul {
	width: 570px;
	}
ul.tab-navigation {
	height: 2em;
	line-height: 2em;
	width: 660px;
	overflow: hidden;
	}
ul.tab-navigation li {
	}
ul.tab-navigation li a {
	font-weight: bold;
	float: left;
	height: 2em;
	line-height: 2em;
	margin: 0 1px 0 0;
	padding: 0 20px;
	background-color: #D4D4D4;
	color: #555;
	text-decoration: none;
	-moz-border-radius:4px 4px 0 0;
	}
ul.tab-navigation li a.selected {
	background: #D4D4D4;
	background: -moz-linear-gradient(top, #D4D4D4, #C1C1C1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#D4D4D4), to(#C1C1C1));
	color: #222;
	}
ul.tab-navigation li a:hover,
ul.tab-navigation li a:focus {
	background: #C1C1C1;
	color: #222;
	}
div.tabs > div {
	padding: 20px 0;
	border-bottom: 2px solid #EEF1F3;
	border-top: 2px solid #C1C1C1;
	}
div.tabs > div h2 {
	}
.recent-view {
	clear: left; 
	float: left; 
	width: 100%; 
	overflow: hidden; 
	margin-top: 40px;
	}
.recent-view .recent-pane {
	float: left; 
	margin: 15px 0 0; 
	border: 1px solid #ccc; 
	padding: 10px; 
	width: 638px;
	}
	
/* results page */
#results h1 {
	background: none;
	padding: 0;
	font-size: 1.5em;
	}
.results-filters {
	background: #EEF1F3;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 0 10px;
	overflow:hidden;
	position: relative;
	margin: 0 0 10px;
	}
.results-filters .sort-form {
	position: absolute;
	top: 8px;
	right: 10px;
	}
.results-filters .sort-form legend {
	display: none;
	}
.results-filters .sort-form select {
	width: 160px;
	background: #fff;
	border:1px solid #76B0D8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 1.1em;
	line-height: 1;
	padding: 1px 5px;
	}
.results-filters h3,
.results-filters ul,
.results-filters li,
.display-pagenav ul,
.display-pagenav li {
	float: left;
	margin: 0 5px 0 0;
	line-height: 20px;
	}
.results-filters .browse-trail ul {
	max-width: 410px;
	}
.results-trail {
	padding: 10px 0;
	float: left;
	width: 505px;
	}
.search-trail li {
	margin-right: 12px;
	}
.search-trail li a {
	background: #CC0000;
	border: 1px solid #990000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 0 5px;
	text-transform: uppercase;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	}
.search-trail li a:hover,
.search-trail li a:focus {
	text-decoration: none;
	background: #990000;
	}
.pagenav {
	padding: 10px 0;
	float: left;
	}
.pagenav a {
	background: #fafafa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 5px;
	color: #555;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
	}
.pagenav a:hover,
.pagenav a:focus {
	background: #fff;
	text-decoration: none;
	color: #000;
	}
.results-pagenav {
	float: right;
	margin-right: -10px;
	}	
.pr {
	position: relative;
	clear: left;
	overflow: hidden;
	}
.display-pagenav {
	margin: 0 0 10px 2px;
	padding-top: 0;
	}
.display-pagenav a {
	background: #EEF1F3;
	}
.display-pagenav a:hover,
.display-pagenav a:focus {
	background: #f3f3f3;
	text-decoration: none;
	color: #000;
	}
.inactive a,
.inactive a:hover,
.inactive a:focus,
.inactive a:active {
	background: #F3F3F3;
	color: #bbb;
	}
.maincol ul.results {
	margin-bottom: 20px;
	}
.maincol ul.results li {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 0;
	position: relative;
	list-style: none;
	}
.maincol ul.results li dl .pr-img {
	float: left;
	width: 110px;
	}
.maincol ul.results li dl .pr-img img {
	/*border: 1px solid #ccc;*/
	-moz-box-shadow: 2px 3px 6px #aaa;
	-webkit-box-shadow: 2px 3px 6px #aaa;
	box-shadow: 2px 3px 6px #aaa;
	}
.maincol ul.results li dl dt {
	font-size: 1.5em;
	line-height: 1.2;
	}
.maincol ul.results li dl dt.pr-title,
.maincol ul.results li dl dd {
	margin: 0 150px 0 110px;
	}
.maincol ul.results li dl dt.pr-title {
	margin-bottom: 0.3em;
	}
.maincol ul.results li dl dt.pr-author {
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0 150px 0 110px;
	}
.maincol ul.results li dl dt span {
	display: block;
	font-size: 0.9em;
	line-height: 1;
	font-style: italic;
	}
.maincol ul.results li dl dt em {
	font-weight: bold;
	}
.maincol ul.results li dl dd {
	margin-top: 12px;
	}
.maincol ul.results li dl dd ul li {
	border: none;
	padding: 0;
	}
.maincol ul.results li dl dd ul.pr-prices {
	position: absolute;
	top:15px;
	right: 0;
	width: auto;
	max-width: 150px;
	}
.maincol ul.results li dl dt.pr-series {
	margin: 0.3em 150px 0 110px;
	}

/* styles for main content which is editable by clients */
.client-edit ul,
.client-edit ol {
	margin: 0 0 1.6em;
	}
.client-edit ul li,
.client-edit ol li {
	list-style: inside;
	margin: 0 0 0.2em 0;
	}
.client-edit ul li {
	list-style-type: disc;
	}
.client-edit ol li {
	list-style-type: decimal;
	}
.client-edit ul li ul,
.client-edit ol li ol {
	margin: 0 0 0 2em;
	}
.client-edit .divider,
.client-edit .section {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 1em;
	overflow: hidden;
	}

/* contact */
.contact-form {
	overflow: hidden;
}
.contact-form label {
	float: left;
	width: 120px;
}
.contact-form select,
.contact-form input[type="text"],
.contact-form textarea {
	float: left;
	width: 360px;
	padding: 1px 2px;
	margin-bottom: 1em;
}
.contact-form select {
	width: 364px;
}
.contact-form textarea { 
	height: 164px;
}
.contact-form input[type="submit"] {
	margin: 1em 0 0 120px;
	padding: 0 1em;
}
.contact-form #captcha_table {
	clear: left;
}
.contact-form #captcha_table input {
	width: 50px;
}
h3#wrongcaptcha {
	color: #f00;
	font-weight: bolder;
	font-size: larger;
}

/* home page */
.rotator {
	width: 500px;
	height: 350px;
	position: relative;
	}
.rotator .caption {
	background-color: rgba(0, 0, 0, 0.7);
	border-top: 1px solid #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 330px;
	padding: 5px 160px 5px 10px;
	}
.rotator .caption h2 {
	font-size: 1.5em;
	color: #fff;
	letter-spacing: 3px;
	line-height: 1.3;
	}
.rotator .caption h2 span {
	display: block;
	font-weight: normal;
	font-size: 90%;
	}

.index-feature {
	width: 100%;
	height: 330px;
	background:url("../images/resources/featuredtitle.jpg") 50% 50% no-repeat;
	margin: 10px 0;
	}
.index-feature-text {
	font-size: 1.4em;
	line-height: 1.2;
	color: #000;
	padding: 10px 190px 10px 10px;
	}
.index-feature-text a {
	color: #000;
	text-decoration: underline;
	}
	
/* help pages */
#help .header {
	height: auto;
	}
#help .header img {
	padding: 1em;
	}
#help .client-edit {
	padding: 1em;
	clear: left;
	}
#help .section {
	padding: 1em 0 6em;
	}


.maincol .list-filter {
	width: 100%;
	overflow: hidden;
	margin: 0 0 3em;
	}
.maincol .list-filter li:first-child {
	border-left: 0;
	padding-left: 0;
}
.maincol .list-filter li {
	padding: 0 0.5em;
	border-left: 1px solid #ccc;
	float: left;
	list-style: none;
	}
	
/* news pages */
.news-list li {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	background: url("../images/h1-underline.png") 0 100% no-repeat;
	overflow: hidden;
	}
.news-list li h2 {
	margin-bottom: 0;
	line-height: 1.4;
	}
.news-list li .date {
	color: #5A758E;
	}
.news-list li a img {
	margin: 0 10px 10px 0;
	/*border: 1px solid #ccc;*/
	float: left;
}
.news-pagenav {
	width: 100%;
	}
.news-pagenav ul {
	float: left;
	}
.news-pagenav h3,
.news-pagenav li {
	float: left;
	margin: 0 0.5em 0 0;
	}
.news-pagenav h3 {
	line-height:normal;
	}
#news-display .sidecol-2 img {
	width: 240px;
	height: auto;
	/*border: 1px solid #ccc;*/
	margin: 0 0 1em;
	float: right;
}
.pr-title a em {
  font-weight:normal !important;
}

/* ebook popup for display page */
.overlaydata {
    display:none; /* must be initially hidden */
    z-index:10000; /* place overlay on top of other elements */
    background:#fff;
    width:425px;
    border:1px solid #fff;
    -moz-box-shadow: 0 0 20px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.3);
    box-shadow:0 0 20px 5px rgba(0,0,0,0.3);
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size:1.2em;
	padding: 30px;
}
.overlaydata ul	{
	text-align:center;
	font-size: 110%;
}
.overlaydata ul	a {
	font-weight: bold;
}
.overlaydata .close {
    background-image:url("../images/close.png");
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.overlaydata h1 {
	font-size: 2.4em !important;
	line-height: 1 !important;
	margin-bottom: 0.5em !important;
	padding-bottom: 0.5em !important;
	color: #013C74;
	background: url("../images/h1-underline.png") 100% 100% no-repeat !important;
	}
.overlaydata h1 span {
	color: #5A768E;
	margin-left:-0.1em !important;
	}
.caro_list_carousel a:hover, .caro_list_carousel a:active, .caro_list_carousel a:focus{
	color: #545454!important;
}
.maincol .sidecol-2 a.rss{
	padding: 0px 28px 0px 0px;
}
.caro_grey_pagination a.selected span{
	/*color: #545454!important;*/
	background: #545454;
	color: #FFF;
	transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{
	border-top: 3px solid #545454!important;
}
.current:hover{
	border-top: 3px solid #545454!important;
}

#cookie-bar.fixed {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}
#cookie-bar {
    background: #111 none repeat scroll 0 0;
    color: #eee;
    line-height: 24px;
    padding: 3px 0;
    text-align: center;
	font-size:18px;
}
#cookie-bar p {
    margin: 0;
    padding: 0;
}
#cookie-bar .cb-enable {
    background: #008f8a none repeat scroll 0 0;
}
#cookie-bar a {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin-left: 8px;
    padding: 0 6px;
    text-decoration: none;
}