/* CLEAR
------------------------------ */
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form {border:0;}
address {font-style:normal;}
button {cursor:pointer;float:left;}
.hidden {display:none;}

body {font:normal 12px/1.5 Arial,Helvetica,Tahoma,Garuda,serif;text-align:left;background:#fff;}
a {color:#57a828;}

/* logo */
h1 {width:208px;height:47px;float:left;}
h1 a {text-indent:-1000em;overflow:hidden;display:block;width:100%;height:100%;background:url(../../images/identity/simobil.png) no-repeat 0 0;}

/* basic elements */
#site {width:900px;position:relative;background:none repeat scroll 0 0 #FFFFFF;}

/* top header */
#top {border-bottom:1px solid #d1d1d1;font-size:11px;padding:0 0 1px;margin:0 0 10px;width:100%;}
#top a,
#top a:hover {color:#444;text-decoration:none;}
#top .sites {float:left;}
#top .sites li {float:left;display:block;margin:0 15px 0 0;}
#top .sites li a {float:left;display:block;padding:0 0 0 14px;background:url(../../images/icons/site.png) no-repeat 0 -28px;}
#top .sites li a:hover,#top .sites li.active a {background-position:0 4px;}
#top .sites li.active a:hover {text-decoration:none;}
#top .sites li a:hover {text-decoration:underline;}
#top .sec {float:right;}
#top .sec li {display:inline;margin:0 0 0 15px;}
#top .sec li a:hover {text-decoration:underline;}
#top .sec li.p0 a {background:transparent url(../../images/icons/facebook-small_15px.png) no-repeat scroll 0 5px;padding-left:20px;padding-top:6px;}
#top .sec li.p00 a {background:transparent url(../../images/icons/twitter.png) no-repeat scroll 0 5px;padding-left:20px;padding-top:6px;}

.vfl-header {float:right;margin-top:-10px;padding-left:10px;}

/* search */
#searchform {border:1px solid #d1d1d1;float:right;padding:1px 1px 1px 3px;margin:15px 0 0;}
#searchform #q {border:0;width:200px;float:left;}
#searchform #s {border:0;text-indent:-9999px;float:right;overflow:hidden;width:31px;height:20px;background:url(../../images/buttons/s.png) no-repeat 0 0;}

/* main nav */
/* main nav */
#main-nav {width:100%;clear:both;padding:0 0 18px;text-transform:uppercase;font-size:11px;font-family:Arial;line-height:1;text-align:center;font-weight:bold;background:url(../../images/layout/bg-main-nav-bottom.png) no-repeat 50% 100%;}
#main-nav a {color:#fff;text-decoration:none;}
#main-nav .user {width:340px;height:30px;margin:0 auto;}
#main-nav .user li {display:block;float:left;height:30px;}
#main-nav .user li a {display:block;width:170px;height:11px;padding:13px 0 6px;background:url(../../images/layout/bg-main-nav.jpg) no-repeat 0 0;}
#main-nav .user .u a {background-position:0 0;}
#main-nav .user .b {float:right;}
#main-nav .user .b a {background-position:0 -90px;}
#main-nav .nav {width:900px;height:11px;padding:14px 0 12px;line-height:1;background:url(../../images/layout/bg-main-nav.png) no-repeat 50% 0;}
#main-nav .nav li {display:inline;height:11px;margin:0 2px;font-weight:bold;line-height:1;}
#main-nav .nav li a {padding:5px 0 5px 10px;height:11px;}
#main-nav .nav li a span {padding:5px 10px 5px 0;}
#main-nav .nav li a:hover {text-decoration:none;}
#main-nav .nav li.active a,
#main-nav .nav li.active a:hover {background:url(../../images/layout/main-nav-active.png) no-repeat 0 0;}
#main-nav .nav li.active a span,
#main-nav .nav li.active:hover a span {background:url(../../images/layout/main-nav-active.png) no-repeat 100% 0;color:#000;}
#main-nav .nav li:hover a {background:url(../../images/layout/main-nav-hover.png) no-repeat 0 0;}
#main-nav .nav li:hover a span {background:url(../../images/layout/main-nav-hover.png) no-repeat 100% 0;}

/* BUSINESS theme
------------------------------------------------------------ */
body.business {background-color:#232323;background-image:url(../../images/layout/bg-body-business.jpg);}
.business #main-nav .user .u a {color:#fff;}
.business #main-nav .user .b a {color:#fff;}

.business #main-nav .nav {background-image:url(../../images/layout/bg-main-nav-business.png);}
.business #main-nav .nav li.active a,
.business #main-nav .nav li.active a:hover {color:#72be44;text-shadow:1px 1px 1px #000;background:url(../../images/layout/main-nav-active-business.png) no-repeat 0 0;}
.business #main-nav .nav li.active a span,
.business #main-nav .nav li.active:hover a span {background:url(../../images/layout/main-nav-active-business.png) no-repeat 100% 0;color:#72be44;}
.business #main-nav .nav li:hover a {background:url(../../images/layout/main-nav-hover-business.png) no-repeat 0 0;}
.business #main-nav .nav li:hover a span {background:url(../../images/layout/main-nav-hover-business.png) no-repeat 100% 0;}

/* vodafone live! navigation */
#topbar {width:100%;overflow:hidden;}
#sub-navigation-top {width:100%;float:left;padding:12px 0 0;border-bottom:1px solid #d9d9d9;}
#sub-navigation-top li {display:block;float:left;}
#sub-navigation-top li a {display:block;float:left;width:85px;height:30px;padding:30px 2px 9px;font-weight:bold;line-height:1.25;text-decoration:none;text-align:center;background-repeat:no-repeat;background-position:50% 0;}
#sub-navigation-top li a:hover {text-decoration:underline;background-position:50% 5%;}


/* no transparent logo for IE6 */
* html h1 a {background-image:url(../../images/identity/simobil.gif);}
* html #main-nav .nav li a {padding:0 0 0 10px;}

/* search */
* html #searchform {width:233px;}
*:first-child+html #searchform {width:233px;}
*:first-child+html #main-nav .nav li a {padding:0 0 0 10px;}


/* HACKS
------------------------------ */
#top,
#topbar {display:inline-block;}
#top:after,
#topbar:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}