/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background: #000 url(images/elvis_bkgd.jpg) no-repeat;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#dddddd;
padding:20px;
margin:0px;
}
a {color: #dddddd;}
a:visited {color:#dddddd;}
a:hover {color: #730c10;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:5px 15px;
margin:0px }
h2 {
color: solid #B40000;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {

width: 980px;
border: 3px solid #730c10;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #000;
padding: 0px;
margin: 0px; 
}

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
 background: #000;
 background-position:  50% 0px;
 border-left: solid 200px #000; /* color of the left column  */ 
 border-right: solid 200px #000; /* color of the right column  */ 
 background-color: #000;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right columns------------- */
#left {
 background-image: url(images/fm_left.jpg);
 background-repeat: no-repeat;
 background-position:  50% 0px;
 width:200px; 
 height: 1200px;
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #right {
 background-image: url(images/fm_right.jpg);
 background-repeat: no-repeat;
 background-position:  50% 0px;
 width:200px; 
 height: 500px;
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }

/* --------------centre column content------------- */
#sub_container {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-bottom: 1px;
}

/* --------------article content------------- */
#article_container_a { 	
	margin: 10px 10px 10px 10px;
	width: 150px;
	background: #333;
	border: solid 1px #fff;
	padding: 10px;
    float:left;
}


/* --------------left and right menu panels------------- */
#left_panel {
	width:170px;
	background: #000;
	float:center;
	position:relative;
	margin-left:15px;
	border: 1px double #B50303;
	margin-top: 130px;
 }
 #right_panel {
	width:170px;
	background: #000;
	float:center;
	position:relative;
	margin-left:15px;
	border: 1px double #B50303;
	margin-top: 20px;
 }
 #shopping_cart_panel {
 width:170px; 
 background: #000;
 float:center; 
 position:relative; 
 margin-left:15px;
 border: 1px double pink;
 }
  #thankyou_panel {
 width:170px; 
 background: #000;
 float:center; 
 position:relative; 
 margin-left:15px;
 border: 1px double pink;
 }


/* --------------menu highlights------------- */
ul {padding: 0; margin: 0; border-bottom: 1px #B50303;
  font: 1em sans-serif;}
ul li {list-style-type: none;
  border: 1px solid #B50303; border-width: 1px 0 0 0;
  position: relative; margin: 0; padding: 0;}
ul ul {display: none;}
ul li:hover > ul {display: block; overflow:hidden; position: absolute; top: -1px; left: 100%; z-index:2; border-left: 1px solid #B50303; border-right: 1px #B50303;}
li a {display: block; padding: 5px 7px; text-decoration: none;
  background: #000;}
ul#topmenu li a:hover {background: yellow;}
li.sub > a {font-weight: bold; background: #000;}

h1 {margin: 0; padding: 1em 0.25em 0; font: bold 2.5em Arial, sans-serif; line-height: 0.8em; border-bottom: 1px solid silver; text-align: right; color: #557; letter-spacing: 2px;}

div#main {margin: 0 8em 0 1em; padding: 0; border-right: 1px solid silver;}
div#main p {margin: 1em 3em 1em 0.5em;}
ul#topmenu {width: 6em;}
ul#topmenu > li:hover > ul {width: 10em; top: 1.5em; left: -3px;}

ul ul {width: 10em;}

#rtnv {position: absolute; top: 6em; right: 0; width: 8em; margin: 0; padding: 0; font-family: Arial, sans-serif;}
#rtnv > ul {width: 9em; margin-left: -1px; font-size: 85%;}
#rtnv ul {border: 1px solid silver; border-width: 0 0 0 1px;}
#rtnv ul li {border-width: 1px 0; border-color: white; padding: 0 0 0 5px; line-height: 1.25em;}
#rtnv ul ul {border-width: 0 1px 1px 1px; border-color: gray silver gray gray;}
#rtnv ul ul li {border-color: #FEFEFC;}
#rtnv li > a {background-color: transparent; padding: 3px;}
#rtnv li:hover {background-color: #EED;}
#rtnv li.sub:hover {margin-left: -10.2em; border: 1px solid gray; background: #DDB;}
#rtnv li.sub:hover > a {color: #330;}
#rtnv li.sub:hover > ul {top: 1.75em; left: -1px; background: #FEFEFC;}


/* --------------images------------- */
.img_l { background: #FFCCCC; float: left; padding: 3px; margin: 5px 5px 5px 10px; color: #FFCCCC; border: 1px solid #FFCCCC; }
.img_r { background: #FFCCCC; float: right; padding: 3px; margin: 5px 15px 5px 10px; color: #FFCCCC; border: 1px solid #FFCCCC; }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
border: 1px solid black;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/* -----------------form---------------------- */
#form {
	float: left;
	width: 480px;
	padding: 20px 30px 20px 20px;
}



/* -----------------footer---------------------- */
#footer { 
	clear:both;
	height: 50px;
	color:#555;  
	background: #000 url(images/footer.jpg) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 25px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

.gotop { color: #505050; background: #000; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #ddd; }
.gotop a { color: #546078; }