/*
	brown bg	4e270e
	lt brown	7a5d4e
	tan			e1d7d0
	left beige	f1ebe8
	green txt	94b641
*/
/*
	disabling to prevent slow rendering of override font below

@font-face {
	font-family: 'FreeSans';
	src: local("Helvetica"), url("webfonts/freesans-webfont.ttf") format("truetype");
}
*/
body, th, td,
input, select, textarea, button {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "FreeSans", "Helvetica", Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
/*
	new font style
*/
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
body, th, td {
	color: #7a5d4e;
}
h1 {
	color: #94b641;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 15px 0;
}
input, select, textarea, button {
	color: #4e270e;
}
a:link, a:visited, a:hover, a:active {
	color: inherit;
}
.grn,
.grn a,
a.grn {
	color: #94b641;
}
/*
	wrapper for sticky footer
	margin same as footer/push
*/
.mainWrap {
	min-height: 100%;
	margin-bottom: -100px;
}

.header {
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 110px;
}
.header .brownBg {
	height: 79px;
}

.brownBg {
	background-color: #4e270e;
}
.brownBg,
.brownBg td {
/*
	font-weight: 400;
*/
}
.brownBg,
.brownBg a {
	color: #e1d7d0;
}
.brownBg a:hover {
	color: #94b641;
}

.width1000 {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	height: 100%;
}

.topLinks {
	position: absolute;
	right: 0;
	top: 0;
	color: #7A5D4E;
}
.topLinks a {
	display: inline-block;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 5px 4px;
	text-decoration: none;
	text-transform: uppercase;
}

.menu {
	position: absolute;
	z-index: 100;
	right: 0;
	bottom: 0;
	width: 770px;
}
.menu td {
	padding: 0;
	border-left: 1px solid #7A5D4E;
	font-size: 13px;
	line-height: 15px;
}
.menu a {
	display: block;
	padding: 0 10px 10px 10px;
	vertical-align: top;
	height: 100%;
	text-decoration: none;
	margin-top:-3px;
}
/*
	menu drop-downs
*/
.menu div {
	position: relative;
}
.menu div.hover a {
	color: #94b641;
}
.menu div.hover li a {
	color: #e1d7d0;
}
.menu div.hover li a:hover {
	color: #94b641;
}
.menu ul,
.menu ul li {
	margin: 0;
	padding: 0;
}
.menu ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	min-width: 100%;
	
	-webkit-box-shadow: 0 3px 4px #222222;
	-moz-box-shadow: 0 3px 4px #222222;
	box-shadow: 0 3px 4px #222222;

	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.menu ul {
	background-color: #4e270e;
}
.menu ul li {
	list-style: none;
}
.menu ul li a {
	white-space: nowrap;
}
.menu ul li:first-child a {
	padding-top: 8px;
}
/*
	level 3
*/
.menu div.hover li div.hover a {
	color: #94b641;
}
.menu div.hover li div.hover li a {
	color: #e1d7d0;
}
.menu div.hover li div.hover li a:hover {
	color: #94b641;
}
.menu ul ul {
	left: 97%;
	top: 0;
	min-width: inherit;

	-webkit-border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	border-radius: 0 8px 8px 8px;
}
.menu div li:hover > ul {
	visibility: visible;
}
.menu ul li:first-child ul li a {
	padding-top: 0;
}
.menu ul li ul li:first-child a {
	padding-top: 8px;
}


.main {
	height: auto;
	padding-top: 110px;
}
.logo {
	display: block;
	position: absolute;
	left: -9px;
	top: 0;
	width: 224px;
	height: 150px;
	background: transparent url("images/logo-box-logo.png") left top no-repeat;
}

.greenBar {
	height: 31px;
	background: #709b2a url("images/bg-green-strip.png") left top repeat-x;
	color: #4e270e;
}
.greenBarCont {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 770px;
	height: 100%;
}
.greenBar form {
	float: left;
	margin: 0;
	padding: 5px 0 0;
	font-weight: 700;
}
.greenBar form input[type=text],
.greenBar form input[type=submit] {
	background-color: #c4d79e;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.greenBar form input[type=text] {
	font-size: 11px;
	margin: 0 4px;
	padding: 0 3px;
	width: 140px;
	height: 18px;
}
.greenBar form input[type=text]:focus,
.greenBar form input[type=text]:hover,
.greenBar form input[type=submit]:hover {
	background-color: #cde1a5;
}
.greenBar form input[type=submit] {
	height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	border: 0;
	vertical-align: bottom;
	padding: 0 3px;
}
.greenBar .miniCart {
	float: right;
}
.miniCart a {
	display: inline-block;
	height: 15px;
	padding: 8px 17px;
	text-decoration: none;
}
.miniCart .items {
	padding: 0 0 0 3px;
}
.acctLink {
	text-transform: uppercase;
	font-size: 11px;
}
.miniCart .items,
a.acctLink,
.miniCart a:hover {
	color: white;
}

.white-fade {
	background: transparent url("images/white-fade.png") left bottom repeat-x;
	height: 15px;
	margin: 0 auto;
}

.tanBg {
	background-color: #e1d7d0;
}
.tanBg.left {
	float: left;
	width: 205px;
	overflow: hidden;
}

.tanBg.left .welcome {
	padding: 70px 13px 5px;
	text-align: center;
	font-size: 13px;
	line-height: 19px;
}
.tanBg.left .welcome span {
	font-weight: bold;
	font-size: 15px;
}



.mainWrapHome {

}

.press {
	float: right;
	padding: 10px 0 0 0;
}

.mainRight {
	position: relative;
	float: right;
	width: 768px;
	margin: 5px 0 0;
}

#slideshow {
	position: absolute;
	left: 0;
	top: 0;
	width: 516px;
	height: 333px;
}

.mainWelcome {
	height: 333px;
	width: 781px;
	margin-top: 15px;
}
.mainWelcome a {
	position: absolute;
}
.mainWelcome a img {
	border: 0;
}
.mainWelcome a.imgLeft {
	left: 0;
	top: 0;
}
.mainWelcome .imgLeft img {
	width: 516px;
	height: 333px;
}
.mainWelcome a.imgRight {
	display: block;
	right: 0;
	top: 0;
	width: 214px;
	height: 95px;
	background: transparent url(images/create-your-own-design.jpg) left top no-repeat;
	padding: 186px 20px 0;
	text-decoration: none;
	font-size: 14px;
	line-height: 15px;
}
.mainWelcome a.imgRight div {
	text-transform: uppercase;
	padding: 6px 0 0;
	font-size: 15px;
	font-weight: 500;
}
.mainWelcome a.imgRight div s {
	text-decoration: none;
	display: inline-block;
	height: 11px;
	width: 21px;
	background: transparent url(images/arrows3.gif) left top no-repeat;
	margin-left: 3px;
}
.mainWelcome a.imgRight:hover div {
	font-weight: bold;
}
.mainWelcome a.imgRight:hover div s {
	background-image: url(images/arrows3-on.gif);
}
.mainWelcome a.imgRightBottom {
	display: block;
	right: 0;
	bottom: -25px;
	width: 179px;
	height: 62px;
	background: transparent url(images/download-a-pdf.png) left top no-repeat;
	padding: 16px 0 0 80px;
	color: white;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	text-decoration: none;
}
.mainWelcome a.imgRightBottom s {
	width: 23px;
	height: 15px;
	display: inline-block;
	background: transparent none 2px 4px no-repeat;
	vertical-align: top;
}
.mainWelcome a.imgRightBottom:hover s {
	background-image: url(images/arrows3-w.gif);
}	

.homeAds {
	margin: 14px 0 20px;
	white-space: nowrap;
	overflow: hidden;
}
.homeAds a {
	display: inline-block;
	height: 152px;
	margin-right: 12px;
	background: transparent none left top no-repeat;
	text-decoration: none;
	padding: 10px 10px 0 152px;
	width: 175px;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
}
.homeAds h2 {
	color: #94b641;
	margin: 0;
	padding: 4px 0 7px;
	font-weight: normal;
}
.homeAds a div {
	padding: 11px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
}
.homeAds a:hover div {
	font-weight: bold;
}
.homeAds a.adLowerLeft {
	background-image: url(images/ad-lower-left.jpg);
}
.homeAds a.adLowerMid {
	background-image: url(images/ad-lower-mid.jpg);
}
/*
.homeAds a.adLowerRight {
*/
.adLowerRight {
	display: inline-block;
	width: 275px;
	height: 152px;
	padding: 10px 10px 0 20px;
	background: transparent url(images/ad-lower-right.jpg) left top no-repeat;
}
.adLowerRight a {
	display: block;
	padding: 0 0 2px;
	width: auto;
	height: auto;
	font-weight: bold;
	margin: 0;
}
.adLowerRight a:hover {
	color: #94b641;
}


.categoriesLeft {
	padding: 50px 0 20px;
	font-size: 12px;
	line-height: 12px;
	/*  float menu  */
	position: absolute;
	width: 205px;
	/*  fixed menu  */
	position: fixed;
	top: 110px;
}
.categoriesLeft h1 {
	text-transform: uppercase;
	color: #4e270e;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 5px 20px;
	text-transform: uppercase;
}
.categoriesLeft a {
	display: block;
	padding: 4px 0 4px 20px;
	text-decoration: none;
}
.categoriesLeft a:hover {
	background-color: #4e270e;
	color: #94b641;
}
.categoriesLeft a.sel {
	color: #e1d7d0;
	background-color: #4e270e;
}
.categoriesLeft a.selIcon {
	background: #4e270e url(images/subcat-down-arrow.png) 187px 8px no-repeat;
}
.categoriesLeft .sub {
	background-color: #f1ebe8;
}
.categoriesLeft .sub a.sel {
	background: transparent none;
	color: #4e270e;
	font-weight: bold;
}
.categoriesLeft .sub a {
	padding-left: 30px;
}

#location {
	margin: 0;
	min-height: inherit;
	line-height: normal;
	color: #4e270e;
}
#location span {
	padding: 0 5px 0 0;
	color: #7a5d4e;
}
a.bread-crumb {
	text-decoration: none;
	color: #7a5d4e;
}
a.bread-crumb:hover {
	text-decoration: underline;
	color: #4e270e;
}
font.bread-crumb {
	color: inherit;
}


.menu-dialog {
	border: 0;
	margin: 0;
}
.menu-dialog .title-bar {
	display: none;
}
.menu-dialog .content {
	background-color: transparent;
}


.dialog {
	border: 0;
}
.dialog .title {
	background: transparent none;
	border: 0;
	
	display: none;
}
.dialog .content {
	color: inherit;
	padding: 0;
}


span.subcategories {
	margin: 0;
	overflow: visible;
	padding: 0 16px 20px 0;
}
span.subcategories a:link,
span.subcategories a:visited,
span.subcategories a:hover,
span.subcategories a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
span.subcategories img,
.products-table .image img {
	border: 1px solid #d2c8c2;
	margin-bottom: 6px;
}


.nav-pages {
	margin: 0 0 20px;
	background-color: #e1d7d0;
	padding: 5px 8px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.products {
	margin: 0;
}
.products-table .image {
	margin: 0;
}
.products-table .product-cell,
.products-table .product-cell div {
	text-align: center;
}
.products-table .product-cell {
	width: 180px;
	padding-right: 20px;
}
.products-table .product-title {
	font-size: 13px;
}
.products .product-title,
.product-details .product-title {
	text-decoration: none;
}
.products .product-title:hover {
	color: #94b641;
}
.products .price {
	display: none;
}
.products .price-value {
	font-weight: inherit;
	color: inherit;
	font-size: 13px;
}


.product-details {
	margin: 0;
	padding-top: 20px;
}
.product-details .image {
	margin: 0;
}
.product-details .image .image-box img {
	border: 1px solid #a79488;
}
div.dpimages-popup-link {
	display: none;
}
.dpimages-icons-box a {
	text-align: left;
	padding-right: 6px;
}
.dpimages-icons-box a,
.dpimages-icons-box a:link,
.dpimages-icons-box a:visited,
.dpimages-icons-box a:hover,
.dpimages-icons-box a:active {
	border: 0;
	width: auto;
	height: auto;
}
.dpimages-icons-box a img {
	border: 1px solid #a79488;
}
.dpimages-icons-box a:hover img {
	border: 1px solid #4e270e;
}
.product-details .details {
	padding-left: 20px;
}
.product-details .details h1 {
	margin: 0;
	padding: 20px 0 8px
}

.buttons-row-right,
.buttons-row {
	height: 27px;
	margin-top: 10px;
}

button.button .button-left,
button.button .button-right {
	height: 25px;
}
button.main-button .button-left,
button.button .button-left,
div.main-button div, div.main-button a,
div.button div, div.button a,
div.checkout-1-button div,
div.checkout-1-button a:link,
div.checkout-1-button a:visited,
div.checkout-1-button a:hover,
div.checkout-1-button a:active,
div.checkout-3-button div,
div.checkout-3-button a:link,
div.checkout-3-button a:visited,
div.checkout-3-button a:hover,
div.checkout-3-button a:active {
	color: white;
}
button.button .button-left,
div.button div, div.button a {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: inherit;
}
div.checkout-1-button div,
div.checkout-1-button a:link,
div.checkout-1-button a:visited,
div.checkout-1-button a:hover,
div.checkout-1-button a:active,
div.checkout-3-button div,
div.checkout-3-button a:link,
div.checkout-3-button a:visited,
div.checkout-3-button a:hover,
div.checkout-3-button a:active {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
}
div.button div,
div.button a,
button.button .button-left,
div.checkout-1-button div,
div.checkout-1-button a:link,
div.checkout-1-button a:visited,
div.checkout-1-button a:hover,
div.checkout-1-button a:active,
div.checkout-3-button div,
div.checkout-3-button a:link,
div.checkout-3-button a:visited,
div.checkout-3-button a:hover,
div.checkout-3-button a:active {
	background-image: url(../images/but_main_left.png);
}
div.button,
button.button .button-right,
div.checkout-1-button,
div.checkout-buttons div.checkout-3-button {
	background-image: url(../images/but_main_right.png);
}

a.simple-button {
	font-size: 13px;
	font-weight: bold;
}
a.simple-button:hover {
	text-decoration: none;
	color: #94b641;
}

div.checkout-buttons div.checkout-3-button {
	padding-right: 10px;
}

#customer_notes {
	width: 290px;
}

.vinylNote {
	font-style: italic;
	padding-top: 10px;
}

table.product-properties .property-name {
	width: 20%;
	color: #94b641;
}
table.product-properties .product-price {
	color: #94b641;
	font-weight: normal;
}
table.product-properties .property-value {
	width: auto;
}
table.product-properties .product-price-value {
	color: inherit;
	font-weight: normal;
}
.product-details .quantity-row td {
	padding-top: 2px;
}
.product-details .ask-question {
	display: none;
}


#product-tabs-container {
	margin-top: 20px;
}
.ui-widget {
	font-size: inherit;
	font-family: inherit;
}
.ui-tabs .ui-tabs-nav {
	height: 27px;
	line-height: normal;
}
#top-links {
	padding-top: 20px;
}
#top-links.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0;
}
.ui-tabs .ui-tabs-nav li a {
	padding: 5px 12px;
}
.ui-widget-header {
	background-image: url(images/bg-green-strip.png);
	border: 0;
}
.ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: normal;
	background: #d6c8be none;
	border-color: #d6c8be;
	text-transform: uppercase;
}
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #7a5d4e;
}
.ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
	-webkit-box-shadow: inset 0 -5px 30px #7a5d4e;
	-moz-box-shadow: inset 0 -5px 30px #7a5d4e;
	box-shadow: inset 0 -5px 30px #7a5d4e;
}
.ui-tabs-selected,
.ui-widget-header .ui-tabs-selected {
	background-color: white;
}
.ui-tabs-selected:hover,
.ui-widget-header .ui-tabs-selected:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*
.ui-tabs .ui-tabs-nav li {
	background: transparent none;
	border-color: #d6c8be;
}
.ui-tabs .ui-tabs-nav li.ui-state-default a {
	color: #7a5d4e;
	cursor: pointer;
	font-weight: normal;
	background-color: #d6c8be;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background-color: white;
}
.ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-content {
	border-color: #d6c8be;
}
*/
.ui-tabs .ui-tabs-panel {
	padding: 20px;
}
.ui-widget-content {
	color: inherit;

	border-color: #d6c8be;

	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: inherit;
	font-size: inherit;
}


.footer {
	position: relative;
}
.newsRow {
	position: absolute;
	top: 8px;
	width: 100%;
	text-transform: lowercase;
	text-align: center;
	border: 1px solid #7A5D4E;
	border-width: 1px 0;
	letter-spacing: 1px;
}
.newsRow .mail {
	display: inline-block;
	width: 63px;
	height: 33px;
	background: transparent url("images/mail.gif") left top no-repeat;
	margin-right: 5px;
	vertical-align: middle;
}
.newsRow input[type=email] {
	margin: 0 5px;
}
.newsRow a {
	text-transform: uppercase;
	color: #94b641;
	text-decoration: none;
}
.socLinks {
	position: absolute;
	right: 0;
	top: 4px;
}
.socLinks img {
	width: 26px;
	height: 26px;
	border: 0;
}
.footer .links {
	position: absolute;
	bottom: 9px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 11px;
}
.footer .links div {
	color: #7A5D4E;
}
.footer .links a {
	display: inline-block;
	padding: 5px 4px 3px;
	text-decoration: none;
}

.boldChat {
	position:absolute;left:0;top:4px;

	-webkit-box-shadow: 0 0 5px white;
	-moz-box-shadow: 0 0 5px white;
	box-shadow: 0 0 5px white;
}

/*
	push needed for sticky footer
	see mainWrap above
*/
.footer,
.push {
	height: 100px;
}


#left-bar,
#right-bar {
	display: none;
}