/*
 * Project:		The Longboard Store
 * Date:		2009/08/03
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #696969 url(../images/background-a.jpg); font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #555; font-family: Verdana,Geneva,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

a { color: #555; text-decoration: none; }
a:hover, a:focus, a:active { color: #ba4818; text-decoration: none; }

span.warning { color: #ba4818; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

span.small { font-size: 80%; }

/* LAYOUT
------------------------------------------- */

#root { width: 770px; margin: 0 auto; }
 #header { }
  #logo { margin: 0; }
   #logo a { }
    #logo img { display: block; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 215px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #top { overflow: hidden; width: 100%; margin: 0 0 3px; padding: 3px 0; background: #c8c8c8;  }
  #nav { display: inline; float: left; list-style: none; margin: 3px 0 0 10px; padding: 0; }
   #nav li { float: left; padding: 0 7px 0 8px; background: url(../images/sep-a.gif) 0 50% no-repeat; }
   #nav li:first-child,
   #nav li.first { padding-left: 0; background: none; }
    #nav li a { }
    #nav li a.active { color: #ba1818 !important; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
  #search { position: relative; display: inline; float: right; margin: 0 10px 0 0; }
   #search p { margin: 0; }
    #search p label { text-transform: lowercase; }
    .js #search p label { position: absolute; left: 4px; top: 3px; }
    #search p input { width: 169px; height: 13px; margin: 0; padding: 2px; border: 1px solid #aaa; }
    .js #search p input { width: 137px; padding-right: 34px; }
    .js #search p button { display: none; position: absolute; right: 1px; top: 1px; width: 30px; height: 17px; padding: 0; border: none; border-left: 1px solid #aaa; background: #eee; text-align: center; text-transform: uppercase; }
    * html.js #search p button { right: 0; top: 2px; }
 #content { overflow: hidden; width: 100%; margin: 0 0 3px; padding: 10px 0; background: url(../images/background-b-new.gif) repeat-y; }
 #content.one { background-color: #f0f0f0; background-image: none; }
 #content.home { padding-top: 0; padding-bottom: 0 }
 #content div.shim{ width: 100%; background-color: #f0f0f0; height: 10px }
  #main { margin: 0px 10px 0px 10px; }
  /*#secondary { display: inline; float: left; width: 175px; margin: 0 25px 0 10px; }*/
  #secondary { display: inline; float: left; width: 175px; margin: 0 24px 0 10px; }
  #primary { float: left; width: 350px; }
  #tertiary { display: inline; float: right; width: 175px; margin: 0 10px 0 0; }
 #footer { padding-bottom: 30px; }
  #footer ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 7px; padding: 5px 0; background: #c8c8c8; }
   #footer ul li { float: left; padding: 0 7px 0 8px; background: url(../images/sep-a.gif) 0 50% no-repeat; }
   #footer ul li:first-child,
   #footer ul li.first { padding-left: 10px; background: none; }
    #footer ul li a.active { color: #ba1818 !important; }  
  #footer p { margin: 0 0 3px; padding: 0 10px; color: #c8c8c8; font-size: 1em; }
   #footer p a { color: #c8c8c8; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; text-transform: uppercase; }
h3 { font-size: 1.1em; text-transform: uppercase; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

/* containers */

div.sidenav-a { margin: 0 0 15px; }
 div.sidenav-a h2 { margin: 0 0 1px; font-size: 1.1em; }
 div.sidenav-a ul { list-style: none; margin: 0 0 10px; padding: 0 0 0 10px; }
  div.sidenav-a ul li { }
   div.sidenav-a ul li a.active { color: #ba1818 !important; }

div.twitter-a { }
 div.twitter-a h2 { width: 100%; height: 17px; background: url(../images/twitter-a.png) no-repeat; text-indent: -10001px; }
 div.twitter-a ul { list-style: none; margin: 0 0 10px; padding: 0; }
  div.twitter-a ul li { margin: 0 0 3px; }
   div.twitter-a ul li a { display: block; color: #aaa; font-size: 9px; font-style: italic; }
   
/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }
 
/* forms */

form.a { display: block; margin: 0 0 15px; }
 form.a div.errors { margin: 0 0 10px; padding: 10px; border: 1px solid #900; background: #ba4818; }
  form.a div.errors p { margin: 0 0 5px; font-size: 1em; font-weight: bold; }
  form.a div.errors ul { list-style: none; margin: 0; padding: 0; }
   form.a div.errors ul li { padding-left: 7px; background: url(../images/bullet-a.gif) 0 5px no-repeat; font-size: 0.9em; }
 form.a p { margin: 0 0 5px; }
  form.a p label { float: left; width: 80px; padding: 1px 10px 0 0; }
  form.a p label.radio { float: left; width: 100%; padding: 0 0 4px 0; }
  form.a p label.radio input { float: left; padding: 0; }
  form.a p label.radio input.inputRadio { width: 12px; }
  form.a p label.radio span { padding: 0 0 0 10px; }
  form.a p input { width: 175px; margin: 0; padding: 2px; border: 1px solid #bbb; }
  form.a p textarea { overflow: auto; width: 175px; margin: 0; padding: 2px; border: 1px solid #bbb; }
  form.a p select { width: 181px; margin: 0; padding: 2px; border: 1px solid #bbb; }
 form.a p.submit { margin-top: 10px; padding-left: 90px; }
  form.a p button { }
 
button.clean-a { margin: 0; padding: 0; border: none; background: none; font-weight: bold; vertical-align: middle; }
button.add-cart { width: 165px; height: 26px; margin: 10px 0; padding: 0; border: none; background: url(../images/cart-sprite.png); font-weight: bold; vertical-align: middle; }
button.add-cart:hover { background-position: 0 -26px }
button.add-cart-inactive { width: 165px; height: 26px; margin: 0; padding: 0; border: none; background: url(../images/shopping_cart_inactive.gif); font-weight: bold; vertical-align: middle; }
button.add-cart-choose { width: 165px; height: 26px; margin: 0; padding: 0; border: none; background: url(../images/shopping_cart_choose.gif); font-weight: bold; vertical-align: middle; }
button.cart-continue { width: 78px; height: 26px; margin: 0; padding: 0; border: none; background: url(../images/continue.png); font-weight: bold; vertical-align: middle; text-display: none; }
button.update-cart { width: 78px; height: 26px; margin: 0; padding: 0; border: none; background: url(../images/update_cart.png); font-weight: bold; vertical-align: middle; text-indent: -3000px; }
a.empty-cart { width: 78px; height: 26px; margin: 0; padding: 0; border: none; display: block; background: url(../images/empty_cart.png); font-weight: bold; vertical-align: middle; text-indent: -3000px; }
a.checkout { width: 127px; height: 26px; margin: 0; padding: 0; border: none; display: block; background: url(../images/proceed_to_checkout.png); font-weight: bold; vertical-align: middle; text-indent: -3000px; }
 
/* lists */
ul.cart { list-style: none; margin: 0; padding: 0; }
  ul.cart li { text-align: left; }

ul.a { margin: 0 0 10px; padding: 0 0 0 15px; }

ul.details-a { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.details-a li { text-align: right; }
  ul.details-a li strong { float: left; font-weight: normal; }
 ul.details-a li.price { margin-top: 10px; padding-right: 4px; font-weight: bold; }
  ul.details-a li.price strong { font-weight: bold; }

ul.products-a { overflow: hidden; list-style: none; width: 366px; margin: 0 0 15px -16px; padding: 0; }
 ul.products-a li { display: inline; overflow: hidden; float: left; width: 75px; margin: 0 0 10px 16px; padding: 0; font-size: 1em; text-align: center; }
 ul.products-a li.separate { display: block; overflow: hidden; clear: both; float: none; width: 100%; height: 1px; margin: 0; padding: 0; font-size: 1px; text-indent: -10001px; }
 ul.products-a li.third { margin-left: 18px; }
  ul.products-a li img { display: block; overflow: hidden; margin: 0 auto -10px; }
 
/* paragraphs */

p.breadcrumbs-a { }
 p.breadcrumbs-a a.active,
 p.breadcrumbs-a strong { color: #ba1818 !important; font-weight: normal; }

/* links */

a.a { background: #fff; }

a.help-a { display: block; overflow: hidden; width: 152px; height: 45px; margin: 0; background: url(../images/help-a.gif) 50% 50% no-repeat; text-indent: -10001px; }

/* other */

/* .sep-a { margin-bottom: 10px !important; padding-bottom: 11px !important; background: url(../images/sep-b.gif) -2px 100% repeat-x; }
 */
.sep-a { margin-bottom: 10px !important; padding-bottom: 11px !important; border-bottom: 1px solid #C8C8C8; }
div.sep-a { padding-bottom: 1px !important; }
/*p.sep-a a img {width: 112px; height: 112px;}*/

.ttn { text-transform: none !important; }

.center { text-align: center; }

/* ELEMENTS
------------------------------------------- */

#quick { }
 #quick h2 { margin: 0 0 5px; font-size: 1.1em; }
 #quick p { position: relative; width: 100%; margin: 0 0 5px; }
  #quick p label { display: block; margin: 0 0 3px; }
  .js #quick p label { position: absolute; left: 4px; top: 3px; text-transform: lowercase; }
  #quick p input { width: 169px; padding: 2px; border: 1px solid #bbb; }
  #quick p textarea { width: 169px; padding: 2px; border: 1px solid #bbb; }
  #quick p button { padding: 0; border: none; background: none; }
  #quick p button:hover { color: #ba4818; }
 
/* FANCYBOX
------------------------------------------- */
html, body { height: 100%; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(/images/fancybox/fancy_progress.png) no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url(/images/fancybox/fancy_loading.gif) no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute;    top: 0;    left: 0;    z-index: 90;    padding: 18px 18px 33px 18px;    margin: 0;    overflow: hidden;    background: transparent;    display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url(/images/fancybox/fancy_closebox.png) top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url(/images/fancybox/fancy_left.png) no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url(/images/fancybox/fancy_right.png) no-repeat; }
a#fancy_left:hover {  visibility: visible; }
a#fancy_right:hover {  visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(/images/fancybox/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/images/fancybox/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(/images/fancybox/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/images/fancybox/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(/images/fancybox/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/images/fancybox/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(/images/fancybox/fancy_shadow_w.png) repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/images/fancybox/fancy_shadow_nw.png) no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x; }

/* FANCYBOX NEW */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #888;
    background: #333;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #888;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}



#cart-list tr td, #cart-list tr th { border: 0px;}
#cart-list thead tr { border-bottom: 1px solid #555; }
#cart-list tbody tr.last { border-bottom: 1px solid #555; }
#cart-list tfoot td.first { text-align: right; }
#cart-list tfoot td.total { font-weight: bold; }
#cart-list tr th { text-align: left;}
#cart-list table tbody input { width: 18px;}
a.clean-a { font-weight: bold;}
#notice { margin: 0 0 10px; padding: 10px; border: 1px solid #c8c8c8; background: #ffc; }
  #notice p { margin: 0px; font-size: 1em; font-weight: bold; }
#errors { margin: 0 0 10px; padding: 10px; border: 2px solid #ba4818; background: #ffc; }
    #errors p { margin: 0px; font-size: 1em; font-weight: bold; }
div.fieldWithErrors { display: inline;}
div.fieldWithErrors label { float: left; width: 80px; padding: 1px 10px 0 0; }
div.fieldWithErrors input { width: 175px; margin: 0; padding: 2px; border: 1px solid #bbb; background: #ffc; }
div.fieldWithErrors textarea { overflow: auto; width: 175px; margin: 0; padding: 2px; border: 1px solid #bbb; background: #ffc; }
div.fieldWithErrors select { width: 181px; margin: 0; padding: 2px; border: 1px solid #bbb; }
a.single-image img { border: 0; }
td.first select, p.small-select select{ width: 169px;  border: 1px solid #bbb; }
p.small-select input { width: 165px; padding: 2px; border: 1px solid #bbb; }
p.contact-last { display: none; }
img.wheel-thumb { width: 112px; height: 112px; }

/* Detail Page Test - Center Column */
div.assets{ float: left; width: 112px; padding: 0px 10px 10px 0px; }
div.details{ float: left; width: 226px; } 
  div.details span.price{ display: block; font-weight: bold }
  div.details h1 { text-align: left; text-transform: uppercase }
  div#added { position: relative; top: 25px; width: 112px; margin: 0px auto 0px auto; background-color: #333; opacity: .70; font-size: 1.1em; color: #fff; text-align: center; text-transform; uppercase; }

div#tabbers { position: absolute; left: 575px; top: 103px; }
  div#tabbers-content { background: url(/images/tabbers-bg.png) repeat-y; }
  div#tabbers-copy { margin: 10px 10px 10px 10px; float: left; width: 175px; display: none; }
  div#tabbers ul { display: block; float: right; list-style-type: none; margin: 0; padding: 0; width: 25px; background-color: #C8C8C8; }
    div#tabbers ul li { display: block; width: 25px; height: 75px; background: url("../images/sep-c.gif") no-repeat scroll 50% 100% transparent; }
    div#tabbers ul li.active { }
    div#tabbers ul li.double { height: 150px }
    div#tabbers ul li.last { background: none }
    div#tabbers ul li a{ background: url(/images/tabbers.png?t=1234); background-position: 0 0; display: block; width: 25px; height: 75px; cursor: pointer; }
    div#tabbers ul li.dobule a { height: 150px; }
    div#tabbers ul li a.chat:hover { background-position: 100px 0px; }
    div#tabbers ul li a.cart { background-position: 125px 0px; }
    div#tabbers ul li a.cart:hover { background-position: 75px 0px; }
    div#tabbers ul li a.holiday { background-position: 50px 0px; height: 150px; }
    div#tabbers ul li a.holiday:hover { background-position: -175px 0px; }
    div#tabbers ul li a.complete { background-position: 0 100px; }
    div#tabbers ul li a.complete:hover { background-position: 100px 100px; }
    div#tabbers ul li a.photos { background-position: 75px 100px; }
    div#tabbers ul li a.photos:hover { background-position: 25px 100px; }
    div#tabbers ul li#tab-facebook { display: block; width: 25px; height: 25px; }
    div#tabbers ul li a.facebook { background-position: 0px 25px; width: 25px; height: 25px; }
    div#tabbers ul li#tab-twitter { display: block; width: 25px; height: 25px; }
    div#tabbers ul li a.twitter { background-position: -25px 25px; width: 25px; height: 25px; }

/* detail page variants */
ul#variants{ width: 100%; margin: 0; padding: 0; list-style-type: none; }
  ul#variants li{ width: 100%; margin: 10px 0px 10px 0px; padding: 0; }
  ul#variants li input{ margin-right: 5px }
  ul#variants li label { cursor: pointer; padding-bottom: 2px; }
  span#variant-message{ display: block; width: 100% }

ul.plinks{ width: 112px; list-style-type: none; margin: 0px auto 10px auto; padding: 0; background-color: #444; font-size: 1em; }
  ul.plinks li { text-align: center; height: 19px; width: 100%; background-color: #444; color: #444; padding: 0px 0px 1px 0px; margin: 0; background: url("../images/sep-c.gif") repeat-x scroll 50% 100% #444; }
  ul.plinks li.last { background: none; }
  ul.plinks li.bundle { padding-top: 1px }
  ul.plinks li.cart { background: #6b7a26; height: 18px }
  ul.plinks li a { line-height: 18px; cursor: pointer; color: #f0f0f0; text-transform: uppercase; font-size: 9px; }
  ul.plinks li a:hover { color: #C8C8C8; }
  ul.plinks li a.added { cursor: normal; }


/* cart tab */
div.cart-item { }
  div.cart-header { font-size: 1.1em; text-transform: uppercase; margin-bottom: 10px; font-weight: bold }
  div.cart-item span.product { display: block; width: 100%; margin-bottom: 10px; }
  a.mini{ display: block; float: left;}
  div#cart-summary{ font-weight: bold; margin-bottom: 5px; }

/* preview */
#preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }
a.pics{ display: block; width: 112px; margin: 4px auto 4px auto; cursor: pointer; }
a.tab-chat { cursor: pointer; }  

/* misc */
span.fb { width: 114px; display: block; float: right; padding: 6px 0px 4px 0px; }
h1.prod { display: inline }
span.price { display: inline; font-size: 1.2em; color: #6b7a26; line-height: 1.25em; font-weight: bold;  }

div.no-variants { margin-bottom: 10px }

ul.brand { width: 175px }
ul.bundle { margin: 0; padding: 0; list-style-type: none }
ul.bundle li { padding-bottom: 4px; }

/* quickie */
div#checkout-left { width: 350px; float: left; padding-right: 10px; border-right: 1px solid #C8C8C8; }
div.step { width: 340px; height: 15px; font-size: 12px; text-transform: uppercase; margin: 0px 10px 10px 0px; padding: 5px 5px 6px 5px; background-color: #C8C8C8; }
div#checkout-left form p label{ width: 120px }
div#checkout-right div#cart-wrapper{ width: 380px; float: left; background-color: #C8C8C8; margin-left: 9px; color: #000; position: relative; }
div#checkout-right div#cart-wrapper a { color: #000; }
div#checkout-right div#cart-list { width: 380px; background-color: #C8C8C8 }
div#checkout-right div#cart-list h2 { width: 360px; margin: 10px auto }
div#checkout-right div#cart-list table { width: 360px; margin: 10px }
form.addprod { margin-top: 8px }

ul#shipping-options, ul#gift-card-list{ list-style-type: none; margin: 10px; padding: 0 }
ul#shipping-options li { height: 18px; line-height: 18px; margin-bottom: 3px; cursor: pointer; }
ul#gift-card-list li { height: 18px; line-height: 18px; margin-bottom: 3px; font-weight: bold }
ul#shipping-options li span.radio { display: block; width: 18px; height: 18px; background: url(../images/radios.png) no-repeat scroll 0 0 transparent; float: left; margin-right: 5px; }
/*ul#gift-card-list li span.gift-card-delete { cursor: pointer; display: block; width: 18px; height: 18px; background: url(../images/cancel.png) no-repeat scroll 0 0 transparent; float: left; margin-right: 5px; }
*/
ul#gift-card-list li span.gift-card-delete { cursor: pointer; color: #BA4818; }
ul#gift-card-list{ margin: 10px 0px 10px 0px }
ul#shipping-options li.selected span.radio { background-position: -18px 0; }
img.error{ margin-left: 2px; width: 12px; height: 12px; }
form.a p input.error, form.a p select.error{ border: 1px solid #BA4818 }
span.error{ display: block; padding: 4px; border: 1px solid #BA4818; width: 340px; }
input#purchase, a#purchase, div#giftpayment { cursor: pointer; margin-left: 130px; width: 180px; height: 32px; background: url(../images/checkout-sprite.png) no-repeat scroll 0 0 transparent; }
div.two-right input#purchase{ margin-left: 91px }
div#save-shipping { cursor: pointer; margin: -2px 0px 12px 130px; width: 180px; height: 22px; background: url(../images/checkout-sprite.png) no-repeat scroll 0 -311px transparent; }
div#save-shipping:hover { background-position: 0 -343px; }
div#copy-shipping { cursor: pointer; margin: 0px 0px 10px 130px; width: 180px; height: 22px; background: url(../images/checkout-sprite.png) no-repeat scroll 0 -376px transparent; }
div#copy-shipping:hover { background-position: 0 -407px; }
div#use-gift { cursor: pointer; margin: -2px 0px 12px 130px; width: 180px; height: 22px; background: url(../images/checkout-sprite.png) no-repeat scroll 0 -484px transparent; }
div#use-gift:hover { background-position: 0px -515px; }
a#purchase{ display: block; margin: 0px auto }
input#purchase:hover, a#purchase:hover { background-position: 0px -32px; }
input#purchase.processing { background-position: 0px -64px; }
div.paypalbutton { cursor: pointer; margin-left: 130px; width: 180px; height: 52px; background: url(../img/paypal.png) no-repeat scroll 0 0 transparent; text-indent: -9999px; }
div.paypalbutton.processing { background: url(../images/checkout-sprite.png) no-repeat scroll 0px -98px; }
div#paypalexpress { margin-bottom: 14px; }
div#error-message { text-transform: uppercase; width: 370px; font-weight: bold; }
h3.paypal{ text-transform: uppercase; border-top: 1px solid #C8C8C8; padding-top: 8px; }
a#paypalbutton{ display: block; width: 175px; margin-left: 130px; }
a#paypalbutotn img{ border: 0 }
ul.confirmation{ list-style-type: none }
ul.confirmation li.change { font-size: 9px }
a.paypalconfirm{ display: block; text-align: center; height: 20px; padding: 5px; background-color: #6b7a26; color: #fff; text-transform: uppercase; margin-left: 130px; width: 182px; }
input#same{ width: 13px; height: 13px; }
#securestuff { width: 100%; text-align: right; }
  #securestuff img{ padding-top: 10px }

/* two col */
div.two-left { width: 150px; float: left; padding-right: 10px; border-right: 1px solid #C8C8C8; }
div.two-right { width: 578px; float: right; margin-left: 10px; }
div.two-right div#cart-list { background: #C8C8C8; padding: 10px }
div.two-right div#cart-header { height: 32px; width 100%; background: url(../images/view-cart.png) no-repeat scroll 0 0 transparent; margin-bottom: 10px; }
div.two-right div#cart-list table { width: 100% }
ul.newcart { margin: 10px 0px; padding: 0; list-style-type: none; width: 180px; float: right; }
ul.newcart.top { margin-top: 0; }
ul.newcart li { display: inline; height: 32px; width: 90px; padding: 0; margin: 0; float: left; }
ul.newcart li.full { width: 180px; margin-top: 10px; }
ul.newcart.top li.full { width: 180px; margin-top: 0; }
  ul.newcart li button.update{ width: 90px; height: 32px; background: url(../images/checkout-sprite.png) no-repeat scroll 0px -183px transparent; border: 0; }
  ul.newcart li button.update:hover { background-position: 0px -247px }
  ul.newcart li a.empty{ display: block; width: 90px; height: 32px; background: url(../images/checkout-sprite.png) no-repeat scroll -90px -183px transparent; border: 0; text-indent: -9999px; }
  ul.newcart li a.empty:hover { background-position: -90px -247px }
  ul.newcart li a.checkout{ display: block; width: 180px; height: 32px; background: url(../images/checkout-sprite.png) no-repeat scroll 0px -151px transparent; border: 0; text-indent: -9999px; }
  ul.newcart li a.checkout:hover { background-position: 0px -215px }
  a.editcart{ width: 90px; height: 31px; display: block; float: right; margin: 10px 0px 0px 10px; background: url(../images/checkout-sprite.png) no-repeat scroll 0px -279px; }
  a.editcart:hover { background-position: -90px -279px }

/* recs */
div.recs { width: 340px; clear: both; float: left; padding-top: 10px; }
ul.recs-list { list-style: none outside none; overflow: hidden; padding: 0; }
  ul.recs-list li { display: inline; float: left; margin: 0 0 10px 8px; overflow: hidden; padding: 0; text-align: center; width: 75px; }
  ul.recs-list li.first { margin-left: 0; }
  ul.recs-list li.breaker { clear: left }
  ul.recs-list li img{ border: 0 }

.notice-wrap { position: fixed; top: 20px; right: 20px; width: 250px; z-index: 9999; }

* html .notice-wrap { position: absolute; }
 
.notice-item { min-height: 60px; height; auto; background: #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #eee; padding: 6px 6px 0 6px; font-size: 11px; border: 2px solid #999; display: block; position: relative; margin: 0 0 12px 0; }

.notice-item.error{ background: #BA4818; }

.notice-item p{ padding: 10px }

.notice-item-close { position: absolute; font-family: Arial; font-size: 12px; font-weight: bold; right: 6px; top: 6px; cursor: pointer; }

div.shipping { width: 340px; float: left; margin-top: 10px; }
div#shippingform label { width: 100px; display: block; float: left; }
a.modal { color: #BA4818; }
select#quotelist { width: auto; }
div#cart-list tr td.last, div#cart-list tr th.last { text-align: right; }
div#cart-list tr td.qty { text-align: center; }
div#checkout-right div#cart-wrapper td.error a { color: #BA4818 }


div.steve{ top: 10px; width: 100px; height: 120px; position: relative; clear: left; width: 100%; background: url(/images/steve_mcqueen.png) no-repeat; background-position: right bottom;  }

/* alerts */
div.alert-form{ margin-top: 20px; border-top: 1px solid #C8C8C8; padding-top: 20px }
a.alert-signup, form.a p input.signup{ margin-left: 90px; border: 0; text-indent: -9999px; width: 180px; height: 32px; display: block; background: url(../images/checkout-sprite.png) no-repeat scroll 0px -547px; }
a.alert-signup{margin-left: 0}
a.alert-signup:hover, form.a p input.signup:hover{ background-position: 0px -579px }
form.a p input.confirm{ margin-left: 90px; border: 0; text-indent: -9999px; width: 180px; height: 32px; display: block; background: url(../images/checkout-sprite.png) no-repeat scroll 0px -611px; }
form.a p input.confirm:hover{ background-position: 0px -643px }