/*

OLD COLOR PALETTE:
Dark Green:		#505042		Body background
Darkest Green:	#83876C		dotted rules
Lt Green:		#aaaa8d		Headings, links	
Med Green:		#656556		Popup menu

DS COLOR PALETTE
Dark Brown		#58534b 	headers		
Medium Brown	#7F7A6F
Light Brown		#a6a092
Very Light (?)	#c3beb2

Tan				#bab4a5		Background
Light Tan		#aa9b7f		dotted lines in DS.com
Orange Tan		#7c663f 	original link color
Deep Brown		#59441F		new links

TYPEKIT FONTS (in order of preference)
1. Depot New Web
	100 Thin
	300 Light
	400 Regular 
2. Myriad Pro
	300 Light
	400 Regular
3. Nimbus Sans or Dagny
*/

/* RESET CSS */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
table{font-size:inherit;font:100%;}
/* END RESET */

html { overflow-y:scroll; } /* prevent firefox scrollbar jump */

body {
	font-size: 12.5px;
	font-family: Verdana, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	background: #505042;
	color: #fff;
	background-color: #bab4a5;
    background-image: url('../images-ui/stucco-wall-dark.gif');
    background-repeat: repeat;
    color: #000;
}

#wrapper {
    width: 900px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    text-align: left;
    position: relative;
    background-image: url('../images-ui/divshadow3.gif');
    background-repeat: no-repeat;
    background-position: 1px 4px;
}

#header {	
/* 	border-bottom: dotted 1px #7f7a6f; */
	position: relative;
	padding-bottom: 2px;
/*
    background-image: url('../images-ui/divshadow2-header.gif');
    background-repeat: no-repeat;
    background-position: 150px 0px;
*/
}

#main {
	width: 700px;
	float: right;
	margin-top: 28px;
	margin-right: 10px;
	position: relative;
}

#sidebar {
	width: 155px;
	float: left;
/*
	border-right: dotted 1px #7f7a6f;
	border-bottom: dotted 1px #7f7a6f;
*/
	position: relative;
/*
    background-image: url('../images-ui/divshadow2-sidebar.gif');
    background-repeat: repeat-y;
    background-position: 2px 0px;
*/
}

#footer {
	margin: 3em 0;
	color: #787863;
	font-size: 9px;
}

#footer a {
	color: #787863;
}

#footer a:hover {
	color: #83876c;
}

#footer .contacts {
	float: right;
	padding: 0px 12px;
	text-transform: uppercase;
	margin: 0;
	border: 1px dotted #83876c;
	padding: 3px 12px;
}
#footer .copyright {
	line-height: 14px;
	margin:0;
}

#topalert {
	display: none;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	font-size: 12px;
	letter-spacing: 0.5px;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	-moz-opacity:0.5; /* for older Firefox */
	box-shadow: 2px 2px 5px #888;
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
} 
#topalert strong {
	font-size: 13px;
}


#header-tagline {
	word-spacing: -1px;

	float: left;
	height: 40px;
	font-family: depot-new-web,'Helvetica Neue','HelveticaNeue','Helvetica',Arial,sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 0 15px; 
	font-size: 25px;
	color: #FFF;
	position: relative;
}

H1, H2, H3, H4 {
	word-spacing: 0px;
	color: #58534b;
	line-height: 1.25em;
	margin: 1em 0 0.75em 0;
	text-transform: lowercase;
	font-family: depot-new-web,'Helvetica Neue','HelveticaNeue','Helvetica',Arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 0.75em;
}

H1 {
	font-size: 1.8em;
	margin-top: 0;
}

H2 {
	font-size: 1.5em;
}

H2.subhead {
	margin-top:-0.75em;
	padding-top:0;
	padding-bottom:0;
}

H3 {
	text-transform: none;
	font-size: 1.2em;
}

H3 select, input[type="submit"]  {
	margin-top: 5px;
}

H4 {
	font-size: 1.2em;
	line-height: 1.5em;
	text-transform: none;
	margin: 1.25em 0 1em 0;
	}

#tagline {
	font-size: 16px;
	line-height: 21px;
	font-family: depot-new-web,'Helvetica Neue','HelveticaNeue','Helvetica',Arial,sans-serif;
	font-weight: 400;
	font-weight: normal;
	color: #7f7a6f;
	width: 135px;
	margin: 30px 0 1px 0;
}
#tagline a { color: #7f7a6f; }

p {
/* was 11/17 */
/* 	font-size: 12.5px; PUT IN body */
	line-height: 1.5em;
	margin-bottom: 0.75em;
}

#mainmenu {
	margin-bottom: 12px;
	margin-top: 10px;
 	font-size: 0.9em;
}

#mainmenu .menu_section {
	margin: 25px 0 15px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #7f7a6f;
	font-weight: bold;
	text-transform: uppercase;
/* 	border-bottom: 1px dotted #7f7a6f; */
	background-image: url('../images-ui/divshadow3-rule.gif');
    background-repeat: no-repeat;
    background-position: 0px 10px;
}

#mainmenu .menu_item {
	margin: 0 0 8px 0;
	font-size: 10px;
	line-height: 1em;
}

#mainmenu .testimonial {
	font-size: 11px;
/* 	font-family: Georgia, Arial, Verdana, sans-serif; */
	line-height: 16px;
/* 	color: #58534b; */
	width: 140px;
	margin-bottom: 20px;
}


#mainmenu .testimonial em {
	line-height: 1.75em;
/* 	color: #7F7A6F; */
}

b, strong {
	color: #58534b;
}

ul {
/* 	font-size: 0.9em; */
	line-height: 1.5em;
	list-style-image: url(../images-ui/square_dark.gif);
	list-style-position: outside;
}

ul li {
	padding-bottom: 0.75em;
	margin-left: 20px;
}

ul li a {
	font-weight: bold;
}


#mainmenu ul  {
	line-height: 1em;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#mainmenu ul li {
	padding: 0;
	margin-left: 0;
}

#mainmenu ul li a {
	font-style: normal;
	font-weight: normal;
}


/* @group a */

a, a:link, a:visited {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #59441F;
}
a:active, a:hover { color: #94651b; }


.plain_link:hover {
	text-decoration: none;
	border-left-style: none;
	border-style: none;
}

/* @end */

.dashed_above {
	border-top: 1px dotted #83876c;
}

.dashed_right_bottom {
	border-right: 1px dotted #83876c;
	border-bottom: 1px dotted #83876c;
}

.smallfont {
/* 	color: #aaaa8d; */
	font-size: 9px;
	text-transform: uppercase;
	top: 5px
}

.help td {
	border-top: 1px solid #656556;
	padding: 5px 0;
}

.comment {
	font-size: 10px;
	line-height: 14px;
}


.caption {
	font-size: 10px;
	line-height: 14px;
}

.textoption {
	font-size: 12px;
	line-height: 19px;
	padding: 25px;
	margin: 10px 5px 20px 5px;
	border: 0px dotted #999;
	background-color: #c3beb2;

}

.textoption .notes {
	font-size: 11px;
	line-height: 16px;
}

.faq-a {
	display: none;
}

.blurb {
	margin-top: 15px;
}
.blurb p {
	font-size: 11.5px;
	line-height: 1.75em;
	padding-bottom: 8px;
}

.kthumb {
	float:  left;
	width:  220px;
	height: 235px;
	margin: 0 12px 5px 0;
}
.kthumb .horiz { width: 200px; margin-top: 25px; }
.kthumb .vert  { height:200px; margin-top: 0px; }
.kthumb .thethumb {
	border: 10px #FFF solid;
	box-shadow: 2px 2px 5px #666;
	-moz-box-shadow: 2px 2px 5px #666;
    -webkit-box-shadow: 2px 2px 5px #666;
}
.kthumb .thethumb:hover {
	box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px #000;
}
.kthumb p {	text-align: center; font-size: 10px; line-height: 20px;}
.kthumb a {	color: #333; font-style: italic; }
.kthumb a:hover {	color: #7c663f; }



/* @group buttons */

/* OLD BUTTONS
#buttons {
	float: left; margin-right: 10px;
	}

#buttons p {
	text-align: center;
	text-transform: lowercase;
	margin-top: 15px;
	padding: 2px;
	width: 180px;
	border: solid 1px #7F7A6F;
}

#buttons a:hover {
	text-decoration: none;
}

#buttons p:hover {
	background-color: #cac6bc;
	text-decoration: none;
}
*/


.linkbutton {
	margin-top: 35px;
}

.linkbutton a {
	margin-right: 10px ;
	padding:  5px 15px 5px 15px;
	background-color: #a6a092;
	color: #000;
	border: dotted 1px #96967c;
	text-align: center;
	text-transform: lowercase;
	font-size: 12px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; /* rounded corner */
}

.linkbutton a:hover {
	background-color: #c3beb2;
	text-decoration: none;
}


/* @end */


/* @group orders */

.order_item, .productlist {
	margin-top: 15px;
	padding: 20px 31px;
	border: 2px solid #a6a092;
	background-color: #b3ad9e;
	/* RGBa color doesn't work in some IE */
	/* Details & fixes: http://www.redbridgenet.com/development/cross-browser-css-background-transparency/ */
	background: rgba(0, 0, 0, 0.03);
	-moz-border-radius: 15px; -webkit-border-radius: 15px; /* rounded corner */
}

.highlight {
	border: 2px #FFF solid;
	background: rgba(0, 0, 0, 0.06);
}

#order_item .description {
	margin-bottom: 20px;
}

#order_item .price, .price {
	font-weight: bold;
	color: #337f26;
	padding: 0 5px;
	font-size: 1em;
}

#order H2, #order_item H2 {
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0;
}

#order p, td {
/*
	font-size: 11px;
	line-height: 17px;
*/
	font-weight: normal;
	font-style: normal;
	margin: 0 0 11px 0;
}

#order p.newparagraph {
	margin-top: 2em;
}

#order b {
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

#order dl {
	line-height: 20px;
	margin-bottom: 10px;
	}
#order dl dt {
	font-size: 11px;
	color: #58534b;
	float: left;
	width: 125px;
	text-transform: uppercase;
	}
#order dl dd { 
/* 	font-size: 11px; */
}

.notes {
	color: #58534b;
	font-size: 10px;
	line-height: 12px;
}

#order {
	padding: 0px;
/* 	margin-top: -10px; */
}


#order u {
	color: #699;
	font-size: 9px;
	line-height: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}

#ordersummary {
	font-weight: bold;
	text-align: left;
}

/* @end */

.image { 
	padding: 0;
	border: 0;
}

.photo_large {
	border: solid 30px white;
}

.photo_small {
	border: solid 15px white;
}

.photo_snapshot {
	border: 2px solid #333;
}


.main_image {
	text-align: center;
	width: 486px;
	height: 543px;
	position: relative;
	top: 0;
	margin-top: 5px;
	background: url(../images-ui/paperbkg-vert.gif) no-repeat 3px 0;
}

.main_image_horiz {
	text-align: center;
	width: 486px;
	height: 543px;
	position: relative;
	top: 0;
	margin-top: 5px;
	background: url(../images-ui/paperbkg-horiz.gif) no-repeat 3px 0;
}

.main_image img {
	border: solid 0px white;
	margin-top: 50px;
	height: 435px;
}
.main_image_horiz img {
	border: solid 0px white;
	margin-top: 50px;
	width: 435px;
}

.print_image {
	text-align: center;
	width: 486px;
	height: 543px;
	position: relative;
	top: 0;
	margin-top: 5px;
	font-size: 10px;
	line-height: 133%;
	background: url(../images-ui/paperbkg-vertsig.gif) no-repeat 3px 0;
}
.print_image_horiz {
	text-align: center;
	width: 486px;
	height: 543px;
	position: relative;
	top: 0;
	margin-top: 5px;
	font-size: 10px;
	line-height: 133%;
	background: url(../images-ui/paperbkg-horizsig.gif) no-repeat 3px 0;
}
.print_image img {
	border: solid 0px white; /*15*/
	margin-top: 95px;
}
.print_image_horiz img {
	border: solid 0px white; /*15*/
	margin-top: 70px;
}
.print_image p  {
	font-size: 10px;
	line-height: 133%;
	margin-top: 6px; /*6*/
	padding-top: 95px;
}
.print_image_horiz p  {
	font-size: 10px;
	line-height: 133%;
	margin-top: 6px; /*6*/
	padding-top: 75px;
}





#pullout {
	float: right;
	width: 325px;
	border: 0px #aaaa8d solid;
	padding: 15px;
	margin: 0 0 0px 10px;
}


/* @group forms */

input, submit,select,textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Geneva;
}

input[type="text"], textarea, select {
    margin: 0;
	padding: 2px;
	font-size: 1em;
	border: 1px solid #999;
	color: #666;
	line-height: 1.1em;
	background-color: #ffffff;
}

input[type="submit"], input[type="button"] {
	font-size: 1em;
	padding: 2px;
}

textarea {
	width: 540px;
}

.inputcontainer {
	padding: 0;
	margin: 5px 0;
}

.inputcontainer input[type="text"], .inputcontainer textarea {
	margin-top: 3px;
}

.inputcontainer small {
	color: #222;
}

input[type="text"]:hover, textarea:hover {
	border-color: #000;
}

input[type="text"]:focus, textarea:focus {
	border: 1px solid #CCC;
	color: #333;
	background: #d7d3bf;
}

/* @end */

/* @group judaica */
		
.productlist h2 {
	margin-top: 5px;
	padding-top: 0;
}

.productlist img {
	width: 300px;
	height: 100px;
	float: right;
	margin-left: 20px;
	border: 1px solid #bebe9e;
}	

#product {
	width: 390px;
	float: left;
}

#product img {
	/* width = 380px; */
}

#product_text {
	float: right;
	width: 200px;
}

#product_text h2 {
	padding: 0;
	margin: 10px 0 5px 0;
}

#product_text p {
	font-size: 10px;
	line-height: 17px;
}

#product_text .artist {
	color: #333;
	font-size: 9px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}



/* @end */


/* @group picturetabs */

.ui-tabs-hide { display: none; }

#tab_container {
	/*text-align: center;*/
}

.ui-tabs-panel {
	margin-bottom: 55px;
}

.ui-tabs-nav {
	margin: 0;  
	padding: 0;
}

.ui-tabs-nav li, .small-button {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	display: inline;  
	list-style: none;  
	border: 1px solid  #a6a092;
	padding: 4px 6px;
	margin-left: 3px;
	font-size: 9px;
	height: 200px;
}

.ui-tabs-nav img {
	width: 40px;
	border: 3px solid  #a79c8a;
}

.magnify {
	background: url('../images-ui/icon-search.png') no-repeat scroll 5px 4px;
	padding-left: 20px;
}
.magnify:hover {
	background-color: #cac6bc;
}

.ui-tabs-nav a {
		font-weight: normal;
}

.ui-tabs-nav li:hover, .ui-tabs-nav li:hover a, .enlarge:hover {
	/* background-color: #bebe9e;
	color: #505042; */
}


/* @end */

/* @group Front Page Call Outs */

#articles {
	margin-top: 15px; /* 5px */
}

#articles h2 {
	margin-top: 2px;
	padding-top: 2px;
	font-size: 13px;
}

#articles p, #judaica_ad p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 1em;
}

.column3 {
	width: 215px;
	padding-right: 25px;
	float: left;
}

#judaica_ad {
	width: 145px; /* 190 */
	/* height: 264px; */
	border: 3px solid #59594c;
	padding: 14px;
	background-color: #656556;
	-moz-border-radius:10px; -webkit-border-radius:10px; /* rounded corner */
}

#judaica_ad h2 {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	line-height: 1.0em;
	border-bottom:1px dotted #83876C;
}

#judaica_ad h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}


#judaica_ad img {
	/* width: 148px;
	margin-top: 11px; */
	margin: 0 7px 2px 0;
	padding: 1px;
	width: 34px;
}

#judaica_ad a img {
	border: 1px solid #505042;
}

#judaica_ad a:hover img {
	border: 1px solid #FFF;
}

/* ALT */
#judaica_ad_wide {
	border: 3px solid #7F7A6F;
	background-color: #a6a092;
	height: 140px;
	margin: 35px 0 10px 0;
	padding: 12px 12px 12px 18px;
	-moz-border-radius:5px; -webkit-border-radius:5px; /* rounded corner */
}

#judaica_ad_wide h3 {
	font-size: 17px;
	margin: 0 0 6px 0;
}

#judaica_ad_wide p {
	font-size: 12px;
	line-height: 15px;
	margin: 0;
}

#judaica_ad_wide img {
	height: 120px;
	float: left;
	margin-right:30px;
	border: 10px solid #FFF;
}


/* @end */


#next_prev {
	margin: 7px 0 15px 0;
	font-size: 11px;
	line-height: 1em;
	text-shadow: 0;
}
#next_prev a {
	border: 1px #7F7A6F dotted;
	padding: 0px 4px;
}
#next_prev a:hover {
	background-color: #cac6bc;
}
#tooltip{
	position:absolute;
	border:2px solid #656556;
	background:#cac6bc;
	padding: 8px 11px;
	color:#333;
	font-size:10px;
	line-height: 1.5em;
	display:none;
	z-index: 2;
}

/* HOME PAGE */

#homepage h1 {
	font-size: 17px;
	line-height: 24px;
	text-decoration: none;
	text-transform: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 15px;
}
.mainphoto {
	position: relative;
}
.mainphoto p {
	font-size:10px; color:#FFF; position: absolute; top:415px; left: 5px; opacity: 0.5; filter:alpha(opacity=50);
}
.ketubah_slideshow {
	margin-top: 20px;
	height: 210px;
}
.nav {
	width: 690px;
	z-index: 99;
	position: relative;
	top: -10px;
}
.nav img {
	z-index: 99;
	float: right;
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-moz-opacity:0.5; /* for older Firefox */
}