/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* OPENING
*/

BODY {
  background: #F2F2F2;
  color: #1A1A1A;
  font-family:Arial;
  font-size:12px;
  margin: 0px;
  padding:0 0 100px 0;
}

h1, p, body, html, iframe{
	margin:0;
	padding:0;
}

a {
  color:#1A1A1A;
  text-decoration: none;
  outline: none;
}

a:hover {
  color:#1A1A1A;
  text-decoration:none;
  outline: none;
}

img { 
 border: none;
 behavior: url(http://www.disbursedcollective.com/media/catalog/ie_fixes/iepngfix.htc);
 outline: none; 
}

div, a, input {behavior: url(http://www.disbursedcollective.com/media/catalog/ie_fixes/iepngfix.htc); }


/* HEADER
*/

TR.headerError {
  background: #FF0000;
}

TD.headerError {
  font-family: Arial;
  font-size: 12px;
  background: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Arial;
  font-size: 12px;
  background: #00FF00;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

#header_topbar {
	background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/header_top_home.jpg) repeat-x;
	padding:0px;
	}

#midheader_grey {
	background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/cntr_gradient_grey.jpg) repeat-x;
	padding:0px;
}

TABLE.cntr_header_grey {
 background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/cntr_gradient_grey.jpg) repeat-x;
	padding:0px;
}

#midheader_green {
	background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/cntr_gradient_green.jpg) repeat-x;
	padding:0px;
}

TABLE.cntr_header_green, TD.cntr_header_green {
 background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/cntr_gradient_green.jpg) repeat-x;
	padding:0px;
}

/* MENU
*/

TD.black_line {

}

#menu_white {
	background:#FFFFFF;
	padding:0px;
	border-top: 1px outset #cfcfcf;
	border-bottom: 1px outset #cfcfcf;
	}
	
TD.menu_title, a.menu_title {
  color:#1A1A1A;
  font-family:Arial;
  font-size:28px;
  text-transform: uppercase;
  padding-left:0px;
  padding-bottom:0px;
  text-align:center;
  text-decoration:none;
}

/* JQUERY MENU
*/

ul.topnav {  
    list-style: none;  
    padding-top: 1px;  
    margin: 0;  
    float: left;  
    width: 790px;  
    background: #222;  
    font-size: 1.2em;  
    background: url() repeat-x;
}
 
ul.topnav li {  
    float: left;  
    margin: 0;
    padding-top: 1px;  
    padding-left: 15px;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;  
    color: #1A1A1A;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover {  
    background: #1A1A1A;
    color: #FFFFFF;  
}  

ul.topnav li a.trigger {  
    background: #FFFFFF;
    text-transform: uppercase;
    color: #1A1A1A; 
    font-family: Arial;
    font-size: 28px;
     
}

ul.topnav li a.trigger:hover {  
    background: #1A1A1A;
    text-transform: uppercase;
    color: #FFFFFF; 
    font-family: Arial;
    font-size: 28px;
     
}

ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url() no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 15; top: 40px;  
    background: #1A1A1A;
    color: #FFFFFF;
    margin: 0; padding: 0;  
    display: none;
    z-index: 1000; 
    float: left;  
    width: 170px;  
    border: 1px solid #CCCCCC;  
}  
ul.topnav li ul.subnav li{ 
    background: #1A1A1A;
    color: #FFFFFF; 
    margin: 0; padding: 0;  
    border-top: 1px solid #CCCCCC; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  

html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #F2F2F2 url() no-repeat 10px center;  
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #CCCCCC url() no-repeat 10px center;  
}  


/* LEFT & RIGHT NAVIGATION
*/

TD.left_maintitle, a.left_maintitle {
  color:#1A1A1A;
  font: bold 16px Arial;
  text-transform: uppercase;
  padding-left:0px;
  padding-bottom:10px;
  text-align:left;
  text-decoration:none;
}

TD.left_subtitle1, a.left_subtitle1 {
  color:#1A1A1A;
  font-family: Arial;
  font-size:16px;
  padding-left:0px;
  padding-bottom:10px;
  text-align:left;
  text-decoration:none;
}

TD.right_subtitle1, a.right_subtitle1 {
  color:#1A1A1A;
  font-family: Arial;
  font-size:16px;
  padding-left:35px;
  padding-bottom:10px;
  text-align:left;
  text-decoration:none;
}

TD.xsell_text, a.xsell_text {
  color:#1A1A1A;
  font-family: Arial;
  font-size:12px;
  padding-left:0px;
  padding-bottom:0px;
  text-align:left;
  text-decoration:none;
}

a.merchXSELL {
  color:#1A1A1A;
  font-family: Arial;
  font-size:12px;
  padding-top:10px;
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  text-decoration:none;
	white-space: normal;
}

TD.most_list_ug, a.most_list_ug {
	padding-left:25px;
	direction: rtl;
}

/* CENTER
*/

a.headerNavigation { 
  color:#1A1A1A;
}

a.headerNavigation:hover {
  color:#1A1A1A;
	text-decoration: underline;
}

TD.page_autotitle, a.page_autotitle {
  color:#1A1A1A;
  font-family: Arial;
  font-size:16px;
  padding-top:20px;
  padding-bottom:10px;
  text-align:left;
  text-decoration:none;
}

TD.page_title, a.page_title {
  color:#1A1A1A;
  font-family: Arial;
  font-size:16px;
  padding-left:0px;
  padding-bottom:10px;
  text-align:left;
  text-decoration:none;
}

TD.page_subtitle, a.page_subtitle {
  color:#1A1A1A;
  font-family: Arial;
  font-size:16px;
  padding-left:0px;
  padding-bottom:0px;
  text-align:left;
  text-decoration:none;
}

TD.page_text, P.page_text {
  background:#F2F2F2;
  font-family: Arial;
  font-size: 12px;
  color:#1A1A1A;
  padding-left:20px;
  padding-right:10px;
  line-height: 1.5;
}

TABLE.searchHome, TD.searchHome {
    background: url(http://www.disbursedcollective.com/media/catalog/images/center/action_search.jpg) no-repeat;
	padding:0px;
	text-align: center;
}

TABLE.searchAVHOME, TD.searchAVHOME, a.searchAVHOME {
	color:#ffffff;
	font: 14px Arial;
	text-align: center;
}

TD.available_at, a.available_at {
  color:#1A1A1A;
  font: bold 16px Arial;
  padding-left:0px;
  padding-bottom:0px;
  text-align:left;
  text-decoration:none;
}

/* PLAYER
*/

TABLE.playerbk, TD.playerbk {
  background: #F2F2F2 url(http://www.disbursedcollective.com/media/catalog/images/player/player_bk.png) no-repeat;
}

TD.playerName, DIV.playerName {
  font-family: Arial;
  font-size: 16px;
  color: #FFFFFF;
  padding-left:20px;
}

TD.playerName2, DIV.playerName2 {
  color: #FFFFFF;
  font: 14px Arial;
  padding-left:20px;
}

TD.playerName_black, DIV.playerName_black {
  font-family: Arial;
  font-size: 16px;
  color: #1A1A1A;
  padding-left:20px;
}

TD.playerName2_black, DIV.playerName2_black  {
  color: #1A1A1A;
  font: 14px Arial;
  padding-left:20px;
}

TD.player_id, SPAN.player_id, P.player_id {
  font-family: Arial;
  font-size: 10px;
  color: #FFFFFF;
  padding-left:0px;
}

TD.share_bar, P.share_bar {
  background:#F2F2F2;
  font-family: Arial;
  font-size: 12px;
  color:#1A1A1A;
  padding-left:20px;
  padding-right:10px;
  line-height: 1.5;
}
/* FOOTER
*/

#footer_bottom {
	background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/footer_bottom.jpg) repeat-x;
	overflow: hidden;
	position: relative;
	font-family: Arial;
  	font-size: 12px;
  	color: #FFFFFF;
  	padding:0px 0px;
  	text-decoration:none;
  	list-style: none;
	z-index: 10005;
}

#footer_wide {
	background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/footer_bottom.jpg) repeat-x;
	font-family: Arial;
  	font-size: 12px;
  	color: #FFFFFF;
  	height:30px;
  	padding:30px;
  	text-decoration:none;
	}
	
#footer_ul {
	overflow: hidden;
	position: relative;
	font-family: Arial;
  	font-size: 12px;
  	color: #FFFFFF;
  	padding:0px 0px;
  	text-decoration:none;
  	list-style: none;
	}
	
#footer_li {
	overflow: hidden;
	position: relative;
	font-family: Arial;
  	font-size: 12px;
  	color: #FFFFFF;
  	padding:0px 0px;
  	text-decoration:none;
  	list-style: none;
	}
	
TD.footer, a.footer {
  font-family: Arial;
  font-size: 12px;
  color: #FFFFFF;
  padding:0px 0px;
  text-decoration:none;
}

a.footerLink {
	font-family:Arial;
	color:#FFFFFF; 
	text-decoration:underline;
	font-size: 12px;
}

 div#sticky_footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100px;
  z-index: 10000;
}
 @media screen{
  body>div#sticky_footer{
   position:fixed;
  }
 }
 
 * html body {
    overflow:hidden;
 }

 * html div#content{
  height:100%;
  overflow:auto;
 }
 
#slickbox{
	visibility:hidden;
}

#flashmusic{
	visibility:hidden;
}
	
/* SEARCH
*/	

TABLE.header_search, TD.header_search {
 	background: #000000 url(http://www.disbursedcollective.com/media/catalog/images/header/header_top_home.jpg) repeat-x;
	padding:0px;
}

TD.search_text, a.search_text {
  color:#FFFFFF;
  font-family:Arial;
  font-size:14px;
  padding-left:0px;
  padding-bottom:0px;
  text-align:center;
  text-decoration:none;
}

*.search {
	font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration:none;}

*.search:hover {
	font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration:none;}
    
TD.search_main, SPAN.search_main, P.search_main {
  font-family: Arial;
  font-size: 10px;
  color: #FFFFFF;
  padding-left:20px
  text-decoration:none;
}

TD.fieldKey {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #1A1A1A;
}

TD.fieldValue {
  font-family: Arial;
  font-size: 12px;
  color: #1A1A1A;
}
    
/* PRODUCT LISTING COLUMN
*/

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  border-spacing: 1px;
  background: #F2F2F2;
}

.productListing-heading {
  font-family: Arial;
  font-size: 12px;
  background: #F2F2F2;
  color: #1A1A1A;
  font-weight: bold;
}
.productListing-heading a{
  color: #1A1A1A;
  font-weight: bold;
}
.productListing-heading a:hover{
  color: #1A1A1A;
  font-weight: bold;
  text-decoration:underline;
}

TD.productListing-data {
  font-family: Arial;
  font-size: 12px; 
  color: #1A1A1A; 
}

TD.productListing-datapic {
  font-family: Arial;
  font-size: 12px;
  color: #1A1A1A;
  padding-top:10px;
  padding-bottom:10px;
}
TD.productListing-data a{
  font-family: Arial;
  font-size: 12px;
  color:#1A1A1A;
}
TD.productListing-data a:hover{
  font-family: Arial;
  font-size: 12px;
  color:#1A1A1A;
}

TR.productListing-even {
  background: #F2F2F2;
  color: #1A1A1A; 
}

TR.productListing-odd {
  background: #F2F2F2;
  color: #1A1A1A; 
}

TD.prod_count_text {
  font-family: Arial;
  font-size: 12px;
  color:#1A1A1A;
}

/* INFO BOX
*/

TD.infoBox, SPAN.infoBox {
  background: #F2F2F2;
  font-family: Arial;
  font-size: 12px;
  color: #1A1A1A; 
}

TR.infoBoxContents, TABLE.infoBoxContents, TD.infoBoxContents { 
  font-family: Arial;
  font-size: 16px; 
  color: #1A1A1A; 
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FF8E90;
  font-family: Arial;
  font-size: 12px;
}

TD.productName, DIV.productName {
  font-family: Arial;
  font-size: 16px;
  color: #1A1A1A;
  padding-left:20px;
}

TD.productName2, DIV.productName2 {
  font-family: Arial;
  font-size: 16px;
  color: #1A1A1A;
  padding-left:20px;
  padding-right:20px;
}

TD.info_main, P.info_main {
  background:#F2F2F2;
  font-family: Arial;
  font-size: 12px;
  color:#1A1A1A;
  padding-left:20px;
  padding-right:10px;
  line-height: 1.5;
}

/* LOGIN
*/

TD.loginPre, a.loginPre {
  color: #1A1A1A;
  font: 20px Arial;
  padding-left:20px;
}

TD.login, SPAN.login, P.login {
  color: #1A1A1A;
  font: 11px Arial;
}

TD.whitehead, P.whitehead {
  font-family: Arial;
  font-size: 13px;
  color: #1A1A1A;
  padding-left:20px;
  padding-right:10px;
}

TD.app_request, P.app_request {
  background:#F2F2F2;
  font-family: Arial;
  font-size: 8px;
  color:#1A1A1A;
  padding-left:20px;
  padding-right:10px;
  line-height: 1.5;
}

/* LIGHTWINDOW & POPUPS
*/

TD.featured, a.featured {
  font-family: Arial;
  font-size: 12px;
  color: #1A1A1A;
}

/* TWITTER
*/

a.twitterLink{
	font-family: Arial;
	font-weight: bold;
	color: #1A1A1A; 
}

a.twitterLink:hover{
	font: Arial;
	color: #1A1A1A;
	text-decoration:none;
}

DIV.twitterBox, a.twitterBox {
	background-color: #F2F2F2;
    color: #1A1A1A;
	text-decoration: none;
	font: italic 13px Arial;
	padding: 8px 10px;
	white-space: normal;
	border-style: solid;
	border-width: 1px;
	list-style-type: none;
}

/* SHARE PAGE
*/

TD.share_text {
  background-color: #CCCCCC;
  color: #1A1A1A;
  font: bold 14px Arial;
  text-transform: uppercase;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
}

TD.share_page {
  background-color: #CCCCCC;
  color: #CCCCCC;
  font-family: Arial;
  font-size: 14px;
  text-align: left;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:10px;
}

/* RIGHT HEADERS
*/


right_header1 {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#222;
	color:#FFFFFF;
	height:48px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:18px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:60px;
}

right_header2 {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#222;
	color:#FFFFFF;
	height:48px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:18px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:48px;
}

/* JS SLIDER BOTTOM
*/

#slider_bottom {
	background: #F2F2F2;
	overflow: hidden;
	padding:0px;
	float: left;
	width: 100%;
	padding-top: 0px;
	}

/* TOP TEN MODULE
*/

TD.top10_position, a.top10_position {
	padding-left:15px;
}

TD.top10_play {
	color:#1A1A1A;
	font: 14px Arial;
}

TD.top10_buy {
	color:#1A1A1A;
	font: 14px Arial;
	padding-left:5px;
}

TD.top10_song, a.top10_song {
	padding-left:15px;
	color:#1A1A1A;
	font: italic 14px Arial;
}

TD.top10_artist, a.top10_artist {
	padding-left:15px;
	color:#1A1A1A;
	font: 12px Arial;
}

TD.singles_next {
  font-family: Arial;
  font-size: 10px;
  color:#1A1A1A;
  padding-left: 15px;
  padding-right: 20px;
}


/* BUTTONS
*/

cont_button {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#4D4D4D;
	color:#FFFFFF;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	overflow: visible;
	top: -15px;
	left: 40px;
	position: relative;
}

back_button {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#4D4D4D;
	color:#FFFFFF;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	overflow: visible;
	top: -15px;
	left: 40px;
	position: relative;
}

prod_info {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#F2F2F2;
	color:#1A1A1A;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	overflow: visible;
	top: -15px;
	left: 8px;
	position: relative;
}

play_port {	
	cursor:pointer;
	overflow: visible;
	left: 25px;
	position: relative;
}

buy_small {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#4D4D4D;
	color:#FFFFFF;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	overflow: visible;
	top: -15px;
	left: 40px;
	position: relative;
}

buy_small_side {
	outline:1px outset #999;	
	border:1px solid #CCCCCC;	
	background-color:#4D4D4D;
	color:#FFFFFF;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	overflow: visible;
	top: -20px;
	left: 5px;
	position: relative;
}

slider_button {
	border:1px solid #CCCCCC;	
	background-color:#FFFFFF;
	color:#000000;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	position: relative;
	overflow: visible;
}

jplayer_show {
	padding-top: 5px;
	overflow: visible;
}

music_show {
	cursor:pointer;
	padding-left: 20px;
	z-index: 10000;
	margin-top: 10px;
	overflow: visible;
}

