body {
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000;
background-color: #ADB79B;
padding-top: 10px;
padding-bottom: 10px;
margin: 0 auto;
text-align: center;
width: 100%;
}

.bodyWrap {
width: 850px;
margin: 0 auto;
background-color: #ffffff;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 0px;
position: relative;
}

table#mainContent {
vertical-align : top;
text-align:left;
display:table;
width: 100%;
vertical-align: top;
}

table#mainContent td#middleColumn {
padding-left: 18px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: top;
text-align:left;
margin: 0 auto;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
width: 650px;
color: #444;
font-size: 65%;
line-height: 120%;}

table#mainContent td#leftColumn {
width : 180px;
padding: 0px;
padding-bottom: 10px;
margin: 0 auto;
vertical-align: top;
}

.leftColumnBox {
margin: 0 auto;
padding: 0px;
width: 100%;
vertical-align: top;
background-color: #F0F0D3;
text-align:left;
border: 1px solid #CFCFA5;
}

.leftColumnVendorBox {
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
vertical-align: top;
background-color: #Fff;
text-align:left;
border: 1px solid #F0F0D3;
}

.leftColumnVendorBoxContent {
padding: 5px;
margin: 0 auto;
width: 170px;
vertical-align: top;
background-color: #fff;
text-align:left;
}

ul.leftNav {
color: #999943;
margin-left: 16px;
padding-right: 5px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
}

ul.leftNav li{
font-weight: bold;
font-size: 75%;
line-height: 125%;
font-family : Arial, Helvetica, sans-serif;
color: #999943;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #CECEA4;
margin: 0 auto;
text-decoration: none;
}

ul.leftNav li a:visited,
ul.leftNav li a:link
{
color: #999943;
text-decoration: none;
}

ul.leftNav li a:hover{
text-decoration: none;
background-color: #C7CFD7;
padding: 0px;
margin: 0 auto;
color: #fff;
}

html img {
border: 0;
}

.clearSpot {
clear : both;
height : 0.01em;
}
.clearSpacer { 
clear : both; 
height : 0.01em; 
} 
.clearSpacer3 { 
height : 3px; 
clear : both;  
} 
.clearSpacer5 { 
height : 5px; 
clear : both; 
}
.clearSpacer8 { 
height : 8px; 
clear : both; 
} 
.clearSpacer10 { 
height : 10px; 
clear : both;
}
.clearSpacer15 { 
height : 15px; 
clear : both;
}
.clearSpacer20 { 
height : 20px; 
clear : both;
}

a:link {
color: #3799E0; 
text-decoration: none;
} 
a:visited {
color: #3799E0; 
text-decoration: none;
}
a:active {
color: #3799E0;
text-decoration: none;
}
a:hover {
color: #B65492; 
text decoration: none;
}

.topMenuBox {
background-image: url(../images/topmenu_back.jpg);
width: 100%;
height: 54px;
padding: 0px;
margin: 0 auto;
margin-bottom: 5px;
text-align:center;
}

.topMenuText {
font-weight: bold;
color: #fff;
text-align: center;
padding: 5px;
margin: 0 auto;
font-size: 12px;
text-decoration: none;
}

.topMenuText a{
color: #fff;
text-decoration: none;
}

.topMenuText a:hover{
color: #B52A00;
text-decoration: none;
}

.breadcrumbsBox {
font-weight: bold;
color: #fff;
text-align: left;
font-size: 11px;
text-decoration: none;
position: absolute;
top: 155px;
left: 28px;
}

.breadcrumbsBox a{
font-weight: bold;
color: #fff;
font-size: 11px;
text-decoration: none;
}

.breadcrumbsBox a:hover {
font-weight: bold;
color: #B52A00;
font-size: 11px;
text-decoration: none;
}

p {
font-size: 100%;
}

p.normalSpacing {
margin-top: 5px;
padding-top: 0px;
}

h1, h2, h3, h4, h5, h6
{
font-family : verdana,arial,helvetica,sans-serif;
}

h2
{
margin-top:0px;
margin-bottom: .3em;
}

h3
{
margin-top:0px;
margin-bottom: .3em;
}

h4
{
margin-top:0px;
margin-bottom: .3em;
}

h5
{
margin: 0;
padding: 0;
}

/* ---Top Column Configuration--- */
.cartDisplayBox {
width: 220px;
float: right;
text-align: center;
}
.orangeContactBox {
background-image: url("../images/orangebase.png");
width: 210px;
height: 45px;
float: right;
margin-top: 5px;
font-weight: bold; 
font-size: 8pt; 
color: #7a7a7a; 
font-family: arial, helvetica, sans-serif;
text-align: left;
padding: 5px;
border: 1px solid #CFCFA5;
}

.cart {
width: 210px; 
float: right;
overflow: hidden;
}
.cartImage {
background-image: url("../images/cart.jpg");
width: 29px;
height: 27px;
float: left;
margin-top: 5px;
}
.cartInfo {
width: 168px; 
float: right;
margin-top: 12px;
}
.cartInfo a,.cartInfo a:link,.cartInfo a:visited,.cartInfo a:active {
color: #7a7a7a; 
text-decoration: none;
}
.cartInfo a:hover {
color: #da5903; 
text-decoration: underline;	
}

.creditCardDisplay {
width: 220px;
height: 30px;
float: right;
text-align: center;
padding: 0px;
margin: 0 auto;
margin-top: 10px;
background-image: url("../images/creditcards.jpg");
}

.logoBlock {
width: 100%;
padding: 10px;
height: 100px;
margin: 0 auto;
}

.sunscreenSlogan {
float: left; 
width: 365px; 
text-align: center;
padding-top: 20px;
margin-left: 45px;
}

.sunscreenPic {
background-image:url("../images/ecoGreenShadeLogo.gif");
float: left; 
width: 167px;
height: 100px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
}


.logoSun {
background-image: url("../images/no017a-cartoon-sun-set_04.png");
margin: 0 auto;
padding: 0px;
width: 116px;
height: 116px;
position: absolute; 
top: -5px; 
left: -10px; 
z-index: 1;
}

h2.logoText1 {
color: #00952F;
font-size: 24px;
font-weight: bold;
padding-bottom: 3px;
padding-top: 0px;
margin: 0 auto;
}

h2.logoText2 {
color: #BB944E;
font-size: 12px;
font-weight: bold;
padding-bottom: 3px;
margin: 0 auto;
}

h2.logoText3 {
color: #959595;
font-size: 11px;
font-weight: bold;
padding-bottom: 3px;
padding-top: 3px;
margin: 0 auto;
}

/* ---Footer Configuration--- */
.navSuppWrapper {
/*background-color: #ACAC53;*/
/*background-color: #D4A615;*/
/*background-color: #727966;*/
background-color: #D7E5BD;
text-align: center;
height: 2px;
width: 100%;
}

.bottomSelfHelp {
background-color: #F8F8F8;
/*background-color: #F7FCFE;*/
color: #356AA3;
padding: 5px;
margin: 0 auto;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #444;
font-size: 65%;
line-height: 120%;
text-align: center;
float: left;
}

ul.standardUL {
margin-left: 16px;
padding: 0px;
text-align: left;
margin-top: 3px;
}

.bottomAdTextLeft {
width: 120px;
float: left;
margin-right: 10px;
text-align: left;
}

.firstAddIcon {
background-image:url("../images/affordable-shade-ad.jpg");
width: 95px;
height: 85px;
margin-right: 5px;
float: left;
background-color: transparent;
}

.firstAddText {
width: 155px;
height: 85px;
margin-right: 10px;
padding: 0px;
float: left;
text-align: left;
}

.firstAddText a:visited,
.firstAddText a:link
{
color: #444;
text-decoration: none;
font-weight: bold;
}

.firstAddText a:hover{
text-decoration: none;
background-color: transparent;
padding: 0px;
margin: 0 auto;
color: #FF3300;
}

.secondAddIcon {
background-image:url("../images/energysmart-shades-ad.jpg");
width: 95px;
height: 85px;
margin-right: 5px;
float: left;
background-color: transparent;
}

.secondAddText {
width: 163px;
height: 85px;
margin-right: 10px;
padding: 0px;
float: left;
text-align: left;
}

.secondAddText a:visited,
.secondAddText a:link
{
color: #444;
text-decoration: none;
font-weight: bold;
}

.secondAddText a:hover{
text-decoration: none;
background-color: transparent;
padding: 0px;
margin: 0 auto;
color: #FF3300;
}

.thirdAddIcon {
background-image:url("../images/shutters-ad.jpg");
width: 95px;
height: 85px;
margin-right: 5px;
float: left;
background-color: transparent;
}

.thirdAddText {
width: 163px;
height: 85px;
padding: 0px;
float: left;
text-align: left;
}

.thirdAddText a:visited,
.thirdAddText a:link
{
color: #444;
text-decoration: none;
font-weight: bold;
}

.thirdAddText a:hover{
text-decoration: none;
background-color: transparent;
padding: 0px;
margin: 0 auto;
color: #FF3300;
}

.bottomAdTextRight {
width: 120px;
float: right;
text-align: left;
}

p.footerBreak {
margin: 0 auto;
padding: 0px;
margin-bottom: 10px;
line-height: 100%;
text-align: left;
}


h3.selfHelpHeaderLinks {
/*color: #ACA2BF;*/
color: #ggg;
font-size: 11px;
font-weight: bold;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.copyrightBottom {
float: left; 
text-align: center;
font-size: 65%;
width: 100%;
margin: 0 auto;
padding: 10px;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.selfHelpLinks {
margin: 0 auto;
padding-top: 10px;
padding-left: 10px;
padding-right: 25px;
width: 155px;
font-size: 65%;
float: left;
color: #7F7C6C;
text-align: left;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.selfHelpLinks ul
{
margin-left: 16px;
padding: 0;
margin-top: 3px;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.selfHelpLinks li 
{ 
COLOR: #7F7C6C; 
text-decoration: none;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}


.selfHelpLinks li a { 
COLOR: #7F7C6C; 
text-decoration: none;
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.selfHelpLinks li a:hover {
COLOR: #FF3300; 
text-decoration: none
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}



.ccardsAccepted {
background-image: url("../images/templa2.jpg");
width: 210px;
height: 40px;
float: left; 
margin-top: 15px; 
margin-right: 15px; 
margin-left: 10px;
padding: 0px;
}

.EquifaxLogo {
background-image: url("../images/equifax_logo.gif");
width: 113px; 
height: 40px;
float: left; 
margin-right: 15px; 
margin-top: 15px; 
padding: 0px;
}

.BBBonlineIcon {
background-image: url("../images/BBB_LOGO.jpg");
width: 106px;
height: 40px;
float: left; 
margin-right: 15px; 
margin-top: 15px; 
padding: 0px;
}

.SSLnotice {
background-image: url("../images/ssl.jpg");
width: 92px;
height: 40px;
float: left; 
margin-right: 15px; 
margin-top: 15px; 
padding: 0px;
}

.freightCarriers {
background-image: url("../images/FedEx-UPS-logo.jpg");
width: 114px;
height: 40px;
float: left; 
margin-right: 15px; 
margin-top: 15px; 
padding: 0px;
}

.contactusIcon {
background-image: url("../images/contact-us-icon.gif");
width: 114px;
height: 40px;
float: left; 
margin-top: 15px; 
padding: 0px
}

h2.productTitleBox {
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 0px;
margin-top: 5px;
padding: 5px;
background-color: #fff;
font-weight: bold;
font-size: 75%;
color: #1C5360;
border: 1px solid #D1D1A9;
}


.spaceFillerHeader {
font-weight: bold;
color: #fff;
text-align: left;
font-size: 11px;
text-decoration: none;
position: absolute;
top: 155px;
left: 144px;
}

h2.vendorTitleBox {
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
background-color: #fff;
font-weight: bold;
font-size: 75%;
color: #1C5360;
width: 0 auto;
padding: 0px;
}



.leftColumnTestimonialBox {
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
vertical-align: top;
background-color: #F0F0D3;
text-align:left;
border: 1px solid #CFCFA5;
}

.leftColumnTestimonialBoxContent {
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size: 65%;
padding: 5px;
margin: 0 auto;
width: 170px;
vertical-align: top;
text-align:left;
}

h2.testimonialTitleBox {
font-family : Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 120%;
color: #1C5360;
width: 0 auto;
padding: 0px;
}


.prestigeSheerweave {
background-image:url("../images/Presitge-Sheerweave.gif");
width: 170px;
height: 40px
}

.BW-HorizonShades {
background-image:url("../images/BW-HorizonShades.gif");
width: 170px; 
height: 40px;
}

.Comfortex-EcoGreen {
background-image:url("../images/Comfortex-EcoGreen.gif");
width: 170px; 
height: 40px
}


.testimonialIcon {
background-image:url("../images/testimonials_icon100.gif");
width: 42px; 
height: 40px;
float: left; 
}

.ComingSoonIcon {
background-image:url("../images/comingsoonTest.gif");
width: 75px; 
height: 52px;
float: left;
margin-left: 15px;
}