/*   * {margin:0}     */


body {
  /* background-color: #D9DFD1; */
  text-align: center;
  /* background-image: url(../images/site/bgGreyBar.png);  */
  background-position: top center;
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
}
body.home {
  /* background-image: url(../images/site/bgGreyBarHome.png);  */
}
table, tr, td, ul, li, p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
/* provides white panel and grey stripe */
div.bg {
  margin: 0px auto;
  width: 730px;
  height: auto;
  text-align: center;
}
/* main table */
table.body {
  width: 730px;
  height: auto;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.body td, table.body th {
  padding: 0px;
}

/*
<div style="background-position: -0px -0px; width: 236px; height: 92px">&nbsp;</div> adCurve
<div style="background-position: -0px -102px; width: 104px; height: 92px">&nbsp;</div> adsquare1
<div style="background-position: -0px -204px; width: 104px; height: 92px">&nbsp;</div> adsquare2
<div style="background-position: -0px -306px; width: 139px; height: 28px">&nbsp;</div> bgcart
<div style="background-position: -0px -344px; width: 730px; height: 1px">&nbsp;</div> bgGreyBar
<div style="background-position: -0px -355px; width: 139px; height: 1px">&nbsp;</div> bgSearch
<div style="background-position: -0px -366px; width: 142px; height: 92px">&nbsp;</div> curve
<div style="background-position: -0px -468px; width: 87px; height: 25px">&nbsp;</div> tab
<div style="background-position: -0px -503px; width: 290px; height: 25px">&nbsp;</div> tabhome
*/

/* tabs across the top of the page */
table.body td.tabCell {
  width: 730px;
  height: auto;
  background-color: white;
  padding-top: 4px;
}
td.tabCell table.tabTable {
  width: auto;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.tabTable td {
  width: 87px;
  height: 25px;
  padding: 0px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-repeat: no-repeat;
  background-position: -0px -468px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
table.tabTable td a {
  color: white;
  text-decoration: none;
}
table.tabTable td.homeTab {
  width: 290px;
  height: 25px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-repeat: no-repeat;
  background-position:  -0px -503px;
  text-align: left;
  text-indent: 15px;
  font-weight: bold;
}
/* ad bar - shopping cart - search box */
table.body td.adBarCell,td.aXdBarCell {
  width: 730px;
  height: 92px;
  background-color: white;
  padding: 0px;
}
td.adBarCell table.adBar,td.aXdBarCell table.aXdBar  {
  width: auto;
  height: auto;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.adBar td ,table.aXdBar td {
  height: 92px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-position: top left;
  background-repeat: no-repeat;
}
table.adBar td.curve, table.homeLeft td.curve,table.aXdBar td.curve {
  cursor: auto;
  width: 142px;
  height: 92px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-position:  -0px -366px;
  background-repeat: no-repeat;
}
table.adBar td.adCurve,table.aXdBar td.adCurve {
  background-position: -0px -0px; width: 236px; height: 92px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-repeat: no-repeat;
}
table.adBar td.adSquare1,table.aXdBar td.adSquare1 {
  background-position: 0 -102px;
  width: 104px;
  height: 92px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-repeat: no-repeat;
}
table.adBar td.adSquare2,table.aXdBar td.adSquare2 {
  background-position: 0 -204px;
  width: 104px;
  height: 92px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-repeat: no-repeat;
 }
table.adBar td.cart, table.homeRight td.cart,table.aXdBar td.cart {
  background-position: -0px -306px;
  width: 139px;
  height: 28px;
  background-image: url(http://www.beadscanada.com/images/site/spritebar.jpg);
  background-repeat: no-repeat;
  text-align: left;
}
td.cart a {
  color: white;
  font-weight: bold;
  font-size: 11px;
  margin-left: 21px;
}
td.search div.searchContainer {
	overflow:hidden;
	height:64px;
	margin:0px;
}
table.adBar td.search, table.homeRight td.search,table.aXdBar td.search {
  cursor: auto;
  width: auto;
  height: 60px;
  background-image: url(../images/site/bgSearch.png); 
  background-position: top left;
  background-repeat: repeat-y;
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
}
td.search p.searchLabel {
  color: white;
  font-size: 11px;
  font-weight: bold;
  line-height: 150%;
 
}
td.search input.searchBox {
  background-color: #D9DFD1;
  font-size: 10px;
  float: left;
  	    padding: 0px;
      margin: 0px;
 
}
td.search input.searchSubmit {
  vertical-align: bottom;
}
p.searchLabel {
	margin-top: 0px;
	border-bottom: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 150%;
	
}
p.searchLabel a,
p.searchLabel a:visited,
p.searchLabel a:active
{
	color: white;
}
/* Added by David, for whole site / section search limiting */
span.search_limit {
	font-size: 10px;
	line-height: 100%;
	font-weight: normal;

}
span.search_limit input {
	width: 10px;
	height: 10px;
}
/* End David's additions */
/* menu on the left */
table.body td.leftMenuCell {
  vertical-align: top;
  width: 138px;
  height: auto;
  padding: 0px;
  background-image: url(../images/site/white.png);
  background-position: top left;
  background-repeat: repeat-x;
}
td.leftMenuCell table.leftMenu {
  width: 136px;
  border-width: 5px;
  border-spacing: 1px;
  margin-left: 3px;
  margin-top: 3px;
}
table.leftMenu td {
  /*background-color: #EBEBEB; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  cursor: pointer;
  padding: 1px;
  background-image: url(../images/site/arrow.png);
  background-position: 0px 4px;
  background-repeat: no-repeat;
}
table.leftMenu a {
  color: black;
}
table.leftMenu a:hover, table.leftMenu a.selected {
  color: #003300;
}
table.leftMenu td.leftMenu0 {
  background-color: #44691C;
  background-image: url(../images/site/menuDarkBottom.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  height: 20px;
  font-size: 12px;
  padding: 0px;
  border-spacing: 1px;
}
table.leftMenu div {
  padding: 3px;
  background-image: url(../images/site/menuDarkTop.png);
  background-position: top left;
  background-repeat: repeat-x;
}
table.leftMenu td.leftMenu0 a, table.leftMenu td.leftMenu0 a:hover, table.leftMenu td.leftMenu0 a.selected {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
table.leftMenu td.leftMenu1 {
  padding-left: 10px;
  background-position: 0px 4px;
}
table.leftMenu td.leftMenu2 {
  padding-left: 20px;
  background-position: 10px 4px;
}
table.leftMenu td.leftMenu3 {
  padding-left: 30px;
  background-position: 20px 4px;
}
table.leftMenu td.leftMenu4 {
  padding-left: 40px;
  background-position: 30px 4px;
}
table.leftMenu td.leftMenu5 {
  padding-left: 50px;
  background-position: 40px 4px;
}
table.leftMenu td.leftMenu6 {
  padding-left: 60px;
  background-position: 50px 4px;
}
/* page content */
table.body td.contentCell {
  vertical-align: top;
  width: 599px;
  height: auto;
  padding: 5px;
}
td.contentCell h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px dotted #999999;
}

td.contentCell h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #999999;
}



td.contentCell h1 a {
  color: #666666;
}
td.contentCell a, td.contentCell a:hover, td.contentCell a.selected {
  color: #003300;
  text-decoration: underline;
}
/* section page content */
td.contentCell table.children {
  width: 100%;
}
table.children td {
  width: 25%;
  padding: 2px;
  padding-bottom: 10px;
  text-align: center;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
table.children td.searchInfo {
  text-align: right;
}

table.children img.dot {
  height: 8px;
  width: 8px;
  border-width: 1px;
}

table.children td img {
  height: 100px;
  width: 100px; 
}


table.children td a {
  color: black;
}
table.children td a:hover {
  color: #003300;
}
table.children td span {
  color: #003300;
}
table.children td.empty {
}

/* page content */
td.contentCell table.productTable {
  width: 100%;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.productTable td.productImageCell {
  background-color: #CCCCCC;
  width: 200px;
  vertical-align: top;
}
 td.productImageCell img {
  width: 100px;
  height: 100px;
  border-width: 1px;
}
td.productImageCell a {
  color: black;
}
td.productImageCell a:hover {
  color: #003300;
}
td.productImageCell img.main_image, td.productImageCell img.no_image {
  width: 200px;
  height: 200px;
}

td.productImageCell img.dot {
  width: 15px;
  height: 15px;
}


table.productTable td.productInfoCell {
  background-color: #CCCCCC;
  vertical-align: top;
  border-spacing: separate;
  padding: 4px;
}
.productId {
  font-weight: bold;
  font-size: 10px;
}
.productName {
  font-weight: bold;
}
.productDesc {
  font-size: 10px;
  margin-bottom: 0px;
}
.productPriceHeading {
  font-weight: bold;
}

.productCurrency {
cursor:default;
  font-weight: bold;
}

.productPrice {
 font-size: 18px;
  font-weight: bold;
  color: #003300;
cursor:default
}

.productPriceDecimal {
 font-size: 12px;
font-weight: bold;
  color: #003300;
cursor:default
}


.productStrike {
 font-weight: bold;
 text-decoration: line-through; 
}

.productSale {
 font-weight: bold;	
 color: red;	
}	

.priceUs{}

.priceCad{}


table.optionTable {
}
.optionName, .optionCheckbox {
  font-weight: bold;
}
.optionData, .optionSelect {
}
.sizeChartLink {
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
}
.productStock {
  font-size: 10px;
  font-weight: bold;
}
.pleaserStockyes {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* background-color: #668645; */
  background-color: #75da43;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 0.25em;
  margin-top: 2px;
  margin-bottom: 2px;
}
.pleaserStockchecking {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 0.25em;
  margin-top: 2px;
  margin-bottom: 2px;
}
.pleaserStockerror {
  background-color: #ACACAC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 0.25em;
  margin-top: 2px;
  margin-bottom: 2px;
}
.pleaserStocklow {
/*  background-color: #A4B392; */
  background-color: #f3d177;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 0.25em;
  margin-top: 2px;
  margin-bottom: 2px;
}
.pleaserStockno {
  /* background-color: #ACACAC; */
  background-color: #f37777;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 0.25em;
  margin-top: 2px;
  margin-bottom: 6px;
}



td.contentCell div.stockCheckDiv {
  text-align: center;
}
/* home page */
td.homeCellLeft {
  width: 142px;
  vertical-align: top;
}
td.homeCellMiddle {
  vertical-align: top;
  width: 442px;
}
td.homeCellRight {
  vertical-align: top;
  width: 146px;
}
table.homeLeft {
  width: 142px;
  height: auto;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.homeMiddle {
  width: 444px;
  height: auto;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.homeMiddle td.adHomeLarge {
  width: 444px;
  height: 222px;
  background-image: url(../images/site/adHomeLarge.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}
table.homeMiddle td.adHomeLeft {
  width: 221px;
  height: 156px;
/*  background-image: url(../images/site/adHomeLeft.png); */
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  cursor:pointer;
}
table.homeMiddle td.adHomeRight {
  width: 223px;
  height: 156px;
  background-image: url(../images/site/adHomeRight.png);
  background-position: top left;
  background-repeat: no-repeat;
  cursor:pointer;
}
table.homeMiddle td.homeText {
}
td table.homeRight {
  margin-left: 1px;
  width: 139px;
  height: auto;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
td > table.homeRight {
  margin-left: 0px;
}
table.homeLeft td, table.homeLeft th, table.homeRight td, table.homeRight th, table.homeMiddle td, table.homeMiddle th {
  padding: 0px;
}


/* product-section content */
#pshead
{
	border-bottom: 1px dotted #999999;
}
#psheadimage
{
	width: 200px;
	text-align: right;
}
#psheadtext
{
	/* width: 100%; */
	vertical-align: top;
}
#psheadname
{
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}
table.psproductlist
{
	width: 100%;
	vertical-align: middle;
}
table.psproductlist img
{
	width: 50px;
	height: 50px;
}
table.psproductlist img.dot {
  height: 8px;
  width: 8px;
  border-width: 1px;
}
table.psproductlist td.psimagecell
{
	width: 50px;
}
table.psproductlist td.pstextcell
{
}

/* homepage, right side ad */
 td.adRight {
  width: 139px;
  height: 156px;
  background-image: url(../images/site/adRight.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  cursor:pointer;
}

div.bottom 
{
border-color:#456C1B;
text-align:left;
border-style:solid;
background-color:#FFFFFF;
margin:0pt 0pt 3pt 3pt ;
padding:4pt 4pt 4pt 4pt;	
	}

.bottom ul
{padding-left:20px;margin-top:6px;margin-bottom:8px;margin-left:0px;list-style-type: disc;
	}
	
.bottom li
{font-size: 11px;
}

.bottom a
{color: #003300;
}
.bottom div
{font-size: 12px;
background-image:url(../images/site/menuDarkTop.png);
width:100%;
color:white;
font-weight: bold;
}
	
content{
color:white;	
	}	
	
	table.text1
	{
		border-spacing:2;
		border-width:0;
		text-align:center;
	}
	
	table.text1 tr
	{
		background-color:#F2F2F2;
	}
	
		table.text1 td
	{
		border-width:0;
	}
	
	table.text1 tr.first, td.first
	{
		background-color:#E5E5E5;
	}
	
.flags {background:url(/images/site/flags.jpg);no-repeat}	
.america { float: right; 
    width: 40px;
    height: 20px;
    background-position: 0 0;
}
.canada { float: right; 
    width: 40px;
    height: 20px;
    background-position: 0 -30px;
}
.globe { float: right; 
    width: 20px;
    height: 20px;
    background-position: 0 -60px;
}

 a.tutLink {
  color: #003300;
  text-decoration:none ;
}

 a.tutLink:hover  {
   background-color:#D9DFD1;
}