/* the text align centers the site container div for IE, which does not understand the auto margin */

body { text-align: center; background: #DCDFEA url(bodybk.gif) repeat-x scroll 0 0; }

/* divs */

#sitecontainer { height: 700px; width: 1000px; margin-left: auto; margin-right: auto; position: relative; }
#header { text-align: left ; width: 940px; padding-left: 20px ;}
#content { position: relative; height: 500px; width: 940px; padding-left: 20px;  /* background-color: blue; */ }
#salestext { float: left; margin-top: 15px; height: 175px; width: 500px; /* background-color: red; */ text-align: left; display: block; }
#picright { float: right; margin-top: 20px; height: 245px; width: 400px; /* background-color: green; */ }
#pricestext { float: left; margin-top: 20px; text-align: left; color: #26126e; width: 500px; height: 320px; display: block; }
#javalinks { float: left; margin-top: 0px; color: #26126e; width: 400px; height: 190px; font-family: calibri; }
#footer { float: bottom; width: 900px; text-align: right ; }

/* website text */

span.header { color: #26126e; font-size: 20; font-weight: bold; font-family: calibri; }
span.sitetext { color: #26126e; font-family: calibri; font-size: 13px; float: left; display: block }
span.instructions { color: #26126e; font-family: calibri; font-size: 11px; }
span.instructionsplus { color: #26126e; font-family: calibri; font-size: 11px; float: left; margin-top: 10px; }
span.bold { font-weight: bold; }
span.contact {font-weight: normal ; }
span.sitetextsmall { color: #26126e; font-family: calibri; font-size: 14px; margin-top: 45px; margin-right: 70px; float: right; font-weight: normal; text-align: center; } 
span.indivpricetitle { width: 300px; float: left; text-align: left; padding-left: 50px; }
span.indivpriceamount { width: 100px; float: left; text-align: left; }
span.resulttext { font-size: 13px ; }
.sitetextterms { font-size: 13px; font-family: calibri; float: left; }
h1 { font-size: 18px; }
a { text-decoration: none; font-family: calibri; border-style: none; }
a.close { font-family: calibri; color: #26126e font-size: 15px; }

/* background */

#top { background: transparent url(bktop.png) repeat scroll 0 0; height: 25px; width: 1000; }
#container.content { background: transparent url(backgnew.png) repeat-y scroll 0 0; padding-left: 30px; padding-right: 12px; }
#bottomborder { background: transparent url(bkbottom.png) repeat scroll 0 0; height: 25px; margin-left: 10px; }

/* pics */

img.logo { float: left ; margin-bottom: 5px; }
#footerline { margin-bottom: 10px; }
a.links { border-style: none; margin-left: 70px }
.modalicon { padding-left: 5px; padding-top: 5px; }

/* calculator fields */

input.calcinput { width: 25px; text-align: left; }
input.resultfield { width: 40px; text-align: left; border-style: none; }

/* modal window properties */
 
#boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9998; padding:20px; }  
#boxes #dialog { width:650px; height:450px; background-color: white; border: solid 1px; border-color: black; } /* Customize your modal window here, you can add background image too */
#mask { z-index:9000; background-color:white; display: none; text-align:none; } 
#secondmodal #working { width:650px; height:100px; background-color: white; border: solid 1px; border-color: black; }
#working .window { position:absolute; width:440px; height:200px; display:none; z-index:9998; padding:20px; } 
#pricingmodal .window { position:absolute; width:440px; height:200px; display:none; z-index:9998; padding:20px; }
#pricingmodal #pricinglist { width:450px; height:330px; background-color: white; border: solid 1px; border-color: black; }