/* CSS Document */

BODY {
	margin: 0;
	padding: 0;
	font: 11pt/16pt Arial, Helvetica, sans-serif;
	color: #333333;
	/*background-color: #000000;*/
	background: url(../images/sky_bg_gray.jpg) top left repeat-x;
	background-color: #EFF1F3;
}


h1 {
	font: 24pt/28pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6974A9;
	/*margin-bottom: 3px;*/
}

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

h2 {
	font: 12pt/16pt Arial, Helvetica, sans-serif;
	color: #5B8D00;
	/*margin: 0px 0px 0px 0px;*/
}

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

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

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

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

.clear {
	clear: both;
}

.center {
    TEXT-ALIGN: center;
}

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

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

.bottom {
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 0;
}
/* -- over written by Oxy style sheet --
.blue {
	color: #036;
}
*/
.navyBlue {
	color: #036;
}

.green {
	color: #5B8D00;
}
.gray {
	
	color: #666666;
}

.white {
	color: #fff;
}

.quote {
	font: 11pt/12pt Helvetica, sans-serif;
	color: #999999;
	font-weight:bold;
}

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

.altBG {
	background-color: #eff2ff;
}

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

ul {
	list-style-type: circle;
}

ul.check {
	list-style-image: url(../images/check.gif);	
	font: 12pt/16pt Helvetica, sans-serif bold;
	color: #036;
}

ul.check li {
	margin-bottom: 10px;
}

ul.check2 {
	list-style-image: url(../images/check.png);
}
.scGreen {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #ccc;
	background-color: #F0F9E0;
}
.medSerif {
	font: 12pt/16pt Times New Roman, Times, serif bold;
	color: #333333;
	padding: 10px;
}
.medBlue {
	font: 14pt/16pt Arial, Helvetica, sans-serif;
	color: #036;
}
.medGreen {
	font: 12pt/16pt Arial, Helvetica, sans-serif;
	color: #5B8D00;
}
.medGray {
	font: 14pt/16pt Arial, Helvetica, sans-serif;
	color: #666666;
}

.larBlue {
	font: 18pt/24pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #036;
}
.larGreen {
	font: 18pt/24pt Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #5B8D00;
}
.larGray {
	font: 18pt/24pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
.whyTitle {
	font: 24pt/28pt Times New Roman, Times, serif;
	font-weight: bold;
	color: #5B8D00;
}
.distBar {
	font: 10pt/14pt Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	text-align: right;
	font-weight: bold;
	color: #5B8D00;
	padding: 10px 15px 5px 10px;
	margin-top: 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-top: -25px;
    MARGIN-LEFT: -380px;
    WIDTH: 760px;
    POSITION: absolute;
}

#contentBG {
	background-color: #ffffff;
}

/* Navigation -------------- */

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

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

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

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

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

#navBar {
	width: 100%;
	height: 33px;
	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: 6px 0;
	margin: 0;
	float: left;
}

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

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

a.nav:link, a.nav:visited {
	font: 10pt/11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	/*border-right: 1px solid #999999;*/
	color: #fff;
	padding: 7px 10px;
	margin: 0;
}

a.navRight:link, a.navRight:visited {
	font: 10pt/11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	/*border-left: 1px solid #999999;*/
	color: #fff;
	padding: 7px 10px;
	margin: 0;
}

a.navOn:link {
	font: 10pt/11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	/*border-left: 1px solid #999999;*/
	color: #fff;
	padding: 7px 10px;
	margin: 0;
	background:url(../images/nav_on.gif) top left repeat-x;
}

a.nav:hover, a.nav:active, a.navRight:hover, a.navRight:active, a.navOn:hover { 
	font: 10pt/11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-decoration: none;
	/*border-left: 1px solid #999999;*/
	color: #fff;
	padding: 7px 10px;
	margin: 0;
	background:url(../images/nav_on.gif) top left repeat-x;
}


a.subNav:link, a.subNav:visited {
	font: 9pt/12pt Verdana, 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: #B1D2F7;
}

a.whyHead:link, a.whyHead:visited {
	font: 16pt/18pt Times New Roman, Times, serif;
	font-weight: normal; 
	text-decoration: none;
	margin-right: 40px;
	
}
a.whyHead:hover, a.whyHead:active { 
	font: 16pt/18pt Times New Roman, Times, serif;
	color: #5B8D00;
	font-weight: normal; 
	text-decoration: none;
	margin-right: 40px;

}
#introWideHead {
	position: relative;
	width: 739px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 15px 10px;
	margin: 0;	
	background: url(../images/headerimage/chess.jpg) bottom left no-repeat;
}


/* 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;
}

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

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

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

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

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

#choosePro {
	position: relative;
	float: left;
	clear: both;
	width: 360px;
	border-right: 1px solid #cccccc;
	padding: 5px 5px 5px 10px;
}

#chooseCust {
	position: relative;
	float: left;
	width: 360px;
	padding: 5px 5px 5px 10px;
}

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

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

.itemPricing a {
	color: #004A80;
}

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

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

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

p.itemPricing {
	float: left;
	width: 525px;
	font-size: 8pt;
	padding: 0 10px;
	color: #004A80;
	/* background: url(../images/pricing_bg_solid.jpg) top left repeat-y; */
	background-color: #EFF2FF;
}

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

/* 2 Column Layout ---------------*/
#happyGuyBg {
	margin: 0px;
	padding: 0px;
	background: url(../images/photos/nicetomeetyou.jpg) bottom right no-repeat;
	border-right: 1px solid #ccc;
	width: 100%;
}

#sideColBg {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_rightbluefade_v2.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-right: 1px solid #ccc;
	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 Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px 3px;
	padding: 0 5px 0 10px;
}

#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: right;
	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;
	border-left: 1px solid #ccc;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 5px;
}
.ssProfile {
	background: url(../images/white_bg.gif) top left repeat-y #FFFFFF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -5px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.audioAd {
	background: url(../images/white_bg.gif) top left repeat-y #FFFFFF;
	background-color:#FFFFFF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -5px;
	padding-bottom: 10px;
	padding-top: 0px;
}

#whyBG {
	position: relative;
	width: 739px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px 10px;
	margin: 0;
	background-color: #EEEEEE;
}


#sideNav {
	/*border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;*/
	padding: 0;
	margin-top: -5px;}

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

#sideNav p {
	font: 8pt/14pt Verdana, 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;
}*/

#biCol {
	position: relative;
	float: left;
	width: 545px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #ccc;
}

#biCol p {
	font: 11pt/16pt Arial, Helvetica, sans-serif;
	color: #333333;
}



#singleCol {
	position: relative;
	width: 739px;
	/*background: url(../images/water_bg.jpg) top left no-repeat;
	background-color: #E8ECF7;*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
#singleCol p {
	font: 11pt/16pt Arial, Helvetica, sans-serif;
	color: #333333;
}

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

#footer {
	clear: both;
   /* width: 759px;
    padding: 5px 0 20px 0;
	background: url(../images/shadow_bottom.jpg) top center no-repeat;*/
	background-color: #FFFFFF;
	border: 1px solid #ccc;
}

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