@charset "utf-8";
/* Typography ========================================================================== */

/*fonts starts*/
@font-face {font-family: 'Raleway-Bold'; src: url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Bold.woff') format('woff'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Bold.ttf')  format('truetype'),
url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Bold.svg#Raleway-Bold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Raleway-Regular'; src: url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Regular.woff') format('woff'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Regular.ttf')  format('truetype'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');font-weight: normal; font-style: normal;}
@font-face { font-family: 'Raleway-Medium'; src: url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Medium.woff') format('woff'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Medium.ttf')  format('truetype'),  url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Raleway-SemiBold'; src: url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-SemiBold.woff') format('woff'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-SemiBold.ttf')  format('truetype'), url('https://thebookgarden.com.au/skin/frontend/tbg/default/fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg'); font-weight: normal; font-style: normal;}
/*fonts ends*/
h1, .h1 { margin: 0; margin-bottom: 0; color: #000; font-size: 36px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; font-family: 'Raleway-Bold'; }
h2, .h2 { margin: 0; margin-bottom: 0; color: #000; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; font-family: 'Raleway-Bold'; }
h3, .h3 { margin: 0; margin-bottom: 0; color: #000; font-size: 26px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; font-family: 'Raleway-Bold'; }
h4, .h4 { margin: 0; margin-bottom: 0; color: #000; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; font-family: 'Raleway-Bold'; }
h5, .h5 { margin: 0; margin-bottom: 0; color: #000; font-size: 22px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; font-family: 'Raleway-Bold'; }
h6, .h6 { margin: 0; margin-bottom: 0; color: #000; font-size: 20px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; font-family: 'Raleway-Bold'; }
/* Typography ends
   ========================================================================== */
/* Reset
 * ============================================ */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0; background: #FFFFFF; color: #4B4A4A; font-family: 'Raleway-Regular';}
/* Reset ends
   ========================================================================== */
html, body, img, fieldset, abbr, acronym { border: 0; }
th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; }
address { font-style: normal; }
fieldset { margin: 0; padding: 0; border: 0; }
img { display: block; }
ol, ul { list-style: none; }
q:before, q:after { content: ''; }
/* Base Styles
 * ============================================ */
@-ms-viewport {width: device-width;}
 @-o-viewport {width: device-width;}
 @viewport {width: device-width;}
a, button { -ms-touch-action: manipulation; touch-action: manipulation; }
a { color: #303030; text-decoration: none; outline: 1px; outline-color: #4b6a18; }
a:hover { color: #4b6a18; text-decoration: none; }
a:focus { outline: 1px; color: #000; text-decoration: none; }
ol, ul { list-style: none; margin: 0; padding: 0; }
p { font-size: 13px; line-height: 19px; }
::selection { background: #333333; color: #FFF; }
::-moz-selection {background:#333333; color:#FFF;}
select option::selection { background: #333333; color: #FFF; }
select option::-moz-selection {background:#333333; color:#FFF;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] {display: none;}
/* Links
   ========================================================================== */
a:focus { outline: none; }
a:active, a:hover, :focus { outline: 0; text-decoration: none; }
/* Links ends
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: normal; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp {  font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
/* Forms elements
   ========================================================================== */
form { display: block }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0;/* 2 */ }
button, input, select, textarea {  /* 1 */ font-size: 100%; /* 2 */ margin: 0;/* 3 */ }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer;/* 3 */ }
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"] { position: relative; top: 0px; left: 0px; opacity: 0; margin: 0 6px 0 0; }
input[type="checkbox"]:disabled { opacity: 0.5; }
input[type="checkbox"] + label:before { position: absolute; top: 0; left: 0; z-index: 8; border: 2px solid #c1c1c1; background: #FBFBFB; height: 20px; width: 20px; z-index: 8; top: 0px; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; box-sizing: border-box; display: block; content: ""; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="checkbox"] + label:after { width: 20px; height: 20px; text-align: center; line-height: 24px; display: block; content: "\f00c"; color: #4b6a18; font-size: 13px; font-family: "FontAwesome"; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: -1px; left: 0; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="checkbox"]:checked + label:before { background: #F5F5F5; }
input[type="checkbox"]:checked + label:after { opacity: 1 !important; }
input[type="radio"] { position: absolute; top: 0px; left: 0px; opacity: 0; margin: 0 6px 0 0; }
input[type="radio"]:disabled { opacity: 0.5; } 
input[type="radio"] + label:before { content: ''; position: absolute; top: 0; left: 0; z-index: 8; border-radius: 250px; border: 2px solid #58585a; background: #fff; height: 16px; width: 16px; z-index: 8; top: 0px; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; box-sizing: border-box; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="radio"] + label:after { content: ''; width: 6px; height: 6px; background: #58585a; border-radius: 250px; line-height: 24px; display: block; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 5px; left: 5px; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="radio"]:checked + label:before { background: #fff; }
input[type="radio"]:checked + label:after { opacity: 1 !important; }
.input-box{ position: relative;}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.radioparent{position:relative; padding-left:20px}
.radioparent .outer{width:14px;height:14px;display:block;border:2px solid #b1b1b1;border-radius:50%;background-color:#fff;top: 1px;position: absolute;left: 0;}
.radioparent .inner{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:6px;height:6px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);display:block;margin:2px;border-radius:50%;background-color: #4b6a18;opacity:0;border:0 none}
.radioparent input:focus + .outer .inner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.radioparent input:checked + .outer{border-color: #4b6a18;}
.radioparent input:checked + .outer .inner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea { vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px; border: 1px solid rgb(204, 204, 204); resize: none; padding: 15px; height: 173px; }
table { border-collapse: collapse; border-spacing: 0; }
input:focus, input[type="search"]:focus { outline-offset: 1px; outline: 0px; }
input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; }
/* Forms elements ends
   ========================================================================== */
/* Reset ends
* ============================================ */
/* General css
 * ============================================ */
.cf:before, .cf:after { content: ""; display: table;  }
.cf:after { clear: both; }
.cf { zoom: 1; }
.selector { position: relative; cursor: pointer; width: 100% !important; display: block; /* overflow: hidden; */ }
.selector:hover { cursor: pointer }
.selector span {width: 100% !important; display: block; border: 2px solid #d7d7d7; overflow: hidden; padding: 0 30px 0 7px; font-size: 14px; color: #4B4A4A; font-weight: normal; height: 50px; line-height: 45px; border-radius: 10px;}
.selector select {width: 100% !important; height: 100%; display: block; border: 2px solid #d7d7d7; overflow: hidden; padding: 0 30px 0 7px; font-size: 14px; color: #4B4A4A; font-weight: normal; /*height: 45px; line-height: 43px;*/}
.selector span:before{content:"\f107"; display:block; position:absolute; right: 20px; top: 20px; font-family:FontAwesome;font-size: 20px;line-height: 10px;}
.category-products .selector span:before{content:"\f107"; display:block; position:absolute; right: 10px; top: 12px; font-family:FontAwesome;font-size: 20px;line-height: 10px;}
.selector select { opacity: 0; position: absolute; left: 0; top: 0 !important; cursor: pointer; padding-right: 0;}
h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #636363; font-style: normal; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 14px; font-weight: normal; line-height: 1.4; }
h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #636363; }
h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #4b6a18; text-decoration: none; }
/* Container 
 * ============================================ */
.container { width: 100%; max-width: 1200px;     margin: 0 auto;} 
/* Content Columns */
.col2-set { margin: 0 -15px; }
.col2-set .col-1, .col2-set .col-2, .col2-set .col-3, .col2-set .col-4, .col2-set .col-5, .col2-set .col-6, .col2-set .col-7, .col2-set .col-8, .col2-set .col-9, .col2-set .col-10 { width: 50%; padding: 0 10px; }
.col2-set .col-1, .col2-set .col-3, .col2-set .col-5, .col2-set .col-7, .col2-set .col-9 { float: left; }
.col2-set .col-2, .col2-set .col-4, .col2-set .col-6, .col2-set .col-8, .col2-set .col-10 { float: right; }
.col2-set .narrow { width: 33%; }
.col2-set .wide { width: 65%; }
.col2-set:after { content: ''; display: table; clear: both; }
.sales-order-view .my-account .col2-set, .sales-order-invoice .my-account .col2-set, .sales-order-shipment .my-account .col2-set, .sales-order-creditmemo .my-account .col2-set { margin: 0 0px 15px 0px;     border: solid 1px #ccc; }
/*sidebar navigation codinative*/
#sidebar-nav {
    margin-bottom: 0px;
    position: relative;
}
#sidebar-nav .block-title {
}
#sidebar-nav .block-title strong {
}
#sidebar-nav .block-content {
    padding: 0;
    overflow: auto;
}
#sidebar-nav .block-content li{ padding:6px 0;}
#sidebar-nav .block-content a {
        font-family: 'Raleway-Medium';
    font-size: 14px;
    color: #606060;
    line-height: 24px;
}
#sidebar-nav-menu > li {
    background: url('https://thebookgarden.com.au/skin/frontend/tbg/default/images/codnitive/sidenav/bkg_block-sidebarnav-layered-dd.gif') 0 100% repeat-x;
    list-style: inside disc;
    font-weight: bold;
    padding: 8px 0;
}
#sidebar-nav-menu > li.last {
    background: none;
    margin-bottom: 5px;
}
#sidebar-nav-menu li ul {
    font-weight: normal;
}
#sidebar-nav li.active,
#sidebar-nav li.active > a,
#sidebar-nav li.active > .collapsible-wrapper > a {     color: #000;
}
#sidebar-nav ul.ul-thumb {
    padding-left: 0;
}
#sidebar-nav-menu > li.parent > ul.ul-thumb {
    padding-left: 10px;
}
#sidebar-nav li.thumb {
    list-style-type: none;
}
#sidebar-nav-menu > li.no-thumb,
#sidebar-nav-menu > li.thumb {
    margin-left: 0 !important;
    list-style-type: none;
}
#sidebar-nav img {
    border: 0 none !important;
    outline: 0 none !important;
}
#sidebar-nav span.product-count {
    color: #000;
}
#sidebar-nav .home {
    list-style: none !important;
}
#sidebar-nav .home a {
    display:inline-block;
    padding-left:20px;
    background:url('https://thebookgarden.com.au/skin/frontend/tbg/default/images/codnitive/sidenav/home.png') left top no-repeat;
    min-height:16px;
}
#sidebar-nav .support-logo-wrapper {
    margin-top:10px;
}
#sidebar-nav .support_logo {
    font-size: 9px;
    float: right;
    right: 5px;
    bottom: 5px;
    text-decoration: none;
}
#sidebar-nav .support_logo img {
    max-width: 65px;
}

/* Collapsible Design ==================================================================== */
#sidebar-nav li.thumb .thumb-img-left {
    float: left;
    margin: 1px 3px 0 0;
}
#sidebar-nav li.thumb .thumb-img-right {
    float: right;
    margin: 1px 3px 0;
}
#sidebar-nav-menu .arrow-left,
#sidebar-nav-menu .arrow-right, 
#sidebar-nav-menu .plus-left,
#sidebar-nav-menu .plus-right {
    float: left;
    background: url('https://thebookgarden.com.au/skin/frontend/tbg/default/images/codnitive/sidenav/arrows.gif') left center no-repeat;
    display: block;
    margin-top: 2px;
    margin: 1px 3px 0;
    cursor:pointer;
} 
#sidebar-nav-menu .plus-left,
#sidebar-nav-menu .plus-right
{
    background-image: url('https://thebookgarden.com.au/skin/frontend/tbg/default/images/codnitive/sidenav/plus.gif');
}
#sidebar-nav-menu .arrow-right, 
#sidebar-nav-menu .plus-right {
    float:right;
    display:inline !important;
}
#sidebar-nav-menu li ul[expanded="0"] {
    display: none;
}
#sidebar-nav li.active > ul {
    display: block;
}
#sidebar-nav li.active > .arrow-left,
#sidebar-nav li.active > .arrow-right, 
#sidebar-nav li.active > .plus-left,
#sidebar-nav li.active > .plus-right {
    display: block;
    background-position: right center;
}
#sidebar-nav-menu > li.collapsible {
    list-style: none !important;
}
#sidebar-nav .collapse-name {
    cursor:pointer;
}

/*sidebar navigation codinative*/
@media only screen and (max-width: 767px) {
.col2-set { margin: 0 -10px; }
.col2-set .col-1, .col2-set .col-2 { padding: 10px; }
}
/* Content Columns ends*/
/* Form list */
.form-list .fields:before, .form-list .fields:after, .form-list .wide:before, .form-list .wide:after { content: ''; display: table; }
.form-list .fields:after, .form-list .wide:after { clear: both }
.form-list .fields { zoom: 1; margin: 0 -10px; padding-bottom: 0; }
.form-list .wide, .form-list .control { zoom: 1; padding-bottom:10px; }
.form-list .field { display: block; float: left; width: 50%; padding: 0 20px 20px 0; position: relative; }
.form-list .wide .field { width: 100%; }
.form-list .checkbox-ele { padding-bottom: 10px; }
.fields.additional-row {position: relative; display: inline-block; width: 100%;}
.fields.additional-row p {position: absolute; right: -10px; top: 41px; z-index: 1;}
.sendfriend-product-send #max_recipient_message { margin-top: 15px;}
#product_sendtofriend_form .form-list .fields {margin:0;}
#sender_options textarea {max-width: 98.5%; height: auto;}
p.note-msg { font-size: 19px; color: #4b6a18; font-family: 'Raleway-Bold';}
/* Form list ends*/
/* ============================================
* General css ends*/
/*Homepage
###############################################*/
/* Header
 * ============================================ */
/* Header Wrapper
============================================ */  
.header_title_top {  background: #262626;  text-align: center;}
.header_title_top p {  margin-bottom: 0;  color: #fff;  padding: 11px 15px;  max-width: 1200px; font-size: 15px; margin: 0 auto;}
.header-wrapper{ height: 157px;}
.header-outer { position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    z-index: 999;
    background: #fff;}

    .sticky .header-outer{ position:fixed;left:0;right:0;top:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;  box-shadow: 0 0 10px #000;}

@media all and (min-width:980px) {
.bannered-page .header-outer { margin-bottom: 0; }
}
/* Header Wrapper Ends
============================================ */  

/* Header Topbar
============================================ */ 
.topbar { background: #202020; }
.topbar ul { float: left; }
.topbar ul li a { font-size: 14px; line-height: 20px; color: #dddddd; display: block; padding: 10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; letter-spacing: 1px; }
.topbar ul li:last-child::before {display:none;}
.topbar ul li a:hover, .topbar ul li.active a { color: #f05c2c; }

@media all and (min-width:768px) {
.topbar ul li { float: left; position: relative; padding-right: 9px; margin-right: 15px; color: #dddddd; }
.topbar ul li:before { content: '|'; position: absolute; right: 0px; top: 14px; font-size: 12px; }
.topbar ul li:last-child {margin-right:0; padding-right:0;}
.top-lins-wrapper .tel-section { display: none; }
.tel-section { float: left; }
.tel-section a { font-size: 14px; line-height: 20px; color: #fff;  display: block; padding: 11px 0px 0 21px; position: relative; }
.tel-section a i { font-size: 16px; line-height: 22px; color: #4b6a18; position: absolute; left: 0; top: 10px; }
.header-top-links { width: auto !important }
.header-top-links h2 { display: none; }
.header-top-left-link { float: left; margin-top: 10px; color:#fff;}
.header-top-left-link p { font-size: 14px; line-height: 20px; color: #fff; position: relative; padding-left: 28px; }
.header-top-left-link p i { position: absolute; left: 0; top: 0; font-size: 18px; line-height: 18px; color: #4b6a18; }
.header-top-left-link p i:before{display:block !important}
.header-top-right-link { float: right }
}
/* Header Topbar Ends
============================================ */ 
 
 
/* Header Logobar
============================================ */

@media only screen and (min-width: 901px) {
.page-header-container { position: relative; }
.mobile-element { display: none; }
}

.header-inner { top: 0px; left: 0; width: 100%; background: #fff; z-index: 99; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.show-cart .header-inner { left: -500px; }
.logo { display: block; float: left; padding-top: 7px; padding-bottom: 7px; max-width: 381px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.logo img { max-width: 100%; }
.header-right{float:right}
 
@media only screen and (min-width: 768px) {
.sticky .logo { max-width: 228px; padding-top: 6px; padding-bottom: 6px; }
.logo img.large { display: block }
.logo img.small { display: none }
}

.logo-links { display: none; }
/* Header Logobar Ends
============================================ */

/* Skip-link-wrapper
============================================ */
.skip-links {display: inline-block;}
/* Skip-link-wrapper ends
============================================ */

/* Header Login/cart links
============================================ */
.account-cart-wrapper {border: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;display: inline-block;}
.account-cart-wrapper > div {position: relative;}
.account-cart-wrapper > div > .header-account-link-wrapper {height: 44px;color: #636363;line-height: 42px;text-align: center;color: #333333;display: inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;text-transform: uppercase;}
.header-right .header-account-link{ display: inline-block; margin-right: 12px;}
.account-cart-wrapper .my-account-link { cursor: default; }
.account-cart-wrapper > div > .skip-nav-wrapper .label, .account-cart-wrapper > div > .skip-search-wrapper .label { padding-top: 10px; }
.account-cart-wrapper > div > a.skip-account { padding-left: 45px; }
.account-cart-wrapper > div > .header-account-link-wrapper .label { display: block; font-size: 16px; line-height: 22px; color: #080504;  text-align: left; margin-bottom: -1px; letter-spacing: 0px; }
.account-cart-wrapper > div > .header-account-link-wrapper .sub-label { font-size: 14px; line-height: 20px; color: #080504; display: block; text-align: left; text-transform: none; letter-spacing: 1px; }
.account-cart-wrapper  .login-box  .login-link{ content: ''; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) no-repeat 0 -43px; width:22px; height:24px; display:inline-block;     vertical-align: middle;}

.header-minicart  .skip-cart{ content: ''; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) no-repeat 0 -96px; width:26px; height:26px; display:inline-block;}

.account-cart-wrapper  .wishlist-icon{ content: '';     background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) no-repeat 0 -277px;
    width: 29px;
    height: 29px; display:inline-block;     position: relative; vertical-align: middle; margin-right: 12px; }



.account-cart-wrapper > .header-account-link-wrapper:hover { color: #f05c2c; }
.account-cart-wrapper > .header-account-link-wrapper:before, .account-cart-wrapper > .header-account-link-wrapper:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) no-repeat 0 -94px; width: 31px; height: 31px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.account-cart-wrapper > .header-account-link-wrapper:after { background-position: -41px -94px; opacity: 0; }
.account-cart-wrapper > .header-account-link-wrapper:hover:before, .search-toggle-btn.skip-active:before { opacity: 0; }
.account-cart-wrapper a:hover:after, .search-toggle-btn.skip-active:after { opacity: 1; }
.account-cart-wrapper > .header-account-link-wrapper.skip-logout { padding-left: 35px; }
.account-cart-wrapper > .header-account-link-wrapper:last-child { margin-right: 0; }
.account-cart-wrapper a.skip-login:before, .account-cart-wrapper a.skip-login:after { background-position: 0 1px; width: 20px; height: 22px; margin-top: -13px; }
.account-cart-wrapper a.skip-login:after, .account-cart-wrapper a.skip-my-account:before { background-position: -24px 1px; }
.account-cart-wrapper a.skip-my-account:before, .account-cart-wrapper a.skip-my-account:after { left: 0; margin-left: 0; width: 21px; height: 23px; }
.account-cart-wrapper a.skip-my-account:after { background-position: 0 1px; }
.account-cart-wrapper a.skip-my-account { color: #f05c2c; padding-left: 46px; }
.account-cart-wrapper a.skip-my-account { padding-left: 27px; }
.account-cart-wrapper a.skip-my-account:hover { color: #333333; }
.account-cart-wrapper a.skip-logout:before { content: "\f08b"; background: none; opacity: 1 !important; font: normal normal normal 25px/1 FontAwesome; top: 22px; margin-left: 0; left: 0; -webkit-transition: all 0s ease; -moz-transition: all 0 ease; transition: all 0 ease; }
.account-cart-wrapper a.skip-logout:after { background: none; }

@media only screen and (min-width: 901px) {
.account-cart-wrapper a.skip-login:before, .account-cart-wrapper a.skip-login:after { left: 0; margin-left: 0; }
}

.login-box { position: relative;  }
.header-right .login-box-links { text-align: left; position: absolute; width: 231px; right: -105px; top: 50px;  opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9;}
 .header-right .login-box:hover .login-box-links, .login-box.active .login-box-links { opacity: 1; visibility: visible; top: 50px; }
.header-sticky .login-box .login-box-links { right: -92px }
 .header-sticky .login-box:hover .login-box-links, .touch .header-sticky .login-box.active .login-box-links { top: 50px; }
.header-right .login-box-links:before {     
        display: block;
    top: -10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.login-box-links-inner { background: #fff;  border-radius: 0px;     box-shadow: 3px 0 15px rgba(0,0,0,0.20);     border: 1px solid #eee;}
.header-right .login-box-links a{     background: #fff;
    display: inline-block;
    color: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: left;
    border-bottom: 1px solid #eee;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: none;
    box-sizing: border-box;
    outline: 0;
    width: 100%;}
.header-right .login-box-links a:last-child{ border-bottom: none 0px;}
.header-right .login-box-links a:hover{background: #4b6a18; color:#fff;}

/* Header Login/cart links ends
============================================ */

/* Header Nav skip link
============================================ */
.skip-nav { }
.skip-nav:before { background-position: -31px -379px !important; width: 19px !important; height: 17px !important; opacity: 1 !important; left: 50% !important; top: 50% !important; margin: -8px 0 0 -9px !important; }
.skip-nav:after { opacity: 0 !important }
.skip-nav:not(.skip-active):hover { text-decoration: none; }
.skip-nav:not(.skip-active):hover .icon { background-position: -46px 4px; }
.skip-nav .label { display: inline; }
.skip-nav .icon { background-position: 4px 4px; }

@media only screen and (min-width: 768px) {
.quick-link-wrapper { display: none; }
.skip-nav-wrapper {display: none;}
.sidebar .no-display {
    display: block !important;
}    
}
/* Header Nav skip link ends
============================================ */

/* Header Nav Primary
============================================ */

#header-nav .menu-title { font-size: 20px; line-height: 26px; padding: 10px; font-size: 20px; line-height: 26px; padding: 10px;         color: #fff; background: #4B6A18; }
.nav-primary li.level1 > a { padding: 8px 0; font-size: 15px;  line-height: 22px; display: block; }
.nav-primary li.level1.view-all > a { color: #4b6a18; }
.nav-primary li.level2 a { position: relative; left: 0; }
.nav-primary .menu-active > ul.level0, .nav-primary li.level0 li.sub-menu-active > ul { display: block; }
.nav-primary li.level0 > a {  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; z-index: 10; font-size: 15px; line-height: 25px; color: #000; font-family: 'Raleway-Medium'; }
 
@media only screen and (min-width: 768px) {
.menu-outer { display: inline-block; width: 100%; }
#header-nav {     display: inline-block; width: 100%; }
#header-nav .skip-link-close { display: none; }
#header-nav .menu-title { display: none; }
.nav-primary { display: block; }
.nav-primary:before, .nav-primary:after { content: ''; display: table; }
.nav-primary:after { clear: both; }
.nav-primary { zoom: 1; margin-left: 0px; text-align: center;}
.nav-primary li.level0 { display: inline-block;    margin-left: 0;  }
.nav-primary li.level0:last-child { margin-right: 0; }
.nav-primary a.level0 { display: block; padding: 10px 15px; }
.nav-primary li:hover > a.level0, .nav-primary li.level0.active > a { color: #4b6a18; }
.nav-primary a.level0.has-children:after { content: "\f107"; position: absolute; right: 4px; top: 10px; font-weight: 600; color: #000; font-size: 14px; font-family:'FontAwesome'; }    
.nav-primary a.level0:before {     display: block; top: 35px;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;  content: '';  width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;  position: absolute;  left: 0;  right: 0; margin: 0 auto; opacity: 0; }
.nav-primary li:hover > a.level0:before { bottom: 0; -webkit-transition: all 0.2s 0.2s ease; -moz-transition: all 0.2s 0.2s ease; transition: all 0.2s 0.2s ease; }
.touch .nav-primary > li.parent > a.level0 { pointer-events: none; }
.touch .nav-primary li.parent.selected a.level0 { pointer-events: auto }
.nav-primary a.level0 span { position: relative; z-index: 1; }
.nav-primary li.parent:hover a.level0:before { opacity: 1;  }
.nav-primary .menu-active { z-index: 200; }
.nav-primary li.level0 li.parent > a { position: relative; }
/* .nav-primary li.level0 li.parent > a:before{     content: "\f0da"; position: absolute;  top: 7px;  right: 10px;  font-family:'FontAwesome'; font-style: normal; font-weight: 900; line-height: 1;  vertical-align: middle;  margin: 0 0 0 5px;  display: inline-block; vertical-align: top;  font-size: 24px;} */
.nav-primary li.level0 li.parent > a:hover:before {border-left:0px solid #fff;}
.nav-primary li.level0 ul.level0 li.level1 { float: left; width: 292px;     padding: 10px 0px; }
.nav-primary li.level0 > .submenu-outer { position: absolute;  left: 0; top: 45px;  -webkit-transition: all 0.2s 0.4s ease; -moz-transition: all 0.2s 0.4s ease; transition: all 0.2s 0.4s ease; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition-property: opacity; /* Safari */ transition-property: opacity; z-index: 9;  }
/* .nav-primary li.level1 > .submenu-outer { position: absolute; left: 100%;  top: 0;  -webkit-transition: all 0.2s 0.4s ease; -moz-transition: all 0.2s 0.4s ease; transition: all 0.2s 0.4s ease; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition-property: opacity; transition-property: opacity; z-index: 9; min-width: 100%; background: #fff }
.nav-primary li.level2 > .submenu-outer { position: absolute; left: 100%;  top: 0;  -webkit-transition: all 0.2s 0.4s ease; -moz-transition: all 0.2s 0.4s ease; transition: all 0.2s 0.4s ease; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition-property: opacity; transition-property: opacity; z-index: 9; min-width: 100%; background: #fff } */
.no-touch .nav-primary li:hover > .submenu-outer, .touch .nav-primary li.touched > .submenu-outer { opacity: 1; visibility: visible}
.submenu-inner { position: relative; text-align: left; }
.nav-primary li .submenu-outer a{ border-bottom: 0px solid #E2E2E2; padding: 0px; font-size: 14px; line-height: 20px; display: inline-block; width: 100%;}    
.nav-primary li .submenu-outer a:hover{ background: #fff; color:#4b6a18; }
.nav-primary li .submenu-outer .submenu-inner ul.level0 li > a.level1 {  font-size: 14px;  color: #000; font-weight: bold; padding-left: 0;  padding-right: 0; line-height: 18px; position:relative;}/* 
.nav-primary li .submenu-outer .submenu-inner ul.level0 li > a.level1:before{ content: '';
    background: #4b6a18;
    width: 10px;
    height: 2px;
    position: absolute;
    left: -15px;
    top: 8px;} */
.nav-primary li .submenu-outer .submenu-inner ul.level0 li > a.level1:hover{ color:#4b6a18}
.nav-primary ul.level2, .nav-primary ul.level3 { margin-left: 15px; position: relative;}
.nav-primary ul.level1 {
    min-height: 200px;
}
.nav-primary ul li.level2 a { font-size: 12px; font-weight: bold;}
.nav-primary ul li.level3 a { font-size: 12px; font-weight: bold;}
.nav-primary li.level0 > .submenu-outer > .submenu-inner:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.3; box-shadow: 0px 0px 7px 0 #434343; -webkit-box-shadow: 0px 0px 7px 0 #434343; -o-box-shadow: 0px 4px 7px 0 #434343; -ms-box-shadow: 0px 4px 7px 0 #434343; -moz-box-shadow: 0px 4px 7px 0 #434343; }
.single-menu .submenu-inner { border: 1px solid #febf10; box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; padding: 0; }
.nav-primary ul.level0:before, .nav-primary ul.level0:after { content: ''; display: table }
.nav-primary ul.level0:after { clear: both }
.nav-primary ul.level0 { zoom: 1; position: relative; padding: 0; display: none; float: left; width: 100%; margin-right:0; }
.nav-primary .submenu-outer ul.level0 { display: block; background: #fff; box-shadow: 0 0 0px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 0px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 0px rgba(0,0,0,0.5); -o-box-shadow: 0 0 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.5);  padding: 15px;}
}
/* Header Nav Primary ends
============================================ */

/* Search - Skip Link
============================================ */
.skip-search:not(.skip-active):hover .icon { background-position: -46px -146px; }
.skip-search .icon { background-position: 4px -146px; }
@media only screen and (min-width: 980px) {
.skip-search-wrapper { display: none; }
}
/* Search - Skip Link ends
============================================ */

/* Search - Skip Content
============================================ */
.search-cart-box-outer { float: right; position: relative; margin-right: -10px; }
.search-box-outer { float: left; }
.search-title {font-size: 26px; line-height: 32px; margin-bottom: 10px; color: #fff; }
#header-search.skip-active { opacity: 1; visibility: visible; }
.search-toggle-btn { width: 50px; height: 50px; position: relative; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.search-toggle-btn:hover, .search-toggle-btn.skip-active { background: #F05C2C; }
/* Search - Skip Content ends
============================================ */

/* Search Input
 * ============================================ */
.header-search { margin: 31px 26px 0 0;display: inline-block;}
#search_mini_form .input-box { position: relative; padding-top: 0; }
#search_mini_form label { display: none; }
#search {     height: 45px;
    padding-right: 40px;
    padding-left: 20px;
    border: 2px solid #d7d7d7;
    border-radius: 30px;
    width: 480px; font-size: 15px;}
#search_mini_form .search-button { position: absolute; top: 0px; right: 0; width: 60px; height: 45px; border: 0; background: none;  padding: 0; }
#search_mini_form .search-button:before { content: "";position: absolute;right: 20px;top: 50%;background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/search_icon.png) no-repeat 0 0; cursor: pointer; width: 21px;height: 21px;display: block;transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#search_mini_form .search-button:hover:before { opacity: 0.8; }
#search_mini_form .search-button:active:before {margin-top: 0;margin-left: 0;}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete { padding-left: 0; min-height: 58px; left: 0 !important; top:45px !important; background: #fff; color: #000; z-index: 10; box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.54); -webkit-box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.54); -o-box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.54); -moz-box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.54); }
.search-autocomplete ul li { border-bottom: 1px solid #ECECEC; color: #007cb7; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; ; }
.search-autocomplete ul li img { float: left; }
.search-autocomplete .search-content { float: left; width: 100%; margin-left: -50px; padding-left: 65px; }
.search-product-name { font-size: 14px; line-height: 20px; }
.search-content { }
.search-sku { }
.search-autocomplete ul li.selected { background-color: #000; color: #fff; }
.search-autocomplete ul li.selected .search-product-name, .search-autocomplete ul li.selected .search-sku { color: #fff; font-weight: bold;}
.search-autocomplete ul li.selected .description {
    color: #fff;
}
.search-autocomplete ul li .amount { float: right; margin-right: 0; margin-left: 0; width: auto; padding-right: 0; margin-bottom: 0 }
.search-autocomplete ul li:last-child { border-bottom: none; }
/*.search-autocomplete:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #007cb7; border-top: none; left: 30px; top: -7px; }*/
.search-autocomplete ul { position: relative; z-index: 1; background: #fff; }
.search-autocomplete .no-suggestion { position: absolute; left: 20px; right: 10px; top: 16px; /* color: #fff; */ }
/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search { background: #f4f4f4; border: 1px solid #ededed; padding: 30px; }
.advanced-search select.multiselect option { border-bottom: 1px solid #ededed; padding: 2px 5px; }

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account:not(.skip-active):hover .icon { background-position: -46px -44px; }
.skip-account .icon { background-position: 4px -44px; }
 
@media only screen and (min-width: 901px) {
.skip-account { vertical-align: top; display: inline-block; padding: 0 10px; }
#header-account.skip-active { background: #FBFBFB; border: solid 1px #c0c0c0; display: block; position: absolute; z-index: 200; top: 40px; right: 115px; width: 200px; }
#header-account a { display: block; padding: 5px 10px; color: #636363; line-height: 2; }
#header-account a:hover { color: #333333; }
}
/* -------------------------------------------- *
 * Account Links
 */
#header-account { padding: 5px 0; }
#header-account a { position: relative; display: block; padding: 5px 10px; line-height: 23px; text-align: center; }
#header-account a:hover { color: #333333; }
.mobile-account-links-wrapper { position: fixed; right: -217px; top: 0; bottom: 0; width: 217px; background: #DEDEDE; padding: 0; display: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.show-my-account-links .mobile-account-links-wrapper { right: 0; }
.show-my-account-links .wrapper, .show-my-account-links #header.sticky { left: -217px }
.mobile-account-links-wrapper li a { color: #333; display: block; font-size: 16px; line-height: 22px; padding: 5px 10px 10px 10px;  border-bottom: 1px solid #D1D1D1; height: auto; }
.mobile-account-links-wrapper li:last-child a { border-bottom: 0; }
/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart:before, .skip-cart:after { background-position: 0px -61px; margin-top: -5px; width: 28px !important }
.skip-cart:after { background-position: -32px -61px; }
.skip-cart:not(.skip-active):hover .icon { background-position: -50px -95px; }
.skip-cart .icon { background-position: 0px -95px; }
 @media only screen and (min-width: 768px) {
.skip-cart { }
}
#header-cart { background: #FBFBFB; display: block; position: fixed; z-index: 200; top: 0; right: -500px; width: 500px; background: #FFF; margin-bottom: 0; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: hidden; overflow-y: auto; }
html.show-cart #header-cart { right: 0; }
/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {     display: block;
    min-width: 20px;
    position: absolute;
    height: 20px;
    line-height: 19px;
    background: #000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-border-radius: 25px;
    padding: 0px 1px 0px 0px;
    color: #fff;
    font-size: 14px;
    right: -6px;
    margin-left: 0;
    top: -3px;
    z-index: 1; }

.account-cart-wrapper .wishlist-count {     display: block;
    min-width: 20px;
    position: absolute;
    height: 20px;
    line-height: 19px;
    background: #000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-border-radius: 25px;
    padding: 0 5px;
    color: #fff;
    font-size: 14px;
    right: -6px;
    margin-left: 0;
    top: -3px;
    z-index: 1; }

.skip-link.skip-active .count { color: #FFF; }
@media only screen and (min-width: 901px) {
.skip-cart { color: #333333; text-transform: uppercase; }
.skip-cart:hover { text-decoration: none; }
}
.skip-cart .count.empty { display: none; }
/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty { padding: 20px; text-align: center; }
/* Mini Cart
 * ============================================ */
.cart-menu .actions { overflow: hidden; padding: 15px; }
.cart-menu .actions .button { float: left; width: 48%; }
.cart-menu .actions .button + .button { margin-left: 4%; }
/* Subtotal */
.cart-menu .subtotal { padding: 0 15px 15px; font-size: 24px; line-height: 1.2; }
/* List */
.mini-cart-list { margin-bottom: 5px; }
.mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #c0c0c0; font-size: 13px; line-height: 1.35; }
.mini-cart-list .product-name { display: inline-block; }
.mini-cart-list .product-image { position: absolute; left: 15px; top: 15px; }
.mini-cart-list .product-image img { width: 60px; height: 60px; }
.mini-cart-list .has-options { margin-bottom: 0; color: #a0a0a0; font-size: 12px; }
/* Too full - additional items will be shown in cart */
.cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #c0c0c0; font-size: 13px; }
.mini-products-list .product-image { float: left; min-width: 50px; position: relative; z-index: 1 }
.mini-products-list .product-image img { padding: 3px;}
.mini-products-list .product-details { margin-left: 60px; }
.mini-products-list li { margin-bottom: 10px; clear: both; }
.mini-products-list li:after { content: ''; display: table; clear: both; }
.mini-products-images-list:after { content: ''; display: table; clear: both; }
.mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; }
.mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; }
.mini-products-images-list li.item .product-image { display: block; }
.mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; }
/* =============================================================================================================================== *
 *   Checkout - Mini cart                                                                                         CUSTOM CSS START
 * =============================================================================================================================== */
.header-minicart {display: inline-block;width: 26px; vertical-align: middle; margin-top: 15px; }
.header-minicart .minicart-message { display: block; padding: 10px; }
.header-minicart .empty { padding: 10px; text-align: center; }
.header-minicart .minicart-wrapper { clear: both; position: relative; }
.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }
.header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; }
.header-minicart .minicart-wrapper:after { background-image: url("https://thebookgarden.com.au/skin/frontend/tbg/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; }
.header-minicart .minicart-wrapper.loading { position: relative;  }
.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; }
.header-minicart .block-cart { display: none; }
.header-minicart .block-subtitle { font-size: 17px; line-height: 1.4; padding: 5px; /* text-align: center; */ /* text-transform: uppercase; */ margin-bottom: 0px; background: #4b6a18; padding: 8px 10px 12px; color: #fff;  }
.header-minicart .block-subtitle .close { position: absolute; right: 5px; top: 3px; color: #4B6A18; background: #fff; line-height: 32px;  width: 38px; text-align: center; font-size: 34px;  height: 36px; opacity: 1; border-radius: 5px;}

.header-minicart .block-subtitle .close:hover { color: #000; }
.header-minicart .mini-products-list {padding: 10px; }
.header-minicart .mini-products-list li { border: 1px solid #F2F2F2; position: relative; padding: 10px;}
.header-minicart .mini-products-list li.last {margin-bottom: 0; }
.header-minicart .mini-products-list li .product-details { position: relative; float: left; width: 100%; margin-left: -58px; padding-left: 67px; }
.mini-cart-product-top-detail{padding-bottom: 5px;}
.mini-cart-product-name{position:relative; padding-right:100px; margin-bottom: 5px;}
.minicart-item-price{position:absolute; right:0; top:0; font-weight: bold; font-size: 18px; color: #000; font-family: 'Raleway-Medium';}
.mini-cart-product-name a{ font-size: 15px; line-height: 25px;  color: #000; font-family: 'Raleway-Medium'; }
.header-minicart .product-details .product-name { padding-top: 0px; }
.header-minicart .product-details .product-name a { color: #636363; font-size: 12px; }
.header-minicart .product-details .product-name a:hover { color: #F05C2C }
.header-minicart .info-wrapper { min-width: 140px; float: left;}
.mini-cart-product-bottom-detail{  position: relative;}
.mini-cart-buttons {float: right; margin-top: 5px; margin-right: -5px;}
.mini-products-list .mini-cart-product-bottom-detail .mini-cart-buttons a{font-size:20px;vertical-align: middle;margin: 0px;display: inline-block;}
.mini-products-list a.btn-edit, .mini-products-list a.remove, .btn-remove { font-size: 12px; text-transform: uppercase; border-radius: 15px; line-height: 30px; text-align: center; margin-bottom: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mini-products-list a.btn-edit { line-height: 32px; }
.mini-products-list a.btn-edit:hover { background: none; color: #4b6a18; }
.mini-products-list a.remove, .btn-remove { color: #4b6a18; line-height: 28px; }
.onestepcheckout-index-index .mini-products-list a.remove, .onestepcheckout-index-index .mini-products-list .saperator { display: none; }
.mini-products-list a.remove:hover, .btn-remove:hover { /*background: #4b6a18; color: #fff;*/     color: #000;}
.header-minicart .info-wrapper th { font-size: 14px; min-width: 0; }
.header-minicart .info-wrapper td { color: #4b6a18; clear: right; }
.header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; }
.header-minicart .info-wrapper .qty{background:none}
.header-minicart .info-wrapper .qty, .header-minicart .info-wrapper button { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 3.2em; padding: 0; vertical-align: top; cursor: default; text-align: center; /*border:0 !important; text-align: left; */ float: left; height: 30px; border: 2px solid #d7d7d7; font-size: 14px; border-radius: 10px;}
.header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; color: #fff; background: #4b6a18; border: solid 1px #4b6a18;}
.header-minicart .info-wrapper .quantity-button:hover{ background: #000; border: solid 1px #000; }
.header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; }
.header-minicart .info-wrapper .quantity-button.visible { opacity: 1; cursor: pointer;}
.header-minicart .subtotal { background-color: #DDDDDD; text-align: center; line-height: 2em; text-align: right; padding: 10px 15px 10px 0; color:#000;     margin-bottom: 0;}
.header-minicart .subtotal .label { font-size: 18px; line-height: 24px; color: #000; margin-right: 4px; font-family: 'Raleway-Medium'; }
.header-minicart .subtotal .price { font-size: 30px; line-height: 36px; color: #000;     font-family: 'Raleway-Medium'; }
.header-minicart .minicart-actions { padding: 10px; margin-top: 0px; overflow: hidden; position: relative; text-align: center; }

.header-minicart .minicart-actions .main_btn{ min-width: 230px;}
.header-minicart .minicart-actions a.main_btn.border_green_btn { float: left;}
.header-minicart .minicart-actions .checkout-button { width: 154px; border: 1px solid #4b6a18; background: #4b6a18; text-transform: uppercase }
.cart-link:hover, .cart-link:focus { border: 1px solid #4b6a18; background: #4b6a18; color: #fff; }
.mini-cart-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
.show-menu .mini-cart-overlay { right: 280px; opacity: 0.4; visibility: visible; }
.show-cart .mini-cart-overlay { right: 500px; opacity: 0.4; visibility: visible; }
.header-minicart .minicart-actions .checkout-button:hover { background: #202020; border: 1px solid #202020; }
.header-minicart .minicart-actions .cart-link:hover { text-decoration: none; }
.header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; }
.header-minicart #minicart-error-message { text-align: center; color: red; display: none; }
.header-minicart #minicart-success-message { text-align: center; color: green; display: none; }
.header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; }
.header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block; }
/* Mini Cart ends
 * ============================================ */
html{overflow-x: hidden;}
body { overflow-x: hidden; position: relative; overflow-y: visible; background: #fff; }
body.no-scroll { overflow: hidden;}
html.show-cart .wrapper, html.show-cart #header.sticky { left: -483px; }
html.show-cart, html.show-menu, html.show-links { overflow: hidden }
.page-header { padding-bottom: 0px; box-shadow: 3px 0 15px rgba(0,0,0,0.20); display: inline-block;  width: 100%; }
.mainNav { background: #FFFFFF; position: relative; border-bottom: 1px solid #cccccc; z-index: 1;}
.cms-home .mainNav, .bannered-page .mainNav { border-bottom:0px;}
.mainNav .container { position: relative }
#stickerStickyWrapper, #sticker { width: 100% !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 45px !important; }
#sticker.sticky { box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35); -o-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35); }
.menu-handle { display: none; position: relative; float: left; width: 47px; height: 40px; border-right: 1px solid #b18502; }
.menu-handle span.menu-handle-icon { position: absolute; right: 12px; top: 12px; width: 25px; }
.menu-handle span.menu-handle-icon span { position: absolute; width: 100%; height: 4px; background: #836300; left: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -moz-border-radius: 2px; }
.menu-handle span.menu-handle-icon span.second { top: 8px; }
.menu-handle.active span.menu-handle-icon span.first { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 6px; }
.menu-handle.active span.menu-handle-icon span.second { opacity: 0 }
.menu-handle.active span.menu-handle-icon span.third { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; }
.menu-handle span.menu-handle-icon span.third { top: 16px; }
.toggle-handle {position: absolute;width: 32px;height: 32px;right: 0px;top: 0;cursor: pointer;display: none;z-index: 11;background: #4B6A18;}
.toggle-handle em {position: absolute;left: 5px;right: 2px;top: 15px;background: #6B6B6C;font-size: 24px;}
.toggle-handle em.first {height: 2px;}
.toggle-handle em.second {top: 3px;bottom: 3px;left: 16px;width: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu-selected > .toggle-handle em.second { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
/* ============================================ *
 * Header ends */
  /* Homepage main banner
 * ============================================ */
.homebanner.flexslider .slides .caption { display: none }
@media all and (min-width:768px) {
.homebanner.flexslider .slides img { width: auto; min-width: 100%; position: relative; left: 50%; transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); }
.homebanner.flexslider .slides li { overflow: hidden; margin: 0; }
.homebanner.flexslider .slides { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.homebanner-mobile { display: none; }
}
.homebanner .slider-loader { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); max-width: 100%; height: auto; max-height: 100%; width: auto }
.homebanner .slider-placeholder { min-width: 100%; height: auto; width: 1920px; }
.homebanner.active .slider-loader {opacity: 0 }
.homebanner.flexslider { border: 0; overflow: hidden; border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; margin-bottom: 80px; }
.homebanner .flex-control-nav { position: absolute; right: 0; bottom: 64px; z-index: 2; width: auto; margin-bottom: 0; left: 0; text-align: center; width: auto; display: block; }
.homebanner .flex-control-nav li { margin-right: 0; margin-left: 0; display: inline-block; margin-bottom: 0; margin-right: 12px; padding-left: 0;}
.homebanner .flex-control-nav li:before{visibility:hidden;}
.homebanner .flex-control-nav li:last-child { margin-right: 0; }
.homebanner .flex-control-nav li a, .owl-dot { width: 19px; height: 24px;  position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.owl-dot { background-position: -43px -730px; }
.homebanner .flex-control-nav li a:before, .brand-slider .owl-dot:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; width: 11px; height: 11px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.homebanner .flex-control-nav li a:hover:before, .flex-control-nav li a.flex-active:before, .brand-slider .owl-dot:hover:before, .brand-slider .owl-dot.active:before { background: #fff; }
/* ============================================ *
 * Homepage main banner ends */

/* Home page minibanner
 * ============================================ */
.homeimage-section .container { }
.home-image-whole-section { margin-bottom: 71px; }
.homepage-image { margin: 0 0 25px; }
.home-image-col { float: left; width: 41.7%; padding: 0 15px; }
.homeimage-section .homeimg-block { float: left; width: 50%; border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; }
.no-touch .homeimg-block { opacity: 0 }
.homeimg-block a { display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative }
.homeimg-block img { width: 100%; height: auto; }
.homeimg-block .ausbox-img a:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(80,80,80,0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .homeimg-block:hover .ausbox-img a:before { bottom: 100%; }
.homeimg-block:last-child { margin-bottom: 0px; }
.homeimg-block .ausbox-name { position: absolute; left: 0; bottom: 27px; right: 0; }
.homeimg-block .ausbox-name h2 a { font-size: 30px; line-height: 36px; color: #fff; text-transform: uppercase;  text-align: center; }
/* ============================================ *
 * Home page minibanner ends */

/* Home page Latest deal slider
 * ============================================ */
 
.latest-deal-products h2, .home-feature-latest-products .tab-content h2.tab-title a { font-size: 40px; line-height: 46px; color: #303030;  text-transform: uppercase; position: relative; text-align: center; letter-spacing: -2px; max-width: 1190px; margin: 0 auto 36px; padding: 0 15px; }
.home-feature-latest-products .tab-content h2.tab-title a { letter-spacing: 1px; }
.latest-deal-products h2 span, .home-feature-latest-products .tab-content h2.tab-title a span { background: #fff; position: relative; padding: 0 17px; }
.latest-deal-products h2:before, .home-feature-latest-products .tab-content h2.tab-title a:before { content: ''; display: block; position: absolute; left: 10px; top: 50%; right: 10px; background: #cccccc; height: 1px; margin-top: -1px; }
.list-products .product-name a { font-size: 16px; line-height: 24px; color: #000000;  display: block; text-align: center }
.list-products .price-box .old-price .price { font-size: 16px; line-height: 22px; color: #909090; }
.list-products .price-box .price { font-size: 18px; line-height: 24px; color: #4b6a18; }
.list-products .price-box { text-align: center }
.latest-deal-products .list-products .product-name a { font-size: 18px; line-height: 24px; display: block; margin-bottom: 26px; min-height: 48px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .latest-deal-products .list-products .product-name a:hover { color: #4b6a18; }
.latest-deal-products .list-products .price-box .old-price .price { font-size: 26px; line-height: 32px; }
.latest-deal-products .list-products .price-box .price { font-size: 30px; line-height: 36px; }

/* Home page Latest deal slider

 * ============================================ */
 

/* Home page features products with tabbing
 * ============================================ */

.home-feature-latest-products { padding: 47px 15px 15px; }
.home-feature-latest-products .btn_box { text-align: center;}
.home-feature-latest-products .btn_box .main_btn {
    min-width: 230px;}
.home-feature-latest-products #tab-container ul { margin: 0 auto 30px; position: relative; text-align: center; max-width: 1200px; padding: 0 15px; }
.home-feature-latest-products #tab-container li { list-style: none; display: inline-block; padding: 0 15px; text-align: center; margin: 0; position: relative; background: #fff; width:100%;  }
.home-feature-latest-products #tab-container li.tab{ width: auto; } 
.home-feature-latest-products #tab-container li.tab a{ font-size: 35px; color: #000; font-family: 'Raleway-Bold'; line-height: 58px;  border-bottom: solid 2px #fff; padding-bottom:15px;}
.home-feature-latest-products #tab-container li.tab.active a{  border-bottom: solid 2px #4b6a18;}

.home-feature-latest-products #tab-container li:last-child:before { visibility: hidden; }
.home-feature-latest-products .tab-inner { position: relative }
.home-feature-latest-products .tab-content h2.tab-title { display: none; text-align: center; }
.home-feature-latest-products h2, .home-feature-latest-products p{text-align:center}
.home-feature-latest-products #tab-container li .information a { color: #fff; border: 0 }
.home-feature-latest-products .tab-content { position: relative; }

.home-feature-latest-products .tab-content  { height: 0; overflow: hidden; }

.home-feature-latest-products .tab-content.active  { height: auto; overflow: visible; }

.home-feature-latest-products .price-box, .home-feature-latest-products .price-box p { text-align: center }
.price-box .price { font-size: 22px; line-height: 28px; }
.old-price .price { font-size: 18px; line-height: 24px; color: #a9a9a9; }
.home-feature-latest-products .item, .products-grid .item { padding-bottom: 5px; position: relative; background: none !important; overflow: hidden }
.home-feature-latest-products h2.product-name { text-align: center; background: #fff; padding-top: 13px; margin-bottom: 0; text-transform: none; }
.home-feature-latest-products h2.product-name { bottom: -50px; }
.home-feature-latest-products h2.product-name a { padding: 0 10px; display: block; height: 38px; }
.home-feature-latest-products .product-info, .products-grid .product-info, .product-image-wrapper { position: relative; }
.list-products .product-name { margin-bottom: 23px; display: block; height: 48px; overflow: hidden; }
.product-image-wrapper { border: 0 }
.loggedout .home-feature-latest-products .owl-nav div { margin-top: -43px; }


.product-slider.hide-arrows .owl-controls{display:none}
#block-related .owl-nav div { margin-top: -57px; }
.loggedout #block-related .owl-nav div { margin-top: -43px; }
.products-list .product-image-wrapper { position: relative; }
.product-img-outer .label, .products-list .product-image-wrapper .label, .product-info .product-label-logo img, .product-img-outer .product-label-logo img, .tab-content .product-label-logo img, .products-list .product-image-wrapper .product-label-logo img { position: absolute; top: 10px; left: 11px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-weight: 500; text-transform: uppercase; font-size: 10px; background: #333333; border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; -moz-border-radius: 40px; z-index: 2 }
.product-info .product-label-logo img, .product-img-outer .product-label-logo img, .tab-content .product-label-logo img, .products-list .product-image-wrapper .product-label-logo img { left: auto; right: 8px; z-index: 2; background: none; }
.product-info .sale-label, .product-img-outer .sale-label, .tab-content .sale-label, .products-list .product-image-wrapper .sale-label { background: #f05c2c; }
.product-info .product-label-logo img, .product-img-outer .product-label-logo img, .tab-content .product-label-logo img, .products-list .product-image-wrapper .product-label-logo img { max-width: 100%; height: auto; }
/* ============================================ *
* Home page features products with tabbing ends */

/* Home page Blog section
 * ============================================ */
.blog-post-container h3 { font-size: 40px; line-height: 46px; color: #303030;  text-transform: uppercase; position: relative; text-align: center; letter-spacing: -2px; max-width: 1190px; margin: 0 auto 52px; padding: 0 15px; }
.blog-post-container h3:before { content: ''; display: block; position: absolute; left: 15px; top: 50%; right: 15px; background: #cccccc; height: 1px; margin-top: -1px; }
.home-post-section-slider { max-width: 1200px; padding: 0 15px; margin: 0 auto; }
.blog-home .home-post-section-slider { padding: 0; margin-bottom: 20px; }
.home-post-section-slider li:before, .home-post-section-slider li:after { content: ''; display: table }
.home-post-section-slider li:after { clear: both; }
.home-post-section-slider li { border: 1px solid #e8e8e8; position: relative; zoom: 1; padding: 24px 12px 23px 199px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -1px; }
.no-touch .home-post-section-slider li:hover { border-color: #404040; z-index: 1; }
.home-post-date { position: absolute; left: 35px; top: 41px; font-size: 18px; line-height: 24px; color: #606060;  }
.home-post-date span:first-child { font-size: 60px; line-height: 66px; color: #dadada; min-width: 64px; text-align: right; display: inline-block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 10px; }
.no-touch .home-post-section-slider li:hover .home-post-date span:first-child { color: #4b6a18; }
.home-post-date span:nth-child(2) { font-size: 18px; line-height: 24px; color: #606060; letter-spacing: -1px; }
.home-post-left-side-image { float: left; width: 170px; }
.home-post-left-side-image img { width: 100%; height: auto }
.home-post-right-side-text { float: left; width: 100%; margin-left: -170px; padding-left: 201px; position: relative; padding-top: 2px; padding-right: 100px; }
.blog-home .home-post-right-side-text { padding-right: 20px }
.home-post-section-slider li .read-more-link { font-size: 50px; line-height: 50px; color: #dddddd; position: absolute; right: 49px; top: 50%; margin-top: -25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.home-post-title { margin-bottom: 15px; }
.home-post-title a { font-size: 18px; line-height: 24px; color: #606060;  text-transform: uppercase; }
.no-touch .home-post-section-slider li:hover .home-post-title a { color: #4b6a18; }
.no-touch .home-post-section-slider li:hover .read-more-link { color: #404040; }
.blog-post-container h3 span { background: #fff; position: relative; padding: 0 17px; }
.home-post-description p { font-size: 16px; line-height: 30px; color: #606060; }
/* Home page Blog section ends
* ============================================ */

/* Sticky form
* ============================================ */
.sticky-form .page-title h2 {  border-bottom: 2px solid #4b6a18; color: #fff; padding: 5px 20px 0; font-size: 20px; margin-bottom: 0; cursor: pointer; position: relative; }
.sticky-form .page-title h2 i { position: absolute; right: 15px; top: 14px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.sticky-form .page-title.active h2 i { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sticky-form .feedback-question { padding: 20px 20px 0; }
.sticky-form .field label { color: #fff;  line-height: 25px; }
.stickyform-btn, .floating-social-btn { width: 80px; height: 80px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: fixed; right: 0; top: 50%; margin-top: -86px; background: #4b6a18; text-align: center; z-index: 9; }
.floating-social-btn { margin-top: 15px; background: #202020; }
.stickyform-btn i, .floating-social-btn i { font-size: 40px; line-height: 80px; color: #fff }
.stickyform-btn .fa-close { display: none }
.stickyform-btn .fa-close { display: none }
.sticky-form.active .stickyform-btn .fa-close { display: block }
.sticky-form.active .stickyform-btn .fa-file-text { display: none }
.stickyform-btn:hover { background-color: #202020; }
.sticky-form.active .stickyform-btn { right: 490px; }
.sticky-form { right: -490px; top: 0; bottom: 0; z-index: 100; padding-left: 45px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.sticky-form.active { right: 0; }
.feedback-desktop-inner { background: rgba(0,0,0,0.95); padding: 10px 0px 0 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: auto; overflow-x: hidden; }
.catalog-product-compare-index #headerslider { display: none; }
.page-print .link-print { float: right; margin-top: -60px; position: relative; z-index: 1 }
.compare-table.data-table th { vertical-align: middle }
.sticky-form { width: 100%; max-width: 490px; }
.no-touch .sticky-form { position: fixed; }
.touch .sticky-form { position: absolute; }
.sticky-form .contact-title h2 { font-size: 28px; line-height: 34px; color: #fff;  position: relative; padding-top: 15px; text-transform: uppercase; margin-bottom: 5px; }
.sticky-form .contact-title h2:before { content: ''; background: #f8971d; width: 91px; height: 4px; display: block; position: absolute; left: 0; top: 0; }
.sticky-form .contact-title h2:after { content: ''; display: block; border: 2px solid transparent; border-top: 2px solid #f8971d; border-left: 6px solid #f8971d; position: absolute; left: 91px; top: 0; }
.contact-tag-line { font-size: 16px; line-height: 24px; color: #b7b7b7; margin-bottom: 10px; }
.close-sticky-form { display: block; width: 35px; height: 35px; position: absolute; right: 0; top: 19px; z-index: 1; border: 2px solid #979494; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; font-size: 20px; color: #979494; text-align: center; line-height: 31px; }
.close-sticky-form:hover { background: #4b6a18; border-color: #4b6a18; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.sticky-form label { color: #fff;  }
.show-sticky-form-html { overflow: hidden }
.sticky-form input.input-text, .sticky-form textarea.input-text { background: none; border: 2px solid #696969; padding: 0 15px; color: #fff; }
.sticky-form input[type=checkbox] + label:before { border: 2px solid #696969; }
.sticky-form textarea.input-text { padding: 10px 15px }
.sticky-form input.input-text:focus, .sticky-form textarea.input-text:focus { outline: none; border: 2px solid #4b6a18; box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; }
.sticky-form .buttons-set p.required { font-size: 13px; line-height: 19px; color: #727272; float: left; margin-top: 15px; }
.stickyform-accordian-content { padding: 20px; }
.sticky-form .capcha-div { margin-bottom: 36px; }
.sticky-form .stickyform-overall-rating label { float: left; margin: 6px 10px 0 0; font-weight: normal; }
.stickyform-overall-rating .jq-ry-container { float: left }
/* Sticky form ends
* ============================================ */

/* Sticky social icons
* ============================================ */ 
.floating-social-icons-wrapper { position: fixed; right: -100px; top: 50%; z-index: 9; margin-top: -125px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.floating-social-icons-wrapper.active { right: 0; z-index: 9999; }
.floating-social-icons-wrapper .floating-social-btn { position: absolute; top: 50%; left: -80px; }
.floating-social-icons-wrapper .social-links { background: rgba(0, 0, 0, 0.81); width: 100px; text-align: center; }
.floating-social-btn:hover { background: #4b6a18; }
.floating-social-icons-wrapper .social-links a { display: block; height: 50px; line-height: 50px; color: #fff; }
/* Sticky social icons ends
* ============================================ */ 


 
/* Scroll to top
* ============================================ */
.scrollToTop { position: fixed; right: 10px; bottom: 40px; z-index: 99; border: 2px solid #4F6C29; width: 40px; height: 40px; border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; -moz-border-radius: 40px; text-align: center; line-height: 34px; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 28px; transition-property: all; -webkit-transition-property: background color; color: #4F6C29; display:none; }
.no-touch .scrollToTop:hover { background: #4F6C29; color: #fff; }
.customer-account-create .scrollToTop, .customer-account-login .scrollToTop, .customer-account-forgotpassword .scrollToTop { display: none; }
.scrollToTop span { width: 40px; height: 40px; border: 2px solid #F05C2C; border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; display: block; background: #fff; }
.scrollToTop span:hover { border-color: #4b6a18; }
.scrollToTop span:before, .scrollToTop span:after { content: ''; display: block; border-width: 0 10px 10px; border-style: solid; border-color: transparent; border-bottom-color: #F05C2C; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -9px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.scrollToTop span:after { border-bottom-color: #fff; margin-top: -1px; }
.scrollToTop:hover span:before { border-bottom-color: #4b6a18; }

@media all and (max-width:767px) {
.scrollToTop span { width: 30px; height: 30px; }
.scrollToTop { right: 20px; }
.scrollToTop span:before { border-width: 0 8px 8px; margin: -5px 0 0 -7px }
}
/* ============================================ *
 * Scroll to top  ends*/

/*###############################################
Homepage ends*/

/*Product listing page
###############################################*/

/* Category title
 * ============================================ */
.category-title { margin-top: 2px; margin-bottom: 7px; }
.category-title h1 { font-size: 24px; line-height: 30px; color: #303030; /*  */ margin-bottom: 0; }
/* Category title ends
 * ============================================ */
/* Inner banner
 * ============================================ */
.category-banner-outer .category-image { margin-bottom: 0; position: relative ;  margin-bottom: 10px; height: 350px;}
.category-banner-outer .category-image:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(21,21,21,0.5); z-index: 1; }
.win-index-index .category-banner-outer .category-image, .cms-success .category-banner-outer .category-image, .cms-lost .category-banner-outer .category-image, .cms-thank-you .category-banner-outer .category-image { padding-top: 55px; background: #dc2921; }
.win-index-index .category-banner-outer .category-image:before, .cms-success .category-banner-outer .category-image:before, .cms-lost .category-banner-outer .category-image:before, .cms-thank-you .category-banner-outer .category-image:before { visibility: hidden }
.category-banner-outer, .product-banner-outer { position: relative; margin-bottom: 0; }
.product-banner-outer{ margin-bottom: 60px;}
.category-banner-outer h1, .product-banner-outer h1 { font-size: 48px; line-height: 51px; color: #fff; margin-bottom: 12px;  text-transform: uppercase; }
.banner-title-breadcumb-wrapper { position: absolute; top: 40%; left: 0; text-align: center; width: 100%; z-index: 2; margin-top: -4px; }
.category-image { margin-bottom: 8px; }
 .category-image img {
    width: auto;
    position: relative;
    height: 100%;
}
.category-image img:hidden {display: none;}
/* ============================================ *
 * Inner banner  ends*/
/* Main containers
 * ============================================ */
.main-container { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.main-container.col2-left-layout{ padding: 60px 15px;}
.catalogsearch-result-index .main-container.col2-left-layout{ padding: 0px 15px;}
.no-breadcrumb-page .main-container { padding-top: 20px; }
.cms-index-index .main-container { max-width: none; padding: 0; margin: 0 auto }
.list-products.owl-carousel { max-width: 1340px; padding: 0 70px; margin: 0 auto }
.main-container .container { padding: 0; }
.main:before, .main:after { content: ''; display: table; }
.main:after { clear: both; }
.main { zoom: 1; margin-bottom: 40px; }
.customer-account-login .main { zoom: 1; margin-bottom: 0px; }

@media all and (min-width:768px) {
/*my dashboard left side part*/
.col2-left-layout .col-main, .col3-layout .col-main { float: right; margin-left: -270px; padding-left: 300px; width: 100%; }
}
.col1-layout .col-main { float: none; width: auto; padding: 0;/* Remove the 15px padding */ margin-bottom: 0px; }
.cms-index-index .col1-layout .col-main { /*margin-bottom: 61px;*/ }
.cms-index-index .main { /*margin-bottom: 0*/ }
.col2-right-layout .col-main { padding-left: 0;/* Remove the 15px padding */ }
.col2-right-layout .col-main, .col3-layout .col-wrapper { float: left; width: 100%; margin-right: -270px; padding-right: 300px; }
.my-account .pager {float:left; width:100%;}
.toolbar, .pager-no-toolbar {margin-top: 10px; margin-bottom: 15px; border: 1px solid #cccccc; padding: 7px 15px; }
/* ============================================ *
 * Main containers ends*/
/* Breadcrumbs
* ============================================ */
.breadcrumbs { overflow: hidden; margin: 0 0 40px; padding: 13px 0 13px; border-bottom: 1px solid #dddddd; }
.breadcrumbs li { float: left; font-size: 14px; /*  */ }
.breadcrumbs a { float: left; color: #303030; }
.breadcrumbs a:hover { color: #333333; }
.breadcrumbs strong { color: #636363; font-weight: normal; color: #4b6a18; }
.breadcrumbs span { float: left; padding: 0 5px 0 7px; }
.breadcrumbs .archive_label span { float: right }
/* ============================================ *
 * Breadcrumbs ends*/
/* Sidebars
* ============================================ */
.view-sidebar-link-wrapper { margin-bottom: 10px; display: none; width: 160px; /* float: right; */}
.view-sidebar-link { display: block; float: left; padding: 10px 20px; text-decoration: none !important; background: #EFEFEF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.view-sidebar-link:hover { }
.view-sidebar-link i { font-size: 18px; margin-right: 6px; position: relative; top: 1px; }
.no-touch a.view-sidebar-link:hover { background: #4b6a18; color: #fff; }
.close-sidebar-link { position: absolute !important; right: 0 !important; top: 0px; display: none !important; width: 50px; height: 50px; text-align: center; line-height: 50px !important; font-size: 20px !important; color: #D90000 !important; text-decoration: none !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1; padding: 0 !important; }
.close-sidebar-link:before { visibility: hidden; }
.wp-sidebar .close-sidebar-link { top: 0; right: 8px; }
/*my deskboard left side part*/
.col-left, .col-right { float: left; position: relative; width: 270px; }
.sidebar {     background: #fff;
    box-shadow: 0px -1px 8px rgba(0,0,0,0.2);
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden; }

.sidebar .block-title strong {     line-height: 20px;
    font-weight: 600;
    font-size: 17px;
    color: #4C6722;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    font-family: 'Raleway-Bold'; }
.block-account .block-title{     border-bottom: solid 3px #ccc;
    padding-bottom: 5px;}
.col-left .block-account .block-content ul li {text-transform: uppercase; margin: 0; padding: 0px; border-bottom: 1px solid #ccc;}
.col-left .block-account .block-content ul li.last{border-bottom: 0px solid #ccc;}
.col-left .block-account .block-content ul li a {display: block; padding: 6px 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;     font-size: 14px;
    color: #000;
    line-height: 24px;
    text-transform: capitalize; font-family: 'Raleway-Medium';}
.col-left .block-account .block-content ul li a:hover, .col-left .block-account .block-content ul li.current a {color: #4b6a18; }
.col-right { float: right; }
.col-left img, .col-right img { max-width: 100%; }
.block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border: 1px solid #cccccc; position: relative; background-color: #f4f4f4; cursor: pointer; }
.block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #333333; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; }
.block-layered-nav .block-subtitle--filter:hover { background-color: #ececec; }
.block-layered-nav .block-content .toggle-tabs { display: none; }
.block-layered-nav .block-content > dl > dt, .block-layered-nav .currently .block-subtitle { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px; position: relative; background-color: #f4f4f4; display: block; font-weight:bold; font-family: 'Raleway-Medium';}
.block-layered-nav .block-content > dl > dt:hover { }
.block-layered-nav .block-content > dl > dd { /*margin: 0;*/ }
.block-layered-nav .block-content > dl > dd:last-child { border-width: 0 1px 1px 1px; }
.block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; }
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding: 5px 20px 5px 0px; display: block;  font-weight: 500; text-transform: capitalize; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none !important; font-family: 'Raleway-Medium';
    font-size: 14px;
    color: #000;
    line-height: 24px; }
.block-layered-nav dl dd ol > li > a:hover { }
.block-layered-nav dl dd ol > li > a .count { color: #a0a0a0; font-family: 'Raleway-Medium';}
 @media only screen and (min-width: 768px) {
.block-layered-nav .block-content > dl > dt { padding: 10px 0 0;
    background: none;
    color: #000;}
.block-layered-nav .block-content > dl > dt:after { display: none; }
}
.block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; background: #F4F4F4;}
.block-layered-nav .currently { padding: 0;}
.block-layered-nav p.block-subtitle {
    margin-bottom: 0;
    font-size: 15px;
    color: #000;
    font-family: 'Raleway-Medium';
    padding: 5px 0;

}
.block-layered-nav .currently ol { padding: 10px;
    border: solid 1px #ccc; }
.block-layered-nav .currently ol li { margin-bottom: 0px; padding-top: 0px;}
.block-layered-nav .currently ol li span.multiselect-child {
    width: 100%;
    float: left;
}
.block-layered-nav .currently ol li .label { font-weight: bold; }
.block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; }
.block-layered-nav .actions {     text-align: right;
    margin-bottom: 0px;
    padding: 5px 10px;
    background: #323232;
    color: #fff; }
.block-layered-nav .actions a { float: none; color: #fff; }
.block-layered-nav .actions a:hover{ color: #4b6a18 }
/* ============================================ *
 * Sidebars ends*/
 /* Page main titles
* ============================================ */
.page-title { margin-top: -4px; }
.bannered-page .main .page-title { display: none; }
.catalogsearch-result-index .page-title { display: none; }
.page-title h2 { font-size: 32px; line-height: 38px; }
.category-product .main .page-title { display: none; }
/* ============================================ *
 * Page main titles ends*/
/* -------------------------------------------- *
 * Toolbar
 */
.toolbar, .myac-top-toolbar, .myac-bottom-toolbar { margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 10px 0px 10px; border-left:none 0px; border-right:none 0px; }
.catalog-category-view .toolbar { margin-bottom: 15px; }
.toolbar:after { content: ''; display: table; clear: both; }
.pager-no-toolbar { margin-bottom: 10px; }
.myac-top-toolbar .pager-no-toolbar, .myac-bottom-toolbar .pager-no-toolbar { margin-bottom: 0; }
.pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; }
.toolbar, .pager { color: #636363; line-height: 35px; font-size: 12px; }
.toolbar { position: relative; padding-top: 0;}
.toolbar label, .per_page_text { font-size: 14px; }
.toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: none; }
.sorter { float: right; margin-bottom: 5px; width: 200px;}
.view-mode { position: absolute; right: 2px; top: -37px; }
.view-mode label { float: left; margin-right: 5px; line-height: 20px; text-transform: none;}
.sorter label:after { content: ':'; }
.sort-by:before, .sort-by:after{content:''; display:table;}
.sort-by:after{clear:both}
.sort-by {float: left; margin-right: 0px; /*height: 30px;*/ width: 200px;}
.sort-by .sort-by-switcher {width: 30px; height: 30px; display: inline-block; position:relative;  text-indent: -9999px;}
.toolbar-bottom .amount, .toolbar-bottom .count-container, .toolbar-bottom .limiter, .toolbar-bottom .sort-by, .toolbar-bottom .view-mode {display:none; }
.sort-by .sort-by-switcher:before {content: "\f176"; font: normal normal normal 18px/1 FontAwesome; position: absolute; left: 50%; text-indent: 0; top: 50%; margin: -9px 0 0 -4px;}
.sort-by .sort-by-switcher--desc:before {content: "\f175"; }
.short_right.cf .pager { float: left; width: 197px;}
.view-mode label { margin-right: 13px; line-height: 22px; font-size: 14px; text-transform: capitalize; }
.view-mode .grid, .view-mode .list { float: left; width: 20px; height: 25px; }
.view-mode .grid { margin-right: 11px; background-position: 0px -497px; }
.view-mode strong.grid, .view-mode a.grid:hover { background-position: -50px -497px; }
.view-mode .list { background-position: 0px -522px; }
.view-mode strong.list, .view-mode a.list:hover { background-position: -50px -522px; }
.toolbar-bottom { margin: 0;
    display: inline-block;
    text-align: center;
    width: 100%; }
.toolbar-bottom .pager { }
.toolbar-bottom .toolbar { padding: 0; margin: 0; border: 0; background-color: transparent; }
.toolbar-bottom .pages {     display: inline-block;
    float: none;
    vertical-align: top;
    padding: 16px 10px 0px 10px;
    margin-top: 16px;
    text-align: center;
    margin: 0 auto;}
.toolbar.top_toolbar, .myac-top-toolbar, .myac-bottom-toolbar { margin-top: 0px; }
.myac-bottom-toolbar { margin-top: 15px; }
.toolbar.top_toolbar .amount label, .myac-top-toolbar .amount label, .myac-bottom-toolbar .amount label { font-size: 15px; }
.toolbar.top_toolbar label, .myac-top-toolbar label, .myac-bottom-toolbar label { color: #404040;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    font-weight: normal;
    line-height: 20px;  }
.toolbar.top_toolbar .short_right, .myac-top-toolbar .short_right, .myac-bottom-toolbar .short_right { float: right; }
.toolbar.top_toolbar .limiter, .myac-top-toolbar .limiter { }
.toolbar.top_toolbar .limiter label.show, .myac-top-toolbar .limiter label.show, .myac-bottom-toolbar .limiter label.show { float: left; line-height: 32px; margin-right: 8px; text-transform: none; padding: 0; font-size: 14px; }
.toolbar.top_toolbar .limiter label.show:after, .myac-top-toolbar .limiter label.show:after, .myac-bottom-toolbar .limiter label.show:after { display: none; }
.toolbar.top_toolbar .limiter .selector, .myac-top-toolbar .limiter .selector, .myac-bottom-toolbar .limiter .selector { float: left; }
.toolbar.top_toolbar .limiter .selector, .toolbar.top_toolbar .limiter .selector span, .myac-top-toolbar .limiter .selector, .myac-top-toolbar .limiter .selector span, .myac-bottom-toolbar .limiter .selector, .myac-bottom-toolbar .limiter .selector span { width: 70px !important; }
.toolbar.top_toolbar .limiter label.per_page, .myac-top-toolbar .limiter label.per_page, .myac-bottom-toolbar .limiter label.per_page { float: left; line-height: 32px; margin-left: 8px; text-transform: none; padding: 0; font-size: 14px; min-width: 0; }
.toolbar.top_toolbar .limiter label.per_page:after, .myac-top-toolbar .limiter label.per_page:after, .myac-bottom-toolbar .limiter label.per_page:after { display: none; }
.toolbar.top_toolbar .amount {margin-top:8px; float: left;     color: #404040;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    font-weight: normal;
    line-height: 20px;}
.myac-top-toolbar .amount, .myac-bottom-toolbar .amount { float: left; font-size: 14px; /*margin-top: 8px; margin-left: 1px;*/  }
.toolbar.top_toolbar, .myac-top-toolbar, .myac-bottom-toolbar { padding: 10px 0px 10px 0px; background-color: transparent; }
.toolbar.top_toolbar .sorter, .myac-top-toolbar .sorter, .myac-bottom-toolbar .sorter { margin-bottom: 0; }
.toolbar.top_toolbar .sorter .sort-by label, .myac-top-toolbar .sorter .sort-by label, .myac-bottom-toolbar .sorter .sort-by label { line-height: 32px; padding: 0; margin-bottom: 0; font-size: 14px; }
.toolbar .selector span, .myac-top-toolbar .selector span, .myac-bottom-toolbar .selector span { width: 100px !important; height: 35px; line-height: 31px; padding-left: 9px;     border-radius: 5px; }
.toolbar .selector, .myac-top-toolbar .selector, .myac-bottom-toolbar .selector { width: 100px !important }
.toolbar .selector select, .myac-top-toolbar .selector select, .myac-bottom-toolbar .selector select { height: 35px }
.toolbar .short_right p.amount { display: none; }
.top_toolbar .pager { float: right }
.myac-top-toolbar .pager:before, .myac-top-toolbar .pager:after, .myac-top-toolbar .pager > .count-container:before, .myac-top-toolbar .pager > .count-container:after, .myac-bottom-toolbar .pager:before, .myac-bottom-toolbar .pager:after, .myac-bottom-toolbar .pager > .count-container:before, .myac-bottom-toolbar .pager > .count-container:after { content: ''; display: table; }
.myac-top-toolbar .pager:after, .myac-top-toolbar .pager > .count-container:after, .myac-bottom-toolbar pager:after, .myac-bottom-toolbar .pager > .count-container:after { clear: both; }
.myac-top-toolbar .pager, .myac-top-toolbar .pager > .count-container, .myac-bottom-toolbar .pager, .myac-bottom-toolbar .pager > .count-container { float: none; display: block; float: none; width: auto }
.pager > .count-container:before, .pager > .count-container:after, .blog-home .pager:before, .blog-home .pager:after { content: ''; display: table; }
.pager > .count-container:after, .blog-home .pager:after { clear: both; }
.pager > .count-container, .blog-home .pager { zoom: 1; border-left: 0; border-right: 0; padding-top: 0px; padding-bottom: 0px; }
.toolbar-bottom .count-container{display:none}
.pager .limiter { float: right; line-height: 35px; /*height: 35px; width: 220px; margin-right: 10px;*/}
.pager .limiter > label, .sort-by > label{ padding-right: 10px; float: left; padding-top: 8px;}
.pager .limiter > label:last-child{ padding-right: 0; padding-left: 10px;}
.pager .limiter > .selector{margin-right:0px; display: inline-block; width: auto !IMPORTANT; padding-right: 0px }
.pager .limiter > .selector span{    height: 35px; line-height: 31px;}
.pager .limiter > .selector span:before{top: 13px;     right: 10px;}
.bottom_toolbar .pages{ display: inline-block;}
.bottom_toolbar .count-container{ display: none;}
.bottom_toolbar .pager-no-toolbar{     border: 0px solid #cccccc; padding: 0;}
/*.pager .limiter > label:after { content: ':'; }*/
.my-account .limiter > label {padding-right: 0px; padding-top: 10px; float: left; margin-right: 5px; }
.pager .amount, .pager .limiter, .pager .pages { margin-bottom: 0px; }
.pager .amount{float:left;margin-top: 7px;}
.pages { float: right; overflow: hidden; margin-left: 15px; display: none;}
.pages strong { display: none; }
.pages li { float: left; width: 40px; height: 40px; display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #CCC; white-space: nowrap; margin-left: 5px; line-height: 38px; outline: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;     border-radius: 50px;}
.pages li:hover { border: 1px solid #4b6a18; background: #4b6a18; }
.pages li:hover a { color: #fff; text-decoration: none; }
.pages a, .pages .current { display: inline-block; line-height: 38px; border: 0; font-size: 16px; text-align: center; text-transform: uppercase; vertical-align: top; padding: 0; color: #303030; font-weight: 500; }
.pages a { width: 100%; height: 100%; outline: none; }
.pages .current, .pages .current:hover { color: #fff; border: 1px solid #4b6a18; background: #4b6a18; cursor: default; }
.pages .next, .pages .previous { text-shadow: none; background-color: transparent; position: relative; display: block; width: 100%; height: 100%;     font-size: 0;}
.pages .next:before { content: '>'; position: absolute; display: block; top: 50%; left: 50%; font-size: 16px; color: #303030;  transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); text-indent: 0 !important;
    background: transparent !IMPORTANT;}
.pages .next:hover:before { color: #fff; }
.pages .previous:before { content: '<'; position: absolute; display: block; top: 50%; left: 50%; font-size: 16px; color: #303030;  transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); text-indent: 0 !important;
    background: transparent !IMPORTANT;}
.pages .previous:hover:before { color: #fff; }
.myac-top-toolbar .limiter, .myac-bottom-toolbar .limiter { width: 180px; }
.toolbar.top_toolbar .limiter {float: left; line-height: 35px; /*height: 35px; width: 120px; */}
.myac-top-toolbar .limiter, .myac-bottom-toolbar .limiter { float: right }
.category-products .selector { float: left; }
/*.count-container {float: left; }*/
.my-account .count-container {float: none; }
.pager .amount {float: left; }
.my-account .limiter {float: right; line-height: 0;}
.toolbar-bottom .short_right.cf {float:none;}
.toolbar-bottom .short_right.cf .pager {float:none; text-align:center;     margin: 0 auto;     width: 300px;}
@media (min-width: 991px) {
.amount {white-space: nowrap; margin: 0 15px 0 0; width: 100%; margin-right: -502px; padding-right: 500px;}
}
/* Product lists view (Grid / List)
* ============================================ */
.sub-category-listing.products-grid { margin-top: -15px; }
.sub-category-listing.products-grid .product-info { min-height: 0 !important }
.sub-category-listing.products-grid .product-name { margin-bottom: 0 }
.latest-deal-products .list-product-image { margin-bottom: 35px; }
.list-product-image { border: 1px solid #999999; margin-bottom: 24px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden }
.no-touch .list-product-image:hover { border-color: #4b6a18 }
.list-product-image img { max-width: 100%; height: auto }
.list-products li { padding: 15px; }
.products-grid { margin: 0 -15px; }
.products-grid > li { width: 33.33%; float: left; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.products-list .product-name { text-transform: none; }
.products-grid .product-image-outer a.product-image, .products-list a.product-image, .product-slider a.product-image {display: block; /*margin-bottom: 15px;*/ position:relative;}
.products-grid .product-name a, .products-list .product-name a, .product-slider .product-name a {     height: 57px;
    line-height: 22px;
    padding: 10px 0 5px 0;
    display: block;
    margin: 0 auto;
    font-family: 'Raleway-Bold';
    font-weight: normal;
    font-size: 16px;
    color: #000;
    text-align: center; overflow: hidden; }
.products-grid .product-info > span{display: block;
    text-align: center;
    font-style: italic;
    font-family: 'Raleway-Medium';
    font-size: 15px;     height: 40px;
    overflow: hidden;}
.products-grid .item .button{margin:0 auto;}
.products-grid .item .add-to-links:before, .products-grid .item .add-to-links:after{content:''; display:table;}
.products-grid .item .add-to-links:after{clear:both}
.products-grid .item .add-to-links{zoom:1;     display: inline-block; margin-left: 10px;}
.products-grid .product-image{ position: relative;
    display: inline-block;
    width: 100%; }
.products-grid .product-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background: rgba(0,0,0,0.50);
    z-index: 1;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.no-touch .products-grid .item:hover .product-image:before {
       right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;

}
.products-grid .actions.img_main_box {
    position: absolute;
    top: 25%;
    right: -150%;
    left: 0;
    margin: 0 auto;
    text-align: center;
        width: 150px;
    z-index: 99; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}

.no-touch .products-grid .item:hover .actions.img_main_box{ right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.products-grid .actions.img_main_box .buttonaddtocart {
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    background: transparent;
    width: 50px;
    height: 50px;
    font-size: 24px;
    min-width: 50px;
    text-align: center;
    padding: 0;
    line-height: 49px;
    display: inline-block;
        vertical-align: top;
}
.no-touch .products-grid .actions.img_main_box .buttonaddtocart:hover{ background: #fff; border: 2px solid #fff;  color: #4b6a18;}
.category-description.std {
    display: inline-block;
    width: 100%;
        margin-top: 20px;
}


.products-list .product-name a { font-size: 18px; line-height: 24px; color: #343434; /*color: #8A371E;*/ text-align:left; }
.products-list .even .product-name a { color: #343434; }
.products-list .desc { color: #000000; /*color: #8F503D;*/  font-size: 14px; line-height: 20px; }
.products-list .even .desc { }
.products-list .price-box { margin-bottom: 10px; }
.products-list .link-learn { border: 2px solid #4b6a18; padding: 5px 10px; color: #4b6a18; font-weight: 500; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: 10px; width: 105px; display: block; }
.block-related .products-grid { margin: 0; padding: 0 16px; }
.block-related .products-grid li { float: none; width: auto; }
.products-list li:before, .products-list li:after { content: ''; display: table }
.products-list li:after { clear: both; }
.products-list > li { zoom: 1; /* padding-bottom: 10px; */ margin-bottom: 20px; border: 1px solid #cccccc; /*background: rgba(118,216,30,0.3);*/ padding: 10px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); position: relative }
#products-list li .product-image { display: inline-block; float: left; /*width: 35%;*/ position:relative; }
.products-list > li.even { /*background: rgba(250,164,26,0.3); */ border: 1px solid #cccccc; }
.category-products .product-image-outer .product-image { overflow: hidden; /*padding: 5px;*/ display: block; }
.products-list .product-image-wrapper, #products-list .product-image { display: block; float: left; width: 25%; margin-bottom: 0; padding: 0 !important; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); background: #fff; }
.products-list .product-image-outer:before { left: 0; top: 0; right: 0; bottom: 0; }
.products-list .product-shop { float: left; padding-left: 20px; width: 74%; }
.products-list .price-box .old-price .price { color: #555555 }
.products-list .odd .special-price .price, .products-list .odd .regular-price .price { color: #ec9303; }
.products-list .even .special-price .price, .products-list .even .regular-price .price { color: #69de01; }
.loggedout .products-list .odd .product-image-outer:before { background: rgba(240, 92, 44, 0.89) }
.products-grid .product-image-outer { border: 1px solid #c9c9c9; }
.no-touch .products-grid .product-image-outer:hover { border: 1px dashed #6421b3; }
.no-touch .products-grid .list-main-product:hover {/*box-shadow:0 10px 10px 0 #ccc;*/ }
.product-image-outer .product-image:before { background: rgba(125,194,66,0.4) no-repeat scroll center center; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; display: block; animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; -webkit-animation: fadein 2s; /*content: ''; display: block; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/product-overlay-bg.png) center center; background-size: 100% 100%; position: absolute; left: -18px; top: -18px; right: -18px; bottom: -18px; z-index: 3;*/opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.no-touch .item .product-image-outer:hover .product-image:before, .touch li.active .item .product-image-outer:before, .touch .item.active .product-image-outer:before { opacity: 1; visibility: visible }
.product-image-outer .product-image .line { left: 0; top: 50%; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; z-index: 1; }
.product-image-outer .product-image .line1 { top: 0; left: 50%; transition: all 0.8s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index: 1; }
.no-touch .product-image-outer:hover .product-image .line, .no-touch .product-image-outer:hover .product-image .line1 { position: absolute; left: 50%; top: 50%; width: 80px; height: 2px; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #6421b3; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.no-touch .product-image-outer:hover .product-image .line1 { width: 2px; height: 80px; background: #6421b3; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.product-labels {}
.product-labels .left.new {position:absolute; top:10px; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; background:#7cc33f; color:#fff; left:10px; font-size:13px; box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.5); font-weight:600; }
.product-labels .right.sale {position:absolute; top:10px; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; background:red; color:#fff; right:10px; font-size:13px; box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.5); font-weight:600;}
.product-img-box .product-labels .left.new {position:absolute; top:20px; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; background:#7cc33f; color:#fff; left:20px; font-size:13px; z-index:9; box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.5); font-weight:600;}
.product-img-box .product-labels .right.sale {position:absolute; top:20px; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; background:red; color:#fff; right:20px; font-size:13px; z-index:9; box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.5); font-weight:600;}
.products-grid h2.product-name {text-align: center; padding: 10px 0 0px 0; margin-bottom: 0; text-transform: none;}
.products-grid h2.product-info a {padding: 0 0px; height: 38px; overflow: hidden; display: block;  font-size: 15px; color: #303030; text-transform: uppercase;}
/*home page featured hover effects*/
.product-image-outer .product-image:before { background: rgba(125,194,66,0.4) no-repeat scroll center center; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; display: block; animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; -webkit-animation: fadein 2s; /*content: ''; display: block; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/product-overlay-bg.png) center center; background-size: 100% 100%; position: absolute; left: -18px; top: -18px; right: -18px; bottom: -18px;*/ z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
/*home page featured hover effects*/

 @media all and (min-width:980px) {
.products-list .link-learn { position: absolute; right: 15px; bottom: 15px; }
}
.products-list .link-learn:hover { background: #4b6a18; color: #fff; }
.products-list .even .link-learn { border-color: #010101; color: #000000; }
.products-list .even .link-learn:hover { background: #000000; color: #fff; }
.products-grid .price-box { text-align: center; margin-bottom: 0px;}
.products-grid .old-price + .regular-price, .products-list .old-price + .regular-price { display: none; }
.std.category-description p, .splash-description-full p { font-size: 14px; line-height: 24px; color: #606060; margin-bottom: 25px; text-align: justify; }
.products-list li:before, .products-list li:after { content: ''; display: table }
.products-list li:after { clear: both; }
.products-list > li { zoom: 1; /* padding-bottom: 10px; */ margin-bottom: 20px; /* background: rgba(237, 29, 35, 0.17); */ padding: 10px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); position: relative }
.products-list > li.even { /*background: rgba(0, 0, 0, 0.08); */}
.products-list .product-image-wrapper { display: block; float: left; width: 25%; margin-bottom: 0; padding: 0 !important; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); background: #fff; }
.products-list .product-image-outer:before { left: 0; top: 0; right: 0; bottom: 0; }
.products-list .price-box .old-price .price { color: #555555 }
.products-list .odd .special-price .price, .products-list .odd .regular-price .price { color: #FF3D00 }
.products-list .even .special-price .price, .products-list .even .regular-price .price { color: #515151; }
.loggedout .products-list .odd .product-image-outer:before { background: rgba(240, 92, 44, 0.89) }

/* ============================================ *
/* Product lists view (Grid / List) ends*/
 
/*Product listing page ends
###############################################*/

/*Product detail page
###############################################*/

.product-view { }
/*product-essential
============================================*/
.catalog-product-view .product-essential { max-width: 1200px; margin: 0 auto; padding: 0 15px 30px; }
.catalog-product-view .product-collateral { max-width: 1200px; margin: 0 auto; padding: 0px; }
.product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; }
.product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px; }
.product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; }
.product-view .product-essential:after { content: ''; display: table; clear: both; }
/*product-essential ends
============================================*/
/* Catalog - Product image box
 * ============================================ */
.product-img-box { padding-right: 14px; width: 41.2%; float: left; }
.product-img-outer { position: relative }
.product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 0px; }
.product-img-box .product-name h1 { border: 0; }
.product-img-box .product-image { margin-bottom: 16px;  position: relative; z-index: 4; margin-left: 0px; }
@media only screen and (min-width: 768px) {
.product-img-box .product-image .cloud-zoom:before { content: ''; display: block; position: absolute; right: 20px; bottom: 20px; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) no-repeat -67px -508px; width: 28px; height: 29px; z-index: 2; }
}
.product-img-box #wrap { position: relative; z-index: 1 !important }
.touch .mousetrap { display: none !important; }
.product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; padding: 0;}
.more-views { padding: 0px 23px; margin: 0 auto; }
.more-views .owl-stage-outer{ text-align: center;}
.more-views .owl-nav{ padding: 0; width: 100%;}
.more-views .owl-nav > div { margin: 0 -30px 0 -30px !important;}
.more-views.hide-arrows{padding:0;margin: 0px;}
.more-views.hide-arrows .owl-controls{display:none;}
.more-views h2{display:none;}
.more-views ul:before, .more-views ul:after { content: ''; display: block; }
.more-views ul:after { clear: none; }
.more-views ul { zoom: 0; }
.more-views li { padding: 0 8px; }
.more-view-thumb { border: 1px solid #999999; }
.more-views li a { border: 1px solid #dddddd; display: inline-block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.more-views li a:hover, .more-views li a.active { border-color: #090; }
.more-views li a img {  margin: 0 auto; max-width: 100%; height: auto; padding: 3px; }
@media only screen and (min-width: 768px) {
.product-img-box .product-name { display: none; }
}
/* Catalog - Product image box end
 * ============================================ */
/* Catalog - Product shop
 * ============================================ */
.product-view .product-shop { margin-top: 1px; width: 56.6%; float: right; }
.product-view .product-shop .product-name { display: none; margin-bottom: 15px;}
.product-detail-sku { font-size: 16px; line-height: 22px; color: #202020; font-weight: 500; margin-bottom: 9px; }
.short-description, .short-description .std p { font-size: 16px; line-height: 25px; color: #606060; margin-bottom: 26px; }
.short-description .std p:last-child { margin-bottom: 0; }
.short-description { margin-bottom: 10px; }
.product-view .product-shop .extra-info, .product-view .product-shop .price-info { /* max-width: 70%;  margin-bottom: 25px; border-bottom: 1px solid #e9e9e9; padding-bottom: 25px;*/  display: inline-block; width: 100%;}
.product-view .product-shop .price-info{ margin-top: 0px; margin-bottom: 20px; }
/*Product short description*/
.product-view .product-shop .short-description { font-family: 'Raleway-Regular'; font-size: 15px; color: #666666; line-height: 22px; margin-bottom: 15px; font-weight: normal; }
.short-description .std ul { padding-left: 4px; }
.short-description .std ul:last-child { margin-bottom: 0; }
.short-description .std ul { padding-left: 4px; }
.short-description .std ul:last-child { margin-bottom: 0; }
/*Product short description ends*/
.product-view .product-shop .ratings { margin-bottom: 8px; }
.product-view .product-shop .availability { display: block; padding: 10px 0 10px 0; font-size: 16px; color: #000; font-weight: 500; font-family: 'Raleway-Bold'; margin-bottom: 0; }
.product-view .product-shop .availability label{ font-weight: bold;}
.in-stock .value{color: #4b6a18;}
.product-view .product-shop .price-box { margin-top: 0; display: inline-block; margin-right: 7px; }
.product-shop .gst { font-size: 14px; line-height: 22px; color: #606060; letter-spacing: -1px; }
.product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; }
.product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price, .product-view .product-shop .price-box .old-price .price {     font-size: 40px; color: #000; font-weight: 700; line-height: normal;  }
.product-view .product-shop .price-box .old-price .price{     color: #4b6a18;     line-height: 38px;}
.product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; }
.product-view .product-shop .price-box .special-price span.weee { color: #636363; }
.product-view .product-shop .price-box .special-price span.weee span.price { font-size: 16px; }
.product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; color: #636363; }
.product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; }
.product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; }
.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-view .add-to-cart-wrapper { padding-left: 15px; }
 @media only screen and (min-width: 768px) {
.product-view .product-shop .product-name { display: block;  }
}
/* Catalog - Product shop ends
 * ============================================ */

/* Catalog - Add to cart 
 * ============================================ */
.product-view .add-to-cart-wrapper { padding: 1px 0 0 0; }
.product-view .add-to-cart-wrapper button{     border: none 0px;}
.product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; }
.product-view .add-to-cart { margin-bottom: 20px; float: left;}
.product-view .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; }
.product-view .qty-wrapper, .product-view .qty-wrapper label { margin-right: 7px; float: left; position: relative; }
.product-view .qty-wrapper label { line-height: 37px; font-size: 0; margin-right: 0; }
.product-view .qty-wrapper .input-box { float: left; padding-top: 0 }
.product-view .qty-wrapper .input-box .validation-advice { position: absolute; }
.product-view.simple #product_addtocart_form .add-to-cart-wrapper .qty-wrapper .input-box .validation-advice { position: absolute; margin-top: 20px; }
.product-view  .qty-wrapper .qty { height: 46px; width: 150px; padding: 0 35px 0 20px; border: 1px solid #000; font-size: 18px; border-radius: 30px; }
.product-view .qty-wrapper .validation-advice{ position: absolute;}
.product-view .add-to-cart-buttons { /* margin-right: 10px; */ max-width: 100%; }
.product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; }
.product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 170px; }
.product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 174px; margin: 0 auto; }
.product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; }
.product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; }
.product-view .add-to-cart-buttons { margin-right: 10px; }
.product-view .add-to-cart-buttons, .enquiry-now { float: left; text-transform: uppercase; color: #fff; margin-bottom: 0px;     position: relative; }
.product-options .am-giftcard-form ul.form-list li .input-box textarea {
    height: 120px;
    padding: 7px;
}
.am-giftcard-form .form-list > li { padding: 0px 0 10px;}
.am-giftcard-form .form-list > li .input-box, .am-giftcard-form .form-list > li .input-box .v-fix{    display: inline-block;
    width: 100%;}
.am-giftcard-form .form-list .field{ padding: 0 10px 10px;}
.am-giftcard-form .form-list .field.choose{ width: 100%;}


.btnminus,.btnplus{ display:block;height: 20px;width: 30px;text-align:center;font-size: 18px;color:#303030;overflow:hidden;line-height:30px;position:absolute;right: 10px;top: 0;cursor:pointer;}
.btnminus i,.btnplus i{ font-size: 20px; color: #303030; overflow: hidden; line-height: 18px; font-weight: bold; }
.btnminus{top:auto;bottom:0px;line-height:15px}
.grouped.product-view .add-to-cart-buttons, .grouped .enquiry-now { float: right; margin-right: 0; margin-left: 10px; }
.enquiry-now { background: #333333; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; color: #fff !important; }
.enquiry-now:hover { background: #202020; color: #fff; }
.grouped .add-to-cart-buttons .button { float: right }
.product-view .alert-price, .product-view .alert-stock { clear: both; }
.zoom-notice { display: none; }
/* Catalog - Add to cart ends
 * ============================================ */
/* Price
 * ============================================ */ 
.product-view .price-box.map-info a { display: inherit; }
.product-view .old-price .price-label { display: none; }
.product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 0px; }
.product-view .add-to-cart .qty-wrapper{ margin-bottom: 15px;}
/* Price ends
 * ============================================ */ 
 /* Add to links
 * ============================================ */ 
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or { /* display: none; */ float: left; margin-top: 22px; margin-right: 10px; font-weight: bold;}
/*.product-view .add-to-links {  clear: both;  margin-top: 19px; margin-right: 15px; float: left; }
.product-view .add-to-links:after { content: ''; display: table; clear: both; }
.product-view .add-to-links li { float: left; }
.product-view .add-to-links a { padding: 2px 7px 2px 0px; margin-left: 7px; border-right: 1px solid #cccccc; }
.product-view .add-to-links a i{font-size:14px;line-height: 20px; color: #4B6A18; text-decoration: underline;}
.product-view .add-to-links li:first-child a { margin-left: 0px; color: #4B6A18; text-decoration: underline;}
.product-view .add-to-links li:last-child a { border-right: 0px; }*/
.product-view .sharing-links { /* float: left; */ }
.product-view .sharing-links:after { content: ''; display: table; clear: both; }
.product-view .sharing-links li { float: left; padding: 0px 15px 0px 0; }
.product-view .sharing-links a{ color: #4B6A18; text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Raleway-Regular'; font-size: 15px;}
.product-view .sharing-links a i{font-size:22px}
.product-view .sharing-links a.link-facebook:hover {color: #4867AA; }
.product-view .sharing-links a.link-twitter:hover { color:#1DA1F2 }
.product-view .product-detail-columns .product-shop .add-to-cart-wrapper  .add-to-links .link-wishlist:after {display: none;}
/* Add to links ends
 * ============================================ */ 
/* product-collateral
 * ============================================ */ 
.product-collateral.tabs { margin-bottom: 29px; }
.collateral-tabs dd h2 { display: none; }
.box-collateral { clear: both; }
 @media only screen and (min-width: 768px) {
.product-collateral .toggle-tabs { display: block; width: 100%; position: relative;  }
.product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top: 5px solid transparent;     margin-right: 15px;}
.product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0; cursor: pointer; position: relative; bottom: 0; font-family: 'Raleway-Bold'; line-height: 35px; font-size: 25px; color: #000; }
.product-collateral .toggle-tabs li.current { border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; border-bottom: 4px solid #4b6a18; margin-right: 15px ; padding: 0 0 10px 0 ;}
.product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF;  }
.product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #4B6A18; }
.product-collateral .toggle-tabs li:first-child { }
.product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; }
.product-collateral > dl { width: 100%; }
.product-collateral > dl > dt { display: none; }
.product-collateral > dl > dd { width: 100%; display: none;  padding: 20px; box-shadow: 0 0 10px #ccc; font-family: 'Raleway-Regular'; font-size: 15px; color: #666666;  line-height: 22px;  margin-bottom: 22px; font-weight: normal;}
.product-collateral > dl > dd p {font-family: 'Raleway-Regular';
    font-size: 15px;
    color: #666666;
    line-height: 22px;}
.product-collateral > dl > dd.current { display: block; }
}
.product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; }
#product-attribute-specs-table { max-width: 50em; border: 1px solid silver; }
#product-attribute-specs-table tr{display:table-row;}
#product-attribute-specs-table th { border-right: 1px solid silver; border-bottom: 1px solid silver; width: 20%;}
#product-attribute-specs-table td{display:table-cell}
/* product-collateral ends
 * ============================================ */ 

/* Grouped Product List
 * ============================================ */ 
.grouped-items-table-wrapper { margin-bottom: 20px; }
.grouped-items-table-wrapper table { width: 100%; }
.grouped-items-table-wrapper .data-table thead th { background: #333333; font-size: 12px; line-height: 18px; color: #ffffff; border: 0; padding: 16px 10px 16px; }
.grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; }
.grouped-items-table-wrapper .price-box .old-price .price { font-size: 10px; color: #606060; }
.grouped-items-table-wrapper .price-box .price { font-size: 12px; line-height: 18px; color: #f05c2c; }
.simple-details-moq span { font-size: 12px; line-height: 18px; color: #f05c2c; }
.grouped-items-table-wrapper .price-box .old-price { display: block }
.price-note { font-size: 12px; line-height: 18px; text-align: right; margin-bottom: 4px; }
.price-note span { font-size: 15px; line-height: 21px; }
.list-price-note { color: #000; margin-bottom: -7px; }
.list-price-note span { vertical-align: -4px; }
.customer-price-note { color: #f05c2c; }
#super-product-table .qty-wrapper { text-align: center }
#super-product-table .qty-wrapper span, #super-product-table .availability.out-of-stock span { font-size: 11px; color: #F05C2C; }
.grouped-items-table .name-wrapper { color: #333333; }
.grouped-items-table .qty-label { margin-left: 7px; }
.grouped-items-table.data-table tbody td { padding: 10px 10px 8px; border: 0; font-size: 12px; color: #606060; vertical-align: middle; }
.grouped-items-table td:last-child { text-align: left; }
.grouped-items-table .price-box .special-price { padding-left: 0 }
.grouped-items-table input[type=text].qty { width: 51px; height: 30px; background: none; border: 1px solid #c8c8c8; display: block; margin: 0 auto; }
@media all and (min-width:600px) {
.grouped-items-table .even td { background: #f7f7f7; }
}
.grouped-items-table .price-box { margin-top: 0; }
/* Grouped Product List ends
 * ============================================ */ 

/* Product options
 * ============================================ */ 
.product-options { width: 100%; margin: 10px 0 0; padding: 10px 15px 15px; border: 1px solid #cccccc; clear: both; position: relative; }
.product-options p.required { position: absolute; top: 6px; right: 15px; text-align: right; }
.product-options dt { margin: 10px 0 3px; font-weight: normal; }
.product-options dt:first-child { margin-top: 0; }
.product-options dd .qty-holder { display: block; padding: 10px 0 0 0; }
.product-options dd .qty-holder .qty { width: 3em; }
.product-options dd .qty-holder label { vertical-align: middle; }
.product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; }
.product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; border-bottom: 1px solid #ededed; }
.product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; }
.product-options dd .input-text { width: 98%; }
.product-options dd .input-box { padding-top: 0; }
.product-options dd input.datetime-picker { width: 150px; }
.product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle; }
.product-options dd textarea { width: 98%; height: 8em; }
.product-options dd select { /* width: 330px; */ max-width: 100%; }
.product-options ul.options-list { margin-right: 5px; }
.product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; }
.product-options ul.options-list li:last-child { margin-bottom: 0; }
.product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; }
.product-options ul.options-list .label { display: block; }
.product-options ul.options-list label { font-weight: normal; }
.product-options p.note { margin: 0; font-size: 11px; }
.product-options-bottom { background-color: #f4f4f4; padding: 15px 20px; border: 1px solid #cccccc; border-top: 0; margin-bottom: 10px; }
.product-options-bottom:after { content: ''; display: table; clear: both; }
.product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #636363; }
.product-options-bottom .tier-prices li { background: 0; padding: 2px 0; }
.product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #636363; }
.product-view .product-shop .product-options-bottom .price-box { float: left; margin: 16px 5px 0 0; padding: 0; }
.product-view .product-shop .product-options-bottom .gst{display:block; float:left; margin-top:21px;}
.product-view .product-options-bottom .add-to-cart{float:left;     margin-bottom: 0;}
.product-options-bottom .price-tax { float: left; }
.product-view .add-to-cart-buttons .button{}
/* Product options ends
 * ============================================ */ 
/* Related products
 * ============================================ */ 
.block-related li {padding: 0 15px !important;}
.block-related .block-title { border-bottom: none; border: 0; max-width: 1200px; margin: 20px auto 20px; }
.block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #303030; font-size: 40px; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; text-align: center; position: relative; }
.block-related .block-title h2 span { background: #fff; position: relative; padding: 0 17px;     font-family: 'Raleway-Bold';
    font-weight: normal;
    color: #000;}
.block-related .block-subtitle { margin-bottom: 7px; }
.block-related .product { position: relative; }
.block-related .checkbox { float: left; margin-top: 36px; }
.block-related .block-content{max-width: 1280px; margin: 0 auto 40px;padding: 0 40px;}
.block-related .product-details {text-align: center; }
.block-related .product-name { }
.block-related .product-details .price-box { margin: 2px 0 3px; }
.block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { /* float: left; */ /* margin-left: 3px; */ }
.block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; font-size: 16px; padding-right: 5px; padding-left: 5px; }
.block-related .product-details .price-box:after { content: ''; display: table; clear: both; }
.block-related .link-wishlist { display: none; }
.product-view .block-related { padding: 0; margin-bottom: 5px; }
/* Related products ends
 * ============================================ */ 
 .catalog-category-view .breadcrumbs, .catalog-product-view .breadcrumbs{ display: none;}
.breadcrumbs { margin-bottom: 12px; }
 @media all and (max-width:1200px) {
.catalog-product-view .breadcrumbs, .quickcontact-index-index .breadcrumbs, .catalog-product-view #messages_product_view { margin-left: 15px; margin-right: 15px; }
}
.catalog-product-view .main-container { max-width: none; padding: 0; }

.banner-breadcrumb-wrapper .breadcrumbs{background:none;margin:0;background:none;border-radius:0;-webkit-border-radius:0;padding:15px 0 0 0;display:inline-block;vertical-align:top; border-bottom: none 0px;}
.banner-breadcrumb-wrapper .breadcrumbs ul li{color:#909090;font-size: 15px;font-weight:normal;vertical-align:top;position:relative;float:left;line-height:20px;font-family: 'Raleway-Medium';     padding: 0 10px;}
.banner-breadcrumb-wrapper .breadcrumbs ul li a:after{content:"";display:block;height:2px;position:absolute;bottom:-4px;left:0;background:#fff;width:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.banner-breadcrumb-wrapper .breadcrumbs ul li a{color: #fff;display:inline-block;vertical-align:top;     font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    font-family: 'Raleway-Medium';}
.banner-breadcrumb-wrapper .breadcrumbs ul li:before{display: inline-block;vertical-align:top;background:none;position: absolute;right: -2px;content: "|";     color: #fff;     font-size: 15px;}
.banner-breadcrumb-wrapper .breadcrumbs ul li:last-child:before{ display: none;}
.banner-breadcrumb-wrapper .breadcrumbs strong {
    font-weight: normal;
    color: #fff;
    text-decoration: underline;
}
.banner-breadcrumb-wrapper .breadcrumbs span{ display: none;}

/* Product Review View Page 
  * ============================================ */
 
/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews { width: auto; float: none; }
#customer-reviews .review-heading { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0 5px; }
#customer-reviews .review-heading:after { content: ''; display: table; clear: both; }
#customer-reviews .review-heading h2 { float: left; display: block; }
#customer-reviews .review-heading .pager { clear: none; float: right; width: auto; }
#customer-reviews .review-heading .count-container .limiter { margin-bottom: 0; }
#customer-reviews .review-heading .count-container .limiter label { font-size: 10px; text-transform: uppercase; }
#customer-reviews .review-heading .amount { display: none; }
#customer-reviews h2 { color: #333333; font-size: 12px; text-transform: uppercase; }
#customer-reviews h2 span { color: #636363; }
#customer-reviews h3 { font-size: 12px; font-weight: normal; text-transform: uppercase; }
#customer-reviews h3 span { color: #333333; }
#customer-reviews .fieldset { padding-top: 25px; width: 470px; }
#customer-reviews .fieldset h4 { border-bottom: 1px solid #cccccc; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; }
#customer-reviews .fieldset h4 em { display: none; }
#customer-reviews .fieldset .form-list { font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; width: 470px; }
#customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both; }
#customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal; }
#customer-reviews .fieldset .form-list textarea { border: 1px solid #cccccc; border-radius: 0; min-width: 100%; -webkit-appearance: none; }
#customer-reviews .fieldset .form-list input { border: 1px solid #cccccc; border-radius: 0; }
#customer-reviews .fieldset .form-list input[type="text"] { width: 100%; }
#customer-reviews .buttons-set { border: none; margin: 0; width: 470px; }
#customer-reviews dl { font-size: 12px; font-weight: normal; margin-bottom: 10px; }
#customer-reviews dl dt { margin: 10px 0; text-transform: uppercase; }
#customer-reviews dl dd { font-size: 14px; margin: 10px 0; }
#customer-reviews dl dd .ratings-table { font-size: 12px; width: 100%; }
#customer-reviews dl dd .ratings-table tr { margin-right: 15px; }
#customer-reviews dl dd .ratings-table .review-label { width: 300px; max-width: 70%; }
#customer-reviews dl dd table { margin: 15px 0; }
#customer-reviews dl dd .review-meta { color: #333333; font-size: 10px; font-weight: normal; text-transform: uppercase; }
.review-summary-table { border-bottom: 1px solid #cccccc; margin: 0 0 10px; }
.review-summary-table thead { background: transparent; }
.review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px; }
.review-summary-table tbody th { background: #FFFFFF; font-size: 12px; }
.review-summary-table tbody td { border: none; text-align: center; padding: 0; }
.review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; }
.review-summary-table .rating-box .rating-number { display: none; }
.review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0px -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px; }
/* ============================================ *
 * Ratings - Global
 * ============================================ */
.jq-ry-container { position: relative; padding: 0 5px; line-height: 0; display: block; cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.jq-ry-container[readonly=readonly] { cursor: default }
.jq-ry-container>.jq-ry-group-wrapper { position: relative; width: 100% }
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group { position: relative; line-height: 0; z-index: 10; white-space: nowrap }
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg { display: inline-block }
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group { width: 100% }
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group { width: 0; z-index: 11; position: absolute; top: 0; left: 0; overflow: hidden }
.ratings-table { font-size: 12px; text-transform: uppercase; }
.ratings-table th { padding-right: 10px; }
.ratings-table .rating-box { background-position: 0 -615px; background-repeat: repeat-x; height: 13px; overflow: hidden; text-indent: -9999px; width: 65px; }
.ratings-table .rating-box .rating { background-position: 0 -600px; background-repeat: repeat-x; float: left; height: 13px; text-indent: -9999px; }
/* ============================================ *

 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 { border-bottom: none; }
.review-product-view .product-review .product-img-box { width: auto; max-width: 50%; }
.review-product-view .product-review .product-img-box > a { width: 100%; }
.review-product-view .product-review .product-img-box .product-image { width: 100%; }
/* Product Review View Page ends
 * ============================================ */

/*Social icons
========================================*/
.sharing-detail-box h2 { font-size: 16px; line-height: 22px; color: #303030; text-transform: none; margin-bottom: 9px;  float: left; margin-right: 12px; }
.sharing-detail-box { margin-bottom: 0; }
.sharing-detail-box a { display: block; float: left; top: 26px; font-family: FontAwesome; font-size: 30px; color: #8b8b8b; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-indent: 0; margin-right: 15px; }
.sharing-detail-box a:hover { color: #4b6a18; }
.sharing-detail-box a.facebookfoot:hover { color: #3b5a9a; }
.sharing-detail-box a.twitterfoot:hover { color: #25a8e0; }
.sharing-detail-box a.googlefoot:hover { color: #d54936; }
/*Social icons ends
========================================*/
/*extra elements*/
.product-extra-info .title { font-size: 16px; line-height: 22px; color: #303030;  display: inline-block; margin-right: 4px; }
.product-extra-info .value { font-size: 16px; line-height: 22px; color: #606060;  }
.product-extra-info { margin-bottom: 26px; }
.part-wrap { float: left; margin-right: 90px; min-width: 180px; }
.avail-wrap { float: left; }
/*extra elements ends*/


/*Product detail page ends
###############################################*/

/*Data table

###############################################*/
.data-table { width: 100%; }
.data-table td, .data-table th { padding: 10px; vertical-align: top; }
.data-table th { background: #E5E5E5; text-transform: uppercase; line-height: 1.4;/*white-space: nowrap;*/ }
.data-table .date { text-align: left; }
.data-table thead th { border: 0; border-top: 2px solid #cecece; border-bottom: 2px solid #cecece; background-color: transparent; /* padding: 20px 5px; */ color: #000000; font-size: 14px; font-weight: bold; line-height: 18px; padding: 15px 5px 13px; font-family: 'Raleway-Medium'; }
.data-table tbody td { border: 0; border-bottom: 1px solid #cecece; background-color: transparent; /* padding: 20px 5px; */}
.data-table thead th, .data-table tbody td, .data-table tfoot td { }
.my-account .data-table thead th, .my-account .data-table tbody td { border: 0px; border-top: 1px solid #cecece; border-bottom: 0px solid #cecece;  font-family: 'Raleway-Medium'; font-size: 14px; color: #000; padding: 8px;}
.customer-account .order-details .data-table thead th, .customer-account .order-details .data-table tbody td{border:1px solid #cecece}
.my-account p.order-links {
    margin: 0;
    padding: 0;
}
.my-account a.link-print {
    line-height: 1.4;
    font-family: 'Raleway-Medium';
    font-size: 14px;
    color: #4b6a18;
    font-weight: bold;
}
.my-account a.link-print:hover{ color: #000;}

.sales-order-history .data-table tbody td { border-bottom: 1px solid #cecece; }
.data-table tfoot tr { background: #f4f4f4; }
.data-table tbody td .item-options dt:after { content: ':'; }
.data-table thead th.view { width: 25%; }
.data-table th, .data-table td, .data-table tbody td { vertical-align: top; }
.data-table h2 { color: #202020; font-size: 14px; font-family: 'Raleway-Medium'; margin-bottom: 0; text-transform: none; }
.data-table h2 a { color: #202020; font-size: 14px; font-family: 'Raleway-Medium';}
.data-table .product-cart-info, .data-table .product-cart-actions { padding-left: 5px; }
.data-table tfoot tr { background: none; }
.data-table tfoot tr > td:after { content: ''; display: table; clear: both; }
.data-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase; display: none; }
#product_comparison tr td p { display: inline-block; margin-right: 10px; padding-top: 10px; }
#product_comparison .add-to-links { margin: 0px; display: inline-block; position: relative; top: -10px; }
.customer-account .form-list .control {
    padding-top: 0;
    position: relative;
}
/*Data table ends
###############################################*/

/*Cart page
###############################################*/
.data-table .product-cart-image .cart-links, .data-table .product-cart-info .btn-remove, .data-table .product-cart-actions .button { display: none; }
.data-table .product-cart-image { padding-left: 0; padding-right: 0; }
.data-table .product-cart-image img { max-width: inherit; width: 100%; padding: 0; }
.data-table .product-cart-image a.cart-edit { display: none; }
.data-table .product-cart-sku {/*font-style: italic; */ font-size: 12px; margin: 5px 0; font-family: 'Raleway-Medium'; }
.data-table .product-cart-sku .label { }
.data-table .btn-continue { float: left; }
.data-table .product-cart-total, .data-table .product-cart-price { }
.data-table .cart-tax-total { position: relative; cursor: pointer; }
.data-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #333333; border-left: none; position: absolute; top: 3px; right: -11px; }
.data-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #333333; border-bottom: none; right: -15px; top: 6px; }
.data-table .cart-links { margin: 0; }
.data-table .cart-links > li { white-space: nowrap; line-height: 10px; text-align: center; display: inline-block; }
.data-table .cart-links > li > a, .product-cart-actions a { display: block; position: relative; border: 2px solid #909090;  width: 30px;  height: 30px;  line-height: 29px;   background-image: none;  color: #909090;  text-align: center;  font-size: 15px; border-radius: 30px; -webkit-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 auto 5px;}
.product-cart-actions a{ display: inline-block;}
.product-cart-actions a.btn-remove{line-height: 27px;}
.data-table .cart-links > li > a:hover, .product-cart-actions a:hover {background: #4b6a18; border-color: #4b6a18;   color: #fff; }
.data-table .cart-links > li:first-child > a:after, .changelink a:after, .my-account .box-title a:after, #wishlist-table td p a.button.link-edit:after, .product-cart-actions a.link-edit:after { background-position: -50px -753px; content: ''; position: absolute; width: 20px; height: 20px; top: 2px; display: block; }
.data-table .cart-links > li:first-child > a:after { top: 0px; }
.data-table .cart-links > li:first-child > a:hover:after, .my-account .box-title a:hover:after, #wishlist-table td p a.button.link-edit:hover:after, .product-cart-actions a.link-edit:hover:after { background-position: 0px -753px; }
.data-table .cart-links > li > a.link-wishlist, .add-to-links a.link-wishlist {  position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.data-table .cart-links > li > a.link-wishlist:after { display: block; background-position: -50px -853px; height: 20px; width: 20px; position: absolute; content: ""; top: 0px; }
.data-table .cart-links > li > a.link-wishlist:hover:after { background-position: left -853px; }
.add-to-links a.link-wishlist:hover:after{     background-position: 0 0;
    background-image: none; }
.data-table .cart-links > li:last-child { margin-bottom: 0; }
.data-table .product-cart-actions { min-width: 60px; text-align: center; }
.data-table .product-cart-actions .qty { height: 34px; border-color: silver;  margin: 0 auto 4px; text-align: center; width: 50px; border: 2px solid #d7d7d7; /*border:0; margin-top: -10px; */ display: block; }
.data-table .product-cart-actions .button { margin-bottom: 5px; }
.data-table .item-options { padding-left: 15px; }
.checkout-no-order { font-size: 16px; text-align: left; margin-top: 20px; color: #f05c2c; }
.checkout-no-order i { margin-right: 7px; margin-left: 4px; }
#shopping-cart-table .product-cart-info { min-width: 150px; }
#shopping-cart-table .product-cart-image { padding: 10px 30px 15px 10px; }
.cart-table { width: 100%; }
.product-cart-actions a.btn-remove:hover{color:#fff;border-color: #4b6a18;background: #4b6a18;}
.cart-cols{margin-bottom:20px}
@media all and (min-width:980px) {
.cart-col-left{float:left; width:100%;padding-right: 400px;}
.cart-col-right{float:left; width: 370px; margin-left: -370px; }
}
/* Cart page columns
 * ============================================ */  
/* Cart page columns ends
 * ============================================ */  
/* Cart page inner elements
 * ============================================ */   
.cart .button { white-space: normal; }
.order-items .cart-totals-wrapper { margin-top: 20px; }
.cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping-inner { padding:  15px; background-color: #f6f7f9; border: 0px solid #f6f7f9; }
.cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 20px; }
.cart-table.data-table tfoot td{ padding-left:0; padding-right: 0;}
.cart-totals span { display: inline-block}
.recaptcha-error-message, p.required, .validation-advice { margin: 0; color: red; font-size: 12px;  font-weight: 500; }
.validation-advice, .recaptcha-error-message { position: relative; padding: 0; margin-top: 3px; text-transform: none; text-align: left; min-width: 168px; color: red; }
label { display: block; line-height: 17px; color: #000; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding-bottom: 3px; font-size:14px; font-weight: 400;  margin: 0 0 5px 0; padding: 0 0 3px 0; font-family: 'Raleway-Medium';}
label.required:after, span.required:after { content: ' *'; color: #df280a; font-weight: bold; font-size: 15px; font-family: 'Raleway-Medium'; }
.account-create .form-list .fields label.required:after, .account-create .form-list .fields span.required:after{     position: relative;
    top: 4px;
    font-size: 20px;}
label.required em, span.required em { display: none; }
.data-table tbody td .item-options { margin-left: 0px; padding-left: 0px; margin-top: 5px; }
.product-image img { max-width: 100%; margin: 0 auto; height: auto;     border: 1px solid #bbbbbb; width: 100%; padding: 30px;}
.product-banner-outer .product-image{ margin: 0; }
.product-banner-outer .product-image img{padding: 0px;}
.product-image-outer .btn-cart, .product-image-outer .view-detail, .product-view .product-image-outer .btn-cart, .amquickview-hover { white-space: normal; display: block; text-indent: -9999px; position: absolute; left: 50%; top: 50% !important; background: none; z-index: 3; margin: -203px 0 0 -212px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border: 0; opacity: 0; visibility: hidden; width: 75px; height: 75px; }
.cart-table .cart-footer-actions .btn-update { margin-left: 17px; }
.button2.btn-update:first-child { display: none; }
.no-touch .item:hover .product-image-outer .btn-cart { margin: -83px 0 0 -92px; opacity: 1; visibility: visible }
.products-list .action { margin-bottom: 10px; }
.product-image-outer .view-detail { margin: 138px 0 0 159px; opacity: 0; visibility: hidden; }
.no-touch .item:hover .product-image-outer .view-detail, .touch li.active .item .product-image-outer .view-detail, .touch .item.active .product-image-outer .view-detail { margin: 8px 0 0 19px; opacity: 1; visibility: visible }
.no-touch .loggedout .item:hover .product-image-outer .view-detail, .touch .loggedout .active .item .product-image-outer .view-detail, .touch .loggedout .item.active .product-image-outer .view-detail { margin: -37px 0 0 -37px }
.product-image-outer .btn-cart:before, .product-image-outer .btn-cart:after, .product-image-outer .view-detail:before, .product-image-outer .view-detail:after, .amquickview-hover a:before, .amquickview-hover a:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) no-repeat 0 -431px; width: 69px; height: 54px; margin: -27px 0 0 -34px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.product-image-outer .btn-cart:after { background-position: -32px -849px; width: 0; }
.product-image-outer .btn-cart:hover:after { width: 69px; }
.product-image-outer .view-detail:before, .product-image-outer .view-detail:after { background-position: 0 -503px; width: 44px; height: 40px; margin: -19px 0 0 -22px; }
.product-image-outer .view-detail:after { background-position: -56px -800px; width: 0; }
.loggedout .products-list .odd .product-image-outer .view-detail:after { background-position: -55px -909px; }
.product-image-outer .view-detail:hover:after { width: 44px; }
.product-image-outer { position: relative; }
.products-list .product-image-outer { /*overflow: hidden*/ }
/*.product-image-outer:before { content: ''; display: block; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/product-overlay-bg.png) center center; background-size: 100% 100%; position: absolute; left: -18px; top: -18px; right: -18px; bottom: -18px; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }*/
.loggedout .product-image-outer:before { background: rgba(0,124,183,0.85) }
.no-touch .item:hover .product-image-outer:before, .touch li.active .item .product-image-outer:before, .touch .item.active .product-image-outer:before { opacity: 1; visibility: visible }
.cart-totals .checkout-types .btn-checkout, .checkout-types .btn-proceed-checkout { min-width: 100%;}
.checkout-cart-index .shipping .validation-advice {position:relative; min-width:95%;}
.checkout-cart-index .selector span{ background: #fff;     border-radius: 5px;     word-wrap: break-word;}
/* Cart page inner elements ends

 * ============================================ */   

/* Cart empty
 * ============================================ */   
.cart-empty { margin-bottom: 40px; }
.cart-empty p a { color: #4b6a18; text-decoration: underline; }
.cart-empty p a:hover { text-decoration: none; }
/* Cart empty ends
 * ============================================ */   
/* Discount box
 * ============================================ */   
.discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; }
.cart-col-right #amgiftcard-form .discount-form .main_btn.border_green_btn{     margin-top: 10px;     margin-bottom: 10px;}
#discount-coupon-form, .cart .giftcard { width: 100%; }
#discount-coupon-form h2, .cart .giftcard h2 { display: none; }
#discount-coupon-form label, .cart .giftcard label { font-size: 15px; text-align: left; text-transform: uppercase; display: block; }
#discount-coupon-form label { display: inline-block; padding-right: 10px; vertical-align: top; /* margin-top: 13px; */ font-size: 20px; text-transform: none; margin-bottom: 10px; color: #000; font-family: 'Raleway-Bold'; }
#discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: block; position: relative; padding-bottom: 15px; }
#discount-coupon-form .field-wrapper { /* display: inline-block; */ padding-bottom: 5px; position: relative; padding-right: 115px; }
#discount-coupon-form .with-cancel { padding-right: 243px; }
#discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; margin-top: 5px; }
#discount-coupon-form .button-wrapper { position: absolute; right: 0; top: 0; margin-top: 0; width: 105px }
#discount-coupon-form .with-cancel .button-wrapper { width: 235px; }
#discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; margin-right: 10px; min-width: 100px; }
#discount-coupon-form .button-wrapper > button:last-child { margin-right: 0;  min-width: 100px; }
#discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 5px; height: 32px; margin: 4px 5px 0 0; height: 45px; margin: 0 5px 0 0; width: 216px; }
#discount-coupon-form .input-text { width: 100%; margin-right: 0 }
.shipping-form .selector span:before{ top: 23px;}
.cart .giftcard p { margin-bottom: 7px; }
.cart .giftcard .check-gc-status { float: left; padding: 0px; }
.cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; }
/* Discount box ends
 * ============================================ */   

/* Shipping box
 * ============================================ */   
.shipping h2 { font-size: 20px; margin: 0 0 10px; color: #000; text-transform: none; font-family: 'Raleway-Bold'; }
.shipping select.validation-failed { border-color: #df280a; }
.shipping .shipping-desc { display: none; }
.shipping .buttons-set { border: none; margin: 0; padding: 0; }
.shipping #shipping-zip-form .buttons-set { margin-top: 4px }
.shipping .buttons-set .button2 { float: left; margin-left: 0; background: #fff;}
.shipping .required-text { float: left; margin-left: 10px; margin-top: 14px; }
.shipping .form-list:after { content: ''; display: table; clear: both; }
.shipping .form-list { margin: 0 -5px 5px; }
.required-text { font-size: 12px; line-height: 18px; color: #4b6a18; }
.shipping .form-list li { float: left; margin: 0; width: 38.3%; padding: 6px 5px 10px; }
.shipping .form-list .shipping-region:first-child { margin-right: 0; }
.shipping .form-list li:nth-child(2) { margin-right: 0; width: 35.5% }
.shipping .form-list .shipping-postcode { margin-right: 0; width: 26.2%; }
.shipping .form-list .shipping-postcode input { margin-top: 4px; }
.shipping .form-list .input-box { padding-top: 0; }
.shipping .form-list input {  margin-top: 4px; border-radius: 5px;}
.shipping .form-list .selector { padding-top: 4px; /* height: 39px; */ }
.shipping .form-list label { font-weight: normal; font-family: 'Raleway-Medium'; text-transform: uppercase; white-space: nowrap; margin-bottom: 0; padding-bottom: 0px; }
.shipping .sp-methods { padding: 10px 0 0; text-align: left; }
.shipping .sp-methods dd { margin-bottom: 10px; }
.shipping .sp-methods label { font-size: 14px; }
.shipping .sp-methods label:before{background:#fff}
.shipping .sp-methods label span { font-style: normal; }
.shipping #co-shipping-method-form .buttons-set .button { float: right; margin-left: 0; }
/* Shipping box ends
 * ============================================ */   

 /* Shipping and Payment methods
 * ============================================ */
.sp-methods { margin: 0 0 8px; }
.sp-methods dt { margin: 13px 0 5px; clear: both }
.sp-methods dt:first-child {     margin: 0 0 5px; font-weight: bold; color: #000; }
.sp-methods dd li { margin: 5px 0; }
.sp-methods label img { float: left; }
.sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; }
.sp-methods .price { }
.sp-methods .form-list li { margin: 0 0 8px; }
.sp-methods select.month {/*  width: 120px;   margin-right: 0;*/ }
.sp-methods select.year {/* width: 96px; */ }
.sp-methods input.cvv { /* width: 4em !important; */ }
.sp-methods #advice-validate-cc-exp-ccsave_expiration { max-width: 130px; }
.sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; }
.sp-methods .checkmo-list label { width: 165px; padding-right: 15px; /* text-align: right; */ float: left; }
.sp-methods .checkmo-list address { /* float: left; */ }
.sp-methods .release-amounts { margin: 0.5em 0; }
.sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; }
/* Shipping and Payment methods ends
* ============================================ */
/* Cart total box
* ============================================ */
.cart-totals { text-align: right; padding-top: 15px; padding-bottom: 15px; margin-bottom: 50px; }
.cart-totals .checkout-types{float:none;}
.cart-totals-wrapper .cart-totals { margin-bottom: 0 }
.cart-totals:after { content: ''; display: table; clear: both; }
.cart-totals table { font-size: 12px; margin-bottom: 9px; text-transform: uppercase; width: 100%; }
.cart-totals table td { padding: 0; font-size: 16px; color: #000; font-family: 'Raleway-Medium';}
.cart-totals table td:first-child { padding-right: 10px; min-width: 120px; }
.cart-totals table tbody tr td:first-child { padding-right: 10px; min-width: 120px; text-transform: none; font-size: 16px; color: #000; font-weight: 500;     font-family: 'Raleway-Bold';}
.cart-totals table tbody tr:last-child td, .cart-totals table tbody tr:last-child th { padding-bottom: 10px; }
.cart-totals table tfoot, .cart-totals table .grand_total { border-top: 1px solid #C8C8C8; border-bottom: 0px solid #C8C8C8; }
.cart-totals table tfoot td, .cart-totals table .grand_total td, .cart-totals table tbody tr.grand_total td:first-child { padding: 9px 0px 0px 5px; vertical-align: top; font-size: 24px; color: #000; }
.cart-totals table tfoot strong span, .cart-totals table tfoot span.price { }
.cart-totals table tfoot strong, .cart-totals table .grand_total strong { font-weight: 400; font-family: 'Raleway-Bold';}
.cart .page-title { margin-bottom: 19px; /* border-bottom: 1px solid #ededed; */ }
.cart .page-title:after { content: ''; display: table; clear: both; }

.cart .page-title .checkout-types{ display: inline-block;}
.cart .page-title h1{ float:left;}
.checkout-types { float: right; text-align: right; max-width: 100%;/* We always want this shipping method to display on its own line */ }
.checkout-types li { vertical-align: top; margin: 0 0 0px 5px; }
.checkout-types li:after { content: ''; display: table; clear: both; }
.checkout-types li img { display: inline; vertical-align: top; }
.checkout-types li:first-child { margin-left: 0; }
.checkout-types .method-checkout-cart-methods-multishipping { display: block; }
.checkout-types.top li { display: inline-block; }
.checkout-types.top .bml_button { display: inline-block; vertical-align: top; }
.checkout-types.top .bml_button img { display: block; }
.checkout-types.top .paypal-logo .paypal-or { margin-top: 5px; }
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block; }
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; display: block; text-align: center; }
 @media only screen and (min-width: 741px) {
.checkout-types.bottom .paypal-or { text-align: right; padding-right: 70px; }
}
/* Cart total box ends
* ============================================ */
/*###############################################
Cart page ends*/

/*Checkout page
###############################################*/

/* Upsell Products
============================================ */
.box-up-sell { margin-top: 20px; }
.box-up-sell .ratings { display: none; }
/* Upsell Products ends
============================================ */
/* Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 { color: #333333; }
.crosssell .item a.product-image { width: auto; float: left; }
/* Checkout - Cart Cross sell ends
 * ============================================ */
/* Checkout Agreements
* ============================================ */

.checkout-agreements li { margin-bottom: 20px; }
.checkout-agreements .agreement-content, .sp-methods .checkmo-list address { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #cccccc; background: #f4f4f4; font-size: 14px; line-height: 20px; }
/* Checkout Agreements ends
* ============================================ */
/* CVV Security Code
* ============================================ */

#payment-tool-tip { background: #ffffff; border: 1px solid #cccccc; left: 50%; margin-left: -250px; margin-top: 120px; max-width: 500px; padding: 10px; position: absolute; top: 50%; width: 100%; z-index: 999; }
.tool-tip-content > img { max-width: 100%; }
.cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 35px; }
.btn-close > a { position: absolute; z-index: 9; top: -16px; right: -16px; width: 32px; height: 32px; text-indent: -999em; background: #fff; border: 1px solid #CCC; border-radius: 22px; -webkit-border-radius:22px; -o-border-radius:22px; -ms-border-radius:22px; -moz-border-radius:22px;}
.btn-close > a:before{content:'×'; position:absolute; left:50%; top:50%; margin:0;color: #f00;display: block;text-indent: 0;font-weight: bold;font-size: 24px;line-height: 15px;margin: -7px 0 0 -7px;}
/* CVV Security Code ends
* ============================================ */

/* Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main { padding: 0; text-align: center; }
.checkout-onepage-success .col-main, .checkout-onepage-success .col-main p { font-size: 16px; line-height: 22px;  }
.checkout-onepage-success .col-main p a { color: #4b6a18; text-decoration: underline; }
.checkout-onepage-success .col-main p a:hover { text-decoration: none; }
.checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center; }
.checkout-onepage-success .buttons-set button, .checkout-onepage-success .buttons-set button.button { float: none; margin: 0 auto; }
/* Checkout - Success ends
 * ============================================ */
/* FIRST STEP - 1 CSS 
 * ============================================ */
#checkout-step-login .col2-set .col-1 { padding-left: 15px; }
#checkout-step-login .col2-set .col-2 { padding-right: 15px; }
#checkout-step-login .form-list > li { margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; }
.LeftActions { float: left; display: inline-block; margin: 10px 0 0; }
.fieldset .LeftActions p.required { float: left; display: inline-block; margin: 0 0 5px 0; }
.LeftActions a.f-left { color: #333; text-decoration: underline; font-size: 13px; }
.LeftActions a.f-left:hover { color: #999; text-decoration: none; }
.buttons-set.FirstLogin { float: right; display: inline-block; margin: 10px 0 0; clear: none; }
.opc .buttons-set.FirstLogin button.button { float: right; margin-bottom: 0; margin-left: 0; margin-right: 0; }
.checkoutSteps .fieldset ul.form-list { margin-left: 0; }

/* FIRST STEP - 1 CSS ends
 * ============================================ */

/* FIRST STEP - 1-2 CSS
 * ============================================ */
#checkout-step-login .col-1 .form-list { margin-top: 11px; }
.customer-address-form .form-list .field { width: 100%;  padding-right: 0; padding-bottom: 10px;}
.customer-address-form .form-list .fields{ margin: 0;}
.customer-address-form .fieldset { float: left; width: 50%; margin-top: 0 !important; padding: 0 10px; box-sizing: border-box; }
.customer-address-form .cf .fieldset:first-child { padding-right: 10px; }
.customer-address-form .cf .fieldset:last-child { padding-left: 10px; float: right }
.customer-address-form .form-list .control { padding-top: 0; position: relative;}
.customer-address-form .buttons-set p.required{ margin-top: 8px;} 
.customer-address-form form{     margin: 0 -10px;}
.edit-address-cols-outer { position: relative ; margin-bottom: 20px;}
.edit-address-cols-outer:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #cecece; }
.form-list .scaffold-form label { color: #333333; font-size: 12px; text-transform: uppercase; }
#billing-buttons-container { float: right; margin-top: -80px; }
#billing-buttons-container p.required { float: left; margin: 0; text-align: right; width: 100%; }
#billing-buttons-container button.button { clear: both; float: right; margin: 0; }
.opc .please-wait { bottom: 5px; position: absolute; right: 0px; }
.opc .please-wait img { width: 20px; }
.opc #billing-buttons-container .please-wait { right: 25px; }
/* FIRST STEP - 1-2 CSS ends
 * ============================================ */
 
/* FIRST STEP - 2-3 CSS
* ============================================ */
.opc .commonaction { opacity: 1 !important }
.disabled .button.button { opacity: 0; }
.opc .buttons-set .back-link { display: inline-block; float: left; line-height: normal; }
.opc p.back-link a { background: #8d8d8d; color: #ffffff; display: inline-block; font-size: 13px; line-height: 19px; padding: 7px 15px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-size: 14px; }
.opc p.back-link a:hover { background: #4b6a18; text-decoration: none; color: #FFFFFF; }
.opc p.back-link a small { display: none; }
.opc .commonaction button.button { float: right; margin-right: 0; }
.opc .commonaction .RequiredF { position: absolute; right: 0; top: -25px; }
p.back-link a { background: #8d8d8d; color: #ffffff; display: block; font-size: 14px; line-height: 23px; padding: 10px 32px 10px 32px;  text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap;     min-width: auto; }
p.back-link a small { display: none; }
p.back-link a:hover { background: #4b6a18; text-decoration: none; color: #FFFFFF; }
#loadingmask { bottom: 100px; left: 275px; position: absolute; height: 32px; overflow: hidden; }
/* FIRST STEP - 2-3 CSS ends

* ============================================ */

/* FIRST STEP - 4-5 CSS
* ============================================ */
/*  SAVED CC  */
#checkout-payment-method-load dd ul { max-width: 350px; padding-top: 10px; }
#checkout-payment-method-load dd ul li { margin: 0 0 10px 0; display: block; zoom:1;}
#checkout-payment-method-load dd ul.payment_form_ccsave li { margin: 0 0 15px 0; display: block; zoom:1;}
#checkout-payment-method-load dd ul li:before, #checkout-payment-method-load dd ul li:after{content:''; display:table;}
#checkout-payment-method-load dd ul li:after{clear:both;}
#checkout-payment-method-load dd ul li label { text-transform: capitalize; float: none; }
#checkout-payment-method-load dd ul li p.required { display: none; }
#checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 2% 0 0; display: block; }
#checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 4%; }
#onepage-checkout-shipping-method-additional-load { display: none; }
/* FIRST STEP - 4-5 CSS ends
* ============================================ */

/* FIRST STEP - 5-6 CSS
* ============================================ */

/* review step */
#checkout-review-table h2.product-name {font-weight: 500; text-transform: none; color: #202020; font-size: 14px; line-height: 20px; /* padding: 5px; */ font-weight: 700;}
#checkout-review-table .cart-price { display: block; margin-top: 4px; }
#checkout-review-table tbody td { border-bottom: none; vertical-align: top; }
#checkout-review-table tbody tr.last td { border-bottom: 1px solid #e5e5e5; }
#checkout-review-table h3 { border: 0 none; color: #222; font-size: 16px; margin-bottom: 0; padding: 0; text-transform: none; }
#checkout-review-table thead th, #checkout-review-table tbody td { background-color: transparent;  }
#checkout-review-table tbody td[data-rwd-label="Price"] { min-width: 110px; }
#checkout-review-table tbody td[data-rwd-label="Qty"] { min-width: 60px; }
#checkout-review-table tbody td[data-rwd-label="Total"] { min-width: 110px; }
#checkout-review-table tbody td { font-size: 14px; line-height: 20px; color: #000; display: table-cell;}
.box-qty:before, .box-qty:after { content: ''; display: table; }
.box-qty:after { clear: both; }
.box-qty { zoom: 1; width: 57px; margin-top: 15px; }
#checkout-review-table .qty { background: #FAFAFA; float: left; width: 40px; height: 29px; text-align: center; }
#checkout-review-table .control-qty { float: left; display: none; }
#checkout-review-table thead th { background-color: #fafafa; color: #000000; text-transform: uppercase; font-size: 14px; padding-bottom: 14px; padding-top: 10px; }
#checkout-review-table tfoot tr { background-color: #ffffff; }
#checkout-review-table tfoot tr td { border: 0px solid #CECECE; background-color: #fafafa; padding: 5px 12px 4px 5px; font-size: 14px; padding-bottom: 20px; color: #000; }
#checkout-review-table tfoot tr td:first-child { font-size: 15px; color: #000; }
#checkout-review-table tfoot tr:first-child td { padding-top: 25px; padding-bottom: 9px; /* input_box */ }
#checkout-review-table tfoot tr.last td { border-top: 1px solid #cecece; color: #000; font-size: 16px; padding-bottom: 11px; padding-top: 12px; text-transform: uppercase; background: #e1e1e1; }
#checkout-review-table tfoot tr.last td.last { min-width: 130px; }
#checkout-review-table dl.item-options { font-size: 12px; margin-top: 5px; }
#checkout-review-table dl.item-options dt { font-size: 13px; clear: none; font-style: normal; color: #333; line-height: 16px; }
#checkout-review-table dl.item-options dd { color: #636363; padding-left: 5px; padding-right: 15px; line-height: 16px; }
#checkout-review-table .btn-remove img { display: none; }
#checkout-review-table-wrapper { clear: both; border-top: 1px solid #ebebeb; }
#review-buttons-container { margin: 15px 0 0; }
#review-buttons-container .btn-checkout {/*min-width:220px;*/ font-size: 16px; padding: 11px 14px; }
#review-buttons-container .please-wait { float: left; margin-right: 10px; }
#review-buttons-container .f-left { float: left; font-size: 13px; }
#review-buttons-container .f-left a { color: #000; text-decoration: underline; font-size: 14px; }
#review-buttons-container .f-left a:hover { text-decoration: none; }
 @media all and (max-width:479px) {
}
/* FIRST STEP - 5-6 CSS ends
* ============================================ */ 
 
/*###############################################
Checkout page ends*/

/* Order success page
###############################################*/
.checkout-onepage-success .main-container { padding: 50px 20px; }
.order-success-block { max-width: 600px; margin: 40px auto 50px auto; background: #fff !important; padding: 70px 20px 50px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); position: relative; }
.success-order-number { position: absolute; left: 10px; top: 10px; color: #b3b3b3; }
.success-order-number { position: absolute; left: 10px; top: 10px; color: #4A4A4A; font-size: 15px; }
.success-order-number a, .success-order-number span { display: block; font-weight: 500; color: #333333; }
.checkout-onepage-success .wrapper { }
.checkout-onepage-success .page-title h1 { text-transform: uppercase; letter-spacing: 2px; }
.success-print-link { position: absolute; right: 0; top: 0; font-size: 25px; background: #949494; width: 50px; color: #FFFFFF; height: 50px; line-height: 50px; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.success-print-link:hover { background: #4b6a18; color: #fff; }
.success-content { max-width: 380px; margin: 0 auto 15px; }
.success-content p {font-size: 16px; line-height: 24px; }
/*###############################################
Order success page ends*/
/*Login page
###############################################*/
.customer-account-login .new-users .content ul { list-style: none; margin-bottom: 0px; min-height: 216px; }
.customer-account-login .new-users .content ul li { padding-left: 16px; position: relative; margin-bottom: 5px; font-size: 15px; line-height: 21px; color: #000; font-family: 'Raleway-Medium';}
.customer-account-login .new-users .content ul li:last-child { margin-bottom: 0; }
.customer-account-login .new-users .content ul li:before { content: "\f054"; font-family: FontAwesome; display: block; position: absolute; left: 0; top: -1px; border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px; color:#4b6a18;}
.customer-account-login .field { padding: 0 20px; width: auto; display: block; }
.customer-account-login .registered-users ul { list-style: none; margin-bottom: 15px; min-height: 196px; }
.customer-account-login .registered-users .field ul li a { color: #303030; text-decoration: underline; font-size: 13px; }
.customer-account-login .registered-users .field ul li a:hover { color: #333333; text-decoration: none; }
.customer-account-login .registered-users ul li input, .customer-account-create .account-create input{ border-radius: 50px;     padding-left: 20px;}
.account-create .form-list .fields{ margin: 0;}

.customer-account-login .col2-set .buttons-set { border-top: 0; }
.customer-account-login .col2-set .new-users .buttons-set .main_btn{ min-width: 240px;}
.flright { float: right; }
.customer-account-login .col2-set .buttons-set button.button.flright { float: right; margin-left: 0; text-decoration: none; }
.customer-account-login .col2-set .buttons-set button.customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 0; margin: 10px 0 20px 0; }
#login-form .registered-users { position: relative; }
#login-form .registered-users:before {content: "OR";display: block;position: absolute;left: -25px;height: 50px;width: 50px;background: #FFF;border-radius: 50px;border: 2px solid #4b6a18;line-height: 49px;text-align: center;font-size: 14px;top: 50%;margin-top: -30px;color: #4b6a18;font-weight: bold;}
.customer-account-login .col2-set .col-1 { padding: 0 60px 0 0 ;}
.customer-account-login .col2-set .col-2 { padding: 0 0 0 60px; border-left: 1px solid #EAEAEA; }
.opc #opc-login p:not(.required) { font-size: 13px; color: #333; }
.remember-me-box a.hide { display: none; }
.remember-me-box .link-tip { font-size: 13px; padding-left: 10px; }
.remember-me-popup { display: none; border: 1px solid #cccccc; padding: 10px; position: relative; }
.remember-me-popup.show { display: block; }
.remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; }
.remember-me-popup .remember-me-popup-close-button { display: none; }
.download-credit-link { margin-bottom: 20px; }
.download-credit-link a { color: #4b6a18; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.download-credit-link a:hover { color: #4b6a18; }
.customer-account-create .fieldset .hidden { display: none; }
.customer-account-create #remember-me-popup { max-width: 455px; }
.customer-account-forgotpassword .fieldset ul.form-list { margin: 0 0 0 0; }
.customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%;     border-radius: 50px;}
.customer-account-login .account-login { margin-bottom: 60px; }
.customer-account-login .account-login .page-title{ margin-top: 30px; margin-bottom: 30px;}

body.customer-account-login .col2-set{ padding: 0; margin: 0;}
body.customer-account-login .col2-set .col-1 { flex: inherit;  max-width: 100%;}
body.customer-account-login .col2-set .col-2 { flex: inherit;  max-width: 100%;}

.customer-account-login .registered-users .field, .customer-account-login .new-users .field { background: none; padding: 0 }
.customer-account-login .form-list li { margin-bottom: 10px; }
.customer-account-login .form-list li a{font-family: 'Raleway-Medium'; color: #000;}
.customer-account-create .breadcrumbs { display: none; }
.customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { max-width: 600px; margin: 0 auto; }
.customer-account-forgotpassword .buttons-set { margin-top: 10px; }
.customer-account-changeforgotten .fieldset, .customer-account-changeforgotten .buttons-set, .customer-account-changeforgotten .messages { max-width: 600px; margin: 0 auto; }
.customer-account-forgotpassword .messages, .customer-account-changeforgotten .messages { margin-bottom: 40px; }
body.customer-account-changeforgotten .col-main { max-width: none; }

.default-banner{ height: auto; width: 100%; position: relative;}
.default-banner img:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(21,21,21,0.5);
    z-index: 1;
}
.default-banner img{ height: auto; width: 100%;}

/*###############################################
Login page ends*/

/*My Account
###############################################*/

/* My Account Global Styles
 * ============================================ */
body.customer-account .my-account .title-buttons h1 {     margin-bottom: 15px;
    text-align: left;
    float: left; width: 100%;}
body.customer-account .my-account .title-buttons { position: relative; text-align: right; zoom: 1; /*margin-bottom: 20px;*/ }
body.customer-account .my-account .title-buttons:before, body.customer-account .my-account .title-buttons:after { content: ''; display: table; }
body.customer-account .my-account .title-buttons:after { clear: both; }
body.customer-account .my-account .title-buttons .button { position: relative;
    right: 0;
    top: 0;
    float: right; line-height:34px; }
body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator {     position: relative;
    top: 0px;
    font-size: 14px;
    font-family: 'Raleway-Medium'; }
body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; font-size: 18px; line-height: 24px; color: #000; padding-bottom: 7px; margin-bottom: 13px; position: relative;  padding-left: 10px;  margin-top: 10px;}
body.customer-account .my-account .order-details h2{ padding-left: 0;}
body.customer-account .my-account .fieldset h2{width: 100%; display: inline-block; font-size: 18px; line-height: 24px; color: #000; padding-bottom: 7px; margin-bottom: 13px; position: relative;  padding-left: 0px;  margin-top: 0px;}

body.customer-account-edit .my-account .fieldset .form-list .field { width: 100%; padding-right: 0; padding-bottom: 15px;}
body.customer-account-edit .form-list .control { padding-top: 0; position: relative;}
body.customer-account-edit .buttons-set p.required{ width: 100%;}
body.customer-account-edit .form-list .fields{ margin: 0;}
.my-account address { font-size: 14px;
    font-family: 'Raleway-Medium';
    color: #000; }
body.customer-account .data-table td a { text-transform: uppercase; font-style: normal; font-size: 13px; text-decoration: underline; text-transform: none; }
body.customer-account .data-table span.nobr { /* white-space: normal; */ }
body.customer-account .data-table span.nobr a { white-space: nowrap; }
body.customer-account .data-table th.total, body.customer-account .data-table td.total { text-align: right; }
body.customer-account .data-table th.status, body.customer-account .data-table td.status { text-align: center; }
body.customer-account .data-table td.view.last { text-align: center; }
body.customer-account .data-table td.view a { display: inline-block; margin: 2px 0; }
body.customer-account .data-table .separator { padding: 0 5px; }
body.customer-account .sidebar .block ol#compare-items li { padding: 10px 20px 5px; margin-bottom: 0px; }
body.customer-account .sidebar ol#compare-items li p.product-name { margin-bottom: 0; }
body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; }
body.customer-account .sidebar .block .block-content .actions { margin: 10px 20px; }
body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; }
body.customer-account .sidebar ol#cart-sidebar-reorder li p.product-name { display: inline-block; margin-bottom: 0; }
body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px; }
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; position: relative; }
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 4px; position: relative; top: 2px; }
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input.checkbox { cursor: pointer; height: 20px; margin-right: 0; opacity: 0; position: absolute; top: 2px; left: 13px; width: 20px; z-index: 99999999; clip: rect(auto, auto, auto, auto); }
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; }
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder label a { margin-bottom: 0; color: #303030; }
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; }
.form-list .customer-dob .dob-year { width: 80px; float: left; }
#cart-sidebar-reorder-advice-container { padding: 5px 0 0 20px; }
.customer-account-index .my-account .box-account.box-info .col2-set .box-content a {text-decoration:underline; color: #4b6a18;}
.order-items.order-details .data-table thead tr th:nth-child(3), .order-items.order-details .data-table thead tr th:nth-child(4), .order-items.order-details .data-table thead tr th:nth-child(5) { text-align: right;}
/* My Account Global Styles ends
 * ============================================ */

/* Dashboard
 * ============================================ */
 
.dashboard .box-head { border-bottom: 1px solid #cccccc; padding-bottom: 7px; }
.dashboard .box-head h2 { font-size: 15px; display: inline-block; margin-bottom: 0; }
.dashboard .box-head a { padding: 10px; }
.dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; }
.customer-account .dashboard .box-head a {     color: #fff;
    padding: 0px 24px;
    font-size: 13px;
    float: right;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    min-width: inherit;
    line-height: 30px;
    text-transform: capitalize;
    font-family: 'Raleway-Medium'; }  
.my-account .box-title-inner { /* display: inline-block; */ position: relative; padding-right: 50px; }
.my-account .box-title a { font-size: 0px; height: 18px; width: 18px; display: block; position: absolute; right: 5px; top: 0; text-indent: -9999px; }
body.customer-account-index .my-account .box-title a {/* right:10px; */ }
.dashboard .box-account p, .dashboard .box-account address { /*font-style: italic;*/ }
.my-account .box-account p, .dashboard .box-account address {     font-size: 14px;
    font-family: 'Raleway-Medium';
    color: #000; }
.dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { padding-bottom: 10px; }
.dashboard .col2-set .box-title:before, .dashboard .col2-set .box-title:after { content: ''; display: table }
.dashboard .col2-set .box-title:after { clear: both }
.dashboard .col2-set .box-title { zoom: 1; position: relative; }
.dashboard .col2-set .box-content { line-height: 22px; }
.dashboard .col2-set .col-1 .box-title h2, .col2-set .box-title h3, .dashboard .col2-set .col-2 .box-title h2 { font-family: 'Raleway-Medium';
    font-size: 14px;
    color: #000;
    font-weight: bold;     padding-right: 30px; }
.dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { line-height: 19.6px; }
.dashboard .box-reviews.box-account { padding-bottom: 0; }
.dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #ededed; }
.dashboard .box-reviews li:first-child { border-top: 0; }
.dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; }
.dashboard .box-reviews li .details { margin-left: 20px; }
.dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; }
.dashboard .box-reviews li .details .ratings strong { float: left; font-size: 13px; margin-right: 5px; }
.dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; }
.dashboard .welcome-msg { margin-bottom: 15px; font-family: 'Raleway-Regular'; font-size: 15px; color: #000; }
.dashboard .welcome-msg strong{ font-weight: bold;}
/* Dashboard ends
 * ============================================ */

/* Address Book 
 * ============================================ */
.my-account .page-title{ margin-bottom: 15px; }
.customer-account-edit .my-account .fieldset { position: relative; }
.customer-account-edit .my-account { background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/account-information-bg.png) no-repeat;  display: block;  background-position:80% 215px; }

/*.customer-account-edit .my-account .fieldset:before { content: ''; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/account-information-bg.png) no-repeat; width: 217px; height: 218px; display: block; position: absolute; right: 0; top: 70px; }*/
.customer-account-edit .my-account .fieldset:nth-child(2):before { background-position: 0 -298px }
.customer-account-edit .my-account .form-list {}
.customer-account-edit .my-account .buttons-set { max-width: 455px; }
.my-account .addresses-list { }
.my-account .addresses-list .item:first-child { padding-left: 0; border-left: 0px; border-right: 1px solid #cccccc; }
.my-account .addresses-list .item { margin: 0 0 30px 0; position: relative; padding: 0 5% 0 13%; width: 50%; float: left; }
.my-account .addresses-list .item p { margin-top: 10px; }
.my-account .addresses-list .item p a { background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon-edit.png) no-repeat center bottom; position: absolute; top: 2px; font-size: 0px; height: 18px; width: 18px; right: 35px; }
.my-account .addresses-list .item p a.link-remove { background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) no-repeat 1px -648px; position: absolute; top: 0px; font-size: 0px; height: 20px; width: 20px; right: 10px; }
.my-account .addresses-list .item p a:hover { opacity: .5; }
body.customer-address-index .my-account { background: none; min-height: inherit; }
body.sales-order-history .my-account { background: none; min-height: inherit; }
body.wishlist-index-index .my-account { background: none; min-height: inherit; }
body.customer-account-index .my-account { background: none; min-height: inherit; }
.my-account .addresses-list .col-2.addresses-additional { border-top: 1px solid #cccccc; clear: both; padding-top: 15px; }
.form-list > li {padding-bottom:10px;}
/* Address Book ends
 * ============================================ */
 
/* Order View
 * ============================================ */
.order-info { padding-bottom: 10px; border-bottom: 1px solid #ededed; width: 100%; margin-bottom: 30px; }
.order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; }
.order-info dt { margin-right: 5px; font-size: 16px; padding-bottom: 5px; font-family: 'Raleway-Medium'; color: #000; }
.order-info > li, #order-info-tabs > li { margin: 0 0 0 20px; font-family: 'Raleway-Medium';}
.order-info > li a{ color: #f5f5f5;}
.order-info > li.current, #order-info-tabs > li.current { color: #4b6a18; }
.order-info > li:first-child { margin-left: 0; font-size: 24px; color: #4b6a18; }
#order-info-tabs > li:first-child { margin-left: 0; color: #4b6a18; }
.order-date { text-transform: uppercase; }
.order-info-box .col-1 {  width: 50%; }
.order-info-box .col-2 { width: 50%; }
.order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 15px; padding-bottom: 15px; }
.order-info-box .box-title { width: auto; padding-right: 10px; float: left;     padding-bottom: 10px; }
.order-info-box .box-title h2 { line-height: 1.4; font-family: 'Raleway-Medium'; font-size: 14px; color: #000; font-weight: bold; }
.order-info-box .box-title h2:after { content: ':'; }
.order-info-box .box-content { float: left; clear: both; }
.payment-info dt{display: inline-block; width: 44%; text-align: left; margin: 0; padding: 0; font-size: 14px; color: #000;
 font-family: 'Raleway-Medium'; font-weight: normal;}
.payment-info dd{display: inline-block; width: 50%; text-align: left; margin: 0; padding: 0; font-size: 14px; color: #000;
 font-family: 'Raleway-Regular';}

.order-info-box .box-content td, .order-info-box .box-content th { line-height: 1.3; }
.order-info-box .box-content th { padding-top: 10px; }
.order-info-box .box-content td { padding-left: 15px; }
.order-info-box .box-content strong { font-weight: normal; text-transform: uppercase; }
.order-info-box .box-content .subtitle{ margin: 0; font-size: 14px; color: #000;
 font-family: 'Raleway-Medium'; font-weight: normal;}
.MyOrders-Select { display: inline; width: 70px; overflow: hidden; float: right; border: 0px solid #cecece; }
.MyOrders-Select select { /* background:url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon-select-arrow.png) no-repeat 58% center;  */ padding: 6px 3px; width: 138%; max-width: none; border: 0px; }
#my-orders-table .option-label { margin-left: 10px; font-style: italic; }
#my-orders-table .option-value { margin-left: 20px; }
#my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; }
ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; }
ol#cart-sidebar-reorder li input { margin-right: 10px; }
ol#cart-sidebar-reorder p.product-name { display: inline; }
dl.order-info {margin-bottom: 15px;}
.page-print .data-table td, .customer-account .order-details .data-table td {
    border: 0;
    border: 1px solid #cccccc;
    padding-right: 10px;
    border-bottom: none 0px;
}
.customer-account .order-details .data-table, .page-print .data-table  {
    border-bottom: 1px solid #cccccc;
}
/* Order View ends
 * ============================================ */
 
.order-additional { margin: 40px 0; }
.order-gift-message dd { margin-top: 10px; }
/* Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; }
body.newsletter-manage-index .my-account .fieldset h2 { display: none; }
body.newsletter-manage-index .my-account .form-list { border-top: 1px solid #ededed; padding-top: 10px; margin-top: 10px;}
/* Newsletter Subscriptions ends
 * ============================================ */
/* Edit Account Information 
 * ============================================ */
.customer-account .dashboard .welcome-msg .hello { margin-bottom: 10px; }
.customer-account .dashboard .box-recent { border: solid 1px #ccc; /*padding:29px;*/ padding: 3.4%; }
.customer-account .dashboard .box-account { margin-bottom: 15px; border: solid 1px #ccc; padding: 0; }
.customer-account .my-account .box-info { border: solid 1px #ccc; padding: 0px; margin: 0 0 15px; }
.customer-account .col2-set { position: relative; margin: 0 0 15px 0;}
.customer-account .col2-set:before { width: 1px; height: 100%; display: block; content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; background-color: #ccc; }
.customer-account .col2-set .col-1, .customer-account .col2-set .col-2,
.customer-account .col2-set .col-3, .customer-account .col2-set .col-4,
.customer-account .col2-set .col-5, .customer-account .col2-set .col-6,
.customer-account .col2-set .col-7, .customer-account .col2-set .col-8,
.customer-account .col2-set .col-9, .customer-account .col2-set .col-10
{ flex: inherit; max-width: inherit;}
.customer-account .col2-set address{ min-height: 168px;}
.customer-account .my-account .box-account:last-child { margin-bottom: 0; }
.customer-account .my-account .box-head:before, .customer-account .my-account .box-head:after { content: ''; display: table }
.customer-account .my-account .box-head:after { clear: both }
.customer-account .my-account .box-head { border: none 0px; padding: 15px 15px 15px 10px; }
.customer-account .my-account .box-head h2 { font-size: 18px; display: inline-block; margin-bottom: 0px; padding: 0 0 10px 0; position: relative; float: left;  box-sizing: border-box; }
.customer-account .dashboard .box-head h2:after, .my-account form .legend:after, body.customer-account .my-account .fieldset h2:after, body.customer-account .my-account .addresses-list h2:after, body.customer-account .my-account .order-details h2:after {display: block; content: ""; position: absolute; height: 3px; width: 50px;  bottom: 0px; background: #4C6722 ;}
.customer-account .order-items.order-details {
    overflow: auto;
}
/* Edit Account Information ends
 * ============================================ */
/* Catalog - Compare
 * ============================================ */
.block-compare .product-name:after { content: ''; display: table; clear: both; }
.compare-table .product-image { display: inline-block; }
.compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; }
.compare-table .product-shop-row.bottom td { padding-top: 0; }
/* Catalog - Compare ends
 * ============================================ */
/* Wishlist sharing Page
 * ============================================ */
body.wishlist-index-share .my-account .fieldset ul.form-list { margin: 0; }
body.wishlist-index-share .input-box textarea {     resize: none;
    border: 2px solid #d7d7d7;
    font-size: 13px;
    max-width: 100%;
    border-radius: 10px; }
body.wishlist-index-share .buttons-set p.required{margin: 6px 0 0 0;}
.wishlist-index-index .my-wishlist {
    overflow-x: auto;
}
/* Wishlist sharing Page end
 * ============================================ */
/* Wishlist
 * ============================================ */
#wishlist-table th { text-align: center; }
#wishlist-table.clean-table { font-size: 12px; text-transform: uppercase; width: 100%; }
#wishlist-table.clean-table th { border: 1px solid #cecece; }
#wishlist-table.clean-table td { padding: 10px; vertical-align: top; border: 1px solid #cecece; }
#wishlist-table.clean-table thead th { font-size: 16px; padding: 5px 15px; background: #262626; text-transform: uppercase; color: #fff; }
#wishlist-table .product-name { font-size: 13px; margin-bottom: 0; text-transform: uppercase; }
#wishlist-table .product-name a { color: #000; font-size: 13px; }
#wishlist-table .product-name a:hover { color: #4b6a18; }
#wishlist-table .wishlist-sku {     font-size: 13px;
    margin: 5px 0;
    font-weight: bold;
    color: #000; }
#wishlist-table textarea { border: 1px solid silver; width: 100%; height: 45px; font-size: 12px; resize: none; padding: 5px 10px; }
#wishlist-table textarea::-webkit-input-placeholder {text-transform: uppercase;}
#wishlist-table textarea:-moz-placeholder {text-transform: uppercase;}
#wishlist-table textarea::-moz-placeholder {text-transform: uppercase;}
#wishlist-table textarea:-ms-input-placeholder {text-transform: uppercase;}
#wishlist-table textarea:focus { border: 1px solid #4b6a18; }
#wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; }
#wishlist-table .item-manage .button { padding: 0;
    line-height: 34px; }
#wishlist-table .cart-cell { text-align: center; }
#wishlist-table td.customer-wishlist-item-image { width: 100px; }
#wishlist-table td.customer-wishlist-item-image img { width: 100%; height: auto;     padding: 0; }
#wishlist-table td.customer-wishlist-item-quantity { width: 3em; }
#wishlist-table .disnone > p { margin-bottom: 0; }
#wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center; }
#wishlist-table td.customer-wishlist-item-cart { width: 150px; text-align: center; }
#wishlist-table td p a.button.link-edit { font-size: 0; margin-bottom: 10px; width: auto; height: 18px; text-indent: 0; width: 20px; margin-top: 10px; position: relative; background: none; }
#wishlist-table td p a.button.link-edit:after { right: 0px; }
#wishlist-table td.customer-wishlist-item-cart .truncated { margin: 0 auto 10px; /*margin-bottom: 10px;*/ clear: both; display: table; }
#wishlist-table td.customer-wishlist-item-cart > p { margin-bottom: 0; }
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center; }
#wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top; }
#wishlist-table td.customer-wishlist-item-remove { width: 20px; }
#wishlist-table td .button, #wishlist-table td button { white-space: normal; }
#wishlist-table .price-box { font-size: 12px; }
#wishlist-table .price-box .price { color: #636363; }
#wishlist-table .giftregisty-add { margin-top: 5px; }
#wishlist-table .giftregisty-add .change { display: none; }
#wishlist-table .giftregisty-add li { cursor: pointer; color: #303030; margin-bottom: 3px; }
#wishlist-table .truncated .details { background: none; color: #303030; }
#wishlist-table td .button.btn-cart {     line-height: 34px; min-width: auto; }
/* Wishlist ends
 * ============================================ */
/* Wishlist Sidebar
 * ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px; }
.block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px; }
.block-wishlist .price-box { float: left; margin: 0; }
.block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px; }
.block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ededed; }
/* Wishlist Sidebar end
 * ============================================ */ 
  /* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label { border-bottom: 1px solid #cccccc; font-size: 16px; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; }
.product-review .product-img-box .rating-box { margin: 15px 0; }
.product-review .product-details h2 { border-bottom: 1px solid #cccccc; color: #333333; font-size: 16px; padding-bottom: 10px; }
.product-review .ratings-table { }
.product-review .ratings-table th { padding-right: 10px; }
.product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase; }
.product-review .ratings-description dt { border-bottom: 1px solid #cccccc; font-size: 16px; margin-top: 20px; padding: 10px 0; text-transform: uppercase; }
.product-review .ratings-description dd { color: #737373; font-size: 13px; }
/* Account - Reviews ends
 * ============================================ */
/*###############################################
My Account ends*/
/* Contact us page############################################### */

.contacts-index-index .buttons-set {
    margin-left: 30px;
    max-width: 435px;
}

.contacts-index-index .buttons-set p.required {
    float: left;
}



.quickcontact-index-index .page-title {
    margin: 0px 0 19px 0;
}





.contact-want-to-tell {
    display: inline-block;
    width: 100%;
}
.contact-want-to-tell .container{ padding: 0;}
.contact-want-to-tell .container .form-list .fields{ margin: 0;}

.contact-want-to-tell .contact-notes h1 {
    font-family: 'MavenProMedium';
    font-size: 30px;
    line-height: 34px;
    display: inline-block;
    width: 100%;
    margin: 20px 0 20px 0;
}

.contact-want-to-tell h3 {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    color: #303030;
    text-transform: none;
    margin-bottom: 18px;
}

.contact-want-to-tell p {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
    margin-bottom: 39px;
}

.contact-want-to-tell p em {
    font-style: normal;
    color: #ef5353;
}


.contact-want-to-tell textarea {
    height: 134px;
    padding: 10px;
}

.fieldset .contact-notes p {
    margin-bottom: 20px;
}

#product_enquiry_form .contact-want-to-tell textarea {
    height: 137px;
}

.contact-want-to-tell .captcha-field {
    margin-top: 27px;
}
.fieldset .contact-want-to-tell  p.required { margin-bottom: 5px; float: left; font-size: 12px; margin-top: 12px; color: red; }

.becomeretailer-section.contact-want-to-tell .captcha-field {
    margin-top: 0;
}

.becomeretailer-section.contact-want-to-tell .subscribe-box {
    margin: 20px 0 10px;
}

.becomeretailer-section.contact-want-to-tell button {
    width: auto;
    padding: 0 20px;
    float: right;
}

.becomeretailer-top-details-block {
    margin-bottom: 20px;
}

.becomeretailer-section {
    background: none;
    padding: 0
}

.becomeretailer-section p.required {
    margin-right: 10px;
    margin-top: 15px;
}



.contact-want-to-tell .captcha-field .input-box {
    margin-bottom: 10px;
}

.contact-map-title {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    color: #303030;
    margin-bottom: 31px;
}

.contact-block iframe {
    width: 100%;
    display: block;
    height: 400px;
    margin-bottom: 45px;
}

.contact-right-part,
.contact-bottom-text-block {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.contact-right-part {
    margin-bottom: 20px;
    padding-top: 56px;
}

.contact-bottom-text-block {
    padding-bottom: 43px;
}

.contact-bottom-text-block p {
    color: #606060;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
    text-align: justify;
}

.contacts-index-index h1 {
    border: none;
}

.contact-want-to-tell .contact-submit p.required {
    float: none;
    text-align: center;
    color: #ED1D23;
    margin: 0;
    position: relative;
    left: -70px;
}

#contactForm:after {
    content: '';
    display: table;
    clear: both;
}

#contactForm .fieldset .legend + .required {
    margin: 0;
}

.contact-top-details-block {margin-bottom: 20px; display: inline-block; width: 100%; position: relative; /*max-width: 1200px; padding: 0 15px; margin: 0 auto;*/}
.contact-top-details-block .top-left-icon{padding: 20px;}

.contact-top-details-block .top-left-icon:before {
    background: #f6f7f9;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
}
.contact-top-details-block .top-left-icon.rightside{ float: right; padding: 0px 20px 20px 20px;}
.contact-top-details-block .top-right-map { float: right; padding-top: 26px; }
.contact-top-details-block .top-right-map.rightside{ float: left; padding-top: 0; }

.contact-top-details-block .top-left-icon.rightside:before {
    background: #e2e2e2;
    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: -26px;
    width: 50%;
        z-index: -1;
    left: auto;
}

.contact_page_top_details {
    margin: 0 -20px 28px;
}

.contact-top-col {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: center;
    position: relative
}

.contact-top-icon {
    width: 96px;
    height: 96px;
    position: relative;
    margin: 0 auto 20px;
    background: #b71955;
    border-radius: 96px;
    -webkit-border-radius: 96px;
    -o-border-radius: 96px;
    -ms-border-radius: 96px;
    -moz-border-radius: 96px;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.contact-top-col:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 103px;
    width: 92px;
    height: 28px;
    background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) no-repeat 0 -180px;
    margin-left: -46px;
    transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-top-col:hover:after {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}

.contact-top-col:hover .contact-top-icon {
    top: -30px;
}

.contact-top-icon:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) no-repeat -4px 0px;
    width: 37px;
    height: 39px;
    margin: -18px 0 0 -19px;
}

.call-col .contact-top-icon {
    background: #4b6a18;
}

.call-col .contact-top-icon:before {
    background-position: -58px 0px;
    width: 27px;
    height: 42px;
    margin: -21px 0 0 -13px;
}

.email-col .contact-top-icon {
    background: #f0b510;
}

.email-col .contact-top-icon:before {
    background-position: -5px -59px;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
}

.opening-hrs-col .contact-top-icon {
    background: #727b33;
}

.opening-hrs-col .contact-top-icon:before {
    background-position: -53px -624px;
    width: 45px;
    height: 45px;
    margin: -22px 0 0 -22px;
}

.abn-col .contact-top-icon {
    background: #333333;
}

.abn-col .contact-top-icon:before {
    background-position: -6px -682px;
    width: 37px;
    height: 45px;
    margin: -22px 0 0 -18px;
}

.contact-top-col h3 {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 14px;
}

.contact-top-col p {
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}

.contact_page {
    margin-top: 30px
}

.map iframe {
    width: 100%;
    border: none;
    display: block;
    height: 300px;
}

.contact_page .contact_us_icon {
    position: relative;
    padding-left: 80px;
    min-height: 60px;
}

.contact_page .contact_us_icon span {
    vertical-align: middle;
    margin: 0 15px 0 0;
    height: 60px;
    width: 60px;
    position: relative;
    color: #fff;
    background: #f33;
    display: block;
    position: absolute;
    left: 0;
    top: -14px;
}

.contact_page .contact_us_icon span:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 30px
}

.contact_page .contact_us_icon span.fa-mobile:before {
    font-size: 48px
}

.contact_page .contact_us_icon.address {
    margin-top: 10px
}

.contact_page .contact_us_icon.address p {
    max-width: 179px;
    margin-top: -5px;
}

.contact_page .contact_us_icon p,
.contact_page .contact_us_icon a {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 16px;
    color: #606060;
    line-height: 24px;
}

.contact_page .contact_us_icon a:hover {
    color: #F33;
}

.contact_page .contact_us_icon+.contact_us_icon {
    margin-top: 20px
}

.contact_form {
    padding: 43px 0 70px 0;
    position: relative;
    z-index: 1
}

.contact_form:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(48, 48, 48, 0.6)
}

.contact_form h2,
.contact_form .h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'MavenProRegular';
    margin-bottom: 38px
}

.req {
    color: #f00
}

.contact_page .captcha-box {
    margin: 26px 0 20px 0;
    position: relative
}

.contact_page .captcha-box iframe {
    display: block
}

.contact_page .input_box {
    position: relative;
    margin-bottom: 35px;
    z-index: 1
}

.contact_page .capcha-div {
    padding-top: 20px;
    margin-bottom: 15px;
}

.contact_page .input_box .input {
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 300;
    font-family: 'MavenProRegular';
    color: #606060;
    width: 100%;
    background: none;
    height: 45px;
    padding: 5px 14px;
    line-height: 20px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.contact_page .submit_box.input-box .input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 170px;
    text-align: center;
    line-height: 58px;
    font-family: 'MavenProRegular';
    font-weight: 700;
    font-size: 18px;
    z-index: 1;
    text-transform: uppercase;
    padding: 0 15px;
    border: 1px solid #0b74b9;
    color: #fff;
    height: 60px
}

.contact_page .submit_box.input-box:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    height: 100%;
    background: #0b74b9;
    bottom: 0
}

.contact_page .input_box textarea.input {
    height: 188px;
    resize: none;
    display: block;
    max-width: initial
}

.contact_page label {
    font-size: 16px;
    font-weight: 400;
    color: #606060;
    margin: 0 0 5px 0;
    padding: 0
}

.contact_page .require {
    margin: 0;
    color: #f00;
    font-size: 14px;
}

.contact_page .validation-advice {
    position: absolute;
}

.contact_page .recaptcha-error-message {
    position: absolute;
}

.contact_page .input_box .input:focus {
    border-color: #fc4555
}

.contact_page form {
    margin-top: 50px
}

.contact_page .input_box.submit-box {
    margin-bottom: 0
}

.contact_page .contact_us_icon span.abn {
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.contact_page .buttons-set .btn-primary {
    display: block;
    width: 100%
}

.contact_page .buttons-set {
    margin: 0 0 40px 0;
    padding: 0
}

.contact_page .fieldset p.required {
    float: none
}

.contact_page .buttons-set button.button {
    float: none;
    margin-left: 0;
}

.feedback-content .contact-want-to-tell {
    text-align: left;
    background: #fff;
    padding: 10px 0 0 0;
}

.top-left-icon {
    float: left;
    width: 34.2%;
}

.top-right-map {
    float: right;
    width: 64%;
    /*margin-left: -400px; padding-left: 420px;*/
}

.top-right-map {
    /* margin: 0 0px 28px;*/
}

.top-left-icon .contact_us_icon+.contact_us_icon {
    margin-top: 25px;
    color: #000;
    font-family: 'Raleway-Medium';
    font-size: 16px;
}

.top-left-icon .contact_us_icon span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    height: 60px;
    width: 60px;
    position: relative;
    color: #fff;
    background: #4b6a18;
}

.top-left-icon .contact_us_icon span:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 30px;
}

.top-left-icon .contact_us_icon p,
.top-left-icon .contact_us_icon a {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 24px;
    width: 200px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
      font-family: 'Raleway-Medium';
}

.top-left-icon .contact_us_icon span.abn {
    text-align: center;
    line-height: 60px;
    font-weight: 700;
}

.top-left-icon .contact_us_icon span.fa-mobile:before {
    font-size: 48px;
}

.top-left-icon .contact_us_icon a:hover {
    padding-left: 5px;
    color: #000;
}

#modal #contactFormPopup .selector span {
    height: 60px;
}


/* Contact us page ends############################################### */
/* CMS page
############################################### */
.cms-page-view .std p, .cms-no-route .std p, .general-info-box p, .tab_container p { font-size: 15px; line-height: 24px; color: #000000; margin-bottom: 24px; }
.cms-page-view .std p a { color: #4b6a18; word-wrap: break-word; text-decoration: underline; }
.cms-page-view .std p a:hover { color: #000; text-decoration: none; }
.cms-page-view .std p:last-child, .cms-no-route .std p:last-child { margin-bottom: 0 }
.cms-no-route .std .not-found-bottom-text { margin-top: 10px; }
.cms-no-route .std .not-found-bottom-text a { color: #4b6a18; }
.cms-no-route .std .not-found-bottom-text a:hover { color: #333333; }
.cms-no-route .std .not-found-bottom-text p { font-size: 17px; line-height: 23px; }
.cms-no-route .std .not-found-bottom-text p a { text-decoration: underline }
.cms-no-route .std .not-found-bottom-text p a:hover { text-decoration: none }
/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { /* border: none; */ }
.contact-bottom-text-block p:last-child { margin-bottom: 0; }
.cms-page-view .std img, .cms-no-route .std img { max-width: 100%; }
.cms-page-view .std p, .cms-no-route .std p { color: #636363; font-size: 14px; line-height: 24px; }
.cms-page-view .std h1, .cms-no-route .std h1 { color: #303030; }
.cms-page-view .std h2, .cms-no-route .std h2 { color: #303030; }
.cms-page-view .std h2.sub-title { text-transform: none; margin-bottom: 23px; margin-top: 38px; font-size: 30px; }
.cms-page-view .std ul { margin-bottom: 47px; }
.cms-page-view .std li, .cms-no-route .std li { color: #606060; position: relative; display: block; list-style: outside none none; margin: 0 0 13px; padding: 0 3px 0 16px; font-style: normal; line-height: 23px;}
.cms-page-view .std ol { counter-reset: listStyle; }
.cms-page-view .std ol li { counter-increment: listStyle; }
.cms-page-view .std ol li:before { content: "("counter(listStyle, decimal)")"; position: absolute; left: 0; top: 0; color: #4b6a18; font-weight: 500; }
.cms-page-view .std ol ol { counter-reset: listStyle1; margin-top: 10px; }
.cms-page-view .std ol ol li { counter-increment: listStyle1; }
.cms-page-view .std ol ol li:before { content: "("counter(listStyle1, lower-alpha)")"; position: absolute; left: 0; top: 0; }
 .cms-page-view .std li:last-child, .cms-no-route .std li:last-child {margin-bottom:0;}
.about-us-main-banner, .contact-us-main-banner { margin-bottom: 8px; }
.cms-img { margin-top: 5px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }
.cms-page-view .std ul.download-library li:before { content: "\f019" }
.download-credit-link i { font-size: 20px; margin-right: 5px; vertical-align: middle; }
.cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both; }
.cms-no-route .std img { width: 100%; }
.cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px; }
.cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0; }
.cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal; }
.cms-page-view .std p { font-size: 14px; line-height: 20px; color: #606060; }
.cms-page-view .std img, .cms-no-route .std img { max-width: 100%; }
.cms-page-view .std .table-outer { overflow-x: auto; overflow-y: hidden; }
.cms-page-view .std table { margin-bottom: 20px; min-width: 300px; }
.cms-page-view .std table caption { text-align: center; font-weight: bold; background: #333; color: #fff; padding: 10px; }
.cms-page-view .std table td { border: 1px solid #ccc; padding: 10px }
.cms-page-view .std img.alignleft { float: left; margin: 0 20px 20px 0; }
.cms-page-view .std img.aligncenter { margin: 0 auto 20px; float: none; clear: both; }
.cms-page-view .std img.alignright { float: right; margin: 0 0 20px 20px; }
.cms-page-view .std p, .cms-no-route .std p { color: #636363; font-size: 14px; line-height: 24px; margin-bottom: 5px; text-align: justify;}
.cms-page-view .std h1, .cms-no-route .std h1 { color: #000; font-weight: bold; margin-top: 15px;}
.cms-page-view .std h2, .cms-no-route .std h2 { color: #000; font-weight: bold; margin-top: 15px;}
.cms-page-view .std h3, .cms-no-route .std h3 { color: #000; font-weight: bold; margin-top: 15px;}
.cms-page-view .std h4, .cms-no-route .std h4 { color: #000; font-weight: bold; margin-top: 15px;}
.cms-page-view .std h5, .cms-no-route .std h5 { color: #000; font-weight: bold; margin-top: 15px;}
.cms-page-view .std h6, .cms-no-route .std h6 { color: #000; font-weight: bold; margin-top: 15px;}
.about-us{
    display: inline-block;
    margin: 0px;
    width: 100%;
}
.aboutus-left {
       width:48%;
    float: left;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
	margin-top: 15px;
}
.aboutus-right {
       width:48%;
  float: right;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
	margin-top: 15px;
}
.aboutus-left img, .aboutus-right img { width: 100%;}
.aboutus-full {
    display: inline-block;
    margin: 20px 0 30px 0;
    width: 100%;
}
.aboutus-full h2, .cms-about-us .page-title h1{ text-align: center; font-size: 35px;
    color: #000;
    font-family: 'Raleway-Bold';
    line-height: 58px;
        margin-top: 15px;
    margin-bottom: 35px;     text-transform: uppercase; position: relative;}
.aboutus-full h2:before, .cms-about-us .page-title h1:before{ content: '';
    background: #4b6a18;
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }

.aboutus-full h3{    margin-bottom: 0px; text-transform: uppercase;}
.aboutus-full .fullleft, .aboutus-full .fullright{  width:48%;
    display: inline-block;
    padding: 0 15px;
    box-sizing: border-box;
    vertical-align: top;}
.aboutus-full .fullleft img, .aboutus-full .fullright img { float: left; margin-right: 15px;}



.table-outer { overflow-x: auto; overflow-y: hidden; }
.cms-page-view .table-outer th { border-top: 2px solid #cecece; border-bottom: 2px solid #cecece; padding: 10px; }
.cms-page-view .table-outer td { border-bottom: 1px solid #cecece; padding: 10px; }
.cms-page-view .std h2.sub-title { text-transform: none; margin-bottom: 23px; margin-top: 38px; font-size: 30px; }
.cms-page-view .std ul { margin-bottom: 47px; }
.cms-page-view .std li, .cms-no-route .std li { color: #5a5a5a; position: relative; display: block; list-style: outside none none; font-style: normal; }
.cms-page-view .std ol { counter-reset: listStyle; }
.cms-page-view .std ol li { counter-increment: listStyle; }
.cms-page-view .std ol li:before { content: counter(listStyle, decimal)"."; position: absolute; left: 0; top: 0; color: #4b6a18; font-weight: 500; }
.cms-page-view .std ol ol { counter-reset: listStyle1; margin-top: 10px; }
.cms-page-view .std ol ol li { counter-increment: listStyle1; }
.cms-page-view .std ol ol li:before { content: "("counter(listStyle1, lower-alpha)")"; position: absolute; left: 0; top: 0; }
 .cms-page-view .std li:last-child, .cms-no-route .std li:last-child {margin-bottom:0;}
/* CMS page ends
############################################### */

/* Sitemap page
############################################### */
.page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; }
.page-sitemap .links a { position: relative; }
.page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px; }
.page-sitemap .sitemap li { margin: 3px 0; }
/* Sitemap page ends
############################################### */

/* Print page
############################################### */

body.page-print .print-head { display: inline-block; float: left; }
body.page-print .col2-set { clear: both; margin-bottom: 20px;     font-size: 13px;
    font-family: 'Raleway-Medium';
    color: #000;     margin: 0 -10px;}
body.page-print .buttons-set{ display: none;}
body.page-print.sales-order-printcreditmemo .print-head { float: none; display: inline-block; }
body.page-print {height: auto; width:6.5in; /*width:98%;*/ overflow-x:hidden; margin:0 auto;}
.page-print .button { background: #A6A6A6; }
.page-print .order-date {     clear: right;
    float: left;
    margin-bottom: 10px;
    width: 100%; }
/*.page-print .buttons-set [onclick="window.close();"] {display:none;}*/
.page-print h1  { display: inline-block; width: 100%; float: right; margin-top: 13px; margin-bottom: 10px; font-size: 18px; line-height: 24px; }
.page-print h2 { display: inline-block; width: 100%; margin-bottom: 10px; /*float: right; clear: right;*/ font-size: 16px; line-height: 22px; }
.page-print .data-table thead th{     border: 1px solid #cecece;}
.page-print .order-date { clear: right; float: right; }
.page-print .product-img-box .product-image { border: 1px solid #999999; box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; }
.page-print .old-price .price { font-size: 12px !important; }
.page-print .price { font-size: 14px !important; line-height: 20px; }
.page-print h1 {}
/* Print page ends
############################################### */

/* 404 page
############################################### */
.cms-no-route .col-middle{position:relative; padding-right:320px;}
.cms-no-route .col-middle:before{content:''; display:block; position:absolute; right:0; top: 60px; background:url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/404logo.jpg) no-repeat; width: 300px; height: 300px;background-size: 100% auto;opacity: 0.5;}
.not-found-h1 {     margin: 0;
    margin-bottom: 0;
    color: #000;
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    font-family: 'Raleway-Bold';}
.not-found-content {     color: #101010;
    line-height: 25px;
    margin-bottom: 20px;
    padding-top: 10px;
    font-family: 'Raleway-Regular';
    font-size: 15px;
    font-weight: normal; }
.not-found-bottom-text {color: #101010; font-size: 20px; line-height: 22px; position: relative;   font-family: 'Raleway-Regular';}
.not-found-bottom-text a {border-bottom: 1px solid #fff; color: #8c7d70; display: inline; font-size: 20px; line-height: 22px; padding-bottom: 3px; text-decoration: none; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;   font-family: 'Raleway-Regular';}
.cms-page-view .std a, .cms-no-route .std a {font-size: 17px; text-decoration: underline; color: #8c7d70; }

/* 404 page ends
############################################### */
/* Blog page
############################################### */

.wp-sidebar .block { margin-bottom: 15px; }
.blog-search { position: relative; }
.blog-search button { position: absolute; right: 6px; top: 6px; padding: 0; width: 43px; height: 43px; }
#wp-recent-comments-list li {  font-size: 16px; }
#wp-recent-comments-list li a { margin-top: 10px }
.blog-home .home-post-section-slider li { padding: 20px; position: relative; }
.blog-home .home-post-description p { line-height: 22px; padding-bottom: 30px; }
.blog-home .post-meta { position: absolute; bottom: 0; right: 0; background: #E8E8E8; padding: 10px; }
.blog-home .post-meta, .blog-home .post-meta a {  font-size: 13px; }
.blog-home .post-meta a { text-decoration: underline; color: #4b6a18; }
.blog-home .post-meta a:hover { color: #000; text-decoration: none; }
.blog-search { padding: 5px; }
.blog-search .input-text { margin-bottom: 4px; }
/** * General post (view and list) * */
.post-date { font-style: italic; font-size: 98%; margin-bottom: 10px; }
.post-entry p.post-meta { font-style: italic; font-size: 12px; line-height: 18px; margin-bottom: 0; }
.post-entry { }
.post-entry-with-image { }
.post-entry p, .std.post-entry p { font-size: 16px; line-height: 22px; text-align: justify; margin-bottom: 20px; }
.post-entry img { max-width: 100%; height: auto }
.post-entry p strong { font-weight: bold }
.post-summary { padding: 20px 20px 0; height: 100px; overflow: hidden; }
.wordpress-post-view .featured-image { border: 1px solid #ccc; padding: 5px; margin-bottom: 20px; }
.featured-image img { width: 100%; height: auto }
.featured-image.right { margin: 2px 0 4px 10px; }
.is-blog .toolbar { margin: 0 0 10px; }

/** * Blog homepage * */
.blog-title.not-first-page { display: none; }
.blog-title.with-tagline { margin-bottom: 10px; }
.blog-tag-line { }
/** * Post list page * */
/** * Post view page * */
.page-title.post-title { margin-bottom: 4px; }
.post-view .post-meta { margin-bottom: 20px; }
.post-view .post-skips:before, .post-view .post-skips:after { content: ''; display: table; }
.post-view .post-skips:after { clear: both; }
.post-view .post-skips { zoom: 1; }
.post-skip-next { float: right }
.post-view .post-skips .post-skip-previous { margin-right: 10px; }
.post-view .yarpp-related { margin-bottom: 20px; }
/** * Post comments * */
.comments-wrapper h2 { margin-bottom: 10px; }
.comments-wrapper ul.children { margin-left: 20px; }
.comment { height: 1%; overflow: hidden; margin-bottom: 10px; }
.comment .comment-inner { border-bottom: 1px solid #eee; padding: 10px 0; }
.comment .gravatar { float: left; margin: 0 10px 10px 0; }
.comment .comment-meta { margin-bottom: 10px; }
.comment .comment-when { display: block; text-decoration: none; }
.comment .comment-entry { clear: both; font-size: 110%; }
/** * Author page * */
.author-description { font-style: italic; margin-bottom: 20px; }
/** * PinterestRssWidget plugin * */
.block-blog-pinterest li.item { text-align: center; }
.block-blog-pinterest .follow { text-align: center; margin: 10px 0 15px; }
.shortcode-pinterest { }
.shortcode-pinterest ul { height: 1%; overflow: hidden; }
.shortcode-pinterest li { list-style: none; padding: 0; margin: 0 10px 10px; float: left; }
/** * Alignment and captions * Taken from default WordPress CSS file * */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img[class*="align"], img[class*="wp-image-"], .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
.wp-caption { margin-top: 0.4em; }
.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; }
.wp-caption img { display: block; margin: 0 auto; max-width: 98%; border-color: #eee; }
.wp-caption .wp-caption-text { color: #666;  font-size: 12px; }
.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; }
.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; }
.wp-caption img { border-color: #eee; }
.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img { background: #fff; border-color: #ddd; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
div.gallery { height: 1%; overflow: hidden; }
.gallery-columns-2 dl.gallery-item { width: 50%; }
.gallery-columns-3 dl.gallery-item { width: 33%; }
.gallery-columns-4 dl.gallery-item { width: 25%; }
.gallery-columns-5 dl.gallery-item { width: 20%; }
dl.gallery-item { float: left; }
dl.gallery-item .gallery-icon { overflow: hidden; }
.post-view ul.form-list { list-style: none outside none; }
/* * WP Calendar */
#wp-calendar { margin: 0; width: 100%; padding: 5px 10px; }
#wp-calendar th { font-weight: bold; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; }
#wp-calendar #next { text-align: right; }
/** * Yarpp thumbnails * This is taken directly from the Yarpp plugin */
.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title { display: inline-block; *display: inline;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail { border: 1px solid rgba(127,127,127,0.1); width: 130px; height: 170px; margin: 5px; margin-left: 0px; vertical-align: top; }
.yarpp-thumbnail > img, .yarpp-thumbnail-default { width: 120px; height: 120px; margin: 5px; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default { margin-bottom: 0px; display: block; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { font-size: 1em; max-height: 2.8em; line-height: 1.4em; margin: 7px; margin-top: 0px; width: 120px; text-decoration: inherit; overflow: hidden; }
.yarpp-thumbnail-default { overflow: hidden; }
.yarpp-thumbnail-default > img.yarpp-thumbnail-default-wide { height: 120px; max-width: none; }
.yarpp-thumbnail-default > img.yarpp-thumbnail-default-tall { width: 120px; max-height: none; }
#recipress_recipe { clear: both; }
/**
 * Product shortcode
 */
.std ul.mini-products-list { list-style: none; margin: 0; padding-left: 0; }
.std ul.mini-products-list ul.item { list-style: none; }
img.max-width { max-width: 100%; }
/**
 * Lightbox styles
 */
#fp-gallery { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
#fp-gallery .shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; background: #000 url('https://thebookgarden.com.au/skin/frontend/tbg/default/css/ajax-loader.gif') no-repeat center 40px; }
#fp-gallery .inner { position: relative; z-index: 102; background: #fff; max-width: 95%; margin: 1% auto 0; background: #fff; border: 4px solid #ddd; box-shadow: 4px 4px 4px #666; display: inline-block; min-width: 400px; min-height: 200px; }
#fp-gallery .close { display: inline-block; position: absolute; background: #fff url('https://thebookgarden.com.au/skin/frontend/tbg/default/css/lightbox-close.png') no-repeat center center; padding: 2px; border-radius: 50%; cursor: pointer; text-decoration: none; display: inline-block; height: 48px; width: 48px; margin: auto; top: 10px; right: 10px; text-indent: -999999px; }
@media all and (max-width:767px) {
.post-list h2 { font-size: 16px; line-height: 22px; }
.post-summary { height: 133px; padding: 10px 10px 0; }
body .sidebar .block.block-recent-posts .block-content { border: 0; margin-bottom: 0; }
#post-list { margin: 0 -5px }
.post-list li.item { padding: 5px }
}
@media all and (max-width:479px) {
.post-list li.item { float: none; width: auto }
}
.wordpress-post-view .post-date { font-size: 14px; font-style: italic; margin-bottom: 15px; }
.wordpress-post-view .featured-image { }
/* Blog page ends
############################################### */
/*General css
###############################################*/

/* Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button, .cart-table .button, .sidebar .actions .button { background: #909090; color: #fff; padding: 9px 12px; }
.cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #333333; cursor: pointer; }
.cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #636363; }
.cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #636363; background: #c4c4c4; outline: none; }
.sidebar .actions button.button { white-space: normal; }
/* Primary Buttons */
.button-set .button { float: right; margin-left: 10px }
.button-set p.required { float: right; margin-top: 22px; }
.button, #co-shipping-method-form .buttons-set .button, .footer .button { background: #909090; display: inline-block; border: 0; font-size: 16px; font-weight: normal; line-height: 22px; text-align: center; text-transform: uppercase; vertical-align: middle; color: #fff; white-space: nowrap;  padding: 9px 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover { background: #E10E03; cursor: pointer; }
.button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active { background: #4b6a18; color: #FFFFFF; }
.button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus { background-color: #4b6a18; outline: none; color: #FFFFFF; }
a.button { text-decoration: none; }
a.button:hover { color: #FFFFFF; }
/* Disabled - class for anchor, state for form elements */
.button.disabled, .button:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; }
/* Adjacent buttons */
.button + .button { margin-left: 5px; }
.btn-remove, .btn-previous, .delete-quick {display: inline-block; width: 20px; height: 20px; /* border: 1px solid #ededed; */ text-align: center; font: 0/0 a; text-shadow: none; color: transparent; position: relative; border: 0; }
.btn-remove2:after, .btn-remove:after {background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) 0px -649px; content: ""; height: 20px; width: 20px; display: inline-block;}
.checkout-cart-index .btn-remove2:after, .checkout-cart-index  .btn-remove:after {display:none;}
.footer-container {position: absolute; bottom: 0; width: 100%;}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after { float: left; }
.paypal-after .paypal-or { float: left; }
.paypal-or { line-height: 34px; margin: 0px 10px 5px; }
.paypal-after .paypal-button { float: left; }
.paypal-button { line-height: 0px; }
.paypal-button img { display: inline; }
 @media only screen and (max-width: 740px) {
.paypal-or { line-height: 20px; }
.paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; }
}
/* -------------------------------------------- *
 * Button Sets

 */
.buttons-set { margin: 10px 0 0; padding-top: 10px; text-align: right; }
.buttons-set p.required { margin: 0; line-height: 36px; float: right; }
.buttons-set .back-link { float: left; margin: 0 0 5px 0; line-height: 33px; }
.buttons-set a:not(.button) { line-height: 23px; display: inline-block; /*padding: 5px;*/ }
.buttons-set button.button { float: right; margin-left: 15px; margin-bottom: 5px;/*  min-width: 140px; */ }
.buttons-set:after { content: ''; display: table; clear: both; }
/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .ratings .rating-box, .ratings .rating-box .rating, .view-mode .grid, .view-mode .list, .skip-nav .icon, .skip-search .icon, .skip-account .icon, .skip-cart .icon, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating, .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before, .cart-table .cart-links > li:first-child > a:after, .opc .section.allow:not(.active) .step-title a:after, .changelink a:after, .my-account .box-title a:after, .btn-remove:after, .cart-table .cart-links > li > a.link-wishlist:after, .pages .next:before, .pages .previous:before, #wishlist-table td p a.button.link-edit:after, .add-to-links a.link-wishlist:after, .product-cart-remove a.link-edit:after { background-image: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; }
/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-previous, .delete-quick { display: inline-block; width: 20px; height: 20px; /* border: 1px solid #ededed */ text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; border: 0 }
.btn-remove:focus, .btn-previous:focus { outline: none; }
.import-order-box { background: #e4e4e4; padding: 20px; }
.quickshoping-outer { margin: 20px 0; }
.quickshopping-form .toolbar { margin-top: 0 }
.import-order-box .file-inputbox { border: 1px solid #B5B5B5; padding: 10px; margin-bottom: 10px; background: #fff; }
input[type="file"] { width: 100%; }
input[type="file"]:focus { outline: none; }
.btn-previous:hover { background-color: #333333; border-color: #333333; }
.btn-remove2 { border: none; vertical-align: top; background: none; }
.delete-quick { background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) -67px -682px; content: ""; height: 20px; width: 20px; display: block; }
.btn-remove:hover:after, .delete-quick:hover { /*background-color: transparent;*/ background-position: -50px -649px; }
.btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #333333; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; }
.btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid white; border-left: none; }
.block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; padding: 0 ;border: 0; margin-top: -4px; font-size: 18px; margin-bottom: 0; line-height: 30px;}
/* Buttons ends
 * ============================================ */
/* Messages
 * ============================================ */
/* Global Site Notice

--------------------------------------------  */
.global-site-notice { background: #676157; color: #e6e6e6; font-size: 11px; }
.global-site-notice .notice-inner {     padding-left: 70px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    line-height: inherit;
    min-height: 41px;
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/demo-logo.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 40px auto;}
.global-site-notice p { margin-bottom: 0; }
/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg { color: #333333; text-align: center; margin: 10px; text-transform: uppercase;  }

/* -------------------------------------------- *
 * Messages
 */
.success { color: #11b400; }
.error { color: #df280a; font-weight: normal; }
.notice { color: #e26703; font-weight: normal; }
/* -------------------------------------------- *
 * Messages
 */
.messages { position: fixed; top: 0; left: 0; text-align: center; color: #fff; z-index: 999; background: rgba(0, 0, 0, 0.8); right: 0; bottom: 0; margin: 0 !important; }
.messages li li { position: relative; margin-bottom: 5px; background: #f4f4f4; font-size: 15px; padding: 110px 20px 80px 20px; width: 300px; position: absolute; left: 50%; margin: -128px 0 0 -150px !important; top: 50%;  }
.messages .success-msg li { background-color: #00bd9d; }
.messages li li:before { content: "\f00c"; font: normal normal normal 74px/1 FontAwesome; position: absolute; display: block; border-right: none; left: 50%; top: 20px; margin-left: -37px; width: 75px; text-align: center; }
.messages li li:after { content: 'Done'; display: block; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; text-transform: uppercase; text-align: center; background: #01826c; line-height: 60px; font-weight: 500; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.messages li li:hover:after { background: #024338; }
.messages .error-msg li { background-color: #f45f63; }
.messages .error-msg li:before { content: "\f00d"; }
.messages .error-msg li:after { content: 'Try again'; background: #ad2c30; }
.messages .error-msg li:hover:after { background: #7D0307; }
.messages .notice-msg li { background-color: #EC7D56; }
.messages .notice-msg li:before { content: "\f129"; }
.messages .notice-msg li:after { content: 'Ok'; background: #a73911; }
.messages .notice-msg li:hover:after { background: #6D2005; }
 @media only screen and (min-width: 915px) {
.order-list-grid .col-1 { width: 30%; }
.order-list-grid .col-2 { width: 50%; padding-right: 20px; }
.order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; }
}
/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods { margin-bottom: 20px; }
.payment-methods dt { padding: 5px 0; }
.payment-methods dd { padding-top: 10px; }
.payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #cccccc; background: #f4f4f4; }
.payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #cccccc; border-top: none; top: -11px; left: 30px; }
.payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f4f4f4; border-top: none; top: -10px; left: 30px; }
.payment-methods .form-list li:last-child { margin-bottom: 0; }
/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box { margin: 7px 0 0; font-family: 'Raleway-Bold';}
.price-box p { margin-bottom: 0; font-family: 'Raleway-Bold'; font-family: 'Raleway-Bold';}
.price-notice { color: #000; font-family: 'Raleway-Bold'; }
.price-box .price { color: #000; font-size: 20px; font-family: 'Raleway-Bold'; }
.price-box .price-label { color: #a0a0a0; white-space: nowrap; }
.price-box .minimal-price-link { font-family: 'Raleway-Bold'; /*padding-left: 1em;*/ color: #000; display: block;/* We want this to show on its own line, otherwise the layout looks funky */ font-size: 20px; font-family: 'Raleway-Bold'; }
.price-box .minimal-price-link .label { color: #a0a0a0; }
/* -------------------------------------------- *

 * Price Box - Special
 */
.price-box .old-price, .price-box .special-price { display: inline-block; font-style: normal;}
.price-box .old-price .price-label, .price-box .special-price .price-label { display: none; font-style: normal;}
.price-box .old-price .price, .price-box .special-price .price { display: inline-block; font-style: normal;}
.price-box .old-price .price { color: #4b6a18; text-decoration: line-through;     font-size: 18px; font-style: normal; }
.price-box .special-price { color: #000; padding-left: 0;     font-size: 18px; font-style: normal;}
.price-box .special-price .price-label { color: #D84D3C; font-style: normal;}
.product-info .actions .out-of-stock {text-align: center; color: #b90000; font-size: 18px; font-style: normal;}
.product-shop .product-secondary .out-of-stock {color: #b90000; font-size: 18px; font-style: normal;}
/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax, .price-box .price-including-tax { display: block; }
span.weee { display: block; }
/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; }
.product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; }
.product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; }
.product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: normal; }
/* ============================================ *
 * Item Options
 * ============================================ */
.item-options { font-size: 12px; }
.item-options:after { content: ''; display: table; clear: both; }
.item-options dt { float: left; clear: left; font-weight: bold; color: #000; padding-right: 5px; }
.item-options dt:after { content: ': '; }
.item-options dd { float: left; padding-left: 0px; margin: 0 0 2px; }
.truncated, .truncated a.dots { cursor: help; }
.truncated a.details { cursor: help; height: 16px; line-height: 16px; color: #666; }
.truncated a.details:hover { text-decoration: none; }
.truncated .truncated_full_value { position: relative; z-index: 300; }
.truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 3px 0px 0px; border: 1px solid #333333; background-color: #FFF; top: 25px; left: 50%; margin-left: -100px; }
.truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #333333; border-top: none; left: 50%; margin-left: -7px; top: -7px; }
.truncated .truncated_full_value .item-options > p { font-weight: normal; text-transform: uppercase; margin-bottom: 8px; }
.truncated .show .item-options { display: block; padding: 5px 8px; }
 @media only screen and (max-width: 479px) {
.truncated { cursor: inherit; }
.truncated a.details { display: none; }
.truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; }
.truncated .truncated_full_value .item-options p { float: none; }
.truncated .truncated_full_value .item-options:after { display: none; }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print { width: 6.5in; margin: 20px; background: #FFFFFF; }
.page-print.sales-order-print > div { position: relative; }
.body.page-print h2 { margin-top: 20px; margin-bottom: 5px; }
.body.page-print .order-date { font-weight: bold; position: absolute; right: 0; top: 55px; }
/* -------------------------------------------- *
 * Add to links
 */

.add-to-links { margin: 0px; }
.add-to-links a { display: inline-block; padding: 0px;     border: none 0px; overflow: hidden;}
.add-to-links .separator { display: none; }
/* -------------------------------------------- *
 * Ratings
 */
.ratings { margin: 7px 0; }
.ratings .rating-box, .ratings .rating-links { margin: 5px 0; }
.ratings .rating-box { width: 65px; height: 13px; background-repeat: repeat-x; background-position: 0 -615px; overflow: hidden; }
.ratings .rating-box .rating { float: left; height: 13px; background-repeat: repeat-x; background-position: 0 -600px; }
.ratings .amount { display: block; margin: 5px auto; }
.ratings .rating-links .separator { margin: 0 3px; }
.catalog-category-view .block-layered-nav .btn-remove {display: inline-block; width: 24px; height: 24px; border: 0px solid #ededed; text-align: center; text-shadow: none; margin-top:0px; position: relative; color:black; line-height:22px; font-size:0; }
.catalog-category-view .btn-remove:after {background-image: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; }
.catalog-category-view .btn-remove i {display:none;}
.catalog-category-view .block-layered-nav .btn-remove:hover {background:transparent; color:#fff;}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p { margin: 0 0 1.5em; }
.std ol { list-style: none; margin-bottom: 1.5em; list-style-position: inside }
.std ol ol { margin-bottom: 0 }
.std li { margin-bottom: 5px; font-size: 15px; line-height: 21px; color: #575757; position: relative; }
.see_some_helpfullinks { margin-bottom: 20px; }
.std ol ol li { margin-left: 2em; }
.std ul { list-style: none; margin-bottom: 15px; }
.std ul br, .std ol br { display: none }
.std ul li{ padding-left: 16px; position: relative; }
.std ol li{ padding-left: 16px; position: relative;}
.std ul li:before { content: ''; display: block; position: absolute; left: 0; top: 7px; width: 7px; height: 7px; background:#4b6a18; border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px;}

.cms-index-index .std ul li:before { visibility: hidden }
.cms-index-index .welcome_conent_main  ul li, .cms-index-index .welcome_conent_main  ul li a{ padding-left: 16px; position: relative; color:#fff; }
.cms-index-index .welcome_conent_main  ol li, .cms-index-index .welcome_conent_main  ol li a{ padding-left: 16px; position: relative; color:#fff;}
.cms-index-index .welcome_conent_main  ul li:before { content: ''; visibility: visible ; display: block; position: absolute; left: 0; top: 7px; width: 7px; height: 7px; background:#ffffff; border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; -moz-border-radius: 7px;}
.cms-index-index .welcome_conent_main ol li:before {
    content: counter(listStyle, decimal)".";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 20px;
}
.cms-index-index .welcome_conent_main p a{    color: #010101;}
.cms-index-index .welcome_conent_main  a:hover{    color: #78ad20;}
.std .note { color: #a0a0a0; font-size: 13px; }
.std ol { counter-reset: listStyle; }
.std ol li { counter-increment: listStyle; }
.std ol li:before { content: counter(listStyle, decimal)"."; position: absolute; left: 0; top: 0; color: #4b6a18; font-size: 20px; }
.std ol ol { counter-reset: listStyle1; }
.std ol ol li { counter-increment: listStyle1; }
.std ol ol li:before { content: "("counter(listStyle1, lower-alpha)")"; /*content: "("counter(listStyle, decimal)")"; */ position: absolute; left: 0; top: 0; }
/* -------------------------------------------- *

 * Tabs
 */
.tabs { margin-bottom: 10px; background: #FFFFFF; }
/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center { text-align: center; }
.a-right, .align-right { text-align: right; }
.no-display { display: none !important; }
.nobr, .nowrap { white-space: nowrap; }
.width-full { width: 100%; }
/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden { display: none; }
/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head { margin: 0 0 15px; }
.page-print h3{ line-height: 1.4;
    font-family: 'Raleway-Medium';
    font-size: 14px;
    color: #000;
    font-weight: bold; margin-bottom: 10px;}
.page-print address {
    font-size: 13px;
    font-family: 'Raleway-Medium';
    color: #000; margin-bottom: 10px;
}
/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p { margin-bottom: 7px; }
.fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 5px; color: red; }
.fieldset + .fieldset { margin-top: 5px; }
form .legend { margin: 0; margin-bottom: 10px; color: #636363; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #ededed; }
.send-friend form .legend{ margin-bottom: 20px; padding-bottom: 10px; color: #000; margin-top: 20px; }
/* -------------------------------------------- *
 * Input Box
 */
/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix { float: left; margin-right: 5px; max-width: 100%; }
/* -------------------------------------------- *
 * Hints
 */
.input-hint { color: #a0a0a0; font-size: 12px; }
/* -------------------------------------------- *
 * Select
 */
select { font-size: 13px; }
select + select { margin-left: 5px; }
select[multiple] { width: 270px; border: 1px solid silver; font-size: 13px; padding: 5px; }
/* -------------------------------------------- *
 * Textarea
 */
/* -------------------------------------------- *
 * Inputs
 */
.input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #FFFFFF; font-size: 15px;  border: 2px solid #d7d7d7; height: 45px;  padding: 0 7px;  font-size: 16px; width: 100%;}
.selector.focus { overflow: visible; }
.input-text:focus { outline-color: #4b6a18; border-color: #4b6a18; }
.selector.focus span { /* box-shadow: 0 0 1px 0px #900612; */ border: 2px solid #4b6a18; }
.input-text.validation-failed, .selector span.validation-failed { border-color: #4b6a18; }
.input-text.validation-failed:focus { outline-color: #4b6a18; }
input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 50px; padding: 0 7px; font-size: 16px; }
input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 365px; max-width: 100%; width: 100%; }
/* Only show on iPhones (not iPads or any other device) */

.ie8 .input-text { max-width: none; }
/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty, input[type=text].qty { width: 60px; text-align: center; vertical-align: middle; }

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {color: #a0a0a0;}
 input:-moz-placeholder { color: #a0a0a0;}
/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox + label, .radio + label { padding: 2px 0 0 8px; font-size: 15px; font-weight: normal; vertical-align: top; display: inline-block; font-family: 'Raleway-Medium'; color: #000;}
.checkbox + label a, .radio + label a{ color: #4b6a18; text-decoration: underline;}
.checkbox + label a:hover, .radio + label a:hover{ color: #000;}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li { }
.form-list .input-range .input-text { width: 74px; }
.form-list .wide, .form-list .control { }
.form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; }
.form-list .control { padding-top: 4px; }
.form-list .control label { float: none; /* font-weight:bold; */ }
.form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; }
.form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0;     position: relative;}
form .form-instructions { /* font-style: italic; */ font-size: 14px; color: #656565; font-family: 'Raleway-Medium';}
/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box { border: 1px solid silver; padding: 12px 15px; margin: 0 0 15px; }
.info-box h2 { font-size: 13px; }
/* ============================================ *
 * PayPal

 * ============================================ */
@media only screen and (max-width: 870px) and (min-width: 768px) {
.paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0px; }
}
.paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed; }
.paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0; }
.paypal-review-order .buttons-set button { margin-bottom: 10px; }
@media only screen and (max-width: 767px) {

.paypal-review-order .col-1 { padding-bottom: 0; }
.paypal-review-order .field.inactive { display: none; }
}
div.paypal-logo { text-align: center; margin: 15px 0; max-width: 100%; }
div.paypal-logo span { display: block; width: 100%; }
div.paypal-logo span a { display: inline-block; max-width: 100%; }
div.paypal-logo span a img { max-width: 100%; }
div.paypal-logo span > img { display: none; }
.checkout-types div.paypal-logo { text-align: right; }
.bml-checkout-type { list-style-type: none; }
.sidebar .paypal-logo { text-align: center; line-height: 0; }
.sidebar .paypal-logo > a { display: inline-block; max-width: 100%; }
.sidebar .paypal-logo > a:hover { opacity: 0.8; }
.sidebar .paypal-logo > a img { display: block; }
.sidebar .paypal-logo .label { margin-top: 4px; }
.sidebar .paypal-logo .label a { font-size: 12px; line-height: 1.5; }
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label { color: #cf5050; font-size: 12px; text-transform: uppercase; }

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner { padding-bottom: 0; }
.notice-cookie .notice-inner:after { content: ''; display: table; clear: both; }

.notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left; }
.notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3; }
.notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px; }
@media only screen and (max-width: 1050px) {
	#payment-tool-tip { margin-left: -150px;  top:330px !important;  }
 }
@media only screen and (max-width: 1023px) {
  #payment-tool-tip { margin-top: 150px;  }
}
@media only screen and (max-width: 768px) {
	#payment-tool-tip { margin-top: 150px;  }
}
 @media only screen and (max-width: 979px) {
.notice-cookie .notice-text { max-width: 86%; }
}
@media only screen and (max-width: 767px) {
.notice-cookie { padding: 0 20px; }
.notice-cookie .notice-text { max-width: 82%; padding-top: 0; }
#payment-tool-tip { margin-top: 20px;  }
}
@media only screen and (max-width: 620px) {
.notice-cookie { padding: 0 20px; }
.notice-cookie .notice-inner { background-position: left 10px; }
.notice-cookie .notice-inner:after { content: ''; display: table; clear: both; }
.notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0; }
.notice-cookie .actions { text-align: left; }
}
a.btn-edit, a.remove, button.remove, button.add, a.add, span.add, span.remove { display: block; position: relative; /* text-indent: -9999px; */ height: 30px; width: 30px; border: 0; background: none; }
.header-minicart .edit-delete-links { position: absolute; right: -5px; top: 4px; display: block; }
a.btn-edit { display: block; position: relative; /* text-indent: -9999px; */ }
a.btn-edit:before, a.btn-edit:after { content: ''; display: block; position: absolute; left: 12px; top: 13px; width: 18px; height: 18px; }
a.btn-edit:after { background-position: -25px -334px; opacity: 0 }
a.btn-edit:hover:after { opacity: 1; }
a.btn-edit:hover:before { opacity: 0; }
.btn-remove, a.btn-edit, a.remove, button.remove, button.add, a.add, span.add, span.remove { display: block; position: relative; height: 30px; width: 30px; background: none; }
.cart-totals table tbody tr:last-child th .btn-remove-amgiftcard{ display: inline-block; line-height: 30px; margin: 0;     height: 20px; vertical-align: middle;}
.cart-totals table tbody tr:last-child th .btn-remove-amgiftcard i.fa.fa-close, .customer-account-gift-card-item a i.fa.fa-times
{    line-height: 35px;
    background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) 0px -649px;
    content: "";
    height: 20px;
    width: 20px;}
.cart-totals table tbody tr:last-child th .btn-remove-amgiftcard i.fa.fa-close:hover, .customer-account-gift-card-item a i.fa.fa-times:hover{    background-position: -50px -649px;}
#one-step-checkout-form .checkout-review-load .data-table tfoot th .btn-remove-amgiftcard{     display: inline-block;
    line-height: 30px;
    margin: 0;
    padding: 0; vertical-align: top;     height: 20px;}
.customer-account-gift-card-item a .fa-times:before{ display: none;}
.button2, .shipping #co-shipping-method-form .buttons-set .button { border: 0; padding: 0 31px; margin: 0; background: #4b6a18; cursor: pointer; vertical-align: middle; line-height: 45px; height: 45px; text-transform: uppercase; display: inline-block; color: #FFF; font-size: 14px; }
#shopping-cart-table .product-cart-actions .button.btn-update { border: 0; padding: 0 10px; margin: 0px 0 0; background: #909090; cursor: pointer; vertical-align: top; line-height: 27px; height: 34px; text-transform: uppercase; color: #FFF; font-size: 13px; /*margin-top: -10px;*/ padding: 0; width: 75px; min-width: 75px; border-radius: 50px;}
.button2:focus, .shipping #co-shipping-method-form .buttons-set .button:focus, #shopping-cart-table .product-cart-actions .button.btn-update:focus { outline: none; }
.button2:hover, .shipping #co-shipping-method-form .buttons-set .button:hover, .shipping #co-shipping-method-form .buttons-set .button:focus, #shopping-cart-table .product-cart-actions .button.btn-update:hover { background: #4b6a18; color: #FFF; }



/*checkout page */
.onestepcheckout-index-index .selector span, .onestepcheckout-index-index #ccsave_cc_number, .onestepcheckout-index-index #ccsave_cc_owner { /* background: none; */ border: 0; border-bottom: 1px solid #e0e0e0;}
/*checkout page */

@media only screen and (max-width: 639px) {
.customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2{padding-left: 0; padding-right: 0;}
#payment-tool-tip { margin-left: -160px; margin-top: 20px; width: 320px; }
}
@media only screen and (max-width: 599px) {
	#payment-tool-tip { margin-left: -160px; margin-top: 0px; width: 320px; }
}
@media only screen and (max-width: 400px) {
	#payment-tool-tip { margin-left: -135px; margin-top: 0px; width: 270px; }
}

/*=================================================== Home Page ================================================*/

/* BTN section */

.black_btn { background: #303030;color:#fff; }
.black_btn:before { background: #e83442;}

.main_btn {min-width: 180px; font-size: 15px; font-weight: normal;  font-family: 'Raleway-Bold';  text-transform: uppercase;  line-height: 45px; text-align: center; display: inline-block;  position: relative; z-index: 2;overflow: hidden;text-shadow: none;   padding: 0 15px; transition:all 0.5s ease 0s;  -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;  -o-transition:all 0.5s ease 0s;   -webkit-transition:all 0.5s ease 0s;      }
.main_btn:before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;background: #000;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;z-index: -1; transform: skew(70deg);-o-transform: skew(70deg);-ms-transform: skew(70deg);-moz-transform: skew(70deg);-webkit-transform: skew(70deg); }
.main_btn:after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 0;background: #000;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;z-index: -1;transform: skew(70deg);-o-transform: skew(70deg);-ms-transform: skew(70deg);-moz-transform: skew(70deg);-webkit-transform: skew(70deg);}
.m_auto { margin: 0 auto }

.main_btn.green_btn {background: #4b6a18;border-radius: 50px;color: #fff; border: none 0px;}
.main_btn.green_btn:before {  background: #000;}
.main_btn.green_btn:after {  background: #000;}

.main_btn.border_green_btn {  border: 1px solid #4b6a18;  border-radius: 30px;  color: #4b6a18; background: transparent; }
.wel_btn { margin-top: 15px;}
.border_btn { border: 1px solid #fff;  border-radius: 30px;  color: #fff; }

.col-xl-offset-1{margin-left:8.33333333%}
.col-xl-offset-2{margin-left:16.66666667%}
.col-xl-offset-3{margin-left:25%}
.col-xl-offset-4{margin-left:33.33333333%}
.col-xl-offset-5{margin-left:41.66666667%}
.col-xl-offset-6{margin-left:50%}
.col-xl-offset-7{margin-left:58.33333333%}
.col-xl-offset-8{margin-left:66.66666667%}
.col-xl-offset-9{margin-left:75%}
.col-xl-offset-10{margin-left:83.33333333%}
.col-xl-offset-11{margin-left:91.66666667%}


@media (min-width:1025px)
{
       
    .main_btn:hover:before, .main_btn:focus:before{width: 100%;height: 100%;}
    .main_btn:hover, .main_btn:focus{color: #fff !important;}
    
    .main_btn.blue_btn:hover {  color: #fff;}
    .main_btn:hover:after {  width: 100%;  height: 100%;}
    
    
}
/* BTN section */




.hl-banner-slider {  position: relative;  z-index: 1; }
.hl-banner-slider figure{overflow:hidden;position:relative}
.hl-banner-slider figure img{position:relative;z-index:-1;max-width:initial;width:auto !important;top: 50%;left: 50%;transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%); -webkit-transform: translate(-50%); }
.hl-banner-slider figcaption {position: absolute;top: 50%;transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);left: 50%;max-width: 750px;margin-top: -5px;padding: 0 15px;width: 100%;text-align: center;z-index: 2;}
.hl-banner-slider figcaption h2,.hl-banner-slider figcaption .h2{line-height: 60px;font-size: 52px;color:#fff;margin: 0 0 18px 0;text-transform: uppercase; font-family: 'Raleway-Bold'; }
.hl-banner-slider figcaption p{font-size: 17px;color:#fff;max-width: 580px;margin: 0 auto 25px;font-family: 'Raleway-Medium';}
.hl-banner-slider figcaption a{}

.hl-products-slider.slide-true .owl-nav > div{display:block !important}
.hl-banner-slider figure:before {  content: "";  display: block;  position: absolute;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.10); z-index: 1; }
.owl-theme .owl-controls {  margin-top: 0; }

.hl-banner-slider .owl-dots {position: absolute;right: 60px;top: 50%;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.hl-banner-slider .owl-dots .owl-dot {  display: block;}
.hl-banner-slider .owl-dots .owl-dot span {  width: 14px;  height: 14px;  border: 2px solid #4b6a18 !important;  background: #fff !important;  text-align: center;  margin: 0 auto 9px;}
span {}
.hl-banner-slider .owl-dots .owl-dot.active span {  width: 18px;  height: 18px;  border-color: #fff !important;  background: #4B6A18 !important;}

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

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

.hl-welcome-content-container {text-align: center;margin: 0 auto;display: block;padding: 60px 0;}
.hl-welcome-container .hl-welcome-content {  padding-top: 25px; }
.hl-welcome-container a.hl-welcome-btn {  font-size: 36px; color: #4F6C29;  display: inline-block;  vertical-align: middle;  position: relative;     padding: 15px 0 0 0;}
.hl-welcome-container a.hl-welcome-btn i { transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.hl-welcome-container a.hl-welcome-btn:before {content: "";display: inline-block;width: 100px;height: 1px;background: #dddddd;vertical-align: middle;position: absolute;left: 50%; top: 50%;margin: 8px 0 0 -87px; transform: translate(-50%);
-o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%); -webkit-transform: translate(-50%); }
.hl-welcome-container a.hl-welcome-btn:after {content: "";position: absolute;left: 50%;top: 50%;margin: 8px 0 0 87px;width: 100px;height: 1px;background: #dddddd; transform: translate(-50%);
-o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%); -webkit-transform: translate(-50%);}


/************ New book **************/

.home_pb {   padding: 70px 0; }
.main_title {  font-size: 30px;  color: #000;  margin-bottom: 15px;     font-family: 'Raleway-Bold';}
.hover_box_main {position: absolute;top: 50%;left: 50%;width: 100%;padding: 0 15px;text-align: center;transform: translate(-50%,-50%) scale(0);-o-transform: translate(-50%,-50%) scale(0);-ms-transform: translate(-50%,-50%) scale(0);-moz-transform: translate(-50%,-50%) scale(0);-webkit-transform: translate(-50%,-50%) scale(0); transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;z-index: 1;}
.view_btn {  text-align: center;  padding: 15px 0 0 0;}
.view_btn .main_btn.green_btn {  min-width: 280px;}
.home-category-slider .owl-nav {position: absolute;right: 0;top: -70px;left: auto;transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); width: auto;padding: 0;}
.home-category-slider .owl-nav div {  background: transparent !important;  padding: 0 !important;  margin: 0 !important; }

.owl-nav div.owl-prev span {height: 47px;width: 25px;background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) no-repeat 0 -880px transparent;display: inline-block;margin: 0 10px 0 0;}
.owl-nav div.owl-prev span:hover{ background-position: 0 -927px;}
.owl-nav div.owl-next span {height: 47px;width: 25px;background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/icon_sprite.png) no-repeat -26px -880px transparent;display: inline-block;margin: 0 0 0 10px;}
.owl-nav div.owl-next span:hover{ background-position: -26px -927px;}

.owl-carousel .owl-item { backface-visibility: visible !important; -o-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -webkit-backface-visibility: visible !important; }
.owl-carousel .owl-item li{ padding: 0;}
.owl-nav{position:absolute;top:50%;left:50%;width: 1400px;padding:0 15px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;pointer-events:none;}
.owl-nav > div{float:left;pointer-events:auto;background: transparent !important;border-radius: 0 !important;padding: 0 !important;margin: 0 -10px 0 -10px !important;}
.owl-nav > div.owl-next{float:right}

.owl-nav > div{ margin: 0 -50px 0 -50px !important;}
.arrivals_slider .owl-nav > div { margin: 0 -10px 0 -10px !important;}

.flex { display: flex; 
    display: -ms-flexbox;
    -ms-flex-pack: left;  }
.home-book-categories { padding: 78px 0 79px 0;}
.home-book-categories-container {width: 100%; max-width: 1200px; margin: 0 auto;}
.home-category-images { width: 54.733%; }
.home-category-slider-container {  width: 45.267%;  position: relative;  padding: 0 16px;}
.home-category-slider-container:after{ content: ""; position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(255,255,255,0.79);  z-index: -1; }
.view_btn_box { display: block; margin: 0 auto; padding: 38px 0 0 0; }
.view_btn_box .main_btn {   min-width: 260px; vertical-align:  top; }

.home-category-img-grid {  width: 50%;  flex-direction: column;   justify-content: space-between; -ms-flex-align: start;
    align-items: flex-start; padding: 0 10px; overflow: hidden;}
.home-book-categories .home-category {
    position: relative;     margin: 8px 0;
}
.home-category-slider-main { padding: 20px 33px 10px 25px; background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/topics_bg_img.jpg) no-repeat center center / cover; width: 100%; }
.home-category-slider-main .main_title { margin: 0 0 27px 0; }
.home-category .category_title {  display: block;  position: absolute;  top: 50%;  left: 50%; color: #fff;  font-family: 'Raleway-Bold';  font-size: 20px; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%; text-align: center;  padding: 0 15px;}
.home-category .category_hover {position: absolute;top: 50%;left: 50%;margin: 0 auto;z-index: 1;display: block;width: 100%;text-align: center;padding: 0 30px; transform: translate(-50%,-50%) scale(0);-o-transform: translate(-50%,-50%) scale(0);-ms-transform: translate(-50%,-50%) scale(0);-moz-transform: translate(-50%,-50%) scale(0);-webkit-transform: translate(-50%,-50%) scale(0);
transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}

.home-category .category_hover .category_title { position: relative; top: 0; left: 0; transform: translate(0); -o-transform: translate(0);-ms-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); }
.home-category .category_hover p {  color: #fff;  font-size: 15px; }
.home-category:before {content: "";position: absolute;top: 0;left: 0;right: 100%;bottom: 0;background: rgba(75,106,24,0.90);transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.home-category:after {content: "";position: absolute;top: 0;left: 100%;right: 0;bottom: 0;border: 0px solid #fff;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;pointer-events: none;}

.home-category-slider .topic_main_box { position: relative }
.home-category-slider .topic_main_box:before {content: "";position: absolute;top: 0;left: 100%;right: 0;bottom: 0;border: 0px solid #fff;z-index: 1;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.home-category-slider .topic_main_box:after {content: "";position: absolute;top: 0;left: 0;right: 100%;bottom: 0;background: #fff;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}

.topic_main_box .hover_box_main .title_main {font-size: 20px;color: #000;font-family: 'Raleway-Bold';display: inline-block;padding-bottom: 5px;}
.topic_main_box .hover_box_main p {font-size: 15px; color: #666666; line-height: 22px; padding: 0 15px; margin-bottom: 10px;}
.topic_main_box .hover_box_main span {font-size: 14px;color: #000;font-family: 'Raleway-SemiBold';display: block;padding-bottom: 5px;}
.topic_main_box .hover_box_main h4 {font-size: 15px; margin-bottom: 10px;  font-family: 'Raleway-SemiBold'; color: #000000;}
.topic_main_box .hover_box_main span.price {font-size: 20px;display: inline-block;}
.heading4 { display: inline-block; width: 100%; vertical-align: baseline;}
.heading4 .price-box { display: inline-table; vertical-align: baseline;}
.heading4 .price-box p {  padding: 0 4px; }
.hover_box_main .main_btn {  min-width: 160px;  font-size: 15px;}


.arrivals_section {background: #f6f7f9;width: 100%;max-width: 1200px;margin: 0 auto;}
.arrivals_section .arrivals_content {  width: 40%;  padding: 0 15px;  float: left;     display: inline-block;}
.arrivals_section .arrivals_slider_box {  width: 60%;  padding: 0 15px;}
.arrivals_slider {   padding: 0 50px; }
.arrivals_section .arrivals_content .main_btn.green_btn {  min-width: 200px; }
.arrivals_section .arrivals_content p {  text-align: justify; padding-right: 30px; font-size: 15px; line-height: 22px; }
.arrivals_section .arrivals_content .main_title{ font-size: 35px;}
.arrivals_slider a.img_main_box { display: block;  position: relative;  overflow: hidden;}
.arrivals_slider a.img_main_box:before {content: "";position: absolute;top: 0;left: 0;right: 100%;bottom: 0;background: rgba(0,0,0,0.50);z-index: 1;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.home-new-products{     width: 100%;
    background: #f6f7f9;
    display: inline-block;}

.arrivals_slider a.img_main_box:after {content: "\f055";position: absolute;font-size: 40px;color: #fff;font-weight: 900; font-family:'FontAwesome'; top: 50%;left: 100%;z-index: 1;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; font-family:'FontAwesome';
transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }


.category_slider .owl-nav div {   margin: 0 -60px 0 -60px !important;}
.resp-tabs-list{margin: 0 auto !important;padding: 0 0 0 0 !important;position:relative;text-align:center;border-bottom: 0;overflow: visible;}

.resp-tabs-list li {  float: none;  border: 0;  margin-right: 15px !important; position: relative;     font-size: 35px; color: #010101; font-family: 'Raleway-Bold'; padding: 0 }
.resp-tabs-container {  border: 0;}
.resp-tabs-container .resp-tab-content {  border: 0; padding: 0}
.resp-tabs-list li.resp-tab-item.resp-tab-active {  padding: 0 !important;}
.resp-tabs-list li:before {content: "";position: absolute;bottom: 0;left: 0;width: 0;border: 0px solid #fff;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.resp-tabs-list li.resp-tab-item.resp-tab-active:before {  border: 2px solid #4b6a18;   width: 100%;}


.category_slider {  padding: 30px 0 0 0;}
.category_slider_content {  padding: 25px 35px;  background: #f6f7f9;  text-align: center;}
.category_slider_content a {   display: block;}
.category_slider_content img {  margin-bottom: 15px;}
.category_slider_content span {  font-size: 15px;  color: #000;  font-family: 'Raleway-Bold';  display: inline-block;   padding: 10px 0;     width: 100%; }
.category_slider_content h4 {  font-size: 15px;  margin-bottom: 10px; color: #000;}
.category_slider_content span.price {   font-size: 20px;  padding: 0;     width: auto;     vertical-align: baseline;}
.hover_box .title_main {font-size: 20px;color: #000;font-family: 'Raleway-Bold';display: inline-block;margin-bottom: 10px;}
.hover_box p {   margin: 0;}
.category_slider_content a.main_btn {   display: inline-block; }

.hover_box {  position: absolute;  top: 50%;  left: 50%;  z-index: 3;  width: 100%;  padding: 0 30px; transform: translate(-50%,-50%) scale(0); -o-transform: translate(-50%,-50%) scale(0); -ms-transform: translate(-50%,-50%) scale(0);
-moz-transform: translate(-50%,-50%) scale(0); -webkit-transform: translate(-50%,-50%) scale(0); transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s; }

.category_slider_content:before {content: "";position: absolute;top: 0;left: 0;right: 100%;bottom: 0;background: #fff;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;z-index: 3; pointer-events: none}
.category_slider_content:after {content: "";  position: absolute;  top: 0;  left: 100%;  right: 0;  bottom: 0;  border: 0px solid #4b6a18;   transition: all 0.5s ease 0s;  -moz-transition:all 0.5s ease 0s;   -ms-transition:all 0.5s ease 0s;    -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;  z-index: 3; pointer-events: none}
.category_slider_content img {   width: auto !important;  margin: 0 auto 5px;  text-align: center;  display: block; }

.welcome_section {position: relative;background: #4b6a18; margin-bottom: 0px;}
.welcome_section.buytext {     background:#648829;}
.welcome_section .welcome_img_box {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 50%;top: 0;margin: 0 115px 0 0;}
.welcome_section .welcome_img_box.rightpart{ bottom: 0;left:50%;overflow: hidden;position: absolute;right: 0;top: 0;margin: 0 0 0 115px;}
.welcome_section .welcome_img_box img {min-height: 100%;min-width: 100%;max-width: inherit;position: absolute;right: 0;top: 0;width: auto;}
.welcome_conent_main {   padding: 50px 50px; }
.welcome_conent_main h1,
.welcome_conent_main h2,
.welcome_conent_main h3,
.welcome_conent_main h4,
.welcome_conent_main h5,
.welcome_conent_main h6 { color: #fff; font-family: 'Raleway-SemiBold'; font-size: 45px; margin: 0 0 20px 0;}
.hl-welcome-content p {      color: #fff;
     font-family: 'Raleway-Medium';
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 22px;
    font-weight: normal; }
.hl-welcome-content {     overflow: hidden;  max-height: inherit; }
.bottom-about-content-home p {
    color: #000;
    font-family: 'Raleway-Medium';
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 22px;
    font-weight: normal;
}
.bottom-about-content-home h2{ margin-bottom:15px;}
 
.cms-index-index .std .bottom-about-content-home ul li:before{     visibility: visible;}

.footer_form {  background: rgba(255,255,255,0.50);  box-shadow: 4px 0 35px rgba(102,102,102,0.16);  padding: 60px 0 30px 0; position: relative}
.footer_form_main {  max-width: 780px;  margin: 0 auto;}
.footer_form_main .input-box .main_btn.green_btn {  display: inline-block;  position: absolute;  top: 0;  right: 0;  line-height: 60px; padding: 0;}
.footer_form_main .input-box .button {  display: inline-block;  margin-right: 0;  border-radius: 50px;  height: 60px;  padding: 0 180px 0 30px; border-color: #3d393a;  color: #4b6a18; font-size: 15px;}
.footer_form_main .input-box .main_btn.green_btn .button {  background: transparent;  border: 0;  color: #fff;   text-transform: uppercase;   width: 100%;   padding: 0;}
.footer_form_main h3 {text-align: center;font-size: 35px;margin: 0 0 20px 0;font-family: 'Raleway-Bold';font-weight: normal;color: #000;}

.footer_form_main .input-box {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
.footer_form_main .input-box input {
    display: inline-block;
    margin-right: 0;
    border-radius: 50px;
    height: 60px;
    padding: 0 180px 0 30px;
    border-color: #3d393a;
    color: #4b6a18;
    border: 1px solid #3d393a;
    background: #fff;
        font-size: 15px;
    font-weight: 400;
} 
.footer_form_main .input-box input::-webkit-input-placeholder{color: #4b6a18;opacity:1}
.footer_form_main .input-box input:-moz-placeholder{color:#4b6a18;opacity:1}
.footer_form_main .input-box input::-moz-placeholder{color:#4b6a18;opacity:1}
.footer_form_main .input-box input:-ms-input-placeholder{color:#4b6a18;opacity:1}

/*=================================================== Footer ===================================================*/
.site-main > footer{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;box-shadow:0 0 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);-ms-box-shadow:0 0 3px rgba(0,0,0,0.2);-o-box-shadow:0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2)}
.footer{position:relative;overflow:visible}
.footer_form:before {content: "";position: absolute;top: 10px;left: 50%;background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/book_img.png) no-repeat center center / cover;width: 508px;height: 301px;z-index: 1;pointer-events: none;margin: 0 0 0 -900px;}
.footer-top {  padding: 80px 0 80px 0; position: relative}
.footer-top:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/footer_bg_img.jpg) no-repeat center center  / cover ;}
.mobile-accordion .title{color: #000;font-weight: normal;font-size: 25px;display:block;position:relative;line-height:30px;margin:0;margin-bottom: 0;padding-bottom: 0; text-transform: capitalize; font-family: 'Raleway-Bold'; }
.mobile-accordion ul{list-style-type:none;padding:0;margin-bottom: 0;padding-top: 30px;}
.mobile-accordion ul:after{content:"";display:block;clear:both}
.mobile-accordion ul li{line-height: 24px;color: #606060;font-weight: normal;font-size: 15px;padding: 5px 0 5px 0;}
.mobile-accordion ul li a{color: #000000;position:relative;display:inline-block;vertical-align:top;font-size: 15px;font-family: 'Raleway-Medium';}
.mobile-accordion ul li.active a{color:#4F6C29}
.mobile-accordion-toggle {   margin: 30px 0 0 0;}
.mobile-accordion-toggle p, .mobile-accordion-toggle p a {  font-size: 15px;
    color: #000;
    font-family: 'Raleway-Medium';
    margin-top: 9px;
    line-height: 24px;
    margin-bottom: 0;}
.footer-contact.footer_email {   padding: 10px 0 0 0; }
.footer_logo_box a {  display: block;  margin: 5px 0  0 0; }
.signature{padding: 11px 0 11px 0;text-align:center;position:relative;margin-top:0;}
.signature span,.signature p,.signature a{color: #fff;font-weight: normal;line-height: 30px;margin:0;font-size: 15px;display:inline-block;vertical-align:top;}
.signature span:before{content:"|";margin:0 8px 0 8px}
.signature p+p:before{content:"|";margin:0 5px 0 5px}
.footer_bottom {  background: #101010; }
.footer_social_main li {  display: inline-block; margin-right: 4px;}
.footer_social_main li a {  display: block;  width: 50px;  height: 50px;  border: 1px solid #4b6a18;  text-align: center;  line-height: 50px;  border-radius: 50%;  position: relative;  overflow: hidden;}
.footer_social_main li a i, .footer_social_main li a em {  font-size: 22px;  transition: all 0.5s ease 0s;  -moz-transition:all 0.5s ease 0s;  -ms-transition:all 0.5s ease 0s;  -o-transition:all 0.5s ease 0s;  -webkit-transition:all 0.5s ease 0s;    position: absolute; top: 50%;   left: 50%; color: #4F6C29; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  }
.footer_social_main li a:before {content: "";position: absolute;top: 100%;left: 0;right: 0;bottom: 0;background: #4F6C29;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     rwd_default
 * @copyright   Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* ============================================ *
 * Homepage
 * ============================================ */
/* -------------------------------------------- *
 * Primary Banner
 */
body.cms-home .main-container {
  padding-top: 0px;
}
body.cms-home .slideshow-container {
  margin-top: 0;
}

.slideshow .banner-msg {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  top: 30%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.slideshow .banner-msg h2 {
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 1px 1px 3px #555555;
}

.slideshow .banner-msg h2 strong {
  font-weight: bold;
  display: block;
  font-size: 36px;
}

@media only screen and (max-width: 770px) {
  .slideshow .banner-msg h2 {
    font-size: 20px;
  }

  .slideshow .banner-msg h2 strong {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .slideshow .banner-msg {
    top: 20%;
  }

  .slideshow .banner-msg h2 {
    font-size: 14px;
  }

  .slideshow .banner-msg h2 strong {
    font-size: 16px;
  }
}
/* -------------------------------------------- *
 * Promotion Banner Section
 */
.promos {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}

.promos:after {
  content: '';
  display: table;
  clear: both;
}

/* Specifying the body only in order to override the .std ul li styling */
body .promos > li {
  margin: 0 0 10px 0;
  list-style: none;
  text-align: center;
  position: relative;
  border: 1px solid #cccccc;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.promos > li:last-child {
  margin-bottom: 0;
}

.promos img {
  max-width: 100%;
  width: 100%;
}

.promos a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: block;
}

.promos span {
  color: #FFFFFF;
  text-transform: uppercase;
  position: absolute;
  display: block;
  width: 100%;
  top: 10%;
  font-weight: 500;
  font-size: 20px;
  
  text-shadow: 1px 1px 3px #555555;
}

.promos strong {
  font-weight: 600;
  font-size: 26px;
  display: block;
}

@media only screen and (min-width: 771px) {
  .promos span {
    font-size: 16px;
  }

  .promos strong {
    font-size: 17px;
  }

  /* Config: Three columns + flexible gutter */
  body .promos > li {
    float: left;
    width: 31.74603%;
    margin-right: 2.38095%;
  }

  .promos > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 880px) {
  .promos span {
    font-size: 18px;
  }

  .promos strong {
    font-size: 24px;
  }
}
/* -------------------------------------------- *
 * New Products Section
 */
/* Hiding the reviews content via CSS because we can't modify the template, */
/* since it may be used in other places where those elements are needed */
.cms-index-index .products-grid .ratings,
.cms-index-index .products-grid .actions,
.cms-index-noroute .products-grid .ratings,
.cms-index-noroute .products-grid .actions {
  display: none;
}

.cms-index-index h2.subtitle {
  padding: 6px 0;
  text-align: center;
  color: #3399cc;
  font-weight: 600;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

.cms-index-noroute h2.subtitle {
  display: none;
}

/* ============================================ *
 * Category Landing Pages
 * ============================================ */
.category-image {
  position: relative;
}

.categorylandingMainblock {
  border: 1px solid #E2E2E2;
  padding: 7px;
}

.catblocks {
  float: left;
  padding: 0 0 20px 0;
  width: 100%;
}

.catblocks li {
  position: relative;
  float: left !important;
  width: 23% !important;
  margin-right: 2.66667% !important;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  padding: 10px;
}

.catblocks li:hover {
  border-color: #3399cc;
}

@media only screen and (max-width: 770px) {
  .catblocks li {
    width: 49% !important;
    margin-right: 2% !important;
  }

  .catblocks li:nth-child(even) {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 479px) {
  .catblocks li {
    width: 100% !important;
    margin-right: 0 !important;
    float: none;
  }
}
.catblocks li:last-child {
  margin-right: 0 !important;
}

.catblocks li img {
  width: 100%;
  max-width: 100%;
}

.catblocks li a span {
  color: #FFFFFF;
  position: absolute;
  background-color: #7B7C7B;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 5px 10px;
  margin-right: 10px;
}

.catblocklinks a {
  color: #FFFFFF;
  text-decoration: none;
}

.catlandingbottomPromoblock {
  float: left;
  width: 100%;
  border: 1px solid #E2E2E2;
  margin-bottom: 100px;
}

.catalog-category-view div.categoryland-caption {
  display: block;
  margin: 0;
  position: absolute;
  color: #000000;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
}

.catalog-category-view div.categoryland-caption span.blue-big-text {
  color: #3399CC;
  font-size: 50px;
  font-weight: 800;
  padding: 0 0 0 8px;
}

.catalog-category-view div.categoryland-caption span.blue-big-text {
  padding: 0 !important;
}

.catalog-category-view div.categoryland-caption span.three-dots {
  background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/bg_threeDots.png) no-repeat center center;
  display: block;
  height: 20px;
}

.catalog-category-view div.categoryland-caption p.desc {
  font: italic 18px/28px Georgia, "Times New Roman", Times, serif;
  color: #656565;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover,
.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover {
  text-decoration: underline;
  color: #1189C5;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text,
.catalog-category-view div.categoryland-caption span.blue-big-text {
  color: #3399CC;
  font-size: 50px;
  font-weight: 800;
  padding: 0 0 0 8px;
}

.catalog-category-view div.categoryland-caption span.blue-big-text {
  padding: 0 !important;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots,
.catalog-category-view div.categoryland-caption span.three-dots {
  background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/bg_threeDots.png) no-repeat center center;
  display: block;
  height: 20px;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc,
.catalog-category-view div.categoryland-caption p.desc {
  font: italic 18px/28px Georgia, "Times New Roman", Times, serif;
  color: #656565;
}

/*Homepage
###############################################*/

/*main containers*/
@media all and (max-width:767px) {
.main-container { padding-bottom: 15px;} 
.checkout-cart-index .main-container {padding-bottom:0 !important;}
.checkout-cart-index .col1-layout .col-main{margin-bottom:0;}
}
/*main containers end */ 
/* Header 
============================================ */

@media all and (max-width:1023px) {
.account-cart-wrapper > div { margin-right: 10px; }
.account-cart-wrapper > div.skip-nav-wrapper { margin-right: 0px; }    
.skip-search-wrapper{ display: none;}    
.nav-primary a.level0 { padding: 15px 4px 18px }
#stickerStickyWrapper, #sticker { height: auto !important }
.nav-primary a.level0.has-children:after{ right: -5px; top: 15px;}   
    .aboutus-left, .aboutus-right{ width: 100%; }
    .aboutus-full .fullleft, .aboutus-full .fullright {
    width: 100%;
    display: inline-block;
    padding: 0 15px;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 15px;
}
.product-banner-outer .product-image img{ max-width:inherit; width:auto;}
.cms-index-index .std .bottom-about-content-home{ padding:15px;}
}
@media all and (max-width:767px) {
 .skip-search-wrapper{ display: block;}     
.page-header { padding-bottom: 0; width: 100% !important;}
.account-cart-wrapper { padding-top: 8px; }
.account-cart-wrapper > div {  float: right; }
.account-cart-wrapper > div > div  .label { font-size: 12px; }
.page-header-container { position: relative; }
#header-nav { position: fixed; top: 0; left: 100%; width: 280px; bottom: 0; z-index: 9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow-y: auto; overflow-x: hidden; display: block !important; background: #fff;}
.header-search { width: 330px; margin-right: 15px; }
.show-menu #header-nav { margin-left: -280px; }
#header-nav .skip-link-close { position: absolute; right: 5px; top: 5px; color: #4B6A18; background: #fff; line-height: 32px; width: 38px; text-align: center; font-size: 34px; height: 36px; opacity: 1; }
.nav-primary li.level0 .submenu-outer {  background: #000;     display: none;}
.nav-primary li.level0 .submenu-outer .submenu-outer{ background: #ccc;}    
.nav-primary li.level1 a { padding: 5px 15px; color: #FFFFFF; display: block;     border-bottom: solid 1px #ccc;}
.nav-primary ul.level1 { display: none; background: rgba(0, 0, 0, 0.12); }
.categoryimage2 { display: none; }
.nav-primary li.level0 > a {     border-bottom: solid 1px #ccc; text-transform: none; font-weight: normal; letter-spacing: 0; display: block; padding: 5px 10px 0; }
.nav-primary .toggle-handle { top: 0px; }
.nav-primary .toggle-handle em { background: #fff; }
.nav-primary { position: relative }
.logo-links { float: right; padding-top: 30px; }
#sticker.sticky .logo-links { padding-top: 8px; }
.menu-handle, .toggle-handle { display: block }
.nav-primary li { position: relative }
html.show-menu .wrapper, html.show-menu .header-outer { left: -280px; }
html.show-links .wrapper, html.show-links .header-outer { left: 280px; }
.header-wrapper { height: 80px; }
    .header-outer{     top: 0px; position: fixed;}
        .sticky .header-outer{position:fixed;left:0;right:0;top:0;transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;-webkit-transition: all 0s ease;box-shadow: 0 0 0px #000;     border-bottom: solid 1px #ccc;}

    .header_title_top{ display: none;}    
.account-cart-wrapper > div > .header-account-link-wrapper{ font-size: 26px; line-height: 32px; color: #262626;} 
.cart .page-title{ margin-top: 20px;} 
}
@media all and (max-width:767px) {
.show-menu #header.sticky { left: -280px }
#headerStickyWrapper { width: 100% !important; height: auto !important }
#header { background: #fff; width: 100% !important; z-index: 9; left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: none;}
#header.sticky { box-shadow: 0 2px 2px 0px #888888; -webkit-box-shadow: 0 2px 2px 0px #888888; -o-box-shadow: 0 2px 2px 0px #888888; -moz-box-shadow: 0 2px 2px 0px #888888; }
    .logo{padding-top: 9px;}
.desktop-element { display: none; }
.header-top-left-link .shipping-msg { display: none; }
.header-top-right-link .tel-section { display: none; }
.header-top-links { position: fixed; left: -280px; top: 0; max-width: 280px; background: #ebebeb; bottom: 0; z-index: 9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; transition-property: left; -webkit-transition-property: left; }
html.show-links .header-top-links { left: 0; }
.header-top-links h2 { padding: 10px 10px; font-size: 14px; text-transform: none; background: #606060; color: #fff; margin-bottom: 0; display: block; position: relative }
.topbar ul { float: none }
.topbar ul li a { padding: 5px 10px; border-bottom: 1px dashed #C7C7C7; color: #333; }
.topbar .header-top-right-link ul li:last-child a { border-bottom: 0 }
.top-lins-wrapper > div { float: left; display: block; margin-right: 20px; }
.top-lins-wrapper .tel-section { display: block; }
.top-lins-wrapper > div a { position: relative; line-height: 36px; font-size: 13px; color: #fff; display: block; }
.top-lins-wrapper a:last-child { margin-right: 0 }
.top-lins-wrapper i { color: #ed1d23; font-size: 16px; margin-right: 5px; vertical-align: middle; }
#sidebar-nav-menu a.close-top-link{height: 50px; line-height: 50px; padding: 0; width: 50px; }
.close-top-link { position: absolute !important; right: 0; top: 0; width: 36px; color: #fff !important; line-height: 36px; height: 36px; text-align: center; padding: 0; background: #484848; }
.topbar .mobile-top-right-links { float: left; }
.account-cart-wrapper > div > .header-account-link-wrapper .label { display: none; }
.container { padding-left: 10px; padding-right: 10px; }
#header-account li a, .nav-primary a.level0, .nav-primary a.level1 { padding: 5px 15px 5px 30px; text-align: left; color: #FFFFFF; line-height: 30px;  }
#header-account li:last-child a, .nav-primary li.level0:last-child a.level0 { border-bottom: 0; }
.no-touch #header-account a:hover, .no-touch .nav-primary a:hover { /*background-color: #FF9E7E;*/ text-decoration: none; }
.nav-primary ul.level1 { background: rgba(0, 0, 0, 0.15); display: none; }
.nav-primary li.level1 li.level2 a { color: #fff; padding: 5px 15px; font-size: 14px; line-height: 20px;  }
.account-cart-wrapper { position: static; float: right; padding-top: 3px; }
.search-toggle-btn { float: left; width: 22px !important; padding-left: 0px !important; }
.search-toggle-btn:before { left: 10px !important }
.search-toggle-btn:after { opacity: 0 !important }
.skip-cart .count, .account-cart-wrapper .wishlist-count { top: -3px; right: -4px; }
.account-cart-wrapper a.skip-search .fa-search:before { content: "";
    position: relative;
    right: 0px;
    top: 50%;
    background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/search_icon.png) no-repeat 0 0;
    cursor: pointer;
    width: 21px;
    height: 21px;
    display: block;     margin-right: 5px;
     }
.mobile-account-links-wrapper{display:block; }
.mobile-account-links-wrapper h2{background:#333; color:#fff;position: relative;padding: 7px 10px 8px;margin-bottom: 0;}
.mobile-account-links-wrapper h2 a{ background: none; color: #fff;}
.mobile-account-links-wrapper h2 a i{color:#fff}
html.show-my-account-links{overflow:hidden}
.account-cart-wrapper .my-account-link{cursor:pointer;}
.account-cart-wrapper > div > .header-account-link-wrapper .sub-label{display:none;}
.skip-search:before, .skip-search:after { background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/sprite.png) no-repeat -74px -197px !important; margin-top: -9px !important; margin-left: -8px !important; }
.skip-search:after { background-position: -74px -228px !important; }
.skip-search:hover:after, .skip-search.skip-active:after { opacity: 1 !important }
.skip-link:before, .skip-link:after, .account-cart-wrapper a:before, .account-cart-wrapper a:after {/* margin-left:0; */ /* left:0;  width: 23px; height: 30px;*/ }
.skip-cart { width: 30px; height: 40px; }
.account-cart-wrapper a.skip-login:before, .account-cart-wrapper a.skip-login:after { background-position: 0 -403px; width: 16px; height: 17px; margin: -9px 0 0 -10px; }
.account-cart-wrapper > a:last-child { margin-right: -3px; }
#header-search.skip-active { top: 49px; }
.account-cart-wrapper a.skip-my-account:before, .account-cart-wrapper a.skip-my-account:after { margin-top: -11px }
.account-cart-wrapper a.skip-logout:before { left: 50%; margin-left: -10px; top: 50%; margin-top: -11px; }
html.show-links #header.sticky { left: 280px; }
.cms-index-index .col1-layout .col-main { margin-bottom: 0 }
}
@media only screen and (max-width:900px) and (min-width:768px) {
.topbar .container { padding-top: 10px; padding-bottom: 10px; }
}
 @media only screen and (max-width: 767px) {
.header-language-background { display: none; }
.skip-link:last-child { border-right: 0; }
        
html.show-menu .header-outer { left: 0; }
#stickerStickyWrapper, #sticker { background: #fff }
.logo img.large { display: none }
.logo img.small { display: block; width: 60%;}
.logo-links { padding-top: 11px; }
.account-cart-wrapper > div > a { width: 30px; padding-left: 0; text-align: center; height: 36px; }
.account-cart-wrapper > div > a .label, .account-cart-wrapper > div > a .sub-label { display: none }
/*HEADER MINI CART  
=========================*/
.header-minicart { display: block; margin-top: 0;}
     .account-cart-wrapper .login-box .login-link{     vertical-align: top;}     
.header-minicart .subtotal .label { color: #636363; }
.header-minicart .minicart-wrapper:before { background-color: #EDEDED; }
.header-minicart .quantity-button { float: none; }
.header-minicart .header-minicart .block-cart { padding: 15px; }
.header-minicart .header-minicart .block-subtitle { padding-top: 59px; }
.header-minicart .minicart-actions { padding-bottom: 33px; }
.cart-link, .header-minicart .minicart-actions .checkout-button { }
.header-minicart .subtotal .price { font-size: 20px; line-height: 26px; }
.header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block; }
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a { display: inline; }
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top; }
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px; }
.mini-products-list .product-image { }
.header-minicart .mini-products-list li .product-details { }
.header-minicart .product-details .product-name{padding-right:0;}
.header-minicart .product-details .product-name a{font-size:12px; line-height:18px}
.header-minicart .minicart-actions .cart-link { right: auto; left: 0; text-align: center; /*width: 100%;*/ }
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6; }
.header-minicart .block-subtitle { font-size: 16px; line-height: 22px; padding: 10px; }
/*HEADER MINI CART  ends
=========================*/ 
}
@media only screen and (max-width: 639px) {
html.show-cart #header-cart { width: 100%; }
html.show-cart .wrapper { left: -100%; }
.show-cart .mini-cart-overlay { display: none !important }
}
 @media all and (max-width:479px) {
html.show-links .wrapper, html.show-links #header.sticky { left: 100%; }
.header-top-links { left: -100%; top: 0; width: 100% !important; max-width: none; }
.header-minicart .minicart-actions .checkout-button { width: 100%; }




html.show-menu .wrapper { left: -100%; }
.page-header-container .store-language-container { padding-top: 8px; }
.page-header-container .store-language-container select { font-size: 12px; }
#header-nav { width: 100%; }
.show-menu #header-nav { margin-left: -100%; }
html.show-cart .wrapper, html.show-cart #header.sticky { left: -100% }
#header-search { }
.search-title { font-size: 18px; line-height: 24px; }
html.show-menu .wrapper { left: -100%; }
.header-minicart .minicart-actions .cart-link { width: 100%; }

html.show-menu .wrapper, html.show-menu #header.sticky { left: -100% }
.mobile-account-links-wrapper{width:100%; right:-100%}
.show-my-account-links .mobile-account-links-wrapper{right:0}
.show-my-account-links .wrapper{left:-100%}
.show-my-account-links #header.sticky{left:-100%}
.minicart-item-price{position:relative;}
.mini-cart-product-name{padding-right:0; }
.mini-cart-product-name a{padding-bottom:5px; display:block; font-size:14px; line-height:16px;}
}
/* Search
============================================*/
@media only screen and (max-width: 767px) {
.header-search { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9; top: 90px;  width: 100%; left: 0; right: 0;}
#search{ width: 100%;}    
}
@media only screen and (max-width: 479px) {
.advanced-search { padding: 15px; }
}

/* Search ends
============================================*/
/* ============================================ *
 * Header ends*/
 
/* Homepage main banner
============================================ */

@media all and (max-width:1300px) {
.homebanner .flex-control-nav { }
}
 @media all and (max-width:1024px) {
.homebanner.flexslider .slides li img { width: 150%; }
.homebanner .slider-placeholder { width: 150%; }
}
 @media all and (max-width:767px) {
.homebanner-mobile { display: block; }
.homebanner-desktop { display: none; }
.homebanner .slider-placeholder, .homebanner.active .slider-loader { display: none; }
.homebanner.flexslider .slides li img { width: 100% }
.homebanner.flexslider { margin-bottom: 10px;}
.homebanner .flex-control-nav { bottom: 10px; }
.homebanner { margin-bottom: 19px; }
}
/* ============================================ *
 * Homepage main banner ends*/
 
/* Home page minibanner
============================================ */
 
 @media all and (max-width:1100px) {
.home-image-col { width: 41.9% }
.home-image-second-col { width: 58.1%; }
}
@media all and (max-width:900px) {
.home-image-col { width: 42%; }
.home-image-second-col { width: 57.2%; }
}
@media all and (max-width:767px) {
.home-image-col:last-child .homeimg-block:last-child a { margin-bottom: 0 }
.homeimage_bottom_blocks { margin: 0 -5px; }
.homeimage_bottom_blocks .homeimg-block { padding: 10px 5px; }
.homeimg-block .ausbox-name h2 a { font-size: 14px; line-height: 20px; }
.homepage-image{
    margin: 0;
}
.home-image-whole-section { margin-bottom: 15px }
.homeimage-section .homeimg-block{width:100%;}
}
@media all and (max-width:479px) {
.home-image-col { width: 100%; margin-bottom: 10px; }
}
 /* ============================================ *
 Home page minibanner ends */

/* Home page latest products
 * ============================================ */
@media all and (max-width:767px) {
.latest-deal-products h2 { font-size: 20px; line-height: 26px; letter-spacing: 0; margin-bottom: 5px; }
.latest-deal-products .list-product-image { margin-bottom: 10px; }
.latest-deal-products .list-products .product-name a { font-size: 16px; line-height: 22px; margin-bottom: 0; }
.list-products .product-name { margin-bottom: 10px; }
.latest-deal-products .list-products .price-box .price { font-size: 20px; line-height: 26px; }
.latest-deal-products .list-products .price-box .old-price .price { font-size: 16px; line-height: 22px; }
.home-feature-latest-products { padding: 10px 0 0; }
       
}

/* Home page latest products ends
 * ============================================ */

/* Home page features products with tabbing
 * ============================================ */
@media all and (max-width:1280px) {
.home-feature-latest-products .tab-content { padding: 0 25px; }
}
 @media all and (max-width:767px) {
.panel-container { margin-bottom: 30px }
.home-feature-latest-products .product-name a { font-size: 14px; }
.home-feature-latest-products .tab-content { padding: 0; }
.home-feature-latest-products #tab-container li a { font-size: 20px; line-height: 26px; letter-spacing: 0; margin-bottom: 5px; }
.home-feature-latest-products .tab-content h2.tab-title a { margin-bottom: 0; }
}
 @media all and (max-width:479px) {
.home-feature-latest-products .tab-content .item_1 .owl-controls, .block-related .item_1 .owl-controls { display: none !important; }
html.show-links .wrapper, html.show-links .header-outer { left: 100% }
.home-feature-latest-products #tab-container li a, .home-feature-latest-products .tab-content h2.tab-title a { font-size: 16px; padding: 14px 10px 12px; }
.home-feature-latest-products #tab-container li, .home-feature-latest-products .tab-content h2.tab-title { float: none; width: 100%; margin-bottom: 10px; }
.home-feature-latest-products .tab-content h2.tab-title { display: block; margin-bottom: 0; }
.home-feature-latest-products .tab-content.active .owl-stage-outer { }
     
}

/* ============================================ *
* Home page features products with tabbing ends */

/* Blog
 * ============================================ */
 @media all and (max-width:1200px) {
.blog-home .home-post-section-slider{padding-top:10px}
 }
@media all and (max-width:1100px) {
.home-post-section-slider li { padding-left: 140px; }
.home-post-right-side-text { padding-left: 190px; padding-right: 160px; }
.home-post-section-slider li .read-more-link { right: 20px; }
.home-post-date { left: -15px; }
}
@media all and (max-width:767px) {
.home-post-section-slider li .read-more-link { display: none; }
.blog-post-container h3 { font-size: 20px; letter-spacing: 0; line-height: 26px; margin-bottom: 20px; }
.blog-home .post-meta{position:relative}
.home-post-left-side-image { width: 130px; float: none; margin: 0 auto 10px; }
.home-post-date span:first-child { font-size: 30px; line-height: 36px; min-width: 0; }
.home-post-date span:nth-child(2) { font-size: 14px; line-height: 20px; }
.home-post-right-side-text { margin-left: 0; padding-left: 0; padding-right: 0; float: none;}
.home-post-section-slider li { padding-left: 20px; text-align: center; }
.home-post-date { position: relative; top: 0; left: 0; float: none; width: auto; text-align: center; margin: 0 auto; }
}

/* Blog ends
 * ============================================ */
 
/* Sticky form
* ============================================ */
@media all and (max-width:767px) {
.stickyform-btn, .floating-social-btn, .sticky-form { display: none; }
}
/* Sticky form ends
* ============================================ */
/* Homepage About us section
* ============================================ */ 
.about-us-block-content{padding: 15px 10px 20px 10px; margin: 0; max-width: none;}
.home-about-section{padding:0 0 10px}
/* Homepage About us section ends
* ============================================ */ 
/* Footer
 * ============================================ */
 
@media only screen and (max-width: 1199px) {
.footer .links { padding-right: 10px; }
.footer .links:nth-child(3) { /*width: 33.3%;*/ }
.footer .links:last-child { margin-right: 0; }
.footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto; }
.footer-bottom h2 { font-size: 24px; letter-spacing: 0; }
.footer-bottom .follow-us, .footer-bottom .we-accept { padding: 20px; }
.footer-bottom .container { padding: 0; }
.footer-middle { margin-bottom: 0px; padding-top: 20px; }
}
@media only screen and (max-width: 820px) {
.footer .form-language, .footer .currency-switcher { display: block; }
.footer .footer_product_links { width: 66.6%; }
.footer .links:first-child { width: 33.3%; }
}
@media only screen and (max-width:979px) {
.footer-bottom .follow-us, .footer-bottom .we-accept { height: 135px; }
.footer-bottom h2 { float: none }
.footer-bottom .payment-logos { margin-top: 9px }
}
@media only screen and (max-width:767px) {
.footer .block-title { margin-bottom: 0px; padding: 10px; }
.footer .block-title strong { font-size: 14px; line-height: 22px; }
.footer-middle { margin-bottom: 20px; }
.footer .block-title strong { display: block }
.footer .block-title strong em { display: block; font-size: 24px; top: -2px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.footer .block-title strong em:before{position:relative; left:3px;}
.footer .block-title.active strong em { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.footer-bottom{margin-bottom:10px}
}
 @media only screen and (max-width:479px) {
.footer .links { width: 100%; margin-bottom: 13px; }
.footer .links:last-child { margin-bottom: 0 }
.footer address { font-size: 14px; line-height: 24px; margin-bottom: 2px; }
.footer-bottom-outer { text-align: center }
.footer-bottom .follow-us, .footer-bottom .we-accept { float: none; width: auto; border-right: 0; }
.footer-bottom .follow-us { border-bottom: 1px solid #bbbbbb; padding: 10px; height: 100px; }
.footer-bottom-left { }
.footer .links ul{float:none; width:auto}
}

/*Footer newsletter */

@media all and (max-width:1024px) {
.footer-top .block-subscribe { padding: 50px 250px }
.free-shipping-block, .footer_callus { width: 230px; }
.footer-top i { font-size: 50px; }
.footer-top h2 { font-size: 20px; line-height: 26px; }
}
@media all and (max-width:1023px) {
.footer-top .block-subscribe { padding: 50px 20px 0px; }
.free-shipping-block, .footer_callus { width: 50%; }
.free-shipping-block { border-right: 7px solid #606060; }
.footer_callus { border-left: 7px solid #606060; }
}
@media all and (max-width:767px) {
.footer .links { width: auto !important; float: none; padding-right 0 !important;
padding-right: 0 !important; background: rgba(0, 0, 0, 0.13); margin-bottom: 10px; }
.footer .container{padding-bottom:10px}
.footer .block-subscribe{
    margin: 0;
}
.footer .block-subscribe .actions{
}
.footer-accordian-content { display: none; padding: 0 10px 10px; }
.footer .links.footer_product_links ul { float: none; width: auto }
}
@media all and (max-width:639px) {
.footer-top .form-list .field { width: 50%; float: left }
}
@media all and (max-width:567px) {
.free-shipping-block, .footer_callus { width: 100%; height: 230px; padding-top: 20px; }
.free-shipping-block { border-bottom: 7px solid #606060; border-right: 0; }
.footer_callus { border-left: 0; }
.footer-newsletter-input { position: relative; padding-right: 0; }
.footer-top .block-subscribe { padding-top: 20px; }
.footer .block-subscribe .actions .button { float: none; margin: 0 auto; }
.footer .block-subscribe .newsletter-subtitle { margin-bottom: 0 }
.footer-top .form-list .field { width: 100%; padding-bottom: 20px; }
}
/*Footer newsletter ends */

/* ============================================ *
 * Footer  ends*/



/*###############################################
Homepage ends*/

/*Product listing page
###############################################*/
 
 /* Main containers
 * ============================================ */
 @media only screen and (max-width: 767px) {
.col-right, .col-main, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { margin-bottom: 15px; float: none; width: auto; }
.col3-layout .col-wrapper { float: none; width: auto; margin-right: 0px; padding-right: 0px; }
.col3-layout .col-main { margin-left: 0px; padding-left: 0px; }
}
 /* ============================================ *
 * Main containers  ends*/
 
 /* Breadcrumbs
* ============================================ */
 @media only screen and (max-width: 767px) {
.breadcrumbs, .banner-breadcrumb-wrapper .breadcrumbs { display: none; }
}





/* ============================================ *
 * Breadcrumbs ends*/
 
/* Sidebars
* ============================================ */
@media all and (max-width:479px) {
.col-left img, .col-right img { width: 100%; }
}

/* ============================================ *
 * Sidebars ends*/

/* Page main titles
* ============================================ */
@media all and (max-width:767px) {
.about-us-block-content h1, .about-us-block-content h2, .home-customer-logo-section h2, .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { font-size: 26px; line-height: 32px; }
}
/* ============================================ *
 * Page main titles ends*/

/* Toolbar
* ============================================ */


@media only screen and (max-width: 1279px) {
.toolbar .view-mode > label { }
}
@media only screen and (max-width: 990px) {
.sort-by { /*margin-right: 0;*/ clear: left; width: 200px; }
}
@media only screen and (max-width: 767px) {
.col1-layout .sorter, .col1-layout .pager { width: 100%; }
.col1-layout .pager { float: left; clear: both; }
.col1-layout .pages { float: left; margin-left: 0; }
.col1-layout .count-container { float: right; }
.category-title h1 { font-size: 16px; line-height: 22px; }
.main { margin-bottom: 0 }
.pager .amount{float:none; width:auto; margin-bottom:10px;}
    .product-banner-outer{ margin-bottom: 10px;} 
    .product-banner-outer .product-image img{     max-width: inherit;
    width: auto;}

}
 @media only screen and (max-width: 567px) {
.pager .amount--has-pages { /* display: none; */ }
.myac-bottom-toolbar .pager-no-toolbar .amount--has-pages { display: none; }
.pages { float: left; }
.toolbar.top_toolbar .amount { float: none; width: 100%; margin-bottom: 10px; }
.toolbar.top_toolbar .short_right { float: none; width: 100%; }
.toolbar.top_toolbar .amount { }
.toolbar.top_toolbar .limiter { float: none; /*width: 205px;*/ }
.toolbar.top_toolbar .limiter label.per_page { min-width: 60px; }
.toolbar.top_toolbar .pager { float: left;     width: 100%;
    margin-top: 10px; }
.pager .limiter, .sorter{float:none;/*width: 195px;*/ }
.pager .limiter{width: auto; float:right;}
.pager .limiter > label, .sort-by > label{/*width: 65px;*/  }
}
 @media only screen and (max-width: 479px) {
.toolbar.top_toolbar { margin-top: 0; padding:10px 5px; }
.toolbar.top_toolbar .sorter, .sorter > .sort-by { margin-bottom: 5px;}
.toolbar.top_toolbar .pager { *width: 100%; }
.catalog-category-view .category-products .toolbar.top_toolbar.cf .pager .count-container .limiter label.per-page-text, .catalogsearch-result-index .category-products .toolbar.top_toolbar.cf .pager .count-container .limiter label.per-page-text {display:none;}
.pager > .count-container { float: none; }
.toolbar label { min-width: 65px; margin-right: 0 !important; }
.sorter > .view-mode:before, .sorter > .view-mode:after{content:''; display:table;}
.sorter > .view-mode:after{clear:both;}
.sorter > .view-mode {position: absolute; top: 4px; right: -4px;}
.sorter > .view-mode label { min-width: 68px; display:none; }
.myac-bottom-toolbar .pager-no-toolbar .amount--has-pages { display: none; }
.pages { float: left; }
.sort-by { margin-bottom: 10px; }
.col2-left-layout .count-container:before, .col2-left-layout .count-container:after{content:''; display:table;}
.col2-left-layout .count-container:after{clear:both}
.col2-left-layout .count-container { width: auto; float: none; zoom:1;}
.sorter:before, .sorter:after{content:''; display:table;}
.sorter:after{clear:both}
.toolbar { padding: 5px; }
.toolbar label, .pager-no-toolbar label { width: 50px; margin-right: 0 }
.sort-by .selector {}
.toolbar label { width: 47px !important; }
.sort-by {
    margin-bottom: 10px;
}
}
/* ============================================ *
 * Toolbar ends*/

 
/* Product grid view
* ============================================ */
@media all and (max-width:800px) and (min-width:768px) {
.products-grid li { width: 50%; }
}
@media all and (max-width:767px) {
.products-list .product-name a { font-size: 14px; line-height: 20px; }
.products-list .price-box .price { font-size: 14px; }
.products-list .product-image-wrapper { }
.products-list .product-shop { }
}
@media only screen and (max-width: 639px) {
.products-grid li { width: 50%; }
}
 @media only screen and (max-width: 479px) {

.products-list .product-image-wrapper { width: 100%; margin-bottom: 20px; }
.products-list .product-shop { padding-left: 0; margin-left: 0 }
}
/* ============================================ *
 * Product grid view ends*/
 
/* Category view view
* ============================================ */
@media only screen and (max-width: 1200px) {
.sub-category-listing.products-grid { margin-top: 0; }
}
.pager .amount {float: left; }
 /* ============================================ *
 * Category view ends*/
 
/* Sidebars
============================================ */
@media only screen and (max-width: 1200px) {

.view-sidebar-link-wrapper { display: block }
.breadcrumbs { margin-bottom: 10px }
/*.col-left { position: fixed; top: 0px; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; left: -290px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 290px; margin: 0 ;}
.col2-left-layout .col-main { float: none; margin-left: 0px; padding-left: 0px; }*/
.show-sidebar .top-header .container, .show-sidebar .wrapper, .show-sidebar #header-nav.sticky { left: 290px; }
.show-sidebar, .show-sidebar-html { overflow: hidden }
.show-sidebar .header-outer { left: 290px; }
.show-sidebar .skip-cart { right: -260px; }
.show-sidebar .col-left { left: 0; }
#sidebar-nav .block-title strong { font-size: 16px; line-height: 19px; }
.close-sidebar-link { display: block !important;}
}
 @media only screen and (max-width: 767px) {
.col2-left-layout .col-main { float: none; margin-left: 0px; padding-left: 0px; }
/*.col-left { position: fixed; top: 0px; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; left: -290px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 290px; margin: 0 ;}*/

.show-sidebar .top-header .container, .show-sidebar .wrapper, .show-sidebar #header-nav.sticky { left: -290px; }
.show-sidebar .header-outer { left: -290px; }
.col-left { /*left: auto; right: -290px;*/ float:none; width:auto; margin-bottom:0px; }
.show-sidebar .col-left { left: auto; right:0; }
.sidebar{  padding: 0px;   background: #fff; box-shadow: none; } 
.sidebar .block-title {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
    padding: 10px 10px 6px 10px;
    margin-bottom: 15px;
    border: solid 1px #ccc;
}
     .sidebar .block-title.active{ margin-bottom: 0;}
     .main-container.col2-left-layout{ padding: 15px; }     

.category-banner-outer { margin-bottom: 15px; overflow:hidden}
.category-banner-outer h1 { font-size: 28px; line-height: 34px; }
.sidebar .block-content { /*display: block !important;*/ }
.sidebar .block.block-layered-nav { border-bottom: none; }
.block-layered-nav--no-filters .block-title { }
.block-layered-nav .block-content { padding-top: 0; margin-top: 15px; }
.block-layered-nav .block-content > dl > dt { cursor: pointer; border-bottom-width: 0;     background: none; color: #000; }
.block-layered-nav .block-content > dl > dt:hover { color: #007cb7; }
.block-layered-nav .block-content > dl > dt.last { border-bottom-width: 1px; }
.block-layered-nav .block-content > dl > dd { }
.block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; }
.block-layered-nav .block-content.accordion-open > dl > dd.current { }
.block-layered-nav .block-subtitle--filter { background-color: #007cb7; border: 0; margin-bottom: 0; display: none; color: #FFFFFF; }
.block-layered-nav .block-subtitle--filter:hover { background-color: #2e8ab8; color: #FFFFFF; }
.block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid white; border-bottom: none; right: 10px; top: 50%; margin-top: -6px; }
#narrow-by-list, #narrow-by-list2 { padding: 10px;}
.block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; }
.block-layered-nav dl ol > li > a { color: #636363; padding: 5px 10px; }
.block-layered-nav dl ol > li > a:hover { }
}
@media only screen and (max-width: 900px) {
.products-grid li { width: 50% }
}
@media only screen and (max-width: 767px) {
.block-layered-nav .block-subtitle--filter { padding-left: 30px; }
.sidebar .block .block-title > strong { position: relative; display: inline-block; width: 100%;}
.sidebar .block .block-title > strong:after{content:"\f067"; font-family:'FontAwesome';  font-weight: 900;position:absolute;right:0px;top:0px}
.sidebar .block .block-title.active > strong:after{content:"\f068"}    
.footer-container {position: relative;}
}
@media only screen and (max-width: 639px) {
.products-grid li { width: 100% }
}
@media only screen and (max-width: 479px) {
.category-banner-outer{margin-bottom:5px;}

.col-left{width:100%;/*right: -100%;*/}
.show-sidebar .top-header .container, .show-sidebar .wrapper, .show-sidebar #header-nav.sticky{left: -100%;}
}
/* ============================================ *
* Sidebars ends*/
 
 /*###############################################
Product listing page ends*/

/*Product detail page
###############################################*/

/* Catalog - Product shop
 * ============================================ */
 @media only screen and (max-width: 850px) {
.product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; }
.product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
.product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; }
.product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; }
.product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; }
.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; }
.product-view .block-related{padding-top:10px}
.block-related .block-content{margin-bottom:0;}
.product-view .product-shop .extra-info, .product-view .product-shop .price-info{padding-bottom:10px; margin-bottom:10px;}
.product-view .product-shop .short-description{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.product-img-box{padding-top: 0px;margin-bottom: 20px;}
.product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1{font-size:16px; line-height:22px;     margin-bottom: 10px;}
.product-option-outer dl{width:50%;}
}
@media only screen and (max-width: 567px) {
    .product-view .add-to-cart{
    float: none;
    margin-bottom: 0;
}
.product-view .add-to-links{
    margin-bottom: 20px;
}
    .add-to-box .or{
    float: none;
    display: block;
    margin-top: 10px;
}
}
@media only screen and (max-width: 479px) {
.product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; }
.product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; }
.product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; }
.product-option-outer dl{width:100%;}
}

 /* Catalog - Product shop ends
 * ============================================ */
 
/*Config product button*/ 
@media only screen and (max-width: 479px) {
.product-view .product-options-bottom .add-to-cart{width:100%;}
.product-view .add-to-cart-buttons{ width:100%; margin-bottom: 15px;}
.product-view .product-options-bottom .add-to-cart-buttons .button{min-width:100%;}
    .product-view .main_btn{     min-width: 100%;}
}
/*Config product button ends */ 
 
 /* Catalog - Add to cart 
 * ============================================ */
@media only screen and (max-width: 1023px) {
.product-view .add-to-cart-wrapper { width: 100%; padding-left: 0 }
}
 @media only screen and (max-width: 479px) {
.product-view .add-to-cart-buttons .paypal-or { line-height: 20px; }
.product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; /* width: 100%; */ display: block; margin-right: 0; margin-left: 0; /* float: none; */ /* min-width: 100%; */ padding: 0 10px;}
}

 /* Catalog - Add to cart ends
 * ============================================ */


 /* Add to links
 * ============================================ */ 
 @media only screen and (max-width: 599px) {
.add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; }
}
  /* Add to links ends
 * ============================================ */ 

/* product-collateral
 * ============================================ */ 
@media only screen and (max-width: 767px) {
.product-collateral .toggle-tabs { display: none; }
.product-collateral.tabs{margin-bottom:0; padding: 0;}
.product-collateral > dl > dt { margin: 0; margin-bottom: 10px;  font-style: normal;  text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 10px;  position: relative;  display: block; font-family: 'Raleway-Bold';
    line-height: 24px;
    font-size: 18px;
    color: #000;}
.product-collateral > dl > dt:after { content: "\f067";
    font-family: 'FontAwesome';
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 16px;}
.product-collateral > dl > dt:hover { background-color: #fff; }
.product-collateral > dl > dd {     margin: 0;
    padding: 20px;
    box-shadow: 0px 1px 2px #ccc;
    font-family: 'Raleway-Regular';
    font-size: 15px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 22px;
    font-weight: normal; }
.product-collateral > dl > dd:last-child { border-width: 0 4px 4px 4px; }
.product-collateral > dl > dt { cursor: pointer;
    border-bottom: 0px solid #4b6a18;
    border: solid 1px #ccc;
    margin-bottom: 10px; }
.product-collateral > dl > dt:hover { color: #4b6a18; }
.product-collateral > dl > dt:after { content: "\f067";
    font-family: 'FontAwesome';
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 8px; }
.product-collateral > dl > dt.last {  }
.product-collateral > dl > dd { display: none; }
.product-collateral.accordion-open > dl > dt.current {     border-bottom: 4px solid #4b6a18;
    margin-bottom: 0; }
.product-collateral.accordion-open > dl > dt.current:after { content: "\f068"; }
.product-collateral.accordion-open > dl > dd.current { display: block; }
}
 /* product-collateral ends
 * ============================================ */ 

/* Grouped Product List
 * ============================================ */ 
 @media all and (max-width:599px) {
.grouped-items-table.data-table tbody td { float: left; width: 50%; }
.grouped-items-table .price-box, .grouped-items-table .qty-wrapper, .grouped-items-table-wrapper .price-box .old-price { display: inline-block; }
.catalog-product-view .product-essential { padding-bottom: 0; }
}
@media all and (max-width:479px) {
.grouped-items-table-wrapper { margin-bottom: 15px; }
.grouped-items-table.data-table tbody td { width: 100%; background: #E7E7E7; margin-bottom: 1px; }
}
 /* Grouped Product List ends
 * ============================================ */ 

/* Product options
 * ============================================ */ 
 @media only screen and (max-width: 1199px) {
.product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; }
}
@media only screen and (max-width: 979px) {
.product-view .product-options .required { position: static; }
}
 @media only screen and (max-width: 639px) {
.item-options { font-size: 12px; }
dl.item-options dt { clear: none; }
dl.item-options dd { padding-left: 0px; padding-right: 15px; }
}
@media only screen and (max-width: 479px) {
.product-options-bottom .price-box .price-as-configured { text-align: right; }
.product-options-bottom .price-box .price-as-configured .price-label { display: block; }
}
 /* Product options ends
 * ============================================ */ 
 
 /* Product Review View Page 
 * ============================================ */
@media only screen and (max-width: 767px) {
body.review-product-list .product-view .product-shop .price-info { padding-left: 0; }
body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84%; }
body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100%; }
body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { margin-right: 15px; }
}
@media only screen and (max-width: 535px) {
body.review-product-list .product-view .product-shop .extra-info { min-width: 0; }
body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0; }
}
@media only screen and (max-width: 520px) {
#customer-reviews .fieldset { width: 100%; }
#customer-reviews .fieldset .form-list { width: 100%; }
#customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none; }
#customer-reviews .buttons-set { width: 100%; }
#customer-reviews .review-summary-table thead th { padding-left: 0px; padding-right: 0px; }
#customer-reviews .review-summary-table tbody th { padding-left: 0px; padding-right: 0px; }
#customer-reviews .review-summary-table tbody td { width: 20%; padding: 0px; }
#customer-reviews .review-summary-table .rating-box { text-indent: 0px; text-align: center; background: none; height: 19.6px; width: 100%; }
#customer-reviews .review-summary-table .rating-box .rating { display: none; }
#customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block; }
}
@media only screen and (max-width: 450px) {
#customer-reviews dl dd .ratings-table tr { float: none; }
}
/* ============================================ *
 * Review View Page
 * ============================================ */
  @media only screen and (max-width: 767px) {
.review-product-view .product-review .product-img-box { max-width: 100%; }
}
 /* Product Review View Page ends
 * ============================================ */
 
 /* Product Related products
 * ============================================ */
@media all and (max-width:767px) {
.product-view .block-related ul { padding: 0 20px; }
.block-related .block-title h2 { font-size: 20px; line-height: 26px; letter-spacing: 0; margin-bottom: 5px; }
}
 /* Product Related products end
 * ============================================ */

 /*###############################################
Product detail page ends*/

/*Data table
###############################################*/

 @media only screen and (max-width: 767px) {
.data-table thead th { font-size: 12px; line-height: 16px; }
.data-table td, .data-table th { padding: 5px; }
.data-table .total { min-width: 85px; text-align: center; }
.cart-cols{margin-bottom:0}
}
 @media only screen and (max-width: 639px) {
.data-table colgroup, .data-table thead { display: none; }
.data-table tr { /*display: block;*/ position: relative; width: 100%; border-bottom: 1px solid #cecece; }
.data-table tr:last-child { border-bottom: 0 }
.main-ordered {width:100%; overflow:auto;}
.data-table tr:first-child {/* border-top:1px solid #cecece; */ }
.data-table tfoot tr { border-bottom: 0 }
.data-table tr:after { content: ''; display: table; clear: both; }
.data-table tr:last-child { margin-bottom: 0; }
.data-table tfoot tr { padding-bottom: 0; }
.data-table td { border: none; /*display: block;*/ }
.data-table td[data-rwd-label] { padding: 0 15px; margin-bottom: 0px; }
.data-table td[data-rwd-label] .price { font-weight: normal; }
.data-table td[data-rwd-label="Subtotal"] { text-align: left; padding: 0 5px 0 15px; }
.data-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; color: #333; }
.data-table td.product-cart-price { text-align: left; padding: 10px 10px 10px 15px; }
.data-table h2 { font-size: 12px; }
.data-table .cart-links { padding-top: 5px; /* padding-right: 5px; */ }
.data-table .cart-links > li { white-space: normal; text-align: center; }
.data-table .cart-links > li > a { padding: 2px 0px; }
.data-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; }
.data-table .cart-tax-info .price { font-size: 13px; }
.data-table .product-cart-image, #shopping-cart-table .product-cart-image { width: 25%; float:left; padding: 0px; border: none 1px; }
.data-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; }
.data-table th, .data-table td, .data-table tbody td { border: 0px solid #E0E0E0; }
.cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; }
.data-table .product-cart-actions, .data-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right; }
.data-table .product-cart-remove, .data-table .product-cart-total, .data-table .product-cart-actions .cart-links { display: none; }
.data-table .product-cart-image .cart-links, .data-table .product-cart-info .btn-remove { display: block; }
.data-table .product-cart-actions .button { display: none; }
.data-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px; }
.data-table .product-cart-info .product-cart-sku { margin-bottom: 5px; }
.data-table .product-cart-actions { text-align: left;     width: 55px; }
.data-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px; }
.data-table .price, .data-table .product-cart-price:before { font-size: 13px; }
.data-table .cart-footer-actions { text-align: center; width: 100%; border: 0 ;padding: 0;}
.data-table .cart-footer-actions #empty_cart_button { float: none; }
.data-table .cart-footer-actions .btn-continue { float: none; }
.data-table .cart-footer-actions .button2 { margin-top: 5px; margin-bottom: 5px; }
.data-table .cart-footer-actions span.or { display: none; }
.data-table .product-cart-actions .qty { margin-bottom: 0; margin-left: 0; display: inline-block;}
.data-table .product-cart-image .cart-links { text-align: center; }
.cart-table tbody tr{padding-right:55px;}
.product-cart-buttons{position:absolute; right:0; top:0;}
}
/*Data table ends
###############################################*/

/*Cart page
###############################################*/

/* Cart page columns
 * ============================================ */  
@media all and (max-width:979px) {
.cart form.cart-form, .cart-col { float: none; width: auto; padding-right: 0; margin-right: 0; }
.cart-forms, .crosssell, .import-order-box{float:none; width:auto;}
.cart-totals-wrapper, .cart-forms #discount-coupon-form, .cart-forms .giftcard, .cart-forms .shipping{float:left; width: 100%;padding: 0px;}
.cart-forms .shipping{float:right;}
.cart-totals table tfoot td, .cart-totals table .grand_total td, .cart-totals table tbody tr.grand_total td:first-child{font-size:22px; line-height:28px;}
}
@media all and (max-width:767px) {
.cart-totals-wrapper, .cart-forms #discount-coupon-form, .cart-forms .giftcard, .cart-forms .shipping{width:auto; float:none;padding: 0;}
}
/* Cart page columns ends
 * ============================================ */  

/* Cart page inner elements
 * ============================================ */  
@media all and (max-width:1100px) {
.cart-table .cart-footer-actions .button2 { padding: 0 10px; }
}

/* Cart page inner elements ends
 * ============================================ */  


/* Discount box
 * ============================================ */
 @media all and (max-width:820px) {
#discount-coupon-form .input-text { margin-bottom: 20px; }
#discount-coupon-form .field-wrapper { padding-right: 0; }
#discount-coupon-form .button-wrapper { position: relative; }
}
/* Discount box ends
 * ============================================ */

/* Cart total box
* ============================================ */
@media all and (max-width:979px) {
.cart-totals-wrapper .cart-totals { margin-bottom: 15px; }
}
/* Cart total box ends
* ============================================ */

 @media only screen and (max-width: 767px) {
.cart-table th { font-size: 12px; }
.cart-table th, .cart-table td { padding: 7px 6px; }
.cart-table .product-cart-actions > li { white-space: inherit; }
.cart-totals table td, .cart-totals table tbody tr td:first-child { font-size: 14px; }
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none; }
.checkout-types li { float: none; width: 100%; margin-left: 0; }
.checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0; }
body .product-img-box .product-image:hover { border-color: #ededed; }
.shipping .shipping-form .form-list > li { width: 100%; float: none; }
.shipping .shipping-form .form-list > li label { display: block; }
.shipping .shipping-form .form-list > li input, .shipping .shipping-form .form-list > li select { width: 100%; }
.cart-totals table tfoot td { font-size: 17px; }
.gift-message-form .giftmessage-area { max-width: 100%; }
.gift-message-form .gift-item .product-img-box { width: 100%; float: none; }
.gift-message-form .gift-item .fieldset { margin-left: 0px; }
.gift-message-form .gift-item .fieldset textarea { width: 100%; }
.category-banner-outer .category-image {  height: 250px;}
}
@media only screen and (max-width: 639px) {
.cart-totals { text-align: right; padding: 10px;}
#shopping-cart-table .product-cart-actions .button.btn-update { margin: 0; }
#billing-buttons-container { padding-right: 0; }
#shopping-cart-table .product-cart-info { padding: 0 10px 0 15px; }
#loadingmask { bottom: 84px; left: 260px; }
.cart-totals-wrapper { width: 100%; float: none; }
}
 @media only screen and (max-width:567px) {
.cart .page-title h1 { line-height: 25px; display: inline-block; margin-bottom: 15px;}
button.btn-proceed-checkout { font-size: 14px; padding: 10px; }
.checkout-types.bottom { text-align: right; }
.cart-totals .checkout-types{margin-bottom:0;}
.checkout-types.bottom li { text-align: right; }
.cart-totals .checkout-types .btn-checkout{margin-bottom:0;}
.cart .giftcard .input-text { width: 100px; }
}
 @media only screen and (max-width: 479px) {
.sp-methods .checkmo-list { padding-left: 0; }
.sp-methods .checkmo-list label { width: 135px; }
.shipping #co-shipping-method-form .buttons-set .button { width: auto; display: inline-block; margin: 5px auto 0; }
.data-table .cart-footer-actions .button2 { width: 100%; margin: 0 0 10px 0;}
}
 /*###############################################
Cart page ends*/


/*Checkout page
###############################################*/

/* Checkout - Cart Cross sell
 * ============================================ */
 @media only screen and (max-width: 979px) {
.crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.72727%; margin-right: 4.54545%; }
.crosssell .products-grid > li:nth-child(odd) { clear: left; }
.crosssell .products-grid > li:nth-child(even) { margin-right: 0; }
.crosssell .products-grid > li:nth-child(3n+1) { clear: none; }
.products-list .product-image-wrapper { width: 40%; }
.products-list .product-shop { width: 60%; }
.products-list .product-image-wrapper .label { left: 4px; top: 4px; }
.products-list .product-image-wrapper .product-label-logo img { top: 4px; right: 4px; }
}
@media only screen and (max-width: 599px) {
.cart-table .cart-tax-total:after { right: -9px; }
.cart-table .cart-tax-total.cart-tax-total-expanded:after { right: -13px; }
#review-buttons-container .please-wait { bottom: -15px; left: 0; margin-left: 0; }
}
@media only screen and (max-width: 639px) {
#co-payment-form { margin: 0; }
#checkout-payment-method-load dd ul li { width: 100%; margin: 0 0 15px; display: block; }
#checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 3% 0 0; }
#checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 3%; }
#payment-buttons-container.buttons-set.commonaction { margin-top: 30px; }
#checkout-step-payment .sp-methods .form-list { padding-left: 0; }
#payment-tool-tip { margin-left: -160px; margin-top: -50px; width: 320px; }
}
 @media only screen and (max-width: 479px) {
#checkout-review-table thead th, #checkout-review-table tbody td { position: relative; }
#checkout-review-table tbody td.last { padding-bottom: 5px; }
#checkout-review-table tfoot tr td.last { text-align: right; }
#checkout-review-table-wrapper .linearize-table tbody td[data-rwd-label]:before { color: #333333; display: inline-block; width: 90px; }
button.btn-proceed-checkout { width: 100%; }
#review-buttons-container .please-wait { bottom: -25px; }
#payment-tool-tip { margin-left: -135px; margin-top: 0px; width: 270px; }
.checkout-types { float: left; max-width: 100%; width: 100%; text-align: center; clear: left; margin-bottom: 15px; }
.products-list .product-image-wrapper { width: 100%; }
.products-list .product-shop { width: 100%; }
}
@media only screen and (max-width: 320px) {
.crosssell ul .item { padding: 0 0px 40px; }
.crosssell ul .product-details .crosssell-actions { padding: 0 5px; }
}
 /* Checkout - Cart Cross sell ends
 * ============================================ */

/*###############################################
Checkout page ends*/

/*Login page
###############################################*/
@media all and (max-width:1170px) {
.customer-account-login .col2-set .col-1 { padding-right: 30px; }
.customer-account-login .col2-set .col-2 { padding-left: 30px; }
}
 @media all and (max-width:979px) {
body.customer-account-login #login-form .col2-set { left: 0; }
body.customer-account-login .messages, .customer-account-forgotpassword .messages, .customer-account-create .messages, .customer-account-changeforgotten .messages { margin: 10px 20px 20px }
p.back-link a{ min-width: inherit;}
.category-banner-outer h1, .product-banner-outer h1{ font-size: 28px;}
}
 @media all and (max-width:767px) {
 #login-form .registered-users:before{ display:none; }     
.customer-account-login .new-users .content ul { min-height: 0; }
body.customer-account-login .col2-set .col-1, body.customer-account-login .col2-set .col-2 {     border-bottom: solid 1px #ccc; }
.customer-account-login .login-logo, .customer-account-create .login-logo, .customer-account-forgotpassword .login-logo, .customer-account-changeforgotten .login-logo { max-width: 270px; margin: 0 auto 20px }
body.customer-account-login .new-users .field, body.customer-account-login .registered-users .field { padding: 0; }
.customer-account-login .main-container { padding: 0px !important }
body.customer-account-login #login-form .col2-set .col-1, body.customer-account-login #login-form .col2-set .col-2, .becomeretailer-form { margin: 0; padding:15px;  width: 100%; }
.customer-account-login .form-list:before, .customer-account-login .new-users .content ul.benefits:before, .customer-account-create .form-list:before, .customer-account-forgotpassword .fieldset ul.form-list:before, .customer-account-changeforgotten .fieldset ul.form-list:before { bottom: -15px; border-left: 10px solid #909090; border-top: 10px solid #909090; border-right: 20px solid transparent; border-bottom: 5px solid transparent; }
.customer-account-login .new-users .field, .customer-account-login .registered-users .field { padding: 0 10px; }
         .customer-account-login .col2-set .new-users .buttons-set{ text-align: left;}
}
 @media only screen and (max-width: 639px) {
#login-form .registered-users:before { left: 50%; margin-top: 0; margin-left: -30px; font-size: 14px; line-height: 46px; height: 50px; width: 50px; top: -26px; }
#login-form .col2-set .col-1, #login-form .col2-set .col-2 { width: 100%; display: block; padding-bottom: 35px; }
#login-form .col2-set .col-2 { padding-bottom: 0px; } 
}

/* ###############################################
Login page ends*/

/*My Account
###############################################*/

/* Address Book 
 * ============================================ */
@media only screen and (max-width: 767px) {
.my-account .addresses-list .col2-set { padding-top: 10px; }
.my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-top: 0; }
.my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; }
.col2-set .col-2 .box { max-width: none; margin-left: 0; }
    
}
@media only screen and (max-width: 639px) {
.customer-account-edit .my-account { background: none; }
.my-account { background: none; min-height: inherit; }
body.customer-account-edit .my-account .fieldset { max-width: 100%; }
body.customer-account .my-account .fieldset { margin-bottom: 0px; }
body.wishlist-index-index .my-account { margin-bottom: 30px; }
.dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-bottom: 5px; }
.my-account .addresses-list .item, .my-account .addresses-list .col-2 li.item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; }
.my-account .addresses-list .col-2 li.item:first-child { border-right: 0px solid #cccccc; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.my-account .addresses-list .col-1 li.item:first-child { border-right: 0px solid #cccccc; border-bottom: 0px solid #CCC; }
.fieldset ul.form-list { }
.my-account .fieldset ul.form-list { margin: 0px; }
.form-list > li.fields { margin-bottom: 0px; }
body.customer-address-form .form-list .control { margin-top: 0; margin-bottom: 0; }
body.customer-address-form .my-account .buttons-set { margin: 10px 0 0; }

body.customer-address-form .linearize-table-large tbody td { border-bottom: 0px solid; border-top: 0px solid; border-right: 1px solid #CCC; }
.col2-set { margin: 0 0px; }
.order-items.order-details .linearize-table-large tbody td[data-rwd-label] { padding-left: 10px; }
body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; }
.customer-account .my-account .box-info .col-1 { /*border-bottom: 1px solid #ccc;*/ margin-bottom: 10px; }
body.customer-address-index .col2-set:before { display: none; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button { width: 130px; margin-left: 5px; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { margin-left: 0px; }
.my-account .data-table tbody td { border: 0; padding: 2px 0; }
}
@media only screen and (max-width: 599px) {
.my-account .addresses-list .addresses-additional p a { white-space: nowrap; }
}
 @media only screen and (max-width:567px) {
.dashboard .col2-set .col-1 { /*border-bottom: 1px solid #ccc;*/ }
body.customer-address-form .control:nth-last-child(2) { width: auto; }
body.customer-address-form .control { display: block; width: auto; }
}
@media only screen and (max-width: 479px) {
 .dashboard .col2-set .col-1, .dashboard .col2-set .col-2, .col2-set .col-1, .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; }
body.sales-order-view .col2-set .col-1, body.sales-order-view .col2-set .col-2 { padding-left: 10px; padding-right: 10px; }
 .dashboard .col2-set:before { background: none; }
body.customer-address-index .my-account { margin-bottom: 30px; }
.my-account .addresses-list .item:first-child { margin-top: -15px; border-top: 0px; }
.my-account .addresses-list .item { margin: 30px 0 30px 0; position: relative; padding: 20px 0% 0 0%; width: 50%; float: left; border-left: 0px; border-top: 1px solid #cecece; }
.my-account .addresses-list .item p a { top: 22px; }
.my-account .addresses-list .item p a.link-remove { top: 20px; }
.customer-account .dashboard .box-account.box-info .box-head h2 { display: block; margin-bottom: 5px; }
.customer-account .dashboard .box-account.box-info .box-head a { float: right; margin-top: 0px; }
#wishlist-table.clean-table thead { display: none; }
#wishlist-table.clean-table tbody td { padding: 10px;
    border-width: 0px;
    display: inline-block; }
    #wishlist-table td.customer-wishlist-item-image img{border: 0px solid #bbbbbb;}    
#wishlist-table tr { border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

#wishlist-table tr:first-child { border-top: 1px solid #CCC; }
#wishlist-table.clean-table tbody td .btn-remove2 { display: none; }
#wishlist-table.clean-table tbody td.customer-wishlist-item-remove { border: 0px; padding: 0px 0px; }
#wishlist-table td.customer-wishlist-item-cart .truncated { margin: 0 0 10px; }
#wishlist-table tr td[data-rwd-label]:before {content: attr(data-rwd-label) ":"; font-size: 14px; padding-right: 5px; text-transform: uppercase; font-weight:bold; color:#000; }
#wishlist-table tr td.customer-wishlist-item-quantity[data-rwd-label]:before{ top: 15px; position: relative; }    
    
#wishlist-table tr { position: relative; }
#wishlist-table th.customer-wishlist-item-image { display: block; }
#wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide; }
#wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden; }
#wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price { text-align: left; clear: both; }
#wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px; padding-top: 3px; }
#wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left; }
#wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0; }
#wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; margin-right: 5px; /*width: 48%;*/ }
#wishlist-table td.customer-wishlist-item-cart > p { float: left; /*width: 48%;*/ }
#wishlist-table td.customer-wishlist-item-remove { position: absolute; top: 15px; right: 0px; display: block; padding: 0px; height: 20px; }
#wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100%; }
.item-options dd { display: inline-block; float: none; margin: 0 0 5px; padding: 0 15px 0 0; }
.item-options dt { clear: none; display: inline-block; float: none; padding-right: 5px; }

#wishlist-table .truncated .show .item-options { display: block; padding: 0; }
#wishlist-table .truncated .truncated_full_value .item-options { padding: 0; }
#wishlist-table td.customer-wishlist-item-image { float: left; width: 30%; padding-right: 10px; border-right: 0px; border-bottom-width: 1px; }

#wishlist-table td.customer-wishlist-item-info { float: left; width: 70%; border-left: 0px; border-bottom-width: 1px; }
#wishlist-table.clean-table td textarea { height: 50px; }
    #wishlist-table .item-manage{ text-align: left; }    
#wishlist-table .customer-wishlist-item-image .btn-remove.btn-remove2 { display: inline-block; float: none; }
#wishlist-table .disnone .cart-cell, #wishlist-table .disnone p { display: inline-block; width: auto; padding-right: 10px; }
.order-info-box .box-title { display: block; width: 100%; }
.sales-order-view .col2-set:before { display: none; }
.my-account .box-title-inner { display: inline-block; position: relative; padding-right: 30px; }
.my-account .box-title a { right: -20px; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button { margin-left: 0px; width: 100%; float: none; }
#billing-buttons-container { display: inline-block; margin-top: 0; padding-right: 0; float: none; }
#billing-buttons-container button.button { clear: none; display: inline; float: none; margin: 0; }
#billing-buttons-container p.required { display: inline-block; float: none; margin: 0; text-align: left; width: 100%; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: none; float: left; margin-left: 0; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-add { clear: both; }

}
/* Address Book  ends
* ============================================ */

/* Order View
 * ============================================ */
@media only screen and (max-width: 599px) {
#my-orders-table .option-label { margin-left: 20px; }
#my-orders-table .option-value { margin-left: 35px; }
#my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; }
#my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; }
#my-orders-table tr.bundle { border-color: #ededed; }
#my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; }
#my-orders-table tfoot tr.shipping { margin-top: 0; }
.order-info dt { border-bottom: 1px solid #EDEDED; }
}
/* Order View ends
* ============================================ */

@media only screen and (max-width: 1199px) {
body.customer-account .data-table td.view a { white-space: nowrap; }
}
@media only screen and (max-width:1170px) {
.my-account .addresses-list .item { margin: 0 0 30px; padding: 0 5%; width: 50%; }
}
@media only screen and (max-width: 1050px) {
#my-orders-table thead { display: none; }
#my-orders-table tr:before, #my-orders-table tr:after { content: ''; display: table }
#my-orders-table tr:after { clear: both }
#my-orders-table tr { zoom: 1; display: block; border-bottom: 2px solid #cecece }
#my-orders-table tr td { float: left; width: 33.3%; text-align: left; border-top: 0; min-height: 44px; border-bottom: 1px solid #E8E8E8; padding: 10px; }
#my-orders-table tr td.date, #my-orders-table tr td.status { text-align: left }
#my-orders-table tr td[data-rwd-label]:before {content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; font-weight:; color: #333; }

#my-orders-table tr.last, #my-orders-table tr.last td.view { border-bottom: 0 }
#my-orders-table tr td { width: 100%; }
#my-orders-table tr td.ship, #my-orders-table tr td.view { width: 100%; }
.grouped-items-table.data-table tbody td { padding: 10px 6px 8px; }
.account-create { background: url(https://thebookgarden.com.au/skin/frontend/tbg/default/images/create-account-img.png) no-repeat 100% center; background-size: 20%; }
.customer-account .dashboard .box-recent { margin-top: 15px; margin-bottom: 15px; }
.customer-account-edit .my-account { background-position: 100% 105px; }
.account-create { background: none; }
.customer-account-edit .my-account { background-position: 97% 140px; }
#wishlist-table .disnone { display: block; }
#wishlist-table td .button, #wishlist-table td button { white-space: nowrap; }
#wishlist-table .customer-wishlist-item-image { text-align: center; }
#wishlist-table .customer-wishlist-item-image .btn-remove { margin-top: 10px; }
}
@media only screen and (max-width: 1050px) {
/*hover effects none*/	
}

 @media only screen and (max-width: 979px) {
body.customer-account .my-account .title-buttons { text-align: left; }
body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: 0px; }
body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 300px; }
#review-order-form .col-1, #review-order-form .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; }
.my-account .addresses-list .item { margin: 0 0 30px 0; position: relative; padding: 0; width: 50%; float: left; font-size: 13px; }
.customer-account-login .new-users .field, .customer-account-login .registered-users .field { padding-right: 0; background: none; }
.customer-account .my-account .box-info { /*padding: 10px;*/ }
.customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2 { padding-left: 10px; padding-right: 10px; }
.my-account .addresses-list .item { padding: 0 0 0 20px; }
#wishlist-table.clean-table td { padding-left: 5px; padding-right: 5px; }
#wishlist-table .product-name { font-size: 13px; }
.customer-account-edit .my-account { background: none; }
.customer-account-edit .my-account .col-md-6{ flex: auto;
    max-width: inherit;}   
.customer-account-edit .my-account .buttons-set {
    max-width: inherit;
}     
.customer-address-form .fieldset { width: 100%; max-width: 100%; }
.customer-address-form .cf .fieldset:first-child { padding-right: 0; border-bottom: 1px solid #cecece; margin-bottom: 10px; }
.customer-address-form .cf .fieldset:last-child { padding-left: 0; float: left }
.edit-address-cols-outer:before { background: none; }
.dashboard .col2-set:before, .customer-account .col2-set:before {/*visibility:hidden;*/ }
.col2-set .col-1, .col2-set .col-2{/*float:none; width:auto;*/}
.dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { /*width: 100%;*/ display: block; padding-bottom: 15px; }
.dashboard .col2-set { margin: 0; }
.my-account .addresses-list .item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; }
.my-account .addresses-list .item:first-child { border-right: 0px none; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
}
@media all and (max-width:770px) {
.order-info dt {display: none;}
}

@media only screen and (max-width: 767px) {
.dashboard .col2-set:before, .customer-account .col2-set:before {visibility:visible;}
.order-info-box .box-content { clear: left; }
.addresses-list .item { float: left; width: 50%; padding-right: 30px; }
.order-info dt { display: none; }
.dashboard .page-title { margin-top: 0px; }
.dashboard .page-title h1 { margin-top: 0; }
.dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; }
.dashboard .col2-set .col-1 { float: left; margin-right: 4%; }
.dashboard .col2-set .col-2 { float: right; }
.col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: auto; margin-left: 0; margin-right: 0; }
.dashboard .box-title a { right: 0px; }
.dashboard .box-title h3 { padding-right: 20px; }
.customer-account .col-left .block-title:after { background-position: 12px -86px; background-size: 100% auto; height: 25px; right: 0px; top: 5px; width: 50px; }
.dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 50%; display: block; padding-bottom: 0px; margin: 0px; }
.dashboard .col2-set:before { display: block; }
body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 50%; display: block; padding-bottom: 0px; margin: 0px; }
body.customer-address-index .col2-set:before { display: block; }
.dashboard .data-table thead th.date, .dashboard .data-table tbody td.date { display: table-cell; }
.customer-account-edit .my-account .fieldset:before{visibility:hidden}
body.customer-address-index.customer-account .my-account .title-buttons .button { position: relative; right: inherit; top: inherit; display: inline-block; margin-bottom: 10px; float: right; }
body.customer-address-index.customer-account .my-account .page-title h1 { display:inline-block; }
.my-account .addresses-list .item { width: 50%; border: 0px; padding-left: 20px; margin-bottom: 15px; }
.my-account .addresses-list .item:first-child, .my-account .addresses-list .col-2 li.item:first-child { border-right: 1px solid #cccccc; padding-bottom: 0px; border-bottom: 0px solid #CCC; }
.block-title small { color: #cecece; }
#wishlist-table:after { content: ''; display: table; clear: both; }
#wishlist-table .product-name { font-size: 14px; }
#wishlist-table textarea { height: 70px; max-width: 100%; }
#wishlist-table .item-manage { max-width: 100%; }
#wishlist-table tr { position: relative; }
#wishlist-table tr:after { content: ''; display: table; clear: both; }
#wishlist-table td.customer-wishlist-item-image { width: 70px; }
#wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0; }
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px; }
#wishlist-table td.customer-wishlist-item-cart { padding-right: 15px; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: none; }
.col2-set:before { display: none; }
#checkout-step-login .col2-set:before { display: block; }
.sales-order-view .col2-set:before { display: block; }
.hello { -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; }
.customer-account .my-account .box-head h2, .dashboard .col2-set .col-1 .box-title h2, .col2-set .box-title h3, .dashboard .col2-set .col-2 .box-title h2 { font-size: 14px; line-height: 20px; margin-bottom: 0; }
.customer-account .dashboard .box-head a { font-size: 12px; margin-top: -3px; padding: 5px 12px;     line-height: 18px; }
    .customer-account .my-account .box-info .box-head{ padding: 0 10px;}    
.customer-account .dashboard .box-account { margin-bottom: 15px; }
.dashboard .welcome-msg { margin-bottom: 15px; }
body.customer-account .my-account .fieldset h2 { font-size: 13px; line-height: 22px; }
.my-account address{ font-size: 13px;}    
.customer-account .my-account .box-info { margin-bottom: 15px; padding:15px; }
.customer-account-login .col2-set .buttons-set p.required { line-height: 30px; float: none;}
#form-validate .form-list .fields {margin:0;}
body.customer-account-index .my-account .box-title-inner { padding-right: 20px; }
.shipping .sp-methods label { font-size: 12px; }
#my-orders-table tbody tr td.a-center { text-align: center; }
#my-orders-table tbody tr td.a-center span.nobr .separator { display: none; }
#my-orders-table tbody tr td.a-center span.nobr a { white-space: nowrap !important; text-align: center; display: block; float: left; margin-right: 10px; }
.customer-account-forgotpassword form { background: none; }
body.customer-account-index .my-account .box-title a { right: 0; }
    
}
/*767 ends*/
@media only screen and (max-width: 639px) {
.customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2, body.customer-account .my-account .addresses-list h2{padding-left: 0;}
    .customer-account-index .my-account .box-info .col-1, .customer-account-index .my-account .box-info .col-2{ padding-left: 10px;}    
    
body.customer-address-index .col2-set:before {display:none}
#form-validate .form-list .fields .field {padding-right:0; padding-left:0;}

.customer-account .col2-set address{ min-height: inherit;}   
.customer-address-index .my-account .box-info .col-1, 
.customer-address-index .my-account .box-info .col-2,
.customer-address-index .my-account .box-info .col-3,
.customer-address-index .my-account .box-info .col-4,
.customer-address-index .my-account .box-info .col-5,
.customer-address-index .my-account .box-info .col-6,
.customer-address-index .my-account .box-info .col-7,
.customer-address-index .my-account .box-info .col-8,
.customer-address-index .my-account .box-info .col-9,
.customer-address-index .my-account .box-info .col-10 { padding: 0px;}   
body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2,
body.customer-address-index .col2-set .col-3, body.customer-address-index .col2-set .col-4,
body.customer-address-index .col2-set .col-5, body.customer-address-index.col2-set .col-6,
body.customer-address-index .col2-set .col-7, body.customer-address-index .col2-set .col-8,
body.customer-address-index .col2-set .col-9, body.customer-address-index .col2-set .col-10     {width:100%;}    
    
}
@media only screen and (max-width: 599px) {
body.customer-account .my-account .form-list .control { padding-left: 0; }

}
 @media only screen and (max-width: 479px) {
.customer-account-index .my-account .box-info .col-1, .customer-account-index .my-account .box-info .col-2{ padding-left: 0px;}      
.customer-account .my-account .box-info .box-head { padding: 0px;}    
.dashboard .col2-set:before, .customer-account .col2-set:before {visibility:hidden;}
body.customer-account .my-account .page-title h1 { text-align: left; font-size: 18px; line-height: 24px; }
body.customer-account .my-account .title-buttons { text-align: left; }
body.customer-account .my-account .title-buttons .button + .button { margin-left: 0px; }
body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; }
body.customer-account .my-account .order-details h2 { margin-bottom: 15px; }
body.customer-account .my-account .buttons-set { border-top: 0; width:100%; padding:0; }
body.customer-account .my-account .buttons-set p { border-top: 0; width:100%; }
body.customer-account .my-account .buttons-set p a { display:block }
body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; }
.order-info { margin-top: 15px; }
.data-table.orders .link-reorder, .data-table.orders .date { /*display: none;*/ }
.data-table.orders td.view { text-align: right; }
.dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px; }
.order-info-box { margin: 0; }
.order-info-box .col-1 { border-bottom: 1px solid #ededed; padding-bottom: 10px; }
.order-info-box .col-1, .order-info-box .col-2 { width: 100%; }
.order-info-box .col-2 { padding-top: 10px; padding-left: 10px !IMPORTANT;}
.order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; }
#my-reviews-table .nobr { white-space: normal; }
.order-info dt, .order-info dd, .order-info ul, .order-info li {     display: block;
    margin-left: 0 !important;
    width: 100%;  }
     .order-info li {border-bottom: solid 1px #ccc; padding: 5px 0; font-size: 12px;} 
     .order-info li a{ font-size: 12px;}
#order-info-tabs { margin-top: 10px; }
#my-orders-table tr td { width: 100%; text-align: left !important }
#wishlist-table td.customer-wishlist-item-image {float: left; width: 30%; padding-right: 10px; border-right: 0px; border-bottom-width: 1px; }
#wishlist-table td.customer-wishlist-item-image {width:100%;}
#wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {width:100%;}
#wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {text-align: left; clear:both; }
#wishlist-table td.customer-wishlist-item-info {float: left; width: 100%; border-left: 0px; border-bottom-width: 1px; }
.customer-account .buttons-set button.button {width:100%; margin:0;}
/*products list page css*/
.toolbar {padding: 5px;}

/*products list page css*/
     .account-create .form-list .tandc_box .checkbox + label{ font-size: 14px; width: 276px; line-height: 18px; }
}
 @media only screen and (max-width:375px) {
.my-account .box-title-inner { display: block; }
.my-account .box-title a { right: 10px; }
}

/* Account - Reviews
* ============================================ */
  @media only screen and (min-width: 768px) {
.product-review .ratings-table tr { float: none; }
.about-us-main-banner img, .contact-us-main-banner img { position: relative; min-width: 100%; height: auto; transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); left: 50%; }
}
@media only screen and (min-width: 1126px) {
.product-review .ratings-table tr { float: left; margin-right: 15px; }
}
@media only screen and (max-width: 320px) {
.product-review .ratings-table tr { float: none; }
}
/* Account - Reviews ends
* ============================================ */

 /*###############################################
 My Account ends*/
 
 /* Contact us page
############################################### */

@media all and (max-width:1099px) {
.products-list .link-learn {position: relative; float: right; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button {     min-width: 110px; margin-left: 5px; margin-bottom: 5px; font-size: 12px; line-height: 30px; width: auto; }
#wishlist-table .item-manage .button, #wishlist-table td .button.btn-cart{ min-width: 130px; margin-left: 0px; margin-bottom: 5px; font-size: 11px; line-height: 30px; width: auto;}    
body.wishlist-index-index .my-account  p.back-link a{     font-size: 13px; padding: 4px 25px;     min-width: inherit;}    
body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { margin-left: 0px; }
body.wishlist-index-index .my-account .buttons-set.buttons-set2 .back-link { font-size: 13px; line-height: 29px; }
    
}
@media all and (max-width:979px) {
.product-enquiry-popup .contact-want-to-tell .button-set { margin-top: 0; }
}

@media all and (max-width:770px) {
.order-info dt {display: none;}
}

@media only screen and (max-width: 767px) {
.about-us-main-banner { margin-bottom: 20px; }
.cms-page-view .page-title h1, .cms-page-view .std h2.sub-title { font-size: 22px; line-height: 28px; }
.cms-about-us .col-sm-5 { margin-bottom: 10px; float: none !important }
.quickcontact-index-index .page-title h1 { font-size: 24px; line-height: 32px; text-align: center; margin-top: 20px; }
.about-us-main-banner img, .contact-us-main-banner img { width: 100%; height: auto; }
.header-right{margin-top: 20px;}    
}
@media only screen and (max-width: 639px) {
#shopping-cart-table.data-table tr { display: block;      padding-bottom: 10px;
    margin-bottom: 10px;}
#quick-shop-table img.thumbnail-product { margin: 0; }
#quick-shop-table .result { width: 100%; }
#quick-shop-table td { padding: 0; margin-bottom: 15px; }
#quick-shop-table .result td { display: table-cell; padding: 10px; }
#super-product-table.data-table td[data-rwd-label="QTY"]:before { float: left; margin-top: 7px; }
.display-both-prices .data-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":"; }
.btn-checkout {/* width:100%; */ }
.checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 10px; margin-top: 12px; }
#onepage-guest-register-button { bottom: 0; position: relative; }
.product-cart-sku { display: none; }
.display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100%; }
.data-table .product-cart-actions .qty { margin-bottom: 0; }
#shopping-cart-table .product-cart-actions .button.btn-update { margin: 0; }
.data-table .product-cart-image .cart-links { text-align: center; }
.linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) { display: none; }
.form-list .field { float: none; padding-bottom: 15px; width: 100%; }
.form-list li.saveadress { float: none; margin: 0 0 5px; padding-bottom: 10px; }
.opc .form-list > li.control { padding-left: 0; }
#billing-buttons-container { padding-right: 0; }
.opc .commonaction { margin: 15px 0 0; }
.opc h3 { font-size: 16px; }
.opc #checkout-shipping-method-load, .opc #onepage-checkout-shipping-method-additional-load { margin-left: 0%; margin-right: 0%; width: auto; float: none; }
.item-options { font-size: 12px; }
dl.item-options dt { clear: none; }
dl.item-options dd { padding-left: 0px; padding-right: 15px; }
#shopping-cart-table .product-cart-info { padding: 0 10px 0 15px; }
#loadingmask { bottom: 84px; left: 260px; }
/*  SAVED CC  */
#co-payment-form { margin: 0; }
#checkout-payment-method-load dd ul li { width: 100%; margin: 0 0 15px; display: block; }
#checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 3% 0 0; }
#checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 3%; }
    
#payment-buttons-container.buttons-set.commonaction { margin-top: 30px; }
#checkout-step-payment .sp-methods .form-list { padding-left: 0; }
#payment-tool-tip { margin-left: -160px; margin-top: -50px; width: 320px; }
/*  HEADER MINI CART  */
.my-account { background: none; min-height: inherit; }
.EAI { max-width: 100%; width: 100%; margin-bottom: 30px; }
body.customer-account-edit .my-account .fieldset { max-width: 100%; }
body.customer-account .my-account { margin-top: 0px; }
body.customer-account .my-account .fieldset { margin-bottom: 0px; }
body.wishlist-index-index .my-account { margin-bottom: 30px; }
.dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-bottom: 5px; }
.my-account .addresses-list .item, .my-account .addresses-list .col-2 li.item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; }
.my-account .addresses-list .col-2 li.item:first-child { border-right: 0px solid #cccccc; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.my-account .fieldset ul.form-list { margin: 0px; }
.form-list > li.fields { margin-bottom: 0px; }
body.customer-address-form .form-list .control { margin-top: 0; margin-bottom: 0; }
body.customer-address-form .my-account .buttons-set { margin: 10px 0 0; }
body.customer-address-form .linearize-table-large tbody td { border-bottom: 0px solid; border-top: 0px solid; border-right: 1px solid #CCC; }
.opc .section .step { padding: 15px; }
.col2-set { margin: 0 0px; }
#checkout-step-login .col2-set:before { background: none; }
#checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2 { padding-left: 0; padding-right: 0; width: 100%; display: block; float: none; }
.order-items.order-details .linearize-table-large tbody td[data-rwd-label] { padding-left: 10px; }
.linearize-table-large tfoot td:nth-child(2n) { padding-bottom: 5px; }
body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; }
body.customer-address-index .col2-set:before { display: none; }
.my-account .data-table tbody td { border: 0; padding: 2px 5px; }
.cart-totals-wrapper { width: 100%; float: none; }
.main-scrolltable, .order-details {overflow: auto; width:100%;}
}
@media only screen and (max-width: 599px) {
.view-mode {position: absolute; top: 4px; right: 10px;}
.toolbar .view-mode > label {display:none;}
}
 @media only screen and (max-width: 567px) {
.becomeretailer-section { padding: 20px 0; }
.product-enquiry-popup .becomeretailer-section { padding: 0; }
.captcha-field iframe { transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); }
}
@media all and (max-width:479px) {
.contact-want-to-tell .button-set { margin-top: 0 }
.contact-want-to-tell label, .download-credit-link a { font-size: 12px; }
.sales-order-view .col2-set .col-2{border-top:0px solid #ccc;margin-top: 15px;padding-top: 15px;}
.col2-set .col-2{/*margin-top: 15px;*/padding: 10px 0;}
    
body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button {width:100%; margin-left:0;}
/*product list and grid page*/

#products-list li .product-image {margin-bottom: 10px; width:100%; }
.products-list .link-learn {position: relative; right: 0; top: 0; float: right;}
.header-minicart .minicart-actions .checkout-button { width: 100%; }


/*product list and grid page*/
}
/*###############################################
 Contact us page ends*/

/* 404 page
############################################### */
@media all and (max-width:767px) {
.cms-no-route .col-middle{padding-right:0px;}
.cms-no-route .col-middle:before{visibility:hidden;}
}
/* 404 page ends
############################################### */

/* General css
############################################### */

 @media only screen and (max-width: 767px) {
.page-title h1, .page-title h2, .product-name h1, .product-name .h1 { font-size: 22px; margin-bottom: 0px; }
     .my-account .page-title{ margin-bottom: 0px; }     
     .arrivals_section .arrivals_content .main_title, .welcome_conent_main h1, .welcome_conent_main h2, .welcome_conent_main h3, .welcome_conent_main h4, .welcome_conent_main h5, .welcome_conent_main h6{font-size: 22px;}     
h1, .h1 { font-size: 20px; }
h2, .h2 { font-size: 18px; }
h3, .h3 { font-size: 16px; }
}
 @media only screen and (max-width: 639px) {
.form-list .field { float: none; padding-bottom: 15px; width: 100%; }
.form-list li.saveadress { float: none; margin: 0 0 5px; padding-bottom: 10px; }
}
 @media only screen and (max-width: 479px) {
.main-container, .quickcontact-index-index .main-container { padding: 10px; }
.buttons-set .button { float: none; width: auto; margin-left: 0; margin-right: 0; margin-bottom: 7px; }
}
  
/* General css ends
############################################### */
 
/*.product-view .sharing-links a*/




/*=================================================== Media Queries home page ============================================*/


@media screen and (min-width:1921px){.hl-banner-slider figure img { min-width: 100%; }}
@media screen and (max-width:1919px){
.home-category-img-grid { position: relative; }
.home-category { position: relative; left: 0px; top: 0; right: 0px; bottom: 0; overflow: hidden; width: 100%;}
.home-category img { max-width: inherit;  height: 100%;     width: 100%;}

}

@media screen and (min-width:1500px){
.home-category .category_title {    font-size: 30px;  }
.hover_box_main .main_btn {  min-width: 180px;  font-size: 15px;}
.topic_main_box .hover_box_main p {  font-size: 14px; }
.topic_main_box .hover_box_main span {  font-size: 15px; }
.topic_main_box .hover_box_main h4 {  font-size: 15px;  margin-bottom: 13px;}
.topic_main_box .hover_box_main span.price { font-size: 20px; }
.topic_main_box .hover_box_main .title_main {  font-size: 20px; }
}
@media screen and (max-width:1199px){
.mobile-accordion .title { font-size: 20px; }
.home-category .category_title { font-size: 18px; }
.home-category .category_hover p { font-size: 14px;  margin-bottom: 10px; }
.home-category { min-width: 150px;  font-size: 14px; line-height: 35px; }
.owl-nav > div{ margin: 0 -30px 0 -30px !important;}
.home-category-img-grid { position: relative; }
.home-category { position: absolute; left: 16px; top: 0; right: 16px; bottom: 0; overflow: hidden; }
.home-category img { max-width: inherit; max-width: initial; height: 100%; }
/*.home-category-img-grid:nth-child(2) .home-category {bottom: calc(50% + 14px);}
 .home-category-img-grid:nth-child(2) .home-category + .home-category { top: calc(50% + 14px); bottom: 0; } */
}

@media screen and (max-width:1169px){
.tab_section.home_pb {   padding: 30px 0; }
.category_slider {   padding: 30px 0 60px 0; }
.category_slider .owl-nav {  bottom: -10px;  top: auto;   width: auto;  padding: 0 !important; transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%); -webkit-transform: translate(-50%); }
.category_slider .owl-nav div {   margin: 0 -40px 0 -40px !important; }
.resp-tabs-list li { font-size: 25px; }
.welcome_section .welcome_img_box { margin: 0 85px 0 0; }
.welcome_section .welcome_img_box.rightpart{  margin: 0 0 0 85px; }
.welcome_conent_main {  padding: 40px 30px; }
.footer_form_main h3 { font-size: 30px; position: relative;   z-index: 3;  text-shadow: 0 0 10px #fff; }    
.footer_form:before {background-size: cover; background-position: 100%; max-width: 350px; width: 100%; height: 100%; margin:0; left:0;}
.footer_form_main {  max-width: 650px; }
.product-thumbnails { padding: 0 }
.product-thumbnails .owl-nav > div {   margin: 0 0 0 0 !important; }
    
.products-grid .actions.img_main_box {
    position: relative;
    top: -57px;
    right: 0%;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 99;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgba(0,0,0,0.80);
} 
.products-grid .actions.img_main_box .buttonaddtocart {
color: #fff;
    font-size: 30px;
    min-width: 50px;
    text-align: center;
    padding: 0;
    line-height: 46px;
    display: inline-block;
    background: rgba(0,0,0,0.80);
    border: none;
    float: left;
    border-radius: 0;
}  
.products-grid .item .img_main_box .add-to-links {
    zoom: 1;
    display: inline-block;
    margin-left: 0;
    float: right;
    margin-top: 0;
}    
    
}


@media screen and (min-width:1025px){
.mobile-accordion ul li a:hover {color: #4F6C29;}
.footer-contact p a:hover {  color: #4F6C29;}
.category_slider_content:hover:after {  left: 10px;  top: 10px;  bottom: 10px;  right: 10px;  border: 2px solid #4b6a18;}
.category_slider_content:hover:before {   right: 0;}
.category_slider_content:hover .hover_box { transform: translate(-50%,-50%) scale(0); -o-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); -moz-transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1);}
.home-category:hover:after {  left: 15px;  top: 15px; right: 15px;  bottom: 15px;  border: 2px solid #fff;}
.home-category:hover .category_hover { transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);  -moz-transform: translate(-50%,-50%) scale(1);  -webkit-transform: translate(-50%,-50%) scale(1);}
.home-category:hover .category_title {  opacity: 0;}
.home-category:hover .category_hover .category_title {  opacity: 1;}
.home-category:hover:before {  right: 0;}
.topic_main_box:hover .hover_box_main { transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);  -moz-transform: translate(-50%,-50%) scale(1);   -webkit-transform: translate(-50%,-50%) scale(1); }
.topic_main_box:hover:before {top: 10px; left: 10px;  right: 10px;  bottom: 10px;  border: 2px solid #4b6a18;}
.topic_main_box:hover:after {  right: -1px; }
.resp-tabs-list li:hover:before {   width: 100%;  border: 2px solid #4b6a18;}
.mobile-accordion ul li a:hover {}
.mobile-accordion ul li a:hover i, .mobile-accordion ul li a:hover em {color: #fff;}
.footer_social_main ul li a:hover:before {  top: 0;}
.arrivals_slider a.img_main_box:hover:after {   left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.arrivals_slider a.img_main_box:hover:before {   right: 0;}
}


@media screen and (max-width:1024px){
    .home_pb {  padding: 40px 0; }
    .hl-welcome-content .mCSB_inside>.mCSB_container{margin-right:20px}
    .hl-welcome-content .mCSB_scrollTools{width:16px}
    .home-book-categories-container {     max-width: 100%; }
    .home-category-slider-main .main_title {  margin: 0 0 20px 0;  font-size: 25px; } 
    .view_btn_box { padding: 25px 0 0 0; }
    .container-main {  margin-top: 98px; }
    .home-category-slider-main {  padding:  20px; }
    .view_btn_box .main_btn {  min-width: 230px; }
    .welcome_section { margin-bottom: 50px; }
    .footer_form { padding: 40px 0; }
    .home-book-categories {  padding: 50px 0 50px 0; }
    .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 { line-height: 50px; margin: 0 0 10px 0;  font-size: 45px; }
    .hl-banner-slider figcaption p {  font-size: 16px;  max-width: 520px;  margin: 0 auto 15px; }
    .footer_social_main li a i {  font-size: 18px; }
    .footer_social_main li a {     width: 40px;  height: 40px; }
    .footer-top {  padding: 40px 0 40px 0; }
    .mobile-accordion-toggle p {  font-size: 14px; }
    .mobile-accordion ul li a { font-size: 14px; }
    .mobile-accordion ul { padding-top: 20px; }
    .mobile-accordion-toggle {   margin: 20px 0 0 0; }
    .category_slider_content span.price {  font-size: 19px;  padding: 0 0 5px 0; }
    .welcome_conent_main .wel_btn {   padding: 15px 0 0 0; }
    .header_bottom {   margin: 20px 45px 0 0; } 
    .product-collateral .toggle-tabs li > span{ font-size: 20px;}
    .welcome_section .welcome_img_box, .welcome_section .welcome_img_box.rightpart {  position: relative;  margin:0;  top: 0; left: 0;  right: 0;  bottom: 0;  max-width: 100%;  }
    .welcome_section .welcome_img_box img, .welcome_section .welcome_img_box.rightpart img {  position: relative;  max-width: 400px;  width: auto;  height: auto;  top: auto;  left: 0;  right: 0;  min-width: inherit;   min-height: inherit;   margin: 25px auto 0;   display : block;}
    .welcome_section .col-xl-offset-5 {  margin: 0;  -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}
     .welcome_section { margin-bottom: 0px;}
    .welcome_section .welcome_img_box img, .welcome_section .welcome_img_box.rightpart img { max-width: 100%;  width: 100%; margin-top: 0; }
.welcome_section .buytextabout{     width: 100%;
    flex: inherit;
    max-width: 100%;}
    
}

@media screen and (max-width:991px){
.footer-top .col-md-2 { -webkit-box-flex:0;  -ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%;  max-width: 33.3333%;  margin-bottom: 10px;}
    .footer-top .col-md-3 {   -webkit-box-flex: 0;  -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; }
    .hl-banner-slider figure img {   height: 450px; }
    .hl-banner-slider figcaption h2, .hl-banner-slider figcaption .h2 {  line-height: 45px;  margin: 0 0 10px 0;  font-size: 38px; }
    .hl-banner-slider figcaption p {  font-size: 15px;  max-width: 450px; }
    .hl-banner-slider .owl-dots { right: 20px;  transform: translateY(-50%);  -o-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -moz-transform: translateY(-50%);    -webkit-transform: translateY(-50%);}
    .hl-banner-slider .owl-dots .owl-dot span { margin: 0 auto 5px; }
    .category_slider_content { padding: 20px 20px; }
    .main_title {  font-size: 26px;  margin-bottom: 10px; }
    .footer_form_main {   max-width: 550px; }
    .footer_form_main .input-box .main_btn.green_btn {     min-width: 160px; }
    .product_btn.main_btn.green_btn {  padding: 0;  line-height: 50px;  font-size: 14px;  min-width: 150px; }
    .mobile-accordion ul li {      padding: 2px 0 2px 0;}
    .arrivals_section .arrivals_content p { padding: 0 }
.arrivals_section .arrivals_content {width: 100%;margin-bottom: 30px;max-width: 100%;margin: 0 auto 30px;}
.arrivals_section .arrivals_slider_box {width: 100%;     max-width: 100%;  margin: 0 auto;}
    .home-feature-latest-products #tab-container li{ width:100%;}
    .contact-top-details-block .top-right-map {
    float: right;
    padding-top: 0px;
    width: 100%;
}
    .contact_us_icon {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
    .top-left-icon, .contact-top-details-block .top-left-icon:before{ width: 100%;     padding: 20px 20px 10px 20px;}
    .top-left-icon .contact_us_icon+.contact_us_icon{ margin-top: 0; margin-bottom: 10px;}
	    .home-category-slider-container {  width: 100%; max-width: 100%;  margin: 0 auto; }
    .home-category-images {  width: 100%;  margin:0 auto 20px; }
    .home-book-categories {   padding: 0 20px 0 0; }
}

@media screen and (max-width: 767px) {
.owl-nav > div{ margin: 0 10px 0 10px !important;}
    .mobile-accordion ul li:last-child {  margin-bottom: 0; }
    .mobile-accordion.contact_links {  margin: 0 0 20px 0; }
    .mobile-accordion .title:before { display: none }
    .mobile-accordion{margin-bottom:20px}
    .mobile-accordion .title{margin:0;padding:15px 35px 15px 15px;background:#303030;color:#fff;text-align:center;position:relative;margin:0 !important;text-align:left;font-size:16px}
    .mobile-accordion .title span{position:absolute;right:10px;font-weight:normal;font-size:18px;width:100%;height:100%;left:0;top:0}
    .mobile-accordion .title span:after{content:"\f067"; font-family:'FontAwesome';  font-weight: 900;position:absolute;right:15px;top:16px}
    .mobile-accordion.in .title span:after{content:"\f068"}
    .mobile-accordion > ul,.mobile-accordion-toggle{border:1px solid #4F6C29; border-radius: 0;padding:15px;display:none;margin:0}
    .mobile-accordion .title:after{display:none}
    .mobile-accordion .title{line-height:18px;background: #4F6C29;color: #fff;border-radius: 0;padding: 15px 20px;}
    .mobile-accordion.mobile-toggle{margin-top:0}
    .mobile-accordion ul li{padding:0}
    .mobile-accordion.quick_links {  margin-bottom: 20px; }
    .quick_links ul li a {     line-height: 30px; }
.home-book-categories {   padding: 0 0px 0 0; }
    .footer-top .col-md-2 {-webkit-box-flex: 0;-ms-flex: 0 0 33.3333%;flex: 0 0 100%;max-width: 100%;margin-bottom: 0;}
    .footer-top .col-md-3 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .hl-banner-slider figcaption { display: none }
    .hl-banner-slider figure img {   width: 100% !important;  height: 100% !important; }
    .footer-top {   padding: 30px 0 15px 0; }
    .signature span, .signature p, .signature a { line-height: 25px;  font-size: 14px; }
    .signature {   padding: 9px 0 9px 0; }   
    .header_bottom .search_box input {   width: 250px; }
    .home-category {position: relative;  left: 0;  top: 0;  right: 0;  bottom: 0; }
    
    .hl-welcome-content, .hl-welcome-content .jspContainer{     width: 100% !important;}
    .footer_form:before {     max-width: inherit;     background: none;}
    .footer_form { padding: 40px 0 0;}
    .footer_form_main .input-box{ margin-bottom: 20px;}
    .home-about-section { padding: 0;}
.home-category-img-grid:nth-child(2) .home-category + .home-category { top: 0; bottom: 0; }
    .default-banner {height: 150px; width: 100%;  margin: 0;}
    .default-banner img { height: 150px;  width: auto;}
    .contact-top-details-block .top-left-icon, .contact-top-details-block .top-left-icon.rightside{  width: 100%;}
.contact-top-details-block .top-left-icon h3{ font-size: 20px;}
.top-left-icon .contact_us_icon p, .top-left-icon .contact_us_icon a{ font-size: 15px;}

.top-right-map {
	width: 100%;
	margin-top: 30px;
}
    
}
@media screen and (max-width:639px)
{  .home_pb {  padding: 25px 0; }
    .footer_form_main h3 {  font-size: 25px; }
    .product_main_box h2 {  font-size: 25px;     margin-bottom: 10px;}
    .product_price span {   font-size: 25px; }
    .header-minicart .minicart-actions .main_btn { min-width: 200px;     font-size: 14px;}
    .contact_us_icon { display: inline-block; width: 100%;  vertical-align: top;     margin-bottom: 10px;}
    .contact-top-details-block .top-left-icon.rightside:before, .contact-top-details-block .top-left-icon:before{ display: none;}
        .contact-top-details-block .top-left-icon, .contact-top-details-block .top-left-icon.rightside{ padding: 0;     width: 100%;}

}

@media screen and (max-width:567px)
{
    .header_bottom .search_box input {   width: 180px; }
    .footer_form_main .input-box .main_btn.green_btn {  min-width: 150px; }
    .form_main .main_btn { line-height: 50px;  min-width: 110px;  font-size: 14px; }
}
@media screen and (max-width:479px){
    .header_bottom {  float: none; width: 100%; margin: 5px auto 5px;}
    .navigation-toggle { top: -38px; }
    .header_bottom .search_box {margin-right: 5px;}
    .header_bottom .user_box {margin-right: 3px;}
    .header_bottom .like_box {margin-right: 5px;}
    .container-main {   margin-top: 149px; }
    .footer_form_main .input-box input {     height: 50px;     padding: 0 125px 0 18px; }
    .footer_form_main .input-box .main_btn.green_btn {   min-width: 100%;
    font-size: 13px;
    line-height: 30px;
    position: relative;
    margin-top: 30px; }
    .signature span, .signature p, .signature a {   line-height: 20px;  font-size: 14px; }
    
    .hl-banner-slider .owl-dots .owl-dot.active span {  width: 16px;  height: 16px;}
    .hl-banner-slider .owl-dots .owl-dot span {  width: 13px;  height: 13px; }
    .home-category-img-grid {  width: 100%;  margin-bottom: 0; }
    .home-category {   margin-bottom: 15px; }
    .home-category img {   max-width: inherit;  max-width: 100%;   width: auto;   height: auto; }
    .product_main_box h2 {  font-size: 22px; }
 .header-minicart .minicart-actions .main_btn{ min-width: 100%;}
    .show-menu .mini-cart-overlay{ right: 100%;}
 .header-right .login-box-links{ width: 183px; right: -75px;} 
}

@media screen and (max-width:375px){ 
.header_bottom .search_box input {   width: 155px; }
.g-recaptcha{overflow:hidden}
.captcha-box iframe{transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;-webkit-transform-origin:left}
    .fieldset .contact-want-to-tell  p.required { margin-bottom: 5px; float: left; font-size: 11px; margin-top: 12px; color: red; }

}