/*====================================================
	basic.css
	Mark Gerrard @ Bigfish.co.uk
	2008-10-06
	Basic site wide styles
====================================================*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background: #473F23;
}
body.page-popup {
	background:#FFFFFF;
}

a {
	color: #fff;
}

a img {
	border: none;
}

p {
	margin: 0 0 1em;
}

#container {
	width: 880px;
	margin: 40px auto;
	font-size: 1.3em;
	line-height: 1.48em;
	position:relative;
}


/*====================================================
	MAIN NAVIGATION
====================================================*/
.nav {
	float:left;
}
/* This is to fix the popup calendar's nav */
.calendar .nav {
	float:none;
}
.nav.website {
	float:left;
}
.nav.shopping {
	right:0;
	position:absolute;
	top:0;
}
.nav ul {
	list-style-image:none;
/*	border: 1px solid red;*/
}
.nav ul li {
	display:inline;
}
ul#nav-top {
	overflow:hidden;
}
ul#nav-top li {
	display:inline;
	margin:0 3px 0 0;
}
ul#nav-top li.last {
	margin-right:0;
}
ul#nav-top a {
	color: #97B328;
	display:block;
	float:left;
	text-decoration: none;
	text-indent: -2000px;
	height:25px;
	overflow:hidden;
	margin-right: 2px;
}
ul#nav-top a#nav-home {
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat 0 0;
	width: 58px;
}
ul#nav-top a:hover#nav-home, ul#nav-top a#nav-home.current {
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat 0 -41px;
	width: 58px;
}
ul#nav-top a#home_our-drinks {
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -61px 0;
	width: 89px;
}
ul#nav-top a:hover#home_our-drinks, ul#nav-top a#home_our-drinks.current {
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -61px -41px;
	width: 89px;
} 
ul#nav-top a#home_the-story-so-far{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -153px 0;
	width: 130px;
}
ul#nav-top a:hover#home_the-story-so-far, ul#nav-top a#home_the-story-so-far.current {
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -153px -41px;
	width: 130px;
} 
ul#nav-top a#home_win-things{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -285px 1px;
	width: 89px;
}
ul#nav-top a:hover#home_win-things, ul#nav-top a#home_win-things.current{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -285px -40px;
	width: 89px;
}
ul#nav-top a#home_join-our-club{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -377px 0;
	width: 105px;
}
ul#nav-top a:hover#home_join-our-club, ul#nav-top a#home_join-our-club.current{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -377px -41px;
	width: 105px;
}
ul#nav-top a#home_contact-us{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -485px 0;
	width: 89px;
}
ul#nav-top a:hover#home_contact-us, ul#nav-top a#home_contact-us.current{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -485px -41px;
	width: 89px;
}
ul#nav-top a#home_trade{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -577px 0;
	width: 57px;
}
ul#nav-top a:hover#home_trade, ul#nav-top a#home_trade.current{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -577px -41px;
	width: 57px;
}
ul#nav-top a#home_press{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -637px 0;
	width: 51px;
}
ul#nav-top a:hover#home_press, ul#nav-top a#home_press.current{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -637px -41px;
	width: 51px;
}
ul#nav-top a#home_shop{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -691px 0;
	width: 51px;
}
ul#nav-top a:hover#home_shop, ul#nav-top a#home_shop.current{
	background: transparent url("../images/layout/clipper-nav.jpg") no-repeat -691px -41px;
	width: 51px;
}
.nav.shopping ul {
	text-align:right;
}
.nav.shopping a{
	background:none;
	color:#AFB945;
	text-indent:0;
	height:auto;
	margin-top:-4px;
	font-size:12px;
	border-right:1px solid #AFB945;
	padding:0 2px;
}
.nav.shopping li.last a{
	padding-right:0;
	padding-left:2px;
	border-right:none;
}
/*====================================================
	HEADER
====================================================*/
#header {
	width: 880px;
	height: 330px;
	position: relative;
	margin: 0;
	background: #747b3f;
	overflow: hidden;
	clear: both;
}

#header h1 {
	position: absolute;
	left: 21px;
	top: 17px;
	font-size: 0.5em;
	background: transparent url("../images/layout/logo_clipper_vertical.gif") no-repeat 0 0;
}

#header h1 a {
	width: 0;
	height: 0;
	display: block;
	padding: 305px 0 0 74px;
	overflow: hidden;
}

#header .flash-wrap {
	position:absolute;
	top: 0;
	right:0px;
	z-index: 0;
}

#header #header-flash {
	position: absolute;
	right: 0;
	top: 0;	
}

#header #header-flash.no-flash {
	margin: 20px 20px 0 0;
}
#banners {
	height:330px;
	position:absolute;
	right: 0;
	overflow:hidden;
	width:778px;
}
#banners .banner {
	height:330px;
	width:778px;
}
#banners .banner {
	display:none;
	z-index:100;
}
#banners a.banner {
	display:block;
}
.banner h2 {
	color:#fff;
	width:316px;
	position:absolute;
	bottom:18px;
	left:25px;
	text-transform: uppercase;
	z-index:150;
	line-height:1.4em
}
.banner img {
	position:absolute;
	top:15px;
	right:75px;
}

.radiobutton {
	width:auto !important;
}

/*====================================================
	CONTENT NAVIGATION
====================================================*/
#nav-container {
	overflow:hidden;
	
}

#nav-content {
	clear: both;
	overflow: hidden;
	margin:0 0 10px -25px;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#nav-content a{
	color: #000;
}

#nav-content ul {
	list-style: none;
	/*overflow:hidden;*/
	text-transform: uppercase;
}

#nav-content ul li {
	float: left;
}

#nav-content ul li a {
	float: left;
	padding: 5px 15px 5px 0;
	border-left: 1px solid;
	border-color: #000;
	text-decoration: none;
	font-size:0.85em;
}

#nav-content li.first a {
	padding-left:27px;
	border-left: none;
}

#nav-content li a.active {
	border-left: none;
	background: #97B328;
}

#nav-content a#home_our-drinks_green, #nav-content a#home_our-drinks_white, #nav-content a#home_our-drinks_coffee { padding-left:15px; padding-right:15px; }
#nav-content a#home_our-drinks_specialities, #nav-content a#home_our-drinks_chocolate { padding-left:24px; padding-right:23px; }
#nav-content a#home_our-drinks_fruit-herbs { padding-left:24px; padding-right:25px; }

#nav-content a#home_our-drinks_everyday:hover, #nav-content a#home_our-drinks_everyday.current {background: #97B328;}
#nav-content a#home_our-drinks_green:hover, #nav-content a#home_our-drinks_green.current {background: #AEC9A6;}
#nav-content a#home_our-drinks_white:hover, #nav-content a#home_our-drinks_white.current {background: #CFC5BD;}
#nav-content a#home_our-drinks_specialities:hover, #nav-content a#home_our-drinks_specialities.current {background: #72705C;}
#nav-content a#home_our-drinks_special-reserve:hover, #nav-content a#home_our-drinks_special-reserve.current {background: #A18086;}
#nav-content a#home_our-drinks_fruit-herbs:hover, #nav-content a#home_our-drinks_fruit-herbs.current {background: #D2C53E;}
#nav-content a#home_our-drinks_coffee:hover, #nav-content a#home_our-drinks_coffee.current {background: #5B4732;}
#nav-content a#home_our-drinks_chocolate:hover, #nav-content a#home_our-drinks_chocolate.current {background: #8B7660;}
#nav-content a#home_our-drinks_gifts:hover, #nav-content a#home_our-drinks_gifts.current {background: #AEBFD5;}
#nav-content a#home_our-drinks_offers:hover, #nav-content a#home_our-drinks_offers.current {background: #D1B975;}

#container .home_our-drinks_green {background-color: #AEC9A6;}
#container .home_our-drinks_white {background-color: #CFC5BD;}
#container .home_our-drinks_specialities {background-color: #72705C;}
#container .home_our-drinks_special-reserve {background-color: #A18086;}
#container .home_our-drinks_fruit-herbs {background-color: #D2C53E;}
#container .home_our-drinks_coffee {background-color: #5B4732;}
#container .home_our-drinks_chocolate {background-color: #8B7660;}
#container .home_our-drinks_gifts {background-color: #AEBFD5;}
#container .home_our-drinks_offers {background-color: #D1B975;}

#content {
	padding: 15px 0 15px 25px;
	position: relative;
	background-color: #97B328;
	width:855px;
}

#content h2 {
	margin: 0 0 15px;
	padding: 0 0 20px;
	border-bottom: 1px solid #D7DF9A;
	font-size: 1.4em;
	line-height:1.5em;
	text-transform:uppercase;
}

#content h3 {
	font-weight: normal;
	font-size: 1.166em;
	margin: 0 0 10px;
	line-height:1.5em;
}


/*====================================================
	FOOTER
====================================================*/
#footer {
	overflow: hidden;
	width: 100%;
	clear: both;
	padding-top: 10px;
	font-size: 0.692em;
	line-height: 1.4em;
}

#footer p {
	float: left ;
	text-align:left;
}

#footer ul {
	float: left;
	list-style: none;
}

#footer ul li {
	padding: 0 10px 0 0;
	background: url("../images/layout/nav-footer_seperator.gif") no-repeat right center;
	display: inline;
}

#footer ul li.last {
	background: none;
}

#footer #credit {
	float: right;
}

#footer,
#footer a {
	color: #7D745D;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
}

/*====================================================
	CONTENT
====================================================*/
.section {
	position:relative;
}
.section h2 {
	position:relative;
	z-index:20;
	width:220px;
}
a.section {
	display:block;
	text-decoration:none;
}
a.section .text-replace {
	display:block;
	font-size:1.4em;
	margin-top:5px;
}
img.section, .section {
	padding-bottom:28px;
}
img.section.divide {
	border-bottom:1px solid #fff;
}
.section.flower p {
	width:240px;
}
.section.flower {
	background: url('../images/layout/flower.png') no-repeat top right;
	width: 240px;
	margin:0 0 0 0px;

}
/*====================================================
	WIDGETS
====================================================*/
br.contain {
	clear: both;
	height: 1px;
}

#spoon {
	position: absolute;
	left: -45px;
	bottom: -10px;
}

#teapot-buy {
	position: absolute;
	right: 0;
	bottom: -6px;
	z-index:20;
}

.photo-com {
	margin: 0 0 10px;
	font-style: italic;
}
.photo-com.bottom {
	margin: 0 0 50px;
}

.photo-com.cen {
	text-align: center;
}

.photo-com img {
	margin: 0 0 5px;
	border: 1px solid #000;
}

a#click-buy {
	margin: 50px 0 0 0;
	display: block;
	width: 228px;
	height: 54px;
	background: transparent url("../images/layout/btn_click-here-buy.png") no-repeat;
	text-indent: -1000em;
}

#scroller {
	width: 560px;
	height: 170px;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
}

#scroller #scroll-cut {
	width: 560px;
	overflow: hidden;
}

#scroller #scroll-prev {
	position: absolute;
	left: 0;
	top: 85px;
}

#scroller #scroll-next {
	position: absolute;
	right: 0;
	top: 85px
}

#scroller #scroll-inner {
	position: relative;
	width: 1000px;
}

.drop_shadow {
	background:url('/static/images/drop_shadow.png') no-repeat bottom right;
	float:left;
	margin: 7px 0 0 7px;
	padding:0;
	position: relative;
}

.drop_shadow img.shadow_tr {
	position:absolute;
	right:8px;
	top:-7px;
}

.drop_shadow img.shadow_bl {
	bottom:8px;
	left:-7px;
	position:absolute;
}

.drop_shadow img.add_shadow {
	margin:-7px 7px 10px -7px;
	padding:0 8px 3px 0;
}

#product-bar .product {
	float:left;
}
#product-bar .product {
	margin:5px;
}
#product-bar .product.first {
	margin-left:0;
}
#product-bar .product.last {
	margin-right:0;
}

body#our-drinks #content {
	padding-top:0;
}