/* main styles and elements */
html {padding: 0; margin: 0;}
body {padding: 0; margin: 0; background-color: #0b0b0b; color: #f5f5f5; font: 14px/1.2em Arial, Helvetica, sans-serif;}
a, a:link, a:visited {color: #f28a27; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
h2 {color: #de211a;}
h3 {color: #f28a27;}
p {margin-top: 0; line-height: 1.4em;}
div#wrapper {width: 868px; margin: 0 auto;}

/* header styles */
div#header {width: 868px; height: 126px; background: transparent url(../images/logo.jpg) 0 0 no-repeat;}
div#header h1 {margin: 0; height: 0px; text-indent: -2000px;}
div#header div#h-username { float: right; margin: 5px 70px 0 0; font-style: italic; font-size: 11px; display: inline;}

/* menu styles */
div#menu ul {margin: 0; padding: 0; list-style: none; height: 30px; font-size: 13px; font-weight: bold; background: transparent url(../images/menu-bg.png) 0 0 repeat-x;}
div#menu ul li {float: left; padding: 0 22px; line-height: 30px; background: transparent url(../images/menu-divider.png) 100% 0 no-repeat;}
div#menu a, div#menu a:link, div#menu a:visited {color: #fff; text-decoration: none;}
div#menu a:hover {color: #fff; text-decoration: underline;}
div#menu li.member {float: left; background: none;}
div#menu li.member.login {float: right; background: none; padding: 0; margin-right: 70px; display: inline;}
div#menu li.member.div {background: transparent url(../images/menu-divider.png) 100% 0 no-repeat;}
div#menu li.member a, div#menu li.member a:link, div#menu li.member a:visited, div#menu li.member a:hover {color: #f28a27;}

div#mymenu {background-color: #666; padding: 3px 20px;}
div#mymenu ul {margin: 0; padding: 0; list-style: none; height: 26px; font-size: 15px; font-weight: bold;}
div#mymenu ul li {float: left; padding: 0 50px 0 30px; line-height: 26px;}
div#mymenu ul li#my-snipes {background: url(/images/my-snipes.png) 0 0 no-repeat;}
div#mymenu ul li#add-snipe {background: url(/images/add-snipe.png) 0 0 no-repeat;}
div#mymenu ul li#my-settings {background: url(/images/my-settings.png) 10px 0 no-repeat;}
div#mymenu a, div#mymenu a:link, div#mymenu a:visited {color: #fff; text-decoration: none;}
div#mymenu a:hover {color: #fff; text-decoration: underline;}

/* content area styles */
.clr {clear: both; height: 0px;}
div#primary {clear: both; float: left; width: 818px; height: 652px; background: transparent url(../images/main-bg.png) 0 0 no-repeat; padding: 20px 25px;}
div#page-content {padding: 20px 25px; background-color: #292929; margin-bottom: 20px; border-bottom: 7px solid #c00;}
div#page-content h3 {margin-bottom: 5px;}
div.welcome {background: #292929 url(../images/welcome-bg.png) 0 70px no-repeat; padding: 10px 0 20px 30px; width: 838px; color: #333; border-bottom: 7px solid #c00; margin-bottom: 20px; height: 330px;}
div.welcome div {padding: 45px 0 0 0;}
div.welcome p {margin-bottom: 10px; font-size: 18px;}
div.form {margin: 40px 0;}
div.form table.center {margin: 0 auto;}
div.form td, form table td {padding: 0 10px 16px 0; vertical-align: top;}
table.nopadding td {padding: 0 2px 4px 0;line-height:1em;}
div.error {font-weight: bold;}
div.error p {margin: 0 0 8px 0;}
ul {list-style: none; padding: 0; margin-left: 0;}
ul li {background: url(../images/orangearrow.png) 0 1px no-repeat; padding: 0 0 4px 30px;}
ul.toc-index {list-style: none; padding: 0 0 25px 0; margin-bottom: 25px; font-weight: bold; line-height: 1.6em; background: transparent url(../images/horiz-div.png) 0 100% repeat-x;}
ul.toc-index li {background: url(../images/orangearrow.png) 0 4px no-repeat; padding: 0 0 0 30px;}
div.go-top {text-align: right; width: 100%;}
div.go-top a {text-transform: uppercase; font-size: 11px;}
ol.features {padding: 0 0 0 20px; line-height: 1.4em;}
ol.features li {padding: 5px;}
dl#howto {line-height: 1.4em;}
dl#howto dt {font-weight: bold;}
dl#howto dt span.large {font-size: 16px; color: #de211a; padding-right: 5px;}
dl#howto dd {margin: 15px 0 15px 58px;}
div#fp-form {float: left; width: 57%; padding-right: 30px;}
div#fp-notes {float: left; width: 39%;}
div#fp-notes h3 {margin-top: 0;}
div.divider {background: transparent url(../images/horiz-div.png) 0 50% repeat-x; width: 100%; padding: 10px 0;}

ul#account-summary {background-color: #e5e5e5; padding: 0 0 0 20px; font-size: 12px; color: #666; margin: 0; height: 46px;}
ul#account-summary li {float: left; background: none; padding: 0 15px 0 0; line-height: 46px;}
ul#account-summary li.summary {background: url(/images/acct-summary.png) 0 50% no-repeat; padding: 0 15px 0 30px; font-size: 14px; color: #f28a27; font-weight: bold;}
ul#account-summary li.a-blurb {font-size: 11px; font-weight: bold; width: 200px; line-height: 12px; padding: 11px 15px 0 20px;}
ul#account-summary li.a-btn {line-height: normal; padding: 8px 0 0 0;}

div#my-page-content {background-color: #292929; padding: 1px 0 20px 0; margin: 0 0 20px 0; border-bottom: 7px solid #c00;}
div#my-page-content h2 {padding-left: 20px; color: #f28a27;}
div.white {background: #fff; margin: 0 0 20px 0; padding: 20px; color: #333;}

div#my-page-content .filter ul {height: 22px; margin: 0; float: left; position: relative;}
div#my-page-content .filter ul li {background: none; float: left; padding: 0 0 0 15px; position: relative;}
div#my-page-content .sort {float: right; position: relative; top:-5px;}

table.mysnipes {border-collapse: collapse;width: 100%;margin-bottom: 10px;}
table.mysnipes th {font-size: 11px; font-weight: bold; padding: 3px; border-bottom: 2px solid #adadad; text-transform: uppercase;}
table.mysnipes td {font-size: 11px; padding: 3px;}
table.mysnipes td.actions {text-transform: uppercase;}
table tr.odd {background-color: #e0e0e0;}
table tr.even {background-color: #fff;}
table tr.won {background-color: #cfffcf;}
table.details {margin: 10px 0 20px 0}
table.details th {text-align: left; padding: 4px 20px 4px 0;}
table.details td {padding: 4px 0;}

/* subscribe page */
div#page-subscribe div#main {float: left; width: 510px; margin-bottom: 20px;}
div#page-subscribe div#main div#black-box {width: 460px; height: 98px; padding: 10px 15px 0; font-size: 16px; font-weight: bold; line-height: 29px; background: transparent url(../images/black-box.png) 0 0 no-repeat; color: #f28a27;}
div#page-subscribe div#benefits {padding: 0 15px;}
div#page-subscribe div#benefits h3 {color: #f5f5f5; margin-bottom: 10px;}
div#page-subscribe div#sub-notes {float: right; width: 270px; height: 260px; background: url(../images/grey-box.png) 0 0 no-repeat; padding: 15px;}
div#page-subscribe div#sub-notes h3 {background: url(../images/info.png) 0 0 no-repeat; padding: 4px 0 0 35px; margin: 0; height: 22px;}
div#page-subscribe div#sub-notes h4 {font-size: 14px; font-weight: bold; margin: 0; padding: 0;}
div#page-subscribe div#sub-notes div.help,
div#page-subscribe div#sub-notes div.privacy,
div#page-subscribe div#sub-notes div.contact
	{padding: 0 0 0 40px; font-size: 12px; margin: 12px 0 0 0;}
div#page-subscribe div#sub-notes div.help {background: url(../images/help.png) 0 20px no-repeat;}
div#page-subscribe div#sub-notes div.privacy {background: url(../images/disk.png) 0 20px no-repeat;}
div#page-subscribe div#sub-notes div.contact {background: url(../images/envelope.png) 0 20px no-repeat;}
div#page-subscribe div#plan-type {clear: both; padding: 0 0 0 15px;}
div#page-subscribe div#plan-type h4 {color: #f28a27; margin-bottom: 5px;}
div#page-subscribe div#plan-type p {font-weight: bold; margin-top: 0;}
div#page-subscribe div#benefits ul {list-style: none; margin: 0; padding: 0; font-weight: bold;}
div#page-subscribe div#benefits ul li {background: transparent url(../images/orng-check.png) 0 5px no-repeat; padding: 2px 0 8px 28px; line-height: 1.1em;}
div#paypal-graphic {background: url(../images/paypal-bg.png) 0 0 no-repeat; margin-top: 30px; position: relative; width: 404px; height: 122px}
div#paypal-graphic #pp-pay {position: absolute; top: 25px; left: 20px;}
div#paypal-graphic #pp-verified {position: relative; top: 10px; left: 284px;}
/* main area styles */
div#main {float: left; width: 508px;}
div#main div#black-box {width: 460px; height: 98px; padding: 10px 15px 0; font-size: 18px; font-weight: bold; line-height: 22px; background: transparent url(../images/black-box.png) 0 0 no-repeat;}
div#main div#circle {position: relative; top: 30px; left: 308px; width: 160px; height: 140px; font-size: 18px; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; font-style: italic; text-align: center; line-height: 1.3em;}
div#main div#charge {position: relative; top: 40px; left: 268px; width: 225px; height: 42px; font: 16px Tahoma, Verdana, sans-serif; font-weight: bold; font-style: italic; text-align: center;}
div#main div#white-box {position: relative; top: 91px; width: 475px; height: 220px; background: transparent url(../images/white-box.png) 0 0 no-repeat; color: #333; padding: 10px 0 0 15px;}
div#main div#white-box div#wb-left {width: 195px; height: 220px; float: left;}
div#main div#white-box div#wb-left p {font-size: 18px; color: #de211a; font-weight: bold; line-height: 1.4em; margin: 0 0 20px 0;}
div#main div#white-box div#wb-right {width: 270px; height: 220px; float: left;}
div#main div#white-box div#wb-right ul {list-style: none; margin: 0; padding: 0;}
div#main div#white-box div#wb-right ul li {background: transparent url(../images/orng-check.png) 0 8px no-repeat; padding: 7px 0 2px 28px; line-height: 1.1em;}
span.outbid {color: #c00;}
/* sidebar styles */
div#sidebar {float: right; width: 300px; border:0px solid green;/* xxx */ background: url(../images/side-form-bg.png) 0 0 repeat-y; line-height: normal;}
div#sidebar h2 {background: transparent url(../images/side-form-head.png) 0 0 no-repeat; width: 280px; height: 45px; font-size: 24px; font-family: Tahoma, Verdana, sans-serif; font-weight: bold; line-height: 45px; margin: 0; padding: 0 0 0 20px; color: #f5f5f5;}
div#sidebar h3 {color: #f5f5f5;}
div#sidebar div#sidebar-body {background: transparent url(../images/side-form-bot.png) 0 100% no-repeat; height: 560px;/* 509px xxx */ padding: 0 0 0 15px; font-size: 12px}
div#sidebar div#sidebar-body h3 {margin: 15px 0 0 0; font-size: 25px; letter-spacing: -0.4px;}
div#sidebar div#sidebar-body h4 {margin: 2px 0 0 0; font-size: 26px; color: #f28a27; letter-spacing: -0.2px;}
div#sidebar div#sidebar-body p {font-size: 14px; margin: 14px 0 10px 0;}
div#sidebar label {float: left; width: 115px; margin: 15px 0 0 0;}
div#sidebar label.lbl-email {width: 65px;}
div#sidebar input.field {float: left; width: 150px; margin: 5px 0; border: 2px solid #191919; padding: 2px 0; font-size: 12px;}
div#sidebar input.in-email {width: 200px;}
div#sidebar input.in-check {clear: left;float: left; margin: 22px 10px 0 0;}
div#sidebar label.lbl-check {width: 225px; margin: 20px 0;}
div#sidebar input.in-button{clear: left; margin: 10px 0 0 0;}
div#sidebar #why {clear: both; position: relative; margin: 0 0 0 140px; font-style: italic; top: -5px;}

/* secondary content styles */
div#secondary {clear: both; background: transparent url(../images/section-bg.png) 0 0 repeat-x;}
div#secondary h3 {color: #de211a; margin: 10px 0;}
div.sep {background: transparent url(../images/horiz-div.png) 0 0 repeat-x;}
div.wide-text {padding: 20px 30px 15px; line-height: 1.6em;}

/* text styles */
.orng-bold {font-weight: bold; color: #f28a27; font-size: 15px;}
.fl {float: left;}
.small {font-size:10px;}
.medium {font-size:12px;}
/* footer styles */
div#footer {padding: 60px 30px 0; background: transparent url(../images/bottom-div.png) 0 0 no-repeat; width: 808px;}
div#reflection {width: 808px; height: 65px; float: left; background: transparent url(../images/footer-reflection.png) 0 0 no-repeat; padding: 20px 30px 0; font-size: 10px; margin-top: 25px;}
div#reflection div#footer-links {margin-bottom: 10px;}
div#reflection div#footer-links a {padding-right: 10px;}
div#reflection span.footsep {padding-right: 6px;}
div#reflection #copyright {clear: left; float: left;}
div#reflection #credits {text-align: right; float: right;}

div#why-we-need {padding: 40px; background-color: #292929; color: #fff; font-size: 1.4em; font-weight: bold; line-height: 1.6em;}
/* text styles from original design */
.bt_red, .mt_red, .st_red {color: #de211a;}