html, body { margin: 0; padding: 0; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #000;
}

/* *************************************************************************** features ************************************************  */

.cl_left { clear: left; }
.cl_right { clear: right; }
.cl_both { clear: both; }

/* *************************************************************************** fake layout *******************************************  */

#fake_bkg {
 width: 893px;
 height: 1515px;
 background: url(../imgs/fake_background.jpg) no-repeat top left #000;
 margin: 0 auto;
}
#fake_top_menu {
  padding-top: 143px;
}
#fake_top_menu #fake_facebook {
  color: #999;
  display: block;
  margin-top: 40px;
  margin-left: 20px;
  font-size: 80%;
  line-height: 16px;
  padding-left: 20px;
  background: url(../imgs/facebook_ico.gif) no-repeat top left transparent;
  text-decoration: none;
  float: left;
}
#fake_top_menu #fake_facebook:hover { text-decoration: underline; color: #fff; }
#fake_top_menu .buttons_holder {
  float: right;
  width: 470px;
  margin-right: 12px;
}
#fake_top_menu #fake_login_btn {
  display: block;
  width: 86px;
  height: 61px;
  background: url(../imgs/login_btn.png) no-repeat top left #000;
  float: left;
}
#fake_container {
  margin: 25px 33px 0 28px;
}

/* *************************************************************************** BASKET BUTTON **************************************** */

#fake_top_menu #fake_interested_btn {
  display: block;
  float: left;
  width: 232px;
  height: 61px;
  background: url(../imgs/interested_btn.png) no-repeat top left #000;
}

.basket_btn{
  display: block;
  position: relative;
  float: right;
  margin-right: 10px;
  width: 117px;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../imgs/basket_btn.jpg) no-repeat top left #000;
}
.basket_btn:hover {
  background: url(../imgs/basket_btn.jpg) no-repeat bottom left #000;
}
.basket_btn #items_counter {
  display: block;
  position: absolute;
  top: 24px;
  left: 72px;
  width: 40px;
  color: #000;
  line-height: 30px;
  font-size: 200%;
  font-weight: bold;
}

/* *************************************************************************** PACKAGES WRAPPER  */

#pw 
{
  width: 832px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
#pw .additional_package button { border: 0; }
#pw h2 {
  margin: 15px;
  padding: 0 0 0 25px;
  font-weight: normal;
  background: url(../imgs/subheader_ico.gif) no-repeat center left;
  float: left;
}

#pw .proceed {
  display: block;
  width: 196px;
  float: left;
  margin: 6px 0 0 10px;
  height: 47px;
  background: url(../imgs/basekt/btn_proceed_to_ceckout.png) no-repeat top left;
}
#pw .proceed:hover { background: url(../imgs/basekt/btn_proceed_to_ceckout.png) no-repeat bottom left; }
/* *************************************************************************** MAIN PACKAGE */



#pw .main_package {
  width: 410px;
  height: 525px;
  background: url(../imgs/main_package_bkg.jpg) no-repeat top left;
  float: left;
  margin-left: 4px;
  position: relative;
}
#pw .off {
  background: url(../imgs/main_package_bkg.jpg) no-repeat bottom left;
}
#pw .main_package .ilust {
  
}
#pw .main_package h3 {
  font-size: 150%;
  line-height: 50px;
  margin: 0 20px;
  font-style: normal; 
  padding-right: 30px;
}
#pw .main_package .lang_ico 
{
  float: right;
  margin: 7px 7px 0 0;
}

#pw .off h3 { color: #ccc; }
#pw .main_package .price {
  color: #fcc51c;
  font-size: 200%;
  font-weight: bold;
  margin: 5px 0 0 20px;
}
#pw .off .price {
  color: #999;
}

/* ----------------------------------------------------------------- more info button  */

#pw .main_package .more_info_button {
  display: block;
  width: 188px;
  height: 30px;
  background: url(../imgs/package_btn_more_info.png) no-repeat top left;
  float: right;
  margin-top: 2px;
  position: relative;
  right: 20px;
}
#pw .main_package .more_info_button:hover { background: url(../imgs/package_btn_more_info.png) no-repeat bottom left; }
#pw .off .more_info_button { background: url(../imgs/package_btn_more_info_off.png)no-repeat top left; }
#pw .off .more_info_button:hover { background: url(../imgs/package_btn_more_info_off.png) no-repeat bottom left; }


/* ----------------------------------------------------------------- channel icos  */

#pw .main_package .channel_icos_container {
  width: 370px;
  height: 170px;
  margin: 30px 0 0 20px;
  overflow: hidden;
}
#pw .main_package .channel_icos_wrapper {
  width: 800px;
  height: 170px;
  position: relative;
  left: 0px;
}
#pw .main_package .channel_icos_wrapper .column {
	float: left;
	width: 46px;
	margin: 0;
}
#pw .main_package .channel_icos_wrapper .ico_holder {
  float: left;
  width: 46px;
  height: 37px;
  /*background: url(../imgs/package_channel_ico_shadow.png) no-repeat top left #000;*/
}
#pw img { border: 0; }
#pw .main_package .channel_icos_wrapper .ico_holder img { margin: 3px; }


#pw .main_package .button_full_list, #pw .main_package .button_full_list2 {
  display: block;
  width: 242px;
  height: 30px;
  background: url(../imgs/package_btn_full_list.png) no-repeat top left;
  float: right;
  position: relative;
  right: 30px;
}
#pw .main_package .button_full_list:hover, #pw .main_package .button_full_list2:hover { background: url(../imgs/package_btn_full_list.png) no-repeat bottom left; }
#pw .off .button_full_list, #pw .off .button_full_list2 { background: url(../imgs/package_btn_full_list_off.png) no-repeat top left; }
#pw .off .button_full_list:hover, #pw .off .button_full_list2:hover { background: url(../imgs/package_btn_full_list_off.png) no-repeat bottom left; }

#pw .main_package .set_top_box {
  width: 115px;
  height: 61px;
  background: url(../imgs/package_set_top_box.png) no-repeat top left;
  margin: 20px 0 0 20px;
  float: left;
}

#pw .main_package .set_top_box2 {
  width: 122px;
  height: 78px;
  background: url(../imgs/webicon.png) no-repeat top left;
  margin: 14px 0 0 125px;
}

/* ----------------------------------------------------------------- shopping cart ico  */

#pw .shopping_cart_handler {
  float: right;
  margin-top: 30px;
  position: relative;
  right: 15px;
  width: 120px;
  height: 50px;
}


#pw .additional_package .shopping_cart_handler {

  float: none;
  position: absolute;
  bottom: 08px;
  right: 05px;
  width: 120px;
  height: 50px;
}


#pw .add { background: url(../imgs/btn_basket_handler.png) no-repeat top left; } 
#pw .add:hover { background: url(../imgs/btn_basket_handler.png) no-repeat top right; }
#pw .remove { background: url(../imgs/btn_basket_handler.png) no-repeat center left; } 
#pw .remove:hover { background: url(../imgs/btn_basket_handler.png) no-repeat center right; }
#pw .off .add { background: url(../imgs/btn_basket_handler.png) no-repeat bottom left; } 
#pw .off .add:hover { background: url(../imgs/btn_basket_handler.png) no-repeat bottom right; }


#pw .shopping_cart_remove:hover { text-decoration: underline; }
#pw .shopping_cart_add { background: url(../imgs/package_shopping_cart_add.png) no-repeat top center; }
#pw .off .shopping_cart_add { background-image: url(../imgs/package_shopping_cart_add_off.png); color: #ccc;}
#pw .off .shopping_cart_add:hover { text-decoration: none;}
#pw .shopping_cart_remove { background: url(../imgs/package_shopping_cart_remove.png) no-repeat top center; }


#pw .additional_package {
  width: 272px;
  height: 378px;
  margin-left: 3px;
  background: url(../imgs/additional_package_bkg.jpg) no-repeat top left;
  float: left;
}
#pw .additional_package img {  }
#pw .additional_package h3 {
  line-height: 32px;
  font-size: 130%;
  font-weight: normal;
  margin: 0 20px;
  padding: 0;
}

#pw .additional_package .lang_ico 
{
  float: right;
  margin: 5px 10px 0 0;
}


#pw .additional_package .content_wrapper {
  margin: 15px;
  position: relative;
  height: 210px;
}
#pw .additional_package .price {
  color: #fcc51c;
  font-size: 150%;
  font-weight: bold;
  font-size: 110%;
}
#pw .additional_package table tr td { vertical-align: top; }
#pw .additional_package table tr:first-child { border-bottom: 1px solid white; }
#pw .additional_package table tr td:first-child { min-width: 80px; }



#pw .additional_package .price_desc { font-size: 80%; }
#pw .additional_package .more_info_btn {
  background: url(../imgs/package_btn_more_info.png) no-repeat top left transparent;	
  position: absolute;
  top: 105px;
  left: 26px;
  width: 188px;
  height: 30px;
  display: block;
  
}
#pw .additional_package .more_info_btn:hover { background: url(../imgs/package_btn_more_info.png) no-repeat bottom left transparent; }

#pw .additional_package .shopping_cart_add, #pw .additional_package .shopping_cart_remove {
  float: none;
  display: block;
  margin: 80px auto;
  position: relative;
  width: 150px;
  height: 50px;
  left: 0px;
  padding-top: 35px;
  color: #fcc51c;
  font-size: 70%;
  text-align: center;
}
#pw .main_package .left_arrow {
  position: absolute;
  width: 23px;
  height: 92px;
  background-color: #9F0;
  top: 280px;
  left: 3px;
  display: block;
  background: url(../imgs/scrollers/left_hout.png) no-repeat top left;
}
#pw .main_package .right_arrow {
  position: absolute;
  width: 23px;
  height: 92px;
  background-color: #9f0;
  top: 280px;
  right: 3px;
  display: block;
  background: url(../imgs/scrollers/right_hout.png) no-repeat top left;
}
#pw .main_package .left_arrow:hover { background-image: url(../imgs/scrollers/left_hover.png); }
#pw .main_package .right_arrow:hover { background-image:url(../imgs/scrollers/right_hover.png); }
#pw .main_package .left_arrow_disabled, #pw .main_package .left_arrow_disabled:hover { background-image: url(../imgs/scrollers/left_disabled.png); }
#pw .main_package .right_arrow_disabled, #pw .main_package .right_arrow_disabled:hover { background-image: url(../imgs/scrollers/right_disabled); }



/* ************************************************************ BASKET ******************************************************************* */

#pw #basket_init_graphic {
  width: 117px;
  height: 85px;
  position: absolute;
  right: 14px;
  top: -25px;
  background: url(../imgs/basekt/basket_init_grapic.gif) repeat-y;
}
#pw #init_graphic_wrapper h2 {
  margin: 0;
  padding: 0 0 0 25px;
  margin-right: 165px;
  font-weight: normal;
  background: url(../imgs/subheader_ico.gif) no-repeat center left;
  float: right;
  text-align: right;
  color: #fff;
}

#pw #init_graphic_wrapper { position: relative;   height: 60px;}
#pw #basket_header {
  height: 15px;
  background: url(../imgs/basekt/top_left_corner.gif) no-repeat top left #ffca12;
  margin: 0 14px;
  position: relative;
  top: -15px;
}
#pw .clear_basket, #pw .back_to_packages {
  display: block;
  position: relative;
  width: 70px;
  height: 50px;
  float: left;
  padding-left: 55px;
  padding-top: 15px;
  background: url(../imgs/basekt/clear_basket_ico.gif) no-repeat;
  text-decoration: none;
  color: white;
  font-size: 90%;
  color: #ccc;
  line-height: 100%;
  margin-bottom: 10px;
}
#pw .label { 
  margin-left: 55px;
}
#pw .clear_basket:hover { background-image: url(../imgs/basekt/clear_basket_ico_hover.gif); text-decoration: underline; }
#pw .clear_basket_input { position: absolute; top: 0; left: 0; }

#pw .back_to_packages {
  background: url(../imgs/basekt/back_to_packages_ico.gif) no-repeat top left;
}
#pw .back_to_packages:hover { background-image: url(../imgs/basekt/back_to_packages_ico_hover.gif); text-decoration: underline; }
#pw .empty_basket_element {
  width: 248px;
  height: 300px;
  margin: 0 auto;
  padding-top: 60px;
  color: #fcc51c;
  text-align: center;
  
}
#pw .empty_basket_element:hover {
  text-decoration: underline;
}

#pw .basket_item {
  margin: 0 14px;
  height: 120px;
  background: url(../imgs/basekt/bkg_item_other_children.gif) repeat-x top left;
}
#pw .alert 
{
 display: block;
 margin:  0 280px 0 25px;
 border: 1px solid yellow;
 color: Yellow;
 font-weight: bold;
 text-align: center;
 font-size: 130%;
 padding: 10px 20px;
}
#pw .basket_item .alert 
{
  margin: 0 25px;
  position: relative;
  top: 10px;
}
#pw .basket_item:first-child {
  background-image: url(../imgs/basekt/bkg_item_first_child.gif);
}
#pw .basket_item .delete_holder {
  float: left;
  width: 25px;
  height: 25px;
  background: url(../imgs/basekt/btn_delete_item.png) no-repeat top left;
  border: 0;
  margin: 10px 0 0 10px;
}
#pw .basket_item .delete_place_holder { width: 35px; float: left; height: 50px; }
#pw .basket_item .delete_holder:hover { background: url(../imgs/basekt/btn_delete_item.png) no-repeat bottom left; }

#pw .basket_item .ilust {
  float: left;
  width: 133px;
  height: 111px;
}
#pw .basket_item .text_holder {
  float: left;
  height: 100px;
  width: 450px;
  overflow: hidden;
  margin: 0 20px;
}
#pw .basket_item .text_holder h3 {
  color: #fff;
  font-size: 140%;
  margin: 10px 0 0 0;
  padding: 0;
}
#pw .basket_item .text_holder h3 img {
  position: relative;
  top: 4px;
  margin-left: 4px;
}
#pw .basket_item .text_holder p {
  color: #fff;
  font-size: 0.8em;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
#pw .basket_item .price_holder {
  float: right;
  width: 115px;
  height: 120px;
  margin: 0;
  padding: 0;
  text-align: center;
  background: url(../imgs/basekt/basket_price_bkg.gif) repeat-x top left;
}
#pw .basket_item .price_holder img { border: 0; }
#pw .basket_item .price_holder .price_txt { 
  display: block;
  margin-top: 30px;
  color: #a5a5a5;
  font-size: 160%;
  font-weight: bold;
}
#pw .basket_item .price_holder .price_timing {
  color: #a5a5a5;
  font-size: 80%;
  margin: 0;
  text-align: center;
}
#pw .basket_item .price_holder .pickup_package_btn, #pw .basket_item .price_holder .pickup_settopbox_btn {
  margin: 5px auto 0 auto;
  width: 93px;
  height: 36px;
  background: url(../imgs/basekt/edit_button.png) no-repeat top left;
}
#pw .basket_item .price_holder .pickup_settopbox_btn { background: url(../imgs/basekt/brn_pickup_equipment.png) no-repeat top left; }
#pw .basket_item .price_holder .pickup_package_btn:hover { background: url(../imgs/basekt/edit_button.png) no-repeat bottom left; }
#pw .basket_item .price_holder .pickup_settopbox_btn:hover {  background: url(../imgs/basekt/brn_pickup_equipment.png) no-repeat bottom left; }
#pw .basket_item .price_holder .manage_item {
  display: block;
  width: 115px;
  height: 120px;
  background: url(../imgs/basekt/btn_manage.png) no-repeat top left;
}
#pw .basket_item .price_holder .manage_item:hover {  background: url(../imgs/basekt/btn_manage.png) no-repeat bottom left;}
#pw .package_item_divider {
    background: url(../imgs/basekt/items_divider.png) no-repeat top left;
	width: 808px;
	height: 7px;
	margin: 0 auto;
}

#pw #basket_footer {
  width: 844px;
  height: 89px;
  background: url(../imgs/basekt/bkg_footer.png) no-repeat top left;
  position: relative;
  left: -12px;
}
#pw #basket_footer .text_total_price {
  width: 117px;
  height: 89px;
  margin-right: 15px;
  line-height: 60px;
  font-size: 200%;
  font-weight: bold;
  color: #f8c61a;
  text-align: center;
  float: right;
}
#pw #basket_footer .text{
  line-height: 50px;
  text-align: right;
  padding-right: 30px;
  color: #090909;
  font-size: 120%;
  float: right;
  font-weight: bold;
}
#pw .order_button {
  float: right;
  width: 254px;
  height: 80px;
  margin: 5px 10px 0 0;
}
#pw .order_on { background: url(../imgs/basekt/order_now.png) no-repeat top left; }
#pw .order_off { background-image: url(../imgs/basekt/order_now_disabled.png); }
#pw .order_on:hover { background: url(../imgs/basekt/order_now.png) no-repeat bottom left; }

#pw .validator  
{
   text-align: right;
   font-weight: bold;
   display: block;
   background: none;
   color: White;
   margin: 0;
   padding: 0;
   border: 0;
   float: right;
   
    
}


/* ------------------------------------------------------------- MANAGE -------------------------------------------------------- */

#pw .manage_holder { 
  width: 804px;
  background: 3141b24;
  margin: 0 auto;
  position: relative;
  background: #141b24;
  padding-bottom: 30px;
}
#pw .manage_holder h3 { 
  font-size: 120%;
  min-height: 16px;
  font-weight: normal;
  color: #ccc;
  padding: 0 0 0 20px;
  margin: 10px 0;
  background: url(../imgs/basekt/manage/manage_h3.png) no-repeat center left;
}
#pw .manage_holder .inner {
  background: url(../imgs/basekt/manage/manage_wrapper_bkg.png) repeat-y top left;
  position: relative;
}
#pw .manage_holder h3 { font-size: 100%; }
#pw .manage_holder .footer {
  height: 13px;
  background: url(../imgs/basekt/manage/manage_inner_bottom.png) no-repeat top left;
}
#pw .manage_holder .wrapper {
  margin:  0 24px;
  padding: 20px 0;
}
#pw .manage_holder .corner {
  background: url(../imgs/basekt/manage/manage_wrapper_corner.png) no-repeat;
  width: 5px;
  height: 5px;
  position: absolute;
  bottom: 0;
}
#pw .manage_holder .left { background-position: bottom left; left: 0; }
#pw .manage_holder .right { background-position: bottom right; right: 0;}

#pw .manage_inputs_wrapper {
  height: 123px;
  background: url(../imgs/basekt/manage/manage_inputs_bkg.gif) no-repeat top left;
  position: relative;
}
#pw .manage_inputs_wrapper input { float: left; }
#pw .manage_holder .manage_inputs_wrapper .on, #pw .manage_holder .manage_inputs_wrapper .off {
  position: relative;
  width: 149px;
  height: 123px;
  background: url(../imgs/basekt/manage/manage_input_on.png) no-repeat top left;
  border-width: 0px;
  border: medium none;
  text-align: center;
  font-size: 80%;
  float: left;
}
#pw .manage_holder .manage_inputs_wrapper .off { background-image: url(../imgs/basekt/manage/manage_input_off.png); color: #999; }

#pw .manage_holder .manage_inputs_wrapper  .on img { margin-top: 15px; }
#pw .manage_holder .manage_inputs_wrapper  .off img { margin-top: 25px; }

#pw .manage_holder .manage_inputs_wrapper .on .popis { display: block; margin-top: 10px; line-height: 1em;}
#pw .manage_holder .manage_inputs_wrapper .off .popis { display: block; margin-top: 5px; line-height: 1em;}

#pw .manage_holder .manage_inputs_wrapper .manage_input {
  position: absolute;
  left: 0;
  right: 0;
}
#pw .manage_holder .manage_inputs_wrapper div + .on { background: url(../imgs/basekt/manage/manage_input_on_newxt_child.png) no-repeat top left; }

#pw .manage_holder .inner .inner_content {  margin: 25px; position: relative; }

#pw .manage_holder .inner .manage_ok:hover { background-image: url(../imgs/basekt/manage/manage_ok_hover.png); }


#pw .manage_holder .inner .inner_content table * { font-size: 97%; }
#pw .manage_holder .inner .inner_content table a { color: #ccc; }

/*  

fake  

*/

#pw .innerBoxWiz2header { margin-left: 30px; background: none; }
#pw .innerBoxWiz2content { margin-left: 30px; background: none; }
#pw .manage_ok { 
  width: 81px;
  height: 39px;
  background: url(../imgs/basekt/manage/manage_ok.png) no-repeat top left;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 45px;
}

 #pw #innerBoxWiz2 {  background: none; border: none; }
 #pw .innerBoxWiz2header { border: none; }
 
 
  /* ------------------------------------------------------  WEBPLAYER / SETTOPBOX CHOOSER ---------------------------- */

.newstuff {
	width:650px;
	height : 238px;
	margin: 0 auto;
	position: relative;
}
.newstuff input { margin: 0; padding: 0; }
.left_switch { background-image: url(../imgs/browser_tv.jpg); }
.right_switch { background-image: url(../imgs/browser_only.jpg); }
.claim {
	height: 55px;
	background: url(../imgs/caption.jpg) no-repeat top center;
}
.deliver_box {
	float: left;
	width: 305px;
	height: 238px;
}
.clickable {
	background-repeat: no-repeat;
	background-position: top left;
}
.clickable:hover { background-position: bottom left; }
.divider {
	width: 2px;
	height: 238px;
	background: url(../imgs/divider.jpg) no-repeat top left;
	float: left;
}
.newstuff .selected 
{
	background-position: bottom left;
}
