/* FOX MAIN SCREEN STYLES */


/* ------------------ default styling ----------------- */

BODY {
	padding:0px;
	margin:0px;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
	background-color: #000000;
	text-align:center;
}
img {border:0px;}
a, a:link, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
h1 {
	font-size: 14px;
	color: #FFFFFF;
}

h2 {
	font-size: 12px;
	color: #FFFFFF;
}

h1,h2,h3,h4,h5 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
}
.bodyText {
	font-size:11px; 
	line-height:18px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
}
.errorText {
	text-transform:none;
	font-size:11px;
	color: #FF3333;
}
.label {text-transform:uppercase; font-size:9px;}
	

/* ------------------ Seasonal ----------------- */
/* BODY {background-image: url(seasonal/holiday.jpg);} */


/* ------------------ layout ----------------- */

#container {
	margin: 0 auto;
	width: 960px;
	position: relative;
	text-align:left;
}
#header		{
	height: 60px;
	width: 126px;
	position: relative;
	}

#pageContent{
	border: thin solid #CCCCCC;
	height: 585px;
	margin: 0px;
	padding: 0px;
	width: 960px;
	position: relative;
}
#pageContentWide{
	border: thin solid #CCCCCC;
	margin: 0px;
	width: 920px;
	position: relative;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#pageContentPrivacy{
	padding: 20px;
}
#main{
	height: 520px;
	width: 960px;
}

#mainBg{
	height: 585px;
	width: 960px;
	background-repeat: no-repeat;
}

#mainContentCenter{
	height: 574px;
	width: 940px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#mainContentTwo{
	width: 250px;
	float: right;
	margin-right: 20px;
}
#seoLinks {
	width: 300px;
	margin-left: 30px;
}
#mainContentOne{
	height: 440px;
	width: 500px;
	float: left;
	margin-left: 50px;
}
#mainContentCopy{
	float: right;
	width: 425px;
	z-index: 99;
	position:relative;
	padding-right: 50px;
}
#mainContentContact{
	float: right;
	width: 375px;
	z-index: 99;
	position:relative;
	padding-right: 50px;
}
#mainContentAboutImage{
	height: 550px;
	width: 386px;
	float: left;
}
#mainContentImage{
	height: 585px;
	width: 386px;
	float: left;
}
#jewelleryLanding{
	float: left;
	padding-top: 25px;
	margin-left: 25px;
}

/* Begin Footer */


#footer	{
	margin: 0px;
	padding: 5px;
	float: left;
	width: 958px
	}
#footer, h2, p {
color: #ACACAC;
}	

#footer a:hover	{
	text-decoration: underline;

}
#footer-about, .footer-column {
	width: 600px;
}
#footer-links {
	width: 200px;
	float: right;
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 20px;
}
#footer-copyright {
	width: 958px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.footer-column {
	font-size: 1em;
	line-height: 1.5em;
	float: left;
	margin-right: 30px;
	padding-bottom: 20px;
}

#napmedia {
	float: right;
	height: 20px;
	width: 130px;
}

/* Begin Logo */

#logo {
	height:60px;
	background-image: url(http://murujewellery.com/images/muru_logo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 126px;
}

#logo a {
	float: left;
	height:39px;
	width:126px;
	text-decoration:none;
}


/* End Logo */


/* End Logo */

/* Begin Details */


#flowerRight
 {
	position:absolute;
	width:122px;
	height:279px;
	z-index:0;
	left: 839px;
	top: 17px;
	background-image: url(../images/flower3_bg.jpg);
	background-repeat: no-repeat;
	clear: none;
}
#flowerRightBottom
 {
	position:absolute;
	width:122px;
	height:279px;
	z-index:0;
	left: 839px;
	top: 300px;
	background-image: url(../images/flower3_bg.jpg);
	background-repeat: no-repeat;
	clear: none;
}
#flowerBottom
 {
	position:absolute;
	width:378px;
	height:257px;
	z-index:0;
	left: 35px;
	top: 328px;
	background-image: url(../images/flower1_bg.jpg);
	background-repeat: no-repeat;
	clear: none;
}
#detailsContentPrimary{
	height: 440px;
	width: 275px;
	float: right;
	position: relative;
	margin-right: 40px;
	color: #FFFFFF;
	z-index: 99;
	display:inline; /* fixes IE double marign preoblem that resulted in page layout breaking */
}

#detailsCollectionLine {
	height: 48px;
	width: 275px;
	background-image: url(http://foxsilver.net/resource/images/details_title_line.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	text-align: center;
}

#detailsImageContent {
	height: 425px;
	width: 590px;
	float: left;
	margin-left: 15px;
	display:inline; /* fixes IE double marign preoblem that resulted in page layout breaking */
}


#scrollThumbsOuter{
	height: 135px;
	width: 938px;		
	float:left;
	padding:0px 11px;
}

#scrollThumbs{
	padding:5px 9px 5px 9px;	
	border: 1px solid #333333;	
}

/* End Details */


/* Muru Style */


#detailsNav {
	list-style-position: outside;
	list-style-image: url(images/n_arrow.gif));
	list-style-type: disc;
}

#nextButtons {
	float: right;
	top: 280px;
	position: absolute;
	right: 70px;
}

/* ------------Navigation Styles------------ */

#navcontainer
{
	width: auto;
	font-size: 12px;
	position: absolute;
	top: 31px;
	right: 0px;
}

#navcontainer li
{
	display: inline;
	padding-right: 10px;
	padding-left: 3px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: none;
}

#navcontainer ul li a
{
	padding-left: 10px;
	text-decoration: none;
	color: #CCCCCC;
	background-color: transparent;
	background-image: url(http://muru.nap-media.com/images/n_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#navcontainer ul li a:hover
{
	background: transparent url(http://muru.nap-media.com/images/n_arrow_ro.gif) left center no-repeat;
	color: #999999;
}

#navcontainer ul li a#current
{
	background: transparent url(http://muru.nap-media.com/images/n_arrow.gif) left center no-repeat;
	color: #FFFFFF;
}



/* ------------Begin Promo Area ------------ */


#promoBoxA {
	border: 1px solid;
	height:140px;
	width: 270px;
	background-image: url(http://foxsilver.net/resource/promo/promo_a_h1.jpg);
	position: absolute;
}

#promoBoxB {
	border: 1px solid;
	height:140px;
	width: 270px;
	background-image: url(http://foxsilver.net/resource/promo/promo_b_h1.jpg);
	position: absolute;
	left: 10px;
	top: 434px;
}
#promoBoxC {
	border: 1px solid;
	height:140px;
	width: 660px;
	background-image: url(http://foxsilver.net/resource/promo/promo_c_h1.jpg);
	position: absolute;
	right: 10px;
	top: 434px;
}

#promoArea {margin: 0px 25px 0px 25px; padding:0px; border: 5px solid; height:150px;}
#divPromoArea .promoBox {border: 5px solid;	float:left;}
#divPromoArea .promoBox {border: 0px;	float:none;}
#divBackToLink {clear:both; margin:0px 0px 0px 25px; padding:0px; height:25px; line-height:25px;}
#divBackToLink a {text-decoration:none;	text-transform:uppercase; font-size:9px; padding:0px 0px 1px 10px; vertical-align:top;}
SPAN#clearForIE {clear:both;}

/*These CSS will be in the actual css but they pertian directory to what the promo area css declrations are.  */
#divPromoArea h3 {text-transform:uppercase; font-size:9px; line-height:17px;}
#divPromoArea a.l1:link, #divPromoArea a.l1:visited {text-transform:uppercase; margin-bottom:5px; font-size:9px; line-height:18px; color:#7f7f7f; text-decoration:none }
#divPromoArea a.l1:hover {color:#000;}

#divPromoArea .blueBulletList {margin:3px 0px 0px 0px;} 
#divPromoArea .blueBulletList li {margin-left:0px; line-height:12px; margin-bottom:6px;} 
#divPromoArea .blueBulletList a.l1:link, #divPromoArea .blueBulletList a.l1:visited {line-height:12px; vertical-align:top; padding:0px; margin:0px;}
#divPromoArea .blueBulletList li.bullet {background-position: 0 .45em;}

#divPromoArea p {padding:0; margin:0; line-height:18px;}

/* ------------End Promo Area ------------ */
#homePageImage {
	top: 0px;
	z-index: 99;
	position: relative;
	width: 356px;
	left: 460px;
}

.pageCopy td{
	text-align:left;
}

tr.order_item{
	height:60px;
}