/***************** Fix Browsers ***********************/ html { height: 100%; margin-bottom: 1px; } * { margin: 0px; padding: 0px; } p { margin: 8px 0px 8px 2px; line-height: 18px; } body { background: #eaeae8; color: #000; font-size: 12px; font-family: verdana, arial, 'times new roman'; } .hide { visibility: hidden !important; height: 0px !important; overflow: hidden !important; } .clear { clear: both; } .clearl { clear: left; } /*****************************************************************************************************************************/ #container { margin: 10px auto; width: 950px; border: 1px solid #000; background: #fff; position: relative; } #header { height: 63px !important; background: url('../images/headerbg.jpg') repeat-x left bottom #056ae7; padding: 0px; overflow: hidden; } #header #tel { float: right; width: 210px; font-size: 200%; text-align: left; padding: 0 10px 0 0; font-weight: bold; color: #fff; } #header #tel span { font-size: 70%; } #headerimg { position: absolute; top: 0px; left: 0px; z-index: 100; height: 63px !important; background: url('../images/header.gif') no-repeat left top; } #headerhomelink1 { float: left; width: 290px; height: 40px !important; margin: 10px 0 0 0; } #headerhomelink1 a { text-decoration: none; display: block; width: 290px; height: 40px !important; } #headerhomelink2 { float: left; width: 140px; height: 30px !important; margin: 30px 0 0 0; } #headerhomelink2 a { text-decoration: none; display: block; width: 140px; height: 30px !important; } #headerexistinglink { float: left; width:140px; height: 30px !important; margin: 30px 0 0 0; } #headerexistinglink a { text-decoration: none; display: block; width: 140px; height: 30px !important; } #headerforumlink { float: left; width: 135px; height: 30px !important; margin: 30px 0 0 0; } #headerforumlink a { text-decoration: none; display: block; width: 135px; height: 30px !important; } /*****************************************************************************************************************************/ #rightbar { float: right; width: 278px; margin: 10px 5px; } #rightbar h3 { height: 20px; background: url('../images/rightbarheader.jpg') no-repeat left top; text-align: center; line-height: 20px; clear: right; color: #056ae7; font-size: 120%; } #rightbar textarea { width: 200px; height: 60px; margin: 10px 10px 0 0; float: right; } #rightbar input { margin: 0px 10px 10px 0; float: right; } #rightbar iframe { width: 278px; height: 280px; overflow: hidden;} #rb-login img { float: right; border: 1px solid #000; margin: 10px; } #rb-login p { margin: 15px 100px 0 5px; font-size: 120%; } #rb-login ul { clear: right; margin: 5px 0 5px 20px; } #rb-login li { margin: 4px 0; color: #056ae7; } #rb-login li a { color: blue; } #rb-login #loginbutton { height: 50px; width: 130px; margin: 10px auto; background: url('../images/loginbutton.jpg') no-repeat left top; } #rb-login #loginbutton a { height: 50px; width: 130px; display: block; text-decoration: none; } /*****************************************************************************************************************************/ #content { padding: 10px; margin-right: 281px; } #index1 { background: url('../images/girl1.jpg') no-repeat right bottom; padding-right: 200px; height: 249px; } #index1 h1 { padding: 15px 0 5px 0; font-size: 160%; } #index1 h2 { margin: 15px 0 0px 0; font-size: 110%; background: url('../images/index-form-title-bg.jpg') no-repeat top left; height: 19px; padding-left: 6px; color: #054798; } #index1 p { font-size: 90%; } #index1 ul { list-style-image: url('../images/tick.gif'); margin: 5px 0 0 40px; } #index1 li { height: 16px; line-height: 16px; margin: 4px 0; padding: 0 0 0 0px; font-size: 90%; font-weight: bold; } #quickapp { clear: left; margin: 0 0 10px 0; background: #dbeafc; padding: 5px; font-size: 90%; height: auto; } #quickapp #qa-left { float: left; width: 49%; clear: left; } #quickapp #qa-right { float: right; width: 49%; } #quickapp #qa-left2 { float: left; width: 49%; padding: 0 0 20px 0; } #quickapp #qa-right2 { float: right; width: 49%; padding: 19px 0 20px 0; } #quickapp #qa-right #qa-apply { width: 130px; height: 40px; margin: 20px 0 0 90px; } #questapp { clear: left; margin: 0 0 10px 0; background: #dbeafc; padding: 5px; font-size: 90%; height: 220px; } #questapp #qa-left { float: left; width: 49%; clear: left; } #questapp #qa-right { float: right; width: 49%; } #questapp #qa-left2 { float: left; width: 49%; padding: 0 0 20px 0; } #questapp #qa-right2 { float: right; width: 49%; padding: 19px 0 20px 0; } #questapp #qa-right #qa-apply { width: 130px; height: 40px; margin: 20px 0 0 90px; } .formerrortext { font-weight: bold; color: red; } #index2 { clear: both; background: url('../images/index2-bg.jpg') left top repeat-y; height: 260px; } #index2 div { width: 225px; float: left; padding: 5px; } #index2 #index2a a { color: blue; float: right; } #index2 #index2a img { float: left !important; padding: 3px 5px 3px 3px; } #index2 #index2b img { float: left; margin: 2px 1px; } #index2 #index2c img { float: left; margin: 5px 2px; } #index2 #index2d div { text-align: right; } #index2 #index2d div span { text-align: right; font-size: 90%; padding-top: 35px; display: block; color: #054798; } #index2 #index2d div img { float: right; margin: 3px 20px 3px 3px; width: 50px; height: 73px; border: 1px solid #000 !important; } #index2 #index2d a { color: blue; } #index2 div h3 { text-align: center; font-size: 120%; } #index2 img { border: 0px !important; } #awardspage ul { margin: 0 0 0 50px; } #awardspage #awardsbox1 { background: url('../images/awards1.jpg') left top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 0 0; } #awardspage #awardsbox2 { background: url('../images/awards4.jpg') left top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 0 0; } #awardspage #awardsbox3 { background: url('../images/awards3.jpg') left top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 0 0; } #awardspage #awardsbox4 { background: url('../images/awards2.jpg') 8px top no-repeat; padding: 0 3px 3px 113px; margin: 25px 0 20px 0; } #awardspage .i { font-style: italic; } #paypage { padding: 0 0 0 115px; background: url('../images/paymentmethods.jpg') 20px 20px no-repeat; } #paypage h1 { padding: 15px 0 10px 0; font-size: 180%; } #paypage h2 { margin: 25px 0 10px 0; font-size: 140%; } #paypage iframe { width: 520px; height: 500px; border: 1px solid #000; padding: 5px; } #mttpage h1 { padding: 15px 0 10px 0; font-size: 180%; } #mttpage h2 { margin: 25px 0 10px 0; font-size: 140%; } #mttpage h3 { margin: 5px 0 10px 0; font-size: 120%; } #mttpage .teammember { clear: left; padding: 20px 0; } #mttpage .teammember img { float: left; margin: 0 10px; border: 1px solid #000; } #mttpage .comingsoon { margin: 40px 10px 10px 30px; } #creditfilepage h1 { padding: 15px 0 10px 0; font-size: 180%; } #creditfilepage ul { margin: 5px 0 20px 40px; } #creditfilepage li { margin: 4px 0; } #questionappbox { position: absolute; top: 100px; left: 150px; z-index: 2; border: 10px solid #0271fe; background: #dbeafc; width: 600px; height: 400px; } #questionappbox h1 { font-size: 180%; padding: 0px 3px; } #questionappbox p { padding: 0 3px; } #questionappbox #closelink { float: right; width: 50px; height: 25px; background: #0271fe; font-weight: bold; text-align: center; font-size: 140%; } #questionappbox #closelink a { color: #fff; text-decoration: none; display: block; height: 25px; } /*****************************************************************************************************************************/ #companylink { clear: both; float: left; width: 350px; border: 1px solid #000; padding: 0 3px; font-size: 70%; margin: 30px 0 30px 10px; } #companylink p { margin: 3px 0; } #companylink a { color: blue; font-weight: normal; text-decoration: underline; font-size: 120%; } #footer { clear: both; font-size: 90%; height: 200px; min-width: 800px; } #footer h4 { font-size: 110%; margin: 0 0 3px 0; } #footer h4 a { color: #000; } #footer p { color: #211f8d; margin: 3px 0; } #footer a { text-decoration: none; } .footer-column { float: left; width: 449px; margin: 5px; } .footer-column img { float: left; margin: 0 10px 0 0; width: 60px; height: 60px; border: 1px solid #000; } .footer-column p { margin-left: 72px !important; } .footer-column a { color: blue; } .footer-row { clear: both; padding: 10px 0;} #zclause { font-size: 70%; font-weight: bold; text-align: right; background: #fff; color: #999999; clear: right; margin: 30px 10px 10px 0; } #basefooter { clear: both; height: 10px; }