/* common basic elements */
body  { color: #868fb7; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif, Verdana; line-height: 18px; background-color: #3a3740; margin: 0; padding: 0 }
#fpn { background-image: url("images/bg-body.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: center top }
#fpr { background-image: url("images/bg-body-rewards.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: center top }
#fps { background-image: url("images/bg-body-shop.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: center top }
#fpa  { background-image: url("images/bg-body-affiliates.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: center top }
h1  { font-size: 18px; font-weight: normal; letter-spacing: -1px; margin: 0; padding: 0 }
h2  { font-size: 14px; font-weight: bold; margin: 0; padding: 0 }
p  { margin: 0; padding: 0 }
a, a:link, a:visited    { color: #f8f9fb; text-decoration: none }
a:hover, a:active, a:focus     { color: #3a3740; text-decoration: none; background-color: #f24300 }
ul   { list-style-type: square; margin: 10px 10px 0 15px; padding: 0 }
li  { padding-bottom: 5px }

/* layout */
#wrap-outer  { background-image: url("images/bg-outer.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; width: 100%; height: 100% }
#wrap-inner   { margin-right: auto; margin-left: auto; width: 770px; clear: both }
#feature  { width: 770px; height: 170px }
#content   { padding-right: 15px; padding-left: 15px; width: 740px }
#content-top   { width: 740px; float: left; border: 0 }
#content-left  { width: 350px; float: left; border-top: 0; border-right: 0; border-bottom: 1px dotted #b1cd23; border-left: 0 }
#content-right  { width: 350px; float: right; border-top: 0; border-right: 0; border-bottom: 1px dotted #b1cd23; border-left: 0 }
#content-main   { width: 465px; float: left }
#content-sidebar   { width: 235px; float: right }
#footer  { background-image: url("images/bg-footer.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 30px; text-align: center; width: 100%; height: 120px; clear: both }
#footer-inner   { color: #f8f9fb; text-align: left; margin-right: auto; margin-left: auto; padding-top: 30px; width: 740px }

/* navigation */
#navigation  { width: 770px; height: 60px }
#navigation ul  { margin: 0; padding: 0; width: 770px; height: 60px }
#navigation li  { padding:0; margin:0; float:left; text-indent:-9999px; list-style-type:none; }
#navigation li a { text-decoration: none; background-image: url(images/navigation.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; border: 0 }
#nav-home a, #nav-home a:link, #nav-home a:visited  { background-position: 0 0px; width: 270px; height: 60px }
#nav-home a:hover, #nav-home a:active, #nav-home a:focus  { background-position: 0 -60px; width: 270px; height: 60px }
#nav-network a, #nav-network a:link, #nav-network a:visited  { background-position: -270px 0px; width: 125px; height: 60px }
#nav-network a:hover, #nav-network a:active, #nav-network a:focus  { background-position: -270px -60px; width: 125px; height: 60px }
#nav-rewards a, #nav-rewards a:link, #nav-rewards a:visited  { background-position: -395px 0px; width: 125px; height: 60px }
#nav-rewards a:hover, #nav-rewards a:active, #nav-rewards a:focus  { background-position: -395px -60px; width: 125px; height: 60px }
#nav-shop a, #nav-shop a:link, #nav-shop a:visited  { background-position: -520px 0px; width: 125px; height: 60px }
#nav-shop a:hover, #nav-shop a:active, #nav-shop a:focus  { background-position: -520px -60px; width: 125px; height: 60px }
#nav-affiliates a, #nav-affiliates a:link, #nav-affiliates a:visited  { background-position: -645px 0px; width: 125px; height: 60px }
#nav-affiliates a:hover, #nav-affiliates a:active, #nav-affiliates a:focus  { background-position: -645px -60px; width: 125px; height: 60px }
#fpn #nav-network a  { background-position: -270px -120px; width: 125px; height: 60px }
#fpr #nav-rewards a  { background-position: -395px -120px; width: 125px; height: 60px }
#fps #nav-shop a  { background-position: -520px -120px; width: 125px; height: 60px }
#fpa #nav-affiliates a  { background-position: -645px -120px; width: 125px; height: 60px }

/* common page elements */
.copy-top   { color: #ccdbff; margin: 0; padding: 10px; width: 720px; border-top: 1px dotted #b1cd23; border-bottom: 1px dotted #b1cd23 }
.copy-main   { color: #ccdbff; margin: 0; padding: 10px; width: 445px; border-style: dotted none; border-width: 1px 0; border-color: #b1cd23 }
.heading  { margin: 20px 0 0; padding: 0; width: 350px; height: 68px; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; border-left: 0 none }
.heading-main  { margin: 20px 0 0; padding: 0; width: 465px; height: 68px; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; border-left: 0 none }
.heading-sidebar  { margin: 20px 0 0; padding: 0; width: 235px; height: 68px; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; border-left: 0 none }
.listing  { margin: 0; padding: 0; width: 350px; height: 130px; border-top: 1px dotted #b1cd23; border-right: 0 none; border-bottom: 0 none; border-left: 0 none }
.listing a, .listing a:link, .listing a:visited  { color: #868fb7; text-decoration: none; display: block; margin: 0; padding: 10px; width: 330px; height: 110px }
.listing a:hover, .listing a:active, .listing a:focus  { color: #ccdbff; background-color: #44495e }
#logo-footer  { padding-top: 5px; width: 85px; height: 60px; float: right }
#privacy-hidden  { display: none; position: absolute }
#privacy-open   { background-color: #f24300; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; width: 580px }

/* newsletter sign-ups */
#hidden  { display: none; margin: 0; padding: 0; clear: both }
#copy  { margin: 0; padding: 0 15px 0 0; width: 188px; float: left }
#fields  { margin: 0; padding: 0; width: 127px; float: left }
.input  { color: #ccdbff; font-size: 14px; font-family: Arial, Tahoma, Helvetica, sans-serif, Verdana; font-weight: bold; background-color: #44495e; margin-bottom: 5px; padding: 7px 4px 4px; width: 117px; height: 19px; float: left; border: solid 1px #b1cd23 }
.submit  { margin: 0; padding: 0; width: 125px; height: 30px; border: solid 1px #b1cd23 }
.submit:hover, .submit:active, .submit:focus  { border: solid 2px #b1cd23 }
#fpn-news  { color: #ccdbff; margin: 0; padding: 10px; width: 330px; height: 110px; border-style: dotted none; border-width: 1px 0; border-color: #b1cd23 }
#fpn-news-thx   { color: #b1cd23; margin: 0; padding: 10px; width: 330px; height: 110px; border-style: dotted none; border-width: 1px 0; border-color: #b1cd23 }
#fpa-news   { color: #ccdbff; margin: 0; padding: 10px; width: 330px; height: 110px; border-top: 1px dotted #b1cd23; border-right: 0 none; border-bottom: 0 none; border-left: 0 none }
#fpa-news-thx    { color: #b1cd23; margin: 0; padding: 10px; width: 330px; height: 110px; border-top: 1px dotted #b1cd23; border-right: 0 none; border-bottom: 0 none; border-left: 0 none }

/* network page elements */
#intro  { color: #ccdbff; margin: 0; padding: 10px; width: 330px; height: 110px; border-top: 1px dotted #b1cd23; border-bottom: 1px dotted #b1cd23 }
.icon  { margin: 0 10px 0 0; padding: 0; float: left; border-width: 0 }

/* rewards page elements */
#redeem   { margin: 0; padding: 0; width: 235px; border-style: dotted none; border-width: 1px 0; border-color: #b1cd23  }
#redeem a, #redeem a:link, #redeem a:visited   { color: #868fb7; text-decoration: none; display: block; margin: 0; padding: 10px; width: 215px }
#redeem a:hover, #redeem a:active, #redeem a:focus  { color: #ccdbff; background-color: #44495e }
#destinations    { color: #ccdbff; line-height: 23px; background-color: #44495e; margin: 0; padding: 10px; width: 215px; border-top: 1px dotted #b1cd23; border-bottom: 1px dotted #b1cd23 }
#game-sites th   { color: #f8f9fb; background-color: #f24300; text-align: center; padding: 5px }
#game-sites td    { color: #ccdbff; font-size: 11px; background-color: #44495e; text-align: center; padding: 5px }