/* GENERAL STYLES
-----------------------------*/

html, body { height: 100%; }
html { overflow-x: hidden; }
body { padding-top: 0px; text-align: left; background: #fff; min-width: 320px; }
.clearing { height: 0; font-size: 0; clear: both; }
#center-main { width: 100%; margin: 0; padding: 0; overflow: visible; }
img { max-width: 100%; }
.img-center, .img-responsive.img-center { margin: 0 auto; }
a:focus { outline: 0; }
table { width: 100% !important; }
form.searchgiftregform td { padding: 3px; }
table.product-ask-form td { padding: 3px; }
.form-center { margin: 0 auto; }
.header_right, .copyright_right { text-align: right; }
.mt5 { margin-top: 5px; } .mr5 { margin-right: 5px; } .mb5 { margin-bottom: 5px; } .ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; } .mr10 { margin-right: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; }
.mt20 { margin-top: 20px; } .mr20 { margin-right: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; }
.iconmr10 { margin-right: 10px; }
.nomargin { margin: 0; }
.nomargintop { margin: 0 0 20px 0; }
.text-light { color: #ddd; }
.header_text_logo { font-size: 48px; }
.underlined { margin: 0 0 20px 0; }
.underlined h1, .underlined h2, .underlined h3 { display: inline-block; padding: 0 0 5px 0; margin: 0 0 -2px 0; *display: inline; *zoom: 1;  }
.footer_underlined { margin: 0 0 20px 0; }
.footer_underlined h4 { display: inline-block; padding: 0 0 5px 0; margin: 0 0 -2px 0; *display: inline; *zoom: 1; }
td.data-name { font-weight: bold; }
.pricing-table .panel-body.price { background: #fefefe; }
.cbox { background: #fefefe; text-align: center; padding: 6px; border: 1px solid #ccc; border-radius: 4px; }
.cbox:hover { background: #eee; border: 1px solid #666; cursor: pointer; }
.wow:first-child { visibility: hidden; }
a.more-link:hover, a.less-link:hover { text-decoration: none; }
.white, a.white:link, a.white:hover { color: #fff; }
.news-date { height: 70px; padding: 4px; border-radius: 4px; text-align: center; float: left; margin: 0 10px 0px 0; }
.news-date h3 { color: #fff; line-height: 1.2; margin: 0; }
.news-date span { display: block; font-size: 11px; font-weight: bold; }
h1.bigheading, h2.bigheading, h3.bigheading { font-weight: bold; text-transform: uppercase; text-shadow: 0.01em 0.01em 0 #ccc, 0.02em 0.02em 0 #ccc, 0.03em 0.03em 0 #ccc, 0.04em 0.04em 0 #ccc, 0.05em 0.05em 0 #ccc, 0.06em 0.06em 0 #ccc, 0.07em 0.07em 0 #ccc, 0.08em 0.08em 0 #ccc, 0.09em 0.09em 0 #ccc, 0.1em 0.1em 0 #ccc; }
h1.bigheading { font-size: 72px; }
h2.bigheading { font-size: 60px; }
h3.bigheading { font-size: 48px; }
::-ms-clear { display: none; }
.printable_link { display: inline-block; float: right; margin-top: -30px; }
.video-container { display: inline-block; margin: 0 10px 15px 0; }
.video-thumbnail { width: 115px; height: 85px; }
.scrollable100 { height: auto !important; max-height: 100px; }
.scrollable150 { height: auto !important; max-height: 150px; }
.scrollable200 { height: auto !important; max-height: 200px; }
.scrollable250 { height: auto !important; max-height: 250px; }
.scrollable300 { height: auto !important; max-height: 300px; }
.scrollable350 { height: auto !important; max-height: 350px; }
.scrollable400 { height: auto !important; max-height: 400px; }
input.hasDatepicker { width: 150px; }
.ui-datepicker-trigger { display: none; }
input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
li.address-box { border: none; }
.paypal-cart-button p, .paypal-cart-button div { text-align: center; margin: 0 auto; }
.google_map { background: url(../images/map/map.png) center center no-repeat; }
input.send2friend { width: 100%; }
.red, .total, .price { color: #ff0000; font-weight: bold; }
.totals .total-value { color: #ff0000; font-weight: bold; font-size: 20px !important; }
.register-section-title label { color: #000; font-size: 14px; font-weight: bold; }
.register-table .register-exp-section label { border-bottom: 0px; }
div.register-section-title, .register-section-title div { border-bottom: 1px solid #ccc; }
.dd_sort_by { display: inline; width: auto; }
.dd_per_page { display: inline; width: auto; }
.product_switchers { margin-bottom: 10px; }
.price-value { font-weight: bold; color: #ff0000; font-size: 14px; clear: both; }
h2.subcats { font-size: 18px; margin: 10px 0 10px 0; }
h2.subcats_list { font-size: 16px; margin: 0; float: left; }
.subcategory-image { float: left; margin: 0 10px 10px 0; }
#Add_to_cart_popup_window { overflow-x: hidden; }
.product-added .cart { width: 100%; }
.ui-dialog .ui-dialog-titlebar-close { height: 20px; width: 20px; background: url(../../common_files/images/dialog-close.png); }
.ui-widget-content a { }
.data-table td.data-required, td.data-required, span.data-required { color: #ff0000; font-size: 20px; padding-top: 5px; }
#np-popup-prev, #np-popup-next { margin-top: 10px; }
.rf_price_field { display: inline-block; width: 65px; }
.rf-customer-filters table td:first-child { width: 20px; }
.rf-element-box label { margin-bottom: 3px; font-weight: normal; font-size: 14px; }
#rf_found_box { min-height: 65px; }
.ui-widget { font-family: inherit; font-size: 1.0em; }
.ui-widget-content a.btn-success { color: #fff; }
.acr-rating { width: 110px; margin: 0 auto; }
td.rating-box { width: 120px!important; }
td.dropdown-button { width: 30px!important; }
.acr-popup-internal-container { width: 260px; }
.prod-notif { font-size: 14px; }
table.cart-content tr td { font-size: 14px; }
.fcomp-table tr td.fcomp-title { background: #ddd; text-align: center; }
.fcomp-title-v { background: #eee; text-align: left; }
.fcomp-title-h { background: #eee; text-align: center; }
div.ui-datepicker-title { color: #000 !important; font-weight: normal; }


/* LAZY LOADING
-----------------------------*/

img.lazy { background: transparent url(../images/loading.gif) no-repeat center center; min-height: 32px; min-width: 32px; }


/* BOOTSTRAP
-----------------------------*/

div.list-group .list-group-item:last-child { border-bottom: none; }

body { font-size: 14px; }

body.modal-open { margin-right: 0 !important; overflow: visible; }

.container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }

.form-control:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.input-tiny { width: 45px !important; padding: 6px 6px; display: inline-block; font-weight: normal; }
.input-mini { width: 60px !important; padding: 6px 6px; display: inline-block; font-weight: normal; }

.tooltip-inner { max-width: 300px !important; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; height: 0; border-bottom: 1px solid #ddd !important; }

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }

h1.panel-title { font-size: 36px; text-transform: none; }
h2.panel-title { font-size: 24px; text-transform: none; }
h3.panel-title { font-size: 18px; text-transform: none; }

.label { font-weight: normal; }

.label.control-label { padding-bottom: 10px; }

.btn:active, .btn:focus { outline: none; }

.btn.btn-link, .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active, .open .btn.dropdown-toggle.btn-link { background: none; border: none; color: inherit; text-decoration: none; }

.panel { box-shadow: none; }

.panel-body { padding: 15px; border-radius: 4px; }

.panel-collapse .panel-body { padding: 15px; border-radius: 0 0 4px 4px; border-top: 1px solid #ddd; }

.panel-heading a:hover, .panel-heading a:focus { text-decoration: none !important; }

.panel > ul.list-group { list-style: none; }
.panel > ul.list-group li { border-bottom: 1px solid #ddd; }
.panel > ul.list-group li:last-child { border-bottom: none; }

.text-hide { margin: 0; height: 0; display: none; }

ul.pagination { margin: 0 0 20px 0; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { outline: none; }

.progress { position: relative; height: 25px; }
.progress > .progress-type { position: absolute; left: 0px; font-weight: 800; padding: 3px 30px 2px 10px; color: rgb(255, 255, 255); background-color: rgba(25, 25, 25, 0.2); }
.progress > .progress-completed { position: absolute; right: 0px; font-weight: 800; padding: 3px 10px 2px; }

blockquote { padding: 0; margin: 0 0 20px 0; border-left: none; font-size: 14px; }
blockquote img { display: block; width: 75px; height: 75px; margin: 0 20px 0 0; }
blockquote cite { font-size: 16px; color: #666; }

.btn-round-lg { border-radius: 22.5px; }
.btn-round { border-radius: 17px; }
.btn-round-sm { border-radius: 15px; }
.btn-round-xs { border-radius: 11px; padding-left: 10px; padding-right: 10px; }

ul.dropdown-menu { min-width: 200px; max-width: 300px; }

a.btn-fa { text-align: left; font-size: 14px; }
a.btn-fa i { margin: 0 15px 0 0; }
a.btn-fa figure { display: inline-block; text-align: left; }

.dropdown-menu > li > a { color: #333 !important; }

.nav-tabs li h4 { margin: 0; }
.tab-content { border: 1px solid #ddd; border-top: none; padding: 15px; margin: 0 0 20px 0; border-radius: 0 0 4px 4px; }


/* GO SQUARE (OPTIONAL)
-----------------------------*/
/*
.panel,
.panel-heading,
.btn, .input-group-btn > .btn,
.form-control,
.img-thumbnail,
.tooltip-inner,
span.label,
ul.dropdown-menu,
ul.row_view li .product_block { border-radius: 0 !important; }
*/


/* CUSTOM HORIZONTAL RULES / DIVIDERS
-----------------------------*/

.hr-i {
	position: relative; clear: both; margin: 30px 0; width: 100%; height: 1px; border: none !important; 
    background-image: -webkit-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
    background-image: -moz-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
    background-image: -ms-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
    background-image: -o-linear-gradient(left, rgba(102,102,102,0), rgba(102,102,102,0.75), rgba(102,102,102,0));
}

.hr-i-h { position: absolute; top: 50%; left: 0; height: 0; width: 100%; }
.hr-i-h i { position: absolute; top: 0; left: 50%; font-size: 16px; height: 16px; width: 30px; margin-left: -15px; margin-top: -8px; text-align: center; background: #fff; }

.hr-i-t { position: absolute; top: 50%; left: 0; height: 0; width: 100%; }
.hr-i-t b { position: absolute; top: 0; left: 50%; font-size: 14px; height: 24px; width: 240px; margin-left: -120px; margin-top: -12px; text-align: center; background: #f5f5f5; border: 1px solid #aaa; border-radius: 12px; letter-spacing: 4px; padding: 1px 0 0 0; font-weight: normal; }

.hdivider { padding: 15px 0 0 0; margin: 20px 0 20px 0; }
.hdivider a { font-size: 14px; margin-top: -20px; text-decoration: none; text-transform: none; }
.hdivider a:hover { text-decoration: none; }


/* HEADINGS
-----------------------------*/

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { text-decoration: none; border: none; }

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }


/* HEADERS
-----------------------------*/

.header_right_top { height: 40px; margin-bottom: 15px; text-align: right; }
.header_right_bottom { height: 40px; }
.header_padding_top_buttons { padding-top: 30px; }
.header_padding_top_search { padding-top: 30px; }
.header_padding_top_social { padding-top: 30px; }


/* HEADER TOP TABS
-----------------------------*/

.header_tabs_container { margin-top: 4px; }
.header_tab { padding: 10px 15px 11px 15px; margin: 0 0 8px 0; border-radius: 8px 8px 0 0; color: #fff; text-decoration: none !important; }
@-moz-document url-prefix() { .header_tab { padding: 10px 15px 10px 15px; } } /* Dumb 1px bottom padding Issue */
.header_tab.active, .header_tab:hover { background: #fff; color: #000 !important; }
.header_tab a:link { color: #fff; }
.header_tab a:active, .header_tab a:visited, .header_tab a:hover { color: #000 !important; }
@media only screen and (max-width : 991px) {
	.header_tab { border-radius: 8px; }
}


/* HEADER SEARCH
-----------------------------*/

.form-control.search-input { border-color: #ddd; box-shadow: none; }
.form-control.search-input:focus { border-color: #ddd; }


/* DYNAMIC PRODUCT SEARCH
-----------------------------*/

.ac_results { min-width: 300px; margin-top: 5px; padding: 0px; overflow: hidden; z-index: 9999; border: 1px solid #ccc; border-radius: 0px; }
.ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 10px; cursor: pointer; display: block; line-height: 20px; overflow: hidden; }
.ac_results li img { float: left; padding-right: 10px; max-width: 50px; }
.ac_results li span { font-weight: bold; color: red; }
.ac_odd { background: #fff; color: #000; }
.ac_even { background: #f5f5f5; color: #000; }
.ac_over { background: #ddd; color: #000; }
.ac_loading { background: #fff url(../images/indicator.gif) center center no-repeat !important; }


/* MINICART
-----------------------------*/

.mcbutton { height: 34px; }

.minicart_button { display: inline; }
.minicart .empty { display: none; }
.minicart .full { }

.minicart-box {
	display: none;
	position: relative;
	overflow: hidden;
	z-index: 9999;
	top: 15px;
	right: 0;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 0 10px #ccc;
}

.minicart-box.wait { height: 150px; background: #fff url(../images/loading.gif) center center no-repeat; }
.minicart-box .progress { display: none; }

ul.cart-items, ul.cart-items li { list-style: none; margin: 0; padding: 0; text-align: left; }
ul.cart-items img { max-height: 60px; }


/* SLIDING MENUS / ACCORDIONS
-----------------------------*/

ul.sliding_menu, ul.sliding_menu li ul { list-style: none; margin: -1px 0 0 0; padding: 0;}
.sliding_menu a { text-decoration: none; display: block; background: #fff; border-top: 1px solid #ddd; line-height: 1.3em; padding: 11px; outline: none; border-radius: 0; }
.sliding_menu ul a { padding: 11px 11px 11px 20px; }
.sliding_menu ul li ul a { padding: 11px 11px 11px 40px; }
.sliding_menu ul li ul li ul a { padding: 11px 11px 11px 60px; }
.sliding_menu ul li ul li ul li ul a { padding: 11px 11px 11px 80px; }
.sliding_menu ul li ul li ul li ul li ul a { padding: 11px 11px 11px 100px; }
.sliding_menu a.dcjq-parent:before { font-family: FontAwesome; content:"\f107\00a0\00a0"; }
.sliding_menu a.dcjq-parent.active { background: #f5f5f5; border-radius: 0; font-weight: bold; }
.sliding_menu a.dcjq-parent.active:before { font-family: FontAwesome; content:"\f106\00a0\00a0"; }
.sliding_menu a:hover { background: #f5f5f5; text-decoration: none; border-radius: 0; font-weight: normal; }
.sliding_menu a.active { background: #f5f5f5; text-decoration: none; border-radius: 0; font-weight: normal; }
.sliding_menu a:focus { text-decoration: none; }


/* LISTS
-----------------------------*/

ul.angles, ul.carets, ul.chevrons, 
ul.checks, ul.checks2, ul.checks3, 
ul.stars, ul.arrows, ul.thumbs, 
ul.hearts, ul.smiles, ul.warnings { list-style: none !important; margin: 15px 0 5px 0; padding: 0 0 10px 15px; }

ul.angles li, ul.carets li, ul.chevrons li, 
ul.checks li, ul.checks2 li, ul.checks3 li, 
ul.stars li, ul.arrows li, ul.thumbs li, 
ul.hearts li, ul.smiles li, ul.warnings li { float: none !important; margin: 0 0 1px 0; }

ul.angles > li:before { font-family: FontAwesome; content:"\f105\00a0\00a0"; color: black; }
ul.carets > li:before { font-family: FontAwesome; content:"\f0da\00a0\00a0"; color: black; }
ul.chevrons > li:before { font-family: FontAwesome; content:"\f054\00a0\00a0"; color: black; }
ul.checks > li:before { font-family: FontAwesome; content:"\f00c\00a0\00a0"; color: green; }
ul.checks2 > li:before { font-family: FontAwesome; content:"\f14a\00a0\00a0"; color: green; }
ul.checks3 > li:before { font-family: FontAwesome; content:"\f046\00a0\00a0"; color: green; }
ul.stars > li:before { font-family: FontAwesome; content:"\f005\00a0\00a0"; color: orange; }
ul.arrows > li:before { font-family: FontAwesome; content:"\f061\00a0\00a0"; color: black; }
ul.thumbs > li:before { font-family: FontAwesome; content:"\f164\00a0\00a0"; color: green; }
ul.hearts > li:before { font-family: FontAwesome; content:"\f004\00a0\00a0"; color: red; }
ul.smiles > li:before { font-family: FontAwesome; content:"\f118\00a0\00a0"; color: purple; }
ul.warnings > li:before { font-family: FontAwesome; content:"\f071\00a0\00a0"; color: orange; }

ul.list-inline { margin: 15px 0 0 0; padding: 0; }

.footer-widget ul { list-style: none; margin: 0; padding: 0; }
.footer-widget ul > li { padding: 8px 0 8px 0; }
.footer-widget ul > li a { transition: color 0.3s linear 0s, background 0.3s linear 0s; }
.footer-widget ul > li a:link, .footer-widget ul > li a:visited { text-decoration: none; }
.footer-widget ul > li:last-child { border-bottom: none; }


/* PRODUCT LISTINGS DISPLAY WITH LAYOUT SWITCH
-----------------------------*/

/*----------- ROW VIEW -----------*/

ul.row_view { width: 100%; margin: 0 auto; padding: 0; list-style: none; }
ul.row_view li { float: left; width: 100%; margin: 0; padding: 0; }
ul.row_view li ul { margin: 15px 0 5px 0; list-style-type: disc; }
ul.row_view li ul li { float: none !important; }
ul.row_view li .product_block { padding: 10px; margin: 10px 0; position: relative; }
ul.row_view li .product_block .thumb_column { float: left; text-align: center; margin-right: 10px; width: 150px; }{* Thumbnail Column Width *}
ul.row_view li .product_block .product_overflow { overflow: hidden; }
ul.row_view li .product_block h2 { margin: 0; padding: 0 0 10px 0; font-weight: normal; font-size: 20px!important; line-height: 1.2em; }
ul.row_view li .product_block h2 a:hover { text-decoration: none; }
ul.row_view li .product_block .product_details { margin-left: 0px; }
ul.row_view li .product_block .descr_block { width: 100%; }
ul.row_view li .product_block .sku_block { text-align: left; margin: 10px 0 0 0; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; }
ul.row_view li .product_block .price_block { margin-top: 10px; }
ul.row_view li .product_block .price-value { font-weight: bold; color: #ff0000; font-size: 16px; }
ul.row_view li .product_block .market-price { margin-bottom: 5px; }
ul.row_view li .product_block .taxes { margin-bottom: 10px; }
ul.row_view li .product_block .rating-box { width: 110px!important; }
ul.row_view li .product_block .acr-container .comment { font-size: 12px; }
ul.row_view li .product_block .creviews-rating-box { height: 40px; width: 180px; margin: 0; padding: 8px 0 0 0; }

/*----------- GRID VIEW -----------*/

ul.grid_view li { width: 33.33%; }
ul.grid_view { float: left; display: inline; width: 100%; margin: 0; padding: 0; list-style: none; }
ul.grid_view li { margin: 0; padding: 0; text-align: center; width: 33.33%; }
ul.grid_view li .product_block .product_overflow { width: 100%; float: left; }
ul.grid_view li .product_block h2 { margin: 0; padding: 0 0 10px 0; font-weight: normal; font-size: 16px!important; line-height: 1.2em; }
ul.grid_view li .product_block .thumb_column { text-align: center; width: 100%; }
ul.grid_view li .product_block .product_details { margin: 0; }
ul.grid_view li .product_block .descr_block { display: none; }
ul.grid_view li .product_block .sku_block { clear: both; text-align: center; }
ul.grid_view li .product_block .price_block { margin-top: 0px; }
ul.grid_view li .product_block .buy-now { text-align: center; }
ul.grid_view li .product_block { padding: 10px; margin: 10px; }
ul.grid_view li .product_block .creviews-rating-box { margin: 0 auto; padding: 0; }
ul.grid_view li .product_block .creviews-vote-bar { height: 20px; width: 110px; margin: 0 auto; padding: 0; }
ul.grid_view li .product_block .grid_hidden { display: none; }

/*----------- PROMO RIBBONS -----------*/

.ribbon-wrapper-left { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.ribbon-left { font: bold 15px Sans-Serif; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 4px 0; left: -30px; top: 14px; width: 120px; letter-spacing: 2px; -webkit-backface-visibility: hidden; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2); }

.ribbon-wrapper-right { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0px; right: 0px; }
.ribbon-right { font: bold 15px Sans-Serif; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 4px 0; left: -5px; top: 14px; width: 120px; letter-spacing: 2px; -webkit-backface-visibility: hidden; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2); }

.thumb-special { position: relative; top: -30px; }


/* MASONRY STYLE GRID
-----------------------------*/

.masonryContainer { margin-top: 10px; }
.masonryContainer.row { margin-left: 0; margin-right: 0; }
.masonryItem { text-align: center; padding: 10px; margin-bottom: 30px; }
.masonryItem img { max-width: 100%; }
.masonryItem .product_block h2 { margin: 20px 0 0 0; padding: 0 0 10px 0; font-weight: normal; font-size: 16px!important; line-height: 1.2em; }
.masonryItem .product_block .creviews-rating-box { margin: 0 auto; padding: 0; margin-bottom: 10px; }
.masonryItem .product_block .creviews-vote-bar { height: 20px; width: 110px; margin: 0 auto; padding: 0; }
.masonryItem .product_block .buy_block { margin: 10px 0 0 0; }
.masonryItem .product_block .price-value { font-weight: bold; color: #ff0000; font-size: 16px; }
.masonryItem .ribbon-wrapper-left.ribbon-wrapper-left { left: 15px; }
.masonryItem .ribbon-wrapper-right.ribbon-wrapper-right { right: 15px; }


/* COUNTDOWN
-----------------------------*/
ul.countdown { padding: 10px 0 0px 0; width: 470px; margin: 0 auto; }
ul.countdown li { list-style: none; min-height: 130px; min-width: 85px; display: inline-block; border: 1px solid #ccc; background: #fefefe; padding: 20px; margin-right: 10px; border-radius: 4px; text-align: center; }
ul.countdown li:last-child { margin-right: 0px; }
ul.countdown li h3 { font-size: 32px; margin: 0; }


/* PRODUCT DETAILS PAGE
-----------------------------*/

.product-details { margin-bottom: 0px; }
.product-details .details { padding-left: 0px; }
.property-name { font-weight: bold; }
.product-price-value { font-weight: bold; color: #ff0000; font-size: 20px; }
.prod-notif { background: #fefefe; margin: 10px 0 10px 0; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
.image-box { position: relative; margin: 0 auto; padding: 0px; margin: 0 0 20px 0; border: 1px solid #ccc; text-align: center; background: #fff; border-radius: 4px; }
.image-box img { margin: auto; border-radius: 4px; }


/* TESTIMONIAL BOXES
-----------------------------*/

.testimonial-box { margin-bottom: 20px; }
.testimonial-box .testimonial-content { padding: 15px; background: #fefefe; border: 1px solid #ddd; font-size: 14px; line-height: 1.7em; border-radius: 6px; position: relative; }
.testimonial-box .testimonial-arrow { display: block; position: absolute; bottom: -12px; left: 10px; background-image: url(../images/arrow.png); width: 24px; height: 12px; }
.testimonial-box .testimonial-user { margin-top: 20px; min-height: 50px; }
.testimonial-box .testimonial-user-thumb { height: 50px; width: 50px; overflow: hidden; border: 2px solid #fff; float: left; margin-right: 15px; }
.testimonial-box .testimonial-user-name { font-size: 14px; line-height: 26px; color: #555; }
.testimonial-box .testimonial-user-meta { font-size: 12px; line-height: 18px; color: #888; }


/* STAFF BOXES
-----------------------------*/

.staff-box { margin-bottom: 20px; }
.staff-box .item { -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); box-shadow: 0 0 4px rgba(0,0,0,0.3); margin: 0px; text-align: center; }
.staff-box .item:hover .social-links { filter: alpha(opacity=100); }
.staff-box .media-holder img { width: 100%; height: auto; vertical-align: middle; }
.staff-box .social-links { margin-top: -40px; background: #fff; position: relative; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
.staff-box .item:hover .social-links { opacity: 1; }
.staff-box .social-links a { display: inline-block; width: 40px; line-height: 40px; font-size: 18px; background: #fff; color: #555; text-decoration: none; }
.staff-box .social-links a:hover { background-color: #eee; }
.staff-box .detail-container { padding: 18px 15px 10px; position: relative; background-color: #fff; }
.staff-box h4.detail-title { font-size: 18px; line-height: 1em; margin: 0 0 10px 0; color: #444; }
.staff-box .detail-subtitle { font-size: 14px; line-height: 1em; color: #999; margin-bottom: 10px; }
.staff-box .detail-container p { color: #666; font-size: 14px; text-align: left; line-height: 1.6em; }
.staff-box .social-links { filter: alpha(opacity=0); }


/* ANIMATED BOXES
-----------------------------*/

.anim-box { margin-bottom: 20px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); box-shadow: 0 0 4px rgba(0,0,0,0.3); }
.anim-box .item { position: relative; overflow: hidden; }
.anim-box .media-holder img { width: 100%; height: auto; vertical-align: middle; }
.anim-box .media-holder { position: relative; top: 0; transition: top 0.4s; }
.anim-box .item:hover .media-holder { top: -50px; }
.anim-box .hover-content { position: absolute; width: 100%; height: 100%; top: 0; }
.anim-box .overlay { background-color: #000; height: 100%; width: 100%; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
.anim-box .item:hover .overlay { opacity: 0.5; }
.anim-box .link-container { position: absolute; top: 30%; margin-top: -18px; text-align: center; width: 100%; z-index: 2; }
.anim-box .link-container a { display: inline-block; margin: 0 8px; color: #fff; border: 1px solid #fff; font-size: 22px; width: 44px; line-height: 44px; border-radius: 50%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); text-decoration: none; }
.anim-box .item:hover .link-container a:hover { opacity: 0.8; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.anim-box .item:hover .link-container a { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.anim-box .item .detail-container { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; background: #fefefe; padding: 14px 20px 3px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }
.anim-box .item .detail-container h4 { margin: 0 0 10px 0; font-size: 18px; color: #444; font-weight: normal; text-align: center; }
.anim-box .item .detail-container p { margin: 0 0 8px 0; font-size: 14px; line-height: 22px; color: #777; text-align: center; }
.anim-box .item:hover .detail-container { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); }
.anim-box .hover-content { filter: alpha(opacity=0); }
.anim-box .hover-content .link-container, .fullwidth .hover-content .detail-container { filter: inherit; }
.anim-box .item:hover .hover-content { filter: alpha(opacity=100); }
.anim-box .item:hover .hover-content .overlay { filter: alpha(opacity=50); }


/* FEATURE BOXES
-----------------------------*/

.feature-box { margin-bottom: 20px; }
.feature-box > .icon { text-align: center; position: relative; }
.feature-box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; background: #63B76C; border: 8px solid #ddd; line-height: 88px; border-radius: 50%; vertical-align: middle; }
.feature-box > .icon:hover > .image { background: #f5f5f5; border: 8px solid #63B76C; }
.feature-box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.feature-box > .icon:hover > .image > i { color: #000 !important; }
.feature-box > .icon > .info { margin-top: -24px; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 15px 15px 0 15px; }
.feature-box > .icon:hover > .info { background: #f5f5f5; border-color: #ccc; color: #000; }
.feature-box > .icon > .info > h3.title { font-size: 18px; color: #000; font-weight: normal; }
.feature-box > .icon > .info > p { font-size: 14px; color: #000; line-height: 1.5em; margin: 20px; }
.feature-box > .icon:hover > .info > h3.title, .feature-box > .icon:hover > .info > p, .feature-box > .icon:hover > .info > .more > a { color: #000; }
.feature-box > .icon > .info > .more { margin-bottom: 15px; }
.feature-box > .icon > .info > .more a { font-size: 14px; color: #000; line-height: 12px; text-transform: uppercase; text-decoration: none; border-radius: 4px; }
.feature-box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }


/* FLIP CARDS
-----------------------------*/

.flip-container { text-align: center; margin: 0 0 20px 0; }
.flip-container .flipper:hover { text-decoration: none; text-align: center; }
.flip-container .flipper img { margin-bottom: 10px; width: 100%; max-width: 100%; }
.flip-container, .flipper, .front, .back { height: 100%; }
.flip-container .front { background-color: #fff; background-color: rgba(255,255,255,0.5); }
.flip-container .front, .flip-container .back { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); display: block; padding: 15px; zoom: 1; }
.flip-container h4 { margin: 0; }
.flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flip-container:hover .back, .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flip-container .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; display: block; }
.flip-container .front, .flip-container .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; -ms-transition: 0.6s; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; top: 0; left: 0; right: 0; bottom: 0; }
.flip-container .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; }
.flip-container .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); position: absolute; background: #3acf87; color: #fff; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.flip-container:hover .back { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.flip-container .back .text-muted { color: #fff; }


/* HOVER IMAGE CAPTIONS
-----------------------------*/
a.hover-caption { margin: 0 0 20px 0; display: block; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.hover-caption img { position: relative; width: 100%; max-width: 100%; }
.hover-caption figure { box-sizing: content-box; overflow: hidden; position: relative; }
.hover-caption figcaption { background: rgba(0, 0, 0, 0.4); position: absolute; box-sizing: content-box; padding: 10px 10px 10px 10px; bottom: 0; display: block; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
.hover-caption:hover figcaption { background: #808080; }
.hover-caption figcaption h4 { color: #fff; text-transform: none; font-size: 18px; font-weight: normal; line-height: 24px; margin: 0; }
.hover-caption figcaption span { width: 90%; color: #fff; font-size: 14px; font-weight: normal; line-height: 16px; display: block; position: relative; opacity: 0; max-height: 0; padding: 0; -webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; }
.hover-caption:hover figcaption span { max-height: 60px; opacity: 1; padding: 0 0 4px 0; }


/* CLOUD ZOOM
-----------------------------*/

img.cloudzoom { max-width: 100%; }
.cloudzoom-lens { border: 5px solid #888; width: 100px; height: 100px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); cursor: crosshair; z-index: 10; }
.cloudzoom-zoom { border: 1px solid #888; width: 500px; height: 200px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); }
.cloudzoom-zoom-inside { border: none; box-shadow: none; }
.cloudzoom-zoom-inside:hover { cursor: move; }
.cloudzoom-caption { display: none; text-align: left; background-color: #000; color: #fff; font-weight: normal; padding: 10px; }
.cloudzoom-blank { background-image: url(../../common_files/images/spacer.gif); }
.cloudzoom-ajax-loader { background: #fff url(../images/loading.gif) center center no-repeat; width: 50px; height: 50px; }
img.cloudzoom-gallery { border: 1px solid #fff; }
img.cloudzoom-gallery:hover { border: 1px solid #ddd; cursor: pointer; }


/* LATEST TWEETS
-----------------------------*/

.tweets ul { margin: 0; padding: 0; }
.tweets ul li { list-style: none; clear: both; margin-bottom: 30px; font-size: 14px; }
.tweets ul li img { float: left; margin: 3px 10px 0px 0; border: 1px solid #ccc; }
.tweets ul li a:link { font-weight: bold; }
.tweets ul li .tweets_txt { margin-bottom: 10px; }
.tweets ul li .tweets_txt span { font-style: italic; color: #666; display: block; }

.tweets_footer ul { margin: 0; padding: 0; }
.tweets_footer ul li { list-style: none; clear: both; margin-bottom: 10px; font-size: 14px; }
.tweets_footer ul li img { float: left; margin: 3px 10px 0px 0; border: 1px solid #ccc; }
.tweets_footer ul li a:link { font-weight: bold; }
.tweets_footer ul li .tweets_txt { margin-bottom: 10px; }
.tweets_footer ul li .tweets_txt span { font-style: italic; display: block; }


/* SOCIAL ICONS
-----------------------------*/

.social-icons-small { display: inline-block; }
.social-icons-small { font-size: 14px; }
.social-icons-small a.social-icon { margin: 0 0 0 -3px; }

.social-icons { display: inline-block; }
.social-icons { font-size: 20px; }
.social-icons a.social-icon { margin: 0 0 0 -6px; }

.social-icon { text-decoration: none; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:Alpha(opacity=80); }
.social-icon:hover { text-decoration: none; opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:Alpha(opacity=100); }

.social-icon { text-shadow: 0 1px 3px rgba(0,0,0,0.5); }

.social-twitter { color: #00acee; }
.social-facebook { color: #3b5998; }
.social-google-plus { color: #dd4c39; }
.social-youtube { color: #c4302b; }
.social-vimeo { color: #44bbff; }
.social-pinterest { color: #c8232c; }
.social-linkedin { color: #0976b4; }
.social-instagram { color: #3f729b; }
.social-flickr { color: #ff0084; }
.social-skype { color: #00aff0; }

.social-rss { color: #fe9900; }


/* MISC ICONS
-----------------------------*/

.any-icons { display: inline-block; }
.any-icons { font-size: 48px; }
.any-icons a.any-icon:link, .any-icons a.any-icon:hover { text-decoration: none; }

.any-icons figure { display: inline-block; font-size: 16px; }

.any-icon .default { color: #333333; }
.any-icon .primary { color: #428BCA; }
.any-icon .success { color: #5CB85C; }
.any-icon .info { color: #5BC0DE; }
.any-icon .warning { color: #F0AD4E; }
.any-icon .danger { color: #D9534F; }


/* THEME SWITCHER
-----------------------------*/

.dc-slick { width: 200px; background: #000; padding: 10px; border-radius: 0 0 4px 0; }
.dc-slick .dc-slick-content { color: #fff; text-align: left; }
.dc-slick.left { left: 0; }

.dc-slick .side-tab { text-align: center; cursor: pointer; background: #000; color: #fff; width: 38px; height: 38px; padding: 5px 5px 3px 5px; border-radius: 0 4px 4px 0; }
.dc-slick .side-tab i:hover { color: #ccc; }
.dc-slick.left .side-tab { top: 0; right: 0px; }

.dc-slick-content { font-family: courier; font-size: 10px; }

div.preset-themes ul { text-align: left; margin: 0; padding: 0; }
div.preset-themes ul li { display: inline-block; margin: 0; padding: 0; cursor: pointer; width: 38px; height: 20px; border-radius: 4px; border: 2px solid #000; }
div.preset-themes ul li:hover, div.preset-themes ul li.active { border: 2px solid #fff; }

div.preset-themes ul li#theme01 { background: #5677FC; }
div.preset-themes ul li#theme02 { background: #03A9F4; }
div.preset-themes ul li#theme03 { background: #3F51B5; }
div.preset-themes ul li#theme04 { background: #9C27B0; }
div.preset-themes ul li#theme05 { background: #673AB7; }
div.preset-themes ul li#theme06 { background: #00BCD4; }
div.preset-themes ul li#theme07 { background: #009688; }
div.preset-themes ul li#theme08 { background: #259B24; }
div.preset-themes ul li#theme09 { background: #8BC34A; }
div.preset-themes ul li#theme10 { background: #CDDC39; }
div.preset-themes ul li#theme11 { background: #FFEB3B; }
div.preset-themes ul li#theme12 { background: #FFC107; }
div.preset-themes ul li#theme13 { background: #FF9800; }
div.preset-themes ul li#theme14 { background: #FF5722; }
div.preset-themes ul li#theme15 { background: #E51C23; }
div.preset-themes ul li#theme16 { background: #E91E63; }
div.preset-themes ul li#theme17 { background: #795548; }
div.preset-themes ul li#theme18 { background: #9E9E9E; }
div.preset-themes ul li#theme19 { background: #607D8B; }
div.preset-themes ul li#theme20 { background: #888888; }


/* BOTTOM RIGHT FLOATING ICONS - BACK TO TOP & VIEW CART
-----------------------------*/

.floater-icons { display: none; position: fixed; right: 15px; bottom: 44px; font-size: 24px; z-index: 9999; }
.floater-icons p { margin: 0; padding: 0 0 5px 0; }
.floater-cart { color: #000; }
.floater-top { color: #000; }
a.floater-link { text-decoration: none; margin-bottom: 10px; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:Alpha(opacity=50); }
a.floater-link:hover { text-decoration: none; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:Alpha(opacity=100); }


/* PAYMENT LOGOS
-----------------------------*/

div.payment_logos ul { text-align: right; margin: 0; padding: 0; }
div.payment_logos ul li { display: inline-block; padding-right: 4px; }
div.payment_logos ul li span { white-space: nowrap; text-indent: 9999em; overflow: hidden; }
div.payment_logos ul li img { min-width: 60px; min-height: 38px; border-radius: 0px; }


