body,
html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
    font-size:small;
    line-height:1.125;
	font-family:"Helvetica", sans-serif;
}

body {
	background:white url('../../images/bgwide.gif') center top;
}

.primary,
.vertical .prihover:hover,
div.menu.vertical ul li a.current {
	color:#f07000;
}

#wrapper {
	width:947px;
	margin:0pt auto;
}

#canvas {
	height:100%;
	width:946px;
}

#topper {
	width:100%;
	height:120px;
}

/******************
  TEXT FORMATTING
 ******************/

.right-col a,
#loginForm a {
    text-decoration:none;
    color:#f07000;
    border-bottom:1px dotted #f07000;
}

a.nostyle {
    text-decoration:none;
    color:inherit;
    border-bottom:0px;
}

/*****************
  LOGIN FORM
 *****************/

#loginForm {
	vertical-align:bottom;
	text-align:right;
	margin-top:.5em;
	margin-bottom:4px;
	float:right;
}

#loginForm span {
	margin-right:1em;
}

#loginForm ul {
	list-style:none;
	margin-right:1em;
	vertical-align:middle;
}

#loginForm ul li {
	margin-left:.5em;
	display:inline;
}

#loginForm ul li input {
	width:8em;
	border:1px solid #999;
	background:white url('../../images/buttonback.gif') bottom left repeat-x;
	padding:1px;
	color:#111;
	position:relative;
	top:2px;
}

#loginForm ul li input.submit {
	width:auto;
    margin:0px;
    padding:0px;
}

/*************************
 * MAIN PAGE
 *************************/

#signupBox {
    text-align:center;
}

#signupBox img {
	width:200px;
	height:80px;
}

/*************************
 * CONTENT BOXES
 *************************/

#content {
	width:946px;
	clear:both;
}

#content .left-col {
	width:165px;
	font-size:90%;	
	vertical-align:top;
	float:left;
	position:relative;
	left:10px;
}

#content .right-col {
    float:right;
	width:775px;
	vertical-align:top;
	background-color:white;
	padding-top:1em;
}

/*********************
 * TEXT LAYOUT STYLES
 *********************/

h1.title {
 	clear:both;
 	text-align:left;
 	font-size:130%;
 	margin:2em 0em .8em 1.8em;
 	font-weight:normal;
}

h2.title {
	clear:both;
	text-align:center;
	font-size:115%;
	margin-top:1em;
	margin-bottom:.5em;
}

h3.title {
    font-size:105%;
    font-weight:bold;
    margin-left:1em;
    margin-top:1em;
    margin-bottom:.5em;
}

.fullcol {
    width:100%;
    clear:both;
}

.fullcol h3.title {
    margin-top:1.5em;
}

.fullcol p.copy {
    margin:.5em 1.5em;
}

.halfcol {
    width:49%;
}

.thirdcol {
    width:33%;
}

.quartercol {
    width:24.5%;
}

.halfcol.left,
.thirdcol.left,
.quartercol.left {
    float:left;
    clear:left;
}

.halfcol.right,
.thirdcol.right,
.quartercol.right {
    float:right;
}

.halfcol p.copy,
.thirdcol p.copy,
.quartercol p.copy {
    margin:.5em 1.5em;
}

.halfcol h3.title,
.thirdcol h3.title,
.quartercol p.copy {
    margin-top:2em;
}


p.title {
	text-align:center;
	margin:1.5em;
}

p.copy,
div.spacer {
    margin:1em 2.5em;
    line-height:1.3;
	clear:right;
}

/************************
 * STATUS PAGE
 ************************/

div.claim {
    width:570px;
    padding:3px 10px 2px 20px;
    clear:both;
}

div.claim.header {
    font-weight:bold;
}

div.claim.total {
    width:550px;
    border-top:1px solid #ccc;
    margin:5px 20px;
    padding:5px 0px 0px 10px;
    position:relative;
    top:5px;
}

div.claim.total .offer {
    width:208px;
}

div.claim span {
    display:block;
    float:left;
}

div.claim .offer {
    width:218px;
}

div.claim .date {
    width:160px;
}

div.claim .pmt {
    width:85px;
}

div.claim.negative .pmt {
    color:red;
    position:relative;
    left:-.5em;
}

div.claim.denied .pmt {
    text-decoration:line-through;
}

div.claim .stat {
    width:96px;
}

div.referrer {
    width:570px;
    padding:3px 10px 2px 20px;
    clear:both;
}

div.referrer.header {
    font-weight:bold;
}

div.referrer span {
    display:block;
    float:left;
    width:33%;
}

div.referrer.total {
    width:550px;
    border-top:1px solid #ccc;
    margin:5px 20px;
    padding:5px 0px 0px 10px;
    position:relative;
    top:5px;
}

div.referrer.total .total {
    position:relative;
    left:15px;
}

div.payment {
    width:570px;
    padding:3px 10px 2px 20px;
    clear:both;
}

div.payment.header {
    font-weight:bold;
}

div.payment span {
    display:block;
    float:left;
}

div.payment .date {
    width:140px;
}

div.payment .method {
    width:80px;
}

div.payment .accnum {
    width:170px;
}

div.payment .amount {
    width:90px;
}

div.payment .status {
    width:90px;
}

div.payment.denied .amount {
    text-decoration:line-through;
}

div.payment.total {
    width:550px;
    border-top:1px solid #ccc;
    margin:5px 20px;
    padding:5px 0px 0px 10px;
    position:relative;
    top:5px;
}

div.payment.total .status {
    width:80px;
}

div.payment.total .amount {
    width:70px;
}

div.credit {
    width:570px;
    padding:3px 10px 2px 20px;
    clear:both;
}

div.credit span {
    display:block;
    float:left;
}

div.credit.header {
    font-weight:bold;
}

div.credit span.type {
    width:200px;
}

div.credit span.date {
    width:190px;
}

div.credit span.amount {
    width:170px;
}

div.credit.total {
    width:550px;
    border-top:1px solid #ccc;
    margin:5px 20px 15px 20px;
    padding:5px 0px 0px 10px;
    position:relative;
    top:5px;
}

div.credit.total span.date {
    width:180px;
}

/************************
 * OFFER PAGE
 ************************/

div.filmstrip {
    display:block;
    margin:1em 2em 2em 2.5em;
    width:90%;
    line-height:1.4;
}

div.filmstrip .name {
    border-bottom:1px solid #ccc;
}

div.filmstrip a.txt {
    color:#000;
    text-decoration:none;
    border-bottom:0px;
}

div.filmstrip ul {
    list-style-type:none;
}

div.filmstrip ul li {
    width:20%;
    display:inline;
    float:left;
    margin:2%;
}

div.filmstrip ul li img {
    border:0px;
    display:block;
    margin-top:.25em;
}

div.filmstrip ul li a.make {
    display:block;
    float:left;
    font-size:80%;
}

div.filmstrip p.more {
    clear:both;
}

div.filmstrip p.more a {
    display:block;
    border-top:1px solid #ccc;
    border-bottom:0px;
    text-align:right;
}

div.view-offer {
    margin:.5em;
}

div.view-offer .image {
    float:right;
}

div.view-offer .description {
    margin-top:.25em;
}

div.styled.offer {
    position:relative;
    left:-2em;
}

div.styled.offer .content {
    padding-bottom:2em;
    line-height:1.3;
}

div.styled.offer .image {
    float:right;
    margin:-2em 1em 0em 1em;
}

div.styled.offer ul {
    list-style-type:none;
    margin-right:1em;
    color:#333;
    width:125px;
}

div.styled.offer ul li {
    margin:.5em;
}

div.styled.offer div.instructions {
    margin:.5em 2em 0em 1.5em;
}

div.styled.offer div.instructions .title {
    display:block;
    border-bottom:1px solid #ccc;
    margin-bottom:.4em;
}

div.styled.offer ul li span.title {
    display:block;
    width:45%;
    float:left;
}

div.styled.offer .links {
    padding:1.5em 1em 0em 1em;
    text-align:center;
    clear:both;
}

div.styled.offer .links a {
	border:1px solid #999;
	background:white url('../../images/buttonback.gif') bottom left repeat-x;
	color:#222;
	padding:.3em .4em;
	margin:0px .2em;
	white-space:nowrap;
}

div.styled.offer .amt {
    font-weight:bold;
}

/************************
 * FAQ PAGE
 ************************/

.faq-question {
    color:#444;
    display:block;
    padding-left:1.5em;
    line-height:1.2;
}

.faq-answer {
    display:block;
    margin:.1em 0px 1.2em 0px;
    padding-left:1.5em;
    line-height:1.2;
}

.faq-question span.qa,
.faq-answer span.qa {
    display:block;
    float:left;
    margin:0px .4em 0px -1.5em;
}

/************************
 * LEFT COLUMN BOX
 ************************/

div.left-col-box {
    clear:left;
	float:left;
	width:165px;
	margin-top:1em;
	margin-bottom:1em;
	background:transparent url('../../images/menuborder.gif') top right no-repeat;
	padding-top:1.5em;
	margin-left:5px;
}

div.left-col-box div {
	display:block;
	width:100%;
	height:100%;
	min-height:150px;
	padding-bottom:1em;
	background:transparent url('../../images/menuborder.gif') bottom right no-repeat;
}

div.left-col-box div ul {
    margin-left:.8em;
}

div.left-col-box div ul ul {
    margin-left:2.5em;
}

div.left-col-box div ul li {
    line-height:1.3;
}

/***********************
   MISC!
 ***********************/

.login-box {
    margin-top:2em;
}

.submit-claim {
    margin:1em;
    line-height:1.3;
    text-align:left;
}

.multiple-accounts.list {
    width:90%;
    margin-bottom:1em;
}

.recover {
    width:600px;
    text-align:right;
    margin:.5em auto;
}

.category-view {
	padding:2em;
}

.offer-search {
	float:right;
	position:relative;
	top:-3em;
	margin-right:2em;
}

.offer-search #search {
	padding:1px;
}

.offer-search-results {
	padding:2em;
}

#login-form {
	float:left;
	margin:1em;
}

#login-form fieldset {
	padding:.5em 1em;
}

#login-form fieldset p {
	padding:.2em;
}