/*
Author:           Collective Web Design
Author URI:       http://www.collectivewebdesign.net
Version:	   0.1
Project:
Description:
*/

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html{		font-size:100%;	min-height:101%; background-color:#eeeeee;}
body{		font-size:62.5%; color:#463d2e; background-color: #eeeeee;height:100%; }
a{	color:#463d2e;	}
a:hover{	}
a:active{	}
a:visited{	}
.left{		float:left; }
.right{	float:right; }
.clear{	clear:both; }
img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }
.padding{	padding:10px; }


h4,h2 {
font:italic bold 24px "Times New Roman";

}



/* ------------------------------------------------------------------------------------
STRUCTURE					 */
#container{	
	width: 831px ;
	margin-left: auto ;
	margin-right: auto ;
	height:100%;	
	border:solid #cacaca;
	border-width:1px;
	background-color: #fff;
	
}

#header{
	
}
#logo {
background: url('images/header.jpg');
background-repeat: no-repeat;
height:258px;
width:831px;
}
#footer{	
	width: 831px;
	margin-left: auto ;
	margin-right: auto ; 
	margin-top: 20px;
	}
#content{}
#right{}
#left{		}


/*
Custome
*/

#nav {
background: url('images/navbg.png');
background-repeat: no-repeat;
height:73px;
font:italic bold 24px "Times New Roman";
text-align:center;

margin:0px;
}

#nav ul {
	margin-left: 30px;
	padding-left: 0;
	
	list-style-type: none;
	display: inline;
}

#nav ul li {
	margin-left: 0;
	padding: 3px 50px;
	border-left: solid #cacaca 1px;
	line-height:46px;
	list-style: none;
	display: inline;
	}
	
		
#nav ul li.first {
	margin-left: 0px;
	border-left: none;
	list-style: none;
	display: inline;
	}
#nav ul li a {
	text-decoration:none;
	color:#463d2e;
	
}	
#nav ul li a:hover {
	color: black;
}	

#content {
	background-color: #fff;
	height:auto;
}

/*
Search
*/

#search {
	margin-top:20px;
	padding-left:5px;
}
#search input {
	border:solid #B6B6B6 1px;
}

#search .button {
	background:#EFEEEC;
}


/*
Left
*/

#left {
float:left;
width: 580px;

}
#left ul {
list-style-type: none;
}
#info {
background: url('images/aboutbg.png');
background-repeat: no-repeat;
margin-left:22px;
height:286px;
width:580px;
position: relative;
}

#info h4 {
		position: absolute;
		width:480px;
		top: 25px;
		left: 20px;
		border-bottom:2px solid #463d2e;
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		
		font-family: "Times New Roman";
		color:#463d2e
}
#info p{
	padding-top:65px;
	padding-right:50px;
	padding-left:20px;
}

#cat {
background: url('images/catbg.png');
background-repeat: no-repeat;
margin-left:22px;
height:286px;
width:580px;
position: relative;
margin-top:3px;
}

#cat h4 {
		position: absolute;
		width:480px;
		top: 25px;
		left: 20px;
		border-bottom:2px solid #463d2e;
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		
		font-family: "Times New Roman";
		color:#463d2e
}
#cat p{
	padding-top:65px;
	padding-right:50px;
	padding-left:20px;
}

#prod {
	margin-top:5px;
	margin-left:17px;
	margin-bottom:20px;
}
#prod img {
	float:left;
	margin:5px;
	border: solid #CACACA 1px;
}
#prod:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#feature {
	margin-left:17px;
}
#feature span {
	float:left;
	background: url('images/imagebg.png');
	text-align:center;
	background-repeat: no-repeat;
	height: 180px;
	width: 109px;
	margin-right:3px;
	position: relative;	
}
#feature h3 {
	font:14px "Times New Roman";
	position: absolute;
	text-align:center;
	margin-bottom:0px;
	left:15px;
	bottom: 8px;
	
}
#feature img {
	position: absolute;
	width: 93px;
	height:131px;
	left: 8px;
	top: 10px;

}
#right {
float:right;
width:250px;
height:555px;
min-height:1000px;
height:auto !important;
background: url('images/sidebarbg.png');
background-repeat: no-repeat;
}
#rcontainer {
	margin-left: 20px;
	margin-top: 15px;

}
#rcontainer h2 {
	border-bottom:2px solid #463d2e;
	margin-right:45px;
	color:#463d2e;
	font-size: 24px;
}
#rcontainer ul {
	list-style-type: none;
	font-size: 14px;

}
#rcontainer ul li {
	margin-left:0px;
	line-height:19px;
}
#rcontainer a {
	text-decoration:none;
}
#rcontainer a:hover {
	color:black;
}
#rcontainer img {
        border:1px solid #CACACA;
        margin-top:25px;

}
#banner {
	margin-top:15px;
	padding-left:12px;
}
#banner img {
        border:1px solid #CACACA;
        margin-top:15px;

}
#checkout{
	margin-top:48px;
	
}

/*
Cart
*/

.basket{
	padding:18px 0 0 15px;
	

}

/*
CONTACT
*/

#contact {
       margin:15px;

}

#contact input {
 
       margin:5px;
}

/*
POST
*/

.post {
	margin-left:10px;
	width:510px;
}

.post span {
	float:left;
	background: url('images/imagebg.png');
	background-repeat: no-repeat;
	height: 180px;
	width: 109px;
	margin-right:3px;
	position: relative;	
}
.post img {

	left: 8px;
	top: 10px;
	padding:5px;
	border: solid gray 1px;

}
.post h2 {
margin-right:10px;
float:left;
}
.post h4 {
margin-right:5px;
float:left;
color:red;
}
.post ul li {
	list-style-type: none;
}

.catlist ul{list-style-type:none; padding:0px; margin:0px;}
.subtotal ul li, .checkout ul li{list-style-type:none; padding:10px 0px; margin:0px; text-align:right; font-weight:bold;}
.catlist{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	border-bottom:solid 1px #dedede ;
	width:540px;
}

.catlist ul li {
	float:left;
	list-style-type:none;
	text-align:center;
	padding:18px 0px 18px 0px;
	font-size:12px;
}

.catlist ul li.prodname{width:455px; text-align:left;}
.catlist ul li.priceHead {width:103px;}
.catlist ul li.buy {width:103px;}

.prodname{width:455px; text-align:left;}
.prodname span{background: url('images/imagebg.png');
	background-repeat: no-repeat;
	height: 180px;
	width: 109px;
	margin-right:3px;
	position: relative;	}
	
	.prodname2 span{background: url('images/imagebg.png');
	background-repeat: no-repeat;

	margin-right:3px;
	position: relative;	}

.priceHead, .proList ul li.priceHead {width:100px;}
.buy {width:103px;}
.imgleft{float:left; padding-right:12px;
	width: 150px;
	height:150px;
	padding-bottom:70px;
	}
.clr {
	clear: both;
	height: 1px;
	
	}
	
#maincontent{padding:22px 0px}
#main{background-image:url(images/bg_glowcontent.gif); background-repeat:no-repeat; padding:10px 22px 0px 22px}
#mainleft{width:612px; float:left;}

.c_inner{background-image:url(../images/c_inner_repeat.gif); background-repeat:repeat-y; width:696px;}
.c_inner_t{background-image:url(../images/c_inner_top.gif); background-repeat:no-repeat; background-position:top;  width:696px;}
.c_inner_b{background-image:url(../images/c_inner_bottom.gif); background-repeat:no-repeat; background-position:bottom;  width:696px;}
#description{}
#product_image{width:240px; float:left; padding:0px 0px 0px 10px;}

.prod_image{width:240px; height:240px;}
#product_description{width:250px; float:left; padding:0px 0px 0px 40px;}
.title_description{font-weight:bold; font-size:16px; font-family:Tahoma; border-bottom: solid 1px #dedede; padding-bottom:0px; margin-bottom:10px;}
.title_description h2{margin-bottom:0px; padding-bottom:10px;}
.thumb{margin:0 auto 10px auto; text-align:center; padding:0px 0px 20px 25px; border-bottom:solid 1px #dedede;}
.thumb img{ width:55px; height:55px;}
.row{border:solid 1px #fff; padding:2px 0px;}
.row ul{margin:0px; padding:0px; list-style-type:none;}
.row ul li{float:left; padding:2px 0px; margin:0px; display:inline;}
.row ul li.col1{font-weight:bold; width:30%}
.row ul li.col2{font-weight:bold; width:auto}


#newItem {
	height:300px;
	margin-left:5px;
}

#newItem .item {
	margin:10px;
	width:170px;
	float:left;
	text-align:center;
	
}
#newItem .item h6{
	font-weight:normal;
	font-size:12px;
	color:#463D2E;
}
#newItem .item span{
	text-align:center;
	color:#6D9A57;
	font-weight:bold;
	
}
#newItem a {
	text-decoration: none;
}
#newItem h4 {
		margin-left:35px;
		width:490px;
		top: 25px;
		left: 20px;
		border-bottom:2px solid #463d2e;
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		
		font-family: "Times New Roman";
		color:#463d2e
}

#about {
	margin-top:20px;
}

#about h2 {
	border-bottom:2px solid #463D2E;
color:#463D2E;
font-size:24px;
margin-right:45px;
margin-left:15px;
margin-bottom:0px;
text-indent:0px;

}

#about a {
	text-decoration: none;
}

#about ul {
	list-style-type:none;
	
	margin-left: 0;

text-indent: 15px;
}
#about ul li.top {
	background-image:url(images/about_top.png); background-repeat:no-repeat; background-position:top; width:224px; height:24px;
}
#about ul li.bottum {
	background-image:url(images/about_bottum.png); background-repeat:no-repeat; background-position:top; width:224px; height:31px;
}

#about ul li {
	margin-left:0;
	background-image:url(images/about_mid.png); width:224px;
}