@charset "utf-8";
/* CSS Document */
/*
@font-face {
  font-family: "Kimberley";
  src: url(http://www.princexml.com/fonts/larabie/   kimberle.ttf) format("truetype");
}
*/

body {	
	font-family: Helvetica, Arial, Sans-Serif;
	background-color: #f0f0f0;
	font-size:14px;
	margin: 0;
	padding: 0;
	outline: 0;
}

#container{	
	width:997px;
	margin-left:auto;
	margin-right:auto;
}

a img{
	border: 1px solid #654c49;
	cursor: pointer;
}

a:hover img{
	border: 1px solid #c6ddf1;
	cursor: pointer;
}

.thumbs{
	cursor: pointer;
}


a:visited img{
	border: 1px solid #654c49;
}

#first{
	width:989px;
	height:20px;
	margin-right:-2px;
	padding-right:10px;
	padding-top:2px;
	background-color:#4e3532;
	}
	
#header{
	width:100% !important;
	width:995px;
	height:80px;
	background-image:url(../images/header-new.jpg);
	background-repeat:no-repeat;
	border:1px solid #babab8;
	}
	
#main{
	margin-bottom:10px;
	width:100%;
	}
	
#left{
	float:left;
	width:200px;
	height:auto;
	border-left:1px solid #babab8;
	border-right:1px solid #babab8;
	border-bottom:1px solid #babab8;
	}
	
#welcome{
	font-weight: bold;
	text-align: center;
	font-style: oblique;
}	


p#welcome_text{
	font-family: Georgia, Arial, Sans-Serif;
	text-align: justify;
	line-height: 16px!important;
	line-height: 15px;
}

	
#main-main{
	margin-left:205px;
	width:792px !important;
	width: 779px;
	height:600px;
	margin-right:0px !important;
	margin-right:-10px;
	}
	
#main-top{
	width:100%;
	height:50px;
	margin-left: -3px;
	}
	
#main-middle{
	width:100%;
	}
	
#main-footer{
	background-image:url(../images/footer.jpg);
	width:100%;
	height:20px;
	}
	
#login{
	width:195px;
	min-height:25px;
	padding-top:5px;
	padding-left:5px;
	background-color:#c6ddf1;
	margin-top: -1px;
	overflow: auto;
	}
	
#login a:hover{
	color: #654c49;
}	

	
#loginBox{
	margin-top: 5px;	
	width: 100%;
	height: auto;

}


#loginBox input{
	width: 96%;
	border: 1px solid #ccc;
}

#loginBox input:focus{
	border: 1px solid #654c49;
}

#loginBox input[type='submit']{
	width: 60px;
}
	
	
#search{
	margin-left:539px!important;
	margin-left:544px;
	width:235px;
	height:25px;
	padding-top:2px;
	padding-left:20px;
	padding-bottom:2px;
	background-color:#654c49;
	}
	
#searchfield{
	vertical-align: top;
	height: 20px;
	border:1px solid #babab8;
	padding: 0px;
	}
	
#navigation{
	float:left;
	width:500px;
}

#commentbox{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	border: 2px solid #ccc;
	margin-top: 15px;
	background: #ddd;
	display: none;
}


#commentbox table tr td{
	padding-left: 2%;
}

#commentbox table tr td input{
	width: 98%;
	border: 2px solid #ccc;
	color: #666;
}

#commentbox table tr td input:focus{
	border: 2px solid #c6ddf1;
	color: #000;
}

#commentbox table tr td input[type='submit']{
	width: 100px;
	border: 1px solid #888;
	background: #fff;
	color: #888;
}

#commentbox table tr td input[type='reset']{
	margin-left: 10px;
	width: 100px;
	border: 1px solid #888;
	background: #fff;
	color: #888;
}

#commentbox table tr td input[type='reset']:focus, #commentbox  table tr td input[type='submit']:focus{
	border: 1px solid #000;
	color: #000;
}


#commentbox table tr td textarea{
	width: 98%;
	border: 2px solid #ccc;
	color: #666;
}

#commentbox table tr td textarea:focus{
	border: 2px solid #c6ddf1;
	color: #000;
}

#commentbox table tr td input#validator{
	width: 80px;
	border: 2px solid #ccc;
}

#commentbox table tr td input#validator:focus{
	border: 2px solid #c6ddf1;
	color: #000;
}

#comments{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	border: 2px solid #ccc;
	margin-top: 15px;
	background: #ddd;
	display: none;
}



h3{
	font-weight: bold;
	text-align: center;
	color: #654c49;
}
	
h5{
	color:#654c49;

}	
	
/*----------------------------NAV MENU----------------------------------------------*/
#navMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#navMenu {
width: 198px;
font-size:13px;
margin-left:1px;
margin-bottom:1px;
background-color:#4e3532;
color:#FFFFFF;
}
#navMenu li {
display:inline;
}

/* menu */
#navMenu li a:link, #navMenu li a:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
color: White;
height: 12px;
display: block;
background: url(../images/bckMenu.gif);
padding: 5px 0 6px 20px;
}
#navMenu li a:hover {
color: #c6ddf1;
background: url(../images/bckMenu.gif) 0 -23px;
padding: 5px 0 6px 20px;
}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {
font-weight: normal;
background: url(../images/bckSubMenu.gif);
padding: 2px 0 3px 30px;
}
#navMenu li li a:hover {
background: url(../images/bckSubMenu.gif) 0 -17px;
padding: 2px 0 3px 30px;
}

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {
background: url(../images/bckSubSubMenu.gif);
padding: 0 0 1px 40px;
}
#navMenu li li li a:hover {
background: url(../images/bckSubSubMenu.gif) 0 -13px;
padding: 0 0 1px 40px;
}
/*----------------------------------------END NAV MENU----------------------------------------*/





/* ----------------------------------------CONTACT US ------------------------------------------*/


a{
	text-decoration: none;
	color: #300;
}

a:hover{
	color: #c6ddf1;
}

div#contacts{
	width: 100% !important;
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	overflow: auto;
}


#contactText{
	font-family:  Lucida;
	border: 0px;
}


div#contactBox{
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

#contactBox table{
	height: auto;
	width: 96%;
	border-collapse: collapse;
	color: #400;
	padding-bottom: 10px;
}

#contacts table a img{
	border: 1px solid #ccc;
}

#contactBox table td{
	padding-left: 10px;
	padding-right: 10px;
}

#contactBox table td input{
	border: 1px solid #ccc;
	width: 100%;
}


#contactBox table #sendButton{
	border: 1px solid #ccc;
	background: #ddd;
	width:  40%;
	float: right;
	}

#contactBox table #registerButton{
	border: 1px solid #ccc;
	background: #ddd;
	width:  25%;
}
	
	
#contactBox table #resetButton{
	border: 1px solid #ccc;
	background: #ddd;
	width:  40%;
	
}

#contactBox table td input:focus{
	border: 1px solid #c6ddf1;

}

#contactBox table td textarea{
	border: 1px solid #ccc;
	width: 100%;
	height: 100px;
}

#contactBox table td textarea:focus{
	border: 1px solid #c6ddf1;
}

#contactBox table th{
	font-family: Tahoma, Arial;
	font-size: 120%;
	color: #444;
	width: 100%;
	height: 70px;
}


a#contactus{
	font-style: oblique;
	color: #888;
}

a#contactus:hover{
	font-style: oblique;
	color: #c6ddf1;
}

#contactBox table #validator{
	width: 100px;
	margin-left: 10px;
	height: 20px;
}

#alert{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #82BDF1;
	border-bottom: 3px solid #82BDF1;
	background: #c6ddf1;
	width: 350px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
}

#success{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #82BDF1;
	border-bottom: 3px solid #82BDF1;
	background: #c6ddf1;
	width: 350px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
}

#table-top {
	width: 100%;
	background-color:#a8886c;
	width:797px !important;
	margin-left: -5px;
	margin-left: 0px!important;
	padding-bottom: 0px;
	}
	
a.navLinks{
	color: #fff;
}	

a.navLinks:hover{
	color: #c6ddf1;
}

a#orderButton{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	display: block;
	background: #fff;
	border: 1px solid #000;
	width: 60px;
}

a#orderButton:hover{
	color: #654c49;
	border: 1px solid #c6ddf1;
}

a.removeButton{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	display: block;
	background: #fff;
	border: 1px solid #000;
	width: 65px;
}

a.removeButton:hover{
	color: #654c49;
	border: 1px solid #c6ddf1;
}

a.cartButton{
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	display: block;
	background: #fff;
	border: 1px solid #000;
	width: 125px;
	color: #000;
}

a.cartButton:active{
	color: #654c49;
	border: 1px solid #c6ddf1;
}

input.cartButton{
	color: #000;
	padding: 5px;
	text-align: center;
	display: block;
	background: #fff;
	border: 1px solid #000;
	width: 145px;
}

input.cartButton:focus{
	color: #654c49;
	border: 1px solid #c6ddf1;
}



input#code[disabled='disabled']{
	background: #c6ddf1;
	color: #000;
	font-weight: bold;
}

table.cartProduct{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 120px;
	border: 1px solid #888;
	margin-bottom: 10px;
}

input.quantity{
	border: 1px solid #888;
}

#messageBox{
	position: absolute;
	border: 2px solid #ccc;
	display: none;
	width: 300px;
	height: 160px;
	background: #fff;
	z-index: 1000;
}

#messageBox input{
	width: 100%;
	border: 1px solid #5B3F2A;
}

#messageBox input[type='text']:focus{
	color: #654c49;
	border: 1px solid #c6ddf1;
}

a.orderButton{
	text-decoration: none;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	display: block;
	background: #fff;
	border: 1px solid #000;
	width: 60px;
}

a.orderButton:hover{
	color: #654c49;
	border: 1px solid #c6ddf1;
}