body {margin: 0px; padding: 0px; width: 100%; position: relative; font-family: "myriad web", "myriad pro", arial, sans-serif; font-size: 12px;}

.clear {overflow: hidden; clear: both;}

a, img, object { outline: none; }


/****** General styling ******/

.grayHighlight {color: #626968; font-weight: bold;}

.largeBlueH1 {color: #005f8b; font-size: 24px !important; padding-top: 0px !important; margin-top: 0px !important;}
.largeBlueH2 {color: #005f8b; font-size: 17px; padding-top: 10px !important; margin-top: 0px !important; font-weight: normal; font-style: normal; }

.tiny {font-size: 9px;}

sup {font-weight: bold;}

.infoTable { font-size: 11px; line-height: normal; border: 1px solid #cccccc;}
.infoTable td { border: 1px solid #cccccc;}

.advantagesList li {padding-bottom: 15px; font-size: 12px;}

a {color: #666;}

.smalltext { font-size: 70%;}
.clearFloat { clear: both;
	visibility: hidden;
	padding: 5px 0 10px 0;}

tr { vertical-align: top;}


/* site structure */

table#Columns {margin: 0px 0 10px 4px; position: relative; z-index: 10;}
table#Columns td {vertical-align: top;}

table#Columns .rightColumn {padding-left: 25px;}

table#Columns .navColumn {width: 161px; background: #d4d4d4 url("images/subage_Col_screwPic.gif") no-repeat; background-position: bottom left; z-index: 1;}
table#Columns .navColumn .sandbag {width: 161px; height: 163px; background-color: #fff;}

table#Columns .navColumn #navScrew {position: absolute; bottom: 10px; z-index: 2 !important; }

#mainContainer {width: 958px; min-height: 700px; height: auto !important; height: 700px; overflow: visible; margin: 0 auto; background: url("images/home_backgroundTiled.gif") repeat-y; position: relative;}
#mainContainer .top {width: 958px; height: 26px; background: url("images/home_backgroundTop.gif") no-repeat;}
#mainContainer .bottom {width: 958px; height: 18px; background: url("images/home_backgroundBottom.gif") no-repeat; position: absolute; bottom: 0px;}

#mainContainer .rightColumn { 
padding: 85px 50px 10px 50px;
color: #626968; font-size: 12px; line-height: 22px;}



#mainContainer .content {overflow: visible; min-height: 50px; height: auto !important; height: 50px;}

#mainContainer #aboutText {width: 675px; padding: 85px 0px 0px 0px;
color: #626968; font-size: 12px; line-height: 22px; }


 #aboutText th {text-align: left;
	font-weight: bold;
	font-size: 11px;
	background-color: #eee;
	white-space: nowrap;
}

/* Introduction Page */

#mainContainerx {width: 958px; min-height: 700px; height: auto !important; height: 700px; overflow: visible; margin: 0 auto; background: url("images/introbg1.jpg") repeat-y; position: relative;}
#mainContainerx .top {width: 958px; height: 26px; background: url("images/home_backgroundTop.gif") no-repeat;}
#mainContainerx .bottom {width: 958px; height: 18px; background: url("images/home_backgroundBottom.gif") no-repeat; position: absolute; bottom: 0px;}

#mainContainerx .rightColumn { 
padding: 85px 50px 10px 50px;
color: #626968; font-size: 12px; line-height: 22px;}



#mainContainerx .content {overflow: visible; min-height: 50px; height: auto !important; height: 50px;}

#mainContainerx #aboutText {width: 675px; padding: 85px 0px 0px 0px;
color: #626968; font-size: 12px; line-height: 22px; }


 #aboutText th {text-align: left;
	font-weight: bold;
	font-size: 11px;
	background-color: #eee;
	white-space: nowrap;
}

/* Case Studies */

#over
{
background-image:url('case_studies/images/implantbg.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#temp
{
background-image:url('case_studies/images/TemporaryAbutments.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#prep
{
background-image:url('case_studies/images/PrepableAbutments.jpg');
background-repeat:repeat-n;
background-size: 725px 1450px;
min-height: 1450px;
height:auto !important;
height: 1450px;
padding-left: 300px;
}

#angle
{
background-image:url('case_studies/images/AngledAbutments.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#closed
{
background-image:url('case_studies/images/ClosedTray.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#contoured
{
background-image:url('case_studies/images/ContouredAbutments.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#pickup
{
background-image:url('case_studies/images/PickUp.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#ball
{
background-image:url('case_studies/images/BallAbutments.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#locate
{
background-image:url('case_studies/images/LocatorAbutment.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

#custom
{
background-image:url('case_studies/images/CustomAbutment.jpg');
background-repeat:repeat-n;
background-size: 725px 1933px;
min-height: 1933px;
height:auto !important;
height: 1933px;
padding-left: 300px;
}

/***********  Navigation ************/

#topNavRollovers {width: 801px; height: 53px; margin: 0 auto; }

#topNavRollovers a, #topNavRollovers img {display: block; border: 0px;}

#topNavRollovers a#about {float: left; width: 127px; height: 48px; background-image: url(images/nav_about.gif);}
	#topNavRollovers a#about:hover {background-image: url(images/nav_about_over.gif);}
#topNavRollovers a#kat {float: left; width: 232px; height: 48px; background-image: url(images/nav_kat.gif);}
	#topNavRollovers a#kat:hover {background-image: url(images/nav_kat_over.gif);}
#topNavRollovers a#downloads {float: left; width: 160px; height: 48px; background-image: url(images/nav_downloads.gif);}
	#topNavRollovers a#downloads:hover {background-image: url(images/nav_downloads_over.gif);}
#topNavRollovers a#news {float: left; width: 174px; height: 48px; background-image: url(images/nav_news.gif);}
	#topNavRollovers a#news:hover {background-image: url(images/nav_news_over.gif);}
#topNavRollovers a#catalog {float: left; width: 108px; height: 48px; background-image: url(images/nav_catalog.gif);}
	#topNavRollovers a#catalog:hover {background-image: url(images/nav_catalog_over.gif);}



/********** Home Navigation Fix :: Russ ***********/
#home #navMenu {width: 908px; top:183px; position:relative; }

#navMenu ul.ulMenu{position:absolute; width:908px; padding:0; margin:0; }
#navMenu ul.ulMenu li{float:left; height:47px; padding:0; margin:0; }
#navMenu ul.ulMenu li a{height:47px; display:block; padding:0; margin:0;}
#navMenu ul.ulMenu li a:hover{height:47px; display:block; padding:0; margin:0;}

#navMenu ul.ulMenu li.liAbout a{width: 135px; height: 47px; margin-left: 69px; }
#navMenu ul.ulMenu li.liAbout a:hover{width: 135px; height: 47px; margin-left: 69px; padding: 0px; background:url(images/navHome_aboutOver.gif) no-repeat;}

#navMenu ul.ulMenu li.liKAT a{width: 232px; margin-left: 0; }
#navMenu ul.ulMenu li.liKAT a:hover{width: 232px; margin-left: 0; background:url(images/navHome_katOver.gif) 0 no-repeat;}

#navMenu ul.ulMenu li.liProcedures a{width: 160px; margin-left: 0; }
#navMenu ul.ulMenu li.liProcedures a:hover{width: 160px; margin-left: 0; background:url(images/navHome_downloadsOver.gif) no-repeat;}

#navMenu ul.ulMenu li.liNews a{width: 174px; margin-left: 0; }
#navMenu ul.ulMenu li.liNews a:hover{width: 174px; margin-left: 0; background:url(images/navHome_newsOver.gif) no-repeat;}

#navMenu ul.ulMenu li.liCatalog a{width: 108px; margin-left: 0; }
#navMenu ul.ulMenu li.liCatalog a:hover{width: 108px; margin-left: 0; background:url(images/navHome_catalogOver.gif) no-repeat;}

/* home main navigation; see also the imagemap in index.html for IE */

#home #navRollovers {width: 818px; position: absolute; top: 183px; padding-left: 69px;}

#home #navRollovers a#NavAbout {float: left; width: 135px; height: 47px; display: block;}
	#home #navRollovers a#NavAbout:hover {background-image: url(images/navHome_aboutOver.gif);}

#home #navRollovers a#NavKat {float: left; width: 232px; height: 47px; display: block;}
	#home #navRollovers a#NavKat:hover {background-image: url(images/navHome_katOver.gif);}

#home #navRollovers a#NavProcedures {float: left; width: 160px; height: 47px; display: block;}
	#home #navRollovers a#NavProcedures:hover {background-image: url(images/navHome_downloadsOver.gif);}

#home #navRollovers a#NavNews {float: left; width: 174px; height: 47px; display: block;}
	#home #navRollovers a#NavNews:hover {background-image: url(images/navHome_newsOver.gif);}
	
#home #navRollovers a#NavCatalog {float: left; width: 108px; height: 47px; display: block;}
	#home #navRollovers a#NavCatalog:hover {background-image: url(images/navHome_catalogOver.gif);}



.topNavText {position: absolute; right: 96px; top: 69px; z-index: 50;}

.topNavText a {font-weight: bold; color: #626968; text-decoration: none; padding-right: 4px; padding-left: 4px;}

.topNavText a:hover {color: #a9afb0;}


/* all side navigation is in menu_styles.css */





/****** Home ******/

#home #mainContainer .screwImage {width: 587px; height: 760px; background: url("images/home_pageBackground.jpg") no-repeat; position: absolute; bottom: 10px; right: 4px; z-index: 1;}
#home #mainContainer .content {position: relative; width: 100%; z-index: 1;}
#home #mainContainer .content .logo {position: absolute; top: 35px; left: 85px;}
#home #mainContainer .content .topNav {position: absolute; top: 2px; right: 95px; z-index: 2; font-size: 15px; color: #1c698c; font-family: Verdana, Arial, Helvetica, sans-serif;}



#home #mainContainer .content .topNav a {font-weight: bold; color: #1c698c; text-decoration: none; font-size: 11px;}

#home #mainContainer .content .topNav a:hover {color: #a9afb0;}


#home #mainContainer .content .mainNav {height: 264px; width: 950px; z-index: 10; position: absolute; top: 142px; left: 4px; background: url("images/home_mainNav.png") no-repeat;}

#home #mainContainer .content .hometext {width: 850px; position: absolute; top: 440px; left: 75px; color: #626968; font-size: 12px; line-height: 22px;}

/* Introduction Re-Code */

#home #mainContainerx .screwImage {width: 587px; height: 760px; background: url("images/home_pageBackground.jpg") no-repeat; position: absolute; bottom: 10px; right: 4px; z-index: 1;}
#home #mainContainerx .content {position: relative; width: 100%; z-index: 1;}
#home #mainContainerx .content .logo {position: absolute; top: 35px; left: 85px;}
#home #mainContainerx .content .topNav {position: absolute; top: 2px; right: 95px; z-index: 2; font-size: 15px; color: #1c698c; font-family: Verdana, Arial, Helvetica, sans-serif;}



#home #mainContainerx .content .topNav a {font-weight: bold; color: #1c698c; text-decoration: none; font-size: 11px;}

#home #mainContainerx .content .topNav a:hover {color: #a9afb0;}


#home #mainContainerx .content .mainNav {height: 264px; width: 950px; z-index: 10; position: absolute; top: 142px; left: 4px; background: url("images/home_mainNav.png") no-repeat;}

#home #mainContainerx .content .hometext {
	width: 850px;
	position: absolute;
	top: 193px;
	left: 75px;
	color: #626968;
	font-size: 12px;
	line-height: 22px;
	height: 499px;
}




.slogan {
	color: #006595;
	font: 24px/24px 'Helvetica Neue', Helvetica, sans-serif;
	padding: 0; margin: 0;
}
.slogan sup {
	vertical-align: baseline;
	font-size: 0.5em;
	position: relative;
	top: -0.6em; left: -0.2em;
	font-weight: normal;
	font-style: normal;
}

.flag_icon {
	position: absolute; left: -40px; top: -4px;
}



/****** About page ******/


#about #mainContainer .content #aboutText { 
padding: 85px 0 0 30px;
line-height: 22px; color: #626968; font-size: 12px; z-index: 100; position: relative; padding: 90px 10px 0 25px; margin: 0;}

#about #mainContainer .content #aboutText p {padding: 0 15px; position: relative; z-index: 50;}

#about #mainContainer .content .footer {width: 950px; height: 182px; background: url("images/subpage_AboutFooter.gif") no-repeat; z-index: 2; margin: 0 0 0 4px; padding: 0;}


/****** News ******/

#news #mainContainer {
}

#news #mainContainer .content .topNav {width: 950px; height: 53px; position: absolute; top: 0px; left: 4px; background-image: url("images/nav_bg.gif");}


#news #mainContainer .content .logo {position: absolute; top: 80px; left: 24px; z-index: 20;}
#news #mainContainer .content .footer {width: 950px; height: 182px; background: url("images/subpage_NewsFooter.gif") no-repeat; position: absolute; left: 4px; bottom: 10px; z-index: 2;}

#news #mainContainer .content #aboutText {
	width: 670px; line-height: 22px; color: #626968; padding: 85px 15px 15px 215px;
}

#news #aboutText p { font-size: 12px;}

#news #aboutText h2 {background-color: #eee;
}

#news #aboutText h2 a {
	color: #666; text-decoration: underline;
}

#news #aboutText h2 a:hover {
	color: #1c698c;
}
#news #aboutText h2 .active {
	color: #1c698c; text-decoration: underline;
}



/****** Contact ******/

#contact #mainContainer .content .topNav {width: 950px; height: 53px; position: absolute; top: 0px; left: 4px; background-image: url("images/nav_bg.gif");}

#contact #mainContainer .content .logo {position: absolute; top: 80px; left: 24px; z-index: 20;}
#contact #mainContainer .content .footer {width: 950px; height: 182px; background: url("images/subpage_ContactFooter.gif") no-repeat; position: absolute; left: 4px; bottom: 10px; z-index: 2;}


#contact #mainContainer .content #aboutText { padding-left: 25px;line-height: 22px; color: #626968; font-size: 12px; z-index: 50;}



#contact #mainContainer .content table#aboutText p {padding: 0 15px;}

.contactTable td { padding: 0; }

.contactTable p {
	line-height: 150%;
	margin: 0; padding: 0;
}


/****** Cart ******/

#cart #mainContainer .content .topNav {width: 950px; height: 53px; position: absolute; top: 0px; left: 4px; background-image: url("images/nav_bg.gif");}

#cart #mainContainer .content .logo {position: absolute; top: 80px; left: 24px; z-index: 20;}

#cart #mainContainer .content #aboutText {padding-left: 215px;}
/*there is no left column here, unlike the contact page */



/****** Downloads, Manuals, Catalogs, Educational ******/


#downloads #mainContainer .content .topNav {width: 950px; height: 53px; position: absolute; top: 0px; left: 4px; background-image: url("images/nav_bg.gif"); z-index: 12;}

#downloads #mainContainer .content .logo {position: absolute; top: 80px; left: 24px; z-index: 20;}
#downloads #mainContainer .content .footer {width: 950px; height: 182px; background: url("images/subpage_DownloadsFooter.gif") no-repeat; position: absolute; left: 4px; bottom: 10px; z-index: 2;}


.imagestable td {
	width: 25%;
}

.imagestable p {
	padding: 2px !important; margin: 2px !important;
	line-height: 120%  !important;
	font-size: 90%;
	width: 140px;
}

/* used by educational and catalog */

.downloadGroup img {
	border: 1px solid #999;
float:left; margin-right:20px;}



/****** Catalog ******/


#catalog #mainContainer .content .topNav {width: 950px; height: 53px; position: absolute; top: 0px; left: 4px; background-image: url("images/nav_bg.gif"); z-index: 12;}


#catalog #mainContainer .content .logo {position: absolute; top: 80px; left: 24px; z-index: 20;}
#catalog #mainContainer .content .footer {width: 950px; height: 182px; background: url("images/subpage_DownloadsFooter.gif") no-repeat; position: absolute; left: 4px; bottom: 10px; z-index: 2;}


#catalog #mainContainer .content #aboutText {position: absolute; top: 85px; left: 215px; line-height: 22px; color: #626968; font-size: 12px;}

#catalog #mainContainer .content table#aboutText p {padding: 0 15px;}




/****** Implant System Pages -- these pages have no "aboutText div class  ******/


#implant #mainContainer .rightColumn p {font-size: 12px; line-height: 22px;}


#implant #mainContainer .content .topNav {width: 950px; height: 53px; position: absolute; top: 0px; left: 4px; background-image: url("images/nav_bg.gif"); z-index: 12;}


#implant #mainContainer .content .logo {position: absolute; top: 80px; left: 24px; z-index: 20;}

#implant #mainContainer #aboutText {position: absolute; top: 85px; left: 215px; font-size: 12px; line-height: 22px; color: #626968; }



/* News and Training pages */


.NewsfloatRight {
	width: 180px; margin: 20px; float: right;
	background-color: #eee; padding: 4px; border: 1px solid #ccc;
	text-align: center;
}


#news  #aboutText h3 { 
	background-color: #dbe9ef; 
	color: #444; 
	font-size: 17px; 
	padding-top: 5px !important; 
	font-weight: normal; 
	font-style: normal;
}

#news  #aboutText h4 { 
	color: #000; 
	font-size: 15px; 
	font-weight: normal;
	font-style: normal;
	margin: 0;
}



.piclogoblock {
	width: 250px; margin: 20px; float: right;
	background-color: #fff;
}

.PACElogoblock p {
padding-left: 18px;
	color: #666;
	font: 10px/120% calibri, sans-serif !important;
}


/* Footer */


.copyright { width: 958px; margin: 5px auto; color: #a9afb0;
	font-size: 11px;
}

.footerNav { float: right; font-size: 11px !important; margin-right: 60px; color: #1c698c; }

.footerNav a { font-weight: bold; color: #1c698c; text-decoration: none; padding-right: 4px; padding-left: 4px;}

.footerNav a:hover {color: #a9afb0;}