
/* GENERAL 
---------------------------------------------------------------------------------------------------------------------------------------------------- */
body {
	background: #FCF5D8 url(./images/background.jpg) repeat-x scroll center top;
	font: 80% Arial, Helvetica, sans-serif;
	color: #000066;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 770px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

#content {
	margin: 0px;
	padding: 0px 0px 30px;
	float: right;
	width: 600px;
}
#content a {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	color: #990000;
}

.hidden p {position: absolute;left:-9999px;}


/* HEADER - common/header.html
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#nav2 {
	margin: 0px;
	padding: 0px 0px 20px;
	float: left;
	width: 120px;
	text-align: center;
}
#header-cards {position: absolute;background: url(./images/cards2.gif) no-repeat;width: 250px;height: 28px;left: 27px;top: -3px;}
#nav1 {position: relative;height: 155px;}
#nav1 p {width: 350px;font-size: 20px;font-weight: bold;color: #19397d;padding: 0 0 10px 320px;margin: 0px;}
#nav-menu {position: absolute;right: 23px;height: 25px;width: 600px;}

#nav1 ul li {margin: 0px;padding: 0px;height: 23px;width: 78px;float: left;}
#nav1a {background: url(./images/nav1a.gif) no-repeat scroll left top;}
#nav1b {background: url(./images/nav1b.gif) no-repeat scroll left top;}
#nav1c {background: url(./images/nav1c.gif) no-repeat scroll left top;}
#nav1d {background: url(./images/nav1d.gif) no-repeat scroll left top;}
#nav1e {background: url(./images/nav1e.gif) no-repeat scroll left top;}
#nav1f {background: url(./images/nav1f.gif) no-repeat scroll left top;}
#nav1g {background: url(./images/nav1g.gif) no-repeat scroll left top;}


#toplinks {background: url(./images/toplinks4.gif) no-repeat;margin: 40px 0 0 26px;width: 550px;height: 65px;}


#nav1 ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 50px;
	display: block;
}
#nav1 ul li a {
	text-indent: -5000px;
	display: block;
	border: none;
	height: 23px;
}

/* HEADER 2 (for survey/quote pages)
---------------------------------------------------------------------------------------------------------------------------*/
#nav1-2 {position: relative;height: 100px;}
#nav1-2 p {width: 350px;font-size: 20px;font-weight: bold;color: #19397d;padding: 0 0 10px 320px;margin: 0px;}
#nav1-2 ul li {margin: 0px;padding: 0px;height: 23px;width: 78px;float: left;}
#nav1-2 ul li a {height: 23px;}
#nav1-2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 50px;
	display: block;
}
#nav1-2 ul li a {
	text-indent: -5000px;
	display: block;
	border: none;
}


/* HOMEPAGE - index2.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#home h1 {
	background: url(images/homebigJUNE10.jpg) no-repeat scroll center center;
	/* CHANGE BACK TO (images/homebig3.gif) WHEN OFFER OVER */
	margin: 20px 0px 0px 0px;
	padding: 0px;
	height: 492px;
	width: 100%;
	text-indent: -5000px;
	display: block;
	cursor:pointer;
}
#home h1.new {
	background: url(images/homebig2-new.jpg) no-repeat scroll center center;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 335px;
	width: 100%;
	text-indent: -5000px;
	display: none;;
	cursor:pointer;
}
#home h4 {
	background: url(/images/front_page_offer_2006.gif) no-repeat scroll center top;
	margin: 30px 0px 0px;
	padding: 0px;
	height: 64px;
	width: 100%;
	text-indent: -5000px;
	display: block;
	cursor: pointer;
}
#home #body-copy h1 {text-indent:-999em;background:none;margin:0;padding:0;height:auto;cursor:default;}

#discount-banner {padding: 0 0 10px 26px;}
#flashlink {background: url(/images/homebuttons.jpg) no-repeat;height: 99px;margin: 0 0 0 22px;padding: 0 0 5px 0;}
#flashlink {position: relative;background: url(/images/homebuttons.jpg) no-repeat;height: 99px;margin: 0 0 0 22px;padding: 0 0 5px 0;}

#home-examplelink {position: absolute;left: 0px;cursor: pointer;display: block;width: 274px;height: 98px;padding: 0px;margin: 0px;}
#home-flashlink {position: absolute;right: 27px;cursor: pointer;display: block;width: 274px;height: 98px;padding: 0px;margin: 0px;}

.hometext {margin: 0 20px 0 22px;padding: 0 0 10px 0;}
#hometext-box {height: 200px;}
#hometext-text1 {background: url(/images/hometext1b.gif) no-repeat;width: 550px;height: 120px;margin-left: 22px;}
#hometext-lists {width: 590px;}
#hometext-left {float: left;background: url(/images/hometext2b.gif) no-repeat;width: 290px;height: 170px;margin: 0 0 0 18px;}
#hometext-right {float: right;background: url(/images/hometext3b.gif) no-repeat;width: 260px;height: 170px;margin: 0 5px 0 0;}

#home-aboutlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 20px 0 0 0;}
#home-aboutlink p {font-size: 1.5em;margin: 0px;padding-left: 160px;}


/* OUR PRODUCT - about-polycool.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#about {text-align: left;}
#about q {font-size: 1.6em;color: #FF0000;font-weight: bold;text-align: center;}

#aboutus1 {
	background: url(/images/reflects_solar_energy.gif) no-repeat scroll right top;
	margin: 0px;
	padding: 0px 120px 0px 0px;
	text-align: left;
	
}
.title-likeanoven {
	background: url(/images/cons_likeanoven_rh.gif) no-repeat scroll left top;
	height: 30px;
	text-indent: -5000px;
	margin-bottom: 10px;
}
.title-likeafreezer {
	background: url(/images/cons_like_freezer.gif) no-repeat;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 30px;
	text-align: left;
	text-indent: -5000px;
}

#aboutus2 {
	margin: 0px 0 10px;
	padding: 0px 0px 0px 160px;
	text-align: left;
	background: url(/images/99uvrays.gif) no-repeat scroll left top;
	
}
.title-blinded {
	background: url(/images/blinded_by_glare.gif) no-repeat scroll;
	text-align: left;
	text-indent: -5000px;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 30px;
}
.title-furniturefading {
	background: url(/images/furniture_fading.gif) no-repeat scroll left;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 31px;
	text-align: left;
	text-indent: -5000px;
}

#about-benefits-link {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 20px 0 0 0;}
#about-benefits-link p {font-size: 1.5em;margin: 0px;padding-left: 60px;}

/*
#aboutus3 {height: 410px;padding: 40px 0 10px 70px;}
.title-blindscompare {
	background: url(/images/product_compare.gif) no-repeat scroll left;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 30px;
	text-align: left;
	text-indent: -5000px;
}
#blindsvsinserts {
	background: #fff url(/layout/blackdot.gif) repeat-y scroll center top;
	margin: 5px 0 0 0;
	padding: 0 10px 5px 10px;
	border: 1px solid #000;
	text-align: left;
	width: 420px;
	height: 160px;
}
#blindsvsinserts ul#list1 {
	float: left;
	width: 48%;
}
#blindsvsinserts ul#list2 {
	float: right;
	width: 48%;
}
#blindsvsinserts p {
	clear: both;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	display: block;
}
#blindsvsinserts ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#blindsvsinserts2 {
	background: #fff url(/layout/blackdot.gif) repeat-y scroll center top;
	margin: 0px 0 20px 0;
	padding: 0 10px 5px 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	text-align: left;
	width: 420px;
	height: 160px;
}
#blindsvsinserts2 ul#list3 {
	float: left;
	width: 48%;
}
#blindsvsinserts2 ul#list4 {
	float: right;
	width: 48%;
}
#blindsvsinserts2 p {
	clear: both;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	display: block;
}
#blindsvsinserts2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
*/


#aboutus3 {height: 240px;padding: 40px 0 10px 0px;}
.title-blindscompare {
	background: url(/images/product_compare.gif) no-repeat scroll left;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 30px;
	text-align: left;
	text-indent: -5000px;
}
#about-compare {background: url(/images/compare-chart.gif) no-repeat;width: 523px;height: 150px;margin: 0 0 0 40px;}


#aboutus4 {}

#about h1 {
	background: url(/images/title-about.gif) no-repeat top right;
	height: 165px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid orange;
	line-height:267px;
}
#about h1 p {font-size: 1em;padding: 130px 0 0 0;margin: 0px;}

#about h1.newproductstitle {background: url(/images/title-newproducts.gif) no-repeat top right;
	height: 165px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid orange;}

/* QUESTIONS PAGE - conservatory-cooling-questions.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#questions {text-align: left;}
#questions ol {text-align: left;line-height: 1.6em;}
#questions ol a {color: #FF6600;font-weight: normal;}
#questions h1 {
	background: url(/images/title-questions.gif) no-repeat scroll top right;
	height: 180px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	text-align: left;
	border-bottom: 1px solid orange;
}
#questions h1 p {padding: 150px 0px 0px 0px;margin: 0px 0px 0px -10px;}
#questions h2 {
	font-size: 1.4em;
	margin: 20px 0px 0px;
	padding: 20px 0px 0px;
	border-top: 1px solid #F7E293;
	clear: both;
	font-weight: bold;
}
#questions-contactlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;}
#questions-contactlink p {font-size: 1.5em;padding: 0 0 0 80px;margin: 0px;}


/* CONSERVATOY STYLES & TYPES - conservatory-types-and-styles.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#types h1 {
	background: url(/images/title-type1.gif) no-repeat scroll top right;
	text-align: left;
	height: 150px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid orange;
}
#types h1 p {padding: 110px 0px 0px 0px;margin: 0px}
#types {text-align: left;}

.ctas-red1 {font-size: 1.2em;color: red;font-weight: bold;padding: 0 0 0 190px;}
.ctas-red2 {font-size: 1.2em;color: red;font-weight: bold;margin: 0 0 0 150px;}

#ctas-text1 {}
.ctas-image {width: 300px;margin: 0 0 0 30px;}
#ctas2 {border: 2px solid #ef3932;margin: 0 0 20px 0;}
#ctas-text2 {padding:3px;}
#ctas-text2 p {padding: 0 10px 0 10px;}
.title-conservatorystyles {
	font-size: 1.5em;
	text-align: left;
	background: #ef3932;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}

#ctas3 {border: 2px solid #ef3932;margin: 0 0 20px 0;}
#ctas-text3 {padding:3px;}
#ctas-text3 p {padding: 0 10px 0 10px;}
.title-measuringcon {
	font-size: 1.5em;
	text-align: left;
	background: #ef3932;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}
.title-measuringcon h2 {color: white;}

#ctas4 {border: 2px solid #ef3932;margin: 0 0 10px 0;}
#ctas-text4 {padding:3px;}
#ctas-text4 p {padding: 0 10px 0 10px;}
.title-measuringroofchannel {
	font-size: 1.5em;
	text-align: left;
	background: #ef3932;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}

#ctas5 {border: 2px solid #2d407f;margin: 0 0 10px 0;}
#ctas-text5 {padding:3px;}
#ctas-text5 p {padding: 0 10px 0 10px;}
.title-findingroofstyle {
	font-size: 1.5em;
	text-align: left;
	background: #2d407f;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}
#ctas-typicalimage {width: 400px;margin-left: 200px;}
#ctas-quotelink {padding-left: 50px;}

#types-types2link {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 0 0 10px 15px;width: 558px;}
#types-types2link p {font-size: 1.5em;padding: 0 0 0 125px;margin: 0px;}

#types2-typeslink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;float: left;}
#types2-typeslink p {font-size: 1.5em;padding: 0 10px 0 10px;margin: 0px;}

#types2-installationlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;float: right;}
#types2-installationlink p {font-size: 1.5em;padding: 0 10px 0 10px;margin: 0px;}



/* INSTALLATION - solar-control-insert-installation.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#installation h1 {
	background: url(/images/title-installation.gif) no-repeat top right;
	padding: 0px;
	text-align: left;
	margin: 0px;
	height: 190px;
	border-bottom: 1px solid orange;
}
#installation h1 p {font-size: 1em;padding: 150px 0 10px 0;margin: 0px;}

#installation {text-align: left;}

#installation1 {border: 2px solid #ef3932;margin: 0 0 20px 0;}
#installation-text1 {padding:3px;}
#installation-text1 p {padding: 0 10px 0 10px;}

.title-standardpoly {
	font-size: 1.5em;
	background: #ef3932;
	text-align: left;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}
#installation-pic1 {padding: 5px 0 0 10px;}

#installation-bullet-flash {height: 200px;padding: 10px 0 0 0;}
#installation-bullets {float: left;width: 340px;padding: 20px 0 0 0;}
#installation-bullets li {font-size: 1.2em;}
#installation-flash {float: right;padding: 0 20px 0 0;}

#installation-fittinglink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 0 0 10px 15px;width: 550px;}
#installation-fittinglink p {font-size: 1.5em;padding: 0 0 0 140px;margin: 0px;}
#installation-contactuslink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 0 0 10px 15px;width: 550px;}
#installation-contactuslink p {font-size: 1.5em;padding: 0 0 0 110px;margin: 0px;}

#installation2 {border: 2px solid #ef3932;margin: 0 0 20px 0;padding: 0 0 20px 0;}
#installation-text2 {padding:3px;}
#installation-text2 p {padding: 0 10px 0 10px;}
.title-fitting {
	font-size: 1.5em;
	background: #ef3932;
	text-align: left;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}

#installation3 {border: 2px solid #ef3932;margin: 0 0 20px 0;padding: 0 0 3px 0;}
#installation-text3 {padding:3px;}
#installation-text3 p {padding: 0 10px 0 10px;}
.title-techspecs {
	font-size: 1.5em;
	background: #ef3932;
	text-align: left;
	margin: 0px;
	padding: 5px 0 0 5px;
	height: 30px;
	color: white;
}
#techspecstable {
	margin: 0 0 0 10px;
	background: #FFFFFF;
	border: 1px solid #003366;
}
#techspecstable th {
	border-bottom: 1px solid #003366;
}

#installation4 {margin: 0 0 30px 0;}
#installation-filmpic {padding: 0 0 0 40px;}

#installation-costlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;}
#installation-costlink p {font-size: 1.5em;padding: 0 0 0 70px;margin: 0px;}


#installation2b {border: 2px solid #ef3932;margin: 0 0 20px 0;padding: 0 0 20px 0;}
#installation-text2b {padding:3px;}
#installation-text2b p {padding: 0 10px 0 10px;}
.title-checklist {
   font-size: 1.5em;
   background: #ef3932;
   text-align: left;
   margin: 0px;
   padding: 5px 0 0 5px;
   height: 30px;
   color: white;
}
#installation-checklistlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 0 0 10px 15px;width: 550px;}
#installation-checklistlink p {font-size: 1.5em;padding: 0 0 0 155px;margin: 0px;} 



/* CONTACT US - contact-us.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#contact {text-align: left;}
#contact h1 {
	background: url(/images/title-contact.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
	height: 200px;
	border-bottom: 1px solid orange;
}
#contact h1 p {font-size: 1em;padding: 160px 0 0 0;margin: 0px;}
#contacttable .smalltext {font-size: 9px;}

#contact1 {border: 2px solid #ef3932;margin: 20px 0 20px 0;}
#contact1 h2 {font-size: 1.5em;color: white;background: #ef3932; margin: 0px;padding: 5px 0 5px 10px;}
#contact1-text {padding: 5px;height: 120px;}
#contact1-address {float: left;padding: 0 50px 0 10px;font-weight: bold;font-size: 1.1em;}
#contact1-details {padding: 0 140px 0 0;font-weight: bold;font-size: 1.1em;}

#contact2 {border: 2px solid #ef3932;margin: 0 0 20px 0;}
#contact2 h2 {font-size: 1.5em;color: white;background: #ef3932; margin: 0px;padding: 5px 0 5px 10px;}
#contact2-hours {padding: 8px 0 0 0;height: 100px;}
#contact2-days {float: left;font-weight: bold;padding: 0 0 0 10px;margin: 0px;}
#contact2-times {float: right;font-weight: bold;padding: 0 175px 0 0;margin: 0px;}
#contact2-visit {padding: 0 10px 10px 10px;margin: 0px;}

#contact3 {margin: 0 20px 20px 20px;height: 450px;}
#contact3-toppics {}
#contact3-topleft {float: left;}
#contact3-topleft p {text-align: center;}
#contact3-topright {float: right;}
#contact3-topright p {text-align: center;}
#contact3-bottomleft {float: left;}
#contact3-bottomleft p {text-align: center;}
#contact3-bottomright {float: right;}
#contact3-bottomright p {text-align: center;}

#contact4 {border: 2px solid #ef3932;margin: 0 0 20px 0;}
#contact4 h2 {font-size: 1.5em;color: white;background: #ef3932; margin: 0px;padding: 5px 0 5px 10px;}
#contact4-text {padding:3px;}
#contact4-text p {padding: 0 10px 0 10px;}

#contactus-homelink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;}
#contactus-homelink p {font-size: 1.5em;padding: 0 0 0 195px;margin: 0px;}


/* COSTS PAGE - COSTS.PHP
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#cost h1 {
	background: url(images/title-cost.gif) no-repeat top right;
	height: 187px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid orange;
}
#cost h1 p {font-size: 1em;padding: 120px 0 0 0;margin: 0px;}

#cost1 {border: 2px solid #ef3932;margin: 0 0 20px 0;padding: 0 0 20px 0;}
#cost1 h2 {font-size: 1.5em;color: white;background: #ef3932; margin: 0px;padding: 5px 0 5px 10px;}
#cost1-text {padding: 3px;}
#cost1-text p {padding: 0 10px 0 10px;}

#cost-typeslink {border: 2px solid red;margin: 20px 0 0 0;padding: 10px 0 10px 0;background-color: white;}
#cost-typeslink p {font-size: 1.5em;padding: 0 0 0 10px;margin: 0px;}

#cost2 {border: 2px solid #ef3932;margin: 20px 0 20px 0;padding: 0 0 20px 0;}
#cost2 h2 {font-size: 1.5em;color: white;background: #ef3932; margin: 0px;padding: 5px 0 5px 10px;}
#cost2-text {padding: 3px;}
#cost2-text p {padding: 0 10px 0 10px;}
#cost2-table1 {margin: 0 0 0 40px;}
#cost2-table2 {margin: 0 0 0 40px;}

#cost3 {border: 2px solid #ef3932;margin: 0 0 20px 0;padding: 0 0 20px 0;}
#cost3 h2 {font-size: 1.5em;color: white;background: #ef3932; margin: 0px;padding: 5px 0 5px 10px;}
#cost3-text {padding: 3px;}
#cost3-text p {padding: 0 10px 0 10px;}

#cost-contactlink {border: 2px solid red;margin: 20px 0 20px 0;padding: 10px 0 10px 0;background-color: white;}
#cost-contactlink p {font-size: 1.5em;padding: 0 0 0 190px;margin: 0px;}


/* EMPLOYMENT - employment.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#employment {
	text-align: left;
}
#employment h1 {
	background: url(/images/title-jobs.gif) no-repeat top right;
	padding: 0px;
	margin-top: 0px;
	height: 200px;
	border-bottom: 1px solid orange;
}
#employment h1 p {font-size: 1em;padding: 135px 0 0 0;width: 340px;margin: 0px;}


/* BENEFITS - benefits.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#benefits {text-align: left;}
#benefits h1 {
	background: url(/images/title-benefits.gif) no-repeat top right;
	padding: 0px;
	margin-top: 0px;
	height: 200px;
	border-bottom: 1px solid orange;
}
#benefits h1 p {font-size: 1em;padding: 160px 0 0 0;margin: 0px;}

#benefits-left {float: left;width: 400px;}
#benefits-left1 {padding: 0px;margin: 10px 0 40px 0;}
#benefits-left2 {padding: 0px;margin: 10px 0 40px 0;}
#benefits-left3 {padding: 0px;margin: 30px 0 0 0;}

#benefits-right {float: right;}
#benefits-pic1 {padding:15px 0 85px 59px;}
#benefits-pic2 {padding: 0 0 40px 0;}
#benefits-pic3 {padding: 0 0 0 10px;}

#benefits-typeslink {border: 2px solid red;margin:0;padding: 10px 0 10px 0;background-color: white;height: 236px;width: 590px;}
#benefits-typeslink p {font-size: 1.5em;padding: 0 0 0 150px;margin: 0px;}


/* TESTIMONIALS - testimonials.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#testimonials {
	text-align: left;
}
#testimonials h2 {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	margin-top: 40px;
}
#testimonials h1 {
	background: url(/images/title-testimonials.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
	height: 140px;
	border-bottom: 1px solid orange;
}
#testimonials h1 p {font-size: 1em;padding: 100px 0 0 0;margin: 0px;}


/* OFFERS PAGE- offers.html
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#offers h1 {
	background: url(/images/winter_offer_2006.gif) no-repeat scroll center top;
	margin: 30px 0px 0px;
	padding: 0px;
	height: 240px;
	width: 100%;
	text-indent: -5000px;
	display: block;
}
.title-coolerwarmer {
	background: url(/images/cooler_warmer.gif) no-repeat scroll center center;
	margin: 0px;
	padding: 0px;
	height: 68px;
	text-indent: -5000px;
} 
#list{
	margin-left: 40px; 
}


/* REGISTER PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#register h1 {
	background: url(./images/title-register.gif) no-repeat top right;
	height: 165px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0px;
	border-bottom: 1px solid orange;
}
#register h1 p {font-size: 1em;padding: 130px 0 0 0;margin: 0px;}

#register2 {border: 2px solid #ef3932;margin: 20px 0 20px 0;padding: 0 0 20px 0;}
#register2 h2 {padding: 0px; margin: 0 0 10px 0;}
#register2 h2 p{font-size: 1em;color: white;background: #ef3932;margin: 0px;padding: 5px 0 5px 10px;}
#register2-inner {padding: 0 0 0 40px;}


/* QUOTATION PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#quote h1 {
	background: url(./images/title-quote1.gif) no-repeat top right;
	height: 165px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid orange;
}
#quote h1 p {font-size: 1em;padding: 130px 0 0 0;margin: 0px;}

#quote-form1 {border: 2px solid #ef3932;}
#quote-form2 {border: 2px solid #ef3932;}
#quote-form3 {border: 2px solid #ef3932;}
#quote-form4 {border: 2px solid #ef3932;}


/* THANKS PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#thanks-discount-text {font-size: 1.5em;font-weight: bold;margin: 0px;padding: 0px;color: #ef3932;}


/* VIDEO PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#video {text-align: left;}
#tvframe object {margin-left: 62px;}
#tvframe {
	background: url(/layout/tv_frame.gif) no-repeat scroll left top;
	height: 380px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 62px;
}
#video h1 {
	background: url(/images/title-video.gif) no-repeat right top;
	padding: 0px;
	margin-top: 0px;
	height: 150px;
	border-bottom: 1px solid orange;
}
#video h1 p {font-size: 1em;padding: 115px 0 0 0;margin: 0px;}

.title-videodownload {
	background: url(/images/video_download.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
.title-tvschedule {
	background: url(/images/tvscheduling.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}


/* AUTUMN DEAL PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#autumn-header {height: 206px;background: url(/images/autumnheader.gif) no-repeat center;padding: 0px;margin: 0px;}
#autumn0 {position: relative;height: 81px;background: url(/images/autumn0.gif) no-repeat top center;}
#autumn1 {position: relative;height: 275px;margin: 0px;padding: 0px;}
#autumn-topleft {float: left;height: 275px;width: 296px;background: url(/images/autumn1.gif) no-repeat;padding: 0px;margin: 0 0 0 3px;}
#autumn-topright {float: right;height: 275px;width: 299px;background: url(/images/autumn2.gif) no-repeat;padding: 0px;margin: 0 2px 0 0;}
#autumn2 {position: relative;height: 99px;background: url(/images/autumn6.gif) no-repeat center;}

#autumn-flyerlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 20px 0 0 0;}
#autumn-flyerlink p {font-size: 1.5em;margin: 0px;padding-left: 140px;}


/* SPRING DEAL PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#spring-header1 {height: 164px;background: url(/images/spring1.jpg) no-repeat center;padding: 0px;margin: 0px;}
#spring-header2 {height: 172px;background: url(/images/spring2.jpg) no-repeat center;padding: 0px;margin: 0px;}
#spring3 {position: relative;height: 156px;background: url(/images/spring3.gif) no-repeat top center;}
#spring4 {position: relative;height: 167px;margin: 0px;padding: 0px;}
#spring-left {float: left;height: 167px;width: 296px;background: url(/images/spring4.gif) no-repeat;padding: 0px;margin: 0 0 0 3px;}
#spring-right {float: right;height: 167px;width: 299px;background: url(/images/spring5.gif) no-repeat;padding: 0px;margin: 0 2px 0 0;}
#spring5 {position: relative;height: 118px;background: url(/images/spring6.gif) no-repeat center;}
#spring6 {position: relative;height: 65px;background: url(/images/spring7.jpg) no-repeat center;}

#spring-flyerlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 20px 0 0 0;}
#spring-flyerlink p {font-size: 1.5em;margin: 0px;padding-left: 140px;}


/* POLYCOOL EXAMPLE PAGE (inplace.php)
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#inplace h1 {background: url(/images/title-examples.gif) no-repeat top right;
	height: 180px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	text-align: left;
	border-bottom: 1px solid orange;
}
#inplace h1 p {font-size: 1em;padding: 150px 0 0 0;margin: 0px;}

#inplace-left {float: left;}
#inplace-left p {padding: 0 0 30px 0;}

#inplace-right {float: right;}
#inplace-right p {padding: 0 0 30px 0;}


/* SITEMAP PAGE
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#sitemap h1 {background: url(/images/title-sitemap.gif) no-repeat top right;
	height: 280px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	border-bottom: 1px solid orange;
}

#sitemap h1 p {font-size: 1em;padding: 0;margin: 0px;padding: 250px 0 0 0;}


/* BROCHURE - brochure.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#brochure {
	text-align: left;
}
#brochure h2 {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	margin-top: 40px;
}
#brochure h1 {
	background: url(/images/title-brochure.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
	height: 140px;
	border-bottom: 1px solid orange;
}
#brochure h1 p {font-size: 1em;padding: 100px 0 0 0;margin: 0px;}


/* Polycool Sputter Film Technology - differences.php
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#whyPolycool h1 {background: url(/images/title-differences.gif) no-repeat top right;height: 180px;margin: 10px 0px 0px 0px;padding: 0px 0px 10px 10px;text-align: left;border-bottom: 1px solid orange;}
#whyPolycool h1 p {font-size: 1em;padding: 150px 0 10px 0;margin: 0px;}
.contentBox {position: relative;height: 230px;border: 2px solid #ef3932;margin: 0 0 20px 0;}
.contentBox-title {font-size: 1.5em;background: #ef3932;text-align: left;margin: 0px;padding: 5px 0 0 5px;height: 30px;color: white;}
.contentBox-left {float: left;width: 350px;margin-top: 10px;}
.contentBox-left p {padding: 3px;}
.contentBox-right {float: right;width: 230px;}
.right-imageBox {position: relative;width: 210px;margin-left: 5px;}
.right-imageBox-L {float: left;width: 90px;}
.right-imageBox-R {float: right;width: 90px;}

#whyPolycool-flyerlink {border: 2px solid red;background-color: white;padding: 10px 0 10px 0;margin: 220px 0 0 0;}
#whyPolycool-flyerlink p {font-size: 1.5em;margin: 0px;padding-left: 110px;}


/* FOOTER 
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 1px solid #F9E8A6;
	margin-top: 10px;
	color: #CD9114;
	font-size: 0.8em;
}
#footer a {
	text-decoration: none;
	color: #CD9114;
}


/* UNKNOWN... 
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.title-performanceresults {
	background: url(/images/performanceResults.gif) no-repeat scroll 20px;
	text-align: left;
	text-indent: -5000px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
.title-customerbenefits {
	background: url(/images/customer_benefitsred.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
.title-shadebetter {
	background: url(/images/more_than_ashade.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

.title-winterdiscount {
	text-align: center;
	font-size:2.3em;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	color:#ff6600;
}

.title-directions {
	background: url(/images/directions.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

#links label {
	width: 150px;
	display: block;
	float: left;
	clear: left;
	padding: 0px;
	margin: 5px;
}
#links input {
	margin: 5px;
	border: 1px solid #999999;
	padding: 3px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
#links form {
	border: 1px dashed #D0B75E;
	padding: 5px;
	margin-bottom: 50px;
}
#links form:hover {
	background: #FFE1A4;
}
#links input:hover,input:active {
	background: #E0E0E0;
}
#links {
	text-align: left;
}
#links .links h2 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}

#links .links p {
	margin: 0px;
	padding: 0px;
}

#links .links p a {
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
}

#links .links {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #FFD146;

}

.download  {
	font-size: 1.6em;
	margin: 0px;
	padding: 0px;
}

#schedule{
	border: 1px solid #b0c4de;
}
#schedule caption{
	text-align: left;
	font-size: 1.3em;
	padding: 10px 0;

	color: #cc0000;
}
#schedule th{
	background: #708090;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	padding: 6px 2px;
}
#schedule td{
	border: 1px solid #b0c4de;
	padding: 6px 2px;
}

#winter h1 {
	background: url(images/title-spring.gif) no-repeat scroll center top;
	height: 187px;
	text-align: left;
	text-indent: -5000px;
	margin: 40px 0px 20px;
	padding: 0px;
}
.title-inexpensive {
	background: url(/images/home-inexpensive.gif) no-repeat scroll center center;
	margin: 0px;
	padding: 0px;
	height: 68px;
	text-indent: -5000px;
}
.title-conservatory-info {
	background: url(layout/title-conservatory-info.gif) no-repeat scroll left;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 31px;
	text-align: left;
	text-indent: -5000px;
}
.title-alternative-products {
	background: url(layout/title-alternative-products.gif) no-repeat scroll left;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 41px;
	text-align: left;
	text-indent: -5000px;
}

.hothighlight {
	color: #CC0000;
}
.coldhighlight {
	color: #0099FF;
}
.pinktext {
	color: #ff66cc;
}
.bluetext {
	color: #0099FF;
}
.largebluetext {
	color: #0099FF;
	font-size:22px;
}
.greentext {
	color: #00cc00;
}
.title-everlite {

	background: url(images/title-everlite2.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 36px;
	margin: 0px;
	padding: 0px;
}
.title-fullfitting {
	background: url(/images/full_instructions.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
.title-polycoolinstall {
	background: url(/images/installationservice.gif) no-repeat scroll left top;
	text-align: left;
	text-indent: -5000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

/* NEW HOME PAGE H2 AND FIRST LIST
=========================================== */
#content .hpintro {color:#000;text-align:center;}
#content .hpintro h2 {padding-left:24px;font-size:2em;font-weight:700;}
#content span.empblue {color:#009BF5;font-size:1.2em;}
#content span.empred {color:#E2311F;font-size:1.2em;}
#content ul.hpbenefits {position:relative;margin:-10px 0 0}
#content ul.hpbenefits li {list-style-type:disc;margin-left:40px;font-size:1.3em;color:#000;line-height:1.1em;}

/* NEW PRODUCT PAGES
===========================================*/
.package1,.package2,.package3 {position:relative;background:#fff;padding:10px;border-bottom:14px solid #FCF5D8;}
.package1 ul,.package2 ul,.package3 ul {position:relative;margin:0;padding:0;list-style-type:none;}
.package1 ul li,.package2 ul li,.package3 ul li {float:left;padding-left:20px;display:block;margin:10px;width:250px;}
.package1 ul li img,.package2 ul li img,.package3 ul li img {float:left;margin:0 10px 0px 0;display:block;vertical-align:top;height:auto;}

.package1 ul li {height:170px;}
 
/* SEO HOME PAGE 26/08/2008 - GM
=========================================== */
#home #content {position:relative;}
#flash_banner {position:relative;margin:40px 0 0 30px;}

#body-copy {position:relative;margin:950px 0 0;padding:0;}
#intro {position:absolute;top:144px;left:12px;}


#insitu-new-area {position: relative;background: url(/images/insitu-new.gif) no-repeat;height: 99px;width:549px;margin: 0 0 0 22px;}
#insitu-new-link {position: absolute;right: 27px;cursor: pointer;display: block;width: 549px;height: 98px;padding: 0px;margin: 0px;}



/* NEW QUOTATION FORM 27/08/08 - GM
=========================================== */
#rform fieldset, #qform fieldset {display: block;margin: 0 0 3em 0;padding: 0 1em 1em 1em;background:#fff;width:547px;}

#rform fieldset.radio, #qform fieldset.radio {width: 15em;margin: 1em 0 2em 0;}
#rform fieldset.radio input, #qform fieldset.radio input {clear: both;float: left;width: auto;}
#rform fieldset.radio label, #qform fieldset.radio label {font-weight: normal;}
#rform input, #qform input {display: block;width: 15em;margin-bottom:15px;}
#rform label, #qform label {display: block;margin-bottom: 1em;font-weight: bold;line-height:1.6em;}
#rform label.first, #qform label.first {padding-top: 1em;}
#rform select, #qform select {display: block;width:15.7em;}

#rform span.req, #qform span.req {color:#ff0000;}
#rform #step_1 .data-container,#step_2 .data-container,#step_3 .data-container {clear:both;height:auto;width:200px;padding-bottom:30px;}
#rform #step_2 .button {position:absolute;margin-top:-20px;left:120px;margin-left:20px;}
#rform #submit, #qform submit {position:absolute;margin-top:-20px;left:160px;display:none;width:100px;}




#qform #step_1 {height:210px;}
#qform #step_1 .position {position:relative;margin:0;}
#qform #step_1 #constyle1, #qform #step_1 #constyle2, #qform #step_1 #constyle3  {position:absolute;top:10px;left:0;}
#qform #step_1 #constyle2 {left:60px;}
#qform #step_1 #constyle3 {left:120px;}


#qform #step_2 {height:380px;}
#qform #step_2 .position {position:relative;margin:0;}
#qform #step_2 .clearall {position:absolute;top:60px;color:red;font-weight:600;}


#qform #step_2 #dimXm {position:absolute;top:10px;left:0;margin:0;padding:0;width:250px;}
#qform #step_2 #dimYm {position:absolute;top:10px;left:250px;margin:0;padding:0;width:250px;}

#qform #step_2 #dimXf {position:absolute;top:100px;left:0;margin:0;padding:0;width:250px;}
#qform #step_2 #dimXi {position:absolute;top:100px;left:250px;margin:0;padding:0;width:250px;}

#qform #step_2 #dimYf {position:absolute;top:150px;left:0;margin:0;padding:0;width:250px;}
#qform #step_2 #dimYi {position:absolute;top:150px;left:250px;margin:0;padding:0;width:250px;}

#qform #step_2 .position {position:relative;margin:0;padding:0;}
#qform #step_2 .controls {position:absolute;top:460px;left:10px;}

#qform #step_3 {height:300px;}
#qform #step_3 .position {position:relative;margin:0;padding:0;}
#qform #step_3 #xtrainfo {position:absolute;top:320px;left:auto;width:520px;}
#qform #step_3 #xtrainfo p {padding:0;margin:0;}
#qform #step_3 #dim10mm {position:absolute;top:20px;left:0;}
#qform #step_3 #dim16mm {position:absolute;top:20px;left:60px;}
#qform #step_3 #dim18mm {position:absolute;top:20px;left:120px;}
#qform #step_3 #dim20mm {position:absolute;top:20px;left:180px;}
#qform #step_3 #dim25mm {position:absolute;top:20px;left:240px;}
#qform #step_3 #dim30mm {position:absolute;top:20px;left:300px;}
#qform #step_3 #dim35mm {position:absolute;top:20px;left:360px;}
#qform #step_3 #dim80mm {position:absolute;top:80px;left:0;}
#qform #step_3 #dim500mm {position:absolute;top:80px;left:120px;}
#qform #step_3 .controls {position:absolute;top:390px;left:10px;}

#qform #step_4 {height:400px;}
#qform #step_4 .position {position:relative;margin:0;padding:0;}

#qform #step_4 #ftsilver {position:absolute;top:10px;left:0px;}
#qform #step_4 #ftsilver label input {position:absolute;top:0;left:60px;}

#qform #step_4 #ftsilverdetail {width:200px;margin:0;padding:0;}
#qform #step_4 #ftsilverdetail ul {margin-left:-27px;}

#qform #step_4 #ftgold {position:absolute;top:10px;left:250px;}
#qform #step_4 #ftgold label input {position:absolute;top:0;left:60px;}
#qform #step_4 #ftgolddetail {padding:0;margin:0;}
#qform #step_4 #ftgolddetail ul {margin:40px 0 0 -27px;}

#qform #step_4 .xtrainfo {position:absolute;top:210px;left:0;width:520px;}
#qform .controls {position:absolute;top:300px;}
#qform .controls button,input {float:left;margin-right: 0px}

/* STEP GRAPH */
.graph {position: relative;width: 570px;border: 1px solid #B1D632;padding: 2px;margin:20px 0;}
.graph .bar {display: block;position: relative;background: #B1D632;text-align: center;color: #333;height: 2em;line-height: 2em;}
.graph .bar span {width:570px;position:absolute;top:0;left:0;}

#progress div {display: block;position: relative;background: #B1D632;text-align: center;color: #333;height: 2em;line-height: 2em;}

.step_1 {width:33.3%;}
.step_2 {width:66.6%;}
.step_3 {width:99.9%;}

#qformpage .step_1 {width:25%;}
#qformpage .step_2 {width:50%;}
#qformpage .step_3 {width:75%;}
#qformpage .step_4 {width:100%;}

/* New Styles and Fixes GM FEB 2010 */
a.question {cursor:pointer;}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('../images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('../images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('../images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('../images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}
