/* Dulcinea Designs style sheet for all pages other than the homepage: index.html. All links other than global and sidemenu links are located in thier own section in this document. Global and sidebar styles located at end of document. */

body {
background-color: #000000;
}

/* creates centered table in browser window */
html, body, #container {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}

/* ----- style for overall page content container holds all other sections ---- */
#container {
position: relative;
width: 100%;
margin: auto;
}

/* ----- style for header section of each page ---- */
#header {
position: relative;
width: 100%;
background-color: #000000;
}

/* ----- creates content section that contains the sidebar and display sections ---- */
#content {
clear: left;
position: relative;
width: 100%;
height: 450px;
background-color: #cccc99;
background-image: url(img/bgshellthumb.gif);
background-repeat:no-repeat;
background-position:right;
}

/* ----- styles sidebar section ---- */
#sidebar {
position: absolute;
top: 0px;
left: 0;
width: 200px;
height: 450px;
background-color: transparent;
}

/* ----- styles display section ---- */
#display {
position: absolute;
top: 50px;
left: 220px;
width: 76%;
height: 380px;
background-color: transparent;
overflow: auto;
padding-top: 15px;
}

/* ----- styles footer section ---- */
#footer {
clear: left;
position: relative;
width: 100%;
height: 20px;
background-color: #666633;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #ffffff;
}

/* ----- styles the type of jewelry name for each section ---- */
.jewtype {
position: absolute;
top: 15px;
left: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #000000;
padding-bottom: 10px;
}

/* ----- jewelry detail pages top right navigation section, allows movement to previous and next jewelry detail pages  ---- */
#jewnavbut {
position: absolute;
top: 0;
right: 0;
width: 175px;
padding: 2px;
background-color: transparent;
}

/* --------- styles for tables in display section holding thumbnail images -------- */

.displaytable {
padding-right: 10px;
}

.displaytable td {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666633;
}

/* --------- styles description section on jewelry detail pages -------- */
.description {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.description strong {
font-size: 18px;
}

/* --------- marketing section: for matching peices of jewelry on detail pages. -------- */
#marketing {
width: 200px;
margin-left: 10px;
padding: 5px;
border-top: 1px solid black;
}

#marketingcontent {
width: 200px;
background-color: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
letter-spacing: .03cm;
color: #ffffff;
padding: 5px;
}

/* to order info - appears on all jewelry detail pages */
.toorder {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}

/* ---------- all link styles other than global and side nav systems (global and side nav styles are below this section ---------- */

a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666633;
text-decoration: underline;
}

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: underline;
}

table a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666633;
text-decoration: underline;
}

table a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666633;
}

table a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: underline;
}

#footer a:link {
color: #cccc99;
text-decoration: none;
}

#footer a:visited {
color: #cccc99;
text-decoration: none;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
}

#jewnavbut a:link, a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666633;
text-decoration: none;
letter-spacing: .02cm;
}

#jewnavbut a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: none;
letter-spacing: .02cm;
}

.displaytable a:link {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666633;
text-decoration: none;
}

.displaytable a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #666633;
}

.displaytable a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: underline;
}

/* ---------- global nav ------- */

.logo {
float:left;
}

.globalnav {
float: right;
margin-top: 43px;
margin-right: 10px;
}

.globalnav a:link {
display: inline;
text-decoration: none;
color: #cc9;
text-align: left;
font-family: "Comic Sans MS";
font-size: 14px;
letter-spacing: .03cm;
}

.globalnav a:visited {
display: inline;
text-decoration: none;
color: #cc9;
text-align: left;
font-family: "Comic Sans MS";
font-size: 14px;
letter-spacing: .03cm;
}

.globalnav a:hover{
color: #ffffff;
font-family: "Comic Sans MS";
font-size: 14px;
letter-spacing: .03cm;
}
/* styles the label for the page being displayed at the time. */
.currlink {
color: #ffffff;
font-family: "Comic Sans MS";
font-size: 14px;
letter-spacing: .03cm;
} 
/* styles the jewelry label on the global nav on all jewelry detail pages */
.currjew {
font-family: "Comic Sans MS";
font-size: 14px;
letter-spacing: .03cm;
color: #ffffff;
}

/* ------------ global dropdown ----------- */
.dmenu {
float: right;
width: 350px;
height: 20px;
visibility: hidden;
background-color: transparent;
font-family: "Comic Sans MS", arial, "sans serif";
font-size: 12px;
letter-spacing: .03cm;
}

.dmenu a:link {
color: #000000;
margin-right: 10px;
text-decoration: none;
font-family: "Comic Sans MS", arial, "sans serif";
font-size: 12px;
letter-spacing: .03cm;
}

.dmenu a:visited {
color: #000000;
margin-right: 10px;
text-decoration: none;
font-family: "Comic Sans MS", arial, "sans serif";
font-size: 12px;
letter-spacing: .03cm;
}

.dmenu a:hover{ 
color: #ffffff;
margin-right: 10px;
text-decoration: underline;
font-family: "Comic Sans MS", arial, "sans serif";
font-size: 12px;
letter-spacing: .03cm;
}

/* ------------------------- leftnav ----------------- */

#leftnav {
position: relative;
margin-top: 20px;
left:20%;
letter-spacing: .03cm;
}

#leftnav a {
display: block;
font-family:"Comic Sans MS";
font-size: 16px;
color: #666633;
text-decoration: none;
}
 
#leftnav a:visited {
display: block;
font-family:"Comic Sans MS";
font-size: 16px;
color: #666633;
text-decoration: none;
}

#leftnav a:hover {
display: block;
font-family:"Comic Sans MS";
font-size: 16px;
color: #ffffff;
text-decoration: underline;
 }
 
 /* styles the label for the page that is being displayed at the time. Used only on thumbnail pages. */
.curstyle {
font-family:"Comic Sans MS";
font-size: 16px;
color: #ffffff;
}