/* Layout Stylesheet */

#inlay {margin: 0 7px !important}

#overlay {
 display: none;
 position: absolute;
 left: 110px;
 top: 63px;
 width: 800px;
 z-index: 1001;
}

#head {width: 100%}

#body {
 width: 100%;
 margin-top: 5px;
}

#foot {
 width: 100%;
 padding-bottom: 9px;
 text-align: center;
}

/* Layout Presentation */

/* inlay styles */
#inlayContent {margin: 5px 0 30px 70px}

#inlayContent .title {
 color: #2D4C9C;
 font: bold 15px Verdana;
 letter-spacing: 1px;
 margin: 15px 0 11px 40px;
 width: 400px;
 white-space: nowrap;
}

/* overlay styles */
#overlayPage {
 background-color: #FFF;
 border: solid #666;
 border-width: 0 1px;
}

#overlayContent .title {
 color: #2D4C9C;
 font: bold 13px Verdana;
 letter-spacing: 1px;
 margin-left: 10px;
 position: relative;
 top: -20px;
 width: 400px;
 white-space: nowrap;
}

#overlayContent .bb {
 background-color: #F0F8FF;
 border: solid #666;
 border-width: 1px 0;
 text-align: right;
 height: 20px;
}

.bbTL, .bbTR, .bbBL, .bbBR {
 background: transparent url(/7/img/round/overlayTL.gif) no-repeat;
 border: solid #666;
 border-width: 0 0 1px 0;
 height: 23px;
 width: 9px;
}
.bbTR {background: transparent url(/7/img/round/overlayTR.gif) no-repeat}
.bbBL, .bbBR {
 background: transparent url(/7/img/round/overlayBL.gif) no-repeat;
 border-width: 1px 0 0 0;
}
.bbBR {background: transparent url(/7/img/round/overlayBR.gif) no-repeat}

.overlay {
 padding: 5px 15px;
 width: 650px;
}

.overlay div,
.overlay td,
.overlay p,
.overlay li {font-size: 11px !important}

/* head styles */
#head tr {vertical-align: top}

#head {background: #FFF url(/7/img/headBG.gif) repeat-x}

.head {
 background: transparent url(/7/img/envelope.gif) no-repeat;
 min-height: 90px;
}

#head .loadArea {
 height: 24px;
 text-align: center;
 width: 660px;
}

#head #statusMsg {
 font: bold 14px Verdana;
 letter-spacing: 1px;
}

#head #memberName {
 color: #F0F8FF;
 font-weight: bold;
 margin-bottom: 3px;
}

#head #memberLink a {
 color: #FFF;
 font-size: 11px;
}

#head .basketBtns {
 padding: 0 6px 2px 0;
 text-align: right;
 width: 95px;
 white-space: nowrap;
}

#head .basketBtnOff {
 cursor: default;
 color: #F0F8FF;
 text-decoration: none;
 white-space: nowrap;
}

#head .basketBtnOn {
 cursor: pointer;
 color: #FFF;
 text-decoration: none;
 white-space: nowrap;
}

#head .headlinks {margin-top: -1px}
#head .headlinks span {margin-right: 7px}

#head .headlinks a {
 color: #F0F8FF !important;
 text-decoration: none;
}

#head .searchLabel {
 color: #F0F8FF;
 font: bold 10px Verdana;
 letter-spacing: 1px;
 margin-bottom: 1px;
 padding-left: 2px;
 text-align: left;
}

#head .searchBox {
 width: 120px;
 border: solid 1px #00407B;
 padding: 1px 2px;
 margin-right: 5px;
}

#head .searchBtn {padding-top: 12px}

#rSearchError {
 color: #8B0000;
 padding-right: 6px;
 height: 12px;
}

/* body styles */
#body {margin-top: -3px}

#body tr {vertical-align: top}

#body #controls {display: none}

#mapControls {
 background-color: #EEEEE0;
 border: solid #999;
 border-width: 0 1px 1px 1px;
 border-bottom: solid 1px #CCC;
 padding: 2px 3px 0 3px;
 margin: -5px 0 4px 0;
 width: 294px;
}

#mapControls .zb {
 float: left;
 cursor: pointer;
 background-color: transparent;
 margin: 0 1px;
 width: 4px;
}

#mapControls #zbg,
#mapControls #bpg {
 background: transparent url(/7/img/map/zoom6.gif) no-repeat;
 padding: 0 1px;
}

#mapControls #zb8, #mapControls #bp8 {height: 16px}
#mapControls #zb7, #mapControls #bp7 {height: 14px; position: relative; top: 2px}
#mapControls #zb6, #mapControls #bp6 {height: 12px; position: relative; top: 4px}
#mapControls #zb5, #mapControls #bp5 {height: 10px; position: relative; top: 6px}
#mapControls #zb4, #mapControls #bp4 {height: 8px; position: relative; top: 8px}
#mapControls #zb3, #mapControls #bp3 {height: 6px; position: relative; top: 10px}
#mapControls #zb2, #mapControls #bp2 {height: 5px; position: relative; top: 11px}
#mapControls #zb1, #mapControls #bp1 {height: 4px; position: relative; top: 12px}

/* foot styles */
#foot {page-break-after: always}

#foot #btt {padding-top: 12px}

#foot .country img {padding: 1px 5px 1px 3px}

#foot .links,
#foot .links div {
 color: #666;
 font-size: 9px;
 line-height: 1.2em;
 white-space: nowrap;
}

.footBtns {padding-bottom: 19px}

.footCats {
 margin-bottom: 17px;
 line-height: 16px;
}

.footCats a,
.footCats span {font-size: 10px !important}

a.nav {
 font-size: 10px;
 line-height: 16px;
}

h3.mobileVerb {
 color: #CD6839;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
 padding: 0 0 9px 0;
}

/* printable coupon styles */
#coupon {display: none}

/* shading element styles */
#shade {
 background: transparent url(/7/img/alpha.gif) repeat;
 position: absolute;
 left: -5000px;
 top: 0;
 width: 1px;
 height: 1px;
 z-index: 1000;
 opacity: .3;
 filter: alpha(opacity=30);
}

/* targeted link styles */
#headTLs {margin: 4px 0 6px 0; width: 302px}

.headTL {
 border: solid #999;
 border-width: 1px 0;
 width: 238px;
 height: 64px;
 padding: 2px;
}

#promo2TLs {margin: 8px 0; width: 302px}

.promo2TL {
 border: solid 1px #999;
 width: 300px;
 height: 60px;
}

#bodyTL {
 border: solid 1px #999;
 width: 468px;
 height: 60px;
 text-align: left;
}

#welcomeTL {
 background: transparent url(/7/img/index_16.gif) no-repeat;
 width: 800px;
 height: 105px;
 text-align: left;
}

.tls {
 padding: 0;
 margin: 0;
 position: relative;
 overflow: hidden;
}

.tlwelcome {
 position: absolute;
 top: 5px !important;
 left: 38px !important;
}

.tlhead {margin: 2px 0 0 2px}

.tlpromo2 {margin: 0px 0 0 0px}

.widget {
 border: solid #696969;
 border-width: 0 1px 1px 1px;
 margin-top: -2px;
 text-align: left;
 height: 220px;
 width: 300px;
}

.widget img {margin: 4px 0 0 3px}

.wTabs {
 position: relative;
 left: 3px;
 top: 1px;
}

.wTabs img {position: relative}

.wTabs img.t1 {z-index: 4}

.wTabs img.t2 {
 left: -1px;
 z-index: 3;
}

.wTabs img.t3 {
 left: -2px;
 z-index: 2;
}

.wTabs img.t4 {
 left: -3px;
 z-index: 1;
}

/* jtip styles */
#JT_arrow_left {
 background-image: url(/7/img/jtip_left.gif);
 background-repeat: no-repeat;
 background-position: left top;
 position: absolute;
 z-index: 5000;
 left: -12px;
 height: 23px;
 width: 10px;
 top: -3px;
}

#JT_arrow_right {
 background-image: url(/7/img/jtip_right.gif);
 background-repeat: no-repeat;
 background-position: left top;
 position: absolute;
 z-index: 5000;
 height: 23px;
 width: 11px;
 top: -2px;
}

#JT {
 position: absolute;
 z-index: 5000;
 border: 2px solid #CCC;
 background-color: #FFF;
}

#JT_copy {
 padding: 10px;
 color: #363636;
}

.JT_loader {
 background-image: url(/7/img/jtip_loader.gif);
 background-repeat: no-repeat;
 background-position: center center;
 width: 100%;
 height: 12px;
}

#JT_close_left {
 background-color: #CCC;
 text-align: left;
 padding-left: 8px;
 padding-bottom: 5px;
 padding-top: 2px;
 font-weight: bold;
}

#JT_close_right {
 background-color: #CCC;
 text-align: left;
 padding-left: 8px;
 padding-bottom: 5px;
 padding-top: 2px;
 font-weight: bold;
}

#JT_copy p {margin: 3px 0}
#JT_copy img {padding: 1px}
.jTip {cursor: help}

/* External stuff */
#extBodyDiv {
 height: auto;
 min-height: 500px;
}

.fbTabDiv {
 border-bottom: solid 1px #666;
 margin: 7px 0 17px 0;
 padding: 0 10px;
}

.fbTabOff {
 background-color: #F1F1F1;
 border: solid 1px #666;
 text-align: center;
 margin-bottom: -1px;
 padding: 2px 0 3px 0;
}
.fbTabOff a {
 color: #363636 !important;
 font: bold 11px Tahoma;
 text-decoration: none;
}
.fbTabOff a:hover {text-decoration: underline}

.fbTabOn {
 background-color: #6D84B4;
}
.fbTabOn a,
.fbTabOn a:hover {
 color: #FFF !important;
 font-weight: bold;
 text-decoration: none;
}/* Global Presentation Stylesheet */ 

body {
 background: #FFF;
 margin: 0;
 padding: 0;
}

.welcome {background: #FFF url(/7/img/index_BG.gif)}

.results, .bpp {
 background: #FFF;
 maxWidth: 1005px;
 width: 1005px;
}

div, p, span, td {
 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size: 10px;
 color: #363636;
}

form {margin: 0}
img {border: 0}
a:link {color: #2D4C9C}
a:visited {color: #666}
a:hover {color: #CD661D}
a:active {color: #666}

input, select, textarea {
 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 1px;
 vertical-align: middle;
}

p {
 margin: 0;
 padding: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6, h7 {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif}
h1 {
 color: #2D4C9C;
 font-size: 2em; /* 20px */
 line-height: 1.3em;
 margin: 0;
}
h2 {
 color: #2D4C9C;
 font-size: 1.8em; /* 18px */
 line-height: 1.1em;
 margin: 0;
}
h3 {
 color: #2D4C9C;
 font-size: 1.6em; /* 16px */
 line-height: 1.2em;
 margin: 0;
}
h4 {
 color: #2D4C9C;
 font-size: 1.4em; /* 14px */
 font-weight: normal;
 line-height: 1.2em;
 margin: 0;
 padding: 5px 0;
}
h5 {
 color: #2D4C9C;
 font-size: 1.1em; /* 11px */
 margin: 0.8em 0 0.2em 0;
}
h6 {
 font-size: 1.1em; /* 11px */
 line-height: 1.4em;
 margin: 0.3em 0;
}
h7 {
 font-size: 1.1em; /* 11px */
 font-style: italic;
 font-weight: bold;
 margin-bottom: 0.3em;
}

ul {
 margin: 1em 0;
 padding: 0 0 0 2.5em;
}
ul ul {
 margin: 0;
 padding: 0 0 0 1.25em;
}
ol {
 margin: 1em;
 padding: 0 2em;
}
ol ol {margin: 0}
li {
 margin: 0;
 padding: 0;
}

pre {
 text-align: left;
 margin: 0;
 padding: 20px 0;
}

sup {
 line-height: 7px;
 vertical-align: text-top;
}

a.close {
 font-size: 9px !important;
 color: #000;
}
a.close:hover {color: #696969}

span.onLink {color: #2D4C9C; font-weight: bold}
span.offLink {color: #666}

td.bullet {
 padding-top: 12px;
 width: 14px;
}
td.bullet div {
 background-color: #333;
 height: 4px;
 width: 4px;
}

.clear {clear: both}
.cursor {cursor: pointer}
.cursorOff {cursor: default !important}
.nowrap {white-space: nowrap}
.px3 {padding-top: 3px}
.px6 {padding-top: 6px}
.px9 {padding-top: 9px}
.px12 {padding-top: 12px}
.px15 {padding-top: 15px}
.px20 {padding-top: 20px}
.px30 {padding-top: 30px}
.px40 {padding-top: 40px}
.px50 {padding-top: 50px}
.indent {margin: 0 0 10px 15px}
.shim {margin-left: 10px}
.leftpad {padding-left: 25px}
.rightpad {padding-right: 10px}
.u {text-decoration: underline}
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.mid {vertical-align: middle}
.Fleft {float: left; text-align: left}
.Fright {float: right; text-align: right}
.clLeft {clear: left; float: left}
.clRight {clear: right; float: right}
.dHide {display: none}
.dShow {display: inline}
.vHide {visibility: hidden}
.plain {text-decoration: none !important}
.u {text-decoration: underline !important}
.bold {cursor: default; font-weight: bold; text-decoration: none !important}
.small {font-size: 9px}
.legal {font-family: Arial}
.tiny {font: 9px Arial}
.label {
 font-weight: bold;
 font-size: 11px;
 padding-top: 4px;
 text-align: right;
 vertical-align: top;
}
.counter {
 background-color: #F8F8FF;
 border: solid 1px #2D4C9C;
 color: #2D4C9C;
 cursor: help;
 font-family: Arial;
 padding-left: 2px;
 width: 20px;
}
.error {
 color: #FF0000;
 font-size: 9px !important;
 position: relative;
 z-index: 5000;
}
.wError {
 text-align: left;
 position: relative;
 left: 41px;
 top: 1px;
}

.blueRow {background-color: #87CEFF}
.ltblueRow {background-color: #F0F8FF}
.greyRow {background-color: #F8F8FF}
.transparent {background-color: transparent !important}

.transfer {
 background-color: #F0F8FF;
 border: dashed 2px #000;
 opacity: .4;
 filter: alpha(opacity=40);
 z-index: 9999;
}

.btn {
 background-image: url(/7/img/btnBG.gif);
 background-repeat: repeat-x;
 border: solid 1px;
 border-top-color: #69C;
 border-left-color: #69C;
 border-right-color: #666;
 border-bottom-color: #666;
 color: #2D4C9C;
 font: bold 11px Tahoma,Verdana;
 padding: 0.2em 0 0.2em 0.2em;
 cursor: pointer;
}

.gobtn {
 position: relative;
 left: -6px;
 background-image: url(/7/img/btnBG.gif);
 background-repeat: repeat-x;
 border: solid 1px;
 border-top-color: #69C;
 border-left-color: #69C;
 border-right-color: #363636;
 border-bottom-color: #363636;
 color: #2D4C9C;
 font-family: Tahoma,Verdana;
 font-weight: bold;
 padding: 0.1em 0 0.2em 0.1em;
 cursor: pointer;
}

.searchInput {
 border: solid 2px #6699CC;
 padding: 1px 0 0 2px;
 height: 15px;
 width: 170px;
}

#tooltip {
 background-color: #FFF;
 border: solid 1px #363636;
 position: absolute;
 width: 150px;
 padding: 5px;
 visibility: hidden;
 z-index: 100;
}

/* Rounded box styles */
.t {background: transparent url(/7/img/round/t.gif) repeat-x; height: 3px}
.b {background: transparent url(/7/img/round/b.gif) repeat-x; height: 3px}
.l {background: transparent url(/7/img/round/l.gif) repeat-y; width: 3px}
.r {background: transparent url(/7/img/round/r.gif) repeat-y; width: 3px}
.tl {background: transparent url(/7/img/round/tl.gif) no-repeat; height: 3px; width: 3px}
.tr {background: transparent url(/7/img/round/tr.gif) no-repeat; height: 3px; width: 3px}
.bl {background: transparent url(/7/img/round/bl.gif) no-repeat; height: 3px; width: 3px}
.br {background: transparent url(/7/img/round/br.gif) no-repeat; height: 3px; width: 3px}

/* Search layers */
.searchLayer {
 background-color: #FFF;
 border: 1px solid #666;
 padding: 15px 0 11px 0;
 text-align: center;
 position: absolute;
 top: -300px;
 left: -300px;
 height: 95px;
 width: 290px;
 display: none;
 z-index: 1002;
}

.searchLayer p {
 margin-top: 26px;
 text-align: center;
}

.searchArea {
 height: 60px;
 whitespace: nowrap;
}

.pointer {
 position: absolute;
 top: -300px;
 left: -300px;
 display: none;
 z-index: 1003;
}

/* Message layers */
#messageLayer {
 display: none;
 background-color: #FFF;
 border: 2px solid #CCC;
 position: absolute;
 top: 130px;
 left: 290px;
 z-index: 5001;
 width: auto;
 min-width: 350px;
}

#messagePage {margin: 6px 10px 10px 10px}

#messageHead {
 background-color: #CBE6F8;
 cursor: move;
 height: 13px;
 margin: 6px 0 0 10px;
 padding: 4px 5px 2px 5px;
}

.messageHead {
 background-color: #CBE6F8;
 margin: 6px 10px 0 0;
 padding: 4px 5px 2px 5px;
 text-align: right;
}

.msgHeadRight {width: 50px}
.msgCloseLink {cursor: pointer}

/* Chunk/Subcat layers */
.csDiv {
 display: none;
 background-color: #FFF;
 border: solid 1px #999;
 position: relative;
 left: -4px;
 margin-top: 2px;
 padding: 2px;
 width: 123px;
}

.csDiv div {
 cursor: pointer;
 padding: 3px 4px;
 margin-bottom: 1px;
 text-align: left;
}

a.csl {
 color: #2D4C9C;
 display: block;
 text-decoration: none;
 padding: 4px;
 text-align: left;
}

a.csl:hover {
 color: #FFF !important;
 background-color: #6CA6CD !important;
}

.csDiv a.layerAlt {background-color: #EEEEE0}

.csDiv div.layerOne {
 background-color: #6CA6CD;
 color: #FFF;
}

.csDivR {
 left: 542px;
 width: 110px;
}

.csLayers {
 position: relative;
 left: -2px;
 z-index: 500;
}

.layerTop, .layerBtm {
 position: absolute;
 top: 26px;
 z-index: 510;
}

.layerBtm {top: 48px}

/* Loading messages */
#loadMsg {
 color: #00407B !important;
 font-weight: bold !important;
 font-size: 12px;
 position: relative;
 left: -2px;
 top: 3px;
 z-index: 500;
}

#rLoadMsg {
 display: none;
 position: relative;
 top: -5px;
 z-index: 500;
}

#wLoadMsg {
 visibility: hidden;
 z-index: 500;
}

#formProcessor {
 display: none;
 font-size: 12px;
 padding: 3px;
}

#loading div {
 color: #2D4C9C;
 font: bold 15px Verdana;
}

#loading em {font-size: 11px}

#loading sup {
 font: normal 11px Verdana;
 vertical-align: top;
}

.loadtd {
 height: 46px;
 padding-left: 2px;
 vertical-align: middle;
 white-space: nowrap;
}

.load, .load1 {
 position: relative;
 color: #69C !important;
 font: normal 13px Verdana !important;
}
.load1 {left: -6px}/* Page-level Presentation Stylesheet */ 

/* Inlay Pages */

/* Welcome page */
#wSearchError, .wSearchError {margin: 2px 19px 0 0}

#wCats {
 display: none;
 background-color: #F0F8FF;
 border: solid 1px #076AB9;
 font: 11px Arial,Verdana;
 line-height: 22px;
 padding: 4px 11px 0 11px;
 text-align: left;
 white-space: nowrap;
 position: absolute;
 top: -300px;
 left: -300px;
 z-index: 1001;
}

#wCats p {
 padding: 7px 0 4px 0 !important;
 text-align: right !important;
}

#index {margin-top: 3px}

#index div,
#index p,
#index td {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
}

#index img {display: block}

#index #tagline {
 color: #FFF;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px !important;
 padding: 54px 0 0 16px;
}

/* Navigation Menu Styles */
#index #nav {padding: 0; margin: 0; list-style: none; font: 12px Arial,Verdana,sans-serif; background: transparent; position: relative; z-index: 200; height: 20px; width: 95%}
#index #nav table {border-collapse: collapse}
#index #nav ul {padding: 0 0 5px 0; margin: 0; list-style: none; font: 12px Arial,Verdana,sans-serif; border: 1px solid #076AB9; background: #F0F6FF; position: absolute; left: -9999px; top: -9999px; z-index: 200}
#index #nav li {float: left; padding: 0 0 0 10px; border-right: 1px solid #999}
#index #nav li li {float: none}
#index #nav li li,
#index #nav li.noborder {border-right: none}
#index #nav li a {display: block; float: left; color: #363636; height: 15px; padding: 0 12px 0 3px; line-height: 15px; text-decoration: none; white-space: nowrap}
#index #nav li li a {height: 20px; line-height: 20px; float: none; border-right: none}
#index #nav li:hover {position: relative; z-index: 300; background: transparent}
#index #nav a:hover {position: relative; z-index: 300; text-decoration: none; color: #1C63B0}
#index #nav li ul li a:hover {text-decoration: underline}
#index #nav :hover ul {left: 0; top: 15px}
/* hack for IE5.x and IE6 */
#index #nav li a li {float: left}
#index #nav a:hover ul {left: -10px}
/* would have been this simple if all browsers understood */
/* show next level */
#index #nav li:hover li:hover > ul {left: -15px; margin-left: 100%; top: -1px}
/* keep further levels hidden */
#index #nav li:hover > ul ul {position: absolute; left: -9999px; top: -9999px; width: auto}
/* show path followed */
#index #nav li:hover > a {text-decoration: none; color: #1C63B0}
/* but IE5.x and IE6 need this to style the flyouts */
/* show next level */
#index #nav a:hover a:hover ul,
#index #nav a:hover a:hover a:hover ul,
#index #nav a:hover a:hover a:hover a:hover ul,
#index #nav a:hover a:hover a:hover a:hover a:hover ul {left: 100%; top: -1px}
/* keep further levels hidden */
#index #nav a:hover ul ul,
#index #nav a:hover a:hover ul ul,
#index #nav a:hover a:hover a:hover ul ul,
#index #nav a:hover a:hover a:hover a:hover ul ul {position: absolute; left: -9999px; top: -9999px}

/* Home Content Area */
#index #home-content {
 background-color: #FFF;
 padding: 0;
 text-align: center;
}

#index #home-content h1 {
 margin: 0;
 padding: 0;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 34px;
 color: #333;
 line-height: 39px;
}

#index #home-content h2 {
 color: #1C91CC;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin: 0;
 padding: 12px 0;
}

#index #home-content a {
 color: #1C91CC;
 text-decoration: underline;
}
#index #home-content a:hover {text-decoration: none}

#index #home-content h1.cat-content {
 font-size: 22px;
 line-height: normal;
 margin-left: 5px;
}

#index #home-content h2.cat-content {
 font-size: 14px;
 line-height: 22px;
 margin: 10px;
}

#index #coupon-finder {
 text-align: right; 
 font-weight: bold;
 font-size: 13px !important;
 color: #003333;
 padding-top: 15px;
 white-space: nowrap;
}

#index #coupon-finder .searchBox {
 border: solid 1px #A5ACB2;
 line-height: 20px;
 padding: 5px 0 0 2px;
 margin: 0;
 height: 20px;
 width: 164px;
}

#index #coupon-go {padding-top: 14px}

#index #home-links {
 text-align: center;
 vertical-align: middle;
 color: #3F548F;
}

#index #home-links a {
 color: #3F548F;
 font-size: 11px;
 text-decoration: underline;
}
#index #home-links a:hover {text-decoration: none}

#index #home-links #portal-links a {
 color: #3F548F;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
#index #home-links #portal-links a:hover {text-decoration: underline}

#index .home_phone {
 background: transparent url(/7/img/index_05.jpg) no-repeat;
 font-size: 10px;
 height: 50px;
 text-align: center;
 padding: 16px 0 0 8px;
}

#index .home_nav {
 background: transparent url(/7/img/index_06.jpg) no-repeat;
 padding-top: 15px;
}

/* Welcome Footer Styles */
#index .footer,
#index .footer td {
 color: #363636;
 font-size: 10px;
}

#index .footer a {
 color: #3F548F;
 text-decoration: underline;
}
#index .footer a:hover {text-decoration: none}

/* Results page */
#resultsListing {
 overflow: auto;
 margin-top: 4px;
 width: 100%;
}

#results .esavingsFrame {
 border: solid #CD6839;
 border-width: 0 1px 1px 1px;
 width: 668px;
}

#results .esavingsHead {
 background-color: #FFDAB9;
 border: solid #CD6839;
 border-width: 1px 1px 0 1px;
 margin-top: 4px;
}

#results .esavingsHead td,
#results .esavingsHead span,
#results .esavingsHead td a {
 color: #CD6839;
 font: bold 12px Verdana;
}
#results .esavingsHead td {padding: 4px 6px 6px 6px}
#results .esavingsHead span.iframeLoad {font-weight: normal}

#results .catbar {
 border: solid #999;
 border-width: 0 1px;
 padding: 3px 6px 0 6px;
 margin: -2px 0 0 0;
 height: 20px;
 width: 648px;
}

#results .catbarBtm {
 background: transparent url(/7/img/round/catbarBtm.gif) no-repeat;
 margin: -10px 0 4px 0;
 height: 4px;
 width: 662px;
}

#results .catbar a,
#results .catbar span {
 color: #363636;
 font-size: 12px;
}
#results .catbar span {font-weight: bold}

#results #catbar101 {background-color: #CDA3CD}
#results #catbar102 {background-color: #7ADFD9}
#results #catbar103 {background-color: #CDED83}
#results #catbar104 {background-color: #8CC2AE}
#results #catbar106 {background-color: #9BDCFB}
#results #catbar107 {background-color: #FEB9AD}
#results #catbar108 {background-color: #FDD69E}
#results #catbar109 {background-color: #F0A8CC}
#results #catbar110 {background-color: #B4A4FB}
#results #catbar111 {background-color: #EE9A8C}
#results #catbarMore {background-color: #CDE5F8}

#results .statusArea {
 background-color: #FFF;
 border: solid #999;
 border-width: 1px 1px 0 1px;
 border-top-color: #CCC;
 margin: 0 0 7px 0;
 padding: 8px 6px;
 height: 30px;
 width: 648px;
}

#results .statusArea b {
 color: #363636;
 font: bold 11px Verdana;
}

#results .statusMsg {
 color: #363636;
 font: bold 15px Verdana;
 margin: 0 0 6px 0;
}

#results .sortMsg {
 color: #294A9C;
 margin: 1px 1px 0 0;
}

#results .sortOptions {
 position: relative;
 top: -2px;
 z-index: 1000;
}

#results #sortOptions {
 display: none;
 background-color: #FFF;
 border: solid #999;
 border-width: 0 1px 1px 1px;
 position: absolute;
 width: 123px;
}

#results #sortOptions div {
 background-color: #EEEEE0;
 cursor: pointer;
 font: bold 11px Verdana;
 padding: 4px;
 margin: 3px;
 text-align: left;
}

#results .separator {
 border: solid #CCC;
 border-width: 1px 1px 1px 0;
 border-bottom-color: #E8E8E8;
 color: #666;
 font-size: 9px;
 padding-bottom: 2px;
 width: 653px;
 position: relative;
 left: -4px;
}

#results .cbTop, #results .cbBtm {
 background-color: #EEEEE0;
 border: solid #999;
 border-bottom-color: #CCC;
 border-width: 1px 1px 1px 0;
 padding: 2px 7px 2px 0;
 width: 646px;
}

#results .cbBtm {
 border: solid 1px #999;
 border-top-color: #CCC;
 padding: 3px 7px;
 margin-top: 2px;
}

#results .cbTop, #results .cbTop h3, #results .cbTop td,
#results .cbBtm, #results .cbBtm td {
 color: #294A9C;
 font-size: 9px;
 font-weight: bold;
}

#results .cbTop a, #results .cbBtm a {
 color: #294A9C;
 font-weight: normal;
 text-decoration: none;
}

#results .cbTop h3 {
 margin-top: 0;
 letter-spacing: 1px;
}

#results .separatorV {
 border: solid #999;
 border-width: 0 1px 1px 1px;
 border-right-color: #E8E8E8;
 width: 7px;
}

#results .separatorVB {
 background-color: #EEEEE0;
 border: solid #999;
 border-width: 1px 0 0 1px;
 width: 7px;
}

#geoAlt {
 display: none;
 background-color: #CBE6F8;
 font-size: 11px;
 padding: 5px;
 text-align: center;
 width: 97%;
}
#geoAlt a {color: #2D4C9C}

#resultsTL .exclusivesTop {cursor: pointer}

#resultsMapTL {
 margin-top: 8px;
 width: 302px;
}

.rightnavTL {
 margin: 8px 0;
 width: 302px;
}

/* hot slug styles */
.hotarea {
 margin-top: 4px;
 height: auto;
 min-height: 170px;
 text-align: left;
 width: 662px;
}

.hotslug {
 margin: 3px 0;
 height: auto;
 min-height: 86px;
 text-align: left;
 width: 662px;
}

.hotslugTop {
 background: transparent url(/7/img/round/top.gif) no-repeat;
 height: 4px;
 width: 662px;
 position: relative;
 z-index: 500;
}
.hotslugBtm {
 background: transparent url(/7/img/round/btm.gif) no-repeat;
 height: 4px;
 width: 662px;
 margin-top: -4px;
}

.hotslugBody {
 color: #FFF;
 border: solid #696969;
 border-width: 0 1px;
 width: 660px;
}

.hotslugBody h3 {
 color: #FFF;
 font-size: 14px;
 font-weight: bold;
 padding: 1px 3px 2px 6px;
 margin: -4px 0 6px 0;
 position: relative;
 z-index: 450;
}

.hotslugBody h4 {
 color: #363636;
 font-size: 13px;
 font-weight: bold;
 padding: 2px 0 0 0;
}

.hotslugBody .slugLogo {padding: 0}

.hotslugBody .offer {
 color: #363636 !important;
 font-size: 11px;
}

.hotslugBody .distance {padding-bottom: 5px}

.hotslugBody .hc1,
.hotslugBody .hc2,
.hotslugBody .hc3 {
 border-right: dashed 1px #999;
 padding: 0 5px 11px 5px;
 text-align: center;
 width: 210px;
}
.hotslugBody .hc1 {width: auto}
.hotslugBody .hc2 {width: 330px}

/* slug styles */
.slug {
 margin-top: 3px;
 height: auto;
 min-height: 86px;
 text-align: left;
 width: 650px;
}

.slugTL,
.slugTR {
 background: #007FB7 url(/7/img/round/slugTL.gif) no-repeat;
 width: 4px;
 height: 16px;
}
.slugTR {background: #007FB7 url(/7/img/round/slugTR.gif) no-repeat}

.slugTop {
 background-color: #FFF;
 height: 16px;
 overflow: hidden;
 width: 650px;
}

.slugName, .slugTitle {
 background-color: #007FB7;
 border: solid #696969;
}

.slugName {
 cursor: pointer !important;
 border-width: 1px 0 0 0;
 padding: 0 4px 1px 1px;
}

.slugTitle {
 border-width: 1px 0 0 0;
 padding: 0 9px 3px 4px;
}

.slugName a, .slugName td, .slugTitle td {
 color: #FFF !important;
 font-weight: bold !important;
 text-decoration: none;
}

.bname {
 font-size: 12px !important;
 overflow: hidden;
 padding-bottom: 3px !important;
}

.callout {
 padding-top: 1px;
 text-align: right;
 width: 55px;
}

.slugBody {
 background-color: #FFF;
 border: solid #696969;
 border-width: 1px 1px 0 1px;
 border-top: solid 1px #999;
 height: auto;
 min-height: 67px;
 width: 648px;
}
/*#results .slugBody,
#print .slugBody {cursor: pointer}*/

table.slugOffer {margin: 3px 3px 0 3px}

div.slugBtm {margin-top: -9px}
/*#results div.slugBtm,
#print div.slugBtm {cursor: pointer}*/

.distance {font: bold 9px Verdana}

.slugLogo {
 padding: 2px 4px 0 0;
 width: 90px;
}

.logoLink {padding-right: 2px}

.offer {
 margin: 2px 6px 0 0;
 padding-bottom: 4px;
}

.offer,
.offer a {
 color: #2D4C9E !important;
 font-weight: bold;
 text-decoration: none;
}
/*.offer a:hover {text-decoration: underline}*/

.pseudoLink {
 color: #2D4C9E;
 margin-bottom: 4px;
 text-decoration: underline;
}

.weblink {
 padding-bottom: 4px;
 min-height: 13px;
}
.weblink a {
 color: #2D4C9E;
 font-size: 10px;
 text-decoration: underline;
}
.weblink span a {font-size: 10px !important}

.disclaimer {
 display: none;
 font: 9px Arial !important;
 padding-top: 1px;
}

.phone {
 font-weight: bold;
 margin: 3px 0;
 white-space: nowrap;
}

.review {
 margin: 5px 0;
 white-space: nowrap;
}

/*.pld {
 display: none;
 line-height: 15px;
 margin-bottom: 7px;
}*/

.offerpin {
 background-color: transparent;
 padding: 2px 4px 0 0;
 height: 26px;
 width: 16px;
}
.offerpin span {
 font: 9px Tahoma,Arial;
 padding: 2px 3px 11px 3px;
}
.pinDef {background: url(/7/img/markers/default_back.png) no-repeat}

.peach {background-color: #FAF0E6}
.premium {background-color: #FFFFD1}
.value {background-color: #F0F8FF}
.other {background-color: #EEEEE0}

/* bubble styles */
.memberBubble {
 text-align: left;
 width: 195px;
 position: relative;
 left: 0px;
 top: -4px;
}

.memberBubble .box {
 background-color: #EEE685;
 line-height: 14px;
 padding: 4px 6px 12px 6px;
 width: 200px;
}

.memberBubble .mbTitle {
 color: #2D4C9E;
 font-weight: bold;
}

.memberBubble .line {
 height: 1px;
 width: 210px;
 border-bottom: solid 1px #2D4C9E;
}

/* address select list menus */
.alObj {
 position: absolute;
 z-index: 5000 !important;
}

.alc, .alc3 {
 background-color: #FFF;
 border: solid 1px #666;
 position: relative;
 height: 105px;
 width: 172px;
 text-align: left;
 overflow: auto;
 display: none;
}

.alc3 {
 padding-right: 2px;
 height: auto;
 width: 153px;
 margin-left: 17px;
}

.alcmsg {
 background-color: #FFECD0;
 border-bottom: solid 1px #666;
 font-weight: bold;
 padding: 2px;
 text-align: center;
 width: 149px;
}

.sl {
 background-color: #EEEEE0;
 position: relative;
 margin: 2px 0 2px 2px;
 width: 151px;
}

a.sli {
 color: #363636 !important;
 display: block;
 padding: 2px 3px 4px 3px;
 min-height: 25px;
 text-decoration: none;
 text-align: left;
}

a.sli:hover {
 color: #FFF !important;
 background-color: #6CA6CD !important;
}

a.selector {
 color: #2D4C9C !important;
 display: block;
 padding: 1px 0 2px 0;
 text-decoration: none;
}

a.selector:hover {text-decoration: underline}

/* BPP styles */
#bpp {margin-top: 15px}

#bpp h2 {font-size: 1.5em}
#bpp h3 {line-height: auto}
#bpp h5 {margin-top: 0}

#bpp .upsize {line-height: 16px}
#bpp .upsize,
#bpp .upsize div,
#bpp .upsize span {font-size: 12px}
#bpp .upsize div {margin: 3px 0 4px 0}
#bpp .upsize ul {
 list-style-type: square;
 margin: 9px 0 0 0;
}

#bppMapBox, #bppDirBox {margin-bottom: 12px}
#bppDirBox {display: none}
#bppDir {width: 314px}

.bppDir {
 background-color: #DFEFFB;
 font: bold 11px Verdana;
 padding: 3px 3px 5px 9px;
 vertical-align: middle;
}

#bppMap {
 height: 260px;
 width: 314px;
}

.noprintBppMap {position:absolute; left:-2000px}

#bppMap img {cursor: -moz-grab !important}

#bppMapTL {
 border: none;
 height: 260px;
 width: 314px;
 text-align: left;
}

#bpp #mapControls {
 background-color: #DFEFFB;
 border: none;
 border-bottom: solid 1px #CCC;
 padding: 3px 3px 1px 3px;
 margin: 0;
 width: 308px;
}

#bpp .mdesc {padding: 7px 11px 7px 4px}
#bpp .mdesc h3 {
 color: #333;
 font-size: 1.4em;
 font-weight: normal;
}

#bpp .offerLine {
 border-bottom: dashed 1px #999;
 margin: 4px 0 6px 0;
 height: 1px;
}

#bpp .vmo {
 margin-top: 9px;
 height: 20px;
 text-align: right;
 white-space: nowrap;
}

#bpp .vmo a {
 color: #294A9C;
 font-size: 11px;
 font-weight: bold;
 line-height: 18px;
}

#bppAddr,
#bppAddr div {
 font-size: 13px;
 padding: 5px 9px 0 0;
}

.envPrint {display: none}

.bto1 {
 position: absolute;
 left: 7px;
 top: 99px;
}
.bto2 {
 position: relative;
 left: 2px;
 top: 42px;
}

.bppCat {
 position: absolute;
 top: 91px;
 left: 214px;
 white-space: nowrap;
}

.bppLeft {
 margin-bottom: 12px;
 width: 650px;
}

.bppRight {
 margin-bottom: 12px;
 width: 320px;
}

.bppBtns, .bppBtns2 {height: 16px}

.bppOfferBox {
 margin: 2px;
 padding: 7px 4px 9px 7px;
 width: 628px;
}

.bppOffer a {
 color: #294A9C;
 font: bold 14px Verdana;
 text-decoration: none;
}
.bppOffer a:visited {color: #294A9C}

.bppDisc {width: 530px}

.bppPhone {
 font-size: 14px;
 font-weight: bold;
 line-height: 16px;
}

.bppRelated {
 font: bold 11px Verdana;
 line-height: 18px;
 padding: 15px 10px;
}

.blueHead,
.blueHead2 {
 background-color: #DFEFFB;
 color: #333;
 font-size: 17px;
 font-weight: bold;
 letter-spacing: 1px;
 padding: 1px 4px 2px 4px;
 text-align: left;
}
h1.blueHead {padding: 0 4px 1px 4px}
.blueHead2 {font-size: 14px}

.blueHead3 {
 background-color: #007FB7;
 padding: 1px 4px 2px 7px;
}
.blueHead3 h1 {
 color: #FFF;
 font-size: 17px;
 font-style: italic;
 font-weight: bold;
 letter-spacing: 1px;
}

.bppCode,
.bppCode2 {
 color: #666;
 font-family: "Courier New", Courier, mono;
 font-size: 10px;
 margin-right: 3px;
 text-align: right;
 position: relative;
 top: -12px;
}
.bppCode2 {margin-right: 13px}

/* Overlay Pages */

/* basket styles */
#basket {padding: 0 10px 40px 10px}

#basket .empty {
 color: #CD5C5C;
 padding: 15px;
 text-align: center;
}

#basket .basketTopHead {
 background-color: #9C9C9C;
 padding: 1px 5px 3px 5px;
 width: 640px;
}

#basket .basketTopHead td {color: #FFF}

#basket .basketTop {
 background-color: #EEEEE0;
 padding: 3px 0 1px 0;
 margin-bottom: 5px;
 width: 650px;
}

#basket .basketTop img {vertical-align: middle}

#basket .basketTop td {padding: 0 3px 2px 3px}

#basket .basketBtm {
 display: none;
 border-bottom: solid 1px #CCC;
 padding: 2px 0 0 0;
 margin-top: 3px;
}

#basket .pld {display: block}

/* print conf styles */
#print {padding: 0 10px 40px 10px}

#print tr {vertical-align: top}

#print h2 {
 color: #333;
 font-size: 1.5em;
 margin: 0 0.9em;
 white-space: nowrap;
}

#print h3 {
 color: #333;
 font-size: 1.2em;
 font-weight: normal;
 font-style: italic;
 margin: 0.2em 0 0.4em 1em;
}

#print .mpoHead a {color: #2D4C9C}

#print .mpoHead h3 {
 color: #2D4C9C;
 font-size: 1.6em;
 font-weight: bold;
 font-style: normal;
 margin: 1em 0 0.2em 0;
}

/* Member */
#member {padding: 0 10px 10px 10px}

#member .label {
 font-weight: normal;
 padding-top: 8px;
}

#member h3 {margin: 0 0.3em 0.7em 0.3em}

#member h4 {font-weight: bold}

#member h5 {
 margin: 0;
 white-space: normal;
}

#member h6 {margin: 0}

#member p {padding: 0 0 8px 0}

#member ul {margin: 0.3em 0 2em 0}

#member li {
 color: #2D4C9C;
 font-weight: bold;
 line-height: 1.4em;
}

#member em {font-size: 1.2em}
#member i {font-size: 1.1em}

#member .lrp {
 color: #363636;
 font-weight: normal;
 margin-bottom: 30px;
}

#member #loadMsg {top: 2px}

.memberbox, .visitorbox {
 background-color: #EEE685;
 border: solid 1px #696969;
 border-width: 1px 2px 2px 1px;
 padding: 9px 9px 14px 14px;
 width: 320px;
}

.visitorbox {background-color: #F0F8FF}

.memberbox h3, .visitorbox h3 {
 color: #363636;
 font-size: 1.4em;
 font-style: italic;
 margin: 0 0 0.7em 0.3em;
}

#why {display: none}

.optinReminder {
 background-color: #F8F8FF;
 border: solid 1px #2D4C9C;
 padding: 0 7px;
 margin: 5px 0 5px -5px;
}

.remText {
 font-size: 10px;
 position: relative;
 top: -7px;
}

/* Lite Reg */
#pcMember {
 background-color: #EEE685;
 border: solid #8B8970;
 border-width: 1px 2px 2px 1px;
 margin-right: 10px;
 padding: 0.3em 0.5em 0.9em 0.5em;
 width: 500px;
 height: auto;
 min-height: 273px;
}

#liteReg .label {text-align: left}

#liteReg .lrBenefits td {font-size: 1.1em}

#liteReg .liteCopy {text-align: left}

#liteReg h3, #tafInlay h3 {
 color: #2D4C9C;
 font-size: 1.6em;
 font-weight: bold;
 font-style: normal;
 margin: 0 0 0.2em 0;
}

/* Popup Lite Reg */
#popupReg {
 background: #FFF url(/7/img/popupRegBG.jpg) top left no-repeat;
 padding-top: 93px;
 width: 435px;
}

#popupReg div {font-size: 9px}

#popupReg a {
 font-size: 9px !important;
 color: #363636;
}
#popupReg a:hover {color: #666}

#popupReg .reg {
 margin: 0 0 8px 140px;
 width: 300px;
}

#popupReg .click {margin: 0 0 17px 250px}
#popupReg .clickBG {background: transparent url(/7/img/popupRegBG.gif) no-repeat}

/* TellAFriend */
#tafInlay, #tafOverlay {
 background-color: #F0F8FF;
 border: solid #4682B4;
 border-width: 1px 2px 2px 1px;
 padding: 0.4em 0.5em 0.9em 0.5em;
 width: 210px;
 height: auto;
 min-height: 362px;
}

#tafInlay input, #tafInlay textarea {font-size: 10px}

#tafInlay .divline {
 border-bottom: solid 1px #2D4C9C;
 padding-bottom: 0.7em;
 margin-bottom: 0.9em;
 text-align: center;
}

#tafOverlay {
 min-height: 0;
 height: auto;
 width: 240px;
 padding: 1.2em 0;
 margin-top: 7px;
}

.tafOverlay {padding: 0 0 40px 10px}
.tafOverlay h3 {margin-left: 5px}
.tafOverlay p, span {font-size: 11px}

/* Published */
#published {padding: 0 10px 50px 10px}

#published div, #published td, #published p {font-size: 12px}

#legal {margin: 0 10px}
#legal sup {
 font-family: Arial;
 font-size: 0.7em;
}

#info {padding: 0 10px 50px 10px}

#help {
 margin: 0 10px;
 width: 700px;
}

#help div, #help td {font-size: 10px}

#help div.p {padding-bottom: 6px}

#help h4 {
 font-size: 1.1em;
 font-weight: bold;
 padding: 10px 0 0 0;
}

#help ul {
 list-style: square;
 margin: 0 0 8px 0;
}

#help ol {margin: 0 10px 8px 10px}

#help .faq div.dHide {margin-left: 12px}
#help .faq span {
 border-bottom: 1px dotted #2D4C9C;
 font-size: 11px;
 line-height: 14px;
}
#help .faq span:hover {color: #CD661D !important}

#help .shim {margin: 0.5em 0 1.4em 1em}
#help .faq {margin-bottom: 0.3em}
#help .dHide {margin: 0.3em 0 0.6em 0.8em}

#columnL {
 float: left;
 margin-left: 20px;
 vertical-align: top;
 width: 260px;
}

#columnR {
 float: left;
 margin-left: 20px;
 vertical-align: top;
 width: 250px;
}

#columnL ul, #columnR ul {margin-left: 12px}

#columnL li, #columnR li {
 list-style-type: none;
 list-style-position: outside;
 margin: 2px 0 0 0;
}

/* Browse */
#browse {
 margin: 0 0 60px 135px;
 min-height: 280px;
}

#browse h5, #browse h5 a {font-size: 12px}

#browse a {font-weight: bold}

#browse p {font-size: 11px}

#browse h1 {
 color: #333;
 font-size: 11px;
 font-weight: normal;
 margin: 0;
 padding: 0;
}

.city span, .state span {color: #696969}

.city a, .city span {
 font-size: 11px;
 line-height: 20px;
 padding-right: 40px;
 white-space: nowrap;
}

.state a, .state span {
 font-size: 11px;
 line-height: 20px;
 padding-right: 70px;
 white-space: nowrap;
}

/* Error messages */
.overlayMsg {
 padding: 0 20px 10px 20px;
 width: 600px;
}

.overlayMsg h5 {line-height: 16px}

#errorInfo {
 border: dashed 2px #CCC;
 margin: 40px 0;
 padding: 20px 9px 9px 9px;
 text-align: center;
 width: 70%;
}

#errorInfo div {font-size: 12px}

/* RSS */
#rss {padding: 5px 10px 20px 10px}

#rss h5 {
 color: #FF0000;
 margin: 15px 0 5px 0;
}

#rss tr {vertical-align: top}

#rss div.header {
 background-color: #6699CC;
 border-bottom: solid 1px #2D4C9C;
 color: #FFF;
 font-size: 11px;
 font-weight: bold;
 padding: 3px 3px 3px 4px;
 margin: 18px 0 10px 0;
 width: 99%;
}

#rss div.header td {
 color: #FFF;
 font-size: 11px;
 font-weight: bold;
}

#rss .subheader {
 background-color: #FFDAB9;
 border-bottom: solid 1px #666;
 color: #CD6839;
 font-weight: bold;
 margin: 10px 0;
 padding: 3px 3px 3px 5px;
 width: 84%;
}

#rss .rssCat {
 padding: 3px 5px 0 0;
 white-space: nowrap;
}
#rss .rssCat img {vertical-align: middle}

#rss .searchInput {
 border-width: 1px;
 height: 14px;
 margin-top: -12px;
}

#rss .rssBtn, #rss .rssBtn2 {padding: 3px 6px 0 0}

#rss .rssFeed {
 border: solid #666;
 border-width: 1px 1px 1px 0;
 height: auto;
 margin-bottom: 12px;
 padding: 1px;
 width: 210px;
 visibility: hidden;
}

#rss a.whiteLink {
 color: #FFF !important;
 font-size: 9px;
 font-weight: normal;
 padding: 0 4px 3px 15px;
}

#rssTip p {margin: 0; padding: 7px 0 0 0}