@charset "utf-8";

*{
padding:0;
margin:0;
}

a:hover{ text-decoration:underline;}
p {text-align:justify;}

body {
text-align:centre;
background:url(images/bg.gif) repeat-x #f0f0f0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#8e8e8e;
}

h1, h2 {
font-size:20px; color:#0186c6; font-weight:normal; padding-left:10px; padding-top:25px; padding-right:10px;
}

#wrap {width:980px;
margin-left:auto;
margin-right:auto;
position:relative;
background:#ffffff;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding-top:25px;
overflow:auto;
padding-bottom:20px;
}

#menu {height:29px; width:982px; margin-top:10px; background:#f0f0f0; overflow:hidden; position:relative; margin-left:auto; margin-right:auto; }
#menu a { display:block; width:108px; height:18px; float:left; padding-top:10px; text-decoration:none; text-align:center; border-right:1px solid #cccccc; color:#8e8e8e; border-bottom:1px solid #cccccc; }
#menu a.active, #menu a:hover {background:#ffffff; border-bottom:#ffffff; border-top:1px solid #cccccc; color:#2d5695;}
#menu span a:hover, #menu span a.active {border-left:1px solid #cccccc; border-bottom:#ffffff;}
#menu span a {border-left:1px solid #f0f0f0;}
#left-column{float:left;
width:724px;
margin-left:15px;
}

#right-column{float:left;
width:226px;
overflow:hidden; }

#flashbanner {width:716px;
height:245px;
}

#logo { height:120px;
width:992px;
position:relative;
margin-left:auto;
margin-right:auto;
background:url(images/logo.gif) no-repeat;
padding-left:15px;
}

#logo p {padding-left:500px; padding-top:90px; font-size:12px; color:#0186c6;}
#logo a{font-size:12px; color:#0186c6; text-decoration:none; line-height:30px;}

#login {float:left;  width:190px; height:171px; background:url(images/login.gif) no-repeat; margin-bottom:15px; padding-top:55px; padding-left:18px; padding-right:18px;}
#login p {font-size:13px; color:#85a331;}
#login form {margin-top:10px; color:#464646; font-size:11px;}
#login form input{ margin-bottom:10px;}

#offer {float:left;  width:226px; min-height:163px; background:url(images/free-offer-bg.gif) no-repeat; margin-bottom:15px; padding-bottom:15px; padding-top:55px; border-bottom: 1px solid #d9d9d9;}

#other-products, #important-docs {float:left;  width:226px; background:url(images/other-products.gif) no-repeat; margin-bottom:15px; padding-top:60px; padding-left:18px; border-bottom: 1px solid #d9d9d9;}
#other-products p, #important-docs p {padding-bottom:16px;}
#other-products a, #important-docs a{ color:#8e8e8e; text-decoration:none; }
#important-docs {background:url(images/important-docs.gif) no-repeat; width:208px;}

#newsletter {float:left;  width:226px; height:135px; background:url(images/newsletter.gif) no-repeat; margin-bottom:15px; padding-top:105px; padding-left:18px;}
#newsletter p {font-size:11px;}
#newsletter form {margin-top:10px; color:#464646; font-size:11px;}
#newsletter form input{ margin-bottom:10px;}

#schedule {float:left;  width:190px; height:118px; background:url(images/schedule.gif) no-repeat; margin-bottom:15px; padding-top:45px; padding-left:18px; padding-right:18px;}
#schedule p {padding-bottom:25px;}

#fsa{float:left;  width:226px; height:182px; background:url(images/fsa.gif) no-repeat;  }

#products-bar img {padding-right:10px;}
#products-bar {float:left; width:718px; height:	260px;  overflow:scroll;margin-top:10px;
	  overflow-y: hidden;
	  overflow-x: auto;}
	

#why{ float:left;
width:718px;
height:459px;
background:url(images/why.gif) no-repeat;
margin-top:15px;
padding-left:25px;
paddin-right:25px;
}

#why h1 {padding-bottom:20px;}

#why a {display:block; height:28px; width:150px; border-bottom:1px solid #cccccc; padding-top:18px; padding-left:12px; text-decoration:none; color:#868686; border-right:1px solid #cccccc; border-left:1px solid #fafafb; }
#why span a{border-top:1px solid #fafafb; }
#why a.active, #why a:hover {color:#0186c6; background:white;border-right:0; border-left:1px solid #cccccc; z-index:2; width:151px; }
#why span a.active, #why span a:hover { border-top:1px solid #cccccc; width:151px; color:#0186c6;}
#why li {background:url(images/tick.gif) no-repeat; display:block; height:25px; padding-left:25px; padding-top:0px; padding-bottom:5px;}
#why h2 {color:#636363; font-size:12px; display:block; background:url(images/h2-back-why.gif) no-repeat; padding-top:18px; padding-bottom:30px; width:331px; padding-left:70px;}
#why p, #why li {font-size:11px;}



#content {float:left;  width:668px;
padding-left:20px; padding-right:20px;}

#content p {padding:10px;}
#content span {font-size:14px; color:#0186c6; display:block;}
#content a.red {color:#fa0000; font-size:11px; }
#content ul {padding:10px;}
#content li {background:url(images/bullet.gif) no-repeat; list-style:none; padding-left:15px;}

#news-bottom{
float:left;
width:643px;
background:url(images/news-bottom.gif) no-repeat;
margin-left:15px;
padding:20px;
padding-top:10px;
margin-top:18px;}

#news-bottom h3 {font-size:20px; font-family:Tahoma; color:#464646; padding-bottom:15px;}
#news-bottom  p {font-size:11px; padding-bottom:15px;}
#news-bottom  strong {color:#464646;}
#news-bottom span.blue{ color:#0186c6;}

#footer { height:20px;
width:992px;
position:relative;
margin-left:auto;
margin-right:auto;
padding-left:15px;
margin-top:5px;
text-align:center;
}
#footer p, #footer a {color:black; font-size:10px; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer2 {width:100%; background:url(images/footer-bg.PNG) repeat-x; float:left; padding-top:35px; padding-bottom:30px;}
#footer-2-inner ul{display:block; float:left; color:white; list-style:none; padding-right:40px;}
#footer-2-inner {width:950px; position:relative; margin-left:auto; margin-right:auto;}
#footer-2-inner a {color:white; text-decoration:none;}
#footer-2-inner a:hover {text-decoration:underline;}

#breakdown-hover, #gap-hover, #income-hover, #laptop-hover, #mobile-hover, #pet-hover,#warranty-hover, #wedding-hover, #default-hover {position:absolute; background:white; width:453px; overflow:hidden; height:325px; border-right:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;  top:0px; left:164px;  padding:25px; z-index:1000; display:none;}


#default-hover p, #default-hover a {z-index:1000;} 

#default-hover {display:block; top:355px; left:204px; z-index:1;}
#breakdown-hover {background:url(images/car.gif) #ffffff bottom right no-repeat; display:block;}
#gap-hover {background:url(images/gap-bg.gif) #ffffff bottom right no-repeat;}
#income-hover {background:url(images/income.gif) #ffffff bottom right no-repeat;}
#laptop-hover {background:url(images/laptop-bg.gif) #ffffff bottom right no-repeat;}
#mobile-hover {background:url(images/mobile.gif) #ffffff bottom right no-repeat;}
#pet-hover {background:url(images/pets.gif) #ffffff bottom right no-repeat;}
#warranty-hover {background:url(images/warranty.gif) #ffffff bottom right no-repeat;}
#wedding {background:url(images/weddings.gif) bottom #ffffff right no-repeat;}

a.none {border:0;}