/*** Zain Group CSS Document - Created by Maher Berro - element^n - Modification is not permitted prior to validating with Maher Berro ***/


/*** Begin CSS Reset ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, a:link, a:visited, img, a:link img, a:visited img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
body {line-height: 1em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*** End CSS Reset ***/


/*** Javascript Off and IE6 Messages ***/
#noscript-msg, #ie6-msg {
position: absolute;
width: 970px;
margin: 180px 0 0 -50px;
background: #000;
color: #fff;
font-weight: bold;
border: 1px solid #8c8c8c;
line-height: 1.2em;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
z-index: 100;
}

#ie6-msg {width: 1050px; display: none; _display: block; padding-bottom: 80px; _margin-left: -25px;}
#ie6-msg h2 {font-size: 1.6em; margin: 80px 0 0 90px;}
#ie6-msg p {margin: 30px 90px 0 90px; line-height: 1.4em;}
#ie6-msg p.close {float: right; margin: 50px 30px 0 0;}
#ie6-msg ul {margin: 25px 0 0 100px;}
#ie6-msg ul li {padding: 0 0 10px 10px; list-style-type: square; list-style-position: inside;}

#noscript-msg a:link, #noscript-msg a:visited, #ie6-msg a:link, #ie6-msg a:visited {color: #cf0072; text-decoration: none;}
#noscript-msg a:hover, #noscript-msg a:active, #ie6-msg a:hover, #ie6-msg a:active {color: #8c8c8c;}

#noscript-msg p {margin: 70px 75px 20px 75px;}
#noscript-msg ol {margin: 20px 100px 60px 75px;}
#noscript-msg ol li {margin-bottom: 20px;}

#flashcontent1, #flashcontent, #flashcontent3 {text-align: center; min-height: 100px;}
#flashcontent3 {_height: 110px; _margin: -5px 0 10px 0;}

html {_overflow-x: hidden;}

body {
background: #000;
color: #000;
width: 870px;
margin: 0 auto;
text-align: left;
-moz-opacity: 0.99;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}

.hidden {display: none;}

#skip-links {
position: absolute;
left: -5000px;
width: 100%;
}

#wrapper {
background: #000;
position: absolute;
}

/*** Splash Page ***/
#wrapper.splash {background: url(../images/splash-bg-sunset.jpg) top left no-repeat;}
#wrapper.splash {background: url(../images/splash-bg-green.jpg) top left no-repeat;}
#wrapper.splash {background: url(../images/splash-bg-blue.jpg) top left no-repeat;}
#wrapper.splash {background: url(../images/splash-bg-rocks.jpg) top left no-repeat;}
#wrapper.splash {background: url(../images/splash-bg-stripes.jpg) top left no-repeat; width: 768px; height: 570px; padding: 8px 10px; margin-left: 45px;}

#wrapper.splash #header {background: none; width: 768px; margin: 0; height: 100px; *height: 118px;}
#wrapper.splash #corporate-logo {margin: 12px 15px; _margin-left: 10px;}
#wrapper.splash #corporate-logo img {width: 64px; height: 91px;} 
#wrapper.splash #search-form {margin: 10px 12px; _margin-right: 6px;}
#wrapper.splash #footer {background: none; margin-left: 20px; *margin-top: 7px; _margin-top: -2px;}
#wrapper.splash #footer .corner-left, #wrapper.splash #footer .corner-right, #wrapper.splash #footer #secondary-navigation {display: none;}
#wrapper.splash #footer p {float: none; padding: 0;}
#wrapper.splash #footer p a:link, #wrapper.splash #footer p a:visited {color: #000;}
#wrapper.splash #footer p a:hover, #wrapper.splash #footer p a:active {border-color: #000;}

/* Map Container */
#map-container {clear: both; width: 738px; height: 280px; margin: 0 15px 12px 15px;}
#zain-map {position: absolute; width: 738px; height: 285px; z-index: 1; background: url(../images/black-opaque.png) top left no-repeat; _background-image: url(../images/black-opaque.gif);}
#countries-list {height: 250px; margin-top: 12px; _margin-right: 6px; position: relative; z-index: 2;}
#countries-list h2 {color: #fff; float: left; font-size: 1em; margin: 10px 0 0; padding: 3px 0 0;}
#countries-list .list {margin: 0 15px; padding: 18px 0 10px;}
#countries-list ul {float: left; margin: 10px 0 0 30px; padding: 0; width: 360px;}
#countries-list ul li {float: left; list-style-type: none; line-height: 1.2em; margin: 0; width: 120px;}
#countries-list ul li a:link, #countries-list ul li a:visited {color:#fff; font-size: 0.9em; text-decoration: none;}
#countries-list ul li a:hover, #countries-list ul li a:active {color:#53e2b7;}
#countries-list .africa {margin-top: 20px; _margin: 0 -20px 0 5px; height: 238px; cursor: pointer; background: url(../images/blue-box.png) bottom left no-repeat; _background-image: url(../images/blue-box.gif);}
#countries-list .africa:hover * {color: #000; cursor: pointer!important;}
#countries-list .africa a:link, #countries-list .africa a:visited {display: block; text-decoration: none;}
#countries-list .africa ul {margin: 10px 0 4px;}
#countries-list .africa ul li {color: #98d0ee; font-size: 0.7em; line-height: 1.1em; padding: 0 0 0 8px; *padding-bottom: 0;}
#zain-africa p {color: #fff; font-size: 0.8em; font-weight: bold; line-height: 1.2em; margin-top: 6px;}
#zain-africa p span {display: block; font-size: 0.85em; font-weight: normal; padding-top: 3px;}
#corporate-site, #corporate-careers, #corporate-create, #corporate-airtel, #zain-africa {float: left; width: 110px; height: 35px; margin: 0 0 34px; *margin: 0 0 17px; padding: 2px 0 0 6px; background:url(../images/pink-box.png) top left no-repeat; _background-image: url(../images/pink-box.gif);}
#corporate-careers {background-image: url(../images/green-box.png); _background-image: url(../images/green-box.gif);}
#corporate-create {background-image: url(../images/purple-box.png); _background-image: url(../images/purple-box.gif);}
#corporate-airtel {background-image: url(../images/blue-box-small.png); _background-image: url(../images/blue-box-small.gif); display: none;}
#zain-africa {background-image: none; margin-top: -2px; margin-left: 2px;}
#corporate-site p, #corporate-careers p, #corporate-create p, #corporate-airtel p, #zain-africa p {line-height: 0.85em;}
#corporate-site p a:link, #corporate-site p a:visited, #corporate-careers p a:link, #corporate-careers p a:visited, #corporate-create p a:link, #corporate-create p a:visited, #corporate-airtel p a:link, #corporate-airtel p a:visited, #zain-africa p a:link, #zain-africa p a:visited {display: block; color: #fff; font-size: 0.8em; font-weight: bolder; text-decoration: none; padding: 2px 0 0 1px;}
#corporate-site p a:link span, #corporate-site p a:visited span, #corporate-careers p a:link span, #corporate-careers p a:visited span, #corporate-create p a:link span, #corporate-create p a:visited span, #corporate-airtel p a:link span, #corporate-airtel p a:visited span, #zain-africa p a:link span, #zain-africa p a:visited span {font-weight: normal; font-size: 0.85em;}
#corporate-site p a:hover, #corporate-site p a:active, #corporate-careers p a:hover, #corporate-careers p a:active, #corporate-create p a:hover, #corporate-create p a:active, #corporate-airtel p a:hover, #corporate-airtel p a:active, #zain-africa p a:hover, #zain-africa p a:active {color: #000;}

#corporate-promotion {
float: left;
margin: -2px 42px 0 -2px;
width: 530px;
}

#social-networking {float: left; *border: 1px solid transparent; display: none;}
#social-networking p {padding: 14px 4px 0; *padding-top: 6px;}
#social-networking p a:link, #social-networking p a:visited {margin: 0 8px 0 0;}
#social-networking p a:hover img, #social-networking p a:active img {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}


/* News and Stocks */
#wrapper #news-stocks {height: 112px;}
#wrapper #latest-news {width: 540px; _width: 536px; margin: 6px 9px 0 18px; _margin-left: 10px; float: left;}
#wrapper #news-stocks .item {margin-top: 3px; clear: both; padding: 0 0 0 6px;}
#wrapper #news-stocks #stocks-teaser {
margin: 0;
background: none;
float: left;
width: 180px;
height: 112px;
color: #000;
}

#wrapper #news-stocks #stocks-teaser h3 {padding: 1px 0 2px 0;}
#wrapper #news-stocks #stocks-teaser p {font-size: 0.68em; padding: 0; line-height: 1.35em;}
#wrapper #news-stocks #stocks-teaser p.note {font-size: 0.59em; color: #444;}
#wrapper #news-stocks #stocks-teaser img {float: left; margin: 5px 5px -2px 1px; *margin-right: 0;}
#wrapper #news-stocks #stocks-teaser span.title, #wrapper #news-stocks #stocks-teaser span.stockstitle {width: 85px;}
#wrapper #news-stocks #stocks-teaser a:link, #wrapper #news-stocks #stocks-teaser a:visited {color: #000;}

#wrapper #latest-news .news {float: left; margin-right: 10px; width: 255px;}
#wrapper #latest-news h2 {color: #cf0072; font-size: 1em; margin-bottom: 5px; *margin-bo ttom: 6px;}
#wrapper #latest-news h3 {color: #000; font-size: 0.7em; line-height: 0.9em;}
#wrapper #latest-news p {width: 150px; height: 46px; overflow: hidden; font-size: 0.7em; line-height: 1.05em; margin: 4px 0 -2px 0;}
#wrapper #latest-news .read-more a:link, #wrapper #latest-news .read-more a:visited {font-size: 0.65em; color: #333; text-decoration: underline;}
#wrapper #latest-news .read-more a:hover, #wrapper #latest-news .read-more a:active {text-decoration: none;}

#wrapper #latest-news .image {
float: left;
width: 85px;
height: 75px;
overflow: hidden;
margin-right: 8px;
}

#wrapper #latest-news .image img {width: 85px; height: auto; min-height: 75px;}

#wrapper #latest-news .image .mask {
width: 85px;
height: 75px;
position: absolute;
background: url(/muse/resources/mtcvodafone/web/images/image-news-mask.png) no-repeat top left;
_background-image: url(/muse/resources/mtcvodafone/web/images/ie6/image-news-mask.gif);
}

#wrapper #latest-news .more-info {*float: right; padding: 0 15px 0 0; *margin-top: -3px;}
#wrapper #news-stocks #stocks-teaser .more-info {float: right; padding: 0 10px 0 0;}
#wrapper #latest-news .more-info a:link, #wrapper #latest-news .more-info a:visited {color: #cf0072; font-size: 0.75em; position: absolute; margin-left: 460px; *margin-left: 0; *position: relative; text-decoration: none;}
#wrapper #news-stocks #stocks-teaser .more-info a:link, #wrapper #news-stocks #stocks-teaser .more-info a:visited {color: #a44dc4; font-size: 0.75em;}
#wrapper #latest-news .more-info a:hover, #wrapper #latest-news .more-info a:active, #wrapper #news-stocks #stocks-teaser .more-info a:hover, #wrapper #news-stocks #stocks-teaser .more-info a:active {color: #8c8c8c;}


/*** Flash Map ***/
#country-selection {position: absolute; margin: 84px 0 0 696px; *margin: 74px 0 0 706px;}

#flash-map {
position: absolute;
left: -561px;
*left: -571px;
top: -57px;
z-index: 0;
height: 400px;
width: 400px;
visibility: visible;
}


/*** Begin Header ***/
#header {
background: #000 url(/muse/resources/mtcvodafone/web/images/header-home.jpg) top center no-repeat;
width: 870px;
height: 140px;
margin: 10px 0 0 0;
padding: 0;
}

.color-one #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-one.jpg) top center no-repeat;}
.color-two #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-two.jpg) top center no-repeat;}
.color-three #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-three.jpg) top center no-repeat;}
.color-four #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-four.jpg) top center no-repeat;}
.color-five #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-five.jpg) top center no-repeat;}
.color-six #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-six.jpg) top center no-repeat;}
.color-common #header {background: #000 url(/muse/resources/mtcvodafone/web/images/header-color-common.jpg) top center no-repeat;}

/*** in case the images are defined in the portal then use them instead of the above default ones
#header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20home) top center no-repeat;}
.color-one #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20one) top center no-repeat;}
.color-two #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20two) top center no-repeat;}
.color-three #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20three) top center no-repeat;}
.color-four #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20four) top center no-repeat;}
.color-five #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20five) top center no-repeat;}
.color-six #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20six) top center no-repeat;}
.color-common #header {background: #000 url(/muse/obj/portal/presentation/banners/Banner%20common) top center no-repeat;}
***/

#corporate-logo {
margin: 12px 27px;
_margin-left: 12px;
float: left;
}


#search-form {
float: right;
margin: 10px 25px;
_margin-right: 12px;
height: 22px;
width: 190px;
background: transparent url(/muse/resources/mtcvodafone/web/images/search-bg.png) top left no-repeat;
_background-image: url(/muse/resources/mtcvodafone/web/images/ie6/search-bg.gif);
background-position: 0 2px;
position: relative;
z-index: 10;
}

#search-form form {padding: 0; margin: 0;}
#search-form label {display: none;}
#search-form .text-input {background: #000; height: 14px; width: 140px; border: none; color: #50dab0; font-size: 0.7em; line-height: 1em; padding: 0 6px;}
#search-form .text-input:focus {color: #fff; font-style: normal;}
#search-form .button {background: transparent; width: 20px; height: 20px; overflow: hidden; text-indent: -1000px; *padding-top: 20px; border: none; cursor: pointer;}


/*** End Header ***/

/*** Begin Main Menu ***/
#main-menu {
height: 22px; 
text-align: center;
width: 850px;
margin: 0 10px;
}

#main-menu ul {
background: #000; 
height: 22px;
margin: 0 auto;
position: relative;
z-index: 10; 
*margin-left: 120px;
}

#main-menu ul li {
float: left; 
width: 100px; 
height: 20px; 
line-height: 1em; 
padding: 2px 0 0 10px; 
text-align: left;
}

#main-menu ul li a:link, #main-menu ul li a:visited { 
margin: 0; 
color: #fff;
font-weight: bold;
font-size: 12px;
}

.clear {clear: both;}

#main-menu ul ul {
height: auto; 
position: absolute; 
*position: relative; 
margin: 2px 0 0 -10px; 
padding: 0 0 10px 0; 
width: 110px; 
text-align: left;
background: transparent url(/muse/resources/mtcvodafone/web/images/sub-menu-bg.png) bottom left no-repeat;
_background-image: url(/muse/resources/mtcvodafone/web/images/ie6/sub-menu-bg.gif);
}

#main-menu ul ul li {
float: none; 
height: 20px; 
width: 90px; 
overflow: hidden; 
padding: 0 10px; 
margin: 0; 
*margin: 0 0 -3px 0; 
background: #000; 
line-height: 0.5em;
}

#main-menu ul ul a:link, #main-menu ul ul a:visited, #left-column ul li {font-weight: normal; display: block; padding: 5px 0; border-bottom: 1px solid #bbb;}
#main-menu ul ul a:hover, #main-menu ul ul a:active {color: #0C4AC7;}

#main-menu .color-one ul a:link, #main-menu .color-one ul a:visited, .color-one #left-column ul li {border-bottom: 1px solid #cf0072;}
#main-menu .color-two ul a:link, #main-menu .color-two ul a:visited, .color-two #left-column ul li {border-bottom: 1px solid #69be28;}
#main-menu .color-three ul a:link, #main-menu .color-three ul a:visited, .color-three #left-column ul li {border-bottom: 1px solid #5eb6e4;}
#main-menu .color-four ul a:link, #main-menu .color-four ul a:visited, .color-four #left-column ul li {border-bottom: 1px solid #009b74;}
#main-menu .color-five ul a:link, #main-menu .color-five ul a:visited, .color-five #left-column ul li {border-bottom: 1px solid #a44dc4;}
#main-menu .color-six ul a:link, #main-menu .color-six ul a:visited, .color-six #left-column ul li {border-bottom: 1px solid #5eb6e4;}
#main-menu .color-common ul a:link, #main-menu .color-common ul a:visited, .color-common #left-column ul li {border-bottom: 1px solid #50dab0;}

#main-menu ul ul ul {margin: 0 0 0 105px;}

#main-menu ul ul ul .before {display: block; height: 8px; width: 110px; background: transparent url(/muse/resources/mtcvodafone/web/images/sub-sub-menu-bg.png) top left no-repeat; _background-image:  url(/muse/resources/mtcvodafone/web/images/ie6/sub-sub-menu-bg.gif);}

#menu a {display: block;}
#menu li, #menu li li {float: left;}
#menu li ul {position: absolute; display: none;}
#menu li:hover ul, #menu li.menu-hvr ul {display: block;}



/* REMOVE LATER */
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/	
#qm0 {	
height:25px;
background: #000;
width: 685px;
padding-left: 165px;
border-width:0px;
position: relative;
text-align: center;
}

/*"""""""" (MAIN) Items""""""""*/	
#qm0 a:link, #qm0 a:visited {	
padding:5px 10px 5px 10px;
_margin-bottom: -2px;
color:#FFFFFF;
font-size: 12px;
text-decoration:none;
text-align: left;
}

/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover {color:#fff;}
#qm0 li a:hover, #qm0 div a:hover {color:#0C4AC7;}

/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 li:hover>a	{color:#fff;}

/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul {	
padding:5px 0px 10px 0px;
margin:10px 0px 0px 0px;
background-color:transparent;
border-width:0px;
border-style:none;
}

/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a {
padding:2px 10px 2px 10px;
background-color:transparent;
font-size: 12px;
border-width:0px;
border-style:none;
}

/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover {}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 ul li:hover>a {}
#qm0 ul li ul li:hover>a {text-decoration: none;}

/*"""""""" Custom Rule""""""""*/	
div#qm0 div div, ul#qm0 ul ul {margin:-5px 0px 20px 10px; zoom:1;}

div.color-one a.qmparent:hover, .color-one a#current-section, #qm0 .color-one:hover {background: #cf0072;}
div.color-two a.qmparent:hover, .color-two a#current-section, #qm0 .color-two:hover {background: #69be28;}
div.color-three a.qmparent:hover, .color-three a#current-section, #qm0 .color-three:hover {background: #5eb6e4;}
div.color-four a.qmparent:hover, .color-four a#current-section, #qm0 .color-four:hover {background: #009b74;}
div.color-five a.qmparent:hover, .color-five a#current-section, #qm0 .color-five:hover {background: #a44dc4;}
div.color-six a.qmparent:hover, .color-six a#current-section, #qm0 .color-six:hover {background: #5eb6e4;}
div.color-common a.qmparent:hover, .color-common a#current-section, #qm0 .color-common:hover {background: #50dab0;}


#qm0 {background: #000; height: 26px;}
#qm0 ul, #qm0 div {margin-top: 0;}
#qm0 ul a:link, #qm0 ul a:visited, #qm0 div a:link, #qm0 div a:visited {margin: 0 8px; padding: 2px; border-bottom: 1px solid #bbb;}
#qm0 ul ul a:link, #qm0 ul ul a:visited, #qm0 div div a:link, #qm0 div div a:visited {margin: 0 8px; padding: 2px; border-bottom: 1px solid #bbb;}


.color-one #qm0 ul a:link, .color-one #qm0 ul a:visited, .color-one #qm0 div a:link, .color-one #qm0 div a:visited {border-bottom: 1px solid #cf0072;}
.color-one #qm0 ul ul a:link, .color-one #qm0 ul ul a:visited, .color-one #qm0 div div a:link, .color-one #qm0 div div a:visited {border-bottom: 1px solid #cf0072;}
.color-two #qm0 ul a:link, .color-two #qm0 ul a:visited, .color-two #qm0 div a:link, .color-two #qm0 div a:visited {border-bottom: 1px solid #69be28;}
.color-two #qm0 ul ul a:link, .color-two #qm0 ul ul a:visited, .color-two #qm0 div div a:link, .color-two #qm0 div div a:visited {border-bottom: 1px solid #69be28;}
.color-three #qm0 ul a:link, .color-three #qm0 ul a:visited, .color-three #qm0 div a:link, .color-three #qm0 div a:visited {border-bottom: 1px solid #5eb6e4;}
.color-three #qm0 ul ul a:link, .color-three #qm0 ul ul a:visited, .color-three #qm0 div div a:link, .color-three #qm0 div div a:visited {border-bottom: 1px solid #5eb6e4;}
.color-four #qm0 ul a:link, .color-four #qm0 ul a:visited, .color-four #qm0 div a:link, .color-four #qm0 div a:visited {border-bottom: 1px solid #009b74;}
.color-four #qm0 ul ul a:link, .color-four #qm0 ul ul a:visited, .color-four #qm0 div div a:link, .color-four #qm0 div div a:visited {border-bottom: 1px solid #009b74;}
.color-five #qm0 ul a:link, .color-five #qm0 ul a:visited, .color-five #qm0 div a:link, .color-five #qm0 div a:visited {border-bottom: 1px solid #a44dc4;}
.color-five #qm0 ul ul a:link, .color-five #qm0 ul ul a:visited, .color-five #qm0 div div a:link, .color-five #qm0 div div a:visited {border-bottom: 1px solid #a44dc4;}
.color-six #qm0 ul a:link, .color-six #qm0 ul a:visited, .color-six #qm0 div a:link, .color-six #qm0 div a:visited {border-bottom: 1px solid #5eb6e4;}
.color-six #qm0 ul ul a:link, .color-six #qm0 ul ul a:visited, .color-six #qm0 div div a:link, .color-six #qm0 div div a:visited {border-bottom: 1px solid #5eb6e4;}
.color-common #qm0 ul a:link, .color-common #qm0 ul a:visited, .color-common #qm0 div a:link, .color-common #qm0 div a:visited {border-bottom: 1px solid #50dab0;}
.color-common #qm0 ul ul a:link, .color-common #qm0 ul ul a:visited, .color-common #qm0 div div a:link, .color-common #qm0 div div a:visited {border-bottom: 1px solid #50dab0;}


#qm0 .color-one ul a:link, #qm0 .color-one ul a:visited {border-bottom: 1px solid #cf0072;}
#qm0 .color-two ul a:link, #qm0 .color-two ul a:visited {border-bottom: 1px solid #69be28;}
#qm0 .color-three ul a:link, #qm0 .color-three ul a:visited {border-bottom: 1px solid #5eb6e4;}
#qm0 .color-four ul a:link, #qm0 .color-four ul a:visited {border-bottom: 1px solid #009b74;}
#qm0 .color-five ul a:link, #qm0 .color-five ul a:visited {border-bottom: 1px solid #a44dc4;}
#qm0 .color-six ul a:link, #qm0 .color-six ul a:visited {border-bottom: 1px solid #5eb6e4;}
#qm0 .color-common ul a:link, #qm0 .color-common ul a:visited {border-bottom: 1px solid #50dab0;}

#qm0.qmmc .color-one a:link, #qm0.qmmc .color-one a:visited {border-bottom: 1px solid #cf0072;}
#qm0.qmmc .color-two a:link, #qm0.qmmc .color-two a:visited {border-bottom: 1px solid #69be28;}
#qm0.qmmc .color-three a:link, #qm0.qmmc .color-three a:visited {border-bottom: 1px solid #5eb6e4;}
#qm0.qmmc .color-four a:link, #qm0.qmmc .color-four a:visited {border-bottom: 1px solid #009b74;}
#qm0.qmmc .color-five a:link, #qm0.qmmc .color-five a:visited {border-bottom: 1px solid #a44dc4;}
#qm0.qmmc .color-six a:link, #qm0.qmmc .color-six a:visited {border-bottom: 1px solid #5eb6e4;}
#qm0.qmmc .color-common a:link, #qm0.qmmc .color-common a:visited {border-bottom: 1px solid #50dab0;}

.color-one #qm0 div a:hover, #qm0.qmmc .color-one a:hover {color: #cf0072;}
.color-two #qm0 div a:hover, #qm0.qmmc .color-two a:hover {color: #69be28;}
.color-three #qm0 div a:hover, #qm0.qmmc .color-three a:hover {color: #5eb6e4;}
.color-four #qm0 div a:hover, #qm0.qmmc .color-four a:hover {color: #009b74;}
.color-five #qm0 div a:hover, #qm0.qmmc .color-five a:hover {color: #a44dc4;}
.color-six #qm0 div a:hover, #qm0.qmmc .color-six a:hover {color: #5eb6e4;}
.color-common #qm0 div a:hover, #qm0.qmmc .color-common a:hover {color: #50dab0;}



/*** End Main Menu ***/

/*** Begin Content ***/
#content {
margin: 0 10px;
padding: 15px;
background: #fff;
min-height: 200px;
_padding-left: 5px;
}


.corner-left {width: 10px; height: 22px; float: left; background: transparent url(/muse/resources/mtcvodafone/web/images/round-corner-left.png) bottom left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/round-corner-left.gif);}
.corner-right {width: 10px; height: 22px; float: right; background: transparent url(/muse/resources/mtcvodafone/web/images/round-corner-right.png) bottom right no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/round-corner-right.gif);}

.corner-top-left {width: 10px; height: 20px; float: left; background: transparent url(/muse/resources/mtcvodafone/web/images/round-corner-top-left.png) top left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/round-corner-top-left.gif);}
.corner-top-right {width: 10px; height: 20px; float: right; background: transparent url(/muse/resources/mtcvodafone/web/images/round-corner-top-right.png) top right no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/round-corner-top-right.gif);}
.corner-bottom-left {width: 10px; height: 20px; float: left; background: transparent url(/muse/resources/mtcvodafone/web/images/round-corner-bottom-left.png) bottom left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/round-corner-bottom-left.gif);}
.corner-bottom-right {width: 10px; height: 20px; float: right; background: transparent url(/muse/resources/mtcvodafone/web/images/round-corner-bottom-right.png) bottom right no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/round-corner-bottom-right.gif);}

.color-one .corner-top-left, .color-one .corner-top-right, .color-one .corner-bottom-left, .color-one .corner-bottom-right {background-color: #cf0072;}
.color-two .corner-top-left, .color-two .corner-top-right, .color-two .corner-bottom-left, .color-two .corner-bottom-right {background-color: #69be28;}
.color-three .corner-top-left, .color-three .corner-top-right, .color-three .corner-bottom-left, .color-three .corner-bottom-right {background-color: #5eb6e4;}
.color-four .corner-top-left, .color-four .corner-top-right, .color-four .corner-bottom-left, .color-four .corner-bottom-right {background-color: #009b74;}
.color-five .corner-top-left, .color-five .corner-top-right, .color-five .corner-bottom-left, .color-five .corner-bottom-right {background-color: #a44dc4;}
.color-six .corner-top-left, .color-six .corner-top-right, .color-six .corner-bottom-left, .color-six .corner-bottom-right {background-color: #5eb6e4;}
.color-common .corner-top-left, .color-common .corner-top-right, .color-common .corner-bottom-left, .color-common .corner-bottom-right {background-color: #50dab0;}

/* Begin Home Page Content */

.homepage #content {padding: 0;}

#news-teaser, #stocks-teaser {
color: #fff;
float: left;
padding: 5px;
margin: 10px 0 0 10px;
_margin-left: 6px; 
width: 190px;
height: 190px;
overflow: hidden;
}

#news-teaser ul, #stocks-teaser ul {margin: 10px 5px; height: 143px; overflow: hidden;}
#news-teaser ul li, #stocks-teaser ul li {line-height: 1em; padding: 0 0 7px 0; font-size: 0.75em;}
#news-teaser a:link, #news-teaser a:visited, #stocks-teaser a:link, #stocks-teaser a:visited {color: #fff; text-decoration: none;}
#news-teaser a:hover, #news-teaser a:active {color: #ccc;}

#news-teaser {background: transparent url(/muse/resources/mtcvodafone/web/images/news-teaser-bg.gif) top left no-repeat;}
#stocks-teaser {margin-right: 10px; _margin-right: 7px; _margin-left: 10px; background: transparent url(/muse/resources/mtcvodafone/web/images/stocks-teaser-bg.gif) top left no-repeat;}

#news-teaser h3 {color: #cf0072; padding: 5px;}
#stocks-teaser h3 {color: #a44dc4; padding: 5px 5px 12px 5px;}

#stocks-teaser p {padding: 3px 5px; font-size: 11px;}
#stocks-teaser span {margin: 0 15px}
#stocks-teaser span.title, #stocks-teaser span.stockstitle {width: 100px; float: left; margin: 0;}
#stocks-teaser span.stockstitle, #stocks-teaser span.stocksup, #stocks-teaser span.stocksdown {font-weight: bold; margin: 0;}
#stocks-teaser span.image {margin: 0 5px 0 0;}

#news-teaser .more-info, #stocks-teaser .more-info {float: right; padding: 4px;}
#news-teaser .more-info a:link, #news-teaser .more-info a:visited {color: #cf0072; font-size: 0.75em;}
#stocks-teaser .more-info a:link, #stocks-teaser .more-info a:visited {color: #a44dc4; font-size: 0.75em;}
#news-teaser .more-info a:hover, #news-teaser .more-info a:active, #stocks-teaser .more-info a:hover, #stocks-teaser .more-info a:active {color: #8c8c8c;}

#secondary-promotion {margin: 10px 0 0 10px; z-index: 0;}



/* End Home Page Content */

/* Begin Inside Pages Content */
a:link, a:visited {text-decoration: underline;}
.color-one a:link, .color-one a:visited {color: #cf0072; text-decoration: underline;}
.color-two a:link, .color-two a:visited {color: #69be28;}
.color-three a:link, .color-three a:visited {color: #5eb6e4;}
.color-four a:link, .color-four a:visited {color: #009b74;}
.color-five a:link, .color-five a:visited {color: #a44dc4;}
.color-six a:link, .color-six a:visited {color: #5eb6e4;}
.color-common a:link, .color-common a:visited {color: #50dab0;}

.color-one #content, .color-one #footer, li.color-one:hover, .color-one li#current-section, .color-one #middle-column .step-backward img {background: #cf0072; color: #fff;}
.color-two #content, .color-two #footer, li.color-two:hover, .color-two li#current-section, .color-two #middle-column .step-backward img {background: #69be28; color: #fff;}
.color-three #content, .color-three #footer, li.color-three:hover, .color-three li#current-section, .color-three #middle-column .step-backward img {background: #5eb6e4; color: #fff;}
.color-four #content, .color-four #footer, li.color-four:hover, .color-four li#current-section, .color-four #middle-column .step-backward img {background: #009b74; color: #fff;}
.color-five #content, .color-five #footer, li.color-five:hover, .color-five li#current-section, .color-five #middle-column .step-backward img {background: #a44dc4; color: #fff;}
.color-six #content, .color-six #footer, li.color-six:hover, .color-six li#current-section, .color-six #middle-column .step-backward img {background: #5eb6e4; color: #fff;}
.color-common #content, .color-common #footer, li.color-common:hover, .color-common li#current-section, .color-common #middle-column .step-backward img {background: #50dab0; color: #fff;}

.color-one #footer a:link, .color-one #footer a:visited, .color-two #footer a:link, .color-two #footer a:visited, .color-three #footer a:link, .color-three #footer a:visited, .color-four #footer a:link, .color-four #footer a:visited, .color-five #footer a:link, .color-five #footer a:visited, .color-six #footer a:link, .color-six #footer a:visited, .color-common #footer a:link, .color-common #footer a:visited {color: #fff; text-decoration: none;}
.color-one #footer a:hover, .color-one #footer a:active, .color-two #footer a:hover, .color-two #footer a:active, .color-three #footer a:hover, .color-three #footer a:active, .color-four #footer a:hover, .color-four #footer a:active, .color-five #footer a:hover, .color-five #footer a:active, .color-six #footer a:hover, .color-six #footer a:active, .color-common #footer a:hover, .color-common #footer a:active {border-bottom: 1px dotted #eee;}

#left-column {
width: 195px; 
float: left; 
margin-right: 15px;
_margin: 0 5px;
}

#side-menu {background: transparent url(/muse/resources/mtcvodafone/web/images/side-menu-top-bg.png) top left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/side-menu-top-bg.gif); padding: 8px 0 0 0;}
#side-menu-bottom {width: 195px; height: 12px; background: transparent url(/muse/resources/mtcvodafone/web/images/side-menu-bottom-bg.png) top left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/side-menu-bottom-bg.gif); margin: 0; z-index: 1;}

#left-column ul {
font-size: 12px;
line-height: 1.2em;
margin: 0;
background: #000;
padding: 0 8px; 
z-index: 2; 
position: relative;
}

#left-column ul li {padding: 2px 0; margin: 0; background: #000;}
#left-column ul li a:link, #left-column ul li a:visited {text-decoration: none; color: #fff; background: url(/muse/resources/mtcvodafone/web/images/side-menu-arrow.png) top left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/side-menu-arrow.gif); background-position: 0 4px; padding-left: 8px;}
#left-column ul li a:hover, #left-column ul li a:active {color: red;}
#left-column ul a.current:link, #left-column ul a.current:visited {background: url(/muse/resources/mtcvodafone/web/images/side-menu-arrow-down.png) top left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/side-menu-arrow-down.gif); background-position: 0 6px; padding-left: 12px;}

.color-one #left-column ul li a:hover, .color-one #left-column ul li a:active {color: #cf0072;}
.color-two #left-column ul li a:hover, .color-two #left-column ul li a:active {color: #69be28;}
.color-three #left-column ul li a:hover, .color-three #left-column ul li a:active {color: #5eb6e4;}
.color-four #left-column ul li a:hover, .color-four #left-column ul li a:active {color: #009b74;}
.color-five #left-column ul li a:hover, .color-five #left-column ul li a:active {color: #a44dc4;}
.color-six #left-column ul li a:hover, .color-six #left-column ul li a:active {color: #5eb6e4;}
.color-common #left-column ul li a:hover, .color-common a:visited {color: #50dab0;}

#left-column ul ul {background-image: none; padding: 4px 0 0 0; margin: 0 0 -3px 0;}
#left-column ul ul li {background: #fff; padding: 2px 8px; width: 164px; height: 13px; overflow: hidden;}
#left-column ul ul li a:link, #left-column ul ul li a:visited {color: #000; background: url(/muse/resources/mtcvodafone/web/images/side-menu-arrow-black.png) top left no-repeat; _background-image: url(/muse/resources/mtcvodafone/web/images/ie6/side-menu-arrow-black.gif); background-position: 0 4px;}
#left-column ul ul a.current:link, #left-column ul ul a.current:visited {background-image: none; font-weight: bold; padding-left: 8px;}

#right-column {
float: right;
width: 100px; 
display: none;
margin-left: 15px;
}

#middle-column {
float: right;
width: 610px;
color: #000;
font-size: 14px;
line-height: 1.2em;
position: relative;
z-index: 1;
}

#middle-column.full-page {width: 820px;}
#middle-column.full-page .blank {width: 800px;}
#middle-column.full-page .item {_width: 820px; _margin-right: -10px; _margin-bottom: 15px;}

#middle-column .content {padding: 16px 8px; overflow: hidden;}
#middle-column .content p {position: relative; padding: 10px 0 0 0;}
#middle-column .content ul {clear: both; margin-top: 25px; list-style-type: disc; padding: 0 0 0 15px;}
#middle-column .content ul li {padding: 0 0 2px 0;}
#middle-column .content ul li a:link, #middle-column .content ul li a:visited {text-decoration: underline;}
#middle-column .item {clear: both; background: #fff; _width: 610px; _margin-right: -10px; _margin-bottom: 15px;}
#middle-column .date {color: #8c8c8c; font-size: 0.8em;}
#middle-column .blank {float: left; background: #fff; width: 590px; height: 20px; margin-bottom: 15px;}
#middle-column .mini-item-left, #middle-column .mini-item-right {width: 295px; margin: 5px 0 20px 0; background: #fff; min-height: 50px;}
#middle-column .mini-item-left .content p, #middle-column .mini-item-right .content p {clear: left; height: 70px; *height: 72px; overflow: hidden; padding: 0; margin-bottom: -5px;}
#middle-column .mini-item-left h3, #middle-column .mini-item-right h3 {height: 55px; overflow: hidden; line-height: 1em;}
#middle-column .mini-item-left {float: left;}
#middle-column .mini-item-right {float: right;}

/* Image Rounding */
#middle-column .content .content-image {position: relative; float: left; margin: 0 15px 10px 0; width: 220px; width: auto; max-width: 300px;} /* XXX - width */
#middle-column .content .content-image img {float: none; width: 220px; width: auto; max-width: 300px; position: relative; display: block; padding: 0; margin: 0;} /* XXX - width */
#middle-column .mini-item-left .content .content-image, #middle-column .mini-item-right .content .content-image {width: 67px; height: 55px; overflow: hidden;}
#middle-column .mini-item-left .content .content-image img, #middle-column .mini-item-right .content .content-image img {width: 67px; height: 55px;}
#middle-column .content .content-image span {background: url(/muse/resources/mtcvodafone/web/images/img-round-corners.png) top left no-repeat; _background_image: url(/muse/resources/mtcvodafone/web/images/ie6/img-round-corners.gif); width: 8px; height: 8px; margin: 0 0 -8px 0; position: relative; z-index: 10; display: none;} /* XXX - display */
#middle-column .content .content-image span.top-left {position: absolute;}
#middle-column .content .content-image span.top-right {background-position: top right; float: right;}
#middle-column .content .content-image span.bottom-left {background-position: bottom left; float: left; margin: -8px 0 0 0;}
#middle-column .content .content-image span.bottom-right {background-position: bottom right; float: right; margin: -8px 0 0 0;}

#middle-column .content p img {float: none;}
#middle-column .content .no-float {float: none;}
#middle-column .content .read-more {margin: 10px 0 -15px 0; *margin-bottom: -15px;}
#middle-column .content .read-more a:link, #middle-column .content .read-more a:visited {text-decoration: underline;}
#middle-column .content .read-more a:hover, #middle-column .content .read-more a:active {text-decoration: none;}

#middle-column .stocks-update {text-align: right; padding: 18px 15px 0 0; font-size: 11px; display: block; height: 20px;}
#middle-column .stocks-update p {float: right; border-bottom: 1px solid #D4D4D4; padding: 0 3px;}
#middle-column .stocks-update img {margin: 0 5px;}
#middle-column .stocks-update img.stocks-indicator {margin-bottom: -4px;}
#middle-column .stocks-update .label {color: #A0D2C3;}
#middle-column .stocks-update .time {color: #D4D4D4; font-size: 10px; margin-left: 5px;}
#middle-column .stocks-update span {color: #8C8C8C;}

#middle-column h2 {font-size: 24px; padding: 0 0 15px 0; line-height: 1em; font-weight: normal;}
#middle-column h3 {font-size: 18px; padding: 0; line-height: 1.1em; font-weight: normal;}
#middle-column h3 span {color: #bbb;}
#middle-column a:link, #middle-column a:visited {text-decoration: underline;}
#middle-column a:hover, #middle-column a:active {text-decoration: none;}
.color-one #middle-column h2, .color-one #middle-column h3, .color-one #middle-column a:link, .color-one #middle-column a:visited, .color-one h4, .color-one .content ul {color: #cf0072;}
.color-two #middle-column h2, .color-two #middle-column h3, .color-two #middle-column a:link, .color-two #middle-column a:visited, .color-two h4, .color-two .content ul  {color: #69be28;}
.color-three #middle-column h2, .color-three #middle-column h3, .color-three #middle-column a:link, .color-three #middle-column a:visited, .color-three h4, .color-three .content ul  {color: #5eb6e4;}
.color-four #middle-column h2, .color-four #middle-column h3, .color-four #middle-column a:link, .color-four #middle-column a:visited, .color-four h4, .color-four .content ul  {color: #009b74;}
.color-five #middle-column h2, .color-five #middle-column h3, .color-five #middle-column a:link, .color-five #middle-column a:visited, .color-five h4, .color-five .content ul  {color: #a44dc4;}
.color-six #middle-column h2, .color-six #middle-column h3, .color-six #middle-column a:link, .color-six #middle-column a:visited, .color-six h4, .color-six .content ul  {color: #5eb6e4;}
.color-common #middle-column h2, .color-common #middle-column h3, .color-common #middle-column a:link, .color-common #middle-column a:visited, .color-common h4, .color-common .content ul  {color: #50dab0;}


#next-previous {clear: both; font-size: 0.8em; text-align: right; margin: 0;}
#next-previous p {width: 100%; margin: 15px 10px -15px 0; line-height: 0.8em; *line-height: 1em;}
#next-previous .previous {float: left; background: url(/muse/resources/mtcvodafone/web/images/previous.gif) top left no-repeat; padding-left: 10px;}
.color-one #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-one.gif) top left no-repeat;}
.color-two #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-two.gif) top left no-repeat;}
.color-three #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-three.gif) top left no-repeat;}
.color-four #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-four.gif) top left no-repeat;}
.color-five #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-five.gif) top left no-repeat;}
.color-six #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-six.gif) top left no-repeat;}
.color-common #next-previous .previous {background: url(/muse/resources/mtcvodafone/web/images/previous-color-common.gif) top left no-repeat;}

#next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next.gif) right no-repeat; padding-right: 9px;}
.color-one #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-one.gif) right no-repeat;}
.color-two #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-two.gif) right no-repeat;}
.color-three #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-three.gif) right no-repeat;}
.color-four #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-four.gif) right no-repeat;}
.color-five #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-five.gif) right no-repeat;}
.color-six #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-six.gif) right no-repeat;}
.color-common #next-previous .next {background: url(/muse/resources/mtcvodafone/web/images/next-color-common.gif) right no-repeat;}


/* Flash Videos */
#middle-column .flash-content {padding: 10px 12px 0 12px; margin-bottom: -12px;}
#middle-column #flash-video {text-align: center; margin: 35px 0 25px 0;}
#middle-column .video-details {font-size: 0.9em; font-weight: bold;}


/* Email/Print Page */
#extra-links ul {margin: 10px 0 0 0; padding: 0 0 0 2px; background: none;}
#extra-links ul li {background: none;}
#extra-links ul li a:link, #extra-links ul li a:visited, #extra-links ul li a:hover, #extra-links ul li a:active {color: #fff;}
.color-one #extra-links ul li a:hover, .color-one #extra-links ul li a:active, .color-two #extra-links ul li a:hover, .color-two #extra-links ul li a:active, .color-three #extra-links ul li a:hover, .color-three #extra-links ul li a:active, .color-four #extra-links ul li a:hover, .color-four #extra-links ul li a:active, .color-five #extra-links ul li a:hover, .color-five #extra-links ul li a:active, .color-six #extra-links ul li a:hover, .color-six #extra-links ul li a:active, .color-common #extra-links ul li a:hover, .color-common #extra-links ul li a:active {color: #fff; border-bottom: 1px dotted #eee;}
#middle-column p.step-backward {float: right; margin: 20px 0 0 0;}
#middle-column p.step-backward img {float: left; margin: 5px 4px 0 0;}
#middle-column p.step-backward a:link, #middle-column p.step-backward a:visited {float: left; font-size: 0.9em;}


/* Album */
#middle-column .content ul#album-content {list-style-type: none; margin-top: 5px; padding: 0;}
#middle-column .content ul#album-content p {color: #000; max-height: 120px; overflow: hidden; font-size: 13px;}
#middle-column .content ul#album-content li {display: block; clear: both; padding-bottom: 20px;}
#middle-column .content ul#album-content li .image {float: left; margin: 0 15px 50px 0; max-width: 220px; height: auto; overflow: hidden; *margin-top: 20px;}
#middle-column .content ul#album-content li .image img {max-width: 220px; height: auto;}
#middle-column .content ul#album-content .read-more {margin: 5px 0 30px 0;}

#middle-column .content ul#album-vertical {list-style-type: none; margin-top: 5px; padding: 0;}
#middle-column .content ul#album-vertical p {color: #000;}

/* Album Image Rounding */
#middle-column .content ul#album-vertical li {float: left; width: 250px; margin: 0 0 20px 20px; *margin-left: 15px; text-align: center;}
#middle-column .content ul#album-vertical li .image {position: relative; width: 180px; height: 120px; width: auto; max-width: 180px; overflow: hidden; text-align: center; display: block; margin-bottom: 7px; margin-left: 35px; *margin-left: 0;} /* XXX - width */
#middle-column .content ul#album-vertical li .image img {padding: 0; width: 180px; height: auto; height: 100%; width: auto; max-width: 180px; float: none; margin: 0;} /* XXX - height */

#middle-column .content ul#album-vertical li .image span {
background: url(/muse/resources/mtcvodafone/web/images/img-round-corners.png) no-repeat top left;
_background_image: url(/muse/resources/mtcvodafone/web/images/ie6/img-round-corners.gif);
width: 8px;
height: 8px;
margin: 0 0 -8px 0;
position: relative;
z-index: 10;
display: none; /* XXX - display */
}

#middle-column .content ul#album-vertical li .image span.top-left {position: absolute;}
#middle-column .content ul#album-vertical li .image span.top-right {background-position: top right;float:right;}
#middle-column .content ul#album-vertical li .image span.bottom-left {background-position: bottom left; position: absolute; margin: 112px 0 0 0;}
#middle-column .content ul#album-vertical li .image span.bottom-right {background-position: bottom right; position: absolute; margin: 112px 0 0 172px;}
#middle-column .content ul#album-vertical li .caption {clear: both; width: 240px; height: 30px; overflow: hidden; text-align: center; color: #8c8c8c; font-size: 0.85em; line-height: 1.2em;}


/* Related Documents - files icons */
#related-items {margin-top: 20px; padding-top: 10px; border-top: 1px dotted #8c8c8c; clear: both;}
#related-items h5 {color: #8c8c8c; font-size: 0.9em; padding: 0 0 10px 0;}
#related-items ul.related-documents {list-style-type: none; margin: 0; padding: 0;}
#related-items ul.related-documents li a:link, #related-items ul.related-documents li a:visited {padding-left: 20px; text-decoration: underline;}
ul.related-documents {background: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0 0 0 3px;}
ul.related-documents li {background: none; margin: 0; padding: 0 0 7px 0;}
ul.related-documents li span {color: #8c8c8c; font-size: 0.8em;}
ul.related-documents li a:link, ul.related-documents li a:visited {line-height: 18px; padding: 2px 0 4px 0; background: #fff url(/muse/resources/mtcvodafone/web/images/icon_default.gif) top left no-repeat; font-size: 0.85em;}
#middle-column ul.related-documents li {display: block; width: 100%; border: 0px solid #fff;}
#middle-column ul.related-documents li .disabled a:link, #middle-column ul.related-documents li .disabled a:visited, #middle-column ul.related-documents li .disabled a:hover, #middle-column ul.related-documents li .disabled a:active {text-decoration: none; color: #666; cursor: default;}
#middle-column ul.related-documents li .disabled {max-width: 300px; _width: 300px; float: left; margin-right: 5px; height: 16px; overflow: hidden;}
ul.related-documents li a[href$='.pdf'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_pdf.gif) top left no-repeat;}
ul.related-documents li a[href$='.txt'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_txt.gif) top left no-repeat;}
ul.related-documents li a[href$='.doc'], ul.related-documents li a[href$='.rtf'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_doc.gif) top left no-repeat;}
ul.related-documents li a[href$='.xls'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_xls.gif) top left no-repeat;}
ul.related-documents li a[href$='.ppt'], ul.related-documents li a[href$='.pps'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_ppt.gif) top left no-repeat;}
ul.related-documents li a[href$='.jpg'], ul.related-documents li a[href$='.gif'], ul.related-documents li a[href$='.png'], ul.related-documents li a[href$='.tif'], ul.related-documents li a[href$='.bmp'], ul.related-documents li a[href$='.jpeg'], ul.related-documents li a[href$='.svg'], ul.related-documents li a[href$='.eps'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_pic.gif) top left no-repeat;}
ul.related-documents li a[href$='.mov'], ul.related-documents li a[href$='.wmv'], ul.related-documents li a[href$='.mp4'], ul.related-documents li a[href$='.avi'], ul.related-documents li a[href$='.mpg'], ul.related-documents li a[href$='.mov'], ul.related-documents li a[href$='.mpeg'] {background: #fff url(/muse/resources/mtcvodafone/web/images/icon_film.gif) top left no-repeat;}
ul.related-documents li a.preview:link, ul.related-documents li a.preview:visited {background: url(/muse/resources/mtcvodafone/web/images/preview-bg.gif) bottom right no-repeat; padding: 0 20px 0 0; margin-right: 5px; float: right;}
ul.related-documents li a.download:link, ul.related-documents li a.download:visited {background: url(/muse/resources/mtcvodafone/web/images/download-bg.gif) bottom right no-repeat; padding:0 20px 0 0; float: right; margin-right: 20px;}


/* Sitemap */
#sitemap {padding: 0;}
#sitemap li {font-size: 1em; float: left; width: 370px; margin-right: 20px;}
#sitemap ul li {float: none; width: auto; margin: 0; padding: 0 0 5px 0;}
#sitemap ul {padding: 5px 0 5px 15px;}
#sitemap li a:link, #sitemap li a:visited {font-size: 1em;}
#sitemap li a:hover, #sitemap li a:active {color: #8c8c8c;}
#sitemap li li a:link, #sitemap li li a:visited {font-size: 0.9em;}
#sitemap li li li a:link, #sitemap li li li a:visited {font-size: 0.8em;}
#sitemap li li li li a:link, #sitemap li li li li a:visited {font-size: 0.7em;}

/* Old Sitemap Structure and CSS - Reconsider decision*/
.sitemap {padding-left: 10px;}
.sitemap .title {font-size: 20px; display: block; font-weight: bold; padding: 10px 0 0 0;}
.sitemap a {text-decoration: none; color: gray;} 	
.sitemap .s0 {margin-left: 0px; padding-top: 10px; font-size: 14px; font-weight: bold;}
.sitemap .s0 a {color: #A0D2C3;}
.sitemap .s1 {margin-left: 30px; font-size: 13px; font-weight: bold;}
.sitemap .s1 a {color: #9B5F9B;}
.sitemap .s2 {margin-left: 60px; font-size: 12px;font-weight: bold;}
.sitemap .s3 {margin-left: 90px; font-size: 11px;}
.sitemap .s4 {margin-left: 120px; font-size: 11px;}
.sitemap .s5 {margin-left: 150px; font-size: 11px;}
.sitemap .s6 {margin-left: 180px; font-size: 11px;}
.sitemap .s7 {margin-left: 210px; font-size: 11px;}
.sitemap .container {margin-top: 5px; font-weight: bold;}
.sitemap .child {margin-top: 3px;}


/* Forms */
#middle-column .content #form ul {list-style-type: none; padding: 0;}
#middle-column .content #form ul li {margin: 0 0 5px 0;}
#middle-column .content #form ul li label {width: 200px; float: left; text-align: right; margin: 0 20px 0 0;}
#middle-column .content #form ul li input, #middle-column .content #form ul li textarea {width: 280px; border: 1px solid #bbb;}
#middle-column .content #form ul li select {width: 283px; border: 1px solid #bbb;}
#middle-column .content #form ul li .button {width: auto; margin: 10px 10px 0 0; padding: 2px 7px; background: #eee;}
#middle-column .content #form ul li .radiobutton {width: auto;}
#middle-column .content #form input[type="submit"] {
background: #eee;
border: 1px solid #bbb;
cursor: pointer;
margin: 30px 0 0 220px;
padding: 2px 7px;
width: auto;
}

#middle-column .content #form input[type="submit"]:hover {
background: #fff;
color: #666;
}

#middle-column .content .subscription-message {height: 267px; *height: 285px;}
#middle-column .content .subscription-message p {font-weight: bold; margin: 20px;}

/* Email Template */
#middle-column .content #email .captcha {border: 1px solid #bbb; float: none; margin: 0;}
#middle-column .content #email ul {list-style-type: none; padding: 0;}
#middle-column .content #email ul li {padding: 0 0 5px 0;}
#middle-column .content #email ul li h4 {padding: 5px 0;}
#middle-column .content #email ul li input {margin: 5px 0;}
#middle-column .content #email ul li label {width: 120px; float: left;}
#middle-column .content #email ul li .button {width: auto; margin: 10px 10px 0 0; padding: 2px 7px; border: 1px solid #bbb; background: #eee;}
#middle-column .content .error-msg {margin: 30px 0 10px 0; font-weight: bold; font-size: 1.1em; color: red;}
#middle-column .content .success-msg {margin: 30px 0 10px 0; font-weight: bold; font-size: 1.1em; color: black;}
#content.email {margin-bottom: -30px; *margin-bottom: -20px; left: 0;}
#corporate-logo.email {margin-left: 30px; position: absolute;}
#middle-column.email {margin-bottom: -15px; *margin-bottom: -10px; margin-left: 210px;}
#content.form {min-height: 220px;}
#middle-column.email input {width: 220px; border: 1px solid #aaa;}
#middle-column.email input#captcha {width: 75px;}


/* Search Results */
#search-results {_display: block; _float: left; _padding: 0 5px;}
#search-results .search-pages {position: absolute; width: 750px; color: #000; font-size: 0.9em; text-align: right; margin: -5px 0 0 0; padding: 0 8px;}
#search-results .search-keyword {width: 100%; height: 42px; margin: 0 0 20px 0; background: #ccc;}
#search-results .search-keyword p {float: left; color: #000; font-size: 0.9em; padding: 12px 8px; margin-right: 5px;}
#search-results .search-keyword h3 {color: #000; padding: 12px 0 0 0; width: auto; max-width: 420px; height: 24px; overflow: hidden;}
#search-results .search-results {display: block; margin-bottom: -20px;}
#search-results .search-title {font-weight: bold; padding-bottom: 2px;}
#search-results .search-summary {font-size: 0.8em;}
#search-results .search-summary p {color: #000; margin: 0; padding: 0;}
#search-results .search-summary .read-more {margin: 3px 0 20px 0;}
#search-results .search-summary .read-more a:hover, #search-results .search-summary .read-more a:active {color: #0C4AC7;}


/* Pagination */
#middle-column .content #pagination {clear: both; margin-top: 20px;}
#middle-column .content #pagination ul {margin: 0 0 0 -5px; padding: 0;}
#middle-column .content #pagination ul li {float: left; list-style-type: none; border: 1px solid #ccc; margin: 0 0 5px 5px; width: 18px; text-align: center; height: 18px; font-size: 0.75em;}
#middle-column .content #pagination a:link, #middle-column .content #pagination a:visited {font-size: 0.75em; color: #999; display: block; padding: 2px 0; margin-bottom: -2px; text-decoration: none;}
#middle-column .content #pagination a:hover, #middle-column .content #pagination a:active, #middle-column .content #pagination ul li.current {background-color: #ccc; color: #666;}
#middle-column .content #pagination ul li.current a:link, #middle-column .content #pagination ul li.current a:visited, #middle-column .content #pagination ul li.current a:hover, #middle-column .content #pagination ul li.current a:active {cursor: default; color: #666;}
#middle-column .content #pagination li.next-previous a:link, #middle-column .content #pagination li.next-previous a:visited {padding: 0 0 4px;}

/* End Inside Pages Content */
/*** End Content ***/

/*** Begin Footer ***/
#footer {
clear: both;
margin: 0 10px;
background: #fff;
font-size: 0.65em;
height: 22px;
}

#footer p {float: left; padding: 2px 3px 2px 0;}
#footer p a:link, #footer p a:visited {margin: 0;}
#secondary-navigation {float: right; padding: 2px 0 0 0;}
#secondary-navigation li {float: left; width: auto; padding: 0;}
#footer a:link, #footer a:visited {margin: 0 10px; color: #000; text-decoration: none;}
#footer a:hover, #footer a:active {border-bottom: 1px dotted #666;}

/*** End Footer ***/

/*** Social Media ***/
#socialmedia {
position: fixed;
left: -5px;
top: 50px;
z-index: 1000;
}

#socialmedia ul li {
background: transparent;
height: 100px;
margin: 0;
}

#socialmedia ul li:hover {margin: 0 0 0 5px;}

#socialmedia ul li .socialmedia {
background: url(../images/spacer.png) repeat top left;
display: none;
margin: -93px 45px 0;
*margin: 0 -5px;
padding: 0;
position: absolute;
width: auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#socialmedia ul li:hover .socialmedia {display: block;}

#socialmedia ul li#fbWidget .socialmedia {*display: none;}
#socialmedia ul li#fbWidget.on .socialmedia {*display: block;}
#socialmedia ul li#fbWidget.on {*margin: 0 0 0 5px;}
#socialmedia ul li#fbWidget.off .socialmedia {*display: none;}
	
#socialmedia ul li .socialmedia .socialmedia-content {
background: #fff;
margin: 5px;
padding: 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#socialmedia ul li .socialmedia #youtubeWrapper.socialmedia-content {max-height: 410px; overflow: hidden; *width: 290px;}

#socialmedia ul #youtubeWrapper ul li {
background: #fff;
clear: both;
display: none;
font-size: 0.85em;
margin: 0;
}

#socialmedia ul #youtubeWrapper ul li + li {display: block;}

#socialmedia ul #youtubeWrapper ul li a {
display: inline;
float: left;
}

#socialmedia ul #youtubeWrapper ul li label {
display: inline;
float: right;
margin: 5px;
max-height: 80px;
overflow: hidden;
width: 130px;
}

#socialmedia ul #youtubeWrapper #playerContainer {
height: 180px;
margin: 0 0 77px;
}

#socialmedia ul #youtubeWrapper #YTvideos {
height: 90px;
overflow-y: auto;
}

#socialmedia ul li .youtube {
height: 35px;
padding: 3px;
min-width: 275px;
*width: 275px;
}

#socialmedia ul li .youtube h4{
float: left;
}

#socialmedia ul li .youtube button {
background: url(../images/youtube-subscribe.png) no-repeat 0 0;
border: none;
color: #000;
cursor: pointer;
float: right;
font-size: 12px;
font-weight: bold;
line-height: 1em;
*line-height: 1.8em;
margin: -2px -5px;
min-height: 25px;
padding: 0;
width: 80px;
}

#socialmedia ul li .youtube button:hover {
color: #fff;
}