/* 
General stylesheet present on all pages of the website
*/


/* reset */
body, p, ul, ol, form, input, h1, h2, h3, h4, h5, h6, dl, dt, dd{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:300;}
ul, ol{list-style:none;}
img{border:none;}
hr{display:none;}
a, input{outline:none;}

/* structure */
#home{ background-color:#ffffff;}
#global-wrapper{width:985px;margin:0 auto;}
.wrapper{width:985px;margin:0 auto;}
#global-wrapper .wrapper{width:955px;margin:0 auto;}
#header{background-color:#ffffff;}
#header .wrapper{position:relative;height:85px;}
#nav-top{position:absolute;top:10px;right:0;font-size:11px;text-shadow:1px 1px 0 #fff;}
#logo{position:absolute;top:12px;left:0;}
#pig{position:absolute;bottom:0;left:150px;}
#services{position:absolute;top:54px;right:0;text-shadow:1px 1px 0 #fff;text-align:right;}
#navigation{height:34px;background:url(/img/layout/nav/misc-navigation-bg-grey.png) repeat-x #f1f1f1;border-radius: 8px 8px 0px 0px; box-shadow: 0px 5px 5px #dcdcdc;}
#highlight{border-radius: 8px 8px 0px 0px;border:1px solid #f2f2f2;border-bottom:none;padding-bottom: 15px;}
#highlight .wrapper{background:url(../img/layout/misc-highlight-bg.png) center 0 repeat-y #3b76a9; position:relative;overflow:hidden;zoom:1;height:100px;border-radius: 5px;margin:15px 15px 0px;}
#debugging{margin-top:15px;padding:10px;border-radius: 8px 8px 8px 8px; box-shadow: 0px 5px 5px #dcdcdc;}
#debugging .box-info{margin: 5px 0 5px 0px; float: left; clear:both;}

/*#highlight .wrapper, #highlight-home .wrapper{position:relative;overflow:hidden;zoom:1;}*/
#grid2col, .grid2col{overflow:visible;zoom:1;}
#grid2col #col-content, .grid2col .col-content{float:left;width:600px;}
#grid2col #col-right, .grid2col .col-right{float:right;width:330px;}
#content{padding:40px 0 35px;overflow: hidden;zoom:1;border-radius: 0px 0px 8px 8px;border:1px solid #f2f2f2}
#content-gray{padding:30px 0 35px;background-color:#f8f8f8;text-shadow:1px 1px 0 #fff;}
.span-link{color:#1F729F;text-decoration:none;cursor:pointer;}
.span-link:hover{text-decoration:underline;}
#nav-top li{display:inline;margin-left:15px;}
#nav-top a, #nav-top a:visited{color:#8d8d8d;}
#nav-top a:hover{color:#242424;text-decoration:none;}
#tabs-top{position:absolute;bottom:0;right:0;}
#tabs-top li{float:left;margin-left:0px; width:157px;height: 27px;} 
#tabs-top a, #tabs-top a:visited{color:#FFFFFF; height: 27px; font-weight: bold;}
#tabs-top a, #tabs-top span{display:block;background:url("/img/layout/nav/nav-portal-grey.png") no-repeat scroll 0 3px transparent;}
#tabs-top span{padding-top:8px; text-align: center; cursor:pointer;}
#tabs-top .selected a, #tabs-top .selected span{background:url("/img/layout/nav/nav-portal-grey-current.png") no-repeat scroll 0 3px transparent;font-weight:bold;color:#1d5488;}
.brclearall{clear:both;}

#services li{float:left;margin-left:40px;}
#services a{display:block;font-weight:900;text-decoration:none;}
#services span{display:block;font-weight:300;color:#8d8d8d;font-size:11px;}
#services a:hover span{color:#242424;}
#services img{float:left;margin:4px 0 0 -45px;}

#highlight-intro{float:left;margin-top:20px;margin-left:20px;text-shadow:1px 1px 0 #264c6b;color:#dee8f0;}
#highlight-intro p{margin-bottom:0;}
.highlight-title{display:block;color:#fff;font-size:26px;font-weight:900;margin-bottom:2px;}

#footer{border-top:1px solid #e8e8e8;padding:20px 0px 50px 0px;color:#636363; margin-top: 15px;font-size:11px;background-color:#FAFAFA}
#footer a, #footer a:visited{color:#0c73a7;}
#footer a:hover{color:#0c73a7;text-decoration:none;}
#footer .icon-external {background: url("/img/section-general/icon-external.png") no-repeat scroll right 2px rgba(0, 0, 0, 0); padding-right: 15px;}
#footer .title{font-size:14px;color:#636363;margin-bottom:4px;font-weight: bold;}
#footer .title a, #footer .title a:visited{color:#636363;font-weight: bold;}
#footer .title a:hover{text-decoration:underline;}
#nav-bottom{float:left;}
#nav-bottom li{display:inline;margin-right:25px;}
#copyright{float:right;margin-bottom:0;}

/* layout */
body, input, textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#434343;}
a, a:visited{color:#1f729f;text-decoration:none;}
ul, p{line-height:1.4;}
p{margin-bottom:15px;}
input[type="text"]{padding:3px 5px;}
input[type="password"] {padding: 3px 5px;}
a:hover{text-decoration:underline;}
small, .small{font-size:11px;}
big{font-size:14px;}
.mentions{color:gray;font-size:11px;}
.cinline{float:left;margin-right:5px;}
.cinlinelast{display:block;overflow:hidden;height:1%;}
.wclearfix{height:1%}
.wclearfix:after{content:".";height:0;line-height:0;display:block;visibility:hidden;clear:both;}
.wclear{overflow:hidden;zoom:1;}
.center{text-align:center;}
/*.summary{border-left:4px solid #ededed;color:#434343;font-size:14px;line-height:23px;padding-left:15px;margin-bottom:30px;}*/
.summary{color:#434343;font-size:14px;line-height:23px;margin-bottom:30px;}
.summary .marked{background-color:#ffffcc;padding:0 3px;}

.ul-included li{padding:4px 0 8px 30px;background:url("/img/layout/icon-included.png") 0 4px no-repeat;color:#393939;}

.ul-tick{margin-bottom:15px;}
.ul-tick li{padding:2px 0 8px 26px;background:url("/img/layout/icon-tick-green.png") 0 6px no-repeat;color:#393939;font-weight:700;letter-spacing:-1px;font-size:14px;}

.ul01, .ul02, .ul05{margin-bottom:15px;}
.ul01 > li, .ul02 li{padding-left:13px;margin-bottom:2px;background:url(../img/layout/icon-ul01.gif) 0 0.6em no-repeat;}
.ul02 > li{margin-bottom:10px;}
.ul03 > li{padding:4px 0 8px 20px;background:url(../img/layout/icon-disc-green.png) 0 0.8em no-repeat;color:#4d4d4d;}
.ul03 strong{color:#272727;}
.ul-choice{margin:20px 0;font-weight:900;}
.ul04 > li{margin-bottom:3px;zoom:1;font-weight:900;text-align:center;}
.ul04 a{display:block;zoom:1;font-size:14px;letter-spacing:-1px;padding:5px 10px 5px 10px;border:1px solid #ebf2f6;background-color:#fdfeff;-moz-border-radius:5px;-webkit-border-radius:5px;}
.ul04 a:hover{background-color:#f4f9fb;border-color:#e0eaef;text-decoration:none;}
.ul04 a:active{background-color:#eaeff2;}
.ul05 li{padding-left:20px;margin-bottom:5px;}
.ol01{list-style-type:decimal;margin-bottom:20px;padding-left:30px;color:#434343;font-size:12px;}
.ol01 > li {margin-bottom:5px;}
.ol03{list-style-type:lower-alpha;margin-bottom:20px;padding-left:30px;color:#434343;font-size:12px;}
.ol03 > li {margin-bottom:5px;}

.ul-add{color:#325878;font-size:11px;}
.ul-add li{padding-left:22px;background:url(../img/layout/icon-add.gif) 0 0.1em no-repeat;margin-bottom:15px;}
.ul-add .normal{padding-left:0;padding-right:22px;background:none;}
.ul-add .title{display:block;color:#103b5f;}
.ul-add a, .ul-add a:visited{color:#325878;text-decoration:underline;}
.ul-add a:hover{text-decoration:none;}

.hr01, .hr01-margin{background:url(../img/layout/hr01-right.png) right 0 no-repeat;padding-right:12px;height:7px;margin:15px 0 5px;}
.hr01 div, .hr01-margin div{background:url(../img/layout/hr01-left.png) no-repeat;height:7px;}
.hr01-margin{margin:15px 0 20px;}
.hr-oppure{height:33px;margin:10px -15px;background:url(../img/layout/separator-oppure.png) center 0 no-repeat;}

.table01{margin-bottom:15px;text-shadow:1px 1px #fff;width:100%;text-align:center;}
.table01 thead{background:red;-moz-border-radius:5px;}
.table01 thead{background:url(../img/layout/table01-th-bg.png) repeat-x #eaeaea;}
.table01 th{border-bottom:1px solid #dcdcdc;}
.table01 th:first-child, .table01 th.first{background:url(../img/layout/table01-th-left.png) no-repeat;}
.table01 th:last-child, .table01 th.last{background:url(../img/layout/table01-th-right.png) right 0 no-repeat;}
.table01 td, .table01 th{padding:8px 15px 7px;}
.table01 th:first-child, .table01 td:first-child{text-align:left;}
.table01 td{border-bottom:1px solid #f0f0f0;}
.table01 tr:nth-child(even) td, .table01 .even td{background-color:#f8f8f8;}

.table03 {border: 1px solid #E5E5E5;clear: both;font-size: 11px;margin-bottom: 20px;margin-top: 20px;text-align: center; width: 400px;}
.table03 td, .table03 th {padding: 5px 10px;}
.table03 tbody td {cursor: pointer;}
.table03 tr.even td {background: none repeat scroll 0 0 #F9F9F9;}
.table03 th {background-color:#00ADED;border-bottom: 1px solid #E5E5E5;color: #FFFFFF;font-weight: 900;vertical-align: middle;}
/*  boxes */
.grid2box{margin:15px 0;overflow:auto;}
.grid2box .grid2box-left{float:left;width:48%;}
.grid2box .grid2box-right{float:right;width:48%;}
.grid3box{overflow:hidden;zoom:1;margin-bottom:20px;}
.grid3box .grid3box-left{float:left;width:31%;padding-right:2%;}
.grid3box .grid3box-middle{float:left;width:30%;padding:0 2%;}
.grid3box .grid3box-right{float:right;width:30%;padding-left:2%;}
.grid4box{overflow:hidden;zoom:1;}
.grid4box .item01, .grid4box .item02, .grid4box .item03, .grid4box .item04{float:left;width:22%;background:url(../img/layout/misc-grid4box-separ.png) right 0 no-repeat;}
.grid4box .item01{padding-right:2%;}
.grid4box .item02{padding:0 2%;}
.grid4box .item03{padding:0 2%;}
.grid4box .item04{float:right;padding-left:2%;background:none;}
.grid5box{overflow:hidden;zoom:1;}
.grid5box .item01, .grid5box .item02, .grid5box .item03, .grid5box .item04{float:left;width:18%;padding-right:2%;}
.grid5box .item05{float:right;width:20%;padding-right:0;}
.grid6box{overflow:hidden;zoom:1;}
.grid6box .item01, .grid6box .item02, .grid6box .item03, .grid6box .item04, .grid6box .item05{float:left;width:15%;padding-right:2%;}
.grid6box .item06{float:right;width:15%;padding-right:0;}
.box-hr{overflow:hidden;zoom:1;margin-top:15px;}
.box-hr .hr01{margin:0 0 5px;}
.box-hr .btn-left{float:left;margin-right:10px;}
.box-hr .btn-right{float:right;margin-left:10px;}
.box01{padding:15px;border:1px solid #e3e3e3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.box01 .box-title{margin:-15px -15px 20px;background:url(../img/layout/misc-box01-bg.png) 0 bottom repeat-x #f6f6f6;font-size:11px;text-transform:uppercase;color:#3d3d3d;text-shadow:1px 1px 0 #fff;padding:10px 0 8px 15px;font-weight:900;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.box01-list li{margin:14px 0 0 0;padding:0 0 9px 0;border-bottom:1px dotted #b2b2b2;}
.box01-list .last{padding-bottom:0;border-bottom:none;}
.box01-list .date{display:block;font-size:11px;color:#888;}
.box01-list .selected, .box01-list .selected:visited{font-weight:900;color:#000;}
.box02{padding:12px 13px;background:url(../img/layout/misc-box02-bg.gif) 0 bottom repeat-x;border:1px solid #cdcdcd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.box02-title{margin-bottom:4px;}
.box02-subtitle{font-size:11px;margin-bottom:10px;color:#787878;}


/* boxes:messages */
.box-info, .box-error, .box-done{position: relative;border-style:solid;border-width:1px;margin-bottom:20px;margin-top:5px;padding:5px 10px;line-height:1.3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.box-info a, .box-info a:visited{text-decoration:underline;}
.box-info{background-color:#f4f9ff;color:#0e307d;border-color:#ebf3fc;}
.box-error{background-color:#FFE6E6;border-color:#F6DCDC;color:#851111;}
.box-done{background-color:#f6ffe5;color:#5b8608;border-color:#edf8d9;}
.box-done a, .box-done a:visited{color:#5b8608;text-decoration:underline;}
.box-done a:hover{text-decoration:none;}
.box-done .box-title{margin-bottom:5px;font-size:12px;font-weight:900;}
.box-notice{padding:7px 11px;background-color:#fffeef;border:3px solid #faf8dd;color:#7d7616;line-height:1.4;font-size:11px;-moz-border-radius:4px;}
.box-notice .arrow-top{position:absolute;display:block;height:15px;width:15px;margin:-22px 0 0 15px;background:url(../img/layout/icon-arrow-notice-top.png);}
.box-notice .box-title{font-weight:900;}
.box-notice a, .box-notice a:visited{color:#7d7616;text-decoration:underline;}
.box-notice a:hover{text-decoration:none;}
.box-legend{padding:7px 11px;background-color:#EBF2F9;border:3px solid #D5E0EB;color:#143758;line-height:1.4;font-size:11px;-moz-border-radius:4px;}
.box-legend .arrow-top{position:absolute;display:block;height:15px;width:15px;margin:-22px 0 0 15px;background:url(../img/layout/icon-arrow-legend-top.png);}
.box-legend .box-title{font-weight:900;}
.box-legend a, .box-legend a:visited{color:#7d7616;text-decoration:underline;}
.box-legend a:hover{text-decoration:none;}


/* definition lists */
.dl01{margin-bottom:5px;overflow:hidden;zoom:1;}
.dl01 dd{border-bottom:1px solid #f1f1f1;padding-left:170px;}
.dl01 .content{ overflow:hidden;zoom:1;}
.dl01 dt{color:#7e7e7e;float:left;margin-right:10px;text-align:left;width:150px;}
.dl01 dt, .dl01 dd{margin-bottom:0;padding:7px 0;}

.dl03 {color:#434343;font-size:12px;}
.dl03 dt {float:left;font-weight:900;padding-right:10px;width:140px;}
.dl03 dt, .dl03 dd {border-top:1px solid #F1F1F1;margin-bottom:10px;padding:10px 0;}
.dl03 dd {overflow:hidden;}


/* anchors */
.a01{padding-left:20px;background:url(../img/layout/icon-a01.gif) 0 0.10em no-repeat;}
.a01 span{display:block;padding-top:3px;line-height:1.3;font-size:11px;color:#969696;}
.a01:hover span{color:#242424;}
.a-back{padding-left:12px;background:url(../img/layout/icon-laquo-blue.gif) 0 0.4em no-repeat;}
.a-pdf{display:block;padding-left:20px;background:url(../img/layout/icon-pdf.gif) 0 0.1em no-repeat;margin-bottom: 5px;}
.a-top, .a-top:visited{display:block;color:#000;background:url(../img/layout/icon-gototop-off.gif) right 3px no-repeat;padding-right:20px;text-decoration:none;}
.a-top:hover{background-image:url(../img/layout/icon-gototop-on.gif);color:black;}
.a-pdf-medium{display:block;padding-left:35px;background:url(../img/layout/icon-pdf-medium.png) 0 0.1em no-repeat;}
.a-pdf-medium span.info{display:block;color:#797e82;font-size:11px;}

/* titles */
.h01{margin-bottom:20px;}
.h02{margin-bottom:5px;font-size:18px;font-weight:900;letter-spacing:-1px;line-height:1.2;}
.h03{margin-bottom:20px;margin-top:35px;padding:3px 10px 2px;background:url(../img/layout/misc-box01-bg.png) repeat-x #f6f6f6;border:1px solid #dadcdd;font-weight:300;text-shadow:-1px 1px 0 #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.h04{color:#434343;font-size:16px;font-weight:900;margin-bottom:10px;margin-top:20px;letter-spacing:-1px;}
.h05{font-size:12px;font-weight:900;margin-bottom:5px;margin-top:0px;color:#000;}

/* button */
.blue-button {display:inline-block;padding-left: 8px;background:url("/img/layout/button/btn-blue-left-off.png") no-repeat;white-space:nowrap; cursor:pointer; height:23px;}
.blue-button span{display:block;padding:5px 40px 4px 25px;background:url("/img/layout/button/btn-blue-right-off.png") right 0 no-repeat;color:#0c4563;font-size:11px;text-shadow:1px 1px 0 #ffffff;}
.blue-button:hover {background:url("/img/layout/button/btn-blue-left-on.png") no-repeat;}
.blue-button:hover span{background:url("/img/layout/button/btn-blue-right-on.png") right 0 no-repeat;}
.btn-blue-with-line { cursor:pointer;}
.btn-blue-with-line .line-around-btn {background:url("/img/layout/button/ln-around-btn-off.png") 0 0 repeat-x;}
.btn-blue-with-line:hover .line-around-btn {background:url("/img/layout/button/ln-around-btn-on.png") 0 0 repeat-x;}

/* */
#html .last{margin-bottom:0;}
#html .first{margin-top:0;}

.list-faq{margin-bottom:20px;}
.list-faq-row{border-top:1px dotted #cdcdcd;}
.list-faq-row ul {list-style: outside;}
.list-faq-row .list-question {list-style: none;}
.list-faq-row:first-child{border-top:0;border-radius:4px 4px 0 0;}
.list-faq-row:last-child{border-radius:0 0 4px 4px;}
.list-faq-link{display:block;padding:8px 30px;background:url("/img/section-general/list-faq-link.gif") 10px 11px no-repeat;cursor:pointer;color:#0c73a7;}
.list-faq-link:hover{background-color:#f9f9f9;text-decoration:none;}

.list-files{margin-bottom:20px;overflow:hidden;zoom:1;position:relative;} /* position:relative; :IE6 & 7 fix */
.list-files li {float: left; margin-right: 20px; padding:7px 0;border-top:1px dotted #cacbcd;margin-top:-1px;list-style:none;}
.list-files .col-content li:nth-child(odd){ float:left; }
.list-files .col-content li:nth-child(even){ float:right; }
.col-content .list-files li {width: 275px;}
.col-right .list-files li {width: 298px;}
.icon-pdf{background-image:url(/img/section-general/icon-pdf.png);display:inline-block;*display:inline;zoom:1;padding-left:20px;background-position:0 1px;background-repeat:no-repeat;}

/** Btn Vodafone */
#btn-vodafone { background: url("/img/section-offer/sprite.png") no-repeat scroll right -230px transparent; color:#636363; cursor: pointer; float: left; height: 230px; margin: 0 18px 14px 0; min-height: 1px; position: relative; width:306px; }
#btn-vodafone:hover { background-position:right -460px; }
#btn-vodafone div.left { background: url("/img/section-offer/sprite.png") no-repeat scroll 0 0 #fff; height: 230px; left: 0; max-width: 10px; position: absolute; top: 0; width: 10px; }
#btn-vodafone:hover div.left { background-position: -10px 0px; }
#btn-vodafone .left { float: left; text-align: left; }
#btn-vodafone h2 { color: #e60000 !important; display: block; font-size: 26px !important; font-weight: 900 !important; height: 20px; margin: 12px 12px 20px; width: auto;}
#btn-vodafone p { font-size: 14px; line-height: 150%; margin: 0 auto; padding-top: 25px; width: 270px; }
#btn-vodafone #arrow-vodafone{position:absolute;right:20px;bottom:20px;}