/* Star Bible styles */
/* mobile first responsive layout */

/* SECTIONS:
1. Font face references
2. Reset styes
3. Default styles 
4. Section styles
5. Layout rules
*/

/*  1. FONT FACE REFERENCES  */
/* Font face references generated by Font Squirrel (fontsquirrel.com) and ShiftIcons */




@font-face {
    
font-family: 'great_vibesregular';
    
src: url('/_fonts/greatvibes-regular1-webfont.eot');
    
src: url('/_fonts/greatvibes-regular1-webfont.eot?#iefix') format('embedded-opentype'),
url('/_fonts/greatvibes-regular1-webfont.woff') format('woff'),
 url('/_fonts/greatvibes-regular1-webfont.ttf') format('truetype'),
 url('/_fonts/greatvibes-regular1-webfont.svg#great_vibesregular') format('svg');
    
font-weight: normal;
    
font-style: normal;


}



@font-face {
  
font-family: 'EnriquetaRegular';

src: url('/_fonts/Enriqueta-Regular-webfont.eot');
    
src: url('/_fonts/Enriqueta-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/_fonts/Enriqueta-Regular-webfont.woff') format('woff'),
 url('/_fonts/Enriqueta-Regular-webfont.ttf') format('truetype'),
 url('/_fonts/Enriqueta-Regular-webfont.svg#EnriquetaRegular') format('svg');

font-weight: normal;

font-style: normal;


}



@font-face {
    
font-family: 'EnriquetaBold';
 
src: url('/_fonts/Enriqueta-Bold-webfont.eot');
    
src: url('/_fonts/Enriqueta-Bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('/_fonts/Enriqueta-Bold-webfont.woff') format('woff'),
url('/_fonts/Enriqueta-Bold-webfont.ttf') format('truetype'),
 url('/_fonts/Enriqueta-Bold-webfont.svg#EnriquetaBold') format('svg');
 
font-weight: bold;
    
}

@font-face {
  
font-family: 'Shifticons';
  
src: url('/_fonts/shifticons.eot'); /* IE9 Compat Modes */
  
src: url('/_fonts/shifticons.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
url('/_fonts/shifticons.woff') format("woff"), /* Modern Browsers */
url('/_fonts/shifticons.ttf')  format("truetype"), /* Safari, Android, iOS */
url('/_fonts/shifticons.svg#Shifticons') format("svg"); /* Legacy iOS */

}




/*  2. RESET STYLES  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, label, input, select, textarea, button { margin: 0; padding: 0; border: 0; font-size: 100%;  font: inherit; vertical-align: baseline;  }
body { background: #fff;  line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none; }
ins { text-decoration: none; background: #fff75c; }
del { text-decoration: line-through; }
em { font-style:italic; }
strong { font-weight:bold; }
abbr { border-bottom:1px dotted; }
input[type=submit], button { cursor:pointer;-webkit-appearance:none; } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; } 

/* make sure the page doesn't shift horizontally */
html { overflow-y:scroll; }

/*  3. DEFAULT STYLES  */
body {  color: #000; font-family: 'EnriquetaRegular', "Times New Roman", serif; font-size: 100%; 
	line-height: 1.4; padding: 20px 0 0 0; }
.wrapper { width: 90%; margin: 0 auto 0 auto; clear:both; }

a { color: #333; }
a:active,a:hover { color: #000; }
p { margin-bottom: 1.2em; }
ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 {  font-size: 1.8em; margin: 0 0 .5em 0; padding: 0;  }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h6 { font-size: 1.2em; }

h1 a {  font-size: .5em; margin-left: 1em; text-transform: uppercase; }
h2 a, h3 a, h4 a, h5 a, h6 a {}

fieldset h3 { margin-bottom: 1em; }

::selection,::-moz-selection { background: #fdfaa1; }
blockquote { border-left: 2px solid; padding-left: 1.2em; }
img { border: 0; margin: 0; width: auto; max-width: 100%; height: auto; }

figure { background: #f0f0f0; border: 1px solid #dee0e0; margin-bottom: 1em; padding: .8em; }
figure img { margin: 0 auto; display: block; }
figure figcaption { padding-top: .8em; text-align: center; }
figure figcaption h4 { margin-top: 0; }
figure figcaption p { margin-bottom: 0; }

form { overflow: hidden; }
form fieldset { border: 1px solid #e2e2e2; margin: 2em 0; padding: 1em; }
form legend { font-weight: bold; margin-left: -1em; padding: 0 1em; }
form label { display: block; margin-bottom: 0.5em; }

form input[type=text],form input[type=email],form input[type=password],form input[type=search],
form input[type=url],form textarea, form select {
    background: #fff;
    background: -moz-linear-gradient(top, #f1f1f1 1%, #ffffff 25%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f1f1), color-stop(25%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f1f1f1 1%,#ffffff 25%,#ffffff 100%);
    background: -o-linear-gradient(top, #f1f1f1 1%,#ffffff 25%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f1f1f1 1%,#ffffff 25%,#ffffff 100%);
    background: linear-gradient(top, #f1f1f1 1%,#ffffff 25%,#ffffff 100%);
    border: 1px solid #dee0e0;
    color: #000;
    font-family: "Times New Roman", serif;
    font-size: 100%;
    line-height: 1.5;
    margin-bottom: 2em;
    padding: .5em;
    width: 95%;
}

form textarea {
    background: #fff;
    background: -moz-linear-gradient(top, #f1f1f1 1%, #ffffff 5%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f1f1), color-stop(5%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f1f1f1 1%,#ffffff 5%,#ffffff 100%);
    background: -o-linear-gradient(top, #f1f1f1 1%,#ffffff 5%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f1f1f1 1%,#ffffff 5%,#ffffff 100%);
    background: linear-gradient(top, #f1f1f1 1%,#ffffff 5%,#ffffff 100%);
}

form textarea + em { color: #717171; display: block; font-size: 92.85714%; margin-top: -2em; margin-bottom: -2em; }
form ul li { list-style-type: none; }

form input[type=submit],form input[type=button], form button {
    background: #141657;
    border: 1px solid #141657;
    border-radius: 10px;
    color: #fff;
    font-family: "Times New Roman", serif;
    font-size: 100%;
    line-height: 1.5;
    margin-bottom: 2.5em;
    padding: .5em 1em;
    cursor: pointer;
    cursor: hand;
}

form input[type=submit].btn2 ,form input[type=button].btn2, form button.btn2 { background: #383838;  border: 1px solid #383838; }

form input[type=submit]:hover,
form input[type=button]:hover,
form button:hover,
form input[type=submit]:active,
form input[type=button]:active,
form button:active {
    background: #000;
    border: 1px solid #000;
}

a.paging-prev { padding-left: 15px; display: block; background: url("../_images/arrow-left.png") center left no-repeat; }
a.paging-next { padding-right: 15px; display: block; background: url("../_images/arrow-right.png") center right no-repeat; }



/* Shifticon styles */
[class^="icon-"]:before, 
[class*=" icon-"]:before {
 font-family: 'Shifticons';
 font-style: normal;
 font-weight: normal;
 
	display: inline-block;
  vertical-align: baseline;
 text-decoration: inherit;
 
	padding-right: .25em;
 -webkit-font-smoothing: antialiased; 
font-size: 3em; }

.icon-cart:before { content: ""; }

.icon-basket:before { content: ""; }

.icon-check-encircled:before { content: ""; }

.icon-close:before { content: ""; }

.icon-magnifyingglass:before { content: ""; }

.icon-calendar:before { content: ""; }

.icon-questionmark:before { content: ""; }

.icon-printer:before { content: ""; }

.icon-landline:before { content: ""; }

.icon-lock-solid:before { content: ""; }



/* IE8 hack */
@media \0screen\,screen\9 { body:hover{} }

i.valid { color: #009900; font-size: .9em; line-height: 70%; margin-left: .5em; }
i.invalid { color: #990000; font-size: .9em; line-height: 70%; margin-left: .5em; }
i.search-icon { color: #000000; font-size: .8em; line-height: 70%; position: absolute; margin-left: 3.2em; margin-top:1em;}
i.sc-security-icon { color: #990000; margin-right: .6em; margin-top:.4em; }

/* 4. SECTION STYLES */

header { border-bottom: 1px solid white; margin-bottom: 1em; }
img.logo { border: none; margin: 20px 0 10px 0; }
.logo1 { width: 66%; }
.logo2 { display: none; }
.tagline { font-family: 'great_vibesregular','EnriquetaRegular', "Times New Roman", serif;
 font-size: 1.6em; margin-top: 1em; display: none; } 
.phoneline { padding: 1em; display: none; } 
.phoneline a { text-decoration: none; }
.company-name { margin: 0 0 0.5em 0; }

/* MAIN-NAV */
.main-nav {  display: none;  }
.main-nav li, #mobile-nav li { list-style-type: none; }
.main-nav li a, #mobile-nav li a { display: block; padding: .8em 1.6em; 
	border-left: 1px solid #656565; border-right: 1px solid #656565; border-bottom: 1px solid #656565;
	background: #FFFFFF url('/_images/site/yb-slice-purp-1x74-regular.png') repeat-x left center;
	color: #FFFFFF; text-decoration: none; font-weight: bold; }
.main-nav li:first-child a,
#mobile-nav li:first-child a { border-top: 1px solid #656565; }
.main-nav li.selected a,
#mobile-nav li.selected a { color: #FFFFFF;  }
.main-nav li a:hover,
#mobile-nav li a:hover { background: #FFFFFF url('/_images/site/yb-slice-purp-1x74-clicked.png') repeat-x left center; }
.main-nav ul li.selected a, #mobile-nav ul li.selected a { color: FFFFFF;  }
.main-nav ul li.current a, #mobile-nav ul li.current a { color: #FFFFFF;  }

.main-nav li#nav-cupsizes a { display: none; }
.main-nav li#nav-shipping a { display: none; } 
.main-nav li#nav-searchbox { display: none; background: #FFFFFF url('/_images/site/yb-slice-purp-1x74-regular.png') repeat-x left center; 
	padding: .2em 2em; color: #FFFFFF;}
form#nav-search input { border-radius: 10px; border: 1px solid #DDDDDD; color: #333333; width: 10em; padding: .3em; padding-left: 2em; margin: .2em 0 .2em 2em; }
#mobile-search { display: none; background: #999; padding: .4em; }
#mobile-search .searchbox { width: 80%; }
#mobile-search2 { display: block; background: #999; padding: .4em; }
#mobile-search2 .searchbox { width: 80%; }

ul.css-menu-icon { margin-top: 6px; padding: .5em; float: right; width: 25%; list-style-type: none; border-radius: 5px; 
	background: #FFFFFF url('/_images/site/yb-slice-purp-1x74-regular.png') repeat-x left center; }
ul.css-menu-icon li a { line-height:1.6; 
	font-weight:bold; color: #fff; text-decoration:none; position: relative; padding-left:1.2em; }
ul.css-menu-icon li a:before { content:''; position:absolute; top: 27%; left:0px;
  width:.75em; /* 12px/16px */ height:.125em; /* 2px/16px */
  border-top: .375em double #fff; /* 6px/16px */ border-bottom: .125em solid #fff; /* 2px / 16px */ }


/* SUB NAV */

.sidebar div#categories-main { width: 100%; border: 1px solid #656565; border-radius: 5px; margin-top: 5px; display: none; }
.sidebar div#categories-main ul li a { display: block; border-bottom: 1px solid #656565; padding: .3em 0 .3em 1em; font-size: 1.1em; 
	background: #efefef url('/_images/site/yb-slice-gray-1x56-regular.png') repeat-x left center; }
.sidebar div#categories-main ul li a:hover { border-bottom: 1px solid #656565; padding: .3em 0 .3em 1em; font-size: 1.1em; 
	background: #efefef url('/_images/site/yb-slice-gray-1x56-clicked.png') repeat-x left center; }
.sidebar div#categories-main ul li.last a { border-bottom: 0; }  

.sidebar div#categories-full { display: none; width: 100%; border: 1px solid #c8c8c8; border-radius: 5px; margin-top: 15px; margin-bottom: 15px; }
.sidebar div#categories-full-mobilelink { width: 100%; border: 1px solid #c8c8c8; border-radius: 5px; margin-top: 15px; margin-bottom: 15px; }
.sidebar div#categories-full h5.cat-header,
.sidebar div#categories-full-mobilelink h5.cat-header { text-transform: uppercase; border-bottom: 1px solid #c8c8c8; 
	font-size: 1em; padding: .3em 0 .3em 1em;}
.sidebar div#categories-full li.cat-level-1 { font-weight: bold; padding-left: 1em; margin-top: 1em;}
.sidebar div#categories-full li.first { margin-top: .3em;}
.sidebar div#categories-full li.cat-level-2 { font-weight: normal; }
.sidebar div#categories-main ul a, .sidebar div#categories-full a { text-decoration: none;  }
.sidebar div#categories-full li.cat-level-1 a:hover { text-decoration: underline;  }
.sidebar div#categories-full li.cat-level-2 a:hover { text-decoration: underline;  }

#sidebar-cart-summary { width: 100%; border: 2px solid #990000; border-radius: 5px; margin-top: 5px; margin-bottom: 1em; } 
#sidebar-cart-data { padding: 1em;}
#sidebar-cart-icon { float: left; width: 25%; color: #990000; }
#sidebar-cart-contents { float: right; width: 70%; margin-top:.4em; font-size: 1.3em;}
#sidebar-cart-link { clear: left; font-size: 1.3em; margin-left: .5em; color: #990000; text-decoration: none; }

/* TAGS */
.tags ul, .primary-content .tags ul { overflow: hidden; margin:0; padding: 0; }
.tags li { float: left; list-style-type: none; margin: 5px 10px 5px 0; }
.tags li a { background: url("../_images/tag.png") no-repeat scroll right center #e2e2e2; display: block; padding: 0 25px 0 5px; }
.tags li a:hover, .tags li a:active { background: url("../_images/tag.png") no-repeat scroll right center #c6c6c6; }

/* MODULES */
.modules { overflow: auto; }
.module { background: #f0f0f0; border: 1px solid #dee0e0; padding: 1.5em 1.5em 0 1.5em; font-size: 92.85714%; margin: 0 0 1.5em 0;
    /* use below so that we don't need to calculate the width+padding+border when using these in the responsive design. */
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
    box-sizing: border-box; }
.module h3 { font-weight: bold; letter-spacing: 1px; margin-top: 0; text-transform: uppercase; }

/* LISTINGS */
.listing,.primary-content ul.listing { list-style:none; margin: 0; }
.listing li { border-top: 1px dotted #dee0e0; padding-top: 1em; }

/* PRIMARY-CONTENT */
.primary-content { padding: 0 0 2em 0; margin-top: 5px; }
.primary-content .border_line { border-bottom: 1px dotted #03456F; float: left; width: 100%; margin-bottom: .5em; height: 1px; }
.primary-content img.illustration { float: left; margin: 0 1em .7em 0; box-shadow: 0 0 1px #666; border: solid 5px white; }
.primary-content img.right { float: right; margin: 0 0 .7em 1em; }
.primary-content #product-ads { width: 100%; display: none; }

/* MAIN */
.crumb_nav { margin-bottom: 2em; }

/* PRODUCT PAGES */
#sc-product-image { margin-bottom: 2em; border-radius: 5px; } 
#sc-product-name h1 { line-height: 1.2; margin-bottom: .5em; padding-bottom: 0; }
#sc-product-description { padding: .5em 0; border-top: 1px solid #999; border-bottom: 1px solid #999; w}
#sc-product-price-box { font-size: 1.5em; color: #990000; line-height: 1.2; margin-bottom: .5em;}
.sc-product-listprice { color: #000; font-size: 80%; }
.sc-product-savings { font-size: 80%; }
.sc-product-availability { margin-top: 1em; padding: .5em; background: #efefef; color: #990000; }
.sc-product-calltoorder { color: #141657; font-weight: bold; font-size: 1.2em; }

#product-cart-summary { width: 90%; border: 2px solid #990000; border-radius: 5px; margin-top: 5px; margin-bottom: 1em; }
#product-cart-data  { padding: 1em; }
#product-cart-icon { float: left; width: 25%; color: #990000; }
#product-cart-contents { float: right; width: 70%; margin-top:.4em; font-size: 1em; }
#product-cart-message {}
#product-cart-added {}
#product-cart-link  { clear: left; font-size: 1em; margin-left: 1em; color: #990000; text-decoration: none; }

/* PRODUCT LISTS AND PRODUCT PAGE IMAGES */
ul.thumbnails { list-style:none; }
ul.thumbnails:before,ul.thumbnails:after{display:table;content:"";line-height:0;}
ul.thumbnails:after { clear:both; }
ul.thumbnails>li{ float:left; width: 178px; margin-bottom:20px; margin-right:15px; text-align: left; }
ul.thumbnails>li.rowends { margin-right: 0; }
#sc-sr-productlist ul.thumbnails>li { font-size: 1em; }

.thumbnail {display:block; padding:4px;line-height:20px; border:1px solid #ddd;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.thumbnail:hover {border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
.thumbnail > img {display:block;max-width:100%;margin-left:auto;margin-right:auto;}
.thumbnail .caption { padding: 9px; color: #555555; }

/* PRODUCT SEARCH RESULTS */
#sc-sr-searchterm { margin-top: -1.2em; font-size: 1.3em; }
#sc-sr-productlist h2 { text-transform: uppercase; font-weight: bold; margin-top: 0; margin-bottom: .5em;}
#sc-sr-productlist .thumbnail { border: 0; border-radius: 0px; 
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.sc-sr-image img { border-radius: 5px;}
.sc-sr-caption  { height: auto; }
.sc-sr-caption a { text-decoration: none; }
.sc-sr-caption a:hover { text-decoration: underline; }
.sc-sr-caption .sc-sr-product-name { font-weight: bold; line-height: 1.1; }
.sc-sr-caption .sc-sr-price-box { font-weight: bold; }
.sc-sr-caption .sc-sr-price-box .sc-saleprice { color: #990000; }
.sc-sr-actions { margin-top: .2em; }
.sc-sr-actions a, .sc-sr-added a { color: #990000; font-weight: bold; } 
#sc-sr-productlist form input[type=submit],#sc-sr-productlist form input[type=button], #sc-sr-productlist form button { 
	font-size: .8em;  padding: 0.3em 0.8em;  } 
.sc-sr-added { color: #990000; font-weight: bold; margin-top: .2em; }
.sc-sr-added form { display: inline; }
.sc-sr-added form input[type=button] { font-weight: normal; }
.sc-sr-calltoorder  {  color: #141657; font-weight: bold; }

/* SHOPPING CART1 */
#sc-cart-shipcalc { width: 50%;}
#sc-cart-discount-box { width: 50%; }
#sc-cart-summary { width: 50%; }

#sc-checkout-orderdetails table, #sc-confirm-orderdetails table  { 
	border-color: white; border-collapse: collapse; background: #efefef; padding: .5em; }
#sc-checkout-orderdetails table tbody, #sc-checkout-orderdetails table tr, #sc-checkout-orderdetails table td,
#sc-confirm-orderdetails table tbody, #sc-confirm-orderdetails table tr, #sc-confirm-orderdetails table td  { 
	border-color: white; border: none; }
#sc-checkout-orderdetails table td, #sc-confirm-orderdetails table td { padding: 2px; }
#sc-checkout-orderdetails table hr, #sc-confirm-orderdetails table hr { 
	border-color: white; background-color: white; color: white; border: 0;} 
#sc-checkout-orderdetails table tr:first-child td:nth-child(2)[style],
#sc-confirm-orderdetails table tr:first-child td:nth-child(2)[style] { text-align: left !important; } 

#sc-checkout-contactinfo, #sc-register-customerinfo { background: #ffffcc; }
#sc-checkout-billinfo, #sc-register-billinfo, #sc-confirm-pmtinfo { background:  #b9dcff; }
#sc-checkout-shipinfo, #sc-register-shipinfo { background: #ccffcc; }
#sc-checkout-shiptobill, #sc-register-shiptobill { margin-bottom: .5em; }

#sc-confirm-billinfo { border: 1px solid #e2e2e2; margin: 2em 0; padding: 1em; }
#sc-confirm-shipinfo { border: 1px solid #e2e2e2; margin: 2em 0; padding: 1em; }


/* SHOPPING CART2 */
.sc-sectionheader { background-color: #EFEFEF;  width: 100%;  padding: .6em; text-transform: uppercase; font-size: .8em;  }
.sc-sectionsubhead { background-color: #CCCCCC;  width: 100%;  padding: .6em; text-transform: uppercase; font-size: .8em;  margin-top: 1em; margin-bottom: .5em; }

.msginline { color: #990000; font-weight: bold; }
#sc-cartinfo input[type=text], #sc-cartinfo select { margin-bottom: .2em; }
.sc-cart-item-block { clear: both; padding: 2em 0; }
.sc-cart-item-image {  float: left; }
.sc-cart-item-textblock { float: left;  margin-left: .8em;  color: #000; }
.sc-cart-label { padding-right: 1em;  font-size: .9em; font-weight: bold; color: #000;  }
.sc-cart-item-textblock input, .sc-cart-item-textblock select  { font-size: 1em; padding: .3em; border: 1px solid #DDDDDD; color: #000;  }
.sc-cart-item-name { font-weight: bold; margin-bottom: .3em; }
.sc-cart-item-quantity {  display: inline;    }
.sc-cart-item-price { display: inline; margin-left: 1.5em;  }
.sc-cart-item-extension { display: inline;  margin-left: 1.5em; }
.sc-cart-item-shiptype {  }
.sc-cart-item-shiptypelabel { float: left; width: 6em; margin-top: .6em; }
.sc-cart-item-shiptypevalue { float: left; }
.sc-cart-item-shipfrequency { clear: left;  }
.sc-cart-item-shipfrequencylabel { float: left; width: 6em; margin-top: .6em;  }
.sc-cart-item-shipfrequencyvalue { float: left; }
.sc-cart-item-updatelink { display: inline;   }
.sc-cart-item-removelink, .sc-cart-item-updatelink { display: inline; padding-left: 2em; text-transform: uppercase;  }
.sc-cart-item-removelink .sc-cart-label a, .sc-cart-item-updatelink .sc-cart-label a { font-weight: normal; font-size: .7em;  color: #7F7F7F; } 

#sc-cart-items-totalblock  { clear: both; border-top: 1px solid #DDDDDD; margin-bottom: 2em; padding: 1.5em 0; font-size: .9em; color: #000;  }
#sc-cart-items-subtotallabel, #sc-cart-items-discountlabel, #sc-cart-items-shippinglabel, 
#sc-cart-items-taxlabel, #sc-cart-items-totallabel { clear: left; float: left;  text-transform: uppercase; }
#sc-cart-items-subtotalvalue, #sc-cart-items-discountvalue, #sc-cart-items-shippingvalue, 
#sc-cart-items-taxvalue, #sc-cart-items-totalvalue { float: right; text-align: right; }

#sc-estimate-shipping-form label, #sc-promo-code-form label  { font-size: .9em; }
#sc-estimate-shipping-form label.labelreq, #sc-promo-code-form label.labelreq { font-weight: bold;  }
#sc-estimate-shipping-form input.sm, #sc-promo-code-form input.sm  { width: 5em; }
#sc-estimate-shipping-form, #sc-promo-code-form { padding: 1.5em 2.5em 2em 2.5em; font-size: .9em; color: #000;  
	margin: 15px 0; background: #efefef;   }
#sc-estimate-shipping-form .sc-checkoutbutton input[type=button], 
#sc-promo-code-form .sc-checkoutbutton input[type=button],
#sc-estimate-shipping-form .sc-checkoutbutton input[type=submit], 
#sc-promo-code-form .sc-checkoutbutton input[type=submit] { margin-top: 1em; margin-bottom: 0; }
#sc-estimate-shipping-form select, #sc-estimate-shipping-form input, #sc-promo-code-form input[type=text]  { margin-bottom: .6em; }

#sc-security-block { width: 100%; border: 2px solid #990000; border-radius: 5px; margin-top: 1em; margin-bottom: 1em; } 
#sc-security-img { float: right; margin: 1em 2em 1em 1em; }
#sc-security-text { padding: 1.5em 2em 1em 1em; }

.sc-checkoutsection, .sc-accountsection { color: #000;   }
.sc-checkoutsection label, .sc-accountsection label { font-size: .9em; }
.sc-checkoutsection label.labelreq,
.sc-accountsection label.labelreq { font-weight: bold;  }
.sc-checkoutsection input.txt, .sc-checkoutsection select,.sc-checkoutsection textarea, 
.sc-accountsection input.txt, .sc-accountsection select,.sc-accountsection textarea { font-size: 1em; padding: .3em; 
	border: 1px solid #DDDDDD; color: #000; margin-bottom: .6em; }
.sc-checkoutsection .formline span.formlabel select,.formline span.fullwidth select { font-size: 1em;  margin-top: -.4em;}
.sc-checkoutsection label.std { font-size: .8em; display: inline; }
.sc-checkoutsection label.bl { display: block; }
.sc-checkoutsection input.xs { width: 3em; }
.sc-checkoutsection input.sm, .sc-checkoutsection select.sm, 
.sc-accountsection input.sm, .sc-accountsection select.sm { width: 5em; }
.sc-checkoutsection input.md, .sc-accountsection input.md { width: 10em; }
.sc-checkoutsection input.lg, .sc-checkoutsection textarea.lg, .sc-checkoutsection select.lg,
.sc-accountsection input.lg, .sc-accountsection textarea.lg, .sc-accountsection select.lg  { width: 12em; }
.sc-checkoutsection input.xl, .sc-checkoutsection textarea.xl,
.sc-accountsection input.xl, .sc-accountsection textarea.xl { width: 12em; }
.sc-checkoutsection input.xxl,.sc-checkoutsection textarea.xxl{ width: 12em; }
.sc-checkoutsection span.formhelp { font-size: 80%; color: #808080; }
.sc-checkoutsection .formlinemessage,
.sc-accountsection .formlinemessage { clear: left; width: 770px; padding: 3px 3px 3px 10px; margin: 3px 0 0 215px; text-align: left; font-size: 80%; color: #ac0000; font-weight: bold; background: transparent url('/images/ye-caution20.png') no-repeat 20px 2px; padding-left: 50px; display: none; }
.sc-checkoutsection span.fieldbutton,
.sc-accountsection span.fieldbutton { display: block; float: left; width: 500px; margin: 1em 0 2em 1em; text-align: left; }
.sc-checkoutsection span.button,
.sc-accountsection span.button { display: block; float: left; width: 550px; margin: 1em 0 2em 10em; text-align: left; }

.sc-checkoutbutton {  }
.sc-checkoutbutton  input.formbutton2  { font-size: .8em;  padding: 0.3em 0.8em;  }
.sc-checkoutsection .sc-checkoutbutton input[type=button] { margin-top: 1em; margin-bottom: .5em; }

#sc-customer-choice-form { }
#sc-customer-type-guest { margin-left: 1em;  }
#sc-customer-type-new { margin-left: 1em; }
#sc-customer-type-existing { margin-left: 1em;  }
a#sc-fgpw { font-size: .9em; }
#sc-account-signin form#ResetPassword { padding: 1em 1em 0 1em; background: #efefef; }
#sc-account-guest, #sc-account-new, #sc-account-signin, #sc-account-resetemailsent  { margin-top: 1em;} 
#sc-account-new .sc-checkoutbutton, #sc-account-signin .sc-checkoutbutton { float: none; }

#shipuseasbillingdiv { font-size: .9em; margin-bottom: .5em; }
#billtaxexemptdiv { font-size: .9em; margin-bottom: .5em; }

#sc-customer-block, #sc-ship-address-block, #sc-bill-address-block, #sc-bill-info-block,
#sc-acct-basic,#sc-acct-orderhistory { font-size: .9em; color: #000; margin: .8em 0; }
#sc-bill-info-block { padding-bottom: 1em; }
#sc-customer-fname, #sc-ship-fname, #sc-bill-fname, #sc-acct-fname { display: inline;  }
#sc-customer-lname, #sc-ship-lname, #sc-bill-lname, #sc-acct-lname {  display: inline;   }
#sc-customer-email-guest { display: inline; }
#sc-customer-email-account {       }
#sc-acct-email {  }
#sc-ship-addr1, #sc-bill-addr1 {  }
#sc-ship-addr2, #sc-bill-addr2 {  }
#sc-ship-city, #sc-bill-city {  display: inline;   }
#sc-ship-city:after, #sc-bill-city:after { content: ", ";} 
#sc-ship-state, #sc-bill-state {   display: inline;  }
#sc-ship-zip, #sc-bill-zip { display: inline;  }
#sc-ship-country, #sc-bill-country {   }
#sc-ship-phone, #sc-bill-phone { display: inline;  }
#sc-cc-expires  { display: inline;  }
.sc-customer-editlink, .sc-ship-editlink, 
.sc-bill-editlink,.sc-cc-editlink{  display: inline; padding-left: 2em; text-transform: uppercase;  }
.sc-acct-editlink { text-transform: uppercase; }
.sc-customer-editlink .sc-cart-label a,
.sc-ship-editlink .sc-cart-label a, 
.sc-bill-editlink .sc-cart-label a, 
.sc-cc-editlink .sc-cart-label a,
.sc-acct-editlink .sc-cart-label a{ font-weight: normal; font-size: .8em; color: #7F7F7F; } 
#sc-bill-info-block span.formlabel { margin-top: 0; }
img#sc-card-images { display: block; margin: .3em 0 .5em 0; } 
#sc-cc-account-block { font-size: .9em; }


#sc-review-order-block { padding: 1.5em 2.5em 3em 2.5em; font-size: .9em; color: #000;  text-transform: uppercase;  margin: 15px 0; 
	background: #efefef;  -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; } 
.sc-review-order-subtotal  { }
.sc-review-order-subtotallabel  {  float: left;  }
.sc-review-order-subtotalvalue  { float: right;  }
.sc-review-order-discount  { clear: both; }
.sc-review-order-discountlabel {  float: left;   }
.sc-review-order-discountvalue {  float: right;   }
.sc-review-order-shipping  { clear: both; }
.sc-review-order-shippinglabel  {  float: left;   }
.sc-review-order-shippingvalue  { float: right;  }
.sc-review-order-tax  { clear: both; }
.sc-review-order-taxlabel  {  float: left;  }
.sc-review-order-taxvalue  { float: right;  }
.sc-review-order-total  { clear: both;  }
.sc-review-order-totallabel  { float: left;  }
.sc-review-order-totalvalue  { float: right;}

#sc-acct-orderhistory {margin-bottom: 1.5em; }
.r { text-align: right; }
.c  { text-align: center; }
.sc-oh-label { font-weight: bold; width: 25%; float: left; margin-top: .6em; }
.sc-oh-order { clear: both; }
.sc-oh-date, .sc-oh-orderid, .sc-oh-amt { width: 25%; float: left; }
.sc-oh-orderid { text-align: center; }
.sc-oh-amt  { text-align: right; }


html.ie7 #sc-review-order-block { margin-left: 1em; }
html.ie7 #sc-customer-lname,
html.ie7 #sc-ship-lname,
html.ie7 #sc-bill-lname { margin-left: .5em; }
html.ie7 #sc-ship-state,
html.ie7 #sc-bill-state { margin-left: .5em; }
html.ie7 #sc-ship-zip,
html.ie7 #sc-bill-zip { margin-left: .5em; }

/* SLIDESHOW */
.slideshow { margin-top: 1.5em; } 
.slideshow_shadow { margin: -.5em 0 0 0; }
img.delay-load { display: none; }

/* CONTACT FORM */
#contactForm input.md { width: 10em; }
#contactForm input.lg { width: 12em; }
#contactForm input.xl, #contactForm textarea.xl { width: 15em; }
#contactForm textarea.xl { min-height: 10em; }

/* STORE MANAGEMENT */
header.sc-smheader { background: #000000; padding: 1em 0; width: 100%; font-family: arial, helvetica, sans-serif; 
	font-weight: bold; color: #FFFFFF; margin-bottom: 1em; }
#sc-smheadertext { text-transform: uppercase; font-size: 1.2em; padding: 0; }
.sc-smnav ul li { float: left; padding: .5em 2em; margin-top: 1em; }

#sc-storemanage  { font-family: Arial, Helvetica, sans-serif; border-top: 1px solid gray; }
#sc-storemanage h2 { margin-bottom: 1em; }
  #sc-storemanage .msginline  { margin-top: .2em; margin-bottom: .3em;}
#sc-storemanage input, #sc-storemanage select, #sc-storemanage textarea  { font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; }
#sc-storemanage input.sm, #sc-storemanage select.sm { width: 5em; }
#sc-storemanage input.md, #sc-storemanage select.md { width: 10em; }
table.reporttable1 { border-collapse: collapse; empty-cells: show; margin-top: 2em; }
table.reporttable1 tr.odd { background: #ffffff; }
table.reporttable1 tr.even { background: #efefef; }
table.reporttable1 th, table.reporttable1 td { font-family: Arial, Helvetica, sans-serif;  
	padding: 3px 5px; border: 1px solid #999999; vertical-align: top; }
table.reporttable1 th { font-weight: bold; background-color: #efefef; text-align: left; }
table.reporttable1 th.l,table.reporttable1 td.l { text-align: left; }
table.reporttable1 th.c, table.reporttable1 td.c, table.reporttable1 td.cgreen { text-align: center; }
table.reporttable1 td.cgreen { background: #E1FFDF; }
table.reporttable1 th.r,table.reporttable1 td.r,table.reporttable1 td.rred { text-align: right; }
table.reporttable1 td.rred { color: #ff0000; font-weight: bold; }
table.reporttable1 td.label { font-weight: bold; }
table.reporttable1 td.labelreq { color: #660000; font-weight: bold; }
.ms-header { text-align: center; padding: 3px; background: #383838; color: #fff; }

.ui-sortable { list-style-type: none; margin: 0; padding: 0; width: 50%; } 
.ui-sortable li  { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; 
	font-size: 1.2em; display: block; background: #EFEFEF; } 
.ui-sortable li span { position: absolute; margin-left: -1.3em; } 

/* LAYOUT-FOOTER */
.layout-footer  { clear:both; width: 100%; padding: .5em 0 .5em 0; background: #efefef; }
#footer-nav {  }
#footer-nav ul li { list-style-type: none; }
#footer-nav ul li a { display: block; padding: .5em .5em; text-decoration: none; }
#footer-nav li.selected a { color: #990000 !important; }
#footer-nav ul li.selected a { color: #990000 !important; }
#footer-nav ul li.current a { color: #990000 !important;  }
#footer-nav li a:hover { color: #990000 !important; }
#footer-text { display: none; }
#mobile-copyright { background:#999; padding: .5em 0; text-align: center;}


/* 5. LAYOUT RULES */
/* mobile first responsive design */

/*Screen width above 320px. Mobile phones. */
@media only screen and (min-width: 320px) {


}

@media only screen and (min-width: 460px), print { 
    .logo1 { width: auto; }
    .sc-sr-caption  { height: 6.5em; }
    .sc-checkoutsection input.lg, .sc-checkoutsection textarea.lg, .sc-checkoutsection select.lg,
    .sc-accountsection input.lg, .sc-accountsection textarea.lg, .sc-accountsection select.lg  { width: 17em; }
    .sc-checkoutsection input.xl, .sc-checkoutsection textarea.xl,
    .sc-accountsection input.xl, .sc-accountsection textarea.xl { width: 20em; }
    .sc-checkoutsection input.xxl,.sc-checkoutsection textarea.xxl{ width: 25em; }  
    #contactForm input.xl, #contactForm textarea.xl { width: 20em; }
    #sidebar-cart-data { max-width: 300px; } 
}

@media only screen and (min-width: 600px), print {
    body {  padding-top: 7px; } 
   .logo2 { display: inline; }
    ul.css-menu-icon { display: none; }
    ul.css-menu-icon li a { display: none; }

    .main-nav {  display: block;  }
    .main-nav { border-radius: 5px; background: #FFFFFF url('/_images/site/yb-slice-purp-1x74-regular.png') repeat-x left center; 
	width: 100%; overflow: hidden; padding: 0; }
    .main-nav ul { overflow: hidden; padding: 0; }
    .main-nav li a { float: left; margin: 0; padding: .5em 1.5em; border-right: 0; border-bottom: 0;}
    .main-nav li:first-child a { border-top: 0; }
    .main-nav li#nav-cupsizes a { display: block; } 
    .main-nav li#nav-shipping a { display: block;  border-right: 1px solid #656565; }
    .phoneline { display: block; float: right; margin: .3em 0 0 0; padding: 0; }
    #mobile-search { display: block; margin-top: 2em; }  
    #mobile-search .searchbox { width: 15em; }
    #mobile-nav { display: none; }
    #mobile-search2 { display: none; }

}


@media only screen and (min-width: 700px), print {

    #sc-checkout-form label, #sc-register-form label, #sc-confirm-pmtinfo label, 
   .sc-userupdate-form label, #sc-search label { 
	width: 15%; clear: left; float:left; margin-right: 1em;  }
    #sc-checkout-form input[type=text], #sc-register-form input[type=text], 
    #sc-register-form input[type=password], .sc-userupdate-form input[type=text], #sc-search input[type=text] { 
	width: 80%; float: left; margin-bottom: .5em; }
    #sc-confirm-pmtinfo input[type=text], #sc-userupdate-empw input[type=password] { 
	width: 50%; float: left; margin-bottom: .5em; }

    #sc-checkout-form select, #sc-register-form select, .sc-userupdate-form select, #sc-search select { 
	width: 50%; float: left; margin-bottom: .5em; }
    #sc-confirm-pmtinfo select  { width: 25%; float: left; margin-bottom: .5em; }

    #sc-checkout-shiptobill, #sc-register-shiptobill { float: left; }
    #sc-checkout-shiptobill select, #sc-register-shiptobill select { width: 20em;  }
    #sc-register-shiptobill { margin-left: 15%; padding-left: 1em; }

    #sc-checkout-mode-signin { width: 30%; float:left; margin-right: 4.5%;  }
    #sc-checkout-mode-register { width: 30%; float:left; margin-right: 4.5%;  }
    #sc-checkout-mode-guest { width: 30%; float:left;  }

    #sc-confirm-billinfo { width: 40%; float:left; margin-right: 4.5%;  }
    #sc-confirm-shipinfo { width: 40%; float:left; }
    #sc-confirm-pmtinfo { clear: both;  }

    .sc-smnav  { float: right; margin-top: -1.3em; font-size: .9em; }
    .sc-smnav ul li { margin-top: 0;  }
    .sc-smnav ul li a { text-decoration: none; color: #FFFFFF; }
    #sc-storemanage { border-top: 0;} 

    #sc-storemanage .msginline  { clear: left; float:left; margin-left: 7em; margin-top: .5em; margin-bottom: .8em;}
    #sc-storemanage #searchform label,
    #sc-storemanage .searchform label,
    #sc-acct-signin .searchform label,
    #sc-storemanage .updateform label { width: 6em; clear: left; float:left; margin-right: 1em; 
	font-weight: bold; padding-top: .3em; }
    #sc-storemanage #searchform input[type=text],
    #sc-storemanage #searchform input[type=email],
    #sc-storemanage #searchform input[type=password],
    #sc-storemanage #searchform select,
    #sc-storemanage .searchform input[type=text],
    #sc-acct-signin .searchform input[type=text],
    #sc-storemanage .searchform input[type=email],
    #sc-acct-signin .searchform input[type=email],
    #sc-storemanage .searchform input[type=password],
    #sc-acct-signin .searchform input[type=password],
    #sc-storemanage .searchform select,
    #sc-storemanage .updateform input[type=text], 
    #sc-storemanage .updateform select { width: 20em; float: left; }
    #sc-storemanage #searchform input.sm,
    #sc-storemanage .searchform input.sm,
    #sc-storemanage .updateform input[type=text].sm { width: 5em; }
    #sc-storemanage #searchform input.md,
    #sc-storemanage .searchform input.md,
    #sc-acct-signin .searchform input.md,
    #sc-storemanage .updateform input[type=text].md,
    #sc-storemanage .updateform select.md { width: 10em; }
    #sc-storemanage .updateform input[type=text].xl { width: 25em; }
    #sc-storemanage #searchform input[type=submit],
    #sc-storemanage .searchform input[type=submit],
    #sc-acct-signin .searchform input[type=submit],
    #sc-storemanage .updateform input[type=submit] { clear: left; float: left; margin-left: 7em;  } 
    #sc-storemanage .updateform input[type=submit].btn2 { clear: none; }
    #sc-acct-signin .searchform input[type=button].btn2 { float: left; margin-left: 2em; }
    #sc-storemanage #pwfglink { margin-left: 7em; }


   .layout-footer { font-size: .9em; margin-bottom: 1.5em;}
    .layout-footer #footer-nav { float: right;  margin-top: -1em; }
    #footer-nav ul li { float: left; display: block; text-align: right; height: auto; margin: 0 0 0 .5em; padding: .5em .3em;  }
    #footer-nav ul li:first-child { margin-left: 0; padding-left: 0;  }
    #footer-nav ul li.first { margin-left: 0; padding-left: 0;  }
    #footer-nav ul li:first-child a { margin-left: 0; padding-left: 0; }
    #footer-nav ul li.first a { margin-left: 0; padding-left: 0; }
    #footer-text { display: block; }
    #mobile-copyright { display: none; }
}

@media only screen and (min-width: 960px), print {
/* LARGE SCREENS */

     header { border-bottom: 0; margin-bottom: 0; }
     html.ie7 body { margin-top: 2em; }
    .tagline { float: right;  display: block; }

    .main-nav ul li a { margin: 0; padding: .5em 0; width: 8em; text-align: center; }
    .main-nav ul li:last-child a { margin-right: 0; }
    .main-nav ul li.last a { margin-right: 0; }
    .main-nav ul li.selected:last-child a { margin-right: 0; }
    .main-nav li#nav-searchbox { display: block; }
    #mobile-search { display: none; }  

    .sidebar { font-size: .9em; } 
    .col2-sidebarleft .sidebar { float: left; width: 18.75%; /* 180/960*/ }
    .col2-sidebarleft .primary-content { float:right; width: 79.6875%; /* 765/960*/ }

    .sidebar div#categories-main { display: block; }
    .sidebar div#categories-full-mobilelink { display: none; }
    .sidebar div#categories-full { display: block; }
    
    .col2-sidebarright .sidebar { float: right; width: 18.75%; /* 180/960*/ }
    .col2-sidebarright .primary-content { float:left; width: 75%; /* 720/960*/ }
    
    .col1 .primary-content { margin: 0 auto 0 auto; width: 90%; }
   .primary-content #product-ads { display: block; }

    #sc-product-info-block { float: right; width: 49%; }
    #sc-product-image-block { float: left; width: 49%;  }

    #sc-cart-shipcalc { width: 30%; float: left; margin-right: 4%; }
    #sc-cart-discount-box { width: 30%; float: left; margin-right: 4%; }
    #sc-cart-summary { width: 30%; float: left; }

    #sc-checkoutinfo  { width: 50%; float: right; border-left: 1px solid #c0c0c0; padding: 20px 0 20px 3%; }
    #sc-cartinfo { width: 40%; float: left; padding-right: 3%; padding-top: 20px;}
    #sc-account-guest, #sc-account-new, #sc-account-signin, #sc-account-resetemailsent  { margin-left: 3em;}

    #sc-acct-billshipinfo  { width: 50%; float: right; border-left: 1px solid #c0c0c0; padding: 20px 0 20px 3%; }
    #sc-acct-basic-oh { width: 40%; float: left; padding-right: 3%; padding-top: 20px;}

    .modules .module { width: 31.25%; float:left; margin: 0 0 1.5em 3.125%; }
    .modules .module:nth-child(3n+1) { margin: 0 0 1.5em 0; }

  
}

@media only screen and (min-width: 1000px), print {
    header, .wrapper { display: block; margin-right: auto; margin-left: auto; width: 960px; } 
    header .wrapper { clear: none; }
    img.logo  { margin-top: -45px; }
   .cols1 .primary-content { margin: 0 auto 0 auto; width: 960px; }
}