/* 
Project Stylesheet
Author: Jack Behar
Questions/Comments: jack.behar@project83.com
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:url(../images/bg.jpg) repeat-x top left;
}

#wrap {
	position:relative;
	margin:0 auto;
	padding:0;
	width:770px;
}

/*branding*/
#branding{
position:relative;
}

#branding h1{
text-indent:-9999px;
width:770px;
height:121px;
background:url(../images/main-hdr.jpg) left top no-repeat;
}

#branding h1 a{
display:block;
width:400px;
height:121px;
}

#branding a#store-help{
position:absolute;
font-size:.7em;
color:#dddddd;
right:0;
top:15px;
}

#branding a#store-help:hover{
color:#c2c2c2;
text-decoration:none;
}

#branding a#cart-status{
position:absolute;
height:28px;
width:53px;
right:0;
top:71px;
padding:9px 0 0 128px;
font-size:.625em;
color:#131413;
text-decoration:underline;
background:url(../images/shopping-cart-tab.gif) left top no-repeat;
}

#branding a#cart-status:hover{
text-decoration:none;
}

/*content*/
#content{
padding:0;
margin:0;
width:auto;
}

#sidebar{
float:left;
width:138px;
padding:0;
margin:0;
}

#main-content{
float:right;
position:relative;
width:615px;
padding:0;
margin:0;
}

/*sidebar*/

#side-nav{
width:auto;
background:#dedede url(../images/sidenav-footer.gif) left bottom no-repeat;
padding-bottom:13px;
margin-bottom:20px;
}

#side-nav h3{
text-indent:-9999px;
margin:0;
padding:0;
height:28px;
width:138px;
background:url(../images/sidebar-hdr.gif);
}

#side-nav h4{
margin:0;
padding:0;
}

#side-nav ul{
margin:0;
padding:0;
list-style:none;
}

#side-nav ul li{
text-indent:-9999px;
border-bottom:#fff 1px solid;
padding:0;
margin:0;
}

#side-nav ul li.last{
border-bottom:none;
}
#side-nav ul li h4 a{
display:block;
width:138px;
height:39px;
}

#side-nav ul li a#nav-apparel{
background:url(../images/sidenav-apparel.gif);
}

#side-nav ul li a#nav-apparel:hover, #side-nav ul li a#nav-apparel.active{
background:url(../images/sidenav-apparel-over.gif);
}

#side-nav ul li a#nav-music{
background:url(../images/sidenav-music.gif);
}

#side-nav ul li a#nav-music:hover, #side-nav ul li a#nav-music.active{
background:url(../images/sidenav-music-over.gif);
}

#side-nav ul li a#nav-accessories{
background:url(../images/sidenav-accessories.gif);
}

#side-nav ul li a#nav-accessories:hover, #side-nav ul li a#nav-accessories.active{
background:url(../images/sidenav-accessories-over.gif);
}

#side-nav ul li a#nav-featured{
background:url(../images/sidenav-featured.gif);
}

#side-nav ul li a#nav-featured:hover, #side-nav ul li a#nav-featured.active{
background:url(../images/sidenav-featured-over.gif);
}

#side-nav ul#sub-cat{
margin-top:-5px;
}

#side-nav ul#sub-cat li{
text-indent:0;
width:auto;
border:none;
margin:0;
}

#side-nav ul#sub-cat li a{
display:block;
width:auto;
font-size:.8em;
color:#000;
padding:0;
height:33px;
padding-left:25px;
line-height:2.5em;
border:#dedede 1px solid;
}

#side-nav ul#sub-cat li a.active{
background:#f9f9f9;
border:#dedede 1px solid;
font-weight:bold;
}

#side-nav ul#sub-cat li a:hover{
background:#f9f9f9;
text-decoration:none;
border:#dedede 1px solid;
}

fieldset#search{
margin:0;
padding:0;
}
fieldset#search input{
float:left;
width:95px;
height:14px;
border:#cecece 1px solid;
color:#8c8c8d;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:.75em;
padding:6px 6px 4px 6px;
margin-right:3px;
}

fieldset#search input#submit-btn{
float:left;
padding:0;
margin:0;
border:0;
height:26px;
width:26px;
}

#sidebar img{
margin:12px 0;
}

/*homepage*/
body#home{
background:#0b0b0b url(../images/home_bg.jpg) repeat-x top left;
}

#outer-wrap{
margin:0 auto;
text-align:center;
width:960px;
height:560px;
background:url(../images/merch_bg.jpg) top center no-repeat;
	
}

body#home h1{
position:absolute;
text-indent:-9999px;
width:0;
height:0;
background:none;
}

ul.homeNav{
margin:0;
padding:0;
list-style:none;
}


ul.homeNav li#apparel-link{
position:absolute;
padding:0;
margin:0;
top:175px;
left:118px;
}


ul.homeNav li#apparel-link a{
width:228px;
height:259px;
text-indent:-9999px;
display:block;
padding:0;
margin:0;
}

ul.homeNav li#apparel-link a:hover{
background:url(../images/apparel_on.jpg) top left no-repeat;
padding:0;
margin:0;
}


ul.homeNav li#music-link{
position:absolute;
padding:0;
margin:0;
top:176px;
left:346px;
}


ul.homeNav li#music-link a{
width:199px;
height:259px;
text-indent:-9999px;
display:block;
padding:0;
margin:0;
}

ul.homeNav li#music-link a:hover{
background:url(../images/music_on.jpg) top left no-repeat;
padding:0;
margin:0;
}

ul.homeNav li#accessories-link{
position:absolute;
padding:0;
margin:0;
top:176px;
left:546px;
}


ul.homeNav li#accessories-link a{
width:158px;
height:259px;
text-indent:-9999px;
display:block;
padding:0;
margin:0;
}

ul.homeNav li#accessories-link a:hover{
background:url(../images/accessories_on.jpg) top left no-repeat;
padding:0;
margin:0;
}

#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.pagination2{
position:absolute;
top:0;
right:0;
padding-top:5px;

}


#pag-bottom.pagination2{
position:relative;
display:block;
float:right;
margin-top:0;
height:20px;
}

.pagination2 p{
float:left;
font-size:.7em;
margin-right:5px;
line-height:2em;
}

.pagination2 div{
float:left;
margin:0;
padding:0;
list-style:none;
}


.pagination2 div a{
float:left;
display:block;
background:#dbdbdb;
border:#7c7c7d 1px solid;
font-size:.7em;
font-weight:bold;
color:#5c5c5d;
text-align:center;
padding:4px 5px;
margin:0 1px;
}

.pagination2 div a:hover{
background:#fff;
text-decoration:none;
}

.pagination2 div a.active{
background:#fff;
border:#ee1f23 1px solid;
color:#252526;
}


.pagination2 div span.active{
float:left;
display:block;
background:#fff;
border:#ee1f23 1px solid;
font-size:.7em;
font-weight:bold;
color:#252526;
text-align:center;
padding:4px 5px;
margin:0 1px;
}

.pagination2 div a.next{
float:left;
display:block;
background:none;
border:none;
font-size:.7em;
line-height:1.2em;
font-weight:normal;
color:#151515;
padding-right:0;
margin-right:0;
}

.pagination2 div a.next:hover{
text-decoration:underline;
background:none;
}

ul#product-listing{
margin:0;
padding:0;
list-style:none;
}

ul#product-listing.featured {
	border-top:2px solid #242424;
	border-bottom:2px solid #242424;
	margin-bottom:1.5em;
}

ul#product-listing li{
float:left;
margin:0 4px;
width:197px;
height:220px;
padding-bottom:20px;
}


ul#product-listing li .product-listing-img-wrap{
padding:12px 0 0 0;
background:url(../images/shadow-top.png) left top no-repeat;
text-align:center;
}


ul#product-listing li .product-listing-info-wrap{
background:url(../images/shadow-bottom.png) left top no-repeat;
padding-top:5px;
}

ul#product-listing li p{
width:192px;
margin:0;
padding:14px 0 0 5px;
font-size:.75em;
line-height:1.2em;
}


ul#product-listing li p a{
color:#272728;
}

/*Product*/
#product-image{
float:left;
width:303px;
background:url(../images/shadow-top-bg-lg.gif) left top no-repeat;
text-align:center;
padding-top:12px;
}

#product-image img{
padding-bottom:5px;
}

#product-image p#enlarge{
margin:0;
background:#fff url(../images/shadow-bottom-bg-lg.gif) center top no-repeat;
padding-top:15px;
}

#product-image p#enlarge a{
display:block;
text-indent:-9999px;
width:62px;
height:23px;
background:url(../images/enlarge.gif) left top no-repeat;
margin:0 auto;
}

#product-desc{
float:right;
width:227px;
border:#c6c6c6 5px solid;
background:#fff;
padding:25px;
}

.our-price{
color:#b2030d;
font-size:1.6em;
font-weight:bold;
line-height:1.2em;
}

.strike{
text-decoration: line-through;
}

fieldset#product-options{
margin:0;
padding:0;
}

fieldset#product-options ul{
margin:0;
}

fieldset#product-options li label {
width:50px;
float:left;
text-align:left;
font-size:.75em;
line-height:1.6em;
margin-right:10px;
}


fieldset#product-options input, fieldset#product-options select {
float:left;
width:75px;
border:#cecece 1px solid;
color:#8c8c8d;
font-size:.75em;
padding:2px;
margin:0;
}

fieldset#product-options input#add-btn{
border:0;
height:23px;
width:84px;
margin-top:5px;
}


ul#thumbnails{
margin-left:5px;
padding-bottom:15px;
list-style:none;
border-bottom:#dedede 1px solid;
}

ul#thumbnails li{
float:left;
margin:20px 10px 0 0;
}

ul#thumbnails li img{
border:#b4b4b4 1px solid;
}

#productDesc {
	margin-bottom:2em;
}

p.url {
	padding-bottom:1.5em;
	border-bottom:1px solid #999;
}

/*Footer*/

#footer-wrap{
background:#0b0b0b url(../images/footer-bg2.jpg) top center repeat-x;
height:450px;
margin-top:-215px;
width:100%;

}

#footer{
width:770px;
margin:0 auto;
padding-top:315px;
}

#footer ul{
float:left;
list-style:none;
margin:10px 0 0 0;
padding:0;
width:30em;
}

#footer ul li{
float:left;
padding:0 8px 0 8px;
margin:0;
}

#footer ul li a{
font-size:.7em;
color:#7e7c7c;
}

#footer ul li a:hover{
color:#c2c2c2;
text-decoration:none;
}
#footer p{
float:right;
width:15em;
font-size:.7em;
color:#7e7c7c;
margin:10px 0 0 0;
padding:0;
text-align:right;
}

#home-footer-wrap{
width:auto;
background: top left repeat-x;
background: url(../images/footer-bg.gif) top center repeat-x;
padding:0;
}

body#home #footer{
padding-top:0;

}

/*cart*/
/* store checkout */
h2 span {
	font-size:.5em;
	padding-left:1em;
}

table#storeTable {
	margin-bottom:1em;
	border-bottom:0;
}

table#storeTable img{
border:#b4b4b4 2px solid;
}

table#storeTable td.product, table#storeTable th.product {
	text-align:left;
}

#review-order table#storeTable tr.btm td {
	border:0;
}

table#storeTable td.product-img {
width:85px;
}

table#storeTable td.product h3 {
	margin-bottom:.3em;
}

.orderHist table#storeTable {
	margin-bottom:3em;
}

table#storeTable td.pending {
	font-weight:bold;
	color:red;
}

table#storeTable th, table#storeTable td {
	padding:1em .5em;
	vertical-align:top;
	border-bottom:#e2e2e2 1px solid;
	text-align:center;
}

table#storeTable #finalTally{
	font-size:1em;
	line-height:2em;
	padding-right:2em;
	text-align:right;
}

table#storeTable #finalTally span#total{
	font-size:1.2em;
	display:block;
	padding:.5em 0;
}

table#storeTable input#quantity {
	display:block;
	width:25px;
	margin:0 auto;
	text-align:center;
}

table#storeTable a.remove{
	display:block;
	margin-top:.5em;
	font-size:.9em;
}

input#addCart, input#oneClick {
	display:block;
}

input#addCart {
	margin:1em 0 2em 0;
}

table#cartTotals {
	float:right;
	width:250px;
	padding-right:1.5em;
	margin-right:10px;
}

table#cartTotals td {
	padding:.5em 0;
	text-align:right;
}

table#cartTotals td.number {
	text-align:right;
}

table#cartTotals td.checkout {
	text-align:right;
	padding-top:.5em;
}

table#cartTotals p.estimate {
	margin:0;
}

table#cartTotals input#zip {
	width:80px;
}

#cartLinks p.update {
	margin:.5em 0 1em 0;
}

#cartLinks p.update a.update{
display:inline;
width:auto;
height:auto;
font-size:1em;
background:#f0f0f0;
padding:.4em .6em;
text-decoration:none;
color:#000;
border: #999999 1px solid;
}

#cartLinks p.update a.update:hover {
	background:#e2e2e2;
}

#cartLinks a {
text-decoration:underline;
}

#cartLinks .promo {
	margin:1.5em 0;
}

#cartLinks .promo p {
	margin-bottom:0;
	font-weight:bold;
}

#cartLinks a.cancel {
	padding-right:1em;
}

#upsBox {
	clear:both;
	padding:.5em;
	border:1px solid #EBBF53;
}

#upsBox img {
	float:left;
	padding-right:1em;
}

#upsBox p {
	font-size:.9em;
	padding:2em 0 0 0;
}


form#loginForm fieldset{
padding:0;
margin:0;
}

dl.acctBox {
	float:left;
	width:245px;
	padding:10px 20px;
	border:#c6c6c6 5px solid;
	background:#fff;
}

dl.acctBox a {
font-size:.7em;
padding-left:65px;
}

dl#returning {
	margin-right:20px;
}

dl.acctBox dt {
	font-size:1em;
	padding-bottom:1em;
}

dl.acctBox dd, dl.acctBox dd p {
	margin:0;
}

dl.acctBox dd ul {
	margin:0;
}
dl.acctBox dd ul li {
	margin:0;
	padding:0;
}

dl.acctBox dd label {
	float:left;
	width:55px;
	font-weight:normal;
	text-align:left;
	padding-top:10px;
}

dl.acctBox dd input {
float:left;
width:160px;
}

dl.acctBox dd input#signIn {
	display:inline;
	width:auto;
	margin:15px 0 0 65px;
}

dl.acctBox dd input#noAcct {
	width:auto;
	margin-bottom:1.5em;
	float:none;
}

fieldset.checkout {
	margin:0 0 1.5em 0;
	padding:0;
}

fieldset.checkout span.req, p span.req{
	color:red;
	font-weight:bold;
}


fieldset.checkout ul {
	margin:0;

}

fieldset.checkout label {
	font-weight:normal;
	width:140px;
		padding-top:10px;
}

p.req span, fieldset.checkout label em {
	font-size:1.1em;
	color:red;
	font-weight:bold;
}

fieldset.checkout li.check label {
	float:none;
	width:auto;
}

fieldset.checkout li.check label input {
	position:relative;
	top:5px;
	margin-left:140px;
	width:auto;
}

fieldset.checkout input#submitBtn {
	margin:10px 0 0 140px;
}

fieldset.checkout ul.payments {
	margin:10px 0 10px 25px;
}


fieldset.checkout ul.payments input#securityCode {
	width:50px;
}



fieldset.checkout input#zip, fieldset.checkout input#phone {
	width:100px;
}


form#PaymentForm fieldset.checkout input#submitBtn {
	margin:30px 0 0 160px;
}

fieldset.checkout select {
margin:5px 0;
}

fieldset.checkout input checkbox{
width:30px;
}

ul.merchantError {
	list-style:none;
	margin-bottom:1.5em;
}

.declineLinks {
	text-align:center;
}

.declineLinks a {
	padding:0 15px;
}

.mailPayment h4 {
	margin-bottom:0;
	font-size:1.1em;
	font-weight:bold;
}

#orderDetails #printOnly {
	display:none;
}

table#lineItems {
	width:100%;
	margin:1em 0 0 0;
	border-bottom:1px solid #BFBBBC;
}

table#lineItems th, table#lineItems td {
	padding:.2em;
}

table#lineItems th {
	font-weight:bold;
	padding:.3em;
}

table#lineItems th.qty {
	width:10%;
}

table#lineItems th.name {
	width:60%;
}

table#lineItems th.price {
	width:15%;
}

table#totals {
	float:right;
	width:220px;
	margin-right:43px;
}

table#totals td {
	padding:2px 5px;
}

table#totals tr.grandTotal td {
	border-top:1px solid #BFBBBC;
}

span.attr {
	display:block;
	padding:.5em 0 .2em 0;
}

fieldset#shipTo {
	float:left;
	width:260px;
	height:175px;
	padding:10px;
	border:#c6c6c6 5px solid;
	
}

fieldset#billTo {
	float:right;
	width:260px;
	height:175px;
	padding:10px;
	border:#c6c6c6 5px solid;
	
}

fieldset#shipTo legend, fieldset#billTo legend {
	font-weight:bold;
	font-size:.8em;
	padding:.4em .6em;
	color:#444;
	border:#c6c6c6 1px solid;
	background:#fff;
}

fieldset#shipTo p, fieldset#billTo p {
	margin-bottom:1.5em;
}

fieldset#shipTo p.last, fieldset#billTo p.last {
	margin-bottom:0;
}

fieldset#shipTo a, fieldset#billTo a {
width:auto;
height:auto;
font-size:.8em;
background:#f0f0f0;
padding:.4em .6em;
text-decoration:none;
color:#000;
border: #999999 1px solid;
}

fieldset.orderDetails {
	padding:0;
	margin:0;
}


form#OrderForm input#cancelBtn {
	float:left;
	display:inline;
}

form#OrderForm input#submitBtn {
	float:right;
	display:inline;
}

form#OrderForm h4 {
	margin-bottom:.2em;
}

textarea.orderNotes {
	width:480px;
	height:40px;
	margin-bottom:1.5em;
}

form#ProfileForm input#submitBtn {
	float:none;
	margin-left:220px;
	width:auto;
}

/* customer account area */
h3 a.small {
	font-size:.7em;
	padding-left:1em;
}

ul.profile {
	list-style:none;
}

ul.profile li {
	clear:both;
}

ul.profile p {
	margin-bottom:.5em;
}

ul.profile p.label {
	float:left;
	clear:right;
	width:120px;
	font-weight:bold;
}

ul.profile p.info {
	display:inline;
	margin-left:10px;
}

.addyWrap {
	float:left;
	width:200px;
	height:120px;
	padding-right:15px;
}

.addyWrap p span.default {
	font-weight:bold;
	padding-left:22px;
	background:url(../images/accept.png) no-repeat top left;
}

#addressList li {
	float:left;
	width:200px;
	height:120px;
	padding-right:15px;
}

#addressList li input {
	float:left;
	width:30px;
}

#addressList li p {
	margin-left:30px;
}


/*one-step checkout*/
#one-step{
margin-bottom:2em;
}

#col-1{
float: left;
width:190px;
text-align:left;
border-right:#cccccc 1px solid;
margin:0;
padding:0;
margin-right:20px;
}

#col-2{
float: left;
width:200px;
text-align:left;
border-right:#cccccc 1px solid;
margin:0;
padding:0;
}

#col-3{
float: left;
width:180px;
text-align:left;
padding:0 0 0 20px;
}

#one-step h3 {
font-size:1.2em;
}

#one-step fieldset ul {
padding:0;
margin:0;
list-style:none; }

#one-step fieldset li{
padding:0 0 1em 0;
margin:0;
}


#one-step fieldset li label {
padding:0;
margin:0;
display:block;
width:auto;
color:#000000;
float:none;
text-align:left;
}

#one-step fieldset li input, #one-step fieldset li select  {
width:165px;
float:none;
margin-bottom:0;
}

#one-step #col-2 fieldset li input{
width:175px;
}

#one-step fieldset li #expMonth, #one-step fieldset li #expYear{
width:60px;
float:left;
}

#one-step fieldset li input#sstate, #one-step fieldset li input#securityCode{
margin-right:0;
}

#one-step fieldset li .exp{
float:left;
padding:.5em .5em 0 .5em;
}

#one-step .orderNotes{
width:165px;
height:100px;
}


#one-step .info, #one-step p.required{
font-size:.65em;
}

#one-step a{
line-height:2em;
font-size:.7em;
}

#one-step #notes{
margin-top:1em;
font-size:.8em;
font-weight:bold;
}

/*Errors*/

#errorContainer {
	padding:1em;
	border:2px solid #FBC2C4;
	background:#FBE3E4;
	margin-bottom:1em;
}

#errorContainer p, #errorContainer h4, #errorContainer li, #errorContainer a {
	color:#8a1f11;
	font-size:.8em;
}

#errorContainer a {
	text-decoration:underline;
}

#errorContainer ul li{
padding:0;
margin:0;
line-height:1.5em;
}

input.error, select.error{
padding:.2em;
}

/* voting page */
p.submitVotes {
	text-align:center;
	margin-bottom:10em;
}

p.submitVotes img {
	float:none;
	margin:0;
}

#vote-container {
	padding-bottom:8em;
}

.voteWrap {
	float:left;
	display:inline;
	width:290px;
	height:360px;
	padding:0;
	margin:0 6px 0 0;
}

.right {
	float:right;
	margin-right:0;
}

.voteWrap img {
	border:5px solid #ccc;
}

.voteWrap p {
	margin:.5em 0;
	font-weight:bold;
}

.rating_container {  
    clear:both;  
}
 
.rating_container a {  
    float:left;  
    display:block;  
    width:16px;  
    height:16px;  
    border:0;  
    background-image:url("../images/rating.gif");  
} 
 
.rating_container a.rating_off {  
    background-position:0 0px;  
} 
 
.rating_container a.rating_half {  
    background-position:0 -16px;  
} 
 
.rating_container a.rating_on {  
    background-position:0 -32px;  
} 
 
.rating_container a.rating_selected {  
    background-position:0 -32px;  
}