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

* { padding: 0; margin: 0; outline: 0; }

body {
	font-size:12px;
	line-height: 1.4;
	font-family: "Lucida Grande", "Tahoma",  sans-serif;
	color: #101010;
	background: url('/img/grill.jpg') repeat;
	text-align: center;
}

a {
	text-decoration: none;
	color:#101010;
	padding: 0px 0px 0px 6px;
	display: inline-block;
	overflow:hidden;
	cursor: pointer;
}
a:hover {
	color:#000;
	text-decoration: underline;
}

a.white-button {
	background-attachment:fixed;
	background: transparent url('/img/white_button_a.png') no-repeat scroll top right;
    display: inline-block;
    height: 34px;
    margin:0;
    padding-right: 8px;
	font-weight:bold;
}

a.white-button span {
    background: transparent url('/img/white_button_span.png') no-repeat;
    line-height: 25px;
    display: inline-block;
	padding: 4px 6px 5px 14px;
}

a.white-button:hover {
	background-position: right -34px;
	text-decoration:none;
}

a.white-button:hover span {
    background-position: left -34px;
}


a.yellow-button {
	background-attachment:fixed;
	background: transparent url('/img/white_button_a.png') no-repeat scroll top right;
	background-position: right -68px;
    display: inline-block;
    height: 34px;
    padding-right: 8px;
	margin:10px 0px 10px 0;
}

a.yellow-button span {
    background: transparent url('/img/white_button_span.png') no-repeat;
	background-position: left -68px;
    line-height: 25px;
    display: block;
	padding: 4px 0px 5px 8px;
}

a.yellow-button:hover {
	background-position: right -34px;
	text-decoration:none;
}

a.yellow-button:hover span {
    background-position: left -34px;
}

a.less-padding span {
	padding: 4px 0px 5px 8px;
	font-weight:normal;
}

/*-----------------------*/
li.white-button {
	background-attachment:fixed;
	background: transparent url('/img/white_button_a.png') no-repeat scroll top right;
    display: inline-block;
    height: 34px;
    margin:0;
    padding-right: 8px;
	font-weight:bold;
}


li.white-button span {
    background: url("/img/white_button_span.png") no-repeat;
    display: inline-block;
    line-height: 25px;
    padding: 4px 6px 5px 14px;

}	
li.white-button:hover span {
	background-position: right -34px;
	text-decoration:none;
	color:#993300;
}
li.white-button:hover {
	background-position: right -34px;
	text-decoration:none;
}
/*-----------------------*/
.wrapper {
	width: 980px;
	margin:0 auto;
	text-align:left;
}

h2 {
	padding:0;
	margin:0;
	font-size:20px;
	color:#2f2f2f;
}

h3 {
	color:#2f2f2f;
	font-size:15px;
	font-weight:normal;
	padding-top:15px;
	padding-bottom:15px;
	margin:0;
}
h4 {
	margin: 15px 0;
}



/* HEADER */

.header {
	background: url('/img/header-bg2.png') repeat-x 0 0;
	height:60px;
	padding: 0 20px 0 20px;
}

.header h1 {
	width:124px;
	height:59px;
	font-size: 0; line-height: 0; text-indent: -4000px;
	background: url('/img/logo.png') no-repeat 0 -7px;
	float: left; display: inline;
}

.top-nav {
	float: right; display: inline;
	padding: 15px 0 0 0;
	line-height: 33px;
}
.top-nav a {
	float: left; display: inline;
	margin: 0 2px;
}
.top-nav a.white-button {
	line-height: 34px;
}
.top-nav li {
	float: left; display: inline;
	position: relative;
	
}


/* INTRO */

.intro-col {
	width:810px;
	display: block;
}

.intro {
	padding: 24px 20px 20px 20px;
	border-bottom:solid #d6d6d6 1px;
	height: 100%;
	position: relative;
}

.intro h2 {
	display:block;
	background-image: url('/img/imusti-is-music2.gif');
	background-repeat:no-repeat;
	line-height:500px;
	overflow:hidden;
	width:800px;
	height:37px;
	padding-bottom:20px;
}

.intro a {
	display:inline-block;
	/*line-height:35px;*/
	line-height:25px;
	padding-left:0px;
}
.intro .white-button { margin: 1px 4px 4px 0; float: left; display: inline; }

.intro h3 {
	margin:0;
	padding:5px 0 15px 0;
	width:450px;
}



/* BANNER */

.banner {
	padding:0;
	margin:0;
	border-bottom:solid #d6d6d6 1px;
	float:right;
}

#banner1 h3 {
	padding-left:160px;
	padding-top:23px;
}

#banner1 a {
	margin-left:152px;
	margin-top:105px;
}

#banner1 {
	display:block;
	width: 340px;
	height: 260px;
	background-image:url('/img/srad_satsangs.jpg');	
	padding:0;
	margin:0;
}



/* LOGIN */

.login-col {
	border-left:solid #d6d6d6 1px;
	width:340px;
	display:inline-block;
	margin:0;
}

.login {
	width:340px;
	background-color:#fffbe7;
	padding-left:20px;
	border-bottom:solid #d6d6d6 1px;
	height:262px;
	display:inline-block;
}

.login-box {
	width:259px;
	background-color:#f2eedb;
	border:solid #dddddd 1px;
	padding:0px 20px 0px 20px;
}

.login-box p {
	margin-top:10px;
	margin-bottom:5px;
}

.login-box div {
	padding:10px;	
}

.link-forgot {
	padding:0px;
}
.login-button {
	width:76px;
	text-align:center;
}






/* REGISTER */

.register {
	background-color:#f2eedb;
	padding:5px 10px 20px 20px;
	border:solid #d6d6d6 1px;
	position: absolute;
	margin-left:20px;
	width: 270px;
	top: 81px;
	right: 20px;
}

a.register-button {
	text-decoration:none;
	display:block;
	padding:0;
	margin-top:10px;
	line-height:500px;
	overflow:hidden;
	width: 262px;
	height: 63px;
	background-image:url('/img/create_button.png');
}

a.register-button:hover {
	background-position: 0px -63px;
}


.register p {
	padding:5px;
	margin:0;
	display:block;
}
.register form {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: solid 1px #d6d6d6;
}
.register .check {
	margin: 1px 0 3px 4px;
}
.register .check input {
	float: left; display: inline;
	margin-top: 2px;
	margin-right: 3px;
}
.register div {
	width:260px;
	padding:5px;
}
.register h3 {
	display:inline-block;
	width:260px;
	margin:0;
	padding-bottom:10px;
}






/* MOBILE */

.mobile {
	padding: 0 365px 0 220px;
	display:block;
	height: 177px;
	background-image:url('/img/mobile-imusti.png');
	background-repeat:no-repeat;
	background-position:40px bottom;
	border-bottom:solid #d6d6d6 1px;
	background-color:#f2f2f2;
}

.mobile h3 {
	padding-top:14px;
}

.mobile a {
	margin-left:-6px;
	margin-top:5px;
}

.mobile-rates {
	display:inline-block;
	margin-top:10px;
	margin-bottom:5px;
}








/* RECENTLY ADDED */

.recent {
	float: left; display: inline;
	padding:5px 20px 0px 40px;
	width:400px;
	height:255px;
}

.recent h3 {
	padding-bottom:5px;
}





/* COLLECTION */

.collection {
	background-color:#fffbe7;
	height: 100%;
	width: 810px;
	position: relative;
}

.collection h2 {
	padding:25px 0px 0px 20px;
	font-weight:normal;
}

.collection-list {
	list-style-type:none;
	margin:0;
	padding:0;
	display: block;
}

.collection-list li {
	display:block;
	padding:20px 10px 20px 20px;
	border-bottom:solid #e8e0b9 1px;
}
.collection-list li a.less-padding {
	padding-left: 2px;
}


.collection-list .image-list {
	float:left;
}

.collection-list .white-button {
	float:left;
	margin-top:35px;
}

.collection-list li.alt {
	background-color:#f2eedb;
	border-top:solid #FFFFFF 1px;
}
.collection-list a {
	display:block;
}






/* PARTNERS */

.partners {
	padding:10px 0px 34px 20px;
	border-bottom:solid #d6d6d6 1px;
	height: 100%;
	overflow: hidden;
}

.partners ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
}
.partners li {
	float: left; display: inline;
	list-style-type: none;
	margin:0;
	margin-right:14px;
}
.partners li div {
	display: table-cell;
	height: 45px; 
	vertical-align: bottom;
}
.partners img {
	background-color:#f2f2f2;
	border: medium #d6d6d6 1px;	
}







/* EXTRAS */


.video-holder { width: 810px; overflow: hidden; position: relative; margin-top: -1px; height: 100%; }
.video { position: relative; height: 351px; width: 810px; }
.video a.fullscreen-link { height: 21px; width: 77px; background: url(/img/fullscreen-link.png) no-repeat 0 0; font-size: 11px; color: #999; text-transform: uppercase; line-height: 20px; position: absolute; bottom: 12px; right: 13px; padding: 0; text-align: center; }

.video-actions { height: 92px; background: url(/img/video-actions.gif) repeat-x 0 0; color: #999; padding-top: 2px; }
.video-actions .section { width: 275px; background: url(/img/video-actions-section.gif) no-repeat right 0; float: left; display: inline; height: 74px; padding: 16px 22px 0 18px; }

.video-nav p { float: left; display: inline; font-size: 16px; width: 85px; color: #fff; }
.video-nav .buttons { float: right; display: inline; width: 180px; margin-top: 0; }
.video-nav .buttons a { float: right; display: inline; font-size: 11px; text-transform: uppercase; color: #999; margin-left: 5px; line-height: 20px; }
.video-nav .buttons a,
.video-nav .buttons a span { height: 21px; background: url(/img/video-nav-a.gif) no-repeat 0 0; padding: 0 0 0 5px; }
.video-nav .buttons a span { float: left; display: inline;  background-position: right 0; padding: 0 5px 0 0 ; }
.video-nav .buttons a.active,
.video-nav .buttons a:hover { color: #fff; text-decoration: none; }

.progressbar { padding-top: 18px; }

.video-actions .section h3 { font-size: 16px; color: #fff; padding: 0; }

.video-actions .next-video { width: 153px; background: transparent; padding-right: 0; }
.video-actions .next-video p { font-size: 10px; }
.video-actions .next-video p a { color: #909090; }
.video-actions .next-video p a strong { color: #d1d1d1; font-size: 12px; display: block; }

.video-actions .next-video p a:hover { color: #fff; text-decoration: none; }

.lists-holder { background: #e5e5e5; }

.playlist { width: 314px; float: left; display: inline; background: #fff url(/img/emb-bg.gif) repeat-x 0 bottom; padding: 32px 0 0 0; }
.playlist h2 { font-size: 16px; color: #101010; font-weight: normal; padding: 0; line-height: 26px; margin-bottom: 30px; padding-left: 20px; }
a.add-new-btn { height: 27px; width: 105px; background: url(/img/add-new-btn.gif) no-repeat 0 0; float: right; display: inline; font-size: 12px; line-height: 26px; padding-left: 10px; margin-right: 20px; }

ul.listing { list-style: none; border-top: 1px solid #e5e5e5; padding-top: 1px; }
ul.listing li.darker { background: #f5f5f5; }
ul.listing li a { display: block; padding: 5px 20px; }
ul.listing li a em { padding-right: 16px; font-style: normal; } 
ul.listing li a:hover,
ul.listing li.active a { background: #7f7f7f url(/img/white-arr.gif) no-repeat 288px 10px; color: #fff; text-decoration: none; }


ul.playlist { list-style: none; border-top: 1px solid #e5e5e5; padding-top: 1px; }
ul.playlist li.darker { background: #f5f5f5; }
ul.playlist li a { display: block; padding: 5px 20px; }
ul.playlist li a em { padding-right: 16px; font-style: normal; } 
ul.playlist li a:hover,
ul.playlist li.active a { background: #7f7f7f url(/img/white-arr.gif) no-repeat 288px 10px; color: #fff; text-decoration: none; } 

.songs-list { width: 474px; float: right; display: inline; padding: 19px 0 0 2px; background: #fff url(/img/lists-holder.gif) repeat-y 0 0; min-height: 390px; }
.songs-list h2 { font-size: 14px; color: #101010; line-height: 28px; padding-bottom: 13px; padding-left: 27px; }
a.facebook-link { height: 27px; width: 45px; background: url(/img/facebook-link.gif) no-repeat 0 0; padding-left: 30px; float: right; display: inline; font-size: 12px; font-weight: normal; margin-right: 12px; line-height: 24px; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.songs-list ul.listing li a { padding-left: 33px; position: relative; }
.songs-list ul.listing li a:hover,
.songs-list ul.listing li.active a { background: #4c4c4c url(/img/yellow-arr.gif) no-repeat 11px 8px; color: #fff; text-decoration: none; }

.songs-list ul.listing li a span.list-ico { height: 10px; width: 13px; background: url(/img/hovered-list-ico.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; right: 36px; top: 10px; display: none; }
.songs-list ul.listing li a span.x-ico { height: 9px; width: 9px; background: url(/img/hovered-x-ico.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute;  top: 10px; right: 20px; display: none;} 
.songs-list ul.listing li a:hover span.list-ico,
.songs-list ul.listing li.active a span.list-ico { display: inline; }

.songs-list ul.listing li a:hover span.x-ico,
.songs-list ul.listing li.active a span.x-ico { display: inline; }


.extra-footer { background: #111 url(/img/sec-footer.gif) repeat-y 265px 0; border-top: 1px solid #e7c326; color: #bbbbbb; }
.extra-footer a { color: #bbb; padding: 0; }
.extra-footer .col { width: 226px; float: left; display: inline; padding: 0 20px; padding-top: 22px; }
.extra-footer .col p { padding-bottom: 15px; }
.extra-footer .first-col p { padding-bottom: 5px; }

.extra-footer a.yellow-btn,
.extra-footer a.white-btn { color: #101010; font-size: 14px; line-height: 22px; text-align: center; display: inline-block; margin-bottom: 5px; } 

.extra-footer a.yellow-btn,
.extra-footer a.yellow-btn span { height: 23px; background: url(/img/yellow-btn.gif) no-repeat 0 0; padding: 0 0 0 10px; }
.extra-footer a.yellow-btn span { float: left; display: inline; background-position: right 0; padding: 0 10px 0 0 ; }

.extra-footer a.white-btn,
.extra-footer a.white-btn span { height: 23px; background: url(/img/white-btn.gif) no-repeat 0 0; padding: 0 0 0 10px; }
.extra-footer a.white-btn span { float: left; display: inline; background-position: right 0; padding: 0 10px 0 0 ; }

.bordered-section { border-bottom: 1px solid #292929; padding-bottom: 15px; margin-bottom: 18px; margin-left: -20px; position: relative; margin-right: -19px; padding-left: 20px; }

a.right-arr { background: url(/img/right-arr.gif) no-repeat right 5px; padding-right: 13px; }


.subscribe-form p { padding-bottom: 8px !important; } 
.subscribe-form span.field { height: 24px; width: 148px; background: url(/img/subscribe-field.gif) no-repeat 0 0; float: left; display: inline; margin-bottom: 24px; }
.subscribe-form span.field input { border: 0; background: transparent; padding: ; color: #676767; padding: 3px 5px; width: 138px; }
.subscribe-form input.subscribe-submit { height: 24px; width: 78px; background: url(/img/subscribe-submit.gif) no-repeat 0 0; float: left; display: inline; cursor: pointer; border: 0; font-size: 14px;}
a.plus-ico { background: url(/img/plus-ico.gif) no-repeat 0 4px; padding-left: 17px; }