/***** RESET *****/
html, body, div, object, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, label, legend, button, a, small, table, th, td {margin:0; padding:0; line-height:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
body {text-rendering:optimizeLegibility;}
html, fieldset, img, abbr {border:0;}
img {vertical-align:middle;}
ul, ol {padding-left:1.5em;}
input, textarea, select, button {font-size:1em; font-family:inherit;}
input[type="text"] {-webkit-appearance:none; border-radius:0;}
button, input[type="button"], input[type="reset"], input[type="submit"], label[for] {cursor:pointer;}
sup, sub {position:relative; top:-.4em; vertical-align:baseline;}
sub {top:.3em;}
table {border-collapse:collapse; border-spacing:0;}
th {text-align:left;}
code {white-space:pre;}
abbr[title] {cursor:help;}
ins {text-decoration:none;}
q:before, q:after {content:"";}
a:hover, a:focus, a:active {outline:0;}
/* kill Skype click-to-call phone number formatting */
body span[class^="skype_pnh_print_container"] {display:inline !important;}
body span.skype_pnh_container {display:none !important;}
/***** GLOBALS *****/
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
body {
 background: #E5E5E5 url(https://image.message.fedex.com/lib/fe921372756d067475/m/1/bg-page.png) repeat-x left top;
 font: 14px Arial, sans-serif;
 color: #666;
 font-weight: 100;
 -webkit-font-smoothing: antialiased;
}
a {
 color: #4d028e;
 text-decoration: none;
}
h2 {
 font-size: 23px;
 color: #4d028e;
 font-weight: 100;
}
h3 {
 font-size: 16px;
 color: #666;
 font-weight: 100;
 line-height: 1.3em;
 margin:1em 0;
}
.clearFloat {
 clear: both;
 padding: 0;
 margin: 0;
}
/* CONTAINER */
.container {
 width: 100%;
 max-width: 960px;
 margin: 0 auto;
}
/* HEADER */
.header .logo {
  float: left;
  clear: left;
  margin: 12px 20px 0 0;
}
.header-left {
 width:110px;
 float: left;
}

/* CONTENT */
.content {
 margin-top: 18px;
 padding-left: 10px;
}
.content-left,
.content-right {
 float: left;
 background: #FFF;
 padding: 16px;
 min-height: 360px;
 margin-bottom: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box; 
 box-sizing: border-box;
}
/* CONTENT - LEFT */
.content-left {
 width: 67%;
 max-width: 640px;
 margin-right: 0;
}
.content-left .intro {
 border-bottom: 2px solid #D9D9D9;
}
.confirmation .content-left .intro {
 border-bottom: none;
}
.content-left a {
 display: block;
 margin-top: 20px;
}
.cta-right {
 text-align:right;
}
/* Email Form */
form {
 margin-top: 20px;
 width: 80%;
}
.content.confirmation form {
 margin-top: 10px;
}
form legend {
 color: #999;
 font-size: 12px;
 margin-bottom: 10px;
}
form p {
 margin: 15px 0 0;
}
form p label {
 display: block;
 width: 96%;
 min-width:160px;
 line-height: 1.7em;
   clear: both;
}
form p input {
 width: 96%;
 max-width:96%;
 float: none;
 display: block;
   clear: both;
 padding: 6px;
 background: none;
 border: 1px solid #CCC;
}
form p input:focus {
 outline: none;
 border: 1px solid #4d028e;
}
form p select {
 width: 99%;
 max-width:99%;
 float: none;
 display: block;
 clear: both;
 padding: 6px;
 background: none;
 border: 1px solid #CCC;
}
form p select:focus {
 outline: none;
 border: 1px solid #4d028e;
}
form div.input-left {
 float: left;
 width: 47%;
 margin-right: 4%;
}
form div.input-right {
 float: left;
 width: 47%;
}
form legend:before,
form label.required:before {
 content: "* ";
}
form button {
 font-size:16px;
 float: right;
 clear: both;
 padding: 7px 18px 6px;
 margin-top: 25px;
 color: #FFF;
 border: 2px solid #4d028e;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #4d028e;
 background: -moz-linear-gradient(top,  #4d028e 0%, #21a1cf 69%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d028e), color-stop(69%,#4d028e));
 background: -webkit-linear-gradient(top,  #85d0e5 0%,#4d028e 69%);
 background: -o-linear-gradient(top,  #4d028e 0%,#4d028e 69%);
 background: -ms-linear-gradient(top,  #4d028e 0%,#4d028e 69%);
 background: linear-gradient(to bottom,  #4d028e 0%,#4d028e 69%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d028e', endColorstr='#4d028e',GradientType=0 );
}
.content.confirmation form button {
 float: none;
}
form button:hover {
 background: #1ca6d4; /* Old browsers */
 background: -moz-linear-gradient(top,  #4d028e 0%, #4d028e 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d028e), color-stop(100%,#046a9a)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #4d028e 0%,#4d028e 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #4d028e 0%,#4d028e 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #4d028e 0%,#4d028e 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #4d028e 0%,#4d028e 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d028e', endColorstr='#4d028e',GradientType=0 ); /* IE6-9 */
}
form .error {
 margin-top: 5px;
}

/* CONTENT - RIGHT */
.content-right {
 width:30%;
 max-width:290px;
}
.content-right a {
 display: block;
 text-align: left;
 text-decoration: none;
 color: #4d028e;
 font-weight: 600;

}
.content-right a img {
 margin: 20px 0 15px;
}
.content-right a span {
 display: block;
}

a.text-cta {
 font-weight: 600;
}
.terms a {
 font-size: 12px;
 float: left;
 padding: 0px 3px;
}

/* DESKTOP */
@media screen and (min-width: 768px) {
 
}

/* iPad wide dimension layout */
@media screen and (max-width: 900px) {
 .content-left,
 .content-right {
  min-height: 415px;
 }
 form {
  width: 85%;
 }
 
}
/* iPad/Kindle smaller screen layout */
@media screen and (max-width: 830px) {
 .container {
  width: 94%;
  max-width:94%;
  padding: 0px 12px;
 }
 .content {
  padding-left: 0;
 }
 .content-left,
 .content-right {
  float:none;
  width: 100%;
  max-width: 100%;
  min-height: 333px;
  margin:10px auto;
 }
 form {
  width: 70%;
 }
 
}
@media screen and (max-width: 730px) {

 form {
  width: 95%;
 }
 
}
@media screen and (max-width: 560px) {
 form div.input-left {
  float: none;
  width: 100%;
  margin-right: 0%;
 }
 form div.input-right {
  float: none;
  width: 100%;
 }
 form p input {
  width:95%;
  float: none;
 }
 form button {
  width: 100%;
  margin-right: 0;
 } 
}
/* MOBILE ONLY */
@media screen and (max-width: 480px) {
 .search-box input {
  width: 220px;
 }
 
}