/* html */
html, body {height: 100%; margin: 0; padding: 0;}
body {background: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666;}
h1, h2, h3, h4 {padding: 0 0 10px 0; margin: 0; letter-spacing: .1em; color: #000;}
h1 {color: #b6002a;}
a {color: #b6002a; text-decoration: none;}
a:hover {color: #600; text-decoration: underline;}
p {margin: 0; padding: 0 0 10px 0;}

/* page structure */
#outerWrapper {min-height: 100%; position: relative; margin: 0; padding: 0;}
#mainWrapper {margin-left: auto; margin-right: auto; width: 1100px; padding: 0 0 75px 0;}
#content {margin: 0 8px 0 72px;}
.logo {width: 682px; height: 75px; background: url(../images/logo.gif) no-repeat 0 11px; display: block;}
.homeFeaturesLeft {width: 150px; float: left;}
.homeFeaturesRight {width: 820px; float: right;}

/* navigation */
.navigation {height: 30px; margin: 0 0 0 39px;}
.navigation ul {list-style: none; padding: 0; margin: 0; background: url(../images/navigationDivider.gif) no-repeat top left; height: 30px;}
.navigation ul li {height: 30px; padding: 0 20px; margin: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; float: left; background: url(../images/navigationDivider.gif) no-repeat top right; display: inline-block;}
.navigation ul li a {height: 25px; display: block; padding: 5px 0 0 0; color: #fff; letter-spacing: .1em; text-decoration: none; font-weight: bold; display: inline-block;}
.navigation ul li a:hover {text-decoration: none; color: #f0f020;}
body.tour li#tour a, body.testDrive li#testDrive a, body.features li#features a, body.pricing li#pricing a, body.contact li#contact a, body.signUp li#signUp a {color: #fd9; font-weight: bold; cursor: default;}

/* footer */
#footer {background: #f2f2f2; border-top: 1px solid #d9d9d9; position: absolute; bottom: 0; width: 100%; height: 50px; padding: 10px 0 0 0; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 2em;}

/* backgrounds */
body.home {background: url(../images/bgHome.gif) repeat-x 0 75px;}
body.tour, body.testDrive, body.features, body.pricing, body.contact,  body.signUp {background: url(../images/bgSub.gif) repeat-x 0 75px;}

/* headers */
body.home .header {background: url(../images/headers/home.jpg) repeat-x 0 0; height: 370px;}
body.tour .header, body.testDrive .header, body.features .header, body.pricing .header, body.contact .header, body.signUp .header {height: 152px; padding: 30px 69px 0 80px; margin: 0 0 20px 0;}

body.tour .header {background: url(../images/headers/tour.jpg) repeat-x 0 0;}
body.testDrive .header {background: url(../images/headers/test_drive.jpg) repeat-x 0 0;}
body.features .header {background: url(../images/headers/features.jpg) repeat-x 0 0;}
body.pricing .header {background: url(../images/headers/pricing.jpg) repeat-x 0 0;}
body.contact .header {background: url(../images/headers/contact.jpg) repeat-x 0 0;}
body.signUp .header {background: url(../images/headers/sign_up.jpg) repeat-x 0 0;}

body.home .header .screenshot {width: 589px; height: 329px; padding: 71px 23px 0 48px; background: url(../images/screenshotBG.jpg) no-repeat; float: right;}
body.home .header .left {width: 368px; height: 370px; padding: 30px 0 0 72px; float: left;}
body.home .header .left .top {height: 197px;}
body.home .header .left .bottom {width: 321px; height: 86px; margin: 0 0 0 30px; background: url(../images/buttons/sign_up_now_home.gif) no-repeat; display: block;}
body.home .header .left .bottom:hover {background-position: 0 -86px;}
body.tour h1, body.testDrive h1, body.features h1, body.pricing h1, body.contact h1, body.signUp h1 {float: left;}
body.tour .header .button, body.testDrive .header .button, body.features .header .button, body.pricing .header .button, body.contact .header .button,  body.signUp .header .button {width: 243px; height: 58px; margin: 39px 4px 0 0; display: block; background: url(../images/buttons/sign_up_now_sub.jpg) no-repeat top right; float: right;}
body.tour .header .button:hover, body.testDrive .header .button:hover, body.features .header .button:hover, body.pricing .header .button:hover, body.contact .header .button:hover, body.signUp .header .button:hover {background-position: 0 -58px;}

/* box styles */
.calloutYellowTL {height: 10px; padding: 0 0 0 10px; margin: 0; background: url(../images/boxStyles/calloutYellowTL.gif) no-repeat top left;}
.calloutYellowTR {height: 10px; padding: 0 10px 0 0; margin: 0; background: url(../images/boxStyles/calloutYellowTR.gif) no-repeat top right;}
.calloutYellowMid {padding: 0 10px; margin: 0; background: #fff2cf; border: 1px solid #d9d9d9; border-top: none; border-bottom: none; color: #333;}
.calloutYellowBL {height: 10px; padding: 0 0 0 10px; margin: 0; background: url(../images/boxStyles/calloutYellowBL.gif) no-repeat bottom left;}
.calloutYellowBR {height: 10px; padding: 0 10px 0 0; margin: 0; background: url(../images/boxStyles/calloutYellowBR.gif) no-repeat bottom right;}
.calloutWhiteOnYellowTL, .featureIconWrapper:hover .calloutWhiteOnYellowTL {height: 5px; padding: 0 0 0 5px; margin: 0; background: url(../images/boxStyles/calloutWhiteOnYellowTL.gif) no-repeat top left;}
.calloutWhiteOnYellowTR, .featureIconWrapper:hover .calloutWhiteOnYellowTR {height: 5px; padding: 0 5px 0 0; margin: 0; background: url(../images/boxStyles/calloutWhiteOnYellowTR.gif) no-repeat top right;}
.calloutWhiteOnYellowMid, .featureIconWrapper:hover .calloutWhiteOnYellowMid {padding: 0 5px; margin: 0; background: #fff; border: 1px solid #ed1019; border-top: none; border-bottom: none;}
.calloutWhiteOnYellowBL, .featureIconWrapper:hover .calloutWhiteOnYellowBL {height: 5px; padding: 0 0 0 5px; margin: 0; background: url(../images/boxStyles/calloutWhiteOnYellowBL.gif) no-repeat bottom left;}
.calloutWhiteOnYellowBR, .featureIconWrapper:hover .calloutWhiteOnYellowBR {height: 5px; padding: 0 5px 0 0; margin: 0; background: url(../images/boxStyles/calloutWhiteOnYellowBR.gif) no-repeat bottom right;}
.calloutRedTL {padding: 0 0 0 10px; margin: 0; background: url(../images/boxStyles/calloutRedTL.gif) no-repeat top left;}
.calloutRedTR {padding: 0 10px 0 0; margin: 0; background: url(../images/boxStyles/calloutRedTR.gif) no-repeat top right;}
.calloutRedTR h2 {padding: 5px 0 10px 0; margin: 0; color: #fff; font-size: 12px;}


/* tabs */
.tabs {margin: 0 0 0 10px; border-top: 1px solid #fff;}
.tabs ul {list-style: none; margin: 0; padding: 0;}
.tabs ul li {margin: 0 1px 0 0; display: block; float: left;}
.tabs ul li a {margin: 0; padding: 0 0 0 10px; background: url(../images/boxStyles/calloutRedTL.gif) no-repeat top left; float: left;}
.tabs ul li a span {margin: 0; padding: 5px 10px 5px 0; background: url(../images/boxStyles/calloutRedTR.gif) no-repeat top right; color: #fff; font-size: 11px; font-weight: bold; display: block;}
.tabs ul li a span:hover {color: #f0f020}
.tabs ul li a.selected {background: url(../images/boxStyles/calloutYellowTL.gif) no-repeat top left;}
.tabs ul li a.selected  span {background: url(../images/boxStyles/calloutYellowTR.gif) no-repeat top right;}
.tabs ul li a.selected span {color: #333;}
.tabs ul li a.selected:hover {text-decoration: none; cursor: default;}

.calloutRedTL {padding: 0 0 0 10px; margin: 0; background: url(../images/boxStyles/calloutRedTL.gif) no-repeat top left;}
.calloutRedTR h2 {padding: 5px 0 10px 0; margin: 0; color: #fff; font-size: 12px;}

#divContent1, #divContent2, #divContent3, #divContent4, #divContent5, #divContent6, #divContent7, #divContent8, #divContent9 {display: none; margin: 0; padding: 10px;}
#divContent1 {display: block;}
#divContent1 h2, #divContent2 h2, #divContent3 h2, #divContent4 h2, #divContent5 h2, #divContent6 h2, #divContent7 h2, #divContent8 h2, #divContent9 h2 {font-size: 18px; color: #b6002a; border-bottom: 1px solid #b6002a; padding: 0 0 4px 0; margin: 0 0 20px 0; float: left; width: 100%; background: #fff2cf;}
.divContentLeft {width: 200px; padding: 0; float: left; clear: both;}
.divContentRight {width: 770px; padding: 10px 0 0 0; margin: 0; float: left;}
.calloutYellowMid .divContentRight {width: 758px; padding: 0; margin: 0 0 0 20px; float: left;}

/* screenshots */
.screenshot {width: 190px; height: 134px; padding: 4px 0 0 10px; background: transparent url('../images/screenshots/screenshotBG.gif') no-repeat 0 0; float: left;}
.calloutYellowMid .screenshot {background: transparent url('../images/screenshots/screenshotBGYellow.gif') no-repeat 0 0;}
.screenshot:hover {background-position: 0 -138px;}
.screenshot img {border: none;}
.tour .screenshot img {border: none; width: 180px; height: 120px;}
.screenshotLabel {width: 800px; padding: 10px 0 0 0; margin: 0 0 0 220px;}
.calloutYellowMid .screenshotLabel {width: 770px; padding: 10px 0 0 0; margin: 0 0 0 220px;}

/* icons */
.featureIconWrapper {width: 90px; margin: 0 5px; display: block; float: left;}
.featureIconWrapper .calloutWhiteOnYellowTL, .featureIconWrapper .calloutWhiteOnYellowTR, .featureIconWrapper .calloutWhiteOnYellowMid, .featureIconWrapper .calloutWhiteOnYellowBL, .featureIconWrapper .calloutWhiteOnYellowBR {background: none;}
.featureIconWrapper .calloutWhiteOnYellowMid {border: 1px solid #fff2cf; border-top: none; border-bottom: none;}
.featureIcon {padding: 0;display: block; font-size: 10px; text-align: center;}
.featureIcon img {width: 64px; height: 64px; border: none; padding: 0; margin: 0 0 5px 0;}
a.featureIcon {text-decoration: none;}

/* icon popups */
.popupThumb .content {margin: 0; text-align: left; display: block;}
.popupThumb {position: relative; z-index: 0; text-decoration: none; border: none; text-align: center;}
.popupThumb:hover {background-color: transparent; z-index: 50; }
.popupThumb .innerWrapper {width: 150px; position: absolute; background: #fff; padding: 5px; left: -3000px; border: 1px solid #ed1019; visibility: visible; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666; text-decoration: none;}
.popupThumb:hover span {visibility: visible; top: 0; top: 110px; left: -40px;}
.popupThumb h3 {font-size: 10px; color: #ed1019; margin: 0; padding: 0;}

/* icon modifiers */
.linkPlus {padding: 4px 0 0 30px; display: block; background: url(../images/icons/modifiers/medium/plus.png) no-repeat; height: 20px;}
.linkPlus:hover {background-position: 0 -24px;}
h1 .linkPlus, h2 .linkPlus, h3 .linkPlus, h4 .linkPlus {font-size: 12px; font-weight: normal;}
.home .homeFeaturesLeft .linkPlus {margin: 20px 0 0 0;}

/* multicolumn layouts */
.multiColA1, .multiColA2 {width: 495px;}
.multiColA1 icon, .multiColA2 icon {width: 48px; height: 48px; margin: 0 15px 0 0;}
.multiColA1 .content, .multiColA2 .content {width: 432px; margin: 0 35px;}
.list2Col {margin: 0; padding: 10px 10px 0 30px;}
.list2Col li {width: 285px; float: left; margin: 0 30px 0 0; padding: 0;}
.multiColB1, .multiColB2, .multiColB3, .multiColB4 {width: 232px; margin: 0 15px; float: left;}
.multiColB1 {margin: 0 15px 0 0;}
.multiColB4 {margin: 0 0 0 15px;}

/* buttons */
.multiColA1 .content .button {width: 243px; height: 58px; background: url(../images/buttons/take_the_tour.gif) no-repeat; display: block; margin: 0 auto;}
.multiColA2 .content .button {width: 243px; height: 58px; background: url(../images/buttons/test_drive.gif) no-repeat; display: block; margin: 0 auto;}
form .button {width: 243px; height: 58px; background: url(../images/buttons/sign_up_now.gif) no-repeat; display: block; margin: 20px 0 0 13.6em; border: none;}
.multiColA1 .content .button:hover, .multiColA2 .content .button:hover, form .button:hover {background-position: 0 -58px;}
.buttonA {height: 48px; padding: 0 0 0 20px; background: transparent url('../images/buttons/buttonBG.gif') no-repeat 0 0; font-size: 16px; font-weight: bold; color: #fff; float: left; display: block;}
.buttonA span {line-height: 24px; padding: 6px 20px 18px 0; background: transparent url('../images/buttons/buttonBG.gif') no-repeat right 0; display: block;}
.calloutYellowMid .buttonA {background: transparent url('../images/buttons/buttonBGYellow.gif') no-repeat 0 0;}
.calloutYellowMid .buttonA span {background: transparent url('../images/buttons/buttonBGYellow.gif') no-repeat right 0;}
.buttonATourWrapper {padding: 10px 0 0 0px; clear: both;}
.buttonATourWrapper .buttonA {width: 180px;}
.buttonATourWrapper .buttonA span {text-align: center;}
.buttonA:hover {background-position: 0 -48px; color: #fff; text-decoration: none;}
.buttonA:hover span {background-position: right -48px;}
.demoSS:hover {background-position: 0 -138px;}

/* misc */
.clear {clear: both;}
.line {border-top: 1px solid #b6002a; margin: 10px 0;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}
.pad25 {padding: 25px;}
.pad30 {padding: 30px;}
.floatL {float: left;}
.floatR {float: right;}
.centerText {text-align: center;}
.leftText {text-align: left;}
.rightText {text-align: right;}
.center {margin-left: auto; margin-right: auto;}
.priceWrapper {width: 650px;}
.priceTable {width: 100%}
.priceTable td {padding: 10px; text-align: right; font-size: 12px;}
.priceTable .alt {width: 60px; border: 2px solid #666; font-weight: bold; font-size: 14px; text-align: center;}
.signUpForm {width: 36em; margin: 30px auto;}
.signUpForm p {margin: 0 0 10px 0;}
.signUpForm label {width: 9em; padding: 6px 5px; font-size: 16px; display: block; float: left; vertical-align: middle; clear: both;}
.signUpForm .textBox {width: 300px; height: 20px; padding: 5px; margin: 0 20px 0 0; font-size: 16px; font-weight: bold;}
.signUpForm .textArea {width: 300px; padding: 5px; margin: 0 20px 0 0; font-size: 16px; font-weight: bold;}
.required {color: #ed1019;}
.imgPlaceholder {width: 200px; padding: 5px; margin-bottom: 20px; text-align: center; border: 1px solid #333;}
.features .calloutYellowMid ul {padding: 0; margin: 0 0 0 30px;}
.features .calloutYellowMid li {font-size: 11px; padding: 0 0 5px 0;}
.borderA {border: 1px solid #333;}
.borderB {border: 1px solid #b6002a;}
.contact .calloutYellowMid {font-size: 12px;}
.flag {color: #f00; font-weight: bold;}

/* lightview overrides */
.lv_Data {display: none;}