/* default_modified.css with smaller left nav */

@charset "UTF-8";
/* CSS Document */
/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/

/*2020 Video Popup*/

	.vidclose {
    position: relative;
    color: slategray;
    cursor: pointer;
    font-size: 14px;
	font-weight:700;
	}
	
	.vidicon {
    text-align: center;
    color: #ff8a1e;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 10px 0px;
	display:inline-block;
	float:left;
	}
	
	.videomodal {
    width: 100%;	
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: center;
    display: none;
	}
	
	.videodetails	{
    width: 100%;
	height:100%;
    max-width: 480px;
	max-height:360px;
    background-color: #ffffff;
    padding: 0px 15px 35px;
    border-radius: 10px;
    font-family: raleway, georgia, times;
    font-size: 1rem;
    line-height: 125%;
    font-weight: 400;
    text-align: center;
    display: block;
    z-index: 5;
    margin: 20px auto;
	hyphens:none;
	}



/* 2020 Prop65 Warning */

   .propw2 {
    text-align: left;
    font-family: 'hind vadodora', 'open sans', arial, sans;
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
}
    
    .propw2modal {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    display: none;}
       
    
    .pwclose {
    top: 2px;
    right: 5px;
    position: absolute;
    color: slategray;
    cursor: pointer;
    font-size: 12px;
}
    
 .propw2details {
    width: 100%;
    max-width: 350px;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    font-family: 'hind vadodora', 'open sans', arial, sans;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    text-align: left;
    position: fixed;
    display: block;
    z-index: 10;
    top: 400px;
    left: 40%;
    }
    
     @media screen and (max-width:800px) {
        .propw2details {
			width:90%!important;
            max-width:320px;
			position:relative!important;
			margin:10px auto!important;
			left:0!important;
			top:50%!important;
		}
	}



/* 2018 CUSTOM STYLES BY LVS DEV */

	#comparison {
		width:100%;
		margin:auto;
		text-align:center;
		padding-bottom:20px;
	}

	.propwarning {
	font-family:'open sans', arial, sans-serif;
    text-align: left;
    color: #000000;
    font-size:.7rem;
    font-weight: 700;
	margin-top: 10px;
	cursor:pointer;
	}
	

	
.propwarningdetails {
    width: 100%;
    max-width: 400px;
    background-color: #ffffff;
    padding: 20px 0px;
    border-radius: 10px;
    font-family: 'open sans', 'hind vadodora', arial, sans-serif;
color:#000000;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    text-align: left;
    display: block;
    z-index: 5;

}
	

	
	@media screen and (max-width:600px) {
		.propwarningdetails {
			top:20px!important;
			left:10px!important;
			max-width:320px!important;
		}
	}



.material-icons4 {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 1.8em; 
display: inline-block;
line-height: 100%;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
float:right;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.subcatright {
width:15%;
float:right;
padding:15px 0px;
text-align:right;
}
.subcatleft {
width:85%;
float:left;
padding:15px 0px;
}


/* Free shipping info popup */
#hover:hover {
cursor:pointer;
}
.topright {
top:2px;
right:5px;
position:absolute;
color:slategray;
cursor:pointer;
font-size:12px;
}
.freeshipdetails {
width:100%;
max-width:600px;
background-color:#ffffff;
padding:15px;
border-radius:10px;
font-family:raleway, georgia, times;
font-size:16px;
line-height:125%;
font-weight:400;
text-align:left;
position:fixed;
display:block;
z-index:5;
top:115px;
left:30%;
}
.detailsmodal {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
position:fixed;
left:0;
top:0;
z-index:200;
display:none;
}
/* End free shipping details popup style */
#notice2 {
width:100%;
margin:auto;
height:auto;
display:block;
background:#efefef;
}
#noticemobile {
display:none;
width:100%;
max-width:480px;
height:auto;
margin:auto;
border-bottom:thin solid black;
}
/* Top Level Menu */
#navbar-lvs {
width:100%;
min-height:45px;
border-top: thin solid lightgray;
border-bottom: thin solid lightgray;
background:#6dbeff;
}
#navbar-lvs-top,
#navbar-lvs-top-spec {
display:inline-block;
float:left;
padding:10px 10px;
margin-right:25px;
min-height:45px;
}
#navbar-lvs-top:hover {
transition-timing-function: linear;
transition-delay:.5s;
transition-property:background-color;
transition-duration:.2s;
background-color:#68a6d8;
border-top-left-radius:5px;
border-top-right-radius:5px;
z-index:999;
}
#navbar-lvs-top a,
#navbar-lvs-top a:visited {
font-family:'Hind Vadodara','open sans',arial, sans-serif;
font-size:18px;
font-weight:400;
color:#ffffff;
text-decoration:none;
text-transform:none;
}
#navbar-lvs-top-spec:hover {
background-color:#ffb869;
border-top-left-radius:5px;
border-top-right-radius:5px;		
}
#navbar-lvs-top:last-child {
margin-right:0px;
}
#navbar-lvs-top-spec a,
#navbar-lvs-top-spec a:visited {
font-family:'Hind Vadodara','open sans',arial, sans-serif;
font-size:18px;
font-weight:400;
color:#ffffff;
text-decoration:none;
text-transform:none;
}
#navbar-lvs-top a:hover,
#navbar-lvs-top-spec a:hover{
color:#ffffff;
}
.material-icons2 {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; 
display: inline-block;
line-height: 115%;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
float:right;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.material-icons3 {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 30px; 
display: inline-block;
line-height: 100%;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
float:right;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}			
/* wraps entire dropdown */
#menuwrap-bg {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.35);
position:fixed;
left:0;
top:0;
z-index:200;
opacity:0;
pointer-events:none;
}
.menuwrap {
width:100%;
max-width:1024px;
position:absolute;
top:-500px;
left:2px;
background-color:#fff;
/* hide element for now */
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0s 1.5s;
z-index:999;
border-radius:3px;
pointer-events:none;
}
#navbar-lvs-top:hover .menuwrap,
#navbar-lvs-top-spec:hover .menuwrap {
max-height:520px;
transition-timing-function: linear;
transition-delay: .5s;
transition-duration:.2s;
transition-property:opacity;
opacity: 1;
pointer-events: auto;
top:45px;
}
#navbar-lvs-top:hover + #menuwrap-bg,
#navbar-lvs-top-spec:hover + #menuwrap-bg {
transition-timing-function: linear;
transition-duration:.2s;
transition-delay:.5s;
transition-property: opacity;
opacity:1;
display:block;
}
/* Dropdown Main Menu */
#holdme {
width:100%;		
}
#indexwrap {
float:left;
width:100%;
display:block;
overflow:hidden;
}
.dropindex {
position: relative;
display: block;
}
.indextitle {
width:100%;
max-width:150px;
overflow:hidden;
padding:15px 0px;
background-color:#6dbeff;
}
.indextitle:hover {
background-color:#68a6d8;
}
.indextitle a,
.indextitle a:visited {
font-family:'Hind Vadodara','open sans',arial, sans-serif;
font-size:24px;
font-weight:700;
text-align:left;
color:#565656;
text-decoration:none;	
padding-left:20px;
}
.indextitle a:hover {
color:#a0171e;		
}
/* Category flyout Menus */
#droptoplink {
width:30%;
padding:8px;
margin-right:8px;
background:#67a6d9;
border-radius:3px;
text-align:center;
font-family:'Hind vadodara', 'open sans', arial, sans-serif;
font-size:0.9rem;
font-weight:500;
color:#ffffff;
text-decoration:none;
float:left;
cursor:pointer;
}
#droptoplink:hover {
text-decoration:underline;
}
.material-icons {
font-size:18px;
vertical-align:text-bottom;
}
#indexwrap .dropwrap {
width:84%;
max-width:1100px;
padding:10px;
float:left;
display:none;
position:absolute;
left:160px;
top:0px;
background-color:#fff;
}
#indexwrap .dropwrap-init {
width:84%;
max-width:1100px;
padding:10px;
float:left;
position:absolute;
left:160px;
top:0px;
display:block;
background-color:#fff;
}
#indexwrap:hover .dropwrap {
display:block;
}
#dropleft {
width:68%;
max-width:650px;
float:left;
display:inline-block;
}
#dropleft #col {
width:25%;
text-align:left;
float:left;
padding-right:25px;
}
#dropleft #coltwo {
width:48%;
text-align:left;
float:left;
}
#dropleft #colthree {
width:73%;
text-align:left;
float:left;
padding-right:35px;
}
#dropleft #colthird {
width:33.333%;
text-align:left;
float:left;
padding-right:30px;
}
#dropleft #colfour {
width:98%;
text-align:left;
float:left;
}
#dropleft #col #listtop,
#dropleft #coltwo #listtop,	
#dropleft #colthree #listtop,
#dropleft #colthird #listtop,
#dropleft #colfour #listtop {
padding:8px 0px;
border-bottom: solid 1.5px gray;
display:block;
}
#dropleft #col #listtop:hover {
border-bottom: solid 1.5px #ffde00;
}
#dropleft #coltwo #listtop:hover {
border-bottom: solid 1.5px #ffde00;
cursor:pointer;
}
#dropleft #colfour #listtop:hover {
border-bottom: solid 1.5px #ffde00;
cursor:pointer;	
}
#dropleft #colthree #listtop:hover {
border-bottom: solid 1.5px #ffde00;
cursor:pointer;	
}
#dropleft #colthird #listtop:hover {
border-bottom: solid 1.5px #ffde00;
cursor:pointer;	
}
#dropleft #col #listtop a,	
#dropleft #coltwo #listtop a,
#dropleft #colthree #listtop a,
#dropleft #colthird #listtop a,
#dropleft #colfour #listtop a,
#dropleft #col #listtop a:visited,
#dropleft #coltwo #listtop a:visited,
#dropleft #colthree #listtop a:visited,
#dropleft #colthird #listtop a:visited
#dropleft #colfour #listtop a:visited {
font-family:'Hind vadodara', 'open sans', arial, sans-serif;
font-size:18px;
font-weight:600;
color:#a0171e;
line-height:30px;
text-decoration:none;
cursor:pointer;
}
#dropleft #col #list {
width:100%;
}	
#dropleft #colthird #list {
width:100%;
}
#dropleft #coltwo #list {
width:45%;
display:inline-block;
vertical-align:top;
}
#dropleft #colthree #list {
width:31%;
display:inline-block;
vertical-align:top;
padding-right:25px;
}
#dropleft #colfour #list {
width:23%;
display:inline-block;
vertical-align:top;
padding-right:25px;
}
#dropleft #colfour #listth {
width:31%;
display:inline-block;
vertical-align:top;
padding-right:25px;
}
#dropleft #colfour #listhalf {
width:49%;
display:inline-block;
vertical-align:top;
padding-right:25px;
}
#dropleft #colfour #list:last-child,
#dropleft #colthree #list:last-child,
#dropleft #colthird #list:last-child,
#dropleft #colfour #listth:last-child,
#dropleft #colfour #listhalf:last-child {
padding-right:0px;
}
#dropleft #coltwo #list:last-child {
padding-left:10px;
}
#dropleft #col #list a,
#dropleft #coltwo #list a,
#dropleft #colthree #list a,
#dropleft #colthird #list a,
#dropleft #colfour #list a,
#dropleft #colfour #listth a,
#dropleft #colfour #listhalf a,
#dropleft #col #list a:visited,
#dropleft #coltwo #list a:visited,
#dropleft #colthree #list a:visited,
#dropleft #colthird #list a:visited,
#dropleft #colfour #list a:visited,
#dropleft #colfour #listth a:visited,
#dropleft #colfour #listhalf a:visited {
font-family:'Hind vadodara', 'open sans', arial, sans-serif;
font-size:14px;
font-weight:400;
color:#565656;
text-decoration:none;
margin:20px 0px;
display:block;
cursor:pointer;
line-height:125%;
}		
#dropleft #col #list a:hover,
#dropleft #coltwo #list a:hover,
#dropleft #colthree #list a:hover,
#dropleft #colthird #list a:hover,
#dropleft #colfour #list a:hover,
#dropleft #colfour #listth a:hover,
#dropleft #colfour #listhalf a:hover {
font-weight:500;
color:#a0171e;
}
#dropleft #col #shopall,
#dropleft #coltwo #shopall,
#dropleft #colthree #shopall,
#dropleft #colthird #shopall,
#dropleft #colfour #shopall {
width:100%;
}
#dropleft #col #shopall a,
#dropleft #coltwo #shopall a,
#dropleft #colthree #shopall a,
#dropleft #colthird #shopall a,
#dropleft #colfour #shopall a,
#dropleft #col #shopall a:visited,
#dropleft #coltwo #shopall a:visited,
#dropleft #colthree #shopall a:visited,
#dropleft #colthird #shopall a:visited,
#dropleft #colfour #shopall a:visited {
font-family:'Hind vadodara', 'open sans', arial, sans-serif;
font-size:14px;
font-weight:400;
color:#FFA52D;
text-decoration:none;
margin:20px 0px;
display:block;
cursor:pointer;	
}
#dropleft #col #shopall a:hover,
#dropleft #coltwo #shopall a:hover,
#dropleft #colth #shopall a:hover,
#dropleft #colfour #shopall a:hover {
font-weight:500;
color:#ffdf2d;
}		
#dropright {
width:32%;
float:right;
display:inline-block;
overflow:hidden;
}
#dropright img {
width:100%;
display:block;
}
/* Media Queries */


@media screen and (max-width:1077px) {
#navbar-lvs-top,
#navbar-lvs-top-spec {
margin-right:15px;
}
}

@media screen and (max-width:1005px) {
#navbar-lvs-top,
#navbar-lvs-top-spec {
margin-right:10px;
}
}
@media screen and (max-width:980px) {
#navbar-lvs {
padding-left:5px;
}
#navbar-lvs-top {
padding:10px 0px;
margin:0px 10px;
}

#dropright {
display:none;
}
#dropleft {
width:100%;
max-width:800px;
}
.material-icons2 {
font-size:24px;
}
}
@media screen and (max-width:915px) {
#navbar-lvs-top {
margin:0px 8px;
}
}
@media screen and (max-width:900px) {
#navbar-lvs {
display:none;
}
}

@media screen and (max-width:480px) {
#noticemobile {
display:block!important;
}

}
/***************************************/
/*	HELPER CLASSES           */
/***************************************/
/*********************************/
/*          CUSTOM STYLES        */
/*********************************/
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.round {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.width100 {
width: 100%;
}
.width50 {
width: 50%;
}
.ypad10 {
padding: 10px 0px;
}
.xpad10 {
padding: 0px 10px;
}
.txt-c {
text-align: center !important;
}
.hide {
display: none;
}

@media (max-width: 767px) {
.hide-mobile-mini {
display: none;
}
}
@media (max-width: 1024px) {
.show-mobile {
display: block;
}
}
@media (max-width: 767px) {
.show-mobile-mini {
display: block;
}
}
.relative {
position: relative;
}
.hidden-mobile-bg {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
display: none;
z-index: 11;
}
.pad20 {
padding: 20px;
}
.color1 {
color: #0D6FB8;
}
.color2 {
color: #e6f0f7;
}
/*
Container
--------------------------*/
.m-container {
width: 100%;
/*max-width: 1024px;*/
height: auto;
margin: 0 auto;
padding: 0 0px;
}
@media (max-width: 1024px) {
.m-container {
max-width: 1024px;
padding: 0 15px !important;
}
}
@media (max-width: 767px) {
.m-container {
max-width: 767px;
padding: 0 10px !important;
}
}
/*********************************/
/*          Utilities       */
/*********************************/
/*
GRID SYSTEM
--------------------------*/
.col-group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .col-group {
zoom: 1;
}
/* IE6 */
*:first-child + html .col-group {
zoom: 1;
}
/* IE7 */
.col-2, .col-xs-2,
.col-3, .col-xs-3,
.col-4, .col-xs-4,
.col-5, .col-xs-5,
.col-6, .col-xs-6,
.col-8, .col-xs-8 {
float: left;
display: inline-block;
}
.col-2,
.col-xs-2 {
width: 20%;
}
.col-3,
.col-xs-3 {
width: 25%;
}
.col-4,
.col-xs-4 {
width: 33.3333333%;
}
.col-5,
.col-xs-5 {
width: 50%;
}
.col-6,
.col-xs-6 {
width: 66.66666666%;
}
.col-8,
.col-xs-8 {
width: 80%;
}
/*
TYPOGRAPHY
------------------------------*/
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
/*
Lists
---------------------------------*/
.list-inline {
margin: 0;
padding: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
/*
Alignment
-----------------*/
.inline-left {
display: inline-block;
float: left;
}
.inline-right {
display: inline-block;
float: right;
}
/*
Visibility
-----------------*/
.visible-tab {
display: none;
}
@media (max-width: 1024px) {
.visible-tab {
display: block;
}
}
.visible-mob {
display: none;
}
@media (max-width: 767px) {
.visible-mob {
display: block;
}
}





/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)        */
/*******************************************************************************************************/
/*body:: Controls website background and any other text outside of a table without an associated style.*/
body {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 12px;
color: #000000;
background: #fff;
line-height: 1.35;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow-x: hidden;
}
/*mainframe:: Container for all the page elements not including the top bar if there is one.*/
.mainframe {
width: 100%;
padding: 0px 0px;
margin: 0px auto 30px auto;
/*background: #fff;*/
position: relative;
}
/*mod_bg:: Controls the left and right column modules background.*/
.mod_bg {
text-align: left;
padding: 0px 0px 10px 0px;
background: #fff;
border: 1px solid #1f1f1f;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.mod_bg ul.cat {
margin: 0;
padding: 0;
list-style: none;
margin: 0 0 0 0;
}
.mod_bg ul.cat > li {
margin: 0;
padding: 0;
list-style: none;
}
.mod_bg ul.cat li {
line-height: 23px;
margin-bottom: 0px;
text-align: left;
}
.mod_bg ul.cat li a {
font-size: 11px;
color: #000;
display: block;
padding: 0 8px;
font-weight: 400;
text-decoration: none;
}
.mod_bg ul.cat li a:hover {
background: #e6f0f7;
color: #000;
}
input[type="button"], input[type="text"] {
-webkit-appearance: none;
}
/*************************/
/*** ALL GLOBAL TITLES ***/
/*************************/
/*header-specials:: Styling for title of Featured Products.*/
.header-specials {
background: none;
font-size: 18px;
font-weight: 400;
color: #D90000;
text-transform: uppercase;
text-decoration: none;
padding: 0px 0px;
margin: 10px 0;
line-height: 30px;
text-align: left;
position: relative;
z-index: 1;
position: relative;
}
.header-specials span {
padding: 0 0px;
}
@media (max-width: 767px) {
.header-specials {
font-size: 19px;
text-align: left;
}
.header-specials span {
padding: 0 0px 0 0px;
}
}
/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/
.menu-headers {
background: url(images/title-bg.png) repeat-x top center;
font-size: 17px;
font-family: Arial, Courier New, Sans-Serif;
color: #000000;
font-weight: 700;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 0px;
padding: 0px 8px 0px 12px;
margin: 0 0 10px 0;
line-height: 44px;
border-bottom: 1px solid #1F1F1F;
text-align: left;
position: relative;
z-index: 1;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {
font-family: Arial, Courier New, Sans-Serif;
font-size: 2em;
line-height: 1;
letter-spacing: 0px;
color: #67a6d9;
margin: 0px 0px 10px 0px;
text-transform: none;
padding: 0px 0px;
font-weight: 700;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
background: none;
text-align: left;
position: relative;
}
@media (max-width: 767px) {
.page_headers {
font-size: 20px;
}
}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/
.titles {
background: none;
font-size: 18px;
font-weight: 400;
color: #000;
text-transform: uppercase;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 10px 0;
line-height: 38px;
text-align: left;
position: relative;
z-index: 1;
position: relative;
}
@media (max-width: 767px) {
.titles {
font-size: 16px;
}
}
/*titles2:: Controls the titles on the view cart page*/
.titles2 {
background: none;
border: none;
padding: 0 10px;
font-weight: 700;
color: #0D6FB8;
font-size: 14px;
text-transform: uppercase;
line-height: 36px;
position: relative;
}
.page_banners {
margin-bottom: 0;
}
#itemsBlock {
margin-top: 0px;
width:100%;
max-width:1366px;
margin:auto;
}
#itemsBlock .products-header {
background: none;
border: none;
padding: 0 10px;
font-weight: 400;
color: #000000;
font-size: 18px;
line-height: 40px;
text-transform: uppercase;
}
#itemsBlock .products-header .sort-by {
font-size: 14px;
}
#itemsBlock .products-header .sort-by span {
display: none;
}
@media (max-width: 767px) {
#itemsBlock .products-header span {
display: none !important;
}
}
/*******************************************************************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************************************************************/
/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/
tr {
text-align: left;
}
sup {
vertical-align:text-top;
font-size:10px;
}
/*td:: Controls all text inside a table without and associated style.*/
td {
text-decoration: none;
word-spacing: normal;
}
/*data:: Controls the font style of your content on all the pages.*/
.data {
letter-spacing: 0px;
}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
background: #fff;
padding: 2px 2px 2px 2px;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/*price:: Controls the way the product's final price display throughout the site.*/
.price {
font-size: 18px;
color: #0D6FB8;
font-weight: bold;
letter-spacing: 0px;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/
.price2 {
font-size: 12px;
color: #000000;
font-weight: bold;
}
/*error:: Controls the error messages*/
.error {
font-size: 12px;
font-weight: normal;
color: #e10e04;
text-decoration: none;
}
/*borders:: Controls the color of the line dividers used throughout the site.*/
.borders {
color: #000000;
border: 1px solid #ccc;
}
/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/
.borders2 {
border: 1px solid #ccc;
border-style: none none dotted;
}
/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/
A, A:visited {
color: inherit;
font-family: inherit;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
transition: color 200ms ease;
font-style: normal;
text-decoration: none;
font-weight: inherit;
}
/*A:hover:: When a user passes  their mouse over them.*/
A:hover, A:visited:hover {
color: #ffb869;
text-decoration: none;
}
/*******************************************************************************************************/
/*   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: 12px;
color: #000000;
font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
font-size: 14px;
font-weight: 400;
color: #010101;
margin-bottom: 5px;
}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
font-size: 14px;
font-weight: bold;
color: #e30000;
}
/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/
/*btn:: Controls the buttons, (ONLY if it is not using and image).*/
.btn {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
background: #ff8a1e;
color: #fff;
border: none;
text-align: center;
text-transform: none;
font-size: 16px;
font-weight: 500;
line-height: 35px;
padding: 5px 8px;
margin: 2px;
cursor: pointer;
letter-spacing: 0px;
-webkit-appearance: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/
.btn:hover, .btn_over {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
background: #ed7200;
text-align: center;
text-transform: none;
font-size: 16px;
font-weight: 500;
color: #fff;
border: none;
line-height: 35px;
padding: 5px 8px;
margin: 2px;
cursor: pointer;
letter-spacing: 0px;
-webkit-appearance: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
}
/*btnrx:: Controls the buttons, (ONLY if it is not using an image).*/
.btnrx {
width:80%;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
background: #01a41d;
color: #fff;
border: none;
text-align: center;
text-transform: none;
font-size: 22px;
font-weight: 500;
line-height: 40px;
padding: 13px 20px 13px 20px;
margin: 2px 2px 10px 2px;
cursor: pointer;
letter-spacing: 0px;
-webkit-appearance: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
}
/*btnrx_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using an image).*/
.btnrx:hover, .btnrx_over {
background: #008c18;
}
#btnrxct {
}
/*btnap:: Controls the buttons, (ONLY if it is not using and image).*/
.btnap {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
background: lightslategray;
color: #fff;
border: none;
text-align: center;
text-transform: none;
font-size: 16px;
font-weight: 500;
line-height: 35px;
padding: 5px 8px;
margin: 2px;
cursor: pointer;
letter-spacing: 0px;
-webkit-appearance: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
}
/*btnap_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/
.btnap:hover, .btnap_over {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
background:darkslategray;
color: #fff;
border: none;
text-align: center;
text-transform: none;
font-size: 16px;
font-weight: 500;
line-height: 35px;
padding: 5px 8px;
margin: 2px;
cursor: pointer;
letter-spacing: 0px;
-webkit-appearance: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/
.txtBoxStyle {
border: 1px solid #ff8a1e;
border-radius:3px;
background-color: #fff;
font-weight: 500;
font-size: 16px;
color: #000;
margin: 2px 0;
padding: 8px 1px 9px 8px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/
.txtAreaStyle {
border: 1px solid #cdcdcd;
background-color: #fefefe;
font-weight: normal;
font-size: 12px;
color: #010101;
}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
height: 20px;
color: #010101;
font-size: 14px;
border: none;
padding: 3px 0px 0px 0px;
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-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 10px;
font-weight: bold;
background-color: #ccc;
color: #000000;
}
img {
border: none;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/
/*font1:: Primary Screen Font */
.font1 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}
/*font2:: Secondary Screen Font */
.font2 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 14px;
font-weight: normal;
color: #0D6FB8;
}
.font3 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 16px;
font-weight: normal;
color: #e6f0f7;
}
.font4 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 18px;
font-weight: normal;
color: #0D6FB8;
}
/*top:: Controls the  Color of the top Bar*/
/*line:: Controls the  Color of the line below the top bar*/
/*store-name:: Store Name.*/
.store-name {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 54px;
font-weight: bold;
line-height: 50px;
color: #0D6FB8;
text-transform: uppercase;
display: block;
}
/*store-slogan:: Store Slogan.*/
.store-slogan {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 23px;
color: #e6f0f7;
font-weight: normal;
font-style: italic;
text-transform: none;
line-height: 24px;
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;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 12px;
font-weight: normal;
line-height: 1.1;
color: #ccc;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*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-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 0.85em;
font-weight: normal;
text-decoration: underline;
}
/*
START: SELECTION COLORS
-------------------*/
::-moz-selection {
background: #0D6FB8;
color: #fff;
text-shadow: none;
}
::selection {
background: #0D6FB8;
color: #fff;
text-shadow: none;
}
/*
Place Holder
------------------*/
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
color: transparent;
}
/* FF 19+ */
/*********************************/
/*Frame*/
/*********************************/
#TS_items, #NR_items {
position: relative;
padding: 0 12px;
}
.content-area > .m-container {
/*max-width: 1024px;*/
padding: 0px;
background: #fff;
}
@media (max-width: 1024px) {
.content-area > .m-container {
padding: 0px 15px;
}
}
#mainContainer {
width: 100%;
padding: 0px 0 0 0;
margin: 0px;
min-height: 400px;
background: none;
}
@media (max-width: 1024px) {
#mainContainer {
padding: 5px 0 15px 0;
}
}
#midContent {
float: left;
padding: 0 0px 0 0px;
width: 100%;
margin: 0px;
min-height: 400px;
}
@media (max-width: 767px) {
#midContent {
padding: 0px 0px;
}
}
#midContent img {
max-width: 100%;
}
.global-banners {
position: relative;
padding: 0px 0px;
color: #fff;
}
.global-banners img {
display: block;
}
/*********************************/
/*Global Product Display Styling*/
/*********************************/
.productBlockContainer {
margin: 0;
}
@media (max-width: 1024px) {
.productBlockContainer {
clear: none !important;
border: none;
}
}
@media (max-width: 1024px) {
.productBlockContainer > div {
clear: none !important;
}
}
.product-container {
padding: 8px;
margin:0 0 5px 0;
}
@media (max-width: 1024px) {
.product-container {
width: 33.33% !important;
padding: 8px;
}
}
@media (max-width: 767px) {
.product-container {
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0 auto 12px auto !important;
display: block;
max-width: 300px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none;
display: block;
border-left: 0px solid #ccc;
}
}
.product-container.middle-item {
padding: 8px !important;
}
@media (max-width: 1024px) {
.product-container.middle-item {
width: 33.33% !important;
padding: 8px !important;
}
}
@media (max-width: 767px) {
.product-container.middle-item {
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0 auto 12px auto !important;
display: block;
max-width: 300px;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none;
display: block;
}
}
.product-container.first-item {
padding-left: 8px !important;
border-left: 0px solid #ccc;
}
@media (max-width: 1024px) {
.product-container.first-item {
padding: 8px !important;
}
}
.product-container.last-item {
padding-right: 8px !important;
}
@media (max-width: 1024px) {
.product-container.last-item {
padding: 8px !important;
}
}
.product-item {
padding: 8px;
margin: 0px auto 0px auto;
text-align: left;
position: relative;
min-height: inherit;
border:thin solid rgba(211, 211, 211, 1.0);
}
@media (max-width: 1024px) {
.product-item {
padding: 15px 40px;
}
}
@media (max-width: 767px) {
.product-item {
padding: 15px 0 !important;
}
}
@media (max-width: 767px) {
.product-item:hover {
border: thin solid rgba(255, 137, 30, 0.5);
}
}
.product-item .img {
padding: 0px;
margin-bottom: 10px;
border: 0px solid #ccc;
background: none;
width: 100%;
max-width:75%;
height: 225px;
min-height: initial;
position: relative;
margin:auto;
}
.product-item .img img {
max-width: 95%;
max-height: 95%;
min-height: inherit;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.product-item .content {
position: relative;
width: 100%;
margin: 5px auto 5px auto;
padding: 0px 8px;
background: none;
overflow: hidden;
text-align: center;
}
.product-item .name {
font-size: 14px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-weight: 400;
color: #000000;
text-align: center;
line-height: 22px;
height: 45px!important;
min-height: inherit;
overflow: hidden;
padding: 0px;
margin: 0px 0px 5px 0px;
}
.product-item .name a {
font-size: 14px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-weight: 400;
color: #000000;
text-decoration: none;
line-height: 22px;
text-transform: none;
}
.product-item .name a:hover {
color: #64aae8;
text-decoration: none;
}
.product-item .price {
float: right;
width: 100%;
font-size: 18px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-weight: 900;
color: #095BC2;
text-align: center;
line-height: 20px;
height: 20px;
padding: 0px 0px;
margin: 5px 0px;
overflow: hidden;
}
.product-item .price img {
vertical-align: top;
}
.product-item .stars {
float: left;
width: 100%;
line-height: 20px;
height: 20px;
margin: 5px 0px;
position: relative;
text-align: center;
}
.product-item .stars img {
display: inline-block;
vertical-align: initial;
float: none;
margin: 0;
}
.product-item .stars span {
float: none;
vertical-align: top;
line-height: 20px;
display: inline-block;
}
@media (max-width: 980px) {
.product-item .stars span {
display: none;
}
}
.product-item .action {
float: right;
width: 100%;
margin: 0;
text-align: center;
display: block;
}
.product-item .action input {
min-width: 50%;
}
.product-item .status {
visibility: visible;
clear: both;
height: auto;
font-size: 12px;
height: 17px;
display: block;
text-align: center;
margin: 0px auto 0px auto;
}
@media (max-width: 1024px) {
.product-item .status {
font-size: 11px;
}
}
.product-item .qty {
font-size: 18px;
margin-top: 15px;
}
.product-item .qty input {
text-align: center;
font-size: 12px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-weight: 400;
color: #0D6FB8;
}
.product-item s, .product-item .price2, .product-item del {
font-size: 12px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-weight: 700;
line-height: 20px;
color: #969696;
padding-right: 5px;
}
@media (max-width: 980px) {
.product-item s, .product-item .price2, .product-item del {
display: none;
}
}
@media (max-width: 767px) {
.product-item s, .product-item .price2, .product-item del {
display: inline-block;
}
}
.product-item .onsale, .product-item .on-sale {
width: 55px;
height: 55px;
line-height: 55px;
position: absolute;
background:#ff8a1e;
right: 5px;
top: 5px;
z-index: 1;
color: #fff;
font-size: 12px;
text-align: center;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
text-transform: uppercase;
font-weight: 300;
opacity: 1;
padding: 0;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
display:none;
}
.product-item {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.product-item:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.top-menu {
background: #64aae8;
height: 20px;
line-height: 20px;
font-weight: 700;
color: #fff;
font-size: 15px;
text-align: left;
padding: 0 8%;
}
@media (max-width: 767px) {
.top-menu {
padding: 8px 0;
height: auto;
font-size: 12px;
}
}
.top-menu span {
font-size: 15px;
font-weight: 400;
display: inline-block;
}
@media (max-width: 767px) {
.top-menu span {
font-size: 13px;
line-height: 20px;
}
}
.top-menu .head-txt {
float: left;
width: 30%;
line-height: 20px;
}
@media (max-width: 1024px) {
.top-menu .head-txt {
width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
.top-menu .head-txt {
float: none;
text-align: center;
line-height: 20px;
}
}
header {
width: 100%;
margin: 0px auto;
padding: 0 0 0px 0;
position: relative;
}
@media (max-width: 1024px) {
header {
height: auto;
}
}
@media (max-width: 767px) {
header {
height: auto;
padding-top: 0px;
}
}
header .m-container {
background: none;
}
.header-left {
height: 136px;
padding: 5px 0 0 0;
width: 25%;
max-height: 100%;
}
.header-left .logo {
position: relative;
height: 100%;
max-width: 100%;
overflow: hidden;
line-height: 1.2;
}
.header-left .logo img {
position: absolute;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media (max-width: 1024px) {
.header-left {
height: 170px;
width: 59%;
}
.header-left .logo {
text-align: left;
}
.header-left .logo img {
max-height: 100%;
}
}
@media (max-width: 767px) {
.header-left {
height: 120px;
margin: 10px auto;
padding: 0;
width: 100%;
}
.header-left .logo {
text-align: center;
height: 120px;
}
.header-left .logo img {
max-height: 100%;
max-width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.header-mid {
width: 47%;
height: auto;
text-align: center;
padding: 0px 7% 0px 9%;
}
.header-mid .ship {
text-align: center;
}
@media (max-width: 1024px) {
.header-mid {
width: 40%;
max-width: 330px;
float: right;
padding: 0;
text-align: right;
}
}
@media (max-width: 767px) {
.header-mid {
display: none;
}
}
.header-right {
width: 28%;
height: auto;
text-align: right;
padding: 0px 0px 0px 0px;
}
@media (max-width: 1024px) {
.header-right {
width: 40%;
padding: 0px 0;
height: auto;
}
}
@media (max-width: 767px) {
.header-right {
display: none;
width: 100%;
padding: 15px 0;
}
}
.welcome_cart {
position: relative;
float: right;
width: 100%;
}
.welcome_cart img {
display: inline-block !important;
}
.welcome-msg {
display: block;
float: right;
}
.cart-area {
font-size: 12px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
color: #000000;
text-align: left;
line-height: 23px;
padding: 0px;
margin: 0px 0;
display: block;
height: 63px;
position: relative;
background: none;
z-index: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.cart-area .basket {
display: block;
float: left;
font-size: 36px;
line-height: 62px;
height: 62px;
width: 25%;
vertical-align: top;
color: #e8e8e8;
text-align: left;
}
.cart-area .total {
float: left;
width: 75%;
border-left: 1px solid #e8e8e8;
padding: 8px 0 8px 10px;
display: inline-block;
font-family: Arial, Courier New, Sans-Serif;
font-size: 13px;
font-weight: 700;
}
.cart-area .total span {
font-size: 14px;
color: #e6f0f7;
}
.cart-area button {
float: right;
margin: 9px 2px !important;
padding: 3px 5px !important;
}
.cart-area:hover .basket {
color: #e6f0f7;
}
.cart-area:hover .total span {
color: #0D6FB8;
}
.cart-area:hover button {
background: #e6f0f7;
}
@media (max-width: 1024px) {
.cart-area {
display: none;
}
}
.contact-btn {
float: left;
width: 100%;
}
.contact-btn a {
display: block;
text-align: center;
line-height: 42px;
font-weight: 900;
font-weight: 800;
background: #e6f0f7;
color: #fff;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
word-spacing: 2.5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-btn a i {
color: #ff8a1e;
font-size: 18px;
margin-left: 5px;
}
.contact-btn a:hover {
background: #ff8a1e;
}
.contact-btn a:hover i {
color: #FC910D;
}
@media (max-width: 767px) {
.contact-btn {
display: none;
}
}
/*
category menu
-------------------*/
.cat-menu {
background-color:#fff;
height: 46px;
padding: 0 0px;
margin: 0px 0 0px 0;
position: relative;
z-index: 90;
float: left;
width: 100%;
overflow:visible;
border-bottom: 1px solid #b5bac0;
border-top: 1px solid #b5bac0;
}
.cat-menu.sticky {
position: fixed;
width: 100%;
top: 80px;
border-bottom:solid white thick;
background-color:#efefef;
margin:auto;
}
.cat-menu .cat-list {
zoom: 1;
margin: 0;
padding: 0;
list-style: none;
height: auto;
padding: 0px 0px;
border: none;
margin:auto;
max-width:1024px;
}
.cat-menu .cat-list:before {
content: "";
display: table;
}
.cat-menu .cat-list:after {
clear: both;
}
.cat-menu .cat-list > li {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.cat-menu .cat-list > li {
vertical-align: top;
float: left;
margin: 0px;
/*			position:relative; */
}
.cat-menu .cat-list > li > a {
color: #3b3b3b;
font-size: 14px;
font-weight: 600;
font-family: 'open sans', arial, sans-serif;
display: block;
padding: 3px 10px;
line-height: 40px;
text-transform:none;
text-decoration: none;
}
.cat-menu .cat-list > li > a:hover {
color:#e17556;
background: #fff;
}
.cat-menu .cat-list > li:hover > a {
color:#e17556;
background: #efefef;
}
.cat-menu .cat-list > li.specials > a {
color: #d90000;
}
.cat-menu .cat-list > li.usa {
background: #64AAE8;
box-shadow: inset 0 -1px 1px #64AAE8;
}
#cat-menu-fineprint {
width:100%;
max-width:100%;
font-family:'open sans', arial, sans-serif;
font-size:12px;
font-weight:400;
color:#636363;
text-align:left;
padding:10px;
border-top:dotted thin #686868;
}
#cat-menu-fineprint a,
#cat-menu-fineprint a:visited {
font-family:'open sans', arial, sans-serif;
font-size:12px;
font-weight:700;
color:#e17556;
text-decoration:none;
}
#cat-menu-fineprint a:hover {
color:#4889a3;
}
#cat-menu-fineprint2 {
width:100%;
max-width:100%;
font-family:'open sans', arial, sans-serif;
font-size:14px;
font-weight:400;
color:#636363;
text-align:left;
padding:10px;
border-top:dotted thin #686868;
}
#cat-menu-fineprint2 a,
#cat-menu-fineprint2 a:visited {
font-family:'open sans', arial, sans-serif;
font-size:14px;
font-weight:700;
color:#e17556;
text-decoration:none;
}
#cat-menu-fineprint2 a:hover {
color:#4889a3;
}
#cat-cart-wrapper {
width:131px;
height:60px;
overflow:visible;
}
#cat-menu-cart {
background-image:url(https://89d6e575e9a114645239-de4339d90d70d4fc155e948c531e622e.ssl.cf5.rackcdn.com/assets/images/2017_images/header/lvs-new-header-cart-icon.png);
background-repeat:no-repeat;
width:101px;
height:45px;
cursor:pointer;
margin:6px;
text-align:center;
}
#cat-menu-cart:hover {
background-image:url(https://89d6e575e9a114645239-de4339d90d70d4fc155e948c531e622e.ssl.cf5.rackcdn.com/assets/images/2017_images/header/lvs-new-header-cart-icon-hover.png);
}
.cat-menu .cat-list > li:first-child {
border-left: none;
}
.itemsincart {
font-family:'open sans', arial, sans-serif;
font-weight:500;
font-size:18px;
color:#e27556;
position:relative;
top:3px;
left:50px;
width:27px;
height:17px;
}
/*
links menu
-------------------*/
.link-menu {
margin: 0px;
padding: 0px 0px 0px 20px;
height: auto;
position: relative;
float: right;
width: 70%;
}
.link-menu .links-list {
zoom: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 20px;
width: 100%;
padding: 0px 0px;
text-align: left;
}
.link-menu .links-list:before {
content: "";
display: table;
}
.link-menu .links-list:after {
clear: both;
}
.link-menu .links-list > li {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.link-menu .links-list li {
display: inline-block;
float: left;
margin: 0 20px;
padding: 0 0px;
line-height: 20px;
vertical-align: top;
text-align: left;
color: #FFF;
font-size: 11px;
font-weight: 700;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
text-transform: none;
}
.link-menu .links-list li > a {
color: #FFF;
font-size: 11px;
font-weight: 700;
font-family: Arial, Courier New, Sans-Serif;
background: none;
display: block;
text-transform: none;
padding: 0px;
line-height: 20px;
}
.link-menu .links-list li > a:hover {
color: #fff;
background: none;
text-decoration: underline;
}
/*
Mobile menu
----------------*/
.tab-ham-container {
margin: 0px 0px 5px 0px;
zoom: 1;
display: none;
text-align: right;
width: 100%;
float: right;
color:#ffffff;
font-size: 36px;
background-color:#6dbeff;
}
.tab-ham-container:before {
content: "";
display: table;
}
.tab-ham-container:after {
clear: both;
}
@media (max-width: 900px) {
.tab-ham-container {
display: block;
}
}
.tab-ham-container > div, .tab-ham-container > span, .tab-ham-container > a {
display: inline-block;
}
.tab-ham-container .pipe {
width: 2px;
height: 25px;
color:#ffffff;
position: relative;
top: 4px;
margin: 0 8px;
display: none;
}
.tab-ham-container .tab-ham {
color:#ffffff;
background: none;
padding: 2px 2px;
font-size: 36px;
font-weight: 500;
display: inline-block;
float: none;
cursor: pointer;
line-height: 40px;
vertical-align: top;
}
@media (max-width: 767px) {
.tab-ham-container .tab-ham {
font-size: 28px;
}
}
.tab-ham-container .tab-ham:hover {
opacity: 1;
color:#ffcd9e;
}
.tab-ham-container .tab-ham.show_mobile {
display: none;
}
.tab-ham-container .tab-ham.show_medium {
display: none;
}
.tab-ham-container .tab-ham.show_handheld {
display: none;
}
@media (max-width: 900px) {
.tab-ham-container .tab-ham.show_medium {
display: inline-block;
}
}
@media (max-width: 767px) {
.tab-ham-container .tab-ham.show_mobile {
display: inline-block;
}
}
@media (max-width: 512px) {
.tab-ham-container .tab-ham.show_handheld {
display: inline-block;
}
}
.mob-menu {
display: block;
-webkit-transition: right 300ms ease-out;
-moz-transition: right 300ms ease-out;
-ms-transition: right 300ms ease-out;
-o-transition: right 300ms ease-out;
transition: right 300ms ease-out;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
position: fixed;
top: 0;
right: -260px;
background: #67a6d9;
width: 260px;
height: 100%;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
overflow-x: hidden;
overflow-y: scroll;
z-index: 1000;
}
.mob-menu.open {
left:0;
top:80px;
}
@media screen and (max-width:900px){
.mob-menu.open {
right: 0;
top:0;
}
}
.mob-menu .mob-menu-close {
color: #fff;
font-size: 24px;
line-height: 1;
text-align: right;
padding-left: 12px;
padding-right: 12px;
margin: 10px auto;
}
.mob-menu .mob-menu-close i {
cursor: pointer;
}
.mob-menu .mob-menu-mod {
color:#ff8a1e;
margin-bottom: 20px;
}
.mob-menu .mob-menu-mod .mob-mod-heading {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px 20px;
line-height: 36px;
border: none;
background: none;
font-size: 20px;
color: #fff;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
text-transform: uppercase;
font-weight: 700;
display: block;
}
@media (max-width: 767px) {
.mob-menu .mob-menu-mod .mob-mod-heading {
display: block;
}
}
.mob-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mob-menu ul > li {
margin: 0;
padding: 0;
list-style: none;
}
.mob-menu ul li.subcat {
display: none;
}
.mob-menu ul li a {
color: #fff;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.5;
display: block;
text-decoration: none;
font-weight: 400;
font-size: 16px;
}
.mob-menu ul li a:hover {
color: #fff;
background:#e17556;
}
.mob-menu ul li a:before {
display: none;
content: normal;
margin-right: 0px;
}
.mob-menu .welcome-msg {
padding-left: 20px;
padding-right: 20px;
text-align: left;
color: #fff;
float: none;
width: auto;
text-align: right;
}
.mob-menu .welcome-msg:before {
display: none;
}
.mob-menu .welcome-msg a {
color: #fff;
text-decoration: underline;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.mob-menu .welcome-msg a:hover {
color: #e6f0f7;
text-decoration: underline;
}
.mob-menu #mob-links a {
text-transform: uppercase;
}
/*
Mob menu bar 
------------------*/
.mob-menu-bar {
margin: 20px 0px 5px 0px;
zoom: 1;
display: none;
text-align: center;
width: 40%;
float: right;
background: none;
color: #000000;
font-size: 34px;
}
.mob-menu-bar:before {
content: "";
display: table;
}
.mob-menu-bar:after {
clear: both;
}
@media (max-width: 767px) {
.mob-menu-bar {
display: block;
}
}
.mob-menu-bar > div, .mob-menu-bar > span, .mob-menu-bar > a {
display: inline-block;
}
.mob-menu-bar .pipe {
width: 2px;
height: 25px;
background: #fff;
position: relative;
top: 4px;
margin: 0 8px;
display: none;
}
.mob-menu-bar .tab-ham {
color: #000000;
background: none;
padding: 2px 2px;
font-size: 34px;
font-weight: 400;
display: inline-block;
float: none;
cursor: pointer;
line-height: 32px;
}
@media (max-width: 767px) {
.mob-menu-bar .tab-ham {
font-size: 28px;
}
}
.mob-menu-bar .tab-ham:hover {
opacity: 1;
color: #e6f0f7;
}
.dropdown {
padding: 14px 5px 10px 5px;
width:250px;
float: left;
position: absolute;
left: 22%;
top: 44px;
background: #fff;
z-index: 1;
display: none;
border: 1px solid #e6f0f7;
border-top: 5px solid #e6f0f7;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.dropdown .toprow {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#efefef',GradientType=0 )"; /* IE6-9 */
margin:-10px 0 10px 0;
}
.dropdown .toprow a {
font-family:'open sans', arial, sans-serif;
font-size:15px;
color:#4889a3;
font-weight:600;
display:inline-block;
line-height:36px;
padding:0 40px 0 20px;
}
.dropdown .toprow a:hover {
color:#e17556;
text-decoration:none;
}
.dropdown ul {
background: transparent;
height: auto;
width: auto;
position: static;
padding: 0 15px 0 0;
margin: 0 0px 10px 0;
list-style: none;
float: left;
width: 100%;
}
.dropdown ul li {
display: block;
height: auto;
line-height: 20px;
float: none;
border: none;
padding: 2px 4px;
margin: 0 0 6px 0;
text-align: left;
color: #000;
position: relative;
}
.dropdown ul li:hover {
border: none;
}
.dropdown ul li a.heading,
.dropdown ul li a.heading:visited {
font-family:'open sans', arial, sans-serif;
font-size:14px;
font-weight:700;
color:#e17556;
text-decoration:none;
padding:0;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
transition: all .35s linear;
}
.dropdown ul li a.heading:hover {
color:#4889a3;
}
.dropdown ul li a.last,
.dropdown ul li a.last:visited {
font-family:'open sans', arial, sans-serif;
font-size:14px;
font-weight:700;
color:#4889a3;
text-decoration:none;
padding:0;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
transition: all .25s linear;
}
.dropdown ul li a, .dropdown ul li a:visited {
font-family:'open sans', arial, sans-serif;
font-size: 14px;
line-height: 20px;
color:#4889a3;
text-transform: none;
font-weight: 500;
padding: 0;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
transition: all .25s linear;
}
.dropdown ul li a:hover, .dropdown ul li a:visited:hover {
text-decoration: none;
color:#e17556 !important;
background: none;
}
.dropdown ul li a.mainsub, .dropdown ul li a:visited.mainsub {
color: #0D6FB8;
}
.dropdown.fullwidth {
width: 1000px;
}
.dropdown.col-4 ul {
width: 25%;
}
.dropdown.col-3 ul {
width: 33.33%;
}
.dropdown ul li .level3 div.wrap, .dropdown ul li .level4 div.wrap, .dropdown ul li .level5 div.wrap {
position: relative;
}
.dropdown ul li .level3 div a, .dropdown ul li .level4 div a, .dropdown ul li .level5 div a {
font-size: 14px;
line-height: 24px;
color: #fff;
text-transform: none;
font-weight: 400;
padding: 3px 7px;
display: block;
background: #e6f0f7;
display: block;
border-bottom: none;
}
.dropdown ul li .level3 div:last-child a, .dropdown ul li .level4 div:last-child a, .dropdown ul li .level5 div:last-child a {
border-bottom: none;
}
.dropdown ul li .level3 a:hover, .dropdown ul li .level4 a:hover, .dropdown ul li .level5 a:hover {
text-decoration: none;
color: #fff;
background: #000;
}
/*
footer
-----------*/
footer {
background: none;
}
footer #copyright {
padding: 0px 0px;
}
footer #copyright .copyright {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
text-transform: none;
line-height: 22px;
padding: 5px 0;
font-size: 11px;
text-align: center;
font-weight: 700;
color: #0D6FB8;
float: left;
width: 100%;
margin-bottom:100px;
}
footer #copyright .copyright a {
font-size: inherit;
font-weight: 400;
color: #0D6FB8;
text-decoration: underline;
}
@media (max-width: 767px) {
footer #copyright .copyright {
font-size: 11px;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
footer #copyright {
padding: 20px 0px 30px 0px;
text-align: center;
}
}
footer .m-container {
;
padding: 0px 0px 0px 0px;
}
footer .m-container .globalFooter {
float: right;
width: 100%;
overflow: hidden;
padding: 0px 0px 0px 0px;
text-align: center;
}
footer .m-container .globalFooter img {
max-width: 100%;
}
@media (max-width: 1024px) {
footer .m-container {
padding: 30px 10px 0;
}
}
@media (max-width: 767px) {
footer .m-container {
padding: 0px 0px 0;
padding-left: 0;
padding-right: 0;
}
footer .m-container .footer-left,
footer .m-container .footer-right {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
footer .m-container .footer-right {
padding-left: 20px;
padding-right: 20px;
}
footer .m-container .globalFooter {
display: block;
float: none;
}
footer .m-container .copyright {
text-align: center;
}
}
@media (max-width: 767px) {
footer {
padding-top: 0;
}
}
footer .footer-title {
font-family: Arial, Courier New, Sans-Serif;
font-size: 17px;
font-weight: bold;
color: #000;
}
/*
Extra pages
----------------*/
.extra-pages {
float: left;
width: 100%;
background: #e4e4e4;
margin: 0px 0;
}
.extra-pages ul {
zoom: 1;
display: block;
float: left;
width: 100%;
text-align: center;
padding: 5px 0px;
list-style: none;
margin-bottom: 0px;
}
.extra-pages ul:before {
content: "";
display: table;
}
.extra-pages ul:after {
clear: both;
}
.extra-pages ul > li {
margin: 0;
padding: 0 7px 0 7px;
width: auto;
float: none;
display: inline-block;
}
.extra-pages ul > li > a {
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: 700;
line-height: 20px;
}
.extra-pages ul > li > a:hover {
color: #FC910D;
text-decoration: none;
}
@media (max-width: 1024px) {
.extra-pages ul > li > a {
font-size: 12px;
}
}
@media (max-width: 767px) {
.extra-pages ul > li > a {
font-size: 12px;
line-height: 26px;
}
}
@media (max-width: 1024px) {
.extra-pages ul {
text-align: center;
margin: 10px 0;
}
}
@media (max-width: 767px) {
.extra-pages ul {
margin: 0px 0;
display: none;
}
.extra-pages ul > li {
display: block;
margin-right: 0;
margin-bottom: 0px;
width: 100%;
text-align: center;
}
}
@media (max-width: 1024px) {
.extra-pages {
width: 100%;
}
}
@media (max-width: 767px) {
.extra-pages {
padding: 10px 0;
width: 100%;
border-top: none;
margin-top: 0;
margin-bottom: 0;
}
}
.f-headers {
font-weight: 700;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
color: #08558f;
font-size: 18px;
background: none;
cursor: pointer;
text-align: center;
line-height: 36px;
text-transform: none;
float: left;
width: 100%;
display: none;
}
@media (max-width: 767px) {
.f-headers {
display: block;
border-top: 1px solid #E3F1FB;
border-bottom: 1px solid #E3F1FB;
padding: 0 15px;
}
.f-headers:before {
content: "+";
margin-right: 15px;
}
.f-headers.open:before {
content: "\2013";
}
}
.pathtext {
font-family: Arial, Courier New, Sans-Serif;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #fff;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
}
@media (max-width: 980px) {
.pathtext {
font-size: 14px;
}
}
.foot_txt {
font-size: 16px;
font-family: arial, sans-serif;
margin-top: 10px;
line-height: 18px;
color: #095bc2;
padding: 0 10px;
}
.footer-area {
background: #cfe2f1;
float: left;
width: 100%;
text-align: left;
}
.footer-area .foot_col1 {
background: #08558f;
padding: 15px 25px 35px 25px;
width: 26%;
float: left;
}
@media (max-width: 1024px) {
.footer-area .foot_col1 {
padding: 15px 15px 35px 15px;
}
}
@media (max-width: 980px) {
.footer-area .foot_col1 {
padding: 15px 15px 5px 15px;
}
}
@media (max-width: 767px) {
.footer-area .foot_col1 {
width: 100%;
padding: 10px;
}
}
.footer-area .foot_col2, .footer-area .foot_col3, .footer-area .foot_col5 {
padding: 15px;
width: 17.5%;
float: left;
}
@media (max-width: 1024px) {
.footer-area .foot_col2, .footer-area .foot_col3, .footer-area .foot_col5 {
padding: 15px 10px;
}
}
@media (max-width: 767px) {
.footer-area .foot_col2, .footer-area .foot_col3, .footer-area .foot_col5 {
width: 100%;
padding: 10px;
text-align: center;
}
}
@media (max-width: 767px) {
.footer-area .foot_col2 {
display: none;
}
}
@media (max-width: 1024px) {
.footer-area .foot_col3 {
padding-right: 5px;
}
}
@media (max-width: 767px) {
.footer-area .foot_col3 {
display: none;
}
}
.footer-area .foot_col4 {
padding: 15px 0px;
width: 21.5%;
float: left;
}
@media (max-width: 767px) {
.footer-area .foot_col4 {
width: 100%;
padding: 10px;
text-align: center;
}
}
.footer-area .foot_col5 {
background: #e3f1fb;
padding-bottom: 35px;
}
.topftrhdr {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 16px;
line-height: 20px;
font-weight: 700;
letter-spacing: 0px;
color: #08558f;
text-align: left;
margin-top: 0px;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.topftrhdr {
font-size: 14px;
margin-bottom: 2px;
}
}
@media (max-width: 767px) {
.topftrhdr {
text-align: center;
}
}
.topftrhdr2 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 18px;
line-height: 22px;
font-weight: 700;
letter-spacing: 0px;
color: #08558f;
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.topftrhdr2 {
font-size: 17px;
margin-bottom: 8px;
}
}
@media (max-width: 767px) {
.topftrhdr2 {
text-align: center;
}
}
.topftrhdr3 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 22px;
line-height: 26px;
font-weight: 700;
letter-spacing: 0px;
color: #08558f;
text-align: left;
margin-top: 0px;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.topftrhdr3 {
font-size: 20px;
margin-bottom: 8px;
}
}
@media (max-width: 767px) {
.topftrhdr3 {
text-align: center;
}
}
a.topftrlnk, a.topftrlnk:visited {
font-family: Arial, Courier New, Sans-Serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #08558f;
text-align: left;
margin: 5px 0;
text-decoration: none;
}
a.topftrlnk:hover, a.topftrlnk:visited:hover {
color: #cd8a19;
text-decoration: none;
}
@media (max-width: 1024px) {
a.topftrlnk, a.topftrlnk:visited {
font-size: 12px;
}
}
.footer-seals {
text-align: center;
padding: 0px;
float: none;
}
.footer-seals > a, .footer-seals > img, .footer-seals > div {
text-align: center;
vertical-align: middle;
display: inline-block !important;
margin: 0 10px !important;
}
@media (max-width: 767px) {
.footer-seals > a, .footer-seals > img, .footer-seals > div {
margin-bottom: 10px !important;
}
}
@media (max-width: 767px) {
.footer-seals {
float: none;
clear: both;
display: inline-block;
margin: 10px auto;
text-align: center;
}
}
/*
Mailing List
-----------------*/
.mailinglist {
float: left;
width: 100%;
padding: 0 0 10px 0;
}
@media (max-width: 767px) {
.mailinglist {
padding-left: 5px;
padding-right: 5px;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
}
.mailinglist_text {
font-size: 11px;
font-weight: 400;
text-align: center;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
color: #000000;
line-height: 20px;
text-transform: none;
margin-bottom: 0px;
}
.mailinglist-form {
max-width: 100%;
width: 100%;
position: relative;
background: #fff;
border: 1px solid #000000;
}
.mailinglist-box {
padding: 0 6px;
}
.mailinglist-txt {
margin: 0;
width: 100%;
height: 22px;
padding: 5px 30px 5px 10px;
font-size: 11px;
text-align: left;
text-transform: none;
border: none;
background: none;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
color: #000000;
}
.mailinglist-btn {
position: absolute;
width: auto;
padding: 0px 5px 0px 5px;
margin: 0;
border: none;
height: 100%;
line-height: 22px;
color: #000000;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 12px;
top: 0;
right: 0px;
cursor: pointer;
background: #FC910D;
-webkit-appearance: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.mailinglist-btn:hover {
color: #FC910D;
background: #0D6FB8;
}
.mailinglist-options {
margin-top: 10px;
text-align: center;
}
.mailinglist-subscribe {
line-height: 1;
font-size: 10px;
margin: 5px 5px;
color: #FC910D;
float: none;
display: inline-block;
}
.mailinglist-subscribe input[type="radio"] {
margin: 0;
margin-right: 8px;
float: left;
}
.mobile-search-area {
display: none;
width: 75%;
max-width: 90%;
padding: 0px 0 0 0px;
float: right;
}
@media (max-width: 1024px) {
.mobile-search-area {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.mobile-search-area {
width: 100%;
max-width: 100%;
float: left;
}
}
.search-area {
width: 100%;
padding: 0px 0px;
margin: 0 0 0px 0;
float: left;
}
@media (max-width: 1024px) {
.search-area {
width: 100%;
padding: 0;
}
}
@media (max-width: 767px) {
.search-area {
width: 290px;
float: none;
clear: both;
margin: 0 auto;
padding: 0;
margin-bottom: 0px;
}
}
.searchBox {
max-width: 100%;
width: 100%;
position: relative;
border: 1px solid #000;
overflow: hidden;
background: none;
text-align: left;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.search-text {
margin: 0;
width: 100%;
height: 48px;
padding: 10px 90px 10px 15px;
font-size: 12px;
font-weight: 400;
text-transform: none;
background: #fff;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
color: #38393A;
border: none;
}
@media (max-width: 1024px) {
.search-text {
width: 80%;
}
}
.search-btn {
color: #fff;
font-size: 16px;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
font-weight: 700;
line-height: 48px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
position: absolute;
top: 0px;
right: 0px;
height: 48px;
border: none;
width: 90px;
padding: 0 0 0px 0;
text-align: center;
text-transform: uppercase;
border: none;
background: #efefef;
-webkit-appearance: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.search-btn i {
display: none;
}
.search-btn:hover {
background: #ff8a1e;
color: #fff;
}
@media (max-width: 1024px) {
.search-btn {
width: 20%;
font-size: 14px;
}
}
@media (max-width: 767px) {
.search-btn {
width: 32%;
}
}
.m-search-area {
position: fixed;
width: 320px;
height: 120px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: white;
background: rgba(255, 255, 255, 0.95);
z-index: 500;
display: none;
}
.m-search-area .search-area {
width: 250px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 34px;
}
.m-search-area .search-area .searchBox {
display: block;
}
.m-search-area .mob-search-close {
color: #ff8a1e;
font-size: 24px;
padding: 5px;
text-align: right;
}
.m-search-area .mob-search-close i {
cursor: pointer;
}
.m-search-area .search-btn {
color: #fff;
height: 48px;
width: 48px;
}
.m-search-area .search-btn i {
display: block;
}
#mSearchBox {
display: none;
}
@media (max-width: 1024px) {
#mSearchBox {
display: block;
}
}
/*******************************************************/
/*       Social Icons     */
/*******************************************************/
.social-icons {
display: none;
float: right;
width: 100%;
text-align: center;
}
.social-icons span {
display: block;
font-size: 18px;
font-weight: 700;
font-family: Arial, Courier New, Sans-Serif;
color: #FC910D;
line-height: 40px;
text-transform: none;
}
@media (max-width: 1024px) {
.social-icons {
clear: both;
width: 40%;
margin: 0 auto 20px auto;
float: left;
text-align: left;
}
}
@media (max-width: 767px) {
.social-icons {
width: 100%;
text-align: left;
margin: 10px 0 0 0;
}
}
.social-icons a {
font-size: 22px;
text-decoration: none;
color: #0D6FB8;
font-family: "fontello";
font-style: normal;
font-weight: normal;
background: #FC910D;
float: none;
width: 45px;
height: 45px;
display: inline-block;
margin: 0px 15px 0 0;
text-align: center;
line-height: 45px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.social-icons a:hover {
color: #FC910D;
background: #0D6FB8;
}
.social-icons a:hover {
text-decoration: none;
}
.social-icons a.facebook:after {
content: '\e81b';
}
.social-icons a.twitter:after {
content: '\e817';
}
.social-icons a.gplus:after {
content: '\e819';
}
.social-icons a.youtube:after {
content: '\e818';
}
.social-icons a.pinterest:after {
content: '\e815';
}
.social-icons a.instagram:after {
content: '\e813';
}
.social-icons a.tumblr:after {
content: '\e816';
}
.social-icons a.blog:after {
content: '\e809';
}
.social-links {
padding: 0 5px;
}
.social-links a {
display: inline-block;
margin: 0 2px;
}
@media (max-width: 1024px) {
.social-links img {
width: 40px;
height: 40px;
}
}
/*********************************/
/*Top Sellers*/
/*********************************/
.Tsellers-section {
height: auto;
margin: 0px 0px 0px 0px;
padding: 12px 0px 15px 16px;
background: none;
position: relative;
text-align: center;
border-top: 2px solid #ccc;
}
@media (max-width: 767px) {
.Tsellers-section {
padding: 15px 0px 15px 0px;
margin: 0 15px;
border-top: 1px solid #ccc;
}
}
.Tsellers-section-top {
border-top: none;
padding: 12px 0px 15px 0px;
}
.Tsellers-section .image-container {
width: 100%;
height: 150px;
border: 1px solid #ccc;
padding: 0px;
text-align: center;
position: relative;
display: none;
}
.Tsellers-section .image-container img {
max-width: 95%;
max-height: 95%;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.Tsellers-section .products-info {
font-size: 15px;
font-family: Arial, Courier New, Sans-Serif;
font-weight: normal;
color: #000;
text-align: left;
text-transform: none;
line-height: 20px;
padding: 0px;
margin: 2px 0px;
}
.Tsellers-section .products-info a, .Tsellers-section .products-info a:visited {
font-size: 15px;
font-family: Arial, Courier New, Sans-Serif;
font-weight: normal;
color: #000;
line-height: 1.35;
text-transform: none;
text-decoration: none;
}
@media (max-width: 767px) {
.Tsellers-section .products-info a, .Tsellers-section .products-info a:visited {
color: #000;
}
}
.Tsellers-section .products-info a:hover, .Tsellers-section .products-info a:visited:hover {
color: #e6f0f7;
text-decoration: none;
}
@media (max-width: 767px) {
.Tsellers-section .products-info a:hover, .Tsellers-section .products-info a:visited:hover {
color: #000000;
}
}
.Tsellers-section .products-price {
color: #D90000;
font-weight: 700;
font-family: Arial, Courier New, Sans-Serif;
font-size: 18px;
text-align: left;
line-height: 1.35;
padding: 0px 0px;
margin: 5px 0px;
float: left;
width: 100%;
}
@media (max-width: 767px) {
.Tsellers-section .products-price {
color: #D90000;
}
}
.Tsellers-section .products-review {
text-align: left;
padding: 5px 0px 0px 0px;
float: right;
width: 100%;
}
.Tsellers-section .products-review img {
vertical-align: middle;
line-height: 26px;
}
.Tsellers-section-top {
padding-bottom: 15px;
margin-bottom: 0px;
}
.Tsellers-section-top .image-container {
display: block;
float: left;
width: 100%;
}
@media (max-width: 767px) {
.Tsellers-section-top .image-container {
display: none;
}
}
.Tsellers-section-top .image-container img {
max-width: 90%;
}
.Tsellers-section-top .products-review {
float: left;
text-align: center;
width: 100%;
}
@media (max-width: 767px) {
.Tsellers-section-top .products-review {
width: 100%;
}
}
.Tsellers-section-top .products-price {
float: left;
text-align: center;
width: 100%;
}
@media (max-width: 767px) {
.Tsellers-section-top .products-price {
width: 100%;
}
}
.Tsellers-section-top .products-info {
float: left;
text-align: center;
width: 100%;
}
@media (max-width: 767px) {
.Tsellers-section-top .products-info {
width: 100%;
}
}
.Tsellers-section-top .products-info a, .Tsellers-section-top .products-info a:visited {
font-size: 15px;
}
/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
width: 45px;
height: 41px;
line-height: 44px;
background: url(images/tseller.png) no-repeat top right;
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 0;
font-weight: bold;
color: #fff;
text-align: center;
z-index: 1;
}
/*ranking:: Controls the way the menu icons display if they are being used.*/
.ranking {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 15px;
font-weight: 400;
color: #000000;
padding: 0px;
text-align: left;
height: 20px;
width: 15px;
line-height: 1.35;
position: absolute;
left: 0px;
top: 14px;
}
/***************************************/
/*   Styled Divs to replace Selects    */
/***************************************/
#Brands_section {
padding: 6px 12px 12px 5px;
}
#Brands_items, #Brands_items2 {
position: relative;
padding: 0 0px 0 0px;
}
#Brands_items .all-guides, #Brands_items2 .all-guides {
width: 100%;
position: absolute;
left: 0px;
top: 36px;
z-index: 5;
}
#Show-Brands, #Show-Brands2 {
font-family: 'Open Sans', Verdana, Arial, Courier New, Sans-Serif;
font-size: 14px;
color: #333;
font-weight: 400;
background: #fff url(images/d-arrow.png) right center no-repeat;
width: 100%;
height: 34px;
line-height: 32px;
border: 1px solid #d4d4d4;
}
#Show-Brands .hov, #Show-Brands2 .hov {
cursor: pointer;
padding: 0px 34px 0px 10px;
}
.all-guides {
list-style: none !important;
margin: 0px !important;
padding: 2px !important;
background: #fff !important;
border: 1px solid #d4d4d4;
height: 156px !important;
overflow: auto !important;
display: none;
}
.all-guides li {
line-height: 20px;
float: none !important;
margin: 0 !important;
}
.all-guides li:hover {
color: #fff;
background: #0D6FB8;
}
.all-guides a, .all-guides a:visited {
display: block;
text-decoration: none !important;
line-height: 20px;
color: #333 !important;
font-size: 14px;
padding: 5px 5px !important;
}
.all-guides a:hover, .all-guides a:visited:hover {
color: #fff !important;
text-decoration: none !important;
}
@media (max-width: 1024px) {
#home {
padding: 0 0px;
}
}
@media (max-width: 1024px) {
#home .header-specials {
text-align: left;
margin: 5px 0px;
}
}
#home .product-item {
padding: 15px 20px;
}
/*********************************/
/*HomePage and Carousel*/
/*********************************/
.frame-contents {
margin: 0px;
}
@media (max-width: 767px) {
.frame-contents {
margin: 0px;
}
}
.home-width img {
display: block;
}
#home > div.home-width {
text-align: justify;
}
#homeCarousel {
float: left;
width: 100%;
margin-bottom: 5px;
/*	padding:8px;  */
position: relative;
}
#homeCarousel > img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@media (max-width: 1024px) {
#homeCarousel {
width: 100%;
}
}
.homepage_silder {
margin-bottom: 10px !important;
margin: 0px auto !important;
}
.flexslider {
background: rgba(255, 255, 255, 0.75) !important;
}
.flex-control-nav {
z-index: 10;
padding: 0 10px !important;
}
.flex-control-nav li {
margin: 0 4px !important;
}
.flex-direction-nav a {
line-height: 40px;
}
.feat-item-list {
margin-bottom: 20px;
}
/*
Promo Banners
------------------*/
.promos {
margin: 0px 0px;
}
.promos a {
display: block;
float: left;
width: 50%;
padding: 0 5px;
}
.promos img {
display: block;
width: 100%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.promos img:hover {
opacity: .85;
}
@media (max-width: 767px) {
.promos {
display: block;
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 18px;
}
.promos a {
padding: 0px;
margin: 0 auto 10px auto;
float: none;
width: 100%;
max-width: 300px;
}
}
#homeFooter {
text-align: center;
margin:0;
}
#homeFooter table {
margin: auto;
}
@media (max-width: 767px) {
#homeFooter table {
margin: auto !important;
float: none;
margin: 0 auto 8px auto !important;
min-width: 300px;
max-width: 100%;
text-align: center;
}
#homeFooter table td {
text-align: center;
width: auto;
max-width: 100%;
}
}
.promo-section {
float: left;
width: 25%;
text-align: center;
}
@media (max-width: 767px) {
.promo-section {
width: 100%;
}
}
.banner-section {
float: right;
width: 74%;
}
@media (max-width: 767px) {
.banner-section {
width: 100%;
}
.banner-section iframe {
height: inherit !important;
min-height: 205px;
}
}
/*********************************/
/* Category */
/*********************************/
.paging {
clear: both;
margin: 5px 0 5px 0;
}
@media (max-width: 767px) {
.paging {
width: 100%;
}
}
.paging strong {
color: #000000;
background: none;
margin: 0;
padding: 0 3px;
}
@media (max-width: 767px) {
.paging strong {
color: #000;
background: none;
}
}
.paging a {
font-weight: 400;
color: #000000;
margin: 0;
padding: 0 5px;
}
@media (max-width: 767px) {
.paging a {
font-weight: 400;
color: #000000;
background: #e7e5e5;
}
}
.page-banner {
margin-bottom: 15px;
}
.sub-categories {
text-align: left;
padding: 0px 0px;
margin-bottom: 10px;
}
.sub-categories:hover {
background: none;
-webkit-box-shadow: 0px 0px 0px 0px transparent !important;
-moz-box-shadow: 0px 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px 0px transparent !important;
color: #8fd100;
}
@media (max-width: 767px) {
.sub-categories {
margin: 0px;
}
}
@media (max-width: 1023px) {
#subcategoriesBlock ul {
clear: none;
}
}
@media (max-width: 767px) {
#subcategoriesBlock ul li {
width: 100% !important;
padding: 5px 10px;
}
}
.sub-categories .img {
position: relative;
min-height: 125px;
}
.sub-categories .img img {
position: relative;
}
.sub-categories .name {
font-family: 'hind vadodara', 'open sans', sans-serif;
font-size:1.0em;
font-weight:300;
line-height:110%;
color:#7e7e7e;
}
@media (max-width: 1024px) {
.sub-categories {
margin-bottom: 0px;
}
}
@media (max-width: 800px) {
.sub-categories .name {
text-overflow: ellipsis;
overflow: hidden;
font-size:1.0em;
}
}
/*********************************/
/* Listing */
/*********************************/
/*
#listing0
*/
#listing0 h1 {
font-size: 24px;
font-weight:700;
line-height: 32px;
color: #000;
padding-bottom:5px;
border-bottom: 1px dotted lightslategray;
}
@media (max-width: 767px) {
#listing0 h1 {
font-size: 16px;
padding:0px;
line-height:24px;
}
}
@media screen and (max-width:500px) {
#listing0 h1 {
font-size:20px;
margin-top:25px;
}
}
#listing0 .totalrating .review-count {
margin-top: 14px;
}
#listing0 .createReviewLink, #listing0 .createFirstReview {
float: left;
}
#listing0 .createReviewLink button, #listing0 .createFirstReview button {
background: none;
color: #000000;
line-height: 18px;
font-size: 12px;
font-weight: 700;
text-transform: none;
letter-spacing: normal;
text-decoration: underline;
padding: 0;
margin: 0;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
#listing0 .createReviewLink button:hover, #listing0 .createFirstReview button:hover {
color: #808080;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
@media (max-width: 1024px) {
#listing0 #realmediaBlock {
margin: 20px 0 0 0;
}
}
#listing0 .product-id {
font-weight: 700;
color: #585C5F;
}
@media (max-width: 800px) {
#listing0 .product-id {
font-size: 13px;
margin-bottom:5px;		
}
#listing0 .createFirstReview {
margin-bottom:5px;
}
}
#listing0 .shortdesc {
font-size: 16px;
line-height:150%;
}
#listing0 .extrafieldsBlock .extra_field {
color: #585C5F;
font-weight: 700;
}
#listing0 .rewardsPointsBlock {
margin-bottom: 0;
}
#listing0 .primary {
width: 26%;
padding: 0px;
margin: 0;
}
#listing0 .primaryrx {
width: 26%;
padding: 0px;
margin: 0;
position:sticky;
position: -webkit-sticky;
top:100px;
float:left;
}
#listing0 .secondary {
width: 30%;
padding: 20px 0px 0px 40px;
border-left: thin dotted lightslategray;
margin: 0;
}
#listing0 .tertiary {
float: left;
width: 44%;
margin-bottom: 0;
padding-right:30px;
}
#listing0 .tertiaryrx {
float: left;
width: 44%;
margin-bottom: 0;
padding-right:30px;
position:sticky;
position: -webkit-sticky;
top:100px;
}
@media (max-width: 1024px) {
#listing0 .primary {
width: 50%;
}
#listing0 .tertiary {
padding: 20px 0;
width: 50%;
}
}
@media screen and (max-width:900px) {
#listing0 .tertiaryrx {
top:75px;
padding-left:15px;
padding-right:15px;
}
}
@media (max-width: 800px) {
#listing0 .primaryrx {
width: 45%;
float:left;
display:inline;
padding: 0px;
margin: 0;
position:relative;
top:0px;
}
#listing0 .tertiaryrx {
width:52%;
position:relative;
top:0px;
padding-right:0px;
}
#listing0 .secondary {
width: 100%;
max-width:700px;
margin:20px auto 0px;
border-top: thin dotted lightslategray;
border-left:none;
clear:both;
}
#listing0 .shortdesc {
font-size: 14px;
}
}
@media screen and (max-width:500px) {
#listing0 .primaryrx {
width:100%;
display:block;
}
#listing0 .tertiaryrx {
width:100%;
display:block;
}
}
#mediaContainer {
min-height: initial;
}
@media (max-width: 1024px) {
#mediaContainer {
padding: 0px;
}
}
#mediaContainer #imagecaptiont {
margin: 5px 0;
}
#listing0 .main-image {
margin-bottom: 0px;
}
#listing0 .addl-images {
height: 56px;
margin-bottom: 0;
}
#listing0 .carousel {
min-height: 300px;
}
#listing0 .carousel li.prod-thumb {
position: relative;
height: 56px;
border: 0px solid #ccc;
}
@media (max-width: 767px) {
#listing0 .carousel li.prod-thumb {
height: 65px;
}
}
#listing0 .carousel li img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#listing0 .detail-section .alpha-col {
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
#listing0 .detail-section .alpha-col {
margin: 5px 0px;
width: 100%;
}
}
@media (max-width: 1024px) {
#listing0 .primary .beta-col {
padding: 0;
}
}
@media (max-width: 767px) {
#listing0 .primary .beta-col {
width: 100%;
margin: 0 0 10px 0%;
text-align: left;
}
}
#listing0 .secondary .beta-col {
float: left;
width: 100%;
margin: 10px 0;
padding: 0;
text-align: left;
border: none;
}
@media (max-width: 1024px) {
#listing0 .secondary .beta-col {
padding: 0;
}
}
@media (max-width: 767px) {
#listing0 .secondary .beta-col {
width: 100%;
margin: 0 0 10px 0%;
text-align: left;
}
}
.social-mediaBlock {
margin: 0px 0;
}
.social-mediaBlock > div {
display: inline-block;
vertical-align: top;
width: auto;
margin: 6px;
}
@media (max-width: 767px) {
.social-mediaBlock {
width: 100%;
margin: 0 auto;
}
.social-mediaBlock .social-bookmarking {
margin: 5px auto 15px;
}
}
#listing0 .secondary .beta-col > div:not(.clear), #listing0 .primary .beta-col > div {
float: none;
display: inline-block;
width: auto;
padding: 0 3px;
margin: 5px 0;
vertical-align: top;
}
@media (max-width: 767px) {
#listing0 .secondary .beta-col > div:not(.clear), #listing0 .primary .beta-col > div {
width: 49%;
min-width: inherit;
padding: 5px;
text-align: center;
}
}
#listing0 .secondary .beta-col button, #listing0 .primary .beta-col button {
text-align: left;
font-size: 12px;
font-weight: 700;
text-transform: none;
letter-spacing: normal;
width: 100%;
height: 30px;
padding: 0px;
border: none;
background: none;
margin: 0;
color: #000000;
min-width: inherit;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
@media (max-width: 1024px) {
#listing0 .secondary .beta-col button, #listing0 .primary .beta-col button {
min-width: inherit;
}
}
#listing0 .secondary .beta-col button i, #listing0 .primary .beta-col button i {
font-size: 24px;
}
@media (max-width: 767px) {
#listing0 .secondary .beta-col button, #listing0 .primary .beta-col button {
min-width: inherit;
font-size: 11px;
}
}
#listing0 .secondary .beta-col button:hover, #listing0 .primary .beta-col button:hover {
border: none;
background: none;
color: #808080;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.quantityBlock ul {
width: 100%;
}
.quantity-table .title-header, .quantityBlock li {
width: 50%;
margin: 0;
}
#listing0 .pricingBlock, #listing0 .detail-section {
float: left;
width: 100%;
border: none;
padding: 0;
margin-bottom: 5px;
}
@media (max-width: 1024px) {
#listing0 .pricingBlock, #listing0 .detail-section {
width: 100%;
clear: both;
padding: 0 !important;
}
}
@media (max-width: 767px) {
#listing0 .pricingBlock, #listing0 .detail-section {
width: 100%;
clear: both;
padding: 0 !important;
margin: 0;
}
}
#listing0 .pricingBlock .retailprice span {
text-decoration: line-through;
}
#listing0 .pricingBlock .price {
font-size: 14px;
line-height: 22px;
font-weight:500;
color: #000;
}
#listing0 .pricingBlock .price span {
font-size: 28px;
font-weight: 500;
color: #ff8a1e;
line-height:125%;
}
#listing0 .pricingBlock .saleprice {
color: #ff8a1e;
font-weight: 500 !important;
}
.pricingBlock span, .pricingBlock del {
display: inline-block;
padding-left: 8px;
font-weight: 400;
}
#listing0 .availabilityInfo div:not(.clear) {
color: #535353;
vertical-align: top;
font-size: 12px;
font-weight: 400;
margin: 10px 0 5px 0;
}
#listing0 .availabilityInfo div:not(.clear) h4 {
font-weight: 700;
visibility: visible;
display: inline !important;
float: left;
margin: 0px 5px 5px 0;
}
.addToCartBlock {
/*	background:#efefef; */
padding: 0px;
}
.addToCartBlock label {
color: #000000;
display: inline-block;
margin-right: 10px;
line-height: 35px;
font-size: 16px;
font-weight:500;
width: auto;
}
.addToCartBlock .qtybox-addcart input {
height: 30px;
padding-right: 5px;
}
.addToCartBlock .qtybox-addcart button {
clear: both;
display: block;
min-width: 75%;
font-size: 22px;
line-height: 45px;
text-transform: capitalize;
background: #ff8a1e;
font-weight: 500;
}
.addToCartBlock .qtybox-addcart button:hover {
background:#ed7200;
}
@media (max-width: 767px) {
.addToCartBlock .qtybox-addcart button {
margin: 15px 0px;
font-size:18px;
}
}
.addToCartBlock .qtybox-addcart input {
margin-top: 0px;
}
@media (max-width: 767px) {
.addToCartBlock .qtybox-addcart input {
margin: 5px 10px 0 0;
}
}
#listing0 .header {
border-bottom: none;
}
#listing0 h3 {
font-size: 16px;
font-style: normal;
line-height: 28px;
font-weight: 500;
text-align: left;
position: relative;
text-transform: capitalize;
float: none;
}
@media (max-width: 767px) {
#listing0 .quantityBlock {
text-align: left;
margin-bottom: 10px;
}
}
#listing0 .quantityBlock a {
color: #000000;
}
#divOptionsBlock {
margin-bottom: 0 !important;
margin-top:20px;
padding:10px 0px;
}
#divOptionsBlock .container {
margin-bottom: 0 !important;
}
#divOptionsBlock .opt-regular .required {
display: none;
}
#divOptionsBlock .opt-regular .label {
display: none;
}
#divOptionsBlock .alt-radio-format .radio-option {
margin-bottom: 5px;
}
@media (max-width: 767px) {
#divOptionsBlock .alt-radio-format {
/*
float:left;
width:25%;
*/
}
}
#divOptionsBlock .opt-regular .label, .multipleShipToBlock label {
color: #000000;
font-size: 12px;
line-height: 22px;
font-weight: 700;
}
#listing0 .descriptionBlock {
margin-bottom: 15px;
}
/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
font-size: 16px;
font-weight: bold;
color: #585C5F;
padding: 5px;
border: 1px dotted #cccccc;
border-style: dotted none dotted none;
}
/*item:: Controls the item description and item details text.*/
/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/
.availability-txt {
color: #000;
text-decoration: none;
text-align: left;
padding: 0.2em;
font-style: italic;
}
/*reward-title:: Controls the title of the Reward Points section.*/
.reward-title {
font-family: Arial, Helvetica, sans-serif;
color: #850000;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 7px;
line-height: 10px;
font-size: 16px;
}
.quantity-table {
display: block;
}
#viewCartQuick .product-item {
padding: 0 8px;
}
#viewCartQuick .product-item .img {
height: 100px;
}
#viewCartQuick .product-item .name {
height: 40px;
min-height: initial;
}
#rTabs {
margin-top: 5px;
border: 1px solid #aaa;
padding: 3px;
border-radius:3px;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
color: #1f1f1f;
background: #e6e6e6;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover {
background: #e6f0f7;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
color: #000;
border-top: 3px solid #ff8a1e;
border-radius:3px;
}
@media (max-width: 767px) {
.r-tabs .r-tabs-accordion-title {
display: block;
}
}
.r-tabs .r-tabs-nav {
background: #68a7d9;
padding: 3px 5px 0px 5px;
border-radius:3px;
}
@media (max-width: 767px) {
.r-tabs .r-tabs-nav {
display: none;
}
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
background: #e1e1e1;
color: #000000;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background: #0D6FB8;
background: #e6f0f7;
}
<!doctype html>
<html>
   <head><script type="text/javascript">
var bolLogChangesEnabled = false;
</script><script type="text/javascript">
var bolLogChangesEnabled = false;
</script><script type="text/javascript">
var bolLogChangesEnabled = false;
</script><script type="text/javascript">
var bolLogChangesEnabled = false;
</script><script type="text/javascript">
var bolLogChangesEnabled = false;
</script><script type="text/javascript">
var bolLogChangesEnabled = false;
</script>
      <meta charset="UTF-8">
      <title>Untitled Document</title>
   </head>
   <body></body>
</html>