@import url(pix/css/lightbox.css);

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font: normal 9pt/14pt Trebuchet MS, sans-serif;;
}

#framecontentTop, #framecontentBottom{
position: fixed;  /*Change this from absolute to stop Opera scrolling background*/
top: 0; 
left: 0; 
width: 100%; 
height: 100px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
background: url(images/top_gradient.gif) bottom left repeat-x;
color: black;
}

#framecontentBottom{
position:absolute; /*Add this top position changed to fixed to display shadow*/
top: 551px; /*Change this to px value to fix height*/
bottom: 0; 
height: 100%; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
background: url(images/bottom_gradient.gif) top left repeat-x;
color: black;
}

#maincontentMiddle{
position: fixed; 
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
height:451px; /*New value to fix height framecontentTop+maincontentMiddle*/
right: 0;
bottom: 100%; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden; 
background: #fff;
width: 100%;
}

/*Hacks for IE6 framecontent and maincontent*/

* html body{ /*IE6 hack*/
padding: 0px 0 100% 0; /*Change top value when frame top is fixed. Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontentMiddle{ /*IE6 hack*/
height: 451px; 
}

/* Container CSS*/

#topsection{
position: absolute;
width: 100%;
background: #fff;
height: 31px; /*Height of top section*/
}

#footer{
position: absolute;
top: 431px;
bottom: 0; 
clear: left;
width: 100%;
height: 20px; /*Height of footer section*/
background: #EAEAEA;
color: black;
text-align: right;
padding: 0px 0;
border-top:1px solid #666;
}

#left{
position: absolute;
top: 31px; /*Height of top section*/
bottom: 20px; /*Height of footer section*/
left: 0;
width: 400px; /*Width of frame div*/
height: 400px;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #fff;
color: white;
}

#right{
position: absolute;
top: 31px; /*Height of top section*/
bottom: 20px; /*Height of footer section*/
left: 400px; /*Set left value to WidthOfFrameDiv*/
right: 0;
width: auto;
height: 400px;
overflow: hidden;
background: #fff;
border-left:1px solid #666;
}

/*Menu styles*/

#menu {
	clear:both;
	border-top:1px solid #666;
	border-bottom:2px solid #BC3219;
	background:#fff url(http://www.splurge.com.au/images/menu.gif);
	height:28px;
	}

#menu li {
	font-size:11px;
	font: bold 10pt Trebuchet MS;
	}

#menu ul, ul.nobullets, .jsMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#menu li {
	width:10%;
	height:28px;
	margin:0;
	padding:0;
	float:left;
	}

#menu ul a {
	display:block;
	width:100%;
	line-height:28px;
	border-left:1px solid #7e7e7e;
	height:28px;
	background:#eee url(http://www.splurge.com.au/images/menu.gif);
	text-align:center;
	color:#666;
	text-decoration:none;
	}

#menu ul a span {
	display:block;
	width:100%;
	height:28px;
	border-left:1px solid #fff;
	}

#menu ul a:hover {
	cursor:pointer;
	background-color:#ddd;
	background-position:100% -36px;
	color:#fff;
	}

#menu ul a.selected {
	cursor:pointer;
	background-color:#ddd;
	background-position:100% -36px;
	color:#BC3219;
	}


/*CSS for Fixed Tool Tip*/
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

/*CSS for Balloon Tool Tip*/
.balloonstyle{
position: absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 8pt Trebuchet MS;
line-height: 12pt;
z-index: 100;
background-color: lightyellow;
width: 350px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/*CSS for  Cool Tool Tip I*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*CSS for  Cool Tool Tip II*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/*CSS for Virtual Page*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: auto;
text-align: right;
padding: 2px 0;
margin: 10px 10px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #FFC73C;
}

/*Div Styles*/

.valign{
 	min-height: 12em;
  	display: table-cell;
  	vertical-align: middle;
}

.innertube{
	margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.frontleft{
	float:left;
	width:270px;
	margin-top:0px;
}

.frontright{
	float:right;
	width:270px;
	margin-top:0px;
}

.mp3left{
	float:left;
	width:270px;
	margin-top:0px;
}

.mp3right{
	float:right;
	width:270px;
	margin-top:0px;
}

.buyleft{
	width:380px;
	margin-top:0px;
}

.buyright{
	float:right;
	width:175px;
}

.buyindexleft{
	float:left;
	width:325px;
	margin-top:0px;
}

.buyindexright{
	float:right;
	width:230px;
	margin-top:0px;
}

.tracks{
	width:360px;
	margin-top:0px;
}

.info{
	float:right;
	width:175px;
	text-align:center;	
}

.joinleft{
	width:380px;
	margin-top:0px;
}

.joinright{
	float:right;
	width:175px;
	text-align:center;	
}

.image{
	float:left;
	margin-top: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-left: 20px; 
}

.player{
	float:right;
	width:80px;
	margin-top: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-right: 20px; 
	margin-left: 10px; 
}

/*Used to position .nowplaying before added promo2*/
.promo{
	padding: 0px 80px 0px 650px;
	margin-top: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-right: 10px; 
}

.promo img{
	margin-right: 10px;
	border:1px solid #BC3219;
}

.promo h4{
	margin-top:0px;
	margin-bottom:5px;
}

 .promo p{
	font-size:8pt;
	margin-top:0px;
	margin-bottom:0px;
}

.promo2{
	width: 250px;
	float:left;
	margin-top: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-left: 113px; 
}

.promo2 img{
	margin-right: 10px;
	border:0px solid #BC3219;
}

.promo2 h4{
	margin-top:0px;
	margin-bottom:5px;
}

 .promo2 p{
	font-size:8pt;
	margin-top:0px;
	margin-bottom:0px;
	font: normal 8pt/12pt Trebuchet MS;
}

.jukebox{
	position:absolute;
	width:350px;
	height:92px;
	top:0px;
	right:0px;
	margin-top: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-right: 0px; 
}

.nowplaying{
	margin-top:10px;
	padding: 0px 80px 0px 0px;
	margin-right: 10px; 
}

.nowplaying img{
	margin-right: 10px;
	margin-left: 0px;
	border:1px solid #BC3219;
}

.nowplaying h4{
	margin-top:0px;
	margin-bottom:5px;
}

.nowplaying p{
	font: normal 8pt/12pt Trebuchet MS;
	margin-top:0px;
	margin-bottom:0px;
}

 #flashversion p, #flashcontent p{
	font-size:8pt;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:90px;
	margin-right: 20px;
	background:#eee;
}

.lyricsleft{
	float:left;
	width:180px;
}

.lyricsright{
	float:right;
	width:190px;
}

.lyricscenter{
	padding: 0px 180px 0px 190px;
	margin: 0px;
/*	margin: 0 auto; needs a width value*/
}

.discsleft{
	float:left;
	width:175px;
}

.discsright{
	float:right;
	width:175px;
}

.discscenter{
	padding: 0px 175px 0px 175px;
	margin: 0px;
	text-align: center;
/*	margin: 0 auto; needs a width value*/
}

.pixleft{
	float:left;
	width:185px;
}

.pixright{
	float:right;
	width:185px;
}

.pixcenter{
	padding: 0px 185px 0px 185px;
	margin: 0px;
	text-align: center;
}

.promoleft{
	float:left;
	width:288px;
}

.promoright{
	float:left;
	width:288px;
}

.front{
	margin: 1em 1em 1em 0;
}

.footer{
	margin-top: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-right: 20px; 
	font-size:10px;
	font: normal 10px/14pt Trebuchet MS;
	color: #666;
}

/*------------------------------------ */
/* DEFAULT ELEMENTS 
------------------------------------ */


h1,h2,h3,h4{
	color: #BC3219;	
	margin:10px 0 0px 0;
}

p,td{
	margin:10px 0 0 0;
	color: #000;
}

.small{
	font: normal 8pt/12pt Trebuchet MS;
}

img{
	border:0px;
}

.img20{
	margin: 10px 20px 20px 0px;
}

.discs{
	border:1px solid #666;
	margin-bottom: 0px;
}

.strip{
	border:0px;
	margin: 10px 10px 0 0;
}

.button{
	position:absolute;
	left:200px;
}

.button2{
	position:absolute;
	left:250px;
}

.line {
	padding-top:5px;
	margin:10px 0px 0px 0px;
	border-top:1px solid #ccc;
}

.rule2 {
	font: normal 8pt/12pt Trebuchet MS;
	background:#F0EBD9;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #BC3219;
	/*clear: both;*/
}

.rule {
	font: normal 8pt/12pt Trebuchet MS;
	background:#F0EBD9;
	color:#000;
	margin:0px 0px 10px 0px;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #BC3219;
	/*clear: both;*/
}

.rule h3, .rule p{
	margin-top:0px;
	margin-bottom:5px;
}


.rule img{
	margin-right: 10px;
}

.rule .clear {clear:left;z-index:-1;}

/*.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}*/

.breadcrumb {
	font-size:8pt;
	background:#fff url("http://www.splurge.com.au/images/sprite_li.gif") no-repeat 0 -500px;
	color:#4f4f4f;
	padding-left:20px;
	margin:0px 0 0 0;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	width:360px;
}

.lyrics {
	font-size:8pt;
	background:#fff url("http://www.splurge.com.au/images/sprite_li.gif") no-repeat 0 -1400px;
	color:#4f4f4f;
	padding-left:20px;
	margin:5px 0 0 0;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}

.art {
	font-size:8pt;
	background:#fff url("http://www.splurge.com.au/images/brush.gif") no-repeat 0 -0px;
	color:#4f4f4f;
	padding-left:20px;
	margin:5px 0 0 0;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}

.pix {
	font-size:8pt;
	background:#fff url("http://www.splurge.com.au/images/tinycam.gif") no-repeat 0 -0px;
	color:#4f4f4f;
	padding-left:20px;
	margin:5px 0 0 0;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}

.subtext{
	font-size:8pt;
	color:#4f4f4f;
	padding-left:0px;
	margin:5px 0 0 0;
	padding-bottom:3px;
}

.audio {
	font-size:8pt;
	background:#fff url("http://www.splurge.com.au/images/sprite_li.gif") no-repeat 0 -1000px;
	color:#4f4f4f;
	padding-left:20px;
	margin:2px 0 0 0;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}

.download {
	font-size:8pt;
	background:#fff url("http://www.splurge.com.au/images/sprite_li.gif") no-repeat 0 -1200px;
	color:#4f4f4f;
	padding-left:20px;
	margin:5px 0 0 0;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}

.codecontainer{
height: 150px;
border: 1px solid gray;
width: 98%;
}

/* colors */
.asterisk
{
  color: #BC3219;
}

.date{
	color:#666;
}

/* tables */

.bgform
{
	font-size: 9pt;
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	text-align: left;
	color:#666666;
	background-color: #FFFFFF;
	text-indent: 2px;
	padding: 0px;
}

.labelform
{
	font-size: 9pt;
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	text-align: left;
	color:#666;
	background-color: #FFFFFF;
	text-indent: 2px;
	padding: 0px;
}

/* pix tables */
td.left{
	text-align: left;
}

td.right{
	text-align: right;
}

td.center{
	text-align: center;
}

h1 {font-size:150%}	h2 {font-size:135%}	h3 {font-size:120%}	h4 {font-size:110%}	h5 {font-size:95%}	h6 {font-size:86%}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {color:#900}

a, a:link, a:visited, a:hover, a:active {background:transparent;text-decoration:none;cursor:pointer}
a:link {color:#BC3219}
a:visited {color:#EBAB00}
a:hover, a:active {color:#666} /*pink is #FE9DB0*/
a:hover {text-decoration:underline}