/* Title: LHM Media website Authors: David Martin ©2008 http://www.lhmmedia.com/ */ /* =Defult */ * { margin: 0; padding: 0; } img { border: none; margin: 0; padding: 0; } html, body { margin: 0; padding: 0; } body { font: 12px/1.5 Arial, Verdana, Helvetica, sans-serif; background: url(images/bg-01.jpg) repeat-x; } a { color:#292929; } a:hover { color:#b50909; } #footer a { color:#292929; } #footer a:hover { color:#b50909; } /* =main structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #body { width: 960px; margin: 0 auto; position:relative; } hr { background-color: #b50909; color: #b50909; height: 1px; border:none; margin-bottom:15px } /*h1*/ h1 { float: left; width: 220px; margin-top: 18px;} h1 a { display: block; background: url(images/bg-h1.jpg) no-repeat; height: 91px;} /*h2*/ h2 { font-size: 18px; font-weight: normal; } h2 a { text-decoration:none } /*h3*/ h3 { font-size: 16px; font-weight: normal; } /*h4*/ /*h5*/ /*h6*/ /*p*/ p { font-size: 12px; margin-bottom: 20px; color: #4b4b4d;} p.bt-header-quote-red { margin: 0; overflow:hidden; position:absolute; bottom:0; left:0; padding:0 0 22px 83px } p.bt-header-quote-red a { background:transparent url(images/bt-header-quote-red.png) no-repeat scroll 0 0; display:block; float:left; width:143px; padding: 0 0 0 20px; height: 44px } p.bt-header-quote-red a:hover { background-position: 0 -44px } p.bt-header-quote-red span { display: none } p.bt-online-quote { margin: 0; overflow:hidden;} p.bt-online-quote a { background:transparent url(images/bt-online-quote.gif) no-repeat scroll 0 0; display:block; float:left; width:171px; height: 34px } p.bt-online-quote a:hover { background-position: 0 -34px } p.bt-online-quote span { display: none } p.bt-ask-a-question { margin: 0; overflow:hidden;} p.bt-ask-a-question a { background:transparent url(images/bt-ask-a-question.gif) no-repeat scroll 0 0; display:block; float:left; width:150px; height: 34px } p.bt-ask-a-question a:hover { background-position: 0 -34px } p.bt-ask-a-question span { display: none } p.header { font-size:16px; color:#b50909; margin-bottom:10px } /*blockquote*/ blockquote { font-size: 14px; margin-bottom: 20px; color: #616161; margin: 0;} /* branding ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #branding span { display: none;} #branding { overflow/**/:/**/hidden; height: 1%; margin-bottom:10px } #branding-1 { float:right } /* nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #nav { height:40px; background: url(images/bg-nav.jpg) no-repeat;} #nav.other { height:40px; background: url(images/bg-nav-other.jpg) no-repeat;} #nav.business { height:40px; background: url(images/bg-nav-business.jpg) no-repeat;} #nav li { float: left; list-style: none; } #nav li a { background:transparent url(images/bg-nav-item1.gif) no-repeat scroll 0 0; display:block; height:40px; } #nav li#item1 a { width: 53px } #nav li#item2 a { background-image: url(images/bg-nav-item2.gif) ; width: 67px } #nav li#item3 a { background-image: url(images/bg-nav-item3.gif) ; width: 56px } #nav li#item4 a { background-image: url(images/bg-nav-item4.gif) ; width: 51px } #nav li#item5 a { background-image: url(images/bg-nav-item5.gif) ; width: 49px } #nav li#item6 a { background-image: url(images/bg-nav-item6.gif) ; width: 66px } #nav li#item7 a { background-image: url(images/bg-nav-item7.gif) ; width: 86px } #nav li#item8 a { background-image: url(images/bg-nav-item8.gif) ; width: 149px } #nav li#item9 a { background-image: url(images/bg-nav-item9.gif) ; width: 132px } #nav li a:hover { background-position: 0 -40px } #nav li.active a { background-position: 0 -40px } #nav li span { display:none } #nav ul li ul { display: none;} #nav ul li.hide ul { display: none;} #nav ul li.show ul { display: block;} /* nav-home ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #nav.home { height:40px; background: url(images/bg-nav-home.jpg) no-repeat;} /* sub nav popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #nav ul li ul { position: absolute; top: 164px; height: auto; background:url(images/bg-subnav.png); z-index: 5; padding: 15px; } #nav ul li ul li { height: auto; color: #a9a9a9; width: 145px; margin:0 0 2px 0;} #nav ul li ul#subnav1 { left: 0; top: 169px; width: 435px; } #nav ul li ul#subnav2 { left: 53px; width: 380px; top: 169px; } #nav ul li ul#subnav2 li { width: 190px; } #nav ul li ul#subnav3 { left: 120px; width: 230px; top: 169px; } #nav ul li ul#subnav3 li { width: 100%; } #nav ul li ul#subnav6 { left: 276px; width: 175px; top: 169px; } #nav ul li ul#subnav6 li { width: 100%; } #nav ul li ul#subnav7 { left: 342px; width: 180px; top: 169px; } #nav ul li ul#subnav7 li { width: 100%; } #nav ul li ul#subnav8 { left: 428px; width: 360px; top: 169px; } #nav ul li ul#subnav8 li { width: 180px; } #nav ul li ul#subnav9 { left: 577px; width: 120px; top: 169px; } #nav ul li ul#subnav9 li { width: 100%; } #nav ul li ul#subnav1 li a, #nav ul li ul#subnav2 li a, #nav ul li ul#subnav3 li a, #nav ul li ul#subnav4 li a, #nav ul li ul#subnav5 li a, #nav ul li ul#subnav6 li a, #nav ul li ul#subnav7 li a { display:inline; height: auto; color: #fff; background: none; } #nav ul li ul#subnav8 li a { display:inline; height: auto; color: #fff; background: none; } #nav ul li ul#subnav9 li a { display:inline; height: auto; color: #fff; background: none; } #nav ul li ul#subnav1 li a:hover, #nav ul li ul#subnav2 li a:hover, #nav ul li ul#subnav3 li a:hover, #nav ul li ul#subnav4 li a:hover, #nav ul li ul#subnav5 li a:hover, #nav ul li ul#subnav6 li a:hover, #nav ul li ul#subnav7 li a:hover { color: #ff4646; } #nav ul li ul#subnav8 li a:hover { color: #ff4646; } /* header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #header { position:relative; overflow: hidden; z-index: 1; width: 100%; height: 280px; background:url(images/bg-header.jpg) no-repeat;} #header-rotate div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 280px; width: 100%; } #header-rotate div.active { z-index:10; opacity:1.0; } #header-rotate div.last-active { z-index:9; } #header-rotate div div { position:absolute; top:9px; left:30px; z-index:10; opacity:1; width: 200px; height: 260px; } #header-rotate div #header-1image { position:absolute; top:-3px; left:0px; z-index:10; opacity:1; width: 200px; height: 260px; } #header-rotate div #header-2image { position:absolute; top:-3px; left:0px; z-index:10; opacity:1; width: 200px; height: 260px; } #header-rotate div #header-3image { position:absolute; top:-3px; left:0px; z-index:10; opacity:1; width: 200px; height: 260px; } #header-rotate div #header-4image { position:absolute; top:-3px; left:0px; z-index:10; opacity:1; width: 200px; height: 260px; } ol#controls { position: absolute; z-index: 20; bottom: 0; right: 17px; margin-bottom:10px } ol#controls li span { display: none;} ol#controls li { float: left; margin-right: 3px; list-style: none;} ol#controls li a { display: block; width: 43px; height: 43px; background:url(images/bg-header-nav1.png) no-repeat;} ol#controls li a:hover { background-position: 0 -43px;} ol#controls li.active a { background-position: 0 -43px;} ol#controls li#no2 a { background-image:url(images/bg-header-nav2.png);} ol#controls li#no3 a { background-image:url(images/bg-header-nav3.png);} ol#controls li#no4 a { background-image:url(images/bg-header-nav4.png);} /* content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content { overflow/**/:/**/hidden; height: 1%; margin-bottom: 50px;} /* content-1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-1 { width: 960px; float: left; overflow/**/:/**/hidden; height: 1%;} #content-1pri a span, #content-1sec a span { display: none; } #content-1pri { width: 307px; float: left; margin-right: 18px} #content-1pri a { display: block; height: 169px; background:url(images/bt-home-car-insurance.gif) no-repeat; } #content-1sec { width: 307px; float: left; margin-right: 18px} #content-1sec a { display: block; height: 169px; background:url(images/bt-home-home-insurance.gif) no-repeat; } #content-1pri a:hover, #content-1sec a:hover { background-position: 0 -169px; } #content-1ter { width: 307px; float: right; height: 169px; background: url(images/bg-home-great-offers.gif) no-repeat;} #content-1ter ul { margin-top:36px; } #content-1ter ul li { list-style:none; float:left; } #content-1ter ul li ul { padding: 15px 17px; margin: 0} #content-1ter ul li ul li { list-style:none; font-size:12px; float:none; margin-bottom:2px } /* content-2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-2 { width: 199px; float: left; margin:12px 20px 0 0 } #content-2 h3 { background:transparent url(images/bg-content2-h3.jpg) no-repeat scroll 0 0; padding: 12px 8px 6px 16px; color:#FFFFFF; min-height:18px } #content-2 h3 span { display:none } #content-2 ul { background:transparent url(images/bg-content2-ul.jpg) no-repeat bottom; padding:0 16px 16px 16px; margin-bottom:10px } #content-2 ul li { list-style:none; padding: 6px 0; border-bottom: 1px dashed #CCCCCC; } #content-2 ul li a { text-decoration:none } #content-2pri { background:transparent url(images/bg-content2pri.jpg) no-repeat; padding: 15px 9px 9px 9px; overflow:hidden; height:111px } #content-2pri h2 { color:#4b4b4d; font-size:15px } #content-2rotate { overflow:hidden; height:100%; padding: 10px 45px 0 45px } #content-2pri #header-rotate { position:relative } #content-2pri #header-rotate div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #content-2pri #header-rotate div.active { z-index:10; opacity:1.0; } #content-2pri #header-rotate div.last-active { z-index:9; } #content-2pri #header-rotate div { top:0; left:0; z-index:8; height:110px} #content-2pri #header-rotate span { display:none} /* content-3 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-3 { width: 740px; float: right; overflow:hidden; height:1%} #content-3header { height:267px; position:relative; widht:740px} #content-3header.car { background:transparent url(images/bg-content3-header-car.jpg) no-repeat ; } #content-3character { position:absolute; bottom:0; right:0; padding-right:0px } #content-3header.travel { background:transparent url(images/bg-content3-header-travel.jpg) no-repeat ; } #content-3header.travel #content-3character { padding-right:18px } #content-3header.home { background:transparent url(images/bg-content3-header-home.jpg) no-repeat ; } #content-3header.home #content-3character { padding-right:18px } #content-3pri { float:left; width:510px; margin-top:20px; border-right: 1px solid #e7e7e7; padding-right:30px } #content-3pri h3 { font-size:25px; margin-bottom:10px } #content-3pri h2 { color:#ea1c24; font-size:16px; border-bottom: 1px solid #ea1c24; padding-bottom:10px; margin-bottom:20px } #content-3pri em { font-size:11px } #content-3pri a { color:#B50909} #content-3pri a:hover { color:#292929} #content-3pri ul { padding-left:14px; color:#4B4B4D; margin-bottom:15px } #winter-protection h2 { color:#ea1c24; font-size:20px; border-bottom: 1px solid #ea1c24; padding-bottom:10px; margin-bottom:20px } #winter-protection h3 { margin-bottom:16px; font-size:20px; } #winter-protection h3 .cufon-canvas { margin-bottom:3px } #winter-protection ul#what-you-get { padding:5px 0 0 0 } #content-3sec { float:right; width:172px; margin-top:20px } #content-3sec-contact { background:transparent url(images/bg-content-3sec-contact.jpg) no-repeat ; padding: 16px 0 16px 12px; margin-bottom:10px} #content-3sec-contact.other { background:transparent url(images/bg-content-3sec-contact-other.jpg) no-repeat ; padding: 16px 0 16px 12px; margin-bottom:10px} #content-3sec-contact h2 { margin-bottom:6px} #content-3sec-contact h2.telephone { color:#e21c24; font-size:24px } #content-3sec-contact p { margin: 0; font-size:11px; color:#4b4b4d} #content-3sec-text { background:transparent url(images/bg-content-3sec-text.jpg) no-repeat ; padding: 14px 0 15px 12px; margin-bottom:10px} #content-3sec-text p { margin-bottom: 2px; color:#4b4b4d} #content-3sec-text p.tc { font-size:10px; color:#949494 } #content-3sec-privilege { margin-bottom:10px} #content-3sec p.bt-online-quote { margin-bottom:10px } #content-3ter h3 { font-size:25px; margin-bottom:10px } #useful-links { background:transparent url(images/bg-useful-links.jpg) no-repeat ; } #useful-links h3 { padding: 20px 0 0 20px; margin:0 } #useful-links ul { background:transparent url(images/bg-useful-links-ul.jpg) bottom no-repeat ; margin:0 0 20px 0; padding:0 20px 10px 20px } #useful-links ul li { list-style:none; border-bottom: 1px solid #CCCCCC; padding: 10px 0 } #useful-links ul li.end { border:none } #useful-links ul li a { } /* content-4 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-4 { width: 525px; float: left; margin-top:20px; overflow:hidden; height:1%} #content-4 h3 { font-size:25px; margin-bottom:10px } /* footer-1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footer { padding: 0 0 10px 0 } #footer-1 { margin-bottom: 20px; } #footer-1 ul { overflow:hidden; height:1%} #footer-1 ul li { float: left; list-style: none; } #footer-1 ul li a { background:transparent url(images/bg-footer1-car.gif) no-repeat scroll 0 0; display:block; height:109px; } #footer-1 ul li.item1 a { width: 114px; margin-right:20px } #footer-1 ul li.item2 a { background:transparent url(images/bg-footer1-home.gif) ; width: 89px; margin-right:20px } #footer-1 ul li.item3 a { background:transparent url(images/bg-footer1-bike.gif) ; width: 99px; margin-right:20px } #footer-1 ul li.item4 a { background:transparent url(images/bg-footer1-van.gif) ; width: 106px; margin-right:10px } #footer-1 ul li.item5 a { background:transparent url(images/bg-footer1-business.gif) ; width: 106px; margin-right:16px } #footer-1 ul li.item6 a { background:transparent url(images/bg-footer1-convicted.gif) ; width: 107px; margin-right:15px } #footer-1 ul li.item7 a { background:transparent url(images/bg-footer1-travel.gif) ; width: 100px; margin-right:22px } #footer-1 ul li.item8 a { background:transparent url(images/bg-footer1-motorhome.gif) ; width: 111px } #footer-1 ul li a:hover { background-position: 0 -109px } #footer-1 ul li span { display:none } #footer-2 { overflow: hidden; background: url(images/bg-footer2.jpg) no-repeat; padding: 23px 28px 15px 28px; height:142px; margin-bottom:18px } #footer-2 h2 { color:#b50909; font-size:16px; margin-bottom:3px} #footer-2pri { float:left; border-right: 1px solid #b7cbd5; padding-right: 30px; margin-right: 30px; width:115px } #footer-2pri p { margin: 0 } #footer-2pri ul li { list-style: none; font-size:11px; } #footer-2pri ul li a { text-decoration: none; color:#666666 } #footer-2sec { float:left; border-right: 1px solid #b7cbd5; padding-right: 30px; margin-right: 30px; width:135px } #footer-2sec ul li { list-style: none; font-size:11px } #footer-2sec ul li a { color:#000000; text-decoration:none; color:#666666} #footer-2ter { float:left; border-right: 1px solid #b7cbd5; padding-right: 30px; margin-right: 30px; width:100px } #footer-2ter ul li { list-style: none; font-size:11px } #footer-2ter ul li a { color:#000000; text-decoration:none; color:#666666} #footer-newsletter { float: right; width: 370px } #footer-newsletter ul { padding-top:2px } #footer-newsletter ul li { margin-bottom: 5px; list-style: none } #footer-newsletter ul li label { display: block; margin-bottom: 5px;} #footer-newsletter ul li input { background: #e0e0e0; width: 360px; border: 0; padding: 5px} #footer-newsletter ul li input.submit { background: url(images/bt-submit.gif) no-repeat; border: 0; height: 24px; padding-top: 19px; overflow: hidden; display: block; width: 59px; cursor: pointer; float:right; text-indent: -999px; font-size: 0px; line-height: 0px;} #footer-newsletter ul li input.submit:hover { background-position: 0 -24px; } #footer-newsletter p { float:left } ul#social { float: right } ul#social li { list-style: none; float: left; margin-right: 5px; } #footer-3 { margin: 0 8px 20px 8px; } #footer-3 ul { overflow:hidden; height:1%} #footer-3 ul li { float: left; list-style: none; margin-right:20px } #footer-3 ul li a { background:transparent url(images/bg-footer3-homepage.gif) no-repeat scroll 0 0; display:block; height:27px; } #footer-3 ul li.item1 a { width: 95px; } #footer-3 ul li.item2 a { background:transparent url(images/bg-footer3-add.gif) ; width: 132px; } #footer-3 ul li.item3 a { background:transparent url(images/bg-footer3-rss.gif) ; width: 79px; } #footer-3 ul li.item4 { float:right; margin:0 } #footer-3 ul li.item4 a { background:transparent url(images/bg-footer3-landlordinsurance.gif) ; width: 148px; } #footer-3 ul li.item5 { } #footer-3 ul li a:hover { background-position: 0 -27px } #footer-3 ul li span { display:none } #footer-4 { padding: 0 8px } #footer-4 p { font-size:11px; margin: 0 0 10px 0 } /*img*/ /*ul ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#quote { overflow:hidden; height:1%; margin-bottom:20px; padding:0 } ul#quote li { float: left; list-style: none; margin-right: 15px } ul#quote li a { background:transparent url(images/bt-get-a-quote.gif) no-repeat scroll 0 0; display:block; height:34px; } ul#quote li.get-a-quote a { width: 126px } ul#quote li.retrieve-a-quote a { background:transparent url(images/bt-retrieve-a-quote.gif) ; width: 158px } ul#quote li.more-info a { background:transparent url(images/bt-more-info.gif) ; width: 170px } ul#quote li.annual-cover a { background:transparent url(images/bt-annual-cover.gif) ; width: 137px } ul#quote li.single-cover a { background:transparent url(images/bt-single-cover.gif) ; width: 130px } ul#quote li a:hover { background-position: 0 -34px } ul#quote li span { display:none } ul#what-you-get { margin-bottom:20px; padding:0} ul#what-you-get li { list-style:none; margin-bottom:10px; background:transparent url(images/bg-ul-what-you-get-li.gif) no-repeat ; padding: 0 0 0 35px; height:33px; color: #4b4b4d;} ul#packages { margin-bottom:20px; padding:0} ul#more { margin-bottom:20px; padding:0} ul#more li { list-style:none; background:transparent url(images/bg-ul-more-li.gif) no-repeat ; padding: 0 0 0 35px; height:33px; color: #4b4b4d;} ul#contact { margin-bottom:20px; overflow:hidden; height:1%; padding:0 } ul#contact li { list-style:none; float:left; margin-right:20px } ul#partners { margin-bottom:20px; overflow:hidden; height:1%; padding:0 } ul#partners li { list-style:none; width:120px; height:108px; border:1px solid #CCCCCC; float:left; margin: 0 4px 4px 0; padding:1px; } ul#partners li.end { margin-right:0px } ul#energy-performer { padding:10px 0 0 0 } ul#energy-performer li { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #CCCCCC; list-style:none } ul#energy-performer li h2 { border:0; margin:0; padding:0; color:#ea1c24; font-size:14px } ul#energy-performer li p { margin: 0 } ul#contact-form { padding: 0 } ul#contact-form li { list-style: none; margin: 0; overflow:hidden; height:100% } ul#contact-form li input { padding: 5px; width: 440px; border: 1px solid #bbbbbb} ul#contact-form li input.submit { width: 59px; height: 24px; border: 0; background: url(images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; } ul#contact-form li input.submit:hover { background-position: 0 -24px; } ul#contact-form li input checkbox { width:15px; float: left; margin: 2px 0 0 0 } ul#contact-form li input.file { border: 1px solid #bbbbbb } ul#contact-form li select { padding: 5px; width: 532px; border: 1px solid #bbbbbb} ul#contact-form li textarea { padding: 5px; width: 440px; border: 1px solid #bbbbbb} ul#contact-form p { margin: 0 0 10px 0; overflow: hidden; float:left } ul#contact-form p.title { width: 180px} ul#az { overflow:hidden; height:1%; padding: 0 } ul#az li { float:left; margin-right:10px; list-style:none } ul#answers li { margin-left:-13px; list-style:none; } ul#links { padding:0 } ul#links li { list-style:none } ul#links p { float:left; width:280px } ul#links img { float:right } /*ol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ol { margin-bottom:20px; padding-left:24px} ol li { margin-bottom:10px; color: #4b4b4d } /*dl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ table { border:1px solid #CCCCCC; border-collapse:collapse; margin-bottom:10px } th { background-color:#B00A00; color:#FFFFFF; padding: 5px} td { padding:5px } table.content { border:none; margin-bottom:20px } table.content td { padding: 0 15px 10px 0; color:#4B4B4D } table.numbers td { border-bottom: 1px solid #CCCCCC } #slidingDiv { display:none } a.showhide { text-decoration:none }