/* ---------------------------------------------------------------------- 

css info
========
Client:			Mars-Pedigree
Project:		cesar.be
Agency: 		TBWA\Agency.com Brussels
Author:			Laurent d'Hoop (ldhoop@agency.com)
Start: 			2009-04-23

table of contents
=================
1 	= RESET
2 	= LAYOUT
3 	= LINKS & TEXT
4	= MISC
5	= IMAGE CAROUSEL
---------------------------------------------------------------------- */


/* 1 = RESET
---------------------------------------------------------------------- */
* { margin:0; padding:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul { list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
.clear { clear: both; }

/* 2 = LAYOUT
---------------------------------------------------------------------- */

/* 2.1 general
-------------------*/
body { background:url(../_images/actual-background.png) top repeat-x; font:normal 62.5% /*Tahoma,*/ Arial, Helvetica, sans-serif; color:#000000; }
#page { background:url(../_images/background.png) top no-repeat; height: 460px; }
#main { position:absolute; width:950px; height:720px; left:50%; margin-left:-475px; margin-top:10px; }
#top { height:28px; }
/*#center { height:630px; }*/
#left { width:300px; /*height:510px;*/ float:left; }
#nav { width:650px; height:37px; float:right; margin-top:2px;  }
#content { width:650px; min-height:460px; float:left; position: relative }
#bottom { /*height:40px;*/ padding-top: 4em; clear: both; }
.cesar-logo { padding-top: 25px; }

/* 2.2 homepage
-------------------*/
#visual { height:376px; width:951px; background: black; } /*url(../_images/_fr/homepage_visual.png); }*/
.frame { width:312px; height:215px; float:left; padding-left:0; padding-top:35px; }
#frame-nl { width:312px; height:215px; float:left; padding-left:0; padding-top:10px; }
.frame.left { padding-left:10px; }
.titles { padding-left:6px; }


/* 2.3 subpages
-------------------*/
#left-menus { width:250px; height:230px; float:left; }
#content-menus { width:650px; /*height:180px;*/ float:right; }

.bg-contact { background:url(../_images/bg/bg-contact.png) right 31px no-repeat; }
.bg-rules { background:url(../_images/bg/bg-rules.png) right 31px no-repeat; }
.bg-barquette { background:url(../_images/bg/bg-barquette.png) right 31px no-repeat; }
.bg-care { background:url(../_images/bg/bg-care.png) right 31px no-repeat; }
.bg-teeth { background:url(../_images/bg/bg-teeth.png) right 31px no-repeat; }
.bg-senior { background:url(../_images/bg/bg-senior.png) right 31px no-repeat; }
.bg-travel { background:url(../_images/bg/bg-travel.png) right 31px no-repeat; }
.thx { background:url(../_images/bg/thx.png) right 31px no-repeat; }
ul.content { list-style-type: circle; list-style-position: outside; font-size: 12px; padding: 0 250px 5pt 2em;}
/* 2.2 navigation
-------------------*/
ul#menu { margin:0; padding:0; list-style-type:none; }
ul#menu li { float:left; padding-right:3px; }

ul#submenu { margin:0; padding:20px 0 0 60px; list-style-image:url(../_images/arrow_white_bg.png) }
ul#submenu li { padding-right:3px; font-family:/*Tahoma,*/ Arial, Helvetica, sans-serif; font-size:14px; color:#000000; margin-bottom: 1em; }
ul#submenu li a { color:#AA9564; }


/* 3 = LINKS & TEXT
---------------------------------------------------------------------- */
a:link { color:#FFFFFF; text-decoration:none; }
a:visited { color:#FFFFFF; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:underline; }
a:active { color:#FFFFFF; text-decoration:none; }

h1 { padding:15px 0 20px 0; }
p.content { font-size:12px; padding-right:249px; margin-right: 0; text-align:justify; padding-bottom: 10pt;}
.small-text { font-family:/*Tahoma,*/ Arial, Helvetica, sans-serif; font-size:10px; }
.legal { color:#999999; }
.legal a:link, .legal a:hover, .legal a:active, .legal a:visited { color:#999999; text-decoration: underline; }
.top-right { color:#AA9564; float:right; margin-right:5px; border:1px solid #AA9564; padding:2px; }
.top-right a:link { color:#AA9564; }
.breadcrumb { font-family:/*Tahoma, */Arial, Helvetica, sans-serif; font-size:12px; color:#AA9564; float:left; }
.breadcrumb a:link, a:hover, a:active, a:visited { color:#AA9564; }
.breadcrumb a:link.first, a:hover.first, a:active.first, a:visited.first { font-weight: bold; }
.breadcrumb a:link.current, a:hover.current, a:active.current, a:visited.current { color: white; }
a.thickbox { color:#AA9564 }
.white { color:#FFFFFF; }
.center { text-align:center; }
#content #fleurop { bottom: auto; font-size: 12px; height: 85px; left: 487px; position: absolute; right: auto; text-align: center; top: 141px; width: 85px }
#content #fleurop a { color: #919191; font-weight: bold; text-decoration: none }


/* 4 = MISC
---------------------------------------------------------------------- */
.cssform label { font-size: 12px; }
.cssform label.field-label { display:block; float:left; width:30%; clear:both; }
.cssform .form-text { font-size: 12px; }
.cssform submit { float:right; width:105px; height:45px; }
.cssform textarea { width:220px; border:1px solid #AA9564; }
.cssform input.textbox { width:220px; border:1px solid #AA9564; margin-bottom:10px; }
.cssform select { width:220px; border:1px solid #AA9564; margin-bottom:10px; }
.cssform input.invalid, .cssform textarea.invalid { border: 1px solid red; }
.cssform input.btn-submit { width:105px; margin-left:190px; margin-top:8px; border:none; }
.form-notes { color: #999; font-style: italic; font-size: 8pt;} 
.smallprint { font-size:10px; font-style:italic; padding-right:250px; padding-bottom: 10px}
p.smallprinter { font-size:10px; padding:0 250px 0 0 }

select.dropdown-day { width: 50px; }
select.dropdown-month { width: 100px; }
select.dropdown-year { width: 60px; }

/* 5 = IMAGE CAROUSEL
---------------------------------------------------------------------- */
#content-carousel { padding: 80px 80px; clear: both; }
.menu-prevnext { display: block; float: left; }
#menu-images { float: left; }
#menu-images li { width: 187px; }
#menu-images li img { border: 1px solid #cc9; display: block; margin:0 }
#menu-images img {border:1px solid #cc9; margin:10px 10px 0 0;}
#menu-index { padding-top: 30px; color: #993; padding-left: 10px; }
#menu-images li span { display: block; text-align: center; font-weight: bold; margin-top: 3px; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> 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;
}
#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/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: 102;
  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;
}


#TB_window { overflow: hidden; z-index: }
#TB_title { background-color:#000; color:#FFF; font-weight:bold; border-bottom:1px solid #000; border-top:1px solid #000  }
#TB_title a, #TB_title a:hover  { color:#FFF; text-decoration:none; text-transform:uppercase }
#TB_ajaxContent { background: black; margin: 0 }
#video-flash { background: black; }
#visual-flash { z-index: -1000; }
.radiobutton2 { margin-left: 15px; }