body { margin: 0; padding: 0; background: #00111f; color: #3e3e3e;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px;}
a img {border: 0;}
#main {width:850px; background:url(../_images/backgrounds/top.gif) repeat-x #fff; margin-left: auto; margin-right: auto; padding: 20px; position: relative; }
p {margin:0; padding: 0 0 10px 0;}
form {margin:0; padding: 0 10px 0 10px;}

a {color: #0061B0; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

h1{font-family: Times, Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; line-height: 20px; font-size: 20px;}
h2{font-family: Times, Arial, Helvetica, sans-serif; font-weight: normal; color: #494949; padding-top: 0; margin-top: 0;}

.clear {clear:left;}

#footer {background-color:#a6d1f4; height: 30px; line-height: 30px;width: 890px; margin-left: auto; margin-right: auto;}
#footer a {color:#174b76; font-weight: normal;}
#footer ul { margin: 0; padding: 0;}
#footer li {display: inline; padding-left: 15px;}


#top {height: 128px;position: relative;}
#brandtop {height: 108px;position: relative;}

.footerlines {width:890px; height:35px; margin-left: auto; margin-right: auto; background: url(../_images/backgrounds/footerlines.gif) no-repeat;}

#credits {width:870px; height: 63px; margin-left: auto; margin-right: auto; background: url(../_images/backgrounds/credits.jpg) no-repeat; color: #b3cce2; padding: 20px 0 0 20px;}
#credits a {color: #b3cce2;}

.credit {float:right; padding-right: 20px;}

#intro {background:#005DA6 url(../_images/backgrounds/bluegrad.jpg) repeat-x scroll 0 0;color:#FFFFFF; width:194px; height: 269px; padding: 10px; float: left; margin-right: 10px; font-size: 13px;}

#login, #guestlogin {float: left;}
#login {width: 322px; border: 2px solid #0061b0; height: 143px; margin-top: 9px;}
#guestlogin {width: 293px; background: url(../_images/backgrounds/guest.gif) no-repeat; height: 133px; margin-top: 9px; margin-left: 10px; padding: 15px;}
#lostcard {width: 163px; height: 133px; display: block; background: url(../_images/backgrounds/lostcard.gif) no-repeat; position: absolute; left:690px; top:445px; padding: 15px;}

#login h2 { background: #0061b0; color: #fff; padding: 10px;}
#login .errorbox h2 {padding: 0 0 0 10px; background: none; color: #cc0000; font-weight: bold; font-family: Arial; font-size: 11px;}
#guestlogin img {float: right;}

.textfield {background: #ebebeb; border: 0; width: 140px;margin-top: 5px; font-size: 12px;}
label {font-weight: bold; color: #0061b0; }

.loginleft {float: left; margin-right: 15px;}

.button { position: relative; left: 90px; top:15px; }
.forgotpassword { font-weight: normal; position: relative; top:10px;}

.brandcontainer td {vertical-align: bottom; height: 90px; }
.brandbutton {border:0; color:#ffffff;position: relative; left: 100px; top:10px;}

#lostcardbrand {width: 298px; height: 155px; display: block;position: absolute; left:581px; top:426px; padding: 15px;}

.copyright {padding-top: 6px;}



/* POPUPS */

#backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;z-index:1;}
.popup {display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/z-index:2;}
.popupClose { width: 30px;cursor: pointer; float: right;}


#backgroundPopup {background:#000;}
.popupcontent {background: #ffffff; padding: 12px;}
.popup.noborder {background: none;}
.popup {padding:12px;background:#ffffff;background: #0061B0;}
.popup h3 {margin:0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #BCD5E9; color: #0061B0;}
#popupquicklook {width: 500px;}
#popupwritereview {width: 500px;}
.popup h1 {color: #0061B0;}



/* FORMS */

.form { border:1px solid #BCD5E9;background:#E9F1F8; padding: 10px;}

.form label {color: #000}
.form .textfield, .form textarea {background-color: #fff; border:1px solid #BCD5E9;width: 220px; padding: 2px; color: #000; margin-top: auto;}
.form .small {width:110px;}
.form textarea {font-family:Arial,Helvetica,sans-serif; font-size: 11px; overflow: auto;}
.form textarea.large {width: 400px;}
.form label {width:200px;}
.form .radiolabel {width: 400px;}
.form .error label {color: #cc0000; background: url(../_images/icons/label_error.gif) no-repeat 178px;}
.form .textfield:hover, .form textarea:hover  {}
.form .button {color: #fff; background:#0061B0; border: 0; font-weight: bold; padding: 3px; margin-left: 200px; left: auto; position: static; top:auto;}
.form h2 { border-bottom: 1px solid #BCD5E9; padding:10px 0 10px 0;}
.form.inline h2 {padding: 0px 0px 10px 0px;}
.sub_error {color: #cc0000; margin-bottom: 10px;}

.form .questionmark { margin: 0 0 -4px 5px;}
form select {height: 19px; font-size: 11px;}
.form .required {color: #000; font-size: 13px;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {display: none;}

.form .textfield, form textarea {border: none; }
.form label {float: left;}
.form textarea {height: 150px;}

.form.inline {width:425px!important; float: left; margin-right: 20px;}


#forgotpassword, #guestloginrequest {width:500px;}

.form .checkbox {margin-left: 204px;}
.form .checkboxlabel {font-weight: normal; float: none;}