@charset "UTF-8";
/* CSS Document */

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


body{ font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; }
h1{ font-weight:400; }
h2{color:#61a1e4; font-weight:400;}


#container{width:1024px; height:auto; margin:auto; border-left:1px solid #000000; border-right:1px solid #000000;}

#header{width:1024px; height:154px; background-image:url(../images/header.jpg); background-repeat:no-repeat; position:relative;}

.logo{
	display:block;
	width:192px;
	height:144px;
	cursor:pointer;
	border: 0px;
	position:absolute;
	top:4px;
	left:23px;
}
.logo span{display:none;}

.topmenu{
	display:block;
	width:107px;
	height:15px;
	cursor:pointer;
	border:0px;
	position:absolute;
	top:10px;
	left:887px;
	font-size:12px;
	padding:5px;
	color:#FFFFFF;
	text-align:center;
}

.topmenu a{ color:#FFFFFF; text-decoration: none}
.topmenu a:link {text-decoration: none}
.topmenu a:visited {text-decoration: none}
.topmenu a:active {text-decoration: none}
.topmenu a:hover {text-decoration: underline}


#nav{width:1024px; height:32px; background-image:url(../images/menubar.gif); background-repeat:repeat-x;}



/*Homepage*/

#home-body{width:1024px; height:auto; background-color:#000000;  }

.bannerimage{ height:311px; width:569px;  float:left; background-image:url(../images/banner.jpg); background-repeat:no-repeat; }

.home-text {display:block; height:311px; width:396px;  float:left; background-image:url(../images/button-requestinfo.gif); background-repeat:no-repeat;  background-position:80px 260px;  cursor:pointer; color:#c9c7c7; font-size:12px;text-align:center;  }
.home-text a{ text-decoration:none;}
.home-text:link{text-decoration:none; color:#c9c7c7; }
.home-text:visited{text-decoration:none; color:#c9c7c7;}
.home-text:active{text-decoration:none; color:#c9c7c7;}
.home-text:hover{ background-position:-394px  260px;  }
.home-text h1{ font-size:35px; color:#c9c7c7; margin-bottom:10px;}
.home-text h2{ font-size:24px; font-style:italic;  margin-top:10px;}


.home-categories{float:left; padding:42px; height:357px; width:428px; text-align:center; color:#c9c7c7; font-size:12px; line-height:1.75em;}

.home-categories h1{ font-size:26px; color:#c9c7c7; margin:0px; margin-bottom:5px; }
.home-categories h1 a{ text-decoration:none;  color:#c9c7c7; }
.home-categories h1 a:linked{ text-decoration:none;  color:#c9c7c7; }
.home-categories h1 a:visited{ text-decoration:none; color:#c9c7c7; }
.home-categories h1 a:hover{ text-decoration:underline; color:#c9c7c7; }

.home-categories h2{ font-size:18px;  margin-top:0px; margin-bottom:10px;}

.button-home {display:block; height:auto; width:241px; text-align:center; font-size:13px; font-weight:bold; color:#FFFFFF; padding-top:5px; padding-bottom:5px; background-image:url(../images/button-home.gif);  background-position:left; text-decoration:none; margin:auto;}
.button-home:link {text-decoration: none;  color:#FFFFFF;}
.button-home:visited {text-decoration: none;  color:#FFFFFF;}
.button-home:active {text-decoration: none;  color:#FFFFFF;}
.button-home:hover {text-decoration: underline;  color:#FFFFFF; background-position:right}


.galleryhome{border:8px solid #fff; margin-bottom:10px; height:auto; width:auto;  }


/*End Homepage*/

#body{width:1024px; height:400px;  }

.left{float:left; width:600px; height:auto;}

.right{float:left; width:200px; height:auto;}

.clear{clear:both;}


.table-w-product-display{ font-size:12px; }

.table-w-product-display td {border-bottom:1px dotted #bcd5f2; vertical-align:middle;}
.table-w-product-display img { padding:10px;}
.table-w-product-display a {font-size:14px;}


/*Inside Pages*/


#inside-body{width:1024px; height:auto; background-color:#d9e8fa ; line-height:1.75em; position:relative;  }

#left-menu-bar{ display:block; width:210px; padding-left:20px;  padding-top:20px; float:left; color:#034999; }
#left-menu-bar ul { list-style-type:none; padding-left:0px; font-weight:bold; line-height:1.5em;}
#left-menu-bar ul a{color:#034999; text-decoration:none;}
#left-menu-bar ul a:visited{ color:#034999; text-decoration:none;}
#left-menu-bar ul a:active{ color:#034999; text-decoration:none;}
#left-menu-bar ul a:hover{ color:#034999; text-decoration:underline;}


#left-menu-bar ul li {padding-left:10px; font-weight:normal; font-size:12px;}
#left-menu-bar ul li a{color:#034999; text-decoration:none;}
#left-menu-bar ul li a:visited{ color:#034999; text-decoration:none;}
#left-menu-bar ul li a:active{ color:#034999; text-decoration:none;}
#left-menu-bar ul li a:hover{ color:#034999; text-decoration:underline;}



#inside-right{width:751px; min-height:600px; padding:20px;  background-color:#FFFFFF; float:left; position:relative;}
#inside-right h1{ font-size:38px; line-height:1.20em;}
#inside-right h2{ font-style:italic;}

#sidemenu-edit1{height:auto; width:auto}
#sidemenu-edit2{height:auto; width:auto}
#sidemenu-edit3{height:auto; width:auto}
#sidemenu-edit4{height:auto; width:auto}


/*Gallery Frame*/
.gallerybox{height:auto; width:391px; position:relative; background-image:url(../images/frame1-bg.gif); background-repeat:repeat-y; float:left; border:0px;}
.gallerytop{height:32px; width:391px; background-image:url(../images/frame1-top.gif); border:0px;}
.galleryframe{height:495px; width:326px; margin-left:32px;}
.gallerybottom{height:31px; width:391px; background-image:url(../images/frame1-bottom.gif); border:0px;}

/**/


/*Tables*/
.skylight-table{ height:auto; width:auto;}
.skylight-table table{ border:1px solid #93b5e3; font-size:12px;}
.skylight-table-TR1 { background-color:#93b5e3; font-weight:bold; color:#FFFFFF; text-align:center; vertical-align:middle; }
.skylight-table table td { border-bottom:1px solid #93b5e3; border-right:1px solid #93b5e3;}



/*Download Logo*/
.download{position:absolute; top:20px; right:15px; height:55px; width:100px; }
.pdf{display:block; background-image:url(../images/pdf.gif); background-repeat:no-repeat; height:49px; width:48px; float:left;}

.pdf-details{display:block; background-image:url(http://www.skylightsusa.com/images/pdf-details.gif); background-repeat:no-repeat; height:55px; width:48px; float:left;}
.pdf-specs{display:block; background-image:url(http://www.skylightsusa.com/images/pdf-specs.gif); background-repeat:no-repeat; height:55px; width:48px; float:left;}

.autocad{display:block; background-image:url(http://www.skylightsusa.com/images/autocad.gif); background-repeat:no-repeat; height:49px; width:48px; float:right;}

/**/

/*Secondary Links Area */
.secondarylinkarea{font-size:11px; width:auto; height:auto; margin-top:10px; padding-top:10px; border-top:1px dotted #bcd5f2; clear:both;}


.clear{clear:both;}

/*End inside pages*/

#footer{width:974px; height:310px; margin:auto; position:relative; color:#8cbcee; background-image:url(../images/footer.gif); background-repeat:repeat-x; padding-left:50px;  font-size:11px; padding-top:70px; background-position:0px 0px; font-weight:400; }

.footer-column{ float:left; min-width:75px; padding-right:50px; height:auto;}
.footer-column ul {font-size:16px; color:#fcfcfc; list-style:none; line-height:1.25em; padding:0px; margin:0px; }
.footer-column ul span {display:block; margin-bottom:10px; height:auto; width:auto;}
.footer-column ul li{ font-size:11px;  }
.footer-column ul li a{ color:#8cbcee; text-decoration:none;}
.footer-column ul li a:link{ color:#8cbcee;}
.footer-column ul li a:visited{ color:#8cbcee;}
.footer-column ul li a:active{ color:#8cbcee;}
.footer-column ul li a:hover{ text-decoration:underline;}


#footer a {text-decoration:none; color:#8cbcee;}
#footer a :link {text-decoration:none; color:#8cbcee;}
#footer a:visited {text-decoration:none; color:#8cbcee;}
#footer a:active {text-decoration:none; color:#8cbcee;}
#footer a:hover {text-decoration:underline; color:#8cbcee;}


.sitemapbox{display:block; float:left; width:620px; height:30px;}


.icon{display:block; float:left; height:auto; width:133px; height:63px; border:0px; background-image:url(../images/icon.gif); background-position:top left; background-repeat:no-repeat; }
.icon a:link {text-decoration:none;}
.icon a:visited {text-decoration:none;}
.icon a:active {text-decoration:none;}
.icon a:hover {text-decoration:none;}
.icon span {display:none;}