/* Structure
================================================================================================ */

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.8em;
  text-align: center;
  background: #FFFFFF;
  color: #4C4D4C;
}

html body input.hidden {display: none}

input, textarea, select {
  font-family: Arial, Helvetica, Sans-Serif;
  color: #4C4D4C;
  background: transparent;
}

#bg {
  background: #EAEEF0 url(/img/backgrounds/head.gif) 0 0 repeat-x;
}

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 904px;
}

#head {
  height: 136px;
}

#main {
  position: relative;
}

#foot {
  text-align: left;
  margin: 0 auto;
  width: 904px;
  height: 80px;
  font-size: 0.85em;
}

/* Header
================================================================================================ */

#top_box {
  height: 90px;
  overflow: hidden;
}

#head h1 {
  background: url(/img/misc/logo.gif) 014px no-repeat;
  padding: 14px 0 0 0;
  width: 149px;
  height: 60px;
  float: left;
}

#head h1 {
  background: url(/img/misc/alt_logo.gif) 0 0 no-repeat;
  padding: 14px 0 0 0;
  width: 158px;
  height: 70px;
  float: left;
}

#head h1 a {
  display: block;
  width: 149px;
  height: 60px;
}

#head h1 a span {display: none;}

#head form {
  display: block;
  width: 506px;
  float: right;
  padding-top: 18px;
  font-size: 0.95em;
}

#head form span {
  display: block;
  float: left;
  height: 53px;
  padding-left: 7px;
}
#head form span#right_head_box {padding-right: 4px; background: url(/img/backgrounds/texts/text_195.gif) 7px 20px no-repeat; width: 300px; float: right}

#head form span em {
  font-style: normal;
  color: #A4A4A4;
}

#head form input {
  background: transparent;
  display: block;
  width: 182px;
  height: 26px;
  border: 0;
  margin-top: 2px;
  line-height: 14px;
  padding-top: 10px;
  padding-left: 0;
  font-size: 12px;
  display: block;
  float: left;
}

#head form button {
  background: url(/img/buttons/search.gif) 0 0 no-repeat;
  float: right;
  width: 91px;
  height: 30px;
  cursor: pointer;
  border: 0;
  margin-top: 5px;
  display: block;
}
#head form button:hover {background-position: 0 -29px}
#head form button span {display: none}

/* Menu
================================================================================================ */

#menu {
  padding-top: 14px;
  height: 32px;
  list-style: none;
  display: block;
  padding-left: 1px;
}

#menu li {
  display: block;
  float: left;
  height: 32px;
  margin-right: 7px;
}

#menu li em {
  display: block;
  height: 32px;
}

#menu li a {
  display: block;
  width: 100px;
  background: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 32px;
}
#menu li a span {display: none;}

#menu li.on {
  background: url(/img/menu/right.gif) right top no-repeat;
}
#menu li.on em {
  background: url(/img/menu/left.gif) left top no-repeat;
}

#menu li#menu_home, #menu li#menu_home a {background-image: url(/img/menu/home.gif); width: 79px;}
#menu li#menu_my_denz, #menu li#menu_my_denz a {background-image: url(/img/menu/my_denz.gif); width: 96px;}
#menu li#menu_categories, #menu li#menu_categories a {background-image: url(/img/menu/categories.gif); width: 108px;}
#menu li#menu_groups, #menu li#menu_groups a {background-image: url(/img/menu/groups.gif); width: 88px;}
#menu li#menu_events, #menu li#menu_events a {background-image: url(/img/menu/events.gif); width: 82px;}
#menu li#menu_people, #menu li#menu_people a {background-image: url(/img/menu/people.gif); width: 84px;}
#menu li#menu_businesses, #menu li#menu_businesses a {background-image: url(/img/menu/businesses.gif); width: 107px;}
#menu li#menu_join_denz, #menu li#menu_join_denz a {background-image: url(/img/menu/join_now.gif); width: 101px;}

#menu li a:hover {background-position: 0 -32px}
#menu li.on, #menu li.on a {background-position: 0 -64px}
#menu li.on a:hover {background-position: 0 -64px}

/* Breadcrumbs
================================================================================================ */

#breadcrumbs {
  height: 40px;
  padding-left: 20px;
} 

#breadcrumbs li {
  float: left;
  display: block;
  height: 20px;
  line-height: 16px;
  padding-top: 13px;
  font-size: 0.85em;
  color: #95A2A9;
}

#breadcrumbs li em {
  padding: 0 6px;
}

#breadcrumbs li.start_crumb {
  padding-right: 3px;
}

#breadcrumbs li a {
  color: #74858D;
  text-decoration: none;
  border-bottom: 1px solid #D9E0E4;
}

#breadcrumbs li a:hover {
  border-bottom: 0;
  color: #5F6D74;
}

/* Main
================================================================================================ */

#main_col {
  position: relative;
}

#main_col, #right_col {
  width: 605px;
  float: left;
  padding-bottom: 25px;
}
#right_col {width: 292px; float: right;}

#main_col .box, #right_col .box {
  background: url(/img/backgrounds/block_wide_foot.gif) left bottom no-repeat;
  padding-bottom: 9px;
  margin-bottom: 14px;
  position: relative;
}
#right_col .box {background-image: url(/img/backgrounds/block_thin_foot.gif);}
#main_col .shrink_box, #right_col .shrink_box {overflow: hidden}

#main #main_col div.shrunk_box, #main #right_col div.shrunk_box {
  background-image: url(/img/backgrounds/block_wide_complete.gif);
  padding-bottom: 5px;
}
#main #right_col div.shrunk_box {background-image: url(/img/backgrounds/block_thin_complete.gif);}

#main_col .box h2, #right_col .box h2 {
  background: url(/img/backgrounds/block_wide_head.gif) 0 0 no-repeat;
  height: 28px;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 28px;
  padding-left: 39px;
  padding-top: 3px;
  position: relative;
}
#right_col .box h2 {background-image: url(/img/backgrounds/block_thin_head.gif); padding-left: 41px;}
#main_col .box h2.no_mini {padding-left: 20px}
#right_col .box h2.no_mini {padding-left: 21px}

#main_col .box h2 em, #right_col .box h2 em {
  display: block;
  float: right;
  font-style: normal;
  color: #DC93A1;
  padding-right: 27px;
  font-size: 0.7em;
}

#main_col .shrunk_box h2, #right_col .shrunk_box h2 {
}

#main_col .box h2 span, #right_col .box h2 span {
  background: url(/img/buttons/mix_max_red.gif) 0 0 no-repeat;
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  top: 8px;
  left: 18px;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
} 
#right_col .box h2 span {background-image: url(/img/buttons/mix_max_blue.gif);}

#main_col .box h2 span:hover, #right_col .box h2 span:hover {
  background-position: 0 -18px;
}

#main #main_col .shrunk_box h2 span, #main #right_col .shrunk_box h2 span {
  background-position: 0 -36px;
  padding: 0;
}

#main #main_col .shrunk_box h2 span:hover, #main #right_col .shrunk_box h2 span:hover {
  background-position: 0 -54px;
}

#main_col .box div, #right_col .box div {
  background: url(/img/backgrounds/block_wide_middle.gif) 0 0 repeat-y;
  padding: 13px 20px 9px 20px;
  font-size: 0.95em;
}
#right_col .box div {background-image: url(/img/backgrounds/block_thin_middle.gif);}

#main_col .box h3 {
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.2em;
  padding-bottom: 8px;
  color: #C0082D;
}

#main_col .box div div, #right_col .box div div {
  background: transparent;
  padding: 0;
  font-size: 1em;
}

#main_col .box ul, #right_col .box ul {
  list-style: none;
}

#main_col .box li, #right_col .box li {
  background: #FFFFFF url(/img/misc/circle_ticks.gif) 1px 2px no-repeat;
  padding-left: 21px;
  line-height: 1.65em;
}

#main_col a, #right_col a {
  display: inline;
  color: #DC8832;
  text-decoration: none;
  border-bottom: 1px solid #F0CDA9;
}

#main_col a:hover, #right_col a:hover {
  border: 0;
  color: #BB742B;
}

.break {
  display: block;
  font-size: 1px;
  line-height: 1px;
  clear: both;
}

/* Advert
================================================================================================ */

#right_col .advert {
  background: url(/img/backgrounds/advert.gif) 0 0 no-repeat;
  width: 292px;
  height: 251px;
  margin-bottom: 14px;
  font-size: 0.85em;
}

#right_col .advert span {
  display: block;
  float: left;
  padding: 7px 0 0 20px;
  color: #ABABAB;
}

#right_col .advert a {
  display: block;
  margin: 7px 20px 0 0;
  float: right;
  border-bottom: 0;
}

#right_col .advert div {
  display: block;
  height: 200px;
  width: 250px;
  clear: both;
  padding: 6px 0 0 20px;
  background-repeat: no-repeat;
  background-position: 21px 7px;
}

#right_col .advert div a {
  display: block;
  height: 200px;
  width: 250px;
  padding: 0;
  margin: 0;
  float: none;
  border: 0;
}

/* Rewards
================================================================================================ */

#right_col .rewards {
  padding-bottom: 0;
  background: transparent;
  overflow: hidden;
}

#right_col #rewards {
  background: url(/img/backgrounds/rewards.gif) -1px 0 no-repeat;
  font-size: 0.85em;
  height: 177px;
  padding-bottom: 0;
}

#right_col #rewards p {
  width: 200px;
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 1.4em;
}

#right_col #rewards span {
  display: block;
  line-height: 1.4em;
}

#right_col #rewards strong {
  display: block;
  line-height: 1.4em;
  float: left;
  width: 180px;
}

#right_col #rewards em {
  color: #096683;
}

/* Member Login
================================================================================================ */

#right_col form#login {padding-top: 1px;}

#right_col form#login label {
  font-size: 0.9em;
  display: block;
  padding-bottom: 1px;
}

#right_col form#login span {
  background: url(/img/backgrounds/texts/text_251.gif) 0 0 no-repeat;
  display: block;
  height: 23px;
  width: 241px;
  border: 0;
  margin: 1px 0 7px 0;
  padding: 5px 5px 0 5px;
}

#right_col form#login input {
  background: transparent;
  border: 0;
  width: 230px;
  font-size: 12px;
  display: block;
}

#right_col form#login #remember_box {
  height: 24px;
}

#right_col form#login #remember_box input {
  width: auto;
  float: left;
  display: block;
  height: 12px;
  width: 12px;
  margin-top: 3px;
}

#right_col form#login #remember_box label {
  float: left;
  display: block;
  padding-left: 5px;
  line-height: 12px;
  padding-top: 3px;
}

#right_col form#login #end_box {height: 33px;}

#right_col form#login #end_box button {
  background: url(/img/buttons/login.gif) 0 0 no-repeat;
  height: 29px;
  width: 80px;
  border: 0;
  cursor: pointer;
  float: left;
  display: block;
}
#right_col form#login #end_box button span {display: none;}

#right_col form#login #end_box button:hover {
  background-position: 0 -29px;
}

#right_col form#login #end_box a {
  display: block;
  float: left;
  font-size: 0.9em;
  margin: 7px 0 0 10px;
}

/* Error box
================================================================================================ */

#right_col #login_error {
  margin: 5px 0 13px 1px;
  background: #FFEF75 url(/img/misc/error_message.gif) 6px 7px no-repeat;
  padding: 6px 24px;
  border: 1px solid #E6D65D;
}

#right_col #login_error strong {
  display: block;
  color: #4C4D4C;
} 

#right_col #login_error label {
  display: block;
  color: #4C4D4C;
  font-weight: normal
} 

/* Hello
================================================================================================ */

#right_col #hello {
  padding: 18px 20px 13px 20px;
  height: 40px;
}

#right_col #hello img {
  display: block;
  float: left;
  height: 40px;
  width: 40px;
}

#right_col #hello div {
  float: left;
  height: 40px;
  padding-left: 10px;
  font-size: 0.9em;
}

#right_col #hello div p {
  height: 16px;
  line-height: 16px;
}

#right_col #hello div p span {
  color: #CBCBCB;
  padding: 0 5px;
}

/* Find a friend
================================================================================================ */

#right_col #find_friend {height: 73px}

#right_col #find_friend form {padding-top: 2px; height: 56px;}

#right_col #find_friend form label {
  font-size: 0.9em;
  display: block;
  padding-bottom: 6px;
}

#right_col #find_friend form span {
  background: url(/img/backgrounds/texts/text_181.gif) 0 0 no-repeat;
  display: block;
  height: 23px;
  width: 171px;
  border: 0;
  margin: 1px 6px 7px 0;
  float: left;
  padding: 5px 5px 0 5px;
}

#right_col #find_friend form input {
  background: transparent;
  border: 0;
  width: 160px;
  font-size: 12px;
  display: block;
}

#right_col #find_friend button {
  background: url(/img/buttons/go.gif) 0 0 no-repeat;
  height: 29px;
  width: 64px;
  border: 0;
  cursor: pointer;
  float: left;
  display: block;
  margin-top: 1px;
}
#right_col #find_friend button span {display: none;}

#right_col #find_friend button:hover {
  background-position: 0 -29px;
}

#right_col #find_friend p {
  background: url(/img/backgrounds/anchor.gif) 0 2px no-repeat;
  padding-left: 10px;
}

#right_col #find_friend p a {
  font-size: 0.9em;
}


/* Footer
================================================================================================ */

#foot a {
  color: #BE5167;
  border-bottom: 1px solid #EDC5D5;
  text-decoration: none;
  height: 14px;
  display: block;
  float: left;
}

#foot a:hover {
  border: 0;
  color: #984152;
}

#foot_left {
  width: 500px;
  float: left;
  padding-top: 26px;
}

#foot_left ul {
  height: 18px;
  list-style: none;
}

#foot_left ul li {
  height: 18px;
  display: block;
  float: left;
}

#foot_left ul li em {
  padding: 0 8px;
  color: #DEDEDE;
}

#foot_left span {
  display: block;
  color: #AAAAAA;
}

#foot_right {
  background: url(/img/misc/suggestions.gif) 0 28px no-repeat;
  width: 255px;
  float: right;
  padding-top: 26px;
  padding-left: 36px;
}

#foot_right strong {
  display: block;
  color: #7D7D7D;
  font-size: 1.25em;
  font-weight: normal;
  padding-bottom: 2px;
}
#error_box {
  margin: 5px 0 13px 1px;
  background: #FFEF75 url(/img/misc/error_message.gif) 6px 7px no-repeat;
  padding: 6px 24px;
  border: 1px solid #E6D65D;
  width: 546px;
}

#main_col #error_box strong {
  display: block;
  color: #4C4D4C;
} 

#main_col #error_box label {
  display: block;
  color: #4C4D4C;
  font-weight: normal
} 
p {
    padding-bottom: 10px;
}