@charset "UTF-8";
/* CSS Document */

#row-1 { height: 312px; margin-bottom: 7px; }

#row-2 { height: 187px; }
	#row-2 .sideAd { margin-bottom: 0; }


#main-promo {vertical-align:top; float: left; height: 312px; position: relative; width: 490px;}

ul { margin-left: 0; }

#rotator ol { list-style-type: none; margin: 0; padding: 0; position: inherit; left: 0; top: 0; }
#rotator ol li { list-style-type: none; margin: 0; padding: 0; }
#rotator li .itemID { background: url(../images/btn-main-ad-pagination.png) no-repeat top center; color: #393939; display: block; font: 12px Arial, Helvetica, sans-serif; height: 21px; left: 15px; line-height: 20px; position: absolute; text-align: center; z-index: 500; text-decoration: none; top: 276px; vertical-align: middle; width: 22px; }
#rotator li.active .itemID { color: #fff; }
#rotator .imageText { left: 13px; position:absolute; top: 13px; width: 300px; }
#rotator .imageText h1 { margin-bottom: 0px; }
#rotator .imageText p { color: #fff;padding-top: 0px;margin-top: 5px }
#rotator .imageText ul {margin-top:-7px;}
#rotator .imageText li { background: none; color: #fff; list-style:disc; margin-left: -5px; width: 180px; line-height:16px;}
#rotator .imageText .more { background: url(../images/btn-arrow-small.gif) no-repeat center left; color: #fff; display: list-item; line-height: 18px; padding-left: 27px; margin-top:-10px;}
* html #rotator ol li { display: inline; }
* html #rotator ul li { display: inline; }
* html #rotator .imageText li { background: none; display: list-item; }
* html #rotator li .itemID { background-image: url(../images/btn-main-ad-pagination.gif); }
* html #rotator .imageText .more { background-image: url(../images/btn-arrow-small.gif); }

#rotator #image1 h1 { background: url(../images/txt-leave-worries.jpg) no-repeat top left; height:43px; text-indent: -9999px; width:202px; }
#rotator #image2 h1 { background: url(../images/txt-take-advantage.jpg) no-repeat top left; height:43px; text-indent: -9999px; width:252px; }
#rotator #image3 h1 { background: url(../images/txt-your-auto-club.jpg) no-repeat top left; height:43px; text-indent: -9999px; width:235px; }

#rotator #image1 a.itemID { background-position: 0 0; left: 15px; }
#rotator #image1.active a.itemID { background-position: 0 -21px; }
#rotator #image2 a.itemID { background-position: -22px 0; left: 37px; }
#rotator #image2.active a.itemID { background-position: -22px -21px; }
#rotator #image3 a.itemID { background-position: -44px 0; left: 59px; }
#rotator #image3.active a.itemID { background-position: -44px -21px; }

#rotator .imageHolder { position: absolute; left: 0; top: 0; }


#join-now-ad { background: url(../images/bg-call-to-action.gif) no-repeat top left; float: left; height: 282px; margin-right: 7px; padding: 15px; position:relative; width: 256px; }
#join-now-ad h2 { background: url(../images/txt-start-savings.gif) no-repeat top left; height:31px; margin-bottom: 7px; margin-top: 0; text-indent:-9999px; width:184px; }
#join-now-ad #large-button { margin: -1px -4px 11px -4px; }

.arrow { position: absolute; bottom: 13px; right: 13px; }

#sign-in-home { background: url(../images/bg-sign-in-home.gif) no-repeat top left; float: left; height: 107px; padding:15px; position: relative; width: 167px; }
	#sign-in-home h2 { background: url(../images/txt-sign-in.gif) no-repeat top left; height:15px; margin-bottom: 0; margin-top: 0; text-indent:-9999px; width:58px; }
	#sign-in-home .subtext { color: #b1d2e8; }
	#sign-in-home .submit { background: none; }

#not-registered-home { background: url(../images/bg-not-registered-home.gif) no-repeat top left; display: inline; float: left; height: 38px; margin-bottom: 7px; padding:12px 0 0  15px; position: relative; width: 182px; }
	#not-registered-home h3 { background: url(../images/txt-not-registered.gif) no-repeat top left; float: left; height:10px; line-height: 1em; margin-bottom: 0; margin-top: 0; text-indent:-9999px; width:115px; }
	#not-registered-home .subtext { color: #b1d2e8; float: left; margin-bottom: 0; width: 140px; }

#services { background: url(../images/bg-services.png) no-repeat top left; float: left; height: 187px; margin: 0 7px 0 0; width: 572px; }
	#services li { background: none; float: left; height: 153px; margin: 0; padding: 17px 15px; width: 161px; }
		#services li.last { width: 160px; }
	#services #roadside-assistance h3 { background: url(../images/txt-roadside-assistance.gif) no-repeat top left; height: 12px; text-indent:-9999px; width: 140px; }
	#services #retail-savings h3 { background: url(../images/txt-retail-savings.gif) no-repeat top left; height: 12px; text-indent:-9999px; width: 97px; }
	#services #trip-planning-tools h3 { background: url(../images/txt-trip-planning-tools.gif) no-repeat top left; height: 12px; text-indent:-9999px; width: 135px; }

#secondary-promo {  margin-right: 7px; }


#roadside-assistance { float: left;}

ul { margin-left: 5px; position: relative; }
	ul li { background: url(../images/img-bullet.gif) 0 6px no-repeat; list-style: none; margin-bottom: 6px; padding-left: 6px; }
        .start-member-li { background: url(../images/img-bullet.gif) 0 6px no-repeat; list-style: none; margin-bottom: 6px; padding-left: 6px; }
ol { margin-left: 5px; }
	ol li { margin-bottom: 6px; }
body { background: #fff; color: #333; font: 12px/16px Arial, Helvetica, Verdana, sans-serif; }
.bottom { position: absolute; bottom: 0; }

h1, h2, h3, h5, h6, ol, ul { font-size: 1em; margin-bottom:15px; }

h1 { color: #1666af; font: bold 24px/24px Arial, Helvetica, sans-serif; margin-bottom: 15px; }
h2 { color: #6db33f; font: bold 24px/24px Arial, Helvetica, sans-serif; margin-bottom: 17px; margin-top: 16px; }
h1 + h2 { margin-top:-12px; }
h3 { color: #1666af; font: bold 12px/12px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
	h3 a { text-decoration: none; }
	.h3-note { font-weight: normal; }
h4 { font-size: 1em; font-weight: bold; margin-bottom:5px; }
p { color: #393939; font: normal 12px/17px Arial, Helvetica, sans-serif; margin-bottom: 12px; }
strong { color:#000; font: bold 12px Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #1666af; }
a:hover, a:active { color: #35a101; }
.required { color: #e5111b; font-size: 10px;}
.static { border: 0; margin: 0; padding: 0; }
.dagger { font-size: 8px; position: relative; top: -5px; }
.question { color: #1666af; font-size: 14px; font-weight: bold; }
.answer { color: #6DB33F; font-size: 12px; font-weight: bold; }
.plan-title { font-size: 16px; margin-top: 30px; }

.signHeaderText {
   color: #1666af;
   font: bold 24px / 24px Arial, Helvetica, sans-serif;
   margin-bottom: 15px;
}


#rotator span.active { color: #fff; }
#rotator .active { color: #fff; }
#rotator active { color: #fff; }