
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #14292C;
	font-size: 12px;
	line-height: 1.5;
	padding-bottom: 18px;
	background: #F7F7E9 url(img/body-bg.png) repeat-x left top;
}

.clear { clear: both;}
.clear-1px { height: 1px !important; padding: 0px !important; margin: 0px !important; overflow: hidden !important; width: 1px !important; }
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.blue {color: #111166;}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small-text { font-size: 11px; }
.bigger-text { font-size: 14px; }
img.right { float: right; margin-left: 5px; margin-top: 3px; margin-bottom: 5px; }
img.left { float: left; margin-right: 5px; margin-top: 3px; margin-bottom: 5px; }

.normal { font-weight: normal; color: #333333; }
.normal-color { color: #333333 !important; }

.contact-inline-column { display: block; width: 45px; float: left; }

img { border: none; }
a img { border: none; }
a { color: #14292C; text-decoration: underline; font-weight: normal;}
a:hover { color: #111166; text-decoration: underline; font-weight: normal; }
a.no-decoration { text-decoration: none !important; }

.img-desc { text-align: center; font-style: italic; font-size: 11px; }

hr { display: none; }

.hr-line { height: 1px; overflow: hidden; background-color: #D3DDE0; }

.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { text-align: left; margin: 9px auto; width: 940px; position: relative; background-color:#FFFFFF}

#header {}

#menu {}

#footer {}

.page-layout-2-columns { padding-top: 14px; }
.page-layout-2-columns .left-column { width: 610px; float: left; }
.page-layout-2-columns .right-column { width: 220px; float: left; }

.layout-2-columns { clear: both; }
.layout-2-columns .column1 { width: 300px; margin-right: 10px; float: left; }
.layout-2-columns .column2 { width: 300px; float: left; }

.thumb .column1 { width: 293px; margin-right: 10px; float: left; padding-bottom: 14px; }
.thumb .column2 { width: 293px; float: left; padding-bottom: 14px; }

.page-layout-3-columns { clear: both; }
.page-layout-3-columns .column1,
.page-layout-3-columns .column2,
.page-layout-3-columns .column3 { width: 32%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 158px; position: relative; overflow: hidden; }
/*#thinkbox { font-size: 20px; line-height: 140%; color: #FBFBF4; background-color: #111166; padding: 10px 12px; position:absolute; right:30px; top: 10px; text-align:center; }*/

#thinkbox { position:absolute; right:30px; top: 10px; width:300px; height:95px; background-image:url(/img/think.png); background-repeat:no-repeat;}


#logo { position:absolute; left:30px; top: 10px; width: 291px; height: 95px; overflow: hidden; }
 /*margin-top: 15px; margin-left: 3px;*/
/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer {clear: both; font-size: 11px; color: #111166; line-height: 14px; margin-top:10px; padding-top: 12px; }
#footer a { color: #111166; }
#footer-content { background-color: #FFFFFF; height: 35px; width: 940px; position: relative; }
#footer-content #footer-info { position: absolute; top: 10px; left: 10px; }
#footer-content #footer-links { position: absolute; top: 10px; right: 10px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin-top: 123px; margin-left: auto; margin-right: auto; z-index: 20; width: 957px; font-size:12px;}
#menu li { list-style: none; float: left; padding: 5px 9px 9px 9px; }
#menu li * { height: 30px; }
#menu li a { color: #111199; font-size:1px; text-transform:none; line-height: 0px; text-align: center; text-decoration: none; }

/* #menu li a:hover { background: #111166; } */
/*#menu-about :hover {background: url(/img/reddot-about.png) repeat-x 0px 5px; }*/ 
/* #menu li a:hover span { background-position: 0px -30px; }  */

/*#menu li.active { background: url(img/menu-item-active.gif) no-repeat 21px bottom; }*/
/* #menu li.active a span { background-color: #111166; } */



#link-home :hover { background: url(/img/home_u.png) repeat-x 0px 0px; }
#link-about :hover { background: url(/img/about_u.png) repeat-x 0px 0px; }
#link-company :hover { background: url(/img/company_u.png) repeat-x 0px 0px; }
#link-guards :hover { background: url(/img/mouthguards_u.png) repeat-x 0px 0px; }
#link-concept :hover { background: url(/img/concept_u.png) repeat-x 0px 0px; }
#link-injury :hover { background: url(/img/technical_u.png) repeat-x 0px 0px; }
#link-ordering :hover { background: url(/img/ordering_u.png) repeat-x 0px 0px; }
#link-design :hover { background: url(/img/design_u.png) repeat-x 0px 0px; }
#link-shop :hover { background: url(/img/shop_u.png) repeat-x 0px 0px; }
#link-concept :hover { background: url(/img/concept_u.png) repeat-x 0px 0px; }
#link-contact :hover { background: url(/img/contact_u.png) repeat-x 0px 0px; }

#menu-about.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-company.active  { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-mouthguards.active  { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-concept.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-technical.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-ordering.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-design.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-shop.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-contact.active { background: url(/img/inspl.png) repeat-x 0px -1px; }
#menu-home.active { background: url(/img/inspl.png) repeat-x 0px -1px; }

#menu-home.active span { background: url(/img/home-s.png) repeat-x 0px 0px; }
#menu-about.active span { background: url(/img/about-s.png) repeat-x 0px 0px; }
#menu-company.active span { background: url(/img/company-s.png) repeat-x 0px 0px; }
#menu-mouthguards.active span { background: url(/img/mouthguards-s.png) repeat-x 0px 0px; }
#menu-concept.active span { background: url(/img/concept-s.png) repeat-x 0px 0px; }
#menu-technical.active span { background: url(/img/technical-s.png) repeat-x 0px 0px; }
#menu-ordering.active span { background: url(/img/ordering-s.png) repeat-x 0px 0px; }
#menu-design.active span { background: url(/img/design-s.png) repeat-x 0px 0px; }
#menu-shop.active span { background: url(/img/shop-s.png) repeat-x 0px 0px; }
#menu-concept.active span { background: url(/img/concept-s.png) repeat-x 0px 0px; }
#menu-contact.active span { background: url(/img/contact-s.png) repeat-x 0px 0px; }

#menu #menu-home { padding-left: 7px; }
#menu #menu-contact { padding-right: 7px; }

#menu-about * { width: 60px; }
#menu-company  * { width: 100px; }
#menu-mouthguards * { width: 121px; }
#menu-concept * { width: 90px; }
#menu-technical * { width: 75px; }
#menu-ordering * { width: 67px; }
#menu-design * { width: 55px; }
#menu-shop * { width: 85px; }
#menu-contact * { width: 80px; }
#menu-home * { width: 45px; }

#menu-about span { background-image: url(img/about.png); }
#menu-company span { background-image: url(img/company.png); }
#menu-mouthguards span { background-image: url(img/mouthguards.png); }
#menu-concept span { background-image: url(img/concept.png); }
#menu-technical span { background-image: url(img/technical.png); }
#menu-ordering span { background-image: url(img/ordering.png); }
#menu-design span { background-image: url(img/design.png); }
#menu-shop span { background-image: url(img/shop.png); }
#menu-contact span { background-image: url(img/contact.png); }
#menu-home span { background-image: url(img/home.png); }

/*******************************************************************/
/*                                                    PAGE CONTENT */
/*******************************************************************/
h1 { font-size: 22px; font-weight: normal; color: #FFFFFF; line-height: 28px; padding: 11px; background-color: #111166; 
background-image:url(/img/bg_stripe.png); background-repeat:repeat-x; } 

form h1 { font-size: 22px; font-weight: normal; color: #FFFFFF; line-height: 28px; padding: 11px; background-color: #111166; 
background-image:url(/img/bg_stripe.png); background-repeat:repeat-x; } 

/*h1 { font-size: 30px; font-weight: normal; color: #FFFFFF; line-height: 28px; padding: 11px; background-color: #111166; margin-top: 14px; }*/




p { padding-bottom: 1em; }
p.introduction { font-size: 18px; font-weight:normal; color: #111166; }
p.introduction a { font-weight:normal; color: #111166; }
.padding-wrapper { padding-left: 7px; padding-right: 7px; }



.block { padding-top: 10px; }
.block .block-title-bg { height: 30px; background: #F9F9F5 url(img/link-arrow.gif) no-repeat 285px center; overflow: hidden; }
.block .block-title { margin-top:20px; font-size: 16px; font-weight: bold; color: #111166; line-height: 100%; padding: 8px 0px 8px 8px;}
.block .block-title a { font-size: 14px; font-weight: bold; color: #111166; text-decoration: none; display: block; line-height: 100%; }
.block .block-content { padding: 8px 16px 0px 8px; font-size:14px;color: #111166; }

em{ font-size:15px; text-transform:none; text-decoration:none; }



.mblock {  margin-top:10px; font-size: 14px; font-weight: 200; color: #111166; line-height: 120%; padding: 8px 14px;}
.mblock ol { margin-left:10px;}


#section { font-size: 30px; font-weight: normal; color: #FFFFFF; line-height: 1em; padding: 11px; height: 40px; background-color: #111166; margin-top: 14px; }
#section a { font-weight: normal; color: #FFFFFF; text-decoration: none; }



.sifr18 { font-size: 18px; font-weight: normal; color: #111166; height: 28px; padding-bottom: 0px; }

.dmain { padding-bottom:6px;}
/*******************************************************************/
/*                                                HOMEPAGE CONTENT */
/*******************************************************************/


#homepage-flash-wrapper { padding-top:0px; margin-left: auto; margin-right: auto; margin-top: 00px;  width:940px; height: 275px; overflow: hidden; text-align:center;}


#homepage-introduction { font-size: 22px; line-height: 140%; color: #FBFBF4; background-color: #111166; padding: 10px 12px;  }





.intro { font-size: 14px; }

.info-block { padding: 12px 19px 20px 19px; background-color: #F9F9F5; margin-left: 17px;  }


#reference-flash-wrapper { margin-top: 10px; width: 800px; height: 380px; overflow: hidden; position: relative; left: 15px; /*background-image: url(img/homepage-flash-bg.jpg); background-repeat: no-repeat;*/ }
#reference-flash-spacer { /*background: url(img/homepage-flash-bg.jpg) no-repeat center top;*/ height: 332px; position: relative; top:  5px;  }


#ToolTip{position:absolute;top:0;left:0;background:#13323f; z-index:99; border-color:#65d0e7;border-style:solid;border-width:1px 1px 1px 1px;visibility:hidden;} 
.ToolTipTD {color:white;font-family:verdana;font-size:11} 



