#flash
{
    width: 600px;
    background-image: url('/img/flash-bg.jpg');
}

ul#menu
{
    width: 282px;
}

h1#parfit
{
    width: 481px;
    height: 65px;
    background-image: url('/img/h1-parfit.png');
}

h1#selector
{
    width: 496px;
    height: 65px;
    background-image: url('/img/h1-selector.png');
}

h1#faq
{
    width: 594px;
    height: 29px;
    background-image: url('/img/h1-parfit-faq.png');
}

h1#sales
{
    width: 481px;
    height: 65px;
    background-image: url('/img/h1-sales.png');
}


h1#expert
{
    width: 200px;
    height: 65px;
    background-image: url('/img/h1-parfit-expert.png');
}

h2#parfitEnquiry
{
    width: 240px;
    height: 17px;
    background-image: url('/img/h2-parfitEnquiry.png');
    text-indent: -999em;
}

div#content
{
    background-image: url('/img/icon-parfit.jpg');
    background-position: top right;
    background-repeat: no-repeat;
}

/* parfit home */
div#assistance
{
    width: 293px;
    float: right;
    margin: 0 0 20px 35px;
    background-image: url('/img/assistance-bg.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    border: solid 1px #999999;
}

div#assistance h2
{
    width: 293px;
    height: 42px;
    background-image: url('/img/h2-parfit-assistance.jpg');
    text-indent: -999em;
    margin: 0;    
}

div#profile
{
    background-image: url('/img/assistance-steve.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    width: 164px; 
    min-height: 131px;
    padding: 7px 121px 20px 8px;  
}

div#profile p
{
    color: #081b49;
    line-height: 130%;
    font-size: 75%;
}

div#profile p span
{
    font-weight: bold;
    color: #081b49;
}

div#profile p.title
{
    border-bottom: solid 1px #081b49;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div#profile p a { text-decoration: none; font-weight: bold; }
div#profile p a:hover, div#profile p a:focus { text-decoration: underline; }


ul#professor
{
    clear: right;
    width: 632px;
    height: 470px;
    background-image: url('/img/professor-bg.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    
}

ul#professor li
{
    margin: 0 !important;
    list-style-type: none;
    display: block;
    float: left;
}

ul#professor li.selector { padding: 23px 0 0 51px; }
ul#professor li.ask { padding: 39px 0 0 16px; }
ul#professor li.faq { clear: left; padding: 0 0 0 29px; }
ul#professor li.down { padding: 11px 0 0 12px; }

ul#professor li.down { padding: 11px 254px 0 0; float: right; }


/* element selector */
label.parfit
{
    color: #081b49;
    font-weight: bold;
    font-size: 80%;
    display: block;
    padding: 15px 0 5px 0;
}

input.textBox
{
    border: solid 1px #666666;
    margin: 0 20px 15px 0;
    padding: 3px;
    font-size: 75%;
    width: 200px;
}

input.submit { vertical-align: middle; }


div.results
{
    background-color: #e7e5e2;
    padding: 20px;
    margin-bottom: 20px;
}

div.results h2
{
    margin: 0;
    font-size: 120%;    
}

div.results p
{
    color: #081b49;
    font-weight: bold;
}

table
{ 
    width: 100%;
}

table th, table td
{
    border-bottom: solid 2px #e7e5e2;
    border-right: solid 2px #e7e5e2;
}

table td { background-color: #cecac4; color: #000000; }

table td ul { margin: 0 !important; }

table td ul li
{ 
    display: inline;
    color: #000000;
    font-size: 100% !important;
    line-height: 200% !important;
    list-style-type: none;
    margin: 0 !important;
    padding-right: 50px;
}

table td ul li a { text-decoration: none; color: #000000; }
table td ul li a:hover, table td ul li a:focus { text-decoration: underline; }
table td ul li em { color: #000000; }

label.part
{
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

textarea
{
    width: 500px;
    height: 75px;
}

span.checkBox1
{
    clear: left;
    display: block;
    float: left;
    padding-right: 20px;
}

span.checkBox2
{
    display: block;
    float: left;
    padding-right: 20px;
}

label.check
{
    float: left;
    width: 200px;
    padding-right: 20px;
}

label.other
{
    display: block;
    float: left;
    padding-right: 20px;
}

p.clear { clear: left; }

label.details
{
    
    clear: left;
    display: block;
    float: left;
    width: 100px;
    padding-right: 15px;
    text-align: right;    
}

input.textbox { margin-bottom: 10px; }

input.submit { clear: left; display: block; }

/* twitter */
div#twitter-top
{
    background-image: url('/img/twitter-top.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 204px;
    height: 10px;
    background-color: #081b49;
}

div#twitter-bottom
{
    background-image: url('/img/twitter-bottom.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 204px;
    height: 10px;
}

div#twitter-int-top
{
    background-image: url('/img/twitter-int-top.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
    height: 10px;
    background-color: #cbd6e4;
}

div#twitter-int-bottom
{
    background-image: url('/img/twitter-int-bottom.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 100%;
    height: 10px;
    background-color: #081b49;   
}

div#twitter
{
    background-color: #081b49;
    padding: 0 0 0 10px;
    min-height: 30px; 
}

div#twitter h2
{
    width: 129px;
    height: 45px;
    background-image: url('/img/h2-twitter.png');
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -999em;
    margin: 0 !important;
    padding-bottom: 10px;
}

div#twitter-content
{
    background-color: #cbd6e4;
    padding: 0 10px 0 10px;
}

div#twitter-content ul li
{
    list-style-type: none;
    color: #000000;
    font-size: 75%;
    padding: 5px 0;
    border-bottom: solid 1px #000000;
}

div#twitter-content ul li span
{
    color: #000000;
}

div#twitter-content ul li a { display: block; color: #000000; font-size: 90%; text-decoration: none; }
div#twitter-content ul li span a { display: inline; font-size: 100%; text-decoration: underline; }

div#twitter img { padding: 15px 0 5px 7px; }


/* faq */
div#faqBlock
{
    margin: -500px 0 0 -9999em;    
}

/* sales */
div.sales
{
    float: left;
    width: 50%;
}

div.sales ul { margin-left; 0 !important; }

div.sales ul li
{
    list-style-type: none !important;
    padding-left: 30px;
    margin-left: 0 !important;
    line-height: 120% !important;
    margin-bottom: 15px;
    background-position: top left;
    background-repeat: no-repeat;
}

div.sales ul li h3
{
    color: #081b49;
}

li.AT { background-image: url("/img/flags/at.gif"); }
li.AZ { background-image: url("/img/flags/az.gif"); }
li.BE { background-image: url("/img/flags/be.gif"); }
li.BY { background-image: url("/img/flags/by.gif"); }
li.CH { background-image: url("/img/flags/ch.gif"); }
li.CZ { background-image: url("/img/flags/cz.gif"); }
li.DE { background-image: url("/img/flags/de.gif"); }
li.DK { background-image: url("/img/flags/dk.gif"); }
li.ES { background-image: url("/img/flags/es.gif"); }
li.FI { background-image: url("/img/flags/fi.gif"); }
li.FR { background-image: url("/img/flags/fr.gif"); }
li.GR { background-image: url("/img/flags/gr.gif"); }
li.HU { background-image: url("/img/flags/hu.gif"); }
li.IE { background-image: url("/img/flags/ie.gif"); }
li.IT { background-image: url("/img/flags/it.gif"); }
li.KZ { background-image: url("/img/flags/kz.gif"); }
li.LV { background-image: url("/img/flags/lv.gif"); }
li.NL { background-image: url("/img/flags/nl.gif"); }
li.NO { background-image: url("/img/flags/no.gif"); }
li.PL { background-image: url("/img/flags/pl.gif"); }
li.PT { background-image: url("/img/flags/pt.gif"); }
li.RO { background-image: url("/img/flags/ro.gif"); }
li.RU { background-image: url("/img/flags/ru.gif"); }
li.SE { background-image: url("/img/flags/se.gif"); }
li.SK { background-image: url("/img/flags/sk.gif"); }
li.SL { background-image: url("/img/flags/sl.gif"); }
li.TR { background-image: url("/img/flags/tr.gif"); }
li.UA { background-image: url("/img/flags/ua.gif"); }
li.UK { background-image: url("/img/flags/uk.gif"); }
li.ZA { background-image: url("/img/flags/za.gif"); }

/* element selector */
div#identify
{
    background-color: #e7e5e2;
    padding: 34px 0 34px 79px;
}

div.element
{
    border: solid 1px #887e6e;
    background-color: #ffffff;
    width: 156px;
    float: left;
    margin-right: 11px;
}

div.element h2
{
    background-color: #887e6e;
    color: #ffffff;
    font-size: 75%;
    line-height: 160%;
    text-align: center;
    margin: 0;
}

div.element p
{
    padding: 0 10px;
    font-size: 65%;
    line-height: 120%;
}


.select { padding: 0 10px; }

div#measurements
{
    background-color: #e7e5e2;
    padding: 10px 0 20px 15px;
}

div#selectedElement
{
    border-right: solid 1px #000000;
    width: 300px;
    float: left;
}

div#input
{
    width: 300px;
    float: left;
    padding: 0 0 10px 15px;
}

p.chosen
{
    color: #081b49;
    font-weight: bold;
}


div#input p
{
    color: #081b49;
    font-weight: bold;
    margin-bottom: 20px;
}

label.expert { font-weight: bold; display: block; margin-bottom: 5px; }
input.expertInput { margin-bottom: 15px; display: block; width: 100%; border: solid 1px #999999; }





div#results
{
    background-color: #e7e5e2;
    padding: 15px;
    margin-bottom: 5px;
}

div#results h3
{
    color: #081b49;
    margin-bottom: 20px;
}

div.resultsBox
{
    width: 300px;
    float: left;
}

label.micron
{
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

input.resultsText
{
    border: solid 1px #999999;
    font-size: 80%;
    width: 200px;
    margin-bottom: 30px;
    padding: 2px;
}

input.expertInput
{
    font-size: 80%;
    padding: 2px 3px;
}

p.avail
{
    clear: left;
    color: #081b49;
    font-weight: bold;
}

p.disclaimer
{
    font-size: 70%;
}

.back
{
    float: right;
}

div#pad { margin-left: 60px; }

p.closer { color: #081b49; font-weight: bold; }


/* login/reg */
div#login
{
    background-color: #e7e5e2;
    padding: 10px 50px 10px 20px;
}

div#login h2 { font-size: 140%; }

div#reg
{ 
    float: left;
    width: 300px;
}

div#already
{
    float: right;
    width: 240px;
    padding-left: 15px;
    border-left: solid 1px #000000;
}

p.error { color: red; font-weight: bold; }