@charset "utf-8";

/* --------------------------------------------------------------------------------------------- */
/* -------------------------------ROUTLEDGE / TAYLOR AND FRANCIS ------------------------------- */
/* ---------------------------------- DIGITAL PUBLISHING TEAM ---------------------------------- */
/* ---------------------------------- TWITTER-BOOTSTRAP 3.0 ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------- CW TEMPLATE 1.1---------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

html,body{
	padding-left:2%;
	padding-right:2%;
	margin-left:auto;
	margin-right:auto;
	background: #DBDCDE; /* Page Background BG */
	background-attachment: fixed;
	background-size:cover;
	font-size:100%;
	border-radius:none !important;

}
html {overflow-y: scroll;}
body {max-width:1280px;}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {margin-left: auto;margin-right: auto;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~ ONLY Smartphones (portrait and landscape) ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (min-width : 320px) and (max-width : 480px) {
    html,body{padding-left:0;padding-right:0;}
    .titleimage{font-size:2em;}
    .navbar-brand{font-size:2.5em;margin:0px;padding:4px 8px 4px 8px;background:none !important;color:#fff !important;}
    .navbar-toggle {border: 1px solid rgba(0, 0, 0, 0);border-radius: 0;color: #FFFFFF;display: block;float: right;font-size: 2em;margin: 0 10px;padding: 4px 14px 0;position: relative;}
    #purchaseoptionstitle{display:none;}
    #po_main{display:none;}
	.mobile_purchase{display:block;text-align:center;}
	.mobile_butt{width:100%}
	#social {padding: 4px !important;}
	.footer a{font-size:1.2em;}
	.footer li{font-size:0.5em;width:300px; margin-left:auto; margin-right:auto;}
    .return{display:none;}   
    h1{text-align:center;font-size:1em !important;}
    .nav > li {text-align: center;}
    .imgtext{margin-left: 0 !important;margin-top:0 !important;}
    #signout {left: 100%; margin-left: -214px; position: relative;}
    .home{display:none !important;}	
    .nav-pills > li > a {width: 288px;}
}/* END */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ Tablets and Upwards ~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 768px){
    .titleimage h1{text-indent: -5000px !important;	font-size: 2%;position:absolute;}/*Hide title*/
    .titleimage:not([IE7or8]) {
    	background: url("../img/header.png") no-repeat left bottom; 
        background-size: contain;
    	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled = false) !important;
    }
    .titleimage { padding-bottom: 20%;}/*Padding for title image*/
    .mobile_purchase{display:none;}
}/* END */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~ ONLY Standard Tablets (portrait and landscape) ~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 768px) and (max-width : 800px) {
.mobile_purchase{display:block; text-align:center;}
.mobile_butt{width:100%;}
#purchaseoptionstitle{display:none;}
#po_main{display:none;}
}/* END */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~ Desktop & Laptops ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 1224px) {}/* END */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ Large Screens ~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 1824px) {}/* END */


/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------  FONT AND ITEM STYLES  ----------------------------------- */
/* --------------------------------------------------------------------------------------------- */
h1{font-size:1.6em;margin:0;font-weight:bold; margin-bottom:15px; margin-top:10px;}
h2{font-size:1.4em;}
h3{font-size:1.2em; }
h4{font-size:1em;}
h5{font-size:0.9em; font-weight:bold;}
h6{font-size:0.8em; font-weight:bold;}
a {color: #366da6;text-decoration: none;}
a:active, a:focus{outline:none;}
button: :-moz-focus-inner{border:0;}
p{}
i{text-decoration:none!important;}
a:hover,a:focus {color: #FF8667;}
.jumbotron {background-color: #FAF6F1;margin-top: 30px;padding: 25px !important;}
.btn{border-radius:0;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------- Main Page Content Styling --------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.main{background:#ffffff; min-height:550px;}
.container{width:100%;min-width:100%;min-width:98%\9;padding-top:20px;padding-bottom: 15px;}
.navbar{border-radius:0;margin-bottom:0px;border:none;}
.modal-open {overflow: visible;}	
.modal{overflow:hidden;}
.panel-title > a {color: inherit;display: block;margin: -10px;padding: 10px;}
.home {display: inline;}
.purchasei {display: inline;}
.feedbacki {display: inline;}
.feedback_form{display: block;height: 500px;}
.hiddentitle{display:none;}
.state_hide{display:none;}
.hide_ebook_form{display:none;}
#signout ul{list-style:none;}
#signout li{display: inline;}
#signout {float: right;margin-right: 2%;margin-top: 6px;position: relative;z-index: 100;}
.car_button {font-size: 80px;position: relative;top: 50%;}
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------ Lightbox Gallery --------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.lbox_gal{height:150px; overflow:hidden;margin: 8px;}
.lb_img{background-position: center center !important;background-repeat: no-repeat !important;background-size: contain !important;padding: 40%;}
.zoom{display:inline-block;	-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;
transition: all 500ms ease;}
.zoom:hover{box-shadow: 1px 1px 6px 0 #222222;}
.zoom:before{opacity:0;}
.zoom:hover:before {color: #FFFFFF;content:'\f00E';pointer-events:none;display: inline-block;font-family: FontAwesome;font-size: 68px;margin-left: 17px;margin-top: 17px;position: absolute;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);-webkit-animation: zoom 2s 0.1s forwards;-moz-animation: zoom 2s 0.1s forwards;animation: zoom 2s 0.1s forwards ;}
@keyframes zoom {0%   {opacity:0.1;}100% {opacity:0.8;}}
@-webkit-keyframes zoom{0%   {opacity:0.1;}100% {opacity:0.8;}} 
#lb_mod > .modal-dialog > .modal-content {margin-top: 50px;padding: 20px;}
#lb_mod > .modal-dialog {width: 50%;}
.lightbox_gallery{margin-left:auto;margin-right:auto;position:relative;width:100%;text-align: center;}
.lb_title {border-top: 1px solid #CCCCCC;padding-top: 6px;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------- Custom Scrollbars in WEBKIT (Chrome/Safari/Opera) --------------------- */
/* --------------------------------------------------------------------------------------------- */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background:#17120E;}
::-webkit-scrollbar-thumb {background:#E2BF87;}
::-webkit-scrollbar-thumb:hover {background: #BD362F;}  
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------ Purchase Options --------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.purchase {display:block;}
#cover {max-width:100% !important;height:auto;display:block;margin-left:auto;margin-right:auto;-webkit-box-shadow: 1px 1px 10px 0px #222222;box-shadow: 1px 1px 10px 0px #222222;}
#purchaseoptions .btn{background: #4683A2;border-radius: 0;color: #ffffff;display: block;font-size: 16px;margin: 7px;padding: 7px;position: relative;}
#purchaseoptions li a{padding: 7px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#purchaseoptions a:hover,#purchaseoptions a:focus{padding: 7px;background:#174E69;border: 1px solid transparent;color:#ffffff;}
#purchaseoptionstitle{background: #4683A2;color: #ffffff;padding: 2px;text-align: center;}
#po_lightbox > .modal-dialog {width: 600px;min-width: 300px;}
#purchaseimg{background: none repeat #BDBDBD;margin: 7px;border: 1px solid #E3E3E3;border-radius: 0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;}
#purchaselightbox{width:100%;}
#close_POL{background: none repeat scroll 0 0 #FFFFFF;border-radius: 0;height: 47px;position: absolute;right: 4px;top: 4px;width: 48px;z-index: 2;}
#close_POL .close {color: red;float: right;font-size: 40px;font-weight: bold;line-height: 1;margin-right: 5px;margin-top: 1px;opacity: 0.43;}
#po_main{background-color: #F5F5F5;border: 1px solid #222222;border-radius: 0;margin-bottom: 20px;min-height: 20px;padding: 0;}
#zoom_image{background: none repeat scroll 0 0 #F7F7F7;font-size: 30px;height: 55px;margin-left: -7px;margin-top: -48px;opacity: 0.5;position: absolute;text-align: center;width: 100%;z-index: 3;color:#000000;}

/* --------------------------------------------------------------------------------------------- */
/* --------------------------------- Navigation bar Styling ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
/*  This List defines the current lit button in the Nav Bar per page */
body#index .navbar-inverse .navbar-brand,
body#feedback .navbar-inverse .navbar-nav > li > a#feedbacknav,
body#videos .navbar-inverse .navbar-nav > li > a#videos,
body#glossary .navbar-inverse .navbar-nav > li > a#glossary,
body#resources .navbar-inverse .navbar-nav > li > a#resources {
	color: #222222;
	background:#fff;
	font-weight:bold;
} 


/*Nav Bar Colour*/
.navbar-inverse {background-color: #4683A2;}
.navbar-inverse .navbar-text {color: #ffffff;}
/*Home Button Text Colour + Transitions*/
.navbar-inverse .navbar-brand {color: #ffffff;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
/*Home Button Text Colour hover Properties*/
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {color: #FF8667;}
/*Navigation Text Colour*/
.navbar-inverse .navbar-nav > li > a {color: #ffffff;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
/*Navigation Text Hover Properties*/
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {color: #ffffff;background-color:#174E69;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color:#174E69;
}
.navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:hover,.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
/*Styles for reduced menu button that appears in mobile view*/
.navbar-inverse .navbar-toggle {border:none;}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #333333;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff;}

/*Drop Down Menu OPEN STATE Properties*/
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
  color: #17120e;
  background-color:#e2bf87;
}
/*Drop Down Menu Arrow DEFAULT STATE Properties*/
.navbar-inverse .navbar-nav > .dropdown > a .caret {border-top-color: #e2bf87;border-bottom-color: #e2bf87;}
/*Drop Down Menu Arrow HOVER STATE Properties*/
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {border-bottom-color: #17120e;border-top-color: #17120e;}
/*Drop Down Menu Arrow OPEN STATE Properties*/
.navbar-inverse .navbar-nav > .open > a .caret,.navbar-inverse .navbar-nav > .open > a:hover .caret,.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #17120e;  border-bottom-color: #17120e;
}
/*Drop Down Menu Item Hover Properties*/
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color: #17120e;text-decoration: none;background-color: #e2bf87;}
.breadcrumb > .active {color: #cccccc;}
/*Transitions for Navbar (mostly for the scroll effect)*/
.navbar{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position:relative;width:100%;}
/* Class added to Navbar when page scrolls*/
.fixed_navbar {
    border-bottom: 2px solid #FF8667;
    left: 0;
    position: fixed;
    top: 0;
	z-index:100000;
    width: 100%;
	animation: slidedown 0.5s linear;
	-webkit-animation:slidedown 0.5s linear;
	-webkit-box-shadow: 0px 3px 12px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    0px 3px 12px rgba(50, 50, 50, 0.47);
	box-shadow:         0px 3px 12px rgba(50, 50, 50, 0.47);
}

@keyframes slidedown{from {top:-200px} to {top:0px;}}/*nav slide down*/
@keyframes slideleft{from {right:-200px} to {right:0px;}}/*return slide left*/
.shunt{border-bottom:50px solid #17120e;}/*Force space where the navigation bar was, until it stuck to the top. Stops page jump*/
/*Hidden Return button*/
.return{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);/*BG colour and Opacity of button*/
	background: url("../img/trans_rep.png") repeat\9; 
    border-radius: 11px 0 0 11px;
    bottom: 6px;
    color: #ffffff;/*text colour of button*/
    font-size: 68px;
    height: 67px;
    position: fixed;
    right: 0;
	opacity:0.5;
    text-align: center;
    text-decoration: none;
    width: 68px;
    z-index: 1000000;
	animation: slideleft 0.5s linear;
	-webkit-animation: slideleft 0.5s linear;
	-webkit-transition: opacity 0.5s ease, width 0.5s ease;
    -moz-transition: opacity 0.5s ease, width 0.5s ease;
    -o-transition: opacity 0.5s ease, width 0.5s ease;
    transition: opacity 0.5s ease, width 0.5s ease;
}
.return a{color:#ffffff;}/*Text colour of Arrow*/
.return a:hover{color:#FF8667;}/*Hover colour of arrow*/
.return:hover{opacity:1;width:240px;}
.return::before {
    content: "";
    font-size: 30px;
    opacity: 0;
    padding-right: 0px;
    position: relative;
    top: -28px;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.return:hover::before,
.return:focus::before {
    content: "Back to top";
    font-size: 30px;
    opacity: 1;
    padding-right: 24px;
    position: relative;
    top: -28px; 
}
.return_hide{display:none;}
/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------ Footer Styling ----------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.footer{background: #4683A2;padding-bottom: 20px;width: 100%;display: block;border-top:5px solid #FF8667;}
.footer p{color:#ffffff;}
.footer li{color:#ffffff;}	
.footer a{color:#ffffff;}
.footer a:hover,.footer a:focus {color: #FF8667; text-decoration:none;}
.footer ul{background: none !important;}
.breadcrumb > li {text-shadow: none !important;}
.breadcrumb{margin-bottom:0px;padding-bottom:0px;}
#float_focus{background: #EDEDED;}
.no_style{list-style:none;}
.footer_align{width:100%;text-align:center;list-style:none;}
.footer_align {margin-left:0px !important;padding-left:0px !important;}
/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------------- Social Media ICONS -------------------------------- */
/* --------------------------------------------------------------------------------------------- */
#social{padding:10px;font-size:40px;}
#social a{font-size:12px;}
#social a:hover{text-decoration:none !important;}
#social i{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/* --------------------------------------------------------------------------------------------- */
/* ---------------------------------- Panel & Form Styles -------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.panel-default {border-color: #EDE2CF;}
.panel-default > .panel-heading {background-color: #EDE2CF;border-color: #EDE2CF;color: #5D4F38;}
.panel {border-radius: 0 0 0 0;box-shadow: none;}
.panel-heading {border-radius: 0;}
.form-control{box-shadow:none;border-radius: 0 0 0 0;}
.panel-group .panel {border-radius: 0px;}
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------- Carousel Styles ------------------------------------- */
/* --------------------------------------------------------------------------------------------- 
.carousel-control:hover,.carousel-control:focus {color: #F5D036 !important;}
.carousel-control.right,.carousel-control.left{color: #000000;font-size: 40px;right: -5%;top: 135px;background:none;}
.carousel-inner > .item {padding-top: 10px;}
.left.carousel-control,.right.carousel-control{filter:none;}/*IE Hack*/
/* --------------------------------------------------------------------------------------------- */
/* -------------------------------------- Page Tabs Styles ------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
#page_tabs {border-bottom: 2px solid #FF8667; padding-bottom:10px;}
#page_tabs > li.active > a, #page_tabs > li.active > a:hover, #page_tabs > li.active > a:focus {
background-color: #FF8667;color: #ffffff;cursor: default;}
#page_tabs a {color: #ffffff;}

#page_tabs a:hover {background: #FF8667 !important;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #FFFFFF;color: #ffffff;cursor: default;}
#page_tabs .dropdown-menu li:hover{background:#EDE2CF;}
#page_tabs .dropdown .active a{background-color: #E2BF87;}
#page_tabs .dropdown .active a:hover, .dropdown .active a:focus {background-color: #E2BF87;}
#page_tabs .caret {border-bottom-color: #17120E;border-top-color: #17120E;}
/* --------------------------------------------------------------------------------------------- */
/* -------------------------------------- Page Pills Styles ------------------------------------ */
/* --------------------------------------------------------------------------------------------- */
.nav-pills > li > a {background: none repeat scroll 0 0 #FFA58D;border-radius: 0;margin: 2px;text-align: center;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #FF8667;color: #ffffff;}
.nav-pills > li.active > a:before {
    color: #5E8686;
	font-family: FontAwesome;
    font-size: 17px;
    margin-left: 24px;
    margin-top: 28px;
    opacity: 0.4;
    pointer-events: none;
    position: absolute;
}
.nav-pills > li + li {margin: 0px;}
.tab-content {border: 0px solid #5E8686;margin-top: 20px;padding: 10px;}
/* --------------------------------------------------------------------------------------------- */
/* ----------------------------------------- Site Specific ------------------------------------- */
/* -------------------- Place all code here that is only relevent to THIS SITE ----------------- */
/* --------------------------------------------------------------------------------------------- */


dd{
margin-left:20px;
margin-bottom:20px;	
}


.poem > p{
	font-size: 10.5pt;
	line-height:80%;	
}


.row {
    margin-left: 0px;
    margin-right: 0px;
}