@charset "utf-8";
/* CSS Document */

body {
	font: small Arial, Verdana, sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	background: url(/images/bkgrnd.jpg) repeat top left;
}
a:link {color: #333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline;}
a:active {color:#990000; text-decoration: underline;} 
a.contentlink {font-weight: bold;}

/* HEADINGS   */

H1, H2, H3 {
	font-family: arial;
	font-weight: bold;
	border-left: 7px solid #990000;
	padding-left: 5px;
}

H1 {

	font-size: 1.7em;
	line-height: normal;
	margin: 0;
}

H2 {
	font-size: 1.4em;
	margin: 0 10px 0 0;
}

H3 {
	font-size: 1.2em;
	margin: 0;
}
H4{
	margin: 10px 0;
}

ol li{padding-bottom: 1em;}
ol li li {list-style-type: upper-alpha; padding-bottom: 1em;}

#homepg_container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border-left: 3px solid #222;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	background: #fff;
	text-align: left;
}
#container {
	width: 960px;
	margin: 0px auto;
	border-left: 3px solid #222;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	background: #fff url(/images/eagle_wtrmrk.gif) no-repeat 0 160px;
	text-align: left;
}
#contentpg {
  margin: 20px 30px 20px 30px;
  width: 700px;
  min-height: 600px;
}
#artMain{
	margin: 20px 30px 20px 30px;
  	width:  700px;
	min-height: 600px;
}
#pressMain{
	margin: 20px 30px 20px 30px;
  	width:  700px;
	min-height: 600px;
}

#header {
	width:100%;
	margin: 0;
	padding: 5px 0 0 0;	
}
#logo {
	float: left;
	margin: 0 0 0 10px;
}
#global {
	float: right;
	width: 560px;
	font-family: Arial, Verdana, sans-serif;
	font-size: .85em;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}
#global ul{margin: 0px;	padding: 0px;}
#global ul li{display : inline; color: #990000; padding-top: 5px; vertical-align:text-bottom;}
#global a:link {color: #990000;	text-decoration: none;}
#global a:hover {text-decoration: underline;} 
#global a:visited {color: #990000;} 

/* top navigation */

#nav
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	
	background: #ccc url(/images/bkgrnd.gif) repeat-x top left;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
} 
#nav ul{list-style-type: none; margin:0; padding:0;}
#nav li{
   float: left;
   padding: 0;
   margin: auto;
   font-family: Arial, Verdana, sans-serif;
}
#nav a
{
	display: block;
	padding: 6px 9px;
	font-weight: bold;
	color: #222;
	background: #ccc url(/images/bkgrnd.gif) repeat-x top left;
	text-decoration: none;
}
#nav a:hover,
#nav a.on
{
	color: #fff;
	background: #000;
} 
#nav li a#current 
{
	color: #fff;
	background: #000;
}

#leftnav{
	float: left;
	font-size: .85em;
	padding: 0px;
	width: 200px;
	border: none;
	margin: 10px 0 0px 10px;
/*
	clear: both;
*/
}

#leftnav ul{list-style-type: none; margin:0 0 1em 0px; padding: 0;}
#leftnav ul li{padding-bottom: .5em;}
#leftnav ul li a.know{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/know_nav.gif);}
#leftnav ul li a.know:hover{background-position: -139px 0;}

#leftnav ul li a.cred{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/cred_nav.gif);}
#leftnav ul li a.cred:hover{background-position: -139px 0;}

#leftnav ul li a.comm{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/comm_nav.gif);}
#leftnav ul li a.comm:hover{background-position: -139px 0;}

#leftnav ul li a.stor{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/stor_nav.gif);}
#leftnav ul li a.stor:hover{background-position: -139px 0;}

#leftnav ul li a.ppl{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/ppl_nav.gif);}
#leftnav ul li a.ppl:hover{background-position: -139px 0;}

#leftnav ul li a.email{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/email_nav.gif);}
#leftnav ul li a.email:hover{background-position: -139px 0;}

#leftnav ul li a.gift{display: block; width: 139px; height:19px; text-decoration: none; background: url(/images/gift_nav.gif);}
#leftnav ul li a.gift:hover{background-position: -139px 0;}

.displace {position: absolute; left: -5000px;}


#leftnav li ul{margin:10px 0 0 40px; list-style: none;}
#leftnav li ul li{padding:0; background:none; text-align: left;}

/* Holly Hack to fix ie6 li bg */
/*  Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */
@media print{
ul {
    list-style:disc;
    margin-left:30px;
}
ul li {
    padding-left:0px;
    background:none;
}
} /* end print */


#homemain{width: 100%; margin: 0; padding: 0; }
#homemarquis{float: left; margin:5px 0 0 15px; padding:0; width:630px;  }
#homemarquis ul{ list-style-type:none; margin:0; padding:0;}
#homemarquis ul li{display:inline;}
#homesidebar{width:285px; margin-left: 635px; margin-top: 20px; padding:0; min-height: 426px; }
#homesidebar a.feat{display:block; width:264px; height: 34px; text-decoration: none; background: url(/images/shopbtn_featured.gif);}
#homesidebar a.feat:hover{background-position: -264px 0;}
#homesidebar a.prl{display:block; width:264px; height: 34px; text-decoration: none; background:url(/images/shopbtn_pearls.gif);}
#homesidebar a.prl:hover{background-position: -264px 0;}
#homesidebar a.ja{display:block; width:264px; height: 34px; text-decoration: none; background:url(/images/shopbtn_ja.gif);}
#homesidebar a.ja:hover{background-position: -264px 0;}

#homepnl{width: 100%; background: #fff; margin:0px 0 0 0; padding-top: 20px; border-top:1px solid #eee;}

#boxknow{float: left; width: 204px; padding: 8px; margin: 2px 8px .4em 12px; background: url(/images/jorgeknow.jpg) no-repeat bottom left; min-height:97px; height:97px;}
#boxknow ul{list-style-type: none; margin:0 0 0 110px; padding: 0;}
#boxknow li {margin: 0; padding: 0 ; font-size: .7em; line-height: 2em; text-align:left;}
#boxknow li a.know{display: block; margin-bottom: 8px; width:88px; height:12px; text-decoration: none; background: url(/images/know_ttl_sprite.gif);}
#boxknow li a.know:hover{background-position: -88px 0;}

#boxcred{float: left; width: 174px; padding: 8px; margin: 2px 10px .4em 0; background: url(/images/stacked_rings_ja_sig.jpg) no-repeat bottom left; min-height:97px; height:97px;}
#boxcred ul{list-style-type: none; margin:0 0 0 85px; padding: 0;}
#boxcred li {margin: 0; padding: 0 ; font-size: .7em; line-height: 2em; text-align:left;}
#boxcred li a.cred{display:block; margin-bottom: 8px; width:88px; height:12px; text-decoration: none; background: url(/images/cred_ttl_sprite.gif);}
#boxcred li a.cred:hover{background-position: -88px 0;}

#boxcomm{float: left; width: 188px; padding: 8px; margin: 2px 10px .4em 0; background: url(/images/storepic_sm.jpg) no-repeat bottom left; min-height:97px; height:97px;}
#boxcomm ul{list-style-type: none; margin: 0; padding: 0;}
#boxcomm li{ margin:0; padding: 0; font-size: .7em; line-height: 2em; text-align:left;}
#boxcomm li a.comm{display:block; margin-bottom: 8px; width:112px; height:12px; text-decoration: none; background: url(/images/flgship_ttl_sprite.png);}
#boxcomm li a.comm:hover{background-position: -113px 0;}

#boxppl{float: left; width: 270px; padding: 8px; margin: 2px 0 .4em 0; background: url(/images/jorgeandkate.jpg) no-repeat bottom left; min-height:97px; height:97px;}
#boxppl ul{list-style-type: none; margin:0 0 0 150px; padding: 0;}
#boxppl li {margin: 0; padding: 0 ; font-size: .7em; line-height: 2em; text-align:left;}
#boxppl li a.ppl{display:block; margin-bottom: 8px; width:112px; height:12px; text-decoration: none; background: url(/images/ppl_ttl_sprite.gif);}
#boxppl li a.ppl:hover{background-position: -113px 0;}

/*SOCIAL NETWORKING 
#sociallinks{margin-top: 1em; width:286px;}
#sociallinks ul{list-style-type: none; font-size:.75em; text-transform:uppercase; font-weight:bold; width: 283px; margin:0; padding: 0;}
#sociallinks li.blog, li.judysbook, li.facebook, li.video{padding: 0px 2px 8px 27px; line-height: 3em;}
#sociallinks li.blog, li.judysbook{margin-left: .2em;}
#sociallinks .blog{background: url(/images/blog_ico.gif) no-repeat 0 0;}
#sociallinks .judysbook{background: url(/images/jb_ico.gif) no-repeat 0 0;}
#sociallinks li.facebook, li.video{margin-left: 14em; }
#sociallinks li.video{margin-top: -7.5em;}
#sociallinks .facebook{background: url(/images/fb_ico.gif) no-repeat 0 0;}
#sociallinks .video{background: url(/images/video_ico.gif) no-repeat 0 0;}*/

/*SOCIAL NETWORKING */
#sociallinks{margin-top: 2em; width:635px; display: inline;}
#sociallinks ul{list-style-type: none; font-size:.75em; text-transform:uppercase; font-weight:bold; width: 635px; margin:1.2em 0 0 0; padding: 0;}
#sociallinks li.blog, li.judysbook, li.facebook, li.video{padding: 5px 8px 8px 27px; line-height: 3em; margin-left: .2em;}
#sociallinks .blog{background: url(/images/blog_ico.gif) no-repeat 0 0;}
#sociallinks .judysbook{background: url(/images/jb_ico.gif) no-repeat 0 0;}
#sociallinks .facebook{background: url(/images/fb_ico.gif) no-repeat 0 0;}
#sociallinks .video{background: url(/images/video_ico.gif) no-repeat 0 0;}

#cat_title{font-size: .80em; padding: 5px; width: 190px; text-align:center; border: 1px solid #ccc; margin: 5px 5px 5px 5px; clear:right;}
.cat_filter{font-size:1.1em; font-weight:bold; width:190px; border: 1px solid #ccc; margin: 0px 0px 10px 0px; padding: 5px; clear: right;}
.cat_filter select,
#sortpage select
{
	border: 1px #000 solid;
	width: 190px;
	font-family:Arial,Verdana,sans-serif;
	color:#333333;
}


/* RIGHT COLUMN  MAIN CONTENT AREA */
#main {
	padding: 0;
	margin: 10px 10px 10px 25px;
	border: none;
	width:690px;
/*
	position: relative;
*/
	float: left;
} 
#breadcrumb {margin:0 0 .5em 0; padding: 0; position: relative; width:450px; }
#breadcrumb ul{list-style:none; margin:0; padding:0; }
#breadcrumb li {display:inline;padding:0 2px 0 0;font-size: .75em; font-weight: normal;}
#breadcrumb li a{text-decoration: underline;}
#sortpage{ margin: 0; padding: 0; font-size: .8em; font-weight: bold;}
#sortpage ul {list-style: none; margin: 0; padding: 0; }
#sortpage li {display:inline;}
/*
#srt {float: left; margin: 0; padding: 8px 10px 8px 10px;}
*/
#pg {float: left; margin: 0; padding: 8px 10px 0 0;}

#produts-listing{display: block; float: left;}
.indv_prod {float: left; display: block; border: 1px solid #eee; height: 175px; width: 205px; margin: 5px 20px 10px 0px;}
.indv_prod dl {text-align:center; margin:0; padding: 0; font-size:.75em; line-height:1em;}

.indv_prod dd {margin:0; padding:2px;}
.indv_prod dd.prod_img {border-style:none; padding:0; height:110px;}
.indv_prod dd.prod_desctw{text-align: center;}

.indv_prod dd.prod_price{font-weight:bold;}
.indv_prod dd.prod_saleprice{color:#990000; font-weight:bold; }

#prod_photos {
	font-size:.75em;  
	margin: 0 0 0 25px;
	padding: 0;
	float:left;
}

#prod_photos table caption{text-align: left;}
#prod_photos table td {padding: 5px; text-align:center; border: 1px solid #ccc;}

#prod_details {font-size:.85em; width:300px; margin: 0 0 0 50px; padding: 0; float: left;}
.stripedtbl caption{text-align: left;}
.stripedtbl tr.alt {background: #ededed;}
.stripedtbl tr {text-align: left; border-bottom: 1px solid #b5b5b5;}
.stripedtbl th {text-align: left;}

#prod_details ul {list-style: none; margin: 0 0 20px 0; padding: 0; }
#prod_details ul li {padding: 5px 0;}
#prod_details .sale,
.sale
{
	color: #C03;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}



/*CONTENT BOXES IN MAIN AREA*/

#boxintro{margin: 0 10px 0 0; padding: 0; min-height: 286px;}
#boxintro ul{list-style-type: none; margin:10px 0 0 0; padding:0;}
#boxintro ul li{background: url(/images/rbullet.gif) no-repeat 0 7px; padding: 0 0 5px 12px;}
.boxlink {font-size: .85em;}

#related{margin:0; padding: 0;}
#related ul{list-style-type: none; margin: 10px 0 0 0; padding:0;}
#box_1 {
margin:20px 10px 1em 0;
padding:0;
float:left;
width:220px;
border: none;
}

#box_2 {
margin:20px 10px 1em 0;
padding:0;
float:left;
width:220px;
border: none;
}

#box_3 {
margin:20px 0 1em 0px;
padding:0;
float:left;
width:220px;
border: none;
}

#box_1 ul, #box_2 ul, #box_3 ul {
list-style-type: none; margin:10px 0 0 0; padding:0;
}
#box_1 li, #box_2 li, #box_3 li {
font-size:.85em;
color:#222;
background: url(/images/rbullet.gif) no-repeat 0 7px; padding: 0 0 5px 12px;
}
#box_1 p, #box_2 p, #box_3 p {
font-size: .85em; margin:10px 0 0 0; padding:0;
}

.box_4 {
margin:20px 0px 1em 0;
padding:0;
float:left;
width:220px;
border: none;
}

.box_5 {
margin:20px 10px 1em 20px;
padding:0;
float:left;
width:430px;
border: none;
}
.box_6 {
margin:20px 0px 1em 0;
padding:0;
float:left;
width:140px;
border: none;
}

.box_7 {
margin:20px 20px 1em 10px;
padding:0;
float:left;
width:500px;
border: none;
}

.framedpic {border:1px solid #ccc; margin: 0 0 10px 0;}
.barepic {border:none; margin: 0 20px 20px 0; }

/* THIS MAKES DROP SHADOW ON IMAGES */
.imgcontainer{
	  float:right;
	  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	  background: url(/images/shadow.gif) no-repeat bottom right;
	  margin: 5px 0 10px 15px !important;
	  margin: 5px 0 10px 15px;
}
.imgcontainer img{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 0px;
}
/* END DROP SHADOW EFFECT */


#bio {
  float: right;
  line-height:         1.6em;
  font-style:          italic;
  font-family:         Georgia, "Times New Roman", Times, serif;
  color:               #222;
  border:              1px dashed #ccc;
  background-color:		#ededed;
  padding:        	   20px 20px 10px 20px;
  margin:              10px 30px 10px 0;
}
.newsitem a{font-weight: bold;}
.byline {font-style:italic;	font-size: 80%;}
.caption {font-style:italic; font-size: 80%;}
.ques {font-weight: bold;}
.ansr {margin-left: 50px; font-style:italic;}

/*REUSABLE HR CREATED AS A BOX */
.hrcontainer{float: left; width: 690px; margin: 0; padding: 0; border-left:1px solid #ccc; border-right:1px solid #ccc;background: #ccc url(/images/hrbckg.gif) repeat-x top left;}
.hr{color:1px solid #ccc;}
.hrcontainer p {display: block; margin: 8px 0; padding:0 10px; font-weight: bold; font-size: 1.5em; }
/*END HR BOX*/

#newscontent {
  width:            598px;
  padding-top:      0px;
  padding-bottom:   0px;
  background-color: #ffffff;
  margin-left:      auto;
  margin-right:     auto;
}
#sidebar {width: 270px; padding:0; margin: 0 0 20px 20px; float: right; }


/* FOOTER  */
#footer {
	clear:both;
	font-family: Arial, Verdana, sans-serif;
	width: 100%;
	min-height: 40px;
	height: 40px;
	margin: 10px 0 0 0;
	padding: 0;
	background: #ccc url(/images/bkgrnd.gif) repeat-x top left;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	font-weight: normal;
}

#footer ul{ margin: 5px 10px; padding:0 ; list-style-type: none; font-size: .75em; line-height: 1.5em; }
#footer li a{ text-decoration: none; color: #333;}
#footer li a:hover{text-decoration:underline;}

#footer li.copyright {
	
	text-align: right;
	margin-left: 10em;
	padding:0;
}
#footer li.terms {
	
	text-align: right;
	margin-left: 10em;
	margin-top: -3em;
	padding:0;
}
#footer li.custservnav, li.aboutnav {
	
	text-align: left;
	margin-left: 0;
	padding: 0; 
} 


/* TABLE FORMATTING */

TABLE { border-collapse: collapse; margin-top: 10px;}
td.rbdr {border-right: 1px solid #ccc;}

/* UTILITY */

.red {color:#C03;}
.quote{font-style:italic;font-size:.85em; line-height: 1.2em;}
.subtle{font-style:italic;font-size:8pt; line-height: 1.1em; color:#999; margin: 0; padding-top:10px;}
.msg{border:1px dashed #ccc;  background:#eee; padding:0 5px; margin: 0 0 0 20px; width: 85%;}
.alert  { font-family: verdana, arial; font-size: .9em; color: #ff0000; font-weight: bold; text-align: left; }

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

/* Pop up product images */

.product_zoom {
	position: absolute;
	left: 50px;
}

td.close_image {
	background: #b5b5b5;
	border: 0;
	padding: 4px;
}

.product_zoom span a {
	color: #666666;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}

.product_zoom span a:hover {
	color: #ffffff;
}

/*CONTROLS*/

input[type="button"],
input[type="submit"],
.cart_link a
{
	font-family: Arial,Verdana,sans-serif;
	font-size: small;
	border: 1px #990000 solid;
	color: #333333;
	text-decoration: none;
	background-color: #DDD;
	text-transform: uppercase;
}
input[type="button"]:hover,
input[type="submit"]:hover,
.cart_link a:hover
{
	color: #990000;
/*
	background-color: #CCC;

*/
}
.cart_link a { padding: 2px 8px; }