/* HTML ELEMENTS */
table {
	margin-left: 18px;
	border: 0;
}
table th {
	border: none;
	background-color: #5991c2;
	color: white;
	font-weight: bold;
}
table tr.price th {
	border: none;
	background-color: transparent;
	color: black;
	font-weight: bold;
	text-align: right;
}
table tr.price th.price {
	font-weight: normal;
	width: 45px;
}

table tr.alternate {
	background-color: #eee;
}
table td {
	border: none;
}
table td.currency, table td.controls {
	text-align: right;
}

div.features-page table {
	margin: 0;
}
div.features-page table td.name-desc span.name {
	font-weight: bold;
}



div.controls {
	text-align: right;
	margin: 5px 0;
	clear: both;
}
div.controls.viewmore {
	text-align: right;
	margin: 0;
	padding: 5px 0;
	clear: both;
	background-color: white;
}

div.controls p {
	margin: 0;
}
div.controls a {
	color: #336633;
	text-decoration: none;
}
div.controls a:hover, div.controls a.alt:hover {
	text-decoration: underline;
}
div.controls a.alt {
	color: #006699;
	text-decoration: none;
}

span.news-date {
	margin: 0;
	font-style: italic;
	color: #666;
	font-size: 77%;
}




/* HEADER */
div#hd div#header p {
	margin: 0;
	text-align: right;
	font-size: 123.1%;
	font-weight: bold;
	padding: 10px;
}
div#hd div#header img#main-logo {
	position: absolute;
	top: 15px;
	left: 0px;
}
div#hd div#header p#strap-line {
	position: absolute;
	top: 42px;
	left: 75px;
	font-size: 90%;
	font-style: none;
	color: #999;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: "verdana";
}
div#hd div#header img#phone-number{
	position: absolute;
	top: 0px;
	right: 0px;
}
div#hd div#header p#portal-link {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 3px 5px;
	font-size: 10px;
	background-color: #219159;
	text-align: center;
}
div#hd div#header p#portal-link a {
	color: white;
	font-weight: bold;
}

/* TOP NAVIGATION */
div#header ul#main-menu {
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	bottom: 0;
	right: 30px;
}
div#header ul {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
div#header ul li {
	list-style: none;
	background: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

div#header ul li a img {
	vertical-align: bottom;
}
div#header ul li a {
	display: block;
}
div#header ul li ul a {
	display: block;
	padding: 5px 5px 5px 25px;
	margin: 0 2px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	font-size: 85%;
	color: #fff;
	background-color: #2e8fce;
}

/* Second Level */
div#header ul li ul {
	position: absolute;
	width: 155px;
	z-index: 6000;
	display: block;
	height: 0;
	background-color: #0e73a7;
	color: white;
	overflow: hidden;
}
/*
 * Uncomment this to use a pure CSS popup menu instead of the jQuery one.
div#header ul li:hover ul {
	display: block;
	z-index: 100;
}
*/
div#header ul li ul li {
	display: block;
	float: none;
	border: 1px solid #0b5283;
	border-bottom: none;
}
div#header ul li ul li a {
	margin: 0;
}
div#header ul li ul li:hover a {
	color: #fff;
	background-color: #0b5283;
}
div#header ul li ul li.last {
	border-bottom: 1px solid #0b5283;
}


/* TOP PROMO */
div#hd div#promo img {
	vertical-align: bottom;
}


/* MIDDLE PROMO */
div.middle-promo {
	width: 242px;
}
div.middle-promo h1 {
	font-size: 108%;
	background: url('../images/title-bg-blue.gif') no-repeat  100% 50%;
	margin: 1em 0 0 0;
	padding: 1px 3px 1px 18px;
	color: white;
	font-weight: normal;
}
div.middle-promo div.content {
	background: url('../images/middle-promo/block-bg.gif') no-repeat 50% 100%;
	margin: 0;
	padding: 1px 0 10px 0;
}

div.middle-promo.green h1 {
	background: url('../images/title-bg-green.gif') no-repeat  100% 50%;
}
div.middle-promo.bronze h1 {
	background: url('../images/title-bg-bronze.gif') no-repeat  100% 50%;
}
div.middle-promo.silver h1 {
	background: url('../images/title-bg-silver.gif') no-repeat  100% 50%;
}
div.middle-promo.gold h1 {
	background: url('../images/title-bg-gold.gif') no-repeat  100% 50%;
}
div.middle-promo.black h1 {
	background: url('../images/title-bg-black.gif') no-repeat  100% 50%;
}


div#home-partner-logos {
	text-align: left;
}


/* SIDE BAR */
div#sidebar h1.block {
	font-size: 108%;
	background: url('../images/title-bg-blue.gif') no-repeat  100% 50%;
}
div#sidebar h1.block span {

}

/* basket info in the side bar */
p.basket-info {
	clear: both;
}
p.basket-info span.label {
	display: block;
	float: left;
}
p.basket-info span.value {
	display: block;
	float: right;
}
div#sidebar div#basket-mini-cc-logos {
	text-align: center;
}

/* Shortlist entries in the side bar. */
div#sidebar img#shortlist-clock {
	float: left;
	margin-right: 10px;
}
ul.shortlist {
	margin: 0;
	padding: 0;
}
ul.shortlist li {
	margin: 2px;
	padding: 2px 2px 2px 10px;
	list-style: none;
	text-align: left;
	font-weight: bold;
	position: relative;
}
ul.shortlist li.bronze {
	border-left: 5px solid #c3953c;
}
ul.shortlist li.silver {
	border-left: 5px solid #bcc3c7;
}
ul.shortlist li.gold {
	border-left: 5px solid #c0b60b;
}
ul.shortlist li.platinum {
	border-left: 5px solid #d9ddde;
}
ul.shortlist li span.controls {
	position: absolute;
	top: 3px;
	right: 0;
	font-weight: normal;
}
ul.shortlist li span.controls span.basket a:hover {
	text-decoration: underline;
}
ul.shortlist li span.controls span.basket a {
	color: #006699;
	text-decoration: none;
}
ul.shortlist li span.controls span.shortlist a {
	color: #336633;
	text-decoration: none;
}

/* Number Promo */
div#sidebar p.number-promo {
	text-align: center;
}
div#sidebar p.number-promo span.number {
	display: block;
	font-size: 153.9%;
	font-weight: bold;
	padding-top: 0.5em;
}


/* search box */
img#search-icon {
	vertical-align: middle;
}
div#side-search {
	text-align: left;
	position: relative;
}
div#side-search input {
	width: 80px;
	margin: auto;
}



/* PRE FOOTER!!! */
div#prefoot {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 85%;
	border-top: 1px solid #eee;
	padding-top: 10px;
}
div#prefoot p {
	margin: 0 0 0 18px;
	padding: 10px 0 0 0;
	color: #707070;
	font-weight: bold;
	clear: both;
}
div#prefoot ul {
	float: left;
	width: 220px;
	margin: 0 0 0 18px;
	padding: 0;
}
div#prefoot ul.narrow {
	width: 200px;
}
div#prefoot ul li {
	list-style: none;
	background: transparent url('../images/tinylist.png') no-repeat 0 3px;
	margin: 0;
	padding: 0 0 0 10px;
}
div#prefoot ul li a {
	text-decoration: none;
	color: #707070;
}

/* FOOTER */
div#ft p#footer-logos {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	float: left;
}
div#ft p#footer-logos img {
	margin-right: 20px;
}
div#ft p img#footer-click-logo {
	display: block;
	float: left;
}
div#ft p img#footer-partners {
	display: block;
	float: right;
}



/* FOOTER NAVIGATION */
div#footer-navigation {
	padding: 0;
	text-align: right;
}
div#footer-navigation ul {
	margin: 0;
	position: relative;
	-webkit-padding-start: 0;
}
div#footer-navigation ul li {
	display: inline;
	margin: 0;
	border-left: 1px solid silver;
	padding: 0 5px;
}
div#footer-navigation ul li a {
	text-decoration: none;
	color: #666;
}
div#footer-navigation ul li a:hover {
	color: black;
}



/* NUMBER BUTTONS */
div.button-wrapper {
	margin: 1em auto;
	width: 220px;
}
div.button-wrapper ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
div.button-wrapper ul li {
	list-style: none;
	display: block;
	float: left;
	position: relative;
	margin: 0 3px;
	padding: 0;
	width: 67px;
	height: 80px;
}

	
	
	
/* PACKAGE PAGE */
div.package-block-wrapper {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 30px;
}
div.package-block-wrapper div.package-block {
	float: left;
	width: 220px;
	margin: 5px;
	background-color: #eeeeee;
	border: 1px solid #bcc3c7;
}
div.package-block-wrapper div.package-block.basic h2 {
	background: #5b99c0 url('../images/blue-number-head.png') no-repeat bottom center;
	color: white;
}
div.package-block-wrapper div.package-block h2 {
	padding: 5px;
	height: 50px;
	margin: 0;
	text-align: center;
	background: #bcc3c7 url('../images/silver-number-head.png') no-repeat bottom center;
	color: black;
	border: none;
}
div.package-block-wrapper div.package-block h2 span.lowprice {
	display: block;
	font-weight: normal;
	font-size: 77%;
}
div.package-block {
	position: relative;	
}

div.package-block img.popular-package {
	position: absolute;
	top: -50px;
	left: -15px;
}
div.package-block p {
	padding: 2px 2px 2px 5px;
	text-align: left;
	font-size: 90%;
}
div.package-block ul.package-products {
	margin: 0 0 0 16px;
	padding: 3px;
}	
div.package-block ul.package-products li {
	list-style: none outside url('../images/tinylist2.png');
	margin: 0;
	padding: 2px 0;
	position: relative;
	font-size: 90%;
	cursor: pointer;
}
div.package-block ul.package-products li:hover {
	color: #006699;
}
div.package-block li div.prod-details {
	display: none;
	position: absolute;
	left: 106px;
	top: 0px;
	width: 250px;
	background: transparent url('../images/elements/popup-box-arrow.png') no-repeat scroll -4px -27px;
	z-index: 100;
	padding: 0 0 0 20px;
}
div.package-block li div.prod-details div.prod-details-inner {
	border: 1px solid #333;
	padding: 10px;
	border-left: none;
}
div.package-block li div.prod-details p {
	text-align: left;
	font-size: 100%;
}
div.package-block li:hover div.prod-details {
	display: block;
}
	
/* NUMBER PAGES */
/* The 4 grade number blocks */
div.number-block {
	margin: 0;
	clear: both;
	width: 100%;
	float: left;
}
div.number-block h2 {
	text-align: left;
	margin: 0;
	padding: 1px 0 1px 5px;
	position: relative;
	font-size: 100%;
}
div.number-block h2 span.lowprice {
	display: block;
	font-weight: normal;
	font-size: 77%;
}
div.number-block h2 a.view-all {
	position: absolute;
	display: block;
	right: 60px;
	top: 3px;
}
div.number-block.bronze h2 {
	background: #c3953c url('../images/title-bg-bronze.gif') no-repeat 85% 50%;
	color: black;
}
div.number-block.silver h2 {
	background: #bcc3c7 url('../images/title-bg-silver.gif') no-repeat 85% 50%;
	color: black;
}
div.number-block.gold h2 {
	background: #c0b60b url('../images/title-bg-gold.gif') no-repeat 85% 50%;
	color: black;
}
div.number-block.platinum h2 {
	background: #d9ddde url('../images/title-bg-plat.gif') no-repeat 85% 50%;
	color: black;
}

div.number-block ul {
	margin: 0 0 2em 0;
	padding: 0;
	width: 100%;
	float: left;
}
div.number-block ul li {
	margin: 5px 5px 5px 0;
	list-style: none;
	color: #333;
	width: 135px;
	float: left;
	position: relative;
}
div.number-block ul li div.number {
	font-size: 90%;
	font-weight: bold;
	padding: 0;
}
div.number-block ul li a.buynow {
	float: right;
	display: block;
	position: absolute;
	right: 5px;
	top: 0px;
}
div.number-block ul li div.controls {
	font-weight: normal;
	font-size: 77%;
	margin: 0;
	padding-right: 3px;
	text-align: left;
}



/* Search results */
div.search-results ul {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	width: 100%;
}
div.search-results ul li {
	margin: 0 5px;
	padding: 5px 0;
	list-style: none;
	color: #333;
	background-color: #eeeeee;
	border-bottom: 1px solid #a0c6d7;
	width: 160px;
	float: left;
}
div.search-results ul li div.number {
	font-size: 100%;
	font-weight: bold;
	padding: 0 5px;
}
div.search-results ul li div.controls {
	font-weight: normal;
	font-size: 77%;
	margin: 0;
	padding-right: 3px;
}

p.page-controls {
	text-align: center;
}
p.page-controls span.prev {
	float: left;
}
p.page-controls span.next {
	float: right;
}

/* benefit lists */
ul.number-benefits li {
	margin-bottom: 1em;
}
ul.number-benefits li span.title {
	font-weight: bold;
}
ul.number-benefits li span.details {
	color: #333;
}



/* BASKET */
div.basket-item {
	clear: both;
	display: block;
	margin: 1em 0;
	position: relative;
	float: left;
	width: 100%;
}
div.basket-item h2 {
	margin: 0;
}

div.basket-line {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 100%;
	border-bottom: 1px dotted silver;
	background-color: #eeeeee;
}
div.basket-line.last {
	border-bottom: 1px solid silver;
}

div.basket-line.basket-subtotal {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background-color: #eee;
	color: #666;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
div.basket-line.basket-total {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #eee;
	font-size: 123.1%;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
div.basket-line.basket-total div.price {
	font-size: inherit;
}

div.basket-line div.name-desc {
	float: left;
	padding-left: 18px;
}
div.basket-line div.name-desc span.name {
	font-weight: normal;
}
div.basket-line div.name-desc span.desc {
	color: #333;
	font-style: normal;
	font-size: 90%;
}

div.basket-line div.price {
	float: right;
	font-weight: bold;
	font-size: 123.1%;
	padding: 2px 18px 2px 2px;
}

div.basket-item h2 span.remove {
	font-weight: normal;
	font-size: 77%;
}



/* FORMS */
fieldset {
	border: 1px solid #333;
	background-color: #eee;
	position: relative;
	margin-top: 1.5em;
	padding-top: 1em;
}
fieldset legend {
	border: 1px solid #333;
	padding: 5px;
	margin: 0 0.5em;
	background-color: #e0e0e1;
	font-weight: bold;
	position: absolute;
	top: -1em;
	left: 1em;
}
input[type="text"], input[type="password"] {
	width: 16em;
}
textarea {
	width: 16em;
}
label.required {
	font-weight: bold;
}


div.standard-form fieldset {
	width: 100%;
	float: left;
	clear: both;
}
div.standard-form div.formelement {
	width: 100%;
	float: left;
	clear: both;
	padding: 5px 0;
}
div.standard-form div.formelement label {
	width: 180px;
	float: left;
	padding-left: 18px;
}
div.standard-form div.formelement label.longlabel {
	width: 380px;
}
div.standard-form div.formelement.submit-buttons {
	text-align: center;
}
div.standard-form div.formelement.submit-buttons input#setdestination {
	background: url('../images/buttons/add_to-basket.png') no-repeat 50% 50%;
	border: none;
	width: 105px;
	height: 40px;
	cursor: pointer;
	color: transparent;
	line-height: 150px;
	overflow: hidden;
}
div.standard-form div.formelement.submit-buttons input#sendenquiry {
	background: url('../images/buttons/send_enquiry.png') no-repeat 50% 50%;
	border: none;
	width: 105px;
	height: 40px;
	cursor: pointer;
	color: transparent;
	line-height: 150px;
	overflow: hidden;
}
div.standard-form div.formelement ul.errors {
	margin: 0 0 0 198px;
}


/* CALL SOLUTIONS */
div.call-solutions div.active {
	border: 1px solid silver;
	background-color: #ffffcc;
	padding: 5px;
	margin: 0;
}
div.call-solutions div.active h2 {
	margin-top: 0.2em;
}


/* Checkout / Order Progress */
p#order-progress {
	text-align: left;
	
}
p#order-progress span.progress {
	font-size: 123%;
	background-color: #eee;
	color: #999;
	padding: 5px 20px;
}
p#order-progress span.progress.active {
	background-color: #006699;
	color: #fff;
}