div.catProductImage {
width: 100px; 
float: left; 
margin-right: 10px;
}

div.ProdDescCatPage {
width: 450px; 
float: left;
text-decoration: none;
}

div.catProductDescText { 
float: left; 
margin-right: 10px;
}

ul.prodFeatureListCatPage {
margin-left: 16px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#priceBlock {
text-align: left; 
width: 684px; 
height: 30px;
margin: 0px 0px 5px 0px;
padding: 0px; 
color: #fff;
background-color: #679966;
background-image: url("../images/quick-quote-backing.png");
background-repeat: no-repeat;
font-weight: bold;
text-transform: uppercase;
font-size: 100%;
}

#priceBlock select {
border: none;
font-size: 10px;
padding: 0px;
margin-top: 7px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

.priceDropDowns {
width: 267px;
background-color: transparent;
margin-top: 10px;
margin-left: 0px;
float: left;
padding-top: 5px;
border: none;
}

.prodQuickQuote {
width: 327px;
float: right;
margin-right: 10px;
margin-top: 14px;
height: 25px;
}

.updateButton {
width: 112px;
height: 24px;
float: right;
margin-right: 3px;
margin-top: 3px;
}


.formBoxCatpage {
margin: 0px;
padding: 0px;
height: 18px;
width: 674px;
margin-left: 10px;
}

div.catProduct {
padding:10px 0;
border-bottom: 2px solid #E2E2E4;
overflow:hidden;
width: 684px;
text-align: left;
margin-top: 0px;
}

.titleCategoryPage {
border-bottom: 1px dashed #ccc;
font-family: Verdana;
font-size: 11px;
color: #3A312A;
font-weight: bold;
padding-bottom:3px;
line-height: normal;
text-decoration: none;
margin: 0px 0px 5px 0px;
}

.titleCategoryPage a:visited {
color: #668199;
text-decoration: none;
}

.titleCategoryPage a:hover {
color: #FF3408;
text-decoration: none;
}

.titleCategoryPage a:active {
color: #668199;
text-decoration: none;
}

div.catProductPrice {
width: 90px; 
float: right;
margin-left: 10px;
text-align: center;
padding-right: 3px;
height: 100px;
/*background-image: url("../images/cat-infobottomback.png");
*/
background: #eee;
}

div.catPriceBox {
text-align: center;
font-weight: bold;
color: #5C905B;
font-size: 14px;
padding: 0px;
font-family: verdana;
margin: 10px 0px 20px;
}

div.catPriceButton {
text-align: right;
}


.lightFilteringPic {
background-image: url("../images/lfbacking.gif");
width: 684px;
height: 158px;
margin-bottom: 5px;
}


.lfAnnouncementText {
width: 390px;
float: right;
padding: 5px;
margin-top: 67px;
color: #fff;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}

.blackoutPic {
background-image: url("../images/BObacking.gif");
width: 684px;
height: 158px;
margin-bottom: 5px;
}

.blackoutAnnouncementText {
width: 390px;
float: right;
padding: 5px;
margin-top: 75px;
color: #fff;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}

.announcementText {
width: 440px;
float: right;
padding: 5px;
margin-top: 47px;
color: #fff;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}

.starburstArchPic {
background-image: url("../images/arch-backing.jpg");
width: 684px;
height: 158px;
margin-bottom: 5px;
color: #fff;
}

.starburstArchDesc {
float: right;
color: #fff;
margin-top: 87px;
padding: 5px;
width: 484px;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}

.OvationCoverPic {
background-image: url("../images/ovationSlider-MainPage.gif");
width: 684px;
height: 158px;
margin-bottom: 5px;
color: #fff;
}

.ovationSliderDesc {
float: right;
color: #fff;
margin-top: 84px;
padding: 5px;
width: 488px;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}

.OvationBOCoverPic {
background-image: url("../images/BO-ovation-cellular-slider.gif");
width: 684px;
height: 158px;
margin-bottom: 5px;
color: #fff;
}

.OvationLFCoverPic {
background-image: url("../images/LF-ovation-cellular-slider.gif");
width: 684px;
height: 158px;
margin-bottom: 5px;
color: #fff;
}

.ovationSliderDesc2 {
float: right;
color: #fff;
margin-top: 81px;
padding: 5px;
width: 388px;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}

.baclonyCoverPic {
background-image: url("../images/balconySkylight-MainPage.gif");
width: 684px;
height: 158px;
margin-bottom: 5px;
color: #fff;
}

.balconySkylightDesc {
float: right;
color: #fff;
margin-top: 84px;
padding: 5px;
width: 548px;
font-family: verdana;
font-size: 11px;
font-weight: bold;
}




h2.archtopShades {
font-weight: bold;
font-size: 12px;
font-family: verdana;
padding: 0px;
margin: 0px;
}

h2.announcement {
font-family: verdana;
color: #668199;
font-weight: bold;
font-size: 11px;
margin: 10px 0px 0px 0px;
padding: 0px;
}

div.catPriceButton {
float: right;
width: 87px;
height: 18px;
margin: 0px;
padding: 0px;
text-align: center;
}



.colorsPricesSpecs {
background-image: url(../images/more-info.png);
width: 87px;
height: 18px;
margin: 0 auto;
padding: 0px;
float: left;
}

.colorsPricesSpecs a {
background-image: url(../images/more-info.png);
width: 87px;
height: 18px;
margin: 0 auto;
padding: 0px;
float: left;
}

.colorsPricesSpecs a:hover {
background-image: url(../images/more-infoHover.png);
width: 87px;
height: 18px;
margin: 0 auto;
padding: 0px;
float: left;
}

.CTXlightFilteringPic {
background-image: url("../images/LF-CTX-Cover.gif");
width: 684px;
height: 209px;
margin: 0 auto;
padding: 0px;
float: left;
}

.slumberBOPic {
background-image: url("../images/Slumber-Cellular-Shades.gif");
width: 684px;
height: 192px;
margin: 0 auto;
padding: 0px;
float: left;
}


.comfortrackProductDesc {
text-align: left;
padding: 5px;
margin: 0 auto;
font-weight: bold;
font-family: Verdana;
font-size: 11px;
margin-top: 138px;
color: #fff;
}

.categoryTitleCatCTXPage {
margin: 0px;
padding: 0px;
}

h2.CtxIntroHeader {
font-weight: bold;
margin: 0 auto;
padding: 5px 0px 0px 5px;
color: #444;
font-size: 18px;
}
.hardwareImage a {position: relative; text-decoration: none}
.hardwareImage a span {display: none}
.hardwareImage a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding: 8px;
    bottom:-70px;
	right:30px;
    border:1px solid #000;
    background-color:#fff;
	color:#000;
    text-align: center;
	z-index: 999;  
}

h2.keyDifferences {
color: #fff;
font-size: 12px;
padding: 8px 0px 0px 5px;
margin 0 auto;
}

.skylightsHover td {vertical-align: top}
.skylightsHover td h3 {margin-top: 0}
.skylightsHover td a {position: relative; text-decoration: none}
.skylightsHover td a span {display: none}
.skylightsHover td a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding: 8px;
    bottom:-15em; left:5em; width:15em;
    border:1px solid #000;
    background-color:#fff; color:#000;
    text-align: center;
    width: 550px;
	z-index: 999;  
}

.catPageLineStyle {
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #E2DEDD;
}