/***** Global Settings *****/

html, body {
    border:0;
    margin:0;
    padding:0;
}

body {
   background:#fff url(../images/bg_body2.png) repeat-x scroll 0 0;
   font-family:Arial,Helvetica,sans-serif;
   font-size:97%;
   line-height:1.25;
}

/***** Headings *****/

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

h1 {
    color:#333;
    font-size:2.3em;
    font-weight:bold;
    letter-spacing:1px;
    padding:20px 0 20px 0;
}

h2 {
    background-position:right center;
    background-repeat:no-repeat;
    color:#333;
    font-size:1.5em;
    font-weight:bold;
    letter-spacing:0px;
    margin:0px 0px 0px 0pt;
}

h3 {
    font-size:1em;
    font-weight:bold;
}

/***** Common Formatting *****/

p, ul, ol {
    margin:0;
    padding:0 20px 15px 0;

}

ul, ol {
    clear:both;
    padding:0 0 1.25em 0.5em;

}


.specs {
    padding:10pt 0pt 4.25em;
    clear:none;
    float:left;
}

.infobody li {
    line-height:1.3em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
    padding:0 20px;

}

blockquote {
    margin:1.25em;
    padding:1.25em 1.25em 0 1.25em;
}

small {
    font-size:0.85em;
}

img {
    border:0;
}

sup {
    position:relative;
    bottom:0.3em;
    vertical-align:baseline;
}

sub {
    position:relative;
    bottom:-0.2em;
    vertical-align:baseline;
}

acronym, abbr {
    cursor:help;
    letter-spacing:1px;
    border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited,
a:hover {
    text-decoration:underline; color:#0A6776;
    margin:0;
}

/***** Forms *****/

form {
    margin:0;
    padding:0;
    display:inline;
    width:900px;
}

input, select, textarea {
    font:1em Arial, Helvetica, sans-serif;

}

textarea {
    clear:both;
    text-align:left;
}


.ContentControlWrapper {
    clear:both;
    float:left;
    margin:20pt auto;
    text-align:center;
    position:relative;}




label {
    cursor:pointer;
}

/***** Tables *****/

table {
    border:0;
    margin:0 0 1.25em 0;
    padding:0;
}

table tr td {
    padding:5px;
}

/***** Wrapper *****/

#wrap {
    background: url(../images/bg_wrap.jpg) repeat-x scroll 0 0;
    border-top:2px solid #7F1F1F;
    margin:95px 0 0;
    padding:0 0 10px;
    width:100%;
}

#holder {
    background:none repeat scroll 0%;
    margin:0pt auto;
    position:relative;
    top:10px;
    width:950px;
    z-index:5;
}

/***** Global Classes *****/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/***** Structural *****/

#header {
    float:left;
    width:100%;
    height:160px;

}

#nav {
    -moz-border-radius-topleft:10px; -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright:10px; -webkit-border-top-right-radius: 10px;
    background:url(../images/navbg1.jpg) repeat scroll 0;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    height:40px;
    letter-spacing:0.05em;
    line-height:1em;
    margin:0 0 0 3px;
    position:relative;
    width:946px;
    z-index:100;

}

#content {
    width:100%;
    margin:0 auto;
    text-align:left;

}

.productbox {
    background-image:url('../images/prod_boxbg.jpg');
    background-position:bottom right;
    background-repeat:no-repeat;
    float:left!important; float:left;
    height:auto;
    margin:0pt auto;
    padding:4%;
    text-align:left;
    width:25%;

}

.productbox img { text-align:left; }

.infobox {
    background:transparent none repeat scroll 0%;
    height:auto;
    margin:10px auto;
    padding:2%;
    text-align:left;
    width:90%;
    float:right;

}

.infobox img { margin:2% 2% 2% -7%; _border:5px solid #CCC; float:left; }
.infobox p {margin-top:10px;}

.contentbox  {
    float:left;
    margin-top:10px;
    padding:5px 50px 10px 0px;
    text-align:left;
    letter-spacing:0.011em;
}

.contentbox p {text-align:left; margin:10px 0px 0px;}

.contentbox ul  {
    clear:both;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
    margin:0px 0px 0px -20px;

}

.contentbox li { float:none; }


#footer {
    background:transparent none repeat scroll 0 50%;
    border-top:4px solid #6C838B;
    clear:both;
    font-size:80%;
    height:90px;
    margin-top:20px;
    padding:20px;
    text-align:left;
}

.ftr_left { 
    float:left;
    margin:-50px 0;
    padding:40px;
}

.ftr_left h2, .ftr_right h2 {color: #333; }

.ftr_right { 
    float:right;
    margin:-50px 0;
    padding:40px;

}


/*-------------------------- Navigation -------------------------*/
#nav ul {
    height:1px;
    margin:10px auto;
    overflow:hidden;
    text-align:center;

}

#nav li {
    display:inline;
    float:none;
    list-style-image:none;
    list-style-type:none;
    margin:0 20px;

}

#nav a {
    color:#fff;
    text-decoration:none;


}

#nav a:hover {
    color:#DFDFDF;
}

.current {
    color:#D9D9D9;



}



/* ************ Customised *********** */

#logo {width:100%;}
.logo {
    margin:12px 0pt 15px 0px;

}

.coffexlogo {

    float:right;
    margin:-90px 0pt 0pt 10px;

}


#prodcase {
    -moz-border-radius-bottomleft:30px; -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright:30px; -webkit-border-bottom-right-radius: 30px;
    background-image:url(../images/machines_placeholder7.jpg);
    float:left;
    height:252px;
    margin:0px 0px 20px 3px;
    text-align:center;
    width:946px;

}

#prodcase2 {
    background-image:url(../images/mast_coffeepods2.jpg);
    float:left;
    height:252px;
    margin:0px 0px 20px 3px;
    text-align:center;
    width:947px;

}

#gcsun {
    background-image:url(../images/gc_sun2.jpg);
    height:121px;
    left:420px;
    position:absolute;
    top:-73px;
    width:117px;
}


/*----------------------  Forms  -------------------------*/
fieldset {
    border:none;
}

.formbutton {
    background:#C00;
    color:#FFF;
    float:left;
    margin:10pt 15px 20pt 30pt;
    padding:5px;
    border:1px outset #ccc;
    width:auto;

}

.inputform {
    border:1px solid #ccc;
    background:#EFEFEF;
    padding:3px 0 3px 5px;
    float:left;
}

.inputform:hover {
    border:1px solid #999;
    background:#EFEFEF;
    padding:3px 0 3px 5px;
}

.inputform:focus {
    border:1px solid #999DAF;
    background:#FFF;
    padding:3px 0 3px 5px;
}


#organicft {
    float:left;
    height:auto;
    margin:20px auto;
    text-align:left;
    width:100%;
}

#organicft img {line-height:350px; margin-bottom:20px;}

#ftlogos {
    background-image:url(../images/logos_ft_bg.png);
    background-repeat:no-repeat;
    float:none;
    height:194px;
    margin:0px auto;
    width:762px;
}

#ftlogos img {float:none;
    margin:25px 0px 0pt 0px; border:0; }


.prod_center {

    width:100%;
    margin:0 auto;
    text-align:center;
    float:left;
    position:relative;

}

.by_coffex {
    float:none;
    margin:10px 0;
    position:relative;
    z-index:500;
}

.topcnr {
    background-image:url(../images/prod_boxbg2top.png);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    margin:-3px;
    padding:0px;
    position:relative;
    width:100%;
}


.infobody, .prodbody {
    _background:url(../images/prod_boxbg2.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    color:#333;
    float:left;
    margin:-30px 0px 30px;
    padding:20px;
    width:920px;
}

.prodbody img {padding-right:20px;}

#ftr_bg { display:none; border-top:2px solid #7F1F1F; width:100%; height:110px; _background:url(../images/ftr_bg.jpg); float:left;}

.imbdr {border:4px solid #4A4A4C; margin:10pt;}

.pmach {float:left; width:100%; height:auto; clear:both;}
.machines {
    float:left;
    margin:0 auto;
    padding:20px;
    width:280px;
}

.specs {
    clear:none;
    float:none;
    height:auto;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
}
.specs li {margin:0px 0px 0px 0px;}

.distributors {
    -moz-border-radius:10px; -webkit-border-radius: 10px;
    background:transparent url(../images/bg_gradmach1b.jpg) repeat scroll 0 0;
    border:5px solid #CCCCCC;
    color:#687C83;
    float:left;
    height:auto;
    padding:10px;
    width:300px;
}

#contform {
    clear:none;
    float:left;
    width:550px;
}

.tdpods p { 
    color:#333333;
    font-size:0.9em;
    padding:10px;
    text-align:center;
    width:auto;

}

.tdpods h2 { text-align: center; color:#333; width:100%;font-size:1.4em;}
.tdpods {
    background:transparent url(../images/grey_tdpodsbg1.png) repeat scroll 0 0;
border-left:3px solid #CCCCCC;
border-right:3px solid #CCCCCC;
border-top:0 solid #9F0909;
clear:both;
color:#333333;
float:left;
margin:0 -20px;
padding:25px 15px 15px;
text-align:center;
width:921px;

}

.ntdpods {
background:transparent url(../images/grey_tdpodsbg1.png) repeat scroll 0 0;
border-left:3px solid #CCCCCC;
border-right:3px solid #CCCCCC;

}

.tpods>img {border:2px solid white;} 

.tdmachs {
    background:#FFFFFF url(../images/bg_tdmachs1.jpg) repeat-y scroll right top;
    border:13px solid #CCCCCC;
    color:#333333;
    height:430px;
    margin:0 auto;
    padding:15px;
    text-align:left;
    width:890px;

}

table.tdmachs  p, li { font-size: 0.9em; width: auto; padding: 0 20px 0 0; }

.tdmachs>img {border:2px solid white;}

.infobody h2 { 
    -moz-border-radius:10px;
    background:transparent url(../images/bg_gradmach1b.jpg) repeat scroll 0 0;
    border-bottom:2px solid #CCCCCC;
    padding:10px;
}

h2.machtitle { background:transparent; padding:10px; }

a.buy  { 
    background:#526576; padding: 7px; color: #fff; text-decoration:none;
    -moz-border-radius:9px;
    -webkit-border-radius: 9px;

}
a.buy:hover {background:#88A6B0; }


/* Slide */

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
    margin: 20px 0;
    position: relative;
    width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: hidden;}
.csw .loading {margin: 200px 0 300px 0; text-align: center; overflow: hidden;}

.stripViewer { /* This is the viewing window */
    position: relative;
    overflow: hidden;
    border: 0px solid #000; /* this is the border. should have the same value for the links */
    margin: auto;
    width: 950px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    min-height: 300px;
    clear: both;

}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
    position: relative;
    left: 0; top: 0;
    width: 100%;
    list-style-type: none;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
    float:left;
    height: 100%;
    position: relative;
    width: 950px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    padding: 20px;
    color: #333;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
    margin:0 0 0 -20px;
    text-align:center;
}

.stripNav ul { /* The auto-generated set of links */
    border-bottom:1px solid #CCCCCC;
    display:block;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    width:950px;
}

.stripNav ul li {
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-right:2px;
}

.stripNav a { /* The nav links */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    color: #333;
    text-decoration: none;
    display: inline;
    padding: 0 8px;
}

/*
.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }
*/

.stripNav li a:hover {
    background: #333;
}

.stripNav li a.current, .stripNav li a:hover {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-radius: 3px;
    background:#CCCCCC none repeat scroll 0 0;
    color:#333333;
    padding:8px;
}

.stripNavL, .stripNavR { /* The left and right arrows */
    position: absolute;
    top: 0px;
    text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
    display: block;
    height: 40px;
    width: 40px;
}

.stripNavL {
    left: 0;
}

.stripNavR {
    right: 0;
}

.stripNavL {
    background: url("../js/images/arrow-left.png") no-repeat center;
}

.stripNavR {
    background: url("../js/images/arrow-right.png") no-repeat center;
}

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

.wrapper h3 { padding: 0 20px 0 0; }		


ul.advant { width:40%; float: left; }

.promobanners { 
    margin:0 0 0 -20px;
    width:110%;
}

.prodnew {
    background:transparent url(../images/prodnew4.png) no-repeat scroll 0 0;
    height:153px;
    position:absolute;
    right:25px;
    width:154px;

}

.disc_200 {
    background:transparent url(../images/disc_200.png) no-repeat scroll 0 0;
    height:153px;
    left:33px;
    position:absolute;
    width:154px;

}

.but-enq  { 
    -moz-border-radius:10px; -webkit-border-radius: 10px;
    background:#353D5F;
    float:left;
    padding:10px;

}

a.but-enq { color: #fff; text-decoration: none; }

.but-enq:hover { background: #AF204E; }

.g100 { 
    -moz-border-radius:10px;
    background:#7C7C7C none repeat scroll 0 0;
    border-left:3px solid #CCCCCC;
    border-right:3px solid #CCCCCC;
    color:#FFFFFF;
    float:left;
    left:0;
    margin:0 0 -20px -20px;
    position:relative;
    width:915px;

}

.supply{ 
    float:left;
    margin:20px 0 0 20px;
    width:auto;
}

.supply ul  { width:auto; } .supply li { font-size:1em; margin: 0 0 0 -20px; }

.intro {
    float:left;
    font-size:1.1em;
    margin:20px 0 0 20px;
    padding:0 30px 10px;
    text-align:justify;
    width:530px;

}

span.into  p { width: 60%; float:left; }