body { background-color:#111; margin:0; padding:0; font-family: Impact5, Charcoal6, sans-serif, arial; color:#fff; font-size: 16px; }

a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }

/*
input[type=text], input[type=password], textarea, { padding:3px; border:1px solid #ccc; transition: border-color .25s ease-in-out; -moz-transition: border-color .25s ease-in-out; -webkit-transition: border-color .25s ease-in-out; font-size:16px; }
input[type=text]:hover, input[type=password]:hover, textarea:hover  { border:1px solid #ccc; }
input[type=text]:focus, input[type=password]:focus, textarea:focus  { border:1px solid #ccc; }
*/

.clear { clear:both; }

.cart-wrapper { }

.cart-html { margin:10px 0; float:right; clear:both; font-size:13px; }

.message { border:1px solid #eee; background-color:#fefefe; padding:10px; font-size:13px; margin:10px 0; }

.header { padding:20px; }

.header h1 { font-size:30px; font-weight:900; letter-spacing: -0.05em; margin:0px 0 15px 0; text-align: center}
.header h1 a { color:#eee; }
.header h1 a:hover { text-decoration:none; }

.header-img img { max-width:100%; box-shadow:0px 1px 1px #111; -webkit-box-shadow:0px 1px 1px #111; }
.header-img { overflow:hidden; min-width: 620px; max-width:870px; margin:0 auto; }

/** LOGIN STUFF **/

.auth { margin-right: 30px; border-radius: 0 0 5px 5px; background-color: #CCCCCC; border-left: 1px solid #C1C1C1; border-right: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; }
.login { display: block; padding: 10px 25px; color:#333; font-weight: 700 }
.login:hover { color:#666; text-decoration: none }

.name { margin-right: 15px; }

.logged-in { padding: 10px 25px; color:#111; font-weight: 700 }
.logout { border-left: 1px solid #333; padding-left: 19px; color:#111; }
.logout:hover { color:#444; text-decoration: none }

/** END LOGIN STUFF **/

.cart-menu { clear:both; background:#131313 url('images/darkmenubg.jpg') repeat-x; background-image: -ms-linear-gradient(top, #333333 0%, #111111 100%); background-image: -moz-linear-gradient(top, #333333 0%, #111111 100%); background-image: -o-linear-gradient(top, #333333 0%, #111111 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #111111)); background-image: -webkit-linear-gradient(top, #333333 0%, #111111 100%); background-image: linear-gradient(to bottom, #333333 0%, #111111 100%); background-position:bottom; padding:0 20px 10px 0; position:relative; min-width:980px; height:45px; }
.cart-menu .category-div {  }
.cart-menu .search-div { left:327px; top: 8.5px; width:67%; position:absolute; }
.cart-menu input, select { outline:none; }
.cart-menu input[type=submit] { cursor: pointer; }

.category-div { padding:3px; background-color: #CCCCCC; overflow:hidden; width:120px; height:28px; border-radius:5px 0 0 5px; position:absolute; left:200px; top: 8.5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: none; -webkit-box-shadow:inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);}

.category-div select { font-size:13px; padding:5px; background:transparent; color:#111; width:180px; border:1px transparent; -webkit-appearance: none; padding:5px; height:28px; }

.category-inner-div {  border-radius:5px 0 0 5px; padding:0px 5px; -webkit-box-shadow: 2px 0px 0px 0px rgba(49, 58, 68, .2); box-shadow: 2px 0px 0px 0px rgba(49, 58, 68, .2); }

.category-inner-div:after { content: '';
position: absolute;
top: 15px;
right: 12px;
border: 6px solid transparent;
border-top: 6px solid #333; }

.search-div input[type=text] { width:34%; padding:3px 8px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:none; border-right:none; font-size:16px; color:black; height:28px; -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); float:left; }
.search-div input[type=text]:focus { -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }

.search-div input[type=submit] { width:75px; color:#111; background-color:#ccc; font-size:13px; border:none; border-radius:0 5px 5px 0; line-height:25px; height:36px; float:left; position:absolute; }

.menu-nav { position:absolute; right:20px; top:0; line-height: 25px; margin: 10px; }
.menu-nav a { display:block; float:right; padding:5px 10px; color:#fff; font-weight:normal; border-radius:5px; font-size:17px; }
.menu-nav a:hover { background-color:#CCC; text-decoration:none; color: #111;; }

.catalog-product-section { min-width: 620px; max-width: 870px; margin: 0 auto; }

.catalog-product { float:left; padding:10px; width:153px; height:185px; overflow:hidden; }

.catalog-product-text-link { float:left; display:block; line-height:1.5em; margin:5px 0 0 0; font-size:13px; color:#fff; max-height:39px; overflow:hidden; }

.catalog-product-thumbnail { height:120px; overflow:hidden; display:block; float:left; text-align:center; width:153px; border:1px solid #222; background-color:#444; }
.catalog-product-thumbnail img { border:0; max-width:100%; max-height:100%; margin:0 auto; }

.catalog-viewing { text-align:center; margin:20px 0 10px; font-weight:900; color:#fff; }

.catalog-product-description { font-size:13px; line-height:1.2em; color:#000; display:none; }

.catalog-product-price { text-align:right; float:left; clear:both; color:#FF4C4C; }

.continue-button { background-color:#ffee58; font-size: 14px; font-weight:900; color: #333333; padding: 6px 25px; background: -moz-linear-gradient( top, #ffee58 0%, #ffcd03); background: -webkit-gradient( linear, left top, left bottom, from(#ffee58), to(#ffcd03)); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ffcd03; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 10px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.3); cursor:pointer; letter-spacing:.01em; cursor:pointer; text-align:center; text-decoration:none; margin:10px 0; }
.apply-button { background-color:#ffee58; font-size: 14px; font-weight:900; color: #333333; padding: 6px 25px; background: -moz-linear-gradient( top, #ffee58 0%, #ffcd03); background: -webkit-gradient( linear, left top, left bottom, from(#ffee58), to(#ffcd03)); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ffcd03; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 10px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.3); cursor:pointer; letter-spacing:.01em; cursor:pointer; text-align:center; text-decoration:none; margin:10px 0; display: inline-block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/** DISPLAY **/

.display-product-section { position:relative; }
.display-product-section .catalog-categories { margin: -67px auto 0 -5px; }

.display-product-name { border-bottom:1px solid #ccc; margin:0 290px 10px 315px; position:relative; min-width:350px; }

.display-product-name h2 { font-size:20px; font-weight:bold; color:#fff; margin:20px 0 5px 0; }

.display-product-img { width: 300px; min-height: 300px; float: left; text-align:center; }
.display-product-img img { max-width:100%; position:relative; }

.display-product-description { font-size:13px; margin:0 290px 0 315px; min-width:350px; position:absolute; }

.display-product-inventory { float:right; width:250px; margin-bottom:15px; text-align:center; border:1px solid #6DAEE1; background-color:#C0DBF2; border-radius:5px; padding:9px; }

.display-product-middle { margin-left:320px; margin-right:260px; min-width:500px; }

.display-product-sub { float:right; width:250px; clear:right; border: 1px solid #111; background-color: #ccc; border-radius:5px; padding:9px; text-align:center; color:#111; }

.display-product-sub input[type=submit] , td input[type=submit] { margin:20px 0; font-size: 14px; font-weight:900; color: #333333; padding: 6px 25px; background: -moz-linear-gradient( top, #ffee58 0%, #ffcd03); background: -webkit-gradient( linear, left top, left bottom, from(#ffee58), to(#ffcd03)); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ffcd03; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 10px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 10px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.3); cursor:pointer; letter-spacing:.01em; cursor:pointer; text-align:center; text-decoration:none; }
.display-product-sub select { margin: 8px 0; font-size:13px; }

#share-tools { margin-left: 43px; }

.catalog-content { padding:20px; min-width:940px; background-color:#333; margin-top:-20px; min-height: 420px; }

.display-product-buy { position:absolute; top:0; right:0; background-color:#C0DBF2; border:1px solid #6DAEE1; border-radius:5px; padding:10px; width:200px; text-align:center; }

.display-product-buy select { font-size:12px; }

.display-product-price, .display-product-quantity { font-size:13px; color:#666; margin:5px 0; }

/** CATEGORIES SIDEBAR **/

.catalog-categories{ height:37px; display:block; position:absolute; padding:0; border:none; border-radius:5px; background-color:transparent; margin:-48px 0 -5px 0; } 
.catalog-categories > ul {list-style:inside none; padding:0; margin:0;} 
.catalog-categories > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
.catalog-categories > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px 12px 8px; font-size:14px; text-align:center; text-decoration:none; } 
.catalog-categories > ul > li:first-child > a{ border-radius:5px 5px 0 0; cursor: default; width:121px; } 
.catalog-categories ul li.has-sub:hover > a:after{top:0; bottom:0;} 
.catalog-categories > ul > li.has-sub > a:before{ content:''; position:absolute; top:17px; right:6px; border:6px solid transparent; border-top:6px solid #fff; } 
.catalog-categories > ul > li.has-sub:hover > a:before{top:19px;} 
.catalog-categories ul li.has-sub:hover > a{ background:#CCC; border-color:#fff; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; color:#111 !important; } 
.catalog-categories ul li.has-sub:hover > a:before { content:''; position:absolute; top:17px; right:6px; border:6px solid transparent; border-top:6px solid #333; }

.catalog-categories ul li.has-sub:hover > ul, .catalog-categories ul li.has-sub:hover > div{display:block;} 
.catalog-categories ul li.has-sub:hover > .catalog-categories ul li a {color:#fff;}
.catalog-categories ul li > ul, .catalog-categories ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#eee; border-radius:0 0 5px 5px; z-index:999;    -moz-box-shadow:0px 2px 20px rgba(0, 0, 0, 1); -webkit-box-shadow:0px 2px 20px rgba(0, 0, 0, 1); box-shadow:0px 2px 20px rgba(0, 0, 0, 1);} 

.catalog-categories ul li > ul{width:200px;} 
.catalog-categories ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
.catalog-categories ul li > ul li a{ outline:none; display:block; positioßn:relative; margin:0; padding:6px 20px; font:14px Arial, Helvetica, sans-serif; font-weight:300; color:#111; text-decoration:none; }

.catalog-categories > ul > li > ul > li a:hover{ text-decoration:underline; }  
.catalog-categories > ul > li > a{ color:#fff; } 
.catalog-categories > ul > li > a:after{ color:white; } 
.catalog-categories > ul > li > a:hover{ color:white; } 

/** CART **/

.cart-section { margin-bottom:100px; clear:both; position:relative; min-width:1000px; background-color: #333; margin-top:15px; }

.cart-section h3 { font-size:22px; color:#fff; margin:20px 0; padding: 0 20px; }

.cart-using { margin:20px 0; font-size:13px; }

.cart-section table th,
.order-section table th,
.order-information th,
.thank-you-section table th { background-color:#666; padding:5px; }
.cart-section table, .cart-section form, .thank-you-section table { padding: 0 20px; }

table.order-table, table.cart-table, table.confirm-table, table.thank-you-table { width:100%; }

.cart-empty { margin:20px 0; padding:20px; }
.cart-empty a { text-decoration:underline; color: #fff; }

.no-items a { text-decoration:underline; }
#product-quantity input[type=text] { width:20px; }
span.checkout-note { font-size:11px; font-weight:normal; }

/** ORDER **/

.payment-wrapper { width:980px; margin:20px auto; }

.order-section { width:960px; margin:0px auto 100px auto; clear:left; position:relative; padding:1px 20px; min-width:900px; background-color: #333; }

.order-section a { color: #fff }

.order-section h4 { font-size:20px; color:#fff; margin:20px 0; }

.order-update { font-size:12px; }

.order-div { width:300px; position:absolute; }

.captcha-instructions { font-size:13px; }
.ccv2-instructions { font-size:13px; }

#paypal_continue_info { margin:20px 0; }

.billing-comments { width:350px; margin:3px; }
.billing-comments textarea { width:365px; height:100px; background-color:#666; border:1px solid #111; color:#fff; font-size:15px; font-family:Lucida Grande, Arial; margin-top:10px; }

.billing-row input[type=text],
.card-js input, .card-js select { color:#fff; background-color:#666; border:1px solid #111; font-weight:100; }

.login-box, .signup-box { background-color: #666666 }

.billing-row input[type="text"],
.confirm-row input[type="text"],
.login-box input[type="text"],
.login-box input[type="password"],
.signup-box input[type="text"],
.signup-box input[type="password"],
.login-section input[type="text"],
.login-section input[type="password"] { border: 1px solid #111111; }

/** THANK YOU **/

.thank-you-section { clear:left; position:relative; border:1px solid transparent; background-color:#333; padding-bottom:20px; width:960px; margin:0 auto; }

.thank-you-section h4 { font-size:20px; color:#fff; margin:20px; }

.thank-you-message { margin:20px; border-top:1px }

/** CONFIRM **/

.confirm-section { margin-bottom:100px; clear:left; position:relative; min-width:900px; background-color:#333; color:#fff; padding:10px 0 1px 0; }
.confirm-section form { padding:0 20px; }
.confirm-section h4 { font-size:20px; color:white; margin:10px 0 20px 0; }
.confirm-section a { color: white; }
.confirm-info { width:300px; float:left; }

/** HOMEPAGE **/
.featured-banner { margin:15px 0 10px 0; }
.featured_banner img { max-width:100%; }

.featured-section { clear:left; }

.featured-section-title { color:#fff; font-size:18px; border-top:1px solid #ccc; font-weight:100; padding-top:10px; }
