HTML { overflow: -moz-scrollbars-vertical; }
img, table, tr, td, div, h1, h2, h3, h4, h5, h6, ul, li, p { margin: 0; padding: 0; border: 0; }
.breaker { clear:both; height: 1px; font-size: 1px; }
body { background: url(../images/dots.gif); font-family: Verdana, Arial, sans-serif; font-size: 12px; margin: 0px 0px 20px 0px; }
h1 { background-repeat: no-repeat; background-position: top left; }
h1 span { display: none; } /* Hides text inside H1s to make room for images */
p.warning { display: block; color: Red; font-weight: bold; }
hr { margin: 15px 0px 15px 0px; }
.crossout { text-decoration: line-through; }
h3.subhead { margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #666; font-size: 12px; }
p.instructions { font-size: 10px; margin-bottom: 10px; }
.warning { display: block; border: 1px solid #ddd; background: #FFD68F; padding: 10px; margin: 10px 0px 0px 0px; }
.formError { display: block; border: 1px solid red; background: #ffd6bf; padding: 3px; margin: 6px 0px 0px 0px; }
#headerbg { background: #fff; }
#header { width: 960px; height: 332px; margin: 0 auto; background: url(../images/header.gif) no-repeat top left; }
#languages { float: left; position: absolute; margin: 20px 0px 0px 751px; }
#languages img { margin: 0px 2px 0px 2px; border: 2px solid #fff; }
#languages span { display: none; }
#login-status { float: right; width: 400px; height: 30px; margin: 230px 110px 0px 0px; }
#login-status div { float: right; white-space: nowrap; background: #fff; padding: 5px 5px 5px 5px; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; font-weight: bold; font-size: 10px; }
#content { width: 790px; margin: 0 auto; background: #fff; }
#missing-page { text-align: center; padding: 70px 50px 100px 0px; }
#menu { float:right; list-style-type:none; height: 54px; width: 505px; margin: 50px 100px 0px 0px; }
#menu li { list-style-type:none; float:left; height: 27px; margin-right: 18px; }
#menu li a { height: 27px; display: block; }
#menu li a { background-repeat: 0; background-position: top left; }
#menu li a span { display: none; }
#menu #btn_events, #menu #btn_cart { margin: 0; }
#btn_home a { background: url(../images/menu_home.gif); width: 51px; }
#btn_graphics a { background: url(../images/menu_graphics.gif); width: 95px; }
#btn_boards a { background: url(../images/menu_boards.gif); width: 76px; }
#btn_gear a { background: url(../images/menu_gear.gif); width: 142px; }
#btn_events a { background: url(../images/menu_events.gif); width: 69px; }
#btn_blog a { background: url(../images/menu_blog.gif); width: 51px; }
#btn_custom a { background: url(../images/menu_custom.gif); width: 168px; }
#btn_faq a { background: url(../images/menu_faq.gif); width: 45px; }
#btn_apply a { background: url(../images/menu_application.gif); width: 121px; }
#btn_cart a { background: url(../images/menu_cart.gif); width: 48px; }
#btn_home a:hover { background: url(../images/menu_home-over.gif); }
#btn_graphics a:hover { background: url(../images/menu_graphics-over.gif); }
#btn_boards a:hover { background: url(../images/menu_boards-over.gif); }
#btn_gear a:hover { background: url(../images/menu_gear-over.gif); }
#btn_events a:hover { background: url(../images/menu_events-over.gif); }
#btn_blog a:hover { background: url(../images/menu_blog-over.gif); }
#btn_custom a:hover { background: url(../images/menu_custom-over.gif); }
#btn_faq a:hover { background: url(../images/menu_faq-over.gif); }
#btn_apply a:hover { background: url(../images/menu_application-over.gif); }
#btn_cart a:hover { background: url(../images/menu_cart-over.gif); }
#btn_home a.sel { background: url(../images/menu_home-down.gif); }
#btn_graphics a.sel { background: url(../images/menu_graphics-down.gif); }
#btn_boards a.sel { background: url(../images/menu_boards-down.gif); }
#btn_gear a.sel { background: url(../images/menu_gear-down.gif); }
#btn_events a.sel { background: url(../images/menu_events-down.gif); }
#btn_blog a.sel { background: url(../images/menu_blog-down.gif); }
#btn_custom a.sel { background: url(../images/menu_custom-down.gif); }
#btn_faq a.sel { background: url(../images/menu_faq-down.gif); }
#btn_apply a.sel { background: url(../images/menu_application-down.gif); }
#btn_cart a.sel { background: url(../images/menu_cart-down.gif); }
#leftcol { width: 242px; float: left; margin: 10px 0px 0px 10px; }
#leftcol h1 { height: 82px; }
#leftcol p { padding: 8px 5px 15px 8px; }
#leftcol h1#newdesigns { background-image: url(../images/title_newdesigns.gif); }
#leftcol #paypal_cards { text-align: center; padding-top: 20px; clear: both; }
#rightcol { width: 510px; margin: 0px 0px 0px 270px; clear: right; padding-top: 11px; }
#rightcol h1 { height: 50px; margin-bottom: 10px; }
#rightcol p { padding: 5px 5px 5px 3px; }
#rightcol ul, #rightcol ol { margin: 10px 0px 15px 0px; padding: 0px 0px 0px 0px; }
#rightcol ul li, #rightcol ol li { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 5px; }
/* Content section titles */
#rightcol h1#whatis { background-image: url(../images/title_whatisfacelift.gif); }
#rightcol h1#overview { background-image: url(../images/title_overview.gif); margin-top: 15px; }
#rightcol h1#graphics { background-image: url(../images/title_graphics.gif); }
#rightcol h1#apply { background-image: url(../images/title_apply.gif); }
#rightcol h1#custom { background-image: url(../images/title_custom.gif); }
#rightcol h1#blog { background-image: url(../images/title_blog.gif); }
#rightcol h1#events { background-image: url(../images/title_events.gif); }
#rightcol h1#faq { background-image: url(../images/title_faq.gif); }
#rightcol h1#myfacelift { background-image: url(../images/title_myfacelift.gif); }
#rightcol h1#cart { background-image: url(../images/title_cart.gif); }
#rightcol h1#boards { background-image: url(../images/title_boards.gif); }
#rightcol h1#clothing { background-image: url(../images/title_clothing.gif); }
#rightcol h1#gear { background-image: url(../images/title_gear.gif); }
#rightcol h1#accessories { background-image: url(../images/title_accessories.gif); }
#rightcol h1#privacy { background-image: url(../images/title_privacy.gif); }
#rightcol h1#guarantee { background-image: url(../images/title_guarantee.gif); }
#rightcol h1#proprinting { background-image: url(../images/title_proprinting.gif); }
#rightcol h1#contact { background-image: url(../images/title_contact.gif); }
#rightcol h1#artists { background-image: url(../images/title_artists.gif); }
#rightcol h1#orderconfirm { background-image: url(../images/title_thanks.gif); }
#footer { font-size: 12px; padding: 10px 15px 10px 15px; text-align: center; font-size: 11px; }
#footer .line { display: block; height: 26px; background: url(../images/dots.gif); }
#footer p { padding: 9px 0px 2px 0px; }
#btnviewcart { margin: 13px 0px 0px 0px; float: right; }
/* Blog (and events) */
.blogPost { margin: 10px 0px 25px 0px; padding: 0px 5px 0px 0px; }
.blogPost .timestamp { font-size: 11px; color: #999; padding: 4px 0px 10px 0px; }
.blogPost h2 { font-weight: normal; font-size: 18px; margin: 5px 0px 5px 0px; padding: 4px 0px 4px 3px; background: url(../images/dots_light.gif); }
.blogPost h2 span { margin: 0; padding:0; background: url(../images/blog_title_bg.gif) repeat-x bottom left; padding: 0px 10px 0px 2px; }
.blogPost .blogBody { }
.blogPost .blogBody object { display: block; margin: 0 auto;}
.blogPost h3.blogSubtitle { text-align: left; font-size: 15px; margin: 10px 0px 5px 10px; padding-bottom: 5px; font-style: normal; }
/* Events */
table#photos { width: 486px; margin: 0px 0px 0px 10px; }
table#photos tr td { text-align: left; vertical-align: middle; }
table#photos tr td img { border: 6px solid #000; }
/* Category Page */
.prodCat { margin: 10px 0px 20px 0px; padding: 0px 5px 5px 0px; clear: right; }
.prodCat h2 { font-weight:normal; font-size: 18px; margin: 5px 0px 5px 0px; padding: 0px 0px 1px 3px; background: url(../images/dots_light.gif); }
.prodCat h2 span { margin: 0; padding:0; background: url(../images/blog_title_bg.gif) repeat-x bottom left; padding: 0px 10px 0px 2px; }
#rightcol ul.prodList { list-style-type: none; margin: 0; padding: 0; }
#rightcol ul.prodList li { list-style-type:none; margin: 0px 2px 4px 0px; padding: 0; float: left; }
#rightcol ul.prodList li .saleIcon { width: 24px; height: 13px; position: absolute; margin: 5px 0px 0px -22px; }
.graphicTooltip { border: 2px solid #333; background:#DFCCA7; padding: 5px 5px 5px 5px; z-index: 100; }
.graphicTooltip h4 { font-size: 14px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #333; margin: 0px 0px 5px 0px; }
.graphicTooltip .price { font-size: 12px; font-weight: bold; }
.graphicTooltip .strikethrough { text-decoration: line-through; }
.graphicTooltip .salesPrice { color: Red; font-weight: bold; padding-left: 6px; }
.emptyCategory { display: block; background : #DFDFDF; padding: 15px 15px 15px 15px ! important; margin: 15px 0px 0px 0px; font-weight: bold; text-align: center; }
/* Graphic Page */
#zoomcontent { display: none; }
.graphic { text-align: right; }
.graphic img.zoom { float: right; margin: 10px 70px 0px 60px; }
.graphic img.onsale { width: 74px; height: 74px; position: absolute; margin: 10px 0px 0px 160px; }
.graphic h2 { padding: 20px 0px 5px 0px; font-size: 18px; }
.graphic p.desc { padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; }
.graphic p.price { font-size: 12px; }
.graphic p.price span.origPrice { font-size: 17px; }
.graphic p.price span.salePrice { color: Red; font-size: 17px; padding: 0px 0px 0px 10px; font-weight: bold; }
.graphic p.sizes { margin: 10px 0px 0px 0px; }
.graphic p.sizes span.selectError { display: block; margin: 4px 0px 0px 0px; font-style:bold; }
.graphic .buybutton { margin: 15px 0px 0px 0px; }
.graphic h4 { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #666; }
.graphic h4 span.by { font-size: 10px; font-weight: normal; }
/* Contents of lightbox caption */
#imageData #caption { }
#imageData #caption h5.zoomName { font-size: 17px; padding: 5px 0px 5px 0px; }
#imageData #caption h5.zoomName span.artist { font-size: 12px; font-weight: bold; color: #666; }
#imageData #caption h5.zoomName span.artist span.by { font-size: 12px; font-weight: normal; padding: 0px 0px 0px 10px; }
#imageData #caption p.price { font-size: 17px; font-weight: normal; padding: 4px 0px 8px 0px; }
#imageData #caption p.price span.origPrice { }
#imageData #caption p.price span.salePrice { color: Red; padding: 0px 0px 0px 10px; }
#imageData #caption a { display: block; width: 200px; margin: 3px 0px 3px 0px; }
/* Facelift Gear Page */
.gearItem { width: 160px; float: left; border: 1px solid #999; text-align: center; margin: 8px 8px 0px 0px; padding: 0px 0px 5px 0px; }
.gearItem a, .gearItem a:active, .gearItem a:hover, .gearItem a:visited, .gearItem a:link { color: Black; text-decoration: none; }
.gearItem a:hover { text-decoration: underline; }
.gearItem img { border: 0; }
.gearItem h5 { border: 1px solid #999; border-left: 0; border-right: 0; margin: 0px 5px 0px 5px; text-align: center; padding: 5px 0px 5px 0px; font-size: 12px; font-weight: bold; background: #efefef; }
.gearItem p.price { text-align: center; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.gearItem p.price .origPrice { }
.gearItem p.price .crossout { text-decoration: line-through; }
.gearItem p.price .salePrice { font-weight: bold; color: Red; padding: 0px 29px 0px 5px; background: url(../images/sale.gif) no-repeat top right; }
.gearDetail { text-align: left; }
.gearDetail img.zoom { float: right; margin: 10px 0px 0px 10px; }
.gearDetail img.onsale { width: 74px; height: 74px; position: absolute; margin: 10px 0px 0px 430px; display:none; }
.gearDetail h2 { padding: 10px 0px 5px 3px; font-size: 16px; }
.gearDetail h3 { font-weight: normal; font-size: 12px; padding: 0px 0px 7px 0px; margin: 0px 0px 5px 3px; border-bottom: 1px solid #999; }
.gearDetail p.desc { padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; }
.gearDetail p.price { font-size: 12px; }
.gearDetail p.price span.origPrice { font-size: 17px; }
.gearDetail p.price span.salePrice { color: Red; font-size: 17px; padding: 0px 0px 0px 10px; font-weight: bold; }
.gearDetail p.sizes { margin: 10px 0px 0px 0px; }
.gearDetail p.sizes span.selectError { display: block; margin: 4px 0px 0px 0px; font-style:bold; }
.gearDetail .buybutton { margin: 10px 0px 20px 0px; }
.gearDetail h4 { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #666; }
.gearDetail h4 span.by { font-size: 10px; font-weight: normal; }
/* Forms */
table.form { width: 100%; border-collapse: collapse; }
table.form tr td { width: 70%; padding: 4px 4px 4px 4px; }
table.form tr td input { border: 1px solid #000; height: 18px; }
table.form tr td.label { width: 30%; text-align: right; }
table.form tr td.label .required { color: Red; font-size: 12px; }
/* Artists */
p.artistSales { background-color: #eee; border: 1px solid #666; padding: 4px; margin: 8px 0px 8px 0px; }
p.salesDisclaimer { color: #999; }
p.proPrinting { font-weight: bold; border-top: 1px solid #ddd; margin: 10px 0px 0px 0px; padding: 5px 5px 5px 5px; }
/* Shopping Cart */
table#cart { border-collapse: collapse; border: 2px solid #333; font: normal 80%/140% arial, verdana, helvetica, sans-serif; color: #000; background: #fff; width: 500px; margin: 0px 0px 0px 4px; }
table#cart caption { padding: 0 0.6em 0.8em; font-size: 1.3em; font-weight: bold; text-align: left; color: #000; background: transparent; }
table#cart td, table#cart th { border: 1px solid #e0e0e0; padding: 0.5em; }
table#cart thead th { border: 1px solid #e0e0e0; text-align: left; font-size: 1em; font-weight: bold; background: #B39E72; }
table#cart tfoot th, tfoot td { text-align: left; font-size: 1em; background: #e8e8cf; }
table#cart tfoot th { font-weight: bold; }
table#cart tbody td a { background: transparent; color: #00c; text-decoration: underline; }
table#cart tbody td a:hover { background: transparent; color: #00c; text-decoration: underline; }
table#cart tbody th a { background: transparent; color: #3f7c5f; text-decoration: underline; font-weight: bold; }
table#cart tbody th a:visited { color: #b98b00; }
table#cart tbody th, tbody td { vertical-align: top; text-align: left; }
table#cart .col-image { text-align: center; width: 50px; }
table#cart .col-desc {}
table#cart .col-desc h4 { font-size: 15px; margin: 3px 0px 3px 0px; font-weight: bold; }
table#cart .col-desc h5 { font-size: 12px; font-weight: normal; }
table#cart .col-price { width: 50px; text-align: right; }
table#cart .col-price span.origPrice { }
table#cart .col-price span.salePrice { color: Red; display: block; }
table#cart .col-qty { text-align: center; width: 30px; }
table#cart .col-qty input { width: 20px; text-align: center; font-size: 10px; }
table#cart .col-total { width: 50px; text-align: right; }
table#cart tfoot td { }
table#cart tfoot tr th { text-align: right; }
table#cart tfoot tr.row-shipping th, table#cart tfoot tr.row-shipping td { background: #EFEFEF; }
table#cart tfoot tr.row-total th, table#cart tfoot tr.row-total td { }
table#cart tfoot tr.row-total td { font-weight: bold; font-size: 12px; }
table#cart tbody tr:hover { background: #ffffd9; }
#cart-buttons { padding:15px 5px 0px 0px; text-align: right; }
#cart-buttons input { margin: 0px 0px 0px 10px; }
#cart-buttons .empty-cart { float: left; margin: 0px 0px 0px 4px; }
#cart-empty { text-align: center; padding: 70px 0px 100px 0px; }
#orderreview
{
background: #fffad2; padding: 15px; border: 1px solid #666666;
margin: 0px 5px 15px 3px;
}
#orderreview p { padding-left: 0; }
#paypal-button { padding: 20px 0px 0px 100px; }
.addressNote { font-size: 10px; color: #999; }
#paypalLoading { text-align: center; font-size: 17px; font-weight: bold; padding-top: 80px; }
#paypalLoading p { margin-top: 45px; }
/* Order Confirmation */
#orderconfirmnum { background: #fffad2; padding: 10px; margin: 10px 0px 0px 0px; text-align: center; font-size: 17px; border: 1px solid #666; }
/* Carousel */
.carousel-component { position:relative; overflow:hidden; visibility:visible; }
.carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; }
.carousel-component .carousel-list li { float:left; list-style:none; overflow:hidden; }
.carousel-component .carousel-vertical li { float:none; margin-bottom:0px; }
.carousel-component ul.carousel-vertical { width:auto; }
.carousel-component .carousel-clip-region { overflow:hidden; margin:0px auto; position:relative; }
.carousel-component { padding:0px 0px 0px 0px; }
.carousel-component ul.carousel-list { margin:0px; padding:0px 0px 0px 0px; }
.carousel-component .carousel-list li { text-align:center; margin:0px 0px 0px 0px; padding:0px; font:10px verdana,arial,sans-serif; color:#666; }
.carousel-component .carousel-vertical li { }
.carousel-component ul.carousel-vertical { }
#small-carousel .carousel-list li { margin:0px 2px 0px 2px; }
/* The width = img size + a.borderLeftWidth + a.borderRightWidth + img.borderLeftWidth + img.borderRightWidth */
#small-carousel .carousel-list li { width:55px; /*50 + 2 + 2 + 1 + 1 */ }
#small-carousel .carousel-list li img { display:block; }
#small-carousel { float:left; margin-bottom:10px; width: 180px; }
#prev-arrow-container, #next-arrow-container { float:left; margin-top: 100px; }
#prev-arrow-small { cursor:pointer; margin:20px 10px 0px 0px; }
#next-arrow-small { cursor:pointer; margin: 20px 0px 0px 10px; }
.carousel-component ul li .saleIcon { width: 33px; height: 33px; position: absolute; margin: 0px 0px 0px 25px; z-index: 100; }
/* Lightbox */
#lightbox{ position: absolute; top: 40px; margin-top:50px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer{ position: relative; background: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 40% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 40% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; margin: 40px 0px 0px 0px; float: right; padding-bottom: 0.7em; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}