body { background:#18212a url(/images/vanillacafe/default/main_background.gif) top center repeat-x}
body, td {font-size: 11px;font-family: Arial; margin: 0;padding: 0; color:#7B7B7C; line-height:20px}
form, fieldset {padding:0;margin:0;border:0;}
.clear {clear:both}
p {margin:0; padding:0 0 0.7em 0}
a:link, a:visited {color:#255893; text-decoration: none}
a:hover, a:active {color:#255893; text-decoration: underline}
h1, h2 {margin:0; padding:0;margin-bottom:16px;}
h1 {font-size: 24px;font-family: Georgia; color:#ca0517; font-weight:lighter; margin-bottom:0.5em;}
h2 {font-size: 16px;font-family: Georgia; color:#1e373d; font-weight:lighter; margin-bottom:0.2em; }
h3 {font-size: 14px;font-family: Georgia; color:#9F9FA0; font-weight:lighter; margin-bottom:0.2em; margin-top:0.5em}
h4 {font-size: 15px;font-family: Georgia; color:#7B7B7C; font-weight:lighter; margin-bottom:0.2em; margin-top:0}
h5 {font-size: 14px;font-family: Georgia; color:#1e373d; font-weight:bolder; margin-bottom:0; margin-top:1em}
h6 {font-size: 13px;font-family: Georgia; color:#7B7B7C; font-weight:lighter; margin-bottom:0; margin-top:0}

img {border:0}

.main #right h2 {color: #000000 !important;}


#container {margin:0 auto; width:944px}

#top {background:#0F0F12 url(/images/vanillacafe/default/member_of.gif) center right no-repeat; border-bottom:1px solid #2E2E2F}
#top ul {margin: 0; padding:5px 0; height:19px} /*languages: remove height*/
#top li {display:inline; margin-left:18px; display:none;} /*languages: remove display*/
#top a {color:#BABABA; text-decoration: none}
#top a:hover, #top a:active, #top li.selected a {color:#707070 !important; text-decoration: none !important}

#logo {clear:both; padding:30px 0 20px 0}
.vanillaclubh1 {margin:0; padding:0; background: transparent url(/images/vanillacafe/default/logo_vanillacafe.png) top left no-repeat; height:51px; width:426px; text-indent:-9999px; float:left; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/vanillacafe/default/logo_vanillacafe.png' ,sizingMethod='crop');}
.vanillaclubh1 a {display:block; height:100%}

.topNav {float:right;}
.topNav ul {margin:0; padding:0;}
.topNav li {display:inline; margin-left:18px;}
.topNav li a {color:#BDBDBE; text-decoration: none; font-family:Georgia; letter-spacing:-.04em; font-size: 12px;}
.topNav li a:active, .topNav li a:hover, .topNav li.subMenuSel a {color:#fff !important; text-decoration: none;}
.topNav li a:visited {color:#BDBDBE;}

.mainNav {background: transparent url(/images/vanillacafe/default/background_mainav.gif) top left no-repeat; padding:0; height:39px;}
.mainNav ul {margin:0; padding:0; list-style-type:none;}
.mainNav li a {float:left; color:#fff; text-decoration: none; font-family:Georgia; letter-spacing:-.04em; font-size: 13px;padding:10px 15px 9px 15px; height:20px; }
.mainNav li a:active, .mainNav li a:hover, .mainNav li.current a, .mainNav li:hover a {color:#000 !important;background: #fff url(/images/vanillacafe/default/background_main_top.gif) top left repeat-x;padding:7px 15px 9px 15px; border-top:3px solid #ca0517; text-decoration: none;}
.mainNav li a:visited {color:#fff;}
#subMenuNotSel38_1 a, #subMenuNotSel38_2 a, #subMenuNotSel38_3 a, #subMenuNotSel38_4 a, #subMenuSel38_1 a, #subMenuSel38_2 a, #subMenuSel38_3 a, #subMenuSel38_4 a {padding-left:30px} /*first menu = home */

/*** superfish ***/
.sf-menu ul {position:absolute;top:-999em;width:250px; height:293px; background: transparent url(/images/vanillacafe/default/bg_ul.png) top left; _background:none; _background-color:#000}
.sf-menu li.sfHover ul a {background-image:none !important; background-color:transparent !important; border-top:0 !important; margin:0; padding:9px 15px; border-bottom:1px dotted #2A2D39; font-family:Tahoma; font-size:12px; color:#C3C4C8 !important; letter-spacing:normal; width:220px}
.sf-menu li.sfHover ul a:hover, .sf-menu li.sfHover ul li.current a {color:#D20B6E !important;margin:0; padding:9px 15px; background-color:#000 !important}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:	inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:	relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:39px;z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:250px;top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:250px;top:0;}

.sf-sub-indicator {background: transparent url(/images/vanillacafe/default/arrows.gif) center right no-repeat; text-indent:-999px; position:absolute; top:19px; _top:11px; right:9px; width:3px; height:5px}
.mainNav li a:active .sf-sub-indicator, .mainNav li a:hover .sf-sub-indicator, .mainNav li.current a .sf-sub-indicator, .mainNav li:hover a .sf-sub-indicator {top:16px !important; _top:8px !important; }


#header p {margin:0; padding:0;}
#header img, #header embed {display:block}

#intro, #main { height:100%}
.left, .right {float:left; padding:30px}
.left {width:559px; }
.right {width:265px;}
#intro .left {/*min-height:168px;*/ height:auto !important; height:168px; }
#intro .right {padding:30px; /*min-height:168px;*/ height:auto !important; height:168px; }

#intro .left {background: transparent url(/images/vanillacafe/default/background_intro_left.gif) top left no-repeat; color:#060405; font-size: 12px; font-family:Georgia;}
#intro .right {background: transparent url(/images/vanillacafe/default/background_intro_right.gif) top left no-repeat; }
#intro h1 {color:#ca0517;font-size: 22px;}
#intro h2 {color:#797979;font-size: 16px;}


#homebanner {position:absolute; top:139px; z-index:100; display:none}
#hlogos { background-color:#070709; padding:16px;}
#hlogos img {display:block}
#hlogos p {margin:0; padding:0;}
#intro .right .newsModTitle {color:#D20B6E}

#main .right .input {background-color:#6C6C6C; border:0; padding:4px; width:150px; color:#fff; margin-right:4px}
#main .right .input, #main .right .button {font-size:12px; font-family: Arial; float:left;}
#main .right .button {background: transparent url(/images/vanillaclub/default/button_send.gif) top left no-repeat; height:20px; width:75px; margin: 2px 0 0 10px; padding-left:10px; color:#959595; font-weight:bold; letter-spacing:1px; text-decoration:none !important}
#intro .right h3 {color:#6A6A6A; margin:0; padding:0; margin-bottom:5px}
#intro .right ul {margin:0; padding:0; list-style-type:none; margin-top:38px}
#intro .right li {border-bottom:1px dotted #434343; text-align:right; margin-bottom:4px}
#intro .right li a {display:block; color:#797979; font-size: 13px;font-family: Georgia; padding:5px 0}
#intro .right li a:hover, #intro .right li a:active {text-decoration:none; color:#6C6C6C}
#facebook {background: transparent url(/images/vanillacafe/default/facebook.gif) top left no-repeat; background-position:0 3px}
#usgang {background: transparent url(/images/vanillacafe/default/usgang.gif) top left no-repeat; background-position:0 3px}
#addthis {background: transparent url(/images/vanillacafe/default/share.gif) top left no-repeat; background-position:0 3px;}
#facebook a:hover, #facebook a:active  {background: transparent url(/images/vanillacafe/default/facebook_o.gif) top left no-repeat;background-position:0 3px}
#usgang a:hover, #usgang a:active {background: transparent url(/images/vanillacafe/default/usgang_o.gif) top left no-repeat;background-position:0 3px}
#addthis a:hover, #addthis a:active {background: transparent url(/images/vanillacafe/default/share_o.gif) top left no-repeat;background-position:0 3px}



#main {background: #d7dbe5 url(/images/vanillacafe/default/background_right.gif) top left repeat-y; background-position: 619px 0}
.white {background: #fff url(/images/vanillacafe/default/background_right_white.gif) top left repeat-y !important; background-position: 619px 0 !important}
#main .left {background: #fff url(/images/vanillacafe/default/background_main_top.gif) top left repeat-x; color:#5D5D5D; font-size: 12px;min-height:300px;}
#main .right {color:#797979 }

#footer {padding:2em 30px; height:100%; color:#ccc}
#footer a {color: #999}
#footer ul {margin:0; padding:0; list-style-type:none; float:left; width:180px}
#footer .corporate ul  {margin-left:79px; width:auto;}
#enjoyf {float:right}


/*form builder */
fieldset label {float: left;width: 120px; padding-top:5px}
fieldset .repeatRadioCheck label { float:none; margin:0;padding: 0; }
.input {background-color:#FFF; border:1px solid #ccc; padding:6px; color:#7B7B7C}
.input, .button {font-size:12px; font-family: Arial;}
fieldset .formRow, fieldset .formButtonRow {padding:4px 0;margin:0; clear:both; }
fieldset .formRow span {margin-left:2px;}
fieldset .formButtonRow {margin:1em 0; border:0}
fieldset .formHideInput { display: none}
fieldset .formButtonRow input {font-size: 12px;font-family: Arial; }
.input:hover, .input:focus {border:1px solid #999; color:#333}

/*news2 module */
.newsModDate {font-family: Georgia; }
#newsModHeadTitle {margin-bottom:1em}
#newsModItemDetail {font-family: Georgia; font-size:13px}
#newsModNavigator {border-top:1px dotted #ccc; padding-top:2px; text-align:right}
.newsModShowAll {text-align:right}
.newsModTitle {font-size: 20px;font-family: Georgia; color:#000; font-weight:lighter; margin-bottom:0.2em;}
.newsModImage {width:108px;  margin:0 16px 0 0; float:left}
.newsModImage img {border:4px solid #ccc;}
.newsModItem {padding-bottom:0.5em;width:100%; clear:both;line-height:1.7em;}


/*genericTable*/
.genericTable { width:100%;  }
.genericTable td {vertical-align:top; margin:0; padding:0,}

.genericTable td.paddingRight {padding-right:1em;}
.genericTable td.bg {background-color:#f1f1f1}
.genericTable .th { color:#393939; }
.genericTable .borderBottomCell td {border-bottom:1px solid #ccc; padding:0.2em 0; }
.genericTable .borderBottomCellLight td {border-bottom:1px dotted #CCCCCC; padding:0.2em 0;}


#moet {position:absolute; top:0; right:1px;}
#slick-toggle {display:block;width:230px; height:30px;}
#slickbox {position:absolute; top:25px; right:1px; background-color: #18212a; color:#fff; width:230px; padding:12px; border:1px solid #666666}
/*#slickbox a { width:120px; margin-right:12px;}*/
#slickbox a {display:block; width:120px; margin-right:1em; float:left}



#imgButton {background:transparent url(/images/default/send.gif) top left no-repeat; margin-bottom:1.8em }
#imgButton a {display:block; width:153px; height:29px; font-size:15px; color:#FFB400; text-decoration:none !important; font-weight:bold; padding:10px 0 0 50px}
.msg {color:#000;}