/* =Common Elements
----------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	background: #B2CEB9 url('../images/bg_mt.gif') repeat-x 0px 0px;
	color: #666;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px auto;
	}

img, div, table, td, li, h1 {
	behavior: url('../iepngfix.htc');
	}
	
.clearit {
	clear: both;
	font-size: px; /*for IE*/
	height: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}

h1 {
	border-bottom: 1px solid #e0e0e0;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	}
	
h1.home {
	margin: 20px 0px 0px 0px;
	}

h2 {
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	}
	
h2.alt {
	margin: 0px;
	}

h3 {
	color: #708997;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	}
		
h3.alt {
	margin: 15px 0px 3px 0px;
	}

h3 a {
	color: #6d9770;
	}

h3 a:hover {
	color: #708997;
	}

h4 {
	color: #708997;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	}
		
p {
	line-height: 16px;
	margin: 15px 0px 0px 10px;
	}

p.alt {
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	}
	
p.alt2 { margin: -1px 0px 0px 0px; }

p a {
	color: #6d9770;
	}

p a:hover {
	color: #333;
	}

ul a {
	color: #6d9770;
	}

ul a:hover {
	color: #333;
	}

li a {
	color: #6d9770;
	}

li a:hover {
	color: #333;
	}	
img.pic {
	border: 1px solid #999;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	float: right;
	padding: 5px;
	margin: 15px 0px 20px 30px;
	}
	
img.picAlt {
	border: 1px solid #999;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	float: left;
	padding: 5px;
	margin: 0px 30px 20px 0px;
	}
	
img.picAlt2 {
	border: 1px solid #999;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px;
	margin: 0px;
	}
	
img.bio {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	float: right;
	padding: 5px;
	margin: 15px 0px 20px 20px;
	width: 100px;
	}

img.couplePic {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	float: right;
	margin: 15px 0px 100px 10px;
	padding: 5px;
	height: 260px;
	}

#outer {
	margin: 0px auto;
	position: relative;
	width: 1000px;
	}

#contentHome {
	background-color: #fff;
	clear: both;
	padding: 20px;
	}
	
#content {
	background-color: #fff;
	/*clear: both;*/
	padding: 40px;
	}
	
#content .column {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	padding: 5px 20px 20px 20px;
	}
	
#content .column1 {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 20px 20px 20px;
	width: 400px;
	}
	
#content .column2 {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 20px 20px 20px;
	width: 400px;
	}

#content .column3 {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 20px 20px 20px;
	width: 200px;
	}
	
#content .column3Alt {
	background: none;
	float: left;
	padding: 0px 20px 20px 0px;
	width: 220px;
	}
	
#content .column4 {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 20px 20px 20px;
	width: 600px;
	}

#content #columnDesc {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 20px 20px 20px;
	width: 515px;
	}
	
#content #columnDescSm {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 20px 20px 20px;
	width: 370px;
	}

#content #columnPic {
	float: left;
	padding: 0px 0px 0px 20px;
	text-align: center;
	width: 305px;
	}
	
#content #columnPicSm {
	float: left;
	padding: 0px 0px 0px 20px;
	text-align: center;
	width: 200px;
	}

#content #columnPic img {
	border: 1px solid #999;
	margin: 0px 0px 10px 0px;
	}
	
#content #columnPicSm img {
	border: 1px solid #999;
	margin: 0px 0px 10px 0px;
	width: 200px;
	}
	
.btn {
	background: url('../images/arrow_sm.gif') no-repeat 0px 3px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 13px;
	}
	
.btnAlt {
	background: url('../images/arrow_sm.gif') no-repeat 0px 3px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 3px 13px;
	}
	
.btn a, .btnAlt a {
	color: #6d9770;
	text-decoration: none;
	}
	
.btn a:hover, .btnAlt a:hover {
	color: #666;
	}

.button {
	background: url('../images/bg_nav_mt.gif') repeat-x 0px 0px;
	float: left;
	font-size: 11px;
	margin: 13px 10px 0px 0px;
	padding: 3px 5px 3px 5px;
	}

.button a {
	color: #fff;
	text-decoration: none;
	}

.button a:hover {	
	color: #ccc;
	}

.press {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	margin: 0px 0px 20px 0px;
	padding: 20px;
	}

.press .pressThumb, .press .pressThumbAlt {
	float: left;
	margin: 0px 20px 0px 0px;
	text-align: right;
	width: 185px;
	}

.press .pressThumb img {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px;
	width: 130px;
	}

.press .pressThumbAlt img {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px;
	width: 170px;
	}

.press .pressBlurb {
	float: left;
	width: 635px;
	}

.press .pressBlurb h3 {
	margin: 0px 0px 5px 0px;
	}
	
.press .pressBlurb h3 a {
	color: #6d9770;
	text-decoration: none;
	}
	
.press .pressBlurb h3 a:hover {
	color: #333;
	}
	
.press .pressBlurb p {
	margin: 0px;
	}

ul.faqs {
	list-style: none;
	margin: 10px 0px 0px 0px;
	}

ul.faqs li a {
	color: #6d9770;
	text-decoration: none;
	}

ul.faqs li a:hover {
	color: #333;
	}

#content ul, #content .column4 ul {
	margin: 15px 0px 0px 30px;
	}

#content ol, #content .column4 ol {
	margin: 15px 0px 0px 30px;
	}

#content li, #content .column4 li {
	padding: 0px 0px 5px 0px;
	}

dl.grid {
	margin: 15px 0px 0px 0px;
	width: 600px;
	}

dl.grid dt {
	border-bottom: 1px solid #e0e0e0;
	float: left;
	height: 30px;
	padding: 5px 25px 5px 0px;
	width: 275px;
	}

dl.grid dd {
	border-bottom: 1px solid #e0e0e0;
	float: left;
	height: 30px;
	padding: 5px 0px 5px 0px;
	width: 300px;
	}

ul.forms {
	list-style: none;
	margin: 10px 0px 0px 0px !important;
	}
ul.forms li.nonpdf {
	background: url('../images/page_icon.png') no-repeat 0px 0px;
	padding: 0px 0px 5px 20px !important;
	}
ul.forms li {
	background: url('../images/nav_pdf_icon.gif') no-repeat 0px 0px;
	padding: 0px 0px 5px 20px !important;
	}

ul.forms li a {
	color: #6d9770;
	text-decoration: none;
	}

ul.forms li a:hover {
	color: #333;
	}

a.zoom {
	background: url('../images/icon_zoom.gif') no-repeat 0px 0px;
	color: #999;
	font-size: 10px;
	padding: 3px 0px 7px 25px;
	text-decoration: none;
	text-transform: uppercase;
	}

a.zoom:hover {
	color: #666;
	}

/* =Header
----------------------------------------------- */

ul#tabs {
	list-style: none;
	}

ul#tabs li {
	float: left;
	font-size: 11px;
	}

ul#tabs li.start {
	background: url('../images/bg_tab_start_Mitzvah.gif') no-repeat right 17px;
	color: #B2CEB9;
	padding: 17px 12px 0px 0px;
	}

ul#tabs li.end {
	background: url('../images/bg_tab_end_Mitzvah.gif') no-repeat 0px 0px;
	height: 40px;
	width: 7px;
	}
	
ul#tabs li a {
	background: url('../images/bg_tab_Mitzvah.gif') no-repeat 0px 0px;
	color: #fff;
	display: block;
	height: 23px;
	padding: 17px 12px 0px 12px;
	text-decoration: none;
	}

ul#tabs li a:hover {
	background: url('../images/bg_tab_on_Mitzvah.gif') no-repeat 0px 0px;
	color: #ccc;
	}

ul#tabs li.on a {
	color: #B2CEB9;
	}

ul#tabs li.on a:hover {
	background: url('../images/bg_tab_Mitzvah.gif') no-repeat 0px 0px;
	}

ul#topnav {
	background: url('../images/bg_topnav_Mitzvah.gif') no-repeat 0px 0px;
	float: right;
	height: 41px;
	right: 20px;
	list-style: none;
	position: absolute;
	top: 35px;
	width: 327px;
	}

ul#topnav li {
	float: right;
	}

ul#topnav li.order {
	background: url('../images/icon_cart.gif') no-repeat 0px 12px;
	padding: 0px 3px 0px 23px;
	}

ul#topnav li a {
	color: #666;
	display: block;
	padding: 15px 20px 0px 0px;
	text-decoration: none;
	}

ul#topnav li a:hover {
	color: #708997;
	}

#main {
	background: #e6e5d3 url('../images/bg_main_mt.gif') no-repeat 0px 0px;
	clear: both;
	padding: 20px;
	}

#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 940px;
	}
	
#navImg {
	width: 360px;
	height: 96px;
	cursor:pointer;
}

/*
ul#nav li {
	border-right: 1px solid #959595;
	float: left;
	font-size: 13px;
	padding: 5px 18px 5px 18px;
	text-align: center;
	}
	
ul#nav li.start {
	padding-left: 10px;
	}
	
ul#nav li.end {
	border-right: none;
	padding-right: 10px;
	}

ul#nav li a {
	color: #fff;
	text-decoration: none;
	}
	
ul#nav li a:hover {
	}
*/




/* =Home
----------------------------------------------- */

#promos {
	background: #cdebf6 url('../images/bg_promos_mt.gif') repeat-x 0px 0px;
	float: left;
	height: 310px;
	margin: 0px 20px 0px 0px;
	padding: 20px;
	width: 190px;
	}
	
#promos #promoSpecial {
	background: url('../images/promo_icon_money.gif') no-repeat 0px 32px;
	}

#promos #promoGift {
	background: url('../images/promo_icon_gift.gif') no-repeat 0px 28px;
	}

#promos #promoGreen {
	background: url('../images/promo_icon_leaf.gif') no-repeat 0px 30px;
	}

#promos #promoHOWTOBUY {
	background: url('../images/promo_icon_cart.gif') no-repeat 0px 28px;
	}


#promos #promoAbout {
	background: url('../images/promo_icon_pencil.gif') no-repeat 0px 32px;
	}

#promos h1 {
	background: url('../images/arrow.png') no-repeat right 6px;
	border: none;
	color: #6d9770;
	display: inline;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	margin: 0px;
	padding: 0px 13px 5px 0px;
	}

#promos h1 a {
	color: #6d9770;
	text-decoration: none;
	}

#promos h1 a:hover {
	color: #666;
	}

#promos p {
	border-top: 1px solid #ccc;
	margin: 3px 0px 0px 0px;
	padding: 5px 0px 20px 30px;
	}

#feature {
	background: url('../images/bg_feature_mt.jpg') no-repeat 0px 0px;
	float: left;
	height: 210px;
	margin: 0px 0px 20px 0px;
	padding: 140px 220px 0px 20px;
	width: 430px;
	}
	
#feature h1 {
	border: none;
	color: #808080;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#feature ul {
	float: left;
	list-style: none;
	margin: 0px 20px 0px 0px;
	width: 186px;
	}
	
#feature #news ul {
	float: left;
	list-style: none;
	margin: 10px 20px 0px 0px;
	width: 410px;
	}
	
#feature ul li {
	border-top: 1px solid #e3dcb2;
	padding: 3px 0px 3px 0px;
	}

#feature ul li.head {
	border-top: none;
	}

#feature ul li a {
	color: #666;
	text-decoration: none;
	}
	
#feature ul li a:hover {
	color: #6d9770;
	}
	
#feature ul li.head a {
	background: url('../images/arrow.png') no-repeat right 3px;
	color: #6d9770;
	font-size: 14px;
	padding: 0px 13px 0px 0px;
	}

#feature ul li.head a:hover {
	color: #666;
	}
	
#column1 {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 615px;
	}
	
#column2 {
	float: left;
	width: 285px;
	}
	
.box {
	background: #e7e7e7 url('../images/bg_box_mt.gif') repeat-x 0px 0px;
	padding: 20px;
	}
	
.box h1 {
	border-bottom: 1px solid #e0e0e0;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	}
	
.box h1 a {
	color: #808080;
	text-decoration: none;
	}
	
.box h1 a:hover {
	color: #666;
	}
	
a.headlink {
	background: url('../images/arrow_sm.gif') no-repeat 0px 3px;
	color: #666;
	display: block;
	float: right; /* left; */
	font-size: 10px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	text-decoration: none;
	}
	
a.headlink:hover {
	color: #333;
	}

/*----Design Thumbnails Homepage----*/
.designHome {
	float: left;
	margin: 0px 14px 0px 0px;
	width: 128px;
	position: relative;
	}
		
.designSmHomeHolder {
	border: 1px solid #999;
	background: #fff;
	padding: 1px;
	width: 126px;
	height: 126px;
	vertical-align:middle;
	text-align:center;
	margin: auto;
	/*position: absolute;
    clip: rect(0px 124px 124px 0px);*/
	}

img.designSmHome_horiz {
	width: 126px;
	}
	
img.designSmHome_vert {
	height: 126px;
	}
	
/*----Coordinating Products Thumbnails----*/	
.design {
	float: left;
	margin: 0px 16px 0px 0px;
	width: 152px;
	position: relative;
	}
	
.designSmHolder {
	border: 1px solid #999;
	background: #fff;
	padding: 1px;
	width: 152px;
	height: 152px;
	vertical-align:middle;
	text-align:center;
	margin: auto;
	/*position: absolute;
    clip: rect(0px 124px 124px 0px);*/
	}

img.designSm_horiz {
	padding: 10px 0px 0px 0px;
	width: 150px;
	}
	
img.designSm_vert {
	height: 150px;
	}
/*---------*/
	
.designAlt { /*---used on home page---*/
	float: left;
	margin: 0px;
	width: 152px;
	}

img.designSm {
	border: 1px solid #999;
	width: 152px;
	}

.designHolder {
	margin: 0px 20px 0px 0px;
	width: 860px;
	}

.designCategory {
	float: left;
	margin: 20px 0px 0px 20px;
	width: 195px;
	}
	
img.designCat {
	border: 1px solid #999;
	width: 193px;
	}

.designCatHolder {
	border: 1px solid #999;
	background: #fff;
	padding: 1px;
	width: 195px;
	height: 195px;
	vertical-align:middle;
	text-align:center;
	margin: auto;
	/*position: absolute;
    clip: rect(0px 124px 124px 0px);*/
	}
	
img.designCat_vert {
	height: 193px;
	}
	
img.designCat_horiz {
	padding: 10px 0px 0px 0px;
	width: 193px;
	}
	
img.designMd {
	border: 1px solid #999;
	width: 243px;
	}

.title {
	margin: 10px 0px 0px 0px;
	text-align: center;
	}
	
.titleAlt {
	/*margin: 136px 0px 0px 0px;*/
	text-align: center;
	}
	
.title a, .titleAlt a {
	color: #6d9770;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	
	}
	
.title a:hover, .titleAlt a:hover {
	color: #666;
	}

.artist {
	color: #999;
	font-size: 11px;
	}
	
ul.coordinating {
	list-style: none;
	width: 245px;
	}
	
ul.coordinating li {
	float: left;
	font-size: 11px;
	width: 245px;
	}
	
ul.coordinating li.head {
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	width: 245px;
	}
	
ul.coordinating li a {
	color: #6d9770;
	text-decoration: none;
	}
	
ul.coordinating li a:hover {
	color: #666;
	}
	
ul.home {
	float: right;
	list-style: none;
	margin: 15px 0px 0px 15px;
	}
	
ul.home li {
	background: url('../images/arrow_sm.gif') no-repeat 0px 3px;
	padding: 0px 0px 3px 13px;
	}
	
ul.home li a {
	color: #6d9770;
	text-decoration: none;
	}
	
ul.home li a:hover {
	color: #666;
	}

	




/* =Footer
----------------------------------------------- */

#footer {
	background: url('../images/logo_artistree.png') no-repeat 0px 0px;
	clear: both;
	height: 70px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 160px;
	}
	
#footer p {
	color: #427553; ' /* B2CEB9, 6d9393; */
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	}
	
#footer p a {
	color: #427553; ' /* #6d9393; */`
	text-decoration: none;
	}

#footer p a:hover {
	color: #cff;
	}
	
#footer div {
	color: #427553; ' /* 6d9393; */
	float: right;
	font-size: 10px;
	text-align: right;
	}
	
#footer div a {
	color: #427553;
	text-decoration: none;
	}
	
#footer div a:hover {
	color: #cff;
	text-decoration: none;
	}
	
	



/* =Product Page
----------------------------------------------- */

#desc {
	float: left;
	padding: 0px 40px 0px 0px;
	width: 295px;
	}

#specs {
	float: left;
	padding: 18px 0px 0px 0px;
	width: 180px;
	}

dl#specsList {
	width: 180px;
	}

dl#specsList dt {
	float: left;
	padding: 0px 0px 15px 0px;
	width: 50px;
	}

dl#specsList dd {
	float: left;
	padding: 0px 0px 15px 0px;
	width: 130px;
	}

#pricelist {
	background: url('../images/bg_column34.gif') repeat-x 0px 0px;
	margin-bottom: 30px;
	padding: 20px;	
}
#pricelist a.close {
	background: url('../images/close_single.gif') no-repeat 0px 0px;
	display: block;
	float: right;
	height: 17px;
	text-decoration: none;
	width: 17px;
}
#pricelist a.close span {
	visibility: hidden;
}
#pricelist h1 {
	font-size: 18px;
	margin-bottom: 0px;
}
#pricelist h2 {
	font-size: 16px;
	margin-top: 0px;
}
#pricelist h3 {
	color: #6c8c75;
	font-size: 15px;
	margin-top: 0px;
}
#pricelist h1 + p {
	padding-top: 5px;
}
#pricelist table {
	width: 670px;
}
#pricelist table th {
	background-color: #ddebe1;
	border-top: 20px solid #fff;
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}
#pricelist table th span {
	display: block;
	font-size: 11px;
	font-weight: normal;
}
#pricelist table td {
	border-top: 1px solid #ddebe1;
	padding: 5px;
}
#pricelist table td.item {
	background-color: #edf5f0;
}
#pricelist table td strong {
	color: #6c8c75;
	font-size: 13px;
	font-weight: normal;
}
#pricelist table td span {
	display: block;
}
#pricelist table td:first-child {
	/*width: 350px;*/
}

/*ERROR*/
.error input[type="password"],
.error input[type="text"], 
.error select {
    border: 1px solid #c00 !important;
    color: #c00 !important;
}
.error {
    color: #c00 !important;
}
#errorMsg {
	padding-bottom: 15px;
}