/* CSS Document */

/* @group html */

/************* html styles **************/
body {
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    font-size: 80%;
    line-height: 1.5;	

margin: 0;
background:#A3A581 url(/images/bg.gif) repeat-x;}
 

p {margin-top:0;}


#content ul {
padding:0;
}


#content li {
margin-left:0;
list-style:none;
background:url(/images/bullet.gif) 0.2em 0.2em no-repeat;
padding-left:15px;

}


a:link, 
a:visited, 
 a:hover 
{
color: #6F4B69;
 }



a:hover {
color: #000;
}

hr.clear {
clear:both;
display:none;
}




h2 {
font-weight:normal;
font-size: 2em;
color:#6F4B69;
line-height: 1.2em;
margin:0;
border-bottom:0px solid #D47C42;
}



h3{
color: #6F4B69;
background-color:#F9B055;
  font-weight: bold;
 font-size: 1.3em;
font-weight:normal;
padding:0 3px;
}


#sidebar h3 {
color: #6F4B69;
  font-weight: bold;
text-transform:uppercase;
 font-size: 1.3em;
font-weight:normal;
border-bottom:1px solid #6F4B69;
border-top:1px solid #6F4B69;
letter-spacing:0.1em;
}


h4 {
color:#6F4B69;
font-size: 1.1em;
border-bottom:0px solid #6F4B69;
margin-bottom: 0;
}

#sidebar h4 {
color: #6F4B69;
background:#EAB573;
padding:2px;
margin-bottom:0;
}

#sidebar ul {
margin:0;
padding:0;
background:#EEEEDB;
}

#sidebar li {
padding:0 15px;
list-style:none;
}
	
p, ul, ol {
font-size:1em;
line-height: 1.5;
}	

a img  {
border:0;
}

strong {
font-size: 1.1em;
color:#6F4B69;
}

/* @end */

/* @group layout */

/************* layout styles **************/

#header {
margin-left: auto; margin-right: auto; width: 820px;
height: 219px;
background:#F28700 url(/images/header.jpg) no-repeat;
}



#wrapper {
background: #F9F9EA url(/images/bg-page.jpg) repeat-y;
margin-left: auto; margin-right: auto; width: 820px;
	margin-bottom: 0;
	margin-top:0px;
	padding:0px;
	border:0px solid #CCCCCC;
}





#sidebar {
font-size:0.9em;
line-height:1.2em;
border:0px solid #CCC;
width:200px;
float:right;
margin-right:30px;
margin-top:20px;
padding:0;
display:inline;  /*fix for IE double margin bug */
}



#content { 
padding:0;
margin:0;
width:540px;
 }

#content .pad {
padding:20px 0 0 30px;
margin-top:0;
}


#footer{
border-top:1px solid #666;
padding:7px;
margin:10px 10px 0 10px;
background-color:#EEEEDD;

text-align:center;
clear:both;
}

#footer p {
clear:both;
font-size: 0.9em;
margin:0;
}

#content div.article {
width:500px;
float:left;
border-bottom:1px solid #6F4B69;
}

/* @end */


.rssThumb {
	float: left;
	margin: 0 10px 10px 0;
}

.rssThumbFloat {
margin: 0 10px;	
}

/* @group nav */

/************* top menu styles **************/

#nav-top {
height:36px;
width:820px;
background:#EAB573 url(/images/bg-top-nav.jpg) repeat-y;
}

#nav-top ul
{
padding-top:10px;
margin: 0;
float: left;

font-family: verdana, arial, helvetica, sans-serif;

}

#nav-top ul li { display: inline; }

#nav-top li a
{
color: #6F4B69;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
padding: 0 10px;
text-transform:uppercase;
font-weight:bold;
font-size:1em;
}

#nav-top ul li a.first
{
border-left: 1px solid #fff;
margin-left:30px;
}

#nav-top ul li a {
color:#6F4B69;
}

#nav-top ul li a:hover
{
color: #fff;
background:#6F4B69;
}

/* @end */

/* @group products */

/************* products  **************/

img.leftFloat {
float:left;
margin: 10px 10px 10px 0;
}

img.rightFloat {
float:right;
margin: 10px 0 10px 10px;
}

.productList img {
float:left;
}

div.productList {
width:500px;
float:left;
margin-bottom:15px;
padding: 10px 0;
border-bottom:1px double #868B36;
background: url(/images/bg-productlist) bottom left repeat-x;
}

.productList p, .productList h3,  .productList h4, .productList ul {
margin:0 0 0 220px;
}



.productList h3 a,
#productDetail h3
 {
font-size: 1.1em;
text-transform:uppercase;
background:#6F4B69;
padding:0 3px;
color:#FFF;
text-decoration:none;
}

.productList h3 a:hover {
color:#6F4B69;
background:#D9D1A1;
}


div.price{
height:30px;
margin-top:10px;
margin-left:220px;
}

div.price img {
float:none;
padding-left:20px;
vertical-align:middle;
}

/* @end */

/************* other formatting **************/

img.thumbnail {
float:left;
margin: 10px 10px 20px 0;
}

a img {
border:0;
}



.clear {
  clear: both;
  }

.right {
float:right;
padding:10px;
}

.left {
float:left;
padding:0;
}