/* for IE */
div.everything {position:absolute;
left:20%;margin-left:-180px;
 /* for better browsers */
width: 980px;
text-align: left; /* so the content itself isn't centered
within the div */
}

h1.center{text-align:center}
h1.font36{font-size:36px}
h1.font24{font-size:24px}
h2.center{text-align:center}
h2.bold{font-weight:bold}
h2.link{color:#3300CC}
h2.font24{font-size:24px}
h2.font22{font-size:22px}
h2.font20{font-size:20px}
h2.font18{font-size:18px}
h2.mtop0{margin-top:0px}
h2.mbott0{margin-bottom:0px}
a.link{color:#3300CC}
.font36{font-size:36px}
.font34{font-size:34px}
.font32{font-size:32px}
.font30{font-size:30px}
.font28{font-size:28px}
.font24{font-size:24px}
.font22{font-size:22px}
.font20{font-size:20px}
.font18{font-size:18px}
.font16{font-size:16px}
.font14{font-size:14px}
.font12{font-size:12px}
.font11{font-size:11px}
.font10{font-size:10px}
.font9{font-size:9px}
.font8{font-size:8px}
p.mtop0{margin-top:0px}
p.mbott0{margin-bottom:0px}
p.mbott10{margin-bottom:10px}
p.mbott20{margin-bottom:20px}
p.link{color:#3300CC}
p.black{color:#000000}
p.bold{font-weight:bold}
p.center{text-align:center}

.mbott0{margin-bottom:0px}
.mtop0{margin-top:0px}
.mtop5{margin-top:5px}
.mtop10{margin-top:10px}
.mtop15{margin-top:15px}
.mtop20{margin-top:20px}
.mtop65{margin-top:65px}
.mtop450{margin-top:450px}
.mtop500{margin-top:500px}
.mtop600{margin-top:600px}
.mtopadd400{margin-top:+400px}
.gold{color:#C7B122}

a.border0{border-width:0px}

.specialimageclass{width:190px;height:142px}

.specialimageclass2{width:190px;height:127px}

.rotateimg90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


.divtitlebox{visibility:visible; 
position:absolute; 
width:760px;
height:100px; 
top:0px; 
left:50%; 
margin-left:-475px; 
background-color:#000000; }

.divlogo{visibility:visible; 
position:absolute; 
width:71px;
height:72px;
top:10px; 
margin-left:10px; 
background-color:#000000; 
border:0px solid; border-color:#C7B122;
z-index: 3;
vertical-align:middle;}

.divcompany{visibility:visible; 
position:absolute; 
width:500px;
height:50px; 
top:6px; 
left:50%; 
margin-left:-350px; 
background-color:transparent; 
text-align:center;
font-family: "lucida bright",serif;
font-size:48px;
font-weight:bold;
color:#C7B122;
border:0px solid; border-color:#000000;
z-index: 2;
vertical-align:middle; }

.divslogan{visibility:visible; 
position:absolute; 
width:500px;
height:50px; 
top:70px; 
left:50%; 
margin-left:-350px; 
background-color:transparent; 
text-align:center;
font-family: "lucida bright",serif;
font-size:20px;
color:#C7B122;
border:0px solid; border-color:#000000;
z-index: 2;
vertical-align:middle; }

.divmenubar{visibility:visible; 
position:absolute; 
width:760px;
height:21px; 
top:105px; 
left:50%; 
margin-left:-475px; 
background-color:#c0c0c0; 
text-align:center;
font-family: "lucida bright",serif;
font-size:32px;
color:#C7B122;
border:0px solid; border-color:#000000;
z-index: 3;
vertical-align:middle; }

.divleft{visibility:visible; 
position:absolute; 
width:150px;
height:1300px; 
top:135px; 
left:50%; 
margin-left:-475px; 
background-color:#FFFFFF; 
text-align:center;
font-family: "lucida bright",serif;
font-size:12px;
color:#C7B122;
border:1px solid; border-color:#000000;
z-index: 1;
vertical-align:middle; }

.divright{visibility:visible; 
position:absolute; 
width:195px;
height:1235px;
top:0px; 
left:50%; 
margin-left:292px; 
background-color:#FFFFFF; 
text-align:center;
font-family: verdana, san-serif;
font-size:12px;
color:#C7B122;
border:1px solid; border-color:#000000;
z-index: 1;
vertical-align:middle; }

.divmain{visibility:visible;
position:absolute; 
width:600px;
margin-bottom:10px;
top:135px; 
left:50%; 
margin-left:-317px; 
background-color:#FFFFFF;
font-size:18px;
color:#000000;text-align:center;
border:1px solid; border-color:#000000;
z-index: 1;
vertical-align:middle; }

.divmaintop{visibility:visible;
position:relative; 
width:600px;height:240px; border:2px solid; border-color:#000000;
}

.divmainfulltext{visibility:visible; 
position:relative;display:block;
width:580px;
margin-top:0px; 
left:50%; 
margin-left:-290px;
background-color:#FFFFFF; 
text-align:left;
font-family: verdana,san-serif;
font-size:14px;
color:#000000;
border:0px solid; border-color:#000000;
z-index: 1;
vertical-align:middle; }

.divsearch{visibility:visible; 
position:absolute; 
width:200px; 
height:60px;
top:10px; 
left:50%; 
margin-left:140px; 
background-color: transparent;
font-family: verdana, sans-serif;
color:black; 
border:0px solid; border-color:#000000;
z-index: 3;
vertical-align:middle; }

.divnav {
visibility : visible;
position : absolute;
width : 125px;
top : 400px;
left : 50%;
margin-left:-368px;
border : 0px solid;
border-color : #000000;
z-index : 2;
vertical-align : middle;
}

.divmainimage {visibility:visible; 
position:absolute;  
width:300px; 
height:225px;
top:10px; 
left:50%; 
margin-left:-291px; 
background-color:transparent; 
border-style: solid;
border-width: 0px;
border-color:#FFFFFF;
z-index: 1;
vertical-align:middle; }

.divrightofimage  {visibility:visible; 
position:absolute;  
width:285px; 
height:225px;
top:10px; 
left:50%; 
margin-left:8px; 
background-color:#FFFFFF; 
text-align:center;
font-family: "Times New Roman",Times,LucidaBright,serif;
color:#C7B122; 
border-style: solid;
border-width: 0px;
border-color:#000000;
z-index: 1;
vertical-align:middle; }

.divmainsub1{visibility:visible; 
position:absolute; 
width:300px; 
height:200px;
top:320px; 
left:50%; 
margin-left:-291px; 
background-color: transparent;
font-family: verdana, sans-serif;font-size:12px;
color:black;
border-style: solid;
border-color:silver;
border-width: 0px;
z-index: 2;
vertical-align:middle; }

.divmainsub2{visibility:visible; 
position:absolute; 
width:270px; 
height:200px;
top:320px; 
left:50%; 
margin-left:19px; 
background-color: transparent;
font-family: verdana, sans-serif; font-size:12px;
color:black;
border-style: solid;
border-width: 0px;
border-color:silver;
z-index: 2;
vertical-align:middle; }

.divmainsub3{visibility:visible; 
position:absolute; 
width:300px; 
height:200px;
top:470px; 
left:50%; 
margin-left:-291px; 
background-color: transparent;
font-family: verdana, sans-serif;font-size:12px; 
color:black;
border-style: solid;
border-width: 0px;
border-color:silver;
z-index: 2;
vertical-align:middle; }

.divmainsub4{visibility:visible; 
position:absolute; 
width:270px; 
height:200px;
top:470px; 
left:50%; 
margin-left:19px; 
background-color:  transparent;
font-family: verdana, sans-serif;font-size:12px; 
color:black;
border-style: solid;
border-width: 0px;
border-color:silver;
z-index: 2;
vertical-align:middle; }

.divmainsub5{visibility:visible; 
position:absolute; 
width:300px; 
height:200px;
top:620px; 
left:50%; 
margin-left:-291px; 
background-color: transparent;
font-family: verdana, sans-serif;font-size:12px; 
color:black;
border-style: solid;
border-width: 0px;
border-color:silver;z-index: 2;
vertical-align:middle; }

.divmainsub6{visibility:visible; 
position:absolute; 
width:270px; 
height:200px;
top:620px; 
left:50%; 
margin-left:19px; 
background-color: transparent;
font-family: verdana, sans-serif;font-size:12px; 
color:black;
border-style: solid;
border-width: 0px;
border-color:silver;
z-index: 2;
vertical-align:middle; }

.divmainsub7{visibility:visible; 
position:absolute; 
width:270px; 
height:200px;
top:770px; 
left:50%; 
margin-left:-291px; 
background-color: transparent;
font-family: verdana, sans-serif;font-size:12px; 
color:black; 
border-style: solid;
border-width: 0px;
border-color:silver;
z-index: 1;
vertical-align:middle; }

.divmainsub8{visibility:visible; 
position:absolute; 
width:270px; 
height:200px;
top:770px; 
left:50%; 
margin-left:19px; 
background-color: transparent;
font-family: verdana, sans-serif;font-size:12px; 
color:black; 
border-style: solid;
border-width: 0px;
border-color:silver;
z-index: 1;
vertical-align:middle; }

.divother{position:relative;text-align:center; font-size:16px}

.divmainbottom{visibility:visible; 
position:relative;height:560px;
background-color: transparent;
font-family: verdana, sans-serif;
text-align:center;padding:10px;
color:#000000; font-size:16px;
border:0px solid; border-color:#000000;
z-index: 1;
vertical-align:middle; }

.leftmenu {position:absolute; border:0px solid; border-color:gray;
background-color:transparent; padding:0px;
width:136px;
left:50%;
margin-left:-68px;
top:10px;
z-index:2;}

.rightsubmenu {position:absolute; 
background-color:#EDECEC; padding:0px;
width:180px;
left:50%;
margin-left:-90px;
top:135px;
font-size:16px;
border:1px solid;
border-color:black;
z-index:2;}

.rightsubmenu1a {position:absolute; 
background-color:#FFFFFF; padding:0px;
width:180px;
left:50%;
margin-left:-90px;
top:155px;
font-size:12px;
color:#C7B122;
border:0px solid;
border-color:black;
z-index:2;}


.rightsubmenutop {position:absolute; 
background-color:#EDECEC; padding:0px;
width:180px;
height:90px;
left:50%;
margin-left:-90px;
top:22px;
font-size:16px;
font-weight:bold;
border:1px solid;
border-color:#C7B122;
z-index:2;}

.divrightsub2 {position:absolute; 
background-color:transparent; padding:0px;
width:180px;
height:600px;
left:50%;
margin-left:-90px;
top:490px;
border:1px solid;
border-color:#C7B122;
font-size:12px;
font-weight:bold;
z-index:2;}

.divrighttowns {position:absolute; 
background-color:transparent; padding:0px;
width:180px;
height:420px;
left:50%;
margin-left:-90px;
top:390px;
border:1px solid;
border-color:#C7B122;
font-size:12px;
font-weight:bold;
z-index:2;}

.divrightsub3 {position:absolute; 
background-color:#FFFFFF; padding:0px;
width:180px;
height:auto;
left:50%;
margin-left:-90px;
top:490px;
text-align:left;
border:1px solid;
border-color:#C7B122;
font-size:12px;
color:#000000;
z-index:2;}

body{font-family:verdana}
table.ddmenu{font-size:12px;background-color:#c0c0c0;width:760px;height:21px;border:1px;border-color:black}
td.main,
td.main:link,
td.main:visited{
width:95px;
background-color:transparent; 
text-align:center;
background-image:url(https://www.havenpaint.com/images/NewButtons.png);
border:1px solid;
border-color:black}

td.main:hover{
background-color:#606060;
background-image:url(https://www.havenpaint.com/images/NewButtonHover.png)}

a{color:black;text-decoration:none;}
a:hover{color:#c0c0c0}

td.menu{background-color:#EDECEC;
border:1px solid;border-color:black}

table.menu1
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:-380px;margin-top:2px;border:1px;border-color:black
}
table.menu2
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:-285px;margin-top:2px
}
table.menu3
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:-190px;margin-top:2px
}
table.menu4
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:-95px;margin-top:2px
}
table.menu5
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:0px;margin-top:2px
}
table.menu6
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:95px;margin-top:2px
}
table.menu7
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:190px;margin-top:2px
}
table.menu8
{
font-size:12px;
position:absolute;
visibility:hidden;width:95px;left:50%; 
margin-left:285px;margin-top:2px
}

a.button0:link,
a.button0:visited{
display:block;  
font-family:Verdana; 
font-weight:normal;
text-align:center;
color:black;
border:1px solid; 
border-color:black;
width:130px;
height:18px; 
background-color:transparent; 
background-image:url(https://www.havenpaint.com/images/NewButtons.png);
padding:2px;
font-size:13px ;}

a:hover.button0 {
display:block; 
background-color:transparent;
background-image: url(https://www.havenpaint.com/images/NewButtonHover.png);}

a.button0:active {
  color: #000000;
  font-family:Verdana;
  font-size:13px;  
  }

span{
  display: none;
  }
	
	a.hpic1:hover span,a.hpic2:hover span,a.hpic3:hover span,a.hpic4:hover span,a.hpic5:hover span,a.hpic6:hover span,a.hpic1:hover span{
	 display: block; 
	 position: absolute;
	 width:200px; 
	 height:250px ;  
  z-index: 5;
  color:#003399;
  background: #E9E4DC;
   font-size: 16px;
  font-family: "lucida bright",serif;
  text-align: center;}
	
a.hpic1:hover span {
  top: 0px; 
 left: 250px} 

a.hpic2:hover span {
  top: 0px;
  left: -400px}   

a.hpic3:hover span {
  top: 0px;
  left: -550px}   

a.hpic4:hover span {
  top: -150px;
  left: -250px}   

a.hpic5:hover span {
  top: -150px;
  left: -400px}   

a.hpic6:hover span {
  top: -150px;
  left: -550px} 

.pcalccontainer{border-style:solid;
border-width:2px;
border-color:black; 
background-color:#F5ECE3;
width:400px;
height:580px;
left:50%;
margin-left:100px
}

.pcalc{position:absolute;
border-width:2px;
border-color:black; 
background-color:#E1D4C1;
width:380px;
height:560px;
margin-top:10px;
margin-left:10px; 
font-size:11px
}

.div1PI{visibility:visible; 
position:absolute; 
width:467px; 
height:350px;
top:100px; 
left:50%; 
margin-left:-350px; 
background-color:#FFFFFF;
border:1px solid #000000;
z-index: 1;
vertical-align:middle; }

.div2PI{visibility:visible; 
position:absolute; 
width:200px; 
height:150px;
top:100px; 
left:50%; 
margin-left:150px; 
background-color:#FFFFFF; 
border:1px solid #000000;
z-index: 1;
vertical-align:middle; }

.div3PI{ visibility:visible; 
position:absolute; 
width:200px; 
height:150px;
top:300px; 
left:50%; 
margin-left:150px; 
background-color:#FFFFFF; 
border:1px solid #000000;
z-index: 1;
vertical-align:middle; }