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


html		{ scrollbar-base-color: #cccccc; }


body {
background-color: #fff;
font-size: 75%;
font-family: Tahoma, Arial, Sans-Serif;
color:#000000;
padding:0;
margin:0;
background:url(images/jpg/tinydeol_bg.jpg) repeat-x;
}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #000000;}
a:active { color:#000000;}

h1 {
font-size: 100%;
text-transform:uppercase;}

h2 {
font-size: 160%;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h2 {
padding:0;
margin:0;
}
h3 {
font-size: 110%;
font-weight: bold;
margin: 5px 0 5px 0;
}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 987px;
margin-bottom: 10px;
margin: 0 auto;
clear:both;
}

/* ----------banner for logo-------------- */
#banner {
text-align: right;
height:20px;
padding: 10px 5px 5px 5px;
margin: 0px 0 0 0;
background:url(images/jpg/logo_02.jpg) no-repeat;
}
#header {
text-align: right;
padding: 0px;
margin: 0px 0 0 0;
height:100px;
}
#banner img {padding:0px 0px;} 

#top_bar {
height:20px;
text-align:center;
padding-top:5px;
font-size:100%;
font-weight:bold;
}

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0;
display:inline;
clear:both;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#middle_banner {
width:inherit
display:inline;
padding:0px;
margin:0;
height:128px;
background:url(images/jpg/middle_banner.jpg) no-repeat;
color:#000000;
}




#bottom_banner {
width:inherit
display:inline;
padding:0;
margin:0;
height:313px;
border-bottom:1px solid #98142c;
background:url(images/jpg/bottom_banner.jpg) no-repeat;
color:#000000;
}

#latest_news {
width:280px;
margin-top:110px;
margin:0;
height:auto;
color:#000000;
float:left;
background:#FFFFFF;
border:1px dotted #98142c;
}
.latest_news {
color:#FFFFFF;
font-size:120%;
margin-left:15px;

}
#latest_news_header {
margin:10px;
width:252px;
color:#FFFFFF;
font-size: 105%;
padding: 15px 4px 4px 4px;
background-color:#98142c;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

#usp_wrapper {
margin:5px 0px 0px 25px;
width:340px;
height:70px;
padding:0px;
float:left;
text-align:left;
line-height:150%;
}

#usps {
margin:0px 0px 0px 0;
width:185px;
height:auto;
padding:0px;
float:left;
text-align:left;
font-size: 115%;
line-height:140%;
}

#usps2 {
margin:0px 0px 0px 0;
width:155px;
height:auto;
padding:0px;
float:left;
text-align:left;
font-size: 115%;
line-height:140%;
}

#usp_wrap_head {
background-color:#98142c;
color:#FFFFFF;
text-align:center;
padding:0px;
margin-top:5px;
font-size: 105%;
font-weight:bold;
}

.usps {
font-size: 85%;
text-decoration:underline;
font-weight:bold;
margin:0;
padding:0;
list-style:square;
}

#search_box {
margin:27px 0px 0px 0;
width:250px;
height:60px;
padding:0px;
float:right;
}

.go_button {
color:#FFFFFF;
background:#98142c;
border:1px solid #FFFFFF;
padding:0;
font-size: 85%;

}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
border-left:1px solid #98142c;
width: 242px;
margin: 0;
padding: 0;
min-height:1200px;
height:auto !important; 

height:1200px; 
clear:both;
}

#right_sub {
margin:10px 0px 10px 20px;
padding:5px;
height:auto !important; 
background-color:#cccccc;
border:1px dotted #98142c;

}

#right_sub_cart {
margin:10px 0px 10px 20px;
padding:5px;
min-height:150px;
height:auto !important;
height:150px; 
 
background-color:#cccccc;
border:1px dotted #98142c;

}

#content_sub {
margin:10px 15px 5px 0;
width:345px;
min-height:145px;
height:auto !important; 
height:145px; 

padding:5px;
border:1px solid #e8e3dc;
background-color:#e8e3dc;
background:url(images/jpg/box_bg.jpg) repeat-x;
float:left;
}

/* IE6 Only */
* html #content_sub {
	width: 335px;
}

/* IE7 Only */
*:first-child+html #content_sub {
	width: 335px;
}


#long_content_sub {
margin:10px 0px 5px 0;
width:720px;
height:195px;
padding:0;
background-color:#98142c;
background:url(images/jpg/tiny_jars.jpg) no-repeat;
float:left;
}



/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
color:#FFFFFF;
background:#98142c;
padding: 5px;
text-align: center; }


.chromemenu{
width: 99%;
font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

li {
margin:0;
padding:0;
}

ul {
margin:0 0 0 15px;
padding:0;
list-style-type:square;
list-style-position:outside;

}

.chromemenu ul{
width: 100%;
padding: 0px 3px 5px 0;
margin: 0;
text-align: right; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding: 5px 8px 5px 0px;
margin: 0;
text-decoration: none;
border-right: 1px solid #BBB;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
background:#98142c;
color:#FFFFFF;
}

.float_right {
float:right;
margin: 5px 5px 5px 5px;
}

.searchbox {

color: #000;
background:#fff;
border:1px solid #000;
margin:2px 1px 0px 3px;
width:160px;
}
.label {
  float: left;
  padding-left:0px;
  margin-top:0px
  padding-top:0px;
  width: 5em;
 font: Verdana;
 font-size:75%;
} 

.store_find {
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
}

.content_sub {
width:220px;
}

.right_sub_h1 {
font-size: 105%;
font-weight:bold;
color: #98142c
}

content_sub_h1 {
font-weight:bold:
}

.footer a{
color: #fff;
text-decoration: none;
}

.footer a:hover, .footer a.current {
color:#FFFFFF;
text-decoration:underline;
}

label.login {
float: left;
padding-left:0px;
margin-top:0px
padding-top:0px;
width: 6em;
font-size:100%;
font-weight:bold;

display: block;

} 

input.formInputText { background-color: #fff; border: solid 1px #000; padding: 2px;}


input.formInputButton_login { float:right; margin:0 4px 0 0; font-size: 85%; font-weight: bold; text-align: center; color: #fff; background: #98142c; border:1px solid #FFFFFF; }

input.formInputButton { float:left; margin:0 4px 0 0; font-size: 85%; font-weight: bold; text-align: center; color: #fff; background: #98142c; border:1px solid #FFFFFF; }