<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;
}

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 {
    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 0
**************************/
#content0 {
    background: #fff;
    min-height: 100%;
    height:     100%;
    margin:     0px;
    padding:    20px;
}

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

#content0 .body {
    font-size: 16px;
}

#content0 .login a {
    font-size: 14px;
}

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

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

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

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

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

#content0 ul {
    list-style: disc;
    margin:     15px 0px 15px 8px;
    padding:    0px 0px 0px 8px;
}

#content0 li {
    margin: 5px 0px 5px 0px;
}

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

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

/**************************
CONTENT 1
**************************/
#content1 {
    background: #fff url(http://images.incentivelogic.com/pts/skins/ix/en/content_background1.jpg) no-repeat bottom right;
    min-height: 100%;
    height:     100%;
    margin:     0px;
    padding:    20px;
}

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

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

#content1 .body {
    font-size: 16px;
}

#content1 .login a {
    font-size: 14px;
}

#content1 .login b {
    font-size: 14px;
}

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

/**************************
CONTENT 2
**************************/
#content2 {
    background: #fff url(http://images.incentivelogic.com/pts/skins/ix/en/content_background2.jpg) no-repeat top right;
    margin:     0px;
    min-height: 412px;
    height:     100%;
    padding:    20px;
}

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

#content2 .body {
    font-size:  16px;
    width:      11cm;
}

#content2 .login a {
    font-size: 14px;
}

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

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

#content2 .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;
}

#content2 .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;
}
</style>

