@charset "utf-8";
/* Accente noi */

* { margin: 0; padding: 0; border: 0 solid #fff; text-decoration: none; outline-width: medium; outline-style: none; list-style-type: none; }
.clearAll { clear: both; height: 0; line-height: 0; font-size: 0; }
.floatLeft { width: auto; float: left; }
.floatRight { width: auto; float: right; }

body { margin: 0; padding: 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c; background: #fff url(../img/body_x_bg.jpg) left top repeat-x; text-align: center; }

#webSite { position: relative; width: 1210px; margin: 0 auto; margin-left:20px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; text-align: left; }

.header { height: auto!important; min-height: 111px; height: 111px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #777777; }
.headerLeftArea { width: 172px; margin: 0; padding: 0; float: left; }
.headerRightArea { width: 997px; margin: 0; padding: 31px 0 0 35px; float: left; }

.logoHansen { width: 119px; margin: 0; padding: 13px 0 0 27px; font-size: 0; }
.logoHansen h1 { width: 119px; height: 68px; margin: 0; padding: 0; font-size: 0; background: url(../img/logo_hansen_office_and_furniture.jpg) left top no-repeat; }
.logoHansen h1 a { display: block; width: 119px; height: 68px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.logoHansenGrey { width: 119px; margin: 0; padding: 43px 0 35px 29px; font-size: 0; }
.logoHansenGrey h1 { width: 119px; height: 66px; margin: 0; padding: 0; font-size: 0; background: url(../img/logo_hansen_office_and_furniture_grey.jpg) left top no-repeat; }
.logoHansenGrey h1 a { display: block; width: 119px; height: 66px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.titleContact { width: auto; float: left; margin: 0 6px 0 0; padding: 0 6px 4px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777777; border-bottom: 3px solid #c8c8c8; }
.contactDetails { width: 865px; float: left; margin: 0; padding: 1px 0 4px 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #777777; border-bottom: 3px solid #c8c8c8; }

.colorTeal { color: #0c7e7e; }

.languageArea { position: absolute; top: 90px; left: 200px; z-index: 4; }
.languageArea a { display: block; line-height: 17px; margin: 0; padding: 0 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #c5c5c5; background: #fff; }
.languageArea a:hover { display: block; line-height: 17px; margin: 0; padding: 0 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; background: #ddd; }
.languageArea a.selected { display: block; line-height: 17px; margin: 0; padding: 0 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; background: #ddd; }

.languageAreaInnerPage { position: absolute; top: 10px; left: 1159px; z-index: 4; }
.languageAreaInnerPage a { text-align: center; width: 26px; display: block; line-height: 25px; margin: 0; padding: 0 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #c5c5c5; background: #fff; }
.languageAreaInnerPage a:hover { text-align: center; width: 26px; display: block; line-height: 25px; margin: 0; padding: 0 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; background: #ddd; }
.languageAreaInnerPage a.selected { text-align: center; width: 26px; display: block; line-height: 25px; margin: 0; padding: 0 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; background: #ddd; }

.mainContent { margin: 0; width:1209px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #; }
.leftArea { width: 172px; margin: 0; padding: 0; float: left; }
.theCenterOfIt { width: 955px; margin: 0; padding: 0 0 0 32px; float: left; }

.searchBox { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3e3e3e; }
.searchBox form { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3e3e3e; }
.searchBox form input.textType { width: 139px; height: 18px; margin: 0; padding: 3px 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3e3e3e; float: left; background: #e1e1e1; }
.searchBox form input.submitType { width: 21px; height: 21px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3e3e3e; float: left; background: #e1e1e1 url(../img/arrow_right.jpg) 2px 2px no-repeat; }

.mainMenu { margin: 0; padding: 22px 0 40px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #686868; text-align: right; }
.mainMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #686868; text-align: right; }
.mainMenu ul li { margin: 0; padding: 0; line-height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #686868; text-align: right; }
.mainMenu ul li a { padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #686868; border-bottom: 1px solid #fff; }
.mainMenu ul li a:hover { padding-left: 5px; color: #109cdc; border-bottom: 2px solid #11b4ff; }

.facebook {  height: auto!important; min-height: 164px;  margin: 0 4px 0 0; padding: 4px; background: #fff; border: 0px solid #cecece; text-align: right; }

.welcomeTitle { margin: 0; padding: 0 0 9px; background: url(../img/light_grey_pixel.jpg) left 27px repeat-x; }
.bunVenitBg { width: 110PX; height: 32PX; margin: 0; padding: 0; background: url(../img/title_bun_venit.jpg) left top no-repeat; }
.theCenterOfIt .description { line-height: 17px; margin: 0 0 18px; padding: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #292929; background: #f2f2f2; }

.offerList { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; }
.offerBox { width: 145px; margin: 0; padding: 0 32px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; float: left; }
.offerBox .imageHolder { width: 104px; height: 92px; margin: 0 0 10px; padding: 1px 4px 4px 1px; background: url(../img/image_holder_bg.jpg) left top no-repeat; text-align: center; }
.offerBox ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; }
.offerBox ul li { line-height: 15px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; }
.offerBox ul li a { display: block; height: auto!important; min-height: 15px; height: 15px; padding: 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; border-bottom: 1px solid #fff; }
.offerBox ul li a:hover { display: block; height: auto!important; min-height: 15px; height: 15px; padding: 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #109cdc; border-bottom: 1px solid #11b4ff; }

.footer { margin: 0; padding: 25px 0 0 205px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #686868; }
.bottomMenu { height: auto!important; min-height: 13px; height: 13px; margin: 0; padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #686868; border-left: 4px solid #0c7e7e; }
.bottomMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #686868; }
.bottomMenu ul li { line-height: 13px; margin: 0; padding: 0 13px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #686868; float: left; }
.bottomMenu ul li a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #686868; }
.bottomMenu ul li a:hover { color: #0c7e7e; text-decoration: underline; }

.WebsiteDevelopment { width: 128px; margin: 0; padding: 0; font-size: 0; }
.WebsiteDevelopment h2 { width: 128px; height: 25px; margin: 0; padding: 0; font-size: 0; background: url(../img/logo_website_development.jpg) left top no-repeat; }
.WebsiteDevelopment h2 a { display: block; width: 128px; height: 25px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.tealCats { margin: 0 0 20px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #0c7e7e; }
.tealCats .rightBorder { height: auto!important; min-height: 12px; height: 12px; margin: 0; padding: 0 4px 0 0; background: url(../img/light_grey_bg_4px.jpg) right top repeat-y; }
.tealCats .bottomBorder { height: auto!important; min-height: 12px; height: 12px; margin: 0; padding: 0; background: url(../img/light_grey_bg_4px.jpg) left bottom repeat-x; }
.tealCats .bottomWhiteCorner { height: auto!important; min-height: 8px; height: 8px; margin: 0; padding: 0 0 4px 0; background: url(../img/white_bg_4px.jpg) left bottom no-repeat; }

.CatsList { margin: 0; padding: 5px 0 5px 66px; }
.Cat { width: 130px; margin: 0; padding: 0 10px 0 0; font-size: 12px; float: left; }
.Cat ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #0c7e7e; }
.Cat ul li { line-height: 15px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #0c7e7e; }
.Cat ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #0c7e7e; }
.Cat ul li a:hover { text-decoration: underline; }
.Cat .titleCat { margin: 0; padding: 0 0 7px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

.naviganionBar { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0c7e7e; }
.naviganionBar .productsTitle { height: 35px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0c7e7e; background: url(../img/light_grey_pixel.jpg) left 27px repeat-x; }
.naviganionBar .productsTitle h2 { margin: 0; padding: 0 44px 7px 0; border-bottom: 4px solid #0c7e7e; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0c7e7e; }
.naviganionBar a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0c7e7e; }
.naviganionBar a:hover { color: #474747; }

.productsList { margin: 0; padding: 11px 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686868; }
.productsList .ProdBox { width: 230px; margin: 0; padding: 0 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686868; }
.productsList .ProdBox .imageHolder { width: 420px; height:300px; margin: 0; padding: 0; text-align: center; }
.productsList .ProdBox .imageHolder img { vertical-align: top; }
.productsList .ProdBox .title { line-height: 37px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686868; text-align: center; }
.productsList .ProdBox .title a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #686868; }
.productsList .ProdBox .title a:hover { color: #0c7e7e; }

.lightGreySeparator { width: 100%; height: 1px; margin: 0 0 20px; padding: 0; font-size: 0; line-height: 0; background: #cfcfcf; }

.actualPage { margin: 0; padding: 27px 0 10px; }
.actualPage img { vertical-align: top; }

.detaliiProdus { height: auto!important; min-height: 12px; height: 12px; margin: 0; padding: 0; background: url(../img/light_grey_pixel.jpg) left 23px repeat-x; }
.detaliiProdus h2 { margin: 0; padding: 0 44px 7px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #777777; float:left; }
.detaliiProdus h3 { margin: 0; padding: 7px 44px 0 0; font-weight: normal; border-top: 4px solid #0c7e7e; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0c7e7e; }

.detaliiProdusLeft { width: 948px; margin: 0; padding: 0; float: left; }
.detaliiProdusRight { width: 156px; margin: 0; padding: 0; float: right; }
.detaliiProdusLeft .imageHolder { margin: 20px 0 20px 0; padding: 0; text-align: left; }

.galerieFoto { margin: 24px 0 0; padding: 0; background: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #777777; }
.galerieFoto .titlu { margin: 0; padding: 11px 0 25px 11px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #777777; }
.galerieFoto .imageHolder { margin: 0; padding: 0 0 34px; text-align: center; }
.galerieFoto .imageHolder img { vertical-align: middle; }
.galerieFoto .imageHolder a { display: block; }
.galerieFoto .downArrow { margin: 0; padding: 0 0 10px; text-align: center;  }
.galerieFoto .downArrow img { vertical-align: middle; }
.galerieFoto .downArrow a { display: block; }

.boxFirstPage{ background:url(../img/y_slide.jpg); background-repeat:repeat-y; background-position:right; width:399px;}
.boxFistPageBottom{ background:url(../img/x_slide.jpg); background-repeat:no-repeat; background-position:bottom; width:399px; height:6px;}
.contentFirstPage{ background:#FFF; padding:10px; width:376px;}
.textPosition{ padding-top:77px; position:relative; left:-140px;}