/* reset */
html, body, div, span, h1, h2, h3, h4, h5, p, a, img, ol, ul, li, object, em, sub, sup, form, label, fieldset, legend, table, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
:focus { outline: 0; }
.clearfix:after {  content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* framework */
body { font-family: arial, verdana, sans-serif; margin: 0; background-color: #fff; text-align: center;	color: #666; line-height: 1; font-size: 11px; }
div#w7 { width: 100%; text-align: center; }
div#w7Content { width: 780px; margin: 0 auto; text-align: left; clear: both; }

/* core */
a { color: #666; }
a:hover {  }
p { line-height: 1.4em; }
.w7Legal { font-size: 85%; color: #666; line-height: 1.2em; }
.w7CTA1 { color: #557eb9; }
.w7CTA2 { color: #072b60; }
.w7CTA2:hover { color: #557eb9; }
.w7CTA3 { color: #555; }
.w7CTA3:hover { color: #557eb9; }
.w7Link { padding: 1px 22px 4px 0; background: url(../images/buttons/arrow.png) 100% 50% no-repeat transparent; min-height: 19px; height: auto !important; height: 19px; text-decoration: none; }
.w7Link:hover { text-decoration: underline; }

/* page header */
div#w7Header { position: relative; height: 66px; background: url(../images/common/header_background.png) 0 0 no-repeat #fff; }
a#w7Logo { display: block; padding: 22px 0 16px 22px; width: 122px; }

/* top navigation */
div#w7NavContent { position: absolute; top: 21px; right: 0; width: 392px; height: 38px; }
ul#w7Nav li { position: absolute; }
ul#w7Nav li, ul#w7Nav a { display: block; height: 17px; text-indent: -5000px; }
ul#w7Nav ul.w7SubNav li { top: 17px; height: 21px !important; }
ul#w7Nav ul.w7SubNav a { height: 21px !important; }
#w7NavHomeSubNav, #w7NavEditionsSubNav, #w7NavLocatorSubNav, #w7NavBuyingGuideSubNav { display: none; }
#w7NavLocatorSubNav { position: absolute; }

/* top nav sprite */
#w7NavHome { left: 0; width: 55px; background: url(../images/common/top_nav.png) 0px 0px no-repeat transparent; }
#w7NavHome a:hover, #w7NavHome.w7NavOn { background: url(../images/common/top_nav.png) 0px -17px no-repeat transparent; }
#w7NavHome.w7NavOn ul { display: block; } 
#w7NavEditions { left: 55px; width: 135px; background: url(../images/common/top_nav.png) -55px 0px no-repeat transparent; }
#w7NavEditions a:hover, #w7NavEditions.w7NavOn { background: url(../images/common/top_nav.png) -55px -17px no-repeat transparent; }
#w7NavEditions.w7NavOn ul { display: block; }
#w7NavLocator { left: 190px; width: 79px; background: url(../images/common/top_nav.png) -190px 0px no-repeat transparent; }
#w7NavLocator a:hover, #w7NavLocator.w7NavOn { background: url(../images/common/top_nav.png) -190px -17px no-repeat transparent; }
#w7NavLocator.w7NavOn ul { display: block; }
#w7NavBuyingGuide { left: 269px; width: 124px; background: url(../images/common/top_nav.png) -269px 0px no-repeat transparent; }
#w7NavBuyingGuide a:hover, #w7NavBuyingGuide.w7NavOn { background: url(../images/common/top_nav.png) -269px -17px no-repeat transparent; }
#w7NavBuyingGuide.w7NavOn ul { display: block; }

/* sub nav sprite */
#w7SubNavWhy { left: 0; width: 121px; background: url(../images/common/top_nav.png) 0px -34px no-repeat; }
#w7SubNavWhy a:hover, #w7SubNavWhy.w7NavOn { background: url(../images/common/top_nav.png) 0px -55px no-repeat; }
#w7SubNavReady { left: 121px; width: 271px; background: url(../images/common/top_nav.png) -121px -34px no-repeat; }
#w7SubNavReady a:hover, #w7SubNavReady.w7NavOn { background: url(../images/common/top_nav.png) -121px -55px no-repeat; }
#w7SubNavCompare { left: -55px; width: 184px; background: url(../images/common/top_nav.png) 0px -76px no-repeat; }
#w7SubNavCompare a:hover, #w7SubNavCompare.w7NavOn { background: url(../images/common/top_nav.png) 0px -97px no-repeat; }
#w7SubNavUpgrade { left: 129px; width: 218px; background: url(../images/common/top_nav.png) -184px -76px no-repeat; }
#w7SubNavUpgrade a:hover, #w7SubNavUpgrade.w7NavOn { background: url(../images/common/top_nav.png) -184px -97px no-repeat; }
#w7SubNavDesktop { left: -263px; width: 390px; background: url(../images/common/top_nav.png) -6px -118px no-repeat; }
#w7SubNavDesktop a:hover, #w7SubNavDesktop.w7NavOn { background: url(../images/common/top_nav.png) -6px -139px no-repeat; }
#w7SubNavLaptop { left: 72px; width: 51px; background: url(../images/common/top_nav.png) -341px -118px no-repeat; }
#w7SubNavLaptop a:hover, #w7SubNavLaptop.w7NavOn { background: url(../images/common/top_nav.png) -341px -139px no-repeat; }

/* touts */
.w7ToutDivider { background: url(../images/touts/divider.png) 100% 0 no-repeat transparent; padding-right: 1px; }
ul#w7Touts { margin: 20px 0; }
ul#w7Touts li { display: block; float: left; }

/* help bubbles */
div.w7Help { position: absolute; width: 191px; overflow: auto; z-index: 202; background: url(../images/common/helpArrow.png) 100% 100% no-repeat transparent; }
div.w7Help div.w7HelpContent { margin-bottom: 18px; background-color: #3e6195; padding: 10px !important; color: #fff !important; }
div.w7HelpWide { position: absolute; width: 390px; overflow: auto; z-index: 202; background: url(../images/common/helpArrowCentered.png) 6px 100% no-repeat transparent; }
div.w7HelpWideRight { position: absolute; width: 390px; overflow: auto; z-index: 202; background: url(../images/common/helpArrowCentered.png) 368px 100% no-repeat transparent; }
div.w7HelpWide div.w7HelpContent, div.w7HelpWideRight div.w7HelpContent { margin-bottom: 10px; background-color: #3e6195; padding: 10px !important; color: #fff; }
div.w7HelpWide ol, div.w7HelpWideRight ol { margin: 5px 20px !important; padding: 0 0 0 20px !important; }
div.w7HelpWide li, div.w7HelpWide p, div.w7HelpWideRight li, div.w7HelpWideRight p { line-height: 1.1em; font-size: 11px !important; padding-left: 0 !important; }
div.w7HelpWide ol li, div.w7HelpWideRight ol li { list-style-type: decimal !important; color: #fff !important; }
div.w7HelpWide p, div.w7HelpWideRight p { margin-top: 0px;text-align:left; width: auto !important; }
div.w7HelpWide em, div.w7HelpWideRight em { font-style: italic; }
.w7Question { cursor: pointer; cursor: hand; }

/*Generic*/
.floatleft {float:left !important;}
div#w7 .clear {clear:both !important;}
div#w7 .noclear {clear:none !important;}
