/* left column */
.left_column {
  width: 25%;              /* % of body_content width is ~same width as right column */
  float: left;             /* left side of body_content */
  margin: 0;               /* keep flush with adjacent containers */
    background-color: #FFFFFF;
  margin-top:10px;
}
/* center column */
.center_column {
   width: 70%;              /* % of body_content width */
  float: right;            /* right side of body_content */
  padding: .2em 1.5%;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  background-color: #FFFFFF;  /* light blue color will show behind the center column */
  color: #000;
  border-color: #999;      /* W3C CSS validation service get an erroneous */
  margin-top:10px;
}

/* container for the 3 columns */
.container {
  width: 98%;             /* full window width */
  margin: 0 auto;               /* keep flush with adjacent containers */
  background-color: #FFFFFF;  /* violet color will show behind the right column */
  color: #000;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  overflow:hidden;
  position:relative;
  min-width:900px;
}
/* container for just the left and center columns */
.body_content {
  width: 70%;              /* leaves 24% of window width for right column */
  float: left;             /* left side of window */
  background-color: #FFFFFF;  /* yellow color will show behind the left column */
  color: #000;             /*   delete these colors to get same color as right column */
  margin: 0;   
  overflow:hidden;
  position:relative;            /* keep flush with adjacent containers */
  
}
/* right column */
.sidebar {
  width: 24%;              /* a little less than available 24% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 1.5% .3em 0;      /* some space from right window edge */
  font-size: 90%;
  margin-top:10px;
}
.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}
div#front_nav{
	width:100%;
	height:35px;
	background-image: url(/images/frontbg.gif);
	background-repeat: repeat-x;
	font-weight:bold;
	font-size:18px;
	color:#87613A;
	
}
div#front_page_enclosure{
	width: 100%;             /* full window width */
	margin: 0 auto;
	background-color: #FFFFFF;
	overflow:hidden;
	position:relative;
	list-style-type: none;
	margin-top:20px;
}
div#product_one{
	width:23.5%;
	float:left;
	margin-left:3px;
	text-align:center;
	background-color:#FFFFFF;
	border-right:1px solid #E5E5E5;
}
div#product_one img{
	border:2px solid #E5E5E5;
}
div#product_one a.plink{
	color:#87613A;
}
div#product_one span.price{
	font-weight:bold;
	color:#FF8C1A;
	font-size:18px;
}

div#front_side{
	
	border:1px solid  #cdc2a1;
	margin-top:20px;
}
div#front_side ul li{
	color:#87613A;
}
.sidebar h2{
	font-family:georgia, sans-serif;
	 font-size:1.1em; 
	 font-weight:bold;
	 color:#87613A;
	 border:3px solid #FFFFFF; 
	 margin-bottom:5px; 
	 padding:3px; 
	 background:#fff url(/images/frontbg.gif) repeat-x center left;
	 text-align:center;
}
div#front_page_enclosure p.sign{
	
	color:#87613A;
	font-weight:bold;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:190px; border:1px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }


#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:190px; color:#000; background-color: #cdc2a1; text-decoration:none;border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}

#slide li.sub {
	background-color: #FFFFFF;
	background-image: url(/images/soko_plus.GIF);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#slide li a{
	color:#87613A;
}
#slide li.top a {text-decoration:none; color:#000; display:block; background:url(/images/menu.gif) no-repeat 5px 8px;}
#slide li.top a:hover {color:#069; background:#ddd url(/images/soko_plus.GIF) no-repeat 5px 8px;}

#slide li.clicked {color:#800; background:#ddd url(/images/soko_minus.GIF) no-repeat 5px 8px;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff; height:875px; width:160px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;color:#888; text-decoration:none; background:#fff url(/images/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}
#slide li div ul li a:hover {color:#069; background:#fff url(/images/out-over.gif) no-repeat 5px 6px;}


/* circular menu */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:240px; height:300px; background:#fff url(circular/background.gif) no-repeat; }
#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.home {left:90px; top:4px; background:url(/images/buy_offer_icon.jpg) no-repeat center center;}
#circularMenu li.chat {left:150px; top:40px; background:url(/images/chat.gif) no-repeat center center;}
#circularMenu li.upload {left:15px; top:40px; background:url(/images/registry.gif) no-repeat center center;}
#circularMenu li.community {left:180px; top:115px; background:url(/images/chat.gif) no-repeat center center;}
#circularMenu li.registry {left:5px; top:115px; background:url(/images/registry.gif) no-repeat center center;}
#circularMenu li.shop {left:150px; top:190px; background:url(/images/shop.gif) no-repeat center center;}
#circularMenu li.search {left:15px; top:190px; background:url(/images/search.gif) no-repeat center center;}
#circularMenu li.business {left:90px; top:225px; background:url(/images/sell_offer_icon.gif) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}

#circularMenu li a:hover {background:url(/images/circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:12px; color:#63352c; background:#fff;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#circularMenu li.home a:hover b {left:-22px; top:100px;}
#circularMenu li.chat a:hover b  {left:-102px; top:64px;}
#circularMenu li.upload a:hover b  {left:63px; top:64px;}
#circularMenu li.community a:hover b  {left:-132px; top:-11px;}
#circularMenu li.registry a:hover b  {left:93px; top:-11px;}
#circularMenu li.shop a:hover b  {left:-102px; top:-87px;}
#circularMenu li.search a:hover b  {left:63px; top:-87px;}
#circularMenu li.business a:hover b  {left:-22px; top:-121px;}