/* RISK REPORTING by TODA LTD VERSION 1.0 */ /* 1.BODY ---------------------------------------------------------------------- */ body { text-align:center; background:url(../images/body_back.jpg) repeat-x; margin: 0; background-color: #F1F6FC; } /* 2.GLOBAL STYLING ---------------------------------------------------------------------- */ p{ margin: 0px 10px 0px 0px; font-size: 0.8em; text-align: left; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; } b { font-weight: bolder; } .blue {color:#0067CC;} .pink {color: #D2308C;} ul{ margin: 0; list-style-type: none; text-indent: 0px; } img { border:0; } .imgright { float: right; text-align: right; margin-left: 20px; } .claimtitle { font: 130% Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 0px 10px; padding: 0px; text-transform: uppercase; font-weight: bolder; } .claimwhite { font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #FFFFFF; line-height: 1.3em; font-weight: normal; } p.blockquote{ font: 1.2em Georgia, serif; line-height: 1.2em; color: #666666; font-style: italic; } p.blockquote_credit { font-size: 0.8em; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #0067CC; } p.blockquote_credit_rule { font-size: 0.8em; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #447A8F; background-image: url(../img/general/left-col-rule.jpg); background-repeat: no-repeat; } /* 3.HEADINGS ---------------------------------------------------------------------- */ h1 { font: 125% Arial, Helvetica, sans-serif; color: #0067CC; margin: 0px 0px 10px; padding: 0px; text-transform: uppercase; font-weight: bold; } h2 { font: bold 80%/1.3em Arial, Helvetica, sans-serif; color: #D2308C; margin: 0px 0px 10px; padding: 15px 0 0 0; } .blue { color: #0067CC; font-size:110%; } .pinkh2 { color: #D2308C; font-size:110%; } h4 { margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #FFFFFF; line-height: 1.5em; font-weight: normal; } .copyright { color: #FFFFFF; } /* 4.LINKS ---------------------------------------------------------------------- */ a:link { text-decoration: underline; color: #FFFFFF; } a:visited { text-decoration: none; color: #E2F3FB; } a:hover { text-decoration: underline; color: #E2F3FB; } a:active { text-decoration: none; } a:link.pink { text-decoration: underline; color: #D2308C; font-weight: bold; } a:visited.pink { text-decoration: none; color: #D2308C; font-weight: bold; } a:hover.pink { text-decoration: underline; color: #0067CC; font-weight: bold; } a:active.pink { text-decoration: underline; } a:link.contactpage { text-decoration: none; color: #333333; } /* 5.IMAGES ---------------------------------------------------------------------- */ img { margin: 0px; bottom: 0px; padding: 0px; } /* 6.RULES ---------------------------------------------------------------------- */ hr.d { border: none 0; border-top: 1px dashed #94C9A8;/*the border*/ width: 95%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ margin-top: 10px; } .tickmarks { font: 90% Arial, Helvetica, sans-serif; color: #999999; margin: 0px 0px 10px; padding: 0px; line-height: 1.2em; } /* 6.LAYOUT ---------------------------------------------------------------------- */ #wrapper { width:960px; text-align:left; margin:auto; padding-top: 16px; } #footerwrapper { text-align:left; margin:auto; background-color: #0067CC; border-top: solid #007BF2 1px; } #topbandred { width:50%; height: 16px; float:left; background-color: #FF0000; position: 0; } #topbandgrey { width:50%; height: 16px; float:right; background-color: #CCCCCC;} #twocolWrap { float: left; width: 640px; } #success { float: right; width: 600px; padding-left: 40px; padding-top: 20px; } #nav { text-align:right; padding: 0 0 0 10px; height: 37px; } #hdr { text-align:left; height:120px; padding: 0 10px 0 10px; } #banner { width: 930px; background-image: url(../images/hdr_back.png); height: 278px; padding: 10px 10px 10px 20px; background-repeat: no-repeat; } #bannerLeft { width: 600px; float: left; } .floatleft { float:left; padding-right:20px; } .floatright { float:right; padding:20px; } .logo_mainFloat { float:left; padding:0; } #mainContainer { width:940px; text-align:left; background:#FFF url(../images/two_col_back.jpg) repeat-y; margin:10px 0 0 10px; padding-top:35px; padding-bottom: 25px; border: solid #FFF 1px; } #Mainleft { float:left; width:550px; padding-left:40px; } #content { width:280px; float:left; padding-left:40px; background-image: url(../images/line_vert.jpg); background-repeat: no-repeat; } #main_body_container { width:940px; text-align:left; background:#FFF url(../images/home_back.jpg) repeat-y; margin:10px 0 0 10px; padding:0; border: solid #FFF 1px; } #contentwrap { width:860px; float:left; background-image: url(../images/content-wrap-back-home.jpg); margin: 30px 0 20px 40px; } #contentleft { width:220px; float:left; padding:0; } #contentcenter { width:220px; float:left; margin:0 0 0 40px; padding:0; } #contentright { width:340px; float:left; margin:0 0 0 40px; padding:0; } ul.disc { list-style-type:disc; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333333; line-height:1.6em; text-align:left; list-style-image:url(../images/red_bullet.gif); margin:0; padding:10px 0 0 13px; } /* 7.NAVIGATION ---------------------------------------------------------------------- */ #menu { list-style: none; } #menu li { float: right; } #menu a * { display: none; } #menu a, #menu a .hover { height: 37px; position: relative; display: block; background: url(../images/menu/menu.png) 0 0 no-repeat; background-image: url(../images/menu/menu.png); } /* individual navigation items */ #menu a.home { background-position: 0 0; width: 64px; } #menu .highlight a.home:hover, #menu a.home .hover { background-position: 0 -37px; width: 64px; } #menu a.menu2 { background-position: -64px 0px; width: 153px; } #menu .highlight a.menu2:hover, #menu a.menu2 .hover { background-position: -64px -37px; } #menu a.menu3 { background-position: -216px 0; width: 99px; } #menu .highlight a.menu3:hover, #menu a.menu3 .hover { background-position: -216px -37px; } #menu a.menu4 { background-position: -315px 0; width: 159px; } #menu .highlight a.menu4:hover, #menu a.menu4 .hover { background-position: -315px -37px; } #menu a.menu5 { background-position: -474px 0; width: 67px; } #menu .highlight a.menu5:hover, #menu a.menu5 .hover { background-position: -474px -37px; } #menu a.menu6 { background-position: -541px 0; width: 129px; } #menu .highlight a.menu6 :hover, #menu a.menu6 .hover { background-position: -541px -37px; } #menu a.homeCurrent { background-position: 0 -37px; width: 64px; } #menu a.menu2Current { background-position: -64px -37px; width: 153px; } #menu a.menu3Current { background-position: -216px -37px; width: 99px; } #menu a.menu4Current { background-position: -315px -37px; width: 159px; } #menu a.menu5Current { background-position: -474px -37px; width: 67px; } #menu a.menu6Current { background-position: -541px -37px; width: 129px; } #menu a.homeCurrent .hover { background-position: 0 -37px; width: 64px; } #menu a.menu2Current .hover { background-position: -64px -37px; width: 153px; } #menu a.menu3Current .hover { background-position: -216px -37px; width: 99px; } #menu a.menu4Current .hover{ background-position: -315px -37px; width: 159px; } #menu a.menu5Current .hover{ background-position: -474px -37px; width: 67px; } #menu a.menu6Current .hover{ background-position: -541px -37px; width: 129px; } /* 8.SITEINFO/FOOTER ---------------------------------------------------------------------- */ #footer { text-align:left; padding-bottom: 20px; padding-top: 35px; margin: auto; width: 960px; background-image: url(../images/footer-back.jpg); background-repeat: no-repeat; } #foot_left { float:left; width:300px; padding-bottom:0; padding-left:40px; background-repeat: no-repeat; } #foot_right { width:573px; float:left; text-align:right; } #foot_clear { clear:both; } #navigation ul { list-style:none; margin:0; padding:0; } #navigation li { display:inline; } #navigation a:link,#navigation a:visited { color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:65%; border-left:1px solid #E2F3FB; font-weight:700; padding:0.1px 4px 0.1px 6px; } #navigation a:hover { color:#E2F3FB; text-decoration: underline; } #navigation ul a.first { border-left:none; padding-left:0; } /* 9.GET A QUOTE SIDE BUTTON ---------------------------------------------------------------------- */ #riskreportingtab { background:transparent url(../images/menu/riskreportingtab.png) no-repeat scroll 0px 0px; height:170px; left:0; position:fixed; top:173px; width:40px; } div#riskreportingtab:hover { background-position:-41px 0px; } #riskreportingtab a { display:block; height:170px; width:40px; } /* 9.ACORODIAN ---------------------------------------------------------------------- */ .discServices li { list-style-type:none; padding-top: 10px; } #log { position:fixed; bottom:0; right:1em; text-align:right; } #switch { position:fixed; bottom:0; right:15em; } .basic { width:860px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:left; } .basic div { background-color:#F2F2F2; height:100%; overflow:visible; background-image:url(../images/services_back.png); background-repeat:repeat-x; } .basic p { text-align:left; padding:10px 10px 0 30px; } .basic a { cursor:pointer; display:block; margin-top:0; text-decoration:none; color:#FFF; background-color:#C00; border-top:1px solid #FFF; padding:10px; background-image: url(../images/services_hdr.jpg); } .basic a:hover { background-color:#000; color:#FFF; } .basic a.selected { color:#FFF; background-color:#C00; } /* 9.HOME PAGE ---------------------------------------------------------------------- */ #makeAclaim { width: 310px; float: left; background-image: url(../images/claim_back.jpg); background-repeat: repeat-x; height: 258px; padding-left: 10px; padding-top: 10px; } /* 10. WHY USE PAGE ---------------------------------------------------------------------- */ .why div#rightcol { width: 250px; } /* home page right column width */ /* 11. SERVICES PAGE ---------------------------------------------------------------------- */ #servicesLeft { float:left; width:860px; padding-left:40px; } #servicesRight { width:210px; float:left; padding-left:30px; } ul.discServices { list-style-type:disc; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333; line-height:1.6em; text-align:left; list-style-image:url(../images/red_bullet.gif); margin:0; padding:10px 0 0 40px; } .redBodyBold{ color: #CC0000; font-weight: bold; } /* 11. CONTACT PAGE ---------------------------------------------------------------------- */ #ContactLeft { float:left; width:375px; padding-left:40px; } #ContactRight { width:460px; float:left; padding-left:30px; } .labelcell,.labelcellcheck { font:75% Arial, Helvetica, sans-serif; color:#666; vertical-align:top; padding-top:3px; } #tickServices li { font: 90% Arial, Helvetica, sans-serif; color: #666666; margin: 0px 0px 20px 0px; padding: 0 0 0 35px; line-height: 1.2em; background-repeat: no-repeat; text-align: left; text-indent: 0pt; height: 40px; background-image: url(../images/tick.gif); font-weight: bold; } #tickServices { padding-left:0px; } #claimEnquiry { width:235px; background-color: #0193DE; padding: 15px; background-image: url(../images/claim_back_box.gif); background-repeat: no-repeat; border: solid #FFF 8px; float: left; } #claimEnquiryHome { width:550px; background-color: #0193DE; padding: 15px; background-image: url(../images/claim_back_box.gif); background-repeat: repeat-x; float: left; margin: 20px 20px 20px 40px; } /* 12. CLAMIS FORM ---------------------------- */ #title { width: 330px; height: 26px; color: #5A698B; font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 5px; background: transparent url("images/bg_legend.gif") no-repeat; text-transform: uppercase; letter-spacing: 2px; text-align: center; } form { width: 500px; } .col1 { text-align: right; width: 200px; height: 31px; margin: 0; float: left; margin-right: 2px; background: url(images/bg_label.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; } .col2 { width: 250px; height: 31px; display: block; float: left; margin: 0; background: url(images/bg_textfield.gif) no-repeat; } .col2comment { width: 250px; height: 98px; margin: 0; display: block; float: left; background: url(images/bg_textarea.gif) no-repeat; } .col1comment { text-align: right; width: 200px; height: 98px; float: left; display: block; margin-right: 2px; background: url(images/bg_label_comment.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; } div.row { clear: both; width: 500px; } .submit { height: 29px; width: 450px; background: url(images/bg_submit.gif) no-repeat; padding-top: 15px; clear: both; } .input { background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 1px; border: 1px solid #8595B2; } .textarea { border: 1px solid #8595B2; background-color: #fff; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; }