/* -----Comments ----- */
/* _ is used to assign specific versions of a style to IE 6 */
/* # is used to assign specific versions of a style to all versions of IE */
/* -----Comments ----- */
/**/
/*********************************************** body ***********************************************/
body {
	margin: 0px; 
	padding: 0px;
	font: normal 76%/150% Arial, Helvetica, sans-serif;
	background: url(../images/body-bg.gif) no-repeat center top;
	color: #fff;
}
/*********************************************** general ***********************************************/
img {
	border:none;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/*********************************************** header ***********************************************/
#header {
	margin: 0px auto 10px auto; 
	padding: 0px 0px 0px 0px;
	/*background: #000 url(../images/header-bg.jpg) no-repeat; */
	width:994px;
	height: 153px;
	color: #fff;
}
#header #pcdjlogo {
 margin: 27px 0px 0px 42px;
 padding: 0px;
 float: left;
}
#header #ukdistributor {
 margin: 22px 0px 0px -1px;
 padding: 0px;
 float: left;
}
#header #basketcheckout {
 margin: 27px 75px 0px 0px;
 _margin: 27px 40px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: right;
 background: url(../images/basket-checkout-bg.gif) no-repeat;
 width: 219px; 
 height: 26px;
}
#header #basketcheckout ul  {
  float: left;
  list-style: none;
  margin: 0px; padding: 0px;
  height: 26px; width: 219px;
  display: inline; overflow: hidden;
  text-indent:-3000px;
}
#header #basketcheckout li {
  margin: 0px;  padding: 0px;
  display: inline; list-style-type: none;
  text-indent:-9999px;
}
#header #basketcheckout a:link, #header #basketcheckout a:visited {
  float: left;
  padding: 0px; height: 26px;
  overflow: hidden;
}
#header #basketcheckout #basketlink a:link, #header #basketcheckout #basketlink a:visited  {
  background:url(../images/header-basket.gif) top left no-repeat;
  width: 95px;
}
#header #basketcheckout #checkoutlink a:link, #header #basketcheckout #checkoutlink a:visited  {
  width: 124px;
  background: url(../images/header-checkout.gif) top left no-repeat;
}
#header #basketcheckout #basketlink a:hover, #header #basketcheckout #checkoutlink a:hover {
  background-position: 0 -26px;
}
/*********************************************** header navigation ***********************************************/
#header ul#navigation  {
float: left;
list-style: none;
margin: 10px 0px 0px 50px; padding: 0px;
height: 32px; width: 845px;
display: inline; overflow: hidden;
}
#header ul#navigation li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent:-9999px;
}
#header ul#navigation a:link, #header ul#navigation a:visited  {
float: left;
padding: 0px; height: 32px;
overflow: hidden;
}
#header ul#navigation a:hover, #header ul#navigation a:active {
background-position: 0 -32px;
}
#navigation li.home a:link, #navigation li.home a:visited  {
width: 62px;
background: url(../images/nav_home.gif) top left no-repeat;
}
#home ul#navigation li.home {
  background-position: 0 -32px;
}
ul#navigation li.shop a:link, ul#navigation li.shop a:visited   {
width: 82px;
background: url(../images/nav_shop.gif) top left no-repeat;
}
#shop ul#navigation li.shop {
  background-position: 0 -32px;
}
ul#navigation li.pcdjtv a:link, ul#navigation li.pcdjtv a:visited   {
width: 97px;
background: url(../images/nav_pcdjtv.gif) top left no-repeat;
}
#about ul#navigation li.pcdjtv {
  background-position: 0 -32px;
}
ul#navigation li.forums a:link, ul#navigation li.forums a:visited   {
width: 100px;
background: url(../images/nav_forums.gif) top left no-repeat;
}
#forums ul#navigation li.forums {
  background-position: 0 -32px;
}
ul#navigation li.support a:link, ul#navigation li.support a:visited   {
width: 105px;
background: url(../images/nav_support.gif) top left no-repeat;
}
#support ul#navigation li.support {
  background-position: 0 -32px;
}
ul#navigation li.freestuff a:link, ul#navigation li.freestuff a:visited   {
width: 126px;
background: url(../images/nav_freestuff.gif) top left no-repeat;
}
#subscribe ul#navigation li.freestuff {
  background-position: 0 -32px;
}
ul#navigation li.contact a:link, ul#navigation li.contact a:visited   {
width: 124px;
background: url(../images/nav_contact.gif) top left no-repeat;
}
#contactus ul#navigation li.contact {
  background-position: 0 -32px;
}
ul#navigation li.account a:link, ul#navigation li.account a:visited   {
width: 149px;
background: url(../images/nav_account.gif) top left no-repeat;
}
/*********************************************** wrapper container for main design ***********************************************/
#container {
	margin: 0px auto 0px auto; 
	padding: 0px;
	width:994px;
	background: #33333a;
}
/*********************************************** h1 ***********************************************/
h1 {
	width: 766px;
	max-width: 766px;
	_width: 760px;
	float:right;
	margin: 10px 10px 0px 0px;
	_margin: 15px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
  text-indent: -3000px;
  background: #ccff33;
  height: 81px;
}
/*********************************************** side content ***********************************************/
#contentside {
	margin: 5px 0px 20px 0px;   
	padding: 0px 0px 0px 10px;
	_padding: 0px 0px 0px 9px;
	width: 205px; 
	max-width: 205px;
	float:left;
	color: #fff;
}
#contentside form {
  background: url(../images/sidebar-top.gif) no-repeat left top;
	margin: 0px;   
	padding: 10px 0px /*1*/0px 5px;
}
/* side bar */
#contentside #sidebarwrap {
  margin: 0px 5px;
  width: 188px;
}
#contentside #sidebar {
  /*background: #666 url(../images/sidebar-bottom.gif) no-repeat left bottom;*/
  background: #666 url(../images/sidebar-bg.gif) no-repeat bottom;
  margin: 0px 5px;
  padding: /*5px 10px 20px 10px*/0 0 5px 0;
  width: 188px;
}
#contentside #sidebar h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-indent: -3000px;
  background: #ccff33;
  height: 15px;
  background: url(../images/product-search.jpg) top left no-repeat;
}
#contentside #sidebar #financeoptions h3 {
  margin: 0px 0px 10px 5px;
  padding: 0px;
  text-indent: -3000px;
  background: #ccff33;
  height: 15px;
  background: url(../images/finance-options.gif) top left no-repeat;
}
#contentside #sidebar #txtKeyword {
 width: 88%;
 margin: 0px 0px 0px 5px;
}
#contentside #sidebar #searchsubmit {
 margin: 5px 20px 5px 4px;
 #margin-bottom: 0px;
 border: none;
 float:right;
}
#contentside #sidebar #paymentoptions {
  margin: 0px 10px;
}

#contentside #sidebarwrap #mailinglist {
  background: url(../images/shop/join-mailing-list-bg.jpg) no-repeat;
  width: 188px;
  height: 112px;
  margin: 10px 5px 10px 5px;
  padding: 0px;
}
#contentside #sidebarwrap #mailinglist h3 {
  background: url(../images/shop/join-mailing-list-h3.gif) no-repeat 15px 10px;
  padding: 0px;
  margin: 0px;
  text-indent: -3000px;
  height: 25px;
}

#contentside #sidebarwrap #mailinglist form {
	margin: 25px 10px 0px 16px;   
	padding: 0px;
	background: none;
}
#contentside #sidebarwrap #mailinglist #txtMLEmail {
 width: 96%;
 margin: 50px 0px 5px 0px;
 padding: 5px 0px 7px 0px;
 height: 15px;
}
#contentside #sidebarwrap #mailinglist #mailsubmit {
 margin: 5px 5px 0px 0px;
 padding: 0px;
 border: none;
 float: right;
}


/* shop menu and finance options*/
#contentside #shopmenu {
  background: #33333a url(../images/shopmenu-bottom.gif) no-repeat left bottom;
  margin: 10px 0px 10px 5px;
  padding: /*10px*/0px 0px 20px 0px;
  clear: both;
  width: 178px;
}
#contentside #financeoptions {
  background: #33333a url(../images/shopmenu-bottom.gif) no-repeat left bottom;
  margin: 10px 0px 10px 5px;
  padding: /*10px*/0px 0px 20px 0px;
  clear: both;
  width: 178px;
}
#contentside #shopmenu h2, #contentside #financeoptions h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: url(../images/shopmenu-top.gif) top left no-repeat;
  text-indent: -3000px;
  height: 15px;
    font-size: 100%;
}
#contentside #shopmenu h3, #contentside #financeoptions h3 {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  color: #ccff33;
    font-size: 100%;
}
#contentside #shopmenu ul, #contentside #financeoptions ul {
  list-style-type:none;
  margin: 5px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  font-size: 90%;
}
#contentside #shopmenu li, #contentside #financeoptions li {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #5c5c5d;
}
#contentside #shopmenu a:link, #contentside #financeoptions a:link, #contentside #shopmenu a:visited, #contentside #financeoptions a:visited {
  text-decoration: none;
  color: #fff;
}
#contentside #shopmenu a:hover, #contentside #financeoptions a:hover, #contentside #shopmenu a:active, #contentside #financeoptions a:active {
  color: #ccff33;
}
#contentside #shopmenu li .selected, #contentside #financeoptions li .selected {
  color: #ccff33;
  padding-left: 10px;
  background: url(../images/shop/shop-menu-arrow.gif) no-repeat left 45%;
  padding: 0px 0px 0px 8px;
}
/*********************************************** main content ***********************************************/
#contentmain {
	margin: 5px 10px 0px 0px; 
	_margin: 5px 5px 0px 0px; 
	padding: 20px 10px 50px 25px;
	width: 731px;
	max-width: 731px;
	_width: 725px;
	float:right;
	background: #242422;
		/*background: #33333a url(../images/textbox-bg.gif) bottom center no-repeat;*/
	color: #fff;
}


#about #contentmain img, #custominstalls #contentmain img, #customrack #contentmain img, #news #contentmain img {
	margin: 10px;
}

#custominstalls #contentmain li, #customrack #contentmain li, #news #contentmain li {
 list-style-image: url(../images/shop/search-arrows.gif);
 list-style-type: circle;
 list-style-position: inside;
}


#contentmain h2 {
	font: normal 150% Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#contentmain h3 {
	font: bold 120% Arial, Helvetica, sans-serif;
}
#contentmain h4 {
	font: bold 120% Arial, Helvetica, sans-serif;
}
/* style standard links for the main content */
#contentmain a:link, #contentmain a:visited {
	text-decoration: none;
	color: #ccff33;
}
#contentmain a:hover, #contentmain a:active {
	color: #fff;
}
/*********************************************** about us page ***********************************************/
#about h1 {
  background: url(../images/headings/about-h1.jpg) top left no-repeat;
}
/*********************************************** shop ***********************************************/
#shop h1 {
  background: url(../images/headings/shop-h1.jpg) top left no-repeat;
}
/*********************************************** forums page ***********************************************/
#forums h1 {
  background: url(../images/headings/forums-h1.jpg) top left no-repeat;
}
/*********************************************** add-ons page ***********************************************/
#add-ons h1 {
  background: url(../images/headings/addons-h1.jpg) top left no-repeat;
}
/*********************************************** pcdj tv page ***********************************************/
#pcdjtv h1 {
  background: url(../images/headings/pcdjtv-h1.jpg) top left no-repeat;
}
/*********************************************** free demos ***********************************************/
#freedemos h1 {
  background: url(../images/headings/freedemos-h1.jpg) top left no-repeat;
}
/*********************************************** remote help page ***********************************************/
#remote h1 {
  background: url(../images/headings/remotehelp-h1.jpg) top left no-repeat;
}
/*********************************************** subscribe page ***********************************************/
#subscribemail h1 {
  background: url(../images/headings/subscribe-h1.jpg) top left no-repeat;
}
/*********************************************** contact us page ***********************************************/
#contactus h1 {
  background: url(../images/headings/contact-us-h1.jpg) top left no-repeat;
}
#contactus #contentmain #calltechnicalsupport {
  float:right;
  margin:-170px 50px 0px 10px;
}
/*********************************************** what's right for me page ***********************************************/
#rightforme h1 {
  background: url(../images/headings/rightforme-h1.jpg) top left no-repeat;
}
#map {
	float: right;
}

.googlemappopup {
 color: #000;
}
#contentmain .googlemappopup a:link, #contentmain .googlemappopup a:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#contentmain .googlemappopup a:hover, #contentmain .googlemappopup a:active {
	color: #000;
	text-decoration: underline;
}

/*********************************************** sitemap page ***********************************************/
#sitemap h1 {
  background: url(../images/headings/sitemap-h1.jpg) top left no-repeat;
}
/*********************************************** privacy policy page ***********************************************/
#privacypolicy h1 {
  background: url(../images/headings/privacy-policy-h1.jpg) top left no-repeat;
}
/*********************************************** accessibility page ***********************************************/
#accessibility h1 {
  background: url(../images/headings/accessibility-h1.jpg) top left no-repeat;
}
/*********************************************** links page ***********************************************/
#links h1 {
  background: url(../images/headings/links-h1.jpg) top left no-repeat;
}
/*********************************************** myaccount ***********************************************/
#myaccount h1 {
  background: url(../images/headings/myaccount-h1.jpg) top left no-repeat;
}
/*********************************************** security ***********************************************/
#security h1 {
  background: url(../images/headings/login-h1.jpg) top left no-repeat;
}
/*********************************************** register ***********************************************/
#register h1 {
  background: url(../images/headings/your-details-h1.jpg) top left no-repeat;
}
/*********************************************** forgotpassword ***********************************************/
#forgotpassword h1 {
  background: url(../images/headings/reminder-h1.jpg) top left no-repeat;
}
/*********************************************** basket ***********************************************/
#basket h1 {
  background: url(../images/headings/basket-h1.jpg) top left no-repeat;
}
/*********************************************** checkout ***********************************************/
#checkout h1 {
  background: url(../images/headings/checkout-h1.jpg) top left no-repeat;
}

#security h3#checkout {
	  background: url(../images/headings/proceed-to-checkout-h3.gif) top left no-repeat;
	  margin-left: -5px;
	  text-indent: -3000px;
}

#security h3#registered {
	  background: url(../images/headings/already-registered-h3.gif) top left no-repeat;
	  text-indent: -3000px;
	  margin-left: -5px;
	  margin-top: 20px;
}

#security h3#registeraccount {
	  background: url(../images/headings/new-customer-h3.gif) top left no-repeat;
	  text-indent: -3000px;
	  margin-left: -5px;
	  margin-top: 20px;
}

/*********************************************** order confirmation ***********************************************/
#orderconfirmation h1 {
  background: url(../images/headings/checkout-h1.jpg) top left no-repeat;
}
/*********************************************** custom dj vj installs ***********************************************/
#custominstalls h1 {
  background: url(../images/headings/custom-dj-vj-h1.jpg) top left no-repeat;
}
/*********************************************** custom rack pc & laptop ***********************************************/
#customrack h1 {
  background: url(../images/headings/custom-rack-pc-laptop-h1.jpg) top left no-repeat;
}
/*********************************************** news ***********************************************/
#news h1 {
  background: url(../images/headings/news-h1.jpg) top left no-repeat;
}
/*********************************************** gallery ***********************************************/
#gallery h1 {
  background: url(../images/headings/blank-h1.jpg) top left no-repeat;
}
/*********************************************** dealer search ***********************************************/
#dealersearch h1 {
  background: url(../images/headings/dealerlocator-h1.jpg) top left no-repeat;
}
#dealersearch #contentmain {
  background: none;
}

h2.nearest {
	width:628px; height:34px;
	margin:0px 0px 10px 0px; padding:0px;
	background:url(../images/h2-nearest-store.gif) top left no-repeat;
	text-indent:-3000px;
}

h3 {
	margin:0px 0px 20px 6px; padding:0px;
}

#dealersearch-wrap {
	background-color: #666666;
	width:650px;
	padding:10px;
}

#dealersubsearch-wrap {
	width:650px;
	padding:10px;
}

#dealersearch-main {
	width:628px;
	margin:0px; padding:0px;
	padding:10px;
	height:120px;
	border:1px dotted #fff;
}

.dealersearch-item h4 {margin: 0; padding: 0;}

.view-map-large  {
	background: url(../images/viewmap-large.gif) top left no-repeat;
	width: 160px; height: 36px; text-indent: -3000px;
	padding:0px; margin:0px;
	background-position: 0px 0px;
	float:left;
}

.view-map-large a {
	background: url(../images/viewmap-large.gif) top left no-repeat;
	width: 160px; height: 36px; text-indent: -3000px;
	background-position: 0px 0px;
	padding:0px; margin:0px;
	float:left;
}

.view-map-large a:hover {
	background: url(../images/viewmap-large.gif) top left no-repeat;
	width: 160px; height: 36px; text-indent: -3000px;
	padding:0px; margin:0px;
	float:left;
	background-position: -160px 0px;
}

.view-map-small  {
	background: url(../images/viewmap-small.gif) top left no-repeat;
	width: 112px; height: 25px; text-indent: -3000px;
	padding:0px; margin:0px;
	background-position: 0px 0px;
	float:left;
}

.view-map-small a {
	background: url(../images/viewmap-small.gif) top left no-repeat;
	width: 112px; height: 25px; text-indent: -3000px;
	background-position: 0px 0px;
	padding:0px; margin:0px;
	float:left;
}

.view-map-small a:hover {
	background: url(../images/viewmap-small.gif) top left no-repeat;
	width: 112px; height: 25px; text-indent: -3000px;
	padding:0px; margin:0px;
	float:left;
	background-position: -112px 0px;
}

#dealersubsearch-main h4 {
	margin:0px; padding:0px;
}

#dealersearch-main .address {
list-style: none;
 margin: 0px;
 padding: 0px;
 display: inline;

}

#dealersearch-main .address li {
list-style: none;
 margin: 0px;
padding: 0px;
 display: inline;
}

#dealersearch-main .address a {
color: #fff;
}

#dealersearch-main .address a:hover {
color: #cfff2d; 
}

.dealersearch-item .address {
list-style: none;
 margin: 0px;
 padding: 0px;
 display: inline;

}

.dealersearch-item .address li {
list-style: none;
 margin: 0px;
padding: 0px;
 display: inline;
}

.dealersearch-item .address a {
color: #fff;
}

.dealersearch-item .address a:hover {
color: #cfff2d; 
}

.dealersearch-item { 
	width: 303px; height:130px;
 margin: 5px 0px 0px 0px;
 padding: 10px;
 float:left;
 /*	background:url(../images/search-main-bg.gif) top left repeat-x;*/
		border:1px dotted #666;
}
#dealersearch #fmdealerpcsearch {
  float: right;
  margin: -380px 100px 0px 0px;
  _margin: -380px 50px 0px 0px;
  padding: 0px;
}
#dealersearch #fmdealerpcsearch ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#dealersearch #fmdealerpcsearch li {
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
}
#dealersearch #ukmap {
 margin: 30px 0px 0px 200px;
}
#dealersearch strong {
  color: #cfff2d;
}
/***************** general *****************/
.clear { clear:both; }

.green { color: #cfff2d; }

/*********************************************** article ***********************************************/
#article h1 {
  background: url(../images/headings/blank-h1.jpg) top left no-repeat;
}
/*********************************************** footer ***********************************************/
#footer {
	margin: 40px 10px 30px 0px; 
	padding: 0px;
	width: 766px;
	max-width: 766px;
	_width: 750px;
	overflow: none;
	float: right;
	font-size: 90%;
}
/* footer links */
#footer ul {
	display:block;
	padding: 5px 0px 0px 0px; 
	margin: 0px;
	color: #ffffff;
}
#footer li{
  margin: 0px;
	padding:0px; 
	list-style-type:none;
	display:inline;
}
#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration:underline;
}
#footer a:hover, #footer a:active {
	color: #ccff33;
	text-decoration: none;
}
/*********************************************** lists ***********************************************/

/* no bullet list */
ul.noliststyle {
 list-style:none;
 display: block;
}

ul.noliststyle li{
 list-style:none;
 display: block;
}

/*********************************************** free demos ***********************************************/

.demos {width: 730px; height: 150px; clear:both; margin-bottom: 20px;}
.demo-left {float: left; width: 200px;}
.demo-right {float: left; width: 530px;}
.free-demos-thankyou {clear:both; margin-top: 20px;}

input.btn {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#a6d525;
    border:1px solid #a6d525;
    border-top:1px solid #a6d525;
    border-left:1px solid #a6d525;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#242423;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#242423;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#c8fb32;
    border:1px solid #c8fb32;
    color:#fff;
}
.buttons a.positive:active{
    background-color:#c8fb32;
    border:1px solid #c8fb32;
    color:#fff;
}

/*********************************************** news ***********************************************/

.news-item {margin-bottom: 20px;}

body#news h3, body#news h4 {margin-bottom:0;}

.news-date {margin-top: -2px;}

body#news h4, body#news p {margin-left: 6px;}

#news-more {margin: 30px 0;}

#news-more h3 {margin-bottom:20px;}

body#news h3.more {background: url(../images/headings/morenews-h4.gif) top left no-repeat; margin:10px 0 0 6px; text-indent: -3000px; width: 246px; height: 16px;}

body#news h3.backtonews {background: url(../images/backtonews.gif) top left no-repeat; padding:10px; text-indent: -3000px; width: 232px; height: 29px; float: right;}