/* Overview
----------------------------------------------- 
    
Author: Michael Murphy
Date : Dec 2009
Base url : /assets/templates/syngenta/
Scripts : /assets/templates/syngenta/scripts/
Flash : /assets/templates/syngenta/flash/

Base Font Size
Base Line Height

Grid
12 column - 70px + 10px gutter - Width 950px
see grid.pdf


Colors 

dark brown :
rgb(183, 173, 162)

#B7ADA2

or 
for links??

#7C6A55

light brown:
rgb(229, 225, 221)

#E5E1DD



Navigation Main

Navigation Sub

Navigation Country

Navigation Footer

Breadcrumbs

Main Content

Side Content
News
Product Banners (rotating)

Footer




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


 
/* Typography
-----------------------------------------------

fonts
body	Georgia 16px
title		Bree SP 30px
mini		verdana 11px

font colors
standard: black
titles and links: turquoise #0094A9
active: pink #FF0099


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


/* Typefaces
-----------------------------------------------
Helvetica Neue
-----------------------------------------------*/



/* Colors
-----------------------------------------------

background color: 

link colours
visited link colours
hover link colours


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


/* Images
-----------------------------------------------

Logo  {
	background: url('../images/website/sg-logo.png');
	width: 80px;
	height: 31px;
}

Home Full width 950 {
	background: url('../images/website/image-full-width-950.jpg');
	width: 950px;
	height: 179px;
}



Main Full 470 {
	background: url('../images/website/image-main-full-470.jpg');
	width: 470px;
	height: 145px;
} 

Main Half 230 {
	background: url('../images/website/image-main-half-230.jpg');
	width: 230px;
	height: 70px;
}

Main Third 150 {
	background: url('../images/website/image-main-third-150.jpg');
	width: 150px;
	height: 100px;
} 





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





/* Globals
-----------------------------------------------*/

body { 

	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#666666; 
	
}


a:link, a:visited {color:#0093CF; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Headings
-----------------------------------------------*/

h1.special {border-bottom:2px solid #D7D2CC;
font-size:1.4em;
padding:0 0 6px;
color:#7C6A55;
font-weight:normal;

}

h1 {
font-size:2em;
margin:10px 0 15px;
color:#7C6A55;
font-weight:normal;

}




/* Text elements
-----------------------------------------------*/

p.intro {
	font-size:1.6em;
	line-height:1.1;
}



/* Header
-----------------------------------------------*/

div#header {border-top:10px solid #aab400;}


div#logo {float:right;}

div#logo span {color:#B7ADA2;
font-size:1.6em;
display:block;
float:left;
}

div#logo a, div#logo a:visited {
color:#7C6A55;
}



/* Navigation
-----------------------------------------------*/

div#navigation {background-color: #968877;
}



div#navigation-country { line-height:1;}

div#navigation-country a
 {display:block; padding: .25em 0; line-height:1; color:#FFF; font-size:1em;}

body#global div#navigation-country span
 {display:block; padding: .25em 0; line-height:1; color:#FFF; font-size:1em;}


div#navigation-sub {margin-top:10px; background-color:#EFEDEA;
border-bottom:6px solid #96D3E2; padding:10px 0 30px;}


span#section{padding:2px 10px 10px; color:#7A8D09; text-transform:uppercase; display:block;}


div#navigation-sub ul {margin:0 10px; padding-top:10px; list-style-type:none;
border-top:1px solid #D7D2CC;}

div#navigation-sub ul ul {
padding-top:0;
border-top:none; margin:0;}

div#navigation-sub li {}

div#navigation-sub li a:link,
div#navigation-sub li a:visited {color:#7F7F7F; display:block;  font-size:0.95em;}
div#navigation-sub li a:hover {}

div#navigation-sub li li a:link,
div#navigation-sub li li a:visited {background-color:#EEEDE9; padding-left:10px;}

div#navigation-sub li.current {border-bottom:none;}
div#navigation-sub li.current a { color:#0093CF; font-weight:bold;}
div#navigation-sub li.current a:hover {text-decoration:none;}

div#navigation-sub li.current li a {color:#7F7F7F; font-weight:normal;}
div#navigation-sub li.current li a:hover {text-decoration:underline;}

div#navigation-sub li.current li.current a {
color:#0093CF; 
font-weight:normal; 
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 4px;
}




/* Breadcrumbs
-----------------------------------------------*/




div#navigation-breadcrumb {

border-bottom:1px solid #E5E1DD;
color:#999999;
font-size:0.85em;
margin:10px 0 20px;
padding-bottom:2px;
}

div#navigation-breadcrumb a {
color:#999999;

}

div#navigation-breadcrumb ul,
div#navigation-breadcrumb li {list-style-type:none;
	padding:0;
	margin:0;}

div#navigation-breadcrumb li {	
display: inline;
padding: 0;
margin: 0;

}

div#navigation-breadcrumb li
{
background-image: url('../images/gt.gif')  !important;
background-repeat: no-repeat;
background-position: 100% 50% !important;
padding: 0 8px 0 2px !important;
}

div#navigation-breadcrumb li.here
{
background-image: none  !important;

}




/* Hero Banner 
-----------------------------------------------*/
div#hero {
padding:10px 0;
}




/* Content Main
-----------------------------------------------*/
div#content-main {
overflow:hidden;
}

div#content-main p { margin: 0 0 1.5em; }



/* Content Main Lists
-----------------------------------------------*/

div#content-main ul,
div#content-side ul

{
margin-left: 0;
padding-left: 0;
list-style: none;
}

div#content-main li,
div#content-side li  
{
padding-left: 15px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 4px;
}






/* Content Side
-----------------------------------------------*/

div#content-side {margin-top:10px;}


div#content-side div.content-side-box {
	
background-color:#EFEDEA;
border-bottom:3px solid #D7D2CC;
font-size:0.9em;
margin:0 0 15px;
overflow:hidden;

}

div#content-side div.content-side-box p {
	padding:10px;
}


span.button {
float:right;
padding:10px;
}

span.button a {
display:block;

padding-right: 25px;
background-image: url(../images/button.gif);
background-repeat: no-repeat;
background-position: right;

}



/* Search
-----------------------------------------------*/
div#search{padding-bottom:10px;float: right;}

div#content-main div#search {margin: 10px 0 20px 10px; }

div#search label
{
display:none;
}


div#search input.search-text
{
background:#F6F4F3;
border:1px solid #D7D2CC;
color:#999999;
font-size:1em;
width:120px;
margin:0;

}



div#search input.search-button
{
background:#FFF;
border:none;
margin:-2px 0;
}




/* Footer
-----------------------------------------------*/

div#footer ul {
float:left; margin:0; }

span.legal {float:right;}


div#footer ul li {
color:#968877;
display:inline;
float:left; border-right:1px solid #968877;}

div#footer ul li.last {
border-right:none;}

div#footer ul li a {padding:2px 5px;
color:#968877;
}





/* Products
-----------------------------------------------*/

div.product-meta {
padding-bottom:10px;

}


div.product-meta span {

display:block;
clear:both;
padding:0 10px;

}

div.product-meta span.product-name {

font-weight:bold;}


div.product-meta span.product-brochure a {


padding: 2px 25px 2px 0;
background-image: url(../images/document-pdf.png);
background-repeat: no-repeat;
background-position: right;

}

div.product-meta span.product-categories a {

color:#666666;
}

div.product-meta span.product-categories a:hover {
color:#0093CF;
}




/* Products Browser
-----------------------------------------------*/

div.product-browser
span.previous
{
float:left;
}

div.product-browser
span.next
{
float:right;
}

div.product-browser
{
text-align:center;
padding:0 10px;
}



/* Global Home
-----------------------------------------------*/

body#global h1, h2 {font-size:1.4em; color:#666666; margin:0; line-height:1; padding-bottom:10px;}

body#global h3 {font-size:1.2em; color:#666666; margin:0; line-height:1; padding-bottom:8px;}

body#global div#content-side {margin-top:0;}

body#global div#search {padding-bottom: 8px;}



/* Country List
-----------------------------------------------*/


div.country-list {
padding:10px;

}



/* News
-----------------------------------------------*/


div#news ul {margin:0; list-style-type:none;}

div#news ul li {clear:both; display:block; padding-bottom:5px; border-top:1px solid #E5E1DD;}


div#news ul span.date {display:block; float:left;}

div#news ul span.title {display:block; float:right; width:177px;}


/* Tags
-----------------------------------------------*/


div.tags {padding:10px;}

div.tags a,
span.product-categories a {padding-right:4px;}