
/*
BROWSER DETECTION CLASSES:
e_browser_ie: Internet Explorer
e_browser_not_ie: A Browser other than IE
e_browser_moz: Firefox
e_browser_webkit: Webkit(Chrome/Safari)
e_browser_opera: Opera
e_browser_unknown: Unknown Browser
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: bottom; background: transparent; }
/* Avenir Ltd Light font 
@font-face { font-family: 'AvenirLTStd35LightRegular'; src: url('../fonts/avenirltstd-light-webfont.eot'); src: url('../fonts/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/avenirltstd-light-webfont.woff') format('woff'), url('../fonts/avenirltstd-light-webfont.ttf') format('truetype'), url('../fonts/avenirltstd-light-webfont.svg#AvenirLTStd35LightRegular') format('svg'); font-weight: normal; font-style: normal; }
.font_1 { font-family: 'AvenirLTStd35LightRegular' }
.font_2 { font-family: Arial, Helvetica,sans-serif }
*/
tr, th, td { vertical-align: middle }
body { line-height: 1 }
ol, ul { }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
hr { margin: 0px; padding: 0px; display: block; font-size: 1px; }
/* FORCE ALL BROWSERS TO QUIRKS MODE BOX MODEL */
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)) }
body { overflow: auto; visibility: hidden; position: absolute; }
div, table { text-align: center }
/* BOX, SPACE, STACK, AND FLOW */
.e_box { width: auto; height: auto; }
.e_space { width: 100%; height: 100%; }
.e_stack { width: 100%; height: auto; }
.e_flow { width: auto; nowhitespace: afterproperty; height: 100%; /* NOT X-BROWSER inside a DIV.. Webkit/Gecko acts differently than IE/Opera */ }
.e_browser_ie .e_box, .e_browser_ie .e_space, .e_browser_ie .e_stack, .e_browser_ie .e_flow { zoom: 1; /* IE->hasLayout */: ; /* IE uses this instead of inline-table */ display: inline; }
.e_box { display: inline-block }
.e_space, .e_stack, .e_flow { display: inline-table }
.e_d_box { border: 1px dotted #FF0; padding: 1px; }
.e_d_space { border: 1px dotted #F0F; padding: 1px; }
.e_d_stack { border: 1px dotted #00F; padding: 1px; }
.e_d_flow { border: 1px dotted #F00; padding: 1px; }
/* SPLITS */
.e_split { width: 100%; height: 100%; }
.e_browser_ie .e_split { zoom: 1; /* IE->hasLayout */: ; /* IE uses this instead of inline-table */ display: inline; }
.e_vert_fill, .e_horz_fill, .e_fill { width: 100%; height: 100%; }
.e_vert_auto { width: 100%; height: auto; }
.e_horz_auto { width: auto; height: 100%; }
.e_d_split_t { border-top: 2px dashed #0F0 }
.e_d_split_b { border-bottom: 2px dashed #0F0 }
.e_d_split_l { border-left: 2px dashed #0F0 }
.e_d_split_r { border-right: 2px dashed #0F0 }
/* ALIGNMENT */
.e_left { margin-right: auto }
.e_center { margin-left: auto; margin-right: auto; }
.e_right { margin-left: auto }
.e_top { vertical-align: top }
.e_mid { vertical-align: middle }
.e_bottom { vertical-align: bottom }
.e_text_left { text-align: left }
.e_text_center { text-align: center }
.e_text_right { text-align: right }
/* TEMPLATES */
.e_template { cursor: auto }
.e_use_template_static { }
.e_use_template_hover { }
.e_use_template_popup { }
.e_popup_blanket { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #111; z-index: 7777; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.e_popup_table { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8888; }
.e_popup_cell { width: 100%; height: 100%; cursor: pointer; }
/* WORKFLOWS */
.e_workflow { white-space: nowrap; overflow: hidden; }
.e_step { white-space: normal; vertical-align: top; }
table.e_step { display: inline-table }
div.e_step { display: inline; display: inline-block; }
.e_text { margin-left: 5px; margin-right: 5px; text-align: left; }
.e_select { -webkit-appearance: normal; background: white; margin-left: 5px; margin-right: 5px; text-align: left; border: solid #FFF; color: #444; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }

select.multiple_paid_plans,select.multiple_any_plans,select.multiple_cc_plans{ width: 300px;}/*Fix for long plan names */
select{border-color: white; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));}
.e_check { }
.e_check label { padding-left: 4px; padding-bottom: 2px; }
.e_checkbox { position: relative; width: 19px; height: 19px; border-width: 3px; border-style: ridge; border-color: #DDD; background-color: #DDD; cursor: pointer; }
.e_checkmark { display: none; position: absolute; width: 30px; height: 30px; left: -10px; top: -2px; }
.e_checkbox_checked .e_checkmark { display: block }
.e_checkbox_hover { background-color: #C0D9FF; border-color: #C0D9FF; }
.e_checkbox_down { border-style: inset; background-color: #C0C9DF; }
.e_checkbox_hover .e_checkmark { }
.e_check { padding-left: 5px }
.e_text label { font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; margin-left: 4px; font-weight: bold; }
.e_text input { border: solid #FFF; color: #444; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top; padding-top: 1px; padding-bottom: 1px; margin-bottom: 0px; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
input.e_invalid, div.e_invalid { border-color: #F54; -webkit-background-clip: padding-box; }
/* PROGRESS BAR */
.e_progress { background-color: #555555; margin-left: 15px; margin-right: 15px; position: relative; text-align: left; /* alignment for IE */ }
.e_progress div { background-color: #2222BB }
.e_progress, .e_progress div { height: 28px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; }
.e_progress p { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: white; text-align: center; position: relative; top: -22px; margin-bottom: -22px; /* just for IE */ text-shadow: 1px 1px 2px #000; }
.e_browser_ie .e_progress p { height: 1em; filter: Shadow(Color=#000000, Direction=135, Strength=2); }
/* WIDGET - DROP PANEL */
.e_drop_panel { vertical-align: text-bottom; margin-left: auto; margin-right: auto; overflow: hidden; height: 1px; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; }
.e_drop_button { cursor: pointer; margin-left: auto; margin-right: auto; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; }
/* ELEVEN BRANDING ELEMENTS */
.e_11_header { background-color: #000; border-top-left-radius: 1em; border-top-right-radius: 1em; -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-left-radius: 1em; -webkit-border-top-right-radius: 1em; }
.e_11_footer { background-color: #000; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; }
.e_step_header { cursor: pointer; height: auto; border-top: 1px solid white; }
.e_step_header_hover { border-top: 1px solid green }
.e_accordion_body { white-space: nowrap; overflow: hidden; height: auto; }
/* XBROWSER(HINT: text styles on body dont inherit to children in IE) */
/* Formatted with procssor.com with same line, same line, Pico and Fail Safe Mode */

body { background-color: #333; width: 99.9999%; margin: 0%; padding: 0%; overflow-y: auto; overflow-x: auto; }
div, table { font-family: Arial, Helvetica, Helvetica Neue, sans-serif }
/* Selection Colors */
::-moz-selection { background-color: transparent } /* Mozilla based browsers */
::selection { background-color: transparent } /* Works in Safari */
.e_checkmark { background: url('img/check_mark_blue.gif') no-repeat }
.e_step { font-size: 13px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 36px; text-align: left; margin-left: 0px; margin-bottom: -10px; }
h2 { font-size: 25px; text-align: left; padding-left: 50px; margin-top: 6px; font-weight: 300; }
.e_browser_ie h2 { margin-top: 8px }
h3 { font-size: 20px; color: #4e98d3; text-align: left; /*padding-top: 5px;*/ }
h4 { font-size: 16px; color: #4e98d3; text-align: left; }
p, .small_font { margin-top: 10px; text-align: left; color: #FFF; }
label { font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; margin-left: 4px; font-weight: bold; color: #FFF; }
a { color: #e4c859 }
hr { width: 200px; color: #e4c859; }
.total_calc { font-weight: bold }
.popups { background-color: #191919; border: 2px solid #F9FAF2; padding: 15px; padding-top: 0px; max-width: 700px;}
.popups iframe { background-color: #F9FAF2 }
.popup_cvv_body { width: 600px }
.popup_header { font-size: 30px; font-weight: bold; margin: 10px; margin-left: 20px; color: #FFF; }
.btn_close_popup { background-color: #F9FAF2; color: #222; padding: 7px; padding-top: 0px; padding-bottom: 0px; font-size: 28px; font-weight: bold; cursor: pointer; }
.btn_close_popup_hover { background-color: #F00; color: #FFF; }
#bgWrapper { position: absolute; top: 0px; left: 0px; z-index: -10; overflow: hidden; width: 100%; height: 100%; z-index: -200; }
.e_browser_not_ie #bgWrapper { position: fixed }
#form_pms { margin: 15px }
#form_cc { margin: 15px }
.promo_form { margin-bottom: 10px }
.leftpadded { padding-left: 50px; padding-right: 50px; text-align: left; }
table.leftpadded { padding-left: 0px; padding-right: 0px; margin-left: 50px; margin-right: 50px; text-align: left; }
.col2_layout_col { width: 400px }
.col3_layout_col { width: 200px }
.e_step a { color: #f3f2af }
.e_browser_not_ie .transparent { /* IE7 needs large(30x30px) images if images are to be repeated */: ; /*background: url('img/alpha.png') repeat;*/ z-index: 10; }
.e_browser_ie .transparent { /*background: url('img/alpha.png') repeat;*/ z-index: 10; }
.banner { margin-top: 0px; margin-bottom: 10px; width: 100%; min-width: 800px; /*background: url('img/banner.png') repeat;*/ }
.e_browser_ie .banner_table { width: 800px !important }
.banner h2 { color: #ffcc33 }
.banner div { padding: 14px; padding-left: 3px; text-align: left; white-space: nowrap; }
.banner p { color: #604029; font-size: 13px; font-weight: bold; text-align: left; }
#first_col { border-right: 1px solid #FFFFFF }
#second_col { text-align: left }
.btn_round { /*background-image: url('img/button.png');*/ background-position: 0px 0px; width: 150px; height: 41px; color: #000; font-size: 16px; border: 0px; cursor: pointer; text-align: center; font-weight: bold; /*overflow: hidden;; white-space: nowrap; */ margin: 0px; padding-top: 12px; font-weight: bold; }
.btn_round_hover { background-position: 0px -51px }
.btn_select { /*background: url('img/select_button.png') top left;*/ background-position: 0px 0px; width: 150px; height: 41px; color: #000; font-size: 16px; border: 0px; cursor: pointer; text-align: center; font-weight: bold; /*overflow: hidden;*/ white-space: nowrap; padding-top: 12px; font-weight: bold;}
.btn_validate { background: url('img/validate_button.png') top left; background-position: 0px 0px; width: 82px; height: 32px; font-size: 12px; border: 0px; cursor: pointer; text-align: center; font-weight: bold; /*overflow: hidden;*/ white-space: nowrap; padding-top: 9px; font-weight: bold; }
.btn_validate_hover { background-position: 0px -33px }
.btn_select_hover { background-position: 0px -102px }
.btn_select_active { background-position: 0px -51px }
.btn_upgrade { /*background-image: url('img/upgrade.png');*/ background-position: 0px 0px; width: 285px; height: 173px; width: 285px; height: 173px; color: #000; font-size: 16px; border: 0px; cursor: pointer; text-align: center; font-weight: bold; display: baseline; white-space: nowrap; margin: 0px; left: 0px; }
.btn_upgrade_hover { background-position: 0px -183px }
.e_browser_ie .btn_round { padding-top: 11px }
.btn_wrapper { padding: 0px 50px 0px 50px }
.e_step_header { /*background: url('img/header_gradient.png');*/ background-position: 0px 0px; color: #604029; height: 40px; border-top: none; }
.e_step_header h2 { color: #000; padding-left: 10px; font-weight: 300; /* Cufon light font */ }
.e_step_header_hover { background-position: 0px -70px; border-top: none; }
.arrow1, .arrow2 { margin-left: 10px }
.e_step_header_off .arrow1 { display: none }
.e_step_header_on .arrow1 { display: inline }
.e_step_header_off .arrow2 { display: inline }
.e_step_header_on .arrow2 { display: none }
.e_step_header_off .e_help { display: none }
.e_step_header_on .e_help { display: block }
.e_help { /*background-image: url('img/help.png');*/ background-position: 0px 0px; width: 38px; height: 36px; margin-right: 10px; }
.e_help_hover { background-position: 0px -46px }
.e_workflow { width: 800px; /*height: 400px;*/ }
.credit_images img { height: 25px; margin-left: 5px; }
.e_11_header { margin-bottom: 4px; margin-top: 10px; }
.e_11_footer { margin-top: 4px }
.error { font-size: 13px; position: absolute; white-space: nowrap; border: 1px solid; /*margin: 10px 0px;*/ padding: 5px; padding-top: 12px; padding-left: 50px; height: 40px; /*margin-top: -40px;; margin-left: 10px; */ background-repeat: no-repeat; background-position: 10px center; color: #D8000C; background-color: #FFBABA; background-image: url('img/error.png'); z-index: 200; }
.error_parent { position: relative }