﻿/* RDC3
* Create Date: 04.25.2007
* Created By: TBC - Ryan Logsdon
*/

/* GLOBAL TAG DEFINITIONS */
h1 {
	font-family: Century Gothic, Verdana;
	font-size: 18px;
	color: #999999;
	font-weight: bold;
	margin: 2px;
}
h2 {
	font-family: Century Gothic, Verdana;
	font-size: 16px;
	color: #CC9900;
	margin: 2px;
}
h3 {
	font-family: Century Gothic, Verdana;
	font-size: 14px;
	color: #666666;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-bottom-width: thin;
	margin: 2px;
}
p {
	font-family: Verdana, Century Gothic;
	margin: 2px;
	margin-left: 5px;
}
body,td {
	font-family: Verdana, Century Gothic;
	font-size: 12px;
	color: #666666;
	border-color: #ffffff;
}
body {
	background-color: #ffffff;	
	margin:0;
}
a:link {
	color: #7B1C85;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #7B1C85;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: underline;
	color: #7B1C85;
}

td img {
	display: block;
}

th {
	font-weight: normal;
	border-color: #666666;
}

/* CLASS DEFINITIONS */
.pageTitle {
	font-family: Century Gothic, Verdana;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	border-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #8D6391;
	border-collapse: collapse;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-variant: small-caps;
}
.yellowHeader {
	font-family: Century Gothic, Verdana;
	font-size: 16px;
	color: #CC9900;
	font-variant: small-caps;
	margin: 2px;
}
.yellowHeaderBig {
	font-family: Century Gothic, Verdana;
	font-size: 18px;
	color: #CC9900;
	font-variant: small-caps;
	margin: 2px;
	font-weight:bold;
}


.dottedHeader {
	font-family: Century Gothic, Verdana;
	font-size: 14px;
	color: #666666;
	font-variant: small-caps;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-bottom-width: thin;
	margin: 2px;
}
.yellowBold {
	color: #CC9900;
	font-weight: bold;
}

.p3 {
	font-family: Verdana, Century Gothic;
	font-size: 12px;
	color: #85248F;
	margin-left: 15px;
}
.p4 {
	font-family: Verdana, Century Gothic;
	font-size: 12px;
	font-style: italic;
	color: #85248F;
	margin-left: 15px;
}


/* Top Nav */
.topNav {
	background-image: url(/resource/image/topNav.jpg);
	background-repeat: repeat-x;
	width: 113px;
}
.topNavLeft {
	background-image: url(/resource/image/topNavLeft.jpg);
	background-repeat: no-repeat;
	width:6px;
}
.topNavRight {
	background-image: url(/resource/image/topNavRight.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 6px;
}

.tableHeader {
	background-image: url(/resource/image/topNav.jpg);
	background-repeat: repeat-x;
	width:100%;
}
.tableMain{
	width:984px;
	margin:auto;
	margin-top:20px; 
}

.tableSub{
	width:800px;
	background-image: url(/resource/images/sp_background.jpg);
	margin:auto; 
	background-repeat: no-repeat;
}

.tableBorderBG01 {
background-color: #000000;
}
.tableBorderBG02 {
background-color: #666666;
}

.leftCol {
	
}
.rightCol {
	
}
.middleCol {
	background-color: #250828;
}
.nav01 {
	background-color: #250828;
	border:#FFFFFF solid;
}
.columnHead {
	font-family: Verdana, Century Gothic;
	font-size:11px;
	font-weight:bold;
	padding-left: 4px;
	padding-right: 4px;
	background-image: url(/resource/image/columnHead.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 20px;
	text-align: center;
}
.featureTitle{
	font-family: Verdana, Century Gothic;
	font-size:14px;
	padding-left: 4px;
	padding-right: 4px;
	background-image: url(/resource/image/featureTitle.jpg);
	background-repeat: no-repeat;
	background-color: #989DA5;
	color: #FFFFFF;
	height: 20px;
}
.featureImage{       
    width: 100px;
    height: 100px;  
    display: block;
    margin-left: auto;
    margin-right: auto;  
}
.columnFoot {
	font-family: Verdana, Century Gothic;
	font-size:14px;
	padding-left: 4px;
	padding-right: 4px;
	background-image: url(/resource/image/columnFoot.gif);
	color: #FFFFFF;
	height: 10px;
}
.contentHead {
	font-family: Verdana, Century Gothic;
	font-size:14px;
	padding-left: 4px;
	padding-right: 4px;
}

/* NAVIGATION CONTROL ITEMS */
a.Nav {
	display: block;
	width: 98%;
	height: 18px;	
	padding-top: 4px;
	padding-left: 2px;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}
a.Nav:link {
	color: #333333;
	text-decoration: none;
}
a.Nav:visited {
	text-decoration: none;
	color: #333333;
}
a.Nav:hover {
	text-decoration: none;
	color: #333333;
	background-color: #ffffff;
}
a.Nav:active {
	text-decoration: none;
	color: #85248F;
}
.tdNav
{
	 border-bottom-width:0px;
	 border-top-width:0px;
	 border-left-width:0px;
	 border-right-width:0px;
	 border-collapse:collapse;
	 border-style:solid;
	 border-color:#ffffff;
}

/* SUB NAVIGATION CONTROL ITEMS */
a.SubNav {
	display: block;
	height: 14px;	
	padding-top: 4px;
	padding-left: 2px;
	color: #333333;
	font-size: 10px;
	border-style: solid;
	border-color: #ffffff;
	border-collapse: collapse;
	border-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 1px;	
	background-color: #f2f2f2;
}
a.SubNav:link {
	color: #333333;
	text-decoration: none;
}
a.SubNav:visited {
	text-decoration: none;
	color: #333333;
}
a.SubNav:hover {
	text-decoration: none;
	color: #333333;
	background-color: #ffffff;
}
a.SubNav:active {
	text-decoration: none;
	color: #85248F;
}
.tdSubNav
{
	padding-left: 12px;
}
.tdSubNavTop
{
	 border-bottom-width:1px;
	 border-top-width:0px;
	 border-left-width:0px;
	 border-right-width:0px;
	 border-collapse:collapse;
	 border-style:solid;
	 border-color:#ffffff;
}

.gridView
{
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
}
.gridViewHeader
{
	background-image: url(/Resource/Image/bgGreyFade.jpg);
	background-repeat: repeat-x;
	color: #666666;
	font-weight: normal;
}
.gridRow {
	border-color: #cccccc;
	vertical-align:middle;
}
.verySmlText
{
	font-size:85%;
	vertical-align:middle;	
}
.verySmlTextBold
{
	font-size:85%;
	font-weight:bold;
	vertical-align:middle;
}


/* ADMIN STYLES */
.adminHeader {
	border-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #f1f1f1;
}

.errorBlock {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #f1f1f1;
	color: #B20D07;
	padding:4px;
}

.tabActive {
	border-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
	color: #666666;
	text-decoration: none;
	height: 17px;
	display: block;
}

a.tabActive:link,a.tabActive:active,a.tabActive:visited,a.tabActive,a.tabActive:hover {
	border-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
	color: #444444;
	text-decoration: none;
	height: 17px;
	display: block;
	
}

a.tabInActive:link,a.tabInActive:active,a.tabInActive:visited,a.tabInActive,a.tabInActive:hover {	
	border-width: 1px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #f1f1f1;
	color: #666666;
	text-decoration: none;
	height: 16px;
	display: block;
}
.tabBody {
	border-width: 1px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
	padding:5px;
}
.tabFiller {
	border-width: 0px;
	border-Left-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

.borderTop
{
	border-top:solid 1px #DFDFDF;
	vertical-align:top;
}
.borderLeft
{
	border-left:solid 1px #DFDFDF;

}
.borderRight
{
	border-right:solid 1px #DFDFDF;		
}
.borderBottom
{
	border-bottom:solid 1px #DFDFDF;
}
.divProdDetailOn
{
	position:absolute;
	display:block;
	/*filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90; */
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	background-color: #ffffff;
	padding: 4px;	
	width:500px;
}
.divDetailOn
{
	position:absolute;
	display:block;
	width:350px;
	height:150px;
	filter: alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85; 
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	background-color: #ffffff;
	
}
.divDetailOff
{
	position:absolute;
	display:none;
	width:300px;
	height:150px;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	background-color: #ffffff;
}
.addressTable
{
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	background-color: #f1f1f1;
}

/* Box Styles */
.greyBox {
	background-color: #F6F6F6;
}

.fadeBox {
	background-image: url(/resource/image/boxBG.gif);
	background-repeat: repeat-x;
}

.boxCorner {
	width: 3px;
	height: 3px;
}

.boxTop {
	height: 3px;
	background-image: url(/resource/image/boxTop.gif);
	background-repeat: repeat-x;
}

.boxBottom {
	height: 3px;
	background-image: url(/resource/image/boxBottom.gif);
	background-repeat: repeat-x;
}

.boxLeftSide {
	width: 3px;
	background-image: url(/resource/image/boxSide_Left.gif);
	background-repeat: repeat-y;
}

.boxRightSide {
	width: 3px;
	background-image: url(/resource/image/boxSide_Right.gif);
	background-repeat: repeat-y;
}

/* Admin Navigation */
a.navMin {
	display: block;
	width: 100%;
	height: 16px;	
	padding-top: 4px;
	color: #333333;
	font-weight: 500;
	text-align:center;
	border-width: 0px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #666666;
}
a.navMin:link {
	color: #333333;
	text-decoration: none;
}
a.navMin:visited {
	text-decoration: none;
	color: #333333;
}
a.navMin:hover {
	text-decoration: none;
	color: #333333;
	background-repeat: repeat-x;
	background-color: #CCCCCC;
}
a.navMin:active {
	text-decoration: none;
	color: #85248F;
}
.navMinTable
{
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-color: #FFFFFF;
}

.footer
{
	margin-top: 16px;
	width:100%;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-color: #E5E5E5;
}