/*
Version: 2009.08.13
Author: Lennart Burenius
*/


/* Standard HTML elements */


html {}

body {margin: 0;
	padding: 0;
	color: #999999;
	background: #101010 url(../img/bg.jpg) repeat-x top;
	font-family: Tahoma, serif;
	font-size: 76%;}
	
a {text-decoration: none;
	color: #a8b963;}
a:hover {color: #ccd5aa}

img {border-width: 0px;}

div {font-size: 1.0em; 
	margin: 0; 
	padding: 0; 
	line-height: 1.3em}

object {padding: 0;
	margin: -15px;
	background-color: #0d0d0d;
	outline: none;
	display: block;}
	
hr {display: none;} 
	
p {line-height: 1.46em;
	margin-top: 0.2em;
	margin-bottom: 1.0em;}

h1 {color: #fff;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	display: block;
	margin-top: 1.5em;
	margin-bottom: 0.4em;
}

h2, h3 {color: #fff;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	margin-top: 1.7em;
	margin-bottom: 0.5em;}
	
ul {padding-left: 30px;
	margin-left: 0;
	margin-top: 0.4em;}

blockquote {margin: 0.7em 1.4em;
	min-height: 22px;
}

	
/* Menus */

#menu {position: relative; 
	height: 2.30em;
	display: block; 
	background: #0f0f0f; 
	text-align: left;
	border-bottom: 1px solid #252525;}
#menu ul {position: absolute; left: 256px; top: 0px; padding: 0; margin: 0;}
#menu li {display: inline; list-style: none;}
#menu li a:link, 
#menu li a:visited {color: #fff;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 0.50em 21px 0.50em;
	display: block;
	float: left;
	border-bottom: 1px solid #252525;}
#menu a:hover {background-color: #151515;
	border-color: #404040 !important;} 
#menu a.selected, 
#menu a.selected:hover {background-color: #1e1e1e;
	border-color: #a8b963 !important; }  
#menu a.feed {position: absolute; right: 12px;}

#productmenu {float: left; width: 256px;}
#productmenu ul {padding: 0; margin: 0; width: 255px;}
#productmenu li {display: block; list-style: none;}
#productmenu li a:link, 
#productmenu li a:visited {color: #fff;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 0.50em 17px 0.50em;
	margin: 0;
	display: block;
	background-color: #161616;
	border-bottom: 1px solid #505050;}
#productmenu li a:hover {background-color: #191919 !important;
	border-color: #707070 !important;} 
#productmenu li a.selected, 
#productmenu li a.selected:hover {background-color: #111111 !important;
	border-color: #a8b963 !important; }  

#productmenu li ul {padding: 7px 0;
	border-bottom: 1px solid #1d1d1d;}
#productmenu li ul li a:link, 
#productmenu li ul li a:visited {font-weight: normal;
	text-transform: none;
	font-family: Tahoma, serif;
	letter-spacing: 0px;
	background-color: transparent;
	background: url(../img/menubullet_grey.gif) no-repeat 17px center;
	border-width: 0px;
	padding: 0.20em 35px 0.20em;
	color: #999999;
}
#productmenu li ul li a:hover {color: #fff;
	background: url(../img/menubullet_white.gif) no-repeat 17px center;}

#infomenu {position: relative; 
	overflow: hidden; 
	height: 2.4em;
	display: block; 
	text-align: left;
	width: 690px;
	margin-bottom: -0.2em;
	background: url(../img/bg_infomenu.gif) no-repeat bottom;}
#infomenu ul {position: absolute; left: 30px; bottom: 0px; padding: 0; margin: 0;}
#infomenu li {display: inline; list-style: none;}
#infomenu li a, 
#infomenu li a:link, 
#infomenu li a:visited {background-color: #191919;
	color: #505050;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 0.30em 11px 0.10em;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 1px;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	border-left: 1px solid #303030;}
#infomenu li a:hover {color: #7e7e7e;} 
#infomenu li a.selected,
#infomenu li a.selected:link, 
#infomenu li a.selected:visited, 
#infomenu li a.selected:hover {background-color: #161616;
	color: #7e7e7e;
	border-color: #505050;
	margin-bottom: 0;
	border-bottom: 1px solid #161616;}  

#mapmenu {position: relative; 
	overflow: hidden; 
	height: 2.24em;
	display: block; 
	text-align: left;
	width: 690px;
	margin-bottom: -0.9em;
	background: url(../img/bg_mapmenu.gif) repeat-x top;}
#mapmenu ul {position: absolute; left: 30px; bottom: 0px; padding: 0; margin: 0;}
#mapmenu li {display: inline; list-style: none;}
#mapmenu li a, 
#mapmenu li a:link, 
#mapmenu li a:visited {
	color: #505050;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 0.20em 11px 0.18em;
	margin-bottom: 1px;
	display: block;
	float: left;
	margin-right: 5px;
	border: 1px solid #303030;}
#mapmenu li a:hover {color: #7e7e7e;} 
#mapmenu li a.selected,
#mapmenu li a.selected:link, 
#mapmenu li a.selected:visited, 
#mapmenu li a.selected:hover {background-color: #0d0d0d;
	color: #7e7e7e;
	border-color: #303030;
	border-top: 1px solid #0d0d0d;}  

/* Page elements */

a#logo,
a#logo:hover {margin: 0;
	padding: 0;
	display: block;}
	
	a#logo img,
	a#logo:hover img {margin: 0;
		padding: 0;
		display: block;
		border-bottom: 1px solid #1d1d1d;
		background-color: #111;}

a.feed {display: block;
	height: 2.2em;
	width: 16px;
	text-indent: -9000px;
	text-decoration: none; /* Firefox-fix */
	background: url(../img/feed.gif) no-repeat center left;}

#wrapper {width: 946px; 
	border: 1px solid #252525;
	border-width: 0 1px 1px 1px;
	text-align: left; 
	margin: 0 auto 2em;
	padding: 0;
	background: #161616 url(../img/bg_wrapper.gif) repeat-y left;}

#mainarea {font-size: 0.9em;
	float: left; 
	width: 690px;
	min-height: 850px;
	padding-bottom: 1.8em;}

	#mainarea li {line-height: 1.64em;
		list-style: square}
	
#header {display: block;
	position: relative;
	height: 124px;
	background: #0d0d0d url(../img/bg_header.jpg) no-repeat top left;}

	#header h1 {text-indent: -9000px;
		position: absolute;
		bottom: -25px;
		left: 22px;
		display: block;
		height: 50px;
		width: 200px;
		margin: 0;
		padding: 0;
		background: url(../img/header_fractaldesign.gif) no-repeat top left;}
		
	#header h1.products {width: 322px;
		background: url(../img/header_products.gif) no-repeat top left;}
	
#content,
#reviews,
#downloads {padding: 0.9em 29px 1.8em;}
	
	#reviews, #downloads {display: none}
	
	#content h1,
	#reviews h1 {clear: left;}
		
	#reviews img {border: 0;
		margin: 3px 20px 3px 35px;
		float: right;}
		
	#reviews span {color: #999999;}
	
#contenthead {padding: 0.9em 29px 0.6em;}
	
#mapcontainer {width: 690px;
	height: 300px;
	overflow: hidden; 
	border-top: 1px solid #303030; 
	background-color: #0d0d0d;}

#noflash {padding: 0 29px;}

	#noflash ul {margin-top: 2em;}
	#noflash li {line-height: 2em;}
	#noflash li a:link, 
	#noflash li a:visited,
	#noflash li a:hover {color: #fff;
		font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 12px;}
	
#captcha {margin: -15px 0 0 150px;}

#footer {height: 2.2em;
	font-size: 0.9em; 
	clear: left; 
	background: #0f0f0f; 
	padding: 0.7em 24px 0;
	border-top: 1px solid #252525;}
	
#thumbs {float: right;
	margin: 0 0 2em 29px;} /* margin: 0 0 2em 29px; */
	
	#thumbs div {background-color: #111111;
	padding: 1px;
	width: 212px;
	border-left: 1px solid #252525;
	border-bottom: 1px solid #252525;
	line-height: 0.5;}
	
	#thumbs a {margin: 0;
		padding: 0;}
		
	#thumbs img { /* display: block; */
		margin: 1px 1px;
		padding: 0;
		border: 0}
		
	#thumbs span {display: block;
		padding: 0.7em 0 0.85em 35px;
		margin-top: 2em;
		border-bottom: 1px solid #252525;
		background: url(../img/enlarge.gif) no-repeat 5px;}
	
div.shop {display: block;
	float: left;
	width: 316px;
	height: 16.4em;}

div.country {display: none;
	clear: left;}

div.download {display: block;
	float: left;
	width: 316px;
	margin-bottom: 1.4em;
	margin-top: 0}
	
	div.download h4 {margin: 0.4em 0 0.8em}
	div.download ul {padding-left: 0.5em}
	div.download li {list-style: none !important; margin-left: 0}
	div.download li a {padding: 1px 1px 1px 23px;} 
	div.download li a.logo {background: url(../img/ico_logo.png) no-repeat left;}
	div.download li a.pdf {background: url(../img/ico_pdf.png) no-repeat left;}
	div.download li a.picture {background: url(../img/ico_picture.png) no-repeat left;}
	div.download li a.exe {background: url(../img/ico_exe.png) no-repeat left;}


div.review {margin-bottom: 2.4em;
	min-height: 100px;}
	
/* Form */

form {margin: 0px 0px 2px 0px;} 

input, textarea, select {font: 11px Tahoma, serif; 
	color: #999; 
	margin: 4px 3px 2px 1px;
	float: left;}
	
input.text, textarea, select {width: 340px; 
	display: block; 
	padding: 4px; 
	border: 1px solid #353535; 
	border-left: 4px solid #353535; 
	background: #0d0d0d;}

input.text:focus,
textarea:focus {border-left: 4px solid #a8b963;}

input.submitbutton {width: auto;
	font: 0.9em verdana, helvetica, sans-serif;
	margin-top: 0.6em;
	padding: 2px 6px;
	color: #000;
}

textarea {overflow: auto;}

form br {clear: left;}

label {text-align: right; 
	width: 140px; 
	margin-top: 3px; 
	padding-right: 10px; 
	font-size: 12px;
	line-height: 1.6em;
	display: block; 
	float: left;}
	
label.alignleft {text-align: left;
	width: auto;
	padding: 3px;
	line-height: 1.0em;
	margin-right: 3em;}

fieldset {border: 1px solid #252525; 
	padding: 8px; 
	margin-top: 8px;}

legend {font-weight: bold; 
	padding: 3px; 
	white-space: nowrap;
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	color: #999999;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;}
	
	
/* Lightbox */

#lightbox {background-color: #111;
	padding: 10px 11px;
	border-left: 1px solid #424242;
	border-top: 1px solid #424242;
	border-right: 1px solid #272727;
	border-bottom: 1px solid #272727;}
	
#lightboxDetails {display: none;}	
	
#lightboxCaption{float: left; border: 1px solid blue;}
#keyboardMsg {float: right; border: 1px solid yellow;}
#closeButton{ top: 5px; right: 5px; height: 26px; width: 32px;}

#lightbox img,
#overlay img {border: none;}

#overlay {background-image: url(../img/overlay.png);}

* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}

/* Table for productpages */

table.specifications {margin: 0.2em 0 0.8em 0;
	border-width: 0;
	border-collapse: collapse;}
	
	table.specifications tbody {border: 1px solid #363636;
		background-color: #111111;}
	table.specifications td, table.specifications th {padding: 3px 1px 3px 10px;
		vertical-align: top;
		border: 1px dotted #363636;
		text-align: left;}
	table.specifications table p {margin: 0 0;}
	table.specifications thead th, table.specifications thead td {padding: 6px 1px 6px 10px;
		color: #fff;
		font-weight: bold;
		border-width: 0px;}