/* stylesheet built by DCatalog system */

/* Common styles for all pages */


  /* for NN */
  body, p, a, div, td { font: 12px arial, helvetica, sans-serif; 
        -moz-box-sizing-xx: border-box; 
        -webkit-box-sizing-xx: border-box; 
        box-sizing-xx: border-box;
        }
  
  /*  change 596px to 580px? */
  body { width:596px; } 
  /* adjust main page TO allow for right hand scroll bars */
  .main { width:596px;
          background:#ffffff;
          margin: 0px; 
          padding: 5px 0px 5px 5px;
          }
  sup {
    font-size:0.6em;
    vertical-align:top;
  }

  #pfheader  {width: 596px;}
  #noFrameHeader  {width: 596px;}
  #footer {display: none;}

  A:active { text-decoration: underline; color: #333333 }

  A.sample:link { font-weight: bold; color: #0000A0 }
  A.sample:visited { font-weight: bold; color: #666666 }
  A.sample:hover { text-decoration: underline; color: #ffffff; background: #4C4C00; } /* color: #ffffff ! important; background: #4C4C00 ! important */
  A.sample:active { text-decoration: underline; color: #333333 }
  /* header and navigation links */
  A.navBarLink:link, A.navBarLink:visited { color: #000080; font-weight: normal; text-decoration: none }
  A.parentLink:link { color: #000080; font-weight: bold; text-decoration: none }
  .parentLink { color: #000080; font-weight: bold; text-decoration: none } /* needed for IE ?? */

  h1, h2, h3, h4, h5, h6 { font: bold 13px arial, helvetica, sans-serif; }
  
  /* extra large headings for feature pages */
  h1 {  font: 48px bold arial, helvetica, sans-serif;
        color: #cccccc;
        border: none;
        margin: 0px; padding:0px;
        }
  
  /* used for colour-matched main title on page*/
  h2 {  font: 16px bold arial, helvetica, sans-serif; 
        margin: 6px 0px 6px 0px; padding: 0px; 
        border: none;
     } 

  /* same as H2 but with white text used on dark backgrounds */
  h3 {  font: 16px bold arial, helvetica, sans-serif; 
        color: #ffffff; 
        margin: 0px;  padding: 0px; 
        } 
  
  /* use for subheading on page */
  h4 {	margin: 6px 0px 6px 0px; 
		padding: 0px; border: none;
		}


  ul {	margin: 6px 10px 6px 30px; 
		padding: 0px; border: none;
		}
  li {
    margin-bottom: 4px;
  }


  /* sub-sub heading on page */

  h5 { color: #000080;}  

  blockquote { margin-left: 30px }

  .childItem { font: bold 12px arial, helvetica, sans-serif; }


/* customized for each section 
	Section: Common Colours
		Dark    66,64,34  #6787B0
		Light   134,132,102  #99B4E3
*/
h1, h2, h4, .childItem { 
    color: #6787B0; 
    }
h3 {  
    background: #6787B0; 
    border: #6787B0;
    }

A:hover { text-decoration: underline; color: #ffffff ; /*! important*/
          background: #99B4E3; }

A.childLink:link, A.childLink:visited { 
    color: #6787B0; 
    font: normal 12px arial, helvetica, sans-serif; 
    text-decoration: none; }

A.childImageLink:link, A.childImageLink:visited { 
    padding: 0px 4px 4px 0px;
    color: #6787B0; 
    font: normal 12px arial, helvetica, sans-serif; 
    text-decoration: none; }

A.headLink:link, 
A.headLink:visited {  background: #6787B0; 
                      color: #ffffff; 
                      font: bold 16px arial, helvetica, sans-serif; 
                      text-decoration: none; 
                      width: 100%; 
                      padding:2px 5px;}

A.titleLink:link, 
A.titleLink:visited { color: #6787B0; 
                      font: bold 16px arial, helvetica, sans-serif; 
                      text-decoration: none; 
                      padding:2px 5px;}

.technicalPages {padding: 0 0 0 10px;}

.starburst {width:122px; height:46px; 
            border:0; margin: 0px; padding: 0px; 
            background: url(../images/graphics/starburst120x44.gif) center no-repeat; 
            text-align: center; font-size:10px;}
.starburstPrice {vertical-align: middle; font-size:14px;}

.lightBg { background-color: #99B4E3; /*  ! important */
          color:#ffffff ;/*  ! important */
          }
.darkBg { background-color: #6787B0;/*  ! important */
          color:#ffffff;/*  ! important */
		    }

.subFrameHeader {font-size:16px; color: #ffffff;}

A.darkBg:link, A.darkBg:visited { color: #ffffff; text-decoration: none;}

.productTitleText { color: #ffffff; font-weight: bold; }

A.navBarLink:link, A.navBarLink:visited { 
    color: #ffffff;  text-decoration: none; 
    font-size: 10px; font-family:Arial,Helvetica,Verdana; font-weight: bold;}

.navBarLinkDisabled { color: #dddddd;  
    font-size: 10px; font-family:Arial,Helvetica,Verdana; font-weight: normal;}


.linkItem {
  height: 18px; 
  vertical-align:bottom;
  overflow:visible; 
  white-space: nowrap;
  margin: 0 5px 0 0;
}

.linkBullet {
   color: orange;
   font-size: 18px;
   line-height: 17px;
   font-weight: normal;
 }


/*
body {  scrollbar-base-color:#99B4E3;
  		scrollbar-3dlight-color:#99B4E3;
  		scrollbar-arrow-color:#FFFFFF;
  		scrollbar-darkshadow-color:#99B4E3;
  		scrollbar-face-color:#6787B0;
  		scrollbar-highlight-color:#FFFFFF;
  		scrollbar-shadow-color:#999999;
  		scrollbar-track-color:#99B4E3;
		}
*/

.feature1  {font: 200%; padding:5px 0px 5px 30px;}

/* simple generic styles */
.pad00040400    {padding: 0px 4px 4px 0px;}
.pad15000000    {padding: 15px 0 0 0;}
.pad0015        {padding: 0px 15px;}
.pad0010        {padding: 0px 15px;}
.pad01040101    {padding: 1px 4px 1px 1px;}
.pad0205        {padding: 2px 5px;}

.margin00040400 {margin: 0px 4px 4px 0px;}
.margin01100100 {margin: 1px 10px 1px 0px;}
.margin0105     {margin: 1px 5px;}
.margin0020     {margin: 0px 20px;}

.smallWhite { font: normal 10px arial, helvetica, sans-serif;
              color:#ffffff;}
.smallBlue { font: normal 10px arial, helvetica, sans-serif;
             color: #0000ff;}
.small { font: normal 10px arial, helvetica, sans-serif;}
.large { font: normal 13px arial, helvetica, sans-serif;}
.normal { font: normal 12px arial, helvetica, sans-serif;}
.font14 { font: normal 14px arial, helvetica, sans-serif;}

.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}

.colorCCC {color: #cccccc;}

.clearRight { clear: right;}
.clearLeft { clear: left;}

.dblStar {color:black ;font-weight:bold;font-style:italic;}
.dblExclamation {font-weight:bold;font-size:120%;}


.productGridItem {
  padding-top:6px;
  position:relative;
  text-alignx:center;
}

.productGridItem .iconNewXXX {
  color:red;
  position:absolute; 
  bottom:50px;
  left:4px;
  background-color:#ffffff;
  border:solid 1px #999999;
  
	heightx: 16px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.productGridItem .iconNewInnerXXX {
  color:red;
  padding:0px 4px 1px 3px;
  font-weight:bolder;
  
  position: relative;
	top: 1px;
}
.productGridItem .iconNewInner {
  color:black;
  font-weight:bolder;
  font-style:italic;
}

.productGridItem .caption {
  height:50px; 
  overflow:visible; 
  vertical-align:top;
  padding: 0 5px;
  }
  
.productGridItem .specialMsg {
  color:Black;
  font-style:italic;
  font-weight:bold;
}

.productGridItem img {
   border:none;
}

/* transparency kludge */
.transparentOuter {
	height: 4em;
	padding-top: 2em;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: black;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	margin-top: 5.0em;
}

transparentDiv .ontop {
	position: relative;
	top: 4.7em;
}

.featureHeader {
  background-image: url(http://www.blancocanada.com/images/imagesFeature/semi-eee-50percent.png);
  background-repeat: repeat;
  width: 620px;
  height: 60px;
}
.featureHeader h1 {
  padding-left: 10px;
  padding-top:4px;
  white-space:nowrap;
}
.featureChildren {
   float : right; 
   padding: 20px 100px 4px 0px;
}

.hoverMenu {
  position: relative;
}
.hoverBullet {
   color: orange;
   font-weight: normal;
 }
 .hoverItem {
   margin:0px;
   background-repeat:repeat;
   font-size:14px;
   font-weight:normal;
   height:24px;
   line-height:24px;
   vertical-align:middle;
   color:#7B7D7B;
   padding-right:10px;
   padding-left: 10px;
 }
 .hoverMenu div.hoverSubmenu {
    background-image:url(http://www.blancocanada.com/images/imagesFeature/semi-white-75percent.png);
    background-repeat:repeat;
    white-space:nowrap;
    position: absolute;
    top:20px;
    left:0px;
    padding:0 10px 20px 10px;
 }
 .hoverMenu div.hoverLink {
    height: 18px; 
    overflow:visible; 
    white-space: nowrap;
    padding: 0 6px 0 6px;
    margin:0px;
 }
 .hoverMenu .linkBullet{
 }
 .hoverBg {
    background-image:url(http://www.blancocanada.com/images/imagesFeature/semi-white-50percent.png);
 }

 .newProductIcon {
    font-weight:bold; 
    font-style:italic; 
    color:black;
    font-size:90%;
 }
 .newProductFinishIcon {
    font-weight:bold; 
    font-style:italic; 
    color:black;
    font-size:90%;
 }

 /* lightbox image viewer overlay */
 #jquery-overlay a:hover,
 #jquery-lightbox  a:hover { 
    background-color: Transparent;
    text-decoration:none;
 }
 #jquery-overlay div, 
 #jquery-lightbox div { 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
 }

 .productAvailability {
   margin: 10px 10px 0px 10px;
   padding:4px;
   background-color:#eeeeee;
   border:solid 1px #cccccc;
 }
 
 div.knockouts {
   background:url(http://www.blancocanada.com/images/graphicsTheme/icon.knockout20.jpg) no-repeat left top;
   height:20px;
   line-height:20px;
   vertical-align:middle;
   padding: 0 0 0 26px; 
   margin: 0 0 0 10px;
   }