@charset "utf-8";
/* CSS Document for Eurodek */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg.gif) 0 0 #FFFFFF repeat-x;
}

img {border:0px;}

#pagewidth {
	width:768px;
	margin:0 auto;
	background:url(../images/page-bg.png) 0 0 repeat-y;
}

#content {
	margin:0 auto;
	width:760px;
	background:url(../images/content-bg.gif) bottom repeat-x #FFFFFF;
}

#header {
	background:url(../images/header.gif) 0 0 no-repeat;
	height:162px;
}

#header-top {
	font-weight: bold;
	width: 250px;
	margin: 0.5em;
	padding-bottom: 0.2em;
	color: #999;
	border-bottom: 1px #999 dashed;
	text-align: left;
	float:right;
}

#header-top a {
	color:#999;
}

#header-top span {
	float:right;
}

#header img {
	float:left;
	margin:10px 0 10px 25px;
}

.imgPadLeft {
	padding-left:30px;
}

* html #navigation {
	margin-top:-3px;
}

#navigation {
	background:url(../images/nav-bg.gif) 0 0 repeat-x;
	height:35px;
	font-size:0.9em;
	clear:both;
}

/*

ul#nav {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#nav li {
	display:block;
	float:left;
	line-height:35px;
	padding:0 0.5em;
	position:relative;
	white-space:nowrap;
}

ul#nav li.spacer {
	background:url(../images/nav-divider.gif) 0 0 no-repeat;
	width:3px!important;
	padding:0;
}

ul#nav li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	white-space:nowrap;
}

ul#nav li:hover {
	position:relative;
	z-index: 200;
}

ul#nav li a:hover {
	color:#898684;
	position:relative;
	white-space:nowrap;
	z-index: 200;
}

ul#nav table
{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

ul#nav ul.sub {
	position:absolute;
	top:-9999px;
	left:-9999px;
	background:#4b1028;
	margin:0;
	padding:0;
	font-size:10px;
	border-left:1px #781c16 solid;	
}

ul#nav ul li {
	float:none;
	line-height:20px;	
}

ul#nav ul li a {
	float:none;
	line-height:20px;	
	display:block;
}

ul#nav :hover ul.sub {
	position:absolute;
	top:34px;
	left:0px;
	white-space:nowrap;
    z-index:400;
	width:auto;
	height:auto;
}

ul#nav li:hover > a {
    color: #898684;
}

ul#nav li:hover > ul {
    left:0px;
    top:34px;
    white-space:nowrap;
    z-index:400;
    height:auto;
    width:auto;
} */

#nav {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 200;
    top: 0;
    left: 0;
    font-size: 11px;
}

#nav li {
	display:block;
	float:left;
	line-height:35px;
	padding:0 15px;
	position:relative;
	white-space:nowrap;
	pad
}

#nav li.spacer {
	background:url(../images/nav-divider.gif) 0 0 no-repeat;
	width:3px!important;
	padding:0;
}

#nav li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

#nav table
{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#nav li:hover
{
    position: relative;
    z-index: 200;
}

#nav li a:hover
{
    position: relative;
    white-space: nowrap;
    z-index: 200;
}

/* First Tier Nav */
#nav :hover ul.sub {
    left: 0px;
    top: 30px;
    background-color: #4b1028;
    border-left: 1px solid #781c16;
    white-space: nowrap;
    width: auto;
    z-index: 400;
    height: auto;
	font-size:10px;
	margin:0;
	padding:0;
	display:block;
}

* html #nav :hover ul.sub {
	top:23px;
	left:-6px;
}

#nav :hover ul.sub li
{
    height: 18px;
    line-height: 18px;
    position: relative;
    white-space: nowrap;
	display:block;
}

#nav :hover ul.sub li a:hover
{
    color: #898684;
    text-decoration: none;
    white-space: nowrap;
}
/**/

#nav li:hover > a {
    color: #898684;
}

/* Hide all */
#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul
{
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
/**/

#navigation-bottom {
	background:url(../images/nav-bottom.gif) 0 0 repeat-x;
	height:10px;
}

#main #leftcol {
	width:515px;
	margin-left:1.5em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	float:left;
	font-size:0.9em;
}

* html #main #leftcol {
	margin-left:5px;
}

#products #leftcol {
	margin-left:1.5em;
	margin-top:1.5em;
	margin-bottom:1.5em;	
	float:left;
	width:158px;
	font-size:0.9em;
}

* html #products #leftcol {
	margin-left:5px;
}

.main-box {
	background:url(../images/main-bg.gif) 0 0 repeat-y;
}

.main-box-top {
	background:url(../images/main-top.gif) top no-repeat;
}

.main-box-bottom {
	background:url(../images/main-footer.gif) bottom no-repeat;
}

.main-box-content {
	padding:1em;
}

#main #rightcol {
	margin-right:1.5em;
	margin-top:1.5em;
	margin-bottom:1.5em;	
	float:right;
	width:194px;
	font-size:0.8em;
	background:url(../images/raf.gif) bottom no-repeat;
}

#main #rightcol {
	margin-right:5px;
}

#products #rightcol {
	width:550px;
	margin-top:1.5em;
	margin-bottom:1.5em;
	margin-right:1.5em;
	float:right;
	font-size:0.9em;
}

#products #rightcol {
	margin-right:5px;
}

#products #rightcol h2 {
	font-size:1em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border:0;
}

.product-selector-box, .red-box {
	background:url(../images/red-bg2.gif) 0 0 repeat-y;
	color:#FFF;
	margin-bottom:1em;
}

.product-selector-box-top {
	background:url(../images/product-top.gif) 0 0 no-repeat;
	height:56px;
}

.red-box-top {
	background:url(../images/red-top.gif) 0 0 no-repeat;
	height:29px;
	line-height:29px;
}

/*--------------------- */
.red-box-top-small {
	background:url(../images/red-top.gif) 0 0 no-repeat;
	height:10px;
}

.red-box-bottom-small {
	background:url(../images/red-bottom.gif) bottom no-repeat;
	height:12px;
}


.red-box-top h3 {
	margin:0;
	padding:0 0 0 0.6em;
}

.product-selector-box-top h3 {
	padding:3em 0 0 0.6em;
	margin:0;
}

.product-selector-box-bottom, .red-box-bottom {
	background:url(../images/red-bottom.gif) 0 0 no-repeat;
	height:37px;
	line-height:37px;
}

.product-selector-box-bottom input, .red-box-bottom img {
	margin:0.6em;
	float:right;
}

.product-selector-box-content, .red-box-content {
	background:url(../images/red-bg.gif) bottom repeat-x #7c1228;
	width:188px;
	margin:0 auto;
}

.product-selector-box-padding, .red-box-padding {
	padding:0.6em;
}

.red-box-content a {
	color:#FFFFFF;
}

.whiteBorder {
	border:#fff 1px solid;
}

#footer {
	width:768px;
	height:150px;
	margin:0 auto;
	background:url(../images/footer.gif) 0 0 no-repeat;
	text-align:center;
}

#footer img {
	margin: 42px 15px 0 0;
}

#copyright {
	width:768px;
	margin:0 auto;
	font-size:0.9em;
	color:#999999;	
	text-align:center;
}

#copyright ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#copyright ul li {
	display:inline;
	padding:0 0.1em;
	color:#481028;
}

#copyright ul li.spacer {
	padding:0;
}

a {
	color:#481028;
	text-decoration:none;
	font-weight:bold;
}

a.read {
	color:#e08a07;
}

h1, h2.likeh1 {
	font-family:Calibri;
	font-weight:normal;
	font-size:2em;
	color:#999;
	border-bottom:1px #999 dashed;
	margin:0 0 0.5em 0;
}

h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.2em;
}

.news-item {
	border-bottom:1px #FFF dashed;
	padding:0.2em 0;
}

.news-item img {
	float:right;
	margin-left:0.1em;
	margin-bottom:0.4em;
	border:1px #e08a07 solid;
}

.clear {
	clear:both;
}

ul#applications {
	list-style-type:none;
	margin:0.5em 0 0 0;
	padding:0;
}

ul#applications li {
	display:inline;
	padding:0 1em;
}

span.select { 
  position:absolute; 
  width:158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height:23px; 
  line-height:20px;
  padding:0 24px 0 8px; 
  color:#333; 
  background:url(../images/image_09.gif) no-repeat; 
  overflow:hidden;
  font-weight:bold;
}

select.styled {
	margin:0 0 0.5em 0;
}

.product-nav {
	background:url(../images/box-bg.gif) 0 0 repeat-y;
	width:160px;
	margin:10px 0 0 10px;
}

.product-nav-top {
	background:url(../images/box-top.gif) 0 0 no-repeat;
	height:27px;
}

.product-nav-top h3 {
	color:#FFF;
	line-height:27px;
	margin:0 0 0 0.6em;
	padding:0;
}

.product-nav-content {
	width:152px;
	margin:0 auto;
}

.product-nav-bottom {
	background:url(../images/box-bottom.gif) 0 0 no-repeat;
	height:16px;
}

ul#products-list, ul#products-list ul, ul#product-applications-list {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#products-list li {
	height:100%;
	padding:0;
}

ul#products-list li a, ul#product-applications-list li {
	display:block;
	border-bottom:1px #999 dashed;
	background-color:#FFFFFF;
	padding-left:0.6em;
	color:#481028;
	font-weight:bold;
	height:100%;
	line-height:1.6em;
}

ul#products-list li a:hover {
	display:block;
	border-bottom:1px #999 dashed;
	background-color:#CCCCCC;
}

ul#products-list ul li a {
	font-weight:normal;
}

#product-application {
	width:158px;
	margin:1em 0 0.5em 0.5em;
	float:right;
}

#product-text {
	margin:1em 0 0 0;
	float:left;
	width:375px;
}

#product-text-all {
	margin:1em 0 0 0;
}

.product-image {
	padding-right:0.5em;
}

a.sig {
	color:#999999;
	font-weight:normal;
}

.product-thumb {
	float:left;
	margin-right:5px;
}

.Eurodek-red {
	color:#481028;
}

ul.downloads, ul.links {
	list-style-type:none;
}

ul.downloads li, ul.links li {
	padding:2px 0 2px 25px;
	line-height:22px;
}

ul.downloads li {
	background:url(../images/pdf-icon.gif) left no-repeat;
}

ul.links li {
	background:url(../images/ie-icon.gif) left no-repeat;
}

#news-image {
	float:right;
	margin-left:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-left:1px #CCC solid;
	width:200px;
	font-style:italic;
	color:#CCCCCC;
}

#news-image img {
	padding-bottom:5px;
}

.news-date {
	float:right;
	color:#481028;
}

form {
	margin:0;
	padding:0;
}

fieldset {
	padding:10px;
	border:0;
}

label {
	float:left;
	margin:2px 10px 0 0;
	width:175px;
}

input, select {
	background:url(../images/input-bg.gif) top #FFF repeat-x;
	border:1px #CCC solid;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1px 0;
}

input.submit {
	background:url(../images/submit-bg.gif) top #FFF repeat-x;
	border:1px #CCC solid;	
	font-size:0.9em;
	color:#481028;
	margin:1px 0 0 0;
}

input.submit:hover {
	color:#881228;
}

.mand {
	color:#FF0000;
}

.search {
	border:0;
	background-image:url(../images/search-button.gif); 
	width:54px; 
	height:23px; 
	cursor: pointer; 
	margin: 4px 7px 0px 0px; 
	float:right;
}

#get-adobe {
	text-align:right;
}

.main-box h3 {
	text-decoration:underline;
	font-weight:normal;
	font-size:1em;
}

#main #rightcol p {
	padding:1em 0;
	margin:0;
}

.swatch-container {
	clear:both;
	padding-bottom:2em;
}

.swatches {
	text-align:center;
	float:left;
	width:55px;
	height:50px;
	margin:1em;
}

.swatches img {
	padding-bottom:0.5em;
}

#swatches {
	background-color:#FFF;
	padding:5px;
	font-size:0.9em;
}

#swatches h1 {
	position:relative;
}

.mand a {
	color:#FF0000;
}

.member-row {
	clear:both;
	height:20px;
	line-height:20px;
	padding:2px 0;
}

.member-row input {
	float:right;
}

.download-box {
	border:1px dashed #ccc;
	margin:5px 0;
	padding:5px;
}



.gallery-main {
	list-style: none;
	width: 460px;
	margin: 0 auto;
}

.gallery-main li {
	float: left;
	width: 111px;
	padding: 5px 15px;
	height: 150px;
	text-align: center;
}

.gallery-main li img {
	width:111px;
	height:81px;
	border:1px solid #881228;
}

#gallerywrapper {
	position:relative;
	z-index:5;
	height: 650px;
}



h1 { position: relative; }

h1 span {
	position: absolute;
	font-size: 0.5em;
	top: 5px;
	right: 0;
}

.galleryscroll {
width:500px;
height:125px;
overflow:auto;}

.gallery-select {
width:1000px;
	list-style: none;
	padding-left: 20px;
	margin-left: 0px;
}

.gallery-select img.big, #defaultImage img {
	width: 450px;
	height: 329px;
	border: 2px solid #881228;	
}

.gallery-select li {
	float: left;
	width: 111px;
	padding: 5px 1px;
	text-align: center;
}

.gallery-select li img.thumb {
	width:91px;
	height:71px;
	border:1px solid #881228;
}

.gallery-select li img.big {
	position: absolute;
	top: 250px;
	left: 20px;
	z-index: 5;
	visibility: hidden;
}

.gallery-select li a:active img.big, .gallery-select li a:focus img.big {
	visibility:visible;
}

#defaultImage img {
	position: absolute;
	top: 250px;
	left: 20px;
	clear: both;
	z-index: 1;
}

.whiteTxt{
	color:#ffffff;
}

.borderPurp {
	border:#660000 1px solid;
}