/* This Style sheet was made by aran @ studio7designs.com  if you have any questions please email me or visit http://www.studio7designs.com */

*{border:0;margin:0;padding:0;background:transparent;} 

body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 80%; color: #666666;
background-color: #ffffff;
line-height: 200%;
margin-top: 0px;
background: #ffffff url(../images/bg2.gif) top center repeat-x;
}

#border
{
border: 0px ;
width: 770px;
background-color: #FFFFFF;
background: url(../images/backround2.gif) no-repeat;
margin: 0 auto;
}

#header
{
height: 81px;
width:743px;
margin-left:-2px;
background-image: url(../images/header_newbrandingAUST.jpg);
}

* html #header { margin-left: 0; }

#content
{
padding: 0.5em 1em;
max-width: 740px;
background-color: #FFFFFF;
}

* html #content {height:1%}
* > html #content {height:auto}

#container
{
width: 740px;
margin: 0px auto;
background-color: #ffffff;
border: 0px solid #669900;
}

.splitright {
background: #ffffff url(../images/menu.gif) top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}
.floatleft {
float: left;
padding-right: 8px;
border: none;
}
img.floatcenter {
 margin-left: auto;
 margin-right: auto;
 display:block;
}
.productimage{
margin-left:8px;
margin-top:8px;
margin-bottom:8px;
border: 1px solid #FDC825;
}

.splitleft {
background: #ffffff;
margin:auto;
width: 72%;
float: left;
overflow: hidden;
text-align: justify;
}

#introduction{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:0 0 8px 8px;
	background:  url(../images/menumain.gif) top center no-repeat;
	text-align:center;
	line-height:1.5em;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}
#introduction2{
	float:right;
	height:199px;
	width:180px;
	padding:0px 0px;
	margin:8px 0 8px 8px;
	background:  url(../images/menumain2.gif) top center no-repeat;
	text-align:center;
	line-height:1.5em;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

#introduction ul, #introduction li {
text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#introduction a {
	border-bottom: none;
	color:#3366FF;
}

#introduction h3{
	text-align: center;
	position:static;
}

#introduction a:link, a:visited{
	color:#3366FF;
}

#introduction a:hover, a:active{
	color:#5B8FBE;
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}
#footer
{
text-align: center;
	height: 30px;
	background-color: #E7F2FE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 50px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	clear: both;
	
}


#footer a:link, a:visited{
	color:#999999;
}

#footer a:hover, a:active{
	color:#999999;
}




a:active,
a:visited,
a:link	    			{ color: #3366FF; text-decoration: none; }
a:hover					{ color: #999999; text-decoration: none; }

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
	position: relative;
	top: 13px;
	left: 15px;
	width: 730px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
      }
    #topmenu ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
      }
	  #topmenu p {
	  padding: 3px 19px 0px 0px;
	  float:right;
	   }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background: url(../images/menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background: url(../images/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#3366FF;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#5B8FBE;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
font-size: 120%;
color: #002776;
}

h3{
	color:#002776;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/
.style4 {font-size: 16px;
color:#002776;}

.style5 {
	font-size: 12px;
	color: #CCCCCC;
}
.style6 {
	font-size: 12px;
	color: red;
}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 440px;
  max-width: 540px;
  width: 460px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form select, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of  label aligns textarea better in IE */
     border: 1px solid #A6CAF0;    
	 background-color:#FFFFFF;                    
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input.btn{
	margin-top:7px;
	padding:3px;
	background-color:#dddddd;
	margin-left:150px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}
/* alternate table colours */
#playlist {
		border: 1px solid #666666;
	}

	#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}