body { background: #fff; font-size: 12px; font-family: arial, Tahoma, sans-serif;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

#mc-box-content * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

#mc-box-content { width: 770px; background: #fff; font-size: 12px; font-family: Arial, Tahoma, sans-serif; line-height: 1  }
#mc-box-content h1,#mc-box-content h2,#mc-box-content h3 { font-size: 16px; font-weight: bold; }

#mc-box-content .hide { display: none; }
#mc-box-content .clear { display: block; /*width: 100%;*/ clear: both; line-height: 0px; font-size: 0px; height: 0px; padding: 0px; margin: 0px; overflow: hidden; }
#mc-box-content a { outline: none ; color: #000000; text-decoration: none; outline: none;  }
#mc-box-content a:hover {outline: none;  color: #0098db; }
#mc-box-content ul { list-style: none; }

#mc-box-content header { padding: 20px 12px 20px 12px }
#mc-box-content header h2 { margin-bottom: 12px; }

#mc-box-content .box-contract-list li { padding:0; background: none; }
#mc-box-content .box-contract-list { width: 280px; margin-bottom: 45px; margin-left: 0; }
#mc-box-content .box-contract-list a { display: block; height: 39px; padding: 0 0 0 60px; background: url(../images/btn_contract.png) no-repeat bottom left; color: #000;  font-size: 16px; font-weight: bold; line-height: 39px; }
#mc-box-content .box-contract-list a:hover { text-decoration: none; }
#mc-box-content .box-contract-list a.active { color: #fff; background-position: top left; }

#mc-box-content form { padding: 13px 0 13px 0; }
#mc-box-content .box-contrat-switcher h3,
#mc-box-content form label { display: block; font-weight: bold; font-size: 14px; margin: 0 0 7px 0;}

#mc-box-content ul.dot li { padding: 1px 0 1px 14px; min-height: 15px; background: url(../images/gfx_dot.png) no-repeat 0 5px; line-height: 15px; }

#mc-box-content .bar { height: 38px; padding: 0 11px 0 11px; background: url(http://www.t-mobile.pl/r/repo1/projekty/konfigurator_html/images/bg_header_bar.png) no-repeat top left; color: #fff;  line-height: 38px; }
#mc-box-content .bar-2 {  height: 70px; padding:0 11px 11px 11px; font-size:18px;  color: #e20074; text-align:center; font-weight:normal;  line-height: 30px;   }
#mc-box-content .bar-2 strong {font-weight:bold;}

#mc-box-content .bar .left { display: block; float: left; }

#mc-box-content .box-contrat-switcher { float: left; width: 280px; padding-top: 12px; }
#mc-box-content .box-contrat-details { float: left; width: 490px; padding-top: 12px; padding-bottom: 24px; }

#mc-box-content .box-contrat-details h3 { padding: 0 12px; font-size: 14px; border-bottom: 1px solid #cccccc; line-height: 20px; min-height:20px; }
#mc-box-content .box-contrat-details ul { padding: 12px 12px 12px 12px; }
#mc-box-content .box-contrat-details .super-item { color: #e20074; }
#mc-box-content .box-contrat-details .super-item .normal{ color: #333333; }
#mc-box-content .box-contrat-details .label { display: block; float: left;  }
#mc-box-content .box-contrat-details .label .small {font-size:11px;}
#mc-box-content .box-contrat-details .value { display: block; float: right; width: 105px; font-weight: bold; }
#mc-box-content .box-contrat-details .value .light {font-weight:normal; font-size:12px;}
#mc-box-content .box-contrat-details h3 .value {width:120px;}

#mc-box-content .box-contrat-details .frame-top { display: block; width: 490px; background: url(../images/bg_frame_top.png) no-repeat top left; }
#mc-box-content .box-contrat-details .frame-bottom { padding: 12px 12px 5px 12px;  background: url(../images/bg_frame_bottom.png) no-repeat bottom left; }
#mc-box-content .box-contrat-details .box-gift { padding: 13px 0 6px 140px; background: url(../images/bg_gift.gif) no-repeat top left #dbdbdb; margin: 0 -12px 0 -12px; font-size: 13px; font-weight: bold; }
#mc-box-content .box-contrat-details .box-gift p { line-height: 18px; }
#mc-box-content .box-contrat-details .box-gift strong { display: block; color: #e20074; }
#mc-box-content .box-contrat-details .box-gift h3 { border: none; padding: 0;  margin-bottom: 12px; font-size: 16px; }
#mc-box-content .box-contrat-details footer { float: left; width: 270px; padding: 12px 0 0 0;  }

#mc-box-content .box-contrat-details .box-no-gift { padding: 20px 0 12px 26px; background: #dbdbdb; margin: 0 -12px 0 -12px; font-size: 13px; font-weight: bold; }
#mc-box-content .box-contrat-details .box-no-gift p { line-height: 18px; font-weight: bold; font-size: 14px; }


#mc-box-content .box-contrat-details small { display: block;  margin-bottom: 5px; font-size: 10px; color: #999999; line-height: 13px; }
#mc-box-content .star { background: url(../images/gfx_star.gif) no-repeat 0 0; padding-left: 12px; }
#mc-box-content .star-2 { background: url(../images/gfx_2_star.gif) no-repeat 0 0; padding-left: 12px; }

#mc-box-content a.btn-compare { width:214px; height:22px; background: url(../images/btn_compare_v2.png) no-repeat left top; display: block; margin-top:8px; float: right; position: static; }
#mc-box-content a.btn-compare:hover { background-position:left bottom;}


#mc-box-content a.btn-select-phone { display: block; height: 42px; width: 210px; margin: 0 0 0 auto; background: url(../images/btn_select_phone.png) no-repeat 0 0; overflow: hidden; text-indent: -1000em; }
#mc-box-content a.btn-select-phone:hover { background-position: bottom left; }
#mc-box-content a.btn-select-phone.hide { display: none; } 

#mc-box-content a.btn-other-phone { display: block; height: 42px; width: 243px; margin: 10px 0 0 auto; background: url(../images/btn_select_other_phone.gif) no-repeat 0 0; overflow: hidden; text-indent: -1000em; }
#mc-box-content a.btn-other-phone:hover { background-position: bottom left; }
#mc-box-content a.btn-other-phone.hide { display: none; } 

#mc-box-content a.btn-other-modem { display: inline-block; height: 33px; width: 184px; margin: 10px 0 0 auto; background: url(../images/btn_select_other_modem_v2.png) no-repeat top left; overflow: hidden; }
#mc-box-content a.btn-other-modem:hover { background-position: bottom left; }
#mc-box-content a.btn-other-modem.hide { display: none; } 

#mc-box-content a.btn-shop-list { display: inline-block; height: 42px; width: 255px; margin: 10px 0 0 auto; background: url(http://www.t-mobile.pl/r/repo1/projekty/konfigurator_html/images/btn_shop_list.png) no-repeat 0 0; overflow: hidden; }
#mc-box-content a.btn-shop-list:hover { background-position: bottom left; }
#mc-box-content a.btn-shop-list.hide { display: none; }  


#mc-box-content a.btn-add-to-cart{ display: inline-block; height: 22px; width: 150px; background: url(../images/btn_add_to_cart_4.png) no-repeat bottom left; overflow: hidden; }
#mc-box-content a.btn-add-to-cart:hover { background-position: top left; }

#mc-box-content a.btn-phone-order{ color: #003399;  font-size: 11px; display:inline-block; clear:both;}
#mc-box-content a.btn-phone-order:hover { text-decoration:underline; }

#mc-box-content a.btn-more { color: #003399;  font-size: 11px; }
#mc-box-content a.btn-more:hover { text-decoration: underline; }

#mc-box-content a.btn-add-to-cart.hide,
#mc-box-content a.btn-phone-order.hide,
#mc-box-content a.btn-more.hide { display: none; }

#mc-box-content .box-btn a.btn-phone-order {  margin-top: 5px;  }
#mc-box-content .box-btn a.btn-more { float: right; margin-top: 10px; margin-right: -60px; }

#mc-box-content .box-super-btn { padding: 0 0 10px 0; text-align:center;}
#mc-box-content .box-super-btn a.btn-phone-order { float: right; margin-top: 10px;  }


#mc-box-content .phones-contener {position:relative; overflow:hidden; height:440px; padding:10px 31px; background:white url(../images/bg_pnones_contener.jpg) no-repeat center top;}
#mc-box-content .phones-contener a.nav {display:block; position:absolute; width:28px; height:98px; background:transparent url(../images/arrows.png) no-repeat;}
#mc-box-content .phones-contener a.nav.left {left:0; top:171px; background-position:left top;}
#mc-box-content .phones-contener a.nav.left:hover {background-position:left bottom;}
#mc-box-content .phones-contener a.nav.right {right:0; top:171px; background-position:right top;}
#mc-box-content .phones-contener a.nav.right:hover {background-position:right bottom;}
#mc-box-content .small-contener {height:440px; width:708px; position:relative; overflow:hidden;}
#mc-box-content .box-phone-list { height: 440px; width:2124px; position:relative; left:0px;}
#mc-box-content .box-phone-list .item { width: 230px; height: 440px; float: left; position:relative; margin:0 3px; background: url(../images/bg_phone.png) no-repeat center top;}
#mc-box-content .box-phone-list .item .title { color: #333; font-size: 18px; text-align:center; font-weight: bold; margin: 14px 12px 12px 12px ; padding-top:10px;}
#mc-box-content .box-phone-list .item .title span { display: block; margin-top: 2px; }
#mc-box-content .box-phone-list .item .mc-price { width:230px; text-align:center; font-size: 27px; font-weight: bold; color: #e20074; position:absolute; left:0; top:340px;}
#mc-box-content .box-phone-list .item .box-btn { position: absolute; bottom: 22px; left: 0; width: 230px; height:40px; text-align:center; }
#mc-box-content .box-phone-list .item .box-btn .btn-more {position:absolute; left:78px; top:-312px;}
#mc-box-content .box-phone-list .item .box-gfx { position: absolute; top: 100px; left: 0; width: 230px; text-align:center;}

#mc-box-content .box-phone-list .item.phone-tmpl { display: none; }
#mc-box-content .box-phone-list .phone-1 {  }
#mc-box-content .box-phone-list .phone-2 {  }
#mc-box-content .box-phone-list .phone-3 {  }
#mc-box-content .gfx-more { display: inline-block; margin-bottom: -1px; width: 12px; height: 12px; overflow: hidden; text-indent: -1000em; background: url('../images/gfx_more.png') no-repeat 0 0; }
#mc-box-content .gfx-close { display: inline-block; margin-bottom: -1px; width: 12px; height: 12px; overflow: hidden; text-indent: -1000em; background: url('../images/gfx_close.png') no-repeat 0 0; }
#mc-box-content .gfx-gift { display: inline-block; margin-bottom: -3px; width: 16px; height: 16px; overflow: hidden; text-indent: -1000em; background: url('../images/gfx_gift.png') no-repeat 0 0; cursor: pointer; }
#mc-box-content .gfx-quest { display: inline-block; margin-bottom: -3px; width: 15px; height: 15px; overflow: hidden; text-indent: -1000em; background: url('../images/gfx_quest.png') no-repeat 0 0;  cursor: pointer; }

 
#box-all-data table {	border-collapse: collapse;	border-spacing: 0; background: #fff; }
#box-all-data table td { font-weight: bold; text-align: center;}
#box-all-data table th { text-align: left; font-weight: normal; }
#box-all-data table td,
#box-all-data table th { padding: 9px 12px 9px 12px; font-size: 12px; font-family: Arial, Tahoma, sans-serif; border-bottom: 1px solid #cccccc; }
#box-all-data table .header-row th{ padding: 12px; background: #e20074; color: #fff; font-size: 14px; font-weight: bold; text-align: center;  }
#box-all-data table .column-a { background: #ebebeb; }
#box-all-data table .super-item { color: #e20074; font-weight: bold;  }
#box-all-data table .super-item .normal{ color: #333333; }
#box-all-data .box-close { padding: 8px 12px 8px 0; font-size: 11px; text-align: right; }

#mc-box-content  #box-all-data { display: none; }
#mc-box-content  #box-order-phone { display: none; }

#mc-box-content .form-game-box { padding: 12px 12px 24px 12px; }
#mc-box-content .form-game-box legend { display: block; padding: 0 0 12px 0; }
#mc-box-content .form-game-box label { display: block; float: left; margin: 0 20px 0 0; height: 137px; width: 118px; background: url('../images/sprint_games.jpg') no-repeat right 0; cursor:pointer; }
#mc-box-content .form-game-box label.game-fifa_12 { background-position: right 0px; }
#mc-box-content .form-game-box label.game-harry_potter {  background-position: right -137px; }
#mc-box-content .form-game-box label.game-run {  background-position: right -274px; }

#mc-box-content .form-game-box label span { display: none; }