
body {
	margin: 0 0 10px 0;
	padding: 0;
	background: #000000 url(images/bg.jpg) no-repeat;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height:18px;
}
#wrapper {
	width: 940px;
	margin: 0 auto;	
}

#header {
	width: 940px;
	height:140px;
	margin:0 0 10px 0; 
	
}
#main
{	width: 938px;
	padding:5px 0 10px 0;
	float: left;
	background: #f5f5f5;
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

#content {
	float: left;
	width: 620px;
	margin:5px 0 0 10px;
	padding:5px;
	border-right:1px dotted #a9a9a2;
}

#left {
	float: left;
	width: 275px;
	margin:0 3px 0 3px;
	padding:5px;
	}
	
#left img {
	float: left;
	margin:2px;
	border:2px solid #cccccc;
}
	
.clear{clear:both; height:0px;}

#footer
{
 	height:310px;
	width: 920px;
 	padding:10px 20px 0 0;
	background: #222222 url(images/footer.png) top left no-repeat;
 	text-align:right;
	color:#CCCCCC;
}

h2 {
	font-size: 20px;
	margin:0;
	color: #444444;
	font-weight:lighter;
}

h3{
	font-size: 15px;
	color:#be4204;
	display:inline;
	
}

p, ol, ul {
	line-height: 20px;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li { width:220px;
	padding: 2px 0 5px 0;
	border-bottom:1px dotted #444444;
}

ul li.first {
	background: none;
}

img {
	float: left;
	margin:10px;
	border:2px solid #cccccc;
}

.thumbs {float:left;
	width:260px;
	height:225px;
	margin:20px 15px 10px 20px;
	padding:2px;
	border:1px solid #f3e0bb;

}
.thumbs img { 
	width:252px; 
	height:180px;
	margin:0;
	padding:4px;
	border:0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;
}

.thumbs img:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
position:relative;
    	width:260px;
	height:185px;
	z-index:1;
	border:3px solid #FFCC99;
}

#name
	{color:#FF7700;
	background-color:#FFFFCC;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	padding-left:5px;
}
#name a
	{text-decoration:none;
	color:#FF7700;
}	

#name a:hover
	{text-decoration:none;
	color:#FF0000;
}	

.type
	{color:#555555;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	margin-left:5px;
}
.cart
	{color:#339933;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;

}

.detail {float:left;
	width:560px;
	margin:10px 20px 10px 20px;
	padding:5px;
	border:1px solid #f3e0bb;

}
.detail img { 
	width:550px; 
	height:480px;
	margin:0;
	padding:4px;
	border:0px;
}

.detail h2{
	font-size: 15px;
	margin:0;
	color:#be4204;
}
.download{
	font-size: 20px;
	color:#be4204;
	padding-left:80px;
	line-height:40px;
}
.download a{
	text-decoration:underline;
	color:#be4204;
}
.download a:hover{
	text-decoration:none;
	color:#333333;
}

.preview{
	font-size: 20px;
	color:#be4204;
	line-height:40px;
	padding-left:50px;
}
.preview a{
	text-decoration:underline;
	color:#be4204;
}
.preview a:hover{
	text-decoration:none;
	color:#333333;
}

h1
{   padding:15px 0 0 0;
    color:#ffffff;
	font-size: 38px;
	text-decoration:none;
	line-height:36px;
	margin:0px;
	font-weight:lighter;
	font-family: Georgia;
	}


h1 a { color:#ffffff;
	text-decoration:none;
	}
h1 a:hover { color:#cccccc;
	text-decoration:none;
}

#menu
{ 	height:50px;
 	margin-top:10px;
}
#rc1
{	width:10px; 
	height:50px; 
	background-image:url(images/rc1.png); 
	background-repeat:no-repeat; 
	float:left;}
#bg
{ 	width:880px; 
	height:50px; 
	background-image:url(images/linksbg.png); 
	background-repeat:repeat-x; 
	float:left; 
	padding-left:40px; }
#rc2
{	width:10px; 
	height:50px; 
	background-image:url(images/rc2.png); 
	background-repeat:no-repeat; 
	float:left;}

.toplinks
{ 
  	width:90px;
  	text-align:center;
  	float:left;
  	height:40px;
  	line-height:40px;
  	font-family:tahoma;
  	font-size:13px;
  	font-weight:bold;
  	margin:5px 0 0 15px;
  	color:#333333;
  	text-decoration:none;
 }
.sap
{	width:1px;
 	float:left; 
 	height:40px; 
  	font-size:13px; 
  	line-height:40px;
 	color:#339933;
	margin:3px 0 0 3px;
 }
  
.toplinks:hover
{ 	color:#ffffff; 
 }

a {
	color: #339933;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #ff7700;
}


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #3b687e;
	
	text-decoration: none; 
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #144159;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #144159;
		
		font-weight: bold;
		background-color: #144159;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}

#category{
background:#FFFFCC;
padding:5px;
float:left;
}
.names
{
color:#660000;
font-size:11px;
font-weight:bold;
padding-left:6px;
}
.names:hover
{
text-decoration: none;
	color: #0aa9d7;
}
#msearch
{
background:#FFFFFF;
border: 1px solid #444444;
padding:3px 5px 0 5px;

text-align:left;

}

		input, option {

			background-color: #FFF;
			color:#333333;
			border: 1px solid #CCC;
			font-size: 11px;
			margin: 2px;
			padding: 2px;
		}
		
form {
display:inline;
margin:0 10px 0 10px;
}		