@charset "UTF-8";
/* CSS Document */

*:focus {
    outline: none;
}

html, body {
	margin:0;
	padding:0;
	padding-left:8px;
	padding-right:8px;
	height:100%;
	font-family: 'Lato', sans-serif;
	font-size: 15px; 
	font-weight:300;
}

div#container{
	position:relative;
	margin:0 auto;
    width: 1044px;
	min-height:100%;
}

#nav {
	padding-top:10px;
	padding-bottom:21px;
	margin-bottom:-10px;
	padding-right:20px;
}

div#header{
	width: 100%;
}

#page-bkgrd {
	width:100%;
	min-height:400px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#coupon-error
{
	color:red;
	padding-left:0px;
	margin-top:-20px;
}

#productcode_3 {
	font-size:14px;
	padding-left:35px;
}

#form-bkgrd {
	clear:both;
	width:900px;
	margin:auto;
	padding:45px 45px;
	background-color:white;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
}

h2 {
	color:#000000;
	font-weight:900;
	font-size:48px;
}

h3 {
	color:#48729d;
	font-size:2em;
	font-weight:400;
	line-height:1.25em;
	margin-bottom:0.4em !important;
	margin-top:1em;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	width:100%;
	margin:0;
	padding:0;
}

td.app,td.payment {
	vertical-align:middle;
}

form th,form td,input,label {
	text-align:left;
}

form label {
	margin-bottom:0;
}

label {
	margin-bottom:0.5em;
}

label.block {
	display:block;
}

form th {
	text-align:right;
	padding-right:0.5em;
}

td.pricing {
	text-align:right;
}

.prod1 {
	width:50%;
}

.prod2 {
	width:14%;
}

.prod3 {
	width:12%;
	white-space:nowrap;
}

.prod4 {
	width:12%;
}

.prod5 {
	width:12%;
}


#total1, #total2, #total3, #total4, #total5, #total6, #total7 {
	float:right;
	padding-right:15px;
}

.label1 {
	width:20%;
}

.field1 {
	width:190px;
}

.label2 {
	width:124px;
}

.field2 {
	width:190px;
	white-space:nowrap;
}

.explain-input {
	color:#999;
	font-size:0.75em;
	font-style:italic;
}

.understated-header {
	font-size:10px;
	color:#888888;
}

.odd,#coupon-code {
	background:#f8f8f8;
}

input[type="text"],input[type="email"],textarea{width:100%}

input.fewchars {
	width:3.5em;
	min-width:3.5em;
}

input.fullwidth {
	width:100%;
}

input.halfwidth {
	width:182px;
}

input.thirdwidth {
	width:90px;
}

textarea.fullWidth, input.fullWidth, select.fullWidth {
	width:96%;
	margin:4px 0;
}
textarea.fullWidth, select.fullWidth {
	margin: 4px 1px
}

input.smallinput {
	font-size:80%;
	font-weight:bold;
}

input[type="bill_fname"],input[type="bill_lname"],input[type="bill_email"],input[type="ship_email"],input[type="bill_address"],input[type="ship_address"],input[type="bill_country"],input[type="ship_country"],input[type="bill_city"],input[type="ship_city"],input[type="bill_state"],input[type="ship_state"],input[type="bill_zip"],input[type="ship_zip"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"],textarea {
	min-width:7.5em;
	font:1em "myriad-pro","Helvetica","Arial",sans-serif;
	padding:0.4em;
	border:1px solid #ccc;
 }
 

/* same as   */
.required:after {
	content:"\00a0*";
}

.appicon {
	float:left;
	margin-left:8px;
	width:48px;
	height:48px;
}

.appicon2 {
	float:left;
	margin-left:8px;
	width:48px;
	height:49px;
}

.appicon3 {
	float:left;
	margin-left:8px;
	width:48px;
	height:34px;
}

.appinfo {
	margin-left:64px;
}

.productname {
	font-weight:bold;
	font-size:18px;
}

a {
	color:#48729d;
	text-decoration:none;
}

.productdescription {
	margin-top:6px;
	font-size:12px;
	font-style:italic;
}

input.qty {
	box-sizing:content-box;
	background-color:#fff;
	border-radius:3px;
	border:solid 1px #afafaf;
	color:#444;
	font-size:1.0em;
	font-weight:bold;
	height:30px !important;
	margin-right:1em;
	min-width:0 !important;
	padding:2px 2px 2px 20px;
	width:40px !important;
}

input[type="number"] {
    position: relative;
	text-align:left;
}

.qty::-webkit-inner-spin-button, .qty::-webkit-outer-spin-button {
	height:100%;
	-webkit-appearance:none;
	cursor:pointer;
	display:block;
	color:#333;
	width: 1em;
    border-left: 1px solid #BBB;
	background:url(../images/store/updown.png) no-repeat top;
	opacity: 1;
	position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

input[type="number"]::-webkit-inner-spin-button:hover,
input[type="number"]::-webkit-inner-spin-button:active{
    box-shadow: 0 0 1px #333;
    opacity: .8;
}

/* Safari Only */
.qty::-webkit-inner-spin-button, .qty::-webkit-outer-spin-button:not(*:root) {

  position:relative; 

}

/* Firefox Only */
input[type=number] {-moz-appearance: textfield;}
@-moz-document url-prefix() { 
  #coupon-submit {
     margin-top:-3px;
  }
}


/*.qty::-webkit-inner-spin-button:before,.qty::-webkit-inner-spin-button:after {
	width:18px;
	height:17px;
	content:'';
	background-color:#f6f6f6;
	position:absolute;
	right:-1px;
	border-right:solid 1px #afafaf;
}

.qty::-webkit-inner-spin-button:before {
	top:-1px;
	background:url(../images/store/up.png) no-repeat top;
	border-top-right-radius:3px;
	border-top:solid 1px #afafaf;
}

.qty::-webkit-inner-spin-button:after {
	bottom:-5px;
	background:url(../images/store/down.png) no-repeat bottom;
	border-bottom-right-radius:3px;
	border-bottom:solid 1px #afafaf;
}
*/
#table3, #table2 {
	display:none;
}

.total-line {
	background:#f8f8f8;
}

.price {
	min-width:3em;
	text-align:center;
}

.ppu {
	min-width:3em;
	text-align:center;
}

.grandprice {
	min-width:3em;
	text-align:right;
	margin-right:0.5em;
}

#converted-price-total {
	font-weight:400;
	font-size:0.6em;
	line-height:1.1;
}

th.total-line,td.total-line {
	font-weight:600;
	font-size:1.1em;
	padding:1.25em 0 !important;
	border-bottom:1px solid #dbd9d3;
	border-top:1px solid #dbd9d3;
}

th.total-line {
	padding-left:1em !important;
}

a.coupdisclose-link:before {
	content:"▸ ";
	padding-right:0.15em;
}

a.coupdisclosed-link:before {
	content:"▾ ";
	padding-right:0.15em;
}

a.disclose-link:before {
	/*content:"▸ ";*/
	content:url(../images/store/uncheckbox.png);
	padding-right:6px;
	padding-left:53px;
	display:block;
	margin-top:-5px;
}

a.disclosed-link:before {
	/*content:"▾ ";*/
	content:url(../images/store/checkbox.png);
	padding-right:6px;
	padding-left:53px;
	display:block;
	margin-top:-5px;
}

td.payment {
	vertical-align:middle;
}

.cc {
	display:inline-block;
	vertical-align:middle;
	margin:4px;
}

.cc_selected {
	opacity:1.0;
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-o-transition:all .5s linear;
	-ms-transition:all .5s linear;
	transition:all .5s linear;
	border-radius:4px;
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
}

.cc_deselected {
	opacity:0.25;
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-o-transition:all .5s linear;
	-ms-transition:all .5s linear;
	transition:all .5s linear;
}

.cc_visa,.cc_mastercard,.cc_amex,.cc_discover,.cc_diners,.cc_jcb,.visa_back,.amex_front {
	background:url(../images/store/store-sprites.png) no-repeat;
	width:32px;
	height:21px;
}

.cc_visa { 
	background-position:0 0;
}

.cc_mastercard {
	background-position:-32px 0;
}

.cc_amex {
	background-position:-64px 0;
}

.cc_discover {
	background-position:-96px 0;
}

.cc_diners {
	background-position:-128px 0;
}

.cc_jcb {
	background-position:-160px 0;
}

.visa_back {
	background-position:-192px 0;
}

.amex_front {
	background-position:-224px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx){.cc_visa,.cc_mastercard,.cc_amex,.cc_discover,.visa_back,.amex_front{background-image:url(../images/store/store-sprites@2x.png);background-repeat:none;-moz-background-size:324px 21px;-o-background-size:324px 21px;-webkit-background-size:324px 21px;background-size:324px 21px}}

.cc_initial {
	opacity:1.0;
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-o-transition:all .5s linear;
	-ms-transition:all .5s linear;
	transition:all .5s linear;
}

.cc_hidden {
	opacity:0;
}

#total-quantities {
	display:none;
}

input.smallinput {
	font-size:80%;
	font-weight:bold;
}

.status {
 	margin:0 8px;
	display:inline-block;
}

#cvc_container {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding-left:8px;
	width:32px;
	height:21px;
	z-index:1;
	-webkit-perspective:200px;
	-moz-perspective:200px;
	-o-perspective:200px;
	-ms-perspective:200px;
	perspective:200px;
}

.face.back {
	display:none;
}

#cvc_card {
	width:100%;
	height:100%;
	-webkit-transform-style:preserve-3d;
	-webkit-transition:all 1.0s linear;
	-moz-transform-style:preserve-3d;
	-moz-transition:all 1.0s linear;
	-o-transform-style:preserve-3d;
	-o-transition:all 1.0s linear;
	-ms-transform-style:preserve-3d;
	-ms-transition:all 1.0s linear;
	transform-style:preserve-3d;
	transition:all 1.0s linear;
	border-radius:4px;
}

.cvc_amex {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

.face {
	position:absolute;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
}

.face.back {
	display:block;
	-webkit-transform:rotateY(180deg);
	-webkit-box-sizing:border-box;
	-moz-transform:rotateY(180deg);
	-moz-box-sizing:border-box;
	-o-transform:rotateY(180deg);
	-o-box-sizing:border-box;
	-ms-transform:rotateY(180deg);
	-ms-box-sizing:border-box;
	transform:rotateY(180deg);
	box-sizing:border-box;
}

td,th {
	padding:0.5em 0;
}

h2.title {
	float:left;
	width:74%;
}

#order-form {
	clear:both;
	width:680px;
	margin:auto;
	padding:0 45px;
	background-color:white;
}

.license_popup {
	padding:0 12px 0 2px;
	min-width:50%;
}

.redeem-button,.submit-button {
	color:#fff;
	background-color:#48729d;
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:0.0166667em;
	font-size:0.8em;
	font-weight:400;
	transition:all 0.3s;
	border:none;
	font-size:1em;
}

.redeem-button {
	padding:0.3em 1.3em;
}

.submit-button {
	width:174px;
}

#generate-submit {
	margin:1em 0 8.85em 0;
	padding:0.75em 3em;
	width:auto;
}

.submit-button:disabled {
	opacity:0.33;
}

.error {
	/*display:inline;*/
	font-weight:600;
	font-size:80%;
	color:#FF0000;
}

.error-message {
	clear:both;
}

.error-headline {
	font-size:150%;
	margin-bottom:1em;
}

.error-details {
	font-size:80%;
	font-family:Courier, 'Courier New', monospace;
}

#total-quantities {
	display:none;
}

input.req::-webkit-input-placeholder {
   padding-top:2px;
   font-size:12px;
   color:red;
}

input.req:-moz-placeholder { /* Firefox 18- */
   padding-top:2px; 
   font-size:12px;
   color:red;
}

input.req::-moz-placeholder {  /* Firefox 19+ */
   padding-top:2px;
   font-size:12px;
   color:red;
}

input.req:-ms-input-placeholder {  
   padding-top:2px;
   font-size:12px;
   color:red;
}

input.optional::-webkit-input-placeholder {
   padding-top:2px;
   font-size:12px;
}

input.optional:-moz-placeholder { /* Firefox 18- */
   padding-top:2px; 
   font-size:12px;
}

input.optional::-moz-placeholder {  /* Firefox 19+ */
   padding-top:2px;
   font-size:12px;
}

input.optional:-ms-input-placeholder {  
   padding-top:2px;
   font-size:12px;
}

.local-error {
	color:red;
}

.highlight {
    border: 1px solid #666666;
}

div#footer{
	position:relative;
	margin-top:-100px;
	height:100px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
    width: 1044px;
}

div#footer a{
	text-decoration:none;
	color:#000000;
}

	.f_menu {
		font-size:15px;
	    font-weight: 300;
	}

	.f_company {
		margin:0;
		font-size: 12px; 
		font-weight: 300;
		line-height:30px;
	}
	
	.f_copyright {
		margin:0;
		font-size: 12px; 
		font-weight: 300;
	}