﻿ul.tabs {
	margin: 0 0 0 20;
	padding: 0 0 0 20;
	float: left;
	list-style: none;
	height: 185px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 185px; /*--Subtract 1px from the height of the unordered list--*/;
	overflow: hidden;
	position: relative;
	background: white;
}
ul.tabs li.blank {
	float: left;
	margin: 0;
	padding: 0;
	height: 185px;
	position: relative;
	width: 180px;
	background-color:white;
}
ul.tabs li.optus {
	float: left;
	margin: 0;
	padding: 0 0 0 10;
	height: 185px;
	position: relative;
	width: 150px;
	background-image: url('../images/buttons/Optus_Sim_1.png');
	background-repeat: no-repeat;
	color: black;
}
ul.tabs li.optus a:hover, ul.tabs li.optus a:active, ul.tabs li.optus a:focus {
	background-position: left top;
	background-image: url('../images/buttons/Optus_Sim_2.png');
	background-repeat: no-repeat;	
	float: left;
	margin: 0;
	padding: 0;
	height: 185px;
	position: relative;
	width: 139px;
	color: red;	
}
ul.tabs li.virgin {
	float: left;
	margin: 0;
	padding: 0 0 0 10;
	height: 185px;
	position: relative;
	width: 150px;
	background-image: url('../images/buttons/virgin_Sim_1.png');
	background-repeat: no-repeat;
	color: black;	
}
ul.tabs li.virgin a:hover, ul.tabs li.virgin a:active, ul.tabs li.virgin a:focus {
	background-position: left top;
	float: left;
	margin: 0;
	padding: 0;
	height: 185px;
	position: relative;
	width: 139px;
	background-image: url('../images/buttons/virgin_Sim_2.png');
	background-repeat: no-repeat;
	color: red;		
}
ul.tabs li.vodafone {
	float: left;
	margin: 0;
	padding: 0 0 0 10;
	height: 185px;
	position: relative;
	width: 150px;
	background-image: url('../images/buttons/voda_Sim_1.png');
	background-repeat: no-repeat;
	
}
ul.tabs li.vodafone a:hover, ul.tabs li.vodafone a:active, ul.tabs li.vodafone a:focus {
	background-position: left top;
	float: left;
	margin: 0;
	padding: 0;
	height: 185px;
	position: relative;
	width: 139px;
	background-image: url('../images/buttons/voda_Sim_2.png');
	background-repeat: no-repeat;
}
ul.tabs li.three {
	float: left;
	margin: 0;
	padding: 0 0 0 10;
	height: 185px;
	position: relative;
	width: 150px;
	background-image: url('../images/buttons/three_Sim_1.png');
	background-repeat: no-repeat;
	
}
ul.tabs li.three a:hover, ul.tabs li.vodafone a:active, ul.tabs li.vodafone a:focus {
	background-position: left top;
	float: left;
	margin: 0;
	padding: 0;
	height: 185px;
	position: relative;
	width: 139px;
	background-image: url('../images/buttons/three_Sim_2.png');
	background-repeat: no-repeat;
}
ul.tabs li.think {
	float: left;
	margin: 0;
	padding: 0 0 0 10;
	height: 185px;
	position: relative;
	width: 150px;
	background-image: url('../images/buttons/think_Sim_1.png');
	background-repeat: no-repeat;
	
}
ul.tabs li.think a:hover, ul.tabs li.vodafone a:active, ul.tabs li.vodafone a:focus {
	background-position: left top;
	float: left;
	margin: 0;
	padding: 0;
	height: 185px;
	position: relative;
	width: 139px;
	background-image: url('../images/buttons/think_Sim_2.png');
	background-repeat: no-repeat;
}

ul.tabs li a {
	text-decoration: none;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
.tab_container {
	overflow: hidden;
	clear: both;
	width: 100%;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
}
.tab_content {
	padding: 10px;
}
#optustable {
	border: 2px solid #FF0000;
	background: gray;
	margin-top: 10px;
	margin-bottom: 20px;
}
#optustable th {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
	height: 30px;
	background-color: #FF3300;
}
#optustable td {
	border: 1px solid #666666;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E7E7E8;
	font-size: small;
	color: #222222;
}
#virgintable {
	border: 2px solid #FF0000;
	background: gray;
	margin-top: 10px;
	margin-bottom: 20px;
}
#virgintable ul {
	list-style-type: disc;
	text-align:left;
}
#virgintable th {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
	height: 30px;
	background-color: #FF3300;
}
#virgintable td {
	border: 1px solid #666666;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E7E7E8;
	font-size: small;
	color: #222222;
}
#vodafonetable {
	border: 2px solid #FF0000;
	background: gray;
	margin-top: 10px;
	margin-bottom: 20px;
}
#vodafonetable th {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
	height: 30px;
	background-color: #FF3300;
}
#vodafonetable td {
	border: 1px solid #666666;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E7E7E8;
	font-size: small;
	color: #222222;
}
#simtab {
	margin-top: 1px;
}
.simlogo {
	text-align: left;
	float: left;
	display: block;
	padding-right: 500px;
}
.terms {
	font-size: x-small;
	text-align: justify;
}
.simH1 {
	color: #666666;
	margin-left: 40px;
}
#sidepanel {
	margin-top: 300px;
}
#simconfirm {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
