
div#masthead {
	background-image: url(/siteimages/ecards/header.gif);
}

div#channel_navigation ul
{
	background-color: #099;
}

div#channel_navigation li ul
{
	background-color: #73FFF8;
}

#ecard{
	background-image: url(/siteimages/ecards/ecards_gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
/*	border: 1px solid #F00;*/
}

#sectionHeader{
	width: 100%;
	display: table;
}

#ecard .sectionTitle{
	display: inline;
	float: left;
	clear: none;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;	
	margin: 3px;
}

#ecard .moreLink{
	display: inline;
	float: right;
	clear: right;	
	margin: 3px;		
}

#categoryTitle{
	font-size: 14pt;
	font-weight: bold;
	padding: 5px 0px 15px 0px;
}

#subCategoryTitle{
	font-size: 11pt;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

#composeTitle{
	font-size: 14pt;
	font-weight: bold;
	padding: 3px 0px 10px 0px;	
}

.ecardTable{
	width: 100%;	
}

.ecardTable td{
	vertical-align: top;	
	padding: 3px;	
}

.ecardFormTable{
	width: 100%;
	font-size: 9pt;	
}

.ecardFormTable input.text{
	width: 200px;
}

.ecardFormTable textarea{
	width: 200px;
	height: 200px;
}

.ecardReceiveTable{
	width: 100%;	
	background-color: #A3E6DB;
	border: 1px solid #000;	
	margin-bottom: 15px;
}

.ecardReceiveTable td{
	vertical-align: top;	
	padding: 3px;	
	font-size: 12pt;
}

/*** JM DENTAND ***/
/*
div#masthead { background-image: url(../images/mastheads/ecards_masthead.gif); }
div#site_navigation ul,div#channel_navigation ul,div#channel_navigation li ul { background-color: #099; }
div#channel_navigation li ul { background-color: #73FFF8; }
img.border { border: 1px #333 solid; }
*/
div#second_story h3,div#third_story h3,div.row li h3
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 120%;
}

div#main_story img.photo
{
	float: left;
	margin: 0 10px 10px -200px;
}

div#second_story img,div#third_story img
{
	float: left;
	margin: 0 5px 5px 0;
}

div.row ul
{
	display: table-row;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.row ul li
{
	display: table-cell;
	list-style: none;
	width: 145px;
	margin-right: 0px;
	margin: 0 0 .5em 0;
	padding: 0 7px 0 0;
	float: left;
	overflow: hidden;
}

div.row.three ul li { width: 138px; }
body.front div.row.three ul li { width: 196px; }
div.row ul li.colspan2,div.row ul li.colspan2 li { width: 298px; }



body.front div.row.two ul li.gallery
{
	width: 293px;
	margin-right: 7px;
	padding: 2px 0 0 5px;
}
body.front div.row.two ul li.gallery.double
{
	width: 602px;
	margin-right: 7px;
	padding: 2px 0 0 5px;
}

body.front div.row.two ul li.gallery.duo
{
	width: 200px;
	margin-right: 7px;
	padding: 2px 0 0 5px;
}

body.front div.row.two ul li.gallery.quattro
{
	width: 390px;
	margin-right: 7px;
	padding: 2px 0 0 5px;
}


body.front div.row.two ul li.gallery.last
{
	margin-right: 0;
}


div.row.two ul li.gallery { width: 100px; }

div.row ul li.gallery
{
	background-color: #FFF;
	padding: .5ex;
	width: 100px;
	background-image: url(../images/ecards_gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

div.row ul li ul
{
	margin: 0;
	padding: 0;
	display: block;
}

div.row ul li ul li
{
	margin: 0 0 .2em 0;
	padding: 0;
	text-indent: 0;
}

div.row li ul li a
{
	background-image: url(../images/arrow_breadcrumbs.gif);
	background-position: -2px .2em;
	background-repeat: no-repeat;
	padding-left: 10px;
	display: block;
}

div.row li dl
{
	margin: 0 0 0 0;
	padding: 0;
	text-indent: 0;
}

div.row li dt
{
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-weight: bold;
}

div.row li dd
{
	margin: 0 0 .3em 0;
	padding: 0;
	text-indent: 0;
}

div.row li img.photo
{
	float: left;
	margin: 0 5px 5px 0;
}

div.row li img.photo.right
{
	float: right;
	margin: 0 0 5px 5px;
}

div.row li h5
{
	font-size: 100%;
	margin: 0 0 .3em 0;
}

div#content h4.replaced { background-image: url(../images/h4_ecards.gif); }
div#content h4.replaced#h4_simchas { background-position: 0 0; }
div#content h4.replaced#h4_general { background-position: 0 -20px; }
div#content h4.replaced#h4_festivals { background-position: 0 -40px; }
div#content h4.replaced#h4_property { background-position: 0 -60px; }

fieldset
{
	padding: 0;
	border-width: 0;
	margin: 0 0 1em 0;
}

p.submit
{
	text-align: right;
	margin: 1ex 0 0 0;
	padding: 0;
}

fieldset input.text, fieldset select
{
	width: 90%;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

/*input.text.small { width: 3em; }*/
p#username
{
	width: 95px;
	float: left;
	margin-right: 5px;
}

p#username input, p#password input
{
	width: 90px;
	font-size: 80%;
}

p#username label,p#password label { font-size: 80%; }

input.submit.small
{
	font-size: 80%;
	margin: .5em 0;
	padding: 0;
}

fieldset label { font-size: 80%; }
body.front fieldset { margin: 0; }
body.front fieldset select { margin: 0 0 .2em 0; }

fieldset input.submit.small
{
	background-color: #CC3;
	border: 1px #333 solid;
	padding: .1em;
}

/* Result styling */
ul.results
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 130%;
	display: table;
	width: 96%;
}

ul.results li
{
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.results li.result
{
	border: 1px #ccc solid;
	padding: 1ex;
	margin: 0 0 2ex 0;
	/*width: 422px;*/
}

ul.results li.result.expired
{
	background-color: #ccc;
	border-color: #999;
}

ul.results li.result.expired  dt { border-color: #999; }
ul.results li.result.expired em { color: red; }

ul.results li.gold
{
	background-color: #FFC;
	border-color: #CCC;
}

ul.results li.image dl { padding-right: 90px; }

ul.results li.silver
{
	background-color: #FFF;
	border-color: #CCC;
}

ul.results dl
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.results dt
{
	border-bottom: 1px #Ccc solid;
	font-weight: bold;
	padding: 0 0 .5em 0;
	margin: 0 0 1ex 0;
	font-size: 110%;
	color: #000;
}

ul.results img.logo
{
	border: 1px #fff solid;
	float: right;
}

ul.results li.gold dt
{
	border-bottom: #CCC;
	font-weight: bold;
	margin: 0 0 1ex 0;
	font-size: 130%;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

ul.results li.silver dt { border-bottom: #CCC 1px solid; }

ul.results dd
{
	text-indent: 0;
	margin: 0;
	padding: 0;
}

ul.results dt a { text-decoration: none; }

ul.results  dl ul
{
	list-style: none;
	float: left;
	display: table;
	margin: 0;
	padding: 0;
	width: 50%;
}

ul.results  dl dd.details
{
	width: 100%;
	display: table;
}

ul.results dl dd.description { padding-top: 0; }

ul.results  dl dd.description ul
{
	width: 80%;
	display: block;
	margin: 1em 0 .5em 0;
}

ul.results  dl dd.description p
{
	width: 100%;
	display: block;
	margin: 1em 0 .5em 0;
	padding: 0;
}

ul.results  dd.description  li
{
	float: left;
	width: 40%;
	display: block;
	padding-left: 2ex;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

ul.results dd.interactive { text-align: right; }

p.browser
{
	font-size: 80%;
	margin: 0 0 1em 0;
	color: #999;
}

p.quicksearch
{
	float: right;
	font-size: 80%;
	margin: 0;
	padding: 0;
	z-index: 50;
	position: relative;
}

p.browser a { text-decoration: none; }

p.quicksearch input#search_input
{
	width: auto;
	vertical-align: middle;
}

a#currentpage
{
	cursor: default;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

/* end result styling */
div.package
{
	padding: 1ex 1ex 1ex 6ex;
	line-height: 130%;
	background-color: #fff;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
	margin: 0 0 1ex 0;
}

p.radio#silver { border-color: #CCC; }

div.package#gold
{
	border-color: #CCC;
	background-color: #FF9;
}

div.package input
{
	float: left;
	margin-left: -4.5ex;
}

strong { font-weight: bold; }
p.radio#silver strong { font-size: 130%; }

p.radio#gold strong
{
	font-size: 130%;
	color: #30F;
}

label { font-size: 80%; }

fieldset.form
{
	padding: 1.5ex;
	margin: 1em 0;
	border: 1px #ccc solid;
}

fieldset input.text,fieldset textarea,fieldset select
{
	width: 100%;
	margin-bottom: .5ex;
}

input.radio
{
	margin: 0 2ex 0 0;
	vertical-align: middle;
	text-transform: inherit;
}

body.front div.row.four ul li.login
{
	margin: 3px 0;
	background-image: url(../images/login_background_gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

li.login fieldset { padding: 0 1ex; }

dl.gallery
{
	width: 97px;
	float: left;
	display: block;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

dl.gallery.familyAlbum { width: 58px; }

dl.gallery dt,dl.gallery dd
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	line-height:120%;
}

dl.gallery dd.date { color: #999; margin0; padding:0; display:inline;}

p.date {
color:#999;
font-size:80%;
margin-bottom:1em;
}

div.more
{
	top: 20px;
	left: 240px;
}

div.more a
{
	display: block;
	width: 90px;
	height: 17px;
	background-image: url(../images/h4_ecards.gif);
	background-position: 0 -200px;
	text-indent: -1234em;
	overflow: hidden;
	background-repeat: no-repeat;
	float: right;
}

ol.thumbnails,ol.thumbnails2
{
	display: table;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	width: 440px;
	font-size: 80%;
}

ol.thumbnails li
{
	display: table-cell;
	list-style: none;
	margin: 0;
	text-indent: 0;
	float: left;
	width: 100px;
	padding: 7px 5px 10px 4px;
	height:20ex;
}

ol.thumbnails li.main { width: 405px; }


ol.thumbnails li dl { width: 120px; }



ol.thumbnails li dl.gallery {
margin:0;
padding:0;
width:95px;
}



table.photoorder {
width:100%;
margin: 10px 0 10px 0;
}

table.photoorder td {
vertical-align: middle;
font-size:80%;
border-top: 1px #999 solid;
padding: 3px 3px 3px 0;
}

table.photoorder tr.buttons td {
padding: 10px 3px 10px 0;

}

table.photoorder td a img.border {
margin:0;
padding:0;
}

table.photoorder td.addremove {
padding-left:10px;
}

table.photoorder select {
font-family: arial,helvetica,verdana;
font-size:small;
padding:2px;
border: 1px #999 solid;
width:auto;
background-color:#cff;
}

input.qty {
width:50px;
text-align:right;
}

td.digit { text-align: right; }



ul.border li {
border-top:1px #ccc solid;
padding-top:1em;
display:block;
}

ul.border li img {
vertical-align:middle;
margin:10px;
}

ul.border li input {
margin-right:10px;
}
