html {	min-height: 101%;}

html, body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

a.nav:link {
    color: #333333; 
    font-size: 9px; 
    text-decoration: none; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: normal; 
}

a.nav:visited {
    color: #333333; 
    text-decoration: none; 
}

a.nav:hover {
    color: #000000; 
    text-decoration: underline; 
}

a.nav:active {
    color: #666666; 
}

/* all content on page */
#container 
{
    position: absolute;
    left: 50%;
    width: 1036;
    margin-left: -518px;
    padding: 0px;
    margin-top: 70px;
    text-align:left;
}

/* header on topline */
div.toplineheader {
    margin: 0px;
    padding: 0px;
    height: 108px;
    position: relative;
}

/* language selection */

#languageBar {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    
}

/* header on subpages */
div.pageheader {
    margin: 0px;
    padding: 0px;
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
}

/* content on subpages */
div.pagecontent {
    font-weight:normal;
    text-align: left;
    width: 510px;
    padding-left: 40px;
    padding-top: 10px;
    position: relative;

}

#menu_home
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}
/*
look into dynamiccss.php

#menu_rates
{
    position: absolute;
    top: 50px;
    left: 290px;
}

#menu_instructions
{
    position: absolute;
    top: 50px;
    left: 565px;
}

#menu_faq
{
    position: absolute;
    top: 50px;
    left: 740px;
}
*/


#topline {

}

#menu_top_frame {
    background-image: url(images/menu_top_frame.png);
    background-repeat: no-repeat;
    background-position: left top;
    position:absolute;
    width: 1021px;
    height: 141px;
    left: 8px;
    top: 83px;
    z-index: 0;
}

#bodyline {

}

#bottomline {
    width: 1036px;
    text-align: center;
    z-index: 2;
}

#bottomlineContent {
    padding-top: 10px;
}

/* table on country rates page */
#ratesTable {
    text-align: center;
    margin-left: 50px;
    margin-bottom: 10px;
}

.ratesTableHeader {

    font-size:12px;
    font-weight: bold;
    background-color: #00adef;
}

.ratesCountry {
    padding-left: 5px;
    text-align:left;
}

.ratesTableBlue0
{
    background-color:#01aef0;
}

.ratesTableBlue1
{
    background-color:#60c8f0;
}

.ratesTableOrange0
{
    background-color:#f47b20;
}

.ratesTableOrange1
{
    background-color:#f4a56a;
}

.ratesTableRed0
{
    background-color:#de3232;
}

.ratesTableRed1
{
    background-color:#de7272;
}

.ratesRow0
{
    background-color: #DDDDDD;
}

.ratesRow1
{
    background-color: #FFFFFF;
}

/* stuff on faq page */
.faqquestion {
    padding-bottom: 10px;
}

/* headlines on instructions page */
.instructionsHeader {
    font-size: 14px;
    padding-left: 0px;
}

/* Individual page backgrounds */
#faqback {
	background-image: url(images/back_faq.jpg);
	background-repeat: no-repeat;
	background-position: right top;
    position:absolute;
    width: 463px;
    height: 276px;
    right: 10px;
    top: 110px;
}

#ratesback {
	background-image: url(images/back_rates.jpg);
	background-repeat: no-repeat;
	background-position: right top;
    position:absolute;
    width: 463px;
    height: 276px;
    right: 120px;
    top: 130px;
}

/* rounded corners */
.corner_ul
{

	background-image: url(images/corner_ul.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.corner_ur
{

	background-image: url(images/corner_ur.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.corner_lr
{

	background-image: url(images/corner_lr.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.corner_ll
{

	background-image: url(images/corner_ll.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#frontpage_top_image
{
    position:absolute;
    background-image: url(images/frontpage_image_top.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 1003px;
    height: 15px;
    top: 93px;
    left: 17px;
    z-index: 1;
}

#frontpageBottomBoxContainer {
	position: relative;
	margin-top: 5px;
	left: 17px;
	height: 175px;
}

#frontpageBoxCountryrates {
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    width: 331px;
    height: 179px;
    position: absolute;
}

#frontpageBoxWheretobuy {
    left: 336px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    width: 331px;
    height: 179px;
    position: absolute;
}

#frontpageBoxPinless {
    left: 672px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    width: 331px;
    height: 179px;
    position: absolute;
}

form {
    margin: 0px;
}

.buyBox {
    /*background-color: #60c8f0;*/
    /*background-color: #f4a56a;*/
    /*background-color: #de7272;*/
    background-image: url(images/buy_boxes_background.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 435px;
    height: 203px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.buyText {
    position: absolute;
    left: 251px;
    width: 177px;
    padding-top: 30px;
    text-align: center;
}

.buyCard {
    position: absolute;
    left: 25px;
    width: 160px;
    padding-top: 30px;
    text-align: center;
}


#buyContainer {
    position:relative;
    height: 700px;
}

#buyPurchase {
    position: absolute;
    width: 440px;
    left: 0px;
}

#buyRefill {
    position: absolute;
    top: 0px;
    left: 500px;
    width: 350px;
}

.buyPinBox {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: center;
	font-weight: bold;
	width: 200px;
	border: 2px solid black;
	background-color: #DDDDDD;
	margin-left: 100px;
	margin-bottom: 20px;
}
.buyRefillBoxContent {
    width: 150px;
    padding-top: 70px;
    text-align:right;
    
}

.refillInput {
    border: 1px solid #60c8f0;
    font-size: 13px;
    background-color: #f2f9fd;
}

p {
    margin-top: 0px;
    margin-bottom: 8px;
}

#rates_full_table {
    text-align: right;
    width: 600px;
}

a.rates_full_letterpicker {
    font-size: 19px;
    color: #01aef0;
    text-decoration: none;
}

.rates_full_letterpickerdiv {
    margin-bottom: 20px;

}

.rates_full_table_country {
    text-align:left;
}

.rates_full_table_headrow {
    font-size: 14px;
    font-weight: bold;
}
a.rates_full_table_gototop {
    font-size: 11px;
    text-decoration:none;
    color: #01aef0;
}

.rates_full_table_newinitial {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-weight: bold;
    text-align: left;
}