@import url('global.css');
/**** Common rules *****/
html, body { margin: 0; height: 100%; padding: 0; }
body { font: normal 13px/15px "Century Gothic" , Verdana, Arial, Helvetica, sans-serif; }
body.pgrFront { background: #fff url(/images/pgr/background.gif) repeat-y 50% 0; }
body.pkoText { background:#fff url(/images/pko/background.png) repeat-y 50% 0;  }
body.pteText { background: #fff url(/images/pte/Background.png) repeat-y 50% 0; }
body.pteProfile { background: #fff url(/images/pte/ProfilBackground.png) repeat-y 50% 0; }
div#container { height: 100%; margin: 0 auto; position: relative; width: 960px; }
#leftColumn { float: left; width: 720px; }
#rightColumn { float: left; width: 240px; }

/***** Masthead section *****/
#mastHead { height: 105px; position: relative; }
#mastHead a#logoLink { background: #fff; display: block; float: left; height: 105px; width: 720px; }
#mastHead a#sitelogoLink { display: block; float: left; height: 105px; width: 240px; }
#logo { margin: 10px 300px 0 0; }
#flags { margin: 10px 0; }
#mastHead img.siteLogo { display: block; right: 0; margin-top: 0; position: absolute; top: 0; }

/***** Language menu *****/
#langMenu { height:25px; left: 350px; position: absolute; top: 10px; width: 360px; }
#langMenu a { color: #000; text-transform:uppercase; }

/***** Topmenu *****/
#topMenu { background: #fff; font: normal 15px/18px "Century Gothic" , Helvetica, Verdana, sans-serif; height: 25px; letter-spacing: 1px; margin: 0; padding: 0; width: 960px; }
#topMenu ul { list-style-type: none; margin: 0; padding: 5px 0 2px 0; }
#topMenu li { display: block; float: left; width: 120px; }
#topMenu a { color: #000; }
#topMenu a:hover { color: #8e181b; }

/* Big picture section ********************************************** */
#bigPic { margin: 0; position: relative; }
#bigPic img { border: none; margin: 0; position: relative; }
#bigPicText { background: #e4e1cc; filter: alpha(opacity=0); opacity: .0; padding: 10px; position: absolute; right: 0; top: 50px; width: 220px; }

/* Picture menu ***************************************************** */
#frontPicMenu { 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; }
#frontPicMenu img { border: none; margin: 0 0 10px 0; padding: 0; }
#frontPicMenu ul { list-style-type: none; margin: 0; padding: 0; }
#frontPicMenu li { display: block; float: left; width: 120px; }
#frontPicMenu a { color: #b5b29d; }
#frontPicMenu a:hover { color: #8e181b; }

/* Profile page columns ********************************************* */
#col1 { float: left; width: 475px; }
#col2 { float: left; width: 240px; }
#col2 ul { list-style-type: none; margin:20px 10px; padding: 0; }
#col2 h2 { font-size: 16px; margin: 15px 0 5px 0; padding: 0; }
#col2 p { margin: 0 0 5px 0; padding: 0; }
#col2 a { color: #900; }
#col2 a:hover { text-decoration:underline; }

/* Info boxe ******************************************************** */
#infoContainer { border: 1px solid #b5b29d; float: left; margin: 45px 0 0 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; }

/***** 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; }

/***** Petersen news menu *****/
img#newsLogo { display: block; margin: 24px 0 10px 12px; }
.pNewsItem { font: normal 12px/15px "Century Gothic" , Helvetica, Verdana, sans-serif; text-transform: uppercase; margin: 0 0 40px 10px; width: 220px; }
.pNewsItem ul { list-style-type: none; margin: 28px 0 0 0; padding: 0; }
.pNewsItem li { height: 90px; margin: 0 0 20px 0; width: 220px; }
.pNewsItem img { display: block; margin: 0 5px 0 0; float: left; }
.pNewsItem a { color: #8e181b; }

/* Frontpage *********************** */
#frontPageText { width: 420px; }

/* Textpage ************************ */
#textPageText { width: 420px; }
#textPageText h1 { margin-bottom: 30px; text-transform: uppercase; }
#textPageText a { color: #900; }
#textPageText a:hover { text-decoration: underline; }

/* Category menu in products ******* */
#catMenuSelector { background: #fff; color: #000; width: 630px; margin: 0; padding: 0; position: relative; }
/*#catMenuSelector img { position:absolute; top:3px; right:4px; }*/
#catMenuSelector table { float: left; margin: 0; width: 165px; }
#catMenuSelector td { /*height:20px;*/ }
#catMenuSelector td.selected { color: #f00; }
#catMenuSelector .menuItem { cursor: pointer; }
#catMenuSelector .menuItem a { color: #000; }
#catMenuLink { cursor: pointer; text-decoration: none; }
#catMenu { background: #fff; left: 165px; margin: 0; padding: 0 10px; position: absolute; top: 0; width: 400px; }
#catMenu div { float: left; width: 400px; }
#catMenu ul { list-style-type: none; margin: 0; padding: 0; }
#catMenu ul.colorMenu { float: left; }
#catMenu ul.colorMenu li { float: left; }
#catMenu li { height: 18px; line-height: 16px; margin: 3px 0 0 0; width: 194px; }
#catMenu a { color: #f00; text-decoration: none; }
#catMenu a:hover { color: #000; }
#catMenuSelector a { color: #f00; }
#catMenuSelector a:hover { color: #000; }
/* #productList .FrontPage { float: left; line-height: 1em !important; padding: 8px 15px 8px 0px !important; width: 120px !important; font-size:14px/16px; letter-spacing: 1px; text-align:center; } #productList .FrontPage a { color: #999; } #productList .FrontPage a:hover { color: #000; } #productList .FrontPage a:active { color: #000; } #productList img { margin: 0 0 8px 0; float: left; } #productList a.menuLink { color: #999; padding: 0 30px 0; text-align: center; float: none; } #ProductDataMenu { width: 190px; } #ProductDataMenu h2 { color: #E5E2CD; font-weight: bold; font-size: 55px; margin: 0px; } #ProductDataMenuLinks { list-style-type: none; padding: 0; margin: 10px 0; } #ProductDataMenuLinks li { height: 20px; margin: 0 5px 0 5px; } #productData { float: left; margin: 0; width: 500px; } #productData th { text-align: left; vertical-align:bottom; } #productData td { vertical-align:bottom; } .ProductID { color: #ccc; float:right !important; font-weight: bold; font-size: 70px; line-height: 1em; margin: -7px 0 0 0; padding: 0 10px 0 0; } */

/* Product list ******************** */
#productList { list-style-type: none; padding: 0; float: left; }
#productList li { float: left; line-height: 1em; width: 90px; padding: 10px 20px 5px 0px; }
#productList a.productName { color: #999; font-size: 14px; display: block; text-align: center; }