/*	
 * 3dcart Shopping Cart System - Version: 6
 * http://3dcart.com/
 * Date: Fri, Dec 19 2014
*/

@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic);
body{
font-family: Karla, sans-serif;
font-size: 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px;
color: #231f20, #fff, #231f20, #fff, #231f20, #fff, #231f20, #fff, #fff, #fff;
background: #E5ECFF;
font-weight: 400;
padding: 0;
margin: 0;
/*custom changes*/font-family: Karla, sans-serif;
font-size: 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px, 13px, 16px;
/*custom changes*background: #E5ECFF;
color: #231f20, #fff, #231f20, #fff, #231f20, #fff, #231f20, #fff, #fff, #fff;
/*custom changes*/line-height: 1.4;
width: 100%;
}


/*custom changes Added Classes*/
.aurora{
background-image: url(../assets/images/aurora-purple-background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

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


/************************************/
img {
	border: 0;
}
input,
textarea,
select,
button {
	font-family: Karla, sans-serif;
    color: #000;
/*custom changes*/
font-family: Karla, sans-serif;
color: #d91476;
/*custom changes*/
/*background: #fff;*/
background: #fff;
color: #000;
}
#mobileMenu i,
#mobileCatMenu i,
#mobileCart i {
	color: #000;
	font-size: 40px;
}

.top-menu .icon-menu {
	color: #000;
	    width: 40px;
    height: 50px;
    /*margin: 8px 10px 0 10px;*/
    font-size: 40px;
}
#closeSlideMenu i {
	color: #c9dae4;
	font-size: 24px;
}
::selection {
	color: #000;
	background: #E5ECFF;
}
::-moz-selection {
	color: #000;
	background: #E5ECFF;
}
blockquote {
	color: #000;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 1em;
	background: #E5ECFF;
	border-left: 6px solid #22303a;
	margin: 0 0 15px 0;
	padding: 40px;
/*custom changes*/
color: #772277;
/*background: #fff;*/
background: #fff;
color: #000;
}
/* QuickSearch */
table.searchlight-results {
	font-family: Karla, sans-serif;
    width: 308px;
/*custom changes*/
font-family: Karla, sans-serif;
}
div.searchlight-results-wrapper {
    border: 2px solid #e2e2e2;  
}
table.searchlight-results td{
    border-bottom: 1px dotted #ddd;
}

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


/*store-name:: Store Name.*/		 
.store-name {

/*main logo*/    font-family: Karla, sans-serif;
font-size: 35px;
font-weight: 400;
text-decoration: none;
line-height: 35px;
/*custom changes width may need to change based on content*/margin-left: auto;
margin-right: auto;
white-space: nowrap;
width: 275px;
/*custom changes*/font-family: Karla, sans-serif;
color: #000;

}
/*store-slogan:: Store Slogan.*/		 
.store-slogan {

font-family: 'Roboto Slab', sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
/*custom changes width may need to change based on content*/margin-left: auto;
margin-right: auto;
white-space: nowrap;
width: 235px;
/*custom changes*/font-family: Karla, sans-serif;
color: #f024af;

}
/*frame:: Controls the left and right column background.*/		
.frame {
	background: #E5ECFF;
/*custom changes*/
/*background: #fff;*/
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;
}
/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.menu-headers {

background: #fff;;
border-bottom: 2px dotted #d0d0d0;
    color: #000;
    font-size: 15px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
padding: 0;
height: 30px;
line-height: 30px;
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 {

    background: none;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    margin-top: 0;
    text-transform: none;
    z-index: 0;

}
/*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: none;
/*custom changes*/
color: #772277;
/*background: #fff;*/
background: #fff;
color: #000;
}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {
	font-size: 10px;
	font-weight: 400;
	color: #000;
}
/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
	background: #E5ECFF;
    border: 2px solid #336680;
	color: #000;
    font-family: 'Roboto Slab', sans-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;
/*custom changes*/
font-family: Karla, sans-serif;
/*custom changes*/
background: #E5ECFF;

}
/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking {

float: left;
font-size: 12px;
font-weight: 400;
color: #000fff, #fff;
width: 12px;
height: 20px;
text-align: left;
/*custom changes*//*background: #fff;
*/background: #fff;
color: #000fff, #fff;

}
/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text {
	font-size: 12px;
	color: #000;
	font-weight: 400;
/*custom changes*/
color: #772277;
/*custom changes*/
/*background: #fff;*/
background: #fff;
color: #000;
}
#productIndex .product-index-paging {
    margin: 15px 0;
    color: #000 !important;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {

font-size: 14px;
color: #000;
font-weight: 400;

}
/*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: #000; 
}
/*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: #E5ECFF;
	border: none;
	padding: 0 0 0 25px;
	margin: 0 11px 0 0;
/*custom changes*/
/*background: #fff;*/
background: #fff;
color: #000;
}
.search-price{
color: #000;
}
/*A.cat:: Controls the way the Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/ 	 
A.cat {

color: #000fff;
font-size: 12px, 18px, 12px, 18px;
font-style: normal;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
/*custom changes*/color: #000;
font-size: 12px, 18px, 12px, 18px;

}
/*A.cat:hover:: When a user passes  their mouse over them.*/ 	
A.cat:hover {

color: #d91476;
text-decoration: none;
/*custom changes*/color: #000;

}
/*A.cat:visited:: After a user has visited that section.*/ 
A.cat:visited {
	color: #231f20;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
/*custom changes*/
color: #000;
}
/*A.cat:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.cat:visited:hover {
	color: #c9dae4;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A.subcat:: Controls the way the Sub-Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/ 	 
A.subcat {
	color: #383733;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
    padding: 0 0.5em;
/*custom changes*/
color: #000;
font-size: 14px;
}
/*A.subcat:hover:: When a user passes  their mouse over them.*/ 	
A.subcat:hover {
    background: #c9dae4;
	color: #000;
	text-decoration: none;
/*custom changes*/
background: transparent;
color: #000;
}
/*A.subcat:visited:: After a user has visited that section.*/ 
A.subcat:visited {
	color: #383733;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
    padding: 0 0.5em;
/*custom changes*/
color: #000;
}
/*A.subcat:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.subcat:visited:hover {
    background: #c9dae4;
	color: #000;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:menu:: Controls the way the Links display in the top navigation before a user clicks or mouses over on them.*/ 	 
A.menu {
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
/*custom changes*/
color: #000;
font-size: 16px;
}
/*A:menu:over:: When a user passes their mouses over them.*/ 	
A.menu:hover {
	color: #c9dae4;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:menu:over:: After a user has visited that section.*/ 	
A.menu:visited {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
/*custom changes*/
color: #000;
}
/*A:menu:visited:over:: A user hovers over a section they have visited.*/ 		
A.menu:visited:hover {
	color: #c9dae4;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:menu-bottom:: Controls the way the Links in the footer display before a user clicks or mouses over on them.*/ 	 
A.menu-bottom {
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
/*custom changes*/
/*color: #f3778f;*/
color: #000;

font-size: 14px;
padding:0px 5px;
}
/*A:menu-bottom:over:: When a user passes their mouses over them.*/ 	
A.menu-bottom:hover {
	color: #929497;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:menu-bottom:over:: After a user has visited that section.*/ 	
A.menu-bottom:visited {
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
/*custom changes*/
color: #f3778f;
color: #000;

}
/*A:menu-bottom:visited:over:: When a user hovers over a section they have visited.*/ 		
A.menu-bottom:visited:hover {
	color: #929497;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/ 	 
A.link {
	color: #15212a;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
	text-transform: none;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:link:over:: When a user passes their mouses over them.*/ 	
A.link:hover {
	color: #22303a;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:link:over:: After a user has visited that section.*/ 	
A.link:visited {
	color: #15212a;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
	text-transform: none;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:link:visited:over:: When a user hovers over a section they have visited.*/ 		
A.link:visited:hover {
	color: #22303a;
	text-decoration: none;
/*custom changes*/
/*background: #fff;*/
background: #fff;
color: #000;
}
/*A.details:: Controls the way the Top Sellers Links display before a user clicks or mouses over them.*/ 	 
A.details {
	color: #383733;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	font-weight: 400;
/*custom changes*/
color: #000;
}
/*A.details:hover:: When a user passes their mouse over them.*/ 	 	
A.details:hover {
	color: #22303a;
	text-decoration: none;
/*custom changes*/
/*background: #fff;*/
background: #fff;
color: #000;
}
/*A.details:visited:: After a user has visited that section.*/ 
A.details:visited {
	color: #383733;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	font-weight: 400;
/*custom changes*/
color: #000;
}
/*A.details:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.details:visited:hover {
	color: #22303a;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*******************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************/



/*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: 12px;
}
/*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;
/*custom changes*/
background: #fff;
border: solid;
 border-width: 1px;
 border-color: #E5ECFF;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {

font-size: 14px;
font-weight: 800;
color: #000, #fff, #FFF, #fff;
/*custom changes*//*background: #fff;
*/background: #fff;
color: #000, #fff, #FFF, #fff;
text-align: left;

}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 9px;
	/*border-bottom: 1px solid #383733;*/
	display: block;
/*custom changes*/
/*background: #fff;*/
background: #fff;
color: #000;
margin-bottom: 0px;
}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {

font-size: 13px, 18px;
color: #000;
font-weight: 600;
letter-spacing: 5;
/*custom changes*/background: #fff;
color: #000 !important;
font-size: 13px, 18px;

}
/*error:: Controls the error messages*/ 
.error {
	font-size: 12px;
	font-weight: 400;
	color: #e10e04;
	text-decoration: none;
/*custom changes*/
background: #fff;
color: #000;
}
/*borders:: Controls the color of the line dividers used throughout the site.*/ 
.borders {
	color: #585C5F;
	border: 1px solid #CCC;
	border-style: none none solid;
/*custom changes*/
background: #fff;
color: #000;
}
/*borders2:: Controls the color of the solid line dividers used throughout the site.*/ 
.borders2 {
	border: 1px solid #CCC;
	border-style: none none solid;
}
/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/ 	 
A {
	color: #000;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
/*custom changes*/
	font-size: 16px;
color: #772277;
color: #000
}
/*A:hover:: When a user passes  their mouse over them.*/ 	 	
A:hover {
	color: #929497;
	text-decoration: none;
/*custom changes*/
color: #000;
}
/*A:visited:: After a user has visited that section.*/ 
A:visited {
	color: #000;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
/*custom changes*/
color: #772277;
/*custom changes*/
color: #000;
}
/*A:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A:visited:hover {
	color: #929497;
	text-decoration: underline;
/*custom changes*/
color: #000;
}
/*******************************************************************************************************/
/*   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: #000;
	font-weight: 700;
/*custom changes*/
color: #000;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-size: 16px;
	font-weight: 700;
	color: #CCC;
/*custom changes*/
color: #000;
}
/*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: #000;
/*custom changes*/
color: #000;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {

font-size: 12px;
font-weight: 700;
background-color: #000;
color: #000fff, #fff;
padding: 4px;
/*custom changes*/background: #fff;
color: #000fff, #fff;

}
/*******************************************************************************************************/
/*   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: #000;
	border: 1px solid #CCC;
	border-style: none none solid;
/*custom changes*/
color: #000;
}
/*item:: Controls the item description and item details text.*/ 
.item {
	font-size: 12px;
	color: #000;
	font-weight: 400;
/*custom changes*/
color: #000; /*may 4*/
font-size:16px;
color: #000;
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 22px;
	color: #000;
	font-weight:bold;
/*custom changes*/
color: #000;
}
/*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: #000fff;
/*custom changes*/color: #000;

}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
	color: #000;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	font-size: 10px;
	vertical-align:bottom;
/*custom changes*/
color: #000;
}
/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/ 
.availability-txt {
	color: #22303a;
/*custom changes*/
color: #000;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	color: #000;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 7px;
	line-height: 10px;
	font-size: 16px;
	font-style:italic;
/*custom changes*/
color: #000;
}
/**********************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/**********************************************************/

/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {

border: solid;
border-color: #000;
border-width: 1px;
background: #E5ECFF;
font-weight: 400;
font-size: 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px;
color: #000;
text-transform: uppercase;
cursor: pointer;
margin: 0;
padding: 9px 14px;
-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;
/*custom changes*/background: #E5ECFF;
font-size: 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px;

}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {

border: solid;
border-color: #000;
border-width: 1px;
background: #E5ECFF;
font-weight: 400;
font-size: 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px;
color: #000;
text-transform: uppercase;
cursor: pointer;
margin: 0;
padding: 9px 14px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
/*custom changes*/background: #66ccff;
font-size: 12px, 14px, 12px, 14px, 12px, 14px, 12px, 14px;

}
/*button:hover:: Controls the button tag when a user mouses over them, (ONLY if it is not using and image).*/ 
button:hover {

border: solid;
border-color: #000;
border-width: 1px;
background: #66ccff;
font-weight: 400;
font-size: 12px, 14px;
color: #000;
text-transform: uppercase;
cursor: pointer;
margin: 0;
padding: 9px 14px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
/*custom changes*/background: #66ccff;
font-size: 12px, 14px;

}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {
	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;
}
/*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;
/*custom changes*/
color: #772277;
}
/*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;
/*custom changes*/
color: #772277;
}

/********************************************/
/*   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: #000fff;

}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/

/*font1:: Primary Screen Font */ 
.font1 {

font-size: 12px;
font-weight: 400;
color: #000fff;

}
/*font2:: Secondary Screen Font */ 
.font2 {

font-size: 12px;
font-weight: 400;
color: #000fff;

}
.font3 {
	font-size: 12px;
	font-weight: 400;
	color: #000;
}
.font4 {
	font-size: 12px;
	font-weight: 400;
	color: #c32519;
}
/*top:: Controls the  Color of the top Bar*/		
.top {

background: #fff;

}
/*line:: Controls the  Color of the line bellow the top bar*/		
.line {
	background: #E5ECFF;
/*custom changes*/
background: #fff;
}


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

/* Accent/Secondary Colors */

.accent-color {
    color: #c9dae4;
}
.accent-bg-color {
    background:#000;
    color: #000;
/*custom changes*/
color: #000;
background: #fff;
}

#mainContainer {
	display: block;
/*custom changes*/
width:100%;
color: #000;
}


.wrapper {
	    width: 980px;
    padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
.wrapper2{
    width: 990px;
    margin: 0 auto;
    position: relative;
}
#mobileMenu {
    cursor: pointer;
    float: left;
    width: 40px;
    height: 50px;
    margin: 8px 10px 0 10px;
    margin-left: 0px;
}
#mobileCatMenu {
    cursor: pointer;
	display: none;
	float: left;
	width: 30px;
	height: 25px;
	margin: 5px 0 0 0;
}
#mobileCart {
    cursor: pointer;
    display: none;
    float: right;
    width: 40px;
    height: 50px;
    margin: 5px 10px 0 10px;
     margin-right: 15px;
}
#closeSlideMenu {
    cursor: pointer;
    display: none;
    text-align: right;
}
.top-menu {
    background: #22303a;
    height: 21px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
/*custom changes*/
background: none;
}
.top-menu ul {
    float: right;
    line-height: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
/*custom changes
height: 5px;*/
}
.top-menu li {
    display: inline-block;
/*blog changes*/
margin-left: 10px;
    text-align: right;
}
li.m-search {
    display: none;
    border-bottom: 1px solid #000;
	padding: 1em 2%;
}
.m-search form {
	margin: 0 auto;
	text-align: center;
}
.m-search input {
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
.m-search input[type="text"] {
	line-height: 30px;
	height: 30px;
	width: 85%;
	background: #E5ECFF;
	border: 1px solid #FFF;
	padding: 0 0 0 15px;
	margin: 0 0;
/*custom changes*/
background: #fff;
}
.m-search button {
	cursor: pointer;
	height: 30px;
	background: #c9dae4;
	border: none;
    margin: 0;
    padding: 0;
	width: 15%;
}
#searchBox { /*search box main page*/
	border: 2px solid #e2e2e2;
	float: right;
	margin-top: 40px;
    position: relative;
	width: 312px;
/*custom changes*/
float:none;
margin-left:auto;
margin-top: 5px;
width: 200px;
position:absolute;
right:0px;
z-index: 1005;
}
#searchBox form {
    position: relative;
}
#searchBox input {
    float: left;
}
#searchBox input[type="text"] {
	width: 282px;
	height: 26px;
	color: #000;
    font-style: italic;
	line-height: 26px;
	padding: 0 0 0 10px;
	border: none;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
/* custom changes*/
width: 170px;
/*custom changes*/
color: #772277;
color: #000;
}
#searchBox input[type="submit"] {
	background: #22303a url(../images/lens.png) no-repeat center center;
    border: none;
    cursor: pointer;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 26px;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
}
header {
	position: relative;
	height: auto;
/*custom changes*/
position: inherit;
height: 0px;
}
header .wrapper {
	height: 0px;
}

hr.hr3 {
    background-color: #000;
    color: #000;
    height: 1px;
    border: none;
    width: 960px;
    position: absolute;
    top: 97px;
}
#logo {  /*logo container*/
	margin-top: 0%;
	float: left;
/*custom changes needed to centre logo*/
    margin-top: 0%;
    float: left;
    position: absolute;

    left: 0px;
    margin-left: 10px;
    z-index: 50;
    height: 110px;
    padding-bottom: 20px;
    padding-top: 15px;


}
#logo img {
max-width: 190px;
    margin-top: 12px;
    z-index: 100;
}
#cart {
	background: #E5ECFF;
	/*border: 2px double #323f49;*/
	color: #323f49;
    display: block;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
    text-decoration: none;
	text-align: center;
	position: absolute;
	/*right: -8px;*/
	top: 50px;
	width: 55px;
	height: 55px;
    line-height: 16px;
 /*   outline: 5px solid #FFF;*/
	padding-top: 10px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	z-index: 1000;
/*custom changes*/
font-family: Karla, sans-serif;
/*custom changes*/
background: #000;
/*border: 2px dotted #fff;*/
right: 0px;
top: 45px;
color: #fff;
}
#cart span#noItemsText {
    color: #000;
    display: block;
	font-family: Karla, sans-serif;
    font-size: 10px;
/*custom changes*/
font-family: Karla, sans-serif;
color: #fff;
}
li.search {
	display: none;
}
nav#catNavMenu {
/*  border-bottom: 2px dotted #d0d0d0;  */  /*dotted horizontal line*/
	min-height: 0px;
	line-height: 30px;
	margin-bottom: 0px;
/*custom changes*/
margin-bottom: 20px;
 z-index: 15;

}
aside {
	float: left;
	width: 200px;
    display: block;
}
aside#leftBar {
	margin-right: 25px;
}
aside#rightBar {
	margin-left: 25px;
}
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 {
	float: left;
	width: 70%;
}
aside .module .price2 {
	float: left;
	width: 50%;
    text-align: left;
}
aside .module .stars {
	float: right;
	width: 50%;
}
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;
/*custom changes*/
background: #fff;
}
.manf-select select {
	background: transparent;
	border: none;
	line-height: 29px;
	height: 29px;
    margin: 0;
    padding: 0;
	-webkit-appearance: none;
	width: 310px;
}
.topsellers_topitem .img {
	display: table-cell;
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.topsellers_topitem .img img {
    max-height: 150px;
    max-width: 150px;
}
.topsellers_topitem .info {
	background: #E5ECFF;
	padding: 0.5em 0;
/*custom changes*/
/*background: #fff;*/
background: #fff;
}
.topsellers_topitem .name {
	float: left;
	width: 70%;
	margin-bottom: 10px;
}
.topsellers_topitem .price2 {
	float: right;
	width: 30%;
	text-align: right;
	margin-bottom: 10px;
}
#mainContent {
	float: left;
	width: 100%;
}
footer {
  /* border-top: 2px solid #d0d0d0;*/
	margin-top: 50px;
/*custom changes*/
margin: 0px;
/*margin-top: 20px;*/
margin-top: 0px;
}
footer .wrapper {
	min-height: 275px;
/*custom changes*/
min-height: 40px;
    height: 40px;
    border-top: 1px solid #000;
    padding: 10px;
}
footer h3 {
	color: #000;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	display: block;
	margin: 35px 0 10px 0;
    padding: 0;
/*custom changes*/
font-family: Karla, sans-serif;
display: inline-block;
display: none;
}
footer .ftr-col {
    float: left;
    margin: 0 10px 0 0;
/*custom changes*/
margin: 0px;
}
footer .col1 {
    width: 350px;
/*custom changes*/
width: auto;
position:absolute;
margin-right: auto;
margin-left: 50%;
}
footer .col2 {
    width: 350px;
/*custom changes*/
width: 100%;
position:absolute;
text-align: center;
height: 60px;

}
footer .col3 {
	width: 250px;
    margin: 0;
/*custom changes*/
display: none;
width: auto;
left: 0px;
bottom: 0px;
position: absolute;
height:47px;
}
#modManufacturer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#modManufacturer ul {
	list-style: none;
	display: block;
	width: 350px;
	margin: 0 0 10px;
    height: 100px;
	padding: 0;
    overflow: hidden;
}
#modManufacturer li {
	float: left;
	width: 50%;
}
#modLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#modLinks ul {
	list-style: none;
	display: block;
	width: 350px;
	margin: 0;
    min-height: 150px;
	padding: 0;
/*custom changes*/
width: auto;
display: inline-block;
min-height:40px;
}
#modLinks li {
	float: left;
	width: 50%;
/*custom changes*/
width: auto;
margin: 0px 5px;
}
#mailistBox label {
	color: #22303a;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	display: block;
	margin: 35px 0 10px 0;
/*custom changes*/
font-family: Karla, sans-serif;
font-size: 12px;
line-height:12px;
margin:0px;
display: none;
}
#mailistBox input, #mailistBox span {
	float: left;
	display: block;
/*custom changes*/
width: 60px;
float: left;

}
#mailistBox span {
	margin-right: 30px;
/*custom changes*/
margin: 0px
}
.mailist-box {
	border: 2px solid #e2e2e2;
	margin-bottom: 13px;
/*custom changes*/
margin: 0px;
width: 225px;
border: 1px solid #000;
}
#mailistBox input[type="text"] {
	background: #E5ECFF;
	border: none;
	height: 27px;
	margin: 0;
	padding: 0 0 0 5px;
	width: 90%;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
/*custom changes*/
background: #E5ECFF;
float:left;
}
#mailistBox input[type="submit"] {
	background: #22303A url('../images/go-arrow.png') no-repeat center center;
	border: none;
	border-left: 2px solid #e2e2e2;
	border-right: 1px solid #FFF;
	color: #22303a;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	height: 27px;
	margin: 0;
	padding: 0;
	text-align: center;
    text-indent: -9999px;
	text-transform: uppercase;
	width: 10%;
	-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;
/*custom changes*/
background: #FFF url("../images/go-arrow.png") no-repeat scroll center center;
	border: none;
}
#mailistBox input[type="submit"]:hover {
	background: #c9dae4 url('../images/go-arrow.png') no-repeat center center;
}
#mailistBox input[type="radio"] {
    margin: 2px 5px 0 15px;
    padding: 0;
width: 12px;

}
.social-icons {
	float: left;
	margin: 25px 0 0;
/*custom changes*/
width:auto;
margin: 0px 0 0;
}
.social-icons a {
	background: none;
 /*   color: #000;*/
    font-size: 16px;
    text-decoration: none;
/*custom changes*/
float:right;
color: #E5ECFF;
font-size: 20px;
text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}
.social-icons a:hover {
    color: #d0d0d0;
}
#globalFooter {
    margin: 0 0 15px;
/*custom changes*/
margin: 0px
}
#copyright {
  /*  margin: 0 0 15px;*/
/*custom changes*/
width:100%;
white-space: nowrap;
margin-top: 70px;
text-align:center;
margin-bottom: 0px;
position:inherit;
bottom: 0px;
left:0px;
right:0px;
margin-top: 0px;

}
.stats {
	height: 0;
	overflow: hidden;
}
#homeCarousel {

/*custom changes*/
margin: 0px auto;
    width: 103%;
    left: -13px;
    margin-bottom: 10px;

}
.header-specials {
	color: #000;
    font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
    border-bottom: 1px dotted #d0d0d0;
	margin: 0 0 20px;
    font-size: 18px;
}
.product-item .status {
    color: #F00;
    font-size: 16px;

}
#availability{
font-size: 18px;
color: #F00;
}

/*	listing_0.html Template
	--------------------------	*/
#listing0 h1 {
    font-size: 18px;
}

#listing0 h3{
   font-size: 14px;
}

#listing0 .whiteworksheet{
   width: 300px;
   margin-top: 20px;
}



ul#desktopMenu { /*main menu*/
	margin: 0;
    padding: 0;
	list-style: none;
	text-align: left;
/*custom settings*/
margin-left: auto;
margin-right: auto;
overflow-y: hidden;
width: 100%;
white-space: nowrap;
text-align: center;
border: 1 px solid #FFF;
padding-top: 15px;
max-height: 147px;
position: relative;
 z-index: 15;


}


ul#desktopMenu li {
	display: inline;
	position: relative;
/*custom changes*/
font-size: 16px;
z-index: 15;
}
ul#desktopMenu li:hover {
	background: #E5ECFF;
/*custom changes*/
font-size: 16px;
background: transparent;
}
ul#desktopMenu li a {
    display: block;
    padding: 0 20px;
    display: inline-block;
    color: #000;
    margin-top: 11px;
    font-size: 14px;
    /* font-size: 20px; */
    font-family: 'Gill Sans MT';
 z-index: 15;
 z-index: 20;

}
ul#desktopMenu li:first-child>a {
    font-size: 18px;
}
ul#desktopMenu li a.subcat {
    font-size: 14px !important; 
}
ul#desktopMenu li a:hover {
	color: #000;
	text-decoration: none;
/*custom changes*/
color: #f3778f;
color: #F73258;
}

ul#desktopMenu li:hover> a {
	color: #000;
	text-decoration: none;
/*custom changes*/

color: #F73258;
}

.centerMe{/*center submenu*/
width:100%;
}


ul#desktopMenu li ul { /*drop down menu*/
	display: none;
	position: absolute;
	/*top: 25px;*/
	z-index: 10;
	/*border: 1px solid #EEE;*/
	/*left: 55%;*/
	background: #ffffff;
	text-align: left;
	/*padding: 10px; commented out so it inherits padding*/
	/*margin-left: -110px;*/
	width: 250px;
/*custom changes*/
text-align: center;
background: transparent;
padding: 0px;
width: 600px;
margin: auto;

}
/*CENTER SUB MENUS
ul#desktopMenu li:nth-of-type(1) ul{
width: 100vw;
margin-left: -40vw;
}
ul#desktopMenu li:nth-of-type(2) ul{
width: 100vw;
margin-left: -45.5vw;
}
ul#desktopMenu li:nth-of-type(3) ul{
width: 100vw;
margin-left: -54vw;
}*/
ul#desktopMenu li:hover ul {
	display: block;
/*custom changed*/
display: block;
}
ul#desktopMenu li ul li {
	margin: 0;
	padding: 0;
	/*float: left;*/
	display: block;
	width: 100%;
/*custom changes*/
display: inline-block;
width: auto;
white-space: nowrap;
}
ul#desktopMenu li ul li a:hover {
	color: #000;
/*custom changes*/
color: #f3778f;
color: #F73258;

}
ul#desktopMenu li ul li a {
	color: #000;
	text-transform: none;
	font-weight: normal;
	padding: 0 10px;
	display: block;
/*custom changes*/
display: inline-block;
color: #000
font-size: 18px  !important ;
/*padding: 0 15px;*/
}
ul#desktopMenu li ul li:hover {
	/*background: #fcfcfc;*/
background: transparent;
}
.down {
	float: right;
	margin-top: -25px;
	margin-right: 7px;
	font-weight: bolder;
	color: #AAA;
}
/******	Reduce size of category header not used on home page   *******/
/*custom changes*/
.category-header {
    margin: 10px 0px;
}


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

/*
    Mobile Menu Core Style
*/
.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: left;
	padding: 0.438em 0 0.438em 0;
	line-height: 1.125em;
	cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
}
.slicknav_menu .slicknav_icon {
	float: left;
	margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
	margin: 0
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em;
}
.slicknav_nav {
	clear: both;
}
.slicknav_nav ul, .slicknav_nav li {
	display: block;
        background: #fff;
}
.slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
	margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
	display: inline;
}
.slicknav_menu:before,
.slicknav_menu:after {
	content: " ";
	display: table;
}
.slicknav_menu:after {
	clear: both
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1;
}
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
	font-size: 16px;
	display: none;
}
/* Button */
.slicknav_btn {
	margin: 8px 0 0;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	background-color: #f5f5f5;
}
.slicknav_menu {
    float: right;
}
.slicknav_nav {
    background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 999;
/*custom change*/
background: #fff;
}
.slicknav_nav,
.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
}
.slicknav_nav ul {
	padding: 0;
	margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 2px 5px;
}
.slicknav_nav a {
	padding: 5px 10px;
	margin: 2px 5px;
	text-decoration: none;
	color: #000;
}
.subMenu {
    background: #fff;
}
.slicknav_nav .subMenu a.subcat,
.slicknav_nav .subMenu a.subcat:visited {
	color: #000;
background: #fff;
border: 0px solid #FFF;
text-align: left;
}
.slicknav_nav .slicknav_row:hover {
	background: #fff;
	color: #000;
}
.slicknav_nav a:hover {
        background: #fff;
	color: #000;
}
.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
.slicknav_nav a.cat:hover,
.slicknav_nav a.cat:visited:hover,
.slicknav_nav a.subcat:hover,
.slicknav_nav a.subcat:visited:hover {
    color: #d91476;
}
.slicknav_nav a.cat,
.slicknav_nav a.cat:visited {
    color: #000;
text-align: left;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    display: block;
	padding: 0.5em 0;
	margin: 0;
/*custom change*/
    /*pointer-events:none;*/
cursor: pointer;
}

/*custom classes*/
.flexslider{
background: none !important;
}
img{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
background: #fff;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-bottom: -1px;
    height: 45px;
}
.r-tabs .r-tabs-panel.r-tabs-state-active{
background: #fff;
color: #000;
/*max-height: 300px;*/
/*overflow-y: scroll !important;*/
min-height: 300px;
margin-top: -2px;
}

.r-tabs .r-tabs-panel.r-tabs-state-active::-webkit-scrollbar {
    width: 15px;
    background-color: rgba(255, 255, 255, 0);
    /* border: 1px solid rgba(0, 0, 0, .5); */
}

.r-tabs .r-tabs-panel.r-tabs-state-active::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 0px;
    border-radius: 10px;
    border: 1px solid #000;
}

.r-tabs .r-tabs-panel.r-tabs-state-active::-webkit-scrollbar-track {
    border: 1px solid rgba(0, 0, 0, .5);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}

.r-tabs .r-tabs-panel.r-tabs-state-active::-webkit-scrollbar-thumb:hover{
background-color:#fff;
border-radius:10px;
border:1px solid #000;
}

.r-tabs .r-tabs-panel.r-tabs-state-active::-webkit-scrollbar-thumb:active{
background-color:#E5ECFF;
border-radius:10px;
border:1px solid #000;
} 

.r-tabs .r-tabs-panel.r-tabs-state-active::-moz-scrollbar{
width:15px;
background-color: #E5ECFF;
} 
.r-tabs .r-tabs-panel.r-tabs-state-active::-moz-scrollbar-thumb{
background-color:#E5ECFF;
border-radius:0px;
}
.r-tabs .r-tabs-panel.r-tabs-state-active::-moz-scrollbar-thumb:hover{
background-color:#fff;
border:1px solid #000;
}
.r-tabs .r-tabs-panel.r-tabs-state-active::-moz-scrollbar-thumb:active{
background-color:#fff;
border:1px solid #000;
} 
.r-tabs .r-tabs-panel.r-tabs-state-active::-moz-scrollbar-track{
border:1px #000 solid;
border-radius:0px;
} 






.r-tabs .r-tabs-nav .r-tabs-anchor{
color: #000;
background: #e5ecff;
padding: 10px 10px !important;
}

.r-tabs .r-tabs-nav .r-tabs-state-active
{
border:none;
background: transparent;
}

.r-tabs .r-tabs-panel {
border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.social-mediaBlock{
color: #000;
}

.product-item{
text-align: center;
}


#simplemodal-container{
background: #fff;
border: none !important;
}
#quickView{
background: #fff;
}

.sub-categories .name {

font-size:16px;
color: #f9f;
white-space: nowrap;
text-align: center;
/*custom changes*/
color: #000;
/*custom changes */
font-size: 18px;
}
.hr1{
background-color: #000;
color: #000;
height: 1px;
border: none;
margin-bottom: 0px;
}
.hr2{
background-color: #000;;
color: #000;;
height: 0px;
border: none;
margin-top: 6px;
}
#home{
margin-bottom: 0px;
}
.thesolution{
position: absolute;
z-index: 10;
width: 30%;
top: 20%;
right: 0px;
}
img.thesolution{
width: 100%;
}
.poll{
position: absolute;
z-index: 10;
width: 35%;
top: 23.5%;
left: 0px;
display:none;
}
img.poll{
width: 100%;
}
#recaptcha_response_field {
}
.recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field {
    border: 1px solid #000; 
    background: none repeat scroll 0% 0% #FFF;
}
.recaptchatable #recaptcha_response_field {
    width: 153px !important;
    position: relative !important;
    bottom: 7px !important;
    padding: 0px !important;
    margin: 15px 0px 0px !important;
    font-size: 14pt;   
    background: #E5ECFF;
    color: #000;
}

.reviewField label {
    float: left;
    line-height: 2.4em;
    width: 85px;
    color: black; 
}
#productReviewNew h3 {
    font-size: 130%;
    line-height: 1.8em;
    color: #000; 
}

.reviewField textarea {
    float: left;
    width: 85%;
    height: 60px;
}
:focus {
    outline: medium none;
}
input, textarea, select, button {
    font-family: Karla,sans-serif;
 /*   background: none;remove for reviewfield
    color: #000;  remove for reviewfield */
}
#productReviewNew .required {
    margin: 0px 0px 10px 85px;
    width: 83%;  <-- add
}
#productReviewNew h1 {
    margin: 0px 0px 15px 15px;
}
.page_headers {
    font-size: 14px;
    font-weight: 800;
    background: none;
    color: #000 !important;
    text-align: left;
}

#productReviewNew h1 {
    margin: 0px 0px 15px 15px;  <--change to 0 35 5 35px
    color: #FC19B4; <-- add
}
/***********  need a pink close-x.png   it is in quickview.css******/
#simplemodal-container a.modalCloseImg {
    width: 22px !important;
    height: 22px !important;
    display: block;
    z-index: 3200;
    position: absolute;
    top: 17px;
    right: 25px;
    cursor: pointer;
    text-indent: -9999px;
/*custom changes*/
text-indent: 0px !important;
color: #000 !important;
border: solid;
border-color: #000;
border-width: 1px;
text-align: center;
}
a.modalCloseImg{
visibility: hidden !important;
}

a.modalCloseImg:after{
    width: 22px !important;
    height: 22px !important;
visibility: visible;
    display: block;
    z-index: 3200;
    position: absolute;
    top: -10px;
    right: -20px;
    cursor: pointer;
    text-indent: -9999px;
/*custom changes*/
text-indent: 0px !important;
color: #000 !important;
border: solid;
background: #E5ECFF;
border-color: #000;
border-width: 1px;
text-align: center;
content: 'X';
border-radius: 11px;
}
a.modalCloseImg:hover:after{
background: #66ccff;
}

.quick-close-modal {
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    margin: 10px 0 0 15px;
    background: none;
    cursor: pointer;
    color: #000;
}
/***********  need a pink close-x.png ******/

ul#desktopMenu li ul li a {
    color: #000;
    text-transform: none;
    font-weight: normal;
    padding: 0px 15px 0px 15px !important;
    display: inline-block;
    font-size: 18px;
}
#quickview{
background: #fff !important;
}
#simplemodal-data{
background: #fff !important
}
.simplemodal-wrap{
background: #fff !important
}
quick-close-modal{
background: #fff !important
}
label{
color: #000 !important;
}
form{
background: #fff;
}

#error form{
background: none !important;
}

#productReviewNew{
background: #fff !important;
padding-top: 5px !important;
}
textarea{
background: #fff !important;
color: #000;
}
#recommendAFriend{
background: #fff !important;
}
.recommend-submit-button{
margin-bottom: 0px !important;
padding-bottom: 10px !important;
}
.pimage{
width: auto;
height: auto;
max-height: 50px;
max-width:50px;
}
.whiteinfo{

color: #000;
position:relative;
left: 0px;
right: 0px;
padding: 20px;
    margin-left: -14px;
    margin-right: -16px;
}

/**********************added social media styles per knowledge base of 3dcart**************/
/* Social Icons Buttons */
.social-icons a {
/*    float: left; */
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 5px;
 /*   background: url(../../../../assets/templates/common/images/social-icons.png) no-repeat;*/
/*custom changes */
  float: right;
}
.social-icons a.facebook {  background-position: 0 0; }
.social-icons a.twitter {   background-position: -26px 0; }
.social-icons a.gplus {     background-position: -51px 0; }
.social-icons a.youtube {   background-position: -77px 0; }
.social-icons a.pinterest {        background-position: -103px 0; }
.social-icons a.instagram {      background-position: -129px 0; }
.social-icons a.tumblr {    background-position: -154px 0; }
.social-icons a.blog {      background-position: -180px 0; }

*::-webkit-scrollbar {
    width: 15px;
    background-color: rgba(255, 255, 255, 0);
    /* border: 1px solid rgba(0, 0, 0, .5); */
}

*::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 0px;
    border-radius: 10px;
    border: 1px solid #000;
}

*::-webkit-scrollbar-track {
    border: 1px solid rgba(0, 0, 0, .5);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover{
background-color:#fff;
border-radius:10px;
border:1px solid #000;
}

*::-webkit-scrollbar-thumb:active{
background-color:#E5ECFF;
border-radius:10px;
border:1px solid #000;
} 

*::-moz-scrollbar{
width:15px;
background-color: #E5ECFF;
} 
*::-moz-scrollbar-thumb{
background-color:#E5ECFF;
border-radius:0px;
}
*::-moz-scrollbar-thumb:hover{
background-color:#fff;
border:1px solid #000;
}
*::-moz-scrollbar-thumb:active{
background-color:#fff;
border:1px solid #000;
} 
*::-moz-scrollbar-track{
border:1px #000 solid;
border-radius:0px;
} 


.name{
margin-bottom: 0px !important; 
}
.product-item .img img{
max-width: 100% !important;
}
.modal-bg{
background: #fff !important;
}
#productQa{
background: #fff !important;
padding-top: 5px !important;
}

.breadcrumbs, .breadcrumbs a{
padding-top: 10px;
font-size: 14px !important;
/*text-transform: lowercase;*/
display: inline-block;
/*custom changes*/
/*display:none;*/
text-transform: uppercase;
}

.breadcrumbs a::first-letter{
text-transform:uppercase;
}

.capitalize{
display:inline-block;
/*text-transform: lowercase;*/
}

.uppercase{
text-transform: uppercase;
}

#imagesdoc{
    text-align:center;
    margin:50px auto; 
}
#imagesdoc a{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:black;
 }
.worksheettitle{
margin: 0px;
}
.worksheet{
font-size: 16px;
text-align:center;
align:center;
width: 33%;
margin: 0px;
float: left;
}
.whiteworksheet{
    font-size: 16px;
    text-align: center;
    align: center;
    width: 280px;
    float: left;
    margin-left: 30px;
    margin-bottom: 40px;
}
.pdf{
text-align:center;
}
.worksheet a, .worksheet h3 {
color: #000;
float: none !important;
}
.worksheet a:hover{
color: #000;
}

.whiteworksheet a, .whiteworksheet h3 {
color: #000;
float: none !important;
}
.worksheet a:hover{
color: #000;
}

#listing0 .worksheet{
width: 40%;
}

.french{
display: inline;
}

#countrydrop {

list-style: none;
    margin-bottom: 10px;
    float: left;
    /* display: none; */
    position: absolute; 
    float: left;
    z-index: 1010;
    /* right: 18%; */
    margin-right: 5px;
    top: 0px;

}
#countrydrop li{
    float:left;
    position:relative;
}
#countrydrop a{
    display: block;
    color: #000;
    text-decoration:none;
    font-size: 16px;
}

#countrydrop li ul{
position: relative;
z-index: 110;
background:#fff;
display: block;
border:1px outset  #fff;
padding-left: 5px;
padding-right: 5px;
margin:0px;
height: 0px;
visibility: hidden;
transition: visibility 0.5s, height 0.6s;

}
#countrydrop li ul li{
z-index: 100;
margin: 0px;
display:block;
text-align: left;
}

#countrydrop ul{
background:rgba(255,255,255,0);
}

#countrydrop ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#countrydrop ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#countrydrop li a:focus + ul{ /* Display the dropdown on hover */
    visibility: visible;
    height: 100%;
 /* Bring back on-screen when needed */
}
#countrydrop li ul a{
/*display:inline;*/
}
.country{
display: inline;
    display: inline;
    /* position: relative; */
    float: right;
}
#FRAME_MENU{
display:inline;
}
.flag{
width:30px;
height:15px;
vertical-align:middle;
}

.product-item .on-sale{
   /* border-radius: 30%;*/ 
    padding: 5px 0px;  
    background: #de0808;
    border: 1px dotted #fff;
}
#blog .blogNav {
    border: medium double #000;
    padding: 5px;
}
.pipe{
display: none;
}
#divOptionsBlock .dropdown-image{
display:inline;
}

#divOptionsBlock select {
width: 50% !important;
}
#divOptionsBlock .dropdown-image {
border: none !important;
}
#divOptionsBlock .dropdownimage-format select {
vertical-align:bottom;
margin-top: 5px;
}

.social-contact a{
    background: none;
    /* color: #000; */
    text-decoration: none;
    color: #E5ECFF;
    font-size: 35px;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}

.contactusdiv{
width:28%;
position: relative;
display:inline;
float:left;
}
.contactusdivcustomer{
width:67%;
position: relative;
display:inline;
float:left;
}
.contactusdivphone{
width:44%;
position: relative;
display:inline;
float:left;
}
.crmField{
margin-right: 20%;
margin-left:10%;
}

.crmField textarea {
height: 120px;
}
#frmForm{
text-align:center;
}
.crmField label{
text-align: left;
width: 120 px !important;
display: block;
}

.crmField label {
    float: left;
    line-height: 2.4em;
    width: 120px;
}
.crmForm div#divRobocop {
    margin-left: 10%;
    margin-top: 20px;
}
#recaptcha_area{
margin-left:26.5%;
margin-right:26.5%;
}
.subcattitles{
display: none;
}
#blog{
margin-top: 30px;
}
#blog h1 a, #blog h1 a:visited, #blog h1+a:hover{
color:#000;
}
#mailistBox{
display:inline-block;
float:left;
}

.rose{
background: none;
position: fixed;
float: left;
left:0px;
left: calc(50% - 750px);
bottom:-6px;
}
.roseImg{
width: 275px;
min-width: 200px;
display:none;
}
.qvcImg{
width: 200px;
margin: 20px;
display:none;
}

.byask{
float: right;
background: none;
position: fixed;
bottom: 0px;
right: 10px;
right: calc(50% - 770px);
width: 240px;
text-align:center;
}

.vertical
{
    width: 0px;
    height: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    padding-left: 990px;
    background: none;
    border-color: #000;
    border-top: 0;
    border-bottom: 0;
	background: #fff;
}

.category-footer{
    border-radius: 25px;
    border-width: 1px;
    background: #E5ECFF;
    padding: 20px;
    width: 450px;
    height: auto;
    margin: auto !important;
    border-color: #000;
    border-style: solid;
}

.paging a{
background: none !important;
}
#socialContact{
    color: #E5ECFF;
    font-size: 35px;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    float:left;
}

#divCart .row .checkout-quantity {
    line-height: 45px !important;
}
#divCart .row .checkout-total{
    line-height: 45px !important;
}
#divCart .row .checkout-price{
    line-height: 45px !important;
}

#divCart .row .item-options{
    line-height: 45px !important;
}

#divCart .row:nth-child(1n){
margin: 0 !important;
}

#myaccount .item{
color: rgb(60, 149, 238);
}



#myaccount .billing-info, #myaccount .shipping-info{
    border: none !important;
    padding: 10px 5px !important;
}

#myaccount .billing-info{
    border: none !important;
    padding: 10px 5px !important;
    border-bottom: 1px dotted #ddd !important;
    padding-bottom: 5px !important;
}
#myaccount table, #myaccount div.row{
width: 97%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}


#myaccount .header {
    border-bottom: 1px solid #d2d2d2;
    margin: 5px 5px 10px;
    font-size: 13px;
    padding: 5px;
    
}

#orderHistoryView div.text a {
    color: rgb(60, 149, 238);
}
.trackOrders, .savedOrders, .addressBook, .crmRequests, .wishList, .recurringOrders, .savedCC, #myaccount .accountInfo{
    box-shadow: 0px 0px 6px 1px #aaa;
    border-radius: 5px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

section td{
font-size: 100%;
}

section .category-footer {
    display: none;
}

section#home .category-footer{
display: block;
}

#manageMyCc .update-btn
{
margin: 0px;
}

#myaccount thead {
    line-height: 10px;
    height: 10px;
    text-decoration: underline;
}
#myaccountFooter{
display:none;
}
#large{
    width: auto;
    max-width: 430px !important;
    max-height: 342px !important;
}



#listing0 .main-image{
height: 342px !important;
}


#listing0 .main-image img{
max-width: 430px !important;
max-height: 342px !important;
}
#quickView .main-image a{
max-width: 300px !important;
max-height: 300px !important;
}
#quickView .main-image img {
    max-width: 300px !important;
max-height: 300px !important;

}

#mediaContainer{
min-height: 0px;
}

.flexslider .slides img{
width: initial !important;
max-height: 550px !important;
    max-width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#blog .blogNav select {
    width: 100%;
    padding: 4px 6px;
}

#blog .blog-info a {
    font-weight: bold;
}

.quickviewDescription{
height: 176px; 
overflow-y: scroll;
border-radius: 10px;
    border: 1px solid;
    padding: 10px;
    border-right: 0px;
}
#quickView #divOptionsBlock {
    border-bottom: none;
    min-height: 150px;
    max-height: 210px;
    overflow: auto;
    position: absolute;
    top: 8px;
    right: -50px;
    width: 300px;
}

#quickView #divOptionsBlock .opt-regular .label{
display: none;
}

#quickView #divOptionsBlock .opt-regular .required {
    display: none;
}

#viewCartQuick .product-item .on-sale {
    top: initial;
    right: 0px !important;
}

#viewCartQuick .product-item{
cursor: pointer;
}

.product-item{
cursor: pointer;
}

.rotateS{
display: inline-block;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
writing-mode: lr-tb; 
height: 8px;
width: 10px;
}

.ips{
    font-size: 17px;
    display: inline-block;
    margin-left: -4.5px;
    line-height: 15.5px;
}


 .tips {
    margin-left: -5px;
    margin-right: 4px;
    font-family: 'Gill Sans MT';
/*    border-top: 3px solid #000;*/
    font-size: 25px;
    line-height: 10px;
    display: inline-block;
    position: relative;
    margin-top: -5px;
    padding: 1px;
    /* border-right: 1px solid #fff; */
    transform: skew(-20deg);
}

.tips::before {
border-top: 4px solid #000;
transform: skew(-20deg);
 -webkit-transform: skew(-20deg); 
-ms-transform: skew(-20deg);
position: absolute;
content: '';
width: 90%;
display: inline-block;
right: 3px;
top: -3px;
}

.homevid{
display: block;
margin: auto;
width: 560px;
}
.youtube, .homevid{
max-width:100%;
}

.productInfoSlide{
max-width: 100%;
}
.r-tabs .r-tabs-nav .r-tabs-tab{
    top: 2px;
}

.divTitle{
     text-align: center;
     margin-bottom: 20px;
}
span.infotitle {
    font-size: 20pt;
    font-weight: bold;
    /* text-align: center; */
    letter-spacing: -2px;
}

.tipsCategory{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40pt' height='18px' viewBox='35 -5 60 45' style='overflow:visible;enable-background:new 15 -2 50 21;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M21.51,8.21h4.09v21.37h-4.09V8.21z'%3E%3C/path%3E%3Cpath class='st0' d='M29.62,29.58V8.21h8.78c2.68,0,4.76,0.53,6.33,1.67c1.56,1.06,2.38,2.59,2.38,4.41c0,1.22-0.37,2.36-1.19,3.27 c-0.82,0.99-1.93,1.67-3.35,2.05c-1.41,0.46-3.42,0.68-6.03,0.68h-2.98v9.28L29.62,29.58L29.62,29.58z M37.73,10.95h-4.09v6.69h4.39 c1.64,0,2.83-0.3,3.72-0.91s1.34-1.44,1.34-2.51C43.02,12.01,41.3,10.95,37.73,10.95z'%3E%3C/path%3E%3Cg%3E%3Cpath class='st0' d='M54.85,20.68l-2.6-2.21c-1.64-1.37-2.75-2.59-3.35-3.65c-0.6-1.06-0.74-2.05-0.52-3.12 c0.37-1.6,1.41-2.59,3.13-3.19c1.71-0.53,3.72-0.46,6.03,0.23c2.23,0.68,4.17,1.75,5.8,3.27l-0.74,3.27 c-1.64-1.98-3.5-3.27-5.73-3.95c-1.27-0.38-2.31-0.46-3.27-0.3c-0.89,0.15-1.41,0.61-1.56,1.29c-0.15,0.61,0,1.22,0.52,1.98 c0.45,0.68,1.27,1.52,2.46,2.51l2.6,2.21c2.9,2.43,4.09,4.79,3.57,7c-0.37,1.6-1.41,2.66-3.05,3.27c-1.64,0.53-3.65,0.46-5.95-0.23 c-2.68-0.84-4.91-2.13-6.85-4.03l0.89-3.65c1.64,2.59,3.8,4.26,6.47,5.09c1.19,0.38,2.23,0.46,3.2,0.15 c0.89-0.23,1.49-0.76,1.64-1.52C57.9,23.95,57.01,22.43,54.85,20.68z'%3E%3C/path%3E%3C/g%3E%3Cpolygon class='st0' points='13.25,3.8 13.25,10.27 13.25,16.73 13.25,23.19 13.25,29.66 14.21,29.66 15.26,29.66 16.22,29.66 17.27,29.66 17.27,23.19 17.27,16.73 17.27,10.27 17.27,3.8 '%3E%3C/polygon%3E%3Cpath class='st0' d='M66.63,0l-0.52,1.9l-0.52,1.9H51.92H38.25l0,0l0,0h-5.67h-5.67H13.46H0l0.52-1.9L1.04,0h32.8H66.63z'%3E%3C/path%3E%3C/svg%3E");
    width: 27px;
    height: 15px;
    display: inline-block;
    position: relative;
    bottom: -2px;
    left: -2px;
}

.cat:hover .tipsCategory{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40pt' height='18px' viewBox='35 -5 60 45' style='overflow:visible;enable-background:new 15 -2 50 21;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F73258;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M21.51,8.21h4.09v21.37h-4.09V8.21z'%3E%3C/path%3E%3Cpath class='st0' d='M29.62,29.58V8.21h8.78c2.68,0,4.76,0.53,6.33,1.67c1.56,1.06,2.38,2.59,2.38,4.41c0,1.22-0.37,2.36-1.19,3.27 c-0.82,0.99-1.93,1.67-3.35,2.05c-1.41,0.46-3.42,0.68-6.03,0.68h-2.98v9.28L29.62,29.58L29.62,29.58z M37.73,10.95h-4.09v6.69h4.39 c1.64,0,2.83-0.3,3.72-0.91s1.34-1.44,1.34-2.51C43.02,12.01,41.3,10.95,37.73,10.95z'%3E%3C/path%3E%3Cg%3E%3Cpath class='st0' d='M54.85,20.68l-2.6-2.21c-1.64-1.37-2.75-2.59-3.35-3.65c-0.6-1.06-0.74-2.05-0.52-3.12 c0.37-1.6,1.41-2.59,3.13-3.19c1.71-0.53,3.72-0.46,6.03,0.23c2.23,0.68,4.17,1.75,5.8,3.27l-0.74,3.27 c-1.64-1.98-3.5-3.27-5.73-3.95c-1.27-0.38-2.31-0.46-3.27-0.3c-0.89,0.15-1.41,0.61-1.56,1.29c-0.15,0.61,0,1.22,0.52,1.98 c0.45,0.68,1.27,1.52,2.46,2.51l2.6,2.21c2.9,2.43,4.09,4.79,3.57,7c-0.37,1.6-1.41,2.66-3.05,3.27c-1.64,0.53-3.65,0.46-5.95-0.23 c-2.68-0.84-4.91-2.13-6.85-4.03l0.89-3.65c1.64,2.59,3.8,4.26,6.47,5.09c1.19,0.38,2.23,0.46,3.2,0.15 c0.89-0.23,1.49-0.76,1.64-1.52C57.9,23.95,57.01,22.43,54.85,20.68z'%3E%3C/path%3E%3C/g%3E%3Cpolygon class='st0' points='13.25,3.8 13.25,10.27 13.25,16.73 13.25,23.19 13.25,29.66 14.21,29.66 15.26,29.66 16.22,29.66 17.27,29.66 17.27,23.19 17.27,16.73 17.27,10.27 17.27,3.8 '%3E%3C/polygon%3E%3Cpath class='st0' d='M66.63,0l-0.52,1.9l-0.52,1.9H51.92H38.25l0,0l0,0h-5.67h-5.67H13.46H0l0.52-1.9L1.04,0h32.8H66.63z'%3E%3C/path%3E%3C/svg%3E");
}

@-moz-document url-prefix() { 
  /*Firefox css*/
.tips::before{
   top: -2px;
  }
}

@supports (-ms-accelerator:true) {
/*MS Edge CSS styles*/
.tips::before{
   top: -2px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
.tips::before{
   top: -2px;
  }
}


.antiskew {
    transform: skew(20deg);
    padding-left: 5px;
}

.strike-sale {
    display: inline-block;
    position: relative;
}

.strike-sale::before {
    content: '';
    position: absolute;
    border-bottom: 1px #d00 solid;
    width: 100%;
    transform: skewY(-7deg);
    top: 50%;
}

.category-sale {
    display: inline-block;
    color: #F00;
}

.tipsmenu {
    margin-left: -3px;
    font-family: 'Gill Sans MT';
    border-top: 1px solid;
    font-size: 25px;
    font-size: 23px;
    line-height: 8px;
    display: inline-block;
    padding-top: 1px;
    box-shadow: 0px 1px 0px 0px inset, 0px -1px 0px;
}

nav#showSlideMenu {
    font-family: 'Gill Sans MT';
}

sup{
    font-size: 11px;
    font-family: Arial;
    line-height: 0px;
    top: 0px;
    position: relative;
}
#at4m-dock.ats-light {
 
    display: none;

}

.at4m-dock-toggle.ats-light a.at4-dock-toggle-active {

    display: none;

}
.at4m-dock-toggle {

    display: none;
}
ul.contactul {
    margin-left: 20px;
}

.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
    display: none;
}

#message {
    background: none !important; 
}

.saleprice.price {
    color: #f00 !important;
}

#updateAccount .updaccField label {
    width: 165px;
}
.pricingBlock .retailprice{
text-decoration: none !important;
}
#searchBox div.searchlight-balloon {
    visibility: hidden;
    display: block !important;
    max-height: 0px;
    overflow: hidden;
    left: -2px !important;
    transition: visibility 0.5s ease, max-height 0.6s ease;
}
#searchBox input:focus + input + div {
    display: block !important;
    max-height: 500px;
    visibility: visible;
}

.product-item:hover{
        box-shadow: 0px 1px 5px rgba(46, 62, 107, 0.8);
}

div.crmTicketStatus table tbody tr.row {
text-align: left;
vertical-align: top;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #999;
}

div.crmTicketStatus table tbody tr.row:nth-child(even) {
background: #bbb;
}

.crmTicketStatus tr:nth-child(even) {
    display: none;
}

.crmTicketStatus tr:nth-child(4n-1),   .crmTicketStatus tr:nth-child(4n-1) td{
background: #E5ECFF;
    
}
#quickView .qtybox {
    display: inline-block;
}

#quickView .addToCartBlock .addcart-button{
display: inline-block;
}

#quickView .recurringorderBlock {
    margin: 0px;
}

#quickView h1.page_headers{
 margin-bottom: -5px;
}

.notcountry{
display: block;
    position: relative;
    text-align: Center;
    font-size: 12px;
    margin-bottom: 15px;
}

.product-index-paging{
display:none;
}

.chkField label{
line-height: 30px;
}

label[for="shipping_address2"], label[for="billing_address2"] {
   color: transparent !important;
  line-height: 0;
}

label[for="shipping_address2"]:after, label[for="billing_address2"]:after {
     color: #000 !important;
    content: 'Apartment / Suite #';
  display: inline-block;
  line-height: 30px;
    
}

div.category-footer-side {
    width: 250px;
    margin-left: 3%;
}

.discount_details{
color: #88f;
}

/*********************************/
/*       LTE8 IE FALLBACK        */
/*********************************/
.no-boxshadow .boxShadow {
    border: 1px solid #eae9e6;
}

#viewCartQuick .product-item .img{
min-height: 100px !important;
}
.top-menu-caption {
display:none;
}
.quantity-table {
    display: block;
    margin: 5px 0 0;
    border: 1px dotted #ddd;
    border-radius: 10px;
}

#listing0 .quantityBlock a {
    font-weight: normal;
}

.icon-down-open::before {
   /* content: '\e82a';*/
       content: '' !important;
}

#listing0 .quantityBlock {
    border: none; 
    margin-bottom: 10px;
    width: 100%;
    padding-bottom: 10px;
}
#listing0 .detail-section .alpha-col {
    width: 100%;
}

#loginAccount .alpha-col {
    float: left;
    width: 55%;
}
#loginAccount .beta-col {
    float: right;
    width: 40%;
}

#loginAccount .alpha-col p,
#loginAccount .alpha-col div .loginField{
text-align: left;
}
.product-item .stars {
    height: 16px;
    position: relative;
    width: 175px;
}
.product-item{
     padding: 5px;
}
.relatedBlock .stars{
    left: 0;
    transform: translateX(50%);
}
#loginAccount .myaccountLogin{
    width: 100%
}

form[name="myaccountLogin"] label[for="recaptcha_challenge_field"]{
display: none !important;
}
.stars-reviews{
font-size:14px;
}
.today-at-tsc {
    display: block;
    line-height: 30px;
    -webkit-border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: 0px;
    width: 60px;
    right: 0px;
}

#qv_img_66, #qv_img_67, #qv_img_68, #qv_img_69, #qv_img_70{
display: none;
}

.desc-message a{
color: #88f;
text-decoration: underline;
}

.beforeAfter{
width: 80%;
margin: auto;
position: relative;
display:block;
}
span.beforeAfter {
    text-align: center;
}
.createReviewLink, .addWishlist, .email_friend, .btn.accent-bg-color{
display: inline-block;
width: unset !important;
min-width: unset !important;
margin: 5px;
}
#listing0 .detail-section .beta-col {
    width: 100%;
    padding: 0px;
    display: flex;
    flex: 1;
}
#listing0 .social-mediaBlock{
display: none;
}
#listing0 .productFeaturesBlock .feat-title{
vertical-align: top;
}
#listing0 .productFeaturesBlock .feat-name{
display: inline !important;
}


/*	Theme Responsive Styles
	-----------------------	*/
@media only screen and (max-width: 1560px){
.roseImg{
width: 200px;
min-width: 200px;

}
.qvcImg{
width: 150px;
margin: 20px;
}
.byaskImg{
width: 200px;
min-width: 200px;
}
.rose{
left: calc(50% - 740px);
}
.byask{
width: 200px;
right: calc(50% - 700px);
}

}

@media only screen and (max-width: 1445px){
.rose{
display:none;
bottom: 200px
}
.byask{
display:none;
bottom:200px;
}
}


/*********max 980px media*************************/

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

html {
	padding: 0 !important;
}
body {
    max-width: 100%;
    overflow-x: hidden;

}

hr.hr3
{
display:none;
}
.wrapper {
    width: 100%;
	padding: 0 0px;
}
#leftBar {
    display: none !important;
}
#rightBar {
    display: none;
}
.rose{
display: none;
}
.byask{
display:none;
}
#mainContainer{
padding: 15px;
}
.show-mobile{
display: block !important;
}


.hidden-mobile{
display: none !important;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    margin-bottom: 0;
}

#blog .blogNav {
    float: none;
    width: 100%;
    margin-left: 0;
margin-bottom: 20px;
}

#blog .button {
    float: right;
}
#blog .blogPost {
    float: none;
    width: 100%;
}

div#qv_buttons{
display: none;
}

.tips::before{
 /*   padding-top: 1px;*/
/*border-top: 3px solid #000;*/
top: -14.5%;
}

}

/***********custom media*************************/

/***********custom media*************************/



@media only screen and (max-width: 980px){
#qp_main315273{
display:none;
}
ul#desktopMenu li ul {
width:95vw;
}
/*custom class*/
#cart{
/*border: 2px dotted #fff;*/
right: 20px;
color: #fff;
}
.country {
    float: none;
    margin-left: 0px;
}
#countrydrop{
right: 12.5%;
}
footer .wrapper {
/*custom changes*/
min-height: 40px;
height: 40px;
}
#mailistBox {
    position: relative;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
}
#modLinks ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    min-height: 40px;
}
#modLinks li {
    float: none;
    width: auto;
}
#modLinks ul {
    text-align: center;
    width: 100%;
}

#copyright {
    white-space: normal;
    padding: 0px 5px;
}


#copyright {
    float: none;
    text-align: center;
    margin-bottom: 25px;
    width: 100%;
    margin-bottom: 0px;
    position: relative;
    margin: 10px 0px 0px;
}
.social-icons {
    width: 100%;
    display: block;
    margin: 0 0 25px;
    position: relative;
    text-align: center;
}
.contactusdiv > .social-icons
{
/*text-align: left;*/
}
.social-icons{
width: initial;
left: 50%;
    transform: translateX(-50%);
}

.category-header {
    margin: 0px 0px;
}
#homeCarousel {
width: 85%;
margin-bottom: 40px;

}
.contactusdiv{
width:100%;
position: relative;
display:inline;
float:left;
}
.contactusdivcustomer{
width:100%;
position: relative;
display:inline;
float:left;
}
.contactusdivphone{
width:100%;
position: relative;
display:inline;
float:left;
}
div#mobilecontact{
text-align: center;
}
div#mobilecontact>br:nth-child(2){
display:none;
}
div#mobilecontact>br:nth-child(3){
display:none;
}
div#mobilecontact>br:first-child{
display:none;
}
div#mobilecontact .store-loc {
    margin-left: 50%;
    transform: translateX(-50%);
}


}
@media only screen and (max-width: 980px){
#logo {  /*logo container*/
/*custom changes needed to centre logo*/
width:100%;
}
img#large{
width: auto !important;
max-width: 100% !important;
}
.category-footer{
width: 90%;
}
.product-item .on-sale{
top: 50px !important;
}

ul.contactul {
    margin-left: 20px;
    text-align: left;
    width: 20%;
    left: 50%;
    min-width: 154px;
    position: relative;
    transform: translateX(-50%);
}

}

@media only screen and (max-width: 980px) {

html {
	padding: 0 !important;
}
body {
    max-width: 100%;
    overflow-x: hidden;
}
.wrapper {
	width: 100% !important;
	margin: auto;
	padding: 0 0px;
}
.top-menu {
    height: 50px;
}
.top-menu ul {
    float: none;
}
.top-menu li {
    display: block;
    margin: 0;
}
nav.cbp-spmenu>ul>li {
    border-bottom: 1px solid #000;
}
header {
	height: 40px;
	padding: 0em 0;
/*custom changes*/
/*margin-bottom: 80px;*/
}
nav#catNavMenu {
    border: none;
    margin: 0;
}
ul#desktopMenu {
    display: none;
}
/* nav */
.slicknav_menu {
    display: block;
}

aside {
	display: none !important;
}
#mainContent {
	display: block;
	width: 100% !important;
}
#logo {
	float: none;
	margin-left: 0;
	text-align: center;
}
#logo img {
	max-width: 80%;
	margin-top: 0px;
}
#searchBox {
	width: 100%;
	padding: 0 2em;
}
#searchBox input[type="text"] {
	width: 100%;
}
.mobile .search {
	display: block;
	border: 1px solid #000;
	margin: 5px 0 15px 0;
}
.mobile .search form {
	margin: 0 auto;
	text-align: center;
}
.mobile .search input {
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
.mobile .search input[type="text"] {
	font-size: 16px;
	font-weight: normal;
	color: #3d3d3d;
	line-height: 30px;
	height: 30px;
	width: 80%;
	background: #E5ECFF;
	border: none;
	padding: 0 0 0 15px;
	margin: 0;
/*custom changes*/
background: #fff;
}
.mobile .search input[type="submit"] {
	width: 20%;
	height: 30px;
	background: #FFF url(../images/lens.png) no-repeat center center;
	border: none;
	cursor: pointer;
/*custom changes*/
background: #fff;
}
#homeHeader {
	border: none;
	margin-bottom: 0;
	padding-bottom: 20px;
}
#homeHeader img {
	width: 100%;
	height: auto;
}
.header-specials {
	width: 100%;
	margin-bottom: 25px;
}
footer h3 {
    text-align: center;
}
footer .col1,
footer .col2,
footer .col3 {
    margin: 0;
    width: 100%;
}
#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;
}
#mailistBox {
	position: relative;
	/*width: 100%;*/
	height: 50px;
	left: 50%;
    transform: translateX(-50%);
}
#mailistBox label {
	text-align: center;
}
#mailistBox input[type="text"] {
	width: 90%;
}
#mailistBox input[type="submit"] {
	width: 10%;
}
#copyright {
	float: none;
	text-align: center;
	margin-bottom: 25px;
	width: 100%;
/* custom changes*/
	margin-bottom: 0px;
position: relative;
margin: 10px 0px 0px;
}
.social-icons {
	width: 100%;
	display: block;
	margin: 0 0 25px;
	position: relative;
	text-align: center;
}

.social-icons a {
	float: none;
	display: inline-block;
}
#globalFooter {
	float: none;
	text-align: center;
	margin-bottom: 25px;
    width: 100%;
}

/* General styles for Slide Out Menus */
.cbp-spmenu {
	background: #22303a;
	position: fixed;
}
.cbp-spmenu a,
.cbp-spmenu a:visited {
	display: block;
	font-size: 1.1em;
	font-weight: 300;
    text-align: left;
}
.cbp-spmenu a:hover,
.cbp-spmenu a:visited:hover {
}
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
	width: 240px;
	top: 0;
        overflow-y: scroll;
        overflow-x: hidden;
	z-index: 1000;
}
.cbp-spmenu-vertical a {
	/*border-bottom: 1px solid #000;*/
	padding: 1em;
}
.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}
.cbp-spmenu-horizontal a {.
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #000;
}
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
	left: -246px;
}
.cbp-spmenu-right {
	right: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0;
    z-index: 1050;
background: #fff;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0;
}


.cbp-spmenu-left.cbp-spmenu-open #countrydrop a{
font-size: 1.1em;
}
#countrydrop {
    list-style:none;
    margin-bottom:10px;
    float:left; /* Clear floats */
/* hide country selection menu*/
/*display:none;*/
    position: relative;
    z-index: 110;
    right: 0;
}
.cbp-spmenu-left.cbp-spmenu-open #countrydrop li ul{
background: #fff;
border: 1px solid #fff;
}
/* Push classes applied to the body */
 
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright {
	left: 240px;
}
.cbp-spmenu-push-toleft {
	left: -240px;
}
/* Transitions */
 
.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

}
@media only screen and (max-width: 980px) {
/*custom changes*/
.wrapper{
padding: 0px;
}

.today-at-tsc{
top: 25px;
}
#listing0 .main-image{
height: 150px !important;
}
#listing0 .main-image img {
    max-height: 150px !important;
width: auto !important;
}
#quickView .main-image a{
max-width: 300px !important;
max-height: 300px !important;
}
#quickView .main-image img {
    max-width: 300px !important;
max-height: 300px !important;

}
#quickView .main-image{
height: 342px !important;
}

/*custom changes*/
footer .wrapper {
height: 160px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor{
    background-color: #E5ECFF;
    color: #000;
}
/*custom changes*/
footer{
height:160px;

}
.footer{
/*custom changes*/
top:100px;
background:transparent;
margin:0px 5px;
}
#copyright {
/*custom changes*/
white-space:normal;
padding:0px 5px;
position: absolute;
top: 330%;
}
#homeHeader{
padding-bottom:0px;
}
category-header{
/*margin: 10px 0px;*/
    margin: 0px 0px;
}
#homeCarousel {
width:97%;
left:unset;
}
.flex-viewport {
position: unset !important;
}


#countrydrop{
width:240px;
}

ul.subMenu.slicknav_hidden{
display: block !important;
}



.product-item .stars {
    display: block;
    position: relative;
   margin: 0px;
   width: auto;
}
.product-item .name {
    position: relative;
    text-align: left;
    font-size: 5px !important;
    height: auto !important;
min-height: 0px;
}

.product-item .name a {
    font-size: 16px;
    text-align: left;
}
.product-item .price {
    text-align: left;
}

.product-container {
margin: 0px;
}	
.item-template-0 {

}
.alternative{
min-height:100px !important;
}
.productBlockContainer .middle-item {
padding: 0 !important;
margin: 0 !important;
}
product-item .img{
position: absolute;
bottom: 170px;
left: 5px;
}
.productBlockContainer .product-container {
    width: 100%;
    padding: 0;
	
}

.product-item .status {
    display: block;
    position: relative;
    text-align: left;
    float: left;
    margin-right: 40px;
    min-height: 0px;
    margin: 0px;
}

.product-item .action {
    position: absolute;
    right: 10px;
    top: 50px;
}

.product-item .img {
    max-width: 100%;
    min-width: 70px;
    min-height: 0px;
    height: 100px;
    position: relative;
    float: left;
}
	.top-menu {
		width: 100%;
		left: 0px;
		top: 0px;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
		position: fixed;
		background: #fff;
		height: 60px;
		z-index: 1050;
	}

.slicknav_menu>ul {
    overflow-y: scroll !important;
    position: fixed;
    width: 75%;
    bottom: 0px;
    top: 60px;
    left: 25%;
    box-shadow: 0px 6px 8px #000;
}


#logo {
    float: none;
    margin-left: 0;
    text-align: center;
    max-width: 150px;
    position: fixed;
    left: 50%;
    transform: translatex(-50%);
    margin: 0;
    padding: 0;
    height: 50px;
	z-index: 1051;
    border: none;
    top: 15px;
}

.slicknav_nav {
    color: #000;
    font-size: 0.875em;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    z-index: 999;
    background: #fff;
    border: 1px solid #000;
border-top: none;
}

.slicknav_nav ul {
    padding: 0;
    /* margin: 0 0 0 20px; */
    padding-left: 20px;
    border-bottom: 1px solid #000;
}

.top-menu ul ul li {
    border-top: 1px dotted #000;
}

li.slicknav_collapsed:last-child ul.subMenu.slicknav_hidden{
border:none;
}
.cbp-spmenu-vertical {
    width: 240px;
    top: 60px;
    bottom: 0px;
    z-index: 1060;
}
.m-search input[type="text"] {
    border: 1px solid #000;
}
ul#countrydrop li:first-child {
    border: none;
}
#FRAME_MENU li {
    border-top: 1px solid #000;
}
#countrydrop{
border-bottom: 1px solid #000;
}
nav#showSlideMenu {
    border-right: 1px solid #000;
    box-shadow: 0px 6px 8px #000;
}

.r-tabs .r-tabs-nav {
    display: none;
}
.r-tabs .r-tabs-accordion-title {
    display: block;
}
.darken {
    background: rgba(50, 50, 50, 0.5);
display: none;
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 100%;
left:0px;
}
#homeCarousel{
margin-top: 30px;
}
#closeSlideMenu{
display:none !important;
}

.vertical{
border:none;
}

.top-menu-caption {
    position: fixed;
    display: block;
    right: 0px;
    font-size: 14px;
    font-weight: bold;
    font-family: Gill Sans MT;
    top: 43px;
}

.menu-caption-more {
    position: fixed;
    left: 10px;
}

.menu-caption {
    display: inline;
    margin-left: 15px;
    margin-right: 4px;
}

.top-menu .icon-menu {
    color: #000;
    width: 40px;
    height: 50px;
    /* margin: 8px 10px 0 10px; */
    font-size: 32px;
}

#mobileMenu i, #mobileCatMenu i, #mobileCart i {
    color: #000;
    font-size: 35px;
}

}
@media only screen and (max-width: 768px){
#loginAccount .alpha-col {

    width: 100%;
}
#loginAccount .beta-col {
    float: left;
    width: 100%;
}

.notcountry{
width: 100%;
text-align: left;
margin-left: 0px;
}

div.whiteinfo>div>span:first-child {
    font-size: 14pt !important;
    font-family: Gill Sans MT !important;
}

div.whiteinfo span:not(.ips):not(.rotateS):not(.infotitle){
    font-size: 14px !important;
    font-family: Arial !important;
}
.ips{
    font-size: 16px;
    display: inline-block;
    margin-left: -4.5px;
    line-height: 15.5px;
}

div.whiteinfo>div>span>span>div {
    font-size: 17pt !important;
    font-family: Gill Sans MT !important;
}
div.whiteinfo>div>span>span>div>span>span {
    font-size: 13pt !important;
    font-family: Gill Sans MT !important;
}
div.whiteinfo>div>span>span>div>span {
    font-size: 13pt !important;
    font-family: Gill Sans MT !important;
}
.whiteworksheet {
    font-size: 16px;
    text-align: center;
    align: center;
    width: 280px;
    float: left;
    margin-left: 50%;
    transform: translatex(-50%);
    margin-bottom: 40px;
}
#crm td {
    padding: 30px 0px 2px 15px !important;
}



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

.fancybox-inner{
width: 300px !important;
}

div#inline{
width:300px !important;
}

div#inline>img{
width: 250px !important;

}

div#inline>a{
margin-left: 0px !important;
}

}

.qp_a{
color: #000 !important;
}

#qp_rb_315273{
display: none !important;
}

#qp_rv_3_315273, #qp_rv_2_315273, #qp_rv_0_315273, #qp_rv_1_315273{
background: #D91476 !important;
border-color: #D91476 !important;
}

.qp_btna input{
background: #D91476 !important;
height: 25px !important;
}
.qp_btna{
width: 70px !important;
margin-top: 16px !important;
margin-right: 15px !important;
}

#qp_main315273{
border: none !important;
max-width: 35% !important;
width: 35% !important;
position: absolute !important;
top: 19% !important;
z-index: 10 !important;
}
.qp_a{
margin: 0px !important;
padding: 0px !important;
}

#qp_main315273{
max-width: 34% !important;
width: 34% !important;
}

#qp_main315273 div{
text-transform: uppercase !important;
}
.qp_a span{
/*padding-left: 80px !important;*/
margin-top: 5px !important;
}
#qp_main315273 div{
font-family: 'Karla', sans-serif, Arial !important;
}

#qp_main315273 .qp_btna:hover input{
background: #F748C0 !important;
} 
#qp_form315273 > div{
width: 250px !important;
margin-left: 10% !important;
}

#qp_a315273{
display: none !important;
}

.product-id {
display: none !important;
}

#viewCartQuick{
background: #fff !important;
}

/* STORE'S ONLY CSS */

.category_page_headers, #subcategoriesBlock{
display: none;
}

ul#desktopMenu li ul{
/*position:absolute;
display: block;
 left: -170px;*/
position: relative;
display: block;

}

.createFirstReview{
margin-bottom: 10px !important;
display: inline-block;
}




/*Canada Post Strike*/


.postalstrike{
background: #F00;
background: #5f0000;
    width: 100%;
    height: auto;
    display: none;
    line-height: 34px;
    font-size: 19px;
    color: #fff;
    z-index: 1000;
    text-align: center;
    border-bottom: 1px solid #000;
    position: relative;
    text-shadow: 0px 0px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

	}

.postalstrike a{
    line-height: 16px;
    font-size: 19px;
}
div#divShipping:before {
    content: 'Due to the on going tariff issue, orders cannot be placed at this time.';
    position: relative;
    color: #F00;
    text-align: left;
    display: none;
    margin-bottom:12px;
}
@media only screen and (max-width: 980px){
.postalstrike{
background: #F00;
    width: 100%;
    height: auto;
    display: none;
    font-size: 10px;
    color: #fff;
    z-index: 1000;
    text-align: center;
    border-bottom: 1px solid #000;
    position: fixed;
	bottom:0px;

	}
.postalstrike a{
font-size: 10px;
}
}	

@media only screen and (max-width: 860px){
.flex-direction-nav .flex-prev {
    opacity: 1;
    left: -20px !important;
}
.flex-direction-nav .flex-next{
    opacity: 1;
    right: -20px !important;
}
#categoryHeader li {

    font-size: 14px;

}
}






/* US ONLY */
select[name="shipping_country"] option[value="CA"], select[name="billing_country"] option[value="CA"] {
    display: none;
}
.country{
width:195px
}
.freeshipping{
display:none;
}
.shippingNotification{
color: #d00;
}
.shippingNotification a{
color: #00d;
text-decoration: underline;
}