/* CSS */

/* backgrounds */

/* * { border: 1px solid #000;} */

body {
background-color: #a8b0b6;
background-image: url(../images/build/bg.gif);
background-repeat: repeat-y;
background-position: center;
margin: 0;
color: #1d2328;
padding: 0;
}

#top {
height: 100px;
background-image: url(../images/build/bg_top.jpg);
background-repeat: no-repeat;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #FFFFFF;
}

#main {
background-color: #91a0ad;
background-image: url(../images/build/bg_main.gif);
background-repeat: repeat-x;
background-position: top;
min-height: 100%;
display: table;
width: 100%;
clear: both;
}

#footer {
height: 40px;
background-image: url(../images/build/bg_footer.gif);
background-repeat: repeat-x;
color: #FFFFFF;
line-height: 40px;
font-family: Verdana, sans-serif;
font-size: 10px;
clear: both;
}

/* end of backgrounds */

/* layout */

#container {
width: 920px;
margin: 0 auto;
}

#topright {
float: right;
margin-right: 10px;
margin-top: 20px;
height: 10px;
line-height: 10px;
}

#nav {
/*margin-left: 10px;
margin-top: 60px; */
clear: both;
top: 30px;
position: relative;
}

#footerleft {
float: left;
margin-left: 10px;
}

#footerright {
float: right;
margin-right: 10px;
}

#maincontainer {
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
}

#homerow {
clear: both;
display: inline-table;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 14px;
}

#ten {
height: 10px;
clear: both;
}

#hometl {
margin-right: 10px;
float: left;
width: 535px;
height: 290px;
/* background-color: #0066CC; */
background-image: url(../images/build/bg_home_tl.jpg);
background-repeat: no-repeat;
text-transform: uppercase;
}

#hometr {
float: left;
width: 355px;
height: 290px;
/* background-color: #0066CC; */
background-image: url(../images/build/bg_home_tr.jpg);
background-repeat: no-repeat;
}
#homebl {
margin-right: 10px;
float: left;
width: 355px;
height: 200px;
/* background-color: #0066CC; */
background-image: url(../images/build/bg_home_bl.jpg);
background-repeat: no-repeat;
}

#homebl img {
float: left;
margin-right: 10px;
}

#homebm {
margin-right: 10px;
float: left;
width: 170px;
height: 200px;
/* background-color: #0066CC; */
background-image: url(../images/build/bg_home_bm.jpg);
background-repeat: no-repeat;
}

#homepos {
margin: 20px;
}

#hometlcontainer {
height: 251px;
margin: 20px;
}

#hometlpos {
/* margin-left: 20px;
margin-top: 62px;
background-color: #FF0000; */
float: left;
width: 260px;
margin-left: 10px;
padding-top: 42px;
}

#homeflash {
/* background-color: #FF0000; */
float: left;
width: 221px;
}

#hometrpos {
margin-left: 20px;
margin-top: 62px;
/* background-color: #FF0000; */
width: 165px;
height: 208px;
}

#homebr {
float: right;
width: 355px;
height: 200px;
/* background-color: #0066CC; */
background-image: url(../images/build/bg_home_br.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#homebr img {
float: left;
margin-right: 10px;
}

.border {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
}

#subheader {
border-left-color: #758691;
border-left-style: solid;
border-left-width: 10px;
padding-left: 10px;
}


#leftColumn {
margin-right: 10px;
float: left;
width: 360px;
padding:0;
}

#subleftborder {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
width: 360px;
}

#subleft {
/* background-color: #006633; */
width: 340px;
margin: 10px;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 12px;
}

#flash {
z-index: 6;
}


#subl {
/* background-color: #006633; */
width: 320px;
background-color: #ebf2f6;
margin: 10px;
color: 1d2328;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 10px;
}


#subright img {
float: left;
margin-right: 10px;


}

.chooseMachine {
float: none;
margin-right: 10px;
margin:0;
padding-left:4px;
}

#beantoMachine {
float: none;
display: block;
padding: 0;
margin: 0;
margin-left: 4px;
background-image: url(../images/build/large/beanto.jpg);
height:260px;
width:480px;
}

#filterMachine {
float: none;
display: block;
padding: 0;
margin: 0;
margin-left: 4px;
background-image: url(../images/build/large/filter.jpg);
height:260px;
width:480px;
}

#instantMachine {
float: none;
display: block;
padding: 0;
margin: 0;
margin-left: 4px;
background-image: url(../images/build/large/instant.jpg);
height:260px;
width:480px;
}

#traditionalMachine {
float: none;
display: block;
padding: 0;
margin: 0;
margin-left: 4px;
background-image: url(../images/build/large/trad.jpg);
height:260px;
width:480px;
}

#machineText {
float: left;
width: 450px;
color: #FFFFFF;
font-size: 1em;
line-height:130%;
margin-top: 20px;
*margin-top: 30px;
}

#machineText p {padding: 0 0 0 275px;}

#machineText a, #machineText a:link, #machineText a:hover, #machineText a:visited {
color: #FFFFFF;
text-decoration:none;
}

/* All coffee machines intro page*/

#subfirstborder {
width: 274px;
height: 400px;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
margin-right: 6px;
float: left;
}

#subfirst {
background-color: #ebf2f6;
margin: 10px;
color: 1d2328;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 10px;
height: 360px;
}

.submidborder {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
width: 154px;
height: 400px;
float: left;
margin: 0 6px;
}

.submid {
width: 114px;
height: 360px;
background-color: #ebf2f6;
margin: 10px;
color: 1d2328;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 10px;
}

#subthirdborder {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
width: 272px;
height: 400px;
float: right;
}


#subthird {
background-color: #ebf2f6;
margin: 10px;
color: 1d2328;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 10px;
height: 360px;
}





#subborder {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
width: 898px;
float: left;
}




#sub {
width: 858px;
background-color: #ebf2f6;
margin: 10px;
color: 1d2328;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 10px;
}





#subrightborder {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
width: 526px;
float: left;
}

#subright {
width: 486px;
/* background-color: #ebf2f6; */
background-color: #FFFFFF;
margin: 10px;
color: 1d2328;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 10px;
}


.leftcontainer {
margin-top: 10px;
clear: both;
display: table;
}
.leftlink {
height: 60px;
width: 10px;
background-color: #b1c0c7;
float: left;
margin-right: 10px;
}

.leftpic {
float: left;
margin-right: 10px;
border: none;
}

.leftpic img {border: none;}
/* end of layout */


.leftpic_jura {
float: left;
margin-bottom: 10px;
padding: 0;
}

.leftpic_jura img {border: none;}
/* end of layout */

/* links */

#topright a {
color: #FFFFFF;
text-decoration: none;
}

#topright a:hover {
text-decoration: underline;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footerright a {
font-weight: bold;
}

#homerow a {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
#homerow a:hover {
text-decoration: underline;
}
#subleft a {
color: #b1c0c7;
text-decoration: none;
}
#subleft a:hover {
color: #FFFFFF;
}
.leftcontainer a {
display: block;
}
#subright a {
color: #1d2328;
text-decoration: underline;
}
#subright a:hover {
text-decoration: none;
}
#sub a {
color: #1d2328;
text-decoration: underline;
font-size: 12px;
}
#sub a:hover {
text-decoration: none;
}

.bigger {
}

.bigger a {
color: #FFFFFF;
background-color: #1d2328;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 30px;
height: 30px;
display: block;
margin-top: 1px;
margin-bottom: 4px;
padding-left: 9px;
}
.bigger a:hover {
text-decoration: none;
background-color: #404d57;
}

#subl a {
color: #1d2328;
text-decoration: underline;
}

#subl a:hover {
text-decoration: none;
}

/* .leftlink a {
background-color: #b1c0c7;
display: block;
width: 10px;
height: 60px;
}
.leftlink a:hover {
background-color: #FFFFFF;
} */

/* end of links */

/* headers */
h1 {
text-transform: none;
font-weight: normal;
font-size: 28px;
line-height: 100%;
font-family: Arial, Helvetica, sans-serif;
border: none;
margin: 0;
padding: 0;
clear: none;
color: #eee;
}

h2 {
text-transform: none;
font-weight: normal;
font-size: 24px;
line-height: 100%;
font-family: Arial, Helvetica, sans-serif;
border: none;
margin: 0;
padding: 0;
clear: none;
}
/* end of headers */



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu {
/* background-color: #00FF33; */
margin-left: 10px;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
/* background-color: #990000; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 170px; /*Width of top level menu link items*/
/* padding: 1px 8px; */
/* background-color: #990000; */
/* border: 1px solid #FFFFFF;
border-left-width: 0; */
text-decoration: none;
color: #c0c3c5;
padding-left: 10px;
line-height: 30px;
text-transform: uppercase;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 170px; /*width of sub menu levels*/
text-decoration: none;
/* padding: 1px 5px; */
background-color: #FFFFFF;
color: #1d2328;
/* border: 1px solid #FFFFFF; */
border: none;
border-top: 1px solid #1d2328;;
}

.suckertreemenu ul li a:hover{
color: #FFFFFF;
}

.suckertreemenu ul li ul li a:hover{
color: #FFFFFF;
background-color: #aabbc7;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
/* background: #990000 url(media/arrow-down.gif) no-repeat center right; */
/* background-color: #990000; */
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
/* background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right; */
background-color: #c0c3c5;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

.white {
color: #FFFFFF;
}

/* form styles */

.form {
color: #1d2328;
background-color: #FFFFFF;
font-size: 11px;
border-color: #758691;
border-style: solid;
border-width: 1px;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 180px;
margin-bottom: 10px;
}

label {
width: 100px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
float: left;
clear: both;
font-weight: normal;
line-height: 18px;
}

.submit {
/* border-color: #CCCCCC;
border-style: solid;
border-width: 1px; */
border: none;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
background-color: #1d2328;
margin-left: 110px;
padding: 2px;
}

/* end of form styles */

.newspic {
float: left;
margin-right: 10px;
clear: both;
}

hr {
height:1px;
color:#1d2328;
}


#bestmatch {
margin-right: 10px;
float: left;
width: 480px;
height: 290px;
/* background-color: #0066CC; */
background-image: url(../images/build/bestchoice.jpg);
background-repeat: no-repeat;
}

.bestmatchflash {
float: left;
}

.bestmatchright {
float: left;
width: 300px;

}


#bestmatch h1 {
margin-top: 10px;
float: left;
font-size:28px;

}

#bestmatch p {
margin: 20px 10px 0 230px;
float: left;
width: 200px;
color: #fff;

}


#smallleftimages {padding: 10px 5px 10px 6px;}

#smallleftimages img {display: block;}


#subnav {margin-left: -30px; *margin-left: 0px; }

ul#subnav {width: 460px;}

ul#subnav li {float: left; width: 205px; height: 120px; overflow: visible; list-style:none; padding: 10px;}

ul#subnav li img {float: right; padding: 0px;}


ul.beannav {margin-left: -30px; *margin-left: 0px; }

ul.beannav {width: 240px;}

ul.beannav li {float: left; width: 205px; height: 120px; overflow: visible; list-style:none; padding: 10px;}

ul.beannav li img {float: right;}



#team {margin-left: -30px; *margin-left: 0px; }

ul#team {width: 460px;}

ul#team li {float: left; width: 480px; height: 130px; overflow: visable; list-style:none; border-bottom: 1px solid #ccc;}

ul#team li img {float: left; display: block;}

ul#team li p {padding: 10px 0 0 140px;}

li.downloadpdf {list-style: none; background:url(../images/pdf.jpg) no-repeat left center; margin: 0; padding: 0px 0 0 20px; line-height: 200%;}


.righttas {float: right; width: 200px;}

.lefttas {float: left; width: 280px;}

#highout {float: left; width: 240px;}

#medout {float: left; width: 240px;}


ul.bookademo {width: 420px; height: 70px; float: left;}
ul.bookademo li {list-style: none;}
ul.bookademo li a span {display: none;}
ul.bookademo li a {float: left; width: 400px; height: 60px; background: url(../images/build/style_book_a_demo.gif) no-repeat top center;}
ul.bookademo li a:hover {float: left; background: url(../images/build/style_book_a_demo.gif) no-repeat bottom center;}


span.contactbig {float: left; display: block; background-color:#999; padding: 10px;}


.mainnavtop ul {}
.mainnavtop li {text-decoration: none; list-style:none; float: left; padding: 3px 10px; border-right: 1px solid #fff;}
li.contactbig {background-color: #8797A3;}

	
/**********************--------------------------clearfix*/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}


/* Additionals */

.floatRight{
	float: right;	
}

.clear{
	clear:both;
}