/*  
Theme Name: Dunlop Adhesives
Theme URI: the-theme's-homepage
Description: Default Theme for the Dunlop Adhesives site
Author: Mike Francis
Author URI: http://www.manifestcomms.co.uk/
Version: 1.0
*/

* {
	padding: 0;
	margin: 0;
}

	body { 
		background-color: #EEE;
		font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #666;
	}
	
		img, fieldset, hr { border: none; }
		
		small { font-size: 9px; }
		
		p, h2, h3, h4, ul { margin-bottom: 15px; }
		
		ul, ol { margin-left: 1.5em; }
		
		a { 
			text-decoration: none;
			color: #666;
		}
		
		a:hover { text-decoration: underline; }
		
		a:focus { outline: none; }
		
		h1, h2, h3, h4, h5, h6, em { text-transform: uppercase; }
		
		em, .product-intro {
			color: #666;
			font-size: 16px;
			line-height: 18px;
			letter-spacing: -1px;
			font-style: normal;
			margin-bottom: 15px;
			display: block;
			width: 550px;
		}
		
		.padding-bottom { margin-bottom: 100px; }
		
		h3 { letter-spacing: -0.5px; }
		
		h3, h3 a {
			color: #000;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		strong, h4 {
			font-weight: normal;
			color: #333;
		}
		
		.aligncenter,
		div.aligncenter {
		   display: block;
		   margin-left: auto;
		   margin-right: auto;
		}

		
		.alignright { 
			float: right;
			margin: 0 0 20px 20px;
		}
		
		.clearer { clear: both; }

		.overlay {
			position: absolute; 
			top: -20px; 
			right: 0; 
			width: 276px; 
			height: 277px; 
			z-index: 2;
		}

		#wrapper {
			position: relative;
			z-index: 1;
			width: 940px;
			margin: 40px auto;
			padding: 20px 10px;
			background-color: #FFF;
		}
		
			/* Header */
		
			#header {
				
			}
		
				#logo { 
					float: left;
					background-image: url(images/logo.gif);
					width: 160px;
					height: 42px;
					overflow: hidden;
					text-indent: -9999px;
					margin-bottom: 20px;
				}
				
					#logo a {
						display: block;
						width: inherit;
						height: inherit;
					}
					
				/* Navigation */
				
				#nav {
					position: relative;
					float: left;
					display: inline;
					margin-left: -10px;
					list-style-type: none;
					font-size: 14px;
					height: 19px;
					line-height: 14px;
					clear: both;
				}
				
					#nav li {
						width: 133px;
						position: absolute;
						background-position: right;
						background-position: 0 0;
						background-repeat: no-repeat;
					}
					
					#nav .home {
						background-image: url(images/nav-home.png); 
						z-index: 6;
					}
					
					#nav .home:hover { background-position: -133px 0; }
					
					#nav .products {
						background-image: url(images/nav-products.png); 
						left: 115px;
						z-index: 5; 
						padding-left: 18px;
					}
					
					#nav .products:hover { background-position: -151px 0; }
					
					#nav .stockist {
						background-image: url(images/nav-stockist.png); 
						left: 248px;
						z-index: 4; 
						padding-left: 18px;
					}
					
					#nav .stockist:hover { background-position: -151px 0; }
					
					#nav .trade {
						background-image: url(images/nav-trade.png); 
						left: 381px; 
						z-index: 3; 
						padding-left: 18px;
					}
					
					#nav .trade:hover { background-position: -151px 0; }
					
					#nav .media {
						background-image: url(images/nav-media.png); 
						left: 514px; 
						z-index: 2; 
						padding-left: 18px;
					}
					
					#nav .media:hover { background-position: -151px 0; }
					
						#nav li a {
							display: block;
							width: 103px;
							padding: 10px 15px;
							color: #FFF;
						}
						
						#nav li a:hover { text-decoration: none; }
						
					
				/* Search Form */
				
				#search {
					float: right;
					line-height: 14px;
				}
				
				
					#search p { margin-bottom: 0; }
				
						#s {
							float: left;
							border: solid 1px #999;
							margin-right: 5px;
							padding: 1px 3px;
						}
					
						#search_but {
							float: left;
							display: block;
							line-height: 0;
							font-size: 0;
							background: url(images/search-button.gif);
							text-indent: -9999px;
							border: none;
							width: 21px;
							height: 17px;
						}
						
				#bar {
					line-height: 14px;
					padding: 5px 15px;
					background: url(images/bar.gif) repeat-x;
					list-style-type: none;
					margin: 0 -10px;
					font-size: 14px;
					height: 16px;
					clear: both;
					display: block;
				}
				
					#bar.products { background: #75a834; }
					#bar.stockist-area { background: #d8ba00; }
					#bar.trade-area { background: #cf7818; }
					#bar.media-room { background: #9b240d; }
				
					#bar a { color: #FFF; }	
					
					#bar.index a, #bar.careers a { color: #666; }
				
					#bar strong, #bar .current_page_item a, #bar .current-cat a { 
						font-weight: normal;
						color: #98230b;
					}
					
					#bar.homepage a, #bar.media-room strong, #bar.media-room .current_page_item a, #bar.media-room .current-cat a {
						color: #999;	
					}
					
					#bar span { 
						float: left;
						font-weight: bold;
					}
					
					#bar li {
						float: left;
					}
					
						#bar li ul {
							list-style-type: none;
							float: left;
						}
						
							#bar li ul li {
								border-left: solid 1px #BBB;
								padding: 0 10px;
							}
			
			/* Content */
			
			/*#content p, #content em, #content h3, #content h2 { 
				position: relative;
				z-index: 1500;
			}*/
			
			#content {
				position: relative;
				margin: 20px -10px 40px;
				padding: 0 10px;
				overflow: visible;
				clear: both;
				min-height: 526px;
				height: auto!important;
				height: 526px;
				background-repeat: no-repeat;
				line-height: 16px;
			}
			
			.three-columns { 
				width: 960px;
				overflow: visible;
			}
			
				.index #content {
					background-image: url(images/backgrounds/index.jpg);
					background-position: bottom;
				}
				
				.products #content { background: url(images/backgrounds/products.gif) repeat-x top; }
				
					.preparation #content {
						background-image: url(images/backgrounds/preparation.jpg);
						background-position: top;
						background-repeat: no-repeat;
					}
					
					.adhesives #content {
						background-image: url(images/backgrounds/adhesives.jpg);
						background-position: top;
						background-repeat: no-repeat;
					}
					
					.grouts #content {
						background-image: url(images/backgrounds/grouts.jpg);
						background-position: top;
					}
					
					.finishing #content {
						background-image: url(images/backgrounds/sealants.jpg);
						background-position: top;
						background-repeat: no-repeat;
					}
				
				.stockist-area #content {
					background-image: url(images/backgrounds/stockist-area.jpg);
					background-position: bottom;
				}
				
					.support #content {
						background-image: url(images/backgrounds/stockist-area-support.jpg);
						background-position: top;
					}
					
					.training #content {
						background-image: url(images/backgrounds/stockist-area-training.jpg);
						background-position: top;
					}
					
					.the-company #content {
						background-image: url(images/backgrounds/the-company.jpg);
						background-position: top;
					}
				
				.trade-area #content {
					background-image: url(images/backgrounds/trade-area.jpg);
					background-position: bottom;
				}
				
					.help-advice #content {
						background-image: url(images/backgrounds/trade-area-help.jpg);
						background-position: top;
					}
				
				.media-room #content, .latest-news #content, .online-games #content {
					background-image: url(images/backgrounds/media-room.jpg);
					background-position: top;
				}
				
					.products h3 {
						float: left;
						background-repeat: no-repeat;
						background-position: top center;
						width: 232px;
					}
					
						.products h3 a {
							position: relative;
							display: block;
							width: 100%;
							height: 189px;
							font-size: 12px;
						}
						
							.products h3 a span {
								position: absolute;
								bottom: 0;
								left: 0;
								text-align: center;
								width: 100%;
							}
					
					.products-preparation { 
						background-image: url('images/products-preparation.png');
						height: 217px;
					}
					
					.products-adhesion { 
						background-image: url('images/products-adhesion.png');
						height: 213px;
					}
					
					.products-grouting { 
						background-image: url('images/products-grouting.png');
						height: 189px;
					}
					
					.products-finishing { 
						background-image: url('images/products-finishing.png');
						height: 270px;
					}
				
				#main h2 {
					font-size: 28px;
					letter-spacing: -2px;
					line-height: 30px;
					color: #000;
				}
				
				.header-wrap { 
					height: 260px;
					width: 520px;
					clear: both;
				}
			
				.col {
					position: relative;
					display: inline;
					float: left;
					width: 300px;
					margin: 0 20px 20px 0;
					padding-top: 5px;
					border-top: solid 7px #98230b;
				}
				
					.contact .col, .products .col, .stockists .col { border: 0; }
					.training .col { border-top: solid 7px #98230b; }
					.preparation .col { border-top: solid 7px #8cc63f; }
					.adhesives .col { border-top: solid 7px #ffdd00; }
					.grouts .col { border-top: solid 7px #f78f1e; }
					.sealants .col { border-top: solid 7px #bf311a; }
					.col.microban { border-top: solid 7px #005596; }
				
					.col .half {
						position: relative;
						display: inline;
						float: left;
						width: 139px;
						margin: 0 5px 10px;
						overflow: visible;
					}
					
					.col h4 {
						border-top: solid 1px #666;
						padding-top: 5px;
					}
					
					.icons img { margin: 0 5px 5px 0; }
					
				.attachments {
					
				}
				
					.attachments dl {
						font: 10px Arial, Helvetica, sans-serif;
						float: left;
						width: 50%;
						margin-bottom: 5px;
					}
					
						.attachments .icon { 
							float: left;
							margin-right: 5px;
						}
						
				.news .post_content img {
					float: right;
					margin: 0 0 15px 15px;
				}
				
				.pagination {
					clear: both;
					margin-bottom: 20px;
					text-align: center;
				}
				
				.site-map ul li {
					float: left; 
					width: 50%;
					display: inline;
					margin-top: 5px;
				}
								
					.site-map ul li ul li, .sitemap ul li ul li li { 
						font-size: 11px;
						float: none;
						width: auto;
						display: block;
					}
					
				#map_canvas {
					width: 940px;
					height: 588px;
					text-align: center;
				}
		
			/* Footer */
			
			#footer {
				clear: both;
				font-family: Arial, Helvetica, sans-serif;
				padding: 20px 10px 0;
				margin: 0 -10px;
				border-top: solid 1px #000;
			}
	
			#footer a { color: #666; }
			
			#footer .flag {
				float: right;
				margin-left: 20px;
			}