@import url('mplayer.css');

/*  

Theme Name: Impact Soundworks
Theme URI: http://www.impactsoundworks.com
Description: ISW 2010	
Version: 2010
Author: Daniel Pacey
Author URI: http://www.wearehench.com


*/

/*---------------------------------------------------------------- 	CSS RESET 		----------------------------------------------------------------*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*---------------------------------------------------------------- 	Main Structure 	----------------------------------------------------------------*/

body {
	background: url('images/bg.png') #333;
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: helvetica, arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #fff;
	height: 100%;
	}

#bgglow {
	background: url('images/backglow.png');
	background-repeat: repeat-y;
	width: 1008px;
	height: 100%;
	z-index: -10;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -504px;
	}

#container {
	width: 900px;
	height: 100%;
	padding: 0px 20px;
	background: #111;
	margin: 0px auto;
	overflow: hidden;
	z-index: 2;
	}
	
#header {
	width: 900px;
	height: 75px;
	padding: 30px 20px 15px 20px;
	background: url('images/bg.png') #111;
	background-repeat: repeat-x;
	margin: 0px auto;
	z-index: 3;
	}
	
#toplogo {
	width: 305px;
	height: 60px;
	background: url('images/toplogo.png') transparent;
	}

.tagline {
	width: 219px;
	height: 17px;
	background: url('images/tagline.png');
	position: relative;
	top: 6px;
	float: right;
	}

.topimg {
	background: #000;
	height: 340px;
	position: relative;
	overflow: hidden;
	}
	
#carousel {
	width: 900px;
	}

.nomargin {
	margin: 0 !important;
	height: 340px;
	overflow: hidden;
	position: relative;
	}

.overlay {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url('images/overlay.png');
	background-repeat: repeat-x;
	height: 120px;
	width: 100%;
	display: none;
	cursor: pointer;
	}
	
.overlay-text {
	width: 430px;
	}

.overlay-price {
	margin-left: 20px;
	position: relative;
	top: 2px;
	font-weight: 600;
	font-size: 12pt;
	clear: right;
	}

.overlay-copy {
	width: 100%;
	clear: left;
	}
	
.moreinfo {
	background: url('images/moreinfo.png');
	width: 113px;
	height: 13px;
	float: right;
	position: absolute;
	bottom: 20px;
	right: 10px;
	}
	
.left { float: left; }
.right { float: right; }

#footer li {
	background: #111 !important;
	color: #999 !important;
	padding-top: 20px;
	border-top: 1px solid #333;
	}

	
/*---------------------------------------------------------------- 	Product list	 	----------------------------------------------------------------*/		

.prodlist {
	margin-right: -20px;
	overflow: hidden;
	}

.prodlist li { 
	background: #222;
	width: 190px;
	padding: 10px;
	margin-right: 0px 0px 0px 0px !important;
	}
	
.prodlist li:hover { 
	background: #222222;
	}
	
.prodlist .prodimage {
	width: 190px;
	height: 144px;
	overflow: hidden;
	background: #000;
	margin-bottom: 10px;
	position: relative;
	}

.prodlist .prodimage img {
	position: absolute;
	left: -5px;
	}
	
.prodlist .cart-plus {
	background: url('images/cart-plus.png');
	width: 70px;
	height: 15px;
	float: right;
	background-repeat: no-repeat;
	padding-left: 30px;
	text-align: right;
	position: relative;
	top: 0px;
	margin-bottom: 0px;
	}
	
/*---------------------------------------------------------------- 	Box outs	 	----------------------------------------------------------------*/	
	
.padding {
	padding: 20px 10px;
	overflow: hidden;
	}

.white, .orange, .blue, .darkblue, .newsbox, .box {
	margin-bottom: 10px;
	}
	
.white {
	background: #fff;
	color: #333;
	}
	
.orange {
	background: #cc3300;
	color: #fff;
	}
	
.blue {
	background: #0078ad;
	color: #fff;
	}
	
.darkblue {
	background: #002d44;
	color: #fff;
	}	
	
.box, .newsbox, .prodlist li {
	background: #1c1c1c;
	background-repeat: repeat-x;
	background-position: bottom;
	}	

.newsbox {
	color: #ddd;
	overflow: hidden;
	}
	
.newsbox:hover {
	background: #222222;
	color: #fff;
	cursor: pointer;
	}
	
.box {
	color: #ddd;
	overflow: hidden;

	}

.boxbg {
	background: url('images/boxbg.gif') #222;
	}
	
.newsimg {
	padding: 10px;
	float: left;
	width: 200px;
	height: 144px;
	overflow: hidden;
	}
	
.newscopy {
	padding: 20px 10px 10px 0px;
	float: right;
	width: 430px;
	overflow: hidden;
	}
	
.leftcopy {
	padding: 20px 10px;
	float: left;
	width: 189px;
	overflow: hidden;
	}
	
.offer {
	width: 190px;
	padding: 10px;
	background: url('images/offerbg.png');
	background-repeat: repeat-x;
	color: #fff;
	overflow: hidden;
	font-weight: 600;
	}
	
.offer:hover {
	background-position: 0px -188px;
	cursor: pointer;
	}

.buyit {
	width: 190px;
	padding: 10px;
	background: url('images/offerbg.png');
	background-repeat: repeat-x;
	color: #fff;
	overflow: hidden;
	font-weight: 600;
	border-bottom: 1px solid #ff9966;
	}
	
.offertitle {
	width: 140px;
	float: left;
	}
	
.offerprice {
	width: 50px;
	float: right;
	text-align: right;
	}
	
	
/*---------------------------------------------------------------- 	Column Setup	 	----------------------------------------------------------------*/	

	
.content{
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	}

ul.columns {
	overflow: hidden;
	}	
	
ul.columns li {
	margin: 5px 20px 5px 0px;
	float: left;
	}
	
.cols1 {
	width: 210px;
	margin-right: 20px;
	}
	
.cols2 {
	width: 440px;
	margin-right: 20px;
	}

.cols3 {
	width: 670px;
	margin-right: 20px;
	}
	
.cols4 {
	width: 900px;
	margin: 0px !important;
	}

.rside {
	margin-right: 0px !important;
	}
	
/*---------------------------------------------------------------- 	Navigation	 	----------------------------------------------------------------*/	

#nav {
	width: 400px;
	height: 30px;
	position: relative;
	left: 80px;
	top: 8px;
	z-index: 10;
	}
	
#nav li {
	height: 12px;
	margin-right: 20px;
	background: url('images/nav.png');
	background-repeat: no-repeat;
	float: left;
	}

.menu1 {
	width: 34px;
	background-position: 0px 0px !important;
	}
	
.menu2 {
	width: 63px;
	height: 20px !important;
	background-position: -54px 0px !important;
	}
	
.menu3 {
	width: 51px;
	background-position: -138px 0px !important;
	}
	
.menu4 {
	width: 55px;
	background-position: -208px 0px !important;
	}
	
.menu5 {
	width: 58px;
	background-position: -282px 0px !important;
	}

.menu1:hover, .menu1-on { background-position: 0px -30px !important; width: 34px; }
.menu2:hover, .menu2-on { background-position: -54px -30px !important; width: 63px; }
.menu3:hover, .menu3-on { background-position: -138px -30px !important; width: 51px; }
.menu4:hover, .menu4-on { background-position: -208px -30px !important; width: 55px; }
.menu5:hover, .menu5-on { background-position: -282px -30px !important; width: 58px; }

.menu1-on, .menu2-on, .menu3-on, .menu4-on, .menu5-on {
	height: 30px !important;
	}


/*---------------------------------------------------------------- 	Shopping cart	 	----------------------------------------------------------------*/

.cart-add {
	background: url('images/cart-add.png');
	width: 190px;
	height: 26px;
	margin: 0px auto;
	}

.cart-add:hover { background-position: 0px -26px; cursor: pointer; }


.cart-view {
	background: url('images/cart-view.png');
	width: 82px;
	height: 15px;
	position: relative;
	float: right;
	top: 28px;
	}

.cart-view:hover { background-position: 0px -16px; cursor: pointer; }
	

	
.cart-plus {
	background: url('images/cart-plus.png');
	width: 18px;
	height: 15px;
	float: right;
	position: relative;
	top: -29px;
	margin-bottom: -29px;
	}
	
/*---------------------------------------------------------------- 	Headings	 	----------------------------------------------------------------*/
	

h1 {
	font-size: 18pt;
	line-height: 14pt;
	margin-bottom: 10px;
	font-weight: 400;
	color: #fff;
	}
	
.newscopy h1 {
	line-height: 18pt;
	}
	
.newscopy h2 { width: 300px !important; margin-top: 0px !important; }
	
h2 {
	font-size: 12pt;
	line-height: 16pt;
	margin-bottom: 10px;
	margin-top: 20px !important;
	color: #13b4dc;
	font-weight: 400;
	}
	


.heading {
	background: url('images/headings.png');
	margin-bottom: 15px;
	width: 140px;
	height: 10px;
	background-repeat: no-repeat;
	}
	
.review-head 	{	background-position: 0px 0px;	}
.offer-head 		{	background-position: 0px -11px;	}
.about-head 		{	background-position: 0px -22px;	}
.contact-head	{	background-position: 0px -33px;	}
.product-head	{	background-position: 0px -44px;	}
.support-head	{	background-position: 0px -55px;	}
.demo-head		{	background-position: 0px -66px;	}
.buy-head		{	background-position: 0px -77px;	}
.testi-head		{	background-position: 0px -88px;	}
.prodsupp-head	{	background-position: 0px -99px;	}
.gensupp-head	{	background-position: -61px -99px;}
.legal-head		{	background-position: 0px -110px;	}

	
/*---------------------------------------------------------------- 	Links 	----------------------------------------------------------------*/

a:link { color: #13b4dc; text-decoration: none; }
a:visited { color: #13b4dc; text-decoration: none; }
a:hover { color: #fff; text-decoration: none;}
a:active { color: #13b4dc; text-decoration: none; }

h1 a:link, .offer a:link { color: #fff; text-decoration: none; }
h1 a:visited, .offer a:visited { color: #fff; text-decoration: none; }

h2 a:visited { color: #13b4dc; text-decoration: none; }
h2 a:hover { color: #13b4dc; text-decoration: none; }

.white a:hover { color: #333 !important; text-decoration: none; }

.blue a:link, .darkblue a:link { color: #fff !important; text-decoration: none; }
.blue a:visited, .darkblue a:visited { color: #fff !important; text-decoration: none; }
.blue a:hover, .darkblue a:hover { color: #13b4dc !important; text-decoration: none; }

.blist a:link { color: #ccc; text-decoration: none; }
.blist a:visited { color: #ddd; text-decoration: none; }
.blist a:hover { color: #fff; text-decoration: none;}
.blist a:active { color: #fff; text-decoration: none; }

#footer a:link { color: #999; text-decoration: none; }
#footer a:visited { color: #999; text-decoration: none; }
#footer a:hover { color: #13b4dc; text-decoration: none;}
#footer a:active { color: #999; text-decoration: none; }

/*---------------------------------------------------------------- 	Miscellaneous Classes 	----------------------------------------------------------------*/

.hidden { visibility: hidden; width: 100%; height: 100%; }
.block { display: block; width: 100%; height: 100%; }
.excerpt { font-size: 9pt; color: #ccc; margin: 20px 0px 20px 0px; }
strong { font-weight: 600; }
p { margin-bottom: 6pt; }
em { font-style: italic; }

.date { height: 14px; position: relative; float: right; right: 0px; top: -8px; margin-bottom: -8px; padding: 10px 0px 3px 10px; color: #555; }

.prev, .next {
	background: url('images/prevnext.gif') #999;
	width: 112px;
	height: 12px;
	margin-top: 9px;
	cursor: pointer;
	}
	
.prev { float: left; background-position: 0px 13px; }
.next { float: right; background-position: -120px 13px; }
.prev:hover { float: left; background-position: 0px 0px; }
.next:hover { float: right; background-position: -120px 0px; }

.desc{
	text-indent: 0px;
	width: 178px;
	padding: 5px;
	background: #222222;
	border-top: 1px solid #444;
	position: relative;
	top: 10px;
	left: -30px;
	display:none;
	color: #999;
	}

.clickblock {
	border-top: 1px solid #333; 
	padding: 10px 10px 5px 10px !important;
	background: #222;
	}

.clickblock:hover { background: #292929; cursor: pointer; }


#tooltip { 
	padding: 5px;
	background: #000;
	color: #ccc;
	}

blockquote {
	font-style: italic;
	margin-bottom: 6pt; 
	}

	
.newscopy ul {
	list-style-type: disc !important;
	margin: 10px 0px 15px 20px;
	}
	
.newscopy ul li { width: 80%; margin: 0px 0px 5px 0px;  float: none !important; }	

ul.blist {
	margin: 0px;
	}
	
ul.blist li { width: 100%; margin: 0px 0px 3px 0px; clear: both; overflow: hidden !important; }
ul.nodisc { list-style-type: none !important; margin: 0px; }
.box ul.blist li { border-bottom: 1px solid #333; padding-bottom: 4px; }
.box ul.nodisc li { width: 160px; border-bottom: 1px solid #333; padding-bottom: 4px; overflow: hidden; padding-left: 30px; text-indent: -20px; }

.licence { font-size: 8pt; border-bottom: 1px solid #333; border-top: 1px solid #333; padding: 5px; overflow: hidden; }

.footul { width: 100% !important; }
.footul li  { width: 100% !important; margin: 0px 0px 3px 0px !important; border: 0 !important; padding: 0 !important; }
.footul ul  { position: relative !important; left: 100px !important; width: 210px !important; top: -17px !important; }
.footul li ul li  { display: block !important; }

table { margin: 20px auto; border-bottom: 1px solid #333; color: #ccc; }
th { font-weight: 600; border-bottom: 1px solid #333; }
td { padding: 5px 0px; }


/*----------------------------------------------------------------   Drop menu 	----------------------------------------------------------------*/

#productmenu { display: none; }

#productmenu, #productmenu ul { 
	padding:0; 
	position:absolute;
	left: 50%;
	margin-left: -318px;
	top: 120px;
	line-height:12pt; 
	z-index:10; 
	width: 190px; 
	background:#111;
	border-top: 1px solid #222;
	overflow: none;
	}

#productmenu a { overflow: hidden; display: block; width: 100%; height: 100%; color: #fff;  }
	
#productmenu li { height: 16px; border-bottom: 1px solid #333; padding: 5px; }
#productmenu li:hover { background: #0078ad; }
#productmenu ul { position:relative; display: none; width:190px; top: -22px; left: 503px; border-left: 1px solid #333;}
#productmenu ul li { height: auto !important;}

#productmenu li:hover ul ul, #productmenu li:hover ul ul ul, #productmenu li:hover ul ul ul ul {display:none;}
#productmenu li:hover ul, #productmenu li li:hover ul, #productmenu li li li:hover ul, #productmenu li li li li:hover ul {display:block;}


/* ------------------------ Form ------------------------ */			
			
.invform	{
			display: none;
			clear: both;
			}
			
			
label {
	font-size: 9pt;
	line-height: 15pt;
	color: #ccc;
	width: 100px;
	margin-right: 20px;
	position: relative;
	float: left;
	}
	
#contact-form {
	position: relative;
	}

	
input, form, fieldset, textarea {
	margin: 0px;
	margin-bottom: 6px;
	font-size: 9pt;
	line-height: 14pt;
	color: #ccc;
	}
			
input, textarea {
	border: 1px solid #222;
	background: #111;
	color: #999;
	padding: 4px;
	width: 250px;
	font-family: arial, helvetica;
	}

textarea {
	overflow: hidden;
	}

textarea:focus, input:focus	{
	border: 1px solid #0078ad;
	background: #000;
	color: #fff;
	}

textarea	{
		height: 123px;
		}
		
input.button	{
	position: relative;
	left: 119px;
	width: 33px;
	height: 10px;
	border: 0px;		
	background: url('images/send.png') transparent;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	

.button:hover {		
	background-position: 0px -11px;
	cursor: pointer;
	}
		
input.button:focus {	
	background: url('images/send.png') transparent;	
	background-position: 0px -11px;
	}
	

		
#alert_name, #alert_email, #alert_phone, #alert_comments, #success {
	font-size: 9pt;
	height: 18px;
	color: #13b4dc;
	position: absolute;
	bottom: 8px;
	left: 180px;
	display: none;
	background: #1c1c1c;
	width: 180px;
	z-index: 5;
	}
	
#success {
	font-size: 9pt;
	background: #1c1c1c;
	color: #fff;
	position: absolute;
	left: 119px;
	width: 250px;
	height: 18px;
	padding: 2px 5px 1px 5px;
	}	
	
/* Easyslider */

ol#controls{
	width: 538px;
	position: relative;
	float: right;
	height: 16px;
	margin: 20px 0px 0px 0px;
	z-index: 9999 !important;
	}
	
ol#controls li {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin: 0px 3px;
	text-align: center;
	}
	
ol#controls li a {
	float: left;
	height: 16px;
	width: 16px;
	line-height: 16px;
	background: url('images/controlbtn.png') #ccc;
	color: #ccc;
	}

ol#controls li a:hover {
	background: url('images/controlbtn.png') #eb0;
	color: #eb0;
}
	
ol#controls li.current a {
	background: url('images/controlbtn.png') #666;
	color: #666;
	}
	
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline: none; }