@import url("reset.css");

/* 
	Typography
*/
div#header { }
	div#header h1 { 
		text-indent: -9999px;
	}	
div#navigation { }
	div#navigation ul li a 	{ 
		text-indent: -9999px;	
	}

div.sidebar	{  }
	div.sidebar ul#Menu2 {  }
	div.sidebar ul#Menu2 li.link a,
	div.sidebar ul#Menu2 li.current a,
	div.sidebar ul#Menu2 li.section a { text-decoration: none; }

	div.sidebar ul#Menu2 ul.sub li a { text-decoration: none; color: #fff; }

	div.sidebar ul#Menu2 a:hover,
	div.sidebar ul#Menu2 li.current a,
	div.sidebar ul#Menu2 ul.sub li a.current,
	div.sidebar ul#Menu2 li a.section  { color: #f5af19; }

	div.sidebar ul#Menu2 ul.sub li.current {font-weight: bold; padding-left: 10px; }
	
div#bodycontent { 
	background: #000;
}

	div#bodycontent .Breadcrumbs,
	div#bodycontent .Breadcrumbs a { font: 10px Verdana, sans-serif; }

	div#bodycontent .content {
		line-height: 22px;
	}
	div#bodycontent .content h2 { 
		font: bold 25px "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; 
		letter-spacing: 1px; 
		text-transform: uppercase;
		color: #f5af19;
	}
	div#bodycontent .content h3 { 
		font: bold 20px "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; 
		letter-spacing: 1px; 
		color: #f0f0f0;
		/*text-transform: uppercase;*/
	}
	div#bodycontent .content h3 a { 
		 color: #ecbd3b;
		text-decoration: none;
	}
	div#bodycontent .content h3 a:hover { 
		text-decoration: underline;
	}	
	div#bodycontent .content em { font-style: italic; }
	div#bodycontent .content ol,
	div#bodycontent .content ul {  list-style-type: disc; }

	div#bodycontent .news h3 	{ font: bold 18px "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;  }

	table.brandlist {  }
	
		table.brandlist tr.odd { background-color: #0c0c0c; }
		
		table.brandlist td  { padding: 5px; }
		table.brandlist td.brandlogo { background-color: #000; }
		table.brandlist td.brandlinks { vertical-align: top; }


div.content div.productList { border-bottom: 1px dashed #969696;  padding-bottom: 10px; margin-bottom: 20px; }
div.content div.productList:last-child { border-bottom: none; }

#extras { }
	#extras .productList { 
		line-height: 18px;
	}
	#extras .productList h3 			{ font-weight: bold;  }
	#extras .productList li a:hover 	{ text-decoration: none; }
	#extras .productList li a.current 	{ text-decoration: none; font-weight: bold; }
	/*#extras .productList li a.current:before 	{ content: ">"; font-size: 10px; }*/

div#footer { 
	text-align: center;
	line-height: 17px;
}
div#footer p.credits {
	font: 11px Verdana, sans-serif;
}

/* 
	Layout
*/
div#holder { 
	width: 941px;
	margin: 0 auto;
}
div#header { 
	padding: 56px 0 0;
}
	div#header h1 { 
		width: 389px;
		margin-bottom: 38px;
		margin-left: 47px;
	}
		div#header h1 a { 
			display: block;
			height: 60px;
		}
	div#header div.extra { 
		height: 40px;
	}

div#navigation { 
	margin: 0 -4px;
	padding: 0 4px;
}
	div#navigation ul { 
		height: 46px; 
		width: 576px;
		margin: 0 auto;
	}
		div#navigation ul li { 
			float: left;
		}
			div#navigation ul li a { 
				display: block; width: 70px; height: 45px;		
			}

div#features { 
	
}
	#features div.top { 
		height: 40px;
	}
	#features div.main { 
		min-height: 243px;
	}
	#features div.bottom { 
		height: 40px;
		
	}

div#bodycontent { 
	padding: 0 20px 1px;
	/*min-height: 600px;*/
}
	div#bodycontent .sidebar {
		float: right;
		width: 220px;
		/*height: 250px;*/
		padding-top: 20px;
	}
	div#bodycontent .content {
		padding-top: 7px;
		margin-right: 250px;
	}
	div#bodycontent .news,
	div#bodycontent .newspage {
		padding-top: 7px;
		/*margin-right: 0px;*/
	}
		div#bodycontent .newsimage p {
			/*padding-top: 7px;*/
			margin-right: 250px;
		}
		div#bodycontent .newsimage div.image {
			float: right;
			padding-top: 5px;
		}
		div#bodycontent .content h2 { /*margin-top: 15px;*/ }
		div#bodycontent .content p {
			margin-bottom: 15px;
		}
		div#bodycontent .content ul { 
			margin-bottom: 10px ;
		}
		div#bodycontent .content ul li { 
			margin-left: 25px ;
		}
		
		div#bodycontent .newsItem 			{ padding-bottom: 20px; }
		div#bodycontent .newsItem h3 		{ margin: 20px 0 2px;}
		div#bodycontent .newsItem p.date 	{ margin-bottom: 0; }


div.sidebar	{  }
	div.sidebar ul#Menu2 { margin: 10px 0; }
	div.sidebar ul#Menu2 li.link,
	div.sidebar ul#Menu2 li.current,
	div.sidebar ul#Menu2 li.section { padding: 5px ; }
	
	div.sidebar ul#Menu2 ul.sub  { margin-top: 5px; }
	div.sidebar ul#Menu2 ul.sub li { padding: 5px ; }
	
	div.sidebar div.bannerAds { margin-top: 20px; }
	div.sidebar div.bannerAds div.ad { margin-bottom: 10px; }
	
	div.newslettersubscription { color: #fff; padding-left: 2px; margin-top: 20px;}
	
		div.newslettersubscription h4 { color: #F5AF19; text-transform: uppercase; font-weight: bold;}
	
		div.newslettersubscription span.label { width:120px; padding: 10px 2px 5px; display: block; }
		div.newslettersubscription span.multiple { float:left; } 
		div.newslettersubscription span.button { padding-left:139px; } 
		div.newslettersubscription div.clear { padding-top:5px; }
	
		div.newslettersubscription input[type="text"] { width: 205px; border:1px dotted #404040; background-color: #000; color: #fff; padding: 3px 2px; }
	
		
div#extras { }
	#extras div.top { 
		height: 56px;
	}
	#extras div.main { 
		min-height: 163px;
		padding: 0 30px 20px;
	}
	
	#extras .productList { 
		display: block; float: left; width: 100px;
		margin-right: 10px;
	}
	#extras .productList h3 { margin-bottom: 3px; }
	
	#extras div.bottom { 
		height: 40px;
	}

div#footer { 
	padding: 0 10px 10px;
}
	div#footer h5 {
		height: 27px;
		margin-bottom: 10px ;
	}
	div#footer p {
		margin-bottom: 5px ;
	}
/* 
	Adjustable Menu Item widths 
	This section will need to be edited when new items are added or 
	Menu items are changed
*/
div#navigation ul li.about-us a 	{ width: 98px; }
div#navigation ul li.contact-us a 	{ width: 118px; }
div#navigation ul li.news a 		{ width: 67px; }
div#navigation ul li.products a 	{ width: 108px; }
div#navigation ul li.brands a 		{ width: 88px; }	
	
	
	
/* 
	Styles
*/
body {
	background: white url(../images/bkgd-body.jpg) repeat-x;
}
a { 
	color: #fff;
}
a:hover { 
	text-decoration: none;
}
div#header {
	background: url(../images/banners/banner-ogk.jpg) no-repeat left top;
}
div#header.blokescene { background: url(../images/banners/bkgd-bloke.jpg) no-repeat left top; }
div#header.nolan {	background: url(../images/banners/bkgd-nolan.jpg) no-repeat left top; }

	div#header h1 {
		background: url(../images/bkgd-h1.png) no-repeat left top;
	}
	div#header div.extra {
		background: url(../images/bkgd-header_extra.png) no-repeat left top;
	}

div#navigation {
	background: url(../images/bkgd-navigation.jpg) repeat-x left top;
}
	div#navigation div.navholder {
		background: url(../images/bkgd-navigation.jpg) repeat-x left top; 
		background-color: #000;
	}
	div#navigation ul { }
		div#navigation ul li a {
			background: url(../images/nav/bkgd-nav_a_home.jpg) no-repeat 0 0;
		}
		div#navigation ul li a:hover {
			background-position: 0 -46px;
		}
		div#navigation ul li a.current {
			background-position: 0 -92px;
		}

div#features {
	background: url(../images/bkgd-feature.jpg) no-repeat center center;
}
	#features div.top {
		background: url(../images/bkgd-feature_topfeat.png) no-repeat left top;
	}
	#features div.main {   }
	#features div.bottom {
		background: url(../images/bkgd-feature_botfeat.png) no-repeat left bottom;
	}
div.sidebar	{  }
	div.sidebar ul#Menu2 { border-top: 1px dotted #404040; border-bottom: 1px dotted #404040; }
	div.sidebar ul#Menu2 li.link,
	div.sidebar ul#Menu2 li.current,
	div.sidebar ul#Menu2 li.section { border-top: 1px dotted #404040; }
	div.sidebar ul#Menu2 li.link:first-child { border-top: none; }
	
	div.sidebar ul.sub li { border-top: 1px dotted #181818; }
	
div#bodycontent { 
	background: #000;
}
	div#bodycontent .Breadcrumbs,
	div#bodycontent .Breadcrumbs a { color: #a6a6a6;	}
	div#bodycontent .content {
		color: #fff;
	}
	div#bodycontent .newsItem 	{ border-top: 1px solid #454545; }
	div#bodycontent .newsItem:last-child 	{ border-bottom: 1px solid #454545; }
	
	div#bodycontent .newspage .newsItem 	{ border-top: none; }
	div#bodycontent .newspage .newsItem:last-child 	{ border-bottom: none; }
	
	
div#extras {
	background: url(../images/bkgd-extras.jpg) no-repeat center center;
}
	#extras div.top {
		background: url(../images/bkgd-extras_top.png) no-repeat left top;
	}
	#extras div.main {   }

	#extras .productList h3 	{ color: #8d6207; border-bottom: 1px solid #956607;}
	#extras .productList li a 	{ color: #956607;}

	

	#extras div.bottom {
		background: url(../images/bkgd-extras_bottom.png) no-repeat left bottom;
	}

	#extras .productList {  }



div#footer { 
	color: #5f5b5b;
	background-color: #000;
}
	div#footer a { color: #5f5b5b; }
	div#footer h5 {
		background: url(../images/bkgd-footer_h5.gif) no-repeat center top;
	}

/* 
	Adjustable Menu Item widths 
	This section will need to be edited when new items are added or 
	Menu items are changed
*/
div#navigation ul li.about-us a 	{
	background-image: url(../images/nav/bkgd-nav_a_aboutus.jpg);
}
div#navigation ul li.contact-us a 	{
	background-image: url(../images/nav/bkgd-nav_a_contactus.jpg);
}
div#navigation ul li.news a 		{
	background-image: url(../images/nav/bkgd-nav_a_news.jpg);
}
div#navigation ul li.products a 	{
	background-image: url(../images/nav/bkgd-nav_a_products.jpg);
}
div#navigation ul li.brands a 		{
	background-image: url(../images/nav/bkgd-nav_a_brands.jpg);
}