@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: Myriad Pro;
 src: url("../myriadproregular.eot") /* EOT file for IE */
}
@font-face {
 font-family: Myriad Pro;
 src: url("../myriadproregular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Adobe Garamond Pro;
 src: url("../agaramondproregular.eot") /* EOT file for IE */
}
@font-face {
 font-family: Adobe Garamond Pro;
 src: url("../agaramondproregular.ttf") /* TTF file for CSS3 browsers */
}
body{ margin:0px auto; background:#FFF; font-family: Verdana !important; font-size:12px; }
a:link,a:visited{ text-decoration:none; color:#000; }
a:hover{ text-decoration:none;}
h1{font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0px; padding:0px; color:#2e7e10;}
p{font-family:Verdana, Geneva, sans-serif;}
.maincontainer{ margin:0px auto; width:1000px; height:auto; }
.container{ float:left; width:1000px; height:auto;}
.txtbox
{
	width:165px; border:0px; height:18px; border:1px solid #7f9db9;
}
textarea
{
	width:250px; height:105px; border:0px; padding:5px; border:1px solid #7f9db9;
}
select
{
	 width:150px; height:23px; border:0px; padding:2px; border:1px solid #7f9db9;
}
#frmval label.error {
  background:url(../images/unchecked.gif) no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #F00;
  position:relative;
  left:5px;
  float:right;
}
#header { float:left; width:1000px; height:106px; background:url(../images/header.jpg) no-repeat; }
.logo { float:left; width:382px; height:87px; padding:8px 0 0 30px; }
.loginarea { float:right; width:300px; height:106px; }
.logintop { float:right; width:300px; height:28px; padding-top:20px; }
.loginbottom { float:left; width:300px; height:auto; padding-top:20px; }
.loginicon { position:relative; float:left; width:14px; height:15px; background:url(../images/loginhoverarrow.png) no-repeat; }

#banner { float:left; width:1000px; height:298px; }

#inner { float:left; width:880px; height:auto; background:url(../images/innerbg.jpg) #FFF no-repeat; padding:0 55px 0 65px; }

#menu { float:left; width:880px; height:37px; }
.menuitem { float:left; width:auto; height:23px; padding:14px 12px 0 12px; font-size:11px; font-family:Verdana; font-weight:bold; color:#5f3342; }
.selected { float:left; width:auto; height:23px; padding:14px 12px 0 12px; font-size:11px; font-family:Verdana; font-weight:bold; color:#5f3342; background:url(../images/menuhover.jpg) repeat-x; }
.menuitem:hover { background:url(../images/menuhover.jpg) repeat-x; }
.menusep { float:left; width:1px; height:37px; background:url(../images/menusep.png) no-repeat; }
a.menulink { color:#5f3342;}

.article { float:left; width:880px; height:auto;}
.articlespace{ float:left; width:880px; height:18px; }
.sidebar { float:left; width:242px; padding-right:16px; height:auto; }
.sidespace { float:left; width:242px; height:20px;}
.sidespace1 { float:left; width:242px; height:5px;}
.sideitem { float:left; width:242px; height:auto; }

.content { float:left; width:622px; height:auto; }
.welcome { float:left; width:622px; height:auto; }
.welhead { float:left; width:622px; height:37px; background:url(../images/welcomebg.jpg) no-repeat;; font-family:Arial, Helvetica, sans-serif; }
.welhead1 { float:left; width:612px; height:30px; background:url(../images/welcomebg.png) no-repeat; font-weight:bold; color:#FFF; font-size:17px; padding-top:10px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; }
.welhead2 { float:left; width:612px; height:90px; background:url(../images/welcomebg1.png) no-repeat; font-weight:bold; color:#FFF; font-size:17px; padding-top:6px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; }
.welhead3 { float:left; width:617px; height:90px; background:url(../images/welcomebg1.png) no-repeat; font-weight:bold; color:#FFF; font-size:17px; padding-top:5px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; }
.welquizhead { float:left; width:612px; height:27px; background:url(../images/quizbg.png) no-repeat; font-weight:bold; color:#FFF; font-size:17px; padding-top:10px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; }
.welcontent {float:left; width:605px; height:222px; padding:5px 10px 5px 5px; border:1px solid #999; background:#FFF;}
.welcontent1 {float:left; width:610px; height:auto; padding:5px; border:1px solid #999; background:#FFF; line-height:1.4em;}
.welcontent1 divh{height:auto !important;}
.border { float:left; width:422px; height:1px; border-bottom:1px solid #CCC; }
.border2 {
			display: block;
			padding:3px;
			border:solid;
			border-color: #9e4d3e #9e4d3e #9e4d3e #9e4d3e;
			border-width: 2px 2px 2px 2px;
			background-color:white;
		}
		.border3 {
			display: block;
			padding:8px;
			border:solid;
			border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
			border-width: 1px 2px 2px 1px;
			background-color:white;
			/*border:6px double #545565;*/
		}
.welspace { float:left; width:622px; height:5px; }

.sliderblock { float:left; width:622px; height:182px; }
.slider { float:left; width:408px; height:180px; background:url(../images/sliderbg.jpg) repeat-x; border:1px solid #CCC; }

.memberlogin { float:right; width:170px; height:170px; background:url(../images/loginbg.png) no-repeat; padding:12px 15px 0px 15px; }
.memberloginbg { float:left; width:170px; height:28px; background:url(../images/logintextbg.png)  no-repeat; }
.emotional { float:left; width:145px; height:55px; background:url(../images/emotional.png) no-repeat; padding:53px 0px 0px 477px;}

.footer { position:relative; float:left; width:940px; height:auto; background:url(../images/footer.png) #ffffff no-repeat; padding:30px; }
.footermain { float:left; width:1000px; height:auto; background:#ffffff; }
.foot { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000; }
.share { width:82px; height:72px; background:url(../images/link.png) no-repeat; } 
.footerleft { float:left; width:440px; height:20px; padding-top:50px;}
.footerright { float:right; width:440px; height:70px; }
.newsletter { float:right; width:332px; height:35px; padding:35px 0px 0px 10px; background:url(../images/news.png) no-repeat right; }
.newsbg { background:url(../images/newsbg.png) no-repeat; width:230px; height:27px; }

/* Easy Slider */

	#slider{
		position:relative;
		float:left;
		left:35px;
		width:350px;
		top:25px;
		}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:340px;
		height:135px;
		overflow:hidden; 
		}	
	#prevBtn{ 
		display:block;
		width:30px;
		height:90px;
		left:5px;
		position:relative;
		top:90px;
		}	
	#nextBtn{
		display:block;
		width:30px;
		height:90px;
		position:relative;
		left:375px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/leftarrow.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/rightarrow.png) no-repeat 0 0;	
		}

/* Tiny Scrollbar */
#scrollbar1 { width: 580px;  background:#fff;}
#scrollbar1 .viewport { width: 530px; height: 80px; overflow: hidden; position: relative; text-align:justify; padding:10px; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-left:10px; margin: 0;font-family: verdana; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
/* Cart Style */
table.cfull th {
	background-color: #2e353e;
	height:30px;
	color:#fff;
	padding: 5px;
}
table.cfull td {
	border: 1px solid #2e353e;
	color: #000; 
	vertical-align: top;
	padding: 5px;
	
}

table.cfull {
	border-collapse:collapse;
	border-spacing:0px;
	vertical-align: middle;
	padding: 0px;font-size:12px;
	background:#dff1f9; border:1px solid #ccc;
}
/* END */

.needlayout
{
	float:left;	width:880px; height:auto;
}
.headingtext { float:left;  font-weight:bold; color:#000; font-size:17px; padding-top:10px; padding-left:0px; line-height:35px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #CCC; }
.itembg{ font-size:12px;font-family:verdana;  line-height:26px; text-align:center; background:url(../images/needitembg.png) no-repeat center; cursor:pointer;}
.itembg:hover{ font-size:12px;font-family: arial;  line-height:26px; text-align:center; background:url(../images/needitemhoverbg.png) no-repeat center; color:#fff; cursor:pointer;}

.selecteditem{ font-size:15px;font-family: arial;  line-height:26px; text-align:center; background:url(../images/needitemhoverbg.png) no-repeat center; color:#fff; cursor:pointer;}

.welcomeinner {float:left; width:605px; height:auto; border:1px solid #eacedd; background:#fff4fa;}

.welcomeinnerheading{float:left; width:auto !important; height:38px; line-height:40px; background:url(../images/welcometabbg.png) repeat-x; padding:0px 25px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;}
.welcomeinnercontent{float:left; width:585; height:auto; padding:0px 8px; color:#000; font-family:verdana; font-size:12px; text-align:justify;}

.welcomeinner1 {float:left; width:605px; height:auto; border:1px solid #eacedd; background:#faf5e7;}

.welcomeinnerheading1{float:left; width:auto; height:40px; line-height:40px; background:url(../images/welcometabbg1.png) repeat-x; padding:0px 25px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;}

.welcomeinnercontent1{float:left; width:585; height:auto; padding:0px 8px; color:#000; font-family:Arial; font-size:12px; text-align:justify;}

.welcomeinner2 {float:left; width:605px; height:auto; border:1px solid #eacedd; background:#fff4fa;}

.welcomeinnerheading2{float:left; width:auto; height:40px; line-height:40px; background:url(../images/welcometabbg.png) repeat-x; padding:0px 25px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; }


.welcomeinner3 {float:left; width:605px; height:auto; border:1px solid #eacedd; background:#faf5e7;}

.feedbackbg
{
	width:auto;
	height:auto;
	background:#e8e8e8;
	padding:10px;
}

.mund
{color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; background-color:#f36ac4;
}
.mund:hover
{color:#FFF; text-decoration:none; font-size:12px; background-color:#f6addd;
}

.howemotionalbg
{
	width:580px; height:auto; background:#fffdef;  border:1px solid #f2e8c7; font-family:Arial, Helvetica, sans-serif; 
}
/*/////////  PAging  /////////*/
ul.paging
{
margin:0px;
padding:0px;
list-style:none;
float:left;
vertical-align:middle;
text-align:center;
}
ul.paging li
{
margin:0px;
padding:0px;
float:left;
}
ul.paging li a
{
float: left;
padding-left:6px;
padding-right:6px;
padding-bottom:4px;
padding-top:3px;
margin-right:5px;
border:solid 1px #e39629;
text-decoration:none;
background:#FFFFFF;
color:#000;
}
ul.paging li.paging-active a, ul.paging li a:hover
{
background:#785132;
color:#FFF;
}
ul.paging li.paging-disabled a, ul.paging li.paging-disabled a:hover
{
cursor:default;
background:#FFFFFF;
border:solid 1px #e39629;
color:#BBBBBB;
}
ul.paging li.paging-current
{
padding:5px;
margin-right:5px;
border:solid 1px #e39629;
background:#FFFFFF;
color:#000;
}
/*******************/


.mailtext
{
	
}