body { background: url(../images/main-bg.gif) repeat-x; padding: 0;margin: 0 auto; font: 12px Lucida Sans Unicode, Lucida Grande, Verdana, Arial; color: #555555; background-color: #eaeade;} /******* BASE STYLE *******/ UL {padding: 0px; margin: 0px} LI {padding: 0px; margin: 0px; list-style-type: none;} A { CURSOR: pointer;TEXT-DECORATION: none } .wrapper { margin:0 auto; width: 870px;} .wrapper1 { margin:0 auto; width: 894px;} /******* BANNER *******/ #topleft {position: absolute;left: 0;top: -3px;display: block;height: 195px;width: 183px;background: url(../images/ad4.png) no-repeat;text-indent: -999em;text-decoration: none;z-index:100;} /******* TOP NAVIGATION *******/ #topNav { background: #EAEADE; position: relative; width: 100%; height: 25px; border-bottom: 1px solid #E4E4DA;} #topNav ul { list-style-type: none; float:right; padding: 5px 0 0 0;} #topNav ul li { display: inline; padding: 2px 0 3px 0; FONT: 11px / 10px; COLOR: #676662;} #topNav ul li a { padding: 2px 6px 3px 6px;font-size: 10px; COLOR: #676662; font-weight: 550; text-decoration: none;} #topNav ul li a:hover { COLOR: #676662; text-decoration: underline; } /**************** HEADER SECTION ***************************/ #header { width:100%; height: 127px; margin: 5px 0 0 0; } #header img { border: none; } #header h1 { float:left;width: 283px; height: 127px; background: url(../images/logo_v2.gif) no-repeat top left; margin: 0 0 0 0; } #header ul { margin:0 0 0 10px; padding:50px 0 0 0; width:570px; float: left; } #header ul li { float:left; height:25px; list-style-type:none; padding: 0 5px 0 5px; display:block; COLOR: #676662; text-decoration: none; } #header ul li a { display:block; height:25px; text-align: left; padding: 0 0 0 3px; color: #fff; COLOR: #676662; text-decoration: none; font-weight: bold; } /***** #header ul li a { display:block; height:25px; text-align: left; padding: 0 0 0 5px; color: #fff; text-shadow:0 0 2px #000000; COLOR: #676662; text-decoration: none; font-weight: bold; } ****/ #header .currTab { background:transparent url(../images/nav_current_l.gif) no-repeat scroll left bottom; float:left; height:25px; list-style-type:none; padding: 0 0 0 10px; display:block; } #header .currLink { background: url(../images/nav_current_r2.gif) right bottom repeat-x; display:block; height:25px; text-align: left; padding: 0 10px 0 0; color: #fff; text-shadow:0 0 2px #000000; } #header .spacerLi {background:url(../images/main_box_sp_v2.gif) no-repeat left center; height:13px; padding:0 5px 0 4px; width:2px;} /**************** MAIN NAV SECTION ***************************/ #mainNav {position: relative;width: 100%;height: auto; margin: 10px 0 0 0;} #mainNav ul {background-image:url(../images/top_nav_m.gif);display:block;float:left;width:800px;} #mainNav ul li {float:left;} /**************** MAIN SUB NAV SECTION ***************************/ #subNav{position: relative; width:100%; } #subNavLeft {float:left;width: 511px;height: 240px;background: url(../images/left_v2.gif) no-repeat;} #subNavLeft h1 {margin-left: 25px;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;line-height:24px;text-decoration:none;*padding-top:10px;} #subNavLeft h2 {margin-left: 25px;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:20px;text-decoration:none;padding-top: 5px;} #subNavLeft p { margin-left: 25px; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; line-height:15px; padding-bottom:0;text-decoration:none;*margin-top:-10px;} .topheading3-green {color:#AEED3A;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:15px;padding-bottom:0;padding-top:0;text-decoration:none;} #subNavRight{float:left;width: 362px;height: 163px; background: url(../images/home-right3.gif) no-repeat;} #subNavRight h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightInside {margin-top: 40px;} #subNavRightCar{float:left;width: 362px;height: 163px; background: url(../images/home-right3.gif) no-repeat;} #subNavRightCar h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightCarInside {margin-top: 40px;} #subNavRightHome{float:left;width: 362px;height: 163px; background: url(../images/home-right4.png) no-repeat;} #subNavRightHome h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightHomeInside {margin-top: 40px;} #subNavRightVan{float:left;width: 362px;height: 163px; background: url(../images/van-right.png) no-repeat;} #subNavRightVan h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightVanInside {margin-top: 40px;} #subNavRightBike{float:left;width: 362px;height: 163px; background: url(../images/bike-right.png) no-repeat;} #subNavRightBike h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightBikeInside {margin-top: 40px;} #subNavRightBreakdown{float:left;width: 362px;height: 163px; background: url(../images/breakdown-right.png) no-repeat;} #subNavRightBreakdown h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightBreakdownInside {margin-top: 40px;} #subNavRightPet{float:left;width: 362px;height: 163px; background: url(../images/pet-right.png) no-repeat;} #subNavRightPet h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightPetInside {margin-top: 40px;} #subNavRightTravel{float:left;width: 362px;height: 163px; background: url(../images/travel-right.png) no-repeat;} #subNavRightTravel h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightTravelInside {margin-top: 40px;} #subNavRightOther{float:left;width: 362px;height: 163px; background: url(../images/other-right.png) no-repeat;} #subNavRightOther h1 {color: #fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #subNavRightOtherInside {margin-top: 40px;} /**************** MAIN BANNER *******************/ #banner { width: 100%; height: 173px; margin: 0 auto; } #banner .bannerLeft { background:transparent url(../images/banner-bg_l.gif) no-repeat; float: left; height: 173px; width: 10px; } #banner .bannerMid { background:transparent url(../images/banner-bg2.gif) repeat-x; float: left; height: 173px; width: 850px; } #banner .bannerMid .bannerMidLeft { float:left; background:transparent url(../images/leftSide2.gif) top no-repeat; width: 400px; height: 173px; } #banner .bannerMid .bannerMidRight { float: right; background:transparent url(../images/rightSide3.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="bike"] { float: right; background:transparent url(../images/rightSide3_bike.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="home"] { float: right; background:transparent url(../images/rightSide3_home.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="van"] { float: right; background:transparent url(../images/rightSide3_van.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="break"] { float: right; background:transparent url(../images/rightSide3_break.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="pet"] { float: right; background:transparent url(../images/rightSide3_pet.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="travel"] { float: right; background:transparent url(../images/rightSide3_travel.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight[title="other"] { float: right; background:transparent url(../images/rightSide3_other.gif) top right no-repeat; width: 430px; height: 264px; margin: -24px 0 0 0; } #banner .bannerMid .bannerMidRight .bannerTxtWrap { position: relative; color: #333333; float: right; margin: 40px 20px 0 0; text-align: center; } #banner .bannerMid .bannerMidRight .bannerTxtWrap h1 { color: #4F6C07; font-size: 18px; margin: 5px 0 5px 2px; padding: 0 0 0 0; } #banner .bannerMid .bannerMidRight .bannerTxtWrap p { font-size: 11px; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 0 10px; } #banner .bannerMid .bannerMidRight .bannerTxtWrap .getQuotesBanner { position: relative; background:transparent url(../images/getQuotes_v2.gif) top no-repeat; width:100%; height:32px; margin: 0 0 5px 0; padding: 0 0 0 0; } #banner .bannerMid .bannerMidRight .bannerTxtWrap .getQuotesBanner a { display: block; width:120px; height:32px; } #banner .bannerMid .bannerMidRight .bannerTxtWrap .retQuotesBanner { position: relative; height: 13px; } #banner .bannerMid .bannerMidRight .bannerTxtWrap .retQuotesBanner a { background:transparent url(../images/blue-arrow.gif) center right no-repeat; font-size: 13px; color: #1C82A5; margin: 0 0 0 0; padding: 0 7px 0 0; } #banner .bannerRight { background:transparent url(../images/banner-bg_r.gif) top no-repeat; float: left; height: 173px; width: 10px; } /**************** MAIN TAGLINE *******************/ #tagline {width: 100%; height: 60px; margin: 0 auto; z-index: 997; } #tagline .taglineLeft {background:transparent url(../images/tagline_l.gif) no-repeat; float: left; height: 60px; width: 12px; margin: -14px 0 0 0; } #tagline .taglineMid { background:#fff url(../images/tagline_m.gif) repeat-x; float: left; height: 60px; width: 870px; z-index: 998; } #tagline .taglineMid h1 { color: #fff; font-size: 13px; word-spacing: -1px; float:left; margin: 13px 0 0 0; padding: 0 0 0 0; } #tagline .taglineMid .bubbleTail { background:transparent url(../images/bubbleTail.png) no-repeat; width: 237px; height: 63px; float: right; margin: 0 35px 0 0; z-index: 999; } #tagline .taglineRight { background:transparent url(../images/tagline_r.gif) no-repeat; float: right; height: 60px; width: 12px; margin: -14px 0 0 0; } /**************** MAIN CONTENT SECTION ***************************/ #mainContent{ width:100%; height:100%; margin: 0 0 0 0; z-index: 996; } #mainContent-inner{ width:100%; height:100%; background: #ffffff; } #mainContent-footer { width:870px; height:80px; background: url(../images/page-bg-footer.gif) no-repeat; } #mainContentLeft{ float: left; width: 225px; min-height:485px; background: #ffffff; padding-left: 5px; margin: -5px 0 0 0;} #mainContentLeft .img { } #mainContentLeft h1 { color:#676662;display:block;font-size:14px;font-weight:bold;line-height:16px;margin:0 5px 5px 0;padding:5px 0 0 0; width: 124px; /*border: 1px solid red;*/} #mainContentLeft ul {} #mainContentLeft ul li { display:block; vertical-align: middle; border-bottom: 1px dotted #676662; width: 190px; margin: 0 0 0 15px; } #mainContentLeft ul li a[title="car"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_car1.gif) no-repeat left top; } #mainContentLeft ul li a[title="home"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_home1.gif) no-repeat left top; } #mainContentLeft ul li a[title="van"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_van1.gif) no-repeat left top; } #mainContentLeft ul li a[title="bike"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_bike1.gif) no-repeat left top; } #mainContentLeft ul li a[title="breakdown"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_breakdown1.gif) no-repeat left top; } #mainContentLeft ul li a[title="pet"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_pet1.gif) no-repeat left top; } #mainContentLeft ul li a[title="travel"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_travel1.gif) no-repeat left top; } #mainContentLeft ul li a[title="other"] { color:#676662; display:block;width: 84px; height:42px; margin: 0 0 0 0; padding: 0 0 0 40px; background: url(../images/getQuoteLeft_v2_other1.gif) no-repeat left top; } #mainContentLeft ul li a:hover { color:#676662; text-decoration: underline; } #mainContentLeft .CLHead { background:transparent url(../images/side_nav_head.gif) top center no-repeat; height: 59px; width: 225px; } #mainContentLeft .CLHead h1 { color: #676662; margin: 10px 0 0 15px; padding: 10px 0 0 0; } #mainContentLeft .CLMain { background:transparent url(../images/side_nav_mid.gif) top center repeat-y; height: auto; width: 225px;} #mainContentLeft .CLFoot { background:transparent url(../images/side_nav_foot.gif) top center no-repeat; height: 24px; width: 225px; } #mainContentRight{ float:left; width: 640px; height:512px; background: #ffffff;} #mainContentRight h2 { color: #676662; font-size:16px; font-weight:bold; line-height:18px; text-decoration:none;margin-left: 15px; float:left;} #mainContentRightTop{ float: left; width: auto; height: 15px; padding: 0 0 0 0} #mainContentRightMiddle{ /*background: url(../images/topbg.png) repeat-x;*/ float: left; width: 100%; height: auto; } #mainContentRightMiddle h1 { color: #676662; font-size:18px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #mainContentRightMiddle p { background:url(../images/greent.gif) bottom left no-repeat; margin:0 0 7px 30px;padding:0 0 0 25px; } #mainContentRightMiddle p span { font-weight: bold; } #mainContentRightMiddle2 h1 { color: #676662; font-size:18px; font-weight:bold; line-height:24px; text-decoration:none;margin:0 15px 15px 15px; } #mainContentRightMiddle2 p { background: none; margin:0 0 7px 5px;padding:0 0 0 5px; } #mainContentRightMiddle2 p span { font-weight: bold; } #mainContentRightMiddleLeft{ float:left; width: 49%; margin: 25px 0 0 0; border-right: 1px dotted #676662; } #mainContentRightMiddleLeft h1 { color:#676662; font-size:14px; font-weight:bold; line-height:16px; margin:0 10px 25px 10px; text-decoration:none; } #mainContentRightMiddleLeft p { margin: 0 0 25px 10px; } #mainContentRightMiddleLeft .greenWrap { color:#4E6B07; height:60px; width:300px; margin: 0 0 0 10px; } #mainContentRightMiddleLeft .greenWrap .greenBXLeft { background:transparent url(../images/green_box_l.gif) top left no-repeat; width: 5px; height: 54px; float:left; } #mainContentRightMiddleLeft .greenWrap .greenBXMid { background:transparent url(../images/green_box_m.gif) top center repeat-x; width: 280px; height: 54px; float:left; padding: 5px 0 5px 5px;} #mainContentRightMiddleLeft .greenWrap .greenBXRight { background:transparent url(../images/green_box_r.gif) top left no-repeat; width: 5px; height: 54px; float:left; } #mainContentRightMiddleRight{ float:right; width: 50%; margin: 25px 0 0 0; } #mainContentRightMiddleRight h1 { color:#676662; font-size:14px; font-weight:bold; line-height:16px; margin:0 0 25px 10px; text-decoration:none; } #mainContentRightMiddleRight p { margin: 0 0 25px 10px; } #mainContentRightMiddleRight a { background:transparent url(../images/blue-arrow.gif) center right no-repeat; font-size: 13px; color: #1C82A5; padding: 0 7px 0 0; } #mainContentRightMiddleRight .greenWrap { color:#4E6B07; height:60px; width:300px; margin: 0 0 0 10px } #mainContentRightMiddleRight .greenWrap .greenBXLeft { background:transparent url(../images/green_box_l.gif) top left no-repeat; width: 5px; height: 54px; float:left; } #mainContentRightMiddleRight .greenWrap .greenBXMid { background:transparent url(../images/green_box_m.gif) top center repeat-x; width: 280px; height: 54px; float:left; padding: 5px;} #mainContentRightMiddleRight .greenWrap .greenBXRight { background:transparent url(../images/green_box_r.gif) top left no-repeat; width: 5px; height: 54px; float:left; } #mainContentRightMiddleRight .greenText {color: rgb(111, 158, 0);} #mainContentRightMiddleRight .blueText {color: rgb(89, 160, 214);} #mainContentRightMiddleRight .greyText {color: rgb(111, 111, 111);} #mainContentIframe{ float:left; width: 800px; height: 100%; background: #ffffff; border:1px solid #87c6e9; display:block;} #mainContentWeSearch { position: relative; float:left; height: 110px; width: 652px; margin: 0 0 0 0;} #mcWeSearchLeft {background:url(../images/glass_bg_01_v2.gif) bottom left no-repeat;width:20px;height:92px;display:block;float:left;padding:20px 0 0 0;} #mcWeSearchMid {background:url(../images/glass_bg_01_v2.gif) bottom repeat-x;width:620px;height:92px;display:block;float:left;padding:20px 0 0 0;} #mcWeSearchMid h2 { color:#4E6B07; padding: 10px 0 10px 0; margin: 0; font-size: 14px; } #mcWeSearchMid .east { float: left; } #mcWeSearchMid .west { float: left; width: 470px; } #mcWSLeft { background:url(../images/scroll_l.gif) top left no-repeat; height:38px; width: 21px; float: left; } #mcWSMid { background:url(../images/scroll_m.gif) top repeat-x; height:38px; width:400px; float: left; padding: 2px 0 0 0; } #mcWSRight { background:url(../images/scroll_r.gif) top right no-repeat; height:38px; width: 21px; float: left; } #mcWeSearchRight {background:url(../images/glass_bg_02_v2.gif) no-repeat right top;width:12px;height:110px;display:block;float:right;padding:20px 0 0 0;} /************** SOCIAL NETWORKS SECTION **********************************/ #socialNet { position: relative; float:left; width: 100%; margin: 0 0 0 0;} #socialNetWrap { width:870px; height:80px; background: url(../images/page-bg-footer.gif) no-repeat; z-index:1; } #socialNetWrap ul { float:right; margin:10px 25px 0 0; padding:0 0 0; } #socialNetWrap ul li { display:block; float:left; height:50px; list-style-type:none; } #socialNetWrap ul li a { /*border: 1px solid black;*/ height: 50px; width: 70px; display:block; } /************** WHY USE COMPARENI.COM **********************************/ #mainContentWhy { position: relative; float:left; width: 100%; min-height: 125px; margin: -20px 0 0 0; z-index:-1;} #mainContentWhy h1 {color:#4E6B07;display:block;font-size:16px;font-weight:bold;line-height:18px;margin:0;padding:10px 0 10px 0;} #mainContentWhy p { color:#777777;display:block;font-size:12px;font-weight:bold;line-height:14px;} #mainContentWhy .subScrollerTxtSpan {color:#729200;} #mcWhyLeft {background: url(../images/sub_box_left_v2.gif) no-repeat; width: 15px; height: 112px; display:block; float:left;} #mcWhyMid {background: url(../images/sub_box_middle_v2.gif) repeat-x; width: 840px; height: 112px; display:block; float:left;} #mcWhyRight {background: url(../images/sub_box_right_v2.gif) no-repeat; width: 15px; height: 112px; display:block; float:left;} /************** FOOTER SECTION **********************************/ #footer {float:left;width:100%;height:44px;} #footer img {float:right; margin: -25px 0 0 0;} #footer ul {list-style-type: none; /*border: 1px solid red;*/} #footer ul li {display: inline; padding: 0 10px 0 0;} #footer ul li a {color:#676662;font-size:11px;font-weight:normal;padding:0;text-decoration:none;} #footer ul li a:hover {color:#676662;text-decoration:underline;} #footerInnerLeft {background:url(../images/b1_v2.gif) no-repeat;width:11px;height:46px;display:block;float:left;} #footerInnerMid {background:url(../images/bbg_v2.gif) repeat-x;width:848px;height:46px;display:block;float:left;padding:15px 0 0 0px; text-align: left;} #footerInnerRight {background:url(../images/b2_v2.gif) no-repeat;width:11px;height:46px;display:block;float:left;} /************** COPYRIGHT SECTION **********************************/ #copyright {float:left;width:100%;margin: 10px 0 0 0;} #copyright p {font-size:11px;font-weight:normal;padding:0;text-decoration:none;text-align:center;}