@charset "UTF-8"; /* CSS Document */ body {background-image:url(images/bg.gif); background-repeat: repeat-x; margin:0px auto; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#007fc3} a {text-decoration:none} a:hover {text-decoration:underline} .title {font-size:15px; font-weight:bold; color:#000000; margin:0px 0 5px 0} #home {background-image:url(images/bg-home-family.jpg); background-repeat:no-repeat; width:990px; height:525px; margin:0px auto; padding:0px} #home #logo {padding:10px 10px 0 30px} #home #logo h1 {margin:0px; padding:0px} #home #nav {float:right; width:700px; color:#FFFFFF; font-size:11px; padding-top:8px; text-align:right} #home #nav ul {list-style:none} #home #nav li {display:inline; padding-right:20px} #home #nav li img {margin-right:5px} #home #nav li a {color:#FFFFFF;} #home #nav #numbers {font-family:arial; font-size:27px; color:#FFFFFF; text-align:right; padding:5px 20px 47px 0;font-weight:bold} #home #nav #numbers strong {color#FFFFFF; font-size:18px} #home #headline {width:800px; padding:21px 0 0 50px; height:335px} #home #headline h1 {font-size:24px; font-weight:bold; color:#cee4fc; padding:40px 0 15px 0; margin:0px} #home #headline h2 {font-size:20px; color:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; margin:0px} #home #headline #call {font-size:21px; font-weight:bold; color:#FFFFFF; padding:0 0 10px 0} #home #headline label {font-size:18px; color:#FFFFFF;} #home #headline p {font-size:10px; color:#FFFFFF; } #home #headline ul {list-style:none; font-style:11px; padding:0px 0 0 0; margin:0px} #home #headline li {display:inline; padding-right:20px} #home #headline li img {margin-right:5px} #home #headline li a {font-size:11px} #home #button {height:100px; padding-top:20px} #home #local {font-size:9px; width:700px; text-align:right; color:#FFFFFF; padding:0px 0 0 260px; } #homeContent {background-image:url(images/bg-body.gif); background-repeat:repeat-y; width:990px; margin:0px auto; padding:0px 0 0 0; overflow:hidden; height:1220px} #homeContent a {color:#009900} #homeContent #subTitle {width:900px; padding:0 0 20px 50px; margin:0px; text-align:center} #homeContent #subTitle h5 {padding:0px; margin:0px} #homeContent #homeLeft {background-image:url(images/bg-homeleft.gif); width:370px; background-repeat:repeat-y; padding:0px 30px 0 40px; margin-left:6px; font-size:12px; overflow:hidden; float:left} #homeContent #homeLeft h3 {font-size:15px; font-weight:bold; color:#0053b8; margin:0px 0 15px 0} #homeContent #homeLeft h3 strong {color:#02377a} #homeContent #homeLeft h1 {font-size:26px; font-weight:bold; color:#ff0114; margin:0px 0 5px 0} #homeContent #homeLeft h2 {font-size:36px; font-weight:bold; color:#000000; margin:0px 0 15px 0} #homeContent #homeLeft h4 {font-size:18px; font-weight:bold; color:#000000; margin:0px 0 15px 0; color:#0053b8} #homeContent #homeLeft h4 strong {color:#02377a} #homeContent #homeLeft ul {margin:0px; padding:0 0 5px 20px} #homeContent #homeLeft li {padding-bottom:10px} #homeContent #homeLeft ul.bullets {margin:10px 0px 0px 135px} #homeContent #homeLeft ul.bullets li {padding-bottom:4px} #homeContent #homeLeft td.blueHD {color:#FFFFFF; font-size:28px; text-align:center; font-weight:bold; background-color:#3366CC} #homeContent #homeLeft td.blueHD h1 {color:#FFFFFF; font-size:28px;} #homeContent #homeLeft td.subHD {color:#333333; font-size:18px; text-align:center; font-weight:bold;} #homeContent #homeLeft td.subHD h5 {color:#333333; font-size:18px; padding:0px; margin:0px} #homeContent #homeLeft table.coupon {border: dotted #CCCCCC 5px} #homeContent #homeLeft td.coupon {border: dotted #CCCCCC 5px} #homeContent #homeLeft td.phoneNumber {color:#FF0000; font-size:30px; font-weight:bold; text-align:center} #homeContent #homeLeft td.free {color:#000000; font-size:14px; font-weight:bold; text-align:center; background-color:#FFFFCC} #homeContent #homeLeft td.free h2 {font-size:18px; margin:0px; padding:10px 0} #homeContent #homeRight {float:right; width:480px; padding:0px 40px 0 0; font-size:12px} #homeContent #homeRight p.phoneNumber {font-size:14px} #homeContent #homeRight h4 {font-size:14px; font-weight:bold; color:#0053b8; margin:0px 0 15px 0} #homeContent #homeRight h4 strong {color:#02377a} #homeContent #homeRight #image {float:left; width: 175px} #homeContent #homeRight #callText { padding-top:0px; float:right; width:300px} #homeContent #homeRight li {padding-bottom:10px} #homeContent #homeRight #callText label {color:#e20000; font-size:12px; font-weight:bold; padding-bottom:5px} #homeContent #homeRight td.coupon {border: dotted #CCCCCC 5px; text-align:center; background-color:#FFFFCC; padding-bottom:30px} #homeContent #homeRight td.coupon h1 {padding:20px; margin:0px; font-size:28px} #homeContent #homeRight td.coupon h1 strong {font-size:20px} #homeContent #homeRight h5 {font-size:15px; font-weight:bold; color:#0053b8; margin:20px 0 15px 0} #homeContent #homeRight td.greenHD {color:#FFFFFF; font-size:28px; text-align:center; font-weight:bold; background-color:#009900} #homeContent #homeRight td.greenHD h1 {color:#FFFFFF; font-size:28px;} #homeContent #homeRight td.subHD {color:#333333; font-size:18px; text-align:center; font-weight:bold;} #homeContent #homeRight td.subHD h5 {color:#333333; font-size:18px; padding:0px; margin:0px} #homeContent #homeRight table.coupon {border: dotted #CCCCCC 5px; background-color:#EEEEEE} #homeContent #homeRight table.coupon h1 {font-size:30px} #homeContent #homeRight table.coupon strong {font-size:18px;} #homeContent #homeRight td.phoneNumber {color:#FF0000; font-size:30px; font-weight:bold; text-align:center} #homeContent #homeRight td.free {color:#000000; font-size:14px; font-weight:bold; text-align:center; background-color:#FFFFCC} #homeContent #homeRight td.free h2 {font-size:18px; margin:0px; padding:10px 0} #orangecounty {margin:0px auto; position:absolute; top:1250px; width:980px; padding:0 5px} #orangecounty #text {padding:50px; width:800px; background-color:#e3f9fb; font-size:12px; margin:0 0 0 40px} #orangecounty #footer {width:900px; margin:0px auto; background-color:#c30020; color:#FFFFFF; font-size:11px; text-align:center; padding:30px 40px} #orangecounty #footer ul {list-style:none; margin:0px; padding:0px} #orangecounty #footer li {display:inline} #orangecounty #footer a {color:#FFFFFF} #orangecounty #copyRight {margin:0px auto; text-align:center; color:#FFFFFF; font-size:10px; padding:40px 20px; width:940px} /* Sub Page */ #sub {margin:0px auto; padding:0px} #sub #logo {padding:10px 10px 0 30px} #sub #logo h1 {margin:0px; padding:0px} #sub #subHeader {margin:0px auto;} #sub #subHeader #nav {float:right; width:700px; color:#FFFFFF; font-size:11px; padding-top:8px; text-align:right} #sub #nav #numbers {font-family:arial; font-size:27px; color:#FFFFFF; text-align:right; padding:5px 20px 47px 0;font-weight:bold} #sub #nav #numbers strong {font-size:18px} #sub #subHeader #nav ul {list-style:none} #sub #subHeader #nav li {display:inline; padding-right:20px} #sub #subHeader #nav li img {margin-right:5px} #sub #nav li a {color:#FFFFFF;} #sub .garageBG1 {background-image:url(images/bg-garagedoors2.jpg); background-repeat:no-repeat; width:990px; height:320px} #sub .garageBG2 {background-image:url(images/bg-garagedoors.jpg); background-repeat:no-repeat; width:990px; height:320px} #sub .garageBG3 {background-image:url(images/bg-garagedoors3.jpg); background-repeat:no-repeat; width:990px; height:320px} #sub .garageBG4 {background-image:url(images/bg-garagedoors4.jpg); background-repeat:no-repeat; width:990px; height:320px} #bodyContent {background-image:url(images/bg-body.gif); background-repeat:repeat-y; width:950px; margin:0px auto; padding:0px 0 40px 40px; overflow:hidden;} #bodyContent #subLeft {background-image:url(images/bg-homeleft.gif); width:350px; background-repeat:repeat-y; padding:0px; margin-left:6px; font-size:13px; overflow:hidden; float:left} #bodyContent a {color:#009900} #subHeader #mainNav {width:900px; padding:21px 0 0 50px} #subHeader #mainNav ul {list-style:none; font-style:11px; padding:0px 0 0 0; margin:0px} #subHeader #mainNav li {display:inline; padding-right:20px} #subHeader #mainNav li img {margin-right:5px} #subHeader #mainNav li a {font-size:11px} #bodyContent #subLeft h1 {font-size:22px; font-weight:bold; color:#0053b8; margin:0px 0 5px 0} #bodyContent #subLeft h1 strong {color:#02377a} #bodyContent #subLeft h2 {font-size:20px; font-weight:bold; color:#000000; margin:0px 0 15px 0} #bodyContent #opener {width:890px; font-size:13px; padding-left:5px; text-align:left} #bodyContent #opener h3 {font-size:24px; font-weight:bold; color:#0053b8} #bodyContent #opener h3 strong {color:#02377a} #bodyContent #opener label {font-size:21px; font-weight:bold; color:#ff0114} #bodyContent #opener label strong {color:#000000} #bodyContent #opener span {margin:0px; padding:0px} #bodyContent #opener td {font-size:11px} #bodyContent #opener2 {margin:0px auto; width:940px; font-size:13px; overflow:hidden} #bodyContent #opener2 #left {width:300px; background-image:url(images/bg-div-3col.gif); background-repeat:repeat-y; float:left; padding-left:10px; height:300px; font-size:11px} #bodyContent #opener2 #center {width:300px; background-image:url(images/bg-div-3col.gif); background-repeat:repeat-y; float:left; padding-left:10px; height:300px; font-size:11px} #bodyContent #opener2 #right {width:300px; float:left; padding-left:10px; font-size:11px} #bodyContent #opener3 {margin:0px auto; width:800px; font-size:13px; overflow:hidden; padding:0 60px 0 60px} #bodyContent #opener2 h4 {color:#CC3300; padding:0px; margin:0 0 5px 0; font-size:15px} #bodyContent #subRight {float:right; width:510px; padding:20px 30px 0 0; font-size:12px} #bodyContent #subLeft2 {float:left; width:530px; padding:0px 0px 0 0px; font-size:13px} #bodyContent #subLeft2 h1 {font-size:18px; font-weight:bold; color:#000000; margin:0px 0 5px 0} #bodyContent #subLeft2 h1.big {font-size:24px; font-weight:bold; color:#0053b8; margin:0px 0 5px 0} #bodyContent #subLeft2 h1.big strong {color:#02377a} #bodyContent #subLeft2 #breadCrumb {font-size:10px; padding-bottom:20px} #bodyContent #subLeft2 #breadCrumb a { color:#009900;} #bodyContent #subRight2 {float:right; width:360px; padding:20px 30px 0 0; text-align:center} #bodyContent #subRight2 h1 {font-size:21px; font-weight:bold; color:#ff0114; margin:0px 0 5px 0} #bodyContent #subRight2 h2 {font-size:30px; font-weight:bold; color:#000000; margin:0px 0 15px 0} #bodyContent #subWide {float:left; width:900px; padding:0px 0px 0 0px; font-size:13px} #bodyContent #subWide h1 {font-size:18px; font-weight:bold; color:#000000; margin:0px 0 5px 0} #bodyContent #subWide h1.big {font-size:28px; font-weight:bold; color:#000000; margin:0px 0 5px 0} #bodyContent #subWide #breadCrumb {font-size:10px; padding-bottom:20px} #bodyContent #subWide #breadCrumb a { color:#009900;} /* Product Page */ #bodyContent #greyBox {width:269px; font-size:11px; float:left;} #bodyContent #greyBox h1 {font-size:14px; color:#15529d; margin:20px 0 0 0; padding:0px} #bodyContent #greyBox h2 {font-size:16px; font-weight:bold; margin:0px; padding:0px} #bodyContent #greyBox h3 {font-size:16px; color:#15529d; margin:20px 0 10px 0; padding:0px; text-align:center} #bodyContent #greyBox h4 {font-size:18px; font-weight:bold; margin:0px; padding:0px; text-align:center} #bodyContent #greyBox li {padding-top:10px} #bodyContent #greyBox li a {font-size:14px} #bodyContent .height1 {height:815px; background-image:url(images/bg-greybox.gif); background-repeat:no-repeat; padding:30px} #bodyContent .height2 {width:269px; height:1640px; background-image:url(images/bg-greybox2.gif); background-repeat:no-repeat; padding:30px;} #bodyContent .height3 {width:269px; height:565px; background-image:url(images/bg-greybox3.gif); background-repeat:no-repeat; padding:30px;} #bodyContent .height4 {width:29px; height:1500px; background-image:url(images/bg-greybox4.gif); background-repeat:no-repeat; padding:30px 45px 0 25px} #bodyContent .height5 {width:269px; height:1343px; background-image:url(images/bg-greybox5.gif); background-repeat:no-repeat; padding:30px;} #bodyContent .height6 {width:269px; height:1040px; background-image:url(images/bg-greybox6.gif); background-repeat:no-repeat; padding:30px;} #bodyContent .height7 {width:269px; height:2440px; background-image:url(images/bg-greybox7.gif); background-repeat:no-repeat; padding:30px;} #bodyContent .height8 {width:269px; height:1940px; background-image:url(images/bg-greybox8.gif); background-repeat:no-repeat; padding:30px;} #bodyContent .height9 {width:269px; height:4240px; background-image:url(images/bg-greybox9.gif); background-repeat:no-repeat; padding:30px;} #bodyContent #productContent {width:530px; float:right; font-size:12px; padding-right:50px} #bodyContent #productContent h1 {font-size:18px; color:#15529d; margin:0px 0 0 0; padding:0px} #bodyContent #productContent h2 {font-size:24px; color:#8b6d52; margin:0px 0 0 0; padding:0px} #bodyContent #productContent h3 {font-size:24px; font-weight:bold; color:#0053b8; margin:0px 0 5px 0} #bodyContent #productContent h3 strong {color:#02377a} #bodyContent #productContent li {padding-bottom:4px} #bodyContent #productContent ul.hlayout {list-style:none} #bodyContent #productContent ul.hlayout li {display:inline} #bodyContent #productContent .panelCompare {font-size:11px; margin:0px auto} #bodyContent #productContent .panelCompare td.r {text-align:right} #bodyContent #productContent .section .availColor {float:left} #bodyContent #productContent .section .windowInsert {float:left; padding-right:20px} #bodyContent #productContent .section .designerLite {float:left; padding-right:20px} #bodyContent #productContent .section .handle {float:left; padding-right:20px} #bodyContent #productContent .section .hinge {float:left; padding-right:20px} #bodyContent #sitemap {font-size:12px; font-weight:normal} #bodyContent #sitemap ul {list-style:none} #bodyContent #sitemap li {padding-bottom:10px} #bodyContent #sitemap a {font-size:12px} #bodyContent #sitemap h2 {font-size:21px; font-weight:bold; color:#0053b8; margin:0px 0 5px 0} #bodyContent #sitemap h2 strong {color:#02377a} #bodyContent #sitemap .left {float:left; width:280px; padding-right:20px} #bodyContent #sitemap .center {float:left; width:280px; padding-right:20px} #bodyContent #sitemap .right {float:left; width:300px} #subFooter {margin:0px auto; width:980px; padding:0 5px} #subFooter #text {padding:50px; width:800px; background-color:#d6f0f3; font-size:12px; margin:0 0 0 40px} #subFooter #footer {width:900px; margin:0px auto; background-color:#c30020; color:#FFFFFF; font-size:11px; text-align:center; padding:40px} #subFooter #footer ul {list-style:none; margin:0px; padding:0px} #subFooter #footer li {display:inline} #subFooter #footer a {color:#FFFFFF} #subFooter #copyRight {margin:0px auto; text-align:center; color:#FFFFFF; font-size:10px; padding:40px 20px; width:940px} #custCodeTop {padding:23px 22px 0px 0px;}