a
{
	color:White;
	border-color:White;
}
body
{
    margin: 0;
    width:100%;
}
#Body
{
    top: 0px;
    margin-top: 0px;
    width: 100%;
    background-image: url(Images/background_deep.jpg);
    background-repeat: repeat-x;
    padding-top: 0px;
    position: absolute;
    left: 0px;
    font-size: 12px;
    font-family: Arial,Helvetica;
    height: 100%;
}


#BodyS
{
    top: 0px;
    margin-top: 0px;
    width: 100%;
    background-image: url(Images/background_Shallow.jpg);
    background-repeat: repeat-x;
    padding-top: 0px;
    position: absolute;
    left: 0px;
    font-size: 12px;
    font-family: Arial,Helvetica;
    height: 100%;
}

#BottomImage
{
    position: absolute;
    top: 528px;
    height: 245px;
    left: 144px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




#Banner
{
    position: absolute;
    background-image: url('Images/Banner.jpg');
    top: 1px;
    left: 274px;
    width: 707px;
    height: 96px;
    background-color: White;
    background-repeat: no-repeat;
	right: 46px;
}
#TopButtonDiv
{
    position:absolute;
    top:-35px;
    left:839px;
    height:26px;
    width:110px;
}
#Copy
{
    position: absolute;
    top: 170px;
    left: 12px;
}
#Copy3
{
    position: absolute;
    top: 58px;
    left: 11px;
}
#Copy3
{
    position: absolute;
    top: 58px;
    left: 11px;
}
.Copy1
{
    position: absolute;
    top: 110px;
    left: 12px;
    font-size: 12px;
    font-family: Arial,Helvetica;
}

.Copy
{
    background-image: url(Images/Copy-Button.png); 
    padding-left: 20px;
                        
    padding-top: 2px; 
    background-repeat: no-repeat;
    font-weight:bold;
}
.BackButton
{
    background-image:url(Images/Back.jpg);
    width:110px;
    height:26px;
    position:absolute;
    left:550px;
   
}
.SpecText
{
    padding-left: 20px;
    color: Black;
}
.SpecHead
{
    height: 20px;
}
.SpecHead1
{
    height: 20px;
    color: Orange;
}
.DataSheet
{
    position: absolute;
    top: 0px;
    left: -10px;
    width: 448px;
    height: 100px;
}
.Glasswool1
{
    background-image: url('Images/Glasswool1.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 6px;
    left: 5px;
}
.Glasswool1
{
    background-image: url('Images/Glasswool1.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 6px;
    left: 5px;
}
.Glasswool2
{
    background-image: url('Images/Glasswool2.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 72px;
    left: 6px;
}
.Glasswool3
{
    background-image: url('Images/Glasswool3.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 140px;
    left: 6px;
}
.Glasswool4
{
    background-image: url('Images/Glasswool4.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 207px;
    left: 6px;
}
.Glasswool5
{
    background-image: url('Images/Glasswool5.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 7px;
    left: 318px;
}
.Glasswool6
{
    background-image: url('Images/Glasswool6.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 72px;
    left: 318px;
}
.Glasswool7
{
    background-image: url('Images/Glasswool4.jpg');
    position: absolute;
    width: 155px;
    height: 57px;
    top: 139px;
    left: 318px;
    bottom: 328px;
}


#DeepImage
{
    position: absolute;
    top: 95px;
    left: 280px;
    width: 701px;
    height: 222px;
    background-image: url(Images/Home1.jpg);
}
#BackButtonDiv
{
    background-image:url(Images/back.jpg)
    top:0px;
    left:439px;
    position:absolute;
    height:26px;
    width:110px;
    top: -34px;
}
#ShallowImage
{
    position: absolute;
    top: 96px;
    left: 280px;
    width: 705px;
    height: 89px;
}
.DeepMaster
{
    top: 0px;
}
#GreenBack
{
    height: 171px;
    width: 658px;
    position: absolute;
    background-image: url('Images/GreenBack1.jpg');
    top: 5px;
    left: 18px;
}
#GreenBackFade
{
    height: 241px;
    width: 658px;
    position: absolute;
    background-image: url('Images/GreenBackFade.jpg');
    top: 9px;
    left: 19px;
    background-repeat: no-repeat;
}
#GreenHolder
{
    font-size: 12px;
    text-align: justify;
    position: absolute;
    font-weight: normal;
    top: 20px;
    left: 10px;
    margin: 0;
    padding-top: 5px;
    width: 635px;
    z-index: 0;
}
#GreenHolder2
{
    font-size: 12px;
    text-align: justify;
    position: absolute;
    font-weight: normal;
    top: 20px;
    left: 10px;
    margin: 0;
    padding-top: 5px;
    width: 635px;
    z-index: 0;
}

#GreenMiddle
{
    position: absolute;
    top: -16px;
    left: 3px;
    width: 630px;
    z-index: 3;
}
#GreenSub
{
    color: Gray;
    position: absolute;
    top: 143px;
    left: 5px;
    width: 630px;
    text-align: justify;
    z-index: 1;
}
#GreenSubA
{
    color: Gray;
    position: absolute;
    top: 180px;
    left: 5px;
    width: 630px;
    text-align: justify;
    z-index: 1;
}


#GreenTop
{
    position: absolute;
    top: -54px;
    left: -9px;
    background-image: url('Images/GreenTop680.jpg');
    width: 708px;
    height: 74px;
    background-repeat: no-repeat;
    z-index: 2;
}
#GreenBottom
{
    position: absolute;
    bottom: 0px;
    height: 66px;
    width: 708px;
    left: -8px;
    background-image: url('Images/GreenBottom680.jpg');
    z-index: 1;
    background-repeat: no-repeat;
}





.GreenHolder
{
    font-size: 12px;
    text-align: justify;
    position: absolute;
    font-weight: normal;
    top: 20px;
    left: 10px;
    margin: 0;
    padding-top: 5px;
    width: 635px;
    z-index: 0;
}
.GreenHolder2
{
    font-size: 12px;
    text-align: justify;
    position: absolute;
    font-weight: normal;
    top: 20px;
    left: 10px;
    margin: 0;
    padding-top: 5px;
    width: 635px;
    z-index: 0;
}
.GreenMiddle
{
    position: absolute;
    top: -16px;
    left: 3px;
    width: 630px;
    z-index: 3;
}

.GreenSub
{
    color: Gray;
    position: absolute;
    top: 143px;
    left: 5px;
    width: 630px;
    text-align: justify;
    z-index: 1;
}

.GreenTop
{
    position: absolute;
    top: -54px;
    left: -9px;
    background-image: url('Images/GreenTop680.jpg');
    width: 708px;
    height: 74px;
    background-repeat: no-repeat;
    z-index: 2;
}
.GreenBottom
{
    position: absolute;
    bottom: 0px;
    height: 66px;
    width: 708px;
    left: -8px;
    background-image: url('Images/GreenBottom680.jpg');
    z-index: 1;
    background-repeat: no-repeat;
}






.GreenBackFade
{
    height: 241px;
    width: 658px;
    position: absolute;
    background-image: url('Images/GreenBackFade.jpg');
    top: 9px;
    left: 19px;
    background-repeat: no-repeat;
}
.textbox
{
    position: relative;
    left: -8px;
    background-image: url('Images/textbox.jpg');
    background-repeat: no-repeat;
    padding-left: 10px;
    top: 0px;
    width: 112px;
}
#OK
{
    position:absolute;
    font-weight: bold;
    color: #FFFFFF; 
    top: 6px; 
    right: 12px; 
    height: 12px;
    cursor:pointer;
}
#LeftColumn
{
    width: 34px;
    height: 900px;
    min-height: 804px;
    left: 20px;
    background-image: url(Images/leftcolumnbackground.jpg);
    background-repeat: repeat-y;
    position: absolute;
    top: 0px;
    left: 0px;
}
#LeftColumnImage
{
    width: 34px;
    height: 804px;
    left: 20px;
    background-image: url(Images/leftcolumn.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}
#LeftColumnShallow
{
    width: 34px;
    height: 1000px;
    left: 20px;
    background-image: url(Images/leftcolumnbackground.jpg);
    background-repeat: repeat-y;
    position: absolute;
    top: 0px;
    left: 0px;
}
#LeftColumnShallowImage
{
    width: 34px;
    height: 1000px;
    left: 20px;
    background-image: url(Images/leftcolumnshallow.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ModalBackground
{
    
}
.Panel1
{
    display:none;
}
#RightColumn
{
    background-image: url('Images/rightcolumnbackground.jpg');
    position: absolute;
    top: 0px;
    right: 21px;
    width: 25px;
    height: 900px;
    min-height: 804px;
    background-repeat: repeat-y;
}
#RightColumnImage
{
    background-image: url('Images/rightcolumn.jpg');
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 804px;
    background-repeat: no-repeat;
}
#RightColumnShallow
{
    background-image: url('Images/rightcolumnbackground.jpg');
    position: absolute;
    top: 0px;
    right: 21px;
    width: 25px;
    height: 1000px;
    background-repeat: repeat-y;
    z-index: 7;
}
#RightColumnShallowImage
{
    background-image: url('Images/rightcolumnshallow.jpg');
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 1000px;
    background-repeat: no-repeat;
    z-index: 7;
}
#RightTile
{
    background-image: url('Images/rightbar.jpg');
    position: absolute;
    top: 0px;
    left: 1004px;
    width: 100px;
    height: 802px;
    background-repeat: repeat-x;
}
#RightTileShallow
{
    background-image: url('Images/rightbarshallow.jpg');
    position: absolute;
    top: 0px;
    left: 1002px;
    width: 100%;
    height: 804px;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
}
#SecondLeft
{
    position: absolute;
    top: 0px;
    left: 29px;
    width: 281px;
    height: 804px;
}
#SecondLeftTop
{
    position: absolute;
    background-image: url(Images/Logo.jpg);
    height: 106px;
    width: 281px;
    left: 29px;
    top: 1px;
    background-repeat: no-repeat;
}
#SecondLeftSecond
{
  
    background-repeat: repeat-x;
    position: absolute;
    top: 109px;
    height: 257px;
    width: 274px;
    left: 32px;
}
#SecondLeftSecondShallow
{
    background-image: url('Images/Background_Shallow_Menu.jpg');
    background-repeat: repeat-x;
    position: absolute;
    top: 107px;
    height: 257px;
    width: 274px;
    left: 29px;
}
.xCustomTabStyle
{
    position: absolute;
    top: -50px;
}
.xCustomTabStyle .ajax__tab_header
{
    height: 30px;
}

.xCustomTabStyle .ajax__tab_outer
{
    background: url(Images/TR.JPG) no-repeat right;
}

.xCustomTabStyle .ajax__tab_inner
{
    background: url(Images/TL.JPG) no-repeat left;
}

.xCustomTabStyle .ajax__tab_tab
{
    height: 23px;
    background: url(Images/TM.JPG) repeat-x;
    margin-left: 18px;
    text-align: center;
    padding-right: 10px;
    vertical-align: text-bottom;
    color: #609507;
    font-family: Arial;
    font-weight: bold;
    position: relative;
    top: 2px;
    padding-top: 5px;
}

.xCustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: url(Images/TRA.JPG) no-repeat right;
}

.xCustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    background: url(Images/TLA.JPG) no-repeat;
    position: relative;
    top: 2px;
}

.xCustomTabStyle .ajax__tab_hover .ajax__tab_tab
{
    background: url(Images/TMA.JPG) repeat-x;
    height: 23px;
    color: White;
    font-weight: bold;
    position: relative;
    top: 0px;
}

.xCustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/TRA.JPG) no-repeat right;
}

.xCustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url(Images/TLA.JPG) no-repeat;
    position: relative;
    top: 2px;
}

.xCustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    background: url(Images/TMA.JPG) repeat-x;
    color: White;
    font-weight: bold;
    position: relative;
    top: -0px;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_inner
{
    background-image: url(Images/TabShort.jpg);
    height: 23px;
    width: 85px;
    color: Gray;
    font-weight: bold;
}
.CustomTabStyle .ajax__tab_tab
{
    padding-left: 15px;
    padding-top: 3px;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    background-image: url(Images/TABActiveShort.jpg);
    height: 23px;
    width: 85px;
    color: white;
    font-weight: bold;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background-image: url(Images/TABActiveShort.jpg);
    height: 23px;
    width: 85px;
    color: white;
    font-weight: bold;
}










.CustomTabStyle2 .ajax__tab_header .ajax__tab_inner
{
    background-image: url(Images/Tab.jpg);
    height: 23px;
    width: 104px;
    color: Gray;
    font-weight: bold;
}
.CustomTabStyle2 .ajax__tab_tab
{
    padding-left: 15px;
    padding-top: 3px;
}

.CustomTabStyle2 .ajax__tab_hover .ajax__tab_inner
{
    background-image: url(Images/TABActive.jpg);
    height: 23px;
    width: 104px;
    color: white;
    font-weight: bold;
}
.CustomTabStyle2 .ajax__tab_active .ajax__tab_inner
{
    background-image: url(Images/TABActive.jpg);
    height: 23px;
    width: 104px;
    color: white;
    font-weight: bold;
}





.CustomTabStyle3 .ajax__tab_header .ajax__tab_inner
{
    background-image: url(Images/TabLong.jpg);
    height: 23px;
    width: 150px;
    color: Gray;
    font-weight: bold;
}
.CustomTabStyle3 .ajax__tab_tab
{
    padding-left: 15px;
    padding-top: 3px;
}

.CustomTabStyle3 .ajax__tab_hover .ajax__tab_inner
{
    background-image: url(Images/TABActiveLong.jpg);
    height: 23px;
    width: 150px;
    color: white;
    font-weight: bold;
}
.CustomTabStyle3 .ajax__tab_active .ajax__tab_inner
{
    background-image: url(Images/TABActiveLong.jpg);
    height: 23px;
    width: 150px;
    color: white;
    font-weight: bold;
}









#Master
{
    width: 1027px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    position: relative;
}
#MasterS
{
    width: 1027px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    position: relative;
}
#M
{
    position: absolute;
    top: 4px;
    height: 177px;
    width: 262px;
    left: 2px;
}
#MShallow
{
    position: absolute;
    top: 4px;
    height: 177px;
    width: 262px;
    left: 2px;
}


#M1, #M2, #M3, #M4, #M5, #M6
{
    background-image:url(Images/Disc.png);
    height: 24px;
    width: 240px;
    padding-left: 30px;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: hidden;
}

#t1
{
    vertical-align: middle;
    height: 24px;
    width: 253px;
}

.linkbuttontop
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    height: 12px;
}
.linkbuttonbottom
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    position: absolute;
    font-size: 7pt;
    top: 2px;
    left: 15px;
    width: 118px;
}


.linkbuttontop:hover
{
    text-decoration: underline;
}
.pager
{
    background-image:url(Images/pagerbar.jpg);
    height:31px;
    width:694;
    color:#C88A57
}
.linkbutton
{
    text-decoration: none;
    color: Black;
    font-weight: bold;
	height: 15px;
}
.linkbuttongreen
{
    text-decoration: none;
    color: #6DAD35;
    font-weight: bold;
}
.linkbuttongreen:hover
{
    text-decoration: underline;
}
.SearchTitle
{
    text-decoration: none;
    color: Green;
    font-weight: bold;
}
.TableColumn
{
border-color:#619D3E ;
border-top-style:solid;
border-right-style:solid;
border-width:1px;
padding: 20px 10px 20px 10px;
    
}
.TableFirstColumn
{
border-color:#619D3E ;
border-right-style:solid;
border-right-style:solid;
border-width:1px;
background-color:#B0CE9E;
padding: 20px 10px 20px 10px;
color:#619D3E ; 
}
.TableFirstColumnHeader
{
	border-color:#619D3E ;
border-bottom-style:solid;
border-right-style:solid;
border-width:1px;
}
.TableRow
{
	padding: 20px 10px 20px 10px;
}
.TableHeader
{
   background-color:#619D3E;
   color:White;font-weight:bold; 
   border-color:#619D3E ;
   border-style:solid;
   border-width:1px;
   height:50px;
   text-align:center;
   vertical-align:middle;
}
.Table
{
    width: 543px ; 
    border-color:#619D3E ;
    border-style:solid;
    border-width:1px;
    border-spacing:0px;
    
}
.linkbuttonA
{
    text-decoration: none;
    color: Black;
    font-weight: bold;
    text-decoration:underline;
}
.linkbutton:hover
{
    text-decoration: underline;
}

#leftimage
{
    position: absolute;
    top: 350px;
    left: 29px;
    width: auto;
    height: auto;
}


#ProductRange
{
    margin-left: 10px;
    background-image: url(Images/subcatagorydeep.png);
    height: 90px;
    width: 235px;
    display: none;
    position: relative;
    left: -3px;
    padding-left: 32px;
    background-repeat: no-repeat;
}
#BuildingSolutions
{
    background-image: url(Images/subcatagorydeep2.png);
    height: 70px;
    width: 235px;
    display: none;
    position: relative;
    left: -3px;
    padding-left: 32px;
    background-repeat: no-repeat;
}
#HomeOwner
{
    background-image: url(Images/subcatagorydeep.png);
    height: 90px;
    width: 235px;
    display: none;
    position: relative;
    left: -3px;
    padding-left: 32px;
    background-repeat: no-repeat;
}
#SubCatagoryDeep
{
    height: 66px;
    width: 229px;
}
#S1, #SS1, #SSS1
{
    background-image:(Images/bullet.jpg);
}
#S1:hover, #SS1:hover, #SSS1:hover
{
    background-image: url(Images/yellow.png);
    text-decoration:underline;
    width: 214px;
    height: 17px;
    left: -20px;
    padding-left: 20px;
    position: relative;
    background-repeat: no-repeat;
    padding-bottom: 4px;
}
#S2:hover, #SS2:hover, #SSS2:hover
{
    background-image: url(Images/yellow.png);
     text-decoration:underline;
    width: 214px;
    height: 17px;
    left: -20px;
    padding-left: 20px;
    padding-bottom: 4px;
    position: relative;
    background-repeat: no-repeat;
}
#S3:hover, #SS3:hover, #SSS3:hover
{
    background-image: url(Images/yellow.png);
     text-decoration:underline;
    width: 214px;
    height: 21px;
    left: -20px;
    padding-left: 20px;
    position: relative;
    background-repeat: no-repeat;
}
.sublinkbutton
{
    text-decoration: none;
    color: Black;
    font-weight: bold;
    position: relative;
    left: 10px;
}
.T1
{
    height:21px;
    position:absolute;
    top:5px;
    color:#62AA3E;
    left:0px;
    font-weight:bold;
}
.T2
{
    height:22px;
    position:absolute;
    top:5px;
    left:84px;
    right: 536px;
}
.T3
{
    height:21px;
    position:absolute;
    top:5px;
    left:139px;
}
.T4
{
    height:21px;
    position:absolute;
    top:5px;
    left:190px;
}
.T5
{
    height:21px;
    position:absolute;
    top:5px;
    left:281px;
}
.T6
{
    height:21px;
    position:absolute;
    top:5px;
    left:351px;
}
.T7
{
    height:21px;
    position:absolute;
    top:5px;
    left:433px;
}
.T8
{
    height:21px;
    position:absolute;
    top:4px;
    left:502px;
}
.T9
{
    height:21px;
    position:absolute;
    top:5px;
    left:580px;
}

#TopMenu
{
    position: absolute;
    height: 21px;
    width: 645px;
    padding-left: 8px;
    top: 72px;
    left: 331px;
    padding-top: 1px;
    color:White;
}

.GCT
{
    padding: 0px;
    width: 656px;
    height: 84px;
    background-image: url(Images/GreenBackFade.jpg);
    background-repeat: no-repeat;
    font-size: 6pt;
    position: relative;
    left: 10px;
}
#GCM
{
    position: absolute;
    top: 50px;
    left: 10px;
    width: 656px;
    background-image: url(Images/GreenContentR2C1.jpg);
    background-repeat: repeat-y;
    height: 60px;
}
#GCB
{
    position: absolute;
    top: 110px;
    left: 10px;
    width: 656px;
    height: 83px;
    background-image: url(Images/GreenContentR3C1.jpg);
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-right: 50px;
}
#DivContent
{
    position: relative;
    top: 0px;
    left: 0px;
    height: auto;
    width: auto;
}
#Content
{
    position: absolute;
    top: 383px;
    left: 316px;
    height: 521px;
    width: 670px;
}
#ContentShallow
{
    position: absolute;
    top: -111px;
    left: -44px;
    height: 523px;
    width: 670px;
}

#ContentShallow2
{
    position: absolute;
    top: -66px;
    left: 39px;
}
#ContentShallow4
{
    position: absolute;
    top: -25px;
    left: 9px;
    width: 1px;
}
#ContentShallow
{
    position: absolute;
    top: -63px;
    left: 18px;
    height: 523px;
    width: 670px;
}


#ContentShallow800
{
    position: absolute;
    top: -139px;
    left: -25px;
    width: 670px;
    height: 800px;
    display: block;
}

#GreenContent
{
    height: auto;
    width: auto;
    position: absolute;
    top: -3px;
    left: -13px;
}
.GreenContent2
{
    height: auto;
    width: auto;
    position: absolute;
    top: 25px;
    left: -20px;
}
#H1
{
    font-size: 16px;
    color: #507D43;
}
h1
{
    color: #507D43;
    text-decoration: underline;
    font-size: 16px;
    position: absolute;
    margin: 0;
    left: 10px;
    padding-top: 3px;
}
h2
{
    color: #507D43;
    font-size: 12px;
    text-align: justify;
    position: absolute;
    font-weight: normal;
    top: 25px;
    left: 10px;
    margin: 0;
    padding-top: 5px;
    width: 635px;
}
h3.HGBHead
{
    color: #507D43;
    font-size: 11pt;
    text-align: justify;
    position: absolute;
    left: 5px;
    width: 303px;
    top: 0px;
    padding-top: 3px;
    margin: 0px;
}
h4
{
    color: #e94498;
    font-size: 14px;
    position: absolute;
    margin: 0;
    left: 10px;
    padding-top: 3px;
}
h5
{
    color: #e94498;
    font-size: 14px;
    position: relative;
    margin: 0;
    left: 10px;
    padding-top: 3px;
}
p
{
    color: #507D43;
    font-size: 9pt;
    color: #507D43;
    font-size: 9pt;
    font-weight: normal;
    text-align: justify;
    width: 620px;
}
h5
{
    color: #e94498;
    font-size: 14px;
    position: relative;
    margin: 0;
    left: 10px;
    padding-top: 3px;
}
e
{
    top: 328px;
    left: 307px;
    color: #507D43;
}
#BlockDiv2
{
    width: 656px;
    position: absolute;
    color: #507D43;
    left:283px; 
    top:254px; 
    height: 348px
}
#BlockDivShallow
{
    width: 656px;
    height: 100px;
    position: absolute;
    top: 641px;
    left: 302px;
    color: #507D43;
    
}
#Flag
{
    position: absolute;
    height: 16px;
    width: 15px;
    top: 3px;
    left: 5px;
    background-image: url(Images/Flag.png);
    background-repeat: no-repeat;
}

#HGB1
{
    position: absolute;
    background-image: url(Images/HGB.jpg);
    height: 130px;
    width: 322px;
    top: 0;
    left: 0;
}
#HGB2
{
    position: absolute;
    background-image: url('Images/HGB.jpg');
    height: 130px;
    width: 322px;
    top: 0px;
    left: 327px;
}
#HGB
{
    position: absolute;
    background-image: url('Images/HGB.jpg');
    height: 130px;
    width: 322px;
    top: 146px;
    left: 0px;
}
#HGB3
{
    position: absolute;
    background-image: url('Images/HGB.jpg');
    height: 130px;
    width: 322px;
    top: 146px;
    left: 327px;
}

.HGBHead
{
    position: absolute;
    top: 3px;
    left: 5px;
    height: 20px;
}
#HGBText
{
    position: absolute;
    top: 36px;
    left: 111px;
    font-family: Arial,Helvetica;
    font-size: 7pt;
    width: 204px;
    height: 61px;
    color: Black;
}

#HGBImage
{
    height: 84px;
    width: 83px;
    position: absolute;
    top: 37px;
    left: 14px;
}
#H1
{
    background-image: url('Images/H3.jpg');
    height: 84px;
}
#H2
{
    background-image: url('Images/H1.jpg');
    height: 84px;
}
#H3
{
    background-image: url('Images/H2.jpg');
    height: 84px;
}
#H4
{
    background-image: url('Images/H4.jpg');
    height: 84px;
}
#GreenBar
{
    position: absolute;
    top: 106px;
    left: 177px;
    color: White;
    padding-left: 15px;
    padding-top: 2px;
    background-image: url('Images/GreenBar.jpg');
    width: 97px;
    background-repeat: no-repeat;
    font-size: 7pt;
    height: 15px;
    width: 97px;
}
#HGBDIV
{
    position: absolute;
    top: 169px;
    left: 9px;
    height: 291px;
    width: 653px;
}


.Header
{
    color: #507D43;
    font-size: 11pt;
    font-weight: bold;
    text-align: justify;
    position: absolute;
    left: 5px;
    width: 141px;
    top: 0px;
    padding: 0;
}
.PM1
{
    background-color: #007dc3;
    background-image: url('Images/ProductMenu.png');
    background-repeat: no-repeat;
}
#TextMenu
{
    visibility: hidden;
}
#bottombar
{
    position: absolute;
    height: 25px;
    width: 955px;
    bottom: 0px;
    left: 27px;
    background-color: #E5E5E5;
}
.ysq
{
    list-style-position: outside;
    list-style-type:none;
    color: #FFDD00;
    margin: 0px;
    padding: 0px;
    height: 14px;
    line-height:15px;
    display:list-item;
}

	

ul 
{
	list-style-image: url(Images/DotGreen.png);
     list-style-type:square;
     vertical-align:middle;
     
}

li{
	 list-style-image: url(Images/DotGreen.png);
     list-style-type:square;
      vertical-align:middle;
     
}


ul li
{
    list-style-type: disc;
      list-style-image: url('Images/DotGreen.png');
	 vertical-align:middle;
}

ul ul li
{
    list-style-type: disc;
    list-style-image: url('Images/disk.png');
	list-style-type: square;
	 vertical-align:middle;
}
.dot
{
    margin: 0px; padding: 0px;
    list-style-type:square;
    color: #FFDD00;
}
#bottombarleft
{
    padding-top:8px;
    position:absolute;
    left:0px;
    font-size:9px;
    color:Gray;
}
#bottombarright
{
     padding-top:8px;
     position:absolute;
    right:20px;
    font-size:9px;
    color:Gray;
}
#BackToTop
{
    background-image:url(Image/Backtotop.jpg);
    height:27px;
    width:80px;
    position:absolute;
    bottom:0px;
    right:0px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 2500px; background-color: #000; }