body {
        margin:0;
        padding:0;
        font-family:Helvetica, Arial, Sans-serif;
   
}

p 
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	margin: 5px 0px 5px 0px;
	}


h1 {font-family:verdana; font-size:20px; font-weight:100; text-decoration:none; text-align:left; color:#808080; margin:0px 0px 0px 0px;}
h2 {font-family:verdana; font-size:18px; font-weight:100; text-decoration:none; text-align:left; color:#808080; margin:0px 0px 0px 0px;}
h3 {font-family:Helvetica, Arial, Sans-serif; font-size:71%;  color:#808080; margin:0px 0px 0px 0px; }


.spacer { clear: both; }

#content {width: 960px; MARGIN: auto; TEXT-ALIGN: left}
#navWrapper {height:29px; background: url(../Images/orangeMenuBar.gif)}

/* Header */
#header { margin: 10px 0px; width: 960px; height: 53px;}
#header .slogan H2{padding: 8px 0px 0px 0px;  width: 330px; float: left; text-align:left; font-family:Helvetica, Arial, Sans-serif; font-size:71%;   color:#808080; margin: 8px 0px 0px 80px;}

/* Logo */
#logo .logoImage {float: left;  height:53px; width:167px; vertical-align:top; padding: 0px 0px 5px 0px;}
#logo .logoCaption {float: left; width: 105px; margin: 0px 70px 0px 0px; }

/* headerMenu */
#headerMenu { vertical-align: middle; float:right; padding: 8 0 0 0;}


/* globals */
.indent { padding-left: 2px; }
.pointer { cursor:pointer; }  /*Changes the mouse cursor to a click icon*/
.left {float:left;}
.right {float: right;}
.clear { clear:none;}

/*colours*/
.white{ color: White}

/* hyperlinks */
a {text-decoration: none; color: #f60; }
a:hover {text-decoration: none; color: #000;}

.pagerLink{ color: #f60; font-family:Helvetica, Arial, Sans-serif; font-size:71%;  font-weight:bold; }
.pagerLink a { color: #666; }
.pagerLink a:visited { color: #666; text-decoration:none;}
.pagerLink a:hover { color: #f60; text-decoration:underline; }
.pagerLink a:active{ color: #f60; text-decoration:none; }

.pagerLink TABLE {float:right;}
.pagerLink TD {padding: 0px 2px 0px 2px;}
.pagerLabel {float: left; margin: 2px 0px 0px 0px; color:#666;}
.pageNoLabel { color:#666; margin: 0px 10px 0px 0px;}

#handsetPager{ margin-right:10px;}
 .pageNumbers { font-size:71%; MARGIN: 5px 0px 0px;  COLOR: #000000; TEXT-ALIGN: right}
 .pageNumbers A { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none }
 .pageNumbers A:hover { COLOR: #000000 }

/* input controls */

.dropdownlistsmall { font-family:Helvetica, Arial, Sans-serif; font-size:71%; color:#000000 }

/* bullet lists */

.orangeBullet ul {margin: .5em 0 .5em 0; padding: 0px; font-family:Helvetica, Arial, Sans-serif;   }
.orangeBullet ul li { list-style-type:none; line-height: 1.3em; padding-left: 1.0em; padding-top: 0.2em; padding-bottom: 0.2em; background: transparent url(../images/square.gif) no-repeat 2px 0.9em;}
	

/* fonts */

.Text		{ font-family:Helvetica, Arial, Sans-serif; font-size:80%; color:#000000 }
.TextSmall 	{ font-family:Helvetica, Arial, Sans-serif; font-size:71%; color:#000000 }
.TextSmallBold 	{ font-family:Helvetica, Arial, Sans-serif; font-size:71%; color:#000000; font-weight:bold }
.TextBold		{ font-family:Helvetica, Arial, Sans-serif; font-size:80%; color:#000000; font-weight:bold }
.TextLarge		{ font-family:Helvetica, Arial, Sans-serif; font-size:110%; color:#000000 }
.TextSmallest 	{ font-family:Helvetica; font-size:11px; color:#000000 }
.TextLargest		{ font-family:Helvetica, Arial, Sans-serif; font-size:130%; }


/* dividers - Creates grey divider.  Use the class in the div ABOVE where you want the divider to appear, or use with hr */
.divider {border-bottom : 3px solid #CCCCCC;}
.dottedLine { background-image: url(../Images/dotHorz.gif); Height: 1; clear:both;}

/* displays a horizontal or vertical dotted line */
.dotHorzBackground		
{
	background-image: url(../Images/dotHorz.gif); 
	 height: 1px;
	}

.dotVertBackground		
{
	background-image: url(../Images/dotVert.gif); 
	background-repeat:repeat-y; 
	background-color: White;
	width: 1px;	
}

TD.dotVertBackground { width: 10px;}
/*
.dotCompareBackground	{ background-image: url(http://localhost/MobileBazaarUI/Images/dotVert.gif); background-repeat:repeat-y; width: 1; background-position:10px;}
*/
.dotCompareBackground	{ background-image: url(../Images/compareVertText.gif);    }

.grayBorder{ background-color:#999999; width:1px}


/* Hide or show objects */
.hide { display:none; }
.show { display:block !important; }


/* buttons */

/*More Info Buttons used on the deal table*/
.moreInfoIconhide { background:url(../images/findOutMore.gif) no-repeat right 2px; width:100px; }
.moreInfoIconshow { background:url(../images/findOutMoreDown.gif) no-repeat right 2px; width:100px; }


/* Deal Table styles */
.DealDetailsText{ text-align:left; float:left;}
.talkPlanPanel{padding: 5px 0px 5px 0px;}


/* Deal Table Shadow Box - Create a shadow box style around content*/
.dealShadowBox{float:left; width:auto; height:auto;  padding: 0px; margin:0px 5px 10px 0px; display:inline; background-image:url(../images/shadow2.gif); background-repeat:no-repeat; background-position: bottom right;}
.dealShadowBox .shadow{float:left; height:auto;  margin-right:3px; border-left:solid 0px white; border-top:solid 1px #ccc; background-image:url(../images/lineshadow2.gif); background-repeat:no-repeat; background-position: bottom left;}
.dealShadowBox .bgbdy{padding:0px 0px 7px 0px;}
.dealShadowBox .pt {float:left; width:auto; max-width:auto; width:auto; max-width:auto; background-color:#efefef; background-image: none; font-size:12px; padding: 5px 0px 0px 8px; margin:1px 1px 5px 2px; display:inline; font-weight: bold; color:#333333}
.dealShadowBox p{clear:both; padding:0px 0px 10px 0px;}


/* Shadow Box - Create a shadow box style around content*/
.shadowBox{float:left; width:auto; height:auto;  padding: 0px; margin:0px 5px 10px 0px; display:inline; background-image:url(../images/shadow2.gif); background-repeat:no-repeat; background-position: bottom right;}
.shadowBox .shadow{float:left; height:auto;  margin-right:3px; border-left:solid 0px white; border-top:solid 1px #ccc; background-image:url(../images/lineshadow2.gif); background-repeat:no-repeat; background-position: bottom left;}
.shadowBox .bgbdy{padding:0px 5px 7px 10px;}
.shadowBox .pt {float:left; width:auto; max-width:auto; width:auto; max-width:auto; background-color:#efefef; background-image: none; font-size:12px; padding: 5px 0px 0px 8px; margin:1px 1px 5px 2px; display:inline; font-weight: bold; color:#333333}
.shadowBox p{clear:both; padding:0px 0px 10px 0px;}


/* style for tblMobileCharges in ctlTalkPlanInformation.ascx */
.talkPlanInfoTable { border-collapse: collapse; font-family:Helvetica, Arial, Sans-serif; font-size:71%; }
.talkPlanInfoTable th{ background-color: #EEEEFF; border: 1px solid #cccccc; }
.talkPlanInfoTable td{ border: 1px solid #cccccc; padding: 3px; }

.talkPlanInfoHeader { background-color: #999999; font-weight:bold;  color:white}

/* gray tab */
.grayTab{width:100%;    border-left: solid 1px; border-top: solid 1px;  border-color:#b6c9e4; border-style:Solid; height:22px; font-family:Helvetica,Arial,Sans-serif; font-size:71%; font-weight:bold; color:#666666; padding:2px 9px 0 0; cursor:Hand; background:url(../Images/tabs/ig_tab_baz3 gray.gif) no-repeat right top; float: right; BORDER-BOTTOM-WIDTH:0px; text-align:center;}


/* Home Page styles */
#HomePage h1 {font-family:verdana; font-size:20px; font-weight:100; text-decoration:none; text-align:left; color:#808080; margin:0px 0px 0px 0px;}
#HomePage h2 {font-family:verdana; font-size:18px; font-weight:100; text-decoration:none; text-align:left; color:#808080; margin:0px 0px 0px 0px;}
#HomePage h3 {font-family:Helvetica, Arial, Sans-serif; font-size:71%;  color:#808080; margin:0px 0px 0px 0px; }

#HomePage .homePageBanner{ background-image:url(../images/women_on_laptop.jpg); background-repeat: no-repeat; background-position: left bottom;}

/* -- Containers -- */

/* network container */
#NetworkContainer { float: left; width:725px;  margin:15px 0px 0px 0px; vertical-align:bottom; 
	 background: transparent url(../images/h4_hr.gif) repeat-x bottom left; padding: 10px 0 10px 0; }
#NetworkContainer .NetworkText { float: left; padding:5px 0px 0px 0px;  margin: 10px 0px 0px 5px; FONT-SIZE: 70%; FONT-FAMILY: Verdana, helvetica, Arial,sans-serif; MARGIN-TOP: 20px; COLOR: #666 }
#NetworkContainer .radioBtnList {   font-family:Helvetica, Arial, Sans-serif; font-size:71%; color:#000000; font-weight:bold;  }
#NetworkContainer td { vertical-align:bottom;}
#NetworkContainer input { margin: 0 3 0 0;}
.TopHR { background: transparent url(../images/h4_hr.gif) repeat-x bottom left; padding: 0 0 2px 0;  }


/* Manufacturer container */
#ManufacturerContainer { margin-bottom:4px; padding: 5px 0; width: 600px;  text-align:left}

/* handset container */
#HandsetContainer { CLEAR: left; BORDER-left: #D5D5D5 1px solid; BORDER-RIGHT: #D5D5D5 1px solid; BORDER-bottom: #D5D5D5 1px solid;  MARGIN: 0px auto;  POSITION: relative; TEXT-ALIGN: left; padding: 2px 5px 2px 5px;}
#HandsetContainer .viewtitle {FONT-SIZE: 70%; FONT-FAMILY: Verdana, helvetica, Arial,sans-serif; MARGIN-TOP: 20px; COLOR: #666}
#HandsetContainer .viewMsg  { COLOR: #000; font-weight: bold; COLOR: black;}

/* deals container */
#DealsContainer { width:725px; float:left; }
#DealsContainer .white{ color: White}
#DealsContainer  .dealsMsg { float:left;  width:100%; background-color:#FFFFDD;  text-align: center;  border: solid 1px #EEAA77; margin: 20px 0px 0px 0px; text-align: left; clear:both; font-family :Helvetica, Arial, Sans-serif; font-size:71%;  padding: 10px  0px 10px 5px;    }

#DealsContainer .dataGrid {}

#dealTablePlaceHolder {BORDER-left: #D5D5D5 1px solid; BORDER-RIGHT: #D5D5D5 1px solid; BORDER-bottom: #D5D5D5 1px solid;  MARGIN: 0px 0px 0px 1px;  }

#headerControls {padding: 25px 0px 0px 0px;  border: none 0px;}
#headerControls .comparisonControls { float:left; width: 550px;  }
#headerControls .comparisonControls .btnCompareDeals { padding: 0px 0px 0px 6px; border: none 0px;}
#headerControls .comparisonControls .btnClearCompareList {font-family:Helvetica, Arial, Sans-serif; font-size:71%; padding: 0px 0px 0px 15px; font-weight:bold; color:#FF6600;}
#headerControls  .comparisonControls .btnCompareDeals IMG { border: none 0px}
#headerControls  .comparisonControls .compareMsgLabel {font-family:Helvetica, Arial, Sans-serif; font-size:71%; font-style:italic; color:#666666;}
#headerControls  .sortControls {float:left}
#headerControls .sortControls .sortByLabel {float:left; padding: 0px 5px 0px 0px; font-family :Helvetica, Arial, Sans-serif; font-size:71%;font-weight:bold; color:#666666;}


#footerControls  .comparisonControls IMG { border: none 0px}
#footerControls  .comparisonControls .compareBottomArrow { margin: 0px 0px 0px 10px;}
#footerControls .comparisonControls .compareBottomArrow { margin: 0px 0px 0px 10px;}
#footerControls  .comparisonControls .BtnCompare { margin: 0px 0px 8px 0px;}

	
/* comparison basket container */
#ComparisonBasketContainer {width: 140px; border-right: #cccccc 1px solid; padding-right: 2px; padding-left: 2px; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid}

/* handset information control container */
#handsetInformationWrapper {width: 213px;  margin: 0px 0px 0px 15px;}
.handsetInformationContainer { min-height: 1600px; float:left; width: 212px; BORDER-left: solid 1px #D5D5D5; BORDER-bottom: solid 1px #D5D5D5; BORDER-right: solid 1px #D5D5D5;  }
.handsetOrangeTab { margin: 15px 0px 0px 0px;  padding: 4px 0px 0px 0px; height:19px; font-weight:bold; font-family:Helvetica, Arial, Sans-serif; font-size:71%;  color: #ffffff; float:left; width: 216px; background: transparent url(../images/orangetab.gif);}

#outerwrapper { CLEAR: left; BORDER-left: #b6c9e4 1px solid; BORDER-RIGHT: #b6c9e4 1px solid; BORDER-bottom: #b6c9e4 1px solid; MARGIN: 0px auto;  POSITION: relative; TEXT-ALIGN: left; padding: 2px 5px 2px 5px;}

/* searchpreferences container */
#SearchPreferencesContainer {  width: 98.2%;  background-color: #E7E7E7; BORDER-BOTTOM: #ccc 1px solid;   padding: 2px 5px 2px 5px; }
#SearchPreferencesContainer .Label {color:#0066CC; font-family:Helvetica, Arial, Sans-serif; font-size:71%;  }
#SearchPreferencesContainer td {height: 24px;}
#SearchPreferencesContainer .titlerow { font-size:71%;  PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  font-family:Helvetica, Arial, Sans-serif; FONT-WEIGHT: bold; PADDING-BOTTOM: 1em; COLOR: black; PADDING-TOP: 1em; text-align:left;}

/* Search Mobile Deals container */
#searchMobileDealsContainer {}
#searchMobileDealsContainer .mainContent {float: left; width: 725px; vertical-align:top;}
#searchMobileDealsContainer .mainContent .networkHolder {}
#searchMobileDealsContainer .mainContent .handsetHolder {}
#searchMobileDealsContainer .mainContent .dealTableHolder { padding: 20 0 0 0; margin: 20 0 0 0;}
#searchMobileDealsContainer .rightCol {float: right; width: 200px; vertical-align:top;}
#searchMobileDealsContainer .rightCol .handsetInformationHolder {}

.comparisonTableContainer {float:left; BORDER: solid 1px #DEDEDE; padding: 10px 10px 10px 10px; min-width: 10px; width:940px }

.comparisonTableContainer .tableHeader{float:left; font-size:81%;  font-family:Helvetica, Arial, Sans-serif; color:#333333;   BORDER-BOTTOM: #b6c9e4 1px solid; PADDING-RIGHT: 0px;PADDING-LEFT: 5px; BACKGROUND: url(../images/layout/navigation/breadcrumb_background.gif) #fff repeat-x left bottom; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; height: 15px;}
 
.comparisonTableContainer .subHeading  {font-size:13px; height: 20px; border-bottom: solid 1px #FF6600; font-weight:bold;}
.comparisonTableContainer .headerCell {padding: 3px 10px 3px 2px;  border-right :solid 1px  #E4E4E4;  background: transparent url(../images/tab_dotline.gif) repeat-x  1px bottom; background-color: white;  font-weight:bold;}
.comparisonTableContainer .dataCell  {   background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom; background-color: white; }
.comparisonTableContainer .dataCell TD {vertical-align:top;}
.comparisonTableContainer .removeDealCell {   background: transparent url(../images/ComparsionHeaderBg.gif) repeat-x  30px  bottom; background-color: white; }
.comparisonTableContainer TD.removeDealCell  {vertical-align:middle; height: 28px;}
.comparisonTableContainer .removeDealCell { color: Black} 

.comparisonTableContainer  a { color: #333;  font-weight: bold; }
.comparisonTableContainer  a:visited { color: #333; text-decoration:none;}
.comparisonTableContainer  a:hover { color: #f60; text-decoration:underline; }
.comparisonTableContainer  a:active{ color: #f60; text-decoration:none; }
 
.comparisonTableContainer .imgStoreCell {}
.comparisonTableContainer .imgStoreCell TD {width:50px}

.comparisonTableContainer .imgPanelToggle { margin: 0px 10px 0px 5px; cursor: pointer;}
.comparisonTableContainer   IMG {  margin: 5px 2px 5px 2px;}
.comparisonTableContainer .imgStoreCell { background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom;}
.comparisonTableContainer .imgHandsetCell { background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom;}
.comparisonTableContainer .imgNetworkCell { background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom;}
.comparisonTableContainer .talkPlanCell { background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom;}
.comparisonTableContainer .handsetNameCell { background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom;}
.comparisonTableContainer .lnkBtnBuyCell { background: transparent url(../images/tab_dotline.gif) repeat-x  1px  bottom;}


.comparisonTableContainer TR { background: transparent url(../images/dothorz.gif) repeat-x  1px left top;}


/* Labels */
.TotalDealsFoundLabel {	FONT-FAMILY: Verdana, helvetica, Arial,sans-serif; FONT-SIZE: 13px; COLOR: #000000; margin: 10px 0px 10px 2px; font-weight:bold;}


/* dealsSelect */

#dealsSelect { width: 700px; 	}
#dealsSelect .dealRow {width: 700px; float: left; height:100%;}
#dealsSelect .dealRow .talkPlanCol {float: left; width: 115px;  FONT-FAMILY: Verdana, helvetica, Arial,sans-serif; font-size: 71%;}
#dealsSelect .dealRow .talkPlanCol .networkLogo { margin-top: 40px;}
#dealsSelect .dealRow .talkPlanCol .talkPlanName { font-weight:bold; text-align: center;}
#dealsSelect .dealRow .talkPlanCol .contractDuration {text-align: center;}

#dealsSelect .dealRow .dealCol { height:100%; border: solid 1px black; float: left;width:75px;  font-family:Helvetica, Arial, Sans-serif; font-size:80%; color:#000000; font-weight:bold;   }
#dealsSelect .dealRow .dealCol P.inclusiveMinsText { vertical-align: middle;}
#dealsSelect .dealRow .dealCol SPAN { vertical-align: middle;}
#dealsSelect .dealRow .dealDetailsCol {float: left;width: 205px}
#dealsSelect .dealRow .handsetPriceCol {float: left;width: 90px}
#dealsSelect .dealRow .youPayCol {float: left;width: 110px}
#dealsSelect .dealRow .storeCol {float: left;width: 105px}

#comparisonPage {float:left}
#comparisonPage .comparisonPageHeaderControls {width:960px; float:left; padding: 25px 0px 10px 0px;  border: none 0px;}
#comparisonPage .btnPreviousPage {float: left}
#comparisonPage  .comparisonSortControls {float:right}
#comparisonPage  .comparisonSortByLabel {float:left; padding: 0px 5px 0px 0px; font-family :Helvetica, Arial, Sans-serif; font-size:71%;font-weight:bold; color:#666666;}
#comparisonPage .Title { float:none;}
#comparisonPage .comparisonTable {float:left;}

/* Home Page Orange */

div#HomePageOrangeContainer { width:770px; font:0.8em Arial, sans-serif; }
div#HomePageOrangeContainer a { background-color:Transparent; color:#333; text-decoration:none; }		
div#leftCol	{ float:left; width:625px;  }
div.cell			{ background-color:#FFF; width:311px; height:165px; background:#FFF  no-repeat top left; position:relative; }
div.cell img.h2		{ float:right; position:relative; top:20px; left:-30px; padding:0; }
div.cell img.pic	{ position:absolute; top:-5px; left:15px; }
div.cell p			{ clear:both; float:right; height:105px; margin:30px 12px 0 0; }

div#CompareMobileDeals					{ float:left; background-image:url(../images/bg_GetABetterDeal.jpg); }
div#CompareMobileDeals img.h2			{ position:relative; top:25px; left:-50px; }	
div#CompareMobileDeals p				{ width:138px; } 

.boxTitle { font-size: 17px; margin:19px 0px -21px 158px; width: 140px;}

div#chooseBestHandset					{ float:left; background-image:url(../images/bg_GetABetterPhone.jpg); }
div#chooseBestHandset img.h2			{ position:relative; top:25px; left:-50px; }	
div#chooseBestHandset p				{ width:138px; } 

div#saveMoneyOnYourDeal					{ float:left; background-image:url(../images/bg_saveMoney.jpg); }
div#saveMoneyOnYourDeal img.h2			{ position:relative; top:25px; left:-50px; }	
div#saveMoneyOnYourDeal p				{ width:138px; } 

div#easyService					{ float:left; background-image:url(../images/bg_womanLaptop.jpg); }
div#easyService img.h2			{ position:relative; top:25px; left:-50px; }	
div#easyService p				{ width:138px; } 

div#spots			{ width:140px; float:right; margin-top:10px;  }
div#OurCommitment			{ background-color:#FFF; display:block; width:142px; height:153px; background:#FFF url(../images/compareMobileDealsBanner.jpg) no-repeat top left; text-indent:-2000em; font-size:0.1em; line-height:0.1em;  }

#leftMenu 
{
	float: left;
	 background-image:url(../images/leftcol-bg.gif);
	 background-repeat: no-repeat;
	 background-position: right;
	 padding: 0px 16px 0px 0px;
	
	}
	
#contentArea 
{
	float: right;
		width: 770px;
	}

.ticki { margin: 0px 0px 10px 0px;
	 height: 20px;
	}
	
	.headingBar
	{
height:18px; 
margin: 0px 0px 5px 0px;
 padding: 2px 0px 0px 10px;
  color:#fff; font-size:13px;
   font-weight:bold; 
   background-color:#ff6600;
	}
	
	.borderLessGridView
	{
 border-collapse: separate;
	}
	
	textarea.full-width   
	{
		width:536px; height:50px; margin:6px;
		font-family:Helvetica, Arial, Sans-serif;
		font-size:11px;
		}
		
		.ValidationSummary { margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; background-color: #FFFCD6; border: solid 1px #ECA67D;}

.PickADealHeader { font-family: Helvetica,Arial,Sans-serif; background: url(../images/orange-bar-middle.jpg) repeat-x scroll left bottom; color: White; font-weight: bold; font-size: 71%; text-align: left;}
.miniHeader {font-size:11px; font-family:Helvetica, Arial, Sans-serif; margin: 0px 0px 5px 0px;}
 .button
{
    background-color: #FFFFFF;
    border-left:1px solid #CBCBCB;
    border-top:1px solid #CBCBCB;
    border-right:1px solid #6E6E6E;
    border-bottom:1px solid #6E6E6E;
    color: #000000;
	font-size: 10px;
    background-image: url('../images/button_background.gif');
margin:0px 0px 1px;
} 

#UsageFilter{ margin:0px  3px 0px 0px; padding: 5px 5px 5px 5px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.UsageFilterBottom { padding-bottom: 4px;height:1px; line-height:1px; background: transparent url(../images/bg_dealsfilter_border.gif) repeat-x bottom left; }
.UsageFilterTop { padding: 0px 4px 0 4px; background: transparent url(../images/bg_filter_top.gif) repeat-x bottom left;}
.UsageFilterTopHR { background: transparent url(../images/h4_hr.gif) repeat-x bottom left; padding: 0 0 10px 0;  }
H4.h4_filter_feature	{  height: 18px; }

/* Modal Loader Page */
.trans_box2 {
  background-image:url(../images/00_bg.png);
}

#more_details_bg 	{ position: absolute; top:0px; left:0px;width:auto; height:100%; z-index:4; display:block; }
#planDetailsContent	{ border: 1px solid #c1c1c1; margin:0px; background-color: #FFF; width: 110px; position:relative; left: 0px; top:0px; visibility: inherit; z-index:1; }

#planDetailsContent .loading {font-weight:bold; font-size: 0.76em}

.pagegate
{
    background-color: #000;
    opacity: 0.65;
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;

}

.pg-relative
{
    position: relative;
}

/* Search Progress Indicator */

#SearchProgressIndicator
{
	  background-image: url('../Images/search-progress-indicator.jpg');
	   width: 700px;
	 height: 396px;

}

#searchProgress
{
	margin: 10px 0px 0px 0px;
}

#tblRetailerLogos 
{
	 margin: 70px 0px 0px 305px;
}

#tblProgressSpinner
{
	 margin: 146px 0px 0px 200px;
}



#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}