html {
}
body {
height: 100%;
font-family: Arial, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
background: #e2e2e2;
color: #282828;
}
img {
border: 0;
outline: none;
}
h1 {
font-size: 38px;
margin: 10px 0 25px 0;
font-weight: normal;
}
h2 {
font-size: 30px;
margin: 0;
}
h3 {
font-size: 25px;
margin: 0;
}
h4 {
font-size: 20px;
margin: 0;
color: #ed9f31;
clear: both;
}
h4 a, h4 a:hover {color: #ed9f31; text-decoration: none;}
h4.big {font-size: 22px;}
h4.small {font-size: 18px;}
h5 {
font-size: 17px;
margin: 0;
color: #4d82b8;
clear: both;
}
h5 a, h5 a:hover {color: #4d82b8; text-decoration: none;}
h6 {
font-size: 15px;
margin: 0;
color: #4d4c4c;
}
a {
outline: none;
text-decoration: underline;
color: #fe4a03;
}
a:hover {
text-decoration: none;
color: #ec6e30;
}
ul {
margin: 5px 0 5px 15px;
padding: 0;
list-style: none;
}
ul li {
color: #282828;
background: url(images/list_arrow.png) left top no-repeat;
padding-left: 10px;
line-height: 19px;
}
button { padding: 0;}
label {
color: #457ab0;
text-align: right;
float: left;
line-height: 30px;
margin-right: 5px;
}
/*general style
--------------------------------------------*/
.clearing {
clear: both;
}
.left {
float: left;
}
.right {
float: right !important;
}
.left_text {text-align: left;}
.right_text {text-align: right;}
.center {text-align: center;}
.blue_text {color: #2b5c92;}
.yellow_text {color: #fb9b19;}
.orange_text{color: #cd842f;}
.center_wrap {
width: 1032px;
margin: 0 auto;
}
.left_shadow {
background: url(images/left_shadow.png) left top repeat-y;
padding-left: 16px;
width: 1016px;
float: left;
}
.right_shadow {
background: url(images/right_shadow.png) right top repeat-y;
padding-right: 16px;
width: 1000px;
float: left;
}
.last {background: none !important;}
.button_bg {
border: 0;
background: url(images/buttons_bg.png) no-repeat;
background-position: 0 -45px;
width: 190px;
height: 44px;
float: left;
color: #fff !important;
font-size: 15px;
text-align: center;
line-height: 36px;
text-decoration: none;
overflow: hidden;
padding-bottom: 6px;
cursor: pointer;
}
.big_button_bg {
border: 0;
background: url(images/buttons_bg.png) no-repeat;
background-position: 0 0;
width: 247px;
height: 44px;
float: left;
color: #fff !important;
font-size: 15px;
text-align: center;
line-height: 36px;
text-decoration: none;
overflow: hidden;
padding-bottom: 6px;
cursor: pointer;
}
.small_button_bg {
border: 0;
background: url(images/buttons_bg.png) no-repeat;
background-position: 0 -89px;
width: 103px;
height: 44px;
float: left;
color: #fff !important;
font-size: 15px;
text-align: center;
line-height: 36px;
text-decoration: none;
overflow: hidden;
padding-bottom: 10px;
cursor: pointer;
}
.orange_button {
border: 0;
background: url(images/buttons_bg.png) no-repeat;
background-position: 0 -134px;
width: 190px;
height: 40px;
float: left;
color: #fff !important;
font-size: 17px;
padding-bottom: 10px;
text-align: center;
line-height: 36px;
text-decoration: none;
overflow: hidden;
cursor: pointer;
}
a.button_bg, a.big_button_bg, a.small_button_bg, a.orange_button {padding-bottom: 0; margin-top: 20px;}
a.button_bg:hover, a.big_button_bg:hover, a.small_button_bg:hover, a.orange_button:hover {color: #fff;}
.input_left_bg {
float: left;
height: 30px;
padding-left: 8px;
background: url(images/left_input_bg.png) left top no-repeat;
}
.input_text {
float: left;
height: 25px;
padding-right: 8px;
background: url(images/right_input_bg.png) right top no-repeat;
border: 0;
margin-left: 0;
color: #4c4b4a;
font-size: 15px;
padding-top: 5px;
}
.DataTable .input_text {
width: 254px;
}
.textarea {
width: 270px;
border: 1px #c4c4c4 solid;
height: 150px;
overflow: hidden;
}
.field_description {
clear: left;
font-size: 10px;
color: #8c8b8a;
margin-left: 170px;
}
.field_error {
clear: left;
font-size: 10px;
color: red;
}
.text_table {
clear: both;
float: left;
margin: 15px 0;
}
.text_table th {
background: #ffd7a6;
color: #515151;
font-weight: normal;
text-align: center;
padding: 10px;
text-decoration: underline;
}
.text_table td {
background: #ddedfd;
color: #7f7e7e;
text-align: left;
padding: 10px;
}
.service_name {
color: #4d82b8;
font-weight: bold;
font-size: 16px;
}
/* Content Block style
-------------------------------------------*/
.content_block {
clear: both;
float: left;
}
.content_bg {
float:left;
background-color: #fff;
width: 100%;
position:relative;
overflow:hidden;
min-height: 500px;
}
.leftsidebar_bg {
width: 100%;
position:relative;
float:left;
background-color: #f4f4f4;
right: 755px; /* width of the content area */
min-height: 500px;
}
.content_block_text {
float: left;
width: 755px;
overflow:hidden;
position:relative;
left: 755px;
}
.content_block_text h1, .content_block_text h2, .content_block_text h3, .content_block_text h4, .content_block_text h5, .content_block_text h6 {
margin: 10px 0 0 25px;
}
.content_block_text p {
margin: 10px 0 10px 25px;
clear: both;
}
.content_block_text ul {
margin:5px 0 5px 45px;
}
.left_menu {
float: left;
width: 245px;
margin: 10px 0;
overflow: hidden;
position: relative;
left: 755px;
}
ul.leftmenu {
margin: 0;
}
ul.leftmenu li {
background: url(images/leftmenu_line.gif) left bottom repeat-x !important;
height: 30px;
line-height: 30px;
padding-left: 27px;
float: left;
width: 217px;
}
ul.leftmenu li a {
color: #fe4a03;
font-size: 12px;
text-decoration: none;
}
ul.leftmenu li a:hover {
color: #6f7060;
}
ul.leftmenu li hr {
float: left;
clear: left;
width: 272px;
margin: 0 0 0 -27px;
}
/* header block style
-------------------------------------------*/
.header_wrap {
background: url(images/main_top_bg.gif) left top repeat-x;
width: 100%;
height: 113px;
}
.header {
background: url(images/header_bg.gif) left top repeat-x;
width: 1000px;
height: 113px;
margin: 0 auto;
}
.left_techmenu {
float: left;
margin-left: 30px;
color: #666;
font-size: 10px;
}
.left_techmenu a {
float: left;
background: url(images/header_line.gif) right top no-repeat;
height: 14px;
line-height: 14px;
padding: 0 10px;
}
.left_techmenu a img {vertical-align: middle;}
.left_techmenu a.logout {
font-size: 10px;
color: orange;
float: none;
background: none;
padding: 0;
}
.left_techmenu .current_user {
padding-left: 10px;
}
.right_techmenu {
float: right;
font-size: 11px;
margin: 0 25px 0 15px;
}
.right_techmenu a {
color: #28598f;
}
.right_techmenu .divided {
background: url(images/header_line.gif) right top no-repeat;
height: 14px;
line-height: 14px;
padding: 0 10px 0 0;
margin-right: 5px;
}
.right_techmenu a img {vertical-align: middle;}
.logo {
float: left;
clear: both;
margin: 12px 0 0 40px;
}
.call_us {
float: right;
margin: 20px 20px 0 0;
font-size: 30px;
color: #fff;
clear: right;
}
.slogan {
color: #fff;
float: right;
width:600px;
clear: right;
margin: 35px 10px 0 0;
}
.slogan h2 {
font-size: 28px;
}
/*content block style
-------------------------------------------*/
.content_wrap {
width: 100%;
clear: both;
}
.content {
background: #f4f3f3;
width: 1000px;
float: left;
clear: both;
}
.left_col {
float: left;
margin: 10px 15px 0 10px;
width: 455px;
}
.left_col h1 {
margin-left: 25px;
}
.left_col h5 {
margin: 17px 0 0 7px;
font-weight: normal;
color: #0d2744;
font-size: 16px;
}
.blurb_block {
clear: both;
float: left;
width: 440px;
background: url(images/left_blue_bg.png) left top no-repeat;
padding-left: 10px;
margin-top: 5px;
margin-left: 5px;
}
.right_blurb_bg {
clear: both;
float: left;
width: 440px;
height: 66px;
background: url(images/right_blue_bg.png) right top no-repeat;
}
.blurb_text h5 {
margin: 5px 0 0 5px;
font-weight: normal;
font-size: 16px;
color: #fff;
}
.orange_block {
float: left;
width: 454px;
margin: 15px 0 15px 5px;
}
.orange_block .left_top_bg {
float: left;
width: 437px;
height: 17px;
padding-left: 17px;
background: url(images/orange_bgs_2.png) no-repeat;
background-position: 0 0;
}
.orange_block .right_top_bg {
float: left;
width: 434px;
height: 17px;
background: url(images/orange_bgs_2.png) no-repeat;
background-position: right -18px;
}
.orange_block .left_center_bg {
clear: both;
float: left;
width: 434px;
padding-left: 17px;
background-color: #FFA73D;
}
.orange_block .right_center_bg {
clear: both;
float: left;
width: 434px;
padding-bottom: 2px;
}
.orange_block h4 {color: #282929; font-size: 22px; display: inline; }
.orange_block .right_center_bg .list {
margin: 15px 0px 0px 0px;
}
.orange_block .right_center_bg .list li {
background: url(images/accept.png) left top no-repeat;
color: #282929;
font-size: 18px;
font-weight: normal;
padding: 0px 0 6px 25px;
}
.orange_block .l_btn {margin: 5px 0 5px 120px; float: left;}
.orange_block .left_bottom_bg {
clear: both;
float: left;
width: 434px;
height: 10px;
padding-left: 17px;
background: url(images/orange_bgs_2.png) no-repeat;
background-position: 0 -36px;
}
.orange_block .right_bottom_bg {
float: left;
width: 434px;
height: 10px;
background: url(images/orange_bgs_2.png) no-repeat;
background-position: right -47px;
}
.call_us_block {
clear: both;
margin-top: 55px;
margin-left: 100px;
}
.call_us_block .right_call_bg {
clear: both;
float: left;
width: 440px;
background: url(images/right_blue_bg.png) right top no-repeat;
}
.call_us_block .call_icon {
float: left;
margin: -6px 0 0 0;
}
.call_us_block .call_us_splash {
float: left;
margin: 17px 0 0 15px;
font-size: 33px;
color: #fff;
width: 340px;
}
.call_us_block .call_us_splash img, .call_us_block .call_us_splash span {
float: left;
}
.call_us_block .call_us_splash img {margin-top: 4px; margin-right: 10px}
.call_us_block .call_us_splash span {line-height: 33px;}
.right_col {
float: right;
width: 505px;
margin: 15px 10px 15px 0;
}
.right_col .call_us_block {
margin-left: 100px;
}
/*sitemap block style
-------------------------------------------*/
.bottom_sitemap_wrap {
width: 100%;
clear: both;
}
.bottom_sitemap {
clear: both;
background: #d4dde7;
float: left;
width: 1000px;
min-height: 150px;
}
.bottom_sitemap h6 {
color: #4e4e4e;
padding-bottom: 5px;
font-size: 11px;
}
.block {
color: #6f6f6f;
font-size: 11px;
padding: 17px 10px 0 14px;
font-family: Tahoma;
min-width: 205px;
vertical-align: top;
}
.block p {margin: 0;}
.w205 {
width: 205px;
}
.w195 {
width: 195px;
}
.w295 {
width: 295px;
}
/* More Info Button Bottom Style
-------------------------------------------*/
.more_info_bottom_wrap {
clear: both;
width: 100%;
}
.more_info_bottom {
clear: both;
background: #F4F3F3;
float: left;
width: 1000px;
text-align:center;
}
.more_info_bottom .button_bg, .more_info_bottom .orange_button {
float: left;
margin: -19px 402px 15px 408px;
}
/*footer block style
-------------------------------------------*/
.footer_wrap {
width: 100%;
background: url(images/footer_bg.gif);
clear: both;
height: 32px;
}
.footer {
clear: both;
background: #3f72a4;
border-top: 3px #f8ba49 solid;
margin-top: 1px;
height: 28px;
font-size: 11px;
line-height: 28px;
}
.copyright {
float: left;
color: #fff;
margin-left: 17px;
}
.copyright a {
color: #ffdd37;
}
.contacts {
float: right;
color: #fff;
margin-right: 17px;
}
/* Top menu style
-------------------------------------------*/
.top_menu_left_bg {
float: right;
clear: right;
margin-top: 12px;
background: url(images/topmenu_bgs.png) no-repeat;
background-position: 0 0;
height: 27px;
padding-left: 9px;
}
.top_menu_right_bg {
float: right;
background: url(images/topmenu_bgs.png) no-repeat;
background-position: right -29px;
height: 27px;
padding-right: 9px;
}
ul.topmenu {
float: left;
background: url(images/topmenu_bg.png) right bottom repeat-x;
height: 27px;
margin: 0;
}
ul.topmenu li {
float: left;
background: url(images/topmenu_bgs.png) no-repeat;
background-position: 0 -113px;
height: 27px;
padding: 0 15px 0 7px;
font-size: 14px;
}
ul.topmenu li a {
color: #225185;
text-decoration: none;
font-weight: bold;
background: url(images/topmenu_bgs.png) no-repeat;
background-position: 0 -57px;
height: 21px;
float: left;
padding-left: 25px;
padding-top: 6px;
}
ul.topmenu li a:hover, ul.topmenu li a.active {
background: url(images/topmenu_bgs.png) no-repeat;
background-position: 0 -85px;
}
ul.topmenu li a.active {
cursor: pointer;
}
/* Small Topmenu Style
-------------------------------------------*/
.top_small_menu, .breadcrumbs_bg {
clear: both;
float: left;
height: 23px;
width: 100%;
background: #878877 url(images/small_top_menu_bg.png) left top no-repeat;
font-size: 12px;
border-bottom: 1px #b19a64 solid;
}
.small_topmenu, .breadcrumbs {
margin: 0 0 0 35px;
}
.small_topmenu li, .breadcrumbs li {
padding-right: 18px;
padding-top: 3px;
float: left;
padding-left: 0;
background: none;
color: #fff;
}
.breadcrumbs li {
padding-right: 3px;
}
.small_topmenu li a, .breadcrumbs li a {
color: #fff;
}
/* Content Text Style
-------------------------------------------*/
.content_text {
clear: both;
float: left;
margin: 20px 28px;
}
.content_text .center_bg {
clear: both;
float: left;
width: 944px;
background: url(images/content_bg.png) left bottom repeat-x;
}
.content_text h1, .content_text h2, .content_text h3, .content_text h4, .content_text h5, .content_text h6 {
margin: 10px 0 0 0;
}
.graph {
margin: 30px 0 0 110px;
float: left;
width: 470px;
}
.right_text_block {
float: right;
margin: 50px 40px 0 0;
width: 260px;
}
.right_text_block p {
margin: 10px 0;
line-height: 1.5em;
color: #282828;
}
.sign_up_btn {
border: 0;
background: url(images/sign_up_btn.png) left top no-repeat;
width: 190px;
height: 40px;
float: right;
margin-top: 30px;
}
.content_text .left_bottom_bg {
clear: both;
float: left;
height: 5px;
width: 939px;
padding-left: 5px;
background: url(images/content_bottom_bgs.png) no-repeat;
background-position: 0 0;
z-index: 1;
}
.content_text .right_bottom_bg {
float: left;
height: 5px;
width: 939px;
background: url(images/content_bottom_bgs.png) no-repeat;
background-position: right -6px;
}
/* Buttons Block Style
-------------------------------------------*/
.buttonsrow {
clear: both;
float: left;
width: 900px;
margin: 20px 0 20px 40px;
}
.buttonsrow input, .buttonsrow button, .buttonsrow a {
margin-right: 35px;
}
/* Dial Block Style
-------------------------------------------*/
.dial_block {
float: right;
width: 498px;
margin-top: 1px;
margin-right: 5px;
}
.dial_block .left_top_bg {
float: left;
height: 17px;
width: 480px;
padding-left: 18px;
background: url(images/dial_bgs.png) no-repeat;
background-position: 0 0;
}
.dial_block .right_top_bg {
float: left;
height: 17px;
width: 480px;
background: url(images/dial_bgs.png) no-repeat;
background-position: right -18px;
}
.dial_block .left_center_bg {
clear: both;
float: left;
width: 480px;
background: url(images/left_dial_bg.png) left center no-repeat;
padding-left: 18px;
z-index: 50;
}
.dial_block .right_center_bg {
clear: both;
float: left;
width: 480px;
background: url(images/right_dial_bg.png) left center no-repeat;
padding-bottom: 3px;
}
.dial_left {
float: left;
width: 290px;
margin-left: -10px;
}
.num_emails {
float: left;
width: 250px;
text-align: center;
}
.dial_left h1 {
font-weight: bold;
color: #162e48;
margin: 0 0 14px 0;
}
.emails_num_list {
background: url(images/dial_bgs.png) no-repeat;
background-position: 0 -70px;
z-index: 1;
margin: 0;
}
.emails_num_list li {background: none; padding: 0;}
.emails_num_list li.top_emails {
background: url(images/dial_bgs.png) no-repeat;
background-position: 0 -231px;
margin-left: 7px;
font-size: 37px;
font-weight: bold;
color: #38485a;
height: 46px;
}
.emails_num_list li.active_emails {
font-size: 45px;
line-height: 60px;
font-weight: bold;
color: #152e48;
height: 68px;
}
.emails_num_list li.bottom_emails {
background: url(images/dial_bgs.png) no-repeat;
background-position: 0 -344px;
margin-left: 7px;
font-size: 37px;
line-height: 46px;
font-weight: bold;
color: #38485a;
height: 46px;
}
h1.price {
font-size: 52px;
color: #fabd3b;
margin: 0;
line-height: 1em;
margin-bottom: -10px;
z-index: 100;
position: relative;
}
h5.rate_measure {
color: #fff;
margin: 5px 0 0 0;
line-height: 1em;
}
.arrows {
float: left;
width: 63px;
margin-top: 95px;
margin-left: -26px;
}
.arrows a {
float: left;
width: 63px;
z-index: 100;
position: relative;
}
.arrows a img {vertical-align: middle;}
.dial_right {
float: right;
width: 190px;
}
.dial_block .about_info {
float: right;
width: 190px;
min-height: 247px;
margin-right: 10px;
margin-top: -7px;
}
.dial_block .about_info .left_top_bg {
float: left;
height: 8px;
width: 182px;
padding-left: 8px;
background: url(images/about_bgs.png) no-repeat;
background-position: 0 0;
}
.dial_block .about_info .right_top_bg {
float: left;
height: 8px;
width: 182px;
background: url(images/about_bgs.png) no-repeat;
background-position: right -9px;
}
.dial_block .about_info .center_bg {
clear: both;
float: left;
width: 183px;
background: url(images/about_bg.png) left top repeat;
padding: 0 0px 0 7px;
}
.about_info ul {
margin: 0;
}
.about_info ul li {
padding: 2px 0 3px;
line-height: 1em;
background: url(images/dial_bgs.png) no-repeat;
background-position: 0 -391px;
padding-left: 15px;
}
.about_info ul li a {
color: #2a5276;
font-size: 15px;
text-decoration: none;
}
.about_info ul ul li {
background: none;
font-size: 15px;
color: #fff;
padding-left: 0;
}
.about_info ul ul li a {
background: none;
font-size: 15px;
color: #fff;
}
.dial_block .about_info .left_bottom_bg {
clear: both;
float: left;
height: 8px;
width: 182px;
padding-left: 8px;
background: url(images/about_bgs.png) no-repeat;
background-position: 0 -18px;
margin: 0;
}
.dial_block .about_info .right_bottom_bg {
float: left;
height: 8px;
width: 182px;
background: url(images/about_bgs.png) no-repeat;
background-position: right -27px;
}
.dial_right .sign_up_btn {
margin: 17px 5px 0 0;
z-index: 100;
position: relative;
}
.dial_block .left_bottom_bg {
clear: both;
float: left;
height: 16px;
width: 480px;
padding-left: 18px;
background: url(images/dial_bgs.png) no-repeat;
background-position: 0 -36px;
z-index: 1;
margin-top: -11px;
position: relative;
}
.dial_block .right_bottom_bg {
float: left;
height: 16px;
width: 480px;
background: url(images/dial_bgs.png) no-repeat;
background-position: right -53px;
}
/* Form elements style
*/
.input label {
width: 120px;
}
.checkbox, .radio, .select, .input {
clear: both;
margin: 3px 0;
}
.checkbox label {line-height: 15px;}
.niceCheck {
width: 14px;
height: 14px;
display: inline-block;
cursor: pointer;
background: url(images/checkbox.png);
background-position: 0 -15px;
overflow: hidden;
}
.niceChecked {
background-position: 0 0px;
}
.niceCheck input {
margin-left: -20px;
}
.niceCheckDisabled {
background-image: url(images/checkbox.png);
background-position: 0 -30px;
}
.radio label {line-height: 22px;}
.niceRadio {
width: 21px;
height: 21px;
display: inline-block;
cursor: pointer;
background: url(images/radio.png);
overflow: hidden;
}
.radioChecked {
background-position: 0 -22px;
}
.niceRadio input {
margin-left: -22px;
}
/*selectors*/
.selectArea, .center_a, .selectArea .left, .scrollbar-up, .scrollbar-down, .scrollbar-handle {
background: url(images/selects.png) no-repeat;
}
.selectArea {
height:26px !important;
background-position: 0 -52px;
background-repeat: repeat-x;
position: relative;
}
.selectArea input {
color: #4e4e4e !important;
font-size: 14px !important;
border: none !important;
background: none !important;
position: absolute;
top: 4px;
left: 1px;
width: 80% !important;
height: 100% !important;
font-family: Tahoma;
padding: 0 0 0 7px !important;
cursor: pointer;
height: auto !important;
}
.center_a {
background-position: right -26px;
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
}
* html .center_a {
right: -1px;
overflow: hidden;
}
.selectArea .left {
width:2px;
background-position: 0 0;
left: 0;
height: 100%;
float:left;
overflow: hidden;
position: relative;
}
.selectArea .optionsDivInvisible, .selectArea .optionsDivVisible {
border-bottom: 1px solid #bdbcbd;
background: #fff !important;
top: 25px !important;
position:absolute !important;
margin: 0 !important;
z-index:200;
text-align: left;
left: 0 !important;
width: 100% !important;
overflow: hidden;
}
.optionsDivVisible {display:block;}
.selectArea .optionsDivInvisible span {
padding: 2px 0 !important;
border-left: 1px solid #bdbcbd !important;
border-right: 1px solid #bdbcbd !important;
color: #4e4e4e !important;
font-size: 14px !important;
text-indent: 10px;
display: block;
height: 15px;
cursor: pointer;
margin:0 !important;
float: none !important;
background: none;
}
.selectArea .scrollbar-container span {
margin-left: -5px !important;
}
.selectArea .optionsDivInvisible span:hover {
background: #4479af;
color: #fff !important;
}
.selectArea .optionsDivInvisible span.over {
background: #4479af;
color: #fff !important;
}
.scrollbar-container {
height: 143px;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
position: relative !important;
border-left: 1px solid #bdbcbd !important;
border-right: 1px solid #bdbcbd !important;
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
}
* html .scrollbar-container {
width: 100% !important;
}
.scrollbar-up, .scrollbar-down {
width: 15px;
height: 13px;
overflow: hidden;
position: absolute !important;
top: 0;
right: 0;
left: auto;
cursor: pointer;
z-index: 40;
background-position: -6px -91px;
margin: 0 !important;
padding: 0 !important;
}
.scrollbar-down {
top: auto;
bottom: 0;
background-position: -6px -78px;
}
.scrollbar-track {
height: 117px;
width: 15px;
background: #f4f6f8;
position: absolute !important;
top: 13px;
right: 0;
z-index: 30;
margin: 0 !important;
padding: 0 !important;
}
* html .scrollbar-track, * html .scrollbar-up, * html .scrollbar-down {
right: 0px;
}
.scrollbar-handle {
cursor: pointer;
position: absolute !important;
right: 0;
top: 0;
width: 15px;
height: 27px;
overflow: hidden;
margin: 0 !important;
background-position: -6px -104px;
display: block;
}
.container2 {
height: 103px;
width: 100% !important;
clear: none !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
.scroller-container {
top: 0;
left: 0;
z-index: 20;
position: absolute !important;
width: 1000px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.selectArea .optionsDivInvisible .scroller-container span {
border: none !important;
}
.wid200{
width: 200px;
}
.wid270{
width: 270px;
}
.faq_answer {
display:none;
margin-left: 15px;
}
/* Services Info Block Style
-------------------------------------------*/
.service_modal {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -200px;
width: 400px;
background-color: #fff;
color: #555;
font-size: 12px;
border: 1px solid black;
padding: 12px;
}
.services_table {
margin-top: 10px;
}
.services_table th, .services_table td {background: none;}
.services_table td {
width: 338px;
padding-left: 25px;
padding-bottom: 25px;
}
.services_table td .left_service_bg {
float: left;
width: 324px;
padding-left: 14px;
background: url(images/left_service_bg.png) left bottom no-repeat;
}
.services_table td .right_service_bg {
float: left;
width: 324px;
background: url(images/right_service_bg.png) left bottom no-repeat;
}
.services_table td .right_service_bg h5, .services_table td .right_service_bg h6 {margin-bottom: 5px;}
.services_table td .right_service_bg h6 {color: #4d82b8;}
.services_table td .right_service_bg .service_icon {
float: left;
width: 139px;
height: 97px;
text-align: center;
}
.services_table td .right_service_bg .service_info {
float: left;
width: 179px;
clear: none;
font-size: 12px;
margin: 0;
padding-bottom: 10px;
}
.services_table td .right_service_bg .service_info p {
font-size: 12px;
width: 179px;
margin-left: 0;
}
.services_table td .right_service_bg .service_info a.readmore {
font-size: 11px;
clear: both;
}
/* Partners Block Style
-------------------------------------------*/
.partner_table {
margin-top: 10px;
}
.partner_table th, .partner_table td {background: none;}
.partner_table td {
width: 338px;
padding-left: 25px;
padding-bottom: 25px;
}
.partner_table td .left_partner_bg{
float: left;
width: 324px;
padding-left: 14px;
background: url(images/left_service_bg.png) left bottom no-repeat;
}
.partner_table td .right_partner_bg{
float: left;
width: 324px;
background: url(images/right_service_bg.png) left bottom no-repeat;
}
.partner_table td .right_partner_bg .partner_icon {
float: left;
width: 324px;
text-align: center;
}
.partner_table td .right_partner_bg .partner_info {
float: left;
width: 300px;
clear: none;
font-size: 12px;
margin: 0;
padding: 10px 19px 10px 4px;
}
.partner_table td .right_partner_bg .partner_info p {
font-size: 12px;
margin: 0;
}
.partner_table td .right_partner_bg .partner_info a.readmore {
font-size: 11px;
clear: both;
float: right;
}
/* SMTPCOM containers and things - Account management, rails containers, etc.
---------------------------------------------------------------------------------*/
div.flash {
border: 2px solid;
margin-bottom: 12px;
padding: 4px 4px 4px 30px;
}
div.flash.error, .error-box {
background: #FFE3E3 url(images/false.png) no-repeat scroll;
border-color: #DD0000;
color: #550000;
font-weight: bold;
padding-left: 20px;
}
div.flash.notice {
background:#DFFFDF url(images/true.png) no-repeat scroll;
border-color:#9FCF9F;
color:#005F00;
padding-left: 20px;
}
table.senders .upgrade,
table.senders .extend {
color: #fff;
cursor:pointer;
font-size:10px;
background: url(images/sm_btn_bg.gif) no-repeat;
width: 71px;
height: 20px;
text-align: center;
line-height: 20px;
}
#upgrade-layer {
position: absolute;
background-color: white;
width: 40em;
border: 1px solid black;
}
table.tbl-plans th {
font-weight: bold;
text-decoration: underline;
}
.order-summary {
border: 1px dotted black;
background-color: #EBEFF2;
margin: 1em 0;
padding: 0 0 5px 1em;
}
.order-summary div {
margin-top: 5px;
}
.order-line-delete {
width: 16px;
height: 16px;
margin-left: 2em;
/*
position: absolute;
right: 0;
*/
cursor:pointer;
background: url(images/false.png) no-repeat;
}
.margins_wrap {margin: 0px 50px 30px 10px;}
.content_block_text p {line-height: 1.3em;}
.manag_pic {vertical-align: middle; margin-right: 10px;}
.link_none_color li a { color: #282828;}
.margins_wrap ul li {line-height: 22px;}
#extend-layer {
position: absolute;
background-color: white;
border: 1px solid black;
}
#extend-layer form {
margin: 1em;
}
#upgrade-layer .buttons {
height: 30px;
margin-top: 3px;
}
#upgrade-layer .buttons .btn {
position: absolute;
width: 15em;
}
#extend-layer .buttons .btn {
position: absolute;
width: 10em;
}
/*Blue splash block*/
.blue_block {
float: left;
width: 454px;
margin-top: 5px;
margin-left: 5px;
}
.blue_block .left_top_bg {
float: left;
width: 437px;
height: 17px;
padding-left: 17px;
background: url(images/blue_bgs_2.png) no-repeat;
background-position: 0 0;
}
.blue_block .right_top_bg {
float: left;
width: 434px;
height: 17px;
background: url(images/blue_bgs_2.png) no-repeat;
background-position: right -18px;
}
.blue_block .left_center_bg {
clear: both;
float: left;
width: 434px;
padding-left: 17px;
background-color: #27588E;
}
.blue_block .right_center_bg {
clear: both;
float: left;
width: 434px;
padding-bottom: 2px;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.blue_block .right_center_bg p {margin: 0;}
.blue_block .right_center_bg .list {
margin: 10px 0 0 0;
}
.blue_block .right_center_bg .list li {
background: url(images/orange_arrow.png) left top no-repeat;
color: #fff;
font-size: 16px;
font-weight: normal;
padding: 0px 0 6px 25px;
}
.blue_block .right_center_bg .l_btn {
margin: 5px 0 5px 120px;
float: left;
}
.blue_block .left_bottom_bg {
clear: both;
float: left;
width: 434px;
height: 10px;
padding-left: 17px;
background: url(images/blue_bgs_2.png) no-repeat;
background-position: 0 -36px;
}
.blue_block .right_bottom_bg {
float: left;
width: 434px;
height: 10px;
background: url(images/blue_bgs_2.png) no-repeat;
background-position: right -47px;
}
.call_us_block_small {
clear: both;
float: left;
width: 280px;
background: url(images/left_blue_bg_small.png) left top no-repeat;
padding-left: 10px;
margin: 15px 0 10px 25px;
}
.call_us_block_small .right_call_bg {
clear: both;
float: left;
width: 280px;
background: url(images/right_blue_bg_small.png) right top no-repeat;
}
.call_us_block_small .call_icon {
float: left;
margin: -6px 0 0 0;
}
.call_us_block_small .call_us_splash {
float: left;
margin: 7px 0 0 15px;
font-size: 18px;
color: #fff;
width: 200px;
}
.call_us_block_small .call_us_splash img, .call_us_block_small .call_us_splash span {
float: left;
}
.call_us_block_small .call_us_splash img {margin-top: 4px; margin-right: 10px}
.call_us_block_small .call_us_splash span {line-height: 22px;}
/**/
.left_contact_block {
clear: both;
float: left;
margin: 15px 10px 15px 27px;
}
.left_contact_block .left_input {
width: 187px;
height: 20px;
float: left;
border: 1px #c4c4c4 solid;
color: #333;
font-size: 12px;
margin: 5px 0 5px 0;
}
.left_contact_block p {
margin: 10px 0 0 0;
clear: left;
float: left;
}
.left_check {
float: left;
margin: 5px 0;
clear: left;
}
.left_contact_block label {
float: left;
margin: 4px 0 8px 5px;
line-height:14px;
}
.left_textarea {
width: 187px;
height: 50px;
float: left;
border: 1px #c4c4c4 solid;
color: #333;
font-size: 12px;
margin: 10px 0 5px 0;
}
/**/
.margins_table_wrap {margin: 0px 30px 30px 30px; padding-bottom: 30px;}
.margins_table_wrap h4 {margin-left: 0 !important;}
.order {
width: 100%;
}
.order .w15 {
width: 15%;
}
.order .w25 {
width: 25%;
}
.order .w30 {
width: 30%;
}
.note_block {
font-style: italic;
font-size: 12px;
color: #444;
margin: 10px 0;
float: left;
clear: left;
}
.form_order_table {clear: both;}
.form_order_table input {
width: 198px;
margin-right: 5px;
border: 1px #c4c4c4 solid;
}
.form_order_table select {
width: 200px;
margin-right: 5px;
border: 1px #c4c4c4 solid;
}
.form_order_table select.w100 {
width: 100px;
}
.form_order_table select.w90 {
width: 90px;
}
.form_order_table input.cvv {
width: 50px;
}
.not_verified {
border : 2px solid black;
background : #e3e3e3;
padding:1em;
margin-bottom:1em;
margin-top: 1em;
}
.error_wrap {
height: 300px;
text-align: center;
margin-top: 150px;
}
.error_wrap h4, .error_wrap h5 {
margin: 20px 0;
}
.conf_table {
width:735px;
overflow: hidden;
}
.conf_table img {
max-width: 600px;
}
/* Conatct Form */
.contact {
width:400px;
padding:0 0;
margin:0;
float:left;
}
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform {
margin:0;
padding:5px;
}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li {
margin:0 0 0px 0;
padding:3px;
background:none;
}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label {
margin:0;
width:200px;
display:block;
float:left;
padding:0 30px 0px 0;
font:normal 14px Arial, Helvetica, sans-serif;
color:#000000;
}
#contactform label span {
font:normal 11px Arial, Helvetica, sans-serif;
color:#999999;
margin:-10px;
padding:0px 15px;
}
#contactform input.text {
width:280px;
border:1px solid #333333;
margin:0;
padding:5px 2px;
height:16px;
background:#fff;
}
#contactform textarea {
width:280px;
border:1px solid #333333;
padding:2px;
background:#fff;
}
#contactform li.buttons input {
padding:3px 10px;
margin:0 0 0 450px;
background:#3A89C8;
border:1px solid #dbdbdb;
color:#FFF;
float:left;
}
#contactform img {
margin: -20px 150px;
padding-right: 10px;
float:left;
display:inline-block;
}