*
{
margin:0;
padding:0;
}

body
{ 
	color:#000000;
	background:#FFFFFF;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	line-height: 1.1em;
}

ul { margin-left:30px;}       /* kill default 50px left padding and set 20px */

.container
{
width:965px; margin:0 auto;
}

.logo
{
	background: url(../images/22-shruti-logo-2.gif) no-repeat left 30px;
	margin: 12px 20px 10px 5px;
	position:relative;
	height:170px;
	width:265px;
}

.patent
{
	width:404px;
	height:68px;
	top:30px;
	margin: 20px 17px 0 275px;
	float:left;
	background: url(../images/patent-banner.gif) no-repeat left top;
	font-size:12px;
	color:#666;
	padding-top:8px;
}

.featured-video-homepage
{
	width:439px;
	height:154px;
	top:30px;
	margin: 20px 17px 0 260px;
	font-family: "century gothic", verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	float:left;
	background: url(../images/important-video.jpg) no-repeat left top;
	font-size:14px;
	color:#666;
	padding:10px;
}

.a-important-update
{
color:green;
text-decoration:none;
font-size:12px;
border-bottom: 1px solid #4F8729;
font-weight:bold;
}

.searchbox
{
	width:250px;
	height:25px;
	margin: -40px 17px 0 720px;
	float:left;
}


/* .preload1 {background: url(../images/grey-nav-tab.jpg) no-repeat;}
.preload2 {background: url(../images/green-nav-tab.jpg) no-repeat;} */

.menu2 {clear:both;padding:0 0 0 0px; margin-left:0px; list-style:none; height:32px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.menu2 li.top, .menu2 li.top_selected  {display:block; float:left; padding-right:5px;}

.menu2 li a.top_link {display:block; float:left; height:32px; line-height:32px; color:#000; text-decoration:none;  letter-spacing:1px; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer ; text-align:center;}

.menu2 li a.top_link_selected {display:block; float:left; height:32px; line-height:32px; color:#000; text-decoration:none; letter-spacing:1px; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}

.menu2 li a.top_link span {float:left; display:block; padding:3px 2px 0 1px; height:32px; width:130px;}

.menu2 li a.top_link_selected span {float:left; display:block; padding:3px 2px 0 1px; height:32px; width:130px;text-align:center;}

.menu2 li a.top_link span.down {float:left; display:block; padding:3px 2px 0 1px; height:32px;}

.menu2 li a.top_link_selected span.down {float:left; display:block; padding:3px 2px 0 1px; height:32px;}

.menu2 li a.top_link:hover {color:#fff; }

.menu2 li a.top_link_selected:hover {color:#000;}

/* .menu2 li a.top_link:hover span, .menu2 li a.top_link_selected:hover span {background: url(../images/green-nav-tab.jpg) no-repeat right top;} 

.menu2 li a.top_link:hover span.down, .menu2 li a.top_link_selected:hover span.down {background: url(../images/green-nav-tab.jpg) no-repeat right top;} */

.menu2 li:hover > a.top_link, .menu2 li:hover > a.top_link_selected {color:#fff;}

/* .menu2 li:hover > a.top_link span, .menu2 li:hover > a.top_link_selected span {background: url(../images/green-nav-tab.jpg) no-repeat right top;} 

.menu2 li:hover > a.top_link span.down, .menu2 li:hover > a.top_link_selected span.down {background: url(../images/green-nav-tab.jpg) no-repeat right top;} */

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:1px; top:32px; background: #fff; padding:3px; border:1px solid #d7d7d7; white-space:nowrap; width:150px; height:auto; z-index:300;}

.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;text-align:left;}

.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}

.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}

.menu2 :hover ul.sub li a:hover {background:#90B758; color:#fff;}

.menu2 :hover ul.sub li a.fly:hover {background:#90B758 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu2 :hover ul li:hover > a.fly {background:#90B758 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:130px; top:-4px; background: #fff; padding:3px; border:1px solid #d7d7d7; white-space:nowrap; width:150px; z-index:400; height:auto;}




h1
{
	color:#108CB8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:22px;
	font-weight:normal;
	margin: 20px 20px 0 20px;
}

.h1-center
{
	width:900px;
	color:#108CB8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:22px;
	font-weight:normal;
	text-align:center;
	margin-top:80px;
}

p
{
	color:#333333;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin: 10px 20px 10px 20px;
}

.a-text
{
color:#108CB8;
text-decoration:none;
border-bottom: 1px Dashed #4F8729;
font-weight:bold;
}

.a-text-bigger
{
color:green;
text-decoration:none;
border-bottom: 1px Dashed #4F8729;
font-weight:bold;
font-size:22px;
margin-left:60px;
}

.a-green-text-small
{
color:green;
text-decoration:none;
font-size:14px;
border-bottom: 1px Dashed #4F8729;
font-weight:bold;
}

.a-text-no-underline
{
color:#108CB8;
text-decoration:none;
font-weight:bold;
}

h2
{
	color:#108CB8;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:22px;
	font-weight:normal;
	margin: 0 10px 0 35px;
	position:relative;
	text-align:center;
}

.contents {

	float:left;

	border:1px solid #a8a8a8;

	width:965px;         /* we always want our menu to fill the available space */

	background:#FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:9pt;         /* this (and also below) sets the menu's font size */

	z-index:10;


}

.contents-footer-seperater
{
float:left;
width:965px;
height:100px;
background:#FFFFFF;
}


.footer-container
{
width:973px;
position:relative;
left:1px;
top:-4px;
height:115px;
margin: 0 auto;
clear:both;
}

.footer-headings
{
	color:#90B758;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	font-weight:bold;
	text-align:center;
}

.footer-left-side-image
{
	background: url(../images/footer-border-left.gif) no-repeat;
	float:left;
	width:6px;
	height:115px;
}

.footer-center-image
{
	background: url(../images/footer-1px-image.gif) repeat-x;
	float:left;
	width:957px;
	height:115px;
}

.footer-right-side-image
{
	background: url(../images/footer-border-right.gif) no-repeat;
	float:right;
	width:6px;
	height:115px;
}

.special_href {


	color:#A7A1A1;

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;         /* this (and also below) sets the menu's font size */

	text-decoration: none;

}

.normal_href {

	color:#800080;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;         /* this (and also below) sets the menu's font size */

}


.bottom-text {

	position:relative;        /* establish a menu-relative positioning context */
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
	width:965px;         /* we always want our menu to fill the available space */
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;         /* this (and also below) sets the menu's font size */
	left:0px;
	margin: 0 auto;
	clear:both;
}



/* HOMEPAGE */


.homepage-image-testimonial
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin: 30px 23px 30px 22px;
	left:0px;
	width:920px;
	height:324px;
	border: 1px solid #cccccc;

}

.homepage-left-section_container
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	left:0px;
	width:450px;
}

.homepage-right-section_container
{
	float:right;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	left:510px;
	top:0px;
	width:450px;

}

.homepage-welcome
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin: 0 5px 30px 10px;
	width:945px;
	overflow:auto;
}

.homepage-welcome-video
{
	position:relative;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:400px;
	height:365px;
	margin-left:30px;
	padding-top:10px;
}

.homepage-books
{
	position:relative;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:95%;
	font-weight:normal;
	float:left;
	width:485px;
	margin-left:30px;
	padding-top:5px;
	text-align: justify;
	height:365px;
	line-height:2em;
}

.homepage-highlight-demo-icon {
float:left;
width:80px;
height:80px;
padding-top:28px;
margin-left:20px;

}

.homepage-highlight-text1 {
float:left;
width:290px;
height:380px;
text-align:center;
padding-top:25px;
font-size:14px;
}

.homepage-highlight-text2 {
float:left;
width:235px;
height:380px;
text-align:center;
padding-top:25px;
font-size:14px;
}


.homepage-highlight-text3 {
float:left;
width:425px;
height:380px;
text-align:center;
padding-top:25px;
font-size:14px;
}


.homepage-welcome-a-text
{
color:#666;
text-decoration:none;
border-bottom: 1px solid #4F8729;
margin-bottom:10px;
}



/* flowplayer */
#page {
	background-color:#efefef;
	width:600px;
	margin:50px auto;
	padding:20px 150px 20px 50px;
	min-height:600px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	text-align:left;
}

.homepage-testimonials
{
	position:relative;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:940px;
	height:270px;
	margin-left:25px;
	text-align: justify;
	margin-bottom:30px;
}

.homepage-play-22-shruti-youself
{
	position:relative;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:960px;
	margin-left:5px;
	margin-top:10px;
	text-align: justify;
	margin-bottom:40px;
}

.homepage-play-22-shruti-youself p
{
font-size:15px;
}


.infiniteCarousel {
  width: 915px;
  position: relative;

}

.infiniteCarousel .wrapper {
  width: 845px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height:320px;
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 216px;
  width: 149px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}







.infiniteCarousel1 {
  width: 915px;
  position: relative;

}

.infiniteCarousel1 .wrapper {
  width: 840px; /* .infiniteCarousel1 width - (.wrapper margin-left + .wrapper margin-right) */
  height:230px;
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel1 ul a img {
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel1 .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel1 ul li {
  display:block;
  float:left;
  padding: 5px;
  height: 216px;
  width: 95px;
}

.infiniteCarousel1 ul li a img {
  display:block;
}

.infiniteCarousel1 .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 50px;
  cursor: pointer;
}

.infiniteCarousel1 .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel1 .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel1 .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel1 .back:hover {
  background-position: 0 -108px;
}





.infiniteCarousel2 {
 width: 550px;
 position: relative;
margin-left:-40px;
margin-top:40px;
}

.infiniteCarousel2 .wrapper {
  width: 480px; /* .infiniteCarousel2 width - (.wrapper margin-left + .wrapper margin-right) */
  height:540px;
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel2 ul a img {
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel2 .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel2 ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 420px;
  width: 465px;
}

.infiniteCarousel2 ul li a img {
  display:block;
  text-align:center;
  margin: 0 auto;
}

.infiniteCarousel2 .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.infiniteCarousel2 .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel2 .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel2 .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel2 .back:hover {
  background-position: 0 -108px;
}




.homepage-videos
{
	float:left;
	background:#fff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin: 0 15px 30px 20px;
	width:915px;
	height:320px;
	overflow:auto;

}

.homepage-videos-left
{
	color:#333333;
	background:#fff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:87%;
	font-weight:normal;
	float:left;
	width:429px;
}

.homepage-videos-right
{
	color:#333333;
	background:#fff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:87%;
	font-weight:normal;
	float:right;
	width:429px;
	margin-left:20px;

}

.homepage-research-instruments
{
	clear:both;
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin: 10px 15px 0 10px;
	width:400px;
	height:450px;
	clear:left;
}

.homepage-instruments
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:430px;
	height:200px;
	margin-left:20px;
	border: 1px solid #cccccc;
}

.homepage-research
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:right;
	width:430px;
	height:200px;
	margin-right:20px;
	border: 1px solid #cccccc;
}

.homepage-events
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:430px;
	height:60px;
	margin-left:20px;
	border: 1px solid #cccccc;
}

.homepage-news
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:right;
	width:430px;
	height:60px;
	margin-right:20px;
	border: 1px solid #cccccc;
}


.homepage-books
{
	position:relative;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:480px;
	height:500px;
	margin-left:20px;
	text-align: justify;
	margin-bottom:30px;
}

.book-showcase
{
	color:#fff;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:87%;
	font-weight:normal;
	float:left;
	width:250px;
	height:310px;

}



.homepage-demo-highlights
{
	clear:both;
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	line-height:2.0em;
	font-weight:normal;
	width:950px;
	height:400px;
	text-align: justify;
}


/* ABOUT DR OKE */

.about-left-image
{
	float:left;
	background: url(../images/about_dr_oke_1.jpg) no-repeat;
	width:322px;
	height:234px;
}

.about-center-image
{
	float:left;
	background: url(../images/about_dr_oke_2.jpg) no-repeat;
	width:322px;
	height:234px;
}

.about-right-image
{
	float:right;
	background: url(../images/about_dr_oke_3.jpg) no-repeat;
	width:321px;
	height:234px;
	float:left;


}

.about-medicine
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:430px;
	height:250px;
	margin-left:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	border: 1px solid #cccccc;
}

.about-music
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:right;
	width:430px;
	height:900px;
	margin-right:20px;
	border: 1px solid #cccccc;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:20px;
}

.about-music li{
line-height:2.3em;
}

.about-astrology
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:430px;
	height:130px;
	margin-left:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	border: 1px solid #cccccc;
}


.about-awards-section_container
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	left:0px;
	margin-top:3px;
	width:930px;
}

.about-awards
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	float:left;
	width:430px;
	height:310px;
	margin-left:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	border: 1px solid #cccccc;
}

.about-videos
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin: 0 23px 30px 0;
	left:5px;
	width:920px;
	height:500px;

}

.about-videos-left
{
	color:#333333;
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:90%;
	font-weight:normal;
	float:left;
	width:429px;
	height:420px;
	margin-left:20px;
	border: 1px solid #cccccc;
}

.about-videos-right
{
	color:#333333;
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:90%;
	font-weight:normal;
	float:right;
	width:429px;
	height:420px;
	margin-right:20px;
	border: 1px solid #cccccc;
	left:45px;
}

.video-center-div
{
width:550px;
height:500px;
margin:0 auto;
border:4px solid #d8d8d8;
}

.video-popup-contents {

	float:left;
	width:95%;         /* we always want our menu to fill the available space */
	height:95%;
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;         /* this (and also below) sets the menu's font size */
}


/* RESEARCH */

.border-center-div
{
width:925px;
margin:0 auto;
border:4px solid #d8d8d8;
}

h3
{
color:#000000;
font-weight:bold;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:15px;
margin: 0px 0px 0 20px;
}

.research-topics-buttons
{
width:925px;
margin:0 auto;
}

/* NEWS */

.year-tag-box
{
position:relative;
left:30px;
top:4px;
/* background: url(../images/2009.gif) no-repeat; */

.year-tag-box table td{

}

width:154px;
height:52px;
}

/* 22 Shruti Instruments */


infiniteCarousel_instruments {
  width: 380px;
  position: relative;

}

.infiniteCarousel_instruments .wrapper {
  width: 380px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height:320px;
  overflow: auto;
  min-height: 10em;
  margin: 0 00px;
  position: absolute;
  top: 0;

}

.infiniteCarousel_instruments ul a img {
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel_instruments .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel_instruments ul li {
  display:block;
  float:left;
  padding: 60px;
  width: 335px;
  height: 260px;
}

.infiniteCarousel_instruments ul li a img {
  display:block;
}

.infiniteCarousel_instruments .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.infiniteCarousel_instruments .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel_instruments .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel_instruments .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel_instruments .back:hover {
  background-position: 0 -108px;
}




.shruti-instruments-image-info-container
{
position:relative;
background:#f8f8f8;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:100%;
font-weight:normal;
left:0px;
width:920px;
height:400px;
margin-left:20px;
border: 1px solid #cccccc;
}

.shruti-instruments-image
{
position:relative;
background:#f8f8f8;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:100%;
font-weight:normal;
float:left;
width:390px;
height:350px;
}

.shruti-instruments-information-tab-container
{
position:relative;
background:#ffffff;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:75%;
font-weight:normal;
float:right;
top:-31px;
width:530px;
height:29px;
margin:0;
}

.shruti-instruments-information
{
position:relative;
background:#f8f8f8;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:100%;
font-weight:normal;
float:right;
width:530px;
height:350px;
}

.p-tip
{
	color:#333333;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:75%;
	font-weight:normal;
	margin: 10px 0px 10px 10px;
}

/* AJAX TABBED MENU FOR INSTRUMENTS */

#tabmenu
{ 
padding:0 0 0 0px;
margin:0;
list-style:none;
width:400px;
height:29px;
background:#fff;
position:relative;
z-index:200;
font-family:arial, verdana, sans-serif;
margin-top: 1px;

}

#tabmenu li 
{ 
display: inline;
overflow: hidden;
list-style-type: none;
width:132px;
text-align:center;
float:left;
} 

#tabmenu a
{ 
color: #666666;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
margin: 0px;
text-decoration: none;
cursor:pointer;
font-weight:bold;
width:132px;
height:29px;
text-align:center;
display:block;
float:left;
line-height:29px;
padding:1px 0 0 1px;

} 

#tabmenu a.active 
{ 
color: #108CB8;
background: url(../images/small-tab.gif) no-repeat;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
margin-top: 1px;
text-decoration: none;
font-weight:bold;
cursor:pointer;
width:132px;
height:28px;
padding:1px 0 0 2px;
text-align:center;
display:block;
float:left;
line-height:29px;

} 


#tabmenu a:hover 
{ 
color: #108CB8;
background: url(../images/small-tab.gif) no-repeat;
font-weight:bold;
height:30px;

} 

#tabmenu a:visited 
{ 
color: #E8E9BE;
} 

#tabmenu a.active:hover 
{ 
background: url(../images/small-tab.gif) no-repeat;
color: #108CB8;
height:28px;

}

#content
{
color:#333333;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:100%;
font-weight:normal;
z-index: 2;
height:350px;
width:520px;
overflow:auto;
}

.instrument-price
{
color:#4F8729;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:150%;
font-weight:bold;
}


.instrument-images-left
{
	position:relative;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:90%;
	font-weight:normal;
	float:left;
	width:447px;
	height:350px;
	margin-left:20px;
	border: 1px solid #cccccc;
}

.instument-videos-right
{
	position:relative;
	background:#f8f8f8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:90%;
	font-weight:normal;
	float:left;
	width:447px;
	height:350px;
	margin-left:20px;
	border: 1px solid #cccccc;
	overflow:auto;
}

.image-button
{
width:244px;
height:32px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
background: url(../images/green-button.gif) no-repeat;
}

.image-text
{
width:244px;
height:32px;
text-align:center;
padding-top:5px;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
font-size:90%;
font-weight:bold;
background: url(../images/green-button.gif) no-repeat;
}


.cssnav
{
width:244px;
height:32px;
color:#000000;
position: relative;
left:70px;
font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
background: url(../images/green-button-over.gif) no-repeat;
white-space: nowrap;
display: block;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #ffffff;
font-size: 11px;
width:244px;
height:32px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;
}

.cssnav img
{
width:244px;
height:32px;
border: 0
}

.cssnav a:hover
{
visibility:visible;
color: #000000;
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span.melodium
{
position: absolute;
left: 26px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.cssnav span.metallophone
{
position: absolute;
left: 19px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.cssnav span.veena
{
position: absolute;
left: 35px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


/* ORDER PAGE */

.order-welcome-section
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	width:883px;

}

.order-welcome-section li
{
	margin-bottom:10px;
}

.order-personal-info
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	padding-top:60px;
	padding-left:30px;
	width:883px;
	background: url(../images/step1.gif) no-repeat left top;

}

.order-customize-instrument
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	padding-top:60px;
	padding-left:30px;
	width:883px;
	background: url(../images/step2-harmonium.gif) no-repeat left top;

}


.order-customize-metallophone
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	padding-top:60px;
	padding-left:30px;
	width:883px;
	background: url(../images/step2-metallophone.gif) no-repeat left top;

}


.order-delivery-options
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	padding-top:60px;
	padding-left:30px;
	width:883px;
	background: url(../images/step3.gif) no-repeat left top;

}


.order-payment-options
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	padding-top:60px;
	padding-left:30px;
	width:883px;
	background: url(../images/step4.gif) no-repeat left top;

}

.order-verification
{
	float:left;
	background:#ffffff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size:100%;
	font-weight:normal;
	margin-left:40px;
	margin-top:3px;
	margin-bottom:30px;
	padding-left:1px;
	width:883px;
}

/* TESTIMONIAL */

.testimonial-center-div
{
width:780px;
margin:0 auto;
border:4px solid #86cbe3;
}

.border-center-div-outer
{
width:792px;
margin:0 auto;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#86cbe3; margin:0 5px 0 5px;}
.b2 {height:1px; background:#86cbe3; border-right:2px solid #86cbe3; border-left:2px solid #86cbe3; margin:0 3px 0 3px;}
.b3 {height:1px; background:#86cbe3; border-right:1px solid #86cbe3; border-left:1px solid #86cbe3; margin:0 2px 0 2px;}
.b4 {height:1px; background:#86cbe3; border-right:1px solid #86cbe3; border-left:1px solid #86cbe3; margin:0 1px 0 1px;}
.contentb {background: #86cbe3; border-right:1px solid #86cbe3; border-left:1px solid #86cbe3;}
.contentb div {margin-left: 1px;}


.b1-inner, .b2-inner, .b3-inner, .b4-inner {font-size:1px; overflow:hidden; display:block;}
.b1-inner {height:1px; background:#ffffff; margin:0 5px 0 5px;}
.b2-inner {height:1px; background:#ffffff; border-right:2px solid #ffffff; border-left:2px solid #ffffff; margin:0 3px 0 3px;}
.b3-inner {height:1px; background:#ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff; margin:0 2px 0 2px;}
.b4-inner {height:1px; background:#ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff; margin:0 1px 0 1px;}
.contentb-inner {background: #ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff;}
.contentb-inner div {margin-left: 5px;}