@charset "utf-8";
/* CSS Document */

body{
padding:0;
margin:0;
font-family:"Century Gothic";
}
img{
border:0;

}
li{
list-style:none;
}
a{
text-decoration:none;
color:#8a7462;
}
a:hover{
color:#f89d4c;
}
.imgright{
float:right;
}
#wrapper{
	width:950px;
	margin:auto;
	box-shadow:0 0 3px #a7a7a8;
	/*background:url(../images/bg.gif) 0 0 repeat-y;*/
}
#headertop{
width:950px;
height:25px;
background-color:#fff;
}
#leftwrap{
width:364px;
float:left;
padding:0 0 0 21px;
}
#rightwrap{
width:565px;
float:right;
}
/*#footer{
clear:both;
width:950px;
background-color:#fff;
text-align:center;
font:bold 11px "Century Gothic";
color:#8a7462;;
}*/
#menu{
background:url(../images/bg_menu.gif?op=load) 0 0 no-repeat;
height:229px;
padding-top:13px;
font:bold 11px "Century Gothic";
color:#8a7462;
}
/*-----------------
ul.nav1{
padding:20px 0 0 79px;
margin:0;
}
ul.nav1 li{
float:left;
padding: 0 23px 0 0;

}
ul.nav1 li a{
display:block;
height:10px;
overflow:hidden;
}
ul.nav1 li a:hover{
}
---------------*/
/*------menu2---*/
/*----nav1----*/
#navigation1 {
padding:18px 0 0 375px;
    height: 24px;
	width: 100px;	
	font-family: Arial;
	font-size: 0px;
	color: #fff;
	overflow: hidden;
}
#navigation_1 {
padding:18px 0 0 290px;
    height: 24px;
	width: 200px;
	font-family: Arial;
	font-size: 0px;
	color: #fff;
	overflow: hidden;
}

#navigation_1 dt {
	float: left;
}
#navigation_1 dt a {
	display: block;
	height: 12px;
	padding: 0 30px 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	color:#fff;
}
#navigation1 dt {
	float: left;
}
#navigation1 dt a {
	display: block;
	height: 12px;
	padding: 0 30px 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	color:#fff;
}
#navigation_1 dt#myaccount, #navigation_1 dt#myaccount a {position:relative ; display: block; width: 99px; background-repeat: no-repeat;background-image: url(../images/nav_myaccount.gif?op=load); overflow:hidden;}
#navigation_1 dt#logout, #navigation_1 dt#logout a {position:relative ; display: block; width: 44px; background-repeat: no-repeat;background-image: url(../images/nav_logout.gif?op=load); overflow:hidden;}

#navigation1 dt#login, #navigation1 dt#login a {position:relative ; display: block; width: 56px; background-image: url(../images/nav_login.gif?op=load); overflow:hidden;}
#navigation1 dt#cart, #navigation1 dt#cart a {position:relative ; display: block;width: 34px; background-image: url(../images/nav_cart.gif?op=load); overflow:hidden;}
#navigation_1 dt#cart, #navigation_1 dt#cart a {position:relative ; display: block;width: 34px; background-image: url(../images/nav_cart.gif?op=load); overflow:hidden;}
#navigation1 dt a:hover {
	background-position: 0 -12px;
	color:#fff;
}
/*----nav2----*/
#navigation2 {
padding:10px 0 0 70px;
    height: 24px;
	width: 400px;	
	font-family: Arial;
	font-size: 0px;
	color: #fff;
	overflow: hidden;
}
#navigation_1 dt a:hover {
	background-position: 0 -12px;
	color:#fff;
}

#navigation2 dt {
	float: left;
}
#navigation2 dt a {
	display: block;
	height: 12px;
	padding: 0 30px 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	color:#fff;
}

#navigation2 dt#home, #navigation2 dt#home a {position:relative ; display: block; width: 47px; background-image: url(../images/nav_root.gif?op=load); overflow:hidden;}
#navigation2 dt#safety, #navigation2 dt#safety a {position:relative ; display: block;width: 55px; background-image: url(../images/nav_safety.gif?op=load); overflow:hidden;}
#navigation2 dt#in, #navigation2 dt#in a {position:relative ; display: block;width: 99px; background-image: url(../images/nav_inthegnaana.gif?op=load); overflow:hidden;}
#navigation2 dt#buzz, #navigation2 dt#buzz a {position:relative ; display: block; width: 44px; background-image:url(../images/nav_buzz.gif?op=load); overflow:hidden;}
#navigation2 dt#news, #navigation2 dt#news a {position:relative ; display: block; width: 97px; background-image:url(../images/nav_newsletter.gif?op=load); overflow:hidden;}
#navigation2 dt#blog, #navigation2 dt#blog a { position:relative ; display: block;width: 38px; background-image:url(../images/nav_blog.gif?op=load); overflow:hidden;}
#navigation2 dt a:hover {
	background-position: 0 -12px;
	color:#fff;
}
/*-----nav3-------*/
#navigation3 {
padding:10px 0 0 10px;
    height: 24px;
	width: 345px;	
	font-family: Arial;
	font-size: 0px;
	color: #fff;
	overflow: hidden;
}

#navigation3 dt {
	float: left;
}
#navigation3 dt a {
	display: block;
	height: 12px;
	padding: 0 30px 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	color:#fff;
}

#navigation3 dt#shipping, #navigation3 dt#shipping a { position:relative ; display: block;width: 110px; background-image: url(../images/nav_shipping.gif?op=load); overflow:hidden;}
#navigation3 dt#legal, #navigation3 dt#legal a {position:relative ; display: block;width: 43px; background-image: url(../images/nav_legal.gif?op=load); overflow:hidden;}
#navigation3 dt#contact, #navigation3 dt#contact a {position:relative ; display: block;width: 59px; background-image: url(../images/nav_contact.gif?op=load); overflow:hidden;}
#navigation3 dt#credits, #navigation3 dt#credits a { position:relative ; display: block;width: 51px; background-image:url(../images/nav_credits.gif?op=load); overflow:hidden;}
#navigation3 dt a:hover {
	background-position: 0 -12px;
	color:#fff;
}

/*-----nav4---*/

#navigation4 {
padding:10px 0 0 320px;
    height: 24px;	
	font-family: Arial;
	font-size: 0px;
	color: #fff;
	overflow: hidden;

	
}

#navigation4 dt {
	float: left;
}
#navigation4 dt a {
	display: block;
	height: 12px;
	padding: 0 30px 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	color:#fff;
}

#navigation4 dt#sitemap, #navigation4 dt#sitemap a { position:relative ; display: block;width: 52px; background-image: url(../images/nav_sitemap.gif?op=load); overflow:hidden;}
#navigation4 dt a:hover {
	background-position: 0 -12px;
	color:#fff;
}

.imgshop{
padding-left:152px;
}
ul.nav2{
padding:15px 0 0 375px;
margin:0;
}
ul.nav2 li{
float:left;
padding: 0 40px 0 0;
}
ul.nav3{
padding:4px 0 10px 5px;
margin:0;
}
ul.nav3 li{
float:left;
font:bold 11px "Century Gothic";
padding:0 13px 0 0;
}
.ganana{
color:#f89d4c;
}
#offer{
text-align:center;
}
.imgtoppadding{
padding-top:20px;
}

/*======================================new style css 17-2-15============================*/
@font-face {
 font-family: 'gothic';
 src: url('../fonts/gothic.eot');
 src: local('../fonts/gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
ul{
	padding:0;
	margin:0;
}
p{
	padding:0;
	margin:0;
}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}
#footer{
	 font-family: 'gothic';
	 font-weight:normal;
	 padding:15px;
	 font-size:12px;
	 color:#7c4e28;
	 border-top:1px solid #ddd;
	 margin-top:20px;
}
.ft_left_menu{
	float:left;
	font-size:12px;
}
.ft_left_menu li{
	float:left;
	padding:0 10px 0;
	background:url(../images/f_divi.gif) no-repeat left center;
}
.ft_left_menu li:first-child{
	background-image:none;
	padding-left:0;
}
.ft_left_menu li a{
	color:#7c4e28;
}
.ft_left_menu li a:hover{
	color:#f99e4d;
}
.ft_que{
	float:right;
}
#footer p{
	text-align:center;
	padding:20px 0 0 0;
}
.live_chat{
	color:#f99e4d;
}
.live_chat:hover{
	text-decoration:underline;
}
.rcontentarea{
	font-family: 'gothic';
	font-size:12px;
}
/*======================================new style css 17-2-15============================*/


/*=============Responsive style======================*/
@media only screen and (max-width: 950px){
#wrapper{
	max-width:850px;
}
#headertop{
	width:850px;
}
#menu{
	background-size:113%;
}
#header img{
	max-width:48%;
}
#rightwrap {
    float:right;
	width:465px;
}
.imgshop {
    padding-left:143px;
}
#navigation1{
	padding-top:12px;
}
#footer{
	width:850px;
}
}

@media only screen and (max-width: 870px){
#wrapper{
	max-width:750px;
	overflow:hidden;
}
#headertop{
	width:750px;
}
#header img {
    display: block;
    margin: 0 auto;
    max-width: 68%;
}
#menu{
	height:175px;
}
#navigation2{
	padding:2px 0 0 0;
}
#navigation1 {
    padding-left: 290px;
    padding-top: 8px;
}
.imgshop {
    padding-left:114px;
}
#leftwrap{
	padding-left:0;
}
#rightwrap {
    float:right;
	width:383px;
}
.home_banner{
	width:50% !important;
}
#footer{
	width:750px;
}
}

@media only screen and (max-width: 768px){
#wrapper{
	max-width:700px;
}
#headertop{
	width:700px;
}
#rightwrap{
	width:330px;
}
.home_banner {
    height: auto !important;
    width: 47% !important;
}
#header img{
	max-width:100%;
}
.logo{
	max-width:60% !important;
}
#menu {
    background-size: 100%;
	height:143px;
}
.imgshop {
    margin-top: -13px;
    padding-left: 80px;
}
#navigation1 {
    margin:-23px 0 40px;
    padding-left: 248px;
}
#footer{
	width:700px;
}
#navigation4{
	padding-left:210px;
}
}

@media only screen and (max-width: 720px){
#wrapper{
	max-width:600px;
}
#headertop{
	width:600px;
}
#rightwrap{
	width:230px;
}
.home_banner {
    height: auto !important;
    width: 38% !important;
}
#header img{
	max-width:100%;
}
.logo{
	max-width:72% !important;
	margin-bottom:25px !important;
}
#menu {
    background-size: 100%;
	height:143px;
}
.imgshop {
    margin-top: -20px;
    padding-left:44px;
}
#navigation1 {
    margin:-23px 0 30px;
    padding-left: 155px;
}
#navigation2 {
    padding: 2px 0 0;
    width: 100%;
	overflow:inherit;
}
#navigation2 dt {
    float: left;
    margin-bottom:8px;
}
#footer{
	width:600px;
}
#navigation4{
	padding-left:210px;
}
#navigation1 dt#login, #navigation1 dt#login a{
	width:38px;
}
}

@media only screen and (max-width: 640px){
#wrapper{
	max-width:570px;
}
#menu {
    background-position: 50px 0;
    background-size: 85% auto;
	height: 185px;
}
#headertop{
	width:570px;
}
#rightwrap{
	width:100%;
	float:none;
}
#leftwrap{
	float:none;
	margin:0 auto;
	display:block;
}
.home_banner {
    height: auto !important;
    width: 75% !important;
}
#footer{
	width:570px;
}
#navigation4{
    padding-left:139px;
}
.imgshop{
    margin-top:0;
    padding-left:180px;
}
#navigation1 {
    margin: -17px 0 13px;
    padding-left: 392px;
}
#navigation2 {
    overflow: inherit;
    padding: 26px 0 0 71px;
    width: 100%;
}
}

@media only screen and (max-width:580px){
#wrapper{
	max-width:500px;
}
#headertop{
	width:500px;
}
#footer{
	width:500px;
}
}

@media only screen and (max-width:500px){
#wrapper{
	max-width:420px;
}
#headertop{
	width:420px;
}
#footer{
	width:420px;
}
#menu{
	padding:0;
}
#navigation1{
	padding-left:290px;
}
#navigation2 {
    overflow: inherit;
    padding: 26px 0 0 52px;
    width: 100%;
}
#navigation3{
	padding-left:58px;
}
#navigation4 {
    padding-left: 68px;
}
.imgshop {
    margin-top: 0;
    padding-left: 132px;
}
}

@media only screen and (max-width:430px){
#wrapper{
	max-width:300px;
}
#headertop{
	width:300px;
}
#footer{
	width:300px;
}
#menu {
    background-position: 10px 0;
    background-size: 100% auto;
    height:145px;
}
.home_banner {
    height: auto !important;
    width: 95% !important;
}
.imgshop{
    margin-top: -6px;
    padding-left: 72px;
}
#navigation1{
    padding-left:200px;
}
#navigation2 {
    overflow: inherit;
    padding: 23px 0 0 23px;
    width:92%;
}
#navigation3 {
    padding-left: 29px;
    width: 75%;
}
#myslideshow3 {
    margin-left: 231px !important;
}
#myslideshow1 {
    width: 76%;
	overflow:hidden;
}
#myslideshow1 img{
	max-width:100%;
}
#myslideshow{
	width:295px;
}
#navigation4 {
    padding-left: 4px;
}
.of_img{
	max-width:90%;
	height:auto;
}
}