#navigation a.login
{
  background-position: 0px -143px;
  width: 247px;
}

#main #left
{
    width:267px;
}

#login
{
    width:267px;
    height:164px;
    background: #fff url(images/login_bg.gif) no-repeat;
    margin-top:10px;
    padding:25px 0 0 20px;
    font-weight:bold;
    font-size:0.9em;
    color: #fff;
}

#login #email, #login #password
{
    width:220px;
    margin-bottom:10px;
    color: #33ff00;
}

#login input
{
    width:220px;
    font-weight:normal;
}
#login #forgotten
{
    float:left;
    width:140px;
    padding-top:3px;
}
#login #forgotten a
{
    color: #fff;
}
    
#login #forgotten a:hover
{
    color: #33ff00;
}

.login img
{
    width:96px;
    height:25px;
    background: #000 url(images/btnlogin.jpg) no-repeat top left;
}

#logout
{
    width:267px;
    height:127px;
    background: #fff url(images/logout_bg.gif) no-repeat;
    margin:10px 0 0 0;
    padding:25px 0 0 20px;
    font-weight:bold;
    font-size:0.9em;
    color: #fff;
}

#logout p
{
    margin:0 0 3px 0;
}

#logout #logoutbtn
{
    padding: 5px 0 0 110px;
}

#logout #logoutbtn img
{
    width:120px;
    height:25px;
    background: #000 url(images/btnlogout.jpg) no-repeat top left;
}

#left .link
{
    margin: -12px 0 10px 0;
}

#left #supportenq img
{
    width: 267px;
    height:21px;
    background:#fff url(images/btnsupportenquiry.jpg) no-repeat top left
}

#left #faqsndownloads img
{
    width: 267px;
    height:21px;
    background:#fff url(images/btnprodfaqsndownloads.jpg) no-repeat top left
}

#left #productprices img
{
    width: 267px;
    height:21px;
    background:#fff url(images/product_prices.jpg) no-repeat top left;
    margin-bottom:10px;
}

#left #supportenq:hover img, #left #faqsndownloads:hover img, #left #productprices:hover img, #logout #logoutbtn a:hover img
{
    background-position: top right;
}

#main #right
{
    width:643px;
}

#main #right p
{
    margin: 26px 0 0 0;
}

#main #right p.divider
{
    margin:20px 0 -5px -5px;
}

#main #right p.smaller
{
    font-size:0.9em;
    margin: 10px 0 10px auto;
}

.submit img
{
    width:90px;
    height:21px;
    background: transparent url(images/btnsubmit.jpg) no-repeat top left;
}

.update img
{
    width:90px;
    height:21px;
    background: transparent url(images/btnupdate.jpg) no-repeat top left;
}

.login:hover img, .submit:hover img, .update:hover img
{
    background-position: top right;
}

.select
{
    width: 116px;
    margin-bottom:10px;
}

.inp1
{
    width: 196px;
    margin-bottom:10px;
}

.inp2
{
    width: 414px;
    margin-bottom:10px;
}

.inp3
{
    width: 633px;
    margin-bottom:10px;
}

.ml
{
    padding-left:15px;
}

/* Modal popup box stuff */

.modalBackground 
{
    width:100%;
    height:100%;
    background-color:gray;
    filter:alpha(opacity=50);
    opacity:0.50;
}

.modalbox
{
    width:350px;
    padding: 0 0 20px 0;
    border:1px solid #88877c;
    background-color:#000;
}
.modalbox div p
{
    float:left;
    color: #33ff00;
    font-size:0.9em;
    font-weight:bold;
    padding:0 0 0 18px;
    text-align:left;
}
.modalbox .popup_header .address
{
    float:left;
    width:130px;
    margin: 5px 0 5px 18px;
    font-weight:bold;
    color:#33ff00;
    text-align:left;
}
.modalbox .popup_header .close
{
    float:left;
    width:180px;
    margin: 6px 0 5px 0;
    text-align:right;
}
.modalbox .popup_header .close a
{
    color:#fff;
}
.modalbox .popup_header .close a:hover
{
    color:#33ff00;
}
.modalbox .divider img
{
    width: 342px;
    height:1px;
    margin:0 0 5px 0;
}
.modalbox .mid
{
    width: 200px;
    margin:0;
    border:1px solid #eeaddd;    
}
.modalbox .send img
{
    width:96px;
    height:25px;
    background: #000 url(images/send.jpg) no-repeat top left;
}
.modalbox .send:hover img
{
    background-position:top right;
}