/* *** 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, SunSans-Regular, 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;
}

h4 {
font-size: 100%;
color: #98142c}

h5 {
font-size: 100%;
color: #000
font-weight: bold;
}





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;
}
#header {
text-align: right;
padding: 0px;
margin: 0px 0 0 0;
height:100px;

}

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

.sauce {float: left; margin:5px; border:1px solid #98142c;} 

#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;
float:left;
clear:both;

background:url(images/jpg/paisley.jpg) repeat;

}

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




#middle_banner {
width:inherit
display:inline;
padding:0;
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;
}

.border {
border:1px solid #98142c;
}

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

p.small{
font-size:65%;
}

p.prod{
font-size:80%;
}




#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;
line-height:140%;
font-size: 115%;

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

}

#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;
}


.shopping_basket {
margin-left:5px; 
}

.view_basket {
marging:0 0 0 10px; 
}

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

#left {
float: left;
width: 200px;
margin:10px 0 10px 0;
border-right:1px solid #98142c;
padding: 0px 15px 0 0px;
height:auto; 

}

#right {
float: right;
border-left:1px solid #98142c;
width: 242px;
margin:10px 0 10px 0;
padding: 0;
clear:both;
height:auto; 

}

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

}

#right_sub_cart {
margin:10px 8px 10px 12px;
padding:5px;
min-height:150px;
height:auto !important; 
height:150px; 

background-color:#cccccc;
border:1px dotted #98142c;

}


#left_sub {
margin:10px 0px 0px 10px;
padding:10px 5px 5px 5px;
height:auto !important; 
border:1px dotted #98142c;
background:url(images/jpg/box_bg.jpg) repeat-x;
background-color:#ffffff;

}

#maxpo {
margin:10px 0px 0px 10px;
padding:0px;
height:auto !important; 
}

#content_mid {
width: 520px;


}



#content_sub a {
margin:10px 0px 5px 10px;
width:500px;
min-height:135px;
height:auto !important; 
height:135px; 

display: block;

border:1px solid #e8e3dc;
background-color:#e8e3dc;
background:url(images/jpg/tiny_jars_content.jpg) no-repeat;
float:left;

}




#content_sub2 {
margin:10px 0px 5px 10px;
height:auto;
padding:5px;
width:490px;

border:1px solid #e8e3dc;
float:left;
font-size: 120%;

background-color: #ccc;
}




#content_sub_curryslim a {
margin:10px 0px 5px 10px;
width:500px;
min-height:135px;
height:auto !important; 
height:135px; 

display: block;

border:1px solid #e8e3dc;
background-color:#e8e3dc;
background:url(images/jpg/curryslim_jars.jpg) no-repeat;
float:left;

}


.misc
{

margin:10px 0px 5px 10px;
height:auto;
padding:5px;
width:490px;

float:left;


}


.content_sub_left {
width:30%;
height:auto;
padding:5px;
float:left;

}

.content_sub_right {
width:60%;
height:auto;
padding:5px;
float:right;

}

.content_sub_left_checkout {
width:45%;
height:auto;
padding:5px;
float:left;
border:1px solid #98142c;

}

.content_sub_right_checkout {
width:45%;
height:auto;
padding:5px;
float:right;
border:1px solid #98142c;

}



.content_sub_prodL {
width:30%;
height:auto;
text-align: center;
float:left;

}

.content_sub_prodR {
width:60%;
height:auto;
text-align: left;
float:right;

}


#cart_sub {
width:100%;
height:auto;
float:left;
text-align: left;
vertical-align: middle;
}


#cart_header_item {
width:69%;
height:auto;
float:left;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
float:left;
background-color: #98142c;
color: #ffffff;
font-weight: bold;
text-align: left;


}

#cart_header_quantity {
width:15%;
height:auto;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
float:left;
background-color: #98142c;
color: #ffffff;
font-weight: bold;
text-align: left;


}

#cart_header_price {
width:15%;
height:auto;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;

float:left;
background-color: #98142c;
color: #ffffff;
font-weight: bold;
text-align: center;


}


#cart_main {
width:99%;
min-height:60px;
height:auto !important; 
height:60px;
float:left;
text-align: left;
clear:both;

}

.cart_main_offer {
width:99%;
float:left;
text-align: left;
clear:both;
}


.cart_main_item {
width:69%;
height:auto;
float:left;
float:left;
color: #000000;
font-weight: bold;
text-align: left;
padding-top: 5px;

}

.cart_main_quantity {
width:15%;
height:auto;
float:left;
color: #000000;
font-weight: bold;
text-align: center;
padding-top: 5px;


}

.cart_main_price {
width:15%;
height:auto;
float:left;
color: #000000;
font-weight: bold;
text-align: center;
padding-top: 5px;

}


#cart_footer {
width:99%;
height:auto;
float:left;
border:1px solid #000000;
background-color: #98142c;
color: #ffffff;
font-weight: bold;
text-align: right;

}


#cart_base {
width:99%;
height:auto;
float:left;
text-align: right;
clear:both;
}


#long_content_sub {
margin:10px 15px 5px 0;
width:725px;
padding:0;
background-color:#98142c;
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;
}

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

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

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


.searchbox {
color: #000;
background:#fff;
border:1px solid #000;
margin:0px 1px 3px 10px;
width:140px;
}



fieldset.login
{
position: relative;  
margin: 0 auto; 
left: 5px;
text-align: left;
border: 1px solid #000;
width: 200px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
background: #EDEDED;
}
html>body fieldset.login { width: 188px; }



fieldset
{
position: relative;  
margin: 0 auto; 
text-align: left;
border: 1px solid #98142c;
width: 470x;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
background: #cccccc;
}
html>body fieldset { width: 458px; }


legend
{
position:absolute; 
top: -11px; 
left: 10px;
color: #fff;
font-weight: bold;
background: #98142c;
padding: 2px 6px

} 

label
{
width: 12em;
float: left;
text-align: left;
font-weight: bold;
display: block;
padding:5px;

}

label.checkout
{
width: 16em;
float: left;
text-align: left;
font-weight: bold;
display: block;
padding:5px;

}



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

display: block;

} 


label.addcart
{
width: 148px;
font-size: 80%;
font-weight:bold;
 
float: left;
text-align: left;
margin-right: 5px;
display: block;
}

label.amend
{
width: 25em;
float: left;
text-align: left;
font-weight: normal;
margin-right: 10px;
display: block;
}


label.fieldLabel { display: inline; float: none; }

.nodisplay { display:none; } 


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

textarea.formInputText { background-color: #fff; border: solid 1px #000; padding: 2px;}
select.formSelect {background-color: #ccc; color: #000; }

select.checkout {background-color: #fff; color: #000; }


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

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

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



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

.content_sub {
width:inherit;
margin-left:15px;
}

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

content_sub_h1 {
font-weight:bold:
}

************SIDE MENU****************
ul.glossymenu {
list-style-type: none;
list-style:none;
padding: 0;
}

ul.glossymenu {
list-style-type: none;
list-style:none;
margin: 0 0 0 12px;
padding: 0;
width: 185px;

}


li.glossymenu {
position: relative;
}


.glossymenu li a{
background: white url(images/jpg/sidemenu_bg.jpg) repeat-x bottom left;
font: bold 12px Tahoma, Verdana, Helvetica, sans-serif;
color: #000000;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
list-style-type: none;
list-style:none;

}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(images/jpg/arrow.gif) no-repeat center right;
}

.glossymenu .glossymenu li a:active{
color: #98142c;
}

.glossymenu li a:visited
color: #000000;
}


.glossymenu li a:hover{
background:#98142c;
color:#FFFFFF;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


.orderinfo1	 { clear: all; float: left; position: relative; text-align: left; width: 120px; padding-bottom: 10px; }    

.orderinfo2	 { text-align: left; position: relative; width: 100px; float: left; padding-bottom: 5px; }   

.orderinfo3	 { position: relative; text-align: left; width: 200px; float: right; padding-bottom: 10px; }    


.orderinfo4	 { clear: all; float: left; position: relative; text-align: left; width: 220px; padding-bottom: 5px; }    

.orderinfo5	 { text-align: left; position: relative; width: 200px; float: left; padding-bottom: 5px; }   


.orderinfo6	 {clear: all; float: left; text-align: left; position: relative; width: 320px; padding-bottom: 10px; }   


#special {
margin:10px;
padding:5px;
height:auto !important; 
background-color:#98142c;
border:1px dotted #ffffff;
font-size: 120%;
color: #ffffff
wiidth: 70%;
text-align: center;

}