/* -------------------------------------------------------------- Filename: reset.css Author: Eric Ritchey Date Created: 8/16/10 Date Modified: 8/16/10 Description: Sitewide reset. Finally combining ETT and Creative!!! Versions: 8/16/10 | v1.0 | Initial Construction and Development -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } input,textarea { margin: 0; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { display: block; content: "."; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats/ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clrfx-css-hack */ .clrfx:after { line-height: 0; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clrfx { display: inline-block; } /* start commented backslash hack \*/ * html .clrfx { height: 1%; } .clrfx { display: block; } /* close commented backslash hack */ /* -------------------------------------------------------------- Filename: typography.css Author: Eric Ritchey Date Created: 8/16/10 Date Modified: 8/16/10 Description: This typography will drive the entire site from here until eternity. THIS TYPOGRAPHY IS TRUTH; DO NOT DEVIATE. Versions: 8/16/10 | v1.0 | Initial Construction and Development -------------------------------------------------------------- */ /* -------------------------------------------------------------- This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). 3.0em = 36px 2.8em = 34px 2.6em = 31px 2.4em = 29px 2.2em = 26px 2.0em = 24px 1.9em = 23px 1.8em = 22px -- base font-size for

elements 1.7em = 20px 1.6em = 19px 1.5em = 19px 1.4em = 17px -- base font-size for

/

elements 1.3em = 16px 1.2em = 14px -- base font-size for

elements 1.1em = 13px 1.0em = 12px -- base font-size (

,

    ,
      ,
    1. ,
      ,
      , etc) .9em = 11px .8em = 9px */ body { font-size: 75%; color: #666; line-height: 1.5; } /* Default fonts and colors. */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal;} h1 { font-size: 1.8em; margin-top: 0.50em; } h2 { font-size: 1.4em; margin-top: 0.75em; } h3 { font-size: 1.4em; margin-top: 0.75em; } h4 { font-size: 1.2em; margin-top: 1.25em; } h5 { font-size: 1.0em; margin-top: 1.50em; } h6 { font-size: 1.0em; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 2em; } ul { list-style: circle; } ol { list-style: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } a { color: #099; text-decoration: none; } a:hover { text-decoration: underline; } blockquote { margin: 1.5em; } strong,dfn { font-weight: bold; } em, dfn { font-style: italic; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* -- modules and additional -- */ .module ul.button-bar { font-size: 1.6em; } .lp .bg-wrapper h1 { margin-left: 12px; margin-top: 0; } .full .bg-wrapper h1 { margin-left: 0px; margin-top: 0; } .vlp h1, .lp h1, .hp h1 { font-size: 1.3em; } .copy-area h2 { margin-top: .75em; margin-left: 0; font-size: 1.4em; } /* Tables -------------------------------------------------------------- */ /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .larger { font-size: 1.5em; } .quiet { color: #999; } /*meant for SEO copy links*/ .plain, .plain a, .plain a:link, .plain a:visited, .plain a:hover { text-decoration:none !important; color:#666; } #footer .plain { size:10px;} .hide { display: none; } .highlight { background: #ffc; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } /* miscellaneous text formatting */ .sale { color: #D76B4F; } .big-quote { font-family: Georgia,"Times new roman",serif; font-size: 1.5em; line-height: 1.5em; margin-bottom: 1.25em; font-style: italic;} /* -------------------------------------------------------------- Filename: skeleton.css Author: Eric Ritchey Date Created: 8/16/10 Date Modified: 8/19/10 Description: This is the storehouse of everything relating to skeletal structure of the website. the grid, push/pull, prefix/suffix padding and basic wireframe to the entire site. NOTHING BUT BASIC STRUCTURAL ELEMENTS SHOULD GO IN THIS FILE. Versions: 8/16/10 | v1.0 | Initial Construction and Development 8/28/10 | v1.1 | Combining Skeleton Files for a more unified "skeleton" 9/24/10 | v1.2 | Updating Utility Nav layout 9/24/10 | v1.2.1 | Updating Utility Nav layout hotfix 10/15/10| v1.3 | Adding cart icon to uitility nav (search:>>>utilnavupdate101510) 9/16/11| v1.4 | Sprited additional elements to support new header layout with x-nav -------------------------------------------------------------- */ /* Start Utility Classes ------------------------------------ */ b.hilite { color: #ff7900; } *.oops, .oops, .oops a { color:#fff !important; background-color:#f00 !important; } /* -- borders -- */ .brdr-top { border-top: 2px dotted #ccc; padding-top:10px; } .brdr-btm { border-bottom: 2px dotted #ccc; overflow: hidden; margin-bottom:20px;} .brdr-right {border-right: 2px dotted #ccc; overflow: hidden;} .brdr-left {border-left: 2px dotted #ccc; overflow:hidden; } /* -- border fix to prevent col wraps -- */ .no-margin { margin:0 !important;} /* -- gradients (these are old styles - we shouldn't be using this in the future) -- */ .gradient-up { background: url('/image/common/gradient-up.gif') repeat-x scroll left bottom #fff; } .gradient-left { background: url('/image/common/gradient-left.gif') repeat-x scroll left top #fff; } .gradient-right { background: url('/image/common/gradient-right.gif') repeat-x scroll left top #fff; } .gradient-up-alt { background: url('/image/common/sidebar-gradient.gif') repeat-x scroll left bottom #fbfbf8; } img.floatRight { padding: 0 0 .5em .5em !important; } img.floatLeft { padding: 0 .5em .5em 0 !important; } .floatRight { float: right !important; } .floatLeft { float: left !important; } /* -- capitalized text - use sparingly! -- */ span.titlecase { text-transform: capitalize; } /* -- make 'em bold, baby yea! -- */ h1 span.bold, h2 span.bold, h3 span.bold, h4 span.bold, h5 span.bold, h6 span.bold { font-weight: bold; } /* -- inherit the same color as the body copy -- */ h1 span.nocolor, h2 span.nocolor, h3 span.nocolor, h4 span.nocolor, h5 span.nocolor, h6 span.nocolor { color: #333; } /* new divider style heading styles */ h1.divider, h2.divider, h3.divider, h4.divider, h5.divider, h6.divider { background-color: #f3f3f3; padding: 5px; margin-bottom: 10px; } .shadowed { display: block; box-shadow: 0 5px 10px #888; -o-box-shadow: 0 5px 10px #888; -moz-box-shadow: 0 5px 10px #888; -webkit-box-shadow: 0 5px 10px #888; border: 1px solid #ccc; padding: 5px; margin: 0 auto 2em; } /* End Utility Classes -------------------------------------- */ /* Grid | Template with Sidebars ----------------------------------------------------------------------------------------------------*/ .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16, .col_17, .col_18, .col_19, .col_20, .col_21, .col_22, .col_23, .col_24, .tab .temp5col div.col, .full .temp5col div.col, .vlp .temp5col div.col, .lp .temp5col div.col, .tab .temp4col div.col, .full .temp4col div.col, .vlp .temp4col div.col, .lp .temp4col div.col { display:inline; float: left; margin-left: 5px; margin-right: 5px; } .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> | Template with Sidebars ----------------------------------------------------------------------------------------------------*/ .col_1 { width:30px; } .col_2 { width:70px; } .col_3 { width:110px; } .col_4 { width:150px; } .col_5 { width:190px; } .col_6 { width:230px; } .col_7 { width:270px; } .col_8 { width:310px; } .col_9 { width:350px; } .col_10 { width:390px; } .col_11 { width:430px; } .col_12 { width:470px; } .col_13 { width:510px; } .col_14 { width:550px; } .col_15 { width:590px; } .col_16 { width:630px; } .col_17 { width:670px; } .col_18 { width:710px; } .col_19 { width:750px; } .col_20 { width:790px; } .col_21 { width:830px; } .col_22 { width:870px; } .col_23 { width:910px; } .col_24 { width:950px; } /* Prefix Extra Space >> | Template with Sidebars ----------------------------------------------------------------------------------------------------*/ .pre_1 { padding-left:40px; } .pre_2 { padding-left:80px; } .pre_3 { padding-left:120px; } .pre_4 { padding-left:160px; } .pre_5 { padding-left:200px; } .pre_6 { padding-left:240px; } .pre_7 { padding-left:280px; } .pre_8 { padding-left:320px; } .pre_9 { padding-left:360px; } .pre_10 { padding-left:400px; } .pre_11 { padding-left:440px; } .pre_12 { padding-left:480px; } .pre_13 { padding-left:520px; } .pre_14 { padding-left:560px; } .pre_15 { padding-left:600px; } .pre_16 { padding-left:640px; } .pre_17 { padding-left:680px; } .pre_18 { padding-left:720px; } .pre_19 { padding-left:760px; } .pre_20 { padding-left:800px; } .pre_21 { padding-left:840px; } .pre_22 { padding-left:880px; } .pre_23 { padding-left:920px; } /* Suffix Extra Space >> | Template with Sidebars ----------------------------------------------------------------------------------------------------*/ .suf_1 { padding-right:40px; } .suf_2 { padding-right:80px; } .suf_3 { padding-right:120px; } .suf_4 { padding-right:160px; } .suf_5 { padding-right:200px; } .suf_6 { padding-right:240px; } .suf_7 { padding-right:280px; } .suf_8 { padding-right:320px; } .suf_9 { padding-right:360px; } .suf_10 { padding-right:400px; } .suf_11 { padding-right:440px; } .suf_12 { padding-right:480px; } .suf_13 { padding-right:520px; } .suf_14 { padding-right:560px; } .suf_15 { padding-right:600px; } .suf_16 { padding-right:640px; } .suf_17 { padding-right:680px; } .suf_18 { padding-right:720px; } .suf_19 { padding-right:760px; } .suf_20 { padding-right:800px; } .suf_21 { padding-right:840px; } .suf_22 { padding-right:880px; } .suf_23 { padding-right:920px; } /* Push Space >> | Template with Sidebars ----------------------------------------------------------------------------------------------------*/ .push_1 { left:40px; } .push_2 { left:80px; } .push_3 { left:120px; } .push_4 { left:160px; } .push_5 { left:200px; } .push_6 { left:240px; } .push_7 { left:280px; } .push_8 { left:320px; } .push_9 { left:360px; } .push_10 { left:400px; } .push_11 { left:440px; } .push_12 { left:480px; } .push_13 { left:520px; } .push_14 { left:560px; } .push_15 { left:600px; } .push_16 { left:640px; } .push_17 { left:680px; } .push_18 { left:720px; } .push_19 { left:760px; } .push_20 { left:800px; } .push_21 { left:840px; } .push_22 { left:880px; } .push_23 { left:920px; } /* Pull Space >> | Template with Sidebars ----------------------------------------------------------------------------------------------------*/ .pull_1 { left:-40px; } .pull_2 { left:-80px; } .pull_3 { left:-120px; } .pull_4 { left:-160px; } .pull_5 { left:-200px; } .pull_6 { left:-240px; } .pull_7 { left:-280px; } .pull_8 { left:-320px; } .pull_9 { left:-360px; } .pull_10 { left:-400px; } .pull_11 { left:-440px; } .pull_12 { left:-480px; } .pull_13 { left:-520px; } .pull_14 { left:-560px; } .pull_15 { left:-600px; } .pull_16 { left:-640px; } .pull_17 { left:-680px; } .pull_18 { left:-720px; } .pull_19 { left:-760px; } .pull_20 { left:-800px; } .pull_21 { left:-840px; } .pull_22 { left:-880px; } .pull_23 { left:-920px; } /* Ultra Basic Skeletal Structure that extends the grid above -------------------------------------------------------------- */ .wrap { margin-left: auto; margin-right: auto; width: 960px; } /* setting everything to be relative to allow for absolute positioning if necessary */ #container, #sidebar, #content, .wrap { position: relative; } body { min-width:960px;} /* IE fallback --- no long needed body.ie #content-contain { background-image: url('/image/tp/rebrand/top-bg.png'); background-position: top left; }*/ /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } #content-contain { min-height: 500px; clear: both; overflow: hidden; /* -- multiple background awesomeness -- background-color: #fff; /*background-repeat: repeat-x; background-image: url('/image/tp/rebrand/top-bg.png'), url('/image/tp/rebrand/btm-bg.png'); url('/image/tp/rebrand/btm-bg-orig.png'); this is the original, provided by SL's templates background-position:top left, bottom left; */ } p#breadcrumb { margin: 11px 0; font-size: .9em; } #content, #sidebar { margin-bottom: 40px; } #sidebar { width: 230px; float: left; } .full #sidebar { width:215px; float: left; } #content { width: 710px; float: right; } .bg-wrapper { background: url('/image/tp/rebrand/sprite-main.png') repeat-x 0 -617px; padding-top: 20px; } #container.full .bg-wrapper { background: url('/image/tp/rebrand/full-width-shadow.png') no-repeat top left; } /* -- extended for flexibility -- */ .bg-wrapper.gray { background-color: #f3f2f1 !important; } /* full width templates */ .full #content { width: 960px; float: none; } #content-contain .outer { clear: both; } #container.hp .outer, #container.bhp .outer { margin-top: 15px; } /* adding some meat to the skeleton */ #global-promo { position: relative; background: #EFEFEF; background-image: url('/image/tp/rebrand/global-promo-bg.png'); background-position: left bottom; background-repeat: repeat-x; display: block; width: 100%; color: #666; height: 47px; font: normal 1em Helvetica, Arial, sans-serif; margin-bottom: 12px; z-index:150; } #global-promo .wrap { padding-top:13px; } /* Begin Header and Utility Navigation ---------------------- */ #header { z-index: 50; position: relative; clear: both; text-transform:lowercase; padding-top:7px; } a.logo { position: absolute; top: 0; left: 0; margin-top: 4px; padding: 0; z-index: 145; } a.logo.nav-small { margin-top: 0; } .logo a { height: 100%; width: 252px; display: block; float: left; } #global-promo p { float:left; } #global-promo #h2 { clear:both; } #global-promo #h2 h2 { float:left; margin-top: 4px; font: normal 1em Helvetica, Arial, sans-serif; } #global-promo #super-link { width:310px; text-align:left; float:right; } #global-promo .wrap #bob-wpd { position:absolute; top:13px; right:0px; } #global-promo .wrap #super-link div { display:none; } #global-promo .wrap #super-link:hover div{ display:block; position:absolute; top:30px; right: 5px; height: 50px; width: 177px; z-index: 135; } #global-promo .wrap #super-link:hover div div { display:block; background-color:white; top: 15px; left: 0px; width: 157px; padding:10px; } #global-promo .wrap #super-link:hover div#ie7{ display:none; position:absolute; top:15px; right: 5px; height: 20px; width: 377px; } #global-promo .wrap #super-link:hover div div.ie7 { display:none; background-color:white; top: 15px; left: 0px; width: 157px; z-index:135; } .shadow { -moz-box-shadow: 0px 3px 8px -2px #000000; -webkit-box-shadow: 0px 3px 8px -2px #000000; box-shadow: 0px 3px 8px -2px #000000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } #header .util-nav { font-size: 11px; text-transform: lowercase; overflow: hidden; } /* Utility Nav Coloring */ /* 10/15/10 update >>>utilnavupdate101510 */ #header .util-nav, .util-nav { color: #ccc; } .util-nav a { color: #666; } #header .util-nav .acct a { color: #666; } #header .util-nav a:hover { color: #099; } #header .util-nav div span a { padding: 0 4px 0 0; margin: 0 0 0 4px; } #header .util-nav a.last { padding-right: 0; } #header .util-nav div.links { float: right; text-align: right; width: 530px; height: 75px; } #header .util-nav div span { display: block; } #header .util-nav div .acct { } #header .util-nav div .srch { float: right; margin-top:3px; } #header .util-nav div .aux { margin-bottom:4px; } #header .util-nav div #info { float: right;padding: 7px 5px 0 0; } #header .util-nav div .srch .input { width: 109px; } #header .util-nav.personalize-nav div .acct { } #header .util-nav.personalize-nav div .aux { float: none; padding: 0; margin-bottom: 40px; } #header .util-nav div .acct .cart { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -80px -281px; padding: 2px 0 2px 25px; } #header .util-nav div .acct .tpc-cart { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -150px -281px; padding: 2px 0 2px 25px; } #header .util-nav div .acct .mailbox { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -83px -326px; padding: 2px 0 5px 25px; } #header .util-nav div div#promo-box { margin-top:17px; padding:3px; border: 2px solid #efefef; float:left; color:#179a9a; height:35px; text-transform:none; } #header .util-nav #promo-box img { vertical-align: middle; margin-right: 3px; } #header input, #footer input { font-size: 1em; color: #666; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid rgba(102,102,102,.2); } #header input.input, #footer input.input { padding: 4px; } #header input.btn, #footer input.btn { padding: 3px 6px; color: #fff; vertical-align:baseline; } #header .util-nav div .srch input.btn { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -80px -300px; padding: 0 5px; height: 22px; width: 22px; filter: none; border: none; box-shadow: none; } #header .util-nav div .tpg .srch input.btn { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -80px -349px; } #header .util-nav div .tpc .srch input.btn { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -150px -300px; } #header .util-nav .acct a img { float: none; vertical-align: middle; display: inline-block; padding-bottom: 6px; } body.ie #header input.btn, body.ie #footer input.btn { border: 1px solid rgb(85,85,85); } body.ie #header input.btn { padding: 3px 5px; } body.ie #footer input.btn { padding: 3px 5px; } #personalize-bar { clear: both; background-color: #f0f0f0; height: 10px; } /* End Utility Navigation ----------------------------------- */ /* Begin Main Navigation ------------------------------------ */ /* -- navigation element resets -- */ #navi, #navi h3, #navi ul, #navi ol, #navi li { margin: 0; padding: 0; list-style: none; font-size: 1em; } #navi { clear: both; } #navi li div, body.ie6 li:hover div { display: none; } #navi li:hover div { display: block; } #navi li a { color: #33989a; } #navi li h3 a { color: #666; font-weight: bold; } #navi li h3 a:hover { color: #33989A; } #navi li, #navi li:hover a { background-image: url('/image/tp/rebrand/sprite-main-2012-2-13.png'); background-repeat: no-repeat; } #navi li { text-indent: -999em; position: relative; height: 34px; float: left; z-index: 120; } #navi li.one { background-position: 0 -96px; width: 164px; } #navi li.two { background-position: -164px -96px; width: 94px; } #navi li.three { background-position: -258px -96px; width: 106px; } #navi li.four { background-position: -365px -96px; width: 95px; } #navi li.five { background-position: -461px -96px; width: 133px; } #navi li.six { background-position: -596px -96px; width: 93px; } #navi li.seven { background-position: -689px -96px; width: 145px; } #navi li.eight { background-position: -834px -96px; width: 130px; } #navi li.one:hover a { background-position: 0px -134px; width: 163px; } #navi li.two:hover a { background-position: -164px -134px; width: 92px; } #navi li.three:hover a { background-position: -258px -134px; width: 104px; } #navi li.four:hover a { background-position: -365px -134px; width: 93px; } #navi li.five:hover a { background-position: -461px -134px; width: 131px; } #navi li.six:hover a { background-position: -596px -134px; width: 91px; } #navi li.seven:hover a { background-position: -689px -134px; width: 143px; } #navi li.eight:hover a { background-position: -834px -134px; width: 130px; } #navi li.last div { left: -48px; } #navi a, #navi span { display: block; height: 100%; width: 100%; } #navi li a { position: absolute; z-index: 110; left: 0; top: 0; } #navi li li { float: none; } #navi li div { border: 1px solid #ccc; margin-top: -3px; background-color: #fff; position: absolute; top: 36px; left: -15px; z-index: 100; width: 200px; padding: 15px 19px; box-shadow: 4px 4px 10px rgba(0,0,0,.2); -o-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -moz-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.2); } /* THIS IS TEMPORARY, GONNA GET CHANGED SOOOOOON ********* ********* ********* ********* ********* REMEMBER TO REMOVE MEEEEEEEEEEEEEEEEEEE ********* ********* ********* ********* ********* ********* */ #navi li.nav.seven div { width: 220px; } #navi li div.multi { width: 570px; } #navi li.one div { width: 200px; } /* END TEMP CODE */ #navi li div#bob-wpd { left: -97px; text-transform:none; } #navi li div#bob-wpd a { display:inline; } #navi li div.multi.greetings{ width: 350px; } #navi li div.multi.greetings a#img-link { background: url('/image/tp/misc/greeing-dropdown-gc-promo.gif') no-repeat 0 0; width:140px; height:70px; left:180px; top:135px; } #navi li div.multi span { display: block; height: 100%; width: auto; float: left; margin-left: 30px; } #navi li div.multi span:first-child { margin-left: 0; } #navi li h3, #navi li li { text-indent: 0; height: auto; width: auto; } #navi li h3 a, #navi li li a { position: relative; z-index: auto; left: auto; top: auto; width: auto !important; } #navi li h3, #navi li h3 a, #navi li li, #navi li li a { background-image: none !important; } #navi li h3 { margin-top: 10px; } #navi li h3:first-child { margin-top: 0; } #navi span.new { display:inline !important; margin-left:none !important; float:none !important;; } /* End Main Navigation ------------------------------------ */ /* Start Footer ------------------------------------------- */ #footer p { text-transform:none; } #footer { position: relative; font-size: .9em; clear: both; padding-bottom: 40px; overflow: hidden; color: #666; line-height: 16px; position:relative; text-transform:lowercase; } #footer h5 { font-weight: bold; } #footer a:hover { color: #099; } #footer .signup { zoom: 1; position: relative; background: #999; min-height: 35px; color: #fff; } #footer form { position: relative; margin: 0 35px; } #footer .signup label { padding-top: 11px; font-size: 1.2em; display: block; } #footer .signup form span { position: absolute; top: 7px; right: 0; } body.ie #footer .signup form span { top: 6px; } #footer .util-nav { padding: 0 35px; width: 910px; margin: 0 auto; overflow: hidden; } /* setting width on footer to be global and not adjust depending with full template or page with a sidebar. */ #footer .col_4, #footer .col_5, #footer .col_6 { min-height: 180px; padding-top: 26px; } #footer .col_4, #footer .col_5 { border-left: 1px solid #f1f1f1; padding-left: 13px; } #footer .col_4 { width:14.667%; } #footer .col_5 { width:17.2%; } #footer .col_6 { width:23.0%; } #footer .col_5:first-child { border-left: 0; padding-left: 0; } #footer div h5:first-child { padding: 0; margin: 0; } #footer ol, #footer ul, #footer li { list-style: none; padding: 0; margin: 0; } /* End Footer --------------------------------------------- */ /* --- copyright section --- */ #footer div.copyright, #footer div.copyright a { color: #666; } div.copyright { clear: both; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; overflow: hidden; padding: 0 35px; width: 910px; font-size: .85em; padding: 5px 0; } div.copyright p { float: left; margin-top: 15px; margin-left: 25px; } .logos { margin: 10px 10px 10px 0; overflow: hidden; float: right; } .logos span { float: right; margin: 0 5px; display: block; } /* static */ .logos.static span { background: url('/image/footer_logos.png') no-repeat center center; width: 94px; height: 36px; overflow: hidden; text-indent: -999px; padding: 0; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .logos.static span a { display: block; height: 100%; width: 100%; } .logos.static span.verisign { background-position: 0 -53px; margin-top: 0; height: 45px; width: 89px; } .logos.static span.mcafee { background-position: 0 -106px; margin-top: 0; height: 45px; width: 89px; } .logos.static span.bbb { background-position: 0 0; margin-top: 0; height: 45px; width: 89px; } /* secure */ .logos.secure span.mcafee { margin-top: 28px; } .logos.secure span.bbb { margin-top: 24px; } /*.logos.secure span.mcafee { margin-top: 4px; }*/ /* --- end footer logos --- */ /* --- VLP/LP heroes styling --- */ .full .hero { border: 1px solid #E5E5E5; padding: 2px; } .hero img { display:block; } .vlp .hero, .lp .hero { border: 1px solid #E5E5E5; padding: 2px; } /* --- project domo global site switcher nav --- */ #super-switcher { position: absolute; top: 0; z-index: 155; height: 47px; min-width: 1024px; width: 100%; } #super-switcher > div { position: relative; float: right; height: 47px; z-index: 160; overflow: visible; } #super-switcher > div > div { display:none; margin-top: 9px; background-color: #f7f7f7; color: #666666; height: 279px; width: 310px; position: absolute; right: 0; top: 40px; } #super-switcher > div > div p { margin: 25px 25px 0 25px; } #super-switcher > div:hover > div { display:block; box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); -o-box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); -moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); -webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2); } #super-switcher > div > a { display:block; width: 100%; height: 49px; } #super-switcher > div#label { width: 135px; } #super-switcher > div#label p { padding: 15px 10px 0 0; } #super-switcher > div#tp { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -230px -280px; width: 151px; } #super-switcher div#tp div { background: url('/image/tp/rebrand/xtab-content-header-tp-2012-02-14.jpg') no-repeat; } #super-switcher > div#tpc { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -716px -280px; width: 151px; } #super-switcher div#tpc div { background: url('/image/tp/rebrand/xtab-content-heder-tpc-2012-02-14.jpg') no-repeat; } #super-switcher > div#tpg { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -557px -280px; width: 159px; } #super-switcher div#tpg div { background: url('/image/tp/rebrand/xtab-content-heder-tpg-2012-02-14.jpg') no-repeat; } #super-switcher > div#wpd { background: url('/image/tp/rebrand/sprite-main.png') no-repeat -381px -280px; width: 176px; } #super-switcher div#wpd div { background: url('/image/tp/rebrand/xtab-content-heder-wpd.jpg') no-repeat; } /* --- project panda top nav shnazzy stuff --- */ .ship-drop, #shipple-ie, #shipple { cursor: pointer; } #shipple { /* ship+table, get it? */ display: none; position: absolute; left: -5px; width: 970px; height: auto; z-index: 135; overflow: hidden; margin: 27px auto; } #shipple-content { background: #FFF; margin:-3px 0 0 5px; width:960px; } #shipple-ie { /* ship+table, get it? */ display: none; position: absolute; left:0px; width: 960px; height: auto; z-index: 135; overflow: hidden; margin: 27px auto; } #shipple-content-ie { position:relative; background: #FFF; border:1px solid #666; border-top:none; width:958px;; top:-4px; } #shipple-content-ie p, #shipple-content p { float:none; padding: 0px 45px 30px; } #shipple-content-ie img, #shipple-content img { padding: 20px 45px; } #shipple img { margin:0 0 0 5px; } #top-panel-x { float:right; padding:10px; } #top-panel-x img { padding:0; } /*------------------------------------------------------------------ Tiny Prints Button Framework for the rebrand Author: Eric Ritchey Date: August 6, 2010 Versions: 1.0 Initial Construction ------------------------------------------------------------------ */ /* Overall Button Style */ .btn { color: #fff; background: #fe9903; background-position: top; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgb(207,104,0)), color-stop(0.68, rgb(254,154,3)) ); background-image: -moz-linear-gradient( center bottom, rgb(207,104,0) 3%, rgb(254,154,3) 68% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); cursor: pointer; display: inline-block; overflow: hidden; padding: 1px; vertical-align: middle; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); } .btn span { border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.25); color: #fff; display: block; font: normal 13px 'Trebuchet MS'; padding: 3px 9px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } .btn span span { padding: 0; border: 0; display: inline; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-family: Arial; color: rgba(255, 255, 255 0.2) !important; font-size: 12px; } /* Back porting */ div.btn { /* this styling is for previous button setups. DO NOT REUSE
      s FOR BUTTONS, USE s!!! */ float: left; } input.btn, span.btn { /* padding: 10px 9px; */ padding: 3px 9px; font-family: "Trebuchet MS"; color: #fff; border: 0; text-transform:capitalize; } /* Button States */ #container a.btn:hover { border-bottom: 0; } .btn:hover { background-image: url('/image/css/btns/btn-bg.png'); /* fallback image */ background-position: top; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.1)) ); background-image: -moz-linear-gradient( top, transparent, rgba(0, 0, 0, 0.1) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); /* IE Fallback */ text-decoration: none; } .btn:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-position: bottom; background-image: -moz-linear-gradient( center bottom, rgb(207,104,0) 16%, rgb(255,153,0) 72% ); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(207,104,0)), color-stop(0.72, rgb(255,153,0)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); /* IE Fallback */ } .btn:active { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.2)) ); background-image: -moz-linear-gradient( bottom, transparent, rgba(0, 0, 0, 0.2) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); /* IE Fallback */ } .btn:active span { border-top-color: rgba(0, 0, 0, 0.2); } /* Colors and Sizes */ .btn.tp.black { background: #252a2a; } .btn.tp.blue { background: #3792c6; } .btn.tp.red { background: #cc2222; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgb(234,93,102)), color-stop(0.68, rgb(231,34,52)) ); background-image: -moz-linear-gradient( center bottom, rgb(231,34,52) 3%, rgb(234,93,102) 68% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c84545', endColorstr='#cc2222');} } .btn.tp.grey { background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ } .btn.tp.green { background: #69a846; } .btn.tp.brown { background: #b6761a; } .btn.tp.selected { background: #569334; } .btn.wpd.black { background: black; } .btn.wpd.blue { background: blue; } .btn.wpd.red { background: red; } .btn.wpd.green { background: green; } .btn.wpd.brown { background: brown; } .btn.wpd.selected { background: #569334; } input.btn, span.btn { color: #fff; font-weight: bold; } input.btn.small, span.btn.small { font-size: 11px; padding: 4px 8px; line-height: 1.25em; } input.btn.large, span.btn.large { font-size: 14px; padding: 6px 14px; line-height: 1.5em; } input.btn.gigantic , span.btn.gigantic{ font-size: 20px; padding: 3px 14px; } .btn.small {margin:0px;} .btn.small span { font-size: 11px; padding: 4px 8px; } .btn.large span { font-size: 16px; padding: 6px 14px; } .btn.gigantic span { font-size: 18px; padding: 8px 16px; } .btn.small span span { padding: 0; } .btn.large span span { padding: 0; } .btn.gigantic span span { padding: 0; } /* -- IE specific styling for buttons -- */ body.ie input.btn { padding: 2px 5px; } body.ie input.btn.large { padding: 0 14px; } /* -- */