/* CSS Document */

body {
	margin:0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background:#C2C6D7 url("../images/background.jpg");
	}
	
a:link {color:#830103;decoration:underline;}
a:visited {color:#830103; decoration:underline;}
a:hover {color:#000; decoration:underline;}
a:visited:.hover {color:#000; decoration:underline;}

input.button {background-color:#B91F21; color:#F79F1A; cursor:pointer; border:1px solid #B91F21;}


p {
	font:12px/1.4 Arial, Helvetica, sans-serif;
	}

h1 {
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:500;
	}
	
h2 {
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:500;
	}
h3 {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	padding-left:15px;
	background:#FFF url("../images/plus_grey.gif") no-repeat top left;
	}
h3 a:link {color:#000;text-decoration:none;}
h3 a:visited {color:#000; text-decoration:none;}
h3 a:hover {color:#666; text-decoration:none;}
h3 a:visited:.hover {color:#000; text-decoration:none;}

ul {
	font:12px/1.4 Arial, Helvetica, sans-serif;
	}
.clear {clear:both;}
hr {
	text-align:center;
	height:1px; width:100%; border:0;color:#AAA; background:#AAA;}

#catlists {
 float:left; 
width:130px;
margin:0px;
padding:0px;
}
#catlists img {padding-left:0px !important; padding-left:1px;}
#catlists ul {
	list-style-type:none;
	border:0;
	color:#830103;
	margin:0; padding:0;
	}
#catlists li {
	margin-left:5px;
	margin-bottom:5px;
	} 
/* ---------------------- PAGE STRUCTURE ----------------------- */


#container {
	position:relative;
	z-index:1;
	text-align:left;
	margin: 0px auto 0 auto;
	padding:0;
	width:800px;
	}

#allborder {
	float:left; 
	width:800px;
	border:1px solid #8F090F;
	margin:16px 0 0 0; padding:0;
	background:#FFF url("../images/yellowGradient.gif") repeat-x;
	}
#header {
	float:left; 
	width: 800px;
	color: #000;
	height:99px;
	text-align: right;
	margin: 0;
	padding: 0;
	z-index:5;
}
#bag {
position:absolute;
top:25px; left:57px;
z-index:30;
}
#shopNav {
position:absolute;
top:30px; left:105px;
z-index:30;
}
#logo {
	position:absolute;
	left:531px;
	top:0px;
	width:287px;
	z-index:2;
	}
	#pearls {
	position:absolute;
	z-index:50;
	top:27px;
	left:394px;
	}
#content {
	float:left;  
	width: 800px;
	color: #000;
	text-align: left;
	margin: -45px 0 0 0 !important; margin: -45px 0 0 0;
	padding: 0;
}

#topnav {
	float:left;  
	width:497px;
	margin:68px 0px 0px 55px !important; margin:68px 0px 0px 28px;
	padding:0;
	z-index:18;
	}
#breakPearl {
	position:relative;
	left:533px;
	width:75px;
	top:0px;
	z-index:150;
	}
#deptnav {
	float:left;  
	width:800px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	height:34px;
	background:#550433 url("../images/frameBack.gif") repeat-x;
	z-index:100;
	}
#main {
 	float: left;  
	text-align: left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width: 790px;	
	background:url("../images/sidebar.gif") repeat-y;
	}
#leftcol {
	float: left;  
	text-align: left;
	margin:0px 0px 0px 11px !important; margin:0px 0px 0px 5px;
	padding: 0;
	width: 150px;
	}
#midcol {
	float: left;   
	text-align: left;
	vertical-align:top;
	margin:0 0 0 10px;
	padding: 5px 0 0 0;
	width: 550px;
	}

#bottomNav {
	float: left;  
	margin:0px;
	padding:0; 
	width:800px;
	}
#footer {
	float: left;   
	height:39px;
	background:#550433 url("../images/frameBack.gif") repeat-x;
	margin:0px;
	padding:0px; 
	width:800px;
	}	
    
	#footer a:link, #footer a:active, #footer a:visited {color:#FFF; text-decoration:underline;}
	#footer a:hover, #footer a:visited:hover {color:#E5BF79; text-decoration:underline;}
	#stamp {
		float:left;
		background:url("../images/stamp.jpg") top right no-repeat; 
		height:39px; 
		width:790px;
		padding-left:10px;
		padding-top:7px;
	}
	#stamp p {color:#FFF;font: 12px Helvetica, Arial, sans-serif;margin:0;}

	.spacer {clear:both;}
	
/* ------------- Shopping Formatting -------------- */
input.ftext {background-color:#8F090F; border: 1px solid #8F090F; color:#E5BF79;}
input.button {background-color:#8F090F; color:#E5BF79; border:0;cursor:pointer; }

.shopt {
	padding:0;
	margin:-1px 0 -3px 0 !important;
	margin:0 0 -3px 0;
	}
	
.namerow {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;line-height:16px; color:#434F65; text-align:right; padding-left:16px; padding-bottom:10px;}
	.namerow a:link, .namerow a:visited {color:#434F65; text-decoration:none;}
	.namerow a:hover, .namerow a:visited:hover {color:#AF2934;text-decoration:none;}
	
	.smallprice {color:#434F65; text-align:right; border-bottom:1px solid #AF2934; display:block;}
	
.longdesc {font-size:12px; line-height:16px; width:225px;}
.shortdesc {font-size:12px; line-height:16px;margin-top:10px; width:225px;}
.specinst {font-size:12px; line-height:16px;margin-top:10px;}
.deptlist {font-size:14px; line-height:16px;}
.price {font-size:12px; line-height:16px;margin-top:10px;margin-bottom:5px;}
h1.prodname { font-size: 24px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#830103; font-weight:400;margin-bottom:0;}
.catname h1 { font-size: 18px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; margin-bottom:0;}
	.catname a:link h1, .catname a:visited h1 {color:#9D3F0C; text-decoration:none;}
	.catname a:hover h1, .catname a:visited:hover h1 {color:#000;text-decoration:none;}
.deptname { font-size: 18px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999;}
.pagecount {color:#999; font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
	.pagecount a:link, .pagecount a:visited {color:#999; text-decoration:none;}
	.pagecount a:hover, .pagecount a:hover {color:#000;text-decoration:none;}
	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}
.product a:link, .product a:visited {color:#999; text-decoration:none;}
.product a:active, .product a:hover {color:#999; text-decoration:underline;}
.pictrow img {border:1px solid #CACACA;}
.namerow img {border:1px solid #CACACA;}

.prodformlabel {font-size:10px;}

.piclinks {background:#AAA; width:302px; height:20px;}
.picdetail {font-size:11px;}
.picdetail a:link, .picdetail a:active, .picdetail a:visited {color:#FFF; text-decoration:none;}
	.picdetail a:hover, .picdetail a:visited:hover {color:#000; text-decoration:none;}
	
.flag {background:#FFF; color:#AF2934; padding:3px; font-size:13px; font-weight:700; text-align:center;}
.crosslink {font-size:12px;}


/* ---------------------- CONTENT PAGE STRUCTURE ----------------------- */
#maincontent {
	float:left;
	width: 800px;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	background:#FFF url("../images/greyBackchain.gif") repeat-y;
}
#contentleftcol {
	float: left;
	text-align: left;
	margin: 35px 0 0 0;
	padding: 0;
	width: 37px;
	z-index:1;
	}

#contentmain {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width: 638px;	
	z-index:2;
	}
	.inside {
	margin-left:0px;
	margin-right:100px;
	}
#contentmidcol {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0;
	padding: 0;
	width: 638px;
	}
#contentrightcol {
	float: right;
	text-align: left;
	vertical-align:top;
	margin:-52px 31px 0px 0px !important; margin:-52px 15px 0px 0px;
	padding:0px;
	width: 90px;	
	}


/* ---------------------- HOME PAGE STRUCTURE ----------------------- */
#homecontent {
	float:left;
	width: 800px;
	color: #000;
	text-align: left;
	margin: -48px 0 0 0 !important; margin: -45px 0 0 0;
	padding: 0;
}
#photoBack {
	float:left;
	z-index:35;
	text-align: left;
	margin: 0;
	padding: 0;
	width:388px;
	}

#homemain {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width: 799px;	
	z-index:2;
	}
#homeleftcol {
	float:left;
	width:410px;
	}
#homeframe {
position:relative;
left:-21px;
}

#homemidcol {
float:left;
margin-top:10px;
	}

.homeProducts {
	font-size:10px; 
	margin:0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px; color:#999; text-align:left; 
	}
	.homeProducts a, .homeProducts a:link {text-decoration:none;}
	.redLine {float:left; width:6px;}
.alternatelink {
	font-size:11px;float:right;margin-bottom:10px;padding-top:3px;
}
.detaillink	 {
	font-size:11px;float:left;margin-bottom:10px;
}
.shoppingbag {
	margin-bottom:30px;
}
/* heading styles */
.sbhead {
	background-color:#8F090F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
}
/* item row styles  */
.sbitem {
	background-color:#F5E5C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
}
.sbitem p {	
	margin-left:5px;
	margin-right:5px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.itemremove {
	text-align:right;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	background-color:#8F090F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
	color: #FFF;
}
.sbline {
}
.shoppingbag .seealso {padding-top:30px }

.recitem {
	width:120px;
	float:left;
}