BODY
{ /*background-image:url("images/metal2.gif");*/
  background-color:#fff;
  
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #000000; /*color indicates the text color, accept when the style is for elements like borders*/
  margin:  0 0  0 0 /*top | right | bottom | left*/
}

.StandardStyle
{ 
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #000000; /*color indicates the text color, accept when the style is for elements like borders*/
  margin:  0 0  0 0 /*top | right | bottom | left*/
}

.StandardStyleHeading
{ 
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #727272; /*color indicates the text color, accept when the style is for elements like borders*/
  margin:  0 0  0 0 /*top | right | bottom | left*/
}

.FooterLinkColour:A
{ 
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: white; /*color indicates the text color, accept when the style is for elements like borders*/
  margin:  0 0  0 0 /*top | right | bottom | left*/
}

TABLE 
{
  font: normal normal normal 12px Arial; 
  color: #000; 
  border: solid 0px  ; /*style | width | color */
}

TABLE.outertable{ border: solid 1px #738059; background-color:#ffffff;background-image:url("images/Metal.jpg")}
TABLE.CatalogueItemImages{}
TABLE.SearchBar{background-color:#BFB060; color:#CC0000; font-size:11px; border:solid 2px #000;}
/*TABLE.SpecialItemsHomePage{ padding:7 7 7 7; color:#000; background-color:#FFFFC6;font-weight:bold; border:solid 1px #000;}*/
TABLE.SpecialItemsHomePage{ padding:7 7 7 7; color:#000; font-weight:bold; border:solid 0px #000;}

TABLE.ShoppingCart{ border: solid 1px #000;}
TABLE.ShoppingCartView{ border: solid 1px #000;}
TABLE.ItemInfo{margin: 2 2 2 15;}
TD.ShoppingCartTotal{ background-color:#BFB060; color:#FEFEEC;font-weight:bold; font-size:12px;}
TD.ShoppingCartHeading{ background-color:#BFB060; color:#FEFEEC; font-weight:bold;font-size:12px;}
TD.MenuBar{background-color:#000099; font-weight:bold;font-size:12px;}
/*TD.LeftMenu{background-color:#738059; padding:2 2 2 3; border:solid 2px #000; }*/
TD.LeftMenu{background-color:#CCCCCC; padding:2 2 2 3; border:solid 2px #000;font-weight: bold }
TD.LeftMenuTD{ padding: 0  10 2 5;}
TD.ItemGrid{ border-bottom:solid 1px #000;}
TD.WednesdaySpecial{background-color:#CC3333;color:#FFCC33; font-weight:bold;font-size:12px; border:solid 2px #000;}
H1{font: bold 16px;}

H2{font: bold 14px ;}

H3{font: bold 12px;}

IMG.GalleryItemImage{border: solid 1px #000000;}
.Thumbnail{width:120px; height:120px; color:#000; text-align:center; background-color:#fff; padding: 5 5 5 5; border:solid 1px #000;	CURSOR: HAND;}
.ThumbnailNoLink{width:120px; height:120px; color:#000; background-color:#fff; padding: 5 5 5 5; border:solid 1px #000;	}
.HomeThumbnail{width:80px; height:80px; color:#000; text-align:center; background-color:#ccc; padding: 5 5 5 5; border:solid 1px #000;	CURSOR: HAND;}
.SmlImage{width:170px; height:120px; color:#000; text-align:center; background-color:#fff; padding: 5 5 5 5; border:solid 1px #000;	CURSOR: HAND;}
.SmlImageNoLink{width:170px; height:120px; color:#000; background-color:#fff; padding: 5 5 5 5; border:solid 1px #000;	}
.pagenavigation{font: bold 11px;}

.border{ border: solid 0px #000;}

HR
{
  height:1px;
  color: #000000;
}

.MUSTHAVEFIELD
{
  font: normal normal bold 20px Arial; 
  color: #FCC156; /*TextMustHaveColor*/
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  margin-bottom:0px;
  margin-top:0px;
}

.MUSTHAVEFIELDFRONTEND
{
  font: normal normal bold 20px Arial; 
  color: #810100; /*TextMustHaveColor*/
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  margin-bottom:0px;
  margin-top:0px;
}

.MUSTHAVEFIELDFRONTENDASTERISK
{
  font: normal normal bold 20px Arial; 
  color: #810100; /*TextMustHaveColor*/
  font-size: 20px;
  font-weight:bold;
  text-decoration: none;
  margin-bottom:0px;
  margin-top:0px;
}

/*Classes for Anchors ?*/
a:link, a:visited
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #738059; /*#738059; MenuNormalBackColor*/
  font-weight:normal;
  text-decoration: none;
  background: transparent;
 }
a:hover, a:active, a:focus
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #BFB060; /*MenuFocusBackColor*/
  font-weight:normal;
  text-decoration: underline;
  background: transparent;
 }

a.MenuBar:link, a.MenuBar:visited
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #eee; /*MenuNormalBackColor*/
  font-weight:bold;
  text-decoration: none;
  background: transparent;
 }
a.MenuBar:hover, a.MenuBar:active, a.MenuBar:focus
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #CC0000; /*MenuFocusBackColor*/
  font-weight:bold;
  text-decoration: underline;
  background: transparent;
 }
 
 a.MenuHeading:link, a.MenuHeading:visited
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #FFCC33; /*MenuNormalBackColor*/
  font-weight:bold;
  text-decoration: none;
  background: transparent;
 }
a.MenuHeading:hover, a.MenuHeading:active, a.MenuHeading:focus
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #eee; /*MenuFocusBackColor*/
  font-weight:bold;
  text-decoration: underline;
  background: transparent;
 }
 
  a.MenuLink:link, a.MenuLink:visited
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #eee; /*MenuNormalBackColor*/
  font-weight:bold;
  text-decoration: none;
  background: transparent;
 }
a.MenuLink:hover, a.MenuLink:active, a.MenuLink:focus
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #FFCC33; /*MenuFocusBackColor*/
  font-weight:bold;
  text-decoration: underline;
  background: transparent;
 }
 
 
 a.h3:link, a.h3:visited
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #CC3333; /*MenuNormalBackColor*/
  font-weight:bold;
  text-decoration: none;
  background: transparent;
 }
a.h3:hover, a.h3:active, a.h3:focus
{
  font: normal normal normal 12px Arial; /*style | varient | weight | size | font-family*/
  color: #000099; /*MenuFocusBackColor*/
  font-weight:bold;
  text-decoration: underline;
  background: transparent;
 }

a.small:link, a.small:visited
{
  font: normal normal normal 10px Arial; /*style | varient | weight | size | font-family*/
  color: #000; /*MenuNormalBackColor*/
  font-weight:normal;
  text-decoration: none;
  background: transparent;
 }
a.small:hover, a.small:active, a.small:focus
{
  font: normal normal normal 10px Arial; /*style | varient | weight | size | font-family*/
  color: #003399; /*MenuFocusBackColor*/
  font-weight:normal;
  text-decoration: underline;
  background: transparent;
 }
 
 a.light:link, a.light:visited
{
  font: normal normal normal 10px Arial; /*style | varient | weight | size | font-family*/
  color: #ffffff; /*MenuNormalBackColor*/
  font-weight:normal;
  text-decoration: none;
  background: transparent;
 }
a.light:hover, a.light:active, a.light:focus
{
  font: normal normal normal 10px Arial; /*style | varient | weight | size | font-family*/
  color: #ffffff; /*MenuFocusBackColor*/
  font-weight:normal;
  text-decoration: underline;
  background: transparent;
 }
 a.BOTY:link, a.BOTY:visited
{
  font: normal normal normal 20px Arial; /*style | varient | weight | size | font-family*/
  color: #ff0033; /*MenuNormalBackColor*/
  font-weight:bold;
  text-decoration: none;
  background: transparent;
 }
a.BOTY:hover, a.BOTY:active, a.BOTY:focus
{
  font: normal normal normal 20px Arial; /*style | varient | weight | size | font-family*/
  color: #CC0033; /*MenuFocusBackColor*/
  font-weight:bold;
  text-decoration: underline;
  background: transparent;
 }
 

/*Classes for forms*/
INPUT
{
  font: normal normal normal 11px Arial; 
  color: #000; 
}
TEXTAREA
{
  font: normal normal normal 11px Arial; 
  color: #000; 
}

SELECT
{
  font: normal normal normal 11px Arial; 
  color: #000; 
}


.Button
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 11;
	FONT-WEIGHT: 700;
	TEXT-ALIGN: CENTER;
	COLOR: #fff;
	BACKGROUND-COLOR: #738059;
	BORDER-BOTTOM: #ccc 1PX SOLID;
	HEIGHT: 20;
	CURSOR: HAND;
}
.SpecialPrice
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 16;
	FONT-WEIGHT: BOLD;
	color :#003399; /*#CC0000;*/
}
.JustArrived
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 12;
	FONT-WEIGHT: BOLD;
	color : #CC0000;
}
a.SpecialPrice:link, a.SpecialPrice:visited
{
  font: normal normal normal 10px Arial; /*style | varient | weight | size | font-family*/
  color: #003399; /*#FFCC00  MenuNormalBackColor*/
  font-weight:bold;
  text-decoration: none;
  background: transparent;
  font-size:14px;
  text-align:center;
 }
a.SpecialPrice:hover, a.SpecialPrice:active, a.SpecialPrice:focus
{
  font: normal normal normal 10px Arial; /*style | varient | weight | size | font-family*/
  color:#FFCC00 ; /*#eee   MenuFocusBackColor*/
  font-weight:bold;
  text-decoration: underline;
  background: transparent;
  font-size:14px;
  text-align:center;
 }
 
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A {
	COLOR: #0a54a8; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
#header A {
	/*PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 0px; TEXT-DECORATION: none */
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none; FONT-FAMILY: Verdana;
}
#header A:hover {
	/*COLOR: #c00; TEXT-DECORATION: underline*/
	COLOR: #FFFFFF; TEXT-DECORATION: underline
}
#topnav {
	/*PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -5px; PADDING-TOP: 0px; HEIGHT: 30px;  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF00CCFF', endColorstr='#CC0000FF');*/
    /*PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -5px; PADDING-TOP: 0px; HEIGHT: 30px;  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#738059', endColorstr='#FFCC00');*/
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -5px; PADDING-TOP: 0px; HEIGHT: 30px;  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#575758');
}

#topnav STRONG {
	FONT-SIZE: 11px
}
#topnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#topnav UL LI {
	FLOAT: left
}
#topnav UL LI A {
	BORDER-RIGHT: #003366 1px solid; PADDING-RIGHT: 15px; BACKGROUND-POSITION: 50% top; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 3px 0px 0px; COLOR: #000000; PADDING-TOP: 4px; BACKGROUND-REPEAT: repeat-x; TEXT-DECORATION: none
}
#topnav UL LI.Mnu A {
	BORDER-RIGHT: #659528 1px solid; border-bottom: #659528 1px solid; PADDING-RIGHT: 15px; BACKGROUND-POSITION: 50% top; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; MARGIN: 3px 0px 0px; COLOR: #ffffff; background-color: #659528; PADDING-TOP: 4px; BACKGROUND-REPEAT: repeat-x; TEXT-DECORATION: none
}
#topnav UL LI.Selected A {
	BORDER-RIGHT: #810100 1px solid; border-bottom: #810100 1px solid; PADDING-RIGHT: 15px; BACKGROUND-POSITION: 50% top; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; MARGIN: 3px 0px 0px; COLOR: #ffffff; background-color: #810100; PADDING-TOP: 4px; BACKGROUND-REPEAT: repeat-x; TEXT-DECORATION: none
}
#topnav LI A:hover {
	BORDER-RIGHT: #003366 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(/graphics/nav_press.gif) #f2f1f1 repeat-x left bottom; PADDING-BOTTOM: 7px; MARGIN: 1px 0px 0px; BORDER-LEFT: #99ccff 0px solid; COLOR: #333; PADDING-TOP: 7px
}
#topnav LI A.press {
	BORDER-RIGHT: #003366 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(/graphics/nav_press.gif) #f2f1f1 repeat-x left bottom; PADDING-BOTTOM: 7px; MARGIN: 1px 0px 0px; BORDER-LEFT: #99ccff 0px solid; COLOR: #333; PADDING-TOP: 7px
}
#topnav LI A.press:hover {
	BORDER-RIGHT: #003366 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(/graphics/nav_press.gif) #f2f1f1 repeat-x left bottom; PADDING-BOTTOM: 7px; MARGIN: 1px 0px 0px; BORDER-LEFT: #99ccff 0px solid; COLOR: #333; PADDING-TOP: 7px
}
#topnav LI A:hover {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
#topnav UL LI.dropdown2:hover {
	BACKGROUND: url(/graphics/nav_press.gif) #808080 repeat-x left bottom; MARGIN: 1px 0px 0px
}
#topnav UL LI.dropdown2:hover A {
	BORDER-RIGHT: #036 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 7px; MARGIN: 1px 0px 0px; COLOR: #333; PADDING-TOP: 6px
}
#topnav UL LI.dropdown2 A:hover {
	BORDER-RIGHT: #036 1px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 7px; MARGIN: 1px 0px 0px; COLOR: #333; PADDING-TOP: 6px
}
#topnav UL LI UL.hover2 {
	DISPLAY: none
}
#topnav UL LI:hover UL.hover2 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 10000; BACKGROUND: url(/graphics/nav/dropdown-b.png) no-repeat left bottom; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px -3px; PADDING-TOP: 0px; POSITION: absolute
}
#topnav UL LI.pressmc {
	
}
#topnav UL LI.dropdown2:hover UL.hover2 LI A {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #0a54a8; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}
#topnav UL LI.pressmc:hover UL.hover2 LI A {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #0a54a8; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}
#topnav IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 0px 0px; PADDING-TOP: 0px
}
#topnav .dropbody2 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 3px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/graphics/nav/dropdown-x.png) repeat-y left top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 170px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#topnav UL LI.dropdown2:hover UL.hover2 .dropbody2 A {
	PADDING-RIGHT: 5px; BORDER-TOP: #f2f1f1 1px solid; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 6px; MARGIN: 0px; WIDTH: 143px; COLOR: #0a54a8; PADDING-TOP: 6px; BORDER-RIGHT-WIDTH: 0px
}
#topnav UL LI:hover UL.hover2 .dropbody2 A:hover {
	BORDER-TOP: #f2f1f1 1px solid; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #f9db35; BORDER-BOTTOM-WIDTH: 0px; COLOR: #333; BORDER-RIGHT-WIDTH: 0px
}


.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; WHITE-SPACE: normal; LIST-STYLE-TYPE: none
}
.menu LI {
	FLOAT: left; WIDTH: 100px; POSITION: relative
}
.menu A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 14px; BORDER-LEFT: #fff 1px solid; WIDTH: 99px; COLOR: #2952a7; LINE-HEIGHT: 29px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 32px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu UL UL A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #d4d8bd; PADDING-BOTTOM: 5px; WIDTH: 78px; COLOR: #000; LINE-HEIGHT: 1em; PADDING-TOP: 5px; HEIGHT: auto
}
.menu A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 0px solid
}
.menu UL UL {
	LEFT: 0px; VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; TOP: 31px; HEIGHT: 0px
}

.menu UL A:hover UL {
	VISIBILITY: visible
}
.menu UL UL A.drop:hover {
	BACKGROUND: #c9ba65/*#c9ba65*/
}
 HTML .menu UL UL A {
	WIDTH: 150px
}


.box { 
  background: #000F90; 
  color:White;
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  /*background: url(images/nw.gif) no-repeat top left; */
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  /*background: url(images/sw.gif) no-repeat bottom left;*/ 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
  
}

.MemberLinkFont {
	FONT-SIZE: 12px; COLOR: #659528; FONT-FAMILY:  "arial"
}
.LinkFont {
	FONT-SIZE: 14px; COLOR: #659528; FONT-FAMILY:  "arial"
}
.LinkFontWebURL {
	FONT-SIZE: 12px; COLOR: #659528; FONT-FAMILY:  "arial"
}
.LinkSanlam {
	FONT-SIZE: 12px; COLOR: #4181FF; FONT-FAMILY:  "arial"; font-weight:bold
}
.LinkSanlamHeading {
	FONT-SIZE: 12px; COLOR: #0000FF; FONT-FAMILY:  "arial"; font-weight:bold
}
.StaffMemberHeaderFont {
	FONT-SIZE: 16px; COLOR: #659528; FONT-FAMILY:  "arial"
}

.MemberFont {
	FONT-SIZE: 12px; COLOR: #003399; FONT-FAMILY:  "arial"
}
.LinkFontSpecialNoLogin {
	FONT-SIZE: 16px; 
	COLOR: Red; 
	FONT-FAMILY:  "arial";
	FONT-WEIGHT: bold
}
.LinkFontSpecialLogin {
	FONT-SIZE: 16px; 
	COLOR: #003399; 
	FONT-FAMILY:  "arial";
	FONT-WEIGHT: bold
}
.LinkFontRegister {
	FONT-SIZE: 16px; 
	COLOR: #810100; 
	FONT-FAMILY:  "arial";
	FONT-WEIGHT: bold
}