/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px; background:url(../images/tile.jpg)repeat-x #141414 }
ul { list-style:disc inside}
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html {
	font-size:12px;
	font-family:helvetica, arial, "microsoft sans serif", sans-serif;
	line-height:1.4em;
	color:#FFFFFF
}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.9em; font-weight: 600; letter-spacing: -1px; color:#2874b1; margin:0 0 30px 0; text-transform: uppercase }
h2 { font-size:1.6em; font-weight: 400; color:#2874b1; margin:0 0 20px 0 }
h3 { font-size:1.5em; color:#2874b1; font-weight: 600; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#2874b1;  font-weight: 400; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.2em; line-height: 1.3em; color:#fff; margin:0 0 20px 0 }
a { color: #fff;  }
a:hover { text-decoration: underline }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:12px; color: #fff }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#fff }
blockqoute {  }


fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* 2.1 - index page */
h1.ttl-name {}
h2.ttl-select-products {}

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { width:980px; margin:0 auto; position:relative; text-align:left}

/* 3.3 - header */
div#header {  }
div#header #logo {
	width: 500px;
	height: 90px;
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	background-image: url(../images/logo1.png);
	background-repeat: no-repeat;
}
div#header ul#lang { width: 20px; list-style:none; float:right; font-size: 1.8em; color: #fff; padding: 6px 0 0 0}
div#header ul#lang li a {width: 18px; height: 12px; display: block; text-indent: -9999px; margin: 0 0 6px 0 }
div#header ul#lang li a:hover {background-position: bottom}
div#header ul#lang a#eng {background: url(../images/lang/gb.gif) no-repeat}
div#header ul#lang a#ger {background: url(../images/lang/ger.gif) no-repeat}
div#header ul#lang a#spa {background: url(../images/lang/sp.gif) no-repeat}
div#header ul#lang a#man {background: url(../images/lang/ch.gif) no-repeat}
div#header #contactinfo { list-style:none; float:right; font-size: 1.8em; color: #fff; padding: 12px 12px 0 0}
div#header #contactinfo li {padding: 0; margin: 0 0 6px 0}
div#header #contactinfo li a {color: #fff}
div#header #contactinfo li a:hover {color: #62a5da; text-decoration: none}

/* English contact */
div#header #contactinfo #toptel {
	width: 230px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
}
#contactinfo #topfax {
	width: 216px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/fax.png);
	background-repeat: no-repeat;
	
}
#contactinfo #lang {
	width: 226px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/lang.png);
	background-repeat: no-repeat;
	
}

#contactinfo #topemail a {
	width: 290px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/email1.png);
	background-repeat: no-repeat;
}
#contactinfo #topemail a:hover {background-position: 0 -19px; cursor: pointer}



/* 3.4 - content */
div#content { background: #0A0A0A; border: solid 3px #656565}
#navigation-wrapper {margin: 0; padding: 0}
#flashcontent-home {margin: 0; padding: 0; clear: both; height: 350px}
#cubeslider2 {margin: 0; padding: 0; clear: both; height: 350px}
#flashcontent-sub {margin: 0; padding: 0; clear: both; height: 240px}
#primary-nav {list-style:none; width:980px; margin: 0 auto}
#primary-nav li {float:left; display:block; margin:0px; padding: 0}
#primary-nav li a{display:block; background-position:top}
#primary-nav li .current{background-position:bottom;}
#primary-nav li a.current{background-position:bottom;}
#primary-nav li a:hover{display:block; background-position:bottom}

/* English nav */
body#eng #primary-nav li#home a{background-image:url(../images/buttons/home1.jpg); width:139px; height:67px; text-indent:-3000em}
body#eng #primary-nav li#about a{
	background-image:url(../images/buttons/about.jpg);
	width:139px;
	height:67px;
	text-indent:-3000em
}
body#eng #primary-nav li#products a{background-image:url(../images/buttons/nav-products.gif); width:140px; height:67px; text-indent:-3000em}
body#eng #primary-nav li#services {
	background-image:url(../images/buttons/product.jpg);
	width:139px;
	height:67px;
	text-indent:-3000em
}
body#eng #primary-nav li#services:hover {background-position: bottom}
body#eng #primary-nav li#specialoffers a{
	background-image:url(../images/buttons/enquiry.jpg);
	width:140px;
	height:67px;
	text-indent:-3000em
}
body#eng #primary-nav li#news {
background-image:url(../images/buttons/application.jpg);
 width:139px; 
 height:67px; 
 text-indent:-3000em
 }
body#eng #primary-nav li#news:hover {background-position: bottom}
body#eng #primary-nav li#delivery a{background-image:url(../images/buttons/weight.jpg); width:139px; height:67px; text-indent:-3000em}
body#eng #primary-nav li#contact a{
background-image:url(../images/buttons/contact.jpg);
	width:139px;
	height:67px;
	text-indent:-3000em
 }
body#eng #primary-nav li#contact:hover {background-position: bottom}

/* German nav */
body#ger #primary-nav li#home a{background-image:url(../../lang/ger/_includes/images/buttons/nav-home.gif); width:139px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#about a{background-image:url(../../lang/ger/_includes/images/buttons/nav-about.gif); width:139px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#products a{background-image:url(../../lang/ger/_includes/images/buttons/nav-products.gif); width:140px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#services {background-image:url(../../lang/ger/_includes/images/buttons/nav-services.gif); width:139px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#services:hover {background-position: bottom}
body#ger #primary-nav li#specialoffers a{background-image:url(../../lang/ger/_includes/images/buttons/nav-specialoffers.gif); width:140px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#news a{background-image:url(../../lang/ger/_includes/images/buttons/nav-news.gif); width:139px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#delivery a{background-image:url(../../lang/ger/_includes/images/buttons/nav-delivery.gif); width:139px; height:67px; text-indent:-3000em}
body#ger #primary-nav li#contact a{background-image:url(../../lang/ger/_includes/images/buttons/nav-contact.gif); width:139px; height:67px; text-indent:-3000em}

/* Spanish nav */
body#spa #primary-nav li#home a{background-image:url(../../lang/spa/_includes/images/buttons/nav-home.gif); width:139px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#about a{background-image:url(../../lang/spa/_includes/images/buttons/nav-about.gif); width:139px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#products a{background-image:url(../../lang/spa/_includes/images/buttons/nav-products.gif); width:140px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#services {background-image:url(../../lang/spa/_includes/images/buttons/nav-services.gif); width:139px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#services:hover {background-position: bottom}
body#spa #primary-nav li#specialoffers a{background-image:url(../../lang/spa/_includes/images/buttons/nav-specialoffers.gif); width:140px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#news a{background-image:url(../../lang/spa/_includes/images/buttons/nav-news.gif); width:139px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#delivery a{background-image:url(../../lang/spa/_includes/images/buttons/nav-delivery.gif); width:139px; height:67px; text-indent:-3000em}
body#spa #primary-nav li#contact a{background-image:url(../../lang/spa/_includes/images/buttons/nav-contact.gif); width:139px; height:67px; text-indent:-3000em}


/* Chi nav */
body#man #primary-nav li#home a{background-image:url(../../lang/man/_includes/images/buttons/nav-home.gif); width:139px; height:67px; text-indent:-3000em}
body#man #primary-nav li#about a{background-image:url(../../lang/man/_includes/images/buttons/nav-about.gif); width:139px; height:67px; text-indent:-3000em}
body#man #primary-nav li#products a{background-image:url(../../lang/man/_includes/images/buttons/nav-products.gif); width:140px; height:67px; text-indent:-3000em}
body#man #primary-nav li#services {background-image:url(../../lang/man/_includes/images/buttons/nav-services.gif); width:139px; height:67px; text-indent:-3000em}
body#man #primary-nav li#services:hover {background-position: bottom}
body#man #primary-nav li#specialoffers a{background-image:url(../../lang/man/_includes/images/buttons/nav-specialoffers.gif); width:140px; height:67px; text-indent:-3000em}
body#man #primary-nav li#news a{background-image:url(../../lang/man/_includes/images/buttons/nav-news.gif); width:139px; height:67px; text-indent:-3000em}
body#man #primary-nav li#delivery a{background-image:url(../../lang/man/_includes/images/buttons/nav-delivery.gif); width:139px; height:67px; text-indent:-3000em}
body#man #primary-nav li#contact a{background-image:url(../../lang/man/_includes/images/buttons/nav-contact.gif); width:139px; height:67px; text-indent:-3000em}


/*drop down*/

ul.dropdown li.hover,ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; top: 67px; }
ul.dropdown ul li { float: none;}
ul.dropdown ul ul { top: 4px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown li a { display: block; padding:0; text-indent: 0px;}
/* ------------- Override default */
ul.dropdown li { padding: 0;}
/* ------------- Reinitiate default: post-override activities  */
ul.dropdown li.dir { padding: 7px 20px 7px 14px;}
ul.dropdown ul li.dir { padding-right: 15px;}
/* ------------- Custom */
ul.dropdown li { text-indent:0em;}
ul.dropdown ul a { padding: 8px 6px; width:200px; overflow:hidden; background:#141414; color:#fff; font-size:11px /* Especially for IE */	}
ul.dropdown ul a:hover {background-color: #00457c; color:#fff; text-decoration: none	}
ul.dropdown a.open {	}
ul.dropdown ul a.open { 	}
/* CSS 2.1 */
ul.dropdown li:hover > a.dir { }
ul.dropdown ul li:hover > a.dir {}



div#content .content-wrapper 
{
float: left; 
width: 100%; 
display: block; 
background: url(../images/backgrounds/content-back.gif) 
repeat-x; 
border-top: solid 1px #525252; 
overflow: hidden;
margin-left:5px;
}
div#content .bullets {list-style: none; float: left; width: 100%; display: block; margin:0 0 20px 0}
div#content .bullets li {width: 95%; float: left; display: block; padding: 0 0 8px 22px; background: url(../images/global/tick.gif) no-repeat; clear: left }
body#eng div#content .read-more {
	width: 80px;
	height: 38px;
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url(../images/buttons/read.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
body#ger div#content .read-more {width: 80px; height: 35px; display: block; margin: 15px 0; float: left; background: url(../../lang/ger/_includes/images/buttons/read-more.gif) no-repeat; text-indent: -9999px}
body#spa div#content .read-more {width: 80px; height: 35px; display: block; margin: 15px 0; float: left; background: url(../../lang/spa/_includes/images/buttons/read-more.gif) no-repeat; text-indent: -9999px}
body#man div#content .read-more {width: 80px; height: 35px; display: block; margin: 15px 0; float: left; background: url(../../lang/man/_includes/images/buttons/read-more.gif) no-repeat; text-indent: -9999px}
body#eng div#content .read-more:hover, body#ger div#content .read-more:hover, body#spa div#content .read-more:hover, body#man div#content .read-more:hover {background-position: 0 -35px}


/* 3.5 - primary content */
div#primary-content { margin:0; width: 100% }
div#primary-content .border {border-left: solid 1px #525252  }
div#primary-content .one-column {width: 947px; float: left; padding: 15px 15px 0 15px; display: block; margin-bottom: -2000px; padding-bottom: 2010px;}
div#primary-content .three-column {
	width: 304px;
	float: left;
	display: block;
	margin-bottom: -2000px;
	padding-bottom: 2010px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 4px;
}
div#primary-content .two-column {width: 466px; float: left; padding: 20px 5px 20px 15px; display: block; margin-bottom: -2000px; padding-bottom: 2010px;}
div#primary-content .two-column-left {width: 640px; float: left; padding: 20px 5px 0 15px; display: block; margin-bottom: -2000px; padding-bottom: 2010px;}
div#primary-content .two-column-right {width: 240px; float: left; padding: 20px 5px 0 15px; display: block; margin-bottom: -2000px; padding-bottom: 2010px;}
div#primary-content .home-cta-1 {height: 170px; background: url(../images/backgrounds/home-cta-1.gif) no-repeat 150px 85px}
div#primary-content .home-cta-1 p {width: 160px; }
div#primary-content .home-cta-2 {background: url(../images/backgrounds/home-cta-2.gif) no-repeat 140px 85px }
div#primary-content .home-cta-2 p {width: 180px }
div#primary-content .home-cta-3 {background: url(../images/backgrounds/home-cta-3.gif) no-repeat 190px 0}
div#primary-content .home-cta-3 p {width: 180px }
div#primary-content .about-cta-1 {background: url(../images/backgrounds/about-cta-1.gif) no-repeat 480px 0}
div#primary-content .about-cta-1 p {width: 460px }
div#primary-content .about-cta-bullet {background:url(../images/backgrounds/about-bullet-cta.jpg) 180px 150px no-repeat;}
div#primary-content .about-cta-bullet p {width: 180px; padding-bottom: 80px}
div#primary-content .gasket-cta-1 {height: 170px; background: url(../images/backgrounds/gasket-cta-1.gif) no-repeat 190px 0}
div#primary-content #map {width: 460px; height: 200px; display: block; margin: 10px 0 30px 0; border: solid 1px #525252}
div#primary-content .about-cta-performance {background:url(../images/backgrounds/about-performance-cta.gif) 240px 100px no-repeat;}
div#primary-content .about-cta-performance p {width: 230px; padding-bottom: 60px}
div#primary-content .delivery-cta-air {background:url(../images/backgrounds/delivery-cta-air.gif) 190px 150px no-repeat;}
div#primary-content .delivery-cta-air p {width: 240px; padding-bottom: 20px}
div#primary-content .delivery-cta-road {background:url(../images/backgrounds/delivery-cta-road.gif) 180px 110px no-repeat;}
div#primary-content .delivery-cta-road p {width: 220px; padding-bottom: 20px}
div#primary-content .delivery-cta-clock {background:url(../images/backgrounds/delivery-cta-247.gif) 730px 40px no-repeat}
div#primary-content .delivery-cta-clock p {width: 620px; padding-bottom: 20px}
div#primary-content #map {width: 460px; height: 200px; display: block; margin: 10px 0 30px 0; border: solid 1px #525252 }
div#primary-content .news-title {margin: 0 0 4px 0; padding: 0}
div#primary-content .date-submitted {color: #62a5da; font-weight: bold; float: left; margin: 0 0 15px 0}
div#primary-content p.newsstory {float: left}
div#primary-content .competition img {width: 300px; height: 220px; padding: 0 0 20px 0}
div#primary-content .competition .clues dt {color: #62a5da; font-size: 1.2em; margin: 0 0 20px 0 }
div#primary-content .competition .clues dd {color: #fff; font-size: 1.1em; padding: 5px 0; border-bottom: solid 1px #525252 }
div#primary-content .competition .questionid {color: #62a5da}
p.rules {font-size: 1.0em}
div.sold-out {background: url(../images/global/sold-out.gif) no-repeat center top}
div.sold-out h2 {text-decoration: line-through}
div.sold-out p {text-decoration: line-through}

/* News Page */
#news-item {}
#news-item li { border-bottom:1px solid #525252; margin:0 0 20px 0; list-style:none }

/* 3.6 - secondary content */
div#secondary-content {  }

/* 3.7 - tertiary content */
div#tertiary-content {  }

/* 3.8 - footer */
div#footer { border-top: solid 1px #525252; border-bottom: solid 1px #525252; padding:25px 15px; color:#fff  }
div#footer a { color:#fff }
div#footer a:hover { color:#62a5da }
div#footer p {font-size: 1.1em; padding: 30px 0 0 0}
div#footer ul {width: 100%; float:left; list-style: none; padding: 10px 0; font-size: 1.1em}
div#footer ul li {padding: 2px 0 }
.footer-content {
	float:left;
	width:235px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#bsi {width: 120px; height: 70px; float: right; text-align: center}
#bsi img {display: block; padding: 15px 0 0 15px}
/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */
/* titles */
body#eng #home-strap {
	width:950px;
	height:35px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-image: url(../images/tag_line.png);
	background-repeat: no-repeat;
}
body#ger #home-strap {width:950px; height:35px; background: url(../../lang/ger/_includes/images/home-strap.png) no-repeat; display: block; margin: 0; padding: 0; text-indent: -9999px}
body#man #home-strap {width:950px; height:35px; background: url(../../lang/man/_includes/images/home-strap.png) no-repeat; display: block; margin: 0; padding: 0; text-indent: -9999px}
body#spa #home-strap {width:950px; height:35px; background: url(../../lang/spa/_includes/images/home-strap.png) no-repeat; display: block; margin: 0; padding: 0; text-indent: -9999px}


/*5.2 - jQuery tooltip*/
#vtip { display:none; position:absolute; padding:6px; left:5px; font-size:1em; font-weight:600; background-color:#000; border:1px solid #7BB5E2; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:9999; }
#vtip #vtipArrow { position:absolute; top:-10px; left:-40px; }


/* 5.3 - SEO */
ul#basewords { list-style:none; margin-top:20px; padding:10px }
ul#basewords li { float:left; color:#fff; margin-right:15px; font-size: 0.9em }
ul#basewords strong { font-weight:normal }

div#basescript { margin-top:20px; padding:15px; font-size: 90%  }


/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.hl { color:#62A5DA }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }

/*New*/
#leftcol {
	width:470px;
	float:left;
	padding:5px;
}
#rightcol {
	width:470px;
	float:right;
	padding:5px;
}
.home {
	background-color:#fff;
}
.front-left {
	float:left;
	margin-top:5px;
}