/* ----------------------------------------------------------------------------  GLOBAL HTML ELEMENT STYLES */

/*Lets reset the css for each call to avoid caching problems */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 69%;
	margin: 0;
	background-color: #fff;
	color: #333;
	}

strong {
	font-weight:bold;
	}

ol, ul {
	list-style: none;
	}

a {
	color: #333;
	text-decoration: none;
	}
		
a:hover, a:focus {
	color: #008698;
	}

p {
	margin:0.5em 0 0.7em;
	}

h1 {
	display:block;
	font-weight:bold;
	color:#008598;
	font-size:18px;
	padding:20px 0px;		
	}
	
h5 {
	font-size:1.09em;
	line-height:1.5em;
	font-weight:bold;	
	}
#specialCircumtances
{
text-decoration:underline;
}	
/* ----------------------------------------------------------------------------  TEXT, LINK AND BG COLOUR STYLES */

.greyBG {
	background-color:#f6f6f6;
	}

p.detail {
	font-weight:bold;
	float:left
	}

.petrolBG {
	background:#008698;
	}

.petrol {
	color:#008698;
	}
	
.greenBG {
	background:#5B8424;
	color:#FFFFFF;
	}

.green {
	color:#5B8424;
	}

a.petrol {
	color:#008698;
	text-decoration:underline;;
	}

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

.petrolBold {
	color:#008698;
	font-weight:bold;
	text-decoration:underline;
	}

.petrolBold:hover {
	color:#008698;
	text-decoration:none;
	}

.deepPurpleBG {
	background:#732978;
	
	}

.purpleBold {
	color:#732978;
	font-weight:bold;
	text-decoration:underline;
	}

.purpleBold:hover {
	text-decoration:none;
	color:#732978;
	}

.purple {
	color:#732978;
	}

a.purple {
	text-decoration:underline;
	}

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

.redBold {
	color:red;
	font-weight:bold;
	font-size:1.3em;
	}
	
.boldGrey {
	color:#999999;
	font-size:1.3em;
	font-weight:bold;	
	line-height:20px;
	}

.red {
	color:red;
	}

h2.petrol, h3.petrol, h4.petrol {
	color:#008698;
	font-size:1.6em;
	margin:0;
	padding-bottom:3px;
	}
	
/* ----------------------------------------------------------------------  GLOBAL NAVIGATION STYLES 

*html .header {
	margin-top:10px;
	}

#orientation {
	height:0px;
	line-height:0px;
	}
	
.globalNav {
	clear: both;
	margin-left:2px;
	}
		
.globalNav ul {
	width: 954px;
	height: 2.182em;
	background: #f00;
	}
				
.skipper {
	left: -1000px;
	position: absolute;
	top: -1000px;
	}

.globalNav li {
	float: left;
	border-right: 0.0909em solid #fff;
	font-weight: bold;
	}
	
.globalNav li.basket {
	float: right;
	border-right:none;
	border-left: 0.0909em solid #fff;
	font-weight: bold;
	}
	
.globalNav li.basket a img {
	padding-right:5px;
	margin-bottom:-1px;
	}

* html .globalNav li.basket a img {
	padding-top:3px;
	}
		
.globalNav li a {
	padding: 5px 15px;
	background: #f00;
	height: 14px; 
	* height: auto;
	color: #fff;
	display: block;
	}

.globalNav li a:hover, .globalNav li a:focus {
	background: #cc0202;
	color: #fff;
	}
	
.globalNav li a.selected {
	background: #A2A2A2;
	}

.globalNavShadow {
	width: 954px; 
	height: 5px;
	clear: both;
	display: block;
	}
*/

.secondLevelNav a {
	display:block;
	height:1.454em;
	padding:3px 0 4px 11px;
	position:relative;
	}

.secondLevelNav li {
	background:transparent url(../../img/dottedLine.gif) repeat-x scroll left top;
	padding-bottom:1px;
	}



/* ----------------------------------------------------------------------  NEW GLOBAL NAVIGATION STYLES */

/*** Vodafone Masthead ***/
#topmenu-holder {
	width: 960px;
	margin: 0px 0px 0px 7px;
}

#top-links fieldset.top-search { display:inline }

#top-links {
	height: 67px;
	background:#f60000 url('../../img/masthead/menu_bg01.gif') repeat-x;
	position: relative;
	width: 956px;
}
#top-links.containsSubNav { margin-bottom:40px }

	#top-links .top-logo {
		position: absolute;
		left:0;
		top:0;
	}
	#top-quicklinks {
		float:right;
		height: 32px;
		margin:0 0 0 78px;
		padding:0;
		list-style-type:none;
	}
	#top-quicklinks li {
		float: left;
		font-weight: bold;
		margin: 4px 0 0 15px;
		padding:0;
	}
	#top-quicklinks li a {
		color: #fff;
		text-decoration: none;
		line-height: 2em;
	}
	#top-quicklinks li a:hover {
		text-decoration: underline;
		color:#FFF;
	}
	#top-links fieldset.top-search {
		border: 0;
		clear: both;
		margin: 5px 6px 0 15px;
		float: right;
	}
		
		#top-links fieldset.top-search input {
			vertical-align:top;
		}
				
		#top-links fieldset.top-search legend span {
			/* hide label off screen */
			position: absolute;
			top: 0;
			left: -10000px;
			height: 1px;
			overflow: hidden
		}
		#top-search-field {
			background:#FFF url('../../img/masthead/search-bg.gif') no-repeat;
			height: 18px;
			width: 99px;
			padding: 5px 0 0 20px;
			border: 0;
			font-family:Arial,Helvetica,sans-serif;
			font-size: 1em;
		}
		
		* html #top-search-field {margin-top:-1px;}	
		* + html #top-search-field {margin-top:-1px;}

	#top-quicklinks input {
		float: left;
	}
	#top-globalnav {
		clear:both;
		height: 35px;
		margin:0 0 -2px 78px;
		padding:0;
		list-style-type:none;
		background:#f10000 url('../../img/masthead/menu_norm.gif') repeat-x;
	}
		#top-globalnav li {
			height: 35px;
			float: left;
			background: url('../../img/masthead/menu_norm.gif') repeat-x;
			display: inline;
			line-height: 1.4;
			padding:0;
			margin:0;
		}
		#top-globalnav li.active {
			background:#FFF url('../../img/masthead/menu_active.gif') repeat-x;
		}
			#top-globalnav li a {
				display: block;
				float: left;
				height: 25px;
				color: #fff;
				font-size: 1.182em;
				font-weight: bold;
				/*padding: 8px 15px 0 15px;*/
				padding:8px 0 0; 
				text-align:center;
				margin: 2px 0 0 0;
				border-right: 1px solid #e70000;
				text-decoration: none;
			}
			#top-globalnav li a:hover {
				background: #C80000;
				border-right: 1px solid #C80000;
				color:#FFF;
				text-decoration:none
			}
			#top-globalnav li.active a, #top-globalnav li.active a:hover {
				color:#c80000;
				border-right: 0;
				margin: 0 0 0 4px;
				padding-top: 10px;
				background: url('../../img/masthead/menu_active.gif') right 0;
			}
			/* double margin bug */
			* html #top-globalnav li.active a { display:inline; }

		#top-globalnav #vfSubNav { 
			width: 954px;
			background: #fff;
			position: absolute;
			left: 0;
			bottom: -30px;
			border: solid #E0E0E0;			
			border-width: 0 2px 1px 0;
			/*border-bottom: 1px solid #f4f4f4;*/			
		}
			#top-globalnav #vfSubNav ul {
				list-style:none;
				padding:0;
				margin:0;
				float:left;
				width: 100%;
				border-top: 0;
				border-bottom: 1px solid #E0E0E0;
			}
			#top-globalnav #vfSubNav li {
				border: 0;
				background:none;
				height:auto
			}
			#top-globalnav #vfSubNav li a{
				height: auto;
				line-height: normal;
				color: #666;
				font-weight: normal;
				padding: 0.5em 5px 0.5em 10px;
				margin:0;
				width: auto;
				background:none;
			}
			
			#top-globalnav #vfSubNav li a:hover {
				color: #c80000;
				background: #fff;
				text-decoration: underline		
			}
			
			#top-globalnav #vfSubNav li a.active {
				color: #c80000;	
				font-weight: bold;				
			}
			
/* set widths for top navigation - padding won't work because of anti-aliasing, JS would have to load */
#link_mpap { width:195px }
#link_bb { width:108px; }
#link_aae { width:143px }
#link_ms { width:138px }
#link_bus { width:98px }
#link_ma { width:112px }
#link_help { width:72px }

.icon-cart {
	background: url('../../img/masthead/icon-cart.gif') no-repeat 0 1px;
	padding: 0 0 0 14px;
}

/* ----------------------------------------------------------------------  HEADER SEARCH STYLES 

.searchNav {
	float:right;
	padding:70px 17px 0px 0px;	
	}
	
.searchButtonDiv {
	height: 25px;
	width: 34px;
	}
			
.searchNav .searchButton {
	display: block;
	width: 34px;
	height: 25px; 
  	background-image: url(../../img/btn/go_button_2.gif);
	}
	
.searchNav .searchButton:hover, .header .searchButton:focus {
	background-image: url(../../img/btn/go_button_1.gif);
	}
		*/	


/* ----------------------------------------------------------------------------  INTRO PARAGRAPH STYLES */

#introMod h1 {
	padding:5px 0px 10px 0px;
	font-size:22px;
	font-weight:bolder;
}

/* ----------------------------------------------------------------------------  UPGRGADES NAVIGATION STYLES */

.firstLevelNavV4 {
		float:left;
		width:748px;
		margin:5px 12px 11px 10px;
		padding:0 10px;
		}
		
* HTML .firstLevelNavV4 {
		margin:5px 12px 11px 5px;
		}
		
.firstLevelNavV4 ul li {
		display:inline;
		}
		
.firstLevelNavV4 a {
		padding:0 6px 0 3px;
		text-decoration: underline; 
		}
		
.firstLevelNavV4 a:hover, .firstLevelNavV4 a:focus {
		color:#333;
		text-decoration: none; 
		}
		
.firstLevelNavV4 .selected {
		padding:0 6px 0 4px; 
		font-weight:bold;
		text-decoration:none;
		}
		

a.arrowLink
{
    background: url(../img/buttons/btn_grey.gif) no-repeat top right;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    font-weight: normal !important;
}

/* ----------------------------------------------------------------------------  NEW BASKET STYLES */

#superBasket .priceTagLeft,
#superBasket .priceTagRight,
#superBasket .priceTagTopLeft,
#superBasket .priceTagTopRight {
    background: url(../../img/dots.gif) repeat-x bottom left;
    padding: 5px 0px 5px 5px;
    position: absolute;
    right: 5px;
    display: block;
    font-size: 90%;
    line-height: 1.2em;
    color: #333333;
    margin-top: 3px;
    font-weight: bold;
    text-align: bottom;
	} 

.price {
    font-family: Arial;
    font-size: 150%;
    font-weight: bolder;
    color: #ff0000;
	}

/* ----------------------------------------------------------------------------  HOMEPAGE STYLES */

.miniPhone img { margin-top:5px !important;}
.miniPhone {width:58px;float:left;text-align:center;border:2px solid #ccc;margin-right:5px;cursor:pointer;}

.link_list2Col li a {	
	background-position:100% 4px !important;
	display:block;
	padding:4px 15px 0 0;
	text-decoration:none;
}	
a.btnDeepPurple {
	background:url("../../../img/cstone/buttons/arrow-deepPurple.gif") no-repeat scroll transparent !important;
}
a.btnDeepPurple:hover {
	/*background-position:100% -96px !important;*/
	color:#008698 !important;
	text-decoration:none !important;
}	
.specifications2 {
	/*overflow:hidden;*/
	margin-top:-275px;
	*margin-top:-285px;
	/*margin-top:-150px;*/
	float:right;
	width:215px;
	}
	
.specifications2 h2.petrol {
	padding:0 0 0 5px !important;
	font-weight:bold !important;
	padding:0 10px;
}	
.phone-upgrade-price {
	font-size:2em;
	font-weight:bold;
	line-height:1.1em;
	margin:10px 0 13px 0;
	text-align:center;
	height:50px;
	font-family:Trebuchet MS;
}

#price_up {
	width:116px; 
	text-align:left; 
	font-size:18px; 
	float:left;
	padding-left:15px
}
#price_num {
	width:20px;
	font-size:35px; 
	float:left;
	padding-top:15px; 
}

.upgradeBtn {
	text-align:center;
}
.upgradeBtn img {
	
}

.mostPopularImg {
	width:320px;
	height:212px;
	text-align:center;
	padding-top:10px;
}

.centered-text {text-align:center;font-weight:bold;}
 
.reasons {
	background:none repeat scroll 0 0 #CADBE0;
	color:#4395A7;
	font-weight:bold;
	padding:8px;
	width:170px;
	margin-left:3px;
}
.reasons h3 {
	font-size:1.2em;
}
.reasons ul {
	margin:10px 0 0;
}
.reasons li {
	background:url("../../../img/v5/shop/images/bg_tick.png") no-repeat scroll left center transparent;
	line-height:1.2em;
	padding:0 0 10px 20px;
}
.modCopy2 {
	width:540px !important;
	padding:0 !important;
	
}
.modHeightShowCase2 {
	padding:0px 0px 0px 5px !important;
}
.link_list2Col2 {
	width:165px !important;
	bottom:20px !important;
	left: 570px !important;
}
/*.modCopy {overflow:hidden !important;}*/