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

.check_your_balance{float:right;}

.default_overlay{padding:40px 40px 40px 40px; border:solid 1px #ccc; width: 295px; background:#fff;}

.default_overlay.overlay_popup {
    padding-top: 40px;
}

.default_overlay > p {
    margin-bottom: 0;
	font-size:.875em;
}
a.blue_link {color:#0096d6;}
a.blue_link:hover, a.blue_link:active, a.blue_link:focus {color:#006699;} 
.default_overlay h3 {
    font-size: 1.5em;
    font-weight: 100;
    margin: 0 0 5px;
}
.default_overlay > form {
    margin-top: 14px;
	margin-bottom:14px;
}
.default_overlay > ._tm {font-size:0.875em; color:#767676;}
.default_overlay > ._tm {
    border-top: 1px solid #CCCCCC;
    color: #767676;
    font-size: 0.75em;
	padding-top:7px;
}
.overlay_popup .btnClose {
    float: right;
    margin-bottom: 10px;
    position: relative;
    right: 10px;
    top: 10px;
}
.btnClose.js_pop_close {
    background: url("../img/close.png") no-repeat scroll center top;
    height: 20px;
	width:20px;
    position: absolute;
    right: 10px;
    text-indent: 0;
    z-index: 1000;
}
.overlay_popup .overlay_title {
    padding-top: 18px;
}
.check_your_balance {
    color: #0096D6;
    font-size: 1em;
    position: relative;
    top: 15px;
}
.check_your_balance:hover, .check_your_balance:focus {color:#006699;}
.popup_legacy {
    background: url("../img/s-15px-hpe.png") no-repeat scroll right -2233px;
    height: 17px;
    position: absolute;
    width: 20px;
}

.default_overlay.step2 {
    left: 42.5%;
    width: 445px;
}
.default_overlay .hp_grey {
    color: #767676;
    font-size: 0.75em;
}
.default_overlay .hp_grey.how_to {
    font-size: 0.875em;
}
.save_area .all_configurations {
	text-align:left;	
	
}

.default_overlay.send_email{width:363px;}

input[type='radio'], 
input[type='checkbox'] {
    
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    
/*    float: left;
*/    width: 1px;
}
/*.custom_group li {margin-left:-10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.custom_group li {margin-left:0;}
}*/

input[type='checkbox'] + label{
    margin: 0;
    clear: none;
    
    /* Left padding makes room for image */
    padding: 3px 0 5px 24px;

    /* Make look clickable because they are */
    cursor: pointer;
    

}
ul._options{
	margin-left:-20px;	
}
input[type='checkbox'] + label{
    background: url("../img/cto/_check-off.png") left center no-repeat; 	
	}
input[type='checkbox']:checked + label, input[type='checkbox']:checked + label:hover{
    background: url("../img/cto/_check-on.png") left center no-repeat; 	
	}

input[type='checkbox'] + label:hover{
    background: url("../img/cto/_check-hover.png") left center no-repeat; 	
	}
li {list-style: none outside none;}	
	
label.chkbox {
    color: #000;
    display: inline;
	vertical-align: middle;
	font-size:0.875em;
}

form.custom .custom.checkbox.checked:before {
    content: url("../img/form.inputchecked-white.png");
    margin-left: 5px;
    margin-top: -6px;
}
form.custom .custom.checkbox.checked {
    background: none repeat scroll 0 0 #0095d5;
}
form.custom .custom.checkbox {
    border-radius: 0;
    margin-right: 0.5em;
}

form.custom .custom {
    height: 25px;
    width: 25px;
}

form.custom .custom.radio.checked {
	border: 2px solid rgb(90,90,90);	
}
form.custom .custom.radio.checked:before {
	background: none repeat scroll 0 0 rgb(0,150,214);
	height: 10px;
	width: 10px;
}
form.custom .custom.radio {
	width: 16px;
	height: 16px;
	border: 2px solid rgb(204,204,204);
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 1px;
	display: inline-block;
}

form.custom .checkbox:hover {
    border: 1px solid #000;
}
.checkboxarea {
    margin-top: 15px;
}
._privacy{padding-top:20px;}

/*Squares form*/
.square_option {
    float: left;
    margin-right: 20px;
    position: relative;
		margin-bottom: 20px;
}
.last_sqr{margin-right:0;}	

.checkboxarea .square_option img {display: block; margin-left:auto; margin-right: auto; margin-bottom: 10px;}
.checkboxarea .square_option p {margin-bottom: 0px;}

.checkboxarea .square_option label {
	background:transparent;
	height:auto;
}

.square_option.parsley-error label {
    background: none;
    padding-left: 0;
	color: #000;
}

.checkboxarea .square_option .custom.checkbox {display: inline-block;vertical-align: top; margin-right: 0.25em; margin-top: 4px;}
.checkboxarea .square_option .custom.checkbox.disabled.checked { background: none repeat scroll 0% 0% #DDD;}
.checkboxarea .square_option .custom.checkbox.disabled.checked:before {content: "";}

#free_gifts {
  padding: 0px;
	left: 0px;
	margin-left: 0px !important;
	width:100%;
	background-color: transparent;
	border: none;
}

#free_gifts h3 { font-size: 2em; font-weight: 100;}

#free_gifts .freegiftarea {
	position: relative;
	width:90%;
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	background-color: #FFF;
}


#free_gifts .parsley-errors-list li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ff0000;
    font-size: 1em;
    padding-left: 20px;
}
#gift_number_error .parsley-errors-list.filled {
    background: none repeat scroll 0 0;
    line-height: 1em;
    list-style: none outside none;
    padding: 0;
	margin-bottom: 0;	
}
#free_gifts > h3 {
    display: inline-block;
}
.gift_title {
    display: inline-block;
    font-family: "HPSimplified-light",arial;
    margin: 0 auto;
		width: 110px;
		height: 36px;
		overflow-y: hidden;
		line-height: 1.2em;
		font-size: 15px;
		word-wrap: break-word;
}
#free_gifts > h3 {
    font-family: "HPSimplified-Light",arial;
	margin:0;
}
.continue_area {
    margin-top: 10px;
	text-align: right;
}
.continue_area #cta_no_thanks {
    margin-right: 20px;
}
#parsley-id-multiple-a_gift {display: none;} 

#free_gifts #cta_no_thanks .bluelink{
font-size: 1em;
padding-top: 0.625em;
display: inline-block;
}
/*Things to Fix*/

#free_gifts .gift_scenario {position: absolute; top: 10px;}

/*mobile CSS*/
@media screen and (max-width: 800px) {
	.square_option {float: none; display: inline-block;}
	.continue_area #cta_no_thanks {margin-right: 40px;}
}

@media screen and (max-width: 496px) {
	#free_gifts {padding-top: 50px;}
	#free_gifts h3 {font-size: 1.625em; text-align: center;}
	.square_option {width:100%; text-align: center; margin-right: 0px;}
	.square_option p {text-align: center;}
	.square_option .gift_title {text-align:left; width: auto; max-width: 80%; margin-top: 8px;}
	.continue_area {text-align: center;}
	.continue_area #cta_no_thanks {float:none; margin-right: 20px;}
	.continue_area #cta_gift {float:none;}
}