        * {
          margin: 0;
          padding: 0;
        }

		body
		{
            /*margin: 20px;
            padding: 0;
            font: normal 85% arial, helvetica, sans-serif;
            color: #000;
            background-color: #fff;*/
        }






        div#wrapper 
        {
            clear:both;
            margin:10px auto;
            width:1000px;
        }


        li 
        {
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
        }

        form
        {
            margin: 0 0 5px 0;
        }


        form.cd_basket
        {
            height:20px;
            margin: 0 0 5px 0;
        }


/* standard form
----------------------------------------------------------------------------*/
.form_standard label{
float: left;
width: 120px;
color:#0072BF;
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.form_standard input, textarea{
width: 180px;
margin-bottom: 5px;
}

.form_standard textarea{
width: 250px;
height: 150px;
}

.form_standard .boxes{
width: 1em;
}

.form_standard #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

.form_standard br{
clear: left;
}

.form_standard .button1_nav {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #000; 
background: url(../images/button1_bg.gif) top repeat-x #FFCC00; 
border: solid 1px #996600; 
text-align: center; 
padding: 3px; 

cursor: pointer; 
margin-left: 120px;
margin-top: 5px;
width: 190px;
}




        .align-right
        {
            float:right;
            margin: 0 0 15px 15px;
        }

        .align-left
        {
            float:left;
            margin: 0 15px 15px 0;
        }

		.containingbox
		{
			width: 950px;
			height: 400px;
			/*border: 1px solid #000;*/
		}

		.floatleft
		{
			float: right;
			width: 340px;
			height: 566px;
			/*background-color: #F63;*/
			/*border: 1px solid #F30;*/
            margin: 429px 0 0 0;
		}

		.floatleftx
		{
			float: left;
			width: 640px;
			height: 566px;
			/*background-color: #F63;*/
			/*border: 1px solid #F30;*/
            margin: 110px 0 0 0;
		}

		p
        {
            clear: left;
        }



        td.sociallinks 
        {
          margin: 0;
          padding: 0;
          background:transparent none repeat scroll 0 0;
          border: 0;
        }


        #header_aux {
            float:right;
            /*width:340px;
            height:380px;*/
        }

        #header_aux form input#address
        {
            background:transparent url(bgr-login.png) no-repeat scroll 0 0;
            border:0 none;
            color:#AAAAAA;
            margin-right:2px;
            padding:2px 0 4px 6px;
            width:267px;
            height:20px;
        }

        #header_aux form input#password
        {
            background:transparent url(/ajax/css/assets/bgr-password.png) no-repeat scroll 0 0;
            border:0 none;
            color:#AAAAAA;
            margin-right:20px;
            padding:2px 20px 4px 6px;
            width:181px;
        }

        #header_aux form input#enter
        {
            border:0 none;
            color:#AAAAAA;
            margin-right:20px;
            margin-top:15px;
            padding:2px 20px 4px 6px;
        }

        #content
        {
            float: left;
			width: 780px;
			padding: 0 15px 0 0;

        }
      .columns:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
      }
      * html .columns {height: 1%;}
      
      .columns .column{
        float:left;
        overflow:hidden;
      }
      .columns .last
      { 
          background-image:url(http://www.shadowless.com/juicethumbbg.png);
      }
      .col3 .last
      { 
          width:232px; 
          height:215px; 
          padding:20px 0 0 8px; 
          margin: 0 10px 0 10px;
          font-family:Verdana,sans-serif;
          font-size:0.7em;
          font-weight: bold;
      }

        .infoCol
        {
            padding: 0 10px 10px 0; float: left; width: 250px;
        }

        .infoCol2
        {
            padding: 0 10px 10px 0; 
            float: right; 
            width: 330px;
            margin:36px 0 0;
        }


        div#mixtape_wrapper 
        {
            clear:both;
            margin:10px auto;
            width:600px;
        }

        div#mixtape_wrapper form
        {
            height:20px;
            margin: 0 0 50px 10px;
        }

        div#mixtape_wrapper p
        {
            margin: 0 0 0 10px;
            padding: 0 0 0 0;
        }


        .mixtapesticker
        { 
            width:232px; 
            height:215px; 
            padding:20px 0 0 8px; 
            margin: 0 10px 0 10px;
            font-family:Verdana,sans-serif;
            font-size:0.7em;
            font-weight: bold;
            background-image:url(http://www.shadowless.com/images/mixtapesticker.png);
		    background-repeat: no-repeat;
        }

        .mixtapessticker_plus
        {
            padding: 10px 10px 0 10px; 
            height:235px;
        }

        .mixtapesticker:after {
            content: ".";
            display: block;
            height: 215px;
            clear: both;
            visibility: hidden;
        }
        * html .mixtapesticker {height: 1%;}
      
        .mixtapesticker .column{
          float:left;
          overflow:hidden;
        }

        .mixtape_data_name
        {
             color:#8a8a8a;
        }

        .mixtape_stats_box
        {

            border: 1px solid #DADADA;
            margin: 0 0 0 280px;
            padding:5px 14px;

        }

        .productdisplay
        {
            padding: 5px 40px 20px 0;
        }







      img.thumbnail
      {
          margin: 0 0 0 15px;
      }

      img.mixtape_thumbnail
      {
          margin: 0 0 0 20px;
      }



 
 
        /* FOOTER CONTAINERS */
         
        div#footer
        {     
            clear:both; 
            margin: 2px 0 0 5px; 
            text-align:left; 
            width:948px; 
            min-height:112px; 
            /*background-color:#000000;*/
            float: left;
            font-family:Verdana,Arial,Helvetica,sans-serif;
            font-size:10px;
            background:#000000 url('/images/footer_bg.png') no-repeat top right;
        }
         
        div#footer div.div_f_full{     clear:both; width:948px; }
         
        div.div_f_half_first{     float:left; display:inline; text-align:left; margin:0 8px 0 0; width:470px; }
         
        div.div_f_half_second{     float:left; display:inline; text-align:left; width:470px; }
         
        div.div_f_quarter_first{     float:left; display:inline; text-align:left; margin:0 8px 0 0; width:226px; }
         
        div.div_f_quarter_second{     float:left; display:inline; text-align:left; width:226px; }
         
        div.div_f_links{     text-align:left; margin:8px 0 0 0; }
         
 
        /* FOOTER CONTAINERS */
         
        div#header
        {     
            clear:both; 
            margin: 2px 0 0 5px;
            text-align:left;
            width:948px;
            min-height:112px; 
            /*background-color:#000000;*/
            float: left;
            font-family:Verdana,Arial,Helvetica,sans-serif;
            font-size:10px;
            background:#000000 url('/images/footer_bg.png') no-repeat top right;
        }

        div#banner
        {
            float: right;
            margin: 25px 25px 0 0;
        }

        div#footer div.div_f_full{     clear:both; width:948px; }
         
        div.div_f_half_first{     float:left; display:inline; text-align:left; margin:0 8px 0 0; width:470px; }
         
        div.div_f_half_second{     float:left; display:inline; text-align:left; width:470px; }
         
        div.div_f_quarter_first{     float:left; display:inline; text-align:left; margin:0 8px 0 0; width:226px; }
         
        div.div_f_quarter_second{     float:left; display:inline; text-align:left; width:226px; }
         
        div.div_f_links{     text-align:left; margin:8px 0 0 0; }


         /* EXPLORE LINKS */

        a.exhl_ex
        {     
            color:#919191;
            text-decoration:none;
            outline-color:-moz-use-text-color;
            outline-style:none;
            outline-width:medium;
        }

        a:hover.exhl_ex{     color:#A2A2A2;}

        a.ex_exhl{     color:#A2A2A2;}

        a:hover.ex_exhl{     color:#919191;}

        a.exhl_w
        {     
            color:#919191;
            text-decoration:none;
            outline-color:-moz-use-text-color;
            outline-style:none;
            outline-width:medium;
        }

        a:hover.exhl_w{     color:#FFFFFF;}


        .wg_clr_txt 
        {
            color:#515151;
            text-align:left;
        }


      #discography
      {
         color:#000000;
         font-family:arial,helvetica,sans-serif;
         font-size:10px;
         margin: 10px 100px;
      }

	  #discography td
      {
         font-size:10px;
	  }

	  #discography a:link
      {
         font-size:10px;
         text-decoration: none;
         color:#000000;
	  }

	  #discography a:visited
      {
         font-size:10px;
         text-decoration: none;
         color:#000000;
	  }

	  #discography a:hover
      {
         font-size:10px;
         text-decoration: underline;
         color:#ff0000;
	  }

	  #discography a:active 
      {
         font-size:10px;
         text-decoration: none;
         color:#000000;
	  }



      #biography
      {
         color:#000000;
         font-family:arial,helvetica,sans-serif;
         font-size:16px;
         clear:both;
         margin:10px auto;
         width:600px;
      }

	  #biography td
      {
         font-size:16px;
	  }

	  #biography a:link
      {
         font-size:16px;
         text-decoration: none;
         color:#000000;
	  }

	  #biography a:visited
      {
         font-size:16px;
         text-decoration: none;
         color:#000000;
	  }

	  #biography a:hover
      {
         font-size:16px;
         text-decoration: underline;
         color:#ff0000;
	  }

	  #biography a:active 
      {
         font-size:16px;
         text-decoration: none;
         color:#000000;
	  }


      #press
      {
         color:#000000;
         font-family:arial,helvetica,sans-serif;
         font-size:16px;
         margin: 10px 100px;
      }

	  #press td
      {
         font-size:16px;

	  }

      #press p 
      {
         text-align: justify; 
      }

	  #press a:link
      {
         font-size:10px;
         text-decoration: none;
         color:#000000;
	  }

	  #press a:visited
      {
         font-size:10px;
         text-decoration: none;
         color:#000000;
	  }

	  #press a:hover
      {
         font-size:10px;
         text-decoration: underline;
         color:#ff0000;
	  }

	  #press a:active 
      {
         font-size:10px;
         text-decoration: none;
         color:#000000;
	  }


        #social
        {
          font: normal 9px Verdana, Arial, sans-serif;
          width: 100%;
          text-align: center;
          border: 0px;
          float: left;
        }

        #social ul
        {
          
          margin:0;
          padding:0;
          list-style:none;
        }

        #social li
        {
          display: inline;
          padding: 10px;
        }



      .greyThing {
        background: #cccccc;
      }
      .whiteThing {
        background: #ffffff;
      }

      div.divider
	  {
		border:none; 
		/*width:520px; */
		/*background:url(/images/divider_large.gif) repeat-x; */
		clear:both; 
		margin: 0 30px 0 0; 
		padding: 0;
		height:1px;
        border-bottom: 1px dotted #80c080
	  }

      .star_ratings
      {
        margin: 0 0 0 0;
      }


/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:-17px 0 0 42px;
	padding:0;
	list-style:none;
	/*clear:both;*/
	position:relative;
	background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}
