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

#context {background: url("../img/background_image.png") repeat scroll left top transparent; text-align: center; padding-bottom: 5.5em;}
#context.no_callcenter {height: 1280px;}
body#no_callcenter {height: 100%; overflow: hidden;}
.hp_logo {margin-top: 5.5em; margin-bottom: 5.5em;} 
.textarea h2 {font-family: "HPSimplified-light",arial; font-size: 4em; line-height: 1.25em; font-weight: 100; margin-top:0em; margin-bottom: 0.0625em; color: #FFFFFF;}
.textarea .maintext {margin-bottom: 0em; color: #FFFFFF; font-family: "HPSimplified-light",arial; font-size: 2.5em; line-height: 1.25;}
.textarea .mobile_image {display:none;}
.textarea .cantwaitarea {margin-top: 5.5em;}
.textarea .cantwaitarea p {font-family: "HPSimplified-light",arial; color: #FFFFFF; line-height: 1.25; margin-bottom: 0em; font-size:1.5em;}
.textarea .cantwaitarea p.title{font-family: "HPSimplified",arial; font-size: 1.875em;}
.textarea .cta_area {margin-top: 2em;}
.textarea .cta_area .cta_chat_area, .textarea .cta_area .cta_call_area {display: inline-block;}
.textarea .cta_area a{ font-size: 1.375em; color: #FFFFFF; line-height: 44px; display: inline-block;}
.textarea .cta_area .cta_chat_area a{ padding-left: 45px; background: url("../img/chat_logo.png") no-repeat scroll left top transparent; margin-right: 10px;}
.textarea .cta_area .cta_call_area a{ padding-left: 50px; background: url("../img/call_logo.png") no-repeat scroll left top transparent;}

.helparea {text-align: center; padding-top: 2em; padding-bottom: 2em;}
.helparea p {margin-bottom: 0em;}
.helparea p span {font-size: 1.375em; font-weight: bold;}
.helparea p a {margin-left: 30px; padding-left: 30px; background: url("../img/arrow.png") no-repeat scroll left center transparent; line-height: 20px; vertical-align: text-top; color:#000000;}
.helparea p a:hover {color: #006699;}

@media only screen and (max-width: 1024px) and (min-width: 497px){
	.row { padding-left: 6%; padding-right: 6%; width:88%;}
	.row .row { padding-left: 0em; padding-right: 0em; width: 100%;}
}

@media only screen and (max-width: 800px) and (min-width: 497px){
	#context {padding-bottom: 5em;}
	.hp_logo {margin-top: 3em; margin-bottom: 3em; width: 100px}
	.textarea h2 {font-size: 2.5em;}
	.textarea .maintext {font-size: 1.375em; line-height: 1.25;}
	.textarea .image_container img{width: 440px;}
	.textarea .cantwaitarea {margin-top: 5em;}
	.textarea .cantwaitarea p {font-size: 1em;}
	.textarea .cantwaitarea p.title {font-size: 1.25em;}
	.textarea .cta_area {margin-top: 1.5em;}
	.textarea .cta_area a {font-size: 0.875em; line-height: 30px;}
	.textarea .cta_area .cta_chat_area a{ padding-left: 32px; background: url("../img/chat_logo_height_30.png") no-repeat scroll left top transparent;}
	.textarea .cta_area .cta_call_area a{ padding-left: 35px; background: url("../img/call_logo_height_30.png") no-repeat scroll left top transparent;}
	.helparea {padding-top: 1em; padding-bottom: 1em;}
	.helparea p span {font-size: 1.125em;}
	.helparea p a {font-size: 0.875em; margin-left: 15px; padding-left: 25px;}
}

@media only screen and (max-width: 496px){	
	#context {padding-bottom: 1.5em;}
	.row { padding-left: 2%; padding-right: 2%; width:96%;}
	.hp_logo {margin-top: 1.25em; margin-bottom: 1.25em; width: 80px}
	.textarea .image_container img{width: 280px;}
	.textarea {width:100%; padding: 0em;}
	.textarea h2 {font-size: 2em;}
	.textarea .maintext {font-size: 1.375em; line-height: 1.25;}
	.textarea .desktop_image {display:none;}
	.textarea .mobile_image {display:block;}
	.textarea .cantwaitarea {margin-top: 1.25em;}
	.textarea .cantwaitarea p {font-size: 0.875em;}
	.textarea .cantwaitarea p.title {font-size: 1.125em;}
	.textarea .cta_area .cta_chat_area, .textarea .cta_area .cta_call_area {display:block;}
	.textarea .cta_area {margin-top: 1.5em;}
	.textarea .cta_area a {font-size: 0.875em; line-height: 30px;}
	.textarea .cta_area .cta_chat_area a{ padding-left: 32px; background: url("../img/chat_logo_height_30.png") no-repeat scroll left top transparent; margin-right: 0px;}
	.textarea .cta_area .cta_call_area {margin-top: 1em;}
	.textarea .cta_area .cta_call_area a{ padding-left: 35px; background: url("../img/call_logo_height_30.png") no-repeat scroll left top transparent;}
	.helparea {padding-top: 0.5em; padding-bottom: 0.5em;}
	.helparea p span {font-size: 1.125em;}
	.helparea p a {font-size: 0.875em; margin-left: 15px; padding-left: 25px;}
}