@font-face {font-family: "Helvetica Bold";
  src: url('/dealersite/fonts/helvetica_t1/helvetica_bold.eot');
  src: local('?'),
    url('/dealersite/fonts/helvetica_t1/helvetica_bold.ttf') format('truetype');
}

body {margin: 0; background: #D1D2D4 url(/img/fr/bg_02.jpg) top center repeat-y; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 1em 15px 0.3em 15px; text-align: justify;}
td {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
form input {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}

h1 {font-size: 160%; text-align: left; margin: 0 0 10px 0; padding: 0;}
h2 {font-size: 130%; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 110%; text-align: left;}

.ul {margin: 0.5em 15px 0.5em 15px; font-weight: bold;}
.li {margin: 0.5em 25px 0.5em 25px; font-style: italic; line-height: 105%; text-align: left;}

a:link {color: #025194; text-decoration: none;}
a:visited {color: #025194; text-decoration: none;}
a:hover {color: #025194; text-decoration: underline;}
a:focus {color: #025194; text-decoration: underline;}
a:active {color: #025194; text-decoration: none;}
a img {border: none;}

.title {font-size: 140%; font-weight: bold;}
.bold {font-weight: bold;}
p.copyr {font-size: 90%; text-align: center;}

.fleft {float: left;}
.fright {float: right;}
.cboth {clear: both;}
.lefty {width: 251px; margin: 0 0 0 11px;}
.center {text-align: center;}
.nobr {white-space: nowrap;}
hr {color: #025194; height: 1px;}

div.text {text-align: justify;}
div.text p {margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p a {font-weight: bold;}
div.text ul {margin: 0 0 10px 30px; padding: 0;}
div.text ul.last {margin-bottom: 0;}

.content {width: 780px; overflow: hidden;}
.noverflow {overflow: visible;}
.addmargin {margin-bottom: 20px;}

div.leftColumn {float: left; width: 370px;}
div.rightColumn {float: right; width: 370px;}

div.rightColumnImg {float: right; width: 175px; margin: 50px 10px 0 40px;}
div.largerLeftColumn {float: left; width: 540px;}


div#wrap {background: url(/img/fr/bg.jpg) top center no-repeat;}

div#header {position:relative; width: 800px; height: 80px; background: url(/img/fr/top_menu_01.gif) 0 0 no-repeat;}

div#customgallery {clear: both;}
div#gallerywrap {text-align: center; width: 780px; margin: auto;}
div#gallerywrap div.item {float: left; text-align: left; width: 230px; height: 98px; margin: 5px; padding: 10px; background-color: #5E0000;}
div#gallerywrap div.item div.itemImg {float: left; width: 128px; margin: 0 10px 0 0; border: 1px #666 solid;}
div#gallerywrap div.item div.itemImg img {display: block; width: 128px;}
div#gallerywrap div.item p {margin: 0; padding: 0;}
div#gallerywrap div.item p.galleryName {font-weight: bold; color: #FFFFFF;}
div#gallerywrap div.item a:link, div#gallerywrap div.item a:visited, div#gallerywrap div.item a:hover, div#gallerywrap div.item a:focus, div#gallerywrap div.item a:active {color: #CCC;}

div.topLogo {float: left; padding: 0;}
div.topBox {float: left; width: 240px; padding: 0;}
div.topSlogan {padding-left: 2px; color: #fff; text-transform: uppercase;}
div.topInfo {float: right; color: #fff; text-align: right; padding: 0;}
div.topSocial {float: right; height: 80px;}
div.topNews {position:absolute; left: 800px; top:92px;}

ul.doorContainer {width: 780px; overflow: hidden; margin: 0; padding: 10px 0; list-style-type: none; border-top: 2px black solid;}
ul.doorContainer li {float: left; margin: 0 18px 0 0; padding: 0;}
ul.doorContainer li.last {margin-right: 0;}
ul.doorContainer li p {margin: 0; padding: 0;}

div.typeContainer {width: 780px; border-top: 2px black solid;}
div.typeContainer div {display: block; width: 248px; height: 217px; float: left; margin: 10px 6px;}
div.typeContainer div p {padding: 2px 0 0;}

div.topContentLogo {position: relative; left: 0; margin: 10px; text-align: left;}

ul.pietonDisplay {width: 780px; overflow: hidden; margin: 0; padding: 0; list-style-type: none;}
ul.pietonDisplay li {float: left; margin: 0 18px 0 0; padding: 0;}
ul.pietonDisplay li.last {margin-right: 0;}

ul.pietonbtns {width: 520px; overflow: hidden; margin: 0; padding: 0; list-style-type: none;}
ul.pietonbtns li {float: left; margin: 0 18px 0 0; padding: 0;}
ul.pietonbtns li.last {margin-right: 0;}

div#pietonvid {display: none; width: 640px; height: 390px;}
div#pietonvid object,
div#pietonvid embed {width: 640px; height: 390px;}

div.leftColumnService {float: left; width: 360px; height: auto; margin: 0 0 0 10px;}
div.rightColumnService {float: right; width: 375px; height: auto; margin: 0 10px 0 0;}

div.serviceImg {width: 374px; height: 374px; padding: 0;}

div#subHeader {width: 800px; height: 51px; background-image: url(/img/fr/header.jpg); font-family: "Helvetica Bold"; font-size: 16px; color: #494949;}
div#subHeader h1 {margin: 0; padding: 5px 0 0 45px;}

div#wrapper {position: relative; width: 780px; height: 160px; margin:0; padding: 0;}
div#caaCard {position: absolute; top: 0; left: 50px;}
div#homesubmit {position: absolute; top: 20px; left: 300px;}
div#homedunamis {position: absolute; top: -35px; left: 550px;}

td.homepromocell {width: 395px;}

div#homepromo {width: 340px; margin: 0 0 0 20px; padding: 0 0 8px 0; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #b1afb0;
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0.15, rgb(216,215,210)),
    color-stop(0.54, rgb(177,175,176))
);
background-image: -moz-linear-gradient(
    left bottom,
    rgb(216,215,210) 15%,
    rgb(177,175,176) 54%
);
}
div#homepromo p.promotionsTitle {margin: 0; padding: 5px 0;}
div#homepromo p.promotionsTitle a {font-weight: bold; font-size: 16px;}
div#homepromo div#promobox div.promoinfos {width: 324px; margin: 0 auto; padding: 10px 0; background-color: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#homepromo div#promobox div.promoinfos div.photobox {margin-bottom: 10px;}
div#homepromo div#promobox div.promoinfos div.photobox img#photopromo {margin: 0 auto; text-align: center;}
div#homepromo div#promobox div.promoinfos p {margin: 0 0 10px 0; padding: 0; text-align: center;}
div#homepromo div#promobox div.promoinfos p.last {margin-bottom: 0;}
div#homepromo div#promobox div.promoinfos object,
div#homepromo div#promobox div.promoinfos embed {width: 300px; height: 250px; margin-bottom: 10px;}
div#homepromo div#promobox div.promoinfos a {font-weight: bold;}

div#footer {padding: 20px 0 0 0;}
div#footer p {margin: 0 0 10px 0; padding: 0; font-size: 10px;}

div#contactinfos {width: 300px; margin: 0 0 20px 0; text-align: left;}
div#contactinfos p {margin: 0 0 10px 0; padding: 0;}
div#contactinfos p.last {margin-bottom: 0;}

/* new css */
#prodList {text-align: left;}
#prodList h2 {clear: both; padding-left: 5px;}
.prodBox {position: relative; width: 748px; overflow: hidden; margin: 10px; padding: 15px; background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 35%, #DDD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(35%,#FFFFFF), color-stop(100%,#DDD)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 ); border: 1px solid #CCC; -moz-border-radius: 10px; border-radius: 10px;}
.prodImage {width: 230px; overflow: hidden; padding-top: 20px;}
.model3585 {background: url('/img/global/operator_product_3585_title.jpg') top left no-repeat;}
.model3800 {background: url('/img/global/operator_product_3800_title.jpg') top left no-repeat;}
.modelEHJen {background: url('/img/en/operator_product_EHJ_title.jpg') top left no-repeat;}
.modelEHJfr {background: url('/img/fr/operator_product_EHJ_title.jpg') top left no-repeat;}
.prodDesc {float: left; width: 518px;}
.prodDesc p {margin: 0; text-shadow: #ccc 1px 1px 1px;}
.prodOptions {float: right; margin-top: 15px; overflow: hidden;}
.prodOptions p {width: 74px; margin: 43px 0 0 0; text-align: right; text-shadow: #666 1px 1px 1px; color: #9C3316;}

.terraPhotos {margin-top: 25px;}

#doorslist li {width: 192px; margin: 0 4px}
#windowslist li {width: 120px; margin: 0 6px}
#commlist, #reslist {margin: 0;}
#commlist li, #reslist li {margin: 0 1px;}

.serieslist {overflow: hidden; margin: 0; padding: 0; list-style: none;}
.serieslist li {float: left; margin: 0; padding: 0;}
.serieslist li.last {margin-right: 0 !important;}
.serieslist li ul {margin: 0; padding: 0; list-style-type: none;}
.serieslist li ul li {float: none; margin: 0 !important; padding: 0;}