/* Global Styles */ body { margin:0px; background-color: #ffffff; background-image: url(images/top-bkgd.jpg); background-repeat: repeat-x; background-position: left top; } h1 { font:20px Helvetica, sans-serif; color:#f15a22; line-height:20px; text-decoration: none; margin-top: 0px; padding-left:2px; margin-bottom: 5px; } h2 { font:20px Helvetica, sans-serif; color:#f15a22; line-height:20px; text-decoration: none; margin-top: 0px; padding-left:2px; margin-bottom: 5px; } h4 { font:20px Helvetica, sans-serif; color:#f15a22; line-height:20px; text-decoration: none; margin-top: 0px; } td { font:12px Helvetica, sans-serif; color:#f15a22; line-height:20px; text-decoration: none;} a { font: 12px Helvetica, sans-serif; color: #404040; line-height:20px; text-decoration: underline;} a:hover { font: 12px Helvetica, sans-serif; color: #f15a22; line-height:20px; text-decoration: underline; } /* ID NAVIGATION Styles */ #HOR-nav-box { height: 50px; width: 1024px; margin-right: auto; margin-left: auto; } #HOR-nav-box-bottom {height:50px; width:1024px; margin-right: auto; margin-left: auto; margin-bottom:5px; margin-top:15px; } #navigation td { } #navigation a { font: 12px Helvetica, sans-serif; color: #f15a22; line-height:24px; text-decoration: none; display:block; padding:8px 6px 10px 18px; text-transform: uppercase; font-weight: 700; } #navigation a:hover { color: #404040; text-decoration: underline; } #navigationH td { background-color: #ffffff; height: 50px; margin-top: 10px; margin-bottom: 10px; text-align: center; } #navigationH a { color: #f15a22; line-height:50px; text-decoration: none; font-family: Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; padding-right: 10px; padding-left: 10px; font-weight: 700; } #navigationH a:hover { color: #404040; text-decoration: underline; } #navigationHB td { background-color: #ffffff; height: 50px; margin-top: 0px; margin-bottom: 0px; text-align: center; } #navigationHB a { color: #f15a22; line-height:50px; text-decoration: none; font-family: Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; font-weight: 700;} #navigationHB a:hover { color: #404040; text-decoration: underline; } /* ID Styles */ #Logo { background-image: url(images/logo.jpg); background-repeat: no-repeat; height: 162px; width: 1024px; margin-right: auto; margin-left: auto; } #main-areaPP { width: 1024px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; height:auto;} #LH-Column { float: left; height: auto; width: 240px; padding-top: 7px; } #RH-Column { float: left; height: auto; width: 784px; padding-top: 7px; } #LH-Column-454 { float: left; height: 260px; width: 434px; padding-top: 10px; padding-left: 8px; padding-right: 10px; padding-bottom: 10px; } #LH-pic-in-border { float: left; height: auto; width: auto; margin-top: 30px; margin-right: 10px; border: thin solid #404040;} #textbox-pic-in-border { float: left; height: auto; width: 224px; margin-top: 28px; margin-right: 10px; padding: 5px; border: thin solid #404040;} #RH-Column-330 { float: left; height: auto; width: 330px; padding-top: 10px; } #Rollover-box { float: left; height: 263px; width: 784px; margin-bottom: 10px; } #header-boxLG { background-image: url(images/light-grey-784.jpg); background-repeat: no-repeat; float: left; height: 58px; width: 779px; padding-left:5px; padding-top:20px; margin-top: 7px; margin-bottom:7px; } #header-boxDG { background-image: url(images/darkgrey-784.jpg); background-repeat: no-repeat; float: left; height: 58px; width: 779px; padding-left:5px; padding-top:20px; margin-top: 8px; margin-bottom:8px; } #header-boxLGO { background-image: url(images/orange-784.jpg); background-repeat: no-repeat; float: left; height: 58px; width: 779px; padding-left:5px; padding-top:20px; margin-top: 7px; margin-bottom:7px; } #PP-text-box { float:left; padding: 10px; border: thin solid #d3d4d6; margin-top: 10px; margin-bottom: 20px; font-family: Helvetica, sans-serif; font-size: 12px; color: #636363; line-height: 20px; height: auto; width: 760px; } #PP-text-no-border { float:left; padding-left: 10px; padding-top:10px; padding-bottom:10px; padding-right:0px; border: thin solid #ffffff; margin-top: 10px; margin-bottom: 20px; font-family: Helvetica, sans-serif; font-size: 12px; color: #636363; line-height: 20px; height: auto; width: 770px; } #bottom-boxLG { background-image: url(images/light-grey-784.jpg); background-repeat: no-repeat; float: left; height: 58px; width: 779px; padding-left:5px; padding-top:20px; margin-top: 7px; margin-bottom:7px; } #PP-Left-col { float:left; height: auto; width: 500px; margin-top:15px;} #PP-Left-col-GRbkgd { float:left; height: auto; width: 310px; padding:10px; background-color: #f1f1f2;} #PP-Middle-col { float:left; height: auto; width: 200px; margin-left: 5px;} #PP-Right-col { float:right; height: auto; width: 270px; } #PP-Right-col-sm { float:right; height: auto; width: auto; } #Text-Container-784-auto { float: left; height: auto; width: 784px; margin-bottom: 10px; margin-top: 10px; } #Image-Container-784-263 { float: left; height: 263px; width: 784px; margin-bottom: 10px; margin-top: 10px; } #Image-Container-784-swatch { float: left; height: 100px; width: 784px; margin-bottom: 10px; margin-top: 10px; } #Image-Container-784-RAL { float: left; height: 424px; width: 784px; margin-bottom: 10px; margin-top: 10px; background-image: url(images/verandas/veranda-middle2.jpg); background-repeat: no-repeat; } #Image-Container250 { float: left; height: auto; width: 250px; margin-right: 19px; } #Image-Container515 { float: left; height: auto; width: 515px; margin: 0px;} #Roll-over { height: 344px; width: 1024px; margin-top: 10px; margin-bottom: 10px; margin-right: auto; margin-left: auto; } #box1 { float: left; height: 304px; width: 240px; background-image: url(images/box-1.jpg); } #box2 { float: left; height: 280px; width: 240px; background-image: url(images/box-2.jpg); } #box3 { float: left; height: 280px; width: 240px; background-image: url(images/box-2.jpg); } #box-accessories { float: left; height: 280px; width: 240px; background-image: url(images/box-accessories-2.jpg); } #box-awning-colours { float: left; height: 280px; width: 240px; background-image: url(images/box-awning-colours.jpg); } #box-awning-colours2 { float: left; height: 280px; width: 240px; background-image: url(images/box-awning-colours2.jpg); } #box-brochure { float: left; height: 280px; width: 240px; background-image: url(images/box-brochure.jpg); } #box-finance { float: left; height: 280px; width: 240px; background-image: url(images/box-finance.jpg); } #box-mission { float: left; height: 280px; width: 240px; background-image: url(images/box-mission.jpg); } #box-21yrs { float: left; height: 280px; width: 240px; background-image: url(images/21ry-box-sale.jpg); } #box-call-us { float: left; height: 280px; width: 240px; background-image: url(images/box-call-us.jpg); } #box-clickable { height: 195px; width: 215px; margin-top: 15px; margin-left: 2px; } #box-title { font-family: Helvetica, sans-serif; font-size: 20px; line-height: 50px; font-weight: normal; margin-left: 5px; margin-top: 10px; } #box-image { height: 110px; width: 212px; margin-top: 15px; margin-bottom: 10px; margin-left: 5px; } #box-under-text { font-family: Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #636363; height: 75px; width: 202px; margin-left: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; } #long-box { float: left; height: 280px; width: 758px; margin-top: 8px; margin-bottom: 8px; background-image: url(images/long-box.jpg); } #Page-text-box { padding: 10px; border: thin solid #d3d4d6; margin-top: 20px; margin-bottom: 20px; font-family: Helvetica, sans-serif; font-size: 12px; color: #636363; line-height: 20px; height: auto; width: 1002px; margin-right: auto; margin-left: auto; } #Info-text-box { padding: 10px; border: thin solid #d3d4d6; margin-top: 10px; margin-bottom: 30px; font-family: Helvetica, sans-serif; font-size: 14px; color: #636363; line-height: 20px; height: auto; width: 1002px; margin-right: auto; margin-left: auto; } #Info-box { padding: 10px; border: thin solid #d3d4d6; margin-top: 10px; margin-bottom: 30px; height: 60px; width: 1002px; margin-right: auto; margin-left: auto; } #box-image-784 { float: left; height: auto; width: 784px; margin-bottom: 0px; margin-top: 0px; } #logo-footer-box { padding: 10px; height: auto; width: 1004px; margin-top: 20px; margin-bottom: 30px; margin-right: auto; margin-left: auto; font-family: Helvetica, sans-serif; font-size: 14px; color: #636363; line-height: 24px;} #form-crr { background-color: #FFFFFF; float: left; height: auto; width: 700px;} /* Class Styles */ .fabric-images {float:left; width:392px;} .finance-box { width: 596px; height:190px; border: thin solid #d3d4d6; padding-top:0px; } .float-img-LT { float:left; margin-top:10px; margin-right:10px; margin-bottom:10px; } .float-img-RT { float:right; margin-top:10px; margin-left:10px; margin-bottom:10px; } .boxTextOR20 { font:20px Helvetica, sans-serif; color:#f15a22; line-height:30px; text-decoration: none; } .boxText3RED { font:14px Helvetica, sans-serif; color:#FF0000; line-height:20px; text-decoration: none; } .bodyText14 { font:14px Helvetica, sans-serif; color:#404040; line-height:18px; text-decoration: none; } .bodyText13 { font:13px Helvetica, sans-serif; color:#636363; line-height:21px; text-decoration: none; margin-top:0px; } .bodyText12 { font:12px Helvetica, sans-serif; color:#636363; line-height:20px; text-decoration: none; margin-top:0px; } .bodyItalic { font:12px Helvetica, sans-serif; color:#fd8c0d; line-height:16px; text-decoration: none; margin-top:0px; font-style: italic; font-weight: bold; } .pageName{ font: 22px Helvetica, sans-serif; color: #636363; line-height:24px; } .subHeaderOR { font:bold 12px Helvetica, sans-serif; color: #f15a22; line-height:16px; letter-spacing:.1em; } .subHeaderWH { font:bold 12px Helvetica, sans-serif; color: #ffffff; line-height:16px; letter-spacing:.1em; } .subHeaderGREY { font:bold 12px Helvetica, sans-serif; color: #636363; line-height:18px; letter-spacing: 0.5px; float:right; text-align: right; width: 300px; margin-right:5px;} .subHeaderDRK { font:bold 12px Helvetica, sans-serif; color: #404040; line-height:18px; } .quoteOR { font: 16px Helvetica, sans-serif; color: #f15a22; line-height:20px; } .quoteGR { font: 16px Helvetica, sans-serif; color: #636363; line-height:20px; } .quoteWH { font: 16px Helvetica, sans-serif; color: #ffffff; line-height:20px; } .financeOR { font: 20px Helvetica, sans-serif; color: #f15a22; line-height:30px; font-weight: normal; } .financeWH { font: 20px Helvetica, sans-serif; color: #ffffff; line-height:30px; font-weight: normal; } .financeGR { font: 20px Helvetica, sans-serif; color: #636363; line-height:30px; font-weight: normal; } .financeSM_O { font: 9px Helvetica, sans-serif; color: #f15a22; line-height:9px; } .financeSM_W { font: 10px Helvetica, sans-serif; color: #ffffff; line-height:18px; font-weight: lighter; } .smallText { font: 10px Helvetica, sans-serif; color: #f15a22; line-height:18px; } .smallgreyText{ font: 10px Helvetica, sans-serif; color: #636363; line-height:18px; } .smallwhiteText { font: 10px Helvetica, sans-serif; color: #ffffff; line-height:18px; } .mediumdarkText { font: 12px Helvetica, sans-serif; color: #404040; line-height:2px; font-weight: bold; } .pageText { font: 12px Helvetica, sans-serif; color: #404040; line-height:20px; text-decoration: none; } .pageTextGR { font: 12px Helvetica, sans-serif; color: #636363; line-height:20px; text-decoration: none; } .pageTextW { font: 12px Helvetica, sans-serif; color: #ffffff; line-height:20px; text-decoration: none; } .pageTextOR { font: 12px Helvetica, sans-serif; color: #f15a22; line-height:20px; text-decoration: none; } /* Odd Caption Styles */ .colouroptions { float:left; margin-top: 130px; margin-bottom: 10px; margin-left:35px; height: auto; width: auto; } .swatchtext { float:left; height: auto; width: 400px; } .pageThird{ font: 14px Helvetica, sans-serif; color: #404040; line-height:18px; font-weight: 300; } /* Link Styles */ a.Title-OR { color: #f15a22; line-height:30px; font-weight: normal; font-family: Helvetica, sans-serif; font-size: 20px; text-decoration: none; margin-top: 15px; margin-left: 5px; } a.Title-OR:hover { color: #404040; text-decoration: underline;} a.Title-Side-OR { color: #f15a22; line-height:50px; font-weight: normal; font-family: Helvetica, sans-serif; font-size: 20px; text-decoration: none; margin-top: 15px; margin-left: 5px; } a.Title-Side-OR:hover { color: #404040; text-decoration: underline;} a.Title-WH { color: #ffffff; line-height:30px; font-weight: normal; font: 20px Helvetica, sans-serif; text-decoration: none; margin-top: 15px; margin-left: 5px; } a.Title-WH:hover { color: #f15a22; text-decoration: underline;} a.Title-WH-O { color: #ffffff; line-height:30px; font-weight: normal; font: 20px Helvetica, sans-serif; text-decoration: none; margin-top: 15px; margin-left: 5px; } a.Title-WH-O:hover { color: #404040; text-decoration: underline;} a.number-link { color: #f15a22; line-height:30px; font-weight: bold; font-family: Helvetica, sans-serif; font-size: 14px; text-decoration: none; margin-top: 15px; margin-left: 5px; } a.number-link:hover { color: #404040; text-decoration: underline;} a.number-link12 { color: #f15a22; line-height:20px; font-weight: normal; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: none; } a.number-link12:hover { color: #404040; text-decoration: underline;} a.swatch-link12 { color: #404040; line-height:20px; font-weight: normal; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; } a.swatch-link12:hover { color: #FFFFFF; text-decoration: underline;} a.tech-link12 { color: #404040; line-height:20px; font-weight: normal; font-family: Helvetica, sans-serif; font-size: 12px; text-decoration: underline; } a.tech-link12:hover { color: #f15a22; text-decoration: underline;} #view-our-gallery { width:784px; height:40px; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 40px; color: #f15a22; background-image:url(images/view-gallery.jpg); }