* {
margin:0;
padding:0;
}

html {
	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	font-family:Arial, Helvetica, sans-serif;
	background-color:#2c74a3;
}

img{
	border:none;
}

a{
	text-decoration:none;
	outline:none;
	color:#0b4a67;
}

form {

	position: absolute;
	left: -200px;
	
}

.floatleft{
	position:relative;
	float:left;
	display:inline;
}

.floatright{
	position:relative;
	float:right;
	display:inline;
}

#background{
	background: #3f8bb8 url('/assets/images/gradient.jpg') repeat-x;
	position:relative;
	float:left;
	display:inline;
	width:100%;
}

#container{
	margin:0 auto;
	width:926px;
	position:relative;
}

/***********************************************/
/* 			           Top                     */
/***********************************************/

a#logo{
	background:url('/assets/images/jazz-logo.jpg') top left no-repeat;
	width:175px;
	height:113px;
	text-indent:-9999em;
	position:absolute;
	top:0px;
	left:0px;
}

a#enza{
	background:url('/assets/images/enza-logo.jpg') top left no-repeat;
	width:61px;
	height:112px;
	text-indent:-9999em;
	position:absolute;
	top:0px;
	right:10px;
}

#main-navigation{
	position:relative;
	float:left;
	display:inline;
	margin:81px 0 0 175px;
}

#main-navigation .nav{
	position:relative;
	float:left;
	display:inline;
	padding:0 1px;
}

#main-navigation .nav-top{
	position:relative;
	float:left;
	display:inline;
	background: url('/assets/images/nav-left.jpg') top left no-repeat;
	height:32px;
	width:9px
}

#main-navigation .nav-mid{
	position:relative;
	float:left;
	display:inline;
	background: url('/assets/images/nav-mid.jpg') repeat-x;
	height:32px;
}

#main-navigation .nav-btm{
	position:relative;
	float:left;
	display:inline;
	background: url('/assets/images/nav-right.jpg') top left no-repeat;
	height:32px;
	width:9px;
}

#main-navigation a{
	color:#FFF;
	font-size:11px;
	padding:8px 1px 0;
	display:block;
	font-weight:bold;
}

#side-nav a:hover, #side-nav a.selected, #main-navigation a:hover, #main-navigation .selected{
	color:#afe1ff;
}

.selected {

	color: #afe1ff;
	
}

/***********************************************/
/* 		       Center Body                     */
/***********************************************/

#body{
	background: url('/assets/images/body-mid.jpg') repeat-y;
	width:916px;
	position:relative;
	float:left;
	display:inline;
}

#body-top{
	background: url('/assets/images/body-top.jpg') top left no-repeat;
	width:916px;
	min-height:485px;
	position:relative;
	float:left;
	display:inline;
}

#body-btm{
	background: url('/assets/images/body-btm.jpg') top left no-repeat;
	width:916px;
	height:20px;
	position:relative;
	float:left;
	display:inline;
}

/***********************************************/
/* 			  Side bar navigation              */
/***********************************************/

#side-nav{
	position:relative;
	float:left;
	display:inline;
	padding:120px 0 30px 50px;
	width:220px;
}

#side-nav li{
	list-style:url('/assets/images/dot-large.jpg');
	font-size:13px;
}

#side-nav ul ul li{
	list-style:url('/assets/images/dot-small.jpg');
	margin-left:18px;
	font-size:12px;
}

#side-nav a{
	color:#FFF;	
	font-weight:bold;
	line-height:20px;
	padding:5px 0;
	display:block;
}

/***********************************************/
/*     Side bar navigation - story / contact   */
/***********************************************/
#story-subnav{
	position:relative;
	float:left;
	display:inline;
	width:260px;
	padding:120px 0 180px 9px
}

#story-subnav a{
	position:relative;
	float:left;
	display:inline;
	color:#FFF;	
	background: url('/assets/images/story-subnav.jpg') top left no-repeat;
	background-position: 0 0;
	width:260px;
	height:46px;
	margin:3px 7px;
	padding:15px 0 0 80px;
	font-size:20px;
	font-weight:bold;
}

#story-subnav a:hover, #story-subnav .selected{
	color:#afe1ff;
	background-position: 0 -61px;
}

a#map{
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/map.jpg') no-repeat top left;
	width:264px;
	height:145px;
	bottom:0px;
	left:9px;
}

a#map:hover{
	background-position: 0 0;
}

/***********************************************/
/*         Side bar navigation - story         */
/***********************************************/
#side-nav label, #side-nav select{
	position:relative;
	float:left;
	display:inline;
	width:200px;
}

#side-nav label{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding-top:30px;
}

#side-nav input#submit{
	position:relative;
	float:left;
	display:inline;
	margin:30px 0 0 110px;
	background: url('/assets/images/submit.jpg') top left no-repeat;
	width:88px;
	height:32px;
	border:none;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

#side-nav input#submit:hover{ background-position: 0 -32px; }

/***********************************************/
/* 			        Content                    */
/***********************************************/

#content{
	position:relative;
	float:right;
	display:inline;
	width:570px;
	padding:30px 30px 30px 0;
}

#sendToFriend{
	float:right;
	display:inline;
	padding:5px;
}

#content img{
	float:right;
	display:inline;
	padding:0 0 0 15px;
}

#content h2, #home-right h2{
	font-size:30px;
	font-weight:bold;
	color:#5ea9d7;
	padding-bottom:10px
}

#content h3{
	font-size:18px;
	font-weight:bold;
	color:#5ea9d7;
	padding-bottom:10px
}


#content h6, #home-right h6{
	font-size:14px;
	font-weight:bold;
	color:#0b4a67;	
}

#content h6{
	padding-bottom:10px
}

#content p{
	font-size:11px;
	line-height:18px;
	color:#0b4a67;
}

/***********************************************/
/* 			      Testimonial                  */
/***********************************************/

#testimonial{
	position:relative;
	float:left;
	display:inline;
	margin:25px 0 0 10px;
	
}

#testimonial-top{
	background: url('/assets/images/testimonial-top.jpg') top left no-repeat;
	width:527px;
	height:10px
}

#testimonial-mid{
	background: url('/assets/images/testimonial-mid.jpg') top left repeat-y;
	width:490px;
	padding:10px 20px;
}

#testimonial-btm{
	background: url('/assets/images/testimonial-btm.jpg') top left no-repeat;
	width:527px;
	height:30px
}

#testimonial p{
	font-style:italic;
	font-size:12px
}

/***********************************************/
/* 			        Contact                    */
/***********************************************/

#contact-us{
	margin:5px 20px;
	width:230px;
	position:relative;
	float:left;
	display:inline;
}

#country{
	position:relative;
	float:left;
	display:inline;
	padding: 0 0 0 50px;
	margin:45px 0 0 0;
	border-left:2px solid #5ea9d7
}

#country a{
	background:url('/assets/images/contact-arrow.jpg') center left no-repeat;
	color:#5ea9d7;
	font-size:20px;
	font-weight:bold;
	display:block;
	margin:10px 0;
	padding-left:15px;
}

#country a:hover{
	background:url('/assets/images/contact-arrow-hover.jpg') center left no-repeat;
	color:#0b4a67;
}

/***********************************************/
/* 			         Footer                    */
/***********************************************/

#footer{
	position:relative;
	float:left;
	display:inline;
	background: url('/assets/images/footer-gradient.jpg') repeat-x;
	height:150px;
	width:100%;
}

#footer-content{
	margin:0 auto;
	width:916px;
	position:relative;
	padding-left:10px;
}

a#tg-logo {
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/tg-logo.jpg') no-repeat top left;
	width:177px;
	height:72px;
	top:21px;
}


a#copyright { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/footer.jpg') no-repeat top left;
	background-position: 0 -29px;
	height:29px;
	width:160px;
	top:62px;
	left:235px;
} 
a#copyright:hover { background-position: 0 0; } 


a#privacy { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/footer.jpg') no-repeat top left;
	background-position: -160px -29px;
	height:29px;
	width:47px;
	top:62px;
	left:395px;
} 
a#privacy:hover { background-position: -160px 0; } 


a#contact { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/footer.jpg') no-repeat top left;
	background-position: -207px -29px; 
	height:29px;
	width:63px;
	top:62px;
	left:442px;
}
a#contact:hover { background-position: -207px 0; } 


a#trade { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/footer.jpg') no-repeat top left;
	background-position: -270px -29px; 
	height:29px;
	width:40px;
	top:62px;
	left:490px;
} 
a#trade:hover { background-position: -270px 0; } 


a#flag1 {
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/flag.jpg') no-repeat top left;
	background-position: 0 0;
	width:34px;
	height:51px;
	top:52px;
	left:570px;
} 
a#flag1:hover { background-position: 0 -51px; } 


a#flag2 {
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/flag.jpg') no-repeat top left;
	background-position: -34px 0; 
	width:34px;
	height:51px;
	top:52px;
	left:604px;
} 
a#flag2:hover { background-position: -34px -51px; } 


a#flag3 { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/flag.jpg') no-repeat top left;
	background-position: -68px 0;
	width:34px;
	height:51px;
	top:52px;
	left:637px;
} 
a#flag3:hover { background-position: -68px -51px; } 


a#flag4 {
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/flag.jpg') no-repeat top left;
	background-position: -102px 0;
	width:34px;
	height:51px;
	top:52px;
	left:671px;
} 
a#flag4:hover { background-position: -102px -51px; } 


a#flag5 { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/flag.jpg') no-repeat top left;
	background-position: -136px 0; 
	width:34px;
	height:51px;
	top:52px;
	left:705px
} 
a#flag5:hover { background-position: -136px -51px; } 


a#twitter { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/social.jpg') no-repeat top left;
	background-position: 0 0; 
	width:29px;
	height:58px;
	top:49px;
	left:780px
}
a#twitter:hover { background-position: 0 -58px; } 


a#fb { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/social.jpg') no-repeat top left;
	background-position:  -29px 0;
	width:28px;
	height:58px;
	top:49px;
	left:809px
} 
a#fb:hover { background-position:  -29px -58px; } 


a#share { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/social.jpg') no-repeat top left;
	background-position:  -60px 0; 
	width:63px;
	height:58px;
	top:49px;
	left:841px
} 
a#share:hover { background-position:  -60px -58px; } 

/***********************************************/
/* 			Index page Center Body              */
/***********************************************/

#body{
	width:926px;
	position:relative;
	float:left;
	display:inline;
}

#flash-banner{
	position:relative;
	float:left;
	display:inline;
	background: url('/assets/images/Jazz-Avanti-banner.jpg') no-repeat top left;
	width:926px;
	height:295px;
	margin:-2px 0 0 -3px;
}

#promo-banner{
	position:relative;
	float:left;
	display:inline;
	background: url('/assets/images/promo-banner.jpg') no-repeat top left;
	width:926px;
	height:295px;
	margin:-2px 0 0 -3px;
}

#home-left{
	position:relative;
	float:left;
	display:inline;
	width:323px;
	background-color:#4283ae;
	color:#fff;
	font-weight:bold;
	margin: 0 0 10px 10px;
}

#home-left-top{
	background: url('/assets/images/home-left-top.jpg') no-repeat top left;
	width:323px;
	height:8px;
}

#home-left-btm{
	background: url('/assets/images/home-left-btm.jpg') no-repeat top left;
	width:323px;
	height:8px;
}

#home-left h2{
	font-size:24px;
	padding:0 0 0 10px
	
}
 
#home-left h3{
	font-size:18px;
	padding:0 0 0 10px
}

#home-left img{
	padding:5px;
}

a#arrow { 
	position:absolute;
	text-indent:-9999em;
	background: url('/assets/images/arrow.jpg') no-repeat top left;
	background-position: 0 0; 
	width:25px;
	height:25px;
	bottom:8px;
	right:0;
} 
a#arrow:hover { background-position: 0 -25px; } 

#home-right{
	position:relative;
	float:left;
	display:inline;
	width:562px;
	background-color:#fff;
	margin: 0 0 10px 10px;
}

#home-right-top{
	background: url('/assets/images/home-right-top.jpg') no-repeat top left;
	width:562px;
	height:8px;
}

#home-right-mid{
	padding:3px 30px;
}

#home-right-btm{
	background: url('/assets/images/home-right-btm.jpg') no-repeat top left;
	width:562px;
	height:8px;
}

#home-right-mid img{
	padding: 3px 10px 10px 0;
}

#home-right p{
	font-size:12px;
	color:#0b4a67;
	padding:5px 0 15px 0;
}

#home-right a{
	font-weight:bold;
}

#home-right a:hover{
	text-decoration:underline;
}

/***********************************************/
/*				World map page				   */
/***********************************************/

#map-body{
	margin-left:-5px;
}

#map-icon{
	margin:10px 0 35px 15px;
}

#map-icon img, #map-icon p{
	position:relative;
	float:left;
	display:inline;
	padding:0 5px
}

#map-icon p{
	padding:0 30px 0 0;
	color:#fff;
	font-size:12px
}

#apple-nz{
	background: url('../images/apple-nz.jpg') no-repeat top left;
	width:19px;
	height:20px;
	position:absolute;
	bottom:65px;
	right:49px;
	z-index:1
}

#apple-us{
	background: url('../images/apple-us.jpg') no-repeat top left;
	width:18px;
	height:17px;
	position:absolute;
	top:270px;
	left:105px;
	z-index:1
}

#apple-uk{
	background: url('../images/apple-uk.jpg') no-repeat top left;
	width:16px;
	height:17px;
	position:absolute;
	top:266px;
	left:410px;
	z-index:1
}

#apple-eu{
	background: url('../images/apple-eu.jpg') no-repeat top left;
	width:17px;
	height:15px;
	position:absolute;
	top:281px;
	left:430px;
	z-index:1
}

#apple-aus{
	background: url('../images/apple-aus.jpg') no-repeat top left;
	width:20px;
	height:19px;
	position:absolute;
	bottom:72px;
	right:134px;
	z-index:1
}

#apple-swz{
	background: url('../images/apple-swz.jpg') no-repeat top left;
	width:16px;
	height:16px;
	position:absolute;
	top:298px;
	left:430px;
	z-index:1
}

#recipeHolder ol {

	padding-left: 25px;
	color:#0b4a67;

}
	
#recipeHolder ol li {

	font-size: 11px;
	line-height: 18px
	color:#0b4a67;

}

.send-to-friend {

	position: absolute;
	top: 5px;
	left: 450px;

}