html, body, ol, ul, li, dl, dt, dd, img {
  	margin: 0; 
  	padding: 0;
  	border: 0;
	list-style: none;
}

body {
    background-color: #FFFFFF;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

div#outer {
    width: 1000px;
    background-color:#FFFFFF;
    padding: 0px;
    border: 1px solid black;
	margin:0px auto;
	text-align:left;
}

div#header {
	margin: 0px;
	text-align: center;
	border-bottom:1px solid black;
	background-image: url(../images/headerbg.jpg);
	background-repeat: repeat-x;
}

#header a {
	color:#ffffff;
}

div#headerx {
    margin: 0px;
    text-align: center;
	border-bottom:1px solid black;
	background-image: url('headerbg.jpg');
	background-repeat:repeat-x;
}
.headerlogo {
	background-image: url('headerbg.jpg');
	background-repeat:repeat-x;
        width: 100%;
}

#headeruser {
	text-align:left;
	font-size:11px;
	margin-top:15px;
	color:#ffffff;
}

#headeruser a {
	color:#ffffff;
}

#userinfo {
	font-size:18px;
	float:right;
	margin-top:30px;
	margin-right:35px;
	color:#ffffff;
}

#userinfo a {
	color:#ffffff;
}

div#main {
}

div#footer {
    margin: 0px;
	width:100%;
	background-color:#4F1322;
	height:40px;
	border-top:1px solid black;
	text-align:center;
	color:white;
	font-size:10px;
}
/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
   clear:both;
   height:0px;
   margin:0px;
   font-size: 1px;
   line-height: 0px;
}
.brclearright { /* Use a break with this class to clear right float containers */
   clear:right;
   height:0px;
   margin:0px;
   font-size: 1px;
   line-height: 0px;
}
.brclearleft { /* Use a break with this class to clear left float containers */
   clear:left;
   height:0px;
   margin:0px;
   font-size: 1px;
   line-height: 0px;
}

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************* Site *****************/

/* Left Nav */
#navigation td {
	border-bottom: 2px solid #666666;
}

#navigation a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background:  url("../images/mm_bullet_arrow.gif") 14px 50% no-repeat;
}
	
#navigation a:hover {
	background: #666666 url("../images/mm_bullet_arrow.gif") 14px 50% no-repeat;
	color:#CCCCCC;
}

.navText {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFCC00;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.navcolor {
	background-color:#07699a;
}

.pagination {
	font-size:12px;
}

.row1 {
	background-color:#c0c0c0;
}

.categoryrow {
	background-color:#333333;
}

.siteFont {
	font-size:12px ;
}

.sitePadding {
	padding:20px;
}

.notice {
	font-size:14px;
	color:red;
}

li.faq_list {
	text-align:left;
}

li.faq_bullet {
	list-style-type:disc;
}

.faq_item {
	margin-top:10px;
}

.faq_question {
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	border-top:1px solid #d0d0d0;
}

.faq_answer {
	font-size:12px;
	margin-top:5px;
}

.contentOuter {
	text-align:left;
	margin-top:10px;
}

.contentInner {
	padding:10px;
	border:1px solid #d0d0d0;
}

.contentList {
	list-style-type:decimal;
	text-align:left;
}

.tableFont {
	font-size:12px;
}

.packingslipnote {
	font-size:12px;
	color:#8cc63e;
	margin-bottom:10px;
}
/************* Admin *****************/

.adminPadding {
	padding:20px;
}

.adminBorder {
	border:1px solid #c0c0c0;
}

.adminHeader {
	font-size:20px;
	font-weight:bold;
	color:black;
	margin-bottom:10px;
}

.adminSearchBorder {
	margin-bottom:10px;
	border-bottom:1px solid #c0c0c0;
}

.adminFont {
	font-size:12px;
}

.adminHeaderBorder {
	font-weight:bold;
	background-color:#c0c0c0;
}

.adminErrors {
	margin-bottom:10px;
	font-size:12px;
	color:red;
}

.assignedproductsleft {
	width:350px;
	border:1px solid black;
	float:left;
	margin-right:10px;
}

.assignedproductsright {
	width:350px;
	border:1px solid black;
	float:left;
}

.assignedproductstitle {
	width:100%;
	height:25px;
	background-color:#c0c0c0;
	border-bottom:1px solid black;
}

.assignedproductspadding {
	padding-top:2px;
	padding-left:5px;
}

.bogoleft {
	float:left;
	width:300px;
}

.bogoright {
	float:left;
	width:300px;
}

.promoname {
	float:left;
	width:200px;
}

.promodate {
	float:left;
	width:90px;
}

.promofield {
	float:left;
	width:70px;
}

.promodelete {
	float:left;
	width:30px;;
}

#promolist {
	margin:20px 0px 20px 0px;
	font-size:10px;
}

/************* Header *****************/

.headerBanner {
	width:100%;
	background-color:#4F1322;
	height:25px;
	float:left;
	text-align:left;
	color:#FFFFFF;

}

/************* Orders *****************/


#left {
	width:20%;
	float:left;
}

#right {
	width:80%;
	float:left;
	background-color:white;
}

#adminleft {
	width:15%;
	float:left;
}

#adminright {
	width:85%;
	float:left;
	background-color:white;
}


#categorynav {
	padding:10 5px 10px 20px;
	font-size:13px;
}

#categorynav a {
	color:#FFFFFF;
	text-decoration:none;
}

.categorytitle {
	width:40%;
	float:left;
	color:#000000;
}

.productheader {
	font-weight:bold;
}

.qtytextbox {
	width:58px;
	float:left;
	font-size:11px;
}

.nameheader {
	width:300px;
	float:left;
}

.adminnameheader {
	width:220px;
	float:left;
	font-size:12px;
}

.skuheader {
	width:110px;
	margin-left:8px;
	float:left;
}

.adminskuheader {
	width:100px;
	float:left;	
	font-size:12px;
}

.priceheader {
	width:70px;
	float:left;	
}

.adminpriceheader {
	width:50px;
	float:left;	
	font-size:12px;	
}

.productrow {
	font-size:12px;
	padding:5px;
}

.productname {
	width:300px;
	float:left;
	margin-right:10px;
	font-weight:bold;
	margin-bottom:3px;
}

.adminproductname {
	width:220px;
	float:left;
	font-weight:bold;
	margin-bottom:3px;
	font-size:10px;
}

.sku {
	width:110px;
	float:left;
	font-weight:bold;
}

.adminsku {
	width:100px;
	float:left;
	font-weight:bold;	
	font-size:10px;
}

.price {
	width:70px;
	float:left;
	font-weight:bold;
}

.adminprice {
	width:50px;
	float:left;
	font-weight:bold;
	font-size:10px;
}


.textbox {
	width:55px;
	float:left;
}

.subtotal {
	width:150px;
	float:left;
	margin-right:5px;	
	margin-top:3px;
}

.total {
	width:150px;
	float:left;
	margin-top:3px;
}

.custsvcinfo {
	width:60%;
	float:right;
	font-size:12px;
	text-align:right;
}

.custsvcinfo a {
	color:#000000;
}
.cartborder {
	border-bottom:1px solid black;
}

.ordernotes {
	margin-bottom:10px;
	font-size:12px;
}

.busy {
	margin-right:20px;
	margin-top:5px;
	color:gray;	
}

.trackinginfo {
	font-weight:normal;
	font-size:12px;
}

.trackingdiv {
	margin-left:10px;
	font-weight:bold;
	margin-bottom:10px;
}

/************* Shopping Cart *****************/

.shoppingCartPosition {
	width:260px;
	float:left;
	margin-left:10px;
}


.shoppingCartHeader {
	width:100%;
	height:20px;
	background-color:#999999;
	color:white;
	font-size:12px;
}

.shoppingCartHeaderPadding {
	padding:2px 0px 0px 8px;
}

.shoppingCartDisplay {
	width:258px;
	border:1px solid #333333;
	font-size:10px;
}

.shoppingCartPadding {
	padding:5px;
}

/************* Checkout *****************/

.checkoutright {
	width:100%;
	float:left;
	border:1px solid #333333;
	margin-bottom:20px;
}

.checkoutleft {
	width:370px;
	float:left;
	border:1px solid #333333;
	margin-right:10px;
	margin-bottom:20px;
}

.checkoutbutton {
        background-color:#333333;
        color:#FFCC00;
        border:0px;
}

.checkoutbuttonposition {
        float:right;
        text-align:center;
        width:150px;
        height:25px;
        background-color:#333333;
}

.checkoutbuttonpadding {
        padding-top:2px;
}



.admincheckoutbottom {
	width:100%;
	border:1px solid #333333;
	margin-bottom:20px;
}

.admincheckouttop {
	width:100%;
	border:1px solid #333333;
	margin-bottom:20px;
}

.defaultContent {
	width:100%;
	border:1px solid #d0d0d0;
}

.contentBorder {
	border:1px solid #d0d0d0;	
}

.contentRightBorder {
	border-right:1px solid #d0d0d0;	
}

.contentBottomBorder {
	border-bottom:1px solid #d0d0d0;		
}
.contentBackground {
	background-color:#d0d0d0;
}

.color1 {
	background-color:#4C7D7E;
	color:white;
}

.color2 {
	background-color:#806D7E;
	color:white;
}

.color3 {
	background-color:#5E5A80;
	color:white;
}

.color4 {
	background-color:#8467D7;
	color:white;
}

.color5 {
	background-color:#D16587;
	color:white;
}

.color6 {
	background-color:#3EA99F;
	color:white;
}

.color7 {
	background-color:#387C44;
	color:white;
}

.color8 {
	background-color:#F9966B;
	color:white;
}


