#followFacebook {display:inline-block;cursor:pointer;width:22px; height:22px; background-image:url("/images/socialIcons_sprite.png"); margin-left:10px;}
#followTwitter  {display:inline-block;cursor:pointer;width:22px; height:22px; background-image:url("/images/socialIcons_sprite.png"); margin-left:10px;background-position:-22px 0px;}
#followPinterest{display:inline-block;cursor:pointer;width:22px; height:22px; background-image:url("/images/socialIcons_sprite.png"); margin-left:10px;background-position:-44px 0px;}

#iconCreateContainer{vertical-align:bottom;}

#iconGallery,#iconRows,#iconText,#iconGalleryDisabled,#iconRowsDisabled,#iconTextDisabled,#iconMessage,#iconMessageDisabled
{display:inline-block;}

#iconCreate,#iconFollowing,#iconSearch2,#iconUsers,#iconLists,#iconCategory,#iconFavorites,
#iconCreateDisabled,#iconFollowingDisabled,#iconFavoritesDisabled,#iconUnreadMessages,#iconUnreadNotifications
{display:inline-block; position: relative;}

#iconGallery,#iconRows,#iconText,#iconCreate,#iconFollowing,#iconSearch2,#iconUsers,#iconLists,#iconCategory,#iconFavorites{cursor:pointer;}
#iconCreateDisabled,#iconFollowingDisabled,#iconFavoritesDisabled,#iconGalleryDisabled,#iconRowsDisabled,#iconTextDisabled{cursor:default;}

#iconGallery {margin-left:6px;  width:22px; height:23px; background-image:url("/images/iconGallery2.png");}
#iconRows    {margin-left:12px; width:25px; height:23px; background-image:url("/images/iconRows2.png");}
#iconText    {margin-left:12px; width:25px; height:23px; background-image:url("/images/iconText2.png");}

#XiconCreate  {margin-left:8px;width:70px; height:61px;background-image: url("/images/iconCreate.png");}

#iconUser {display:inline-block; position: relative; cursor:pointer;vertical-align:top;}
#iconUserCircle {font-family: 'font8';border-radius:50%;width:28px;height:28px;background-color:#d5cd1b;margin-top:1px;color:#00a79d;line-height: 28px;text-align: center;text-decoration:bold;}
#loggedInName {height:50px; background-color:#f0f0f0; padding-left:6px;padding-right:6px;padding-top:6px;}

#iconMessage{margin-left:5px;width:22px; height:18px;background-image: url("/images/iconMessage.png");}/*same height as follow button*/
#iconMessageDisabled{margin-left:5px;width:22px; height:20px;background-image: url("/images/iconMessageDisabled.png");}

#iconMessageTop,#iconMessageTopMod{display:inline-block;margin-top:3px;vertical-align:top;margin-right:15px;width:31px; height:23px;}
.iconMessageTopRead  {background-image: url("/images/iconMessageTopRead.png");}
.iconMessageTopUnread{background-image: url("/images/iconMessageTopUnread.png");}
.iconMessageTopReadMod  {background-image: url("/images/iconMessageTopReadMod.png");}
.iconMessageTopUnreadMod{background-image: url("/images/iconMessageTopUnreadMod.png");}
#iconNotificationTop{display:inline-block;vertical-align:top;margin-right:15px;width:31px; height:32px;}
.iconNotificationTopRead  {background-image: url("/images/iconNotificationTopRead.png");position:relative;}
.iconNotificationTopUnread{background-image: url("/images/iconNotificationTopUnread.png");position:relative;}
.unreadNotifCount,.unreadMessageCount{height:20px;font-size:10px;color:#000;text-align:center;padding-top:9px;color:#fff;font-family:'font8';cursor:default;}

#iconSearchTop{display:inline-block;vertical-align:top;margin-right:11px;width:31px; height:30px;background-image: url("/images/iconSearchTop.png");position:relative;}

#searchTxtTble{display:table;width:100%;background-color:#d5cd1b;}
#searchTxtCell{display:table-cell;height:30px;vertical-align:top;}
#txtSearch {display:table-cell;width:100%; padding-left:4px; padding-right:4px; font-size:14px;border:1px solid #fff;height: 30px;}
#searchBtn {display:table-cell;width:30px;height:30px;background-image: url("/images/searchBtn.png");}
#searchTypeWrap{width:100%;padding-left:8px;background-color:#fbfafa;color:#606060;border-top:solid 1px #dcdcdc;}
#searchDnArrow{display:inline-block;text-align:right;}
#searchType{display:inline-block;height:30px;padding-top:6px;text-align:left;;text-transform: uppercase;font-size:12px;}
#searchTypeList{display:none;background-color:#d5cd1b;width:100%;color:#282828;text-transform: uppercase;font-size:12px;}
.searchVal{height:30px;padding-top:6px;padding-left:8px;}
.searchVal:hover{background-color:#00a79d;}

#iconFollowing {margin-right:20px;width:71px;height:44px;background-image:url("/images/iconFollowing.png");}
#XiconSearch2   {margin-right:20px;width:48px;height:44px;background-image:url("/images/iconSearch_sprite.png");background-position:0px 0px;}
#XiconUsers     {margin-right:28px;width:42px;height:44px;background-image:url("/images/iconUsers_sprite.png");background-position:0px 0px;}
#XiconLists     {margin-right:20px;width:35px;height:44px;background-image:url("/images/lists_category_sprite.png");background-position:0px 0px;}
#XiconCategory  {margin-right:20px;width:76px;height:44px;background-image:url("/images/lists_category_sprite.png");background-position:-35px 0px;}
#XiconFavorites {margin-right:20px;width:66px;height:48px;background-image:url("/images/iconFavorites.png");}

#XiconCreateDisabled    {margin-right:20px;width:70px;height:61px;background-image:url("/images/iconCreate_grey.png");}
#iconFollowingDisabled {margin-right:20px;width:71px;height:44px;background-image:url("/images/iconFollowing_grey.png");}
#iconFavoritesDisabled {margin-right:20px;width:66px;height:48px;background-image:url("/images/iconFavorites_grey.png");}

#iconGalleryDisabled {margin-left:6px; width:22px; height:23px; background-image:url("/images/iconGallery2_grey.png");}
#iconRowsDisabled    {margin-left:12px;width:25px; height:23px; background-image:url("/images/iconRows2_grey.png");}
#iconTextDisabled    {margin-left:12px;width:25px; height:23px; background-image:url("/images/iconText2_grey.png");}

#iconGallery:hover,#iconRows:hover,#iconText:hover {opacity:.5;}

#XiconSearch2:hover {background-position:-48px 0px;}
#XiconUsers:hover {background-position:-42px 0px;}
#XiconLists:hover {background-position:0px -44px;}
#XiconCategory:hover {background-position:-35px -44px;}

#resultOptions {width:100%;text-align:left; margin-top:0px;margin-bottom:10px;display:table;}
#resultOptionsLayoutContainer{width:120px;display:table-cell;text-align:left;}
#resultOptionsFilterContainer{display:table-cell;text-align:center;vertical-align: top;}
#resultOptionsPlaceHolder{width:120px;display:table-cell;}

.chzDDLabel{color:#606060;display:inline-block;font-size:13px;}

/*choozler custom dropdown*/
.chzDDDropdown,.chzDDList{width:110px;}
.chzDDDropdown{font-size:13px;height:23px;text-align:left;color:#606060;display:inline-block;border:1px solid #cdcdcd;background-color:#fff;padding-left:2px;padding-right:2px;cursor:default;margin-left:2px;}
.chzDDDropdownArrow {padding-right:3px;padding-left:3px;padding-top:3px;margin-right:-2px;display:inline-block;float:right;font-size:80%;height:100%;background-color:#f0f0f0;border-left:1px #dcdcdc solid;}
.chzDDDropdownArrow::after {content:"\25BC"}
.chzDDSelected{display:inline-block;position:relative;padding:1px;font-weight:bold;}
.chzDDList{margin-top:2px;margin-left:-3px;text-align:left;z-index:10;position:absolute;display:none;background-color:#d5cd1b;color:#282828;text-transform: none;border:1px solid #808080;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 3px 5px 0 rgba(0,0,0,0.20);}
.chzDDOption,.chzDDOptionDisabled{height:30px;padding-top:6px;padding-left:8px;padding-right:8px;}
.chzDDOption:hover{background-color:#00a79d;}
.chzDDOptionHref{text-decoration:none;color:inherit;cursor:inherit;}
.chzDDOptionDisabled {color:#888888;background-color: #dcdcdc;}

#iconFB, #iconPint, #iconTwt {display:inline-block; width:32px; height:32px; background-size:32px 32px; margin-right:10px;}
#iconFB {background-image:url("/images/fb.png");}
#iconPint {background-image:url("/images/pinterest.png");}
#iconTwt {background-image:url("/images/twitter.png");}

#iconSocialImg {position: relative; cursor:default;width:26px; height:26px; background-image:url("/images/socialmedia.png");}

#myFavs{display:block;}
#menuUser{display:none;z-index:150;}
#iconSocial{display:none;}
#menuSearch{right:0px;top:30px;}

.ddMenu, .ddMenuUser,.ddMenuUsers, .ddMenuSocial {
  cursor:default;
  z-index:99;
  position:absolute;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 3px 5px 0 rgba(0,0,0,0.20);
  border:solid 1px #808080;
  text-align:left;
 }

.ddMenu{
  display:none;
  right:0px;
  top:22px;
  background-color:#d5cd1b;
  font-family:'font5';font-size:14px;
}

.ddMenuLight{
  font-family:'font2';font-size:13px;
}

/*
.ddMenuCats{
height:300px;
overflow-x: hidden;
}
*/

.ddMenuSocial{
  display:none;
  background-color:#d5cd1b;
  left:17px;
  top:17px;
  background-color:#fff;}

.ddMenuUser{
  right:3px;
  top:30px;
  background-color:#fff;
}

.ddMenuSearch{
  width:250px;
  background-color:#fff; 
/*  background-color:#d5cd1b;*/
}

.ddMenuInner {
  /*the max-height should be set based on the longest menu (categories).*/
  max-height:500px; 
  overflow-y:auto; 
  overflow-x: hidden;
  width:100%;
}

.ddItemCheck {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  min-width:25px;
  width:25px;
}
.ddItemCheckUser{display:none;}

.ddItemText, .ddItemTextDisabled {
/* height is not set on these. instead, juse set padding top and bottom. this way the text is always vertical aligned middle */
  padding-top:12px;
  padding-bottom:12px;
  padding-right:25px;
  padding-left:8px;
  /*display: table-cell;*/
  display: block;
  height:100%;
  height:100%;
  margin-left:3px;
  width:100%;
  white-space: nowrap;
  text-decoration:none;
  color:#000 !important;
}

.ddItemText {color:#000;text-decoration:none;}
.ddItemTextDisabled {color:#888888;}
.ddItemNotSelectedDisabled{background-color: #dcdcdc;}


.ddItemTextUser{padding-top:5px;
  padding-bottom:5px;
  padding-right:10px;
  padding-left:10px;
}

.ddItemNotSelected, .ddItemSelected {
  display:block;}

/*.ddItemSelected {background-color: #d5cd1b;}*/

.ddItemNotSelected:hover, .ddItemSelected:hover {background-color: #00a79d;}
.ddItemNotSelectedUser:hover, .ddItemSelectedUser:hover {background-color: #fff; text-decoration:underline;color: #000 !important;}

#catSubmitBtn {
 display:block;
 padding-left:25px;
 padding-top:3px;
 padding-bottom:3px;
 background-color:#fff;
}

#catSubmitBtn:hover {text-decoration:underline;}
