/* *** climashield stylin styles copyright eric smith 2009 *** */ /*- normalize everything ----------------------------------------------------------------------*/ /* normalize margin, padding */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img { margin: 0; padding: 0; } html, body { height: 100%; } /* normalize font-size for headers */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } /* remove list-style from lists */ ol, ul { list-style: none; } /* normalize font-style and font-weight to normal */ address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } /* remove table border spacing */ table { border-collapse: collapse; border-spacing: 0; } /* remove border from fieldset and img */ fieldset, img { border: 0; } /* left-align text in caption and th */ caption, th { text-align: left; } a:active, a:focus { outline: none ! important; } .left { float: left; display: inline; } .right { float: right; display: inline; } .cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; } .ie {display:none;} body { color:#555; font:normal 80% "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background:#ebebeb; text-align:center; } a:link, a:visited {color:#1c568e; text-decoration:underline; } a:hover, a:active {color:#555; text-decoration:none; background-color:transparent; } h1 { font-weight:normal; font-size: 2em; } h2 { font-weight:normal; font-size: 1.5em; padding: 0 0 21px;} h3 { font-weight:bold; font-size: 1.3em; padding:0 0 10px; } h4 { font-weight:normal; font-size: 1.1em; color:#222; padding:0 0 2px; } h5 { font-weight:bold; font-size: 1em; color:#333; padding: 0px; } /* .indexpage {margin:0 auto; width:100%; background:url(../images/ajax-loader.gif) center no-repeat;} .indexpage .focus { background:url(../images/index-bg-all.jpg) no-repeat center 0 ; width:100%; height:496px; margin:172px 0 0; overflow:hidden;} .indexpage .choosefocus {background:url(../images/choose-focus.png) no-repeat; width:459px; height:73px; margin:92px auto 30px;} .indexpage .lefthalf {width:50%; float:left; position:relative;} .indexpage .righthalf {width:50%; float:right; position:relative;} .indexpage a.foroutdoor {position:absolute; top:28px; right:88px; display:inline-block; background:url(../images/index-logo-out.png) no-repeat; width:346px; height:63px; } .indexpage a.foroutdoor:hover {background:url(../images/index-logo-out-hover.png) no-repeat; width:346px; height:63px;} .indexpage a.formilitary {position:absolute; top:28px; left:115px; display:inline-block; background:url(../images/index-logo-mil.png) no-repeat; width:348px; height:65px; } .indexpage a.formilitary:hover {background: url(../images/index-logo-mil-hover.png) no-repeat; width:348px; height:65px;} */ .indexpage {margin:0 auto; width:100%; background:url(../images/index-bg-bw.jpg) no-repeat center 0px;} .indexpage .focus { margin-top:0px; height:496px;} .indexpage .choosefocus {background:url(../images/choose-focus.png) no-repeat bottom; width:459px; height:73px; padding-top:92px; margin:0px auto 30px;} .indexpage .lefthalf {width:50%; float:left; position:relative;} .indexpage .righthalf {width:50%; float:right; position:relative;} .indexpage a.foroutdoor {position:absolute; top:28px; right:88px; display:inline-block; background:url(../images/index-logo-out.png) no-repeat; width:346px; height:63px; } .indexpage a.foroutdoor:hover {background:url(../images/index-logo-out-hover.png) no-repeat; width:346px; height:63px;} .indexpage a.formilitary {position:absolute; top:28px; left:115px; display:inline-block; background:url(../images/index-logo-mil.png) no-repeat; width:348px; height:65px; } .indexpage a.formilitary:hover {background: url(../images/index-logo-mil-hover.png) no-repeat; width:348px; height:65px;} .container {margin: 0 auto; width:960px; text-align:left; position:relative;} .internal-background {margin: 0 auto; width:1044px; text-align:left; background:transparent url('../images/internal-background.jpg') no-repeat top center; min-height: 460px; height: auto !important; height: 460px; } .login { background:#e02b22 none repeat-x bottom; height:86px; display:none; } .login a{text-decoration:none;} .login .left{padding-left:40px;} .login .download{width:115px; height:107px;background:transparent url('../images/pdf-logo.png') no-repeat bottom left;} .login .downloadlink{width:115px; height:100px;display:block;} .login .right{padding:27px 20px 0 0 ;} .login h3{background:transparent url('../images/h-signin.jpg') no-repeat center; width:56px; height:25px; display:block;float:left;} .login .right input { float:left; margin-left: 11px; border-color:#5c5c5c; padding:5px; width:162px; height:15px; background:transparent url('../images/i-login-bg.jpg') no-repeat center;} .login .right input.loginbutton {padding-bottom:2px; width:82px; height:25px; border:0; background:transparent url('../images/b-login.jpg') no-repeat center;} .header { background:transparent url('../images/index-bg.jpg') no-repeat center; height:488px; } .header.internal { background:transparent url('../images/internal-header.jpg') no-repeat center; height:145px; } .header .container {height:100%;} .top-tab{float:right; color:#a09ea6; text-align:center; font:normal 10px Arial, Helvetica, sans-serif; width:190px; margin:5px 9px 0 0;} .top-tab a { color:#a09ea6; text-decoration:none; } a#logo {cursor:pointer; display:block; float:left; width:225px; height:27px; background:transparent; margin:33px 0 0;} a#apex-link {cursor:pointer; display:block; width:960px; height:310px; background:transparent; margin:33px 0 0;} ul.menu {width:715px; float:right;list-style:none; margin:25px 0 0 20px;} ul.menu li{float:left; } ul.menu li.menu1{ width:129px; } ul.menu li.menu2{ width:157px; } ul.menu li.menu3{ width:173px; } ul.menu li.menu4{ width:161px; } ul.menu li.menu5{ width:93px; } ul.menu a{cursor:pointer; display:block; width:129px; height:21px; background:transparent url('../images/menu-who-we-are.jpg') no-repeat top;} ul.menu a#products,ul.menu a#militaryproducts,{width:157px; background-image: url('../images/menu-products.jpg'); } ul.menu a#technology, ul.menu a#militarytechnology{width:173px; background-image: url('../images/menu-technology.jpg');} ul.menu a#customers,ul.menu a#militarycustomers{width:161px; background-image: url('../images/menu-customers.jpg');} ul.menu a#news,ul.menu a#militarynews{width:93px; background-image: url('../images/menu-news.jpg'); margin-right:0px;} .internal ul.menu {width:713px; float:right;list-style:none; margin:23px 0 0 22px;} .internal ul.menu a{height:22px; background:transparent url('../images/internal-menu-who-we-are.jpg') no-repeat top;} .internal ul.menu a#products, .internal ul.menu a#militaryproducts{ background-image: url('../images/internal-menu-our-products.jpg');} .internal ul.menu a#technology,.internal ul.menu a#militarytechnology{background-image: url('../images/internal-menu-our-technology.jpg');} .internal ul.menu a#customers,.internal ul.menu a#militarycustomers{ background-image: url('../images/internal-menu-our-customers.jpg');} .internal ul.menu a#news,.internal ul.menu a#militarynews{ background-image: url('../images/internal-menu-news.jpg'); } .internal ul.menu a:hover,.internal ul.menu a.selected{background-position:bottom;} ul.mainmenu {width:715px; float:right;list-style:none; margin:25px 0 0 20px;} ul.mainmenu li{float:left; } ul.mainmenu li.home,ul.mainmenu li.militaryhome{ display:none!important; } ul.mainmenu li.background,ul.mainmenu li.militarybackground{ width:129px; } ul.mainmenu li.products,ul.mainmenu li.militaryproducts{ width:157px; } ul.mainmenu li.technology,ul.mainmenu li.militarytechnology{ width:173px; } ul.mainmenu li.customers,ul.mainmenu li.militarycustomers{ width:161px; } ul.mainmenu li.news,ul.mainmenu li.militarynews{ width:93px; } ul.mainmenu a{cursor:pointer; display:block; width:129px; height:21px; background:transparent url('../images/menu-who-we-are.jpg') no-repeat top; font-size: 0; line-height: 0; text-indent: -4000px; color: #fff;} ul.mainmenu a.products,ul.mainmenu a.militaryproducts{width:157px; background-image: url('../images/menu-products.jpg'); } ul.mainmenu a.technology,ul.mainmenu a.militarytechnology{width:173px; background-image: url('../images/menu-technology.jpg');} ul.mainmenu a.customers,ul.mainmenu a.militarycustomers{width:161px; background-image: url('../images/menu-customers.jpg');} ul.mainmenu a.news,ul.mainmenu a.militarynews{width:93px; background-image: url('../images/menu-news.jpg'); margin-right:0px;} .internal ul.mainmenu {width:713px; float:right;list-style:none; margin:23px 0 0 22px;} .internal ul.mainmenu a{height:22px; background:transparent url('../images/internal-menu-who-we-are.jpg') no-repeat top;} .internal ul.mainmenu a.products,.internal ul.mainmenu a.militaryproducts{ background-image: url('../images/internal-menu-our-products.jpg');} .internal ul.mainmenu a.technology,.internal ul.mainmenu a.militarytechnology{background-image: url('../images/internal-menu-our-technology.jpg');} .internal ul.mainmenu a.customers,.internal ul.mainmenu a.militarycustomers{ background-image: url('../images/internal-menu-our-customers.jpg');} .internal ul.mainmenu a.news,.internal ul.mainmenu a.militarynews{ background-image: url('../images/internal-menu-news.jpg'); } .internal ul.mainmenu a:hover, .internal ul.mainmenu a.selectedPage{background-position:bottom;} .index-twitter {cursor:pointer; display:block; width:160px; height:49px; background:transparent url('../images/index-twitter.png') no-repeat top; position:absolute; bottom:40px; left:0;} .index-facebook {cursor:pointer; display:block; width:160px; height:49px; background:transparent url('../images/homepage-facebook.png') no-repeat top; position:absolute; bottom:40px; left:170px;} .index-apex {cursor:pointer; display:block; width:253px; height:49px; background:transparent url('../images/blog-apex-intro.png') no-repeat top; position:absolute; bottom:40px; left:340px;} .index-contur {cursor:pointer; display:block; width:160px; height:49px; background:transparent url('../images/homepage-contur.png') no-repeat top; position:absolute; bottom:40px; left:340px;} .index-usa {cursor:pointer; display:block; width:160px; height:49px; background:transparent url('../images/made-usa.png') no-repeat top; position:absolute; bottom:40px; left:340px;} .index-blogshot {cursor:pointer; display:block; width:253px; height:49px; background:transparent url('../images/blog-clima-shot.png') no-repeat top; position:absolute; bottom:40px; left:170px;} .index-blogor {cursor:pointer; display:block; width:253px; height:49px; background:transparent url('../images/blog-clima-or.png') no-repeat top; position:absolute; bottom:40px; left:433px; left:170px;} .col {width:268px; float:left; padding:0 26px 0 0;} .col p {line-height:1.7; margin:10px 0;} .col#mid {width:288px; padding:0 30px;} .video-thumb {border:solid 3px #797979;} .col#last {width:286px; padding: 0 0 0 26px;} .col#last h3.articleTitle{padding:0 0 12px;} .col#last h4{color:#555; font-size:98%;} .col#last img {display:none;} .vertline {float:left;width:2px; height:222px; background:transparent url('../images/vertline.jpg') no-repeat center;} input{ padding:3px 6px; font:normal 11px Arial, Helvetica, sans-serif; color:#a09ea6; background:#fff; border:solid 1px #a09ea6;} /* index */ h2.products {background:transparent url('../images/h-our-products.jpg') no-repeat center; width:190px; height:44px; display:block;} h2.about {background:transparent url('../images/h-about-climashield.jpg') no-repeat center; width:246px; height:44px; display:block;} h2.news {background:transparent url('../images/h-news.jpg') no-repeat center; width:207px; height:44px; display:block; margin:0 0 10px;} .col#last h3.articleTitle {font:normal 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} .col#last .bit.article {margin:0 0 12px;} .col#last .articleDate {font-size:80%;} .col#last .c-share-options {display:none;} .articleDate {font-size:10px; color:#aaa; padding:3px 0;} .archive .articleTitle {font-size:12px;} a.see-our-products {background:transparent url('../images/b-see-our-products.jpg') no-repeat center; width:153px; height:25px; display:block;} a.see-all-news {background:transparent url('../images/b-see-all-news.jpg') no-repeat center; width:116px; height:25px; display:block;} a.b-lock {background:transparent url('../images/b-lock.png') no-repeat center; width:7px; height:9px; display:inline-block; } a.ad {background:url(../images/verteransDay-webBanner.jpg) no-repeat; width:213px; height:115px; display:block; margin:15px auto;} /* internal */ ul.subnav, div.archive, div.sidecol {width:209px; list-style: none; padding:21px 0 0 0; float:left; } ul.subnav a{height:41px; padding: 8px 0 0 46px; display:block; text-decoration:none; text-transform:uppercase;} ul.subnav a:hover{text-decoration:underline; color:#1c568e;} ul.subnav a.selectedPage{background:transparent url('../images/subnav-selected.png') no-repeat top; color:#fff; text-decoration:none;} ul.subnav a.technology{height:61px; padding-top:5px; } ul.subnav a.technology.selectedPage{background-image:url('../images/subnav-selected-2x.png');} .bodytext {width: 754px; padding:15px 0 0 41px; float:left;} .bodytext p{padding:0 0 18px;} .bodytext ul{list-style:inside disc; padding: 0 0 18px;} .bodytext li{ padding:10px;} img.imageright{padding:0 0 12px 12px; float:right;} img.imageleft{padding:0 12px 12px 0; float:left;} .bodytext h4 {padding:0 0 12px;} .sidecol {padding:0;} .sidecol .contentarea{margin:10px 0 0 41px; width:158px; float:left;} .sidecol ul.twitter-list {padding:10px 0;} .sidecol ul.twitter-list li{padding:12px 0; font-size:10px;} div.archive .article{ padding: 4px 0 0 46px; display:block; text-decoration:none; } h4.articleAuthor{display:none;} .disp-full h3.articleTitle, .bodytext h2 {font-size:18px; color:#222;} .highlightbox {padding:30px; background:#e7e7e7; padding-bottom:12px; margin-bottom:15px;} /* events */ #bit_2991 h4.articleDate {display:none;} #bit_2991 h3.articleTitle {padding:0 0 12px;} /* background */ h2.whoweare {background:transparent url('../images/header-who-we-are.jpg') no-repeat top; width:159px; height:25px; display:block; padding:0 0 21px;} a.aboutstaff {background:transparent url('../images/link-learn-about-staff.png') no-repeat top; width:278px; height:14px; display:block;} a.questions {background:transparent url('../images/link-still-have-questions.png') no-repeat top right; width:222px; height:14px; display:block;} /* faqs */ h5#harvest {margin:25px 0 0;} /* products */ .contentsquare {width:312px; padding:0 57px 7px 0; float:left;} h3.sleepingbags {background:transparent url('../images/section-header-sleeping-bags.png') no-repeat center; width:184px; height:38px; display:block;} h3.outerwear {background:transparent url('../images/section-header-outerwear.png') no-repeat center; width:158px; height:38px; display:block;} h3.glovesfootwear {background:transparent url('../images/section-header-gloves-and-footwear.png') no-repeat center; width:247px; height:38px; display:block;} h3.comfortersandquilts {background:transparent url('../images/section-header-comforters-and-quilts.png') no-repeat center; width:255px; height:38px; display:block;} h2.pagetitle{margin-top:10px; padding:0 0 15px; font-size:24px;} /* headers */ h2#background {background:transparent url('../images/h-background.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#product-summary {background:transparent url('../images/h-product-summary.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#product-features {background:transparent url(../images/h-product-features.png) no-repeat left; width:205px; height:25px; display:block; padding:0 0 21px; margin-bottom:21px;} h2#sleeping-bags {background:transparent url('../images/h-sleeping-bags.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#outerwear {background:transparent url('../images/h-outerwear.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#gloves-footwear {background:transparent url('../images/h-gloves-footwear.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#comforters-quilts {background:transparent url('../images/h-comforters-quilts.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#executive-bios {background:transparent url('../images/h-executive-bios.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#faqs {background:transparent url('../images/h-faqs.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#cont-filament {background:transparent url('../images/h-cont-filament.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#green {background:transparent url('../images/h-green.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#our-customers {background:transparent url('../images/h-our-customers.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#press-releases {float:left;background:transparent url('../images/h-press-releases.png') no-repeat left; width:180px; height:25px; display:block; padding:0 0 21px;} h2#about-climashield {background:transparent url('../images/h-about-climashield.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#contact {background:transparent url('../images/h-contact.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#press {background:transparent url('../images/h-press.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#blog {float:left;background:transparent url('../images/h-blog.png') no-repeat left; width:58px; height:25px; display:block; padding:0 0 21px;} h2#events {background:transparent url('../images/h-events.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#secure {background:transparent url('../images/h-secure.png') no-repeat left; width:259px; height:25px; display:block; padding:0 0 21px;} h2#article-archives, h2#event-archives { background:transparent url('../images/h-archives.png') no-repeat top; width:96px; height:14px; display:block; padding:0 0 10px; margin:0px 0 0px 46px;} h2#our-brands {background:url(../images/h2-our-brands.jpg) no-repeat; width:134px; height:19px; display:block; padding:0 0 10px; margin-top:13px;} h2#app-spotlight {background:url(../images/section-h-customer-spotlight.jpg) no-repeat; width:234; height:22px; margin-top:13px; margin-bottom:8px;} h3#military-use { background:transparent url('../images/h-military-use.png') no-repeat top; width:129px; height:14px; display:block; margin:20px 0 0px; padding:0 0 10px; } h3#outdoor-rec { background:transparent url('../images/h-outdoor-recreation.png') no-repeat top; width:225px; height:14px; display:block; padding:0 0 10px; } h3#intro-apex { background:transparent url('../images/h-intro-apex.jpg') no-repeat top; width:342px; height:16px; display:block; padding:0 0 10px; } h3.berrycompliant {background: transparent url(../images/section-h-berry-compliant.png) no-repeat top; width:216px; height:38px; display:block; padding:0 0 10px;} h3.thermalefficiency {background: transparent url(../images/section-h-thermal.png) no-repeat top; width:244px; height:38px; display:block; padding:0 0 10px;} h3.Durability {background: transparent url(../images/section-h-durability.png) no-repeat top; width:149px; height:38px; display:block; padding:0 0 10px;} h3.compressibility {background: transparent url(../images/section-h-compressibility.png) no-repeat top; width:204px; height:38px; display:block; padding:0 0 10px;} h3.thermalred {background: transparent url(../images/section-red-h-thermal.png) no-repeat top; width:245px; height:38px; display:block; padding:0 0 10px;} h3.durabilityred {background: transparent url(../images/section-red-h-durability.png) no-repeat top; width:150px; height:38px; display:block; padding:0 0 10px;} h3.exceptional {background: transparent url(../images/section-red-h-exceptional.png) no-repeat top; width:245px; height:38px; display:block; padding:0 0 10px;} h3.superiorloft {background: transparent url(../images/section-red-h-superior-loft.png) no-repeat top; width:300px; height:38px; display:block; padding:0 0 10px;} a.rssicon {float:left; margin:18px 0 0 12px;} a.rssicon.toolow {margin-top:15px} /* logos */ ul.logos {padding:0; list-style:none;} ul.logos li { float:left; width:140px; height:105px; padding:40px 0 0 110px; font-size:15px; font-weight:bold; background:transparent url('../images/logos/arcteryx.jpg') no-repeat left;} ul.logos li a { font-size:10px; font-weight:normal;} ul.logos li#all { background-image:url('../images/logos/all.png');} ul.logos li#marmot { background-image:url('../images/logos/marmot.png');} ul.logos li#arc { background-image:url('../images/logos/arcteryx.png');} ul.logos li#big { background-image:url('../images/logos/big-agnes.png');} ul.logos li#cabelas { background-image:url('../images/logos/cabelas.png');} ul.logos li#coleman { background-image:url('../images/logos/coleman.png');} ul.logos li#kanuk { background-image:url('../images/logos/kanuk.png');} ul.logos li#kelty { background-image:url('../images/logos/kelty.png');} ul.logos li#landsend { background-image:url('../images/logos/lands-end.png');} ul.logos li#llbean { background-image:url('../images/logos/ll-bean.png');} ul.logos li#pacific { background-image:url('../images/logos/pacific-coast-feather.png');} ul.logos li#sierra { background-image:url('../images/logos/sierra-designs.png');} ul.logos li#salence {background-image:url('../images/logos/salence.png');} ul.logos li#northface { background-image:url('../images/logos/the-north-face.png');} ul.logos li#army { background-image:url('../images/logos/us-army.png');} ul.logos li#marine { background-image:url('../images/logos/us-marine-corps.png');} ul.logos li#navy { background-image:url('../images/logos/us-navy.png');} ul.logos li#airforce { background-image:url('../images/logos/us-air-force.png');} ul.logos li#wiggys { background-image:url('../images/logos/wiggys.png');} ul.logos li#dropzone {background-image:url('../images/logos/drop-zone.png');} ul.logos li#gear { background-image:url('../images/logos/cs-782gear.png');} ul.logos li#prima { background-image:url('../images/logos/cs-prima.png');} ul.logos li#apex { background-image:url('../images/logos/apex.png');} ul.logos li#contur { background-image:url('../images/logos/contur.png');} ul.logos li#hl { background-image:url('../images/logos/hl.png');} ul.logos li#xp { background-image:url('../images/logos/xp.png');} ul.logos li#cl { background-image:url('../images/logos/cl.png');} ul.logos li#prism { background-image:url('../images/logos/prism.png');} ul.logos li#combat { background-image:url('../images/logos/combat.png');} ul.logos li#elite { background-image:url('../images/logos/elite.png');} ul.logos li#green { background-image:url('../images/logos/green.png');} ul.logos li#green-hl { background-image:url('../images/logos/green-hl.png');} ul.logos li#fabric-care { background-image:url('../images/logos/fit-coming.png');} ul.logos li#cen { background-image:url('../images/logos/cen.png');} ul.logos li#seattle { background-image:url('../images/logos/seattle.png');} ul.logos li#outside { background-image:url('../images/logos/outside.png');} ul.logos li#knox { background-image:url('../images/logos/knox.png');} .tray {height: 66px; min-width:300px; padding:5px 7px; border:solid 1px #d9d8d8; display:inline-block; -webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android