/*
darkgrey: #a9a9a9
liteblue: #dbe7f2
*/


*{
    margin: 0 auto 0 auto;
    padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	font: normal 10pt arial, hevetica, sans-serif;
    background:#e7e7e7;
    text-align:center;
	/*font-size: small;*/
}
a{
    color:#6a5acd;
    text-decoration:underline;
}
    a:hover{
        color:#717171;
        text-decoration:none;
    }

p {
	padding: 10px;	
}

#container{
    width:900px;
    padding:0 7px;
    text-align:left;
    background:#fff;
}

#header{
    text-align:left;
    height:90px;
    position: relative;
    /*background:#87b220;*/
}

	#cartlink 
	{
		position: absolute;
		right: 0;
		/*background-color: #f0f8ff;*/
        border: 1px solid #c0c0c0;
        border-top: 0px;
	}
	#cartlink td
	{
		padding:0 5px;
	}
	
	.login
	{
	    position: absolute;
	    bottom: 5px;
	    right: 0;
	}
	
	.login ul
	{
	    list-style: none;
	}
	
	.login ul li
	{
	    display: inline;
	}
	

/* ----- NAVIGATION ----- */
#navigation
{
    font: normal 9pt Helvetica;
    text-transform: uppercase;
    background: url(../images/navbg_royalblue.png) #4682b4 center bottom;
    border-bottom: 1px solid #aaa;
}
#navigation ul { overflow: hidden; padding: 5px 0 5px 0; margin: 0; list-style-type: none; width: 100%; text-align: center; }
#navigation li { display: inline; line-height: 140%; margin:0}
#navigation li.last { padding: .5em 0; border-left: 1px solid #fff; }
#navigation li a
{
    padding: .5em 2.5em .5em 2.5em;
    text-decoration: none;
    color: #f5f5f5;
    border-left: 1px solid #fff;
}
#navigation li a:hover
{
    background: #6699cc;
}
#navigation li a.first { border-left: none; background-color: #ff9999;}
/*
#navigation{
    margin: 0 auto;
    padding:0;
    background:#7fa71f;
    height:34px;
    list-style:none;
}

	#navigation li
	{
		margin: 0;
        float:left;
        clear:none;
        list-style:none;
    }
    #navigation li a{
        color:#fff;
        display:block;
        font-size:12px;
        text-decoration: none;
        font-weight:bold;
        padding:9px 18px;
    }
    #navigation li a:hover{
        color:#fff;
        background:#739B1F;
    }*/
    #active a
    {
        background:url('../images/navbg_active.png') repeat-x 0 bottom;
    }   
/* ----- HEADINGS ----- */



h3{
    font-weight:bold;
    color:#666;
    margin:5px 0;
}

h4
{
    margin-bottom:20px;
    color: #996633; 
    letter-spacing: 1px;
    font: bold 12pt Verdana, Arial;
    padding-bottom: 5px;
    border-bottom: solid 1px #c0c0c0;
}

.titlebar
{
    font: bold 10pt Arial, Verdana;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 20px; 
    /*background: #4169e1;*/
    color: #f0f8ff;
    background: #6699cc;
    /*background: #4682b4;*/
}

/* ----- TABLES ----- */

#phonecards_table
{
    width:100%;
    margin: 0 auto;
}

#phonecards_table li
{
    list-style-image:url('../images/arrow.gif');
}

#tblTerms p { padding-left: 0;}


#tableBalance
{
    text-align:center;
    background:#fffacd; 
    border: 1px solid #ffd700; 
    width:100%; 
}

#tableBalance th
{
    width: 33%;
    color:gray;
    background: #f0e68c;
    height: 25px;
    text-align: center; 
    /*border: 1px solid #fff;*/
}
.carttable
{
    width: 100%;
    line-height: 25px;
    
}

.cartFooter
{
    border-top: 1px solid #C0C0C0;
    
}

.tableAccessNo
{
    border: 1px solid #c0c0c0;
    background-color: #fffacd;
    line-height: 20px;
}

.tableRates
{
    border: 1px solid #c0c0c0;
    line-height: 18px;
}

.tblTestimonials
{
    border: 1px solid #c0c0c0;
}

.tblTestimonials td
{
    padding: 25px;
}


table {
	border-collapse: collapse;
	margin: auto 0 8px 0;	
}

th, .tblhead
{
    background: #4682b4 url('../images/bg_tbl_head.gif') repeat-x left top;
    height: 29px;
    padding: auto 12px;
    color: #ffffff;
    text-align: left;
    border: none;
}
td {
	padding-left: 5px;
}
/*td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
*/
.lblcol
{
    font-weight: bold;
    padding: 8px 8px 8px 0;
}

.card_values
{
    line-height: 250%;
    border: 1px solid #cccccc;
}
/* ----- FORMS ----- */
/*
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 	
}*/
input
{
    padding: 2px;
    color: #777777;
    border: d3d3d3 1px solid;
}
/*textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}*/
/*input.button { 
	font: bold 12px Arial, Sans-serif; 
	padding: 5px 7px; 
	height: 27px;
	margin: 0;
	color: #fff;
	background: url('../images/bg_green.gif') repeat-x 0 bottom;
	border: 1px solid #ccc;
}*/

.greenbutton { 
	font: bold 12px Arial, Sans-serif; 
	padding: 3px 7px;
	color: #fff;
	background: #99cc00 url('../images/bg_green.gif') repeat-x 0 bottom;
	text-decoration: none;
	border: none;
}

/*.buttonadd
{
    font: 11px Arial, Sans-serif;
    padding: 5px 7px;
    background-color: #f0e68c;
    border: 1px solid silver;
    text-decoration: none;
}*/


.buttonadd
{
    font: 11px Arial, Sans-serif;
    padding-right:62px;
    padding-bottom: 12px;
    margin-bottom:4px;
    background: url('../images/btn_add_cart.gif') no-repeat right top;
    text-decoration: none;
    border: none;
}


.orangebutton { 
	font: bold 12px Arial, Sans-serif; 
	padding: 4px 7px;
	color: #000;
	background: url('../images/btnbg_orange.gif') repeat-x 0 bottom;
	border:1px solid #ffa500;
	text-decoration: none;
}

/* ----- CONTENT ----- */

#secondaryContent{
    width:200px;
    padding:10px 10px;
    float:left;
    clear:none; 
    
    /*background: #5588cc;*/
    
}

	#secondaryContent ul 
	{
	    font-family: Arial;
		color:#043f4a;
		margin:20px 0;
	    border-top: 1px dotted #E5E5E5;
		list-style:none; 
	}
	#secondaryContent li 
	{
	    border-bottom: 1px dotted #E5E5E5;
		padding:0 0 7px 0px;
		margin:8px 0;
		/*list-style:none;*/
        list-style-position: inside;
        list-style-image:url('../images/arrow.gif');
	}
	#secondaryContent li a
	{
	    text-decoration: none;
	}

#content{
    width:580px;
    padding:20px 50px;
    float:right;
    clear:none; 
    /*border-left:1px dashed #e7e7e7;*/
    /*background: #8866cc;*/
}

#content ul li{
    margin-left:17px;    
    
}

/* ----- FOOTER ----- */

#footer
{
    margin-top: 30px;
    height: 40px;
    padding: 20px 0px;
    clear: both;
    text-align: center;
    color: #484848; /*background: #44aeae;*/
    border-top: #4682b4 5px solid;
}
    #footer ul{
        list-style:none;    
    }
    #footer li{
        list-style:none;
        display:inline;    
    }
    #footer a{
        color:#606060;
        text-decoration:none;
        margin: 7px;
    }
    #footer a:hover{
        color: #000;
        text-decoration:underline;
    }

.box
{  
    /*background: #e0edff;*/
    padding: 10px 5px;
    border: silver 1px solid;
    color: #d2691e;
    /*background: #cccccc url(../images/bg_gray_L.png) repeat-x 0 bottom;*/
    background-color: #f5f5f5;  
    text-align:center;
}


.boxAllCards
{ 
    text-align:center;
    padding: 30px 0px 0px 0px;
    border: #87ceeb 2px solid;
    background-color: #f0fff0; 
}

.boxTestimonials
{ 
    font-style:italic;
    font-family: arial;
    padding: 20px 0px 20px 0px;
    border: #87ceeb 2px solid;
    background-color: #f0fff0; 
}

.boxTestimonials td
{
    padding: 0 15px 0 15px;
    vertical-align: text-top;
}


.box_orange
{ 
    text-align:center;
    padding: 10px 5px;
    border: #87ceeb 1px solid;
    /*background: #ffa500 url(../images/noccbnr.gif) repeat-x 0 bottom;*/
    background-color: #f0f8ff;
}


.error_bg
{ 
    border: 1px solid #ff99cc; 
    background: #ffccff;
}

.card_description li { list-style-image:url('../images/arrow.gif'); }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('../images/FilledStar.png');

}

.emptyRatingStar {
    background-image: url('../images/EmptyStar.png');
}

.savedRatingStar {
    background-image: url('../images/SavedStar.png');
}