/*******************************************

	styles.css
	for Music of the Spheres
	
********************************************/

body, html {
	margin:0;
	padding:0;
	height:%100;
}

body {
	background-color:#000000;
}

.clear {
	clear:both;
}

a, a img {
	text-decoration:none;
	outline: none;
	border: none;
	color: #d5af3c;
}



a:hover {
	outline: none;
	text-decoration:underline;
}


img#bg {
 	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
} 

table, td, th {
   color: #000000;
	font-family: "Myriad Pro", sans-serif;
	font-size: 16px;
	line-height: 23px;
}
	
#container {
	width:100%;
	background: url('../images/bg.jpg') repeat center top;
} 

#wrapper {
	margin:0 auto;
	width:975px;

}

#main {
	position:relative;
	float:left;
	width:975px;
}

/*** Header styles ***/


#header {
	
	width:100%;
	
}

#header_left {
	width:50%;
	left:0;
	background: url('../images/bg_header_left.png') repeat-x;
	height:123px;
}

#header_right {
	width:50%;
	position:absolute;
	right:0;
	background:none repeat-x #000102;
	height:123px;
	margin-top:-123px;
	z-index:-1;
}

#header_text {
	width:975px;
	height:123px;
	background:  url('../images/bg_header.png') no-repeat;
	margin:-123px auto 0 auto;
}


h1 {
	background: url('../images/musicofthespheres_logo.png') left no-repeat;
	margin:0;
	float:left;
	height:123px;
	width:375px;
}

h1 a {
	display:block;
	text-indent: -9999px;
	height:123px;
	width:375px;
}

#searchwrapper {
	width:205px;
	height:19px;
	background:url('../images/search_box.png') no-repeat;
	padding:0px;
	margin:0px;
	position:relative; 
}

#upper_nav {
	float:right;
	color:#ffffff;
	font-family:"Trebuchet MS", sans-serif;
	font-size:13px;
	margin:8px 30px 0 0;
	width:370px;
}

#upper_info {
	float:right;
}

#upper_nav a {
	color:#ffffff;
}


#search {
	width:205px;
	float:right;
	margin:10px 0 0 0;
	
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
	border:0px; 
	background-color:transparent; 
	position:absolute; 
	width:156px;
	height:17px;
	left:0;
	font-size:13px;
	font-family:"Times New Roman", serif;
	padding-left:9px;
}
 
.searchbox_submit {
	border:0px; 
	background-color:transparent; 
	position:absolute;
	width:33px;
	height:19px;
	left: 169px;
}
	


/*** Nav bar styles ***/

#nav {
	background: url('../images/bg_nav_rpt.gif')  repeat-x;
	padding:0;
	height:57px;
	
}

#nav a {
	text-decoration:none;
}

#nav_text {
	width:975px;
	margin:0 auto;
	background: url('../images/bg_nav.gif')  no-repeat;
	height:57px;
}

#nav ul {
	margin:0 0 0 107px;
	padding:0;
}

#nav li {
	float:left;
	list-style-type:none;
}



#nav li a {
	color:#ffffff;
	font-size:18px;
	font-family:"Times New Roman", serif;
	display:block;
	padding:17px 0 0 0;
	height:39px;
	text-align:center;
}



#nav li a.products {
	width:190px;
}	

#nav li a:hover.products {
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.products_on {
	width:190px;
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.faqs {
	width:95px;
	margin-left:1px;
}

#nav li a:hover.faqs {
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.faqs_on {
	width:95px;
	margin-left:1px;
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.events {
	width:224px;
	margin-left:2px;
}

#nav li a:hover.events {
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.events_on {
	width:224px;
	margin-left:2px;
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.news {
	width:102px;
	margin-left:1px;
}

#nav li a:hover.news {
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.news_on {
	width:102px;
	margin-left:1px;
	background: url('../images/bg_nav_on.gif')  no-repeat;
}


#nav li a.about {
	width:147px;
	margin-left:1px;
}

#nav li a:hover.about {
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

#nav li a.about_on {
	width:147px;
	margin-left:1px;
	background: url('../images/bg_nav_on.gif')  no-repeat;
}

/*** Home page styles ***/

#left_hp {
	width:542px;
	background: url('../images/cursive_hp.png') top no-repeat;
	float:left;
	margin:27px 0 0 25px;
}

#left_hp p {
	font-size:14px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	line-height:22px;
	padding:0 0 0 18px;
	margin:10px 0 0 0;
}

#left_hp h3 {
	font-size:24px;
	font-family:"Times New Roman", serif;
	color:#000000;
	margin:53px 0 0 0;
	padding:0 0 0 18px;
	font-weight:normal;
	text-transform:uppercase;
	font-weight: normal;
}

/*** Calendar styles ***/


#calendar {
	background-color:#000000;
	width:345px;
	height:410px;
	float:right;
	margin:57px 44px 0 0;
}

 #inner_calendar {
	margin:10px;
	border:2px solid #ffffff;
	height:305px;
	background: url('../images/cal_events.gif') top no-repeat;
	padding:81px 0 0 0;
}



#calendar .event {
	float:left;
	margin:0 0 20px 10px;
	width:280px;
}

#calendar .event img {
	float:left;
	margin:0;
	border:none!important;
}

#calendar p {
	float:left;
	font-size:12px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	margin:0 0 0 15px;
	width:195px;
}

#calendar h6 {
	float:left;
	font-size:15px;
	font-family:"Times New Roman", serif;
	color:#c4a137;
	margin:0 0 0 15px;
	font-weight: normal;

}

#calendar h6 a {
	font-size:15px;
	font-family:"Times New Roman", serif;
	color:#c4a137;
	font-style:italic;
	font-weight:normal;
}


#mcs_container {
    height: 288px;
    margin-left: 0;
    top: 0;
    width: 298px;
}


/*** Products page styles ***/

.filter {
	float:left;
	margin:24px 0 0 44px;
	
}

.filter label {
	color:#ffffff;
	font-size:13px;
	font-family:Arial, sans-serif;
	margin:0 6px 0 0;
}

.filter select {
	width:136px;
	font-size:10px;
	font-family:Arial, sans-serif;
}

.view {
	float:right;
	margin:24px 42px 0 0;
}

.view a {
	color:#ffffff;
	font-size:13px;
	font-family:Arial, sans-serif;
}

#products {
	float:left;
	width:975px;
	margin:25px 0 69px 0;
}

#products img.chime_set {
	margin:0 0 15px 0;
	width: 196px;
	float: left;
}

#prod_left {
	float:left;
	width:377px;
	margin:0 0 0 82px;
}

#prod_right {
	float:right;
	width:377px;
	margin:0 84px 0 0;
}

#prod_left h2 {
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	font-size:23px;
	font-family:"Times New Roman", serif;
	font-weight:normal;
}

#prod_right h2 {
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	font-size:23px;
	font-family:"Times New Roman", serif;
	font-weight:normal;
}

.prod_box {
	width:374px;
	height:397px;
	border:1px solid #ffffff;
	background-color:#000000;
	float:left;
	font-family:Arial, sans-serif;
	margin:0 0 37px 0;
}

.prod_inner {
	margin:13px;
	height:354px;
	background-color:#ffffff;
	padding:17px 15px 0 23px;
}



.prod_box p {
	float:left;
	margin:0 0 6px 0;
	font-size:13px;
	color:#6a6b6d;
	line-height:17px;
}

.prod_box h3 {
	margin:0 0 8px 0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:18px;
}

.prod_box ul {
	float:right;
	padding:0;
	width: 80px;
	margin:3px 14px 0 0;
}

.prod_box li {
	list-style-type:none;
	font-size:15px;
	color:#c4a137;
	width: 80px;
	margin:0 0 5px 0;
}

.prod_box li a {
	display:block;
	background: url('../images/sound.gif') right no-repeat;
	height:17px;
	float:left;
	margin:0 0 5px 0;
	color:#c4a137;
	font-weight:normal;
	width:98px;
	font-size:12px;
}

.prod_box img {
	float:left;
}

.prod_box h4 {
	float:left;
	margin:0 0 7px 0;
	font-size:13px;
}

/*** Size Chart styles ***/

#chart {
	background-color:#ffffff;
	height:1198px;
	width:873px;
	font-family:Arial, sans-serif;
	float:left;
	position:absolute;
	left:52px;
	top:76px;
	opacity:0.97;
}

#chart_inner {
	background: url('../images/chart.gif') top no-repeat;
	float:left;	
	padding:0 0 0 51px;
	width:822px;
	height:1116px;
}

#chart h3 {
	font-family:"Times New Roman", serif;
	font-size:29px;
	font-weight:normal;
	float:left;
	margin:14px 0 12px 30px;
}

#chart .close {
	background: url('../images/close.gif') no-repeat;
	float:right;
	height:27px;
	width:27px;
	margin:10px 25px 0 0;
}

#chart .close a {
	height:27px;
	width:27px;
	display:block;
}

#chart p {
	font-size:14px;
	margin:0 0 10px 0;
}

#chart #text {
	margin:363px 0 17px 0;	
}


#chart .info_box {
	float:left;
	width:237px;
	height:62px;
	margin:0 11px 8px 0;
}

#chart .nmb {
	float:left;
	width:29px;
	height:62px;
	background-color:#000000;
	color:#7ba9d0;
	font-weight:bold;
	margin:0 1px 0 0;
}

#chart .nmb p {
	font-size:16px;
	margin:0;
	padding:20px 0 0 10px;
}


#chart .specs {
	float:left;
	width:207px;
	height:62px;
	background-color:#000000;
	color:#ffffff;
}

#chart .specs li {
	list-style-type:none;
	font-size:12px;
	margin:0;
	padding:0;
	height:14px;
	line-height:13px;
}

#chart .specs span.left {
	text-align:right;
	display:block;
	float:left;
	width:102px;
}

#chart .specs span.right {
	text-align:left;
	display:block;
	float:left;
}

#chart .specs ul {
	margin:0;
	padding:3px 0 0 0;
}

#chart ul.descript li {
	list-style-type:none;
	font-size:14px;
	margin:0 0 13px 0;
}

#chart ul.descript li span {
	font-weight:bold;
}

#chart ul.descript {
	margin:19px 0 0 0;
	padding:0;
	float:left;
	width:774px;
}
	

/*** Order form styles ***/

a.back {
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#ffffff;
	float:left;
	display:block;
	margin:25px 0 0 42px;
}

a.dwnld {
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#ffffff;
	float:right;
	display:block;
	background: url('../images/pdf.png') left no-repeat;
	padding:11px 0 0 49px;
	height:27px;
	margin:14px 42px 0 0;
}


#order_form {
	margin:15px 0 0 30px;
	float:left;
	width:975px;
}

#order_form table {
	float:left;
	width:911px;
	margin:0 0 46px 3px;
}

#order_form img.thumb {
	float:left;
	margin:0 19px 0 0;
}

#order_form h2 {
	float:left;
	margin:0 0 10px 0;
	text-transform:uppercase;
	color:#ffffff;
	font-family:"Times New Roman", serif;
	font-weight:normal;
	font-size:25px;

}


#order_form td.type {
	text-transform:uppercase;
	color:#000000;
	font-family:"Times New Roman", serif;
	font-size:12px;
	
}

#order_form td {
	font-family:Arial, sans-serif;
	font-size:15px;
	color:#000000;
	padding-bottom:6px;
}


#order_form td span{
	font-weight:bold;
	padding:0 6px 0 0;
	margin-left:50px;
}

#order_form td input {
	width:24px;
	height:15px;
}

#order_form td input.qty_total {
	width: 44px;
	border: 0;
	background:transparent
}

#order_form .total {
	float:left;
	margin:-12px 0 75px 721px;
}

#order_form .total p {
	color:#ffffff;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:17px;
	margin:0;
}

#order_form .total span {
	color:#000000;
}

#order_form .total a {
	display:block;
	margin:22px 0 0 60px;
	width:101px;
}


/*** Login styles ***/

#login_box {
	width:890px;
	min-height:372px;
	height: auto !important;
	height: 372px;
	background-color:#000000;
	border:1px solid #ffffff;
	margin:30px 0 0 41px;
	float:left;
}

#login_inner {
	background-color:#ffffff;
	margin:17px;
	width:856px;
	min-height:338px;
	height: auto !important;
	height: 338px;
}

#login_box #col_left {
	float:left;	 
	width:335px;
	background: url('../images/divider.gif') right no-repeat;
	margin:36px 0 0 112px;
}

#login_box #col_left a {
	display:block;
	color:#4a4747;
	font-size:11px;
	font-family:Arial, sans-serif;
	text-decoration:underline;
	line-height:18px;
}

#login_box #col_right {
	float:right;
	width:250px;
	margin:36px 75px 0 0;
}

#login_box h4 {
	color:#08498a;
	font-size:22px;
	font-family:"Times New Roman", serif;
	float:left;
	font-weight: normal;

	margin:26px 0 0 28px;;
}

#login_box p {
	margin:0;
	font-family:Arial, sans-serif;
	font-size:13px;
}

#login_box #col_left p {
	line-height:24px;
}

#login_box .forgot {
	margin:14px 0 24px 0;
} 

#login_box #col_right p {
	margin:0 0 11px 0;
}



#login_box  h5 {
	color:#08498a;
	margin:-16px 0 13px 0;
	font-weight: normal;

	font-family:"Times New Roman", serif;
	font-size:18px;
}

.reg {
	font-family: Arial, sans-serif;
font-size: 13px;
}

/*** About styles ***/


#about_us {
	float:left;
	width:891px;
	margin:30px 42px 24px 42px;
}

#about_us #left_col {
	width: 630px;
	float: left;
}

#gallery {
	width:525px;
	float:left;
}


#news {
	width:625px;
	float:left;
}

#news p {
	
	width:625px !important;
}


.large_pic {
	float:left;
	background: url('../images/crew.gif') center no-repeat #000000;
	border:1px solid #ffffff;
	padding:13px;
	width:359px;
	height:270px;
}

.top_pic {
	float:left;
	background: url('../images/larry1.gif') center no-repeat #000000;
	border:1px solid #ffffff;
	padding:6px;
	width:103px;
	height:128px;
	margin:0 0 16px 9px;
}

.bottom_pic {
	float:left;
	background: url('../images/larry2.gif') center no-repeat #000000;
	border:1px solid #ffffff;
	padding:6px;
	width:103px;
	height:125px;
	margin:0 0 0 9px;
}

#side_nav {
	float:right;
}

#side_nav li {
	list-style-type:none;
	border-bottom:1px solid #ffffff;
	width:184px;
}

#side_nav li.find {
	border-bottom:none;
	width:200px;
}

#side_nav a {
	color:#000000;
	font-size:18px;
	font-family:"Myriad Pro", sans-serif;
	padding:8px 0 0 40px;
	display:block;
	margin:0 0 0 -26px;
	height:31px;
	text-decoration:none;
}	

#side_nav a:hover, #side_nav a.on {
	background: url('../images/music_notes.png') left no-repeat;
}

#about_us h2 {
	margin:35px 0 5px 0;
	color:#ffffff;
	font-family:"Times New Roman", serif;
	font-size:23px;
	font-weight: normal;
	text-transform: uppercase;
}

#about_us h3 {
	margin:0 0 15px 0;
	float:left;
	color:#ffffff;
	font-family:"Times New Roman", serif;
	font-size:18px;
	font-weight: normal;
	text-transform: uppercase;
}

#about_us p {
	margin:0 0 14px 0;
	float:left;
	color:#000000;
	font-family:"Myriad Pro", sans-serif;
	font-size:16px;
	line-height:23px;
}

#about_us p span {
	color:#ffffff;
}

/*** Orders page ***/

#order_table {
	margin: 0; padding: 0;
	width: 540px; 
	float: left;
	font-family: arial, sans-serif;
}

#order_table table {
	width: 520px; 
	margin: 10px 0 0 25px;
}

#order_table thead th, #order_table tfoot th {
	text-align: left;
	color: #08498a;
	font-size: 14px; 
	font-family: arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#order_table td {
	font-size: 13px;
}

#order_table tr td, #order_table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
}

#order_table a, #order_side a {
	color: #c4a137;
}

#order_top_page {
	margin: 30px 0 0 30px;
	float: left;
	font-size: 11px;
}

#order_bottom_page {
	margin: 20px 30px 10px 0;
	float: right;
	color: #c4a137;
	font-size: 11px;
}

#order_bottom_page a {
	color: #000;
	font-size: 11px;
}

#order_side {
	margin: 0 0 10px 0;
	width: 250px;
	float: right;
	text-align: center;
}

#order_nav {
	margin: 0 20px 0 0;
	*margin: 10px 30px 0 0;
	float:right;
	text-align: left;
}

#order_nav li {
	list-style-type:none;
	border-bottom:1px solid #000;
	width:210px;
}

#order_nav li.find {
	border-bottom:none;
}

#order_nav a {
	color:#000000;
	font-size:17px;
	font-family:"Myriad Pro", Helvetica, sans-serif;
	padding:8px 0 0 40px;
	display:block;
	margin:0 0 0 -35px;
	height:31px;
	text-decoration:none;
}	

#order_nav li li {
	margin: 0; padding: 0;
	border-bottom: none; 
}

#order_nav li li a {
	font-size: 15px;
	color: #c4a137;
	height: 18px;
}

#order_nav a:hover, #order_nav a.on {
	background: url('../images/music_notes.png') left no-repeat;
}

#order_nav li ul {
	margin: 0  0 10px -20px;
}

#order_nav li li a:hover, #order_nav li li a.on {
	background: none;
}

#side_box {
	width: 200px; 
	margin: 0 20px 20px 0; padding: 0;
	font-family: arial, sans-serif;
	background: #e9e9e9;
	padding: 15px;
	display: block;
	font-size: 12px;
	float: right;
	border-top-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-right-radius: 10px 10px; 
	border-bottom-left-radius: 10px 10px;
	text-align: left;
}

#side_box p {
	margin: 4px 0 0 0;
	font-size: 12px;
}

#side_box p strong {
	margin-bottom: 4px;
}

/*** Footer styles ***/

#footer {
	background-color:#000000;
	width:100%;
	height:361px;
	margin:39px 0 0 0;
	padding:14px 0 0 0;
}


#footer_text {
	margin:0 auto;
	width:975px;
}

#footer_top {
	background:url('../images/lines.gif')  top no-repeat #000000;
	padding:37px 0 0 85px;
}


#footer #links {
	float:left;
}

#footer #links a {
	color:#c4a137;
	font-size:14px;
	font-family:Arial, sans-serif;
	}

#footer #links h5 {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	font-family:"Times New Roman", serif;
	margin:0 0 8px 0;
}

#footer #links li {
	list-style-type:none;
}

#footer #links ul {
	padding:0;
	margin:0;
}

#footer .col_one {
	float:left;
	width:215px;
}

#footer .col_two {
	float:left;
	width:170px;
}

#footer .col_three {
	float:left;
	width:180px;
}

#footer .col_four {
	float:left;
	width:180px;
}

#footer .sign_up {
	float:left;
}

#footer .sign_up h5 {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	font-family:"Times New Roman", serif;
	margin:0 0 11px 0;
}

#footer .sign_up p {
	color:#ffffff;
	font-size:14px;
	font-family:Arial, sans-serif;
	margin:0 0 12px 0;
}

#footer .sign_up span {
	color:#ffffff;
	font-size:14px;
	font-family:Arial, sans-serif;
	margin:0;
	padding:0 23px 0 3px;
}

#footer input[type="text"] {
	width:194px;
	margin:0 0 11px 0;
	padding-left:8px;
}

#footer input[type="image"] {
	margin:17px 0 0 0;
}

#footer input {
	font-family:"Times New Roman", serif;
}	

#footer #copyright {
	text-align:center;
	color:#dcdedf;
	font-family:"Times New Roman", serif;
	width:975px;
	background:url('../images/lines.gif')  top no-repeat;
	margin:38px 0 0 0;
	padding:20px 0 0 0;
}

#footer #copyright a {
	color:#c4a137;
}

/*** Slider styles ***/
#slider {
	margin:18px 0 0 29px;
	float:left;
	border:2px solid #ffffff;
}

.accordion li > h2.winter {
	height:46px!important;
	font-weight: normal;

} 

.accordion li > div img {
	width:696px;
}

.accordion li > h2.selected {
	color:#ffffff;
	font-weight: normal;

}


/*** Accordian slider styles ****/
@charset 'utf-8';
/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion { text-align: left; font-family: "Times New Roman", serif; padding: 9px; background: #030303;}
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block; padding-right: 0; text-align: center; height: 90%; margin-top: 2px; font-weight: normal; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);	font-weight: normal; }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: visible; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Basic */
.basic li > h2 { background-color:#13120d; color: #54697f; line-height: 1.8em; border:1px solid #ffffff; width:411px!important; font-weight: normal; }
.basic li > div h3 { margin: 15px 10px; font-weight: normal; }
.basic li > div p { margin: 10px; font-size: 14px; }

/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 9px; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
	box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 18px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; border:2px solid #ffffff; font-weight: normal;}
.dark li > h2 span { background: #353535; color: #5b7387; font-weight: normal; }
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; font-weight: normal; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); font-weight: normal; }
.dark h2.selected b { background: #434343\9; font-weight: normal; }
.dark li > div { background: #030303; margin-left: 3px; }

/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: normal; }

/***************************************** Light */
/**************************************** Stitch */


/* Tiny Scrollbar */
#scrollbar1 { width: 309px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 288px; height: 282px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/scroll_arrows.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent none 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; }