body
{
     background-color:#000000;
	 height:100%;
     border:0px;
     outline:0px;
     margin:0px;
     padding:0px;
     font-size:100%;
     font-family:verdana,arial,'sans serif';
     text-align:left;
}

p.kowhaicopy 
{     text-align:left;
      color:#666666;
      font-size:11pt;
}

p.kowhaicopyyellow
{     text-align:right;
      color:yellow;
	  font-weight:bold;
	  line-height:70%;
      font-size:11pt;
}

p.kowhaihomeyellow
{     text-align:right;
      color:yellow;
	  font-weight:bold;
	  line-height:70%;
      font-size:9pt;
}

p.kowhaicopysmall
{     text-align:left;
      color:#666666;
      font-size:9pt;
}

a.kowhaismalllink
{    text-decoration:underline;
     font-size:9pt;
	 font-weight:bold;
	 color:#666666;
}

p.kowhaicopysmallbold
{     text-align:left;
      color:#666666;
      font-size:9pt;
	  font-weight:bold;
}

p.kowhaicopybold
{     text-align:left;
      color:#666666;
      font-size:11pt;
	  font-weight:bold;
}

p.kowhaiterms
{     text-align:left;
      color:#666666;
      font-size:8pt;
}

p.kowhaitermsbold
{     text-align:left;
      color:#666666;
      font-size:9pt;
	  font-weight:bold;
}

p.kowhaicaption 
{     text-align:center;
      font-size:8pt;
	  color:#666666;
	  font-weight:bold;
	  font-style:italic;
}

p.kowhaicopycenter
{     text-align:center;
      font-size:11pt;
}

span.kowhaipink {color:#e3007b;}
span.kowhaiyellow {color:yellow;}
span.kowhaibold {font-weight:bold;}

h1 
{     color:#e3007b;
      font-size:16pt;
      font-weight:bold;
      text-align:left;
}

h1.reversed
{     color:white;
      font-size:13pt;
      font-weight:bold;
      text-align:center;
}

h2
{     color:#58585a;
      font-size:13pt;
      font-weight:bold;
	  font-style:italic;
      text-align:left
}

h3
{     color:#e3007b;
      font-size:13pt;
      font-weight:bold;
	  font-style:italic;
      text-align:left
}

h4
{     color:#58585a;
      font-size:10pt;
      font-weight:bold;
	  font-style:italic;
      text-align:left
}

h5 
{     color:#e3007b;
      font-size:20pt;
      font-weight:bold;
      text-align:left;
}

h5.large
{     color:#e3007b;
      font-size:28pt;
      font-weight:bold;
      text-align:left;
}

ul.kcopy
{     text-align:left;
      color:#666666;
      font-size:11pt;
}

ul.leafy
{     text-align:left;
      color:#666666;
      font-size:11pt;
	  list-style-image: url('kowhai-images/leaf-bullet.jpg');
}

ul.kcopysmall
{     text-align:left;
      color:#666666;
      font-size:9pt;
}

ul.kcopyterms
{     text-align:left;
      color:#666666;
      font-size:8pt;
}

a.kowhaicopylink
{    text-decoration:none;
     font-size:11pt;
	 font-weight:bold;
	 line-height:160%;
	 color:#666666;
}

a.leftmenu
{    text-decoration:none;
     font-size:7pt;
	 font-weight:bold;
	 line-height:160%;
     text-align:right;
	 color:#FFFFFF;
}

a.leftmenuyellow
{    text-decoration:none;
     font-size:9pt;
	 font-weight:bold;
	 line-height:160%;
     text-align:right;
	 color:yellow;
}

a.leftmenubigger
{    text-decoration:none;
     font-size:8.5pt;
	 font-weight:bold;
	 line-height:120%;
     text-align:right;
	 color:#FFFFFF;
}

a.leftmenuyellow
{    text-decoration:none;
     font-size:11pt;
	 font-weight:bold;
	 line-height:120%;
     text-align:right;
	 color:yellow;
}

a.leftmenumorebigger
{    text-decoration:none;
     font-size:11pt;
	 font-weight:bold;
	 line-height:120%;
     text-align:right;
	 color:#FFFFFF;
}

a.leftmenufoot
{    text-decoration:none;
     font-size:6.8pt;
	 font-weight:bold;
	 line-height:100%;
     text-align:center;
	 color:#FFFFFF;
}


a.buttons
{    text-decoration:none;
     font-size:6.5pt;
	 font-weight:bold;
     text-align:center;
	 color:#FFFFFF;
}

/*  ------------------------- Div definitions for home page start here  ------------------------- */

#homehead
{    width:800px;
     height:179px;
     border-width:0px;
	 background-color:#91004c;
	 padding:24px 0px 24px 0px;
     position:absolute;
        top:0px;
        left:50%;
        margin-left:-335px;
}

#homecontent
{ 
     width:680px;
	 _width:620px;
     height:auto;
	 min-height:780px;
	 padding:00px; 
	 background-color:#ebebeb;
	 border-style:solid;
     border-top-width:0px;
     border-right-width:0px;
	 border-bottom-width:0px;
	 border-left-width:120px;
	 border-color:#91004c;       
	 z-index:5;
     position:absolute;
	    top:0px;
        left:50%;
        margin-left:-400px;
}

/* IE fix */

* html div#homecontent { 
   height: expression( this.scrollHeight < 781 ? "780px" : "auto" ); /* sets min-height for IE */
}

#homeflash
{    width:760px;
     height:440px;
	 padding:20px;
	 border-width:0px;
     z-index:10;
	 background-color:#ebebeb;
     position:absolute;
        top:179px;
        left:50%;
        margin-left:-335px;
}

#homeabout
{    width:800px;
     height:480px;
	 border-width:0px;
	 z-index:20;
	 background-color:black;
     position:absolute;
        top:226px;
        left:50%;
        margin-left:-335px;
}

#leftpanelhome
{
     width:110px;
	 _width:100px;
     height:500px;
	 padding:5px;
	 _padding:0px;
	 z-index:10;
	/* background-color:#91004c;  */
     border-width:0px;
     position:absolute;
        top:0px;
        left:50%;
        margin-left:-400px;		
		}
					
#containerphonehome
{
     width:725px;
     height:40px;
     border-width:0px;
     position:absolute;
        top:0px;
        left:50%;
        margin-left:-455px;
}

#containerorderhome
{
     width:295px;
     height:40px;
     border-width:0px;
     position:absolute;
        top:0px;
        left:50%;
        margin-left:169px;
}

/* --------------- Div definintions for top bits here -------------------*/

#containerphone
{
     width:800px;
     height:40px;
     border-width:0px;
     position:absolute;
        top:0px;
        left:50%;
        margin-left:-400px;
}

#containerorder
{
     width:160px;
     height:110px;
     border-width:0px;
	 margin-left:40px;
	 margin-top:20px;
	 margin-bottom:10px;
     float:right;
}

#containerroofpaint
{
     width:160px;
     height:110px;
     border-width:0px;
	 margin-left:40px;
	 margin-top:20px;
	 margin-bottom:10px;
     float:right;
}

#containerhead
{
     width:800px;
     height:120px;
     border-width:0px;
	 background-color:#ebebeb;
     position:absolute;
        top:40px;
        left:50%;
        margin-left:-400px;
}

#luckybutton
{
     width:140px;
     height:140px;
     border-width:0px;
     float:right;
	 margin-left:40px;
	 margin-right:0px;
	 margin-top:10px;
	 margin-bottom:10px;
}

#luckybuttoncent
{
     width:140px;
     height:140px;
     border-width:0px;
	 margin-left:40px;
	 margin-top:10px;
	 margin-right:0px;
	 margin-bottom:10px;
	 position:relative;
	    top:0px;
	    left:50%;
        margin-left:-200px;
}

/*  ---------------- Div definitions for left navigation start here  ------------------ */

#leftpanel
{
     width:110px;
	 _width:100px;
     height:500px;
	 padding:5px;
	 _padding:0px;
	 z-index:10;
	/* background-color:#91004c;  */
     border-width:0px;
     position:absolute;
        top:40px;
        left:50%;
        margin-left:-400px;		
		}
	
#mossleftpanel
{
     width:110px;
	 _width:100px;
     height:500px;
	 padding:5px;
	 _padding:0px;
	 z-index:10;
	/* background-color:#91004c;  */
     border-width:0px;
     position:absolute;
        top:0px;
        left:50%;
        margin-left:-400px;		
		}	

#leftlogopanel
{
     width:120px;
     height:51px;
     border-width:0px;
	 z-index:10;
     position:relative;
        top:0px;
        left:-5px;
        _left:0px;
}

#flashpanel
{
     width:120px;
     height:370px;
     border-width:0px;
	 z-index:10;
     position:relative;
        top:0px;
        left:-5px;
		_left:0px;
}

#flashbutton
{
     width:120px;
     height:370px;
	 background-color:#000000;
     border-width:0px;
	 z-index:12;
     position:relative;
        top:0px;
        left:-5px;
		_left:0px;
}

/*  ---------------- Div definitions for movies start here  ------------------ */

#mossmovie
{
     width:400px;
     height:305px;
     border-width:0px;
	 float:right;
}

#aboutmovie
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:right;
	 float:right;
}

#ceilingmovie
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:right;
	 float:right;
}

#paintmovie
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:right;
	 float:right;
}

#fourmoviea
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:left;
}

#fourmovieb
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:left;
}

#fourmoviec
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:left;
}

#fourmovied
{
     width:400px;
     height:285px;
     border-width:0px;
	 text-align:left;
}

/*  ---------------- Div definitions for content start here  ------------------ */

#content
{ 
     width:640px;
	 _width:620px;
     height:auto;
	 min-height:1300px;
	 padding:20px; 
	 _padding:20px 20px 20px 40px;   
	 background-color:#ebebeb;
	 border-style:solid;
     border-top-width:0px;
     border-right-width:0px;
	 border-bottom-width:0px;
	 border-left-width:120px;
	 border-color:#91004c;       
	 z-index:5;
     position:absolute;
	    top:40px;
/*      top:160px;   */
        left:50%;
        margin-left:-400px;
}

/* IE fix */

* html div#content { 
   height: expression( this.scrollHeight < 1301 ? "1300px" : "auto" ); /* sets min-height for IE */
}

#mosscontent
{ 
     width:640px;
	 _width:620px;
     height:auto;
	 min-height:1300px;
	 padding:20px; 
	 _padding:20px 20px 20px 40px;   
	 background-color:#ebebeb;
	 border-style:solid;
     border-top-width:0px;
     border-right-width:0px;
	 border-bottom-width:0px;
	 border-left-width:120px;
	 border-color:#91004c;       
	 z-index:5;
     position:absolute;
	    top:0px;
/*      top:160px;   */
        left:50%;
        margin-left:-400px;
}

/* IE fix */

* html div#mosscontent { 
   height: expression( this.scrollHeight < 1301 ? "1300px" : "auto" ); /* sets min-height for IE */
}

#mosslogo
{
     width:620px;
	 _width:600px;
     height:120;
     border-width:0px;
	 text-align:left;
}

/*  ---------------- Div definitions for footer menus start here  ------------------ */

#footera
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:-120px;
}

#footerb
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:-20px;
}

#footerc
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:80px;
}

#footerd
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:180px;
}

#footere
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:280px;
}

#footerf
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:380px;
}

#footerg
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:480px;
}

#footerh
{     width:100px;
      height:40px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:40px;
        left:580px;
}

#footercopyright
{     width:800px;
      height:20px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:20px;
        left:-120px;
}

#footersgdigital
{     width:800px;
      height:20px;
	  z-index:20;
      background-color:#000000;
	  border-width:0px;
      position:absolute;
        bottom:0px;
        left:-120px;
}

/* ----------------- PRODUCT ORDER FORM STYLE ---------------------- */

.enquiryform { line-height:140%; }
.enquiryform label { font-family:verdana,arial,'sans serif'; width: 120px!important; float: left; margin-right: 5px; margin-top: 10px; text-align: right; color: #FF0099; font-size: 7pt; font-weight:bold; text-transform:lowercase; }
.enquiryform textarea { width: 250px; height: 80px; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: black; padding-top: 3px; margin: 5px; border:1px solid #CCCCCC; }
.enquiryform input { width: 50px; height: 20px; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; color: black; padding-top: 3px; margin: 5px; border:1px solid #CCCCCC; }
.enquiryform select { width: 250px; height: 28px; font-family: Verdana, Tahoma, Helvetica, sans-serif; color: black; font-size: 10pt; padding: 5px; margin: 5px; border:1px solid #CCCCCC; }
.enquiryform input.submitbtn { border:0px;  width: 110px; height: 36px; background: url(kowhai-images/submit.gif); background-repeat: no-repeat; color: #FFFFFF; background-color: #ebebeb; font-size: 12pt; font-weight: bold; text-transform:uppercase; }

#productorder
{      width:400px;
       text-align:right;
}