/* Basic style for all pages */
BODY { 
    background-color: #958E8D;
    font-family: Gill Sans MT, Century Gothic, Arial; 
    color: #000000;
    scrollbar-3dlight-color:    958E8D;
    scrollbar-arrow-color:      black;
    scrollbar-track-color:      #ffffff;
    scrollbar-darkshadow-color: 515151;
    scrollbar-face-color:       #958E8D;
    scrollbar-highlight-color:  515151;
    scrollbar-shadow-color:     515151; 
    margin: 0px;
    padding: 0px;
    padding-Top: 10px;
}

/* basic cell properties */
td {text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

a img { border: 0px none; }

/* Aligning the window in the middle of the page - for larger screen resolutions */
/* This sets the main table */
table.full { height: 100%;
             width: 100%;
             vertical-align: top;
             margin: 0px;
             padding: 0px;
             border-spacing: 0px;
             border: 0px;
             border-collapse: collapse; 
}

td.full { height: 100%;
          width: 100%;
          margin: 0px;
          padding: 0px;
}

/* Aligning the window in the middle of the page for larger screen resolutions but */
/* fills the whole screen when at 800x600 */
table.main  { 
    width: 780px;
    height: 530px;
    font-size: 10px;
    background: #958E8D;
}

/* configuring general layout of the page contents */
td.header-row1 { height: 31px; padding-left: 23px; background: #ffffff; }
td.header-row2 { height: 71px; padding-left: 23px; background: #ffffff;}
td.header-row3 { height: 26px; padding-left: 25px; background: #ffffff; color: 010101;}
td.header-row4 { height: 18px; padding-left: 27px; background: #805718; color: ffffff; vertical-align: middle; }
td.page-body   { height: 342px; 
                 background: url('gifs/background-jewellery-body3.jpg'); 
                 padding-left: 23px; 
                 padding-top: 20px; }
td.footer      { height: 42px;
                 padding-top: 13px;
                 vertical-align: top;
                 letter-spacing: 3px;
                 font-size: 10px;
                 font-weight: bold;
                 color: #ffffff;
                 background-image: url('gifs/background-footer.jpg');
                 background-repeat: no-repeat
}
                

/* Standard hyperlink style */
a              {color: #010101; text-decoration: none; font-weight: bold;}
a:link         {color: #010101; text-decoration: none; font-weight: bold;}
a:visited      {color: #010101; text-decoration: none; font-weight: bold;}
a:hover        {color: #805718; text-decoration: none; font-weight: bold;}
a:active       {color: #805718; text-decoration: none; font-weight: bold;}

a.L1         {color: #010101; text-decoration: none; font-weight: bold;}
a.L1:link    {color: #010101; text-decoration: none; font-weight: bold;}
a.L1:visited {color: #010101; text-decoration: none; font-weight: bold;}
a.L1:hover   {color: #ffffff; text-decoration: none; font-weight: bold;}
a.L1:active  {color: #ffffff; text-decoration: none; font-weight: bold;}

a.L2         {color: #010101; text-decoration: none; font-weight: normal;}
a.L2:link    {color: #010101; text-decoration: none; font-weight: normal;}
a.L2:visited {color: #010101; text-decoration: none; font-weight: normal;}
a.L2:hover   {color: #ffffff; text-decoration: none; font-weight: normal;}
a.L2:active  {color: #ffffff; text-decoration: none; font-weight: normal;}

/* Text sizes */
p  { font-size: 13px;}
h1 {  letter-spacing: 10px; font-size: 26px; font-weight: bold; color: #805718; }
.h2 { letter-spacing: 5px;  font-size: 17px; font-weight: bold; color: #BCB6B6; }
h3 {  letter-spacing: 3px;  font-size: 10px; font-weight: bold; color: #ffffff; line-height: 100%; }

.scContainer p {
		font-size: 1.1em;
		margin-bottom: 1.4em;
		}

.scContainer {
		position: relative;
		width: 310px;
		margin: 0 0 20px 20px;
		}

.scContent {
	width: 310px;
	height: 310px;
	overflow: auto;
	background-color: #958e8d;
    font-family: Gill Sans MT, Century Gothic, Arial; 
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px;
}