@charset "utf-8";

/* STYLES
================================================== */
.max, .row { height:inherit; }
main.page { display:block; width:100%; }
#banner { position:relative; }
.flex { width:100%; background-position:center; background-size:cover; }
.contain { background-repeat:no-repeat; background-size:contain; }

li.list-item,
.list-item > li { display:list-item; margin-left:15px; list-style-type:circle; list-style-position:outside; }

/* FONTS
================================================== */
body { font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif; font-weight:normal; }

/* SIZES
================================================== */
body { font-size:14px; }

h1, .h1 { font-size:24px; line-height:24px; }
h2, .h2 { font-size:22px; line-height:22px; }
h3, .h3 { font-size:20px; line-height:20px; }
h4, .h4 { font-size:18px; line-height:18px; }
h5, .h5 { font-size:16px; line-height:16px; }
h6, .h6 { font-size:14px; line-height:14px; }

h1 a, h2 a, h3 a, h4 a, h5 a { font-weight:inherit; }

h4 > small { display:block; }

/* ASIDE
================================================== */
aside { display:none; position:fixed; top:110px; bottom:0; left:0; margin:0; padding:0; width:100%; max-width:400px; }
aside.focused,
aside.clicked { display:block; }
aside.fixed { position:fixed; top:54px; }



/* CONTENT
================================================== */
section.content { /*margin:0 auto 10px;*/ margin:0 auto; padding-top:10px; padding-bottom:10px; }
main > section.content { margin-bottom:0; padding-bottom:10px;  }
div.backorders {padding-top: 25px; padding-left: 1%; }
div.customers {padding-top: 25px; padding-left: 1%; }
div.carts {padding-top: 25px; padding-left: 1%; }
div.account > .title {padding-top: 25px; padding-left: 1%; padding-bottom: 1px; background-color: #eeeeee; }



/* FOOTER
================================================== */
footer#footer { font-size:12px; line-height:14px; }
	footer#footer a { text-decoration:none; }
	footer#footer h6 { margin:10px 0; font-size:16px; line-height:18px; }
	footer#footer ul,
	footer#footer ul li { display:block; vertical-align:top; }
	footer#footer ul li > a { text-decoration:none; font-size:11px; line-height:18px; }
	footer#footer h5 { margin:0 0 10px; font-size:16px; line-height:18px; }

footer#footer > .row { padding-top:25px; }
footer#footer > .row > .two.columns:nth-child(1) { padding-left:10px; }
footer#footer > .row > .two:nth-child(1) > div { width:100%; max-height:150px; background-repeat:no-repeat; background-size:contain; }

/* SECTIONS
================================================== */
section .section-title { display:block; margin:15px 0; }
section .section-pagetitle { display:block; margin:15px 0; padding-left: 10px; }

section.sort { margin:0 0 15px; }
section.sort > *,
section.sort > * > * { display:inline-block; box-sizing:border-box; }
section.sort > * { margin-right:15px; }
section.sort label {  margin-right:10px; }
section.sort > h1 { display:block; margin:15px 0; }
section.sort > div > a { display:inline-block; margin-top:3px; padding:0 3px; min-width:18px; height:32px; line-height:32px; text-align:center; }

section#social { margin:0 auto; text-align:center; padding:24px 0; border-top:1px solid; }
section#social .beauty-supply { margin-top:9px; width:163px; height:32px; background-repeat:no-repeat; background-position:center; background-size:contain; }
section#social ul { display:inline-block; margin:0 auto; width:auto; }
section#social ul li { display:inline-block; padding:0 5px; height:32px; }
section#social ul li > a { width:32px; height:32px; line-height:32px; text-decoration:none; text-align:center; }

section .filter { margin:25px 0 0;}
section .filter em { display:block; margin:0 0 15px; font-size:14px; color:#80828f; min-width:188px; }
section .filter.toggle { }
section .filter.toggle em{ cursor:pointer; background-repeat:no-repeat; background-position:right center; background-size:auto; }

section .filter ul{ display:block; min-width:188px;}

section .filter ul.more > li:nth-child(n+6) { display:none }
section .filter ul.more > li.showmore { display:block; cursor:pointer; }

section .filter ul.all > li:nth-child(n+6) { display:block; }
section .filter ul.all > li.showmore,
section .filter ul.all > li.showless { cursor:pointer; display:block; }

section .filter.toggle.toggled ul > li,
section .filter.toggle.toggled ul.more > li.showmore,
section .filter.toggle.toggled ul.more > li.showless,
section .filter.toggle.toggled ul.all > li.showmore,
section .filter.toggle.toggled ul.all > li.showless { display:none; }
section .filter.toggle.toggled ul > li.active { display:block; }
section .filter ul { margin-left:0; }
section .filter ul > li { font-size:12px; font-weight:bold; vertical-align:top; }
section .filter ul > li > a { padding-left:3px; box-sizing:border-box; font-size:12px; font-weight:bold; background-repeat:no-repeat; background-position:left 5px; background-size:auto; vertical-align:top; }

section.breadcrumbs { margin:0; padding:5px 0; border-bottom:1px solid; }
section.breadcrumbs .twelve { padding:0px 0; height:20px; line-height:20px;  }
section.breadcrumbs .twelve > a,
section.breadcrumbs .twelve > span { display:inline-block; margin:0 15px 0 0; font-size:12px; height:20px; line-height:20px; }
section.breadcrumbs .twelve > a > i,
section.breadcrumbs .twelve > span > i { margin-left:10px;  height:20px; line-height:20px; }

.pic { position:relative; }
.pic > div { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; }
.pic > div.img:after { content:''; display:block; padding-top:100%; }
.pic .brand { position:absolute; top:0; right:0; width:30%; background-position:right top; opacity:.9; }
.pic .brand:after { content:''; display:block; padding-top:30%; }

section.item_overview .row > .four.columns > .img { position:relative; height:450px; }
section.item_overview .row > .four.columns > .img > .brand,
section.item_overview .row > .four.columns > .img > .img { background-position:center top; background-repeat:no-repeat; background-size:contain; }
section.item_overview .row > .four.columns > .img > .brand { position:absolute; top:5px; right:5px; width:150px; height:150px; background-position:center 10px; }
section.item_overview .row > .four.columns > .img > .img { width:100%; height:100%; }

section.item_overview .detail h1 { margin:0 0 10px; }
section.item_overview .detail h5 { margin:0 0 15px; }
section.item_overview .detail hr { margin:20px 0; }

section.item_overview .cart { text-align:center; }
section.item_overview .cart em { display:block; margin:35px 0; }
section.item_overview .cart button:nth-child(3) { background-color:#313036; border-color:#313036; }

section.item_cart { margin:0; padding:10px 0; }
section.item_cart section.individual { padding:10px 0 0; border-top-width:1px; border-top-style:solid; border-top-color:#e1e1e1; }
section.item_cart section.individual:first-child { border-top-width:0; }

section.navigate { margin:0 0 15px; padding:15px 0 0; }
section.navigate a { font-weight:600; }

section.added { margin:0 0 15px; line-height:12px; }
section.added > .row .row .columns { padding:15px 0 5px; }
section.added ol li { display:inline-block; vertical-align:middle; color:#009d2c; }
section.added .pic { margin:0 15px; padding:2px; width:32px; height:32px; border-width:1px; border-style:solid; border-color:#009d2c; }
section.added .pic .img { width:inherit; height:inherit; }
section.added ul { display:inline-block; margin:0; }
section.added ul li { display:block; line-height:18px; }
section.added ul li > a { display:inline; }
section.added .four.columns { text-align:right; }

section.warranty { margin:0 0 35px; }
section.warranty > .row .row .columns { padding:10px 0 0; }
section.warranty .row .columns > span { display:inline; line-height:8px; }
section.warranty .four.columns { text-align:right; }

section.added .row .row,
section.warranty .row .row { border:1px solid #e1e1e1; background-color:#f3f3f3; }

.printer-boxes {padding-top:1em; max-width: 75%; margin: 0 auto; }
.printer-boxes h3, h6 {margin-bottom: 10px;}

/* INVENTORY
================================================== */
a[target='.inventory'] { font-weight:bold; background-color:white; }
.item .inventory{ position:absolute; top:23px; right:5px; bottom:5px; left:5px; padding:5px; background-color:#eeeeee; box-sizing:border-box; border:1px solid #e7e9ed; color:#333; box-shadow:0 0 10px 2px #8e8d8d;  }
.inventory > table { width:100%; box-sizing: border-box; }
.inventory > table tr,
.inventory > table td,
.inventory > table th { padding:4px 2px; font-size:14px; font-weight:bold; line-height:16px; border:none; }
.inventory > table th { padding:12px 2px !important; line-height:18px; border-bottom:1px solid #e1e1e1;  }
.inventory > table tbody tr:nth-child(1) td { padding-top:12px; }
.inventory > table td { border:none; }
.inventory > table tr > th:nth-child(2),
.inventory > table tr > td:nth-child(2) { text-align:right; }

.inventory > table tr.primary > td { color:#CC2027; }


/* ITEM-GRID
================================================== */
.item .remove { position: absolute; right: 80px; top: 3px; font-size: x-small; cursor: pointer; }
.item .view { position: absolute; right: 3px; top: 3px; font-size: x-small; cursor: pointer; }
.item .img { display:table; width:100%; height:150px; white-space:nowrap; text-indent:-9999px; }
.item .img > div { display:table-cell; white-space:nowrap; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.item .img > div:nth-child(2) { width:35%; background-position:center 5%; }
.item .title,
.item .description,
.item .attributes,
.item .actions { margin:5px 0; white-space:normal; font-size:12px; line-height:14px; }
.item .title { font-weight:bold; }
.item .description { font-style:italic; }
	.item .attributes ul > li { list-style-type:circle; list-style-position:outside; }
span.price { position:relative; font-size:24px; font-weight:bold; line-height:30px; height:29px; vertical-align:top; }
span.price small { font-size:14px; font-weight:normal; }
.item .actions > span.shipping { font-size:14px; line-height:30px; }
.favorite {position: absolute; top: 15px; left: 26px; font-size: 8px; }
.favorite .loading {display: none; }
.item .fa-star.fav {color: #cc2027; } 

/* LIST
================================================== */
ul.list { font-size:14px; }

.list.vertical li { display:block; }
.list.vertical li small { display:block; margin:0; padding:0; font-weight:normal; line-height:12px; color:#999; }

.printer-boxes ul > li {display: list-item; margin-left: 5px; }
.printer-boxes ul > li::before {content:"\2022"; color: #cc2027; font-weight: bold; display:inline-block; width: 1em; }

/* DROPDOWNS
================================================== */
menu.dropdown { position:absolute; display:inline-block; display:none; left:0; margin:55px 0 0; padding:2px; width:auto; box-sizing:border-box; font-size:14px; line-height:19px; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; box-shadow: 5px 5px 10px 0px #666666; }
menu.dropdown.right { left:auto; right:0px; }
menu.dropdown > content { display:block; }

/*menu.dropdown.account > content { min-width:500px; }*/

.dropdown > ul { display:table; margin:0; padding:0; width:100%; height:100%; }
.dropdown > ul > li { display:table-cell; vertical-align:top; }
.dropdown > ul > li > ul { display:block; margin:0; padding:0; }
.dropdown > ul > li > ul > li { display:block; vertical-align:top;  }
.dropdown > ul > li > ul > li > a { display:block; }

.dropdown > ul > li.view > .slide > ul > li { vertical-align:top; }

.dropdown > ul > li.list { overflow:hidden; font-size:14px; line-height:inherit; }
.dropdown > ul > li.list > ul > li > a { display:block; padding:3px 5px; box-sizing:border-box; font-weight:normal; line-height:25px; }

.dropdown > ul > li.view { font-size:14px; border-left:none; }
.dropdown > ul > li.view h2 { display:block; margin:0 2%; padding:0 0 5px; border-bottom-width:1px; border-bottom-style:solid; }

.dropdown > ul > li.view > .slide > ul > li > content { padding:10px; box-sizing:border-box; }

.dropdown > ul > li.view .more > div > div { margin:10px 0 0; padding:10px 5px; height:150px; box-sizing:border-box; border-width:1px; border-style:solid; border-radius:3px; -webkit-border-radius:5px; -moz-border-radius:5px; }

.dropdown > ul > li.view .more > div > div h5 { display:block; margin:0 0 10px; }
.dropdown > ul > li.view .more > div > div ul { margin:0; padding:0; }
.dropdown > ul > li.view .more > div > div ul li { display:list-item; margin-left:15px; list-style-type:circle; list-style-position:outside; }

.dropdown > ul > li.view .more > div:first-child > div > ul li { float:left; display:list-item; width:40%; }
.dropdown > ul > li.view .more > div:first-child > div > ul:after { content:""; display:block; clear:both; }
.dropdown > ul > li.view .more > div:first-child > div > div { display:block; margin:10px 0 0; text-align:center; }
.dropdown > ul > li.view .more > div:first-child > div > div > a { display:block; font-weight:bold; }

.dropdown > ul > li.view .cat { padding: 0px 5px 0; }
.dropdown > ul > li.view .cat dl { display:inline-block; width:100%; margin: 0; }
.dropdown > ul > li.view .cat dl > li { display:block; text-align:center; }
.dropdown > ul > li.view .cat dl > li a { display:block; word-break:normal; white-space:normal; }
.dropdown > ul > li.view .cat dl > li:first-child { white-space:nowrap; text-indent:-9999px; background-color:inherit; background-repeat:no-repeat; background-position:center; background-size:contain; }
.dropdown > ul > li.view .cat dl > li:first-child:before { content:""; display:block; padding-top:100%; }

.dropdown > ul > li.view .all { padding:0px 0 0; }
.dropdown > ul > li.view .all > div { text-align:right; }
.dropdown > ul > li.view .all a { font-weight:bold; }
	
	/* ASIDE */
	aside.dropdown > ul > li.list { width:54px; }
	aside.dropdown > ul > li.list > ul > li > a { padding:9px 0 5px; font-size:9px; line-height:18px; text-align:center; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000; }

	aside.dropdown > ul > li.view { position:relative; }

	aside.dropdown > ul > li.view > .slide { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; overflow-y:scroll; }
	
	aside.dropdown > ul > li.view > .slide/*,
	aside.dropdown > ul > li.view > .slide > ul,
	aside.dropdown > ul > li.view > .slide > ul > li*/ { height:100%; }
	
	aside.dropdown > ul > li.view > .slide > ul > li { position:relative; display:inline-block; margin:0; padding:10px; box-sizing:border-box; vertical-align:top; }
	aside.dropdown > ul > li.view > .slide > ul > li > content { /*position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; overflow-y:scroll;*/ }
	aside.dropdown > ul > li.view > .slide > ul > li > content > ul { margin:0; }
	aside.dropdown > ul > li.view > .slide > ul > li > content > ul > li { display:block; font-size:13px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ddd; color:#666; }
	aside.dropdown > ul > li.view > .slide > ul > li > content > ul > li > a,
	aside.dropdown > ul > li.view > .slide > ul > li > content > ul > li > span { display:block; padding:5px; }
	
	aside.dropdown > ul > li.view > .slide > ul > li > content > ul > li > a { font-weight:600; }

	/* MENU */
	menu.dropdown > ul > li.list { width:250px; height:460px; border-right-width:1px; border-right-style:solid; }
	menu.dropdown > ul > li.view { width:680px; max-width:680px; height:460px; }
	menu.dropdown > ul > li.list > ul > li > a { border-left-width:5px; border-left-style:solid; }

.dropdown.account { height:auto; }
.dropdown.account > ul { margin:0; background-color:#fff; border-top-width:1px; border-top-style:solid; border-top-color:#ddd; }
.dropdown.account > ul > li { display:block; font-size:13px; color:#666; }
/*.dropdown.account > ul > li > a,
.dropdown.account > ul > li > span,
nav#nav > ul > li .dropdown.account > ul > li > a { display:block; padding:2px 5px; }*/
nav li.clicked menu.dropdown { display:block; }
.dropdown.account > ul > li > a { line-height:21px; font-weight:600; }

.dropdown.account .row > .twelve > ul { margin:0; }
.dropdown.account .row > .twelve > ul > li { display:inline-block; vertical-align:top; }

/*Account Drop-down*/
#account menu.dropdown.right {}
#account menu.dropdown.right > content,
#menu_sales menu.dropdown.right > content { padding-bottom:10px; }
#account menu.dropdown.right .six.columns {}
#account menu.dropdown.right .six.columns h2 { display:block; margin:15px 0 10px; font-size:22px; line-height:22px; color:#cc2027; }
#account menu.dropdown.right .six.columns ul.list.vertical { display:block; margin:0; padding:0; }
#account menu.dropdown.right .six.columns ul.list.vertical > li,
#account menu.dropdown.right .six.columns ul.list.vertical > li a { margin:0; padding:0; }
#account menu.dropdown.right .six.columns ul.list.vertical > li { line-height:14px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
#account menu.dropdown.right .six.columns ul.list.vertical > li a { display:list-item; line-height:inherit; font-weight:300; }
#account menu.dropdown.right .six.columns ul.list.vertical > li a:not(:hover) { color:#666; }
#account menu.dropdown.right .six.columns ul.list.vertical > li > a { padding:6px 0; }

#account menu.dropdown.right .row .columns a:hover,
#menu_sales menu.dropdown.right .row .columns a:hover { text-decoration:underline; color:#cc2027; }

nav#nav > ul > li#menu_sales a > em { padding-top:5px; height:14px; line-height:14px; }

.wishlist_add > div a,
#menu_sales > div a { margin-bottom:0; }
.wishlist_add > div > menu.dropdown,
#menu_sales > div > menu.dropdown { margin-top:40px; }
.wishlist_add > div.clicked menu.dropdown,
#menu_sales > div.clicked menu.dropdown { display:inline-block; }

.wishlist_add menu.dropdown .twelve.columns h2,
#menu_sales menu.dropdown .twelve.columns h2 { display:block; margin:15px 0 10px; font-size:22px; line-height:22px; color:#cc2027; }

#menu_sales menu.dropdown.right > content { padding-top:10px; }
#menu_sales menu.dropdown .twelve.columns ul.list.vertical { margin:10px 0; }

.wishlist_add menu.dropdown .twelve.columns ul.list.vertical > li,
.wishlist_add menu.dropdown .twelve.columns ul.list.vertical > li a,
#menu_sales menu.dropdown .twelve.columns ul.list.vertical > li,
#menu_sales menu.dropdown .twelve.columns ul.list.vertical > li a { margin:0; padding:0; }
.wishlist_add menu.dropdown .twelve.columns ul.list.vertical > li,
#menu_sales menu.dropdown .twelve.columns ul.list.vertical > li { line-height:14px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
.wishlist_add menu.dropdown .twelve.columns ul.list.vertical > li a,
#menu_sales menu.dropdown .twelve.columns ul.list.vertical > li a { display:list-item; line-height:inherit; font-weight:300; }
.wishlist_add menu.dropdown .twelve.columns ul.list.vertical > li a:not(:hover),
#menu_sales menu.dropdown .twelve.columns ul.list.vertical > li a:not(:hover) { color:#666; }
.wishlist_add menu.dropdown .twelve.columns ul.list.vertical > li > a,
#menu_sales menu.dropdown .twelve.columns ul.list.vertical > li > a { padding:6px 0; }


/* Combo
================================================== */
.combo { position:absolute; top:0; right:0; display:block; margin:0; padding:0; }
.combo:not(.clicked) > .selected:before { position:absolute; top:0; right:0; margin:5px; padding:0 5px; height:34px; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:20px; content:"\f150"; }
.combo > * { display:block; margin:0; padding:1px 2px; width:auto; box-sizing:border-box; }
.combo:not(.clicked) > .selected { padding-right:35px; }

.combo:not(.clicked) > * { display:none; }
.combo:not(.clicked) li > small > em { display:none; }
.combo:not(.clicked) > .selected,
.combo.clicked > * { display:block; white-space:nowrap; }

.combo.clicked { height:72px; overflow:auto; overflow-x:hidden; box-sizing:border-box; }
.combo.clicked li > small > em { margin-left:5px; }

/* POPUPS
================================================== */

/* IMAGES
================================================== */
.printer-boxes img {float: left; padding: 0 10px 0 0; width: 450px; }
.printer-boxes:after {content: ""; clear: both; display: table; }
@media screen and (max-width: 600px){.printer-boxes img {width: 300px; }}

/* BUTTONS
================================================= */
.printer-boxes .button {margin-top: 1em; }

/* HINT
================================================== */
input#search { cursor:pointer; }
#searchhint { position:relative; width:auto; max-width:323px; height:auto; visibility:hidden; background-color:#fff; border: 1px solid #ccc; margin-top:0;  }
/*#searchhint table{ width:100% }*/
#searchhint.focused,
#searchhint.clicked { visibility:visible;  }
/*#searchhint table tbody tr td { padding-right:5px; padding-left:5px; font-size:12px; line-height:14px; }*/

#searchhint > div:nth-child(2) { padding:0 5px; }  



/* SEARCH
================================================== */
#searchresponse { margin:0; padding:0;  /*max-height:500px;*/ box-sizing:border-box; overflow:hidden; }
#searchresponse > table { margin-bottom:0; width:100%; box-sizing:inherit; }
#searchresponse > table tr td { padding:5px !important; font-size:14px; line-height:17px; white-space:nowrap; overflow-x:hidden; cursor:pointer; }
#searchresponse > table tr.selected td { background-color:#e1e1e1; color:#333; }
#searchresponse > table tr td:hover,
#searchresponse > table tr.selected td:hover{ color:#333; }

/* SLIDE
================================================== */
.slide, .slide > ul, .slide > ul > li { margin:0; padding:0; height:auto; }

.slide { position:relative; width:100%; overflow:hidden; overflow-x:hidden; }

.slide .left, .slide .right { position:absolute; cursor:pointer; }
.slide .left { left:0; }
.slide .right { right:0; }

.slide .left.done, .slide .right.done { opacity:.2; cursor:auto; }
.slide > ul { position:relative; display:inline-block; margin:0; padding:0; width:100%;  }
.slide > ul > li { position:relative; display:inline-block; margin:0; padding:0; width:100%; box-sizing:border-box; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:contain; }

.slide > ol { position:absolute; top:0px; right:0px; display:inline-block; width:auto; height:20px; }
.slide > ol li { display:inline-block; margin:0 8px 0 0; padding:0; width:8px; height:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; }

/* Custom */
#item_image { width:100%; max-width: 450px; padding-left: 15px; }
.slide#item_image .left { position:absolute; top:35%; width:8%; height:30%; opacity:1; background-repeat:no-repeat; background-position:left; background-size:auto; cursor:pointer; }
.slide#item_image .right { position:absolute; top:35%; width:8%; height:30%; opacity:1; background-repeat:no-repeat; background-position:right; background-size:auto; cursor:pointer; }
.scroll.thumbs { width:100%; padding-left:15px; }

.slide.ad {   }
.slide.ad .left { position:absolute; top:35%; width:8%; height:30%; opacity:.25; background-repeat:no-repeat; background-position:left; background-size:auto; cursor:pointer; }
.slide.ad .right { position:absolute; top:35%; width:8%; height:30%; opacity:.25; background-repeat:no-repeat; background-position:right; background-size:auto; cursor:pointer; }

.slide.ad > ul > li { display:none; }
.slide.ad > ul > li:first-child { display:inline-block; width:100%; }
.slide.ad > ul > li:before { content:""; display:block; padding-top:67%; }
.slide.ad > ul > li > * { position:absolute; top:0; right:0; bottom:0; left:0; }

.slide.mainslide{ max-height:200px; }
.slide.mainslide > ul > li{ max-height:200px; }
.slide.mainslide > ul > li:first-child { display:inline-block; width:100%; }
.slide.mainslide > ul > li:before { content:""; display:block; padding-top:20%; }
.slide.mainslide > ul > li > * { position:absolute; top:0; right:0; bottom:0; left:0; }

.slide.upcoming {}
.slide.upcoming .left, .slide.upcoming .right { position:absolute; top:auto; bottom:0; background-color:red; display:inline-block; margin:0; padding:0; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:auto; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; }
.slide.upcoming .left { left:auto; right:40px; }
.slide.upcoming .right { right:10px; }

.slide.upcoming > ul > li { display:inline-block; }
.slide.upcoming > ul > li > div {}

	.upcoming h5 { margin:10px 0 0; }
	.upcoming h1 { margin:5px 0 0; }
	.upcoming ul li { vertical-align:top; }
	.upcoming ul li div ol { display:table; margin:0; padding:0; }
	.upcoming ul li div ol > li { display:table-cell; vertical-align:top; }
	.upcoming ul li div ol > li:first-child { padding-right:10px; }
	.upcoming p { margin:10px 0 0; }
	.upcoming ul li div ol > li ul { margin:0; padding:0; }
	
	.upcoming .cal { display:block; margin:0; padding:0 0 10px; width:60px; background-color:#333; font-size:30px; line-height:30px; color:#fff; text-align:center; }
	.upcoming .cal > div { padding:0; font-size:12px; border-bottom:2px solid #fff; background-color:#c01e1e; }
	.upcoming .cal span { font-size:11px; line-height:12px; }

.slide.mycart { padding-bottom:10px; background-color:#fff; }
.slide.mycart .left, .slide.mycart .right { position:absolute; top:auto; bottom:10px; background-color:red; display:inline-block; margin:0; padding:0; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:auto; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; }
.slide.mycart .left { left:auto; right:40px; }
.slide.mycart .right { right:10px; }

.slide.mycart > ul > li { display:inline-block; }
.slide.mycart > ul > li > div { display:block; min-width:100px; }

	.mycart h5 { margin:10px 0 0; }
	.mycart h1 { margin:5px 0 0; }
	.mycart ul li { vertical-align:top; }
	.mycart ul li div ol { display:table; margin:0; padding:0; }
	.mycart ul li div ol > li { display:table-cell; vertical-align:top; }
	.mycart ul li div ol > li:first-child { padding-right:10px; }
	.mycart p { margin:10px 0 0; }
	.mycart ul li div ol > li ul { margin:0; padding:0; }

/* SCROLL
================================================== */	
section.scroll { position:relative; width:100%; }



.scroll .left, .scroll .right { position:absolute; cursor:pointer; }
.scroll .left { left:0; }
.scroll .right { right:0; }
.scroll .left.done, .scroll .right.done { display:none; }
	
	section.scroll > span { display:block; margin:0; width:100%; overflow:hidden; }
	section.scroll > span > ul { display:table; }
	section.scroll > span > ul > li { display:table-cell; }
	section.scroll > span > ul > li > div { position:relative; display:block; box-sizing:border-box; }
	section.scroll > span > ul > li > a { position:relative; display:block; box-sizing:border-box; }
	section.scroll > span > ul > li > div > a { position:absolute; right:0; bottom:0; left:0; display:none; text-align:center; }

.scroll.vendors { margin:0; width:100%; }
.scroll .left, .scroll .right { position:absolute; top:25%; width:30px; height:50%; opacity:.8; background-repeat:no-repeat; background-position:center; background-size:auto; cursor:pointer; }
.scroll .left { left:0; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-width:1px; border-style:solid; border-left:none; }
.scroll .right { right:0; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-width:1px; border-style:solid; border-right:none; }

.scroll > span {}
.scroll > span > ul { margin:0; padding:0;  }
.scroll > span > ul > li { padding-right:5px; }
.scroll > span > ul > li > div { margin:0; padding:5px; width:180px; height:120px; background-repeat:no-repeat; background-position:center; border-width:1px; border-style:solid; }
.scroll > span > ul > li > a { margin:0; padding:5px; width:180px; height:120px; background-repeat:no-repeat; background-position:center; border-width:1px; border-style:solid; }
.scroll > span > ul > li > div > a { height:25px; line-height:25px; font-size:12px; }

.scroll.recommended { margin:0 0 25px; width:100%; }
.scroll.recommended .left, .scroll.recommended .right { position:absolute; top:25%; width:30px; height:50%; opacity:.8; background-repeat:no-repeat; background-position:center; background-size:auto; cursor:pointer; }
.scroll.recommended .left { left:0; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-width:1px; border-style:solid; border-left:none; }
.scroll.recommended .right { right:0; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-width:1px; border-style:solid; border-right:none; }

.scroll.recommended > span {}
.scroll.recommended > span > ul { margin:0; padding:0;  }
.scroll.recommended > span > ul > li { padding-right:5px; }
.scroll.recommended > span > ul > li > div { margin:0; padding:5px; width:180px; height:120px; background-repeat:no-repeat; background-position:center; background-size:contain;  border-width:1px; border-style:solid; }
.scroll.recommended > span > ul > li > div > a { height:25px; line-height:25px; font-size:12px; }

/* TRANSITION
================================================== */
nav#account .call a > dialog/*,
nav#nav aside,
.slide > ul*/ { -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; transition-duration:0.4s; -o-transition-duration:0.4s; }

/* BOX-SIZING
================================================== */
.slide.upcoming .left, .slide.upcoming .right { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* OTHERS
================================================== */
.modal { position:fixed; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:.75; }
.dialog { position:fixed; top:5%; right:5%; /*bottom:5%;*/ min-height:406px;  left:5%; background-color:#fff; }
.dialog .close { position:absolute; margin:0; padding:0; top:0px; right:0; width:38px; height:38px; font-size:36px !important; cursor:pointer; }
.dialog .close:before { position:absolute; top:-5px; left:-5px; }
/*.dialog .close{ position: absolute; top: -8px; right: 8px; width: 16px; height: 16px; background-color: #cc2027;}*/

/*.dialog > .window { position:relative; height:100%; }
.dialog > .window > section.content { position:absolute; top:0; right:0; bottom:0; left:0; height:100%; }*/

/* Z-INDEX
================================================== */

nav#nav.fixed { z-index:7; }
nav#account.fixed,
header#header.fixed { z-index:8; }
nav#nav li > a > menu { z-index:9; }
.dropdown { z-index:10; }
#searchhint { z-index:11; }
.modal { z-index:12; }
.dialog { z-index:13;  }



/* Aaron's Custom CSS
================================================== */
.dropdown.account {
    height: auto;
    min-width: 425px;
}
nav#nav > ul > li, nav#account > ul > li {
    cursor: pointer;
}
.wishlist_add > div a, #menu_sales > div a {
    margin-bottom: 0;
}
#nav > ul > li {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 55px;
    white-space: nowrap;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 3em;
    padding-left: 3em;
}

/* order list
================================================= */
.backorder__list--toggle .items { display: none; }
.backorder__list--toggle.toggled .items { display: block; }
.order_list .inv a, .order_list .inv a:link, .order_list .inv a:visited, .order_list .inv a:hover, .order_list .inv a:active { color:#cc2027; }


/* order toggle
================================================= */
.orderitems.toggle {display:none; }
.orderitems.toggled {display:table-row; }