/* General styles */

body {
	background:			url('images/bg.png') repeat-x white;
	margin:				0;
	padding:			0;
	font-size:			12px;
	font-family:		"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

a {
	color: 				black;
	text-decoration:	none;
}

a:hover {
	text-decoration:	blink;
}

img {
	border: 			0;
}

#container {
	width:				720px;
	margin:				-24px auto 0;
}

div#top {
	height:				125px;
	background:			url('images/logo.png') no-repeat;
}

div#top div#banner {
	margin-left:		445px;
	margin-top:			22px;
	height:				100px;
	width:				181px;
}

ul#menu {
	height:				14px;
	display:			inline;
	margin:				0;
	padding:			0;
	list-style:			none;
	white-space:		nowrap;
}

ul#menu li {
	display:			inline-block;
	text-transform:		uppercase;
	color:				white;
	font-size:			11px;
	line-height:		14px;
	margin:				2px 0 2px 0;
	border-right:		1px solid #020c13;
	border-left:		1px solid #2f4e63;
	font-weight:		bold;
}

ul#menu li:hover {
	background:			url('images/menu_hover.png') repeat-x;
	cursor:				pointer;
}

ul#menu li a {
	padding:			0 15px;
	color:				white;
	text-decoration:	none;
}


ul#menu, ul#menu li {
	white-space:		nowrap;
	
}


div#content {
	width:				660px;
	margin:				0 auto;
	text-align:			justify;
}


#content h1 {
	font-size:			24px;
	margin:				10px 0 10px;
	color:				#004A7A;
	font-family:		Calibri, "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:		bolder;
}

#content h1:before {
	content:			"»";
	color:				#3D97D1;
	margin-left:		-40px;
}

#content h2 {
	font-size:			20px;
	margin:				10px 0 10px -10px;
	color:				#307AAA;
	font-family:		Calibri, "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:		bolder;
}

#content h3 {
	font-size:			14px;
	margin:				15px 0 10px -10px;
	color:				#469;
	font-family:		"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:		bolder;
}

div#footer {
	width:				100%;
	height:				30px;
	line-height:		30px;
	text-align:			center;
	margin-top:			50px;
	background:			#FAFAFA;
}

br.clear {
	font-size:			1px;
	height:				1px;
	clear:				both;
}

blockquote {
	font-size:			12px;
	margin:				10px 0 10px -10px;
	color:				#135;
	font-weight:		bold;
}

div.text {
	margin: 0;
}

a.hyperlinkBlue {
	color: #3399FF;
}


/* PRODUCTS */
.product a {
	display:			block;
}




/* SAVINGS */

.savingsBox {
	float: left;
	width: 150px;
	height: 60px;
	text-align: left;
	font-weight:bold;
	background: #F4F4F4;
	margin: 2px;
	border: 1px solid #EAEAEA;
	padding: 3px;
}

.savingsBox select {
	width: 149px;
	border: 1px solid #CCC;
}

.savingsBox:focus, .savingsBox:hover {
	background: #EFEFEF;
	border-color: #E1E1E1;
}

table.savings {
	border: 0;
	text-align: center;
}

table.savings td {
	border: 1px solid lightblue;
	width: 120px;
	text-align: center;
}

table.savings tr.header td, table.savings td.header {
	font-weight: bold;
	background: #E5F6FD;
}

.result {
	color: #333300;
	background: #FFFFFF;
}

.sim {
	background: #F7FCFE;
}

.tripResult {
	font-size: 28px;
	text-align: right;
	padding-right: 46px;
}




/* TARIFFS */
#insideTariffs {
	margin: 0 auto;
	width: 650px;
/*
	width: 330px;
	border-style: solid;
	border-color: #CCC;
	border-width: 0 1px 1px 1px;
*/
}

.tariffsBox1, .tariffsBox2 {
	display: inline-block;
	width: 150px;
	height: 45px;
	text-align: center;
	font-weight: bold;
	margin: 0 5px;
	border: 1px solid #EAEAEA;
	padding-top: 40px;
}

.tariffsBox1 {
	background: url(images/tarrifsCallingFrom.jpg) no-repeat top center;
}

.tariffsBox2 {
	background: url(images/tarrifsCallingTo.jpg) no-repeat top center;
}

.tariffsBox1 select, .tariffsBox2 select {
	border: 1px solid #CDCDCD;
}

table.tariffsCharges tr td {
	border-bottom: 1px dotted #CDCDCD;
	padding-top: 5px;
	font-size: 14px;
	padding-bottom: 5px;
}

table.tariffsCharges tr td.header {
	font-weight: bold;
	width: 170px;
}

table.tariffsOther tr td {
	border-bottom: 1px dotted #CDCDCD;
	padding-top: 7px;
	font-size: 12px;
}

table.tariffsOther tr td.header {
	font-weight: bold;
	width: 170px;
}


table tr td.last {
	border: 0;
}




/* BUSINESS */
#insideBusiness {
	margin: 0 auto;
	width: 650px;
}

#insideBusiness input, #insideBusiness select, #insideBusiness textarea {
	border: 1px solid #CCC;
	width: 170px;
}



/* FAQS*/
#insideFAQ h3 {
	margin:		-5px 0 0 -20px;
	padding:	8px 10px 10px 20px;
	background:	url(images/faqBoxHeader.jpg) no-repeat top center;
	width:		650px;
}

#insideFAQ .faq {
	margin:		0 0 40px 0;
	padding:	0 10px;
	background:	url(images/faqBoxBody.jpg) no-repeat bottom center;
	width:		640px;
}

div.faq p {
	margin-top:		0;
}


/* TOP UPS */
#insideTopup table#topup td.header {
	font-weight: bold;
	width:		270px;
	background: #FFFFFF;
}

#insideTopup table#topup td input {
	border: 1px solid #CCC;
}

#insideTopup table#topup td input.submit {
	width:		100px;
	border:		1px solid #999;
	background:	#DDD;
}

table#topup {
	border: 1px solid #CDF;
	margin: 0 auto;
}