/*
Jersey Telecom CSS
Author: NETCEL http://www.netcel.com/
*/


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

/* @group Font sizes & margins */
p, ul, ol, dl, address, blockquote,
table, pre						{ margin: 0 0 1.5em 0; }
pre, code, kbd, tt, samp 		{ font-family: "andale mono", monospace; font-size: 0.92em; }
form, input, textarea, select	{ font: 1em arial,helvetica,sans-serif}

/** GLOBALS **************************************/
body 			{ padding: 0; margin: 0 auto; color: #395362; font: 0.75em/1.4 arial,helvetica,sans-serif; /* 12px */ background-color: #fff;}

.offscreen		{ position:absolute; left:-300em; top:auto; width:1px; height:1px; overflow:hidden;} 
.clearFix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.f-r			{ float:right; margin: 0 0 20px 20px; }	
.small          { font-size: 0.92em}
.flt-l			{ float: left;}
.flt-r			{ float: right;}
.flt-c			{ clear: both;}
td.top			{ vertical-align: top;}
.flt-r-jtcomplete {padding-top:75px; float: right;}
.JTcomplete img   {margin-bottom: 20px}
.jtcomplete-error {margin: 30px 0 0 360px}

h1 		{ font-size: 2.500em; font-weight:lighter; margin-bottom: .5em; } 	/* 30px */
h2 		{ font-size: 1.833em; font-weight:lighter;  margin-bottom: .5em; }	/* 22px */
h3 		{ font-size: 1.333em; font-weight:bold;  margin-bottom: .5em}	/* 16px */
h4 		{ font-size: 1.167em; font-weight:bold; margin-bottom: .2em} /* 14px */
h5 		{ font-size: 1em; font-weight: bold; margin-bottom: 0.1em} /* 12px */
h6 		{ font-size: 0.92em; font-weight: normal; margin-bottom: 0.1em} /* 11px the min */

ul, 
ol 		{ background-color: #f5f5f5; padding: 10px 10px 10px 30px; margin: 0 0 1.5em 0; list-style-type: disc;  }
ol 		{ list-style-type: decimal; }
ul ul, 
ol ul	{ margin-bottom:0 }
ul li, 
ol li	{ margin-bottom: .5em; }
.idPageContent img  	{ display: block; }

ul.pdf, ol.pdf          { background-color:#fff; padding:0; list-style-type:none}
ul.pdf li, ol.pdf li    { margin: 0; padding: 0 0 1em 25px; background: transparent url(../images/assets/pdf.gif) no-repeat 0 0 }
ul.pdf p, ol.pdf p      { margin:0; padding:0}
p.pdf, div.pdf, a.pdf	{ display:inline-block; background: transparent url(../images/assets/pdf.gif) no-repeat 0 0; padding: 0 0 0 25px; }
img.pullLeft			{ float: left; margin: 0 20px 10px 0; overflow:hidden}
img.pullRight			{ float: right; margin: 0 0 10px 20px  }
/* @end globals*/

/** CONTAINERS **************************************/
.idContainer 	{ max-width: 1024px; min-width: 400px; margin: 0 auto; padding-top: 35px} /* document width container */
.idPage 		{ padding-left: 22px; } 	/* content wrapper holds the left 22px shadow */
.idContent 		{ padding: 0 37px 0 15px; }/* content wrapper holds the right 22px shadow and 15px padding on left/right */
.idPage,
.idContent 		{ min-height: 635px; } /* make sure the shadows are never truncated */
.idPageContent	{ width: 100%; margin: 0 0 15px 0; padding:0; clear: both; overflow:hidden;}

/* fix ie6 */
* html .idContainer		{ width: 1024px; }
* html .idPage, 
* html .idContent		{ width: 950px; }

/* content with right navigation */
.generalContentWithRight					{ width: 100%; overflow:hidden; }
.generalContentWithRight .idGeneralContent 	{ width: 79%; float: left;}
.generalContentWithRight .idContentRight 	{ width: 19.5%; float: right; }
/* content with left navigation */
.generalContentLeftNav						{ width: 100%; overflow:hidden; }
.generalContentLeftNav .idGeneralContent 	{ width: 79%; float: right; }
.generalContentLeftNav .idPageContentNav 	{ width: 19.5%; float: left }
/* content with left and righ nav */
.generalContent                             { overflow:hidden; width: 100%}
.generalContent .idPageContentNav           {float: left; margin-right: 1.5%; width: 15%;}
.generalContent .idContentRight             {float: right; width: 22.5%;}
.generalContent .idGeneralContent           {float: left; width: 59%;}
.idGeneralContent .content, .idGeneralContent h1, .idGeneralContent .PublishDate { padding-left: 17px;}

/* rounded corners container with border */
.borderBox			{ clear: both; overflow:hidden; margin-bottom: 15px; border: 1px solid #ccc; }
.borderBox .inner	{ padding: 10px}
.content			{ padding: 0 10px 20px 10px; margin-bottom: 15px; background: #fff url(../images/assets/header-baseline.gif) no-repeat 0 100%} /* cms content */
/* @end containers*/

	

/** NAVIGATION **************************************/
/* Global Top Nav - JT Sites */
.idGlobalNav		{ float:left; height: 35px; margin-top: -35px; overflow:hidden; line-height:normal; }
.idGlobalNav ul		{ margin:0; padding:0; list-style-type:none}
.idGlobalNav ul li	{ float:left; margin: 5px 0 0 5px; padding:0;}
.idGlobalNav li a	{ display: block; padding: 8px 10px 0 10px; height: 22px; text-align: center;
	border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;      
}              
.idGlobalNav ul li.untab	{ padding: 8px 10px 0 0; color:#fff;}
.idGlobalNav a				{ text-decoration:none;}
.idGlobalNav a:hover,
.idGlobalNav a:active,
.idGlobalNav a:focus		{ text-decoration:underline;}	
* html .idGlobalNav			{ margin:0; position:relative; top: -35px; width: 100%}
* html .idGlobalNav li a	{ display:inline; line-height:3.6; }  	
* html .idHeader			{ margin:-15px 0 0 0}

/* HEADER: logo, search, social, login box */
.idHeader 					{ clear: both; margin: 15px 0 0 0; float: left; width: 100%; line-height:normal; }
.idHeader a					{ text-decoration:none;}
.idHeader a:focus,
.idHeader a:hover,
.idHeader a:active			{ text-decoration:underline}
/* logo */
.idLogo 					{ float: left; margin-bottom: 15px}

/* gloabal landing page header */
.idGlobalHeader 					    { overflow:hidden; clear: both; width: 100%; padding: 15px 0 0 0;  line-height:normal}
.idGlobalHeader .idHeaderStatement h1   { color: #46a748; margin: 10px 0 5px 0; }
.idGlobalHeader .idLogo                 { float: left; margin-right: 40px }
	
/* Login/Top-Up box in header */
.idLoginTopUp { float: right; min-width: 181px; padding:1px; margin: 0 0 0 15px; clear: right; color: #395362; border: solid 1px #ddd; z-index: 105;
	border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative; /* needed for pie to work */
}
.idLoginTopUpInner 				{ padding: 10px; background-color: #f5f5f5; }
.idLoginTopUp ul				{ margin:0; padding:0; list-style-type:none; background-color:transparent}
.idLoginTopUp a 				{ color: #395362!important; }
.idLoginTopUp h2 				{ font: 1.233em Arial, sans-serif; text-align: center; margin-bottom: 4px; background: transparent url(../images/assets/bgd_account_panel_divider.gif) no-repeat center bottom; padding-bottom: 14px;}
.idLoginTopUp p 				{ margin:0 0 5px 0; }
.idLoginTopUp .buttonFullWidth 	{ margin: 2px 0 0 0; padding: 5px; border: 1px solid #e3e3e3;background-color:#fff; display:block; width: 147px}
.idLoginTopUp li  				{ border: solid 1px #f5f5f5; margin:0; padding:0}
* html .idLoginTopUp			{ width: 181px}		
	
/* search */
.idSearch 				{ text-align: right; height: 30px; margin:0}	
.idSearch .jtForm 		{ margin: 0; padding: 0; width: 235px}
.idSearch .form-text 	{ float: left; background: transparent url(../images/assets/sprite_forms.png) no-repeat -200px -9px; border: none; width: 170px; padding: 5px 10px 5px 15px; height: 20px; line-height: 23px; cursor: text; }
.idSearch .form-submit	{ float: left; width: 40px; height: 30px;  border: none; cursor: pointer; }
/* social */	
.idSearchSocial 		{ margin: 0; float: right; clear: none; }
.idSearch, .idSocial 	{ margin-bottom: 5px; float: right; clear: right; }
.idSocial 				{ height: 34px; margin: 5px 0; padding:0; background-color:transparent; list-style-type:none}
.idSocial li 			{ float: left; margin: 0 0 0 2px; padding:0}
.idSocial li.socialLink a { display: block; width: 34px; height: 34px; }
	
		
/* SITE NAVIGATION with sublevels */
.idContextNav					{ clear: both; padding:0 0 20px 0; top: -20px; margin:0 0 -10px 0; width:100%; position:relative; z-index: 100; background: #fff url(../images/assets/header-baseline.gif) repeat-x left bottom;}
.idContextNav:after				{ content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.idContextNav ul				{ margin:0; padding:0; list-style-type:none; }
.idContextNav li				{ font-size: 13px; float: left; font-weight: bold; border-right: 5px solid #fff; margin:0; padding:0}
.idContextNav .fixedMenu		{ margin-right: 200px; }
.idContextNav .fixedMenuItem	{ float: right; border-right:none;  border-left: 5px solid #fff;}
.idContextNav li a 				{ display:inline-block; padding: 8px 10px 0 10px; color:#fff; height: 24px; /* 32 px */
	border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	position: relative;
}	
.idContextNav li a:hover    { color:#fff}
/* sublevel */
.idContextNav div.sublevel	{ z-index: 102; display:none; position:absolute; top:32px; left:0; width: 76.8%; background-color:#fff; border: 1px solid #ddd; padding:8px 1%;
	border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
.idContextNav div.sublevel .inner	{ overflow:hidden; 
	border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.idContextNav ul							{ margin:0; padding:0; list-style-type:none}
.idContextNav ul li							{ margin:0; padding:0}
.idContextNav ul li>div.sublevel			{ left: 0; /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ }
.idContextNav ul li:hover div.sublevel		{ display: block; }
.idContextNav div.sublevel dl				{ float:left; width: 154px; margin: 0; padding: 10px; }
.idContextNav div.sublevel dl dt			{ font-weight:bold; margin:0; padding: 0 0 .5em 0; }
.idContextNav div.sublevel dl dd			{ margin:0; padding: 1px 0 2px 10px; font-weight:normal; font-size: 11px; background: transparent url( ../images/assets/sprite_arrows.gif) no-repeat 0 0; }
.idContextNav li:hover div.sublevel a 		{ color: #333; background:none; margin:0; padding:0; height:auto}

/* position sublevel on the right */
.idContextNav .fixedMenu div.sublevel		{ left:auto; right:20.9%; }
/* show the nib */
.idContextNav .nib							{ display:none; position: absolute; z-index: 101; top: 32px; left:0; width: 100%; height: 11px; background: transparent url(../images/assets/sprite_topnav.png) no-repeat 50% 0; }
.idContextNav .active .nib 					{ display:block; }
.idContextNav li:hover .nib					{ display:block; z-index: 103;}
* html .idContextNav .active .nib 			{ display:none}


/* Left navigation - not used */
.sideMenu 			{ font-weight: bold; margin: 0 0 5px 0; padding: 20px 0 0 0; background-color:transparent; list-style-type:none}
.sideMenu li 		{ margin-bottom: 3px; } 
.sideMenu a			{ text-decoration:none; color: #395362!important; }
.sideMenu a:hover,
.sideMenu a:focus,
.sideMenu a:active	{ text-decoration: underline}

/* left navigation for content page with left and right nav */
.generalContent .sideMenu { font-weight: bold; margin: 0 0 5px 0; padding: 35px 0 0 20px; background-color:transparent; list-style-type:none}
/* @end */	


/* FOOTER */
.idFooter						{ clear: both; width: 100%; overflow:hidden; padding: 0; margin: 15px 0 0 0; line-height:normal; background: #e3e4e5 url(../images/assets/bgd_footer.gif) repeat-x left top;}
.idFooter ul					{ margin:0; padding:0; list-style-type:none; background-color:transparent}
.idFooter ul li					{ margin:0; padding:0}
.idFooter .footerMenu 			{ float: left; margin: 20px; font-size: 0.92em; }
.js .idFooter .footerMenu 		{ margin-right:0}
.idFooter .footerMenu h3 		{ font-size: 1.083em; font-weight: bold; margin-bottom: 5px;} 
.idFooter .footerMenu ul li 	{ margin-bottom: 3px; }
.idFooter a						{ text-decoration:none; color: #395362!important; }
.idFooter a:hover,
.idFooter a:focus,
.idFooter a:active				{ text-decoration: underline}

/* Global landing page footer */
.idGlobalFooter 				{ font-size: 0.92em; float: left; clear: both; width: 100%; margin: 15px 0 0 0; background: #e3e4e5 url(../images/assets/bgd_footer.gif) repeat-x left top;}
.idGlobalFooter ul				{ margin:0; padding:0; list-style-type:none; background-color:transparent}
.idGlobalFooter ul li			{ margin:0; padding:0}
.idGlobalFooter a				{ color:#395362!important; text-decoration:none}
.idGlobalFooter a:hover, .idGlobalFooter a:focus	{ text-decoration:underline}
.idGlobalFooter .footerMenu		{ padding: 20px 20px 60px 20px}
.idGlobalFooter .footerMenu li h3, 
.idGlobalFooter .footerMenu li ul, 
.idGlobalFooter .footerMenu li li { float: left;}
.idGlobalFooter .footerMenu li h3, 
.idGlobalFooter .footerMenu li li { padding-right: 10px; margin-right: 10px; }
.idGlobalFooter .footerMenu li h3	{ font-size: 1.15em}
/* global botom footer */
.idFooter .bottomLinks			{ clear: both; padding: 10px 20px 5px 20px; margin: 0; border-top: 1px solid #fff; line-height:normal; background-color: #395362; color:#fff; font-size:0.92em; min-height:30px;}
.idFooter .bottomLinks img		{ float:left; margin: -3px 2px 5px -10px}
.idFooter .bottomLinks ul		{ margin:0; padding:0; list-style-type:none; overflow:hidden; background-color:transparent; padding-top:5px;}
.idFooter .bottomLinks ul li	{ float:left; margin:0; padding: 0 5px 5px 0;}
.idFooter .bottomLinks a		{ color:#fff!important; padding: 0 5px 0 0; }

.global .idFooter .bottomLinks { background-color: #00324e} 

/* @and */


/**  BREADCRUMB / SIDEMENU **************************************/
.idBreadcrumb 			{ clear: both; width: 100%; padding: 10px 20px; font-weight: bold; font-size: 1.083em; color: #395362; }
.idBreadcrumb a			{ text-decoration:none; color: #395362!important; }
.idBreadcrumb a:hover,
.idBreadcrumb a:focus,
.idBreadcrumb a:active	{ text-decoration: underline}


/** BUTTONS **************************************/
.buttonFullWidth,
a.button, 
input.button 		{ cursor: pointer; font-weight: bold; text-align: center; display: inline-block; padding: 7px 8px; border: none; text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	-o-border-radius: 4px;
	position: relative;
}

/* Gradient header */	
h2.gradientBackground 					{ clear: both; text-align: center; padding: 8px; background: #e4e4e4 url(../images/assets/gradient_overline_bgd.jpg) repeat-x left top;}
.idGeneralContent h2.gradientBackground { margin-top: 15px; }


/** ROUNDED CORNERS **************************************/
.rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
.rounded5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}


/** INDIVIDUAL BOX TYPES **************************************/

/* Promo Banner */
.promoBanner				{ margin: 10px; padding:10px; color:#fff; min-height: 175px; background-color: #fff; background-position: top right; background-repeat: no-repeat;}
.promoBanner h1				{ margin:0; padding:0 0 10px 0; line-height:normal}
.promoBanner h2				{ font-size: 1.333em;  margin-bottom: 0.3em}
.promoBanner p				{ margin-bottom: 1em; line-height: 1.4}
.promoBanner 				{ padding-right: 150px } /* default */
.promoBanner.width50		{ padding-right: 350px }
.promoBanner.width30		{ padding-right: 460px }
.promoBanner :hover.button  { text-decoration:none}
.promoBanner ul,
.promoBanner ol				{ margin: 0 0 10px 2em; padding:0; background-color:transparent}
.promoBanner ul				{ margin-left: 1.2em}
.promoBanner li				{ margin:0; padding: 0 2px 0 0;}

/* promo boxes */
.promoBox					{ clear:both; margin: 0 0 10px 0; padding:0; width: 100%; overflow:hidden; list-style-type:none; background-color:#fff; line-height:normal}
.promoBox li				{ margin:0 0 2% 2%; padding:0; float:left; width: 32%; background-repeat:no-repeat; background-color:#46a748; background-position: top right; line-height:1.3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
.promoBox li.firstItem		{ clear: left; margin-left: 0}
.promoBox .inner			{ padding: 5px 90px 0 10px; min-height: 85px}
.promoBox .button			{ float:none; min-width:0; width:auto; margin: 10px; display: inline-block; }
.promoBox h2				{ margin:0; padding:0 0 0.2em 0; color:#fff; margin-right: -90px}
.promoBox strong			{ color:#fff; font-size:1.67em; }
.promoBox span				{ color:#fff; font-weight:bold}
.promoBox p					{ margin:0}

/* action box (right navigation) */
.actionBox				{ margin-bottom: 15px; padding: 10px 65px 50px 0; overflow:hidden; font-size: 0.92em; min-height: 144px; border-top: 1px solid #ccc; background-position: 50% 100%; background-repeat: no-repeat; background-color: #fff!important; line-height:normal}
.actionBox h2			{ font-size: 2em; margin: 0 -65px 0.3em 0; padding:0; line-height:1; }
.actionBox .button		{ margin-bottom: 10px; margin-right: -65px; }
.actionBox p			{ margin-bottom: 10px; }
.actionBox.fullWidth	{ padding: 10px 0 100px 0; min-height: 95px;}
.actionBox.fullWidth h2	{ margin-right: 0}

 
/* info boxes, above footer */
.rowBox					{ width: 99.8%; margin-bottom: 15px; clear: both; border: solid 1px #ccc; line-height:normal;}
.innerRowBox			{ margin:10px; padding:0; overflow:hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.infoBox 				{ float: left; width: 31%; margin: 0 1%; background-position: 100% 50%; background-repeat: no-repeat; background-color: transparent;}
.infoBox .inner			{ padding: 10px 115px 0 5px; min-height: 120px;}
.infoBox .inner h2		{ font-size: 2em; margin: 0 -115px 0.3em 0; padding:0; line-height:1; }
.infoBox .inner p 		{ font-size: 0.92em; margin-bottom: 10px; }
/* setup for 2 infoBoxes in rowBox */
.rowBox.twoCol .infoBox 				{ width: 43%; }	
.rowBox.twoCol .infoBox:nth-child(2n)	{ float:right}
.rowBox.twoCol .infoBox .inner			{ padding-right:180px}


/* Latest news */
.latestNews					{ clear: both; background-color:#fff; line-height: normal; padding: 10px 0; margin: 15px 0; }
.latestNews ul				{ margin:0; padding:0; list-style-type:none}
.latestNews ul li			{ padding:0 7px; border-bottom: 3px solid #fff;}
.latestNews h3				{ font-size: 1em; font-weight:bold; padding: 7px; margin: -7px -7px 0 -7px}
.latestNews p				{ margin: 0 0 10px 0}
.latestNews .date			{ font-size: 0.92em; margin-bottom:5px; display:inline-block;}
.latestNews a				{ text-decoration:none; font-weight:bold; font-size: 0.92em}
.latestNews a:hover,
.latestNews a:focus,
.latestNews a:active		{text-decoration:underline;}
* html .latestNews ul li	{ width: 171px}

/* Form filter */
.filter						{ margin:0 0 10px 0; padding:1px; border: 1px solid #e3e4e5; }
.filter .inner				{ min-height: 23px; padding: 10px 30px 5px 10px; overflow:hidden; position:relative; 
	background-color:#ebebeb;
	background: -moz-linear-gradient(center top, rgb(246,246,246) 50%, rgb(226,226,226) 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#f6f6f6), to(#e2e2e3));
	background: linear-gradient(top, #f6f6f6, #e2e2e3);
	behavior: url(/PIE.htc); position:relative;
	-pie-background: linear-gradient(#f6f6f6, #e2e2e3); 
}
.filter .formSubmit			{ position:absolute; top:0; right:0; display:block; height: 38px; width:28px; background: green url(../images/assets/sprite_carousel.png) no-repeat 0 0; border:0; margin:0; padding:0; cursor:pointer; }
.filter label.legend		{ float:left; margin-right: 20px; font-weight:bold}
.filter .filterInput		{ float:left; margin-right: 10px; }
* html .filter				{ width: 746px}
* html .borderBox .filter	{ width: 726px}
* html .filter .inner		{ height: 23px}
/* @end */

/* handset listing page: ajax anim gif */
.loadingPage        {   }

/** HANDSETS LISTINGS**************************************/
.handsetList		{ clear:both; margin:0 -5px 1.5em -5px; padding:0; overflow:hidden; list-style-type:none; background: transparent url(../images/assets/handset_list_bgd.jpg) no-repeat 50% 100%}
.handsetList li		{ float: left; font-size: 0.92em; line-height:normal; text-align: center; color: #405867; 
	width: 23%;
	margin: 0 .8% 1.6% .8%;
	padding: 0;
	background-color: #FFF;		
	border: solid 1px #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	-o-border-radius: 10px;
}
.handsetList li.last-child	{ margin-left: 1%}
.handsetList li .inner		{ padding: 5px; min-height: 245px;}
.handsetList li p 			{ margin-bottom: 0;  }
.handsetList li strong 		{ font-size: 1.3em; }
.handsetList li h3 			{ font-weight: bold; font-size: 1.2em; margin-bottom: 5px; }
.handsetList li a.button 	{ float: none; width: 100px; margin: 0 auto 10px auto; }
.handsetList li .imgBox		{ height: 185px; }
.handsetList li img			{ max-width: 100%; max-height: 185px; margin: 0 auto; }
.handsetList li:nth-child(4n+1) { clear:both; }		/* clear every first item in a row */
/* IE6 Handsets */
* html .handsetList li img			{ width: 100%;  }
* html .handsetList li				{ width: 173px; margin: 0 10px 10px 0}
* html .handsetList li.last-child	{ margin-right:0}
* html .handsetList li div.inner	{height: 255px;}

/** HANDSET CAROUSEL **************************************/
.jcarousel-skin-tango ul.handsetList					{ background:none}
.jcarousel-skin-tango ul.handsetList li					{ width: 19%; margin:  0 10px; } /* JS is calculating width */
.jcarousel-skin-tango ul.handsetList li.last-child		{ margin-left: 10px;}
.jcarousel-skin-tango ul.handsetList li:nth-child(4n+1)	{ clear:none; } 

.jcarousel-skin-tango 									{ width: 100%; margin: 0 auto 15px auto; padding: 0 0 15px 0; list-style-type:none; background: #fff url(../images/assets/handsetCarousel_bgd.jpg) repeat-x 0 100%;}
.jcarousel-skin-tango .jcarousel-container-horizontal 	{ width: 85%; padding: 0 8% 0 7%; }
.jcarousel-skin-tango .jcarousel-clip 					{ overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal 		{ width: 100%; margin:0; padding:0}
/* Next/Prev Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-image:url(../images/assets/sprite_pagination.png); background-repeat: no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 100% -560px!important; }
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
	background-image:url(../images/assets/sprite_pagination.png); background-repeat: no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -490px!important; }

	
/** PAGINATION **************************************/
.idResultsPager					{ clear:both; width: 100%; margin: 0 0 15px 0; color: #405867; font-weight:bold; font-size: 0.92em}
.idResultsPager a				{ color: #405867!important; text-decoration:none; line-height: 3.9; }
.idResultsPager a:hover,
.idResultsPager a:focus,
.idResultsPager a:active		{ text-decoration: underline}
.idResultsPager ul				{ margin:0; padding:0; list-style-type:none; overflow:hidden; width: 100%;  background:#fff url(../images/assets/sprite_pagination.png) repeat-x 50% 0;}
.idResultsPager ul li			{ float:left; height:44px; margin:0; padding:0; }	
.idResultsPager ul li.prev		{ width: 23%; text-align:left; }
.idResultsPager ul li.prev a	{ padding-left: 65px}
.idResultsPager ul li.next		{ float:right; width: 22%; text-align:right; }
.idResultsPager ul li.next a	{ padding-right: 65px}
.idResultsPager ul li.page		{ width: 55%; }
.idResultsPager ul li.prev.off	{ background-position: 0 -490px!important; }
.idResultsPager ul li.next.off	{ background-position: 100% -560px!important; }

.idResultsPager dl				{ margin:0 auto; padding:0; text-align:center; }
.idResultsPager dl dt			{ display:inline; padding-right: 5px}
.idResultsPager dl dd			{ display:inline; }
.idResultsPager dl dd a			{ border-right: 1px solid #405867; padding: 0 5px 0 3px; text-decoration:underline}
.idResultsPager dl dd strong	{ border-right: 1px solid #405867;padding: 0 5px 0 3px; color:#000; }


/** HANDSET DETAILS **************************************/
/* handset detail box + content */
.idHandsetDetail 				{ clear: both; padding: 10px; margin: 0 0 15px 0; border: solid 1px #ccc; }
.idHandsetDetail:after 			{ content: ""; display: block; clear: both; visibility: hidden line-height: 0; height: 0; }
.idHandsetDetail .leftColumn	{ float:left; width: 58%; }
.idHandsetDetail .rightColumn	{ float:right; width: 39%; }
* html .idHandsetDetail 		{ width: 728px; }
/* content within handset page */
.idHandsetDetail .availability 				{ font-size: 1.333em; line-height:normal; border-bottom: 1px solid #ddd; padding-bottom: .5em; margin-bottom:1.5em; }
.idHandsetDetail .availability strong		{ font-size: 1.333em}
.idHandsetDetail h2 						{ font-size: 2.700em; margin:0 0 0.2em 0; font-weight:bold}	
.idHandsetDetail ul, .idHandsetDetail ol	{ background-color:transparent; padding: 0 0 0 25px;}

/* buttons */
.idHandsetDetail .button 						{ width: 175px; text-decoration:none}
.idHandsetDetail .reserveInStore 				{ font-size: 1.333em;}
.idHandsetDetail a.button.backToSearch 			{ background-color: #ddd; color: #666;}
.idHandsetDetail a:hover.button.backToSearch 	{ background-color: #333; color: #fff; }
a.readMoreParagraphs, 
a.readLessParagraphs 		                    { display: none; font-weight:bold; text-decoration:none; display:inline-block; margin-bottom: 15px; }

.js a.readMoreParagraphs    { display: block}
.js a.readLessParagraphs,
.js .moreInformation        { display: none;}


.reserveRight 									{ text-align:center; }
.buttonAllTariffs 								{ line-height: 10px; color: #395362!important; border: solid 1px #ddd; float: right; padding: 5px 5px 5px 65px; border-radius: 4px; background: #fff url(../images/assets/button_tariff_bgd.gif) no-repeat left top; text-decoration:none; 	}
a:hover.buttonAllTariffs						{ text-decoration:underline}
/* social and help box */
.socialHelp 					{ clear: right; padding: 10px; margin-bottom: 1.5em; border: solid 1px #ddd; background-color: #f5f5f5; z-index:1;	}
.socialHelp .facebookLike 		{ margin-bottom: 10px; }
.socialHelp ul.guidesList		{ margin: 0; padding:0; background-color:transparent; list-style: none;}
.socialHelp ul.guidesList li a 	{ color: #395362!important;	}
.socialHelp ul li 				{ float:left;}
.socialHelp ul li.pdfGuides		{ padding-left: 20px; margin-right: 15px; background: transparent url(../images/assets/icon_pdf.gif) no-repeat left center; }
.socialHelp ul li.videoGuides 	{ padding-left: 30px; background: transparent url(../images/assets/icon_video.gif) no-repeat left center;}
* html .socialHelp				{ width: 250px}
.socialHelp:after               { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

/* product shot - zoom */
.productShot 				{ width: 100%; height: 345px; margin-bottom: 1.5em; position:relative; z-index: 10}	
.productShot img 			{ position: absolute; top: 0; right: 0; padding: 5px 0 10px 10px; cursor: pointer }
.productShot .imageZoom 	{ cursor: pointer; position: absolute; top:5px; right:5px; z-index: 10; width: 32px; height: 32px; background: transparent url(../images/assets/sprite_forms.png) no-repeat -400px -100px; }
.productShot .imageZoom.decrease    { background-position: -595px -100px}
.productShot .idProductZoom	{ text-align: center; }
.productShot  img.enlarged	{ border: 1px solid #ccc; background-color: #fff; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

	
 /* default content table */
table          { margin: 0 0 1.5em 0 }
table th       { background-color: #395362; color: #FFF; font-weight: bold; padding: 5px;  }
table td       { color: #395362; padding: 5px; background-color: #f5f5f5; vertical-align: top; }

table.plainTable          			{ margin: 0 0 1em 0; width:auto }
table.plainTable th       			{ background-color: #fff; color: #395362; font-weight: bold; padding: 10px 10px 10px 0;  }
table.plainTable tr td       		{ color: #395362; padding: 0 10px 15px 0; background-color: #fff; vertical-align: }
table.plainTable tr td:last-child	{ padding-right:0}
table.plainTable ul,
table.plainTable ol       			{ background-color:#fff; padding:0 0 0 2em }

/* handset costs table */	
table.handsetCosts                  { width: 100%; margin-top:0}
table.handsetCosts td               { vertical-align: center; padding: 3px 0 3px 3px; }
table.handsetCosts td span          { float: left; line-height: 25px; color:#395362; /* targetting the preface to tarifs overlay button */ }
table.handsetCosts th               { background-color: #395362!important; }
table.handsetCosts td               { text-align: center; font-weight:bold}	
table.handsetCosts th.supertitle    { font-size: 1.5em; border-bottom: solid 5px #fff; padding: 3px 0 3px 10px; text-align:left}
/* colors used in the tariffs overlay - differs from the handset detail due to the use of #fff text on the latter. */
.tariffPink td, .tariffPink                     { background-color: #f6bad4!important;  color: #fff}
.tariffGreen td, .tariffGreen                   { background-color: #83c54a; color: #fff }
.tariffYellow td, .tariffYellow                 { background-color: #fcc231; color: #fff }
.tariffBlue td, .tariffBlue                     { background-color: #1fc3e7; color: #fff }
.darkerTariffPink td, .darkerTariffPink         { background-color: #f6b7d2; color: #fff }
.darkerTariffGreen td, .darkerTariffGreen       { background-color: #7dc242; color: #fff }
.darkerTariffYellow td, .darkerTariffYellow     { background-color: #fcb913; color: #fff }
.darkerTariffBlue td, .darkerTariffBlue         { background-color: #00bbe4; color: #fff }
.xOverlay                                       { padding-top: 2em}

/* tarrif table in overlay */
.tariffBox			{ border-radius: 4px; width: 100%; padding: 7px 0; color: #fff; text-align: center; }
.tariffBoxSquare 	{ height: 40px; line-height: 40px; width: 50px; border-radius: 4px; width: 80%; padding: 10%; color: #fff; text-align: center; }
.extraTariff 	    {  padding: 13%; width: 100%; }
	

/** OVERLAYS **************************************/
/* overlays - hide these by default */
.idXFormReserve  		{ display: none; }
.jtOverlay 				{ width: 95.9%; border: solid 1px #ccc; clear: both; margin-bottom:1.5em; background-color:#fff; min-height:400px; padding: 2%; z-index:10000; color: #395362; }
.jtOverlay .close 		{ background: transparent url(../images/assets/sprite_forms.png) no-repeat -200px -100px; position: absolute; display: none; right: 15px; top: 15px; height: 30px; width: 30px; }
.jtOverlay .close span 	{ display: none; }
.js .jtOverlay 			{ display:none; z-index:10000; width: 545px; padding:10px}
.js .jtOverlay .close 	{ display: block; }
.jtOverlay h1			{ margin-bottom: 10px; padding:0}
.jtOverlay ul			{ margin:0; padding:0; list-style-type:none; background-color:transparent}
.jtOverlay table li, 
.jtOverlay table td small 	{ margin-bottom: 4px; }
.jtOverlay table td.title 	{ text-align: center; font-weight: bold; }
.jtOverlay table th			{ background-color:#fff!important; color:#333; margin:0; padding:0}
.jtOverlay table td			{ background-color:#fff!important; margin:0; padding:0}
.tariffIncludes 			{ vertical-align: top; background: #fff url(../images/assets/tariff_arrows_includes.gif) no-repeat left top; padding: 33px 0 0 8px!important; }
.tariffIncludes.moretariffs { vertical-align: top; background: #fff url(../images/assets/arrow-table.gif) no-repeat left top; padding: 33px 0 0 8px!important; }
.tariffIncludes small 		{ font-weight: bold; display: block; }
.tariffIncludes li 			{ background: #fff url(../images/assets/tick.gif) no-repeat left center; padding: 0 0 0 15px!important; margin:0; 	}
.idTariffLegend p 			{ font-size: 1.333em; border-bottom: solid 1px #CCC; padding: 0 0 15px 0; }
/* @end */



/** Where to find us, stores **************************************/
/* table */
.vendorResults          { margin-bottom: 20px; width: 100%; }
.vendorResults th       { background-color: #395362; 	color: #FFF; font-weight: bold; padding: 5px;  }
.vendorResults td       { color: #395362; padding: 5px; }
.vendorResults big, 
.vendorResults small    { display: block; float: left; clear: both; margin-bottom: 3px;}
.vendorResults big      { font-weight: bold; }
.vendorResults tbody td { background-color: #f5f5f5; vertical-align: center; }
.idGoogleMap 			{ background-color: #ccc; min-height: 300px; width: 100%; }
* html .idGoogleMap 	{ height: 300px}

/** DIRECTORY **************************************/
.directory				{ background-color: #e5f0f2; background-repeat:no-repeat; margin:0 0 20px 0; padding:15px; overflow:hidden; min-height:510px; height:auto!important; height:510px;}
.directory .dir-block	{ padding:10px 10px 0 10px; overflow:hidden; border: 1px solid #817d6a; background-color: #c5b997; margin-bottom:20px; min-height:120px;
	/* css3 */
	-webkit-box-shadow: 1px 1px 8px #333; 
	-moz-box-shadow: 1px 1px 8px #333; 
	box-shadow: 1px 1px 8px #333;	
	background: -moz-linear-gradient(center top, rgb(232,224,201) 50%, rgb(197,185,151) 100%);
	background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#e8e0c9), to(#c5b997));
	background: linear-gradient(top, #e8e0c9, #c5b997);
	behavior: url(/PIE.htc); position:relative;
	-pie-background: linear-gradient(#e8e0c9, #c5b997); 
}
.directory .dir-block .field		{ float:left; margin-bottom: 15px; padding:0; min-width: 45%}
.directory .dir-block .field.left	{ margin-right: 15px; }
.directory .dir-block.colLeft		{ clear:both; float:left; width: 46%; margin: 0 0 20px 0; }
.directory .dir-block.colRight		{ float:right; width: 46%; margin: 0 0 20px 0;  }
.directory .dir-block label, 
.directory .dir-block strong.legend	{ display:block; font-weight:bold; padding-bottom:0.3em}
.directory .dir-block .field-txt-s,	
.directory .dir-block .field-txt-m,
.directory .dir-block .field-txt-l		{ width: 250px; border:1px solid #857d56; background-color:#fff; padding: 5px 3px 6px 3px;   }
.directory .dir-block .field-txt-s		{ width: 62px}
.directory .dir-block .field-txt-m		{ width: 175px}
.directory .dir-block span.wrap			{ display:inline-block; padding: 3px 4px; background-color:#b8aa8d; float:left; margin-bottom: 5px}
.directory .dir-block .button			{ float:left; margin-left: 5px; background-color: #003459;  color:#fff; }
	


/** SEARCH RESULTS **************************************/
.results			{ margin: 0 0 1.5em 0; padding:0; list-style-type:none; width: 100%;}
.results li		{ border-bottom: 2px solid #fff; padding: 10px; margin: 0; overflow:hidden; }
.results li img	{ float:left; margin: 0 15px 5px 0}
.results li p		{ margin: 0}
.results h3		{ font-size: 1.167em; margin:0; padding: 0 0 0.5em 0; }
.results h3 a		{ text-decoration:none}
.results h3 a:hover,
.results h3:focus,
.results h3:active	{ text-decoration:underline}


/** SEARCH FORM BOX **************************************/
.searchBox	{ margin: 0 0 1.5em 0; padding: 10px; background: #f5f5f5 url(../images/assets/handsetCarousel_bgd.jpg) no-repeat 50% 100%; position:relative;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc; 
	-moz-box-shadow: 1px 1px 3px #ccc; 
	box-shadow: 1px 1px 3px #ccc;	
 }
.searchBox .typeText		{ border: 1px solid #ccc; background-color:#fff; width: 50%; padding:3px; margin: 0 0 5px 0}
.searchBox ul				{ margin:0; padding:0; }
.searchBox ul li			{ list-style-type:none; float:left; margin: 0 20px 0 0}
.searchBox .button			{ position:absolute; top:10px; right:20px}

	
/** xFORM **************/
.xForm table						{ width: 100%; clear:both; margin-bottom: 1.5em; }
.xForm table  tr td				    { border-bottom: 2px solid #fff; overflow:hidden; padding: 5px 10px; margin:0; width: 96%; background-color:#eee; vertical-align:top}	
.xForm table .tdLabel				{ width: 40%; font-weight:bold}
.xForm table .tdField				{ width: 50%}
.xForm table .error					{ color:red; display:block; margin-top: 3px; }
.xForm table p						{ margin: 1em 0; }
.xForm table h3						{ padding: 3px 10px; margin:-5px -10px -5px -10px}
.xForm table h3 span				{ font-weight:normal}
.xForm table h3 span a				{ color:#fff; text-decoration:underline}
.xForm table .typeText,
.xForm table .typeTextarea			{ width: 90%; border: 1px solid #666; padding: 2px 5px; }
.xForm table .tdField.large select	{ width: 94%;  }
.xForm table .typeCheckbox			{ vertical-align: top}

.xForm table table              { margin-bottom: 0.5em; }
.xForm table table tr td        { border-bottom: none; width: auto; text-align:left}	
	

/* Global landing page: new */
.globalLanding   { clear:both; background-color:#fff; border: 1px solid #ddd; padding:10px; 
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
.globalLanding .inner    { background-color:#eff0f0; padding:10px 10px 0 10px; overflow:hidden; min-height: 300px; 
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
* html .globalLanding .inner	{ height: 390px}
.globalLanding .mapImage         { float:right; width: 65%; padding: 0 0 10px 0}
.globalLanding .mapImage img     { max-width:100%; float:right}
.globalLanding ul.services       { float:left; width: 34%; margin:0 1% 0 0; padding:0; list-style-type:none; background-color:transparent}
.globalLanding ul.services li    { background-color:#fff; border: 1px solid #ddd; padding:7px 10px 5px 10px; margin:0 0 10px 0; font-size: 0.92em; min-height: 100px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.globalLanding ul.services li h2     { font-size: 1.8em; margin: 0; padding: 0 0 5px 0; color: #46a748}
.globalLanding ul.services li p      { margin:0; padding:0 0 5px 0}
.globalLanding fieldset              { clear:both; text-align:right; margin:0 0 5px 0; padding:10px 0 5px 0; }
.globalLanding p.btn                   { clear:both; text-align:right; margin:0 0 15px 0;  }
.globalLanding fieldset input        { margin-left: 5px}

.globalLanding .selectWrap           { background-color:#46a748; display:inline; padding: 5px; color:#fff;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.globalLanding .selectWrap.colour1   { background-color:#46a748; }
.globalLanding .selectWrap.colour2   { background-color:#ef9522; }
.globalLanding .selectWrap.colour3   { background-color:#a6ce34; }	
.globalLanding .selectWrap .field    { border:none; color:#fff; margin:0; padding:0}
.globalLanding .selectWrap.colour1 .field   { background-color:#46a748; }
.globalLanding .selectWrap.colour2 .field   { background-color:#ef9522; }
.globalLanding .selectWrap.colour3 .field   { background-color:#a6ce34; }

/*e-Gaming Generic landing page*/

.globalLanding ul.genericlanding-options       { float:left; width: 34%; margin:0 1% 0 0; padding:0; list-style-type:none; background-color:transparent}
.globalLanding ul.genericlanding-options li    { background-color:#fff; border: 1px solid #ddd; padding:23px 10px 5px 10px; margin:0 0 10px 0; font-size: 0.92em; max-height: 130px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.globalLanding fieldset.genericlanding-options  { clear:both; text-align:right; margin:0 0 5px 0; padding:5px 0 5px 0; }	

.genericlanding-options .buttonFullWidth, input.button {
    background: none repeat scroll 0 0 #325E7B;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 7px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    color: #fff;
    
}

.genericlanding-options .buttonFullWidth, p.btn .button, input.button { min-width: 120px; }


/* Homepage new carousel */
#genericCarousel 					{ overflow:hidden; width:100%;}
#genericCarousel .carousel-body 	{ float:left; width: 67%; height: 240px;}
#genericCarousel .carousel-body img	{ max-width: 100%; border-radius: 5px;}
#genericCarousel .carousel-menu 	{ width: 32%; background-color: #fff; float:right; list-style-type:none; overflow:hidden; margin:0; padding:0  }
#genericCarousel .carousel-menu li  { border: 1px solid #ddd; margin: 0 0 8px 0; padding:1px; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;                                
}
#genericCarousel .carousel-menu li:last-child	{ margin:0}
#genericCarousel .carousel-menu li a			{ display:block; text-decoration:none; padding: 8px 35px 0 5px; height: 30px; background:#e3e4e5 url(../images/assets/sprite_carousel.png) repeat-x 0 -200px; font-size:0.9em; font-weight:bold; color:#333; position:relative; line-height:normal}
#genericCarousel .carousel-menu li a b			{ width:28px; height:38px; background:#e3e4e5 url(../images/assets/sprite_carousel.png) repeat-x -100px 0; position:absolute; right:0; top:0; cursor:pointer}
#genericCarousel .carousel-menu li a:hover b,
#genericCarousel .carousel-menu li.current a b	{ background-position: 0 0; }


/* Sitemap tree */
div#fileTree						{ padding: 0 10px; position:relative}
div#fileTree ul						{ margin:0 0 1.5em 0; padding:15px 0 0 0; width: 100%; background-color:#fff;}
div#fileTree ul ul					{ margin: 0.2em 0; padding:5px 0 1em 15px;}
div#fileTree ul li					{ padding: 5px 0 5px 0.5em; border-bottom: 3px solid #eee}
div#fileTree ul li li				{ border:none; padding: 0}
div#fileTree a						{ text-decoration:none;}
div#fileTree a:hover,
div#fileTree a:focus,
div#fileTree a:active				{ text-decoration:underline; }

#fileTree li a						{ color: #333; font-size: 1.333em; display:inline-block; }
#fileTree li li a					{ font-size:1.167em; font-weight:bold; }
#fileTree li li li a				{ font-size:1em; font-weight:normal}
/* JS enhancement */
.tree								{ overflow:hidden; list-style-type:none; }
.tree li							{ list-style-type:none; }
.tree a								{ padding: .1em 7px .1em 27px; margin:0; background: url(../images/assets/icon-file.gif) no-repeat 5px  50%; }
.tree ul.tree-group-collapsed		{ display:none}
#fileTree a.tree-parent			    { background: url(../images/assets/icon-folder-open_personal.gif) no-repeat 0 2px; }
#fileTree a.tree-parent-collapsed	{ background: url(../images/assets/icon-folder_personal.gif) no-repeat 0 2px}
/* expand/collapse all links */
.sitemapNav							{ position: absolute; top: 3em; right: 0; background-color:#fff; padding: 5px; border: 1px solid #eee; margin-right:10px}
.sitemapNav a						{ text-decoration:none; font-weight:bold; background: url(../images/assets/sitemap_nav.gif) no-repeat 0 0; padding: 5px 0 5px 30px}
.sitemapNav a.active				{ background-position: 0 -26px}
 
/* @end sitemap */

/* Web font */
@font-face {
    font-family: 'TondoRegular';
    src: url('/fonts/tondo_std_rg-webfont.eot');
    src: url('/fonts/tondo_std_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/tondo_std_rg-webfont.woff') format('woff'),
         url('/fonts/tondo_std_rg-webfont.ttf') format('truetype'),
         url('/fonts/tondo_std_rg-webfont.svg#TondoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1       { font-family:'TondoRegular', Arial, sans-serif!important; }
h2       { font-family:'TondoRegular', Arial, sans-serif!important; line-height:normal}

/* JT Complete Form Addtitions */
.jtcompleteform .checklist ul { list-style-type: none; }
.jtcompleteform .complete-monthly-rental { border: 1px solid black; padding: 2px 5px; width: 96px; height: 24px; display: block; background-color: White; font-weight: bold; font-size: 1.5em; vertical-align: middle; text-align:center; }
.jtcompleteform .complete-monthly-rental-label { vertical-align: bottom; padding: 6px 5px 0px 0px; font-size: 1.5em; color: Red; display: block; height: 24px; }
.jtcompleteformnumbers { display: block; clear: both; width: 710px; padding: 6px 10px 12px 10px; }
.jtcompleteformnumbers div { display: block; width: auto; min-height: 32px; }
.jtcompleteformnumbers div div { width: 25%; float: left; }
.jtcompleteformnumbers div div .typeText { width: 90%; border: 1px solid #666; padding: 2px 5px; }



/* NEW JT GLOBAL TEMPLATES jan 2012 */
.global .idBreadcrumb			{ padding: 0 0 10px 0}
.global .content				{ background-image:none; margin:0; padding:0 0 1em 0}
/* general, add to editor.css */
.global .content ul, 
.global .content ol 		{  overflow:hidden;  }


/* other sites form drop-down */
.idGlobalNav					{ width:100%}
.idGlobalNav .sites				{ float:right;text-align:right; margin-top:4px}
.idGlobalNav .sites label		{ float:left; width:auto; color:#fff; margin: 5px 5px 0 0; font-size: 0.92em; font-weight:bold}
.idGlobalNav .sites label img	{ margin-top: -8px; display:inline-block; vertical-align:top}
.idGlobalNav .sites .fieldWrap	{ float:left; background-color: #8ece13; border: 1px solid #237c25; border-radius: 3px; color: #fff; display: inline-block; padding: 3px;}
.idGlobalNav .sites .field		{ background-color: #8ece13; border:none; min-width: 130px;}

/* jtGlobal promoBox */
.jtGlobalPromoBox						{ clear:both; margin: 0 0 20px 0; padding:0; width: 100%; overflow:hidden; list-style-type:none; background-color:#fff; line-height:normal}
.jtGlobalPromoBox li					{ margin:0 0 2.5% 2%; padding:0; float:left; width: 49%; background-repeat:no-repeat; background-color:#fff; background-position: 0 0; line-height:1.3;}
.jtGlobalPromoBox li.firstItem			{ clear: left; margin-left: 0}
.jtGlobalPromoBox .button				{ min-width:80px}
.jtGlobalPromoBox .inner				{ float:right; padding: 8px 7px 5px 10px; margin:10px 12px; width: 160px; min-height: 167px; font-size:0.92em; }
.jtGlobalPromoBox .inner h2				{ font-size: 1.5em; font-weight:bold; margin:0; padding:0 0 0.4em 0; }
.jtGlobalPromoBox .inner p				{ clear:both; margin-bottom:5px; } 
.jtGlobalPromoBox .inner p:last-child	{ margin:0}
.jtGlobalPromoBox .inner img			{ margin: -8px 0 3px 5px; display:inline-block; vertical-align:top;}

/* jtGlobal landing hero */
.jtGlobalHero				{ clear:both; margin: 0 0 20px 0; padding:0; width: 100%; overflow:hidden;  background-color:#fff; height: 225px;}
.jtGlobalHero .innerBox		{ float:right; padding: 10px; margin:10px; width: 260px; height: 185px; background-color:#46a748; color:#00324e;  line-height:normal;}



.jtGlobalHero .innerBox h1	{ margin: 0 0 0.5em 0!important; padding:0; font-weight:bold; font-size:2.2em; }
.jtGlobalHero .innerBox h2,
.jtGlobalHero .innerBox h3	{ color:#fff; font-size: 1.333em; font-weight:bold; margin: 0 0 0.2em 0; padding:0}
.jtGlobalHero .innerBox p	{ margin-bottom:10px}
.jtGlobalHero .innerBox ul	{ background-color: transparent; margin: 0 0 0 1.2em; padding:0}

.jtGlobalHero .innerBoxCareer		{ float:right; padding: 10px; margin:10px; width: 260px; height: 185px; color:#00324e;  line-height:normal;}

.jtGlobalHero .innerBoxCareer h1	{color:#fff; margin: 0 0 0.5em 0!important; padding:0; font-weight:bold; font-size:2.2em; }
.jtGlobalHero .innerBoxCareer h2,
.jtGlobalHero .innerBoxCareer h3	{ color:#fff; font-size: 1.333em; font-weight:bold; margin: 0 0 0.2em 0; padding:0}
.jtGlobalHero .innerBoxCareer p	{ margin-bottom:10px}
.jtGlobalHero .innerBoxCareer ul	{ background-color: transparent; margin: 0 0 0 1.2em; padding:0}

/* jtGlobal home carousel */
.jtGlobalCarousel					{ clear:both; margin: 0 0 10px 0; width: 100%;  height:365px; overflow:hidden; position:relative}
.js .jtGlobalCarousel .slides > li 	{ display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.jtGlobalCarousel ul,
.jtGlobalCarousel ol 				{ margin: 0; padding:0; width: 100%; background-color:transparent; list-style:none;}
.jtGlobalCarousel li				{ margin: 0; padding:0; height: 365px;}
.jtGlobalCarousel li .innerBox		{ float:right; padding: 15px; margin:10px; width: 250px; height: 250px; background-color:#e6e6e4; color:#00324e; line-height:normal; border-radius: 20px; text-align:right;}
.jtGlobalCarousel li .innerBox h1	{ margin: 0 0 0.25em 0!important; padding:0; font-weight:bold; font-size:2.2em; color: #46a748; }
.jtGlobalCarousel li .innerBox h2,
.jtGlobalCarousel li .innerBox h3	{ font-size: 1.33em; font-weight:normal; margin: 0 0 1em 0; padding:0; line-height: 1.5}
.jtGlobalCarousel li img 			{ display: inline-block; text-align: right;}
.jtGlobalCarousel .button			{ font-size: 1.3em; margin-bottom: 1.5em; background-color: #46a748!important;}
.jtGlobalCarousel .button:hover,
.jtGlobalCarousel .button:focus 	{  background-color: #333!important;}
/* pagination */
.jtGlobalCarousel .flex-control-nav				{ position:absolute; bottom:85px; right: 90px; width: 100px; height: 15px; }
.jtGlobalCarousel .flex-control-nav li			{ float:left; text-align:center; margin:0 2px; padding:0; }
.jtGlobalCarousel .flex-control-nav li a		{ cursor: pointer; display:block; height:15px; width: 15px; margin:0; padding:0; text-indent:-999em; background: transparent url(../images/assets/carousel_pagin.png) no-repeat 0 0;}
.jtGlobalCarousel .flex-control-nav li a.active { background-position: -15px 0}
/* next/prev controls */
.jtGlobalCarousel .flex-direction-nav li		{ height:auto; display:none;}
.jtGlobalCarousel .flex-direction-nav li a 		{ width: 40px; height: 35px; display: block; background: url(../images/assets/global/sprite_jt_global.png) no-repeat 0 -50px; cursor: pointer; text-indent: -9999em;}
.jtGlobalCarousel .flex-direction-nav li .next 	{ position: absolute; bottom:10px; right:10px; background-position: -50px -50px; }
.jtGlobalCarousel .flex-direction-nav li .prev 	{ position: absolute; bottom:10px; right:250px; background-position: 0 -50px}


/* jtGlobal header: logo, search, navigation */
.jtGlobalHeader					{ clear:both; padding:10px 0; width:100%; position:relative}
.jtGlobalHeader .wrap			{ border: 1px solid #333; background: #36505f url(../images/assets/global/sprite_jt_global.png) repeat-x 0 -300px; width: 99.8%}
.jtGlobalHeader .logo			{ float:left}
.jtGlobalHeader .logo img		{ display:block}
/* social and search */
.jtGlobalHeader .rightBox				{ float:right; margin: 12px 0 5px 0}
.jtGlobalHeader .idSocial				{ margin:0 10px 0 0; float:left; }
.jtGlobalHeader .jtForm 				{ width: auto}
.jtGlobalHeader .idSearch				{ margin-right: 10px; }
.jtGlobalHeader	.idSearch .form-text	{ width:120px}
/* nav */
.jtGlobalHeader ul.nav			{ float:left; margin:0; padding:0; list-style:none}
.jtGlobalHeader ul.nav li		{ float:left; margin:0; padding:0}
.jtGlobalHeader ul.nav li a		{ display:block; border-left: 1px solid #36505f; height: 40px; color:#fff;  font-size: 1.15em; padding-top: 18px; width: 100px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none}
.jtGlobalHeader ul.nav li a		{ background: #36505f url(../images/assets/global/sprite_jt_global.png) repeat-x 0 -100px}
.jtGlobalHeader ul.nav li.on a,
.jtGlobalHeader ul.nav li:hover a	{ color:#fff; background-position: 0 -200px}
/* show the nib */
.jtGlobalHeader ul.nav li a					{ position:relative}
.jtGlobalHeader ul.nav li a em.nib			{ display:none; position: absolute; z-index: 101; top: 57px; width: 100%; height: 11px; background: transparent url(../images/assets/sprite_topnav.png) no-repeat 50% 0; }
.jtGlobalHeader ul.nav li.on a em.nib 		{ display:block; }
.jtGlobalHeader ul.nav li:hover a em.nib	{ display:block; z-index: 103;}
/* sublevel */
.jtGlobalHeader div.sublevel				{ z-index: 102; display:none; position:absolute; top:69px; left:0; background-color:#fff; border: 1px solid #ddd; width: 97.9%; padding: 1%;}
.jtGlobalHeader div.sublevel .inner			{ overflow:hidden; background-color:#f5f5f5; padding: 10px 0 0 0; border-bottom: 10px solid #f5f5f5}
.jtGlobalHeader ul							{ margin:0; padding:0; list-style-type:none}
.jtGlobalHeader ul li						{ margin:0; padding:0}
.jtGlobalHeader ul li>div.sublevel			{ left: 0; /* to override top and left in browsers other than IE*/ }
.jtGlobalHeader ul li:hover div.sublevel	{ display: block; }
/* sublevel columns */
.jtGlobalHeader ul.nav li .col				{ float:left; border-left: 1px solid #fff; border-right: 1px solid #ddd; margin:0 0 -500em 0; padding: 0 1% 500em 1%; width: 22%}
.jtGlobalHeader ul.nav li .col.first		{ border-left:none}
.jtGlobalHeader ul.nav li .col:last-child	{ border-right:none}
.jtGlobalHeader ul.nav li .col img	{ max-width:100%; display:block; margin-bottom: 10px}
.jtGlobalHeader ul.nav li .col dl	{ margin:0; padding:0}
.jtGlobalHeader ul.nav li .col dd	{ margin:0; padding: 0 0 2px 9px; background: transparent url( ../images/assets/sprite_arrows.gif) no-repeat 0 4px; }
.jtGlobalHeader ul.nav li .col a	{ display: inline-block; border:none; height:auto; padding:0; margin:0; width:auto; text-align:left; font-weight:normal; background:none; color: #00324e; text-transform:none; font-size:0.92em}
.jtGlobalHeader ul.nav li .col dt,
.jtGlobalHeader ul.nav li .col dt a	{ color:#46a748; font-weight:bold; margin:0; padding: 0 0 0.2em 0; font-size: 1em}
.jtGlobalHeader ul.nav li .col a:hover	{ text-decoration:underline}

.copyright {float:right; margin: 0;}
 

/* Top up your account form  Oct 2012*/
.formPretty				{ clear:both; margin: 1em 15% 2.5em 15%; }
.formPretty .inner		{ padding:30px 20px 20px; background-color:#fff; position:relative; z-index:5;
	border-radius: 0 0 10px 10px; margin-top: -11px; 
	-webkit-box-shadow: 0px 3px 4px rgba(100, 100, 100, 0.65);
	-moz-box-shadow:    0px 3px 4px rgba(100, 100, 100, 0.65);
	box-shadow:         0px 3px 4px rgba(100, 100, 100, 0.65);}  
.formPretty h2			{ margin:0; position:relative; z-index: 10; background: #fff url(../images/assets/bg_form_title.png) no-repeat 50% 0; color:#fff; text-align:center; line-height: 1.5; min-height: 44px; border-radius: 10px 10px 0 0;}

.formPretty .field				{ margin: 0 0 30px 0; overflow:hidden; }
.formPretty .field label		{ display:block; font-weight:bold; font-size: 14px; color:#395362; margin-bottom: 10px; }
.formPretty .field .typeText	{ line-height:1.9; display:block; border:none; padding: 0 0 0 10px; font-size: 14px; height:30px; color:#666; margin-bottom: 5px; width:95%; background: #fff url(../images/assets/sprite_pretty_form.png) no-repeat 0 -120px}
.formPretty .fieldWrap			{ clear:both; padding: 0 15px 0 0; margin:0 20% 0 0; background: #fff url(../images/assets/sprite_pretty_form.png) no-repeat 100% -120px;   }
.formPretty .field .error		{ clear:both; display:block; color:red;}
/* ie7 */
*:first-child+html .formPretty .fieldWrap	{background-position:100% -119px; }
*:first-child+html .formPretty .inner	{top: -7px;	}

/* pretty buttons */
.r-button:after		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.r-button			{ display:inline-block; padding:0 0 0 16px; overflow:hidden; zoom:1; background: #fff url(../images/assets/sprite_pretty_form.png) no-repeat 0 2px;}
.r-button a, 
.r-button input, 
.r-button button	{ float:left; font-weight:bold; padding: 8px 40px 0 10px; height: 28px; font-size: 14px; background: #fff url(../images/assets/sprite_pretty_form.png) no-repeat 100% 2px; text-decoration:none; text-align:center; color:#395362!important; cursor: pointer; white-space: nowrap; }
.r-button input, 
.r-button button	{ overflow: visible; display:block; height: 36px; margin:0; padding: 0 40px 0 10px; border:none; -webkit-border-radius:0; vertical-align:top; }
.r-button button::-moz-focus-inner,
.r-button input::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */}
/* hover/focus */
.r-button a:hover, .r-button a:focus, 
.r-button input:hover, .r-button input:focus, 
.r-button button:hover, .r-button button:focus	{ background-position: 100% -48px}
*:first-child+html .r-button  					{ display:inline} /* ie7 */

/* Call stats table */
.callStats 					{ clear:both; display: inline-block; border: 1px solid #ddd; border-radius: 5px; margin: 0 0 1.5em 0; padding: 10px; background-color:#fff; color:#fff; }
.callStats table 			{ margin:0; padding:0; border-collapse: collapse; border:none;}
.callStats table th 		{ font-size: 16px; border-radius: 7px 0 0 7px; text-align:left;}
.callStats table td 		{ text-align:center; font-size: 14px; border-radius: 0 7px 7px 0}
.callStats table tr th,
.callStats table tr td 		{ background-color: #8ece13; color:#fff; font-weight: bold; margin:0; padding: 10px; vertical-align: middle; border:none; border-top: 3px solid #fff;}
.callStats table tr:first-child th,
.callStats table tr:first-child td {border-top:none;}
.callStats table tr.odd th,
.callStats table tr.odd td  { background-color: #46a748;}
.callStats .big 			{font-size: 46px; font-weight: lighter; line-height: normal}