/**

* eDirectory - Style Definitions

*

* This style sheet describes the structure and the main components

* about eDirectory's interface

*

* @package      layout

* @author       Arca Solutions

* @copyright    Copyright (c) 2009, Arca Solutions Inc.

*

* @colordef     #069; standard blue                     (link color and title highlight)

* @colordef     #333; standard dark gray            (text colors)

* @colordef     #666; standard gray                     (notes, complementary information)

* @colordef     #690; standard green color      (footer links, members links, search box)

* @colordef     #C00; standard red                      (standard hover link, highlight label, calendar day's hover, secondary link color)

* @colordef     #CCC; standard border color

* @colordef     #EEE; secondary border color

* @colordef     #FFC; standard yellow color     (highlight featured, calendar day's hover)

* @colordef     #F7F7F7; tertiary border color, light gray background color

* @colordef     #FFFFEF; secondary yellow           (showcase background, subcategories' dropdown)

*/



/**

* Global Definitions

*

* @section  global reset

*/



*

{ border: none; margin: 0; padding: 0; }



ul

{ list-style: none; }



body

{ font: normal 12px/16px Arial, Helvetica, sans-serif; }



.body

{ background:#F8F8F8 url(images/design/bg_body.jpg) repeat-x 0 0; color: #666; font: normal 12px/16px Arial, Helvetica, sans-serif; text-align: center; }



a, a:visited

{ color: #069; font-weight: bold; text-decoration: none; }



    a:hover

    { text-decoration: underline; }



input, select, textarea

{ border: 1px solid #CCC; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; color: #666; padding: 2px; }



.clear

{ clear: both; display: block; height: 0px; line-height: 0px; overflow: hidden; }



/**

* Page Structure

*

* Main structure and common components of the directory system

* such as Wrapper, Navbar, Header and Footer

*

* @section  structure

*/



.wrapper

{ margin: 0 auto 0 auto; text-align: left; width: auto; }



/**

* Top Navigation

*

* @section      structure

* @subsection   top-navigation

*/



.topNavbar

{ font-size: 11px; height: 32px; line-height: 32px; width: 980px; margin: 0 auto 0 auto; }



    .headerLogin

    { float:left; overflow-x:hidden; }

    

        .headerLogin li

        { border-right: 1px solid #c9c9c9; float: left; margin:0; padding:0 10px; }

        

            .headerLogin li:last-child

            { border-right:none; }

            

            .headerLogin .add a, .headerLogin .add a:visited

            { color:#09C; text-decoration:underline; }

            

                .headerLogin .add a:hover

                { text-decoration:none; }

                

            .headerLogin li a, .headerLogin li a:visited

            { color: #666; font-weight:normal; }

            

        .headerLogin .welcome strong

        { color:#333; }

    

    .themePicker,

    .domainSelect

    { color:#069; font-weight:bold; padding:6px 0 0 10px; position:absolute; right:156px; top:0; }

    

        .themePicker select,

        .domainSelect select

        { background: none; border: 1px solid #AFAFAF; color: #666; font-size: 11px; float: left; width: 170px /* fix space on IE7 */ }

    

        .themePicker span

        { display: block; float: left; }



        .themePicker img

        { float: left; margin: 10px 0 0 2px; padding: 1px; }



        .themePicker .themeActive

        { border: 1px solid #666; padding: 0; }

    

    .languageFlags

    { border-left: 1px solid #C9C9C9; height:21px; line-height: 0; padding:11px 0 0 12px; position:absolute; right:0; top:0; }

    

        .languageFlags span

        { color: #0099CC; line-height: 14px; margin: 7px 4px 0 4px; }

        

        .languageFlags img

        { margin: 0; padding: 1px 2px; }

        

        .languageFlags .flagActive

        { border: 1px solid #0099CC; margin: 0 2px; padding: 0; }

        

        .languageFlags .languageFlagsImages

        { display: block; float: left; }



    #allLang

    { display:none; }



        div.floatLayer .allLang span

        { color:#069; font-weight:bold; }



        .allLang img

        { border:1px solid #666; padding:0; position:relative; top: 2px; }

        

/* LivePerson - Chat Banner */



.topNavbar .wrapper { position: relative; z-index: 2; width: 980px; margin: 0 auto 0 auto; }

        

.livepersonChat

{ left: 0; padding: 5px; position: absolute; top: 30px; z-index: 9999; }

    

/**

* Header

*

* @section      structure

* @subsection   header

*/



.header

{  background: url(images/content/img-logo.png) 0 0 no-repeat; height: 130px; position: relative; width: 980px; margin: 0 auto 0 auto; }



/** Logo */



h1.logo

{ height:100px; position: absolute; top:0px; left:0; width:270px; }



    h1.logo a

    { display: block; height: 100px; outline: none; position: relative; width: 270px; }

    

        h1.logo a span

        { display: block; position: absolute; top: -999px; }



/**

* Navbar

*

* @section      structure

* @subsection   navbar

*/



.navbar-wrap

{ background: url(images/design/bg-navbar-wrap.jpg) 0 0 repeat-x; height:40px; width: auto; }



.navbar

{ background: url(images/design/bg_header.jpg) 50% 0 no-repeat; height:40px; margin: 0 auto 0 auto; white-space: nowrap; width: 980px !important; }



    .navbar li

    { float: left; height: 35px; line-height: 35px; margin: 5px 0 0 5px; }

    

        .navbar li a, .navbar li a:visited

        { color: #FFF; display: block; font-size:12px; font-weight:normal; outline:none; padding: 0 20px; text-transform: uppercase; }

    

    .navbar li.menuActived

    { height: 36px; line-height: 36px; margin-top: 4px; }

    

        .navbar li.menuActived a, .navbar li.menuActived a:visited

        { background: url(images/design/bg_navbarActive.gif) repeat-x 0 0; border-bottom:none; color: #333; text-decoration: none; text-transform: uppercase; }

        

/**

* Sub Navbar

*

* @section      structure

* @subsection   subnavbar

*/



.subNavbar

{ border-bottom: 1px solid #CCC; height: 100%; overflow: hidden; padding: 0 5px 0 5px; width: 980px; margin: 0 auto 0 auto; }



    .subNavbar li

    { float: left; height: 30px; line-height: 30px; padding: 0 5px 0 5px; white-space: nowrap; }

    

        .subNavbar li a, .subNavbar li a:visited

        { display: block; }

        

        .subNavbar li.subNavbarActive a, .subNavbar li.subNavbarActive a:visited

        { color: #001427; text-decoration:underline; }



/**

* Content

*

* Wrap the content and columns of the application

*

* @section      structure

* @subsection   content

*/



.content

{ padding: 20px 0 20px 0; margin: 0 auto 0 auto; width: 980px; }



/**

* Breadcrumb

*

* @section          structure

* @subsection       content

* @subsubsection    breadcrumb

*/



.breadcrumb

{ background:url(images/design/bg_standardTitle.gif) repeat-x bottom; font-size: 11px; line-height: 28px; margin: 15px 0 10px 0; }



    .breadcrumb a, .breadcrumb a:visited

    { color: #09C; }



/**

* Columns

*

* @section          structure

* @subsection       content

* @subsubsection    columns

*/



.mainContent

{ float: left; padding: 0 10px 20px 10px; width: 480px; }



.mainContentExtended, .mainContentExtendedFaq

{ float: left; padding: 0 10px 20px 10px; _padding: 0 0 20px 0; width: 720px; }



.sidebar

{ float: left; padding: 0 10px 20px 10px; width: 220px; word-wrap: break-word; }



/**

* Footer

*

* @section      structure

* @subsection   footer

*/



.footer

{ background:#e9e9e9; border-top: 1px solid #c0c0c0; height: 160px; position: relative; }



    .footer .wrapper

    { margin: 0 auto 0 auto; position: relative; width: 980px; }



    .navFooter

    { height: 30px; line-height: 30px; padding: 10px 0 0 0; width: 625px; }

    

    .secondaryNavFooter

    { clear: left; float: left; width: 625px; }

    

        .navFooter li,

        .secondaryNavFooter li

        { float: left; font-size:11px; font-weight:normal; padding: 0 5px 0 5px; }

            

            .navFooter li a, .navFooter li a:visited

            { color: #006699; }

            

            .secondaryNavFooter li a, .secondaryNavFooter li a:visited

            { color:#8B8B8B; }

    

.copyright

{ color:#8B8B8B; font-size: 11px; line-height: 18px; position: absolute; right: 5px; text-align: right; top: 15px; width: 400px; }



    .copyright .basePowered

    { color:#333; display: block; font-style:normal; }

    

    .copyright a, .copyright a:visited

    { color:#0099CC; }

        

.backToTop

{ background:#EBEBEB; border-top: 1px solid #C0C0C0; display:block; height: 26px; position: absolute; right: 10px; top: -26px; width:94px; }



    .backToTop a, .backToTop a:visited

    { background: url(images/design/bg_back_top.gif) no-repeat 9px 8px; color: #333; display: block; font-size: 10px; line-height: 26px; padding: 0 10px 0 25px; }



    

/**

* Typograph

*

* Headings and text styles

*

* @section      typograph

*/



.standardTitle

{ background:url(images/design/bg_standardTitle.gif) repeat-x bottom; color: #001428; font-size: 18px; font-weight: normal; line-height: 18px; padding: 15px 0 10px 0; position: relative; text-align:left }

    

.standardSubTitle

{ border-bottom: 1px solid #CCC; color: #777; font-size: 14px; font-weight: bold; padding: 20px 0 5px 0; }



    .standardSubTitle span, .standardSubTitle strong

    { color: #777; }

    

h3

{ font-size: 12px; font-weight: bold; line-height: 16px; }



    h3, h3 a, h3 a:visited

    { color: #000; }

    

h4

{ font-size: 12px; }

    

.complementaryInfo

{ color: #666; font-size: 11px; font-weight: normal; }



    .standardTitle .complementaryInfo

    { position: absolute; right: 0; top: 8px; }



address

{ font-style: normal; }



.spacedText

{ padding: 0 0 10px 0; }

    

/**

* Search

*

* @section  search

*/



.search

{ border-bottom: 5px solid #F7F7F7; margin:0 0 10px 0; position: relative; width: 100%; }



    .search form

    { background:#EBEBEB; border-bottom:1px solid #D6D6D6; height: 100%; overflow: hidden; padding: 10px 0 20px 0; }

    

        .search fieldset

        { float: left; padding: 5px 10px 0 20px; width: 34%; }

                                        

        .search label

        { color: #001427; display: block; font-size: 18px; line-height: 24px; }

        

        .search .altLabel, .search legend

        { clear: both; color: #222; display: block; float: left; font-size: 14px; font-weight: normal; width: 100%; }

        

            .search legend

            { float: none; }

        

            .search label span

            { color: #666; font-size: 11px; }

        

        .search .optionDescription

        { font-size: 11px; padding: 0 5px 0 5px; }

    

        .search input, .search select, .search textarea

        { font: normal 14px Arial, Helvetica, sans-serif; padding: 4px; width: 95%; }

                

        .search .altSelect

        { float: left; font-size: 12px; margin: 0 0 5px 0; padding: 1px; width: 77%; }

        

        .search .spacedSelect

        { margin-left: 70px; }

        

        .search .inputAuto

        { border: none; padding: 0; vertical-align: middle; width: auto; }

        

        .search .inputSmall

        { font-size: 12px; width: 15%; }

        

.search .advancedSearch

{ font-size: 11px; position: absolute; right: 10px; top: 42px; }

    

.search .standardButton

{ float: left; margin: 30px 0 0 0; }



.searchCategory

{ background: #FFC; color: #333; }



.searchSubcategory

{ background: #FFFFEF; }

        

/**

* Advanced Search

*

* @section      search

* @subsection   advanced-search

*/



.search .baseAdvancedSearch

{ margin-top: 10px; width: 15.5%; }

    

    .baseAdvancedSearch input, .baseAdvancedSearch select

    { font-size: 12px; margin-bottom: 5px; }

    

    .baseAdvancedSearch .inputSmall

    { vertical-align: middle; width: 30%; }



/**

* Template Search

*

* @section      search

* @subsection   template-search

*/



.search .baseTemplateSearch

{ margin-top: 5px; padding-top: 0; width: 820px; }



    .baseTemplateSearch .altLabel

    { padding: 0 10px 0 0; width: auto; }



    .templateSearchTab, .templateActive

    { display: block; float: left; }

    

    .templateSearchTab a, .templateSearchTab a:visited

    { display: block; line-height: 29px; padding: 0 10px 0 10px; }

    

    .templateActive a, .templateActive a:visited

    { background: #FFF; border: 1px solid #CCC; border-bottom: none; color: #C00; display: block; line-height: 29px; outline: none; padding: 0 9px 0 9px; }

    

.templateTabContent

{ background: #FFF; border: 1px solid #CCC; margin-top: 29px; padding: 10px; }



    .templateTabContent .loading

    { float: none; margin: 0; width: auto; }



    .templateTabContent label

    { color: #333; font-size: 12px; }

    

    .templateTabContent input, .templateTabContent select

    { font-size: 12px; }

    

    .templateCheckbox, .templateDropdown, .templateText, .templateRange,

    .templateDescription, .templateLongDescription

    { float: left; height: 30px; padding:0 10px 0 0; width: 32%; }

    

    .templateCheckbox label

    { display: inline; }

    

    .templateText, .templateRange, .templateDescription, .templateLongDescription

    { height: auto; }

    

    .templateRange input

    { width: 30%; }



/**

* Common

*

* General definitions of interface elements

*

* @section      common

*/



.googleAds

{ text-align: center; }



.viewMore

{ border-top: 1px solid #CCC; clear: both; font-size: 11px; line-height: 24px; margin: 0 0 10px 0; text-align: right; text-transform: lowercase; }

    

.viewHighlighted

{ background: url(images/design/bg_viewHighlighted.gif) repeat-x 0 0; border:1px solid #4C4C4C; display:block; font-size: 12px; font-weight:normal; height:26px; line-height:26px; margin: 0 0 10px 0; text-transform:uppercase; }



    .viewHighlighted a, .viewHighlighted a:visited

    { color: #FFF; display: block; padding: 0 10px 0 10px; }

    

.noBorder

{ border: none; }

    

.isHidden, .controlPhoneHide, .controlFaxHide

{ display: none !important; }



.isVisible, .controlPhoneShow, .controlFaxShow

{}





/**

* Switch Button for Open/Close

*

* @section      common

* @subsection   switch-button

*/



.switchOpen, .switchOpen:visited,

.switchClose, .switchClose:visited,

.switchBlank, .switchBlank:visited

{ background: url(images/design/bg_switch_open.gif) no-repeat 0 2px; display: block; float: left; height: 15px; overflow: hidden; text-decoration: none; text-indent: 100px; width: 17px; }



.switchClose, .switchClose:visited

{ background: url(images/design/bg_switch_close.gif) no-repeat 0 2px; }



.switchBlank, .switchBlank:visited

{ background: url(images/design/bg_switch_blank.gif) no-repeat 0 2px; cursor: default; }



.switchOpen:hover, .switchClose:hover, .switchBlank:hover

{ text-decoration: none; }



/**

* Standard Button

*

* @section      common

* @subsection   standard-button

*/



.standardButton

{ background: url(images/design/bg_mainButton_left.gif) no-repeat 0 0; padding-left:2px }



    .postDetail ul li.standardButton, .detailRatings .formDetail ul.standardButton li

    { list-style: none; margin-right: 5px; }

        

        .detailRatings .formDetail ul

        { float: right; width: auto; }

    

    .standardButton button, .standardButton a, .standardButton a:visited

    { background: url(images/design/bg_mainButton_right.gif) no-repeat right 0; color: #FFF; cursor: pointer; display: block; font: bold 12px/28px Arial, Helvetica, sans-serif; padding:0 2px 2px 0; text-align: center; text-transform:uppercase; }



    .standardButton,

    .standardButton button, .standardButton a, .standardButton a:visited

    { height:28px; outline:none; width:95px; }

    

    .standardButton button:hover, .standardButton a:hover,

    .standardButton button:focus, .standardButton a:focus

    { text-decoration:underline; }

    

/**

* Featured Items

*

* @section      common

* @subsection   featured-items

*/



.featuredItems

{ height: 100%; overflow: hidden; padding: 10px 0 10px 0; }



    .divisor

    { border-bottom: 1px solid #CCC; }

    

    .featured, .sidebar .featuredColumn .featured

    { padding: 5px 9px 5px 9px; }

    

    .sidebar .featured

    { padding: 5px; }



    .featuredListing, .featuredEvent, .featuredPromotion, 

    .featuredClassified, .featuredArticle

    { float: left; }



    .featuredColumn

    { float: left; width: 180px; }

    

        .sidebar .featuredColumn

        { float: none; width: auto; }

        

        .featuredColumn .featured

        { padding: 5px 0 5px 0; }

        

    .featuredListingImage, .featuredClassifiedImage, .featuredDealsImage,

    .featuredEventImage, .featuredArticleImage

    { background: #FFF; border: 1px solid #EEE; display: block; text-align: center; }

    

    .featured .noimage:hover

    { text-decoration: none; }

    

    .readMore a, .readMore a:visited

    { font-size: 11px; text-transform: lowercase; }

        

/** Highlight Box  */



.highlightBox

{ background: #D8E5F2; border: 1px solid #BCC7D2; height: 100%; margin: 0 5px 0 5px; overflow: hidden; padding: 5px; }



    .highlightBox .highlightImage

    { display:inline; float: left; margin: 0 10px 10px 0; }

    

    .highlightImage a:hover

    { text-decoration: none; }

    

    .highlightBox .divisor

    { height: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0; }

    

    .highlightLabel

    { color: #1F5282; display: block; font-size: 11px; font-weight: bold; text-align: right; text-transform: uppercase; }

    

.mainContent .highlightBox

{ display:inline; float: left; margin: 0 10px 0 10px; width: 265px; }



    .mainContent .highlightBox h3

    { font-size: 14px; }

    

    .mainContent .highlightBox .description

    { color: #333; padding: 5px 0 0 0; }

    

/**

* Events Calendar

*

* @section      common

* @subsection   calendar

*/



.baseCalendar

{ background: #F0F0F0; border: 1px solid #CCC; font-size: 11px; margin: 0 0 10px 0; padding: 10px; text-align: center; }



    .baseCalendar h4

    { font-size: 14px; color: #333; }

    

    .calendar

    { background: #FFF; border: 1px solid #CCC; margin: 5px 0 0 0; }

    

    .calendarHeader

    { background: #F7F7F7; font-size: 12px; font-weight: bold; }

    

        .calendarHeader td, .calendarHeader th

        { padding: 5px; vertical-align: top; }

    

        .calendarHeader a, .calendarHeader a:visited

        { color: #09C; }

        

        .calendarDay a,

        .calendarDay a:visited

        { background: #FFF; border: 1px solid #FBFBFB; border-bottom: 3px solid #EEE; border-right: 3px solid #EEE; color: #333; display: block; font-weight: normal; padding: 2px; }



            .calendarDay a:hover

            { background: #FFC; color: #C00; }



        .calendarDay a.today, .calendarDay a.today:visited, .calendarDay a.today:hover

        { background: #09C; border: 1px solid #069; color: #FFF; }

        

        .calendarDay a.selected, .calendarDay a.selected:visited, .calendarDay a.selected:hover

        { background: #C00; border: 1px solid #C00; color: #FFF; }





/**

* Last Tweets

*/



#twitter_update_list

{ background: url(images/img_loading.gif) no-repeat scroll 50% 50% #F7F7F7; }



#twitter_update_list li

{ background: #F7F7F7; padding: 6px 9px 5px 9px; }



#twitter_update_list li a

{ font-weight: normal; }

        

/**

* Members Features

*

* @section      common

* @subsection   members-features

*/



.memberJoin, .memberLogin

{ border: 1px solid #CCC; margin: 0 0 10px 0; padding: 5px 10px 10px 10px; }



.memberJoin h2, .memberLogin h2

{ font-size: 18px; font-weight: normal; line-height: 24px; }

        

/** Join Now */



.memberJoin

{ background:#001429 url(images/design/bt_addProfile.gif) no-repeat 0 0; border:1px solid #000; }



    .memberJoin h2, .memberJoin h2 a, .memberJoin h2 a:visited

    { color: #09C; font-weight: normal; }

    

    .memberJoin p, .memberJoin p a, .memberJoin p a:visited

    { color: #FFF; font-size: 13px; font-weight: normal; font-style:italic; }

    

/** Members Login */



.memberLogin

{ background: #F0F0F0; font-size: 11px; height: 100%; line-height: 24px; overflow: hidden; }



    .memberLogin h2

    { color: #069; }

    

    .memberLogin label

    {   color: #333; display: block; }

    

    .memberLogin input, .memberLogin select, .memberLogin textarea

    { font: normal 12px Arial, Helvetica, sans-serif; width: 97%; }

    

    .memberLogin select

    { word-wrap: normal; }

    

    .memberLogin .inputAuto

    { border: none; margin: 0 5px 0 0; width: auto; }

    

    .memberLogin span

    { display: block; padding: 5px 0 5px 0; }

    

    .memberLogin .standardButton

    { background: url(images/design/bg_mainButton_left.gif) no-repeat 0 0; float: left; }

    

        .memberLogin .standardButton button,

        .memberLogin .standardButton a, .memberLogin .standardButton a:visited

        { background: url(images/design/bg_mainButton_right.gif) no-repeat right 0; }

    

    .memberLogin .forgotPassword

    { float: left; line-height: 14px; padding: 0 0 0 10px; width: 90px; }

    

/**

* Advertisement

*

* @section      common

* @subsection   advertisement

*/



.advertisement

{ background: #F7F7F7; overflow: hidden; margin: 0 0 10px 0; padding: 10px; }



    .advertisement span

    { color: #999; display: block; font-size: 10px; font-weight: bold; line-height: 20px; }

    

    .advertisement .advertisementLabel

    { float: left; text-transform: uppercase; }

    

    .advertisement .advertisementLink

    { float: right; }

    

    .advertisement a, .advertisement a:visited

    { color: #999; }

    

    .advertisement .noimage

    { border: none; margin: 0 auto 0 auto; }

    

    .banner,

    .sponsoredLink,

    .featuredBanner a, .featuredBanner a:visited

    { background: #FFF; border: 1px solid #CCC; clear: both; }

    

    .featuredBanner

    { background: none; border: none; margin: 0 auto 0 auto; width: 180px; }

    

    .featuredBanner a, .featuredBanner a:visited

    { display: block; margin: 0 0 5px 0; }

        

.header .advertisement

{ background: #e6e6e6; margin: 0; padding: 10px 10px 0 10px; position: absolute; top: 10px; right: 10px; width: 470px; }



.sidebar .advertisement .advertisementLink

{ clear: both; display: block; float: none; text-align: right; }



.bottomAdvertisement

{ margin: 10px auto 10px auto; width: 730px; }



/** Advertisment > Sponsored Links */



.sponsoredLink

{ display: block; margin: 0 0 10px 0; padding: 8px; }



    .sponsoredLink:hover

    { text-decoration: none; }

    

    .sponsoredLink .sponsoredLinkTitle

    { color: #C00; font-size: 12px; font-weight: bold; line-height: 18px; }

    

    .sponsoredLink .sponsoredLinkContent

    { color: #666; font-size: 11px; font-weight: normal; line-height: 14px; }

    

    .sponsoredLink .sponsoredLinkURL

    { color: #690; font-size: 11px; line-height: 18px; }

    

/**

* Categories

*

* @section      common

* @subsection   categories

*/



.categories

{ padding: 5px 10px 15px 10px; }



  .categories ul li

  { font-size:14px }

  

  .categories ul li a

  { color:#000 }



      .categories ul li ul

      { margin:5px 0 5px 15px }



      .categories ul li ul li

      { font-size:12px; line-height:18px }



      .categories ul li ul li a

      { color:#069 }



.sidebar .categories h3

{ font-size: 12px; line-height: 24px; }



    .sidebar .categories .categoriesColumn

    { float: none; padding: 0; width: auto; }



.mainContent .categories

{ height: 100%; overflow: hidden; }



    .mainContent .categories h3

    { font-size: 14px; line-height: 18px; padding: 5px 0 0 0; }



    .mainContent .categories .categoriesColumn

    { float: left; padding: 0 10px 10px 0; width: 48%; }

    

    .mainContent .categories .categoriesRightColumn

    { padding-right: 0; }

    

/**

* Site Content

*

* @section      common

* @subsection   site-content

*/



.baseDynamicContent

{ padding: 0 10px 0 10px; }



    .baseDynamicContent .standardTitle

    { margin-bottom: 15px; }



.dynamicContent

{ line-height: normal; overflow-x: hidden; }



.dynamicContent ul, .dynamicContent ol

{ list-style: disc inside; padding: 0 0 15px 15px; }



.dynamicContent ol

{ list-style-type: decimal; }



/**

* Icon Navbar

*

* @section      common

* @subsection   icon-navbar

*/



.baseIconNavbar

{ border-bottom: 1px solid #CCC; height:25px; margin-bottom:10px; position:relative; }



.socialBookmarkIcons

{ float: left; }



    .socialBookmarkIcons li

    { float: left; padding: 0 5px 0 0; }



.iconNavbar

{ float: right; }



    .iconNavbar li

    { color: #666; float: left; font-size: 11px; height: 14px; line-height: 25px; padding: 0 2px 0 3px; }

    

    .iconNavbar li a, .iconNavbar li a:visited

    { color: #069; }

    

/**

* Share Icons

*

* @section      common

* @subsection   share

*/



.allSocial

{ background-color: #FCFCFC; border: 2px solid #EEE; left: 300px; margin-bottom: 10px; padding: 5px; position: absolute; top: 25px; width: 245px; z-index: 999; }



    .allSocial * 

    { margin: 0; padding: 0; }

    

    .allSocial table

    { width: 100%; }

    

        .allSocial td

        { text-align: left; }



        .allSocial a

        { color: #000; font-size: 11px; font-weight: normal; }

        

    .allSocial .Close, .allSocial .Close:visited

    { background: #9D2727; border: 1px dotted #C00; color: #FFF; padding: 0 4px 0 4px; }

    

    .postDetail .allSocial { left: 400px; }



/**

* Password Strength

*

* @section      common

* @subsection   password-strength

*/



.checkPasswordStrength

{ height: 25px; overflow: hidden; padding: 5px 0 0 0; }



    .checkPasswordStrength span

    { display: block; float: left; margin: 0 10px 0 0; }

    

    .checkPasswordStrength div

    { background: #eee; border: 1px solid #D4D4D4; color:#333; float: left; font-size: 11px; height: 20px; line-height: 20px; padding:0 0 0 50px; width: 100px; }

    

    .checkPasswordStrength .strengthLoading

    { background: #eee url(images/content/img_loading_bar.gif) no-repeat 3px 5px; }

    

    .checkPasswordStrength .strengthWeak

    { background: #f1f1f1 url(images/design/bg_strength_weak.gif) no-repeat 3px 5px; }

    

    .checkPasswordStrength .strengthBad

    { background: #f3f3f3 url(images/design/bg_strength_bad.gif) no-repeat 3px 5px; }

    

    .checkPasswordStrength .strengthGood

    { background: #f7f7f7 url(images/design/bg_strength_good.gif) no-repeat 3px 5px; }

    

    .checkPasswordStrength .strengthStrong

    { background: #FFF url(images/design/bg_strength_strong.gif) no-repeat 3px 5px; }

    

/**

* Loading Box

*

* @section      common

* @subsection   loading-box

*/



.loading

{ background: #FFF url(images/content/img_loading_bar.gif) no-repeat 10px center; border: 1px solid #CCC; clear: both; color: #333; float: left; font-size: 14px; font-weight: bold; margin: 10px 0 10px 20px; padding: 10px 10px 10px 60px; width: 747px; }



/**

* Favorites

*

* @section      common

* @subsection   favorites

*/



.quickList

{ height: 100%; overflow: hidden; padding: 0 10px 15px 10px; }



    .quickList .featuredItems

    { float: left; padding: 15px 18px 10px 0; position: relative; }

    

    .quickList .quickListRemove

    { padding: 0 5px 0 0; }



    .quickList .featuredItems .quickListRemove

    { background: #FFF; left: 1px; padding: 2px; position: absolute; top: 16px; z-index: 1; }



    .quickListNumber { padding:3px; position:absolute; top:76px; right:16px; border:1px #eee solid; z-index:1 }



    .quickList .noimage

    { display: block; }



    .quickList h3

    { clear: both; }

    

    .quickList .featuredItems h3

    { padding: 5px 0 0 0; }



/**

* System Messages

*

* @section      common

* @subsection   system-messages

*/



.replyFormBlog { _margin-top: 15px; float: left; clear: both }



.informationMessage, .errorMessage, .successMessage, .warningMessage

{ border: 1px solid #CCC; font-size: 11px; font-weight: bold; margin: 10px; overflow: hidden; padding: 15px 15px 15px 45px; text-align: left; }



    .informationMessage

    { background: #F9FDFF url(images/design/bg_icon_information.gif) 10px 10px no-repeat; color: #135DA2; }

    

        .informationMessage a, .informationMessage a:visited

        { color: #2E4E6B; }



    .errorMessage

    { background: #FFF9F9 url(images/design/bg_icon_error.gif) 10px 10px no-repeat; color: #C10924; border: 1px solid #CCC; }

    

        .errorMessage a, .errorMessage a:visited

        { color: #C94601; }



    .successMessage

    { background: #F9FCEB url(images/design/bg_icon_success.gif) 10px 10px no-repeat; color: #692; }

    

        .successMessage a, .successMessage a:visited

        { color: #351; }



    .warningMessage

    { background: #FFFCF4 url(images/design/bg_icon_warning.gif) 10px 10px no-repeat; color: #F60; }

    

        .warningMessage a, .warningMessage a:visited

        { color: #F30; }



    .informationMessageShort td

    { width: auto }

    

        .informationMessageShort td div

        { float: left; height: 20px; margin: 0 7px 0 11px; width: 17px; }

        

                .informationMessageShort td div img { margin-top: 3px }

        

        .informationMessageShort td p

        { float: left; height: 20px; width: 550px; line-height: 19px; }







#TB_ajaxContent .informationMessage, #TB_ajaxContent .errorMessage, #TB_ajaxContent .successMessage, #TB_ajaxContent .warningMessage

{ height: auto; margin: 10px 0 10px 0; }



/**

* Standard Form

*

* @section      common

* @subsection   standard-form

*/



.standardForm

{ border: 0; padding: 5px 10px 5px 10px; width:100% }



    .standardForm input, .standardForm textarea

    { font: normal 12px Arial, Helvetica, sans-serif; width: 95%; }

    

    .standardForm .formCode

    { width: 100px; }



    .standardForm th

    { font-size: 11px; font-weight: normal; padding: 5px 10px 0 0; text-align: right; vertical-align: top; width:auto }

    

    .standardForm td

    { padding: 5px 0 5px 0px; }

    

    .standardForm .formCaptchaWarning

    { padding-right: 20px; }

    

    .standardForm td table

    { width: 96%; }

    

    .standardFormButton

    { width: 100%; text-align: right; }



        .standardFormButton .standardButton

        { float: right; }

        

/**

* Ratings

*

* @section      common

* @subsection   ratings

*/



.rating

{ float: right; font-size: 11px; }



    .rating li

    { padding: 0 3px 0 2px; }



    .rating .ratingStar

    { float: right; padding: 2px 2px 0 0; }

    

    .rating .ratingStar img

    { padding: 0 2px 0 0; }



    .rating .ratingReview

    { float: right; }

    

        .rating .ratingReview a, .rating .ratingReview a:visited

        { font-weight: normal; }

    

    .rating .ratingSeeComment, .rating .rateIt

    { clear: both; float: right; text-align: right; white-space: nowrap; }

    

    .rating .rateIt a, .rating .rateIt a:visited

    { color: #09C; text-decoration:underline; }

    

        .rating .rateIt a:hover

        { text-decoration:none; }

    

/** Rate Stars */



.rateItStars

{ font-size: 14px; font-weight: bold; line-height: 25px; margin: 0 auto 0 auto; padding: 0 0 10px 0; text-align: center; width: 205px; }



    .rateItStars span

    { clear: both; display: block; }



    .rateItStars img

    { padding: 1px; }

    

/** Rate Form */



.rateForm

{ width: 100%; }

    

.rateForm td

{ vertical-align: top; }

    

.rateForm th

{ width: 100px; }



.rateForm input, .rateForm textarea

{ width: 200px; }



.rateForm .captcha

{ text-align: right; }



.rateForm .formCaptchaWarning

{ float: left; font-size: 11px; }



#captchaimage

{ margin: 0 10px 0 0; }



.ratingButton

{ margin: 0 auto 0 auto; }



/**

* Reviews

*

* @section      common

* @subsection   reviews

*/



.baseRateComments

{ padding: 0 0 10px 0; }



.rateComments

{ border-bottom: 1px solid #CCC; padding: 10px; }



  .rateComments .highlightImage { width:60px; height:70px; float:left; margin-right:15px }

  .rateComments .highlightImage img { float:left; padding:2px; border:1px #ccc dotted }

  .rateComments h4 a { text-transform:uppercase }



    .rateStars

    { padding: 3px 0 3px 0; }

    

        .rateStars img

        { padding: 0 2px 0 0; }

        

    .rateComments .review

    { color: #333; padding: 5px 0 0 0; }

    

    .response

    { padding: 5px 0 0 50px; }

    

    .response h4

    { font-size: 12px; font-weight: bold; }

    

    .response .review

    { color: #666; font-style: italic; }



/**

* Sitemap

*

* @section      common

* @subsection   sitemap

*/



.sitemapList

{ padding: 10px 0 0 0; }



.sitemapList li

{ height: 100%; overflow: hidden; }



.sitemapList ul

{ margin: 5px 0 5px 0; }



    .sitemapList ul li

    { float: left; font-size: 11px; padding: 0 5px 5px 0; width: 48%; }



.sitemapList .viewMore

{ border-top: 1px solid #EEE; clear: both; float: none; width: auto; }



.sitemapSection, .sitemapSection:visited

{ color: #333; }



.resultsMap {

background:url("images/img_loading.gif") no-repeat scroll 50% 50% #F7F7F7; border:1px solid #ccc; height:250px; margin:5px 0 15px; width:718px; }





/**

* FAQ

*

* @section      common

* @subsection   faq

*/



.mainContentExtendedFaq

{ float: none; margin-bottom: 15px; padding: 0; width: auto; }



    .mainContentExtendedFaq .content

    { padding: 10px }

    

    .faqQuestion

    { padding: 0 10px 15px 0; }

    

    .faqAnswers div

    { margin: 5px 0; }

    

/** FAQ Paging */

    

.paging

{ position: relative; }



    .paging .pagingDropdown

    { font-size: 11px; position: absolute; right: 0; top: 5px; float: left; }

    

    .paging input

    { font-size: 11px; height: 12px; margin-right: 3px; width: 25px; }



    .paging button

    { border: 0; background: url(images/content/btn_GoTo.gif) no-repeat 0 0; color: #FFF; height: 18px; width: 20px; }



/** FAQ Members */



.faqContent div

{ margin: 10px 0; }





/**

* Step Order

*

* @section  step-order

*/



.standardStep

{ padding: 15px 0 20px 0; margin: 0 auto 0 auto; overflow: hidden; }



    .standardStep li

    { background: url(images/design/bg_stepInactive.gif) no-repeat 0 0; color: #999; float: left; font-size: 16px; font-weight: bold; margin: 0 20px 0 0; padding: 10px 0 10px 13px; }



    .standardStep li span

    { margin: 0 12px 0 0; }

    

    .standardStep .stepActived

    { color: #000; }



    .standardStep .stepActived span

    { color: #09C; margin: 0 12px 0 0; }



    .stepActived

    { float: left; }



    .standardStep .standardStepAD

    { background: none; color: #666; padding-left: 0; }

    

    .standardStep .standardStepAD span

    { color: #09C; }





/*blog*/



    .sidebar .featuredBlog

    { overflow:hidden; padding-bottom:10px; _padding-bottom:20px; border-bottom:1px dotted #ccc; font-size:10px; margin-bottom:10px }



    .sidebar .featuredBlog .imgDetail

      { border:1px solid #ccc; float:left; padding:2px; margin-right:4px; }

     

     .relatedposts { margin-bottom:10px }

   .relatedposts .Colist { height: 100%; overflow: hidden; padding:5px 0; margin-bottom:5px; border-bottom:1px dotted #ccc }

     .relatedposts .Colist .imgDetail { float:left; padding:2px; border:1px solid #CCCCCC; margin-right:5px }

     .relatedposts .Colist h3 { font-size:14px }

     

     .featuredBlog .imgDetail img,  .Colist .imgDetail img

     { border: none; padding: 0; }

     

    .detailRatings .rateComments { height: 100%; overflow: hidden; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #ccc }

    .detailRatings .rateComments .featuredSocial { width:60px; text-align:center; float:left; padding:2px; border:1px solid #CCCCCC; margin:0 5px 10px 0 }

    .detailRatings .rateComments .review { margin-bottom:15px }

    .detailRatings .rateComments h3 { font-size:14px }

    .detailRatings .rateComments .Sub { border-top:1px dotted #ddd; margin:0 0 10px 20px; clear:both; overflow:hidden; padding-top:5px; }

    .detailRatings .rateComments .Item { margin:0; border:none; padding-bottom:5px; overflow:hidden }



    .detailRatings .rateComments .standardButton { float:left; margin-right:5px }



.postDetail .detailBlogContent { margin-top:15px }



.detailBlogContent { width:auto; padding:5px; border:1px solid #ccc; margin:0 10px 10px 0; float:left }

.detailBlogContent #imgThumb { padding:2px; border:1px dotted #ccc; margin:0; float:left }

.imgThumb { margin:0 10px 5px 0; padding:2px; border:1px dotted #ccc; float:left }



.sidebar .featuredSocial { float:left; height:112px; text-align:center; margin-left:1px; padding:5px; _padding:2px; width:60px }

.sidebar .featuredSocial img { border:1px dotted #ccc; padding:2px; }



.postDetail { height:100%; margin-bottom:25px; clear:both; position: relative; }

.postDetail .readMore { padding:5px 0; clear:both; border-bottom:1px solid #eee; }



h4.imgInfo { color:#069; text-transform:uppercase }

p.imgInfo { color:#666; clear:both; font-size:11px }



.detailSpacer { margin:15px 0 0 0 }

.postDetail ol li, .detailSpacer ol li { list-style:inside decimal; margin-bottom:5px; }

.postDetail ul li, .detailSpacer ul li { list-style:inside disc; margin-bottom:5px; }

.postDetail ol, .postDetail ul, .detailSpacer ol, .detailSpacer ul { margin-bottom:10px }



.NextPrev { height: 100%; padding:5px; border:1px #eee solid; overflow:hidden }

.NextPrev a { background:#f6f6f6; padding:5px; display:block; border:1px #eee dotted }

.NextPrev a.LinkL { float:left }

.NextPrev a.LinkR { float:right }



.pagNav { padding:5px; border:1px #eee solid; height:28px; clear:both; overflow:hidden }

.pagNav span { width:20px; text-align:center; float:left; padding:5px; margin-right:5px; display:block; *float:none; *display:inline-block; color:#666; font-weight:bold; font-size:11px; border:1px #eee dotted }

.pagNav a { width:20px; text-align:center; background:#f6f6f6; padding:5px; display:block; float:left; *float:none; *display:inline-block; margin-right:5px; border:1px #eee dotted }



.complementaryInfoBlog { float:left; margin-right:2px }

.viewComment a { background:url(images/bt_reply.gif) no-repeat 6px center; padding:0 4px 0 25px }



.postDetail h2 { margin-bottom:10px; line-height:24px; }



.standardForm th.TxLeft { text-align:left; height:40px }

.standardForm th.TxLeft img { margin-bottom:-10px }



.infoComment { font-size:14px; font-weight:bold; height:10px; clear:both; margin-bottom:15px }



.postDetail .complementaryInfo

{ clear:both }



.iconNavbar li { list-style:none !important }



/* end blog */



/**

* NAVBAR EDIT AREA - SITEMGR

*

*/

    .holderFixes .navbar

    { top:115px; }



    .holderFixes .wrapper

    { height: 260px; width: 998px; }

    

    #navBarEditArea .navbar

    { margin: 0 !important; }

    

    .holderFixes #navBarEditArea .broken

    { background: url(images/design/bg_header.jpg) 50% 0 repeat !important; height: 123px !important; }

    

        #navBarEditArea .navbar .aditionalItemOptions li

        { margin: 0 !important; }

    

        #navBarEditArea .navbar li

        { margin: 5px 0 15px 5px !important; }

        

        #navBarEditArea .navbar li .aditionalItemOptions li

        { margin: 0 !important; }

    

    .holderFixes .topNavbar .wrapper

    { height: auto; }

    

    #navBarEditArea .navbar .activeBlank, #navBarEditArea .navFooter .activeBlank, #navBarEditArea .secondaryNavFooter .activeBlank

    { border: 1px dotted #09C; margin: 2px 0 15px 5px !important; }

    

    .holderFixes .footer #navBarEditArea .broken

    { background: none !important; height: auto !important; }

    

        .holderFixes .footer #navBarEditArea .navFooter

        { padding-bottom: -3px; }

    

        .holderFixes .footer #navBarEditArea .secondaryNavFooter

        { padding-bottom: 12px; }

    

    #navBarEditArea .navFooter .activeEdit, #navBarEditArea .secondaryNavFooter .activeEdit

    { border: 1px dashed #268AAF; display: block; line-height: 20px; }

    

    #navBarEditArea .navFooter li

    { height: 20px !important; margin-bottom: 18px; }

    

    #navBarEditArea .secondaryNavFooter li

    { height: 20px !important; margin-bottom: 3px; }

    

    #navBarEditArea .navFooter, #navBarEditArea .secondaryNavFooter

    { }

    

    #navBarEditArea .navbar li, #navBarEditArea .navFooter li, #navBarEditArea .secondaryNavFooter li

    { }

    

/* Deals */



.featuredDeals

{ border: none; overflow: hidden; padding: 20px 0 10px 0; }



    .dealsFront

    { width: 488px; _width: 478px; float: left; padding: 20px 0 0 0; }



        .dealFrontMap

        { width: 498px; _width: 488px; float: left; }



        .featuredRandon

        { width: 220px; float: left; }



            .featuredRandon .dealsRandom

            { margin: 15px 0 0 0!important; }



    .featuredDeals .list

    { border: 1px solid #CCC; overflow: hidden; height: auto; width: auto; margin: 0 0 15px 0; }



    .featuredDeals .dealListed

    { background: none; height: 1%; width: auto; padding: 0; display: block; overflow: hidden; }



    .featuredDeals .list .summaryNumberSC 

    { background:url("images/design/bg_map_number_sc_left.gif") no-repeat scroll 0 0 transparent; display:block; float:left; height:29px; margin:5px 5px 0 5px; padding:0 0 0 3px; }



    .featuredDeals .list .summaryNumberSC span 

    {background:url("images/design/bg_map_number_sc_right.gif") repeat scroll 100% 0 transparent;color:#FFFFFF;cursor:pointer;display:block;float:left;font-size:18px;height:29px;line-height:29px;padding:0 5px 0 2px;}

    

    .featuredDeals .summaryNumber

    { background: url(images/design/bg_map_number_left.gif) no-repeat 0 0; display: block; float: left; height: 29px; margin: 5px 5px 0 5px; padding: 0 0 0 3px; }



    .featuredDeals .summaryNumber span

    { background: url(images/design/bg_map_number_right.gif) 100% 0; color: #FFF; cursor: pointer; display: block; float: left; font-size: 18px; height: 29px; line-height: 29px; padding: 0 5px 0 2px; }



        .featuredDeals .dealListed h3

        { background: #f2f2f2; padding: 0; margin: 0; display: block; font-size: 14px; font-weight: normal; }



            .featuredDeals .dealListed h3 span

            { background: url("images/design/bg-deal-off-results.png") no-repeat 0 0; width: 70px; height: 22px; padding: 3px 0 0; display: inline-block; color: #000; font-size: 12px; font-weight: bold; text-align: center; }



        .featuredDeals .dealListed .rating

        { margin: 5px 0 0 0; display: block; width: 190px; }



        .featuredDeals .dealListed h4

        { color: #80A7BA; font-size: 14px; margin: 5px 0 0 3px; width: auto; font-size: 15px; }



        .featuredDeals .dealListed .description

        { padding: 5px 0 0 10px; float: left; width: 340px; height: auto; display: block; }



            .featuredDeals .dealListed .highlightImage

            { float: left; margin: 5px 0 5px 5px; display: inline; }



        .featuredDeals .dealListed .complementaryInfo

        { padding: 0 0 4px 3px; display: block; line-height: 14px; }



    .dealsRandomHolder

    { overflow: hidden; margin: 50px 0 20px 0; _margin: 60px 0 35px 0; }



    .dealsRandomHolder .dealsRandom

    { background: #eef2f5; height: auto; overflow: hidden; width: auto; margin: 10px 0 15px 0; }

    

        .dealsRandomHolder .dealsRandom h4

        { background: #EEE url("images/design/bg-deal-off-results.png") no-repeat 0 0; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #000; padding: 4px 3px 4px 6px; height: 17px; overflow: hidden; position: relative; }

    

            .dealsRandomHolder .dealsRandom h4 span

            { font-size: 12px; color: #000; text-transform: capitalize; position: absolute; top: 3px; right: 4px; }

    

        .dealsRandomHolder .dealsRandom h5

        { font-size: 14px; padding: 6px 0 0 4px; }



        .dealsRandomHolder .dealsRandom .complementaryInfo

        { font-size: 11px; padding: 2px 0 0 4px; display: block; }

    

.resultsMapDeals

{ background:url("images/img_loading.gif") no-repeat scroll 50% 50% #F7F7F7; border:1px solid #ccc; height:250px; margin:5px 0 15px; width:218px; }



.frontMapDeals

{ background:url("images/img_loading.gif") no-repeat scroll 50% 50% #F7F7F7; border:1px solid #ccc; height:250px; margin:5px 0 15px; width:486px; _width:476px; }



    .resultsMapDeals a, .resultsMapDeals a:visited

    { font-size: 10px; color: #777; }

    

.deal

{ font-size: 14px; line-height: 25px; }



    .dealCoupon

    { padding: 5px; }



        .dealCoupon h2

        { font-size: 20px; color #000; padding: 10px; }



        .dealCoupon h1

        { font-size: 30px; color#000; padding: 10px; }  



        .dealCoupon .tag

        { height: 72px; background: #e7e7e7; position: relative; margin: 15px 0 0 0; }



            .dealCoupon .tag h4

            { background: url(images/design/bg_deal_coupon.jpg) 0 0 no-repeat; width: 134px; padding: 30px 44px 0 6px; text-align: center; height: 42px; font-size: 20px; }



            .dealCoupon .tag ul

            { position: absolute; left: 180px; top: 15px; width: 400px; height: auto; border: 1xp solid #000; }



                .dealCoupon .tag ul li

                { font-size: 15px; font-weight: bold; text-align: right; padding: 5px 0 0 0; }

    

                    .dealCoupon .tag ul li span

                    { font-size: 18px; font-weight: bold; }



            .dealCoupon .info

            { width: auto; padding: 5px 0 0 15px; }



                .dealCoupon .info p.content

                { font-size: 12px; padding: 0; margin: 15px 0 0 0; }



                .dealCoupon .info .infoList li

                { font-weight: bold; }  



                .dealCoupon .info .terms

                { padding: 10px 0 0 0; }



                .dealCoupon #printArea

                { display: block; padding: 10px; overflow: hidden; }

                

                    .dealCoupon #printArea .holder

                    { float: right; }

                    

                    .dealCoupon #printArea .holder a, .dealCoupon #printArea .holder a:visited

                    { background: url(images/design/bg_search.gif) repeat 0 0; font-size: 14px; padding: 5px 10px 5px 10px; }

    

                    .dealCoupon #printArea .holder a:hover

                    { text-decoration: none; }

                    

    .listingDeals h3

    { margin-bottom: 10px; }



    .listingDeals img

    { float: left; margin-right: 15px; }

    

    .listingDeals .complementaryInfo

    { color: #333; font-size: 12px; }

    

        .listingDeals .complementaryInfo h2

        { font-size: 14px; line-height: 16px; padding-bottom: 5px; }

        

#buttonConnect_redeemshare

{ margin: 0 auto; }

 

    .facebookConnect .standardButton,

    .facebookConnect .standardButton button, 

    .facebookConnect .standardButton a, 

    .facebookConnect .standardButton a:visited

    { width: 150px; }

    

.domainItemsConnect, .profileStandardTitle

{ margin-left: 10px !important; margin-right: 10px !important; }



        

/* End Deals */ 



/** Check in **/



.checkInImage

{ margin-right: 5px; }



.rateComments 

{ border-bottom: 1px solid #CCC; height: 100%; margin-bottom: 5px; overflow: hidden; padding: 5px 0; }



/* Bullet Contents */

.editorContent ul

{ list-style: disc inside none; }



.editorContent ol

{ list-style: decimal inside none; }