html
{
  min-height:100%;
}
body
{
	text-align: center;
	background-image: url("/images/scribblewhite.gif");
	background-color: white;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.main
{
  text-align: left;
  color: #999999;
  font-size: 10pt;
  line-height: 13pt;
}
.repsubtitle {text-align:left;color:#000000;font-size:10pt;line-height:13pt;font-family:Arial, Verdana, Helvetica, sans-serif}
.leftindent {margin-left:15px}

div
{
  font-family: Verdana;
  font-size: 80%;
  line-height: 1.2em;
  background-colour: transparent;
  color: #808080;
}
a:LINK, a:VISITED 
{
  
  color: #808080;
}
a:ACTIVE, a:HOVER
{
  color: #FF9900; /* #FF6600; */
}

table 
{
  border-collapse: collapse; 
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
tr
{
}
td
{
  border: 1px solid white;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
/*.first
{
  border: 1px solid white;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.second
{
  border: 2px solid #FF6600;
  margin: 0;
  padding: 0;   
  vertical-align: top;
  background-color: #FF6600;
  width:23px;
  height:23px;  
 /* border-top: 2pt solid #FF6600;
  border-left: 2pt solid #FF6600;
  border-bottom: 2pt solid #FF6600;
  border-right: 2pt solid #FF6600;
}*/

td img
{
  display: block;
  margin: 0; 
  padding: 0; 
} 
a
{
  padding: 0;
  margin: 0;
}
div#logo
{
  position: relative;
  margin: 0 auto 0 auto;
  width: 194px;
  height: 14px;
  top: 53px;
  /* use only if you need to switch white / black based on div backgrounds*/
  background-image: url("../images/wLogo.gif");
  background-position: center middle;
  background-repeat: no-repeat;
}
div#content
{
  position: relative;
  top: 120px;
  margin: 0 auto 0 auto;
  display: block;
  width: 854px;
  text-align: left;
}
div#leftSwatch
{
  position: absolute;
  width: 181px;
  height: 181px;
  top: 0px;
  left: 233px;
}
div#leftbgswitch
{
  position: absolute;
  top:	300px;
  left: 416px;
}
div#wh_leftMenuTitle
{
  position: absolute;
  width: 181px;
  height: 15px;
  top: 181px;
  left: 233px;
  text-align: center;
  padding: 10px 0 10px 0;
}
div#bl_leftMenuTitle
{
	display: none;
}
div#leftMenuSpacer1
{
  position: absolute;
  top: 175px;
  left: 222px;
  padding: 10px 0 10px 0;
}
div#leftMenuSpacer2
{
  position: absolute;
  top: 175px;
  left: 365px;
  padding: 10px 0 10px 0;
}
div#leftMenu
{
  position: absolute;
  display: block;
  width: 87px;
  top: 216px;
  left: 280px;
  text-align: center;
  padding: 1px;
  margin: 0;
  background-image: url("../images/menus/colours/menuTopBackground.gif");
  background-position: top center;
  background-repeat: no-repeat;
  visibility: hidden;
}
div#leftMenu a
{
  display: block;
  width: 81px;
  height: 14px;
  padding: 1px;
}
div#leftMenu a:hover
{
  background-color: #FF9900; /* #FF6600; */
}
div#leftMenu ul
{
  width: 83px;
  margin: 0 2px 0 2px;
  padding: 0;
  list-style-type: none;
}
div#leftMenu ul li
{
  margin: 0 0 -1px 0; 
  padding: 0;
}
div#leftThumbnails
{
  position: absolute;
  width: 181px;
  height: 181px;
  top: 0px;
  left: 26px;
}
.leftimagetitle
{
  position: absolute;
  top: 3px;
  font-family: Verdana;
  font-size: 13px;
  height: 18px;
  margin: 0 0 6px 0;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
  font_stretch: wide;
}
.leftimagetitle33
{
  position: absolute;
  top: 0px;
  font-family: Verdana;
  font-size: 13px;
  height: 18px;
  margin: 0 0 6px 0;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
  font_stretch: wide;
}
.leftimagetitle1
{
  position: absolute;
  left: 157px;
  top:0px;
}
.leftimagetitle2
{
  position: absolute;
  left: 171px;
  top:0px;
}
.leftimagetitle11
{
  position: absolute;
  top: 25px;
  left: 157px;
}
.leftimagetitle22
{
  position: absolute;
  top: 25px;
  left: 171px;
}
div#leftimagesubtitle
{
  position: absolute;
  top: 23px;
  height: 17px;
  font-family: Verdana;
  font-size: 10px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
}
div#leftgradeDescription
{
  /*position: absolute;
  top: 35px;*/
  font-family: Verdana;
  font-size: 10px;
  height: 18px;
  margin: 0 0 6px 0;
  background-colour: transparent;
  font-weight: normal; 
  font_stretch: wide;
}
div#leftalsoavailable
{
  /*position: absolute;
  top: 184px;*/
  font-family: Verdana;
  font-size: 10px;
  height: 16px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
}

div#leftalsoavailableDetails
{
  /*position: absolute;
  top: 199px;*/
  font-family: Verdana;
  font-size: 10px;
  height: 20px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
}

div#leftgradelink

{
  position: relative;
  top: 20px;
  left: 0px;
  font-family: Verdana;
  font-size: 10px; 
}
div#leftgradelink a:Link
{
	text-decoration: none;
}
div#leftDetails
{
  position: absolute;
  width: 181px;
  top: 191px;
  left: 26px;
  font-size: 10px;
}

div#leftDetails td
{
  border: none;
}
div#rightSwatch
{
  position: absolute;
  width: 181px;
  height: 181px;
  top: 0px;
  left: 440px;
}
div#rightbgswitch
{
  position: absolute;
  top:	300px;
  left: 428px;
}
div#rightMenuTitleWhite
{
  position: absolute;
  width: 181px;
  height: 15px;
  top: 181px;
  left: 440px;
  text-align: center;
  padding: 10px 0 10px 0;
}
div#rightMenuTitleBlack
{
	display: none;
}
div#rightMenuSpacer1
{
  position: absolute;
  width: 181px;
  height: 100px;
  top: 175px;
  left: 423px;
  padding: 10px 0 10px 0;
}
div#rightMenuSpacer2
{
  position: absolute;
  width: 181px;
  height: 100px;
  top: 175px;
  left: 567px;
  padding: 10px 0 10px 0;
}
div#rightMenuWhite
{
  position: absolute;
  width: 79px;
  top: 216px;
  left: 492px;
  text-align: center;
  line-height: 10px;
  padding: 1px 0 0 0;
  /*background-image: url("../images/menus/grades/menuTopBackground.gif");*/
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  visibility: hidden;
}
div#rightMenuBlack
{
	display: none;
}
div#rightMenu img
{
}
div#rightThumbnails
{
  position: absolute;
  width: 181px;
  height: 181px;
  top: 0px;
  left: 647px;
}

div#rightDetails
{
  position: absolute;
  width: 181px;
  top: 191px;
  left: 647px;
  font-size: 10px;
}

.rightgradetitle
{
  position: absolute;
  top: 3px;
  font-family: Verdana;
  font-size: 13px;
  height: 18px;
  margin: 0 0 6px 0;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold;
  font_stretch: wide;
}
.rightgradetitle1
{
  position: absolute;
  left: 157px;
  top: 0px;
}
.rightgradetitle2
{
  position: absolute;
  left: 171px;
  top: 0px;
}
.rightgradehistory
{
  position: absolute;
  top: 3px;
  font-family: Verdana;
  font-size: 11px;
  height: 18px;
  margin: 0 0 6px 0;
  background-colour: transparent;
  color: #666666;
  font_stretch: wide;
}
.rightgradehistoryGC
{
  position: absolute;
  top: 20px;
  font-family: Verdana;
  margin: 0 0 0px 0;
  background-colour: transparent;
  color: #666666;
}
div#rightgradesubtitle
{
  position: absolute;
  top: 23px;
  height: 17px;
  font-family: Verdana;
  font-size: 10px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
}

div#rightgradeDescription
{
  /*position: absolute;
  top: 35px;*/
  font-family: Verdana;
  font-size: 10px;
  height: 18px;
  margin: 0 0 6px 0;
  background-colour: transparent;
  font-weight: normal; 
  font_stretch: wide;
  
}


div#rightalsoavailable
{
  /*position: absolute;
  top: 184px;*/
  font-family: Verdana;
  font-size: 10px;
  height: 16px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
}

div#rightalsoavailableDetails
{
  /*position: absolute;
  top: 199px;*/
  font-family: Verdana;
  font-size: 10px;
  height: 20px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
}
div#rightgradelink

{
  position: relative;
  top: 20px;
  left: 0px;
  font-family: Verdana;
  font-size: 10px;

}

div#rightgradelink a:Link
{
	text-decoration: none;
}
.cellOff
{
}
.cellOn
{ 
   
}
/*div#footer
{
  position: absolute;
  width: 100%;
  top: 550px;
  text-align: center;
}*/
div#footer
{
  position: absolute;
  width: 100%;
  top: 505px;
  text-align: center;
  font-size: 11px;
}
/*******************************************************************/
/* Contact Us Page                                                 */
/*******************************************************************/
div#contactContent
{
	position: relative;
	top: 150px;
	margin: 0 auto 0 auto;
	display: block;
	width: 400px;
	text-align: left;
/*	height: 205px; */

}
div#contactContent div.fullWidth
{
  width: 100%;
  margin: 0 0 1em 0;
  clear: both;
}
div#contactContent div.fullWidth1
{
  width: 450px;
  margin: 0 0 1em 0;
  clear: both;
}
div#leftDetails td
{
  border: none;
}
div#contactContent div.left
{

  width: 190px;
  margin: 0 0 1em 0;
  float: left;
  clear: both;
  white-space: nowrap;
}

div#contactContent div.leftt
{

  width: 20px;
  margin: 0 0 1em 0;
  float: left;
  clear: both;
  white-space: nowrap;
  vertical-align: middle

}
div#contactContent div.lefttt
{
  width: 150px;
  margin: 0 0 1em 0;
  float: left;
  clear: both;
  white-space: nowrap;
}
div#contactContent div.right
{

  width: 200px;
  margin: 0 0 1em 0;
  float: right;
  clear: both;
  white-space: nowrap;
}

div#contactContent div.fullWidth div.left,
div#contactContent div.fullWidth div.right
{
  font-size: 100%;
}
div#contactFooter
{
  width: 100%;
  margin: 337px 0 21px 0;
  clear: both;
  text-align: center;
  font-size: 11px;

}
.title
{
  font-family: Verdana;
  font-size: 11px;
  line-height: 25px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold; 
  font_stretch: wide;
}
.subtitle
{
  font-family: Verdana;
  font-size: 10px;
  line-height: 25px;
  background-colour: transparent;
  color: #666666;
  font-weight: Bold;
  border:none; 
}
.td1
{
border: none;
}