body { background:url('/common/images/geoffrey/geoffrey-bg.jpg'); background-repeat: repeat-x; background-attachment: fixed; background-position: center bottom; background-size: 1000px 1200px; background-color: #5FC6EF; } /* font override */ #document_container * { font-family: 'Montserrat', sans-serif; } /* document */ #document_botbar { height:34px; vertical-align:middle; } #document_header { vertical-align:top; } #document_sidebarright { padding:15px; vertical-align:top; } #document_container { background:transparent; border-color:#DDD; margin:0px auto; min-width:1000px; width:1000px; } #document_content { background:white; border-radius:20px; vertical-align:top; } #topnav { background:white; width:100%; text-align:right; } #topnav td { padding:15px; font-size:14px;} #topnav td a { padding:15px; font-size:14px;} /* general */ a { color:#4270B8; font-size:14px; font-weight:bold; text-decoration:underline; } a.inline { font-weight:bold; text-decoration:underline; } a.inline:hover { text-decoration:none; } a:focus { outline:none; } a:hover { color:#FEA92A; } h1 { color:#296CB3; font-size:26px; font-weight:normal; padding:4px; } h2 { color:#222; font-size:14px; font-weight:bold; padding:4px; } h3 { color:#322F25; font-size:16px; font-weight:normal; padding:4px; } li { color:#222; font-size:12px; } p { color:#222; font-size:12px; line-height:1.5em; padding:4px; } td { color:#222; font-size:12px; } /* form */ input[type="button"] { cursor:pointer; } input[type="button"]:hover { opacity:0.7; } input[type="password"] { border:none; font-size:14px; padding:4px; width:250px; } input[type="submit"] { cursor:pointer; } input[type="submit"]:hover { opacity:0.7; } input[type="text"] { border:none; font-size:14px; padding:4px; width:250px; } select { font-size:14px; padding:2px; } textarea { border:1px solid #aaa; font-size:14px; padding:4px; width:250px; resize:none; } /* buttons */ .bluebutton { background:#4270B8; border-radius:5px; color:white; margin-right:10px; padding:10px 20px 10px 20px; } .bluebutton:hover { background:black; } #btnAddressLookup { background:url('/common/images/geoffrey/btn-address.png'); border:none; height:31px; text-indent:-9999px; width:126px; } #btnBack { background:url('/common/images/geoffrey/btn-back.png'); border:none; height:39px; text-indent:-9999px; width:96px; } #btnBusinesstype { background:url('/common/images/geoffrey/btn-business.png'); border:none; height:31px; text-indent:-9999px; width:169px; } #btnEmailpassword { background:url('/common/images/geoffrey/btn-emailpassword.png'); border:none; height:31px; text-indent:-9999px; width:152px; } #btnForgot { height:39px; } #btnLogin { background:url('/common/images/geoffrey/btn-login.png'); border:none; height:39px; text-indent:-9999px; width:96px; } #btnNext { background:url('/common/images/geoffrey/btn-next.png'); border:none; height:39px; text-indent:-9999px; width:96px; } #btnOccupation { background:url('/common/images/geoffrey/btn-occupation.png'); border:none; height:31px; text-indent:-9999px; width:152px; } #btnTryagain { background:url('/common/images/geoffrey/btn-tryagain.png'); border:none; height:39px; text-indent:-9999px; width:96px; } #btnVehicle { background:url('/common/images/geoffrey/btn-vehicle.png'); border:none; height:31px; text-indent:-9999px; width:169px; } /* header */ #header #tel-title { color:#2D2E83; font-style:normal; text-decoration:none; text-align:right; } #header #tel, #header #tel a { color:#2D2E83; font-size:32px; font-style:normal; text-decoration:none; } #header a.button { background:url('/common/images/geoffrey/grad-blue.png'); background-position:0px 65px; border-color:#DDDDDC #B3CBE3 #C8DAEC; border-radius:5px; border-style:solid; border-width:1px; bottom:1px; color:#fff; font-size:16px; font-weight:bold; padding:7px 12px; text-decoration:none; text-align:center; text-shadow: none; } #header a.button:hover { background-position:0px 70px; } #header table { margin:10px 0px; width:100%; } #header table td { color:#f2f2f2; font-size:16px; padding:4px; } #geoffreyLogo { width: 200px; padding: 10px 15px 10px 0; } /* policysidebar */ #policysidebar { margin:80px 0px 0px 0px; border:0px solid black;} #policysidebar a { font-size:14px; } /* progress bar */ #progress .active { color:#E30A1A; } #progress .inactive { color:#aaa; } #progress span { color:#E30A1A; font-size:18px; font-weight:bold; padding:4px; } #progress table { margin-left:10px; width:auto; } #progress td { color:#aaa; padding:4px; } /* cancelation */ #cancelpolicy { margin-bottom:50px; padding:15px; } #tablecancel { border:1px solid silver; border-radius:10px; margin:10px; padding:10px; } #tablecancel td { border-bottom:1px solid #E0E3D7; color:black; font-size:14px; padding:10px 4px 10px 4px; } /* download */ #downloadsales { background:white; padding:15px; } #downloadsales #results { border-collapse:collapse; padding:4px;} #downloadsales #results a { color:black; text-decoration:underline; } #downloadsales #results a:hover { color:black; text-decoration:none; } #downloadsales #results td { border-left:1px solid silver; border-right:1px solid silver; color:black; padding:4px; white-space:nowrap; } #downloadsales #results th { background:url('/common/images/th.png'); border:1px solid silver; color:black; font-weight:normal; line-height:22px; padding:0px 4px 0px 4px; white-space:nowrap; } #downloadsales h2 { padding:4px; } #downloadsales td { padding:4px; } /* homepage */ #homepage { padding:15px; } #homepage #banner { background:url('/common/images/banner.png') #ED1F24; height:250px; width:667px; } #homepage #banner table { width:100%; } #homepage #banner td { color:white; padding:4px; vertical-align:bottom; } /* ie7 */ #ie7 { padding:15px; } #ie7 a { text-decoration:underline } /* login */ #login { margin:auto; padding:15px; width:500px; } #login #form { background:#E6F3F7; border-radius:10px; margin-top:10px; padding:30px 0px 0px 0px; text-align:center; width:auto; } #login #loginfail p { text-align:center; font-weight:bold; padding-bottom:20px; } #login #tableform { margin:auto; background:none; } #login #tableform td { padding:10px;} #login a { color:black; font-size:12px; font-weight:normal; text-decoration:underline; } #login a:hover { color:black; text-decoration:none; } /* Documents */ #documents { margin-bottom:50px; padding:20px; width:663px; } /* mta */ #mta { margin-bottom:50px; padding:15px; } #mta #customerdetails { border:1px solid silver; border-radius:10px; margin:10px; padding:10px; } #mta #customerdetails td { border-bottom:1px solid #E0E3D7; color:black; font-size:14px; padding:10px 4px 10px 4px; } #mta #vehicledetails { border:1px solid silver; border-radius:10px; margin:10px; padding:10px; } #mta #vehicledetails td { border-bottom:1px solid #E0E3D7; color:black; font-size:14px; padding:10px 4px 10px 4px; } /* payment success */ #paymentsuccess p { font-size:14px; } /* policy details */ #policydetails { margin-bottom:10px; padding:15px; } #policydetails td { padding:6px; vertical-align:top; } #policydetails th { font-size:16px; padding:8px 4px 20px 4px; } /* reset password */ #resetpassword { margin:auto; padding:15px; width:500px; } #resetpassword #form { background:#E6F3F7; border-radius:10px; margin-top:10px; padding:30px 0px 0px 0px; text-align:center; width:auto; } #resetpassword #tableform { margin:auto; background:none; } #resetpassword #tableform td { padding:10px; } /* stage 1 (application) */ #stage1 { margin-bottom:0px; padding:15px; } #stage1 #disclosure { background:#E6F3F7; border:none; border-radius:10px; color:black; font-size:14px; margin:10px; padding:10px; } #stage1 #introduction { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage1 #introduction p { color:#999; font-size:14px; font-weight:bold; } #stage1 #layout { width:100%; } #stage1 #leftside { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage1 #leftside #errormessage { color:red; font-size:20px; text-align:center; } #stage1 #leftside td { border-bottom:1px solid #E0E3D7; color:black; font-size:14px; padding:14px 4px 14px 4px; } #stage1 #rightside td { color:#777; font-size:14px; padding:4px; line-height:1.4em; vertical-align:top; } #stage1 #rightside th { font-size:14px; padding:4px; line-height:1.4em; text-align:left; } #stage1 #buttons td { border:none; padding-right:8px; } /* stage 2 (application) */ #stage2 { margin-bottom:50px; padding:15px; } #stage2 #application { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage2 #application td { border-bottom:1px solid #E0E3D7; color:black; font-size:14px; padding:10px 4px 10px 4px; } #stage2 #buttons { margin:20px 0px; } #stage2 #buttons p { padding:4px; } #stage2 #buttons td { border:none; padding:4px; } /* stage 3 (application) */ #stage3 { margin-bottom:50px; padding:15px; } #stage3 #application { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage3 #application td { border-bottom:1px solid #E0E3D7; ont-size:14px; padding:10px 4px 10px 4px; } #stage3 #buttons { margin:20px 0px; } #stage3 #buttons p { padding:4px; } #stage3 #buttons td { border:none; padding:4px; } /* stage 4 (application) */ #stage4 { margin-bottom:50px; padding:15px; } #stage4 #application { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage4 #application td { border-bottom:1px solid #E0E3D7; font-size:14px; padding:10px 4px 10px 4px; } #stage4 #buttons { margin:20px 0px; } #stage4 #buttons p { padding:4px; } #stage4 #buttons td { border:none; padding:4px; } /* stage 5 (application) */ #stage5 { margin-bottom:50px; padding:15px; } #stage5 #application { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage5 #application td { border-bottom:1px solid #E0E3D7; font-size:14px; padding:10px 4px 10px 4px; } #stage5 li { color:gray; line-height:1.2em; padding:4px; width:80%; } #stage5 #buttons { margin:20px 0px; } #stage5 #buttons p { padding:4px; } #stage5 #buttons td { border:none; padding:4px; } /* stage 6 (application) */ #stage6 { margin-bottom:50px; padding:15px; } #stage6 #application { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage6 #application td { border-bottom:1px solid #E0E3D7; font-size:14px; padding:10px 4px 10px 4px; } #stage6 #buttons { margin:20px 0px; } #stage6 #buttons td { border:none; padding:2px; } /* stage 7 (application) */ #stage7 { margin-bottom:50px; padding:15px; } #stage7 #application { background:#E6F3F7; border-radius:10px; margin:10px; padding:10px; } #stage7 #application td { border-bottom:1px solid #E0E3D7; font-size:14px; padding:10px 4px 10px 4px; } #stage7 #buttons { margin:20px 0px; } #stage7 #buttons td { border:none; padding:2px; } /* list policies*/ #list_policies { padding:20px; } #list_policies #table_list { width:100%; } #list_policies #table_list thead th { background:#4270B8; color:white; border:1px solid grey; padding:2px 10px; text-align:left; } #list_policies #table_list tbody td { border:1px solid grey; padding:4px 10px; } #list_policies a { text-decoration:underline; } /* sucessful */ #sucessful { border:1px solid silver; border-radius:10px; padding:15px; } /* why choose use */ #whychooseus { padding:15px; }