
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* 



This file contains all CSS pertaining to element positioning and padding, plus typography.

*/

body, html {
	margin:0;
	background-color: #fff;
	background-image: url(images/bg-body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
#site { /* acts as a faux body tag for additional background styling. hugs the content's top and bottom */
	padding-bottom: 25px;
	background-image: url(images/bg-canvas.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}

.inner { /* defines the "inner block" of content for each level of the site. apply global styles here.  */
	margin: 0 auto 0 auto; /* this centers each region of the layout. */
	width: 935px; /* this sets the width of each region. can be px or % */
	overflow: auto;
	}
	
a { color: #674c47; text-decoration: none; }



/*
----------------------------
---------- HEADER ----------
----------------------------
*/
	
#site-header {}
#site-header .inner {
	height: 140px;
	}

div#header-logo {
	padding: 0; /* turns off padding for the h1 in the header */
	float: left;
	}

div#header-logo a { /* turns the link in the header h1 into a clickable block. add a background image of the logo. */
	display: block;
	height: 100px;
	width: 303px;
	text-indent: -9999px; /* hides the text in the h1 by pushing it off the left side of the page, but leaves the text in the markup for SEO */
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#meph-account {
	text-align: right;
	font-size: 0.70em;
	color: #c8c0c6;
	text-transform: uppercase;
	padding: 20px 47px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#meph-account a:link,
#meph-account a:visited {color: #674c47; text-decoration: none;}
#meph-account a:hover,
#meph-account a:active {color: #95022A; text-decoration: none;}

/*
----------------------------
---- PRIMARY NAV - HORZ ----
----------------------------
*/

#meph-tabs { /* positions the navigation list in the primary nav area */
	display: block;
	text-align: center;
	padding: 0 0 30px 0;
	margin: 25px 0 30px 0;
	overflow: hidden; /* keeps scrollbars from appearing when the nav links are clicked */
	background-image: url(images/bg-nav.gif);
	background-repeat: no-repeat;
	background-position: center 22px;
	}
	
#meph-tabs a:link, #meph-tabs a:visited,
#meph-tabs a:hover, #meph-tabs a:active  { /* makes the primary nav items clickable blocks. also provides default font styles. */
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	line-height: 1.1em;
	font-size: 0.90em;
	text-transform: uppercase;
	}
	
#meph-tabs a:link, /* styles the primary nav items */
#meph-tabs a:visited {color: #674c47;}
#meph-tabs a:hover,
#meph-tabs a:active {
	color: #95022A;
}

/*
----------------------------
------ SUB NAV - LEFT ------
----------------------------
*/

ul#sub-nav {
	margin-left: 6px;
	}
	
ul#sub-nav li {
	padding-bottom: 14px;
	font-size: 14px;
	}
	
ul#sub-nav li a:link, ul#sub-nav li a:visited {
	color: #817266;
	text-transform: uppercase;
	text-decoration: none;
	}
	
ul#sub-nav li a:active, ul#sub-nav li a:hover {
	text-decoration: underline;
	}
	
ul#sub-nav ul {
	padding-top: 8px;
	}
	
ul#sub-nav li li {
	padding: 0 0 6px 18px;
	font-size: 12px;
	}
	
ul#sub-nav li li a:link, ul#sub-nav li li a:visited {
	color: #999;
	text-transform: none;
	text-decoration: none;
	}
	
ul#sub-nav li li a:hover, ul#sub-nav li li a:active {
	color: #777;
	text-decoration: underline;
	}



/*
----------------------------
------- CONTENT AREA -------
----------------------------
*/

#document {}
#document .inner {}

#content { /* main content area */
	float: left;
	width: 680px;
	padding: 10px 0 10px 10px;
	}

#column-left { /* optional left column */
	float: left;
	width: 230px;
	padding: 0 0 0 10px;
	}
	
#column-right { /* optional right column */
	float: right;
	width: 150px;
	padding: 12px 15px 10px 15px;
	background-color: #f6f6f6;
	font-size: 0.85em;
	}


/*------- content text formatting -------*/

#content, #column-left {
	font-family: Arial, Helvetica, sans-serif;
	}

p {margin-bottom:1em;padding:0;}
h1{font-size:1.75em;padding-bottom:0.5em}
h2{font-size:1.50em;padding:0.5em 0 0.7em 0}
h3{font-size:1.35em;padding:0.5em 0 0.5em 0}
h4,h5,h6,caption{font-size:1em}
h1,h2,h3,h4,h5,caption{font-weight:bold}
h4{text-transform:uppercase}
h6{font-style:italic}
em,caption{font-style:italic}
strong,th{font-weight:bold}

h1 {
	color: #1b1f4b;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 25px;
	}

h2 {
	color: #1b1f4b;
	}

h3 {
	color: #1b1f4b;
	line-height: 1.15em;
	}
	
h4 {
	color: #1b1f4b;
	line-height: 1.15em;
	}

p, li, th, td, caption {  /* basic text items should share the same formatting */
	font-size: 12px;
	line-height: 1.50em;
	color: #222;
	}
	
p {padding: 0 0 15px 0;}
	
a:link {color: #674c47;}
	
a:visited {color: #95022A;}
	
a:hover, a:active {
	text-decoration: none;
	}
	
ul.bread-crumbs {
	padding-left: 0;
	}
	
ul.bread-crumbs li {
	display: inline; /* "unstacks" the list in the footer nav and lines them up from left to right */
	font-size: 0.65em !important;
	}
	
ul.bread-crumbs li a {
	background-image: url(images/ui/bread-crumb-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
ul.bread-crumbs li a:link, ul.bread-crumbs li a:visited {
	padding-right: 10px;
	color: #fff;
	}
	
ul.bread-crumbs li a:hover, ul.bread-crumbs li a:active {
	padding-right: 10px;
	color: #ddd;
	text-decoration: none;
	}
	
label {
	font-weight: bold;
	color: #1b1f4b;
	}
	
#content ul,#content ol,#content dl{padding-left:1.5em;}
#content li,#content dt,#content dd{list-style-image:none;list-style-position:outside;list-style-type:disc;margin-bottom:0.5em}

	
/*------- content images and pullquotes -------*/

.image-right, .image-caption-right, .pullquote-right {
	float: right;
	margin: 5px 0 10px 20px;
	}
	
.image-left, .image-caption-left, .pullquote-left {
	float: left;
	margin: 5px 20px 10px 0;
	}
	
.image-caption-left, .image-caption-right {
	background-color: #e9e9e9;
	padding: 5px;
	}
	
.pullquote-left, .pullquote-right {
	width: 190px;
	font-style: italic;
	color: #fff;
	background-color: #eee;
	padding: 10px 10px 0 10px;
	}

/*
----------------------------
---------- FOOTER ----------
----------------------------
*/

#site-footer {}



/*
----------------------------
---------- EXTRAS ----------
----------------------------
*/

.clear { /* insert <br class="clear" /> between two colliding floated divs */
	clear: both;
	}
	
.float-left {
	float: left;
	}
	
.float-right {
	float: right;
	}

hr {
	display: none;
	visibility: hidden;
	}
	
/*
----------------------------
-------- CUSTOM CSS --------
----------------------------
*/

/*------- search form in left column -------*/

#column-left-search {
	padding-bottom: 25px;
	}

input#keywordsearchfield {
	border: 1px solid #aca5aa;
	height: 12px;
	width: 160px;
	padding: 2px 5px 4px 5px;
	color: #c8c0c6;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	}
	
input#keywordsearchfield-go {
	float: left;
	}
	
/*------- misc -------*/

#bookmarks {
	margin-top: 20px;
	}
p.storecredits {
	padding-top: 15px;
	text-align: center;
	}


/*------- product listing page -------*/

.productlisttable {
	width: 670px;
	margin-top: 30px;
	}
	
productlisttable td {
	border: 1px solid #00f;
	}
	
.productlistheader td {
	font-family: Arial, sans-serif;
	line-height: 1.1em;
	font-size: 14px;
	text-transform: uppercase;
	color: #674c47;
	}

.productlist-row1 {
	background-color: #faf9fa;
	}
	
.productlist-col1 {
	width: 175px;
	text-align: center;
	}
	
.productlist-row1 td{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
.productlist-col3 h4, .productlist-col1 img {
	padding: 22px 0 4px 0;
	}
	
.productlist-col3 h4 a:link {
	font-family: Arial, sans-serif;
	line-height: 1.1em;
	font-size: 14px;
	text-transform: uppercase;
	color: #888;
	text-decoration: none;
	}
	
.productlist-col3 h4 a:visited {
	font-family: Arial, sans-serif;
	line-height: 1.1em;
	font-size: 14px;
	color: #aaa;
	text-decoration: none;
	}
	
.productlist-col3 h4 a:hover, .productlist-col3 h4 a:active {
	font-family: Arial, sans-serif;
	line-height: 1.1em;
	font-size: 14px;
	
	color: #95022A;
	}
	
.text-price {
	display: block;
	margin: 22px 0 0 20px;
	font-size: 14px;
	color: #95022A;
	}
	
/*------- product detail page -------*/

#buyoptions {
	overflow: auto;
	background-color: #f9f9f9;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.matrixdisplay strong, #text-yourprice {
	font-family: Arial, sans-serif;
	line-height: 1.1em;
	font-size: 14px;
	color: #555;
	text-transform: uppercase;
	font-weight: normal;
	}
	
#matrixitemoptions {
	float: left;
	}
	
#productbuyinfo {
	float: right;
	width: 370px;
	}
	
tr.headerNavigation td {
	display: none;
	}
	
#productbuyinfo table {
	width: 300px;
	}

/*------- other bits -------*/

.testimonial {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding: 15px 10px 3px 10px;
	background-color: #f9f9f9;
	}
	
.testimonial p {
	padding: 0;
	}
	
.testimonial em {
	display: block;
	padding-top: 7px;
	}
	
.text-availabilitytitle {
	width: 190px;
	}

.matrixtitle {
	padding: 10px 10px 0 0;
	text-align: right;
	}
	
.baskettable td {
	padding: 10px;
	}

.registerform table td {
	padding: 0 5px 5px 0;
	}
	
#btn-make-payment, #btn-change-address, #btn-continue-checkout, #btn-profile-continue {
	margin-top: 5px;
	display: block;
	padding: 2px 7px 2px 7px;
	background-color: #674c47;
	border: 1px solid #9d969b;
	font-size: 11px;
	}
	
a#btn-make-payment:link, a#btn-make-payment:visited, a#btn-make-payment:hover, a#btn-make-payment:active,
a#btn-change-address:link, a#btn-change-address:visited, a#btn-change-address:hover, a#btn-change-address:active,
a#btn-continue-checkout:link, a#btn-continue-checkout:visited, a#btn-continue-checkout:hover, a#btn-continue-checkout:active,
a#btn-profile-continue:link, a#btn-profile-continue:visited, a#btn-profile-continue:hover, a#btn-profile-continue:active {
	font-family: Lucida Sans, Arial;
	text-decoration: none;
 	color: #fff;
	}

/*


/* assigned to DIV encompassing credits image and copyright message */
#sitefooter{ color:#674c47; text-align:center; font-size:11px; }



/* LEFT COLUMN */
.LeftColumn{
	width: 161px !important;
}

.LeftNav{
	border: 1px solid #CCC;
	width: 161px;
}

.LeftNavPanes{
	padding-bottom: 10px;
	width: 161px;
/* 	height: 395px; */
}

.LeftNavHeader{
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #674c47;
	line-height: 27px;
}

#DepartmentTab, #BrandTab {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #674c47;
	width: 161px;
	text-decoration:none ;
}

a.link-department:link, a.link-department:visited, a.link-department:active{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px ;
	color: #674c47;
	display: block;
	width: auto;
	padding-left: 10px;

	text-transform:uppercase;
	text-decoration:none;
}

a.link-department:hover, #BrandTab a:hover{
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 10px;
	color: #95022A;
	display: block;
	width: auto;
	padding-left: 10px;
	
	text-transform:uppercase;
	text-decoration:none;
}

.HiddenNav{
display:none; visibility: hidden;

	
}

/* END LEFT COLUMN */

.BrandDropDown {
display:none; visibility: hidden;

}

a.link-category-select:link,a.link-category-select:visited,a.link-category-select:active,a.link-category:link, a.link-category:visited, a.link-category:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px ;
	color: #674c47;
	width: 100%;
	width: auto;
	
	
	padding-left: 20px;
	text-decoration:none;
}

a.link-category-select:hover,a.link-category:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px ;
	color: #95022A;
	width: 100%;
	width: auto;
	

	padding-left: 20px;
	text-decoration:none;
}

a.link-department-select:link,a.link-department-select:visited,a.link-department-select:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 10px ;
	color: #674c47;
	display: block;
	width: auto;
	padding-left: 10px;
	
	text-transform:uppercase;
	text-decoration:none;
}

a.link-department-select:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold ;
	font-size: 10px ;
	color: #95022A;
	display: block;
	width: auto;
	padding-left: 10px;
	
	text-transform:uppercase;
	text-decoration:none;
}

a.link-category-select:link,a.link-category-select:visited,a.link-category-select:active,a.link-category-select:hover{
	font-weight: bold;
	text-decoration:none;
}

/* Added automatically */

.link-subcategory-select {
	font-family:Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 10px ;
	color: #674c47;
	padding-left: 10px;
	line-height: 20px;
	
}




#productbuyinfo .text-price { font-weight: bold; color:#2B357B; font-size:14px; }
#productbuyinfo .text-yourprice { font-weight: bold; color:#2B357B; font-size:14px; }

#productbuyinfo .text-pricestrike { text-decoration: line-through; font-weight: bold; font-size:14px; }

#productbuyinfo .text-shipping { color: black; font-size:14px; }

#productbuyinfo .text-pricesave { color: red; font-size:14px; font-weight: bold; }


a.TypeSelect:link, a.TypeSelect:visited, a.TypeSelect:active{
	display: block;
	width: 100%;
	color:#674c47;
	line-height: 26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}

a.TypeSelect:hover{
	display: block;
	width: 100%;
	color:#FFFFFF !important;
	line-height: 26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	background: #674c47;
	text-decoration: none;
}

.TypeSelectCell, .TypeSelectCellLeft{
	text-align: center;
	color: #674c47;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	text-transform:uppercase;
	font-weight: bold;
}



.TypeSelectButtonCell{
	padding: 0 0 0 0;
}


.productlistitem{border: solid 1px #cccccc; text-align:center; padding:0px 5px 0px 5px;

	width:80px;

}

.productlisttable 
{
border-spacing: 10px 10px;
border-collapse:separate;
width:25%;

}





----------------------------
------ DISABLED  -------
----------------------------
*/

#bottomlinks, #specialoffers, #searchresult, #select-category-heading, .cattablebody {
	display: none;
	}


.navlink span, .navlink br{	display:none; visibility: hidden;}

#BrandTab p {padding-bottom: 0;}


/* CSS Buttons*/
.button-big, .button-small { display: block; cursor: hand; cursor: pointer; text-decoration: none; }

.button-big .button-text { width:90px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -62px; padding: 0 0 0 0px; line-height:22px; height: 22px; }
.button-big .button-left { width: 14px; height: 22px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0px 0px; }
.button-big .button-right { width: 14px; height: 22px; background: transparent url(store_images/buttons.gif) no-repeat scroll -14px 0px; }

.button-small .button-text { width:40px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -42px; padding: 0 0 0 0px; height: 20px; line-height: 20px; }
.button-small .button-left { width: 4px; height: 20px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0px -22px; } 
.button-small .button-right { width: 4px; height: 20px; background: transparent url(store_images/buttons.gif) no-repeat scroll -4px -22px; }

.button-right,.button-left { float: left; display: block; font-size:0px; }
.button-text { text-transform:uppercase; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; float: left; display: block; color: #FFF; text-decoration: none; text-align:center; }
.button-small .button-text { font-size: 10px; } 
.pagination .button-text { width:auto; } 
.pagination .button-right { margin-right: 1px; }
.pagination .button-small span { filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; }
.pagination .button-small:HOVER span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.pagination .button-on span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.button-rightaligned   { float: right; }


.text-pricestrike {
text-decoration: line-through;
font-weight: bold;
font-size: 12px;
color:#674c47;
}

.text-pricespecial
{
font-weight: bold;
color: red;
font-size: 14px;
}
.text-price{font-weight: bold;
color: #2b357b;
font-size: 12px;}


.price-percentage{display:none; visibility: hidden;}


table.cattablebody table {

	border-collapse: collapse;

	border-spacing: 0;

}

table.cattablebody tr.cattablerowimage td {

	text-align: center;

	padding-bottom: 0;

}

table.cattablebody tr.cattablerowtext td {

	text-align: center;

	padding-top: 0;

}

table.cattablebody  td a  {

	border-color: #DDD;

	border-style: solid;

	border-width: 1px;

}



table.cattablebody tr.cattablerowimage td a img  {

	margin-top: 10px;

}

table.cattablebody tr.cattablerowimage td a  {

	display: block;

	text-align: center;

	height: 110px;

	border-bottom: none;

	overflow: hidden;

	width: 114px;

}





table.cattablebody tr.cattablerowtext td a {

	border-top: none;

	display: block;

	padding-bottom: 10px;
	margin-bottom: 10px;
	

}



cattablecontent table#categorypictures a, table#categorypictures td, table#categorypictures td a 

{

width: 114px;

}

#bottomlinks{

font-family: Arial,Helvetica,sans-serif;

font-weight: normal;

font-size: 10px;

color: #674c47;

display: block;

width: auto;

text-transform: uppercase;

text-decoration: none;

}

#newBrandTab {padding-top: 5px;}  

#newBrandTab p{padding: 0 0 0 0;  line-height: 0.6em;}

.productlistitem .text-price, .productlistitem .category-product-name
{

	text-align: center;


}

#companyrow{display:none; visibility: hidden;}

#faxrow{display:none;visibility: hidden;}

#sortfields option {color: #c8c0c6;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;
}