/* 
    Document   : styles
    Created on : February 1, 2008, 11:56 AM
    Author     : davidw
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}

.DS_PRHG {}
.DS_PRHG select ul { padding-left: 0px; border-left-width: 0px; margin: 0px; list-style-type: none; font-weight: bold; }
.DS_PRHG select ul li { float: right }
.DS_PRHG select ul li div { width: 40px; height: 70px }
div#OP_DRHD { position: absolute; top: 40px; left: 0px; }
div#OP_DRHD ul { padding-left: 0px; border-left-width: 0px; margin: 0px; list-style-type: none; font-weight: lighter; }
div#OP_DRHD ul li { float: left; }
div#OP_DRHD ul li div { width: 125px; height: 130px; text-align: center; }
div#OP_DRHD ul li div a { text-decoration: none; color: #000000; }


A:link {color: #000000;}
A:active {color: #000000;}
A:visited {color: #000000; }
.style9 {font-size: 16px}
.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style10 a { text-decoration: none; color: #000000; }
.style10 A:active {color: #000000; background: #d9d7ba; }
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style88 {font-size: 3px}
.style12 {font-size: 14px}
.style14 {font-size: 16px; }
.style15 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.pstyle15 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.style16 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF }
.style18 {font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
.style19 { font-size: 8px; font-weight: bold; }

.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;  }
.style11 a { text-decoration: none; color: #ff0000; }
.style11 A:link {color: #000000; }
.style11 A:active {color: #000000; background: #d9d7ba; }
.style11 A:visited {color: #000000; }
.style22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ababab }
.style22 A:link { color: #ababab; }
.style22 A:active { color: #ababab; }
.style22 A:visited { color: #ababab; }
.style32 {color: #000000}
.style35 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #B48604; }
.style38 {font-size: 12px; font-weight: bold;}
.style100 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right }

div#pcontainer { position: relative; margin: auto; width: 670px; z-index: 1; height: 900px; border: 1px solid #cccccc; background: #ffffff; }
div#pfrlogo { position: absolute; width: 228px; left: 5px; top: 6px; height: 50px; border: 0px none #cccccc; z-index: 3; }
div#ptitle { position: absolute; width: 314px; left: 253px; top: 18px; height: 32px; border: 0px none #cccccc; z-index: 3 }
div#phdlogo { position: absolute; width: 50px; left: 580px; top: 5px; height: 50px; border: 0px none #cccccc; z-index: 3 }
div#phead1 { position: absolute; width: 670px; left: 0px; top: 0px; background-color: #ffffff; height: 60px; border-top: 0px solid #cccccc; border-bottom: 4px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; z-index: 2 }
div#phead2 { position: absolute; width: 670px; left: 0px; top: 22px; height: 40px; border-top: 4px solid #cccccc; border-bottom: 0px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; background: #b65312; z-index: 1 }

div#container { position: relative; margin: auto; width: 990px; z-index: 1; height: 700px; border: 1px solid #cccccc; background: #ffffef; }
div#frlogo { position: absolute; width: 228px; left: 29px; top: 6px; height: 50px; border: 0px none #cccccc; z-index: 3; }
div#title { position: absolute; width: 414px; left: 303px; top: 18px; height: 32px; border: 0px none #cccccc; z-index: 3 }
div#hdlogo { position: absolute; width: 50px; left: 901px; top: 5px; height: 50px; border: 0px none #cccccc; z-index: 3 }
div#head1 { position: absolute; width: 990px; left: 0px; top: 0px; background-color: #d9d7ba; height: 60px; border-top: 0px solid #cccccc; border-bottom: 4px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; z-index: 2 }
div#head2 { position: absolute; width: 990px; left: 0px; top: 22px; height: 40px; border-top: 4px solid #cccccc; border-bottom: 0px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; background: #b65312; z-index: 1 }
div#foot { position: absolute; width: 930px; left: 30px; top: 670px; height: 30px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 0px none #cccccc; z-index: 3 }

div#navigation { position: absolute; left: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
div#navigation A:link {color:#ffffff; }
div#navigation A:active {color:#ffffff; }
div#navigation A:visited {color:#ffffff; }

div#filepath { position: absolute; width: 653px; left: 0px; top: 67px; height: 20px; border: 0px none #cccccc; background: #b65312 }
div#help { position: absolute; width: 44px; left: 652px; top: 0px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; background: #b65312; }
div#questions { position: absolute; width: 219px; left: 664px; top: 77px; background-color: #ffffff; height: 185px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: hidden; z-index: 9999 }

div#tab1container { position: absolute; width: 505px; left: 25px; top: 116px; display: block; }
div#tab1 { position: absolute; width: 208px; left: 0px; top: 0px; height: 20px; background-color: #a7ab75; border: 0px none #cccccc; }
div#tab1bar { position: absolute; width: 20px; left: 188px; top: 0px; height: 20px; background-color: #a7ab75; border: 0px none #cccccc; }
div#tab1title { font-weight: bold; text-align: left }
div#tab1content { position: absolute; width: 505px; left: 0px; top: 21px; height: 135px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff; overflow: auto; }

div#tab2container { position: absolute; width: 505px; left: 25px; top: 290px; display: none; }
div#tab2 { position: absolute; width: 208px; left: 0px; top: 0px; height: 20px; background-color: #a7ab75; border: 0px none #cccccc;  }
div#tab2bar { position: absolute; width: 20px; left: 188px; top: 0px; height: 20px; background-color: #a7ab75; border: 0px none #cccccc; }
div#tab2title { font-weight: bold; text-align: left }
div#tab2content { position: absolute; width: 505px; left: 0px; top: 21px; height: 149px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff; overflow: auto; }
div#resultstitle { position: absolute; width: 502px; left: 0px; top: 0px; height: 16px; visibility: visible; }
div#scroll { position: absolute; width: 502px; left: 0px; top: 17px; height: 222px; background: #ffffff; visibility: visible; overflow: scroll; }

/*div#next { position: absolute; width: 270px; left: 269px; top: 477px; background-color: #ffffef; height: 33px; border: 1px solid #cccccc; }*/
div#next { position: absolute; width: 514px; left: 25px; top: 477px; background-color: #ffffef; height: 33px; border: 0px; }
div#next img { width: 125px; height: 27px; border: 0;  }

div#tab3 { position: absolute; width: 208px; left: 558px; top: 116px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; }
div#tab3bar { position: absolute; width: 20px; left: 188px; top: 0px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; }
/* div#livedisplay { position: absolute; width: 401px; left: 558px; top: 137px; background-color: #f7f4e1; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: visible; } */
div#livedisplay { position: absolute; width: 401px; left: 558px; top: 137px; background-color: #cfcdb2; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: visible; }
div#plivedisplay { position: absolute; width: 401px; left: 261px; top: 90px; background-color: #ffffff; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: visible; } 

div#text { position: absolute; width:530px; left:25px; top:518px; height: 103px; background-color: #d9d7ba; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; }

div#instruction { position:absolute; width:20px; left:192px; top:116px; background-color:#a7ab75; height: 20px; border:0px none #cccccc; z-index: 16; }
div#instruction img { width: 20px; height: 20px; border: 0;  }
div#instructions { position: absolute; width: 239px; left: 220px; top: 126px; height: 164px; background-color: #ffffff; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: hidden; z-index: 99 }

div#priceid { position: absolute; width: 936px; left: 25px; top: 629px; background-color: #cccccc; height: 34px; border: 0px none #cccccc; }
div#price { position: absolute; width: 293px; left: 33px; top: 635px; height: 20px; font-weight: bold; }
div#details { position: absolute; width: 235px; left: 145px; top: 635px; height: 16px; visibility: hidden; }  
div#pricingdetail { position: absolute; width: 219px; left: 155px; top: 407px; height: 214px; background-color: #ffffff; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: hidden; z-index: 9 }
div#ro { position: absolute; width: 332px; left: 600px; top: 635px; height: 19px; font-weight: bold; }    	


.whitebg { background-color: #f7f4e1; }

div#load { position: absolute; left: 370px; top: 10px; width: 20px; height: 20px; z-index: 99; display: none; }
div#hide { display: none; }

div#glass { display: none; position: absolute; border-style: solid; border-width: 1px; background-color: white; padding: 5px; }

div#finish { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #b65312; font-weight: bold; }
div#finish A:link { color: #b65312; }
div#finish A:active { color: #b65312; }
div#finish A:visited { color: #b65312; }
div#pinfolist { position: absolute; left: 3px; top: 95px; }
div#ppricelist { position: absolute; left: 3px; top: 375px; }
div#proughopening { position: absolute; left: 400px; top: 584px; }
div#pfoot { position: absolute; left: 3px; top: 880px; width: 670px; text-align: center; }
/*
div#tabslab { position: absolute; width: 115px; left: 0px; top: 140px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; }
div#slab { position: absolute; width: 115px; left: 0px; top: 161px; background-color: #f7f4e1; height: 76px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; z-index: 3; }
div#instruction { position: absolute; width: 20px; left: 250px; top: 635px; height: 20px; background-color: #ffffef; }
*/ 
div#tab1-2 { position: absolute; width: 208px; left: 235px; top: 116px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; text-align: left; display: none; }
div#tab1-2bar { position: absolute; width: 20px; left: 188px; top: 0px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; }
div#content1-2 { position: absolute; width: 532px; left: 25px; top: 137px; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff; z-index: 10; visibility: hidden; }

/* voh */
.filepath { position: absolute; width: 653px; left: 0px; top: 1px; height: 20px; border: 0px none #cccccc; background: #b65312 }
.navigation { position: absolute; left: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: left; }
.help { position: absolute; width: 44px; left: 652px; top: 0px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; background: #b65312; }
.txtDescVoH { position: absolute; top: 580px; left: 25px; height: 20px; width: 938px; text-align: center; border: 0px none #cccccc; background: #ffffef; font-weight: bold; }
/* div#btnVoH { position: absolute; width: 100px; left: 834px; top: 114px; height: 44px; z-index: 9; display: none; } */
div#btnVoH { display: none; }
div#ctnVoHCV { position: absolute; left: 0px; top: 65px; width: 990px; z-index: 29; height: 605px; border: 0px none #cccccc; background: #ffffef; display: none; }
 div#ctnVoHSelect { position: absolute; width: 505px; left: 25px; top: 50px; display: block; }
  div#tabVoHSelect { position: absolute; width: 208px; left: 0px; top: 0px; height: 20px; background-color: #a7ab75; border: 0px none #cccccc; }
   div#tabVoHSelectBar { position: absolute; width: 20px; left: 188px; top: 0px; height: 20px; background-color: #a7ab75; border: 0px none #cccccc; }
   div#tabVoHSelectTitle { font-weight: bold; text-align: left }
  div#ctnVoHSelectContent { position: absolute; width: 505px; left: 0px; top: 21px; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff; overflow: auto; }
   div#ctnVoHSelectContent ul { padding-left: 0px; border-left-width: 0px; margin: 0px; list-style-type: none; }
   div#ctnVoHSelectContent ul li { padding: 20px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
   div#ctnVoHSelectContent ul li a { text-decoration: none; color: #000000; }
   div#ctnVoHSelectContent ul li a:active { background: #d9d7ba; }
 div#tabVoHCVDisplay { position: absolute; width: 208px; left: 558px; top: 50px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; }
  div#tabVoHCVDisplayBar { position: absolute; width: 20px; left: 188px; top: 0px; background-color: #a7ab75; height: 20px; border: 0px none #cccccc; }
 div#ctnVoHCVDisplay { position: absolute; width: 401px; left: 558px; top: 71px; background-color: #cfcdb2; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; visibility: visible; }
  div#ctnComponentsVoHCV { position: absolute; left: 0px; top: 0px; }
  div#ctnHouseVoHCV { position: absolute; left: 0px; top: 0px; }
 div#btnCloseVoHCV { position: absolute; left: 960px; width: 14px; height: 14px; top: 5px; z-index: 19; }
 div#btnFVVoHCV { position: absolute; width: 100px; left: 835px; top: 48px; height: 44px; z-index: 19; visibility: hidden; }
 div#ctnVoHCVLoad { position: absolute; width: 401px; left: 558px; top: 71px; background-color: #cfcdb2; height: 484px; border-top: 7px solid #cccccc; border-bottom: 5px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; z-index: 999; display: none; }
   div#imgVoHCVLoad { position: absolute; left: 196px; top: 222px; width: 20px; height: 20px; }
div#ctnVoHFV { position: absolute; left: 0px; top: 65px; width: 990px; height: 605px; border: 0px none #cccccc; background: #ffffef; display: none; z-index: 229; }
 div#ctnComponentsVoHFV { position: absolute; left: 25px; top: 50px; width: 938px; height: 512px; z-index: 239; }
 div#ctnHouseVoHFV { position: absolute; left: 25px; top: 50px; width: 938px; height: 512px; z-index: 249; }
 div#ctnVoHFVLoad { position: absolute; left: 25px; top: 50px; width: 938px; height: 512px; z-index: 999; background-color: #cfcdb2; display: none; }
   div#imgVoHFVLoad { position: absolute; left: 460px; top: 250px; width: 20px; height: 20px; }
 div#btnCloseVoHFV { position: absolute; left: 960px; width: 14px; height: 14px; top: 5px; }