/* CSS design  */


/* general properties */

*{
 margin:0;
 padding:0;
 list-style-type:none;
 border:0;
}

html,body{
 height:100%;
}

body{
 font-family:"Trebuchet MS", "Lucida Grande", Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#50220b;
 background:#f0eeda url(../images/main-bg.gif) repeat-x 0px 88px; 
}

a{
 color:#d10f01;
 text-decoration:underline;
}

a:hover{
 color:#d10f01;
 text-decoration:none;
}

p{
 padding:4px 0 6px 0;
}

.content{
 width:960px; /* basic page width (fixed or relative eg. 780px, 960px, 98% etc...) */
 margin:0 auto;
}

#container{
 position: relative;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

#header{
 height:88px;
 background:transparent url(../images/header-bg.gif) repeat-x left top;
}

#header #topnav{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#6f4a33;
 display:block;
}

#header #topnav a{
 background:transparent url(../images/tab.gif) no-repeat left top;
 width:100px;
 height:20px;
 display:block;
 float:left;
 margin-left:4px;
 color:#6f4a33;
 text-decoration:none;
 text-align:center;
}

#header #topnav a:hover{
 background-position:0px -20px;
 color:#d10f01;
}

#header #topnav span{
 display:block;
 padding-top:2px;
}

#main{
 height:auto !important;
 height:400px;
 min-height:400px;
 padding-bottom:60px;
}

#main .content{
 /*position:relative;*/
}

#main .content .left{
	width:186px;
	margin-top:60px;
	background:transparent url(../images/content-left.gif) repeat-y right top;
	text-align: right;
 /*height:100%;
 position:absolute;*/
}

#main .content .left .entry{
	padding:10px 0;
	margin-right:16px;
	text-align: right;
}

#main .content .left ul#leftnav{
 color:#565452;
 text-align:right;
 padding:10px 0 4px 0;
}

#main .content .left ul#leftnav li{ 
 border-bottom:1px solid #dbd4b4;
}

#main .content .left ul#leftnav li a{
 text-decoration:none;
 color:#565452;
 display:block;
 padding:3px 14px 3px 0;
 background:transparent url(../images/b1.gif) no-repeat 99% 50%;
}

#main .content .left ul#leftnav li a:hover{ 
 color:#d10f01;
}

#main .content .left ul#leftnav li:hover{ 
 background:transparent url(../images/leftnav-active.gif) repeat-x left bottom;
}

.box1{
 background:transparent url(../images/box1-bg.gif) repeat-y left top;
 width:168px;
}

.box1 .main{
 background:transparent url(../images/box1-sub.gif) no-repeat left bottom;
 padding:10px;
}

.box1 h2{
 background:transparent url(../images/box1-top.gif) no-repeat left top;
 width:168px;
 height:33px;
 display:block;
 font-weight:bold;
 font-size:14px;
 color:#968f74;
 text-transform:uppercase;
}

.box1 h2 span{
	display:block;
	padding-left:46px;
	padding-top:8px;
	text-align: left;
}

#main .content .right{
 width:250px;
 background:transparent url(../images/right-bg.png) no-repeat left top;
 height:auto !important;
 height:500px;
 min-height:500px;
 padding-top:24px;
}

#main .content .right .entry{
 padding:18px 22px 0 26px;
}

#main .content .inside{
 margin:0 264px 0 184px;
 padding:60px 14px 10px 14px;
}

#main .content .inside h1{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:24px;
 font-weight:normal;
 color:#1a59a7;
 border-bottom:1px solid #1a59a7;
 padding-top:4px;
 margin-bottom:14px;
}


#main .content .right #cart{
 width:194px;
}

#main .content .right #cart h2 a{
 background:transparent url(../images/cart-top.gif) no-repeat left top;
 display:block;
 width:194px;
 height:38px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 text-transform:uppercase;
 color:#968f74;
 text-decoration:none;
}

#main .content .right #cart h2 a:hover{
 background:transparent url(../images/cart-top-active.gif) no-repeat left top;
 color:#d10f01;
}

#main .content .right #cart h2 a span{
 padding-left:44px;
 padding-top:8px;
 display:block;
}

#main .content .right #cart .main{
 background:transparent url(../images/cart-bg.gif) repeat-y left top;
 padding:0 10px;

}


#main .content .right #cart .sub{
 background:transparent url(../images/cart-sub.gif) no-repeat left top;
 height:7px;
 display:block;
 width:194px;
}

#main .content .right #cart p{
 text-align:right;
 padding:1px 4px;
}

#footer{
 height:43px;
 background:#fff url(../images/footer-bg.gif) repeat-x left top;
 width:100%;
 position:absolute;
 bottom:0 !important;
 bottom: -1px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#393737;
}

#footer .left, #footer .right{
 padding-top:14px;
}

a#dn{
 width:202px;
 height:17px;
 display:block;
 background:transparent url(../images/dn.gif) no-repeat left top;
}

a#dn span{
 display:none;
}

.left{
 float:left;
}

.right{
 float:right;
}


.product{
 float: left;
 padding:10px;
 width:128px;
 text-align:center;
}

.product-image{
 border:4px solid #d5ccab;
}

.product img{
 cursor: move;
}

.product h3{
 font-size:14px;
 font-weight:bold;
 text-transform:uppercase;
}

.productCart{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 padding:10px 0;
}
.productCart a.removelink{
 float: right;
}
.transferProduct{
 border: 1px solid #d10f01;
}

.hoverCart{
 border-bottom:5px solid #d10f01;
}
#container #main .content .left .entry a {
	text-align: right;
}

