@import url(reset.css);

a:link, a:visited, a:active { color: #4c4c4c; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

#wrapper { background: #f3f2ea; width: 948px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 20px; }
	
#main { margin-top: 20px; }
#display { width: 530px; height: 510px; overflow-y: scroll; margin: 0px 20px 40px 35px; padding: 0px 10px; }
#display .window { border: 1px solid #292929; margin-left: -1px; }

#single { float: right; width: 280px; margin-top: 1px; margin-right: -50px; padding-left: 20px; padding-right: 80px; }
#single .item { border: 1px solid #292929; width: 250px; height: 250px; }
#single .more-views { background: url(../img/white.png); padding: 0px 2px; min-height: 10px; position: relative; top: 205px; display: none; }
#single .item:hover .more-views{ display: block; ; }
#single .more-views .view { float: left; margin-top: 2px; margin-left: -1px; border: 1px solid #292929; }

#single #zoom-wrapper { float: right; padding-right: 28px; }
#single .zoom-img { float: left; margin-top: 4px; }
#single p.zoom { float: left; font: bold 11px arial; color: #4a4a4a; margin-left: 3px; margin-top: 2px; text-align: right; }

#single p { font: bold 11px arial; color: #2a2a2a; }
#single p.tags { font: bold 14px calibri; }
#single p.item-code{ font: bold 14px calibri; color: #8a8a8a; margin-bottom: 7px; }
#single p.description { font: bold 15px calibri; }
#single p.price { font: 48px calibri; color: #000; margin-bottom: 0px; }

#footer { background: url(../img/footer.png) #f3f2ea no-repeat; width: 948px; height: 109px; font: 80px helvetica; color: #6c6c6c; }
#footer #logo { margin-left: 35px; padding-top: 20px; float: left; }
#footer #navigation { float: left; padding: 30px 0px; margin-left: 30px; margin-right: 10px; }
#footer #navigation p.about { background: url(../img/about1.png) no-repeat; width: 105px; height: 19px; margin-bottom: 10px; }
#footer #navigation p.about:hover { background: url(../img/about2.png) no-repeat; cursor: pointer; }
#footer #navigation p.contact { background: url(../img/contact1.png) no-repeat; width: 105px; height: 19px; }
#footer #navigation p.contact:hover { background: url(../img/contact2.png) no-repeat; cursor: pointer; }
#footer #about-information, #footer #contact-information { float: left; width: 550px; padding: 15px 0px; display: none; }
#footer #about-information p, #footer #contact-information p { font: 11px arial; margin-bottom: 5px; }