/*----------------------------------

	

	1:	GLOBAL

	2:	TYPOGRAPHY

	3:	CONTAINERS

	4:	NAVIGATION

	5:	CONTENT

	6:	FOOTER

	

----------------------------------*/





/*	1:	GLOBAL

----------------------------------*/

body {

	font: .7em verdana, arial, sans-serif;

	line-height: 140%;

	color: #68696D;

	text-align: center;

	background: url(../images/img_bkg.jpg);

}

html, body {height: 100%}

*, ul, ol {	

	padding: 0;

	margin: 0;

	list-style: none;

}

a {outline: none;}

img {border: 0}

.clear {clear: both}

.left {float: left}

.right {float: right}

.logo {	

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10;

}

.list {padding-left: 20px}

.list li {

	list-style-type: disc;

	margin-bottom: 8px

}

.list.lrg {font-size: 125%}



/* LINKS */

a, a:visited, a:active {

	color: #68696D;

	text-decoration: underline;

}

a:hover {text-decoration: none}







/*	2:	TYPOGRAPHY

----------------------------------*/

h1 {

	font-family: helvetica, arial, sans-serif;

	font-size: 270%;

	line-height: 105%;

	font-weight: normal;

	margin: 3px 0 15px 0;
	
	padding-top: 10px;

	color: #01A035;

}

.home h1 {

	font-size: 240%;

	line-height: 130%;

	color: #68696D

}

h4 {

	font-size: 100%;

	font-weight: bold;

}

p {margin-bottom: 10px}







/*	3:	CONTAINERS

----------------------------------*/

.shimmy {

	width: 100%;

	height: 50%;

	margin-top: -300px; /* half wrapper plus border height */

	float: left;

	position: relative;

}

.shimmy.top {background: #fbfbfb}

.border {

	width: 100%;

	height: 60px;

	background: #fbfbfb url(../images/bkg_gbl.gif);

	float: left;

	clear: both;

	position: relative;

	z-index: 10;

}

.border .bkg {

	height: 30px;

	width: 100%;

	background-position: left top;

	background-repeat: repeat-x;

	background-color: #fbfbfb;

	position: absolute;

	left: 0

}

.border.top .bkg {

	bottom: 0;

	background-image: url(../images/img_border-top-bkg.gif);

}

.border.btm .bkg {

	top: 0;

	background-image: url(../images/img_border-btm-bkg.jpg);

}

.border .shd {

	height: 10px;

	width: 100%;

	background-position: left top;

	background-repeat: repeat-x;

	position: absolute;

	left: 0

}

.border.top .shd {

	top: 20px;

	background-image: url(../images/img_border-top-shd.png);

}

*html .border.top .shd {

	top: 18px;

	background-image: none;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_border-top-shd.png', sizingMethod='scale');

}

.border.btm .shd {

	bottom: 20px;

	background-image: url(../images/img_border-btm-shd.png);

}

*html .border.btm .shd {

	bottom: 18px;

	background-image: none;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_border-btm-shd.png', sizingMethod='scale');

}

/* Hide from IE5mac \*//*/

#shim {display: none}

html, body {height: auto}

#wrapper {top: 0}

/* end hack */

#wrapper {

	width: 100%;

	background: #fbfbfb url(../images/img_content-bkg.jpg) left bottom repeat-x;

	text-align: center;

	clear: both;

	position: relative;
	
	height: 480px;

	top: -300px; /* half wrapper plus border height */

	position: static;

}

#container {

	width: 760px;

	height: 100%;

	margin: 0 auto;

	position: relative;

	text-align: left;

	z-index: 20;

}

#content {

	width: 480px;

	position: relative;

	top: 60px;

	left: 280px;

}



#content.overview {

	width: 230px;

	position: relative;

	top: 150px;

	left: 0;

}



#product {

	position: absolute;

	right: 510px;

	bottom: 0;

}

.home #product {left: 0; right: auto}

.home img#product {left: auto; right: 510px}

/*.stockists #product {left: 0; right: auto}*/

.coffees_organic #product {left: 0; right: auto}

.coffees_decaffeinated #product {left: 0; right: auto}







/*	4:	NAVIGATION

----------------------------------*/

#nav {

	position: absolute;

	top: 0;

	left: 280px;

	z-index: 10

}



/* LEVEL 1 */

#nav li {

	float: left;

	margin-right: 6px;

	background: url(../images/nav_bkg-lt.gif) left top no-repeat;

}

#nav li.contact {margin-right: 0}

#nav li a {

	float: left;

	padding: 13px 0 0 0;

	height: 32px;

	background: url(../images/nav_bkg-rt.gif) right top no-repeat;

	position: relative;

	text-decoration: none;

	text-align: center

}

#nav li a b {float: left; cursor: pointer}

#nav li.about a b {width: 58px}

#nav li.products a b {width: 76px}

#nav li.shop a b {width: 80px}

#nav li.recycling a b {width: 84px}

#nav li.stockists a b {width: 80px}

#nav li.links a b {width: 76px}

#nav li.contact a b {width: 71px}

#nav li a:hover, #nav li a.current, #nav li.sfhover a b {color: #01A035}

#nav[id] :hover > a b {color: #01A035}



/* LEVEL 2 */

#nav li ul {

	position: absolute;

	top: 45px;

	left: -9000px;

	width: 165px;

	padding: 20px 0 0 0;

	font-size: 10px;

	background: url(../images/nav_drop-bkg.gif) left top no-repeat

}

#nav li:hover ul, #nav li.sfhover ul {

	clear: both; 

	left: auto

}

#nav li li {

	float: left;

	background: none;

	position: relative;

}

#nav li li.btm {

	bottom: -18px;

	left: 0;

	margin-top: -18px;

	width: 165px;

	height: 18px;

	background: url(../images/nav_drop-btm.png) left top no-repeat;

}

*html #nav li li.btm {

	background: none;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_drop-btm.png', sizingMethod='noscale');

}

#nav li li a {

	background: none;

	height: auto;

	padding: 3px 0 3px 12px;

	width: 153px;

	text-align: left;

}

#nav li li a:hover {background: #E2E2E2}

/*#nav li li.sfhover a {background: #E2E2E2}

#nav[id] li li:hover > a {background: #E2E2E2}*/



/* LEVEL 3 */

#nav ul ul {

	top: 0;

	padding: 0;

	width: 165px;

	background: #02A036;

	margin-left: 165px;

}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -9000px;}

#nav li li:hover ul, #nav li li.sfhover ul {left: 0;}

#nav ul ul.sub_teas, #nav li.sfhover ul ul.sub_teas {top: -40px}

#nav ul ul.sub_coffees, #nav li.sfhover ul ul.sub_coffees {top: -16px}

#nav li li li {margin: 0}

#nav li li li a {

	color: #fff; 

	padding: 1px 10px 2px 10px;

	width: 145px;

	margin: 0;

	border-bottom: 1px solid #02CE45;

}

#nav li li li.last a {border-bottom: 0}

#nav li li li a:hover {

	color: #fff;

	background: #00832B

}







/*	5:	FOOTER

----------------------------------*/

#footer {

	position: absolute;

	bottom: 0;

	left: 275px;

	font-size: 9px;
}

#footer li {

	margin: 0 3px;

	float: left

}

#footer li a {

	float: left;

	margin-right: 3px;

	text-decoration: none;

}

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

#footer li a:hover {color: #000}









/*	6:	SECTION COLOURS

----------------------------------*/

/* RECYCLING */

.recycling .border {background: #01A035 url(../images/bkg_recycling.gif)}



/* JUICES */

/* Orange */

.juices_orange .border {background: #FF7128 url(../images/juices/bkg_orange.gif)}

.juices_orange h1, 

.juices_orange h4,

.juices_orange #nav li a:hover, 

.juices_orange #nav li a.current,

.juices_orange #nav li.sfhover a b {color: #FF7128}

.juices_orange #nav[id] :hover > a b {color: #FF7128}

.juices_orange #nav ul ul {background-color: #FF7128}

.juices_orange #nav ul ul li a {border-color: #F5A759}

.juices_orange #nav ul ul li a:hover {color: #fff; background: #C75B27}

/* Apple */

.juices_apple .border {background: #01A035 url(../images/juices/bkg_apple.gif)}

.juices_apple h1, 

.juices_apple h4,

.juices_apple #nav li a:hover, 

.juices_apple #nav li a.current, 

.juices_apple #nav li.sfhover a b {color: #01A035}

.juices_apple #nav[id] :hover > a b {color: #01A035}

.juices_apple #nav ul ul {background-color: #01A035}

.juices_apple #nav ul ul li a:hover {color: #fff}

/* Carrot, apple, celery */

.juices_carrot_apple_celery .border {background: #E45317 url(../images/juices/bkg_carrot_apple_celery.gif)}

.juices_carrot_apple_celery h1,

.juices_carrot_apple_celery h4,

.juices_carrot_apple_celery #nav li a:hover,

.juices_carrot_apple_celery #nav li a.current,

.juices_carrot_apple_celery #nav li.sfhover a b {color: #06B085}

.juices_carrot_apple_celery #nav[id] :hover > a b {color: #06B085}

.juices_carrot_apple_celery #nav ul ul {background-color: #06B085}

.juices_carrot_apple_celery #nav ul ul li a {border-color: #34D3A6}

.juices_carrot_apple_celery #nav ul ul li a:hover {color: #fff; background: #0D8865}

/* Carrot, apple, ginger */

.juices_carrot_apple_ginger .border {background: #FF8946 url(../images/juices/bkg_carrot_apple_ginger.gif)}

.juices_carrot_apple_ginger h1,

.juices_carrot_apple_ginger h4,

.juices_carrot_apple_ginger #nav li a:hover, 

.juices_carrot_apple_ginger #nav li a.current,

.juices_carrot_apple_ginger #nav li.sfhover a b {color: #F2635C}

.juices_carrot_apple_ginger #nav[id] :hover > a b {color: #F2635C}

.juices_carrot_apple_ginger #nav ul ul {background-color: #F2635C}

.juices_carrot_apple_ginger #nav ul ul li a {border-color: #F89E99}

.juices_carrot_apple_ginger #nav ul ul li a:hover {color: #fff; background: #C94841}

/* Apple, strawberry */

.juices_apple_strawberry .border {background: #F4B040 url(../images/juices/bkg_apple_strawberry.gif)}

.juices_apple_strawberry h1,

.juices_apple_strawberry h4,

.juices_apple_strawberry #nav li a:hover, 

.juices_apple_strawberry #nav li a.current,

.juices_apple_strawberry #nav li.sfhover a b {color: #ED1949}

.juices_apple_strawberry #nav[id] :hover > a b {color: #ED1949}

.juices_apple_strawberry #nav ul ul {background-color: #ED1949}

.juices_apple_strawberry #nav ul ul li a {border-color: #F1869B}

.juices_apple_strawberry #nav ul ul li a:hover {color: #fff; background: #BA1636}

/* Apple, blackcurrant */

.juices_apple_blackcurrant .border {background: #FF964B url(../images/juices/bkg_apple_blackcurrant.gif)}

.juices_apple_blackcurrant h1,

.juices_apple_blackcurrant h4,

.juices_apple_blackcurrant #nav li a:hover, 

.juices_apple_blackcurrant #nav li a.current,

.juices_apple_blackcurrant #nav li.sfhover a b {color: #5A4099}

.juices_apple_blackcurrant #nav[id] :hover > a b {color: #5A4099}

.juices_apple_blackcurrant #nav ul ul {background-color: #5A4099}

.juices_apple_blackcurrant #nav ul ul li a {border-color: #8670C0}

.juices_apple_blackcurrant #nav ul ul li a:hover {color: #fff; background: #3F2B74}

/* Apple, beetroot, carrot */

.juices_apple_beetroot_carrot .border {background: #811650 url(../images/juices/bkg_apple_beetroot_carrot.gif)}

.juices_apple_beetroot_carrot h1,

.juices_apple_beetroot_carrot h4,

.juices_apple_beetroot_carrot #nav li a:hover, 

.juices_apple_beetroot_carrot #nav li a.current,

.juices_apple_beetroot_carrot #nav li.sfhover a b {color: #81C747}

.juices_apple_beetroot_carrot #nav[id] :hover > a b {color: #81C747}

.juices_apple_beetroot_carrot #nav ul ul {background-color: #81C747}

.juices_apple_beetroot_carrot #nav ul ul li a {border-color: #9FDF6A}

.juices_apple_beetroot_carrot #nav ul ul li a:hover {color: #fff; background: #5FA129}



/* SOFT-DRINKS */

/* Cola */

.softdrinks_cola .border {background: #78191B url(../images/softdrinks/bkg_cola.gif)}

.softdrinks_cola h1,

.softdrinks_cola h4,

.softdrinks_cola #nav li a:hover, 

.softdrinks_cola #nav li a.current,

.softdrinks_cola #nav li.sfhover a b {color: #DE1E1C}

.softdrinks_cola #nav[id] :hover > a b {color: #DE1E1C}

.softdrinks_cola #nav ul ul {background-color: #DE1E1C}

.softdrinks_cola #nav ul ul li a {border-color: #E96363}

.softdrinks_cola #nav ul ul li a:hover {color: #fff; background: #A81514}

/* Lemonade */

.softdrinks_lemonade .border {background: #0156A5 url(../images/softdrinks/bkg_lemonade.gif)}

.softdrinks_lemonade h1,

.softdrinks_lemonade h4,

.softdrinks_lemonade #nav li a:hover, 

.softdrinks_lemonade #nav li a.current,

.softdrinks_lemonade #nav li.sfhover a b {color: #0156A5}

.softdrinks_lemonade #nav[id] :hover > a b {color: #0156A5}

.softdrinks_lemonade #nav ul ul {background-color: #0156A5}

.softdrinks_lemonade #nav ul ul li a {border-color: #2A75BF}

.softdrinks_lemonade #nav ul ul li a:hover {color: #fff; background: #003B71}

/* Lemon Crush */

.softdrinks_lemon_crush .border {background: #EBE300 url(../images/softdrinks/bkg_lemon_crush.gif)}

.softdrinks_lemon_crush h1,

.softdrinks_lemon_crush h4,

.softdrinks_lemon_crush #nav li a:hover, 

.softdrinks_lemon_crush #nav li a.current,

.softdrinks_lemon_crush #nav li.sfhover a b {color: #7C6D6A}

.softdrinks_lemon_crush #nav[id] :hover > a b {color: #7C6D6A}

.softdrinks_lemon_crush #nav ul ul {background-color: #7C6D6A}

.softdrinks_lemon_crush #nav ul ul li a {border-color: #A59A97}

.softdrinks_lemon_crush #nav ul ul li a:hover {color: #fff; background: #5C4E4B}

/* Orange Crush */

.softdrinks_orange_crush .border {background: #FD760F url(../images/softdrinks/bkg_orange_crush.gif)}

.softdrinks_orange_crush h1,

.softdrinks_orange_crush h4,

.softdrinks_orange_crush #nav li a:hover, 

.softdrinks_orange_crush #nav li a.current,

.softdrinks_orange_crush #nav li.sfhover a b {color: #E51938}

.softdrinks_orange_crush #nav[id] :hover > a b {color: #E51938}

.softdrinks_orange_crush #nav ul ul {background-color: #E51938}

.softdrinks_orange_crush #nav ul ul li a {border-color: #EB5163}

.softdrinks_orange_crush #nav ul ul li a:hover {color: #fff; background: #B41225}



/* SPARKING WATERS */

/* Plain */

.sparkling_plain .border {background: #96C0E6 url(../images/sparkling/bkg_water.gif)}

.sparkling_plain h1,

.sparkling_plain #nav li a:hover, 

.sparkling_plain #nav li a.current,

.sparkling_plain #nav li.sfhover a b {color: #078dce}

.sparkling_plain #nav[id] :hover > a b {color: #078dce}

.sparkling_plain #nav ul ul {background-color: #078dce}

.sparkling_plain #nav ul ul li a {border-color: #73c7ef}

.sparkling_plain #nav ul ul li a:hover {color: #fff; background: #01699b}

/* Lemon */

.sparkling_lemon .border {background: #96C0E6 url(../images/sparkling/bkg_lemon.gif)}

.sparkling_lemon h1,

.sparkling_lemon #nav li a:hover, 

.sparkling_lemon #nav li a.current,

.sparkling_lemon #nav li.sfhover a b {color: #2faddd}

.sparkling_lemon #nav[id] :hover > a b {color: #2faddd}

.sparkling_lemon #nav ul ul {background-color: #2faddd}

.sparkling_lemon #nav ul ul li a {border-color: #6acdf3}

.sparkling_lemon #nav ul ul li a:hover {color: #fff; background: #1280aa}

/* Lime */

.sparkling_lime .border {background: #96C0E6 url(../images/sparkling/bkg_lime.gif)}

.sparkling_lime h1,

.sparkling_lime #nav li a:hover, 

.sparkling_lime #nav li a.current,

.sparkling_lime #nav li.sfhover a b {color: #44b0df}

.sparkling_lime #nav[id] :hover > a b {color: #44b0df}

.sparkling_lime #nav ul ul {background-color: #44b0df}

.sparkling_lime #nav ul ul li a {border-color: #76d0f7}

.sparkling_lime #nav ul ul li a:hover {color: #fff; background: #1d85b2}

/* Bitters */

.sparkling_bitters .border {background: #96C0E6 url(../images/sparkling/bkg_bitters.gif)}

.sparkling_bitters h1,

.sparkling_bitters #nav li a:hover, 

.sparkling_bitters #nav li a.current,

.sparkling_bitters #nav li.sfhover a b {color: #44b0df}

.sparkling_bitters #nav[id] :hover > a b {color: #44b0df}

.sparkling_bitters #nav ul ul {background-color: #44b0df}

.sparkling_bitters #nav ul ul li a {border-color: #76d0f7}

.sparkling_bitters #nav ul ul li a:hover {color: #fff; background: #1d85b2}


/* NATURAL SPRING WATER */

.natural_spring_water_water .border {background: #96C0E6}

.natural_spring_water_water h1,

.natural_spring_water_water #nav li a:hover, 

.natural_spring_water_water #nav li a.current,

.natural_spring_water_water #nav li.sfhover a b {color: #7B9DBD}

.natural_spring_water_water #nav[id] :hover > a b {color: #7B9DBD}

.natural_spring_water_water #nav ul ul {background-color: #7B9DBD}

.natural_spring_water_water #nav ul ul li a {border-color: #95BBDE}

.natural_spring_water_water #nav ul ul li a:hover {color: #fff; background: #6184A5}



/* TEAS */

/* Black */

.teas_black .border {background: #CE0408 url(../images/teas/bkg_black.gif)}

.teas_black h1,

.teas_black h4,

.teas_black #nav li a:hover, 

.teas_black #nav li a.current,

.teas_black #nav li.sfhover a b {color: #CE0408}

.teas_black #nav[id] :hover > a b {color: #CE0408}

.teas_black #nav ul ul {background-color: #CE0408}

.teas_black #nav ul ul li a {border-color: #F04847}

.teas_black #nav ul ul li a:hover {color: #fff; background: #A01116}

/* Chamomile */

.teas_chamomile .border {background: #EBE300 url(../images/teas/bkg_chamomile.gif)}

.teas_chamomile h1,

.teas_chamomile h4,

.teas_chamomile #nav li a:hover, 

.teas_chamomile #nav li a.current,

.teas_chamomile #nav li.sfhover a b {color: #7C6D6A}

.teas_chamomile #nav[id] :hover > a b {color: #7C6D6A}

.teas_chamomile #nav ul ul {background-color: #7C6D6A}

.teas_chamomile #nav ul ul li a {border-color: #A59A97}

.teas_chamomile #nav ul ul li a:hover {color: #fff; background: #5C4E4B}

/* Peppermint */

.teas_peppermint .border {background: #71C6A1 url(../images/teas/bkg_peppermint.gif)}

.teas_peppermint h1,

.teas_peppermint h4,

.teas_peppermint #nav li a:hover, 

.teas_peppermint #nav li a.current,

.teas_peppermint #nav li.sfhover a b {color: #72C6A1}

.teas_peppermint #nav[id] :hover > a b {color: #72C6A1}

.teas_peppermint #nav ul ul {background-color: #72C6A1}

.teas_peppermint #nav ul ul li a {border-color: #A9DAC3}

.teas_peppermint #nav ul ul li a:hover {color: #fff; background: #5B9C7F}

/* Green */

.teas_green .border {background: #01A035 url(../images/teas/bkg_green.gif)}

.teas_green h1,

.teas_green h4,

.teas_green #nav li a:hover, 

.teas_green #nav li a.current,

.teas_green #nav li.sfhover a b {color: #02A036}

.teas_green #nav[id] :hover > a b {color: #02A036}

.teas_green #nav ul ul {background-color: #02A036}

.teas_green #nav ul ul li a:hover {color: #fff}



/* COFFEES */

/* Decaffeinated */

.coffees_decaffeinated .border {background: #7B4F3B url(../images/coffees/bkg_coffee.gif)}

.coffees_decaffeinated h1,

.coffees_decaffeinated h4,

.coffees_decaffeinated #nav li a:hover, 

.coffees_decaffeinated #nav li a.current,

.coffees_decaffeinated #nav li.sfhover a b {color: #A2A3B8}

.coffees_decaffeinated #nav[id] :hover > a b {color: #A2A3B8}

.coffees_decaffeinated #nav ul ul {background-color: #A2A3B8}

.coffees_decaffeinated #nav ul ul li a {border-color: #C4C5D3}

.coffees_decaffeinated #nav ul ul li a:hover {color: #fff; background: #787A95}

/* Organic */

.coffees_organic .border {background: #7B4F3B url(../images/coffees/bkg_coffee.gif)}

.coffees_organic h1,

.coffees_organic h4,

.coffees_organic #nav li a:hover, 

.coffees_organic #nav li a.current,

.coffees_organic #nav li.sfhover a b {color: #707D8D}

.coffees_organic #nav[id] :hover > a b {color: #707D8D}

.coffees_organic #nav ul ul {background-color: #707D8D}

.coffees_organic #nav ul ul li a {border-color: #97A2AE}

.coffees_organic #nav ul ul li a:hover {color: #fff; background: #505D6D}





/*	7:	CONTENT

----------------------------------*/

/* RELATED ITEMS */

.related {

	position: absolute;

	right: -3px;

	bottom: 32px;

	width: 486px;

	height: 134px;

	background: url(../images/img_related-bkg.jpg) left top no-repeat;

	padding: 10px 0;

}

.related h4, .releate #ttl {float: left}

.related h4 {padding: 0 10px 0 20px}

.related #ttl {margin-bottom: 10px}

.related li {display: inline}

.related li a {

	float: left;

	height: 100px;

	padding: 0 26px;

	border-right: 1px solid #CCCCCC

}

.related li a.last {border: none}



/* PRODUCTS OVERVIEW */

.products-overview {

	position: absolute;

	bottom: 0;

}

.products-overview li {position: absolute}

.products-overview li a {

	position: absolute; 

	text-indent: -2000px;

	overflow: hidden;

}

/* Juices */

.products-overview.juices {

	width: 559px;

	height: 408px;

	right: -45px;

	background: url(../images/juices/img_overview.jpg);

}

.products-overview.juices  li a {

	width: 75px;

	height: 285px;

}

.products-overview.juices  li.p1 {top: 20px; left: 0}

.products-overview.juices  li.p2 {top: 35px; left: 78px}

.products-overview.juices  li.p3 {top: 50px; left: 157px}

.products-overview.juices  li.p4 {top: 60px; left: 245px}

.products-overview.juices  li.p5 {top: 40px; left: 325px}

.products-overview.juices  li.p6 {top: 20px; left: 405px}

.products-overview.juices  li.p7 {top: 0; left: 485px}

/* Soft Drinks */

.products-overview.softdrinks  {

	width: 409px;

	height: 420px;

	right: 60px;

	background: url(../images/softdrinks/img_overview.jpg);

}

.products-overview.softdrinks li a {

	width: 85px;

	height: 360px;

}

.products-overview.softdrinks li.p1 {top: 5px; left: 5px}

.products-overview.softdrinks li.p2 {top: 10px; left: 110px}

.products-overview.softdrinks li.p3 {top: 0px; left: 230px; }

.products-overview.softdrinks li.p4 {top: 10px; left: 110px; }

/* Sparkling Water */

.products-overview.sparkling  {

	width: 428px;

	height: 420px;

	right: 60px;

	background: url(../images/sparkling/img_overview.jpg);

}

.products-overview.sparkling li a {

	width: 90px;

	height: 360px;

}

.products-overview.sparkling li.p1 {top: 5px; left: 15px}

.products-overview.sparkling li.p2 {top: 10px; left: 120px}

.products-overview.sparkling li.p3 {top: 20px; left: 205px}

.products-overview.sparkling li.p4 {top: 10px; left: 325px}



/* COFFEES */

.products-overview.coffees  {

	width: 480px;

	height: 364px;

	right: 0;

	background: url(../images/coffees/img_overview.jpg);

}

.products-overview.coffees li a {

	width: 180px;

	height: 280px;

}

.products-overview.coffees li.p1 {top: 5px; left: 5px}

.products-overview.coffees li.p2 {top: 5px; left: 205px}

/* TEAS */

.products-overview.teas  {

	width: 389px;

	height: 402px;

	right: 60px;

	background: url(../images/teas/img_overview.jpg);

}

.products-overview.teas li a {

	width: 200px;

	height: 150px;

}

.products-overview.teas li.p2 a {height: 200px; width: 160px}

.products-overview.teas li.p3 a {height: 180px; width: 160px}

.products-overview.teas li.p1 {top: 5px; left: 5px}

.products-overview.teas li.p2 {top: 5px; left: 225px}

.products-overview.teas li.p3 {top: 160px; left: 30px}

.products-overview.teas li.p4 {top: 180px; left: 195px}



/* CONTACT */

.contact label, .contact span {float: left;}

.contact label {

	font-weight: bold;

	width: 80px;

	margin-bottom: 5px;

}

.contact br {clear: both}

/* SHOP */

#shopmarg {

	width: 230px;

	position: relative;

	top: 150px;

	left: 0;
	
	float: left;

}

#shopmain {

	width: 480px;

	position: relative;

	top: 60px;

float: right;
}


/* Press Room, */
.clearer {clear: both; height: 1px;}

.butt-adobe {float: right; margin: 0 0 17px 20px; }
.pdflist { list-style: none; padding: 15px 0;}
.pdflist li {display: block; margin: 0 0 20px 0; padding: 2px  0 0 43px; background: url(../images/i_pdf.gif) no-repeat;}