/* styles.css */ /*------------------------------------------------------------------ Project: BlueSkyPayments.com Version: 1.0 Last change: 08/24/08 -------------------------------------------------------------------*/ body {background-color:#D1DDFF;} a:hover{text-decoration:none;} #skyContainer {background:url(../images/bg02.jpg) center; width:100%; height:848px; overflow-x:hidden; position:absolute; left:0px;} #mainContainer {position:relative;} * {outline-style:none;} #topBar {background:url(../images/topBar.png) no-repeat; height:11px;} #header {height:85px;} #header img{margin:25px 0 0 75px; display:block; float:left;} #flashHeader {position:relative; left:60px; top:1px;} #topContent {background:url(../images/bg03.png) no-repeat; height:8px;} #mainContent {background:url(../images/bg04.png) repeat-y; padding:0 55px; position:relative;} .topNav {background:#131D2E; height:42px; position:relative;} #menu {list-style:none; height:22px; position:relative; margin:0; padding:10px;} #menu li{margin-left:8px; float:left;} #menu a {display:block; text-indent:-999em; position:relative; outline:none; height:22px;} .home {background:url(../images/home.gif) no-repeat 0 0; width:51px; overflow:hidden;} .who {background:url(../images/who.gif) no-repeat 0 0; width:90px; overflow:hidden;} .services {background:url(../images/services.gif) no-repeat 0 0; width:98px; overflow:hidden;} .testimonials {background:url(../images/testimonials.gif) no-repeat 0 0; width:97px; overflow:hidden;} .security {background:url(../images/security.gif) no-repeat 0 0; width:69px; overflow:hidden;} .news {background:url(../images/news.gif) no-repeat 0 0; width:118px; overflow:hidden;} .demo {background:url(../images/demo.gif) no-repeat 0 0; width:51px; overflow:hidden;} .quote {background:url(../images/quote.gif) no-repeat 0 0; width:91px; overflow:hidden;} .contact {background:url(../images/contact.gif) no-repeat 0 0; width:72px; overflow:hidden;} .topNav .selected, #menu a:hover {background-position:0px -22px;} .contentBox {font-size:11pt; line-height:25px; color:#E1ECFF; text-align:justify; padding:40px 40px 20px 40px; background:#203256 url(../images/bg05.jpg) no-repeat; overflow:hidden; position:relative;} .contentBox a{color:#FFCF67;} .contentBox h1{color:#FFCF67; font-size:11pt;} .contentBox blockquote {font-size:10pt} .ul1{margin:0 40px 30px 40px; color:#E6A313;} .ul1 p{color:#E1ECFF; line-height:18px; font-size:10pt; margin-bottom:10px;} .ul2 {margin:0 30px 20px 30px; font-size:10pt; line-height:18px;} .ul3 {margin:5px 30px 20px 30px;} .p1 {font-size:9pt; line-height:22px;} .hr1 {background-color:#FFFFFF; height:1px; width:350px; line-height:1px;} .contentBox .header{position:relative; left:-3px; font-size:14pt; font-weight:bold; margin-bottom:10px; color:#FFCF67; display:block;} .thumbBox {float:right; width:162px; margin:0 100px 10px 80px; text-align:center; font-size:10pt; clear:both; position:relative;} .thumbBox img{border:#FFCF67 solid 1px; padding:3px;} .thumbBox img:hover {border-color:#FFFFFF;} .thumbBox a{text-decoration:none;} .thumbBox a:hover{color:#FFFFFF;} #benefitsBox, #factsBox, #quoteBox {float:right; margin:0 0 0 40px; padding:62px 38px 38px 33px; line-height:32px; font-size:9pt; font-weight:bold; text-align:left; position:relative;} #benefitsBox {width:189px; height:156px; background:url(../images/benefitsBox.png) no-repeat;} #factsBox {width:309px; height:156px; background:url(../images/factsBox.png) no-repeat;} #quoteBox {width:350px; height:500px; background:url(../images/quoteBox.png) no-repeat;} #quoteBox2 {width:350px; height:500px; padding:62px 38px 38px 33px; line-height:32px; font-size:9pt; font-weight:bold; text-align:right; position:absolute; right:95px; top:180px;} #contactBox {width:202px; height:36px; background:url(../images/contactBox.png) no-repeat; float:right; margin:13px 0 100px 40px; padding:62px 38px 38px 35px; line-height:20px; font-size:9pt; text-align:left; position:relative;} #benefitsBox a, #factsBox a{color:#FFFFFF;} #benefitsBox ul, #factsBox ul, #quoteBox2 ul{list-style:none; margin:0; color:#FFFFFF;} #benefitsBox li {background:url(../images/greenCheck.png) left no-repeat; padding-left:45px;} #factsBox li {background:url(../images/greenCheck.png) left no-repeat; padding-left:37px;} #quoteBox2 ul{margin-top:15px;} #quoteBox2 li{display:block; height:32px; overflow:hidden;} #quoteBox2 .labelTXT {font-weight:bold; float:left; text-align:left; margin-left:5px; position:relative;} #quoteBox2 span.label2 {width:260px;} #contactBox span {font-size:13pt; font-weight:bold;} .spacer {line-height:1px; padding:5px 0;} #homeButton {width:203px; height:52px; background:url(../images/homeButton.png) no-repeat left top; display:block; text-indent:-999em; position:relative; left:-10px; cursor:pointer;} #homeButton:hover {background-position:left bottom;} ul.contactForm {list-style:none; margin:30px 0 0 40px; line-height:32px; display:block; width:366px; text-align:right; font-weight:bold;} .contactForm .labelTXT {font-weight:bold; float:left; text-align:left; color:#FFFFFF; position:relative;} .contactForm li {display:block; height:32px; overflow:hidden;} .bottomNav {background-color:#141F35; border-bottom:#0C131E solid 3px; width:840px;} .bottomNav div{width:276px; height:100px; float:left; cursor:pointer;} .bottomNav span{display:block; width:806px; color:#517BB0; font-size:8pt; font-weight:bold; padding:0 17px 17px 17px; text-align:center;} .bottomNav span a{color:#517BB0; text-decoration:underline;} .bottomNav span a:hover {text-decoration:none;} .bottomNav a {text-decoration:none; color:#141F35; font-size:8pt; font-weight:bold;} #buttonOne {margin:3px 0 20px 3px; background:#7E98CC url(../images/buttonOne.png) no-repeat;} #buttonOne:hover {background:#485F8C url(../images/buttonOne_a.png) no-repeat;} #buttonTwo {margin:3px 3px 20px 3px; background:#7E98CC url(../images/buttonTwo.png) no-repeat;} #buttonTwo:hover {background:#485F8C url(../images/buttonTwo_a.png) no-repeat;} #buttonThree {margin:3px 3px 20px 0; background:#7E98CC url(../images/buttonThree.png) no-repeat;} #buttonThree:hover {background:#485F8C url(../images/buttonThree_a.png) no-repeat;} #buttonOne a, #buttonTwo a, #buttonThree a{display:block; width:247px; height:45px; padding:55px 10px 0 19px; line-height:14px;} .bottomNav2 {background:#141F35; border-bottom:#0C131E solid 3px;} .bottomNav2 span{display:block; width:806px; color:#517BB0; font-size:8pt; font-weight:bold; padding:17px; text-align:center;} .bottomNav2 span a{color:#517BB0; text-decoration:underline;} .bottomNav2 span a:hover {text-decoration:none;} #bottomContent {background:url(../images/bg06.png) no-repeat; height:10px;} #footer {background:#859DCD; filter:alpha(opacity=40); opacity:.40; width:840px; height:50px; margin:0 55px;} #footerContent {width:806px; height:50px; margin:0 55px; position:relative; top:-50px; padding:17px; font-size:8pt; color:#263571;} #footerContent span{float:right; color:#495E97;} #footerContent a{color:#495E97;} /* forms.css */ input.text, input.city, input.state, input.zip, input.avgRec, select.paySol, select.yesCC, textarea.text {border:2px solid #677085; background:#C2CEEA; font-size:11px; color:#131D2E; padding:4px;} input.text:focus, input.city:focus, input.state:focus, input.zip:focus, input.avgRec:focus, select.paySol:focus, select.yesCC:focus, textarea.text:focus {border:2px solid #E1ECFF;} input.button {background:#C2CEEA; margin-left:10px;} input.text {width:200px;} input.city {width:106px; margin-right:10px;} input.state {width:15px; margin-right:10px;} input.zip {width:35px;} input.avgRec {width:50px;} select.paySol, select.yesCC {width:61px;} textarea.text {width:200px; max-width:213px; height:60px; margin-top:3px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} .errorMsg {position:absolute; left:455px; font-size:11px; line-height:32px; color:#FFBF4F;} .errorMsg2Container {position:absolute; z-index:99; left:385px; width:150px; background-color:#09101C; opacity:0.6; filter:alpha(opacity=60); line-height:32px;} .errorMsg2 {position:absolute; z-index:100; left:395px; color:#ffffff; font-size:11px; line-height:32px; color:#FFBF4F;} form li, input {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; white-space:nowrap;}