/* CSS Document */
/* purple color - #6974A9
   blue color - #296896 */

BODY {
	margin: 0;
	padding: 0;
	font: 10pt/16pt Arial, Helvetica, sans-serif;
	color: #333333;
	/* background: url(../images/blue_fade.jpg) top center repeat-y;
	background-color: #D2E5FC; */
	background: url(../images/brown_bg_lines.gif) top left repeat-x;
	background-color: #DED6BD;
}

h1 {
	font: 24pt/28pt Arial, Helvetica, sans-serif;
	color: #296896;
}

h1.product {
	font: 18pt/24pt Arial, Helvetica, sans-serif;
}

h2 {
	font: 14pt/16pt Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5B8D00;
}
.redh2 {
	font: 14pt/16pt Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ff0000;
}

h2.subCat {
	background-color: #ced1e2;
	color: #296896;
	padding: 4px;
	margin: 0;
}

h3 {
	font: 11pt/12pt Arial, Helvetica, sans-serif;
	color: #296896;
}

a:link {
	font-weight: normal;
	color: #296896;
	text-decoration: underline;
}

a:link.white {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

a:visited.white, a:hover.white, a:active.white {
	color: #ccc;
}

a:visited {
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

a:hover, a:active {
	font-weight: normal;
	color: #296896;
	text-decoration: none;
}

a.blankButtonGray {
	background: url(/images/btn_gray_blank.jpg) no-repeat center;
	color: #666;
	font-weight: bold;
	font-size: 16;
	text-align:center;
	width:202px;
	height:32px;
	padding-top:8px;
	display:block;
	border:none;
	cursor: not-allowed;
	text-decoration: none;
}


.clear {
	clear: both;
}

.center {
    TEXT-ALIGN: center;
}

.left {
    TEXT-ALIGN: left;
}
.right {
    TEXT-ALIGN: right;
}

.line {
	width:100%;
	border-bottom: 1px solid #ccc;
	/* height: 1px;
	background-color: #ccc; */
	margin: 10px 0;
	padding: 0;
}

.bottom {
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 0;
}

.blue {
	color: #036;
}

.ltBlue {
	color: #296896;
}

.green {
	color: #5B8D00;
}

.red {
	color: #FF0000;
}

.white {
	color: #fff;
}

.articlesHome {
	padding: 0 10px;
	margin: 0;
}

.altBG {
	background-color: #eff2ff;
}

.note {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #666;
}

.author {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #666;
}

strong {
	/* purple - color: #6974A9; */
	color: #036;
}

ul {
	list-style-type: disc;
}

ul.check {
	list-style-image: url(../images/check.gif);
}

li.importantBullet {
	font: 11pt Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #296896;
	margin: 15px 0;
}

.pullQuote {
	position: relative;
	float: right;
	width: 180px;
	padding: 0 5px;
	margin: 0 5px;
	background-color: #eff2ff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.pullQuote p {
	text-align: center;
	font: 16pt/21pt Arial, Helvetica, sans-serif;
	color: #296896;
}

/* Containers --------------*/

#container {
    Z-INDEX: 1;
    LEFT: 50%;
    MARGIN-LEFT: -380px;
    WIDTH: 760px;
    POSITION: absolute;
}

#contentBG {
	background-color: #ffffff;
}
#contentBG_article {
	background: url(http://www.oxydental.com/images/article_bg.gif) repeat-y right;
}

/* Shadows -------------- */

#shadowTop {
	width: 100%;
	height: 15px;
	background: url(../images/shadow_top.jpg) top center no-repeat;
	padding: 0;
	margin: 0;
}

/* Logo Bar ------------- */

#logo {
	width: 100%;
	height: 71px;
	background: url(../images/header_bg_dark.gif) top left repeat-x;
	padding: 0;
	margin: 0;
	clear: both;
}

.logoImg {
	padding: 0;
	margin: 0;
	float: left;
}

/* Nav Bar -----------------*/

#navBar {
	width: 100%;
	height: 30px;
	background: url(../images/nav_bg.gif) top left repeat-x;
	padding: 0;
	margin: 0;
}

#subNav {
	width: 100%;
	height: 22px;
	/* purple - background-color: #6974A9; */
	background-color: #036;
	padding: 0;
	margin: 0;
}

.navLinks {
	padding: 7px 0;
	margin: 0;
	float: left;
}

.subLinks {
	padding: 3px 0;
	margin: 0;
}

.signIn {
	padding: 7px 0;
	margin: 0;
	float: right;
}

a.nav:link, a.nav:visited {
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	border-right: 1px solid #999999;
	color: #036;
	padding: 8px 10px;
	margin: 0;
}

a.navRight:link, a.navRight:visited {
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	border-left: 1px solid #999999;
	color: #036;
	padding: 8px 10px;
	margin: 0;
}

a.navOn:link {
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	border-right: 1px solid #999999;
	color: #036;
	padding: 8px 10px;
	margin: 0;
	background:url(../images/nav_on.jpg) bottom center no-repeat;
}

a.nav:hover, a.nav:active, a.navRight:hover, a.navRight:active, a.navOn:hover { 
	font-weight: normal;
	color:#036;
	text-decoration: none;
	background: #B1D2F7;
}

a.subNav:link, a.subNav:visited {
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	border-right: 1px solid #fff;
	color: #fff;
	padding: 4px 10px;
	margin: 0;
}

a.subNav:hover, a.subNav:active {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background: #296896;
}

a.aboutme:link, a.aboutme:visited {
	font: 9pt/12pt Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	border: 1px solid #ddd;
	color: #ddd;
	padding:0px 2px 0px 2px;
}

/* Intro -------------------- */

#Intro {
	position: relative;
	width: 430px;
	border-bottom: 1px solid #cccccc;
	padding: 5px 320px 5px 10px;
	background: url(../images/ban_blank.jpg) bottom right no-repeat;
}

#infoMSG {
	width: 565px;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 0px;
	background: url(../images/ban_infomsg_sm.jpg) bottom right no-repeat;
}

#errMSG {
	width: 565px;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 5px 0;
	background: url(../images/ban_errormsg_sm.jpg) bottom right no-repeat;
}

#IntroFlash {
	position: relative;
	width: 760px;
	border-bottom: 1px solid #cccccc;
	padding: 0;
	background: url(../images/ban_blank.jpg) bottom right no-repeat;
}

#introWide {
	position: relative;
	width: 740px;
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px;
	background: url(../images/ban_blank.jpg) bottom right no-repeat;
}

#productWide {
	position: relative;
	width: 740px;
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px;
	background: url(../images/ban_product_fade.jpg) bottom right no-repeat;
}

#flashFloat {
	position: relative;
	float: right;
	margin: -310px 0 0 0;
	padding: 0;
}

.introTxt {
	font: 13pt/18pt Arial, Helvetica, sans-serif;
	color: #666666;
}

/* Pro or Customer ---------------*/

#choosePro {
	position: relative;
	float: left;
	clear: both;
	width: 255px;
	border-right: 1px solid #cccccc;
	padding: 5px 114px 5px 10px;
	background: url(../images/bg_pro_sm.jpg) bottom right no-repeat;
	background-color: #eff2ff;
}

#chooseCust {
	position: relative;
	float: left;
	width: 255px;
	padding: 5px 115px 5px 10px;
	background: url(../images/bg_patient_sm.jpg) bottom right no-repeat;
}

/* Main Products -------------------- */

.item {
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

.prodTitle {
	font: 11pt Arial, Helvetica, sans-serif;
	color: #666;
}

.prodText {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #296896;
}

.prodDescription {
	font: 10pt Arial, Helvetica, sans-serif;
}

.prodActive {
	font: 12pt Arial, Helvetica, sans-serif;
	color: #5B8D00;
}

/* .itemPricing a {
	color: #004A80;
}

p.itemName {
	width: 100%;
	padding: 15px 5px 5px 0;
	margin: 0;
	font: 12pt/16pt Helvetica, sans-serif;
	color: #296896;
}

p.itemDescription {
	float: left;
	width: 350px;
	padding: 0 5px 5px 0;
}

p.itemPhoto {
	float: right;
	width: 160px;
	padding: 0 5px;
	margin-top: -20px;
}

p.detailPhoto {
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 5px;
}

.itemPricing {
	float: left;
	width: 96%;
	font-size: 8pt;
	padding: 0 10px;
	margin: 3px 0;
	color: #004A80;
	background-color: #eeeeee;
}

.itemPricingOdd {
	float: left;
	width: 96%;
	font-size: 8pt;
	padding: 0 10px;
	margin: 3px 0;
	color: #004A80;
} */

.active {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #5B8D00;
	font-weight: bold;
}

/* 2 Column Layout ---------------*/
#sideColBg {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/left_col_bg.gif);
	background-repeat: repeat-y;
	width: 100%;
}
#sideCol {
	position: relative;
	float: left;
	width: 195px;
	/* border-right: 1px solid #cccccc;
	background-color: #EFF2FF;*/
	padding: 5px 0;
	clear: both;
}

#sideCol p {
	font: 8pt/12pt Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px 3px;
	padding: 0 5px 0 10px;
}

#sideCol ul {
	font: 8pt/12pt Arial, Helvetica, sans-serif;
	color: #333333;
}

#sideCol h3 {
	padding: 0 5px 0 10px;
	margin: 3px;
}

#sideCol h2 {
	padding: 0 5px 0 10px;
	margin-left: 3px;
	margin-right: 3px;
}

#sideCol {
	position: relative;
	float: left;
	width: 195px;
	/* border-right: 1px solid #cccccc;
	background-color: #EFF2FF;*/
	padding: 5px 0;
	clear: both;
}

.cartBG {
	background: url(../images/gray_bg.gif) top left repeat-y;
	border-bottom: 1px solid #ccc;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.guaranteeBG {
	background: url(../images/white_bg.gif) top left repeat-y;
	border-bottom: 1px solid #ccc;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.blueBG {
	background: url(../images/blue_bg.gif) top left repeat-y;
	border-bottom: 1px solid #ccc;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 5px;
}

#sideNav {
	padding: 0;
	margin: 0;
}

#sideNav h3 {
	font: 9pt/16pt Arial, Helvetica, sans-serif;
	color: #036;
	font-weight: bold;
	/* background: url(../images/snav_bg.jpg) top left no-repeat; */
	background-color: #CED1E2;
	padding: 0 15px;
	margin: 0;
}

#sideNav p {
	font: 8pt/14pt Arial, Helvetica, sans-serif;
	color: #036;
	padding: 5px 20px;
	margin: 0 0 10px 0;
}

#sideNav a {
	color: #036;
}
 
/* 8/29/07 dan edit for 100% height col fill
#sideCol {
	position: relative;
	float: left;
	width: 180px;
	border-right: 1px solid #cccccc;
	padding: 5px 5px 5px 10px;
	background-color: #EFF2FF;
	clear: both;
}*/

#mainCol {
	position: relative;
	float: left;
	width: 545px;
	padding: 5px 5px 5px 10px;
}

#scCol {
	position: relative;
	float: left;
	width: 565px;
	padding: 0;
}

.scBlank {
	padding: 5px 5px 5px 10px;
}

.scWhite {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #ccc;
}

.scBlue {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #ccc;
	background-color: #EFF2FF;
}

.scGreen {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #ccc;
	background-color: #F0F9E0;
}

.scPurple {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #ccc;
	background-color: #E0E5FB;
}

.scGray {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #ccc;
	background-color: #eee;
}

#oneCol {
	position: relative;
	width: 740px;
	padding: 5px 10px 5px 10px;
	margin: 0;
}

#oneCol_600 {
	position: relative;
	width: 600px;
	padding: 5px 10px 5px 10px;
	margin: 0;
}
	#oneCol_600 p {
	font: 14px/22px Arial, Helvetica, sans-serif;
	}

#testContainer {
	position: relative;
	float: left;
	width: 760px;
	padding: 0;
}

.testCol {
	position: relative;
	float: left;
	width: 359px;
	padding: 5px 10px 5px 10px;
}

/* Footer -------------------*/

#footer {
	clear: both;
    width: 760px;
    padding: 5px 0 20px 0;
	background: url(../images/shadow_bottom.jpg) top center no-repeat;
	background-color: #DED6BD;
}

#footer p {
	text-align: center;
	font: 8pt/14pt Arial, Helvetica, sans-serif;
	color: #333;
}

/* 07.28.08 dav added for navigation in footer site wide -------------------*/
.footer {
	text-align: center;
	text-decoration:underline;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #333;
}

/* Print Styles ----------------------*/

@media Print {
	#shadowTop, #logo, #navBar, #divBanner, div.signIn, div.center, #sideCol, #IntroFlash, #subNav, #Intro, /*#introWide*/ {
	display: none;
	}
	
	#container {
	left: 0;
	position: relative;
	}
	
	#container, #oneCol, #oneCol_600, #footer, div.scBlank, div.scWhite, div.scGray, div.scGreen, div.scPurple, div.scBlue, #mainCol, #scCol {
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	}
	
	#oneCol p {
	font: 10pt/12pt Arial, Helvetica, sans-serif;
	}
	#oneCol_600 p {
	font: 12pt/12pt Arial, Helvetica, sans-serif;
	}
}