/*
Holographic Audio Theater
By: Nifty Inc
*/

/* ---[ COLORS  Background: #3b3b3b  Green: #add14c  Dark Back: #262626  Light Gray: #777 ]---*/


/* ---[ GENERAL ]------------------------------- */
/* ---[ Reset All -- Alternative to Universal Selector -- removed "form" from the list]------------------------------- */
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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: none;}

body {opacity: 0.9999999;}
body {margin: 0; padding:0; border:0; background-color:#3b3b3b;}
body {font: 100.01% Arial, Helvetica, sans-serif ; color: #fff; font-weight: normal;}

a:focus, a:active {outline: 0; -moz-outline: none;}

img {margin: 0; border:0;}
table {border: 0; border-collapse: collapse;}

.hr {display:block; margin:10px 0 20px 0; border-bottom:1px solid;}

ul {list-style-type: none;}

#wrapper {position: relative; margin: 0 auto; padding: 0; border: 0; width: 976px;}


/* ---[ HEAD ]------------------------------- */
#head {position: relative; display: block; padding: 0; width: 976px;}

/* ---[ Navigation ]----------- */ 
#navWrap { float: left; padding: 0; width: 634px; z-index:99;} 
#navWrap ul.main { 
	position: relative;
	margin:0; padding:0; 
	padding-top: 16px; 
	font: bold 0.6575em Arial, Helvetica, sans-serif; 
	overflow: hidden;
	} 
#navWrap ul.main li.primary {
	float: left;
	clear: left;
	width: 634px;
	height:15px; 
	color: #fff; 
	text-transform:uppercase; 
	text-align: left;
	position: relative;

} 
#navWrap ul.main li.items {
	position: absolute; 
	top:92px; left:150px;
	margin:0; padding:0; 
	color: #777; 
	text-transform:none; 
	} 
#navWrap ul.main li.primary a {
	color: #fff; 
	text-decoration:none; 
	padding:0; 
	font-weight: bold;	
	} 
#navWrap ul.main li.primary a.master {
	position: absolute;
	width: auto;
	z-index: 51;
	background-color: #3b3b3b; 
}
#navWrap ul.main li.primary a.selected {
	color: #add14c;
}
#navWrap ul.main li a:hover {color: #add14c;} 
#navWrap ul.main li a.chosen {color: #add14c; text-decoration:none;}
.nav_main {z-index: 999;}
ul.expandable_nav_neu {
	list-style-type: none;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0 0 0 100px;
	width: auto;
	text-align: left;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #add14c;
}
ul.expandable_nav_neu li {
	display: inline;
	margin:  0em 0em 0em 2em;
}
ul.expandable_nav_neu li a {
	font-weight: normal;
	text-transform:none; 
}
/*
#expandCatalog {position: absolute; top: 27px; display: block; margin:0; padding:0;} 
#expandHowTo {position: absolute; top: 42px; display: block; margin:0; padding:0;} 
#expandTandM {position: absolute; top: 57px; display: block; margin:0; padding:0;} 
#expandFS {position: absolute; top: 73px; display: block; margin:0; padding:0;} 
ul.expandable_nav {margin:0; padding:0; list-style-type: none; width: 634px; z-index: -1;} 
ul.expandable_nav li {
	display:block; 
	float:left; 
	margin:0; 
	padding:3px 12px 0 0; 
	list-style-type:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight: bold; font-size: 0.6575em; 
	border-bottom: 1px solid #add14c;
	z-index: -1;
} 
ul.expandable_nav li.bump {display:block; padding:3px 0 0 0; width: 180px; z-index: -1;} 
ul.expandable_nav li a, ul.expandable_nav li a:visited {
	display:block; 
	padding:0 12px 0 0; 
	color:#fff; 
	text-transform:none; 
	text-decoration:none;
	z-index: -1;
} 
ul.expandable_nav li a:hover {color: #add14c; text-decoration:none;}


/* ---[ Logo ]------------------------- */
#logo {float: left; margin: 0; padding: 0; width: 342px; height: 106px; text-align: right;}
#logo img {margin: 40px 0 0 0; padding: 0;}


/* ---[ Neck ]------------------------- */
#neck {float: left; margin: 0; padding: 0; width: 976px; height: 36px;}


/* ---[ Title ]------------------------- */
#title {float: left; margin: 0; padding: 0; border-bottom: 1px solid #fff; width: 976px; height: 22px;}
#crumb {float: left; margin: 0; padding: 0; width: 756px; height: 23px;}
#signIn { position: absolute; left: 575px; width: 400px; top: 113px; height: 20px; font: bold 0.6575em Arial, Helvetica, sans-serif; color: #777; text-align: right; overflow: hidden; padding-top: 30px; }

/*
#signIn a { color: #777; text-decoration:none;}
#signIn a:hover {color: #add14c;}
*/

a.grayLink {color: #777; text-decoration:none;} 
a.grayLink:hover {color: #add14c;}


#signIn div#signin_slider { position: absolute; top: 0px; left: 0px; width: 400px; height:25px; }
a.forgotPW {color: #add14c  !Important; text-decoration: none;}
a.forgotPW:hover {color: #fff  !Important; text-decoration: none;}

.muted_action {float: right; margin: 0 0 -15px 0; padding: 1px 0 0px 0; width: 220px; font: bold 10px Arial, Helvetica, sans-serif; color: #777; text-align: right;}

.muted_action a {color: #777 ; text-decoration:none;}
.muted_action a:hover {color: #add14c;}


/* ---[ BANNER ]------------------------- */
#pic {float: left; margin: 0; padding: 15px 0 15px 0; width: 976px;}
#picEmpty {float: left; margin: 0; padding: 0; width: 976px; height: 230px;}
.productBannerImage {float: left; margin: 0; padding: 0; width: 976px; height: 230px;}

#picRelaxThunderstorm {float: left; margin: 0; padding: 0; width: 976px; height: 230px; background: url("../images/pics/picRelaxThunderstorm.jpg") 0 15px no-repeat;}
#picRelaxMorning {float: left; margin: 0; padding: 0; width: 976px; height: 230px; background: url("../images/pics/picRelaxMorning.jpg") 0 15px no-repeat;}
#picRelaxOcean {float: left; margin: 0; padding: 0; width: 976px; height: 230px; background: url("../images/pics/picRelaxOcean.jpg") 0 15px no-repeat;}
#picRelaxZen {float: left; margin: 0; padding: 0; width: 976px; height: 230px; background: url("../images/pics/picRelaxZen.jpg") 0 15px no-repeat;}
#picRelaxSunset {float: left; margin: 0; padding: 0; width: 976px; height: 230px; background: url("../images/pics/picRelaxSunset.jpg") 0 15px no-repeat;}
#picRelaxWorld {float: left; margin: 0; padding: 0; width: 976px; height: 230px; background: url("../images/pics/picRelaxWorld.jpg") 0 15px no-repeat;}

/* ---[ Slider ]------------------------- */
#slider {float: left; margin: 0; padding: 0; border-top: 1px solid #fff; width: 976px; height: 36px;}
#slideLeft {float: left; margin: 0; padding: 3px 0 0 0;}
#slideRight {float: right; margin: 0; padding: 3px 0 0 16px; text-align:right;}
#sliderEmpty {float: left; margin: 0; padding: 0; border-top: 1px solid #fff; width: 976px; height: 24px;}

#slideLeft, #slideRight a {font-style: italic; font-weight: bold; color: #add14c; text-decoration: none; cursor: pointer;}
#slideLeft, #slideRight a:hover {font-style: italic; font-weight: bold; color: #fff; text-decoration: none;}

#bnav {float:right; margin: 0px;}
#bnav ul.boxNav {margin:7px 0 0 0; padding:0; list-style-type: none;}
#bnav ul.boxNav li {display:block; float: left; margin:0 5px 0 0; padding:0; width: 6px; height: 6px; border: 1px solid #777; cursor: pointer;}
#bnav ul.boxNav li.current {background-color: #add14c; border: 1px solid #add14c;}
#bnav ul.boxNav li:hover {background-color: #add14c; border: 1px solid #add14c;}

/* ---[ HOME ]------------------------- */
#homeWrap {float: left; margin: 0; padding: 0; width: 976px; }

.welcome {float: left; padding: 0 78px 16px 0; width: 600px;}
.whatsInside {float: left; padding: 0 16px 0 16px; width: 265px; border-left: 1px solid #add14c; background-color:#262626;}

.column {float: left; padding: 0 32px 16px 0; width: 334px;}
.columnWide {float: left; padding: 0 32px 16px 0; width: 668px;}

/* ---[ PRODUCTS ]------------------------- */
.productItems { height: 255px; display: block; clear: both;}
#productWrap {float: left; margin: 0; padding: 0; width: 976px; }
#productWrap ul {margin: 0; list-style-type: none;}
/*#productWrap ul li {margin: 0; list-style-type: none;}*/
.product img, .productLast  img {margin: 0 0 4px 0;/* border: 1px solid #262626;*/}

.product {float: left; margin: 0; padding: 0 16px 16px 12px; width: 215px; border-right: 1px solid #add14c; cursor : pointer;}
.productLast {float: left; margin: 0; padding: 0 16px 16px 12px; width: 216px; border-right: 0px;}
.productDetail {float: left; margin: 0; padding: 0 16px 16px 12px; width: 215px; border-left: 1px solid #add14c; }
.product:hover, .productLast:hover, .productDetail:hover {background-color: #262626;}

.productDetailHR {float: left; margin: 0; padding: 0 16px 16px 12px; width: 215px; border-left: 1px solid #add14c; }

#productDetail ul li { float: left;}
#releaseDateLabel { float: left;}
#releaseDateItem { clear: both;}
#lengthLabel { float: left; clear: both;}
#lengthItem { clear: both;}
#filesizeLabel { float: left;}
#filesizeItem { clear: both; margin-bottom: 12px;}
#releaseDate { float: right;}
#length { float: right;}
#filesize { float: right;}
li#returntoproducts a {font-style: italic; color: #add14c; text-decoration: none; font-size: 0.6875em;}
li#returntoproducts a:hover {font-style: italic; color: #fff; text-decoration: none; font-size: 0.6875em;}

table {width: 100%; border-collapse: collapse; clear: left;}

th, td {text-align: left; vertical-align: top; padding: 0;}
th {padding:1.251em 0 1.251em 0; font-style: italic; color: #add14c; font-size: 0.6575em; }

td {padding:0.333em 0 0.225em 0; font-size: 0.6575em; line-height: 1em; text-transform: uppercase;}
td.right {padding:0.333em 0 0.225em 0; font-size: 0.6575em; text-align: right; line-height: 1em; text-transform: uppercase;}

td.spaced, td.button {padding:1.333em 0 0 0; font-weight: bold; line-height: 1em; text-transform: uppercase; cursor: pointer;}

th a {font-style: italic; color: #add14c; text-decoration: none;}
th a:hover {font-style: italic; color: #fff; text-decoration: none;}

td.button a {color: #262626 !Important; text-decoration: none; background-color:#add14c;}
td.button a:hover {color: #262626 !Important; text-decoration: none; background-color:#fff;}

li.button a { float: right;color: #262626; text-decoration: none; background-color:#add14c; cursor: pointer;}
li.button a:hover {color: #262626; text-decoration: none; background-color:#fff;}
li.morelink { margin-bottom: 12px; clear: both; }

.sku { float: left; width: 60px; font-size: 0.6575em; text-transform: uppercase; clear: both; }
.price { float: left; width: 40px; font-size: 0.6575em; text-transform: uppercase;}
.add { float: right; width: 90px; font-size: 0.6575em; text-transform: uppercase; cursor: pointer;}
.prodImg { float: left; clear: both;	}
.description { float: left; clear: both; width: 215px;}

div#buttons ul { list-style-type: none; }
div#buttons ul li { display: inline; width: auto; }
div#buttons ul li a { float: left; margin: 0em 1em 0em 0em; font-size: 0.6875em; font-weight: bold; text-transform: uppercase; color: #282828; text-decoration: none; background-color:#fff; cursor: pointer; }
div#buttons ul li a:hover { color: #262626; background-color:#add14c;  }
div#buttons ul li a.select { float:right; margin: 0em 0em 0em 1em; font-size: 0.6875em; font-weight: bold; text-transform: uppercase; color: #262626; text-decoration: none; background-color:#add14c; cursor: pointer; }
div#buttons ul li a.select:hover { color: #282828; background-color:#fff;  }

/* --- [ GENERIC BUTTON CLASS ] ----------------*/
a.button_aggressive { float:right; margin: 0em 0em 0em 1em !important; font-size: 0.6875em; font-weight: bold; text-transform: uppercase; color: #262626 !important; text-decoration: none; background-color:#add14c !important; cursor: pointer; }
a.button_aggressive:hover { color: #282828 !important; background-color:#fff;  }
a.button_passive { float:left; margin: 0em 1em 0em 0em; font-size: 0.6875em; font-weight: bold; text-transform: uppercase; color: #282828 !important; text-decoration: none; background-color:#fff !important; cursor: pointer; }
a.button_passive:hover { color: #262626 !important; background-color:#add14c !important;  }


/* --- [ CONTACT ] -----------------------------*/
.contactDetail {float: left; margin: 0; padding: 0 16px 16px 12px; width: 215px; border-left: 1px solid #add14c; }
.contactDetail:hover {background-color: #262626;}


/* ---[ INTERIOR PAGES ]------------------------- */
#interiorWrap {float: left; margin: 0; padding: 0; width: 976px;}

#interiorWrap th {padding:1.251em 0 1.251em 0; font-weight: bold; font-style: normal; color: #fff; text-transform: uppercase;}
#interiorWrap td {padding:1.251em 0 0 0; font-size: 0.6575em; line-height: 1em; text-transform: none;}
#interiorWrap td a {font-weight: bold; font-style: italic; color: #add14c; text-decoration: none;}
#interiorWrap td a:hover {color: #fff; text-decoration: none;}


ul.experienceLinks {margin: 1.50em 0 0 0; padding: 0;}
ul.experienceLinks li {margin: 0; padding:0 0 1.25em 0; font: bold 0.6575em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none;}
ul.experienceLinks li a {font-style: italic; color: #add14c; text-decoration: none;}
ul.experienceLinks li a:hover {color: #fff; text-decoration: none;}






/* ---[ CART ]------------------------- */
#cartWrap {float: left; margin: 0; padding: 15px 0 15px 0; width: 976px; }
#cartWrap ul {margin: 0;}
#cartWrap ul li {margin: 0;}

.cartItem {float: left; margin: 2px 0 2px 0;  margin-bottom: 0px; padding: 0 16px 14px 12px; width: 166px; height: 85px; border-right: 1px solid #add14c; background-color: #262626;}
.cartItemLast {float: left; margin: 0; padding: 0 16px 14px 12px; width: 167px; border-right: 0px; background-color: #262626;}
.cartItem:hover, .cartItemLast:hover {background-color: #2f2f2f;}
.cartItem {padding-top:6px;}
.cartItem h6 { font-size:0.7em;}
.pNumber p { margin-bottom:4px; font-size:0.6em;}

#cartWrap th {text-align: left; vertical-align: top; padding: 0;}
#cartWrap th {padding:0.155em 0 4.255em 0; font-weight: bold; font-style: normal; color: #fff; text-transform: uppercase;}

#cartWrap td {padding:0.333em 0 0.425em 0; font-size: 0.6875em; line-height: 1em; text-transform: none;}
#cartWrap td.right {padding:0.425em 0 0 0; font-size: 0.6875em; text-align: right; line-height: 1em; text-transform: none; border-top: 1px solid #fff;}

#cartWrap td.view a {font-weight: bold; font-style: italic; color: #add14c; text-decoration: none;}
#cartWrap td.view a:hover {font-style: italic; color: #fff; text-decoration: none;}

#cartWrap td.right a {font-weight: bold; font-style: normal; color: #777; text-decoration: none;}
#cartWrap td.right a:hover {color: #fff; text-decoration: none;}
#shoppingCartWrapper { min-height: 400px; margin-bottom: 100px;}


/* ---[ CHECKOUT and FORMS ]------------------------- */
input {color: #add14c; background-color: #2f2f2f; }
input:focus {color: #fff; background-color: #262626;}
.grayfield {color: #add14c; background-color: #2f2f2f;}
.grayfield:focus {color: #fff; background-color: #262626;}

#checkout input,
#checkout textarea,
#checkout select {margin: 0; font: 0.8em Arial; border: 1px solid #777; width: 100%;}

#checkout .columnLeft, #checkout .columnMiddle {float: left; padding: 0 40px 0 0; width: 228px;}
#checkout .columnRight {float: left; padding: 0 20px 0 50px; width: 228px;}

#checkout .textBlock p {font: normal 0.6875em Arial, Helvetica, sans-serif;}

#cartTotal {float: left; margin: 0; padding: 6px 0 6px 0; border-top: 1px solid #fff; width: 976px; text-align: right;}
#buttons {float: right; margin: 0; padding: 6px 0 0 0; border-top: 1px solid #fff; width: 390px;}

li.button1 {display: block; float: left; margin: 0; padding: 0; cursor: pointer;}
li.button2, li.button3 {display: block; float: right; margin: 0; padding: 0;}

li.button1 a {color: #262626; text-decoration: none; background-color:#fff; cursor: pointer;}
li.button1 a:hover {text-decoration: none; background-color:#add14c;}

li.button2 a {color: #262626; text-decoration: none; background-color:#fff; cursor: pointer;}
li.button2 a:hover {text-decoration: none; background-color:#add14c;}

li.button3 a {margin: 0 0 0 12px; color: #262626; text-decoration: none; background-color:#add14c; cursor: pointer;}
li.button3 a:hover {text-decoration: none; background-color:#fff;}


li.name { float: left; margin-right: 8px;}
li.download { float: left; margin-right: 8px;}
li.type { float: left; margin-right: 5px;}

/* ---[ CONTACT ] -------------------- */
#columnWrap { float: left; margin: 0; padding: 0; width: 976px; height: 400px;  }
#columnWrap .columnLeft { float: left; width: 250px; }
#columnWrap .columnRight { float: left; width:  300px; }
#columnWrap #Detail{ float: left; width:250px; }
#columnWrap #Detail .download { margin-top: 8px; float: left;}
#columnWrap #Detail .type { margin-top: 8px; float: right;}


/* ---[ FOOT ]------------------------- */
#foot {float: left; margin: 0; padding: 6px 0 0 0; width: 976px; height: 20px; color: #777;}
#foot img {margin-top: -8px;}

/* ---[ TYPOGRAPHIC ]------------------------------- */
p {margin:0 0 1.286em 0; /* 14x1.286=18px */ font-size: 0.75em; /* 16x0.6875=11px */ line-height:1.625em;}

h1, h2, h3 {font-weight:normal;}
h1 {margin:16px 0 14px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.125em; color: #fff; letter-spacing: .0125em;}
h2 {margin:16px 0 14px 0; font-family: Arial, Helvetica, sans-serif; font-size: .945em; color: #fff; letter-spacing: .0185em;}
h3 {margin:14px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: .785em; color: #fff;}
h4 {margin:0; padding:0; font: bold 0.6575em Arial, Helvetica, sans-serif; text-transform: uppercase;}
h5 {margin:0 0 1.6875em 0; font: normal 0.6875em Arial, Helvetica, sans-serif; line-height:1.425em;}

a {color: #add14c; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}

a.whiteLink {color: #fff; text-decoration:none;} 
a.whiteLink:hover {color: #add14c;}


ul.list {list-style-type: square; padding: 0; margin: 0 0 1.286em 0; line-height: 1.4em; }
li.list {font-size: 0.70em; font-style: italic; margin: 0 0 8px 12px; line-height: 1.4em;}

ul.list2 {list-style-type: square; padding: 0; margin: 0 0 1.286em 0; line-height: 1.4em; }
li.list2 {font-size: 0.70em; font-style: italic; margin: 0 0 8px 14px; line-height: 1.4em;}

.bold {font-weight: bold;}
.ital {font-style:italic;}
.caps {text-transform: uppercase;}
.green {color:#add14c;}
.gray {color:#777;}

.boldgreenattribute {font-weight: bold; color:#add14c; font-size:0.6875em;}
.boldgreen {font-weight: bold; color:#add14c;}
.boldcaps {margin:0; font-weight: bold; text-transform: uppercase;}
.boldcapsgreen {margin:0; font-weight: bold; text-transform: uppercase; color:#add14c;}
.underline {text-decoration: underline;}
.italgreen {font-style:italic; color:#add14c;}
.italgreensmall {margin:0; padding:0; font-size: 0.6575em; font-style:italic; font-weight: bold; color:#add14c;}

.capsgreen {font-weight: normal; color:#aed24c; text-transform: uppercase;}
.capsgreenInline {font-weight: normal; color:#aed24c; text-transform: uppercase; margin-right: 8px; letter-spacing: .0225em;}
.small {font-size: 0.625em; color:#add14c;}
.smallGray {margin:0; padding:0; font-size: 0.6525em; color:#777;}
.copyright {font-size: 0.625em;}

.super {font-size: 0.7em; font-weight: bold; vertical-align: baseline; position: relative; top: -0.60em; }
.makePointer { cursor: pointer; }
.tenOffBottom { padding-bottom: 10px; }


.downloadLink{
	color: white;
	font-size: .8em;
	line-height: 1.5em;
}
.downloadLink:hover{
	color: #add14c;
}
.userinfo{
	line-height: 1em;
}

/* tooltip styling */ 
.tooltip { 
	display: none;
	position: absolute;
    background: url(/images/tooltip/black_arrow_big.png) no-repeat; 
    height:185px; 
    margin: 0;
    padding:17px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
    line-height: 11pt;
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}
.tooltip td{
    font-size:11px; 
    color:#fff; 
    line-height: 15pt;
    text-transform: none;
}
.tooltip b{
	text-transform:uppercase;
	font-size: 12px;
}
#videoloading{
	position: absolute;
	z-index: 999;
	margin: 50px 0 0 450px;
	width: 100px;
	height: 25px;
	background: url(/images/loading.gif) no-repeat;
	background-position: top center;
	padding-top: 50px;
	text-align: center;
}