/* v1.0 | 20080212 */

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;
}


/* Bape specific */


body {
	line-height: 16px;
	word-spacing: 1px;
	font-family: Helvetica, sans-serif;
	background: white;
	color: black;
	font-size: 11px;
	text-align: center;
}

/* 
 * #wrapper {
 *   width: 900px;
 *   text-align: left;
 *   margin: 0 auto;
 * }
 */

#footer {
  text-align: right;
  width: 909px;  
  font-size: 10px;
  padding-top: 10px;
}

#footer ul li.store-only {
	display: none;
}

#content.page-type-store #footer ul li.store-only,
#content.page-type-product #footer ul li.store-only,
#content.page-type-store-static #footer ul li.store-only {
	display: block;
}


#footer ul li {
  display: block;
  float: right;
  text-align: center;
  width: 101px;
  padding-bottom: 7px;
}

#footer ul li,
#footer ul li a {
  color: #A9A9A9;
  text-decoration: none;  

}

#footer ul li a {
  line-height: 1em;
}

#footer ul li#copyright {
  font-size: 9px;
}

#navigation {
	text-transform: uppercase;
	margin-top: 20px;
}

#navigation a {
	color: #666666;
	text-decoration: none;
  padding: 5px 4px 3px; 
	margin-right: 10px;
}
#navigation a:hover {
	color: #000000;
}

#navigation .closed {
  color: #CCC;
}

#navigation img {
	vertical-align: middle;
	margin-bottom: 15px;
	height: 32px;
}

#navigation a.selected {
	color: #ffffff;
	background-color: #000000;
}

#footer a.selected {
  color: #FFFFFF;
	background-color: #CCC;  
}

#navigation .container {
	text-align: left;
	margin-left: 505px;
}



#content p, #content h1, #content h2, #content ul {
  margin: 0 0 1em 0;
}
#home-grid {
	text-transform: uppercase;
	text-align: center;
}
#home-grid .icon {
	width: 100px;
	display: inline-table;
}
#home-grid a {
	border: 0;
	text-decoration: none;
	color: #000;
}
#home-title {
	font-size: 24pt;
	text-align: center;
	margin-top: 200px;
	padding-bottom: 15px;
	color: #7a7a7a;
}
#sub-nav {
	text-transform: uppercase;
	text-align: center;
	margin: 10px;
	height: 15px;
}
.page-type-store #sub-nav {
	font-size: 0.9em;
	text-align: left;
	margin-left: 0;
	position: relative;
}
#sub-nav-protector {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

.page-type-store #sub-nav.hidden #sub-nav-protector {
	display: block;
}
.page-type-store #sub-nav .previous-page,
.page-type-store #sub-nav .next-page {
	padding-left: 0;
	padding-right: 44px;
}

#sub-nav a {
	color: #666666;
	text-decoration: none;
	padding: 0 20px;
}

#sub-nav a.selected {
	color: red;
}

#horizon {
	display: table;
	width: 100%;
}

body, html {
	height: 100%;
}

#outer {
	display: table;
	height: 100%;
	#position: relative;
	overflow: auto;
	width: 100%;
}

#inner {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}

#content {
	#position: relative;
	#top: -50%;
	width: 909px;
	margin: auto;
}

.grid {
	width: 909px;
	height: 606px;
	position: absolute;
}

.grid .cell {
	width: 100px;
	height: 100px;
	position: absolute;
	border: thin solid #cecece;
}

#home .cell.no-border {
	width: 101px;
	height: 101px;
	border: none;
}

.grid .cell.hoverable:hover {
	border: thin solid #666666;
	z-index: 100;
}

.grid .overlay {
	position: absolute;
}

#grid-container {
	position: relative;
	height: 606px;
	width: 909px;
}


.static_content_body {
  height: 373px;
  overflow: auto;
  text-align: left;
  padding: 15px;
  background-color: #FFF;
}

#faq_content {
  border-top: 1px solid #CECECE;
  border-left: 1px solid #CECECE;
}

.static_content_body h1,
.static_content_body h2,
.static_content_body h3,
.static_content_body p {
  width: 95%;
}


.products-thumb {
	padding-top: 10px;
}

.products-thumb .notice {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 5px;
	color: white;
	font-size: 9px;
	line-height: 13px;
	height: 12px;
	background: white;
}

.products-thumb.sold-out .sold-out.notice {
	display: block;
	background: red;
}

.products-thumb.in-cart .in-cart.notice {
	display: block;
	background: #666;
}

.product-info {
	margin-top: 80px;
	padding-left: 10px;
	text-align: left;
}

#content .product-info h1 {
	font-size: 1.5em;
	width: 200px;
	line-height: 17px;
	margin-bottom: .25em;
}

#content .product-info h2 {
	font-size: 1em;
	margin-bottom: 1.5em;
/*  width: 200px;*/
  line-height: 17px;
	color: #A9A9A9;
	font-weight: normal;
}

.product-info .color-selection img {
	vertical-align: middle;
}

.product-info div, .product-info p {
	padding-bottom: 25px;
}

.product-info div.size-selector {
	padding-bottom: 0;
	height: 40px;
}

.product_control input {
	min-width: 110px;
}

.product-info .product_control .info {
	display: none;
}

.product_control input.one-per-order.disabled[type="submit"]:disabled {
	background: #3875d7;
	color: white;
	font-size: 9px;
}

.product-info.in-cart .product_control .info {
	display: inline;
	font-size: 13px;
	padding-left: 15px;
}

#product .cell {
	border: thin solid #ffffff;
}
#product .image {
	margin-top: 1px;
	height: 500px;
	width: 500px;
	border: thin solid white;
}

#product .image .revert {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: url(../images/check.gif);
  padding: 5px;
  line-height: 1.2;
  z-index: 2000;
  width: 80px;
}

#product .loading .revert {
  color: #666;
}

#product .image a.revert:hover {
  background: black;
  color: white;
}

#product .loading .revert:hover {
  background: url(../images/check.gif);
  color: #666;
}

#overlay-5-3-54 img {
	width: 100px;
}

#store-list-camo img {
	height: 201px;
}

#store-list-map img {
  cursor: pointer;
}

.rotating-image-container img {
  cursor: pointer;
}

#news_item_body p {
  line-height: 1.5;
  padding-right: 2em;
}

.news_item_page div.info.grid_child *,
.content_page div.info.grid_child *{
  color: white;
  padding-left: 20px;
  padding-top: 20px;
}

.news_item_page div.info.grid_child h2,
.content_page div.info.grid_child h2 {
  font-size: 20px;
}



.style_images {
  width: 40px;
  text-align: center;
  float: left;
}

.style_images img {
  margin-bottom: 7px;
}

.style_images img.selected {
  border:1px solid #999999;
}


#store-list .cell {
	border: thin solid #cecece;
}

#store-list .images {
/*	margin-left: 1px;
*/}

#store-list .info {
	background: #ffffff;
	color: #666666;
	/* height: 192px; */
	text-align: left;
	padding: 0px 5px 5px 15px;
	/* width: 586px; */
	margin: 1px 0 0 1px;
}

#store-list .info h2 {
	font-size: 1.5em;
	padding-top: 15px;
}

#store-list .info .address {
	margin-top: 75px;
}

#store-list .map {
	height: 100%;
}

ul.menu-list span.date {
  display: block;
  margin-bottom: 2px;
}

.grid ul.menu-list {
	text-align: left;
}

.grid ul.menu-list a {
	color: #666666;
	padding: 3px;
}

.grid ul.menu-list a.selected {
	background: #000000;
	color: #ffffff;
}

.grid ul.menu-list {
	background: #ffffff;
	height: 101px;
	width: 203px;
}

#store-list.grid ul.menu-list {
	height: 607px;
}

.grid ul.menu-list li {
	padding: 7px 5px 0 ;
}

ul.menu-list li a:hover {
	color: #000000;
}

#home .cell {
	border: thin solid #cecece;
}

#news .title, #news .body {
	height: 389px;
	text-align: left;
}

#news .title {
	padding-top: 15px;
}

#news .title h2 {
	font-size: 1.5em;
}

#news .title h2, #news .body p {
	padding-left: 15px;
}

#news .body p {
	padding-right: 15px;
}

#news .body {
	margin-left: -1px;
	width: 304px;
	margin-top: 100px;
	height: 203px;
	overflow: auto;
}
#news .image {
	cursor: pointer; 
}
.bg {
	background: #ffffff;
	height: 100%;
	width: 100%;
	/*margin: 1px 0 0 1px;*/
}

#lookbook-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#lookbook {
	position: fixed;
}
#lookbook-close {
	position: fixed;
	top: 50px;
	left: 50px;
}
#lookbook-product-code {
	position: fixed;
	top: 120px;
	left: 50px;
	color: #999999;
}
#lookbook-loader {
	position: fixed;
	top: 55px;
	right: 55px;
}
.color-selection {
	position: relative;
	/* This padding is for the info box */
	padding-top: 26px;
	height: 60px;
}
.color-selection .style-name, .color-selection .style-name-footer {
	margin: 0;
	padding: 0;
}
.color-selection .style-name {
	color: #999;
	background: url('../images/word-bubble-light-grey.png') bottom right;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-right: 12px;
	padding-left: 7px;
	font-size: 11px;
}
.color-selection .style.selected .style-name {
	color: white;
	background: url('../images/word-bubble.png') bottom right;
}
.color-selection .style-name-footer {
	height: 10px;
	width: 10px;
	background: url('../images/word-bubble-nub-light-grey.png') no-repeat;
	margin-left: 0px;
	margin-top: -6px;
}
.color-selection .style.selected .style-name-footer {
	background: url('../images/word-bubble-nub.png') no-repeat;
}
#content .product-info .color-selection .style {
	float: left;
	padding: 3px;
	margin: 0 0 25px 0;
}
#content .product-info .color-selection .style img {
	padding: 2px;
	border: solid white 1px;
}
#content .product-info .color-selection .style.selected img.current {
	border: solid #CCCCCC 1px;
}
.product-info .color-selection .style .style-info-box {
	display: none;
	padding: 0;
	margin-left: 10px;
}
.color-selection .style.active .style-info-box {
	display: block;
	position: absolute;
	top: 0px;
}
.color-selection a {
	padding: 0;
}
.product-info .description {
	clear: both;
	width: 275px;
}

#content .product-info .price,
#content .product-info .description,
#content .product-info .style {
  margin-bottom: 0;
  padding-bottom: 15px;
  font-size: 10pt;
}

#content .product-info .description {
  padding-bottom: 20px;
}

#content .product-info .price {
font-size:20pt;  
}


#content .product-info #size {
  padding: 0;
  margin: 0;
}

#product .zoomed {
  border: 1px solid #DDD !important;
}
#cart {
	z-index: 150;
	position: absolute;
	left: 102px;
	top: 1px;
	width: 100px;
	height: 100px;
	background: url('../images/light-grey-camo-small.png') no-repeat;
}
#cart .items {
	background: #333333;
	float: left;
	width: 70px;
	color: #d6d6d6;
}
#cart a {
	text-decoration: none;
	color: #fdfdff;
}
.cart-overlay {
	left: 707px;
	top: 0px;
	position: absolute;
}
.small-button {
	background-color: #CCCCCC;
	color: #000000 !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 5px;
	font-size: 9px;
}
#cart .row div {
	padding: 2px;
	border: thin solid #333333;
}
#cart .subtotal {
	background: #333333;
	color: #d6d6d6;
	float: left;
}
#cart .briefing {
	width: 100px;
	margin: auto;
	left: 0px;
	position: absolute;
	height: 51px;
	color: #000;
	margin-top: 1px;
	text-align: right;
}

#cart .amount {
	padding-right: 5px;
	padding-top: 5px;
	font-size: 20pt;
	line-height: 1em;
	color: #000000;
	font-weight: bold;
}
#cart .item-count {
	padding: 1px;
	padding-right: 3px;
	font-size: 9px;
	float: right;
	width: 40px;
}

#cart .buttons {
	position: relative;
	top: 51px;
	width: 100px;
	left: 0px;
	height: 50px;
}
#cart .buttons a {
	padding: 2px;
	text-decoration: none;
	color: #000000;
	display: block;
	margin: auto;
	width: 80px;
	margin-bottom: 3px;
}
#cart .buttons .checkout {
	color: #ffffff;
	border: thin solid #000000;
	padding-bottom:5px;
	padding-top:5px;
	border-top-width: 0;
	width: 95px;
}
#cart .edit-link {
	color: black;
	width: 50px;
	float: right;
	text-align: center;
}
#cart .edit-link .small-button {

}
#cart .checkout {
	background: url(../images/camo_cart.png);
	border-right: thin solid #000000;
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
}
#cart .checkout:hover {
	border: 1px solid #339900;
}
#cart .shelf {
	position: relative;
	left: -100px;
	width: 202px;
	top: 51px;
	overflow: hidden;
	height: 285px;
}
#cart .shelf .container {
	margin: 2px;
	overflow: hidden;
}
#cart .shelf .inner {
	padding: 5px;
}
#cart .item .cart-image, #cart .item .info {
	float: left;
}
#cart .cart-image img {
	height: 30px;
	width: 30px;
}

#cart .item .cart-remove {
	float: left;
	padding-top: 5px;
}

#cart .item .info {
	overflow: hidden;
	width: 85px;
	text-align: left;
	margin-left: 3px;
	margin-top: 3px;
}
#cart .item .info div {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e6e6e6;
	margin-bottom: 1px;
	font-size: 8px;
	padding: 0 4px;
	width: 70px;
	color: black;
}
.cart-style-name {
}
#cart .item .price {
	padding-top: 6px;
	float: right;
	width: 35px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

#cart .item {
	clear: both;
	font-size: 1em;
	color: #333333;
	background: white;
	border: solid #000000 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 10px;
	background: url('../images/light-grey-camo-small.png');
	margin-bottom: 3px;
	height: 46px;
}
#cart .checkout-pane {
	position: absolute;
	right: 200px;
	top: 101px;
	width: 0px;
	background: #004200;
}
#cart .checkout-pane .container {
	margin: 2px;
	background: #ffffff;
	overflow: hidden;
}
#cart .checkout-pane .inner {
	padding: 5px;
}

a.keep-shopping {
	text-decoration: none;
	color: #333333;
}

.checkout-pane #address, .checkout-pane #credit_card {
	float: left;
	width: 50%;
	text-align: left;
	border: 1px solid red;
}
.checkout-pane h2 {
  background: #636363;
  color: #FFF;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 5px;
  margin-left: 0;
  margin-top: 0;
  padding: 4px 0 4px 10px;
	text-align: center;
}

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

#checkout_form #address input#order_billing_zip.eu {
  width: 65px;
}



.checkout-pane input, .checkout-pane select {
  width: 180px;
  border: 1px outset #dddddd;
  background-color:#FFFFFF;;
}

.checkout-pane select {
  width: auto;
}

#cart .checkout-pane label a {
	color: #666666;
}
.checkout-pane label, .label {
  display: block;
  width: 100px;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  padding: 1px 0 1px 10px;
  line-height: 21px;
  background: url(../images/check_dark.gif);
  font-weight: normal;
  font-size: 12px;
}

.field {
  background: #FFF;
  display: block;
  float: left;
  width: 142px;
  margin-bottom: 3px;
/*  font-size: 12px;*/
/*  font-family: 'Courier New', Courier, Monaco; */
  line-height: 22px;
  font-weight: bold;
}

#totals {
  margin: 0;
}

#totals #cart {
  height: 202px;
  position: relative;
  background: none;
}

#totals #cart .shelf {
	top: 0;
	height: 200px;
}

#totals #cart .shelf .container {
	margin: 0;
}

#totals p {
	clear: both;
}

 #terms {
   margin: 0;
 }

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

#store_address, #order_terms {
  vertical-align: -3px;
}

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

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

#same_as label {
  width: 280px;
  font-size: 10px;
}

#same_as.focussed label {
  background: white;
  color: black;
}

#same_as label {
  padding: 0;
}

#same_as input {
  width: auto;
}

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

#order_confirmation.static-body-container  {
	height:403px;
	width:908px;  
	background: none;
	overflow: visible;
}

#order_confirmation .static-body {
	padding: 0;
	background: none;
	overflow: visible;
}

#order_confirmation .body {
	background-color:#FFFFFF;
	float:left;
	width:706px;
	height: 403px;
}

#order_confirmation .body h4 {
	padding-bottom: 35px;
}

#order_confirmation .body p {
	padding: 10px;
}

.checkout-pane #credit_card_verification_value {
  width: 30px;
}

.checkout-pane #credit_card_number {
  width: 160px;
}

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

#pay {
  clear: both;
  padding: 16px;
  padding-bottom: 0;
}

#pay p {
  position: absolute;
  left: 10px;
  color: #666;
  font-size: 10px;
  *font-size: 11px;
  text-align: left;
  font-weight: bold;
  line-height: 13px;
}

#pay.checkout_now p {
  top: 312px;
  *top: 323px;
}

#pay a {
  color: #000000;
  display: block;
  padding: 5px auto;
  text-decoration: none;
  text-align: center;
  padding-top: 10px;
}

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

/* 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_handle:hover {
  background-color: #000;
}

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

.static-body-container {
	overflow: auto;
	width: 706px;
	height: 403px;
  background-color: white;
}
.static-body-container.subscribe {
	height: 201px;
}

.static-body-container.message,
.static-body-container.subscribe {
	width: 302px;
	overflow: hidden;
}
.static-body {
	text-align: left;
	padding: 15px;
	background: #ffffff;
	overflow: hidden;	
}


#product .image .preload {
	margin-top: 245px;
}

/*** Contact Page ******/
#new_form {
	text-align: center;
}

#content .static-body h1 {
	color: #0099FF;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 10px;
	text-align: center;
}

#content .static-body p {
	font-size: 14px;
	margin: 0 0 5px 0;
}

#content .static-body div.horizontal_fields {
  width: 225px;
  margin: 0 auto;
}

#content .static-body div.horizontal_fields p { 
  float: left;
  text-align: left;
  width: 75px;
}

#content .static-body div.horizontal_fields p#name {
  width: 115px;
}

#content .static-body div.horizontal_fields p input,
#content .static-body div.horizontal_fields p label {
  text-align: left;
  width: 100px;
}

#content .static-body div.horizontal_fields p label {
  padding-right: 15px;
}

#content .static-body p label.error {
  color: red;
}

#content .static-body p.formError {
	font-size: 11px;
}


#content .static-body p.confirmation {
  margin-top: 15px;
	line-height:24px;  
	font-size:11px;
	text-align: center;  
	color: #666666;	
}

form#new_form .submit {
  margin-top: 15px;
}

form#new_form label {
	padding-right: 5px;
	display: block;
	text-align: left;
	font-size:11px;
	margin: 0 auto;
	padding-right: 10px;
	line-height:24px;
	color: #666666;
}



form#new_form label .formError {
  font-weight: bold;
}

form#new_form p {
  margin-bottom: 1em;
}

form#new_form label,
form#new_form p textarea,
form#new_form p input {
  width: 215px;
}



form#new_form p select {
  width: 220px;
}

form#new_form p input.submit {
	width: 90px;
}

form#new_form p textarea {
  height: 75px;
  overflow: hidden;
  resize:none;  
}

label.error,
span.formError,
p.formError {
  color: red;
}

#static div.background {
	height: 100%;
	width: 100%;
	font-size: 50px;
	line-height: 4.4em;
	font-weight: bold;
	color: white;
	opacity:.50;
}

#static div.background.camo {
	background: url('../images/background-camo.png');
}

#static div.background.plaid {
	background: url('../images/background-plaid.png') 100px 0;
}

#static div.background.grey {
	background: url('../images/light-grey-camo.png') 100px 0;
}

/*** End Contact Page ***/

/** Checkout Page **/
#address {
  width: 403px;
  float: left;
  background-color: #FFF;
  height: 403px;
} 

#credit_card {
  float: left;  
  width: 302px;
  margin-left: 1px;
  background-color: #FFF;
  height: 403px;
}

#order_summary {
  width: 201px;
  float: left;
  background-color: #FFF;
  margin-left: 1px;
  height: 403px;
  background: url('../images/light-grey-camo.png');
  position: relative;
}

#checkout_form {
  text-align: left;  
  height: 465px;
}

#checkout_form h2 {
  text-align: center;
}

#checkout_form #terms input {
  display: inline;
  float: none;
  padding: 0;  
  margin: 0;
}

#checkout_form #terms label {
  width: auto;
  display: inline;
  float: none;
}

#checkout_form span.label,
#checkout_form label {
  width: 80px;
  display: block;
  float: left;
  margin-left:0;
  padding-left:0;
}

#checkout_form #same_as label {
  width: auto;
/*  margin-left: 80px;*/
}

ul#shopping_nav {
  border-top:1px solid #CECECE;  
  border-left:1px solid #CECECE;    
  background-color: #FFF;
  margin: 0;
  border-bottom: 1px solid #CECECE;      
}
ul#shopping_nav li.selected {
  background-color: #EEE;
}

ul#shopping_nav li {
  float: left;
  padding: .5em 0 .5em 0;
  width: 33%;
}

#checkout #cart .buttons {
	display: none;
}

#checkout_form .form_field {
	font-size: 1em;
	padding-bottom: 0;
	height: 40px;
	clear: both;
/*	background: url('../images/field-backing.png') repeat-x 0 0;*/
	font-size: 13px;
	margin-top: 2px;
	position: relative;
}

#checkout_form .form_field.selected {
/*	background: url('../images/field-backing-selected.png') repeat-x 0 0;*/
}

#checkout_form .form_field.general_content-field {
	padding-right: 5px;
	font-size: 12px;
	line-height: 12px;
	padding-left: 32px;
	padding-top: 5px;
	color: #666;
}

#checkout_form .form_field input#order_terms {
	margin: 10px;
	margin-top: 5px;
	display: block;
	float: left;
}

#checkout_form .form_field input#store_address {
	margin: 20px;
	margin-top: 0px;
	display: block;
	float: left;
}

#checkout_form .form_field input#order_issue_number {
	width: 30px;
}

#checkout_form .form_field.exp_month-field.exp_year-field select, #checkout_form .form_field.start_month-field.start_year-field select {
	margin-left: 0;
	margin-right: 0;
	font-size: 12px;
}

#checkout_form .form_field input,
#checkout_form .form_field select {
	float: left;
	clear: none;
	font-size: 13px;
	margin: 6px;
}

#checkout_form .form_field input {
	border: solid #999 1px;
}

#checkout_form #address .form_field input {
	width: 252px;
}

#checkout_form .form_field.error input {
	border: solid red 1px;
}

#checkout_form .form_field.selected input {
	border-color: #333;
}

#checkout_form .form_field div.error {
	color: red;
	clear: both;
	position: absolute;
	left: 105px;
	bottom: 28px;
	display: none;
}

#checkout_form .form_field.validated label {
	color: black;
}

#checkout_form .form_field.validated input {
	border-color: #333;
}

#checkout_form .form_field.error label {
	color: red;
}

#checkout_form .form_field.error div.error {
	display: block;
}

#checkout_form .form_field.error.selected div.error {
	display: block;
}

#checkout_form .form_field.selected label {
	color: #333;
}

#totals .form_field label,
#checkout_form .form_field label {
	float: left;
	height: 20px;
	width: 70px;
	padding: 10px;
	clear: left;
	color: #666;
}

#checkout_form .form_field div.error-content {
	padding: 3px;
	padding: 3;
	padding-left: 5px;
	border: solid #333 1px;
	background: white;
	padding-bottom: 3px;
	padding-right: 10px;
	background: url('../images/word-bubble-red.png') no-repeat;
	color: white;
	font-weight: bold;
	border: none;
	font-size: 11px;
}
#checkout_form .form_field .error-footer {
	padding: 0;
	height: 10px;
	background: url('../images/word-bubble-nub-red.png') no-repeat;
	width: 10px;
	margin-left: 0px;
	margin-top: -2px;	
}

#checkout_form #totals .form_field div.error {
	display: none;
}

#checkout_form .form_field.for_column {
	position: absolute;
	left: 10px;
	top: -50px;
	width: 250px;
}

#checkout_form .form_field.for_column div.error {

}

#totals .form_field {
	margin-top: 5px;
	height: 25px;
	clear: both;
	background: #ffffff;
	text-align: right;
	border-bottom: solid #ccc 1px;
}

#totals .form_field.total-field {
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid #999 3px;
}

#checkout_form #totals .form_field label {
}

#totals .form_field span {
	padding-top: 4px;
	width: 90px;
}

#checkout_form .form_field.cart_item-field {
	
}

#totals #cart .item {
	background: none;
	border: none;
	padding-bottom: 0;
	padding-top: 0;
}

#totals .form_field.cart_item-field .cart-image {
	width: 30px;
	height: 30px;
	float: left;
}

#totals .form_field.cart_item-field .cart-image img {
	padding-left: 3px;
	height: 20px;
	width: 20px;
}

#totals .form_field.cart_item-field .info {
	float: left;
	width: 110px;
}

#totals .form_field.cart_item-field .cart-remove {
	float: right;
	width: 10px;
	margin-top: 2px;
	height: 10px;
}


#totals .form_field.cart_item-field .price {
	float: left;
	height: 30px;
	width: 30px;
}

#totals .form_field.shipping_and_handling-field,
#totals .form_field.tax-field {
	font-size: 11px;
}

#totals .form_field.shipping_and_handling-field label,
#totals .form_field.subtotal-field label,
#totals .form_field.total-field label,
#totals .form_field.tax-field label {
	width: 80px;
	padding-top: 5px;
	padding-bottom: 0;
}

#totals .field {
	width: 100px;
	margin-top: 0;
	line-height: 16px;
}

#address h3 {
	height: 26px;
	font-size: 24px;
	line-height: 24px;
	padding-top: 5px;
	padding-left: 5px;
}

#checkout_form h4,
#credit_card h4, 
#order_summary h4,
#order_confirmation h4 {
	height: 26px;
	font-size: 18px;
	line-height: 18px;
	padding-top: 5px;
	padding-left: 5px;
}

#address h4,
#credit_card h4 {
	padding-bottom: 30px;
}

.form_field.shipping_type-field div {
	padding: 10px;
}

#checkout_form .form_field.terms-field {
	font-size: 12px;
	line-height: 18px;
	padding-top: 2px;
	padding-right: 5px;
	height: auto;
}

#checkout_form .form_field.general_content-field {
  height: auto;
}

#checkout_form .form_field.general_content-field p {
  margin-bottom: 0;
}

#checkout_form #cvv_example {
	margin: 7px;
	margin-left: 0;
}

#pay input,
#pay a {
	width: 100%;
	cursor: hand;
	cursor: pointer;
}
/** End Checkout Page **/


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


/* scrollbar */

.scroll-track{
	height:10px;
	width:10px;
	background:white;
}

.scroll-handle{
	padding: 1px;
	height:10px;
	width:10px;
	background:#FF7B00;
	cursor: hand;
	cursor: pointer;
}

/* overlays */

.overlay {
	padding: 1px;
}

.coverTop { padding-top: 0; }
.coverBottom { padding-bottom: 0; }
.coverLeft { padding-left: 0; }
.coverRight { padding-right: 0; }

.overlay.fullGrid {
	border: thin solid #CECECE;
	padding: 0;
}

/* cart */

.cart-top {
	background: url('../images/cart_item_top.png');
	height: 7px;
	display: none;
}

.cart-mid {
	color: #333333;
	background: white;
	margin: 3px 0;
	padding: 2px;
	width: 172px;
}

.cart-bottom {
	background: url('../images/cart_item_bottom.png');
	height: 7px;
	padding-bottom: 3px;
	display: none;
}

/* Input / form fields */

input.searchHelpField {
	color:#5F5F5F;
	font-size:11px;
	width:120px;
}
input:focus, textarea:focus {
	border:1px solid #ABABAB;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
input[type="text"], input[type="password"], textarea {
	-moz-border-radius:4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-x-system-font:none;
	border:1px solid #999999;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:5px 4px;
}

input[type="submit"]:hover,
input[type="submit"]:active {
	border-color: #999999 #999999 #888888;
}

input[type="submit"]:hover:active {
	background: #D5D5D5;
}

input[type="submit"]:active {
	background: #E6E6E6;
}

input[type="submit"],
input[type="submit"]:disabled.disabled {
	-moz-border-radius:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #CCCCCC;
	height: 30px;
	font-size: 12px;
	color: #303030;
	cursor: hand;
	cursor: pointer;
	background-color: #E6E6E6;
	background: url('../images/field-backing.png');
	color: #333333;
}

input[type="submit"]:disabled.disabled {
	cursor: default;
}

/*** Credit ***/

#credit-line {
	float: left;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	font-size: 9px;
}
#credit-word.over {
	color: red;
}
#credit-overlay .credit-cell {
	z-index: 6000;
	height: 100px;
	width: 100px;
	background-color: #c60000;
	position: absolute;
	border: thin solid #CECECE;
}
#credit-overlay .credit-cell.row-7 { left: 707px; }
#credit-overlay .credit-cell.row-6 { left: 606px; }
#credit-overlay .credit-cell.row-5 { left: 505px; }
#credit-overlay .credit-cell.row-4 { left: 404px; }
#credit-overlay .credit-cell.row-3 { left: 303px; }
#credit-overlay .credit-cell.row-2 { left: 202px; }
#credit-overlay .credit-cell.row-1 { left: 101px; }
#credit-overlay .credit-cell.row-0 { left: 0px; }

#credit-overlay .credit-cell.col-6 { top: 606px; }
#credit-overlay .credit-cell.col-5 { top: 505px; }
#credit-overlay .credit-cell.col-4 { top: 404px; }
#credit-overlay .credit-cell.col-3 { top: 303px; }
#credit-overlay .credit-cell.col-2 { top: 202px; }
#credit-overlay .credit-cell.col-1 { top: 101px; }
#credit-overlay .credit-cell.col-0 { top: 0px; }

/*** Scrollbar ***/

div.scroller {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}

.scrolling div.scroller {
	display: block;
}

img scroll-button {
	display: block;
}

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

div.scroll_handle {
	background-color:#7D7E80;
	cursor:pointer;
	height:17px;
	width:7px;
	position:absolute;
}

/*** Sizing Chart ***/

.sizing-chart h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
}

.sizing-chart table {
	width: 100%;
}

.sizing-chart table th.title {
	width: 200px;
}

.eu_price {
  position: relative;
  overflow: visible;
}

.eu_price img {
  position: relative;
  top: 2px;
}

body span.eu_price span.popout {
  position: absolute;
  background: url(../images/euro_bg.gif) top right;
  top: 21px;
  right: 3px;
  color: white;
  text-align: center;
  padding: 15px 7px 2px 7px;
  display: none;
  font-size: 12px;
  font-weight: bold;
}

.product-info .eu_price img {
  position: relative;
  top: -2px;
}

span.eu_price:hover span.popout {
  display: block;
}

#totals .form_field span.popout {
  padding-top: 15px;
  width: auto;
}

.notice-field p {
  text-align: center;
  font-size: 10px;
}