body {
	text-align:center;
}
body, input, textarea, select, option {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
}
body, h1, h2, h3, p, ul, ol, li, form, td, th, table {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
#container {
	width:740px;
	margin:0 auto 20px auto;
	text-align:left;
	position:relative;
	border:1px solid #66707D;
}
#title {
	background:#66707D url(../img/home-logo.gif) no-repeat 20px 53px;
}
#title a {
	display:block;
	height:90px;
	width:100%;
	color:white;
}
#title span {
	display:none;
}
#tagline {
	background:#66707D url(../img/home-photo-1.jpg) no-repeat;
	color:black;
	height:161px;
	padding-bottom:12px;
}
#tagline span {
	display:none;
}
#breadcrumb {
	position:absolute;
	right:30px;
	top:33px;
	color:white;
	font-size:12px;
	line-height:12px;
	text-transform:lowercase;
}
#breadcrumb a {
	color:white;
	text-decoration:none;
	padding:0 1px;
}
#breadcrumb a:hover {
	text-decoration:underline;
}
#main-menu {
	background-color:black;
	color:white;
	font-size:12px;
	line-height:12px;
	height:20px;
	padding-left:1px;
	text-transform:lowercase;
	border-top:1px solid white;
	margin-bottom:1px;
	list-style-type:none;
	z-index:99;
}
#main-menu li {
	float:left;
	position:relative;
	top:4px;
}
#main-menu a {
	color:white;
	text-decoration:none;
	display:block;
	padding:0 5px;
	border-left:1px solid white;
}
#main-menu a.item-1 {
	border:0;
}
#main-menu a:hover,
#main-menu li:hover a.tier-1,
#main-menu li.hover a.tier-1 {
	color:#858E9A;
}

/* sub-menu */
#main-menu ul {	
	list-style-type:none;
	position:absolute;
	padding-top:2px;
	left:1px;
	width:123px;
	display:none;
	z-index:99;
}
#main-menu ul li {
	float:none;
	background-color:#000000;
}
#main-menu ul li a {
	border:0;
	border-top:1px dotted white;
	padding:3px 8px;
	background-color:#000000;
}
#main-menu ul li a {
	border-top-style:expression('solid');
}
#main-menu li:hover ul,
#main-menu li.hover ul {
	display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html #main-menu ul li { float: left; }
* html #main-menu ul li a { height: 1%; }
/* End */

/* Fix IE. Hide from IE Mac \*/
* html #main-menu ul li { float: left; height: 1%; }
* html #main-menu ul li a { height: 1%; }
/* End */

#product-menu {
	color:white;
	position:absolute;
	top:91px;
	right:30px;
	background-color:red;
}
#product-menu a {
	display:block;
	width:90px;
	text-align:center;
	font-size:12px;
	line-height:12px;
	text-transform:lowercase;
	height:17px;
	padding-top:3px;
	float:left;
	color:white;
	text-decoration:none;
	border-right:1px solid white;
}
#product-menu a.vinyl {
	background-color:#660000;
	border-left:1px solid white;
}
#product-menu a.vinyl:hover {
	background-color:#66707D;
	color:black;
}
#product-menu a.aluminum {
	background-color:#002B5C;
}
#product-menu a.aluminum:hover {
	background-color:#66707D;
	color:black;
}

#product-menu a.rainshield {
	background-color:#AB9F93;
	/*background:#66707D url(logo_rainshield.jpg) no-repeat;*/
}
#product-menu a.rainshield:hover {
	background-color:#66707D;
	
	/*background:#66707D url(logo_rainshield_on.jpg) no-repeat;*/
	color:black;
	
}

#product-menu a:hover {
}
#second-menu {
	color:white;
	position:absolute;
	right:27px;
	top:64px;
	font-size:12px;
	line-height:12px;
	text-transform:lowercase;
}
#second-menu a {
	color:white;
	text-decoration:none;
	padding:0 3px;
}
#second-menu a:hover {
	text-decoration:underline;
}
#second-menu a.japanese {
	background:transparent url(../img/menu-japanese.gif) no-repeat 3px 2px;
	padding:0 18px;	
}
#footer {
	background-color:#66707D;
	color:white;
	margin-top:30px;
	text-align:right;
	padding:2px 15px;
	

}

#main {
	margin-top:45px;
	margin-left:20px;
	margin-right:30px;
	line-height:14px;


}
#main a:link {
	color:black;
}
#main a:visited {
	color:#666666;
}
#main a:hover {
	color:#660000;
}
#main p {
	margin-bottom:12px;
}
#main p span {
	color:#66707D;
}
#main h1 {
	color:#66707D;
	font-size:12px;
	line-height:14px;
	margin-bottom:15px;
	text-transform:uppercase;
}
#main h1 a {
	color:#66707D;
	text-decoration:none;
}
#main h2 {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
}
#main h3 {
	font-size:12px;
	color:black;
	line-height:12px;
	margin-bottom:15px;
}

/* product listing page */
#products-list {
	width:500px;
	margin-bottom:20px;
}
#products-list ul {
	list-style-type:none;
}
#products-list li {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
#products-list a {
	color:black;
	text-decoration:none;
}
#products-list td {
	vertical-align:top;
}

/* slideshow at top of page */
#slides,
#static-slides {
	background-color:#66707D;
	padding-bottom:12px;
	position:relative;
	height:215px;
	z-index:expression('-1');
}
#static-slides {
	height:154px;
}
#slides img {
	position:absolute;
	top:0;
	display:none;
}
#slides .slide-1 img {
	left:0;
	border-right:1px solid white;
}
#slides .slide-2 img {
	left:247px;
	border-right:1px solid white;
}
#slides .slide-3 img {
	left:494px;
}
#slides img.first {
	display:block;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
}
#static-slides img {
	position:absolute;
	top:0;
}
#static-slides .slide-1 img {
	left:0;
	border-right:1px solid white;
}
#static-slides .slide-2 img {
	left:143px;
	border-right:1px solid white;
}
#static-slides .slide-3 img {
	left:286px;
}

/* product spec table */
#main table.specs {
	font-size:12px;
	border:1px solid #66707D;
	float:right;
	margin-left:80px;
	margin-bottom:30px;
	width:290px;
}
#main table.specs .heading {
	background-color:#66707D;
	color:white;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	padding:6px 0;
}
#main table.specs th {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #66707D;
	padding:6px 12px 3px 12px;
	text-align:center;
}
#main table.specs td {
	padding:3px 12px;
}
#main table.specs td.check {
	text-align:center;
}
#main table.specs .line {
	border-right:1px solid #66707D;
}

#main .separator {
	background-color:#66707D;
	height:12px;
	overflow:hidden;
}

#main .images {
	margin:30px -30px 30px -20px;
	text-align:center;
}
#main .images img {
	display:block;
	float:left;
	margin-left:12px;
	margin-bottom:20px;
}

#main .thumbs {
	border-top:1px solid black;
	padding-top:13px;
}
#main .thumbs .photo {
	float:right;
}
#main .thumbs ul {
	list-style-type:none;
	width:200px;
}
#main .thumbs li {
	float:left;
	padding-right:5px;
	padding-bottom:5px;
}
#main .thumbs a {
	display:block;
	border:1px solid white;
}
#main .thumbs a:hover {
	border:1px solid black;
}
#main .thumbs img {
	border:0;
}

#main .indented {
	margin-right:145px;
	margin-bottom:30px;
}
#main .caption {
	line-height:12px;
	height:200px;
}
#main .caption img {
	margin-right:12px;
}
#main .photo img {
	display:block;
}
#main ul,
#main ol {
	margin-left:20px;
	margin-bottom:12px;
}

#gallery {
	position:absolute;
	right:30px;
	width:421px;
	height:300px;
}
#gallery img {
	display:block;
}
#gallery .gallery-thumbs {
	margin-top:20px;
	margin-left:0;
	list-style-type:none;
}
#gallery .nav {
	margin-top:4px;
}
#gallery .nav div {
	float:right;
}
#gallery .gallery-thumbs li {
	float:left;
	margin-right:12px;
	margin-bottom:5px;
}
#gallery .gallery-thumbs img {
	border:1px solid white;
}
#gallery .gallery-thumbs a:hover img,
#gallery .gallery-thumbs a img.selected {
	border:1px solid black;
}