﻿body
{
	background: #000 url("images/bg_bar.jpg") top left repeat-x;
	font-family: Arial, Tahoma, Verdana, Sans-Serif, Serif;
}

a 
{
	text-decoration:none;
	color:Navy;
}

a:visited
{
	color:Navy;
	}

img 
{
	border:0;
}
/* home page only */
#headerDiv 
{
	height: 100px;
	overflow: hidden;
}
#headerDiv h1 
{
	margin: 0;
	padding: 0;
}
#headerDiv h1 a
{
	background: url(images/header_1.jpg) no-repeat 0 0;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 100px;
	width: 377px;
}
#headerDiv ul 
{
	background: url(images/header_2.jpg) no-repeat 0 0;
	float: left;
	height: 100px;
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
	width: 358px;
}
#headerDiv li 
{
	color:#ffffff;
	display: inline;
	font: 10px Tahoma,Arial;

}
#headerDiv li a 
{
	color:#ffffff;
	font: 10px Tahoma,Arial;
}
/* end home page */
#topheader1 
{
	background-image: url('images/header_1.jpg') ;
	background-repeat: no-repeat;
}

#topheader2 
{
	background-image: url('images/header_2.jpg') ;
	background-repeat: no-repeat;
}

		
#NavBar
{
	width: 755px;
	height: 43px;
	background: url('images/bgNavBar.jpg') repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pg
{
	
}

#pgtable
{
	border: solid 3px #000000;
	table-layout: auto;
	background-color: #ceddea;
}

#footer 
{
	color:White;
	font-size:10px;
	padding: 0px 0px 2px 0px;
	margin: 0px 2px 0px 2px;
	width: 755px;
	height: 72px;
	background: url('images/footer.jpg') no-repeat;
	}

#footer A 
{
	color:White;	 
}

#bottom
{
	color:White;
	font-size:10px;
	margin: 0px auto 0px auto;
	background: url('images/footer.jpg') no-repeat;
	height: 72px;
}
#bottom A 
{
	color:White;	 
}
.odmcontent
{
	background-color: White;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin: 3px;
	padding-top: 15px;
	font-size: smaller;
	border-bottom: #16325c 1px solid; border-left: #16325c 1px solid; background: url(images/watermarkLogo2.gif) #fff no-repeat right top; color: black; border-top: #16325c 1px solid; border-right: #16325c 1px solid;
}	
.price
{	
	font-size: 8pt;
	color: #000000;
}
.promo
{
	font-size: 8pt;
	color: #ff0033;
}
.yourcost
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
}
a.details 
{
	text-decoration: underline;
	color: #0000ff;
}
 a:visited.details
{
	color: #9900ff;
}
.pname
{
	font-weight: bold;
	font-size: 12pt;
}

.Items 
{
	}

.AddedToCart
{
	background-color:#CCCCFF;
	width:100%;
	height:100%;
	}
.OrderDisplay 
{
	background-color:#051134;
	}


.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.PanelPlansAsStep2 
{	
	text-align:left;
	vertical-align:top;
	}
	
#CartHeader 
{
	width: 743px;
	margin:0px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	background-color: White;
	font-weight: bold;
	color:#f57c2d;
	text-align: center;
	border-style:solid;
	border-color: #051134;
	border-width: 1px;
	}

#CartContent
{
	width: 753px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.featurelist 
{
	padding: 0 15px 0 0;}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#e2eeff;
	font-weight:bold;
	background: url(images/bg-menu-main.png) repeat-x;
}
.collapsePanel 
{
	width: 100%;
	background-color: white;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.PlanList 
{
  margin-left:15px;
	}
	
.RateTerms
{
	font-size: 8pt;
	font-family: Arial, Tahoma, Sans-Serif;
	padding-left:5px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:475px;
}

#OrderDetail 
{
	background-color:#ffffff;
	text-align:left;
	width:95%;
	border: solid 1px #051134;
	font-size:14px;
	}

#OrderDetail th
{
	background-color: #051134;
	color: White;
	text-align: right;
	overflow: visible;
	font-size: small;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
}
	
.SelectedPlan
{
	font-weight: bold;
	color: #ffffff;
	background-color: #0066ff;
}	

.subtotal
{	
	background-color: #ceddea;
}

.subtotal td
{
	border-top: solid 1px #051134;
	border-bottom: solid 1px #051134;
	}
	
.grandtotal
{	
	background-color: #ffdfaa;
}

.grandtotal td
{
	border-top: solid 1px #051134;
	
	}
	
.pos_UI
{
	background-color: #ffffff;
	border-style:solid;
	border-color: #051134;
	border-width: 1px;
}
.UIHead1
{
	font-size: 18px;
	height: 25px;
	text-align:center;
	color: #e2eeff;
	display: block;

	/*---background-color: #134081;---*/
	background: url('images/bg-menu-main.png') repeat-x;
	border-right: #4c7ec7 thin solid;
	border-top: #4c7ec7 thin solid;
	border-left: #4c7ec7 thin solid;
	border-bottom: #4c7ec7 thin solid;
}
.terms
{
	font-size: 12px;
	margin: 8px 0 0 0;
	text-align:center;
}

.posform
{
	margin: 0px auto 0px auto;	
}

.planlist
{
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
}

.contentArea
{
	width:753px;
	overflow: auto;
    margin: 0px auto 0px auto; 
    padding: 40px 0px 40px 0px;
	background: White url('images/watermarkLogo2.gif') no-repeat top left;  
	border-style:solid; 
	border-width:1px; 
	border-color:#16325c;
}

.topArea
{
	width: 70%; 
	height: 30px; 
    margin: 0px auto 0px auto; 
    padding: 0px 0px 0px 0px;
    text-align: left;
}    

.textArea
{
	width: 70%; 
	font-family: Arial; 
	font-size: small; 
	text-align: justify;    
    margin: 0px auto 0px auto; 
    padding: 0px 0px 0px 0px;
}
#adButton1
{
	width: 245px;
	height: 50px;
	background: #304f7e url('images/011_adBanner1_btn1On.jpg') no-repeat;
	background-position: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	text-decoration: none;
	text-align: center;
}

#adButton2
{
	width: 245px;
	height: 50px;
	background: #304f7e url('images/011_adBanner1_btn2On.jpg') no-repeat;
	background-position: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	text-decoration: none;
	text-align: center;
}

#adButton img
{	
	width: 245px;
	height: 50px;
	border: 0
}

#adButton a:hover img
{
  visibility: hidden;
}



.tabOff
{
	font: 10pt Arial;
	font-weight:700;
	height:30px;
	color: #3f434f;
	border-style: solid;
	border-color: #ababac;
	border-width: 1px;
	background: #FFF url('images/tab_off.jpg') repeat-x top left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -2px 0px;
}

.tabOn
{
	z-index:1;
	position: relative;
	font: 10pt Arial;
	font-weight:700;
	height:30px;
	color: Black;
	border-style: solid;	
	border-color: #7c8187;
	border-width: 1px;
	border-bottom-width: 0px;
	background: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -1px 0px;
}

/* START - EmailPromotion.aspx styling with Javascript AutoSuggest */
#emailPromo
{
	background: url('images/calling_card_ad2.jpg') no-repeat top left;
}

.suggestion_list
{
background: white;
border: 1px solid;
padding: 4px;
}

.suggestion_list ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

.suggestion_list a
{
text-decoration: none;
color: navy;
}

.suggestion_list .selected
{
background: navy;
color: white;
}

.suggestion_list .selected a
{
color: white;
}

#autosuggest
{
display: none;
}
/* END - EmailPromotion.aspx styling with Javascript AutoSuggest */

/* this is for webservices description to show properly*/
div#content
{
	background-color:White;
	padding-left:30px;
	
}
	
a#promoLink 
{
	display:none;
}

	
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}	

.thankyoumsg
{
	padding-left:20px;
	padding-right:20px;
	}
