/* CSS Document */
body
{
text-align:center;
margin-left:0px;
margin-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
position:static;
background-color:#666666;
}
.localHost
{
color:#ffffff;
font-size:14px;
background-color:#ff0000;
height:24px;
}
.noScripto
{
text-align:left;
width:360px;
position:absolute;
left:250px;
top:70px;
z-index:100;
padding:15px;
color:#ffffff;
z-index:101;
}
.exclam
{
position:absolute;
top:0px;
right:0px;
font-size:40px;
padding-right:10px;
color:#ff0000;
}
.noSixo
{
color:#ffffff;
text-align:left;
width:360px;
position:absolute;
left:250px;
top:60px;
z-index:100;
padding:15px;
z-index:102;
}
.noSixo .exclam
{
margin-top:10px;
}
.noSixo p
{
margin-right:5px;
}
.container
{
position:relative;
margin:0 auto;
width:900px;
height:650px;
z-index:1;
}
/*	navigation */
.topNavBg,
.topNavBg6,
.topNavContainer /* general styles */
{
position:absolute;
top:0px;
left:0px;
width:900px;
height:38px;
z-index:1;
/**/overflow:hidden;
}
.topNavBg6 /* for ie 6 transparency */
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/core/topRound.png', sizingMethod='window');
z-index:1;
}
.topNavBg[class] /* ignored by ie6 */
{
background-image:url(../images/core/topRound.png);
z-index:1;
}
.sliders
{
width:900px;
height:38px;
position:absolute;
right:0px;
bottom:3px;
z-index:2;
}
#tabsContainer
{
position:absolute;
bottom:0px;
right:0px;
width:400px;
height:21px;
z-index:4;
}
#tabsContainer2
{
position:absolute;
bottom:0px;
right:127px;
width:500px;
height:21px;
z-index:3;
}
#tabsContainer3
{
position:absolute;
bottom:0px;
right:458px;
width:325px;
height:21px;
z-index:2;
}
#tabPod1
{
width:350px;
height:38px;
position:absolute;
top:0px;
right:-200px;
z-index:2;
}
#tabPod2
{
width:330px;
height:38px;
position:absolute;
top:0px;
right:-70px;
z-index:2;
}
#tabPod1Sub,
#tabPod2Sub,
#tabsContainer3Sub
{
/**/visibility:hidden;
}
.subSpacer
{
width:172px;
height:21px;
float:left
}
.subLinkContainer
{
position:relative;
height:21px;
}
.subTab
{
position:relative;
float:left;
padding-right:10px;
top:8px;
font-size:8px ! important;
color:#333333;
text-decoration:none ! important;
}
.subTab:hover,
.subTabActive
{
position:relative;
float:left;
padding-right:10px;
top:8px;
font-size:8px ! important;
color:#ffffff;
text-decoration:none ! important;
}
.tabButton
{
width:172px;
height:21px;
position:absolute;
left:0px;
bottom:3px;
z-index:3;
cursor:pointer;
}
.tabButtonBg,
.tabButtonBg6
{
width:172px;
height:21px;
position:absolute;
left:0px;
bottom:0px;
z-index:1;
}
.tabButtonBg6
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/core/wedge.png', sizingMethod='window');
}
.tabButtonBg[class]
{
background-image:url(../images/core/wedge.png);
}
.tabButton h3
{
color:#ffffff;
font-size:12px;
}
.navTextContainer
{
height:23px;
width:172px;
position:absolute;
top:-5px;
left:0px
}
.navText6
{
height:23px;
width:172px;
position:absolute;
top:12px;
left:0px
}


/*	end navigation */


/*	content */

.mainContentBg
{
position:absolute;
top:38px;
left:0px;
width:900px;
height:504px;
background-color:#ffffff;
z-index:0;
}
.mainContentContainer
{
position:absolute;
top:4px;
left:0px;
width:900px;
height:500px;
z-index:1;
}
.pageTag
{
width:226px;
height:112px;
position:absolute;
top:0px;
left:0px;
}
.pageTagText
{
width:200px;
position:absolute;
right:-2px;
bottom:-5px;
font-size:23px;
color:#ffffff;
text-align:right;
}
.pageTagHome
{
height:496px;
}
.topBar
{
width:670px;
height:112px;
position:absolute;
top:0px;
right:0px;
background-color:#959595;
}
.leftBox
{
position:absolute;
left:0px;
bottom:4px;
height:380px;
width:226px;
}
.aSubNavBox
{
width:180px;
position:absolute;
top:27px;
right:5px;
text-align:right;
}
#leftCopyContainer
{
width:215px;
height:360px;
position:absolute;
top:10px;
right:0px;
overflow:hidden;
}
.leftCopy
{
width:180px;
position:absolute;
left:5px;
top:0px;
text-align:left;
text-align:justify;
font-size:11px;
}
#lCopyUpButton
{
bottom:5px;
right:0px;
background-image:url(../images/core/arrowDown.gif);
}
#lCopyUpButton:hover
{
background-image:url(../images/core/arrowDownOver.gif);
}
#lCopyDownButton
{
bottom:30px;
right:0px;
background-image:url(../images/core/arrowUp.gif);
}
#lCopyDownButton:hover
{
background-image:url(../images/core/arrowUpOver.gif);
}

/*   right   */

.rightCopyContainer
{
width:625px;
height:380px;
position:absolute;
top:0px;
left:20px;
}
.rightCopy
{
width:435px;
overflow: auto;
/*
position:absolute;
left:0px;
top:0px;
*/
text-align:left;
text-align:justify;
font-size:11px;
}
.rightSingleImage
{
width:145px;
height:380px;
position:absolute;
top:0px;
right:0px;
}
#rCopyUpButton
{
bottom:5px;
right:155px;
background-image:url(../images/core/arrowDown.gif);
}
#rCopyUpButton:hover
{
background-image:url(../images/core/arrowDownOver.gif);
}
#rCopyDownButton
{
bottom:30px;
right:155px;
background-image:url(../images/core/arrowUp.gif);
}
#rCopyDownButton:hover
{
background-image:url(../images/core/arrowUpOver.gif);
}


.contentBox,
.loginContentBox,
.signupContentBox
{
width:670px;
height:380px;
position:absolute;
right:0px;
bottom:4px;
z-index:1;
}
.contentBox
{
right:0px;
overflow:hidden;
}
.loginContentBox
{
left:240px;
}
.signupContentBox .rightSingleImage
{
right:28px;
}
.loginContentBox .rightSingleImage
{
right: 38px;
}
.rightScroll
{
width:175px;
height:384px;
position:absolute;
right:0px;
top:0px;
border-left:dotted 1px #000000;
}
.rightScrollIe
{
width:175px;
height:380px;
position:absolute;
right:5px;
top:0px;
z-index:1;
}
.rightScrollIe .divFill
{
margin-bottom:-1px ! important;
}
.divSlide
{
position:absolute;
top:0px;
left:0px;
width:100px;
}
.divFill
{
width:145px;
height:95px;
position:relative;
float:left;
margin:0px 0px 1px 5px;
padding:0px;
}
.divFill a
{
position:relative;
clear:both;
}
.divFill img,
.divFill a,
.divFill a img
{
border:none ! important;
}
.scrollButton
{
width:20px;
height:20px;
cursor:pointer;
position:absolute;
right:3px;
visibility:hidden;
z-index:2;
}
#thumbUpButton
{
bottom:5px;
background-image:url(../images/core/arrowDown.gif);
}
#thumbUpButton:hover
{
background-image:url(../images/core/arrowDownOver.gif);
}
#thumbDownButton
{
bottom:30px;
background-image:url(../images/core/arrowUp.gif);
}
#thumbDownButton:hover
{
background-image:url(../images/core/arrowUpOver.gif);
}
.mainImageContainer
{
width:490px;
height:380px;
position:absolute;
left:0px;
top:0px;
text-align:left;
z-index:1;
}
#mainImage
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.singleMainImage
{
width:670px ! important;
}
img#theMainImage
{
z-index:10;
position:absolute;
top:0px;
left:0px;
display:block ! important;
visibility:visible ! important;
}
.imageCreditContainer
{
position:absolute;
bottom:35px;
left:35px;
display:none;
z-index:11;
width:400px;
}
.imageCredit
{
text-align:left;
padding:3px 5px 3px 5px;
position:relative;
z-index:2;
color:#ffffff;
}
.imageCredit a
{
color:#faa61c;
text-decoration:none ! important;
border-bottom:dotted 1px #faa61c;
}
.imageCredit a:hover
{
border-bottom:solid 1px #faa61c;
}
.imageCreditBg
{
background-color:#000000;
width:400px;
height:100%;
/*display:block;*/
position:absolute;
top:0px;
left:0px;
z-index:1;
filter:alpha(opacity=50);
opacity:.50;
}
.pageQuote
{
position:absolute;
top:-60px;
left:175px;
font-size:14px;
text-align:left;
color:#ffffff;
font-style:italic;
}

/*	end content */

.bottomContainer
{
width:900px;
height:110px;
background-image:url(../images/core/bottom.jpg);
position:absolute;
left:0px;
top:542px;
}
.mainNav
{
text-align:left;
position:absolute;
top:50px;
left:40px;
}
.systemsTable
{
width:640px;
text-align:left;
z-index:3;
}
.systemsTableHeader td
{
width:100px;
height:10px;
}
.systemsTableImage
{
position:relative;
margin-top:10px;
width:100px;
height:100px;
cursor:pointer;
z-index:1;
}
.imageDisplayContainer
{
position:absolute;
z-index:10;
top:210px;
left:360px;
height:310px;
width:300px;
/*background-color:#666666;*/
display:none;
/*border:solid 3px #faa61c;*/
}
.imageTitleContainer
{
background-color:#000000;
border:solid 3px #faa61c;
position:absolute;
bottom:5px;
right:5px;
z-index:10;
display:none;
}
.imageDisplayContainerBg
{
position:absolute;
z-index:1;
top:0px;
left:0px;
height:310px;
width:300px;
background-color:#333333;
filter:alpha(opacity=80);
opacity:0.8;
}
.imageDisplayText
{
width:220px;
position:absolute;
z-index:4;
bottom:10px;
left:10px;
font-size:11px;
text-align:left;
color:#faa61c;
}
.imageDisplay
{
position:relative;
margin-top:10px;
width:250px;
height:250px;
z-index:11;
}
.imageCloseLink
{
color:#ffffff;
position:absolute;
bottom:10px;
right:10px;
z-index:11;
}
.thumbBlocker
{
height:370px;
width:670px;
position:absolute;
left:-130px;
top:-40px;
z-index:10;
background-image:url(../images/core/blank.gif);
background-repeat:repeat;
}
.mainNav a,
.aSubNavBox a,
.systemsHeader,
.leftCopy a
{
color:#666666;
margin-right:20px;
font-weight:bold;
text-decoration:none;
}
.leftCopy a
{
text-align: right;
margin-right: 0px;
}
span.systemsHeader
{
color:#222222;
cursor:pointer;
}
.systemsLinkContainer *
{
font-weight:normal ! important;
}
.systemsLinks
{
display:none;
}
.systemOn
{
color: #000000 ! important;
}
.systemsLinkContainer br
{
line-height:5px;
}
.systemDisplayLoad
{
display:none;
}
.mainNav a:hover,
.aSubNavBox a:hover,
a.mainNavActive
{
color:#000000;
margin-right:20px;
font-weight:bold;
text-decoration:none;
}
.dealerList,
.contactCopy,
.sitemapList
{
position:relative;
top:0px;
left:0px;
}
.dealerList h1, .dealerList h2
{
font-size:10px;
line-height:10px;
margin-bottom:0px;
}
.systemsLink
{
display:block;
}
.dealerList a,
.contactCopy a,
.sitemapList a,
.newsLink,
.systemsLink
{
color:#666666;
text-decoration:none ! important;
}
.dealerList a:hover,
.contactCopy a:hover,
.sitemapList a:hover,
.newsLink:hover,
.systemsLink:hover
{
color:#faa61c;
}

.country
{
margin-left:55px;
font-size:12px;
font-weight:bold;
}
.state
{
font-size:10px;
font-weight:bold;
}
.contactCopy
{
}
.footer
{
position:absolute;
left:0px;
top:665px;
font-size:9px;
color:#333333;
height:40px;
padding-top: 10px;
}
.footer a
{
color:#333333;
text-decoration:none ! important;
}
.footer a:hover
{
color:#faa61c;
}
.fbLink
{
position: absolute;
top: 0px;
right: -35px;
text-decoration: none ! important;
}
.fbLink img
{
border: none ! important;
}
.homeLink
{
width:200px;
height:80px;
cursor:pointer;
position:absolute;
top:15px;
right:15px;
}

.loginContainer
{
text-align:left;
width:400px;
position:absolute;
top:0px;
left:10px;
}
.formLabel
{
display:block;
width:200px;
}
#rPlusForm input,
#usersource
{
font-size:10px;
}
.formSubmitLink
{
display:block;
text-align:center;
padding:2px;
font-size:12px;
color:#333333;
border:solid 1px #333333;
text-decoration:none;
}
.formSubmitLink:hover
{
display:block;
padding:2px;
font-size:12px;
color:#CCCCCC;
background-color:#333333;
text-decoration:none;
}
.requireIt
{
color:#faa61c;
}
.link200
{
width:200px;
margin:auto;
}
.leftCopyLogin
{
text-align:justify;
width:180px;
position:absolute;
top:130px;
left:30px;
}
.privacyLink,
.privacyLink:active,
.privacyLink:visited
{
padding:1px;
color:#000000;
text-decoration:none ! important;
}
.privacyLink:hover
{
color:#ffffff;
background-color:#666666;
}
.brochureContent
{
text-align:left;
}
.brochureRow
{
width:500px;
height:130px;
/*border:solid 1px #ff6601;*/
position:relative;
float:left;
margin-bottom:10px;
padding:30px 10px 10px 30px;
}
.brochureImage
{
float:left;
margin:0px 10px 10px 0px;
}
.brochureHeader
{
font-size:11px;
font-weight:bold;
}
.downloadLink
{
text-align:right;
}
.downloadIndent
{
padding-left:10px;
}


.finishesLink
{
display:none;
}



/*			scroll styles 			*/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}