/* =Theme Styles
 * name: Carbon (Black)
 * author: kirk@kirkbeard.com
 * author: www.kirkbeard.com
--------------------------------------------- */



/* -----------------------------------------------------------------------------------------------------------------------
	@Layout/Generic
----------------------------------------------------------------------------------------------------------------------- */


/* =Layout Grids
--------------------------------------------- */
body  { background:#000000 url(body-bg.jpg) scroll repeat-y; } 
#hd   { background:#ffffff url(hd-bg.jpg) scroll repeat-x; }
#site { background:transparent url(wrapper-bg.gif) scroll repeat-y; }
#ft   { background:transparent url(ft-bg.jpg) scroll no-repeat 0 0; }


/* =Common Elements
--------------------------------------------- */
a { color:#b50000; }



/* =Section Titles
--------------------------------------------- */
h4,h5 { background:#ffffff url(sectitle-bg.gif) scroll no-repeat right top; }
h4 span, h5 span { display:block; padding:8px; background:transparent url(sectitle-bg-inner.gif) scroll no-repeat; }
h5 span { padding:8px 8px; }
h4.news-title span { padding-bottom:0; }
p.news-date { margin-left:8px; }

	
	






/* -----------------------------------------------------------------------------------------------------------------------
	@Header
----------------------------------------------------------------------------------------------------------------------- */


/* =Header Elements
--------------------------------------------- */
.hd { background-image:url(hd-logo.jpg); }
#contact-details { color:#ffffff; }


/* =Primary Navigation - top
--------------------------------------------- */
#nav a { color:#ffffff; }
#nav li ul {  background-color:#4a4a4a; }
#nav li ul a:hover { background-color:#7D7D7D; color:#ffffff; }
#current-dept a { color:#ffffff; }

#pn-home { width:67px; background:transparent url(pn-home.gif) scroll no-repeat; } 
#pn-about { width:91px; background:transparent url(pn-about.gif) scroll no-repeat; } 
#pn-contact { width:101px; background:transparent url(pn-contact.gif) scroll no-repeat; } 
#pn-support { width:84px; background:transparent url(pn-support.gif) scroll no-repeat; } 
#pn-forum { width:72px; background:transparent url(pn-forum.gif) scroll no-repeat; } 
#pn-account { width:117px; background:transparent url(pn-account.gif) scroll no-repeat; } 
#pn-logout { width:72px; background:transparent url(pn-logout.gif) scroll no-repeat; } 

#pn-home:hover,
#pn-about:hover,
#pn-contact:hover,
#pn-support:hover,
#pn-forum:hover,
#pn-account:hover,
#pn-logout:hover { background-position:0 -24px; }








/* -----------------------------------------------------------------------------------------------------------------------
	@Sidebar (Left)
----------------------------------------------------------------------------------------------------------------------- */


/* =Secondary Navigation
--------------------------------------------- */
/* .sn { border:1px solid #0f0; } */
.sn p { color:#ffffff; }
.sn h3 { background:transparent url(sn-title.gif) scroll no-repeat; color:#ffffff; /* border:1px solid #f00;  */}
.sn li a { color:#ffffff;}
.sn li a:hover,
.sn li a.focus { background:transparent url(sn-hover.gif) scroll no-repeat; }

.sn ul li ul li a { border-color:#7a7a7a; color:#ffffff; }
.sn ul li ul li a:hover { background:#505050; }
.sn ul a span { color:#acacac; }
.sn li:hover ul ul, .sn li:hover ul ul ul, .sn li.sfhover ul ul, .sn li.sfhover ul ul ul { background:#595959; }
.sn li:hover ul, .sn li li:hover ul, .sn li li li:hover ul, .sn li.sfhover ul, .sn li li.sfhover ul, .sn li li li.sfhover ul { background:#595959; }
.sn ul li:hover ul { background:#595959 url(sn-sub.gif) scroll no-repeat 0 50%; border-color:#2b2b2b; }
.sn ul li:hover ul li { }
.sn ul li ul li.first { background:transparent url(sn-sub-top.gif) scroll no-repeat; }
.sn ul li ul li.last { background:transparent url(sn-sub-bottom.gif) scroll no-repeat left bottom; }






/* =Search Form / Results / Filters
--------------------------------------------- */
#q { background-color:#e1e1e1; border:1px solid #343434; }
#btn-search { background-image:url(btn-search.gif); }
#search-filters h3 { background:transparent url(sn-title.gif) scroll no-repeat; height:38px; line-height:38px; color:#ffffff; }
.filters-group { color:#fff; }
ul.filters li { color:#eeeeee; }
ul.filters li a { color:#fff; }
ul.currentfilters li { background-image:url(search-filter-remove.gif); }
#start-search #keyword { border:1px solid #ccc; }







/* -----------------------------------------------------------------------------------------------------------------------
	@Sidebar (Right)
----------------------------------------------------------------------------------------------------------------------- */


/* =Right Panels
--------------------------------------------- */
.panel { background:#e2e2e2 url(panel-bg.gif) scroll no-repeat left bottom; }
.panel .panel-c { padding:0 5px 10px; }
.panel h3 { background:#e2e2e2 url(panel-title.gif) scroll no-repeat; color:#ffffff; height:36px; line-height:26px; margin:0;}
.panel ul, .panel li { list-style:none; margin:0; padding:0; }


/* =Sidebar - Shopping Cart 
--------------------------------------------- */
#panel-cart th { background:#9e9e9e; }
#panel-cart .total { background:#c7c7c7; }


/* =Voting Polls
--------------------------------------------- */
.poll_slider { border-color:#9e9e9e; }
.poll_slider div { background:#acacac; }
.poll-links { border-color:#8f8f8f; color:#8f8f8f; }
.poll-links a { color:#8f8f8f; }















/* -----------------------------------------------------------------------------------------------------------------------
	@Tables
----------------------------------------------------------------------------------------------------------------------- */

/* =Table - Product list
--------------------------------------------- */
table.product_list tr th { background:#343434 url(table-bg.gif) scroll repeat-x; color:#fff; }
table.product_list tr th a { color:#ffffff; }
table.product_list tr th a:hover { background-image:url(prod_list_down.gif); }
table.product_list tr th a.prod_list_up,
table.product_list tr th a.prod_list_down:hover { background-image:url(prod_list_up.gif); }
table.product_list tr th a.prod_list_down,
table.product_list tr th a.prod_list_up:hover { background-image:url(prod_list_down.gif); }
table.product_list tr th span a,
table.product_list tr th span a:hover { background:none; padding:0; }

/* =Standard List (lighter colour header)
--------------------------------------------- */
table.standard_list tr th { background:#999999 url(table-bg-standard.gif) scroll repeat-x; color:#111; }
table.standard_list tr th a { color:#111; }




/* =Pagination
--------------------------------------------- */
div.pagenav .selected { border-color:#a00; color:#a00; }
div.pagenav a:hover { background:#a00; color:#ffffff; }










/* -----------------------------------------------------------------------------------------------------------------------
	@Products
----------------------------------------------------------------------------------------------------------------------- */


/* =Product Details
--------------------------------------------- */

#product-photos .main-photo { background:transparent url(product-photo-bg.gif) scroll no-repeat; }
#product-photos .main-photo div { background:transparent url(product-photo-bg-inner.gif) scroll no-repeat right bottom; }
#product-photos .other-photos li a { border:1px solid #ccc; }


/* =Tabbed Information
--------------------------------------------- */
.tab-wrapper { border-left:1px solid #ccc; background:transparent url(product-photo-bg-inner.gif) scroll no-repeat right bottom; }
.tab-menu { background-image:url(tabs-bg.gif); }
ul.tab-menu-simple { background:none; }
.tab-menu li { background-image:url(tabs-link-bg.gif); }
.tab-menu li a { background-image:url(tabs-link-bg-inner.gif); color:#666; }
.tab-menu li:hover { background-image:url(tabs-link-hover-bg.gif); }
.tab-menu li:hover a { background-image:url(tabs-link-hover-bg-inner.gif); color:#333; }
.tab-menu li.tab-selected { background-image:url(tabs-link-sel-bg.gif); }
.tab-menu li.tab-selected a { background-image:url(tabs-link-sel-bg-inner.gif); color:#000; }




/* -----------------------------------------------------------------------------------------------------------------------
	@Account Pages
----------------------------------------------------------------------------------------------------------------------- */

/* =Account - Entry Page
--------------------------------------------- */
.account_links h3  { background-image:url(accounts-entry-title-bg.gif); color:#ffffff; }
.account_links h3 span { background-image:url(accounts-entry-title-bg-inner.gif); }
.account_links div { background-image:url(accounts-entry-content-bg.gif); }
.account_links div ul { background-image:url(accounts-entry-content-bg-inner.gif); }
.account_links div ul li { border-color:#8c8c8c; }
.account_links a { color:#333333; }
.account_links a:hover { color:#111111; background:#d6d6d6; }
	
	
	

/* -----------------------------------------------------------------------------------------------------------------------
	@Theme Selector
----------------------------------------------------------------------------------------------------------------------- */
#theme-selector img { border-color:#c8c8c8; }
#theme-selector a.sel img { border-color:#7b7b7b; }
#theme-selector a:hover img { border-color:#b53434; }




/* -----------------------------------------------------------------------------------------------------------------------
	@Checkout
----------------------------------------------------------------------------------------------------------------------- */

/* =Checkout Billing/Shipping Titles
--------------------------------------------- */
#cart-comments h4,
#header-addresses h4 { background:#343434 url(table-bg.gif) scroll repeat-x; color:#fff; }
.checkout-details { background:#ececec; border-color:#d2d2d2; }

	
/* =Progress Tracking Bar (Checkout/Returns
--------------------------------------------- */
.progress-tracker { background-image:url(progress-tracker-bg.gif); }
.progress-tracker li { }
.progress-tracker li.completed-first,
.progress-tracker li.completed-last,
.progress-tracker li.completed { background-color:#5f5b5b; color:#ffffff; }
.progress-tracker li.completed-first a,
.progress-tracker li.completed-last a,
.progress-tracker li.completed a { color:#ffffff; }
.progress-tracker li.current { background-image:url(progress-tracker-current.gif); }
.progress-tracker li.current-first { background-image:url(progress-tracker-current-first.gif); }
.progress-tracker li.completed-first { background-image:url(progress-tracker-first.gif); }
.progress-tracker li.completed-last { background-image:url(progress-tracker-last.gif); }
	



/* =Ajax Checkout Features
--------------------------------------------- */
#ajax-title { border-bottom:1px solid #ccc; background:#eee; }
#ajax-title a { background-repeat:no-repeat; width:110px; color:#fff; font-weight:bold; text-indent:25px; }
#ajax-title a:hover { background-position:0 -25px; }
#ajax-title .ajax-save { background-image:url(cajax-button-save.gif); }
#ajax-title .ajax-cancel { background-image:url(cajax-button-cancel.gif); }



#ajax-checkout { background:transparent url(cajax-bg.gif) scroll repeat-y; }

#ajax-options li a,
#ajax-options li span { border-bottom:1px solid #ddd; color:#333; }
#ajax-options li a:hover { color:#000; }
#ajax-options li.selected { background:#fff; }
#ajax-options li.selected a,
#ajax-options li.selected span { color:#000; }
#ajax-details { }



	

/* =Announcements
--------------------------------------------- */
#announcements { background:transparent url(announce-bg-right.gif) scroll no-repeat right top; margin:10px 30px 10px; }
.announcement-content { background:transparent url(announce-bg-left.gif) scroll no-repeat; padding:15px; }



/* =Buttons
--------------------------------------------- */
div.buttons { clear:both; height:30px; text-align:center; }
div.buttons-buy { text-align:center; }
div.buttons-buy a { margin:auto; }


input.btn-small { width:90px; height:22px; background:transparent url(btn-small.gif) no-repeat; outline:0; border:0; cursor:pointer; color:#ffffff; font-weight:bold; font-size:12px; }
input.btn-small:hover { background-position:0 -22px; }

input.btn-smaller { width:120px; height:22px; background:transparent url(btn-smaller.gif) no-repeat; outline:0; border:0; cursor:pointer; color:#ffffff; font-weight:bold; font-size:12px; }
input.btn-smaller:hover { background-position:0 -22px; }


a.btn-small { width:90px; height:22px; line-height:22px; background:transparent url(btn-small.gif) no-repeat; outline:0; border:0; cursor:pointer; color:#ffffff; font-weight:bold; display:block; margin:0 5px; text-align:center; float:left; }
* html body a.btn-small { margin:0 2px; }
a.btn-small:hover { background-position:0 -22px; text-decoration:none; }

.btn-med,
.btn-medshort { height:30px; line-height:30px; background:transparent url(btn-med.gif) scroll no-repeat; outline:0; border:0; cursor:pointer; color:#ffffff; font-weight:bold; display:block; margin:0 5px; text-align:center; /* float:left; */ }
.btn-med span { display:block; height:30px; background:transparent url(btn-med-inner.gif) scroll no-repeat right top; }
.btn-med:hover,
.btn-medshort:hover { background-position:0 -30px; text-decoration:none; }	
.btn-med:hover span { background-position:right -30px; }	

a.btn-cart { width:9em; float:none; }
a.btn-sys { width:10em; float:none; background-image:url(btn-med-sys.gif); }
a.btn-sys span { background-image:url(btn-med-sys-inner.gif); } 
a.btn-disable { width:10em; float:none; background-image:url(btn-med-disable.gif); color:#ccc; }
a.btn-disable span { background-image:url(btn-med-disable-inner.gif); } 


input.btn-med { width:160px; background-image:url(btn-med-input.gif); font-size:12px; display:inline; }
input.btn-medshort { width:100px; background-image:url(btn-med-inputshort.gif); font-size:12px; display:inline; }


.btn-quick-buy,
.btn-quick-sys { display:block; width:17px; height:17px; background-repeat:no-repeat; margin:0 7px; }
.btn-quick-buy:hover,
.btn-quick-sys:hover { background-position:left bottom; }
.btn-quick-buy span,
.btn-quick-sys span { display:none; }
.btn-quick-buy { background-image:url(btn-quick-buy.gif); }
.btn-quick-sys { background-image:url(btn-quick-sys.gif); }



/* -----------------------------------------------------------------------------------------------------------------------
	@Footer
----------------------------------------------------------------------------------------------------------------------- */

/* =Footer
--------------------------------------------- */
#ft { color:#c0c0c0; }
#ft a { color:#eeeeee; }
#ft a:hover { color:#ffffff; }
#ft #credit-as a { background:transparent url(credit-as.gif) scroll no-repeat; width:71px; }
#ft #credit-as a:hover { background-position:0 -40px; }