/* 
    Document   : newform
    Created on  : 08-Oct-2010, 15:45:32
    Author          : ElanMan
    Description:
        Form styles used in the interactive form (patiodoor-orderform.php)
*/
select {
   padding: 1px 8px;
   text-align:center;
}
#content h1 {
    text-align:center;
    line-height: 1.2em;
}
#orderform {
    font-family: "Droid Sans",sans-serif;
    font-size: 1.1em;
    margin-left: 40px;
    padding-left: 10px;
}
#orderform p {
    padding-left: 10px;
}
.related-input {
    margin-top:10px;
    border-bottom: 1px dashed #030;
    padding-right: 25px;
    padding-bottom:10px;
    position: relative;
}
.group1 {
    z-index:8;
}
.group2 {
    z-index: 7;
}
.group3 {
    z-index:6;
}
.group4 {
    z-index: 5;
}
.group5 {
    z-index:4;
}
.group6 {
    z-index: 3;
}
.group7 {
    z-index:2;
}
.group8 {
    z-index: 1;
}

#pricer a {
    color:  #030;
    margin-left:10px;
}
#orderform h2 {
    margin-top: 10px;
}
#orderform h3 {
    display: inline;
}
.userinfo, .usererror {
    color: red;
}
span.userinfo {
    display: none;
    background-color: yellow;
}
p.usererror {
    margin-top:0;
}
div#userdetails {
    margin-top: 10px;
}
div#userdetails p {
    margin-bottom:10px;
}
a.helpbutton {
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    text-decoration: none;
    display:none;
}
a.helpbutton span {
    display:none;
}
a.helpbutton img {
    display:inline;
}
a.helpbutton:hover span {
    display:block;
    background:#fff;
    border: 1px solid #030;
    padding:10px;
    color:#030;
    width:300px;
    position:relative;
}
a.helpbutton:hover span  strong {
    font-size:1.2em;
}
a.helpbutton:hover img {
    display:none;
}
a.product-redirect {
    color:#030;
    text-decoration: underline;
}
#loadergif {
    display:none;
}