/* @override
	http://172.21.174.28/css/main.css
	http://www-dev1.pepboys.com/css/main.css
*/

/*===================================================

	Document: CSS for Pep Boys
	Description: Styles for all template types.
	Authors: Doug Hungarter, Ryan Masuga
	Last Modified: 06.04.2008

===================================================*/



/* GLOBAL RESET */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; border-width: 0; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
/* body { line-height: 1; background: white; color: black; } */
ul, ol, dir, menu { list-style: none; }
/* sub, sup { vertical-align: baseline; } */
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; }

a.white:link, a.white:visited { text-decoration: none; color: white; }
a.white:hover { text-decoration: underline; color: white; }


/* SHARED STYLES */
html { height: 100%; }
/*
body { font: 62.5% Arial, Helvetica, sans-serif; text-align: center; color: #666; height: 100%;
min-height: 100%; margin-bottom: 1px;
}
*/
/*
#container { width: 890px; background: #FFF; margin: 0 auto; text-align: left; }
*/
#skip { display: none; }
/*
#header { position: relative; width: 890px; z-index:201; }
*/
/*.home #header { margin-bottom: 10px; }*/

/* Header Banner */

/*
#bannerWrap {
	position: relative;
	width: 890px;
	height: 25px;
	margin: 0 auto;
	z-index:401;
	}

#bannerAdContainer {
	position: absolute;
	left: 0;
	top:0;
	height: 25px;
	margin: 0 auto;
	z-index:400;
	overflow:hidden;
	background: none;
	}

#bannerAd object {
  	z-index:399;
	}

*/
#branding a { position: absolute; top: 0; left: 0; }
#content { line-height: 1.25;}

#mainFlash { position: relative; z-index: 10; }

strong { font-weight: bold; }
p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25; }
p.noMargin { margin-bottom: 0; }
sup { font-size: .7em; vertical-align: top; }

/* SHARED STYLES */
.subcategory #tertiaryNav, .article #tertiaryNav, .articleFamily #tertiaryNav, .productFamily1 #tertiaryNav, .productFamily2 #tertiaryNav, .product #tertiaryNav { width: 210px; float: left; display:inline; overflow-x:hidden;}
/*.subcategory #main,*/ .article #main, .articleFamily #main, .productFamily1 #main, .productFamily2 #main, .product #main { width: 679px; float:left; position: relative; display:inline; overflow-x:hidden;}
/* 20090922 prep for service redesign */
.category #servicesidebar, .subcategory #sidebar {float:left; display:inline; width:260px;}
.category #serviceleft, .subcategory #serviceleft {width: 200px; float: left; padding: 1em;}
.category #serviceright, .subcategory #serviceright {width:350px; padding: 1em;}
/* sidebar styles */
img.sidebarHr { display: block; margin-top: 8px; margin-bottom: 8px; }
img.sidebarBanner { margin-bottom: 10px;  }
div.sidebarHdr { position: relative; width: 260px; height: 30px; }
img.sidebarHdrTitle { position: absolute; left: 10px; top: 10px; }
div.sidebarHdrToggle { position: absolute; right: 14px; top: 8px; font-size: 11px; line-height: 11px; }
div.sidebarHdrToggle a:link, div.sidebarHdrToggle a:visited { text-decoration: none; color: #fff; }

div#sidebarVehicles { position: relative; margin-bottom: 1px; }

div#sidebarStore { width: 240px; padding: 10px; color: #fff; background-image:url(/images/uploads/sidebar_top_gradient.gif); background-position: top; background-repeat:no-repeat; background-color: #233e99; }
div#sidebarStore p {font-size:14px; line-height: 14px;}
div#sidebarVehicleLinks { position: absolute; right: 169px; top: 22px; }
div#sidebarVehicleLinks a:link, div#sidebarVehicleLinks a:link { text-decoration: none; color: #fff; }
div#sidebarVehicleLinks a:visited { text-decoration: none; color: #ffd657; }

/* 2009 0922 end service redesign */
#left a:link, #left a:visited { text-decoration: underline; color: #223E99; }
#main #left a:hover { color: #E31937; }
#main img.splash { margin: -1px 0 1px; }

/* NAVIGATION OF ALL TYPES */
/*
#mainNav { position: absolute; top: 52px; left: 195px; z-index: 101; width: 716px; }

#mainNav li { display: inline; }
#mainNav a { background: url(/images/site/nav_new.gif) no-repeat; display: block; height: 29px; float: left; }
#mainNav a b { display: block; text-indent: -10000px; }
*/
/*.home #mainNav a { height: 30px; }*/
/*
.home #mainNav a#parts { background-position: 0 0; }
.home #mainNav a#tires { background-position: -80px 0; }
.home #mainNav a#accessories { background-position: -161px 0; }
.home #mainNav a#service { background-position: -256px 0; }
.home #mainNav a#carcare { background-position: -322px 0; }
.home #mainNav a#specials { background-position: -457px 0; }
.home #mainNav a#servicerequest { background-position: -567px 0; }
*/
/*#mainNav a { height: 30px; }*/
/*
#mainNav a#parts { width: 80px; background-position: 0 0px; }
#mainNav a#tires { width: 80px; background-position: -80px 0px; }
#mainNav a#accessories { width: 95px; background-position: -161px 0px; }
#mainNav a#service { width: 64px; background-position: -256px 0px; }
#mainNav a#carcare { width: 130px; background-position: -322px 0px; }
#mainNav a#specials { width: 112px; background-position: -457px 0px; }
#mainNav a#servicerequest { width: 133px; background-position: -567px 0px; }

#mainNav a#parts:hover { background-position: 0 -29px; }
#mainNav a#tires:hover { background-position: -80px -29px; }
#mainNav a#accessories:hover { background-position: -161px -29px; }
#mainNav a#service:hover { background-position: -256px -29px; }
#mainNav a#carcare:hover { background-position: -322px -29px; }
#mainNav a#specials:hover { background-position: -457px -29px; }
#mainNav a#servicerequest:hover { background-position: -567px -29px; }

#mainNav a#parts.current, #mainNav a#parts.current:hover { background-position: 0 -58px; }
#mainNav a#tires.current, #mainNav a#tires.current:hover { background-position: -80px -58px; }
#mainNav a#accessories.current, #mainNav a#accessories.current:hover { background-position: -161px -58px; }
#mainNav a#service.current, #mainNav a#service.current:hover { background-position: -256px -58px; }
#mainNav a#carcare.current, #mainNav a#carcare.current:hover { background-position: -322px -58px; }
#mainNav a#specials.current, #mainNav a#specials.current:hover { background-position: -457px -58px; }
#mainNav a#servicerequest.current, #mainNav a#servicerequest.current:hover { background-position: -567px -58px; }

#subNavContainer { position: absolute; bottom: 0px; left: 0px; background: #E31937; height: 30px;  z-index: 50; width: 890px; }
#subNav { padding-left: 8px; }
#subNav li { display: inline; }
#subNav a:link, #subNav a:visited { float: left; font-size: 1em; font-weight: bold; color: #FFF; text-transform: uppercase; margin: 5px 0; padding: 4px 8px 4px 8px; }
#subNav a:hover, #subNav a.current { background: #CD1732; }

#utilityNav { position: absolute; top: 5px; right: 3px; text-align: right; z-index: 300; }
#utilityNav li { float: left; }
#utilityNav a:link, #utilityNav a:visited { color: #666; padding: 0 7px; border-right: 1px solid #D4D4D4; }
#utilityNav a:hover { color: #E31937; text-decoration: underline; }
#utilityNav a.last { border: none !important; text-transform: uppercase; }
#utilityNav li#advEmail a:link, #utilityNav li#advEmail a:visited { color: #E31937; background: url(/images/site/email_icon.gif) 0 1px no-repeat; padding: 0 7px 0 15px; border-right: 0px none #D4D4D4; display: block; }
#utilityNav li#advEmail #advEmailSignup { position: absolute; top: -8px; left: -20px; z-index: 500; display: none; }
#utilityNav li#advEmail:hover #advEmailSignup { display: block; }
#utilityNav li#advEmail a:hover { text-decoration: none; }

*/
#breadcrumbs { padding: 8px 0px 10px 20px; }
#breadcrumbs li { display: inline; padding: .25em; color: #777; font-size: 1.1em; }
#breadcrumbs a:link, #breadcrumbs a:visited { color: #233E99; font-weight: normal; margin-right: .5em; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs li a.first { padding-left: 0; }

#tertiaryNav ul { padding-left:0; margin-left: 1em; margin-top: 1em; }
#tertiaryNav li.header { background: url(/images/site/arrow_grey_med.gif) 0 .25em no-repeat; font-weight: bold; color: #E31937; font-size: 1.1em; text-transform: uppercase; }
#tertiaryNav li { padding-left: 1.1em; margin-bottom: .5em; text-transform: uppercase; }
#tertiaryNav a:link, #tertiaryNav a:visited { font-weight: bold; color: #666; }
#tertiaryNav a:hover { color: #E31937; }
#tertiaryNav a.current { background: url(/images/site/arrow_grey.gif) 0 .2em no-repeat; padding-left: .9em; display: block; color: #E31937 !important; }


/* SEARCH */
/*#search { position: absolute; top:2em; bottom: 0; right: 0; width: 265px; height: 17px; background-image: url(/images/site/search_bg.gif); padding: 6px 10px 7px 0px; text-align: right; z-index: 60; }
#searchContainer { position: absolute; bottom: 0px; right: 0px; background-image: url(/images/site/search_bg.gif); width: 275px; height: 30px; overflow: hidden; padding: 0px 0px 0px 0px; text-align: right; z-index:60; }
#search { margin: 6px 0px 0px 0px; padding: 0px;}
#searchTable { float: right; margin: 6px 10px 7px 0px; }
#searchText { width: 150px; height: 17px; padding-top: 1px; padding-left: 2px; border: 1px solid #CCC; background: #FFF; color: #666; }
.searchButton { display: block; margin-left: 3px; width: 63px; height: 17px; background: url(/images/site/button_search.gif) no-repeat; }
.searchButton b { display: none; }
*/
.hiddenFields {display: none; }


/* CALLOUTS AND FEATURES */
#features { background: #E1E5E8 url(/images/site/bg_home_features.png) top repeat-x; float: left; width: 100%; }
/* #features dl { float: left; display: block; width: 100%; position: relative; } */
#features dl { float: left; padding: 15px; width: 266px; height: 80px; border-right: 1px solid #FFF; position: relative; }
#features dl.last { border: none; }
#features a.details { position: absolute; bottom: 1.5em; right: 1.5em; display: block; text-indent: -10000px; width: 92px; height: 22px; background: url(/images/site/button_details.gif) no-repeat; }
#features a.details.left { left: 1.5em; }
#features a.details:hover { background-position: 0 -22px; }
#features a.searchNow { position: absolute; bottom: 1.5em; right: 1.5em; display: block; text-indent: -10000px; width: 92px; height: 22px; background: url(/images/site/button_searchNow.gif) no-repeat;  }
#features a.searchNow.left { left: 1.5em; }
#features a.searchNow:hover { background-position: 0 -22px; }

#supportingInfo { padding: 30px; font-size: 1.1em; background: #E1E5E8; }
#supportingInfo h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
#supportingInfo h3 { font-weight: bold; }
#supportingInfo ul { margin-bottom: 1em; }
#supportingInfo li { padding-bottom: .25em; }
#supportingInfo li a:link, #supportingInfo li a:visited { color: #666; background: url(/images/site/arrow_red_sm.gif) 0 .4em no-repeat; padding-left: .75em; }
#supportingInfo li a:hover { color: #E31937; text-decoration: underline; }
#supportingInfo form { padding-bottom: 3em; }
#supportingInfo select { float: left; width: 16em; border: 1px solid #CCC; background: #FFF; padding: 1px; }

.summary { padding: 18px; margin-bottom: 1px; font-size: 1.4em; border-bottom: 4px solid #E31937;}
.summary .emphasis { font-weight: bold; font-size: 1.5em; }
.promo { text-align: center; padding: 0.5em 0; display: block; }



/* ARTICLE PAGES */
.article #headerWrap { background: url(/images/site/bg_artheader.gif) no-repeat; padding: 2em 1.2em;}
.article #headerWrap h1 { width: 100%; }
/*.article # #headerWrap h1 { width: 100%; }*/
.article .summary { padding: 0 1em 1em 1em; margin: -1em 0 0 0; font-size: 1.4em; border-bottom: 4px solid #E31937; }
.article #left { width: 400px; float: left; padding: .9em; }
.article #right { width: 259px; float:left; display:inline; }
.article #supportingInfo { padding: 1.5em; }

.article #left * { line-height: 1.35; }
.article #left h2 { font-size: 1.2em; color: #E31937; text-transform: uppercase; font-weight: bold; padding: .5em 0; border-bottom: 1px solid #CCC; margin: 1em 0; letter-spacing: 1px; }
.article #left h2.rating { text-transform: none; font-size: 1.4em; letter-spacing: normal; border: none; padding: 0; margin: 1em 0 0 0; }
.article #left h3 { font-size: 1.1em; color: #223E99; text-transform: uppercase; font-weight: bold; padding: .5em 0; letter-spacing: 1px; }
.article #left h4 { font-size: 1em; color: #333; font-weight: bold; padding: .5em 0; text-transform: uppercase; letter-spacing: 1px; }
.article #left ul, .article #left ol { font-size: 1.1em; margin-bottom: 1.5em; }
.article #left li, .article #left li li { padding: .15em .15em .15em 1em; background: url(/images/site/bullet_grey.gif) 0 .25em no-repeat; }
.article #left ol li { list-style: decimal; margin-left: 1em; background: none; padding: .15em; }
.article #left li p { font-size: 1em; }
.article #left li ul { margin-left: 1em; font-size: 1em; }
.article #left p { color: #333; margin-bottom: .5em; }
.article #left p.intro { font-size: 1.2em; }
.article #left p.note { font-style: italic; color: #666; font-size: 1em; margin: .25em 1em 1em; }
.article #left img.left { float: left; border: 1px solid #CCC; padding: 1px; margin: 0 1em 1em 0; }
.article #left img.center { border: 1px solid #CCC; padding: 1px; margin: 1em; text-align: center; }
.article #left img.right { float: right; border: 1px solid #CCC; padding: 1px; margin: 0 0 1em 1em; }
.article #left table { border-collapse: collapse; margin: 1em 0; font-size: 1.1em; border: 1px solid #CCC; border-width: 2px 0 1px 1px; width: 99%; }
.article #left th { text-transform: uppercase; color: #223E99; font-weight: bold; padding: .45em .35em; border-bottom: 1px solid #CCC; font-size: .95em; }
.article #left td { padding: .35em; border-left: 1px solid #CCC; color: #333; }
.article #left tr.alt td { background: #E6E6E6; }

.article #left dl dt { font-size: 1.1em; padding-left: 1.1em; color: #333; font-weight: bold; margin-bottom: .5em; background: url(/images/site/arrow_red.gif) 0 .2em no-repeat;  }
.article #left dl dd { font-size: 1.1em; margin-bottom: 1em; color: #555; }
.article #left dd li, .article #left dd ul { font-size: 1em; }

.article #left #relationsForm { margin-top: 2em; display: block;}


/* ARTICLE FAMILY PAGES */
.articleFamily #headerWrap { background: url(/images/site/bg_artheader.gif) no-repeat; padding: 2em 0; }
.articleFamily .summary { padding: 0 1em 1em 1em; margin: -1em 0 0 0; font-size: 1.4em; border-bottom: 4px solid #E31937; }
.articleFamily #left { width: 420px; float: left; }
.articleFamily #right { width: 259px; margin: 1px 0 0 0; float:left; display:inline; }
.articleFamily #right #supportingInfo { font-size: 1.1em; background: url(/images/site/bg_navdupe.gif) left bottom; padding: 0; height: 1%; }
.articleFamily #right #mainWrap { background: url(/images/site/bg_navdupe.gif) right top; }
.articleFamily #right #subWrap { padding: 1.3em 1.5em 2.5em 1.5em; }
.articleFamily #right #subWrap img.left { float: left; margin: .5em .5em .5em 0; }
.articleFamily #right #subWrap img.right { float: right; margin: .5em 0 .5em .5em; }
.articleFamily .section { background: #E1E5E8; margin-bottom: .1em; padding: 1.5em; float: left; width: 388px;}
.articleFamily .section .floatLeft { float: left; }
.articleFamily .section .floatLeft img { margin: .2em 1em 1em 0; }
.articleFamily .section h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #E31937; margin-bottom: .25em; background: url(/images/site/arrow_grey_med.gif) 0 .2em no-repeat; padding-left: 1.2em; }
.articleFamily .section ul { font-size: 1.1em; color: #223E99; margin-left: 5.6em; }
.articleFamily .section li { padding: .15em; }
.articleFamily #left .section li a:link, .articleFamily #left .section li a:visited { background: url(/images/site/bullet_blue.gif) 0 .1em no-repeat; padding-left: 1em; color: #223E99; text-decoration: none;}
.articleFamily #left .section li a:hover { text-decoration: underline; color: #223E99 !important; }



/* CATEGORY PAGES */
.category #main { width: 630px; float: left; position: relative; }
.subcategory #main { width: 680px; float: left; position: relative; }
.category #servicemain, .subcategory #servicemain, .article #servicemain { width: 609px;float:left; position: relative; }
.category #headerWrap { position: absolute; top: 0; left: 0; z-index: 0; width: 90%; background: url(/images/site/bg_header.gif) right top no-repeat; }
.category #navDupe { float: left; width: 100%; margin-bottom: 1em; color: #666; }
.category #navDupe dl { background: #E1E5E8; float: left; padding: 1.5em; width: 17.9em; height: 7em; border: 1px solid #FFF; border-width: 0 0 1px 1px; position: relative; }
.category #navDupe dt { padding-left: 1.1em; font-size: 1.1em; background: url(/images/site/arrow_red.gif) 0 .2em no-repeat; padding-bottom: .2em;}
.category #navDupe dt a { text-transform: uppercase; font-weight: bold; color: #666; }
.category #navDupe dt a:hover { color: #E31937; }
.category #navDupe dd { font-size: 1.1em; }
.category #sidebar { float:left; width: 260px; }
.category #sidebar ol li { margin-left: .5em; padding: .25em 0; list-style: decimal; }
.category #supportingInfo { height: 255px; }
 div #homeBtm { position: relative; width: 609px; margin-top: 17px; }
div #serviceLeft { float: left; width: 185px; margin-left: 9px; font-size: 11px; line-height: 12px; }
div #serviceLeft a:link, div#homeBtmLeft a:visited { color: #233e99; text-decoration: none; }
div #serviceLeft a:hover { color: #233e99; text-decoration: underline; }
div #serviceRight { float: right; width: 384px; }


/* PRODUCT PAGES */
.product #main { background: url(/images/site/bg_prodheader.gif) no-repeat; }
.product #left { width: 460px; float: left; position: relative; padding: 3.3em 0 0 0; }
.product #right { width: 210px; float:left; display:inline; margin-left:9px; }
.product .product { float: left; background: #E1E5E8; margin-bottom: .1em; padding: 1.5em 1.5em 1em 1.5em; }
.product .image { float: left; }
.product .image img { border: 1px solid #C7C7C7; }
.product #product .image a { display: block; text-indent: -10000px; background: url(/images/site/button_prodLarger.gif) no-repeat; height: 28px; width: 209px; }
.product #product .image a:hover { background-position: 0 -28px; }
.product #product .description { float:left; display:inline; width:240px; margin-left:10px;}
.product #product .description h1 { font-weight: bold; font-size: 1.4em; color: #E31937; margin-bottom: .25em; }
.product #product .description h2 { font-weight: bold; font-size: 1.1em; margin-bottom: .25em; }
.product #product .description ul { font-size: 1.1em; margin-bottom: 1em; }
.product #product .description li { padding: .15em .15em .15em 1em; background: url(/images/site/bullet_grey.gif) 0 .2em no-repeat; position: relative; }
.product #pagination { height: 28px; }
.product #pagination li { display: inline; }
.product #pagination a { height: 28px; background: url(/images/site/button_pagination.gif) no-repeat; display: block; text-indent: -10000px; float: left; }
.product #pagination #prev { width: 117px; }
.product #pagination #prev:hover { background-position: 0 -28px; }
.product #pagination #next { width: 93px; background-position: -117px 0; }
.product #pagination #next:hover { background-position: -117px -28px; }
.product #pagination #prevOff, .product #pagination #nextOff { height: 28px; display: block; float: left; width: 117px; text-indent: -10000px; background: url(/images/site/button_pagination.gif) no-repeat;}
.product #pagination #prevOff { background-position: 0 -56px;}
.product #pagination #nextOff { width: 93px; background-position: -117px -56px;}



.product #supportingInfo { padding: 1.5em; }
.product #supportingInfo h2 { margin-bottom: .5em; }
.product #supportingInfo dt { font-weight: bold; }
.product #supportingInfo dd { margin-bottom: .5em; }
.product #supportingInfo a:link, .product #supportingInfo a:visited { color: #223E99; }
.product #supportingInfo a:hover { color: #E31937; text-decoration: underline; }
.product #right #disclaimer { padding: 1.5em; font-weight: bold; color: #999; font-size: 1em; }
.product #right #disclaimer li { margin-bottom: 1em; }



/* PRODUCT FAMILY PAGES - Version 1 */
.productFamily1 #headerWrap, .productFamily2 #headerWrap { background: url(/images/site/bg_artheader.gif) no-repeat; padding: 2em 0; }
.productFamily1 #headerWrap h1, .productFamily2 #headerWrap h1 { width: 50%; }
.productFamily1 .summary { width: 667px; padding: 0 0 13px 13px; margin: -13px 0 0 0; font-size: 1.4em; border-bottom: 4px solid #E31937; }
.productFamily1 #left { width: 420px; float: left; margin-top: .2em; overflow-x:hidden;}
.productFamily1 #left p.noProd { padding: 0 15px; }
.productFamily1 #left p.noProd.intro { font-size: 1.2em; }
.productFamily1 #right { width: 259px; margin: 0 0 0 0; float: right;}
.productFamily1 #right #supportingInfo { font-size: 1.1em; background: url(/images/site/bg_navdupe.gif) left bottom; padding: 0; height: 1%; margin-top: 1px;}
.productFamily1 #right #mainWrap { background: url(/images/site/bg_navdupe.gif) right top; }
.productFamily1 #right #subWrap { padding: 1.5em; }
.productFamily1 .product { float: left; background: #E1E5E8; margin-bottom: 1px; padding: 15px; padding-bottom: 0; width: 388px; }
.productFamily1 .product h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #E31937; margin-bottom: .25em; }
.productFamily1 .product ul { font-size: 1.1em; margin-bottom: 15px; }
.productFamily1 .product li { padding: .15em; background: url(/images/site/bullet_grey.gif) 0 .2em no-repeat; padding-left: 1em; }
.productFamily1 .image { float: left; }
.productFamily1 .image img { border: 1px solid #C7C7C7; background: #FFF; margin-bottom: 15px; }
.productFamily1 .image a { display: block; text-indent: -10000px; background: url(/images/site/button_viewLarger.gif) no-repeat; height: 28px; width: 97px; margin: -15px 0 15px 0; }
.productFamily1 .image a:hover { background-position: 0 -28px; }
.productFamily1 .description { display:inline; float:left; margin-left:10px; width:280px; }
.productFamily1 .description h2 { text-transform: uppercase; }



/* PRODUCT FAMILY PAGES - Version 2 */
.productFamily2 #headerWrap { margin-bottom: -.9em; padding-bottom: 0; border-bottom: 4px solid #E31937; }
.productFamily2 #headerWrap img { display: block; margin: 0; padding: 0; }
.productFamily2 #products { float: left; margin: 1em 0 2.5em 1px; color: #666; }
.productFamily2 #products div.bl { float: left; position: relative; background: url(/images/site/bg_navdupe.gif) left bottom; width: 22.7em; height: 25em; margin: 0 0 -1px -1px;  }
.productFamily2 #products div.tr { background: url(/images/site/bg_navdupe.gif) right top; height: 25em; }
.productFamily2 #products dl.wrap { padding: 1.5em;  }
.productFamily2 #products dt { font-size: 1.2em; text-align: center; }
.productFamily2 #products dt img { padding-bottom: .5em; }
.productFamily2 #products dt.name { background: url(/images/site/arrow_red.gif) 0 .2em no-repeat; padding-left: 1.1em; text-align: left; text-transform: uppercase; font-size: 1.1em; margin-bottom: .2em;}
.productFamily2 #products dt a { text-transform: uppercase; font-weight: bold; color: #666; }
.productFamily2 #products dt a:hover { color: #E31937; }
.productFamily2 #products dd { font-size: 1.1em; }
.productFamily2 #products dd.description { padding: 0 1em; }
.productFamily2 #products a.details { position: absolute; left: 9em; bottom: 1.75em; display: block; text-indent: -10000px; width: 92px; height: 22px; background: url(/images/site/button_details.gif) no-repeat; }
.productFamily2 #products a.details:hover { background-position: 0 -22px; }



/* SPECIAL PAGES - Email signup, coupons, etc. */
.special #main { width: 740px; margin-left: 150px; position: relative; }
.special #headerWrap { background: url(/images/site/bg_specheader.gif) no-repeat; padding: 2em 0 0 0; }
.special .summWrap { height: 1%; margin: -1em 0 0 0; padding: 0 1.5em 1.5em 1.5em; border-bottom: 4px solid #E31937; }
.special .summary { padding: 0; border: none; margin-bottom: 1px;  }
.special #center { width: 595px; background: #E1E5E8; font-size: 1.1em; padding-bottom: 1.5em; margin-bottom: 2em; }
.special #center form { padding: 15px 15px 0 15px; }
.special form div { padding: 3px 0; clear: both; }
.special form div.multiRadio { margin-top: .3em; padding-bottom: .5em; border-top: 1px solid #ccc;}
.special fieldset { background: url(/images/site/bg_fieldset.gif) bottom repeat-x; padding-bottom: 5px; }
.special input.text { padding: 2px; border: 1px solid #969696; width: 150px; }
.special input.radio { vertical-align: middle; }
.special select { padding: 2px; border: 1px solid #969696; width: 156px; }
.special option { padding: 0 2px; }
.special div label { width: 150px; display: block; float: left; text-align: right; padding: 3px 10px 3px 3px; }
.special div label span { color: #E31937; }
.special p { font-size: 1em; display: block; margin: 1em 0 .25em 0; }
.special img.floatLeft { float: left; margin: 1em 1em 0 1.5em; }
.special #center p { padding: 2.5em 1.5em 0 1.5em; margin: 0; }
.special #center form p { margin: 10px 3px 5px 0; padding: 0; }
.special #center form p.instruction { font-size: 1em; display: block; margin: 0 0 1em 0; padding: 0; color: #E31937; }
.special div.column { float: left; width: 31%; clear: none; margin-right: -3px; }
.special div.column.wide { width: 38%; }
.special div.column label { text-align: left; padding: 3px; width: auto; float: none; }
.special div.row label { text-align: left; width: auto; }
.special div.indent label { margin-left: 157px; float: none; }
.special ul.buttons { float: right; margin: 15px 0 0 0; }
.special ul.buttons li { float: left; display: block; }
.special a#reset { display: block; text-indent: -10000px; width: 75px; height: 22px; background: url(/images/site/button_reset.gif) no-repeat; margin-right: .5em; }
.special a#reset:hover { background-position: 0 -22px; }
.special a#no { display: block; text-indent: -10000px; width: 100px; height: 22px; background: url(/images/site/button_skipSurvey.gif) no-repeat; margin-right: .5em; }
.special a#no:hover { background-position: 0 -22px; }
.special a#submit { display: block; text-indent: -10000px; width: 75px; height: 22px; background: url(/images/site/button_submit.gif) no-repeat; }
.special a#submit:hover { background-position: 0 -22px; }
.special .wideLabel label, .special .wideLabel label.wide { width: 250px; text-align: right; }

.special form#login { float: left; width: 48%; background: url(/images/site/bg_divider.gif) right repeat-y; }
.special form#login label { width: 100px; }
.special form#login div.indent label { padding-left: 112px; margin-left: 0; }
.special div#register { width: 40%; float: left; padding: 15px 15px 0 25px; }
.special a#loginBtn { display: block; text-indent: -10000px; width: 75px; height: 22px; background: url(/images/site/button_login.gif) no-repeat; margin: 10px 0 10px 112px; }
.special a#loginBtn:hover { background-position: 0 -22px; }
.special a#signup { display: block; text-indent: -10000px; width: 92px; height: 22px; background: url(/images/site/button_signup.gif) no-repeat; margin-top: 10px; }
.special a#signup:hover { background-position: 0 -22px; }

.special #couponList { padding: 0 15px; display: block; }
.special #couponList dt {  float: left; width: 365px; }
.special #couponList dt a { padding-left: 10px; background: url(/images/site/arrow_red.gif) 0 2px no-repeat; text-transform: uppercase; font-weight: bold; color: #666; }
.special #couponList dt a:hover { color: #E31937; }
.special #couponList dd { float: left; text-align: right; width: 100px; padding-right: 10px; }
.special #couponList dt, .special #couponList dd { padding: 15px 0; background: url(/images/site/bg_fieldset.gif) bottom repeat-x; }

.special #coupon { background: url(/images/site/bg_coupon.gif) no-repeat; padding: 26px 6px 0 33px; margin: 20px 0; width: 701px; position: relative; }
.special #coupon #closer { background: url(/images/site/bg_coupon_closer.gif) bottom no-repeat; height: 5px; font-size: 1px; text-indent: -10000px; position: relative; left: 0px; width: 540px; }
.special #couponBG { background: #E31937; padding: 5px; }
.special #couponTop { background: #FFF; padding: 5px 10px; margin-bottom: 5px; position: relative; }
.special #couponTop #pblogo { background: #FFF; padding: 0; margin: 0;}
.special #couponSummary { width: 335px; position: absolute; right: 12px; top: 110px; text-align: center; line-height: 1; }
.special #couponSummary h2 { color: #E31937; font-size: 2em; font-weight: bold; letter-spacing: -1px; text-transform: uppercase;  }
.special #couponSummary h3 { color: #000; font-size: 1.5em; font-weight: bold; }
.special #offerCoupon { position: absolute; top: 0; right: 12px; }
.special #couponBottom { background: #223E99; padding: 4px 10px; border: 1px solid #FFF; color: #FFF; position: relative; }
.special #couponBottom h4 { font-size: 3em; font-style: italic; font-weight: bold; text-align: center; letter-spacing: -1px; }
.special #couponBottom p { line-height: 1; font-size: 9px; }
.special #couponBottom p.code { position: absolute; right: 12px; top: 0; font-weight: bold; font-size: 10px; }



/* SUBCATEGORY PAGES */
.subcategory #headerWrap { position: absolute; top: 0; left: 0; z-index: 0; width: 90%; background: url(/images/site/bg_header.gif) right top no-repeat; }
.article #servicemain #headerWrap { position: relative; top: 0; left: 0; z-index: 0; width: 90%; background: url(/images/site/bg_header.gif) right top no-repeat; }

.subcategory #left { width: 420px; float: left; }
.subcategory #right { width: 259px; float:left; display:inline; background: #E1E5E8; text-indent -10000px;}
.subcategory img#mainImg {margin-bottom: 1px;}
.subcategory .summWrap { background: url(/images/site/bg_subheader.gif) right top; position: relative; top: -10px; padding: 1.5em 1em; border-bottom: 4px solid #E31937; margin-bottom: 1px; }
.subcategory .summWrap p.summary { padding: 0; border: none; margin: 0 0 .5em 0; }
.subcategory .summWrap p { margin: .5em 0 .25em 0; }

.subcategory #navDupe { width: 420px; float: left; background: url(/images/site/bg_navdupe.gif) no-repeat; margin-top: -1em; }
.subcategory #navDupe div { margin: 0 -1px 0 0; float: left; background: url(/images/site/bg_navItem.gif) no-repeat; height: 105px; width: 210px; }
.subcategory #navDupe div.noDesc { background: url(/images/site/bg_navItem_noDesc.gif) no-repeat; height: 50px; }
.subcategory #navDupe div.noDesc dd { display: none; }
.subcategory #navDupe div dl { padding: 1.25em; }
.subcategory #navDupe div dl dt { padding-left: 1.1em; background: url(/images/site/arrow_red.gif) 0 .2em no-repeat; font-size: 1.1em; line-height: 1.2em;}
.subcategory #navDupe div dl dt a:link, .subcategory #navDupe div dl dt a:visited { text-transform: uppercase; font-weight: bold; color: #666; text-decoration: none; }
.subcategory #navDupe div dl dt a:hover { color: #E31937; }
.subcategory #navDupe div dl dd { font-size: 1.1em; }





/*
.subcategory #navDupe { float: left; width: 100%; margin: -1em 0 2.5em 1px; color: #666; }
.subcategory #navDupe div.bl { float: left; background: url(/images/site/bg_navdupe.gif) left bottom; width: 21em; height: 10.3em; margin: 0 0 -1px -1px; }
.subcategory #navDupe div.tr { background: url(/images/site/bg_navdupe.gif) right top; height: 10.3em; }
.subcategory #navDupe dl.wrap { padding: 1.5em; }
.subcategory #navDupe dt { padding-left: 1.1em; font-size: 1.2em; background: url(/images/site/arrow_red.gif) 0 .2em no-repeat; }
.subcategory #navDupe dd { font-size: 1.1em; }
*/
.subcategory #right h2 { text-indent: -10000px; background: url(/images/site/bg_autoInsights.gif) no-repeat; height: 3.5em;}
.subcategory #right h2.ps { text-indent: -10000px; background: url(/images/site/bg_psInsights.gif) no-repeat; height: 3.5em; }
.subcategory #right div dl { width: 229px; padding: 15px; position: relative; border-bottom: 1px solid #FFF; }
.subcategory #right dl dt { width: 229px; font-size: 1.1em; padding-left: 1.1em; text-transform: uppercase; font-weight: bold; margin-bottom: .5em; background: url(/images/site/arrow_red.gif) 0 .2em no-repeat;  }
.subcategory #right dt a { color: #666; }
.subcategory #right dt a:hover { color: #E31937; }
.subcategory #right dl dd { font-size: 1.1em; }
.subcategory #right a.learnMore { margin: 1em 0 0 12.5em; display: block; text-indent: -10000px; width: 92px; height: 22px; background: url(/images/site/button_learnMore.gif) no-repeat; }
.subcategory #right a.learnMore:hover { background-position: 0 -22px; }
.subcategory #right img { margin-bottom: .75em; display: block; }
.subcategory #right img.floatLeft { float: left; margin-right: .75em; }
.subcategory #right img.floatRight { float: right; margin-left: .75em; }
.subcategory #right ol li { margin-left: 2em; padding: .25em 0 .25em 0em; list-style: decimal; }
.subcategory #left.timeline { width: 680px; float: left;}
.subcategory .timeline .summWrap { background: none; position: relative; top: 0; padding: 1.5em 1em; height: 1%; border-bottom: 4px solid #E31937; margin-bottom: 1px; }
.timeline .row { float: left; clear: left; width: 100%; background: url(/images/site/bg_timeline.gif); }
.timeline .row.alt { background: url(/images/site/bg_timelineAlt.gif); }
.timeline .row img { float: left; margin: 0 1em 1em 0; position: relative; }
.timeline .row .left { float: left; width: 340px; }
.timeline .row .left div { padding: 12px; }
.timeline .row .right { float: right; width: 340px; }
.timeline .row .right div { padding: 12px; }
.timeline h2 { color: #E31937; font-size: 2em; font-weight: bold; }
.timeline ul { margin: 0 0 1em 16.5em; }
.timeline li { font-size: 1.1em; padding: .15em 0 .5em 1em; background: url(/images/site/bullet_grey.gif) 0 .2em no-repeat; }
.timeline #supportingInfo { padding: 0; }
.timeline #supportingInfo h3 { background: url(/images/site/header_timelineRelated.gif) no-repeat; height: 35px; margin-bottom: 1em; text-indent: -10000px; }
.timeline #supportingInfo ul { margin: 0; }
.timeline #supportingInfo li { background: none; font-size: 1em; }
div.toTop { float: right; }
a.toTop { text-indent: -10000px; display: block; width: 100px; height: 30px; background: url(/images/site/button_toTop.gif) no-repeat; }
a.toTop:hover { background-position: 0 -30px; }






/* REPLACED HEADINGS */
.category #servicemain h1,.subcategory #servicemain h1, .article #servicemain h1, .category #main h1, .subcategory #main h1, .articleFamily #main h1, .productFamily1 #main h1, .productFamily2 #main h1, .special #main h1 { font-size: 2em; color: #E31937; text-transform: uppercase; background: url(/images/site/arrow_grey_lg.gif) .75em .225em no-repeat; position: relative; margin-right: 35px; padding-left: 1.65em; }
.category #main h1, .category #servicemain h1, .subcategory #servicemain h1, .article #servicemain h1, .subcategory #main h1 { font-size: 2.2em; padding-left: 1.5em; }
.article #main h1 { font-size: 2em; color: #233E99; }
#main h1 span { text-transform: lowercase; }



/* BUTTONS OF ALL TYPES */
.actionButton { display: block; float: left; margin-left: 2px; width: 19px; height: 17px; background: url(/images/site/button_action.gif) no-repeat;}
.actionButton:hover { background-position: 0 -17px; }
.actionButton b { display: none; }



#functions { background: #E31937; height: 57px;  }
#functions li { display: inline; }
#functions a { height: 28px; background: url(/images/site/button_prod_features.gif) no-repeat; display: block; text-indent: -10000px; float: left; }
#functions #functionEmail { width: 66px; }
#functions #functionEmail:hover { background-position: 0 -57px; }
#functions #functionPrint,#functions #functionPrintCoupon { width: 57px; background-position: -66px 0; }
#functions #functionPrint:hover,#functions #functionPrintCoupon:hover  { background-position: -66px -57px; }
#functions #functionPrintCoupon { width: 57px; background-position: -66px 0; }
#functions #functionPrintCoupon:hover  { background-position: -66px -57px; }
#functions #functionFinance { width: 86px; background-position: -123px 0; }
#functions #functionFinance:hover { background-position: -123px -57px; }
#functions #functionFind { width: 210px; background-position: 0 -28px; }
#functions #functionFind:hover { background-position: 0 -85px; }
.productFamily1 #functions a { height: 28px; background: url(/images/site/button_features.gif) no-repeat; display: block; text-indent: -10000px; float: left; }
.productFamily1 #functions #functionEmail { width: 80px; }
.productFamily1 #functions #functionEmail:hover { background-position: 0 -57px; }
.productFamily1 #functions #functionPrint { width: 70px; background-position: -80px 0; }
.productFamily1 #functions #functionPrint:hover { background-position: -80px -57px; }
.productFamily1 #functions #functionFinance { width: 109px; background-position: -150px 0; }
.productFamily1 #functions #functionFinance:hover { background-position: -150px -57px; }
.productFamily1 #functions #functionFind { width: 259px; background-position: 0 -28px; }
.productFamily1 #functions #functionFind:hover { background-position: 0 -85px; }
.article #functions { height: 28px; background: url(/images/site/bg_functions.gif); }
.article #functions a { height: 28px; background: url(/images/site/button_features.gif) no-repeat; display: block; text-indent: -10000px; float: left; }
.article #functions #functionEmail { width: 80px; background-position: 0 -1px; }
.article #functions #functionEmail:hover { background-position: 0 -58px; }
.article #functions #functionPrint { width: 70px; background-position: -80px -1px; }
.article #functions #functionPrint:hover { background-position: -80px -58px; }
.special #functions { height: 28px; background: none; float: right; }
.special #functions a { height: 28px; background: url(/images/site/button_coupon_features.gif) no-repeat; display: block; text-indent: -10000px; float: left; }
.special #functions #functionPrint { width: 82px; background-position: 0 0; }
.special #functions #functionPrint:hover { background-position: 0 -28px; }
.special #functions #functionPrintCoupon { width: 82px; background-position: 0 0; }
.special #functions #functionPrintCoupon:hover { background-position: 0 -28px; }
.special #functions #functionReturn { width: 201px; background-position: -82px 0; }
.special #functions #functionReturn:hover { background-position: -82px -28px; }



/* FOOTER
============================================ */
/*
#footer {
	clear: both;
	background: url(/images/site/bg_footer.gif) 0 10px repeat-x;
	padding: 0 0 4em 0;
	height: 5em;
	}

#emailSignup {
	float: left;
	background: transparent;
	}

#talkingHeads {
	float:  left;
	width: 160px;
	height:  77px;
	margin-right: 1em;
	}

#emailSignup h4 {
	background: url(/images/site/footer_signup.gif) 0em .3em no-repeat;
	height: 24px;
	margin-top: 2.5em;
	text-indent: -10000px;
	margin-left: 0em;

	width: 160px;
	}

#email {
	float: left;
	margin-left: 0em;
	}

#emailText {
	float: left;
	width: 200px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	color: #666;
	}


#footerNav {
	width: 480px;
	float: right;
	margin-top: 1em;
	padding-top: 3em;
	}

#footerNav li { float: right; color: #666; line-height: 1.5; padding-left: .5em; }
#footerNav li a:link, #footerNav li a:visited { color: #666; padding-right: .5em; border-right: 1px solid #B4B4B4; }
#footerNav li a:hover { color: #E31937; text-decoration: underline; }
#footerNav li a.last { border: none !important; padding-right: 0; }
#footerNav li.rowTwo { padding-left: 1.1em; }
#footerNav li.rowTwo a:link, #footerNav li.rowTwo a:visited { padding-right: 1em; }
*/


/* THE EQUALIZER */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }










/* style resets */
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
ul { margin: 0 0 0 0px; padding: 0 0 0 0px; }

/*main containers */
body { background: url(/images/container/bg_body.png); background-repeat: repeat-x; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 13px; color: #666; text-align: center; height: 100%; min-height: 100%; margin: 0 0 0 0px; padding: 0 0 0 0px; }
a:link, a:visited { text-decoration: none; color: #233e99; }
a:hover { text-decoration: underline; color: #233e99; }
div#container { position: relative; width: 890px; padding-left: 20px; padding-right: 20px; background-image:url(/images/container/bg_container.png); background-repeat: no-repeat; margin: 0 auto; text-align: left; }
div#contentContainer { position: relative; top: 10px; width: 890px; text-align: left; background-color: #fff; }
div#mainContent { float: left; width: 609px; padding-left: 5px; padding-bottom: 15px; }
div#sidebarContainer { float: right; width: 260px; }
div.clear { clear: both; height: 1px; overflow: hidden; }


/* header styles */
div#header { position: relative; width: 890px; z-index: 10; margin-bottom: 0px; }
img#logo { position: absolute; left: 13px; top: 11px; }
ul#ternav { position: absolute; right: 6px; top: 21px; }
ul#ternav li { position: relative; display: inline; float: left; }
div#nav { position: absolute; left: 0px; top: 94px; width: 666px; height: 33px; overflow: hidden; }
img#navOverlay { position: absolute; left: 634px; top: 94px; }
div#search { position: absolute; margin:0px; padding:0px; right: 0px; top: 58px; width: 259px; height: 32px; background-image: url(/images/header/search_bg.png); background-repeat: no-repeat; }
form#search { position: absolute; left: 0px; top: 0px; margin: 0 0 0 0px; padding: 0 0 0 0px; }
input#searchText { position: absolute; left: 77px; top: 9px; width: 121px; height: 12px; padding: 1px 5px 1px 5px; border: none; border-right: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #666; background-color: #fff; }
img#search_go { position: absolute; left: 210px; top: 9px; }
img#find { position: absolute; left: 466px; top: 56px; }
div#subnav { position: absolute; left: 0px; top: 126px; width: 709px; height: 20px; background-image:url(/images/header/subnav_bg.png); background-repeat: repeat-x; z-index: 1000; }
div#subnavMessaging { position: absolute; left: 21px; top: 0px; width: 685px; height: 11px; padding-top: 5px; padding-bottom: 4px; font-weight: 800; vertical-align: middle; text-align: left; font-size: 11px; }
ul#subnav_list { position: absolute; left: 5px; top: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #223e99; z-index: 1; }
ul#subnav_list li { position: relative; display: block; height: 20px; float: left; z-index: 1; }
ul#subnav_list li a { text-transform: uppercase; }
ul#subnav_list li a:link, ul#subnav_list li a:visited { color: #223e99; text-decoration: none; }
ul#subnav_list li a:hover { color: #e51937; text-decoration: none; }
ul#subnav_list li a.subnav_current:link, ul#subnav_list li a.subnav_current:visited { color: #e51937; }
ul.popnav { position: absolute; left: -20px; top: 17px; width: 211px; padding: 12px 10px 20px 0px; margin: 0 0 0 0px; list-style: none; background-image: url(/images/header/popnav_bg.png); background-position: bottom; background-repeat: no-repeat; z-index: 1000; display: none; }
ul.popnav li { width: 169px; padding: 0px 15px 4px 27px; margin: 0 0 0 0px; height: 11px; overflow: visible; text-transform: uppercase; }
ul.popnav li a:link, ul.popnav li a:visited { color: #223e99; text-decoration: none; }
ul.popnav li a:hover { color: #e51937; text-decoration: none; }

/* GLOVEBOX nav elements */
img#gloveBtn { position: absolute; right: 0px; top: 94px; z-index: 2; }
div#gloveLinks { position: absolute; right: 30px; top: 131px; width: 125px; text-align: center; font-size: 11px; line-height: 13px; color: #fff; z-index: 3; }
div#gloveLinks a:link, div#gloveLinks a:visited { text-decoration: none; color: #fff; }
div#gloveLinks a:hover { text-decoration: underline; color: #fff; }
img#gloveOverlay { position: absolute; right: 0px; top: 130px; z-index: 2; }
div#gloveContent { position: relative; margin-top: 148px; width: 890px; padding-top: 8px; padding-bottom: 4px; margin-bottom: 12px; background:url(/images/glovebox/glovebox_bg.png); background-position: top; background-repeat: no-repeat; background-color: #2e4ea9; }
div#glovenav { position: relative; margin-top: 128px; width: 890px; height: 33px; margin-bottom: 12px; background:url(/images/glovebox/glovebox_current_bg.png); background-position: top; background-repeat: no-repeat; background-color: #2e4ea9; z-index: 2; }
ul#glovenav_list { position: absolute; left: 12px; top: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #fff; z-index: 2; }
ul#glovenav_list li { position: relative; display: inline; height: 20px; float: left; z-index: 2; }
ul#glovenav_list li a { text-transform: uppercase; }
ul#glovenav_list li a:link, ul#glovenav_list li a:visited { color: #fff; text-decoration: none; }
ul#glovenav_list li a:hover { color: #e2c914; text-decoration: none; }
ul#glovenav_list li a.glovenav_current:link, ul#glovenav_list li a.glovenav_current:visited { color: #e2c914; }


img#gloveShadow { position: absolute; right: 0px; bottom: -15px; }

div#gloveAnonMsg { position: relative; width: 690px; padding: 8px 0px 9px 21px; font-size: 12px; line-height: 13px; color:#fff; font-weight: 800; }
div#gloveAnonMsg a:link, div#gloveAnonMsg a:visited { text-decoration: none; color: #fff; }
div#gloveAnonMsg a:hover { text-decoration: underline; color: #fff; }
img#gloveCreate { position: absolute; right: 24px; top: 14px; }

div#gloveWelcome { position: absolute; left: 22px; top: 10px; width: 135px; font-size: 11px; line-height: 11px; color: #fff; }
img#gloveCustomize { position: absolute; left: 22px; top: 9px; }
img#gloveCreateStack { position: absolute; left: 161px; top: 9px; }
img.gloveDetailsToggle { position: absolute; left: 168px; top: 10px; }
div#gloveWbox { position: relative; width: 603px; margin: 0px 8px 0px 243px; padding: 9px 19px 7px 17px; background-image:url(/images/glovebox/glove_wbox_mid.png); background-repeat: repeat-y; overflow: hidden; }
img#gloveWboxTop { position: absolute; right: 0px; top: 0px; }
img#gloveWboxBtm { position: absolute; right: 0px; bottom: 0px;; }
img.gloveHdrLink { position: relative; display: block; margin-bottom: 0px; }
img.gloveHdr { position: relative; margin-left: 18px; padding-bottom: 8px; margin-top: -8px; }
div#gloveVehicles { position: relative; float: left; width: 206px; margin-right: 23px; }
img#gloveAddVehicle { position: absolute; left: 96px; top: 2px; }
div#gloveVehiclesList { position: absolute; left: 74px; top: -5px; width: 108px; text-transform:uppercase; height: 11px; padding-top: 4px; padding-bottom: 4px; line-height: 11px; overflow: hidden; white-space: nowrap; }
img#gloveVehiclesListPlus { position: absolute; left: 184px; top: -2px; }
div#gloveStores { position: relative; float: left; width: 227px; margin-right: 23px; }
img#gloveAddStore { position: absolute; left: 319px; top: 2px; }
div#gloveStoresList { position: absolute; left: 68px; top: -5px; width: 131px; text-transform:uppercase; height: 11px; padding-top: 4px; padding-bottom: 4px; line-height: 11px; overflow: hidden; white-space: nowrap; }
img#gloveStoresListPlus { position: absolute; left: 201px; top: -2px; }
div#gloveStoresAddress { margin-left: 70px; }
div#gloveRewards { position: relative; float: left; width: 124px; }
img#gloveVR1 { position: absolute; left: 238px; top: 9px; }
img#gloveVR2 { position: absolute; left: 485px; top: 9px; }
img.gloveHR { display: block; margin-top: 4px; margin-bottom: 4px; }

div.gloveRedCaps { font-weight: 800; color: #e31937; text-transform: uppercase; margin-bottom: 2px; }

/* footer styles */
div#ftr { clear: both; position: relative; width: 890px; height: 165px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #8d8d8d; margin-top: 10px; }
div#ftr a:link, div#ftr a:visited { text-decoration: none; color: #233e99; }
div#ftr a:hover { text-decoration: underline; color: #233e99; }
img#ftr_hr_top { position: absolute; left: 0px; top: 0px; }
img#ftr_signup_hdr { position: absolute; left: 12px; top: 22px; }
input#emailText { position: absolute; left: 11px; top: 39px; width: 174px; height: 13px; padding: 1px 5px 1px 5px; border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #666; background-color: #fff; }
img#ftr_signup_btn { position: absolute; left: 199px; top: 39px; }
div#ftr_list1 { position: absolute; left: 287px; top: 22px; }
div#ftr_list2 { position: absolute; left: 404px; top: 22px; }
div#ftr_list3 { position: absolute; left: 523px; top: 22px; }
div#ftr_list4 { position: absolute; left: 670px; top: 22px; }
div#ftr_list5 { position: absolute; left: 802px; top: 22px; }
img#ftr_hr_btm { position: absolute; left: 0px; top: 124px; }
div#ftr_copyright { position: absolute; left: 10px; top: 135px; }

/* breadcrumbs */
#breadcrumbs { padding: 8px 0px 10px 20px; }
#breadcrumbs li { display: inline; padding-right: 10px; color: #666; }

/* form elements and containers */
div.doubleRadioLeft { position: relative; float: left; width: 102px; }
div.doubleRadioRight { position: relative; float: left; width: 102px; }

div#ajaxSpinner{ text-align:center; margin-top:100px; }

/* pop480, generic reusable pop (needs to be customized via id or additional classes) */
div.pop480 { position: relative; width: 480px; background-image:url(/images/common/pop480_bg.png); background-repeat: repeat-y; z-index: 100; }
img.pop480top { position: absolute; left: 0px; top: -22px; }
img.pop480btm { position: absolute; bottom: 0px; bottom: -26px; }

/* pop404, generic reusable pop (needs to be customized via id or additional classes) */
div.pop404 { position: relative; width: 404px; background-image:url(/images/common/pop404_bg.png); background-repeat: repeat-y; z-index: 100; }
img.pop404top { position: absolute; left: 0px; top: -22px; }
img.pop404btm { position: absolute; bottom: 0px; bottom: -21px; }

/* pop341, generic reusable pop (needs to be customized via id or additional classes) */
div.pop341 { position: relative; width: 341px; background-image:url(/images/common/pop341_bg.png); background-repeat: repeat-y; z-index: 100; }
img.pop341top { position: absolute; left: 0px; top: -27px; }
img.pop341btm { position: absolute; bottom: 0px; bottom: -22px; }

/* pop182, generic reusable pop (needs to be customized via id or additional classes) */
div.pop182 { position: relative; width: 182px; background-image:url(/images/common/pop182_bg.png); background-repeat: repeat-y; z-index: 100; }
img.pop182top { position: absolute; left: 0px; top: -27px; }
img.pop182btm { position: absolute; bottom: 0px; bottom: -22px; }
a.pop182close { position: absolute; right: 15px; top: -11px; }



/* detour messaging box */
div#dbox { margin-left: 20px; position: relative; width: 700px; margin-bottom: 18px; }
img#dboxExclaim { position: absolute; left: 16px; top: 2px; }
div#dboxText { margin-left: 50px; width: 650px; font-size: 24px; line-height: 24px; color: #ff9600; }
div.dboxTextOneLine { padding-top: 12px; padding-bottom: 12px; }
div#dboxShort { margin-left: 20px; position: relative; width: 580px; margin-bottom: 18px; }
div#dboxTextShort { margin-left: 50px; width: 530px; font-size: 24px; line-height: 24px; color: #ff9600; }

div.boxHdr { position: relative; margin: 10px 0px 10px 24px; font-size: 18px; line-height: 18px; color: #e31937; text-transform: uppercase; }

/* login box */
div#logbox { position: relative; float: left; margin-left: 22px; margin-bottom: 20px; width: 274px; background-image:url(/images/login/login_logbox_bg.png); font-size: 11px; line-height: 13px; }
div#logbox img { display: block; }
div.logboxRow { position: relative; display: block; clear: both; width: 274px; padding-top: 6px; }
div.logboxRowEnd { position: relative; display: block; clear: both; width: 174px; padding-top: 6px; padding-left:90px; margin-left:4px; background-color:#F2F2F2;}
div.logboxLabel { position: relative; float: left; width: 76px; padding-right: 7px; padding-top: 6px; text-align: right; }
div.logboxError {color: #e31937; font-weight:bold; margin-left:25px; margin-right:25px; margin-top:5px; margin-bottom:5px;}
div.logboxData { position: relative; float: left; width: 191px; text-align: left; }
div.logboxData input { width: 144px; height: 18px; border: 1px solid #9c9c9c; font-size: 11px; line-height: 18px; padding-left: 6px; padding-right: 6px; color: #666; }
div.logboxData input.logboxCheck { position: relative; top: 2px; width: 20px; height: 12px; margin-left: 0px; border: none; }
div#logboxBtn { position: relative; clear: both; margin-left: 151px; padding-top: 6px; margin-bottom: 2px; }
div#logboxBtn input {background:url(/images/login/btn_login.png) no-repeat; cursor:pointer; width: 94px; height: 31px; border: none;}
div#logboxBtn input:hover {background:url(/images/login/btn_login_on.png) no-repeat; cursor:pointer; width: 94px; height: 31px; border: none;}

/* registration box */
div#regbox { position: relative; float: left; margin-left: 21px; margin-bottom: 20px; width: 547px; background-image:url(/images/login/login_regbox_bg.png); font-size: 12px; line-height: 15px; }
div#regbox img { display: block; }
div#regboxText { position: relative; width: 250px; font-weight: 800; margin-left: 24px; }
img#regboxBtn { position: absolute; left: 318px; top: 0px; }
div#regboxHR { position: relative; width: 499px; height: 1px; overflow: hidden; margin: 10px 0px 12px 23px; background-color: #bebebe; }
div#regbox ul { position: relative; width: 499px; margin-left: 40px; margin-bottom: 15px; }
div#regbox ul li { margin-bottom: 6px; }

/* reset password box */
div#resetbox { position: relative; width: 444px; margin-left: 22px; background-image:url(/images/login/login_reset_bg.png); font-size: 11px; line-height: 13px; margin-bottom: 35px; }
div#resetbox img { display: block; }
div#resetbox span.red { color: #e31937; }
div#resetboxText { position: relative; width: 410px; margin-left: 24px; font-size: 12px; line-height: 15px; margin-top: 4px; margin-bottom: 8px; }
div#resetboxRequired { position: relative; width: 320px; text-align: right; color: #e31937; }
div.resetboxRow { position: relative; display: block; clear: both; width: 444px; padding-top: 6px; }
div.resetboxLabel { position: relative; float: left; width: 156px; padding-right: 7px; padding-top: 6px; text-align: right; }
div.resetboxData { position: relative; float: left; width: 281px; text-align: left; }
div.resetboxData input { width: 144px; height: 18px; border: 1px solid #9c9c9c; font-size: 11px; line-height: 18px; padding-left: 6px; padding-right: 6px; color: #666; }
div#resetboxPasswordText { position: absolute; left: 172px; top: 1px; width: 85px; line-height: 14px; }
div#resetboxNote { position: relative; clear: both; width: 325px; margin-left: 40px; font-size: 12px; line-height: 15px; padding-top: 12px; margin-bottom: 0px; }
div#resetboxBtn { position: relative; clear: both; margin-left: 231px; padding-top: 8px; margin-bottom: 10px; }

div#resetEmailMessage { position: relative; width: 430px; margin-left: 21px; font-size: 12px; line-height: 15px; margin-bottom: 300px; }

/* pop480, generic reusable pop (needs to be customized via id or additional classes) */
div.pop480 { position: relative; width: 480px; background-repeat: repeat-y; z-index: 100; }
img.pop480top { position: absolute; left: 0px; top: -22px; }
img.pop480btm { position: absolute; left: 0px; bottom: -26px; }

/* pop404, generic reusable pop (needs to be customized via id or additional classes) */
div.pop404 { position: relative; width: 480px; background-repeat: repeat-y; z-index: 100; }
img.pop404top { position: absolute; left: 0px; top: -22px; }
img.pop404btm { position: absolute; left: 0px; bottom: -21px; }

/* pop341, generic reusable pop (needs to be customized via id or additional classes) */
div.pop341 { position: absolute; width: 341px;  background-repeat: repeat-y; z-index: 100; }
img.pop341top { position: absolute; left: 0px; top: -27px; }
img.pop341btm { position: absolute; left: 0px; bottom: -22px; }

/* pop182, generic reusable pop (needs to be customized via id or additional classes) */
div.pop182 { position: relative; width: 182px; background-image:url('/images/common/pop182_bg.png'); background-repeat: repeat-y; z-index: 100; }
img.pop182top { position: absolute; left: 0px; top: -27px; }
img.pop182btm { position: absolute; left: 0px; bottom: -22px; }
a.pop182close { position: absolute; right: 15px; top: -11px; }

input#emailText2 { position: relative; left: 0px; top: 0px; width: 174px; height: 13px; padding: 1px 5px 1px 5px; border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #666; background-color: #fff; }


/**********************************
	   reg interstitials
**********************************/
/* post ymme glovebox reg prompt pop */
div#regintYmme { position: relative; width: 669px; height: 552px; background-color: #fff; font-size: 12px; line-height: 15px; color: #666; }
div#regintYmmeClose { position: absolute; left: 575px; top: 26px; font-size: 12px; line-height: 12px; font-weight: 800; text-transform: uppercase; }
div#regintYmmeClose a:hover { text-decoration: none; color: #e31937; }
img#regintYmmeHdr { position: absolute; left: 31px; top: 26px; }
div#regintYmmeText { position: absolute; left: 32px; top: 90px; width: 325px; }
img#regintYmmeSideHdr { position: absolute; left: 389px; top: 87px; }
ul#regintYmmeList { position: absolute; left: 420px; top: 300px; width: 200px; list-style: disc; }
img#regintYmmeSignup { position: absolute; left: 411px; top: 438px; }
div#regintYmmeFormbox { position: absolute; left: 29px; top: 123px; width: 327px; height: 402px; background: url(/images/uploads/regint_ymme_formbox.png); font-size: 11px; line-height: 14px; }
div#regintYmmeFormbox input { width: 150px; height: 20px; border: 1px solid #ccc; font-size: 12px; padding-left: 4px; padding-right: 4px; color: #858585; }
div#regintYmmeFormbox span.required { color: #e31937; }
div#regintYmmeFormbox input.check { width: 12px; padding-bottom: 10px; margin-left: 0px; border: none; }
div#regintYmmeVehLabel { position: absolute; left: 30px; top: 15px; font-size: 11px; line-height: 11px; }
div#regintYmmeVehData { position: absolute; left: 30px; top: 32px; font-size: 12px; line-height: 12px; font-weight: 800; text-transform: uppercase; }
div#regintYmmeRequired { position: absolute; right: 26px; top: 51px; color: #e31937; }
div#regintYmmeLabel1 { position: absolute; right: 191px; top: 75px; text-align: right; }
input.regintYmmeField1 { position: absolute; left: 143px; top: 67px; }
div#regintYmmeLabel2 { position: absolute; right: 191px; top: 103px; text-align: right; }
input.regintYmmeField2 { position: absolute; left: 143px; top: 97px; }
div#regintYmmePassword { position: absolute; left: 146px; top: 133px; font-size: 10px; line-height: 11px; }
div#regintYmmeLabel3 { position: absolute; right: 191px; top: 166px; text-align: right; }
input.regintYmmeField3 { position: absolute; left: 143px; top: 160px; }
div#regintYmmeLabel4 { position: absolute; right: 191px; top: 193px; text-align: right; }
input.regintYmmeField4 { position: absolute; left: 143px; top: 187px; }
div#regintYmmeRemindersText { position: absolute; left: 22px; top: 222px; width: 288px; text-align: center; }
div#regintYmmeRemindersField { position: absolute; left: 80px; top: 264px; }
div#regintYmmeRemindersFieldLabel { position: absolute; left: 170px; top: 266px; }
div#regintYmmeLegalText { position: absolute; left: 64px; top: 300px; width: 237px; }
img#regintYmmeBtn { position: absolute; left: 170px; top: 336px; }
a#regintYmmeSkip { position: absolute; left: 155px; top: 373px; }

/* email validation prompt */
div#regintEmail { position: relative; width: 669px; height: 229px;  background-color: #fff; font-size: 12px; line-height: 15px; color: #666; }
div#regintEmailClose { position: absolute; left: 575px; top: 26px; font-size: 12px; line-height: 12px; font-weight: 800; text-transform: uppercase; }
div#regintEmailClose a:hover { text-decoration: none; color: #e31937; }
div#regintEmailWelcome { position: absolute; left: 32px; top: 39px; font-size: 14px; line-height: 14px; font-weight: 800; }
div#regintEmailDbox { position: absolute; left: 30px; top: 72px; width: 600px; }
img#regintEmailDboxExclaim { position: absolute; left: 16px; top: 2px; }
div#regintEmailDboxText { margin-left: 50px; width: 550px; font-size: 24px; line-height: 24px; color: #ff9600; }
div#regintEmailDboxSmalText { font-size: 12px; line-height: 15px; color: #666; margin-top: 3px; }
div.regintEmailDboxTextOneLine { padding-top: 12px; padding-bottom: 12px; }
img#regintEmailYes { position: absolute; left: 63px; top: 130px; }
img#regintEmailNo { position: absolute; left: 283px; top: 130px; }
div#regintEmailYesText { position: absolute; left: 33px; top: 165px; width: 230px; }
div#regintEmailNoText { position: absolute; left: 286px; top: 165px; width: 225px; }

div#gloveVehiclesPop { position: absolute; left: 317px; top: 25px; display: none; }
div#gloveStoresPop { position: absolute; left: 539px; top: 25px; display: none; }
div.gloveNavPopList { position: relative; width: 145px; overflow: hidden; margin-left: 18px; margin-bottom: -4px; z-index: 20; }
img.gloveHdr { position: relative; margin-left: 18px; padding-bottom: 8px; margin-top: -8px; }

div.date {color: #E31937; font-weight: bold; font-size:1.8em; font: Arial, Helvetica, sans-serif; }

div#vdtPop {position: relative; width: 669px; height: 229px; padding-bottom: 25px; background-color: #fff; font-size: 14px; line-height: 15px; overflow: auto;}
div#vdtClosePop {position: absolute; right: 20px; top: 20px; font-size: 12px; line-height: 12px; font-weight: 800; text-transform: uppercase;}
div#vdtWelcomeText {position: absolute; left: 20px; top: 0px; width: 300px; list-style: disc;}
div#vdtContainer {position: absolute; left: 20px; top: 20px; width: 550px; list-style: disc;}
div#vdtEmailNotYetText {position: absolute; left: 20px; top: 40px; width: 550px; list-style: disc;}
div#vdtRemindersText {position: absolute; left: 20px; top: 60px; width: 550px; list-style: disc;}
div#vdtQuestionText {position: absolute; left: 20px; top: 80px; width: 550px; list-style: disc;}
div#vdtResponseContainer {display: none;position: absolute; left: 100px; top: 220px; width: 450px;font-size: 12px;}
div#vdtYesPlease {position: absolute; left: 40px; top: 118px; width: 230px; list-style: disc; font-size: 12px;}
div#vdtNoThanks {position: absolute; left: 300px; top: 118px; width: 230px; list-style: disc; font-size: 12px;}

/* FaceBook GoveBox info */
div.fbLikeGloveboxInfo { top: 520px; width: 200px; height: 25px; margin: 10px; font-size: 0.9em; left: 300px; z-index: 100; position: absolute; }
div.fbLikeEserveLanding { top: 100px; width: 200px; height: 25px; margin: 10px; font-size: 0.9em; left: 595px; z-index: 100; position: absolute; }
div.fbLikeApptConf { width: 200px; height: 25px; margin: 10px; font-size: 0.9em; left: 485px; z-index: 1; position: absolute; }
div.fbLikeCareers { width: 200px; height: 25px; margin: 10px; font-size: 0.9em; left: 10px; z-index: 100; position: absolute; }
div.fbLikeService { width: 200px; height: 25px; margin: 10px; font-size: 0.9em; left: 15px; z-index: 100; position: absolute; }
div.fbLikeSalesSpecials { width: 200px; height: 25px; margin: 10px; font-size: 0.9em; left: 440px; z-index: 100; position: absolute; }