@import url("css/menu.css");

h1 { color: #00869D; font-size: 1.8em; padding-top:10px; }
h2 { color: #00869D; font-size: 1.5em; padding-top:10px; }
h3 { color: #00869D; }
ul { list-style-image: url(images/bullet.gif); }
a img { border: 0px; }

.disclaimer { font-size: 0.6em; padding-bottom: 10px; color: #666; }
.pdf {background:#FFF url(images/pdf.gif) no-repeat top left; padding-left:20px;}

/* CSS Document */
body {background:#CCC url(images/background.gif) repeat-x top left; height:100%; margin:0px; padding:0px; }

/*-------- Default Style --------*/
th,td,div{color:#000; font-family:'Comic Sans MS', Arial, Helvetica, sans-serif; font-weight:normal; }
a,a:link,a:visited,a:active{color:#4F839F; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
a:hover{color:#F90; }

/* Custom FckStyles */
#fckEditor{background: White;}
.InfoBox{font-family:arial; background-color:#FFF5E2; border-color:#FFD78E; border-width: 1px; border-style:solid; padding:5px;}

/* Top Menu */
.TopMenuItem { font-weight:bold; font-size:0.8em; padding-right:15px; }
.TopMenuItemMouseOver { font-size:0.8em; padding-right:15px; }
.TopMenuItem a:link {color:white !important; text-decoration:none !important;}
.TopMenuItem a:hover {color:white !important; text-decoration:none !important;}
.TopMenuItem a:visited {color:white !important; text-decoration:none !important;}
.TopMenuItemMouseOver a:link,
.TopMenuItemMouseOver a:hover,
.TopMenuItemMouseOver a:visited {color:Black !important;text-decoration:underline !important;}
.currentTopMenuHighlight {font-weight:bold;border-bottom:solid 2px orange; }

/* Side Menu */
.inventua_sidemenu a {text-decoration:none;}
.MenuHdr0 {display:none;}
.MenuItem1,
  .MenuHdr1,
  .MenuItemMouseOver1 {padding:5px 5px 5px 15px; background: url(images/bullet_side1.gif) left top no-repeat; text-decoration:none; font-size:0.8em}
.MenuItem2,
  .MenuHdr2,
  .MenuItemMouseOver2 {padding:5px 5px 5px 25px; text-decoration:none; font-size:0.8em}
.MenuItem3,
  .MenuHdr3,
  .MenuItemMouseOver3 {padding:5px 5px 5px 35px; text-decoration:none; font-size:0.8em}
.MenuItem4,
  .MenuHdr4,
  .MenuItemMouseOver4 {padding:5px 5px 5px 45px; text-decoration:none; font-size:0.8em}
.currentMenuItemHighlight1,
  .currentMenuItemHighlight2,
  .currentMenuItemHighlight3,
  .currentMenuItemHighlight4 {color:#F90;}

/* Site Map - override of above */
.MenuHdrSiteMap0 { padding: 10px 0px 4px 0px; font-weight: bold; }
.MenuItem hr { color: #CCC; background-color:#CCC; height: 1px; border-style: none; }

/* Contact Form */
.contactForm {text-align:left; margin-left:15px;}

/* Font Resizer */
.font_resizer img {border-width: 0px; }

/* Front page */
.navPanel { width:190px; float:left; text-align:left; margin-right:2px; }
/*.navPanel ul { padding-left:0px; margin-left:4px; } -- IE FAIL --*/
.navPanel h2 { font-size: 1.4em; font-weight:normal; padding-left:20px; }

/* Inset images */
.insetImgLnk { float:right; margin: 2px 0px 2px 4px; border: solid 2px #eeeeee; }
.insetImgLnk:hover { border: solid 2px #00869D; }

.pictureBox { border: solid 2px #ccc; }

/*-------- design style --------*/
.template_style{width:960px; margin:auto;}

.top_space{height:0px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top_left{padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat top left; height:5px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/menu_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 19px 0 7px; background:#FFF; height:5px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF url(images/fragilex_kids_zone.gif) no-repeat top right; margin: 0 19px 0 7px; padding-top:4px; height:75px;}

.menu_bg{padding:0 0 0 6px; margin: 0 19px 0 7px; height:1.5em; background:#00869D url(images/menu_bg.png) repeat-x;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) no-repeat top right; }

.search_style{float:right;}
.search_bg{padding-right:4px;padding-top:2px;}
.search_bg Input{color: #43494D;}

.menu_style{float:left; padding-top:2px;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_back.gif) repeat-x top left; /*height:30px;*/}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right;}

#login_style{ float:right; padding:4px 17px 0px 10px; }
#bread_style{ float:left; padding:8px 0px 0px 17px; color:#000000; font-size:0.8em; }

.center_bg{padding:0px; margin:0px;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:5px 22px 10px 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_watermark.gif) no-repeat bottom left;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:35px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 10px 0px 0px; width:10em; margin:0px; }
.RightPane{ padding:0px 0px 0px 10px; width:10em; margin:0px; }

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#4F839F; font-size:0.9em; }
a.Breadcrumb:hover{color:#F90;}

/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#4F839F; font-size:0.83em; text-transform:uppercase;}
a.links:hover{color:#F90;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#4F839F; font-size:0.85em;}
a.user:hover{color:#F90;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#666; font-size:0.8em;}
a.footer:hover{color:#F90;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 200px; height: 20px; border: solid 1px #e0e0e0; position:absolute; right:35px; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px 5px; position:relative; display: block;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:150px; height:18px; margin-left:3px;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:12px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

/* -------------- CSS FOR SLIDESHOW SCRIPT -------------- */
.imageSlideshowHolder,.imageSlideshowHolder_left{
  width:580px;	/* Image width */
  height:0px;	/* Image height */

  position:relative;	/* Don't remove this line */
}
.leftFloatingDiv{
  float:left;
  width:160px;
  height:110px;
}
/* Don't change these values */
.imageSlideshowHolder img{
  position:absolute;
  left:0px;
  top:0px;
}

#imageSlideshowHolder1
{
  margin-top:8px;
}