﻿/********************************************************************************/
/*           NAME:  Base Element Style Sheet                                    */
/*           FILE:  /CSS/Base.css                                               */
/*        CREATED:  November 5th, 2008                                          */
/*        CHANGED:  November 5th, 2008                                          */
/*      HTTP HOST:  http://*.megasecured.com/CSS/Version2                       */
/*                                                                              */
/* STANDARD INDEX:  (One) 10                                                    */
/*                                                                              */
/*        PURPOSE:  for setting up the base default standard sytles applied to  */
/*                  html elements                                               */
/*                                                                              */
/* COLOR STANDARDS                                                              */
/*   HYPERLINKS:       #333 charcoal                                            */
/*   MOUSE OVER LINKS: #f60 orange                                              */
/*                                                                              */
/*                                                                   411 DATA   */
/*                                                                              */
/********************************************************************************/





  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    #SearchBoxControl{}
    #SearchBoxControl TABLE#SearchBar{
      margin:10px auto 3px auto; width:680px;}
    #SearchBoxControl TABLE#SearchBar #Row01 TD{
      text-align:center; vertical-align:middle;}
    #SearchBoxControl TABLE#SearchBar #Row02 TD{
      text-align:right; padding:0 7px 0 0;}
    #SearchBoxControl TABLE#SearchBar A{
      font-weight:bold; font-size:12px;}
    #SearchBoxControl .textBox{
      font-size:15px; font-weight:bold; padding:1px 4px 2px 4px; width:270px;}
    #SearchBoxControl .label{
      font-size:14px;}



  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    #SearchOptionsAdControl{
      margin-bottom:1px;}
    #SearchOptionsAdControl .searchOptionsContent{
      padding-right:5px;}
    #SearchOptionsAdControl .searchOptionsAd{
      width:336px; overflow:hidden;}

/******************************************************************************/
/** MY MEGA WORLD CONTROL                                                    **/
/******************************************************************************/
  #MyMegaWorldControl{
    margin:0; padding:0;}
  #MyMegaWorldControl .signIn{
    background-image:url('Images/Logos/p223x39mycommunity.png');
    background-repeat:no-repeat; height:27px; padding:12px 0 0 0; background-position:0 1px;}
  #MyMegaWorldControl .signIn A{
    font-size:16px; padding:0 0 0 235px; font-weight:bold;}

  /******************************************************************************/
  /** MY MEGA WORLD CONTROL                                                    **/
  /******************************************************************************/
    #SiteMapControl{
      padding:2px 0; max-width:970px; margin:0 auto;}
    #SiteMapControl STRONG{
      text-transform:uppercase;}
    #SiteMapControl A{
      margin:0 2px;}  

    #SiteMapLinksControl{}
    #SiteMapLinksControl .box{
      margin-bottom:5px; max-height:385px; overflow:-moz-scrollbars-vertical;
      overflow-x:hidden; overflow-y:scroll;}
    #SiteMapLinksControl #ControlListingsResults #ResultsListing{
      padding-right:15px;}


.locations{
  margin-bottom:5px;}


.listingsLeft{
  width:160px; padding:0 5px 0 0;}
.listingsLeft .border{
  margin:0 0 5px 0;}

.listingsRight{
  width:250px; padding:0 0 0 5px;}
.listingsRight .border{
  margin:0 0 5px 0;}

#ResultsControl .leftRightColumns{
  margin-bottom:5px;}

#LoginControl .sideBySideRight{
  min-height:275px;}

  /********************************************************************************/
  /***** SITE MAP CONTROL                                                         */
  /*****                                                                          */
    #SiteMapControl{
     font-size:9px; max-width:970px; margin-top:5px; margin-bottom:5px;
     
     }

#ContentPage H3{
  margin-top:5px;}
#ContentPage P{
  margin-bottom:10px; line-height:20px;}
#ContentPage .box{
  margin-bottom:5px;}



#UpdatePanelCategories{}



/*

    CODE FOR THE MOST POPULAR SLIDER

*/




.zone_slider
{
	position: relative;
	width: 625px;
	height: 150px;
	background-color: white;
	margin-left:25px;
	overflow: hidden;
  border-bottom:solid 1px #999;
  padding-bottom:10px;  
}

.zone_slider ul
{
	position: absolute;
	top: 0px;
	margin-left: 26px; /* width: 854px; 	        margin: 0px auto 0px auto; */
     list-style-image:url("../../Images/square.jpg"); 
}

.zone_slider ul li
{
	float: left;
	
}

.zone_slider ul li a
{
  color:#222;
	display: block;
	padding: 0px;
	text-align: center;
	margin-right: 12px; 
	margin-left: 17px;
  vertical-align:middle;    
  line-height:normal;
  font-weight:bold;
 }	

.zone_slider .zone_table{
  width:150px; height:150px; margin:0 10px; }
.zone_slider .zone_table:Hover{}
.zone_slider .zone_image_item {
  vertical-align:middle;}

.zone_slider ul li a img 
{
  max-width:150px; margin-bottom:5px;
}

.zone_slider ul li a:hover
{ text-decoration:none;}


.zone_slider ul li a p
{
	text-align: center;
	display: block;
}

.zone_slider #zone_scroll_left
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

.zone_slider #zone_scroll_right
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.MostPopularControl h3,
.FeaturedListings h3
{
    color:#FF9900;
    margin-left:25px;
    margin-top:10px;
    margin-bottom:0px;
    text-transform: none;
}


/* CODE FOR THE FEATURED LISTING */



.featured_listings
{
	position: relative;
	width: 650px;
	height: 120px;
	background-color: white;
  line-height:normal;
	overflow: hidden;
}

.featured_listings ul
{
	position: absolute;
	top: 0px;
	left: 26px; /* width: 854px; 	        margin: 0px auto 0px auto; */
}

.featured_listings ul li
{
	float: left;
	display: block;
	padding: 0px 4px 0px 0px;
	text-align: left;
	width: 130px; 
	height: 100px; 
	margin-right: 12px; 
    border-right: solid 1px #999; 
    padding-right:4px;
  line-height:17px;
  font-size:11px;
}
.featured_listings ul li.last
{
    border-right:none; }

.featured_listings ul li a
{
	 text-decoration:underline; text-transform:uppercase; font-weight:bold;
    display:block; width:130px; height:16px; overflow:hidden;
}

.featured_listings ul li .viewListing
{
    color:Black; font-weight:normal;
    text-decoration:none; text-transform:lowercase; padding:4px 0 0 0;
    
}

.featured_listings ul li a img 
{
	
}

.featured_listings ul li a:hover
{
	
	color: #0066FF;
}

.featured_listings ul li a p
{
	text-align: center;
	display: block;
}

  .popularLists a { color:#3900DB; text-decoration:underline; }

  .categoryList       { margin-top:5px; }
  .categoryList .link { margin-left:20px; font-size: 13px; margin-top:2px; }


  .featuredMore   { margin-top:100px; float:right; }
  .categoriesMore { margin-right:20px; margin-top:-15px; }

.moreArrow
{
  
  height: 25px;
  text-align:right;
  
  
  
}

.moreArrow img
{
   margin-bottom:-4px;
   margin-left:5px;
}

.moreArrow a
{    
    font-size:10px;
}

  /********************************************************************************/
  /***** IBEGIN WEATHER WIDGET CONTROL                                            */
  /*****                                                                          */
    #WeatherWidgetControl{
      z-index:15;Display :none;}
    #WeatherWidgetControl DIV{
      margin-top:-22px; text-transform:uppercase; line-height:normal; color:#fff;}
    #WeatherWidgetControl STRONG A{
      display:none; margin:0; padding:0; height:0; overflow:hidden; line-height:normal;}
    #WeatherWidgetControl STRONG,
    #WeatherWidgetControl SPAN{
      display:inline-block; height:16px; line-height:12px; vertical-align:top;
      padding-top:6px;}
    #WeatherWidgetControl IMG{
      line-height:normal;}
    #WeatherWidgetControl TD,
    #WeatherWidgetControl STRONG{
      color:#000; font-weight:bold;}





  /********************************************************************************/
  /***** POPP PAGE                                                                */
  /*****                                                                          */
    #POPPPage{}
    #POPPPage .poppTopBar{
      height:63px;}
    #POPPPage .poppTopBar .poppTopLeft{
      background-image:url('Images/Bars/J15x75-POPPTopLeftGrey.jpg'); width:15px;
      background-position:top left; background-repeat:no-repeat;}
    #POPPPage .poppTopBar .poppTopMiddle{
      background-image:url('Images/Bars/J1x75-POPPTopMiddleGrey.jpg');
      background-position:top left; background-repeat:repeat-x;}
    #POPPPage .poppTopBar .poppTopRight{
      background-image:url('Images/Bars/J15x75-POPPTopRightGrey.jpg'); width:15px;}
    #POPPPage .poppBottomBar{
      height:63px; margin-bottom:10px;}
    #POPPPage .poppBottomBar .poppBottomLeft{
      background-image:url('Images/Bars/J15x75-POPPBottomLeftGrey.jpg'); width:15px;
      background-position:bottom left; background-repeat:no-repeat;}
    #POPPPage .poppBottomBar .poppBottomMiddle{
      background-image:url('Images/Bars/J1x75-POPPBottomMiddleGrey.jpg');
      background-position:bottom left; background-repeat:repeat-x;}
    #POPPPage .poppBottomBar .poppBottomRight{
      background-image:url('Images/Bars/J15x75-POPPBottomRightGrey.jpg'); width:15px;
      background-position:bottom right; background-repeat:no-repeat;}
    #POPPPage .poppTopBar .logoName{
      vertical-align:middle; padding:15px 0 0 15px;}
    #POPPPage .poppTopBar .largePhone{
      padding:15px 15px 0 0; text-align:right; font-size:24px;}
    #POPPPage .columnBox,
    #POPPPage .sideBars{
      border-left:solid 1px #999;border-right:solid 1px #999;}      
    #POPPPage .mainHeader{
      color:#000; font-size:15px; font-weight:700; margin:6px 0 0 5px;
      display:inline-block; height:18px;}
    #POPPPage .poppPageRight{
      width:251px; height:215px;}
    #POPPPage .poppPageRight .visual{
      border-right:solid 1px #999;}
    #POPPPage .fullBar{
      width:100%; display:block; height:26px;
      background-image:url('Images/Bars/J975x26-POPPReviewsYellow.jpg');}
    #POPPPage .poppPageRight .space{
      height:40px;}
    #POPPPage .poppPageRight #MapBar{
      background-image:url('Images/Bars/J300x26-POPPMapYellow.jpg'); height:28px;
      overflow:hidden; background-position:top right; background-repeat:no-repeat;}
    #POPPPage #DescriptionBar,
    #POPPPage #ProductsBar,
    #POPPPage #ServicesBar,
    #POPPPage .poppPageRight #AdBar,
    #POPPPage .poppPageRight #NewsBar,
    #POPPPage .poppPageRight #VideoBar{
      background-image:url('Images/Bars/J1x26-POPPBarYellow.jpg'); height:28px;
      overflow:hidden; background-position:0 0; background-repeat:repeat-x;}
    #POPPPage .poppPageRight #AdBar,
    #POPPPage .poppPageRight #NewsBar,
    #POPPPage .poppPageRight #VideoBar{
      border-right:solid 1px #999;}
    #POPPPage .poppPageRight .newsMax{
      display:block;  min-height:90px; max-height:270px; overflow:-moz-scrollbars-vertical;
      overflow-x:hidden; overflow-y:scroll; padding:2px 0; scrollbar-face-color:#eee;
      scrollbar-arrow-color:#000; scrollbar-shadow-color:#eee;
      scrollbar-darkshadow-color:#ccc; scrollbar-highlight-color:#eee;
      scrollbar-3dlight-color:#ccc; scrollbar-track-color:#f6f6f6;}
    #POPPPage #Products,
    #POPPPage #Services{
      min-height:115px; }
    #POPPPage .poppPageRight .videoBox{
      height:200px;}
    #POPPPage .footer,
    #POPPPage .footer A{
      margin:35px auto 0 auto; font-size:11px; text-transform:capitalize; color:#555;}

    .reviewOptions{
      width:100%; font-size:12px;}
    .seperator{
      width:100%; margin:0 0 15px 0; border-bottom:solid 1px #999; height:5px;}
    .reviewOptions .label{
      font-size:12px; margin-right:5px; text-transform:capitalize;}
    #BusinessReviewsControl A.link{
      color:#D47712; font-weight:700;font-size:12px; text-transform:capitalize;}
    #BusinessReviewsControl .memberPhoto{
      padding:1px; border:solid 1px #999; margin-right:10px;}
    #BusinessReviewsControl .displayName{
      color:#D47712; text-align:center; font-weight:700; margin-right:10px; font-size:12px;}
    #BusinessReviewsControl .reviewTitle{
      width:auto;}
    #BusinessReviewsControl .reviewTitle TD{
      vertical-align:middle; padding-right:15px; font-size:11px;color:#333;}
    #BusinessReviewsControl .reviewTitle STRONG{
      text-transform:uppercase;  font-size:13px; color:#000;}
    #BusinessReviewsControl .review{
      line-height:19px; padding:8px 0; font-size:13px;}
    #BusinessReviewsControl .usefulness{
      width:100%; color:#D47712; text-transform:capitalize; margin-bottom:10px;}
    #BusinessReviewsControl .usefulness TD.icon{
      width:20px; text-align:center; vertical-align:middle;}
    #BusinessReviewsControl .first A{
      font-size:16px;}
    #ListingVideosControl A{
      color:#D47712; font-weight:700; text-transform:none;}
    #ListingVideosControl .right{
      margin:3px 5px 0 0;}
    #ListingVideosControl H3 {
      margin-bottom:5px;}
    #ListingVideosControl H3 A{
      font-size:14px;}


#POPPPhoto{
  margin:25px 0;}
#POPPPhoto .topBar{
  background-color:#fff; width:100%; padding:0; border-bottom:solid 1px #999;
  margin:0 auto;}
#POPPPhoto .topBarLeft,
#POPPPhoto .topBarRight{
  height:40px; width:15px;}
#POPPPhoto .topBarRight{
  background-position:top right;}
#POPPPhoto .topBarCenter{
  font-size:22px; font-weight:700; padding-top:8px;}
#POPPPhoto .topBarCenter .floatRight{
  font-size:14px; text-transform:uppercase; padding-top:6px;}
#POPPPhoto .topBarCenter .floatRight A{
  color:#c30;}
#POPPPhoto .photo{
  border:solid 1px #999; margin:5px 0; padding:0px; background-color:#999;}
#POPPPhoto .bottomBar {
  width:100%; margin:0 auto;}
#POPPPhoto .bottomBar .topBarCenter{
  font-size:11px; font-weight:normal; text-align:center; padding-top:12px; color:#333;}
#POPPPhoto .padding{
  padding:5px 15px; line-height:20px;}
#POPPPhoto .box{
  margin-top:5px; font-size:15px;}
#POPPPhoto .largePhone{
  font-size:25px; font-weight:700; padding-top:10px;}
#POPPPhoto .navigation A.link{
  font-size:14px; text-align:right;}