#main {
float: left;
position: relative;
padding-left: 5px;
width: 625px;
}

div.main-padding {
	padding-left: 12px;
}

#main h1 {
line-height: 100%;
}

#breadcrumbs {
display: block;
padding-bottom: 10px;
}

#slides {
text-align: center;
}

img {
border: 0px;
}

div.float3 {
	float: left;
	padding-left: 7px;
	padding-right: 8px;
}

#brand_menu {
    float: left;
    border-right: 1px solid black;
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
}

.pos {  position: absolute; z-index: 0; left: 0px; top: 0px;}

img.block {
	display: block;
	border: 0;
}

body {
/* background-color: rgb(158, 148, 101); */
font-family: arial,helvetica,verdana;
font-size: 14pt;
}

.catnav ul {
list-style-type: none;
list-style-image: none;
width: 100%;
display: inline;
margin:0 !important;
padding: 0px;
text-align: center;
}
.catnav li {
display: inline;
text-align: center;
padding: 0px;
}
.catnav li a, .catnav li a:link, .catnav li a:visited {
color: #333333;
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding: 3px 16px 3px 16px;
text-align:center;
}
.catnav li a:hover {
color: white;
background-color: red;
}
.catnav {
text-align: center;
background-color: red;
border-bottom: 4px solid black;
}

form {
margin-bottom: 0px;
}

/* Loewen.com Syle Sheet - Feb 2004 */

/* 
======================
Class Tags Begin 
======================
*/

/* the following are the default link attributes, font names, sizes etc are inherited from the TD tag */
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #7d1212;
}

a:hover {
	text-decoration: none;
	color: #7d1212;
}
/* end of the link attributes */

a:link.redlink {
	text-decoration: none;
	font-weight: bold;
	color: #FD1914;
}

a:visited.redlink {
	text-decoration: none;
	font-weight: bold;
	color: #FD1914;
}

a:active.redlink {
	text-decoration: none;
	font-weight: bold;
	color: #FD1914;
}

a:hover.redlink {
	text-decoration: none;
	font-weight: bold;
	color: #7C7244;
}

a:link.redlink_lite {
	text-decoration: none;
	font-weight: normal;
	color: #FD1914;
}

a:visited.redlink_lite {
	text-decoration: none;
	font-weight: normal;
	color: #FD1914;
}

a:active.redlink_lite {
	text-decoration: none;
	font-weight: normal;
	color: #FD1914;
}

a:hover.redlink_lite {
	text-decoration: none;
	font-weight: normal;
	color: #7C7244;
}

/*a:link.sitemap {
	text-decoration: underline;
	font-weight: bold;
	color: #FD1914;
}

a:visited.sitemap {
	text-decoration: underline;
	font-weight: bold;
	color: #FD1914;
}

a:active.sitemap {
	text-decoration: underline;
	font-weight: bold;
	color: #FD1914;
}

a:hover.sitemap {
	text-decoration: underline;
	font-weight: bold;
	color: #7C7244;
}*/



p {
	padding: 0 0 7px 0;
	margin: 0;
}

/* indentations for the cad details page */
td.cadindent {
	padding: 0 0 0 10px;
}

/* the following is needed to center the table on the page */
body {
	text-align: center;
/*	background-image: url(images/background_pattern.gif);*/
/*	background: #E9E9E9 url(images/background_pattern.gif) repeat 50% 0;*/
/*	background: #cccccc url(images/background_pattern_light.gif);*/
	background: #cccccc url(images/bg.gif);
	background-attachment: fixed; 
/*	background-color: #ccc;*/
	margin: 0;
	padding: 0;
}


/* used on the bookmark help and manage pages, adds a white background to the page */
body.help {
	text-align: left;
	background-color: #fff;
	background-image: none;
	margin: 0;
	padding: 0;
}

td.shadow_left{
	background-image: url(images/left_shadow.gif);
}

td.shadow_right{
	background-image: url(images/right_shadow.gif);
}

td.shadow_bottom{
	background-image: url(images/bottom_background_shadow.gif);
}


/* applies standard formatting to copy in a table */
td, th {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #000;
	/* text-align: left; */
}

th {
	font-weight: bold;
}

sup {
	font-size: 0.85em;
	margin-right: 0.5em;
}

/* changes images to block level elements Remember: this adds an implied BR after each image.*/
img.block {
	display: block;
	border: 0;
}

/* this removes the need to write border="0" for every image, since many 
images don't use the img.block class we've added this class. */
img {
	border: 0;
}

blockquote {
	margin:0 0 7px 10px;
}

/* Class used to add padding between main page copy and promotional squares at bottom. */
.promotion {
	padding: 12px 0 0px 0;
	margin: 0;
}

/* classes for the tables on the douglas fir page (lists all the attributes of Doug Fir over other woods) */
.douglas_fir {
	width: 90%;
	border-style: solid;
	border-width: 1px;
	border-color: #9e9465;
}

.douglas_fir td {
	border-top: 1px solid #9e9465;
	padding: 5px;
}

.douglas_fir th {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	padding: 0.25em 0 0.25em 0;
}

.douglas_fir_header {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #9e9465;
}

.douglas_fir_header_lite {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background-color: #9e9465;
}

.douglas_fir_grey {
	background-color: #e2e2e2;
}

.douglas_fir td.left {
	border-left: 1px solid #9e9465;
}

/*Controls the div that surrounds each product isometric on the windows and doors homepages */
.product_description {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

.left { text-align: left; }

/* creates the vertical brown pinlines */
.pinline_brown {
	width: 1px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #9e9465;
}

/* add the shadow to the top brown bar on the bookmark help page */
.bookmarkhelp_shadow {
	background: url(images/navigation_shadow.gif) repeat-x;
	background-color: #FFF;
}

.help_container ol {
	margin: 0 0 0 12px; 
	padding: 0 0 0 0;
}

.help_container {
	width: 95%;
	border: 0;
	padding: 0 0 0 10px;
	margin: 0;
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}

/* creates the vertical white pinlines */
.pinline_white {
	width: 1px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #FFF;
}


/* used for any instance where the brown background is required */
.background_brown {
	background-color: #9e9465;
}

/* used for any instance where a white background is required */
.background_white {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #FFF;
}

/* Used on individual product pages (such as casement, awning, terrace door etc... 
The class ads extra padding on the left side  */
.text_content {
	padding: 0px 10px 0px 20px;
	margin: 0; 
}

.home_dealerlinks {
	padding: 0px 10px 5px 15px;
	margin: 0;
}

.mahogany_whiteheaders {
	float: left;
	padding: 0px;
	margin: 3px 0 20px 4px;
	color: #FFF;
	font-size: 10px;
}

img.right {
	float:right;
	margin: 0px 15px 0 20px;
}

/* this is not necessary-- use "container" div.class instead
.glazing{
	display: block;
}
*/

/* Div containing 3 columns, used on pages such as the cad download pages, the brickmould
pages and others...  */
div.container {
	padding: 0;
	margin: 0;
}

div.spacer {clear: both; line-height: 0; height: 0;}

/* the following is used to float the icons on the windows homepage */
div.float_icons {
	float: left;
	padding: 0;
	margin: 0px
}

/* This contains the product icons and their descriptions on the main product homepages */
div.icon_container {
	float: left;
	padding: 0;
	margin: 0px
}

div.float4 {
	float: left;
	padding-left: 7px;
	padding-right: 8px;
}

div.float5 {
	float: left;
	width: 163px;
	padding: 4px 4px 20px 4px;
	margin: 0 0 0 0;
}

div.float5 p {
	float: left;
	width: 163px;
	padding: 0 0 4px 10px;
	margin: 0 0 0 0;
}


div.float4 p {
	width: 60px;
	line-height: 12px;
	padding-top: 2px;
	text-align: center;
}


div.float3 {
	float: left;
	padding-left: 7px;
	padding-right: 8px;
}

div.float3 a:hover { color: #000; }
div.float3 a:active { color: #000; }

div.float3 p {
	width: 105px;
	text-align: center;
	line-height: 12px;
	padding-top: 2px;
}

div.float3 p.left {
	width: 105px;
	text-align: left;
	line-height: 12px;
	padding-top: 2px;
}

div.float2 {
	float: left;
	padding-left: 7px;
	padding-right: 8px;
}

div.float2 a:hover { color: #000; }
div.float2 a:active { color: #000; }

div.float2 p {
	text-align: center;
	width: 160px;
	line-height: 12px;
	padding-top: 2px;
}

div.float2 p.left {
	text-align: left;
	width: 168px;
	line-height: 12px;
	padding-top: 2px;
}

div.swatch {
	border: 1px solid #666;
	height: 20px;
	width: 103px;
}

div.float2wide {
	width: 250px;
	float: left;
	padding-left: 10px;
	padding-right: 0;
}

div.float3wide {
	width: 179px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	/*Padding means max image width can only be 159px wide*/
}

div.float2wide ul.nopad {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*
.threecolumn_container {
	padding: 10px 10px 10px 10px ;
	margin: 0;
}

.threecolumn_column {
	width: 115px;
	font-size: 10px;
	line-height: 13px;
	float: left;
	padding: 10px 5px 10px 5px ;
	margin: 0;
}

.threecolumn_column a {
	margin: 1px 0 1px 0;
	padding: 1px 0 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #FD1914;
}

.threecolumn_column a:hover {
	color: #000;
}

.threecolumn_column a:active{
	color: #000;
}
*/


/* This controls the default spacing placed around unordered lists. */
ul {
	margin: 0 0 10px 15px;
	padding: 0;
	list-style-type: none;
}

ul.loose li {
	margin-bottom: 0.5em;
}

/* Removes the left indent that occurs with unordered lists, used on heatsmart glazing page etc... */
ul.noindent {
	margin: 0 0 0 0;
	padding: 0;
}

ul.smallindent {
	margin: 0 10px 10px 10px;
	padding: 0;
}

/* adds a red bullet by default to list items unless otherwise specified */
#main li {
	padding: 4px 0px 4px 20px;
	background: url(/images/list_arrow.jpg) no-repeat 0 .6em;
}

/* formats the news list on the homepage */
.home_news li {
	padding: 0 0 0 10px;
	list-style: none;
	margin: 0 0 7px 0;
}

.archive_link {
	float: right;
	font-size: 9px;
	padding: 0 15px 10px 0;
}


/* formats the quick links on homepage */
.home_links li {
	padding: 0 0 0 10px;
	list-style: none;
	margin: 0 0 2px 0;
}

/*.home_links strong {
	color: #FD1914;
	text-decoration: none;
}*/

/*#navigation a:link.active, #navigation a:visited.active, #navigation a:hover */

.home_links strong a:link, .home_links strong a:visited {
	color: #FD1914;
	text-decoration: underline;
}

.home_links strong a:hover, .home_links strong a:active {
	color: #7C7244;
	text-decoration: underline;
}

/* formats the product column on the homeowner homepage */
.home_products {
	padding: 0px 10px 0px 20px;
	margin: 0;
}

/*Styles the h2 on the homeowner homepage above the drop down menus */
.home_products h2 {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
}

/* Styles the drop down menu on both the homeowner and architect homepages*/
.home_menu {
 font-size: 11px; 
 width: 180px; 
 margin: 0 0 10px 0;
 padding: 0;
}

ol li{
	padding-left: 0px;
	background: none;
}

/* the next ID sizes the wider cell on the product main pages. (Ex: Windows Home)
There's two cells, one contains the photo and the other contains the body copy.  */
.productmain_large {
	width: 567px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.search_content {
	width: 739px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

/* the next ID sizes the narrow cell on the product main pages. (Ex: Windows Home)
There's two cells, one contains the intro copy on a red background and the other
contains the navigation on the left */
.productcolumn_small {
	width: 170px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.productcolumn_small .text_content {
	padding: 0px 10px 15px 10px ;
	margin: 0;
}

/* The following is used to size the content column on the individual product pages
(ex: awning, casement, terrace door etc... ) */
.productcolumn_medium {
	width: 395px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

/* Headeline classed begin */

h6 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #FF0000;
	margin: 0;
	padding: 0;
}

h5 {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	margin: 0 0 0 0;
/*	padding: 0 0 0 0;*/
	padding: 7px 0 0 0;
}


h4 {
	font-size: 11px;
	font-weight: bold;
	color: #9e9465;
	margin: 0.5em 0 0.25em 0;
	padding: 0 0 0.25em 0;
}


h4.padded {
	font-size: 11px;
	font-weight: bold;
	color: #9e9465;
	padding: 0 0 4px 10px;
	margin: 0 0 0 0;
}

h3 {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 7px 0 7px 0;
}

h3.chart {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
/*	padding: 0 0 0 0;*/
	padding: 0 0 0 0;
}

/* Small red headline used to start off paragraphs within copy, but not used as a main header
or to create a divider between content */
h2 {
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #ff0000;
	margin: 1.0em 0 3px 0;
	padding: 0 0 0.1em 0;
}

/* Adds a brown border beneath the headers on the individual pages
such as casement, awning, etc... */
h2.underline {
	border-bottom: 1px solid #BAAF7B;
	margin: 0 0 8px 0;
	padding: 5px 0 2px 0;
	text-align: left;
	color: #000;
}


/* Large black headline to be used exclusively as a header for page content, not to be
used to seperate paragraphs within copy etc... */

/*
h1 {
	margin-bottom: 0;
}
*/


/* Headline classes end */


/* This is the second header in the sitemap. Typically applied to the div that 
surrounds secondary headers such as "Windows, Doors etc..." */
/*.sitemap_2nd_header {
	color: #9e9465;
	padding: 0 0 0 0;
	margin: 0 40px 10px 40px;
	border-bottom: 1px solid #BAAF7B;
}*/

.sitemap_body {
	color: #9e9465;
	padding: 0 0 0 0;
	margin: 0 10px 0px 40px;
}



/* This class is applied to the Div's that contain the sitemap column content. Such as the listing
of the casement section, the awning section etc */
.sitemap_columns {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 159px;
	color: #9e9465;
}


/*ul.sitemap_menu li {
	list-style: none;
	margin: 0;
	padding: 1px 6px 1px 6px;
	text-align: left;
	background-image: none;
	font-weight: bold;
}

ul.sitemap_menu li a {
	display: block;
	padding: 0 0 0 8px;
	text-decoration: none;
	color: #FD1914;
}

ul.sitemap_menu li a:hover {
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
}*/

ul.sitemap_menu li {
	list-style: none;
/*	list-style-image: none;*/
	margin: 0;
	padding: 1px 6px 1px 10px;
	margin-left: 6px;
	/* In IE, bullet graphic disappears if there is no border */
	border: 1px solid white;
}

ul.sitemap_menu li a {
	list-style: none;
	margin: 0;
/*	padding: 1px 6px 1px 6px;*/
	text-align: left;
	background-image: none;
	text-decoration: none;
	font-weight: normal;
}

ul.sitemap_menu li a:visited {
	text-decoration: none;
}

ul.sitemap_menu li.underline {
	list-style: none;
	background-image: none;
	margin: 0 0 0 0;
	padding: 2px 6px 1px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #FD1914;
	border-bottom: 1px solid #BAAF7B;
}


ul.sitemap_submenu {
	margin: 0 0 0 0;
	padding: 0 0 0 6px;
	text-align: left;
/*	border: 1px dashed black;*/
}

/* Note: IE can't display the list properly unless a minimum of 1 px is in the top and bottom padding. */
ul.sitemap_submenu li {
	list-style: none;
	list-style-image: none;
	border-bottom: none;
	padding: 1px 0 1px 5px;
/*	padding: 1px 6px 1px 10px;*/
	margin-left: 6px;
	text-align: left;
/*	background-image: none;*/
	font-weight: normal;
/*	border: 1px solid red;*/
}

ul.sitemap_submenu li a {
/*	background: url(images/happenings_bullet.gif) no-repeat left;*/

	display: block;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #999;
/*	border: 1px solid blue;*/
}

ul.sitemap_submenu li a:hover {
	color: #000;
}

ul.sitemap_submenu li a:visited {
	text-decoration: none;
	color: #999;
}

/* This class controls the div that surrounds the individual hardware
components on the hardware homepages. */
.hardware_component {
	float: left;
	padding: 0px 10px 10px 10px ;
	margin: 0;
}


/* add the shadow image to the background of a cell in popup windows. It's neccesary to do
because the window is of variable width. */
.popupnav_shadow {
	background-image: url(images/navigation_shadow.gif);
	border: 0;
	padding: 0 0 8px 0;
	margin: 0;
	background-color: #fff;
}

.hardware_swatch {
	float: left;
	width: 48px;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

.hardware_swatch_on {
	border: 1px solid #FD1914;
}

.hardware_swatch_off {
	border: 0px;
}
.imageOff{ 
border: 0px 
} 
.imageOn{ 
border: 1px solid #000 
} 

/* Links for the cad headers (Currently in progress)*/
.cad_links td.title {
	padding: 4px 0 4px 0px;
	margin: 0;
	color: #FFF;
	font-size: 11px;
}

.literature_background {
	background: #9e9465;
}

.literature_copy {
	font-size: 10px;
	color: #fff;
}

.footnote {
	font-size: 10px;
	font-style: italic;
}

.smallcopy {
	font-size: 9px;
	color: #999;
}

/* The following CSS controls the apperance of the left hand menus, including sub menus*/
.product_menu {
	padding: 0 0 1px 0;
	margin: 1em 0 0 0;
	border-top: 1px dotted gray;
}

.product_menu li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	border-bottom: 1px dotted gray;
	padding: 2px 6px 2px 6px;
	text-align: left;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

.product_menu li a {
	display: block;
	padding: 0 0 0 8px;
	text-decoration: none;
	/*color: #FD1914;*/
	color: #9E9465;
	text-decoration: none;
}

.product_menu li a:hover {
/*	list-style-image: url(images/red_bullet.gif);*/
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
	background-color: #efefef;
}

.product_menu li a.active{
/*	list-style-image: url(images/red_bullet.gif);*/
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
	background-color: #efefef;
	border-bottom: none;
}

.product_menu li a:visited {
	text-decoration: none;
}



.sub_menu {
	margin: 0 0 0 0;
	padding: 0 0 0 6px;
	text-align: left;
}

/* Note: IE can't display the list properly unless a minimum of 1 px is in the top and bottom padding. */
.sub_menu li {
	list-style-image: none;
	list-style: none;
	border-bottom: none;
	padding: 1px 0 1px 0;
	text-align: left;
	background-image: none;
	font-weight: normal;
}

.sub_menu li a {
	display: block;
	padding: 0 0 0 8px;
	text-decoration: none;
/*	color: #999;*/
	color: #9E9465;
}

.sub_menu li a:hover {
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
	background-color: #efefef;
}

.sub_menu li a.highlight{
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
	background-color: #efefef;
}

/* The navigation formatting ends*/


.help {
	color: #808080;
	line-height: normal;
}

.smalldate {
	color: #808080;
	font-size: 10px;
}


/* 
======================
ID classes begin 
======================
*/

table#news_image {
	padding: 0px 15px 15px 10px;
	margin: 0;
}

#acrobat {
	padding: 15px 15px 0px 20px;
	margin: 0;
	font-size: 10px;
	font-style: italic;
}

/* Hardware picker main Div control: */
#hardware_picker {
	width: 100%;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

/* Div that surrounds the hardware photo */
#hardware_photo {
	float: left;
	width: 332;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

#hardware_header {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-weight: bold;
	font-size: 12px;
	float: left;
	width: 100%;
	padding: 10px 10px 3px 14px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #BAAF7B;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Div that surrounds the color swatches and drop down on
the hardware picker */
#hardware_selections {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	text-align: left;
	float: left;
	width: 180px;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

/* This Div contains the actual hardware finish swatches */
#hardware_swatches {
	width: 159px;
	padding: 0 0 0 0;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #9e9465;
	border-top: 1px solid #9e9465;
}


/* This ID controls the DIV that contains the individual hardware images on 
the hardware homepages. */
#hardware_content {
	padding: 10px 10px 20px 10px ;
	margin: 0;
}

/* Formats the hardware picker dropdown*/
#hardware_dropmenu {
	border: 1px;
	font-size: 10px;
	padding: 3px 10px 3px 0;
}


/* This ID controls the div that surrounds the hardware finish option */

/* formats the search box */
#searchbox {
	margin: 0;
	float: right;
	font-size: 10px;
	padding: 0px 10px 6px 0;
	background-color: #FFF;
}

#searchbox input {
	border: 1px solid #9E9465;
	font-size: 10px;
	width: 100px;
	vertical-align: baseline;
	margin-right: 5px;
}


/* This sets the defaults for all sitemap links. */
#sitemap_links a:link {
	text-decoration: none;
	/*color: #DC143C;*/
}

#sitemap_links a:visited {
	text-decoration: none;
	/*color: #DC143C;*/
}

#sitemap_links a:active {
	text-decoration: none;
	/*color: #999;*/
}

#sitemap_links a:hover {
	text-decoration: none;
	/*color: #999;*/
}
/* End sitemap links */


/* This is the ID the site map DIV that contains the text "home" and the links there in. */
#sitemap_home {
	color: #9e9465;
	padding: 0 0 0 0;
	margin: 10px 0 10px 22px;
	border-bottom: 1px solid #BAAF7B;
	text-decoration: none;
	font-weight: bold;
}

/*#sitemap_home a {
	color: #9e9465;
	text-decoration: none;
	font-weight: bold;
}*/

table#dealer_table{
	border-right: 1px solid #9e9465;
	border-bottom: 1px solid #9e9465;
}

table#dealer_table th{
	background: #9e9465;
	color: #FFF;
	padding: 4px 3px 4px 5px;
	font-size: 10px;
	font-weight: bold;
}

table#dealer_table td{
	border-left: 1px solid #9e9465;
	padding-right: 6px;
}

/* ID for the main table containing the all of the navigation at the top */
table#content_table {
	width: 767px;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

table#international_table {
	width: 741px;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}



/* ID for the main table containing the all of the navigation at the top */
table#navigation_table {
	width: 767px;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}



/* ID for the main table containing the all of the navigation at the top */
table#footer_table {
	width: 767px;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #9e9465;
}

/* ID for the individual product homepages, it centers the large image 
(ex: casements, awning etc) and red text beside it. */
table#prodhome_table {
	width: 767px;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #9e9465;
}

/* ID for the individual product homepages, it centers the bottom table that contains
that particular section's navigation and content */
table#prodhomecont_table {
	width: 767px;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #9e9465;
}

/* individual product tables (ex: casement, awning, terrace door etc...) */
table#product_table {
	width: 767px;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

table#sitemap_table_container {
	width: 639px;
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}


/* ID for the main table containing the all of the navigation at the top */
table#popupnav_table {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

/* Sets the attributes for the product listing tables on the windows 
and doors homepages that contain the isometric illustrations and descriptions*/
table#product_listing {
	width: 536px;
	border: 0px;
	padding: 0;
	margin: 10px 0 0 0;
}

#international_footer {
	float: right;
}

/* the left text in the footer */
#footer_links {
	float: left;
	padding: 3px 0 3px 10px;
	margin: 0;
	color: #FFF;
	font-size: 10px;
}

#footer_width {
	width: 739px;
}

/* links in the footer  begin */
#footer_links a:link {
	text-decoration: none;
	color: #FFF;
}

#footer_links a:visited {
	text-decoration: none;
	color: #FFF;
}

#footer_links a:active {
	text-decoration: none;
	color: #FFF;
}

#footer_links a:hover {
	text-decoration: underline;
	color: #FFF;
}
/* links in the footer end */

/* the right text in the footer */
#footer_copyright {
	float: right;
	padding: 3px 10px 3px 0;
	margin: 0;
	color: #FFF;
	font-size: 10px;
}

/* the following ID controls the DIV around the top left logo */
#navigation_logo {
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	border: none;
}

/* the white stripe behind the breadcrumb navigation */
#breadcrumbs {
	float: left;
	font-size: 10px;
	padding: 2px 0 4px 10px ;
	margin: 0;
	background-color: #FFF;
}

#breadcrumbs a:link { text-decoration: none; }
#breadcrumbs a:visited { text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs a:active { text-decoration: none; }

/* The following are navigation IDs used to create the red tabs 
and format the copy on the main navigation*/

/* the following ID controls the Div surrounding the navigation */
#nav_container {
	padding: 0;
	padding-right: 4px;
	margin: 28px 0 0 0;
	display: block;
/*	text-align: right;*/
	float: right;
/*	border: 1px solid green;*/
	}
	
#navigation {
	margin: 0;
	padding: 0 0 0 0;
	}

#navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	list-style-image: none;
	list-style: none;
	}
	
#navigation a:link, #navigation a:visited {
	float: left;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 8px 6px 8px;
	text-decoration: none;
	color: #FFF;
	margin: 0;
	}

#navigation a:link.active, #navigation a:visited.active, #navigation a:hover {
	color: #CCC;
	background: url(images/navigation_tab.gif) no-repeat bottom center;
	}
	
#navigation.active {
	color: #CCC;
	background: url(images/navigation_tab.gif) no-repeat bottom center;
	}
/* main navigation ID's end here */


/*Begin the CSS for the left hand product options navigation that appears on 
product content pages (casement, awning etc..) */

#options_menu {
	padding: 0 0 1px 0;
	margin: 1em 0 0 0;
	border-top: 1px dotted gray;
}

#options_menu li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	border-bottom: 1px dotted gray;
	padding: 2px 6px 2px 6px;
	text-align: left;
	background-image: none;
	font-weight: normal;
}

#options_menu li a {
	display: block;
	padding: 0 0 0 8px;
	text-decoration: none;
/*	color: #999;*/
	color: #9E9465;
}

#options_menu li a:hover {
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
}

#options_menu li a.active{
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
	background-color: #efefef;
}
/* end the options navigation */




#quicklinks_menu {
	padding: 0 0 1px 0;
	margin: 1em 0 0 0;
/*	border-top: 1px dotted gray;*/
/*	border-bottom: 1px dotted gray;*/
}

#quicklinks_menu li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	border-top: 1px dotted gray;
	padding: 2px 6px 2px 6px;
	text-align: left;
	background-image: none;
	font-weight: normal;
}

#quicklinks_menu li a {
	display: block;
	padding: 0 0 0 8px;
	text-decoration: none;
/*	color: #999;*/
	color: #9E9465;
}

#quicklinks_menu li a:hover {
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
}

#quicklinks_menu li a.active{
	background: url(images/happenings_bullet.gif) no-repeat left;
	color: #000;
	background-color: #efefef;
}


/* 
======================
Form classes
======================
*/

form {
	margin: 0;
	padding: 0 0 7px 0;
}

textarea {
	font : 11px Arial, Helvetica, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #FFF;
}

input.text {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	background: #FFF;
}

.txtFldLg {
	font: 11px Arial, Helvetica, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	background : #FFF;
	width: 260px;
}

.txtFldMd {
	font: 11px Arial, Helvetica, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	width: 180px;
}

.txtFldSm {
	font: 11px Arial, Helvetica, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	width: 80px;
}

.txtAreaLg {
	font: 11px Arial, Helvetica, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	width: 400px;
	height: 200px;
}

.txtAreaMd {
	font: 11px Arial, Helvetica, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	width: 300px;
	height: 140px;
}

.txtAreaSm {
	font: 11px Arial, Helvetica, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	width: 200px;
	height: 140px;
}

input.password {
	font: 11px verdana, helvetica, arial, geneva, sans-serif;
	border: 1px solid #666;
	padding: 2px;
	background: #FFF;
}

input.check {
	color: #666;
	background: #FFF;
}

select {
	font: 11px Arial, Helvetica, geneva, sans-serif;
/*	border: 1px solid #666;*/
	padding: 2px;
	color: #666;
	border: 1px solid #666;
}

input.submit {
	font: 11px Arial, Helvetica, sans-serif;
/*	padding : 2px;*/
/*	background : #FFF;*/
}

/* Used for additional information that may be critical to the reader. */
.warning {
	margin: 1em;
	margin-left: 0;
	padding: .6em;
	color: black;
	border: 1px dashed #314263;
	background-color: #fbf9e4;
}

p.tight {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Homeowner homepage selectors begin */

#homeowner_banner_table {
	margin: 0 auto;
	width: 767px;
	background: #fff;
}

#homeowner_links_table {
	margin: 0 auto;
	width: 767px;
	background: #fff;
}


#homeowner_photo {
	width: 569px;
	vertical-align: bottom;
	border-top: 1px solid #9e9465;
	background: #fff;
}

#homeowner_description {
	width: 170px;
	text-align: center;
	background: #9e9465;
	border-top: 1px solid #9e9465;
	vertical-align: top;
}

#homeowner_prod_links {
	padding-top: 5px;
	width: 125px;
	margin: 0 auto;
	
}

.homeowner_news_products {
	width: 246px;
	background: #fff;
	vertical-align: top;
}

#homeowner_quicklinks {
	width: 247px;
	background: #fff;
	vertical-align: top;
}

.homeowner_content {
	padding: 0px 10px 15px 5px;
	line-height: 16px;
	margin: 0;
}

#homepage_footer_links {
	float: left;
	display: inline;
}

#homepage_footer_links a:link, #homepage_footer_links a:visited {
	color: #999;
	text-decoration: none;
}

#homepage_footer_links  a:hover, #homepage_footer_links a:active {
	color: #7C7244;
	text-decoration: underline;
}

#homepage_footer_links strong a:link, #homepage_footer_links strong a:visited {
	color: #828282;
	font-weight: bold;
}

#homepage_footer_links strong a:hover, #homepage_footer_links strong a:active {
	font-weight: bold;
}

#homepage_footer_copyright {
	float: right;
	display: inline;
	color: #999;
}

#homepage_footer_copyright a:link, #homepage_footer_copyright a:visited {
	color: #7C7244;
	text-decoration: none;
}

#homepage_footer_copyright  a:hover, #homepage_footer_copyright a:active {
	color: #7C7244;
	text-decoration: underline;
}

homepage_footer_links .find {
	font-weight: bold;
}

/* -------------------------------------------------------
For use on the temporary cyprium pages. Remove once the cyprium mini site goes live.
Ensure there are no references to these selectors before hand.
------------------------------------------------------------*/

div.cyprium_spacer { clear: both; height:0 ; border-bottom: 1px solid #9E9465; width: 100%; margin: 5px 0 10px 0;}

div.cyprium_features { width: 255px; padding: 0 0 10px 0; margin: 10px 0 0 0;}

div.img_border_right {border: 1px solid #9e9465; margin: 0 0 5px 5px; padding: 3px; float: right; }
div.img_border_left {border: 1px solid #9e9465; margin: 0 5px 5px 0; padding: 3px; float: left; }
div.img_border_right img {vertical-align: bottom;}
div.img_border_left img {vertical-align: bottom;}

img.float_right { float: right; margin: 0 0 10px 30px;}
img.float_left { float: left; margin: 0 30px 10px 0;}

div.patina_samples {float: left; border: 1px solid #9e9465; margin: 0 15px 5px 0; padding: 3px;}
div.patina_samples img{vertical-align: bottom;}

h2.cyprium {font-size: 11px; line-height: normal; font-weight: bold; color: #ff0000; margin: 0; padding: 0; }

.cyprium_table {
	width: 80%;
	border-style: solid;
	border-left: 1px solid #9e9465;
	border-bottom: 1px solid #9e9465;
	border-top: none;
	border-right: 1px solid #9e9465;
	font-size: 10px;
}

.cyprium_table td {
	border-top: 1px solid #9e9465;
	padding: 5px;
	text-align: center;
}

.cyprium_table td.seperator {
	border-right: 1px solid #9e9465;
}

.cyprium_table th {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	padding: 0.25em 0 0.25em 0;
}

.cyprium_table_header {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #9e9465;
}

.cyprium_table_header_lite {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #f00;
}

.cyprium_table_header_lite_seperator {
	font-family: Arial, Verdana, Helvetica, Geneva, Chicago, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #f00;
	border-right: 1px solid #9e9465;
}


.cyprium_table_grey {
	background-color: #e2e2e2;
}

.cyprium_table_grey_seperator {
	background-color: #e2e2e2;
	border-right: 1px solid #9e9465;
}

.cyprium_table td.left {
	border-left: 1px solid #9e9465;
}

/* -------------------------------------------------------
End of Cyprium Specific Tags
------------------------------------------------------------*/

.bifold_float { float:left; width:105px; margin-top:5px; }
.bifold_float img { border:1px solid #9e9465; }
.bifold_float p { line-height:normal; font-size:10px; margin-top:1px; }

div#cad_details_picker { 
  padding-left: 8px;
  padding-right: 1em;
}

div#cad_plugin_sub_notice { 
  float: right;
  width: 170px;
  border: 1px solid #9e9465;
  background-color: #f8f6ef;
}