@import url('sidebar.css');
/* GENERAL STYLES */
/* Local styling *********************** */
body { background: #fff url(/images/pgr-background.gif) repeat-y 50% 0; }
#leftColumn h1 { font-size: 2em; margin: 18px 0 0 0; padding: 0; text-transform: uppercase; }
#leftColumn .narrowText { width: 360px; }
#frontPageText { float:left; }
#frontPageText h1 { margin-bottom: 11px; }

/* Picture menu ******************** */
#picMenu { background: #fff; color: #b5b29d; font: normal 13px/15px "Century Gothic" , Helvetica, Verdana, sans-serif; height: 120px; margin: 20px 0 0 0; padding: 0; width: 720px; }
#picMenu img { border: none; margin: 0 0 10px 0; padding: 0; }
#picMenu ul { list-style-type: none; margin: 0; padding: 0; }
#picMenu li { display: block; float: left; text-align: center; width: 120px; }
#picMenu a { color: #b5b29d; }
#picMenu a:hover { color: #8e181b; }

/* Info boxe *********************** */
#infoContainer { border: 1px solid #b5b29d; float: left; margin: 45px 0 20px 0; padding: 0; width: 365px; }
#infoContainer img { display: block; float: right; margin: 0; }
#infoBox { background: #fff; font: normal 12px/15px "Century Gothic" , Helvetica, Verdana, sans-serif; margin: 0; float: left; padding: 0 10px 0 0; width: 230px; }
#infoBox h2 { color: #8e181b; font: bold 13px/16px "Century Gothic" , Helvetica, Verdana, sans-serif; margin: 5px 0 0 0; padding: 0; text-align: right; }
#infoBox p { margin: 0; padding: 0; text-align: right; }

/* Profile page contact data ******* */
#contactData { float:left; margin: 8px 0 0 0; }
#contactData h2 { margin: 17px 0 8px 0; padding:0; }
#contactData .vcard { margin-bottom: 10px; }
#contactData a { color: #8e181b; }
#contactData a:hover { text-decoration: underline; }

/* Address box ********************* */
.address { }
#leftColumn .address { float: left; margin: 45px 0 0 113px; padding: 5px 0 0 0; width: 180px; }
#rightColumn .address { margin: 190px 0 0 10px; }
.address a { color: #8e181b; }

/* Common content ****************** */
#content { width: 480px; }
#content h1 { font-size: 1.3em; margin: 60px 0 0 0; padding: 0; text-transform: uppercase; }

/* Product data ******************** */
#leftColumn #breadCrumb { color: #000; float: left; font-size: 20px; margin: 20px 0 0 0; width: 230px; }
#leftColumn #breadCrumb a { color: #000; }
#leftColumn #breadCrumb a:hover { text-decoration: underline; }
#productData { border-right: solid 1px #E4E1CC; float: left; margin: 20px 0 0 10px; width: 230px; }
#productData h1 { color: #8D202E; font-size: 50px; font-weight: bold; margin: -20px 0 0 -8px; padding: 0; }
#productData p.warning { color: #898966; }
#productReferences { float: left; margin: 0 0 0 20px; width: 228px; }
#productReferences h2 { text-transform: uppercase; padding-bottom: 0; }
#productReferences p { visibility: hidden; font-size: 0.85em; }
#productReferences div.refContainer { background-image: url('/images/PolaroidSingle.png'); background-repeat: no-repeat; height: 202px; width: 200px; margin: 20px 0 0 0; }
#productReferences img.refImg { margin: 13px 0 0 11px; }

/* Referencer ********************** */
#referenceMenu { margin-top: 20px; }
.referenceSet { float: left; margin: 0; width: 230px; }
.referenceData img { margin: 0 auto; }
.referenceData span { display: block; text-align: center; text-transform: uppercase; }
.referenceImages { display: none; }

/* FAQ page ************************ */
#faqTable { margin: 20px 0 30px 0; width: 540px; }
#faqTable th { color: #333; font-weight: bold; padding: 5px; text-align: left; vertical-align: top; width: 120px; }
#faqTable th.question { color: #900; }
#faqTable td { }
#faqTable p { margin: 0; padding: 0; }