/*
*****************************************************************************
AUTHOR: 		Unknown -   
DATE:			Unknown
DESCRIPTION:	css for Payload Magazine Website
INCLUDES:  		None
MODS:			None

CHANGES: 		2006.11.07 - For the 06-Redesign, Used this css external file to put
				all the new css attributes.  All after line 55 is for the 06Redesign.
				This file had not been used in the Payload Magazine site until now.
				charles.howard@dominionenterprises.com 
*****************************************************************************
*	payload specific
*	
*	font_1 == arial,helvetica
*	font_2 == verdana,arial,geneva
*	color_2 == #686A51
*	color_8 == #FF0000
*	color_9 == #FFFFFF
*	color_10 == #000000
*/
/* - whiteLinks are dependent on color_2 and therefore realm specific - */
/*
A.mainLink:hover { color: red; text-decoration : underline;  }
A.sideLink:hover { color: red;  }
A.whiteLink:hover { color: yellow;  }
A.featureLink:hover { color: red;  }
A { text-decoration: none }
.mainLink {
font-family: #font_2#;
font-weight: bold;
color: #color_3#;
text-decoration : underline; 
           }
.whitelink {
font-family: #font_2#;
font-weight: bold;
color: #color_9#;
text-decoration: underline; 
           }
		   
.sideLink {
font-family: #font_2#;
font-weight: bold;
color: #color_10#;
           }
.whiteLink2 {
font-family: #font_2#;
font-weight: bolder;
color: #color_7#;
           }
.featureLink {
color: #color_3#;
color: #color_2#;
text-decoration : underline; 
           }
*/
/* 2006 Redesign - the css below this comment line is for the 06 Redesign | charles.howard@dominionenterprises.com */		   


body
{
	padding: 0;
	margin: 0 auto;
	background: #81A9D6 url('http://images.traderonline.com/img/design/payload-06/payload-background-repeat.gif');
	background-repeat: repeat-y;
	background-position: center;
	color: #000;
	text-align: center;
}

#contents	
{
	margin: 0px auto;
	width: 819px;
	padding: 0px;
	color: #000;
	text-align:center;
}

#header
{
width:803px;
height:73px;
margin:0 0 0 8px;
}

/*	BEGIN REALMNAV */

#realmNav 
{
	position:relative; 
	top:0; 
	left:8px;
	font:10px arial, sans-serif;
	font-stretch:extra-condensed;
	color:#fff; 
	z-index:100;
	background:#747474;
	width:803px;
	height:17px;
	text-decoration:none;
}

	#realNav .pad{
	margin:3px;
	width:100%;
}

#realmNav a{
	color:#fff;
	font:10px arial, sans-serif;
	font-stretch:extra-condensed;
	text-decoration:none;
}
#realmNav a:hover{
	color:#fff;
	font:10px arial, sans-serif;
	font-stretch:extra-condensed;
	text-decoration:underline;
}
#realmNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width:800px;
}

#realmNav li { /* all list items */
	float: left;
	position: relative;
	margin-left:2px;
}

#realmNav ul.nav{
	width:100%;
}

#realmNav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 13px;
	left: -4px;
	list-style: none;
	background:#747474;
	height:17px;
	border:1px solid #fff;
	border-top:0px;
	text-align:center;
	width:auto;
}


#realmNav ul.autos{
	width:250px;
}
#realmNav ul.boats{
	width:470px;
}
#realmNav ul.homes{
	width:266px;
	/* _width:auto;  IE6 hack  */
}

#realmNav li ul li{
	margin-right:2px;
}
#realmNav li:hover ul, #realmNav li.over ul {
	display: block;
}
/*	END REALMNAV */

/* This Wraps the Content area and enables leftNav background image to extend to footer no matter what the center content length is | CHHoward  */
#mainContent
{
background-image:url('http://images.traderonline.com/img/design/payload-06/payld-menu-repeat.gif');
background-repeat:repeat-y;
text-align:left;
border:solid #000 0px;
margin:0 0 0 10px;
height:auto;
_height:100%;
}
#mainContentMng
{
width:800px;
background-image:url('http://images.traderonline.com/img/design/payload-06/payld-menu-repeat.gif');
background-repeat: repeat-y;
text-align: left;
border:solid #000 0px;
margin:0 0 0 8px;
padding:0 0 0 -10px;
}
#leftCol
{
float:left;
width:180px;
height:50px;
background-image:url('http://images.traderonline.com/img/design/payload-06/payld-menu-repeat.gif');
background-repeat:repeat-y;
background-position:center;
margin:0;
padding:0;
}

#center
{
float: left;
width: 475px;
background-color: #fff;
margin: 0 0 0 6px;
}
#cntr2
{
width: 789px;
background-color: #fff;
padding: 0 6px;
}

#rightCol
{
float: right;
width: 134px;
height:380px;
text-align:center;
background-color: #fff;
margin: 0 8px 0 0 ;
border-top:solid #747474 1px; 
margin-top:22px;
}
#rightColAd{
width:120px; 
height:90px;
margin:10px 7px 0 7px;
}
#rightColMag{
margin:10px 0 0 0;
}
#rightColLogo{
float:right; 
margin:25px 10px 0 0;
}
#pyldfooter
{
width:803px;
height:200px;
background-image:url('http://images.traderonline.com/img/design/payload-06/payld-footer-repeat.jpg');
background-repeat: repeat-x;
background-color: #B3C4D8;
text-align:center;
margin:0 0 0 8px;
padding:10px 0 0 0;
font-weight:700;
color:#000099;
}

/* Universal TextLink Mouseover Color  */
a:hover {	color:#FF0000; }

/* Clear Both Break Class  */
.Clear
{
clear:both;
}

.black{color:#000;}

.TextT1Sm 	 { font-family:arial, helvetica, sans-serif; font-size:7.5pt; color:#747474;		}
.TextT1Smblu { font-family:arial, helvetica, sans-serif; font-size:7.5pt; color:#00099;		}
.TextT1SmB 	 { font-family:arial, helvetica, sans-serif; font-size:7.5pt; font-weight:bold;		}
.TextT1Ms 	 { font-family:arial, helvetica, sans-serif; font-size:11px;						}
.TextT1Md 	 { font-family:arial, helvetica, sans-serif; font-size:10pt; color:#747474;			}
.TextT1MdB	 { font-family:arial, helvetica, sans-serif; font-size:10pt; font-weight:bold;		}
.TextT1Lg 	 { font-family:arial, helvetica, sans-serif; font-size:12pt;						}
.TextT1LgB	 { font-family:arial, helvetica, sans-serif; font-size:12pt; font-weight:bold;		}
.TextT2SmB 	 { font-family:verdana, geneva, sans-serif;	 font-size:7.5pt; font-weight:bold;		}
.TextT2Sm 	 { font-family:verdana, geneva, sans-serif;	 font-size:7.5pt; color:#747474;		}
.TextT2Md 	 { font-family:verdana, geneva, sans-serif;	 font-size:10pt;						}
.TextT2MdB 	 { font-family:verdana, geneva, sans-serif;	 font-size:10pt; font-weight:bold;		}
.TextT2Lg 	 { font-family:verdana, geneva, sans-serif;	 font-size:12pt;						}
.TextT2LgB 	 { font-family:verdana, geneva, sans-serif;	 font-size:12pt; font-weight:bold;		}
					
					/* - mainLink - */

.mainLinkTextSm {	font-family:verdana, geneva, sans-serif;	font-size:10px;	font-weight:bold;	color:#000099;	text-decoration:underline; }
.mainLinkTextSmRed {	font-family:verdana, geneva, sans-serif;	font-size:10px;	font-weight:bold;	color:#a31801;	text-decoration:underline; }
.mainLinkTextMs {	font-family:verdana, geneva, sans-serif;	font-size:11px;	font-weight:bold;	color:#000099;	text-decoration:underline; }
.mainLinkTextMd {	font-family:verdana, geneva, sans-serif;	font-size:13px;	font-weight:bold;	color:#000099;	text-decoration:underline; }
.mainLinkTextLg {	font-family:verdana, geneva, sans-serif;	font-size:16px;	font-weight:bold;	color:#000099;	text-decoration:underline; }
.mainLink {			font-family:verdana, geneva, sans-serif;	font-weight:bold;	color:#000099;	text-decoration:underline; }
a.mainLink:link, a.mainLink:visited {	color:#000099; }


/* 1-image mouseover .css-only for leftNav 'Dealer Login' Form "Enter Button" */
#dealerEnter a {
	display:block;
	width:61px;
	height:22px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font: 11px sans-serif;
	letter-spacing: 0px;
	color:#748802;
	background:  url(http://images.traderonline.com/img/design/payload-06/payld-enter-btn.jpg) 0 0 no-repeat;
	text-decoration: none;
	text-align:center;
	line-height:11px;
	}
#dealerEnter a:hover {	
	background-position:-61px 0;
	color:#417295;
	}

#pldLogin{color:#000;margin:-5px 0 0 0;}
#pldLogin div{float:right; width:auto; margin:0px 10px 5px 0;}

/* 1-image mouseover .css-only for leftNav Buttons */
#leftNavBtn a {
	display:block;
	width:180px;
	height:25px;
	margin: 0 0 -16px 0;
	padding:0 0 0 0;
	font: 13px sans-serif;
	font-weight:900;
	letter-spacing: 0px;
	color:#777777;
	background:  url(http://images.traderonline.com/img/design/payload-06/payld-nav-btn.gif) 0 0 no-repeat;
	text-decoration: none;
	text-align:right;
	line-height:25px;
	border-bottom:solid #fff 1px;
	}
#leftNavBtn a:hover {	
	background-position:0 -25px;
	color:#fff;
	}
#leftNavBtn a span, #leftNavBtn a:hover span {margin: 0 20px 0 0;}
	
/* - opacity65% for 'img' - */
a.linkopacity65 img {
filter:alpha(opacity=100);
opacity:1.0 ;
}

a.linkopacity65:hover img {
filter:alpha(opacity=65);
opacity: 0.65;
}


/* - opacity65% For form  'input' - */
.formBtnOpacity65 {
filter:alpha(opacity=100);
opacity:1.0 ;
}

.formBtnOpacity66  {
filter:alpha(opacity=65);
opacity: 0.65;
}

   

/* - ORIG COPIED FROM CCTOL opacity - */
a.linkopacity75 img {
filter:alpha(opacity=100);
opacity: 1.0;
}

a.linkopacity75:hover img {
filter:alpha(opacity=75);
opacity: 0.75;
}