/*-- Created by Michael Knapp for g8wave.com copywrite 2006. g8wave
last edited:
5_4_06: Set up disclosure style sheets. for these user help pages. this css should have all we need to keep the styles consistant. 
Please do not use the inline style as it becomes difficult to  edit and keep consistant.
----*/
/* -- fix for IE margin problem--*/
* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 8pt/13pt verdana, arial,sans-serif;
	color: #343434;
	background-image: url(/images/bg_wider.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #505050;
}
/*-- styles from store.g8wave ported over--*/
.smallHeading {font-weight:bold; }

.bigHeading {font-size:14pt; font-weight:bold;}

.ErrorLabel {font-weight:bold; color:#FF0000;}

/* -- header is in two parts header_panel and header_panelb--*/
#header {
	width: 562px;
	height: 60px;
	background: url(/images/header_panel.jpg) no-repeat;
	padding-top: 30px;
	padding-left: 18px;
	font-size: 14pt;
	color: #FFF;
}
#header h2{
	padding-top: 5px;
	font-size: 9pt;
	color: #FFF;
	font-style: oblique;
	text-align: center;
}
/* -- overall conetent links attributes--*/
a, a:visited {
	color: #000;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}


h1 {
	font: normal 20px "lucida grande", arial, Verdana, Helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: -0.025em;
	color: #444444;
	padding-bottom:15px;
	margin: 5px 0 0 25px;
}



h2 {
	font: bold 18px "lucida grande", arial, Verdana, Helvetica, sans-serif;
	line-height: 12px;
	letter-spacing: -0.025em;
	color: #2D3942;
	margin: 5px 0 0 10px;
}

h3 {
	font: bold 17px/16px "lucida grande", arial, Verdana, Helvetica, sans-serif;
	color: #2D3942;
	margin: 10px 0 0 0px;
	padding-left: 10px;
	padding-right: 10px;
}
h4 {
	font: normal 16px/17px "lucida grande", arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	padding: 15px 0 15px 0;
}
h5 {
	font: Bold 13px/16px "lucida grande", arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	line-height: normal;
	padding: 15px 0 10px 0;
}
.captionquote {
	font: Bold italic 12px/15px "lucida grande", arial, Verdana, Helvetica, sans-serif;
	color: #2D3942;
	text-align: left;
}
.boldlink {
	color: #1C1C1C;
	font-size: 100%;
	font-weight: bold;
}
.black {
	color: #000;
}
.grey {
	color: #1C1C1C;
	font-size: 130%;
	font-weight: bold;
}
/* -- the wrapper that holds everything except the content_bottom--*/

#container {
	width: 580px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(/images/content_background.gif);
	background-position: top;
	background-repeat: repeat-y;
	height: auto;
}

/* -- top nav styles--*/
#horizontal {
	width: auto;
	height: 40px;
	font-weight: bold;
	font-size: 10px;
	padding-top: 8px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(/images/nav_panel..jpg);
}

#horizontal a  {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 15px;
}

#horizontal a:visited {
	color: #FFFFFF;
	text-decoration: none;
		margin-right: 15px;
}
#horizontal a:hover {
	color: #0E1215;
	text-decoration: none;
}
#footerlogoR {
	background-repeat: no-repeat;
	background-position: right;
	clear: both;
	height: 38px;
	width: 560px;
	margin-left: 5px;
	padding: 4px;
	margin-bottom: 0px;
}

/*-- Bottom navigation horizontal in the footer --*/
.bottomnav {
	height: 18px;
	padding: 4px 0 2px 0;
	width: auto;
	text-align: center;
	border-top: 1px solid #CED2D6;
	font-size: 85%;
	}
.bottomnav a {
	width: 400px;
	text-decoration: none;
	color: #666666;
	text-align: right;
	height: 19px;
}
.bottomnav a:hover {
	color: #23282E;
}


#store {
	border: 1px solid #444;
	height: 600px;
	margin-left: 20px;
}
#content {
	float: left;
	width: 550px;
	margin: 0px 0px 0 4px;
	padding: 0;
	height: auto;
}

#content p{
	padding: 0px 10px 15px 25px;
}

/* -- change inline text to other styles--*/

.footerfont {
	color: #BAC7CC;
	font-size: 90%;
}
.grey {
	color: #495A68;
	font-size: 130%;
	font-weight: bold;
}

 /*--- footer --*/

#footer {
	color: #BAC7CC;
	width: auto;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
 /*--- caps off the page with my hack content_bottom gif I intend to rework this page bottom so i don't have to mask the page shadows--*/

#cont_bottom{
	background-image: url(/images/content_bottom.gif);
	position: relative;
	background-repeat: no-repeat;
	background-color: #505050;
	margin: 0 auto;
	height:450px;
	text-align:center;
	width: 632px;
	top: auto;
}

 /*-- this div keeps the disclosure  --*/

#helppages {
	width: 89%;
	text-align: left;
	padding: 5px 15px;
	margin: 0px 0 0 10px;
	word-spacing: 0.0125em;

}
#helppages p{
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 0.0165em;
	padding-left: 0px;
	padding-right: 2px;

}
.helppages {
	text-align: left;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-left: 15px;
	margin-right: 0px;
}
#helppages ul {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	list-style-position: outside;
}

#helppages li {
	margin: 0px 0px 0px 13px;
	padding: 5px 0;
}

.reducefont {
	font-size: 90%;
	line-height: normal;
}