/* Wolf Online */


body { 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color:#887F6E;
	margin-top:0px;
}


/* Layout Div's
-----------------------------------------------------------------------*/

#content_list {
position:relative;
margin:0 auto;
margin-top:20px;
text-align:left;
width:750px;
min-height:300px;
}

#content_gallery {
position:relative;
margin:0 auto;
margin-top:20px;
text-align:left;
width:750px;
min-height:300px;
}

#content_products {
position:relative;
margin:0 auto;
margin-top:20px;
text-align:left;
width:700px;
height:520px;
}

#category1 {
position: absolute;
left:0px;
top:30px;
width:140px;
height:180px;
border:1px solid #CCCCCC;
text-align:center;
}

#category2 {
position: absolute;
left:150px;
top:10px;
width:170px;
height:220px;
border:1px solid #CCCCCC;
text-align:center;
}

#category3 {
position: absolute;
left:330px;
top:20px;
width:200px;
height:180px;
border:1px solid #CCCCCC;
text-align:center;
}

#category4 {
position: absolute;
left:540px;
top:0px;
width:160px;
height:240px;
border:1px solid #CCCCCC;
text-align:center;
}

#category5 {
position: absolute;
left:0px;
top:284px;
width:170px;
height:210px;
border:1px solid #CCCCCC;
text-align:center;
}

#category6 {
position: absolute;
left:180px;
top:274px;
width:170px;
height:180px;
border:1px solid #CCCCCC;
text-align:center;
}

#category7 {
position: absolute;
left:360px;
top:244px;
width:150px;
height:180px;
border:1px solid #CCCCCC;
text-align:center;
}

#category8 {
position: absolute;
left:520px;
top:284px;
width:180px;
height:200px;
border:1px solid #CCCCCC;
text-align:center;
}

#view_holdsubcategory {
	float:left;	
	width:218px;
	margin: 0px 10px 20px 10px;
	padding:5px 5px 5px 5px;
	border:solid 0px #CCCCCC;
	text-align:center;
	background-color: #EBEBEB;
}

ul.gallery {
	float:left;	
	width:750px;
	margin: 0px 10px 20px 10px;
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	text-align:center;
}

ul.gallery li {
	float:left;	
	width:218px;
	margin: 0px 10px 20px 10px;
	padding:15px 5px 15px 5px;
	background-color:#FFFFFF;
	border:solid 0px #CCCCCC;
	text-align:center;
	background-color: #EBEBEB;
}

ul.gallery li img {
border: 0px;
}

#bodyBackground2 {
	width:500px;
	background-image: url(../images/layoutbackground.gif);
	background-color: #fff; 
	height:100%;
}
   
#main2 { 
	width:500px;
	background-image: url(../images/layoutbackground.gif);
	height:100%;
}


#main {
   margin: 0;
   text-align: center;
   height:100%;
}

#container {
   width: 980px;
   background-image:url(../images/layoutbackground.gif);
   background-position:top;
   background-repeat:no-repeat;
    height:100%;

}

#holdnav {
	float:left;
	width: 150px;
	height:250px;
	margin: 0px 0px 0px 0px;

}

#content {	
	float:right;
	width: 820px;
	margin: 220px 0px 0px 0px;
}

#footer {	
	float:right;
	width: 820px;
	height:70px;
	margin: 10px 0px 0px 0px;
	text-align:center;
}


ul.nav {
	width: 145px;
	float:left;
	text-align:right;
	margin: 260px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	list-style: none;
	font-family: "Trebuchet MS",Arial;
	font-size:12px;
}

ul.nav li {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 145px;
	height:40px;
	padding:0px 5px 0px 0px;
	text-align:right;
}

ul.nav a {
 	font: 14px/18px "Trebuchet MS",Arial;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

ul.nav a:hover {
 	font: 14px/18px "Trebuchet MS",Arial;
	color: #000000;
	font-weight:bold;
	text-decoration: underline;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}