@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-mini.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
  * {font-family: verdana,arial,sans-serif}
	body{	font-size: 62.5%}
  body{ background-image: url(../i/bg-pattern.gif); background-position: center 7px}
	body,html {font-size: 11px; line-height:1.1em; font-family: verdana,arial,sans-serif; color:#333; background-color:#fff; margin:0}
	
	a{ text-decoration: none; color: #48bdff}
	a:hover{text-decoration: none; color: #289ddf}
	a:active{text-decoration: none; color: #666}

	h1 {font-size: 2em; line-height: 1.6em; font-weight:bold; margin-top:5px; color: #058}
	h2 {font-size: 1.4em; line-height: 1.7em; font-weight:bold; margin-top:10px; color: #4abdff; font-family: arial,sans-serif}

  h2.linked span.title{float:left}
  h2.linked a{width:24px; height: 1em; padding:0; float:left}
  h2.linked a span{background: url(../i/ico_head_link_arrow.gif) left 7px no-repeat; background-color:#fff}
  h2.linked a:hover span{background-position: -24px 7px}

	h3 {font-size: 1.2em; line-height: 1.2em; font-weight:bold; padding: 2px 0}

  h3.linked span.title{float:left}
  h3.linked a{width:16px; padding:0; float:left}
  h3.linked a span{background: url(../i/ico_head_link_arrow_small.gif) left 4px no-repeat; background-color:#fff}
  h3.linked a:hover span{background-position: -16px 4px}

	h4 {font-size: 1.1em; line-height: 1.1em; font-weight:bold; padding: 2px 0}

	p {line-height:1.15em; text-align:justify}
	
	strong{font-weight: bold}
  	
	dl {}
  dt {float:left; display:inline;  text-align:right; clear:both; width:50%; margin:0; line-height:1.5em}
  dd {float:right; display:inline; width:45%; margin:0; line-height:2em; padding-bottom:4px}
	
  input{padding:0 3px}
  input.text, input[type="text"], input[type="password"] {width:10em; height: 1.4em}
  input.text, input[type="text"], input[type="password"], input.button, select, textarea, input.file{border: 1px solid #bcbcbc; text-align:left; font-size:1em}
  select option{text-align:left; padding:0 3px}
  input.button{background-color:#ddf3fe; position:relative; border: 0; color: #46bdff; padding: 0.1em 1em; font-weight:bold; border: 1px solid #bcbcbc; font-family: verdana,arial,sans-serif}
  input.button:hover{ background-color:#bdf3fe}

  /* IE fix */
  input, select {font-size:1em}

  input.checkbox{padding:0}

  span.button a, a.button{background-color:#ddf3fe; position:relative; border: 0; color: #46bdff; padding: 0.1em 1em; font-weight:bold; border: 1px solid #bcbcbc}
  span.button a:hover, a.button:hover{ background-color:#bdf3fe}
  
  ul {list-style-type:none}
  ul li{text-align:left; margin-left:0}
  
  fieldset {padding:10px; background-color:#dff7df}
  fieldset legend{font-weight:bold}

  label.large {font-size:1.1em; font-weight:bold; padding-left: 10px; font-family: arial,sans-serif;}

  .err {border: 2px solid red; color:red; text-align:center; font-size:1.3em; line-height:1.3em; font-weight:bold; margin: 2px}
  .ok {border: 2px solid green; color:green; text-align:center; font-size:1.3em; line-height:1.3em; font-weight:bold; margin: 2px}
  .form_error {color:red}
  
  .clear{clear:both}
  
  .clearfix:after {
       visibility: hidden;
      display: block;
       font-size: 0;
       content: " ";
       clear: both;
      height: 0;
  }
  .clearfix { display: inline-block; }
  /* start commented backslash hack \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
  /* close commented backslash hack */

  /**
    Helper class for any text elements replaced by images
  */
  .imgReplacement { position:relative; display: block; overflow: hidden}
  .imgReplacement span{background-position: left top; background-repeat: no-repeat; display: block; position: absolute; top:0; left:0; width:100%; height: 100%}

/**
  JS tooltip styles
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #888;
	background-color: #eee;
	padding: 3px;
	/*opacity: 0.80;*/
}
#tooltip h3, #tooltip div { margin: 0; }


/*
  Layouty
*/

#header { width: 973px; margin:0 auto; padding: 5px 14px 27px 26px; text-align:right; background: url('../i/bg_main_top.gif') left bottom no-repeat; min-height:4px}

#main { background: url(../i/bg_main.jpg) left 17px;  width:980px; margin:0 auto; padding: 0 16px 0px 17px}

#top {background: url(../i/bg_menu_pozadi.jpg) 737px top no-repeat #fff; padding-top: 7px; position: relative}

#forms {background-color: #d8d8d8; position:relative}

#adds {padding-bottom:8px; background: url(../i/bg_bottom_bar.gif) bottom repeat-x #fff}

#col {position:relative; width:200px; padding: 0 10px 5px 18px; float:left; display:inline}
#col .add{margin-top:9px}

#logo, #logoH1 {float: left; display:inline; padding: 3px 0 5px 15px;}
#logo  a#mainLink, #logoH1  a#mainLink{width: 260px; height: 46px; display: block; background: url('../i/mobila_cz_logotyp.gif') left top no-repeat}
#logoH1 {width: 260px; height: 46px; position: relative}
#logoH1  a#mainLink{position: absolute; top: 3px; left: 15px}


#selectPhoneSimple {padding:9px 0 7px 10px; position: relative; height: 1%; width: 460px} /* top - needed for IE7, margin-top does not work */
#selectPhoneSimple select {width:150px}
#selectPhoneSimple label {padding: 0 0 5px}
#selectPhoneSimple .button {margin:3px 0 }
#selectPhoneSimple a {float:right; font-weight:bold; padding-top: 1px}

#searchFormSimple {margin: 0 31px 0 0; padding-right: 15px; float:right; display:inline}
#searchFormSimple .image{margin:0; padding:0; position: relative; top: 6px}

#content {width:745px; float: right; display: inline; margin:0 7px 10px 0; position: relative;}

#mainMenu {height:33px; margin:15px 10px 0 25px; float:right; display:inline}
#mainMenu li {float:left; display:inline; height:33px; margin: 0 4px 0 3px; position: relative}
#mainMenu li.javagame{width:63px}
#mainMenu li.javagame a span{background-image: url('../i/bt_menu_javagame.png')}
#mainMenu li.realtone{width:100px}
#mainMenu li.realtone a span{background-image: url('../i/bt_menu_realtone.png') }
#mainMenu li.truetone{width:112px}
#mainMenu li.truetone a span{background-image: url('../i/bt_menu_truetone.png') }
#mainMenu li.polyphony{width:134px}
#mainMenu li.polyphony a span{background-image: url('../i/bt_menu_polyphony.png') }
#mainMenu li.wallpaper{width:54px}
#mainMenu li.wallpaper a span{background-image: url('../i/bt_menu_wallpaper.gif') }
#mainMenu li.theme{width:56px}
#mainMenu li.theme a span{background-image: url('../i/bt_menu_theme.gif')}
#mainMenu li.flash{width:46px}
#mainMenu li.flash a span{background-image: url('../i/bt_menu_flash.png')}
#mainMenu li.video{width:48px}
#mainMenu li.video a span{background-image: url('../i/bt_menu_video.png')}

#mainMenu li a {height:33px}
#mainMenu li a span{background-position: center bottom; display:block; width:100%; height: 100%; position: absolute; top:0; left:0;}
#mainMenu li a:hover span {background-position: center top}
#mainMenu li.selected a span {background-position: center top }

#top #pozadi {position: absolute; top:0; right: 118px}



/**
 * Sub menu styles
 */

#subMenu h2 { position: relative; width:190px; height: 34px; overflow: hidden; margin:0; padding:0}
#subMenu h2 span{display:block; width:100%; height: 100%; position: absolute; top: 0; left:0; }

#subMenu h3 { padding:8px 0 0 10px; margin:0; font-size:1em;}

#subMenu ul{padding: 5px 10px 0}
#subMenu ul li{padding: 0 }
#subMenu ul li.selected a{color: #48bdff; font-weight:bold; background: url('../i/icon_list_arrow.gif') 2px 3px  no-repeat}
#subMenu ul li#cheepest a{background-image: url('../i/icon_menu_price.gif'); background-position: left 2px; background-repeat: no-repeat}

#subMenu ul a{color:#000; display:block; width:90%; height: 100%; padding: 3px 0 4px; border-top: 1px solid #e7e7e7; padding-left:17px; background: url('../i/icon_list_dot.gif') 5px 7px  no-repeat}
#subMenu ul a:hover {background-color: #eeeeee}

/**
 * Main box styles
 */

#content #majorContent {float:left; display:inline; width: 428px}
#content #minorContent {float:right; display:inline; width: 314px}

#searchFormSimple {margin: 0 0 10px 20px}
#searchFormSimple .image{margin:0; padding:0; position:relative; top:5px; left:10px}
#searchFormSimple label{position: relative; top: 1px}

#footer {clear:both; background-color: #fff; padding:20px}
#footer ul {padding-bottom:25px}
#footer ul li{border-left: 1px solid #999; float:left; display:inline; padding: 0 5px}
#footer ul li.first{border-left: none; padding-left: 0 }
#footer p {clear:both}
#footer p#copy {float:right; display:inline}
#footer #zaiks {position: relative; top: 3px}

#bottom {height:17px; width:1012px; margin: 0 auto; background: url('../i/bg_main_bottom.jpg') 1px top  no-repeat; }

.paginationControl {margin: 0 0 5px; text-align:center; clear:both}

/*
  Boxes
*/

.plainBox{background: url(../i/bg_small_box_top.gif) left top no-repeat #fafafa;  width:190px; margin:10px 0 0; padding: 0}
.plainBox h2{background: url(../i/bg_small_box_head.gif) left top no-repeat #fafafa; height: 31px; width:100%; margin:0; padding-top:3px; text-align:center; color:#fff; font-size: 1.5em; font-weight:bold; font-family: arial,sans-serif; font-style:italic}
.plainBox h2 a{padding-right: 0; background: none; font-family: arial,sans-serif;}
.plainBox .inbox{padding:5px}
.plainBox .bottom{background: url(../i/bg_small_box_bottom.gif) left top no-repeat;  width:100%; height:9px; margin:0; padding: 0}

.largeBox {width:745px; background: url(../i/bg_large_box.gif) left top repeat-y; clear: both}
.largeBox .boxTop    {width:100%; height: 15px; background: url(../i/bg_large_box_top.gif)}
.largeBox .boxBottom {width:100%; height: 16px; background: url(../i/bg_large_box_bottom.gif)}
.largeBox .boxCenter {padding: 0 20px}

.halfBox {width:370px; background: url(../i/bg_half_box.gif); float: left; display: inline; margin-right:2px}
.halfBox {overflow:hidden}
.halfBox .boxTop    {width:100%; height: 14px; background: url(../i/bg_half_box_top.gif)}
.halfBox .boxBottom {width:100%; height: 14px; background: url(../i/bg_half_box_bottom.gif)}
.halfBox .boxCenter {padding: 0 18px}

.mediumBox {width:428px; background: url(../i/bg_medium_box.gif); float: left; display: inline}
.mediumBox .boxTop    {width:100%; height: 16px; background: url(../i/bg_medium_box_top.gif)}
.mediumBox .boxBottom {width:100%; height: 16px; background: url(../i/bg_medium_box_bottom.gif)}
.mediumBox .boxCenter {padding: 0 17px}

.smallBox {width:314px; background: url(../i/bg_small2_box.gif); float: right; display: inline}
.smallBox .boxTop    {width:100%; height: 15px; background: url(../i/bg_small2_box_top.gif)}
.smallBox .boxBottom {width:100%; height: 15px; background: url(../i/bg_small2_box_bottom.gif)}
.smallBox .boxCenter {padding: 0 17px}

/*
  Custom add
*/

#customAddContainer {clear:left; padding:12px 0 10px 10px; background: #fff; float:left; display:inline; width:650px}
#customAddContainer #customAdd #imgContainer {float:left; width: 446px; height: 246px}
#customAddContainer #customAdd ul {float:left; list-style-type:none; padding:0; margin:0}
#customAddContainer #customAdd ul li {width: 200px; height:49px; padding:0; margin:0}
#customAddContainer #customAdd ul li a{ width: 100%; height:100%;  display:block; background: url('../i/add/button_nieaktywny.gif') top left no-repeat; color: #000}
#customAddContainer #customAdd ul li a.selected, #customAddContainer #customAdd ul li a:hover{background-image: url('../i/add/button_aktywny.gif'); color: #fff}
#customAddContainer #customAdd ul li a span.text{display:block; width: 180px; height:35px; padding:7px 10px 7px 10px}
#customAddContainer #customAdd ul li a span.text span{display:block}
#customAddContainer #customAdd ul li a span.text span.major{font-size:14px; font-weight:bold}
#customAddContainer #customAdd ul li a span.text span.minor{font-size:11px; margin-top:2px}
#customAddContainer #customAdd ul li a.selected span.text{width: 170px; background: url('../i/add/arr.gif') 5px 50% no-repeat; padding-left: 20px}
#customAddContainer #customAdd ul li.top, #customAddContainer #customAdd ul li#bottom {height:50px}
#customAddContainer #customAdd ul li.top a{background: url('../i/add/button_nieaktywny_gora.gif') top left no-repeat}
#customAddContainer #customAdd ul li.top a.selected, #customAddContainer #customAdd ul li#top a:hover{background-image: url('../i/add/button_aktywny_gora.gif')}
#customAddContainer #customAdd ul li.bottom a{background: url('../i/add/button_nieaktywny_dol.gif') top left no-repeat}
#customAddContainer #customAdd ul li.bottom a.selected, #customAddContainer #customAdd ul li#bottom a:hover{background: url('../i/add/button_aktywny_dol.gif') top left no-repeat}

/*
  Front Box Add
*/

#frontBoxAdd {float:right; clear:right; display:inline; padding: 10px 10px 0 0}

/*
  Hit list
*/
.largeBox #lists {float:right; display:inline; margin-top: 12px}

.topListBox h2 {float:left; display:inline; padding-right: 20px; line-height: 1em; padding-top:8px; padding-bottom:0}
.topListBox h3 { font-family: arial,sans-serif; float:left; display:inline; font-size:1.3em; line-height:1em; padding-top:13px; padding-bottom:0}

.archiveListBox .year{float:left; display:inline; margin: 5px 12px}
.archiveListBox .year h3{font-size: 2.0em; font-weight:bold; font-family: arial,sans-serif}
.archiveListBox .year li{text-align:right}

/*
  Content list
*/

.contentBox .listHead {float: left; display:inline}
.contentBox .listHead img{float: left; margin: 5px 5px 0 0; display:inline}

.contentBox .listHead a.switchHits, .contentBox .listHead a.switchNews {float: left; margin: 5px 5px 0 0; display:inline; width:70px; height:39px}
.contentBox .listHead a.switchHits span{background-image: url('../i/bt_hits_disabled.jpg')}
.contentBox .listHead a.switchNews span{background-image: url('../i/bt_new_disabled.jpg')}
.contentBox .listHead a.switchHits:hover span, .contentBox .listHead a.switchNews:hover span{background-position: -70px top}

.contentBox .moreList {float:right; display:inline; margin: 5px 14px 0 0; clear:both; width:41px; height:11px; padding-left:2px}
.contentBox .moreList span{background-image: url('../i/text_see_more.gif')}
.contentBox  a.moreList:hover span{background-position: -42px top}
.contentBox .alphabetical {clear:both; padding: 2px 0 0 2px}
.contentBox .alphabetical li{float:left; display:inline; margin-right:5px}

.contentBox a.moreHitList {float:right; display:inline; margin: 0 5px 0 0; width:112px; height:11px; padding-left:2px}
.contentBox a.moreHitList span{background-image: url('../i/text_see_whole_list.gif')}
.contentBox a.moreHitList:hover span{background-position: -114px top}
.contentBox a.moreArchive {float:right; display:inline; margin: 0 5px 0 0; width:113px; height:11px; padding-left:2px}
.contentBox a.moreArchive span{background-image: url('../i/text_see_archive.gif')}
.contentBox a.moreArchive:hover span{background-position: -115px top}

.contentBox h1.linked {font-size: 2.4em; line-height: 1.7em; font-weight:bold; color: #4abdff; font-family: arial,sans-serif}
.contentBox h1.linked span.title{float:left}
.contentBox h1.linked a{width:24px; height: 1.7em; padding:0; float:left}
.contentBox h1.linked a span{background: url(../i/ico_head_link_arrow.gif) left 16px no-repeat; background-color:#fff}
.contentBox h1.linked a:hover span{background-position: -24px 16px}
.contentBox h2{font-size: 2.4em; margin:0; padding:0}
.contentBox h2.linked a{height: 1.7em}
.contentBox h2.linked a span{background-position: left 16px;}
.contentBox h2.linked a:hover span{background-position: -24px 16px}

/*
  Creation list
*/

.searchList h1.linked {padding-left:0}

h1.creationListDevice{padding-left:10px}

.creationsList {padding: 10px 0; clear:both}
.creationsList .previewImage {width:128px; height:128px}
.creationsList p {text-align:left; padding-left:2px}
.creationsList a.more {float:right; display:inline; margin: 8px 5px 5px 0; clear:both; width:40px; height:11px; padding-left:2px}
.creationsList a.more span{background-image: url('../i/text_more.gif')}
.creationsList a.more:hover span{background-position: -42px top}
.creationsList .category{padding-bottom: 2px; display: block; padding-left:2px; font-size:0.8em}
.creationsList .category a{color: #000}
.creationsList .category a:hover{color: #555}

.listRealtone li{padding:0 3px; font-size:1em; line-height: 1.5em; clear:both}
.listRealtone li:hover {background : url('/i/bg_list_hover.gif') right top repeat-y}
.listRealtone li span.no{ font-size:1.2em; padding-top:1px; font-weight:bold; color: #4abdff; font-family: arial,sans-serif; float:left; display:inline; width:30px; text-align:center}
.listRealtone li:hover span.no{color: #555}
.listRealtone li span.change{float:left; display:inline;  height:20px; width:30px; margin-right:5px;  background-color:#fff; text-align:center}
.listRealtone li span.change img {margin-top:2px}
.listRealtone li.odd{background-color: #eeeeee}
.listRealtone li a.name{float:left; display:inline; padding-left:5px; width: 77%}
.halfBox .listRealtone li a.name{width: 55%}
.mediumBox .listRealtone li a.name{width: 60%}
.smallBox .listRealtone li a.name{width: 76%}
.listRealtone li a.nameIcon{width: 70%}
.listRealtone li a span.title, .listRealtone li a span.author{color: #000}
.listRealtone li a:hover span.title, .listRealtone li a:hover span.author{color: #555}
.listRealtone li a span.author{padding-right:10px; font-weight:bold}
.listRealtone li a.jpreview{float:right; display:inline; margin: 2px 8px 0 8px}
.listRealtone .code {font-size:0.9em; color: #289ddf; float:right; line-height: 1.6em; margin: 0 3px 0 0}
.listRealtone .codeInstruction {text-align: right; padding-right:20px}
.listRealtone .codeInstruction:hover {background: none}
.listRealtone .virtualPlayer {padding-right:28px}

.listJavagame li {border: 2px solid #efefef; width:128px; height:340px; float:left; display:inline; overflow:hidden; position: relative; margin:5px 5px 5px 3px; background: url('/i/bg_js.gif') left bottom repeat-x}
.listJavagame li:hover {background-image: url('/i/bg_js_hover.gif')}
.listJavagame li .more {position: absolute; right:0; bottom: 0}
.listJavagame li p {font-size: 0.9em; line-height: 1.2em}
.listJavagame .newLine {width:100%; overflow:hidden; padding:0; margin:0; height:0px; border: none}
.listJavagame li img.previewImage {width:128px; height:150px}


.listWallpaper li {border: 2px solid #efefef; width:128px; float:left; display:inline; margin:5px 5px 5px 3px; background: url('/i/bg_js.gif') left bottom repeat-x}
.listWallpaper .category {padding-top: 4px; display: block}
.listWallpaper li.newLine {width:100%; overflow:hidden; padding:0; margin:0; height:0px; border: none}
.listWallpaper li img {width:128px; height:128px}

.listJavagame .code, .listWallpaper .code{font-size:0.9em; text-align:center; background-color: #f9f9f9; margin: 3px 0; padding: 2px 0; color: #289ddf}
.listJavagame .code{position: absolute; bottom: 17px; left:0}

.moreBtn {float:right; display: inline}


/*
  Details pages
*/

.details #head{float:left}
.details #info{clear:left}

.details h1 {clear: left}

.details h2{font-size: 1.8em; line-height:1.1em; margin:0; padding: 5px 0 2px; background-image:none; overflow:auto}
.details h2 a{ background-image:none}

.details h2.linked a{height: 1.1em}
.details h2.linked a span{background-position: left 5px;}
.details h2.linked a:hover span{background-position: -24px 5px}

.details h3.category{font-size:1.3em; line-height:1.2em; padding: 0; margin-top:0; color: #4abdff}

.details #info{clear:left}
.details #info h3{white-space:nowrap}
.details h3, .details h4{margin: 10px 0 5px}

.details #wrongPhone{margin:0; padding: 3px 0 7px 0; text-align:center}

.details .titleBar {width:394px; background-color: #eeeeee; margin:5px 0; background: url(../i/bg_foto_box_top.gif) top left no-repeat; background-color: #d0eeff;}
.details .titleBar .boxBottom {width:100%; height: 9px; background: url(../i/bg_foto_box_bottom.gif)}
.details .titleBar h1{font-size:1.5em; padding:3px 0 3px 8px}
.details .titleBar h1 .author{font-size:0.9em; border-bottom: 1px solid white; width: 80%; padding-bottom: 4px}
.details .titleBar #preview{float:right; display:inline; margin: 20px 15px 5px}

.details p{margin: 4px 0; text-align:left}
.details #phone{width: 87px; height: 162px; float:left; clear:left; display:inline; margin:0px 10px 10px 0}
.details #phone span{position:relative; top:25px; left:8px; font-weight:bold; font-size: 0.9em}
.details #showPhonesList, .details #hidePhonesList {white-space:nowrap; display: none; width:60px}
.details .warning{color:#fe9423; font-weight:bold; margin: 20px 0 10px}
.details .warning a{color:#fe9423}

.details h2#download {font-size:1.8em; font-weight: bold; text-align: center; padding-top: 10px; margin-top: 20px; margin-bottom: 5px; clear: both; overflow: hidden}
.details h3.buy {font-size:1.4em; font-weight: bold; border-bottom: 1px solid #fff; width: 97%; margin: auto}
.details .smsBox {width:394px; background: url(../i/bg_sms_box_top.gif) top left no-repeat; background-color: #f1f1f1; text-align: center; padding-top: 5px}
.details .smsBox p{text-align: center}
.details .smsBox p strong.number{color: red}
.details .smsBox .boxBottom {width:100%; height: 10px; background: url(../i/bg_sms_box_bottom.gif)}
.details .smsBox .smsCodeFirst {font-size: 1.1em; margin: 0 5px; padding: 10px 0; border-bottom: 1px solid #fff}

.details .tags{padding: 10px 0}

.detailsTruetone .titleBar p {margin-top:1.5em}
.detailsTruetone .titleBar #preview{margin: 8px 15px 5px}
.detailsTruetone .titleBar, .detailsRealtone .titleBar, .detailsPolyphony .titleBar, .detailsMonophony .titleBar {clear:left}

.detailsJavagame #previewRest {margin: 10px 0; clear:right}
.detailsJavagame #previewRest img{margin: 0 0 3px 3px; padding:0; float:left; display:inline}
.detailsJavagame #preview, .detailsWallpaper #preview, .detailsAnimation #preview, .detailsTheme #preview, .detailsVideo #preview, .detailsFlash #preview {}
.detailsJavagame #preview img, .detailsWallpaper #preview img, .detailsAnimation #preview img, .detailsTheme #preview img, .detailsVideo #preview img, .detailsFlash #preview img{margin: 0 0 5px 10px; float:right; clear:right}
/*.detailsWallpaper .warning, .detailsAnimation .warning, .detailsTheme .warning, .detailsVideo .warning, .detailsFlash .warning{clear:right}*/

/*
  Search form
*/

#searchForm {margin: 0 0 15px 0; padding: 0; text-align: center}
#searchForm .image{margin:0; padding:0; position:relative; top:5px; left:10px}

#searchCount {font-size:1.2em; line-height:normal}
#searchCount ul{padding: 10px 20px}

/*
  Terms page
*/

ol#terms li{list-style-type: upper-roman; font-weight:bold; padding: 10px 10px 10px 0; margin-left:25px}
ol#terms ol li{list-style-type: decimal; font-weight:normal; padding: 2px 10px 2px 0; margin-left:40px}
ol#terms ol ol li{list-style-type: lower-alpha; margin-left:60px}

/*
  Help page
*/

ol#help {}
ol#help li{list-style-type: decimal; padding: 7px 10px 3px 0; margin-left:25px; font-weight:bold}
ol#help li p {padding: 7px 0; font-weight:normal}

/*
 Complaint page
*/
#complaintForm  td{padding:3px}
#complaintForm  th{text-align:right; padding-right: 10px; font-weight:bold}
#complaintForm  tfoot td{text-align:center}
#complaintForm input.text{width:200px}


/*
  Select Phone
*/

#selectPhone h2{color: #058}
#selectPhone .phonesList{float:left; width:45%}
#selectPhone .modelsList{float:left; width:27%; padding-left:4%; padding-top: 10px}
#selectPhone .phoneContentList{font-size:1.2em; line-height:normal}

/*
  Flirtek
*/
.flirtek h1 {text-align:center; line-height: 1em; padding-bottom: 10px}
.flirtek #flirtekLogo { padding: 0 0 10px; display:block; margin:auto; position: relative; right: 2px;}
.flirtek .categories {margin:0 20px}
.flirtek .categories *{line-height:1.5em; text-align:center}
.flirtek .texts li{padding:8px 0}
.flirtek #chooseCategory {text-align:right}
.flirtek .code {margin-top: 10px; padding: 5px; border: 1px solid #289ddf}

.flirtekValentyn {position: relative; width: 428px; height: 316px; clear: both}
.flirtekValentyn img {position: absolute; top: 0; left: 0}

/*
  Keywords
*/
.keywords span {line-height:100%}

/*
  Pozadi
*/

.pozadi p {font-size: 1.1em; padding: 4px 0}

/*
  Cenik
*/
table#cenik {margin:10px}
table#cenik td{border: 1px solid #aaa; font-weight: bold; font-size: 1.1em; padding: 4px}

/**
  Low prices
*/
.lowPrices p{text-align: center; font-weight: bold; font-size: 1.3em; line-height: 1.1em}

/**
* News
*/
/*.news .inbox ul{height: 400px; overflow: auto}*/
.news ul {margin: 6px 0 6px 6px; padding-right: 6px;  height: 400px; overflow: auto}
.news ul li {padding-top: 10px; text-align: left}
.news h3 {color: #289ddf; border-top: 1px solid #777}
.news img.frame {margin:5px 10px 0px 0px; width:70px; padding:2px; border:1px solid #B2B2B2}
.news p {font-size:0.9em; line-height: 1.1em; text-align: left}
.news p.date {padding: 2px 0; color:#888888; text-align:right}