﻿body { font-family: Arial, Sans-Serif; color: #535355; font-size: 14px; background-color: #FFFFFF; margin: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-y: scroll; }

form, input, select, textarea { font-family: Arial, Sans-Serif; font-size: 13px }

a:link, a:visited, a:active { color: #004674; text-decoration: none }

a:hover { text-decoration: none }

@media print  { .noprint  { display: none; } }
@media screen { .noscreen { display: none; } }

.narrowfont { font-family: Arial Narrow, Sans-Serif; }
.microfont { font-size: 6px }
.smallfont { font-size: 12px }
.largefont { font-size: 16px }
.headlinefont { font-size: 20px }
.bannerfont { font-size: 35px }
.hardlefttext { text-align: left }
.hardrighttext { text-align: right }
.lefttext { float: left }
.righttext { float: right }
.centertext { text-align: center }
.whitetext, .whitetext a:link, .whitetext a:visited, .whitetext a:active { color: #FFFFFF }
.graytext, .graytext a:link, .graytext a:visited, .graytext a:active { color: #535355 }
.redtext, .redtext a:link, .redtext a:visited, .redtext a:active { color: #913B3F }
.redtextimportant, .redtextimportant a:link, .redtextimportant a:visited, .redtextimportant a:active { color: #913B3F !important }
.linkedimage { border: 0px }
.strongtext { font-weight: bold }
.nomargin { margin:0px }
.cursorhand { cursor:pointer }
.closeicon { width:20px; height:20px }
.largeicon { width: 25px; height: 25px; margin-left: 7px; margin-bottom:5px; vertical-align:middle }
.smallicon { width: 18px; height: 18px; margin-right: 5px }
.moreicon { vertical-align:middle; padding-bottom:3px }
.centertable { margin-left: auto; margin-right: auto }
.socialicon { border: 0px; border: none; padding: 0px 0px 0px 15px}
.navlinks {text-decoration: none; color:#535355 !important}
.navlinkselected {text-decoration: none; color: #913B3F !important}
.listdot { vertical-align: middle }
#securityimage { vertical-align:middle }
#cartimage { vertical-align:top }

.fakelink {	color: #004674; text-decoration: none; cursor:pointer }
.fakelink:hover { text-decoration: none }

.questionplusminus { width:20px; height:20px; vertical-align:sub }

.subpagetitle { font-size: 25px; }
.subpagedesciption { padding-top: 30px; padding-bottom: 30px }

.button-gray {
	padding: 4px 8px 4px 8px;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #535355;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.button-gray:hover {background-color: #000000;}
.button-gray:active {background-color: #000000;}

.button-red {
	padding: 4px 8px 4px 8px;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #913B3F;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.toggle-active {padding: 8px 10px 8px 10px; height: 241px; width: 220px; display: inline-block; color: #FFFFFF; text-align: center; vertical-align: middle; background-color: #3B698F; border-radius: 100px; cursor: pointer}
.toggle-inactive{padding: 8px 10px 8px 10px; height: 241px; width: 220px; display: inline-block; color: #FFFFFF; text-align: center; vertical-align: middle; background-color: #535355; border-radius: 100px; cursor: pointer}

.button-red:hover {background-color: #535355;}
.button-red:active {background-color: #535355;}

#minisuperbar {width: 570px; background-image: url('../images/topbackbar570.png'); background-repeat: no-repeat; border: none; padding: 0px 0px 0px 0px; margin: 0px; z-index: 1104; height: 30px}

#topbarbackground{top: 0px; left: 0px; position: fixed; width: 100%; height: 100px; background-color: #FFFFFF; opacity:.9; z-index:1090}
#topbar{top: 0px; left: 0px; position: fixed; z-index: 1100; width: 100%; height: 100px; background-color: transparent; z-index:1100; padding: 0px; margin: 0px}
#topbarcontent {margin: 0px auto 4px auto; background-color:transparent; width: 970px}
#topbarline {top: 101px; left: 0px; position: fixed; z-index: 1100; width: 100%; height: 2px; background-color: #535355; opacity: .6; z-index:1100}
#spacer{height:103px; background-color: #FFFFFF; width: 100%; z-index: 500}

#navtable {width: 570px; height: 40px; border: none }
.navtd {text-align: left;}

#accentbar {height: 300px; background-color: #3B698F; width: 100%}
#accentbarcontent {width: 970px; margin-left: auto; margin-right: auto;}
.accentbarcontenttable {width: 970px; height: 300px; }
.accentbarcontenttabletd1 {width: 450px;}
.accentbarcontenttabletd2 {width: 520px; vertical-align: top;}

.bannerheadline { margin-top:22px; background-color:#1E3548; padding-left:55px; padding-right:20px; padding-top:3px; padding-bottom:3px; border-top-right-radius:8px; border-bottom-right-radius:8px }
.bannercopy { margin-top: 14px; margin-bottom: 14px; padding-left:55px; padding-right:20px; }
.bannerbutton { padding-left:55px }

#quotebar {height: 75px; background-color: #7DA7CA; width: 100%; border-bottom: 1px solid #FFFFFF }

#subpageheaderbar {height: 300px; background-color: #3B698F; width: 100%; z-index: 1000}
#subpageheaderbarcontent {width: 970px; height: 100%; margin-left: auto; margin-right: auto; z-index: 1050}

#mainbody {margin: 0px auto 0px auto; width: 970px; min-height: 100%}
#maincontent {margin: 0px 5px 40px 5px; width:970px}

#featuredcontent {margin: 10px 5px 5px 5px; width: 230px; float:left}
#featuredcontentdiv {margin: 0px 0px 10px 0px}
.featuredcontenttable {width: 220px; padding: 0px; margin: 0px}
.featuredcontenttitle {font-size: 17px; font-weight: bold; color: #FFFFFF; background-color: #3B698F; text-align: center}

.hometableshell { width:960px }
.hometableshelltd { width:320px }

.hometable { width:275px; height: 205px }
.hometabletrtop { height:15px }
.hometabletrmid { height: 175px }
.hometabletrbot { height:15px }

.hometabledivtop { background-image:url('../images/rectangle/rectop275.png'); background-repeat: no-repeat; height:15px; width: 100% }
.hometabledivmid { background-image:url('../images/rectangle/recmid275.png'); background-repeat:repeat-y; height: 175px; width: 100%; padding: 0px}
.hometabledivbot { background-image:url('../images/rectangle/recbot275.png'); background-repeat: no-repeat; height:15px; width: 100%; padding: 0px; }

.hometablepoints { padding-left:70px }

.reviewstable { width: 970px; vertical-align: top }
.reviewstabletd1 { width: 476px; vertical-align: text-top }
.reviewstabletd2 { width:18px }
.reviewstabletd3 { width: 476px; vertical-align: text-top }

.reviewtable { width:476px }
.reviewtabletrtop { background-image:url('../images/rectangle/rectop476.png'); height:15px }
.reviewtabletrmid { background-image:url('../images/rectangle/recmid476.png'); background-repeat:repeat-y }
.reviewtabletrbot { background-image:url('../images/rectangle/recbot476.png'); height:15px }

#login_user {font-size: 10pt; border: 1px solid #3B698F; height: 15px; width: 120px; background-color: #FFFFFF; background-image: url(../images/icon_userbox.png); background-repeat: no-repeat; padding-left: 17px}
#login_password {font-size: 10pt; border: 1px solid #3B698F; height: 15px; width: 120px; background-color: #FFFFFF; background-image: url(../images/icon_pwbox.png); background-repeat: no-repeat; padding-left: 14px}

#footer {background-color: #535355; width: 100%; height: 30px;}

.rectangletable { width:970px }
.rectangletabletrtop { background-image:url('../images/rectangle/rectop970.png'); height:15px }
.rectangletabletrmid { background-image:url('../images/rectangle/recmid970.png'); background-repeat:repeat-y }
.rectangletabletrbot { background-image:url('../images/rectangle/recbot970.png'); height:15px }

.touroutertable { width:970px }
.touroutertabletrtop { height: 15px }
.touroutertabletrmid { height: 180px }
.touroutertabletrbot { height:15px }

.tourouterdivtop { background-image:url('../images/rectangle/rectop970.png'); height:15px; padding: 0px }
.tourouterdivmid { background-image:url('../images/rectangle/recmid970.png'); background-repeat:repeat-y; height: 180px; padding: 0px }
.tourouterdivbot { background-image:url('../images/rectangle/recbot970.png'); height:15px; padding: 0px }

.tourtable { width:940px; padding-top:5px; padding-bottom:5px }
.tourtabletd1 { width:260px; vertical-align:top }
.tourtabletd2 { width:680px; vertical-align:top }

.tourscreen { padding-left:14px }

.listhelp {cursor: help}
#helpbox { z-index:1200; font-weight: normal; background: #535355; border: 1px solid #000000; color: #FFFFFF; position: absolute; min-width: 50px; max-width: 350px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px}
#forgotpasswordbox { z-index:1200; font-weight: normal; background: #913B3F; border: 1px solid #000000; color: #FFFFFF; position: absolute; min-width: 50px; max-width: 350px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px}

.contactform { font-size:16px; padding: 5px 5px 5px 5px; margin-bottom:15px; margin-top:5px; border: 1px solid #535355; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.signupform { font-size:16px; padding: 5px 5px 5px 5px; margin-bottom:15px; margin-top:5px; border: 1px solid #535355; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.marketingform { font-size:16px; padding: 5px 5px 5px 5px; margin-bottom:15px; margin-top:5px; border: 1px solid #535355; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.box-gray {
	padding: 15px 15px 15px 15px;
	display: inline-block;
	color: #ffffff !important;
	vertical-align: middle;
	background-color: #535355;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.box-gray a:link, .box-gray a:visited, .box-gray a:active { color: #FFFFFF; text-decoration: none }

.subpageresponsemessage { padding-bottom: 30px }

.signuptable { width:970px; }
.signuptabletd1 {width:670px; vertical-align:top }
.signuptabletd2 { width:300px; vertical-align:top }

.sslseal { padding-top:5px; padding-bottom:25px }

.marketingtable { width:970px; }
.marketingtabletd1 {width:600px; vertical-align:top }
.marketingtabletd2 { width:370px; vertical-align:top }

.contacttable { width:970px; }
.contacttabletd1 {width:600px; vertical-align:top }
.contacttabletd2 { width:370px; vertical-align:top }

.questiondiv { padding-bottom:5px }
.answerdiv { padding-bottom:5px; margin-left:25px }

.pricetable { width:700px; padding-bottom:5px; padding-top:5px }
.pricetableaccenttr { background-color:#EEEEEE }

.mgmtscreenshots {cursor: pointer; border: none;}
#close_overlay {cursor: pointer; border: none;}
#overlaybackground {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1199; background-color: #535355; opacity: .6; display:none;}
#overlaydiv {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1200; background-color: transparent; display:none;}
#overlaybox {margin: 50px auto 0px auto; height: 670px; width: 900px; background-color: #FFFFFF; border: 1px solid #000000; border-radius:8px; padding: 5px; display:none;}
#overlayscreenshot {margin: auto auto auto auto; width: 800px; height: 600px; border: none}

.graysharebar {width: 250px; background-color: #808080; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#memeoverlaydiv {width: 100%; height: 100%; position: fixed; top: 80px; left: 0px; z-index: 1200; background-color: transparent; display:none; cursor: pointer}
#memeoverlay {margin: 0px auto 0px auto; height: 640px; width: 400px; background-color: transparent; display:none; background-size: 100%; border: 5px solid #FFFFFF;}
#shareoverlaydiv{width: 100%; height: 70px; position: fixed; top: 0px; left: 0px; z-index: 1300; background-color: transparent; display: none;}
.shareoverlay {margin: 10px auto 0px auto; height: 60px; width: 410px; background-color: transparent; display: none; background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.closememeoverlay {border: none; cursor: pointer}
.memescreenshots {cursor: pointer; border: none;}