/* ----------------------------------------------------
C O M M O N
------------------------------------------------------*/

* {
    margin: 0; /* top, right, bottom, left */
    padding: 0;
}

a {
    color: #333;
    text-decoration: none;
}

ul, ol, li {
    list-style: none;
}

img {
    border: none;
}

/* P A G E */

html, body {
    background-color: #8b8f0b;
    color: #3C3C3C;
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
	width: 640px;
}

#wrapper {
    position: relative;
}

.clear {
	clear: both;
}

header#mobile-head {
	background: url(../qr-image/bg_m-head.png) #d2032e left top no-repeat;
	height: 273px;
	position: relative;
}

header#mobile-head ul {
	bottom: 0;
	height: 42px;
	left: 0;
	position: absolute;
}

header#mobile-head ul li {
	float: left;
    padding-top: 10px;
}

header#mobile-head ul li a {
    border-right: 3px solid #fff;
    color: #fff;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 19px;
    line-height: 22px;
    padding: 0 23px;
    text-transform: uppercase;
}

header#mobile-head ul li:last-child a {
    border-right: 0;
    padding-right: 0;
}

section#text {
    background-color: #fff;
    color: #5e6100;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
}

section#text strong {
    font-size: 20px;
    font-weight: normal;

}

section#promo {
    height: 440px;
}

.design-block {
    background-color: #fff;
    display: block;
    height: 30px;
    left: 0;
    /*opacity: 0.4;*/
    position: absolute;
    top: 30px;
    width: 30px;
}

.inputfield {
    background-color: #c4c92a;
    border: 0;
    color: #fff;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 22px;
    height: 56px;
    line-height: 56px;
    margin: 10px 45px;
    outline: 0;
    padding: 0 25px;
    width: 490px;
}

section.extra .inputfield {
    float: right;
    margin: 0 45px 0 0;
    width: 360px;
}

.inputfield::-webkit-input-placeholder { color: #ddd; }
.inputfield:-moz-placeholder { color: #ddd; }
.inputfield::-moz-placeholder { color: #ddd; }
.inputfield:-ms-input-placeholder { color: #ddd; }

section#require {
    background-color: #8b8f0b;
    border-bottom: 1px solid #fff;
    height: 405px;
    position: relative;
}

section#require h2,
section.extra h2 {
    color: #fff;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 20px;
    font-weight: normal;
    padding: 35px 45px 0 45px;
    text-transform: uppercase;
}

section#require .require-text,
section.extra .optional-text {
    color: #fff;
    display: block;
    font-family: helveticaneueltpro-ltit;
    font-size: 15px;
    padding: 5px 45px;
}

section#require .block {
    display: block;
    height: 60px;
    margin: 10px 45px;
    width: 540px;
}

section#require label {
    color: #fff;
    display: block;
    float: left;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
}

section#require #is_newsletter {
      position: absolute;
	  right: 150px;
	  visibility: hidden;
}

span.checkbox {
    background: url(../qr-image/bg_checkbox-require.png) 0 0 no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 60px;
    width: 60px;
}

span.checkbox-active { background: url(../qr-image/bg_checkbox-require.png) 0 -60px no-repeat; }

section#require .design-block {
    background-color: #b5ba22;
}

section#extra {
    background-color: #686868;
    border-bottom: 1px solid #fff;
    height: 265px;
    position: relative;
}

section#theme {
    background-color: #686868;
    border-bottom: 1px solid #fff;
    position: relative;
}

section.extra .row {
    height: 60px;
    padding: 10px;
}

.radio {
    background: url(../qr-image/bg_radio.png) 0 0 no-repeat;
    cursor: pointer;
    display: block;
    height: 56px;
    width: 56px;
}

.radio-active {
    background: url(../qr-image/bg_radio.png) 0 -62px no-repeat;
}

section.extra .radio {
    float: left;
}

section.extra label {
    color: #fff;
    display: block;
    float: left;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
    padding-right: 15px;
    text-align: right;
    width: 50px;
}
section.extra .design-block {
    background-color: #959595;
}

section#right-button {
    background-color: #8b8f0b;
    height: 345px;
}

section#right-button input.submit-button {
    background-color: #000;
    border: 0;
    color: #fff;
	cursor: pointer;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 27px;
    height: 110px;
    margin: 35px 45px 10px 45px;
    text-transform: uppercase;
    width: 540px;
}

section#right-button p {
    color: #fff;
    font-family: HelveticaNeueLTPro-Roman;
    font-size: 13px;
    padding: 22px 45px 0 45px;
}

section#right-button p#allright {
    color: #595c09;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 13px;
}

.border-row {
    border-bottom: 1px solid #fff;
    margin-top: 20px;
}

#theme-div {
    padding: 10px 20px;
}

.theme-block {
    float: left;
    position: relative;
    margin-right: 30px;
    margin-bottom: 15px;
}

section.extra .theme-block label {
    padding-right: 0;
    width: auto;
}

.theme-block .checkbox {
    margin-left: 15px;
}

.theme-block input {
    visibility: hidden;
}

#qr-reg-ok {
	background-color: #8b8f0b;
	color: #fff;
    font-family: HelveticaNeueLTPro-Md;
	font-size: 20px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	text-transform: uppercase;
}