html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: #222222;
background-color: #320513;
}
html, body {
height: 100%;
}
ol, ul {
list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.wrapper {
width: 1010px;
margin: 0 auto;
clear: both;
}
.no_show {
position: relative;
text-indent: -9999px;
}
.clear {
clear: both;
}
#main_content {
margin-left: 30px;
position: absolute;
display: block;
width: 960px;
}
/*HEADER AND LOGO*/ /*HEADER AND LOGO*/ /*HEADER AND LOGO*/
#header {
width: 960px;
height: 94px;
background: #eae1d5 url(images/header_bg_rt.jpg) top right no-repeat;
}
#header img {
margin: 15px 0 0 11px;
float: left;
}
#logo {
display: inline;
position: relative;
float: left;
background: url(images/title.jpg) no-repeat;
margin: 28px 0 0 3px;
width: 332px;
height: 48px;
}
/*LEFT COLUMN*/ /*LEFT COLUMN*/ /*LEFT COLUMN*/ /*LEFT COLUMN*/
#lc {
width: 693px;
background: #fff url(images/lc_repeat.jpg) repeat-y;
height: 1326px;
margin: 0px;
padding: 0px;
float: left;
position: relative;
}
#lc img.md {
margin: 0 0 22px 25px;
}
#lc_left {
width: 268px;
float: left;
position: relative;
margin: 0 30px;
}
#lc_left img {
margin: 0 0 10px 0;
}
#lc_right {
width: 313px;
float: left;
position: relative;
height: 527px;
}
#rt_title {
background: url(images/if_win_title.jpg) no-repeat top center;
width: 313px;
height: 33px;
margin: 0 0 10px 0;
}
#lc_right p {
font: normal .8em/140% Georgia, times, sans;
}
#lc_right img {
margin: 49px 0 0 0;
}
/*RIGHT COLUMN*/ /*RIGHT COLUMN*/ /*RIGHT COLUMN*/ /*RIGHT COLUMN*/
#rc {
width: 267px;
float: right;
position: relative;
background: url(images/rc_repeat.jpg) repeat-y;
height: 1300px;
display: block;
}
#rc_top {
width: 267px;
height: 75px;
position: relative;
display: block;
background: url(images/rc_top.jpg) no-repeat 0 0;
}
#sm_icons {
width: 212px;
height: 52px;
background: #000;
margin: 2px 0 10px 36px;
}
#sm_icons li {
display: inline;
}
#sm_icons a {
float: left;
}
#sm_icons a#facebook {
background: 0 0 url(images/sm_icons.gif) no-repeat;
height: 52px;
width: 53px;
}
#sm_icons a#facebook:hover {
background-position: 0 -52px;
}
#sm_icons a#twitter {
background: -53px 0 url(images/sm_icons.gif) no-repeat;
height: 52px;
width: 53px;
}
#sm_icons a#twitter:hover {
background-position: -53px -52px;
}
#sm_icons a#myspace {
background: -106px 0 url(images/sm_icons.gif) no-repeat;
height: 52px;
width: 53px;
}
#sm_icons a#myspace:hover {
background-position: -106px -52px;
}
#sm_icons a#share {
background: -159px 0 url(images/sm_icons.gif) no-repeat;
height: 52px;
width: 53px;
}
#sm_icons a#share:hover {
background-position: -159px -52px;
}
#rc_buy {
background: url(images/buy_it.jpg) 0 0 no-repeat;
width: 267px;
height: 75px;
display: block;
position: relative;
margin: 0 0 7px 0;
}
#fs a{
background: url(images/btn_fs.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#fs a:hover {
background: url(images/btn_fs.jpg) -219px 0 no-repeat;
}
#es a{
background: url(images/btn_es.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#es a:hover {
background: url(images/btn_es.jpg) -219px 0px no-repeat;
}
#od a{
background: url(images/btn_od.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#od a:hover {
background: url(images/btn_od.jpg) -219px 0px no-repeat;
}
#ft a{
background: url(images/btn_ft.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#ft a:hover {
background: url(images/btn_ft.jpg) -219px 0px no-repeat;
}
#sfp a{
background: url(images/btn_sfp.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#sfp a:hover {
background: url(images/btn_sfp.jpg) -219px 0px no-repeat;
}
#tfb a{
background: url(images/btn_tfb.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#tfb a:hover {
background: url(images/btn_tfb.jpg) -219px 0px no-repeat;
}
#dd a{
background: url(images/btn_dd.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#dd a:hover {
background: url(images/btn_dd.jpg) -219px 0px no-repeat;
}
#fb a{
background: url(images/btn_fb.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#fb a:hover {
background: url(images/btn_fb.jpg) -219px 0px no-repeat;
}
#tsc a{
background: url(images/btn_tsc.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#tsc a:hover {
background: url(images/btn_tsc.jpg) -219px 0px no-repeat;
}
#5a a{
background: url(images/btn_5a.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#5a a:hover {
background: url(images/btn_5a.jpg) -219px 0px no-repeat;
}
#pl a{
background: url(images/btn_pl.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#pl a:hover {
background: url(images/btn_pl.jpg) -219px 0px no-repeat;
}
#r a{
background: url(images/btn_r.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#r a:hover {
background: url(images/btn_r.jpg) -219px 0px no-repeat;
}
#ussp a{
background: url(images/btn_ussp.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#ussp a:hover {
background: url(images/btn_ussp.jpg) -219px 0px no-repeat;
}
#ffb a{
background: url(images/btn_ffb.jpg) 0 0 no-repeat;
width: 219px;
height: 55px;
display: block;
position: relative;
}
#ffb a:hover {
background: url(images/btn_ffb.jpg) -219px 0px no-repeat;
}
#sub_update {
width: 196px;
height: 12px;
background: 0 0 url(images/subscribe_title.jpg) no-repeat;
margin: 25px 0 5px 45px;
position: relative;
display: block;
}
#rc h5 {
margin: 0 0 0 32px;
padding: 0px;
}
form#sub_email {
margin: 0px;
padding: 0px;
}
.email {
float: left;
position: relative;
width: 165px;
height: 16px;
margin: 5px 0 0 45px;
padding: 2px;
border: 0px;
}
#sub {
margin: 5px 0 0 0;
float: left;
position: relative;
padding: 0 0 0 4px;
}
#retailer {
background: 0 0 url(images/order_copy.gif) no-repeat;
width: 165px;
height: 48px;
display: block;
position: relative;
margin: 47px 0 12px 59px;
}
a#contact_us{
display: block;
position: relative;
width: 71px;
height: 23px;
background: url(images/contact_button.jpg) 0 0 no-repeat;
padding: 0px;
margin: 0 auto;
}
a#contact_us:hover {
background-position: 0 -23px}
#go_forward {
color: #f5761a;
font: normal .55em/100% arial, helvetica, sans-serif;
text-transform: uppercase;
position: absolute;
bottom: 3px;
right: 8px;
}
#go_forward a {
color: #fff;
text-decoration: none;
}
#go_forward a:hover {
color: #fff;
border-bottom: 1px dashed #fff;
}
#rc_bottom {
width: 26px;
height: 26px;
background: url(images/rc_bottom.gif) no-repeat 0 0;
position: relative;
float: left;
display: block;
}
/*FOOTER*/ /*FOOTER*/ /*FOOTER*/ /*FOOTER*/
#footer {
position: relative;
display: block;
width: 575px;
height: 100px;
text-align: center;
color: #f5761a;
font: normal 10px/160% Georgia, times, sans;
padding: 10px 50px;
margin: 0px;
}
/*SIDE NAV BAR*/ /*SIDE NAV BAR*/ /*SIDE NAV BAR*/ /*SIDE NAV BAR*/
#nav {
position: absolute;
top: 94px;
width: 30px;
height: 392px;
}
#nav li {
display: block;
position: relative;
z-index: 200;
}
#nav a#home {
width: 30px;
height: 48px;
background: url(images/nav.gif) -32px 0 no-repeat;
display: block;
}
#nav a#home:hover {
background: url(images/nav.gif) -62px 0 no-repeat;
}
#nav a#home.active {
width: 32px;
height: 48px;
background: url(images/nav.gif) 0 0 no-repeat;
display: block;
}
#nav a#home.active:hover {
background-position: 0 0;
}
#nav a#order_now_page {
width: 30px;
height: 123px;
background: url(images/nav.gif) -32px -48px no-repeat;
display: block;
}
#nav a#order_now_page:hover {
background: url(images/nav.gif) -62px -48px no-repeat;
}
#nav a#order_now_page.active {
width: 32px;
height: 123px;
background: url(images/nav.gif) 0 -48px no-repeat;
display: block;
}
#nav a#order_now_page.active:hover {
background-position: 0 -48px;
}
#nav a#sponsors_page {
width: 30px;
height: 113px;
background: url(images/nav.gif) -32px -171px no-repeat;
display: block;
}
#nav a#sponsors_page:hover {
background: url(images/nav.gif) -62px -171px no-repeat;
}
#nav a#sponsors_page.active {
width: 32px;
height: 113px;
background: url(images/nav.gif) 0 -171px no-repeat;
display: block;
}
#nav a#blank.active:hover {
background-position: 0 -171px;
}
#nav a#blank_page {
width: 30px;
height: 108px;
background: url(images/nav.gif) -32px -284px no-repeat;
display: block;
}
#nav a#blank_page:hover {
background: url(images/nav.gif) -62px -284px no-repeat;
}
#nav a#blank_page.active {
width: 32px;
height: 108px;
background: url(images/nav.gif) 0 -284px no-repeat;
display: block;
}
#nav a#blank_page.active:hover {
background-position: 0 -284px;
}
/*SPONSORS PAGE*/ /*SPONSORS PAGE*/ /*SPONSORS PAGE*/ /*SPONSORS PAGE*/
#if_you {
width: 313px;
height: 33px;
background: 0 0 url(images/if_win_title.jpg) no-repeat;
margin: 54px 0 0 38px;
padding: 0px;
}
#sponsors_head {
width: 200px;
height: 38px;
background: 0 0 url(images/sponsors_head.jpg) no-repeat;
margin: 54px 0 0 38px;
padding: 0px;
}
#sponsors {
margin: 20px 0 0 38px;
padding: 0px;
}
#sponsors img {
float: left;
position: relative;
width: 198px;
height: 121px;
margin: 0px;
padding: 0px;
}
#spon_header {
color: #c4161c;
margin: 0 52px;
padding: 0px;
}
p#spon {
margin: 0 52px;
padding: 0px;
font: normal .9em/140% Georgia, times, sans;
}
p#spon a {
color: #f5761a;
text-decoration: none;
}
p#spon a:hover {
border-bottom: 1px dashed #f5761a;
}
#spon_sub_p li {
font: normal .85em/160% Georgia, times, sans;
list-style-image: url(images/list_style.jpg);
margin: 0 0 0 80px;
padding: 0px;
}
#fire_truck {
float: right;
margin: 10px 52px 0 52px;
padding: 0px;
display: block;
position: absolute;
right: 0px;
bottom: 0px;
}
/*ORDER PAGE*/ /*ORDER PAGE*/ /*ORDER PAGE*/ /*ORDER PAGE*/
#if_you {
width: 313px;
height: 33px;
background: 0 0 url(images/if_win_title.jpg) no-repeat;
margin: 54px 0 0 38px;
padding: 0px;
}
#order_head {
width: 600px;
height: 38px;
background: 0 0 url(images/preorder_head.gif) no-repeat;
margin: 54px 0 0 38px;
padding: 0px;
}
#sponsors {
margin: 20px 0 0 38px;
padding: 0px;
}
#sponsors img {
float: left;
position: relative;
width: 198px;
height: 121px;
margin: 0px;
padding: 0px;
}
#spon_header {
color: #c4161c;
margin: 0 52px;
padding: 0px;
}
p#spon {
margin: 0 52px;
padding: 0px;
font: normal .9em/140% Georgia, times, sans;
}
p#spon a {
color: #f5761a;
text-decoration: none;
}
p#spon a:hover {
border-bottom: 1px dashed #f5761a;
}
#spon_sub_p li {
font: normal .85em/160% Georgia, times, sans;
list-style-image: url(images/list_style.jpg);
margin: 0 0 0 80px;
padding: 0px;
}
#fire_truck {
float: right;
margin: 10px 52px 0 52px;
padding: 0px;
display: block;
position: absolute;
right: 0px;
bottom: 0px;
}