body {
	background-image: url(images/background-page.jpg);
	background-position: center top;
	background-repeat: repeat;
}
.margin-left-100 {
	margin-left:100px;
}
a.popup{
    position:relative; /*this is the key*/
    z-index:0; 
    color:#000000;
    text-decoration:none;}

a.popup:hover{z-index:0;}

a.popup span{display: none;} /*the span will not display in normal state*/

a.popup:hover span{ /*the span within <a></a> will display just on :hover state*/
    display:block;
    position:absolute;
    top:-200px; left:-25px;
    border:0px solid #00ccff; /*width:15em;*/
    background-color:#007189; color:#ffffff;
    text-align: left;
}
.popupsize {
	width:612px;
	height:1260px;
}	
.etips_archive_bckgrnd {
	background-color:#007189; 
}
.whitelinks {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
a.whitelinks:hover {
	color: #FFCC00;
	text-decoration: underline;
}
a.whitelinks:visited {
	color: #FFCC00;
}
.shopcartlinks {
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #545454;
}
a.shopcartlinks:hover {
	color: #000000;
	text-decoration: none;
}
.blacklinks {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a.blacklinks:hover {
	color: #545454;
	text-decoration: none;
}
a.blacklinks:visited {
	color: #545454;
	text-decoration: underline;
}
.titlelinks {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a.titlelinks:hover {
	color: #545454;
	text-decoration: none;
}
a.titlelinks:visited {
	color: #545454;
	text-decoration: underline;
}
.pagenav {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a.pagenav:hover {
	color: #545454;
	text-decoration: none;
}
a.pagenav:visited {
	color: #545454;
	text-decoration: underline;
}
.white10 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
}
.white11 {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
}
.white12 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
}
.white14 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
}
.white15 {
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
}
.black9 {
	line-height: 150%;
	font-family: "Book Antiqua", Times, serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.black10 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.black11 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.black12 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.black13 {
	line-height: 110%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
.black14 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}
.black15 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
}
.black16 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}
.black18 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}
.black20 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}
.black22 {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
}
.text13 {
	font-size: 13px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.text12 {
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.text11{
	font-size: 11px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.text10{
	font-size: 10px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.text9{
	font-size: 9px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.text8{
	font-size: 8px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.captionblack {
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	font-family: 	font-family: Arial, sans-serif;
}
.bodytext {
	margin-right: 22px;
	margin-left: 30px;
	font-size: 11px;
	color: #000000;
	font-family: Arial, sans-serif;
}
.footer {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
a.footer:link {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
a.footer:active {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 13px;
	color: #E4D0A1;
	text-decoration: none;
}
a.footer:visited {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 13px;
	color: #E4D0A1;
	text-decoration: none;
}
a.footer:hover {
	line-height: 150%;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: underline;
}