/* --- page styles --- */

a, A:link, a:visited, a:active {
	color: #0000aa;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 12px;
}

A:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 12px;
}

p, tr, td, ul, li {
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 12px;
}

body {
	background-image: url("../images/backgrounds/OPI-Background.gif"); 
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
}

.header1, h1 {
	color: #0F3063;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}

.header2, h2 {
	color: #0F3063;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}

.intd {
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 30px;
}

.intds {
	color: #9595c2;
	font-family: Arial, Verdana;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align:justify;
}

.intf {
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

/* --- table styles --- */
.or_head, .or_body, .or_left {
	font-family:Arial;
	color:#FFFFFF;
	font-size:12px;
	border-right:1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	text-align:center;
	background-color:#0F3063;
}

.or_head {
	background-color:#0F3063;
	border-top:0;
}

.or_body {
	background-color:#FFFFFF;
	color:#000000;
}

.contact_frame {
	font-family:Arial;
	font-size:12px;
	border-right:1px solid #0F3063;
	border-top: 1px solid #0F3063;
	border-left:1px solid #0F3063;
	border-bottom: 1px solid #0F3063;
	text-align:center;
	background-color:#dde494;
	color:#000000;
	padding: 10 5 10 5;
}

.or_left {
	text-align:left;
	padding: 3 0 3 5;
	width: 300px;
	font-size:12px;
}

.pagetitle {
	color: #ffffff;
	background: #0F3063;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: 13px;
	margin: 0px;
	padding: 2px;
}

.sectiontitle {
	color: #0F3063;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}

.pagedata {
	color: #9595c2;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-align:justify;
}

.pagedatajust {
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-align:justify;
}

.redfont {
	color: #FF0000;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}

.whitefont {
	color: #FFFFFF;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}

.bluefont {
	color: #0000FF;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}

.greenfont {
	color: #00FF00;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}

.blackfont {
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
}


.linkstyle {
	color: #0000aa;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 12px;
}

.container {
	width: 875px;
	background-color:#FFFFFF;
	border-color: #dde494;
	border-width: 0px 1px 1px;
	border-style: solid;
}

.menu {
    text-align:left;
	background-color:#0F3063;
	padding: 2px;
}

.pagebody {
	background-color:#FFFFFF;
	float: left;
	width: 365px;
	font-size: 12px;
	text-align:justify;
	padding: 15px;
}

.pagefoot {
	background-color:#FFFFFF;
	width: 845px;
	font-size: 12px;
	text-align:justify;
	padding: 15px;
}

.mainimage {
	float:left;
	width: 480px;
}

/* Page Footer */

.page_footer {
	width: 850px;
}

.powered_by {
	padding-top: 17px;
	color: #9595c2;
	text-align: center;
}

.powered_by a {
	color: #9595c2;
}

.product_brands {
	float: left;
}

.product_brands ul {
	width: 470px;
	list-style-type: none;
}

.product_brands li {
	margin: 5px 6px 3px 3px;
	height: 40px;
	list-style-type: none;
	float: left;
}

#nav-top, #nav-left, #nav-center {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#header {
	margin: 0px auto;
	width: 875px;
	background-color:#FFFFFF;
	border-color: #dde494;
	border-width: 1px 1px 1px;
	border-style: solid;
	position: relative;
}

#header .bl { height: 140px; }

/* the story of two navs */

#nav-top {
	top: 154px;
	left: 645px;
	color: #fff;
	width: 297px;
}

#nav-top li {
	display: inline;
}

#nav-top a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#nav-top a:hover {
	  text-decoration: underline;
}

#nav-left {
	text-align:right;
	top: 115px; left: 820px;
}

#nav-center {
	top: 55px;
	left: 275px;
}