/* @override http://nekoaudio.wesman.net/css/main.css */

body {
	background-color: white;
	position: absolute;
	top: 66px;
	width: 100%;
	margin: .5em 0;
	color: #333;
	font: smaller "Lucida Grande", Lucida, Verdana, sans-serif;
}

a:link {
	color: #33f;
}

a:visited {
	color: #339;
}

img {
	border: 0px;
}

/* @group Hacks */

img, div {
	behavior: url(/css/iepngfix.htc)
}

/* @end */

/* @group Bubbles */
/* This CSS is courtesy Spiffy Corners. See http://www.spiffycorners.com/ */

.bubble.inside {
	padding-left: .5em;
	padding-right: .5em;
	background-color: #eee;
}

.bubble.edge {
	display: block
}

.bubble.edge * {
	display: block;
	height: 1px;
}

.bubble.edge .line1 {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 1px;
	padding-right: 1px;
}

.bubble.edge .line2 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
}

.bubble.edge .line3 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

.bubble.edge .line4 {
	margin-left: 1px;
	margin-right: 1px;
}

.bubble.edge * {
	background-color: #eee;
}

/* @end */

/* @group Header */

#header {
	height: 66px;
	width: 100%;
	background-color: white;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	padding-left: .5em;
	padding-top: .5em;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#header ul {
	list-style-type: none;
	letter-spacing: 1px;
	height: 22px;
	margin: 0 0 0 175px;
	padding: 0;
	background-color: black;
}

#header li {
	height: 22px;
	margin-left: -22px;
	float: left;
	padding-left: 2em;
	padding-right: 1.5em;
	background: url(/images/header_tab.png) no-repeat;
	font-size: larger;
}

#header #logo {
	border-style: none;
	float: left;
}

#header #tagline {
	text-align: center;
	display: block;
	height: 44px;
	color: #666;
	word-spacing: .5em;
	line-height: 75%;
	font-size: larger;
}

#header a {
	font-variant: small-caps;
	text-decoration: none;
	color: #d0d0d0;
	vertical-align: middle;
}

/* @end */

/* @group Navigation */

#navigation {
	float: left;
	position: fixed;
	width: 160px;
	height: 100%;
	font-size: small;
	margin-top: 1em;
	margin-left: 1em;
	left: 0px;
}

#navigation h1 {
	color: black;
	margin: 0;
	font-size: large;
}

#navigation ul {
	margin: 0;
	list-style-type: circle;
	text-transform: lowercase;
	line-height: 150%;
	padding-left: 2em;
}

#navigation a {
	text-decoration: none;
}

#navigation a:hover {
	border-bottom: 2px dashed silver;
}

#navigation #secure-site {
	width: 120px;
}

#navigation #secure-site img {
	width: 120px;
}

#navigation #free-trial {
	display: block;
	height: 60px;
	width: 120px;
	margin: 1em auto;
	text-align: center;
	font-weight: bold;
	font-size: large;
	border: 2px dashed navy;
}

#navigation #free-trial div {
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	width: 120px;
}

#navigation #free-trial a {
	color: maroon;
}

#navigation #free-trial span {
	display: block;
}

#navigation #google-checkout-logo {
	width: 92px;
	margin: 1em auto;
}

#navigation #paypal-checkout-logo {
	width: 120px;
	margin: 1em auto;
	text-align: center;
}

#navigation #paypal-checkout-logo img {
	float: left;
	margin-right: 7px;
}

#navigation #paypal-checkout-logo span {
	font-size: xx-small;
}

/* @end */

/* @group Content */

#content {
	margin-left: 160px;
	padding-right: 1em;
	padding-left: .5em;
	text-align: justify;
}

#content .address {
	line-height: 125%;
	font-style: italic;
}

#content a.named {
	float: left;
	margin-top: -76px;
}

#content .product table.photo {
	margin-left: auto;
	margin-right: auto;
}

#content .product span.thumbnail {
	display: block;
}

#content td.specials {
	vertical-align: top;
}

#content td.award {
	vertical-align: top;
}

#content img.thumbnail {
	border: 1px solid black;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content img.accessory {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

#content div.accessory {
	margin-bottom: 2em;
	clear: both;
}

#content .action-icon {
	vertical-align: middle;
}

#content h1 {
	margin: .5em .5em .5em 0;
	color: black;
	letter-spacing: 1px;
}

#content h2 {
	text-transform: lowercase;
	font-size: large;
	color: black;
}

#content h3 {
	font-size: small;
	margin-bottom: 0;
}

#content .notice {
	color: red;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content .description {
	font-size: larger;
}

#content .explanation {
	font-size: smaller;
}

#content .info {
	font-size: smaller;
	font-weight: normal;
	font-style: normal;
}

#content .more a {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#content .review {
	padding-left: 2em;
	padding-right: 2em;
	text-align: right;
	margin-bottom: 1em;
}

#content .review blockquote {
	background-image: url("/images/quote.gif");
	background-repeat: no-repeat;
	margin: 0;
	padding-left: 1.5em;
	text-align: left;
	line-height: 1.5;
}

#content .review blockquote .logo {
	float: left;
	margin-right: 0.5em;
}

#content .properties {
	margin: 0;
	padding-left: 3em;
}

#content .properties li {
	margin-bottom: .5em;
	margin-top: .5em;
}

/* @group Specials */

#content #specials-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
}

#content #specials {
	position: absolute;
	width: 40em;
	z-index: 100;
	top: 4em;
	left: 50%;
	margin-left: -20em;
	font-size: medium;
}

#content #specials #specials-close {
	position: absolute;
	right: 0.5em;
	top: 0.5em;
}

#content #specials p {
	display: block;
	margin: 0px;
	padding-right: 2em;
}

#content #specials b {
	color: darkred;
}

#content #specials .specials-details {
	padding-top: 2em;
	display: block;
	font-size: x-small;
}

/* @end */

/* @group Pairs */

#content .pairs {
	display: table;
	margin: 0;
	width: 100%;
	padding-left: .5em;
	padding-right: .5em;
}

#content .pairs td {
	vertical-align: top;
}

#content .pairs li {
	display: table-row;
	line-height: 150%;
}

#content .pairs .key {
	display: table-cell;
	padding-right: 1em;
	text-transform: lowercase;
	font-variant: small-caps;
	width: 8em;
	font-size: larger;
}

#content .pairs .value {
	display: table-cell;
	padding-left: 1em;
}

#content .pairs .values span {
	display: block;
	padding-left: 1em;
}

/* @end */

/* @group Forms */

#content form {
	clear: both;
	font-weight: bold;
	margin-bottom: 0;
}

#content tr {
	margin: 0px;
}

#content div.product form {
	display: inline;
	text-align: right;
	
}

#content div.accessory form {
	display: inline;
	text-align: right;
}

#content div.accessory form p {
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

#content div.accessory form h3 {
	text-align: left;
}

#content form.table span {
	display: inline;
	padding-right: 1em;
}

#content form.table span.price {
	display: inline;
	text-align: right;
	width: 5em;
	margin-right: 0px;
	margin-left: auto;
}

/* @end */

/* @group Tables */

#content table {
	border-collapse: collapse;
}

#content .header th {
	padding: 0.25em;
	text-align: center;
	border-bottom: 1px solid black;
}

#content td {
	padding: 0.25em;
	text-align: left;
}

#content td.key {
	text-align: right;
}

#content td.qty {
	text-align: center;
}

#content td.price {
	text-align: right;
}

#content th.price {
	text-align: right;
}

#content .sub-footer td {
	border-top: 1px solid silver;
}

#content .footer td {
	border-top: 1px solid black;
}

#content table.cart {
	width: 52em;
	font-weight: bold;
}

/* @end */

/* @group Cart */

#content #empty {
	text-align: center;
}

#content #discount {
	font-weight: bolder;
	color: darkred;
}

#content #update-cart {
	position: absolute;
}

#content #checkout-frame {
	display: block;
	height: 5em;
}

#content #nekoaudio-frame {
	display: block;
	margin-top: 2px;
	margin-bottom: 0.5em;
	margin-left: 40.5em;
	width: 180px;
	text-align: center;
}

#content #paypal-frame {
	position: absolute;
	padding: 2px;
	margin-left: 26em;
	width: 180px;
	text-align: center;
}

#content #google-frame {
	position: absolute;
	margin-left: 38.6em;
	width: 180px;
	text-align: center;
}

#content #alt-order {
	text-align: left;
	margin-top: 2.5em;
}

#content #enter-shipping {
	margin-top: 0.5em;
	text-align: center;
	color: red;
	font-weight: bold;
}

#content .cart .option {
	display: block;
	font-weight: normal;
	padding-left: 1em;
	font-size: smaller;
}

#content .cart tr {
	vertical-align: baseline;
}

#content .cart td#description {
	width: 24em;
}

#content .price {
	text-align: right;
}

#content .price-select {
	text-align: left;
	width: 17em;
}

#content .price span {
	display: inline;
}

/* @group PayPal */

#content #paypal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
}

#content #paypal {
	position: absolute;
	width: 32em;
	z-index: 100;
	top: 4em;
	left: 50%;
	margin-left: -16em;
}

#content #paypal #paypal-bubble {
	padding-bottom: 3.5em;
}

#content #paypal h2 {
	margin: 0px;
}

#content #paypal #paypal-close {
	position: absolute;
	right: 0.5em;
	top: 0.5em;
}

#content #paypal tr {
	margin: 0px;
	vertical-align: baseline;
}

#content #paypal #paypal-state {
	width: 16em;
}

#content #paypal #paypal-enterzip {
	font-weight: normal;
}

#content #paypal #paypal-fill-form {
	font-weight: bold;
	color: #ff0000;
	position: absolute;
	right: 170px;
	bottom: 2em;
}

#content #paypal #paypal-checkout {
	text-align: right;
	margin-top: 0.5em;
	position: absolute;
	z-index: 2;
	right: 0.5em;
}

#content #paypal #paypal-calcshipping {
	float: right;
	margin-top: 0.5em;
	position: absolute;
	z-index: 1;
	right: 0.5em;
}

#content #paypal #paypal-spinner {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	z-index: 110;
	vertical-align: middle;
	background-color: #eee;
	text-align: center;
}

#content #paypal #paypal-spinner #spinner {
	display: block;
	padding: 9em;
	font-weight: bold;
}

#content #paypal #paypal-spinner #spinner img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

/* @end */

/* @end */

/* @group Checkout */

#content table.checkout tr {
	margin: 0px;
	vertical-align: baseline;
}

#content table.checkout td.key {
	width: 8.5em;
}

#content table.checkout input[disabled] {
	color: gray;
}

#content #shipping-section {
	width: 26em;
}

#content #shipping-section #shipping-same {
	display: inline;
	font-size: small;
	font-weight: normal;
}

#content #billing-section {
	width: 26em;
}

#content #payment-section {
	clear: both;
}

#content #review-section {
	display: block;
	text-align: right;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid silver;
	border-bottom: 1px solid black;
	width: 52em;
}

#content #review-section #review-order {
	vertical-align: middle;
}

#content #review-section #fill-form {
	color: red;
}

#content #checkout-spinner {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 110;
	vertical-align: middle;
	background-color: #eee;
	text-align: center;
}

#content #checkout-spinner #spinner {
	display: block;
	font-weight: bold;
	padding-top: 18em;
}

#content #checkout-spinner #spinner img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

/* @end */

/* @group Confirm */

#content table.confirm tr {
	margin: 0px;
	vertical-align: baseline;
}

#content #billing-section address {
	font-style: normal;
}

#content #shipping-section address {
	font-style: normal;
}

#content #place-section {
	display: block;
	text-align: right;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid silver;
	border-bottom: 1px solid black;
	width: 52em;
}

#content #place-section #make-changes {
	float: left;
	height: 2em;
}

/* @end */

/* @group Measurements */

#content .measurement {
	margin: 0.5em;
	text-align: center;
	float: none;
	display: inline-block;
}

#content .measurement img {
	border: 1px solid #000;
	padding: .25em;
}

#content .measurement a {
	text-decoration: none;
	font-size: smaller;
}

/* @end */

/* @end */

/* @group Event */

#event {
	text-align: center;
	margin: 1em;
	font-weight: bold;
	font-size: larger;
}

#event img {
	border: 0px;
}

/* @end */

/* @group Privacy */

.privacy li {
	margin-top: .5em;
}

.privacy .key {
	font-weight: bold;
	display: block;
}

.privacy .value {
	font-size: small;
}

/* @end */

/* @group Footer */

#footer {
	text-align: center;
	color: #666;
	font-size: x-small;
	clear: both;
	margin: 2em;
}

#footer div {
	margin-bottom: 0.5em;
}

#footer #social {
	margin-left: auto;
	margin-right: auto;
	
}

#footer #social span {
	margin-left: 0.25em;
	margin-right: 0.25em;
}

/* @end */