/* special styles for the home page over rides the general ones set in styles.css */

/*********************************************** header ***********************************************/
/*#home #header {
	margin: 0px auto 0px auto; 
	padding: 0px 117px 0px 116px;
	background: #fff url(../images/plug-header-bg.jpg) no-repeat; 
	width: 994px;
	height: 153px;
	color: #fff;
}
*/
/*********************************************** banner promotion ***********************************************/
#home #bannerpromotion {
	margin: 0px auto 0px auto; 
	padding: 0px; 
	width: 994px;
	/*height: 245px;*/
	color: #fff;
	/*background: url(../images/home/pcdj-vj-bg.jpg) no-repeat;*/
}

#home #bannerpromotion #pcdjvj-buyit {
  margin: 20px 0px 0px 9px;
  padding: 0px;
  float: left;
}
#home #bannerpromotion #pcdjvj-tryit {
  margin: 20px 0px 0px 7px;
  padding: 0px;
  float: left;
}
#home #bannerpromotion #pcdjvj-discussit {
  margin: 20px 9px 0px 0px;
  padding: 0px;
  float: right;
}
#home #bannerpromotion #pcdjvj-screenshot {
  margin: -2px 0px 0px 61px;
  padding: 0px;
  float: left;
  clear: both;
}
#home #bannerpromotion #pcdjvj-text {
  margin: 33px 0px 0px 74px;
  #margin: 48px 0px 0px 19px;
  padding: 0px;
  float: left;
}
#home #bannerpromotion #pcdjvj-waitover {
  margin: 7px 0px 0px 72px;
  padding: 0px;
  float: left;
}
#home #bannerpromotion #pcdjvj-more {
  margin: 125px 0px 0px 590px;
  padding: 0px;
  float: left;
}
#home #bannerpromotion #pcdj-onsystem {
  margin: -86px 18px 0px 0px;
  padding: 0px;
  float: right;
}

/*********************************************** horizontal slider ***********************************************/
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

	#slidercontainer{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:936px;
		background:#fff;		
		margin-bottom:2em;
		}	
			
	#slidercontent{
		position:relative;
		}

	#slider
	{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:936px;
		height:262px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:84px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:936px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:84px;
		background:url(../images/home/banner/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/home/banner/btn_next.gif) no-repeat 0 0;	
		}	

/*********************************************** vertical slider ***********************************************/

	.graphic, #vertprevBtn, #vertnextBtn{
	    margin:0;
	    padding:0;
	    display:block;
	    overflow:hidden;
	    text-indent:-8000px;
	    }

	#vertslidercontainer{	
		margin:40px auto;
		position:relative;
		text-align:left;
		width:719px;
		background:#fff;
		}	
			
	#vertslidercontent{
		position:relative;
		margin-bottom: 20px;
		}

	#vertslider
	{}	
	#vertslider ul, #vertslider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#vertslider li{ 
		width:719px;
		height:265px;
		overflow:hidden; 
		}

	#vertprevBtn, #vertnextBtn{ 
		display:block;
		width:84px;
		height:30px;
		position:absolute;
		left:320px;
		top:-30px;
		}	
	#vertnextBtn{ 
		left:320px;
		top:265px;
		}														
	#vertprevBtn a, #vertnextBtn a{  
		display:block;
		width:84px;
		height:30px;
		background:url(../images/vertButtonUp.png) no-repeat 0 0;	
		}	
	#vertnextBtn a{ 
		background:url(../images/vertButtonDown.png) no-repeat 0 0;	
		}

/*********************************************** wrapper container for main design ***********************************************/
#home #container {
	padding: 10px 0px 0px 0px;
}
/*********************************************** side content ***********************************************/
#home #contentside {
	/*background: #aaaaac;*/
	margin: 0px 10px 20px 10px;   
	_margin: 0px 10px 20px 5px;   
	padding: 10px;
	width: 220px; 
	max-width: 220px;
	min-height: 600px;
	_height: 600px;
}
#home #contentside #paymentaccepted {
  background: url(../images/home/we-accept.gif) no-repeat;
  width: 220px;
  height: 132px;
  margin: 0px 0px 10px 0px;
}

#home #contentside #mailinglist {
  background: url(../images/home/join-mailing-list-bg.jpg) no-repeat;
  width: 220px;
  height: 132px;
  margin: 0px;
  padding: 0px;
}
#home #contentside #mailinglist h2 {
  background: url(../images/home/join-mailing-list-h2.gif) no-repeat 15px 10px;
  padding: 0px;
  margin: 0px;
  text-indent: -3000px;
  height: 22px;
}

#home #contentside #mailinglist form {
	margin: 30px 10px 0px 16px;   
	padding: 0px;
	background: none;
}
#home #contentside #mailinglist #txtMLEmail {
 width: 92%;
 margin: 0px 0px 15px 0px;
 padding: 5px 0px 7px 0px;
 height: 15px;
}
#home #contentside #mailinglist #mailsubmit {
 margin: 0px 12px 0px 0px;
 padding: 0px;
 border: none;
 float: right;
}

#home #contentside #dealorsearch {
  background: url(../images/home/dealer-search-bg.jpg) no-repeat;
  width: 220px;
  height: 132px;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}
#home #contentside #dealorsearch h2 {
  background: url(../images/home/dealer-locator-h2.jpg) no-repeat 15px 10px;
  padding: 0px;
  margin: 0px;
  text-indent: -3000px;
  height: 22px;
}

#home #contentside #dealorsearch form {
	margin: 30px 10px 0px 16px;   
	padding: 0px;
	background: none;
}
#home #contentside #dealorsearch #txtPostCode {
 width: 92%;
 margin: 0px 0px 15px 0px;
 padding: 5px 0px 7px 0px;
 height: 15px;
}
#home #contentside #dealorsearch #locatesubmit {
 margin: 0px 12px 0px 0px;
 padding: 0px;
 border: none;
 float: right;
}

#home #contentside h2 {
  margin: 0px;
  padding: 0px;
  text-indent: -3000px;
}
#home #contentside ul {
  margin: 0px;
  padding: 0px;
  text-indent: -3000px;
  list-style: none;
}
/*********************************************** main content ***********************************************/
#home #contentmain {
	background: #33333a;
	margin-top: 0px;
	padding: 0px;
	width: 720px;
	max-width: 720px;
	_width: 720px;

}
/*
#home #musicdownload {
  float: left;
  margin: 10px 0px 0px 7px;
  padding: 0px;
}

#home #trynewmusicdownload {
  float: left;
  margin: 18px 0px 0px 10px;
  padding: 0px;
}

#home #featuredproductimg {
  clear:both;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}
*/
#home #featuresflash {
 margin: 10px 0px;
 padding: 0px;
}
#home #featuredbox1 {
  float: left;
  height: 231px;
  width: 231px;
  margin: 0px 5px 0px 9px;
  _margin: 0px 5px 0px 4px;
  padding: 0px;
}
#home #featuredbox2 {
  float: left;
  height: 231px;
  width: 231px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
#home #featuredbox3 {
  float: left;
  height: 231px;
  width: 231px;
  margin: 0px;
  padding: 0px;
}
/*********************************************** h1 ***********************************************/
#home h1 {
  display: none;
}
/*********************************************** footer ***********************************************/
#home #footer {
	margin: 40px 10px 30px 0px; 
	padding: 0px;
	width: 720px;
	max-width: 720px;
	_width: 700px;
	overflow: none;
	float: right;
}