/* 23/02/2010 Matt */

/* general */
* { margin:0; padding:0;}
img { border:0;}
body { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#252525; background:url(../_images/denta/denta_bg.jpg) left top repeat-x;}
div#surround { width:100%;}
div#wrap { width:751px; margin:0 auto; text-align:left;}
input, select, textarea { vertical-align: middle;}
div#main { width:751px;}

/* navigation */
div#nav { width:751px; height:87px;}
div#nav a { float:left; display:block;}
div#nav .home { float:left; width:600px; height:15px; margin:5px 0 0 19px; padding-left:15px; background:url(../_images/denta/home.gif) left top no-repeat;}
div#nav .home a { text-decoration:none; font-size:10px; font-weight:bold; color:#ffffff;}
div#nav .home a:hover { text-decoration:underline;}
div#nav .menu { float:left; margin:8px 0 0 19px; border-left:solid 1px #00aaec;}
div#nav .menu a { text-decoration:none; font-size:10px; font-weight:bold; color:#009ee0; border-top:solid 1px #00aaec; border-right:solid 1px #00aaec; border-bottom:solid 1px #00aaec; padding:7px 4px 7px 4px;}
div#nav .menu a:hover { background-color:#ffffff;}
div#nav .menu a.active { background-color:#ffffff;}

/* main - index */
.homepage-bg-fr { background:url(../_images/denta/_fr/index_bg.jpg) left top no-repeat;}
.homepage-bg-nl { background:url(../_images/denta/_nl/index_bg.jpg) left top no-repeat;}
div#main.homepage p.clr { clear:both; height:0px;}
div#main.homepage a.participate { float:left; display:inline-block; height:33px; margin:212px 0 0 35px; width:175px;}
div#main.homepage p.questions { float:left; width:145px; height:88px; margin:124px 0 0 376px;}
div#main.homepage a.questions { float:left; display:block; width:145px; height:33px; margin:0 0 0 366px;}
div#main.homepage .col1 { float:left; width:235px; height:301px;}
div#main.homepage .col1 p { width:125px; height:90px; margin:103px 0 0 110px;}
div#main.homepage .col1 a { display:block; width:125px; height:29px; margin:0 0 0 110px;}
div#main.homepage .col2 { float:left; width:307px; height:301px;}
div#main.homepage .col2 p { width:146px; height:110px; margin:83px 0 0 161px;}
div#main.homepage .col2 a { display:block; width:242px; height:29px; margin:0 0 0 65px;}
div#main.homepage .col3 { float:left; width:190px; height:301px;}
div#main.homepage .col3 p { width:145px; height:110px; margin:83px 0 0 45px;}
div#main.homepage .col3 a { display:block; width:145px; height:29px; margin:0 0 0 45px;}

/* main - advise */
.advise-bg { background:url(../_images/denta/advise_bg.jpg) left top no-repeat;}
div#main.advise h1 { text-transform:uppercase; font-size:20px; color:#00aaec; padding:19px 0 0 153px;}
div#main.advise .intro { font-size:11px; color:#0e0c08; width:340px; height:280px; padding:13px 0 0 153px;}
div#main.advise .explain { font-size:12px; color:#0e0c08; width:340px; height:74px; padding:4px 0 0 153px;}
div#main.advise .tips { width:751px; height:140px; padding:0 0 27px 11px;}
div#main.advise .tips p { float:left; width:120px; font-size:11px; color:#333333; padding:0 0 0 23px;}
div#main.advise .extra { font-size:11px; color:#343434; width:460px; height:90px; padding:0 0 0 143px;}

/* main - gamma */
.gamma-bg { background:url(../_images/denta/gamma_bg.jpg) left top no-repeat;}
div#main.gamma h1 { text-transform:uppercase; font-size:22px; color:#f9b700; padding:43px 0 0 62px; background:url(../_images/denta/dentastix.gif) 186px 31px no-repeat;}
div#main.gamma h2 { text-transform:uppercase; font-size:15px; color:#f9b700; padding:1px 0 0 62px;}
div#main.gamma p.text { font-size:11px; color:#0e0c08; width:440px; padding:27px 0 25px 62px;}

/* main - tour */
.tour-bg { background:url(../_images/denta/_nl/tour_bg.jpg) left top no-repeat;}
.tour-bgFR { background:url(../_images/denta/_fr/tour_bg.jpg) left top no-repeat;}
div#main.tour ol   { font-size:12px; color:#0e0c08; width:440px; padding:227px 0 25px 62px;}
div#main.tour ol a  { text-decoration:underline; color:#f6aa35; line-height:18px;}
div#main.tour ol a.active  { text-decoration:none; color:#0e0c08; }
div#main.tour ul   { font-size:12px; color:#0e0c08; width:540px; padding:20px 0 25px 62px; line-height:18px;}

/* main - faq */
.faq-bg { background:url(../_images/denta/faq_bg.jpg) left top no-repeat;}
div#main.faq .cleft { float:left; width:418px; padding:0 0 60px 103px; background:url(../_images/denta/faq_doctor.gif) left bottom no-repeat;}
div#main.faq .cright { float:right; width:142px; height:436px; padding:0 48px 0 0;}
div#main.faq .fr { background:url(../_images/denta/_fr/faq_btn_send.jpg) right bottom no-repeat}
div#main.faq .nl { background:url(../_images/denta/_nl/faq_btn_send.jpg) right bottom no-repeat}
div#main.faq p.clr { clear:both; height:0px;}
div#main.faq .cleft h1 { text-transform:uppercase; font-size:22px; color:#203481; padding:29px 0 0 0;}
div#main.faq .cleft h2 { font-size:11px; color:#317ebb; padding:4px 0 0 0;}
div#main.faq .cleft h3 { font-size:12px; font-weight:bold; color:#f1aa16; padding:17px 0 0 0;}
div#main.faq .cleft p { font-size:12px; color:#0e0c08; padding:1px 0 0 0;}
div#main.faq .cright h1 { text-transform:uppercase; font-size:14px; color:#203481; padding:48px 0 0 0;}
div#main.faq .cright p { font-size:11px; color:#252525; padding:12px 0 7px 0;}
div#main.faq .cright input.frmtext { width:134px; border:#2aade3 1px solid; font-size:11px; padding:3px 3px 4px 3px; color:#252525;}
div#main.faq .cright textarea { width:134px; height:60px; border:#2aade3 1px solid; font-size:11px; padding:3px 3px 4px 3px; color:#252525;}
div#main.faq .cright input.frmsubmit { width:142px; height:55px; background-color:transparent; border-style:none; cursor:pointer; margin:6px 0 35px 0;}
div#main.faq .message { float:left; font-size: 9px; margin-top:20px; width:142px;}
div#main.faq .errormessage { float:left; color:red; font-size: 9px; margin-top:20px; width:142px;}
div#main.faq .small { float:left; font-size:9px; color:#888888;}
div#main.faq .pagination { padding-top:27px; text-align:center;}
div#main.faq .pagination a { text-decoration:none; color:#2795c3; font-size:12px;}
div#main.faq .pagination a:hover { text-decoration:underline;}
div#main.faq .pagination a.active { color:#2e2c29;}
	
/* main - promo */
.promo-bg { background:url(../_images/denta/promo_bg.jpg) left top no-repeat; width:626px; padding:0 63px 0 62px;}
div#main.promo { width:626px;}
div#main.promo h1 { text-transform:uppercase; font-size:18px; color:#203481; padding:29px 0 0 0;}
div#main.promo h2 { font-size:11px; color:#317ebb; padding:4px 0 15px 0;}
div#main.promo p.intro { width:420px; padding:0 0 20px 0;}
div#main.promo .titles { float:left; width:130px; padding:5px 0 15px 0;}
div#main.promo .fields { float:left; padding:5px 0 15px 0;}
div#main.promo p.clr { clear:both; height:0px;}
div#main.promo .titles p { height:24px;}
div#main.promo .fields p { height:24px;}
div#main.promo .boxes { float:left; width:20px;}
div#main.promo .text { float:left;}
div#main.promo .boxes p { height:45px; padding-top:4px;}
div#main.promo .text p { height:45px;}
div#main.promo input[type="text"] { width:289px; border:#2aade3 1px solid; font-size:11px; padding:3px 3px 4px 3px; color:#252525;}
div#main.promo select { border:#2aade3 1px solid; font-size:11px; color:#252525;}
div#main.promo .frmsubmit-fr { width:105px; height:51px; background-color:transparent; border-style:none; cursor:pointer; background:url(../_images/denta/_fr/promo_btn_send.jpg) left top no-repeat;}
div#main.promo .frmsubmit-nl { width:105px; height:51px; background-color:transparent; border-style:none; cursor:pointer; background:url(../_images/denta/_nl/promo_btn_send.jpg) left top no-repeat;}
div#main.promo .small { font-size:9px;}
div#main.promo .box { font-size:11px; color:#252525; border:#00aaec 1px solid; padding:13px 11px 13px 11px; background-color:#eaf6fb; margin-top:20px;}
div#main.promo h3 { font-size:12px; font-weight:bold; color:#203481; padding:0 0 0 0;}
div#main.promo p.introthanks { width:420px; height:600px; padding:0 0 20px 0;}
div#main.promo .pad20 { padding:0 0 20px 0;}

/* footer */
div#footer { width:703px; height:55px; margin:0 0 0 6px; padding:11px 17px 10px 16px; border:solid 1px #000000;}
div#footer.extra { margin:75px 0 0 6px;}
div#footer .left { float:left; margin:0 0 0 -10px;}
div#footer .right { float:right; text-align:right;}
div#footer a { color:#000000;}
p.whitespace { height:89px;}