body, html, html > body {
font-family:Arial,Helvetica,sans-serif;
font-size:small;
height:100%;
overflow:auto;
text-align:center;
}
body.activation.referral {
overflow:auto;
position:relative;
}
fieldset, form {
border:medium none;
margin:0;
padding:0;
}
fieldset label {
float:left;
height:25px;
line-height:34px;
padding:0;
width:160px;
}
.content .gutter {
margin-left:10px;
}
#commentform fieldset label {
float:none;
width:300px;
}
fieldset input {
height:23px;
padding:5px 0 0 5px;
width:287px;
}
fieldset input, fieldset textarea {
background:#FCF8E0 none repeat scroll 0 0;
border:1px solid #C5C5C6;
}
fieldset input#phone1, fieldset input#phone2 {
width:77px;
}
fieldset input#phone3 {
width:113px;
}
fieldset div.submit {
border-top:1px solid #C5C5C5;
padding-top:19px;
text-align:center;
width:609px;
}
fieldset div.submit input.submit {
margin:auto;
}
fieldset div.submit span {
display:block;
font-size:14px;
}
fieldset div.submit span a {
color:#0072BC;
text-decoration:none;
}
fieldset input.submit, body fieldset input.submit, body fieldset input.checkbox {
background:transparent none repeat scroll 0 0;
border:medium none;
height:auto;
padding:0;
width:auto;
}
.contact fieldset input.submit {
height:31px;
width:175px;
}
.get-started.step1 fieldset input.submit, .get-started.step2 fieldset input.submit {
height:31px;
width:175px;
}
.frames .footer-frame .right-side .right-content .button.start, .content .button.start {
background:transparent url(/images/button_start.gif) no-repeat scroll 0 0;
}
fieldset p, body .container fieldset p {
clear:both;
margin:0;
padding:0 0 8px;
}
fieldset strong {
border-bottom:1px solid #C5C5C6;
margin-bottom:18px;
}
fieldset textarea {
height:161px;
overflow:auto;
padding:5px 0 0 5px;
width:287px;
}
#commentform fieldset textarea {
height:150px;
width:515px;
}
#commentform fieldset p.note, body .container .content #commentform fieldset p.note {
line-height:16px;
}
fieldset input.checkbox {
border:medium none;
float:left;
margin:0 5px 0 3px;
padding:0;
position:relative;
top:6px;
width:auto;
}
fieldset .note {
color:#808285;
display:block;
font-size:11px;
padding-left:160px;
}
fieldset .section {
border-top:1px solid #C5C5C6;
padding:20px 0;
position:relative;
width:609px;
}
fieldset .section select {
width:235px;
}
fieldset .section .note {
border-left:1px solid #F7941E;
display:block;
font-size:11px;
font-weight:bold;
height:74px;
left:360px;
line-height:normal;
margin-right:20px;
padding:16px 0 0 15px;
position:absolute;
top:35px;
width:225px;
}
fieldset .section .note.note2 {
height:58px;
padding-top:4px;
top:50px;
}
form {
display:inline;
}
h1 {
left:23px;
top:23px;
}
h1, h2 {
margin:0;
position:absolute;
z-index:11;
}
h1 a {
float:left;
height:95px;
width:84px;
}
.activation h1 a {
height:68px;
width:68px;
}
.header-gutter{
    background: none;
    height:100%;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    width:964px;
}
.content .shop {
clear:both;
padding-top:28px;
text-align:left;
}
.content .shop .button {
margin:0;
top:0;
}
.content .subtitle {
border-bottom:1px solid #C0C0C2;
color:#666666;
display:block;
font-size:14px;
line-height:20px;
padding-bottom:15px;
}
.content .main-content {
padding:25px 0 0 13px;
width:644px;
}
.content .subtitle-blue {
color:#0099FF;
display:block;
font-size:18px;
padding:18px 0 10px;
}
h1 a, h2, .menu a span, .action-box a, .footer .share, .panel .buttons a b, .page-heading strong, .page-heading .button-box span, .page-heading .button-box a, .page-image, .what .page-title, .slideshow .next, .slideshow .back, .comparison .results .col .col-top, .working ul li, .header strong {
display:block;
overflow:hidden;
text-indent:-9999px;
}
h2 {
/*background:transparent url(/images/title_target.gif) repeat scroll 0 0; */
height:23px;
right:0;
top:40px;
width:319px;
}
.foot {
border-top:1px solid #CCCCCC;
clear:both;
float:left;
font-size:90%;
margin-top:10px;
padding-top:6px;
width:100%;
}
h4.landing-greet {
color:#808285;
font-family:helvetica,sans-serif;
font-size:148%;
font-weight:bold;
}
.activation h2 {
height:11px;
top:54px;
width:250px;
}
.container {
margin:auto;
text-align:left;
width:940px;
}
.activation .container {
/* width:964px; */
}
.landing .content, .referral .content {
}
.content {
color:#808285;
float:left;
font-size:14px;
line-height:22px;
margin:25px 0;
padding:0px 0px 100px 25px;
position:relative;
top:0;
}
.activation .content {
text-align:center;
}
.activation.frames .content {
float:left;
height:500px;
padding:3px 0 0;
text-align:left;
top:0;
width:699px;
}
.content a {
color:#0072BC;
}
.content h3 {
background:transparent url(/images/youre-minutes-away.png) no-repeat scroll 0 0;
font-size:0;
height:35px;
margin:14px 0;
text-indent:-500px;
width:914px;
}
.content h3 span {
font-weight:bold;
}
.content p {
margin:0;
padding-bottom:25px;
}
.content small {
font-size:12px;
}
.content .cards {
left:0;
margin:25px 0 0;
position:absolute;
top:0;
}
.content .page-title {
/* color:#0099FF; */
display:block;
font-size:24px;
padding-bottom:12px;
}
.content .activation-form {
float:right;
margin:16px 20px 0 0;
position:relative;
text-align:left;
width:546px;
}
.content .activation-form fieldset p.note {
color:#000000;
font-size:12px;
text-align:center;
}
.content .activation-form fieldset p.frontpage {
padding-right:38px;
}
.content .activation-form-bottom {
background:#FFFFFF url(/images/activation_bottom.gif) no-repeat scroll 0 0;
border-bottom:31px solid #FFFFFF;
clear:both;
height:15px;
left:-62px;
position:relative;
width:546px;
}
.content .activation-form-content {
background:transparent url(/images/activation_bg.gif) repeat-y scroll 0 0;
float:left;
margin-top:-31px;
padding:0 0 0 62px;
position:relative;
}
.content .activation-form-content .checkbox-holder {
clear:both;
}
.content .activation-form-content .checkbox-holder .checkbox {
position:static;
}
.content .activation-form-content .date {
left:160px;
margin:-25px 0 0;
}
.content .activation-form-content .date.date2 {
left:235px;
margin:-36px 0 0;
}
.content .activation-form-content .date.date3 {
left:310px;
margin:-37px 0 0;
}
.content .activation-form-content .gender, .content .activation-form-content .date {
float:left;
position:relative;
}
.content .activation-form-content .gender, .content .activation-form-content p.date select {
width:160px;
}
.content .activation-form-content .gender {
width:89px;
}
.content .activation-form-content .submit {
height:32px;
width:129px;
}
.content .activation-form-top {
background:transparent url(/images/activation_top.gif) no-repeat scroll 0 0;
padding-top:58px;
}
.content .cards {
position:absolute;
}
.frames {
overflow:hidden;
position:relative;
}
.frames .cards .card, body .sidebar .card {
cursor:pointer;
display:block;
float:left;
height:148px;
margin:0 14px 14px 0;
position:relative;
width:219px;
}
.frames .cards .card.mask span {
height:148px;
width:219px;
}
.frames .cards[class] .card.mask span {
background:transparent url(/images/card_mask.png) no-repeat scroll 0 0;
}
.frames .wrapper {
height:100%;
width:100%;
z-index:10;
}
.frames .footer-frame {
background:#F0F0F0 none repeat scroll 0 0;
border-top:1px solid #BEBEBE;
height:115px;
overflow:hidden;
text-align:left;
width:100%;
}
body.frames .footer-frame {
bottom:0;
left:0;
position:absolute;
z-index:200;
}
.frames .footer-frame .left-side {
border-top:1px solid #FFFFFF;
float:left;
height:115px;
line-height:20px;
overflow:hidden;
padding:7px 0 0 26px;
text-align:left;
z-index:1;
}
.frames .footer-frame .left-side .left-content {
}
.frames .footer-frame .left-side small {
color:#000000;
font-size:11px;
}
.frames .footer-frame .left-side small, .frames .footer-frame .left-side span, .frames .footer-frame .left-side strong {
display:block;
}
.frames .footer-frame .left-side span {
color:#999999;
font-size:12px;
}
.frames .footer-frame .left-side strong {
font-size:18px;
}
.frames .footer-frame .right-side {
background:#F0F0F0 none repeat scroll 0 0;
float:right;
height:115px;
width:260px;
z-index:10;
}
.frames .footer-frame .right-side .right-content {
border-top:1px solid #FFFFFF;
height:115px;
}
.frames .footer-frame .right-side .cdetails {
background:transparent url(/images/tray-detail.png) no-repeat scroll 0 5px;
}
.frames .footer-frame .right-side .right-content .button, .content .button {
background:transparent url(/images/button_complete_act_grey.gif) no-repeat scroll 0 0;
border:medium none;
float:left;
height:32px;
margin:25px 0 0 26px;
text-decoration:none;
text-indent:-9999px;
width:177px;
}
.frames .footer-frame .right-side .right-content .active {
background:transparent url(/images/button_complete_act.gif) no-repeat scroll 0 0;
}
.frames .footer-frame .right-side .right-content .toggle {
background:transparent url(/images/icon_minimize.gif) no-repeat scroll 0 0;
border-color:-moz-use-text-color #FFFFFF #FFFFFF;
border-style:none solid solid;
border-width:medium 1px 1px;
float:right;
height:13px;
width:59px;
}
.frames .footer-frame .right-side .right-content .toggle, .frames .footer-frame .right-side .right-content .button, .frames .cards .card span {
display:block;
overflow:hidden;
text-indent:-9999px;
}
.frames .container-scroll {
left:0;
overflow:auto;
position:absolute;
top:0;
width:100%;
z-index:10;
}
html > body.frames .container-scroll {
height:100%;
}
.header {
height:130px;
}
.header h1, .header h2, .header strong {
font-size:0;
text-indent:-5000px;
}
.activation .header {
background:#ccc;
height:134px;
position:relative;
width:100%;
}
.header-bottom {
background:#C0C0C2 none repeat scroll 0 0;
font-size:0;
height:6px;
line-height:0;
}
.sidebar {
background:transparent url(/images/sidebar_bg.gif) repeat-x scroll 0 0;
float:right;
margin-right:0;
height:auto !important;
margin-left:20px;
min-height:432px;
position:relative;
width:287px;
z-index:1;
}
.activation.frames .sidebar {
margin-left:0;
text-align:center;
width:265px;
}
.sidebar .card-drop-target {
background:transparent url(/images/card_drop_bg2.gif) no-repeat scroll 0 0;
color:#00AEEF;
display:block;
font-size:14px;
height:177px;
left:7px;
margin:0 auto;
padding-top:63px;
width:224px;
}
.sidebar .card-drop-top {
background:transparent url(/images/sidebar_card_box_top.gif) no-repeat scroll 0 0;
height:151px;
overflow:hidden;
padding-top:15px;
width:251px;
}
.sidebar .card-drop-bot {
background:transparent url(/images/sidebar_card_box_bot.gif) no-repeat scroll 0 0;
height:16px;
width:251px;
}
.sidebar .card-center {
background:transparent url(/images/sidebar_card_box_bg.gif) repeat-y scroll 0 0;
height:0;
overflow:hidden;
}
.sidebar .card-drop .card-questions {
padding:0 14px;
width:200px;
}
.sidebar .card-drop.box {
height:175px;
margin:10px 7px 0;
top:0;
width:251px;
}
.sidebar .card-drop.box strong {
padding:0;
}
.sidebar .card-drop .card {
left:15px;
position:absolute;
}
.sidebar .card-drop .card-questions .thanks {
color:#00AEEF;
display:block;
font-weight:bold;
height:auto !important;
min-height:100px;
}
.sidebar .card-drop .card-questions fieldset {
padding-top:25px;
width:202px;
}
.sidebar .card-drop .card-questions fieldset .submit {
padding-top:10px;
text-align:center;
}
.sidebar .card-drop .card-questions fieldset .submit a {
color:#0072BC;
}
.sidebar .card-drop .card-questions fieldset .submit input.submit {
cursor:pointer;
height:32px;
margin-bottom:5px;
width:110px;
}
.sidebar .card-drop .card-questions p {
color:#000000;
font-size:12px;
text-align:left;
width:202px;
}
.sidebar .card-drop .card-questions p br {
clear:both;
}
.sidebar .card-drop .card-questions strong {
clear:both;
text-align:left;
width:202px;
}
.sidebar .card-drop .card-questions strong, span.step, span.text {
display:block;
}
span.step {
border-top:1px solid #CCCCCC;
float:left;
font-weight:bold;
height:19px;
margin-left:14px;
padding:5px 3px 0 0;
text-align:right;
width:215px;
}
span.step, span.text {
color:#666666;
font-size:11px;
}
.sidebar .card-drop span.text {
height:35px;
line-height:14px;
padding:0 0 0 22px;
text-align:left;
}
.single-question {
}
#current-question {
right:0;
width:216px;
}
#card-question-frame {
font-size:11pt;
padding-left:10px;
position:relative;
text-align:left;
top:20px;
width:244px;
}
#card-question-frame {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:medium medium 1px;
padding-bottom:7px;
}
#card-question-frame span {
font-size:7pt;
}
#card-question-frame span strong {
color:blue;
font-weight:normal;
}
.card-questions .radio {
margin:5px 10px;
}
#left-content-no-cards {
padding-top:24px;
}
#left-content-cards {
}
.no-display {
display:none;
}
#left-content-cards strong {
font-size:9pt;
}
#card-holder-frame {
height:81px;
margin:0 0 0 25px;
overflow:hidden;
padding:0;
width:496px;
}
#card-holder {
height:81px;
width:5000px;
}
.small_card {
float:left;
height:77px;
margin:0 5px;
width:114px;
}
.hide {
opacity:0;
}
#ajax_loading {
background:transparent url(/images/ajax-loader.gif) no-repeat scroll center center;
display:none;
height:80px;
position:relative;
top:150px;
width:250px;
}
.clickable {
cursor:pointer;
}
.leftButton {
cursor:pointer;
float:left;
left:18px;
position:absolute;
top:43px;
}
.leftButtonSkip {
cursor:pointer;
left:19px;
position:absolute;
top:72px;
}
.rightButton {
cursor:pointer;
left:557px;
position:absolute;
top:43px;
}
.rightButtonSkip {
cursor:pointer;
left:557px;
position:absolute;
top:72px;
}
#card-question-template {
display:none;
}
.card-question-1 {
height:200px;
position:relative;
width:225px;
}
.card-question-2 {
height:200px;
left:240px;
position:relative;
top:-198px;
width:225px;
}
.current-card {
position:absolute;
}
.card-reset {
display:none;
left:221px;
position:absolute;
top:23px;
}
#card-count {
display:inline;
}
#cardone2 {
background:transparent url(/images/card_small1.jpg) no-repeat scroll 0 0;
}
#cardtwo2 {
background:transparent url(/images/cardtwo_small.jpg) no-repeat scroll 0 0;
}
#cardthree2 {
background:transparent url(/images/cardthree_small.jpg) no-repeat scroll 0 0;
}
#cardfour2 {
background:transparent url(/images/cardfour_small.jpg) no-repeat scroll 0 0;
}
#cardfive2 {
background:transparent url(/images/cardfive_small.jpg) no-repeat scroll 0 0;
}
#cardsix2 {
background:transparent url(/images/cardsix_small.jpg) no-repeat scroll 0 0;
}
#cardseven2 {
background:transparent url(/images/cardseven_small.jpg) no-repeat scroll 0 0;
}
#cardeight2 {
background:transparent url(/images/cardeight_small.jpg) no-repeat scroll 0 0;
}
#cardnine2 {
background:transparent url(/images/cardnine_small.jpg) no-repeat scroll 0 0;
}
#cardten2 {
background:transparent url(/images/cardten_small.jpg) no-repeat scroll 0 0;
}
#cardeleven2 {
background:transparent url(/images/cardeleven_small.jpg) no-repeat scroll 0 0;
}
#cardtwelve2 {
background:transparent url(/images/cardtwelve_small.jpg) no-repeat scroll 0 0;
}
.sidebar .share .share-bottom {
height:23px;
left:0;
padding:0;
position:absolute;
top:7px;
width:249px;
}
.sidebar .share .share-bottom a {
height:23px;
position:relative;
width:23px;
}
.sidebar .share .share-bottom a {
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
}
.sidebar .share .share-bottom .arrow-back {
background:transparent url(/images/arrow_back_grey.gif) no-repeat scroll 0 0;
float:left;
left:15px;
}
.sidebar .share .share-bottom .arrow-next {
background:transparent url(/images/scroll_right_active.png) no-repeat scroll 0 0;
float:right;
right:15px;
}
.sidebar .share .share-bottom .text {
color:#0066CC;
display:block;
font-size:12px;
line-height:23px;
margin:auto;
width:173px;
}
.sidebar .card-drop {
background:transparent url(/images/card_drop_bg.gif) no-repeat scroll 0 0;
height:177px;
left:0;
margin:auto;
position:relative;
top:14px;
width:249px;
}
.sidebar .card-drop.share {
background:transparent url(/images/sidebar_bg_share.gif) no-repeat scroll 0 0;
height:199px;
}
.sidebar .card-drop strong {
display:block;
}
.sidebar .card-drop.box {
height:435px;
width:251px;
}
.sidebar .card-drop.box strong {
line-height:1.2;
padding:0;
}
.content .share-via a {
color:#0072BC;
float:left;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.content .share-via a, .content .share-via span {
display:block;
}
.content .share-via .icon {
background:transparent url(/images/icon_bg.gif) no-repeat scroll 0 0;
height:111px;
margin-right:16px;
text-align:center;
width:111px;
}
.content .share-via .icon span {
height:86px;
}
.content .share-via .icon.email span {
background:transparent url(http://staging.static.dukky.com.s3.amazonaws.com/images/icon_email_lg.gif) no-repeat scroll 50% 15px;
}
.content .share-via .icon.facebook span {
background:transparent url(http://staging.static.dukky.com.s3.amazonaws.com/images/icon_facebook.gif) no-repeat scroll 50% 15px;
}
.content .share-via .icon.twitter span {
background:transparent url(http://staging.static.dukky.com.s3.amazonaws.com/images/icon_twitter.gif) no-repeat scroll 50% 15px;
}
.content .share-via .icon.sms span {
background:transparent url(/images/sms_iphone.png) no-repeat scroll 50% 15px;
}
.content .share-via .more {
left:10px;
line-height:12px;
position:relative;
width:111px;
}
.content .share-via .more span {
height:54px;
}
.content .shop {
clear:both;
padding-top:28px;
text-align:left;
}
.content .shop .button {
margin:0;
top:0;
}
div.submit {
border-top:1px solid #CCCCCC;
line-height:2;
margin:0 15px;
padding-top:14px;
text-align:center;
}
div.submit a.cancel {
color:#0072BC;
font-size:9pt;
}
.show {
display:block;
}
.activation-form-content form select {
background:#FCF8E0 none repeat scroll 0 0;
border:1px solid #C5C5C6;
height:29px;
padding:3px;
width:89px;
}

.activation-form-content form select.state {
width:146px;
}
.right-content .redeem {
color:#0099FF;
font-size:12pt;
font-weight:bold;
margin:53px 20px;
}
.right-content .coupon_details {
font-size:11px;
font-weight:normal;
margin:29px 0 0 11px;
width:115px;
}
.right-content .coupon_details strong {
color:#0099FF;
display:block;
margin-bottom:-4px;
}
.bonus-cards-frame {
height:150px;
left:23px;
overflow:hidden;
position:absolute;
top:51px;
width:219px;
z-index:1;
}
.bonus-cards-holder {
display:none;
position:relative;
text-align:left;
width:1000px;
}
.sidebar .card-share-bot {
background:transparent url(/images/sidebar_card_share_bot.gif) no-repeat scroll 0 0;
height:16px;
margin:0 0 0 8px;
width:250px;
}
.sidebar .card-share-center {
background:transparent url(/images/sidebar_card_share_bg.gif) repeat-y scroll 0 0;
height:0;
margin:7px 0 0 8px;
overflow:hidden;
}
.card-share-center div.submit {
width:250px;
}
#answers label {
height:auto;
line-height:16px;
margin-top:3px;
}
.footer-frame .right-side img {
float:right;
position:relative;
right:5px;
top:-2px;
}
.footer-frame .button {
margin-top:40px;
}
/*
label.error {
color:red;
font-size:8pt;
margin-bottom:8px;
margin-left:160px;
margin-top:-8px;
}
*/
.btn-submit {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
height:32px;
margin:-10px 0 7px 318px;
width:129px;
}
.footer-center {
margin:0 auto;
width:950px;
}
label.error[for="recipient_dob_day"] {
display:none;
height:0;
}
label.error[for="recipient_dob_month"] {
display:none;
height:0;
}
.toolbar {
background:#0072BC none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:24px;
line-height:20px;
position:relative;
width:100%;
z-index:100;
}
.toolbar-center {
margin:0 auto;
text-align:left;
width:960px;
}
.toolbar-links {
float:right;
}
.toolbar a {
color:#FFFFFF;
}
.card-static-buttons {
background:transparent url(/images/sidebar_card_box_bg.gif) repeat scroll 0 0;
display:none;
padding-top:8px;
width:100%;
}
#recipient_dob_month {
margin-right:5px;
}
#recipient_dob_day {
margin:0 5px;
}
#recipient_dob_year {
margin-left:4px;
}
.ui-draggable-dragging {
z-index:99990;
position: relative;
}

#cardten,
.card10 {
background:transparent url(/images/rbanoutfitters.png) no-repeat scroll 0 0;
}
#cardeleven,
.card11 {
background:transparent url(/images/timberland.png) no-repeat scroll 0 0;
}

#footer {
    margin-left:20px;
    margin-top:50px;
    line-height: 20px;
}

#footer div{
border-top:1px solid #CCCCCC;
color:#999999;
font-size:8pt;
margin:auto;
padding-top:14px;
width:962px;    
}

.sidebar.share {
background:transparent url(/images/sidebar_bg.gif) repeat-x scroll 0 0;
float:right;
height:auto !important;
margin-right:100px;
min-height:432px;
position:relative;
}

/** Create CSS buttons **/
span a.button-compare[class] {
	background-image: url(/images/button_compare.png);
}