@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------STRUCTURE---------*/

.block { width: 960px; margin: auto; background: url(images/dots-bg.gif) repeat; clear: both; }
body { background: url(images/bg.jpg) repeat; background-position: top center; }
#wrapper { margin: auto; margin-top: 37px; width: 968px; background: url(images/content-bg-tile.gif) repeat-y; }
#header-container { background: url(images/content-bg-top.gif) no-repeat; padding-top: 4px; }
#footer-container { background: url(images/content-bg-bottom.gif) no-repeat; background-position: bottom center; padding-bottom: 4px; }
#header { height: 141px; background: url(images/menu-bg.gif) no-repeat; background-position: top right; position: relative; }
#breadcrumbs { height: 36px;  }
#comms { height: 231px; }
#content {   }
#footer { height: 61px;  padding-top: 30px; }

h1#logo { margin: 0; padding: 0;  }
h1#logo a { position: absolute; top: 30px; left: 22px; height: 91px; width: 187px; background: url(images/logo.gif) no-repeat; display: block; z-index: 10000; text-indent: -8000px; overflow: hidden; }
#sub-menu {float: right; height: 22px; margin-right: 10px;  }
#nav { position: absolute; top: 47px; left: 250px; width: 690px; }
#nav li { display: inline; }
#nav li a { float: left; margin-right: 15px; width: 150px;  }
#nav li img { margin-bottom: 10px;  }

#breadcrumb-links { float: left;  margin-top: 7px; margin-left: 10px;  padding: 4px;  }
#breadcrumb-search { float: right; margin-top: 7px; margin-right: 10px;  }


.two-col-50-left { float: left; width: 390px; padding: 10px; margin-left: 60px; }
.two-col-50-right { float: right; width: 390px; padding: 10px; margin-right: 60px; }
.one-col { padding: 10px 0px 10px 0px; width: 840px; margin: auto; }

.testimonial-home { width: 100%; }

#footer-copyright { float: left; width: 470px;  }
#footer-links { float: right; width: 470px; }

.product-description { width: 450px; float: left; margin-top: 20px; }
.product-image { width: 300px; float: right; margin-top: 20px; }
.product-image img { width: 300px; }



/*------Everything else----------*/

p { margin-bottom: 2em; line-height: 1.3em; letter-spacing: 0.08em; }
.clear { clear: both; }
body { font-family: Arial, Helvetica, sans-serif;  font-size: 0.8em;  }
#sub-menu { font-size: 12px; line-height: 22px; color: #999999; }
#nav, #nav a { font-size: 10px; color: #ceb5e1; text-decoration: none; }

#breadcrumb-links { color: #bebdbd; font-size: 11px; background-color: #fff; }
#breadcrumb-search input { }
#breadcrumb-search input.text { border: 1px solid #333; height: 18px; margin: 0; padding: 0; vertical-align: top;}
#breadcrumb-search input.button { background-color: #b3b3b3; color: #fff; border: 0px; height: 20px; vertical-align: top; }

#comms { background: #fff url(images/comms-home.jpg) no-repeat; }
.hire-comms { background: #fff !important; }
.dj-school-comms { background: url(/css/images/comms-dj-school.jpg) no-repeat !important; }
.dj-hire-comms { background: url(/css/images/dj-hire-comms.gif) no-repeat !important; }
.about-us-comms { background: url(/css/images/about-us-comms.jpg) no-repeat !important; }

#content { background: #fff url(images/content-heading-bg.gif) repeat-x; background-position:top; }

.testimonials h4, .testimonial-home h4 { color: #999999; margin-bottom: 1.5em; }
blockquote { background: url(images/quote-big-close.gif) no-repeat; background-position: bottom right; font-size: 1.1em; color: #666; }
blockquote .bq-start { display: block; height: 46px; width: 57px; background: url(images/quote-big-open.gif) no-repeat; margin-bottom: 2em; }
blockquote .bq-end { display: block; height: 46px; width: 58px; background: url(images/quote-big-close.gif) no-repeat; float:right; }
blockquote p { text-align: justify; }

#footer { color: #333333; font-size: 12px;  }
#footer-copyright { line-height: 30px; background: #fff; padding-left: 10px; }
#footer-links {line-height: 30px; background: #fff; padding-right: 10px; text-align: right;}

#breadcrumb-links a, #breadcrumb-links a:visited { color: #bebdbd; text-decoration: underline;  }
#breadcrumb-links a:hover { color: #999999; }

#sub-menu a, #sub-menu a:visited { font-size: 11px; line-height: 22px; color: #999999; }
#sub-menu a:hover { color: #666666; }

#footer { color: #999999; }
#footer a, #footer a:visited { color: #777777; text-decoration: underline; }
#footer a:hover { color: #999999; }

.one-col ul, .two-col-50-left ul, .two-col-50-right ul { margin-bottom: 2em; }
.one-col li, .two-col-50-left li, .two-col-50-right li { line-height: 1.5em; list-style: disc; margin-left: 20px; margin-bottom: 0.5em; }

.disabled-2 { background: #f2f2f2; border: 1px solid #333333; color: #666666; }

#hire-date-config p { text-align: center; }

#hire-info { width: 700px; height: 215px; margin: 10px !important; margin: 0px; float: left; }

#hire-date-summary { width: 196px; margin: auto; font-size: 11px; color: #999999; text-align: center;   }

#hire-date-summary a:link, #hire-date-summary a:visited { color: #179ea0; }

#hire-steps ul { float: left;  margin-top: 10px; background: #efefef;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 12px 0 12px; height: 125px; }
#hire-steps li { line-height: 41px;  font-size: 12px; color: #666666; border-bottom: 1px dotted #cccccc;  }

#hire-steps ul li:last-child { border-bottom: 0px; }

#hire-steps li span { text-transform: uppercase; font-weight: bold; color: #179ea0; letter-spacing: -4; margin-right: 20px; }
#hire-steps img { float: right; margin-top: 10px; }
#hire-steps li a, #hire-steps li a:hover, #hire-steps li a:visited { color: #666666; text-decoration: none; }

#content input.text { padding: 5px; }

#content label { letter-spacing: normal; 	font-size: 11px; }
#content a:link, #content a:visited { color: #179ea0; text-decoration: underline; }
#content a:hover { color: #5dd2d3; }

span.nis { clear: both; }

.heading-wrapper { height: 82px; }

input.button { background-color: #b3b3b3; color: #fff; border: 0px; vertical-align: top;  height: 22px; }

hr { 
height: 10px;
background: #ffffff;
border: 0px;
border-bottom: 1px dotted #999999;
margin-bottom: 10px;
}

div.testimonials div.testimonial { border-bottom: 1px solid #179ea0; margin-bottom: 20px; }
div.testimonials div.testimonial:last-child { border-bottom: none; }

div.formwrapper {	background: url(/css/images/form-bg.gif); padding: 40px 40px 1px 40px; color: #d9c8e6; }
div.formwrapper-base { background: url(/css/images/form-bg.gif); background-position: bottom; height: 30px; }

div.catProdAttributeTitle { font-weight: bold; line-height: 2em; }
div.catProductAttributeGroup { float: left; }
div.productAttributes { clear: both;  display: block; }
div.add-inputs { clear: both; display: block; text-align: right;  }

.in-cart-note { font-weight: bold; font-size: 1.2em; }

.modalBackground
{
	background-color:#e6e6e6;
	filter:alpha(opacity=60);
	opacity:0.60;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
}

.ajaxLoader 
{
	height: 96px;
	width: 182px;
	background: #fff url(/css/images/ajax-loader.gif) no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 45%;
	z-index: 10000;
	font-size: 10px;
	text-align: center;
}

.ajaxLoader span { position: relative; top: 75px; left: auto; }

div.related-products table.productTable {
border-collapse:collapse;
border-spacing: 0;

}
div.related-products table.productTable td {
padding: 0px;
border: 10px solid #eaeaea;
}

div.related-products { width: 450px; float: left; clear: both; }

div.newsletter-form { background: url(/css/images/newsletter-signup-bg.png) no-repeat; min-height: 247px; }

/*---------------------------------------------*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
  
  .sIFR-active h3.purple,   .sIFR-active h3.teal {
    font-family: Verdana;
    visibility: hidden;
	font-size: 20px;
	line-height: 1em;
	margin-bottom: 0.8em;
  }
  
 .sIFR-active h4.purple, .sIFR-active h4.teal {
    font-family: Verdana;
    visibility: hidden;
	font-size: 20px;
	line-height: 1em;
  }
  
  .sIFR-active #hire-info h4 {
    font-family: Verdana;
    visibility: hidden;
	font-size: 20px;
	line-height: 1.2em;
	width: 690px;
	text-align: center;
	float: left;
  }
  
  .sIFR-active h2.product-title, .sIFR-active h2.catalog-title {
    font-family: Verdana;
    visibility: hidden;
	font-size: 40px;
	line-height: 1em;
  }
}