/*
Project:	Engelbert 2010
Style:		General stylesheet
Version:	1.0
Author:	    Tomas Frieberg, Disco Works
Updated: 	2010-01-30

Sections:
01. GENERAL
	- Images
	- Links
	- Clearfix
	- Button
	
02. COLORTHEMES

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


/* 01. GENERAL
------------------------------------------------------------ */
html { font-size: 125%; font-family: Georgia, Verdana, Sans-serif; }
body { font-size: 60%; line-height: 1.4em; }
body { background: black; }

h1 { font-family: Georgia, Verdana, Sans-Serif; font-size: 2.25em; font-style: italic; font-weight: normal; margin-bottom: 12px; }
h2 { font-family: Georgia, Verdana, Sans-Serif; font-size: 1em; margin-bottom: 1.2em; }

p { margin: 0 0 1.2em 0; }

strong, th, thead td, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
abbr, acronym { text-transform: uppercase; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid; }
hr { width: 100%; height: 1px; border: 0; clear: both; float: none; margin: 0 0 15px 0; }
.hidden { display: none; }

/* IMAGES */
img { vertical-align: bottom; }
img.left { float: left; }
img.right { float: right; }

/* LINKS */
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; cursor: pointer; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.showmore { display: none; }

/* CLEARFIX */
#content:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* BUTTON */
button { border:0; cursor: pointer; font-weight: bold; padding: 0 10px 0 0; text-align: center; outline: 0; -moz-padding-end: 7px; }
button span { position: relative; display: block; white-space: nowrap; padding: 0 0 0 10px; outline: 0; -moz-padding-start: 9px; }
button:focus::-moz-focus-inner { border-color: transparent !important; }

/* Fades out block */
.unavailable { filter: alpha(opacity=20); -moz-opacity: .20; opacity: .20; }

/* Flash Movie */
object { outline: none; }

/* STICKY FOOTER */
/*html, body, form, #mainframe {height: 100%;}*/

body #mainframe {height: auto;}

#main {}  /* must be same height as the footer */

#footer { height: 46px; clear:both; }


	
/* 02. PAGE ELEMENTS
------------------------------------------------------------ */

/* MAINFRAME */
#mainframe { width: 960px; margin: 0 auto; overflow: hidden; }


/* PAGE HEADER */
#header { background-color: black; height: 92px; }
	#header .logo { position: relative; top: 34px; left: 29px; }

	
/* TOP MENU */
#menu { height: 23px; background-color: black; padding: 6px 30px 2px; }
	#menu .menuitem { float: left; margin-right: 20px; font-family: Arial, Helvetica, Verdana, Sans-Serif; text-transform: uppercase; }
		#menu .menuitem a:link, #menu .menuitem a:visited { color: white; text-decoration: none; border-bottom: 1px solid black; padding-bottom: 2px; }
		#menu .menuitem a:hover, #menu .menuitem a:active { border-bottom: 1px solid white; }
		#menu .menuitem a.selected:link, #menu .menuitem a.selected:visited { border-bottom: 1px solid white; }


/* BODY */
#content { padding: 26px 0px 26px 30px; background: white; }
	#content .column { float: left; width: 280px; margin: 0px 30px 20px 0px; }
	    #content .column img { margin-bottom: 5px; }
	#content .double-column { float: left; width: 590px; margin: 0px 30px 20px 0px; }
	    #content .column a {color: Black!important; }
	#content .column-wide { float: left; width: 590px; margin-right: 30px; }
		#content .column-wide .column { width: 180px; margin-right: 10px; }
			#content .column-wide .column .retailor { margin-bottom: 30px; }
	
	#content .prehead { font-family: Times New Roman, Georgia, Serif; text-transform: uppercase; font-size: 0.8em; margin-bottom: 7px; }
	    #content .prehead a { color: Black!important;}
	
	#content .delimiter { border-bottom: 1px solid black; width: 100%; margin-bottom: 21px; }
	#content > .delimiter { width: 900px; }
	
	#content .blackbox { background-color: Black; padding: 7px 9px; margin-bottom: 1.2em; }
		#content .blackbox h2 { color: White; text-transform: uppercase; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-weight: normal; margin-bottom: 0; }
		#content .blackbox .content { text-align: center; padding: 10px 0px; }
	#content > .blackbox { width: 882px; }
	
	#content .contact { background: url(/lib/img/contact-bg.jpg) no-repeat left top; width: 960px; height: 470px; overflow: hidden; margin: -26px 0px -30px -30px; }
		#content .contact .address { position: relative; color: White; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-weight: bold; text-transform: uppercase; }
			#content .contact .address a:link, #content .contact .address a:visited,
			#content .contact .address a:hover, #content .contact .address a:active { color: White; }
	
	#content .thumb { width: auto; float: left; margin: 0 15px 20px 0; font-style: italic; font-size: 0.9em; }
		#content .thumb img { display: block; margin-bottom: 8px; }
		#content .thumb a:link, #content .thumb a:visited { color: #222; text-decoration: none; }
		#content .thumb a:hover, #content .thumb a:active { text-decoration: underline; }
	
	#content .products {  }
		#content .products .column { width: 160px; text-align: center; float: left; margin: 0px 24px 5px 0px; }
			#content .products .column img { display: block; margin-bottom: 2px; }
			#content .products .column a:link, #content .products .column a:visited { color: #222; text-decoration: none; }
			#content .products .column a:hover, #content .products .column a:active { text-decoration: underline; }
	
	#content table {  }
		#content table td.key { font-weight: bold; width: 130px; padding: 0px 10px 10px 0px; }
		#content table td.value { width: 140px; padding: 0px 0px 10px 0px; }


/* FOOTER */
#footer { background: black url(/lib/img/bottom-bg.jpg) no-repeat center top; padding: 9px 0px 27px; text-align: center; height: 10px; }

.double-column table.sub-products { width: 100%; }
    .double-column table.sub-products tbody td { padding: 8px 0 0; font-size: 0.9em; }