/* CSS for Main Pages */
/* syntax
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}
a:link, a:visited, a:hover, a:active{color:#ffffff}
.classname eg or
p.classname eg
#title eg
or
p#title eg
descendents
p h1 eg
This is h1 within p
p h1 {background-color:ffffff}
p.classname h1 ie h1 nested within p of specific class="classname"
p#title h1 ie h1 nested within p of specific id="title"
p>h1 ie h1 nested within 1 tier of p
attribute selectors
img[name] {border="none"} ie selects all images with an attribute name set to anything
img[name="main"] {border="none"} ie selects only images with name attribute set to "main"
*/
/****** Start ********************************************/
/* pseudo */
a:link {color:#977991}
a:visited {color:#977991}
a:hover {color:#D99070}
a:active {color:#D99070}
a:link img {border-color:#eef0f3}
a:visited img {border-color:#eef0f3}
a:hover img {border-color:#eef0f3}
a:active img {border-color:#e88615}
html {margin: 0; padding: 0;}
body {font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background: #c4c3c1;
color: #335966}
h5 {
font-size:9px;
font-weight: bold;
}
table#framework {
width: 920px;
margin-left:auto;
margin-right:auto;
text-align: center;
border: 2px solid #c3b49a;
background-color: #faf5eb;
}
td#content {
width:80%;
vertical-align:top;
height:200px;
}
td#content_padded {
width:80%;
vertical-align:top;
padding-top:20px;
height:200px;
}
td#navigator {
margin-top:0px;
margin-left:0px;
padding:0px;
width:200px;
height:600px;
vertical-align:top;
background-image: url("../images/menu/h_navgradient.jpg");
background-repeat: repeat-y;
background-position: left top;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #c3b49a;
}
td#navfoot {
margin-top:0px;
margin-left:0px;
padding:0px;
width:200px;
vertical-align:top;
background-image: url("../images/menu/h_navgradient.jpg");
background-repeat: repeat-y;
background-position: left top;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #c3b49a;
}
img#logo {
margin-top:40px;
margin-bottom:80px;
}
table#boxes {
margin: 0 auto;
width:100%;
text-align:center;
margin-top:20px;
}
table#boxes td.imgholder {
border:2px solid #c3b49a;
text-align:center;
background-color: #F8F2F6;
padding:20px;
}
td#strap{
text-align:right;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}
table#text td{
vertical-align: top;
}
.dropcap
{float:left;
margin-top:0px;
color:#C06D7D;
font-size:70px;
line-height:45px;
padding-top:0.11em;
padding-right:4px;
font-family:"times","Times New Roman";}
div{
border:2 solid #FF0000;
}
div.fulltext{
margin-left:50px;
margin-right:50px;
text-align:left;
line-height:150%;
}
div.leftcoltext p{
text-align:left;
margin-top:10px;
margin-left:50px;
line-height:150%;
}
div.rightcoltext p{
margin-top:20px;
text-align:left;
margin-left:20px;
margin-right:50px;
line-height:150%;
}
div.fulltext h3{
font-size: 16px;
font-weight: bold;
color: #C06D7D;
}
/* CSS for About Page */
span.proper_name{
font-style: italic;
font-weight: bold;
color: #D99070;
}
img.imgonly_right {
float:right;
margin-left: 10px;
margin-bottom: 10px;
}
img.imgholder_right {
float:right;
margin-left: 20px;
padding: 20px;
border:2px solid #c3b49a;
margin-bottom:20px;
}
img.imgholder_left {
clear:both;
float:left;
margin-right: 20px;
margin-bottom:20px;
padding: 20px;
border:2px solid #c3b49a;
}
p.imgholder_left {
float:left;
margin-right: 20px;
padding: 20px;
border:2px solid #c3b49a;
font-family: Tahoma;
font-size: 24px;
font-style: italic;
font-weight: bold;
color: #D99070;
}
span.imgholder_right {
float:right;
padding:10px;
margin-top:20px;
margin-left:20px;
margin-right:20px;
border:2px solid #c3b49a;
font-family: Tahoma;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #D99070;
}
p.textholder_left {
float:left;
margin-right: 20px;
padding: 20px;
border:2px solid #c3b49a;
font-family: Tahoma;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #D99070;
}
p#narrowcol{
margin-right:150px;
}
li {
margin-bottom:20px;
}
span.li_reverse{
color: #335966;
}
/* CSS for Gemstone Pages */
.clearleft{
clear:left;
}
.clearright{
clear:right;
}
.clearboth{
clear:both;
}
/* CSS for Catalogue */
img.cat_logo {
margin-top:40px;
margin-bottom:20px;
margin-left:40px;
}
img.cat_strap {
margin-top:40px;
margin-bottom:20px;
margin-right:40px;
}
td h3{
font-size:14px;
}
td.product_frame {
padding:10px;
}
.product_frame {
background-color: #faf5eb;
border: 1px solid #c3b49a;
padding: 1em;
margin-left: 1em;
width: 95%;
}
td#thumb_directions{
padding-left: 2em;
text-align:left;
font-size:10px;
font-weight:bold;
}
table#header_frame{
background-image: url(../images/menu/v_navgradient.jpg);
background-repeat: repeat-x;
background-position: left top;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #c3b49a;
}
.product_number{
font-weight:bold;
}
td.padded{
padding:10px;
}
span#select_label{
padding-bottom:5px;
display: block;
}
/* CSS for Slideshow Page */
table#ss_table{
width:70%;
border:0;
text-align:center;
background-color: #EAE1D2;
padding:5px;
}
td#ss_controls{
padding-bottom:10px;
padding-top:10px;
margin-bottom:10px;
background-color: #E0D4BE;
}
img#slideshow_img{
border:0;
}
td#slideshow_text{
background-color: #E0D4BE;
padding:20px;
border:2px solid #C3B49A;
}
/* referenced in windowopener in dblmain.js */
h3.helpwin{
padding-top:0.5em;
font_size:10px;
font-size: 12px;
font-weight: bold;
}
.helpwin{
padding-left:1em;
padding-right:1em;
}
/* contact page */
/* referenced in windowopener in dblmain.js */
p.mailwin{
text-align:center;
font-weight:bold;
padding-top:20px;
}
/* sitemap page */
dl#sitemap{
text-align: left;
margin-left: 50px;
}
dt {margin-top: 25px;
margin-bottom: 10px;
font-weight: bold;
color: #C06D7D;
}
dd{
font-style: normal;
font-weight: normal;
line-height: 1.4;
}
/* footer */
div#footer{
border-top: 1px solid #C3B49A;
margin-top:20px;
}
div#alchemycopyright {
float:left;
width:25%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
font-weight: normal;
color: #D99070;
text-align:center;
margin-left:20px;
margin-bottom: 5px;
margin-top:5px;
}
div#ownercopyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
font-weight: normal;
color: #D99070;
text-align:center;
margin-left:250px;
margin-bottom: 5px;
margin-top:5px;
}