@import 'reset.css';

/*
	GLOBALS
	--------------------
*/

body {
	font: 70.5%/1.3em Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	}

a {
	color: #ef2586;
	text-decoration: none;
	}


.Pcls {
		margin: 0 0 1em;
		}
 	p.intro {
		margin: 15px 20px;
		font-size: 1.1em;
		font-weight: bold;
		}

object {
	display: block;
	margin: 0 0 10px;
	}

/*
	LAYOUT
	--------------------
*/
#indirect-channels {
	margin: 0 auto;
	width: 555px;
	}

#payg,
#network-services {
	margin: 0 11px 0 0;
	}

#payg .box-content {
	background: url('../img/phone-payg.jpg') no-repeat 195px 43px;
	}

#pay-monthly .box-content {
	background: url('../img/pay-monthly-sims.jpg') no-repeat 173px 43px;
	}

#payg .btn-slimPink,
#pay-monthly .btn-slimPink {
	margin: 0 0 5px;
	}

#extras-rewards {
	clear: left;
	}
	#extras-rewards .box-content {
		height: 89px;
		background: url('../img/happy-customers.jpg') no-repeat bottom right;
		}
	#extras-rewards p {
		width: 255px;
		}

#extras-rewards-small .box-content {
	height: 116px;
	background: url('../img/customers-gaming.jpg') no-repeat bottom right;
	}

#extras-rewards-small p {
	margin: 0 0 39px;
	width: 230px;
	}

/*
	BOXES
	--------------------
*/
.box {
	margin: 0 0 10px;
	width: 555px;
	}
	.box-half {
		float: left;
		width: 272px;
		}
	.box-content {
		overflow: hidden;
		padding: 13px;
		border-left: 1px solid #c5c5c5;
		border-right: 1px solid #c5c5c5;
		border-bottom: 1px solid #c5c5c5;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		}
		.box-content .opener {
			float: right;
			padding: 0 0 0 16px;
			background: url('../img/sprite-assets.png') no-repeat 0 -186px;
			font-weight: bold;
			color: #333;
			}
			.box-content .open { /* inheris from .opener */
				}
			.box-content .close {
				background: url('../img/sprite-assets.png') no-repeat 0 -257px;
				}
	.box-content-subhead {
		overflow: hidden;
		}
		.box-content-subhead p {
			float: left;
			margin: 0;
			width: 420px;
			}
	.box-content-drop {
		overflow: hidden;
		clear: both;
		padding: 10px 0 0;
		}
	.box img {
		display: block;
		}

/*
	BUTTONS
	--------------------
*/
.btn {
	display: block;
	padding: 0 10px;
	height: 32px;
	background: url('../img/sprite-assets.png') no-repeat 0 0;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	}		
	.btn-grey {
		width: 142px;
		}
	.btn-pink {
		width: 142px;
		background-position: 0 -42px;
		}
	.btn-largeGrey {
		width: 230px;
		background-position: 0 -84px;
		}
	.btn-largePink {
		width: 230px;
		background-position: 0 -126px;
		}
	.btn-slimPink {
		background-position: -172px -42px;
		width: 126px;
		height: 26px;
		font-size: 11px;
		line-height: 24px;
		}

/*
	TABS
	--------------------
*/
.tabs {
	overflow: hidden;
	}
	.tabs li {
		float: left;
		margin: 0 6px;
		}
	.tabs .btn {
		text-align: center;
		}
.tab {
	padding: 10px 6px 0;
	}

/*
	TYPE
	--------------------
*/
.title-pink {
	margin: 0 0 0.75em;
	font-size: 14px;
	color: #ef2586;
	font-weight: bold;
	}
	
.title-pink-br {
	margin: 2em 0 0.75em;
	font-size: 14px;
	color: #ef2586;
	font-weight: bold;
	}

.title-small {
	font-weight: bold;
	}

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

/*
	LISTS
	--------------------
*/
.box-content-drop ul,
.tab ul {
	margin: 0 0 1em;
	}
	.box-content-drop ul li,
	.tab ul li {
		padding: 0 0 0 1em;
		background: url('../img/sprite-assets.png') no-repeat 0 -294px;
		}

.tabs li {
	padding: 0 !important;
	background: none !important;
	}

.tab td li {
	padding: 0 0 0 0.75em;
	}

/*
	TABLES
	--------------------
*/
table {
	}
	th, td {
		padding: 5px;
		width: 155px;
		border: 1px solid ;
		text-align: center;
		}
		td.tariff {
			background: #e5e5e5 url('../img/bg-tariff-gradient.jpg') repeat-y right top;
			text-align: left;
			}
	th {
		background: #b1b1b1;
		border: 1px solid #b1b1b1;
		color: #fff;
		}