@charset "utf-8";
/* CSS Document */

/* styles.css */
body {margin:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:0.8em; background-image:url(images/page-bg.gif); background-attachment:fixed; background-position:top left; background-repeat:repeat-x;}

ul.ProductFeatures {list-style-type:none; list-style-image:url(images/green-bullet.gif); padding-left:25px; margin-left:0px; margin-top:10px;}
ul.SisiProductFeatures {list-style-type:none; list-style-image:url(images/pink-bullet.gif); margin-left:0px; margin-top:10px;}

.SisiSock {background:url(images/sisisock.gif) bottom right no-repeat;}

/*  Previous Styles  */


.header{
		font-size: 12pt;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : bold;
		color : #00763D;
		font-style : normal;
	}
.smlheader{
		font-size: 10pt;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : bold;
		color : #00763D;
		font-style : normal;
	}
.productwhite{
		font-size: 8.5pt;
		font-family : ArialBlack, Verdana, Geneva, Helvetica, sans-serif;
		font-weight : bold;
		color : #ffffff;
		font-style : normal;
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
	}
.productblack{
		font-size: 10pt;
		font-family : ArialBlack, Verdana, Geneva, Helvetica, sans-serif;
		font-weight : bold;
		color : #000000;
		font-style : normal;
	}
.mainheader{
		font-size: 13pt;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : bold;
		color : #00763D;
		font-style : normal;
	}


.imagedescription{
		font-size: 8.5pt;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : normal;
		color : #000000;
		font-style : italic;
	}
.Button
	{
		border: 1px #000000 solid;
		font-family: Tahoma;
		font-size: 8.5pt;
		color : #FFFFFF;
		font-weight : bold;
		background-color : #000000;
	}
.TB
	{
		border: 1px #365560 dotted;
		font-family: Tahoma;
		font-size: 8.5pt;
		color : white;
		font-weight : bold;
		background-color : #00763D;
	}
	
.ProductIconLink { padding:5px 5px 5px 5px;}

a {color:#007A20; text-decoration:none;}
a:link {color:#007A20; text-decoration:none;}
a:visited {color:#007A20; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}
a:active {color:#007A20; text-decoration:none;}

.footerTxt {font-size:0.7em; color:#fff;}
a.footerLink, a.footerLink:link, a.footerLink:visited, a.footerLink:active {font-size:0.7em; color:#fff; text-decoration:none;}
a.footerLink:hover {font-size:0.7em; color:#80ba92; text-decoration:none;}

a.WhiteLink, a.WhiteLink:link, a.WhiteLink:visited, a.WhiteLink:active {font-size:0.8em; color:#fff; text-decoration:none; font-weight:bold;}
a.WhiteLink:hover {font-size:0.8em; color:#cce3d3; text-decoration:none; font-weight:bold;}

a.SisiEnquire, a.SisiEnquire:link, a.SisiEnquire:visited, a.SisiEnquire:active {font-size:0.8em; color:#f17db1; text-decoration:none; font-weight:bold;}
a.SisiEnquire:hover {font-size:0.8em; color:#000000; text-decoration:none; font-weight:bold;}

a.enquire, a.enquire:link, a.enquire:visited, a.enquire:active {font-size:0.8em; color:#007A20; text-decoration:none; font-weight:bold;}
a.enquire:hover {font-size:0.8em; color:#000000; text-decoration:none; font-weight:bold;}

a.SubMenu, a.SubMenu:link, a.SubMenu:visited, a.SubMenu:active {font-size:0.85em; color:#fff; text-decoration:none;}
a.SubMenu:hover {font-size:0.85em; color:#000; text-decoration:none;}

a.SpecsLink, a.SpecsLink:link, a.SpecsLink:visited, a.SpecsLink:active {

background: #02A64F url(images/button-overlay.png) repeat-x;
display: inline-block;
padding: 4px 7px 4px;
margin:5px;
color: #fff;
text-decoration: none;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
text-shadow: 1px 1px 1px rgba(0,0,0,0.50);
border-bottom: 1px solid rgba(0,0,0,0.1);
position: relative;
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:right;
}
a.SpecsLink:hover {
background: #F00 url(images/button-overlay.png) repeat-x;
}
.LogoPadding {padding-left:3px; padding-top:3px;}

.HeaderWatermark {background:#fff url(images/headerbg.jpg) top right scroll no-repeat;}
.SisiWatermark {background:url(images/sis-watermark.gif) top center no-repeat scroll;}

.red {color:#F00; font-weight:bold;}
.redbdr {border:4px solid #f00;}
.BdrTop {border-top:2px solid #000; border-right:2px solid #000; border-left:2px solid #000;}
.BdrBot {border-bottom:2px solid #000; border-right:2px solid #000; border-left:2px solid #000;}

/* menu.css */
.menu1 {
float:left; width:850px; font-family: Tahoma, "Lucida Sans Unicode", verdana, arial, sans-serif; font-size:11px;
background:url(images/nav-sub-bg.jpg) repeat-x top right; /*menu1.gif*/   /*btn-sub-bg.jpg*/
margin:0 0 20px 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none; text-align:left;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
background:url(images/btn-sub-bg.jpg) repeat-x top right;
float:left; display:block; text-decoration:none;color:#fff; 
padding-top:0px;
padding-right:20px;
padding-bottom:0px;
padding-left:8px; 
line-height:30px; 
height:35px; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#009A36; color:#fff;}
.menu1 ul li:hover a.menu1one {border-color:#009A36; color:#000;}

.menu1 ul li ul {
display: none;z-index:100;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:url(images/90pc-grn-trans.png) ;color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
.menu1 ul li:hover ul li a.drop {
background-image:url(images/90pc-grn-trans.png);
}
.menu1 ul li:hover ul li a:hover {
color:#000; background-image:url(images/90pc-wht-trans.png);
}
.menu1 ul li:hover ul li a:hover.drop {
background: #009A36 url(images/90pc-grn-trans.png);
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}

/* specific to IE5.5 and IE6 browsers */

.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; 
}
.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background-color:#009A36; background-image:url(images/90pc-grn-trans.png); color:#fff; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px;
}
.menu1 ul li a:hover ul li a.drop { 
background-color:#FFFFFF; background-image:url(images/90pc-wht-trans.png); padding-bottom:4px; color:#009A36;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#009A36; background-color: #fff; background-image:url(images/90pc-wht-trans.png);
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #009A36;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

/* Lightbox */
#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding:0 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #00763D; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
* html>body .clearfix { display: inline-block;  width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }