/* CSS Document */
body {font-family:Arial,Trebuchet,Verdana,Helvetica,sans-serif;font-size: 80%; background-color: #ADD3ED; background-image:url(../images/bg.gif);  /**/}

/*NAV */
#menu {
	height: 25px;
	margin: 0 0 1em 0;  padding:0 1em;
	float: right;

	}

div.outer {
	float: left;
	width: 90px;
	height: 25px;
	margin: 0 1px 0 0;
	background:url(/images/nav_bar.gif) 0 -51px no-repeat;

	}

div.outer a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	font: bold 13px/1 Arial, sans-serif;
	color:#fff;
	text-decoration: none;
	background:url(/images/nav_bar.gif) top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 6px 0 2px 0px;
	text-align:center;
	
	}
	
	
div.outer a:hover {
	background-image: none;
	color: yellow;
	}
div.outer a:active {
	color: black;
	}


/*DIVS*/

#wrapper { width: 740px; padding: 0;  margin:0 auto; background-color:#fff; border: 1px solid #666;}
#top {height: 218px; background-image:url(../images/top_bg.jpg); background-repeat: no-repeat;}
#navcontainer { background-image:url(../images/nav_bg.jpg); background-repeat: no-repeat; height:23px; display: block;}
#content{background-color:#fff;
background-image:url(../images/drop_bg.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:1em;}
#logos {}
#catalogue { margin-top: 2em; /*height: 310px;width:100%;*/ /*overflow:auto;*/ }
#cat_hold{padding:0 0 0 10px; width:98%;}
#footer { height: 20px; background-image:url(../images/footer_bg.jpg); background-repeat: repeat; clear: both;}
#intro { margin: 1em 2em 1em 3em; width: 20em; float: left; padding-bottom: 8em;
background-image:url(../images/logo_bg.gif); background-repeat: no-repeat; background-position: bottom; display:inline;}
#contact { margin: 1em 2em 1em 3em; width: 35em; float: left; padding-bottom: 8em;
background-image:url(../images/logo_bg.gif); background-repeat: no-repeat; background-position: bottom; display:inline;}
#list { margin: 2em 1em 0 0; background-color:#99FF33; height:200px; float: right; width: 25em;}
#col1 { width: 16em; float: left; margin: 4em .5em .5em .5em; font-size: .9em; color:#666;}
#col2 { width: 16em; float: right; margin: 4em .5em .5em .5em; font-size: .9em;color:#666;}
#col1 p{ margin-left: 1.75em; font-weight: bold;}
#col3 { width: 16em; float: left; margin: 0 .5em .5em .5em; font-size: 1em; color:#666;}
#spiel { width: 50em; margin: 1em 0 1em 3em; color:#666; line-height: 130%;}
/* CATALOGUE */ 
.f{margin:0 0 2em 2em; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.f a:link { font-weight:bold; text-decoration:none; color:#2D8DCE}
.f a:visited {font-weight:bold;  text-decoration:none; color:#2D8DCE}
.f a:active {font-weight:bold;  text-decoration:none; color:#3a5764}
.f a:hover {font-weight:bold;  text-decoration: underline;  color:#000066}

#content  a:link { text-decoration:none; color:#936;}
#content  a:visited { text-decoration:none; color:#936;}
#content  a:active { text-decoration:none; color:#3a5764;}
#content  a:hover { text-decoration: underline;  color:#000066;}

#credits { padding:0;  margin:0 auto; width: 61em; font-size: .9em;}
#credits p {text-align: right; color: #000; margin: .25em; }
#credits img {display: block; float: right; margin:.25em; border:0;}
 
.thumbnail {
float: left;
width: 20em;
margin: 0 1em 1em 5em;
padding-right: .5em;
background-color:#EBEBEB;
border: 1px solid #ccc;
display:inline;
}

.clearboth { clear: both; }


/*STRUCTURE CLASSES*/

#intro p { margin: 0 0 .5em 0; line-height: 130%;}


/*HEADERS*/
h1 { color: #936; font-size: 1.75em; margin: 0 0 1em 1em; padding:10px 0 0 0;}
h2 { font-size: 1.25em;}
h3 { font-size: 1em;}
h4 {}


/* HEADER CLASSES*/
.suppliers {}
.standard { margin: 0 0 .75em 0; color: #666;}
.intro {}
.label{color:#936; margin: .5em 0 .5em 0;}
.size{ margin: .25em;}
.colours{ text-transform:capitalize; margin: 0;}
.price{ color:#333; font-weight: bold; margin:.5em 0 1em 0; }
.price2{ color:#333; font-weight: bold; margin:.5em 0 0 0; }
.sale {color: #c00; margin: .5em 0 .5em 0; font-weight: bold;}
.crossout { text-decoration:line-through; color:#333; font-weight: bold; margin:.5em 0 1em 0;}

/*miscellaneous classes*/
.clear{ clear: both;height:1px;}
.centre { margin: 0 auto; text-align: center;}
.floatleft{float: left;margin: .5em;padding: 2px;}