/* CSS Document */

body {
  text-align: center;
  font-size: 62.5%;
  background:#ffffff url(../images/LIS-back-green-960-006633.gif) repeat-y center center;
  }
  
#lishead {
float: left;
width: 960px;
}

#lishead dl {
float: left;
text-align: center;
margin: 0 0 0 0; /* 10px, 0px L&R no margin, T&B 10 px margin */
padding: 0;
width: 960px; /* IE/Mac stretch floated elemets */
display: inline; /* fixes IE/Win double margin bug */
}

#lishead dd {
margin: 0 ; /* 0 0 59px; /* puts 10px margin for logo(49px) on left*/
padding: 0;
font-family: Garamond, Times New Roman, Times, serif ;
font-style: Italic;
font-size: 2.2em;
color: #000099;
text-align: center;
}

#container {
  margin: auto;
  width: 960px;
  text-align: left;
  } 

#navigation ul, #navigation ul li {
     list-style: none;
     margin: 0 0 10px 0;
     padding: 0;
 }

 #navigation ul {
     text-align: center;
	 padding-left: 30px;
 }

 #navigation ul li {
     display: inline;
     margin-right: .02em;
 }

 #navigation ul li.last {
     margin-right: 0;
 }

#nav li {
	margin: 0 1px 0 0;
	padding 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
	zoom: 1;
}

#nav a {
	padding: 2px 6px;
	line-height: 2;
	color: #000099;
	text-decoration: none;
	border: 1px solid #000099;
	border-bottom: none;
	background: #FFFFFF  url(../images/navwhi.gif) repeat-x top left;
	
}

#nav a:link {
	color: #000099;
	text-decoration: none;
	}
	
#nav a:visted {
	color: #000099;
	text-decoration: none;
	}

#nav a:hover {
	color: #ffffff;
	text-decoration: underline;
	padding-bottom: 5px;
	border-color: #000000;
	background: #000099; /* url(../html/images/navblu.gif) repeat-x top left;*/
	}
	
#nav a:active {
	color: #ffffff;
	text-decoration: underline;
	padding-bottom: 5px;
	border-color: #000000;
	background: #000099; /* url(../html/images/navblu.gif) repeat-x top left;*/
}

#nav .t-careers {
	color: #49b;
}

body#home a#homenav, body#about a#aboutnav,
body#products a#productsnav, body#photos a#photosnav,
body#trade a#tradenav, body#homeowners a#homeownersnav,
body#showrooms a#showroomsnav, body#contact a#contactnav,
body#new a#newnav, body#salepg a#salepgnav,
body#saleform a#salepgnav,
body#salekit a#salekitnav, body#salekit a#salepgnav,
body#salebath a#salebathnav, body#salebath a#salepgnav,
body#salebathco a#salebathconav, body#salebathco a#salebathnav,  body#salebathco a#salepgnav,
body#salebathvd1 a#salebathvd1nav, body#salebathvd1 a#salebathnav,  body#salebathvd1 a#salepgnav,
body#salebathv1 a#salebathv1nav, body#salebathv1 a#salebathnav,  body#salebathv1 a#salepgnav,
body#salebath24 a#salebath24nav, body#salebath24 a#salebathnav,  body#salebath24 a#salepgnav,
body#salestorage a#salestoragenav, body#salestorage a#salepgnav,
body#salebuiltin a#salebuiltinnav, body#salebuiltin a#salepgnav,
body#cserv a#csnav, body#csprice a#cspricesnav,
body#csdocs a#csdocsnav, body#cs2020 a#cs2020nav {
	color: #ffffff;
	padding-bottom: 5px;
	border-color: #000000;
	background: #000099;
	cursor: default;
	text-decoration: none;
} 

body#home a#logonav {
	cursor: default;
}

/*
body#architects a#architectsnav, body#architects a#tradenav {
	color: #ffffff;
	padding-bottom: 5px;
	border-color: #000000;
	background: #000099; /* url(../html/images/navblu.gif) repeat-x top left;*/
} */

/* ----- All Pages ----- */

#bodytext {
	margin: 0 40px 0 40px;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
}

.bodytextcenter {
	margin: auto;
	text-align: center;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
}


#titleheader dt.title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-variant: small-caps;
	color: #006633;
	padding: 5px 0 0 0;
	text-align: center;
}

#main message.red {
	color: #ff0000;
}

/* ----- Home Page ----- */	

#main {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
}

#main img {
	display: block;
	margin: auto;
	padding: 0 73px 0 73px;
	font-size: 1;
	text-align: center;
	}

#main message {
	margin: 0 1px 0 0px;
	padding: 0 30px 0 80px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #000000;
}

#bodytext {
	margin: 0 40px 0 40px;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
}
#message {
	margin: 0;
	padding: 5px;
	font-size: 1.2em;
	color: #006633;
	text-align: center;
}

#message .bigred {
	color: #FF0000;
	font-size: 1.4em;
}


#message .funblue {
	color: #0000FF;
	font-size: 1.4em;
}

/* ----- About us, Trade Pages ----- */


#aboutleftcol {
	float: left;
	width: 29%;
	padding: 20px 0 0 15px;
	text-align: center;
}

#aboutrightcol {
	float: right;
	width: 65%;
	padding: 5px 5px 0 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	background: #fff;
	text-align: left;
}

#aboutfooter {
	clear: both;
	margin: 0 5px 2px 5px;
	background: #fff;
}

#aboutfooterlike {
	clear: both;
	margin: 0 5px 2px 15px;
	text-indent: 20px;
	background: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
}

#aboutrightcol dt.title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-variant: small-caps;
	color: #000099;
	text-align: center;
}

#aboutrightcol .subtitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #000099;
	text-align: left;
}


#aboutfooterlike dt.title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-variant: small-caps;
	color: #006633;
	padding: 5px 0 0 0;
	text-align: center;
}

#aboutfooterlike .subtitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #000099;
	text-align: left;
}

#aboutrightcol .indent {
	text-indent: 50px;
}

#aboutrightcol .jobtitle {
	font-weight: bold;
}

#aboutrightcol .boldital {
	font-style: italic;
	font-weight: bold;
}

.lineheight {
	line-height: .5em;
}
/* ----- Contact Us ----- */
#cuheader {
	background: #fff
	}
	
#cuheader .cutitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-variant: small-caps;
	color: #000099;
	text-align: center;
}


	
#cuheader .cutitlered {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #ff0000;
	text-align: center;
}

#cuheader .cuemail {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #000000;
	text-align: center;
}

#cuheader a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
}

#cumain-body {
	float: left;
	width:70%;
	padding: 0 0 0 15px;
	}

#cucontent {
	float: right;
	width: 50%;
	}
	
#culeft {
	float: left;
	width: 40%;
	padding: 0 0 0 15px ;
	background: #fff;
	}
	
#curight {
	float: right;
	width: 28%;
	padding: 0 0 0 0px;
	background: #fff;
	}
	
#cufooter {
	clear: both;
	background: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #000000;
	text-align: center;
	}
	
#cuwrap dt {
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-variant: small-caps;
	color: #000099;
	}
	
#cuwrap dd {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #000000;
	}
	
#addrblock .phone {
	white-space: prewrap;
}	

/* ----- Customer Service ----- */
	
/* column container */
	.cscolmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.cscolright,
	.cscolmid,
	.cscolleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.cscol1,
	.cscol2,
	.cscol3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:auto;  /* was hidden but no wrap */
	}
	/* 3 Column settings */
	.csthreecol {
		background:#ff0000;		/* right column background colour */
	}
	.csthreecol .cscolmid {
		right:33%;			/* width of the right column */
		background:#cccccc;		/* center column background colour */
	}
	.csthreecol .cscolleft {
		right:34%;			/* width of the middle column */
		background:#999999;	/* left column background colour */
	}
	.csthreecol .cscol1 {
		width:32%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
		background: #00ff00;	
	}
	.csthreecol .cscol2 {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.csthreecol .cscol3 {
		width:31%;			/* Width of right column content (column width minus padding on either side) */
		left:71%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
/* ----- CS 3 Col ----- */

#cs3header {
	background: #fff
	}
	
#cs3header .cs3title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-variant: small-caps;
	color: #000099;
	text-align: center;
}

#cs3header .cs3email {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #000000;
	text-align: center;
}

#cs3header a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
}

#cs3main-body {
	float: left;
	width:66%;
	padding: 0 0 0 5px;
	background: #ffffff;
	}

#cs3content {
	float: right;
	width: 49%;
	}
	
#cs3left {
	float: left;
	width: 49%;
	padding: 0 0 0 5px ;
	background: #fff;
	}
	
#cs3right {
	float: right;
	width: 31%;
	padding: 0 0 0 5px;
	background: #fff;
	}
	
#cs3footer {
	clear: both;
	background: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #000000;
	text-align: center;
	}
	
#cs3wrap dt {
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-variant: small-caps;
	color: #ff0000;
	}
	
#cs3wrap dd.sub {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #000000;
	}
	
#cs3wrap dd.link {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #0000ff;
	}
	

#csaddrblock .phone {
	white-space: prewrap;
}

#cs2main-body {
	float: left;
	width:66%;
	padding: 0 0 0 5px;
	}

#cs2content {
	float: right;
	width: 90%;
	}
	
#cs2left {
	float: left;
	width: 7%;
	padding: 0 0 0 5px ;
	background: #fff;
	}
	
#cs2right {
	float: right;
	width: 32%;
	padding: 0 0 0 5px;
	background: #fff;
	}


/* ----- Photo Page ----- */
#photopage {
	padding: 0 0 0 10px;
	text-align: center;
}

#photopage li {
	width: 160px;
	height: 160px;
	margin: 0 1em 5em 0;
	float: left;
	display: inline;
	position: relative;
	text-align: center;
}

#photopage li div { 
	    width: 160px; 
	    position: absolute; 
	    bottom: 0; 
	    left:0; 
	} 	

#photopage p {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 5px;
	width: 150px;
	color: #006633;
}

#photopage img {
	display: block;
	margin: 5px auto 0 auto;
	border: 1px solid #999;
	padding: 2px;
	background: #fff;
} 
#photopage li a:hover img,li a:active img,li a:focus img {
	background:#006633;
} 

/* ----- Green ----- */
#green {
	padding: 0 0 0 10px;
	text-align: center;	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

#green dt.title {
font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	color: #000000;
	padding: 5px 0 0 0;
	text-align: center;
}

#green .subgreen {
	font-size: 1.2em;
	font-weight: bold;
	color: #006633;
	font-variant: small-caps;
}

#greenli {
	list-style: none;
}

/* ----- Features List ----- */

#features .subtitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #000099;
	padding-left: 2em;
}


#features li {
	margin-bottom: 1.5em; 
	color:#000000;
}

#aboutrightcol .indent {
	text-indent: 50px;
}

/* ----- Sale Page ----- */

#saleheader {
	background: #fff;
	padding-left: 25px;
	}
	
#saleheader .saletitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-variant: small-caps;
	color: #000099;
	text-align: center;
}

#saleheader .saleform {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #000000;
	text-align: center;
}

#sale {
	padding: 0 0 0 10px;
	text-align: center;
}

#sale li {
	width: 266px;
	height: 266px;
	margin: 0 1em 5em 0;
	float: left;
	display: inline;
	position: relative;
	text-align: left;
}

#sale li div { 
	    width: 266px; 
	    position: absolute; 
	    bottom: 0; 
	    left:0; 
	} 	

#sale p {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 5px;
	width: 250px;
	font-size: 1.2em;
	color: #006633;
}

#sale img {
	display: block;
	margin: 5px auto 0 auto;
	border: 1px solid #999;
	padding: 2px;
	background: #fff;
} 
#sale li a:hover img,li a:active img,li a:focus img {
	background:#006633;
} 

#sale .subtitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-style: italic;
	color: #000099;
	text-align: left;
}

#sale .spricetitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-style: italic;
	color: #FF0000;
	text-align: left;
}


#sale .lpricetitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-style: italic;
	color: #000000;
	text-align: left;
}


/* ----- T ----- */