/*-------------------------------------------------------------------------- [client] Screen Stylesheet author:Anton Ivanov [site-creator] email:site-creator@mail.ru icq:3355666 website:www.site-creator.info -----------------------------------------------------------------------------*/ /* Tags --------------------------------------- */ * { margin:0; padding:0; } html { height:100%; font-size:100.01%; } body { height:auto !important; height:100%; min-height:100%; position:relative; background:#fff; font:16px/1.2 Arial,Tahoma,Verdana,Sans-Serif; color:#2C2C2C; } img { border:none; vertical-align:top; } img.f_left { margin-right:1.25em; } img.f_right { margin-left:1.25em; } hr { border:none; border-top:1px solid gray; background:gray; height:0; overflow:hidden; margin: 7px 0; } /*--- Links --------------------------- */ *:focus { outline:none; } a { cursor:pointer; color:#2C2C2C; text-decoration:underline; } a:hover { text-decoration: none; } /*--- Text --------------------------- */ p { padding:4px 0 18px 0; } li { list-style:none; vertical-align:bottom; } ol li { list-style:decimal inside; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } blockquote { padding:30px; } acronym { font-variant:small-caps; } acronym,dfn { cursor:help; border-bottom:1px dashed #4682B4; } dfn,cite,var,address { font-style: normal; } /*--- Table --------------------------- */ table { border-collapse:collapse; width:100%; } caption,th,td { text-align:left; font-weight:normal; } th,td { text-align:center; padding:1em; border: 1px solid #2C2C2C; } /*--- Forms -------------------------- */ fieldset { border:none; } label,label * { vertical-align:middle; } input.text_field,textarea { vertical-align:middle; padding:4px 2px; border:1px solid #6E6E68; width:97px; font:14px Arial; color:#6CA811; } textarea { vertical-align:top; line-height:1.2em; height:8em; width:50%; display:block; } .button { width:auto; border:none; background:none; display:block; } select { color:#000; font:13px arial; width:154px; margin-right:17px; vertical-align:top; } select.state { width:127px; margin-right: 11px; } /*--- Headings ----------------------- */ h1,h2,h3,h4,h5,h6 { font:25px Arial; color: #0F8305; } /*--- Main laws ---------------------------- */ .clear { width:100%; clear:both; height:0; overflow:hidden; } .rubber { width:100%; float:left; } .f_left { float:left; } .f_right { float:right; } .img_repl { text-indent:-3000em; overflow:hidden; display: block; } /*--- Round edge ----------------------- */ .round_edge { overflow:hidden; width:6px; height:6px; position:absolute; background:url(../images/round_edge.png); } .tl { left:0; top:0; background-position:0 0; } .tr { right:0; top:0; background-position:-6px 0; } .bl { left:0; bottom:0; background-position:0 -6px; } .br { right:0; bottom:0; background-position: -6px -6px; } #top_bar .round_edge { width:38px; height:38px; background:url(../images/round_edge_big.png); } #top_bar .tr { background-position: -38px 0; } #head .tl { width:38px; height:38px; background:url(../images/round_edge_big.png); } #head_box:before,#head_box:after { display:block; height:19px; overflow:hidden; font-size:0; line-height:0; clear:both; color:#FDFA5B; } #head_box:before { content:url(../images/head_box_tl.png); margin:-9px -15px -12px -17px; background:url(../images/head_box_bg2.png) no-repeat right 0; } #head_box:after { content:url(../images/head_box_lb.png); margin:0 -15px 0 -17px; background: #FDFA5B url(../images/head_box_bg2.png) no-repeat right -19px; } #footer .round_edge,.box .round_edge { width:18px; height:18px; background:url(../images/round_edge_middle.png); } #footer .tl,.box .tl { background-position:0 0; } #footer .tr,.box .tr { background-position:-18px 0; } #footer .bl,.box .bl { background-position:0 -18px; } #footer .br,.box .br { background-position: -18px -18px; } /* Layouts --------------------------------------- */ #wrap { margin:0 auto; width:858px; padding: 0 110px 36px 32px; } /*--- Head -------------------------- */ .title { color:#6CCAF6; padding:32px 0 0 49px; position:relative; left:32px; background:url(../images/title_bg.png) no-repeat; line-height:1; } .title img { display: block; } #top_bar { margin:25px 21px 0 55px; background:#7AC313 url(../images/top_bar_bg.png) repeat-x; padding:15px 16px 16px 6px; position:relative; line-height:1.2 } #top_bar dl { float:left; width:213px; padding-left:36px; } #top_bar dl dt { color:#fff; font-size:25px; } #top_bar dl dt img { display: block; } #head_var_img1 { background:url(../images/head_img1.jpg) no-repeat right bottom; } #head_var_img2 { background:url(../images/head_img2.jpg) no-repeat right bottom; } #head_var_img3 { background:url(../images/head_img3.jpg) no-repeat right bottom; } #head_var_img4 { background: url(../images/head_img4.jpg) no-repeat right bottom; } #head { background:#E6D629 url(../images/head_bg.png) repeat-x; margin-left:8px; position:relative; } #head .bg2 { background:url(../images/head_bg2.png) no-repeat 0 bottom; height:217px; padding:16px 20px 0 48px; } #head h2 { padding-bottom:6px; } #head p { padding-bottom:13px; color:#fff; font-size:22px; } #head h2 img,#head p img { display:block; } #head label { color:#767676; font-size:18px; } #head fieldset { background:url(../images/key.png) no-repeat 173px 30px; } #head #zip_code { width:150px; font-size:20px; padding:8px 7px; margin-top:4px; } #head #go { position:absolute; top:120px; left:271px; color:#88C92D; font-size:29px; } #head_box { position:absolute; left:403px; top:16px; background:#FDFA5B url(../images/head_box_bg1.png) repeat-x; padding:9px 15px 0 17px; overflow:hidden; } #head_box dl { position:relative; z-index:3; float:left; font:18px tahoma; color:#798083; margin-bottom:-12px; } #head_box dl dt { font-size:21px; } #head_box dl dd { background:url(../images/marker.png) no-repeat 0 3px; padding: 0 0 1px 18px; } /*--- Content -------------------------- */ .content { padding: 21px 0 39px 0; } .main { float:right; width:616px; } .main p { padding-right:9px; font-size:15px; } .main p.lead { font-size: 16px; } .brands { margin-left:-11px; padding-bottom:25px; } .brands li { float:left; padding-left: 11px; } .sidebar { width:195px; float:left; padding-right: 47px; } .box { background:#DCFFA6 url(../images/box_bg.png) repeat-x; position:relative; padding:0 5px 2px 15px; margin-bottom:29px; color:#767676; font-size:17px; } .box h4 { font:18px tahoma; margin:0 0 2px -15px; padding:7px 0 13px 53px; color:#767676; } .box h4,.box label,.box input { z-index:3; position:relative; } .box .text_field { margin:2px 0; } .box .go2 { position:absolute; right:-6px; bottom:-25px; z-index:1; } .box .bh1 { background:url(../images/bh1.png) no-repeat; } .box .bh2 { background:url(../images/bh2.png) no-repeat; } .box .bh3 { background:url(../images/bh3.png) no-repeat; } .box .bh4 { background: url(../images/bh4.png) no-repeat; } .more { display:inline; background:url(../images/more.gif) no-repeat right 5px; font:bold 15px arial; color:#767676; padding: 0 22px 0 8px; } /*--- Footer -------------------------- */ #footer { position:relative; margin:0 66px 0 116px; background:#F5EC49 url(../images/footer_bg.png) repeat-x; padding:22px 18px 3px 22px; } #footer h5 { padding-bottom:6px; color:#5F5F5F; } #footer .button { display:inline; position:relative; top: -8px; } #fot_slogan { width:200px; height:73px; float:right; margin-top:-6px; background:url(../images/fot_slogan.png) no-repeat; text-indent:-3000em; overflow:hidden; display: block; } /* InsLastIndex.html ----------------------------------------------------------------------------------------- */ /*--- HasLayout --------------------- */ #wrap,.content,.main,.sidebar_left,.sidebar_right,.clear,.rubber,ul,dl,#top_bar,#head_box,.brands,#footer,#main_top_bar,#main_top_bar dl,.main_content { overflow: hidden; } #main_wrap { padding:22px 54px 17px 12px; width:946px; margin:0 auto; } #main_head { background:#80CFE4 url(../images/main_head.jpg) no-repeat; height:89px; margin:0 6px 0 27px; position:relative; } #main_head #air_sphere { position:absolute; top:-18px; left:57px; height:73px; width:61px; background:url(../images/air_sphere.jpg) no-repeat; } #main_head #main_h1 { position:relative; left:79px; top:44px; font-size:27px; color:#FFE535; line-height:37px; float:left; } #main_head #main_search { float:right; padding:24px 46px 0 0; height:65px; position:relative; right:8px; background:url(../images/main_search.png) no-repeat right bottom; } #main_head #main_search label,#main_search input,#main_search fieldset { float:left; } #main_head #main_search .text_field { border:3px solid #BEBEBE; border-left-width:0; border-right-width:0; padding:7px 4px; width:82px; color:#529FB2 } #main_head #main_search label { background:url(../images/main_search_label.png) no-repeat; padding-left:29px; } #main_head #main_search_sub { position:relative; top: 9px; } #main_top_bar { background:url(../images/main_top_bar.png) repeat-x; margin:0 39px 0 62px; clear:both; } #main_top_bar dl { float:left; width:195px; padding-left:85px; font-size:.875em; padding:.9em 0 .9em 85px; font-weight:bold; color:#696969 } #main_top_bar dl dt,#main_top_bar dl dt a { color:#1CACD2; font-size:20px; } #main_top_bar dl.num_1 { background:url(../images/num_1.png) no-repeat 23px .75em; } #main_top_bar dl.num_2 { background:url(../images/num_2.png) no-repeat 23px .75em; } #main_top_bar dl.num_3 { background: url(../images/num_3.png) no-repeat 23px .75em; } #zip_codes { position:relative; top:-11px; clear:both; } #zip_codes li { width:442px; height:156px; float:left; color:#fff; display:inline; margin-top:14px; } #zip_codes li .zip_code_l { position:relative; height:156px; overflow: hidden; } #zip_codes li.zip_code_home { margin-left:35px; background:#F1E63E url(../images/zip_code_home.png) repeat-x; } #zip_codes li.zip_code_home .zip_code_l { background:url(../images/zip_code_l_home.jpg) no-repeat; left:-35px; padding-left:35px; } #zip_codes li.zip_code_home .zip_code_img { background:url(../images/zip_code_img_home.jpg) no-repeat right bottom; } #zip_codes li.zip_code_auto { margin-left:18px; height:154px; background:#FFB731 url(../images/zip_code_auto.png) repeat-x; border:1px solid #fff; border-left-width:0; border-right-width:0; } #zip_codes li.zip_code_auto .zip_code_l { background:url(../images/zip_code_l_auto.jpg) no-repeat; left:-18px; padding-left:18px; } #zip_codes li.zip_code_auto .zip_code_img { background:url(../images/zip_code_img_auto.jpg) no-repeat right bottom; } #zip_codes li.zip_code_auto .zip_code_l { height:154px; } #zip_codes li.zip_code_health { margin-left:35px; height:159px; background:#63DF5A url(../images/zip_code_health.png) repeat-x; } #zip_codes li.zip_code_health .zip_code_l { background:url(../images/zip_code_l_health.jpg) no-repeat; left:-35px; padding-left:35px; } #zip_codes li.zip_code_health .zip_code_img { background:url(../images/zip_code_img_health.jpg) no-repeat right bottom; } #zip_codes li.zip_code_health .zip_code_l { height:159px; } #zip_codes li.zip_code_life { margin-left:18px; height:159px; background:#63DF5A url(../images/zip_code_life.png) repeat-x; } #zip_codes li.zip_code_life .zip_code_l { background:url(../images/zip_code_l_life.jpg) no-repeat; left:-18px; padding-left:18px; } #zip_codes li.zip_code_life .zip_code_img { background:url(../images/zip_code_img_life.jpg) no-repeat right bottom; } #zip_codes li.zip_code_life .zip_code_l { height: 159px; } #zip_codes li h2 { height:37px; padding:8px 0 0 11px; } #zip_codes li h2,#zip_codes li h2 a { font-size:25px; color:#fff; } #zip_codes li fieldset { padding-left:62px; } #zip_codes li label { font-size:22px; display:block; padding-bottom:3px; } #zip_codes li input { float:left; } #zip_codes li .text_field { padding:7px; width:117px; color:#666; } #zip_codes .main_go { position:relative; top: -6px; } .main_content { width:873px; padding:13px 15px 0; margin:0 0 4px 37px; clear:both; background:#B0B0B0 url(../images/main_content.png) repeat-x; } .main_content:before,.main_content:after,.main_content .top_re,.main_content .bot_re { color:#C7C7C7; background:url(../images/mc_tr_br.png) no-repeat right 0; height:13px; display:block; overflow:hidden; font-size:0; line-height:.1em; clear:both; } .main_content:before,.main_content .top_re { margin:-13px -15px 0 -15px; content:url(../images/mc_tl.png); } .main_content:after,.main_content .bot_re { color:#B0B0B0; margin:0 -15px; content:url(../images/mc_bl.png); background-position:right -13px; height: 7px; } .main_content ul { margin-left:-22px; position:relative; left:22px; font-size:11px; font-weight:bold; } .main_content ul li { padding:12px 12px 0; margin-right:20px; width:254px; float:left; background:#fff; color:#6F6F6F; margin-bottom:6px; } .main_content ul li:before,.main_content ul li:after,.main_content ul li .top_li_re,.main_content ul li .bot_li_re { color:#fff; background:url(../images/mc_li_tr_br.png) no-repeat right 0; height:9px; display:block; overflow:hidden; font-size:0; line-height:.1em; clear:both; } .main_content ul li:before,.main_content ul li .top_li_re { margin:-12px -12px 0; content:url(../images/mc_li_tl.png); } .main_content ul li:after,.main_content ul li .bot_li_re { color:#B0B0B0; margin:0 -12px; content:url(../images/mc_li_bl.png); background-position:right -9px; } .main_content ul li .inner { min-height:13.6em; } .main_content ul li h3 { font-size:17px; color:#7E7E7E; line-height:1.1; font-family:tahoma; padding-bottom:.5em; } .main_content ul li p { padding: 0 0 0 0; } .orange { color:#F49500 !important; } .yellow { color:#DFCA19 !important; } .blue { color:#69CFDB !important; } .green { color: #56D647 !important; } .main_brands_wrap { position:relative; overflow:hidden; text-align:center; clear:both; } .main_brands_wrap .center { float:left; left:50%; position:relative; text-align:center; } .main_brands_wrap .main_brands { position:relative; left:-50%; float:left; margin-left:0; padding-bottom: 0; } #main_footer { color:#fff; font-weight:bold; background:#86D3EA url(../images/main_footer.png) repeat-x; height:42px; margin-left:34px; font-size:11px; margin-top:5px; clear:both; overflow:hidden; } #main_footer .fot_logo { color:#7B7B7B; position:relative; top: -14px; } #main_footer ul { float:right; background:url(../images/main_footer_ul.png) no-repeat right 0; height:29px; padding:13px 10px 0 0; } #main_footer li { float:left; padding-right:8px; } #main_footer li a { color:#0088AC; } #main_footer address { background:url(../images/main_footer_address.png) no-repeat; height:29px; padding: 13px 0 0 18px; } #searchForm{ float:left; /*padding:2px 0 0 30px;*/ font-size:13px; font-weight:bold; color:#FFF; width:320px; /*background:transparent url('../images/main_search_label.png') top left no-repeat;*/ } #searchForm select{ margin:0; font-size:10px; } #searchForm select, #searchForm input, #searchForm img{ margin-top:3px; } #search_state_wrap{ float:right; margin:16px 10px 0 0; width:390px; } .state_search_a{ display:block; float:right; margin-top:19px; margin-right:10px; } .searchForm_big{ float:none !important; /*padding:2px 0 0 30px;*/ font-size:16px !important; font-weight:bold; color:#1CACD2 !important; width:320px; /*background:transparent url('../images/main_search_label.png') top left no-repeat;*/ } .searchForm_big select{ margin:0; font-size:14px !important; } .searchForm_big select, .searchForm_big input, .searchForm_big img{ margin-top:3px; } #search_state_wrap{ float:right; margin:16px 10px 0 0; width:390px; } .state_search_a_big{ display:block; float:none; margin-top:20px; margin-right:10px; } .form_moto_wrap{ background:transparent url(../images/form_bg_2.gif) top left no-repeat; width:380px; height:50px; padding:6px 10px; } #listingResults #listingHeading{ color:#1CACD2 !important; font-family:Arial,Tahoma,Verdana,Sans-Serif !important; font-size:20px !important; } #listingResults td, #listingResults th{ border:0 !important; } #listingTable{ border-top:1px dashed #666; border-bottom:1px dashed #666; } #listingResults hr{ display:none !important; } #listingResults span img{ padding: 0pt; position: relative; top: -8px !important; } #listingResults a{ color:#1CACD2 !important; font-weight:bold; /*display:block;*/ /*margin-bottom:6px;*/ } #listingResults table tr td p span{ position:relative; top:6px; /*margin-top:6px;*/ } #listingResults ul li{ list-style-type:circle; } #listingResults ul{ margin-left:10px; padding-left:20px !important; } h3.insurance{ padding-left:40px; padding-top:5px; font-size:22px !important; } h3.auto{ background:transparent url('../images/icons/auto.gif') top left no-repeat; } h3.home{ background:transparent url('../images/icons/home.gif') top left no-repeat; } h3.life{ background:transparent url('../images/icons/life.gif') top left no-repeat; } h3.health{ background:transparent url('../images/icons/health.gif') top left no-repeat; } h3.motorcycle{ background:transparent url('../images/icons/motorcycle.gif') top left no-repeat; } h3.business{ background:transparent url('../images/icons/business1.gif') top left no-repeat; } h3.insurance a{ color: #7E7E7E; } .content_text h1{ font-weight:bold; color:#1CACD2; font-size:20px; text-align:center; margin-bottom:10px; } .content_text h2{ font-weight:bold; color:#1CACD2; font-size:16px; margin-bottom:5px; margin-top:10px; } .form_article{ background:transparent url(../images/form_bg.gif) top left no-repeat; width:250px; height:50px; padding:2px 10px; color:#FFF; font-weight:bold; } .form_article table tr td{ border:0; padding:0; text-align:left; font-weight:bold; } .form_moto_wrap table tr td{ border:0; padding:0; text-align:left; font-weight:bold; }