#container-1 { margin-top: 20px; } #container-1 h1 { font-size: 18px; color: #27537a; } /* #Tabs label.Step { font-size: 14px; font-weight: bold; color: #F9821C; } #Tabs label.Instruction { font-size: 14px; margin-right: 30px; } #Tabs select { width: 90px; } #Tabs select#CurrVariation { width: 300px; } #Tabs button#GetPrice { margin-left: 20px; } #Tabs { margin-top: 50px; } #Tabs h2 { margin: 0px; } */ table.Specifications { border: 0px; border-collapse: collapse; } table.Specifications td { padding: 5px; vertical-align: top; border: 1px solid #3399ff; -moz-border-radius: ; text-align: center; } table.Specifications td.col1 { background-color: #F5FAFC; text-align: left; } table.Specifications tr.TopRow td { padding-bottom: 12px; background-color: #D9EAF4; } table.PriceCustomisations td { vertical-align: top; } #info p {margin-left:15px; margin-right:20px;} #info {height:300px;} .ProductButton { width: 130px; height: 165px; margin: 10px; margin-bottom: 20px; float: left; text-align: center; } .ProductButton:hover { background: white url(http://www.h-v-c.com/images/Product-Range-Photo-Box-Hover.jpg) top no-repeat; color: orange;} .ProductButton a { color: #3399ff; } .ProductButton a:link { color: #3399ff; } .ProductButton a:visited {color: #3399ff; } .ProductButton a:active { color: #3399ff; } .ProductButton a:hover { color: orange; } .ProductButtonImage { float: left; width: 130px; height: 100px; } .ProductButtonImage img { margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 3px; height: 90px; width: 90px; } .ProductButtonText { float: left; width: 130px; text-align: center; height: 40px; } .ProductButtonTextWrapper { width: 110px; margin: 0 auto; text-align: center; height: 40px; } .ProductSummaryIntro { width: 430px; float: left; } .ProductSummaryIntro h1 {margin: 0; padding: 0; font-size: 24px; } a.screen, a.screen:visited { color:#3399ff; font-weight: bold; position:relative; z-index:1; } a.screen b { position:absolute; visibility:hidden; /* hide the image */ width:190px; /* give it a width */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */ border:1px solid orange; /* add a border */ left:150px; /* position:the image */ top:0px; } a.screen:hover { text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000; } a.screen:hover b { visibility:visible; /* make the image visible */ height:190px; /* now give it a height */ cursor:pointer; /* for IE */ z-index:500; } a.screen:hover b img { border:0; /* remove the link border */ } html, body, div { -moz-box-sizing: content-box; box-sizing: content-box; } body { text-align: center; padding: 0; margin: 0 auto; height: 100%; font-size: 12px; } * { font-family: Arial; text-align: left; } html { height: 100%; background: #808080 url('http://www.h-v-c.com/images/Background-Stripe-New2.jpg') top repeat-x; } #Container { width: 1000px; text-align: center; margin: 0 auto; background: white; /* url('http://www.h-v-c.com/images/Background-Stripe-New.jpg') top repeat-x; */ } #Content { text-align: left; width: 930px; margin: 0 auto; overflow: hidden; margin-top: 15px; } /* ================ BANNER ========================================================================================================================= */ #Banner-Search-Box { margin-top: 14px; width: 160px; height: 23px; background: url('http://www.h-v-c.com/images/Search-Box.gif'); float: right; margin-right: 8px; } #Banner-Search-Box #s { float: left; padding: 0; margin: 5px 0 0 5px; border: 0; width: 122px; background: none; font-size: 12px; color: black; font-weight: bold; } #Banner-Search-Box #go { float: right; margin: 2px 2px 0 0; } input.Search-Button { width: 19px; height: 19px; } #Search { width: 170px; height: 23px; float: left;} #AboveBannerSpacer { padding-top: 15px; width: 930px; height: 20px; text-align: right; color: silver; margin: 0 auto; margin-bottom: 5px; } #AboveBannerSpacer span { font-size: 18px; } #BannerStripeLeft { float: left; } #BannerStripeLeft a { display: block; height: 50px; width: 119px; } #BannerStripeRight { float: right; } #BannerStripe { width: 930px; height: 50px; text-align: right; color: silver; margin: 0 auto; background: url('http://www.h-v-c.com/images/Banner-Background.jpg') top no-repeat; } /* ================================================================================================================================================= */ #pProductSummaryPage-CustomContainer { width: 645px; float: left; } #pProductSummaryPage-CustomContainer h3 { text-align: center; } #pProductSummaryPage-CustomContainer h2 { color: #777; margin: 0; padding: 0; font-size: 17px; } #pProductSummaryPage-CustomContainer ul { font-size: 12px; /* width: 380px; */ margin-left: 0px; padding-left: 30px; } /* #pProductSummaryPage-CustomContainer li { margin-top: 5px; margin-bottom: 5px; } */ a:link { color: blue; } a:visited { color: blue; } a:active { color: blue; } a:hover { color: orange; } .EmailingTable td { height: 25px; } #Links { text-align: right; width: 930px; height: 35px; /* background: url('http://www.h-v-c.com/images/NCANCANCA.jpg') left no-repeat; */ text-align: center; /* */ margin: 0 auto; margin-bottom: 15px; /* */} #Links a.big { text-decoration: none; color: #3399ff; display: block; height: 35px; text-align: center; } #Links a.wide { width: 164px; } #Links a.narrow { width: 80px; } #Links a.big:link { color: #3399ff; text-decoration: none; } #Links a.big:visited { color: #3399ff; text-decoration: none; } #Links a.big:active { color: #3399ff; text-decoration: none; } #Links a.big:hover { color: orange; text-decoration: none; } .bigLink { margin-right: 5px; float: right; font-size: 15px; background: white url('http://www.h-v-c.com/images/Banner-Link-Background.jpg') top no-repeat; line-height: 27px; display: block; color: #3399ff; height: 35px; width: 164px; text-align: center; } /* ================================================================================================================================================= */ .homeLink { margin-right: 5px; text-align: center; font-size: 10px; background: white url('http://www.h-v-c.com/images/SmallLinkBackground.jpg') top no-repeat; float: right; line-height: 27px; display: block; color: #3399ff; height: 35px; width: 40px; } a.smallx { display: block; width: 40px; height: 35px; text-align: center; } .homeLink:hover { background-position: 0px -35px; } .homeLinkx { margin-right: 5px;font-size: 15px; text-align: center; background: white url('http://www.h-v-c.com/images/HomeLinkBackground.jpg') top no-repeat; float: right; line-height: 27px; display: block; color: #3399ff; height: 35px; width: 80px; } a.smallx { display: block; width: 80px; height: 35px; text-align: center; } h3.Documentation { font-size: 20px; margin: 0px; } table.ContactUsTable td { vertical-align: top; padding: 1px 20px 0px 0px; } table.ContactUsTable td.col1 { width: 100px; } .Contact-Us-Form input { font-size: 12px; } .Contact-Us-Form textarea { font-size: 12px; } .Contact-Us-Form .inputfield { width: 200px; } .bigLinkLeft {text-indent: 10px; font-size: 15px; background: white url('http://www.h-v-c.com/images/Left-Link.jpg') center no-repeat; margin-bottom: 4px;line-height: 34px; display: block; color: #3399ff; height: 35px; width: 170px; text-align: center; } .bigLinkLeft a { text-decoration: none; color: #3399ff; display: block; width: 170px; height: 35px; text-align: left; } .bigLinkLeft a:link { color: #3399ff; text-decoration: none; } .bigLinkLeft a:visited { color: #3399ff; text-decoration: none; } .bigLinkLeft a:active { color: #3399ff; text-decoration: none; } .bigLinkLeft a:hover { color: orange; text-decoration: none; } table.SearchResults tbody tr.Hoverable:hover { background: #d1e9ff; } #Breadcrumbs { margin: 0px 0px 0px 290px; height: 17px; width: 600px; color: silver; font-size: 11px; text-align: left; } #Breadcrumbs span { margin-right: 8px; } #Breadcrumbs a { text-decoration: none; color: silver; } #Breadcrumbs a:link { color: silver; text-decoration: underline; } #Breadcrumbs a:visited { color: silver; text-decoration: underline; } #Breadcrumbs a:active { color: silver; text-decoration: underline; } #Breadcrumbs a:hover { color: orange; text-decoration: underline; } #Price-Option-Box { float: left; width: 200px; height: 90px; margin: 10px 10px 10px 10px; text-align: center; } #Price-Option-Box h2 { text-align: center; font-size: 19px; color: white; display: block; width: 200px; height: 90px; margin: 0 0 0 0; } #Price-Option-Box p { text-align: center; font-size: 11px; color: white; margin: 10px 10px 10px 10px; } #Price-Option-Box a { height: 90px; display: block; width: 200px; background: white url('http://www.h-v-c.com/images/Price-Option-Background.jpg') top no-repeat; } #Price-Option-Box a:hover { background-position: 0 -90px; } .Link-Box-Top { background: url('http://www.h-v-c.com/images/Link-Box-Top.jpg') top no-repeat; height: 24px; } .Link-Box-Bottom { background: url('http://www.h-v-c.com/images/Link-Box-Bottom.jpg') bottom no-repeat; height: 28px; margin-bottom: 15px; } .Link-Box-Middle { background: url('http://www.h-v-c.com/images/Link-Box-Middle.jpg') repeat-y; text-align: left; font-size: 12px; padding-top: 8px; padding-bottom: 10px; } hr.Silver { color:silver; background-color:silver; height:1px; border:none; } hr.LightBlue { color:#3399ff; background-color:#3399ff; height:1px; border:none; } hr.TwoThick { height: 2px; } .Link-Box-Middle a, .Link-Box-Middle a:link, .Link-Box-Middle a:visited, .Link-Box-Middle a:active, .Link-Box-Middle a:hover { color: #333333; text-decoration: none; } .News-Headline a, .News-Headline a:link, .News-Headline a:visited, .News-Headline a:active { color: #333333; text-decoration: none; } .News-Headline a:hover, .Link-Box-Middle a:hover { border-bottom: 1px dashed #3399ff; color: #3399ff; } .News-Headline-Date { margin-left: 10px; color: gray;} .News-Headline { margin-bottom: 8px; } .Box-Item { margin-bottom: 2px; } .News-Headline:hover, .Box-Item:hover { background-position: 140px; } .News-Headline, .Box-Item { margin-left: 10px; width: 150px; background: url('http://www.h-v-c.com/images/Arrow.png') 0px 200px no-repeat; } #Product-Summary-Photo-Container { width: 200px; background: url('http://www.h-v-c.com/images/Product-Summary-Photo-Box.jpg') top no-repeat; float: left; margin-left: 15px; } #Product-Summary-Photo-Container img { width: 190px; height: 190px; margin: 5px; } #SQ200-Feature-Box { height: 200px; width: 200px; background: white url('http://www.h-v-c.com/images/200200FeatureBox.jpg') center no-repeat; float: left; margin: 10px; } #SQ200-Feature-Box h1 { font-size: 20px; color: black; margin: 10px; } #SQ200-Feature-Box p { font-size: 12px; color: gray; margin: 10px; } /* ----------------------- FOOTER FORMATTING ------------------------------------------------------------------------------------------- */ #Footer { padding-top: 5px; width: 930px; height: 30px; float: left; border-top: 1px solid silver; margin-top: 25px; margin-bottom: 15px; clear: both; } .FooterItem { margin-right: 40px; text-align: left; display: block; float: left; color: silver; font-size: 11px; } #Footer a:link { color: silver; text-decoration: none; } #Footer a:visited { color: silver; text-decoration: none; } #Footer a:hover { text-decoration: none; color: #3399ff; } #Footer a:active { color: silver; text-decoration: none; } /* ------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------- PRICE GRID TABLE FORMATTING --------------------------------------------------------------------------------- */ table.PriceGrid a:link { color: black; text-decoration: none; } table.PriceGrid a:visited { color: black; text-decoration: none; } table.PriceGrid a:active { color: black; text-decoration: none; } table.PriceGrid a:hover { text-decoration: none; color: black; /* border-bottom: 1px dashed black; */ } table.PriceGrid { border-width: 0px; border-style: solid; border-color: #eaeaea; border-collapse: separate; background-color: white; font-size: 10px; text-align: center; } table.PriceGrid td.PriceCell:hover { background-color: orange; } table.PriceGrid td.SizeCell { background-color: rgb(239, 240, 255); font-size: 10px; } table.PriceGrid td.CornerCell { background-color: orange; font-size: 10px; } table.PriceGrid th { padding: 0px; } table.PriceGrid td { padding: 0px; } table.PriceGrid td, th { border-width: 1px; border-style: solid; border-color: #eaeaea; text-align: center; } table.PriceGrid tbody tr:hover { background: #d1e9ff; } /* -------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------- PRICES FORMATTING ------------------------------------------------------------------------------------------- */ .PriceOptionBox { height: 300px; width: 200px; margin: 10px; text-align: center; float: left; border: 1px solid #eaeaea; } .PriceOptionBox:hover { border: 1px solid #3399ff; background: #e5f2ff url('http://www.h-v-c.com/images/Arrow.jpg') bottom right no-repeat; } .PriceOptionBoxHeader { width: 180px; margin: 10px; text-align: center; float: left; } .PriceOptionBoxHeader h1 { font-size: 19px; letter-spacing: -1px; margin: 0; padding: 0; font-weight: bold; } .PriceOptionBoxFooter { width: 180px; margin: 10px; text-align: left; float: left; } .PriceOptionBox a { width: 180px; height: 300px; display: block; } /* -------------------------------------------------------------------------------------------------------------------------------------- */ .ProductRangeBox { height: 230px; width: 150px; margin: 5px; text-align: center; float: left; border: 1px solid #eaeaea; } .ProductRangeBox:hover { border: 1px solid #3399ff; } .ProductRangeBoxHeader { height: 70px; width: 140px; margin: 5px; text-align: center; float: left; } .ProductRangeBoxHeader h1 { font-size: 17px; letter-spacing: -1px; margin: 0; margin-left: 5px; margin-right: 5px; padding: 0; font-weight: bold; } .ProductRangeBoxFooter { width: 140px; margin: 5px; text-align: center; float: left; height: 150px; } .ProductRangeBoxFooter img { margin: 5px; } .Box-Header-Heading { color: #5a5a5a; font-size: 14px; float: left; font-weight: bold; text-align: left; padding-top: 3px; padding-left: 10px; } .Box-Footer-Heading { color: #00089a; font-size: 12px; float: right; text-align: left; padding-top: 5px; padding-left: 10px; padding-right: 20px; font-weight: normal; } .Box-Footer-Heading a:link { font-weight: bold; color: #5a5a5a; text-decoration: none; } .Box-Footer-Heading a:visited { font-weight: bold; color: #5a5a5a; text-decoration: none; } .Box-Footer-Heading a:active { font-weight: bold; color: #5a5a5a; text-decoration: none; } .Box-Footer-Heading a:hover { font-weight: bold; text-decoration: none; color: orange; } /* ================================================================================================================================================= */ /* ================ LAYOUT 3 - One Wide Column |[ 930 ]| ===================================================================================== */ #Layout3-Column1-TopSection { width: 930px; height: 15px; background: url('http://www.h-v-c.com/images/Layout3-Column1-TopSection.jpg'); float: left; text-align: center; } #Layout3-Column1-MiddleSection { width: 930px; background: url('http://www.h-v-c.com/images/Layout3-Column1-MiddleSection.jpg') repeat-y; font-size: 12px; float: left; text-align: center; } #Layout3-Column1-BottomSection { width: 930px; height: 15px; background: url('http://www.h-v-c.com/images/Layout3-Column1-BottomSection.jpg'); margin-bottom: 15px; float: left; text-align: center; } #Layout3-Column1-Container { width: 900px; margin: 0 auto; } /* ================================================================================================================================================= */ /* ================ LAYOUT 2 - One Column () One Wider Column () ==== |[240] [ 675 ]| ========================================================== */ #Layout2-Column1 { width: 240px; float: left; padding-bottom: 10px; } #Layout2-Column1-TopSection { width: 240px; background: url('http://www.h-v-c.com/images/Layout2-Column1-TopSection.jpg') top no-repeat; height: 24px; } #Layout2-Column1-MiddleSection { width: 240px; background: url('http://www.h-v-c.com/images/Layout2-Column1-MiddleSection.jpg') repeat-y; text-align: left; font-size: 12px; padding-top: 8px; padding-bottom: 10px; } #Layout2-Column1-BottomSection { width: 240px; background: url('http://www.h-v-c.com/images/Layout2-Column1-BottomSection.jpg') bottom no-repeat; height: 28px; margin-bottom: 15px; } #Layout2-Column2, #Layout2-Column2-TopSection, #Layout2-Column2-MiddleSection, #Layout2-Column2-BottomSection { width: 675px; float:left; text-align: center; } #Layout2-Column2 { margin-left: 15px; } #Layout2-Column2-TopSection { background: url('http://www.h-v-c.com/images/Layout2-Column2-TopSection.jpg'); height: 15px; } #Layout2-Column2-MiddleSection { background: url('http://www.h-v-c.com/images/Layout2-Column2-MiddleSection.jpg') repeat-y; font-size: 12px; } #Layout2-Column2-BottomSection { background: url('http://www.h-v-c.com/images/Layout2-Column2-BottomSection.jpg'); margin-bottom: 15px; height: 15px; } #Layout2-Column2-Container { width: 645px; margin: 0 auto; } /* ================================================================================================================================================= */ /* ================ LAYOUT 4 - One Column () One Wider Column () ==== |[170] [ 745 ]| ========================================================== */ #Layout4-Column1 { float: left; padding-bottom: 10px; width: 170px; background: white; } #Layout4-Column2 { width: 745px; float: right; } #Layout4-Column2-TopSection { height: 15px;float: left; width: 745px; text-align: center;background: url('http://www.h-v-c.com/images/Layout4-Column2-TopSection.jpg'); } #Layout4-Column2-MiddleSection { float: left; width: 745px; text-align: center;background: url('http://www.h-v-c.com/images/Layout4-Column2-MiddleSection.jpg') repeat-y; font-size: 12px; } #Layout4-Column2-BottomSection { height: 15px;float: left; width: 745px; text-align: center;background: url('http://www.h-v-c.com/images/Layout4-Column2-BottomSection.jpg'); } #Layout4-Column2-Container { width: 715px; margin: 0 auto; } /* ================================================================================================================================================= */ /* ================= dTree 2.05 | www.destroydrop.com/javascript/tree/ Copyright (c) 2002-2003 Geir Landrö ==========================================*/ .ProductTree { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; padding-left: 5px; padding-right: 5px; margin-top: 0px; padding-top: 0px; padding-top: 2px; padding-bottom: 2px; } .ProductTree img { border: 0px; vertical-align: middle; } .ProductTree a { color: #333; text-decoration: none; } .ProductTree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; background-color: transparent; } .ProductTree a.node:hover, .dtree a.nodeSel:hover { color: orange; text-decoration: underline; } .ProductTree a.nodeSel { background-color: #c0d2ec; } .ProductTree .clip { overflow: hidden; } /* ================================================================================================================================================= */ td.AlignTop { vertical-align: top; } #Tree-Open-Close { margin:0 auto; padding-left: 5px; margin-bottom: 10px; } .sTen { font-size: 10px; } .cGray { color: gray; } .cSilver { color: silver; } .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; } table.FullProductList tbody tr.Hoverable:hover { background: #d1e9ff; } tr.Headings { font-weight: bold; } form, input, submit { margin: 0 0 0 0; padding: 0 0 0 0; } .inputtext { width: 140px; margin: 0 auto; margin-bottom: 2px; } .inputtext2 { width: 120px; margin: 0 auto; margin-bottom: 2px; } .inputbutton { margin: 0px; float: right;} h1 { letter-spacing: -1px; font-size: 26px; margin-top: 5px; padding-top: 0px; } h2 { letter-spacing: -1px; font-size: 22px; } .Orange { color: orange; } .AlignCenter { text-align: center; } .Fourteen { font-size: 14px; } .Red { color: Red; } .Bold { font-weight: bold; } .Float-Right { float: right; } .Eighteen { font-size: 18px; } img.floatRight { float: right; margin: 5px; } img.floatLeft { float: left; margin: 5px; } img.Arrow { margin-left: 5px; } img.gallery { margin: 8px 6px 8px 6px; } img { border: none; } p.AboutUsPara { font-size: 14px; } #jFlowSlide{ background:#DBF3FD; font-family: Arial; background: url('http://www.h-v-c.com/images/FeatureBackground.jpg') center no-repeat; } #myController { text-align: left; color:#5A5A5A; font-size: 14px; font-weight: bold; /* text-align: center; */ height: 35px; /* padding:2px 0; */ line-height: 32px; width:745px; background: url('http://www.h-v-c.com/images/Feature-Slider/Feature-Slider-Header.jpg') center no-repeat;} #myController span.jFlowSelected { /* background:orange; */ color: orange; font-weight: bold; } .slide-wrapper { padding: 0px; } .slide-thumbnail { width:300px; float:right; } .slide-thumbnail img {max-width:300px; } .slide-details { width:745px; height: 235px; float:left; } .slide-details h2 { font-size:22px; font-weight:bold; /* line-height: 1; */ margin:0; } .slide-details .description { color: #333333; font-size: 13px; } .jFlowControl, .jFlowPrev, .jFlowNext { margin-left: 6px; margin-right: 6px; padding-left:6px; padding-right:6px; color: #5a5a5a; font-weight: bold; font-size: 13px; } .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { color: orange; cursor: pointer; } /* retired stuff ==================== .Link-Box-Wide-Middle a, .Link-Box-Middle a:link, .Link-Box-Middle a:visited, .Link-Box-Middle a:active, .Link-Box-Middle a:hover { color: #333333; text-decoration: none; } .Link-Box-Wide-Middle a:hover { border-bottom: 1px dashed #3399ff; color: #3399ff; } #Tags { text-align: center; background-colour: red; margin: 0 auto; color: black; width: 170px; border-top-width: 0px; padding: 1px 1px 1px 1px; text-align: center; font-size: 11px; } #cloud a.tag1 { font-size: 9px; font-weight: 100; } #cloud a.tag2 { font-size: 10px; font-weight: 200; } #cloud a.tag3 { font-size: 12px; font-weight: 300; } #cloud a.tag4 { font-size: 15px; font-weight: 400; } #cloud a.tag5 { font-size: 17px; font-weight: 500; } #cloud a.tag6 { font-size: 19px; font-weight: 600; } #cloud { padding: 3px; line-height: 1.8em; text-align: center; margin: 0; text-align: center; } #cloud a { padding: 0px; } #cloud { margin: 0; text-align: center; } #cloud li { display: inline; padding: 0px 6px 0px 6px; } #TagCloud { margin: 0 auto; padding-top: 1px; width: 170px; color: blue; text-align: center; } #TagCloud a, #TagCloud a:link, #TagCloud a:visited, #TagCloud a:active { color: #333333; text-decoration: none; } #TagCloud a:hover { text-decoration: none; color: #3399ff; border-bottom: 1px dashed #3399ff; } #PhoneNumber { margin-top: 5px; } #EmailLink, #PhoneNumber { color: #00089a; margin-right: 10px; text-align: right; } #EmailLink a, #EmailLink a:link, #EmailLink a:visited, #EmailLink a:active { text-decoration: none; color: #00089a; } #EmailLink a:hover { text-decoration: none; color: orange; } #Breadcrumbs { color: gray; text-align: left; font-size: 10px; } a.LinkAlwaysWhite { text-decoration: none; color: white; } a.LinkAlwaysWhite:link { text-decoration: none; color: white; } a.LinkAlwaysWhite:visited { text-decoration: none; color: white; } a.LinkAlwaysWhite:active { text-decoration: none; color: white; } a.LinkAlwaysWhite:hover { text-decoration: none; color: white; } #Ticker { font-size: 16px; margin-bottom: 15px; } a { color: blue; } a:link { color: blue; } a:visited { color: blue; } a:active { color: blue; } a:hover { color: blue; } .NoBackground { background: url('../images/BoxMiddleNoGradient.jpg') repeat-y; } #BoxSubHeading { text-decoration: underline; padding-left: 10px; padding-top: 10px; padding-bottom: 5px; font-weight: bold; text-align: left; margin-bottom: 3px; } #BoxSubHeadingItem { padding-left: 10px; text-align: left; } */ /* retired 1st week jan #LogoContainer { width: 170px; float: left; height: 130px; } #Logo { width: 170px; height: 107px; background: url('http://www.h-v-c.com/images/HVC-Logo.jpg'); float: left; } #Logo a { width: 170px; height: 107px; display: block;} #Header { padding-top: 15px; width: 930px; margin: 0 auto; height: 142px; } #BannerTop { text-align: right; height: 45px; font-size: 29px; } #BannerMiddle { text-align: right; height: 30px; font-size: 20px; background: url('../images/BannerMiddleBorderx.jpg') center repeat-y; } #BannerTop { background: url('../images/BannerTopBorderx.jpg') top no-repeat; } #BannerBottom { text-align: left; height: 20px; background: url('../images/BannerBottomBorderx.jpg') center no-repeat; } .SuperHeaderItem { margin-left: 25px; text-align: left; display: block; float: right; color: silver; font-size: 11px; } #Banner-Search-Boxx { width: 170px; height: 23px; background: url('http://www.h-v-c.com/images/bg_search_box.gif'); margin-bottom: 15px; } #Banner-Search-Boxx #s { float: left; padding: 0; margin: 5px 0 0 5px; border: 0; width: 122px; background: none; font-size: 12px; color: silver; } #Banner-Search-Boxx #go { float: right; margin: 2px 2px 0 0; } a.LinkAlwaysBlack { text-decoration: none; color: black; } a.LinkAlwaysBlack:link { text-decoration: none; color: black; } a.LinkAlwaysBlack:visited { text-decoration: none; color: black; } a.LinkAlwaysBlack:active { text-decoration: none; color: black; } a.LinkAlwaysBlack:hover { text-decoration: none; color: black; } .bigLinkLeftNCA {text-indent: 10px; font-size: 15px; background: white url('http://www.h-v-c.com/images/NCA-LeftLink.jpg') center no-repeat; margin-bottom: 4px;line-height: 34px; display: block; color: #3399ff; height: 35px; width: 170px; text-align: center; } .bigLinkLeftNCA { text-decoration: none; color: #3399ff; display: block; width: 170px; height: 35px; text-align: left; } .Box-Heading-Margin-Above { margin-top: 10px; font-weight: bold; margin-left: 10px; margin-bottom: 1px; } #Box-Heading { font-weight: bold; margin-left: 10px; margin-bottom: 1px; } #Product-Summary-Box { background: white url('http://www.h-v-c.com/images/Product-Summary-Box-Link.jpg') top no-repeat; float: left; width: 150px; height: 200px; margin: 10px 10px 10px 10px; } #Product-Summary-Box h2 { display: block; height: 70px; width: 130px; font-size: 18px; margin: 10px 10px 10px 10px; } li.LI-In-Box { padding-bottom: 3px; } li.LI-In-Box-No-Padding { padding-bottom: 0px; margin: 0 0 0 0; padding: 0 0 0 0; } li.LI-In-Box-Subheading { padding-bottom: 3px; font-weight: bold; } .PaleBlue-bl { background: #eff0ff url('http://www.h-v-c.com/images/Rounded-Boxes/Pale-Blue/bl.jpg') no-repeat 0 100%; } .PaleBlue-br { background: url('http://www.h-v-c.com/images/Rounded-Boxes/Pale-Blue/br.jpg') no-repeat 100% 100%; } .PaleBlue-tl { background: url('http://www.h-v-c.com/images/Rounded-Boxes/Pale-Blue/tl.jpg') no-repeat 0 0; } .PaleBlue-tr { background: url('http://www.h-v-c.com/images/Rounded-Boxes/Pale-Blue/tr.jpg') no-repeat 100% 0;} .pictureInput { background-image: url('http://www.h-v-c.com/images/InputBackground.jpg'); width: 130px; height: 20px; border: 0; padding-top: 3px; padding-left: 5px; padding-right: 20px; background-repeat: no-repeat; } */ /* ----------------------- GALLERY FORMATTING ------------------------------------------------------------------------------------------- .GalleryPreviewBox { width: 150px; margin: 5px; text-align: center; float: left; border: 1px solid #eaeaea; } .GalleryPreviewBox:hover { border: 1px solid #3399ff; } .GalleryPreviewBoxHeader { width: 140px; margin: 5px; text-align: center; float: left; } .GalleryPreviewBoxHeader h1 { font-size: 15px; letter-spacing: -1px; margin: 0; padding: 0; font-weight: bold; } .GalleryPreviewBoxFooter { width: 140px; margin: 5px; text-align: center; float: left; } .GalleryPreviewBoxFooter img { margin: 5px; } .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; } -------------------------------------------------------------------------------------------------------------------------------------- */ /* ================ LAYOUT 1 - One Column () One Wider Column () One Column ==== |[170] [ 560 ] [170]| ========================================= #Layout1-Column2 { float: left; padding-bottom: 10px; margin-left: 15px; width: 560px; color: black; background: white; } #Layout1-Column3 { margin-left: 15px; } #Layout1-Column1, #Layout1-Column3 { float: left; padding-bottom: 10px; width: 170px; background: white; } #Layout1-Column2-TopSection { height: 15px; float: left; width: 560px; text-align: center; background: url('http://www.h-v-c.com/images/Middle-Column-Header-Backgroundx.jpg'); } #Layout1-Column2-MiddleSection { float: left; width: 560px; text-align: center; background: url('http://www.h-v-c.com/images/Middle-Column-Middle-Backgroundx.jpg') repeat-y; font-size: 12px; } #Layout1-Column2-BottomSection { height: 15px; float: left; width: 560px; text-align: center; background: url('http://www.h-v-c.com/images/Middle-Column-Footer-Backgroundx.jpg'); margin-bottom: 15px; } #Layout1-Column2-MiddleSection p { margin: 20px; font-size: 12px; } ================================================================================================================================================= */