/* ===========================================================================
SHOGUN MARTIAL ARTS
Date created:  21 January 20007
By:            Web Enterprise Solutions http://webenterprisesolutions.com.au
Author:        Camilla Tabagan
==============================================================================
*/

html, body {
     margin: 0;
     padding: 0;
     text-align: center;
}
body {
     background: #ffffff;
}

/* STRUCTURE ================================================================= */
#wrap-header {
     width: 100%
}
#header {
     width: 990px;
     margin: 0 auto;
     padding: 0 auto;
}
#wrap-content {
     width: 100%
}
#wrapper {
     width: 990px;
     margin: 0 auto;
     padding: 0 auto;
}
#wrap-footer {
     width: 100%
}
#footer {
     width: 990px;
     margin: 0 auto;
     padding: 0 auto;
}

/* STYLES ==================================================================== */

/* HEADER -------------------------------------------------------------------- */
#wrap-header {
     background: url(img/header_bg.jpg) repeat-x top center;
}
#header {
}
#header ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
/* Masthead --------------------------- */
#header #masthead {
     height: 173px;
     margin: 0;
     overflow: hidden;
}
#header h1 {
     background: url(img/shogun_logo.jpg) no-repeat top left;
     height: 173px;
     width: 406px;
     text-indent: -9999em;
     margin: 0;
     padding: 0;
     text-align: left;
     float: left;
}
.events {
	margin: 120px 0 0 0;
	font: 16px Verdana, Helvetica, sans-serif;
	color: #ffffff;
}
/* User Links ------------------------- */
.userlinks {
      height: 16px;
      overflow: hidden;
      padding: 5px 0;
}
.userlinks ul {
     font: 10px Verdana, Helvetica, sans-serif;
     width: 400px;
     float: right;
}
.userlinks ul li {
     display: inline;
     margin: 0 10px;
}
.userlinks ul li a {
     color: #f6cecf;
     text-transform: uppercase;
     text-decoration: none;
}
.userlinks ul li a:hover {
     color: #ffffff !important;
     text-decoration: underline;
}
/* Navigation ------------------------ */
#navigation {
     height: 27px;
}
#navigation ul {
     text-align: center;
     width: 900px;
     margin: 0 auto;
     padding: 3px 0 0 0;
}
#navigation ul li {
     display: inline;
     margin: 0;
}
#navigation ul li a {
     color: #f4f4f4;
     text-decoration: none;
     text-transform: uppercase;
     font: 13px Verdana, Helvetica, sans-serif;
     padding: 5px 15px 6px 15px;
}
#navigation ul li a:hover {
     background: #680001;
     color: #ffffff !important;
}

/* CONTENT BODY -------------------------------------------------------------- */
/* Sidebar ---------------------------- */
#sidebar {
     width: 270px;
     float: left;
     background: #f4f4f4;
     color: #333333;
     font: 12px Verdana, Helvetica, sans-serif;
     margin: 20px 0;
     text-align: left;
}
#sidebar h2 {
     margin: 0;
     padding: 10px 20px;
     font: 18px 'Trebuchet Ms', Tahoma, Verdana, Helvetica, sans-serif !important;
     color: #ffffff;
     background-color: #990000;
     text-align: left;
}
#sidebar h3 {
     margin: 0;
     padding: 0;
     font: bold 12px Verdana, Helvetica, sans-serif !important;
     text-transform: uppercase;
     color: #990000;
     clear: both;
     text-align: left;
}
#sidebar p {
     margin: 0;
     padding: 0;
}
#sidebar img {
     border: 0;
}
#sidebar .sideentry {
     padding: 10px 20px;
     line-height: 1.4;
}

div#sidebar .categorieslist ul, div#sidebar .categorieslist ul li ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
div#sidebar .categorieslist ul li {
     padding: 0;
     margin: 0;
}
div#sidebar .categorieslist a {
     color: #000000;
     text-decoration: none;
     display: block;
}
div#sidebar .categorieslist a.menu {
     padding: 5px 30px;
     background: url(img/bullet.gif) no-repeat 6% 5px;
}
div#sidebar .categorieslist a.menu:hover{
     background: #660000 url(img/bullet-white.gif) no-repeat 6% 5px;
     color: #ffffff;
}
#sidebar .categorieslist a.active {
     background: #660000 url(img/bullet-white.gif) no-repeat 6% 5px !important;
     text-transform: uppercase;
     color: #f4f4f4 !important;
}
#sidebar .categorieslist a.submenu {
     padding: 5px 30px 5px 50px;
     background: #ffffff url(img/bullet-arrow.gif) no-repeat 12% 3px !important;
}
#sidebar .categorieslist a.submenu:hover {
     color: #ffffff !important;
     background: #993333 url(img/bullet-arrow-white.gif) no-repeat 12% 3px !important;
}

#sidebar input.formbox, #sidebar select {
     width: 230px;
     border: 1px solid #cccccc !important;
     background-color: #ffffff !important;
     margin: 0 0 5px 0;
     font: 11px Verdana, Helvetica, sans-serif;
     padding: 3px 0;
}
#sidebar input.button {
     width: 30px;
     margin: 0 0 0 200px;
     padding: 0;
}
/* Main Content ----------------------- */
#content {
     width: 700px;
     margin: 0 0 0 290px;
     padding: 20px 0;
     color: #333333;
     font: 12px Verdana, Helvetica, sans-serif;
     text-align: left;
}
#content h2 {
     margin: 0 0 20px 0;
     padding: 0;
     font: 28px 'Trebuchet Ms', Tahoma, Verdana, Helvetica, sans-serif !important;
     color: #990000;
     text-align: left;
}
#content h3 {
     margin: 0;
     padding: 0;
     font: bold 14px Verdana, Helvetica, sans-serif !important;
     text-transform: uppercase;
     color: #990000;
     text-align: left;
}
#content p, #content ul, #content ol {
     line-height: 1.6;
     text-align: left;
}
#content a {
     color: #990000;
}
#content a:hover {
     color: #000000;
}
#content .cookies {
     color: #990000;
     font: 12px Verdana, Helvetica, sans-serif !important;
}
#content .cookies a {
     color: #660000;
}
#content .announcement {
     background: #1a1613 url(img/promo.jpg) repeat-x center center;
     color: #f4f4f4;
     padding: 20px;
     font-size: 11px;
     margin: 0 0 20px 0;
}
#content .announcement h3 {
     font: bold 14px Verdana, Helvetica, sans-serif !important;
     color: #ffffff !important;
}
/* Product Listing, Table ------------ */
.products-list {
     vertical-align: top;
     padding: 15px;
     border: 3px solid #cccccc;
     width: 50%;
}
.products-list form {
     margin: 0;
     padding: 0;
}
.products-list h3 {
     height: 40px;
}
.products-list img {
     border: 0 !important;
}
.products-list-sum {
     font-size: 11px;
     height: 85px;
}
.products-list-img {
     float: right;
     margin: 0 0 10px 0;
}
.products-list-img img {
     max-height: 85px;
     max-width: 85px;
}
.products-list .price {
     font-size: 12px;
     font-weight: bold;
}
.products-list .member {
     color: #990000;
}
.products-list .strike {
     text-decoration: line-through;
}
.products-list select {
     width: 100px;
     border: 1px solid #cccccc;
}
ul.kart_buttons {
     list-style-type: none;
     margin: 0;
     padding: 0;
     vertical-align: bottom;
}
ul.kart_buttons li {
     display: inline;
     margin: 0 5px 0 0;
}
/* Product - Category View ----------- */
ul.subcategories {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}
.subcat {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 200px;
	height: 200px;
}
.subcat img{
	border: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 200px;
}
.subcategories li.listitem {
	display: inline;
}
.subcategories li.listitem a {
	display: block;
	width: 200px;
	height: 260px;
	background: #f4f4f4;
	padding: 3px;
	float: left;
	text-align: center;
	margin: 0 15px 20px 0;
	color: #990000;
	vertical-align: top;
}
.subcategories li.listitem a:hover {
	background: #990000;
	color: #ffffff !important;
	text-decoration: none;
} 
.subcategories li.listitem a span.label {
	display: block;
	padding: 5px 0;
}

/* Product - Subcategory view -------- */
.products-subcategory {
     width: 700px;
     border-top: 1px solid #cccccc;
     margin: 20px 0;
}
.products-subcategory th {
     font: bold 12px Verdana, Helvetica, sans-serif !important;
     text-transform: uppercase;
     color: #990000;
     text-align: left;
     vertical-align: top;
     border-bottom: 1px solid #cccccc;
}
.products-subcategory td {
     font-size: 11px;
     border-bottom: 1px solid #cccccc;
     padding: 10px 0;
     vertical-align: middle;
}
.products-subcategory img {
     max-width: 85px;
     max-height: 100px;
     border: 0;
}
.products-subcategory-image{
     width: 85px;
     border: 0;     
}
td.products-subcategory-brand{
     padding: 10px 5px !important;
}
.products-subcategory-name{
}
.products-subcategory-member {
     width: 50px;
     color: #990000 !important;
     font-weight: bold;
}
.products-subcategory-price{
     width: 50px;
}
.products-subcategory-special{
}

/* Product - Single ------------------ */
.products-single {
     width: 700px;
     margin: 20px 0;
}
.products-single-image {
     vertical-align: top;
     text-align: center;
}
.products-single-image img {
     max-width: 250px;
}
.products-single-info {
     padding: 0 10px 10px 10px;
     font-size: 12px;
     width: 320px;
     vertical-align: top;
}
.products-single-description {
     font-size: 11px !important;
}
.products-shop{
     vertical-align: top;
     width: 130px;
     padding: 10px;
     background: #f4f4f4;
    text-align: center;
}
.products-single-sizing {
     font-size: 11px !important;
}
.products-single-pricing {
     font-size: 12px;
     font-weight: bold;
     margin: 0 0 15px 0;
}
.member-price {
     color: #990000;
}
.price {}
.product-form {
    text-align: center;
}
.product-form input, .product-form select {
     width: 100px;
     border: 1px solid #666666;
     margin: 3px 0;
}
/* Products - Related ---------------- */
.products-related-wrapper{
     border-top: 1px dashed #666666;
     width: 700px;
}
.products-related-wrapper h4 {
     margin: 10px 0 0 0;
     padding: 0;
     font: bold 14px Verdana, Helvetica, sans-serif !important;
     color: #990000;
}
.products-related {
     margin: 20px 0;
}
.products-related th, .products-related td {
     text-align: center;
     padding: 10px;
     background: #fbfbfb;
     width: 20%;
     margin: 0 5px;
}
.products-related-price{
     font-size: 10px !important;
}
.products-related-image img{
     max-height: 100px;
     border: 0;
}
/* Popup Content --------------------- */
a.popup {
     font-weight: bold;
     text-decoration: underline;
}
#popcontent {
     margin: 20px;
     padding: 0;
     color: #333333;
     font: 12px Verdana, Helvetica, sans-serif;
     text-align: left;
}
#popcontent h2 {
     margin: 0 0 20px 0;
     padding: 0;
     font: 28px 'Trebuchet Ms', Tahoma, Verdana, Helvetica, sans-serif !important;
     color: #990000;
}
#popcontent h3 {
     margin: 0;
     padding: 0;
     font: bold 14px Verdana, Helvetica, sans-serif !important;
     text-transform: uppercase;
     color: #990000;
}
#popcontent p, #popcontent ul {
     line-height: 1.6;
}
#popcontent a {
     color: #990000;
}
#popcontent a:hover {
     color: #000000;
}
/* Content - Subpages ---------------- */
.disclaimer {
     font-size: 11px;
}
.event td, .contact td {
     font-size: 12px;
}
.event td.title {
     font-weight: bold;
}


/* FOOTER -------------------------------------------------------------------- */
#wrap-footer {
     clear: both;
     background: #666666;
}
#footer {
     color: #ffffff;
     padding: 10px 0;
     font: 11px Verdana, Helvetica, sans-serif;
     text-align: right;
}
#footer a {
     color: #ffffff;
     text-decoration: none;
}

/* GLOBALS =================================================================== */
.clear {
     clear: both;
     height: 0;
}
.hidden {
     display: none;
}
.toplink {
     font: 10px !important;
     text-align: right;
}