/*
Onboarding Stylesheet for branded styles.
*/

/* @group HTML elements */
/*body {
width: 100%;
margin: 0;
padding: 0;
}
*/

body {
    -moz-background-size: 100% 100%, auto auto;
    -webkit-background-size: 100% 100%, auto auto;
    background-size: 100% 100%, auto auto;
    background-attachment: fixed;
    background-image: url(../images/buy/bar.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    color: #1F1610;
    margin: 0;
    padding: 0;
    font-size: .6em;
    font-family: 'MuseoSans500',Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
}









h2 {
    color: #1F1610;
    font-size: 16px;
}
a,
a:link,
a:visited {
    color: #C73A2C;
    text-decoration: underline;
}
a:hover,
a:active {
    color: #C73A2C;
    text-decoration: underline;
}
img, a {
    border-style: none;
    outline: none;
}
legend {
    color: #000;
}


.error-title {
    margin: 0;
    text-align: center;
}

.error-title span {

    border: 1px solid #7C1022;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 600;
    padding: 10px 30px;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.errorlist li {
    background: none;
    list-style-type: none;
    margin-left: 35%;
    padding: 3px;
    font-size: 10px;
    font-weight: 400;
}




/* @end */


/* @group Common layout elements */
#container {
    background: url(../images/buy/bg-header.png) repeat-x scroll 0 0 transparent;
    position: relative;
    width: 100%;
}
#content-wrapper {
    background: url("../images/buy/content_bg.png") repeat-y scroll 25px 0 transparent;
    clear: both;
    margin: 0 auto;
    overflow: visible;
    padding: 0 25px 20px;
    width: 920px;
}

/*#content_bottom_cap {
    background: url(../images/buy/bg-content-bottom-full.png) no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    width: 920px;
    height: 38px;
}
*/
.col-A {
    margin-left: 25px;
    width: 390px;
}
.col-B {
    padding-left: 30px;
}
/* @end */


/* @group Header */



#header_wrapper {
    position: relative;
    height: 57px;
}


.header {
    position: relative;
    margin: 0 auto;
    clear: both;
    padding: 0;
    width: 970px;
}

#logo-title {
    background: url(../images/buy/restaurant-brewhouse.png) no-repeat scroll 0 0 transparent;
    height: 30px;
    left: 308px;
    top: 20px;
    position: absolute;
    width: 356px;
}


#site-name {
    width: 125px;
    height: 126px;
    position: absolute;
    top: 10px;
    left: 420px;
}



#site-name a:link,#site-name a:visited {
    display: block;
    text-indent: -99999px;
    font-size: 0;
    line-height: 0;
    background: url(../images/buy/logo-bjs.png);
    width: 125px;
    height: 126px;
}



#header-blocks {
    float: right;
    width: 353px;
}

.location {
    float: left;
    width: 281px;
}

#where2getit-location-form {
    background: url(../images/buy/bg-header-form.png) repeat scroll 0 0 transparent;
    height: 33px;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    width: 281px;
}


#where2getit-location-form .form-item input {
    background: url(../images/buy/bg-header-form-input.png) repeat scroll 0 0 #FFFFFF;
    border-color: #C0660B -moz-use-text-color -moz-use-text-color #C0660B;
    border-right: medium none;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    color: #040404;
    font: 10px Arial,sans-serif;
    height: 18px;
    margin: 0px 2px 2px 2px;
    padding: 0;
    width: 108px;
}

#where2getit-location-form .form-item label {
    text-indent: -9999px;
    width: 132px;
    margin: 0;
}

.form_pad {
    padding: 4px 0 0 0 ;
}
#where2getit-location-form input, #where2getit-location-form label {
    display: block;
    float: left;
    margin-right: 5px;
    vertical-align: top;
}



#where2getit-location-form .form-submit {
    background: url(../images/buy/bg-header-form-button.jpg) repeat scroll 0 0 transparent;
    border: 0 none;
    display: inline;
    float: left;
    font-size: 1px;
    height: 19px;
    line-height: 1px;
    margin: 1px 0 0 5px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 19px;
}

/*input {
-moz-appearance: textfield;
-moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
-moz-user-select: text;
background-color: -moz-field;
border: 2px inset threedface;
color: -moz-fieldtext;
cursor: text;
font: -moz-field;
letter-spacing: normal;
line-height: normal !important;
padding: 1px 0;
text-align: start;
text-indent: 0;
text-rendering: optimizelegibility;
text-shadow: none;
text-transform: none;
word-spacing: normal;
}
*/
.social_icons {
    background: url(../images/buy/bg-social-icons.png) repeat scroll 0 0 transparent;
    float: right;
    height: 33px;
    margin: 0;
    width: 72px;
}


#featured-social ul {
    list-style: none outside none;
    margin: 6px 0 0 13px;
    padding: 0;
}


#featured-social li {
    float: left;
    width: 16px;
    margin-left: 2px;
}


#icon-facebook a {
    background: url(../images/buy/icon-header-facebook.gif) repeat scroll 0 0 transparent;
}


#icon-twitter a {
    background: url(../images/buy/icon-header-twitter.gif) repeat scroll 0 0 transparent;
}

#icon-facebook a, #icon-twitter a {
    display: block;
    font-size: 1px;
    height: 15px;
    line-height: 1px;
    overflow: hidden;
    text-indent: -9999px;
    width: 15px;
}

#utility_nav {
    margin: 0;
    padding: 0;
}





#utility_nav ul li {
    background: url(../images/buy/bg-subnav.gif) no-repeat scroll 100% 50% transparent;
    list-style: none outside none;
    display: block;
    float: left;
    line-height: 20px;
    margin: 0;
    padding: 0 12px 0 6px;
}

#utility_nav ul li a {
    font-size: 10px;
    color: #F7ECC2 !important;
    text-decoration: none;
}

#utility_nav ul li a:hover {
    font-size: 10px;
    color: #F7ECC2 !important;
    text-decoration: underline;
}

#navbar {
    font-size: 12px;
    letter-spacing: 0.6px;
    font-weight: 400;
    line-height: 18px;
    width: 970px;
    float: left;
    clear: both;
    background: url(../images/buy/bg-menu.png) no-repeat;
}




#navbar-inner {
    padding-top: 9px;
    display: block;
}

#navbar #primary {
    margin: 0 0 0 63px;
    padding: 0;
    height: 25px;
    width: 1000px;
    line-height: 12px;
}

#navbar #primary ul {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
    list-style-type: none;
}


#navbar #primary li {
    display: inline;
    float: left;
    padding: 0 45px 0 0;
    margin: 0;
}

#primary li a {
    padding: 0;
    margin: 0;
    display: block;
    color: #FFFFFF;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
}

#primary a:hover, #primary li.active a, #primary li.active-trail a {
    text-shadow: 0 -2px 11px #FF0000, 10px -2px 11px #FF0000, -10px -2px 11px #FF0000;
}


#sub_nav {
    background: url(../images/buy/content_bg.png) repeat-y scroll 0 0 transparent;
    margin: 0 auto;
    width: 920px;
    height: 85px;
}
.message-container {
    margin: 0 auto;
}


/* @end */


/* @group Footer */
#footer-wrapper {
    margin: 0 auto;
    padding: 0px 25px 0px 25px;
    width: 920px;
}

#ftr-trans {
    clear:both;
    text-align: center;
}

#footer {
    background: url(../images/buy/bg-content-bottom-full.png) no-repeat scroll 0 0 transparent;
    width: 920px;
    clear: both;
    margin: 0;
    text-align: center;
}

.footer_links_wrapper {
    width:100%;
    text-align: center;
}

ul#footer_links {
    list-style: none outside none;
    display: inline-block;
    padding: 0px;
    margin: 94px auto;
    width: 920px;
}


#footer_links li {
    font-family: 'QuicksandBold',Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
    display: inline;
    list-style-type: none;
    color: #f7ecc2;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400px;
    vertical-align: baseline;
    text-align: center;
    margin: 0px;
    line-height: 20px;
    height: 20px;
}

#footer_links li a {
    background: url(../images/buy/bg-subnav.gif) no-repeat scroll 100% 50% transparent;
/*    display: block;*/
    color: #F7ECC2;
    margin: 0px;
    padding-right: 12px;
    padding-left: 6px;
    text-align: center;
    text-decoration: none;
}


#footer_links li a:hover {
    text-decoration: underline;
}




#footer ul#navigation-footer {
/*    border: 1px solid red;*/
    margin-bottom: 0px;
    padding: 0px 25px 0px 25px
    width: 920px;

}
#footer ul#navigation-footer a:hover {
    text-decoration: underline;
}

#logos {
    margin: 0 auto;
    position: relative;
    width: 920px;
    clear: both;
}

#cs-logo {
 background:transparent url(../images/buy/powered_by_cashstar.gif) no-repeat scroll left 50%; 
}
/* @end */


/* @group "Home" or "Interim" page */
.interim-container {
 background: transparent url(../images/buy/bg_interim_v2.jpg) no-repeat 40px 70px; 
width: 100%;
}

.interim-content {
    margin: 0 40px 0 510px;
}
.interim-content h1 {
    color: #1F1610;
    font-size: 22px;
    margin: 0 0 10px;
}
.second-heading {
    color: #43436c;
}
.interim-content li {
    padding: 0 0 3px;
}
.interim-content p {
    font-size: 14px;
}

#interim-about {
    padding: 30px 55px 0 25px;
}

#interim-how {
    margin: -95px 0 0 85px;
    width: 400px;
}

#interim-how li {
    padding: 0 0 3px;
}
/* @end */


/* @group Buy Page */
.col-B fieldset.cert-sample input {
    color: #000;
}
.col-B fieldset.cert-sample textarea {
    color: #000;
}
/* placeholder style for non HTML5 browsers */
.col-B fieldset.cert-sample input.jquery_placeholder,
.col-B fieldset.cert-sample textarea.jquery_placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
}
/* @end */


/* @group Payment Page */
.fieldset-look h3 span {
    color: #1F1610;
    font-size: 16px;
}
.button-payment {
    margin: 0;
    padding: 0;
}
/* @end */


/* @group Security Window */
.security-window {
 background: transparent url(../images/gift_card/padlock.gif) no-repeat scroll left bottom; 
}

.security-window, .fb-security-window {
    background: url(../images/gift_card/padlock.gif) no-repeat scroll left 50% transparent;
    padding: 70px 0 70px 90px;
}


/* @end */


/* @group Landing/VGC page */
body#landing #container {
    background: none;
    border: none;
    padding: 0px;
    width: 100%;
}
body#landing .landing-container {
    background: none;
    border: none;
    padding: 0px;
    width: 670px;
}
body#landing #content-wrapper {
    background: none;
    width: 100%;
}
.print-amount, .print-focus, .landing-row h3.instruct-title {
    color: #1F1610;
}
.landing-row {
    margin: 0 0 10px;
}
.landing-row-inner {
    width: 49%;
}
.landing-row-inner h3 {
    color: #1F1610;
    width: 100%;
}
.landing-img {
    margin: 0 20px 0 85px;
}
.offers-row {
    margin-top: 25px;
}
h3.oc-tag {
    text-align: center;
    font-weight: 200;
    margin-top: 10px;
}

.landing-row h3.instruct-title-3 {
    text-align: left;
    color: #1F1610;
    margin: 3px 0px 5px;
    font-weight: 200;
    font-size: 12px;
}
h3.instruct-title {
    color: #1F1610;
    margin: 5px 0;
}
h3.instruct-title-2 {
    color: #1F1610;
}
#landing #footer ul#navigation-footer li a {
    color: #1F1610;
    padding: 2px 12px 0;
    text-decoration: underline;
}
#landing #footer ul#navigation-footer li a:hover {
    background: #ffffff;
    color: #1F1610;
}
/* @end */


/* @group FAQ */
.group-block h2 {
    color: #1F1610;
    background-color: #999999;
}
/* @end */