/*
 Screen style    
 Site: Land Rover Coffee
*/
html { min-height: 100%;	height: auto; }
body { font-size: 75%; padding: 0; background: url(../images/bg/body.jpg) bottom repeat-x; padding-bottom: 20px; }
.home.opera { background-position: 0 400px; }

/* Wrappers */
#outer-wrapper {
	background-image: url(../images/bg/outer-wrapper.png);
	background-repeat: repeat-x;
}
#wrapper { width: 940px; min-height: 600px; margin: 0 auto; }
#inner-wrapper { background: #fff url(../images/bg/inner-wrapper.gif) repeat-x; min-height: 400px; position: relative; }
#inner-wrapper-bottom { width: 939px; height: 4px; background: url(../images/bg/inner-wrapper-bottom.png) no-repeat; }

/* Header */
#accessibility { display: none; }
#header { height: 97px; position: relative; }
#logo {
	position: absolute;
	top: 0;
	left: 8px;
}
#logo img { display: block; }
.home #logo { left: 8px; }
#call-now { width: 165px; height: 19px; position: absolute; left: 768px; top: 26px; z-index: 20; }
#call-now span { background-image: url(../images/text/call-now.gif); }

/* Navigation */
#nav { height: 70px; width: 784px; position: absolute; left: 156px; top: 19px; z-index: 10; background: url(../images/bg/nav.gif) no-repeat; }
#nav li { float: left; }
#nav a { background: #002941; color: #fff; display: block; height: 33px; line-height: 33px; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background: #C9D2DC; color: #002840; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav01 { width: 54px; margin-left: 63px; }
#nav a#nav02 { width: 60px; }
#nav a#nav03 { width: 83px; }
#nav a#nav04 { width: 93px; }
#nav a#nav05 { width: 85px; }
#nav a#nav06 { width: 65px; }
#nav a#nav07 { width: 74px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }
#nav a#nav07 span { background-image: url(../images/nav/07.gif); }

/* Second level */
#nav li ul { position: absolute; background: url(../images/bg/sep1.gif) top right no-repeat; padding-right: 2px; left: 0; }
#nav li li { background: url(../images/bg/sep1.gif) no-repeat; padding-left: 2px; }
#nav li li.first { background: none; padding-left: 0; }
#nav li li a { height: auto; line-height: 1.17; position: static; overflow: visible; background: transparent; color: #002840; text-transform: none; padding: 9px 10px 7px 10px; }
#nav li li a.current, #nav li li a:hover { background: #C9D2DC url(../images/bg/nav-sec-hover.gif) repeat-x; }
#nav li li.first a.current, #nav li li.first a:hover { background: #C9D2DC url(../images/bg/nav-sec-hover-first.gif) no-repeat; }

/* Content */
#content { float: right; width: 720px; }
.home #content { float: left; }
#content h1.sifr { background: #F2F6F9; padding: 10px 12px 4px 12px; margin-bottom: 10px; }
#content .left-col ul { margin: 1em 0 1em 20px;  }
#content .left-col ul.pdf { margin-bottom: 2em; }
#content .left-col ul li { list-style: disc; margin-bottom: 0.15em; }
#content .left-col ul.privacy { margin-left: 0; }
#content .left-col ul.privacy li { list-style: none; }
#content .left-col ul.sitemap li { margin-bottom: 0.75em; list-style: none; }
p.logo { margin: 1em 0 2.5em 0; }
p.box { background: #F2F6F9; padding: 10px;line-height: 1.4; clear: both; }
h2 a { text-decoration: none; }
#content .left-col a:hover { background: #002840; color: #fff; text-decoration: none; }
img.rollover { display: block; }
#content .left-col a:hover { background: #002840; color: #fff; text-decoration: underline; }
#content .left-col a { color: #FF6600; text-decoration: none;}
div.right-col a { color: #9000; text-decoration: none; }
#customer-services a { color: #FF6600; text-decoration: none; font-size: 11px; line-height: 140%; }
#customer-services a:hover { color: #FF6600; text-decoration: underline; font-size: 11px; line-height: 140%; }

/* Main image */
.main-image img { display: block; }
.main-image p { margin: 0; background: #002840; color: #fff; font-size: 0.92em; font-weight: normal; padding: 5px 9px 4px 9px; }

/* Columns */
.left-col { float: left; width: 500px; padding-bottom: 25px; }
.right-col { float: right; width: 200px; padding-bottom: 155px; }

/* Home Page */
#home-main { height: 431px; position: relative; margin-bottom: 20px; }
#home-main .inner { background: #fff url(../images/bg/home-main.jpg) no-repeat; height: 427px; }
#home-main .bottom { width: 720px; height: 4px; background: url(../images/bg/home-main-bottom.png) no-repeat; position: absolute; left: 0; bottom: 0; }

/* Main teaser */
#home-main .teaser { position: absolute; top: 94px; left: 181px; width: 194px; }
#home-main .teaser h1 { width: 156px; height: 60px; }
#home-main .teaser h1 span { background-image: url(../images/text/coffee-adventure.gif); }
#home-main .teaser p { width: 194px; height: 53px;  }
#home-main .teaser p span { background-image: url(../images/text/slogan.gif); }
#home-main .teaser li { width: 107px; height: 22px;  }
#home-main .teaser li span { background-image: url(../images/text/find-out-more.gif); }
#home-main .teaser li span:hover { background-image: url(../images/text/find-out-more-over.gif); text-decoration: none; }

/* Home bottom banners */
.bottom-banners li { float: left; margin-left: 21px; clear: none; margin-bottom: 10px }
.bottom-banners li.first { margin-left: 0; }

/* Sidebar */
#sidebar { float: left; width: 200px; }
.home #sidebar { float: right; }
#sidebar div { margin-bottom: 10px; }

/* Secondary navigation */
.sec-nav {
	min-height: 168px;
	padding-top: 2px;
	background-color: #FEFFFD;
	background-image: url(../images/bg/news.gif);
	background-repeat: repeat-x;
}
.sec-nav li {
	border-bottom: 2px solid #F6F8F4;
}
.sec-nav a { font-size: 0.92em; text-decoration: none; font-weight: bold; display: block; background: url(../images/bg/arrow1.gif) 7px 7px no-repeat; padding: 4px 5px 4px 22px; }
.sec-nav a.current, .sec-nav a:hover {
	background-color: #D9E1E4;
	background-image: url(../images/bg/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}

.home #sidebar .sec-nav-bottom { width: 200px; height: 4px; background: url(../images/bg/news-bottom.png) no-repeat; margin-bottom: 22px; }

/* Secondary navigation home page */
.sec-nav-home { position: absolute; top: 6px; left: 7px; background: url(../images/bg/partners.png) no-repeat; font-size: 0.92em; height: 237px; width:153px; padding-top: 10px}
.sec-nav-home li { 
	width: 153px; 
	height: 41px;  
	padding: 0px; }
.sec-nav-home li a {
width: 153px; 
	height: 41px;  
	font-size: 10px; 
	text-decoration: none; 
	font-weight: bold; 
	display: block; 
	background: transparent url(../images/nav/sec-nav-home.gif) no-repeat; 
	padding-top: 5px;
	padding-left: 20px; }
.sec-nav-home a.current, .sec-nav-home li a:hover { 
	width: 153px; 
	height: 41px; 
	font-size: 10px; 
	text-decoration: none; 
	font-weight: bold; 
	display: block; 
	background: transparent url(../images/nav/sec-nav-home-over.gif) no-repeat;
	padding-top: 5px;
	padding-left: 20px;}

/* Partners */
.partners { width: 153px; position: absolute; top: 6px; left: 7px; background: url(../images/bg/partners.jpg) no-repeat; font-size: 0.92em; height: 220px; }
.partners a { text-decoration: none; display: block; width: 153px; height: 40px; position: relative; overflow: hidden; }
.partners a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
.partners a#partners01 { height: 43px; }
.partners a#partners01 span { background-image: url(../images/partners/01.gif); }
.partners a#partners02 span { background-image: url(../images/partners/02.gif); }
.partners a#partners02 span a:hover { background-image: url(../images/partners/02-over.gif); }
.partners a#partners02 { height: 41px; }
.partners a#partners03 span { background-image: url(../images/partners/03.gif); }
.partners a#partners03 span a:hover { background-image: url(../images/partners/03-over.gif); }
.partners a#partners04 span { background-image: url(../images/partners/04.gif); }
.partners a#partners04 span a:hover { background-image: url(../images/partners/04-over.gif); }
.partners a#partners05 span { background-image: url(../images/partners/05.gif); }
.partners a#partners05 span a:hover { background-image: url(../images/partners/05-over.gif); }
.partners a#partners06 span { background-image: url(../images/partners/06.gif); }
.partners a#partners06 span a:hover { background-image: url(../images/partners/06-over.gif); }


/* Secondary navigation titles */
.sec-nav-title { width: 200px; height: 25px; margin: 0; border: 0; }
#news-update span { background-image: url(../images/text/news-update.gif); }
#about span { background-image: url(../images/text/about.gif); }
#products span { background-image: url(../images/text/products.gif); }
#equipment span { background-image: url(../images/text/equipment.gif); }
#news span { background-image: url(../images/text/news.gif); }
#contact span { background-image: url(../images/text/contact.gif); }
#coffee span { background-image: url(../images/text/our-coffee.gif); }

/* Watermark */
#sidebar .land-rover-coffee { text-align: center; }

/* Logos */
.logos { position: absolute; width: 200px; height: 167px; bottom: 10px; right: 0; }
.logos img { display: block; float: left; margin: 0 0 10px 9px; }
.logos img.first { margin-left: 0; }

/* Products */
h2.products-title { margin-bottom: 16px; }
.product { clear: both; border-bottom: 1px #CCC dashed; width: 100%; margin-top: 10px}
.product ul{ margin-left: 10px; list-style: none; color: #FFF}
.product li{ margin-left: 20px; color: #000}
.product img { float: left; margin-bottom: 18px; }
.product div { margin-left: 160px; }
.product h3 { margin-bottom: 15px; }
.product p { margin-bottom: 10px; }
.product div img { float: none; margin: 0; }
.product img.productimg { margin-right: 10px; }

/* Products table */
#product-table {
width: 460px;
}

#product-table td{
verical-align: top;
}


td.product-image {
verical-align: top;
}


#product-table td.product-title {
color:#002840;
font-size: 18px;
font-weight: bold;
}

#product-table td.product-details {
font-size: 11px;
vertical-align: bottom;
padding-bottom: 10px;
}

#product-table td.product-details a {
color:#FF6600;
}

#product-table td.product-title {
text-align: left;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
margin-left: 0px;
padding-top: 10px;
margin-top: 0px;
padding-bottom: 0px;
}

#product-table td.product-info {
text-align: left;
font-size: 12px;
padding-left: 10px;
margin-left: 0px;
padding-top: 10px;
margin-top: 0px;
padding-bottom: 0px;
}

#product-table td.product-id {
text-align: left;
font-size: 12px;
padding-left: 0px;
margin-left: 0px;
padding-top: 10px;
margin-top: 0px;
padding-bottom: 0px;
}
#product-table td.product-weight {
text-align: left;
font-size: 12px;
padding-left: 10px;
margin-left: 0px;
padding-top: 10px;
margin-top: 0px;
padding-bottom: 0px;
}

#product-table td.product-price {
color:#990000;
font-size: 18px;
font-weight: bold;
text-align: left;
padding-left: 10px;
margin-left: 0px;

}

#product-table td.product-vat {
text-align: left;
font-size: 11px;
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 7px;
vertical-align: bottom;
}

#product-table td.product-pandp {
text-align: left;
font-size: 11px;
padding-left: 10px;
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 7px;
vertical-align: bottom;
}

#product-table td.product-id {
font-size: 11px;
}


#product-table td.product-buy {
text-align: left;
padding-left: 0px;
margin-left: 0px;
padding-bottom: 7px;
vertical-align: bottom;
}

hr.product-separator {
color: #FFF;
border-bottom: 1px #CCC dashed;
}

/* Join form */
.join-form { margin: 1.5em 0; border: 1px solid #C9D2DC; padding: 15px 15px 0 15px; }
.join-form h3 { margin-bottom: 0.5em; }
.join-form input { border: 1px solid #C9D2DC; width: 250px; }
.join-form .label { width: 100px; }
.join-form td { padding: 5px 10px 5px 0; }
.join-form td.send { padding: 5px 10px 15px 0; }

/* Contact form */
.contact-form td { padding: 0.25em 0.25em 0.25em 0.5em; }
.contact-form .contact-send input { border: none; width: auto; }
.contact-form input, .contact-form textarea { border: 1px solid #C9D2DC; width: 300px; }
.contact-form input.checkbox, .contact-form .contact-send input, .join-form .send input { border: none; width: auto; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 135px; }

/* sIFR */
.sIFR-hasFlash h1.sifr { font-size: 30px; line-height: 32px; visibility: hidden; }
.sIFR-hasFlash h1.smaller-title { font-size: 26px; line-height: 28px; }
.sIFR-hasFlash .main-image p { font-size: 11px; line-height: 12px; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#inner-wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Home page footer links */

body.home .footer-links {
font-size: 11px;
clear: none;
display: block;
float:left;
width: 750px;
margin-top: 0px;
}

.footer-links p {
float:left;
margin-right: 10px;
}

.footer-links li {
display:inline;
margin-right: 10px;
}

/* Article page footer links */

.footer-links {
font-size: 11px;
clear: none;
display: block;
float:left;
width: 750px;
margin-top: 10px;
}

/* Blue box links */
div.box { background: #F2F6F9; padding: 10px;line-height: 1.4; clear: both; }
div.box p {
float:left;
margin-right: 10px;
clear: right;
}

div.box ul {
list-style: none;
margin-right: 10px;
}
.newstitle {
	margin-top: 20px;
}