/*
Ahoy-hoy!
I just copied "main.css" into here since we're trying to make the Pro site look the same as the Consumer site.
The only new thing in here may be the "proSiteHead" id that stands in on the Pro site for the Consumer site's "login" id.
*/

/* z-index: nav-wrap=20, main-wrap=1, side-wrap=5 */
body {
	margin:0px;
	padding:0px;
	background-image:url(/images/background.gif);	/* This is the stripey background image. */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif
}

a { color:#CD0C0D; 	text-decoration:none; }
a:hover { color:#EF0C0F; text-decoration:underline; }

h1 { font-size:32px; line-height:32px; color:#CD0C0D; text-transform:uppercase; margin:0px; padding-top:10px; padding-left:10px; }
h2 { font-size:20px; line-height:20px; color:#730707; text-transform:uppercase; margin:0px; padding:6px 0px; }
h3 { font-size:16px; line-height:16px; color:#730707; text-transform:uppercase; margin:0px; padding:6px 0px; }
h4 { font-size:14px; line-height:14px; color:#730707; text-transform:uppercase; margin:0px; padding:6px 0px; } 
h5 { font-size:11px; line-height:11px; color:#7E7A5D; text-transform:uppercase; margin:0px; padding:0px; } 
h6 { font-size:11px; line-height:11px; color:#7E7A5D; text-transform:none; margin:0px; padding:0px; }

/* Is this one even used? */
hr {
	line-height:0.1em;
	border:0px;
	margin:2px 0px;
	color:#bcbc4e;
}

/* Is this one even used? */
.font-em { color:#BF0905; }

/* Is this one even used? */
.font-sm { 
	font-size:10px;
	line-height:11px;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

.clear { clear:both; height:0; line-height:0; margin:0; padding:0; }

#pageHead {
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	color: #730707;
	text-transform:uppercase;
	margin:0px;
	padding:10px 0px 10px 10px;
}

.descHead {
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	color:#C90400;
	margin:0px;
	padding:6px 0px;
}

.jcnHead {
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	color:#C90400;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0px;
	padding:10px 10px 5px 10px;
}

#proSiteHead {
/*Takes place of "#login" on Pro site*/
	width:930px;
	padding:2px 0 2px 0;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	letter-spacing:0.25em;
	color:#ffffff;
	background-color:#01b0cd;
}

#login {
	width:753px;
	height:30px;
	top:0px;
}

#login img {
	float:right;
	margin-right:50px;	/* Try to line up element's right side with right side of other page elements. */
}

#body-wrap {
	position:relative;
	width: 959px;
	height:825px;
	margin:0px auto;
	padding-left:10px;	/* Uniformly aligns left side of all contents. */
}

#nav-wrap {
	z-index:20;
	position:absolute;
	width:930px;
	height:35px;
	top:33px;
	font-size:10px;
}

#nav-wrap a { 
	font-weight:bold; 
	text-decoration:none;
	color:#730707;
}

.nav-btn {
	display:inline;
	background-color:#ffffff;
	border:1px #bcbc4e solid;
	position:relative;
	top:17px;
	padding:5px 10px;
}

.subNav-btn {
	display:block;
	background-color:#ffffff;
	border:1px #bcbc4e solid;
	padding:5px 10px;
	position:absolute;
	top:34px;
	line-height:18px;
}

#main-wrap {
	z-index:1;
	position:absolute;
	width:930px;
	height:auto;
	top:70px;
	border:1px #bcbc4e solid;
	background-color:#edecbe;	/* From Colorzilla check of NEW "2xMoreEffective.jpg" graphic. */
}

#foot-wrap {
	position:absolute;
	width:930px;
	height:32px;
	top:725px;
	font-size:9px;
	line-height:11px;
	padding:8px 0px 4px 0px;
	color:#7E7A5D;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

#foot-left {
	float:left;
	width:425px;
	height:32px;
	margin-left:10px;
}

#foot-right {
	float:right;
	width:255px;
	height:32px;
	margin-right:10px; /* Try to line this up over the TOPNAV buttons and Flash right-side edges. */
	text-align:right;
}

#side-wrap {
	z-index:5;
	position:absolute;
	width:206px;
	height:825px;
	top:0px;
	left:753px;
}

#side-wrap-professional {
	position:absolute;
	width:206px;
	height:825px;
	top:0px;
	left:753px;
}