/* bootstrap overrides */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	outline:none;
}

input, button, select, textarea {
	outline:none;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
}

.clearboth {
	clear: both;
}

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    display:inline-block;
    float:none;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        display:inline-block;
        float:none;
    }

    .col-sm-6 {
        width: 49%;
    }

	.col-sm-4 {
		width: 33%;
    }

    .col-sm-3 {
        width: 24.33333%;
    }
}
 @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        display: inline-block;
        vertical-align: top;
        float:none;
    }

    .col-md-10 {
        width: 83%;
    }

    .col-md-6 {
        width: 47.333333%;
    }

    .col-md-3 {
        width: 24.7%;
    }
    .col-md-2 {
        width: 16.33333333%;
    }

}

.btn {
	text-align: left;
	white-space: normal;
}
/* ------------------- */

body {
	/*background: #e7e7e7;*/
	color: #343c41;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
}
body.nobg {
	background:none;
}
a {
    color: #0067a1;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
	color: #00abe9;
	text-decoration:underline;
}
/*a {
color:#3d5255;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}*/

/*
* image sizes
*/
.large {
/*	max-height: 333px;
	width: auto;
*/
	max-width:200px;
	height:auto;
}


img.large {
/*	max-height: 333px;
	width: auto;
*/
	max-width:200px;
	height:auto;
	max-height: 333px;

	/* Clayton said to force WxH */
	width:200px;
	height:300px;
}

.medium {
	max-height: 250px;
	width: auto;
	max-width: 160px;
	/* Clayton said to force WxH */
	width:160px;
	height:240px;

}

.small {
	max-height: 120px;
	width: auto;
}

hr {
	border-top: 1px solid #00ADEF;
	margin: 10px 0;
}

#product-image-large {
height:333px;
}

#product-image-medium {
height:250px;
}

#product-image-small {
height:120px;
}

/*
* top bar
*/
#top-bar {
	background: url(../img/bg_top_bar.png) 0 0 repeat;
}

#top-bar .navbar-collapse {
	padding: 0;
}

#top-bar .navbar {
	float: left;
	min-height: 10px;
}

#top-bar .navbar-nav {
margin-top:5px;
}

#top-bar .navbar-default {
	background-color: transparent;
	border: none;
	margin: 5px 0 0 0;
}

#top-bar .navbar-nav li {
	border-right: 1px solid #8aa4a7;
	padding: 0 5px;
}

#top-bar .navbar-nav li:first-child {
	padding-left: 0;
}

#top-bar .navbar-nav li:last-child {
	border: none;
}

#top-bar .navbar-nav a {
	color: #fff !important;
	font: 12px 'Roboto', sans-serif;
	padding: 10px 1px !important	;
	text-transform: uppercase;
}

#top-bar .navbar-nav a:hover {
	text-decoration: underline;
}

.soc-icons {
	padding: 0 5px;
}

.soc-icons a {
	display: inline-block;
	float:left;
	height: 28px;
	width: 28px;
	margin: 0 5px;
}

.tw {
	background: url(../img/icon_tw.png) center no-repeat;
}

.fb {
	background: url(../img/icon_fb.png) center no-repeat;
}

.yt {
	background: url(../img/icon_yt.png) center no-repeat;
}

.gplus {
	background: url(../img/icon_gplus.png) center no-repeat;
}

#call-us {
	color: #fff;
	font: 700 21px/30px 'Baloo 2', sans-serif;
	float: right;
	padding: 11px 10px 0 10px;
}

#cart-icon {
	background: #394c4f url('../img/icon_cart.png') center no-repeat;
	display: block;
	float: right;
	height: 53px;
	width: 39px;
}

#cart-box .btn-group {
	float: right;
}

#cart-box button {
	background: #00ADEF;
	border: none;
	color: #fff;
	float: right;
	font: 700 16px/30px 'Roboto', sans-serif;
	height: 54px;
	width: 154px;
	opacity: 1;
}

.open {
    display: block !important;
    opacity: 1 !important;
        -moz-transition:    all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition:      all 500ms ease;
    -ms-transition:     all 500ms ease;
    transition:         all 500ms ease;
}

#cart-box .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 15px 6px;
    left: auto;
    right: 0;
    width: 255px;
}


#cart-box .dropdown-menu > div {
	margin: 0 14px;
}

#welcome-message {
	color: #2C3539;
}

#coins {
	background: url('../img/icon_coins.png') left center no-repeat;
	color: #897449;
	font: 700 14px/20px 'Roboto', sans-serif;
	padding: 0 0 6px 32px;
}

#items-quantity {
	color: #394c4f;
	font: 700 16px/24px 'Roboto', sans-serif;
	padding-bottom: 7px;
}

#cart-box table {
	margin-bottom: 3px;
	width: 100%;
}

#cart-box tbody tr {
	border-bottom: 1px solid #00ADEF;
}

#cart-box td {
	color: #2C3539;
	font: 500 14px/24px 'Roboto', sans-serif;
	padding: 3px 16px 6px;
}

#cart-box td:last-child {
	text-align: right;
}

#cart-box tfoot td:last-child {
	font: 700 16px/24px 'Roboto', sans-serif;
}

#cart-box .featured-button {
	color: #3d5255;
	font: 700 13px/34px 'Roboto', sans-serif;
	text-align: center;
}

#cart-box .featured-button:hover, #cart-box .featured-button:focus {
	color: #ffffff;
}



/*
* header
*/
#header {
	background: #e7e7e7;
	padding: 22px 0 10px;
}

#header .col-sm-4 p {
	color: #3d5356;
	font: 300 11px/38px 'Roboto', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	line-height:110%;
}

#header .col-sm-4 h2 {
    color: #394c4f;
    font: 900 11px/38px 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    margin-top: 10px;
}

@media (min-width: 760px) {
#header .col-sm-4 h2, #header .col-sm-4 p {
	min-width: 350px;
}
}

#header .col-sm-4 p span {
	display: block;
	margin-top:10px;
}

/*
#search input {
	background: #fff url(../img/icon_search.png) right center no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	color: #343c51;
	font: 700 16px 'Roboto', sans-serif;
	height: 42px;
	margin-top: 13px;
	padding: 10px 13px;
	width: 100%;
}
*/
#search input {
    box-sizing: border-box;
    color: #343c51;
    font: 700 16px "Roboto",sans-serif;
    height: 44px;
    margin-top: 9px;
    padding: 10px 14px;
    width: 100%;
}



#search a {
	color: #a5812d;
	font: 400 12px 'Roboto', sans-serif;
}


/*
* navigation
*/
#nav {
	background: #fff;
	border-bottom: 1px solid #d8d8d8;
}

#nav .navbar-default {
	background-color: transparent;
	border: none;
	padding: 0;
}

#nav .navbar-collapse {
	padding: 0;
}

#nav .navbar-default .navbar-nav > li > a {
	color: #3d5256;
	font: 700 14px/24px 'Roboto', sans-serif;
	padding: 12px 9px 0;
	text-transform: uppercase;
}

#nav .navbar-default .navbar-nav a:hover {
	text-decoration: underline;
}

#nav .container {
max-width:1020px;
}

#nav .navbar-default .navbar-nav > li:first-child > a {
/*	padding-left: 0;*/
}

.navbar {
margin-bottom: 0;
}

#cart-box.col-sm-4, #top-bar .col-sm-8 {
width: 49%;
float: left;
}


/*
* slider
*/
#slider {
	background: #f3f3f2;
	padding: 19px 0 50px;
}

#slider .row {
	margin: 7px 0;
}

.carousel {
	border: 1px solid #ddd;
	background: #fff;
	background-image: -moz-linear-gradient(bottom, #eee7d1 0%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #eee7d1 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #eee7d1 0%, #fff 100%);
	background-image: linear-gradient(bottom, #eee7d1 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #eee7d1 0%, #fff 100%);
	background-image: -webkit-gradient(linear, top, bottom, from(#eee7d1), to(#fff));
	padding: 15px 0 30px;
	min-height:440px;
}

.carousel-indicators li {
	background: #000;
	border: 1px solid #000;
}

.carousel-control.left,
.carousel-control.right {
	background: transparent;
}

#slider .col-sm-4 {
	float: right;
	padding-left: 35px;
}

#slider h1 {
	background: #fff url('../img/bg_slider_h1.png') right center no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cdbf85;
	border-width: 1px 0 1px 1px;
	color: #ac963f;
	font: 700 20px/32px 'Baloo 2', sans-serif;
	float: left;
	height: 34px;
	margin: 10px 0 26px -15px;
	padding-left: 5px;
	position: relative;
	width: 175px;
}

#slider h1:after {
	background: #fff url(../img/bg_slider_h1_end.png) right center no-repeat;
	content:"";
	display: block;
	height: 35px;
	position: absolute;
	top: -1px;
	right: 0;
	width: 12px;
}

#slider h2 {
	color: #2C3539;
	clear: both;
	font:700 26px/26px 'Roboto', sans-serif;
	margin-bottom: 0;
}

#slider h3 {
	color: #2C3539;
	font: 400 16px 'Roboto', sans-serif;
	margin: 1px 0 15px;
}

#slider p {
	color: #2C3539;
	font: 400 14px/18px 'Roboto', sans-serif;
	margin-bottom: 15px;
}

.normal-price {
	color: #2C3539;
	font: 700 16px/18px 'Roboto', sans-serif;
/*	display:none;*/
}

.hp-book-title {
	color: #2C3539;
	font: 700 16px/18px 'Roboto', sans-serif;
	padding-bottom: 5px;
/*	display:none;*/
}

.hp-author-name {
	color: #2C3539;
	font: 400 14px/16px 'Roboto', sans-serif;
	padding-bottom: 5px;
/*	display:none;*/
}
.citem .hp-book-title {
    height: 38px;
    overflow: hidden;
    max-width: 183px;
}
.citem .hp-author-name {
    height: 18px; /*37px;*/
    overflow: hidden;
    max-width: 183px;
}
.your-price {
	color: #3d5255;
	font: 700 16px/18px 'Roboto', sans-serif;
	margin-bottom: 15px;
}

.slider-button {
	border: 1px solid #3d5155;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	color: #3d5255;
	display: block;
	font: 700 13px/32px 'Roboto', sans-serif;
	text-align: center;
	width: 162px;
	text-transform:uppercase;
	background-color:transparent;
}

.bookgrid .slider-button,
.bookgrid .featured-button {
	margin:auto;
}

.slider-button:hover {
background-color: #3d5255;
	color: #ffffff;
	display: block;
	text-decoration:none;
}

.carousel-control,
.carousel-control:hover {
	opacity: 1;
}

.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
	content:"";
}

.left .glyphicon,
.right .glyphicon {
	border: 1px solid #cdbf85;
	-moz-border-radius: 21px / 21px 21px 21px 21px;
	-webkit-border-radius: 21px / 21px 21px 21px 21px;
	border-radius: 21px / 21px 21px 21px 21px;
	display: block;
	height: 39px;
	width: 39px;
}

.left .glyphicon {
	background: url(../img/arrow_left.png) center no-repeat;
	left: 30px;
}

.right .glyphicon {
	background: url(../img/arrow_right.png) center no-repeat;
	right: 30px;
}

.carousel-indicators {
	bottom: -55px;
}

.carousel-indicators li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #c9ad67;
	border: none;
	height: 8px;
	width: 8px;
}

.carousel-indicators .active {
	border: 1px solid #c9ad67;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 10px;
	width: 10px;
}

/*
* books
*/
.books {
	padding: 15px 0 0;
}

.books .row {
	background: #fff;
	margin: 0;
	padding: 0 0;
}



.books .heading {
	display:inline-block;
	width:auto;
}


.books .col-sm-12 {
	clear: both;
}

.books .col-sm-6 {
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
}

.books img {
	clear: both;
	display: block;
	margin: 0 auto 20px;
}

.filters .sort-by {
text-align:left !important;
}

.filters .pagination-list {
text-align:right !important;
}

.featured-normal-price {
	text-transform: uppercase;
	display:none;
}

.books .your-price {
	margin-bottom: 9px;
	text-transform: uppercase;
}
.books .your-price .rrp {
	font-size:14px;
	font-weight:normal;
}

.books p {
	color: #2C3539;
	line-height: 20px;
	margin-bottom: 14px;
	clear: both;
}

.featured-button {
	border: 1px solid #3d5155;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	color: #3d5255;
	display: block;
	font: 700 13px/34px 'Roboto', sans-serif;
	height: 34px;
	margin: 0 auto;
	text-transform: uppercase;
	text-align: center;
	width: 162px;
	margin:5px;
    background-color: #fff;
}

.inline-button {
	display: inline !important;
}

.featured-button a:link {
	color: #3d5255;
}

.featured-button:hover {
	background-color:#3d5255;
	color: #ffffff;
	text-decoration:none;
}


.author-more,
.show-more {
	background: #2C3539;
	color: #fff;
	min-height:8px;
	text-align: center;
	margin-top: 10px;
}

.author-more a{
	color: #fff;
	display: inline-block;
	font: 700 16px/40px 'Roboto', sans-serif;
	margin: 0 auto;
	padding-left: 35px;
	text-transform: uppercase;
	text-decoration: none;
}
.author-more a:hover {
	text-decoration: underline
}

.show-more a {
	background: url(../img/icon_collapse.png) left center no-repeat;
	color: #fff;
	display: inline-block;
	font: 700 16px/40px 'Roboto', sans-serif;
	margin: 0 auto;
	padding-left: 35px;
	text-transform: uppercase;
	text-decoration: none;
}

.show-more a:before {
/*

	content: "";
	display: block;
	float: left;
	height: 40px;
	width: 30px;
*/
}


.show-more a.collapsed{
	background: url(../img/icon_collapsed.png) left center no-repeat;
}

.show-more a::before {}

.show-more a:hover {
	text-decoration: none;
}

#available {
position:absolute;
top:200px;
right:16%;
width:60px;
height:60px;
z-index:100;
}

.category-listing #available {
    left: -3px;
    top: -11px;
    transform: scale(0.8);
}

.category-listing #banner {
    margin-bottom: 20px;
}

#rbba a {
	position: relative;
	display:inline-block;
}
.other-available {
    position: absolute;
    top: 250px;
    right: -28px;
    width: 60px;
    height: 60px;
    z-index: 100;
}

.cwb-available {
    position: absolute;
    top: 250px;
    right: -11px;
    width: 60px;
    height: 60px;
    z-index: 100;
}

.available-1-3 {
background:url(../img/available-1-3.png) no-repeat;
}

.available-7-9:before {
    content: "7 - 9";
    color: white;
    font-size: 14px;
    line-height: 0px;
    font-weight: bold;
    position: absolute;
    top: 15px;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.3);
    left: 0px;
    text-align: center;
    width: 100%;
}

.available-7-9:after {
    content: "days";
    color: white;
    font-size: 11px;
    line-height: 0px;
    font-weight: bold;
    vertical-align: sub;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.3);
    position: absolute;
    top: 27px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.available-7-9 {
	background:url(../img/available-blank.png) no-repeat;
	background-color:#4eb3a3;
	border-radius:50%;
}

.available-7-10 {
background:url(../img/available-7-10.png?r=20201027) no-repeat;
}

.available-8-11 {
background:url(../img/available-8-11.png?r=20201027) no-repeat;
}

.available-10-12 {
background:url(../img/available-10-12.png?r=20201027) no-repeat;
}
.available-now {
background:url(../img/available-now.png?r=20201027) no-repeat;
}
.available-kit {
background:url(../img/available-kit.png?r=20201027) no-repeat;
}
.available-await {
background:url(../img/awaiting_stock.png?r=20210618) no-repeat;
}
.available-print {
background:url(../img/pod.png?r=20201027) no-repeat;
}
.available-preorder {
background:url(../img/pre-order.png?r=20201027) no-repeat;
}
.available-backorder,
.available-none {
	background:url(../img/available-backorder.png?r=20201027) no-repeat;
}


.avail-slider {
    width: 100%;
    height: 18px;
}
.avail-slider.available-7-10 {
background:url(../img/available-7-10_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-kit {
background:url(../img/available-kit_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-await {
background:url(../img/awaiting_stock_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-8-11 {
background:url(../img/available-8-11_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-10-12 {
background:url(../img/available-10-12_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-now {
background:url(../img/available-now_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-print {
background:url(../img/pod_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-preorder {
background:url(../img/pre-order_l.png) center no-repeat;
background-size: contain;
}
.avail-slider.available-none {
	background:url(../img/available-backorder_l.png) center no-repeat;
	background-size: contain;
}



/*.available-print:before {
    content: "2-4";
    color: white;
    font-size: 16px;
    line-height: 0px;
    font-weight: bold;
    position: absolute;
    top: 21px;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.5);
    left: 17px;
}
.available-print:after {
    content: "weeks";
    color: white;
    font-size: 15px;
    line-height: 0px;
    font-weight: bold;
    vertical-align: sub;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.5);
    position: absolute;
    top: 37px;
    left: 10px;
}
.available-print {
    background-color: #43a8bf;
    border-radius: 50%;
}*/

/*.available-preorder:before {
    content: "Pre-";
    color: white;
    font-size: 16px;
    line-height: 0px;
    font-weight: bold;
    position: absolute;
    top: 21px;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.5);
    left: 15px;
}
.available-preorder:after {
    content: "order";
    color: white;
    font-size: 15px;
    line-height: 0px;
    font-weight: bold;
    vertical-align: sub;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.5);
    position: absolute;
    top: 37px;
    left: 13px;
}
.available-preorder {
    background-color: #43a8bf;
    border-radius: 50%;
}*/



.save-star {
	background: url(../img/save_orange.png) no-repeat scroll 0 0 transparent;
    height: 45px;
    width: 45px;
    position: absolute;
    top: -12px;
    left: -12px;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    z-index: 100;
}
.save-star-red {
	background: url(../img/save_red.png) no-repeat scroll 0 0 transparent;
}
.save-star-blue {
	background: url(../img/save_blue.png) no-repeat scroll 0 0 transparent;
}
.save-star-green {
	background: url(../img/save_green.png) no-repeat scroll 0 0 transparent;
}
.save-star-pink {
	background: url(../img/save_pink.png) no-repeat scroll 0 0 transparent;
}

/*
* product page
*/
/* banner */
#banner {
	margin-bottom: 0px;
	padding-top: 15px;
}

#banner .row {
	/*border: 1px solid #ddd;*/
	background-color: white;
	margin: 0;
	padding: 30px 0 0px;
}
#banner .row .row {
	border: none;
	margin: 0;
	padding: 15px 0 0px;
}

#banner .col-sm-4 {
	text-align: center;
	vertical-align: top;
}
#banner .col-sm-8 .col-sm-4 {
		padding: 0;
	}

#banner .col-sm-4 img {
	display: block;
	margin: 4px auto 20px;
}

#banner .col-sm-4 .img-block img {
	display:inherit;
	margin:0;
}

/*#banner h1 {
	color: #3d5255;
	font: 700 36px/36px 'Baloo 2', sans-serif;
	margin: 0 0 2px;
}

#banner h2 {
	color: #3d5255;
	font: 400 18px 'Roboto', sans-serif;
	margin: 0 0 23px;
}

#banner h2 span {
	font: 700 16px 'Roboto', sans-serif;
}*/

.format,
.availability {
	color: #2C3539;
	font: 400 14px 'Roboto', sans-serif;
}

.format span,
.availability span {
	display: inline-block;
	font-weight: 700;
}

.availability {
	margin-top: 5px;
	margin-bottom: 5px;
}

.availability-low {
	color:#eb2100;
	font-weight:bold;
}

.available span {
	background: url(../img/tick.png) right center no-repeat;
	padding-right: 25px;
}

#banner .price,
#slider.homepage .price {
	color: #2C3539;
	font: 400 14px 'Roboto', sans-serif;
	padding: 3px 0 7px;
}

#banner .price span,
#slider.homepage .price span{
	font: 700 18px 'Roboto', sans-serif;
}

#banner .price s,
#slider.homepage .price s {
	font-size: 18px;
}

#banner .price span.new-price,
#slider.homepage .price span.new-price{
	color: #00abe9;
	font: 700 30px 'Roboto', sans-serif;
}
#banner .col-sm-4 .price {
    text-align: left;
}
#banner .col-sm-8.bookdetail .buttons {
    transform: scale(0.9);
	text-align: left;
	-webkit-transform-origin-x: 0;
}
#banner .col-sm-8.bookdetail .buttons .learn-more {
    padding-bottom: 5px;
}
#banner .save,
#slider.homepage .save {
	background: url(../img/icon_coin_banner.png) 0 center no-repeat;
	color: #2C3539;
	font: 400 14px/30px 'Roboto', sans-serif;
	margin-bottom: 2px;
	padding: 0 0 0 35px;
}

.save span {
	display: inline-block;
	font: 700 16px/30px 'Roboto', sans-serif;
}

.earn {
	font: 400 14px/24px 'Roboto', sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
}

#banner .shipping,
#slider.homepage .shipping {
	font: 400 14px/24px 'Roboto', sans-serif;
	margin-top: 5px;
	margin-bottom: 30px;
}

#banner .shipping span,
#slider.homepage .shipping span {
	color: #2C3539;
	font-weight: 700;
}

/* Buttons */

.buttons {
	text-align: left;
}

.buttonswrap {
	white-space: nowrap;
	display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	align-items: center;
  justify-content: center;
}

.add, .wishlist {
font-family: 'Roboto', sans-serif;
letter-spacing: -0.01em;
padding: 5px 8% 5px 25%;
background-repeat: no-repeat;
background-position: 1% 50%;
}

.buttons .add, .buttons .wishlist {
	font-size: 18px;
}

.buttonswrap .add, .buttonswrap .wishlist {
	font-size: 11px;
}

.buttons .addbutton-wrap {
    float: left;
    width: 178px
}

.buttons .wishlist-wrap {
    float: left;
    width: 140px;
}

.addbutton-wrap {
	text-align: right;
	width: 59%;
}
.wishlist-wrap {
    text-align: left;
    margin-left: 2px;
	width: 40%;
}
.add {
	border-radius: 50px 0 0 50px;
	border: 1px #0067a1 solid;
	cursor: pointer;
	background-color: #0067a1;
	color: #d1d3d4;
	text-transform: uppercase;
    font-weight: 700;
	/*background-image: url(../img/icon_cart_button.png);
	background-size: auto 90%;*/
}
.add:hover {
	/*background-color: #d1d3d4;*/
	text-decoration: none;
	color: #0067a1;
}
.wishlist {
	border: 1px #4c687d solid;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
	background-color: #4c687d;
	color: #9fbabe;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(../img/plus.png);
	background-size: auto 60%;
}
.wishlist:hover {
	background-color: #ffffff;
	color: #3d5255;
	text-decoration: none;
}

.banner-button {
	border: 1px solid #3d5155;
	-moz-border-radius: 25px / 25px 25px 25px 25px;
	-webkit-border-radius: 25px / 25px 25px 25px 25px;
	border-radius: 25px / 25px 25px 25px 25px;
	background-color: #3d5155;
	color: #d5bd86;
	display: inline-block;
	font: 700 18px/48px 'Roboto', sans-serif;
	margin-right: 20px;
	position: relative;
	text-transform: uppercase;
	text-align: center;
}

.banner-button:hover,
.banner-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
}

.banner-button:before {
	background: url(../img/icon_cart_button.png) center center no-repeat;
	content:"";
	display: block;
	height: 66px;
	position: absolute;
	top: -9px;
	left: -4px;
	width: 66px;
}

.wishlist-button {
	color: #a0b2b5;
	display: inline-block;
	font: 700 10px/27px 'Roboto', sans-serif;
	border: 1px solid #3d5155;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background-color: #3d5155;
	position: relative;
	text-transform: uppercase;
	text-align: center;
}

.wishlist-button:hover, .wishlist-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
}

.wishlist-button:before {
	background: url(../img/icon_whish.png) center center no-repeat;
	content:"";
	display: block;
	height: 40px;
position: absolute;
top: -6px;
left: -4px;
width: 40px;
background-size: 40px 40px;
}

.continueshop-button {
	color: #d5bd86;
	display: inline-block;
	margin: 0 20px;
	font: 700 14px/27px 'Roboto', sans-serif;
	border: 1px solid #3d5155;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background-color: #3d5155;
	position: relative;
	text-transform: uppercase;
	text-align: center;
}

.continueshop-button:hover, .continueshop-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
}

.continueshop-button:before {
	background: url(../img/icon-continueshop.png) center center no-repeat;
	content:"";
	display: block;
	height: 49px;
	position: absolute;
	top: -7px;
	left: -10px;
	width: 50px;
}

.checkout-button {
	margin: 0 20px;
	border: 1px solid #3d5155;
	-moz-border-radius: 25px / 25px 25px 25px 25px;
	-webkit-border-radius: 25px / 25px 25px 25px 25px;
	border-radius: 25px / 25px 25px 25px 25px;
	background-color: #3d5155;
	color: #d5bd86;
	display: inline-block;
	font: 700 18px/48px 'Roboto', sans-serif;
	margin-right: 20px;
	position: relative;
	text-transform: uppercase;
	text-align: center;
}

.checkout-button:hover,
.checkout-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
}

.checkout-button:before {
	background: url(../img/icon-checkout.png) center center no-repeat;
	content:"";
	display: block;
	height: 68px;
	position: absolute;
	top: -9px;
	left: -4px;
	width: 68px;
}

.next-button {
	border: 1px solid #3d5155;
	-moz-border-radius: 25px / 25px 25px 25px 25px;
	-webkit-border-radius: 25px / 25px 25px 25px 25px;
	border-radius: 25px / 25px 25px 25px 25px;
	background-color: #3d5155;
	color: #d5bd86;
	font: 700 18px/48px 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-transform: uppercase;
	width:150px;
	padding: 0 25px;
	text-align: right;
}

.next-button:hover,
.next-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
	text-decoration:none;
}

.next-button:before {
	background: url(../img/icon-next.png) center center no-repeat;
	content:"";
	display: block;
	height: 68px;
	position: absolute;
	top: -9px;
	left: -4px;
	width: 68px;
}

.complete-button {
	border: 1px solid #3d5155;
	-moz-border-radius: 25px / 25px 25px 25px 25px;
	-webkit-border-radius: 25px / 25px 25px 25px 25px;
	border-radius: 25px / 25px 25px 25px 25px;
	background-color: #3d5155;
	color: #d5bd86;
	font: 700 18px/48px 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-transform: uppercase;
	width:250px;
	padding: 0 25px;
	text-align: right;
}

.complete-button:hover,
.complete-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
	text-decoration:none;
}

.complete-button:before {
	background: url(../img/icon-next.png) center center no-repeat;
	content:"";
	display: block;
	height: 68px;
	position: absolute;
	top: -9px;
	left: -4px;
	width: 68px;
}

.login-button {
	border: 1px solid #3d5155;
	-moz-border-radius: 25px / 25px 25px 25px 25px;
	-webkit-border-radius: 25px / 25px 25px 25px 25px;
	border-radius: 25px / 25px 25px 25px 25px;
	background-color: #3d5155;
	color: #d5bd86;
	font: 700 18px/48px 'Roboto', sans-serif;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	width:170px;
	clear:both;
}

.login-button:hover,
.login-button:focus {
	color: #2C3539;
	background-color: #ffffff;
	cursor:pointer;
}

.login-button:before {
	background: url(../img/icon-login.png) center center no-repeat;
	content:"";
	display: block;
	height: 68px;
	position: absolute;
	top: -9px;
	left: -4px;
	width: 68px;
}


/* book description */
.description .row {
	padding: 25px 0 0;
}
.more-about-book {
	background: #90a4ab;
	display: inline-block;
	margin-bottom: 15px;
	padding: 0;
}

.description p {
	margin-bottom: 16px;
}

.description .navbar-default {
	background-color: transparent;
	border: none;
}

.books .navbar-collapse {
	padding: 0 !important;
}

.more-about-book li {
	background: #90a4ab url('../img/bg_books_li.png') right center no-repeat;
	color: #f4f4f2;
	display: block;
	float: left;
	font: 700 20px/40px 'Baloo 2', sans-serif;
	margin-right: 17px;
	padding: 0 20px;
	position: relative;
	text-transform: uppercase;
}

.more-about-book li a {
	color: #fff;
	text-decoration: none;
}

.more-about-book li.active {
	background: #5f7577 url('../img/bg_books_li.png') right center no-repeat;
	line-height: 46px;
	margin: -1px 17px -1px 0;
}

.more-about-book li:last-child.active:after {
	background-color: #fff;
}

.more-about-book li:after {
	background: url(../img/bg_books_li_end.png) left center no-repeat;
	content:"";
	display: block;
	height: 44px;
	margin-right: -17px;
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
}

.more-about-book li.active:after {
	height: 46px;
}

.more-about-book li.previous:after {
	background-color: #5F7577;
	height: 46px;
	top: -1px;
}

.more-about-book li:last-child:after {
	background-color: #fff;
}

.more-about-book li.active:after {
	background: url(../img/bg_books_li_active_end.png) left center no-repeat;
}


/*
* three columns
*/
.three-columns {
	padding-top: 3px;
}

.three-columns .col-sm-4 > div {
	background: #fff;
	padding: 11px 15px 20px;
}

.three-columns h2 {
	color: #373739;
	font: 400 14px/18px 'Roboto', sans-serif;
	margin: 15px 15px 0;
}


.three-columns h3 {
	color: #00ADEF;
	font: 400 30px/30px 'Noto Serif', serif;
	margin: 0 15px 22px;
}

.three-columns ul {
	padding: 9px 5px 0 45px;
}

.three-columns li {
	padding: 0 0 5px 5px;
}

.three-columns li:last-child {
	padding-bottom: 0;
}

.three-columns a {
	color: #388694;
	font: 400 14px/16px 'Roboto', sans-serif;
}

/*
* top banner
*/
#top-banner {
 background-color: yellow;
 text-align: center;
}

#top-banner p {
 color: #000;
 font: 14px 'Roboto', sans-serif;
 padding-top: 8px;
 padding-bottom: 3px;
}

#top-banner a:link {
 color: #000;
 font: 14px 'Roboto', sans-serif;
 text-decoration: underline;
}

#top-banner a:visited {
 color: #000;
 font: 14px 'Roboto', sans-serif;
 text-decoration: underline;
}

#top-banner a:hover {
 color: #000;
 font: 14px 'Roboto', sans-serif;
 text-decoration: none;
}

#top-banner a:active {
 color: #000;
 font: 14px 'Roboto', sans-serif;
 text-decoration: none;
}

/*
* second banner
*/
#second-banner {
	background: url(../img/boomerang-books-background.jpg) center top/cover no-repeat transparent;
	background-attachment: fixed;
	padding: 14px 0 30px;
	text-align: center;
}

#second-banner h1 {
	color: #fff;
	font: 32px 'Noto Serif', serif;
	margin-bottom: 20px;
}

#second-banner p {
	color: #fff;
	font: 18px 'Noto Serif', serif;
	margin-bottom: 20px;
}


/*
* footer
*/
/*#footer {
	background: #fff;
}

#footer .row {
	padding: 24px 0 0;
}

#footer .col-sm-8 {
	padding: 0 38px;
}*/

#footer h1 {
	color: #ffffff;
	clear: both;
	font: 700 24px/35px 'Baloo 2', sans-serif;
	margin: 0 0 13px;
	text-transform: uppercase;
}

#footer > div {
	color: #ffffff;
	font: 400 14px/16px Roboto , sans-serif;
	line-height: 20px;
}

#footer img {
	margin-bottom: 19px;
}

#footer .col-sm-8 ul {
	margin: 0 0 20px -10px;
	overflow: hidden;
	padding: 0;
}

#footer .col-sm-8 li {
	display: block;
	float: left;
	line-height: 24px;
	padding: 0 11px;
}

#footer li a {
	color: #d1d3d4;
	display: inline-block;
	font: 400 14px/16px Roboto , sans-serif;
	line-height: 24px;
}

#footer .col-sm-4 ul {
	margin-bottom: 17px;
	padding-left: 0;
}

#footer .col-sm-4 li {
	display: block;
	line-height: 17px;
}
#footer .col-md-3 ul {
	padding-left: 25px;
}

#copyright {
	background: #f3f3f2;
	padding: 25px 0;
}


#copyright p {
	color: #5f7578;
	font: 400 14px/16px 'Roboto', sans-serif;
	text-align: center;
}


/*
* category
*/
#best-sellers {
	padding: 0 66px;
}


#best-sellers > div {
    border: 1px solid #c6b36b;
    height: 195px;
    margin-bottom: 14px;
    overflow: hidden;
    text-align: center;
}


#best-sellers h2 {
	background:  url(../img/bg_h2.png) right center no-repeat;
	border: 1px solid #c6b36b;
	border-width: 1px 0 1px 1px;
	color: #ac963f;
	float: left;
	font: 700 20px/33px 'Baloo 2', sans-serif;
	margin: 22px 0 19px 15px;
	padding: 0 15px;
	position: relative;
	text-transform: uppercase;
}


#best-sellers h2:after {
	background: #fff url(../img/bg_best_seller.png) right center no-repeat;
	content:"";
	display: block;
	height: 35px;
	margin-right: -13px;
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
}

.best-seller-books {
	clear: both;
}

#best-sellers img {
	display: inline-block;
	margin: 0 auto 18px;
	padding: 0 5px;
}

.books .notification {
	background: #f4eccc;
}

.notification {
	background: #f4eccc;
}

.cart-notice {
padding:10px;
}

.viewcart {padding:10px; float:right !important;}

.results-message,
.number-of-pages,
.cart-message {
	color: #2C3539;
	font: 700 16px/24px 'Roboto', sans-serif;
	padding: 20px 15px 7px;
	text-align: left;
}

.number-of-pages {
	font-weight: 400;
	text-align: right;
}

.filters {
	padding: 20px 7px;
	text-align: left;
	clear:both;
}

.view-by ul {
	margin: 0;
	padding: 0;
}

.view-by li {
	color: #2C3539;
	display: inline-block;
	font: 400 14px/24px 'Roboto', sans-serif;
	margin-right: 10px;
}

.view-by a {
	color: #cfd4d7;
	display: inline-block;
	padding-left: 20px;
	text-decoration: none;
}

.view-by .active a {
	color: #2C3539;
}

.view-by .list a {
	background: url(../img/icon_list.png) left center no-repeat;
}

.view-by .grid a {
	background: url(../img/icon_grid.png) left center no-repeat;
}

.view-by .text a {
	background: url(../img/icon_text.png) left center no-repeat;
}

.sort-by {
	color: #666;
	font: 400 14px/24px 'Roboto', sans-serif;
}

.sort-by p {
	color: #2C3539;
	display: inline-block;
	padding-right: 10px;
}

.sort-by .caret {
	border-width: 6px 6px 0 6px;
	color: #66b3ff;
}

.sort-by .btn-group {
	margin-right: 25px;
}

.show-by {
	float: left;
}

.pagination-list {
	color: #2C3539;
	/*font: 400 18px/24px 'Roboto', sans-serif;*/
	margin-top: -3px;
	/*padding-right: 10px;*/
	text-align: right;
}
.pagination-list div {
	display: inline-block;
}

.pagination-list span {
	color: #66b3ff;
}

.pagination-list ul,
.pagination-list  li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.pagination-list  li {
	/*margin: 5px;*/
}

.pagination-list a {
	color: #343c41;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #343c41;
	padding: 2px 6px;/*padding: 5px 10px;*/
	/*border-radius: 5px;*/
	/*border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;*/
}

.pagination-list a:hover {
	text-decoration: underline;
}

.pagination-list a.active {
	background: #343c41;
	color: #fff;
	padding: 5px 10px;
}

.filters .col-sm-12 {
	color: #2C3539;
	font: 400 14px 'Roboto', sans-serif;
	padding: 12px 0 10px;
	text-align: center;
}

.filters .col-sm-12 a {
	color: #2C3539;
	text-decoration: underline;
}

.category-listing .col-sm-6 {
	padding: 0 33px;
}

.books .pagination-list {
    display: inline-block;
    float: right;
    /*padding-top: 32px;*/
    width: auto;
}


.books h2.title {
	color: #2C3539;
	font: 700 16px/16px 'Roboto', sans-serif;
	margin-bottom: 0;
}

.books div.title {
	color: #2C3539;
	font: 700 16px/16px 'Roboto', sans-serif;
	margin-bottom: 3px;
}

.books .author,
.books .author a,
.books .book-type {
	color: #2C3539;
	font: 400 14px/16px 'Roboto', sans-serif;
}

.books .book-type {
	margin-bottom: 3px;
}

.category-listing .featured-button {
	float: left;
}
.button-wishlist {
	background: url(../img/icon_wishlist.png) center center no-repeat;
	background-size: 42px 42px;
	display: inline-block;
	height: 42px;
	width: 42px;
	margin:5px;
	border:0;
	color:transparent;
}

.book-page .buttons .carosel-wishlist,
#carousel-featured-books .carosel-wishlist {
	display: inline-block;
	padding-top:5px;
	position:absolute;

}

.book-page .notpublished {
	color:#c8961f;
	padding:0px 5px;
}

#carousel-featured-books .carosel-wishlist .button-wishlist {
	margin:0;
}


.button-wishlist:hover {
	background: url(../img/icon_wishlist_ov.png) center center no-repeat;
	background-size: 42px 42px;
	display: inline-block;
}

.bookgrid a img:hover {
/* border:#7d979b 2px solid;*/
}

.bookgrid a img {
border:#ffffff 1px solid;
}

.bookdetail {
	padding-bottom:10px;
}
.bookdetail .title-line {
	height: 3px;
	border-bottom: 1px solid #d1d3d4;
	width: 100%;
}
.bookdetail {
	padding-bottom:10px;
}
.bookdetail {
	padding-bottom:10px;
}

/* Content Page */
#pagecontent {
clear:both;
}

/*
* shopping cart / checkout
*/
.cart, .checkout {
	padding: 22px 0;
}

.cart .row {
	background: #fff;
	/*margin: 0 15px;*/
	padding: 0 0;
	border-bottom: 2px solid #d1d3d4
}

/*.cart h1, .checkout h1 {
	background: #5f7578 url('../img/bg_books_h1.png') right center no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #f4f4f2;
	font: 700 22px/43px 'Baloo 2', sans-serif;
	display: inline-block;
	height: 44px;
	margin: 26px 0 26px 0;
	padding: 0 20px 0 18px;
	position: relative;
	text-transform: uppercase;
}

.cart h1:after, .checkout h1:after {
	background: url(../img/bg_books_h1_end.png) right center no-repeat;
	content:"";
	display: block;
	height: 44px;
	margin-right: -17px;
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
}*/

.cartgrid {
top: 15%;
position: relative;
height: 120px;
margin-top: 15px;
}

.cartgrid a img:hover {
/*border:#7d979b 2px solid;*/
}

.cartgrid a img {
border:#ffffff 1px solid;
}

.cartgrid span {
display:block;
text-align: center;
position:relative;
top: 20%;
}

.cartgrid .book-title {
font-weight:bold;
text-align:left;
}

.cartgrid .author {
text-align:left;
}

.cartgrid .price {
font-weight:bold;
display:block;
}

.cartgrid .remove {
background:url(../img/delete.png) no-repeat center;
height: 42px;
width:24px;
padding:15px;
}

.cartgrid .update {
background:url(../img/refresh.png)  no-repeat center;
height: 42px;
width:24px;
padding:15px;
}

.cartgrid .updated {
background:url(../img/updated.png)  no-repeat center;
height: 42px;
width:24px;
padding:15px;
}

.cart .col-sm-6 {
	padding: 3px 0;
	text-align: center;
}

.cart .cartlabels .col-sm-6 {
    padding: 3px 0;
    text-align: center;
    font-weight: bold;
}

.cart .cartlabels {
    background: #0067a1;
	color: #ffffff;
	border:none;
}
.cart .cartSaveBanner {
    background: #d1d3d4;
	color: #343c41;
	border:none;
	padding: 10px;
}

.carttotal {
font: bold 18px/22px 'Roboto', sans-serif;
}

.carttotal span {
display:block;
text-align:right;
}

.cart-terms {
font-size:14px;
font-style:italic;
font-weight:400;
}

.cartbuttons {
text-align: right;
margin:25px 0;
}

#product-added {
border-bottom: #00abe8 3px solid;
margin: 10px;
}

.continue {
	color: #388694;
	font: 400 14px/18px 'Roboto', sans-serif;
	margin: 35px 10px;
	padding-right: 10px;
	text-align: right;
	float:right;
}

.continue a {
	color: #388694;
	display: inline-block;
	text-decoration: underline;
}

.continue a:hover {
	text-decoration: underline;
}

.quantity {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	font: 16px 'Roboto', sans-serif;
	height: 42px;
	width: 70px;
	text-align:center;
	margin:20px 10px 10px;
}


/*
* login
*/

#login h2 {
	color: #373739;
	font: 400 14px/18px 'Roboto', sans-serif;
	margin: 0;
}


#login h3 {
	color: #00ADEF;
	font: 400 30px/30px 'Noto Serif', serif;
	margin: 0 0 22px;
}

#login p {margin-bottom:30px;}

.loginrow {text-align:center;}

.customerbox {
padding: 20px 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid #2C3539;
margin: 20px 0;
}

.emailtxt {
display:inline-block;
margin-top:12px;
height:42px;
width:20%;
min-width:90px;
}

.pwtxt {
display:inline-block;
margin-top:12px;
height:42px;
width:20%;
min-width:90px;
margin-bottom:20px;
}

.emailfield {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	font: 16px 'Roboto', sans-serif;
	height: 42px;
	width: 70%;
	text-align:left;
	min-width:200px;
	padding:5px 10px;
}

.pwfield {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	font: 16px 'Roboto', sans-serif;
	height: 42px;
	width: 70%;
	text-align:left;
	min-width:200px;
		padding:5px 10px;
}

/*
* CHECKOUT details
*/
.addressrow {text-align:center;}
.addressrow2 .pad {padding-right: 10px;}
.addressrow3 .pad {padding-right: 10px;}
.addressrow3 label {margin-top: 20px;}

.addresscustomerbox {
padding: 20px 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid #2C3539;
margin: 20px 0;
}

.labeltxt {
display:inline-block;
margin-top:12px;
height:42px;
width:20%;
min-width:90px;
	text-align: right;
	vertical-align: top;
}



.textfield {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	font: 16px 'Roboto', sans-serif;
	height: 42px;
	width: 70%;
	text-align:left;
	min-width:200px;
	max-width: 430px;
	padding:5px 10px;
}



/*
* customer details
*/
#details {
	padding-top: 28px;
}

#details .col-sm-12 {
	padding: 0 28px;
}

#details .col-sm-12 > span {
	padding: 0 28px;
}

#details h1 {
	margin-bottom: 15px;
}

.outlined-box h2 {
	font-size:16px;
	font-weight:700;
	margin: 14px 0 22px;
	text-transform:uppercase;
}

#details .continue {
	margin-bottom: 15px;
}

.outlined-box,
.outlined-box-2 {
	border: 2px solid #d1d3d4;
	margin: 16px 0 0;
	min-height: 45px;
	overflow: hidden;
	padding: 6px 29px 15px;
	position: relative;
}

select {
	outline:none !important;
}

#details input[type="text"],
#details input[type="tel"],
#details input[type="email"],
#details input[type="password"] {
	background: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-ms-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius: 11px;
	border: 1px solid #9b9b9b;
	clear: both;
	display: inline-block;
	float: left;
	height: 42px;
	line-height: 40px;
	margin-bottom: 12px;
	outline:none !important;
	padding: 0 10px;
	position: relative;
	/*width: 230px;*/
	z-index: 1;
}

#details input.long-field {
/*	width: 375px;
	max-width:80%;
*/
	width:100%;
}

#details input.x-long-field {
	width:50%;
}

#details input.full-width {
	width:100%;
}

.outlined-box input[type="checkbox"] {
	background: #fff;
	border: 1px solid #9b9b9b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	clear: both;
	display: inline-block;
	height: 28px;
	height: 25px;
	margin-right: 13px;
	position: relative;
	vertical-align: middle;
	width: 25px;
}

.outlined-box input[type="checkbox"] + span {
	display: inline-block;
	line-height: 23px;
	vertical-align: middle;
}

.outlined-box input.required + span {
	background: #efefef;
	color: #666;
	display: none;
	float: left;
	font-size: 14px;
	height: auto;
	line-height: 32px;
	margin: 5px 20px;
	padding: 0 15px;
}

.outlined-box input.required:focus + span {
    display: block;
}

.detailsfield {
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	font: 16px 'Roboto', sans-serif;
	height: 42px;
	width: 100%;
	text-align:center;
	min-width:200px;
}

.selectfield {
  background: url('../img/new_arrow.png') no-repeat right #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	clear: both;
	/*float: left;*/
	height: 42px;
	line-height: 40px;
	margin-bottom: 12px;
  /*overflow: hidden;*/
	padding: 0 10px;
	position: relative;
	/*
	width: 230px;
	max-width:80%;
	*/
	    display: inline-block;
}

.selectfield select {
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0 !important;
	width: 210px;
}

.short-field select {
	width: 150px;
}

.short-field {
/*
	width: 166px;
	max-width:80%;
*/
	width:100%;
}

.payment .short-field {
	width:193px;
}


#details .next-button {
	clear: both;
position: relative;
margin: 0px;
height:50px;
}

#details input.required {
	background: #fff url('../img/required.png') right center no-repeat;
	padding: 0 27px 0 10px;
}

.selectfield.required {
	background: url('../img/required.png') right center no-repeat,
		  url('../img/arrow_required.png') no-repeat right;
	background-color:#ffffff;
}

/*
* checkout page
*/
.checkout .row {
	background-color:white;
}

#checkout > .container > .row {
	margin: 0 13px;
}

#checkout h1,
#checkout .continue {
	margin-bottom: 7px;
}

.colapse-link {
	background: #d1d3d4 url('../img/icon_collapse_bg.png') right center no-repeat;
	cursor: pointer;
	/*color: #fff !important;*/
	display: block;
	font: 700 16px 'Roboto', sans-serif;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 50px 0 30px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	text-transform: uppercase;
	text-decoration: none !important;
	z-index: 100;
}

.colapse-link.collapsed {
	background: #d1d3d4 url('../img/icon_collapsed_bg.png') right center no-repeat;
}

.outlined-box .collapse {
	margin-top: 50px;
}

.ship {clear:both;}

.checkbox-container {
	margin-bottom: 18px;
	min-height: 40px;
	overflow: hidden;
}

._DEPRECATE_checkbox-container > input[type=checkbox] ~ div {
	height: 0;
	padding: 12px 0 0;
	transition: all .5s ease-in-out;
	overflow:hidden;
}

._DEPRECATE_.checkbox-container > input[type=checkbox]:checked ~ div {
	height: 60px;
}

.checkbox-container input[type="text"] {
	background: #fff;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-ms-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius: 11px;
	border: 1px solid #9b9b9b;
	display: inline-block;
	height: 42px;
	line-height: 40px;
	outline:none !important;
	padding: 0 10px;
	width: 230px;
}

.checkbox-container input[type="submit"] {
	background: #fff;
	border: 1px solid #3d5155;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	color: #3d5255;
	display: inline-block;
	font: 700 13px/34px 'Roboto', sans-serif;
	height: 34px;
	margin: 0 5px;
	text-transform: uppercase;
	text-align: center;
	width: 162px;
}

.checkbox-container input[type="submit"]:hover {
background-color:#3d5255;
	color: #ffffff;
	text-decoration:none;
}

.checkbox-container .info {
	background: url(../img/icon_info_bg.png) left center no-repeat;
	display: inline-block;
	height: 27px;
	margin-left: 10px;
	vertical-align: middle;
	width: 27px;
}

.checkbox-container .info + span {
	background: #efefef;
	color: #666;
/*	display: inline-block;*/
	display: none;
	font-size: 14px;
	line-height: 28px;
	margin: 0 20px;
	padding: 0 15px;
}

.checkbox-container .info + span.visible {
	display: inline-block;
}

.order-box {
	padding: 22px 28px;
}

.order-box p {
	margin: 0 15px 6px;
}

.order-box table {
	color: #597275;
	font-size: 16px;
	width: 100%;
}

.order-box table tfoot {
	font-size: 14px;
}

.order-box table tfoot strong {
	font-size: 20px;
}

.order-box thead {
	background: #00abe9;
	text-transform: uppercase;
}

.order-box thead th {
	padding: 3px 0 !important;
	text-align: center;
}

.order-box tr {
	border-bottom: 2px solid #00abe8;
}

.order-box tr td {
	line-height: 20px !important;
	padding: 11px 15px !important;
	text-align: center;
	vertical-align: middle !important;
}

.order-box tr.short {
	border-bottom: none;
}

.order-box tbody tr.short:last-child {
	border-bottom: 2px solid #00abe8;
}

.order-box tr td:first-child {
	text-align: left;
}

.order-box tr.short td:first-child,
.order-box tfoot tr td:first-child {
	text-align: right;
}

#checkout .next-button {
	float: right;
	margin: 0 15px 25px;
	width: auto;
}

.order-box tr.subtotal {
    border-bottom: 0;
}


/*
* payment
*/

.payment {
clear:both;
margin: 15px 0 20px 20px;
min-height: 30px;
}

.payment input[type="radio"] {
    float: left;
	margin:14px 10px;
}

.payment input div {
	position: relative;
	clear:both;
	vertical-align:bottom;
	display:block;
}

.togglediv {clear:both; float:left; margin-bottom:15px; width: 100%;}

.payment label {
    float: left;
	max-width: 80%;
}

.payment label + input, .payment label + label {clear:both;}

.payment label span {
	display:none;
	font-weight:normal;
	background: #efefef;
	color: #666;
	float: right;
	font-size: 14px;
	height: auto;
	line-height: 32px;
	margin: 5px 0;
	padding: 0 15px;
}

.payment label img {
	display: inline-block;
	margin: 5px;
    float: left;
}

.payment input[type="radio"]:checked + label span {
display: inline-block;
	float: left;
}

.selectfieldexp {clear:both;}

.selectfieldexp div {
  background: url('../img/new_arrow.png') no-repeat right #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #9b9b9b;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	float: left;
	height: 42px;
	line-height: 40px;
	margin-bottom: 12px;
  overflow: hidden;
	padding: 0 10px;
	position: relative;
	width: 108px;
	max-width:80%;
	margin-right: 10px;
}

.selectfieldexp select {
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0 !important;
	width: 108px;
}

.selectfieldexp span {
display:block;
font-weight:normal;
background: #efefef;
	color: #666;
	float: left;
	font-size: 14px;
	height: auto;
	line-height: 32px;
	margin: 5px 20px;
	padding: 0 15px;
}

.selectfieldexp div select option[selected="selected"] + span {
display: none;
}

.hidden { display: none; }

.offline-payment .col-sm-4 {
    vertical-align: top;
}

/*
* order received
*/
body {
/*	background: url(../img/bg.jpg) center -6px no-repeat;*/
}

#order-received h1 {
	margin: 32px 0 10px;
}

#order-received h4 {
	font-weight: 700;
	margin-bottom: 18px;
}

#order-received .outlined-box {
	padding: 6px 23px 15px;
}

#order-received .outlined-box h3 {
	font-size: 16px;
	font-weight: 700;
	margin: 15px 0 30px;
}

#order-received img {
	margin-bottom: 10px;
}

#order-received .col-sm-3 {
	padding: 0 30px;
	text-align: center;
	vertical-align: top;
}

#order-received > .container > .row {
	padding: 0 13px 100px;
}

#order-received .outlined-box {
/*	margin: 16px 13px 0;*/
}

#order-received .outlined-box > .row {
	background: url(../img/lines.png) center 64px no-repeat;
	clear:both;
}

#order-received .indent {
	padding: 0 36px;
}


/*
* responsive
*/
@media (max-width: 1200px) {

	.large,
	.medium,
	.small,
	#footer .col-sm-4 img {
/*		height: auto;
		max-width: 100%;
*/
		max-width:200px;
		height:auto;
	}

	#top-bar .col-sm-7 {
		margin-bottom: 0;
	}

	#top-bar .col-sm-7,
	#top-bar .col-sm-5,
	#footer .col-sm-8 {
		width: 100%;
	}

	/* slider */
	#slider {
		background: url(../img/bg_slider_mob.png) 0 0;
		padding: 5px 0 70px;
	}

	#slider .container {
		padding: 0 10px;
	}

	.item {
		position: relative;
	}

	.slider-title {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}

	.slider-title h1 {
		float: none !important;
		margin: 0 auto !important;
	}

	#slider .col-sm-7 {
		margin: 0 !important;
		padding: 0 22px;
		position: static;
		width: 100%;
	}

	#slider .col-sm-4 {
		float: left;
		padding: 0 15px;
		text-align: center;
		width: 100%;
	}

	.slide {
		padding: 30px 0 10px;
	}

	#slider h2 {
		line-height: 28px;
	}

	#slider p {
		line-height: 17px;
	}

	#slider img {
		margin: 60px 0 25px;
	}

	.carousel-indicators {
		bottom: -58px;
	}

	/*
	.three-columns .row > div:first-child img {
		padding-top: 30px;
	}
	*/

	.three-columns .col-sm-4 {
		padding-bottom: 32px;
	}
	/*
	.three-columns .col-sm-4 > div {
		min-height: 420px;
	}*/

	.three-columns img {
		display: block;
		height: auto;
		max-width: 100%;
		margin: 0 auto;
	}

	.more-about-book li {
	font-size: 100%;
	}

	.more-about-book li:last-child::after,
	.more-about-book li:last-child.active::after {
		background-color: #ffffff;
	}

	.featured-button {
		max-width: 100%;
	}

	#footer .col-sm-4 {
		padding: 0 38px 25px;
	}

	/* order received */
	#order-received .outlined-box > .row {
		background-size: 80% auto;
	}

	#order-received .col-sm-3 {
		padding: 0 10px;
	}

}

@media (min-width: 991px) and (max-width: 1199px) {
.books.books-by-author .button-wishlist,
.books.cwbab .button-wishlist,
.books.sjb .button-wishlist,
.books.home-feature .button-wishlist {
	margin: 10px 0 0 !important;
}
}

@media (max-width: 991px) {

	/* shopping cart */
	.cartlabels, .totalprice { display:none;}
	.cartgrid .book-title, .cartgrid .author, #viewCartForm .cart-added {text-align:center !important;}
	.checkout .row .col-sm-12 {clear: both;}
	#cart-box.col-sm-4 {width: 100%;}
	.offline-payment .col-sm-4 {
    vertical-align: top;
	width: 100%;
    margin-bottom: 20px;
	padding-bottom: 20px;
    border-bottom: 1px #cccccc solid;
	}

}

@media (min-width: 481px) and (max-width: 767px) {
.books .col-sm-12 {
    width:100%;
}
.books .col-sm-12:after {
    clear:both;
}
.books .col-sm-12.show-more {
    width: 100%;
    height: auto;
}
.books .col-sm-6 {
    width: 48%;
	display: inline-block;
	float: none !important;
}

.books .col-sm-6.pagination-list {width: 100%;}
.col-sm-4 {
    width: 100%;
	display: inline-block;
}
}

@media (max-width: 1199px) {
	#top-bar .navbar {
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 100;
	}

	.navbar-toggle {
    background: transparent !important;
    border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    float: left;
    margin: 0;
    padding: 10px 0;
}

	.navbar-toggle .icon-bar {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		height: 5px;
		width: 30px;
	}

	#top-bar .navbar-toggle .icon-bar {
		background: #fff;
	}

	.navbar-collapse {
		border: none;
		padding: 0 15px !important;
	}

	#top-bar .navbar-collapse {
		background: #394C4F;
	}

	#top-bar .nav li {
		border: none;
	}

	#top-bar .navbar-nav {
		margin: 5px 0;
	}

	#top-bar .navbar-nav li:first-child {
		padding-left: 8px;
	}

		#nav .navbar-default a {
		padding: 10px 15px;
	}

	/* main menu */
	#nav .container {
		padding: 0 10px;
	}

	#nav {
		background: transparent;
		padding: 0;
	}

	#nav .navbar-default {
		min-height: 10px;
		margin: 0;
		padding: 11px 0;
	}

	.navbar-toggle {
		width: 80px;
	}

	.nav-title {
		display: block;
		float: right;
		margin-top: -20px;
	}

}
@media (max-width: 767px) {
	/* banner */
	#banner {
		margin-bottom: 0px;
	}
	#banner .row {
		padding: 28px 0 0px;
	}
	#banner .col-sm-8 {
		padding: 0 35px;
	}
	#banner .col-sm-8 .col-sm-8 {
		padding: 0;
	}
	#banner .col-sm-8 .col-sm-4 {
		padding: 0;
	}
	
	

	#banner .shipping {
		margin-bottom: 29px;
	}
	/* book description */
	.navbar-default  {
		background-color: transparent;
	}

	.description .navbar-toggle {
		background: #5f7578 url('../img/bg_books_h1.png') right center no-repeat !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		padding: 10px 10px 11px;
		width: 85px;
	}

	.description .navbar-toggle:after {
		background: url(../img/bg_books_h1_end.png) right center no-repeat;
		content:"";
		display: block;
		height: 44px;
		margin-right: -17px;
		position: absolute;
		top: 0;
		right: 0;
		width: 17px;
	}

	.description .navbar-default .navbar-toggle .icon-bar {
		background: #fff;
	}

	.more-about-book li,
	.more-about-book li.active {
		background-image: none;
		display: block;
		float: none;
		margin: 0 !important;
	}

	.more-about-book li:before,
	.more-about-book li:after	{
		display: none;
	}

	.description .navbar-default {
		background-color: transparent;
		border: none;
		margin-bottom: 15px;
	}

	.description .navbar-collapse {
		margin: 0;
		padding: 0 !important;
	}

	/* category listing */
	.best-seller-books:after {
		content:"";
		clear: both;
		display: block;
	}

	#best-sellers img {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		clear: none;
		display: block;
		float: left;
/* This was making the BEST SELLERS AUTOR SEARCH BOOK COVERS TINY IN MOBILE MODE
		height: auto;
		width: 20%;
*/
	}

	#best-sellers .hide-on-ipad {
		display: none;
	}

	.best-seller-books {
		padding: 0 15px;
	}

	.results-message {
		padding: 20px 20px 0;
	}

	.filters .view-by,
	.filters .sort-by {
		float: left;
		padding: 10px;
		width: 50%;
	}

	.filters .sort-by {
		padding-right: 0;
		text-align: left;
	}

	.sort-by .btn-group {
		margin-right: 5px;
	}

	.pagination-list {
		float: right;
		padding:15px;
	}


	/* shopping cart */
	.cart .col-sm-6 {
		width: 100% !important;
		clear:both;
	}

	.cartgrid {height: auto;}

	.carttotal span {text-align:center;}

	.continueshop-button {
	display: block;
	width:220px;
	margin: 10px auto;
	}
	.cartbuttons.left .continueshop-button {
	display: block;
	width:150px;
	margin: 10px auto;
	}
	.checkout-button {
	display: block;
	width:229px;
	margin: 50px auto;
	}
	.quantity {
		margin-top:0px;
	}

	/* login */

	.pwtxt {
	margin-bottom:10px;
	}

	/* order received */
	#order-received .outlined-box > .row {
		background: transparent;
	}
	/* order received */
	#search {
    width: 90%;
    margin: 0 auto;
	}

	[id^='delete_'] {
		padding-top:10px !important;
		position:absolute;
	}



	.pagination-list {
    	margin: 0px;
    	padding: 0px !important;
	}

}

@media (max-width: 1200px) {
	.checkout-page-0 .cartbuttons.right {
    float: none;
	}
	.checkout-page-0 .cartbuttons.left {
    float: none;
	}
	.cartbuttons {
    text-align: right;
    margin: 25px auto;
	}
	#details .next-button {
    margin: 0 auto;
	}
}

@media (max-width: 520px) {
	.flex-direction-nav, .flex-control-paging {
		visibility: hidden!important;
	}
	/*.category-listing h1 {
		width: 95%;
	}*/

	/*
	#best-sellers img {
 		width: 33.33333333%;
	}
	*/

	#best-sellers img.hide-on-mobile {
		display: none;
	}

	.filters .view-by,
	.filters .sort-by {
		width: 100%;
	}

	.filters .sort-by {
		text-align: left;
	}

	.show-by {
		float: right;
	}

	.category-listing .col-sm-6 {
		width: 100%;
	}

	.category-listing .featured-button {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.category-listing .item-added {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.button-whishlist {
		vertical-align: middle;
	}

}

@media (max-width: 480px) {

	/* top bar */
	#cart-box .btn-group {
		display: none;
	}

	#top-bar {
		height: 54px;
		position: relative;
	}

	#top-bar .navbar {
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 100;
	}

	.navbar-toggle {
		background: transparent !important;
		border: none;
		float: left;
		margin: 0;
		padding: 10px 0;
	}

	.navbar-toggle .icon-bar {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		height: 5px;
		width: 30px;
	}

	#top-bar .navbar-toggle .icon-bar {
		background: #fff;
	}

	.navbar-collapse {
		border: none;
		padding: 0 15px !important;
	}

	#top-bar .navbar-collapse {
		background: #394C4F;
	}

	#top-bar .nav li {
		border: none;
	}

	#top-bar .navbar-nav {
		margin: 5px 0;
	}

	#top-bar .navbar-nav li:first-child {
		padding-left: 8px;
	}

	#soc-icons {
		margin: 0 0 10px;
	}

	#soc-icons li {
		clear: both;
		display: block;
		float: none;
		margin: 0;
		padding: 5px 8px;
	}

	#call-us {
		float: none;
		text-align: center;
	}

	#cart-icon {
		position: absolute;
		top: 0;
		right: 0;
	}

	#nav .navbar-default a {
		padding: 10px 15px;
	}


	/* header */
	#header {
		padding: 30px 0 35px;
	}

	#header .container {
		padding: 0;
	}

	#header img {
		padding-bottom: 8px;
	}

	#header p span {
		display: none;
	}

	#search input {
		font-size: 12px;
	}
	#header .container img {
	width:220px;
	height:auto;
	}


	/* main menu */
	#nav .container {
		padding: 0 10px;
	}

	#nav {
		background: transparent;
		padding: 0;
	}

	#nav .navbar-default {
		min-height: 10px;
		margin: 0;
		padding: 11px 0;
	}

	.navbar-toggle {
		width: 80px;
	}

	.nav-title {
		display: block;
		float: right;
		margin-top: -20px;
	}

	/* product banner */
	#banner .price-title {
		clear: both;
		display:block;
	}

	#banner .save {
		background-position: left 3px;
	}

	.banner-button {
		margin-bottom: 10px;
	}

	.books h1 {
		font-size: 18px;
	}

	.books h3 {
		font-size: 18px;
	}

	/* description */
	.books .col-sm-6 {
		width: 100% !important;
	}

	/* books */
	.books {
		padding: 15px 0 0;
	}

	.books .container {
		padding: 0 10px;
	}

	.books .row {
/*		padding-top: 28px;*/
	}

	.books .col-sm-3 {
		margin-bottom: 35px;
		padding: 0px 75px;
	}
	.books .product-filter-container .col-sm-3 {
		margin-bottom: 0;
		padding: 0px 75px;
	}
	
	.books .product-filter-container .pageHeading {
		overflow: auto!important;
    	max-height: none!important;
    	float: none!important;
	}

	.books h1 {
		margin: 28px 0 32px;
	}

	.books h3 {
		margin: 18px 0 15px;
		width: 90%;
	}

	.show-more a {
		line-height: 18px;
		padding: 10px 0 10px 30px;
	}

	/* three-columns */
	.three-columns {
		padding: 0 10px;
	}

	.three-columns .col-sm-4 {
		padding: 0 0 32px;
	}

	.three-columns .col-sm-4 > div {
		min-height: inherit;
	}

	#footer .col-sm-4 {
		padding: 0 38px 25px;
	}

	#footer img {
		display: block;
	}

	#copyright {
		padding: 25px 35px;
	}

	/* shopping cart */
	.continue {
	clear:both;
	margin-top: -10px;
	margin-bottom:20px;
	padding-right: 10px;
	float:right;
	}

	/* login */

	.pwtxt {
	margin-bottom:0px;
	}
	.login-button {margin-top:20px;}

	/* login */

	#detailsss input.long-field {
		width: 200px;
	}

	/* checkout */
	#checkout .continue {
		display: none;
	}

	.outlined-box {
		padding: 10px 15px;
	}

	.outlined-box input[type="checkbox"] + span {
		width: 70%;
	}

	.order-box {
		padding: 0;
	}

	.order-box thead th {
		color: #E4D6B3;
	}

	.order-box tr,
	.order-box tr td {
		display: block;
	}

	.order-box thead tr,
	.order-box tfoot tr,
	.order-box tbody tr {
		overflow: hidden;
	}

	.order-box tr.short td,
	.order-box tfoot tr td {
		float: left;
	}

	.order-box tr.short td:last-child,
	.order-box tfoot tr td:last-child {
		width: 30%;
	}

	.order-box tbody tr:not(.short) td:first-child {
		width: 100%;
	}

	.order-box tbody tr:not(.short) td:nth-child(2),
	.order-box tbody tr:not(.short) td:nth-child(3){
		display: none;
	}

	#checkout .next-button {
		float: right;
		margin: 35px 5px 25px;
		width: auto;
	}
	.checkout-page-0 .cartbuttons.left, .checkout-page-0 .cartbuttons.right {float: none !important;}

	.cartbuttons {
    text-align: right;
    margin: 15px 0 10px 0;
	}
	/* payment */

	.payment input[type="radio"]:checked + label span {
	display: block;
	width:100%;
	}

	#details .col-sm-12 {
		padding: 0 8px;
	}

	#details .col-sm-12 > span {
		padding: 0 10px 10px;
		display: block;
	}

	#details h1 {
		margin-bottom: 15px;
		margin-left:10px;
	}
	#details .next-button {
	width: 200px;
    margin: 30px auto;
	}
	#details .complete-button {
	width: 250px;
    margin: 30px auto;
	height: 50px;
	clear:both;
	}

	/* order received */
	#order-received .col-sm-3 {
		padding: 0 45px;
		vertical-align: top;
	}

}

@media (max-width: 690px) and (min-width: 383px) {
	.buttons {
	align-items: center;
    justify-content: center;
	width: 100%;
	}
}
@media (max-width: 383px) {
	.buttons {
	align-items: center;
    justify-content: center;
	width: 100%;
	}
	.buttons .add, .buttons .wishlist {
	font-size: 11px;
	}
	.buttons .addbutton-wrap {
    float: left;
    width: 109px
}

.buttons .wishlist-wrap {
    float: left;
    width: 80px;
}
}

/* Custom */
.format {
	padding-top:10px;
}
#banner h2.authorHeading {
	margin:0;
	line-height: 1;
    font-size: 16pt;
}

#continueShopping,
#checkout,
.genericButton,
#login,
#createAccount,
#orderSummary,
#goBack,
#completeOrder,
#Next,
.home-add-to-cart-button,
.AddWishlist {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
	text-transform:uppercase;
	position: relative;
	text-align: right;
	padding-right: 25px;
}

.genericButton {width: 160px;}

#MoveAllToCart {
    width: 160px;
	display: inline;
margin-top: 10px;
}

#orderSummary {
    width: 170px;
}

#checkout {
    width: 200px;
}

.home-add-to-cart-button {
    width: 220px;
}

#completeOrder, #continueShopping {width: 230px;}

#goBack, #login {
    width: 150px;
}

#Next {
    width: 120px;
}

#AddWishlist {
		text-transform:uppercase;
}

.clear {
	clear:both;
}

#viewCartForm .cart-added {
	font-size:0.8em;
	text-align: left;
}

#viewCartForm .price-rrp {
	color: #a2b0bd;
    text-decoration: line-through;
}

[id^='delete_'] {
	padding-top:30px;
	position:absolute;
}


.cartgrid.movetocart {
	padding-top:28px;
}

.button {
	border: 1px solid #3d5155;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	color: #3d5255;
	display: inline-block;
	font: 700 13px/32px 'Roboto', sans-serif;
	text-align: center;
	text-transform:uppercase;
	background-color:transparent;
	margin:0 20px;
	width:130px;
}

.button:hover {
	background-color: #3d5255;
	color: #ffffff;
	text-decoration:none;
}

.button.small {
	width:100px;
}
.button.medium {
	width:150px;
}
.button.large {
	width:200px;
}

.header-shoppingcart-guest {
	color:#fff;
}

.plainLink {
	text-decoration:none !important;
}

.x-dlg-dlg-body {
	box-sizing:content-box !important;
}

.x-tabs-body {
	padding:10px !important;
}

.myProfileForm .form-group,
#NewMemberForm .form-group,
.book-order-query .form-group {
	padding-top:15px;
}

#addressForm label {
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 5px;
    text-align: right;
    width: 150px;
	height: 10px;
}


#addressForm input.text {
    margin: 2px 0;
    padding: 2px;
    width: 250px;
}

.carousel-control {
    width: 7% !important;
}

.bestSellersBlock {
	display:inline-block;
	margin:0;
	padding:0;
}

.advancedSearchBar {
	clear:both;
}

/* todo: reimplement sort-by */
/* .sort-by div.labelSort,
.sort-by .btn-group {
	display:none;
} */

.sort-by .labelSort {
	float:left;
	display:inline-block;
    margin-right: 10px;
    margin-top: 4px;
}

.advanced-search .row {
	padding-bottom:10px;
}

.advanced-search .button {
	margin:0;
}

.main-search-button {
	height: 44px;
    margin-left: -1px;
    margin-top: 9px;
    padding: 10px 14px;

}

.book-list-page .btn {
	margin-bottom:10px;

}

#BreadcrumbContainer ul {
	padding-left: 0;
	margin:0;
}

#BreadcrumbContainer li {
    display: inline;
    list-style-type: none;
}

#BreadcrumbContainer li a {
    padding:5px;
    margin-bottom:3px;
}

.Search-categoryBreadCrumb .square li {
    display: inline;
}
.Search-categoryBreadCrumb a.btn.btn-primary.btn-xs {
    padding: 5px;
    margin-bottom: 3px;
}

.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.newaccount .login-button {
	width:300px;
	text-align: right;
}

.submit-enquiry {
	width:250px;
}

.schools-homepage #slider h1 {
	width:230px;
}

.no-padding {
	padding:0 !important;
}

.char-counter {
	color:#aaa;
}

#GiftVoucherCodeDiv, #PromoCodeDiv {
	padding-top:20px;

}

#giftWrappingOptions input[type="radio"] {
    margin: 4px 0 0 10px;
}

#loyaltyDollars {
    border: 1px solid #9b9b9b;
    border-radius: 11px;
    box-sizing: content-box;
    height: 42px;
    line-height: 40px;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}

.Cart-BookPriceRRP {
	text-decoration:line-through;
	color:#aaa;
}

.Cart-BookPriceSale {
	font-weight:bold;
}

.Cart-BookTitleSub {
	font-weight:bold;
	font-size:1.2em;
}

.checkout-page-0 .next-button {
	width: auto;
}

.checkout-page-0 .finalOrder .next-button {
	width:260px;
}

.checkout-page-0 .cartbuttons.left {
	float:left;
}
.checkout-page-0 .cartbuttons.right {
	float:right;
}

.offline-payment img {
	display:inline;
}

.bpayLogo {
	float:left;
	width:34px;
	height:54px;
}

.bpayDetailsBox {
	border: 1px solid #112051;
	margin-left:40px;
	height:54px;
	width:200px;
	padding-left:10px;
}


.bpayDetails {
	color:#112051;
	margin-top:7px;
	clear: right !important;
}

#preCheckout-page #details .long-field {
   max-width: 80%;
   width: 375px;
}

#preCheckout-page #details .short-field {
    max-width: 80%;
    width: 166px;
}

#preCheckout-page #details .action-buttons {
	float:right;
}


.bootstrap-dialog.type-primary .modal-header {
    background-color: #00ADEF!important;
}


.books.books-by-author  .col-sm-6 {
	padding:0 33px;
}

.books.books-by-author .featured-button,
.books.cwbab .featured-button,
.books.sjb .featured-button,
.books.home-feature .featured-button {
	float:left;
}

.books.books-by-author .button-wishlist,
.books.cwbab .button-wishlist,
.books.sjb .button-wishlist,
.books.home-feature .button-wishlist {
	margin:0;
}

.cw-seo {
	padding-top:8px;
}


/*.books.description .btn-primary,
.books.category-listing .btn-primary {
    background-color: #fff;
    border-color: #eee;
	color: #2C3539;

}

.books.description .btn-primary:hover,
.books.category-listing .btn-primary:hover {
    background-color: #efefef;
    border-color: #eee;
	color: #2C3539;
}*/

ul.square {list-style-type: square;}

.forgotten-password {
	text-align:center;
	display:block;
	padding-top:20px;
}

.echeckout .FeatureImageSmallHome {
    width: 100px;
}

.x-tabs-strip .x-tabs-text {
    font-size: 14px;
	overflow: visible;
	white-space: normal;
}

.x-tabs-strip-wrap {
    background-color: transparent;
}


.img-block {
	display:inline-block;
	margin: 4px auto 20px;
	position: relative;
}

.img-block #available {
	bottom: -20px;
	right:-20px;
	top:auto;
}
#floatingwishlist {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    display: block;
    margin: 0;
    width: 3rem;
    height: 3rem;
    background: #ffffff;
    border-radius: 1.625rem;
	position:absolute;
	z-index:100;
	color: #d1d3d4;
}
#floatingwishlist.active {
	color: #e83521;
}
.img-block #floatingwishlist {
	top: -20px;
	left:-20px;
	bottom:auto;
}

.floatwlicon {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.7rem;
    font-size: 16pt;
    height: 1.1rem;
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
/*.linkflwl:hover > .floatwlicon {
	font-weight: 900;
}*/
.linkflwl:hover > .floatwlicon {
	color: #e83521;
}


.img-block #floatingDiscount {
	position: absolute;
	top: 0;
	left: 0;
	bottom:auto;
	background-image: url(/img/tile_discount_bg_w.png);
	width: 55px;
    height: 42px;
    background-repeat: no-repeat;
	background-position: center top;
	-webkit-filter: drop-shadow( 1px 1px 1px #4a4a4a );
    filter: drop-shadow( 1px 1px 1px #4a4a4a );
	z-index: 100;
}
.img-block #floatingDiscount .title-discount {
	padding:5px;
	text-align: center;
	line-height: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	position: absolute;
    top: 0;
    left: -8px;
}
.img-block #floatingDiscount .title-discount .heavy {
	font-weight: 700;
}

		


.fa-check:before {
    content: "\f00c"!important;
}


.img-block img.large {
	max-width:100%;
	max-height:300px;
	width:auto;
	height:auto;
	min-width:200px;
	min-height:200px;
}

.img-block.medium-block {
	height:250px;
}



/* mobile side slide menu  */
@media (max-width: 1200px) {

	#mobile-menu {
		transform:translateX(-280px);
		transition:300ms transform;
		background-color:#efefef;
	}

	.mobile-menu #mobile-menu {
		position:fixed;
		top:0px;
		left:0px;
		display:block;
		height:100%;
		z-index: 103;
		overflow-y:scroll;
		padding-bottom:70px;
		min-width:280px;
		border-right: 1px solid rgba(0,0,0,0.5);
		box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		transform:translateX(0);
	}

	.mobile-menu #mobile-menu .collapse {
		display:block;
	}

	.mobile-menu div#mobile-mask {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.8);
	    z-index: 102;
	}

	#nav {
		display:none;
	}
	#header {
		padding:10px 0 0;
	}

	.container .row {
		margin-left:0px;
		margin-right:0px;
	}
	#top-bar .container {
		padding-left:0px;
		padding-right:0px;
	}
}


/* autocomplete */
#searchpanel {
	width:100%;
	max-width:400px;
	position: relative;
	/*padding-right:42px;*/
}

#sbw {
	width:100%;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #eee;
}
#sb {
	/*font-family: Arial;
	box-sizing: border-box;
	font-size:18px;
    padding: 10px;
    outline-width: 0;
    outline:none;
    vertical-align: top;
    border:0;
    width:calc(100% - 70px);
    border-radius: 5px 0 0 5px;
    border: 1px solid #CCC;
    margin-top:0px !important;*/
}
#sbb{
	position: absolute;
    right: 0px;
    margin-top:0px;
    top:1px;
    border-radius: 0px 4px 4px 0px;
    width:44px;
}

#rb a, #rb_m a {
    font-family: Arial;
    color: black;
    font-size: 14px;
}

.rb {
	font-family:Arial;
	width:100%;
	height:auto;
	border:1px solid #eee;
	position:absolute;
	z-index: 1;
	background-color:white;
}

.rb div.isbn {
    font-size: 13px;
    font-weight: normal;
    min-height: 50px;
    padding-left: 50px;
}

.rb div {
	padding:8px;
    padding-left: 36px;
    position: relative;
}

.rb div em {
	font-style: normal;
}

.rb div.isbn em {
	font-weight: bold;
}

.rb div:hover {
	background-color:#eee;
}

.rb div:before{
	content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 9px;
    background-repeat: no-repeat;
    opacity: 0.3;
}

.rb div.author:after {
    content: " (author)";
    font-style: italic;
    color: orange;
}

.rb div.book:after {
    content: " (book)";
    font-style: italic;
    color: brown;
}

.rb div.isbn:after {
    content: " (isbn)";
    font-style: italic;
    color: orange;
}
.rb div.catalogue:after {
    content: " (catalogue)";
    font-style: italic;
    color: seagreen;
}

#header .container .rb div.isbn img {
    height: 100%;
    position: absolute;
    right: calc(100% - 46px);
    width: auto;
    top: 0px;
    padding: 4px 0px;
}

.rb div.book:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJib29rIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYm9vayBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTQ0OCAzNjBWMjRjMC0xMy4zLTEwLjctMjQtMjQtMjRIOTZDNDMgMCAwIDQzIDAgOTZ2MzIwYzAgNTMgNDMgOTYgOTYgOTZoMzI4YzEzLjMgMCAyNC0xMC43IDI0LTI0di0xNmMwLTcuNS0zLjUtMTQuMy04LjktMTguNy00LjItMTUuNC00LjItNTkuMyAwLTc0LjcgNS40LTQuMyA4LjktMTEuMSA4LjktMTguNnpNMTI4IDEzNGMwLTMuMyAyLjctNiA2LTZoMjEyYzMuMyAwIDYgMi43IDYgNnYyMGMwIDMuMy0yLjcgNi02IDZIMTM0Yy0zLjMgMC02LTIuNy02LTZ2LTIwem0wIDY0YzAtMy4zIDIuNy02IDYtNmgyMTJjMy4zIDAgNiAyLjcgNiA2djIwYzAgMy4zLTIuNyA2LTYgNkgxMzRjLTMuMyAwLTYtMi43LTYtNnYtMjB6bTI1My40IDI1MEg5NmMtMTcuNyAwLTMyLTE0LjMtMzItMzIgMC0xNy42IDE0LjQtMzIgMzItMzJoMjg1LjRjLTEuOSAxNy4xLTEuOSA0Ni45IDAgNjR6Ij48L3BhdGg+PC9zdmc+);
}

.rb div.author:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ1c2VyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdXNlciBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIyNCAyNTZjNzAuNyAwIDEyOC01Ny4zIDEyOC0xMjhTMjk0LjcgMCAyMjQgMCA5NiA1Ny4zIDk2IDEyOHM1Ny4zIDEyOCAxMjggMTI4em04OS42IDMyaC0xNi43Yy0yMi4yIDEwLjItNDYuOSAxNi03Mi45IDE2cy01MC42LTUuOC03Mi45LTE2aC0xNi43QzYwLjIgMjg4IDAgMzQ4LjIgMCA0MjIuNFY0NjRjMCAyNi41IDIxLjUgNDggNDggNDhoMzUyYzI2LjUgMCA0OC0yMS41IDQ4LTQ4di00MS42YzAtNzQuMi02MC4yLTEzNC40LTEzNC40LTEzNC40eiI+PC9wYXRoPjwvc3ZnPg==);
	content: "";
}

.rb div.search:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzZWFyY2giIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zZWFyY2ggZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MDUgNDQyLjdMNDA1LjMgMzQzYy00LjUtNC41LTEwLjYtNy0xNy03SDM3MmMyNy42LTM1LjMgNDQtNzkuNyA0NC0xMjhDNDE2IDkzLjEgMzIyLjkgMCAyMDggMFMwIDkzLjEgMCAyMDhzOTMuMSAyMDggMjA4IDIwOGM0OC4zIDAgOTIuNy0xNi40IDEyOC00NHYxNi4zYzAgNi40IDIuNSAxMi41IDcgMTdsOTkuNyA5OS43YzkuNCA5LjQgMjQuNiA5LjQgMzMuOSAwbDI4LjMtMjguM2M5LjQtOS40IDkuNC0yNC42LjEtMzR6TTIwOCAzMzZjLTcwLjcgMC0xMjgtNTcuMi0xMjgtMTI4IDAtNzAuNyA1Ny4yLTEyOCAxMjgtMTI4IDcwLjcgMCAxMjggNTcuMiAxMjggMTI4IDAgNzAuNy01Ny4yIDEyOC0xMjggMTI4eiI+PC9wYXRoPjwvc3ZnPg==);
}
.rb div.catalogue:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f03a";
}
.sbc {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ0aW1lcyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXRpbWVzIGZhLXctMTEiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjQyLjcyIDI1NmwxMDAuMDctMTAwLjA3YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhsLTIyLjI0LTIyLjI0Yy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDE3NiAxODkuMjggNzUuOTMgODkuMjFjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMOS4yMSAxMTEuNDVjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhMMTA5LjI4IDI1NiA5LjIxIDM1Ni4wN2MtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OGwyMi4yNCAyMi4yNGMxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBMMTc2IDMyMi43MmwxMDAuMDcgMTAwLjA3YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMGwyMi4yNC0yMi4yNGMxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4TDI0Mi43MiAyNTZ6Ij48L3BhdGg+PC9zdmc+);
    width: 36px;
    height: 36px;
    display: inline-block;
    background-repeat: no-repeat;
    border: 0;
    background-size: 14px;
    background-position: 10px 11px;
    cursor: pointer;
    z-index: 1;
    top: -1px;
    right: 88px;
	/*top: 2px;
    right: 44px;*/
    position: absolute;
}
.sbs {
	display:inline-block;
	width:36px;
	height:36px;
	border:1px solid red;
}

.rb a {
	text-decoration: none;
	color:black;
}
.rb a.active div {
    background-color: beige;
}


/* christmas promotion banner */
section#top-banner a {
	color:white !important;
}

#top-banner {
    background-color: red;
    text-align: center;
}
/*20190426 added for homepage banner*/
.d-flex, #productSizes,#productSizes tr td, img-responsive{;margin:0;border-top: 0;}
.flex-control-nav{bottom: 2px;}

bb.banner {
    padding-bottom: 15px;
    padding-top: 15px;
}
.bb {
    background-color: #f5f5f5;
	margin: 15px 0 0;
    padding: 15px 0 15px 30px;
}
.bb3-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
}
.bb3-g [class*="bb3-u"] {
    font-family: sans-serif;
}
.bb3-u-4-5 {
    width: 75%;
    *width: 79.9690%;
}
.bb3-u-1, .bb3-u-1-1, .bb3-u-1-2, .bb3-u-1-3, .bb3-u-2-3, .bb3-u-1-4, .bb3-u-3-4, .bb3-u-1-5, .bb3-u-2-5, .bb3-u-3-5, .bb3-u-4-5, .bb3-u-5-5, .bb3-u-1-6, .bb3-u-5-6, .bb3-u-1-8, .bb3-u-3-8, .bb3-u-5-8, .bb3-u-7-8, .bb3-u-1-12, .bb3-u-5-12, .bb3-u-7-12, .bb3-u-11-12, .bb3-u-1-24, .bb3-u-2-24, .bb3-u-3-24, .bb3-u-4-24, .bb3-u-5-24, .bb3-u-6-24, .bb3-u-7-24, .bb3-u-8-24, .bb3-u-9-24, .bb3-u-10-24, .bb3-u-11-24, .bb3-u-12-24, .bb3-u-13-24, .bb3-u-14-24, .bb3-u-15-24, .bb3-u-16-24, .bb3-u-17-24, .bb3-u-18-24, .bb3-u-19-24, .bb3-u-20-24, .bb3-u-21-24, .bb3-u-22-24, .bb3-u-23-24, .bb3-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.bb3-u-1-5 {
    width: 25%;
    *width: 19.9690%;
}
.bb3-u-1-4, .bb3-u-6-24 {
    width: 25%;
    *width: 24.9690%;
}
.bb3-u-1-6 {
    width: 16.2%;
}
a.tile {
    display: inline-block;
    overflow: hidden;
    /*max-width: 250px;*/
    position: relative;
}

.nivoSliderPlaceholder {
    margin-top: 10px;
    position: relative;
    max-width: 96%;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
    -moz-box-shadow: 0 1px 5px 0 #4a4a4a;
    box-shadow: 0 1px 5px 0 #4a4a4a;
}
.bbsch-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
}
.bbsch-g [class*="bbsch-u"] {
    font-family: sans-serif;
}
.bbsch-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}
.bbsch-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}
.bbsch-u-1, .bbsch-u-1-1, .bbsch-u-1-2, .bbsch-u-1-3, .bbsch-u-2-3, .bbsch-u-1-4, .bbsch-u-3-4, .bbsch-u-1-5, .bbsch-u-2-5, .bbsch-u-3-5, .bbsch-u-4-5, .bbsch-u-5-5, .bbsch-u-1-6, .bbsch-u-5-6, .bbsch-u-1-8, .bbsch-u-3-8, .bbsch-u-5-8, .bbsch-u-7-8, .bbsch-u-1-12, .bbsch-u-5-12, .bbsch-u-7-12, .bbsch-u-11-12, .bbsch-u-1-24, .bbsch-u-2-24, .bbsch-u-3-24, .bbsch-u-4-24, .bbsch-u-5-24, .bbsch-u-6-24, .bbsch-u-7-24, .bbsch-u-8-24, .bbsch-u-9-24, .bbsch-u-10-24, .bbsch-u-11-24, .bbsch-u-12-24, .bbsch-u-13-24, .bbsch-u-14-24, .bbsch-u-15-24, .bbsch-u-16-24, .bbsch-u-17-24, .bbsch-u-18-24, .bbsch-u-19-24, .bbsch-u-20-24, .bbsch-u-21-24, .bbsch-u-22-24, .bbsch-u-23-24, .bbsch-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.block7 {
	display: inline-block;
    width: 66%;
    *width: 59.9690%;
}
.bbsch-u-1-3, .bbsch-u-8-24 {
    width: 33%;
    *width: 33.3023%;
}
.bbsch-u-1, .bbsch-u-1-1, .bbsch-u-5-5, .bbsch-u-24-24 {
    width: 100%;
}
#trending .col-sm-12 .main-image-container {
    padding-top: 2px;
}
#trending .col-sm-12 .main-image-container {
    border: 1px solid #ccc;
    line-height: 356px;
    height: 359px;
    float: left;
    position: relative;
    width: 241px;
}
#trending .col-sm-12 ul {
    float: left;
    padding-left: 0;
}
ol, ul {
    list-style: none;
}
@media (min-width: 576px) {
	#trending.d-sm-block {
		display: flex!important;
	}
}
#trending ul {
	padding: 0;
}
#trending ul li {
    background: #f5f5f5;
    border: 1px solid #dedede;
    float: left;
    height: 170px;
    line-height: 167px;
    margin: 0 16px 12px 0;
    position: relative;
}
#trending .primary ul li {
    float: right;
}
#trending .home ul li {
    margin: 0 10px 19px 0;
}
#trending ul li.last {
    margin-right: 0;
}
#trending .col-sm-12 .main-image {
    border: 1px solid #ddd;
    height: 359px;
}
#trending .col-sm-12 .main-image {
    display: inline-block;
    line-height: 250px;
    max-height: 100%;
    vertical-align: middle;
    width: 100%;
}
#trending .main-image {
    max-height: 361px;
    vertical-align: middle;
	max-width: 270px;
}
#trending ul li img {
    max-height: 167px;
    vertical-align: middle;
    width: 114px;
}
#trending ul li img {
    display: inline-block;
    line-height: normal;
    max-height: 170px;
    vertical-align: middle;
    width: 114px;
	margin-bottom: auto!important;
}
.border-bottom {
    border-bottom: 1px solid #ccc;
}
.more-grey {
    background: none repeat scroll 0 0 #efefef;
    height: 25px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 5px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
    text-align: right;
}
#trending .bestsellers {
    box-shadow: 0 1px 4px 1px rgba(50,50,50,.3);
    margin: 5px 0 20px 15px;
}
.border-all {
    border: 1px solid #ccc;
	background-color: #eee;
}
.bestsellers .feature-box {
    padding: 0 10px 10px;
}
.bestsellers .feature-box ol {
    font-size: 14px;
    line-height: 26px;
    margin-top: -10px;
    padding: 5px 10px 0 8px;
    width: 90%;
}
.bestsellers .feature-box ol.no-image {
    margin-top: -10px;
    padding: 0 10px 0 15px;
}
.bestsellers .feature-box ol {
    line-height: 22px;
    padding: 0 10px;
}
.bestsellers ol, ul {
    list-style: none;
}
.bestsellers ol li {
    padding-left:10px;
}
.bestsellers ol.no-image li:before {
    margin-left: -1em;
    padding-right: 6px;
    color: #5f7578;
    font-family: "flexslider-icon";
    display: inline-block;
    content: '\f002';
    color: rgba(0, 0, 0, 0.8);
    text-shadow:
}
.boomer-icon-right:before {
    font-family: "flexslider-icon";
	content: "\f002";
}
.tile .img-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
	opacity: 0;
 	transition: .5s ease;
}
.tile:hover .img-top {
	opacity: 1;
}
#numItemsQty {
	background: none repeat scroll 0 0 #00ADEF;
	border-radius: 32px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	line-height: 14px;
	margin-left: 20px;
	padding-top: 0;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 16px;
}
.persistent-nav-bar {
	background-color:#076020;
	box-shadow:0 0 2px #333;
	display:none;
	height:44px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9900
}
.persistent-quicklinks-wrapper {
	float:left;
	position:relative;
	width:520px;/*width:480px;*/
}
.persistent-search-box {
	float:right
}

.persistent-search-box {
	float:right;
	margin:30px 8px 0 0;
	height:32px;
}
.persistent-search-box .search-box {
	background-color:#fff;
	border-radius:4px;
	position:relative
}
.persistent-search-box {
	margin-top:8px
}
.persistent-search-box input.search-text {
	border:0 none;
	border-right:2px solid #ddd;
	border-radius:4px;
	box-sizing:border-box;
	color:#999;
	font-size:14px;
	height:27px;
	line-height:30px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0 0 0 10px;
	width:300px;
	-webkit-appearance:textfield
}
.persistent-search-box input.search-text {
	width:295px
}
.persistent-search-box input.search-text:focus {
	outline:none
}
#shopping-cart-summary {
	float:right;
	height:28px;
	line-height:28px;
	margin:6px 8px 0 0;
	background-color:#fff
}
#shopping-cart-summary .numItems, #shopping-cart-summary .total {
	font-size:14px;
	color:#53565a;
	font-weight:bold
}
#shopping-cart-summary .numItems {
	text-align:center;
	width:70px;
	float:left
}
#shopping-cart-summary .total {
	text-align:center;
	width:80px;
	margin-left:10px;
	float:left;
	display:none
}
.persistent-nav-bar #shopping-cart-summary {
	margin:7px 15px 0 25px
}
#shopping-cart-summary .icon-cart {
	color:#aaa;
	float:left;
	font-size:22px;
	line-height:26px
}
#shopping-cart-summary .checkout-text {
    background: #00ADEF;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
#shopping-cart-summary .checkout-text:hover {
	box-shadow:inset 200px 0 0 #CC9933;
}
#top-bar .navbar-nav li > ul > li > a {
    padding: 3px 20px!important;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333!important;
    white-space: nowrap;
}


.bookgrid #look-inside-link {
    background: transparent url(//www.boomerangbooks.com.au/images/BB_PAGE_CORNER_S.png) no-repeat bottom right/140px;
    bottom: 0;
    height: 140px;
    position: absolute;
    right: 0;
    width: 173px;
}
.img-block:hover #look-inside-link {background-image: url("//www.boomerangbooks.com.au/images/BB_PAGE_CORNER_L.png");}



/***************************************/
/* NEW HOME PAGE - SLICK SLIDER ********/
/* added 20200907 **********************/

@media (min-width: 768px) { /*768*/
	.bb_carousel, {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 36px 0;
	}
}
@media (min-width: 1025px) { /*768*/
	.bb_carousel, {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 36px;
	}
}
@media (max-width: 767px) {
	.bb_carousel, {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 36px 5px;
	}
	.slick-slide {
		height: 200px;
    	width: 157px;
	}
	.slick-prev,.slick-next {
		display:none!important;
	}
}
.bb_carousel div.citem {
	padding: 0 12px;
    margin: 5px 0;
    position: relative;
}
.bb_carousel_autoplay div.citem {
	padding: 0 12px;
    margin: 5px 0;
    position: relative;
}
.slick-prev:before
{
    /*content: url(../img/BB_ARROW_L.png)!important;*/
	font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    content: "\f053"!important;/*104*/
	color: #0067a1!important;
	font-size: 32pt!important;
}
[dir='rtl'] .prev-prev:before
{
    /*content: url(../img/BB_ARROW_L.png)!important;*/
	font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    content: "\f053"!important;
	color: #0067a1!important;
	font-size: 32pt!important;
}
.slick-next:before
{
    /*content: url(../img/BB_ARROW_R.png)!important;*/
	font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    content: "\f054"!important;/*f105*/
	color: #0067a1!important;
	font-size: 32pt!important;
}
[dir='rtl'] .slick-next:before
{
    /*content: url(../img/BB_ARROW_R.png)!important;*/
	font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    content: "\f054"!important;
	color: #0067a1!important;
	font-size: 32pt!important;
}
/*.slick-next {
    right: 0px;
}*/

.citem .buynow {
    position: absolute;
    display: block;
    font-size: 18px;
    background: #e7e7e7;/*#4c687d;*/
    color: #9fbabe;
    bottom: -50px;
    left: 50%;
    margin-left: -55px;
    padding: 0;
	line-height: initial;
    /*width: 120px;*/
    text-align: center;
	border-radius: 50px;
    opacity: 0;
    -webkit-transition: all 0.33s ease-in-out;
    -moz-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}
@media (min-width: 768px) {
	.citem:hover .buynow {bottom:5%;opacity:1;}
}
.citem img {
	transition: box-shadow .2s linear;
	max-width:137px;
	height:200px;
}
@media (min-width: 768px) {
	.citem:hover img{
		box-shadow: 0 0 5px 1px #4a4a4a;
		-moz-box-shadow: 0 0 5px 1px #4a4a4a;
		-webkit-box-shadow: 0 0 5px 1px #4a4a4a;
	}
}

.citem .buttonswrap .add, .buttonswrap .wishlist {
    white-space: normal;
}
.citem .addbutton-wrap {
	width: 100%;
}
.citem .buttonswrap .add {
    padding: 8px 12px 8px 12px;
	background-position:right;
	border-radius: 50px;
	font-size: 15px;
	line-height: 1em;
}
.citem .buttonswrap .add:hover {
    /*background-color: #d1d3d4;*/
	color: gold;
}
.citem .buynowbutton {
    opacity: 0;
    -webkit-transition: all 0.33s ease-in-out;
    -moz-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}
.citem:hover .buynowbutton {opacity:1;}
@media only screen and (max-width: 768px) {
		.citem .buynowbutton {
	    opacity: 1;
	}
}

.featureHead {
	border-bottom: 1px solid #2C3539;
	text-align: left;
	margin-bottom: 15px;
}
.featureHeadLink {
	font: 32px 'Baloo 2', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
	color: #0067a1;
}
.featureHeadLink:hover,
.featureHeadLink:focus,
.featureHeadLink:active {
	text-decoration: none;
	color: #00abe9;
}
.featureHead.white {
	border-bottom: 1px solid #fff;
}
.featureHeadLink.white {
	color: #fff;
}
.featureHeadLink.white:hover {
	color: #fff;
	text-decoration: none;
}
@media (max-width: 768px) {
	.featureHeadLink{
		line-height: 1;
	}
}



/* Spotlight */

#spotlight {
    background-color: #343c41;
}
#spotlight .col-sm-12 .main-image-container {
    padding-top: 2px;
}
#spotlight .col-sm-12 .main-image-container {
    border: 1px solid #ccc;
    line-height: 356px;
    height: 359px;
    float: left;
    position: relative;
    width: 241px;
}

@media (min-width: 576px) {
	#spotlight.d-sm-block {
		display: flex!important;
	}
}

#spotlight .col-sm-12 .main-image {
    border: 1px solid #ddd;
    height: 359px;
}
#spotlight .col-sm-12 .main-image {
    display: inline-block;
    line-height: 250px;
    max-height: 100%;
    vertical-align: middle;
    width: 100%;
}
#spotlight .main-image {
    max-height: 361px;
    vertical-align: middle;
	max-width: 270px;
}



#spotlight .title {
	color: #ffffff;
	text-transform: uppercase;
	padding-left: 10px;
}
#spotlight .featureHead {
	border-bottom: 4px solid #d1d3d4;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 10px;
}
#spotlight .featureHeadLink {
	font: 32px 'Baloo 2', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
	color: #00abe9;
	line-height: 1;
}
#spotlight #link-all-trending {
	color: #00abe9;
}
#spotlight .bio {
	color: #ffffff;
	max-height: 381px;
}
#spotlight .bio .biotext {
	overflow-x: scroll;
	max-height: 325px;
}
#spotlight .authorimg {
	padding-bottom: 12px;
}
#spotlight .bio .btn {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 5px 50px;
}
#spotlight .bio .btn-wrapper {
	text-align: center; 
	width: 100%; 
	margin: 10px auto;
}
#spotlight .featureHeadLink:hover,
#spotlight .featureHeadLink:focus,
#spotlight .featureHeadLink:active {
	text-decoration: none;
	color: #00abe9;
}
#spotlight .featureHead.white {
	border-bottom: 1px solid #fff;
}
#spotlight .featureHeadLink.white {
	color: #fff;
}
#spotlight .featureHeadLink.white:hover {
	color: #fff;
	text-decoration: none;
}
@media (max-width: 768px) {
	#spotlight .featureHeadLink{
		line-height: 1;
	}
}

#spotlight.light {
    background-color: #d1d3d4;
}
#spotlight.light .title {
	color: #343c41;
}
#spotlight.light .featureHead {
	border-bottom: 4px solid #ffffff;
}
#spotlight.light .featureHeadLink {
	color: #0067a1;
}
#spotlight.light #link-all-trending {
	color: #0067a1;
}
#spotlight.light .bio {
	color: #343c41;
}



.header-banner {
	padding: 3em 0em;
	background: url(/img/BD_BANNER_BLUE.jpg) repeat center;
	background-size: cover;
}
.header-banner.primary {
	background: url(/img/BD_BANNER_BLUE_P.jpg) repeat center;
}
.header-banner.secondary {
	background: url(/img/BD_BANNER_DARK_BLUE_S.jpg) repeat center;
}

.header-banner.dark {
	background: url(/img/BD_BANNER_DARK_BLUE.jpg) repeat center;
}
.header-banner.purple {
	background: url(/img/BD_BANNER_PURPLE.jpg) repeat center;
}
.header-banner.yellow {
	background: url(/img/BD_BANNER_YELLOW.jpg) repeat center;
}
.header-banner.green {
	background: url(/img/BD_BANNER_GREEN.jpg) repeat center;
}
.header-banner .subject {
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
}
.header-banner .subject .wrapper {
	/*background-color: #0067a1;*/
	padding: 0px 12px;
}
/*.header-banner.dark .subject .wrapper {
	background-color: #0067a1;
}
.header-banner.purple .subject .wrapper {
	background-color: #9c298d;
}
.header-banner.yellow .subject .wrapper {
	background-color: #f9ec2b;
}
.header-banner.green .subject .wrapper {
	background-color: #91c04b;
}*/

.body-bg-light-blue {
	background-color: #00abe9;
}
.body-bg-dark-blue {
	background-color: #0067a1;
}
.bg-white {
	background-color: #ffffff!important;
}


.nav.nav-tabs.dark .nav-link {
	color: #ffffff;
}
.nav.nav-tabs.dark .nav-link.active {
	color: #495057;
}
.nav-tabs.dark .nav-link:hover, 
.nav-tabs.dark .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
	background-color: #6d6e71;
}


.btn-gold {
  color: #fff;
  background-color: #00abe9;
  border-color: #00abe9;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold.focus,
.btn-gold:active,
.btn-gold.active,
.open > .dropdown-toggle.btn-gold {
  color: #fff;
  background-color: #CC9933;
  border-color: #CC9933;
}

.bbscroll{
	white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    float: left;
    padding: 0;
}
.bbcontainer{
	display: inline-block;
    height: 180px;
    line-height: 178px;
    margin: 5px;
    width: 121px;
    position: relative;
    text-align: center;
    width: 157px;
}


/*****************************/
/******* TOP 10 PANEL ********/
/*****************************/
#BBpanel .panel-body {
    padding: 0px;
}
#BBpanel .panel {
    margin-bottom: 22px;
    background-color: #fff;
    border: 6px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#BBpanel .panel-default {
    border-color: #5f7578;
}
#BBpanel .panel-default>.panel-heading {
    color: #f4f4f2;
    background-color: #5f7578;
    border-color: #5f7578;
    font: 700 38px/30px 'Baloo 2', sans-serif;
}
#BBpanel .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#BBpanel .panel-footer {
    background-color: #5f7578;
    border-top: 1px solid #5f7578;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#BBpanel .pd-top-xs {
    padding-top: 10px;
}
.text-center {
    text-align: center;
}
.product-image.small-img {
    height: 80px;
}
.product-list-block .product-list-content .product-list-content-item .product-list-content-item-img-container .product-list-content-item-img.small-img {
    width: 60px;
}
.product-image {
    width: 100%;
    background: transparent center top no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.product-list-block .product-list-content .product-list-content-table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}
.product-list-block .product-list-content .product-list-content-table tr td {
    padding: 15px 10px;
    vertical-align: top;
    border: none;
}
.product-list-block .product-list-content .product-list-content-table tr td:last-child {
    padding-right: 20px;
    text-align: left;
}
.product-list-block .product-list-content .product-list-content-item {
    width: 100%;
    border-top: 1px solid #5f7578;
    padding: 30px 15px;
}
.product-list-block .product-list-content .product-list-content-item:first-child {
    border-top: none;
}
.spacer {
	height: 25px;
}
/*****************************/
/*  Add to Cart popup */
/*****************************/
.viewcart-button, .continue-button, .gocheckout-button {
	color: #2C3539;
	display: inline-block;
	margin: 20px 0;
	font: 700 14px/27px 'Roboto', sans-serif;
	border: 1px solid #3d5155;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background-color: #ffffff;
	position: relative;
	text-transform: uppercase;
	text-align: center;
}

.viewcart-button:hover, 
.continue-button:hover, 
.gocheckout-button:hover, 
.viewcart-button:focus, 
.continue-button:focus, 
.gocheckout-button:focus {
	color: #d5bd86;
	background-color: #3d5155;
	cursor:pointer;
}



.viewcart-button:before {
	background: url(/img/icon_view_cart_button.png) center center/50px 50px no-repeat;
	content:"";
	display: block;
	height: 49px;
	position: absolute;
	top: -7px;
	left: -10px;
	width: 50px;
}
.continue-button:before {
	background: url(/img/icon-continueshop.png) center center/50px 50px no-repeat;
	content:"";
	display: block;
	height: 49px;
	position: absolute;
	top: -7px;
	left: -10px;
	width: 50px;
}
.gocheckout-button:before {
	background: url(	/img/icon-checkout.png) center center/50px 50px no-repeat;
	content:"";
	display: block;
	height: 49px;
	position: absolute;
	top: -7px;
	left: -10px;
	width: 50px;
}
.shoppingbuttons #checkout, .shoppingbuttons #continueShopping, .shoppingbuttons #viewCart {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    padding-right: 25px;
}

.shoppingbuttons #checkout, .shoppingbuttons #continueShopping, .shoppingbuttons #viewCart {width: 230px;}

.shoppingbuttons {
	text-align: center;
}
.shoppingbuttons .add {
    border-radius: 50px 0 0 50px;
    border: 1px #0067a1 solid;
    cursor: pointer;
    background-color: #ffffff;
    color: #0067a1;
    font-weight: 700;
    text-transform: uppercase;
}
.shoppingbuttons .add:hover {
    background-color: #0067a1;
    color: #d1d3d4;
}
.bb_carousel_cart div.citem {
    position: relative;
}
.bb_carousel_cart .citem .buttonswrap .add:hover {
	color: gold;
	}
.cartbox {
	border: 1px solid; padding: 10px 10px 0;
}
@media (min-width: 992px) {
	#cartdetailpnl {
		vertical-align: top; height: 255px;
	}
	.cartbox {
		bottom: 15px; position: absolute;
	}
}
@media (max-width: 991px) {
	.viewcart-button, .continue-button, .gocheckout-button {
		margin: 8px 0;
	}
}
.cartpopTitle {
	max-height:130px;overflow:hidden;font-size:20px;margin-top: 0;
}
/*****************************/


h1,h2,h3 {
	font-family: 'Baloo 2', sans-serif;
	line-height: 1;
} /*'Catamaran'*/
h1 {
	font-weight: 700;
} /*800*/
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown:hover .dropdown-toggle::before {
	color:#000;
	content: "\f107";
}
.dropdown-menu {
	min-width: 232px;/*200px*/
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a,
.dropdown-menu li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover, 
.dropdown-menu li a:hover {
	text-decoration: none;
	color: #fff;/*#262626;*/
	background-color: #00adef/*#999*/;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}
.flex-fixed-width-item-leftnav {
    flex: 0 0 160px;
}
	
.showcart {
	display: block!important;
}
	
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu .dropdown-menu {
	background-color: #f0f0f5;
	margin-left: 15px;
}
/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

 #wrapper {
    overflow-x: hidden;
 }

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}
/* change sticky nav for mobiles */
.sticky-top {
    position: static;
}
@media (min-width:768px) {
    .sticky-top {
        transition: all 0.25s ease-in;
        position: sticky;
    }
    
    .stuck .sticky-top {
        background-color: #222 !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
}
.dropdown-menu {
	top: 35px;
}	
.dropdown-menu.sub {
	top: 25px;
}
	
	
	
	
	
.add-to-cart-btn {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    color: #cf202c;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
}
.product-image {
	width: 100%;
	max-width: 135px;
	background: transparent center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.product-image.small-img {
	height: 80px
}
.product-image.spinner-img {
	height: 134px
}
.product-image.hero-img {
	height: 180px
}
.product-image.promo-img {
	height: 234px
}
.product-image.product-details-img {
	height: 310px
}
.product-tile {
	position: relative;
	padding: 10px;
	text-align: center;
	color: #343c41;
	font-family: 'Roboto Condensed', sans-serif;
}
@media (min-width: 768px) {
	.product-tile:hover img{
		box-shadow: 0 0 5px 1px #4a4a4a;
		-moz-box-shadow: 0 0 5px 1px #4a4a4a;
		-webkit-box-shadow: 0 0 5px 1px #4a4a4a;
	}
	.product-tile:hover{
		background-color: #F8F8F8;
	}
}

.product-tile a {outline: none !important;}
.product-tile .product-tile-img-container {
	position: relative;
	display: block;
	width: 100%;
	/*padding: 0 15px 10px;*/
	outline: 0;
}
.product-tile .product-tile-img-container .product-tile-img {
	position: relative;
	margin: 0 auto 2px;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion {
	position: absolute;
	min-width: 100px;
	max-height: 145px;
	text-align: left;
	overflow: visible;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion .product-tile-promotion-icon {
	position: absolute;
	top: -10px;
	left: -8px;
	display: inline-block;
	width: 30px;
	height: 30px;
	/*padding: 5px 2px 4px;*/
	text-align: center;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #cf202c;
	color: #fff;
	opacity: 1;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion .product-tile-promotion-image {
	position: absolute;
	opacity: 1;
	max-width: 75px;
	max-height: 75px;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion .product-tile-promotion-image img {
	width: 100%
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion .product-tile-promotion-text {
	width: 100%;
	margin-top: 5px;
	padding: 10px;
	overflow: hidden;
	text-align: center;
	background-color: #cf202c;
	color: #fff;
	opacity: 0;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion:hover, .product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion:focus {
	max-height: 200px;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion:hover .product-tile-promotion-icon, .product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion:focus .product-tile-promotion-icon {
	opacity: 0;
}
.product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion:hover .product-tile-promotion-text, .product-tile .product-tile-img-container .product-tile-img .product-tile-promotion-container .product-tile-promotion:focus .product-tile-promotion-text {
	opacity: 1;
}
.product-tile .product-tile-title {
	display: block;
	height: 2.857em;
	overflow: hidden;
	padding-bottom: 5px;
	color: #343c41;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}
.product-tile-desc.product-tile-author {
	color: #6d6e71;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.product-tile-desc.product-tile-author a {
	color: #6d6e71;
}
.product-tile-desc.product-tile-format {
	color: #6d6e71;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 8pt;
	height: 1.857em;
}
.product-tile .product-tile-desc {
	color: #6d6e71;
	height: 1.457em;
	overflow: hidden;
	padding-bottom: 5px;
}

.product-tile .product-tile-price {
	color: #6d6e71;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	padding-bottom: 5px;
	font-size: 11pt;
    line-height: 18px;
}
.product-tile .product-tile-price .rrp {
	font-size: 9pt;
}
.product-tile .product-tile-price .sale-price {
	color: #343c41;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 14pt;
}
.product-tile .product-tile-discount {
	width: 40%;
	max-width: 56px;
	float: left;
	line-height: 14px;
	padding: 7px 0;
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 14pt;
	background-image: url(/img/tile_discount_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	/*-webkit-filter: drop-shadow( 1px 1px 1px #4a4a4a );
    filter: drop-shadow( 1px 1px 1px #4a4a4a );*/
}
/*.img-block #floatingDiscount {
	position: absolute;
	top: 0;
	left: 0;
	bottom:auto;
	width: 55px;
    height: 42px;
	z-index: 100;
}*/
.product-tile .product-tile-discount .percentoff {
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12pt;
}
.product-tile .product-tile-controls {
	padding: 5px 0;
}
.product-tile .product-tile-controls.controls-large {
	font-size: 24px;
}
/*
.add-to-cart-btn {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    color: #0067a1;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative
}

.add-to-cart-btn:before {
    position: absolute;
    top: .5em;
    bottom: .5em;
    left: .5em;
    right: .5em;
    content: ' ';
    background-color: transparent;
    z-index: -1;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.add-to-cart-btn:hover:before {
    top: -.5em;
    bottom: -.5em;
    left: -.5em;
    right: -.5em;
    background-color: #d1d3d4;
}
*/
.add-to-cart-btn {
    width: 50%; 
	float: left;
	height: 1.2em;
    color: #d1d3d4;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}



.add-to-cart-btn:hover {
    color: #00abe9;
}
.add-to-cart-btn.active {
    color: #00abe9;
}

.add-to-wishlist-btn {
    width: 50%; 
	float: left;
	height: 1em;
    color: #d1d3d4;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.add-to-wishlist-btn:hover {
    color: #e83521;
}
.add-to-wishlist-btn.active {
    color: #e83521;
}
/*.add-to-wishlist-btn {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #cf202c;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative
}

.add-to-wishlist-btn:before {
    position: absolute;
    top: .5em;
    bottom: .5em;
    left: .5em;
    right: .5em;
    content: ' ';
    background-color: transparent;
    z-index: -1;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.add-to-wishlist-btn:hover:before {
    top: -.5em;
    bottom: -.5em;
    left: -.5em;
    right: -.5em;
    background-color: #d1d3d4;
}*/




.scroll-to-top {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	display: none;
	width: 2.75rem;
	height: 2.75rem;
	text-align: center;
	color: #fff;
	background: rgba(90,92,105,.5);
	line-height: 46px
}
.scroll-to-top:focus, .scroll-to-top:hover {
	color: #fff
}
.scroll-to-top:hover {
	background: #5a5c69;
	text-decoration: none;
}
.rounded {
    border-radius: .35rem!important;
}
.dropdown-search {
    /*width: calc(100% - 1.5rem)!important;*/
	width: 320px!important;
    right: .75rem!important;
    position: absolute!important;
}
.dropdown.no-arrow .dropdown-toggle::after{display:none}


#trending .bestsellers {
    margin: 0;
}
/*.slick-prev:before,
.slick-next:before {
	color: red;
}*/
	

@media only screen and (max-width: 768px) {
	#banner .row {
	padding: 0;
	}
}


@media only screen and (max-width: 768px) {
	.nav-tabs {
		overflow-x: scroll!important;
	}
	.nav{
		flex-wrap: inherit!important;
	}
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
	max-width: 600px!important;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
  .modal-dialog {
      width: 800px;
	  max-width: 800px!important;
    }
}
	

	
	
@media (min-width: 992px){
	#search2 .main-search-input {
    	width: 225px;
	}
}	
@media (min-width: 1200px){
	#search2 .main-search-input {
    	width: 300px;
	}
}


	
	
	
	
/*BUTTONS */
button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
button.learn-more {
  width: 12rem;
  height: auto;
}
button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #0067a1;/*#282936;*/
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}
button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #0067a1;/*#282936;*/
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}
.shoppingbuttons button.learn-more {
  margin-bottom: 10px;
}
.shoppingbuttons button.learn-more .button-text,
.cartbuttons button.learn-more .button-text {
  padding-left: 28px;
  text-align: left;
}
button:hover .circle {
  width: 100%;
}
button:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}
button:hover .button-text {
  color: #fff;
}
button:hover .button-text.black {
  color: #000;
}

/* custom buttons */
/* cart */
button.learn-more .circle .icon.addcart {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
  color: white;
}
button.learn-more .circle .icon.addcart::before {
  position: absolute;
  top: -7px;
  right: 3px;
  color: white;
  width: 0.625rem;
  height: 0.625rem;
  /*border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);*/
	content: "\f07a";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
button:hover .circle .icon.addcart::before {
 content: "\f217";
	font-size: 12pt;
	color: white;
	
}
button:hover .circle .icon.addcart {
  transform: translate(5px, 0) scale(1.3);
}
/* lock */
button.learn-more .circle .icon.lock {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
	color: white;
}
button.learn-more .circle .icon.lock::before {
  position: absolute;
  top: -7px;
  right: 3px;
  color: white;
  width: 0.625rem;
  height: 0.625rem;
  content: "\f023";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
button:hover .circle .icon.lock::before {
  content: "\f023";
  color: black;
}
button:hover .circle .icon.lock {
  transform: translate(5px, 0) scale(1.3);
}
/* wishlist */
button.learn-more .circle .icon.wishlistbtn {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
  color: white;
}
button.learn-more .circle .icon.wishlistbtn::before {
  position: absolute;
  top: -7px;
  right: 3px;
  color: white;
  width: 0.625rem;
  height: 0.625rem;
  content: "\f004";
  font-family: 'Font Awesome 5 Free';
  
}
button:hover .circle .icon.wishlistbtn::before {
  content: "\f004";
  color: white;
	font-weight: 900;
}
button:hover .circle .icon.wishlistbtn {
  transform: translate(5px, 0) scale(1.3);
}

/* cart - continue */
button.learn-more.continuebtn .button-text {
  color: #e83521;
}
button.learn-more .circle .icon.continuebtn {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
  color: #ffffff;
}
button.learn-more .circle .icon.continuebtn::before {
  position: absolute;
  top: -7px;
  right: 3px;
  color: #ffffff;
  width: 0.625rem;
  height: 0.625rem;
  content: "\f217";
  font-family: 'Font Awesome 5 Free';
  
}
button:hover .circle .icon.continuebtn::before {
  content: "\f217";
  color: #ffffff;
  font-weight: 900;
}
button:hover .button-text  {
  color: #ffffff!important;
}
button:hover .circle .icon.continuebtn  {
  transform: translate(5px, 0) scale(1.3);
}
/* cart - btncheckout */
button.learn-more.btncheckout .button-text {
  color: #0067a1;
}
button.learn-more .circle .icon.btncheckout {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
  color: #ffffff;
}
button.learn-more .circle .icon.btncheckout::before {
  position: absolute;
  top: -7px;
  right: 3px;
  color: white;
  width: 0.625rem;
  height: 0.625rem;
  content: "\f023";
  font-family: 'Font Awesome 5 Free';
  
}
button:hover .circle .icon.btncheckout::before {
  content: "\f023";
  color: #ffffff;
	font-weight: 900;
}
button:hover .circle .icon.btncheckout {
  transform: translate(5px, 0) scale(1.3);
}
/* cart - btnviewcart */
button.learn-more.btnviewcart .button-text {
  color: #00abe9;
}
button.learn-more .circle .icon.btnviewcart {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
  color: #ffffff;
}
button.learn-more .circle .icon.btnviewcart::before {
  position: absolute;
  top: -7px;
  right: 3px;
  color: white;
  width: 0.625rem;
  height: 0.625rem;
  content: "\f07a";
  font-family: 'Font Awesome 5 Free';
  
}
button:hover .circle .icon.btnviewcart::before {
  content: "\f07a";
  color: #ffffff;
	font-weight: 900;
}
button:hover .circle .icon.btnviewcart {
  transform: translate(5px, 0) scale(1.3);
}


/* custom buttons colours */
button.learn-more .circle.gold {
	background: gold;
}
button.learn-more .circle.red {
	background: #e83521;
}
button.learn-more .circle.blue {
	background: #0067a1;
}
button.learn-more .circle.lightblue {
	background: #00abe9;
}



.btn-default, .btn-primary {
  color: #6d6e71;
  background-color: #d1d3d4;
  border-color: #d1d3d4;
  margin: 2px 0 2px 2px;
}

.btn-default:hover {
  color: #fff;
  background-color: #0067a1;
  border-color: #0067a1;
}

.btn-default:focus, .btn-default.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-default.disabled, .btn-default:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #00abe9;
  border-color: #00abe9;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}




#trendingbks h3{color: #333333; border-bottom: 1px solid #ccc; font-size: 21px; font-weight: bold; margin-top: 10px; margin-bottom: 20px;padding-bottom: 15px; }
#trendingbks .bestsellers h3{ color: #fff; background-color: #00ADEF!important; padding: 10px; margin-top:0; border-bottom: 2px solid #e0e0e0; }
#trendingbks .bestsellers a h3:hover, #trendingbks .bestsellers a:hover{ color: #333333; text-decoration: none !important; }
#trendingbks .bestsellers #info ol.top-10{ counter-reset: item; padding-left: 0px; }
#trendingbks .bestsellers #info ol li{ list-style-type: decimal; list-style-position: outside; color: #333333; margin-bottom: 10px; float: left; width:100%; display:block; height: auto; padding-left: 10px; box-sizing: border-box; }
#trendingbks .bestsellers #info ol li:last-child { margin-bottom: 0; }
#trendingbks .bestsellers #info ol li.border-bottom { border-bottom: 2px solid #e0e0e0; }
#trendingbks .bestsellers #info ol li.border-bottom:last-child { border-bottom: 0; }
#trendingbks .bestsellers #info ol li:before { color: #bbbbbb; content: counter(item, decimal) ". "; counter-increment: item; display: block; float: left; font-size: 16px; font-weight: bold; height: 75px; width: 24px; }
#trendingbks .bestsellers #info .top-10 li img { width: 55px; display: inline-block;}
#trendingbks .bestsellers #info .top-10 li h4{ color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; width: 100%; }
#trendingbks .bestsellers #info .top-10 li h4 a { color: #333333; text-decoration: none; }
.bestsellers #info .top-10 li h4 a:hover{ color: #009933; text-decoration: none; }
#trendingbks .bestsellers #info .top-10 li .product-details { display: block; float: right; font-size: 13px; margin-right: 5px; text-align: left; width: 145px; }
#trendingbks .bestsellers #info .top-10 li .product-details p { margin-bottom: 0; }
#trendingbks .bestsellers #info .more { text-align: center; font-weight: bold; text-transform: uppercase; padding: 10px 5px; /*background: #F5F5F5; border-top: 2px solid #e0e0e0;*/ }
#trendingbks .bestsellers { border: 2px solid #e0e0e0; }

@media (max-width: 768px) {
	#trendingbks .bestsellers #info .top-10 li .product-details{
		width: 65%;
	}
	
	.header-banner .subject {
		line-height: 1.8;
	}
}


.catgrid a img:hover {
/* border:#7d979b 2px solid;*/
}

.catgrid a img {
border:#ffffff 1px solid;
}
.catgrid:hover img {
    box-shadow: 0 0 5px 1px #4a4a4a;
    -moz-box-shadow: 0 0 5px 1px #4a4a4a;
    -webkit-box-shadow: 0 0 5px 1px #4a4a4a;
}

.catalogueBar  {
	background-color: #d1d3d4;
    padding: 10px;
}
.catalogueBar div {
    padding: 7px!important;
}




/* 3d effect */
.readdown-mobile-banner {
    text-align: center;
    display: none
}

.readdown-mobile-banner img {
    width: 100%;
    max-width: 385px
}

@media (max-width:599px) {
    .readdown-mobile-banner {
        display: block
    }
}

.readdown-desktop-banner {
    text-align: center;
    display: none;
    max-height: 380px;
    width: 100%;
    height: 380px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: auto
}

@media (min-width:600px) {
    .readdown-desktop-banner {
        display: block
    }
}

.read-down-hero {
    display: none;
    max-height: 380px;
    height: 380px
}

@media (min-width:600px) {
    .read-down-hero {
        display: block
    }
}

.read-down-hero-mobile {
    display: none;
    height: 200px
}

@media (max-width:599px) {
    .read-down-hero-mobile {
        display: block
    }
}

.read-down-content {
    display: flex;
    justify-content: center;
    background-color: #fff
}

.read-down-content .read-down-content-inner {
    align-items: center;
    max-width: 822px;
    width: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 3px 7px 1px rgba(0, 0, 0, 0.12);
    padding: 40px 15px 40px 15px;
    text-align: center
}

@media (max-width:599px) {
    .read-down-content .read-down-content-inner {
        max-width: 100%
    }
}

@media (min-width:600px) {
    .read-down-content .read-down-content-inner {
        margin-top: -180px
    }

    .read-down-content .read-down-content-inner.image-margin {
        margin-top: -110px
    }
}

.read-down-content .read-down-content-inner .center-image {
    margin: -160px 0 0 0;
    width: 162px;
    border-radius: 45%
}

.read-down-content .read-down-content-inner .read-down-heading {
    border-bottom: 2px solid #FF6600;
    display: table;
    font-family: 'Fort-Book';
    font-size: 20px;
    margin: 20px auto;
    padding-bottom: 3px;
    width: fit-content
}

.read-down-content .read-down-content-inner .read-down-title {
    font-family: 'Shift-Book';
    font-size: 44px;
    line-height: 53px;
    margin: 0;
    letter-spacing: 0;
    max-width: 700px
}

.read-down-content .read-down-content-inner .read-down-byline {
    margin: 16px 0 0 0;
    font: normal normal normal 18px/21px 'Fort-Book'
}

@media (max-width:599px) {
    .read-down-content .read-down-content-inner .read-down-byline {
        line-height: 26px
    }
}

.read-down-content .read-down-content-inner .read-down-text {
    font-family: 'Fort-Light';
    font-size: 20px;
    line-height: 28px;
    margin: 22px auto 11px auto;
    max-width: 700px;
    width: 100%;
    text-transform: none
}

.readdown-cover-wrap-desktop,
.readdown-cover-wrap-mobile {
    cursor: pointer;
    width: auto;
    margin: 0px auto;
    display: none
}

.readdown-cover-wrap-desktop .two-d,
.readdown-cover-wrap-mobile .two-d {
    padding-right: 15px
}

.readdown-cover-wrap-desktop .two-d img,
.readdown-cover-wrap-mobile .two-d img {
    position: relative;
    max-width: 100%;
    width: 100%
}

.readdown-cover-wrap-desktop .two-d.dropshadow img,
.readdown-cover-wrap-mobile .two-d.dropshadow img {
    box-shadow: 20px 20px 50px 0px $black
}

.readdown-cover-wrap-desktop .three-d,
.readdown-cover-wrap-mobile .three-d {
    padding-right: 15px;
}

.readdown-cover-wrap-desktop .three-d .cover,
.readdown-cover-wrap-mobile .three-d .cover {
    position: relative;
    -moz-perspective: 100px;
    -moz-transform: rotateY(-3deg);
    -webkit-transform: perspective(100px) rotateY(-3deg) translateZ(-7px);
    transform: perspective(100px) rotateY(-3deg) translateZ(-7px);
    outline: 1px solid transparent;
    box-shadow: none;
    margin: 0;
}

.readdown-cover-wrap-desktop .three-d .cover img,
.readdown-cover-wrap-mobile .three-d .cover img {
    position: relative;
    max-width: 100%;
    width: 100%;
}

.readdown-cover-wrap-desktop .three-d .cover:before,
.readdown-cover-wrap-mobile .three-d .cover:before,
.readdown-cover-wrap-desktop .three-d .cover:after,
.readdown-cover-wrap-mobile .three-d .cover:after,
.readdown-cover-wrap-desktop .three-d .cover__backcover,
.readdown-cover-wrap-mobile .three-d .cover__backcover,
.readdown-cover-wrap-desktop .three-d .cover__backcover-container,
.readdown-cover-wrap-mobile .three-d .cover__backcover-container {
    position: absolute;
    top: 3%;
    height: 92%;
    content: '';
    z-index: -1;
}

.readdown-cover-wrap-desktop .three-d .cover__backcover-container,
.readdown-cover-wrap-mobile .three-d .cover__backcover-container {
    width: 100%;
    left: 7%;
    background-color: #7b7b7b;
    overflow: hidden
}

.readdown-cover-wrap-desktop .three-d .cover:before,
.readdown-cover-wrap-mobile .three-d .cover:before,
.readdown-cover-wrap-desktop .three-d .cover__backcover,
.readdown-cover-wrap-mobile .three-d .cover__backcover {
    width: 100%;
    left: 7%;
    background-color: #7b7b7b;
    overflow: hidden;
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.readdown-cover-wrap-desktop .three-d .cover:after,
.readdown-cover-wrap-mobile .three-d .cover:after {
    width: 6%;
    left: 99%;
    background-color: #EFEFEF;
    box-shadow: inset 0px 0px 5px #aaa;
    -moz-transform: rotateY(12deg);
    -webkit-transform: perspective(100) rotateY(20deg)
}

@media (min-width:600px) {
    .readdown-cover-wrap-desktop {
        float: right;
        display: block;
        max-width: 320px
    }

    div.list-meta>div.readdown-cover-wrap-desktop.readdown-cover-wrap-mobile {
        float: none
    }
}

.hero-img {
	text-align: center;
}
.hero-img .product-title {
	color: #ffffff;
	font-size: 16pt;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

@media (max-width:599px) {
    .readdown-cover-wrap-mobile {
        margin: 0px 50px;
        display: block;
        max-width: 320px
    }

    .readdown-cover-wrap-desktop:not(.readdown-cover-wrap-mobile) {
        margin: 0px 50px
    }
}

.readdown-cover-wrap-desktop .three-d .cover {
    box-shadow: 0 0 3px #c7c7c7
}



/* FILTER BAR */
.product-filter-container {
    position: relative
}

.product-filter-container .product-filter-bar {
    background: #f1f1f1;
    border-top: 4px solid #343c41;
}

.product-filter-container .product-filter-toggle-btn {
    padding: 10px;
    width: 100%;
    cursor: pointer;
    background-color: #d1d3d4;
    border-right: 2px solid #d8d8d8;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.product-filter-container .product-filter-toggle-btn:hover,
.product-filter-container .product-filter-toggle-btn.open {
    background-color: #0067a1;
    border-right-color: #0067a1;
    color: #fff
}

.product-filter-container .product-filter-bar .product-filter-sort-container {
    padding: 10px;
    margin: 0;
    text-align: right
}

.product-filter-container .product-filter-bar .product-filter-sort-container .product-filter-sort-label {
    padding: 7px 0;
    margin: 0
}

.product-filter-container .product-filter-bar .product-filter-sort-container .product-filter-sort-dropdown {
    width: 100%;
    min-width: auto
}

.product-filter-container .product-filter-bar .product-filter-sort-dropdown-menu {
    right: 0
}

.product-filter-container .product-filter-toggle-btn-mobile {
    position: fixed;
	width: auto;
    left: 0;
    top: 45%;
    z-index: 999;
    padding: 5px 0;
    overflow: hidden;
    border: 1px solid #6d6e71;
    background-color: #d1d3d4;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.product-filter-container .product-filter-toggle-btn-mobile:hover,
.product-filter-container .product-filter-toggle-btn-mobile.open {
    background-color: #0067a1;
    color: #fff
}

.product-filter-container .product-filter-toggle-btn-mobile .product-filter-toggle-btn-icon-container {
    padding: 5px;
    text-align: center
}

.product-filter-container .product-filter-toggle-btn-mobile .product-filter-toggle-btn-txt-container {
    padding: 1em 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.product-filter-container .product-filter-nb-btn-container {
    padding: 10px;
    text-align: center
}

.product-filter-container .product-filter-toggle-grid-btn-container {
    padding: 10px;
    text-align: center
}

.product-filter-container .btn-secondary {
    margin: 0 5px;
    padding: 10px;
    min-width: auto;
    border-color: #fff;
    text-align: center
}

.product-filter-container .btn-secondary,
.product-filter-container .btn-secondary.reverse-btn {
    color: #999
}

.product-filter-container .btn-secondary:hover,
.product-filter-container .btn-secondary.active {
    border-color: #0067a1
}

.product-filter-container .product-filter-dropdown {
    position: absolute;
	top: 100px;
    z-index: 210;
    padding: 0;
    width: 100%;
    border: 1px solid #000;
    border-top: 5px solid #0067a1;
    background: #fff;
    display: none
}

.product-filter-container .product-filter-dropdown.open {
    display: block
}

.product-filter-container .product-filter-dropdown .product-filter-closing-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    padding: 10px;
    background-color: #0067a1;
    color: #fff;
    cursor: pointer
}

.product-filter-container .product-filter-dropdown .product-filter-closing-container .product-filter-closing-icon-container {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -.5em
}

.product-filter-container .product-filter-dropdown .product-filter-table {
    display: table;
    width: 100%
}

.product-filter-container .product-filter-dropdown .product-filter-table .product-filter-cell {
    display: table-cell;
    height: 100%;
    float: none;
    vertical-align: top
}

.product-filter-container .product-filter-dropdown .product-filter-table .product-filter-cell.product-refine-filter-section {
    display: block;
    width: 100%
}

.product-filter-container .product-filter-dropdown .product-filter-table .product-filter-cell.product-department-filter-section+.product-refine-filter-section {
    display: table-cell
}

.product-filter-container .product-filter-dropdown .product-department-filter-section {
    background-color: #f1f1f1;
    padding: 15px
}

.product-filter-container .product-filter-dropdown .product-refine-filter-section {
    background-color: #fff;
    padding: 15px
}

.product-filter-container .product-filter-dropdown .product-filter-section {
    padding-bottom: 10px
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-title {
    padding-bottom: 5px;
    border-bottom: 2px solid #d8d8d8
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content {
    padding-top: 10px
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list .product-filter-link-container.product-filter-link-container-extra {
    display: none
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list .product-filter-link-container .product-filter-link {
    display: block;
    padding-bottom: 5px
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list .product-filter-link-container .product-filter-link .product-filter-link-number {
    display: none
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list .product-filter-link-toggle-container .product-filter-link-toggle {
    display: block;
    padding: 5px 0;
    cursor: pointer;
    color: #1f76d5
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list .product-filter-link-toggle-container .product-filter-link-toggle .product-filter-link-more-txt {
    display: inline
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list .product-filter-link-toggle-container .product-filter-link-toggle .product-filter-link-less-txt {
    display: none
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list.open .product-filter-link-container-extra {
    display: block
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list.open .product-filter-link-toggle-container .product-filter-link-toggle .product-filter-link-more-txt {
    display: none
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-link-list.open .product-filter-link-toggle-container .product-filter-link-toggle .product-filter-link-less-txt {
    display: inline
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-pricing-input {
    display: inline-block;
    width: 60px;
    padding: 6px
}

.product-filter-container .product-filter-dropdown .product-filter-section .product-filter-section-content .product-filter-item-number {
    display: none
}

.product-filter-container .product-filter-dropdown .category-page-filter-clear-btn-container {
    padding: 0 10px 15px
}

.product-filter-container .product-filter-dropdown .category-page-filter-apply-btn {
    margin: 0
}

@media(max-width:767px) {
    .product-filter-container .product-filter-bar>.row {
        margin: 0
    }

    .product-filter-container .product-filter-bar .product-filter-sort-container .product-filter-sort-dropdown {
        border-color: #fff;
        padding: 10px;
        width: auto;
        min-width: 0
    }

    .product-filter-container .product-filter-bar .product-filter-sort-dropdown-menu {
        right: auto
    }

    .product-filter-container .product-filter-dropdown {
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        max-width: 100%;
        border: none;
        padding: 40px 5px 10px;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .product-filter-container .product-filter-dropdown .product-filter-table {
        display: inline-block
    }

    .product-filter-container .product-filter-dropdown .product-filter-table .product-department-filter-section {
        display: inline-block;
        float: left
    }

    .product-filter-container .product-filter-dropdown .category-page-filter-apply-btn-container {
        padding: 0 10px
    }
}

.product-removable-filters .product-removable-filters-section-title .product-removable-filters-title {
    display: inline-block;
    padding-right: 10px
}

.product-removable-filters .product-removable-filters-section-title .product-removable-filters-link {
    display: inline-block
}

.product-removable-filters .product-removable-filters-section-content .btn {
    margin: 0 5px 5px 0
}

/* Main Drop Down Nav Override */
.dropdown-toggle::after {
    display: none;
}
.dropdown-toggle::before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f105";    
    transition: all 0.3s ease-in-out;
    padding-right: 5px;
	color: #fff;
}
  .caretup {
    transform: rotate(180deg);
  }
/* Main Drop Down Nav Override */

.searchContainer {
  display: inline-flex;
  flex: 1 1 300px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 10px;
	    background-color: #fff;
}

.searchIcon {
  padding: 0.5rem;
	font-size: larger;
	color: #6d6e71;
}

.searchBox {
  border: 0;
  padding: 0.5rem 0.5rem 0.5rem 0;
  flex: 1;
}

.searchButton {
  background: #538AC5;
  border: 0;
  color: white;
  padding: 0.5rem;
  border-radius: 0;
}
.quick-search-bar {
	padding: 5px;
    width: 100%;
    background-color: #d1d3d4;
}
.category-listing .col-sm-6.quick-search-bar,
.category-listing .col-sm-6.sbpagination {
    padding: 5px 0 0;
}