#banner { DISPLAY: block; BACKGROUND: url(homepage.jpg) #ffffff no-repeat left top; WIDTH: 914px; POSITION: relative; HEIGHT: 407px } #banner .background { DISPLAY: block; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px } #banner .rollover { DISPLAY: none; Z-INDEX: 10; LEFT: 0px; POSITION: absolute; TOP: 0px } #banner .headers { Z-INDEX: 2; WIDTH: 440px; PADDING-TOP: 50px; POSITION: relative } #banner .title { CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; CURSOR: default; COLOR: white; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 58px; BACKGROUND-COLOR: #ff5800 } #banner .title IMG { MARGIN-TOP: -14px } #banner .first { OVERFLOW: hidden; HEIGHT: 68px } #banner .first IMG { MARGIN-TOP: -4px } #banner .subtitle { CLEAR: left; PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 22px; FONT-WEIGHT: normal; FONT-SIZE: 16px; FLOAT: left; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; CURSOR: default; COLOR: black; PADDING-TOP: 2px; POSITION: relative; BACKGROUND-COLOR: white } #hp-promos { Z-INDEX: 50; RIGHT: -1px; FLOAT: right; WIDTH: auto; POSITION: absolute; TOP: 32px; HEIGHT: auto } #hp-promos .promo { RIGHT: 0px; POSITION: absolute; TOP: 0px } #hp-promos .corners { DISPLAY: block; WIDTH: auto; POSITION: relative; HEIGHT: auto } .hp-promo-wrapper { BACKGROUND: #fff; FLOAT: right; MARGIN: 3px 0px 3px 3px; WIDTH: auto; HEIGHT: auto } #hp-promos .corner-LT { BACKGROUND: url(/images/Corners/corner-LT.png) no-repeat left top; LEFT: 0px; WIDTH: 6px; LINE-HEIGHT: 6px; POSITION: absolute; TOP: 0px; HEIGHT: 6px } #hp-promos .corner-LB { BACKGROUND: url(/images/Corners/corner-LB.png) no-repeat left bottom; LEFT: 0px; WIDTH: 6px; BOTTOM: 0px; LINE-HEIGHT: 6px; POSITION: absolute; HEIGHT: 6px } #hp-promos .border-T { BACKGROUND: url(/images/Corners/border-T.png) repeat-x left top; LEFT: 3px; WIDTH: auto; LINE-HEIGHT: 3px; POSITION: absolute; TOP: 0px; HEIGHT: 3px } #hp-promos .border-B { BACKGROUND: url(/images/Corners/border-B.png) repeat-x left bottom; LEFT: 3px; WIDTH: auto; BOTTOM: 0px; LINE-HEIGHT: 3px; POSITION: absolute; HEIGHT: 3px } #hp-promos .border-L { BACKGROUND: url(/images/Corners/border-L.png) repeat-y left top; LEFT: 0px; WIDTH: 3px; POSITION: absolute; TOP: 3px; HEIGHT: auto } #hp-promos IMG { FLOAT: left } #hp-promos .txt { PADDING-LEFT: 15px; FLOAT: left } #hp-offerings { PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 25; LEFT: 0px; PADDING-BOTTOM: 6px; BOTTOM: -5px; PADDING-TOP: 6px; POSITION: absolute; } #hp-offerings .offering { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; HEIGHT: 97px; } #hp-offerings .offering .left { FLOAT: left; WIDTH: 101px; HEIGHT: 97px } #hp-offerings .selected .left { BACKGROUND-COLOR: white } #hp-offerings .selected .left IMG { MARGIN: 1px; WIDTH: 99px; HEIGHT: 95px } #hp-offerings .offering .right { PADDING-RIGHT: 15px; BACKGROUND-POSITION: left top; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(/images/backgrounds/shadow.png); PADDING-BOTTOM: 10px; MARGIN-LEFT: 101px; OVERFLOW: hidden; WIDTH: 185px; PADDING-TOP: 7px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 80px; BACKGROUND-COLOR: white } #hp-offerings .offering .right .fontimage { MARGIN-BOTTOM: -2px } #hp-offerings .selected .normal { DISPLAY: none } #hp-offerings .offering .selected { DISPLAY: none } #hp-offerings .selected .selected { DISPLAY: block } #hp-offerings .offering .right .name { FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-TRANSFORM: uppercase } #hp-offerings .offering .right .subtitle { TEXT-TRANSFORM: uppercase } #hp-offerings .offering .right { COLOR: white } #hp-offerings .offering .right A { COLOR: white }