/* @override 
	http://staging.lizardskins.com/store/skin/frontend/default/lizardskins/css/styles.css
	http://lizardskins.com/store/skin/frontend/default/lizardskins/css/styles.css
	https://lizardskins.com/store/skin/frontend/default/lizardskins/css/styles.css
*/

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @licensehttp://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */


/* Layout ================================================================================= */
br.clear { clear:both; }
body { font-family:arial; background-image:url(../images/bg_all.png); color:white; background-color:black; }

.wrapper { background: #000 url(../images/ryan_bg.jpg) top center no-repeat fixed;}

div.wrapper.mountain { background-image: url(../images/ryan_bg.jpg); }
div.wrapper.road { background-image: url(../images/track_bg.jpg); }
div.wrapper.bmx { background-image: url(../images/bmx_bg.jpg); }

.page { width:1000px; margin:0 auto; padding:10px 0; text-align:left;  }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main { margin:10px 0; }

/* Base Columns */ 
.col-left { float:left; width:230px; padding:5px 5px 0; /*background-image:url(../images/box-background.png); */}
.col-main { float:left; width:736px; padding:5px; /*background-image:url(../images/box-background.png); */ }
.col-right { float:right; width:230px; padding:5px 5px 0; /*background-image:url(../images/box-background.png); */ }

/* Custom grips layout */
body.cms-custom-lock-on-grips-html .col-right, body.cms-custom-lock-on-grips .col-right { width: 49%; float: right;}
body.cms-custom-lock-on-grips-html .col-left, body.cms-custom-lock-on-grips .col-left { background: url(../images/grip_static_bg.png) no-repeat left bottom; height: 500px; border-left: 3px solid #900; float: left; width: 450px; }
body.cms-custom-lock-on-grips-html .col-left h1, body.cms-custom-lock-on-grips .col-left h1 { text-transform: uppercase; text-align: right; font-size: 28px; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:980px; margin: 0 auto;padding: 0;}

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }

input[type=hidden] { display: none !important; }

input#newsletter.input-text.required-entry.validate-email {  }
input.input-text,textarea { 
	padding:2px; 	
	border: 1px solid #222;
 }

select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option {}
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; text-align: center;}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button,#compare-items-link, a.button, a.button span,body.blog-index-index a.older,body.blog-index-index a.newer { overflow:visible; width:auto; border:0;  background:url(../images/btn_bg_red.gif) center; padding: 1px 6px;cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; }
button.button span, a.button span ,body.blog-index-index a.older,body.blog-index-index a.newer{ float:left; padding:0; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }

.catalog-product-compare-index a.button{ padding: 0; }
.catalog-product-compare-index a { color: #555; }
body.catalog-product-compare-index span.price { color: #900; }

table#product_comparison p { clear: both; }
a.button span{ padding: 1px 6px; }

a.button:hover{ text-decoration: none; }

button.disabled {}
button.disabled span {}
/* Input & Textarea stretched for 100% */
.field-100 { border:1px solid #888; padding:2px; overflow:hidden; }
.field-100 input.input-text,
.field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#eee; }*/

/* Form lists */
.form-list li { margin:0 0 5px; }
.form-list label { font-weight:bold; }
.form-list .input-box { float:left; width:260px; margin-right: 10px; }
.form-list input.input-text,
.form-list textarea { width:250px; }
.form-list select { width:256px; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; }
.form-list .range input.input-text { width:96px; }

.group-select {}
.group-select li { margin:0 0 5px; }
.group-select .input-box { float:left; width:260px; }
.group-select input.input-text,
.group-select textarea {width:510px; }
.group-select select { width:516px; }
.group-select .input-box input.input-text,
.group-select .input-box textarea { width:250px; }
.group-select .input-box select { width:256px; }

.buttons-set { clear:both; margin:5px 0 0; padding:5px; }
.buttons-set .back-link { float:left; color: #333; }
.buttons-set button.button { float:right; }

.buttons-set2 { clear:both; margin:0 0; padding:5px; text-align:right; }

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0 10px; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
.required { color:#900; }
p.required { font-size:10px; text-align:right; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Global Messages  */
.success { color: #008a1d; font-weight:bold; }
.error { color:#900; font-weight:bold; }
.notice { color:#ccc; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; line-height: 24px; }
.messages { width:100%; overflow:hidden; text-align: left; vertical-align: middle; }
.messages li { margin:0 0 10px; }
.messages li li {margin: 0; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { -webkit-border-radius:4px;
			-moz-border-radius:4px; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:12px !important; font-weight:bold !important; background-color: #111;background: rgba(0,0,0,0.44) no-repeat 10px center; margin-bottom: 10px; }
.error-msg { background-colod: rgb(180,0,5); background: rgba(180,0,5,0.5) url(../images/error_msg_icon.png) no-repeat 10px center; }
.success-msg {   background-image: url(../images/success_msg_icon.png);  background-color: rgb(0,127,37); background: rgba(0,127,37,0.5); }
.note-msg,
.notice-msg { line-height: 24px;  background-image: url(../images/note_msg_icon.png); background-color: rgb(229,228,60); background: rgba(229,228,60,0.66); }


/* BreadCrumbs */ 
.breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; }
.breadcrumbs li { display:inline; }

/* Page Heading */
.page-title { /*border-bottom:1px solid #ddd;*/ padding:0 0 5px; margin:0 0 10px; }
.title-buttons { text-align:right; }
.title-buttons a { text-decoration: underline; margin-left: 10px; }
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }

/* Toolbar */
.toolbar { background: url(../images/dropdown_grad.gif) repeat-x center top; padding: 2px; border: 1px solid #222; -webkit-border-radius:3px; -moz-border-radius:3px; color: yellow; margin-bottom: 3px; }

/* Pager */ 
.pager { color:#cacaca; height:27px; padding:0; margin:0; text-align:center; border-bottom: 1px solid #444444; }
.pager .amount { float:left; padding:3px; }
.pager .limiter { float:right; padding:3px 5px 0 0; height:24px; }
.pager select { height:20px; }
.pager .pages { margin:0 135px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; }
.pager .pages .current { text-decoration: underline; }

/* Sorter */ 
.sorter { color:#cacaca; height:27px; padding:0; margin:0; border-top:1px solid #222222; }
.sorter select { height:20px; }
.sorter .view-mode { float:left; padding:3px; }
.sorter .sort-by { float:right; padding:3px 5px 0 0; height:24px; }
.sorter .link-feed {}

/* Data Table */ 
.data-table { width:100%; padding: 0; margin-bottom: 10px; -webkit-border-radius:4px; border-collapse: separate; background: #fff url(../images/dropdown_grad_lightgrey.gif) repeat-x center bottom; color: #333; }
.data-table th { padding:5px; font-weight:bold; white-space:nowrap; border-bottom: 1px solid #a2a2a2; }
.data-table td { padding:5px; border-bottom: 1px solid #a2a2a2; line-height: 18px; }
.data-table thead { background: #474747 url(../images/btn_bg_lightgrey.gif) repeat-x scroll center bottom; }
.data-table tbody {  }
.data-table tfoot { background: #474747 url(../images/btn_bg_lightgrey.gif) repeat-x scroll center bottom; }
.data-table tfoot .price { color: #333; }
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even {  }
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even {  }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { border: 0px;
font-weight: bold;
text-align: right;}
.data-table td.value {}

/*Wishlist table*/
#wishlist-table.data-table { margin-bottom: 0; }
#wishlist-table.data-table .price { color: #333; }
#wishlist-table.data-table a { color: #900; }
#wishlist-table.data-table textarea { border: 1px solid #a2a2a2; color: #444; }

/* Tax Details Row */
tr.tax-total { cursor:pointer; }
tr.tax-total td {}
tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .tax-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.tax-details td { background-color:#f6f6f6; }
tr.tax-details-first td {}

/* Shopping cart tax info */
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { cursor:pointer; }
.cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-total-expanded { background-position:100% -52px; }

/* Lists Decoration */
li.odd {}
li.even { }
dt.odd,
dd.odd {}
dt.even,
dd.even { }

/* Class: std - styles for admin-controlled content */
.std,
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }

/* Misc */
.link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; }

/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; }
/* ======================================================================================= */


/* Header ================================================================================ */
.logo { float:left; width:315px; height:48px; overflow:hidden; } 
.header-container {}
.header { padding:10px 0; }
.header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em;overflow: hidden; }
.header .logo a { display:block; width:315px; height:48px; }
.header .welcome-msg { font-weight:bold; text-align:right; }
.header .nav { float:right; }
.header .links { float:right; }
.header .form-search { text-align:left; position: relative;}
.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul { border:0px solid #ddd; background-color:#555; }
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #222; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.selected {background: #333;color: #fff;}
.header .form-language { text-align:center; }
.header .mini-cart { float:right; text-transform:uppercase; border-bottom:3px solid #900; letter-spacing:1px; text-align:center; color: #a2a2a2; padding: 0 2px; font-size: 12px; }
.header .mini-cart a { font-weight:bold; color: #fff; }

/**Lizard Skin Navigation**/
#ls_nav { width:590px; float: right; margin-top:15px; }
#ls_nav div.left { background:url(../images/nav_left.png) no-repeat top left; width:5px; height:28px; float:left; }
#ls_nav div.middle { background:url(../images/nav_center.gif) repeat-x top center; width:580px; float:left; height:28px;}
#ls_nav div.right { background:url(../images/nav_right.png) no-repeat top right; width: 5px; float:left; height:28px;}

#nav-middle { width:auto; float:left;
}
#search { width:100%; height:12px; }
#top-search { float:left; clear: none;
padding: 3px 5px 4px;
width: 132px;border-left: 1px solid #555;
}
#top-search input#search, #top-search input:focus{
	width: 100%;
	background-color: #616161;
	border: 1px solid #222;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #9e9e9e;
	margin: 0;
	padding:2px; 
	height: 14px;
	line-height: 14px;	
}

/********** < Navigation */
#nav { font-size:12px; padding: 0; margin:0; text-transform: uppercase; }


/* All Levels */

#nav li { text-align:left; position:relative;  background-color: transparent;}
#nav li.over { z-index:999; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; background-color: transparent;}
#nav li ul a span { white-space:normal; }

/* 1st Level */
#nav li { float:left; }

#nav li a { float:left; padding:4px 8px 5px 8px; border-right: 1px solid #222; border-left: 1px solid #555;color:#888;
	text-shadow: #333 0 -1px 0;
}
	#nav li.home a {	border-left: 0;
}
#nav li a:hover { color:#fff; }
#nav li.over a,
#nav li.active a, body.cms-home #nav li.home a { color:#fff; font-weight: bold;}
#nav li.over a {
	font-weight: normal;
}

/* 2nd Level */
#nav ul { position:absolute; width: 160px; top:27px; left:-10000px; background: #292929 url(../images/dropdown_grad.gif) repeat-x center bottom;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-top: 1px solid #333;}
#nav ul li { margin: 3px 10px;float:none; border-bottom:1px solid #444; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding: 3px 9px 3px 0; font-weight:normal; color:#888 !important; border: 0;}
#nav ul li a:hover { color:#fff !important; }
#nav ul li.active > a,
#nav ul li.over > a  { font-weight:bold; color:#fff !important;}

/* 3rd+ leven */
#nav ul ul { top:7px; }

/* Show Menu */
#nav li.over > ul { left:0;}
#nav li.over > ul li.over > ul { left:100px; }

/********** Navigation > */
/* ======================================================================================= */

#nav li.parent.over ul.column { float: left;width: 170px;height: 200px;}
#nav li.over ul.column.mountain { left: 0 !important; }
#nav li.parent.over ul.column.road { left: 160px !important;}


#nav li.parent.over ul.column.bmx { left: 320px !important;}
#nav li.parent ul.column a { clear: both; display: block;border: 0;height: 20px;}
#nav li.parent ul.column li { float: left; clear: both; height: 16px; line-height: 14px; width: 140px;}

#nav li.logout { background: #900 url(../images/btn_bg_red.gif); margin: 0px; -webkit-border-radius:3px; -moz-border-radius:4px; font-weight: bold;  width: auto;margin: 0;border: 0;height: 28px;}
#nav li.logout span {  padding: 4px 8px;  }

/********** Navigation > */
/* ======================================================================================= */


/* Sidebar =============================================================================== */
.block { margin:0 0 10px; }
.block .block-title { border-bottom:3px solid #900; padding:0 10px; }
.block .block-title h2 { font-size:15px; font-weight:bold; line-height:1.5; text-transform:uppercase; letter-spacing: 1px;}
.block h3 { font-size:14px; line-height:1.5; }
.block .block-content { padding:10px; }
.block .actions { text-align:right; }
.block .actions a { float:left;clear: both; }

/* Block: Account */
.block-account {}
.block-account ul { list-style-type: square; padding-left: 10px; }

/* Block: Currency Switcher */
.block-currency {}
.block-currency select { width:100%; border:1px solid #888; }

/* Block: Layered Navigation */
.block-layered-nav { color: #666;}
.block-layered-nav dt { font-size:22px; font-weight:normal; color:#900; text-transform:uppercase;  }
.block-layered-nav dd { margin-bottom:20px; font-size: 13px; }
.block-layered-nav .currently {}
.block-layered-nav .block-title { border: none; color: #fff; }
.block-layered-nav .block-title h2 { font-weight: normal; }
.block-layered-nav .price { color: #fff; }

/* Block: Cart */
.block-cart {}
.block-cart .amount {}
.block-cart .subtotal { text-align:center; }

.mini-products-list li { padding:10px; margin:0 0 10px 0; float:left; background-color: #111;background: rgba(0,0,0,0.44); -webkit-border-radius:4px; -moz-border-radius:4px; width: 210px; }
.mini-products-list li.odd {  }
.mini-products-list .product-image { float:left; width:50px; }
.mini-products-list .product-details { margin-left:55px; font-size: 12px; }
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }
.mini-products-list .product-details .btn-remove { float:right; }
.mini-products-list .product-details .price-box { font-size: 11px; padding: 0; font-weight: bold; }
.mini-products-list .product-details a {  }

/* Block: Wishlist */
.block-wishlist {}
.block-wishlist .block-content { margin: 0; padding: 0; }
.block-wishlist .block-content h3 { padding: 5px 10px; }

/* Block: Related */
.block-related { width: 490px; margin-top:15px; float:left; }
.block-related li { padding:5px 0; }
.block-related input.checkbox { }
.block-related .item { margin-right:10px; width:100px; float:left; }
.block-related .item .product-image { background-color:black; }
.block-related .item .product-details {  }
.block-related h3 { display:inline; border:0; }
.block-related .title { font-size:14px; font-weight:bold; }
.block-related .price-box { margin:0; padding:0; font-size:12px; font-weight:normal; }

/* Block: Compare Products */
.block-compare {}
.block-compare li { padding:5px 0; }
.block-compare li a img{ margin: 0;padding: 0; vertical-align: -1px; }

/* Block: Viewed */
.block-recent {}

/* Block: Poll */
.block-poll {}
.block-poll input.radio { float:left; margin:3px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll .answer {}
.block-poll .votes { font-weight:bold; }

/* Block: Tags */
.block-tags ul,
.block-tags li { display:inline; }

/* Block: Subscribe */
.block-subscribe {}

/* Block: Reorder */
.block-reorder {}
.block-reorder li { padding:5px 0; }
.block-reorder input.checkbox { float:left; margin:3px -20px 0 0; }
.block-reorder .label { display:block; margin-left:20px; }

/* Block: Banner */
.block-banner {}
.block-banner .block-content { text-align:center; }

/* Block: Checkout Progress */
.block-progress { color: #a2a2a2; }
.block-progress h2 { color: #fff; }
.block-progress dt { font-weight:bold; margin-top: 10px; padding: 3px; background:url(../images/btn_bg_grey.gif) center; opacity: .6; }
.block-progress dt.complete { background: url(../images/btn_bg_red.gif); opacity: 1; color: #fff; }
.block-progress dt.complete a { color: #a2a2a2; font-weight: normal; font-style: italic;}
.block-progress dt.complete, .block-progress dd.complete { padding: 3px; }
.block-progress dd.complete { background: rgb(255,255,255); color: #333;}
.block-progress .price { color: #666;}

/* Block: Blog */
div.blog .head h4 { background: none; border-bottom:3px solid #900; padding:0 10px; font-size:15px; font-weight:bold; line-height:1.5; text-transform:uppercase; letter-spacing: 1px;}
div.blog div.content,div.blog div.content ul li a { margin-left: 10px;}
div.blog h5 { margin-top: 5px; }
/* ======================================================================================= */


/* Category Page ========================================================================= */
.category-title { margin:0 0 10px; text-transform: uppercase; }
.category-image { display:block; margin:0 auto; }
.category-products {}

/* View Type: Grid */
.products-grid { width:100%; margin-bottom:10px; }

.products-grid tr.odd {}
.products-grid tr.even {}
.products-grid tr {border-bottom: 1px solid #444;}
.products-grid tr.last { border-bottom:none; }
.products-grid td { width:33%;  padding:10px 0px 10px 10px; border-collapse: separate; border-right:1px solid #444; }
.products-grid td.last { border-right:none; }
.products-grid td.empty {}
.products-grid .add-to-links { margin-top: 5px; }
.products-grid .add-to-links a { font-style: italic; color: #bebdbd; font-size: 9.5px; text-transform: uppercase; }
.products-grid .product-image img { background-color: #111;background: rgba(0,0,0,0.44); margin-bottom: 5px; }

/* View Type: List */
.products-list li.item { padding:5px; margin:0 0 5px; background-color: #121212;background: rgba(0,0,0,0.2); }
.products-list li.item.even { border:0; padding:5px; margin:0 0 5px; background-color: #111;background: rgba(0,0,0,0.44); }
.products-list .product-image { float:left; }
.products-list .product-shop { float:right; width:320px; }
/* ======================================================================================= */


/* Product View ========================================================================== */
.product-view {}

.product-essential {position: relative;}

.product-essential div.price { float: left; width: 470px; background-color: #111;background: rgba(0,0,0,0.44); padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.product-essential div.price ul { clear: both; float: left; margin-bottom: 15px; }
.product-essential div.price li { float: left; display: inline; width: 110px; text-align: left;font: 24px/36px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; text-decoration: none; color: #fff; margin-right: 10px; }
.product-essential div.price li.total{ color: #900; font-size: 36px; margin-right: 0;}
.product-essential div.price li.add{ color: #444;}
.product-essential div.price li small{ color: #222; font-weight: normal; }
.product-essential div.price li span { clear: both; display: block; text-transform: uppercase;letter-spacing: 1px; font-size: 10px; line-height: 8px; color: #444; font-weight: normal; margin-left: 12px; }

div.price .add-to-cart { margin: 15px auto 5px;  clear: both; padding: 0; line-height: 28px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: right; display: block;}
div.price .add-to-cart label { float: none; }
div.price .add-to-cart button.button { 
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: none;
	margin-left: -4px;
	height: 30px;
	}
div.price .add-to-cart input { 
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	line-height: 28px;
	height: 30px;
	float: none;
	padding: 0;
	margin: 0;
	font-size: 15px;
	width: 50px;
	}
div.price .add-to-cart button.button span{ font-size: 14px !important; padding: 0 5px; line-height: 28px;}

body.category-custom .product-view .product-name { float: left; width: 490px; margin-bottom: 10px;}
.product-collateral {}

/*.product-essential div.ribbon a{ width: 205px; height: 205px; position: absolute; top: -11px;left: -11px;display: block; background-image: url(../images/ribbon.png); text-indent: -9999px;z-index: 999;}*/

.product-essential div.ribbon a{ width: 285px; height: 45px; position: absolute; top: 21px;left: -54px;display: block; text-indent: -9999px;z-index: 999; background: url(../images/ribbon.png) no-repeat; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); overflow: hidden;}

td div.ribbon.small{ width: 145px; height: 23px; position: absolute; top: 29px;left: -31px;display: block; text-indent: -9999px;z-index: 599; background: url(../images/ribbon-small.png) no-repeat; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);overflow: hidden;}
.products-grid td a.product-image { display: block;position: relative; }
/* Product Images */
.product-view .product-img-box { float:left; width:490px; text-align: center; }
.product-view .product-img-box .product-image { background: black; -webkit-border-radius:4px;-moz-border-radius:4px; }
.product-view .product-img-box .product-image.no-image { background: black url(../images/default_product_placeholder_pattern.gif) repeat center center; -webkit-border-radius:4px;-moz-border-radius:4px;display: block;min-height: 265px;}
.product-view .product-img-box .product-image.no-image img { display: none; }

.product-view .product-img-box .product-image-zoom { position:relative; width:490px; height:350px; overflow:hidden; z-index:9; -webkit-border-radius:4px;-moz-border-radius:4px;}
#product_addtocart_form div.product-img-box p.product-image img { display: ; }

.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor: move; }

#product_addtocart_form div.product-img-box p.product-image img#image { display: inherit; }
.product-view .product-img-box .zoom-notice { text-align:center; }
.product-view .product-img-box .zoom {background-color: #f2f2f2; background: rgba(255,255,255,0.5); position:relative; z-index:9; height:27px; margin:-35px auto 18px; padding:0 27px;  cursor:pointer; width:220px; 
-webkit-border-radius:4px;
-moz-border-radius:4px;opacity: .5;}
.product-view .product-img-box .zoom:hover{	opacity: 1;
}
.product-view .product-img-box .zoom #track { background:  url(../images/slider_bg.gif) repeat-x 50% 50%;position:relative; height:100%;}
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:0; width:9px; height:100%; background:url(../images/magnifier_handle.gif) 0 50% no-repeat;  }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:4px; top:4px; background: url(../images/zoom_buttons.png) no-repeat 0 0; text-indent: -9999px; width: 27px; height: 27px;overflow: hidden;
}

.product-view .product-img-box .zoom #zoom_out, 
.product-view .product-img-box .zoom #zoom_in {  background: url(../images/zoom_buttons.png) no-repeat 0 0; text-indent: -9999px; width: 27px; height: 27px;overflow: hidden;
}
.product-view .product-img-box .zoom #zoom_out {	position: absolute;left: 0;float: left;
}
.product-view .product-img-box .zoom #zoom_in { position: absolute;right:4px;top: 0; background-position: -27px 0;float: right;
}

.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:0; top:4px; }
.product-view .product-img-box .more-views ul { margin-left:-4px; margin-top: 5px; }
.product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#000; margin:0 0 8px 4px ; }

div.more-views h3 { font-weight: normal; font-style: normal; font-size: 12px; text-transform: none; }

.product-image-popup { margin:0 auto; }
.product-image-popup .nav { text-align:center; }
.product-image-popup .image { display:block; background-color:black; }
.product-image-popup .image-label {}

div.loupe { z-index: 998; background: transparent; background-color: rgba(0,0,0,0.5); }

/* @group Shadowbox */

table#product_comparison { }

table#product_comparison tbody tr.short_description { display: none; }


div#sb-info-inner {	background-color: #111;background: rgba(0,0,0,0.7);
-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottomright-radius:4px;-moz-border-bottomleft-radius:4px;}


/* @end */


/* Product Shop */
.product-view h2 { font-size: 28px; font-weight: normal; }
.product-view .product-shop { float:right; width:480px; }
.product-view .product-name { border-bottom:3px solid #900; text-transform:uppercase; }
.product-view .full-description { display: block; padding-top: 10px; float: left; font-size: 13px; line-height: 18px; }
.product-view .short-description { padding-top: 10px; float: left; font-size: 13px; line-height: 18px; display: none;}
.product-view .full-description a, .product-view .short-description a { color: #900;  display: none;}
/*.product-view .full-description a { clear: both; display: block; }*/

/*Review Samples on product pages*/
.review-samples { }
.review-samples li { margin: 10px 0;}
.review-samples h3 { text-transform: uppercase; font-weight: normal; font-size: 14px; letter-spacing: 1px; float: left; margin-right: 10px;}
.review-samples p { clear: both; margin: 5px 0; color: #bebdbd; }
.review-samples .date { font-style: normal; }

/* Rating */
.ratings {}
.ratings .amount {}
.ratings .rating-links { float: left;}
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.png) 0 0 repeat-x; position:relative; overflow:hidden; float: left; margin-right: 10px;}
.rating-box .rating { position:absolute; top:0; left:0; height:13px; background: url(../images/bg_rating.png) 0 100% repeat-x; }

/* Availability */
.availability {}
.availability .in-stock { font-weight:bold; }
.availability .out-of-stock { font-weight:bold; color:#f00; }

/********** < Product Prices */
.price { white-space:nowrap !important; color: #bebdbd; }

.price-box { font-style: italic; font-size:14px; padding:3px 0;}
.price-box .price { font-weight: normal; font-size: 1.3em; }

.price-box-bundle {}

/* Regular price */
.regular-price {}
.regular-price .price { font-weight:normal; }

/* Old price */
.old-price {}
.old-price .price-label { white-space:nowrap; }
.old-price .price { font-weight:bold; text-decoration:line-through; }

/* Special price */
.special-price {}
.special-price .price-label { font-weight:bold; white-space:nowrap; }
.special-price .price { font-weight:bold; }

/* Minimal price (as low as) */
.minimal-price {}
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }

a.minimal-price-link { display:block; }
a.minimal-price-link .label {}
a.minimal-price-link .price { font-weight:normal; }

/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }

/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { font-weight:bold; }

/* Excl tax (for order tables) */
.price-excl-tax  { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Price range */
.price-from {}
.price-from .price-label { font-weight:bold; white-space:nowrap; }
.price-to {}
.price-to .price-label { font-weight:bold; white-space:nowrap; }

/* Price as configured */
.price-as-configured {}
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }

/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { font-weight:bold; }
/********** Product Prices > */

/* Tier Prices */
.tier-prices .price { font-weight:bold; }
.tier-prices .benefit {}

/* Add to Links */
.separator { margin:0 7px; display: none; }

/* Add to Cart */

.add-to-cart label { float:left; margin-right:5px; }
.add-to-cart .qty { float:left;}
.add-to-cart button.button { float:left; margin-left:5px; }

/* Add to Links + Add to Cart */
.add-to-box {clear: both;}
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; margin:0 10px; }
.add-to-box .add-to-links { float:left; }
.add-to-container { clear: both;-webkit-border-radius:4px;-moz-border-radius:4px;float: left; background-color: #111;background: rgba(0,0,0,0.44); padding-left: 8px; margin-top: 10px; }
.add-to-container a {padding: 3px; margin-right: 10px;color: #fff;float: left;
}
.add-to-container a:hover { text-decoration:underline; }

/* Product Options */
.product-options { padding: 0 10px 10px; margin:10px 0 0; float:left; width:460px; background-color: #111;background: rgba(0,0,0,0.44);-webkit-border-radius:4px; -moz-border-radius:4px; }

.product-options dd input.input-text, .product-options dd textarea { background: #fff;}

.product-options dl {  }
.product-options dt { float: left; line-height: 36px; }
.product-options dt label { font-weight:bold; margin-right: 10px; }
.product-options dt .qty-holder { float:right; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; }
.product-options dd { margin-bottom: 10px; line-height: 36px; }
.product-options dl.last dd.last {}
.product-options dd input.input-text { width:auto; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:125px; }
.product-options .options-list {float: left; line-height: 32px; clear: both; margin-left: 20px; }
.product-options .options-list li{width: 100%; display: block;}
.product-options .options-list input.radio { float:left; margin:3px -18px 0 0; }
.product-options .options-list input.checkbox { float:left; vertical-align: middle; margin-top: 10px; margin-right: 10px; }
.product-options .options-list .label { display:block; float: left;}
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required { padding:15px 0 0; }

.product-options-bottom, .add-to-box { margin-top: 10px; padding: 10px 10px 10px 10px; width:460px; float:left; clear: both; background-color: #111;background: rgba(0,0,0,0.44); -webkit-border-radius:4px; -moz-border-radius:4px; }

.product-options-bottom .price-box { margin:10px 0; }

.product-options select.disabled { opacity: .5; color: #999;}


/* Grouped Product */
.grouped-items {}

/* Block: Description */
.product-view .description {}

/* Block: Additional */
.product-view .additional {}

/* Block: Upsell */
.product-view .up-sell {}
.product-view .up-sell .products-grid td { width:25%; }

/* Block: Tags */
.product-view .tags {}
.product-view .tags .form-add-tags label { float:left; }
.product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; }
.product-view .tags .form-add-tags input.input-text { width:254px; }
.product-view .tags .form-add-tags button.button { vertical-align:bottom; }
.product-view .tags .form-add-tags p { clear:both; }

/* Block: Reviews */
.product-view #review-container {clear: both; float: left;
width: 480px;}

.product-view #review-container h2 { border-bottom:3px solid #900; text-transform:uppercase;margin:20px 0 8px 0; }
.product-view .reviews {}
.product-view dd.review { border-bottom:1px solid #900; }
.product-view .date { font-style:normal; }

/* Block: Add Review */
.product-view .add-review { margin:20px 0; }
.product-view .add-review h3 { margin-bottom:10px; }
.product-view .add-review .data-table { width:300px; margin-bottom:15px; }
.product-view .add-review .buttons-set { width:250px; }
.product-view .add-review .product-name span { font-weight:normal; }
/* ======================================================================================= */


/* Content Styles ================================================================= */
.product-name { font-size:1em; font-weight:bold; line-height:1.3; }

/* Product Tags */
.tags-list li { display:inline; }

/* Advanced Search */
.search-summary {}

/* CMS Home Page */
.cms-home .products-grid td { width:20%; }

/* Sitemap */
.sitemap {}
/* ======================================================================================= */


/* Product Review ======================================================================== */
.product-review {}
.product-review .product-img-box { float:left; width:140px;  }
.product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; }
.product-review .details { float:right; width:570px; }
/* ======================================================================================= */


/* Shopping Cart ========================================================================= */
div.checkout-offer-container { position: absolute; bottom: 0; width: 524px; height: 60px; background: url(../images/hillary-says.gif) center bottom no-repeat; margin-left: 155px; padding: 35px 0 0 130px; text-align: center; text-shadow: green 0 -1px 0; color: #fff; }
div.checkout-offer-container .checkout-offer { position: absolute; top: 48%; margin: 0; width: 515px;  }
.title-buttons div.checkout-offer-container  a { margin: 0;}

.checkout-onepage-index div.checkout-offer-container { position: relative; margin: 0 auto; }

body.checkout-cart-index .page-title { position: relative; padding-bottom: 15; margin-bottom: 0; margin-top: 50px; }
body.checkout-cart-index .empty-cart { padding: 10px; background-color: #111;background: rgba(0,0,0,0.5);}
body.checkout-cart-index .empty-cart p { font-size: 1.3em; }
.empty-cart button.button span { font-size: 1.7em; line-height: 28px;}
.empty-cart button.button { float: none; margin-top: 20px; margin-bottom: 20px; }
.empty-cart .buttons-set { text-align: center; }
.cart .checkout-types { float:right; text-align:right; }

.cards { clear: both; margin-top: 10px;float: right;}
.cards img { float: right; }

div#digicertsitesealcode {  float: left;}

/* Shopping Cart Table */

#shopping-cart-table { -webkit-border-radius:4px; }
body.checkout-cart-index input { margin-bottom: 10px; display: block;  color: #900; padding: 5px;-webkit-border-radius:4px;-moz-border-radius:4px; border: 0; margin-top: 5px; }
#shopping-cart-table input { border:1px solid #aaa; }
#shopping-cart-table a.remove{ display: block; float: left; background: #555 url(../images/list_remove_btn.gif) no-repeat center center; text-indent: -9999px; padding: 4px; width: 11px; height: 11px; -webkit-border-radius:4px;-moz-border-radius:4px; margin-top: 30px; }
.cart-table .item-msg { font-size:10px; }
#shopping-cart-table,#shopping-cart-table .price { color: #333; }
#shopping-cart-table .price { display: block; margin-top: 10px; }
#shopping-cart-table .product-name a { color: #900; font-size: 1.15em; }
#shopping-cart-table a img{ -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; border: 1px solid #ddd;}
#shopping-cart-table td.last { padding-right: 13px; }

div.coupon.min,div.coupon.min input,div.coupon.min label,div.coupon.min button { float: left;margin: 0 0 0 15px;}
div.coupon label { line-height: 26px; vertical-align: middle;  color: #900;}
div.coupon button.button { background:url(../images/btn_bg_grey.gif) center; }

.sp-methods ul li input{ display: inline; }
.sp-methods span.price { color: #222; font-size: 1.2em; font-weight: normal; font-style: normal; line-height: 1.2em; margin-left: 5px; padding: 2px 4px; background-color: #ddd; -webkit-border-radius:4px;-moz-border-radius:4px;}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; width:700px; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping { }

/* Shoping cart panes */
div.cart div.pane {width: 287px; background-color: #111;background: rgba(0,0,0,0.44); padding: 15px; margin: 7px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.cart div.pane.alpha{ margin-left: 0; }
div.cart div.pane.alpha.flat{ padding-left: 0; }
div.cart div.pane.omega{ margin-right: 0; }
div.cart div.pane.omega.flat{ padding-right: 0; }
div.cart-price .price { color: #333; }
div.cart div.pane h3,.account-login h3,.account-create h3 { font-size: 1.2em; color: #fff; border-bottom: 2px solid #900;margin-bottom: 10px;padding-bottom: 3px;}
div.crosssell ul li.item {
	margin-bottom: 15px;
}
div.crosssell ul li.item button {
}
div.crosssell ul li.item img {
	-webkit-border-radius:3px;
}
/*div.cart div.discount { padding: 15px; }*/
/* Shopping Cart Totals */

.cart .totals { color: #555;float: right;-webkit-border-radius:4px; -moz-border-radius:4px; background: #fff url(../images/dropdown_grad_lightgrey.gif) repeat-x bottom !important;width: 100%; }
.cart .totals a { color: #777; }
.cart .totals .price { font-size: 1.3em; line-height: 1em; color: #900; }
.cart .totals table { width:100%;}
.cart .totals table th,
.cart .totals table td {border-bottom: 1px solid #ccc; padding:5px; }
.cart .totals table th { font-weight:bold; }
.cart .totals button { background: url(../images/btn_bg_red.gif); margin: 0px; padding: 4px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; font-weight: bold; }
.cart .totals button span { background: none; margin: none; padding: none; font-size: 16px; }
.cart .totals button  { margin-top: 10px; margin-bottom: 5px;}
/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }
.truncated .show dl { top:-20px; left:50%; }
.col-left .truncated .show dl { left:30px; top:7px; }
.col-right .truncated .show dl  { left:-240px; top:7px; }
/* ======================================================================================= */


/* Checkout ============================================================================== */
/* One Page */
.opc { position:relative; color: #000; }
.opc input { border: 1px solid #aaa !important; }
.opc li.section { margin-bottom: 10px; }
.opc .step-title { padding:5px; text-align:right; color: #fff; background:url(../images/btn_bg_grey.gif) center; opacity: .6; -webkit-border-radius:3px; -moz-border-radius:3px; }
.opc .step-title .number { float:left; line-height:22px; margin-right:5px; }
.opc .step-title h3 { float:left; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
.opc .allow .step-title { cursor:pointer; background:url(../images/btn_bg_red.gif) center; opacity: 1; }
.opc .active {}
.opc .active .step-title { cursor:default; background:url(../images/btn_bg_red.gif) center; opacity: 1; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; }
.opc .step { padding:10px; position:relative; background-color: #f2f2f2; background: rgba(255,255,255,0.95);  -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}

.opc #checkout-step-login {  }
.opc #checkout-step-login h4 { border-bottom: 2px solid #900000; }
.opc #checkout-step-login p { margin-top: 10px; }
.opc #checkout-step-login p.required { position: absolute; right: 5px; bottom: 5px; }
.opc #checkout-step-login div.buttons-set { margin: 0; padding: 0; }
.opc #checkout-step-login button.button { float: left; }
.opc #checkout-step-login ul { list-style:square inside none; }
.opc #checkout-step-login ul.form-list { list-style:none outside none; }
.opc #checkout-step-login .f-left { color: #333; clear: both; }

/* Multiple Addresses Checkout */
.checkout-progress { padding:0 50px; margin:10px 0; }
.checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; }
.checkout-progress li.active { border-top-color:#000; color:#000; }

.multiple-checkout { position:relative; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
.multiple-checkout .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .grand-total big {}
.multiple-checkout .grand-total .price {}

/* Checkout Review */
#checkout-review-table, #shopping-cart-table { background: #fff url(../images/dropdown_grad_lightgrey.gif) repeat-x bottom; }
#checkout-review-table thead, #checkout-review-table tfoot, #shopping-cart-table tfoot, #shopping-cart-table thead { background: #fff url(../images/btn_bg_lightgrey.gif) repeat-x scroll center bottom; }
#checkout-review-table th,#shopping-cart-table th { padding:5px; font-weight:bold; white-space:nowrap; border-bottom: 1px solid #a2a2a2; }
#checkout-review-table td,#shopping-cart-table td { padding:5px; line-height: 18px; border-bottom: 1px solid #a2a2a2; border-top: none; }
#checkout-review-table .price { color: #444; }



/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt { font-weight:bold; }
.sp-methods .price { font-weight:bold; color: #333; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.please-wait { float:right; margin-right:5px; }
.cvv-what-is-this { cursor:help; margin-left:5px; color: #333; }

/* Tooltip */
.tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; }
.tool-tip .btn-close { text-align:right; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.add-gift-message {}
.gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; }
.gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; }
.gift-message-form .gift-item {}

.gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row {}
.gift-message-row .btn-close { float:right; }
.gift-message dt strong { font-weight:bold; }

/* Checkout Agreements */
.checkout-agreements {}
.checkout-agreements li { margin:10px 0; }
.checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; }
.checkout-agreements .agree { padding:6px; }
/********** Common Checkout Styles > */
/* ======================================================================================= */


/* Account Login/Create Pages ============================================================ */
.account-login {}
.account-login #right,.account-login #left,.account-create { float: left;width: 47%; margin: 5px;padding: 10px; background-color: #111; background: rgba(0,0,0,0.44); -webkit-border-radius:4px;-moz-border-radius:4px;}
.account-login #right { margin-right: 0; }
.account-login #left { margin-left: 0; }
.account-login .new-users {}
.account-login .registered-users {}
.account-login #left button.button span { font-size: 1.7em; line-height: 28px;}
.account-login #left button.button { float: none; margin-top: 20px; margin-bottom: 20px; }
.account-login #left .buttons-set { text-align: center; }
.account-create {width: auto;}
.account-create fieldset{float: left;width: 48%; margin-right: 18px; }
input#is_subscribed.checkbox { clear: none; display: inline; margin: -3px 0 0; font-size: 2em;}
.account-create p.required { float: left; }

/* My Account ============================================================================= */

/********** < Dashboard */
.dashboard { color: #f2f2f2;}
.dashboard .welcome-msg {}
.dashboard a { color: #fff; }

/* Block: Recent Orders */
.dashboard .recent-orders { margin:10px 0; }
.dashboard table a { color: #900; }
.dashboard span.price { color: #900; }

/* Block: Tags */
.dashboard .tags .number { float:left; margin-right:-20px; }
.dashboard .tags .details { margin-left:20px; }

/* Block: Reviews */
.dashboard .welcome-msg,.dashboard .reviews, .dashboard .col2-set { background-color: #111;background: rgba(0,0,0,0.44); padding: 15px; margin: 7px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position: relative; }
.dashboard .reviews h3, .dashboard .col2-set h3 { font-size: 1.2em; color: #fff; border-bottom: 2px solid #900; margin-bottom: 10px; padding-bottom: 3px; float: none; text-align: left; }
.dashboard .col2-set a.titlelink, .dashboard .reviews a.titlelink { position: absolute; right: 20px; top: 15px; font-style: italic; color: #777; }
.dashboard .reviews li { clear: both; margin-bottom: 10px; }
.dashboard .reviews p { float: left; margin-bottom: 10px; margin-right: 5px; }

/********** Dashboard > */

/*Account Information*/
div.col-main .widepane { background-color: #111;background: rgba(0,0,0,0.44); padding: 15px; margin: 7px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position: relative; }
div.col-main .widepane h3 { font-size: 1.2em; color: #fff; border-bottom: 2px solid #900; margin-bottom: 10px; padding-bottom: 3px; float: none; text-align: left; }
ol.addresslist li { margin-bottom: 10px; }
a.edit { color: #333;  background-image: url(../images/btn_bg_lightgrey.gif); padding: 4px 6px;-webkit-border-radius:4px;-moz-border-radius:4px;float: right;}


/* Order View */

body.sales-order-view .col-main,body.sales-order-invoice .col-main { background-color: #111;background: rgba(0,0,0,0.44); -webkit-border-radius:4px;}
.order-info { border-bottom:2px solid #900; margin-bottom: 10px; padding: 5px 0;;}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info dt { font-weight:bold; }
body.sales-order-view .col-main h3,body.sales-order-view .col-main address,body.sales-order-invoice .col-main h3,body.sales-order-invoice .col-main address { margin: 10px 0; }
body.sales-order-view .col-main address,body.sales-order-invoice .col-main address { padding: 0 10px; }

/* Print Pages */
.page-print .print-head {}
.page-print .print-head img { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* ======================================================================================= */

/* Sub-footer */
#sub-footer { margin: 10px auto;}

/* Footer ================================================================================ */
.footer { margin: 0;color:#aaa; font-size:12px; font-family:helvetica, arial; width: 1000px; }
.footer a { color:#aaa; }

.footer p {  }
div.footer-links div.footer address { text-transform: uppercase; }

.footer-links ul { margin: 0 10px;padding:0 ; float:left; list-style-type:square; list-style-position: inside;}
div.footer-link-list ul.links { margin-left: 0; margin-right: 25px;float: left;clear: none;}
.footer-links a { color:#aaa; }

.footer-link-section { background:url(../images/bg_all.png) 0 0; }

div.footer div.pane, div.pane { padding: 0; width: 317px; float: left; outline: 0px solid #8cc63f; margin: 0 11px; }
div.pane.alpha { margin-left: 0; }
div.pane.omega { margin-right:0; }
div.pane img {}

#ads { margin-left: 10px; }

.footer-links { width:1000px; margin:0 auto; padding:10px 0; text-align:left; padding:10px; color:#aaa; font-size:12px; font-family:helvetica, arial; }
.footer-links h4 { text-transform:uppercase; font-size:12px; border-bottom: 1px dotted #aaa; padding-bottom: 3px; margin-bottom: 5px; margin-left: 0; color: #f2f2f2; }
.footer-links h4 a { color: #f2f2f2; }
.footer-link-list, .footer-link-list-small { padding: 0; width: 317px; float: left; outline: 0px solid #8cc63f; }
div.footer-links .footer-link-list { width: 170px; float: left; padding: 0; }
div.footer-links .footer-link-list.omega { width: 317px; }
div.footer-link-list-small { width: auto;  float:left; margin: 0 10px;}
div.footer-link-list-small ul { width: 140px; }
div.footer-link-list-small ul.bmx { padding-right: 0; }
div.footer-link-list-small ul h4 { margin-left: 0px; }

body.cms-home div.alpha, #sub-footer .alpha, .footer-links .alpha, div.pane.alpha {	margin-left: 0;padding-left: 0;}
body.cms-home div.omega, #sub-footer .omega, .footer-links .omega, div.pane.omega {	margin-right: 0; padding-right: 0;}

div.footer ul {	list-style-type: none;width: auto; font-size: 14px; margin: 19px 0; }
div.footer ul li {	border-bottom: 1px dotted #aaa;list-style-position: inside;padding: 5px;width: auto; }
div.footer ul li.more { border: 0; font-size: 12px; color: #fff; }
small{ font-weight: bold; text-transform: uppercase; font-size: 90%; color: #fff; }
/* 
======================================================================================= */

/*  MODX STYLES */

#left-menu { width:220px; float:left; padding-left:20px; margin-top:20px; }
#left-menu h1 { letter-spacing:3px; margin-bottom:10px; font-size: 24px; }
#left-menu ul { list-style:none; font-size:15px; line-height: 18px; letter-spacing:2px; text-transform:uppercase; margin-bottom: 36px; }
#left-menu li { margin-bottom: 10px; }
#left-menu li.active a { color:#900; }
#left-menu a:hover {  color:#900; text-decoration: none;}

#main-content { width:800px; float:right; }

#rider { width:692px; float:right; margin-top:20px; }
#rider .name { height:30px; letter-spacing:3px; text-transform:uppercase; background-color:#900; padding:4px 0 0 20px; }
#rider .content { width:330px; float:right; padding:5px; }
#rider .content p { margin-bottom: 5px; }
#rider div.image { width: 691px;min-height: 320px; background: url(../images/bg_all.png); overflow: hidden; }

#rider .rider-stats, #rider .rider-media, #rider .rider-twitter { float:left; width:330px; padding:5px; }
#rider .rider-stats span.q { color: #aaa; text-transform: uppercase; }
#rider .rider-stats ul li { text-transform: none; }

#rider .rider-twitter .tweet { text-transform: none; margin-bottom: 5px; }
#rider .rider-twitter a { text-decoration: underline; color: #900000; }
#rider .rider-twitter small { color: #666; }

#rider .box { text-transform:uppercase; margin-bottom:15px; }
#rider .box .title { border-bottom:3px solid #900; letter-spacing:3px; text-transform:uppercase; margin-bottom:5px; }

.rider-list { float: right; width: 700px; }
.rider-list .rider-thmb { float: left; overflow: hidden; margin: 10px; position: relative; background: url(../images/default_product_base.gif); }
.rider-list a { display: block; width: 200px; height: 150px;  color: #aaa; }
.rider-list a:hover { color: #fff; text-decoration: none; }
.rider-list h1 { position: absolute; left: 0px; bottom: 0px; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; border-bottom:3px solid #900; width: 200px; padding: 3px;  background: rgba(0,0,0,0.7) !important; background: #000;
}

.company-title { width: 750px; 	float: right; margin-top: 20px; text-transform: uppercase; letter-spacing: 3px; }
.company-content { margin-top: 10px; margin-bottom: 20px; width:750px; float:right; color: #ccc; text-align: left;  }
.company-content p { margin-bottom: 10px; }
.company-content h1, .company-content h2, .company-content h3 { color: #fff; font-weight: normal; }
.company-content p:last-of-type { border-bottom:3px solid #900; padding-bottom: 5px; }
.company-content blockquote { color: #fff; font-family: georgia; font-size: 16px; margin: 20px; }
.company-content strong { color: #fff; }
.company-content .announcement { float: right;width: 35%; margin-right: 10%; background-color: #111;background: rgba(0,0,0,0.44); padding: 10px;}
.company-content .announcement p { border: 0;margin-top: 10px; }
.company-content form { float: left;width: 350px;}

.company-content label { width: 180px; display: block;}
.company-content input, .company-content select, .company-content textarea,input#newsletter.input-text.required-entry.validate-email,#login-form input,.account-create input,.col-main input.input-text, .col-main textarea { margin-bottom: 10px; /*display: block;*/ background-color: #fff; color: #900; border: 0;padding: 5px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.company-content select { background-color: #620000;  line-height: 20px; color: #fff; width: 208px;}
.company-content input[type=text] { width: 200px; }

.company-content textarea { width: 100%; }
.company-content .hp { display: none; }

.company-content ul.world h2 { border-bottom: 3px solid #900; clear: both; margin-top: 10px; cursor: pointer; }
.company-content ul.world h2 span { font-size: 10px; text-transform: uppercase; color: #666666; }
.company-content ul.world h3 { color: #900; }
.company-content ul.world h4 { color: #ffffff; }
.company-content ul.world ul { margin-bottom: 10px; float: left; display: none;}
.company-content ul.world ul li { margin:10px 10px 0 0; padding: 5px; width: 220px; height: 105px; float: left; background-color: #111;background: rgba(0,0,0,0.44); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.company-content ul.world ul.usa li { height: 50px; }

/* Slide BG */
.slide-bg { background-color:#000; background-position:top center; background-repeat:no-repeat; position:absolute; top: 0; left: 0; width:100%; height:682px; z-index:-1; overflow:hidden;}
.slide-bg-overlay {}
.slide-bg img { position:absolute; top: 0;left: 50%;margin-left: -576px;}
.content .slide { height:400px; width:1000px; margin: 10px auto; position:relative; }
.content a.slide-link { display:block; height:100%; text-indent:-9999px;overflow:hidden;}
.content .controls { position:absolute; height:20px; width:100%; bottom:0; }
.content .controls .prev { position:absolute; left:5px; width:20px; height:20px; background-image: url(../images/slider_sprites.png); background-position:0 0; text-indent:-200px; overflow:hidden; }
.content .controls .prev:hover { background-position:-3px 0;}
.content .controls .next { position:absolute; right:5px; width:20px; height:20px; background-image: url(../images/slider_sprites.png); background-position:-20px 0; text-indent:-200px; overflow:hidden; }
.content .controls .next:hover { background-position:-17px 0; overflow:hidden; }
.controls .slide-index-list { margin: 0 auto 0 -50px; position:absolute; left:50%; }
.controls .slide-index { display:block; float:left; width:20px; height:20px; background-image: url(../images/slider_sprites.png); background-position:40px 0; text-indent:-200px; overflow:hidden; }
.controls .slide-index-selected { background-position:20px 0; }
.slide img.slide-thmb { position:absolute; bottom:25px; left:400px; }

div.spinner {	position: absolute; top: 0;
height: 20px; width: 160px; line-height: 20px;text-align: center; background: transparent url(../images/spinner.gif) no-repeat center center; text-indent: -9999px;overflow: hidden;}
img.slide-thmb.slide-thmb-0, div.spinner-0 {
	left: 50% !important; margin-left: -120px;
}
img.slide-thmb.slide-thmb-1, .spinner-1 {
	left: 50% !important; margin-left: -100px;
}
img.slide-thmb.slide-thmb-2, .spinner-2 {
	left: 50% !important; margin-left: -80px;
}
img.slide-thmb.slide-thmb-3, .spinner-3 {
	left: 50% !important; margin-left: -60px;
}
img.slide-thmb.slide-thmb-4, .spinner-4 {
	left: 50% !important; margin-left: -40px;
}

/* Custom Lock-on grips */

body.cms-custom-lock-on-grips-html #products-grid-table, body.cms-custom-lock-on-grips #products-grid-table { width: 49%; }

.grips .custom_grip { float: left;  margin: 0 10px 35px; position: relative; }

.grips a { display: block;  color: #aaa; position: relative; width: 135px; float: left; }
.grips a:hover { color: #fff; text-decoration: none; }
.grips h3 { position: absolute; left: 0px; bottom: 3px; text-transform: uppercase; font-size: 12px; border-bottom:3px solid #900; width: 129px; padding: 3px; background-color: #111;background: rgba(0,0,0,0.7); letter-spacing: 1px; }

.grips button.button { position: absolute;bottom: -25px; left: 0;}

.category-custom select.hidden { display: none; }
.category-custom dd.font select.hidden { display: none; }
.category-custom .price-box { float: left; }
.category-custom #grip-solo { margin: 0 auto; }
.category-custom dd, .category-custom dt { float: left; clear: both; margin-bottom: 0; }
.category-custom .product-options dd input.input-text, .category-custom .product-options dd p { float: left; margin-bottom: 0; margin-right: 10px; }

dd.inner-lock-on-ring-color ul, dd.outer-lock-on-ring-color ul, dd.grip-color ul, dd.graphics ul, dd.font ul,dd.plugs ul { float: left; margin-bottom: 5px; }
dd.grip-color li { float: left; width: 135px; height: 46px; background: url(../images/grips-sprite.gif) no-repeat; overflow: hidden; text-indent: -1000px; cursor: pointer; }
dd.inner-lock-on-ring-color li, dd.outer-lock-on-ring-color li { float: left; width: 72px; height: 23px; background: url(../images/rings_sprite.gif) no-repeat; overflow: hidden; text-indent: -9999px; cursor: pointer;position: relative; margin: 0 1px;}
dd.graphics li { float: left; width: 30px; height: 28px; background: url(../images/grip-symbols.png) no-repeat; overflow: hidden; text-indent: -9999px; cursor: pointer; position: relative;background-color: transparent;background-repeat: no-repeat; }
dd.font li { float: left; height: 23px; overflow: hidden; margin: 0 3px; background: url(../images/fonts.png) no-repeat; text-indent: -9999px; cursor: pointer; position: relative;background-color: transparent;background-repeat: no-repeat;}
dd.plugs li { float: left; width: 58px;height: 58px; text-indent: -9999px;background-image: url(../images/grip-plugs.gif);background-color: transparent;background-repeat: no-repeat; overflow: hidden;cursor: pointer;opacity: .6;position: relative;margin: 2px;}

dd.plugs div.note { position: absolute; top: 0;right: 0;padding: 3px;height: 12px;line-height: 12px; background: #900;
-webkit-border-radius:4px;
-moz-border-radius:4px;text-indent: 0px;}

dd.inner-lock-on-ring-color li.black, dd.outer-lock-on-ring-color li.black { background-position: 0 bottom; }
dd.inner-lock-on-ring-color li.blue, dd.outer-lock-on-ring-color li.blue { background-position: -73px bottom; }
dd.inner-lock-on-ring-color li.gold, dd.outer-lock-on-ring-color li.gold { background-position: -146px bottom; }
dd.inner-lock-on-ring-color li.orange, dd.outer-lock-on-ring-color li.orange { background-position: -219px bottom; }
dd.inner-lock-on-ring-color li.pewter, dd.outer-lock-on-ring-color li.pewter { background-position: -293px bottom; }
dd.inner-lock-on-ring-color li.purple, dd.outer-lock-on-ring-color li.purple { background-position: -366px bottom; }
dd.inner-lock-on-ring-color li.red, dd.outer-lock-on-ring-color li.red { background-position: -439px bottom; }
dd.inner-lock-on-ring-color li.green, dd.outer-lock-on-ring-color li.green { background-position: -512px bottom; }

dd.inner-lock-on-ring-color li.black:hover, dd.outer-lock-on-ring-color li.black:hover { background-position: 0 -22px; }
dd.inner-lock-on-ring-color li.blue:hover, dd.outer-lock-on-ring-color li.blue:hover { background-position: -73px -22px; }
dd.inner-lock-on-ring-color li.gold:hover, dd.outer-lock-on-ring-color li.gold:hover { background-position: -146px -22px; }
dd.inner-lock-on-ring-color li.orange:hover, dd.outer-lock-on-ring-color li.orange:hover { background-position: -219px -22px; }
dd.inner-lock-on-ring-color li.pewter:hover, dd.outer-lock-on-ring-color li.pewter:hover { background-position: -293px -22px; }
dd.inner-lock-on-ring-color li.purple:hover, dd.outer-lock-on-ring-color li.purple:hover { background-position: -366px -22px; }
dd.inner-lock-on-ring-color li.red:hover, dd.outer-lock-on-ring-color li.red:hover { background-position: -439px -22px; }
dd.inner-lock-on-ring-color li.green:hover, dd.outer-lock-on-ring-color li.green:hover { background-position: -512px -22px; }

dd.inner-lock-on-ring-color li.black.active, dd.outer-lock-on-ring-color li.black.active { background-position: 0 top; }
dd.inner-lock-on-ring-color li.blue.active, dd.outer-lock-on-ring-color li.blue.active { background-position: -73px top; }
dd.inner-lock-on-ring-color li.gold.active, dd.outer-lock-on-ring-color li.gold.active { background-position: -146px top; }
dd.inner-lock-on-ring-color li.orange.active, dd.outer-lock-on-ring-color li.orange.active { background-position: -219px top; }
dd.inner-lock-on-ring-color li.pewter.active, dd.outer-lock-on-ring-color li.pewter.active { background-position: -293px top; }
dd.inner-lock-on-ring-color li.purple.active, dd.outer-lock-on-ring-color li.purple.active { background-position: -366px top; }
dd.inner-lock-on-ring-color li.red.active, dd.outer-lock-on-ring-color li.red.active { background-position: -439px top; }
dd.inner-lock-on-ring-color li.green.active, dd.outer-lock-on-ring-color li.green.active { background-position: -512px top; }

dd.plugs li.black { background-position: -2px -58px; }
dd.plugs li.blue { background-position: -240px -58px; }
dd.plugs li.red { background-position: -60px -58px; }
dd.plugs li.pink { background-position: -120px -58px; }
dd.plugs li.yellow { background-position: -180px -58px; }
dd.plugs li.green { background-position: -300px -58px; }
dd.plugs li.grey { background-position: -360px -58px; }
dd.plugs li.orange { background-position: -420px -58px; }
dd.plugs li.white { background-position: -480px -58px; }

dd.plugs li.black:hover,dd.plugs li.black.active { background-position: 0 0; }
dd.plugs li.blue:hover,dd.plugs li.blue.active { background-position: -240px 0; }
dd.plugs li.red:hover,dd.plugs li.red.active { background-position: -60px 0; }
dd.plugs li.pink:hover,dd.plugs li.pink.active { background-position: -120px 0;}
dd.plugs li.yellow:hover,dd.plugs li.yellow.active { background-position: -180px 0; }
dd.plugs li.green:hover,dd.plugs li.green.active { background-position: -300px 0; }
dd.plugs li.grey:hover,dd.plugs li.grey.active { background-position: -360px 0; }
dd.plugs li.orange:hover,dd.plugs li.orange.active { background-position: -420px 0; }
dd.plugs li.white:hover,dd.plugs li.white.active { background-position: -480px 0; }

dd.plugs li:hover,dd.plugs li.active { opacity: 1; }

.peaty-grip dd.grip-color li.black { background-position: 0 -997px; }
.peaty-grip dd.grip-color li.graphite { background-position: 0 -1042px; }
.peaty-grip dd.grip-color li.white { background-position: 0 -1088px; }

.charger-grip dd.grip-color li.black { background-position: 0 0; }
.charger-grip dd.grip-color li.white { background-position: 0 -47px; }
.charger-grip dd.grip-color li.green { background-position: 0 -92px; }
.charger-grip dd.grip-color li.hot-pink { background-position: 0 -138px; }

.logo-grip dd.grip-color li.black { background-position: 0 -184px; }
.logo-grip dd.grip-color li.graphite { background-position: 0 -230px; }
.logo-grip dd.grip-color li.red { background-position: 0 -275px; }
.logo-grip dd.grip-color li.green { background-position: 0 -321px; }
.logo-grip dd.grip-color li.brown { background-position: 0 -368px; }

.moab-grip dd.grip-color li.black { background-position: 0 -718px; }
.moab-grip dd.grip-color li.graphite { background-position: 0 -764px; }
.moab-grip dd.grip-color li.red { background-position: 0 -809px; }

.northshore-grip dd.grip-color li.black { background-position: 0 -856px; }
.northshore-grip dd.grip-color li.red { background-position: 0 -902px; }

.northshore-34-flange-grip dd.grip-color li.black { background-position: 0 -950px; }

.shorty-grip dd.grip-color li.black { background-position: -31px -518px; width: 110px; }
.shorty-grip dd.grip-color li.white { background-position: -31px -562px; width: 110px; }

.logo-flange-grip dd.grip-color li.black { background-position: 0 -418px; }
.logo-flange-grip dd.grip-color li.white { background-position: 0 -471px; }

.mini-machine-grip dd.grip-color li.black { background-position: -31px -615px; width: 120px; }
.mini-machine-grip dd.grip-color li.red { background-position: -31px -670px; width: 110px; }

dd.font li.arial { background-position: 0 -23px; width: 40px; }
dd.font li.army-wide { background-position: 0 -23px; width: 107px; }
dd.font li.bauer { background-position: -109px -23px; width: 67px; }
dd.font li.bell-gothic-std-bold { background-position: -257px -23px; width: 77px; }
dd.font li.blackout { background-position: -184px -23px; width: 72px; }
dd.font li.brody { background-position: -339px -23px; width: 41px; }
dd.font li.capture { background-position: -385px -23px; width: 66px; }
dd.font li.college { background-position: -455px -23px; width: 63px; }
dd.font li.conspiracy { background-position: -525px -23px; width: 92px; }
dd.font li.cream { background-position: -621px -23px; width: 59px; }
dd.font li.elliot { background-position: -726px -23px; width: 46px; }
dd.font li.caflish-script-pro { background-position: -442px -23px; width: 100px; }
dd.font li.century-gothic { background-position: -550px -23px; width: 123px; }
dd.font li.esp { background-position: -684px -23px; width: 37px; }
dd.font li.impact { background-position: -778px -23px; width: 47px; }
dd.font li.lithos { background-position: -776px -23px; width: 60px; }
dd.font li.mickey { background-position: -853px -23px; width: 70px; }
dd.font li.old-english { background-position: -839px -23px; width: 84px; }
dd.font li.st-anger { background-position: -1023px -23px; width: 54px; }

dd.font li.army-wide.active,dd.font li.army-wide:hover { background-position: 0 top; width: 107px; }
dd.font li.bauer.active,dd.font li.bauer:hover { background-position: -109px top; width: 67px; }
dd.font li.bell-gothic-std-bold.active,dd.font li.bell-gothic-std-bold:hover { background-position: -257px top; width: 77px; }
dd.font li.blackout.active,dd.font li.blackout:hover { background-position: -184px top; width: 72px; }
dd.font li.brody.active,dd.font li.brody:hover { background-position: -339px top; width: 41px; }
dd.font li.capture.active,dd.font li.capture:hover { background-position: -385px top; width: 66px; }
dd.font li.college.active,dd.font li.college:hover { background-position: -455px top; width: 63px; }
dd.font li.conspiracy.active,dd.font li.conspiracy:hover { background-position: -525px top; width: 92px; }
dd.font li.cream.active,dd.font li.cream:hover { background-position: -621px top; width: 59px; }
dd.font li.elliot.active,dd.font li.elliot:hover { background-position: -726px top; width: 46px; }
dd.font li.esp.active,dd.font li.esp:hover { background-position: -684px top; width: 37px; }
dd.font li.lithos.active,dd.font li.lithos:hover { background-position: -776px top; width: 60px; }
dd.font li.old-english.active,dd.font li.old-english:hover { background-position: -839px top; width: 84px; }

dd.graphics li.please-select { background-position: -478px -62px; width: 34px; }
dd.graphics li.bike-riders { background-position: 0 -62px; width: 34px; }
dd.graphics li.bikes { background-position: -36px -62px; width: 35px; }
dd.graphics li.chain-links { background-position: -73px -62px; width: 55px; }
dd.graphics li.flames { background-position: -130px -62px; width: 55px; }
dd.graphics li.flowers { background-position: -184px -62px; width: 24px;}
dd.graphics li.gears { background-position: -208px -62px; width: 27px; }
dd.graphics li.peace-symbols { background-position: -236px -62px; width: 24px; }
dd.graphics li.skull-crossbones { background-position: -263px -62px; }
dd.graphics li.skulls-1 { background-position: -295px -62px; width: 22px; }
dd.graphics li.skulls-2 { background-position: -315px -62px; width: 23px; }
dd.graphics li.spiders { background-position: -341px -62px; width: 24px; }
dd.graphics li.tikis { background-position: -368px -62px; width: 22px; }
dd.graphics li.tire-tracks { background-position: -395px -62px; width: 52px; }
dd.graphics li.turtles { background-position: -450px -62px; }
dd.graphics li.beer { background-position: -630px -62px; }
dd.graphics li.crown { background-position: -602px -62px; }
dd.graphics li.wings { background-position: -511px -62px; width: 40px;}
dd.graphics li.cross { background-position: -575px -62px;}
dd.graphics li.star { background-position: -550px -62px;}

dd.graphics li.bike-riders.active,dd.graphics li.bike-riders:hover { background-position: 0 top; width: 34px; }
dd.graphics li.bikes.active,dd.graphics li.bikes:hover { background-position: -36px top; width: 35px; }
dd.graphics li.chain-links.active,dd.graphics li.chain-links:hover { background-position: -73px top; width: 55px; }
dd.graphics li.flames.active,dd.graphics li.flames:hover { background-position: -130px top; width: 55px; }
dd.graphics li.flowers.active,dd.graphics li.flowers:hover { background-position: -184px top; width: 24px;}
dd.graphics li.gears.active,dd.graphics li.gears:hover { background-position: -208px top; width: 27px; }
dd.graphics li.peace-symbols.active,dd.graphics li.peace-symbols:hover { background-position: -236px top; width: 24px; }
dd.graphics li.skull-crossbones.active,dd.graphics li.skull-crossbones:hover { background-position: -263px top; }
dd.graphics li.skulls-1.active,dd.graphics li.skulls-1:hover { background-position: -295px top; width: 22px; }
dd.graphics li.skulls-2.active,dd.graphics li.skulls-2:hover { background-position: -315px top; width: 23px; }
dd.graphics li.spiders.active,dd.graphics li.spiders:hover { background-position: -341px top; width: 24px; }
dd.graphics li.tikis.active,dd.graphics li.tikis:hover { background-position: -368px top; width: 22px; }
dd.graphics li.tire-tracks.active,dd.graphics li.tire-tracks:hover { background-position: -395px top; width: 52px; }
dd.graphics li.turtles.active,dd.graphics li.turtles:hover { background-position: -450px top; }
dd.graphics li.beer.active, dd.graphics li.beer:hover { background-position: -630px top; }
dd.graphics li.crown.active, dd.graphics li.crown:hover { background-position: -602px top; }
dd.graphics li.wings.active, dd.graphics li.wings:hover { background-position: -511px top; width: 40px;}
dd.graphics li.cross.active, dd.graphics li.cross:hover { background-position: -575px top;}
dd.graphics li.star.active, dd.graphics li.star:hover { background-position: -550px top;}


/* Blog */

div.blog { margin-bottom: 18px; }
div.blog ul li a { color: #ddd; }
div.blog ul li a small { color: #fff; padding-right: 2px;}
.postWrapper { color: #333; }
.postWrapper a { color: #111; text-decoration: underline;}
.postWrapper a:hover { color: #888; }
.postWrapper a:active { color: #900; }
.postTitle { cursor:default; background:url(../images/btn_bg_red.gif) center; opacity: 1; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; color: #fff; padding: 5px; height: 20px; width: auto; }
.postTitle a { color: #fff; font-size: 16px; }
.postTitle h2 { width: auto; float: left;}
.postTitle.comments { background: transparent;}

.postDate { float: right; color: #480000;-webkit-border-radius:4px; padding-right: 4px; padding-top: 1px; padding-left: 4px; }
.postWrapper, .commentWrapper { position:relative; background-color: #f2f2f2; background: rgba(255,255,255,0.95); -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 18px; color: #333;}
.postContent, .commentContent,.postDetails{ padding: 10px; line-height: 18px; font-size: 14px; background-color: #fff;}
.commentDetails { color: #333;padding: 10px; }

.postContent p,.postContent div div p,.postContent div p,.postContent div div,.postContent div {background: transparent !important;padding: 0;}
.postContent p {  margin-bottom: 9px;  }

.postContent img { border: 3px solid #ddd; margin: 5px;}

body.blog-index-index a.older,body.blog-index-index a.newer { padding: 2px 5px; }

/* Video pages */
div#video_container { 
	text-align: center; 
	margin: 20px 0 30px 0; 
	float: left; 
	padding: 10px 0; 
	float: left !important; 
	width: 1000px;
	}

div#video_container h3,
div#video_container h4 { text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 3px; line-height: 18px; margin-bottom: 18px; }

div#video_container div.video { float: left; text-align: left; margin: 0; padding: 10px; text-align: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #464646 url("../images/dropdown_grad.gif") repeat-x scroll center top; }
div#video_container div.video .staring, div#video_container div.video .gear-title { color: #000; text-shadow: #434343 1px 1px 0; }
div#video_container div.video .title { color: #bbb; text-shadow: #111 -1px -1px 0; text-transform: uppercase; }

div#video_container div.right { float: left; }
div#video_container div.right { width: 270px; margin: 0; padding: 10px; text-align: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #464646 url("../images/dropdown_grad.gif") repeat-x scroll center top; }

div#video_container div.right h4 { margin: 10px; color: #bbb; text-shadow: #111 -1px -1px 0; }
div.right ul li a { display: block; border-bottom: #222 solid 1px; border-top: 1px solid #333; margin: 5px; line-height: 16px; background: transparent url(../images/dropdown_grad.gif) repeat-x 0 center; color: #000; text-shadow: #434343 1px 1px 0;}
div#video_container div.right li.video-list-item a{ position: relative; }
div#video_container div.right li.video-list-item a:hover {  }

div#video_container div.right span.video-icon { width: 105px;height: 80px; background: url(/assets/images/video-thmb-default.png) no-repeat center center;float: left;position: absolute;top: 0;left: 0;}

div.right ul li a:hover, div.left ul li a:hover { background-position: 0 bottom; }
div.right ul li a:active, div.left ul li a:active { background-position: 0 center; }
div.right ul li img { margin-right: 5px; }

/* Video elements site-wide */
div.rider-media div.video {position:relative;max-width:105px;float: left;overflow: hidden;margin-top:3px;}
div.rider-media div.video video-thumb, div.rider-media div.video .video-icon , div.rider-media div.video .video-icon a{ display:block; position:absolute;top: 0;left: 0;width:100%;height:100%;}
div.rider-media div.video .video-icon a{ background: url(/assets/images/video-thmb-default.png) no-repeat center center;}
div.rider-media div.video .video-icon a:hover,div#video_container div.right span.video-icon:hover { background-color: #900; opacity:.5;}

/* Store landing page */

div#featured { width: 100%; height: 300px;outline: 1px dashed red;margin: 0 auto;position: relative;background: #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
div#featured div.left, div#featured div.right { display: block; float: right; width: 50%;position: relative;overflow: hidden;}
div#featured div.right { float: right; outline: 1px dotted green; height: 50%;}
div#featured a.product {z-index: 0; }
/*div#featured a.product, div#featured .product-description { position: absolute; top: 0;left: 0;}*/

div#featured .product-description { position: absolute;z-index: 2;}

/* Livesearch */
.autocomplete h3{
	background: #a9a9a9 url(../images/dropdown_grad_lightgrey.gif) repeat-x 0 center;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgba(143,143,143,.9)),
    color-stop(0.56, rgba(186,186,186,.9)),
    color-stop(0.78, rgba(192,204,204,.9))
);
background: 
-moz-linear-gradient(
    center bottom,
    rgb(143,143,143) 11%,
    rgb(186,186,186) 56%,
    rgb(192,204,204) 78%
);
	font-size: .8em;
	color: #333;
	text-shadow: #bbb 0 1px 0;
	font-weight: bold;
	font-style: normal;
	border-bottom: 1px solid #666;
	letter-spacing: .2em;
	line-height: .8em;
	text-transform: uppercase;
}


.autocomplete dl {
background: #636870;background: rgba(198,209,222,0.5);padding: 7px 5px 2px; clear:both; overflow: hidden; line-height:1.1em; font-weight: bold;cursor: pointer; min-height: 55px;border-bottom: 1px solid #555;border-top: 1px solid #888;	
}

/* == 404 PAGE == */ /* @group == 404 PAGE == */

div.fourOhFour ol {
	list-style: inside decimal none;
	margin-left: 15px;
}

div.fourOhFour div.col-main{
	width: 100%;
	padding: 0;
	margin: 0;
}
div.fourOhFour a {
	text-decoration: underline;
	color: #eee;
}
div.fourOhFour a:hover {
	color: #fff;
}
div.fourOhFour h2 {
		color: #222;
	text-shadow: 0 1px 0 #999;

}
div.notFound, div.searchSuggestions {
	float: left;
}

div.notFound{
	width: 100%;
	background: rgb(198,209,222);
	background: rgba(198,209,222,0.5);
	font-size: 1.2em;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
background-repeat: repeat-x;
background-position: 0 28px;
	padding: 0;
	text-shadow: 0 -1px 0 #333;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAYAAACji9dXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEFJREFUeNoMxCEOgDAQRNEwbP/safb+Z2lAoBAkVShEgSfeUlVvADMaPJH4FslQOk/ZHMLeRNC1tthlfP0xPgEGAHzEDIOcZ4MMAAAAAElFTkSuQmCC);
	margin-bottom: 20px;

}

div.notFound h2.warn{
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
	background: #a09119 url(../images/stripes.png) repeat-x 25px 50%;
	height: 30px;
	text-shadow: #ccc 0 1px 0;
	line-height: 30px;
	color: #222;
	text-align: center;
	border-bottom: 1px solid #444;
	width: auto;
	margin: 0;
}
div.help{
	padding: 15px;
	color: #eee;
}
div.help em{
	color: #fff;
	font-weight: normal;
	font-style: normal;
	background-color: #900;
	padding-left: 2px;
	padding-right: 2px;
	font-family: "Courier New", Courier, mono;
}

@-webkit-keyframes bounce {
 0% {
   opacity: 1;
   -webkit-transform: scale(1.0) rotate(0deg);
 }
 40% {
   opacity: .5;
   -webkit-transform: scale(1.1) rotate(-5deg);
 }
 100% {
   opacity: 1;
   -webkit-transform: scale(1.0) rotate(0deg);
 }
}

div.how-to-search {
	float: right;
	width: 300px;
}
#top-search input:focus{
	background-color: #555 !important;
}

.results {
		display: none;
		padding: 15px;
		width: 302px;
}
.results h2 {
}
div.how-to-search:hover{
	//-webkit-animation: bounce 1.1s alternate ease-in-out;
}
div.notFound h2 span{
		background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgba(143,143,143,.9)),
    color-stop(0.56, rgba(186,186,186,.9)),
    color-stop(0.78, rgba(192,204,204,.9))
);
}

div.suggestions{
	float: left;
	width: auto;
	background: rgba(198,209,222,0.5);
	font-size: 1.2em;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	overflow: hidden;
	display: none;
		text-shadow: 0 -1px 0 #444;

}

div.loader{
		background-image: url(../images/loader-3C4959.gif) no-repeat center center;
}

div.suggest,div.loader {
	width: 32px;
	padding-right: 16px;
	padding-left: 15px;
	float: left;
	/*border-right: 1px solid #555;
	border-left: 1px solid #888;*/
	font-size: .9em;
	margin-bottom: 20px;
	height: 200px;
}
div.suggest strong {
	font-weight: bold;
	border-bottom: 1px solid #900;
}
div.suggest.loading {
	background: url(../images/loader-3C4959.gif) no-repeat 50% 50%;
}

div.suggest.blog {
border-left: 0;}

div.suggest.last,div.suggest.m {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

div.suggest a {
	text-decoration: none;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px solid #555;border-top: 1px solid #888;
	padding: 3px;
}
div.suggest h3 {
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
	border-bottom: 1px solid #555;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
}
div.suggest a:hover{
	background: rgba(127,135,144,0.5);
	color: #000;
}
div.suggest dl {
	color: #222;
	text-shadow: 0 1px 0 #888;
	cursor: pointer;
}
div.suggest dl dt {
	font-weight: bold;
}
div.suggest dd small {
	text-transform: uppercase;
	float: left;
	background-color: rgba(198,209,222,0.5);
	color: #333;
	font-size: .8em;
	 -webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;
	margin-top: 2px;
	text-shadow: #bbb 0 1px 0;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 3px;
	line-height: 1.4em;
}

div.tutorialTip{
	width: 200px;
	padding: 10px;
	background: #900;
	color: #fff;
	-webkit-border-radius:20px;
	-webkit-box-shadow:0 0 15px #333;
}

div#resultInfo {
	position: absolute;
		top: 5px;
		left: -210px;
}


div.searchSuggestions {
	width: 260px;
}
div.searchSuggestions a:hover,.autocomplete a:hover { text-decoration: none; }

div.searchSuggestions a:hover dl,.autocomplete a:hover dl,.autocomplete dl:hover,.autocomplete .selected { background: #71787f !important;background: rgba(206,218,231,0.55) !important; }
div.searchSuggestions h2,.autocomplete h2 {font-size: 1em;}
.autocomplete h2 {
	display: none;
}
div.searchSuggestions h3,.autocomplete h3 {font-size: .8em !important;}
div.searchSuggestions h3, div.searchSuggestions h2,.autocomplete h3,.autocomplete h2 { 
	padding: 5px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	font-style: normal !important;
	border-bottom: 1px solid #666 !important;
	letter-spacing: .2em !important;
	line-height: .8em !important;
}
.autocomplete h4, div.searchSuggestions h3, div.searchSuggestions h2,.autocomplete h3,.autocomplete h2 {
	background-color: #a9a9a9;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgba(143,143,143,.9)),
    color-stop(0.56, rgba(186,186,186,.9)),
    color-stop(0.78, rgba(192,204,204,.9))
);
background: 
-moz-linear-gradient(
    center bottom,
    rgb(143,143,143) 11%,
    rgb(186,186,186) 56%,
    rgb(192,204,204) 78%
);
	
	color: #333;
	text-shadow: #bbb 0 1px 0;
} 
div.searchSuggestions dl { background: rgba(198,209,222,0.5);padding: 7px 5px 2px; clear:both; overflow: hidden; line-height:1.1em; font-weight: bold;cursor: pointer; min-height: 55px;border-bottom: 1px solid #555;border-top: 1px solid #888;}
div.searchSuggestions dl img, div.suggest img,.autocomplete dl img { 
	-webkit-box-shadow:0 1px 0 #888;
	box-shadow:0 1px 0 #888;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin: 5px 5px 5px 0;
	-moz-border-radius:4px; float: left;}
div.searchSuggestions strong { font-weight:bold;  border-bottom: 2px solid #900;}
div.searchSuggestions dd small,.autocomplete dd small {
	text-transform: uppercase;
	float: left;
	background-color: #444;
	color: #ccc;
	font-size: .8em;
	line-height: inherit;
	 -webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;
	margin-top: 0;
	text-shadow: #222 0 -1px 0;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 3px;
}
div.searchSuggestions dl dt,.autocomplete dl dt {
	margin-bottom: 3px;
	color: #222;
	text-shadow: #888 0 1px 0;
}
div.searchSuggestions dl dd,.autocomplete dl dd {
	font-weight: normal;
	text-shadow: #444 0 -1px 0;
}

/* @end */

/* Customer Service */  /* @group Customer Service */

#customer-service-content div.content.email form input,
#customer-service-content div.content.email form label,
#customer-service-content div.content.email form select,
#customer-service-content div.content.email form textarea {
	width: 94%;
	border: 1px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	clear: both;
	float: left;
	padding: 5px;
	color: #900;
}

#customer-service-content div.content.email form input:focus,
#customer-service-content div.content.email form textarea:focus{
	border-color: #900;
	-webkit-box-shadow:0 0 5px #900;
}


#customer-service-content div.content.email form select,
#customer-service-content div.content.email form label,
#customer-service-content div.content.email form input,
#customer-service-content div.content.email form button{
	margin: 5px 0;
	color: #333;
}
#customer-service-content div.content.email form label{
	border: 0;
}
#customer-service-content div.content.email form textarea {
	height: 70px;
}

#customer-service-content div.content.email form .hp{
	display: none;
}

div#customer-service {
	background: #fff url(../images/grad_red.gif) repeat-x 0 -50px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding: 8px 0 0 0;
	float: left;
	width: 230px;

	margin:10px 0 ;
}

div#customer-service a {
	color: #900;
	text-decoration: underline;
}
div#customer-service strong{
	color: #900;
}
div#customer-service h2{
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #222;
	text-indent: 8px;
	padding-bottom: 8px;
}
div#customer-service h3{
	color: #900;
	text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.2em;
}

/*8f3936
72120e*/

ul#customer-service-nav {
	background: #72120f;
	float: left;
	width: 100%;
	height: 50px;
	position: relative;
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(0,0,0,.5)),
    color-stop(.2, rgba(0,0,0,0))
	);
	clear: both;
}

div#customer-service-content {
	padding: 8px;
	background-color: #fff;
	color: #666;
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(.5, #fff),
    color-stop(.9, #ddd)
	);
	clear: both;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

div#customer-service div.content {
	display: none;
}
div#customer-service-content p{
	line-height: 18px;
	margin: 5px 0;
}

div.customer-service-nav-wrap{
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #72120e),
    color-stop(1, #8f3936)
	);
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}

div.customer-service-nav-marker{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 33%;
	height: 50px;
	background: url(../images/customer-service-li-a-selected.png) no-repeat center bottom;
}

ul#customer-service-nav li{
	display: inline;
	float: left;
	width: 75px;
	height: 100%;
	text-align: center;
	border-right: 1px solid #72120e;
	border-left: 1px solid #8f3936;
	opacity: .9;
	
}
ul#customer-service-nav li.email{ 
	border-left: 0; background: url(../images/customer-service-li-email.png) no-repeat center center;}
ul#customer-service-nav li.phone{ 
	background: url(../images/customer-service-li-phone.png) no-repeat center center;}
ul#customer-service-nav li.twitter{ 
	background: url(../images/customer-service-li-twitter.png) no-repeat center center;}

ul#customer-service-nav li.smoke{ 
	border-right: 0; background: url(../images/customer-service-li-smoke.png) no-repeat center center;}

ul#customer-service-nav li a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

ul#customer-service-nav li:hover{
	opacity: 1;
}
ul#customer-service-nav li.selected a{
}

/* Error page stuff */
body.error-page .col-main { width: 98%; }
body.error-page .col-main h1, body.error-page .col-main h2 { margin-bottom: .5em; color: #fff; }
body.error-page .col-main p { color: #ccc; font-style: italic; }
body.error-page .col-main p a { text-decoration: underline; }

/* @end */

/*IE6 Warning stuff*/
.ie6-warning { position: absolute; width: 100%; height:100%; left: 0; top: 0; margin:0; background: url(../images/darken85.png); z-index: 1000;}
.ie6-warning { 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/darken85.png'); 
}
.ie6-warning-inner { width: 600px; margin: 100px auto; }
.ie6-warning p { margin: 10px; }
.ie6-warning .button { padding: 4px 6px; margin: 1px; background: url(../images/btn_bg_grey.gif); }
.ie6-warning .button:hover { border: 1px solid #a2a2a2; margin: 0; }
.ie6-warning .close { background: url(../images/btn_bg_red.gif); }