/* CSS Document */

body, form, p, input, select, texarea {margin: 0; font: 12px/15px Georgia, "Times New Roman", Times, serif; color: #333;}
/*\*/ html*body, form, p, input, select, texarea {margin: 0; font: 13px/15px Georgia, "Times New Roman", Times, serif; color: #333; .font: 12px/15px Georgia, "Times New Roman", Times, serif;}

h1, h2, h3, h4, h5 {font-weight: normal; margin: 0;}

h1 {font-size: 24px; line-height: 24px; padding-left: 16px;}
h2 {font-size: 19px; line-height: 19px; color: #bd6843;}

span.nowrap {white-space: nowrap;}

.clear {clear: both;}
.salmon {color: #bd6843;}


#main {width: 980px; margin: 0 auto; padding: 0 10px;}
#mainIntro {width: 714px; margin: 0 auto; padding: 20px 0; }

#top {clear: both; padding-top: 50px;}
#top .logo {display: block; float: left; background: url(../img/logo_forman.gif) no-repeat center; height: 70px; width: 248px;}
#top .logo span {display: none;}

#top #search {float: right; margin-bottom: 10px;}
#top #search input {border: 1px solid #e5e5e5; font: 12px Georgia, "Times New Roman", Times, serif; color: #333; padding: 3px; height: 14px; vertical-align: middle;}
#top #search input.btn {background: #999; color: #e5e5e5; text-transform: uppercase; font-size: 10px; height: 24px;}


#top #topMenu {float: right; background: url(../img/bck_menu.gif) no-repeat; width: 712px; margin: 0; padding: 0; list-style: none; height: 50px; .margin-top: -50px;}
#top #topMenu li {display: inline; margin: 0; padding: 0;}
#top #topMenu li a {display: block; height: 50px; float: left; background: url(../img/bck_menu.gif) no-repeat;}
#top #topMenu li a span {display: none;}

#top #topMenu li #home {width: 62px; background-position: 0 0;}
#top #topMenu li #home:hover, #top #topMenu li #home.active {background-position: 0 -50px;}
#top #topMenu li #about {width: 80px; background-position: -62px 0;}
#top #topMenu li #about:hover,#top #topMenu li #about.active  {background-position: -62px -50px;}
#top #topMenu li #account {width: 162px; background-position: -142px 0;}
#top #topMenu li #account:hover, #top #topMenu li #account.active {background-position: -142px -50px;}
#top #topMenu li #location {width: 81px; background-position: -304px 0;}
#top #topMenu li #location:hover, #top #topMenu li #location.active {background-position: -304px -50px;}
#top #topMenu li #press {width: 116px; background-position: -385px 0;}
#top #topMenu li #press:hover, #top #topMenu li #press.active {background-position: -385px -50px;}
#top #topMenu li #recruitment {width: 109px; background-position: -501px 0;}
#top #topMenu li #recruitment:hover, #top #topMenu li #recruitment.active {background-position: -501px -50px;}
#top #topMenu li #contact {width: 100px; background-position: -610px 0;}
#top #topMenu li #contact:hover, #top #topMenu li #contact.active {background-position: -610px -50px;}


.msg {border: 1px solid #ccc; padding: 10px 30px !important; color: #930; background: url(../img/icon_alert.gif) no-repeat 7px 12px #f7f7f7; margin-bottom: 3px;}


#middle {clear: both; padding: 10px; padding-top: 40px;}
#middle.home {}




#left {float: left; width: 250px;}

#left #leftMenu {margin: 0; padding: 0; background:url(../img/menu_tit_products.gif) no-repeat -7px 0; padding-top: 30px; margin-bottom: 25px; list-style: none; font: 11px/20px Georgia, "Times New Roman", Times, serif;}
#left #leftMenu li {padding-left: 23px; background: url(../img/bull_products.gif) no-repeat 12px 9px;}
#left #leftMenu a {color: #333; text-decoration: none;}
#left #leftMenu a:hover {color: #bd6843; text-decoration: none;}
 #left #leftMenu a.active {font-weight: bold;}
 
#left #leftMenu.about {background-image: url(../img/menu_tit_about_us.gif);}
#left #leftMenu ul {list-style: none; margin: 0; margin-left: -40px; .margin-left: 0;}
#left #leftMenu li li {margin: 0;}
#left #leftMenu li.divide { background: url(../img/menu_div.gif) no-repeat top left; margin-top: 20px; padding-top: 20px;} 


#left #leftOtherOptions {margin: 0; padding: 0; list-style: none; background: url(../img/menu_div.gif) no-repeat top left; padding-top: 10px; margin-left: -10px;}
#left #leftOtherOptions li {margin: 0; padding: 0; background: url(../img/menu_div.gif) no-repeat bottom left; height: 45px;}
#left #leftOtherOptions li #bespoke_kitchen_products {display: block; background: url(../img/menu_tit_bespoke.gif) no-repeat 2px 1px; height: 40px;}
#left #leftOtherOptions li #packs {display: block; background:url(../img/menu_tit_retail_pack.gif) no-repeat 2px 1px; height: 40px;}
#left #leftOtherOptions li a span {display: none;}


#left .banner {background: url(../img/bck_banner_left.gif) repeat-x #d3d3d3; width: 217px; padding: 10px 0 20px; margin: 15px 0;  text-align: center; position: relative; .margin-top: 15px;}
#left .banner .title {margin: 5px 0 10px; .margin-bottom: 7px;}
#left .banner .image {border: 1px solid #fff; margin-bottom: 10px;}
#left .banner .txt {font-size: 11px; padding: 0 5px;}
#left .banner .tit {color: #bd6843; font-size: 19px; line-height: 22px; margin: 3px 0 5px;}
#left .banner .tit a {color: #bd6843; text-decoration: none; padding-right: 10px;}
#left .banner .tit a:hover {color: #666;}


#left .bannerSmall {background: url(../img/bck_banner_left.gif) repeat-x #d3d3d3; width: 217px; padding:  10px 0; text-align: center; float: left; margin-top: 15px;}
#left .bannerSmall .txt {font-size: 11px; line-height: 15px; padding: 0 5px;}
#left .bannerSmall .image {border: 1px solid #fff; margin-bottom: 8px;}
#left .bannerSmall .title {margin: 0 0 7px;}
#left .bannerSmall a {text-decoration: none; color: #333;}
#left .bannerSmall a:hover {color: #666;}

#left .bannerSmall#factory {background: url(../img/bck_banner_factory.gif) repeat-x #212753 !important;}
#left .bannerSmall#factory p {color: #fff !important; font-size: 11px; line-height: 15px; padding: 0 5px;}
#left .bannerSmall#factory .image {border: 0;}
#left .bannerSmall#factory a {text-decoration: none; color: #fff;}
#left .bannerSmall#factory a:hover {color: #ccc;}

#left .bannerSmall#webcam {background: url(../img/bck_webcam.gif) repeat-x #bebebe !important;}
#left .bannerSmall#webcam .image {border: 1px solid #666;}




#right {float: right; width: 707px; margin-right: -3px; margin-top: -2px; padding-bottom: 20px;}
#right.home {margin-top: -35px;}
#right.products {overflow: hidden; _height: 100%;}

#right #mainImage {float: left;}

#right #bannerFactory {background: url(../img/bck_banner_factory.gif) repeat-x #212753; color: #fff; height: 173px; clear: both; margin-top: 15px; position: relative;}
#right #bannerFactory .title {margin: 20px 0 10px -3px;}
#right #bannerFactory p {font-size: 11px; color: #fff; padding-right: 10px;}
#right #bannerFactory p.link {color: #6b7ba7; font-size: 19px; line-height: 22px; margin-top: 8px;} 
#right #bannerFactory p.link a {color: #6b7ba7; text-decoration: none;}
#right #bannerFactory p.link a:hover {color: #fff;}
#right #bannerFactory .image {float: left; margin-right: 15px;}


#right #featuredProduct {float: right; background: url(../img/tit_featured_product.gif) center 18px  no-repeat #f5f5f5; width: 256px; height: 338px; position: relative; text-align: center;}
#right #featuredProduct .image {margin-top: 50px; border: 1px solid #fff;}
#right #featuredProduct .tit {color: #bd6843; font-size: 19px; line-height: 22px; margin: 7px 0 5px;}
#right #featuredProduct .tit a {color: #bd6843; text-decoration: none;}
#right #featuredProduct .tit a:hover {color: #666;}
#right #featuredProduct .txt {font-size: 11px;}

#right #bannerWebcam {clear: both; background: url(../img/bck_webcam.gif) repeat-x #bcbcbc; border-top: 15px solid #fff; position: relative; height: 173px; z-index: 1;}
#right #bannerWebcam .tit {margin: 20px 0 10px 20px;}
#right #bannerWebcam p {margin-left: 20px; position: relative; z-index: 1000;}
#right #bannerWebcam .txt {font: 11px/15px Georgia, "Times New Roman", Times, serif !important; padding-right: 350px; margin-top: 3px; padding-left: 0 !important;}
#right #bannerWebcam .link {color: #bd6843; font-size: 19px; line-height: 22px; margin-top: 8px; padding-left: 0 !important;}
#right #bannerWebcam .link a {color: #bd6843; text-decoration: none;}
#right #bannerWebcam .link a:hover {color: #666;}
#right #bannerWebcam .image {position: absolute; top: 0; right: 0; z-index: 1;}



#right h1 {margin-bottom: 25px;}
#right .groupProducts {background: url(../img/bck_group_products.gif) repeat-x #e7e7e7; padding: 20px 0 30px; margin-top: 5px; overflow: hidden; _height: 100%; position: relative;}
#right .groupProducts h2 {padding-left: 20px;}
#right .groupProducts .bottom { background:url(../img/bck_bottom_long.gif) no-repeat #fff; position: absolute; height: 10px; bottom: -1px; right: -1px; width: 710px;}
#right .groupProducts .images {padding: 15px 0;}

#right .information {padding: 0 0 30px; margin-top: 5px; overflow: hidden; _height: 100%; position: relative;}
#right .information h2 {padding-left: 20px; margin-bottom: 15px;}
#right .information p {padding-left: 20px; margin: 0 0 15px 0; line-height: 21px !important;}
#right .information .bottom {background:url(../img/bck_bottom_long.gif) no-repeat #fff; position: absolute; height: 10px; bottom: -1px; right: -1px; width: 710px;}
#right .information img {}
#right div.left {padding-left: 20px; float: left; margin: 0 15px 5px 0;}
#right div.right {float: right; margin: 0 0 10px 15px;}
#right .information a {color: #bd6843;}
#right .information a:hover {color: #333; text-decoration: none;}

#right .information ol.search {line-height: 16px;}
#right .information ol.search li {margin-top: 15px;}



#right p.epigrafe {clear: both; margin-top: 6px; margin-left: -20px; font: 9px/14px Verdana, Arial, Helvetica, sans-serif !important; color: #bd6843;}

#right .information table.quotes {}
#right .information table.quotes td {}
#right .information table.quotes td.quote {background: url(../img/bck_quotes_2.gif) no-repeat; padding: 0 10px 0 15px;}
#right .information table.quotes td.quote p.quote {margin: 0; margin-bottom: 7px; padding: 0 !important; font: 14px Georgia, "Times New Roman", Times, serif; line-height: 16px !important;}
#right .information table.quotes td.quote p.author {margin: 0;padding: 0 !important; font: bold 9px/11px Verdana, Arial, Helvetica, sans-serif !important;}
#right .information table.quotes a img {border: 0;}
div.highslide-caption div.epigrafe {font: 9px/14px Verdana, Arial, Helvetica, sans-serif !important;}


#right .information .locationMap {width: 650px; height: 700px; padding-left: 20px; background: url(../img/img_location_1.gif) no-repeat right top;}


#right .information .zoom {float: left; margin-right: 15px; margin-left: 20px;}
#right .information .zoom img {border: 1px solid #e5e5e5; padding: 3px;}
#right .information .break {background: url(../img/bck_break.gif) center 15px no-repeat; clear: both; height: 30px; margin: 15px 0; padding-top: 20px; .padding: 0;}
#right .information.press .zoom {margin:0 15px;}


#images {width: 2818px !important; width:2822px;}
#images.noScroll {margin-left: -20px; .margin-left: 20px; _margin-left: 30px; width: 550px;}
#leftArrow {position: absolute; left: 10px; top: 50px; background: url(../img/img_arrow_left.gif) center no-repeat; height: 25px; width: 25px;}
#rightArrow {position: absolute; right: -50px; _right: -15px; top: 50px;  background: url(../img/img_arrow_right.gif) center no-repeat; height: 25px; width: 25px;}
.epigrafe p {font: 9px/14px Verdana, Arial, Helvetica, sans-serif; padding: 0 10px;}
.epigrafe .tit {font-weight: bold;}


#newaccount  {}
#newaccount td {vertical-align: top; padding: 4px 2px;}
#newaccount input, #newaccount textarea {border: 1px solid #e5e5e5; width: 220px; background: #fafafa; padding: 2px;}
#newaccount select {border: 1px solid #ccc; width: 226px;}
#newaccount input.btnOk {padding: 5px 15px; background:  #666; color: #fff; font-weight: bold; width: auto;}
#newaccount input.btnCancel {padding: 5px 15px; background:  #CCC; color: #666; width: auto;}




.webcam {position: relative; z-index: 1; padding-bottom: 40px; text-align: center;}
.webcam iframe  {border: 1px solid #e5e5e5;}
.webcam a img {border: 0;}
.webcam a {position: absolute; bottom: 0; right: 50px; z-index: 1000;}



#footer {clear: both; background:url(../img/bck_footer.gif) no-repeat center top; padding: 30px 0; width: 980px; margin: 0 auto;}
#footer .logo {float: left; vertical-align: middle; margin: 0 20px 0 35px;}
#footer p { font-size: 11px !important; line-height: 15px !important;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover {color: #bd6843;}

#footer .logoAcademy {float: right; margin-top: -5px; margin-right: 30px;}