@charset "utf-8";
/* 

Title : Sing Shop CSS
Author : Muhammad Atif Zia
URL : 

Description : This is the CSS file of Sing Shop. Copying is strictly prohibited, you can however take ideas from this.

 */


body {
	padding:0px;
	margin:0px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	font-family:  Arial, Verdana, Tahoma;
	}
	
	#wrapper-outer {
	padding:0px;
	margin:0px auto;
	width:100%;
	min-height:1000px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:1000px; /* for IE5.x and IE6 */
	background-image:url(../images/mic-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	
	
}

#wrapper {
	padding:0px;
	margin:0px auto;
	width:992px;
	min-height:1000px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:1000px; /* for IE5.x and IE6 */
	background-color:#FFFFFF;
	
}

#header {
	padding:0px;
	margin:0px;
	float:left;
	width:992px;
	height:125px;
}

#logo {
	padding:0px;
	margin:0px;
	float:left;
	width:322px;
	height:125px;
}

#advert {
	padding:0px;
	margin:0px;
	padding-top:17px;
	padding-right:35px;
	float:right;
	width:550px;
	height:86px;
}

#msg-email {
	padding:0px;
	margin:0px;
	padding-right:58px;
	padding-top:4px;
	float:right;
	width:550px;
	height:16px;
	text-align:right;
	font-family: Verdana, Tahoma, Arial;
	font-size:12px;
	color:#a2a2a2;
	}
	
#msg-email a{
text-decoration:none;
color:#a2a2a2;

}
#msg-email a:hover{
text-decoration:none;
color:#A176C6;

}
	
	
	
	
	


.hr-space {
	padding:0px;
	margin:0px;
	float:left;
	width:37px;
	min-height:10px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:10px; /* for IE5.x and IE6 */
}

a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


#menu {
	padding:0px;
	margin:0px;
	float:left;
	width:992px;
	height:81px;
}

#menu-lt {
	padding:0px;
	margin:0px;
	float:left;
	width:11px;
	height:81px;
	background-image:url(../images/menu-lt.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#menu-mid {
	padding:0px;
	margin:0px;
	float:left;
	width:904px;
	height:81px;
	background-image:url(../images/menu-bg.jpg);
	background-repeat:repeat-x;
	background-position:left;
	text-align:left;
	font-family:  Arial, Verdana, Tahoma;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

#menu-mid  ul {
	list-style-type:none;
	margin: 0;
	margin-left:0px;
	padding: 0;
	height:81px;
}

#menu-mid  li {
	float: left;
	padding-left:8px;
	padding-right:4px;
	padding-top:25px;
	margin-top:1px;
	text-align:center;
	height:56px;
}

#menu-mid  a {
	display:inline;
	text-decoration:none;
	font-size: 13px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#ffffff;
}

#menu-mid  .current {
	text-decoration:none;
	font-weight:normal;
	color:#A176C6;
	background-image:url(../images/menu-current.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	height:54px;
}

#menu-mid  .sep {
	text-decoration:none;
	font-weight:normal;
	color:#54594a;
}

#menu-mid  .sep:hover {
	text-decoration:none;
	font-weight:normal;
	color:#54594a;
	background:none;
}


#menu-mid  a:hover, #menu-mid li:hover, #menu-mid .current a {
	text-decoration:none;
	font-weight:normal;
	color:#5db5b6;
	background-image:url(../images/menu-current.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	height:54px;
}

#menu-rt {
	padding:0px;
	margin:0px;
	float:left;
	width:7px;
	height:81px;
	background-image:url(../images/menu-rt.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#paging {
	padding:0px;
	margin:0px;
	padding-top:3px;
	padding-left:60px;
	float:left;
	width:932px;
	height:22px;
	font-size: 13px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#9b9b9b;
}

.txtgreen {
	font-size: 13px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#A176C6;
}

.txtgreen11 {
	font-size: 11px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#A176C6;
}

.txtblack{
	font-size: 18px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#363636;
	display:inline;
}

.txtbrown {
	font-size: 18px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#726c50;
	display:inline;
}

.txtcream {
	font-size: 12px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#eeee25;
	display:inline;
}


#page-body {
	padding:0px;
	margin:0px;
	float:left;
	width:992px;
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
	background-color:#FFFFFF;
}

#page-left {
	padding:0px;
	margin:0px;
	float:left;
	width:680px;
	height:inherit;
	/* 
	min-height:730px; for modern browsers 
	height:auto !important;  for modern browsers 
	height:730px;  for IE5.x and IE6 */
}

#video-play {
	padding:0px;
	margin:0px;
	padding-left:37px;
	padding-bottom:13px;
	float:left;
	width:640px;
	height:337px;
}

#featured-lessons {
	padding:0px;
	margin:0px;
	margin-left:37px !important;
	margin-left:18px;
	float:left;
	background-image:url(../images/fet-lesson.jpg);
	background-repeat:no-repeat;
	width:640px;
	height:370px;
}

#lessons-up {
	padding:0px;
	margin:0px;
	float:left;
	width:640px;
	height:52px;
}

#lessons-top {
	padding:0px;
	margin:0px;
	padding-left:39px;
	padding-top:25px;
	float:left;
	width:301px;
	height:27px;
}

#lessons-top-paging {
	padding:0px;
	margin:0px;
	padding-right:37px;
	padding-top:29px;
	float:right;
	width:214px;
	height:20px;
	text-align:right;
	font-size: 12px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#726c50;
	display:inline;
}

#lessons-top-paging a { text-decoration:none; color:#726c50;}

#lessons-top-paging a:hover { text-decoration:underline; color:#726c50;}

#lessons-top-paging .txtorange {
	font-size: 12px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#dd914a;
	display:inline;
	text-decoration:none;
}

#lessons-top-paging .txtorange a {	text-decoration:none;	color:#dd914a;	}

#lessons-top-paging .txtorange a:hover {	text-decoration:underline;	color:#dd914a;	}

#lessons-btn-left {
	padding:0px;
	margin:0px;
	padding-top:115px;
	float:left;
	width:38px;
	height:155px;
	text-align:right;
}

#lessons-body {
	padding:0px;
	margin:0px;
	float:left;
	width:563px;
	height:264px;
	border:#eaeace 1px solid;
	background-color:#FFFFFF;
	
}

#lessons-body-image {
	padding:0px;
	margin:0px;
	padding-left:19px;
	padding-top:21px;
	float:left;
	width:201px;
	height:243px;
	background:url(../images/lesson-image-bg.jpg) no-repeat left;  
	
}

#lessons-body-content {
	padding:0px;
	margin:0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:33px;
	float:left;
	width:327px;
	height:231px;
	font-size: 11px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#5d5a4a;
	display:inline;
	
}

.txtbrown22 {
	font-size: 22px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#726c50;
	display:inline;
	text-transform:uppercase;
}

.txtbrown14 {
	font-size: 14px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#726c50;
	display:inline;
}

.txtorange11 {
	font-size: 11px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#dd914a;
	display:inline;
	text-decoration:none;
}

.txtorange11 a {	text-decoration:none;	color:#dd914a;	}

.txtorange11 a:hover {	text-decoration:underline;	color:#dd914a;	}

a.orangebtn {
    background: transparent url('../images/orange-btn-bg-right.jpg') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.orangebtn span {
    background: transparent url('../images/orange-btn-bg-left.jpg') no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
} 

a.greenbtn {
    background: transparent url('../images/green-btn-bg-right.jpg') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.greenbtn span {
    background: transparent url('../images/green-btn-bg-left.jpg') no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
} 

.txtltbrown {
	font-size: 12px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#9c9886;
	display:inline;
	line-height:20px;
}

.txtltbrown a {	color:#A176C6; text-decoration:none; }

.txtltbrown a:hover {	color:#A176C6; text-decoration:underline; }

.txtbrown-bg {
	font-size: 12px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#726c50;
	display:inline;
	background-color:#ffffe2;
	line-height:20px;
	
}

.txtorange22 {
	font-size: 22px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#dd914a;
	display:inline;
	text-transform:uppercase;
}

#lessons-btn-right {
	padding:0px;
	margin:0px;
	padding-top:115px;
	float:left;
	width:37px;
	height:155px;
	text-align:left;
}

#page-right {
	padding:0px;
	margin:0px;
	float:right;
	width:302px;
	min-height:730px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:730px; /* for IE5.x and IE6 */
}

.panel {
	padding:0px;
	margin:0px;
	padding-bottom:12px !important;
	padding-bottom:0px;
	float:left;
	width:269px;
	min-height:172px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:172px; /* for IE5.x and IE6 */
}

.panel-top {
	padding:0px;
	margin:0px;
	padding-left:24px;
	padding-top:8px;
	float:left;
	background-image:url(../images/panel-top.jpg);
	background-repeat:no-repeat;
	width:245px;
	height:27px; 
	font-family:"Myriad Pro", Arial, Verdana, Tahoma;
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
	
}

.green18 {
	font-family:"Myriad Pro", Arial, Verdana, Tahoma;
	font-size:18px;
	color:#A176C6;
	text-decoration:none;
}

.panel-mid {
	padding:0px;
	margin:0px;
	padding-left:23px;
	padding-right:15px;
	float:left;
	background-image:url(../images/panel-bg.jpg);
	background-repeat:repeat-y;
	width:231px;
	min-height:129px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:129px; /* for IE5.x and IE6 */
	font-family: Arial, Verdana, Tahoma;
	font-size:11px;
	color:#ffffff;
	
}

.txtbox {
	width:211px !important;
	height:18px;
	padding-top:5px;
	padding-left:8px;
	display:inline;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight:bold;
	color:#3b3b3b;
	background-image:url(../images/txbox-bg.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border:0px solid #454545;
	background-color:#454545;
	
}


.panel-bottom {
	padding:0px;
	margin:0px;
	float:left;
	background-image:url(../images/panel-btm.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:269px;
	height:8px; 
}

#payment {
	padding:0px;
	margin:0px;
	padding-left:23px;
	float:left;
	width:246px;
	height:180px; 
}

#footer {
	padding:0px;
	margin:0px;
	float:left;
	width:992px;
	height:189px;
	background-image:url(../images/footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#footer-links {
	padding:0px;
	margin:0px;
	float:left;
	width:680px;
	height:84px;
	text-align:center;
	font-family:  Arial, Verdana, Tahoma;
	font-size:11px;
	color:#5e5e5e;
	text-decoration:none;
}

#footer-links ul {
	list-style-type:none;
	margin: 0;
	margin-left:68px;
	padding: 0;
	
}

#footer-links  li {
	float: left;
	padding-left:4px;
	padding-right:4px;
	padding-top:25px;
	margin-top:1px;
	text-align:center;
	
}

#footer-links  a {
	display:inline;
	text-decoration:none;
	font-size: 11px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#5e5e5e;
}

#footer-links  .current {
	text-decoration:none;
	font-weight:normal;
	color:#5db5b6;
}

#footer-links  .singshop {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
}

#footer-links  .singshop:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#A176C6;
}

#footer-links .sep {
	text-decoration:none;
	font-weight:normal;
	color:#dcdcdc;
	
}

#footer-links .sep:hover {
	text-decoration:none;
	font-weight:normal;
	color:#54594a;
	background:none;
}


#footer-links a:hover, #footer-links .current a {
	text-decoration:none;
	font-weight:normal;
	color:#A176C6;
}

#innercontainer{
	margin:0px;
	padding:0px;
	margin-left:37px !important;
	margin-left:18px;
	margin-right:37px !important;
	margin-right:18px;
	padding-top:25px;
	padding-left:15px;
	padding-bottom:25px;
	float:left;
	width:899px;
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
	font-size:12px;
	color:#FFFFFF;
	background-color:#2C2D28;

}

#innercontainerforcontactus{
	margin:0px;
	padding:0px;
	margin-left:37px !important;
	margin-left:18px;
	margin-right:37px !important;
	margin-right:18px;
	padding-top:25px;
	padding-left:15px;
	padding-bottom:25px;
	float:left;
	width:899px;
	min-height:400px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:400px; /* for IE5.x and IE6 */
	font-size:12px;
	color:#FFFFFF;
	background-color:#2C2D28;

}

#inner-body {
	padding:0px;
	margin:0px auto;
	margin-left:36px !important;
	margin-left:18px;
	margin-right:32px !important;
	margin-right:16px;
	float:left;
	width:924px;
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
	}
	
#inner-body ul {
	list-style-type:none;
	margin: 0;
	margin-left:0px;
	padding: 0;
	height:30px;
}

#inner-body  li {
	float: left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	margin-top:1px;
	text-align:center;
	height:30px;
	font-size: 12px;
	font-weight:bold;
	font-family:  Arial, Verdana, Tahoma;
}

#inner-body  a {
	display:inline;
	text-decoration:none;
	font-size: 11px;
	font-weight:bold;
	font-family:  Arial, Verdana, Tahoma;
	color:#2f2f2d;
}

#inner-body  .current {
	text-decoration:none;
	font-weight:normal;
	color:#a275c6;
	background-image:url(../images/menu-current.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	height:54px;
}

#inner-body  .sep {
	text-decoration:none;
	font-weight:normal;
	color:#aca899;
}

#inner-body  .sep:hover {
	text-decoration:none;
	font-weight:normal;
	color:#54594a;
	background:none;
}


#inner-body a:hover, #inner-body li:hover, #inner-body .current a {
	text-decoration:none;
	font-weight:bold;
	color:#a275c6;
	height:30px;
}

ٔ#innercontainer ul{
	margin:0px;
	padding:0px;
	padding-left:50px;
	}
	
#innercontainer li{
line-height:25px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	
	}
	
#innercontainer li a {
	text-decoration:none;
	color:#FFFFFF;
		}
	
	#innercontainer li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	color:#A176C6;
		}



.pageheading{
	font-size: 18px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:bold;
	color:#A176C6;
	display:inline;
}
.pageheading1{
	font-size: 14px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:bold;
	color:#A176C6;
	display:inline;
}
.pagesubheading{
	font-size: 13px;
	font-family:  Arial, Verdana, Tahoma;
	font-weight:bold;
	color:#5db5b6;
	display:inline;
}

.row { 
padding-top: 5px;
clear: both; 
} 

.textcolumn { 
float: left; 
width: 150px; 
text-align: left; 
} 

div.fieldcolumn { 
margin-left: 160px; 
}

.textcolumn1 { 
float: left; 
width: 100px; 
text-align: left; 
} 

div.fieldcolumn1 { 
margin-left: 110px; 
}




.txtbox1 {
	width:211px !important;
	height:18px;
	padding-top:5px;
	padding-left:8px;
	display:inline;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight:bold;
	color:#FFFFFF;
	background-position:left;
	border:0px solid #454545;
	background-color:#454545;
	
}
.txtarea{
	width:211px !important;
	height:100px;
	padding-top:5px;
	padding-left:8px;
	display:inline;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight:bold;
	color:#FFFFFF;
	background-position:left;
	border:0px solid #454545;
	background-color:#454545;
	
}

.combo{
	width:219px !important;
	height:20px;
	padding-left:8px;
	display:inline;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight:bold;
	color:#FFFFFF;
	background-position:left;
	border:0px solid #454545;
	background-color:#454545;
	
}

.main-block {
	padding:0px;
	margin:0px;
	margin-left:37px !important;
	margin-left:18px;
	float:left;
	width:640px;
	height:inherit;
	font-size:12px;
	color:#FFFFFF;
	
}

.track-block{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	float:left;
	width:640px;
	height:100%;
	color:#FFFFFF;
	}
	

	
	

.paging-block{
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	float:left;
	width:640px;
	height:auto;
	color:#999999;
	font-size:12px;
	text-align:center;
	}
.paging-block a{
padding:5px;
text-decoration:none;
color:#999999;
	
	}

.paging-block a:hover, active{
text-decoration:none;
color:#A176C6;
	
	}
/*...............................corners......................*/
.bl {background: url(../images/bl.jpg) 0 100% no-repeat #454545; width: 640px; float:left; }
.br {background: url(../images/br.jpg) 100% 100% no-repeat; float:right;}
.tl {background: url(../images/tl.jpg) 0 0 no-repeat; float:left; width: 640px;}
.tr {background: url(../images/tr.jpg) 100% 0 no-repeat; padding:10px; min-height:175px; height:auto !important; height:175px; float:right;}
.clear {font-size: 1px; height: 1px}

.bigbl {background: url(../images/bl.jpg) 0 100% no-repeat #454545; width:924px; float:left; }
.bigbr {background: url(../images/br.jpg) 100% 100% no-repeat; float:right;}
.bigtl {background: url(../images/tl.jpg) 0 0 no-repeat; float:left; width: 924px; background-color:#2C2D28;}
.bigtr {background: url(../images/tr.jpg) 100% 0 no-repeat; padding:10px; min-height:175px; height:auto !important; height:175px; float:left; color:#FFF;}
.clear {font-size: 1px; height: 1px}


.titlename{
font-size:14px;
font-weight:bold;
color:#FFFFFF;


}

.tracktitle{
	padding:0px;
	margin:0px;
	float:left;
	width:315px;
	height:30px;
	line-height:30px;
	font-family:"Myriad Pro", Arial, Verdana, Tahoma;
	font-size:14px;
		}
	
.listentrack{
	padding:0px;
	margin:0px;
	float:left;
	width:305px;
	height:30px;
	font-family:"Myriad Pro", Arial, Verdana, Tahoma;
	font-size:14px;
	line-height:30px;
	text-align:right;
	
}
.trackcolumn{
padding-top: 5px;
padding-bottom:
width:620px;
height:auto;
clear: both; 
} 

.trackcolumn ul{
	padding:0px;
	padding-bottom:15px;
	padding-left:10px;
	margin:0px;
	font-weight:bold;
	font-size:13px;
	list-style:none;	
	
	}

.trackcolumn li{
	padding:0px;
	padding-left:20px;
	padding-top:5px;
	line-height:20px;
	background:url(../images/bullet-block.jpg) no-repeat;
	background-position: 0px 8px;
	}	
	
	.trackcolumn p{
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:5px;
	
	}
	

.trackimage{
	padding:0px;
	margin:0px;
	float:left;
	width:100px;
	height:125px;
	}

.trackinfo{	
	margin-left:115px;
	font-size:12px;
	}
.price{
	padding-top:5px;
	padding-left:15px;
	padding-bottom:10px;	
	width:100%;
	float:left;
	color:#A176C6;
	font-family:"Myriad Pro", Arial, Verdana, Tahoma;
	font-size:18px;
	text-decoration:none;
	}


.order{
	padding-top:5px;	
	text-align:right;
	width:30%;
	float:right;
	}


.question { 
padding-top: 10px;
padding-right:15px;
width:885px;
clear: both;
font-size:12pxpx;
font-weight:bold;
color:#A176C6;
 
} 


.answer { 
padding-top: 10px;
padding-right:15px;
width:885px;
clear: both; 
}