body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 69%;
	margin:0;
	background-color: #fff;
	color:#000000;
}
a.purple, a.purple:visited, a.purple:focus {
color:#732978
}
a.purple:hover {
color:#C592C8 !important;
}

a.copyLink,a.copyLink:visited,a.copyLink:focus {
color:#333;
text-decoration:underline
}

.dottedLineSeparatorVertical { background:url(../images/dottedLineVertical.gif) 49.5% repeat-y; }
.dottedLineSeparatorHorizontalBottom { background:url(../images/dottedLine.gif) bottom left repeat-x; }
.dottedLineSeparatorHorizontalTop { background:url(../images/dottedLine.gif) top left repeat-x; }

p.paymentMethodes img {
padding:0pt 13px 5px 0pt;
}
p.paymentMethodes {
border-bottom:1px dotted #b3b3b3;
}
.advanceForm .mod1Col .modBody  p.paymentMethods {
padding:6px 0;
}
.advanceForm .mod1Col .modBody  p.paymentMethods img {
padding:0 8px 5px 0;
display:inline
}

.purple {
color:#732978;
}

.petrol {
color:#008698;
}
.importantText { color: #ff0000 !important; font-weight: 700; }
a.importantText { color: #ff0000 !important; font-weight: 700; text-decoration:none !important;}
a.importantText:hover { text-decoration:underline !important;}
.redText {color: #ff0000; font-weight: 700; }
.formCell p.redText {padding-top:0px !important; }
.redBG {
background:red
}

.carmineRedBG {
background:#cc0202
}

.deepPurpleBG, table.withDeepPurpleBG th {
background:#732978
}
.midPurpleBG {
background:#C592C8; color:#FFFFFF
}
.lightPurpleBGForms, .lightPurpleBGFormsBorder{
background-color:#F9F7F9;
margin:0 1px 0 1px;
}
.lightPurpleBGFormsBorder {
border-bottom: 1px solid #cecece;
margin:0 1px 0 1px;
}

.whiteBGForms {
background-color:#fff;
margin:0 1px 0 1px;
}

.advanceForm #accordion div.whiteBGForms {
background-color:#fff
}

.petrolBG {
background-color:#008698;
}
.midPetrolBG { background-color:#7fb0bb }

.greyBG {
background:#ccc
}

.blueBG {
background:#0077b7
}

.lightBlueBG {
background:#6dc1d7
}

.greenBG {
background:#009868
}

.grassGreenBG {
background:#5b8424
}


.blackBG {                  
background:#333
}

.orangeBG {
background:#F39500
}

.pinkBG {
background:#DC838E
}

.lightGreenBG {
background:#8bc55a
}

.turquoiseBG {
background:#6dc1c7
}

.petrolMediumBG {
background:#7fb0bb
}

.purpleMediumBG {
background:#c592c8
}

.purpleLightBG {
background:#dab9dc
}

.purpleBrightBG {
background:#e0d5e1
}

.orangeMediumBG {
background:#f6b040
}

.orangeLightBG {
background:#fccf86
}

.orangeBrightBG {
background:#fce5bf
}

.colorBG {
padding-top:0px;
padding-bottom:9px
}

.advanceForm form li.colorBG, li.colorBG {
margin:0;
padding-top:9px;
padding-bottom:5px;
border:0;
border-bottom:1px solid #ccc;
}

.modCopy,.modCopy1col,.modCopy2col,.modCopy3col {
padding:8px 0 6px 7px
}
.secondCopy2col { padding-left:16px; }

.noFloat,.clear {
clear:both
}
.JSshowInline { display:none }
.textAlignRight { text-align:right; }
.textAlignCenter { text-align:center; }
.superBold {
	font-size:1.4em;
	line-height:normal;
	font-weight: bold;
	color: #333333;
}
.inv {
position:absolute;
left:-1000px;
top:-1000px
}

.advanceForm .modBody h2 {
height:1.114em;
border-top:1px solid #b3b3b3;
border-bottom:5px solid #b3b3b3;
padding:.4em 0 .28em 10px
}

.advanceForm .modBody h3 {
font-size:1.09em;
font-weight:700;
line-height:1.1em;
border-top:1px dotted #b3b3b3;
padding:7px 5px 0 10px;
}

.advanceForm .modBody .searchResults h3{
border-top: 0;
padding:0;
}
.advanceForm .modBody .searchResults li p{
padding:2px 0 5pt 0;
}
.advanceForm .modBody .searchResults li p a{
overflow:hidden;
}
.advanceForm .modBody .searchResults li img{
float: left;
padding: 3px 10px 0 0;
}
.advanceForm .modBody .searchResults li{
padding-bottom:8px;
}
.advanceForm .modBody .searchResults .searchTerm{
font-weight:700;
}
.advanceForm .modBody .searchResults p.teaser{
padding-bottom: 0;
}
.advanceForm .modBody ul.contSearch label{
margin: 0 0 0 10px;
}
.advanceForm .modBody ul.contSearch li.last{
width: 18%;
}
.advanceForm .modBody ul.contSearch li.lastRight {
width: 18%;
float:right;	
}
.advanceForm .modBody ul.unformatedList.contSearch{
margin-left: 1em;
}
.advanceForm .modBody ul.contSearch input.small { 
width:4em;
float:left;
margin-right:10px;
}
.advanceForm .modBody ul.contSearch div.slider { 
float:left;
width:20em; 
margin:5px 0 4em 0; 
background-color:#eaeaea; 
height:5px; 
position: relative; 
}
.advanceForm .modBody ul.contSearch div.slider div.handle { 
width:11px; 
height:20px; 
cursor:move; 
position: absolute;
margin-top: -6px;
}
.advanceForm .modBody ul.contSearch div.slider ul.units{ 
margin-top:20px;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li{ 
display: block;
float:left;
font-weight:700;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li.one{ 
width: 20%;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li.two{ 
width: 20%;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li.three{ 
width: 30%;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li.four{ 
width: 20%;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li.five{ 
width: 10%;
}
.advanceForm .modBody ul.contSearch div.slider ul.units li.last{ 
text-align:right;
}
.advanceForm .modBody h4 {
font-size:1.5em;
font-weight:700;
line-height:1.1em;
border-top:1px dotted #b3b3b3;
padding:7px 10px 0 2em
}
.advanceForm .modBody.mySolutions h4 {
padding-left:10px;
}
.advanceForm .modBody p {
padding:6px 10px 5px
}

.advanceForm .modBody li p {
padding:0 10px 15px;
font-size:1.09em;
}

.advanceForm .modBody li p.noSpace {
width:14.5em;
padding:1px 0 0 1px
}

.advanceForm .modBody li p.smallVersion {
font-size:1em;
margin:0;
padding:0
}

.advanceForm .modBody .first {
border-top:none;
margin-top:0
}

#deviceList h2.subHead {
height:1.114em;
padding:0.4em 0 0.65em 10px;
width: auto;
background:none;
}

.advanceForm .modBody h2.purple, #deviceList h2.subHead {
border-bottom:5px solid #c592c8
}
.advanceForm .modBody h2.noBorder {
border-bottom:0px solid #c592c8
}

.advanceForm .modBody h2.petrol {
border-bottom:5px solid #7fb0bb
}

.modBody {
position:relative;
clear:both;
margin:0 3px
}
.modBodyIsHeader {
/*border-top:1px solid #CCC;  neccessary? made extra line and brokes design in IE6? */
}
.modBody h4.petrol {
color:#008698;
padding:3px 0 10px
}

/* Mick added .advanceForm h2.modHeader because of errors with all module boxes in advancedForm */
h2.modHeader, .advanceForm h2.modHeader {
color:#fff;
/* height:1.6em; */
overflow:hidden;
font-size:1em;
font-weight:700;
margin:0 3px;
/*changed by Ram - Start */
padding:5px 0 6px 7px;
/*changed by Ram - End*/
line-height:1.1em;
}

.modHeader a, .modHeader a:visited, .modHeader a:active {
color:#fff;
padding:0;
text-decoration: none!important;
}

.modHeader a:hover,.modHeader a:focus {
color:#fff;
text-decoration:underline!important;
}

.modHeader span a{
display:block;
float:left;
cursor:pointer
}

.modHeader span.more a {
display:block;
font-weight:400;
float:right;
cursor:pointer;
padding:0 7px 0 0
}

h2.modHeaderCMS{
padding: 0px;
margin:0 3px;
}
h2.modHeaderCMS a, h2.modHeaderCMS a:visited, h2.modHeaderCMS a:active, h2.modHeaderCMS span{
display: block;
color:#fff;
height:1.6em;
overflow:hidden;
font-size: .65em;
font-weight:700;
padding:6px 0 1px 7px;
line-height:1.1em;
text-decoration: none;
}
h2.modHeaderCMS a:hover{
color:#fff;
text-decoration: underline;
}

.advanceForm .modBody .deviceHeader {
color:#000000;
height:1.6em;
overflow:hidden;
font-size:1em;
font-weight:700;
padding:6px 0 0 7px;
line-height:1.1em;
border:none;
background:#c592c8;
width:561px;
}

.modHeight88 {
min-height:5.64em
}

.modHeight88 img {
max-height:5.64em;
display:block
}

.modHeightShowCase {
height:15.1em;
overflow:hidden
}

.modHeightLow {
min-height:12.91em
}

.modHeightLow img {
max-height:14.76em;
display:block
}

h2 + .modHeightLow img {
max-height:12.91em
}

.modHeight168 {
min-height:13em
}

.modHeight168 img {
max-height:15.2em;
display:block
}

h2 + .modHeight168 img {
max-height:13em
}

.modHeight190 {
min-height:15.45em
}
.modHeight190 img {
max-height:17.65em;
display:block
}
h2 + .modHeight190 img{
max-height:15.45em
}

.modHeight216 {
min-height:17.3em
}

.modHeight216 img {
max-height:19.15em;
display:block
}

h2 + .modHeight216 img {
max-height:17.3em
}

.modHeight230 {
min-height:19em
}

.modHeight230 img {
max-height:21.2em;
display:block
}

h2 + .modHeight230 img {
max-height:19em
}

.modHeight282 {
min-height:23.58em
}

.modHeight282 img {
max-height:25.37em;
display:block
}

h2 + .modHeight282 img {
max-height:23.18em
}

.modHeight282NoBorder {
min-height:25.37em
}

.modHeight282NoBorder img {
max-height:27.22em;
display:block
}

h2 + .modHeight282NoBorder img {
max-height:25.37em
}

.modHeight350 {
min-height:29.30em
}

.modHeight480 {
min-height:41.27em
}

.modHeight480 img {
max-height:43.12em;
display:block
}

h2 + .modHeight480 img {
max-height:41.27em
}

.modCopyWithBottomLink {
margin:0;
padding:8px 6px 40px 7px
}

.mod1Col .userInfo .modCopy {
padding:0.5em 0 0 0;
width:130px;
float:right
}

.mod1ColInside {
padding:1em 1em 1em 0.5em;
margin: 0;
width:173px;
float:left;
min-height:17em
}

.phone {
padding: 6px 6px 0pt;
}
#myAccountModule .phone {
padding: 6px 5px 0px;
}
.phone img {
max-width:43px;
}

#myAccountModule .phone img {
max-width:48px;
}

.price1,.price2,.price3,.price4,.price5,.price6 {
display:inline;
font-weight:700;
position:relative
}

.price1,.price2,.price4 {
font-size:2.363em;
line-height:2.091em
}

.price2 {
top:-9px;
font-size:1.363em
}

.price3 {
float:left;
top:-2.27em
}

.price5 {
font-size:4.27em
}

.price6 {
top:-.55em;
font-size:2.5em;
left:-4px
}

.modFooter,.officeModFooter,.modBlankFooter {
height:8px;
font-size:1px;
line-height:1px;
margin-bottom:5px
}

.modTop {
height:1px;
font-size:1px;
line-height:1px
}

.modPad {
padding-left:21px
}

.modPad14 {
padding-left:14px
}

.priceBox {
position:absolute;
bottom:1.545em
}

.priceBox .priceTag {
display:inline;
position:relative;
top:-18px;
left:0
}

.priceBox .text {
position:relative;
display:inline;
top:-18px;
left:0
}

.priceBox2 {
float:left;
position:relative;
top:1.36em
}

.priceBox3 {
position:absolute;
top:98px
}

.features li {
background:url(../images/bullet.gif) no-repeat 3px 3px;
padding-left:16px
}

.tabs h2 {
font-size:16px;
padding-bottom:6px
}

.modFlash {
height:15.09em;
padding:0 3px 13px
}

.mod1Col .modBorder,.officeDetails .officeModBorder {
width:192px;
background-image:url(../images/1columnBorder.gif)
}

.mod1Col .modFooter,.officeModFooter {
background-image:url(../images/1columnFooter.gif);
width:192px
}

.mod1Col .modTop {
background-image:url(../images/1columnTop.gif);
width:192px
}

.modCopy1col,.mod1Col,.singleColumn {
width:192px;
float:left;
margin-right: -1px;
}

.mod1Col .modCopy,.modCopy1col {
width:171px
}

.link_list1Col {
position:absolute;
width:171px;
left:6px;
bottom:7px;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}

.link_list1ColInside{
position:absolute;
width:173px;
bottom:7px;
left: auto;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}

.link_list1Col li.textWithLink {
background-image:none;
}
.link_list1Col li.textWithLink span, .link_list2Col li.textWithLink span {
padding-top:4px;
height:1.636em;
display: block;
float: left;
}
.link_list1Col li.textWithLink a, .link_list2Col li.textWithLink a {
float:right;
padding-right:0;
}

.listRight {
left:195px;
}

.link_list1Col_inline {
width:171px;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}
.link_list3Col_inline {
width: 555px;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}

.static {
position:static!important
}

.mod2Col .modBorder {
width:384px;
background-image:url(../images/2columnBorder.gif)
}

.mod2Col .modFooter {
background-image:url(../images/2columnFooter.gif);
width:384px
}

.mod2Col .modTop {
background-image:url(../images/2columnTop.gif);
width:384px
}

.mod2Col .modCopy,.modCopy2col{
width:363px;
}

.link_list2Col {
position:absolute;
width:363px;
bottom:7px;
left:6px;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}

.mod3Col .modBorder {
background-image:url(../images/3columnBorder.gif);
width:576px;
}
.mod3Col .mod2Col .modBorder {
background-image:url(../images/2columnBorder.gif);
width:384px;
}
.mod3Col .mod1Col .modBorder {
background-image:url(../images/1columnBorder.gif);
width:192px;
}

.mod3Col .modFooter {
background-image:url(../images/3columnFooter.gif);
width:576px
}
.mod3Col .mod2Col .modFooter {
background-image:url(../images/2columnFooter.gif);
width:384px;
}
.mod3Col .mod1Col .modFooter {
background-image:url(../images/1columnFooter.gif);
width:192px;
}

.mod3Col .modTop {
background-image:url(../images/3columnTop.gif);
width:576px
}

.mod3Col .modCopy {
width:555px
}
.mod3Col .mod1Col .modCopy {
width:384px;
}
.mod3Col .mod1Col .modCopy {
width:171px
}

.link_list3Col {
position:absolute;
width:555px;
bottom:7px;
left:6px;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}

.mod4Col .modBorder {
width:768px;
background-image:url(../images/4columnBorder.gif)
}

.mod4Col .modFooter {
background-image:url(../images/4columnFooter.gif);
width:768px
}

.mod4Col .modTop {
background-image:url(../images/4columnTop.gif);
width:768px
}

.mod4Col .modCopy {
width:747px
}

.link_list4Col {
position:absolute;
width:747px;
bottom:7px;
padding-bottom:1px;
background:url(../images/dottedLine.gif) repeat-x left bottom
}

.txtBlock {
width:562px;
margin-left:4px;
float:left
}

.txtBlock p {
font-size:100%;
margin:0
}

.txtBlock .modBorder {
width:562px;
background-image:url(../images/txtBlockBorder.gif)
}

.txtBlock .modFooter {
background-image:url(../images/txtBlockFooter.gif);
width:562px
}

.txtBlock .modTop {
background-image:url(../images/txtBlockTop.gif);
width:562px
}

.secondLevelNav li {
background:url(../images/dottedLine.gif) repeat-x top left;
padding-bottom:1px;
margin-left:2px;
margin-right:2px
}

#secondLevelNav h3 {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px 4px 7px;
}

.secondLevelNav li a, .grid .secondLevelNav li a, .secondLevelNav li a:visited, .grid .secondLevelNav li a:visited {
text-decoration:none
}
.secondLevelNav li a:hover, .grid .secondLevelNav li a:hover {
text-decoration:underline;
}

.secondLevelNav li.first {
background-image:none
}

.secondLevelNav li.firstSelected {
background-color:#bad4da;
margin-top:0;
background-image:none
}

.secondLevelNav a {
display:block;
position:relative;
padding:3px 0 4px 9px
}

.secondLevelNav .level2 {
padding-left:17px
}

.secondLevelNav li.selected {
background:#bad4da url(../images/dottedLine.gif) repeat-x top left;
margin:0 0 -1px 0;
}

.secondLevelNav li ul {
background-color:#fff;
margin-top:1px;
margin-bottom:-1px;
padding:0
}

.secondLevelNav li ul li {
padding-left:8px;
padding-top:1px;
margin-left:0;
margin-right:0;
margin-bottom:-1px;
background:url(../images/dottedLine.gif) repeat-x top left
}

.secondLevelNav li ul li.selected {
background:#bad4da url(../images/dottedLine.gif) repeat-x top left;
margin-bottom:-1px
}

.secondLevelNav li.lightPurpleBG a:hover,.secondLevelNav li.lightPurpleBG a:focus {
color:#4D2550
}

.secondLevelNav li.lightGreyBG a:hover,.secondLevelNav li.lightGreyBG a:focus {
color:#333
}


/* updated LHN */

#subNavigation{
	width:186px;
	background-color:#ffffff;
}

#subNavigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subNavigation li {
	margin: 0px;
	padding: 0;
	vertical-align: middle;
}
/*LEVEL 3*/
#subNavigation a {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 5px 2px 5px 10px;
	width: 174px;
	background: url("../images/dottedLine.gif") top left repeat-x;
}

#subNavigation ul a:hover, #subNavigation ul a.selected:hover{
	text-decoration:underline;
	color: #008698;
}

/*LEVEL 4*/
#subNavigation ul ul li {
	margin: 0px;
}

#subNavigation ul ul a {
	display: block;
	padding: 5px 14px 5px 18px;
	width: 153px;
	color: #333333;
	background-color: #369;
	text-decoration: none;
	background: url("../images/dottedLine.gif") top left repeat-x;
}

/*LEVEL 5*/
#subNavigation ul ul ul li {
	margin: 0px;
}

#subNavigation ul ul ul a {
	display: block;
	padding: 5px 14px 5px 28px;
	width: 143px;
	color: #333333;
	background-color: #993300;
	text-decoration: none;
	background: url("../images/dottedLine.gif") top left repeat-x;
}

#subNavigation .withChildren{
	font-weight: bold;
}

#subNavigation ul a.selected,
#subNavigation ul ul a.selected,
#subNavigation ul ul ul a.selected{
	color:#333333;
	font-weight:bold;
	background-color: #BAD4DA;
}
/* updated LHN */


a.btnGrey {
background:url(../images/buttons/arrow-grey.gif) no-repeat left top
}

a.btnBlue {
background:url(../images/buttons/arrow-blue.gif) no-repeat left top
}

a.btnLightBlue {
background:url(../images/buttons/arrow-lightBlue.gif) no-repeat left top
}

a.btnPetrol {
background:url(../images/buttons/arrow-petrol.gif) no-repeat left top
}

a.btnPetrolBG {
background:url(../images/buttons/arrow-petrol_bg.gif) no-repeat left top
}

a.btnGreen {
background:url(../images/buttons/arrow-green.gif) no-repeat left top
}

a.btnGrassGreen {
background:url(../images/buttons/arrow-grassGreen.gif) no-repeat left top
}

a.btnGrassGreenClose {
background:url(../images/buttons/grassgreen_close.gif) no-repeat left top
}

a.btnDeepPurple {
background:url(../images/buttons/arrow-deepPurple.gif) no-repeat left top;
}

a.btnMinus {
background:url(../images/buttons/minus.gif) no-repeat left top
}

a.btnDelete {
background:url(../images/buttons/delete.gif) no-repeat left top
}

a.btnPlus {
background:url(../images/buttons/plus.gif) no-repeat left top
}

a.btnGreyOnRed {
background:url(../images/buttons/arrow-grey-on-red.gif) no-repeat left top
}

.link_list1Col li,.link_list1Col_inline li,.link_list2Col li,.link_list3Col li,.link_list3Col_inline li,.link_list4Col li {
/*height:2em;*/
background:url(../images/dottedLine.gif) repeat-x top left;
padding-bottom:1px;
width:100%
}

.link_list1Col a,.link_list1Col_inline a,.link_list2Col a,.link_list3Col a,.link_list3Col_inline a,.link_list4Col a,
.grid .link_list1Col a,.grid .link_list1Col_inline a,.grid .link_list2Col a,.grid .link_list3Col a,.grid .link_list3Col_inline a,.grid .link_list4Col a,
.grid .link_list1Col a:visited,.grid .link_list1Col_inline a:visited,.grid .link_list2Col a:visited,.grid .link_list3Col a:visited,.grid .link_list3Col_inline a:visited,.grid .link_list4Col a:visited,
.modCopy .link_list1Col a,.modCopy .link_list1Col_inline a,.modCopy .link_list2Col a,.modCopy .link_list3Col a,.modCopy .link_list3Col_inline a,.modCopy .link_list4Col a {
display:block;
background-position:100% 4px;
/*height:1.636em;*/
padding:4px 15px 0 0;
text-decoration:none
}

.btnGreyOnRed {
position:static;
color:#fff
}

.btn a,a.btnGreyOnRed {
background-position:100% 4px;
height:14px;
padding:4px 20px 5px 0
}

a.btnGreyOnRed:hover,a.btnGreyOnRed:focus {
background-position:100% -96px;
color:#fff
}

.textBtnRed,.textBtnPurple,.textBtnGrey,.textBtnGreyOnRed {
position:relative;
float:left;
margin-top:6px;
display:inline;
color:#fff;
font-weight:700
}

.textBtnRed span,.textBtnPurple span,.textBtnGrey span,.textBtnGreyOnRed span {
cursor:pointer;
position:relative;
float:left;
padding-left:9px;
padding-right:9px;
line-height:2.7ex;
padding-bottom:10px
}

.textBtnRed:hover,.textBtnPurple:hover,.textBtnGrey:hover,.textBtnGreyOnRed:hover,.textBtnRed:focus,.textBtnPurple:focus,.textBtnGrey:focus,.textBtnGreyOnRed:focus {
background-position:right -95px;
text-decoration:none
}

.textBtnRed:hover span,.textBtnPurple:hover span,.textBtnGrey:hover span,.textBtnGreyOnRed:hover span,.textBtnRed:focus span,.textBtnPurple:focus span,.textBtnGrey:focus span,.textBtnGreyOnRed:focus span {
color:#fff;
background-position:left -95px;
text-decoration:none
}

.textBtnRed {
background:url(../images/buttons/but_reg_red_white_rt.gif) no-repeat right top
}

.textBtnRed span {
background:url(../images/buttons/but_reg_red_white_lt.gif) no-repeat left top
}

.textBtnPurple {
background:url(../images/buttons/but_reg_purple_white_rt.gif) no-repeat right top
}

.textBtnPurple span {
background:url(../images/buttons/but_reg_purple_white_lt.gif) no-repeat left top
}

.textBtnGrey {
background:url(../images/buttons/but_reg_grey_white_rt.gif) no-repeat right top
}

.textBtnGrey span {
background:url(../images/buttons/but_reg_grey_white_lt.gif) no-repeat left top
}

.textBtnGreyOnRed {
background:url(../images/buttons/greyRight-on-red.gif) no-repeat right top
}

.textBtnGreyOnRed span {
background:url(../images/buttons/greyLeft-on-red.gif) no-repeat left top
}

.inputBtnRed,.inputBtnPurple,.inputBtnGrey,.inputBtnGreyOnRed {
color:#fff;
font-weight:700;
border:0
}

.inputBtnRed {
background:url(../images/buttons/redRight.gif) no-repeat left top
}

.inputBtnPurple {
background:url(../images/buttons/purpleRight.gif) no-repeat left top
}

.inputBtnGrey {
background:url(../images/buttons/greyRight.gif) no-repeat left top
}

.inputBtnGreyOnRed {
background:url(../images/buttons/greyRight-on-red.gif) no-repeat left top
}

.inputBtnRed:hover,.inputBtnPurple:hover,.inputBtnGrey:hover,.inputBtnGreyOnRed:hover,.inputBtnRed:focus,.inputBtnPurple:focus,.inputBtnGrey:focus,.inputBtnGreyOnRed:focus {
color:#fff;
background-position:right -95px
}

.tripleMod {
position:relative;
height:17.272em
}

.tripleMod h3 {
left:53px;
font-size:1.182em;
font-weight:400
}

.tripleMod h4 {
left:55px;
top:2em;
font-weight:700
}

.tripleMod .priceTag {
top:9.18em;
left:50px
}

.tripleMod .textBtnRed {
top:14.73em;
right:0
}

.tripleMod .features {
left:53px;
top:5em;
width:117px;
height:5em;
overflow:hidden;
list-style-type:none
}

.tripleMod .features li {
background:url(../images/bulletSmall.gif) no-repeat 3px 3px;
padding-left:10px
}

.tripleMod .footnote {
left:53px;
top:13.181em;
display:block;
text-decoration:underline
}

.username {
width:167px;
height:1.37em;
font-size:1em;
margin-bottom:3px;
color:#333
}

#l_password,.pwd,#pwd,#txt {
position:absolute;
width:108px;
height:16px;
margin-bottom:3px;
font-size:1em;
color:#333
}

.login .textBtnPurple,.login .inputBtnPurple {
float:right;
top:-5px;
width:56px;
left:2px
}

.login .textBtnPurple span {
padding-left:11px
}
.isLoginPage{
	padding-right: 10px;
}
.bgImg {
z-index:0
}

.searchCloud h1,.searchCloud h2,.searchCloud h3,.searchCloud h4,.searchCloud h5,.searchCloud h6 {
float:left;
font-weight:700;
white-space:pre;
color:#333;
padding:0 8px 2px 0
}

.searchCloud h1 {
font-size:1.545em
}

.searchCloud h2 {
font-size:1.364em
}

.searchCloud h3 {
font-size:1.272em
}

.searchCloud h4 {
font-size:1.18em
}

.searchCloud h6 {
font-size:1em
}

.helpSelector select {
width:170px;
font-size:1em;
margin-bottom:3px
}

.module9Text {
position:relative;
top:-4px
}

.smallTopSeller h3 {
margin:0 0 5px 50px
}

.smallTopSeller h4 {
padding:0 0 0 50px
}

#modCTA,#modCTAdotCom {
position:relative;
clear:both;
height:15em;
overflow:hidden;
margin:0 3px 14px
}

#modCTAdotCom {
height:266px
}

.ctaLayer {
position:absolute;
background-color:red;
color:#fff
}

#modCTA .ctaLayer {
top:40px;
left:12px
}

#modCTAdotCom .ctaLayer {
left:12px;
top:84px;
height:121px
}

div.ctaLayer {
background-color:red;
color:#fff;
z-index:999;
padding:2px 12px 12px
}

#calltoactionbox {
position:relative;
left:-12px;
top:-2px
}

#modCTA div.ctaLayer {
width:230px;
height:100px
}

#modCTAdotCom div.ctaLayer {
width:340px;
height:107px
}

.ctaLayer h1 {
font-size:28px;
font-weight:700;
letter-spacing:-.02em;
line-height:1.3
}

.ctaLayer p {
font-size:14px;
font-weight:700;
letter-spacing:-.03em;
line-height:1.4;
margin-top:6px
}

#modCTAdotCom .ctaLayer p {
font-size:13px
}

.ctaLayer .ctaLink {
position:absolute;
bottom:8px;
font-size:11px;
height:15px;
font-weight:700;
letter-spacing:-.03em;
line-height:1.4
}

.ctaLink a {
color:#fff;
padding-right:20px;
background:url(../images/buttons/arrow-grey-on-red.gif) no-repeat right top
}

.ctaLink a:hover,.ctaLink a:focus {
color:#999;
background-position:100% -100px
}

#modCTAdotCom .countryform {
position:absolute;
left:12px;
top:205px;
height:40px;
width:364px;
background-color:red
}

#modCTAdotCom .countryform select {
position:absolute;
width:160px;
top:10px;
left:12px
}

#modCTAdotCom .countryform a {
position:absolute;
left:185px;
top:5px
}

.countryform .inputBtnGreyOnRed {
position:absolute;
left:185px;
top:12px
}

.cartGroup {
margin:.6em 0 .727em
}

.carthead {
line-height:1.6em;
font-weight:700;
width:175px;
clear:both
}

.cartProduct {
position:relative;
font-size:.91em;
line-height:1.3em;
left:0;
width:120px;
float:left
}

.cartPrice {
position:relative;
width:45px;
float:right;
text-align:right;
line-height:1.3em
}

.dynamicHeightLinks {
position:relative!important;
padding-top:32px
}

/*pagination_list added by RM */
.paginationList {
padding-bottom:1.5em;
}
.paginationList li { 
float:left;
}
.paginationList li a, .paginationList li strong.pipe { 
padding:0 10px 0 10px; 
}
.paginationList li.last { 
float:right;
}
.page_list { width:366px }
.page_list li {
padding-top:5px;
margin-bottom:-5px
}
.page_list li.last {
border-right:none;
padding-right:10px !important;
}
.page_list li.SL a, .page_list li.SL span {
text-decoration:none;
display:inline;
padding:0 6px !important;
border-right:1px solid #000;
}
.page_list li.last a {
border-right:none;
}

.page_list .active {
font-weight:700;
}

.dcTeaser {
line-height:1.3em
}

.dcTeaser h1 {
font-size:1.45em;
font-weight:700;
margin-bottom:8px
}

.dcTeaser .img_left {
float:left;
margin:0 10px 14px 0
}

.dcTeaser .img_left_big {
float:left;
width:182px;
margin:0 10px 14px 0
}

.dcTeaser .text_block {
display:inline;
width:170px;
}

.dcTeaser .img_right {
float:right;
margin:0 0 14px 10px
}

.pageHl {
padding:0 0 18px 13px
}

.textContent {
padding-top:0;
}

.textContent ul li {
margin-bottom:6px
}

.modCopy ul.unformatedList, .advanceForm form ul.unformatedList{
padding:.4em 0 1em 1em;
}
.advanceForm .modBody form ul.unformatedList{
margin-left: 12px;
}
.advanceForm .modBody form td ul.unformatedList{
margin-left: 0;
}


ol.popupList{
font-weight: bold;
}

.modCopy ul.unformatedList li, .advanceForm form ul.unformatedList li{
font-size:1.1em;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0;
padding:0;
width:100%;
min-height:1em;
line-height:1.8em;
}

.modCopy ul.unformatedList .noLabel, .advanceForm form ul.unformatedList.noLabel{
margin-left:15em;
clear:left;
width:330px;
}

ol.olunformatted{
margin:1em 0 0 10px;
}
ol.olunformatted li {
list-style-type: decimal;
margin:0 0 0.8em 2em
}

.fullWidth {
width:100%;
border-collapse:collapse
}

.tableContainer {
padding:0 4px
}

.tdEven,.tdEven2,.tdOdd,.tdOdd2,.tdHead,.tdHead2 {
text-align:right;
padding:3px 12px 4px
}

.tdEven {
border-right:1px #008698 solid;
background:#fff
}

.tdHead {
border-right:1px #fff solid;
background:#008698;
color:#fff;
padding:4px 12px
}

.tdHead2 {
background:#008698;
color:#fff
}

.tdOdd {
border-right:1px #008698 solid;
background:#f6f8f9
}

.tabcontent {
padding-bottom:2em;
border-bottom:1px solid #cfcfcf;
margin-bottom:2em
}

.tabBox {
margin:0 0 0 3px
}

.tab,.activeTab {
position:relative;
border-right:1px solid #fff;
margin-bottom:-1px;
display:inline;
float:left;
cursor:pointer;
padding:5px 9px 3px
}

.tab {
background:#a7c6cd
}

.tabBox.purple .tab {
background-color:#C592C8
}

.activeTab {
background:#7fb0bb!important;
font-weight:700;
color:#fff
}

.activeTab a,.activeTab a:visited {
color:#fff!important
}

.tabBox.purple .activeTab {
background:#732978!important
}

.tab_text_imgLeft {
float:left;
margin:0 .64em 0 -6px
}

.tab_text_imgRight {
float:right;
margin:0 -7px 0 .64em
}

.productPic1 {
text-align:center;
overflow:hidden;
margin:0 8px 8px 6px
}

.productDetail .price {
position:absolute;
right:0;
text-align:right;
white-space:nowrap;
top:34px
}

.productDetail form {
position:relative;
width:250px
}

.productDetail h1 {
position:relative;
left:2px;
font-size:23px;
font-weight:700;
line-height:29px;
top:19px;
margin-bottom:42px
}

.productDetail h1 span {
font-size:14px;
position:relative;
top:-7px;
left:2px
}

.productDetail h3 {
font-weight:700;
line-height:29px
}

.productDetail .footnote {
text-decoration:underline;
cursor:pointer;
display:block;
margin-top:20px;
padding-right:13px
}

.productDetail .button {
margin-right:13px;
float:right
}

.productDetail .tabBox {
margin:20px 0 0 3px
}

.popuplogo {
top:0;
left:12px;
width:130px;
height:105px;
background:url(../images/vodafone_logo.gif);
clear:both
}

.popupbuttonbox_top {
top:15px;
left:12px;
width:570px
}

.popupbuttonpack_top {
right:0
}

.popupbuttonpack_bottom {
margin-top:13px;
right:3px
}

.popupbtn2 {
margin-left:8px
}

.popupproductpic {
top:116px;
left:12px
}

.popupproductdescription {
top:124px;
left:204px;
width:376px;
height:124px
}

.popuphead {
font-size:24px;
font-weight:700
}

.popupsub {
font-size:18px;
font-weight:700;
line-height:32px;
height:46px
}

.popupcopy {
font-size:13px;
font-weight:400
}

.popupfooter {
position:absolute;
margin-top:40px;
display:block;
width:574px;
clear:both;
text-align:right;
padding:14px 0 19px
}

.popupfooter ul {
margin-right:-6px
}

.formCopy {
float:left;
width:140px;
margin-top:2px;
text-align:right;
display:block;
padding:0 1em 0 0
}

.labelLeft{
text-align:left;
}

.formList {
margin-top:1.6em;
margin-bottom:1.2em
}
.advanceForm .modBody .formList  + p{
margin-top:0;
padding-top:0;
}

.last .formList {
margin-bottom:0;
}

.formList .selectLabel { display:block; text-align:left; font-weight:bold }

.formList li {
padding-bottom:10px;
min-height:20px
}

.advanceForm form li.border {
padding:0 0 12px
}

.formList li  p.inputRelatedText {
margin-left:15.1em;
clear: both;
}

.formList .input_large {
width:284px;
height:14px
}

.formList .select_large {
width:290px
}

.formList textarea {
width:284px;
height:150px
}

.formList.broadList{
width:72%;
}

.inputErrMsg {
font-weight:700;
margin:4px 0 0 18.01em;
}
.inputErrMsg p{
width:300px!important;
}

.warningIcon {
float:left;
margin:0 6px 0 0
}

.formButtons {
height:34px
}

.formButtons a,.formButtons input {
float:right;
margin-right:8px;
bottom:0
}

.filterModule {
margin-bottom:8px
}

.filterModule select {
width:178px;
margin-right:4px
}

.filterCopy {
padding:4px 4px 12px
}

.modSupport h2 {
font-size:1.81em;
font-weight:700;
padding:6px 0
}

.modSupport h3 {
font-size:1.09em;
font-weight:700
}

.vl_content h3 {
font-size:1.182em;
font-weight:700;
margin:12px 0 0 6px
}

.vl_content p {
font-size:1em;
margin:4px 0 8px 6px
}

.vl_teaser {
position:relative;
height:10.91em;
clear:both;
margin:0 0 4px 6px
}

.vl_teaser h4 {
margin:-11px 0 11px
}

.vl_teaserSmall {
position:relative;
width:105px;
height:10.91em;
float:left;
margin:0 8px 4px 6px
}

.vl_teaserSmall .link_list1Col {
width:105px
}

.modSitemap h1 {
padding:6px 0 16px 14px
}

.modSitemapCol {
position:relative;
float:left;
clear:none;
display:block;
width:192px;
margin-bottom:-1.81em
}

.modSitemapBody {
width:192px;
background-image:url(../images/1columnBorder.gif);
margin-bottom:18px
}

.modSitemapBody a {
position:relative;
padding-top:.45em;
padding-bottom:.45em;
padding-left:14px;
display:block;
width:160px
}

.modSitemapBody .sitemapTitle {
padding-top:.45em;
padding-bottom:.45em;
left:3px;
width:172px;
background:#008698;
color:#fff;
font-weight:700
}

.modSitemapBody .sitemapLevel1 {
position:relative;
left:4px;
width:184px;
background:#b2dae0
}

.modSitemapBody .sitemapLevel2 {
width:184px;
background:#fff
}

.modSitemapBody .sitemapLevel2 a {
padding-left:24px
}

.modSitemapBody .sitemapLevel2 li {
background:url(../images/dottedLine.gif) repeat-x top left
}

.modSitemapBody .sitemapLevel2 li.first {
background:none
}

.modSitemapBody .modFooter {
margin-bottom:0;
background:red url(../images/1columnFooter.gif) no-repeat
}

.tab_footer {
position:absolute;
left:0;
width:576px;
height:7px;
font-size:1px;
line-height:1px;
background:red url(../images/3columnFooter.gif) no-repeat top left
}

/* we use now tooltip/helphover of shop
.toolTipp {
cursor:pointer;
text-decoration:underline;
vertical-align:middle;
color:#000
}

img.toolTipp {
vertical-align:middle;
text-decoration:none;
margin-left:.45em;
padding:0;
}

#toolTipp {
display:block;
width:151px;
background-color:Transparent;
background-image:url(../images/tooltipbg.gif);
background-position:left top;
background-repeat:repeat-y;
padding:0 ;
}
#toolTipp div {
display:block;
width:151px;
min-height:46px;
background-color:Transparent;
background-image:url(../images/tooltipbg_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding:0;
position:relative;
bottom:-10px;
}
#toolTipp div div {
display:block;
width:116px;
min-height:46px;
background-color:Transparent;
background-image:url(../images/tooltipbg_top.gif);
background-position:left top;
background-repeat:no-repeat;
padding:8px 20px 0 15px;
position:relative;
top:-30px;
}

#toolTipp h1 {
font-size:.9em;
color:#000;
line-height:1em
}

#toolTipp p {
font-size:.8em;
color:#000
}
*/

.advanceForm form dd.noLabel {
padding-left:11.5em;
min-height:20px
}

.advanceForm form li.noLabel {
padding-left:17.5em;
min-height:2.82em;
/* width:360px Mick removed this because of problems with RelA_7.1.3_BillFormatOptions.html ... */ 
}

.advanceForm ul.lesserHeight li.noLabel {
min-height:1em!important;
padding-bottom: 5px;
}

.advanceForm form li.noLabelAligned {
padding-left:1em;
min-height:20px;
/* width:360px Mick removed this because of problems with RelA_7.1.3_BillFormatOptions.html ... */ 
}

.advanceForm form input.noLabel {
padding-left:17.5em;
min-height:20px
}
.advanceForm form input + label {
margin-left:3px;
}

.advanceForm form li.noLabel ul.child {
margin:1em 0 0 -17.5em;
}
.advanceForm form li.noLabel ul.child label{
text-align:right
}
.advanceForm form li.noLabel ul.child li{
white-space:nowrap;
}

.advanceForm form li.noLabel label,.advanceForm form li.noLabel input,.advanceForm form li.noLabel select,
.advanceForm .contSearch p, .advanceForm .contSearch select{
float:left
}

.advanceForm form li.noLabel label {
width:75%;
text-align:left
}
.advanceForm form input.radioButton, .advanceForm form input.checkBox {
padding-left: 0px;
margin: 4px 5px 0 0;
width: 13px;
height: 13px;
}


.advanceForm form li.noLabel br {
clear:left
}

.login #password {
width:108px;
float:left
}

.login .btns {
float:right;
margin-right:0
}

p.inlineText, .advanceForm p.inlineText {
font-size:100%;
margin:0 0 10px;
padding:0
}

p.inlineTextMargin {
font-size:100%;
margin-top:15px
}

.link_list2Col li {
display:block;
float:left;
width:100%
}

.link_list2Col li.SL {
display:block;
float:left;
width:auto;
padding-top:4px;
padding-bottom:2px;
overflow:hidden;
}

#accordion h2.accordionHead.closed,#accordion h2.accordionHead,
.accordion h2.accordionHead.closed,.accordion h2.accordionHead {
background-color:#e0d5e1;
cursor:pointer;
font-weight:700;
font-size:100%;
background-image:url(../images/buttons/plus-deepPurple.gif);
background-repeat:no-repeat;
background-position:10px 5px;
height:2.1em;
line-height:2.1em;
border:none;
border-top:1px solid #cdcbca;
clear:right;
margin:0 1px;
padding:0 3px 0 3em;
}

.mod2Col .accordion div.open {
height: 149px
}

#accordion h2.accordionHead.closed.first,#accordion h2.accordionHead.first,
.accordion h2.accordionHead.closed.first,.accordion h2.accordionHead.first, #deviceList h2.first {
border-top:0;
}
#accordion h2.accordionHead.closed, .accordion h2.accordionHead.closed {
padding-bottom:1px
}
#accordion.petrol h2.accordionHead.closed,#accordion.petrol h2.accordionHead,
.accordion.petrol h2.accordionHead.closed,.accordion.petrol h2.accordionHead {
background-color:#bad4da;
color:#131616;
background-image:url(../images/buttons/plus-petrol.gif);
border-top:none;
}
#accordion.purple h2.accordionHead.closed, #accordion.purple h2.accordionHead,
.accordion.purple h2.accordionHead.closed, .accordion.purple h2.accordionHead {
background-color:#e0d5e1;
color:#732978;
border-top:1px solid #e0d5e1;
}
#accordion.purple h2 a, #accordion.purple h2 a:visited, #accordion.purple h2 a:focus,
.accordion.purple h2 a, .accordion.purple h2 a:visited, .accordion.purple h2 a:focus {
color:#732978;
}
#accordion.purple h2 a:hover, .accordion.purple h2 a:hover {
color:#2d1d2f;
}

#accordion h2.accordionHead.closed.first,#accordion h2.accordionHead.first,
.accordion h2.accordionHead.closed.first,.accordion h2.accordionHead.first {
border:none
}

#accordion h2.accordionHead:hover, .accordion h2.accordionHead:hover {
background-position:10px -95px
}

#accordion h2.accordionHead.open, .accordion h2.accordionHead.open {
border-bottom:1px solid #cdcbca
}

#accordion.purple h2.accordionHead.open, .accordion.purple h2.accordionHead.open {
border-bottom:1px solid #dab9dc
}

#accordion.petrol h2.accordionHead.open, .accordion.petrol h2.accordionHead.open {
border-bottom:none
}

#accordion h2.accordionHead.open, .accordion h2.accordionHead.open {
background-image:url(../images/buttons/minus-deepPurple.gif)
}
#accordion.petrol h2.accordionHead.open, .accordion.petrol h2.accordionHead.open {
background-image:url(../images/buttons/minus-petrol.gif)
}

#accordion h3, .accordion h3, #deviceList h3 {
border:0;
}

#accordion div:after, #deviceList div:after, .accordion div:after,.advanceForm li:after,dl.settingslist:after,ul.btns:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
background-color:#f9f7f9
}

h2.accordionHead {
clear:right
}

#accordion div, .accordion div {
margin:0 2px;
padding:10px
}
#deviceList div {
margin:0 2px;
padding: 2px 0;
width: 567px;
}
#accordion.termsCond, #deviceList.termsCond {
background:#f9f7f9;
}

#accordion.offices div, #deviceList.offices div {
background-color:transparent;
margin:0 2px;
}


#accordion.purple.dark h2.accordionHead.closed, #accordion.purple.dark h2.accordionHead,
.accordion.purple.dark h2.accordionHead.closed, .accordion.purple.dark h2.accordionHead
{
background-color: #c391c1;
color:white;
background-image:url(../images/buttons/minus-deepPurpleOnDark.gif)
}
#accordion.purple.dark h2.accordionHead.closed, .accordion.purple.dark h2.accordionHead.closed {
background-image:url(../images/buttons/plus-deepPurpleOnDark.gif)
}

.advanceForm #accordion div, .advanceForm .accordion div {
margin:0 1px;
padding:0
}

#accordion div div, .accordion div div {
margin:0;
padding:0
}

#accordion .formList {
margin-top:0;
}

#accordion.specialLists h2.accordionHead.closed,#accordion.specialLists h2.accordionHead {
background-color:#f8f1f8;
border-top:1px dotted #cdcbca;
}

#accordion.specialLists .formList li{
min-height:2em;
padding-top:1.5em;
}

#accordion.specialLists .formList li a{
float:right;
margin-right:10px;
font-weight:normal;
}

#accordion.specialLists .formList li p{
font-weight:bold;
padding-top:1px
}

#accordion h2, .accordion h2, #deviceList h2.subHead {
font-size:1.4em;
font-weight:700;
margin-bottom:20px
}

#accordion.offices h3 {
font-size:1.1em;
font-weight:700
}

#accordion.offices a {
text-decoration:underline;
font-weight:700
}

#accordion.offices .officeDetails {
margin-bottom:10px;
float:right;
width:192px
}

#accordion .officeDetails h2,.officeDetails h2.officeModHeader {
color:#fff;
height:20px;
overflow:hidden;
font-size:100%;
font-weight:700;
margin:0 3px;
padding:6px 0 0 7px
}

#accordion .officeDetails h3,ul.downloadList li.pdf {
margin:0 3px
}

ul.accordionSwitches {
height:20px;
margin:5px 0
}
ul.accordionSwitches li {
float:left;
background-repeat:no-repeat;
background-position:right top;
cursor:pointer;
padding-right:20px;
font-weight:700;
margin-left:10px
}
ul.accordionSwitches li.open {
background-image:url(../images/buttons/plus-deepPurple.gif)
}
ul.accordionSwitches li.open.petrol {
background-image:url(../images/buttons/plus-petrol.gif)
}
ul.accordionSwitches li.close {
background-image:url(../images/buttons/minus-deepPurple.gif)
}
ul.accordionSwitches li.close.petrol {
background-image:url(../images/buttons/minus-petrol.gif)
}
ul.accordionSwitches li:hover {
background-position:right -100px
}

.advanceForm .accordion .accordionIndent { margin:10px 10px 0 10px; }

ul.downloadList li.pdf {
background-image:url(../images/placeholders/pdf_icon.gif);
display:block;
background-repeat:no-repeat;
background-position:left 8px;
min-height:25px;
line-height:1.6em;
padding:5px 5px 5px 20px
}

#accordion .officeDetails .officeModCopy {
width:171px;
position:relative;
clear:both;
margin:0 3px;
padding:8px 0 6px 7px
}

#accordion .officeDetails .officeModBody {
clear:both;
position:relative;
margin:0 3px
}

.link_list2Col li.link_list2ColMoreOptions {
display:block;
float:left;
width:178px;
padding:0 0 0 10px
}

.link_list2Col li.link_list2ColMoreOptions a {
display:block;
height:1.8em;
padding:4px 15px 0
}

.advanceForm fieldset {
margin-bottom:1.1em
}

.advanceForm fieldset.repeatingcolors {
padding-bottom:0em;
margin-bottom:0;
/* border-top:1px solid #b3b3b3; Mick removed not in use on 7.4.1.1 */ 
}

.formList li p.wideLabel+label {
width:17.51em;
}

/*
.advanceForm .modCopy,.advanceForm .modCopy1col,.advanceForm .modCopy2col,.advanceForm .modCopy3col {
padding:0 14px 6px 
}*/

/* Mick added this instead of of stuff before, because of errors with al moduleboxes in advancedForms */
.advanceForm .textContent {
padding:0 14px 18px
}
.advanceForm .textContent.confirmation{
margin-bottom:50px;
}

.advanceForm .modBody fieldset {
margin:0 1px 0 1px
}

.formList.verisign {
background-image: url(../images/verisignsecured.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-top:20px;
}

.advanceForm fieldset.last {
margin-bottom:0;
padding-bottom:0
}

.advanceForm fieldset.withoutButtons {
margin-bottom:0;
padding-bottom:0
}

.petrol, .petrol a, .petrol a:hover, .petrol a:visited, a.petrol {
color:#008698
}

.advanceForm li ul.postcodefind {
float:left;
width:8.7em
}

.advanceForm li ul.postcodefind li input {
padding:1px 3px 3px
}
.advanceForm li .postcodeselect {
float:left;
}
.advanceForm li ul.postcodeShow {
float:left;
width: 9.7em!important;
}

.advanceForm .approval ul.btns {
float:left;
min-height:24px
}

.advanceForm .approval ul.btns li {
margin:0 12px 0 0
}

.advanceForm .textOnly {
padding:.2em 0 1.1em
}

a.editLink{
float:right;
font-weight:normal;
text-decoration:underline;
padding:0 12px 0 0
}
.purple a.editLink:hover{
color: #008698;
}
ul.editLink {
float:right;
margin:12px 6px 10px 0
}

ul.editLink li{
display:block;
float:left;
padding:0;
margin:0;
}

a.editLink{
padding:0 6px 0 6px;
}
a.editLink.pipe, a.pipe, strong.pipe {
border-right:1px solid;
}

ul.editLink a.editLink {
padding:0 6px 0 6px;
float:none;
display:inline;
margin:12px 0 0 0;
border-right:1px solid;
}
ul.editLink  a.editLink.delete, a.editLink.delete {
background-image:url(../images/common/btn_delete.gif);
background-repeat:no-repeat;
background-position:right 2px;
padding-right:15px;
}
ul.editLink  a.editLink.add, a.editLink.add {
background-image:url(../images/common/btn_add.gif);
background-repeat:no-repeat;
background-position:right top;
padding-right:15px;
}

ul.editLink a.last {
border:0;
}

.advanceForm h2 span {
float:right;
font-size:0.66em;
display:block;
font-weight:normal;
padding:0;
margin:0 6px 0 0;
}

.advanceForm h2 span a {
padding:0 6px 0 6px;
margin:0;
}


ul.editLinkVertical {
width:105px;
}
ul.editLinkVertical a {
margin:0 12px 0 12px;
padding:0;
white-space:nowrap;
text-align:left;
}

label, .labelText, .advanceForm .formCopy {
color:#666;
font-size:1.09em;
width:15.01em;
float:left;
text-align:right;
display:block;
font-weight:400;
padding:2px 12px 6px 0;
}
label.inlineLabelText{
width: auto;
float: none!important;
display: inline;
padding-right:0;
position: relative;
top: 2px;
}
.labelTextType{
color:#666;
font-size:1.09em;
}
label,.advanceForm .formCopy {
color:#333;
font-size:1.09em;
width:15.01em;
float:left;
text-align:right;
display:block;
font-weight:400;
padding:2px 12px 6px 0;
}
.advanceForm .formCopy {
color:#666666;
}

.advanceForm .contSearch label{
text-align:left;	
}

label.plainLabel { float:none; width:auto; display:inline; text-align:left; color:inherit; font-size:inherit  }


label span.small {
font-size:0.9em;
}

.advanceForm .select_day {
width:4.1em
}

.advanceForm .select_month {
width:5.1em;
margin-left:.7em
}

.advanceForm .select_year {
width:4.8em;
margin-left:.7em
}

.advanceForm .mod2colselect {
width:173px;
}

.advanceForm .select_small {
width:7.16em
}

.advanceForm .select_smallSecond {
width:7.16em;
margin-left:1.27em
}

.advanceForm .select_large {
width:15.9em
}

.advanceForm .select_medium {
width:12em;
}
.modCopy1col .select_1Col {
width:14.3em;
}

.advanceForm form ul.formList li {
padding-bottom:0;
min-height:2.82em
}

.advanceForm ul.progress-bar li {
min-height: 2.75em;
height: 2.75em;
}

.advanceForm ul.floatFix {
display:table;
height:1%;
clear:both;
margin:0 0 0 2.2em
}

.advanceForm ul.floatFix li {
display:block;
clear:left
}

.advanceForm ul.floatFix li label {
width:15.01em
}

.advanceForm li.space,.advanceForm label.space {
margin-top:1em;
clear:left
}

.advanceForm label.space,.advanceForm select.space,.advanceForm input.space ,.advanceForm fieldset.space ul.btns{
margin-top:1em
}
.advanceForm form.space{
margin-top:1em
}

.advanceForm input.label,.advanceForm p.label,.advanceForm p.wideLabel,.advanceForm label.label,.advanceForm img.label {
float:left;
text-align:left;
margin-left:0;
color:#333333;
}

#accordion .formList li p.wideLabel {
font-weight:normal;
}

.advanceForm label.label {
width:13.38em;
padding-right:0;
}

p.labelRight {
float:right;
text-align:right
}

.advanceForm p.label, .advanceForm .modBody li p.label {
width:19em;
padding-top:1px;
padding-right:0;
margin:0
}

.advanceForm p.wideLabel {
width:23em;
padding-top:1px;
margin:0
}

.advanceForm p.labelNormal {
float:left;
width:15.3em;
margin:0
}

.advanceForm form .confirm li {
min-height:1.5em
}

.advanceForm form .confirm li p {
padding:0.03em 0 6px
}

.advanceForm .confirm p,.advanceForm .reset p {
float:left;
width:17.2em;
margin:0;
padding:0
}
.advanceForm .input_extralarge {
width:20.2em;
}

.advanceForm .input_large {
width:15.5em;
}

.advanceForm .input_medium {
width:11.6em;
}

.advanceForm .input_friendupdate {
width:10.6em;
}

.advanceForm .input_lowermedium {
width: 7.6em;
}

.advanceForm .input_small {
width:6.7em;
}

.advanceForm .input_smaller {
width:4.735em;
}

.advanceForm .input_tiny {
width:1.5em;
padding:0;
}

.advanceForm .button_area {
clear:left;
min-height:1.82em;
margin:1.2em 0 0;
padding:0
}
/*
.advanceForm ul.status {
margin-top:1.3em;
margin-bottom:1.3em;
height:19px;
min-width:450px;
background-color: #adc191;
}

.advanceForm ul.status.purple {
background-color: #DAB9DC;
}

.advanceForm ul.status li {
float:left;
color:#FFF;
background-color:#adc191;
font-weight:700;
display:block;
min-height:15px;
height:17px;
overflow:hidden;
background-repeat:no-repeat;
background-position:right top;
margin:0;
padding:1px 20px 1px 10px
}

.advanceForm ul.status li.active {
background-color:#5b8424;
background-image:url(../images/step_a_ia.gif)
}

.advanceForm ul.status li.inactive {
background-color:#adc191;
background-image:url(../images/step_ia_ia.gif)
}

.advanceForm ul.status li.done {
background-color:#adc191;
background-image:url(../images/step_ia_a.gif)
}

.advanceForm ul.status li.last {
background-color:#adc191;
background-image:url(../images/step_ia_ia.gif)
}

.advanceForm ul.status li.activeLast {
background-color:#5b8424;
background-image:url(../images/step_a_ia.gif)
}

.advanceForm ul.status.purple li {
background-color:#DAB9DC;
height: 17px;
}

.advanceForm ul.status.purple li.active {
background-color:#732978;
background-image:url(../images/step_a_ia_purple.png)
}

.advanceForm ul.status.purple li.inactive {
background-color:#DAB9DC;
background-image:url(../images/step_ia_ia_purple.png)
}

.advanceForm ul.status.purple li.done {
background-color:#DAB9DC;
background-image:url(../images/step_ia_a_purple.png)
}

.advanceForm ul.status.purple li.last {
background-color:#DAB9DC;
background-image:url(../images/step_ia_ia_purple.png)
}

.advanceForm ul.status.purple li.activeLast {
background-color:#732978;
background-image:url(../images/step_a_ia_purple.png)
}

.advanceForm ul.status.petrol li {
background-color:#7fb0bb
}

.advanceForm ul.status.petrol li.active {
background-color:#008698;
background-image:url(../images/step_a_ia_petrol.gif)
}

.advanceForm ul.status.petrol li.inactive {
background-color:#7fb0bb;
background-image:url(../images/step_ia_ia_petrol.gif)
}

.advanceForm ul.status.petrol li.done {
background-color:#7fb0bb;
background-image:url(../images/step_ia_a_petrol.gif)
}

.advanceForm ul.status.petrol li.last {
background-color:#7fb0bb;
background-image:url(../images/step_ia_ia_petrol.gif)
}

.advanceForm ul.status.petrol li.activeLast {
background-color:#008698;
background-image:url(../images/step_a_ia_petrol.gif)
}
*/

.advanceForm ul.progress-bar{
clear:both;
float:left;
width:100%;
margin-top:1.3em;
margin-bottom:1.3em;	
}
.advanceForm ul.progress-bar.purple{
background:#dab9dc;
}
.advanceForm ul.progress-bar.green{
background:#adc191;
}
.advanceForm ul.progress-bar.petrol{
background:#bad4da;
}
.advanceForm ul.progress-bar li{
float:left;
font-weight:bold;
line-height:28px;
padding:0 20px 0 10px;
}
.advanceForm ul.progress-bar.purple li{
background:#dab9dc url(../images/common/progress-arrow_purple.gif) no-repeat right; 
}
.advanceForm ul.progress-bar.green li{
background:#adc191 url(../images/common/progress-arrow_green.gif) no-repeat right; 
}
.advanceForm ul.progress-bar.petrol li{
background:#bad4da url(../images/common/progress-arrow_petrol.gif) no-repeat right; 
}
.advanceForm ul.progress-bar li.current{
color:#000000;
}
.advanceForm ul.progress-bar.purple li.current{
background:#c592c8 url(../images/common/progress-arrow-current_purple.gif) no-repeat right; 
}
.advanceForm ul.progress-bar.green li.current{
background:#5b8424 url(../images/common/progress-arrow-current_green.gif) no-repeat right; 
}
.advanceForm ul.progress-bar.petrol li.current{
background:#7fb0bb url(../images/common/progress-arrow-current_petrol.gif) no-repeat right; 
}
.advanceForm ul.progress-bar li.completed{
background-color: #cccccc; 
background-image: none;
color: #333;
border-right: 2px solid #ffffff;
}
.advanceForm ul.progress-bar.purple li.preCurrent{
background:#dab9dc url(../images/common/progress-arrow-pre_purple.gif) no-repeat right; 
}
.advanceForm ul.progress-bar.green li.preCurrent{
background:#adc191 url(../images/common/progress-arrow-pre_green.gif) no-repeat right; 
}
.advanceForm ul.progress-bar.petrol li.preCurrent{
background:#bad4da url(../images/common/progress-arrow-pre_petrol.gif) no-repeat right; 
}
.advanceForm .textContent ul.progress-bar li{
margin-bottom: 0;
}


.advanceForm h1 {
padding:0
}

.advanceForm .modBody ul.deviceList li h3.deviceheader{
margin-left: 0.8em;
}

/* Mick: bereits so in h2 definiert
.advanceForm h2 {
font-weight:700;
line-height:1.1em;
padding:0 0 .15em
}*/

/* Mick: bereits so in p definiert
.advanceForm p {
font-size:1.09em;
line-height:1.5em;
margin:0;
padding:.09em 0 .5em
}*/

.advanceForm .accountholderlist li {
line-height:1.5em;
font-size:1.09em;
min-height:1.5em;
margin:0;
padding:0 0 .3em 1em
}

.advanceForm input.aligned {
clear:left;
float:left;
margin:.3em 0 0 1em
}

.advanceForm label.aligned {
float:left;
width:auto;
display:block;
margin-left:.5em;
color:#666
}

.advanceForm .boxSet label.aligned {
width:5.2em;
text-align:left;
min-height:1.3em;
/* wird doch nicht gebraucht? color:#000*/
}

.advanceForm .contSearch .boxSet label.aligned {
width:10.5em;
}
.advanceForm .contSearch .boxSet {
width:31em;
}

.advanceForm .boxSet {
width:18.8em;
float:left
}

.advanceForm .boxSet br {
clear:left;
}

/* Mick: HAb ich wieder rausgenommen: ,.advanceForm p strong */
.advanceForm label.aligned strong {
font-weight:700;
/* wird doch nicht gebraucht? color:#000*/
}

dl.settingslist {
font-size:1.09em;
width:47.15em;
margin-top:1em;
margin-bottom:1.2em;
}
dl.settingslist.lightPurpleBGForms {
margin-bottom:0;
}

.textContent dl.settingslist {
margin-left:-10px;
}

dl.settingslist small {
font-size:0.9em;
}

dl.settingslist dt {
color:#666;
text-align:right;
width:15.01em;
float:left;
margin-top:2px;
display:block;
min-height:1.85em;
padding:0 12px 0 0;
clear:left;
}

dl.settingslist dd {
font-weight:700;
float:left;
color:#333;
text-align:left;
width:auto;
margin-top:2px;
display:block;
min-height:1.85em;
padding:0 12px 0 0
}
dl.settingslist.space{
padding-top:1em
}
dl.settingslist .confirmation {
width:100%;
}
dl.settingslist address {
margin: 0 0 10px 0;
font-style:normal;
padding:0;
line-height:1.5em;
font-size:100%;
/* Added by ramkumar */
width:170px;
}
dl.settingslist dd a {
font-weight:500;
}
ul.btns {
min-height:18px;
display:block;
vertical-align:top;
float:right;
margin:0 12px 8px 0
}
.marginTop10 ul.btns{
margin-top:10px;
}
.textContent ul.btns {
margin:0 0 20px 0
}


ul.btns li,.advanceForm form ul.btns li {
background-repeat:no-repeat;
min-height:1.98em;
float:right;
display:inline;
vertical-align:top;
background-color:red;
margin:0 0 0 12px;
padding:0
}

ul.btns li input,ul.btns li a {
background-repeat:no-repeat;
background-color:transparent;
border:none;
cursor:pointer;
color:#FFF;
font-weight:700;
height:18px;
vertical-align:top;
float:left;
margin-left:0;
text-decoration:none;
padding:1px 6px 5px;
text-decoration:none;
}
.linkBtn {background:transparent right top no-repeat; padding:1px 0pt 10px; line-height:1.3em;}
.linkBtn span {background-repeat:no-repeat;background-color:transparent;color:#FFFFFF;font-weight:bold;padding:1px 6px 10px;}
.linkBtn:hover {background-position:right -100px;text-decoration:none;}
.linkBtn:hover span{ background-position: left -100px;text-decoration:none;}

.grid ul.btns li a, .grid ul.btns li a:hover , .grid ul.btns li a:focus,
.grid .linkBtn, .grid .linkBtn:hover , .grid .linkBtn:focus {
text-decoration:none !important;
}

ul.btns li.gray {
background-image:url(../images/buttons/but_reg_grey_white_rt.gif);
background-position:right top
}

ul.btns li.gray input,ul.btns li.gray a {
background-image:url(../images/buttons/but_reg_grey_white_lt.gif);
background-position:left top
}

ul.btns li.red, .btnRedBgWhite {
background-image:url(../images/buttons/but_reg_red_white_rt.gif);
background-position:right top
}

ul.btns li.red input,ul.btns li.red a, .btnRedBgWhite span {
background-image:url(../images/buttons/but_reg_red_white_lt.gif);
background-position:left top;
color:white
}

/* Scrum5 - Start | Lavanya.S | HD0000001524464 */
ul.btns li.red input:disabled {
background-position:left top;
color:grey;
cursor:default;
}
/* Scrum5 - End | Lavanya.S | HD0000001524464 */

ul.btns li.redoutlined {
background-image:url(../images/buttons/but_reg_red_outline_white_rt.gif);
background-position:right top;
background-color:#FFF;
color:red
}

#addDeviceBtns ul.btns li.redoutlined {
background-color:#FFF;
color:red
}

ul.btns li.helpHoverIcon, ul.btns li.helpHoverIcon a {
background-image: none;
background-color:#FFF;
padding-left: 0;
margin-left: 0;
}


ul.btns li.redoutlined input,ul.btns li.redoutlined a {
background-image:url(../images/buttons/but_reg_red_outline_white_lt.gif);
background-position:left top;
background-color:Transparent;
color:red
}

ul.btns li.purple {
background-image:url(../images/buttons/but_reg_purple_white_rt.gif);
background-position:right top;
background-color:purple;
color:purple
}

ul.btns li.purple input,ul.btns li.purple a {
background-image:url(../images/buttons/but_reg_purple_white_lt.gif);
background-position:left top;
background-color:Transparent;
color:#FFF
}
ul.btns li.purpleOnPurple {
background-image:url(../images/buttons/but_reg_purple_midPurple_rt.gif);
background-position:right top;
background-color:purple;
color:purple
}

ul.btns li.purpleOnPurple input,ul.btns li.purpleOnPurple a {
background-image:url(../images/buttons/but_reg_purple_midPurple_lt.gif);
background-position:left top;
background-color:Transparent;
color:#FFF
}

ul.btns li.petrol {
background-image:url(../images/buttons/but_reg_petrol_white_rt.gif);
background-position:right top;
background-color:purple;
color:#008698;
}
ul.btns li.petrolOnMidPetrol {
background-image:url(../images/buttons/but_reg_petrol_midPetrol_rt.gif);
background-position:right top;
background-color:purple;
color:#008698;
}

ul.btns li.petrol input,ul.btns li.petrol a {
background-image:url(../images/buttons/but_reg_petrol_white_lt.gif);
background-position:left top;
background-color:Transparent;
color:#FFF
}
ul.btns li.petrolOnMidPetrol input, ul.btns li.petrolOnMidPetrol a {
background-image:url(../images/buttons/but_reg_petrol_midPetrol_lt.gif);
background-position:left top;
background-color:Transparent;
color:#FFF
}

ul.btns li.purpleoutlined {
background-image:url(../images/buttons/but_reg_purple_outline_white_rt.gif);
background-position:right top
}

ul.btns li.purpleoutlined input,ul.btns li.purpleoutlined a {
background-image:url(../images/buttons/but_reg_purple_outline_white_lt.gif);
background-position:left top
}

ul.btns li.disabled {
background-image:url(../images/buttons/but_reg_disabled_white_rt.gif);
background-position:right top
}

ul.btns li.disabled input,ul.btns li.disabled a {
background-image:url(../images/buttons/but_reg_disabled_white_lt.gif);
background-position:left top
}

ul.btns li:hover, ul.btns li:focus {
background-position:right -100px;
background-color:#000
}

ul.btns li input:hover,ul.btns li a:hover,
ul.btns li input:focus,ul.btns li a:focus {
background-position:left -100px;
text-decoration:none
}

.accessibleInvisible {
visibility:hidden;
text-indent: -999em;
}

.hor_space {
margin-right:6px
}

/*
dl.priceDefinition {
clear:both;
display:block;
color:#732978;
font-size:1.2em;
font-weight:700;
line-height:1.1em;
margin-bottom:24px;
margin-top:10px
}

dl.priceDefinition:after {
content:".";
display:block;
clear:left;
visibility:hidden;
height:1px
}

dl.priceDefinition dd {
clear:left;
float:left;
width:300px
}

dl.priceDefinition dt {
float:left;
text-align:right;
width:70px
}
*/

a:hover,a:focus,a.copyLink:hover,a.copyLink:focus {
color:#008698;
text-decoration:underline
}

th,.modBody h4,.bold,.dcTeaser h2,.advanceForm h4 {
font-weight:700
}

h5,.bullet li {
font-size:1.09em;
line-height:1.5em
}

.lightPurpleBG,.secondLevelNav li.lightPurpleBG {
background-color:#C592C8;
}

.lightPetrolBG,.petrolLightBG,.secondLevelNav li.lightPetrolBG {
background:#D9EDF0
}

.lightGreyBG,.petrolBrightBG,.secondLevelNav li.lightGreyBG,.tdOdd2 {
background:#f6f8f9
}

.whiteBG,.tdEven2 {
background:#fff
}

.yellowBG {
background:#F3B700
}

.modBody a,.modHeader span.more a:hover,.modHeader span.more a:focus,.textContent p a,.advanceForm p.label a,p.labelRight a {
text-decoration:underline
} /*removed as part of RelA changes*/

.modBody h3,.advanceForm h3 {
font-size:1.182em;
font-weight:400;
padding-bottom:6px; /* Mick did this, because of some space under h3 in rightside box "my account" */
}

.price1,.price4 {
padding-left:4px
}

.float,.priceBox2 .text,.priceBox3 .text,.module10ImgLeft,.advanceForm form li.noLabel input,.advanceForm li ul.postcodefind li,.advanceForm .approval ul.btns li,.advanceForm input.alignedWithSpaceBefore, .advanceForm ul.contSearch li {
float:left
}

#manageSubscriptionContainer .float { width: 400px; text-align: left; }
.floatRight,.module10ImgRight {
float:right
}
a.floatRight {
margin-right:10px;
}

.tabs h3,.textContent h3 {
font-size:1.182em;
font-weight:700
}

.mod2Col,.doubleColumn {
width:384px;
float:left
}

.mod3Col,.tripleColumn {
width:576px;
float:left;
overflow:hidden;
}

.mod4Col,.quadColumn {
width:768px;
float:left
}

.quadColumn object{
width:768px;
height:166px;
overflow:hidden;
}

.mod5Col,.fiveColumn {
width:960px;
float:left
}

.txtBlock .modCopy1col,.txtBlock .link_list1Col {
width:157px
}

.txtBlock .modCopy2col,.txtBlock .link_list2Col {
width:349px
}

.txtBlock .modCopy3col,.txtBlock .link_list3Col {
width:541px
}

.link_list1Col a:hover,.link_list1Col_inline a:hover,.link_list2Col a:hover,.link_list3Col a:hover,.link_list4Col a:hover,.link_list1Col a:focus,.link_list1Col_inline a:focus,.link_list2Col a:focus,.link_list3Col a:focus,.link_list4Col a:focus,.btn a:hover,.btn a:focus,.scShopCart td.scAct a.btnAdd:hover {
background-position:100% -96px !important; 
text-decoration: underline !important;
}


.btn li,.popupfooter li {
display:inline
}

.popupfooter a,.popupfooter span {
padding:0 6px 0 3px
}

.tripleMod h3,.tripleMod h4,.priceTag,.tripleMod .textBtnRed,.tripleMod .features,.tripleMod .footnote,.tripleMod img,.popupbuttonbox_top,.popupbuttonpack_top,.popupbuttonpack_bottom,.popupproductpic,.popupproductdescription,.popuplogo {
position:absolute
}

.login,.productDetail {
position:relative
}

.tabBox.purple a:hover,.tabBox.purple a:focus,a.sitemapTitle:hover {
color:#fff
}

address {
font-size:1.09em;
line-height:1.5em;
font-style:normal;
font-weight: bold;
}
.advanceForm address.details {
display: block;
margin: 0 0 10px 16em;
font-style:normal;
padding:0;
}

.officeModCopy address {
padding:0 0 10px;
}

h5.address, h4.address {
display:block;
padding:10px 0 0 10px;
font-weight:bold;
}

.clearfix:after {
content:".";
display:block;
clear:left;
visibility:hidden;
height:1px
}
img.shopTeaser {
margin-right:5px;
}
ul.btns.shopTeaser {
width:8.5em
}

.informTable {
width:100%
}
.informTable .midPurpleBG th {
border-right:1px solid #cccbcb;
color:#000000;
padding:5px 0 5px 10px;
}
.informTable .midPurpleBG th.last {
border-right:0;
}
.advanceForm .modBody .informTable h3 {
padding:0;
margin:0
}
.informTable tbody td {
font-weight:bold;
border-bottom:1px solid #cbcaca;
border-right:1px solid #c391c1;
padding:12px 12px 5px 12px;
vertical-align:top;
}
.informTable tbody td .basketPlan {
margin: 0 auto 0 auto;
float:none;
}
.informTable tbody td.last {
border-right:0;
}
.informTable tbody tr.last td {
border-bottom:0;
font-size:1.635em;
}
.informTable th.informPackageCosts {
text-align:right;
padding-right:12px
}
.informTable td.informPackageCosts {
font-size:1.4em;
font-weight:bold;
text-align:right;
}
.informTable .basketSubtext {
color:#666666;
display:block;
font-size:0.7em;
font-weight:normal;
}
.informTable tbody td img {
display: block;
margin:0 auto 0 auto;
border:none;
}
.informTable tbody td .selectedText {
float:left;
padding:5px 0 0 0;
font-weight:normal;
}
.informTable tbody td em {
font-style:normal;
float:right;
text-align:right;
}
.reviewTable {
width:568px;
margin-left:1px;
/* border-top:5px solid #e0d5e1; Mick removed this, Vanessas advise */
}

.reviewTable td {
padding:12px;
text-align:left;
font-size:1.09em;
line-height:1.3em;
border-bottom:1px dotted #b3b3b3;
border-right:1px solid #c592c8;
font-weight:bold;
}

.reviewTable tr.last {
font-size:1.2em;
}

.reviewTable td.totals {
text-align:right;
}

.reviewTable td.last {
text-align:left;
border-right:0;
}

.reviewTable tr.last td {
font-weight:bold;
border:0;
padding-top:16px;
padding-bottom:10px;
}

.reviewTable tr.last td span {
padding-left:6px;
color: #666666;
font-weight: normal;
font-size: .8em;
}
.reviewTable tr.last td span.conditions {
padding-left: 0px;
font-weight: normal;
color: #666666;
font-size: .8em;
}
td.amountValue{
text-align:right!important;
}
.pricePlan {
width:100%;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding:4px 0 4px 0;
}

.modBody h4.petrol + p.inlineText, .modBody h4.petrol + p.inlineText + ul.link_list1Col_inline, .modBody h4.petrol + ul.link_list1Col_inline{
margin-top:-8px;
padding:0;
}
.modBody ul.link_list1Col_inline + h4.petrol {
margin-top:10px;
}

ul.outsideBox {
/*margin-left:-11px; still necessary hhr? */
}

.mobileFinder label, .mobileFinder .advanceForm .formCopy {
width:auto;
padding:0;
color:#333
}

.mobileFinder fieldset {
font-size:0.91em;
}

.mobileFinder h3, .mobileFinder h3 a{
font-size:1em;
font-weight:bold;
text-decoration:none;
margin: 0 0 10px 0
}

.mobileFinder .advanceForm .boxSet {
margin: 0 0 20px 0
}

.mobileFinder .btns {
margin: 10px 0 0 0
}

.mobileFinder .select_large {
width:15.45em;
margin:2px 0 5px 0
}

@media screen,projection {
#modCTA .hide,#modCTAdotCom .hide {
visibility:hidden
}
}


.debitImage{
float:left;
margin-right: 10px;
}

.advanceForm .debitTextMiddle{
background-color: white; 
width: 250px; 
height: 17px;
display:block;
border:1px solid silver;
text-align: right;
color: #000000;
padding: 6px 6px 6px 6px;
margin-right:3px;
float:left; 
font-weight: 700;
}

ul.debitNumber{
float: left;
display: block;
}

ul.debitNumber li.debitButton{
background-color: white; 
display:block;
border:1px solid silver;
text-align: center;
color: #ff0000;
padding: 6px;
margin:0 0 0 3px;
float:left; 
font-weight: bold;
font-size: 1.4em;
height: 1em;
min-height: 1em;
width: 0.6em;
}

li.debitTooltip{
padding-top: 6px;
text-align: right;
float: left;
width: 25px;
}

.tight{
	height: 10px;
}

.advanceForm form li.tightList{
	min-height: 20px; 
	height: 20px;
	line-height: 14px;
} 

.debitColor {
background-color:#f8f1f8;
}

div.debitBlock{
display: block;
padding:5px;
height:3em;
background-color:#f8f1f8;
}


ul.linkClass a.toTop {
background:url(../images/buttons/totop_purple.gif) no-repeat left top;
background-position:0px 0px;
clear:right;
padding-left:20px;
display: block;
}
ul.linkClass a.toTop:hover {
background-position:0px -100px;
}

ul.linkClass a.btnPrint{
background:url(../images/buttons/print-grey.gif) no-repeat left top;
background-position:0px 0px;
padding-left:20px;
display: block;
width: 1%;
}


ul.linkClass a.btnPrint:hover {
background:url(../images/buttons/print-grey.gif) no-repeat left top;
background-position:0px -100px;
padding-left:20px;
display: block;
width: 1%;
}

ul.linkClass a.btnDown{
background:url(../images/buttons/but_down.gif) no-repeat left top;
background-position:0px 0px;
clear:both;
float: none;
padding-left:20px;
display: block;
}

ul.linkClass a.btnDown:hover {
background:url(../images/buttons/but_down.gif) no-repeat left top;
background-position:0px -100px;
clear:right;
float:none;
padding-left:20px;
display: block;
}
ul.linkClass {
visibility: hidden;
}
.JSEnabled ul.linkClass {
visibility: visible;
}
ul.linkClass {
margin: 0 0 20px 0;
}

ul.linkClass li{
display: inline;
}

.topPopupLinks li{
	display: inline;
	float: left;
	margin-left: 20px;
}
.termCloser{
margin-top: 10px;
margin-right: 5px;
display: inline;
}

ul.linkClass li a.linkClose{
display:block;
background-position:100% -100px;
padding-right:20px;

}
ul.linkClass li a.linkClose:hover{
display:block;
background-position:100% 0px;
padding-right:20px;
}

.expireMonth, .expireYear {
width:7.27em
}

.expireMonth {
margin-right:1.1em;
}

/*New Proposed for SSO*/
div#messagePaneNewNonJS{
	clear: both;
	border:1px solid #f6af40;
	background: url(../images/helphover/help_hover_gradient_only.gif) top center repeat-x;
	font-weight: bold;  
	padding: 8px 0 10px 15px;
	margin: 0px 3px 10px 3px;
}
div#messagePaneNewNonJS p.error_pane_intro { 
	text-align:left; 
	background: url(../images/icn_error.gif) no-repeat; 
	padding: 5px 15px 15px 35px;
}
div#messagePaneNewNonJS ul#paneErrorListNonJS li{
	list-style-type: disc;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-left: 15px;
}

/* error msg */
#contactformMsg {
font-weight:bold;
width:954px;
position:relative;
left:0;
padding:0;
margin: 10px 10px 0 12px;
background:#FBE7C5;
z-index:99;
border:1px solid #FBE7C5;
}

#errorPaneToggle {
cursor:pointer;
}

#contactformMsgHead {
font-size:11px;
line-height:20px;
font-weight:700;
margin:18px 0 18px 15px;
}

#contactformMsgFooter {
position:absolute;
top:20px;
right:18px;
}

.warning {
background:no-repeat url(../images/buttons/icn_error.gif) top left;
padding:0 0 0 35px;
}
.errorTitle{
background:no-repeat url(../images/buttons/icn_error.gif) top left;
padding:0 0 0 35px!important;
margin-bottom: 20px;
}
.formMsg li {
margin:0;
}

.formMsg ul {
margin:10px 0 0 0;
}

.formMsg li li {
list-style-type: disc;
list-style-position: inside;
font-size:11px;
line-height:16px;
font-weight:700;
}

.formMsg li a {
text-decoration:underline;
}

.formList .inputErr {
background:#F8B140;
}

.generic_Lightbox{
border:0;
padding:0;
margin:0;
height: 10px;
}

#planLightbox .generic_Lightbox{
height: auto;
}

h3.separaterHeading, .advanceForm .modBody h3.separaterHeading { border:none; clear:both; font-size:1em; line-height:1em; padding:1em; }

.tableFormat01, .tableFormat03, .tableFormat04, .tableFormat05 {
width:568px;
margin: 0 1px 0 1px
}

.mod1Col .tableFormat01 {
width:99%
}
fieldset  .tableFormat01{
width:564px;
}
.txtBlock.textContentTable { width:554px; margin-bottom:0; }

fieldset  .tableFormat01 td{
background-image:none;
}
.tableFormat01.space, .tableFormat05.space {
margin-top:1em;
}
.tableFormat01.followingButtons {
margin-bottom:1em;
}
.tableFormat01 caption {
display:none;
}
.tableFormat01 td{
padding: 5px 10px 5px 10px;
border-right:1px solid #c592c8;
background: url(../images/dottedLine.gif) repeat-x bottom left;
vertical-align: top;
}
.tableFormat01.tablePetrolBG td { border-right:1px solid #BAD4DA }
.mod1Col .tableFormat01 td {
padding: 2px 2px 4px 2px;
height:30px
}
.tableFormat01 tr.editMode td{
border-bottom: none;
}
.advanceForm form .tableFormat01 ul li {
min-height:1em;
}
fieldset.editMode {
border-bottom:1px dotted #999999;
}


.tableFormat01 td.amounts{
text-align:right;
}

.tableFormat01 th{
	padding: 3px 10px 5px 10px;
	background-color:#c592c8;
	color:#000000;
	min-height:15px;
	border-right:1px solid #c592c8;
}
.tableFormat01.textContentTable th { border-right:1px solid #FFF }
.tableFormat01.textContentTable th.last { border-right:1px solid #c592c8 }
.tableFormat01.tablePetrolBG th { background-color:#008698; }
.tableFormat01.tablePetrolBG th.last { border-right:1px solid #008698 }

.tableFormat01 th.basic{
	padding: 3px 0 0 10px;
	background-color:#FFF;
	color:#000;
	height:21px;
	background: url(../images/dottedLine.gif) repeat-x bottom left;
}
.tableFormat01.noBorders th, .tableFormat01.noBorders td { border-right:none }
.tableFormat01 .even th, .tableFormat01 .even td{
background-color:#f9f7f9;
}
.tableFormat01.tablePetrolBG .even th, .tableFormat01.tablePetrolBG .even td{
background-color:#F6F8F9;
}
.tableFormat01 th.accessibleInvisible{
visibility:visible;
color:#c592c8;
}
.tableFormat01 .last td, .tableFormat01 .last th{
background-image:none;
border-bottom:none
}
.tableFormat01 td.last, .tableFormat01 th.last{
border-right:none;
}

.tableFormat01 td.formCell {
border-right:none;
padding:5px 0 10px 0;
}
.tableFormat01 td.formCell .formList {
padding:0; margin:0
}
.tableFormat01 td.formCell div {
padding:0 10px;
}

.tableFormat01 ul.btns {
float:none;
margin:0;
padding:0;
}
.modBody h3.freeSlot a,.advanceForm h3.freeSlot a {
font-size:0.915em;
margin: 0 5px 10px 0;
}

ul.moreMarginTop{
clear: both;
margin: 1.5em 1em 1.5em 0;
}

.tableFormat01 ul.btns li {
margin:0;
float:left
}
.tableFormat01 ul.btns.rightSide li {
float:right;
margin-left:1em
}
.tableFormat01  td ul.editLink {
margin: 0;
padding:0;
}
.tableFormat01 .input_small {

}

.tableFormat01 label {
text-align:left;
color:#333333;
display:block;
width:auto;
clear:both;
float:none;
}
.tableFormat01 li.vff_form_element {
float:left; margin-right:1em;
}
.tableFormat01 li.vff_form_element label {
font-size:1em; line-height:1em;
}
.tableFormat01 label.aligned.label {
clear:none;
}
.tableFormat01 .accessible {
display:none;
}
.tableFormat01 input {
clear:both;
}

.tableFormat02{
color:#333;
margin: 0 auto 0 auto;
}
.tableFormat02 caption{
background-color:#c592c8;
padding:5px 0 0 10px;
color:white;
min-height:23px;
font-weight: bold;
margin: 0 auto 0 auto;
border:1px solid #c592c8;
}

fieldset .tableFormat02{
width:550px;
border:1px solid #cdcbca;
border-top:none;
}
.tableFormat02 th{
display:none;
border-collapse: collapse;
}
.tableFormat02 td{
min-height:2em;
padding: 0.7em 0.3em 0.7em 0.3em;
vertical-align:middle;
}
.tableFormat02 td.first{
text-align:right;
}
.tableFormat02 td.last {
text-align:right;
}
.tableFormat02 td.last img{
margin-right:1em;
}
.tableFormat02 tr.even{
background-color:#f1f6f8;
}

.tableFormat02.purple tr.even{
background-color:#f9f7f9;
}

.tableFormat03{
color:#333;
width: auto;
padding-top:10px
}
.tableFormat03 th{
display:none;
}
.tableFormat03 thead{
display:none;
}

.tableFormat03 td{
border-bottom:1px dotted #b3b3b3;
background-color:white;
vertical-align:top;
padding-bottom:18px;
border-collapse:collapse;
}
.tableFormat03 td.noborder {
border-bottom:0;
}
h3.caption {
background-color:#f8f1f8;
}
.advanceForm .modBody h2.caption, #accordion h2.caption, .accordion h2.caption, #deviceList h2.caption {
height:1.114em;
line-height:1.114em;
padding:5px 0 0 10px;
border:none;
font-size:1.3em;
font-weight:normal;
margin:0;
}
.advanceForm .modBody  .tableFormat03 h4 {
font-size:1.1em;
font-weight:700;
line-height:1.1em;
padding:0;
color:#732978;
border:none;
}
.tableFormat03 img.defaultDevice {
margin-bottom:20px;
}
.tableFormat03.lightPurpleBG,.tableFormat03.lightPurpleBG td, .advanceForm .modBody h2.caption.lightPurpleBG, h3.lightPurpleBG {
background-color:#f8f1f8;
}


.tableFormat03 td.first {
text-align:center;
}
.tableFormat03 td.last {
vertical-align:bottom
}
	.tableFormat03 td.last ul.btns{
	margin-top: 10px;
	float:left;
	margin-left: 0px;
	padding-left: 0px;
	}
	.tableFormat03 td.last ul.btns li{
	min-width:110px;
	float:left;
	margin-left: 0px;
	padding-left: 0px;
	}
.tableFormat03 tr.last td {
border-bottom:0;
}
.tableFormat03 ul.specs{
margin-bottom: 10px;
}
.advanceForm form .tableFormat03 ul li {
min-height:0;
}

.advanceForm .modBody .tableFormat03 td h5, .advanceForm .modBody .tableFormat03 td p{
padding: 0px;
border:none;
}
.tableFormat03 td h3{
margin-top:18px;
color:#732978;
}
.tableFormat03 td img {
margin-top:18px;
}
.tableFormat03 .link_list1Col {
margin:18px 18px 0 0;
position:relative;
float:right;
bottom:0;
}

.tableFormat04.space {
margin-top:1em;
}
.tableFormat04 caption {
display:none;
}
.tableFormat04 td{
padding: 5px 10px 0 10px;
border-right:1px solid #c592c8;
border-bottom:1px dotted #cccccc;
}
.tableFormat04 th{
padding: 3px 10px 0 10px;
}
.tableFormat04 th{
background-color:#732978;
color:white;
height:21px;
border-right:1px solid white;
}
.tableFormat04 th.accessibleInvisible{
visibility:visible;
color:#732978;
}
.tableFormat04 td.last, .tableFormat04 th.last{
border-right:none;
}
.tableFormat04 tr.even{
background-color:#dab9dc;
}
.tableFormat04 ul.btns {
float:none;
margin:0;
padding:0;
}
.tableFormat04 ul.btns li {
margin:0;
float:left
}
.tableFormat04  td ul.editLink a.editLink, .tableFormat04  td ul.editLink , .tableFormat04  td ul.editLink li{
margin: 0 6px 0 0;
padding:0;
float:left;
position:relative;
top:0;
}

.tableFormat05 th, .tableFormat05 td {
padding: 5px 10px 5px 10px;
vertical-align: top;
}
.tableFormat05 thead th {
background-color:#DAB9DC;
border-right:1px solid #FFF;
color:#000000;
}
.tableFormat05 tbody th, .tableFormat05 td {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.tableFormat05 tbody th {
color: #666666;
}

.tableFormat05 th.last, .tableFormat05 td.last {
border-right:none
}

.strongText{
font-weight: 700;
}

p.deviceList, h3.deviceList {
background-color:white;
color:#333;
padding: 30px 0 30px 0
}

h3.deviceList {
font-weight:700;
}

.grid a.deviceList, .grid a:hover.deviceList , .grid a:visited.deviceList {
float:right;
color:white;
margin-right:10px
}

ul.deviceList li{
float:left;
width:33.1%;
border-top:1px dotted #b3b3b3;
border-left:1px dotted #b3b3b3;
position:relative;
}

ul.deviceList li.firstRow {
border-top:none;
}

ul.deviceList li.firstCol {
border-left:none;
}

ul.deviceList li.highlighted { background-color:#F8F1F8 }

ul.deviceList li img {
clear:both;
margin:1em auto 2em auto;
padding:0 0 1em 0;
max-width:72px;
display:block;
}

ul.deviceList li ul.btns{
display:inline;
position:absolute;
bottom:0;
right:0;
margin:0 12px 6px 0;
}

ul.deviceList li ul.btns li{
float:right;
display:block;
margin:0;
border:none;
width:auto;
}

.advanceForm .modBody ul.deviceList li h3{
padding:1em 0 0 0;
color:#732978;
margin:0 1em 0.2em 0;
border:0;
}

.advanceForm .modBody ul.deviceList li h3.petrol {
color:#008698;
}

/* Mick added because of device list 7.4.2.1 */
.advanceForm .modBody ul.deviceList li p{
padding:0 10px 15px 10px;
line-height:1.15em; 
}

img.myDevice {
margin:2em 0 0 2em;
float: left;
}

.grid a, .grid a:visited, .grid a:hover{
	text-decoration: underline;
}
.grid .btn a, .grid .btn a:visited { text-decoration:none; }
.grid .btn a:hover{ text-decoration:underline !important; }


ul.pagingGrid{
	font-weight: 700;
	border-top: 1px dotted silver;
	margin-top: 20px;
	display: block;
	padding: 2px;
	width: 463px;
	margin: 0 auto 0 auto;
}

ul.pagingGrid li {
	display: inline;
	width:0.5em;
	text-align: center;
	border-left: 1px solid silver;
	padding:0 6px 0 6px;
	float:left;
	color: silver;
}

ul.pagingGrid li.first {
	border-left: 0 solid red;
}

ul.pagingGrid li a {
	color:black;
}

h3.resultSet{
	margin-top: 40px;
}

dl.resultSet dt{
	line-height: 2.5em;
}

a.toTop {
background:url(../images/buttons/totop_purple.gif) no-repeat left top;
background-position:0px 0px;
clear:right;
padding-left:20px;
display: block;
font-size:0.9em;
}
a.petrol.toTop {
background:url(../images/buttons/totop_petrol.gif) no-repeat left top;
}
a.toTop:hover{
background-position:0px -100px;
}

.verSpace25{
	margin-top: 30px;
}

/*------- Error message pane Old style - non JS -------*/
#errorMassagePane{
	padding: 5px 5px 10px 10px;
	color: red;
}

/*------- Error message pane AND Help Hovers - non JS -------*/
#messagePane { position:fixed;  bottom:0; border:1px solid #f6af40; border-bottom:none; left:12px; width:945px; z-index:9999; }
#messagePane .validated { background: url(../images/helphover/tick_green.gif) no-repeat center right; padding-right:  35px;}

div#messagePane, div#messagePaneBE, .helpHover { border:1px solid #f6af40; background: url(../images/helphover/help_hover_gradient_only.gif) top center repeat-x; }

div#messagePane, div#messagePaneBE { border-bottom:none; font-weight: bold;  padding: 10px 0 10px 15px; background-color: #FFF; overflow:auto }
div#messagePane p, div#messagePaneBE p { float:right; text-align:right; padding:0 20px;  }
div#messagePane p.error_pane_intro, div#messagePaneBE p.error_pane_intro { float:none; text-align:left; background: url(../images/icn_error.gif) no-repeat; padding: 5px 35px; }
div#messagePane img, div#messagePaneBE img { vertical-align: bottom; margin-right: 10px }

div#messagePaneNonJS{
border:1px solid #f6af40;
border-top-width: 0px;
background: url(../images/helphover/help_hover_gradient_only.gif) top center repeat-x;
font-weight: bold;  
padding: 10px 0 10px 15px;
margin: 0px 10px 0px 10px;
width:944px;
}
div#messagePaneNonJS p.error_pane_intro { 
text-align:left; 
background: url(../images/icn_error.gif) no-repeat; 
padding: 5px 35px;
}
div#messagePaneNonJS ul li{
list-style-type: disc;
padding-left: 0px;
margin-left: 15px;
}
.displayNone{
display: none;
}
#errorIFrameLayer, #errorIFrameDivLayer {
position:absolute;
border: 0;
padding:0;
margin:0;
width:960px;
height: auto;
left: 0px;
top: 0px;
z-index:-1;
}

ul#paneErrorList {
list-style-type: disc;
margin-left: 40px	
}
ul#paneErrorList li {
float: left;
_float: none;
clear:both;
}
ul#paneErrorList ul {
margin-left: 15px	
}
ul#paneErrorList ul li{
list-style-type: circle;
}
div#messagePaneBE ul#paneErrorList li {
float:none;
clear:both;
}
/* End message pane */

.validationFailed {	background: #F8B140;border: 1px solid #050707}
		
/* Help Hovers - non JS*/
.helpContent{ clear: both; }
.helpContent hr{ display:none;}
.helpHover { padding:4px; margin:0 0 4px 0; }
.helpHover .helpHoverHeading { color:#000; font-weight:bold; }
.helpHover .helpHoverHeading, .helpHover p, .helpHover ul { margin:0 0 0.9em; padding:0; }


/*----- help hover (vdf_Tools_HelpHover.class.js) -----*/
.JSEnabled .helpHover { position:absolute; width:219px; z-index:10000; color:#676767; background:none; border:none; padding:0; margin:0; }
.JSEnabled .helpHover *, .JSEnabled .helpHover { overflow:hidden }/* fix IE mouseleave */
.JSEnabled .helpHoverCloseButton { float:right }

/*below needs consolidating -  also it exists in IE6.css*/
.JSEnabled .helpHoverContent { padding:23px 23px 0 23px; background: url(../images/helphover/help_hover_main.png) top left no-repeat; }
.JSEnabled .helpHoverHeader, .JSEnabled .helpHoverFooter { height:19px; background: url(../images/helphover/help_hover_footer-left.png) bottom left no-repeat;}
.JSEnabled .helpHoverHeader { background-image:url(../images/helphover/help_hover_header.png); }

.JSEnabled .hoverPositionAboveCentered .helpHoverFooter { background-image:url(../images/helphover/help_hover_footer.png); }
.JSEnabled .hoverPositionBottomCentered .helpHoverHeader { background-image:url(../images/helphover/help_hover_header.png); }
.JSEnabled .hoverPositionRight .helpHoverContent,
.JSEnabled .hoverPositionLeft .helpHoverContent
{ background-image:url(../images/helphover/help_hover_header-right.png); }
.JSEnabled .hoverPositionRight .helpHoverFooter,
.JSEnabled .hoverPositionLeft .helpHoverFooter
{ background-image:url(../images/helphover/help_hover_main-bottom.png); }

/* questionmark */
img.helpHoverTarget {
vertical-align:middle;
text-decoration:none;
margin-left:6px;
padding:0;
cursor:pointer;
}

img.helpHoverTarget.tighter {
margin-left:-5px;
}

.advanceForm form ul.btns li.floatLeft,
.advanceForm form h3.floatLeft,
.advanceForm form ul.floatLeft {
float:left
}

li.securecode img, li.securecode input {
margin-top:1.3em;
}
li.securecode label {
margin-top:1em;
}
.advanceForm form ul li.securecode {
background-color:#f8f1f8;
padding:10px 0 10px 0;
min-height:45px;
margin:0;
border-bottom: 1px solid #eae7e9;
}

li.securecode img.securecode {
margin:0 1em 0 9em;
float: left;
vertical-align:top;
}
.advanceForm  p.info.outside  {
margin:0 12px 10px 12px ;
}
p.paymentMethodes.lightPurpleBGForms {
background-color:#F9F7F9;
}

.advanceForm .info label.aligned {
color:inherit;
font-size:1em;
margin:.5em .4em 0 0;
padding:2px 0 0
}
.advanceForm .info input {
margin:.5em .4em 0 0
}
.advanceForm .modBody p.info,p.info {
background-color:#f8f1f8;
margin:0 12px;
min-height:20px;
margin:0 12px 0 12px;
padding:10px 10px 15px 1em;
}
.advanceForm .modBody p.info a, p.info a {
font-weight:bold;
}
.advanceForm .modBody p.info {
background-color:#fef5e7;
margin:18px 12px 12px
}
.advanceForm .textContent p.info {
margin-left:0;
margin-right:0
}
p.info img {
margin:-2px 5px 0 0;
vertical-align:middle
}
p.info img.helpHoverTarget {
margin:0 0 0 6px;
}
p.info.attention,.advanceForm .modBody p.info.attention {
background-color:#f8f1f8;
background-image:url(../images/attention_b.gif);
background-position:10px 10px;
background-repeat:no-repeat;
padding-left:50px
}
p.info.attention.petrolBG,.advanceForm .modBody p.info.attention.petrolBG {
background-color:#e3eeee;
background-image:url(../images/attention_b_petrol.gif)
}
p.info.attention.confirm {
margin: 0 0 12px 0;
}
p.info.attention.infoLow {
margin:0 12px 12px
}
p.info.attention.with_content,.advanceForm .modBody p.info.attention.with_content {
background-position:10px 20px
}

.vertSpace{
margin: 10px 0 10px 0;
}
.advanceForm .modBody  p.required {
margin-bottom:18px;
padding-bottom:0;
}

/*.deviceListButton{
position: absolute;
bottom:0;
right:0;
margin:0;
padding:0;
vertical-align: middle;
left:0;

}*/

.JSEnabled .postcode {
display:none;
}

.advanceForm .modBody h3.planHeaderStyle { border:none; padding:0; margin-bottom:8px; font-size:1.4em;font-weight:normal;line-height:normal; }

.searchFormBlock label { 
	text-align:left; 
	padding:0 10px 0 0 
}
.searchFormBlock label { 
	width: auto;
}

.searchFormBlock label.accessible{ display:none; }
ul.searchRefineResultsList li a { text-decoration:underline }
ul.searchRefineResultsList li a.selected { font-weight:bold }

table.dottedRowTable1Col { width:100%; padding-top:1px; background:url(../images/dottedLine.gif) repeat-x left top }
table.dottedRowTable1Col th, table.dottedRowTable1Col td { padding-bottom:1px; background:url(../images/dottedLine.gif) repeat-x left bottom }

ol.dottedList { padding-top:1px; background:url(../images/dottedLine.gif) repeat-x left top; }
ol.dottedList li { padding:6px 0; background:url(../images/dottedLine.gif) repeat-x left bottom; }

ul.bulletList {float:none; list-style-type:disc; margin:0 0 1em 0; padding:0pt 0pt 0pt 16px; }
ul.bulletList li {
	display:list-item; 
	list-style-type:disc;
	margin:4px 0pt 0pt;
	padding:0pt;
}

table.quickOverviewTable th, table.quickOverviewTable td { padding:4px 0; }
table.quickOverviewTable td { text-align:right }

.myPlan1Col { margin-right:5px; float:left }
.myPlanDetail1Col table { width:109px }
.myPlanDetail1Col table td { margin-bottom:4px}
.dottedBorderBottom { padding-bottom:1px; background:url(../images/dottedLine.gif) repeat-x left bottom }
.paddCellTop { padding-top:6px; }
.paddCellBottom { padding-bottom:6px; }
.currentSubscriptionsBar { padding:10px 0 12px 0; overflow:visible }

/* specifications table style*/
.additionalInfoTbl{
	width:100%;
	empty-cells: show;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
.additionalInfoTbl th, .additionalInfoTbl td{
	padding: 3px 3px 3px 8px;
}
.additionalInfoTbl th{
	background-color: #C592C8;
	color: #ffffff;
	font-weight: bold;
}
.additionalInfoTbl.petrolStyle th{
	background-color: #7fb0bb;
}
.additionalInfoTbl td{
	background: url(../images/dottedLine.gif) bottom repeat-x;
}
th.infoAttrib{
	width:270px;
	border-right: 1px solid #ffffff;
}
th.infoValue{
	width:110px;
	border-right: 1px solid #ffffff;
}
td.infoAttrib{
	width:270px;
	border-right: 1px solid #C592C8;
}
td.infoValue{
	width:110px;
	border-right: 1px solid #C592C8;
}
.petrolStyle td.infoAttrib, .petrolStyle td.infoValue{
	width:110px;
	border-right: 1px solid #7fb0bb;
}
tr.noBorder td, .additionalInfoExpander .noBorder{
	background-image: none;
}
td.noBorder, th.noBorder{
	border: 0;
}
tr.alternate{
	background-color: #f8f4f8;
}
.petrolStyle tr.alternate{
	background-color: #f2f9fa;
}

.advanceForm .accordion .additionalInfo { margin-bottom:10px; }
.additionalInfo p.inlineText, .advanceForm .additionalInfo p.inlineText {
	margin: 10px 0 0 14px;
	line-height: 1em;
}
/*END specifications table style*/

span.smallArrowLink a { text-decoration:none; font-weight:normal; background:url(../images/small_arrow_deep_purple.gif) right no-repeat; 
	padding-right:10px; margin-right:5px; font-size:1em; }

/*** Small Plan icons ***/
.plan {
	padding: 9px 0 15px 0;
	font-size: 0.8em;
	color: #ffffff;
	line-height: 100%;
	width:57px;
	letter-spacing: -0.05em;
	background-repeat: no-repeat;
	background-image: url(../images/plan_ico_sprite.gif);
}
.alignCenter1Col { margin-left:55px;}
#devices .alignCenter1Col { margin-left:35px; margin-top: 10px; }
.plan li{
	padding: 1px 0 1px 4px;
}
.plan li span{
	font-weight: bold;
}
.plan li.planType{
	font-weight: bold;
	padding: 0 0 4px 25px;
}
.month24{
	background-position: -30px -16px;
}
.month18{
	background-position: -190px -16px;
}
#listView .JSModule_product_rollover_on .month18 { background-position: -1207px -16px; }

.month18 li.planType, .topUp li.planType{
	color: #ed1f24;
}
.month12{
	background-position: -350px -16px;
}
.month01{
	background-position: -511px -16px;
}
.month01, .month12 .planType, .month12 .planL1{
	color: #ed1f24;
}
.topUp {
background-position: -670px -16px;
height:50px;
}
.topUp .planL1, .topUp .planL2, .topUp .planL3 {
color:#787979;
padding:2px 0 0 5px;
}
.anytime, .anynet{
	background-position: -670px -16px;
}
.anytime span, .anynet span{
	display: block;
	color: #666666;
	width: 40px;
	font-weight: bold;
	padding: 0 0 0 6px;
	line-height: 120%;
}

.anytime span.planType, .anynet span.planType{
	padding: 0 0 5px 25px;
	line-height: 100%;
}
/* END small plan types */
.filterArea { font-size:1em; }
.filterArea span { font-weight:bold }

.filters, .advanceForm .modBody .filters { color:#FFFFFF; position:relative; overflow:visible; margin:0;  }


.filters .formList { margin:0 1em 0.8em 1em; width:426px; }
.filters .btns { position:absolute; top:1em; right:0; width:115px }
.filters label, .advanceForm fieldset.filters label.label { width:auto; float:left; color:#FFFFFF; }
.filters label.label, .advanceForm fieldset.filters label.label{ width:80px; font-size:1em; padding:0; margin:0 }
.filters .options { width:355px; float:left }
.filters .shortoptions { width:370px; float:left }
.filters .options .option { width:117px; float:left}
.filters .options .option input { margin-right:10px}
.filters .shortoptions .option { width:83px; float:left}
.filters .shortoptions .selectoption { width:117px; }
.filters .shortoptions .option input { margin-right:5px}
.filters .shortoptions .option label.label,
.advanceForm fieldset.filters .shortoptions .option label.label { width:auto}

/* listing styles */
.listView { position:relative }
.productList {
	background-image:url(../images/dottedLine.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	clear:both;
	float:left;
	padding-bottom:10px;
	position:relative;
	width:566px;
	margin:0 1px
}
.productList .formList { margin-left:9px  }
.productList.subscribedProduct { background-color:#F8F1F8 }
.lastProduct { background:none; }
.productListHeaders { margin-left:10px; overflow:visible }
.productListHeaders li, .advanceForm form ul.productListHeaders li { float:left; font-weight:bold; padding:5px 0 5px 0; min-height:0 }

ul.productDetails { /*float:left;*/ margin:0; padding:10px 9px 4px 9px; overflow:visible }
ul.productDetails li { display:inline; float:left; overflow:visible }
ul.productDetails li.blockLI { display:block; float:none; clear:both; }
ul.productDetails li li { display:list-item; float:none; margin:0; }
ul.productDetails li div { float:left }
ul.productDetails li div.floatRight { float:right }
ul.productDetails li label { display:inline; float:none; padding:0; color:inherit; font-size:1em; width:auto }

.advanceForm .modBody ul.productDetails li p { padding:0; margin:0 }

ul.productDetails .petrol, ul.productDetails .purple {
	font-size:1.4em;
	font-weight:bold;
	line-height:100%;
}

ul.productDetails .monthlycost p{
	float: left;
	width:102px;
	line-height: 100%;
	color: #312E2D;
}

ul.productDetails .monthlyPrice{
	font-size: 2.6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 100%;
}
ul.productDetails .pence{
	font-size: 0.6em;
	line-height: 1em;
}
/* col widths */
.productListHeaders .monthlycost, ul.productDetails .monthlycost { width:190px}
.productListHeaders .minutes, ul.productDetails .minutes, 
.productListHeaders .texts, ul.productDetails .texts,
.productListHeaders .group, ul.productDetails .group{
	width:110px;
}

.productListHeaders .contractType, ul.productDetails .contractType { width:104px;  }
.productListHeaders .descriptionText, ul.productDetails .descriptionText { width:289px; margin-left:6px  }
.productListHeaders .title, ul.productDetails .titleCol { margin-left:6px  }
.productListHeaders .status, ul.productDetails .status { width:53px;  text-align:right }
.productListHeaders .groupstatus, ul.productDetails .groupstatus { width:195px;  }
ul.productDetails .recommendedWrap { float:right;padding-bottom:10px;text-align:right;width:375px; }

ul.productDetails .subscriptionOption { text-align:right; font-weight:bold; line-height:1.1em }
ul.productDetails div.subscriptionOption { float:right; width:15em; } /* when this contains controls */
ul.productDetails .subscriptionOption label { font-weight:bold }
ul.productDetails .subscriptionOption label.disabled { color:#CCCCCC }
ul.productDetails .subscriptionOption img { vertical-align:middle; margin:0 0 5px 5px }
ul.productDetails .subscriptionOption .subscribed { color:#8bc55a }
ul.productDetails .subscriptionOption .subscribed span { color:#000 }
ul.productDetails .subscriptionOption .addSubscription { color:#c592c8; line-height:2em; }
ul.productDetails .subscriptionOption .removeSubscription { color:#ff0000;line-height:2em;  }


div.offerCallOut, #listView div.offerCallOut { background:#E3EAC0 url(../images/plans_offer_bullet.gif) no-repeat scroll 3px 50%;clear:both;color:#64883E;float:none;line-height:2em;margin:2px 10px;overflow:auto;padding:0pt 0pt 0pt 25px;}

ul.productDetails fieldset, .advanceForm .modBody ul.productDetails fieldset { clear:both; margin:1em 0; }
ul.productDetails li label.blockLabel { display:block; text-align:left; font-weight:bold }
fieldset.vertical .option, .advanceForm .modBody fieldset.vertical .option { width:200px; display:block }
fieldset.groupedInputControls legend { display:block; font-weight:bold }
fieldset.groupedInputControls label { font-weight:normal; margin-left:0.5em; }

/**** Rollovers ****/
#listView ul.module_morePhoneInfo {
	width: 566px;
	height: auto;
	padding: 0;
	background-color: #732978;
	margin: 0;
	display: none;
}
/*recolour */
#listView.petrolStyle ul.module_morePhoneInfo { background-color:#008698; }

#listView .module_morePhoneInfo li{
	float: left;
	margin: 0;
	border-bottom: 0px;
}

#listView .module_morePhoneInfo .link_summary {background-position: 97% 50%; float: right; border-right: 0px; overflow:hidden; text-align:right}
#listView .module_morePhoneInfo .link_summary  a {margin: 0 20px 0 0;  padding-right: 10px; border-right: 1px solid #fff; }
#listView .module_morePhoneInfo .link_external a { padding-right: 10px; border-left: 1px solid #fff; }

.module_morePhoneInfo {margin: 10px 0; clear: both;}
.module_morePhoneInfo li {display: block; margin:0 10px; border-bottom: 1px solid #fff; padding: 0; background-color: #ccc; background: #732978; cursor: pointer;}
.module_morePhoneInfo li a, .grid .module_morePhoneInfo li a {text-decoration: none; display: block; padding: 3px 0 3px 5px; margin: 0 0 0 20px; color: #fff; font-weight: bold; background: #732978;}
.module_morePhoneInfo li a:hover, .grid .module_morePhoneInfo li a:hover { text-decoration: none; }
.module_morePhoneInfo .link_external { background: #2d002b url(../images/common/icn_arrowLeft.gif) no-repeat 2px 50%; }
.module_morePhoneInfo .link_summary { background: #2d002b url(../images/common/icn_summary.gif) no-repeat 4px 50%; }
.module_morePhoneInfo .link_close { background: #2d002b url(../images/common/icn_close.gif) no-repeat 4px 50%; }
.linkUnderline { text-decoration:underline!important;}
/*recolour */
.petrolStyle .module_morePhoneInfo li { background-color:#00465b; }
.petrolStyle .module_morePhoneInfo li a { background-color:#008698; }

/* Vodafone family */
.grayBorder { border:1px solid #CCC; margin-bottom:1em }
img.actionImage { margin-top:1.3em }
.vff_number { width:140px }
span.vff_number { display:block; float:left; margin:0 20px 1em 0; }
span.rvff_number { width:141px; display:block; float:left; margin:0 0 1em 10px; }
.freeSlot { color:#999999 }
.deleteLink, .addLink { text-align:right }
.deleteLink a, .addLink a { padding-right:20px; display:inline-block }
.deleteLink a { background:url(../images/ff_add-delete.gif) bottom right no-repeat }
.addLink a { background:url(../images/ff_add-delete.gif) top right no-repeat }
.grayTip { color:#999999 }
.addHolder { margin:0 3px; }

/* Your Basket */
.basketOverview{
	margin: 0 4px;
	border-collapse: collapse;
	empty-cells: show;
}
.basketOverview td{
	padding: 4px 8px;
	font-weight: bold;
	vertical-align: top;
}
.basketOverview td.packageVisual{
	width: 124px;
	border-right: 1px solid #C592C8;
	padding-top: 10px;
}
.phoneImage{
	width: 60px;
	display: block;
	float: left;
}
.basketPlan{
	width:60px;
	float: right;
}
.packageDetailText{
	width: 289px;
	background-image: url(../images/dottedLine.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.basketOverview .lastItem { background:none }
.packageDetailText h3, .advanceForm .modBody .packageDetailText h3{
	color:#732978;
	font-weight:bold;
	padding:0;
	border:none
}
.packageText { display:block }
.packageDetailText .packageSubtext{
	font-weight: normal;
}
.packageCosts{
	width: 104px;
	text-align: right;
	background-image: url(../images/dottedLine.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 1px solid #C592C8;
	font-weight: bold;
	font-size: 1.4em;
}
.basketSubtext{
	font-size: 0.7em;
	font-weight: normal;
	color: #666666;
	display: block;
}
/*end basket*/

fieldset.conditions, .advanceForm .modBody fieldset.conditions { clear:both; padding-left:10px; margin-bottom:1em }
fieldset.conditions input { margin-right:1em; }
fieldset.conditions label {  }

/* Usermodule logged in 7.0 */
.accUserModule {min-height:12.99em;}
.userModule  {
min-height:15.1em;
}
.userModule  h3, .accUserModule  h3{
font-weight:bold;
}
.userModule .module10ImgRight, .accUserModule .module10ImgRight {
margin: 10px 5px 0 0;
max-width:174px;
}
.userModule select, .accUserModule select {
width:170px;
font-size:1em;
margin-bottom:3px
}

.advanceForm .modBody p.advice {
font-size:.9em;
font-weight:normal;
padding:0;
margin:0;
}

div.modCopy.waiting img {
margin: 10px auto 10px auto;
width:64px;
display:block;
}

div.modCopy.waiting p {
padding-bottom: 10px;
}


H1.popUp{
	font-size: 700;
	font-weight:200;
	line-height:0em;
	padding:0.5em 0;

}
.marginBottom0 {
margin-bottom:0px !important;
}
.marginBottom10 {
margin-bottom:10px !important;
}
.marginBottom30 {
margin-bottom:30px !important;
}
.paddingBottom20 {
padding-bottom:20px !important; 
}

.modFooter hr,.modBlankFooter hr,.officeModFooter hr,input.hide,.searchNav label,.ctaLayer script,.hidden,.accessible {
display:none
}

.imageBoxLeft{
	float:left; 
	margin-left: 6px;
}

.imageBoxImageLeft{
	float:left;
}
/* character backgrounds - as seen in 7.6 */
.trackOrderBG { background:#feeccf url(../images/characterBackgrounds/trackOrder.gif) no-repeat }
.activateSimBG { background:#FFF url(../images/characterBackgrounds/activateSim.gif) no-repeat }
.insuranceBG { background:#e5e5e5 url(../images/characterBackgrounds/insurance.gif) no-repeat }
.diagnoseBG { background:#e2f9cd url(../images/characterBackgrounds/diagnose.gif) no-repeat }

.editModeLayer{
position: absolute;
top: 0px;
left: 10px;
z-index: 999;
padding: 5px;
width: 804px;
background: #fff;
margin-left: 140px;
border: 1px solid red;
}

a.bodyLink {
line-height: 1.5em;
text-decoration: underline;
background: url('../images/buttons/button_grey.gif');
background-repeat: no-repeat;
background-position: 100% 4px;
padding: 0px 23px 0px 0px;
margin: 0px;
display: block;               
float: left;
}
a.bodyLink:hover {
line-height: 1.5em;
text-decoration: underline;
background: url('../images/buttons/button_red.gif');
background-repeat: no-repeat;
background-position: 100% 4px;
padding: 0px 23px 0px 0px;
margin: 0px;
display: block;
float: left;
}


.halfPaddingTopBottom { padding-top:4px; padding-bottom:0  }
.width100percent { width:100% }

/* Device carousel */
div#devicesCarousel { width:171px; height:68px; overflow:auto; }
div#devicesCarousel ul { display:block; margin:0; padding:0; white-space:nowrap; }
div#devicesCarousel ul li { display:inline; display:inline-block;  }
div#devicesCarousel ul li img { display:inline; height:44px; padding:0 14px 0 0; }
div#devicesCarousel ul li.first img { margin-left:14px; }

/* Defect 6650 | Added this class for defect 6650. This was needed to correct the style for SMT toolbar | Siddharth */
.editModeLayer a, .editModeLayer a:active, .editModeLayer a:visited, .editModeLayer a:hover{
margin-left: 20px;
text-decoration: underline;
}

#callDivertSetting span {display:none}
#myAccount label {display: inline; font-size: 100%; width: auto}


#deviceList h2 {margin: 0; padding: 0; font-size: 1em; border: none; line-height: 2.1em; height: 2.1em; width: 569px; background-color: #C391C1;}
#deviceList h2.setting {background-color: #E0D5E1;}
#deviceList h2.caption {width: auto;background:none}
#deviceList h2 a.accordionExpander{
	margin:0 1px;
	padding: 0px 5px 0px 32px;
	border-bottom: 1px solid #E0D5E1;
	border-top: 1px solid #E0D5E1;
	font-size: 1em !important;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/buttons/minus-deepPurpleOnDark.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
	display: block;
	line-height: 2.1em;
	height: 2.1em;
	text-decoration: none;
}
#deviceList h2 a.accordionExpander:hover{
	background-position: 9px -96px;
	text-decoration: none;
	color: #000000;
}
#deviceList .responder h2.lightPurpleBG {
background-color:#f8f1f8 !important;
}
#deviceList h2 a.settingLinks {background-image: url(../images/buttons/minus-deepPurple.gif);}
#deviceList h2 a.settingLinks, #deviceList h2 a.settingLinks:hover {color:#732978;}
#deviceList .tableFormat03 td.last {padding-right: 18px; margin:0;}
#deviceList .tableFormat03 .link_list1Col {margin:18px 0 0 0;}

#adminPlan .modCopy1col {width: 120px;}
#adminPlan .planCopy2col {float:left;padding:8px 0 6px 16px; }
#adminPlan .planCopy2col fieldset {width:220px;}
#adminPlan .planCopy2col select {float:left; width: 140px;}
#adminPlan .planCopy2col ul {width:8.7em; margin-top: -20px; }


/* start - new look for device list */
#gridView .productList { 
float: left; 
width: 568px; 
background-image: url("../images/phone_grid_Dottedbg.gif") !important; 
background-position: left top !important; 
background-repeat: repeat-y !important; 
overflow: hidden; 
padding: 0; 
margin: 0; 
}
#gridView .deviceList { 
float: left; 
width: 188px; 
display: inline; 
position: relative; 
background: none; 
border-bottom: 1px dotted #c0c0c0 !important; 
margin: 0px; 
padding: 0 0 1px 0;
}
.bg_wrapper  { width: 188px; padding: 0; overflow: auto; margin-left: 2px;}
.highlighted { background-color:#F8F1F8 }
#gridView .module_deviceTitle { padding: 0 0 10px 0; }
#gridView .module_deviceTitle h3 { 
font-size: 1.09em; 
color:#008698; 
margin: 0px; 
border: none !important; 
padding-right: 0; 
padding-top: 12px; 
}
#gridView .module_deviceTitle p {color:#333333; padding: 0 0 5px 10px; margin: 0; }
#gridView .module_phoneImage {overflow: hidden; height: 129px; text-align: center; padding-top: 10px; }
#gridView .module_phoneImage img { height: 100%; width: 126px; }
#gridView .module_buyInfo { padding: 0; overflow: hidden;}
#gridView .module_buyInfo ul.btns {margin-right: 10px;}
/* end - new look for device list */

#planAccordion {clear:both;}
#planAccordion h2.head {
background-color:#E0D5E1;
border-color:#CDCBCA -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px medium medium;
clear:right;
font-size:100%;
font-weight:700;
height:2.1em;
line-height:2.1em;
margin:0 1px;
padding:0 3px 1px 0;
width: 565px;
}
#planAccordion h2.head a.accordionExpander{
margin:0 1px;
padding: 0px 5px 0px 32px;
border-bottom: none;
border-top: 1px solid #E0D5E1;
font-size: 1em !important;
font-weight: bold;
color: #732978;
background-image: url(../images/buttons/minus-deepPurpleOnDark.gif);
background-repeat: no-repeat;
background-position: 9px 4px;
display: block;
line-height: 2.1em;
height: 2.1em;
text-decoration: none;
}
#planAccordion h2.head a.accordionExpander:hover{
background-position: 9px -96px;
text-decoration: none;
color: #732978;
}
#planAccordion .responder { margin:10px 0 0;padding:0;}

.center { text-align: center;}
.plan li.planL1, .plan li.planL2, .plan li.planL3 { background: #ed1f24 !important; margin-right: 2px;}

.currentSubscriptionsBar p.btn {padding-bottom: 12px;}

#adminApproveApp .confirm {margin-top: 10px;}

#SearchErrorMsg
{
background-image: url(../images/search1columnBorder.gif);
width:768px;
height:77px;
background-repeat:repeat-y;
}

#SearchErrorMsgBase
{
background-image: url(../images/search2columnFooter.gif); 
width:768px;
height:8px;
background-repeat:no-repeat;
}

/* IOU Changes | Sprint 1 */
/* Grey button style */
a.btnGreyBgWhite{background-image:url(../images/buttons/but_reg_grey_white_rt.gif); background-position:right top}
.btnGreyBgWhite, .btnGreyBgWhite span{background-image:url(../images/buttons/but_reg_grey_white_lt.gif); background-position:left top}
a.btnGreyBgWhite:hover{background-position:right -100px}
a.btnGreyBgWhite:hover span{background-position:left -100px}
ul.btns li.gray input, ul.btns li.gray a {color: white}

/* My Account customer detail module */
.modMyAccount .creditStatus{float:none; margin-bottom:5px; padding:5px 0 2px 0; background:url(../images/dottedLine.gif) repeat-x left bottom }
.modMyAccount .creditStatus:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.modMyAccount .creditStatus .title{width:48%; font-size:100%; float:left; display:inline; margin-left:7px}
.modMyAccount .creditStatus .balance{width:48%; display:inline; float:right; text-align:right; margin-right:5px}
.modMyAccount .creditStatus .balance p{padding:0 0 4px}
.modMyAccount p{line-height:100%; padding-left:7px; clear:both}
.modMyAccount p.optOutPendingOverview { clear:both; font-weight:bold }

.modMyExtrasList h3{font-size:1em; font-weight:bold}

ul.myAccountPlanAndExtras{}
ul.myAccountPlanAndExtras li{color:#732978; font-weight:700}

ul.myPlanAndExtras{margin-left:6px}
.modBody ul.myPlanAndExtras h3{display:inline; font-weight:700; font-size:1em; color:#732978; padding:0 0 0 3px; border:0}

ul.myPlanAndExtras ul{margin-left:13px}
ul.myPlanAndExtras li{position:relative; padding-bottom:18px}
ul.myPlanAndExtras li ul li{padding:0}
.modBody ul.myPlanAndExtras ul li p{font-size:1em; padding:0}

ul.myPlanAndExtras li .cta{position:absolute; top:0; right:6px; height:12px}
ul.myPlanAndExtras ul.inline {overflow: hidden; clear: both}
ul.myPlanAndExtras ul.inline li{padding-right: 5px; float: left}
ul.myPlanAndExtras li p.optOutPendingOverview { font-size:1em !important; font-weight:bold; margin-left:13px; padding:0 !important; }

.overMinLimit, .overMinLimitLarge{height:63px; position:relative; overflow:auto; border:1px solid #C0C0C0; margin:0 2px 5px 3px; padding:10px 2px 10px 10px; background-color:#f7f7f7}
.overMinLimitLarge{height:160px; margin:10px 5px; padding:10px 14px}

/* Manage/Review Extra mod */
label.tAndC{width:auto; float:none; padding:4px 0 8px 0}

.mod3Col .modMyExtra{overflow:hidden; padding:4px 0 0}
.mod3Col .modOptOut{margin:0 5px 0}

.modMyExtra .prodImage{float:left; margin:4px}
.modMyExtra .prodDetail{float:left; width:487px}
.modOptOut .prodDetail{width:477px}
.modMyExtra .prodDetail .title{float:left; font-size:100%; padding:0 0 10px; margin-top:3px; border:0}
.modOptOut .prodDetail .title{margin-top:7px}
.modMyExtra .prodDetail h4{border:0; font-size:100%; padding:0 0 2px}
.modMyExtra .prodDetail .moreLink{float:right}
.modMyExtra .prodDetail .moreLink span{padding:1px 9px 10px}
.modMyExtra .prodDetail p{padding:2px 0 8px; clear:both}
.modMyExtra .prodDetail .moreLink,.modMyExtra .prodDetail ul.btns{margin:0 12px 0 0}
.modOptOut .prodDetail .moreLink{margin-top:5px}
.modMyExtra .prodDetail ul.btns{margin-top:5px}

.optOutPending { background:none !important }
.optOutPending strong{display:block; text-align:right; padding-right:13px; background:none}

/* Thank you page after adding/removing extra */
.modConfirmation{}
.modConfirmation h1{margin:0 0 10px; padding:5px}
.modConfirmation .copy{margin:0 10px 20px}

/* Opt in/out form confirmations */
.advanceForm .confirmActions{margin:5px 11px 0 0; clear:both; overflow:hidden}
.advanceForm .confirmActions ul.btns{margin:0}
 
/* Opt out warning lightbox */
#optOutWarning{display:none}
#optOutWarning:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#myAccountLightBox{width:275px; height:150px; padding:0 20px 0; display:block; position:absolute; background-color:#fff; border:1px solid #80B0BB; z-index:999992}
#myAccountLightBox #optOutWarning{display:block}
#myAccountLightBox #optOutWarning h2{text-align:center; font-size:1.1em; margin:15px 0 10px}
#myAccountLightBox #optOutWarning .btns{margin:15px 0 0}

/* VMI  START  - 28-01-2010 */
.modMyAccount .creditStatus {
	background:transparent url(../images/dottedLine.gif) repeat-x scroll left bottom;
	float:none;
	margin-bottom:5px;
	padding:5px 0 2px 6px;
}

.modMyAccount .creditStatusWTabs {
	background:none;
	margin-bottom: 8px
}

html.JSEnabled .modMyAccount .creditStatusWTabs {
	margin-bottom:0;	
}
.modMyAccount .creditStatus .title {
	padding-bottom:3px;
	font-size:100%;
}
.modMyAccount .creditStatus .balance {
	display:block;
	float:none;
	margin-right:0;
	text-align:right;
	width:48%;	
	position:absolute;
	top:5px;
	right:5px;
}

div.tabContentBox { clear: both; overflow:auto; height:auto }
div.tabContentContainer { /*encloses content, only*/
	padding:5px;
}

/*----- Tab styles  -----*/
div.tabbedContent ul.tabList {
	display:block;
	margin: 0;	
}
ul.tabList li {
	display:inline-block;
	margin-right:1px;
	line-height:1em;
}

ul.tabList li a { color:#000; display:block; text-decoration:none; background:#dfd5e0 url(../images/vmi_tab-right-side.gif) no-repeat right 0; }
ul.tabList li a:hover, ul.tabList li a:focus { cursor: pointer; color:#000; text-decoration: underline; outline:none }
ul.tabList li a span { background:url(../images/vmi_tab-left-side.gif) no-repeat left 0; display:block; padding:2px 0 2px 8px; margin-right:8px }
ul.tabList li.activeTabElement a { color:#FFF; background-color:#732978; background-position:right -44px }
ul.tabList li.activeTabElement a:hover, ul.tabList li.activeTabElement a:focus { color: #fff; }
ul.tabList li.activeTabElement a span { background-position:left -44px }
/* end */

/* vmi tab styles */
div.vmi_tabsSpaced { padding-top:10px; }
div.vmi_tabs ul.tabList { margin:0 5px }
div.vmi_tabs .tabContentBox { background-color:#f6f7f9; border:1px solid #cccccc; margin:0 5px }
.tabbedContentHeight_70 { height:70px; overflow:auto }
html.JSEnabled .tabbedContentHeight_70 { height:auto; }
.vmi_link_list li { background:none }

/* end vmi tab styles */


.packInfo h3.noTitle {
	border: 0;
	font-size: 1em;
	font-weight: normal
}

.packInfo ul {
	list-style-position: inside;
	padding-left: 12px
}

.advanceForm .modBody li .securityCodeInfo {
	display: inline;
	font-size: 1em;
	padding-left: 8px
}

.JSEnabled #genericLightBox.packDetails, .JSEnabled #genericLightBox.termscondition {
	width: 610px;
}
#genericLightBox.packDetails .mod3Col .modBorder,
#genericLightBox.packDetails .mod3Col .modFooter, 
#genericLightBox.termscondition .mod3Col .modBorder,
#genericLightBox.termscondition .mod3Col .modFooter{background: none}
		
.errorText { padding-left:6px;}
/* VMI  END  - 28-01-2010 */

.module_endUserView {
background:#D7E7EA url(../images/users.gif) no-repeat scroll 10px center;
margin:0 3px 20px;
padding:15px 10px 15px 54px;
}


/*Sprint2 - Scrum2  - Registration Email Visibility change  Suresh Start */

.advanceForm .modBody p.regMyAccountIntro { font-size:1.18em; padding-top:16px }

p.info.attention.clearBG, .advanceForm .modBody p.info.attention.clearBG {
	background:url(../images/attention_b_clear.gif) 0 10px no-repeat;
	padding-left:30px;
	margin-top:0;
}

.regMyAccount { margin:0 8px; }
.regMyAccount li { padding:1.2em 0; }
.advanceForm form ul.regMyAccount li.highlight { background-color:#e3edee; padding-bottom:12px }
.advanceForm .regMyAccount li p { font-size:1em; padding:0 0 15px }
.regMyAccount label { width:147px; }
.regMyAccount label.emailLabel { font-size:1em }
.input_regMyAccount { width:13.55em }
.formSupportingInfo { margin:0 0 0 10px; float:left; width:222px }

.advanceForm .modBody h2.myAccountReducedHeading2 { font-size:1.632em; border-bottom:none }
.myAccountReducedContent { width:276px; float:left; padding:0 0 7px }
.myAccountReducedContent1 { margin-left:6px; margin-right:6px }
.advanceForm .modBody .myAccountReducedContent h3 { border:none; font-size:1.45em; font-weight:bold; min-height:2.4em; line-height:1.2em; padding:10px 0 10px 1px}

.myAccountReducedCopy { padding:5px 5px 0 0; border:1px solid #CCC; background:#f6f8f9 }
.myAccountReducedCopy p { font-size:1.18em; }
.myAccountReducedContent ul.bulletList { padding-left:26px; }
.advanceForm .modBody p.myAccountReducedSubheading { font-weight:bold; font-size:1.178em; padding-bottom:0 }
.myAccountReducedContent .btns { float:none; margin-right:10px; margin-top:15px }

.myAccountReducedOptionHeight { min-height:17.0em }
.myAccountReducedOptionHeight2 { min-height:9.063em }

.sureSignalPromo1 { background:url(../images/sureSignalPromo.jpg) 1px 0 no-repeat; min-height:23.837em }
.sureSignalPromo1 .inlineText { margin-top:130px }

/*Sprint2 - Scrum2  - Registration Email Visibility change  Suresh End */

/* 3DS START */
.cardSecLogos { float:right }
.intialPDtext { margin:12px 0 0 0 }
.cardSecIntro { font-size:1.09em; margin:6px 0; }
.advanceForm .modBody .cardSecModuleIntro { font-size:1.179em; margin:6px 0 10px; padding:0; }

.iframe3ds { width:400px; border:1px solid #ccc }

.thankyouContent { padding:0 14px 8px }
.thankyouContent p, .thankyouContent h2 { margin-top:0.35em; }
.thankyouContent p { font-size:1.18em; }
.thankyouContent .error_message_large { font-size:1.179em; margin:13px 0 0; padding:0 0 0 25px; background: url(../images/icn_error.gif) left top no-repeat }
.paymentMethodsInline, .advanceForm form ul.formList li.paymentMethodsInline { padding:0 0 20px 193px; border-bottom:1px dotted #B3B3B3 }
.followedByButton { margin-bottom:0; }
.followsButton { margin-top:0; }
/* 3DS END */

/* Scrum1 - Sprint4 2010 - Sure Signal Start*/
.advanceForm ul.progress-bar.purple li.last { background-image:none; border-right:2px solid white }

.ssRightAlignBtns { display:inline-block; margin-right:12px; }
.ssRightAlignBtns ul.btns { clear:both; overflow:hidden; display:block; float:none; margin-right:0 }

ul.btnsInline { display:inline-block; _display:inline; *display:inline; float:none }
.ssAddressInfo { border-top:1px solid #CCC; margin-top:10px; padding:10px 7px 10px; }
.advanceForm .modBody .ssAddressInfo h3,
.advanceForm .modBody .ssAddressInfo p { padding-left:0; padding-right:0; border:none }
.advanceForm .modBody .ssAddressInfo h3 { font-size:1.36em }

.ssFormData,.ssFormDataFlex { display:block; float:left; font-size:1.09em; font-weight:bold; margin-top:2px; padding-top:2px; width:21.01em; }
.ssFormDataFlex {  width:auto; }
.ssTermsAndConditions { border-bottom:1px solid #CCC; font-size:1.09em; padding-left:187px }

.advanceForm .modBody h2.accessControl { border-bottom:5px solid #C592C8 }
.advanceForm h2.accessControl span { display:inline; float:none; font-size:1em; font-weight:bold; margin:0; padding:0; }

.advanceForm .modBody p.accessControlIntro { padding:15px 10px }

.tableFormat01.textContentTable .lastCol { border-right:none }

.lightLilacBG { background: #faf5fb; }
.iceBlueBG { background: #f2f9ff; }

.advanceForm .modBody h2.purpleTitle,
.advanceForm .modBody h2.petrolTitleSureSignal {
	font-size:1.541em;
	font-weight:bold;
	line-height: 1.2em;
	border:none;
	height:auto;
	padding-top:10px;
	padding-bottom:3px;
	width:auto;
}

.textContent p.pageIntro { margin-top:9px; padding:0; }
.sureSignalContent { }

h2.purpleTitle {color: #7e4f85;}
h2.petrolTitleSureSignal {color: #008698;}

.mod1p5Col { display:inline; width:288px; float:left; margin-right:-1px }
.mod1p5Col .modBorder { background-image:url(../images/mod1p5columnBorder.gif); width:284px; }
.mod1p5Col .modFooter { background:url(../images/mod1p5columnFooter.gif); width:284px }
.modCopy1p5col { width:267px; margin-right:-1px }
.modHeight280 {
	min-height:18.4em;
}

ul.btnsSureSignal { float:none; margin-top:12px; }
ul.btnsSureSignal li, .advanceForm form ul.btnsSureSignal li { float:left; margin-left:9px }
.ssIndexCard { border:1px solid #CCC; width:278px; margin:0 4px 15px 3px }
.ssIndexCard h2 { font-size:1.269em; line-height:1.2em; padding:4px 0 2px 7px; background-color:#e5d7e4 }
.ssIndexCard table { font-size:1.087em; margin-top:5px; width:100% }
.ssIndexCard th, .ssIndexCard td { border-bottom:1px dotted #CCC; padding:4px 2px 2px; }
.ssIndexCard .last th, .ssIndexCard .last td { border-bottom:none }

.ssIndexCard th { font-weight:normal }
.ssIndexCard td { font-weight:bold }
.ssIndexCard a { color:#7e4f85 }

ul.sureSignalServices { font-size:1.087em; padding:0 0 18px 10px }
ul.sureSignalServices li { padding:4px 0 }
ul.sureSignalServices a { color:#7e4f85 }

table.ssTable { width:auto !important }

.marginLeft20 { margin-left:20px;}
/* Scrum1 - Sprint4 2010 - Sure Signal End*/


/***** START VF streamlined registration *****/

.clearfixBasic { overflow:hidden } /* be careful with this one...*/

/* START Register only page */
.streamlineRegColumn { float:left; width:506px }

.modThirdCol { float:left; margin-right:-1px; width:244px; }
.modThirdColTop { background-image:url(../images/third_columnTop.gif); font-size:1px; height:1px; line-height:1px;  }
.modThirdColBorder { background-image:url(../images/third_columnBorder.gif); }
.modThirdColFooter { background-image:url(../images/third_columnFooter.gif); font-size:1px; height:8px; line-height:1px; margin-bottom:5px; }
.modThirdColFooter hr { display:none }
.modThirdCol .modBody { margin:0 10px 0 12px; }
.modThirdCol .modBody p { padding:6px 0 5px; }
.modThirdCol p.streamlineRegLine { padding-bottom:15px; margin-bottom:3px }
/* END  Register only page */

.progressMeter { background:#c592c8 url(../images/progressBarBG1.png) left top repeat-x; color:#FFFFFF; display:block; font-size:15px; margin:0 1px 10px 0px; overflow:hidden; padding:0; }
.progressMeterStep2 { background:#c592c8 url(../images/step2.png) left top repeat-x;}
.progressMeterStep3 { background:#c592c8 url(../images/step3.png) left top repeat-x;}
.progressMeter li { display:inline; float:left; margin:0 0 0 10px; padding:0.5em 0; width:243px; }
.progressMeter .stepText { display:block; font-weight:bold }

.noProgessMeter { margin-top:10px }

div.streamlineRegText, p.streamlineRegText { font-size:1.269em }
div.streamlineRegText p { font-size:1em }

.srNotice { background:#EAF4E1 url(../images/srTickDot.gif) 10px 10px no-repeat; margin:10px 7px; padding:3px 10px 5px 30px }
.advanceForm .modBody .srNotice h2 { color:#5B8424; border:none; font-size:1.812em; font-weight:normal }
.srNotice p, .srNotice li { font-size:1.269em }
.srNotice ul.bulletList { margin-left:0.7em }

#completeReg .modBody fieldset.streamlineReg { background:none; margin-bottom:0px; width:auto } 
.advanceForm .modBody fieldset.streamlineReg { background:url(../images/sr_dottedLine.gif) bottom center repeat-x; margin-bottom:10px; width:auto }
.advanceForm .modBody fieldset.lastStreamlineReg { background:none; margin-bottom:0 }
fieldset.streamlineReg legend { display:block; float:left; line-height:2.266em; margin:0; padding:0; white-space:normal;}
fieldset.streamlineReg legend .legendContent { color:#732978; display:block; font-size:1.812em; margin:2px 0 4px; padding:0 0 0 10px; }
fieldset.streamlineReg ul.formList {margin-top:0; }
.srDotNumber { background:#C592C8 url(../images/srLegendDot.gif) no-repeat; color:#FFF; display:inline-block; height:25px; line-height:25px; margin:0 5px 0 0; text-align:center; width:24px }
#top .advanceForm form ul.formList li {}
.srIndent { padding:0 9px 0 40px }
.advanceForm .modBody .srIndent p { padding:0 10px 11px 0;clear:both;}
.orImage{ margin:10px 0; }

.streamlineRegLine { background:url(../images/sr_dottedLine.gif) bottom center no-repeat; margin-bottom:10px;padding-bottom:10px; }

.advanceForm .streamlineReg .formCopy { color:#333333; }
.advanceForm .streamlineReg legend.formCopy { line-height:normal }
.advanceForm .modBody li p.formHardCodedText { display:inline; float:left; font-size:1.269em; margin-top:2px; padding:2px 12px 6px 0; text-align:left; }
.streamlineReg .formData { float:left; margin-bottom:10px; }
.streamlineReg .formDataRow { margin-bottom:5px }
.streamlineReg .formDataCol { width:265px }

/* Start text resize and colouring - if something looks weird this is probably why */
/* Asha changed the color from #808080 to #4D4D4D to fix text contrast  issue - 17870 */
.streamlineReg label, .advanceForm .streamlineReg .formCopy { color:#4D4D4D; font-size:1.269em; width:180px }
.streamlineReg .formData label { color:#4D4D4D }
.advanceForm .modBody .streamlineReg li p { color:#4D4D4D; font-size:1.269em }

.streamlineReg label.purple { color:#732978 }
.srEmptyField { background:#F5EFF6 }
.streamlineReg .validationFailed { background-color:#FDF1CC }
/* End  text resize and colouring */

.advanceForm .input_streamlineReg, .input_streamlineReg { width:260px; } 
.advanceForm .input_streamlineRegLogin { width:220px }
.advanceForm .modBody .streamlineReg h3,
.srSubHeading { border:none; color:#732978; font-size:1.269em; font-weight:bold; padding:0 0 10px 43px; }
.advanceForm .modBody .srIndent .srSubHeading { padding-bottom:0 }

.streamlineReg .formSupportingInfo {position:relative; width:260px;float:right; }
.formSupportingContent {position:absolute; left:0; top:0 }

/* button styling */
.srBtnRed, .srBtnWhite { background:#E60000 url(../images/sr_btnRedRight.gif) right top; display:inline-block; font-size:15px; margin:0 0 0 10px; }
.srBtnRed input, .srBtnWhite input { background:url(../images/sr_btnRedLeft.gif) left top no-repeat; border:none; color:#FFF; font:1em Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.35em; margin:0; overflow:visible; padding:7px 8px 7px }
.srBtnRed:hover, .srBtnRed:focus,
.srBtnWhite:hover, .srBtnWhite:focus, .ieBtnFocus { background-color:#b70605; background-position:right -60px }
.srBtnRed:hover input, .srBtnWhite:hover input, .ieBtnFocus input { cursor:pointer; background-position:left -60px }
.srBtnRed input:focus, .srBtnWhite input:focus { text-decoration:underline }

.srBtnWhite { background:#fff url(../images/sr_btnWhiteRight.gif) right top }
.srBtnWhite input { background:url(../images/sr_btnWhiteLeft.gif) left top no-repeat; color:#E60000;  }
.srBtnWhite:hover { background-color:#FFF;  }
.srBtnWhite:hover input { color:#b70605 }
.srBtnWhite:focus, .srBtnWhite input:focus { text-decoration:underline }
/*end button styling */

.srAttention { background:#F8F1F8 url(../images/exclamation_sr_purple.gif) 5px 10px no-repeat; margin:10px 7px; overflow:hidden; padding:6px 10px 6px 25px; text-align:right }
.srAttention p { float:left; font-size:1.269em; text-align:left }

.srBtnContainer { text-align:right; padding:0 10px; }
.srIndent .srBtnContainer { margin:0; }
.srAttention .srBtnRed, .srBtnContainer .srBtnRed { margin:0 0 0 10px; }

.srBanner { padding:0 3px 13px; }

.needHelpLink a, .needHelpLink a:link, .needHelpLink a:visited {color:#732978;	display:inline-block; font-weight:bold; padding-right:5px;padding-bottom:5px; }
.needHelpLink img{padding-bottom:9px;}

#errorPaneSR { background:#FDF1CC url(../images/errorExclamationSR.gif) 5px 7px no-repeat; color:#000; margin:5px 7px 10px; padding:3px 10px 5px 30px;  overflow:hidden }
.advanceForm .modBody #errorPaneSR h2, #errorPaneSR h2 { border:none; font-size:1.812em; font-weight:normal; padding:0.4em 0 0.28em 10px }
#errorPaneSR p { padding:6px 10px 5px }
#errorPaneSR p, #errorPaneSR li { font-size:1.269em }
#errorPaneSR ul.bulletList { font-weight:bold; margin-left:10px }
/* style existng JS validation for this case */
#errorPaneSR ul#paneErrorList { font-weight:bold; margin:0 0 5px; padding:0 0 0 24px; overflow:hidden }
#errorPaneSR ul#paneErrorList li { float:none }
#errorPaneSR ul#paneErrorList ul { margin:5px 0 5px 15px }
#errorPaneSR ul#paneErrorList a { color:#000 }

/* this won't work in IE6, but it's worth it */
.progressMeter + #errorPaneSR { margin-top:0 }

/* Start shadow light box */
#shadowLightbox { background:none; border:none; padding:0 0 10px; display: block; width: 590px !important; position: absolute; z-index: 999992;}
#shadowLightbox:focus { outline:none }
#shadowLightbox .mod3Col {margin-left: 5px;}
a.linkClose2 { background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/buttons/delete.gif) top right no-repeat; display:block; text-align:right; margin:10px 0 0; padding-right:20px }
a.linkClose2:hover, a.linkClose2:focus { background-position:100% -100px; text-align:right; display:block; margin:10px 0 0; padding-right:20px }

.shadowLightBoxContent { background:url(../images/shadowLightbox/shadowMain.png) top center no-repeat; overflow:hidden; padding:11px 20px 0 }
.shadowLightboxContentBG { background:#fff }
.shadowLightboxContentBG .slMainHeading { font-size:2.356em; font-weight:normal }
.shadowLightboxContentBG .slSecondHeading { font-size:1.813em; font-weight:normal; padding-bottom:10px }
.shadowLightboxContentBG .slPara { font-size:1.179em; padding:0.09em 0 10px }
.shadowLightBoxFooter { background:url(../images/shadowLightbox/shadowFooter.png) top center no-repeat; height:14px }
.shadowLightBoxFooter hr { display:none }

.shadowLightboxContentBG #errorPaneSR { margin:0 0 10px; }
/* End shadow light box */

.srIntroPara { margin:0 20px 15px}
.srHeading { font-weight:normal }
.srComRegBox1, .srComRegBox2 { display:inline; float:left; width:244px; margin:5px 10px 10px; }
.srComRegBox2 { margin:5px 0 10px 25px; }
.srComRegBox1 .fieldSize, .srComRegBox2 .fieldSize { width:210px; }
.tickList {background: url(../images/tick-01.gif) no-repeat;line-height:auto;margin:5px 0;min-height:30px;padding-left:30px;}
.tickList1{height:30px;}
/***** END VF streamlined registration *****/

/* Scrum - Sprint5 2010 - To Remove server side error message */

#errorPaneSRServer { background:#FDF1CC url(../images/errorExclamationSR.gif) 5px 7px no-repeat; color:#000; margin:5px 7px 10px; padding:3px 10px 5px 30px;  overflow:hidden }
.advanceForm .modBody #errorPaneSRServer h2, #errorPaneSRServer h2 { border:none; font-size:1.812em; font-weight:normal; padding:0.4em 0 0.28em 10px }
#errorPaneSRServer p { padding:6px 10px 5px }
#errorPaneSRServer p, #errorPaneSRServer li { font-size:1.269em }
#errorPaneSRServer ul.bulletList { font-weight:bold; margin-left:10px }
/* style existng JS validation for this case */
#errorPaneSRServer ul#paneErrorList { font-weight:bold; margin:0 0 5px; padding:0 0 0 24px; overflow:hidden }
#errorPaneSRServer ul#paneErrorList li { float:none }
#errorPaneSRServer ul#paneErrorList ul { margin:5px 0 5px 15px }
#errorPaneSRServer ul#paneErrorList a { color:#000 }


/* this won't work in IE6, but it's worth it */
.progressMeter #errorPaneSRServer { margin-top:0 }

/***** END Scrum - Sprint5 2010 - To Remove server side error message *****/

/*added by Ravi Kumar G - Scrum 4 for landing page messages*/
.mod5Col.reminder {background:#f5eff6 url('assets/images/exclamation_sr_purple.gif') no-repeat 10px 10px;font-size:1.2em; margin-bottom:12px;}
* html .mod5Col.reminder{margin-bottom:0px;}
.mod5Col.reminder .highlight{color:#8f4495;}
.mod5Col.reminder .modBody {padding:10px 10px 10px 30px;}
.mod5Col.reminder a:link, .mod5Col.reminder a, .mod5Col.reminder a:visited {color:#8f4495;text-decoration:underline;}
.mod5Col.reminder ul {list-style:disc outside none;margin-left:2em;}
.mod5Col.reminder ul li {padding:5px 0}
.errorPane{}

/*----- help hover (vdf_Tools_HelpHover.class.js) -----*/
.JSEnabled .helpHover { position:absolute; width:219px; z-index:10000; color:#676767; background:none; border:none; padding:0; margin:0; }
.JSEnabled .helpHover *, .JSEnabled .helpHover { overflow:hidden }/* fix IE mouseleave */
.JSEnabled .helpHoverCloseButton { float:right }

/* ----- added by Hema to fix underline issue for 1379197 for scrum 5 ---  */

.anchorClass a.bodyLink {
line-height: 1.5em;
text-decoration: underline;
background: url('../images/buttons/button_grey.gif');
background-repeat: no-repeat;
background-position: 100% 4px;
padding: 0px 23px 0px 0px;
margin: 0px;
display: block;               
float: left;
}
.anchorClass a.bodyLink:hover {
line-height: 1.5em;
text-decoration: underline;
background: url('../images/buttons/button_red.gif');
background-repeat: no-repeat;
background-position: 100% 4px;
padding: 0px 23px 0px 0px;
margin: 0px;
display: block;
float: left;
} 


/* Asha | Scrum4 | Prepay Blackberry Start*/

#top .extrasGrid {
	overflow: hidden;
	position: relative;
}

#top .estrasGrid .tripleColumn {
	padding-bottom: 40px;
}

#top  .extrasMod h3 {
	border: none;
	color: #424242;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 9px;
	padding-top: 0;
}

#top  .extrasMod h3 a, 
#top  .extrasMod h3 span.disabled {
	margin-bottom: -9px;
	padding-bottom: 9px;
	padding-top: 2px;
	text-decoration: none;
}
#top  .extrasMod h3 a, #top  .extrasMod h3 a:link, #top  .extrasMod h3 a:visited {color:#00868a;font-size:1em;}
#top  .extrasMod h3 .disabled {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/buttons/arrow-grey.gif) no-repeat 100% 4px;
	height: 14px;
	padding: 4px 20px 5px 0;
	opacity: .5;
	filter: alpha(opacity=50);
}

#top  .extrasMod h3 a:hover {
	text-decoration: underline;
}

#top  .extrasMod p {
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

#top .extrasGrid .extrasCancelWrapper {
	bottom: -2px;
	position: relative;
	right: -20px;
}
#top .extrasGrid .button_area{
	margin:0 0 0 0;
}
#top .errorMod {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/helphover/help_hover_gradient_only.gif) repeat-x 0 0;
	overflow: hidden;
	width:565px;margin-left:4px;
	border:1px solid #f6ae3f;
	margin-bottom:6px;
}

#top .errorMod .errorText {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/buttons/icn_error.gif) no-repeat 5px 10px;
	font-weight: bold;
	padding-left: 35px;
	padding-top:13px;
}

#top .extrasMod .noticeText {
	background: no-repeat 2px 2px;
	padding-left: 32px;
}

#top .extrasMod .noticeText h3 {
	margin: 0;
}

#top .extrasMod .noticeText p {
	padding-top: 3px;
}

#top .extrasMod .confirmText {
	background-image: url(../images/icon_circleTick_large_grassGreen.png);
}

#top .extrasMod .suggestText {
	background-image: url(../images/icon_circleBang_large_palePurple.png);
}
#top .extrasMod .plainTable {margin-left:120px;}
#top .extrasMod .plainTable th {font-weight: bold;text-align:right;}
#top .extrasMod .plainTable th,
#top .extrasMod .plainTable td {
	color: #424242;
	font-size: 13px;
	
	padding: 5px;
}

#top .phoneExpansion3Col {
	background: url(../images/phone_bb-bold_123x240.jpg) no-repeat 10px 30px;
	overflow: hidden;
	padding: 30px 0 0 157px;
}

#top .extrasGrid .extrasMod .smallPrint {
	color: #873e8b;
	font-size: 11px;
	margin: 15px 0;
}

#top .extrasGrid .smallPrint .smallPrint {
	margin-top: 0;
}

#top .extrasGrid fieldset {
	width: auto;
}

#top .largeTicks .largeTickWrapper {
	height: 22px;
	margin: 3px 3px 0 0;
	position: relative;
	width: 22px;
}

#top .largeTicks .largeTickReplace {
	background: url(../images/largeTick.png);
	display: block;
	height: 22px;
	left: 0;
	outline: none !important;
	position: absolute;
	text-indent: -10000px;
	top: 0;
	width: 22px;
	z-index: 1;
}

#top .largeTicks .largeTickReplace:hover {
	background-position: -22px 0;
}

#top .largeTicks .largeTickChecked {
	background-position: 0 -22px;
}

#top .largeTicks .largeTickChecked:hover {
	background-position: -22px -22px;
}

#top .largeTicks label {
	line-height: 22px;
}

#top .largeTicks .button {
	margin: 5px 0 0;
}

#top .requires {
	position: relative;
}

#top .block {
	display: none;
}

#top .disabled {
	cursor: auto;
}

#top .disabled .block {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#top .disabled:hover input {
	background-position: 0 -100px;
}

#top .accordLi {
	height: 23px;
	overflow: hidden;
}

#top .accordLi h2 {
	background-image: url(../images/icon_grassGreen_accordHeader.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	cursor: pointer;
	width: auto;
}

#top .current h2 {
	background-position: 100% -23px;
}
/* numeric counter */

.numericCounter {
	background: url(../images/sprite_metricsVisuals.png);
	color: #999;
	float: left;
	font-size: 36px;
	font-weight: bold;
	height: 45px;
	margin: 3px 0 0 0px;
	padding: 0 0 0 2px;

}

.numericCounter div {
	background: url(../images/sprite_metricsVisuals.png) 100% 0;
	float: left;
	overflow: hidden;
	-overflow: visible;
}

.numericCounter span {
	border-left: 1px solid #d2d2d2;
	color: #333;
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	-position: relative;
	text-align: center;
	width: 30px;
}

.numericCounter .first {
	border: none;
}

.numericCounter .grey {
	color: #999;
}
.numericCounter .red {
	color: #ff0000;
}

.numericCounter .point {
	width: 14px;
}

.counterContainer {background-color:#f9f4fa;
width:470px;margin-left:78px;	display:block;padding-left:10px;}
#top  .extrasMod .counterContainer h3 {padding:10px 0 0 0;margin:0 0 0 0px;line-height:1.2em;font-size:1.4em}
.extrasGrid ul.btns {margin-right:4px}
.warning {margin-left:0px;margin-top:7px;padding:3px 0 8px 25px;}

.counterContainer .srBtnContainer {text-align:left;margin-top:10px}

#top .modCopy.textContent {padding: 0pt 5px 5px}
.leftMargin68 {margin-left:68px}

.extrasMod a.petrol{
color:#008698;
}
/* Asha | Scrum4 | Prepay Blackberry End*/

/* Start | Added by Lavanya/Hema for Improve Online Billing */
.nonBold {font-weight:normal;}
.advanceForm .modBody p.info.paddingTop, p.info.paddingTop {padding-top:17px}
.itemisedBillingCheckBox{float:left; margin-top:20px; width:155px;}
.itemisedBillingCheckBox .formList {margin-top:5px;}
.itemisedBillingPrice {float:left;width:130px;margin-top:41px;}
.itemisedBillingAddress {float:left;width:auto;margin-top:20px;}

/* utility styles */

.clipped {
	overflow: hidden;
	-overflow: visible;
}

.padded {
	padding: 6px 10px 10px;
}

.hugBottom {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}

.smallPrint {
	color: #666;
}

.ddSpan {
	background: url(../images/icon_dd-mono_21x15.png) 100% 0% no-repeat;
	padding: 0 25px 15px 0;	
}

/* billing overview styles */

.payBill {
	display: block;
	margin: 23px 0 0;
}

.billingActions {
	background: url(../images/sprite_billingActions.png) no-repeat;
}

.billingActions li {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/dottedLine.gif) repeat-x 0 100%;
	padding: 0 0 1px;
}

html body .billingActions a {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/dottedLine.gif) repeat-x;
	color: #7c438a!important;
	display: block;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: -1px 0 0;
	padding: 0 0 0 40px;
	text-decoration: none!important;
	font-size:11px;
}

.billingActions a:hover {
	color: #008698!important;
	text-decoration:underline!important;
}

/* visual metrics bars */

.pricePlanMetrics {
	margin-top: -10px;
	-padding-top: 10px;
}

.pricePlanMetrics li {
	background: #f8f1f8;
	margin-top: 10px;
	padding: 8px;
	-zoom: 1;
}

.pricePlanMetrics dl {
	font-weight: bold;
	line-height: 18px;
	overflow: hidden;
}

.pricePlanMetrics dt {
	font-size: 14px;
	float: left;
}

.pricePlanMetrics dt span {
	font-weight: normal;
}

.pricePlanMetrics dd {
	color: #333;
	font-size: 12px;
	float: right;
}

.pricePlanMetrics dd strong {
	color: #f00;
}

.pricePlanMetrics li p {
	clear: both;
	font-size: 1em !important;
	padding: 0 !important;
}

.pricePlanMetrics .visual {
	background: url(../images/sprite_metricsVisuals.png) 100% -45px;
	clear: both;
	height: 14px;
	font-size: 0;
	line-height: 0;
	margin: 8px 0 0;
	padding: 0 7px;
}

.pricePlanMetrics .bar {
	background: url(../images/sprite_metricsVisuals.png) 0 -59px;
	height: 14px;
	margin: 0 0 0 -7px;
	padding: 0 0 0 7px;
	-width: width:expression(this.innerWidth > 4 ? 'auto' : '4px !important');
}

.pricePlanMetrics .bar .end {
	background: url(../images/sprite_metricsVisuals.png) 100% -59px;
	float: right;
	height: 14px;
	margin-right: -4px;
	position: relative;
	width: 4px;
}

.pricePlanMetrics a {
	color: #7e478a;
}

.pricePlanMetrics a:hover {
	text-decoration: none;
}

/* End | Added by Lavanya/Hema for Improve Online Billing */

/* Start : Added by Asha to fix defect 19158*/
ul.btns li a {font-size:11px;_line-height:0px;}
ul.btns li input{font-size:11px;}

/* End : Added by Asha to fix defect 19158*/
.marginl0 { margin-left:0px !important}
.floatL { float:left;}
DL.settingslist dd .editDetailsButtonHover, DL.settingslist dd input.editDetailsButton:hover{color:#008698 !important;}
DL.settingslist dd .editDetailsButton{font-size:12px;color:#333333;text-align:left;padding:0;border:0;background:none;text-decoration:underline;cursor:pointer;margin-left:-5px;_margin-left:0px;}
/* Start : Added by Sukanya to make readonly text as grey for email */
.readOnlyLinkColor{color:#808080 !important; tabindex:-1;}
/* End : Added by Sukanya to make readonly text as grey for email */
/* Start : Added by Ramkumar */

.editPersonalDetailsButton{float:right;font-size:12px;color:#732978;padding:0;border:0;background:none;text-decoration:underline;cursor:pointer;margin-left:-5px;_margin-left:0px;}
.editPersonalDetailsButtonHover, input.editPersonalDetailsButton:hover{color:#C592C8 !important;}

/* End : Added by Ramkmar */


/* dotted line added as per Streamline Reg 2 starts here | Saurabh */
#completeReg .modBody fieldset.streamlineRegSecurityCode { background:none; margin-bottom:0px; width:auto } 

.advanceForm .modBody .streamlineRegSecurityCode { background:url(../images/sr_dottedLine.gif) top center repeat-x;width:auto; }
fieldset.streamlineRegSecurityCode legend { display:block; float:left; line-height:2.266em; margin:0; padding:0; white-space:normal;}
fieldset.streamlineRegSecurityCode legend .legendContent { color:#732978; display:block; font-size:1.812em; margin:2px 0 4px; padding:0 0 0 10px; }
fieldset.streamlineRegSecurityCode ul.formList {margin-top:0; }

.streamlineRegSecurityCode label, .advanceForm .streamlineRegSecurityCode .formCopy { color:#4D4D4D; font-size:1.269em; width:180px }

fieldset.streamlineRegSecurityCode legend .legendContent {
color:#732978;
display:block;
font-size:1.812em;
margin:2px 0 4px;
padding:0 0 0 10px;
}
/* dotted line added as per Streamline Reg 2 ends here | Saurabh */
.advanceForm .modBody fieldset.streamlineReg.NoBG{background:none!important;margin-bottom:0px;}
* html .advanceForm .modBody fieldset.streamlineReg.NoBG{margin-bottom:10px;}

/* Added by Hema for TOPUP and GET REWARDS */
.leftMargin72 {margin-left:70px}

table.extrasTable {border:collapse;width:471px;margin-left:72px;}
.extrasTable th {color:#fff;background:#76bac3;padding:3px 8px;border-right:1px solid #fff}
.extrasTable th.last {border-right:none;}
.extrasTable .lastRow td {border-bottom:1px solid #e9e2ea}
.extrasTable td {padding:3px 8px;border-bottom:1px dotted #e9e2ea}
.extrasTable .first {border-left:1px solid #e9e2ea}
.extrasTable .last {border-right:1px solid #e9e2ea}
ol.counting {list-style:outside decimal none;margin-left:100px;font-size:12px}
ol.counting li {padding-bottom:5px}
* html table.extrasTable.newMargin {margin:-38px 0px 0px 78px;}
* html table.extrasTable.newMargin th, * html table.extrasTable.newMargin td{padding:5px 10px;}
* html .advanceForm FORM UL.btns LI.red.marginNew{margin:0px 0px 0px 12px;}
.modBody ul.bullets { list-style:disc outside; margin-left:25px; font-size:1.1em;color:#000000;line-height:1.4em; }
.advanceForm .button_area.zeroMargin {margin:0px;}
.advanceForm  UL.btns.newMargin {margin-right:4px;}
ul.leftMargin72 { list-style:disc outside; margin-left:97px; line-height:1.4em;color:#000000; padding-right:10px;}
.errorMod {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/helphover/help_hover_gradient_only.gif) repeat-x 0 0;
	overflow: hidden;
	width:565px;margin-left:4px;
	border:1px solid #f6ae3f;
	margin-bottom:6px;
	color:#000000;
}

.errorMod p.errorText {
	background: url(https://online.vodafone.co.uk/en_GB/assets/sso/images/buttons/icn_error.gif) no-repeat 5px 10px;
	font-weight: bold!important;
	padding-left: 35px;
	padding-top:13px;
	min-height:45px;
	color:#000000;
}

* html ul.leftMargin72 {margin-left:103px !important; }
* html p.leftMargin72 {padding-left:17px !important;}
* html p.optOutthanks{margin-left:5px !important;padding-left:5px !important;}

/*IOB | Price plan metrics UI Changes | Akhila | Start*/
.PPmetrics { padding-top:5px;}
.PPmetrics dt {
	font-size: 12px;
	float: left;
}
/*IOB | Price plan metrics UI Changes | Akhila |  End*/
/* Sprint 03/2011 | My account | Akhila | Start*/
html .hubButton { 
	background:url(../images/img_hubButton.png) no-repeat 0 0;
	font-weight:bold;
	text-decoration:none !important;
	display:inline-block;
}
.panelSpacing .hubButton {margin:0;}
* html .hubButton { display:block !important; float:left !important; }
.hubButton span { 
	display:block; 
	padding:6px 10px 0;
	height:19px;
	background:url(../images/img_hubButton.png) no-repeat right -30px;
	text-decoration:none;
	cursor:pointer;
}
html .hubButton:hover, html .hubButton:focus {
	background:url(../images/img_hubButton.png) no-repeat 0 -60px;
	text-decoration:none;
	color:#000;
}
html .hubButton:hover span, html .hubButton:focus span {
	background:url(../images/img_hubButton.png) no-repeat right -90px;
}
html .gridHub { float:none; background:#f6f6f6 !important; overflow:hidden; padding-bottom:20px; }

.alertMod {
	background: #ffffeb url(../images/img_27x27_infoIcon.png) no-repeat 16px 8px;
  border: 1px solid #F6AE3F;
  padding:8px 25px 8px 65px;
	position:relative;
	margin-bottom:6px;
}
.alertMod p { padding:6px 35px 6px 0; float:left; }
*html .msg {clear:left!important;margin-top:-25px!important;width:700px;}
.alertMod .buttons {display:inline-block;}
.alertMod p.rightMargin{padding-right:10px!important;}
.alertMod .buttons .hubButton { margin-right:10px; }
.alertMod .hide { position:absolute; font-weight:bold; text-decoration:underline!important;bottom:8px; right:8px; color:#525252; }
.alertMod .hide:hover, .alertMod .hide:focus { color:red; }
.alertMod .show { bottom:8px; font-weight:bold; text-decoration:underline!important; right:8px; color:#525252; }
.alertMod .show:hover{ color:red; }

.shadowLightboxContentBG .errorMod p.errorText {min-height:10px;}
.contentPanelHeight4 { height:26.8em; }
* html body .contentPanelHeight4 { height:27.2em; }

.contentPanelHeight5 { min-height:54.3em; }
* html .contentPanelHeight5 { height:54.8em; }

.contentPanelSpace { min-height:19em; }
* html body .contentPanelSpace { height:19em; }
.hubpanel { 
	background: #FFFFFF;
	border-bottom: 2px solid #DBDBDB;
	border-right: 2px solid #DBDBDB;
	position:relative;
	margin-bottom:6px;
	}
.hubpanel .panelSpacing { border-top:1px solid #ededed; padding:8px 10px; }
* html .hubpanel .panelSpacing {padding:8px 9px;}
.welcomePanel { background:#ebebeb; position:relative; padding: 6px 12px;  }
.welcomePanel h1 {color:#525252; font-weight:normal; margin-bottom:3px; margin-right:20px; display:inline-block; vertical-align:top; }
* html .welcomePanel h1 {float:left;}
.welcomePanel .applications { position:absolute; top:8px; right:8px; color:red; }
.welcomePanel .applications a { color:red; }
.welcomePanel select { border:1px solid #dadada; padding:2px; width:150px; vertical-align:bottom; margin-top:3px;}
.welcomePanel fieldset {display:inline-block; padding-top:7px;}
* html .welcomePanel fieldset { margin:10px 0 0 0; padding:0; display:block; float:left;}
.hubpanel .panelheader { background-color: #EBEBEB; border: 1px solid #FFFFFF;color: #333333; font-size: 1.8em;font-weight: normal;margin: 0; padding: 6px 10px; text-transform: none; }
.hubpanel .supportPanel {background:url(../images/supportIco.png) no-repeat 10px 10px #EBEBEB; padding-left:35px;}
.hubpanelAlt { background:#ebebeb; }
.hubpanel1 { width:185px; float:left; margin-right:6px; }
.hubpanel2 { width:379px; float:left; margin-right:6px; }
.omega { margin-right:0 !important; width:183px; }
.newprice { line-height:1.3; }
.newpricePayg, .priceForPlan  {background-color:#f4f4f4; padding:0 5px 10px 8px !important; margin: 3px 0 1px;}
.priceForPlan {margin:10px; border-top:none !important;}
.big-number { font-size:3.4em; font-weight:bold; color:#525252;}
.costTitle {display:block;}
.marginLeft10 { margin-left:10px; }
.big-number sup { font-size:0.7em; position:relative; top:-8px; }
* html .big-number sup {top:-11px; }
.hubpanel .iconList, .hubpanel .linkList { position:absolute; bottom:0; left:0; width:100%; }
.hubpanel .iconList{margin:0px;padding:0px;}
.hubpanel .iconList li{border-top:1px solid #ebebeb; color:#525252; font-size:1.1em;}
.hubpanel .iconList li a{padding:8px 0px 10px 44px;display:inline-block;text-decoration:none;color:#525252; }
* html .hubpanel .iconList li {display:inline-block;clear:both;}


.hubpanel .linkList a { display:block; border-top:1px solid #ebebeb; color:#525252; padding:8px 24px; text-decoration:none; background:url(../images/img_7x10_linkList.jpg) no-repeat 12px 9px; }
* html body .hubpanel .iconList li, * html .hubpanel .linkList li { padding:0 !important; margin:0 !important; zoom:1 !important; }
* html body .hubpanel .linkList a { text-decoration:none !important; }
.hubpanel .iconList a:hover, .hubpanel .iconList a:focus, .hubpanel .linkList a:hover, .hubpanel .linkList a:focus {color:#000; }
.hubpanel .iconList .upgrade a { background:url(../images/img_16x21_upgrade.png) no-repeat 14px 4px; }
.hubpanel .iconList .offers a { background:url(../images/img_16x21_offers.png) no-repeat 14px 4px; }
.hubpanel .iconList .data a { background:url(../images/img_16x21_data.png) no-repeat 14px 4px; }
.hubpanel .iconList .family a { background:url(../images/img_16x21_family.png) no-repeat 14px 4px; }
.hubpanel .iconList .balance a { background:url(../images/img_15x17_balance.png) no-repeat 14px 6px; }
.hubpanel .iconList .paybill a { background:url(../images/img_15x17_paybill.png) no-repeat 14px 7px; }
.hubpanel .iconList .viewbill a { background:url(../images/img_15x17_viewbill.png) no-repeat 14px 8px; }
.hubpanel .iconList .printbill a { background:url(../images/img_15x18_printbill.png) no-repeat 14px 5px; }
.hubpanel .iconList .settings a { background:url(../images/img_17x17_settings.png) no-repeat 14px 7px; }
.hubpanel .iconList .devices a { background:url(../images/img_17x17_devices.png) no-repeat 14px 7px; }
.hubpanel .iconList .details a { background:url(../images/img_13x15_details.png) no-repeat 14px 8px; }
.hubpanel .iconList .directdebits a { background:url(../images/img_13x15_directdebits.png) no-repeat 14px 8px; }

* html body .alertMobile p, * html body .alertMobile .buttons, * html body a.hubButton span { float:left !important; zoom:1;}
* html body .iconList li a, * html body .linkList li a { text-decoration:none !important;}
* html body .linkList li a { padding-top:6px !important; padding-bottom:6px !important; }
* html body .hubpanel .linkList a { text-decoration:none !important;  }
* html body .iconList li a, * html body .linkList li a { padding-top:6px !important; padding-bottom:6px !important; text-decoration:none !important; }


.lb_rhlist  {list-style:disc outside none;margin:0 30px 10px 15px;}
.lb_rhlist  li {font-size:1.2em;padding:3px 0}
.textColumn {float:left;width:330px;font-size:0.93em}
.imageColumn {float:left;width:190px;}
.modalLayerContainer .imageColumn img {margin-right:0}
.shadowLightboxContentBG .modalLayerContainer {height: 485px !important;}
.gridHub .panelheader a {text-decoration:none !important;}
.grid .panelheader a, .grid .panelheader a:visited, .grid .panelheader a:hover{
	text-decoration: none !important;
}
.iconList p {display:none!important;}
#actions {clear:both}
/*#actions ul.list li{background:url(../images/bullet.gif) no-repeat 0px 3px; padding-left:15px;}*/

#actions ul.list li a {text-decoration:underline!important;}
#actions ul.list li.noBullet a {text-decoration:underline!important;}
#actions ul.list li.noBullet {background:none!important;padding-left:0px!important;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}
* html .clearLeft.noneFloat{float:none!important;}
/* Sprint 03/2011 | My account | Akhila | End*/

/* Added by Hema for Streamline Registration Phase 2*/
.signNote{
margin:10px 0px 0px 43px;
color:#808080;
font-size:1.269em;
text-align:left;
padding:0px!important;
}
.signNoteNew {
color:#732978;
font-weight:bold;
}


.modHeaderNew  {
color:#FFFFFF;
height:2.181em;
margin:0 3px;
overflow:hidden;
}
.modHeaderNew h2{
float:left;
font-size:1em;
font-weight:bold;
padding:5px 0 0 7px;
}

* html .mod2Col.corp{margin-right:-1px;}

/* Added by Hema to fix Ajax issue in IE6*/
#PlanArea{float:left;margin:0px!important;padding:0px!important;}
* html #PlanArea .hubpanel2 {margin-right:3px!important; }

.srBtnRed.strip{text-align:center;padding:6px 0px;}
* html .srBtnRed.strip{text-align:center;padding:6px 0px;}
.srBtnRed.strip a, .srBtnRed.strip a:link, .srBtnRed.strip a:hover{color:#FFFFFF !important;font-weight:bold;text-decoration:none !important;}
.srBtnRed a { background:url(../images/sr_btnRedLeft.gif) left top no-repeat; border:none; color:#FFF; font:1em Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.35em; margin:0; overflow:visible; padding:7px 8px; }
.srBtnRed a:hover,.ieBtnFocus a:hover{ cursor:pointer; background-position:left -60px; }


/* My Account - PAYG HUB page styles*/
.hubpanel label {
	display:none;
}

.tab_container {
	padding:0 !important;
	margin:0;
}


.tabPack {
	width:353px;
	z-index:100;
	position:relative;
    padding: 10px 0 0 7px;
	}
* html .tabPack {
	margin-bottom:-1px;
}

.tabPack li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 0 -1px 0;
	background-color:#fff;
	}

	
.tabPack li a {
   	background: none repeat scroll 0 0 #E7E7E7;
    border: 1px solid #DBDBDB;
    font-weight: bold;
    padding: 3px 10px 5px;
    text-decoration: none !important;
	color:#525252;
	display:inline-block;
}

* html .tabPack li {
	margin: 0 3px 0 0;
	display:inline;
	background-color:#fff;
	}
* html .tabList li a { display:block; line-height:1em; }

.tabPack li a:hover {
	color:#525252 !important;
}

.tabPack li.active a, .tabPack li.active a:hover {
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: medium none !important;
    padding: 3px 10px 6px;
    text-decoration: none;
	color:#525252 !important;
}
.tbCont {
	margin:0;
}
* html .tbCont {
	margin:0;
}

.tbContTop {
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	min-height:243px;
	/*min-height:253px;*/
	padding:10px 0 0 0;
	/*overflow-y:auto;*/
	width:358px;
	margin:0;
	position:relative;
	z-index:2;
}

* html .tbContTop {
	height:243px;
}

.ContTopNoPad {padding:0; min-height:253px;}
* html .ContTopNoPad {width:358px; height:253px;}
.tbContTop table {
	width:358px;
	border-collapse:collapse;
}
.tbContTop th {
	display:none;
}

.tbContTop td {
	padding:10px 20px 10px 10px;
}
.tbContTop tr.evenT td {background-color:#ebebeb;}
.tbContTop td.firstTd{font-weight:bold;}

.panelSpacing h3, .panelSpacing h4 {font-weight:bold; font-size:1.2em; margin:0 0 0 6px;}

.tabSpacing {
	border-top: 1px solid #EDEDED;
	padding:0;
	margin:0;
	}
.tabButtons {
	border:none;
    padding: 5px 15px 5px 0;
}
.tabButtons.btnNewPos{
	left:10px;
	bottom:0;
	position:absolute;
}
* html .tabButtons {padding: 10px 15px 5px 0;}
.meterButtons {
	bottom: 0;
    left: 0;
    position: absolute;
	border-top: 1px solid #ccc;
	width:343px;
}
	
.tabButtons .ctaListLinks {
	padding:0;
	text-align:left;
	margin:6px 0;
}
ul.ctaListLinks li a:focus, ul.ctaListLinks li a:active, ul.ctaListLinks li a:visited {
	color:#333 !important;
}
/* special Button */
a.button, a.darkButton, a.specialButton, div.button, div.darkButton, div.specialButton {
    background: url("../images/img_bg_sprite_button.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #525252;
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 27px;
    text-decoration: none;
}


a.specialButton span,div.specialButton input{white-space:nowrap;border:none;background:url(../images/img_bg_sprite_button.png) right top no-repeat; display:block;height:20px;padding: 7px 10px 0 0;margin:0 0 0 10px;cursor:pointer;color:#525252;}
a.specialButton:hover, a.specialButton:active, a.specialButton:visited {text-decoration:none;}
a.specialButtonTop {float:right; margin:10px;}
* html a.specialButtonTop {float:right; margin: 10px 5px;}
a.specialButton,div.specialButton  {background-position:left -108px;color:white;background-color:green;}
a.specialButton span,div.specialButton input{background-position:right -108px;color:white;background-color:green;}
a.specialButton:hover,div.specialButton:hover,a.specialButton:focus,a.specialButton:active,div.specialButton:active {background-position:left -135px;}
a.specialButton:hover span,div.specialButton:hover input,div.specialButton input:hover,a.specialButton:focus span,div.specialButton input:focus,a.specialButton:active span,div.specialButton input:active  {background-position:right -135px;}
div.button input,div.darkButton input,div.specialButton input{height:27px;padding-top:0;}
a.specialButtonBig {
	background: url("../images/img_bg_sprite_button_big.png") no-repeat scroll left top transparent !important;
	height: 40px !important;
	font-size:1.6em;
	padding: 0 0 0 3px;
}
a.specialButtonBig span {height:27px !important; background:url(../images/img_bg_sprite_button_big.png) right top; padding:13px 13px 0 0;}

a.specialButtonBig:hover, a.specialButtonBig:active, a.specialButtonBig:focus  {background-position:left -40px !important;}
a.specialButtonBig:hover span, a.specialButtonBig:active span, a.specialButtonBig:focus span {background-position:right -40px !important;}


.extrasList {display:block; margin: 10px 0 0 6px;}
.extrasList li {
	display:inline-block;
	background:url(../images/greenTick.gif) left top no-repeat;
	padding:0 20px 9px 20px;
	width:38%;
	vertical-align:top;
}

* html .extrasList{display:inline-block;}
* html .extrasList li {display:inline;}
.panelNoLid {border-top:none !important; padding:8px 10px 0 10px !important;}
* html .panelNoLid {padding:0 10px 0 10px !important;}
.panelNoLid .tabButtons ul {margin-left:6px;}
ul.ctaListLinks li.btnNoMarg {margin-left:0 !important;}
.hubpanelGrey {background-color:#ebebeb !important;}

.tbContTop .meterInfo  {
	width:358px;
}
 * html .tbContTop .meterInfo  {
	padding:0;
	}

.tbContTop .meterInfo li {
	display:block;
	width:290px;
	font-weight:normal;
	padding:6px 0 6px 6px;
}

.tbContTop .meterInfo li.singleInfo {
	width:352px;
	padding: 6px 0 0 6px;
}
* html .tbContTop .meterInfo li.singleInfo {padding-bottom:4px;}
.tbContTop .meterInfo li.alignright {width:52px; text-align:right; padding:6px 10px 6px 0; font-weight:bold;}

p.newprice {display:block; padding:0;}

.losePadding {padding:0 !important;}

span.expiryTxt {padding:0 0 0 10px;}

.usage {
    border: 1px solid #DBD9DA;
	background-color:#efedee;
    clear: both;
	margin:6px 9px 8px 6px;
	padding:0 !important;
	width:340px;
}

.usageDays {
    background: url("../images/bgUsageDaysOff.png") repeat-x scroll 0 0 transparent;
    border: medium none;
	width:330px;
	}

.usageDaysLeft {
    background: url("../images/bgUsageDaysOn.png") repeat-x scroll 0 0 transparent;
    height: 10px;
}

ul.meterInfo li {padding:0; border-top:1px solid #dbd9da;}
* html ul.meterInfo li {line-height:0.8em !important; padding-top:3px;}
.usageMins, .usageSms {background-color:#f24747;}
* html .usageMins, * html .usageSms, * html .usage {line-height:10px;}
* html .usage {margin-top:2px;}
#accSelect, #accTitle {display:inline-block;}
* html #accSelect, * html #accTitle {display:inline; vertical-align:middle;}
* html #accSelect {padding-left:5px;}
.CTAGreen {margin: 12px 12px 0 0 !important;}
.CTAGreen a {
background: url("../images/PAYG_widget_topup_btn_green_normal.png") no-repeat scroll 0 0 transparent !important;
}

.CTAGreen a:hover {
background: url("../images/PAYG_widget_topup_btn_green_on.png") no-repeat scroll 0 0 transparent !important;
}

#iouBalance {background: url("../images/exclaim.png") no-repeat scroll 0 0 transparent !important; height:17px; padding-left:25px; display:block; line-height:1.8em; margin-top:-6px;}
#planRef {
    font-size: 1.2em;
    line-height: 2em;
	display:block;
	}
.packTitle {
	padding:3px 0 4px 6px;
	line-height:1.6em;
	}
* html .packTitle {

	line-height:1.6em;
	}
li.daysRem {border-top:none !important; padding-top:3px !important; padding-bottom:5px !important;}
.tenAllRound {padding:10px;}

.redPrice {color:#fc2500 !important;}
.hubpanel .panelSpacing.floatLeft{float:left;padding-bottom:8px;}
* html .hubpanel .panelSpacing.floatLeft{padding-bottom:8px;}
/* Pre Pay BlackBerry styles */
#content .srAttentionPrePay {
	background: url("https://online.vodafone.co.uk/en_GB/assets/sso/images/exclamation_sr_purple.gif") no-repeat scroll 5px 10px #F8F1F8;
	margin: 10px 80px 10px 80px;
	overflow: hidden;
	padding: 15px 10px 15px 45px;
	clear:both;
	display:inline-block;
}
#content .srAttentionPrePay p {
	float:left;
	font-size:1.05em;
	text-align:left;
}
#content .srAttentionPrePay a, #content .srAttentionPrePay a:link, #content .srAttentionPrePay a:visited {
	color:#008698;
	text-decoration:underline;
}
* html #content .srAttentionPrePay p { 
	font-size:16px!important;
}

a.linkUl{ text-decoration:underline !important;}
/*UCMS extra content Fix */
.contentFix { clear:both!important; line-height:0px!important; height:0px!important; padding:0px!important;margin:0px!important}
/*TUG Styles | 05/2011 Sprint | Akhila*/
.panelNoLid .tabButtons {position:absolute; bottom:5px; left:10px;}
.extrasMod a.petrol  {display:block;}
.extrasMod p {font-size: 1em !important; color:#525252 !important; }
.extrasModList p {padding:0 !important;}
.extrasMod ul li {color:#525252 !important; line-height:none !important;}
p.initMessage {padding:5px !important;}


/* CSS | My Account User Gauage - 6th June 2011 */
.tbContTopNoBorder {border:none !important;}

.usageDisp {padding:0 0 0 5px !important; min-height:206px !important; width: 372px !important;}
* html .usageDisp {height:209px !important;}
.usageDisp p.specialWarn {color:#525252; text-align:right; padding-right:10px; padding-bottom:0 !important;}
.specialCharges {display:block; background-color:#ebebeb;}
.specialCharges a {text-decoration:none!important;}
.specialCharges a:hover{text-decoration:underline!important;}
.specialCharges p {padding:9px 12px; line-height:1.6em;}
.specialCharges p strong {font-size:1.1em;}
.usageDisp ul.meterInfo {width:362px;display:inline;float:left;margin-top:7px;}
* html .usageDisp ul.meterInfo {margin-top:10px;}
.usageDisp ul.meterInfo strong {font-weight:bold; font-size:2em;}
.usageDisp ul.meterInfo li {border-top:none !important; width:160px !important;display:inline;padding:6px 0px 3px 6px!important;float:left;}

.thispriceisred {color:#ee4848;}
.usageDisp .usage {width:355px !important;margin-top:0px!important;}
/*.usageDisp .meterInfo li {padding: 10px 0 0 6px !important;}*/
* html .usageDisp  ul.meterInfo li {line-height:1.5em !important;}
.usageDisp span.expiryTxt {padding: 0 0 0 5px !important;}
.usageDisp .meterInfo li.alignright {float:right; width: 180px !important;}
* html .usageDisp .meterInfo li.alignright {margin-top:4px;}
* html .usageDisp .meterInfo li.alignrightNoTop {margin-top:-5px !important;}
.usageDisp .meterInfo li.alignrightNoTop {margin-top:0 !important;}

.iconListRight {width:189px !important; left:190px !important;}
.splitModuleOne {float:left; width:165px; min-height: 21.5em;}
* html .splitModuleOne {height: 21.7em;}
.splitModuleTwo {float:left; width:189px; min-height: 21.5em;}
.splitModuleOne {background-color:#ebebeb; padding:12px;}
.big-number-two {font-size:3em !important;}
.splitModuleTwo .iconList a {
padding: 8px 0 8px 44px !important;
}
.splitModuleTwo .hubButton { width:165px; text-align:center; margin:15px 0 12px 12px;}
* html .splitModuleTwo .hubButton {margin:15px 0 12px 8px;width:140px; }
* html .splitModuleTwo .hubButton span {width:140px;}
.splitModuleOne .costTitle {font-weight:bold;}
.splitModuleOne p.splitModuleOnePara {line-height:1.7em;}
.shadowPanel {background:url(../images/moduleShadow.png) top right repeat-x;}
.shadowPanel h1 {color:#fd2500; font-size:2.3em;}
.shadowPanel p {font-size:1.3em;}
.redDotList {margin:15px 0;}
.redDotList li {background:url(../images/redDot.png) left 6px no-repeat; padding-left:20px; margin-bottom:15px; font-size:1.1em; font-weight:bold;}

a.darkButton:hover, a.darkButton:active, a.darkButton {text-decoration:none !important;}

.hubpanelSub h3 {color:#fd2500; font-size:1.6em; margin:10px 0;}
.hubpanelSub .redDotList li {margin-bottom:10px;}
.JSEnabled #lightBoxOverlay {
	 background: none repeat scroll 0 0 #000 !important;
}

.shadowLightBoxContent .hubButton {margin:15px 0;}
.shadowLightBoxContent .hubButton.link_close span{font-size:11px;}
.shadowLightboxContentBGNew {background:url(../images/lightboxbg.jpg) left 10px no-repeat;}
.shadowLightboxContentBGNew .slMainHeading {padding-top:70px;}
.shadowLightboxContentBGNew form {padding-left:10px;}
.shadowLightboxContentBGNew label {font-weight:bold;}
.shadowLightboxContentBGNew input#accPin, .shadowLightboxContentBGNew input#accNumber {background-color:#f4f4f4; border:1px solid #d0d0d0; color:#5d5d5d; padding:3px;}
h1.shadowSmall {font-size:1.6em;}
.panelError {
	background:url(../images/warnIco.gif) top left no-repeat #fff5f4;
	border:1px solid #cc4040;
	margin:5px;
	padding:10px 0 10px 40px;
}
.panelError h3 {font-weight:bold; font-size:1.4em; padding-bottom:10px;}
.linkClose3, .linkClose3:hover {background:url(../images/closelight.gif) top left no-repeat !important; height:20px !important;}
.linkClose3 span {display:none;}
.srBtnContainer .hubButton {margin-left:10px; font-size:1.1em;}
#PlanArea {clear:left;}
#loadBody{color:#525252!important;}
* html #LoadingArea{float:left;}
* html #loadBody{margin-right:3px!important;}
.usageMins.gauge, .usageSms.gauge {height:10px;}
.splitModuleTwo .hubButton span{padding:3px 10px 3px;}
p.streamlineRegText.smlFntSize{font-size:11px!important;}
.hubButton  input{ 
	display:block; 
	padding:0px 10px 6px 10px;
	height:29px;
	background:url(../images/img_hubButton.png) no-repeat right -30px;
	text-decoration:none;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	border:0px;
}
html .hubButton.ieHubBtnParent{
	background:url(../images/img_hubButton.png) no-repeat 0 -60px;
	text-decoration:none;
	color:#000;
}
html .hubButton .ieHubBtnFocus {
	background:url(../images/img_hubButton.png) no-repeat right -90px;
}

html .hubButton:hover input, html .hubButton:focus input {
	background:url(../images/img_hubButton.png) no-repeat right -90px;
}

/* below code added to fix Popup button alignment in IE6*/

* html .btnAlignRight .hubButton { display:inline !important; float:none !important; }
 
* html .hubButton input.addInfoLater{
   width:175px;
 }
 
* html .hubButton input.addInfoNow{
   width:160px;
 }
a.darkButton span{border:none;background:url("../images/img_bg_sprite_button.png")right top no-repeat; display:block;height:20px;padding: 7px 10px 0 0;margin:0 0 0 10px;cursor:pointer;color:#525252;}
a.darkButton {background-position:left -54px;color:white;}
a.darkButton span{background-position:right -54px;color:white;}
a.darkButton:hover,a.darkButton:focus,a.darkButton:active {background-position:left -54px;}
a.darkButton:hover span,a.darkButton:focus span,a.darkButton:active span {background-position:right -54px;}
* html .errMargin{margin:0px 3px 3px 0px!important;}
/* Start Cloud Based Apps | 07/2011 Sprint | Akhila*/
.cloudPull {background-color:#ded4df; margin:20px 10px 0 10px; font-size:1.5em; color:#000; padding:10px 10px 5px 10px;}
.cloudPull span {font-size:0.75em; line-height:2em;}
.cloudPull a span {font-size:1em;}
.cloudPull p {padding:0 !important;}
.purpleSolid {color:#7d3682; text-decoration:underline;}
.contCont {padding-bottom:10px; font-size:1.05em;}
.contCont p a {color:#732978 !important;}
.contCont h3 {border-top:none !important;}
ul.btns li.red, ul.btns li.gray {margin-left:10px;}
* html ul.btns li.red, * html ul.btns li.gray {margin-left:5px !important;}
#lightBoxOverlay {background: none repeat scroll 0 0 #000 !important;}
.licenceLightbox {background:url(../images/vfLogoBg.png) 5px 10px no-repeat; font-size:1.25em;}
.licenceLightbox h1 {padding-top: 100px; color:#663366; font-size: 1.6em !important;}
.lightboxCloudPull {background-color:#f5f0f7; padding:10px; margin:10px 0;}
.lightboxCloudPull h2 {color:#663366; font-size:1.3em !important;}
.lightboxCloudPull label {display:none;}
.lightboxCloudPull input, .lightboxCloudPull select {margin-right:10px;}
.lightboxCloudPull a {color:#663366; text-decoration:underline !important;}
.lightboxCloudPull input.totallicences {width: 20px; float:left;}
.lightboxCloudPull input#checkedCompat, .lightboxCloudPull select {float:left;}
/*ul.btns li:hover, ul.btns li:focus {background-position: -100px right !important;}*/
.purpleAlert {float:left;}
.purpleAlert li {background:url(../images/purpleAlert.png) top left no-repeat; height:29px; padding-left:35px; font-size:0.7em !important; color:#732b77; line-height:2.2em;}
.purpleAlert li:hover {background-position:top left;}
.moveButtonOnAlert {margin:6px 0 0 0 !important; /*padding-right:110px !important;*/}
* html .purpleAlert {width: 60%;}
* html .moveButtonOnAlert {width: 39%;}
.cloudError {background:url(../images/yellowAlert.png) 7px 6px no-repeat #f9f8c0; display:block; color:#000; height:34px; line-height:2.5em; padding-left:35px; width:495px; margin-bottom:5px;}
.cloudAlert {background:url(../images/yellowAlert.png) 10px 10px no-repeat #f9f8c0; display:block; color:#000; line-height:1.3em; padding:5px 5px 5px 35px; width:490px; margin-bottom:5px; margin-top:10px;}
* html .cloudAlert {width:485px;}
.billSub {margin-bottom:5px;}
.billSubp {line-height:1.1em;}
.lightboxCloudPull h3 {font-weight:bold !important;}
.cloudPull ul.btns, .licenceLightbox ul.btns {display: block;float:none;margin: 0;height:24px;padding: 0;}
ul.btns li.redoutlinedprp {background-image:url(../images/but_reg_red_outline_purple_rt.gif) !important;}
ul.btns li.redoutlinedprp a {background-image: url(../images/but_reg_red_outline_purple_lt.gif) !important;}
ul.btns li.redprp {background-image:url(../images/bt_on_prp_right.png) !important;}
ul.btns li.redprp a {background-image: url(../images/bt_on_prp_left.png) !important;}
ul.btns li, .advanceForm form ul.btns li {margin:0;}
.cloudPull ul.btns li {min-height:1em;}
* html .cloudPull ul.btns li {height:1em;}
.licenceLightbox ul.btns li {min-height:1.9em;}
.licenceLightbox ul.btns li.gray input {color:#ccc !important;}
.lightboxIntro {padding:0 10px;}
.checkedCompatP {font-size:0.91em;}
.lightboxCloudPull table tr td {padding-bottom:10px;}
.lightboxCloudPull table tr {padding-bottom:10px;}
.formListContain fieldset {display:block; width:200px;}
.formListContain label, .formListContain input {display:inline; float:none !important; padding:0 5px 0 0 !important; margin:0 5px 10px 0 !important;}
.formListContain input {margin:4px 5px 7px 0 !important;}
.formListContain label {font-weight:bold; font-size:1em;}

/* End Cloud Based Apps | 07/2011 Sprint | Akhila*/