body {
	background-color: #090000;
}
hr {
    background-color:#d6b239;
    color:#d6b239;
    height:1px;
}
img {
	border:0;
}
img.bordered {
    border:solid 1px #966930;
}
th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
    color:#d6b239;
}

#TopNav {
	background-image:url(images/bg-top-nav.gif); 
	background-repeat:repeat-x; 
	height:37px;
	text-align:center;
	padding:5px 0 0 5px;
}
#TopNav .sep{
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
    color:#d6b239;
}
#TopNav span {
	padding-right:10px;
}
#TopNav a {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
}
#TopNav a:link, #TopNav a:visited {
    text-decoration:none;
    color:#d6b239;
}
#TopNav a:link:hover, #TopNav a:visited:hover {
    text-decoration:none;
    color: #984e16;
}

#Content {
	background-color:#101009;
	padding:10px 10px 10px 20px;
}
#Content a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
}
#Content a:link, #Content a:visited {
    text-decoration:none;
    color:#d6b239;
}
#Content a:link:hover, #Content a:visited:hover {
    text-decoration:none;
    color: #984e16;
}

#Content #Articles a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
}
#Content #Articles a:link, #Content #Articles a:visited {
    text-decoration:none;
    color:#966930;
}
#Content #Articles a:link:hover, #Content #Articles a:visited:hover {
    text-decoration:none;
    color: #d6b239;
}

#ClientList {
	background-color:#0c0c07;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#a57e49;
	height:100%;
	vertical-align:top;
    padding-bottom:50px;
}
#ClientList h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7f360e;
	padding:0 40px;
	background-image:url(images/icon-Client-List.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0;
}
#ClientList ul {
	list-style:none;
	margin:0;
	padding-left:0px;
}
#ClientList ul li{
	white-space:nowrap;
	padding:5px 0 5px 0
}
#ClientList b {
	color:#939475;
}
#scrollingContainer{
	width:140px;	/* 170 pixels in width */
	height:200px;	/* Height of box */
	
	/*border:1px solid #000;	 Black border around box */
	/*background-color: #E2EBED;	 Light blue background color */

	/*padding:2px;	 A little bit of space between border of box and text inside */
	/*float:left;	 I want the text to wrap around the box */
	/*margin-right:10px;	 Right margin of 10 pixels */
	/*font-size:0.9em;	 Smaller font size than the rest of the page */
	
	overflow:hidden;	/* Hide overflow content */
}
#PageBody {
	background-color:#1a1a0e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#966930;
	height:100%;
	vertical-align:top;
	padding:15px 20px 15px 15px;
}
#PageBody h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#b8450f;
	padding:0 0 0 40px;
	background-image:url(images/icon-Page-Body.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0;
}
#PageBody h1 em {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7f360e;
	font-style:italic;
}
#Footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555552;
	text-align:right;
	width:703px;
	margin-left:auto;
	margin-right:auto; 
}
#Footer a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}
#Footer a:link, #Footer a:visited {
    text-decoration:none;
    color:#555552;
}
#Footer a:link:hover, #Footer a:visited:hover {
    text-decoration:none;
    color: #FFFFFF;
}

    .StoreNav {
        margin-bottom:2em;
    }
    .StoreNav ul {
        list-style:none;
        margin:0;
        padding:0;
    }
    .StoreNav ul li {
        list-style:none;
        margin:0 0 2px 0;
    }
    .StoreNav ul li a{
        display:block;
        padding:4px 5px;
        background-color:#5c0e0a;
        margin-bottom:2px;
        color:#D6B239;
        text-decoration:none;
        width:100%;
    }
    html>body .StoreNav ul li a{
        width:auto;
    }
    .StoreNav ul li a:hover{
        text-decoration:underline;
    }
    .StoreNav .CartCount {
        margin-top:1em;
        background: #390d0a url(/store/images/shopping-cart-btn.jpg) no-repeat 20px 5px;
        height:30px;
    }
    .StoreNav .Cart a, .StoreNav .CartCount a{
        display:block;
        padding:8px 0 0 50px;
        color:#ca3577;
        text-decoration:none;
        font-weight:bold;
    }
    html>body .Cart a,  html>body .CartCount a{
        width:auto;
    }
    .StoreNav .Cart a:hover, .StoreNav .CartCount a:hover{
        text-decoration:underline;
    }
    
    .category-container {
	    width: 50%;
	    float: left;
	    height:210px;
	    text-align: center;
    }
    .category-container div {
	    text-align: center;
	    font-weight: bold;
	    padding:10px 0;
	    width:190px;
	    background:#202020;
	    border:solid 1px #313131;
    }
    .category-container div img {
        border:solid 2px #5c0e0a;
        margin-bottom:.5em;
    }
    .category-container div a{
        text-decoration:none;
    }
    .category-container div a:hover{
        text-decoration:underline;
    }
    
    .product-container {
        margin-bottom:2em;
        background:#330a08;
        border:solid 1px #6f3412;
        padding:5px;
        color:#fff;
    }
    .product-container .product-desc h2 {
	    color: #d6b13c;
	    font-weight: bold;
	    font-size:1.1em;
	    background-color:#5c0e0a;
	    padding:5px;
	    margin-top:0;
    }
    .product-container .product-image img {
        margin-bottom:.5em;
    }
    .product-container div a{
    }
    .product-container div a:hover{
        text-decoration:underline;
    }
    
    #NewsletterBlock {
        padding:0 0 20px 0;
        background:#282828;
        text-align:center;
    }
    #NewsletterBlock h2{
        text-align:left;
        background:#330a08; 
        font-weight:bold; 
        font-size:1.2em;
        color:#949374;
        display:block;
        margin:0 0 0 0;
        padding:.25em 0 .25em 20px;
    }
    
  .subcolumns { width: 100%; overflow:hidden; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

