/*
--------------------------------
Author: Zecki.com
Date:   October 2006
-------------------------------- 
*/

/*	-----------------------------------------
  	Set Cross Browser Relative Font Sizes
	-----------------------------------------	*/

body, body div, body p, body table, body th,
body td, body li, body dd    {
    font-size: small;
     }

html>body, html>body div, html>body p,
html>body th, html>body td,
html>body li, html>body dd    {
    font-size: small
    /* for Opera */
    }

	
Body {
	margin:0;
	padding:0;
	margin:0;
	border:0;
	height:100%;
	text-align:center;
	background:#000;
	}

/*	-----------------------------------------
  	Font Colour and Family
	-----------------------------------------	*/
HTML, Body, Table, TH, TD, DIV, P 	{
	color:#E9E9E9;
	font-family: Arial, Helvetica, sans-serif;
	}


p {
	line-height:1.3em;
	margin:0;
	margin-bottom:10px;
	}
	
UL, OL {
	margin-top:0;
	margin-bottom:5x;
	}	

/*	-----------------------------------------
  	Default Link Colurs
	-----------------------------------------	*/
a:link, a:active, a:visited {
  color:#ffc;
  text-decoration:none;
  }
  
a:hover {
	color:#ff6;
	}
 
img {
	border:none;
	}

/* 	-----------------------------
	Core Page Structure 	
	----------------------------- */
.shell {
	position:relative;
	width:769px;
	margin:0 auto;
	padding:0;
	text-align:left;
	} 	

/* 	-----------------------------
	Header and Navigation 	
	----------------------------- */

.header {
	width:769px;
	height:57px;
	background: #ccc url(images/bg-header.jpg) no-repeat top left;
	border-bottom:1px solid #040404;
	}
	
/* 	-----------------------------------------
	Navigation - Site Tools 	
	----------------------------------------- */

div.sitetools { 
	position:absolute;
	top:10px;
	right:10px;
	}

.sitetools ul { 
	list-style: none;
	margin:0;
	}
	
.sitetools li {
	display:inline;
	padding:0 5px;
	text-indent:0;
	font-size:0.85em;
	}

/* 	-----------------------------------------
	Navigation - Main 	
	----------------------------------------- */

.nav { 
	overflow:auto;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	width:769px;
	margin:0;
	height:33px;
	text-align:center;
	vertical-align:middle;
	background: #202020 url(images/bg-nav.jpg) no-repeat top left;
	border-bottom:1px solid #000;
	}

.nav ul { 
	list-style: none;
	margin:0;
	margin-top:7px;
	padding:0;
	}
	
.nav ul li {
	display:inline;
	padding:0 10px 0 12px;
	font-size:0.85em;
	font-weight:bold;
	background: transparent url(images/bg-nav-border.gif) repeat-y top left;
	}

.nav ul li.first {
	background:none;
	}	
	
/* 	-----------------------------------------
	Content Container 	
	-----------------------------------------	*/	
	
.page-body {
	width:749px; /* IE Hacks file for 5.x needs box model hack */
	border-top:10px solid #040404;
	padding:10px;
	overflow:auto;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	background:#050505 url(images/bg-diagonal-stripe-tile.gif) repeat top left; 
	}


/* 	-----------------------------------------
	Single column layout - full width 	
	-----------------------------------------	*/	
	
.content-main-full {}
	
/* 	-----------------------------------------
	Two column layout - main column 	
	-----------------------------------------	*/	
	
.content-main {
	float:right;
	width:518px;
	}


/* 	-----------------------------------------
	Two column layout - extra column 	
	-----------------------------------------	*/	
.content-extra {
	float:left;
	width:222px;
	}

/*	-----------------------------------------
  	Headings
	-----------------------------------------	*/

h1 {
  	font:145%/1.1em  Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ddd;	
	margin:0 0 10px 0;
	padding-bottom:6px;
	background:transparent url(images/bg-dots-h.gif) repeat-x bottom left;
	}

h2 {
  	font:120%/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:5px;
	margin:0 0 10px 0;
	}
	
h3 {
  	font:110%/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B9B9B9;
	padding-top:5px;
	margin:0 0 10px 0;
	}

h4 {
  	font:100%/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#AEADAD;
	padding-top:5px;
	margin:0 0 2px 0;
	}

/*	-----------------------------------------
  	Abstract - short description of page
	-----------------------------------------	*/

.abstract h1, 
.abstract h2,
.abstract h3,
.abstract h4 {
	}
	
.abstract {
	padding:10px;
	padding-bottom:5px;	
	background:#3B3B3B;
	border:1px solid #ff9;
	margin-bottom:10px;
	}

.abstract p {}

/*	-----------------------------------------
  	Error Message Box
	-----------------------------------------	*/

.error {
	padding:10px 10px 5px 40px;
	background:#704F4F url(images/ico-error.gif) no-repeat 10px 12px;
	border:1px solid #F99;
	margin-bottom:10px;
	}
	
.error p {}		

/*	-----------------------------------------
  	Content Pics
	-----------------------------------------	*/

img.pic-content {
	border:1px solid #333;
	margin-bottom:5px;	
	}


/*	-----------------------------------------
  	Side Navigation
	-----------------------------------------	*/
	
.nav-side {
	margin-bottom:10px;
	background:#0A0A0A;
	}

.nav-side h3 {
	font-size:1em;
	margin:0;
	padding:5px 10px;
	background:#0B0B0B url(images/bg-side-nav-header.jpg) repeat-x top left;
	border-bottom:1px solid #000;
	}
	
			

.nav-side ul {
	list-style: none;
	margin:0;
	padding:0;
	}

.nav-side li {
	line-height:normal;
	margin:0;
	padding:5px 10px;
	border-bottom:1px solid #000;	
	}
	
.nav-side li A,
.nav-side li A:visited,
.nav-side li A:active	{
	BACKGROUND: transparent url(images/ico-more.gif) no-repeat left 0.4em;
	padding-left:10px;
	margin:0;
	}

.nav-side li A:hover	{
	BACKGROUND: transparent url(images/ico-more_dn.gif) no-repeat left 0.4em;
	}

/*	-----------------------------------------
  	Page Footer
	-----------------------------------------	*/

.footer {
	overflow:auto;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	width:769px;
	padding-bottom:5px;
	margin:10px 0;
	text-align:center;
	border-bottom:1px solid #0D0D0D;
	text-align:center;
	}

.footer ul { 
	list-style: none;
	margin:0;
	margin-bottom:5px;
	padding:0;
	}
	
.footer ul li {
	display:inline;
	padding:0 5px;
	border-left:1px solid #333;
	font-size:0.85em;
	}

.footer ul li.first {
	border:none;
	}	

.footer p {	
	font-size:0.85em;
	color:#333;
	}
	
.footer a:link,
.footer a:visited,
.footer a:active {
	color:#E9E9E9;
	}
	
.footer a:hover {
	color:#ff6;
	}
	
.web-design a:link,
.web-design a:visited,
.web-design a:active {
	color:#333;
	}	


/* 	-----------------------------------------
	Main Promo 	
	-----------------------------------------	*/
.home-page-banner {}
	
/* 	-----------------------------------------
	More Links 	
	-----------------------------------------	*/

.more A,
.more A:visited,
.more A:active	{
	vertical-align:middle;
	padding-left: 12px;
	BACKGROUND: transparent url(images/ico-more.gif) no-repeat left center;
	}

.more A:hover	{
	BACKGROUND:transparent url(images/ico-more_dn.gif) no-repeat left center;
	}

.term-butts .more {
	margin-left:10px;
	}
	
div.more {
	margin-bottom:10px;
	}
	
/*	-----------------------------------------
  	Forms Fields
	-----------------------------------------	*/

/* Remove extra spacing created by form tag */
FORM {
	margin: 0px;
	padding: 0px
	}

/* Set Standard Form Fiel styles */
.fields-xxl,
.fields-xl,
.fields-l,
.fields-m,
.fields,
.fields-s,
.fields-xs,
.fields-xxs,
.fieldstext
 {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	background:#C1C1C1;
	border:1px solid #333;
	color:#000;
	}

SELECT {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	height:20px;
	background:#C1C1C1;
	color:#000;
	} 

	
.fields-xxl	{width:400px;}
.fields-xl	{width:250px;}
.fields-l 	{width:200px;}
.fields-m 	{width:150px;}
.fields 	{}
.fields-s 	{width:100px;}
.fields-xs 	{width:65px;}
.fields-xxs	{width:22px;}


TEXTAREA  {
	padding: 2px;
	width:400px;
	font-family: Arial, Helvetica, sans-serif;
	background:#999;
	}  
	
TEXTAREA.fields-xxl	{height:100px;}
TEXTAREA.fields-xl	{height:80px;}
TEXTAREA.fields-l 	{height:60px;}
TEXTAREA.fields-m 	{height:50px;}	

/*	-----------------------------------------
  	Forms Tables
	-----------------------------------------	*/

.forms-tb {
	border-collapse:collapse;
	}

.forms-tb th {
	font-size:1.2em;
	}

.forms-tb th, 
.forms-tb td {
	padding:4px 2px;
	text-align:left;
	}

.forms-tb tbody td {}

.forms-tb label
 {
	font-weight:bold;
	font-size:0.9em;
	color:#888;
	padding-right:10px;
	}
	
.term-butts {
	text-align:left;
	}	
	
.hint {
	font-size:0.75em;
	color:#FF66FF;
	}	

fieldset {
	border:none;
	padding:0;
	margin:0 0 10px 0;
	}

/*	-----------------------------------------
  	Forms Buttons
	-----------------------------------------	*/
.but-pg-primary {
	font-weight:bold;
	background:#FFC;
	}
.but-pg-secondry {
	background:#FFC;
	}
.but-pg-cancel {
	background:#FFC;
	}		

/*	-----------------------------------------
  	Links as Forms Buttons
	-----------------------------------------	*/


/*	-----------------------------------------
  	Simple output table
	-----------------------------------------	*/
.simple-tb {
	margin-bottom:10px;
	}

.simple-tb td {
	padding:4px;
	vertical-align:top;
	}	
/*	-----------------------------------------
  	Output Repeater Tables
	-----------------------------------------	*/

.output-tb {
	border-collapse:collapse;
	background:transparent url(images/bg-dots-h.gif) repeat-x top left;
	margin-bottom:10px;
	}
	
.suppliers .output-tb {
	background:none;
	}	

.output-tb td {
	padding:10px 0;
	text-align:left;
	vertical-align:top;
	}

.output-tb th {
	padding-top:5px;
	text-align:left;
	vertical-align:top;
	}

.output-tb tbody td {
	background:transparent url(images/bg-dots-h.gif) repeat-x bottom left;
	}

tbody.alt-tb td	{ /* takes away the bottom border from the product details page */
	background:none;
	}


.output-tb tfoot td {}

/* Specific Output Values */
.output-tb tbody img {
	border:1px solid #333;
	margin-right:10px;
	}
	
	
.output-tb tbody.alt-tb img { /* Output table with image on right */
	border:1px solid #333;
	margin-left:10px;
	margin-right:0;
	}	
	
	
.output-tb img.pic-logo {
	display:block;
	border:none;
	margin:10px 0;
	}	

.output-tb h3 {
	overflow:auto;
	zoom:1;
	padding:0;
	margin:0;
	color:#E9E9E9;
	}

.output-tb h3 small {
	font-weight:normal;
	color:#666;
	}	

/* Puts title and price on one line */
.output-tb .product-title {
	float:left;
	padding-right:10px;
	}
	
.output-tb .product-price {
	float:right;
	}

	
/* Product Statistics */

.stats-minor { 
	color:#BDBDBD;
	margin-bottom:10px;
	font-size:0.9em;
	}
	
.stats-minor .company-name,
.stats-minor .designer,
.stats-minor .date {
	border-left:1px solid #333;
	padding:0 5px;
	}	
.stats-minor .company-name {
	border:none;
	padding-left:0;
	}


/* Major Product Stats Table */	
.stats-major { 
	color:#E9E9E9;
	font-size:1em;
	margin-bottom:10px;
	font-weight:bold;
	}

.stats-major tbody td {
	background:none;
	}	
	
.stats-major td {
	padding:0 10px 4px 0;
	}
.stats-major .text-label {
	color:#BDBDBD;
	font-weight:normal;
	}

ul.subtle {
	list-style:square;
	}
	
ul.subtle li {

	}		
	
/*	-----------------------------------------
  	Shopping Cart
	-----------------------------------------	*/
.shopping-cart {
	margin-bottom:10px;
	padding:5px 0;
	border-top:1px solid #333;
	background:#000;
	}

.shopping-cart h3 {
	padding:0 15px 4px 0;
	margin:0;
	color:#E9E9E9;
	background:transparent url(images/ico-cart-light.gif) no-repeat  95% 0.2em;
	}

/* Quantity and buttons in shopping cart  */
.output-tb .floating-box { 
	overflow:auto;
	zoom:1;
	padding:0;
	margin:0;
	color:#BDBDBD;
	}

.output-tb .product-qty {
	float:left;
	padding:4px 10px 0 0;
	}
	
.output-tb .product-buttons {
	float:right;
	padding-top:4px;
	}

.shopping-cart .term-butts {
	}

.shopping-cart h4 {
	overflow:auto;
	zoom:1;
	padding:0;
	margin:0;
	margin-bottom:10px;
	color:#E9E9E9;
	}

.shopping-cart h4 small {
	font-weight:normal;
	color:#666;
	}	

/* Puts text and price on one line */
.shopping-cart h4 .product-total {
	float:left;
	padding-right:10px;
	}
	
.shopping-cart h4 .product-price {
	float:right;
	}
	
.shopping-cart p.faint {
	text-align:center;
	color:#666666;
	margin:20px 10px;
	}

/*	-----------------------------------------
  	Gallery Repeater Tables
	-----------------------------------------	*/
.gallery-tb {
	border-collapse:collapse;
	background:transparent url(images/bg-dots-h.gif) repeat-x top left;
	margin-bottom:10px;
	}

.gallery-tb td {
	padding:10px 0;
	text-align:left;
	vertical-align:top;
	}

.gallery-tb th {
	padding-top:5px;
	text-align:left;
	vertical-align:top;
	}

.gallery-tb tbody img {
	border:1px solid #333;
	margin:auto;
	}

.gallery-tb tbody td {
	background:transparent url(images/bg-dots-h.gif) repeat-x bottom left;
	}

/**/

/**/	

/*	-----------------------------------------
  	Product Navigation
	details and add to cart links
	-----------------------------------------	*/

.nav-product {
	overflow:auto;
	zoom:1; /* IE Hacks file for 5.5-6 IE 5 needs width or height */
	margin:5px 0;
	text-align:right;
	}

.nav-product ul { 
	list-style: none;
	margin:0;
	padding:0;
	}
	
.nav-product ul li {
	display:inline;
	padding:0;
	padding-left:10px;
	font-size:0.85em;
	}
	
.product-details a:link,
.product-details a:visited,
.product-details a:active {
	padding-right:15px;
	background:transparent url(images/ico-plus.gif) no-repeat right 0.2em;
	}
	
.product-details a:hover {
	background:transparent url(images/ico-plus_dn.gif) no-repeat right  0.2em;
	}	

.product-add a:link,
.product-add a:visited,
.product-add a:active {
	padding-right:15px;
	background:transparent url(images/ico-cart.gif) no-repeat right 0.2em;
	}
	
.product-add a:hover {
	background:transparent url(images/ico-cart_dn.gif) no-repeat right  0.2em;
	}

/*	-----------------------------------------
  	In Content Table
	-----------------------------------------	*/

.content-tb {
	border-collapse:collapse;
	margin-bottom:10px;
	}
	
.content-tb td,
.content-tb th	{	
	padding:5px;
	text-align:left;
	vertical-align:top;
	border:1px solid #000;
	font-size:0.9em;
	}
	
.content-tb td {
	background:#111 url(images/bg-dots-h.gif) repeat-x bottom left;
	border-bottom:none;
	border-top:none;
	}

.content-tb th {
	background:#0B0B0B url(images/bg-side-nav-header.jpg) repeat-x top left;
	}

.content-tb tbody td {}


/*	-----------------------------------------
  	Spacers and Clearing Divs
	-----------------------------------------	*/

.divider {
	display:block;
	height:1px;
	line-height:0;
	margin:0.5em 0;
	border:0;
	border-top:1px dashed #ccc;		
	}
	
/* Clearer div */
.clearer {
	float:left;
	clear:left;
	height:1%;
	line-height: 0; 
	height: 0;
	}	
	
.spacer {
	display:block;
	padding:0;
	height:10px;
	line-height:0;
	}

/*	-----------------------------------------
  	Text that replaces images for printing
	-----------------------------------------	*/
	
div.print-header {
	display:none;
	}
	
/*	-----------------------------------------
  	Home Graphics
	-----------------------------------------	*/
.promo-home {
	border:1px solid #333;
	margin-bottom:10px;
	}

.nav-home-cats {
	width:749px;
	height:140px;
	margin-bottom:10px;
	}


.nav-home-cats img {
	float:left;
	margin-left:10px;
	border:1px solid #333;
	}

.nav-home-cats img.first {
	margin-left:0;
	}
	
.nav-home-cats a:link img,
.nav-home-cats a:active img,
.nav-home-cats a:visited img {
	border:1px solid #333;
	}

.nav-home-cats a:hover img {
	border:1px solid #ff6;
	}	
		
/*	-----------------------------------------
	Admin Specific Styles
	-----------------------------------------	*/
.preview img {
	border:1px solid #333;
	}