@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#FFF; margin:10px;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

#container { width:980px; margin:0 auto;}
a img { border:0px none;}
.clear { clear:both;}
.pngfix {}


/* Menu 
========================================================== */
#menu { width:980px; height:35px; background:url(../images/common/bg_menu.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase; position:relative; z-index:9999;}
#menu #nav li { list-style:none; display:inline;}

/* Menu structure */
#menu #nav li a { display:block; float:left; color:#333; padding:9px 0 7px 0; height:19px; text-align:center; text-decoration:none;}
#menu #nav li a.m1 { width:82px;}
#menu #nav li a.m2 { width:106px;}
#menu #nav li a.m3 { width:166px;}
#menu #nav li a.m4 { width:141px;}
#menu #nav li a.m5 { width:206px;}
#menu #nav li a.m6 { width:153px;}
#menu #nav li a.m7 { width:126px;}

#menu #nav li a em { font-style:normal; padding:0;}

/* Menu Over */
#menu #nav li a:hover { background:url(../images/common/bg_menuHover.gif) no-repeat center; color:#fff;}
#menu #nav li a.m1:hover { background:url(../images/common/bg_menuHover.gif) no-repeat left; color:#fff;}
#menu #nav li a.m7:hover { background:url(../images/common/bg_menuHover.gif) no-repeat right; color:#fff;}

/* Menu page */
#menu #nav li a.m1h { background:url(../images/common/bg_menuHover.gif) no-repeat left; color:#fff;}
#menu #nav li a.mc { background:url(../images/common/bg_menuHover.gif) no-repeat center; color:#fff;}
#menu #nav li a.mrh { background:url(../images/common/bg_menuHover.gif) no-repeat right; color:#fff;}

/* Menu Dropdowns */
#menu #nav li ul { position:absolute; top:35px; height:auto; float:left; background:#522F91;}

/* About Us Dropdowns */
#menu #nav li ul.w1 { width:170px; display:none; left:82px;}
#menu #nav li ul.w1 li a { display:block; height:20px; width:165px; line-height:20px; padding:0 0 0 5px; text-align:left; color:#FFF; font-size:11px; background:none;}
#menu #nav li ul.w1 li a:hover { background:#6439B3;}

/* Coffee Machines Dropdowns */
#menu #nav li ul.w2 { width:166px; display:none; left:188px;}
#menu #nav li ul.w2 li a { display:block; height:20px; width:161px; line-height:20px; padding:0 0 0 5px; text-align:left; color:#FFF; font-size:11px; background:none;}
#menu #nav li ul.w2 li a:hover { background:#6439B3;}

/* Consumables Dropdowns */
#menu #nav li ul.w3 { width:141px; display:none; left:354px;}
#menu #nav li ul.w3 li a { display:block; height:20px; width:136px; line-height:20px; padding:0 0 0 5px; text-align:left; color:#FFF; font-size:11px; background:none;}
#menu #nav li ul.w3 li a:hover { background:#6439B3;}

/* Our Customers Dropdowns */
#menu #nav li ul.w4 { width:153px; display:none; left:701px;}
#menu #nav li ul.w4 li a { display:block; height:20px; width:148px; line-height:20px; padding:0 0 0 5px; text-align:left; color:#FFF; font-size:11px; background:none;}
#menu #nav li ul.w4 li a:hover { background:#6439B3;}


/* Newsletter Signup BTN 
========================================================== */
#newsletter { display:block; width:107px; height:107px; position:absolute; top:0; right:0;}

/* Header 
========================================================== */
#header { width:980px; height:390px; background:url(../images/common/bg_homeTop.jpg) no-repeat; position:relative; margin:20px 0;}
#header.pgs { width:980px; height:390px; background:none; position:relative; margin:20px 0;}
#header #logo { position:absolute; left:10px; top:10px;}
#header #austFav { position:absolute; left:18px; top:214px;}
#header a.coffeeRange { width:190px; height:35px; background:url(../images/common/bg_CTA_coffee-machines.gif) no-repeat; line-height:32px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase; position:absolute; top:325px; left:18px;}
#header a.coffeeRange:hover { color:#CDBBEC;}
#header a.freeDemo { width:136px; height:35px; background:url(../images/common/bg_CTA_free-demo.gif) no-repeat; line-height:32px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase; position:absolute; top:325px; left:216px;}
#header a.freeDemo:hover { color:#FBD7C4;}


/* Content Overall
========================================================== */
#content { width:980px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}


/* Home Page 
========================================================== */

/* Home page CTA (call to action)  */
#content #CTABox { display:block; width:230px; height:180px; float:left; background:url(../images/common/bg_key-CTA.gif) no-repeat;}
#content #CTABox.next { margin-left:20px;}
#content #CTABox:hover {  filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

#content #CTABox a { text-decoration:none; color:#666;}

#content #CTABox img.pad14 { padding:14px 0 0 14px;}
#content #CTABox img.car { padding:5px 0 0 30px;}
#content #CTABox p.pad15 { padding:0 15px;}
#content #CTABox img.consumables { padding:7px 0 0 30px;}


/* Home page Wording  */
#content #welcome { width:610px; height:auto; float:left; margin-top:20px;}
#content #welcome #title { display:block; border-bottom:1px solid #ECECED; padding-bottom:3px; margin-bottom:15px;}

#content #welcome a { color:#EC6F00; text-decoration:none;}
#content #welcome a:hover { text-decoration:underline;}

/* Home page Location  */
#content #location { width:310px; height:auto; float:right; margin-top:20px;}


/* About Us Page 
========================================================== */
#header #franchiseNetwork { width:680px; height:325px; position:absolute; top:0; right:0;}
#header #mediaVideo { width:560px; height:340px; position:absolute; top:0; right:0; background:#ebebeb;}

#content #aboutUs { width:670px; height:auto; float:left;}

#content #aboutUs.media { width:480px; height:auto; float:left;}

#content #aboutUs.media ul { margin:20px 0 0 0; list-style-type:none;}
#content #aboutUs.media li { background: url(../images/common/icon_pdf.jpg) left no-repeat; padding-left:60px; height:45px; line-height:43px; display:block; margin-bottom:25px;}
#content #aboutUs.media li a { color:#666; text-decoration:none;}
#content #aboutUs.media li a:hover { color:#EC6F00;}

#content #aboutUsRight.awards { width:480px; height:auto; float:right; padding-left:0; margin-top:0;}

#content #aboutUs #title { display:block; border-bottom:1px solid #ECECED; padding-bottom:3px; margin-bottom:15px;}

#content #aboutUsRight { width:220px; padding-left:20px; height:auto; float:right; margin-top:30px;}
#content #aboutUsRight.ra { width:220px; padding-left:20px; height:auto; float:right; margin-top:0;}

#content #aboutUsRight h1 { font-size:16px; font-weight:700;}

#content #aboutUsRight a { color:#EC6F00; text-decoration:none;}
#content #aboutUsRight a:hover { text-decoration:underline;}

#content #aboutUsRight #title { display:block; border-bottom:1px solid #ECECED; padding-bottom:3px; margin-bottom:15px;}

#content #aboutUs img.headings { margin-top:30px;}

#content #aboutUs a { color:#EC6F00; text-decoration:none;}
#content #aboutUs a:hover { text-decoration:underline;}


/* Contact Us Page 
========================================================== */
#content.contact { width:980px; height:350px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}

#header #contactUs { width:530px; height:625px; position:absolute; top:0; right:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#header #contactUs #left { display:block; float:left; width:250px;}
#header #contactUs #right { display:block; float:right; width:250px; margin-right:20px;}

#header #contactUs a { color:#EC6F00; text-decoration:none;}
#header #contactUs a:hover { color:#666;}

#header #contactUs label { float: left; width: 100px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;}
#header #contactUs input { width: 175px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#header #contactUs input.submit { padding:0; border:0px none; margin-left:110px; width:129px; height:35px;}



/* Coffee Machines page 
========================================================== */
#content #coffeeMachines { width:980px; height:360px; }

#header #carousel { width:565px; height:360px; position:absolute; top:20px; right:20px;}

/* Scroll Bar Styling */
#header #scrollText { background:none; width:515px; padding-right:35px; height:325px; overflow:auto; position:absolute; top:40px; right:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}

#header #scrollText ul { margin:0 0 0 35px;}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

.vscrollerbase { width: 6px; background-color:#EBEBEB; }
.vscrollerbar { width: 6px; background-color: #D2D3D5; cursor:pointer;}
.hscrollerbase { height: 6px; background-color: white;}
.hscrollerbar { height: 6px; background-color: #353535;}

.scrollerjogbox { width: 6px; height: 6px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray;}

/* Coffee Machines - Bambino */

#content.machines { width:980px; height:700px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}

#content.machines #machineCopy { position:absolute; top:0; right:20px; width:570px; height:395px;}
#content.machines #machineCopy ul { margin:0 0 0 35px;}

#content.machines #machineCopy ul.left { margin:0 0 0 35px; padding-left:25px; float:left; display:block; width:230px;}
#content.machines #machineCopy ul.right { margin:0 0 0 35px; padding-left:25px; float:right; display:block; width:190px; margin-right:30px;}

#content.machines #testimonial { position:absolute; top:410px; left:390px; width:235px; height:125px; padding:25px 0 0 45px; background:url(../images/coffeemachine/bg_testimonial.gif) no-repeat;}
#content.machines #testimonial a { color:#666; text-decoration:none;}
#content.machines #testimonial a:hover { color:#999;}

#content.machines #productLinksEx.soon { top:490px;}

#content.machines #testimonial.ciao { top:500px;}
#content.machines #industryLogos.ciao { top:500px;}
#content.machines #productLinksEx.ciao { top:670px;}

#content.machines #testimonial.evo { top:490px;}
#content.machines #industryLogos.evo { top:490px;}
#content.machines #productLinksEx.evo { top:660px;}

#content.machines #industryLogos { position:absolute; top:410px; right:25px; width:250px; height:150px;}

#content.machines #machinePicture { position:absolute; top:0; left:0; width:360px; height:480px;}

#content.machines #productLinks { position:absolute; top:490px; left:0; width:360px; height:40px;}
#content.machines #productLinks li { list-style:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;}
#content.machines #productLinks li a { display:block; float:left; color:#fff; text-decoration:none; height:35px; line-height:32px; padding:0 10px 0 0; background:url(../images/common/btn_purpleR.gif) no-repeat right top; margin-right:10px;}
#content.machines #productLinks li a.last { margin-right:0;}
#content.machines #productLinks li b { display:block; float:left; height:35px; font-weight:normal; background:url(../images/common/btn_purpleL.gif) no-repeat left top; padding:0 0 0 10px; cursor:pointer;}
#content.machines #productLinks li a:hover { color:#CDBBEC;}
#content.machines #productLinks li a:hover b { color:#CDBBEC;}

#content.machines #productLinksEx { position:absolute; top:580px; right:60px; width:480px; height:40px;}
#content.machines #productLinksEx li { list-style:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;}
#content.machines #productLinksEx li a { display:block; float:left; color:#fff; text-decoration:none; height:35px; line-height:32px; padding:0 10px 0 0; background:url(../images/common/btn_orangeR.gif) no-repeat right top; margin-right:10px;}
#content.machines #productLinksEx li a.last { margin-right:0;}
#content.machines #productLinksEx li b { display:block; float:left; height:35px; font-weight:normal; background:url(../images/common/btn_orangeL.gif) no-repeat left top; padding:0 0 0 10px; cursor:pointer;}
#content.machines #productLinksEx li a:hover { color:#FBD7C4;}
#content.machines #productLinksEx li a:hover b { color:#FBD7C4;}

#content.machines #productLinksEx ul p a img { display:block; float:left; border:0px none; padding:0 0 0 0; margin-right:10px; background:none;}


/* Consumables page 
========================================================== */
#header #consumablesCarousel { width:565px; height:360px; position:absolute; top:20px; right:20px;}

#content.consumablesMain { width:980px; height:800px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#content.consumablesMain #consumablesPicture { position:absolute; top:0; left:0; width:360px; height:480px;}
#content.consumablesMain #consumablesCopy { position:absolute; top:0; right:20px; width:570px; height:395px;}
#content.consumablesMain #consumablesCopy ul { margin:0 0 0 35px;}

#content.consumables { width:980px; height:500px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#content.consumables #consumablesPicture { position:absolute; top:0; left:0; width:360px; height:480px;}
#content.consumables #consumablesCopy { position:absolute; top:0; right:20px; width:570px; height:395px;}
#content.consumables #consumablesCopy ul { margin:0 0 0 35px;}



/* Career Opportunities page 
========================================================== */
#header #infoPack { width:417px; height:243px; position:absolute; top:60px; right:60px;}

#content #careersLeft { width:480px; height:auto; float:left;}
#content #careersLeft ul, #content #careersRight ul { margin:0 0 0 35px;}
#content #careersRight { width:480px; height:auto; float:right;}

#content #careersLeft label, #content #careersRight label { float: left; width: 100px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;}
#content #careersLeft input, #content #careersRight input { width: 175px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content #careersLeft input.submit, #content #careersRight input.submit { padding:0; border:0px none; margin-left:110px; width:129px; height:35px;}


/* Free Demo
========================================================== */
#content.freeDemo { width:980px; height:620px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#content.freeDemo #freeDemoPicture { position:absolute; top:0; left:0; width:360px; height:480px;}
#content.freeDemo #freeDemoCopy { position:absolute; top:0; right:20px; width:570px; height:600px;}
#content.freeDemo #freeDemoCopy ul { margin:0 0 0 35px;}

#content.freeDemo #freeDemoCopy label { float: left; width: 100px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;}
#content.freeDemo #freeDemoCopy input { width: 175px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.freeDemo #freeDemoCopy textarea { width: 175px; height:120px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.freeDemo #freeDemoCopy input.submit { padding:0; border:0px none; margin-left:110px; width:129px; height:35px;}


/* Promotions - Free Coffee
========================================================== */
#content.promotions { width:980px; height:840px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#content.promotions #freeCoffeePicture { position:absolute; top:0; left:0; width:360px; height:480px;}
#content.promotions #freeCoffeeCopy { position:absolute; top:0; right:20px; width:570px; height:800px;}
#content.promotions #freeCoffeeCopy ul { margin:0 0 0 35px;}

#content.promotions #freeCoffeeCopy a { color:#666; text-decoration:underline;}
#content.promotions #freeCoffeeCopy a:hover { color:#EC6F00; text-decoration:none;}

#content.promotions #freeCoffeeCopy label { float: left; width: 100px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;}
#content.promotions #freeCoffeeCopy input { width: 175px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.promotions #freeCoffeeCopy textarea { width: 175px; height:120px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.promotions #freeCoffeeCopy input.submit { padding:0; border:0px none; margin-left:110px; width:129px; height:35px;}


/* 7 Tips Free Report
========================================================== */
#content.freeReport { width:980px; height:620px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#content.freeReport #freeReportPicture { position:absolute; top:0; left:0; width:360px; height:480px;}
#content.freeReport #freeReportCopy { position:absolute; top:0; right:20px; width:570px; height:600px;}

#content.freeReport #freeReportCopy label { float: left; width: 100px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;}
#content.freeReport #freeReportCopy input { width: 175px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.freeReport #freeReportCopy textarea { width: 175px; height:120px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.freeReport #freeReportCopy input.submit { padding:0; border:0px none; margin-left:110px; width:129px; height:35px;}

#content.freeReport #freeReportCopy ul { margin:20px 0 0 0; list-style-type:none;}
#content.freeReport #freeReportCopy li { background: url(../images/common/icon_pdf.jpg) left no-repeat; padding-left:60px; height:45px; line-height:43px; display:block; margin-bottom:25px;}
#content.freeReport #freeReportCopy li a { color:#666; text-decoration:none;}
#content.freeReport #freeReportCopy li a:hover { color:#EC6F00;}

#content.freeReport #freeReportCopy a { color:#EC6F00; text-decoration:none;}
#content.freeReport #freeReportCopy a:hover { color:#666;}

/* Newsletter
========================================================== */
#content.newsLetter { width:980px; height:620px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}
#content.newsLetter #newsLetterPicture { position:absolute; top:0; left:0; width:460px; height:480px;}
#content.newsLetter #newsLetterPicture ul { margin:0 0 0 35px;}
#content.newsLetter #newsLetterCopy { position:absolute; top:0; right:20px; width:470px; height:600px;}

#content.newsLetter #newsLetterCopy label { float: left; width: 100px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight: normal;}
#content.newsLetter #newsLetterCopy input { width: 175px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.newsLetter #newsLetterCopy textarea { width: 175px; height:120px; padding:5px; margin-bottom: 5px; border:1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; }
#content.newsLetter #newsLetterCopy input.submit { padding:0; border:0px none; margin-left:110px; width:129px; height:35px;}


/* Customers
========================================================== */
#content.customers { width:980px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px;}

#content.customers ul.left { width:300px; padding-left:25px; float:left; margin:0 0 0 35px;}
#content.customers ul.right { width:300px; padding-left:25px; float:left; margin:0 0 0 35px;}

/* Footer 
========================================================== */
#footer { width:100%; height:283px; padding:17px 0 0 0; background:url(../images/common/bg_footer.gif) repeat-x; margin-top:40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#BFBFBF; line-height:18px;}
#footer #center { width:980px; margin:0 auto;}

#footer #center #base { width:980px; border-top:1px solid #E4E4E4; padding-top:10px;}
#footer #center #base a { color:#BFBFBF; text-decoration:none;}
#footer #center #base a:hover { color:#666;}

#footer .dark { color:#666;}

#footer #FTBoxes { display:block; float:left; height:245px; background:url(../images/common/bg_footerDiv.gif) no-repeat right center;}

/* Navigation  */
#footer #FTBoxes.menu { width:440px;}

#footer #FTBoxes.menu ul.main { width:120px; display:block; float:left;}
#footer #FTBoxes.menu ul.machines { width:115px; display:block; float:left; margin-left:30px;}
#footer #FTBoxes.menu ul.consumables { width:115px; display:block; float:left; margin-left:30px;}
#footer #FTBoxes.menu li { list-style:none; display:block;}
#footer #FTBoxes.menu li a { color:#BFBFBF; text-decoration:none;}
#footer #FTBoxes.menu li a:hover { color:#666;}

/* Contacts  */
#footer #FTBoxes.contact { width:280px; padding:0 0 0 20px;}
#footer #FTBoxes.contact em { display:block; width:56px; float:left; font-style:normal;}
#footer #FTBoxes.contact em.ex { height:35px;}
#footer #FTBoxes.contact em.ex2 { height:55px;}




/* Social Networks  */
#footer #FTBoxes.socialnet { width:215px; padding:0 0 0 10px; float:right; background:none;}
#footer #FTBoxes.socialnet img.p10 { padding:0 0 10px 0;}




H1 { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration : none; font-size: 16px;}