/*
==================
= 1. Entire Site =
==================
*/

/* Set overall page colour font and width of site (remember T R ou B L e) */
body
{
	background:white;
	font:12px helvetica, ariel, verdana, sans-serif;
	margin:20px 14% 40px 14%;
}

/* Standard text on the website */
p
{
	color:black;
	background:white;
	text-align:justify;
	line-height:22px;
	margin:0px 0px 20px 0px;
}

/* Image with text */
p img
{
	float:left;
	margin:0px 10px 5px 0px;
}

/* Heading */
h1
{
	font-size: 13px;
	border:solid 1px #666;
	color:#fff;
	background:#7E6EDA;
	padding:5px;
}

/* Links */
a:link,
a:visited,
a:active
{
	color: #666;
	font-weight:bold;
	text-decoration:underline;
}

/* Mouse-over links */
a:hover 
{
	color:#7E6EDA;
	font-weight:bold;
	text-decoration:none;
}

/* Form instruction headings */
.formHeading
{
	border-bottom:solid 1px #888;
	color:#666;
	width:50%;
	margin:25px 0px 10px 50px;
}

/* Form text */
div.row
{
	color:black;
	clear:both;
	padding-top: 15px;
}

/* Form label */
div.row span.label
{
	float: left;
	width: 180px;
	text-align: right;
	padding:0px 10px 0px 0px;
	color:black;
	font-weight:bold;
}

/* Successful confirmation message */
.success
{
	color:#FDA54B;
	width:auto;
	font-weight:bold;
}

/* Error, warning message */
.fail
{
	color:#FDA54B;
	width:auto;
	font-weight:bold;
}

/* Link on Buy Cards page back to View All page */
.viewMoreCardsLink
{
	margin:10px 0px 0px 0px;
	float:right;
}

/* Buttons not in control panel */
.siteButton
{
	
}

/* Contact info and Thwate footer */
.footer
{
	margin: 10px 0px 0px 0px;
	text-align:justify;
	font-size:9px;
	font-weight:normal;
}

/* The entire area of a left content pane */
.left
{
	float:left;
	width:48%;
	margin:10px 10px 0px 0px;
	background:white;
}

/* The entire area of a right content pane */
.right
{
	float:right;
	width:48%;
	margin:10px 0px 0px 10px;
	background:white;
}

/* Headings of both left and right content panes */
.left h1,
.right h1
{
	border:solid 1px #666;
	color:#fff;
	background:#7E6EDA;
	padding:5px;
}

/* Text inside both left and right content pane */
.left p,
.right p
{
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;
	background:#fff;
	color:#000;
}

/* Ignore */
.left img,
.right img
{
	float:left;
	margin:5px 10px 0px 0px;
	padding:0px;
}

/* Ignore */
a.help
{
	padding:0px 0px 0px 5px;
}

/* Ignore */
p a.floatRight
{
	float:right;
}


/* Ignore */
select.text,
input.text
{
	width:250px;
}

textarea
{
	width:350px;
	height:200px;
}

/* Ignore */
.break
{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px
}

/* Ignore */
form
{
	margin:0px;
	padding:0px;
}

/* Ignore */
form textarea.codeBox
{
	width:100%;
	height:150px;
}







/*
=====================
= 2. Sub Navigation =
=====================
*/

/* Links */
.subNav a:link, 
.subNav a:visited, 
.subNav a:active
{
	color:#808080;
	text-decoration:underline;
}

/* Mouse-over links */
.subNav a:hover
{
	color:#7E6EDA;
	text-decoration:none;
}

/* A link that belongs to the page currently being viewed */
.subNav ul li .active
{
	color:#fff;
	display:block;
	background:#7E6EDA;
	font-weight:bold;
	padding:5px 5px 3px 5px;
}

/* Ignore */
.subNav ul li
{
	float:left;
	padding:50px 10px 0px 0px;
	display:block;
}

/* Ignore */
.subNav
{
	margin:0px;
	padding:px 0px 0px 0px;
	float:left;

}

/* Ignore */
.subNav ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}







/*
====================
= 3. Control Panel =
====================
*/

/* Control panel background color */
.controlPanel
{
	background:#fff;
	border:0px solid #765;
	border-top:0px;
	padding: 0px;
	margin:0px 0px 0px 0px;
}

/* Titles */
.controlPanel h1
{
	background:#fff;
	color:#7E6EDA;
	padding:33px 10px 0px 10px;
	border:0px;
	font-size:200%;
}

/* Normal text inside control panel */
.controlPanel p
{
	color:#fff;
	line-height:25px;
	padding:0px 10px 0px 10px;
	text-align:justfy;
	background:transparent;
}

/* Drop down menus */
.controlPanel select
{
	width:200px;
	color:black;
}

/* Buttons */ 
.controlPanel.button
{
	width:100px;
	color:black;
}

/* Text in a form */
.controlPanel div.row
{
	color:#fff;
	clear: both;
	padding-top: 15px;
}

/* Labels next to a form element */
.controlPanel div.row span.label
{
	color:#fff;
	font-weight:bold;
	float: left;
	width: 180px;
	text-align: right;
	padding:0px 10px 0px 0px;
}

/* Links in control panel - no mouse over*/
.controlPanel a:link,
.controlPanel a:active,
.controlPanel a:visited
{
	color:#939393;
	font-weight:bold;
	text-decoration:underline;
}

/* Links in control panel - mouse over*/
.controlPanel a:hover
{
	color:#6450D3;
	font-weight:bold;
	text-decoration:none;
}

/* Where user's chosen card is placed into the control panel */
.buyNowCard
{
	padding:10px 20px 20px 10px;
}









/*
===================
= 4. Card Listing =
===================
*/

/* Bundle offer: Go Loco madness! */
.bundleOfferTitle
{
	color:#7C99E3;
	margin:8px 0px 0px 0px;
	font-weight:bold;
}

/* Go Loco    £5 lowest rate international rates  */
.heading
{	
	background: #7C99E3;
	border: 1px solid #666;
}

/* Go Loco    £5 lowest rate international rates */
.heading h2
{
	font-weight:bold;
	font-size: 12px;
	padding: 3px 15px 3px 3px;
	margin:0px;
	color:#fff;
	float:left;
	border:0px;
}

/* Links: Buy this card      Show card detail   */
.innerHeading a:link, 
.innerHeading a:visited, 
.innerHeading a:active
{
	color: #fff;
	font-weight:bold;
	text-decoration:underline;
}

/* Links: Buy this card      Show card detail */
.innerHeading a:hover
{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

/* Buy Bundele link */
.bundleLink a:link,
.bundleLink a:visited,
.bundleLink a:active
{
	color:#808080;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
}

/* Buy Bundele link on mouse-over*/
.bundleLink a:hover
{
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

/* About this card		Features		Promotion */
.cardInfoSubTitle
{
	color:#517FAF;
	font-size:12px;
	font-weight:bold;
}

/* Data belonging to the above headings */
.phoneCardExtraInfo
{
	color:black;
}

/* 
Price from PCO Direct £5.00 
Connection charge: 6p    Maintenance charge: 7p    0800 rate: 8p    Number of minutes: 6.7 mins 
*/
.phoneCardData
{
	margin:3px 0px 0px 0px;
	line-height:19px;
	color:black;
}

/* Inner border on the inside of the product banner */
.innerHeading
{
	border: 1px solid #FFF;
	height:20px;
}

/* Ignore */
.miniCardImage
{
	float:left;
	margin:3px 10px 0px 0px;
}

/* Ignore */
.cardInfoLinks
{
	text-align:right;
	padding: 3px 15px 3px 20px;
}









/* 
========================
= 5. Tabbed Navigation =
========================
*/
/* Ignore */
#header 
{
	float:left;
	width:100%;
	background:transparent url(bg.gif) repeat-x bottom;
	font-size:100%;
	line-height:normal;
}

/* Ignore */
#header ul
{
	margin:0;
	padding:0px 10px 0;
	list-style:none;
}

/* Tab in off state (left image) */
#header li
{
	float:left;
	background:url(left_off.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}

/* Tab in off state (right image) */
#header a
{
	float:left;
	display:block;
	background:url(right_off.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#517FAF;
}

/* Commented Backslash Hack
hides rule from IE5-Mac 
below is: Tab text in off state \*/
#header a
{
	color:gray;
	float:none;
}

/* End IE5-Mac hack */

/* Tab text in off state, mouse-over */
#header a:hover
{
	color:#000;
}

/* Tab in on state (left image) */
#header #current
{
	background-image:url(left_on.gif);
	border-width:0;
}

/* Tab in on state (right image) */
#header #current a
{
	background-image:url(right_on.gif);
	color:#fff;
	padding-bottom:5px;
}









/* 
===========
= 6. FAQs =
===========
*/
.faqs
{
	margin:10px 10px 20px 10px;
}

/* Questions list, normal */
.faqs a:link,
.faqs a:active,
.faqs a:visited,
{

}

/* Questions list, on mouse-over */
.faqs a:hover
{
	
}

/* ^top, takes user to top of the page */
#topLink
{
	margin:0px;
	padding:0px;
	float:right;
}

/* The questions as it appears just above the answer */
.faqs #question
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}

/* The answer text */
.faqs p
{
	margin:0px;
	padding:0px;
}


/* Ignore */
.faqs ul li
{
	padding:0px 0px 0px 0px;
	display:block;
	margin:5px 0px 0px 0px;
}

/* Ignore */
.faqs ul
{
	padding:0px;
	margin:0px;
}








/*
=============
= 7. Tables =
=============
*/

table
{
	padding:0px;
	margin:0px;
	font:12px helvetica, ariel, verdana, sans-serif;
	width:100%;
	border:1px solid #000;
}


th
{
	width:50%;
	text-align:left;
	font-size:120%;
	color:#fff;
	background:#7C99E3;
	/*border:1px solid #fff; */
	padding:5px;
	margin:0px;
}

td
{
	background:#ccc;
	padding:5px;
	border:solid 1px #666;
	text-indent:5px;
	margin:1px;
}

th p
{
	text-align:left;
	font-size:12px;
	color:#fff;
	background:#7C99E3;
	font-weight:normal;
	margin:0px;
	padding:0px;
}