@charset "utf-8";
/* CSS Document */

/*SON OF SUCKERFISH DROPDOWN MENU - START*/

/*sos - container for the menu bar*/
.navbar {
	height: 60px;
	background-repeat: no-repeat;
	background-position: left top;
}

.navbarwrapper {
	height: 185px;
	width: 980px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	display: block;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	position: relative;
	padding: 0px;
	background-image: none;
	border-bottom-color: #514D4A;

	
}
.navbox {
	width: 240px;
	height: auto;
	position: absolute;
	margin: 0px;
	padding-top: 3px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
	left: 0px; /*changed from -2px*/
	overflow: auto;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#navbox2 {
	background-repeat: no-repeat;
	background-position: right top;
	width: 180px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	background-image: url();
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #069;
}
#navboxshadow {
	background-image: url();
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 272px;
	position: absolute;
	padding: 0px;
	display: block;
	margin-bottom: -16px;
	margin-left: -16px;
	height: auto;
}



/*sos - changing the width here will control whether dreamweaver will properly display the top level menu on 1 line or multiple lines, even though it will render inbrowser fine regardless anyway, making this just a design-level nitpick.*/
#nav, #nav ul {
	list-style: none;
	text-transform: none;
	height: 71px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 68px;
	font-weight: bold;
	font-variant: normal;
	display: block;
	background-color: #514D4A;
	width: 980px;
	padding: 0px;
	clear: none;
	margin: 0px;
}
/*sos - set font styles for dropdowns*/
#nav a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	height: 71px;
	z-index: 200;
	color: #CCC;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	width: 140px;
	line-height: 71px;
	text-indent: 2px;
}

/*sos - set position of arrow for multi-level menu items*/
#nav a.daddy {
	width: 220px;
	background-repeat: no-repeat;
	background-position: right center;
	height: 30px;
}

/*sos - set borders, bg colours for toplevel & dropdown menu items*/
#nav li {
	height: 71px;
	line-height: normal;
	width: 140px;
	z-index: 200;
	padding: 0px;
	background-color: #514D4A;
	float: left;
	margin: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #514D4A;
}
/*sos - set width of dropdown here*/
#nav li ul {
	position: absolute;
	left: -2999em;
	height: auto;
	width: 120px;
	w\idth: 240px;
	font-weight: normal;
	z-index: 200;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px; /*this puts a small gap between the toplevel menu and the drop down*/
	background-position: center bottom;
	background-repeat: no-repeat;
	text-indent: 7;
}
/*sos - set padding of arrow (affects underlines though, so use cautiously if you notice underlines do not extend the full width of the dropdowns - mainly visible in Opera and Firefox), borders, width of dropdowns, width of highlight & bg colour for items without a submenu*/
#nav li li {
	padding: 0px;
	text-indent: 3px;
	width: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	background-position: center bottom;
	z-index: 200;
}
/*sos - set width of dropdown rollover highlighting state here. 
Original values were width: 13em(208px) and w\idth: 9em (144px)*/
#nav li ul a {
	width: 240px;
	w\idth: 240px;
	margin: 0px;
	
}
/*sos - set width of first level dropdown and vertical position of second level dropdown*/
#nav li ul ul {
	padding: 0px;
	width: 240px;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 240px;
	background-position: center bottom;
	height: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -1999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


/*rollover state of toplevel menu*/
#nav li:hover, #nav li.sfhover {
	color: #FFF;
	background-color: #C65C0E;
	background-repeat: repeat-y;
	background-position: left;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #30CE33;
}

/*sos  - fix for probs in IE7 only*/

#menu li:hover, #menu li.hover {
	position: static;
}
/*these highlight the current active page, keeping the active tab coloured - **do not use a comma after the last item** */
body#home a#home,
body#aboutus a#aboutus,
body#products a#products,
body#cadcam a#cadcam,
body#news a#news,
body#services a#services,
body#myrewards a#myrewards,
body#ourpeople a#ourpeople,
body#videos a#videos,
body#contact a#contact,
body#ordernow a#ordernow,
body#digitaldentures a#digitaldentures,
body#zirconia a#zirconia,
body#3ddentures a#3ddentures,
body#innovativetech a#innovativetech

{
	color: #FFF;
	background-color: #787878;
	background-repeat: repeat-y;
	background-position: left;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #30CE33;
}
/*sos menu only - END*/

/* FOOTER LINKS STYLING */

.mattblacktabs{
	width: auto;
	overflow: hidden;
}
.mattblacktabs ul{
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0;
}

.mattblacktabs li{
	width: 115px;
	font-weight: normal;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.mattblacktabs li a{
	text-decoration: none; /*right divider between tabs*/
	color: #CCC;
	width: auto;
	margin: 0;
	height: 16px;
	display: block;
	padding: 8px;
	background-image: url(../images/raster-gray.png);
	background-repeat: repeat;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background-color: #666;
}



/* END NAVBAR STYLING
----------------------------------------------------------------------------------------------------*/