
/* General styles, applies to all areas */

html 
{
}

BODY {
	font-family:"Lucida Grande","Lucida Sans","Microsoft Sans Serif",Tahoma,Verdana,Arial,Helvetica,'DejaVu Sans',"Bitstream Vera Sans",'comic sans ms',sans-serif;
	background: #dcc99c url(./img/shop-bgr.jpg) repeat 0 0;
	color : #555;
	margin: 0;
	padding:0;
	text-align:center;
	z-index:1;
}

#main
{
	margin: 35px auto 0;
	width:878px;
}

.IE #main
{
	margin: 0 auto;
}

	.intro
	{
		border-bottom:solid 4px #E6DECE;
		font-size:1.1em;
	}
	

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial;
font-size : 1.9em;
color : #e19c00;
letter-spacing:2px;
font-weight:400;
}

h3
{
	font-size: 1em;
	text-transform: uppercase;
	margin: 0.4em 0 0.7em 0;
}

P, LI {
font-family: "Lucida Grande", Verdana, Arial;
font-size : 80%;
line-height : 150%;
}

P.smallbasic {
font-family: Verdana, Arial;
font-size : 70%;
}

P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #999;
}

.text-center
{
	text-align:center;
}

a:link, a:visited {
color : #9F6F13;
text-decoration:none;
}

a:hover,
a:focus
{
	text-decoration:underline;
}

INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
font-size : 70%;
}

INPUT.button {
border-top : 1px solid #d3d3d3;
border-left : 1px solid #d3d3d3;
border-bottom : 1px solid #969696;
border-right : 1px solid #969696;
background-image : url(logos/button_bg.gif);
background-repeat:repeat-x;
font-family : Verdana, Arial;
font-size : 70%;
color : #000000;
}

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 {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/toplinks_bg.gif);
}

P.toplinks {
font-family : Verdana, Arial;
font-size : 70%;
color : #007ba4;
}

	#menu-wrap
	{
		position:fixed;
		background: transparent url(img/top-bgr2.jpg) repeat-x 0 0;
		top:0;
		left:0;
		width:100%;
	}
	
	#menu
	{
		height:40px;
		margin: 0 auto;
		width:878px;
	}

		#menu ul 
		{
			height:35px;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0 0 0 20px;
			padding:0;
		}

		#menu ul li
		{
			float:left;
		}
			#menu ul li a
			{
				margin-right: 33px;
				color: #FFF1CF;
				line-height:28px;
				text-decoration:none;
			}
			
			#menu ul li a:hover,
			#menu ul li a:focus
			{
				text-decoration:underline;
				color:#fff;
			}

	#header
	{
		height:170px;
	}
	#header .logo
	{
		float:left;
		margin-top:15px;
		margin-left:35px;
	}
	#cart a
	{
		display:block;
		background: transparent url(img/shop-cart2.gif) no-repeat 0 0;
		float:right;
		margin-top: 86px;
		margin-right:20px;
		height:45px;
		width:150px;
		text-indent:-9000px;
	}
	#cart a:hover
	{
		background-position: 0 -45px;
	}
	

/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
padding : 5px;
}

P.topbreadcrumb {
font-family : Verdana, 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 10px 0 15px;
}

TD.nav_open { 

} 

#navigation p a
{
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial; 
	color : #555;
	font-size: 1.1em;
	line-height: 1.5em;
	text-decoration:none;
}

#navigation p img
{
	margin-right:4px;
}

#navigation p a:hover,
#navigation p a:focus
{
	color: #fff;
}


 
p.nav_open 
{ 
	font-size : 70%; 
} 

#navigation b
{
	background-color: #FFB900;
	padding:3px;
}
	#navigation b a
	{
		color:#fff;
		text-decoration:none;
	}



p.main-cat
{
	text-transform:uppercase;
}

p.sub-cat
{
}
 
A.nav_open { 
color : #007ba4; 
} 
 
TD.nav_closed { 

} 
 
P.nav_closed { 
font-size : 70%; 
color : #007ba4; 
} 
 
A.nav_closed { 
color : #007ba4; 
}



/* Main styles, applies to the main page area on the right hand side */

TD.main {
padding : 25px;
}

table#maintable
{
	background:transparent url(img/top-side-left.jpg) no-repeat scroll 0 0;
	padding-top:10px;
}
#content	{
		background:transparent url(img/center-side-left.jpg) repeat-y scroll 0 0;
		z-index:10;
		clear:both;
	}
	
/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/cartbottom_bg.gif);
}

FONT.cartbottom {
font-family: Verdana, Arial;
font-size : 70%;
color : #007ba4;
}



/* Bottom styles, applies to the bottom area */

TD.bottom {
padding : 5px;
}

#bot
{
	height: 20px;
	background: transparent url(img/bot-side-left.jpg) no-repeat 0 0;
}



/* 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 */
