*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow:none;
text-rendering: optimizeLegibility;}

/* Hide Nivo Control Nav */

.theme-default .nivo-controlNav {display: none!important;}
 
/*body:: Controls website background and any other text outside of a table without an associated style.*/ 	
body {

font-family: Georgia, Serif;
background: #fff;
font-size: 15px;
color: #000000;
font-weight: Normal;
padding: 0;
margin: 0;

}
img {border: 0;}
a, a:visited {color: #89751E; font-size: 12px; font-style: normal; font-weight: 400; text-decoration: underline; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
/*A.cat:hover:: When a user passes  their mouse over them.*/ 	
a:hover {color: #73853A; text-decoration: none;}
input,
textarea,
select,
button {font-family: Tahoma, Geneva, sans-serif; color: #000;}
.left {width: 50%; float: left; text-align: left; line-height: 32px;}
.right {width: 50%; float: right; text-align: right;}
#mobileMenu i,
#mobileCatMenu i,
#mobileCart i {color: #fff; font-size: 24px; font-family: "fontello";}
.top-menu .icon-menu {color: #fff; font-size: 24px; font-family: "fontello";}
#closeSlideMenu i { background: none repeat scroll 0 0 #89751E; border-radius: 0; color: #fff; font-family: "fontello";float: left; font-size: 20px; margin: 15px 0 0; padding: 0 2px 2px;}
.icon-search {color: #fff; font-size: 16px;font-family: "fontello";}
::selection {color: #FFF; background: #969696;}
::-moz-selection {color: #FFF; background: #969696;}
blockquote {color: #000; font-size: 30px; font-weight: 400; text-align: center; line-height: 1em; background: #FFF; border-left: 6px solid #22303a; margin: 0 0 15px 0; padding: 40px;}
/* QuickSearch */

table.searchlight-results {font-family: Tahoma, Geneva, sans-serif; width: 280px;}
div.searchlight-results-wrapper {border: 1px solid #e2e2e2; margin-left: -1px;}

/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)           */
/*******************************************************************************************************/

/*store-name:: Store Name.*/		 
.store-name {font-family: Georgia, Serif; font-size: 35px; font-weight: 400; text-decoration: none; line-height: 35px;}
/*store-slogan:: Store Slogan.*/		 
.store-slogan {font-family: Georgia, Serif; font-size: 14px; font-weight: 400; text-transform: lowercase;}
/*frame:: Controls the left and right column background.*/		
.frame {background: #FFF;}
/*mod_bg:: Controls the left and right column modules background.*/		
.mod_bg {background: none;}
/*frame-ht:: Controls the height left, right and middle columns.*/		
.frame-ht {height: 1000px;}

.breadcrumbs {font-family: Tahoma, Geneva, sans-serif;}

/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.menu-headers {border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000!important; color: inherit; font-size: 14px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; padding: 0; height: 34px; line-height: 34px; display: block;}
/*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/		
.footer {font-size: 10px; color: #000; font-weight: 400; text-transform: none; text-align: center;}
.ftr-social {width: 100%; clear: both; margin: 30px 0 0 0;}
.holder {height: 155px; border-bottom: 1px solid #292929; width: 100%; clear: both;}

/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {font-size: 10px; color: #000; font-weight: 400; text-transform: none; text-decoration: underline;}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {font-size: 10px; font-weight: 400; color: #FFF;}
.topsellers_topitem {padding: 10px; text-align: center;	
}


/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {display: none; background: #FFF; border: 2px solid #323f49; color: #323f49; font-family: Georgia, Serif; font-size: 14px; height: 30px; line-height: 25px; position: absolute; top: 40px; right: 0; text-align: center; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; width: 30px; z-index: 5;}
/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking {float: left; font-size: 12px; font-weight: 400; color: #22303a; width: 12px; height: 20px; text-align: left;}
/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text {font-size: 12px; color: #000; font-weight: 400;}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {font-size: 16px; color: #89751E; font-weight: bold; padding: 10px 0 0 0;}
/*cart-text:: Controls the way the text on the mini shopping cart displays. The mini-shopping cart is usually located in the header.*/ 
.cart-text {font-size: 48px; font-weight: 400; color: #15212a;}
/*search-text:: Controls the way the search box displays of the frame.*/ 
.search-text {font-size: 20px; font-weight: normal; color: #3d3d3d; line-height: 57px; height: 57px; width: 443px; background: #FFF; border: none; padding: 0 0 0 25px; margin: 0 11px 0 0;}
/*A.cat:: Controls the way the Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/ 	 


/*******************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************/

/* .product-item img {position: relative; top: 0; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease;} */
.product-item .img img {max-width: 100%;}
#itemsBlock .products-header {border-bottom: 1px solid #000;}

/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/ 
tr {text-align: left;}
/*td:: Controls all text inside a table without and associated style.*/ 
td {

text-decoration: none;
word-spacing: normal;
font-size: 14px;

}
/*data:: Controls the font style of your content on all the pages.*/
.data {text-decoration: none; word-spacing: normal; font-size: 12px;}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {background: #FFF; text-align: center;}

/* .product-item { border: 3px solid #555555; border-radius: 3px;}
.product-item .stars {display: none;} */
.product-item .stars img { display: inline-block; float: none;}
.product-item .stars span { display: inline-block; float: none;  line-height: 16px; padding: 0 5px;}
.product-item .on-sale {background: #999;}

/*page_headers:: Controls the title of all your pages.*/
.page_headers {

font-size: 24px;
font-weight: 800;
margin: 0;
color: #2f2f2f;
text-transform: none;
border-bottom: 0px solid #000;
font-family: Georgia, Serif;

}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {font-size: 14px; color: #000; font-weight: 400; text-transform: none; line-height: 30px; margin: 5px 0 10px; border-bottom: 1px solid #555; display: block; font-family: Georgia, Serif;}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {font-size: 16px; color: #000; font-weight: 700; letter-spacing: 0;}
/*error:: Controls the error messages*/ 
.error {font-size: 12px; font-weight: 400; color: #e10e04; text-decoration: none;}
/*borders:: Controls the color of the line dividers used throughout the site.*/ 
.borders {color: #585C5F; border: 1px solid #CCC; border-style: none none solid;}
/*borders2:: Controls the color of the solid line dividers used throughout the site.*/ 
.borders2 {border: 1px solid #CCC; border-style: none none solid;}

/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/

/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {font-size: 14px; color: #22303a; font-weight: 700;}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {font-size: 16px; font-weight: 700; color: #CCC;}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {font-size: 16px; font-weight: 700; color: #22303a;}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {font-size: 12px; font-weight: 700; background-color: #EEE; color: #22303a; padding:4px;}
/*******************************************************************************************************/
/*   STYLES ONLY USED ON PRODUCT PAGES      */
/*******************************************************************************************************/

/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {font-size: 12px; font-weight: 700; color: #585C5F; border: 1px solid #CCC; border-style: none none solid;}
/*item:: Controls the item description and item details text.*/ 
.item {font-size: 12px; color: #383733; font-weight: 400;}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {font-size: 22px; color: #22303a; font-weight:bold;}
/*price-info:: Controls the way the sub-prices display on the product page, the final price is controlled by the style called "price".*/ 
.price-info {font-size: 12px; font-weight: 400; color: #585C5F;}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {color: #afafae; text-decoration: none; text-align: left; letter-spacing: 0; font-size: 10px; vertical-align:bottom;}
/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/ 
.availability-txt {color: #22303a;}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {color: #22303a; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 7px; line-height: 10px; font-size: 16px; font-style:italic;}
/**********************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/**********************************************************/

/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {border: none; background: #89751e; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; padding: 9px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {border: none; background: #73853a; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; padding: 9px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.btn:hover {border: none; background: #73853a; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; padding: 9px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
/*button:hover:: Controls the button tag when a user mouses over them, (ONLY if it is not using and image).*/ 
button:hover {border: none; background: #73853a; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; padding: 9px; border-bottom: 4px solid #888; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {border: 1px solid #b7b4ac; background: #fefefe; font-weight: 400; font-size: 13px; color: #000; margin: 0; padding: 8px 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/ 	
.txtAreaStyle {border: 1px solid #b7b4ac; background: #fefefe; font-weight: 400; font-size: 12px; color: #000; margin: 0; padding: 8px 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {height: 20px; color: #000; font-size: 12px; border: none; padding: 3px 0 0 0; margin: 0;}

/********************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/********************************************/

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {background-color: #f9f8f8;}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {font-size: 10px; font-weight: 700; background-color: #cbcaca; color: #4f4e4e;}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/

/*font1:: Primary Screen Font */ 
.font1 {font-size: 12px; font-weight: 400; color: #383733;}
/*font2:: Secondary Screen Font */ 
.font2 {font-size: 12px; font-weight: 400; color: #22303a;}
.font3 {font-size: 12px; font-weight: 400; color: #FFF;}
.font4 {font-size: 12px; font-weight: 400; color: #c32519;}
/*top:: Controls the  Color of the top Bar*/		
.top {background: none;}
/*line:: Controls the  Color of the line bellow the top bar*/		
.line {background: #FFF;}


/*********************************/
/*          CUSTOM STYLES        */
/*********************************/

/* Accent/Secondary Colors */

.accent-color {color: #c9dae4;}
.accent-bg-color {
  background: none repeat scroll 0 0 #353535;
  background-image: -ms-linear-gradient(bottom, #333 0%, #555 100%);
  background-image: -moz-linear-gradient(bottom, #333 0%, #555 100%);
  background-image: -o-linear-gradient(bottom, #333 0%, #555 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(100, #555));
  background-image: -webkit-linear-gradient(bottom, #333 0%, #555 100%);
  background-image: linear-gradient(to top, #333 0%, #555 100%);
  color: #fff;
}
#mainContainer {
  display: block;
  position: relative;
  z-index: 101;
}
.wrapper {background: #fff; margin: 0 auto; max-width: 100%; padding: 5px 5px; position: relative; width: 1000px;}
#callnow {color: #5c5c5c; float: right; font-size: 12px; padding: 6px 5px 0 0; text-align: right; width: 40%;font-weight: 600;}
#callnow a, #callnow a:hover, #callnow a:visited { text-transform: capitalize; color: #89751E;font-weight: 700;}
#mobileCart { cursor: pointer; display: none; float: right; height: 41px; margin: 0; position: absolute; right: 10px; top: 49px; width: 49px;}
#mobileCart > img { background: none repeat scroll 0 0 #89751e; border: 3px solid #fff; border-radius: 0; padding: 5px 10px 6px;}
#callnow > span { font-size: 12px;}
#callnow span, #callnow span a {color: #5c5c5c !important; display: inline-block;}
.top-menu {background: none repeat scroll 0 0 #fff; height: 32px; position: relative; z-index: 1003;}
.top-menu ul {float:right; line-height: 20px; list-style: none; margin: 0 10px; padding: 0;}
.top-menu li {display: inline-block; text-align: right;}
.top-menu li a { color: #5c5c5c; font-weight: 600; padding: 0 4px; text-decoration: none;}
.top-menu li a:hover {color: #73853a !important;}
.top-menu .wrapper { background: none repeat scroll 0 0 transparent; margin: 0 auto; max-width: 1000px; display:block; padding: 0; width: 100%;}
.top-menu .wrapper #callnow {position:absolute; right:5px; top:0;}
/*#FRAME_SEARCH { float: left; margin: 0 0 0 5%; width: 45%;}*/
#FRAME_SEARCH { float: right;  margin: 18px 26% 0 0; width: 42%;}
#searchBox { background: none repeat scroll 0 0 #fff; border-radius: 0; float: left; margin: 15px 0 0; /*box-shadow: 0 30px 150px 60px #225178; -webkit-box-shadow: 0 30px 150px 60px #225178;*/ max-width: 520px; padding: 1px 106px 1px 1px; position: relative; width: 100%; z-index: 10;}
#searchBox form { position: relative;}
#searchBox input { float: left;}
#searchBox input[type="text"] { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 0; color: #888; height: 35px; line-height: 26px; padding: 5px 0 0 10px; text-transform: uppercase; width: 100%; -webkit-appearance: none;}
#searchBox input[type="submit"] { background: url("../images/lens-white.png") no-repeat scroll 75px center #89751e; border: medium none; color: #fff; cursor: pointer; float: right; font-size: 16px; height: 35px; margin: 0 0 0 0px; padding: 0 0 0 15px; position: absolute; text-align: left; width: 105px; -webkit-appearance: none;}
header { background: none repeat scroll 0 0 #ccc; height: 105px; position: relative; z-index: 1002;}
header .wrapper {background: none repeat scroll 0 0 transparent; clear: both; margin: 0 auto; max-width: 1000px; padding: 0; width: 100%;}
header .wrapper:after {content:"."; display:block; clear:both; visibility:hidden; height:1px;}
#logo { float: left; margin: 5px 0 0; max-height:100px;}
#logo img { max-width: 270px; position: relative; width: 100%; z-index: 1;}
#cart { background: none repeat scroll 0 0 #fff; border-radius: 0; color: #000; display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 17px; padding: 0px 0px 0px 0; position: absolute; right: 5px; text-align: center; text-decoration: none; top: 64px; border: solid #CCC; border-width: 3px; border-style: double; max-width: 200px; width: 100%; z-index: 1000;}
#cart img { background: none repeat scroll 0 0 #89751e; border-radius: 0; float: right; margin: 1px; padding: 4px 8px;}
#cart strong {color: #89751e; font-size: 15.5px;}
#cart > span { display: inline-block; margin: 4px 0 0 !important;}
#cart span#noItemsText {color: #89751E;font-family: Georgia, Serif; font-size: 12px;}
#checkout {background: url('../images/cart-background.png') no-repeat center center; height: 36px; width: 89px; z-index: 1000; overflow: hidden; position: relative; top: 6px; float: right;}
#home h2.header-specials, .header-specials {border-bottom: 1px solid #555555; color: #555555; display: block; height: 40px; text-align: center; text-shadow: 1px 1px 0 #ccc;}
li.search {display: none;}
aside {float: left; width: 200px; display: block;}
aside#leftBar {margin: 0 8px;}
aside#rightBar {margin: 0 8px;}
aside .module {margin-bottom: 25px; position: relative;}
aside .module ul {list-style: none; padding: 0; margin: 0;}
aside .module li a {line-height: 23px;}
aside .module .info {width: 100%;}
aside .module .name {width: 100%; text-align: center;}
aside .module .img {width: 100%; text-align: center;}
aside .module .price2 {width: 100%; text-align: center;}
aside .module .stars {width: 100%; text-align: center;}
aside .module .div {display: block; height: 1px; background: #d0d0d0; margin: 10px 0;}
.manf-select {background: #FFF url(../images/dark-arrow.png) no-repeat right center; border: 2px solid #e2e2e2; width: 200px; overflow: hidden; height: 29px;}
.manf-select select {background: transparent; border: none; line-height: 29px; height: 29px; margin: 0; padding: 0; -webkit-appearance: none; width: 310px;}
.topsellers_topitem .img {width: 200px; height: 150px; text-align: center; vertical-align: middle; position: relative;}
.topsellers_topitem .img img {max-height: 150px; max-width: 150px;}
.topsellers_topitem .info {padding: 0.5em 0;}
.topsellers_topitem .name {float: left; width: 70%; margin-bottom: 10px;}
.topsellers_topitem .price2 {float: right; width: 30%; text-align: right;}
#mainContent {float: left;padding: 0;width: 100%;}
section, #message {background: #fff;}
/*footer {background: none repeat scroll 0 0 #fff; border-top: 5px solid #333; margin-top: 0;}
footer .wrapper {min-height: 236px; padding: 30px 0 0;}
footer h3 {color: #000; font-family: Georgia, Serif; font-size: 18px; font-weight: 700; line-height: 22px; display: block; margin: 18px 0 10px 0; padding: 0;}
footer .ftr-col {float: left; margin: 0 10px 0 0;}
footer .col1 {width: 600px;}
footer .col2 {width: 260px;}
footer .col3 {width: 330px; margin: 0; float: right;}
.ftleft {width: 50%; float: left;}
.ftright {width: 50%; float: right; text-align: right; height: 20px;}*/
#modManufacturer ul {list-style: none; padding: 0; margin: 0;}
#modManufacturer ul {list-style: none; display: block; width: 220px; margin: 0 0 10px; padding: 0; overflow: hidden;}
#modManufacturer li {float: left; width: 50%;}
#FRAME_LINKS {margin: 0 0 40px 0; height: auto;}
#modLinks ul {list-style: none; padding: 0; margin: 0;}
#modLinks ul {list-style: none; display: block; width: 100%; margin: 0; padding: 0;}
#modLinks li {float: left; margin: 0 15px 0 0;}
#modLinks li a {font-size: 14px; font-weight: 700; clear: both; text-transform: capitalize; font-family: Georgia, Serif;}
#mailistBox label {color: #000; font-family: Georgia, Serif; font-size: 18px; font-weight: 700; line-height: 22px; display: block; margin: 15px 0;}
#mailistBox input, #mailistBox span {float: left; display: block;}
#mailistBox span {margin-right: 30px;}
.mailist-box {margin-bottom: 13px;}
#mailistBox input[type="text"] {background: transparent; color: #888; border: none; height: 38px; margin: 0; padding: 0 0 0 15px; width: 35%; -webkit-appearance: none; border-bottom: 1px solid #888; border-left: 1px solid #888; border-top: 1px solid #888; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0;}
#mailistBox input[type="submit"] {background: #89751E url('../images/go-arrow-white.png') no-repeat center center; border: none; float: left; color: #000; cursor: pointer; font-size: 14px; font-weight: 400; height: 38px; border-bottom: 3px solid #555555; margin: 0; padding: 0; text-align: center; text-indent: -9999px; text-transform: uppercase; width: 8%; -webkit-appearance: none; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
#mailistBox input[type="submit"]:hover {background: #999 url('../images/go-arrow-white.png') no-repeat center center;}
#mailistBox input[type="radio"] {margin: 2px 5px 0 0; padding: 0;}
.social-icons {margin: 20px 0 0 0; width: 100%; height: 30px; text-align: right;}
.social-icons a {background: none; color: #000; font-size: 20px; text-decoration: none; text-align: right; float: right;}
.social-icons a:hover {color: #89751E;}
#globalFooter {margin: 14px 0 0; width: 50%; float: right; text-align: right;}
#copyright {padding: 10px 0; width: 100%; float: left; border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 30px 0 0;}
.stats {height: 0; overflow: hidden;}
#homeCarousel {margin-bottom: 20px; float: left; width: 100%; position: relative;}
#homeCarousel:before, #homeCarousel:after {z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #000; }
#homeCarousel:after {-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;}
.header-specials {font-family: Georgia, Serif; color: #555; font-weight: 700; text-transform: capitalize; line-height: 38px; padding: 0; margin: 5px 0; font-size: 30px; clear: both;}
.product-item .status > img {left: 10px; position: absolute; top: 10px; transition: none 0s ease 0s ;}

/*	Quick View Template
-----------------------------------*/
#quickView .r-tabs .r-tabs-panel.r-tabs-state-active {height: 150px !important; overflow-y: scroll !important;}
#quickView .r-tabs .r-tabs-nav .r-tabs-anchor { padding: 5px;}

/*	Listing Template
-----------------------------------*/
#listing0 .browsing_historyBlock .product-item.alternative { min-height: 300px;}
#listing0 .addl-images { height: auto;}
.r-tabs .r-tabs-nav .r-tabs-anchor { background: none repeat scroll 0 0 #89751e; color: #fff;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background-color: #fff; border-top: 3px solid #89751e;  color: #000;}


/*	View Cart Template
-----------------------------------*/
#viewCart .item-info { float: left; width: 55%;}
#viewCart .item-sku { float: left; width: 11%;}

/*	FOOTER
-----------------------------------*/

#footerContainer {width:100%; padding:0px; margin:0 auto 0; background:none; z-index: 1;}
.footerContent {width:100%; margin:0 auto; padding:12px 0px 0px; background-color:#ccc; }
.footerContent .wrapper { background: none repeat scroll 0 0 #ccc; max-width: 1000px; width: 100%; padding: 5px 10px;}
.footer-logos { display: inline-block; padding: 0 0 8px; width: 100%;}
.logos-title { float: left; width: 16%;}
.logos-left { float: left; width: 42%;}
.logos-right { float: left; width: 42%;}
.footer-logos img { max-width: 410px; width: 100%;}
.footer-logos .logos-title > img { max-width: 141px; width: 100%;}
#footer-links {width:100% !important; padding:0 0 5px; margin:0px; border:none; float:left; text-align:left; position:relative; z-index:2; overflow:hidden;} 
#footer-links .col{float:left; width:25%; padding: 0 0 0 0;}
#footer-links .footer-titles, .footer-heading { color: #89751e; font-family: Georgia, Serif; font-size: 18px; font-weight: normal; line-height: 30px; margin: 0; padding: 0; text-decoration: none; text-transform: uppercase;}
#footer-links ul { float: left; list-style: outside none disc; margin: 0; padding: 0;}
#footer-links ul li { line-height: 19px;  margin: 0 10px 0 15px; padding: 0; text-shadow: 1px 1px 1px #028bff;}
#footer-links a, #footer-links a:visited{font-family: Georgia, Serif; font-size:14px; letter-spacing: -1px; line-height:30px; font-weight:400; color:#2c2c2c; text-transform:none; text-shadow: none; text-decoration:none; margin:0px 0px; padding:0px 0px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
#footer-links a:hover, #footer-links a:visited:hover{text-decoration: underline; color:#89751E;} 
#footer-links img { float: left; margin: 0px;}
.footer-location{float:right; width:17%; font-family: 'Source Sans Pro', sans-serif; font-size:16px; line-height:20px; font-weight:400; color:#fff;}
#MAIL-SECTION { background: none repeat scroll 0 0 #222222; border-bottom: 1px solid #f2f2f2; border-top: 2px solid #f2f2f2;}
#mail-area_section {position:relative; margin:0 0 0 0; text-align:center;}
#mail-area_section .wrapper { background: none repeat scroll 0 0 transparent; max-width: 1000px; padding: 0 10px; width: 100%;}
.mail-area {position:relative; margin:0 0 0 0; padding:0; line-height: 27px; text-align:center; width:100%;}
.mail-area .mail-subtxt { color: #fff; display: block; float: left; font-family: Georgia, Serif; width: 35%; font-size: 18px; font-weight: 600; letter-spacing: 0; padding: 15px 5px 17px; text-align: center; text-transform: none;}
.mail-subtxt .news-first { font-size: 18px; font-weight: 600; width: 42%;}
.mail-subtxt > span { display: block; float: left; font-size: 16px; font-weight: 200; letter-spacing: 0; padding: 0; text-align: center; width: 58%;}
.mail-area form { display: block; float: right; width: 50%;}
.mail-area .mail-box{padding:0px; margin:12px 0; float:right; width:100%; background:none; position:relative;}
.mail-area .mail-box input[type="radio"], .mail-area .mail-box label{color:#fff; font-size:14px; float:left; display:block; line-height:36px; margin:6px; vertical-align:middle; height:36px;}
.mail-area .mail-txt { min-width:300px;background: none repeat scroll 0 0 #fff; border: medium double #CCC; border-radius: 6px 0 0 6px; color: #111; float: right; font-size: 14px; font-style: italic; font-weight: 400; height: 40px; line-height: 40px; margin: 0; padding: 3px 5px; text-decoration: none; width: 100%;}
.mail-area .mail-btn{position: absolute; right:-5px; font-family: Georgia, Serif; color:#fff; width:90px; border: none; display:block; height:40px; line-height:40px; cursor:pointer; padding:0px 0px 0px 18px; margin:0px 0px 0px 0px; -webkit-appearance:none; float:right; font-size:15px; font-weight:700; text-transform:uppercase; text-align:left; background:#89751e; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; -webkit-appearance:none; border-radius: 0 6px 6px 0; /*position:absolute; right:0;*/}
.mail-box .icon-right-open { font-size: 11px; left: 5px; position: absolute;}
/*.mail-area .mail-btn:hover {background:#028bff url(images/mail-arrow.png) no-repeat 39px center; color:#fff;}*/
.footerContent .legal-payment { background: none repeat scroll 0 0 #fff;  margin: 0 auto; padding: 35px 0; text-align: center; width: 100%;}
.footerContent .trustbox { margin: 0 auto; max-width: 1000px;}
.footerContent .trust { display: inline-block; padding: 0 20px;}
.footerContent .trust > img { max-width: 320px; width: 100%;}
.copyright{text-align:center; width:100%;}
.copyright, .copyright a { background: none repeat scroll 0 0 #eee; color: #999; font-family: "helvetica",sans-serif;font-size: 12px; padding: 0; text-transform: none;}
.footer .sec-img { display: inline-block; margin: 0 10px; vertical-align: middle;}
.sec-img > img { height: auto;  max-width: 200px; width: 100%;}
.global-banners{position: relative; padding:5px 0px; color:#535353;}


/*	Responsive Navigation Menu
	--------------------------	*/


/************************************************************************
The Cart Designer 
************************************************************************/
.wrapper.bodycontent {}
/*.slicknav_nav .menu-top .menu { color: #333;}
.slicknav_nav > div { background: none repeat scroll 0 0 #fff; display: inline-block; width: 100%;}
.slicknav_nav .menu-top { float: left; width: 50%; border-bottom: 1px solid #89751E; border-right: 1px solid #89751E;}
.slicknav_nav { background: none repeat scroll 0 0 #fff; border-bottom: 2px solid #333;}
.slicknav_collapsed.slicknav_parent { border-right: 1px solid #89751E; border-top: 1px solid #89751E; clear: none; display: block; float: left;  width: 50%;}
.slicknav_nav .subMenu a.subcat, .slicknav_nav .subMenu a.subcat:visited { color: #89751E !important;}
.subMenu { background: none repeat scroll 0 0 #fff;}*/
.menu-top-header, .cat-mobile-header { display:none;}
.flexslider .slides img {border: 3px solid #555555;}
.flex-direction-nav a {z-index: 2 !important;}
.top-menu-links { left: 5px; margin: 5px 0; position: absolute;}
#u_0_3 > span { color: #fff !important;}
.banner-mini { background: none repeat scroll 0 0 #222222; border-bottom: 0px solid #839aaa; text-align: center; padding:5px 0; position: relative; z-index: 1;}
.banner-mini > span { color: #f0f0f0; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 1px; text-transform: none;}
.banner-mini > a { color: #f0f0f0; font-size: 12px; font-weight: 300; margin: 0 15px; text-decoration: underline; text-transform: none;}
.banner-mini img { margin: 0 6px -3px;}
.active.has-sub { display: none !important;}
.expert-tag { display: none;}
.footer-titles { border-bottom: 0px dashed #888; width: 100%;}
.footer-titles > img { float: none !important; margin: 0 3px !important;}
.mail-area.left { display: none;}
#showSlideMenu #callnow { display: none;}
.product-item {min-height: 340px; padding: 10px 3px;}
.product-item:hover { box-shadow: none;}
.product-item .img {margin-bottom: 5px; min-height: 160px;}
.product-item .name { display:block; height: auto !important; max-width: 100%; min-height: 30px; text-overflow: inherit; white-space: inherit;}
.product-item .name a { color: #73853A; display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; line-height: 15px; text-decoration: underline; text-transform: none;}
.product-item .action {margin: 0;}
.product-item .action input.txtBoxStyle { font-size: 16px; padding: 5px 0 7px; text-align: center; width: 28px;}
.product-item.item-template-0.alternative { min-height: auto; padding: 0 10px;}
.product-item .price, .product-item .price2 { color: #666666; font-family: Georgia, Serif; font-size: 14px; font-weight: normal; line-height: 15px; padding: 0;}
.product-item .price2 .strike { text-decoration: line-through; font-weight: normal;}
.product-item .cat-sale, .product-item .cat-yourprice { color: #6c0000; font-weight: bold;}
.product-item .price2 span, .product-item .sale-price span { font-weight: bold;}
.breadcrumbs > a { color: #73853A; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; text-decoration: underline; text-transform: none;}
#wowslider-container1 {z-index: 1 !important;}
ul#css3menu1 { z-index: 2 !important;}
.new-rel-block { display: none; margin: 0 auto; max-width: 1020px;}

/*--------OPTIONS BUTTON CSS--------------*/
.action-opt-wrapper { background: #fff none repeat scroll 0 0; padding: 0 5px 5px; position: absolute; width: 100%;}


/*----------------------------
SALE DROP BANNER
-----------------------------*/
.saledrop { background: none repeat scroll 0 0 #8CA730;}
.saledrop .saledrop-button {color: #fff; cursor: pointer; display: block; font-family: Georgia, Serif; font-size: 16px; font-weight: 600; margin-bottom: 1px; padding: 2px 10px 2px 10px; text-align: left; text-decoration: none; text-transform: uppercase;}
.saledrop .saledrop-button.active {color: #fff;}
.saledrop-button .close { display: none;}
.saledrop-button .open { display: block;}
.saledrop-button.active .close { display: block;}
.saledrop-button.active .open { display: none;}
.saledrop ul{display:none; margin:0; padding: 10px; list-style: outside none none;}
.saledrop-inner li { color: #fff;}
.saledrop-inner { margin: 0 auto; max-width: 1020px; position: relative;}


/*----------------------------
404 PAGE
-----------------------------*/
#container404
{
 background-image:url('/assets/templates/zanadia-html5/images/404-puppy-2.jpg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center top;
    height: 665px;
    width: 100%;
	top:0;
	left:0;

}
.spantext404
{
    
	position:absolute;
    text-align:left;    
    color:#000;
    font-size:12px;
    font-weight:bold;
padding:40% 0 0 10px;
	width:55%;
	
}
@media screen and (max-width:639px) {
.spantext404
{
    
	position:absolute;
    text-align:left;    
    color:#000;
    font-size:12px;
    font-weight:bold;
padding:80% 0 0 10px;
	width:80%;
	
}
}
#four-o-four { padding: 0;}
#four-o-four .container { height: auto; max-width: 600px; width: 100%;}
#four-o-four .miss-image img { height: auto; max-width: 450px; width: 100%;}

#search #spage-links .searchpage-title { background: url("../images/plus.png") no-repeat scroll 8px center #ccc; color: #333; cursor: pointer; border: 2px solid #f2f2f2; display: block; font-family: Georgia, Serif; font-size: 14px; font-weight: 600; margin-bottom: 1px; padding: 2px 10px 2px 32px; text-align: left; text-decoration: none; text-transform: uppercase;}
#search .searchpage-title > span { text-decoration: underline;}
#search #spage-links .searchpage-title.active { background: url(../images/minus.png) no-repeat 8px center; color: #000; margin-bottom: 3px;}
#search #spage-links ul{display:none; margin:10px 0; padding: 0; list-style: outside none none;}
#search #spage-links ul li { color: #005596; margin: 0 10px;}
#search #spage-links{height: auto; width: 100%; padding: 0px; margin: 0px; border: none; float: left; text-align: center; position: relative; z-index: 1; overflow: hidden; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#search #spage-links .header h3 { color: #333; margin: 0; padding: 0; text-align: left;}
#search .spage-cat-res { float: left; text-align: left;  width: 50%;}
#search .searchPagesFormat { display: inline-block;  margin-bottom: 15px;  width: 100%;}
#search .searchPagesFormat .button.left { float: left; line-height: 20px;  width: 33%; clear: none; text-align: left;}
#search .searchPagesFormat .clear { display: none;}
#search .searchPagesFormat p { display: none;}
#search .searchPagesFormat .spage-more { display: inline-block; margin: 10px 0 0; text-align: center; width: 100%;}
#search .searchPagesFormat .spage-more > a { background: none repeat scroll 0 0 #555; border-radius: 3px; color: #fff; display: inline-block; font-family: georgia; font-size: 16px; font-weight: 500; padding: 6px 10px; text-decoration: none;}

/*-----------------------------------------
Drop Cart CSS
------------------------------------------*/

@media screen and (min-width: 768px) {
#cart:hover .drop-cart-wrapper {display:block; visibility:visible; margin: 10px 0 0; transition: all 0.6s linear 0s; -webkit-transition: all 0.2s linear 0s;}
}
/*TCD drop cart test*/
.drop-cart-wrapper h1 { font-size: 16px; display: none;}
.dropcartheader { padding: 5px 0 0; text-align: center;}
.drop-cart-wrapper { background: #fff none repeat scroll 0 0; border: 2px solid #ddd; margin: 10px 0 0; padding: 5px; position: absolute; right: 0; top: 25px; width: 350px; display:none;  z-index: 100;}
.drop-cart-wrapper .dropCartItems { float: left; width: 100%;}
.drop-cart-wrapper .titles2 div { float: left;}
.drop-cart-wrapper .item-info { width: 55%;}
.drop-cart-wrapper .item-qty { text-align: center; width: 10%;}
.drop-cart-wrapper .item-price, .drop-cart-wrapper .item-total { text-align: center; font-size: 12px; font-weight: 600; width: 17.5%;}
.drop-cart-wrapper .titles2 { display: inline-block; height: 22px; padding: 2px; width: 100%;}
.drop-cart-wrapper .row {border-bottom: 1px dashed #ddd; display: inline-block; width: 100%; padding: 5px 0 0; }
/*.drop-cart-wrapper .dropCartRows { border-bottom: 1px dashed #ddd; display: inline-block; padding: 5px 0 0; width: 100%;}*/
.drop-cart-wrapper .dropCartRows .row div { float: left;}
.drop-cart-wrapper .dropCartRows .product-image { float: left;}
.drop-cart-wrapper .dropCartRows .product-name-options { text-align: left; float: left; line-height: 13px; padding: 0 0 5px 3px; width: 62%;}
.drop-cart-wrapper .dropCartRows .txtBoxStyle { padding: 2px 0; text-align: center; width: 25px;}
.drop-cart-wrapper .dropCartCheckout { display: inline-block; width: 100%; padding: 5px;}
.drop-cart-wrapper .dropCartCheckout .quick-subtotal { text-align: right; padding: 0 0 10px;}
.drop-cart-wrapper .item-remove { margin: 5px 0 0; text-align: right; width: 45%;}
.drop-cart-wrapper .item-remove .update-qty { float: left; margin: 0 0 0 -15px;}
#cart .item-remove a { display: block;}
.drop-cart-wrapper .dropCartCheckout .btn, .drop-cart-wrapper .dropCartCheckout .btn_over { background: #89751e none repeat scroll 0 0; border-radius: 2px; padding: 10px 0 !important; margin: 0 0 2px; width: 100%;}
.drop-cart-wrapper .dropCartCheckout .btn_over {background: #73853A;}
/*#cart { float: right; height: auto; margin: 35px 0 0 10px; padding: 10px; width: auto; cursor:pointer;}*/
/*#cart .itemsincart img { margin: 0 5px -3px 0;}*/
#cart .dropcartheader > h3 {font-size: 15px;}
#cart .itemsincart, #cart .itemsincart a { color: #fff; font-weight: 700; padding: 0 0 3px;}
#cart .itemsincart span { color: #000; display: inline-block; font-weight: normal; margin: 4px 0 0 !important;}

@media screen and (max-width: 768px) {
.drop-cart-wrapper { top: 33px; width: 320px;}
#cart { background: transparent none repeat scroll 0 0;  border: medium none; padding: 0 15px 5px; top: 66px; right: 0px; width: auto;}
#cart .itemsincart .fa.fa-shopping-cart.fa-3x {  color: #89751e; font-size: 46px;}
#cart .mob-cart { color: #fff !important; font-family: Georgia,serif; font-size: 14px; font-weight: 500 !important; left: 10px; position: absolute; right: 0; top: 4px;}
}



/***************
SUB CAT 
***************/

#subcategoriesBlock .columns-1 { display: inline-block; width: 25%; vertical-align: top;}
#subcategoriesBlock .columns-1 li { padding: 0 2px;}
.sub-categories .img { min-height: 150px;}
.sub-categories .img img {max-width: 100%;}


/*********************************************************
THE CART DESIGNER PRODUCT CAT LAYOUT
*********************************************************/

.category-header { margin: 0;}
.productBlockContainer { display: inline-block !important; margin: 0; padding: 0 4px; width: 24.5% !important; min-width:150px;vertical-align: bottom;}
.product-container, .productContainer{margin:0 !important; width: 100% !important;}

/********************************
PROD PAGE HISTORY
********************************/
/* fixing browsing history columns
.browsing_historyBlock .productBlockContainer { display: inline-block !important; width: 100% !important;}
.browsing_historyBlock .product-container { float: left; width: 24% !important;}
*/
.browsing_historyBlock .productBlockContainer { display: inline-block !important;}
.browsing_historyBlock .product-container { float: left;}
/*********************************/
/*       LTE8 IE FALLBACK        */
/*********************************/
.no-boxshadow .boxShadow {border: 1px solid #eae9e6;}	


/*	Theme Responsive Styles
	-----------------------	*/
	
@media only screen and (max-width: 980px) {

html { padding: 0 !important;}
body { max-width: 100%; overflow-x: hidden;}
.wrapper { width: 100%;}
#leftBar {  display: none !important;}
#rightBar {  display: none;}
.mail-area .mail-btn { background: #89751e;}
.mail-area form { display: block; margin: 0 auto; padding: 0 10px;}
}

/* Mobile Visibility */
 
@media screen and (max-width: 979px) {
    /*.top-menu .wrapper {padding: 0; border: none;}
    .top-menu ul {float: left; line-height: 20px; list-style: none; margin: 0px; padding: 0; width:100%;}*/
    .left, .right {clear: both; text-align: center; width: 100%; margin: 0 0 0 0;}
    #leftBar {display: none; visibility: hidden;}
}    


@media screen and (max-width:800px) {
#listing0 .primary { width: 55%;}
#listing0 .secondary {width: 40%;}
#home .top-main .top-main-txt, #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { bottom: 10px;}
#home .top-main-txt { bottom: 70px !important; right: 0 !important; width: 300px !important;}
.mail-area .mail-subtxt {width: 55%;}
.mail-area form {width: 45%;}
}
	
@media only screen and (max-width: 768px) {

html {padding: 0 !important;}
body {max-width: 100%; overflow-x: hidden;}
.wrapper {width: 100% !important; margin: auto;}
.top-menu {position: relative; z-index:3;}
header { z-index:2;}
.top-menu .wrapper { background: none repeat scroll 0 0 transparent; margin: 0 auto;}
.top-menu-links { display:none;}

#subcategoriesBlock .columns-1 { display: inline-block; width: 33%;}
#logo { float: left; margin: 4px 0 -4px 65px; text-align: center;}

#mainContent {display: block; width: 100% !important;}
#searchBox { margin: 18px 0 0 5px;}
#FRAME_SEARCH {float: left; margin: 0 0 0 4%;}
#homeHeader {border: none; margin-bottom: 0; padding-bottom: 20px;}
#homeHeader img {max-width: 100%; height: auto;}
.header-specials {width: 100%; margin-bottom: 25px;}
#modManufacturer ul {text-align: center; width: 100%;}
#modManufacturer li {float: none; width: auto;}
#modManufacturer a.view-all-manf {display: none;}
#modManufacturer select {border: 2px solid #e2e2e2; padding: 3px; width: 100%;}
#modLinks ul {text-align: center; width: 100%;}
#modLinks li {float: none; width: auto;}
section { margin: 10px 0 0;}
.active.has-sub { display: block !important;}
.hidden-mobile { display: none !important;}
.show-mobile { display: block !important;}

}

@media screen and (max-width:768px) {
.resp-left { float: left; width: 50%;}
.resp-right { float: left; width: 50%;}
#footer-links .col { padding: 0; width: 100%;}
#logo img { margin: 10px 0 0; max-width: 200px;}
}

@media screen and (max-width:767px) {
#listing0 .techtable td { display: inline-block; width: 100%;}
#listing0 #tab-1 .item { width: 100%;}
#listing0 .r-tabs .tab-desc {width: 100%;}
#listing0 .contentt { margin: 0 0 10px; width: 100%;}
.logos-title { text-align: center; float: none; width: auto;}
.logos-left {width: 50%;}
.logos-right {width: 50%;}
.footerContent {padding:0;}
#footer-links .footer-titles, .footer-heading, .cards{text-align:center;}
#footer-links .footer-titles { background: url("../images/plus.png") no-repeat scroll 8px center #ccc; color: #000; cursor: pointer; display: block; font-family: Georgia, Serif; font-size: 18px; font-weight: 600; margin-bottom: 1px; padding: 2px 10px 2px 32px; text-align: left; text-decoration: none; text-transform: uppercase;}
#footer-links .footer-titles.active { background: url(../images/minus.png) no-repeat 8px center; color: #000; margin-bottom: 3px;}
#footer-links ul{display:none; margin:10px 0;}
#footer-links ul li { color: #89751e; margin: 0 10px 0 40px;}
#footer-links{height: auto; width: 100%; padding: 0px; margin: 0px; border: none; float: left; text-align: center; position: relative; z-index: 2; overflow: hidden; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#footer-links a, #footer-links a:visited{ line-height:22px; background: none; color:#252525; font-size:16px; padding:0 0; text-align:left; margin:2px auto; display:block;}
#footer-links a:hover, #footer-links a:visited:hover{ line-height:22px; background:none; color:#000000; font-size:16px; margin:2px auto; display:block;}
#footer-links .col {width: 100%;padding: 0 0 0 0;}
#footer-links img { float: none;margin: 0;}

#viewCart .product-name-options {width: auto;}
#viewCart .vc-right { display: none;}
#viewCart .vc-left { padding: 0 10px; width: 100%;}
#viewCart .applyCoupon {float: left;}
#viewCart .item-qty { line-height: 1.9em; margin-left: 0; width: 20%;}
#viewCart .item-sku { float: left; width: 45%;}
#viewCart .item-sku > span { display: block !important; float: left; font-size: 12px; font-weight: 600; line-height: 24px; padding: 0 2px 0 0;}
#checkoutStep1 .leftCol, #checkoutStep2 .leftCol, #checkoutStep3 .leftCol { width: 58%;}
#checkoutStep1 .rightCol, #checkoutStep2 .rightCol, #checkoutStep3 .rightCol { width: 40%;}
#checkoutStep1 .createNewAccount { margin-bottom: 10px; margin-left: inherit;}
#checkoutStep1 .chkField label, #checkoutStep2 .chkField label, #checkoutStep3 .chkField label {width:auto;}
#home .top-main h1 {font-size: 20px; line-height: 20px; margin: 0;}
#home .home-images p {  display: none;}
#home .home-images h2 { font-size: 20px; margin: 0 10px 0 0; text-align: right;}
#home .top-main { border-bottom: 1px solid #757575; float: left; position: relative; text-align: center; width: 100%;}
#home .home-images img.top-main-img { float: left;}
#home .top-main-txt { bottom: 35px !important; right: 0 !important; width: 165px !important;}
#home .top-main h3 { font-size: 14px; margin: 0;}
#home .top-main .home-img-btn, #home .top-main .home-img-btn:hover { float: none !important; font-size: 15px; height: 30px; padding: 0 6px;}

.r-tabs .r-tabs-accordion-title { background-color: #fff; background-image: url("/assets/templates/zanadia-html5/images/plus.png"); background-position: 6px center; background-repeat: no-repeat; display: block; box-shadow: 0 0 0 1px #ccc inset; -webkit-box-shadow: 0 0 0 1px #ccc inset;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { background-color: transparent; color: #000; display: block; font-weight: bold; margin-bottom: 3px; padding: 10px 10px 10px 30px; text-decoration: none;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: transparent; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #000; margin-bottom: 0;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active { background-image: url("/assets/templates/zanadia-html5/images/minus.png");}
}

@media screen and (max-width:640px) {
.productBlockContainer {width: 32.5% !important;}
#FRAME_SEARCH { width: 100%; background:#fff; margin: 0;}
#searchBox { margin: 0 auto; max-width: 100%; width: 100%; box-shadow:none; z-index:1;}
.banner-mini { display: inline-block; width: 100%;}
#logo { float: left; margin: 1px 0; max-width: 100%; text-align: center; width: 100%;}
#callnow { width: auto;}
#listing0 .primary { width: 100%;}
#listing0 .secondary { width: 100%;}
.mail-area { height: auto; margin-bottom: 0; width: 100%; padding: 0 10px;}
.mail-area.right { margin: 0;}
.mail-area .mail-btn { bottom: 0; clear: !important;  float: left !important;}
.mail-subtxt .news-first { width: 100%;}
.mail-area .mail-subtxt {font-size: 15px; width: 100%; padding: 10px 0 0;}
.mail-subtxt > span {width: 100%;}
.mail-area .mail-box{margin:12px 0;}
.mail-area .mail-box input[type="radio"], .mail-area .mail-box label{margin:0 6px 0 6px; height:28px; line-height:28px;}
.mail-area form { width: 100%;}
#listing0 .ship-gift-tabs div { text-align: center; width: 100% !important;}
#viewCart .vc-banner-image { width: 100%;}
/* .browsing_historyBlock .product-container { float: left; width: 32.5% !important;} */
.browsing_historyBlock .product-container { float: left;}
}

@media screen and (max-width:639px) {
#viewCart .applyCoupon {float: left;}
#viewCart form .chk-buttons { clear: both;}
#viewCart .item-sku { float: left; width: 100%;}
#checkoutStep1 .txtBoxStyle, #checkoutStep2 .txtBoxStyle, #checkoutStep3 .txtBoxStyle {width: 220px;}
#checkoutStep1 .static-info, #checkoutStep2 .static-info, #checkoutStep3 .static-info {margin: 0 !important;}
#checkoutStep1 .rightCol h3, #checkoutStep2 .rightCol h3, #checkoutStep3 .rightCol h3 {font-size: 16px;}
#checkoutStep1 .shipping-method-static, .static-info, #checkoutStep2 .shipping-method-static .static-info { padding: 15px 2px !important;}
.shipping-method-static .static-info br { display: none;}
.shipping-method-static .icon-btn.icon-btn-leftover { background-position: 0 -309px;}
.static-info img { max-width: 145px;}
#home .feature-bar { display: none;}
}

@media screen and (max-width:480px) {
.productBlockContainer {min-width: 150px; width: 49.3% !important;}
.sub-categories .name{font-size: 100%; line-height:100%;}
/* .browsing_historyBlock .product-container {width: 50% !important;} */
.slicknav_collapsed.slicknav_parent { width: 100%;}
.contact-phone, .contact-address {float: left; width: 100%;}
.logos-left {width: 100%;}
.logos-right {width: 100%;}
#checkoutStep1 .createNewAccount { margin-bottom: 10px; margin-left: 0;}
#checkoutStep3 #divPaymentOption2 { padding: 0 0 20px 4%;}
}

@media screen and (max-width:479px) {
#checkoutStep1 .rightCol, #checkoutStep2 .rightCol, #checkoutStep3 .rightCol { display: none;}
#checkoutStep1 .leftCol, #checkoutStep2 .leftCol, #checkoutStep3 .leftCol { width: 100%;}
#home .top-main-txt { bottom: 5px !important;}
#home .right-top, #home .right-bottom, #home .left-top, #home .left-bottom { border-bottom: 1px solid #757575; box-shadow: none;  float: left; position: relative; width: 100%;}
#home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt {left: 10px !important; width:165px;}
#home .home-images img { box-shadow: none; float: right; height: 80px; width: auto;}
#home .home-images h2 { font-size: 18px; margin: 0 0 0 14px; text-align: left;}
#search .spage-cat-res {width: 100%;}
#search .searchPagesFormat .button.left {width: 50%;}
#subcategoriesBlock .columns-1 { display: inline-block; width: 50%; vertical-align: top;}
}

@media screen and (max-width:360px) {
.product-item { padding: 10px 3px;}
.banner-mini img { display: none;}
.banner-mini > span {font-size: 12px; letter-spacing: 0;}
.banner-mini > a { font-size: 11px; margin: 0 5px; font-weight: 500;}
#callnow { float: none; padding: 5px 0; text-align: center; width: auto;}
.product-item .action .btn { padding: 9px;}
.sub-categories { padding: 5px;}
#logo img { max-width: 175px;}
}

@media screen and (max-width:340px) {
}

/****** Below styles are added modifications**/	
/**----------------------------------------**/
.sub-categories a {
    font-weight: 600;
}

/* for content shadow */
@media only screen and (min-width: 980px) {
#mainContent {
padding:0 8px;
-webkit-box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.10);
}
.wsmenu {
-webkit-box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.10);
}
}


@media only screen and (min-width:769px) and (max-width:840px){
#logo img { max-width: 240px;}
}

/**** modifications to Create Account Page ****/
.loginField label {
  width: 125px !important;
}
/**** modifications to Listing Page ****/
.info {font-size: 14px;}

/* Modification to Checkout Page */
#checkoutSinglePagev2 h3 span {
    background: #7D6B1B;
    height: 30px;
    width: 30px;
    line-height: 25px;
    color: #ffffff;
}

#shipping_info {background-color:#f2f2f2;padding-top:10px;}
#billing_info {background-color:#f2f2f2;padding-top:10px;}
#checkoutSinglePagev2 h3{font-size: 120%;}
#divPayment h4 {
background:#E3E3E3;
background-color:#E3E3E3;
}
#checkoutSinglePagev2 #shipping_info {
    display: none;
	float: right;
	position: relative;
	width: 100%;
}
#checkoutSinglePagev2 .chkComments {
    display: block;
}

/**** modifications to viewcart page ****/
.giftwrapbtn {
  margin: -60px 0 0;
  position: absolute;
}
#viewCart .applyCoupon {
  margin-bottom: 0;
  padding-bottom: 0;
}
.applyCoupon .coupon-msg {
display: none;
}
#viewCart .ppale-button {
  float: right;
}
#viewCart .third-party-payment legend {
  text-align: right;
}


@media screen and (max-width:479px) {
.giftwrapbtn {
float: left;
padding:5px 20px; } 
}

@media only screen and (max-width: 767px) {
#viewCart .displayPromotions .promo-name {
    display: block;
}
#viewCart .displayPromotions .promo-name {
	font-weight: bold;
	float: left;
	width: 30%;
	line-height: 2.4em;
}
#viewCart .displayPromotions .promo-desc {
	float: left;
	width: 50%;
	line-height: 2.4em;
}
#viewCart .displayPromotions .promo-desc strong {
	display: block;
}
#viewCart .displayPromotions .promo-remove {
	float: left;
	width: 20%;
	padding-top: 2.4px;
}
#viewCart .displayGiftCertificates .cert-name {
	font-weight: bold;
	float: left;
	width: 30%;
	line-height: 2.4em;
}
#viewCart .displayGiftCertificates .cert-amount {
	float: left;
	width: 50%;
	line-height: 2.4em;
}

#viewCart .displayGiftCertificates .cert-remove {
	float: left;
	width: 20%;
	line-height: 2.4em;
}
}
	
/**** Orange Bold Text***/		
.fontOB {		
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 14px;	
	font-weight: bold;	
	color: #eba10e;	
}
	
		
/************ styles for FAQ button */			
#Button10 {			
  display: block;			
  width: 170px;			
  height: 28px;			
  background: url("/assets/images/faqbutton2.gif") no-repeat 0 0;			
}			
			
#Button10:hover { 			
  background-position: 0 -29px;			
}			
			
#Button10 span			
{			
  display: none;			
}			
						
			
/******Quick Order code ********/			
.orderitemform {			
	background: none repeat scroll 0 0 #FFFFFF;		
	border-radius: 0 0 10px 10px;		
	box-shadow: 3px 5px 10px #CCCCCC;		
	float: left;		
	padding: 5px;		
	width: 450px;		
}			
.orderitemform P {			
	color: #333333;		
	font-size: 12px;		
	font-family: Georgia, "Times New Roman", Times, serif;		
	text-align: justify;		
	padding: 0px 5px;		
}			
.orderitemform2 {			
	background: none repeat scroll 0 0 #FFFFFF;		
	border-radius: 10 10 10px 10px;		
	box-shadow: 3px 5px 10px #CCCCCC;		
	float: left;		
	padding: 5px;		
	width: 180px;		
}			
.orderitemform2 P {			
	color: #333333;		
	font-size: 12px;		
	font-family: Georgia, "Times New Roman", Times, serif;		
	text-align: justify;		
	padding: 0px 5px;		
}			
.divelement {			
	float: left;		
	margin: 3px 0;		
	width: 100%;		
	font-family: Georgia, "Times New Roman", Times, serif;		
}			
.qyttbox {			
	border: 1px solid #DFDBD5;		
	color: #999EA0;		
	float: left;		
	font-size: 12px;		
	font-family: Georgia, "Times New Roman", Times, serif;		
	height: 18px;		
	line-height: 18px;		
	margin: 0 2px;		
	padding: 3px;		
}			
			
			
/***** button search within categories ****/			
#buttonsw {			
background: #c4c4c4;			
box-shadow:2px 2px 2px 0px #F2F2F2;			
border-style:outset; 			
cursor: pointer;
font-size: 16px;
font-weight: 700;
 }			
			
#buttonsw:hover {			
background: #dddddd;			
}			
			
		
/*** styles to hide un-hide ***/				
.hidden {			
	visibility: hidden;		
}			
.unhidden {			
	visibility: visible;		
}			
.gone {			
	display: none;		
}			
			
			
			
/*** style for category headers text (reviews, etc..)**/			
.cat-review {			
	font-family: Georgia,Serif;		
	font-size: 14px;		
	color: #BB6E1E;	
	font-weight: bold;		
	text-decoration: none;		
}			
A.cat-review:link  {			
	font-family: Georgia,Serif;		
	font-size: 14px;		
	color: #866f12;		
	font-weight: bold;		
	text-decoration: underline;		
}			
A.cat-review:visited {			
	font-family: Georgia,Serif;		
	font-size: 14px;		
	color: #D39313;		
	font-weight: bold;		
	text-decoration: underline;		
}			
A.cat-review:hover {			
	font-family: Georgia,Serif;		
	font-size: 14px;		
	color: #D39313;		
	font-weight: bold;
}
/********** code for Youtube videos ***/				
.yt-video-container {				
	width:80%;			
        max-width:640px;				
	position:relative;			
	padding-bottom:56.25%;			
	padding-top:10px;			
	height:0;			
	overflow:hidden;			
        margin-left: auto;				
        margin-right: auto;				
}				
.yt-video-container iframe, .yt-video-container object, .yt-video-container embed {	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}	

/* for back to top script */
.back-to-top {
    position: fixed;
    bottom: 9em;
    right: 0px;
    text-decoration: none !important;
    color: #3C3C3C !important;
    background-color: rgba(235, 235, 235, 0.80) !important;
    font-size: 12px !important;
    padding: 1em;
    display: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    font-weight: 500 !important;
    z-index: 1010;   
}

.back-to-top:hover {    
   color: #ffffff !important;
   background-color:#3C3C3C !important;
}

/* for green headings */
 .z-heading{
  font-size: medium;
  font-family:georgia;
 color: #808000;
 font-weight:bold;
 text-align:left;
 }
.alternative-bkgrnd {
background-color: #f2f2f2;
}
/* Checkout 4 */
#checkoutThankYou .section-1, #checkoutThankYou .section-2, #checkoutThankYou .last-section {
    width: 95%;
    max-width: 500px;
    margin: 0 auto 25px auto;
}

@media only screen and (max-width: 767px) {
#checkoutThankYou .section-2 p {
    width: 90%;
}}

/**  Foobar fix ***/

.foobar-open-button, .foobar-close-button {
  box-sizing: unset !important;
}

.small-white-arrow {
    overflow: visible !important;
}

.foobar-wrapper td {
  display: table-cell;
}
.foobar-open-button {
  height: 18px !important;
}
/** box-image Shadow  **/
.my-boxshadow {
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.57);
}

#mainContent {
    min-height: 550px;
}


@media screen and (min-width: 1200px) {
/** Background mod Pumpkins 
#mybackground {
    background: #ffffff url(../../../images/pumpkins-2.jpg) no-repeat bottom left fixed;
    background-size: 30% auto;
    background-position: 0% 100%;
}
**/
/** Background mod Christmas Balls 
#mybackground {
    background: #ffffff url(../../../images/Christmas-balls.jpg) no-repeat bottom left fixed;
    background-size: 100% auto;
    background-position: 0% 100%;
}
**/

/** Background mod succulents 
#mybackground {
    background: #ffffff url(../../../images/succulents2.jpg) no-repeat bottom left fixed;
    background-size: 20% auto;
    background-position: 0% 100%;
}
**/
/** Background mod Cherry Tree
#mybackground {
    background: #ffffff url(../../../images/cherry-blossom.jpg) no-repeat bottom left fixed;
    background-size: 18% auto;
    background-position: 0% 100%;
}
 **/
}


/**  End Modification styles ***/