/* ----------------------------------------------------------
File: screen.css
Site: www.gdmlindex.co.uk
Description: All site styles
Author: Grant Sykes - http://www.cyberware.co.uk/
Version: 1.0
--------------------------------------------------------------

/* Imports ---------------*/ 
@import url(resets.css);

/* Body ----------------*/ 

body 
{
	background:#fff;
	text-align:left;
	font:62.5% Helvetica, Arial, Verdana, sans-serif;
	color:#000;
}

a
{
	color:#508a5f;
	text-decoration:underline;
}

a:hover, a:focus
{
	color:#fff;
	background-color:#508a5f;
}

a.main-nav
{
	color:#fff;
}

a.main-nav:hover, a.main-nav:focus
{
	color:#508a5f;
	background:#fff;
}

a.image
{
	background:none;
}

a.image:hover, a.image:focus
{
	background:none;
}

a.main-nav:hover, a.main-nav:focus
{
	color:#508a5f;
	background-color:#fff;
}

a.contact
{
	background:url(../images/contact-us.png) no-repeat top left;
	float:left;
	display:block;
	width:150px;
	height:30px;
	overflow:hidden;
	text-indent:-9999em;
	border:none;
	cursor:pointer;
	position:relative;
}

a.contact:hover, a.contact:focus
{
	background:url(../images/contact-us.png) no-repeat bottom left;
}

p
{
	font-size:1.2em;
	line-height:1.7em;
	margin-bottom:15px;
}

p.clear
{
	clear:both;
}

ul
{
	margin-bottom:16px;
}

li
{
	font-size:1.2em;
}

h1
{
	font-size:3.6em;
	margin-bottom:20px;
}

h2
{
	font-size:3.2em;
	margin-bottom:20px;
}

#welcome
{
	padding-top:30px;
	font-family:Georgia, serif;
	clear:both;
	margin-bottom:20px;
	font-size:2.8em;
}

#castle
{
	float:right;
	margin-top:20px;
}

#map
{
	margin:15px 0 30px 0;
}

h2.homepage
{
	font-size:1.2em;
	line-height:1.7em;
}

h3
{
	font-size:1.8em;
	margin-bottom:10px;
}

h4
{
	font-size:1.8em;
}

ol
{
	list-style-type:decimal;
	list-style-position:inside;
	margin-bottom:10px;
}

ol li
{
	margin-bottom:10px;
}

p.year
{
	margin:20px 0 0 0;
	padding-top:20px;
}

#banner-container
{
	width:100%;
	display:none;
}

#banner
{
	width:960px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:24px;
	color:#111;
	background:#fff;
	overflow:auto;
}

#banner ul
{
	float:right;
	background:#f6f6f6;
	border:1px solid #ddd;
	padding:10px;
	margin-right:10px;
	width:278px;
}

#banner ul li
{
	margin-bottom:4px;
}

#logo
{
	margin-top:20px;
	float:left;
}

#nav
{
	background:#508a5f;
}

#nav-content
{
	width:820px;
	margin:0 auto;
	background:#508a5f;
	height:40px;
}

#nav-content ul
{
	position:relative;
	top:10px;
}

#nav-content ul li
{
	display:inline;
	color:#fff;
	font-size:1.4em;
	margin-right:20px;
}

#nav-content ul li.below, #footer ul li.below
{
	display:inline;
	color:#fff;
	font-size:1.4em;
	position:relative;
	top:10px;
}

#main-content
{
	width:960px;
	margin:0 auto;
	background:url(../images/sidebar-background.png) repeat-y top right;
	overflow:auto;
}

#main-content-products
{
	width:940px;
	margin:0 auto;
	background:url(../images/cog.jpg) no-repeat left 40px;
	height:900px;
}

#main-content-products h1
{
	margin-top:20px;
}

#cog
{
	position:relative;
	top:40px;
	left:80px;
	width:300px;
}

#cog li
{
	font-size:1.6em;
}

#cog li#second
{
	position:relative;
	top:15px;
	left:40px;
}

#cog li#third
{
	position:relative;
	top:35px;
	left:75px;
}

#cog li#fourth
{
	position:relative;
	top:65px;
	left:105px;
}

#cog li#fifth
{
	position:relative;
	top:90px;
	left:120px;
}

#cog li#sixth
{
	position:relative;
	top:110px;
	left:130px;
}

#cog li#seventh
{
	position:relative;
	top:140px;
	left:122px;
}

#cog li#eighth
{
	position:relative;
	top:165px;
	left:115px;
}

#cog li#ninth
{
	position:relative;
	top:200px;
	left:95px;
}

#cog li#tenth
{
	position:relative;
	top:225px;
	left:75px;
}

#cog li#eleventh
{
	position:relative;
	top:250px;
	left:40px;
}

#cog li#twelfth
{
	position:relative;
	top:285px;
	left:10px;
}

#slideshow-images
{
	float:right;
	width:220px;
	position:relative;
	bottom:220px;
}

#other
{
	float:right;
	width:220px;
}

#other li
{
	padding:8px 0px;
	font-size:1.6em;
}

#slideshow-1, #slideshow-2, #slideshow-3, #slideshow-4
{
	border:1px solid #ddd;
}

#left-column
{
	width:545px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding-top:30px;
	padding-bottom:30px;
}

#left-column ul li a
{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

#right-column
{
	width:298px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	float:right;
	padding-top:40px;
	padding-bottom:30px;
	margin-left:10px;
	margin-right:10px;
	background:#f6f6f6;
}

#right-column h2
{
	width:278px;
	margin-left:10px;
	margin-right:10px;
}

#right-column form
{
	height:45px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#e1e1e1;
}

#right-column form input[type="text"]
{
	margin-left:10px;
	margin-top:8px;
	width:210px;
	padding:6px;
	float:left;
	color:#888;
}

#right-column form input[type="submit"]
{
	background:url(../images/go.png) no-repeat top left;
	width:46px;
	height:30px;
	margin-top:8px;
	margin-left:8px;
	border:0;
	cursor:pointer;
}

#right-column form input[type="submit"]:hover
{
	background:url(../images/go.png) no-repeat bottom left;
}

.sidebar-section
{
	margin-bottom:20px;
}

.sidebar-section ul li a
{
	display:block;
	padding:10px;
}

#time
{
	overflow:auto;
	width:420px;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #ddd;
}

#time li
{
	float:left;
	width:140px;
	margin-bottom:10px;
}

#time li h3
{
	margin-bottom:0px;
}

#sidebar-contact p
{
	width:278px;
	margin-left:10px;
	margin-right:10px;
}

#footer-container
{
	width:100%;
	background:#508a5f;
	padding-top:10px;
	padding-bottom:10px;
}

#footer
{
	width:820px;
	margin:0 auto;
	background:#508a5f;
	color:#fff;
}

#footer ul li
{
	display:inline;
	color:#fff;
	font-size:1.4em;
	margin-right:20px;
}

#footer-below
{
	padding-top:20px;

}

#footer-below p
{
	font-size:1.0em;
}

#contact-form form
{
	overflow:auto;
	margin-top:40px;
}

#contact-form form legend
{
	font-size:2.4em;
	margin-bottom:20px;
}

#contact-form form label
{
	float:left;
	clear:left;
	font-size:1.4em;
	color:#555;
}

#contact-form form input[type="text"]
{
	margin-bottom:10px;
	float:left;
	clear:left;
	width:400px;
	font-size:1.6em;
	border:1px solid #ddd;
	padding:10px;
}

#contact-form form textarea
{
	margin-bottom:10px;
	float:left;
	clear:left;
	width:400px;
	font-size:2.0em;
	border:1px solid #ddd;
	padding:10px;
	font-family:inherit;
	font-size:1.7em;
}

#select-country
{
	margin-bottom:10px;
	float:left;
	clear:left;
	width:400px;
	font-size:1.6em;
	border:1px solid #ddd;
}

#send-button
{
	float:left;
	background:url(../images/send.png) no-repeat top left;
	display:block;
	width:132px;
	height:45px;
	overflow:hidden;
	text-indent:-9999em;
	border:none;
	cursor:pointer;
	position:relative;
	clear:left;
}

#send-button:hover
{
	background:url(../images/send.png) no-repeat bottom left;
}

.bookmarking img
{
	float:left;
}

#noticeboard
{
	clear:both;
}

.noticeboard-item
{
	width:518px;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
	overflow:auto;
	clear:left;
}

.noticeboard-item a, .certificates li a
{
	background:none;
	color:#508a5f;
	text-decoration:none;
}

.noticeboard-item a:hover, .certificates li a:hover
{
	background:none;
	color:#508a5f;
	text-decoration:underline;
}
.certificates li
{
	float:left;
	display:block;
	width:120px;
}

.noticeboard-item p
{
	clear:left;
}

.date-posted
{
	font-size:1.2em;
	margin-bottom:20px;
	padding-top:20px;
}

.noticeboard-item img
{
	margin-right:10px;
	margin-bottom:10px;
}

.continue-reading
{
	clear:both;
	margin-top:20px;
	font-size:1.2em;
}

#related-items
{
	clear:left;
}

#related-items li
{
	clear:left;
	font-size:1.6em;
	margin-top:10px;
	margin-bottom:10px;
}

.bookmarking
{
	margin-top:20px;
}

#related-items h3
{
	margin-bottom:20px;
}

#section
{
	clear:both;
	padding-top:40px;
}

ul.products
{
	margin-bottom:30px;
}

ul.courier
{
	width:270px;
	float:left;
}

ul.courier li
{
	font-size:1.6em;
	margin-bottom:30px;
}

li#fedex
{
	position:relative;
	top:25px;
}

li#dhl
{
	position:relative;
	top:90px;
}

li#ups
{
	position:relative;
	top:200px;
}

li#cargo
{
	position:relative;
	top:270px;
}

li#tnt
{
	position:relative;
	top:310px;
}

.archive-item
{
	width:518px;
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
	overflow:auto;
	clear:left;
}

.archive-item-left
{
	width:259px;
	float:left;
}

.archive-item-left h3
{
	margin:0px;
}

.archive-item-right
{
	width:259px;
	float:left;
	font-size:1.4em;
}

ul#noticeboard li
{
	float:left;
	margin-right:5px;
}

ul#noticeboard li a
{
	display:inline;
	padding-top:0px;
	padding-bottom:0px;
}

li.year, li.jan
{
	clear:left;
}

li.year
{
	margin-top:20px;
}

.product-hovers
{
	width:220px;
}

.product-hovers li
{
	float:left;
}

#useful-1, #useful-2, #useful-3, #useful-4, #useful-5, #useful-6, #useful-7, #useful-8
{
	padding-left:100px;
	padding-top:39px;
	padding-bottom:39px;
}

#useful-1
{
	background:url(../images/arrows.jpg) no-repeat left center;
}

#useful-2
{
	background:url(../images/scales.gif) no-repeat left center;
}

#useful-3
{
	background:url(../images/curr_ico.gif) no-repeat left center;
}

#useful-4
{
	background:url(../images/flange_ico.gif) no-repeat left center;
}

#useful-5
{
	background:url(../images/aa_ico.gif) no-repeat left center;
}

#useful-6
{
	background:url(../images/travel_icon.gif) no-repeat left center;
}

#useful-7
{
	background:url(../images/paintbrush.jpg) no-repeat left center;
}

#useful-8
{
	background:url(../images/paintbrush.jpg) no-repeat left center;
}

#the-source
{
	position:relative;
	left:420px;
	float:left;
	width:220px;
	height:280px;
	bottom:50px;
}

.tandc h2
{
	margin-bottom:0px;
	font-size:1.6em;
}	

.year
{
	margin-top:20px;
}

.year h2
{
	margin:0;
}

.months a
{
	margin-right:5px;
	font-size:1.2em;
}

#useful-links li
{
	padding-left:58px;
	background:url(../images/link.gif) no-repeat 0 50%;
	padding-top:2px;
	padding-bottom:2px;
}

ul.cat-list
{
	font-size:1.5em;
}

.noticeboard-title
{
	font-size:1.5em;
}

#contact-form form label.error
{
	color:#f00;
	margin-bottom:32px;
}

ul.bullet
{
	list-style-type:disc;
	margin-left:16px;
}

li.gabion1
{
	padding-left:48px;
	padding-top:8px;	
	padding-bottom:8px;
	margin-bottom:32px;
	background: url("http://www.gdmlindex.co.uk/newsite/images/icon1.jpg") left top no-repeat;
}

li.gabion2
{
	padding-left:48px;
	padding-top:8px;	
	padding-bottom:8px;
	margin-bottom:32px;
	background: url("http://www.gdmlindex.co.uk/newsite/images/icon2.jpg") left top no-repeat;
}

li.gabion3
{
	padding-left:48px;
	padding-top:8px;	
	padding-bottom:8px;
	margin-bottom:32px;
	background: url("http://www.gdmlindex.co.uk/newsite/images/icon3.jpg") left top no-repeat;
}

li.gabion4
{
	padding-left:48px;
	padding-top:8px;	
	padding-bottom:8px;
	margin-bottom:32px;
	background: url("http://www.gdmlindex.co.uk/newsite/images/icon4.jpg") left top no-repeat;
}

li.gabion5
{
	padding-left:48px;
	padding-top:8px;	
	padding-bottom:8px;
	margin-bottom:32px;
	background: url("http://www.gdmlindex.co.uk/newsite/images/icon5.jpg") left top no-repeat;
}

table, td
{
	border:1px solid #000;
	padding:2px;
	font-size:1.2em;
	margin-bottom:16px;	
}

ul.sectors
{
	margin-left:10px;
}

ul.sectors li
{
	font-size:1.2em;
	line-height:1.8em;
}

li.sub
{
	margin-left:40px;
	list-style-type:disc;
}

#catalogues-left
{
	width:45%;
	float:left;
}

#catalogues-right
{
	width:45%;
	float:right;
}

.generic-list li
{
	padding:10px 0 10px 0;
}

.sidebar-large-link
{
	margin-left:12px;
	font-size:24px;
}

.sidebar-img
{
	margin-left:12px;
}

