@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
a { color:#FFFFFF; text-decoration:none;}
a:hover { text-decoration:underline;}
body { background:#5dab9d url(../images/body-bg.jpg) repeat-x; font:12px/18px Arial, Helvetica, sans-serif; color:#FFFFFF;}
img { border:none;}
ul.menu { list-style:none;text-transform:uppercase;}
ul.menu li a { }
ul.menu li a:hover { text-decoration:none;}
h2 { font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; text-transform:uppercase; }
h3 { font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:bold;text-transform:uppercase; margin-bottom:0.4em;}
p { margin:1em 0;}
 
/* layout */
#wrapper { width:960px; margin:0 auto;}
#header { width:100%; position:relative; z-index:20;}
#container { background: url(../images/conent-bg.jpg)  bottom left no-repeat; clear:both; padding-bottom:20px; position:relative; z-index:1;}
#footer { padding:15px 5px; height:100%; overflow:hidden;}


/* header */
#ad { padding-left:15px;}
#ad img { display:block;}
#logo img { display:block;}
#top-header { position:absolute; top:36px; right:0px;}
#top-header img {padding-right:20px;}
#top-menu { background:url(../images/top-menu.jpg) repeat-y; width:482px; height:30px; position:absolute; top:70px; right:0px;}
#top-menu ul { }
#top-menu ul li { float:left; width:auto;background:none; position:relative;}
#top-menu ul { padding-left:25px; width:457px;}
#top-menu ul li a { font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:bold; height:30px; line-height:28px; padding:0 4px 0px 24px;}
#top-menu ul li.hover { background:url(../images/leaf.jpg) left 6px no-repeat;}
#top-menu ul li ul.sub { list-style:none; position:absolute; top:30px; left:-15px; width:174px; background:url(../images/top-sub-menu.png) left bottom no-repeat; margin:0; padding:0;}
#top-menu ul li ul.sub  li { float:none; height:29px; line-height:29px;  overflow:hidden; padding-left:20px; margin-bottom:1px;}
#top-menu ul li ul.sub  li a { padding:0;}
#top-menu ul li ul.sub  li.hover { background:#61ab9d url(../images/icon.gif) 5px 9px  no-repeat; }


#nav { background:#FFFFFF url(../images/nav.jpg) repeat-x; height:50px; width:940px; margin-left:10px;}
.nav-left { background:#5dab9d url(../images/nav-left.jpg) no-repeat; width:9px; height:50px; float:left;}
#nav ul { width:910px; float:left; padding-left:10px;}
.nav-right { background:#5dab9d url(../images/nav-right.jpg) no-repeat; width:9px; height:50px; float:right;}
#nav ul li { float:left; position:relative;}
#nav ul li a {display:block; font-size:16px; font-weight:bold; font-family:"Times New Roman", Times, serif;  color:#636363; height:50px; line-height:50px; text-align:center; letter-spacing:-0.01em;}
#nav ul li a{ background:none; width:122px;}
#nav ul li a.active ,#nav ul li a:hover{ color:#fff; background:url(../images/item.gif) left top no-repeat;} 

#nav ul li.item5 a  {background:none; width:168px;}
#nav ul li.item5 a.active,#nav ul li.item5 a:hover { color:#fff; background:url(../images/item1.gif) left top no-repeat;}

#nav ul li ul.sub { list-style:none; position:absolute; top:47px; left:-15px; width:169px; background:url(../images/nav-sub-menu.png) left bottom no-repeat; margin:0; padding:10px 0px;}
#nav ul li ul.sub  li { float:none; height:29px; line-height:29px;  overflow:hidden; padding-left:30px; margin-bottom:1px;}
#nav ul li ul.sub  li a { padding:0; font-family:"Times New Roman", Times, serif; font-size:14px; color:#636363; display:inline; height:auto; line-height:29px; background:none;}
#nav ul li ul.sub  li.hover { background:url(../images/icon1.gif) 15px 9px  no-repeat; }
#nav ul li ul.sub  li.hover a { color:#2c7668;}

/* container */

#content { padding:10px 45px; background:url(../images/container-bg.jpg) top right no-repeat;}
.home { text-align:center;}
ul.gallery { list-style:none; width:100%; height:268px; }
ul.gallery li {  float:left; width:196px; height:268px; padding:0px 10px;}
ul.gallery li div.box {background:url(../images/box.png) no-repeat; padding-top:50px; padding-left:2px; width:194px; height:218px;}
.box a { color:#000000;}
.box img { border:2px solid #d7ac62;}

/* footer */
#footer .comm { float:left;}
.copyright { float:right; color:#38675e; font-size:11px;}


/* inner page */
/*header */
body.inner-page #logo { padding:34px 0px 15px 0;}
body.inner-page #header { background:url(../images/header-bg.jpg) no-repeat;}

body.inner-page #nav { background:#FFFFFF url(../images/inner-nav.jpg) repeat-x; height:53px; width:955px; margin-left:5px;}
body.inner-page .nav-left { background:#5dab9d url(../images/inner-nav-left.jpg) no-repeat; width:20px; height:53px; float:left;}
body.inner-page #nav ul { width:905px; float:left; padding-left:10px;}
body.inner-page .nav-right { background:#5dab9d url(../images/inner-nav-right.jpg) no-repeat; width:20px; height:53px; float:right;}

body.inner-page #nav ul li ul.sub { top:50px; }

body.inner-page #nav ul li a {display:block; font-size:16px; font-weight:bold; font-family:"Times New Roman", Times, serif;  color:#636363; height:50px; line-height:50px; text-align:center; padding-top:3px;}
body.inner-page #nav ul li a{ background:none; width:122px;}
body.inner-page #nav ul li a.active , body.inner-page #nav ul li a:hover{ color:#fff; background:url(../images/item.gif) left 3px no-repeat;} 

body.inner-page #nav ul li.item5 a  {background:none; width:168px;}
body.inner-page #nav ul li.item5 a.active,body.inner-page #nav ul li.item5 a:hover { color:#fff; background:url(../images/item1.gif) left 3px no-repeat;}
body.inner-page #nav ul li ul.sub li a:hover { background:none;}

/* content */
body.inner-page #content { padding:15px 15px;  height:100%; overflow:hidden; background:none;}
body.inner-page .inner { width:680px; padding-top:10px; height:100%; overflow:hidden; float:left;}

body.inner-page .breadcrumb ,body.inner-page .breadcrumb a{ color:#2e554e;}
body.inner-page .img-wrap {  width:336px; height:100%; overflow:hidden; float:left; }
body.inner-page .img-wrap-top { background:url(../images/box-top.gif) no-repeat; width:336px; height:30px;}
body.inner-page .img-wrap-mid {background:url(../images/box-mid.gif) repeat-y;width:312px; padding-left:24px;}
body.inner-page .img-wrap-bottom { background:url(../images/box-bottom.gif) no-repeat; width:336px; height:30px;} 
body.inner-page .des { background:url(../images/des-top.gif) left top no-repeat; width:334px; overflow:hidden; float:right; margin-top:15px;}

.img-wrap-list {
	width:175px;
	height:275px;
	overflow:hidden;
	padding-left:20px;
	padding-top:40px;
	float:left;
	margin-left: 10px;
	padding-right: 20px;
	background:url(../images/box-listing.gif) no-repeat;
	}


.img-wrap-cat {
	width:175px;
	height:275px;
	overflow:hidden;
	padding-left:20px;
	padding-top:40px;
	float:left;
	margin-left: 10px;
	padding-right: 20px;
	background:url(../images/box-listing.gif) no-repeat;
	}



body.inner-page .des-inner { background:url(../images/des-bottom.gif) left bottom no-repeat; width:306px; padding:20px 14px;}

body.inner-page ul.large { width:288px; height:274px; overflow:hidden; list-style:none; position:relative;}
body.inner-page ul.large li { position:absolute; top:0; left:0; display:none;}
body.inner-page ul.large li.item0 { display:block;}

body.inner-page ul.thum { list-style:none; width:288px; height:100%; overflow:hidden;}
body.inner-page ul.thum li { float:left; padding:3px; cursor:pointer;}
body.inner-page ul.thum li img { display:block; border:2px solid #ccc;}
body.inner-page ul.thum li.hover img {border:2px solid #a38555;}
body.inner-page .img-wrap p { color:#7d7d7d; margin:0.5em;}
body.inner-page .line { background:url(../images/line.png) no-repeat; height:2px; width:315px; overflow:hidden; font-size:1px; margin:25px 0px;}
body.inner-page .des h3 { font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:20px;  text-transform:none;}
body.inner-page .des h4 { font-size:12px; margin:10px 0px;} 
body.inner-page .des p { margin-top:0px; margin-bottom:20px;}
body.inner-page .btn { text-align:center; }
body.inner-page .btn a { background:url(../images/btn.gif) no-repeat; width:283px; height:47px; color:#faf269; display:inline-block; line-height:47px; font-size:18px;}
body.inner-page .btn a:hover { text-decoration:none; color:#fff; }
/* sidebar */
body.inner-page .sidebar { width:242px; float:right;}
body.inner-page .sidebar h5 {background:url(../images/sidebar-top.gif) no-repeat; display:block; margin:0px; font-size:20px; padding-top:32px; line-height:20px; text-align:center; height:54px;}
body.inner-page .sidebar ul.block { display:block; list-style:none; background:url(../images/sidebar-mid.gif) repeat-y; color:#000; width:212px; padding:0px 15px 0px 15px;}
body.inner-page .sidebar ul.block li { display:block; margin:0; padding:0; background:url(../images/line2.jpg) center bottom no-repeat; padding:8px 0px;}
body.inner-page .sidebar ul.block li.last { background:none;}
body.inner-page .sidebar .bottom { background:url(../images/sidebar-bottom.gif) no-repeat; width:242px; height:16px;}
body.inner-page .sidebar  p{ margin:0;}
body.inner-page h6 { font-size:12px; font-style:normal;}
body.inner-page .sidebar  p.readmore { text-align:right;}
body.inner-page .sidebar a { color:#704c00;}


 .prod-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

.prod-title a {
	color: #333333;
	text-decoration:underline

}

.cat-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 10px;
	background-color: #593A00;
	padding-top: 5px;
	padding-bottom: 5px;
}


.prod-price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
}

/* Contact Us Form */

#content form{
	float:left;
	width:420px;
	margin-top: 10px;
}
#content form h3{ text-transform:none; font-weight:bold; font-size:1.1em; color:#34104E;margin-top:5px; padding-bottom:10px;border-bottom: 1px dotted #C0B8C6;margin-bottom:10px;}
#content form div{margin-bottom:12px; text-align:left;}
#content form label{display:block; width:180px; float:left;}
#content form input, #content form textarea, #content form select{width:190px;}
#content form .buttons{ padding-left:180px;}
#content form .buttons input{
	width:95px;
	border: thin;
	font-size:1em;
	color:#fff;
	font-weight:bold;
	background-color: #33796C;
}
#content form .contact-buts{ padding-left:180px;}
#content form .contact-buts input{width:81px; border:1px solid #e1e1e1; font-size:1em; text-transform:none; font-weight:bold;background:#5C6970;color:#fff;  }

#content .contactdetails{float:left; width:190px; vertical-align:top;}
#content .contactdetails h3{margin-top:0px; line-height:45px; font-size:1.1em}
#content .contactdetails h2{ text-transform:uppercase; font-weight:bold; font-size:1.1em; color:#472E00;margin-top:5px; padding-bottom:10px; border-bottom: 1px dotted #C0B8C6;margin-bottom:10px;}
#content .contactdetails a{}

#content .product-summary{float:left; width:190px; vertical-align:top;}
#content .product-summary h3{ text-transform:none; font-weight:bold; font-size:1.1em; color:#34104E;margin-top:5px; padding-bottom:10px; border-bottom: 1px dotted #C0B8C6;margin-bottom:10px;}
#content .product-summary img{border: 1px solid #BDBEC2; margin: auto;}
#content .product-summary a{color:#F16122;}