@charset "utf-8";
/*Zenfront Style Sheet V1 */
body {margin: 0px auto 0px auto; font-family: Verdana, Arial, Sans-Serif; font-size: 12px}
table {border: none; font-family: Verdana, Arial, Sans-Serif; font-size: 12px}
tr {vertical-align: top}
img {border: none}
form {margin: 0px; padding: 0px}
hr {height: 1px; background: #666666; color: #666666; border: none; clear: both}
a {color: #4b669d;}

#overDiv {position:absolute; visibility:hidden; z-index:5000}

#wrapper {margin: auto; width: 784px}

#masthead {width: 100%;}
#masthead #phone {margin: 10px 0px 15px 0px; padding-bottom: 10px; text-align: right; border-bottom: solid 1px #666666}

#masthead #userArea {width: 200px; float: right; font-size: 11px}
#masthead #userArea table {font-size: 11px}
#masthead #userArea .name {text-align: right}
#masthead #userArea .links {float: right}
#masthead #userArea .links .link {}
#masthead #userArea #cart {float: left}
#masthead #userArea #cart .link {}
#masthead #userArea #cart .items {}
#masthead #userArea #cart .total {}
#masthead #userArea #loginForm {display: none}

#masthead #logo {float: left; padding: 0 0 5px; min-height: 40px;}

#search {clear: both; width: 284px; height: 40px; float: right; background: #666666}
#search #content {padding: 10px 12px 0px 0px; text-align: right}
#search #content a {color: #FFF;}
#searchinput {width: auto;}

#navigation {width: 500px; height: 40px; margin-bottom: 10px; float: left; background: #666666}
#navigation #content {padding: 0px}
#navigation #content ul {margin: 0px; padding: 0px; font-size: 11px}
#navigation #content ul li {}

#stepMeter {clear: both; width: 100%; display: none}
#stepMeter #content {}

#breadCrumb {clear: both; width: 100%; margin: 10px 0px 10px 0px}
#breadCrumb #content {}

#middle {clear: both; width: 100%}
#middle #statusMSG {}

#middle #shop {}

#middle #left {width: 160px; padding-right: 10px; float: left}
#middle #left #content {}

#middle #center {width: 402px; padding: 0px 10px 0px 10px; float: left; border: solid 1px #666666; border-top: none; border-bottom: none}
#middle #center h1 {font-size: 18px; font-weight: bold; color: #666666}
#middle #center h2 {font-size: 14px; font-weight: bold; color: #666666}
#middle #center h3 {font-size: 12px; font-weight: bold; color: #666666}
#middle #center h4 {font-size: 10px; font-weight: bold; color: #666666}
#middle #center #content {}

#middle #right {width: 180px; padding-left: 10px; float: left}
#middle #right #content {}

#footer {clear: both; width: 100%; margin-top: 40px; padding-top: 40px}
#footer #content {padding-top: 10px; text-align: center; border-top: solid 1px #666666}

#productList {margin: auto; clear: both}
#productList .product {margin-right: 20px; float: left; text-align: center; font-weight: bold}
#productList .image {width: 165px; height: 165px; margin-top: 5px; margin-bottom: 10px}
#productList .product table {margin-bottom: 5px}

.homeProduct-image {margin-top: 5px}

.textSmall {font-size: 11px}
.textXSmall {font-size: 10px}

#homePage {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #666666}

#category {}
#category .wrapper {display: block;} 
#category .image {float: left; width: 50%;}p
#category .description {float: right; width: 50%;}

#featuredProduct {}
#featuredProduct h2 {font-size: 14px; font-weight: bold; color: #666666}
#featuredProduct .wrapper {}
#featuredProduct .image {float: left; padding-right: 10px; border: none}
#featuredProduct .name {font-weight: bold}
#featuredProduct .description{padding: 5px 0px 5px 0px}
#featuredProduct .link{}

#catProducts {clear: both; padding-top: 10px}
#catProducts h2 {font-size: 14px; font-weight: bold; color: #666666}
#catProducts .wrapper {margin-top: 10px; border-top: solid 1px #666666}

#apparel #right {display: none}
#apparel #center {width: 582px}
#apparel .image {float: right; padding-left: 10px; width: 350px; }
#apparel .name {font-size: 14px; font-weight: bold; color: #666666}
#apparel .description {padding: 10px 0px 20px 0px}
#apparel .sku {font-size: 10px; text-align: right}
#apparel .sku p {margin: 5px 0px 5px 0px}
#apparel .price {margin: 10px 0px 10px 0px; font-size: 12px; font-weight: bold}
#apparel .paging {margin: 10px 0px 10px 0px; float: right}
#apparel .selector {}
#apparel .discountprice, #apparel .discountprice table {font-size: 10px; }
#apparel .qty {margin-top: 10px}
#apparel #controlswrap {font-size: 10px; width: 205px;}
#apparel #controlwrap #controler {}
#apparel #controlwrap #controler #position {}
#apparel #controlwrap #controler .controlbox {font-size: 10px}
#apparel .fr {float: none}
#apparel #Color {height: 150px; width: 185px; overflow-y: auto; overflow-x: hidden; scroll: auto; border: 1px #666666 solid; }

#print #left {display: none}
#print #right {display: none}
#print #center {width: 784px}
#print #center h1 {font-size: 14px; font-weight: bold; color: #666666}
#print .submit {border: none}
#print .printOptions {width: 200px; float: left}
#print .printOptions .formtable .field {font-weight: bold; white-space: nowrap}
#print .printOptions .formtable p {margin: 0px; padding: 0px}
#print .printOptions br {display: none}
#print .image {float: right; padding-left: 10px; text-align: center}
#print .image .back {margin-top: 20px}
#print .productInfo {clear: both; padding-top: 20px; border-top: solid 1px #666666}
#print .productInfo .name {font-size: 14px; font-weight: bold; color: #666666}
#print .productInfo .description {margin: 10px 0px 20px 0px}
#print .productInfo .price {margin: 10px 0px 10px 0px}
#print .productInfo .qty {margin-top: 10px}
#print .paging {margin: 10px 0px 10px 0px; float: right}

/*money mailer workflow*/
#mailer #left {display: none}
#mailer #right {display: none}
#mailer #center {width: 774px; border: none}
#mailer #center h1 {font-size: 14px; font-weight: bold; color: #666666}
#mailer .submit {border: none}
#mailer .printOptions {width: 300px; float: left}
*html #mailer .printOptions {width: 250px}
#mailer .printOptions .formtable .field {font-weight: bold; white-space: nowrap}
#mailer .printOptions .formtable p {margin: 0px; padding: 0px}
#mailer .printOptions br {display: none}
* html #mailer .printOptions br {display: block;}
#mailer .coupon_selector {height: 100px; width: 245px; position: relative; display: block; overflow-y: auto; overflow-x: hidden; scroll: auto; border: 1px #666666 solid; }
#mailer .image {width: 474px; float: right; text-align: center; vertical-align: top;}
#mailer .image .back {margin-top: 20px}
#mailer .productInfo {clear: both; padding-top: 30px; border-top: solid 0px #666666}
#mailer .productInfo .name {font-size: 14px; font-weight: bold; color: #666666}
#mailer .productInfo .description {width: 650px; margin: 10px 0px 0px 0px; float: left}
#mailer .productInfo .price {margin: 10px 0px 10px 0px}
#mailer .productInfo .qty {margin-top: 10px}
#mailer .paging {margin: 10px 0px 10px 0px; float: right}
#mailer #instructions {margin: 10px 0px 10px 0px;}
#mailer #statewrap {float: left; width: 200px; margin: 0px 0px 0 5px; text-align: left;}
#mailer #statelist {height: 450px; overflow-x: hidden!important; overflow-y: auto!important; text-align: left; border: 1px #666666 solid;}
#mailer #areawrap {float: right; width: 510px; margin: 0px 0px 0 5px; text-align: left;}
#mailer #arealist {height: 100px; overflow-x: hidden!important;	overflow-y: auto!important; text-align: left; border: 1px #666666 solid; padding: 3px;}
#mailer #zonewrap {float: right; width: 510px; margin: 0px 0px 0 5px; padding: 0px 0px 0; text-align: left;}
#mailer #zonelist {height: 300px; overflow-x: hidden!important;	overflow-y: auto!important; text-align: left; border: 1px #666666 solid; padding: 2px;	line-height: 1.2em;}

#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {background:#b3b3b3;}
#dropMenu {margin:0px auto 0px auto; text-align:center; z-index:1000; position:relative;}
#dropMenu ul {margin: 0px; padding: 0px}
#dropMenu li {position: relative; list-style: none; margin: 0px; float: left}
#dropMenu ul.level1 {margin:0px auto 0px auto; text-align:center; background: #666666; height:40px; z-index:1000;}
#dropMenu li:hover {}
#dropMenu li.submenu:hover {background: #b3b3b3}
#dropMenu li a {display:block; padding:12px 10px 15px 10px; text-decoration:none; color:#fff; text-align:center}
#dropMenu ul a {width: auto;}
#dropMenu ul ul {position: absolute; width: 125px; display: none;}
#dropMenu ul ul li {border-bottom: 1px solid #fff; width: 125px;}
#dropMenu ul.level1 li.submenu:hover ul.level2, 
    #dropMenu ul.level2 li.submenu:hover ul.level3,
    #dropMenu ul.level3 li.submenu:hover ul.level4,
    #dropMenu ul.level4 li.submenu:hover ul.level5 {display:block; z-index:1000;background: #b3b3b3}
#dropMenu ul.level2 {background:#666666; z-index:1000;}
#dropMenu ul.level3, #dropMenu ul.level4, #dropMenu ul.level5 {top: 0; left: 125px; background:#000}
#dropMenu ul.level2 a {padding: 3px 0px 3px 3px; color: white; text-transform:none; text-align: left; background: #b3b3b3}
#dropMenu ul.level2 a:hover {color:#666666; background: #b3b3b3}

.boxAwrap {width: 300px; margin-right: 20px; float: left}/*get rid of this when we find the file from nate*/
.boxAwrap h2 {font-size: 14px; font-weight: bold; color: #666666}
.boxAwrap .reglink {margin: 10px 0px 10px 0px}

/* categories box parent and child categories and extra links */
.blockContent {text-decoration: none}

.blockContent a {text-decoration: none}

.blockContent ul 
{
    margin: 0px;
	padding: 0px;
	list-style: none;
}

.sideBoxTotal
{
	border-width: 2px 0 0;
	border-style: solid;
	border-color:#666666;
	padding: 3px;
	margin-top: 3px;
	font-weight: bold;
	font-size: 1.2em;
}
.sideBoxQuantity
{
	font-weight: bold;
}
.newItemInCart
{
	color: red;
	font-weight: bold;
}
#cartLink
{
	margin-top: 10px;
	padding: 2px;
	border-top: 1px #666666 solid;
	text-align: right;
}
.category-top
{
    color: #666666;
	font-weight: bold;
	margin-bottom: 5px;
}

.category-top-selected
{
	color: #666666;
	font-weight: bold;
	margin-bottom: 5px;
}
.category-top-nosubs
{
	color: #666666;
	font-weight: bold;
}

.category-top a, .category-links a {
  font-weight: bold;
}

.category-products
{
	margin-left: 5px;
	margin-bottom: 5px;
}
.category-products a
{
	display: block;
}
.category-subs
{
	font-weight: normal;
	padding: 5px;
}
.category-subs a
{
	font-weight: normal;
  	text-decoration: none;
	margin-left: 5px;
}
.category-top .category-subs-parent 
{
	padding-left: 0px;
	font-weight: bold;
	margin-left: 5px;
	color: #666666;
}
.category-top-selected .category-subs-parent 
{
	padding-left: 0px;
	font-weight: bold;
	margin-left: 5px;
	color: #4b669d;
}
.category-subs-selected 
{
  color: #666666;
  margin-left: 5px;
}

.pageresults-wrap {margin-top: 20px; clear: both; text-align: center}
.pageresults {display: none;}

.termsconditions {font-weight: bold}
.termsdescription {font-style: italic}
.error {color: }
.heading {font-weight: bold}

.ot-total-Text {font-weight: bold}
.ot-total-Amount {font-weight: bold}

.subtotal {}

.pageHeading {}
.messageStackError {color: }
.messageBox {   }
.messageStackError, .messageStackWarning { background-color: #ff797c; color: #ffffff; padding: 2px; border: 1px solid #EBEBEB; }
.messageStackSuccess {   background-color: #b3ffa8; padding: 2px; border: 1px solid #EBEBEB; }
.messageStackCaution { font-family: "trebuchet MS", Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFFF00; }



.stockWarning {font-weight: bold}

#shoppingCart {width: 768px}
#shoppingCart .productListing {}
#shoppingCart .productListing .data {}
#shoppingCart .productListing .data .name {font-weight: bold}
#shoppingCart .productListing .data .price {}
#shoppingCart .name {}
#shoppingCart .even {background: #fff}
#shoppingCart .odd {background: #666666}
#shoppingCart .heading {color: #FFF; font-weight: bold; background: #666666}
#shoppingCart .subtotal {font-weight: bold}
#shoppingCart .totals {margin: 20px 0px 20px 0px}

#approve #center {width: 582px}
#approve #center h1 {font-size: 14px; font-weight: bold; color: #666666}
#approve #column {text-align: center}

#IconOptions, #icon_options,
#IconOptions2, #icon_options2,
#IconOptions3, #icon_options3,
#IconOptions4, #icon_options4,
#IconOptions5, #icon_options5
{
        overflow: hidden;
        scroll: left;
        margin: 0;
        padding: 0px;
        float: left;
        vertical-align: middle;
        position: relative;
        text-align: center;
}
#IconOptions span, #icon_options span,
#IconOptions2 span, #icon_options2 span,
#IconOptions3 span, #icon_options3 span,
#IconOptions4 span, #icon_options4 span,
#IconOptions5 span, #icon_options5 span
{
        margin-left: 10px;
}
* html #IconOptions span, #icon_options span,
* html #IconOptions2 span, #icon_options2 span,
* html #IconOptions3 span, #icon_options3 span,
* html #IconOptions4 span, #icon_options4 span,
* html #IconOptions5 span, #icon_options5 span
{
        margin-left: 0px;
}
#IconOptions input, #icon_options input,
#IconOptions2 input, #icon_options2 input,
#IconOptions3 input, #icon_options3 input,
#IconOptions4 input, #icon_options4 input,
#IconOptions5 input, #icon_options5 input
{
        display: none;
        vertical-align: middle;
        position: relative;
        text-align: center;
        width: 0px;
}
#IconOptions img, #icon_options img,
#IconOptions2 img, #icon_options2 img,
#IconOptions3 img, #icon_options3 img,
#IconOptions4 img, #icon_options4 img,
#IconOptions5 img, #icon_options5 img
{
        background: #FFF;
        border: 0px #333333 solid;
        padding: 1px;
        margin: 0 10px;
        vertical-align: middle;
        position: relative;
        text-align: center;
}

.logoPicker {border: 1px #666666 solid; padding: 2px; margin: 2px; text-align: center; margin-top: 10px;}
#logoList {margin-top: 10px;}
#logoList a {display: block; margin: 5px 0 5px;}
#logoList a:hover {border: 1px #666666 solid; background: #b3b3b3;}


/*-------Form Styles-------*/
form {margin: 0px;}
.xo-block .formButtons {text-align:	center; padding: 3px;}

label{}

.xo-formfield {margin-bottom:	.2em;}
.xo-formbuttons {
	padding-top:	3px;
	padding-left:	5px;
}

.xo-formfield.required label:after {
	content:		'*';
	color:			#ff0000;
}
select[name=timezone_offset] {
	font-size: 90%;
}
.mini .field input
{
	font-size: 14px;
}
.mini .field label {}
input[type=text], input[type=password], textarea {
	border: 1px solid #666666;
	background-color: #fff;
	max-width: 250px;
}
input[type=text], input[type=password]
{
	padding: 2px;
}

*html input
{
	width: 125px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color: #666666;
	outline: 1px solid #666666;
	background-color: #b3b3b3;
}

select {
        border: 1px solid #666666;
        background-color: #fff;
        font-size: 1.1em;
	font-size: 14px;
	width: 255px;
}

* html .edit {width: 200px}

.buttons {
	position: relative;
	float: left;
	text-align: left;
	margin: 2px;
	height: 22px;
	overflow: hidden;
	vertical-align: top;
	padding: 0px 0;
}
.buttonsr {
	text-align: left;
	margin: 0 8px;
	vertical-align: top;
	padding: 0px 0;
	position: relative;
	float: right;
	width: 50%;
}

.buttons img {
	display: inline!important;
}
.buttons .btn { font-size: 16px; margin-top: 2px;
	}	
.ctr {font-size: 16px;
	margin: 0 0 10px;}	
.ctr label {font-weight: bold;font-size: 14px;
	display:inline;}
#summary caption {text-align:left}
#summary {width: 10px;}
#summary th {text-align:left;}
.button-bar {padding: 10px;}

.formButton button 
{
    text-decoration: none;
    border-top: 2px solid #f0f0f0;
    border-left: 2px solid #f0f0f0;
    border-right: 2px solid #b0b0b0;
    border-bottom: 2px solid #b0b0b0;
    line-height: 24px;
    font-weight: bold;
    color: white;
    padding: 2px 4px 2px 4px;
}

input[type=button]
{
	padding: 0;
}
input[type=image]
{
	padding: 0px 4px;
}
input[type=submit]
{
	padding: 0px 4px;
}

.btn, .formButton
{
        background: #4b669d;
        color: #fff;
        text-transform: uppercase;
        border-top: solid 1px #fff;
        border-left: solid 1px #fff;
        border-right: solid 1px #666666;
        border-bottom: solid 1px #000;
	text-decoration: none;
    padding: 2px 4px 2px 4px;

}
.btn:hover, .formButton:hover
{
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}
.btnM {padding: 5px;
	background: #C1D82F;
	color: #000;
	border-color: #222;
	font-size: 16px;}
.btnB {padding: 5px;
	background: #F2F4E2;
	color: #000;
	border-color: #222;
	font-size: 12px;}	
.reset {clear: both;}
.fl {float: left;}
.fr {float: right;}