/*** General styling ***/ body { background:#1c2e41 url(//asset.wardtog.com/bg-gradient.png) repeat-x 0 0; line-height:1.5em; margin:0; padding:0; text-align:center; /* Stupid IE doesn't respect margin:auto horizontally */ } body, input { color:#000; font-family:Arial,Helvetica,sans-serif; font-size:12px; } input, textarea { border:1px solid #b3c2cc; height:16px; line-height:1em; margin:0; padding:2px; vertical-align:middle; } a { border:0; color:#647d99; cursor:pointer; text-decoration:none; } a:hover { text-decoration:underline; } button, a.button { background:#585f65 url(//asset.wardtog.com/button-bg2.gif) repeat-x 0 0; border:1px solid #b3c2cc; color:#fff !important; cursor:pointer; font-weight:bold; height:20px; } button.submit, a.button.submit { background-color:#f85e00; background-image:url(//asset.wardtog.com/button-submit-bg.gif); border-color:#8d4a2d; } a.button { display:inline-block; padding:2px 5px; text-align:center; } a.button.big { font-size:14px; padding:5px 10px; } button:hover, a.button:hover { border-color:#222; text-decoration:none; } button.submit:hover, a.button.submit:hover { border-color:#222; } button:active, a.button:active { background:#596065; border-color:#222; } button.submit:active, a.button.submit:active { background-color:#f85e00; border-color:#222; } h1, h2, h3, h4, h5 { font-weight:bold; margin:0; padding:0.25em 0; } h1 { font-size:24px; } #page-group1 h2, #page-group1 h3 { font-size:18px; } #page-group2 h2, #page-group2 h3 { font-size:14px; } h4, h5 { font-size:12px; } /*** Page Layout ***/ #page { background:#11212f url(//asset.wardtog.com/page-bg-gradient.png) repeat-x 0 0; margin:10px auto; position:relative; text-align:left; width:900px; } #page-skipLink { display:none; } #mainShell { background:#fff; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; margin:0 4px 10px; padding:5px 10px 10px; width:870px; } #main { min-height:250px; padding:0; } #page-group0, #page-group1, #page-group2 { float:left; margin:0; overflow:hidden; padding:0; position:relative; } #page-group3 { clear:both; } #page-group0, #page-group2 { display:none; } /*** Page Layout Arrangements ***/ body.rightInfo #page-group1 { margin-right:5px; width:695px; } body.rightInfo #page-group2 { display:block; width:170px; } /*** Header ***/ #header { color:#fff; height:58px; margin:0; padding:0; position:relative; z-index:1000; } #page-headerLogo { background:transparent url(//asset.wardtog.com/logo.png) no-repeat left top; display:block; height:48px; left:10px; position:relative; text-indent:-5000px; top:5px; width:225px; } #page-headerLinks { display:block; font-size:11px; font-weight:bold; list-style:none; margin:0; padding:0; position:absolute; right:14px; text-align:right; top:4px; } #page-headerLinks li { border-left:1px solid #fff; display:inline; padding:0 5px 0 7px; } #page-headerLinks li.first { border-left:0; } #page-headerLinks a { color:#fff; } #page-navLinks { height:20px; left:250px; list-style:none; margin:0; padding:0; position:absolute; top:25px; width:441px; } #page-navLinks .navLinkShell { float:left; height:100%; margin-right:15px; position:relative; } #page-navLinks .navLinkShell.last { margin-right:0; } #page-navLinks .navLink, #page-navLinks .palette .paletteHeader a { background:transparent url(//asset.wardtog.com/navlink-arrow.gif) no-repeat right 5px; font-size:16px; font-weight:bold; padding-right:13px; text-transform:uppercase; } #page-navLinks .navLink { color:#fff52a; float:left; margin-right:10px; } #page-navLinks .palette { color:#fff; display:none; left:-5px; position:absolute; text-shadow:2px 2px 2px #000; top:-5px; } #page-navLinks .palette a { color:#fff; } #page-navLinks .palette .paletteHeader { background:#647d99; display:block; float:left; padding:5px 5px 10px; white-space:nowrap; } #page-navLinks .palette .paletteHeader a { background-position:right -12px; } #page-navLinks .palette .paletteBody { box-shadow:8px 7px 10px rgba(0,0,0,.7);-moz-box-shadow:8px 7px 10px rgba(0,0,0,.7);-webkit-box-shadow:8px 7px 10px rgba(0,0,0,.7); left:0; overflow:hidden; position:absolute; top:33px; } #page_usPalette-palette.palette .paletteBody { height:180px; width:388px; } #page_intPalette-palette.palette .paletteBody { height:252px; width:469px; } #page_designsPalette-palette.palette .paletteBody { height:195px; width:117px; } #page-navLinks .palette .paletteBody a:hover { text-decoration:none; } #page-navLinks .palette .paletteBody a.seeAll:hover { text-decoration:underline; } #page-navLinks .palette .paletteBody .col { background:#647d99; float:left; height:100%; padding:5px 10px 0; position:relative; } #page-navLinks .palette .paletteBody .alt { background:#536880; } #page-navLinks .palette .paletteBody .col dl { margin:0; } #page-navLinks .palette .paletteBody .col dl dt { font-size:14px; font-weight:bold; white-space:nowrap; } #page-navLinks .palette .paletteBody .col dl dd { margin:0 0 0 8px; } #page-navLinks .palette .paletteBody .col ul { list-style:none; margin:0; padding:0; } #page-navLinks .palette .paletteBody .col ul li { display:block; white-space:nowrap; } #page-navLinks .palette .paletteBody .col ul li a { display:block; _display:inline; } #page-navLinks .palette .paletteBody .col ul li:hover, #page-navLinks .palette .paletteBody .col ul li a:hover { background:#536880; } #page-navLinks .palette .paletteBody .alt ul li:hover, #page-navLinks .palette .paletteBody .alt ul li a:hover { background:#647d99; } #page-navLinks .palette .paletteBody .seeAll { bottom:10px; display:block; font-size:14px; font-weight:bold; left:10px; position:absolute; text-decoration:underline; } #page_headerSearchForm-shell { height:24px; position:absolute; right:14px; text-align:right; top:22px; width:200px; } #page_headerSearchForm-input { width:145px; } #page_headerSearchForm_search { margin-left:5px; position:relative; top:3px; width:38px; } /*** Onboard Messaging ***/ #page-onboard, #page-mantle, #main { position:relative; width:870px; } #page-onboard { background:#b3c2cc; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; font-weight:bold; height:20px; margin-bottom:10px; overflow:hidden; text-align:center; text-transform:uppercase; } #page-onboard ul { height:100%; margin-top:0; padding-left:17px; text-align:left; } #page-onboard ul li { color:#fff; float:left; margin-right:22px; } #page-onboard ul li.first { display:block; } #page-onboard ul li a, #page-onboard ul li span { color:#1b2f43; } /*** Page Title Bar ***/ #page-titlebar { margin-bottom:15px; position:relative; } #page-breadcrumb { margin-bottom:10px; width:695px; } #page-breadcrumb ol { display:block; font-size:11px; font-weight:bold; list-style:none; margin:0; padding:0; } #page-breadcrumb ol li { background:transparent url(//asset.wardtog.com/breadcrumb-arrow.png) no-repeat center right; display:inline; margin-right:5px; padding-right:22px; } #page-breadcrumb ol li.last { background:none; } #page-title { width:695px; } /*** Share Links ***/ #page-shareLinks { bottom:0; height:55px; position:absolute; right:0; width:170px; } #page-shareLinks a { background:transparent url(//asset.wardtog.com/share-icons.v2.png) no-repeat 0 0; display:block; float:left; height:32px; margin-right:2px; width:32px; } #page-shareLinks div { margin-bottom:5px; text-align:center; } #page-shareLinks #page-shareLink { display:none; padding-left:34px; width:auto; } #page-shareLinks #page-emailLink { background-position:0 -224px; } #page-shareLinks #page-twitterLink { background-position:0 -32px; } #page-shareLinks #page-facebookLink { background-position:0 -64px; } #page-shareLinks #page-bloggerLink { background-position:0 -128px; } #page-shareLinks #page-wordpressLink { background-position:0 -192px; margin-right:0; } #page-shareLinks #page-stumbleLink { background-position:0 -96px; display:none; } #page-group1 #page-mainTitleInfo { bottom:0; position:absolute; } /*** Mantle ***/ #page-mantle { display:none; margin-bottom:10px; } /*** Footer ***/ #footer { color:#fff; padding:10px; position:relative; } #page-footerLinks { display:block; font-size:11px; font-weight:bold; list-style:none; margin:0; padding:0; } #page-footerLinks li { border-left:1px solid #fff; display:inline; padding:0 3px 0 5px; } #page-footerLinks li.first { border-left:0; } #page-footerLinks a { color:#fff; } #page-footerPaymentMethods { position:absolute; right:15px; top:5px; } #footer p { font-size:10px; line-height:1.2em; margin-top:50px; text-align:center; } /*** Pods ***/ .pod { clear:both; margin-bottom:10px; } .pod .podHeader { background:#1b2f43 url(//asset.wardtog.com/header-dots.gif) no-repeat 5px 7px; border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px; border-top-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px; color:#fff; height:25px; padding:0 0 0 13px; position:relative; text-transform:uppercase; white-space:nowrap } .pod .podHeader a { color:#fff; } #page-group1 .pod .podHeader .seeAll { font-size:11px; position:absolute; right:10px; text-align:right; text-transform:none; top:4px; } .pod .podBody { border:1px solid #b3c2cc; border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px; border-top:none; padding:10px 5px; } #page-group0 .pod .podBody, #page-group2 .pod .podBody { background:#daecf8; } #page-group1 .pod .podBody { border-width:0; padding:10px 0 10px 10px; } #page-group0 .pod .podBody a, #page-group2 .pod .podBody a { color:#1b2f43; } #page-group2 .podBody th, #page-group2 .podBody td { font-size:11px; } .podBody ol { margin:0; padding-left:25px; } .podBody ol li { margin-bottom:5px; } .locationInfo .podBody dl { margin:0; } .locationInfo .podBody dl dt { font-weight:bold; } .locationInfo .podBody dl dd { margin-left:20px; } .locationInfo .podBody dl dt.mainInfo, .locationInfo .podBody dl dd.mainInfo { text-transform:uppercase; } .locationInfo .podBody dl dd.spanCell { margin:10px 0 0; text-align:center; } a.affiliate { display:block; text-align:center; } .affiliate img { border:1px solid #b3c2cc; } /*** Grids ***/ .gridShell { clear:both; display:block; list-style:none; margin:0; padding:0; } .gridCell { display:inline-block; float:none; margin:0 7px 10px 0; width:127px; overflow:hidden; } .gridCell .gridCellImageLink { border:1px solid #b3c2cc; display:block; height:125px; position:relative; width:125px; } .gridCell .gridCellImageLink:hover { border-color:#00f; } .gridCell .gridCellImage { border:0; } .gridCell .gridCellInfo { line-height:1.3em; } .gridCell .gridCellTitle { display:block; font-weight:bold; white-space:nowrap; } /*** General Common ***/ .googlePowered { text-align:right; }