
/* General styles, applies to all areas */

BODY {
font-family: Helvetica, Arial;
background: #000000 url(images/bg.jpg) top center no-repeat;
background-attachment: fixed;
color : #ffffff;
padding: 0;
margin: 0;
}

TABLE {
padding: 0;
}

IMG {
border : 0px;
}

H1 {
font-family:  _serif;
font-size : 12px;
font-weight : bold;
text-transform: uppercase;
}

p.productSearch {
font-family:  _serif;
font-size : 12px;
font-weight : bold;
text-transform: uppercase;
color: #000000;
text-align: left;
padding: 0px;
margin: 0px;
}


P, LI {
font-family: Helvetica, Arial;
font-size : 12px;
line-height : 140%;
}

P.smallbasic {
font-family: Helvetica, Arial;
font-size : 70%;
}

form { padding: 0; margin: 0px; }





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

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

A {
color : #ffffff;
text-decoration: none;
}

INPUT, TEXTAREA, SELECT {
font-family:  _serif;
font-size : 12px;
}

INPUT.button {
background: url(images/bg_button.gif) repeat-x;
height: 22px;
color: #fff;
text-transform: uppercase; 
font-weight: bold;
border: 0;
}

INPUT.button:hover {
background: url(images/bg_button_on.gif);
}

.buttonNaviSearch .button
{
position: relative;
top: 3px;
}

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

INPUT.fieldNavigationSearch {
width: 221px;
border: solid 1px #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 : Helvetica, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 





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

TD.toplinks {
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
border: 0;
border-right: solid 1px #000;
}

P.toplinks {
font-family : Helvetica, Arial;
font-size : 70%;
color : #007ba4;
background: #a81f15 url(images/bg_navi_off.gif) no-repeat; 
height: 33px;
}

P.toplinks a {
display: block;
width: 136px;
float: left;
padding-bottom: 17px;
text-indent: -10000px; 
}

P.toplinks a.home:hover { background: url(images/bg_navi_on_home.gif); }
P.toplinks a.contact:hover { background: url(images/bg_navi_on_contact.gif); }
P.toplinks a.terms:hover { background: url(images/bg_navi_on_terms.gif); }
P.toplinks a.blank:hover { cursor:default; }
P.toplinks a.shoppingcart:hover { background: url(images/bg_navi_on_shoppingcart.gif); width: 270px;  }


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

TD.topbreadcrumb {
padding : 5px;
}

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

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







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

TD.navigation {
padding: 25px;
padding-top: 0px;
background: url(images/bg_navigation.jpg) top left repeat;
border-left: solid 1px #000;
}

TD.nav_open, td.nav_closed:hover { 
background: white; 
border: solid 1px black;
background: url(images/bg_navopen.gif);
} 
 
P.nav_open, P.nav_closed { 
text-transform: uppercase;
font-size: 12px;
color : ffffff;
font-weight: bold;
text-indent: 3px;
} 

P.nav_open { 
font-family: _serif; 
} 
 
A.nav_open { 
text-decoration: none; 
} 
 
TD.nav_closed { 
background: url(images/bg_navclosed.gif);
border: solid 1px black;
} 
 
P.nav_closed { 
font-family: _serif; 
} 
 
A.nav_closed { 
text-decoration: none; 
}



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

TD.main {
background-color : #000000;
}

td.main a:link		{ text-decoration: none; font-weight: normal; color: #cccccc; }
td.main a:visited	{ text-decoration: none; font-weight: normal; color: #cccccc; }
td.main a:active	{ text-decoration: none; font-weight: normal; color: #cccccc;}
td.main a:hover		{ text-decoration: none; font-weight: normal; color: #ffffff; }	

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

TD.cartbottom {
background-image : url(images/bg_cartbottom.gif);
border-left: solid 1px #000;
border-right: solid 1px #000;
padding: 0;
}

FONT.cartbottom {
font-family: Helvetica, Arial;
font-size : 70%;
color : #007ba4; }

.shoppingCartIcon form select, .shoppingCartIcon form select option
{ position: relative; left: 10px; top: -3px; padding: 0; margin: 0;  }

.shoppingCartIcon form font a img
{ position: relative; top: 2px; }









/* 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 : #c7c7c7;
} 

TD.pbactive {
background-color : #2e2c29;
padding-top: 2px; 
padding-bottom: 2px; 
} 

TD.pbinactive {
background-color : #1d1c1b;
padding-top: 2px; 
padding-bottom: 2px; 
}


  	     	      	        	   	       		         	    	   	   	     

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



/*
td
{ border: solid 1px black; }
*/

.div_main
{
position: relative;
top: 22px;
left: 22px;
xxpadding-right: 22px;
padding-bottom: 42px;
width: 587px;
}