/* Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)
   Screen Style Sheet
   Version: $Id$
--------------------------------------------------------------- */

/* 	=============================
	Colors:
	
	=============================	*/

body {
	background:#000 url(../images/theme/bg-main.jpg) repeat-y center;
	color:#FFF;
	text-align: left;
	font:normal 14px/18px Arial, Helvetica, sans-serif;
}

p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.clear {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
a:link, a:visited {color:#999; text-decoration:underline;}
.block a:link, .block a:visited { color: #666; }
a:hover, a:active {outline:none;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
div.col-main h1, div.col-main h2, div.col-main h3, div.col-main h4, div.col-main h5, div.col-main h6 {margin-bottom: 10px;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

ul.options-list, ul.checkout-types, ol.opc, ul.form-list, .group-select ul, div.crosssell ul, ol#recently-viewed-items, ol#cart-sidebar {
    padding: 0;
    margin: 0;
}

ul.options-list li, ul.checkout-types li, ol.opc li, ul.form-list li, .group-select ul li,  div.crosssell ul li, ol#recently-viewed-items li, ol#cart-sidebar li {
    list-style: none;
}
ol#recently-viewed-items li {
    margin-bottom: 5px;
}
div.crosssell ul li.item {
    margin-bottom: 10px;
}
/* Forms
----------------------------------------------- */
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.disabled {}
button.disabled span {}
div.main button.button, div.main button.form-button {
  background:#333 url('../img/btn/shade.png') left bottom repeat-x;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:auto;
  text-transform:uppercase;
  font-size:.9em;
  margin:1.2em 0 0;
  padding:4px;
}
div.main .add-to-cart button.button, div.main div.add-to-box button.button, div.main div.form-add-tags button.button, div.discount button.button, div.main .cart button.button, div.main ol.opc button.button, div.main div.actions button.button, div.main .button-set button.button {
  margin: 0 0 0 1em;
}
div.main div.cart li.item button.button {
    margin: 0;
}
div.main button.button:hover { background-color:#666; cursor:pointer; }
div.main button.button.secondary { background-color:#777; }
div.mainbutton.button.secondary:hover { background-color:#6a9b32; cursor:pointer; }

#recaptcha_table {
    background: #FFF;
}
div#recaptcha_area {
    margin: 10px 0;
}

div.cart form {
    margin-bottom: 10px;
    display: block;
}

/* BASE LAYOUT
----------------------------------------------- */
div#wrap {position:relative; width:960px; margin:0 auto; text-align:left;}
div#cwrap {width:960px; background:#fff;}
div#side {float:left; display:inline; width:300px; background:#333;}
div#main {float:right; display:inline; width:640px;}
div#footer {clear:both; padding:1em 0; text-align:center; background:#000;}

.page {
    width: 960px;
    padding: 0;
    position: relative;
}
.header, .main, .footer {
    width: 910px;
    padding: 10px 25px;
}
/* Base Columns */ 
.col-left { float:left; width:190px; padding:5px 5px 0; }
.col-main { float:left; width:680px; padding:5px; }
.col-right { float:right; width:190px; padding:5px 5px 0; }

/* Site Switcher
----------------------------------------------- */
div.site-switch {
    border-bottom: 2px solid #555;
    margin-bottom: 20px;
}
div.site-switch ul {
    padding: 0;
    margin: 0;
}
div.site-switch ul li {
    list-style: none;
    width: 24.9%;
    float: left;
    margin: 0 1px;
    font-size: 0.9em;
}
div.site-switch ul li.first {
    margin-left: 0;
}
div.site-switch ul li {
    margin-right: 0;
}
div.site-switch ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 0.8em 0 0.6em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #b1b1b1;
    background: #141414 url(../images/theme/bg-sitenav.jpg) repeat-x;
}
div.site-switch ul li.active a {
    color: #e6e6e6;
    background: #282828 url(../images/theme/bg-sitenav-hover.jpg) repeat-x;
}
div.site-switch ul li a:hover {
    color: #e6e6e6;
}

/* HEADER
----------------------------------------------- */
div.header h1 a:link, div.header h1 a:visited {
	display:block;
	position:relative;
	width:435px;
	height:0px;
	padding-top:150px;
	overflow:hidden;
	font-size:0;
	color: #000;
	line-height:1%;
	border:0;
	text-decoration:none;
}
h1#logo { float:left; overflow:hidden; background: no-repeat; } 

div.header {
    position: relative;
}

div.header h1 a:hover, div.header h1 a:active {border:0;text-decoration:none;}

div.header form#search_mini_form {
    width: auto;
}
div.header button.button {
    background: #333;
    padding: 3px 0;
    border: none;
    cursor: pointer;
    margin-left: 5px;
}
div.header button.button span {
    padding: 0 12px;
    background: none;
    text-align:center;
    white-space:nowrap;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
div.header input.input-text {
    background: #FFF;
    color: #000;
    border: none;
    padding: 3px 5px;
}

.header-right {
    text-align: right;
    float: right;
}

ul.links {
    clear: both;
    float: right;
    padding: 0;
    margin: 5px 0 0;
}
ul.links li {
    font-size: 0.9em;
    list-style: none;
    padding: 0;
    margin: 0 0.3em;
    display: block;
    float: left;
}
ul.links li a {
    color: #FFF;
}

/* Phone Number
---------------------- */
div.phone-number {
    position: absolute;
    top: 2px;
    left: 45%;
    font-size: 2.3em;
    /* uncomment color and comment display to reveal phone number */
    /*color: #8b8b8b;*/
    display: none;
    padding: 10px;
}

/* Logos
---------------------- */
ul.logos {
    display: block;
    float: right;
    clear: both;
    margin: 0;
    padding: 5px 0 0;
width: 198px;
}
ul.logos li {
    font-size: 0.9em;
    list-style: none;
    padding: 25px 0 0 0;
    margin: 0;

	display: block;
	float: left;
	position: relative;
	height: 0px;
	overflow: hidden;
	font-size: 0;
	color: #000;
	line-height: 1%;
	border: 0;
	text-decoration: none;
}
ul.logos li.visa { background: url(../images/theme/icon-visa.png) no-repeat; width: 31px; }
ul.logos li.mastercard { background: url(../images/theme/icon-mc.png) no-repeat; width: 31px; }
ul.logos li.discover { background: url(../images/theme/icon-disc.png) no-repeat; width: 31px; }
ul.logos li.amex { background: url(../images/theme/icon-amex.png) no-repeat; width: 31px; }
ul.logos li.ssl { background: url(../images/theme/icon-ssl.png) no-repeat; width: 39px; }
ul.logos li.auth { background: url(../images/theme/icon-authnet.png) no-repeat; width: 35px; padding-top: 28px; }

div.kmr-logo {
    padding: 5px 0 0;
    clear: both;
}
div.kmr-logo a {
	display: inline-block;
	position: relative;
	width: 145px;
	height: 0px;
	padding-top: 75px;
	overflow: hidden;
	font-size: 0;
	color: #000;
	line-height: 1%;
	border: 0;
	text-decoration: none;
	background: url(../images/theme/logo-kmr-small.jpg) no-repeat;
}

/* Navigation
---------------------- */
div.nav {
    position:relative;
    font-size:12px;
    padding:5px 0;
    margin:10px 0;
    background: #CCC;
    text-align: center;
}
div.nav ul {
    padding: 0;
    margin: 0;
}

div.nav ul { padding: 0; margin: 0; }
div.nav ul li { display:inline; }
div.nav ul li a { padding:0 5px; }

/* All Levels */
div.nav ul li { text-align:center; position:relative; }
div.nav ul li.over { z-index:999; }
div.nav ul li.parent {}
div.nav ul li a { text-decoration:none; }
div.nav ul li a:hover { text-decoration:none; }
div.nav ul li a span { white-space:nowrap; cursor:pointer; }
div.nav ul li ul a span { white-space:normal; }

/* 1st Level */
div.nav ul li a { padding: 5px 0.8em; font-weight:bold; color:#000; }
div.nav ul li a:hover { color:#333; }
div.nav ul li.over a, div.nav ul li.active a { color:#333; }

/* 2nd Level */
div.nav ul ul { position:absolute; width:10em; left:-10000px; border:1px solid #ddd; background:#fafafa; text-align: left; }
div.nav ul ul li { float:none; display:block; border-bottom:1px solid #ddd; }
div.nav ul ul li.last { border-bottom:0; }
div.nav ul ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; }
div.nav ul ul li a:hover { color:#000 !important; }
div.nav ul ul li.active > a,
div.nav ul ul li.over > a  { font-weight:bold; color:#000 !important; }

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

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

div.col-main .opc h3 { margin-bottom: 0; }

ul#vertnav {
    margin: 0;
    padding: 0;
}
ul#vertnav ul {
    margin-top: 0;
}
ul#vertnav li.level0 {
    list-style: none;
}
ul#vertnav a.level0 {
    display: block;
    font-size: 1.2em;
    text-decoration: none;
    margin: 5px 0;
}

/* MAIN
----------------------------------------------- */
/* BreadCrumbs */ 
.breadcrumbs { padding:10px 5px; margin:0 0 10px; }
.breadcrumbs ul { padding: 0; margin: 0; }
.breadcrumbs li { display:inline; }

/* Pager */ 
.pager { background: #666; padding:5px; margin:5px 0; text-align:center; }
.pager .amount { float:left; }
.pager .limiter { float:right; }
.pager .pages { margin:0 135px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; }
.pager .pages .current {}
.pager p { margin: 1px 0 0; }

/* Sorter */ 
.sorter { background: #666; padding:5px; margin:5px 0; }
.sorter .view-mode { float:left; }
.sorter .sort-by { float:right; }
.sorter .link-feed {}
.sorter p { margin: 1px 0 0; }


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

/* View Type: Grid */
.products-grid { width:100%; }
.products-grid tr.odd {}
.products-grid tr.even { }
.products-grid td { width:33%; padding:5px 5px 10px; }
.products-grid td.empty {}

/* View Type: List */
.products-list li.item { padding:5px; margin:0 0 5px; }
.products-list .product-image { float:left; }
.products-list .product-shop { float:right; width:320px; }

/* List Styles */
ul.add-to-links {
    padding: 0;
    margin: 10px 0 0;
}
ul.add-to-links li {
    list-style: none;
    margin: 0;
}

ol#products-list {
    padding: 0;
    margin: 0;
}

ol#products-list li.item {
    list-style: none;
    margin-bottom: 10px;
}

ol#products-list li.even {
    background: none;
}

/* ======================================================================================= */

/* Layered Navigation ========================================================================= */
div.block-layered-nav dl dd {
    margin: 0;
}
div.block-layered-nav dl dd ol {
    margin: 0;
    padding: 0;
}
div.block-layered-nav dl dd ol li {
    list-style: none;
}

ul.tags-list { padding: 0; }


/* Shopping Cart ========================================================================= */
.cart .checkout-types { float:right; text-align:right; }

/* Shopping Cart Table */
.cart-table .item-msg { font-size:10px; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; width:600px; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping {}

/* Shopping Cart Totals */
.cart .totals {
    float:right;
    padding: 5px;
    background: #333;
    border: 1px solid #666;
}
.cart .totals table { width:100%; margin-top: 0px; }
.cart .totals table th,
.cart .totals table td { padding:5px; }
.cart .totals table th { font-weight:bold; }

/* 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; }
/* ======================================================================================= */

/* Sub Categories
----------------------------------------------- */
div.category-item {
    float: left;
    width: 135px;
    margin: 0 1em 1em 0;
    text-align: center;
}
div.category-item .image-link {
    display: block;
    margin-bottom: 10px;
}
div.category-item .image-link.place-holder {
    display: block;
    width: 135px;
    height: 0;
    padding-top: 135px;
    line-height: 0;
    font-size: 0;
    background: #111;
    overflow: hidden;
}
div.category-item .product-title a { font-weight: bold; color: #FFF; }
div.category-item .product-title { display: block; }
div.category-item .product-count { display: block; }

/* Reviews
----------------------------------------------- */
div.reviews dl dd {
    margin: 0;
}

p.date {
    font-size: 0.9em;
    font-style: italic;
}

/* Sidebar
----------------------------------------------- */

.block {
    margin: 0 0 10px;
    padding: 5px 10px;
    background: #ccc;
    color: #333;
}
.block .block-title { border-bottom:1px solid #999; padding:0 5px 5px; }
.block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; }
.block h3 { font-size:14px; line-height:1.5; }
.block .block-content { padding:5px; }
.block .actions { text-align:right; }
.block .actions a { float:left; }


/* FOOTER
----------------------------------------------- */
.footer { padding:10px 10px 20px; text-align: center; }

div.links p {
    margin: 0;
}
div.links a {
    font-size:11px;
    color:#999;
}
p#copyright {font-size:11px; margin:1em 0 0; color:#666;}
p#credits {font-size:11px; margin:.4em 0 0; color:#666;}
p#credits a {color:#666; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}