/* 100% height for visible background */
body { font-family: Arial, sans-serif; color: #4E4E4E;  }

h3 {
    font-size: 15px;
    color: #00AEEF;
}
em {
    font-size: 11px;
}
html, body { height: 100%; } 
#homepage .wrap { background: url(../img/bg-main.png) left top no-repeat; z-index: 88; min-height: 971px; width: 1020px; margin: 0 auto; position: relative; }
#homepage .wrap .inner { padding: 0 0 160px; }
* html .wrap { height: 100%; }

.help-block { font-style: italic; }

#footer { width: 980px; z-index: 99; position: relative; margin: -160px auto 0; height: 301px; background: url(../img/bg-footer-l.png) left top no-repeat; }
#footer .inner { height: 281px; background: url(../img/bg-footer-r.png) right top no-repeat; }

/* stuff */
a:focus { outline: none; }
#letsgohome { position: absolute; top: 26px; left: 40px; width: 210px; height: 100px; }

/* personal */
#personal { position: absolute; top: 314px; width: 150px; text-align: right; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }

#personal a { color: #898989; text-decoration: underline; font-weight: bold; padding: 5px 0 5px 26px; background: url(../img/ico-personal.png) left center no-repeat; }
#personal a:hover { color: #494949; text-decoration: none; }
#personal p { font-size: 10px; line-height: 10px; color: #949494; margin: 7px 0 0; }
#dealers { position: absolute; top: 344px; width: 150px; text-align: right; }
#dealers a { color: #898989; text-decoration: underline; font-weight: bold; padding: 5px 0 5px 26px; background: url(../img/ico-dealers.png) 6px center no-repeat; }

/* minicart */
#minicart { position: absolute; top: 388px; left: 23px; width: 150px; z-index: 1000; text-align: right; background: #fff; border-radius: 6px; /*opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }
#minicart a { color: #898989; text-decoration: underline; font-weight: bold; padding: 5px 0 5px 26px; background: url(../img/ico-shop.png) left center no-repeat; }
#minicart a:hover { color: #494949; text-decoration: none; }
#minicart p { font-size: 10px; line-height: 10px; color: #949494; margin: 7px 0 0; }

#online-chat2 { position: absolute; z-index: 999; top: 357px; left: 55px; width: 151px; height: 86px; background: url(../img/orange-btn.png) left top no-repeat; }
#online-chat { position: absolute; z-index: 999; top: 457px; left: 38px; width: 151px; height: 86px; background: url(../img/orange-btn2.png) left top no-repeat; }
#online-chat a { line-height: 20px; display: block; background: url(../img/usr-ico.png) 82px center no-repeat; color: #fff; font-weight: bold; font-size: 18px; margin: 22px 0 0 15px; }
#online-chat2 a { line-height: 20px; display: block; background: url(../img/usr-ico2.png) 82px center no-repeat; color: #fff; font-weight: bold; font-size: 16px; margin: 22px 0 0 15px; }

/* top-bar */
#utility { height: 42px; background: url(../img/top-bar-border.png) right bottom no-repeat; padding: 0 10px 0 270px; }
#utility ul { list-style-type: none; padding: 0; margin: 0; float: right; }
#utility ul li { float: left; margin-left: 14px; }
#utility ul li a { display: block; padding: 0 14px; line-height: 42px; color: #888; text-decoration: underline; font-size: 11px; }
#utility ul li a:hover { text-decoration: none; color: #666; }
#utility .shop { background: url(../img/i-cart.png) left center no-repeat; padding-left: 12px; }
#utility .payment { background: url(../img/i-pig.png) left center no-repeat; padding-left: 25px; }
#utility .coverage { background: url(../img/i-map.png) left center no-repeat; padding-left: 20px; }
#utility .plans { background: url(../img/i-plans.png) left center no-repeat; padding-left: 18px; }
#utility .contacts { background: url(../img/i-contact.png) left center no-repeat; padding-left: 18px; }

/* main-nav */
#main-nav { padding: 15px 8px 15px 0; height: 24px; }
#main-nav ul { margin: 0; padding: 0; float: right; list-style-type: none; position: relative; z-index: 999; }
#main-nav ul li { float: left; margin: 0 0 0 30px; line-height: 24px; overflow: visible; }
#main-nav ul li a { display: block; color: #7f7f7f; font-weight: bold; text-decoration: underline; text-transform: uppercase; font-size: 16px; background: url(../img/darr.png) left 12px no-repeat; padding: 5px 15px; }
#main-nav ul li a:hover,
#main-nav ul li a.hover { background: #00aeef; color: #fff; padding: 5px 15px 7px; text-decoration: none; border-radius: 6px 6px 0 0; }
#main-nav ul li ul { padding: 4px 0; display: none; min-width: 120px; position: absolute; z-index: -1;  background: #00aeef; float: none; border-radius: 0 6px 6px 6px; }
#main-nav ul li ul li { float: none; margin: 0; line-height: 20px; position:relative; }
#main-nav ul li ul li a { color: #fff; background: none; font-weight: normal; border: 0; text-decoration: none; text-transform: none; font-size: 14px; padding: 10px 15px; }
#main-nav ul li ul li a:hover,
#main-nav ul li ul li a.hover { background: #65caef; border-radius: 0; border: 0; color: #fff; padding: 10px 15px; }
#main-nav ul li ul li ul { background: #65caef; width: auto; }
#main-nav ul li ul li ul li a:hover { text-decoration: underline; }

/* teaser */
#teaser { height: 320px; position: relative; z-index: 1; }
#teaser-content { position: absolute; left: 220px; height: 320px; }
#teaser-content img { position: absolute; left: 50px; top: 20px; }

/* homepage-nav */
#hp-nav { position: relative; height: 86px; margin-top: 41px; }
#hp-nav object { position: absolute; right: -54px; }
#hp-nav ul { position: absolute; right: -54px; padding: 0; margin: 0; width: 856px; height: 86px; background: url(../img/hp-nav.png) center center no-repeat; list-style-type: none; }
#hp-nav ul li { position: absolute; top: 22px; }
#hp-nav-p { left: 100px; }
#hp-nav-c { left: 360px; }
#hp-nav-s { left: 676px; }
#hp-nav ul li.active a { color: #fff; }
#hp-nav ul li a { color: #999; display: block; font-size: 20px; line-height: 23px; font-weight: bold; }
#hp-nav ul li a:hover { text-decoration: underline; }

/* content */
#content { margin-left: 240px; font-family: Arial, Helvetica, sans-serif;  }
.breadcrumbs { text-align: right; font-size: 11px; padding: 15px 0 0; color: #aeaeae; }
.breadcrumbs span { color: #00aeef; font-weight: bold; }
.breadcrumbs a { text-decoration: underline; color: #aeaeae; }
.breadcrumbs a:hover { text-decoration: underline; color: #dedede; } 

#content h2 { font-size: 34px; text-align: right; color: #00aeef; margin-bottom: 20px; margin-top: 30px; margin-right: 0; }
#content, #content p { font-size: 14px; font-family: Arial, sans-serif; }

.subnav-wrap { height: 40px; padding-right: 0; overflow: hidden; }
#content .subnav { font-size: 15px; list-style-type: none; text-align: right; margin: 0; padding: 0; }
#content .subnav li { display: inline-block; margin-left: 20px; padding: 4px 10px; background: #f2f2f2; border-radius: 6px; position: relative; }
#content .subnav li.selected { background: #00aeef; }
#content .subnav li.selected a { color: #fff; text-decoration: none; }
#content .subnav a { text-decoration: underline; color: #666; }
#content .subnav a:hover { text-decoration: none; color: #333; }
.selected-arr { position: absolute; bottom: -6px; left: 50%; margin-left: -5px; background: url(../img/selected.png) center center no-repeat; width: 11px; height: 6px; }


.item-page-content { /*background: #fff;*/ border-radius: 6px; padding: 10px }
.item-page-content a { text-decoration: underline; }

/* main-news-block */
#main-news-block {  margin-top: 60px; padding: 0 100px 0 180px; margin-bottom: 30px; position: relative; }
#main-news-block ul li { width: 200px; padding-right: 60px; height: 200px !important; }
#main-news-block .next,
#main-news-block .prev { background-image: url(../img/carousel-btn.png); background-position: bottom left; background-repeat: no-repeat; width: 12px; height: 38px; position: absolute; top: 50%; left: 146px; margin-top: -19px; z-index: 888; }
#main-news-block .next { left: auto; right: 0; background-position: bottom right; }
#main-news-block .next.disabled { background-position: top right; }
#main-news-block .prev.disabled { background-position: top left; }
#main-news-block h4 { margin-bottom: 10px; color: #00AEEF }
#main-news-block h4 a { color: #7a7a7a; text-decoration: underline; }
#main-news-block h4 a:hover { color: #4a4a4a; text-decoration: none; }
#main-news-block p { margin: 0; line-height: 16px; font-size: 14px;}
#main-news-block p.date { color: silver; font-weight: bold; font-size: 12px; }

/* footer */
#footer .inner { padding: 20px 0 0 120px; }
#footer h5 { margin: 0; padding: 0 0 4px; text-transform: uppercase; color: #999; border-bottom: 1px solid #ccc; /*font-weight: normal; font-size: 14px;*/ }
#footer ul { margin: 6px 0 0; padding: 0; list-style-type: none; }
#footer ul li { line-height: 13px; margin-bottom: 8px; }
#footer ul a { color: #343434; text-decoration: underline; }
#footer ul a:hover { color: #646464; text-decoration: none; }
#footer .phone { font-size: 18px; font-weight: bold; color: #00aef4; margin-top: 10px; }
#footer .phone span { font-weight: normal; color: #63c8ee; }
#footer .mail { margin-top: 15px; font-size: 14px; line-height: 30px; }
#footer .mail a { display: block; height: 30px; color: #969696; background: url(../img/mail.png) 0 3px no-repeat; padding-left: 36px; }
#footer .mail a:hover { color: #07c0ff; text-decoration: none; }
#footer .skype { margin-top: 15px; font-size: 14px; line-height: 30px; }
#footer .skype a { display: block; height: 30px; color: #969696; background: url(../img/skype.png) 0 3px no-repeat; padding-left: 36px; }
#footer .skype a:hover { color: #07c0ff; text-decoration: none; }
#footer .social { margin-top: 18px; }
#footer .social a.fb,
#footer .social a.tw,
#footer .social a.yt { background-image: url(../img/social.png); background-repeat: no-repeat; background-position: 0 0; display: inline-block; width: 24px; height: 24px; margin-right: 4px; text-decoration: none; }
#footer .social a.fb:hover { background-position: 0 -24px; }
#footer .social a.tw { background-position: -24px 0; }
#footer .social a.tw:hover { background-position: -24px -24px; }
#footer .social a.yt { background-position: -48px 0; }
#footer .social a.yt:hover { background-position: -48px -24px; }
#footer .copy { color: #b4b4b4; clear: both; padding: 20px 0; font-size: small;}

/* products */
.product { border: 1px solid #ddd; border-radius: 6px; padding: 6px; margin-top: 30px; }
.product-info { float: left; position: relative; }
.product-info p { position: absolute; top: 150px; left: -12px; width: 158px; height: 42px; line-height: 38px; overflow: hidden; margin: 0; padding: 0; text-align: center; color: #fff; font-weight: bold; font-size: 22px; font-style: italic; background: url(../img/price-badge.png) 0 0 no-repeat; text-shadow: 0 1px 0 #216f07; }
/*.product-info a { position: absolute; top: 120px; left: 0; width: 25px; height: 25px; overflow: hidden; background: url(../img/ico-zoom.png) 0 0 no-repeat; }*/
.product table { clear: both; margin-top: 12px; margin-bottom: 0; }
.product table tbody tr td { font-size: 12px; }
.product-desc { margin-left: 210px; }
/*.product-desc ul { list-style-type: none; margin-top: 16px; margin-bottom: 20px; }
.product-desc ul li { padding-left: 30px; margin-bottom: 8px; background: url(../img/ico-check.png) left top no-repeat; }*/
.product .actions { text-align: right; }
.product .price { font-weight: bold; color: #0088CC; font-size: 16px; }
.product .tocart { display: inline-block; text-decoration: underline; background: url(../img/ico-shop.png) left center no-repeat; padding-left: 20px; margin-left: 10px;  }

#mycart table input { margin-bottom: 0; }
#mycart table { margin-bottom: 10px; }
#mycart .alert a { text-decoration: underline; }
#mycart form { margin: 0; }
#mycart .final-price-label { text-align: right; font-weight: bold; }

#plan { margin: 20px 0; position: relative; }
#plan .wrap-slider { position: relative; width: 416px; }
#plan h5 { color: #00AEEF; font-size: 18px; font-style: italic; margin-bottom: 40px; text-align: center; width: 416px; }


#plan .wrap-slider .slider { width: 368px; height: 13px; margin-left: 23px; border: 0 !important; background: url(../img/sl-bg.png) 0 0 no-repeat; }
#plan .wrap-slider .slider .ui-slider-handle { width: 18px; height: 31px; top: -0.5em !important; border:0 !important; background: url(../img/sl-handle.png) 0 0 no-repeat; cursor: pointer; }
#plan .wrap-slider .slider .ui-slider-handle.ui-state-active,
#plan .wrap-slider .slider .ui-slider-handle.ui-state-hover,
#plan .wrap-slider .slider .ui-slider-handle.ui-state-focus { background: url(../img/sl-handle.png) -18px 0 no-repeat; cursor: pointer; }

#plan-period, 
#plan-speed { margin: 0 0 30px; padding: 0 20px 0 60px; }

/*#plan .wrap-slider { position: absolute; left: 240px; width: 380px; }*/
#plan .wrap-slider .min,
#plan .wrap-slider .max { position: absolute; left: -8px; top: -7px; display: block; width: 29px; height: 29px; background: url(../img/sl-pm.png) -29px 0 no-repeat; cursor: pointer; }
#plan .wrap-slider .max { right: -6px; left: auto; background: url(../img/sl-pm.png) 0 0 no-repeat; }
#plan .wrap-slider .min.hover { background-position: -29px -29px; }
#plan .wrap-slider .max.hover { background-position: 0 -29px; }
/*#plan .wrap-slider .slider { width: 274px; margin-top: 3px; margin-left: 52px; }*/

#plan-price { position: absolute; width: 171px; height: 73px; text-align: center; background: url(../img/bubble.png) 0 0 no-repeat; right: 0; top: 73px; padding-top: 13px; padding-left: 18px; }
#plan-price strong { display: block; color: #00AEEF; font-size: 18px; font-style: italic; margin-top: 4px; }
#plan-price span { display: block; }
#plan a .sl-label { display: block; font-weight: normal; color: #666; position: absolute; top: -24px; text-align: center; width: 90px; margin-left: -36px; font-size: 12px; }
#plan a:hover .sl-label { color: #666; }

#choose-plan-mini { margin: 0 0 10px; display: none; }
#chooseplan input { margin: 0; }
#chooseplan { cursor: pointer; padding: 0 0 0 10px; color: #0088cc; margin: 0 0 15px;}

#mycart fieldset { padding-top: 15px;  }

#plan-period-mini, 
#plan-speed-mini { position: relative; height: 32px; }
#choose-plan-mini div p { position: absolute; width: 200px; left: 0; color: #0088cc; }
#choose-plan-mini .wrap-slider { position: absolute; left: 210px; width: 290px; }
#choose-plan-mini .wrap-slider .min,
#choose-plan-mini .wrap-slider .max { position: absolute; top: 0px; color: #999; font-style: italic; font-size: 10px; }
#choose-plan-mini .wrap-slider .max { right: 0; }
#choose-plan-mini .wrap-slider .slider { width: 184px; margin-top: 3px; margin-left: 52px; }

p#plan-price-mini { font-size: 18px; font-style: italic; color: #0088cc; margin-top: 0px; }
.ny4d {margin-top: 30px;}
.ny4d h4 { text-align: left; color: #00AEEF; font-size: 16px; align: right; }

.table-plans { background: #edf9ff; font-size: 12px; }
.table-plans th { color: #046b91; vertical-align: middle !important; }

#slider2 { position: relative; width: 736px; height: 249px; margin-top: 40px; margin-bottom: 72px; margin-left: 234px; }
.slider2 { width: 736px; height: 249px; overflow: hidden; }

#slider2-nav { text-align: right; }
#slider2-nav a { display: inline-block; width: 7px; height: 8px; overflow: hidden; text-indent: 999px; background: url(../img/slider_nav.png) center top no-repeat; margin-left: 7px; }
#slider2-nav a.activeSlide,
#slider2-nav a:hover { background-position: center bottom; }