/* new e-shop */
h1.pageTitle { margin-left:0.5em; }

.diffHsParam td { color: #FF0000 !important; }

/* popups */
#pop { margin: 10px 0 0 10px; text-align: left; }
#pop table { margin-top: 0; }
#poplogo_old {
  width: 500px;
  height: 66px;
  margin-bottom: 10px;
  background-image: url(../images/logo_o-v.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
#poplogo {
  width: 500px;
  height: 87px;
  margin-bottom: 20px;
  background-image: url(../images/vodafone_logo.gif);
  background-position: top center;
  background-repeat: no-repeat;
}

a.popupfrog {
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 35px;
  padding-top: 2px;
  text-decoration: none;
}
.margin0 { margin: 0; }

/* Progres Indictator FOR OTHER COMPONENTS ****************************************************************** */
.modBody h3 {
      font-size: 14px;
      margin: 0 0 15px 0;
      padding: 0;
}

.modBody p {
      height: auto;
      display: block;
      line-height:1.1em;
}

.modBody p.top {
      margin: 0 0 15px 0;
}

.modBody p.phone {
  background: #ffffff;
  margin: 5px 5px 0 22px;
  padding: 5px;
}

.modBody p.phone img {
      float: left;
      width: 20px;
      margin-right: 8px;
      padding: 0;
}

div.steps #step1 p.phone a,
div.steps #step2 p.phone a,
div.steps #step3 p.phone a
{
      display: inline;
      vertical-align: top;
      background: transparent;
      padding: 0;
      margin: 0;
      font-weight: normal;
      width: 30px;
      text-decoration:underline;
}

div.steps p.phone a:hover {
      text-decoration: underline;
}

#step1 a.inside, #step1.xactive a.inside,
#step2 a.inside, #step2.xactive a.inside,
#step3 a.inside, #step3.xactive a.inside,
#step4 a.inside, #step4.xactive a.inside,
#step5 a.inside, #step5.xactive a.inside,
#step6 a.inside, #step6.xactive a.inside,
#step7 a.inside, #step7.xactive a.inside,
p.inside
 {
      clear: both;
      display: block;
      padding: 0;
      margin: 5px 0 5px 30px;
      font-weight: normal;
      height: auto;
      text-decoration: none;
}

.modBody a:hover.inside,
#step1 a:hover.inside, #step1.xactive a:hover.inside,
#step2 a:hover.inside, #step2.xactive a:hover.inside,
#step3 a:hover.inside, #step3.xactive a:hover.inside,
#step4 a:hover.inside, #step4.xactive a:hover.inside,
#step5 a:hover.inside, #step5.xactive a:hover.inside,
#step6 a:hover.inside, #step6.xactive a:hover.inside,
#step7 a:hover.inside, #step7.xactive a:hover.inside
{
      text-decoration: underline;
}

div.steps div
{
      background: #FFFFFF;
      background: url(../images/dottedLine.gif) repeat-x left top;
      padding: 10px 2px 10px 0;
      margin: 0;
}


div.steps div a
{
      display: block;
      font-size: 11px;
      text-decoration: none;
      padding: 0 0 0 30px;
      font-weight: bold;
      height: 27px;
}

.steps div.xactive {
/*  background-color: #FFDD46; */
  background-color: #FFF;
}

.steps div#step5.xactive,
.steps div#step6.xactive,
.steps div#step7.xactive
{
      background-color: #FFFFFF;
}

#step1 a, #step2 a, #step4 a { height: 27px; }
#step3 a { height: 28px; }

#step1 a { background: url(../images/icons/01.gif) no-repeat 5px 0px; }
#step2 a  { background: url(../images/icons/02.gif) no-repeat 5px 0px; }
#step3 a  { background: url(../images/icons/03.gif) no-repeat 5px 0px; }
#step4 a  { background: url(../images/icons/04.gif) no-repeat 5px 0px; }
#step1.xactive a { background: url(../images/icons/01-active.gif) no-repeat 5px 0px; }
#step2.xactive a { background: url(../images/icons/02-active.gif) no-repeat 5px 0px; }
#step3.xactive a  { background: url(../images/icons/03-active.gif) no-repeat 5px 0px; }
#step4.xactive a  { background: url(../images/icons/04-active.gif) no-repeat 5px 0px; }

#step5 a  { color: #CCCCCC; background: url(../images/icons/05.gif) no-repeat 5px 2px; }
#step6 a  { color: #CCCCCC; background: url(../images/icons/06.gif) no-repeat 5px 2px; }
#step7 a  { color: #CCCCCC; background: url(../images/icons/07.gif) no-repeat 5px 2px; }
#step5.xactive a  { color: #000000; background: url(../images/icons/05-active.gif) no-repeat 5px 2px; }
#step6.xactive a  { color: #000000; background: url(../images/icons/06-active.gif) no-repeat 5px 2px; }
#step7.xactive a  { color: #000000; background: url(../images/icons/07-active.gif) no-repeat 5px 2px; }
/* END OF Progres Indictator FOR OTHER COMPONENTS ****************************************************************** */

div.hr0 {
  background: url(../images/dottedLine.gif) repeat-x left bottom;
  height: 1px;
  font-size: 0.75px;
  margin: 0;
  _margin-top: -1px;
}

#shop_pi_top p, #shop_pi_bottom p, #shop_pi_middle p { font-size: 1em; }
#shop_pi_top { padding: 0 10px 0 7px; }
#shop_pi_middle { margin: 0 1px; }
#shop_pi_middle h4 { margin-top: 0; padding: 0.5em 0 0.5em 10px; }
#shop_pi_bottom { padding: 5px 10px 0 10px; }
#shop_pi_bottom2 { padding: 5px 10px; }

/* develeper tunning */
.bo1 { border: 1px solid red; }
.bo2 { border: 1px solid blue; }
.bo3 { border: 1px solid black; }

/* Password Weakness */
#iSM {
  margin:0 0 15px 0;
  padding:0;
  height:14px;
}

#iSM ul {
  border:0;
  margin:4px 0 0 0;
  padding:0;
  list-style-type:none;
  text-align:center;
}

#iSM {
  padding:1px 0 0 0;
  margin:0;
  height:14px;
}

#iWeak,#iStrong {
  font-size:1em;
  text-align:center;
  padding:2px 2em;
}
#iWeak { border-right:solid 1px #dedede; }
#iStrong { border-left-width:0; }

.unknown {
    background-color:#f1f1f1;
    color:#adadad;
}
.weakWeak {
    background-color: #ff0033;
    font-weight: bold;
    color: #fff;
}
.weakStrong {
    background-color: #f1f1f1;
    font-weight: normal;
    color: #adadad;
}
.strongWeak {
    background-color: #339900;
    font-weight: normal;
    color: #339900;
}
.strongStrong {
    background-color: #339900;
    font-weight: bold;
    color: #fff;
}
.flash {
  margin: 20px 0;
}
.flash td {
  padding: 0 10px 10px 0;
}
.flash td.last {
  padding: 0 0 10px 0;
}
.flash .text td {
  vertical-align: top;
}
.frogTitle {
  margin: 30px 0 0 0;
}


/* TABLE */
.gen_table tr, .gen_table td, .gen_table th {
  position:relative;
  padding: 5px;
  background:none;
}
.gen_table tr.titlerow th {
  background: #66B6C1 !important;
  position:static !important;
}
.gen_table tr.titlerow2 th {
  background: #BAD4DA !important;
  position:static !important;
}

.gen_table .titlerow {
  background:#66b6c1;
  color: #ffffff;
}
.gen_table .titlerow2 {
  background-color:#BAD4DA;
}
.gen_table .row_a { background:url("../images/dottedLine.gif") repeat-x top left; }
.gen_table .row_b { background:#f6f8f9 url("../images/dottedLine.gif") repeat-x top left; }

.gen_table .row_a td,
.gen_table .row_a2 td,
.gen_table .row_b td,
.gen_table .titlerow2 th {
  border-right:1px dotted #9A9A9A;
  _border-right:1px solid #9A9A9A;
  vertical-align:top;
  padding:5px 0px 3px 8px;
}

.gen_table .row_a td.first,
.gen_table .row_a2 td.first,
.gen_table .row_b td.first,
.gen_table .tdEven.first,
.gen_table .tdOdd.first,
.gen_table .titlerow2 th.first {
  border-right: none;
  width:20px;
}
.gen_table .row_a td.last,
.gen_table .row_a2 td.last,
.gen_table .row_b td.last,
.gen_table .tdEven.last,
.gen_table .tdOdd.last,
.gen_table .titlerow2 th.last,
.gen_table .titlerow3 .tdHead.last {
  border-right: none !important;
  padding-right: 4px;
}

.gen_table tr .tdEven { border-right:1px solid #008698 !important; }
.gen_table tr .tdOdd  { border-right:1px solid #008698 !important; }
.gen_table tr .orangeBG { background-color:#f6b040;color:#fff;font-weight: bold; }

.gen_table .titlerow3 .tdHead {
  border-right: 1px #fff solid;
  border-top: 1px #fff solid;
  background-color:#BAD4DA;
  color:#000;
}
.gen_table .titlerow3 .tdHead.orangeBG { background:#f6b040; border-top: 1px solid #fff; }
.gen_table .orangeBG { background:transparent url("../images/dottedLine.gif") repeat-x scroll left top; }

.gen_table table th.rowspanIE   { *border-left:1px solid white; }
.gen_table table td.rowspanIE   { *border-left:1px solid #008698; }
.gen_table table .rowspanIEno { *border-right:none !important; }

span.sellout, span.oos, span.new {
  margin-right: 2em;
  padding: 1px 0 1px 22px;
  font-weight: bold;
}
span.sellout { color:#1d87c5; background: url("../images/eshop/hs_sellout.gif") no-repeat top left; }
span.oos     { color:#797979; background: url("../images/eshop/hs_outofstock.gif") no-repeat top left; }
span.oos2    { color:#1d87c5; background: url("../images/eshop/hs_outofstock.gif") no-repeat top left; }
span.new     { color:#3ba637; background: url("../images/eshop/hs_new.gif") no-repeat top left; }

.productDetail h1{ margin-bottom:15px;top:15px;left:0; }
.productDetail div.flags { height:20px;color:#ff9c01;font-weight:bold; }
.productDetail div.addon { height:25px;color:#ff9c01;font-weight:bold; }

.gen_table4 {
  width: 760px;
  background-image: url(../images/4columnBorder.gif);
  top:0;left:-7px;
  padding-left:4px;
  padding-right:4px;
  margin-right:0;
}
.gen_table4 td, .gen_table4 th { padding-right:10px !important; }

.gen_table4 .tab_footer{
  position:absolute;
  left:0;
  *left:-6px;
  width:777px;
  height:7px;
  font-size:1px;
  line-height:1px;
  background: #fff url("../images/4columnFooter.gif") no-repeat top left;
}
.gen_table4 .tab_blank {
  position:absolute;
  left:-6px;
  width:777px;
  margin:0;
  padding:0;
  height:20px;
  font-size:1em;
  background: #fff;
}

/* ContactEshop */
#pData h4 {
padding: 0.5em;
line-height: 1.5em;
border:1px dotted #ccc;
border-top:none;
}
#pData a { text-decoration: underline; }
#pData fieldset { border:none;border-bottom:1px dotted #ccc;margin-top:0.5em; padding-left:0; }
#pData fieldset legend { padding-left:0.5em; margin-bottom:1em; }
#pData fieldset label { float:left; width:95px; margin:0; margin-right:8px; text-align:right; line-height:1.4em; }
#pData fieldset label span.star { color:red;font-size:1.1em; }
#pData fieldset input { float:left; width:147px; margin-right:10px; }
#pData fieldset textarea { margin: 0 0 1em 0.5em; }
#pData input#sddQueryYes, #pData input#sddQueryNo, #pData input#agreement {
    width:30px;
    margin: 0 1em;
    padding:0;
}
#pData fieldset input#sddCode { width:131px; }
#pData fieldset p { float:left; width:300px; font-size:1em; margin-top:0;line-height:1.2em; }
#pData fieldset.field { clear:left; background: _fuchsia; padding-bottom: 1em;  }

#pData .copy {
  border:1px solid red;
  padding: 0.5em 1em;
}
#pData div.input { border:1px solid red; }


/* Choose Handset */
.mod15Col .image {
  float:left;
  width:80px;
  height:160px;
  margin: 20px 10px 0 0;
}
.mod15Col .detail {
  float: left;
  width: 175px;
}
.mod15Col .detail ul li {
  line-height: 1.1em;
}
.mod15Col .detail h2 {
  font-size:1.3em;
  font-weight: bold;
  padding:0;
}
.mod15Col .detail h2 a {
  text-decoration: none;
}
.mod15Col .detail .addon {
  color: #ff9c01;
  font-weight: bold;
}
.mod15Col .detail .flags {
  display: block;
  clear:both;
  height:20px;
}
.mod15Col .detail p {
  font-size:1em;
  line-height: 1em;
}

.mod15Col .detail .price_with {
  clear: both;
  margin: 0 0 1em 0;
}

p.price_withb {
  clear: both;
  margin: 0 0 0.25em 0;
}

.mod15Col .detail p.price1, .mod15Col .detail p.price2 {
  float:left;
  font-size: 1.8em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 0;
  padding:0;
  width:60%;
}
.mod15Col .detail p.price1b, .mod15Col .detail p.price2b {
  margin: 0;
  padding:0;
  float:right;
  width:auto;
}

.mod15Col .detail p.price2 {
  top:0;
  font-weight: bold;
  margin-top: 20px;
}

.mod15Col .detail p.price1c {
  float:left;
  font-size: 1.8em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 0;
  padding:0;
  width:60%;
  margin-bottom: 20px;
}

.mod15Col .detail p.price1d {
  margin: 0;
  padding:0;
  float:right;
  width:auto;
}

.mod15Col .detail p.price2c {
  float:left;
  font-size: 1.8em;
  line-height: 1.5em;
  margin: 0;
  padding:0;
  width:60%;
  top:0;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 15px;
}

.mod15Col .detail p.price2d {
  margin: 0;
  padding:0;
  float:right;
  width:auto;
  margin-top: 5px;
  margin-bottom: 15px;
}

.mod15Col .detail p.price2b {
  margin-top: 20px;
}
.mod15Col .detail p.price3 {
  font-size: 1.3em;
  font-weight: bold;
  height: 1em;
  top:0;
  *top: 10px;
  margin: 0;
  padding:0;
}

.mod15Col ul.link_list1Col { width: 267px; }
.mod15Col .modBody.dd { height: 300px; }

ul.features li {
  background: url(../images/bulletSmall.gif) no-repeat 1px 4px;
  padding-left:10px;
  margin-bottom:0;
}

.textContent ul li { margin-bottom: 0; }

.scShopCart.eshop { width:569px; }