/*
Theme Name: Book Store
Theme URL: http://demo.crunchpress.com/book-store
Description: WordPress Theme Based on CrunchPress Framework
Version: 2.4.0
Author: CrunchPress Team
Author URL: http://crunchpress.com
License: CrunchPress Themes
License URI: http://themeforest.net/licenses/standard
Tags: custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* All css files contains in stylesheet folder */

/* Custom Styles */

.single-portfolio .b-post-bottom, .slider-logo, .product_meta .sku_wrapper {
	display: none;
}

.slider-price-wrapper .price del span.amount {
	font-size: .75em;
}

.page-id-4 .page-item .shop-btn {
	margin-bottom: 0px;
}

.dcj_ebook_image {
	max-width: 150px;
	margin: 0px 5px 5px 0px;
}

div.portfolio-thumbnail-image-hover, .pagination a:hover, .pagination span.current, .bb-custom-content {
    background-color: #.bb-custom-content  /*rgba(18,176,205,0.65)!important;  #12b0cd*/
}

.home-3-column-banners {
	margin-left: 25px;
}

.home-3-column-banners img {
	margin-right: 10px;
}

.um-account-profile-link, .cp_shop_url .account_view_order_link, .um-field-area .um-form-field, .e-commerce-list .user-login-link {
	display: none;
}

.um-field-area .um-form-field {
	display: none !important;
}

.um-field-area #user_password-3828 {
	display: block !important;
}

#user_password-3828 {
	display: inline;
}

.menu-item-3875 a {
	font-weight: bold;
	font-size: 1.25em;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-id-4 .cp-page-float-left .span6 {
	margin: 0 0 0 45px !important;
}

#mc_embed_signup {
	background: none !important;
}

.Featured-Author {
    margin-top: 53px !important;
}

input#mce-EMAIL {
	width: 345px;
}

.onsale {
	display: none;
}

#bb-bookblock .price {
	color: #fff;
}

/* Custom Styles */


/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; margin: 0; }

mark, rp, rt, ruby, summary, time { display: inline }

/* Getting the new tags to behave */



/* Start form defaults */

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle; font-weight: normal; color: #393939; margin: 0; padding: 0; }

/* End form defaults */



/* Start Links defaults style */

a { text-decoration: none; outline: none; }

a:hover { transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ text-decoration: none; }

a img { border: 0; }

a img:hover { opacity: 0.6; transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ }

.first { margin-left: 0 !important; }

.m-bottom { margin: 20px 0 70px !important; }

img { outline: none; }

/* End Links defaults style */



/* Start main Header css */

#main-header { background: url(images/header-bg.jpg) repeat; padding: 40px 0 0; margin: 0 0 0px; }

#logo { margin: 0; float: left; width: 600px;}

#logo a { display: block; height: 100%; }

#main-header input[type="text"] { font-size: 13px; color: #bdbdbd; height: 26px; float: left; margin: 0; }

#main-header input[type="submit"] { border: 0; font-size: 14px; color: #fff; padding: 7px 20px; float: left; background: #98b827; cursor: pointer; transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ }

#main-header input[type="submit"]:hover { background: #6a8706; }

.search-bar { float: right; }

.shop-nav { overflow: hidden; text-align: right; }

.shop-nav li:first-child { margin: 0; padding: 0; background: none; }

.shop-nav li { display: inline-block; background: url(images/nav-sep.png) left no-repeat; padding-left: 15px; margin-left: 9px; line-height: 45px; }

.shop-nav li a { font-weight: bold; color: #737373; }

.shop-nav li a:hover { color: #000; }

/* Start Main menu css */

#main-header #nav { background: rgba(37, 36, 36); background: rgba(37, 36, 36, 0.1); border-top: 1px solid rgba(37, 36, 36, 0.1); }

.navbar { margin: 0 auto; max-width: 1170px; }

#main-header .navbar-inverse .navbar-inner { background: none; border: 0; -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, .0), 0 0 0 rgba(0, 0, 0, .0); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0); padding: 0; }

#main-header .navbar .nav > li:first-child { background: none; }

#main-header .navbar .nav > li { background: url(images/main-nav-sep.png) no-repeat left center; font-size: 16px; padding-left: 2px; }

#main-header .navbar-inverse .brand, #main-header .navbar-inverse .nav > li > a { color: #3c3c3c; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.0); border-bottom: 3px solid transparent; }

#main-header .navbar-inverse .nav > li > a:hover { color: #000; background-color: rgba(37, 36, 36); background-color: rgba(37, 36, 36, 0.1); border-bottom: 3px solid #98B827; }

#main-header .dropdown-menu { left: 0; right: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

#main-header .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, #main-header .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, #main-header .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background: rgba(37, 36, 36); background: rgba(37, 36, 36, 0.1); border-bottom: 3px solid #98B827; }

#main-header .dropdown-menu > li:first-child { background: none; }

#main-header .dropdown-menu > li { background: url(images/sub-nav-sep.jpg) repeat-x top center; }

/* End Main menu css */



/* Start Top Nav Bar Css */

.top-nav-bar { background: #242424; color: #fff; min-height: 50px; }

.top-nav-bar ul { margin: 0; padding: 0; list-style: none; }

.top-nav-bar .row-fluid [class*="span"] { margin-bottom: 0; }

.top-nav li { float: left; margin-right: 1px; line-height: 50px; }

.top-nav li a { padding: 0 12px; display: block; color: #fff; }

.top-nav li a:hover, .top-nav li a.active { color: #fff; text-decoration: none; }

.e-commerce-list { position: relative; }

.e-commerce-list li:first-child { margin: 0; padding: 0; background: none; }

.e-commerce-list li { background: url(images/top-nav-sep.png) left no-repeat; padding-left: 15px; margin-left: 15px; }

.e-commerce-list li a { font-weight: bold; }

.e-commerce-list li a:hover { text-decoration: none !important; }

.e-commerce-list li.p-category a { padding: 0 2px; color: #fff; }

.e-commerce-list li.p-category a:hover { color: #98b827; text-decoration: none; }

.c-btn { background: #fff; padding: 0 18px 8px 10px; position: absolute; right: 0; text-align: center; min-width: 97px; top: 0px; }

.c-btn .btn { background: none; border: 0; padding-right: 10px; margin-bottom: 10px; -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, .0), 0 0 0 rgba(0, 0, 0, .0); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 rgba(0, 0, 0, .0); }

.c-btn .btn-mini .caret, .c-btn .btn-small .caret { margin-left: 5px; }

.cart-btn { background: url(images/cart-icon.png) no-repeat left; padding-left: 30px; display: inline-block; font-size: 24px; line-height: 41px; }

.cart-btn:hover { text-decoration: none; }

.btn-group ul li { padding: 0; background: none; margin: 0; float: none; }

.user-login-link { position: relative; top: 14px; }

.user-login-link li { display: inline-block; padding: 0 3px !important; background: transparent; line-height: 20px !important; margin: 0; }

/* End Top Nav Bar Css */

/* End main Header css */



/* Start Content Css */



/* Start WellCome Msg Css */

.row-fluid [class*="span"].wellcome-msg { border-bottom: 9px solid; background: #f7f6f6; padding: 30px; line-height: 28px; max-width: 1150px; }

.wellcome-msg h2 { margin: 0 0 10px; color: #000; font-size: 28px; }

.wellcome-msg p { margin: 0; font-size: 23px; line-height: 23px; }

/* End WellCome Msg Css */



/* Start Sale Bar Css */

.s-product { padding: 14px 14px; border: 1px solid #dee4e4; position: relative; background: #fff; }

.s-product-det { float: right; width: 67%; }

.s-product-det h3 { color: #809f14; font-size: 18px; margin: 0 0 8px; line-height: 18px; overflow: hidden; height: 20px; }

.s-product-det .title-holder a { white-space: nowrap; position: relative; }

.s-product-det p { color: #3d3d3d; line-height: 16px; margin-bottom: 8px; }

.s-product-img { float: left; width: 30%; }

.s-product-img img, .s-product-img { width: 98px; height: 130px; }

.rating-bar { display: block; margin: 0 0 10px; }

.rating-bar img { width: auto !important; }

.cart-btn2 { position: relative; }

.cart-btn2 a { background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: none; float: left; height: 30px; margin-right: 10px; outline: medium none; overflow: hidden; padding: 0; width: 30px; }

.cart-btn2 a:hover, a:active, a:focus { text-decoration: none !important; outline: none !important; }

.main-slider .cart-btn2 a { color: #fff; font-size: 32px; }

.cart_dropdown_first .cart-btn2 > a { position: relative; top: 9px; }

.cart_dropdown_link { font-size: 20px; }

.cart-btn2 .added_to_cart { display: none; }

.cart-price { overflow: hidden; }

.price { float: left; margin-top: 4px; padding-left: 10px; border-left: 1px solid #ababab; font-size: 20px; color: #000; }

.product-meta-wrapper .price { font-size: 15px; position:absolute; }

.sale-icon { background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/sale-icon.png) no-repeat; width: 78px; height: 78px; position: absolute; left: 0; top: 0; text-indent: -999px; overflow: hidden; }

/* End Sale Bar Css */



/* Start Featured Books Css */

.heading-bar { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding: 6px 0; margin: 0 0 22px; position: relative; }

.heading-bar h2 { margin: 0; font-size: 24px; color: #333; line-height: 24px; }

.heading-bar a { font-size: 18px; }

.h-line { background: #98b827; width: 30px; height: 3px; position: absolute; left: 0; bottom: -2px; }

.features-books .bx-pager { display: none; }

.features-books .slide { position: relative; background-color: #fff; }

.features-books .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: solid #fff 0; background: transparent; }

.features-books .slide { padding: 16px; border: 1px solid #e5e5e5; transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ }

.features-books .slide:hover { background: #f9f9f9; border-color: #85a319; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; box-shadow: 0 0 7px #ccc; }

.features-books .slide .title-holder { display: block; margin: 0 0 5px; color: #000; font-size: 12px; overflow: hidden; }

.product-archive .product-meta { height: 40px; overflow: hidden; }

.features-books .slide .title a { color: #000; position: relative; height: 20px; overflow: hidden; white-space: nowrap; }

.features-books .star-rating { bottom: 42px; height: 16px; left: 13px; position: absolute; }

/*.features-books .slide img { margin:0 0 5px; }*/

.features-books .pro-img { -moz-box-shadow: 2px 2px 2px #4e4e4e; -webkit-box-shadow: 2px 2px 2px #4e4e4e; box-shadow: 2px 2px 2px #4e4e4e; }

.features-books .bx-controls-direction { position: absolute; right: 40px; top: -46px; }

.features-books .bx-wrapper .bx-prev { left: -17px; }

.features-books .bx-wrapper .bx-next { right: -44px; }

/* End Featured Books Css */



/* Start Slider2 for Best Sellers */

.best-sellers .bx-pager { display: none; }

.best-sellers .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: solid #fff 0; background: transparent; height: 265px; }

.best-sellers .slide { background: #f6f6f6; text-align: center; height: 245px; }

.slide2-caption { padding: 10px 14px; background: #809f14; overflow: hidden; font-family: Arial, Helvetica, sans-serif; margin-top: 14px; min-height:40px; }

.slide2-caption .left { float: left; width: 55%; text-align: left; }

.slide2-caption .right { float: right; width: 30%; }

.slide2-caption .price { border: 0 none; display: block; float: none; font-family: Calibri; font-size: 15px; margin: 20px 0 5px 20px; padding: 0; position: absolute; right: 11px; }

.bx-viewport .slide2-caption .price .woocommerce-price-suffix, .woocommerce-price-suffix {display: none;}

.slide2-caption .title { display: block; font-size: 14px; }

.slide2-caption .title a { color: #fff; height: 20px; overflow: hidden; position: relative; white-space: nowrap; }

.slide2-caption .author-name a, .slide2-caption .author-name { color: #010101; font-size: 12px; }

.slide2-caption .rating-bar { float: right; }

.best-sellers .bx-controls-direction a { top: 35%; }

/* End Slider2 for Best Sellers */



/* Start Featured Authore Section */

.Featured-Author { margin-top: 73px; background: #f8f8f8; border-top: 7px solid #809f14; border-bottom: 2px solid #809f14; position: relative; }

.Featured-Author:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.author-img-holder { border: 8px solid #809f14; left: 40px; position: absolute; top: -80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 100 }

.author-img-holder img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.author-img-holder img:hover { opacity: .9; -webkit-transform: scale(1.05, 1.07); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.05, 1.07); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; z-index: 99; }

.Featured-Author .left { width: 57%; float: left; }

.both-sidebar-included .Featured-Author .left { width: 100%; text-align: center; margin-top: 88px; }

.both-sidebar-included .author-det { padding: 20px; }

.sidebar-included .author-det { padding: 100px 0 17px 50px; }

.both-sidebar-included .Featured-Author .right { width: 90%; }

.sidebar-included .Featured-Author .ico-holder { bottom: -57px; }

.both-sidebar-included .Featured-Author .ico-holder { top: -50px; right: 0px; left: auto; }

.Featured-Author .right { width: 35%; float: right; padding: 22px; background: #f3f4f6; min-height: 180px; }

.author-det-box { position: relative; min-height: 197px; }

.author-det { padding: 41px 0 17px 215px; overflow: hidden; }

.author-det-box .title, .author-det-box .title2 { display: block; margin: 0 0 5px; font-size: 24px; }

.author-det-box .title { color: #070707; }

.author-det-box .title2 { margin: 0 0 20px; }

.author-det-box .books-list { list-style: none; margin: 0 0 0 -10px; }

.author-det-box .books-list li { float: left; margin: 0 0 10px 10px; }

.current-book { float: left; margin-right: 20px; width: 55%; }

.current-book .title { font-size: 18px; margin: 0 0 10px; display: block; }

.current-book .title a { color: #2e2e2e; }

.c-b-img { float: right; width: 108px; }

.Featured-Author .ico-holder { position: absolute; bottom: 30px; left: 20px; text-align: center; width: 180px; }

.Featured-Author #socialicons > a { float: none; }

/* End Featured Authore Section */



/* Start Latest from the Blog */

.blog-section .bx-wrapper { float: left; margin-top: 40px; }

.blog-section { position: relative; }

.blog-section .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: solid #fff 0; background: transparent; }

.blog-section .bx-wrapper .bx-prev { left: -17px; }

.blog-section .bx-wrapper .bx-next { right: -44px; }

.blog-section .bx-controls-direction { position: absolute; right: 44px; top: -86px; }

.blog-section .bx-wrapper .bx-pager { display: none; }

.post-det { float: right; width: 49%; overflow: hidden; }

.post-det h3 { margin: 0 0 5px; font-size: 18px; line-height: 24px; }

.post-det h3 a { color: #000; height: 20px; overflow: hidden; position: relative; white-space: nowrap; }

.comments-num { display: block; margin: 0 0 5px; }

.post-det p { margin: 0; font-size: 12px; line-height: 18px; }

.post-img { float: left; margin-right: 5%; width: 45%; position: relative; }

.post-date { position: absolute; top: 0; right: 1px; width: 38px; height: 48px; text-align: center; background: #809f14; color: #fff; }

.post-date span { font-size: 24px; display: block; }

/* End Latest from the Blog */



/* Start Testimonials Section */

.testimonials .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: solid #fff 0; background: transparent; }

.author-name-holder { background: url(images/author-img-holder.png) no-repeat; width: 93px; height: 98px; margin: 0 auto 17px; text-align: center; }

.author-name-holder img { position: relative; top: 9px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; margin: 10px 0 0; width: 78%; margin-bottom: 18px; }

.testimonials .title { text-align: center; font-size: 18px; display: block; text-transform: uppercase; font-weight: normal; }

.testimonials .title a { color: #555; }

.testimonials .title span { display: block; }

.testimonials p { background: url(images/qouts-icon.png) no-repeat top left; padding-top: 50px; }

.testimonials .bx-pager { display: none; }

.testimonials .bx-wrapper .bx-controls-direction a { top: 13%; }

.testimonials .bx-wrapper .bx-prev { left: 30px; }

.testimonials .bx-wrapper .bx-next { right: 30px; }

.testimonials .bx-wrapper .bx-prev { background: url(images/controls1.png) no-repeat 0 -32px; }

.testimonials .bx-wrapper .bx-next { background: url(images/controls1.png) no-repeat -43px -32px; }

.testimonials .bx-wrapper .bx-prev:hover { background-position: 0 0; }

.testimonials .bx-wrapper .bx-next:hover { background-position: -43px 0; }

/* End Testimonials Section */



/* End Content Css */



/* Start Footer Top 1 Css */

.footer-top1 { background: url(images/footer-top1.jpg) repeat; padding: 70px 0 58px; font-size: 14px; }

.footer-top1 h4 { font-size: 30px; color: #333; margin: 0 0 40px; }

.tweets-list, .phon-list { margin: 0; list-style: none; }

.tweets-list li { margin: 0 0 10px; }

.phon-list { margin: 0 0 20px; list-style: none; }

.mail-list a { color: #555; }

footer input[type="text"] { border: 1px solid #dadada; width: 95%; margin: 0 0 20px; font-size: 14px; color: #838383; font-family: Calibri; min-height: 20px; }

.footer-top1 .sub-btn { font-size: 18px; font-family: Calibri; font-weight: bold; background: #809f14; padding: 6px 15px; float: right; color: #fff; border: 0; cursor: pointer; }

/* End Footer Top 1 Css */



/* Start Footer Top 2 Css */

.footer-top2 { background: url(images/footer-2bg.jpg) repeat; padding: 0 0 10px; font-size: 14px; border-top: 4px solid #191919; }

.footer-top2 h2 { font-size: 30px; color: #f1f1f1; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ccc; clear: both; }

.social-ico-bar { overflow: hidden; background: url(images/social-ico-bar-bg.jpg); margin: 0 0 0px; border-top: 1px solid #434343; border-bottom: 1px solid #434343; padding: 9px 0 0; }

.footer-top2 .social-ico-bar { padding: 9px 0; }

.footer2-link { margin: 0; float: right; list-style: none; }

.footer2-link li first-child { margin: 0; }

.footer2-link li { margin: 0 0 0 15px; float: left; line-height: 30px; list-style: none; }

.footer2-link ul { margin: 2px 0; }

.footer2-link li a { color: #fff; }

.f2-pots-list { margin: 0; list-style: none; }

.f2-pots-list li { margin: 0 0 28px; position: relative; padding: 0 0 0 50px; }

.f2-pots-list li a { color: #fff; }

.right-sidebar-wrapper .f2-pots-list li a, .right-sidebar-wrapper .f2-pots-list li .comments-num, .left-sidebar-wrapper .f2-pots-list li a, .left-sidebar-wrapper .f2-pots-list li .comments-num { margin-left: 30px; }

.footer-top2 .comments-num { color: #8d8d8d; }

.post-date2 { background: #809F14; color: #fff; height: 30px; left: 0; line-height: 15px; padding: 4px 0; position: absolute; text-align: center; top: 0; width: 39px; }

.f2-img-list { margin: 0; list-style: none; margin-left: -10%; }

.f2-img-list li { width: 40%; margin: 0 0 20px 10%; color: #000; float: left; }

.f2-img-list li .left { float: left; margin-right: 14px; width: 60px; }

.f2-img-list li .right { float: right; width: 88px; }

.f2-img-list li .right .title { display: block; }

.f2-img-list li .right .title a { color: #fff; }

/* End Footer Top 1 Css */



/* Start Main Footer */

#main-footer .social-ico-bar { margin: 0; }

#main-footer p { margin: 0; color: #fff; }

#main-footer p a { color: #fff; }

#main-footer .row-fluid [class*="span"] { margin-bottom: 0; line-height: 30px; }

.copy-right { text-align: right; }

/* End Main Footer */



/* Start Side Bar Styling */

.side-holder { margin: 0 0 35px; }

.side-holder .title { color: #98b827; display: block; margin: 0 0 5px; }

.side-holder .side-inner-holder { background: #fcfcfc; border: 1px solid #e5e5e5; border-top: 0; padding: 16px; margin-bottom: 30px; }

.side-inner-holder .field-bg { margin-bottom: 0 !important; }

.side-inner-holder .cp-button { padding: 7px 16px !important; }

.news-letter-widget input[type="submit"] { margin: 10px 0; }

.side-holder h2 { background: #98b827; font-size: 20px; color: #fefefe; line-height: 20px; padding: 10px; margin: 0; }

.banner-ad img { width: 100%; }

.side-holder ul { margin: 0; }

.side-holder li { margin: 0 0 5px; padding-left: 15px; background: url(images/list-type.png) no-repeat left 5px; list-style: none; }

.side-holder li a { color: #000; }

.r-img-title { margin: 0 0 15px; overflow: hidden; }

.r-img-title img { float: left; margin-right: 10px; border: 1px solid #dcdcdc; }

.r-det-holder { float: left; width: 150px; }

.r-author { font-size: 18px; display: block; font-weight: normal; }

.r-author a { color: #2c2c2c; }

.r-by { display: block; margin: 0 0 5px; }

.r-img-title .rating-bar img { border: 0; }

.r-post p { margin: 0; font-size: 12px; color: #000; }

.r-type { font-size: 12px; color: #98b827; display: block; margin: 0 0 5px; }

.r-author { font-size: 12px; color: #000; display: block; }

.r-post:first-child { margin: 0; border-top: 0; padding: 0; }

.r-post { border-top: 1px dotted #dcdcdc; padding-top: 10px; margin-top: 13px; }

.vote-btn { font-size: 14px; font-weight: bold; background: #809f14; padding: 6px 15px; display: inline-block; color: #fff; }

.price-range { color: #000; }

.poll-list { margin: 0 0 20px; list-style: none; }

.poll-list li { margin: 0 0 5px; line-height: 20px; }

.poll-list input[type="radio"] { margin: 0 5px 0 0; }

/* End Side Bar Styling */



/* Start Blog Slider Styling */

.blog-sec-slider { margin: 0 0 35px; }

.blog-sec-slider .slide img { width: 100%; }

.blog-sec-slider .bx-pager.bx-default-pager { display: none; }

.blog-sec-slider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: solid #fff 0; background: transparent; }

.blog-sec-slider .bx-wrapper .bx-next { left: 43px; }

.blog-sec-slider .bx-controls-direction { bottom: 38px; left: 10px; position: absolute; }

.blog-sec-slider .bx-wrapper .bx-prev { background: url(images/controls2.png) no-repeat 0 -32px; }

.blog-sec-slider .bx-wrapper .bx-next { background: url(images/controls2.png) no-repeat -43px -32px; }

.blog-sec-slider .bx-wrapper .bx-prev:hover { background-position: 0 0; }

.blog-sec-slider .bx-wrapper .bx-next:hover { background-position: -43px 0; }

/* End Blog Slider Styling */



/* Start Blog Post Styling */

.b-post { margin: 0 0 35px; }

.b-post:last-child { margin-bottom: 0; }

.b-post h3 { margin: 0 0 20px; font-size: 20px; line-height: 20px; color: #090909; }

.b-post p, .b-post-img { margin: 0 0 23px; }

.b-post-img img { width: 100%; }

.b-post-bottom { padding: 15px 0; overflow: hidden; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; }

.post-nav { float: left; margin: 0; list-style: none; font-size: 18px; }

.post-nav li:first-child { padding: 0; background: none; }

.post-nav li { float: left; margin-right: 15px; background: url(images/post-nav-sep.png) no-repeat left; padding-left: 20px; }

.post-nav > a, .post-nav li a { color: #000; }

.post-nav > a:hover, .post-nav li a:hover { color: #333 !important; }

.more-btn { float: right; padding: 4px 14px; font-size: 12px; color: #fff !important; border: 0; text-transform: uppercase; }

.cp-button { padding: 4px 14px; font-size: 12px; color: #fff; border: 0; text-transform: uppercase; }

.more-btn:hover, .cp-button { text-decoration: none; }

.more-btn.left { float: left; margin-right: 10px; }

.blog-footer { padding: 10px 0; }

.blog-footer .pagination { margin: 0; float: left; }

.blog-footer .pagination a { color: #000; }

/* End Blog Post Styling */



/* Start Blog Detail Styling */

.blog-detail .b-post-bottom { margin: 0 0 20px; }

.blog-detail i { font-size: 20px; margin-right: 10px; }

.blog-quote p { color: #aaa; }

.form-horizontal textarea { max-width: 60%; min-width: 60%; min-height: 150px; max-height: 150px; }

/* Start Blog Detail Styling */



/* Start Sort list Section */

.product_sort { overflow: hidden; padding: 10px 0 5px; }

.product_sort #productsSortForm { float: left; }

.product_view { float: right; list-style: none outside none; margin-top: 4px; }

.product_view li { float: left; margin-left: 15px; overflow: hidden; }

.product_view li a.grid-view { background: url(images/grid-icon.png) no-repeat top; width: 25px; height: 16px; text-indent: -999px; display: block; }

.product_view li a.grid-view:hover { background-position: bottom; }

.product_view li a.list-view { background: url(images/list-icon.png) no-repeat top; width: 25px; height: 16px; text-indent: -999px; display: block; }

.product_view li a.list-view:hover { background-position: bottom; }

.product_view { float: right; }

.row-1 { border-bottom: 1px solid #efefef; padding-bottom: 7px; margin-bottom: 7px; overflow: hidden; }

.row-1 .left { float: left; width: 50%; }

.row-1 .right { float: right; width: 50%; text-align: right; }

.row-1 .right select { width: 50px; margin: 0 10px; }

.row-1 .s-title { float: left; margin-right: 10px; line-height: 24px; }

.row-1 .list-nav { float: left; }

.row-1 .list-nav select { font-size: 13px; margin: 0; color: #7f7f7f; height: 24px; padding: 2px; width: 100px; border: 1px solid #cfcfcf; }

/* End Sort list Section */



/* Start Book Detail Section */

.b-detail-holder { border: 1px solid #e5e5e5; overflow: hidden; }

.title-holder h4 { margin: 0; }

.title-holder h4 i { color: #98b827; }

.title-holder [class*="span"] { margin: 0 !important; }

.book-d-nav { text-align: right; }

.book-d-nav ul { margin: 0; list-style: none; }

.book-d-nav ul li { display: inline-block; margin-left: 10px; }

.book-d-nav ul li a { color: #000; }

.book-i-caption { padding: 15px; overflow: hidden; margin-bottom: 50px; }

.book-i-caption .title { color: #98b827; margin: 0 0 15px; display: block; font-size: 18px; }

.comm-nav { overflow: hidden; margin-top: 50px; }

.comm-nav .title2 { display: block; margin: 0 0 5px; }

.comm-nav ul { margin: 0; list-style: none; overflow: hidden; }

.comm-nav ul li { float: left; margin-right: 10px; }

.comm-nav ul li.b-price { font-size: 18px; color: #000; }

.comm-nav ul li input[type="text"] { width: 60px; }

.b-img-holder { border: 1px solid #e5e5e5; padding: 25px 10px; text-align: center; }

/* End Book Detail Section */



/* Start Related Books Section */

.related-book { padding: 15px; }

.related-book .bx-pager { display: none; }

.related-book .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; border: solid #fff 0; background: transparent; }

.related-book .slide { padding: 18px; border: 1px solid #e5e5e5; transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ }

.related-book .slide:hover { background: #f9f9f9; border-color: #85a319; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; box-shadow: 0 0 7px #ccc; }

.related-book .slide .title { display: block; margin: 0 0 5px; color: #000; font-size: 12px; }

.related-book .slide .title a { color: #000; }

.related-book .slide img { margin: 0 0 5px; }

.related-book .pro-img { -moz-box-shadow: 2px 2px 2px #4e4e4e; -webkit-box-shadow: 2px 2px 2px #4e4e4e; box-shadow: 2px 2px 2px #4e4e4e; }

.related-book .bx-controls-direction { position: absolute; right: 44px; top: -46px; }

.related-book .bx-wrapper .bx-prev { left: -17px; }

.related-book .bx-wrapper .bx-next { right: -44px; }

.related-book .bx-wrapper { max-width: 100% !important; }

/* End Related Books Section */



/* Start Reviews Section */

.reviews-section { border-top: 2px solid #98b827; overflow: hidden; }

.left-sec { float: left; width: 29.8%; }

.right-sec { float: left; width: 70%; border-left: 1px solid #dcdcdc; }

.right-sec.r-border { border-right: 1px solid #dcdcdc; min-height: 400px; padding: 3%; width: 64%; }

.r-title-bar { background: #fafafa; padding: 8px 10px; font-size: 18px; color: #000; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; }

.r-title-bar strong { font-weight: normal; }

.review-list { list-style: none; margin: 0; padding: 0 20px; font-size: 12px; }

.review-list em { display: block; margin: 0 0 10px; color: #98b827; font-style: normal; }

.review-list li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #dcdcdc; }

.review-list li p { margin: 0; color: #000; }

.grey-btn { display: block; color: #fff; background: #292929; padding: 6px 0; margin: 10px 20px; text-align: center; }

.grey-btn:hover { text-decoration: none; background: #000; color: #fff; }

.grey-btn.left-btn { float: left; padding: 6px 10px; }

.review-f-list { margin: 0; list-style: none; padding: 0 20px; }

.review-f-list li { margin: 0 0 10px; }

.review-f-list li textarea { max-width: 60%; min-width: 60%; min-height: 150px; max-height: 150px; }

.rating-list { overflow: hidden; border-top: 1px solid #e5e5e5; padding: 10px 0; }

.rating-box { display: inline-block; }

/* End Review form Section */



/* Start Check Method Section */

.check-method-left { color: #000; border-right: 1px solid #dcdcdc; padding-right: 30px; }

.green-t { display: block; margin: 0 0 10px; color: #98b827; }

.form-horizontal .controls { margin: 0; }

.form-horizontal .control-label { display: block; float: none; text-align: left; }

.form-horizontal .control-group { margin: 0 0 5px; }

.check-method-right input[type="text"] { width: 96%; }

.checkout-holder { border: 1px solid #E5E5E5; overflow: hidden; margin-bottom: 70px; }

.checkout-holder .accordion-group { border-left: 0; border-top: 0; }

.checkout-holder .accordion { margin: 0; }

.checkout-holder [class*="span"] { margin-bottom: 0 !important; }

.review-list { margin: 0; list-style: none; }

.review-list a { color: #000; display: block; }

.checkout-holder .row-fluid .span3 { width: 25.6%; }

/* End Check Method Section */



/* Start Order Review Section */

.btn-holder { overflow: hidden; }

.more-btn2 { float: left; background: #2a2a2a; padding: 4px 14px; font-size: 12px; color: #fff; border: 0; text-transform: uppercase; }

.more-btn2:hover { text-decoration: none; background: #494949; color: #fff; }

.accordion-inner tr { border-bottom: 1px dotted #dcdcdc; text-align: center; }

.accordion-inner tr.heading-bar-table { background: #7cad0f; border-top: 5px solid #4f9716; color: #fff; }

.accordion-inner.no-p { padding: 0; }

/* End Order Review Section */





/* Start Billing Info Section */

.billing-form { margin: 0; list-style: none; }

.billing-form li { overflow: hidden; }

.billing-form li label { display: block; float: none; text-align: left; }

.billing-form li .control-group { float: left; margin-right: 30px; }

.billing-form li .controls { margin: 0 !important; }

.billing-form li .control-group { margin-bottom: 10px !important; }

.billing-form input[type="text"] { width: 275px; }

.billing-form input[type="text"].address-field { width: 593px; }

.billing-form select { width: 287px; font-size: 12px; }

.billing-form .green-t { margin: 10px 0 0; }

.b-label { float: left !important; margin-right: 20px; margin-top: 10px !important; }

/* Start Billing Info Section */



/* Start Payments Info Section */

.label-holder { overflow: hidden; }

.billing-form select.month-list { float: left; width: 60%; }

.billing-form select.year-list { float: right; width: 30%; }

.w-extra { width: 287px; }

/* End Payments Info Section */



/* Start Contact Page Section */

.map-holder { margin: 0 0 20px; }

.c-form-holder .form-horizontal textarea { max-width: 95%; min-width: 95%; }

/* End Contact Page Section */



/* Start Order Recieved Section */

.order-list { margin: 0; list-style: none; padding: 0 20px 20px; }

.order-list li:first-child { border-top: 0; margin-top: 0; padding-top: 0; }

.order-list li { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px dotted #dcdcdc; }

.order-list li span { color: #1e1e1e; font-size: 18px; }

/* End Order Recieved Section */



/* Start Grid View Section */

.grid-holder { margin: 0 0 20px; }

.grid-holder img { max-width: 100%; }

.grid-holder.features-books .pro-img { -moz-box-shadow: 0 0 0 #4e4e4e; -webkit-box-shadow: 0 0 0 #4e4e4e; box-shadow: 0 0 0 #4e4e4e; }

.grid-holder.features-books .slide .title a { font-size: 14px; line-height: 30px; }

/* End Grid View Section */



/* Start List View Section */

.item-holder { overflow: hidden; border-bottom: 1px dotted #dcdcdc; margin-bottom: 17px; color: #000; }

.title-bar { margin: 0 0 10px; }

.title-bar a { font-size: 18px; font-weight: bold; }

.title-bar span { display: block; font-weight: normal; color: #646464; }

/* End List View Section */



/* Start Cart Section */

.cart-holder .heading-bar { overflow: hidden; }

.cart-holder .heading-bar h2 { float: left; }

.cart-table-holder { padding: 40px; background: #f9f9f9; border: 1px solid #efefef; margin-bottom: 70px; }

.product-detail { border: 1px solid #e5e5e5; color: #000; }

.product-detail input[type="text"] { width: 30px; margin: 0 30px; text-align: center; }

.product-detail i { font-size: 18px; }

.product-detail td { border-right: 1px solid #efefef; }

.cart-option-box { border: 1px solid #e5e5e5; padding: 20px; color: #000; }

.cart-option-box i { color: #98b827; font-size: 28px; }

.cart-option-box h4 { text-transform: uppercase; font-size: 24px; }

.cart-option-box .more-btn { float: none; font-size: 16px; }

.cart-option-box form { margin: 0; }

.price-total { text-align: center; }

.large-f { font-size: 24px; }

.total-payment { margin: 0 0 20px; }

.price-total .more-btn { margin: 0 0 20px; display: inline-block; }

/* End Cart Section */



/* Start Price Range Style */

.price-range input[type="text"] { margin: 0; border: 0; background: transparent; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075); }

/* End Price Range Style */



/* Start Main Slider Style */

.main-slider { position: relative; margin-top: 20px; }

.book-holder .star-rating { height: 16px; position: absolute; right: 122px; display: none; }

.book-rating .price { display: none !important; }

.book-rating .star-rating { float: none !important; }

.book-rating { position: relative; }

.slider-bottom { max-width: 938px; margin: 0 auto; display: block; height: 30px; }

.main-slider .price { border: none !important; }

.slider-bottom img { width: 100%; }

.slide-inner { padding: 35px; }

.details-wrapper { height: 270px; }

.slider-logo { bottom: -24px; position: absolute; right: -70px; }

.book-holder img { margin-bottom: 10px; -moz-box-shadow: 2px 2px 2px #414141; -webkit-box-shadow: 2px 2px 2px #414141; box-shadow: 2px 2px 2px #414141; opacity: 1 !important; }

.slide-inner .price { float: none; display: inline-block; border-left: 1px solid #5a5a5a; font-size: 24px; width:80%;}

.book-detail { text-align: left; }

.book-detail h2 { font-size: 30px; color: #232323; margin: 0 0 10px; }

.book-detail .title { color: #98b827; font-size: 20px; display: block; margin: 0 0 10px; }

.shop-btn { width: 130px; height: 42px; text-align: center; display: inline-block; line-height: 40px; color: #fff; margin: 25px 0 43px; }

.shop-btn a { border: none; box-shadow: 0 0 0; }

.cap-holder { position: relative; }

.cap-holder a { color: #fff; font-weight: bold; border-top: 2px solid #fff; display: inline-block; padding: 7px 0 0; }

.cap-holder a:hover { text-decoration: none; }

.shop-btn a { background-image: url(images/gradient-top4-32px.png); border-radius: 5px 5px 5px 5px; padding: 10px 28px; }

.shop-btn a:hover { background-image: url(images/gradient-bottom4-32px.png); }

/* End Main Slider Style */



/* Start About Section */

.content-img { float: left; margin: 0 15px 15px 0; }

/* End About Section */



/* Start 404 Page Styling */

h2.heading-404 { font-size: 255px; margin: -30px 0 118px; text-align: center; line-height: 208px; color: #4a4a4a; }

h3.sub-heading-404 { font-size: 26px; text-align: center; }

/* End 404 Page Styling */



/* Start Short Codes Styling */

.the-icons { margin: 0; }

.the-icons li { float: left; list-style: none; line-height: 25px; width: 25%; }

/*----------- Drop Capes -----------*/

.dropcap { background: #fcfcfc; color: #666; display: inline-block; float: left; font-size: 23px; font-weight: 600; height: 36px; line-height: 36px; margin: 0 7px 0 0; text-align: center; width: 36px; border: 1px solid #f6f6f6; font-family: 'AgencyFB-Bold'; }

.dropcap.dark { background: #3a3a3a; color: #fff; }

.dropcap.color { background: #98b827; color: #fff; }

/*----------- End Drop Capes -----------*/





/*----------- Dividers -----------*/

.text-divider1 { border-top: 1px solid #CCCCCC; margin-bottom: 19px; }

.text-divider2 { border-bottom: 1px solid #CCCCCC; color: #666666; display: block; margin-bottom: 19px; text-align: right; width: 100%; }

.text-divider2:hover, .text-divider4:hover { color: #666666; text-decoration: none; }

.text-divider3 { border-top: 1px dashed #CCCCCC; margin-bottom: 19px; }

.text-divider4 { border-bottom: 1px dashed #CCCCCC; color: #666666; display: block; margin-bottom: 19px; text-align: right; width: 100%; }

.text-divider5, .text-divider6 { border-bottom: 1px solid #CCCCCC; margin-bottom: 19px; width: 100%; }

.text-divider5 span { display: block; float: left; height: 6px; width: 111px; }

.text-divider6 span { display: block; float: right; height: 6px; width: 111px; }

/*----------- End Dividers -----------*/



/*----------- Icons Dividers -----------*/

.the-icons { list-style: none outside none; margin-left: 0; }

.the-icons li { float: left; line-height: 25px; width: 25%; }

/*----------- End Icons Dividers -----------*/

/* End Short Codes Styling */







/* # Social Icons # */

#socialicons { position: relative; text-align: left; display: inline-block; }

#socialicons > a:first-child { margin-left: 0; }

#socialicons>a { margin-left: 5px; margin-right: 0; display: inline-block; width: 36px; height: 36px; float: left; overflow: hidden; position: relative; }

#socialicons>a span { width: 36px; height: 36px; overflow: hidden; position: absolute; display: none; }

#socialicons>a span.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* # Social icons List # */

#social_facebook { background: url(images/icon/social/facebook.png) no-repeat }

#social_facebook span { background: url(images/icon/social/facebook.png) no-repeat 0 -36px; }

#social_twitter { background: url(images/icon/social/twitter0.png) no-repeat }

#social_twitter span { background: url(images/icon/social/twitter0.png) no-repeat 0 -36px; }

#social_dribbble { background: url(images/icon/social/dribbble.png) no-repeat }

#social_dribbble span { background: url(images/icon/social/dribbble.png) no-repeat 0 -36px; }

#social_flickr { background: url(images/icon/social/flickr.png) no-repeat }

#social_flickr span { background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/icon/social/sociallickr.png) no-repeat 0 -36px; }

#social_forst { background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/icon/social/socialorst.png) no-repeat }

#social_forst span { background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/icon/social/socialforst.png) no-repeat 0 -36px; }

#social_github { background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/icon/social/socialgithub.png) no-repeat }

#social_github span { background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/icon/social/socialgithub.png) no-repeat 0 -36px; }

#social_linkedin { background: url(images/icon/social/linkedin.png) no-repeat }

#social_linkedin span { background: url(images/icon/social/linkedin.png) no-repeat 0 -36px; }

#social_pinterest { background: url(images/icon/social/pinterest.png) no-repeat }

#social_pinterest span { background: url(images/icon/social/pinterest.png) no-repeat 0 -36px; }

#social_instagram { background: url(images/icon/social/instagram.png) no-repeat }

#social_instagram span { background: url(images/icon/social/instagram.png) no-repeat 0 -36px; }

#social_rss { background: url(images/icon/social/rss.png) no-repeat }

#social_rss span { background: url(images/icon/social/rss.png) no-repeat 0 -36px; }

#social_vimeo { background: url(images/icon/social/vimeo.png) no-repeat }

#social_vimeo span { background: url(images/icon/social/vimeo.png) no-repeat 0 -36px; }

#social_youtube { background: url(images/icon/social/youtube.png) no-repeat }

#social_youtube span { background: url(images/icon/social/youtube.png) no-repeat 0 -36px; }

#social_trumblr { background: url(images/icon/social/trumblr.png) no-repeat }

#social_trumblr span { background: url(images/icon/social/trumblr.png) no-repeat 0 -36px; }

#social_google_plus { background: url(images/icon/social/google_p.png) no-repeat }

#social_google_plus span { background: url(images/icon/social/google_p.png) no-repeat 0 -36px; }

/* # Animation on Social Icons **/

.da-slideFromTop { left: 0px; top: -100%; }

.da-slideFromBottom { left: 0px; top: 100%; }

.da-slideFromLeft { top: 0px; left: -100%; }

.da-slideFromRight { top: 0px; left: 100%; }

/* Final state classes: */

.da-slideTop { top: 0px; }

.da-slideLeft { left: 0px; }

/* Content Flip Style */

.bb-bookblock { width: 400px; height: 300px; position: relative; z-index: 100; }

.bb-page { width: 50%; height: 100%; left: 50%; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }

.bb-page > div, .bb-outer, .bb-content { position: absolute; height: 100%; top: 0; left: 0; }

.bb-content { background: #fff; }

.bb-inner { position: relative; width: 100%; height: 100%; }

.bb-overlay, .bb-outer { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

.bb-page > div { width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; }

.bb-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.bb-outer { width: 100%; overflow: hidden; z-index: 999; }

.bb-overlay, .bb-flipoverlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }

.bb-flipoverlay { display: none; }

.bb-bookblock > div.bb-page:first-child, .bb-bookblock > div.bb-page:first-child .bb-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }

.bb-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; }

/* Header Style */

.codrops-top { line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 9999; position: relative; font-family: Cambria, Georgia, serif; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); }

.codrops-top a { padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block; }

.codrops-top a:hover { background: rgba(255,255,255,0.6); }

.codrops-top span.right { float: right; }

.codrops-top span.right a { float: left; display: block; }

/* Demo Buttons Style */

.codrops-demos { text-align: center; display: block; line-height: 30px; padding: 5px 0px; }

.codrops-demos a { display: inline-block; margin: 0px 4px; padding: 0px 6px; color: #aaa; line-height: 20px; font-size: 13px; text-shadow: 1px 1px 1px #fff; border: 1px solid #fff; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.codrops-demos a:hover { color: #333; background: #fff; }

.codrops-demos a:active { background: #fff; }

.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { background: #f0f0f0; border-color: #d9d9d9; color: #aaa; box-shadow: 0 1px 1px rgba(255,255,255,0.7); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */

}

.support-note span { color: #ac375d; font-size: 16px; display: none; font-weight: bold; text-align: center; padding: 5px 0; }

.no-cssanimations .support-note span.no-cssanimations, .no-csstransforms .support-note span.no-csstransforms, .no-csstransforms3d .support-note span.no-csstransforms3d, .no-csstransitions .support-note span.no-csstransitions { display: block; }

.bb-custom-wrapper { height: 431px; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; border: 1px solid #f0f0f0; overflow: hidden; }

.no-sidebar .bb-custom-wrapper { width: 930px; }

.no-sidebar .bb-bookblock { width: 938px; height: 431px; }

.sidebar-included .bb-bookblock { width: 860px; height: 431px; }

.sidebar-included .bb-custom-wrapper { width: 860px; }

.sidebar-included .features-books .slide { /*<!--	width: 165px !important-->*/ }

.both-sidebar-included .bb-bookblock { width: 575px; height: 350px; }

.both-sidebar-included .book-holder img { height: 265px; }

.both-sidebar-included .bb-custom-wrapper { height: 350px; }

.sidebar-included .main-slider { width: 865px; }

.bb-custom-content { text-align: center; width: 100%; height: 100%; }

.bb-custom-bg { }

.bb-custom-content h3 { text-indent: 30px; letter-spacing: 30px; line-height: 96px; padding: 20px; color: #AED1D8; font-size: 30px; display: block; text-transform: uppercase; position: relative; background: rgba(84, 201, 234, 0.3); margin: 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); }

.bb-custom-content h3:before, .bb-custom-content h3:after { content: ''; position: absolute; height: 10px; border-top: 2px dotted rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); bottom: 0px; left: 10px; right: 10px; }

.bb-custom-content h3:before { bottom: auto; top: 10px; }

.bb-custom-content p { color: #fff; }

.bb-custom-content h4 { font-size: 28px; line-height: 36px; letter-spacing: 2px; text-transform: uppercase; margin: 0; }

.bb-custom-content h4 span { font-size: 50px; color: #bdbaa7; font-weight: 400; line-height: 60px; }

nav.bb-custom-nav { width: 100%; }

nav.bb-custom-nav a { z-index: 100; outline: none; left: 0; position: absolute; top: 43%; width: 65px; height: 65px; background: url(images/nav.png) center right; text-indent: -90000px; }

nav.bb-custom-nav a.right-arrow { right: 0; left: auto; }

nav.bb-custom-nav a:first-child { background-position: center left; margin-right: 5px; float: left; }

.bb-bookblock .folder { width : 50%; height: 100%; position: relative; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; }

.bb-bookblock .folder-cover, .bb-bookblock .folder-inner { position: absolute; width: 330px; top: 10px; left: 10px; bottom: 10px; z-index: 3; }

.bb-bookblock .folder-cover { background: #f7f7f7; background: -moz-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%); background: -webkit-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%); background: -o-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%); background: -ms-linear-gradient(left, #f7f7f7 0%, #ffffff 12%, #ededed 100%); background: linear-gradient(to right, #f7f7f7 0%, #ffffff 12%, #ededed 100%); box-shadow: inset -2px 0 5px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.2), 2px 0 3px rgba(0, 0, 0, 0.2); }

.bb-bookblock .folder-inner { top: 20px; padding-top: 130px; background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/demo3/paper_blue.jpg) center center; box-shadow: inset 0 -2px 2px rgba(255, 255, 255, 0.4), inset 0 2px 2px rgba(255, 255, 255, 0.2), 1px 0 2px rgba(0, 0, 0, 0.1); z-index: 2; -webkit-transition: -webkit-transform 300ms ease-in-out; -moz-transition: -moz-transform 300ms ease-in-out; -o-transition: -o-transform 300ms ease-in-out; -ms-transition: -ms-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; }

.bb-bookblock .folder-fold { background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%); background: -o-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%); background: -ms-linear-gradient(left, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%); background: linear-gradient(to right, #ffffff 0%, #f2f2f2 4%, #ffffff 88%, #f7f7f7 100%); position: absolute; right: 10px; width: 60px; top: 10px; bottom: 10px; z-index: 4; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.bb-bookblock .folder-cover span { cursor: pointer; margin: 220px 0 0 50px; display: block; background: rgba(255, 255, 255, 0.4); text-align: left; font-size: 16px; padding: 10px 0 10px 30px; border-radius: 10px 0 0 10px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); border-right: none; }

#folder-close { color: #333; font-size: 12px; text-transform: uppercase; position: absolute; right: 10px; top: 10px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }

.bb-custom-last { height: 100%; box-shadow: inset 0 100px 0 rgba(231, 152, 213, 0.1), inset 0 -100px 0 rgba(231, 152, 213, 0.1); }

.bb-custom-circle { width: 200px; height: 200px; position: absolute; top: 50%; right: 80px; margin-top: -100px; border-radius: 50%; box-shadow: 0 0 0 15px rgba(84, 201, 234, 0.3); background: url(http://www.whitecloudpress.com/wp-content/themes/book-store/images/demo3/faces.jpg) -288px -210px; z-index: 0; }

.slider-cart-wrapper { width: 35%; float: left; position: relative; }

.slider-cart-wrapper .cart-btn2 { position: absolute; right: 0; top:6px; }

.slider-price-wrapper { float: right; width: 65%; position: relative; }
.slider-price-wrapper .price > del {float:left;}

.slider-price-wrapper .price { position: absolute; left: 0; }

/** RESET AND LAYOUT

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



.bx-wrapper { position: relative; padding: 0; *zoom: 1;

}

.bx-wrapper img { max-width: 100%; display: block; margin: 0 auto; }

.slider2 img { height: 130px; width: 107px; padding: 20px 0; }

.slider2 .star-rating {position:relative; bottom: -27px;}

/** THEME

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



.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; background: #fff; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */



.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */



.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;

 *display: inline;

}

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 37%; margin-top: -11px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/* left-aligned */

.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */

.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }

.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }

.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }

.ui-resizable { position: relative; }

.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }

.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; cursor: default; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* For IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: 4px; }

.ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }

.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }

.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }

/* more specificity required here to overide default borders */

.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }

/* vertical centre icon */

.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }

.ui-spinner-up { top: 0; }

.ui-spinner-down { bottom: 0; }

/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; }

.ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

body .ui-tooltip { border-width: 2px; }

/* Component containers

----------------------------------*/

.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #dadada; margin: 0 0 10px; color: #222; }

.ui-widget-content a { color: #222; }

.ui-widget-header { background: #6f6f6f; color: #222; font-weight: bold; }

.ui-widget-header a { color: #222; }

/* Interaction states

----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url(images/ui-bg_gl.png) 50% 50% no-repeat; font-weight: normal; color: #555; cursor: pointer; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: url(images/ui-bg_gl2.png) 50% 50% no-repeat; font-weight: normal; color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(images/ui-bg_gl2.png) 50% 50% no-repeat; font-weight: normal; color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.row-fluid.sidebar-included.left-sidebar .page-item { float: right; }

.page-item { margin-bottom: 0 !important; }

.single-post .page-item, .archive .page-item { margin-top: 20px !important; }

.row-fluid.both-sidebar-included .page-item { float: right; }

.cp-page-float-left { }

.row-fluid.sidebar-included.product-left-sidebar .page-item { float: right; }

.row-fluid.both-sidebar-included .page-item { float: right; padding-left: 15px; }

.cp-page-float-left { }

/* Shortcode */

.shortcode1-4 { width: 23%; margin-right: 2%; float: left; }

.shortcode1-3 { width: 31.33%; margin-right: 2%; float: left; }

.shortcode1-2 { width: 48%; margin-right: 2%; float: left; }

.shortcode2-3 { width: 64.66%; margin-right: 2%; float: left; }

.shortcode3-4 { width: 73%; margin-right: 2%; float: left; }

.shortcode1 { width: 98%; margin-right: 2%; float: left; }

.social-shares li { list-style: none; float: left; margin: 0 10px; }

.social-shares li:first-child { margin: 0; }

.author_links li { list-style: none; float: left; margin: 0 10px; }

.author_links, .social-shares ul { margin: 0; }

.about-author-wrapper { border: 1px solid #DDDDDD; padding: 10px; }

a.cp-button.shortcode-large-button { margin-bottom: 20px; margin-right: 10px; height: 38px; line-height: 38px; font-size: 14px; padding: 0 21px; }

a.cp-button.shortcode-medium-button { margin-bottom: 20px; margin-right: 10px; height: 30px; line-height: 30px; font-size: 12px; padding: 0 15px; }

a.cp-button.shortcode-small-button { margin-bottom: 20px; margin-right: 10px; text-shadow: none; font-size: 11px; }

div.shortcode-list ul { list-style: none!important; margin-left: 0!important; }

div.shortcode-list li { border: 0!important; line-height: 12px; margin-bottom: 10px; padding: 2px 0 2px 25px !important; }

div.shortcode-list-arrow li { background: url(images/list/arrow.png) no-repeat!important; }

div.shortcode-list-arrow2 li { background: url(images/list/arrow2.png) no-repeat!important; }

div.shortcode-list-arrow3 li { background: url(images/list/arrow3.png) no-repeat!important; }

div.shortcode-list-bullet li { background: url(images/list/bullet.png) no-repeat!important; }

div.shortcode-list-bullet2 li { background: url(images/list/bullet2.png) no-repeat!important; }

div.shortcode-list-bullet3 li { background: url(images/list/bullet3.png) no-repeat!important; }

div.shortcode-list-check li { background: url(images/list/check.png) no-repeat!important; }

div.shortcode-list-check2 li { background: url(images/list/check2.png) no-repeat!important; }

div.shortcode-list-check3 li { background: url(images/list/check3.png) no-repeat!important; }

div.shortcode-list-delete li { background: url(images/list/delete.png) no-repeat!important; }

div.shortcode-list-delete2 li { background: url(images/list/delete2.png) no-repeat!important; }

div.shortcode-list-delete3 li { background: url(images/list/delete3.png) no-repeat!important; }

div.shortcode-social { float: left; margin-right: 12px; }

div.shortcode-block-quote-left { width: 33%; float: left; border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; margin: 15px 20px; padding: 20px; }

div.shortcode-block-quote-right { width: 33%; float: right; border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; margin: 15px 20px; padding: 20px; }

div.shortcode-block-quote-center { text-align: center; border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; margin: 0 20px 20px; padding: 20px; }

div.shortcode-dropcap { margin-top: 0; margin-bottom: 0; margin-right: 5px; font-size: 20px; width: 32px; height: 32px; line-height: 27px; text-align: center; float: left; }

div.shortcode-dropcap.circle { -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }

/* Comments 

----------------------------------*/

div.comment-wrapper { margin-top: 40px; }

div.comment-wrapper .comment-title { font-size: 18px; }

div.comment-wrapper .comment-form-comment { margin-right: 40px; }

div.comment-wrapper #reply-title { font-size: 18px; margin-bottom: 15px; }

div.comment-wrapper input[type="text"], input[type="password"] { width: 320px; height: 30px; line-height: 20px; margin: 5px 5px 25px; padding: 0 0 0 10px; }

div.comment-wrapper textarea { height: 165px; width: 590px; max-width: 100%; line-height: 20px; margin: 5px 5px 25px; padding: 10px; margin-left: 0px; }

div.comment-wrapper .comment-form-author label, div.comment-wrapper .comment-form-email label, div.comment-wrapper .comment-form-url label, div.comment-wrapper .comment-form-author span, div.comment-wrapper .comment-form-email span, div.comment-wrapper .comment-form-url span, ol.comment-list { list-style: none; margin: 0; }

ol.comment-list .comment-body { border-bottom: 1px solid; margin-top: 22px; padding-bottom: 22px; border-color: #ddd; }

ol.comment-list ul { list-style: none; margin: 0 0 0 30px; }

div.comment-context { margin-left: 80px; }

span.comment-author { margin-right: 5px; font-size: 16px; }

span.comment-date { margin-right: 5px; font-style: italic; font-size: 11px; }

span.comment-time { margin-right: 5px; font-style: italic; }

div.comment-content { margin-top: 7px; }

div.comment-wrapper #respond { margin-top: 30px; }

div.comment-wrapper .comment-form-author input, div.comment-wrapper .comment-form-email input, div.comment-wrapper .comment-form-url input, div.comment-avartar { float: left; }

.container-fluid.footer-top2 h3 { color: #fff; border-bottom: 1px solid #fff; font-size: 30px; }

.container-fluid.footer-top2 a { color: #fff !important; }

.container-fluid.footer-top2, .quantity, #content .quantity { color: #8D8D8D; }

#container ul { list-style: none; }

#container .buttons { margin-bottom: 20px; }

#container .list li { width: 100%; border-bottom: 1px dotted #CCC; margin-bottom: 10px; padding-bottom: 10px; }

#container .grid li { float: left; width: 20%; height: 50px; border-right: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding: 20px; }

.button .active { background: red !important; }

/* Contact From

----------------------------------*/

div.contact-form-wrapper ol { list-style: none; margin: 0; }

div.contact-form-wrapper ol li { margin-bottom: 20px; }

div.contact-form-wrapper ol li.sending-result { max-width: 622px; display: none; }

div.contact-form-wrapper ol li.sending-result .message-box-wrapper { padding: 10px 15px; }

div.contact-form-wrapper ol li div.error { display: none; }

div.contact-form-wrapper input[type="text"], input[type="password"] { width: 320px; height: 30px; line-height: 20px; max-width: 90%; margin: 10px 5px; padding: 0 0 0 7px; }

div.contact-form-wrapper .textarea { margin-right: 32px; }

div.contact-form-wrapper textarea { height: 165px; width: 590px; max-width: 100%; line-height: 20px; margin: 10px 5px; padding: 10px; }

div.contact-form-wrapper .contact-submit { float: left; }

div.contact-form-wrapper .contact-loading { width: 16px; height: 16px; float: left; display: none; background: url(images/loading.gif); margin: 7px 0 0 15px; }

.require-field.email { left: 16px; position: relative; }

.require-field.name { left: 15px; position: relative; }

/* Divider

----------------------------------*/

div.divider { border-top: 1px dotted #B2B0AD; height: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; position: relative; width: 100%; }

div.scroll-top { position: absolute; top: -19px; right: 2px; cursor: pointer; font-size: 10px; }

div.pagination a:last-child, div.pagination span:last-child { border-color: inherit; border-right-style: solid; border-right-width: 1px; border: 1px solid #ddd; }

.pagination a:hover, .pagination span.current { border: 1px solid #ddd; background-color: #809F14; color: #fff; }

div.pagination a, div.pagination span { border: 1px solid #ddd; color: inherit; display: inline-block; height: 25px; line-height: 25px; padding-left: 12px; padding-right: 12px; text-align: center; }

.pagination a { background-color: #F0F0F0; color: #8C8C8C; }

/* #Custom Tag

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





.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { max-width: 100%!important; }

.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }

.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }

.aligncenter { margin: 0 auto; }

div.cp-price-item { margin-bottom: 20px; margin-top: 30px; max-width: 270px; }

div.cp-price-item .price-item { border: 1px solid; margin-left: -1px; padding-bottom: 30px; border-color: #ddd; }

div.cp-price-item .price-tag { font-size: 35px; line-height: 40px; text-align: center; padding-top: 20px; padding-bottom: 20px; font-weight: 700; }

div.cp-price-item .price-title { font-size: 14px; text-align: center; font-weight: 700; padding-top: 8px; padding-bottom: 8px; background-image: url(images/header-bg.png); }

div.cp-price-item .price-content .shortcode-list { display: inline-block; }

div.cp-price-item .price-item.active { padding-bottom: 70px; margin-top: -20px; }

.cp-price-item .price-item.active .price-title { background-color: #5F5F5F!important; color: #FFF!important; }

.cp-price-item .price-title { background-color: #E9E9E9!important; color: #3A3A3A!important; }

div.cp-price-item .price-button, div.cp-price-item .price-content { text-align: center; margin-top: 25px; }

/* Alert Boxes

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

.message-box-wrapper { padding: 12px 20px 12px 55px; position: relative; margin-bottom: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.message-box-content { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.message-box-wrapper .message-box-title { margin: 0; }

.message-box-wrapper.red { background-image: url(http://www.whitecloudpress.com/wp-content/images/error000.png); background-position: 2% 50%; background-repeat: no-repeat; background-color: #fff1f2; color: #c98f92; }

.message-box-wrapper.green { background-image: url(http://www.whitecloudpress.com/wp-content/images/success0.png); background-position: 2% 50%; background-repeat: no-repeat; background-color: #f4ffdf; color: #94b654; }

.message-box-wrapper.blue { background-image: url(http://www.whitecloudpress.com/wp-content/images/info0000.png); background-position: 2% 50%; background-repeat: no-repeat; background-color: #e4f7ff; color: #699fb6; }

.message-box-wrapper.yellow { background-image: url(http://www.whitecloudpress.com/wp-content/images/notice00.png); background-position: 2% 50%; background-repeat: no-repeat; background-color: #fdf7d5; color: #c49a51; }

.close { width: 18px; height: 18px; position: absolute; right: 15px; top: 15px; cursor: pointer; }

.error .close { background: url(http://www.whitecloudpress.com/wp-content/themes/images/error-cl.png) no-repeat; }

.success .close { background: url(http://www.whitecloudpress.com/wp-content/themes/images/success-.png) no-repeat; }

.info .close { background: url(http://www.whitecloudpress.com/wp-content/themes/images/info-clo.png) no-repeat; }

.notice .close { background: url(http://www.whitecloudpress.com/wp-content/themes/images/notice-c.png) no-repeat; }

/* Accordion

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

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; zoom: 1; }

.accordion { margin: 0px; padding: 0px; }

.accordion h3 { border: 1px solid #EBEBEB; margin-bottom: 7px; padding: 8px 8px 8px 15px; width: 98%; line-height: 23px; }

.accordion h3 a { color: #fff; font-size: 16px; }

.accordion .accordion-content { padding: 0 15px 0px; line-height: 21px; margin: 0px 0px 20px; }

.accordion .ui-icon-triangle-1-e { background: url(http://www.whitecloudpress.com/wp-content/images/plus-icons.jpg) no-repeat 0 0; width: 16px; height: 16px; float: right; margin-top: 4px; }

.accordion .ui-icon-triangle-1-s { background: url(http://www.whitecloudpress.com/wp-content/images/min-icons.jpg) no-repeat 0 0; height: 14px; margin-top: 4px; width: 15px; float: right; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content { overflow: hidden; zoom: 1; }

ul.accordion { list-style: none; }

ul.accordion li { list-style: none; padding: 0px; margin: 0px; }

/* Message Box */

#form_contact div.message-box-wrapper { padding: 12px 20px 12px 55px; }

div.message-box-wrapper { border: 1px solid; padding: 20px; margin-bottom: 20px; }

div.message-box-title { font-weight: bold; font-size: 14px; margin-top: 2px; }

div.message-box-content { margin-top: 12px; }

div.message-box-wrapper.red { background-color: #ffdcdd; border-color: #e9b9bb; color: #713a3c; }

div.message-box-wrapper.red .message-box-title { color: #8d4345; }

div.message-box-wrapper.yellow { background-color: #ffffe0; border-color: #e1db8b; color: #4d4d39; }

div.message-box-wrapper.yellow .message-box-title { color: #737357; }

div.message-box-wrapper.blue { background-color: #c2e1ee; border-color: #8ec3d9; color: #3d5058; }

div.message-box-wrapper.blue .message-box-title { color: #475d66; }

div.message-box-wrapper.green { background-color: #e1ffd9; border-color: #badeb1; color: #435b3d; }

div.message-box-wrapper.green .message-box-title { color: #526d4b; }

/* #Tabs (activate in tabs.js)

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

ul.tabs { display: block; margin: 0 0 0 0; padding: 0; list-style: none; }

ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; }

ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; margin: 0 3px 3px 0; cursor: pointer; border: 1px solid #ddd; color: #333; }

ul.tabs li a.active { background: #efefef; height: 30px; color: #809F14; }

ul.tabs li:first-child a.active { margin-left: 0; }

ul.tabs li:first-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }

ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }

ul.tabs-content { margin: 0 0 20px; display: block; letter-spacing: 1px; padding: 10px 20px; line-height: 20px; color: #222; border: 1px solid #ddd; list-style: none; }

ul.tabs-content > li { display: none; overflow: hidden; }

ul.tabs-content > li h4 { margin: 10px 0; font-weight: normal; }

ul.tabs-content > li a.active { display: block; font-weight: bold; }

/* Clearfixing tabs for beautiful stacking */

ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

ul.tabs:after { clear: both; }

/* Accordion */

h3.accordion-header-title { border-bottom: 0 none; color: #2E1308; display: block; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0 0 15px; padding: 0 0 5px; position: relative; text-transform: inherit; width: 100%; }

ul.cp-accordion { list-style: none; padding: 0; margin-left: 0px; }

ul.cp-accordion li { list-style: none; padding: 0; }

ul.cp-accordion li h2 { font-weight: normal; }

ul.cp-accordion li:first-child { list-style: none; padding-top: 0px; }

h2.accordion-head { border: 1px solid #ddd; margin-bottom: 7px; padding: 8px 8px 8px 15px; line-height: 23px; font-size: 16px; cursor: pointer; display: block; }

div.accordion-content { padding: 20px 0px 20px 16px; overflow: hidden; }

span.accordion-head-image { background: url(images/icon/plus-24px.png) no-repeat 0 0; width: 29px; height: 29px; float: left; margin-top: 1px; cursor: pointer; display: block; padding-right: 10px; }

span.accordion-head-image.active { background: url(images/icon/minus-24px.png) no-repeat 0 0; }

div.accordion-head p { margin-bottom: 0px; }

ul.cp-accordion .accordion-content ul li { list-style: disc; border-bottom: 0px; margin-bottom: 5px; }

/* Toggle Box */

h3.toggle-box-header-title { font-size: 18px; margin-bottom: 25px; }

ul.cp-toggle-box { margin-left: 0px; }

ul.cp-toggle-box li { list-style: none; border-bottom: 1px solid #ececec; margin-bottom: 15px; }

h2.toggle-box-head { padding: 0px 0px 0px 0px; line-height: 21px; font-size: 16px; cursor: pointer; }

div.toggle-box-content { padding: 0px 0px 20px 37px; overflow: hidden; }

span.toggle-box-head-image { width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; background-image: url(images/icon/plus-24px.png); }

.toggle-box-head-image.active { width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; background-image: url(images/icon/minus-24px.png); }

div.toggle-box-head p { margin-bottom: 0; }

ul.cp-toggle-box .toggle-box-content ul li { list-style: inherit; border-bottom: 0px; margin-bottom: 5px; }

columns.wrapper { margin-right: 0px; ; margin-left: 0px; }

.filter-nav.columns { float: right; }

.filter-nav ul { color: #D5D5D5; list-style: none outside none; float: right; }

.view-all { float: right; margin-left: 30px; position: relative; top: 1px; }

.filter-nav ul li { float: left; margin: 0 0 0 30px; }

.filter-nav ul li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: -moz-use-text-color -moz-use-text-color #F7F7F7; border-image: none; border-style: none none solid; border-width: medium medium 2px; box-shadow: none; display: block; height: 33px; line-height: 22px; text-align: center; }

.filter-nav ul li .active { color: #000; }

div.portfolio-thumbnail-image, div.portfolio-thumbnail-video, div.portfolio-thumbnail-slider { border-bottom: 1px solid #ddd; margin: -16px 9px 0; overflow: hidden; }

h3.portfolio-header-title, h3.product-header-title { color: #333; }

div.portfolio-view-all-project { position: absolute; right: 10px; top: 45px; z-index: 100; }

div.portfolio-thumbnail-image { position: relative; margin: 0 auto 15px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }

.slide-ToRight { position: relative; }

div.portfolio-thumbnail-image img { display: block; margin: 0px auto; width: 100%; }

div.portfolio-thumbnail-video { text-align: center; position: relative; margin: 0 0 15px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }

div.portfolio-thumbnail-video object { display: block; margin: 0px auto; }

div.portfolio-thumbnail-slider { text-align: center; margin: 0px auto; position: relative; overflow: hidden; margin-bottom: 11px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }

div.portfolio-thumbnail-slider .flexslider { display: block; }

div.portfolio-thumbnail-slider ol.flex-control-nav { display: none; }

.slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }

div.portfolio-thumbnail-slider ul.flex-direction-nav .prev { background: url('images/thumbnail-nav.png'); width: 31px; height: 24px; bottom: 0px; left: 0px; top: auto; }

div.portfolio-thumbnail-slider ul.flex-direction-nav .next { background: url('images/thumbnail-nav.png'); width: 31px; height: 24px; background-position: 31px 0px; bottom: 0px; left: 31px; top: auto; }

h2.portfolio-thumbnail-title { color: #333333; display: block; font-size: 18px; font-weight: normal; margin: 0 0 5px; }

h2.portfolio-thumbnail-title a { color: #333333; }

h3.portfolio-thumbnail-title a:hover { color: #333333; text-decoration: underline; }

div.portfolio-thumbnail-title a { color: inherit; }

div.portfolio-thumbnail-content { margin: 0 0 10px; min-height: 44px; }

div.portfolio-thumbnail-content p { margin: 0; line-height: 16px; }

div.portfolio-bottom { display: block; clear: both; }

div.portfolio-thumbnail-image-hover { opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; overflow: hidden; display: block; }

div.portfolio-thumbnail-image-hover span { top: 50%; left: -50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; }

div.portfolio-thumbnail-image-hover span.hover-link { background: url('images/link.png') no-repeat; }

div.portfolio-thumbnail-image-hover span.hover-video { background: url('images/video.png') no-repeat; }

div.portfolio-thumbnail-image-hover span.hover-zoom { background: url('images/zoom.png') no-repeat; }

.port-shadow { display: block; position: relative; }

.port-shadow img { width: 100%; }

a.portfolio-read-more { margin-right: 12px; margin-top: 15px; float: left; }

a.portfolio-visit-website { font-weight: normal; }

.portfolio-item-holder.masoned { overflow: hidden; }

.portfolio-item-holder .span3, .product-archive .span3 { width: 23.35% !important; }

.portfolio-item-holder .cp-button { float: right; color: #fff; }

/* fullwidth portfolio */



.content-wrapper.sidebar-included .cp-portfolio-item { margin-top: 0; }

.content-wrapper .cp-portfolio-item { margin-top: 20px; }

.span12.columns.portfolio-item { padding-bottom: 22px; }

.span12.columns.portfolio-item:last-child { padding-bottom: 0px; border: 0px; }

.span12.columns.portfolio-item .portfolio-thumbnail-image, .span12.columns.portfolio-item .portfolio-thumbnail-video, .span12.columns.portfolio-item .portfolio-thumbnail-slider { float: left; width: 459px; margin: 0 20px 0 0; }

.span12.columns.portfolio-item .portfolio-thumbnail-context { padding-bottom: 10px; float: none; overflow: hidden; }

.span12.columns.portfolio-item .portfolio-thumbnail-title { font-size: 18px; margin-top: 12px; }

.span12.columns.portfolio-item .portfolio-thumbnail-content { margin-top: 12px; }

.span12.columns.portfolio-item a.portfolio-read-more { margin-top: 22px; }

.span12.columns.portfolio-item a.portfolio-visit-website { margin-top: 22px; }

.sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-image, .sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-video, .sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-slider { float: left; width: 320px; }

.sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-context { padding-left: 20px; margin-right: 10px; }

.both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-image, .both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-video, .both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-slider { float: left; width: 180px; }

.both-sidebar-included .span12.columns.portfolio-item .portfolio-thumbnail-context { padding-left: 20px; margin-right: 10px; }

.portfolio-item-filter { left: -142px; list-style: none outside none; margin: 14px 0 8px; position: relative; top: 35px; font-weight: bold; }

.portfolio-item { border: 1px solid #ddd; }

img[alt] { font-size: 0; }

.product-shorting { position: relative; right: 0; float: right; bottom: 27px; height: 30px; overflow: hidden; }

.product-shorting .woocommerce-result-count, .product-shorting .woocommerce-ordering { display: inline-block; }

.product-shorting .woocommerce-result-count { padding-right: 10px; position: relative; bottom: 4px; }

.cp-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover, .more-btn:hover { background-image: url(images/gradient-bottom4-32px.png); text-decoration: none; }

a.cp-button, input[type="submit"], input[type="reset"], input[type="button"] { color: #FFFFFF; display: inline-block; padding: 6px 13px; border-radius: 3px; /*background-image:url(images/gradient-top4-32px.png);*/ text-shadow: 0 0 0; border: none; border-radius: 0; }

a.cp-button.shortcode-large-button { font-size: 20px; height: 35px; line-height: 38px; margin-bottom: 20px; margin-right: 10px; padding: 10px 20px; }

a.cp-button.shortcode-medium-button { font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 20px; margin-right: 10px; padding: 6px 15px; }

a.cp-button.shortcode-small-button { font-size: 12px; margin-bottom: 20px; margin-right: 10px; text-shadow: none; }

.display-none { display: none; }

div.custom-sidebar .cp-recent-post-widget { border-color: inherit; }

div.custom-sidebar .recent-post-widget { border-bottom-style: solid; border-bottom-width: 1px; border-color: inherit; margin-bottom: 10px; padding-bottom: 8px; }

.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail { margin-bottom: 15px; padding: 0; }

div.custom-sidebar .recent-post-widget-thumbnail { float: left; margin: 0 10px 10px 0; }

div.custom-sidebar .recent-post-widget-thumbnail img { border: 3px solid #DDDDDD; height: 45px; width: 70px; }

div.custom-sidebar .recent-post-widget-context { margin-top: 2px; overflow: hidden; }

div.custom-sidebar .recent-post-widget-comment-num { background-position: 0 0; font-style: italic; height: 22px; line-height: 19px; margin-top: 4px; padding-left: 30px; }

div.custom-sidebar .twitter-whole { border-color: inherit; }

div.custom-sidebar .twitter-whole ul li a { background: none repeat scroll 0 0 transparent; padding: 0; }

div.custom-sidebar .flickr-widget { display: inline-block; margin-left: -17px; }

div.custom-sidebar .flickr_badge_image { background: none repeat scroll 0 0 #EFEFEF; border: 3px solid #DDDDDD; float: left; margin: 0 0 10px 16px; width: 54px; }

div.custom-sidebar .flickr-widget img { border: 3px solid #7B7C7C; height: 56px; width: 63px; }

.blog-thumbnail-video iframe { width: 100% !important; }

.custom-sidebar #searchform { position: relative; }

.custom-sidebar #searchsubmit { position: absolute; right: 0; top: 26px; background-repeat: no-repeat; background-position: center center; min-width: 35px; }

.custom-sidebar input[type="text"] { box-shadow: 0 0 0 !important; font-size: 14px; height: 21px; max-width: 100%; position: static; width: 94%; }

.custom-sidebar img { max-width: 100%; }

.custom-sidebar { overflow: hidden; }

.footer-top2 #searchsubmit { top: 25px; height: 31px; }

/* Error Page

---------------------------------*/

.error-page { text-align: center; margin: 80px 0 100px !important; }

.error-page h1 { font-size: 200px; margin-bottom: 70px; }

footer .contact-widget input, footer .contact-widget textarea { width: 96%; }

@font-face { font-family: 'broccolidry'; src: url('fonts/broccolidry.eot'); src: url('fonts/broccolidry.eot#iefix') format('embedded-opentype'), url('fonts/broccolidry.woff') format('woff'), url('fonts/broccolidry.ttf') format('truetype'), url('fonts/broccolidry.svg') format('svg'); font-weight: normal; font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */

.cart-btn2 a:before { font-family: 'broccolidry'; content: "\e000"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -5px; font-size: 30px; background: none; }

/* Use the following CSS code if you want to have a class per icon */

/*

Instead of a list of all class selectors,

you can use the generic selector below, but it's slower:

[class*="icon-"] {

*/

.icon-basket { font-family: 'broccolidry'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-basket:before { content: "\e000"; }

.container-fluid.footer-top1 .side-inner-holder .cp-button { margin-top: 16px; }

.onsale .star-rating { display: none; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

 -webkit-appearance: none;

 margin: 0;

}

.slider-button li { float: left; list-style: none; }

.slider-buttons { float: left; margin-left: 26px; width: 224px; }

.slider-cart { float: left; }

.slider-price { float: left; }

.slider-cart > .button { background: #999; color: #333 }

.slider-buttons .cart-btn2 { margin-left: 35px; }

.column, .columns { display: inline; margin-left: 0.8% !important; margin-right: 0.8% !important; margin-bottom: 0px !important; margin-top: 20px; position: relative; }

.columns.wrapper { margin-left: 0 !important; margin-right: 0 !important; }

.features-books-sliders, .product-archive .heading-bar { max-width: 1150px; }

.features-books-sliders .slide { height: 248px; }

.product-thumb-wrapper img { max-width: 144px; height: 183px;}

.product-thumb-wrapper { height: 183px; margin-bottom: 5px; }

.product-meta-wrapper { margin-top: 15px; }

.c-b-img img { max-width: 100%; }

.ls-shadow { display: none !important; }

.post-type-archive-product .page-item, .page-heading-wrapper { margin-top: 0; }

/*

    Cartplus Styling

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

.cartplus-contents a { text-decoration: none; }

.cartplus-dropdown { position: absolute; right: 0px; background-color: white; z-index: 9999; border-radius: 5px; border: 1px solid #D6D6D6; color: red; width: 280px; }

.widget_shopping_cartplus { position: relative; }

.cart-contents-toggle { cursor: pointer; }

.e-commerce-list .widgettitle { float: right; font-size: 20px; font-weight: bold; margin: 0; padding: 0 14px; }

a.cartplus-contents { font-size: 12px; color: #000; }

.a.cartplus-contents:hover { text-decoration: none !important; }

.cart-contents-toggle { position: relative; }

.cart-contents-toggle .cart-btn2 { left: 10px; position: relative; top: 8px; float: left; }

.cartplus-dropdown .cart_list.product_list_widget { margin: 15px; width: 90%; }

.cartplus-dropdown li { border-bottom: 1px solid #DDDDDD; margin-bottom: 7px !important; padding-bottom: 13px !important; }

.cartplus-dropdown li a { font-size: 12px; text-decoration: none; }

.cartplus-dropdown li:hover { background: none repeat scroll 0 0 #F2F2F2; }

.cartplus-buttons a { color: #fff !important; text-decoration: none !important; }

.cartplus-buttons a:hover { color: #fff !important; text-decoration: none !important; }



/* Media Queries to make dropdown responsive */

@media screen and (max-width: 650px) {

.cartplus-dropdown { position: relative; }

.cart-contents-toggle { width: 100%; }

}



@media (max-width: 768px) {

.left-sidebar-wrapper { clear: both; div.product div.summary, #content div.product div.summary {

width:100%;

}

}

}

.archive .page-item, .category .page-item { margin-top: 20px; }

.product-slider-wrapper { margin-left: 0 !important; }