@import url('reset.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat !important; padding-left: 20px;}
a.doc, a.docx {background: url('../images/icon-word.gif') 0 0 no-repeat !important; padding-left: 20px;}



/* Core layout 
======================================================================*/
body {background:#000000; font:12px Arial, Verdana; color:#fff;}

#container {width:960px; margin:0 auto;}

#header {width:960px; padding:20px 0 15px 0;}
  #navigation {width:960px; height:30px;}
  #add-to-cart {float:right; width:250px; height:30px; font:11px arial, verdana; color:#999; text-align:right; display:inline;}
    .cart-text {margin:7px 0 0 0; width:120px; float:left; font-size:11px; display:inline;}
    
#home-content-container {padding:0 0 20px 0;}  
#content {width:927px; padding:50px 17px 15px 17px;}
#right-content {width:710px; float:right; padding:0 0 0 0;}

  #shop_brand {width:235px; float:left; }
  	#signin {width:205px; height:87px; background: url("../images/core/signin-bg.jpg") no-repeat 0 0; overflow: hidden; padding:15px;}
  #flash {width:710px; height:446px; overflow:hidden;}
  #p-index  #content-info {width:220px; height:410px; float:left; padding:40px 10px 0 20px;}          

#footer {width:960px; margin:15px 0 0 0; padding:0px 0 15px 0; font-size:11px; border-top:1px solid #393a3f; }


            


/* featured products 
----------------------------------------------------------------------*/
ul#featured {
	background:#bbbec7 url("../images/core/featured_products-bg.jpg") no-repeat right bottom; 
	width:710px; 
	height:266px;
	display:block;
	margin:15px 0 0 0; 
	padding:0 0 0 10px;
	}
ul#featured li {float:left; width:117px; height:237px; background-color:#f0f1f3; border:4px solid white; margin:10px 14px 0 0; text-align:center; overflow:hidden;}
ul#featured li p {color:#000; line-height: 16px; padding:0;}
.thumb-image {overflow:hidden;margin:0;padding:0;height:156px;width:117px;}


/* products listings and more!
----------------------------------------------------------------------*/
.product-title {height:30px; margin:5px 0 0 0; overflow: hidden;}
.product-price {height:23px; padding:3px 0 0 0; overflow: hidden; color:#000;}

ul#specials-listing li .product-title {height:30px; margin:5px 0 0 0; overflow: hidden;}
ul#specials-listing li .product-price {height:40px; padding:3px 0 0 0; overflow: hidden; color:#000;}

ul#category-listing {background-color:#bbbec7;  padding:8px 2px 2px 8px;}
ul#category-listing li {float:left; width:117px; height:191px; background-color:#f0f1f3; margin:0 6px 6px 0; text-align:center; overflow:hidden; border:4px solid #fff;}
ul#category-listing li.end {margin:0 !important; }

ul#product-listing {background-color:#bbbec7; padding:8px 0px 2px 8px;}
ul#product-listing li {float:left; width:117px; height:237px; background-color:#f0f1f3; margin:0 6px 6px 0; text-align:center; overflow:hidden; border:4px solid #fff;}
ul#product-listing li.end {margin:0 !important; width:117px; }

ul#specials-listing {background-color:#bbbec7; padding:8px 0 2px 8px;}
ul#specials-listing li {float:left; width:117px; height:255px; background-color:#f0f1f3; margin:0 6px 6px 0; text-align:center; overflow:hidden; border:4px solid #fff;}


span.price-strike {color:#ae79cb; text-decoration:line-through;}
span.price {color:#ae79cb;}
ul.product-details li.detail-price span.price {color:#ae79cb; font:18px Georgia, Times, Verdana;}

#detail-image {width:230px; float:left; background:#bbbec7; text-align:center; padding:15px 0 15px 0; margin:25px 0 0 0;}
#detail-image img {border:4px solid #fff;}
#detail-info {width:675px; float:left; margin:25px 0 0 15px;}

ul.product-details {
  width:675px; 
  height:50px; 
  text-align:center; 
  margin:20px 0 0 0; 
  padding:10px 0 10px 0; 
  border-top:1px solid #393a3f;
  border-bottom:1px solid #393a3f;
}

ul.product-details li.detail-price {float:left; width:255px; height:35px; background-color:none; color:#fff; margin:15px 0 0 0;}
ul.product-details li.detail-size {float:left; width:170px; height:35px; background-color:#5c5e67; padding:15px 0 0 0; overflow:hidden;}
ul.product-details li.detail-brand {float:left; width:150px; height:35px; background-color:#232426; padding:15px 0 0 0; overflow:hidden; font:16px Georgia, Times, Verdana;}
ul.product-details li.detail-cart {float:left; width:100px; height:50px; background-color:#9b99ff; overflow:hidden;}

ul#brands-listing {background-color:#232426; padding:8px 0 2px 8px;}
ul#brands-listing li {float:left; width:169px; height:40px; background-color:#1a1a1d; padding:4px; margin:0 6px 6px 0; text-align:center; display:block;}
ul#brands-listing li.end {margin:0 !important; }




/* events
----------------------------------------------------------------------*/
ul#events-listing {padding:0 0 25px 0;}
ul#events-listing li {display:block; width:927px; float:left; padding:0 0 15px 0;}



/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 700px; height:30px; display: inline-block; clear: both; float:left;}
ul.nav li {float:left; height:30px; overflow:hidden;}
ul.nav li a {display:block; height:30px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -30px!important;}

ul.nav li#home      a {background: url("../images/navigation/home.gif") no-repeat 0 0; width: 66px;} 
ul.nav li#store     a {background: url("../images/navigation/store.gif") no-repeat 0 0; width: 132px;} 
ul.nav li#specials  a {background: url("../images/navigation/specials.gif") no-repeat 0 0; width: 85px;} 
ul.nav li#refunds   a {background: url("../images/navigation/returns.gif") no-repeat 0 0;width: 168px;}
ul.nav li#events    a {background: url("../images/navigation/events.gif") no-repeat 0 0;width: 162px;}
ul.nav li#contact   a {background: url("../images/navigation/contact.gif") no-repeat 0 0;width: 86px;} 

#p-index    ul.nav li#home      a {background: url("../images/navigation/home.gif") no-repeat 0 0; background-position:0 -30px !important; width: 66px;} 
#p-store    ul.nav li#store     a {background: url("../images/navigation/store.gif") no-repeat 0 0; background-position:0 -30px !important; width: 132px;} 
#p-specials ul.nav li#specials  a {background: url("../images/navigation/specials.gif") no-repeat 0 0; background-position:0 -30px !important; width: 85px;} 
#p-refunds  ul.nav li#refunds   a {background: url("../images/navigation/returns.gif") no-repeat 0 0; background-position:0 -30px !important; width: 168px;}
#p-events   ul.nav li#events    a {background: url("../images/navigation/events.gif") no-repeat 0 0; background-position:0 -30px !important; width: 162px;}
#p-contact  ul.nav li#contact   a {background: url("../images/navigation/contact.gif") no-repeat 0 0; background-position:0 -30px !important; width: 86px;} 



/* brand listing nav
----------------------------------------------------------------------*/
ul.brand-link-list 		{width:205px; list-style: none;}
ul.brand-link-list li 	{width:auto; height:18px; margin:2px 0 2px 0;}
ul.brand-link-list li a {
	width:auto; background: url("../images/core/listing_arrow.gif") no-repeat top left; 
	overflow: hidden; 
	display:block; 
	padding:0 0 0 30px; 
	height:18px;
	color:#fff;
	}
ul.brand-link-list li a:hover {background-position: 0 -18px; color:#ae79cb;}



/* general link styles
----------------------------------------------------------------------*/
ul#featured li a {color:#000;}
ul#featured li a:hover {color:#777777;}

ul#category-listing li a {color:#000;}
ul#category-listing li a:hover {color:#777777;}

ul#specials-listing li a {color:#000;}
ul#specials-listing li a:hover {color:#777777;}

a {color:#898d9a; text-decoration:none;}
a:hover {color:#ae79cb;}

a.details {background-color:#333; padding:2px 4px 2px 4px; color:#fff !important;}
a.details:hover {background-color:#333; padding:2px 4px 2px 4px; color:#ae79cb !important;}




 /* Font Style
======================================================================*/
#p-index    h1 {width:471px; height:21px; text-indent:-9999px; background: url("../images/titles/h1-home.gif") no-repeat 0 0; margin:0 0 15px 0;}
#p-store    h1 {width:322px; height:20px; text-indent:-9999px; background: url("../images/titles/h1-store.gif") no-repeat 0 0; margin:0 0 15px 0;}
#p-specials h1 {width:322px; height:20px; text-indent:-9999px; background: url("../images/titles/h1-specials.gif") no-repeat 0 0; margin:0 0 15px 0;}
#p-refunds  h1 {width:322px; height:20px; text-indent:-9999px; background: url("../images/titles/title-returns.jpg") no-repeat 0 0; margin:0 0 15px 0;}
#p-events   h1 {width:322px; height:20px; text-indent:-9999px; background: url("../images/titles/h1-events.gif") no-repeat 0 0; margin:0 0 15px 0;}
#p-contact  h1 {width:322px; height:20px; text-indent:-9999px; background: url("../images/titles/h1-contact.gif") no-repeat 0 0; margin:0 0 15px 0;}

h2 {font:20px Arial, Verdana; color:#fff; padding:0 0 10px 0;}
h2.signin-title {background: #000 url("../images/titles/title-showbybrand.jpg") no-repeat 0 0; width:235px; height:34px; text-indent: -9999px !important;}
h3 {font:16px Arial, Verdana; color:#fff; padding:0 0 10px 0; text-transform:uppercase;}
h4 {font:14px Verdana, Arial; color:#fff; padding:0 0 7px 0;}
h5 {font:14px Verdana, Arial; color:#999; padding:0 0 5px 0;}
p {color:#dce1e8; font:12px arial, verdana; line-height:18px; padding:0 0 10px 0;}

#signin p {text-align:right; padding-top: 7px; padding-bottom: 0px;}

.desc ul, ul.list {margin:0 0 15px 30px;}
.desc ul li, ul.list li {padding:0 0 7px 10px; list-style: disc; line-height: 18px;}

.desc ol, ol.ordered {margin:0 0 15px 30px;}
.desc ol li, ol.ordered li {padding:0 0 7px 10px; list-style:decimal; line-height: 18px;}






/* Extras 
======================================================================*/
.float-right {float:right;}
.float-left {float:left;}
.hidden-form{display:none;margin:0;padding:0;}
.pointer {cursor:pointer;}

#footer hr {border:none; border-top:1px solid #393a3f; padding:5px 0 0 0; margin:0;}
hr {border:none; border-top:1px solid #393a3f; padding:0 0 10px 0; margin:0;}

.image {padding:1px; background:#343639; border:4px solid #1a1a1d; margin:0 15px 0 0;}

table {margin:0 0 15px 0;}

#last-login-text {display:none;}
#member-logged-in {width:205px; height:87px; background:#333; overflow: hidden; padding:15px;}
#members-info li{line-height:20px;}
.last-action {background:#ececec; color:#333; font-weight:bold; font-style:italic; padding:10px; border:1px solid #999; font-size:12px; margin:5px 0;}
.del-input {text-align:right; clear:right; float:right; margin:2px 0 2px;}
.del-input p{padding:0 5px 5px !important;}
.del-input select {margin:0 5px 0 0;}

#member-details{border:6px solid #333; display:block; margin:5px 0 20px;}
#member-details ul{padding:0; margin:0;}
#member-details ul li{padding:0; margin:5px;}
#member-details ul li#my-details {background:#333 !important; color:#fff; margin:0; padding:0; font-weight:bold; line-height:25px; font-size:14px;}
#member-details .buttons input {
	width: auto;
	border: 2px solid #fff;
	background:#333;
	color:#ccc;
	cursor: pointer;
	font-weight:bold;
	padding:2px 3px;
}
#member-details .buttons input:hover {
	background: #ececec;
	color: #999;
}



 /* Form Style
======================================================================*/