span.star-rating-control {
	display: none !important;
}

/* 
CSS Document voor Het Roze Boekje
Datum: Augustus 2009
Media: Screen
*/

/* Reset
=================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
img {
	border:0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.inline, .inline li, .inline dd, .inline dt {
	display:inline;
}

img {
	border: 0;
}

input, button {
	font-size:1em;
}

.bg
, .submit
, .goto a
, .goto a:visited
, a.goto
, a.goto:visited
, .contentlist a
, .contentlist a:visited
{
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
}

/* Algemene regels
=================================================================*/
body {
	font: 75%/1.5em arial, verdana, sans-serif;
}

.holder {
  width: 100%;
  float: left;
  clear: both;
}

.wrapper, #contentholder {
  width: 990px;
  margin: 0 auto;
  position: relative;
}

.hidden {
  display: none;
}

a {
  color: #2ea7ef;
}

a:hover {
  color: #ff3299;
  text-decoration: none;
}

/* Service
=================================================================*/
#slide-content {
  display: none;
  border-bottom: 1px solid #484848;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  width: 100%;
  z-index: 10;
  height: 180px;
  color: #ccc;
}

#slide-content dl {
  float: left;
  width: 222px;
  padding: 10px;
  margin: 10px 0;
  display: inline;
}

#slide-content dd.link-info {
  padding-bottom: 5px;
}

#slide-content dt a {
  text-decoration: none;
  font-weight: bold;
}

#slide-content a, #slide-content a:visited {
  color: #fff;
}

.over-pointer {
  cursor: pointer;
  background: #484848;
}

#main-content .over-pointer {
  border-bottom: 1px solid #ff339a;
  background: none;
}

.over-pointer dt a {
  color: #ff339a!important;
}

a#hide-content, a#hide-content:visited {
  text-decoration: none;
  display: block;
  clear: both;
  margin-left: 10px;
  width: 170px;
  height: 25px;
  padding: 7px 0 0 40px;
  color: #999;
  background-color: #333;
  background-position: -390px -190px;
  float: left;
}

a#hide-content:hover, a#hide-content:focus, a#hide-content:visited:hover {
  background-color: #333;
  background-position: -390px -227px;
  color: #ccc;
}

a#hide-content:active {
  height: 24px;
  padding: 8px 0 0 40px;
}

/* Service
=================================================================*/
#service {
  height: 40px;
  background: #666;
  border-bottom: 6px solid #ff339a;
}

#more-sites, #more-sites:visited {
  width: 256px;
  height: 21px;
  padding: 5px 0 0 25px;
  display: block;
  background-position: -319px -296px;
  color: #000;
  text-decoration: none;
  border-top: 6px solid #666;
}

#more-sites:hover {
  background-position: -319px -328px;
  color: #fff;
}

#service ul {
}

#service ul a, #service ul a:visited {
  height: 26px;
  padding: 10px 10px 0 0;
  border-top: 2px solid #666;
  border-right: 1px solid #7d7d7d;
  display: block;
  float: left;
  text-decoration: none;
  color: #ccc;
  margin-right: 10px
}

#service .current a, #service .current a:visited, #service .current a:hover {
  border-top: 2px solid #666;
  color: #fff;
}

#service ul li.last a {   border-right: none; }

#service ul li a:hover {
  color: #fff;
  border-top: 2px solid #666;
}

/* Logo
=================================================================*/
#logo {
  height: 101px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ff84c2;
  background: url("../images/global/logo_bg.gif") repeat-x;
}

.logo {
  width: 278px;
  padding: 10px 0 0 0;
  display: block;
}

#logo em {
  width: 500px;
  height: 26px;
  display: block;
  position: absolute;
  right: 80px;
  top: 53px;
  font-size: 20px;
  color: #999;
  text-align: right;
}

#no-adds { position: absolute; width: 61px; height: 59px; display: block; overflow: hidden; text-indent: -9999px; background: url(../images/global/no-adds.png) 0 0 no-repeat; top: 20px; right: 10px }

/* Menu
=================================================================*/
#menu {
  height: 47px;
  background-color: #ff3299;
  background-repeat: repeat-x;
  background-position: 0 43px;
  font-weight: bold;
  overflow: hidden;
}

#menu #submenu {
  position: absolute;
  right: 0;
  top: 0;
}

#menu ul li {
  padding: 5px 2px 0 0;
  display: block;
  float: left;
  background: url("../images/global/globals.png") no-repeat right -68px;
}

#menu a, #menu a:visited {
  height: 43px;
  padding: 0 0 0 20px;
  display: block;
  float: left;
  text-decoration: none;
  color: #fff;
}

#menu li.current a, #menu li.current a:visited {
  background: #f1f1f1 url("../images/global/globals.png") no-repeat left -15px;
  color: #ff3299; 
}

#menu ul li a span, #menu ul li a:visited span {
  display: block;
  float: left;
  padding: 12px 23px 22px 0;
  cursor: pointer;
}

#menu li.current {
  padding-right: 0;
}

#menu li.current a span, #menu li.current a:visited span {
  background: #f1f1f1 url("../images/global/globals.png") no-repeat right -15px;
}

#menu a:hover {
  background: url("../images/global/globals.png") no-repeat -128px -20px;
}

/* Search
=================================================================*/
#search {
  height: 36px;
  padding: 10px 0 0 0;
  background: #f1f1f1;
  border-bottom: 1px solid #fff;
}

#search .wrapper {
  width: 970px;
}

#search .text {
  margin: 0 10px;
}

#search_keyword {
  width: 210px;
}

#search_place {
  width: 144px;
}

.submit_small {
  background-position: left -68px;
}

.submit_small:hover {
  background-position: left -103px;
}

#search a, #search a:visited {
  width: 127px;
  padding: 8px 0 9px 40px;
  position: absolute;
  right: 0;
  top: -3px;
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
  background-position: -433px -358px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
}

#search a:hover {
  background-position: -433px -399px;
}

/* Breadcrumbs
=================================================================*/
#breadcrumbs {
  padding: 7px 0 17px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1px;
  position: relative;
}

#breadcrumbs #trail {
  border-left: 10px solid #fff;
  color: #999;
}

#breadcrumbs #trail a, #breadcrumbs #trail a:visited {
  color: #999;
  padding-right: 12px;
  margin-right: 6px;
  background: transparent url("../images/global/globals.png") no-repeat right -809px;
}

#breadcrumbs #page_service {
  position: absolute;
  right: 10px;
}

#breadcrumbs #page_service a, #breadcrumbs #page_service a:visited {
  margin-left: 29px;
  text-decoration: none;
}

#breadcrumbs #page_service a:hover {
  text-decoration: underline;
}

/* Content
=================================================================*/
#content {
  padding: 10px 0 0 0;
  border-top: 1px solid #ddd;
}

#content .column {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
  position: relative;
  float: left;
}

/* content + #sidebar right */
#content #column_a {
  width: 693px;
  border-right: 287px solid #f1f1f1;
  padding-left: 0;
}

/* content + #refine left */
#content #column_b {
  width: 782px;
  border-left: 198px solid #f1f1f1;
  padding-right: 0;
}

/* content + #refine left & #sidebar right */
#content #column_c {
  width: 484px;
  border-left: 198px solid #fff;
  border-right: 287px solid #fff;
}

/* content over entire width */
#content #column_d {
  width: 990px;
  border-bottom: 30px solid #fff;
  margin-bottom: 0;
  padding: 0;
}

#fullcontent {
  min-height: 200px;
  position: relative;
}

#content h1 {
  width: 100%;
  clear: both;
  margin: 20px 0;
  font-weight: normal;
  font-size: 24px;
  color: #ff3299;
  float: left;
}

#slideshow {
  width: 485px;
  height: 301px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  clear: both;
}

#home #slideshow {
  width: 495px;
  border-left: 198px solid #fff;
}

.slide {
  width: 495px;
  height: 301px;
  overflow: hidden;
  position: relative;
}

.slidecontent {
  width: 172px;
  height: 81px;
  padding: 10px 10px 20px 10px;
  position: absolute;
  top: 10px;
  right: 20px;
  background: #fff;
  opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	color: #ff3299;
}

.slidecontent h2, .slidecontent p, .slidecontent h2 a, .slidecontent h2 a:visited {
  color: #000 !important;
  font-size: 12px !important;
}

.slidecontent h2 {
  font-weight: bold !important;
  margin-bottom: 0 !important;
  color: #ff3299!important
}

.slidecontent h2 a, .slidecontent h2 a:visited { color: #ff3299!important; font-size: 14px!important; margin-bottom: 5px!important }

#slideshow .slidetags {
  width: 192px;
  padding: 8px 0 0 0;
  display: block;
  position: absolute;
  top: 113px;
  right: 20px;
  background-position: 167px -335px;
}

#slideshow .slidetags ul {
  width: 172px;
  height: 39px;
  padding: 18px 10px;
  display: block;
  background: #fff;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}


#home .slidecontent, #home #slideshow .slidetags {
  right: 10px;
}


#slideshow .slidetags ul li {
  width: 102px;
}

#slide_controls {
  position: absolute;
  z-index: 1000;
  right: 0;
  bottom: 7px;
}

#slide_controls li {
  width: 87px;
  height: 62px;
  padding: 7px 2px 0 2px;
  margin: 0 10px 0 0;
  position: relative;
  float: left;
  display: block;
  background: url("../images/slideshow/thumb.gif") no-repeat;
}

#slide_controls a, #slide_controls a:visited {
  width: 87px;
  height: 60px;
  overflow: hidden;
  display: block;
}

#slide_controls li:hover {
  background: url("../images/slideshow/hover.gif") no-repeat;
}

#slide_controls #current {
  position: absolute;
  left: 0;
  top: 0;
}

.pagination { position: absolute; left: 154px; top: 245px; z-index: 100; width: 114px; height: 27px; background: url(../images/global/bg-paginate.png) 0 0 no-repeat; padding: 17px 0 0 58px }
	.pagination li a { display: block; float: left; width: 12px; height: 12px; background: url(../images/global/pagination.png) 0 0 no-repeat; overflow: hidden; text-indent: -999px; margin-right: 3px }
	.pagination li.current a { background-position: 0 -12px }
	a#prev-slide, a#next-slide { position: absolute; left: 175px; top: 254px; z-index: 101; width: 24px; height: 25px; overflow: hidden; display: block; background: url(../images/global/globals.png) -323px -911px; text-indent: -9999px }
		a#prev-slide:hover { background-position: -323px -941px }
	a#next-slide { left: 283px; background-position: -353px -941px }
		a#next-slide:hover { background-position: -353px -911px }
	.bg-paginate { position: absolute; top: 0; left: 0 }

#goto {
  width: 188px;
  height: 281px;
  padding: 20px 0 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: #ff52a9;
  background-image: url("../images/global/globals.png");
  background-position: left -621px;
  color: #fff;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

#goto h3, #goto ul, #content .column .column p {
  margin-bottom: 10px;
}

#goto a, #goto a:visited, .goto a, .goto a:visited, a.goto, a.goto:visited, .contentlist a, .contentlist a:visited {
  color: #fff;
  background-position: left -138px;
  padding-left: 14px;
}

.column .column .goto a, .column .column .goto a:visited, .contentlist a, .contentlist a:visited {
  background-position: left -262px;
  color: #2ea7ef;
}

#goto a, #goto a:visited {
  text-decoration: none;
}

#goto a:hover {
  text-decoration: underline;
}

.goto a:hover, a.goto:hover {
  color: #fff;
}

#sidebar a.goto, #sidebar a.goto:visited {
  margin-left: 10px;
}

#label {
  position: absolute;
  left: 10px;
  top: 266px;
}

.strong {
  font-weight: bold;
  color: #fff;
}

#refine .strong {
  color: #2ea7ef;
}

a.blue, a.blue:visited {
  text-decoration: none;
  color: #2ea7ef;
  background-position: left -260px;
}

a.blue:hover {
  text-decoration: underline;
  color: #2ea7ef;
}

#photos li {
  width: 158px;
  height: 120px;
  overflow: hidden;
  display: block;
  margin: 0 16px 10px 0;
  float: left;
}

#photos li a img {
  display: block;
}

.rubriek {
  width: 188px;
  min-height: 200px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding-bottom: 10px;
  background: url("../images/global/columns.gif") no-repeat -176px bottom;
  vertical-align: top;
  display: inline-block;
  display: -moz-inline-stack;
  zoom: 1;
  *display: inline;
  _height: 250px;
}

.rubriek .column {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

#content .column .column .goto {
  clear: both;
}

#content .column .column h3
, #content .column .column ul
, #content .column .column p
{
  padding: 0 10px;
}

#content .column .column h3 {
  padding-top: 10px;
  background: #fff url("../images/global/columns.gif") no-repeat -176px top;
}

#content .column .column .img {
  width: 188px;
  height: 141px;
  display: block;
  overflow: hidden;
  margin: 10px 0;
  float: left;
}

#contentoptions {
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px;
  background: #f1f1f1;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.column #contentoptions .column {
  width: 320px;
  padding: 0 10px;
  background: none !important;
  margin: 0;
}

.column #contentoptions .column h2 {
  color: #ff3299;
}

.column #contentoptions .column p {
  padding: 0;
}

#steps {
  width: 100%;
  float: left;
  clear: both;
  display: block;
  background: #f1f1f1;
  margin-bottom: 20px;
}

#steps li {
  padding: 10px 10px 20px 10px;
}

#steps h2 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}

.step1 {
  background: #ccc;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.step2 {
  background: #d2d2d2;
}

.step3 {
  background: #d7d7d7;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.contentlist ul {
  margin-left: 14px;
}

/* Alerts
=================================================================*/
#alert {
  width: 100%;
  padding: 8px 0;
  clear: both;
  position: relative;
  margin: 10px 0;
  text-align: center;
}

#column_d #alert {
  margin-left: -10px;
}

#alert p {
  padding: 1px 0 1px 27px;
  display: inline;
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
}

.neutral {
  background: #fffbce;
  border-top: 1px solid #f4eb87;
  border-bottom: 1px solid #f4eb87;
}

.neutral p {
  background-position: -585px -694px;
}

.negative {
  background: #ffdcdc;
  border-top: 1px solid #f89b9b;
  border-bottom: 1px solid #f89b9b;
}

.negative p {
  background-position: -585px -744px;
}

.positive {
  background: #d6ffb4;
  border-top: 1px solid #94ee70;
  border-bottom: 1px solid #94ee70;
}

.positive p {
  background-position: -586px -719px;
}

.calling {
  background: #f1f1f1;
  padding: 16px 0 !important;
}

.calling p {
  background: none !important;
}

#alert #close, .compactform #close, .bericht .close, #refine .close {
  width: 9px;
  height: 9px;
  background: url("../images/global/globals.png") no-repeat -593px -769px;
  text-indent: -9000px;
  position: absolute;
  right: 10px;
  top: 14px;
  display: block;
}

#alert .cta {
  float: right;
  margin: -8px 10px 0 0;
}

/* Adresje
=================================================================*/
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
.wrap-detail { padding-bottom: 20px;  }
	.wrap-detail h2 { font-size: 18px; font-weight: normal; padding-bottom: 10px; color: #ff3299 }
	.wrap-detail p { line-height: 160%; padding-bottom: 17px }
.right-detail { width: 370px; float: left }
.address-detail { font-style: normal; width: 185px; float: left; margin-top: 15px }
	.fn, .street-address, .tel { display: block }
	.fn { font-weight: bold; color: #f73c9d }
.detail-options { width: 155px; padding-left: 30px; float: left; margin-top: 33px }
.moods { display: block; clear: both; padding: 20px 0 }
	.moods li { position: relative; padding: 0 0 0 60px }
	.moods li a, .detail-options li a { text-decoration: none }
		.moods li span { position: absolute; left: 0; top: 0 }
.socials { display: block; clear: both; padding: 5px 0 0 0 }
	.socials li { display: block; float: left }
	.socials li.share-hyves { margin-right: 18px }
.social-bg { background: url(../images/global/is-sociaal.png) 10px 20px no-repeat; display: block; clear: both; padding:  55px 0 20px 40px }
	.twitter-head { background: url(../images/global/globals.png) -317px -1033px no-repeat; display: block; clear: both; padding: 10px 20px 10px 60px!important; margin: 0 0 5px 0!important;  }
	#tweets { margin: 0 10px 30px 10px; padding-bottom: 10px }
	.tweet-date { display: block; border-bottom: 1px solid #fff; color: #acacac; font-size: 11px; padding: 0 0 10px 0;margin-bottom: 10px }
	a.bullet-link { background: url(../images/global/globals.png) 0 -260px no-repeat; padding-left: 12px }

.page-options { display: block; clear: both; background: #f7f7f7;; overflow: hidden; height: 1%; border: 1px solid #eeeeee; padding: 10px; margin-bottom: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }
	.page-options li a { display: block; float: left; background: url(../images/global/globals.png) -584px -593px no-repeat; padding: 2px 0 2px 25px; margin-right: 40px }
	.page-options li.ecard a { background-position: -584px -616px }

.address-pics, .manage { margin-bottom: 30px; display: block; overflow: hidden; height: 1% }
	.manage { margin-top: 20px }
	.address-pics li a, .manage li { display: block; float: left; width: 165px; height: 120px; margin: 0 5px 5px 0; position: relative; overflow: hidden }
	.big-zoom { position: absolute; left: 70px; top: 43px; display: none }
	.pics-hover .big-zoom { display: block }
	a.remove-pic, a.remove-pic:visited { display: block; width: 16px; height: 15px; overflow: hidden; text-indent: -9999px; background: url(../images/global/globals.png) right -1235px no-repeat; position: absolute; top: 10px; right: 10px }
	
.questions dt { font-weight: bold; padding-bottom: 5px }
.questions dd { line-height: 160%; padding-bottom: 17px }

.tipped { display: block; overflow: hidden; height: 1%; margin: 10px 0 10px 0; border-bottom: 1px solid #e5e5e5; min-height: 100px; height: auto !important; height: 100px; overflow: visible }
.tipped ul { position: relative; width: 180px; padding: 5px 0 10px 120px; float: left }
	.tipped ul li.tip-img { position: absolute; left: 0; top: 0; width: 100px; height: 65px; display: block; overflow: hidden }
	.tipped ul li a { font-weight: bold; color: #ff3299; text-decoration: none }
	.tipped p, .tipped textarea { float: left; width: 370px; border: 1px solid #eeeeee; padding: 10px; margin-bottom: 17px; background: #f7f7f7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }
	.tipped-hover p { background: #eeeeee }
	.tipped textarea { background: #fff; line-height: 160% }
	.remove-tipped a, .remove-tipped a:visited { font-weight: normal!important; color: #f00!important }
		.remove-tipped a:hover, .remove-tipped a:visited:hover { text-decoration: underline!important }
	.tipped ul li.add-tip a { display: block; background: url(../images/global/globals.png) -85px -335px no-repeat; width: 142px; height: 22px; color: #fff; text-align: center; padding-top: 3px }
	.tipped ul li.add-tip a:hover, .tipped ul li.add-tip a:visited:hover { background-position: -85px -370px }
	
.navigate { border: 1px solid #eeeeee; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: block; overflow: hidden; height: 1%; margin-bottom: 30px }
	.navigate a, .navigate a:visited { display: block; width: 210px; color: #ff3299; text-decoration: none; background: url(../images/global/globals.png) -570px -1167px no-repeat; padding: 0 0 0 40px  }
	.navigate a:hover, .navigate a:visited:hover { color: #3aa7f2 }
	.navigate a em { font-style: normal; display: block; color: #333; font-weight: bold }
	.navigate a.next-address { float: right; text-align: right }
	.navigate a.next-address, .navigate a.next-address:visited { padding: 0 40px 0 0; background-position: right -1097px }

.hold-split { display: block; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px }
.left-485, .right-485 { display: block; float: left; width: 485px }
	.hold-split p { padding-bottom: 17px }
	.left-485 { margin-right: 20px }
	.right-485 { background: #f1f1f1; padding: 10px; width: 463px; border: 1px solid #e1e1e1 }
	.column-237 { display: block; float: left; width: 237px; }
		.column-237 h2 { background: url(../images/global/globals.png) -206px -618px no-repeat; padding: 2px 0 2px 25px }
		.first-237 { margin-right: 10px }

	.playlist, #badges { display: block; overflow: hidden; height: 1%; margin-top: 5px }
	.playlist li a { width: 220px; float: left; display: block; margin-right: 10px }
		.playlist li a span { display: block; float: left; width: 70px; height: 50px; margin: 0 10px 0 0; overflow: hidden }

#badges { padding-bottom: 40px }
	#badges h2 { font-size: 18px; color: #ff3299; font-weight: normal; padding-bottom: 5px }
	#badges p { padding-bottom: 20px; width: 670px }
	#badges form { display: block; clear: both }
	.badge, .badge-wide { display: inline-block; float: left; width: 167px; background: #f1f1f1; padding: 10px; border: 1px solid #e1e1e1; margin-right: 10px }
		.badge span, .badge-wide span { display: block; margin-bottom: 10px; text-align: center }
	.last-badge { margin-right: 0 }
		.badge textarea { width: 161px; padding: 2px }
		.badge-hover { background: #ff3299; border-color: #ff3299 }
	.badge-wide { width: 465px; margin-right: 0; margin-top: 10px }
	.first-wide { margin-right: 11px; margin-top: 10px }
	.badge-wide textarea { width: 465px }
		
	
	.login, .adjust, .upload, .saved { width: 500px; background: #f1f1f1; padding: 20px 10px; border: 1px solid #e1e1e1; margin: 20px 0 60px 0 }
		.adjust-wrap { padding-left: 208px; width: 530px }
		
		.login div, .adjust div { display: block; overflow: hidden; height: 1%; padding-bottom: 10px; }
		.login label, .login input, .adjust label, .adjust input { float: left }
		.login label, .adjust label { width: 140px; font-weight: bold }
		.login input, .adjust input { padding: 2px; width: 210px }
		.login button, .adjust button, .frm-upload button { width: 142px; border: 0; height: 25px; color: #fff; background: url(../images/global/globals.png) -85px -370px; margin-left: 140px; cursor: pointer }
			.login button:hover, .adjust button:hover, .frm-upload button:hover { background-position: -85px -335px }
			.login .required_error, .adjust .required_error  { background: #fff; border: 2px solid #f00; padding: 10px; margin-bottom: 10px }
	.border-field { border-bottom: 1px solid #e1e1e1; margin-bottom: 10px }
	.frm-ul { margin-bottom: 10px; display: block; overflow: hidden; height: 1% }
	.frm-ul button { margin: 0; width: 77px; height: 25px; background-position: 0 -103px }
		.frm-ul button:hover { background-position: 0 -68px }

#photo, .left-detail {
  width: 317px;
  float: left;
}

.left-detail { margin-top: 5px }

#photo div {
  width: 297px;
 /* height: 223px;*/
  overflow: hidden;
}

#photo span {
  width: 275px;
  position: relative;
}

#addphoto {
  padding-left: 23px;
  position: absolute;
  right: 10px;
  background: url("../images/global/globals.png") no-repeat -586px -668px;
}

.vcard ul {
  width: 376px;
  height: 255px;
  float: left;
  position: relative;
}

.vcard span.star-rating-control {
  margin: 0 20px 12px 0;
  display: block;
  float: left;
}

.vcard h3 {
  width: 100%;
  clear: both;
  color: #ff3299;
}

.vcard .adr {
  width: 162px;
  display: block;
  float: left;
}

.type, .country-name {
  display: none;
}

.vcard table {
  width: 200px;
  margin-bottom: 18px;
}

.vcard ul {
  position: absolute;
  left: 0;
  top: 149px;
}

.vcard .cta {
  position: absolute;
  left: 0;
  bottom: 0;
}

.vcard a, .vcard a:visited {
  text-decoration: none;
}

.vcard a:hover {
  text-decoration: underline;
}

.tags li {
  width: 200px;
  position: relative;
  padding-left: 64px;
  display: block;
  float: left;
  clear: both;
}

#column_c .tags li, #doormat .tags li {
  width: 150px;
  padding-left: 0;
  clear: none;
}

.slidetags .tags li {
  padding-left: 64px !important;
}

.tags li span {
  position: absolute;
  left: 0;
}

.slidetags li span {
  position: absolute !important;
}

#column_c .tags li span, #doormat .tags li span {
  position: static;
}

#options {
  width: 100%;
  float: left;
  padding: 20px 0 30px;
}

#options #social {
  width: 307px;
  padding: 0 0 0 10px;
  display: block;
  float: left;
}

#social span {
  margin-right: 20px;
}

#coolness {
  color: #999;
  padding-top: 20px; display: block; clear: both
}

#coolness a {
  margin-right: 30px;
}

/* Icons
=================================================================*/
.icons a, .icons a:visited, .delete {
  padding: 1px 0;
  padding-left: 26px;
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
}

.print {
  background-position: -585px -595px;
}

.mailafriend {
  background-position: -584px -621px;
}

.yes {
  background-position: -586px -645px;
}

.delete, .delete:visited {
  position: absolute;
  right: 0;
  top: 0;
  color: #f00;
  background: url("../images/global/globals.png") no-repeat -583px -762px;
  display: block;
}

/* A-Z index
=================================================================*/
#az {
  width: 990px;
  padding: 7px 0;
  clear: both;
  background: #f1f1f1;
  text-align: center;
  margin-bottom: 20px;
}

#az ul {
  margin: 0 auto;
}

#az ul a, #az ul a:visited {
  color: #000;
  text-decoration: none;
  background: #fff;
  padding: 3px 6px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
}

#az ul a:hover {
  color: #ff3299;
}

#az ul a.current {
  color: #fff;
  background: #ff3299;
  border: 1px solid #ff3299;
}

/* Paging & sorting
=================================================================*/
.pagesort {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.pagesort .paging {
  text-align: center;
}

#column_c .pagesort p {
  margin-bottom: 10px;
}

.sorting {
  padding: 2px 10px;
  margin-bottom: 10px;
  display: block;
  background: #dedede;
}

.sorting dd.current {
  padding-right: 12px;
  margin-right: 10px;
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
}

.sorting dd.up {
  background-position: right -856px;
}

.sorting dd.down {
  background-position: right -833px;
}

.paging li a, .paging li a:visited, .paging .current {
  padding: 3px 0;
  border-right: 3px solid #fff;
  border-left: 3px solid #fff;
}

.pagesort .current {
  font-weight: bold;
}

/* Prikbord
=================================================================*/
#prikbord {
  width: 990px;
  height: 577px;
  position: relative;
  background: url("../images/prikbord/prikbord.gif") no-repeat;
  float: left;
  clear: both;
  left: -10px;
  margin-bottom: 10px;
}

.compactform {
  width: 500px !important;
  position: absolute;
  right: 45px;
  top: 32px;
  z-index: 3000;
  border: 1px solid #767676;
}

#save {
	left: 45px;
}

.column form.update,
.column form.update div {
	padding: 0;
}

form.compactform h2 {
  color: #ff3299;
}

form.compactform label {
  width: auto;
  font-weight: bold;
  float: none;
}

.compactform .half {
  width: 245px;
  float: left;
  clear: none;
}

.compactform .firsthalf {
  margin-right: 10px;
}

.compactform .secondhalf {
}

.compactform .half input {
  width: 230px;
}

.compactform #titel {
  width: 495px;
}

.compactform textarea {
  width: 499px;
}

.compactform .buttons {
  text-align: right;
}

.cardform .buttons {
  text-align: left;
}

#notes li {
  position: absolute;
}

#notes li a, #notes li a:visited {
  width: 194px;
  height: 123px;
  padding: 47px 31px 33px 29px;
  background: url("../images/prikbord/note.png") no-repeat;
  position: relative;
  cursor: pointer;
  display: block;
  color: #000;
  text-decoration: none;
}

#notes li a:hover {
  text-decoration: underline;
}

#notes li img {
  position: absolute;
  left: 108px;
  top: 0;
}

#prikbord #notes span {
  font-size: 16px;
}

#notes li em {
  position: absolute;
  right: 31px;
  bottom: 33px;
}

.bericht {
  width: 500px;
  padding: 10px;
  position: absolute;
  background: #e6f36d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #828d20;
  display: none;
}

#prikbord .bericht em, #prikbord .bericht p {
  padding: 0;
  margin-bottom: 10px;
  display: block;
}

.note1 {
  left: 60px;
  top: 34px;
}

#bericht1 {
  left: 80px;
  top: 64px;
}

.note2 {
  left: 358px;
  top: 101px;
}

#bericht2 {
  left: 378px;
  top: 131px;
}

.note3 {
  left: 409px;
  top: 371px;
}

#bericht3 {
  left: 409px;
  bottom: 30px;
}

.note4 {
  left: 722px;
  top: 328px;
}

#bericht4 {
  right: 40px;
  bottom: 70px;
}

.note5 {
  left: 642px;
  top: 34px;
}

#bericht5 {
  right: 118px;
  top: 65px;
}

.note6 {
  left: 98px;
  top: 273px;
}

#bericht6 {
  left: 78px;
  bottom: 95px;
}

/* Refinecontent
=================================================================*/
#refine {
  width: 178px;
  padding: 20px 10px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f1f1f1;
  z-index: 100;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  color: #666;
}

#refine h2 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 18px;
}

#refine ul {
  margin-bottom: 10px;
}

#refine ul li {
  color: #9a9a9a;
}

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

ul#refined li, #refine ul li strong {
  color: #666;
}

ul#refined li {
  display: block;
  clear: both;
}

#refine .close {
  vertical-align: middle;
  position: static;
  display: inline-block;
}

/* Sidebarcontent
=================================================================*/
#sidebar {
  width: 287px;
  padding: 20px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  background: #f1f1f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}

.sidebar-home { background: #fff!important; padding: 0!important; overflow: visible!important }
.wat-is { background: #f1f1f1 url(../images/global/gescheurd.png) left bottom no-repeat; height: 262px; position: relative; padding: 68px 20px 0 20px }
	.wat-is h3 { display: block; overflow: hidden; text-indent: -9999px; width: 192px; height: 47px; background: url(../images/global/globals.png) -206px -807px; position: absolute; left: -3px; top: 10px }
	.wat-is p { padding-bottom: 17px!important }
	.wat-is strong { color: #ff3299 }
.quotes { height: 242px; margin-top: 26px; border: 1px solid #ddd; border-width: 1px 0; background: url(../images/global/quote-lt.png) 20px 30px no-repeat }
	.quotes blockquote p { color: #f73c9d; font-size: 14px; background: url(../images/global/quote-rb.png) right bottom no-repeat; padding: 60px 0 30px 50px!important }
	.quotes div { background: url(../images/global/globals.png) 20px -1134px no-repeat; margin-top: 20px; padding: 20px }
		.quotes div em, .side-quotes div em { font-style: normal; color: #c2c2c2 }
		.quotes div ul, .side-quotes div ul { float: right }
			.quotes div ul li a, .side-quotes div ul li a { display: block; float: left; width: 24px; height: 25px; overflow: hidden; text-indent: -9999px; background: url(../images/global/globals.png) -353px -941px; margin-left: 10px; }
			.quotes div ul li a:hover, .side-quotes div ul li a:hover { background-position: -353px -971px }
			.quotes div ul li.prev-quote a, .side-quotes div ul li.prev-quote a  { background-position: -323px -911px }
			.quotes div ul li.prev-quote a:hover, .side-quotes div ul li.prev-quote a:hover  { background-position: -323px -971px }
			.quotes div ul li.first-scroll a, .quotes div ul li.first-scroll a:hover, .side-quotes div ul li.first-scroll a, .side-quotes div ul li.first-scroll a:hover  { background-position: -323px -941px }
			.quotes div ul li.last-scroll a, .quotes div ul li.last-scroll a:hover, .side-quotes div ul li.last-scroll a, .side-quotes div ul li.last-scroll a:hover  { background-position: -353px -911px }
	.side-quotes  { height: auto; border: none; margin: 0 0 30px 0!important; background: url(../images/global/quote-lt.png) 10px 0 no-repeat }
		.side-quotes  p { padding: 30px 10px 20px 30px!important; font-size: 12px; color: #000;background: url(../images/global/quote-rb.png) right bottom no-repeat; }
	.side-quotes div { background: url(../images/global/globals.png) 10px -1134px no-repeat; padding: 20px 0 20px 10px; margin-right: 10px }
.all-quotes { position: absolute; top: -9999px; }

.detail-options li a { background: url(../images/global/globals.png) -585px -913px no-repeat; padding-left: 25px }
	.detail-options li.edit a { background-position: -585px -961px }
	
#sidebar h2, #doormat h2, #column_c h2 {
  margin-bottom: 18px;
  padding: 0 10px;
  color: #ff3299;
  font-size: 16px;
  font-weight: normal;
}

#doormat #news h2, #column_c h2 {
  padding-left: 0;
}

#sidebar div.block {
  width: 267px;
  padding: 10px 0 12px;
  margin: 0 10px;
  border-bottom: 1px solid #dedede;
}

#sidebar .extra {
  border: none;
  padding: 0;
}

#sidebar .extra h2, #sidebar .extra h3 {
  font-size: 12px;
  padding: 0;
  font-weight: bold;
  margin-bottom: 0;
  color: #ff3299;
}

#sidebar p {
  padding: 0 10px;
}

#sidebar div p {
  padding-left: 0;
}

#sidebar .review a, #sidebar .review a:visited {
  text-decoration: none;
}

#sidebar .review a:hover {
  text-decoration: underline;
}

.review {
  position: relative;
  clear: both;
}

.review h3 a, .review h3 a:visited {
  color: #666;
  text-decoration: none;
}

.review h3 a:hover {
  color: #ff3299;
}

#sidebar .review .star-rating-control {
  margin: 8px 0;
  float: left;
  clear: both;
  display: block;
}

.suggest { margin: 0 10px 20px 10px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px }
.suggest h2 { padding: 0!important; margin: 0!important }
	.suggest p { padding: 5px 0 17px 0!important }
	.suggest li { padding: 0 0 5px 12px; background: url(../images/global/bullet-grijs.png) 0 6px no-repeat }
	.suggest em { font-style: normal; display: block; color: #999; padding: 5px 0 10px 0 }
	.suggest label { font-weight: bold; display: block }
	.suggest input { width: 246px; display: block; margin-bottom: 15px; padding: 2px }
	.suggest textarea { width: 246px; padding: 2px; height: 70px }
	.suggest button { border: none; background: url(../images/global/globals.png) -85px -370px no-repeat; width: 142px; height: 25px; color: #fff; font-weight: bold; cursor: pointer; margin: 10px 0 }

.review ul {
  display: block;
  clear: both;
}

#content .review, #doormat .review, #doormat .news {
  width: 100%;
  float: left;
  padding: 0 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
  padding-top: 0 !important;
}

#doormat .review {
  width: 495px;
}

#content #sidebar .block {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#content .review h3, #doormat .review h3, #doormat .news h3 {
  margin-bottom: 10px;
}

#doormat .review h3 {
  padding-left: 10px;
}

#content #sidebar .review h3 {
  margin-bottom: 0;
}

#content .review .img, #doormat .review .img {
  width: 125px;
  height: 94px;
  margin-right: 10px;
  display: block;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 0;
}

#doormat .review img {
  left: 10px;
}

#doormat #adresses h2, #doormat #adresses .review h3 {
  padding-left: 0;
}

#content .review .star-rating-control, #doormat .review .star-rating-control {
  border-left: 135px solid #fff;
  display: block;
  margin-right: 15px;
  float: left;
}

#content .review p, #doormat .review p {
  margin: 11px 0;
}

#content .review p, #content .review ul, #doormat .review p, #doormat .review ul {
  border-left: 135px solid #fff;
  clear: both;
}

#column_c .review p.star-rating-readonly, #doormat .review p.star-rating-readonly {
  clear: none;
}

#doormat .review .star-rating-control, #doormat .review p, #doormat .review ul {
  border-left: 145px solid #f1f1f1;
}

#content .review ul li {
  width: 170px;
  display: inline;
}

#content #sidebar .review .star-rating-control
, #content #sidebar .review p
, #content #sidebar .review ul
{
  border: none;
}

#content #sidebar .review ul li {
  display: block;
  margin-right: 0;
}

#content #sidebar #rozeboekjecta {
  width: 267px;
  max-height: 101px;
  padding: 20px 10px;
  position: relative;
  left: 0;
  top: -20px;
  margin: 0 0 -10px 0;
  background-position: -206px -621px;
  background-color: #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

#home #prikbord {
  width: auto;
  height: auto;
  border: none;
  background: none;
  position: static;
  float: none;
  left: 0;
}

#home #prikbord p {
  padding-right: 70px;
  background-position: right -516px;
}

#prikbord p a, #prikbord p a:visited {
  display: block;
  background: transparent;
}

a.cta, a.cta:visited,
input.cta {
  width: 216px;
  height: 19px;
  padding: 7px 0;
  display: block;
  background-position: left -179px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

input.cta {
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-family: arial, verdana, sans-serif;
	height: auto;
	line-height: 18px;
	padding: 8px 0 9px;
}

a.ctagrey, a.ctagrey:visited,
input.ctagrey {
  background-position: left -292px;
}

a.cta:hover,
input.cta:hover {
  background-position: left -222px;
  color: #fff;
}

#content #sidebar #rozeboekjecta .cta {
  margin-top: 15px;
}

#sidebar #googlemap_sidebar {
  margin-bottom: 20px;
}

.grey {
  color: #919191;
  font-size: 10px;
}

#googlemap_big {
  width: 782px;
  height: 518px;
  float: left;
}

#googlemap_sidebar {
  width: 287px;
  height: 223px;
  float: left;
}

#map-sidebar { display: block; width: 266px; margin-bottom: 30px; height: 223px; overflow: hidden; margin-left: 10px }

/* Contentimages
=================================================================*/
.textimg span, #photo span {
  padding: 5px 10px;
  display: block;
  background: #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  min-height: 1.5em;
}

.textimg img, #photo img {
  display: block;
}

.img_a {
  float: left;
  margin: 0 20px 20px 0;
}

.img_b {
  float: right;
  margin: 0 0 20px 20px;
}

/* Forms
=================================================================*/
.column form {
  width: 464px;
  padding: 10px;
  float: left;
  clear: both;
  background: #f1f1f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.column form fieldset {
  padding: 10px 0;
  border-top: 1px solid #dedede;
}

.column form div div {
	width: auto;
	clear:none;
	padding: 0;
}

.column form div div.form {
  clear: both;
  padding-left: 175px;
}

.column form .labelmargin input {
	width: auto;
	float:left;
}

.column form .labelmargin label {
	width: auto;
	float: none;
}

.column form div .text:focus {
	background: #f5f6ac;
}

.column form div.required_error {
	border: 2px solid #f00;
	background: #fff;
	padding: 5px;
}

.column form big, .login big {
  padding: 0 0 0 24px;
	display: block;
	color: #f00;
	font-size: 16px;
	margin-bottom: 10px;
	background: url("../images/global/globals.png") no-repeat -585px -744px;
}

.column form .required {
	color:#f00;
}

.column form div {
  clear: both;
  padding: 5px 0;
}

.column label, .column .label {
  width: 175px;
  display: block;
  float: left;
}

form .radio label {
  width: auto;
  float: none;
  display: inline;
}

.submit {
  cursor: pointer;
  border: none;
  background-color: transparent;
  text-align: center;
  color: #fff;
  position: relative;
}

.submit_small, .submit_form {
  width: 77px;
  padding: 4px 0 6px 0;
}

.submit_form:hover {
  color: #000;
}

label {
  cursor: pointer;
}

input.text {
  width: 283px;
  padding: 2px 0;
}

input.small {
  width: 50px;
}

input.medium {
  width: 100px;
}

form div ul {
  display: block;
  float: left;
}

ul.rmv {
  min-height: 0;
  height: auto !important;
  height: 0;
}

#dag {
  width: 80px;
}

#van, #tot {
  width: 60px;
}

.rmv input {
  display: none;
}

/* Newsletter
=================================================================*/
#newsletter {
  height: 55px;
  background: #666;
  color: #fff;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #fff;
}

#newsletter .wrapper {
  height: 50px;
  background: url("../images/global/globals.png") no-repeat -543px -118px;
}

#newsletter form {
  position: absolute;
  right: 0;
  top: 16px;
  text-align: right;
}

#newsletter form fieldset {
  float: right;
}

#newsletter label {
  font-weight: bold;
  margin-right: 20px;
}

#newsletter .text {
  width: 186px;
  margin-right: 6px;
}

#newsletter .submit_small, .submit_form:hover {
  width: 92px;
  background-position: -85px -68px;
}

#newsletter .submit_small:hover, .submit_form {
  width: 92px;
  background-position: -85px -103px;
}

/* Footer
=================================================================*/
#footer1 {
  height: 59px;
/*   margin-top: -40px; */
  color: #fff;
  background: #ff339a;
}

#footer2 {
  background: #e52e8a;
  padding-bottom: 10px;
}

.footer .wrapper {
  width: 970px;
  height: 59px;
}

.footer img {
  position: absolute;
  top: 5px;  
}

.footer p {
  position: absolute;
  right: 0;
  top: 20px;
}

.footer ul {
  display: block;
  width: 800px;
  float: right;
  margin-top: 18px;
}

.footer ul li {
  margin-left: 23px;
}

.footer a, .footer a:visited {
  color: #fff;
  text-decoration: none;
}

.footer p a, .footer p a:visited {
  text-decoration: underline;
}

.footer a:hover {
  color: #f1f1f1;
  text-decoration: underline;
}

.footer p a:hover {
  text-decoration: none;
}

.footer ul, .footer ul a, .footer ul a:visited {
  color: #f5abd0;
}

#adresses {
  width: 495px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

#news {
  width: 485px;
  float: left;
  overflow: hidden;
}

.newsinfo {
  color: #999;
  background: url("../images/global/globals.png") no-repeat -592px -782px;
  padding-left: 20px;
  margin-bottom: 11px;
}

/* Expanding textarea's
=================================================================*/
.expanding {
  min-height: 200px;
  line-height: 18px;
}

.expanding {
  width: 450px;
  margin-top: 10px;
}

/* Doormat
=================================================================*/
#doormat {
  padding: 30px 0 0;
  background: #f1f1f1;
}

#doormat .column {
  width: 187px;
  padding: 0 0 0 11px;
  float: left;
}

#doormat ul {
  margin-bottom: 40px;
}

#doormat a, #doormat a:visited {
  text-decoration: none;
}

#doormat #news a, #doormat #news a:visited, #doormat .column a {
  color: #666;
}

#doormat a:hover {
  text-decoration: underline;
  color: #ff58ac;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	position: relative;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 2102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
  width: 17px;
  height: 14px;
  margin-right: 5px;
  float: left;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden;
  clear: none;
}

div.rating-cancel, div.rating-cancel a {
  background: url("../images/global/globals.gif") no-repeat -271px -108px;
}

div.star-rating,div.star-rating a {
  background: url("../images/global/globals.png") no-repeat 0 0px;
}

div.rating-cancel a, div.star-rating a {
  display: block;
  width: 17px;
  height: 100%;
  background-position: -187px -108px;
  border: 0;
}

div.rating-cancel a {
  background-position: -251px -108px !important;
}

div.star-rating-on a {
  background-position: -208px -108px !important;
}

div.star-rating-hover a {
  background-position: -229px -108px;
}

/* Read Only CSS */
div.star-rating-readonly a {
  cursor: default !important;
}

/* Partial Star CSS */
div.star-rating {
  background: transparent!important;
  overflow: hidden!important;
}

/* Tabs
=================================================================*/
.ui-tabs {
  clear: both;
  zoom: 1;
  position: relative;
}

.ui-tabs .ui-tabs-nav {
  width: 100%;
  display: block;
  float: left;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.ui-tabs .ui-tabs-nav li {
  float: left;
  margin-right: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
/*   padding-left: 20px; */
}

#content .ui-tabs .ui-tabs-nav li {
  /* background: url("../images/global/globals.png") no-repeat left -441px; */
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li a:visited {
  padding: 0 0 0 20px;
  float: left;
  color: #000;
  text-decoration: none;
  background: url("../images/global/globals.png") no-repeat left -441px;
}

#content .ui-tabs .ui-tabs-nav li a
, #content .ui-tabs .ui-tabs-nav li a:visited
{
/*   background: transparent url("../images/global/globals.png") no-repeat right -441px; */
}

.ui-tabs .ui-tabs-nav li a:hover {
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li a span {
  padding: 8px 20px 4px 0;
  display: block;
  float: left;
  background: transparent url("../images/global/globals.png") no-repeat right -441px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  font-weight: bold;
  margin-bottom: -1px;
  float: left;
  font-weight: normal;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
/*   background: url("../images/global/globals.png") no-repeat left -476px; */
  border-bottom: 1px solid #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a
, .ui-tabs .ui-tabs-nav li.ui-state-disabled a
, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
  cursor: text;
  float: left;
  display: block;
  color: #ff3299;
  background: url("../images/global/globals.png") no-repeat left -476px;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a
, #content .ui-tabs .ui-tabs-nav li.ui-state-disabled a
, #content .ui-tabs .ui-tabs-nav li.ui-state-processing a 
{
/*   background: transparent url("../images/global/globals.png") no-repeat right -476px !important; */
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span
, #content .ui-tabs .ui-tabs-nav li.ui-state-disabled a span
, #content .ui-tabs .ui-tabs-nav li.ui-state-processing a span
{
  background: transparent url("../images/global/globals.png") no-repeat right -476px !important;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
  width: 682px;
  padding: 10px 0 0 10px;
  float: left;
  position: relative;
  clear: both;
  display: block;
  border-width: 0;
  background: none;
}

#home .ui-tabs .ui-tabs-panel {
  width: 692px;
  padding: 0;
}

.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }

.tabs .goto {
  position: absolute;
  right: 10px;
  top: 0;
  margin-top: 7px;
}

.ui-tabs-panel h2, .ui-tabs-panel h3 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #ff3299;
  font-weight: normal;  
}

.ui-tabs-panel h3 {
  color: #666;
}

.ui-tabs-panel p
, .ui-tabs-panel ul
, #column_c p
, .compactform p
{
  margin-bottom: 20px;
}

/* Caroussel
=================================================================*/
#mycarousel {
  width: 694px;
  height: 263px;
  margin-bottom: 0;
  clear: both;
  overflow: hidden;
  display: block;
  float: left;
  background: none !important;
}

#home .jcarousel-container {
  width: 694px;
  height: 290px;
  position: relative;
}

.jcarousel-container {
  width: 100%;
  height: 410px;
  position: relative;
}

.jcarousel-clip {
  width: 694px;
  z-index: 2;
  overflow: hidden;
  position: relative;
}

#column_d #mycarousel {
  height: 384px;
}

#column_d #mycarousel, #column_d .jcarousel-clip {
  width: 990px;
}

.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.jcarousel-list li
, .jcarousel-item
{
  float: left;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 146px;
  height: 213px;
  padding: 0 10px 20px 10px;
  margin-right: 10px;
  background: url("../images/global/columns.gif") no-repeat left bottom;
  overflow: hidden;
}

#column_d .jcarousel-list li.jcarousel-item
, #column_d .jcarousel-item
{
  width: 168px;
  height: 344px;
  background: url("../images/global/columns.gif") no-repeat -176px bottom;
  margin-right: 12px;
}

.address-tipped { width: 230px; float: left; margin-right: 12px }
.az-tipped p { padding-bottom: 20px }

.jcarousel-list li li {
  background: none;
  padding: 0;
  height: auto;
  margin-right: 0;
}

#column_d .jcarousel-list li a.goto {
  float: left;
  display: block;
}

#column_d .jcarousel-list li li {
  width: 167px;
}

#column_d #mycarousel li ul {
  border-top: 1px solid #dedede;
  margin: 10px 0;
  display: block;
  float: left;
  clear: both;
}

#column_d #mycarousel li ul li {
  padding: 5px 0;
  border-bottom: 1px solid #dedede;
}

#column_d #mycarousel li ul li a, #column_d #mycarousel li ul li a:visited {
  text-decoration: none;
  color: #ff3299;
}

#column_d #mycarousel li ul li a:hover {
  text-decoration: underline;
}

.jcarousel-list li h3, .jcarousel-list li p {
  margin-bottom: 0 !important;
  font-size: 12px;
}

.jcarousel-list li h3 a
, .jcarousel-list li h3 a:visited
, #content .column .column h3 a
, #content .column .column h3 a:visited
{
  color: #ff3299;
  text-decoration: none;
}

.jcarousel-list li h3 a:hover
, #content .column .column h3 a:hover
{
  text-decoration: underline;
}

.jcarousel-list li .img {
  width: 166px;
  height: 100px;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  left: -10px;
}

#column_d .jcarousel-list li .img {
  width: 188px;
  height: 141px;
  margin-bottom: 10px;
}

.jcarousel-list li .img .overlay {
  position: absolute;
  left: 0;
  top: 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next, .jcarousel-prev {
  width: 30px;
  height: 30px;
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
}

.jcarousel-prev-disabled, .jcarousel-next-disabled {
  cursor: default;
}
 
.jcarousel-next {
  z-index: 3;
  position: absolute;
  right: 2px;
  bottom: 0;
}

.jcarousel-prev {
  z-index: 3;
  position: absolute;
  right: 32px;
  bottom: 0;
}

.controls {
  float: right;
}

.controls li {
  float: left;
}

.exp {
  position: absolute;
  right: 90px;
  bottom: 6px;
}

.controls a, .controls a:visited {
  width: 30px;
  height: 30px;
  background-image: url("../images/global/globals.png");
  background-repeat: no-repeat;
  display: block;
  text-indent: -9000px;
}

.mycarousel-prev, .mycarousel-prev:visited, .jcarousel-prev {
  background-position: -187px -68px;
  margin-right: 10px;
}

.mycarousel-prev:hover, .jcarousel-prev:hover, .jcarousel-prev-disabled {
  background-position: -267px -68px;
}

.mycarousel-next, .mycarousel-next:visited, .jcarousel-next {
  background-position: -227px -68px;
}

.mycarousel-next:hover, .jcarousel-next:hover, .jcarousel-next-disabled {
  background-position: -307px -68px;
}

/* eCard */
.ecard-list { display: block; overflow: hidden; height: 1%; width: 640px }
	.ecard-list li { display: inline }
	.ecard-list li a { display: block; float: left; width: 300px; height: 200px; overflow: hidden; margin: 0 20px 20px 0; position: relative }
	.border-card { position: absolute; left: 0; top: 0 }
	
	.thanks { margin: 10px 0 20px 0 }

/* IE6 alert to upgrade browser
=================================================================*/
#upgrade-browser {
  padding: 10px 0;
  background: #fffbce; 
}

.last {
  margin-right: 0 !important;
}

.linethrough {
  text-decoration: line-through;
}

form.frm-upload, .upload { width: 653px; padding: 20px 10px; border: 1px solid #e1e1e1; }
form.frm-tipped { background: #fff; border: none; width: 653px; padding: 0 }
	.frm-tipped textarea { float: left; width: 330px }
	form.frm-upload label { font-weight: bold; width: auto; padding-bottom: 10px }
	form.frm-upload input { display: block; clear: both; margin-bottom: 10px }
	form.frm-upload button { margin: 0 }
.upload p { font-size: 11px }
.progress-bar { display: block; border: 1px solid #959595; margin: 10px 0; height: 20px; width: 500px; overflow: hidden }
.saved { width: auto; padding: 10px!important; display: block; overflow: hidden; height: 1% }
	.saved button { border: none; width: 142px; height: 25px; background: url(../images/global/globals.png) -85px -370px no-repeat; float: right; color: #fff; cursor: pointer }
	.saved button:hover { background-position: -85px -335px }
form.interview label { display: block; width: auto; float: none }
form.interview textarea { width: 550px; height: 70px }