/* General styles, applies to all areas */

BODY       { color: #000000; font-family: Arial, Verdana; background-color: #ffffff; background-image: url(logos/background.gif); margin: 1% }

TABLE  { border: 0 }

IMG {
border : 0px;
}

H1  { color: #414141; font-size: 100%; font-family: Verdana, Arial; font-weight: bold }

P, LI {
font-family: Verdana, Arial;
font-size : 80%;
line-height : 140%;
}

P.smallbasic  { font-size: 80%; font-family: Verdana, Arial }

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

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

A  { color: #333 }

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

INPUT.button   { color: #000000; font-size: 70%; font-family: Verdana, Arial; background-image: url(logos/button_bg.gif); background-repeat: repeat-x; border-style: solid; border-width: 1px; border-color: #d3d3d3 #969696 #969696 #d3d3d3 }

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

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

FORM.inline {
display : inline;
} 



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

TD.toplinks     { background-color: #fff; background-image: url(logos/upnavi_bg.gif); padding: 5px; height: 20px; border-style: solid; border-width: 1px; border-color: #c0c0c0 #ccc }

P.toplinks      { color: #333; font-size: 12px; font-family: Arial, Verdana; font-weight: normal; text-decoration: none }



/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
padding : 5px;
}

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

A.topbreadcrumb  { color: #adadad; font-size: 11px; font-family: Arial, Helvetica, geneva, sans-serif; text-decoration: none }



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

TD.navigation   { background-color: #ffffff; padding: 25px; border-right: 1px solid #c0c0c0; border-left: 1px solid #ccc }

TD.nav_open     { color: #666; text-decoration: none; border-right: 4px solid #ccc } 
 
P.nav_open   { color: gray; font-size: 70%; font-family: Verdana, Arial; text-decoration: none }
a:hover { color: #000 }
A.nav_open   { color: #666; text-decoration: none } 
 
TD.nav_closed { 
border-right : 4px solid #eaeaea;
} 
 
P.nav_closed    { color: #666; font-size: 70%; font-family: Verdana, Arial } 
 
A.nav_closed   { color: #000; text-decoration: none }



/* Main styles, applies to the main page area on the right hand side */

TD.main   { text-decoration: none; background-color: #ffffff; padding: 25px; border-right: 1px solid #ccc }



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom       { background-color: #fff; background-image: url(logos/upnavi_bg.gif); padding: 5px; height: 20px; border: solid 1px #ccc }

FONT.cartbottom   { color: #666; font-size: 80%; font-family: Verdana, Arial; text-decoration: none }



/* Bottom styles, applies to the bottom area */

TD.bottom  { padding: 5px }



/* Product table styles, applies to product detail area */

TABLE.product  { border-top: #ccc; border-right: #ccc; border-bottom: 1px dotted #ccc; border-left: #ccc }

TD.details  { padding: 10px; border: dotted 1px #ccc }

TR.list1  { background-color: #fff } 

TR.list2  { background-color: #fff } 



/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic  { font-family: Arial, Verdana; padding: 5px; border-bottom: 1px solid #f3f3f3 } 

P.cartbasic  { font-size: 80%; font-family: Arial, Verdana } 

TD.carttotal  { font-family: Arial, Verdana; padding: 5px; border-bottom: 1px solid #f3f3f3 } 

P.carttotal  { font-size: 80%; font-family: Arial, Verdana; font-weight: bold } 



/* Progress bar styles, applies to progress bar area */

P.pb   { color: #999; font-size: 80%; font-family: Arial, Verdana } 

TD.pbactive     { margin: 1px; padding: 2px; border: solid 1px #666 } 

TD.pbinactive  { color: #333; background-color: #ffffff; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3 }


  	     	      	        	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */