﻿/************************/
/* General Styles       */
/************************/
body{font:13px/1.5 Verdana, Verdana, Geneva, sans-serif}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
h1, h2, h3, h4, h5, h6 {font-variant:small-caps; font-family: Tahoma, serif}
.error { color: Red; }

/************************/
/* Top Styles           */
/************************/
#top 
{
}
#topNav ul {width: 210px;}
#topNav ul li {float:left; padding:0px 10px 0px 0px; }
#topNav a {display:block; float: left;}
#topNav a:link {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#topNav a:visited {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#topNav a:hover {
	text-decoration:underline;
}
#topNav a:active {
	text-decoration:underline;
}
#topCart
{
    padding-top: 10px;
    height:35px;
    text-align:left;
    z-index:99;
    font-size: 80%;
}
#topCart input.logintextbox 
{
    height: 10px;
    width: 115px
}
#topCart input.submit
{
    border: solid 2px #9999FF;
    color: White;
    background-color: #9999FF;
    font-size: 95%;
    font-weight:bold;
}
#topCart input.submit:hover
{
    border: solid 2px purple;
}

/************************/
/* Header Styles        */
/************************/
#header {
    background-image:url('../Images/SiteDesign/headerBackground1.jpg');
    height:200px;
}
#header h1 {
    margin-top:-30px;
}
#header h1 a {
    display: block;
    background-image:url('../Images/SiteDesign/headerTitle.gif');
    background-repeat: no-repeat;
    height: 73px;
	width:605px;
}
#header h1 a:hover 
{
    background-image:url('../Images/SiteDesign/headerTitle-mo.gif');
    background-repeat:no-repeat;
}
#header h2 {
	display:block;
	background-image:url('../Images/SiteDesign/headerSubTitle.png');
	background-repeat:no-repeat;
	height:50px;
	width:600px;
	float:right;
	margin-top:-5px;
}
#header h1 a span, #header h2 span {display: none;}

#headerMenu { margin-top: 5px; height: 30px; }
#headerMenu a { height: 30px; }
#headerMenu li { padding:0 ; }
#headerMenu li#headerMenuBracelets a { display:block; background-image: url('../Images/SiteDesign/headerMenuBracelets.gif'); }
#headerMenu li#headerMenuBracelets a:hover { background-image: url('../Images/SiteDesign/headerMenuBracelets-mo.gif');}
#headerMenu li#headerMenuBracelets a:active { background-image: url('../Images/SiteDesign/headerMenuBracelets-on.gif');}
#headerMenu li#headerMenuNecklaces a { display:block; background-image: url('../Images/SiteDesign/headerMenuNecklaces.gif'); }
#headerMenu li#headerMenuNecklaces a:hover { background-image: url('../Images/SiteDesign/headerMenuNecklaces-mo.gif');}
#headerMenu li#headerMenuNecklaces a:active { background-image: url('../Images/SiteDesign/headerMenuNecklaces-on.gif'); }
#headerMenu li#headerMenuEarrings a { display:block; background-image: url('../Images/SiteDesign/headerMenuEarrings.gif'); }
#headerMenu li#headerMenuEarrings a:hover { background-image: url('../Images/SiteDesign/headerMenuEarrings-mo.gif'); }
#headerMenu li#headerMenuEarrings a:active { background-image: url('../Images/SiteDesign/headerMenuEarrings-on.gif'); }
#headerMenu li#headerMenuKids a { display:block; background-image: url('../Images/SiteDesign/headerMenuKids.gif'); }
#headerMenu li#headerMenuKids a:hover { background-image: url('../Images/SiteDesign/headerMenuKids-mo.gif'); }
#headerMenu li#headerMenuKids a:active { background-image: url('../Images/SiteDesign/headerMenuKids-on.gif'); }
#headerMenu li#headerMenuMens a { display:block; background-image: url('../Images/SiteDesign/headerMenuMens.gif'); }
#headerMenu li#headerMenuMens a:hover { background-image: url('../Images/SiteDesign/headerMenuMens-mo.gif'); }
#headerMenu li#headerMenuMens a:active { background-image: url('../Images/SiteDesign/headerMenuMens-on.gif'); }
#headerMenu li#headerMenuAbout a { display:block; background-image: url('../Images/SiteDesign/headerMenuAbout.gif'); }
#headerMenu li#headerMenuAbout a:hover { background-image: url('../Images/SiteDesign/headerMenuAbout-mo.gif'); }
#headerMenu li#headerMenuAbout a:active { background-image: url('../Images/SiteDesign/headerMenuAbout-on.gif'); }
#headerMenu a span { display:none;}

/************************/
/* Sidebar Styles       */
/************************/
div.picDiv {
    text-align: center;
}
div.picDiv img {
    margin-top: 10px;
}
#account { font-size: 80%; }
#account div.login label { display: block; width: 30px; font-weight: bold; }
/************************/
/* Main Content Styles  */
/************************/
#mainContent h2 {
    padding-bottom: 25px;
}
#mainContent p {
    line-height:150%;
    padding-bottom: 10px;
}
#mainContent div.itemDivFP {
    margin-top:10px;
    margin-bottom:10px;
    height: 250px;
    background-image:url('../Images/SiteDesign/itemDivBackgroundFP.gif');
}
#mainContent div.itemDiv {
    margin-top:10px;
    margin-bottom:10px;
    height: 300px;
    background-image:url('../Images/SiteDesign/itemDivBackground.gif');
}
#mainContent div.itemDiv h3, #mainContent div.itemDivFP h3 {
    display:block;
    height:35px;
    padding-top: 5px;
    color: #000000;
    font-size:90%;
}
#mainContent div.itemDivFP h3 { font-size: 110%; }
#mainContent div.itemDivFP a:hover h3 { color: #9966CC; }
#mainContent div.itemDiv h3, #mainContent div.itemDiv p, #mainContent div.itemDiv img, #mainContent div.itemDiv div,
#mainContent div.itemDivFP h3, #mainContent div.itemDivFP p, #mainContent div.itemDivFP img, #mainContent div.itemDivFP div {
    padding-left: 10px;
    padding-right: 10px;
}  
#mainContent div.itemDiv img, #mainContent div.itemDivFP img {
    width: 200px;
}
#mainContent div.itemDiv img.itemImageNone {
    margin-top: -150px;
    z-index: -99;
}
#mainContent div.itemDiv p.itemLarger {
    display: block;
    height:10px;
}
#mainContent div.itemDiv p a {
    color: #000000;
    text-decoration: none;
    border-bottom: dotted 1px #000000;
}
#mainContent div.itemDiv p a:hover {
    color: #333333;
    border-bottom: none;
}
#mainContent div.itemDiv p, #mainContent div.itemDiv div {
    font-size: 80%;
}
#mainContent div.itemDiv div select {
    font-size: 95%;
}
#mainContent #productFormDiv div {
    font-size: 90%;
    clear:left;
}
#mainContent label {
    font-weight: bold;
}
#mainContent #productFormDiv div span {
    margin-bottom: 10px; 
}
#mainContent fieldset { margin-bottom: 10px; }
#mainContent div.Admin { margin-bottom:5px; font-size: 90%;}
#mainContent div.Admin input, #mainContent div.Admin textarea {
    vertical-align: top;
}
#mainContent div.submit {
    padding-top: 20px;
}
#mainContent input.submit {
    border: solid 2px #9999FF;
    background-color: #9999FF;
    color: #FFFFFF;
    font-weight: bold;
}
#mainContent input.submit:hover {
    border: solid 2px purple;
}
#mainContent div.returnLink {
    clear: both;
}
#mainContent div#productDisplayDiv img.itemImageNone {
    margin-top: -200px;
    margin-bottom: 50px;
    margin-left: 50px;
}
#mainContent #returnLink a, #mainContent #productDisplayDiv a {
    color: #000000;
    text-decoration: none;
    border-bottom: dotted 1px #000000;
}
#mainContent #productDisplayDiv a {
    font-size: 80%;
}
#mainContent #returnLink a:hover, #mainContent #productDisplayDiv a:hover {
    color: #333333;
    border-bottom: none;
}
#mainContent #altItems input.itemImageNone {
    margin-top: -40px;
    margin-bottom: 5px;
}
/************************/
/* Footer Styles        */
/************************/  

#footer {
    clear: both;
    font-size:80%;
    text-align:center;
    height: 80px;
    padding-top: 30px;
    background-image:url('../Images/SiteDesign/footerBarBackground.gif');
    background-repeat: no-repeat;
}
#footerMenu {
    padding-top:10px;
}
#footerMenu a {
    color: #000000;
}
#footerMenu a:hover {
    color: #9999ff;
    text-decoration: none;
}
