/*

Theme Name: PCDJ
Theme URI: http://www.pcdj.com
Description: PCDJ
Author: Vault3.com - Lisa Moseley - Fred Maya

*/


/* &) -=-=-=- SITE STRUCTURE -=-=-=- */

body {
	margin: 0;
	padding: 0;
	background: #5a5a5a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #555;
}
/*#page {
	margin: 0;
	padding: 0;
}*/

#header {
	background: url(../images/bg_header.jpg) repeat-y center #343434;
	height: 131px;
	margin: 0;
	padding: 0;
	}

#topnav_wrapper {
	width:984px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	}
#mid_bar {
	background: url(../images/bg_midbar1.jpg) repeat-x;
	height: 30px;
	padding: 3px 0 0;
	}
	#mid_bar #search {
		width:984px;
		margin: 0 auto;
		text-align: right;
		color: #bababa;
		font-size: 1.2em;
		padding: 4px 0 0;
		}
		#mid_bar #search form{
			margin: 1px 0 0;
			padding: 0;
			}
		#mid_bar #search form .txt{
			width: 200px;
			height: 13px;
			font-size: 1em;
			float:right;
			}
		#mid_bar #search form label{
			float:right;
			padding: 2px 5px 0;
			}
		#mid_bar #search form .go{
			width: 28px;
			height: 20px;
			float:right;
			}
	
.titlelogo {
	position: absolute;
	left: -64px;
	top: 0;
	}
#tagline {
	position: absolute;
	width:982px;
	top: 75px;
	text-align: right;
	font-size: 1.6em;
	color: #bababa;
	font-style: italic;
	}
#content_wrapper {
	width:984px;
	margin: 0 auto;
	background: url(../images/bg_content.jpg) repeat-y #fcfcfc;
	}
	#content_wrapper_e5 {
		width:984px;
		margin: 0 auto;
		background: #fff;
		}
	#content_wrapper_rt {
		width:984px;
		margin: 0 auto;
		background:url(../images/bg_rigthbar.jpg) repeat-y top right;
		}
#content_top {
	color: #fff;
	}
	#content_top h1 {
		background: url(../images/bg_topbar.jpg) repeat-x;
		line-height: 2.1em;
		padding: 0 12px;
		font-size: 2.4em;
		margin: 0;
		}
	#content_top .box {
		background: #fc0000;
		width: 24.9%;
		float: left;
		border-right: 1px solid #e1a980;
		cursor: pointer;
		}
		#content_top .box div {
			padding: 30px 0 8px 15px;
			font-size: 2em;
			line-height: 0;
			}
		#content_top .box img {
			float:right;
			margin: 6px 8px 0 0;
			}
		#content_top .left {
			background:url(../images/bg_style_left.jpg) no-repeat #fc0000;
			}
		#content_top .right {
			background:url(../images/bg_style_right.jpg) no-repeat top right #fc0000;
			border-right: none;
			width: 25%;
			}
	
#content_left {
	float: left;
	width: 707px;
	padding: 10px 15px 25px 15px;
	}
	#content_left_e5 {
		width: 96%;
		padding: 10px 15px 25px 15px;
		}
	#content_left img.news {
		float: right;
		border: solid 4px #e2e7e7;
		margin: 5px 0 10px 15px;
		}
	#content_left p img.mid,
	#content_left img.mid {
		border: solid 4px #e2e7e7;
		margin: 0 0 10px -10px;
		}
	#content_left p img.mid2,
	#content_left img.mid2 {
		margin: 0 0 0 -10px;
		}
	#content_left div {
		font-size: 1em;
		}
	#content_left div.description {
		padding: 0 10px;
		}
	#content_left div.box {
		width: 24%;
		float: left;
		text-align: center;
		margin: 5px 3px;
		font-size: 1.3em;
		font-weight: bold;
		display: inline-block;
		}
		#content_left div.box img {
			margin: 0 auto 5px;
			display: block;
			}
		#content_left div.box .highlight {
			padding: 4px 5px 15px;
			font-size: .8em;
			color: #999;
			display: block;
			width: 75%;
			margin: 5px auto;
			text-align: left;
			background: url(../images/bubble.gif) no-repeat;
			}
		#content_left div.box span {
			padding: 16px 5px 5px 4px;
			font-size: .8em;
			color: #888;
			display: block;
			width: 149px;
			margin: 5px auto;
			text-align: left;
			background: url(../images/bubble.gif) no-repeat center;
			}
			#content_left span.tag {
				padding: 16px 0 5px 4px;
				font-size: .8em;
				color: #888;
				width: 149px;
				float: right;
				margin: 0;
				text-align: left;
				background: url(../images/bubble.gif) no-repeat center;
				}
			#content_left div.box span img,
			#content_left span.tag img {
				float: left;
				margin: -4px 5px 0 4px;
				}
		#content_left .entry ul,
		#content_left ul {
			list-style:none;
			font-size: 1.2em;
			line-height: 1.6em;
			margin: 10px 15px 20px 0;
			padding-left: 15px;
			}
			#content_left .entry ul li,
			#content_left ul li {
				padding: 0px 0 8px 12px;
				margin: 0;
				background: url(../images/bullet.gif) no-repeat top left;
				/*list-style: none url(../images/bullet.gif);*/
				}
		#content_left ol {
			font-size: 1.2em;
			line-height: 1.6em;
			margin: 10px 15px 20px 0;
			padding-left: 40px;
			}
			#content_left ol li {
				/*margin: 4px 0;*/
				padding: 2px 0;
				}
		#content_left form {
			margin: 10px;
			font-size: 12px;
			}
		#content_left table {
			margin: 10px;
			font-size: 1.2em;
			}
		#content_left table th{
			text-align: left;
			background: #f2f7f7;
			padding: 3px 15px;
			}
		#content_left table td{
			text-align: left;
			padding: 7px 15px;
			border-bottom: dotted 1px #eee;
			}
		#content_left table th.red,
		#content_left table td.red{
			background: #f3e7df;
			text-align: center;
			width: 10%;
			}
		#content_left table th.blue,
		#content_left table td.blue{
			background: #dfeaf3;
			text-align: center;
			width: 10%;
			}
		#content_left table th.fx,
		#content_left table td.fx{
			background: #eee;
			text-align: center;
			width: 10%;
			}
		#content_left div.divide{
			border-bottom: dotted 1px #eee;
			width: 100%;
			}
		
#content_right {
	float: right;
	width: 218px;
	padding: 12px 14px;
	}

/* &) -=-=-=- TOP NAV -=-=-=- */

#topnav {
	z-index: 400;
	position:relative;
	width: 984px;
	margin: 0 auto;
	}
#topnav ul {
	margin: 0 auto;
	list-style: none;
	padding: 0;
	width: 984px;
	position: absolute;
	top: 97px;
	background:url(../images/nav_bg.jpg) repeat-x;
	height: 34px;
	}
	#topnav ul li {
		float:left;
		height:20px;
		text-align:center;
		}
		#topnav ul ul {
			position: absolute;
			width: 12em;
			left: -999em;
			top: 37px;
			list-style: none;
			}
			#topnav li:hover ul ul,
			#topnav li.sfhover ul ul {
				left: -999em;
				}
			#topnav ul ul li {
				background: #666;
				height: 15px;
				margin: 0;
				padding: 0;
				text-align:left;
				border: solid 1px #888;
				border-top: none;
				padding: 5px 0 5px 10px;
				width: 100%;
				position: relative;
				}
			#topnav ul ul ul {
				/*margin: -57px 0 0 12em;*/
				position: absolute;
				width: 12em;
				right: -12em;
				top: 0;
				list-style: none;
				}
				#topnav ul ul ul li {
					background: #585858;
					}
					#topnav ul ul ul li.top {
						border-top: solid 1px #888;
						}
		#topnav li:hover ul,
		#topnav li.sfhover ul,
		#topnav li li:hover ul,
		#topnav li li.sfhover ul {
			left: auto;
			}
			#topnav li:hover ul li:hover {
				background: #c3c3c3;
				}
			#topnav li:hover ul li:hover a,
			#topnav li:hover ul li.sfhover a,
			#topnav li:hover ul ul li:hover a,
			#topnav li:hover ul ul li.sfhover a  {
				color: #fff;
				}
	#topnav li.left {
		padding: 0;
		height:20px;
		background:url(../images/nav_left.jpg);
		}
	#topnav li.right {
		padding: 0;
		height:20px;
		background:url(../images/nav_right.jpg) top right;
		float: right;
		}
	#topnav li.active {
		background:url(../images/nav_active.gif) no-repeat;
		}

	#topnav li a,  #topnav li a:link,  #topnav li a:active,  #topnav li a:visited {
		color: #fff;
		font-size:1.4em;
		text-decoration: none;
		padding: 12px 28px;
		display: block;
		
		}
	#topnav ul ul li a, #topnav ul ul li a:link, #topnav ul ul li a:active, #topnav ul ul li a:visited,
	#topnav ul ul ul li a, #topnav ul ul ul li a:link, #topnav ul ul ul li a:active, #topnav ul ul ul li a:visited {
		color: #ccc;
		font-size:1.2em;
		text-decoration: none;
		padding: 0;
		margin: 0;
		}

/* &) -=-=-=- GENERAL SELECTORS -=-=-=- */

a:link img, a:visited img {
	border: none !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h2 {
	font-size: 2.2em;
	color: #666;
	background: url(../images/bg_titles.jpg) repeat-x;
	line-height: 1.8em;
	padding-left: 10px;
	margin: 10px 0;
	clear: both;
	}
	h2 a,
	h2 alink,
	h2 a:active,
	h2 a:visited {
		text-decoration: none;
		color: #666;
		}
h3 {
	font-size: 1.8em;
	color: #E06E30;
	line-height: 1.2em;
	padding: 0;
	margin: 15px 10px 5px;
	border-bottom: dotted 1px #CFC8C2;
	clear: both;
	}
	h3 a,
	h3 a:link,
	h3 a:active,
	h3 a:visited !important {
		color: #E06E30;
		text-decoration:none; 
		}
h4 {
	font-size: 1.5em;
	color: #408abd;
	line-height: 1.4em;
	margin: 12px 10px 6px;
	font-weight: bold;
	}
	#content_right h4 {
		font-size: 2em;
		color: #666;
		background: url(../images/bg_rt_titles.jpg) repeat-x;
		line-height: 1.6em;
		padding-left: 10px;
		margin: 10px 0;
		font-weight: normal;
		}
	#content_right h4.spot{
		color: #d94026;
		}
h5 {
	font-size: 1.7em;
	color: #408abd;
	line-height: 1.1em;
	margin: 5px 10px;
	border-bottom: dotted 1px #CFC8C2;
	}
#content_right h5 {
	font-size: 1.3em;
	font-weight: bold;
	color: #408abd;
	line-height: 1.2em;
	margin: 0 5px 0 0;
	border-bottom: none;
	}
	#content_right h5.highlight {
		color: #e68035;
		}
h6 {
	font-size: 1.4em;
	color: #666;
	line-height: 1.4em;
	padding-left: 10px;
	margin: 20px 0 -2px;
	font-weight: bold;
	}
	div.description h6 {
		font-size: 1.4em;
		color: #666;
		/*border-bottom: dotted 1px #ece6d3;*/
		background: #f2f7f7;
		line-height: 1.5em;
		padding: 1px 2px 1px 5px;
		margin: 10px 0 5px 5px;
		clear: both;
		/*font-weight: bold;*/
		}
p {
	margin: 5px 10px 10px 10px;
	line-height: 1.8em;
	font-size: 1.2em;
	}
	#content_right p {
		margin: 5px 0 15px;
		line-height: 1.6em;
		font-size: 1.2em;
		}

.highlight {
	
}
a:link, a:visited {
	color: #2f85b7;
	}
	h3 a:link, h3 a:visited {
		color: #E06E30;
		text-decoration: none;
		}
#container a:hover, a:active,
#content_left a:hover, a:active {
	color: #e68035;
	}
blockquote {
	border-left: 4px solid #3f3f3f;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
}
sup {
	font-size: 60%;
	vertical-align: top;
}
.fl_left {
	float: left;
}
	.fl_left_prod {
		float: left;
		width: 65%;
	}
	.fl_right_scrn {
		float: right;
		width: 33%;
	}
.fl_right {
	float: right;
}
.fl_right_img {
	float: right;
	margin: 5px 0 0 15px;
}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
.boxshot {
	float: right;
	margin: 5px 0 0 15px;
}
.readmore {
	margin: -10px 0 0 10px;
	font-size: 1.2em;
	}
.editentry {
	clear:both;
	margin: 25px 0 0 0;
	font-size: 1.2em;
	background: #eee;
	padding: 2px 10px;
	}
div.navigation {
	background: #F2F7F7;
	padding: 10px 10px;
	margin: 10px 0;
	height: 15px;
}
div.navigation a {
	font-size: 12px;
	}
/* &) -=-=-=- HEADER SELECTORS -=-=-=- */

h1.maintitle {
	margin: 0;
	padding: 0;
}
h1.maintitle span {
	display: none;
}
h1.maintitle img {
	border:none;
}
h1.maintitle small {
	font-size: 60%;
	display: block;
}
/* &) -=-=-=- CONTENT RIGHT SELECTORS -=-=-=- */
#content_right a:link,
#content_right a:active,
#content_right a:visited
 {
	font-size: 12px;
	color: #2f85b7;
	}
	#content_right a:hover {
		color: #e68035;
		}
	
#content_right .button {
	background:url(../images/button_rt.jpg) no-repeat top left;
	width: 194px;
	margin: 10px 0 10px -3px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 12px 10px;
	cursor: pointer;
	}
#content_right .block {
	margin: 0 0 20px 5px;
	font-size: 12px;
	}
	#content_right .block p {
	font-size: 12px;
	}

#content_right ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#content_right li {
		margin: 6px 0;
		padding: 0;
		font-weight: bold;
		}
	#content_right li a,
	#content_right li a:link,
	#content_right li a:active,
	#content_right li a:visited {
		font-size: 12px;
		}
/* &)-=-=-=- FOOTER -=-=-=- */

#footer_wrapper{
	background: #3a3a3a;
	border-top: solid 1px #6a6a6a;
	padding:0;
	margin:0;
	color: #aaa;
	font-size: 1.2em;
	}
	#footer_wrapper a,
	#footer_wrapper a:link,
	#footer_wrapper a:active,
	#footer_wrapper a:visited {
		font-size: 1em;
		color: #aaa;
		text-decoration: none;
		}
	#footer_wrapper a.mute,
	#footer_wrapper .mute{
		color: #b08362;
		}
#pre-footer {
	width:944px;
	margin: 0 auto;
	padding: 15px 20px;	
	background:url(../images/bg_pre_footer.jpg) top left repeat-y;
	
	}
	#pre-footer ul {
		margin: 0 100px 0 0;
		padding: 0;
		list-style: none;
		float: left;
		}
		#pre-footer ul.right {
			margin: 0 75px 0 0;
			padding: 0;
			list-style: none;
			float: right;
			}
		#pre-footer li {
			margin: 0;
			padding: 3px 9px;
			border-left: solid 1px #515151;
			}
#footer_content {
	background:url(../images/bg_footer.jpg) top left repeat-y;
	width:944px;
	margin: 0 auto;
	padding: 20px;
	font-size: 1em;
	}
	
/* &)-=-=-=- Hacks -=-=-=- */

.clearfix:after { /* float hack used to float content correctly */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}/* Hides from IE-mac \*/
/* End hide from IE-mac */

.clear {
	clear: both;
}
.clearfix {
	display: inline-table;
}
.clearfix {
	display: block;
}
/* &)-=-=-=-=- New Stuff -=-=-=-=*/





/* &)-=-=-=-=- MISC -=-=-=-=*/

.e5_outerborder_horizontal {
	background-color:#DFDFDF; !important
	color : #555555;
	font-family:Arial;
	}
.e5_cartborder_horizontal {
	font-family : Arial;
	color : #555555;
	background-color:#DFDFDF; !important
	}
.e5_cartborder_vertical
        {
        font-family : Arial;
        color : #555555;
        background-color:#DFDFDF; !important
        }
.e5_outerborder_horizontal
        {
        font-family : Arial;
        color : #555555;
        background-color:#DFDFDF; !important
        }
.e5_outerborder_vertical
        {
        font-family : Arial;
        color : #555555;
        background-color:#DFDFDF; !important
        }