/* this css is for templates store style (basic 2)*/
/* color uses
left red nav text #000000
black content text #ffffff 
a link nav #ffffff 
Defines the style for normal unvisited links
visited link #ff0000 
Defines the style for visited links
hover link #9f0101
Defines the style for hovered links. A link is hovered when the mouse moves over it. 
active nav #ffffff
Defines the style for active links. A link becomes active once you click on it 
*/

/*
To change text colors:
ffffff changes all content in light and dark areas
Seperators & borders are 929292

*/

body{
	background-color: #000000;
    margin: 0px;
    padding: 0px;
}

html {
    scrollbar-base-color: #000000;
	scrollbar-track-color: #1a1919;
	scrollbar-face-color: #2f2e2e;
	scrollbar-highlight-color: #2d2d2d;
	scrollbar-3dlight-color: #454444;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #ddcd38;
}

/* this determins the font behavior of the whole site */
p, div, blockquote, dl, ul, ol{
	font-family: Verdana;
	font-size: 12px;
    color: #ffffff;
    text-decoration: none;
	font-weight: normal;
    vertical-align: top;
}

/* Sample table setup */
div#details{
    border: 4px double #ddcd38;
    background-color: #000000;
	width: 250px;
    height: 250px;
	padding: 10px;
}

/* Gallery table setup */
.gallery td{
    border: 4px double #ddcd38;
    background-color: #000000;
	width: 210px;
    height: 210px;
	padding: 5px;
}

div.statement {
	font-family: Verdana;
	font-size: 12px;
    color: #ffffff;
    text-decoration: none;
	font-weight: normal;
    vertical-align: top;
    padding: 10px;
}

/* Border container boxes registration and sign in */
.box {
    border: 1px solid #929292;
}

/* Padding for left side of searchbox */
.search {
    padding-left: 10px;
    align: left;
}

/* Top Navigation Buttons (horizontal) */

.tnav {
	font-family: Verdana;
	font-size: 13px;
    color: #ffffff;
    text-decoration: none;
	font-weight: bold;
    padding: 5px;
    vertical-align: top;
    text-align: right;
    border-bottom: 1px solid #ddcd38;
}

.tnav a {
    font-size: 13px;
    color: #ddcd38;  
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}

.tnav a:visited {
    font-size: 13px;
    color: #8d8792;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}

.tnav a:hover {
    font-size: 13px;
    color: #ffce01;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}

.tnav a:active{
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}

/* End Top Navigation Buttons */

/* Border Joe image */
.misimg {
    padding: 10px;
    margin: 2px;
    width: 450px;
    border: 4px double #ddcd38;
    background-color: #000000;
}
/* End Border Joe image */

/* Cart items link */
.item {
    font-family: Verdana;
    font-size: 10px;
    color: #ddcd38;
    text-decoration: none;
}

.item a {
    font-family: Verdana;
    font-size: 10px;	
    color: #ddcd38;
    text-decoration: none;
}

.item a:visited{
    color: #65ad2f;
    text-decoration: none;
}

.item a:hover{
    color: #ffce01;
    text-decoration: none;
}

.item a:active{
    color: #b70613;
    text-decoration: none;
}
/* End Cart Items */

/* To do away with the border around input buttons change the border color to background for the button nav side */
/*
* this governs the red navigation area for this design *
*/
.signin {
    cursor: pointer; 
    border: 1px solid #000000;
        font-family: Verdana;
    font-size: 12px;	
    color: #cdcdcd;
}

.signin a {	
    color: #ddcd38;
    text-decoration: none;
}

.signin a:visited{
    color: #65ad2f;
    text-decoration: none;
}

.signin a:hover{
    color: #ffce01;
    text-decoration: none;
}

.signin a:active{
    color: #ddcd38;
    text-decoration: none;
}
/*
* END this governs the red navigation area for this design *
*/

/* If you have a second background with buttons use this to change color this is content side */

/*
* this governs the black content area for this design *
*/
.signin2 {
    cursor: pointer; 
    border: 1px solid #000000;
}

.signin2 a {	
    color: #ddcd38;
    text-decoration: none;
}

.signin2 a:visited{
    color: #65ad2f;
    text-decoration: none;
}

.signin2 a:hover{
    color: #ffce01;
    text-decoration: none;
}

.signin2 a:active{
    color: #ddcd38;
    text-decoration: none;
}

/*
* END this governs the black content area for this design *
*/

.billing {
    border: 1px solid #000000;
	font-family: Verdana;
    font-size: 12px;
    color: #cdcdcd;
    font-weight: bold;
    padding: 6px 3px 2px 0px; 
    vertical-align: top;
}
/* End To do away with the border color */

/* Checkout text area */
.formtext {
	font-family: Verdana;
    font-size: 12px;
    color: #cdcdcd;
}

/* Top Navigation Buttons */
.tb {
    border-top: 3px solid #ff0000;
    text-align: right;
}

/* Side Navigation Links & text */

td#snav {
    border: 2px solid #9f0101;
    background-color: #000000;
    background-image: url(images/lnav-bk.gif);
    background-position: bottom;
    background-repeat: no-repeat;
	width: 233px;
	padding: 0px;
    vertical-align: top;
}

.snav {
    font-family: Verdana;
    font-size: 11px;
    color: #cdcdcd;
    font-weight: normal;
    text-decoration: none;
}

.snav a {	
    color: #ddcd38;
    text-decoration: none;
}

.snav a:visited{
    color: #65ad2f;
    text-decoration: none;
}

.snav a:hover{
    color: #ffce01;
    text-decoration: none;
}

.snav a:active{
    color: #ddcd38;
    text-decoration: none;
}
/* Side Navigation Links & text */

img {border: none; } 

/* Image float right */
.simg {
	float: right;
	width: 200px;
    border: 0px;
	margin-left: 20px;
    margin-bottom: 10px;
}

/* Image float left */
.simgl {
	float: left;
	width: 200px;
    border: 0px;
	margin-right: 20px;
    margin-bottom: 10px;
}

h1 {
	font-family: Verdana;
	font-size: 13px;
    color: #cdcdcd;
    text-decoration: none;
	font-weight: bold;
    vertical-align: top;
}

h2 {
	font-family: Verdana;
	font-size: 12px;
    color: #cdcdcd;
    text-decoration: none;
	font-weight: bold;
    vertical-align: top;
}

/* darkest header background */
.hed1 {
    vertical-align: middle; 
    padding: 0px 0px 0px 4px; 
    background-color: #838383; 
    color: #000000;
}

/* lightest header background */
.hed2 {
    height: 20px; 
    background-color: #cdcdcd;
    color; #000000;
}

/* medium header background */
.hed3 {
    height: 25px; 
    background-color: #a7a7a7;
    color; #000000;
}

/* product options list colors */
.hed4 {
    padding: 2px; 
    background-color: #cdcdcd; 
    border-top: solid 1px #000000; 
    font-weight: bold;
}

/* Links Area */
.links {
	font-family: Verdana;
	font-size: 12px;
    color: #cdcdcd;
    text-decoration: none;
	font-weight: normal;
    width: 210px;
    padding: 13px;
    vertical-align: top;
    align: left:
}

.links a {
	font-family: Verdana;
	font-size: 12px;
    color: #ddcd38;
    text-decoration: none;
	font-weight: normal;
}

.links a:visited {
	font-family: Verdana;
	font-size: 12px;
    color: #65ad2f;
    text-decoration: none;
	font-weight: normal;
}

.links a:hover {
	font-family: Verdana;
	font-size: 12px;
    color: #ffce01;
    text-decoration: none;
	font-weight: normal;
}

.links a:active {
	font-family: Verdana;
	font-size: 12px;
    color: #ddcd38;
    text-decoration: none;
	font-weight: normal;
}
/* Links Area */

/* Main Content Area */
.content {
	font-family: Verdana;
	font-size: 12px;
    color: #cdcdcd;
    text-decoration: none;
	font-weight: normal;
    padding: 13px;
    vertical-align: top;
    align: left:
}

.content a {
	font-family: Verdana;
	font-size: 12px;
    color: #ddcd38;
    text-decoration: none;
	font-weight: normal;
}

.content a:visited {
	font-family: Verdana;
	font-size: 12px;
    color: #65ad2f;
    text-decoration: none;
	font-weight: normal;
}

.content a:hover {
	font-family: Verdana;
	font-size: 12px;
    color: #ffce01;
    text-decoration: none;
	font-weight: normal;
}

.content a:active {
	font-family: Verdana;
	font-size: 12px;
    color: #ddcd38;
    text-decoration: none;
	font-weight: normal;
}
/* Main Content Area */

hr.separator{
    height: 1px;
    color: #929292;
    background-color: #929292;
    border: 0px;
}

/* Input Area Information */
input  {
    border: 1px solid #929292; 
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 11px;
    background-color: #000000;
}

select  {
    border: 1px solid #929292; 
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 11px;
    background-color: #000000;
}

textarea  {
    border: 1px solid #929292; 
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 11px;
    background-color: #000000;
}

input[type="checkbox"] {
    border: 1px solid #929292;
    background-color: #000000;
}

input[type="radio" {
    border: 1px solid #929292;
    background-color: #000000;
}

input[type="image"] {
    border: 1px solid #929292;
    background-color: #000000;
}

input[type="button"]{
    border: 1px outset #929292; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    background-color: #000000;
}

input[type="submit"]{
    border: 1px solid #929292; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #000000;
}
/* Input Area Information */

/* Misc Table Borders */
.tborders {
     border: solid 1px #929292; 
     padding: 14px;
}

/* Page Title Style */
.PageTitle {
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

/* Your Shopping Cart Text Style */
.ShoppingCartText{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ShoppingCartText a:link{
    color: #ddcd38;
    text-decoration: none;
}

.ShoppingCartText a:hover{
    color: #ffce01;
    text-decoration: none;
}

/* Required Style */
.Required {
    color: red;
}

/* Error Style */
.Error {
    color: red;
}

/* Store Closed Style */
.StoreClosedText {
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

/* Larger Image Text Styles */
.LargerImageLink{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
}

.LargerImageLink a:link {
    font-family: Verdana, Tahoma;
    color: #ddcd38;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.LargerImageLink a:hover{
    color: #ffce01;
    text-decoration: none;
}

/* Copyright & Navigation Footer */
.footer {
	font-family: Verdana;
	font-size: 10px;
    color: #ffffff;
    text-decoration: none;
	font-weight: normal;
    padding: 2px;
    vertical-align: top;
    text-align: right;
}

.footer a:link {
  font-size: 10px;
  color: #ddcd38;
  text-decoration: none;
  padding: 0px 10px;  
}

.footer a:visited {
  font-size: 10px;
  color: #65ad2f;
  text-decoration: none;
  padding: 0px 10px;  
}

.footer a:hover {
  font-size: 10px;
  color: #ffce01;
  text-decoration: none;
  padding: 0px 10px; 
}

.footer a:active {
  font-size: 10px;
  color: #ddcd38;
  text-decoration: none;
  padding: 0px 10px; 
}

.footerc {
	font-family: Verdana;
	font-size: 10px;
    color: #ffffff;
    text-decoration: none;
	font-weight: normal;
    padding: 2px;
    vertical-align: top;
}

.footerc a:link {
  font-size: 10px;
  color: #ddcd38;
  text-decoration: none;
  padding: 0px 10px;  
}

.footerc a:visited {
  font-size: 10px;
  color: #65ad2f;
  text-decoration: none;
  padding: 0px 10px;  
}

.footerc a:hover {
  font-size: 10px;
  color: #ffce01;
  text-decoration: none;
  padding: 0px 10px; 
}

.footerc a:active {
  font-size: 10px;
  color: #ddcd38;
  text-decoration: none;
  padding: 0px 10px; 
}

/* End Copyright & Navigation Footer */

/* Product Images Styles BEGIN */
.ProductImages {
    padding: 0px;
    margin: 2px;
    width: 100%;
    border: 4px double #9f0101;
    font-family: Tahoma, Verdana;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    background-color: #000000;
    text-align: left;
}
.ProductImages TH{
	padding: 2px;
	background-color: #000000;
}
.ProductImages IMG{
	padding: 10px;
	border: 4px double #9f0101;
}
.ProductImages IMG:hover{
	padding: 10px;
	border: 4px double #9f0101;
}
/*
 * Product Images Styles END
 */
 
 
/*
 * Main Styles END
 */

/*
 * Category Styles BEGIN
 */
.CategoryName{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.CategoryName a{
    color: #ffffff;
    text-decoration: underline;
}

.CategoryName a:hover{
    color: #ffce01;
}

.CategoryDescription{
    color: #ffffff;
    font-family: Verdana, Tahoma;
    font-size: 11px;
    font-weight: normal;
}
/*
 * Category Styles END
 */

/*
 * Product Styles BEGIN
 */
.ProductName{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.ProductName a{
    color: #ffffff;
    text-decoration: none;
}

.ProductName a:hover{
    color: #ffce01;
    text-decoration: none;
}

.ProductDescription{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
}

.ProductPrice{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

.ProductOptionsTitle{
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

.ProductOptions{
    font-family: Verdana, Tahoma;
    color: #ffffff; 
    font-size: 11px;  
    font-weight: normal;
    text-align: left;
}

.ProductOptions input,
.ProductOptions textarea,
.ProductOptions select{
}
/*
 * Product Styles END
 */

/*
 * Breadcrumb Styles BEGIN
 */
.Breadcrumb {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
}

.Breadcrumb a{
    color: #ffffff;
    text-decoration: underline;
}

.Breadcrumb a:hover{
    color: #ffce01;
}
/*
 * Breadcrumb Styles END
 */

/*
 * NavigationBar Styles BEGIN
 */
.NavigationBar {
    font-family: Verdana, Tahoma;
    color: #fff;
    font-size: 12px;
    padding: 0px;
    margin: 2px;
    width: 180px;
}

.NavigationBar table td{
    font-family: Verdana, Tahoma;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.NavigationBar table td.Empty {
    padding: 7px;
    font-weight: bold;
    text-align: center;
}

.NavigationBar table td.LevelDefault{
    font-family: Verdana, Tahoma;
    color: #fff;
    font-size: 12px;
    padding: 1px 0px 5px 60px;
}

.NavigationBar table td.LevelDefault a{
    color: #ddcd38;
    text-decoration: none;
}

.NavigationBar table td.LevelDefault a:hover{
    color: #ffce01;
}

.NavigationBar table td.Level1{
    font-family: Verdana, Tahoma;
    color: #fff;
    font-size: 12px;
    padding: 1px 0px 5px 20px;
    font-weight: bold;
}

.NavigationBar table td.Level1 a{
    color: #ddcd38;
    text-decoration: none;
}

.NavigationBar table td.Level1 a:hover{
    color: #ffce01;
}

.NavigationBar table td.Level2{
    padding: 1px 0px 5px 40px;
}

.NavigationBar table td.Level2 a{
    color: #fff;
    text-decoration: none;
}
.NavigationBar table td.Level2 a:hover{
    color: #ffce01;
}

.NavigationBar table td.Selected{
    background-color: #1b1b1b;
}

.NavigationBar table td.Selected a{
    color: #9fd213;
    text-decoration: none;
}

.NavigationBar table td.Selected a:hover{
    color: #ffce01;
}
/*
 * NavigationBar Styles END
 */


/*
 * Subcategories List Styles BEGIN
 */
.Subcategories{
    padding: 0px;
    margin: 2px;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

/* the following styles are inherited from .CategoryName */
.Subcategories .CategoryName{
    padding: 2px;
}

.Subcategories .CategoryName a{
}

.Subcategories .CategoryName a:hover{
}
/*
 * Subcategories List Styles END
 */

/*
 * Product List Styles BEGIN
 */
.ProductList{
    padding: 0px;
    margin: 2px;
    width: 100%;
    vertical-align: top;
}

.ProductList table td{
    vertical-align: top;
}

.ProductList .Empty{
    padding: 30px 0px 40px 0px;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* the following styles are inherited from Category Styles */
.ProductList .CategoryName{
}

.ProductList .CategoryDescription{
    padding-top: 6px;
}

/* the following styles are inherited from Product Styles */
.ProductList .ProductName{
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}

.ProductList .ProductDescription{
    padding: 10px;
}

.ProductList .ProductPrice{
    padding: 5px;
    text-align: center;
}
/*
 * Product List Styles END
 */

/*
 * Paginator Dropdown Styles BEGIN
 */
.PaginatorDropdown {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px; 
    background-color: #000000;
    text-align: left;
}

.PaginatorDropdown select{
}
/*
 * Paginator Dropdown Styles END
 */

/*
 * Paginator Styles BEGIN
 */
.Paginator {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px; 
    background-color: #000000;
    text-align: right;
}

.Paginator a{
    color: #ffffff;
    text-decoration: underline;
}

.Paginator a:hover{
    color: #ffce01;
    text-decoration: underline;
}
/*
 * Paginator Styles END
 */
 
/*
 * Product Info small image
 */
.psmimg {
    border: 4px double #ddcd38;
    width: 140px;
}

/*
 * Product Info Styles BEGIN
 */
.ProductInfo {
    padding: 0px;
    margin: 2px;
    width: 100%;
    border: 1px solid #929292;
    font-family: Verdana, Tahoma;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
}

/* the following styles are inherited from Product Styles */
.ProductInfo .ProductName {
    padding: 6px;
}

.ProductInfo .ProductDescription {
}

.ProductInfo .ProductPrice {
    padding-bottom: 7px;
}
/*
 * Product Info Styles END
 */

/*
 * Shopping Cart Styles BEGIN
 */
.ShoppingCart {
    padding: 0px;
    margin: 2px;
    width: 100%;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ShoppingCart .Empty{
    padding: 30px 0px 40px 0px;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.ShoppingCart input{
}
/*
 * Shopping Cart Styles END
 */

/*
 * Search Result Styles BEGIN
 */
.SearchResult {
    padding: 0px;
    margin: 2px;
    width: 100%;
}

.SearchResult .Empty{
    padding: 30px 0px 40px 0px;
    text-align: left;
    font-family: Verdana, Tahoma; 
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.SearchResult .Highight {
    background-color: #b2b2b2;
}

.SearchResult .ProductName {
    padding: 0px;
    padding-bottom: 5px;
    text-align: left;
}

/* the following styles are inherited from Product Styles */
.SearchResult .ProductName a{
}

.SearchResult .ProductName a:hover{
    color: #ffce01;
}

.SearchResult .ProductDescription {
}

.SearchResult .ProductDescription a {
    color: #ffffff;
    text-decoration: none;
}

.SearchResult .ProductDescription a:hover {
    color: #ffce01;
}

.SearchResult .ProductNumber {
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}
/*
 * Search Result Styles END
 */

/*
 * Checkout Styles BEGIN
 */
.Checkout {
    padding: 0px;
    margin: 2px;
    width: 100%;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Checkout .Title {
    padding: 12px 0px 5px 15px;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold; 
    text-align:left;
}

.Checkout .Block {
    padding: 15px;
    border: 1px solid #929292;
}

.Checkout .ColumnTitle {
    white-space: nowrap;
    color: #ffffff;
    font-weight: bold;
}

.Checkout .ColumnValue {
}

.Checkout .TotalLabel {
    white-space: nowrap;
    padding-right: 7px;
    font-weight: bold;
}

.Checkout .TotalValue {
    font-weight: bold;
}

.Checkout .Left {
    text-align:left;
}

.Checkout .Right {
    text-align:right;
}

.Checkout .Center {
    text-align:center;
}

.Checkout input.Normal,
.Checkout textarea.Normal,
.Checkout select.Normal {
}

.Checkout input.Error ,
.Checkout textarea.Error,
.Checkout select.Error {
    border: 1px solid red;
}

.Checkout select.Short {
    width: 100px;
}

.Checkout .Required {
}

.Checkout .Error {
}

.Checkout .Errors {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}

.Checkout .Empty {
    padding: 30px 0px 40px 0px;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.Checkout .ImpossibleToComputeShippingCost {
    padding: 20px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/*
 * Checkout Styles END
 */