


/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
BODY
{
    font: 8pt/16pt tahoma,verdana,arial;
    color: #070a0f;
    background-color: #F7F7F7;
	margin: 23px; 
}
P
{
    margin-top: 0px;
    text-align: justify;
    font-family: Tahoma;
    color: #ffffff;
    font-size: 10pt;
}
H1 {
	MARGIN-BOTTOM: 0px; FONT: bold 10pt tahoma,verdana,helvetica,sans-serif; COLOR: #860101; LETTER-SPACING: 0px
}
H2 {
	MARGIN-BOTTOM: 0px; FONT: bold 8pt tahoma,verdana,helvetica,sans-serif; COLOR: #860101; LETTER-SPACING: 0px
}
nu {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #ffffff
}
A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
	COLOR: #a2a29e; TEXT-DECORATION: none
}
.te1 {
	TEXT-DECORATION: none
}
A.top:link {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #efebcb; FONT-FAMILY: tahoma,verdana,helvetica,sans-serif; TEXT-DECORATION: none
}
A.top:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #efebcb; FONT-FAMILY: tahoma,verdana,helvetica,sans-serif; TEXT-DECORATION: none
}
A.top:hover {
	COLOR: #f9f0a7; TEXT-DECORATION: underline
}
A.pro:link {
	FONT-SIZE: 8pt; COLOR: #cecec9; FONT-FAMILY: tahoma,verdana,helvetica,sans-serif; TEXT-DECORATION: none
}
A.pro:visited {
	FONT-SIZE: 8pt; COLOR: #cecec9; FONT-FAMILY: tahoma,verdana,helvetica,sans-serif; TEXT-DECORATION: none
}
A.pro:hover {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: tahoma,verdana,helvetica,sans-serif; TEXT-DECORATION: none
}
A.foot:link {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #f2f2f2; FONT-FAMILY: tahoma,verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
}
A.foot:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #f2f2f2; FONT-FAMILY: tahoma,verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
}
A.foot:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: tahoma,verdana,arial,helvetica,sans-serif; TEXT-DECORATION: underline
}
A.foot1:link {
	FONT-WEIGHT: normal; FONT-SIZE: 1px; COLOR: #ffffff; FONT-FAMILY: tahoma, verdana, arial, helvetica, sans-serif
}
A.body:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.body:link {
	FONT-SIZE: 10pt; COLOR: #e6e6e6; FONT-FAMILY: tahoma,verdana,helvetica,sans-serif; TEXT-DECORATION: underline
}
A.body:visited {
	COLOR: #e6e6e6
}
#container {
	PADDING-RIGHT: 175px; PADDING-LEFT: 110px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#intro {
	min-width: 470px
}
#pageHeader {
	MARGIN-BOTTOM: 20px
}
#pageHeader H1 {
	MARGIN-TOP: 10px; BACKGROUND: url(h1.gif) no-repeat left top; FLOAT: left; WIDTH: 219px; HEIGHT: 87px
}
#pageHeader H1 SPAN {
	DISPLAY: none
}
#pageHeader H2 {
	MARGIN-TOP: 58px; BACKGROUND: url(h2.gif) no-repeat left top; FLOAT: right; MARGIN-BOTTOM: 40px; WIDTH: 200px; HEIGHT: 18px
}
#pageHeader H2 SPAN {
	DISPLAY: none
}
#quickSummary {
	CLEAR: both; FLOAT: left; MARGIN: 20px 20px 20px 10px; WIDTH: 160px
}
#quickSummary P {
	FONT: italic 10pt/22pt georgia; TEXT-ALIGN: center
}
#preamble {
	CLEAR: right; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#supportingText {
	PADDING-LEFT: 10px; MARGIN-BOTTOM: 40px
}
#footer {
	TEXT-ALIGN: center
}
#footer A:link {
	MARGIN-RIGHT: 20px
}
#footer A:visited {
	MARGIN-RIGHT: 20px
}
#linkList {
	RIGHT: 0px; MARGIN-LEFT: 600px; POSITION: absolute; TOP: 0px
}
#linkList2 {
	PADDING-RIGHT: 10px; MARGIN-TOP: 150px; PADDING-LEFT: 10px; BACKGROUND: url(paper-bg.jpg) repeat-y left top; PADDING-BOTTOM: 10px; FONT: 10px verdana, sans-serif; WIDTH: 130px; PADDING-TOP: 10px
}
#linkList H3.select {
	BACKGROUND: url(h3.gif) no-repeat left top; MARGIN: 10px 0px 5px; WIDTH: 97px; HEIGHT: 16px
}
#linkList H3.select SPAN {
	DISPLAY: none
}
#linkList H3.favorites {
	BACKGROUND: url(h4.gif) no-repeat left top; MARGIN: 25px 0px 5px; WIDTH: 60px; HEIGHT: 18px
}
#linkList H3.favorites SPAN {
	DISPLAY: none
}
#linkList H3.archives {
	BACKGROUND: url(h5.gif) no-repeat left top; MARGIN: 25px 0px 5px; WIDTH: 57px; HEIGHT: 14px
}
#linkList H3.archives SPAN {
	DISPLAY: none
}
#linkList H3.resources {
	BACKGROUND: url(h6.gif) no-repeat left top; MARGIN: 25px 0px 5px; WIDTH: 63px; HEIGHT: 10px
}
#linkList H3.resources SPAN {
	DISPLAY: none
}
#linkList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#linkList LI {
	DISPLAY: block; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 0.5ex; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
#linkList LI A:link {
	COLOR: #988f5e
}
#linkList LI A:visited {
	COLOR: #b3ae94
}
#extraDiv1 {
	RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 148px; POSITION: absolute; TOP: 40px; HEIGHT: 110px
}
	
td.header
{
    background-image: url(images/button_bg11.gif);
}

.header1
{
    width:3; 
    height: 21px;
}


.tblbdr
{
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    font-family: arial;
    visibility: visible;
    width: 82px;
    height: 18px;
    background-position: left center;
    background-image: url(../images/button2.gif);
    background-color: #000000;
    background-repeat: repeat;
}
A.clormenu1:hover
{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
	font-weight: bold;
}
A.clormenu1:link
{
    COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: none;
}
A.clormenu1:visited
{
	COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: none;
}
A.clormenu1:active
{
	COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: none;
}
A.clormenu3:hover
{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
	FONT-SIZE: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
A.clormenu3:link
{
    COLOR: #ffffff;
    font-family: "Times New Roman", Times, serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: underline;
}
A.clormenu3:visited
{
	COLOR: #ffffff;
    font-family: "Times New Roman", Times, serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: underline;
}
A.clormenu3:active
{
	COLOR: #ffffff;
    font-family: "Times New Roman", Times, serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: underline;
}
A.clormenu2:hover
{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
	font-weight: bold;
	font-size:10px;
	line-height:normal;
}
A.clormenu2:link
{
    COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: none;
    line-height:normal;
}
A.clormenu2:visited
{
	COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: none;
    line-height:normal;
}
A.clormenu2:active
{
	COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: Bold;
    TEXT-DECORATION: none;
    line-height:normal;
}
TABLE.tborder
{
    border:"0"; 
    width:600px;
    background-color:#000000;
 
}
.topNavigation
{
    width: 3px;
    height: 24px;
    BORDER-RIGHT: #60605c 1px dotted; 
    BORDER-TOP: #60605c 1px dotted; 
    BORDER-LEFT: #60605c 1px dotted; 
    BORDER-BOTTOM: #60605c 1px dotted;
}

.footer
{
    color: #ffffff;
    font-family: arial;
    font-size: 10px;
    font-weight: Bold;
    line-height: normal;
}
.navigationBar
{  
    background-color: #c3c3bf; 
    font-family:Tahoma;
    font-size:small;
    width:96%;
    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
}


.tablecontent
{
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
}
.heading
{
	color:#ffffff;
	font-family: arial;
    font-size: 12px;
    font-weight:bold;
    line-height: normal;
}

.content
{
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-align: left;	
	line-height: normal;
}

.contentbold
{
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	
}

.gurante
{
    border: 1px;
    border-color:#F2F2F2;
    border:cellspacing=5;
    border:cellpadding=4;
    border: 1px solid #F2F2F2; 
    padding: 5px
    line-height: normal;
    
 }
 
 .tophead
 {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	text-align:justify;
	line-height: normal;
 }
 
 tblprop
 {
    width: 236px;
  }

.topNavigationLine1
{
    background-color: #696868;
    height: 2;
    background-image: url(images/1x1spacer.gif);
    line-height: normal;
}

.topNavigationLine2
{
    background-color:#DFDFDF;
    height:2;
    line-height: normal;
}

.arrow
{
    width:10;
    height:21;
    text-align:center;
    Color:#000000;
}
.menudata
{
    text-align:left;
    width:20;
    Color:#000000;
    line-height: normal;
}

.menuhead
{
    background-color:Fuchsia;
    text-align:center;
    font-size:2;
    line-height: normal;
}

.ware
{
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	
}
.shopBagCounter
{
    font-family: Tahoma;
    color: #D6D7D4;
    font-size: 12px;
    line-height: normal;
}
.orderTitle
{
    background-color: #666666;
    text-align: center;
    width: 28;
    vertical-align: top;
    font-family: Tahoma;
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    line-height: normal;
}
.orderContents
{
    text-align: center;
    vertical-align: top;
    font-family: Tahoma;
    color: #FFFFFF;
    font-size: 8pt;
    line-height: normal;
 }
.shopmore
{
    background-color:#d7d5c6;
    font-family:Tahoma;
    font-weight:bold;
    font-size:small;
    line-height: normal;
}
IMG
{
    border-style:none;
}
.footHeading 
{
    font-family:Tahoma, Verdana, Arial; 
    font-size:2;
    color:#cc0000;
}
.tblPaging a:hover
{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
	font-size:15px;
	line-height:normal;
}
.tblPaging a:link
{
    COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 15px;
    line-height:normal;
}
.tblPaging a:visited
{
	COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 15px;
    TEXT-DECORATION: none;
    line-height:normal;
}
.tblPaging a:active
{
	COLOR: #ffffff;
    FONT-FAMILY: Century Schoolbook;
    FONT-SIZE: 15px;
    line-height:normal;
}
.tblPaging
{
    FONT-SIZE: 15px;    
}
.formlist {
     
      height:20px;
      font-family:arial;
      font-weight:bold;
      font-size:12px;
      color: #969696;
      padding-top:2px;
      padding-bottom:1px;
      border-color:#272727;
      border-style:solid;
      border-width:1px;
      background-color:#000000
}
.productpage
{
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: #9fa696;
	TEXT-DECORATION: underline;
}
.productpage a:hover
{         
      font-family:arial;
      font-weight:bold;
      font-size:12px;
      color: #969696;    
     TEXT-DECORATION: underline;
}





/*Credits: Dynamic Drive CSS Library */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:black;
padding: 5px;
left: -400px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 20px; /*position where enlarged image should offset horizontally */

}
