/* Normalization */
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #333;
	line-height: 1.2;
}

img {
	border-width: 0;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,form,fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

fieldset {
  border: 2px solid #aaa;
  padding: 2px;
  margin-bottom: 10px;
}

/* Global */
html {
  overflow: hidden;
}

* html #xxxxzlkjaslfkj {
  overflow-x: hidden;
  overflow: auto;
}

body {
  font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	overflow: hidden;
}

.checkout_confirm #content_outer #content {
  width: 550px;
}

* html body {
  overflow: auto;
}

* html #content {
  padding-bottom: 100px;
}

a { 
  color:#333;
  text-decoration: none;
  cursor:pointer; 
}

a:hover { 
  text-decoration: underline;
}

.cb {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, .givelayout {
  zoom: 1;
}

/* Global Elements */

#content_outer {
	z-index: 100;
	top: 50%; 
	position: absolute;
	*background: white;
	width: auto;
  left: 50%;
}

.products_home #content_outer {
	width: 100%;
  left: 0px;
}

/* product detail */
#product_detail {
  width: 900px;
  text-align: left;
  margin: auto;
  margin-left: -442px;
}

#product_detail h2 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
}

#product_detail p.style {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 40px;
}

#product_detail p.desc {
  font-size: 16px;
}

#product_detail p.cost {
  font-size: 16px;
  clear: both;
  padding: 10px 0;
  height: 20px;
  color: black;
}

#product_detail #holder {
  text-align: left;
  float: left;
  width: 338px;
  height: 450px;
  text-align: center;
  margin: 0 10px 0 5px;
  line-height: 450px;
  font-weight: bold;
  border: 1px solid #FFF;
}

#product_detail #holder.zoomed {
  border: 1px solid #DDD;
}

#product_detail #holder .revert {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px;
  line-height: 1.2;
  z-index: 2000;
  background:#000;
  color:#FFF;
  width: 80px;
}

#product_detail #holder.loading .revert {
  color: #666;
}

#product_detail #holder a.revert:hover {
  background: #CCC;
  color: #000;
}

#product_detail #holder.loading .revert:hover {
  color: #666;
}

#product_detail #holder #main_img {
  vertical-align: middle;
}

#product_detail #product_desc {
  text-align: left;
  width: 312px;
  overflow: hidden;
}

* html #product_detail #product_desc {
  padding-left: 80px;
  position: relative;
  left: -80px;
  top: 0;
}

.cal {
  font-size: 12px; 
	text-align: center; 
	margin-top: 9px;
}

#header {	
  z-index: 200;
  position: absolute;
  width: 100%;
	background: white;
}

.logo {
  text-align: center;
  margin: 20px 0 0 0;
}

.logo a:hover {
  background: none;
}

#navigation {
  position:absolute; 
	z-index:200;
	background: white;
	bottom: 15px;
	width: 100%;
}


#navigation ul.last {
  margin-right: 0;
}

#navigation li {
  float: left;
  margin-right: 13px;
}

#navigation li.last, #store_navigation li.last {
  margin-right: 0;
}

/* white background nav container on blog page */
.blog.info #navigation_container {
  width: 100%;
  background: white;
  height: 50px;
  z-index: 199;
  position: absolute;
  bottom: 0;
}

/* from tiled */
#navigation {
  text-align: left;
  margin: 0 0 0 -165px;
  left: 50%;
  width: 330px;
}

#navigation ul {
  text-align: left;
  position: relative;
  list-style-type: none;
  padding: 10px 0 20px 0;
  top: 0;
  z-index: 210;
  background:transparent;

}
#navigation li.first{
	margin-top:-5px;
}

/* end */

/* Content Areas */
#content {
  width: 100%;
  height: 450px;
  margin: -253px 0 0 0;
}

* html #content {
  position: relative;
  top: 0;
  left: 0;
}

.cart #cart, .info #cart {
  display: none;
}

#order_billing_state {
  line-height: 19px;
  padding: 1px 0;
}

/* Scroller */
div.scroll_bar {
  background: transparent url(/images/line.gif) repeat-y center; 
  width: 7px; 
}

div.scroll_handle {
  background-color: rgb(125, 126, 128); 
  cursor: pointer; 
  height: 17px; 
  width: 7px; 
}

div.scroll_bar div.scroll_handle.over {
  background-color: red; 
}


/* Preview item */

#preview_item {
  text-align: center;
  height: 475px;
  line-height: 475px;
  margin-bottom: 25px;
}

#preview_item img {
  vertical-align: middle;
}

#preview_footer {
  position: relative;
  height: 44px;
  z-index: 2000;
}

#preview_footer div.logo {
  position: absolute;
  top: 0;
  left: 0;
}

#preview_footer .desc {
  position: absolute;
  top: 0;
  left: 230px;
  width: 400px;
  height: 44px;
}

#preview_footer .desc h2 {
  font-size: 11px;
  margin-bottom: 0;
}

#preview_footer .desc p {
  margin: 0;
}

#preview_footer .controls {
  position: absolute;
  top: 17px;
  left: 630px;
}

#preview_footer div.collection_link {
  float: right;
  margin-top: 17px;
}

#preview_footer div.collection_link a {
  display: block;
  color: #FFF;
  background: #000;
  padding: 0 7px;
}

#preview_footer div.collection_link a:hover {
  background: red;
}

/* Contact/mailing list */
h1.mailinglist {  font-size: 14px;}
h2.mailinglist {
  font-size: 11px;
  font-weight: normal;
  margin-top: 35px;
}

h2.contact {
  font-size: 11px;
  font-weight: normal;
  float: left;
  text-align: right;
  margin-top: 30px;
  width: 51%;
}



h2.contact span {
  color: #999;
  font-style: italic;
}

#mailinglist, #contact {
  clear:both;
  display:block;
  margin-top: 22px;
}

#mailinglist label, #contact label {
  display: block;
}

#mailinglist p.radios label {
  display: inline;
}

#mailinglist p, #contact p {
  margin: 8px 0;
}

#lang_english, #lang_japanese {
  border: none;
}

#contact p span {
  float: left;
  margin-right: 10px;
}

input, select, textarea {
  border: 1px solid black;
  padding: 2px;
}

#email, #first_name, #last_name {
  width: 100px;
}

#contact .error label, #mailinglist .error label {
  color: red;
}
.mListContainer input.error {
  border:1px solid red;
}
.mListContainer .success {
  padding-top:50px;
}

#content .blurb div.contactContainer, #content .blurb div.mListContainer {
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:20px;
	margin-left: 117px;
	width:280px;
}

.creditContainer {
	padding:15px 15px 15px 0;
	margin-bottom:20px;
	margin-left: 117px;
	width:280px;
}

#message {
  width: 215px;
  height: 130px;
}

.pt2{padding-top:2px;}
.pt4{padding-top:4px;}
.pl2{padding-left:3px;}
.p4{padding:4px;}
.fl{float:left;}
input.sub, input.unsub {
  font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 4px;
	padding-top: 5px;
	border: none;
	background: #CCC;
	color: #FFF;
}

input.sub {
  background: black;
}

p.credit {
  color: #555555;
  position: relative;
  top: -25px;
  display: inline;
  font-weight:bold;
  padding:2px;
}

p.credit a {
  color: #ff0000;
  padding:2px;
}

p.credit a:hover {
  color: #fff;
  padding:2px;
}

.message {
  line-height: 300px;
}

/* Store and cart */
#cart {
  position: absolute;
  z-index: 2000;
  top: 50%;
  margin-top: -225px;
  left: 50%;
  margin-left: 240px; 
  width: 200px; 
}

#cart p, #cart_extended {
  background: #EEE;
  margin-bottom: 1px;
  font-weight: bold;
}

#cart p span {
  display: block;
  padding: 5px;
  font-size: 14px;
}

#cart p span strong {
  font-size: 11px;
  color: #666;
}

#cart p span {
  background: #EEE;
  font-size: 11px;
  float: left;
}

#cart p span.num {
  width: 100px;
  text-align: left;
}

#cart p span.tot {
  width: 80px;
  text-align: right;
}

#cart a {
  display: block;
  color: white;
  font-weight: bold;
  padding: 5px 5px 2px 5px;
  width: 90px;
  float: left;
}

#cart a:hover, #pay a:hover {
  text-decoration: none;
}

#cart a.edit {
  background: #CCC;
  color: #000;
  text-align:center;
  width: 89px;
  margin-right: 1px;
}

#cart a.checkout {
  background: black;
  text-align:center;
}

#products {
  height: 450px;
  padding-top: 55px;
}

#products_inner {
  width: 100%;
  font-size: 14px;
  line-height: 350px;
  height: 350px;
  text-align: center;
}

div.prod_thumb {
  float: left;
  margin-left: 2px;
}

div.prod_thumb a:hover {
  background: none;
}

#add_to_cart {
  margin: 0;
  padding: 0;
  height: 52px;
}

#add_to_cart input, p.in_cart, p.sold_out, p.disabled_add {
  color: black;
  background: white;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	float: left;
	width: 100px;
}

#add_to_cart select {
  font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: block;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	width: 100px;
}

#add_to_cart input.delete {
  color: white;
  background: #000;
  font-size: 11px;
  padding: 3px;
  text-align: center;
  width: 100px;
  float: left;
  border: 1px solid black;
}

#add_to_cart input {
  height: 22px;
}

a.continue {
  background: #40393A;
  display: block;
  float: left;
  font-size: 11px;
  padding: 3px;
  height: 16px;
  line-height: 16px;
  text-align: center; 
  font-weight: bold;
  color: #FFF;
  width: 94px;
  border: none;
}

a.continue:hover {
  background: #40393A;
}

p.warning {
  color: red;
  font-weight: bold;
  padding-top: 3px;
}

#add_to_cart p.in_cart {
  margin: 0;
  padding: 3px 2px;
  color: black;
  width: 94px;
  float: none;
}

#add_to_cart p.sold_out {
  margin: 0;
  text-align: center;
  float: left;
  background: white;
  color: #999;
  width: 92px;
  border: 1px solid #999;
}

#add_to_cart p.disabled_add {
  margin: 0 0 0 2px;
  padding: 3px 2px;
  color: #DDD;
  background: #999;
  width: 94px;
  border: 1px solid #999;
}

form.add a.continue {
  margin-top: 0;
}

.styles a {
  display: block;
}

.styles a img {
  border: 1px solid #efefef;
  padding: 2px;
}

.styles a.selected img {
  border-color: #999;
}

.styles a:hover {
  background: none;
}

.style_images {
 float: left;
 margin-right: 3px; 
}

/* Cart / checkout */
#cart_body {
  padding-top: 11px;
}

#cart_items {
  padding: 1px 0 12px 0;
}

.cart table {
  border-collapse: collapse;
  background: #FFF;
  width: 100%;
  border-bottom: 2px solid #CCC;
}

.cart td {
  background: #FFF;
  border-top: 2px solid #CCC;
}

.cart tr.out_of_stock td {
  text-decoration: line-through;
}

.cart tr.out_of_stock td.remove {
  text-decoration: none;
}

.cart tr.out_of_stock td a:hover {
  background: none;
}

td.cart_image {
  text-align: center;
  width: 80px;
  padding: 5px 10px;
}

.cart_image a:hover {
  text-align: center;
  background: none;
}

td.price {
  font-weight: bold;
  text-align: right;
  width: 100px;
  padding: 5px 10px;
}

td.desc {
  width: 260px;
  padding: 5px 10px;
}

td.remove {
  width: 80px;
  padding: 5px 10px;
  font-size: 9px;
}

td.remove input {
  border: none;
}

#cart_total {
  padding: 0 10px 10px 0;
  margin: 0;
  font-weight: bold;
  font-size: 13px;
  text-align: right;
}

p.notice {
  padding: 10px 5px;
  font-weight: bold;
}

#pay p {
  position: absolute;
  left: 0px;
  top: 280px;
  color: #666;
  font-size: 11px;
  text-align: left;
  line-height: 13px;
}

#checkout_form #pay p {
	margin-left
}

#cart_count {
  margin: 0px 10px 11px 10px;
}

#cart_count.error {
  color: red;
}

#cart_count.error a {
  color: red;
  text-decoration: underline;
}

#cart_count.error a:hover {
  background: none;
}

#terms_errors .formError {
  display:none;
}


#pay a {
  margin-left: 10px;
  color: #666;
  background: #EEE;
  display: block;
  padding: 5px 10px 2px 10px;
  float: right;
  font-size: 11px;
  font-weight: bold;
}

#pay a.checkout {
  color: #ffffff;
  background: black;
  font-weight: bold;
}

button.delete {
  border: 0;
  background: #000;
  color: #FFF;
  padding: 1px 3px;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

button.delete:hover {
  color: #FFF;
  background: red;
}

p.alert {
  font-size: 12px;
  color: red;
}

a.keep_shopping, #pay a.keep_shopping {
  background: #40393A; 
  color: #fff;
  height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 21px;
}

#check_controls {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 12px;
}

#check_controls a, #check_controls span {
  margin: 0 0px 0 16px;
  color: #999;
  font-weight: bold;
}

#check_controls span.selected {
  color: black;
}

#checkout_pane {
	clear:both;
	margin: 5px 0;
}

#checkout_form #address {
	float:left;
} 

#checkout_form input#order_billing_zip {
  width: 45px;
}

#checkout_form p {
  margin: 4px 0;
  clear: left;
  float: left;
}

#checkout_form input, #checkout_form select {
  width: 180px;
  border: solid;
  border-color: #ddd;
  border-width: 1px;
  background-color:#fff;
  height:18px;
  padding:0 2px;
}

#checkout_form select {
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}

#checkout_form input#order_terms{
  border: none;
	width:auto;
	height:auto;
}

#checkout_form input.checkout {
  width: auto;
}

#checkout_form select#order_billing_country {
  width: 185px;
  float: left;
}
#checkout_form .input_block {
  margin:1px 0 0 0;
  padding:2px 0 1px 0;
  float:left;
  width:100%;
}
#checkout_form .input_block .text{float:left;  padding-top:5px;}
#checkout_form .input_block div {float:left;} 

#checkout_form .input_block .left { 
  float:left;
  padding-left: 3px;
}	

#checkout_form .error_block {background: #FFC1C1;}
#checkout_form .error_block label {font-weight:bold;color:#000;}
#checkout_form .error_block input {border-color:red;}

#checkout_form .error input, #checkout_form .error select#order_billing_country {
  float: left;
}

#checkout_form .formError {
  padding-top:5px;
  float: right !important;
  text-align:left;
  width:260px;
  color: black;
  font-weight:bold;
}

#checkout_form #terms_errors .formError {
  text-indent: 8px;
}

#checkout_form .totals{
	float:left;
	width:251px;
	padding-left: 6px;
}

#checkout_form #cart_small {
  float:left;
	width:232px;
}

#checkout_form #cart_small h2, #checkout_form #totals h2{
	padding-bottom:8px;
}
.totals div, #cart_small div{
	padding:0px;
}

.totals .label{
	float:left;
	line-height:20px;
	background:#FFF;
	margin:1px;
	padding-left:6px;
}

#totals .row{
	background:#CCC;
	float:left;
	width:243px;
	margin:  0 0 3px 0;
}

#confirmation #totals .row {
  float: none;
  clear: both;
  height: 20px;
}

#totals .field{
	float:left;
	padding-left:5px;
}

#checkout_form div.focussed input, #checkout_form div.focussed select {
  border-color: #add8e6;
}

#checkout_form div.focussed label {
  color: black;
  background: #add8e6;
}

#checkout_form .error {
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

#checkout_form select {
  width: auto;
}

#checkout_form h2 {
  color: #000;
  background: #fff;
  font-size: 11px;
  font-weight: bold;
  float:left;
  width:100%;
}

#checkout_form label, .label {
  text-indent: 2px;
  display: block;
  width: 50px;
  float: left;
  padding: 1px 0 1px 0;
  line-height: 18px;
  font-weight: bold;
  font-size: 11px;
  color: #666;
}

#back {
  text-decoration: underline;
}

.label {
  width: 100px;
}

#checkout_form p input {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 3px;
}

#checkout_form p select {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  *font-size: 13px;
  *margin-bottom: 3px;
  padding: 3px;
}

#cvv {
  background: url(/images/visa_cvv.gif) no-repeat 100px 2px;
  height:25px;
  clear:both;
}

#cvv.amex {
  background-image: url(/images/amex_cvv.gif);
}

.field {
  display: block;
  float: left;
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 22px;
}

 #terms {
   margin: 0;
 }

#cancel_checkout {
  position: absolute;
  left: 20px;
  margin-top: 5px;
  padding: 5px 8px;
  background: black;
  color: white;
}

#terms input {
  width: auto;
  display: inline;
  background: none;
  border: none;
}

#terms label {
  margin-left: 0;
  margin-top: 10px;
  display: inline;
  background: none;
  width: auto;
}

#pay input {
  height: 20px;
  line-height: 20px;
  background: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  margin: 0 0 0 5px;
  padding: 3px 5px;
  float: right;
  border:1px solid #333333;
}

#same_as {
  width: 280px;
}

input#same_as_billing_address {
  width: auto;
}

#same_as label {
  float: none;
  width: auto;
  background: none;
}

#checkout_form #credit_card_verification_value {
  width: 30px;
}

#checkout_form .errors {
  border: 2px solid red;
  font-weight: bold;
  color: red;
  padding: 5px 0;
  font-size: 11px;
  border-width: 1px 0;
  margin-right: 10px;
}

#credit_card { 
  float: none;
}

h2#cc_head {
  margin-left: 270px;
}

#terms .error {
  background: red;
}

#terms .error a {
  color: white;
}

#terms a {
  text-decoration: underline;
}

#terms_box {
  width: 260px;
  height: 80px;
  border: none;
  margin: 10px 10px 0 10px;
  font-size: 10px;
}

/* checkout confirmation */

#confirmation {
  clear: both;
  margin-top: 20px;
  border: solid;
  border-color: #000;
  border-width: 3px 0 0 0;
  padding-top: 15px;
}

#confirmation p {
  margin: 7px 100px 7px 7px;
  font-size: 12px;
}

#order_no {
  background: #FFF;
  width: 160px;
}

#confirmation #cart_items {
  margin-top: 11px;
}

#confirmation #totals {
  margin: 1px 0 0 0;
  width: 243px;
  float: right;
  padding: 0;
}

#confirmation #totals .field {
  text-align: right;
  width: 100px;
  padding-right: 30px;
}

#confirmation #totals .field, #confirmation #totals .label {
  font-size: 11px;
  margin: 0;
  margin-bottom: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 15px;
}

#confirmation #totals p {
  margin: 0;
  clear: left;
}

.blurb {
  padding: 0 5px;
  height: 400px;
  width: 50%;
  overflow: auto;
  background: white;
}

.blurb h2 {
  font-size: 11px;
  margin-bottom: 0;
}

.blurb h1 {
  font-size: 18px;
  margin-bottom: 10px;
}

h2.alt {
  margin-bottom: 10px;
}

.blurb p {
  margin-top: 0;
}

.blurb table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #999;
  margin: 10px 0;
}

.blurb th.title {
  text-align: left;
}

.blurb td, .blurb th {
  border: 1px solid #999;
  padding: 3px;
}

#not_found {
  text-align: center;
  color: #FFF;
}

#not_found h2 {
  font-size: 11px;
  font-weight: normal;
  margin-top: 30px;
}

#not_found a {
  color: #FFF;
}

/* Tobias */
.product_page #content{
	height:100%;
	width:auto;
}

.product_page #content #product_detail{
	margin-top:50px;
}

.blurb {
  width: auto;
  width: 100%;
  overflow: auto;
  height:500px;
}

.blog {
  background: #000;
}

.blog #content_outer{
  left: 0;
	top:0;
	height:inherit;
	overflow-y: scroll;
	overflow-x: hidden;
	height:100%;
	width: 100%;
}

* html .blog #content_outer {
  position: relative;
  overflow: scroll;
  height: 100%;
}

* html .blog {
  height: 100%;
}

.blog #content {
  margin: 0;
}

.blog {
  background: #000 url(/images/poop-tile-black.gif) 50% 50%;
}

.blog #content_inner {
  margin: 0;
	color:#FFF;
}

.blog #content {
	height: 100%;
	margin-top:0;
}

.blog #content_inner {
  width: 550px;
  margin-top: 40px;
  left: 50%;
  position: absolute;
  margin-left: -260px;
}

tr.crossout td.desc .item_name, tr.crossout td.desc .item_style, tr.crossout td.desc .item_size {
  text-decoration: line-through; 
}

.warn {
  color: red;
}

a.back_button{
	margin-top:30px;
	background:#000;
	color:#FFF;
	padding:3px 10px;
	padding-bottom:2px;
}

#confirmation #thank_you #totals .field {
  padding-right: 0;
  width: 126px;
}

.tiled #content, .checkout #content, .cart #content{
	height:100%;
	overflow-x:hidden;
  overflow-y:auto;
	width:100%;
	margin:0;
}

* html .tiled #content, * html .checkout #content, * html .cart #content{
  overflow-x: visible;
	height:100%;
	width:100%;
	margin:0;
}

.cart #content{
  padding-top: 20px;
}

.tiled #content_outer, .checkout #content_outer, .cart #content_outer{
	width: 550px;
  right: 0;
	margin-left: -275px;
	height: 600px;
	top:50%;
	margin-top: -300px;
}

.tiled .blurb, .checkout .checkout_inner, .checkout #product_detail, .cart .cart_inner{
	margin-left: 0;
	padding:50px 0;
	height:auto;
	width:100%;
	padding:0px;
}

.checkout_form #content_outer, .cart #content_outer{
	height: 100%;
	top: 0;
	margin-top: 0;
}

.checkout_form table.checkout_inner, .cart table.cart_inner{
	padding: 0 0 30px 0;
	height:100%;
	border-collapse:separate;
	border:0px;
}

.checkout_form table.checkout_inner td, .cart table.cart_inner td.frame{	
  border:none;
}

.tiled .blurb{
	height: 550px;
	width:520px;
	padding: 20px 0 0 2px;
}

.info .blurb div {
  margin: 0 30px 0 0;
}

.tiled #content_outer{
	height:600px;
	top:50%;
	margin-top:-300px;
}