/* Retrocollector */

/*------------------------------------------------------------------
-------------------------------Universal----------------------------*/
*{
border:0px none;
margin:0px;
padding:0px;
}

body{
background:#c5be94 url(../images/bg2.gif) top center repeat-y;
color:#000000;
font:normal 76%/100% "Century Gothic", Arial, Helvetica, sans-serif;
text-align:center;
}

li,
ul{
list-style-type:none;
}



/*------------------------------------------------------------------
-------------------------------Main divs----------------------------*/
#container{
background-color:#eee8c3;
color:#000000;
margin:0px auto;
text-align:left;
width:770px;
}

#header{
background:url(../images/header2.jpg) top left no-repeat;
height:159px;
width:770px;
}

#nav{
height:17px;
width:770px;
}

#categories{
float:left;
margin-left:7px;
width:175px;
}

#lastadded{
float:left;
width:175px;
}

#featured{
float:right;
width:395px;
}

#content{
float:right;
margin-right:7px;
width:574px;
}

#footer{
clear:both;
width:770px;
}

#itemwrap{
background-color:#fbf4f6;
height:500px;
width:570px;
}

#itemleft{
float:left;
padding:15px 0px 0px 20px;
}

#itemright{
float:right;
width:330px;
}



/*------------------------------------------------------------------
------------------------------Navigation----------------------------*/
#categories ul{
margin:0px auto;
overflow:hidden;
width:175px;
}

#categories ul li a{
background:url(../images/categoriesbutton.gif) no-repeat 0px 0px;
color:#674611;
display:block;
font:normal 11px "Arial Black", Arial, Verdana, sans-serif;
height:25px;
line-height:25px;
padding:0px 0px 0px 50px;
text-decoration:none;
}

#categories a:link,
#categories a:visited{
background-position:0px 0px;
color:#674611;
}

#categories a:hover,
#categories a:active,
#categories a#currentcat{
background-position: -175px 0px;
color:#eee8c3;
}

#nav ul{
float:right;
font: normal 11px "Arial Black", Arial, Verdana, sans-serif;
}

#nav ul li{
display:inline;
}

#nav ul li a{
padding:0px 9px;
text-decoration:none;
}

#nav ul li a:link,
#nav ul li a:visited{
color:#674611;
}

#nav ul li a:hover,
#nav ul li a#current{
color:#c50700;
}

ul.c64atoz{
padding:3px 0px 3px 3px;
}

.c64atoz li{
color:#674611;
display:inline;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
}

.c64atoz li a{
padding:0px 9px;
}

.c64atoz li a:link,
.c64atoz li a:visited{
color:#674611;
}

.c64atoz li a:hover,
.c64atoz li a:active{
color:#c50700;
}


/*------------------------------------------------------------------
--------------------------------Headings----------------------------*/
#categories h2{
background:url(../images/categories.gif) no-repeat;
height:42px;
margin:0px auto;
width:175px;
text-indent:-9999px;
}

#lastadded h2{
background:url(../images/lastadded.gif) no-repeat;
height:42px;
margin:0px auto;
width:175px;
text-indent:-9999px;
}

h1.welcome{
color:#674611;
font:normal 11px "Arial Black", Arial, Verdana, sans-serif;
padding:60px 0px 0px 80px;
}

#seveninchrecordsheading{
background: url(../images/seveninchrecordsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#twelveinchrecordsheading{
background: url(../images/twelveinchrecordsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#amigastuffheading{
background:url(../images/amigastuffheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#annualsheading{
background:url(../images/annualsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#armystuffheading{
background:url(../images/armystuffheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#beermatsheading{
background:url(../images/beermatsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#booksheading{
background:url(../images/booksheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#c64cartheading{
background:url(../images/c64cartheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#c64diskheading{
background:url(../images/c64diskheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#c64tapeheading{
background:url(../images/c64tapeheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#cdsheading{
background:url(../images/cdsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#contactusheading{
background:url(../images/contactusheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#faqsheading{
background:url(../images/faqsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#fashionheading{
background:url(../images/fashionheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#linksheading{
background:url(../images/linksheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#magazinesheading{
background:url(../images/magazinesheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#shippingheading{
background:url(../images/shippingheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#termsheading{
background:url(../images/termsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#thankyouheading{
background:url(../images/thankyouheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#vcdsheading{
background:url(../images/vcdsheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#vhsvideosheading{
background:url(../images/vhsvideosheading.gif) no-repeat top left;
height:42px;
width:573px;
}

#vwbeetleheading{
background:url(../images/vwbeetlesheading.gif) no-repeat top left;
height:42px;
width:573px;
}



/*------------------------------------------------------------------
------------------------------Paragraphs----------------------------*/
p.featureddescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
line-height:11px;
margin:0px auto;
padding:40px 0px 0px 0px;
text-align:justify;
width:340px;
}

p.welcomep{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
line-height:11px;
padding:0px 0px 0px 50px;
width:280px;
}



/*------------------------------------------------------------------
------------------------------Last Added----------------------------*/
.item{
background:url(../images/itembg.gif) top left no-repeat;
height:108px;
margin:0px auto;
width:175px;
}

.item img{
margin:8px 0px 0px 8px;
}

.item h3{
color:#c50700;
float:left;
font:normal 11px "Arial Black", Arial, Verdana, sans-serif;
height:1px;
padding-left:18px;
}

.item p{
float:right;
margin-right:8px;
}

p.details{
height:18px;
text-indent:-9999px;
width:60px;
}

p.details a{
background:url(../images/details.gif) 0px 0px no-repeat;
display:block;
height:18px;
width:60px;
}

p.details a:link,
p.details a:visited{
background-position:0px 0px;
color:#674611;
}

p.details a:hover{
background-position: -60px 0px;
color:#eee8c3;
}



/*------------------------------------------------------------------
-------------------------------Searchbox----------------------------*/
#searchbox{
background:url(../images/search.gif) no-repeat;
height:74px;
margin:0px auto;
width:389px;
}



/*------------------------------------------------------------------
---------------------------------Forms------------------------------*/
input.text{
border:1px solid #a0a0a0;
font:normal 11px "Arial Black", Arial, Verdana, sans-serif;
height:23px;
margin:36px 0px 0px 40px;
width:200px;
}

input.submit{
font:normal 11px "Arial Black", Arial, Verdana, sans-serif;
}

input.simpletext{
border:1px solid #a0a0a0;
color:#c50700;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
height:15px;
width:180px;
}

input.simplesubmit{
background-color:transparent;
color:#674611;
font:normal 11px "Arial Black", Arial, Verdana, sans-serif;
}

#simplesearch{
padding:80px 0px 0px 90px;
}

#simplesearch h3{
color:#674611;
font:bold 12px "Century Gothic", Arial, Verdana, sans-serif;
}

#simplesearch h4{
color:#674611;
font-size:9px;
text-decoration:none;
}

#simplesearch h4 a:link, #simplesearch h4 a:visited{
color:#c50700;
}

#simplesearch h4 a:hover, #simplesearch h4 a:active{
color:#674611;
}

#postage-form{
width:150px;
}

#postage-form select{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
margin:10px 0px 10px 0px;
}


/*------------------------------------------------------------------
-----------------------------Featured Box---------------------------*/
#featuredbox{
background:url(../images/featuredbg.gif) no-repeat;
height:297px;
width:389px;
margin:0px auto;
}

#featuredboxnav{
padding:10px 20px 0px 0px;
float:right;
width:95px;
}

img.featureditem{
float:left;
padding:10px 0px 0px 20px;
width:237px;
}

#featuredbuttons{
height:88px;
width:95px;
}

.fdetails,
.fmore,
.related {
text-indent:-9999px;
}

.fdetails a{
display:block;
height:25px;
width:92px;
background:url(../images/detailsbutton.gif) no-repeat 0px 0px;
}

.fmore a{
display:block;
height:38px;
width:92px;
background:url(../images/moredetailsbutton.gif) no-repeat 0px 0px;
}

.related a{
display:block;
height:38px;
width:92px;
background:url(../images/relateditemsbutton.gif) no-repeat 0px 0px;
}

.fdetails a:link,
.fdetails a:visited,
.fmore a:link,
.fmore a:visited,
.related a:link,
.related a:visited{
background-position:0px 0px;
}

.fdetails a:hover,
.fdetails a:active,
.fmore a:hover,
.fmore a:active,
.related a:hover,
.related a:active{
background-position: -92px 0px;
}



/*------------------------------------------------------------------
--------------------------------Footer------------------------------*/
#footer{
background:#ffffff url(../images/footer.gif) no-repeat;
clear:both;
height:59px;
width:770px;
}

#footer ul{
margin-left:360px;
}

#footer ul li{
display:inline;
font:bold 10px "Century Gothic", Arial, Verdana;
line-height:59px;
}

#footer ul li a:link,
#footer ul li a:visited{
color:#674611;
text-decoration:none;
}

#footer ul li a:hover{
color:#c50700;
text-decoration:none;
}

.copyright{
color:#8d844c;
font:normal 10px "Century Gothic", Arial, Verdana, sans-serif;
height:50px;
margin:20px 0px 0px 0px;
text-align:center;
width:770px;
}



/*------------------------------------------------------------------
--------------------------------Products----------------------------*/
.productbg{
background:url(../images/listingbg.gif) no-repeat top left;
height:138px;
width:573px;
}

.productimage{
float:left;
padding:15px 0px 0px 20px;
}

.productinfo{
float:right;
width:400px;
}

.producttitle,
.itemtitle{
color:#674611;
font:bold 12px "Century Gothic", Arial, Verdana, sans-serif;
padding:15px 0px 0px 0px;
}

.producttitle a:link, .producttitle a:visited{
color:#674611;
text-decoration:none;
}

.producttitle a:hover, .producttitle a:active{
color:#c50700;
text-decoration:none;
}

.productdescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
width:360px;
}

.itemdescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:0px 0px 20px 0px;
width:300px;
}

.itemdescription a:link, .itemdescription a:visited{
color:#c50700;
text-decoration:underline;
}

.itemdescription a:hover, .itemdescription a:active{
color:#674611;
text-decoration:none;
}

.itemtracklisting{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:0px 0px 0px 0px;
width:300px;
}

.itemheading{
color:#674611;
font:bold 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:10px 0px 0px 0px;
}

.productprice,
.itemprice{
color:#c50700;
font:bold 14px "Century Gothic", Arial, Verdana, sans-serif;
padding:5px 0px;
}

h6.fdetails{
float:left;
}

.productbuttons{
width:190px;
}

.backbutton{
clear:both;
color:#674611;
font:bold 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:5px 0px;
}

.backbutton a:link,
.backbutton a:visited{
color:#674611;
text-decoration:underline;
}

.backbutton a:hover,
.backbutton a:active{
color:#674611;
text-decoration:none;
}



/*------------------------------------------------------------------
------------------------------Contact Us--------------------------*/

p.contactdescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:15px 20px 0px 20px;
}

p.contactintro{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 0px 20px;
}

p.contactfinal{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px;
}

.contact{
background-color:#fbf4f6;
width:570px;
}



/*------------------------------------------------------------------
------------------------------Shipping----------------------------*/
p.shippingdescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:15px 20px 0px 20px;
}

p.shippingfinal{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 20px 20px;
}

p.shippingintro{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 0px 20px;
}

.shipping{
background-color:#fbf4f6;
width:570px;
}



/*------------------------------------------------------------------
------------------------------Thankyou----------------------------*/

p.thankyoutitle{
color:#674611;
font:bold 12px "Century Gothic", Arial, Verdana, sans-serif;
padding:10px;
}

p.thankyoudescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:10px;
}

.thankyou{
background-color:#fbf4f6;
width:570px;
}



/*------------------------------------------------------------------
---------------------------------FAQS-----------------------------*/

p.faqsquestion{
color:#674611;
font:bold 12px "Century Gothic", Arial, Verdana, sans-serif;
padding:15px 20px 0px 20px;
}

p.faqsfinal{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 20px 20px;
}

p.faqsintro{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 0px 20px;
}

p.faqsdescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:5px 20px 0px 20px;
}

.faqs{
background-color:#fbf4f6;
width:570px;
}

.faqslink{
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 0px 20px;
}

.faqslink a:link,
.faqslink a:visited{
color:#c50600;
text-decoration:none;
}

.faqslink a:hover,
.faqslink a:active{
color:#003399;
text-decoration:underline;
}

p.faqsbottom{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:5px 20px 40px 20px;
}



/*------------------------------------------------------------------
-----------------------Terms and Conditions-----------------------*/

p.termstitle{
color:#674611;
font:bold 12px "Century Gothic", Arial, Verdana, sans-serif;
padding:15px 20px 0px 20px;
}

p.termsdescription{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:5px 20px 0px 20px;
}

p.termsfinal{
color:#674611;
font:normal 11px "Century Gothic", Arial, Verdana, sans-serif;
padding:5px 20px 20px 20px;
}

p.termsintro{
color:#674611;
font:bold 12px "Century Gothic", Arial, Verdana, sans-serif;
padding:20px 20px 0px 20px;
}

.terms{
background-color:#fbf4f6;
width:570px;
}

/*------------------------------------------------------------------
--------------------------------Links-----------------------------*/

.email a:link,
.email a:visited{
color:#c50700;
text-decoration:underline;
}

.email a:hover,
.email a:active{
color:#c50700;
text-decoration:none;
}