body {
	background:#d1d1d1 url(images/body-bg.gif) top repeat-x;
	font-family:verdana,sans-serif;
	font-size:85%;
	color:#222;
	margin-top:0px;
}

h2 {
	font-size:1.85em;
	margin:.5em 0 .5em 0;
	color:#017FCD;
	border-bottom:2px solid #B9D02A;
}
h4 {
	margin: 0;
}

#left-col h2 {
	font-size:1em;
	line-height:1.25em;
	margin:0;
	border:0;
	padding:0;
	color:#f60;
}
#right-col div h2 {
	background:none;
}

a, a:link {
	color:#00e;
	text-decoration:none;
}
a:visited {
	color:#909;
}
a:hover, a:active {
	color:red;
	text-decoration:underline;
}
li {
	margin-bottom:.5em;
}

a img {
	border:none;
}

/* 
	Structure
 */
  
#nav, #main {
	width:816px;
	margin:0 auto;
	text-align:center;
}
#main {
	background:#fff url(images/bg.gif) top left repeat-y;
}
#content {
	/* Getting obscured by other layers! */
	background:url(images/bg-content.jpg) top left no-repeat;
}

#right-edge {
	background:url(images/right-col.gif) top right repeat-y;
}
#left-edge {
	background:url(images/left-col.gif) top left repeat-y;
	width:100%;
	/* Note:this width needed to prevent bug in IEeee */
}
#left-col {
	position:absolute;
	top:0;
	left:0;
	width:170px;
}
#right-col {
	position:relative;
	float:left;
	padding:5px 0px 0px 175px;
	background:url(ight-col-bg.gif) top left repeat-y;
}

#cap {
	margin:0;
	height:3px;
	font-size:.0001%;
	background:url(images/cap-c.gif) top left repeat-x;
}
#cap .l {
	height:3px;
	background:url(images/cap-l.gif) top left no-repeat;
}
#cap .r {
	height:3px;
	background:url(images/cap-r.gif) top right no-repeat;
}

/* 
	Top nav
 */
ul#nav {
	padding:0;
	list-style:none;
	background:#fff url(topbar-bg.jpg) 0 10px no-repeat;
	text-align:right;
	height:60px;
	margin-bottom:3px;
	//margin-bottom:-4px;
}
#nav li {
	height:60px;
	float:right;
	display:block;
	text-indent:-5000px;
}
#nav li a {
	height:60px;
	display:block;
	text-decoration:none;
	color:#9b998f;
	color:#fff;
	font-size:1px;
	text-indent:-5000px;
}
#nav #nav-home {
	float:left;
}

#nav-home a {
	background:url(images/logo.jpg) 0 10px no-repeat;
	width:300px;
	color:#a4c2c1;
}

#nav-title {
	width:400px;
	display:inline;
	text-indent:0px;
}

/* 
	Footer
 */
#foot {
	clear:both;
	text-align:center;
	font-size:.75em;
	background:#B9D02A url(images/footer-c.gif) bottom left repeat-x;
	padding:0;
}
#foot ul {
	list-style:none;
	//margin:1em 0;
}
#foot li {
	display:inline;
	padding:.5em 0;
}
#foot li a {
	padding:0 1.5em;
	color:#000;
}
#foot .outer {
	background:url(images/footer-l.gif) bottom left no-repeat;
	float:left;
	width:100%;
	//margin-bottom:-2px;
}
#foot .inner {
	border-top:1px solid #db7;
	background:url(images/footer-r.gif) bottom right no-repeat;
	float:left;
	width:100%;
}


.clear-all {
	clear:both;
	font-size:.0001%;
	height:1px;
}

/* 
	Side navigation and cross links
 */

ul.sections {
	margin:5px 0 0 5px ;
	list-style:none;
	padding:0;
	font-size:95%;
}

.sections li {
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	margin:0 0 3px 0;
	background:#f1f1f1 url(images/s-bg.gif) top left repeat-x;
	text-indent:-5000px;
}

.sections li a {
	display:block;
	text-indent:-5000px;
}
.sections li a, .cross-links a, dt a {
	padding:.7em 3px .7em 3px;
	text-decoration:none;
}
.sections a, .sections a:link, .sections a:visited, .cross-links a, .cross-links a:link, .cross-links a:visited, dt a, dt a:link, dt a:visited {
	background-position:4px 50%;
	background-repeat:no-repeat;
}
.sections a, .sections a:link, .sections a:visited, .cross-links a, .cross-links a:link, .cross-links a:visited {
	color:#20e;
}
.sections a:hover, .sections a:active, .sections .on a, .cross-links a:hover, .cross-links a:active, dt a:hover, dt a:active {
	background-position:-462px 50%;
	background-repeat:no-repeat;
}
.sections a:hover, .sections a:active, .cross-links a:hover, .cross-links a:active {
	color:#004;
	text-decoration:none;
}

.sections li a:hover, .sections li.on a {
	background-color:#fff;
	color:#f00;
}


.s-securehoop a {background:url(images/s-securehoop.gif);}
.s-stretchy a {background:url(images/s-stretchy.gif);}
.s-topgifts a {background:url(images/s-topgifts.gif);}
.s-under10 a {background:url(images/s-under10.gif);}
.s-under20 a {background:url(images/s-under20.gif);}
.s-under50 a {background:url(images/s-under50.gif);}
.s-under100 a {background:url(images/s-under100.gif);}
.s-pearls a {background:url(images/s-pearls.gif);}
.s-sd a {background:url(images/s-sd.gif);}
.s-scz a {background:url(images/s-scz.gif);}
.s-fashion a {background:url(images/s-fashion.gif);}
.s-crosses a {background:url(images/s-crosses.gif);}
.s-hearts a {background:url(images/s-hearts.gif);}
.s-earrings a {background:url(images/s-earrings.gif);}
.s-pendants a {background:url(images/s-pendants.gif);}
.s-necklaces a {background:url(images/s-necklaces.gif);}
.s-rings a {background:url(images/s-rings.gif);}


iframe {
	width:120px;
	height:220px;
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	background:#f1f1f1 url(images/s-bg.gif) top left repeat-x;	
	padding: 0px;
	margin: 0px;
	_margin: 1px;	
}
#info-box-header{
	width:628px;
	_width:626px;
	height:20px;
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	background:#f1f1f1 url(images/s-bg.gif) top left repeat-x;	
	padding: 0px;
	margin: 1px;	
}
#info-box {
	width:628px;
	_width:626px;
	height:200px;
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	background:#f1f1f1 url(images/s-bg.gif) top left repeat-x;	
	padding: 0px;
	margin: 1px;

}
#info-box-close {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:right;
	display:inline;
	margin: 2px;
	padding: 0px;
	border: 1px solid;
	border-color:black;
}

#securehoop {
	background:url(images/howtheywork.gif);
	width:628px;
	_width:626px;
	height:200px;
	padding: 0px;
	margin: 0px;
}

#sh-steps {
	font-size:11px;
	position:relative;
	top:115px;
	left:10px;
	width:600px;
	height:80px;
}