@charset "utf-8";
/* CSS Document 
you should be able to incorporate this doc into your main css if preferred.*/

		body#shadowbox {background:#fff;}  /* you might already have this... i don't know. */
		div#sb {background:#fff; height:600px; width:810px; margin:0 auto; position:relative;}
		div#sb .left {float:left;}
		div#sb .right {float:right; margin-top:2px;}
		div#sb .center {margin:0 auto; margin-top:2px;}
		div#sb .clear {clear:both;}
        div#sb div#overlay {background-color:#000; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; display:none;}
		div#sb div.note {color:white; font-weight:bold; text-align:right;}
		div#sb div.note br {line-height:.1;}
        div#sb div.note img{border: 3px solid #009FD1; -webkit-border-radius:4px; -moz-border-radius:4px;}
		div#sb div.note p {color:#666; padding:6px; font-weight:normal; text-align:center; background-color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:0;}
		div#sb div.note span {cursor:pointer; padding:3px;}
		div#sb p.instr {position:fixed; top:0px; left:12px; padding:3px; background:#fff; border:1px solid #666; z-index:99; opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75);}
        div#sb a {position:absolute; display:block; width:26px; height:25px; background-positon:top left no-repeat; cursor:pointer;}
		
		div#sb a#showone:hover, div#sb a#showtwo:hover, div#sb a#showthree:hover, div#sb a#showfour:hover, div#sb a#showfive:hover, 
		div#sb a#showsix:hover, div#sb a#showseven:hover, div#sb a#showeight:hover, div#sb a#shownine:hover, 
		div#sb a#showten:hover, div#sb a#showeleven:hover, div#sb a#showtwelve:hover, div#sb a#showthirteen:hover {background-position:top right;}
        div#sb div#one, div#sb div#two, div#sb div#three, div#sb div#four, div#sb div#five, div#sb div#six, div#sb div#seven,
		div#sb div#eight, div#sb div#nine, div#sb div#ten, div#sb div#eleven, div#sb div#twelve, div#sb div#thirteen {position:absolute; display:none;}

		div#sb a#showone {background-image:url(images/KeyFeaturesNumb1.png);}
		div#sb a#showtwo {background-image:url(images/KeyFeaturesNumb2.png);}
		div#sb a#showthree {background-image:url(images/KeyFeaturesNumb3.png);}
		div#sb a#showfour {background-image:url(images/KeyFeaturesNumb4.png);}
		div#sb a#showfive {background-image:url(images/KeyFeaturesNumb5.png);}
		div#sb a#showsix {background-image:url(images/KeyFeaturesNumb6.png);}
		div#sb a#showseven {background-image:url(images/KeyFeaturesNumb7.png);}
		div#sb a#showeight {background-image:url(images/KeyFeaturesNumb8.png);}
		div#sb a#shownine {background-image:url(images/KeyFeaturesNumb9.png);}
		div#sb a#showten {background-image:url(images/KeyFeaturesNumb10.png);}
		div#sb a#showeleven {background-image:url(images/KeyFeaturesNumb11.png);}
		div#sb a#showtwelve {background-image:url(images/KeyFeaturesNumb12.png);}
		div#sb a#showthirteen {background-image:url(images/KeyFeaturesNumb13.png);}
		
		/* product-specific positioning css located in each HTML */