a{
	text-decoration:none;	
	font-size: 8pt;	
	color:#000000;
}

a:hover {
	color:#ec1c29;
}

body {	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#container {
	position:absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width:100%;
	height:100%;
}
#bg {	
	position:relative;
	margin: 3px auto 3px auto;
	width: 977px;
	background:#000 url(diagBg.gif);
}

.leftBgCnr {		
	position:relative;
	top:-10px;
	_top:0px;
	height: 5px;
	width: 4px;
	overflow: hidden;
	background:transparent;
}

::root .leftBgCnr {	
	top:-10px;
}

.rightBgCnr {		
	position:relative;
	top:-10px;
	_top:0px;
	height: 5px;
	width: 4px;
	margin-left:973px;
	_margin-left:987px;
	margin-top:-5px;
	overflow: hidden;
	background:transparent;
}

::root .rightBgCnr {	
	top:-10px;
}

#whiteBgBuffer {
	position:relative;
	margin-left:5px;
	width: 967px;
	background:#FFFFFF;
}

.leftWhiteCnr {		
	position:relative;
	top:-10px;
	_top:0px;
	height: 5px;
	width: 3px;
	overflow: hidden;
	background:transparent;
}

::root #leftWhiteCnr {	
	top:-10px;
}

.rightWhiteCnr {		
	position:relative;
	top:-10px;
	_top:0px;
	height: 5px;
	width: 3px;
	margin-left:965px;
	_margin-left:980px;
	margin-top:-5px;
	overflow: hidden;
	background:transparent;
}

::root #rightWhiteCnr {	
	top:-10px;
}

#keys h1 {
	position:absolute;
	top:1px;
	margin: 0px auto 0px auto;
	width: 950px;
	text-align:right;
	font-size:7pt;
	font-family: arial;
	color: #cccccc;
}

#main {
	position:relative;
	padding:0px 0px 0px 0px;
	_padding:0px 0px 0px 0px;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	margin-top:8px;
	_margin-top:0px;
	top:0px;
	_top:8px;
	margin-left:14px;
	_margin-left:22px;
	width: 939px;
	_width: 937px;
	overflow:visible;
}

#flashBan {
	position:relative;
	margin:0px -1px 0px 0px;
	left:-1px;
	_left:0px;
	border:none;
	width: 942px;
	_width:939px;	

}

#subPageFlash {
	position:relative;
	margin: 0px 0px 0px 0px;
	_margin:0px -2px 0px 0px;
	left:-1px;
	border:none;
	width: 943px;	
	_width:940px;	
	height: 165px;
	background: url(flash2.jpg) no-repeat;
}

#logo {
	position: absolute;
	left: 47px;
	top: 25px;
	width: 150px;	
	height: 72px;
	background: url(logo.gif) no-repeat;
}

#flashNav {
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	border:none;
	width:941px;
	_width:939px;
	height: 41px;
	overflow:hidden;
	background: url(bg_repeat.jpg) repeat-x bottom #000000;
	text-align:center;
}

#content {
	position: relative;
	clear:both;
	width: 937px;
	margin:0px 0px 0px 0px;
	padding-top:15px;
	padding-bottom:10px;
	overflow:hidden;
}

#format1Content {
	position: relative;
	width: 816px;
	margin: 0px 15px 0px 15px;
}

#scrollText { 
	position: relative; 
	margin: 20px 0px 0px 42px; 
	vertical-align:top; 
	width:858px;
	height:50px;
	padding-left:106px;
	background: url(scrollText.gif) no-repeat;
}

#scrollFlash {
	position: relative;
	margin-top:-2px;
	height: 28px;
	width: 652px;
	background: transparent;
}

#redHorizBar {
	clear:both;
	position:relative;
	margin: 0px 0px 0px 0px;
	_margin: 0px -3px 0px 0px;
	border:none;
	height: 3px;
	overflow:hidden;
	width:941px;
	_width:939px;
	background: #ec1c29;
}

#footer {
	position: relative;
	clear:both;
	margin: 0px 0px 0px 0px;
	_margin: 0px -2px 0px 0px;
	border:none;
	height: 38px;
	width:941px;
	_width:939px;
	background: #000000;
	overflow: visible;
	font-family: arial;
	font-size: 0.6em;	
	color: #999999;	
	text-align:center;
	overflow:hidden;
}

#footerNav {
	background:transparent;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	width:940px;	
}
div#footerNav a, div#footerNav a:visited, div#footerNav a:active{
	font-family: arial;
	font-size: 8pt;	
	color: #666666;
	text-decoration: none;
}
div#footerNav a:hover{
	color: #ec1c29;
}

#footerLeftCnr {
	padding-left:3px;
	position: absolute;
	left:-3px;
	top:28px;
	_top:31px;
	width:7px;
	height:10px;
	overflow: hidden;
	background:transparent;
}

::root #footerLeftCnr {
	top:31px;
}

#footerRightCnr {
	text-align:left;
	position: absolute;
	left:934px;
	_left:932px;
	top:28px;
	_top:31px;
	width:10px;
	height:10px;
	overflow: hidden;
	background:transparent;
}

::root #footerRightCnr {
	top:31px;
}

#subFooter {
	position:relative;
	height: 37px;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	_margin-top:9px;
	_margin-left:14px;
	font-family: arial;
	font-size:0.65em;
	color: #999999;
	line-height:10px;
}

#djcFooterLeftLogo {
	position: absolute;
	top:10px;
	left:30px;
	width:83px;
	height:21px;
}
#djcFooterText {
	position: absolute;
	width:965px;
	height:20px;	
	top:10px;
	text-align:center;
	font-size:10px;
}
#djcFooterText a {
	font-family: arial;
	font-size:1em;
	color: #999999;
	line-height:10px;
	text-decoration: none;
}
#djcFooterRightLogo {
	position: absolute;
	top:10px;
	left:850px;	
	width:83px;
	height:21px;
}




.bigArrow {
	position: absolute;
	height:16px;
	width:16px;
	background:url(bigArrow.gif) no-repeat;
}

.arrow {
	position: absolute;
	top:5px;
	height:10px;
	width:10px;
	background:url(arrow.gif) no-repeat;
}

.arrowLight {
	position: absolute;
	top:5px;
	height:10px;
	width:10px;
	background:url(arrowLight.gif) no-repeat;
}

.homePic {
	position: relative;
	float:right;
	height: 138px;
	width: 305px;
}

.leftText {
	position: absolute;	
	width:380px;
	font-family: arial;
	font-size: 12px;	
	color: #000000;	
}
.leftText02 {
padding:20px 40px;
	font-family: arial;
	font-size: 12px;	
	color: #000000;	
}
.vertSpacer {
	position: absolute;
	top: 20px;
	left:430px;
	height:421px;
	width:50px;
	background:url(vertSpacer.gif);
}


#rightContent {
	position: absolute;
	width:331px;
	margin-top:13px;
	float:right;
	left: 391px;
	top: -12px;
}

#homeHead1 {
	position:relative;
	margin-top:10px;
	width:10px;
	height:10px;
	overflow: visible;
}

.resource {
	position:relative;
	margin-top:10px;
	width:100%;
	text-decoration:none;	
	font-family: arial;
	font-size: 8pt;	
	color:#000000;
}

/*input {
	width:383px;
}

select {
	width:387px;
}

textarea {	
	width:383px;
}

.submit input {
	width:190px;
}*/

body.mceContentBody {
	background: #FFF;
}
.searchBox {
	background-image:url(search_back.png);
	background-color:none;
}
.searchBox a {
	color:#fff;
	text-decoration:none;
}
.searchBox a:hover {
	color:#fff;
	text-decoration:underline;
}
select, option {
	font: 11px Tahoma;
	background:#E9E9E9;
}
input, textarea, password, file {
	FONT-FAMILY: Tahoma, Arial;
	font-size: 12px;
	border:#a1a0a0 1px solid;
	background:#E9E9E9;
	padding:2px;
}
input[type="checkbox"] {
	border:none;
	background:none;
}
/*----------------------------- Basic layout styles from top to bottom of the page ------------------------------ */


.searchinput {
	font:normal 12px Tahoma, Arial;
	border:1px solid #3C3C3C;
	margin:0px 8px 0px 0px;
	background:#FFF url(mag_glass.gif) no-repeat;
	padding:2px 2px 2px 17px;
	font-size:12px;
}
.topnav {
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}
.topnav A {
	color:#FFF;
	text-decoration:none;
	padding:14px 20px;
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
	width:auto;
	border-right:1px solid #fff;
	white-space:nowrap;
}
.topnav A:hover {
	text-decoration:none;
	background:#FF0000;
	color:#FFF;
}
.topnav table {
	text-align:center
}
/*----------------------------- Buttons ------------------------------ */


.button {
	color:#FFF;
	margin:0px 8px 0px 0px;
	padding:3px 6px 6px 6px;
	font:normal 11px Tahoma, Arial;
	text-decoration:none;
	background: url(menu_bg.gif) repeat center;
	cursor:pointer;
	display:block;
	float:left;
	clear:none;
	border:0px;
	width:auto;
}
/* display, float and clear are needed to render buttons correctly in IE 6 */


.button:hover {
	color:#FFFFFF;
	text-decoration:none;
	background: url(menu_bg_over.gif) repeat center;
}
input {
 padding: expression(this.type=="submit"?'0px':'');
 width:140px;
}
form submit {
	width:1%;
	overflow:visible;
}
/* this is for Gecko based broswers to change background of all <input type="submit"> tags */

input[type="submit"] {
	padding: 2px 2px;
}
/*----------------------------------------- Left Hand Menu No-Popup ---------------------------------------*/
#menuLeft {
	background:#FFF;
	border-right:1px dotted #333;
}
#menuLeft ul {
	font: normal 12px Tahoma, Arial;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 157px; /* Width of Menu Items */
}
#menuLeft ul li a {
	display: block;
	width:149px;
	text-decoration: none;
	color: #000;
 	background: #FFF opacity:.70;
	filter: alpha(opacity=70); /* IE6 Bug */
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px dotted #333;
}
/* Fix IE. Hide from IE Mac \*/
/** html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }*/
/* End */


#menuLeft ul li a:hover {
	color: #FFF;
	background: #000;
	opacity:.70;
	filter: alpha(opacity=70);
}
#menuLeft ul li ul {
	display: none;
}
#menuLeft ul li.highlight ul {
	display: block;
}
#menuLeft .highlight a {
	color: #FFF;
	background:#ec1c29;
	font-size: 12px;
}
/* Hover Styles */
		
#menuLeft li ul li a {
	padding: 1px 3px;
} /* Sub Menu Styles */
#menuLeft li:hover ul, li.over ul {
	display: none;
} /* The magic */
#menuLeft .sub a {
	background:none;
	color:#ec1c29;
	width: 143px;
	padding:2px 4px 2px 10px;
	font-weight: normal;
	border-top-style: none;
}
/* .highlight  li ul { display: block; }  The magic */ 




#menuLeft .sub a:hover {
	background: #ec1c29;
	color:#000;
}
.highlight A {
	TEXT-DECORATION: none;
	background: #999;
	color:#000
}
.selected {
	text-decoration:none;
	color: #333
}
#menuLeft .subHighlight a {
	color: #000;
	background: #FFF;
	width: 143px;
	padding:2px 4px 2px 10px;
	font-weight: bold;
	border-top-style: none;
}/*----------------------------- left hand menu ------------------------------ */
.menutop {
	margin-top:10px;
	background:url(menuTopRound.gif) no-repeat top center;
	display:block;
	height:7px;
	border-bottom:1px solid #3c3c3c;
	width:144px;
	margin-left:6px;
}
.menutop span {
	font:bold;
	font-family:1px;
	display:none;
	pacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
} /* display:none hides the word Browse */
#menuNormal ul {
	font: normal 12px Tahoma, Arial;
	margin: 0;
	margin-left:6px;
	padding: 0 0 7px 0;
	list-style: none;
	width: 144px; /* Width of Menu Items */
	background: url(menuBottomRound.gif) bottom center no-repeat;
}
#menuNormal ul li {
	position: relative;
	background:none;
}
#menuNormal li ul {
	position: absolute;
	left: 138px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
}
/* Styles for Menu Items */
#menuNormal ul li a {
	display: block;
	width:136px;
	text-decoration: none;
	color: #fff;
	background: #ec1c29; /* IE6 Bug */
	padding: 4px;
	text-indent:10px;
	border-bottom:1px solid #3c3c3c;
	background:url(menuBackGrad.gif) repeat-y;
}
#menuNormal ul li a:hover {
	color: #fff;
	background:#666666;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li {
	float: left;
	height: 1%;
}
* html ul li a {
	height: 1%;
}
/* End */

#menuNormal ul li ul {
	border-top:1px solid #3c3c3c;
	background:none;
	width:167px;
	top:-1px;
}
;
/* Hover Styles */
		
#menuNormal li ul li a {
	padding: 1px 3px;
} /* Sub Menu Styles */
#menuNormal li:hover ul, #menuNormal li.over ul {
	display: block;
} /* The magic */
#menuNormal .sub a {
	border-left:1px solid #3c3c3c;
	border-right:1px solid #3c3c3c;
	background: #626262;
	color:#FFF;
	width: 160px;
	padding:4px;
	opacity:.98;
	filter: alpha(opacity=98);
	-moz-opacity: 0.98;
}
#menuNormal .sub a:hover {
	background: #3c3c3c;
	color:#333;
	opacity:100;
	filter: alpha(opacity=100);
	width: 160px;
	-moz-opacity: 1;
}
.highlight A {
	TEXT-DECORATION: none;
	background: #E7E7E7 url(dot_over.gif);
	color:#3c3c3c;
}
.cart {
	font: 12px Arial;
	border:1px solid #999;
	width:98%;
	background:#F7F7F7
}
.cart th {
	text-align:left;
	background:#999;
	color:#FFF
}
.cart a {
	margin-right:0px;
	float:right
}
.lineitem {
	border-bottom: 1px dotted #CCC
}
.checkouthead {
	font-size: 16px;
	color:#ec1c29;
	padding:20px 0px
}
.displayhd {
	font-size: 14px;
	font-weight:bold;
	color:#333;
}

.cat_head {
} /*Category name and description*/
#thumbnail {
	WIDTH: 465px;
	float: left;
	clear: none;
	padding:4px;
	text-align:left;
	margin:5px;
	border:1px solid #c1c1c1;
}
#thumbnail a {
	font:Bold 13px Tahoma, arial;
	text-align:left;
	background-color:none;
	color:#333;
}
#thumbnail a:hover{color:#D70000; text-decoration:none;}
#thumbnail span {
	font:normal 13px Tahoma, arial;
	text-align:left;
}
#thumbnail div {
	text-align:center
}
#thumbnail .thumbImage {
	height:40px;
}
#thumbnail .thumbInfo {
	clear:both;
}
#thumbnail .thumbInfo h3 {
	margin:0px;
	padding:3px;
}
/*----------------------------- Essential Bizar Shop Styles ------------------------------ */

.errorMessage {
	font-weight: bold;
	color: #FFF;
	background-color: #AD0034;
	padding:4px;
	text-align: center;
}
.okMessage {
	font-weight: bold;
	padding: 4px;
	background-color:#CCC;
}
.form-label {
	font-weight: bold;
	color: #000
	}
.form-title {
	font-weight: bold;
	color: #000
}

/*----------------------------- Quick Edit ------------------------------ */
#quickEdit {
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
	background:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#barRow {
	background:url(quick_edit/quickFade.gif) repeat-x #fff;
}
#name1, #name2 {
	border-bottom:1px solid #ccc;
}
.quickButtons {
	padding:5px;
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:4px solid #CCC;
	color:#000;
	cursor:pointer;
	width:auto;
	background:#B4B4B4;
}
.quickButtons:hover {
	background:#000;
	color:#fff;
}
/*---------------------------------New Check Out Styles Below ---------------------------------*/

.orderDisplay {
	background:#333;
	padding:5px;
	color:#fff;
}
.checkouthead {
	border-bottom:1px dotted #CCC;
	margin: 0;
	padding:0 0 5px 0;
	font-size:20px;
	text-align:left;
}
.checkoutHeaderBlue {
	padding:10px;
	background:#333;
	color:#FFFFFF;
	text-align:left;
}
.checkoutCurrentBorder {
	border:1px solid #333;
	padding:5px;
	margin-bottom:5px;
	background:url(thumbnailShadow.gif) repeat-x top;
}
.checkoutHeaderGrey {
	padding:10px;
	background: url(checkout/page_back.png) repeat-x;
	color:#FFFFFF;
	margin-bottom:0px;
	text-align:left;
}
.summaryHeader {
	text-align:left;
	background:url(thumbnailShadow.gif) repeat-x top;
	padding:5px;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	height:15px;
}
.OrderDisplayBg{
	text-align:left;
	background:url(thumbnailShadow.gif) repeat-x top;
	padding:5px;
	color:#333;
	border:1px solid #ccc;
	height:15px;
}
.editLink, .editLink a {
	font-weight:normal;
	color:#666666;
	font-size:9px;
}
.nextButton {
	margin:0px 8px 0px 0px;
	padding:3px 6px 6px 6px;
	font:bold 11px Tahoma, Arial;
	color:#3C3C3C;
	text-decoration:none;
	color:#FFF;
	background: url(checkout/button_back_over.png) center;
	cursor:pointer;
	display:block;
	float:left;
	clear:none;
	border:0px;
	background-position:right;
}
.nextButtonInput {
	margin:0px 8px 0px 0px;
	font:normal 12px Tahoma, Arial;
	color:#3C3C3C;
	text-decoration:none;
	color:#FFF;
	background: url(checkout/button_back_over.png) center;
	border:0px;
	background-position:right;
	padding:5px 15px 10px 10px;
	display:block;
	float:right;
	cursor:pointer;
}
.nextButtonInput:hover {
	text-decoration:none;
	background: url(checkout/button_back.png) right;
	color:#FFF;
}
.backButton {
	margin:0px 8px 0px 0px;
	padding:3px 6px 6px 6px;
	font:bold 11px Tahoma, Arial;
	color:#3C3C3C;
	text-decoration:none;
	color:#FFF;
	text-decoration:none;
	background: url(checkout/button_back_over.png) center;
	cursor:pointer;
	display:block;
	float:left;
	clear:none;
	border:0px;
	background-position:left;
	padding-left:15px;
	padding-top:6px;
	height:20px;
}
.backButton:hover {
	color:#FFF;
	text-decoration:none;
	background: url(checkout/button_back.png) left;
}
/* ---------------------------- End New Checkout Styles --------------------------------------- */