/*
COLORS
Very light	OLD #cfcac0  NEW #cbc7bf
Background	#c7c2b7
Light Tan	#bab4a5
Medium Tan	#a29e92
Dark Tan H1	#58534b
Brown-links	#59441F
*/

/* 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: 13px;
	font-family: 'Open Sans','Source Sans Pro','Helvetica Neue','HelveticaNeue','Helvetica',Arial,sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	background-color: #d4d0c9; /* #c7c2b7; */
    color: #000;
}

#wrapper {
    max-width: 960px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px;
    text-align: left;
    position: relative;
}

#header {	
	margin: 0 0 25px 0;
	position: relative;
    height: 32px;
/* 	border: #F0F 1px solid; */

}
#header .logo {
	float: left;
	width: 275px;
}
#header .print {
	display: none;
	width: 200px;
}

#header .tag {
    display:inline-block;
    margin-top: 10px;
    margin-left: 15px;
	word-spacing: -1px;
	font-family: 'Source Sans Pro','Helvetica Neue','HelveticaNeue','Helvetica',Arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 23px;
	color: #58534b;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	-moz-opacity:0.5; /* for older Firefox */
}
#header .cartbutton {
	position: absolute;
    right: 0;
    top: 0;
}

p {
	/* 	font-size in pixels is in BODY style */
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 0.5em;
}

H1, H2, H3, H4 {
	font-family: 'Raleway','Source Sans Pro','Helvetica Neue','HelveticaNeue','Helvetica',Arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #58534b;
	line-height: 1.25em;
	margin: 1em 0 0.75em 0;
}

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

H2 {
	font-size: 1.4em;
}

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

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

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

H3.quote  {
	margin: 2.25em 4em 2.25em 2em;
	line-height: 1.6em;
/* 	padding: 20px 30px; */
/* 	width:45%; */
/* 	position: relative; */
}


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: 'Open Sans','Source Sans Pro','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; }

#footer {
	margin: 40px 0 0 0;
}
#footer p {
	color: #787863;
	font-size: 12px;
	line-height: 14px;
	margin:0;
}
#footer a {
	color: #787863;
}
#footer a:hover {
	color: #83876c;
}


#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;
}


.callout {
	margin-top: 15px;
	padding: 20px 31px;
	border: 2px solid #a6a092;
	background-color: #b3ad9e;
	background: rgba(0, 0, 0, 0.03);
	-moz-border-radius: 15px; -webkit-border-radius: 15px; /* rounded corner */
	float: right;
	margin: 0 0 0 40px;
}

/* IMAGES RESPONSIVE */
.calloutImage {
	float: right; margin: 0 0 20px 40px;
}
.calloutImage.thin img, .calloutImage.thin p {
	max-width: 290px;
}
.calloutImage.third img, .calloutImage.third p {
	max-width: 350px;
}
.calloutImage.half img, .calloutImage.half p {
	max-width: 450px;
}
.calloutImage.twothirds img, .calloutImage.twothirds p {
	max-width: 600px;
}
.calloutImage.border {
	padding: 20px 31px;
	border: 2px solid #a6a092;
	background-color: #b3ad9e;
	background: rgba(0, 0, 0, 0.03);
	-moz-border-radius: 15px; -webkit-border-radius: 15px; /* rounded corner */

}


b, strong {
	color: #58534b;
	font-weight: 700;

}

ul {
	list-style-image: url(../images-ui/square_dark.gif);
	list-style-position: outside;
}
ul.box {
	list-style-image: url(../images-ui/box.png);
	list-style-position: outside;	
}

ul.box li {
	padding-left: 5px;
}

ol {
/* 	list-style-image: url(../images-ui/square_dark.gif); */
	list-style-position: outside;
}

ul li, ol li {
	padding-bottom: 0.35em;
	margin-left: 20px;
	line-height: 1.5em;
}




#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; }


/* @end */

.underline {
	text-decoration: underline !important;
}

.smallfont {
/* 	padding: 0 7px; */
	font-size: 12px;
	text-transform: uppercase;
}
.smallfont:before {
    content:"\00a0 \00a0 \00a0 "; 
    display:inline-block; 
}
.smallfont a {
	color: #8b6a34;
	border-bottom: 1px #666 dotted;
}

.linkhighlight {
	padding: 0 5px;
	font-size: 12px;
	text-transform: uppercase;
}
.linkhighlight a {
	color: #8b6a34;
	border-bottom: 1px #666 dotted;
}



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

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


.caption {
	font-size: 12px;
	line-height: 14px;
	color: #786f61; 
}

.textoption {
	font-size: 15px;
	line-height: 1.5em;
	padding: 25px;
	margin: 10px 5px 20px 5px;
	background-color: #cbc7bf;

}
.textdisplay2 .textoption {
	font-size: 13px;
	line-height: 1.6em;
	padding: 20px;
	margin: 20px 20px 0 160px;
	background-color: #cbc7bf;

}
.textoption .notes {
	font-size: 13px;
	line-height: 1.4em;
}
.textoption img {
	/* hebrew text image */
	padding: 30px;
}


.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: 245px;
	margin: 0 12px 5px 0;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.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;
    margin-bottom: 4px;
}
.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: 12px; line-height: 20px;} */
.kthumb a {	color: #333;  }
.kthumb a:hover {	color: #7c663f; }


.linkbutton {
	margin-top: 30px;
	float: left;
}

.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: 14px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; /* rounded corner */
}

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

.newbuttons {
	margin: 15px 0;
}
/*
	orig button
	background-color: #afaba2;
	color: #000 !important;
	border: solid 1px #7a7a67;
	hover
	
	top menu
	background-color: #ddd9cf;
	color: #333 !important;
	border: 1px solid #a29e92;
	hover
	background-color: #a29e92;
	color: #FFF !important;
	border: solid 1px #7a7a67;	
*/
a.newbutton, button {
	background-color: #ddd9cf;
	color: #333 !important;
	border: 1px solid #a29e92;
	opacity: 0.7;
	
	margin: 5px 10px 5px -5px;;
	padding:  6px 18px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	text-transform: none;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; /* rounded corner */
	display: inline-block;
}
a.newbutton.big, a.newbutton.bright, button.big, button.bright {
	font-size: 16px;
	line-height: 17px;
	padding:  8px 20px;
	border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; /* rounded corner */
}
a.newbutton:hover, button:hover, button.big:hover, button.bright:hover {
	background-color: #a29e92;
	color: #FFF !important;
	border: solid 1px #7a7a67;
	text-decoration: none;
}
a.newbutton:visited {
	color: #000 !important;
}

a.newbutton.bright, button.bright {
	background-color: #f8f7f3;
	color: #333 !important;
	border: 1px solid #8e8b81;
	opacity: 0.8;
	margin-top: 20px;
}


/* @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 {
	padding: 0px;
/* 	margin-top: -10px; */
}

#order p.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;
}

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

#order h3 {
	margin-top: 2.5em;
}

#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;
	overflow: auto; /*new*/
	}
#order dl dt, #order dl dd { /*new*/
    float: left;
}
#order dl dt {
	font-size: 11px;
	color: #58534b;
	width: 18%;
	text-transform: uppercase;
	clear: left; /*new*/
	margin-right: 2%; /*new*/
	}
#order dl dd { 
	margin-left: 0; /*new*/
	width: 80%; /*new*/
}
.notes {
	/* in order form */
	color: #58534b;
	font-size: 0.9em;
	line-height: 1.3em;
}

.sizenote {
	float: right; width: 155px; padding: 15px; margin-left: 10px; background-color: #cbc7bf;
}
.sizenote p { font-size: 12px; margin-bottom: 0 !important; }
.sizenote p strong { 1em;}

.hidden { display: none; }

#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;
}

.order_item table.receipt tr td {
	padding: 5px 0;
}

.order_item td, .tablespace td {
	padding: 3px 0;
}

.tablespace td {
	padding: 0 0 6px 0;
}


.errors { margin: 0 0 2.5em 0; }
.errors p { color: #A00; font-size: 14px; }
.errors ul { color: #A00; }


/* @end */

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

.photo_large {
	border: solid 30px white;
}

.photo_small {
	border: solid 15px white;
}

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


#column-art {
	float:left; 
	height: 725px;
}
#column-text {
	float:right; width:215px; 
}

#thisketubah {
	margin-top: 0px;
	text-align: center;
	width: 90%;
	position: relative;
}

#thisketubah img.theart {
	max-width:100%;
	background-color: #FFF;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 20px;
	box-shadow: 2px 2px 5px #888888;
}
#thisketubah img.vertical { margin-left: 80px; }
#thisketubah img.horizontal { margin-left: 0; }

.printsig, .printsig-vert {
	position: absolute; bottom:8px; right:-10px; opacity: 0.6;
}
.printsig-vert {
	right:-90px;
}
.printsig img, .printsig-vert img {
	width: 95px;
}

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

.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 h1 {
	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 */


.switchcolor img {
	margin-right: 5px;
	height: 45px;
	border: 3px solid  #a79c8a;
}

/* @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 */




/* HOME PAGE */

.mainphoto {
	/* used when large photo with caption at top of page */
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}
.mainphoto.right {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}
.mainphoto p {
	position: relative; bottom:0px; left: 0px;
	font-size:12px; color:#666;
}
.mainphoto a {
	color: #777;
}


@media print {
	body {
	    background-color: #FFF !important;
	    background-image: none !important;
	    margin: 20px 20px 20px 30px; padding: 0;
	}
	#wrapper { margin: 0; padding: 0; }
	
	#navmenu, .donotprint {
		display: none;
	}
	#header .logo, #header .cartbutton, #header .tag {
		display:none;
	}
	#header {
		margin-bottom: 30px;
	}
	#header .print {
		display: block !important;
	}
	.calloutImage img {
		width: 75mm !important;
	}
	
	H1 {
		font-size: 14px;
		margin-top: 0;
	}
	
	H2 {
		font-size: 12px;
		margin: 0.75em 0 0.5em 0;
	}
	h2 strong {
		font-size: 14px;
		margin-right: 5px;
		font-weight: normal;
		font-style: normal;
	}
		
	H3 {
		font-size: 11px;
	}
	p {
		font-size: 8px;
		line-height: 14px;
		margin-bottom: 0.5em;
	}
	
}