/* Resize cclamp grid container and structure - important */
#mainContentContainer {
	width: 980px
}

#sape.roaming_international { 
	width: 769px;
}

#leftNavOuterContainer { width: auto}
			 
/* END */


/* General styles */

abbr { border-bottom: none}

#sape .noSpacing {
	margin: 0;
	padding: 0
}

#sape .noSpacingTop {
	margin-top: 0;
	padding-top: 0
}

#sape img.nonCopy {
	margin: 0 0 0 1px;
}

#sape .modHeaderTitle {
	border-top: 1px solid #CECFCE;
	overflow: visible;
	height: auto
}

#sape.roaming_international .introCopy  {
	margin: 5px 10px 5px 15px;
	}

#sape .modHeader.headerTitle h2 {
	float:none;
	color: #f00;
	padding: 0.5em 0 0 15px;
	font-size: 2em;

}

.greenTitle {
	color: #88BB09
}

.redTitle {
	color: #F00
}

#sape .lightPurpleBG {
	background: #E6D7E9
}

#sape a.btnRed{ 
	display:block;
	padding:4px 15px 0 0;
	background:url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013154&revisionSelectionMethod=latest&inline=0") no-repeat 100% 4px; 
}

#sape .modBody p {
	margin: 0.15em 0 0.55em
}

#sape .subTitle,
#sape .modBody .subTitle {
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	margin: 0
}

#sape img.nonCopy {
	margin: 0 0 0 1px;
}

#sape.roaming_international .link_list1Col li,
#sape.roaming_international .link_list1Col_inline li,
#sape.roaming_international .link_list2Col li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#sape .mod2Col .modCopyCol {
	float:left;
	height:100%;
	overflow:hidden;
	position:relative;
	width:50%;
}


/* Banners */
#sape .modBanner,
#sape .modPromo {
	height:15.09em; /* 166 px */
	margin: 0 3px 13px;
	position: relative
}

/* Hide text for accessibility */
#sape .modBanner h1,
#sape .modBanner p {
	position: absolute;
	top: 0;
	left: -10000px;
}

#sape .modBanner.roamingAndInternational {
	background: url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013160&revisionSelectionMethod=latest&inline=0") no-repeat;
}

#sape .modBanner.vodafonePassport {
	background: url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013156&revisionSelectionMethod=latest&inline=0") no-repeat;
}

#sape .modBanner.roaming {
	background: url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013157&revisionSelectionMethod=latest&inline=0") no-repeat;
}

#sape .modBanner.ebuPassport {
	background: url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013158&revisionSelectionMethod=latest&inline=0") no-repeat;
}


/* 1.1.3.1 Roaming module */
/* 1.1.3.1.1 Vodafone Passport module */

.roamingMod,
.vfPassportMod {
	overflow:hidden;
	padding-bottom: 10px;	
}


.roamingMod .modCol,
.vfPassportMod .modCol {
	float: left;
	width: 29%;
	position: relative;
	margin-top: 1em;
	background: url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013155&revisionSelectionMethod=latest&inline=0") repeat-y top left
}

.roamingPromo .modCol {
	min-height: 30.5em;
	_height: 31em
}

.vfPassportMod .modCol {
	min-height: 44.5em
}

.roamingMod .modCol {
	margin-top: 0.75em
}

.vfPassportMod .modCol {
	width: 29%;
}

.roamingMod .modCol.introCol {
	width: 41.99%
}
.vfPassportMod .modCol.introCol {
	width: 70%
}

.roamingMod .modHeader {
	padding: 1.25em 0.15em 0.25em 10px
}

.roamingMod .introCol,
.vfPassportMod .introCol {
	background: none
}

.roamingMod .modCol .copy,
.vfPassportMod .modCol .copy {
	padding: 0 20px 5px 15px;
	height: 100%;
	position: relative
}

#sape .roamingMod p {
	margin: 0 0 0.5em 0
}

#sape .vfPassportMod p {}
#sape .vfPassportMod .introCol p.intro {
	font-size: 1.2em
}

#sape .modCol .headerTitle { 
	font-weight: bold;
	color: #f00;
	padding-top: 0.15em;
	margin-bottom: 0.15em}
	
#sape .modCol h2.headerTitle { font-size: 1.3em}
#sape .modCol h3.headerTitle { font-size: 1.2em}

#sape .vfPassportMod .modCol .break {
	margin: 1em 0 0.25em
}
#sape .vfPassportMod .introCol .break {
	margin: 1.5em 0 0.75em
}

.roamingMod a,
.vfPassportMod a {
	font-weight: bold
}

#sape .modCol a {
	text-decoration: underline
}

#sape .modCol .link_list1Col_inline {
	width: 100%;
	margin-top: 1.5em
}

#sape .modCol .link_list1Col a,
#sape .modCol .link_list1Col_inline a {
	text-decoration: none
}

#sape .roamingMod .modCol .link_list1Col {
	width: 195px
}

#sape .roamingMod .modCol.introCol .link_list1Col {
	width: 285px;
}

#sape .roamingInfoMod p {
	margin: 0;
	padding: 0 0 1.5em
}

#sape .roamingInfoMod a {
	text-decoration: underline
}

#sape .tAndCLink {
	display: block;
	margin-top: 1.5em
}

/* Passport Table */
.vfPassportMod table {
	margin-bottom: 1em
}

.vfPassportMod table tr td {
	padding: 0.75em 0.25em 0.75em 1em;
	background: url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013155&revisionSelectionMethod=latest&inline=0") repeat-y top right
}

.vfPassportMod table tr,
.vfPassportMod table tr td.last {
	background: none;
}

.vfPassportMod table thead tr {
	background: url(http://online.vodafone.co.uk/en_GB/assets/static/dots.gif) repeat-x left bottom
}

.vfPassportMod table thead td {
	color: #88bb09;
	font-size: 1.1em
}

.vfPassportMod table .redTitle {
	display: block
}

#sape .vfPassportMod table p { 
	font-size: 1em;
	margin: 0 0 0.15em}
	
#sape .vfPassportMod .tableFooter {
	font-size: 0.9em;
	margin: 0;
	padding: 0
}

#sape .modCol .bottom,
#sape .modCol ul.bottom,
#sape .modCol bottomRight {
	position: absolute;
	bottom: 5px;
	margin-left: 15px;
	width: 95%
}

#sape .modCol ul.bottom {
	width: 90%
}


#sape .bottomRight {
	right: 15px
}


/*------- Lightbox Module -----*/
.JSEnabled #lightBoxOverlay,
.JSEnabled #lightBoxOverlayIE6Hack { position: absolute; top: 0; left: 0; height: 0px; width: 100%; z-index: 9999; background: #fff; line-height: 0px; display: none;}
.JSEnabled #genericLightBox { display: block; width:664px; height: 18em; position: absolute; background: #fff; z-index: 99991; border: 1px solid #80B0BB;}
/* ************** */

.lightBoxPopup {
	min-height: 25em;
	padding: 0.75em 15px 1.75em;
	color: #000;
	background: #fff;
}

/* Close link for light box overlay */
.closeOverlay { position:absolute; top:15px; right:10px }
.closeOverlay .link_close a { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#999; text-decoration:none }
.closeOverlay .link_close a:hover {	color:#999; text-decoration:underline }

/* Roaming Lightbox */
.closeOverlayRoaming { position:absolute; top:15px; right:10px }
.roamingLightbox { background:#fff url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013159&revisionSelectionMethod=latest&inline=0") no-repeat 0 50px }
	.roamingLightbox h3 { margin-bottom:20px; color: #f00; font: bold 1.4em Arial, Helvetica, sans-serif }
.roamingListContainer { padding-left:20px }
ul.roamingCountriesTable { float:left; width:140px; margin:0 10px 0 0; padding:0; list-style:none; font-size:1.1em }
	ul.roamingCountriesTable li { padding:5px 0; border-bottom:1px dotted #000 }

#sape .headerLarge { 
	height: 2.8em;
	line-height: 2.8em;
	padding: 0 5px 0 10px; 
}	
	#sape .headerLarge h2 { 
		float: none;
		margin:0; 
		padding: 0; 
		font-size: 1.6em;
		font-weight: bold 
}
#sape h3.hdrYellow { font-size:1em; color:#F3B700 }
#sape h3.hdrBlue { font-size:1em; color:#0077B7 }