/* START BUSINESS LANDING PAGE 
============================================*/
/*
Authore: Suliana Abbay / Rob Watson
Date: May / June, 2007
Project: VFO015 Destinations
Notes: VFG062 - Vodafone.com redesign
*/


/* << HTML >> */

* { padding:0; margin:0;}
html {overflow: scroll;}
body {font-size: 100%;margin-top: 2px	;margin:5px;padding: 0px;	color:#333;font-family: arial, helvetica, sans-serif, verdana;
text-align:center;}
/*i  mg {border:none;display: block;}*/
 img {margin: 0px; padding: 0px;	border: 0;	display: block;}/**/
/* --------------  Opera CSS Hack  -------------- */
/* Hide content from visual browsers */
#dare .hidden {	background-color: transparent;	color: #ffffff;	font-size: 1px;	margin-bottom: -10px;	position: absolute;	margin-top: -9999em;}
/* Opera CSS Hack */
@media screen and (min-width: 0px) 
{
	#dare .hidden {
		position: absolute;	margin-left: 0;		margin-top: -10000px;
	}
}

/*a {text-decoration: none;}
a:hover {text-decoration: underline;}*/

a {font-family:arial,helvetica,sans-serif,verdana;}
a:link, a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}
form {margin:0px;padding:0px;}
p {padding: 10px 10px 5px 10px;}
h1, h2 {margin:0; padding:0; font-size: 1.6em;}
h3 {font-size:1.48em; margin:0; padding:0;font-weight:bold;}
/* << CLASSES >> */
.darklink {color:#333; text-decoration:underline;}
.hidden {display:none;}
.clearboth {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.clearleft {clear: left;}
.imgfloatleft {float:left;padding: 0 10px 10px 10px; }
.imgfloatright {float:right;padding:  0 10px 10px 10px;}
.boldertext {font-weight: bold; font-size:105%;}


.floatleftlogo{float: left;width: 109px;}
#container {width:876px;margin: 0px auto;text-align:left;}

/* << HEADER SECTION >> */
#header {padding:0 0 0px 0; font-size: 0.7em; padding-right: 0px; width: 866px;} 
#header img.vodalogo {margin:15px 10px 0px;}

/* << SEARCH SECTION >> */
/*.search {color:#333;font-weight:normal;float:left;margin:65px 0 0 0px;width:255px;}*/

.search {color:#333;font-weight:normal;float:right; margin:63px 0px 0pt 0px;width:255px;}
.globalsearchnav{
	width:420px;
}
.search fieldset {border: none;}
.search input {color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.0em;margin:0px;padding:0px;}
.search input {border:1px solid #333333;padding:3px 0pt 3px 1px;vertical-align:middle;width:100px;}
.search label {color:#333333;display:inline;font-size:1em;padding:0px 0pt 0pt 30px;}
.search input#sitesearch {width:117px; height: 11px;}
.search input.go {width: 12px; height: 12px; border: none; padding-left:2px;}
.search a {text-decoration: underline; color:#333;}
.search a:hover {text-decoration: none; color:#333;}



/* << top NAVIGATION  >> */
/* notes: remove height:24px; from #nav if a navigational list is added */
#nav {float:left;margin:15px 0pt 0 0;width:876px;  background: #f00; height:24px;}
#nav a {color:#333333;padding:3px 5px;text-decoration:none;}
#nav a:hover {color:#333333;padding:0px 5px;text-decoration:underline;}
#nav ul {margin: 0; padding:0;}
#nav ul li {display: inline;}
/* << top MENU BAR  >> */
#nav ul.topmenu { float: left; margin:0pt 0pt 7px; padding: 0; float: left; font-weight: bold; width: 100%; background: #FE0000; font-size: 0.7em;}
#nav ul.topmenu li {display:inline;}
#nav ul.topmenu li a {border-right:1px solid #FFFFFF;color:#FFFFFF;float:left;padding:5px 11px;text-decoration:none;}
#nav ul.topmenu li a:visited {color:#FFFFFF;padding:5px 11px;}
#nav ul.topmenu li a:hover, #nav ul.topmenu li #active {background:#66AD9A none;color:#FFF;padding:5px 11px;text-decoration:none;/* changed 2007-06-26 */}


/* << center section >> */
#maincontent {font-size: 0.7em; width: 100%; float: left; }
/* side bar (left hand navigation)  */
#sidebar {width:211px; float:left; padding:0; margin:12px 8px 0 0;}
#sidebar h1 {color:#66ad9a; font-size: 320%;}
#sidebar ul.subnav {margin:20px 0 0 0; padding: 0; background: url(/images/sidebar_dots.gif) top repeat-x;}
#sidebar li {list-style-type: none; display: block; color: #333333; padding: 5px 0; background: url(/images/sidebar_dots.gif) bottom repeat-x;}
#sidebar li a {color:#333333;}
#sidebar li a:hover {color:#333333;}
/* three panel with for pages with left hand navigation */
#subsection {float: left; width:657px;}


/* << footer >> */
#footer {clear:both;padding:10px 0 10px 10px;}
#footer a {text-decoration:none;color:#333;}
#footer a:hover {text-decoration:underline;color:#333;}
#footer ul {list-style-type:none;margin:0;padding:0;font-size: 0.7em;}
#footer ul li {display:inline;}
#footer ul li a {border-left:1px solid #333;padding:0 10px 0 10px;}
/* indents footer on pages with left hand navigation */
.footerindent {margin-left:219px;}
/*  placed between rows of panels */
.rowclearfix {clear:both; height:15px;}

.doublepanel {width:438px; float:left;padding:0; margin:0;}
/*  doublepanelgen is to align editable regions in tech support 2007aug GEN template  */
.doublepanelgen {width:405px; float:left;padding:0; margin:0px 32px 0px 0px;}
.doublepaneltab {width:420px; float:left;padding:0; margin:0;}
.doublepanelgentq {width:427px; float:left; margin:0px 10px 0px 0px;}

.spacer {width:35px; float:left; padding:0px; margin:0px;}
.singlepanel {width:219px; float:left; padding: 0px; margin: 0px;}
.singlepanelgentq {width:219px; float:right; padding: 0px; margin: 0px;}
.singlepanel h2, .singlepanelsml h2, .doublepanel h2 { padding:10px; margin: 0px;line-height: 0.75em;}
.editablegentq {width:425px; height:220px; margin: 10px 10px 10px 10px;}
/* << panel background and font colours >> */
.applegreen {background:#88bb09; color:#fff;}
.seablue {background:#008698; color:#fff;}
.skyblue {background:#6dc1d7; color:#333;}
.skyblue h2 {color: #fff;}
.lightblue {background:#d1e6e1; color:#333;}
.lighbluetwo {background:#c3e5ee; color:#333;}
.lighblue_01 {background:#e8f3f0; color:#333;}
.lighblue_02{background:#d9ebe6; color:#333;}
.lighblue_03{background: #6cc1d6; color:#333;}
.lightgreen {background:#e1eec1; color:#333;}
.yellow {background: #ffdf00; color:#333;}
.turquoise {background: #008799; color:#333;}
.orange {background:#f7b009; color:#333;}
.orange h2 {color:#fff;}
.greyblue {background:#5a9eb0; color:#fff;}
/* << LINK LISTS >> */
ul.darklist, ul.lightlist {margin:7px 0 10px 10px;list-style-type: none;}
/* << BLACK LISTS >> */
ul.darklist {background:url(/images/dots_dark.gif) repeat-x bottom left;width:199px;}
ul.darklist li {list-style:none;padding:5px 0px 4px 0px;background:url(/images/dots_dark.gif) repeat-x;margin:0px;clear:both;display:block;font-weight:bold;}
ul.darklist li a {display:block;background:transparent url(/images/ico_arr_black.gif) no-repeat top right;text-decoration:none;color:#333;}
ul.darklist li a:hover {background:transparent url(/images/ico_arr_black.gif) no-repeat top right; text-decoration: underline;}
/* << WHITE LISTS >> */
ul.lightlist {background:url(/images/dots_light.gif) repeat-x bottom left;width:199px;}
ul.lightlist li {list-style:none;padding:5px 0px 4px 0px;background:url(/images/dots_light.gif) repeat-x; margin:0px;clear:both;display:block;font-weight:bold;}
ul.lightlist li a {display: block;background:transparent url(/images/ico_arr_white.gif) no-repeat top right;text-decoration:none;color:#fff;}
ul.lightlist li a:hover {background:transparent url(/images/ico_arr_white.gif) no-repeat top right; text-decoration: underline;}
/* << Aligns the black lists and white lists to Bottom of panel >> */
.bottomlinks {width:199px;position: absolute; bottom: 0px; margin: 7px 0px 10px 0px;}





/* << FORMS >> */
form {margin:0; padding:0;}
fieldset {border: none; clear:both;}
select {clear:both; width: 199px; margin:0 10px; }
.dropdownmenu {border:1px solid #ccc; width: 199px; height:18px; font-size:100%;}
select.dropdownmenu {margin: 0 10px;}







/* START BUSINESS LANDING PAGE 
============================================*/
/*
Author: Rob Watson
Date: June 25, 2007
Project: VFG062 - Business Landing Page
*/
#landingpage {height:470px; position:relative; padding:20px 10px;}
#landingpage.bgphoneangels {background:url(/images/bg_phone_angels.gif) top right no-repeat;}
#landingpage p {padding: 10px;}
#landingpage h2 {line-height: 1.1em;}
#landingpage .bottomlinks {position: absolute; bottom: 10px;}
/*#lpbusrowone {height:115px; position: relative;}  changed 2nov07 eb*/
#lpbusrowtwo {height:125px; position: relative;}
#lpbusrowtwo select {margin-top: 10px;}
#lpbusrowthree {height:215px; position: relative;}
#techsupportpan h2 {padding-right:15px;}
#globalenterprisepan h2 {padding-bottom:1.6em;}
#lpbusrowone {height:50px; position: relative;}
/* END BUSINESS LANDING PAGE
============================================*/





/* Start Technical Support Centre page
============================================*/
/*
Author: Rob Watson
Date: June 25, 2007
Project: VFG062 - Technical Support Page
*/
/* padding for second paragraph */
p.paratoppad {padding-top: 10px;}
/* row heights */
.techrowone {height:240px; position:relative;}
.techrowonegentq {height: 320px; position:relative;}
.techrowtwo {height: 320px; position: relative;}

/* tab section near FAQs */
#tabs { padding: 10px 0 0 0; background: #fff;}
#tabs ul {padding-left: 0; padding-bottom: 1px; margin-left: 0; color: #333;}
#tabs ul li { display: inline; font-weight:bold; }
#tabs ul li a {padding: 7px 15px 7px 15px; background-color: #e0f0f3; color: #333; text-decoration: none; float: left; border-right: 1px solid #fff;}
#tabs ul li a:hover {background-color: #66b6c1;color: #fff;}
#tabs li a.tabactive {background:#66b6c1;color:#ffffff;text-decoration:none;}
/* spacer to align tab section in the tech support 2007aug GEN template  */
#tabspacer {width:211px; float:left; padding:0; margin:12px 8px 0 0;}


/* FAQs list */
#fqalist {clear: both; background: url(/images/dots_dark.gif) top repeat-x; width:428px}
#fqalisttab {clear: both; background: url(/images/dots_dark.gif) top repeat-x; width:320px}
#fqalist ul {margin-top: 10px; padding:10px 0; list-style-type: none;}
#fqalist li {margin:0 10px; padding: 0 0 10px 10px; background:url(/images/square_bullet_black.gif) top left no-repeat;}
#fqalist li a {color: #333333;}
#fqalist li a:hover {color: #333333;}
/* Important text under FAQs */
.importantbluetext {color:#66b6c1; font-weight: bold;}

/* ============================================*/
/*
Author: Shegun Konibire
Date: June 09, 2007
Project: VFG062 - Technical Support Page
Finishing off Javascript functionality
*/
/* HOW TO list */
#howtolist {clear: both; background: url(/images/dots_dark.gif) top repeat-x; width:428px}
#howtolisttab {clear: both; background: url(/images/dots_dark.gif) top repeat-x; width:320px}
#howtolist ul {margin-top: 10px; padding:10px 0; list-style-type: none;}
#howtolist li {margin:0 10px; padding: 0 0 10px 10px; background:url(/images/square_bullet_black.gif) top left no-repeat;}
#howtolist li a {color: #333333;}
#howtolist li a:hover {color: #333333;}
/* Important text under How To */
.importantbluetext {color:#66b6c1; font-weight: bold;}
#howtolist { display: none; } /* Initial state of questions */




/* END Technical Support Centre page
============================================*/