@CHARSET "ISO-8859-1"; /* YUI RESET - Copyright (c) 2009, Yahoo! Inc. All rights reserved. - Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt - version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* YUI BASE - Copyright (c) 2009, Yahoo! Inc. All rights reserved. - Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt - version: 2.7.0 */ body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;} /* Standards */ html { background:#fff; } body { text-align:center; margin:0px; background: #FF5E0F url(/images/bgOuter.jpg) repeat-y 50% 0; } /* REMOVE MARGIN RESET HERE FOR PAGE EDGE GAP */ #container { text-align:left; margin: 0 auto; position: relative; width:980px; background:#fff; } #head { background: url(/images/logo.jpg) no-repeat #fff; height:174px; } #nav { margin:0px; padding:0px; position: relative; top: 129px;} #nav li { padding-left: 2px; height: 45px; float:left; list-style-type: none; background: url(/images/navDivider.jpg) no-repeat 1px; } #nav li a { font-family: Trebuchet MS, sans-serif; font-size: 1.1em; font-weight: bold; color: #fff; display:block; padding:12px 17px 10px; text-decoration:none; border:0px none #000; } #nav li a.on { background: url(/images/navBackgroundOver.jpg) repeat-x; } #nav li a:hover.on { background: url(/images/navBackgroundOver.jpg) repeat-x; } #nav li a:hover { background: #3a9bce; } #cols { float:left; width:980px; margin: 8px 0; } #col1 { width:770px; background:#fff; float:right; } #col1 ul { font-family: sans-serif; } #col2 { width:201px; background:#fff; float:left; } #foot { text-align: center; font-family: sans-serif; font-size: 0.8em; display: block; width:980px; clear:both; background:#efefef; height:260px; padding: 25px 0px 0px; background: url(/images/footerBG.gif) no-repeat; } .clear { clear:both; } .contactForm { width:300px; } .left { float: left; } .right { float: right; } .aligncenter { text-align: center;} .center { margin: 0 auto; } /* Site Specifics Here */ #brandtext1 { font-family: Trebuchet MS, sans-serif; font-size: 1.4em; color: #a5a5a5; display: block; position: absolute; top: 30px; right: 20px; } #brandtext2 { font-family: Trebuchet MS, sans-serif; font-size: 2.4em; color: #69a305; display: block; position: absolute; top: 50px; right: 20px; } #brandtext2 strong { letter-spacing: -3px; } #nav { background: url(/images/navRightRounded.jpg) no-repeat right #2789bc; float: left; width: 100%; height: 45px;} #nav li.first { padding-left: 14px; background: url(/images/navLeftRounded.jpg) no-repeat; } /* Static Pages and General Text */ #staticText { padding: 15px 30px 10px; background: #e7e7e7; } #staticText a { color: #166c99; text-decoration: underline; } #staticText a:hover { text-decoration: none; } #staticText p { font-family: sans-serif; font-size: 1.0em; margin: 0.8em 0; line-height: 145%;} #staticText h2 { font-weight: normal; display: block; font-family: Trebuchet MS, sans-serif; font-size: 1.3em; margin: 0; padding: 0; } /* Purple Search Box */ #searchArea { font-family: Trebuchet MS; color: #fff; background: url(/images/searchPanel.jpg) no-repeat; display: block; width: 201px; height: 111px; } #searchArea h3 { margin: 3px 0 8px 0; padding: 0; font-weight: bold; font-size: 110%;} #searchText { line-height: 1; width: 150px; border: 1px solid #790c5b; padding: 4px 6px 4px 3px; color: #999999; font-family: sans-serif;} #searchArea form { padding: 10px; position: relative;} #searchSubmit { position: absolute; top: 40px; right: 6px; } #searchArea span { font-size: 0.8em; padding-left: 8px; font-family: sans-serif;} /* Secondary Nav */ #verticalNav { width: 201px; display: block; margin-top: 10px; background: url(/images/vNav-bottom.jpg) no-repeat bottom; padding-bottom: 15px;} #verticalNav ul { margin: 0 !important; padding: 0 !important; background: url(/images/vnav_ul_bg.jpg) repeat-y;} #vnav li { list-style-type: none; margin: 0; padding: 0;} #vnav li a { font-family: sans-serif; font-size: 0.8em; color: #166c99; display:block; padding:5px 2px 5px 15px; text-decoration:none; border:0px none #000; } #vnav li a:hover { background: #268abf; color: #fff; } #vNavSelector { height:35px; width:201px; } #vNavSelector a { font-family: Trebuchet MS; font-size: 115%; color:#8d969a; text-transform:uppercase; font-weight: bold; text-decoration: none;display:block; padding:4px 34px; width:32px; } #vNavSelector a.on { color:#268abf; padding:4px 30px; width:40px; } /* Vertical Adverts */ #verticalAd { width: 201px; display: block; margin: 10px 0; } #vAdTestimonial { padding-left: 5px; font-family: sans-serif; background: url(/images/testimonialBubble.jpg) no-repeat bottom; display: block; width: 193px; height: 132px;} #vAdTestimonial em { padding: 5px; display: block; } #vAdTestimonial span { text-align: right; display: block; padding-right: 10px; font-size:0.7em; } #vAdTestimonial a, #catPanelWrap a { color: #166c99; text-decoration: underline; } #vAdTestimonial a:hover, #catPanelWrap a:hover { text-decoration: none; } .vAdBox { padding-left: 5px; font-family: sans-serif; display: block; width: 195px; height: 132px; margin-top: 10px;} /* Main Content */ /* Homepage Promotionals */ .promowrap { width: 770px; height: 282px; display: block; } .promoBig { height: 271px; width: 568px; display: block; position: relative;} .promoSmall { height: 271px; width: 200px; display: block; text-align: right; } .AdboxLeft,.AdboxRight { margin-bottom: 5px; font-family: sans-serif; display: block; width: 195px; height: 132px;} .AdboxLeft { padding-right: 5px; } .AdboxRight { padding-left: 5px; } .promoAd #title { font-family: Trebuchet MS, sans-serif; font-size: 2.1em; display: inline; position: absolute; top: 200px; right: 80px;} .promoAd #subtitle { font-family: Trebuchet MS, sans-serif; font-size: 0.9em; display: inline; position: absolute; top: 240px; right: 80px; } .white { color: #fff; } .black { color: #000; } #indexh1Spacer { height: 20px; display: block; } #logoWrap { padding: 20px 0 5px; } /* #promoBigCycle .promoAd { display:none; } */ /* Title */ #col1 h1 { float: left; font-weight: normal; display: inline; font-family: Trebuchet MS, sans-serif; font-size: 1.7em; margin: 0; padding: 0; } #col1 h4 { font-weight: normal; display: inline; font-family: Trebuchet MS, sans-serif; font-size: 1.7em; margin: 20px 0; padding: 0; } .h1line { clear: both; display: block; height: 1px; width: 100%; background: #268abf; } /* Specials */ #hirebuySwapper { margin-left: 30px; display: inline; float: right; font-family: sans-serif; font-size: 0.7em; text-align: right;} #hirebuySwapperCtr { margin: 0 auto; display: block; font-family: sans-serif; font-size: 0.7em; text-align: center; width:140px} #hirebuySwapper a,#hirebuySwapperCtr a { color: #166c99; text-decoration: underline; } #hirebuySwapper a:hover, #hirebuySwapperCtr a:hover { text-decoration: none; } /* Category View */ #catPanelWrap { font-size: 0.9em;} .catPanel { margin-top: 10px; float: left; display: inline; margin-right: 7px; height: 226px; width: 183px; border: 1px solid #c8c8c8; background: url(/images/catPanelBottom.jpg) no-repeat bottom; } .catInfo { font-family: sans-serif; margin-top:5px; display: block; text-align: center; width: 100%; } .catImage { height: 172px; display: block; } .catInfo h2 { position: relative; top: 10px; font-family: Trebuchet MS, sans-serif; font-size: 1em; font-weight: bold; margin: 0; padding: 0; } .viewMore { position: relative; top: 10px; } /* Detail View */ #productPanelWrap { font-size: 0.9em; margin-top: 10px;} #productPanelImageWrap { background: #e8e8e8; position: relative; overflow: hiddem; float: left; display: table; width: 305px; height: 357px; border: 1px solid #c8c8c8; margin-right: 10px; } .magnifier { cursor: url(/images/magnify.cur), pointer; } /* Vertical Aligning Product Image */ #productPanelImageWrapWrap { width: 100%; text-align: center; #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } #productPanelImageWrapWrapWrap { #position: relative; #top: -50%; } #productPanelTextWrap { display: block; background:transparent url(/images/prodPanelBg.jpg) repeat-x scroll 0; width: 230px; height: 347px; float: left; border: 1px solid #c8c8c8; font-family: sans-serif; padding: 10px 5px 0px 10px;} #productPanelTextWrap a:hover { text-decoration: none; } .productPanelTextTerms { font-size: 0.7em; } .productPanelTextTerms a, .productPanelTextCTA a { color: #166c99; text-decoration: underline; } .productPanelTextCTA { font-family: Trebuchet MS, sans-serif; font-size: 1.1em; margin-bottom:0.1em;} .productPanelFind { margin-bottom: 5px; } .productPanelFind a { text-decoration: none; width: 218px; padding: 1px 0; background:transparent url(/images/prodPanelFindBG.gif) no-repeat scroll 0; border: solid 1px #5b8c07; text-align: center; color: #fff; font-family: Trebuchet MS, sans-serif; font-size: 1.2em; display: block; } .productPanelFind a:hover { background:transparent url(/images/prodPanelFindBG.gif) no-repeat scroll -218px 0; border: solid 1px #720d07; } .productPanelEmail { float: left; display: inline; margin-right: 5px;} .productPanelEmail a { text-decoration: none; width: 104px; padding: 3px 1px; background:transparent url(/images/prodPanelEmailBG.gif) no-repeat scroll 0; border: solid 1px #b6cb1c; text-align: center; color: #000; font-family: sans-serif; font-size: 0.8em; display: block; } .productPanelEmail a:hover { background:transparent url(/images/prodPanelEmailBG.gif) no-repeat scroll -106px 0; border: solid 1px #abc015; } /* Footer */ #footColFirst { margin-left: 15px; } .footColumn { display: block; float: left; width: 190px; margin-bottom: 20px;} .footColumn ul { margin: 0 !important; padding: 0; } .footColumn li { list-style-type: none; } .footColumn li a, .footText a { text-decoration: underline; color: #000;} .footColumn li a:hover, .footText a:hover { text-decoration: none; } .footline { line-height: 1px; clear: both; display: block; height: 1px; width: 978px; background: #b2b2b2; } .footText { margin-top: 10px; } #freethinkingdesign { outline: none; background:transparent url(/images/ftdlogo.png) no-repeat scroll 0; float:right; height:34px; margin:0px 10px 15px 0; text-indent:-9999px; width:41px;} /* Form Related Standards */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:0px;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:150px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .other { display:none;} .sitemap { font-family: Trebuchet MS,sans-serif; font-size: 10px; } /* Inspirationometer */ #inspirationometer { background: url(/images/inspirationBg.gif) no-repeat; width:567px; height: 272px; font-family: Trebuchet MS,sans-serif;} #inspirationometer .slider { width: 230px; height: 2.2px; left: 80px;} /* #inspirationometer label { position:relative; color:#ffffff; font-size: 1.1em; display:inline; top:12px; } */ #inspirationometer #theme { position:relative; left: 15px; top: 118px; } #inspirationometer .target { position:relative; left: 325px; color:#ffffff; font-size: 0.9em; top: -10px; font-weight: bold;} #inspirationometer #controls { top: -80px; position:relative; left: 15px; } #inspirationometer #controls a { cursor:pointer; margin-right:6px; } #inspirationometer #inspired { top: -20px; height:271px; left:450px; position:relative; width:112px; background:url(/images/InspirationImagesTile1.png) no-repeat; } #inspirationometer #inspired.i0 { background:url(/images/InspirationImagesTile1.png) no-repeat; background-position: 0px 0px; width:112px } #inspirationometer #inspired.i1 { background:url(/images/InspirationImagesTile1.png) no-repeat;background-position: -110px 0px; width:115px } #inspirationometer #inspired.i2 { background:url(/images/InspirationImagesTile1.png) no-repeat;background-position: -226px 0px; width:108px } #inspirationometer #inspired.i3 { background:url(/images/InspirationImagesTile1.png) no-repeat;background-position: -334px -0px; width:115px; top: -18px;} #inspirationometer #inspired.i4 { background:url(/images/InspirationImagesTile2.png) no-repeat;background-position: -0px -0px; left: 440px; width:125px; } #inspirationometer #inspired.i5 { background:url(/images/InspirationImagesTile2.png) no-repeat;background-position: -126px -0px; left: 465px; width:95px; } #inspirationometer #inspired.i6 {background:url(/images/InspirationImagesTile2.png) no-repeat; background-position: -223px -0px; left:460px; width: 100px; } #inspirationometer #inspired.i7 { background:url(/images/InspirationImagesTile2.png) no-repeat;background-position: -324px -0px; left:455px; width:100px } #inspirationometer #inspired.i8, #inspirationometer #inspired.i9 { background:url(/images/InspirationImagesTile2.png) no-repeat;background-position: -426px -0px; top:-18px;} /* paginator */ #paginator {border:0; margin:5px 0 0; padding:0; } #paginator li {border:0; margin:0; padding:0;font-size:11px;list-style:none;margin-right:2px; width: 24px; height: 24px; float:left;} #paginator li span {font-family: Trebuchet MS,sans-serif;padding:5px 7px 4px 9px;display:block;float:left;text-decoration:none;} #paginator li a {font-family: Trebuchet MS,sans-serif;padding:3px 8px;border:solid 1px #2987BA;} #paginator li.previous-off, #paginator li.next-off {border:solid 1px #DEDEDE;color:#888888;display:block;float:left;font-weight:bold;} #paginator li.active {background:#2987BA;color:#FFFFFF;font-weight:bold;display:block;float:left;} #paginator li a:link, #paginator li a:visited {color:#2987BA;display:block;float:left;text-decoration:none;} #paginator li a:hover {border:solid 1px #2987BA; background:#97b5c5; color:#FFFFFF; } /* Static rotators */ #peRotator1 img, #peRotator2 img { display:none; } /* Email popup - send to friend */ #emailForm { left: 50%; margin-left: -203px; height:384px; display:none; position:absolute; margin-top: -222px; top: 50%; width:406px; text-align: left; background: #fff; padding:20px; z-index:20; border: 10px solid #FF5E0F; font-family: Trebuchet MS, sans-serif; } #emailForm li { list-style-type: none; } #emailForm input { padding:5px; border:1px solid #BBBBBB; } #emailForm label { display:block; } #emailForm .center { display:block; cursor:pointer; } #emailForm .center:HOVER{ background: #bfbfbf; color: #fff; } #emailForm .center:FOCUS{ background: #6FDF37; color: #000; } #checkIt { display:none; }