html
{
background: #1e1e1e url('images/bg.jpg') repeat-x;
}

body 
{
font-family: "trebuchet ms", arial;
margin: 0px;
padding: 0px;
color : #000000;
text-align: center;
background: url('images/bg-main.jpg') no-repeat;
background-position: center 40px;
}

img
{
border: 0px;
}

TABLE {
border : 0px;
}

.product IMG, .details img, .smallbasic img {
background: #e2e2e2;
padding: 1px;
border: 6px solid #eee;
}

.imagepmnt {
border: 1px solid #FFFFFF;
}

H1 {
font-family: "trebuchet ms", arial;
font-size : 25px;
font-weight : normal;
color : #ff5000;
}

P{
font-family: "trebuchet ms", arial;
font-size : 12px;
line-height : 120%;
}

P.smallbasic {
font-family: "trebuchet ms", arial;
font-size : 70%;
}

P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #adadad;
}

A {
color : #00a1d4;
text-decoration: none;
outline: none;
}

A:hover {
    color: #de531c;
    text-decoration: none;
}

INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
font-size : 70%;
}

INPUT.button {
border: 0px;
height: 20px;
background-image : url('/images/bg-button.jpg');
background-repeat:repeat-x;
font-family : Verdana, Arial;
font-size : 70%;
padding-bottom: 1px;
color : #333333;
}

INPUT.field {
border-top : 1px solid #d4d4d4;
border-bottom : 1px solid #d4d4d4;
border-left : 1px solid #d4d4d4;
border-right : 1px solid #d4d4d4;
font-family : Verdana, Arial;
font-size : 80%;
background : #ffffff;
color : #333333;
}

TEXTAREA.field {
border-top : 1px solid #d4d4d4;
border-bottom : 1px solid #d4d4d4;
border-left : 1px solid #d4d4d4;
border-right : 1px solid #d4d4d4;
font-family : Verdana, Arial;
font-size : 80%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 


/* Page top styles, applies to the top area */

#main
{
width: 888px;
margin: auto;
text-align: left;
position: relative;
}

#menu
{
height: 40px;
}

#menu ul
{
height: 40px;
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li
{
margin: 0px;
padding: 0px;
float: left;
}

#menu li a
{
display: block;
height: 40px;
background: url('images/bg-ul.jpg') no-repeat;
}

#menu .l1 a
{
width: 66px;
}
#menu .l1 a:hover
{
background-position: 0px -40px !important;
}
#menu .l2 a
{
width: 83px;
background-position: -66px 0px !important;
}
#menu .l2 a:hover
{
background-position: -66px -40px !important;
}
#menu .l3 a
{
width: 66px;
background-position: -149px 0px !important;
}
#menu .l3 a:hover
{
background-position: -149px -40px !important;
}
#menu .l4 a
{
width: 101px;
background-position: -215px 0px !important;
}
#menu .l4 a:hover
{
background-position: -215px -40px !important;
}
#menu .l5 a
{
width: 120px;
background-position: -316px 0px !important;
}
#menu .l5 a:hover
{
background-position: -316px -40px !important;
}
#menu .l6 a
{
width: 79px;
background-position: -436px 0px !important;
}
#menu .l6 a:hover
{
background-position: -436px -40px !important;
}

#mail
{
position: absolute;
top: 14px;
right: 15px;
}

#header1 
{
height: 148px;
}

#cart
{
position: absolute;
top: 98px;
left: 788px;
}

#contentarea
{
background: white;
padding-bottom: 30px;
}


#navigation
{
width: 170px;
margin-bottom: 50px;
margin-top: 8px;
margin-left: 14px;
background: url('images/bg-navi.jpg') repeat-y;
}

#navigation a
{
color: #3b3b3b;
font-size: 11px;
font-family: arial;
}

#navigation a:hover
{
color: #ff5001;
}

#navigation-top
{
height: 39px;
padding-bottom: 22px;
background: url('images/bg-navi-top.jpg') no-repeat;
}

#navigation-bottom
{
height: 6px;
background: url('images/bg-navi-bottom.jpg') no-repeat;
}

#navigation table
{
margin-left: 18px;
}

#navigation td
{
margin: 0px;
padding: 0px;
width: 134px;
margin-bottom: 4px;

padding-bottom: 1px;
}

#navigation td p
{
line-height: 100%;
padding: 0px;
margin :0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
}

#navigation td.nav_open p.link
{
background: top left url('images/nav-open.jpg') no-repeat;
}
#navigation td.nav_open p.link a
{
color: white;
font-weight: bold;
}

#navigation td.nav_open p.sublink a
{
color: #FF5001 !important;
}

#navigation p.sublink
{
background: url('images/nav-hover.jpg') no-repeat;
background-position: 10px 7px;
padding-left: 22px;
}
#navigation p.sublink a
{
font-weight: normal;
color: #313131 !important;
}
#navigation p.sublink a:hover
{
color: #FF5001 !important;
}

#maintable
{
background: url('images/bg-top.jpg') no-repeat;
padding-top: 6px;
}

#bottom
{
height: 74px;
background: url('images/bg-bottom.jpg') no-repeat;
}

#bottom a
{
color: #ff5000;
}

#bottom-left
{
float: left;
padding-top: 28px;
padding-left: 30px;
}

#bottom-right
{
float: right;
padding-top: 32px;
padding-right: 30px;
}

#footer
{
height: 43px;
background: url('images/bg-footer.jpg') repeat-x;
}

#footer ul
{
list-style: none;
margin: 0px;
padding: 0px;
}

#footer li
{
display: inline;
margin: 0px;
margin-left: 7px;
margin-right: 7px;
padding: 0px;
}

#footer-inner
{
width: 860px;
margin: auto;
}

#footer-left
{
float: left;
padding-top: 9px;
}
#footer-right
{
float: right;
padding-top: 11px;
}

a#status
{
display: block;
height: 11px;
width: 80px;
background: url('images/status.jpg') no-repeat;
}
a#status:hover
{
background-position: 0px -11px !important;
}
/* Copyright (c) Status - http://www.tvpstatus.fi */


/* Breadcrumb styles, applies to the breadcrumb area */
TD.topbreadcrumb {
color : #FFFFFF;
padding : 0px;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 70%;
color : #FFFFFF;
}

A.topbreadcrumb {
text-decoration : none;
color : #FFFFFF;
}



/* Navigation styles, applies to the category navigation area on the left hand side */
TD.navigation {

}



/* Main styles, applies to the main page area on the right hand side */
TD.main 
{
width: 550px;
padding-right: 50px;
padding-top: 30px;
}



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */
TD.cartbottom {
padding : 5px;
background-color : #000000;
border-bottom : 6px solid #000000;
border-right : 6px solid #000000;
border-left : 6px solid #000000;
background-image : url(images/bg_footer.gif);
}

FONT.cartbottom {
font-family: Verdana, Arial;
font-size : 70%;
color : #ffffff;
}


/* Bottom styles, applies to the bottom area */
TD.bottom {
padding : 5px;
}


/* Product table styles, applies to product detail area */
TABLE.product {
border-bottom : 1px solid #f3f3f3;
}

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 


/* Shopping cart styles, applies to shopping cart table area */
TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.cartbasic {
font-size : 80%;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.carttotal {
font-size : 80%;
font-weight : bold;
} 


/* Progress bar styles, applies to progress bar area */
P.pb {
font-size : 70%;
color : #adadad;
} 

TD.pbactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffff;
}
/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */