/*Strong Vend CSS Document */ @import url("sIFR-print.css") print; @import url("sIFR-screen.css"); /*GLOBAL STYLES */ /* fix border around SWF in Firefox 3 */ object { outline:none; } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;} img{border:none;} a img {border: none;} fieldset {border:0;} caption, th {text-align:left;} h1, h2, h3, h5, h5, h6 {display:block;} h1{ font-size:17px; color:#5e3e2f;} h2{ font-size:15px;} h3{ font-size:15px;} h4{ font-size:15px; color:#010101; font-weight:bold;} h5{ font-size:12px; display:inline;} h6{ font-size:14px; margin:2px 0 3px 0;} h1.light-brown{ font-size:18px; color:#775f3d;} q:before, q:after {content:'';} address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;} address { display:table;} strong {font-weight: bold;} em {font-style: italic;} acronym {cursor:help; border-bottom:1px dotted;} .right{float:right;} .left{float:left;} .block{display:block;} .clear{ clear:both;} .dark-red{ color: #500000;} .orange{ color:#b26664;} .light-brown{color:#907c60;} .dark-brown{ color:#5b1010;} .brown{ color:#978479;} .small-font{ font-size:11px;} .grey-font{ color:#676360;} .success-font{ font-size:10px; color:#0066FF; text-align:left; margin-left:5px;} a{ color:#680202; text-decoration:underline;} a:hover{ text-decoration:none;} .light-grey-line{ background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:632px; margin:15px 0 10px 0; float:left;} .light-grey-line:after{ clear:both;} .light-brown-line{ background: url(../images/brown-dot.gif) repeat-x; height:3px; width:650px; margin:10px 0 10px 0; float:left;} .light-brown-line:after{clear:both;} #recyclable .light-brown-line{ margin-bottom:14px;} .lower{ margin-top:5px;} .star{ margin:2px 5px 0 0;} .print{ color:#aaa298; font-size:13px; text-decoration:underline; background:url(../images/ico-printer.gif) no-repeat 1px 5px; padding-left:25px; display:block; width:155px; height:25px;float:right; } .print a:hover{ text-decoration:none;} .download{ color:#aaa298; font-size:13px; text-decoration:underline; background:url(../images/ico-pdf.gif) no-repeat 2px 0px; padding-left:25px; display:block; height:25px; margin-bottom:20px;} .download a:hover{ text-decoration:none;} h3.r-light-brown { color:#907c60; text-align:left;} .r-dark-red {color: #500000; } .h-dark-red {color: #500000; } .h-light-brown { color:#907c60;} uppercase {text-transform:uppercase;} .red{color:#680202} body{background-color:#FFFFFF; background:url(../images/top-bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif;} /*FORM STYLES*/ form dt {float: left;clear: left;width: 120px;font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #696868;} form dd {margin: 0 0 0.5em 0em;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align:left;} #quote-form dd{float:left;} #contact-form dt{float:none;width:200px;} #contact-form dt{float:left;} #contact-form dd{float:left;width:242px;height:45px;} /*** structure ***/ #page{ width:950px;margin:0 auto;padding:0;} #header{ width: inherit; height:82px; position:relative;} #call-strongvend {width:161px; height:18px; background:url(../images/phone-number.gif) no-repeat; position:absolute; top:33px; right:8px;} #container{ width:inherit; font-size:14px; color:#000000; } #left-side{width:258px;float:left; } #right-side{width:692px;float:right; } #footer-bg{background:url(../images/footer-bg.gif) 0 0 repeat-x; width:100%; margin-top:29px;} #footer{ height:457px; font-size:11px; color:#8e6758; margin:0 auto; width:950px; padding:0 0 0 0; position:relative;} #footer .top{background:url(../images/dark-city.gif) no-repeat 259px 100%; height:74px;} .footer-line{background:url(../images/footer-dot.gif) repeat-x 100%; width:120px; height:10px; margin-bottom:13px;} #footer a{ color:#8e6758; font-size:11px; text-decoration:underline;} #footer a:hover{ text-decoration:none;} #footer ul,#footer li{margin:0; padding:0; list-style:none;} #footer .ukas{ margin:8px 0 0 116px} #footer .twitter{ margin:11px 0 0 244px;} .callbox{margin:20px 0 0 34px;font-size:22px;color:#6a140b;font-weight:bold; background-color:#f3efe7; border:1px solid #65625b;width:225px; height:31px; text-align:center; padding-top:7px;} .callbox .grey{color:#645954;} #dark-circle{position:absolute; top:55px; right:0px; z-index:5;} #footer .middle{margin:15px 0 0 36px; position:relative; z-index:10; } #footer .middle .links h5{display:block;margin-bottom:8px;} #footer .middle .block1{width:257px;} #footer .middle .block2{width:256px;} #footer .middle .block3{width:240px;} #footer .middle .links li{margin-bottom:6px;} #footer .middle .links li a{color:#000;font-size:10px;} #footer .middle .other li{margin-bottom:4px;} #footer .middle .other a{color:#645954; font-weight:bold; font-size:12px;} #footer .bottom{font-size:10px; width:883px; color:#fff; background:url(../images/footer-logo.gif) no-repeat 100% 0; position:absolute; bottom:6px; left:34px; margin:0;} /*-- logo --*/ #logo{ background: url(../images/strong-vend-logo.gif) no-repeat; width:250px; height:60px; margin:19px 0 0 11px; float:left;} #logo { overflow:hidden; text-indent:-9999px;} #logo a{ display:block;} #print-logo{ display:none; visibility:hidden; overflow:hidden;} /*-- top navigation --*/ #top-nav{width:585px;height:15px; display:inline; float:right; top:61px; right:8px;position:relative;} #top-nav li{display:inline; list-style:none;} #top-nav a{background: url(../images/coffee-vending-nav.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-999px; float:left;height:15px;} #nav-home a{background-position:0px 0px;width:44px;} #nav-home a:hover, .home-active #nav-home a{background-position:0px -15px; } #nav-about a{background-position:-44px 0px;width:69px;} #nav-about a:hover, .about-active #nav-about a{background-position:-44px -15px; } #nav-services a{background-position:-113px 0px;width:61px;} #nav-services a:hover, .services-active #nav-services a{background-position:-113px -15px; } #nav-products a{background-position:-174px 0px;width:106px;} #nav-products a:hover, .nav-bean-active #nav-products a, .nav-vending-active #nav-products a, .nav-drinks-active #nav-products a, .nav-snack-active #nav-products a, .nav-cans-active #nav-products a, .nav-water-active #nav-products a, .nav-cups-active #nav-products a, .nav-accessories-active #nav-products a, .nav-all-products-active #nav-products a{background-position:-174px -15px; } #nav-brands a{background-position:-280px 0px;width:127px;} #nav-brands a:hover, .nav-brands-active #nav-brands a{background-position:-280px -15px; } #nav-news a{background-position:-407px 0px;width:106px;} #nav-news a:hover, .nav-news-active #nav-news a{background-position:-407px -15px; } #nav-contact a{background-position:-513px 0px;width:72px;} #nav-contact a:hover, .nav-contact-active #nav-contact a{background-position:-513px -15px; } /*** container ***/ /*-- left navigation --*/ #left-nav{ list-style-type:none;width: inherit;height:227px;background: url(../images/left-nav.gif) no-repeat; float:left;} #left-nav li{vertical-align:middle;margin:0; padding:0;text-align:left;} #left-nav a{background: url(../images/left-nav.gif) no-repeat;display:block;z-index:999;overflow:hidden;text-indent:-999px; width:258px; } #nav-bean a{height:55px;background-position:0px 0px; } #nav-bean a:hover, .nav-bean-active #nav-bean a{background-position:-258px 0px; } #nav-vending a{height:23px;background-position:0px -55px; } #nav-vending a:hover, .nav-vending-active #nav-vending a{background-position:-258px -55px; } #nav-drinks a{height:24px; background-position:0px -78px; } #nav-drinks a:hover, .nav-drinks-active #nav-drinks a{background-position:-258px -78px; } #nav-snack a{height:23px; background-position:0px -102px; } #nav-snack a:hover, .nav-snack-active #nav-snack a{background-position:-258px -102px; } #nav-cans a{height:23px; background-position:0px -125px; } #nav-cans a:hover, .nav-cans-active #nav-cans a{background-position:-258px -125px; } #nav-water a{height:23px; background-position:0px -148px; } #nav-water a:hover, .nav-water-active #nav-water a{background-position:-258px -148px; } #nav-cups a{height:23px; background-position:0px -171px; } #nav-cups a:hover, .nav-cups-active #nav-cups a{background-position:-258px -171px; } #nav-accessories a{height:34px; background-position:0px -194px; } #nav-accessories a:hover, .nav-accessories-active #nav-accessories a{background-position:-258px -194px; } .nav-bottom-line{ width:258px; background:url(../images/brown-dot.gif) repeat-x; height:3px; float:left;} /*--- select environment ---*/ #environment{ width:258px; padding-top:10px; margin-bottom:17px; background:url(../images/pink-bg.gif) repeat-x; text-align:center;} #environment-text{ padding:0 25px 0 25px;height:30px;text-align:center;} #selecttext{ background:url(../images/select-environment.gif) no-repeat center; text-indent:-999px; z-index:999; overflow:hidden;} .environment{ width:258px; padding-top:3px; float:left; margin-bottom:15px;} #environment-list{ list-style-type:none;width: 101px;height:94px;background: url(../images/environment-list.gif) no-repeat; float:left;margin-left:23px; margin-top:13px;} #environment-listli{vertical-align:middle;margin:0; padding:0;text-align:left;} #environment-list a{background: url(../images/environment-list.gif) no-repeat;display:block;z-index:999;overflow:hidden;text-indent:-999px; width:101px; } #li-executive a{height:20px; background-position:0px 0px;} #li-executive a:hover{background-position:-101px 0px;} #li-kitchen a{ height:20px; background-position:0px -20px;} #li-kitchen a:hover{background-position:-101px -20px;} #li-general a{ height:20px; background-position:0px -40px;} #li-general a:hover{background-position:-101px -40px;} #li-breakout a{ height:18px; background-position:0px -60px;} #li-breakout a:hover{background-position:-101px -60px;} #li-moving a{ height:14px; background-position:0px -78px;} #li-moving a:hover{background-position:-101px -78px;} .man-on-cup{ margin-top:8px;} .click-to-see{ width:141px; font-size:10px; color:#acaaa9; text-align:center; padding:8px 0 8px 64px; } #environmentSelect{ border:1px solid #a79b95; font-size:11px; color:#7d7156; width:175px; height:18px; float:left; margin:0 3px 10px 24px;} #profile-text-0{ background:url(../images/executive-office.gif) no-repeat center;} #profile-text-1{ background:url(../images/kitchens-text.gif) no-repeat center;} #profile-text-2{ background:url(../images/general-office-text.gif) no-repeat center;} #profile-text-3{ background:url(../images/breakout-area-text.gif) no-repeat center;} #profile-text-4{ background:url(../images/moving-office-text.gif) no-repeat center;} .profile-text{text-indent:-999px; z-index:999; overflow:hidden; width: 256px; height:35px;} .environment #go-bt{ margin-top:-2px;} .left-banner a{width:206px; height:61px; display:block; margin:5px 0 5px 24px; float:left;} .left-banner a{text-indent:-999px; z-index:999; overflow:hidden;} #all-machines{ background:url(../images/lef-all-machine.gif) no-repeat; } #recyclable-cups{ background:url(../images/left-recyclable-cups.gif);} #our-services{ background:url(../images/left-services.gif) no-repeat;} #ethical-trading{ background:url(../images/left-ethical-trading.gif) no-repeat;} #ingredients{ background:url(../images/left-ingredients.gif) no-repeat;} #go-bt{ border:0 none;} .left-products-block{font-size:13px; width:258px; color:#010000;float:left; margin:15px 0 15px 0px;} .left-products-block img{ float:left; margin-right:18px;} img.home-phone{float:none;margin-right:0px;text-align:center;} .left-products-block h4{ margin:0 0 5px 0; width:182px;} .recyclable-cup{ margin-left:12px;} .apple{ margin-left:7px; margin-bottom:5px; } img.lavazza-coffee{margin-right:13px;} /*-- top banner --*/ .home-banner{ width: inherit; height:227px; background:url(../images/home-banner.gif) no-repeat left top; padding-top:1px; z-index:1;} .home-banner h2, .home-banner p{ overflow:hidden; text-indent:-999px;} .home-banner object { z-index:1; } .top-banner{width:689px; height:126px; text-align:right;} #banner-about{background:url(../images/top-banner-about-bg.jpg) no-repeat top left;} #banner-royal{background:url(../images/top-banner-royal.jpg) no-repeat top left;} #banner-history{background:url(../images/top-banner-history.jpg) no-repeat top left;} #banner-careers{background:url(../images/top-banner-careers.jpg) no-repeat top left;} #banner-ethical{background:url(../images/top-banner-ethical.jpg) no-repeat top left;} #banner-healthy{background:url(../images/top-banner-healthy.jpg) no-repeat top left;} #banner-services{ background:url(../images/top-banner-services.jpg) no-repeat top left;} #banner-renting{ background:url(../images/top-banner-rent.jpg) no-repeat top left;} #banner-sales{ background: url(../images/top-banner-sales.jpg) no-repeat top left;} #banner-maintenance{ background: url(../images/top-banner-maintenance.jpg) no-repeat top left;} #banner-installation{ background: url(../images/top-banner-installation.jpg) no-repeat top left;} #banner-delivery{ background: url(../images/top-banner-delivery.jpg) no-repeat top left;} #banner-customization{ background: url(../images/top-banner-customization.jpg) no-repeat top left;} #banner-bean{background: url(../images/top-banner-bean-to-cup.jpg) no-repeat top left;} #banner-vending{background: url(../images/top-banner-coffee-vending.jpg) no-repeat top left;;} #banner-drink{background: url(../images/top-banner-hot-cold-drinks.jpg) no-repeat top left;;} #banner-snack{background: url(../images/top-banner-snack-vending.jpg) no-repeat top left;;} #banner-can{background: url(../images/top-banner-can-vending.jpg) no-repeat top left;;} #banner-water{background: url(../images/top-banner-water-cooler.jpg) no-repeat top left;;} #banner-cups{background: url(../images/top-banner-recyclable-cups.jpg) no-repeat top left;;} #banner-accessories{background: url(../images/top-banner-coffee-accessories.jpg) no-repeat top left;;} #banner-category{background: url(../images/vending-categories.jpg) no-repeat top left;} #banner-news {background: url(../images/top-banner-news-press.jpg) no-repeat top left;} #banner-contact {background: url(../images/top-banner-contact-vending-experts.jpg) no-repeat top left;} #banner-brands {background: url(../images/top-banner-ingredients.jpg) no-repeat top left;} #banner-executive {background: url(../images/top-banner-executive.jpg) no-repeat top left;} #banner-kitchen {background: url(../images/top-banner-kitchen.jpg) no-repeat top left;} #banner-general {background: url(../images/top-banner-general-office.jpg) no-repeat top left;} #banner-breakout {background: url(../images/top-banner-breakout.jpg) no-repeat top left;} #banner-moving {background: url(../images/top-banner-moving.jpg) no-repeat top left;} .banner-text{ margin:15px 15px 0 0; text-align:right; float:right;} #about-banner-text,#about-overview-text,#bean-machine-text{ width:340px;} #about-warrant-text{ width:270px;} #about-careers-text{ width:290px;} #about-ethical-text,#about-healthy-text{ width:330px; } #coffee-vending-text{ width:280px;} #snack-vending-text{ width:300px;} #can-vending-text{ width:256px;} #cups-text{ width:314px;} .water-text{ width:270px;} #accessories-text{ width:335px;} /*-- content --*/ .content{ width:652px; margin:15px 0 0 40px; text-align:justify;} .content p{ line-height:17px; margin-bottom:15px;} .about-content p{ text-align:justify;} #history p, #installation p, #delivery p{ width:443px;} #overview p{ width:442px;} .healthy-content{ width:420px;} .home.content{ margin-left:39px;} /*** home page ***/ /*--- left news block ---*/ #left-news-block{ float:left;font-size:12px; color:#010000; margin:13px 9px -6px 16px; line-height:18px;} #left-news-block h4{margin:0 0 9px 0; width:180px; background:url(../images/ico-news.gif) no-repeat right center;} #left-news-block a{ text-decoration:underline;line-height:18px;} #left-news-block p{ margin-bottom:18px;} #left-news-block a:hover{ text-decoration:none;} #latest-news-text{ overflow:hidden; text-indent:-9999px; z-index:999; width:158px; height:13px;} #latest-news-text a { background:url(../images/latest-news.gif) no-repeat 0 0; display:block;} #latest-news-text a:hover{ background:url(../images/latest-news.gif) no-repeat 0 -13px;} /*--- left monkey block ---*/ #left-monkey{ float:left; width:259px; font-size:13px; margin-top:10px;margin-bottom:10px; line-height:16px;} .monkey-text{ width:175px; float:left;} #left-monkey img{ float:left; margin-right:8px;} #ethical-traders-text{margin-top:10px; margin-bottom:5px;overflow:hidden; text-indent:-9999px; z-index:999;} #ethical-traders-text a{background: url(../images/ethical-traders.gif) no-repeat 0 0; width:109px; height:13px; display:block;overflow:hidden; text-indent:-9999px; z-index:999; } #ethical-traders-text a:hover{background-position: 0 -13px; } #left-monkey p{ clear:left; text-align:left;} #left-monkey a{ color:#000000; text-decoration:underline;} #left-monkey a:hover{ color:#500000; text-decoration:underline;} /*--- right content---*/ .home-block{width:486px; text-align:justify; line-height:17px;} .home-block p{ line-height:17px; margin-bottom:15px;} .coffee-cup{ margin:-9px 45px 0 0;} .products-block{width:641px; height:181px; background: url(../images/products-bg.gif) repeat-x; margin:21px 0 29px 0;} /*--- machine scroll ---*/ #product-wrapper p{ text-align:justify; margin-bottom:13px; line-height:16px;} #machine1 img{float:left; margin:0 27px 0 7px;} #machine2 img{float:left; margin:0 20px 0 20px;} #machine3 img{float:left; margin:0 10px 0 10px;} #product-wrapper a{ color:#9e0606; text-decoration:underline; padding-left:24px;} .featuredvideo {margin-bottom:0;} .featuredvideo a{background:url(../images/ico-film.gif) no-repeat 1px 2px;} .featured3d { margin:0;} .featured3d a{background:url(../images/ico-3d.gif) no-repeat 1px 0; height:15px;} #product-wrapper a:hover{ text-decoration:none;} #product-wrapper { font-size:13px; margin: 20px auto; overflow: hidden; height: 150px; width: 472px; position: relative; } #product-inner { width: 2270px; height: 1704px; position: relative; } #product-inner p{ margin-top:7px;} .scrolling-content { background: transparent top left no-repeat; width: 469px; height: 80px; position: absolute; } #machine1{top:0px; left:0px;} #machine2{top:0px; left:472px} #machine3{top:0px; left:944px;} #machine4{top:0px; left:1416px } /*-- product navigation --*/ #product-nav{ width:117px; height:104px; margin:25px 25px 0 0; font-size:11px;} #product-nav p{ margin-left:0px; line-height:13px; text-align:left; } #product-nav-list{width:110px;height:17px; display:inline; float:left; margin:5px 0 13px 2px;} #product-nav-list li{display:inline; list-style:none;} #product-nav-list a{background: url(../images/product-nav.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-999px; float:left;height:17px;} #product-0 a{width:12px;background-position:0px 0px; } #product-0 a:hover, .active-product #product-0{background-position:0px -17px; } #product-1 a{width:21px;background-position:-12px 0px; } #product-1 a:hover, #product-1.active-product a{background-position:-12px -17px; } #product-2 a{width:21px;background-position:-33px 0px; } #product-2 a:hover, #product-2.active-product a{background-position:-33px -17px; } #product-3 a{width:21px;background-position:-54px 0px; } #product-3 a:hover, #product-3.active-product a{background-position:-54px -17px; } #product-4 a{width:21px;background-position:-75px 0px; } #product-4 a:hover, #product-4.active-product a{background-position:-75px -17px; } #product-5 a{width:12px;background-position:-96px 0px; } #product-5 a:hover{background-position:-96px -17px; } .featured-title {background: url(../images/featured-machines.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-9999px; float:left;height:19px; width:117px;} /*--- home bottom ---*/ .home-bottom-block{ font-size:13px;text-align:justify; margin-bottom:20px; } .home-bottom-block img{margin:0px 11px 0 -2px;} .home-bottom-block p a{ color:#000000; text-decoration: underline;} .home-bottom-block p a:hover{ text-decoration: underline; color:#500000;} .home-bottom-block h4{ margin-top:10px; margin-bottom:1px;} .home-bottom-block p{ clear:left; line-height:16px;} .home-bottom-text1 { float:left; width:197px;} .home-bottom-text2 { float:left; width:226px;} #home-cup{width:274px;} #recyclable-cups-text{ overflow:hidden; text-indent:-9999px; z-index:999;} #recyclable-cups-text a{ background:url(../images/recyclable-cups-with-logo.gif) no-repeat 0 0; width:158px; height:35px; display:block;} #recyclable-cups-text a:hover{ background-position: 0 -35px;} #home-business{ width:332px;margin-left:35px;} #london-business{ overflow:hidden; text-indent:-9999px; z-index:999;} #london-business a{ background: url(../images/london-based-business.gif) no-repeat 0 0; width:180px; height:13px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;} #london-business a:hover{ background-position: 0 -13px;} /*** about page ***/ .about-list{ color:#680202; font-size:13px; margin:3px 0 0 0; float:left;} .about-list .active{color:#82807e; } .about-list a{ color:#680202; text-decoration:underline;} .about-list a:hover{text-decoration:none;} .coffee-girl{ margin-right:18px; margin-top:-13px;} .timeline{ margin-right:15px; margin-top:-20px;} .warrant{ margin:30px 10px;} .ethical-partner{ margin-right:20px;} .title-plus{ margin:7px 9px 0 0 ;} #a-warrant{ margin-top:7px;} .grey-line-short{ background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:440px; float:left;} .bottom{ margin:4px 0 20px 0;} .top{margin:5px 0 4px 0;} /*--- careers ---*/ #cv-block{ width:169px; border:1px solid #e4ded5;float:right; background:url(../images/send-cv.gif) no-repeat 32% 5%; background-color:#f2ece6; padding-top:55px; padding-bottom:15px; margin-right:15px;} #cv-block .field{ border:1px solid #a0856d; width:134px; height:20px; font-size:12px; color:#8b8884; margin:5px 0 5px 13px; padding:5px 0 0 8px;} #cv-block .short-field{ border:1px solid #a0856d; width:64px; height:20px; font-size:12px; color:#8b8884; margin:5px 0 5px 13px; padding:5px 0 0 8px;} #cv-block .spam-img{border:1px solid #a0856d;margin:5px 0 5px 8px;} #cv-block .spam-help{ padding:0 13px 0 13px; text-align:left;} .submit-cv-bt{ margin:15px 0 0 13px;} .cv-list{ list-style-type:none; margin:10px 0 25px 9px; padding:0;} .cv-list li{ background:url(../images/cv-list.gif) no-repeat center left; padding: 0 0 0 15px; margin:4px 0 4px 0;} .error-list{ font-size:10px; color:#990000; list-style-type:none;} .error-list li{ padding-left:8px;} /*--- ethical trading ---*/ .ethical-title{width:438px; height:25px; float:left;} .ethical-title img{ float:left; margin:5px 8px 0 0;} .ethical-content{ padding:10px 0 20px 0; float:left;} .ethical-content p{ line-height:23px;} .etp p img{ margin:0px 25px 5px 0;} .ethical-list{ list-style-type:none; margin:0px 0 15px 10px; padding:0;} .ethical-list li{ background:url(../images/cv-list.gif) no-repeat 0 7px; padding: 0 0 0 15px; margin:0 0 10px 0; line-height:23px;} .tierra-logo{ float:left; margin:10px 5px 10px 5px;} .grower{ margin-left:24px;} .monkeyfilm {margin-left:24px; border:1px solid #333333;} .lavazza{ margin-right:25px;} .paper-round{ margin:0 26px 190px 0;} /*--- healty option ---*/ .healthy-content p{ margin-top:10px; line-height:23px;} .evian{ margin:80px 35px 0 0;} .healthy-list{ list-style-type:none; margin:5px 0 15px 15px; padding:0; text-align:justify;} .healthy-list li{ background:url(../images/cv-list.gif) no-repeat 0 7px; padding: 0 0 0 17px; margin:0 0 10px 0; line-height:20px;} /*--- royal warrant ---*/ #warrant-block{ padding-bottom:5px;} /*** services ***/ #service-feature{ background:url(../images/services-list-bg.gif) no-repeat; width:170px; height:327px; font-size:12px; float:right; margin:5px 18px 0 0;} #use-strong-vend{ overflow:hidden; text-indent:-9999px; background:url(../images/why-use-strong-vend.gif) no-repeat; width:151px; height:30px; margin:10px 0 0 8px;} #service-list{ list-style-image:url(../images/service-list.gif); list-style-position:inside; color:#3c1f12; margin:12px 10px 0 10px; text-align:left;} #service-list li{ margin: 0 0 12px 0px; } /*--- renting ---*/ #rent-list{ list-style-type:none; margin:5px 0 0 0; padding:0; text-align:justify; width:425px; float:left;} #rent-list li{ background:url(../images/ico-check.gif) no-repeat 0 50%; padding: 0 0 0 19px; margin:0 0 10px 0; line-height:20px;} #rent-quote{ width:170px; height:367px; border:1px solid #e3deda; background:url(../images/rent-quote-bg.gif) repeat-x top;background-color:#F1ECE6; float:right; margin-right:22px; margin-top:10px; font-size:11px; color:#8f1719;} #request-quote{ text-indent:-9999px; background:url(../images/request-a-quote.gif) no-repeat; width:145px; height:17px; margin:10px 0 13px 9px;} #rent-quote .field{ border:1px solid #a0856d; width:125px; height:15px; font-size:11px; color:#8b8884; margin:0 0 9px 23px; padding:3px 0 0 8px;} #solution{ float:left;margin-left:17px; margin-bottom:10px;} .check-box{margin:0 0 8px 26px; float:left;} .check-box input{margin:0 5px 0 0} #submit-bt{ margin-left:26px; margin-top:10px; } .guarantee{margin:3px 0 28px 30px;} .installation{ margin:20px 40px 0 0;} .delivery1{ margin:7px 8px 12px 0;} .delivery2{ margin-right:8px;} #upload-logo{ background:url(../images/customzation.jpg) no-repeat; width:151px; height:301px; float:right; margin:8px 18px 0 0;} #upload-logo-cups{ background:url(../images/customisation-cups.gif) no-repeat; width:166px; height:162px; float:right; margin:8px 18px 0 0;} #user-logo{ width:94px; height:130px; float:left; margin:5px 0 0 6px;} #user-logo2{ width:62px; height:48px; float:left; margin:0;} #upload_target{ width:112px; height:143px; float:left; margin:3px 0 0 6px; border:0; padding:0;} #upload_target2{ width:62px; height:48px; float:left; margin:71px 0 0 45px; border:0; padding:0;} #upload_target2 img {padding:0; margin:0; vertical-align:middle;} .CupUpload {max-height: 48px;max-width: 62px;} #upload_form{ float:right; margin-right:11px; width:158px;} #upload_form input{ margin-top:12px; float:left;} #upload-text{ color:#5b1010; font-size:9px; float:right; width:57px; margin:12px 0 0 5px;} /*** bean to coffee ***/ .machine-block{ width:320px; margin:5px 0px 5px 0;font-size:13px; } .machine-block.wide{ width:320px;} .machine-block img{ float:left; margin-right:10px;} .machine-block-text{ float:left; width:205px; margin:10px 0 0 0;} .machine-block-text.wide{ width:205px;} .machine-block-text p{ margin-top:5px; text-align:justify;} .machine-block-text a{ color:#000000; text-decoration:underline;} .machine-block-text a:hover{text-decoration:none;} .accessorise-banner{ width:281px; margin:10px 0px 5px 0px;font-size:13px; height:128px; background:url(../images/bean-to-cup-machine-banner.jpg) no-repeat 0 0;} .accessorise-banner p {width:110px; text-align:left; margin-top:15px;} .accessorise-machine-content {margin:12px 0 0 9px;} .machine{ width:478px;} .machine-title{width:477px; height:25px; float:left;} .machine-title img{ float:left; margin:5px 8px 0 0;} .machine-content{ clear:both; float:left; margin-bottom:27px;} .machine-content p{line-height:17px; margin-top:10px; padding-left:15px; margin-bottom:5px;} .machine-slim{ margin-left:10px; padding-right:8px;} .grey-machine-line{background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:474px; float:left;} /*--- brands ---*/ #brands #accordion{ margin-top:18px;} .brand-title{width:633px; height:25px; float:left;} .brand-title img{ float:left; margin:5px 3px 0 0;} .brand-content{float:left;} .brand-content p{line-height:17px; width:468px;text-align:justify; float:left;} .brand-img{float:left;width:633px; margin:5px 0 5px 0; vertical-align:middle;} .brand-img img{ margin-right:13px; float:left; } .big-snack{ margin:10px 0 28px 0;} .grey-brand-line{background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:633px; float:left;} .bottom1{ margin-top:1px; margin-bottom:18px;} p.lavazza{ margin-top:5px;} p.cadbury{ margin-top:10px; margin-bottom:40px;} /*--- products ---*/ .back-link{ color:#680202; font-size:13px; margin-right:15px;} #image-zoom{ float:left;} .zoom-nav{ margin:10px 0 10px 30px;} .zoom-nav a{ width:12px; height:17px; display:block; margin:0 2px 0 2px; color:#FFFFFF; float:left; font-size:10px; text-decoration:none; padding:5px 0 0 5px;} .zoom-nav a:hover{background:url(../images/zoom-on.gif) no-repeat center;} .zoom-on{ background:url(../images/zoom-on.gif) no-repeat center;} .zoom-off{ background:url(../images/zoom-off.gif) no-repeat center;} .zoom-product{ font-size:12px; color:#680202; background:url(../images/ico-zoom.gif) no-repeat 1px 2px; padding-left:30px; display:block; width:80px; height:25px; margin-left:10px; } .feature-list{ list-style-type:none; margin:15px 0 15px 9px; padding:0;} .feature-list li{ background:url(../images/cv-list.gif) no-repeat center left; padding: 0 0 0 15px; margin:4px 0 4px 0;} #quoteform{ margin-top:10px;} #quote-form{ color:#807b73; font-size:13px; margin:5px 10px 0 20px;text-align:left;} #quote-form .text-field{ border:1px solid #d2c4b4; height:23px; padding:4px 8px 0; font-size:13px; color:#898279; background:url("../images/enquiry_field_bg.jpg") repeat-x scroll 0 0 transparent;} #quote-form .secure-details {font-size:10px; width:135px; position:relative; top:-32px; left:126px;} #quote-form .select-field{width:190px;height:23px;border:1px solid #d2c4b4; color:#898279;} #quote-form dt{ vertical-align:middle; padding-top:5px; } .ingredient-check span{margin:5px 0;display:block;} .ingredient-check div{width:114px;} .logo-right{width:145px;margin-right:35px;float:right;text-align:left;} .logo-right a{font-size:11px; color:#868787;margin-bottom:20px;} .logo-right img{margin:7px 0;} dd.check-lable{ text-align:center; height:21px; } .check-field{margin:0 5px 0 0;width:15px;height:15px;vertical-align:middle;} .spam-img{ border:1px solid #d2c4b4; margin-left:10px;} .spam-label{ height:30px;} #served_people{margin-left:20px;width:150px;} .similar-products{ float:right; width:477px;} .similar-block{ margin:5px 30px 5px 0px;} .similar-block img{ margin-top:10px;} .similar-block h3{font-size:15px; color:#500000;text-align:center;} .accessorise-products{ float:right; width:477px;} .similar-break{ float:right; width:477px; margin:15px 0;} .accessorise-block{ margin:5px 20px 5px 0px;} .accessorise-block img{ float:left; margin-top:10px;} /*** snack ***/ /*** recyclable cups ***/ #recyclable h1{ margin-top:8px;} #recyclable p{ line-height:18px;} #recyclable {margin-bottom:15px;} #cups-right-content{ width:440px;} .quote-plus{ margin:7px 17px 0 0 ;} .quote{ margin:7px 7px 0 0 ;} /*** footer ***/ #footer-link{ float:right; vertical-align:middle; margin:17px 24px 0 0 ;} .footer-notice {color:#b1b1b1; font-size:10px;} #footer-phone {float:left; vertical-align:middle; margin:24px 0 0 35px;} /* AJAX */ .ajax-loading { padding: 30px 0 0 10px; background: url(../images/spinner.gif) no-repeat center ; } /* Categories Page */ .category-list {width:652px; position:relative; top:20px; list-style:none;} .category-bean, .category-coffee, .category-hot, .category-snack, .category-can, .category-water, .category-cups, .category-accessories {height:95px; margin-bottom:25px; width:288px; float:left; position:relative;} .category-bean h3 a, .category-coffee h3 a, .category-hot h3 a, .category-snack h3 a, .category-can h3 a, .category-water h3 a, .category-cups h3 a, .category-accessories h3 a { position:relative;margin-left: 11px; font-size:15px; text-decoration:none; top:9px; z-index:99;} .category-bean h3 a:hover, .category-coffee h3 a:hover, .category-hot h3 a:hover, .category-snack h3 a:hover, .category-can h3 a:hover, .category-water h3 a:hover, .category-cups h3 a:hover, .category-accessories h3 a:hover {text-decoration:underline;} .category-bean p, .category-coffee p, .category-hot p, .category-snack p, .category-can p, .category-water p, .category-cups p, .category-accessories p {color:#666262; font-size:13px; width:208px; margin-left:11px; top:14px; position:relative; z-index:99;} .leftcat{margin-right:59px;} .category-bean, .category-coffee { background:url(../images/category-coffee.gif) repeat-x;} .category-hot, .category-snack { background:url(../images/cat-hot-drinks.gif) repeat-x;} .category-can, .category-water { background:url(../images/category-water.gif) repeat-x;} .category-cups, .category-accessories { background:url(../images/category-recyclable-cups.gif) repeat-x;} .cat-gastro {position:absolute; z-index:0; top:-6px; left:231px;} .cat-mondo {position:absolute; z-index:0; top:-8px; left:227px;} .cat-arte {position:absolute; z-index:0; top:-2px; left:227px;} .cat-sigma {position:absolute; z-index:0; top:-5px; left:232px;} .cat-shopper {position:absolute; z-index:0; top:-3px; left:228px;} .cat-focus {position:absolute; z-index:0; top:-7px; left:227px;} .cat-vendo{position:absolute; z-index:0; top:-3px; left:232px;} .cat-bravilor {position:absolute; z-index:0; top:6px; left:221px;} .cat-3300 {position:absolute; z-index:0; top:-5px; left:231px;} .cat-recycle {position:absolute; z-index:0; top:-1px; left:232px;} .cat-tea-stand {position:absolute; z-index:0; top:-2px; left:238px;} .flashzoomed { margin-left:30px; margin-top:10px;} /*News and Press */ .news-title {width:425px;} .news-clear {clear:left; margin-top:6px;} .news-title a, .news-title a:visited {font-family:Arial, Helvetica, sans-serif; color:#5b1010; font-size:16px; text-decoration:underline; display:block;} .news-title a:hover {text-decoration:none;} .news-line {margin-top:5px;} .news-caption {float:right; font-size:13px; color:#807b73; margin-top:4px;} .news-date {color:#9d856b;} .news-summary img {margin-top:12px; float:left; margin-right:15px;} .news-summary p {font-size:14px; color:#000000; width:405px; float:left; margin-top:14px;} .news-image {margin:0px 15px 15px 0;} .news-headline {margin-bottom:13px;} .newscontent {width:520px;} .social-bookmarking {color:#807b73; font-size:13px;} .social-bookmarking p {margin:0 0 3px 0;} .social-bookmarking ul {margin:0; list-style:none;} .social-bookmarking li {list-style:none; float:left; margin-right:30px;} .social-bookmarking a {font-size:11px;} /*Contact Form */ .contact-page {width:500px;} .contact-form {margin:0; padding:0;} .contact-form #contact-form{ color:#807b73; font-size:13px; margin:0;} #contact-form .text-field{ border:1px solid #d2c4b4; height:21px; padding-top:3px; font-size:14px;} #contact-form select{width:235px;} #contact-form dt{ vertical-align:middle; padding-top:5px;float:left;height:35px;} .messagebox {width:232px;border:1px solid #d2c4b4; padding-top:3px; font-size:14px; height:100px;} dd.messagearea {height:108px;} .newsletter-receive {text-align:left;width:85px; display:block;} .quote-radio {padding-top:0px;margin-bottom:0px;} #quote{margin-left:0px;} .fill-field{width:488px;margin-top:10px;} .radioBox {margin:0 0 0 10px;} .spam-help {font-size:9px; height:25px;} .secure-details {font-size:10px; width:135px; position:relative; top:-32px; left:120px;} #address-feature{ background:#f1ece6 url(../images/address-bg.jpg) repeat-x; width:226px; height:292px; font-size:12px; float:right; margin:25px 16px 0 0; border:#e5dfd6 solid 1px;} #contact-title{ overflow:hidden; text-indent:-9999px; background:url(../images/contact-details.gif) no-repeat; width:169px; height:15px; margin:13px 0 0 24px;} .sv-address {margin:20px 0 0 18px; width:191px; color:#807b73;position:relative;} .sv-address img{position:absolute; top:27px; right:8px;} #overview .sv-address p {margin-bottom:10px; width:189px;} #map{width:425px; height:350px; position:relative;} .c-title{width:632px; height:20px; float:left;} .c-title h3{ display:block; float:left} .c-content{ position:relative; height:380px; width:455px; float:left;} /*Footer Pages */ .accessibility p {width:503px;} .sitemap ul {margin-left:20px; width:270px;} .sitemap li {font-weight:bold; font-size:15px; margin-bottom:10px; color:#680202; width:270px;} .sitemap a {font-weight:bold; font-size:15px;} .sitemapSub li {margin-bottom:4px;} .sitemapSub a {font-size:12px; font-weight:normal;} /*Brands*/ .brandssubcontent {width:503px;} .ingredients {margin-right:15px;} .launchbrand-footer p {left:19px; position:relative; font-size:13px;} .launchbrand-footer a {color:#7c7c7c; } #lavazza-footer {width:546px; height:91px; background:url(../images/lavazza-launch.jpg) no-repeat; position:relative;} #lavazza-footer p {top:36px;} #nescafe-footer {width:546px; height:81px; background:url(../images/nescafe-footer.gif) no-repeat; position:relative;} #nescafe-footer p {top:30px;} #twinings-footer {width:546px; height:80px; background:url(../images/twinings-launch.jpg) no-repeat; position:relative;} #twinings-footer p {top:30px;} #pgtips-footer {width:546px; height:109px; background:url(../images/pgtips-launch.jpg) no-repeat; position:relative;} #pgtips-footer p {top:52px; } #nairobi-footer {width:546px; height:72px; background:url(../images/nairobi-launch.jpg) no-repeat; position:relative;} #nairobi-footer p {top:25px; } #cadburys-footer {width:546px; height:78px; background:url(../images/cadburys-launch.jpg) no-repeat; position:relative;} #cadburys-footer p {top:30px; } /*accessories*/ .accessories-sub {color:#5E3E2F; font-weight:bold; font-size:15px;} #cta_london { width:258px; padding-top:10px; margin-bottom:17px; background:url(../images/cta-london-background.gif) repeat-x scroll 50% 0; } #cta_london img { margin-top:73px; float: left; margin-left:5px; } #cta_london h4 { float:right; margin-top: 45px; margin-bottom: 3px; width: 170px; margin-right: 10px; } #cta_london p { float:right; font-size: 12px; line-height: 16px; width: 170px; margin-right: 10px; } #cta_boss { width:258px; padding-bottom: 10px; } #cta_boss img { margin-top:10px; float: left; margin-left:5px; } #cta_boss h4 { float:right; margin-top: 10px; margin-bottom: 3px; width: 170px; margin-right: 10px; font-size: 15px; } #cta_boss p { float:right; font-size: 12px; line-height: 16px; width: 170px; margin-right: 10px; } .vary-ingredients{width:258px; float:left; margin:15px 0 5px 0; } .vary-ingredients h4 {float:right; margin:5px 0; width: 179px; font-size:15px;} .vary-ingredients p { float:right; font-size: 12px; line-height: 16px; width: 179px;} img.vary-based{margin-top:11px;} .vary-based p{width:180px;} #right-ingredients,#right-ingredients2,#free-quote,#based-london,#tell-boss{ overflow:hidden; text-indent:-9999px; z-index:999;} #right-ingredients a{ background: url(../images/right-ingredients.gif) no-repeat 0 0; width:200px; height:35px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;} #right-ingredients a:hover{ background-position: 0 -36px;} #right-ingredients2 a{ background: url(../images/text-right-ingredients.gif) no-repeat 0 0; width:179px; height:19px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;} #right-ingredients2 a:hover{ background-position: 0 -19px;} #free-quote a{ background: url(../images/text-free-quote.gif) no-repeat 0 0; width:126px; height:15px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;} #free-quote a:hover{ background-position: 0 -15px;} #based-london a{ background: url(../images/text-based-in-london.gif) no-repeat 0 0; width:130px; height:15px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;} #based-london a:hover{ background-position: 0 -15px;} #tell-boss a{ background: url(../images/text-tell-boss.gif) no-repeat 0 0; width:168px; height:18px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;} #tell-boss a:hover{ background-position: 0 -18px;} .error-box{padding:3px;} .error-field{background:url(../images/error.gif);} .error-field span{color:#C31109;font-weight:bold;} .checked-field{background:url(../images/ico-checked.gif) no-repeat 100% 4px; width:217px;} /*blog*/ #content{width:425px; float:left;} .blog-content .light-grey-line{width:100%;float:none; margin:10px 0 20px 0;} .right-blog{width:174px; float:right;font-size:13px; } #sidebar{ padding:18px 10px 5px 10px; margin-bottom:15px; width:153px; border:1px solid #e3deda; background:url(../images/rent-quote-bg.gif) repeat-x top;background-color:#F1ECE6;color:#8f1719;} #sidebar .light-grey-line{width:100%;float:none; margin:5px 0;} #sidebar ul,#sidebar li {margin:0; padding:0; list-style:none;} #sidebar li{margin-bottom:12px;} #sidebar ul{margin-left:11px;margin-bottom:30px;} .right-blog a{color:#9e0606;} .right-blog a:hover{text-decoration:none;} #sidebar h3{color:#99876d; font-size:18px; font-weight:normal;} .search-box{border:1px solid #dfd6cb; width:149px; height:20px; background-color:#fff;margin-bottom:15px;} #s{border:none; background-color:#fff; float:left; width:122px; height:15px;margin:4px 0 0 8px;} #searchsubmit{ border:none; background:url(../images/ico-search.gif) no-repeat; width:18px; height:18px;float:left;} .subscribe-rss{background:url(../images/ico-rss.gif) no-repeat 0 50%; width:85px; padding-left:37px; text-align:left; margin-left:10px; margin-bottom:15px;} .post h2{color:#6c0404; font-size:17px;margin:3px 0 8px 0;} .post h2 a{text-decoration:none;} .post h2 a:hover{text-decoration:underline;} .date{color:#7e7e7e;font-size:13px;} .postmetadata{background-color:#f1ece6;padding:7px 14px;font-size:13px;} .postmetadata a{color:#7e7e7e} .postmetadata span.left a{color:#9e0606; font-weight:bold;} .postmetadata span.right,.postmetadata span.right a{color:#7e7e7e;} h2.pagetitle{margin-bottom:20px;} .entry{margin-top:10px;} #respond h3, #comments{font-size:18px; color:#6c0404;} .post{margin-bottom:35px;} #submit{background:url(../images/submit-bt.gif) no-repeat; border:none;width:77px; height:27px;margin-top:15px;} #commentform{color:#7e7e7e; font-size:13px;} #commentform .text-field{ border:1px solid #d2c4b4; width:151px; height:20px; padding:2px 0 0 3px; font-size:14px;} #commentform #comment{width:183px; height:86px;margin-top:5px;} #commentform table{margin-top:20px;} #commentform td{padding-bottom:10px;} .fn, .fn .url{text-decoration:none;font-weight:bold; color:#7e7e7e;} .says{font-size:0;} .even{background-color:#fbfbfb;} .odd{background-color:#ebebeb;} .comment{font-size:13px;color:#7e7e7e;} .comment-author{float:left;margin-bottom:8px;} .comment-body p{clear:both;} .commentlist{list-style:none;} .comment-meta{text-decoration:none; float:right;} .comment-meta a{text-decoration:none;color:#7e7e7e;} .commentlist li{padding:20px 15px;} .factsheet{background:url(../images/bg-factsheet.gif) no-repeat; width:267px; height:142px; margin-left:29px;} .factsheet ul { margin:68px 0 0 80px;} .factsheet ul li{list-style:none; width:171px;height:23px; margin:0; padding:0;} .factsheet ul li a{color:#000; font-size:13px;} .pdfico {margin-right:10px; margin-top:-4px;} .contact_info{background:url(../images/contact_info_bg.png) no-repeat;width:327px;height:240px;float:left;margin-right:35px;margin-top:10px} .contact_loc{width:287px;height:240px;float:left;margin-top:10px} .vcard{margin-top:20px;margin-left:30px;width:204px;} .vcard h2{font-size:16px;margin-bottom:10px;} .vcard ul{list-style:none;margin-top:26px;} .vcard li{height:22px;width:199px;} .mootabs_title { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; height: 23px; } .mootabs_title li { float: left; padding: 2px 8px 2px 8px; margin-right: 2px; cursor: pointer; height: 23px; background:url(../images/tab_normal.png) no-repeat 0 0; width:146px; font-size:14px; font-weight:bold; text-align:center; color:#684934; padding-top:8px; } .mootabs_title li.active { background:url(../images/tab_active.png) no-repeat 0 0; width:146px; color:#ffffff; font-size:14px; text-align:center; font-weight:bold; height:23px; padding-top:8px; } .mootabs_panel { display: none; background-color: #ffffff; position: relative; width: 100%; top: -1px; clear: both; overflow: auto; } .mootabs_panel.active { background-color: #ffffff; display: block; border-top-width: 1px; border-top-color:#c69555; border-top-style:solid; } .ov_left{float:left;width:327px;} .ov_feature { background-color:#faf6f2;height:250px;width:326px; margin-bottom:10px;border:1px solid #eee7de;} .lists {margin-left:15px;padding-top:15px;margin-right:15px;} .lists .hr{margin-top:8px;margin-bottom:14px;} .east {float:left;margin-left:25px;} .west {float:right;} .ov_feature .lists li{width:120px;font-size:13px;margin-bottom:6px;} .pic_360{width:327px;height:400px;margin-top:35px;} .ov_right{float:left;width:328px} .ov_right .main {margin-top:45px;margin-bottom:20px;} .call img {float:left;margin-left:40px;} .download_btn {float:right;margin-top:5px;} .tech_left {float:left;margin-top:45px;margin-left:35px;} .tech_left ul {list-style:disc;} .tech_left li{list-style:disc ;width:395px;margin-bottom:18px;vertical-align:top;} .tech_right{float:right;margin-top:45px;} .dimension{width:177px;height:145px; background-color:#f6f0ea;border:1px solid #d9cfbf;} .dimension_title{color:#680202;font-size:14px;text-align:center;font-weight:bold;margin-top:10px;margin-bottom:10px;} .dimension_left {list-style:none;margin-left:25px;width:45px;color:#680202;} .dimension_left li {height:20px;} .dimension_right {list-style:none;margin-right:25px;width:45px;color:#680202;} .dimension_right li {height:20px;} .video{margin-top:45px;margin-bottom:45px;text-align:center;} .photo{margin-left:45px;margin-top:45px;margin-bottom:45px;} .photo_main {float:left;border:4px solid #e7dccf;width:322px;height:335px;text-align:center;} .photo_thumb {float:left;width:242px;height:323px;} .photo_thumb_left{float:left;margin-left:20px;margin-bottom:20px;} .photo_thumb img {width:53px;height:54px;border:3px solid #e7dccf;} .photo_main img{margin-top:10px;margin-bottom:10px;} .zoom{width:43px;height:35px;margin-left:283px;margin-top:-41px; background:url("../images/ico-glass.gif") no-repeat 100%;display:block;position:absolute} .callouts{width:650px;margin-bottom:25px;} .footer_article{width:475px;margin-top:50px;display:none;margin-bottom:30px;margin-left:30px;} .footer_article h2 {margin-top:10px;margin-bottom:10px;} .enquiry{width:258px;background-color:#f6f0ea; border:1px solid #e4ded5;margin-top:15px;} .enquiry_title {margin-top:10px;color:#684934;font-size:15px;font-weight:bold;margin-left:25px;} .enquiry_title2 {color:#684934;margin-left:25px;margin:5px 0 10px 25px;} .enquiry_small {color:#807b73;font-size:11px;margin-left:25px;} .enquiry_messagebox {width:203px;border:1px solid #d2c4b4; padding-top:3px; font-size:14px; height:100px;} .required {vertical-align:top;}