/*********************/ /* F O N T S */ /*********************/ /*APPLIED TO ALL -----------------*/ *{ font-family:Arial, Helvetica, sans-serif;} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:21px; color:#2067AC; font-weight:bold;} .vertical_menu ul li a{ text-decoration:none; color:#4B4B4D} .vertical_menu ul li a:hover{ color:#2067AC;} .vertical_menu ul li li a{ text-decoration: none; color:#4B4B4D;} .vertical_menu ul li li a:hover{ color:#1A171B;} .menuContent *{ font-size:12px; color:#4B4B4D;} .menuContent a{ text-decoration:none; color:#1A171B} .menuContent a:hover{ color:#2067AC;} .menuContent b{} .menuContent input{ color:black;} .menuContent select {color:black;} .menuContent option {color:black;} /*----------------------- The Main Content -------------------------*/ #middleContent { font-size:13px; color:#4B4B4D;} #middleContent a{ font-weight:normal; color:#2067AC; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#1A171B; font-weight:bold;} #middleContent h1{font-size:23px; clear:both; color:#1A171B;font-weight:bold; background:url(../misc/h1.jpg) 0 2px no-repeat; height:18px; padding:10px 0 0 0px; } #middleContent h2{ font-size:17px; color:#2067AC;font-weight:bold; } #middleContent h3{margin-top:10px; color:#1A171B;font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} #middleContent h4{margin-top:10px; color:#2067AC;font-weight:normal;font-style:italic ;font-family:Georgia, "Times New Roman", Times, serif;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#4B4B4D} #middleContent p { margin-bottom:10px} #middleContent hr { height:1px; color:#2067AC;} #footer a { font-size:10px; text-decoration:none; color:white} #footer a:hover { color:#1A171B ;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{ background:url(../misc/bg_sample.jpg) repeat; margin:0; padding:0;} /* The overall containers for the page, outer just centers the content within it */ .outer{position:relative;width:100%; background:url(../misc/header_repeat.jpg) top repeat-x; } .inner{ position:relative; width:1011px; margin:0 auto;} #headerr { position:relative; background:url(../misc/head-bg.jpg) no-repeat; height:422px; width:1011px;} #logo { position:absolute; display:block; left:38px; top:142px;} #link_one, #link_two,#link_three,#link_four,#link_five,#link_six,#link_seven{ position:absolute; top:50px; height:45px;width:127px;} #link_one_mouseover, #link_two_mouseover,#link_three_mouseover,#link_four_mouseover, #link_five_mouseover,#link_six_mouseover,#link_seven_mouseover{ position:absolute; top:50px; height:45px;width:127px;} #link_one{left:53px; background:url(../misc/roll1A.jpg) no-repeat;} #link_two{left:181px;background:url(../misc/roll2A.jpg) no-repeat;} #link_three{left:310px;background:url(../misc/roll3A.jpg) no-repeat;} #link_four{left:438px;background:url(../misc/roll4A.jpg) no-repeat;width:147px;} #link_five{left:586px;background:url(../misc/roll5A.jpg) no-repeat;} #link_six{left:715px;background:url(../misc/roll6A.jpg) no-repeat;} #link_seven{left:844px;background:url(../misc/roll7A.jpg) no-repeat;} #link_one:hover{background:url(../misc/roll1B.jpg) no-repeat;} #link_two:hover{background:url(../misc/roll2B.jpg) no-repeat;} #link_three:hover{background:url(../misc/roll3B.jpg) no-repeat;} #link_four:hover{background:url(../misc/roll4B.png) no-repeat;} #link_five:hover{background:url(../misc/roll5B.jpg) no-repeat;} #link_six:hover{background:url(../misc/roll6B.jpg) no-repeat;} #link_seven:hover{background:url(../misc/roll7B.jpg) no-repeat;} #link_one_mouseover{background:url(../misc/roll1B.jpg) no-repeat;left:53px;} #link_two_mouseover{background:url(../misc/roll2B.jpg) no-repeat;left:181px;} #link_three_mouseover{background:url(../misc/roll3B.jpg) no-repeat;left:310px;} #link_four_mouseover{background:url(../misc/roll4B.png) no-repeat;left:438px;width:147px;} #link_five_mouseover{background:url(../misc/roll5B.jpg) no-repeat;left:586px;} #link_six_mouseover{background:url(../misc/roll6B.jpg) no-repeat;left:715px;} #link_seven_mouseover{background:url(../misc/roll7B.jpg) no-repeat;left:844px;} #content{position:relative; float:left; width:1011px; background:url(../misc/bg_repeat.jpg) repeat-y} #menu1{ position:relative; left:18px;float:left; width:197px;margin-top:-122px; z-index:100;} #box { background:url(../misc/box.jpg) no-repeat ;position:relative; left:-1px; margin-top:0px; height:301px; width:200px; } #check,#easi,#vht,#mansell { position:absolute; display:block; left:20px} #check { top:54px;} #easi { top:99px;} #vht { top:159px;} #mansell { top:221px;} #middleContent{position:relative;float:left; left:37px; width:545px; margin-top:-301px; z-index:100;} #menu2{ position:relative; right:18px;float:right; width:197px;margin-top:-301px; z-index:100;} #quote,#eco,#why { position:relative; display:block; right:1px;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:18px; padding:22px 0 0px 15px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 20px 10px; background:url(../misc/menu_bg.jpg) bottom repeat-y;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none; padding-left:3px; line-height:20px; margin-left:1px; } .menuContent li li{ position:relative; list-style-type:none;background:url(../misc/list_icon2.jpg) 0 4px no-repeat; padding-left:15px; line-height:20px; } /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-type:none;background:url(../misc/bullet.jpg) 0 5px no-repeat; margin:0; padding-left:15px; line-height:20px; } #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:152px;width:1011px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #foot1,#foot2,#foot3,#foot4,#foot5 { position:absolute; top:52px;} #foot1 { left:344px;} #foot2 { left:385px;} #foot3 { left:446px;} #foot4 { left:550px;} #foot5 { left:627px;} #mistore{ position:absolute; float:left; top:0px; left:808px; } div#preload { display: none; } #social_media_icons{margin-top:20px; position:relative;} #social_media_icons a{float:left; display:block; padding-left:8px;} #social_text{color:#2067AC; font-size:16px; font-weight:bold; padding:0 0 10px 15px;}