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

body {
background-color: #54301a;
font-size: 11px;
font-family:Arial, Helvetica, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color:#CC6600; text-decoration:none;}
a:visited {color:#CC6600; text-decoration:none;}
a:hover {color:#006699; text-decoration:none;}
a:active { color:#CC6600; text-decoration:none;}



h1 {
font-size: 12px;
text-align:right;
color:#d9d3ca;
background-color:#FFFFFF;
padding:5px 15px;
margin:0px }

h2 {
font-size:11px;
font-weight:bold;
color:#999999;
margin:0px;}

h3 {
font:Arial;
font-size:14px;
color:#54301a;
margin:0px;}





/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFFFFF;
background-image:url(banner_repeat.jpg);
background-repeat:repeat-x;
text-align: left;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px 0px 20px;} 


#newsletter {

float:right;
text-align: right;
font-size:10px;
width:380px;
height:100px;
padding: 1px;
margin: 0px;
}

#newsletter a {color:#999999; text-decoration:none;}
#newsletter a:visited {color:#999999; text-decoration:none;}
#newsletter a:hover {color:#006699; text-decoration:none;}
#newsletter a:active { color:#999999; text-decoration:none;}


#topnav {

background-color: #FFFFFF;
float:right;
text-align: right;
padding: 5px 10px 0px 0px;
margin: 0px;
}

#midnav {
background-color: #FFFFFF;
width:990px;
height:20px;
text-align: right;
padding: 0px 0px 5px 0px;
margin: 0px 10px 15px 0px;
}

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



#widecontent {
background-image:url(icon_shop.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color: #ffffff;
padding:13px 0px 0px 35px;

}

div#widecontent { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#maincontent {

width:300px;
margin:0px 0px 0px 100px;
padding:0px 0px 0px 0px;
text-align:left;
line-height: 16px;
font-size:12px;
color:#54301a;
}

#presscontent {

width:600px;
margin:0px 0px 0px 70px;
padding:0px 0px 0px 0px;
text-align:left;
line-height: 16px;
font-size:11px;
color:#54301a;
}


#shopontent {
float:right;
width:700px;
margin:0px 20px 0px 0px;
padding:0px 10px 0px 10px;
text-align:left;
line-height: 16px;
font-size:11px;
color:#54301a;
}


#rightcontent {
float:right;
width:370px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
line-height: 16px;
font-size:12px;
color:#54301a;
}



#indexproducts {

width:530px;
padding:0px;
text-align:left;
line-height: 14px;
font-size:12px;
color:#54301a;
}

#newproducts {
float:left;
font-size:12px;
line-height:14px;
width:530px;
height:150px;
text-align:left;
margin:0px 0px 0px 0px;
}

#newproducts a {color:#0066CC; text-decoration:none;}
#newproducts a:visited {color:#0066CC; text-decoration:none;}
#newproducts a:hover {color:#99CC00; text-decoration:none;}
#newproducts a:active { color:#0066CC; text-decoration:none;}


#tees {
float:left;
font-size:14px;
line-height:16px;
width:530px;
height:320px;
text-align:left;
margin:10px 0px 0px 0px;
}

#tees a {color:#CC6600; text-decoration:none;}
#tees a:visited {color:#CC9900; text-decoration:none;}
#tees a:hover {color:#990000; text-decoration:none;}
#tees a:active { color:#CC6600; text-decoration:none;}

#lowerproduct {
background-image:url(icon_index.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
font-size:16px;
line-height:18px;
width:530px;
height:220px;
text-align:left;
margin:0px 0px 0px 0px;
}

#lowerproduct a {color:#CC6600; text-decoration:none;}
#lowerproduct a:visited {color:#CC9900; text-decoration:none;}
#lowerproduct a:hover {color:#990000; text-decoration:none;}
#lowerproduct a:active { color:#CC6600; text-decoration:none;}





/* --------------left navi------------- */




/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 180px #ffffff;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 
#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 


#outerindex{ 
border-left: solid 450px #ffffff;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 
#innerindex{ margin:0px; width:100%; } /* The ie/pc pecularity */ 



#left{
float: left;
width: 450px;
margin-left:-450px;
position:relative; 
margin-right:1px;
padding:0px;
}

#leftshop{
float: left;
width: 180px;
margin-left:-180px; 
position:relative; 
margin-right:1px;
padding:0px 0px 0px 25px;
}


.categories{
font-size:16px;
font-weight:300;
color:#552e07;
padding: 10px 10px 8px 25px;
margin:0px;
list-style:none;

}

.categories a {color: #552e07; text-decoration:none;}
.categories a:visited {color:#552e07; text-decoration:none;}
.categories a:hover {color:#c1d82e; text-decoration:none;}
.categories a:active { color:#552e07; text-decoration:none;}
.categories li {padding: 5px;}




#pressbox {
float: left;
width: 100px;
margin: 0px;
padding: 0px;
}

#pressbox img {padding:0px 0px 0px 10px;}

#slideshow {

width: 325px;
margin: 0px 0px 0px 120px;
padding: 0px;
}

#hometext {

font:Arial, Helvetica, sans-serif;
text-align:left;
line-height:14px;
font-size:11px;
padding:5px 0px 0px 0px;
}

#hometext a {color:#CC6600; text-decoration:none;}
#hometext a:visited {color:#CC9900; text-decoration:none;}
#hometext  a:hover {color:#990000; text-decoration:none;}
#hometext a:active { color:#CC6600; text-decoration:none;}

/* -----------footer--------------------------- */
#footer {
color:#aaa297;
clear: both;
text-align:center;
margin: 0px;
padding: 0px 0px 10px 0px;
 }
 
 
#footer a {color:#CC6600; text-decoration:none;}
#footer a:visited {color:#CC9900; text-decoration:none;}
#footer  a:hover {color:#006699; text-decoration:none;}
#footer a:active { color:#CC6600; text-decoration:none;}


#indexfooter {
color:#aaa297;
clear: both;
text-align:left;
margin: 0px;
padding: 0px 0px 5px 15px;
 }
 
 
#indexfooter a {color:#CC6600; text-decoration:none;}
#indexfooter a:visited {color:#CC9900; text-decoration:none;}
#indexfooter a:hover {color:#006699; text-decoration:none;}
#indexfooter a:active { color:#CC6600; text-decoration:none;}