body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#f2efea url(../images/layup/peugeot/bodyBg.gif) repeat-x center top !important; color:#363738; text-align:center; }
#header .badge { position: absolute; top: 0px; right: 27px; }
#telephone { position: absolute; top: 11px; right: 112px; width: 150px; }

#leftCol .badge { width: 193px; margin-left: 6px; position:relative; height: 74px; }
#leftCol .badge img { position: absolute; top: -21px; left: 50px; }
#leftCol .dealerLocator { display: block; position:relative; text-decoration: none; cursor: pointer; font-weight: bold; float: left; width: 167px; height: 143px; padding-bottom: 20px; background:url(../images/layup/peugeot/dealerLocator.gif) top left no-repeat !important; }
#leftCol .dealerLocator .text { color: #ffffff; line-height: 120%; display: block; position: absolute; top: 127px; left: 10px; width: 160px; }

#nav { background:url(../images/layup/peugeot/navBg.gif) top left no-repeat; height: 51px; width: 960px; }
#nav ul { padding: 0; margin: 0px 0px 0px 24px; }
#nav li { list-style: none; background:url(../images/layup/navDivider.gif) right 0px no-repeat; float:left; padding: 0px; margin: 12px 0px 0px 0px; }
#nav a { display: block; text-decoration: none; color: #ffffff; padding: 0px 4px 0px 0px; margin: 0px 4px 0px 4px; }
#nav a span { display: block; padding: 4px 0px 10px 4px; }

#nav a:hover { text-decoration: none; background:url(../images/layup/navRight.gif) right 3px no-repeat; color: #000000; padding: 0px 4px 0px 0px;  }
#nav a:hover span { background:url(../images/layup/navLeft.gif) left 3px no-repeat; padding: 4px 0px 10px 4px; }

#nav .active { text-decoration: none; background:url(../images/layup/navRight.gif) right 3px no-repeat; color: #000000; padding: 0px 4px 0px 0px;  }
#nav .active span { background:url(../images/layup/navLeft.gif) left 3px no-repeat; padding: 4px 0px 10px 4px; }
#nav li.last { background:none; }

#pagination a:hover { text-decoration: none; background:#737374; color:#FFFFFF; }
#pagination .active { text-decoration: none; background:#737374; color:#FFFFFF; }

#paginationBottom a:hover { text-decoration: none; background:#737374; color:#FFFFFF; }
#paginationBottom .active { text-decoration: none; background:#737374; color:#FFFFFF; }

/* ----- FRANCHISE JUMPS -----*/
#franchiseHome #jump .usedCar { background:url(../images/layup/peugeot/jumpUsedCars.jpg) no-repeat left top; }

/* #franchiseHome #services { background:url(../images/layup/peugeot/servicesBg.gif) top left no-repeat !important; } */
#franchiseHome #services .servicingParts { display: block; float: left; font-weight: normal; padding: 40px 0px 0px 11px; width: 155px; height: 85px; text-decoration: none; cursor: pointer; line-height: 120%; }
#franchiseHome #services .servicingParts a { font-weight: normal; text-decoration: none; }
#franchiseHome #services .service { width: 155px; display: block; padding-bottom: 10px !important; cursor: pointer; }
#franchiseHome #services .parts { width: 155px; display: block; padding-top: 16px; cursor: pointer; }

/* ----- HINTS AND TIPS ----- */
#hintsAndTipsContainer { position: relative; }
#hintsAndTipsContainer #links a { display: block; text-decoration: none; font-weight: normal; width: 70px; height: 70px; background: url(../images/layup/ieLinkFix.gif); }
#hintsAndTipsContainer #links #tip1 { position: absolute; top: 102px; left: 38px; }
#hintsAndTipsContainer #links #tip2 { position: absolute; top: 60px; left: 283px; }
#hintsAndTipsContainer #links #tip3 { position: absolute; top: 102px; left: 526px; }
#hintsAndTipsContainer #links #tip4 { position: absolute; top: 362px; left: 521px; }
#hintsAndTipsContainer #links #tip5 { position: absolute; top: 410px; left: 281px; }
#hintsAndTipsContainer #links #tip6 { position: absolute; top: 372px; left: 38px; }
#hintsAndTipsContainer #links .tipBoxes { width: 301px; height: 245px; }
#hintsAndTipsContainer #links #tip1Box { position: absolute; top: 104px; left: 43px; background: url(../images/layup/peugeot/box1Bg.jpg) no-repeat; }
#hintsAndTipsContainer #links #tip2Box { position: absolute; top: 62px; left: 286px; background: url(../images/layup/peugeot/box2Bg.jpg) no-repeat; }
#hintsAndTipsContainer #links #tip3Box { position: absolute; top: 100px; left: 296px; background: url(../images/layup/peugeot/box3Bg.jpg) no-repeat; }
#hintsAndTipsContainer #links #tip4Box { position: absolute; top: 194px; left: 296px; background: url(../images/layup/peugeot/box4Bg.jpg) no-repeat; }
#hintsAndTipsContainer #links #tip5Box { position: absolute; top: 241px; left: 285px; background: url(../images/layup/peugeot/box5Bg.jpg) no-repeat; }
#hintsAndTipsContainer #links #tip6Box { position: absolute; top: 203px; left: 41px; background: url(../images/layup/peugeot/box6Bg.jpg) no-repeat; }
#hintsAndTipsContainer #links #tip1Box .contentArea { height: 130px; margin: 65px 0px 0px 59px; overflow: auto; width: 214px; }
#hintsAndTipsContainer #links #tip2Box .contentArea { height: 130px; margin: 67px 0px 0px 60px; overflow: auto; width: 214px; }
#hintsAndTipsContainer #links #tip3Box .contentArea { height: 130px; margin: 67px 0px 0px 27px; overflow: auto; width: 214px; }
#hintsAndTipsContainer #links #tip4Box .contentArea { height: 130px; margin: 32px 0px 0px 44px; overflow: auto; width: 200px; }
#hintsAndTipsContainer #links #tip5Box .contentArea { height: 130px; margin: 32px 0px 0px 62px; overflow: auto; width: 214px; }
#hintsAndTipsContainer #links #tip6Box .contentArea { height: 130px; margin: 31px 0px 0px 61px; overflow: auto; width: 214px; }
#hintsAndTipsContainer #links #tip1Box .contentOffer a { width:224px; height: auto; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; padding: 10px 0px 0px 60px; }
#hintsAndTipsContainer #links #tip2Box .contentOffer a { width:224px; height: auto; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; padding: 10px 0px 0px 60px; }
#hintsAndTipsContainer #links #tip3Box .contentOffer a { width:224px; height: auto; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; padding: 10px 0px 0px 35px; }
#hintsAndTipsContainer #links #tip4Box .contentOffer a { width:224px; height: auto; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; padding: 10px 0px 0px 35px; }
#hintsAndTipsContainer #links #tip5Box .contentOffer a { width:224px; height: auto; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; padding: 10px 0px 0px 60px; }
#hintsAndTipsContainer #links #tip6Box .contentOffer a { width:224px; height: auto; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; padding: 10px 0px 0px 60px; }