<style type="text/css">
/*Set's border, padding and margin to 0 for all values*/
* {
    padding:    0;
    margin:     0;
    border: 0;
}

body, html {
    color:              #000;
    font-family:        Arial, sans-serif;
    background-color:   #fff;
    text-align:         center; /*** Centers the design in old IE versions ***/
    height:             100%;
}

body {
    font-size:  70%;

}

p {
    padding:    7px 7px 0px 7px;
}

a {
    color:  #000099;
}

a:hover {
    color:              #0000FF;
    text-decoration:    none;
}

h1, h2, h3, h4, h5 {
    font-weight:    bold;
    padding-bottom: 10px;
}

h1 {
    font-size:  2em;
}

h2 {
    font-size:  1.0em;
}

h3 {
    font-size:  0.9em;
}

h1 a, #header h2 {
    color:  #fff;
}


#headFace {
	float:	right;
	align:	right;
	width:		269px;
	z-index:	-1;
}

#header {
	height: 196px;
}

#head_logo_box {
	width:	239px;
	height: 196px;
	float:	left;
	background:	#ffffff;
	display:	table;
    #position: relative;
}

#head_logo_box_center {
    #position: absolute;
    #top: 50%;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}

.headerGrad {
	height: 196px;
	margin-left: 245px;
}


.headLogo {
	max-width:	239px;
	max-height: 196px;
}


fieldset {
    margin: 0;
    width:  7cm;
    color:  #000000;
}

legend {
    font-weight:    bold;
    color:          #000000;
}

.grid {
    text-align:         center;
}

.grid td {
    background-color:   #ffffff;
    border-style:       solid;
    border-width:       thin;
}

/*.form td {*/
/*    background-color: #b9b9b9;*/
/*}*/

.form th {
    text-align:         left;
    padding-left:       4px;
    padding-right:      4px;
    padding-top:        2px;
    padding-bottom:     2px;
}

th.formButton {
    text-align:     right;
    padding-left:   4px;
    padding-right:  4px;
}

.form th.invalid {
    color: #ff0000;
}

.clear {
    clear:  both;
}

.pannblock {
    border:             1px solid black;
    text-decoration:    none;
    display:            block;
}

.panntitle {
    padding:            .1em 1em;
    font-weight:        bold;
    font-size:          14px;
    display:            block;
}

.pannbody {
    padding:            .5em 1em;
    background-color:   #ffffff;
    color:              #000000;
    display:            block;
}

.panndate {
    font-style:         italic;
    font-size:          small;
}

.pannblock p {
    padding:    0px;
}

.error {
    color:              #ff0000;
    font-weight:        bold;
    font-size:          11pt;
    padding-left:       0px;
}

td.redeemButton {
	background: #444;
	color: #fff;

}

td.redeemButton a {
	color: #fff;
}

td.redeemButton a:hover {
	color: #ebb12c;
}

.redeemLink {
    display:            block;
    padding:            2px 10px 2px 10px;
    width:              150px;
    margin:             0px 0px 0px 0px;
    font-size:          16px;
    font-weight:        normal;
    text-decoration:    none;
    text-valign:        middle;
}

#redeemTable {
	width: 80%;
	margin: 40px auto 0 auto;

}

#redeemTable tr {
	margin-bottom: 10px;
}
#redeemTable tr td {
	padding: 5px;
	vertical-align: middle;
	border: 0px;
	margin: 10px;
}

tr.oddRow {
	background-color: #f9f9ff;
}

tr.evenRow {
	background-color: #efefef;
}

#redeemTable {
    margin: 0 auto 0 auto;
}

td.redeemButton {
    border: 1px solid #000000;
    text-align: center;
    white-space: nowrap;
    padding-left: .5em;
    padding-right: .5em;
    height: 1.5em;
}

a.redeemButton {
    text-decoration:    none;
}

a.redeemButton:hover {
    text-decoration: underline;
}

#breadcrumbs {
    font-size:  small;
    font-style: normal;
    padding-bottom: 10px;
}

#breadcrumbs a {
    text-decoration: underline;
}

#breadcrumbs a:hover {
    text-decoration: none;
}

#mainContainer {
    width:      970px;
    margin:     0 auto; /*** Centers the design ***/
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    border:     2px solid #000;
}

/**************************
HEADER
**************************/
#header {
    width: 970px;
}

.smallTitle {
    color:          #FFF;
    font-size:      18px;
    font-weight:    bold;
}

.largeTitle {
    color:          #FFF;
    font-size:      34px;
    font-weight:    bold;
    width:          10cm;
}

/**************************
SUBHEADER
**************************/
#subHeader {
    background: #000;
    width:      970px;
    padding:    5px 0px 5px 0px;
}

#subHeader b {
    font-size:  11px;
    color:  #fff;
    padding:    0px 10px 0px 5px;
}

#subHeader a {
    text-decoration:    none;
    font-size:          10px;
    color:              #fff;
    padding:            0px 5px 0px 5px;
}

/**************************
LEFTNAV
**************************/
#leftNav {
    min-height: 100%;
    margin:     0;
}

#leftNav ul {
    list-style: none;
    padding:    0;
    margin: 0;
}

#leftNav li {
    background:     #fff;
    padding:        7px 7px 7px 7px;
    font-weight:    bold;
    font-size:      16px;
    border-bottom:  1px solid #000;
    border-right:   1px solid #000;
}

#leftNav a {
    text-decoration: none;
}

#leftNav li.current a {
    text-decoration:    none;
    color:              #fff;
}

#leftlogo {
    padding-bottom: 20px;
    text-align:     center;
}



/**************************
CONTENT
**************************/
.content {
    min-height: 412px;
    height:     100%;
    margin:     0px;
    padding:    20px;
    background: #fff;
    font-size: 16px;
}

.content .header {
    font-size:      22px;
    font-weight:    bold;
    padding-bottom: 10px;
}

.content ol {
    margin-left: 20px;
}

.content ul {
    list-style: disc;
    margin:     15px 0px 15px 8px;
    padding:    0px 0px 0px 8px;
}

.content li {
    margin: 5px 0px 5px 0px;
}

.content li b {
    color:          #000;
    font-weight:    bold;
    font-size:      16px;
}

.login a {
    font-size: 16px;
}

.rewards {
    padding: 20px 0px 0px 0px;
}

.rewards b a {
    padding:            0px 0px 0px 16px;
    text-decoration:    none;
    font-size:          16px;
    font-weight:        bold;
}

.rewards b {
    font-size:      16px;
    font-weight:    bold;
}

.giftFolio {
    padding: 9px 22px 9px 22px;
}

.giftFolio a {
    text-decoration:    none;
    color:              #fff;
    font-size:          14px;
    font-weight:        bold;
}

dt {
    margin:         15px 0px 15px 0px;
    padding:        0px 0px 0px 0px;
    font-weight:    bold;
}

/**************************
Login Page
**************************/
#login_page {
    background: #fff url(http://images.incentivelogic.com/pts/skins/ix/en/content_background1.jpg) no-repeat bottom right;
}

#login_page p {
    padding:    0px;
    width:      10cm;
}

#login_page .login b {
    font-size: 16px;
    color: #000
}

#login_page .login input {
    max-width: 220px;
}

#login_page .box_label {
    /*font-size:      12px;*/
    font-weight:    bold;
    padding-top:    10px;
}

/**************************
My Account Page
**************************/
#account_page {
    background: #fff url(http://images.incentivelogic.com/pts/skins/ix/en/content_background2.jpg) no-repeat top right;
}

#account_page .body {
    width:      450px;
}

#account_page .button img {
    margin: 15px 0px 0px 0px;
}

#account_page .button {
    margin:             20px 0px 0px 0px;
    background-color:   #ffffff;
    width:              11cm;
}

.roundButton {
    display:            block;
    padding:            8px 25px 8px 25px;
    width:              266px;
    margin:             0px 0px 0px 0px;
    font-size:          16px;
    font-weight:        normal;
    text-decoration:    none;
    text-valign:        middle;
}

.roundButton:hover {
    text-decoration:    underline;
}

/**************************
FOOTER
**************************/
#footer {
    width:      960px;
    text-align: left;
    background: #000000;
    padding:    5px;
    height:     13px;
}
#footer img {
    float:  left;
}

#footer span {
    color:          #ffffff;
    float:          right;
    padding-right:  5px;
}

#footer a {
    color:              #ffffff;
    text-decoration:    underline;
}

#footer a:hover {
    text-decoration:    none;
}

#faq_page dt {
    cursor: pointer;
    text-decoration: underline;
}

#faq_page dt {
    cursor: pointer;
    text-decoration: underline;
}
</style>
