/*=================================================================== Master Typography ==*/

p.heading {
	text-align:center;
	color:#0071b9;
	font-size:2.3em;
	line-height:1.1em;
	margin-bottom:.5em;
	padding:0px 50px;
}
p.subheading {
	text-align:center;
	color:#595959;
	font-size:1.4em;
	line-height:1.25em;
	margin-bottom:2em;
	padding:0px 50px;
}
p.siteoperator {
	text-align:center;
	font-size:.9em;
}
h1, h2, h3.h3-drinks, h4, p.heading, p.subheading, dl.usp dt, dl.usp-last dt, 
body.home #tall-banner ul li div.headings span.h1heading, 
body.home #tall-banner ul li div.headings span.h2heading {
	font-family:TradeGothicLTStdRegular, arial, verdanda, sans-serif;
	letter-spacing:-1px;
	font-weight:lighter;
}



/*=================================================================== Banners ==*/

#tall-banner {position:relative;}


div.image-left#tall-banner .headings {
	position:absolute; 
	top:80px;
	width:430px;
	left:450px;
}
div.image-right#tall-banner .headings {
	position:absolute; 
	top:80px; 
	left:30px;
	width:380px;
}

#tall-banner h1 {color:#62b01e; font-size:2em; margin-bottom:.25em; line-height:1.1em;}
#tall-banner h2 {color:#8bc0e5; font-size:1.2em; line-height:1.3em;}

#short-banner h1 {color:#62b01e; font-size:2em; line-height:1.1em; padding:30px 0px 0px 25px;}
#short-banner h2 {color:#8bc0e5; font-size:1.3em; line-height:1.5em; padding:0px 0px 0px 25px;}


/* Home page banner */
body.home #tall-banner ul li div.headings {
	width:280px;
	position:absolute;
	left:47px;
	top:18px;
}

body.home #tall-banner ul li div.headings h1, body.home #tall-banner ul li div.headings span.h1heading {
width:380px; color:#fff; font-size:31px; margin-bottom:.25em; line-height:26px; font-weight:bold; word-spacing:-5px;}
body.home #tall-banner ul li div.headings h2, body.home #tall-banner ul li div.headings span.h2heading {
color:#8bc0e5; font-size:1.2em; line-height:1.4em; width:360px;}
body.home #tall-banner ul li div.headings span {
	display:block;
}



a.home-button-machines:link, a.home-button-machines:visited {
width:150px; height:35px; display:block; text-indent:-5000px; margin-top:15px;}
a.home-button-machines:hover {}	

a.home-button-drinks:link, a.home-button-drinks:visited {
width:125px; height:35px; display:block; text-indent:-5000px; margin-top:15px;}
a.home-button-drinks:hover {}

a.home-button-about:link, a.home-button-about:visited {
width:125px; height:35px; display:block; text-indent:-5000px; margin-top:15px;}
a.home-button-about:hover {}




/* Machines Landing page banner */

#machines-landing-banner, #machines-landing-banner2 {position:relative;}
#machines-landing-banner #outlook {
	position:absolute;
	top:40px;
	left:40px;
}
#machines-landing-banner #klix450 {
	position:absolute;
	top:40px;
	left:645px;
}
#machines-landing-banner2 #outlook {
	position:absolute;
	top:40px;
	left:645px;
}
#machines-landing-banner2 #klix450 {
	position:absolute;
	top:40px;
	left:40px;
}

#machines-landing-banner h1, #machines-landing-banner2 h1 {
	color:#62b01e;
	font-size:2em; 
	line-height:1.1em;
	margin-bottom:.2em;
}
#machines-landing-banner h2, #machines-landing-banner2 h2 {
	color:#8bc0e5;
	font-size:1.2em; 
	line-height:1.1em;
}
#machines-landing-banner ul, #machines-landing-banner2 ul {
	color:#FFF;
	font-size:.7em;
	margin:30px 0px 0px 30px;
}
#machines-landing-banner li, #machines-landing-banner2 li {margin-bottom:.3em;}


a.showme-outlook:link, a.showme-450:link, a.showme-outlook:visited, a.showme-450:visited {
	width:110px;
	height:35px;
	display:block;
	text-indent:-5000px;
}
a.showme-outlook:hover, a.showme-450:hover {
}
a.showme-outlook {margin:40px 0px 0px 150px;}
a.showme-450 {margin:40px 0px 0px 3px !important;}
#machines-landing-banner2 a.showme-outlook {margin:40px 0px 0px 5px;}
#machines-landing-banner2 a.showme-450 {margin:40px 0px 0px 150px !important;}








/*=================================================================== Slider Styles ==*/


.anythingSlider { width:785px; height:218px; position:relative; margin:0 auto 0px; }
.anythingSlider .wrapper { width:788px; overflow:auto; height:218px; margin:0px; position:absolute; top:0; left:0; }

/* Width below is max for Opera */
.anythingSlider .wrapper ul { width:32700px; list-style:none; position:absolute; top:0; left:0; margin:0; padding-left:0px; }
.anythingSlider ul li { display:block; float:left; padding:0; height:218px; width:960px; margin:0 1px 0 0; position:relative;}
.anythingSlider .arrow { display:block; height:27px; width:60px; text-indent:-9999px; position:absolute; top:77px; cursor:pointer; }
.anythingSlider .forward { background-position:0 -105px; right:13px; width:26px; background:url(../images/arrow-new-right.png) no-repeat 0 0;}
.anythingSlider .back { background-position:-105px -105px; left:11px; width:26px; background:url(../images/arrow-new-left.png) no-repeat 0 0; }

.anythingSlider ul li .buttnlinks{
	width:771px;
	float:left;
	position:absolute;
	bottom:13px;
	padding:0 0 0 17px;
	left:0;
}
.anythingSlider ul li .buttnlinks a{
	width:240px;
	margin:0 0px 0 11px;
}



#thumbNav { 
	float:left;
	left:657px;
	position:relative;
	top:12px;
	width:120px;
} /* adjusted for Live */
#thumbNav a { 
	color:#FFF;
	font-size:0px;
	display:inline-block; 
	padding:0px 0px;
	text-align:center;
	height:11px;
	width:12px;
	margin:0 5px 0 0; 
	float:left;
	background:url(../images/page-up-over-icon.gif) repeat;
	cursor:pointer;
}
#thumbNav a:hover { background:url(../images/page-up-over-icon.gif) repeat 11px 0; }
#thumbNav a.cur { background:url(../images/page-up-over-icon.gif) repeat 11px 0; }

#start-stop { display:none;}
#start-stop.playing { background-color:red; }
#start-stop:hover { background-image:none; }

/*
	Prevents
*/
.anythingSlider .wrapper ul ul { position:static; margin:0; background:none; overflow:visible; width:auto; border:0; }
.anythingSlider .wrapper ul ul li { float:none; height:auto; width:auto; background:none; }

#textslide {
	width:960px;
	height:218px;
}