﻿/* HTML overrides */
body 
{
	font-family: Arial, Sans-Serif;
	font-size: medium;
	margin: 0;
	border: 0;
	color: #86898a;
	background-color: #fff;
}

h1
{
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #000;
	border-bottom: dotted 2px #000;
	font-size: 140%;
}
a, a:visited, a:active
{
	color: #1c479e;
}
a:hover
{
	color: #666699;
}

img
{
	border: 0;
}
/* end HTML overrides */

/* Page Structure */

#wrapper
{
	width: 944px;
	margin: 0 auto;
}

#menu
{
	margin-top: 15px;
}
	
	

#mainbody
{
	margin-top: 15px;
}
	#mainbody #maincontent
	{
		float: right;
		width: 635px;
	}
		#mainbody #maincontent #centralcontent
		{
			min-height: 202px;
		}
	
	#mainbody #leftcol
	{
		float: left;
		width: 275px;
	}
	
	#mainbody #contend
	{
		clear: both;
		height: 0;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}
#footer
{
	margin: 10px 0;
	font-size: 70%;
}
/* End Page Structure */

/* Menu Styles */
#menu #toplevel
{
	height: 24px;
	font-family: Helvetica, Arial, Sans-Serif;
}
	#menu #toplevel ul
	{
		height: 24px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#menu #toplevel ul li
		{
			display: block;
			float: left;
			height: 24px;
			margin: 0 48px 0 0;
		}
			#menu #toplevel ul li.last
			{
				float: right;
				margin: 0;
			}
			#menu #toplevel ul li a
			{
				display: block;
				height: 24px;
				text-decoration: none;
				color: #1c479e;
				/*text-indent: -5000px;*/
			}
				#menu #toplevel ul li a:hover
				{
					color: #1c479e;
				}
					
#menu #secondlevel
{
	height: 31px;
	margin-top: 5px;
	background: url(/images/menu/l2-bg.gif) repeat-x left top;
}
	#menu #secondlevel .container
	{
		height: 31px;
		background: url(/images/menu/l2-leftborder.gif) no-repeat left top;
	}
	#menu #secondlevel ul
	{
		height: 31px;
		margin: 0 0 0 16px;
		padding: 0;
		list-style-type: none;
		background: url(/images/menu/l2-rightborder.gif) no-repeat right top;
	}
		#menu #secondlevel ul li
		{
			display: block;
			float: left;
			height: 30px;
			width: 200px;
		}
			#menu #secondlevel ul li.sep
			{
				background: url(/images/menu/l2-seperator.gif) no-repeat right top;
				text-align: left;
				width: 255px;
			}
			#menu #secondlevel ul li a
			{
				height: 21px;
				margin-top: 5px;
				text-indent: -5000px;
				display: block;
			}
			#menu #secondlevel ul li a.mdomestic
			{
				background: url(/images/menu/m-domprod.gif) no-repeat left top;
				width: 176px;
				margin-left: 10px;
			}
				#menu #secondlevel ul li a.mdomestic:hover
				{
					background: url(/images/menu/m-domprod-over.gif) no-repeat left top;
				}
			#menu #secondlevel ul li a.mcommercial
			{
				background: url(/images/menu/m-comprod.gif) no-repeat left top;
				width: 199px;
				margin-left: 30px;
			}
				#menu #secondlevel ul li a.mcommercial:hover
				{
					background: url(/images/menu/m-comprod-over.gif) no-repeat left top;
				}
			#menu #secondlevel ul li a.mnewsletter
			{
				background: url(/images/menu/m-newsletter.gif) no-repeat left top;
				width: 101px;
				margin-left: 70px;
			}
				#menu #secondlevel ul li a.mnewsletter:hover
				{
					background: url(/images/menu/m-newsletter-over.gif) no-repeat left top;
				}
			#menu #secondlevel ul li a.mspecial
			{
				background: url(/images/menu/m-special.gif) no-repeat left top;
				width: 132px;
				margin-left: 70px;
			}
				#menu #secondlevel ul li a.mspecial:hover
				{
					background: url(/images/menu/m-special-over.gif) no-repeat left top;
				}

.commercialsubmenu
{
}
.submenu ul
{
	list-style-type: none;
	padding: 0 0 0 10px;
}
	.submenu ul li
	{
		padding: 6px 0 2px 30px;
		background: url(/images/menu/sub-marker.gif) no-repeat 0 6px;
	}
		.commercialsubmenu .submenu ul li:hover
		{
			background: url(/images/menu/com-marker.gif) no-repeat 0 4px;
		}
		.domesticsubmenu .submenu ul li:hover
		{
			background: url(/images/menu/dom-marker.gif) no-repeat 0 4px;
		}
		.submenu ul li a
		{
			color: #1c479e;
			text-decoration: none;
			font-weight: bold;
		}
	
		.submenu ul li ul
		{
			list-style-type: none;
			padding: 0 0 0 10px;
		}
			.submenu ul li ul li
			{
				padding: 2px 0 2px 0;
				font-size: 80%;
				background: none;
			}
				.submenu ul li ul li:hover,
				.domesticsubmenu .submenu ul li ul li:hover,
				.commercialsubmenu .submenu ul li ul li:hover
				{
					background: none;
				}
				.submenu ul li ul li a
				{
					color: #96999a;
					text-decoration: none;
					font-weight: normal;
				}
					.submenu ul li ul li a:hover
					{
						text-decoration: underline;
					}
/* End Menu Styles */

/* Front Page Styles */
.fpnews
{
	float: right;
	width: 305px;
}

.fpinfo
{
	float: left;
	width: 307px;
}

.fpleft
{
	float: left;
	width: 275px;
	margin-right: 34px;
}

.showrooms
{
	width: 307px;
	height: 208px;
	background: url(/images/findbranches.jpg) no-repeat left top;
	position: relative;
}
	.showrooms .srcont
	{
		position: absolute;
		right: 0; top: 0; bottom: 0;
		width: 145px;
		color: #000;
		font-size: 14px;
		padding: 30px 10px 0 0 ;
		text-align: right;
		font-weight: bold;
	}
		.showrooms .srcont a
		{
			color: #1c479e;
			text-decoration: none;
			font-size: 20px;
			display: block;
		}
.fpbox
{
	min-height: 158px;
}

.fpclearbottom
{
	clear: both;
	height: 0;
	overflow: hidden;
}
/* Commercial */
.commercial
{
	margin-top: 10px;
}
.commercial h1
{
	color: #f7931d;
	border-bottom: dotted 2px #f7931d;
}
.domestic
{
	margin-top: 10px;
}
.domestic h1
{
	color: #a02489;
	border-bottom: dotted 2px #a02489;
}

/* Section Headers */
.headerlist
{
}

	.headerlist .endheaderlist
	{
		clear: left;
	}
	
	.headerlist ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.headerlist ul li
		{
			list-style-type: none;
			margin: 0 25px 10px 0;
			padding: 0;
			float: left;
		}
		.headerlist ul li.nopad
		{
			margin-right: 0;
		}
			.headerlist ul li a
			{
				text-decoration: none;
				font-weight: bold;
				font-size: 12px;
				display: block;
			}
			.headerlist ul li a img
			{
				border: 0;
			}

.newslist
{
}

.newslist ul
{
	list-style-type: none;
}

.newslist ul li
{
	list-style-type: none;
	padding: 0 0 5px 0;
}
/* Box Styling */
.box, .boxblue, .boxnb
{
	background: url(/images/layout/box-lefttop.gif) no-repeat left top;
}
	.box .boxc, .boxblue .boxc, .boxnb .boxc
	{
		background: url(/images/layout/box-bg.gif) repeat-x left top;
		margin: 0 0 0 17px;
		height: 30px;
	}
	.box h2, .boxblue h2, .boxnb h2
	{
		background: url(/images/layout/box-righttop.gif) no-repeat right top;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		height: 23px;
		margin: 0;
		padding: 7px 0 0 3px;
	}
		.boxblue h2
		{
			background: url(/images/layout/box-righttop-blue.gif) no-repeat right top;
		}
		.boxnb h2
		{
			background: url(/images/layout/box-righttop-nobord.gif) no-repeat right top;
		}
			.boxnb h2 a
			{
				color: #fff;
				display: block;
				margin: 0 15px 0 0 ;
				text-decoration: none;
				background: url(/images/layout/box-linkg.gif) no-repeat right center;
			}
				.boxnb h2 a:hover
				{
					background: url(/images/layout/box-linkg-over.gif) no-repeat right center;
				}
	.box .boxcontent, .boxblue .boxcontent, .boxo .boxcontent, .boxp .boxcontent
	{
		border: solid 2px #c7c8ca;
		border-top: none;
		padding: 10px 5px;
		font-size: 12px;
		color: #000;
		position: relative;
	}
		.box .boxcontent .closer,
		.boxo .boxcontent .closer, 
		.boxp .boxcontent .closer
		{
			background: #e1f3fd url(/images/layout/box-rightbot.gif) no-repeat right bottom;
			width: 18px;
			height: 16px;
			position: absolute;
			right: -2px;
			bottom: -2px;
		}
	.boxblue .boxcontent
	{
		background-color: #e1f3fd;
	}	
		.box .boxcontent p,
		.boxo .boxcontent p,
		.boxblue .boxcontent p
		{
			margin: 0 0 5px;
		}
		.box .boxcontent img,
		.boxo .boxcontent img,
		.boxblue .boxcontent img
		{
			margin: 0 5px;
		}
		.box .boxcontent .subheading,
		.boxo .boxcontent .subheading,
		.boxblue .boxcontent .subheading
		{
			font-weight: bold;
			font-size: 14px;
		}
		.boxblue .boxcontent .closer
		{
			background: #e1f3fd url(/images/layout/box-rightbot-blue.gif) no-repeat right bottom;
			width: 18px;
			height: 17px;
			position: absolute;
			right: -2px;
			bottom: -2px;
		}
.boxo
{
	background: url(/images/layout/box-lefttop-orange.gif) no-repeat left top;
}
	.boxo .boxc
	{
		background: url(/images/layout/box-bg-orange.gif) repeat-x left top;
		height: 30px;
		margin: 0 0 0 17px;
	}
	.boxo h2
	{
		background: url(/images/layout/box-righttop-orange.gif) no-repeat right top;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		height: 23px;
		margin: 0;
		padding: 7px 0 0 3px;
	}
.boxp
{
	background: url(/images/layout/box-lefttop-purple.gif) no-repeat left top;
}
	.boxp .boxc
	{
		background: url(/images/layout/box-bg-purple.gif) repeat-x left top;
		height: 30px;
		margin: 0 0 0 17px;
	}
	.boxp h2
	{
		background: url(/images/layout/box-righttop-purple.gif) no-repeat right top;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		height: 23px;
		margin: 0;
		padding: 7px 0 0 3px;
	}		
/* End Box Styling */

/* Swatch Selection */
.swatchlist ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.swatchlist ul li
	{
		list-style-type: none;
		float: left;
		width: 150px;
		height: 160px;
		margin: 5px 5px 0 0;
		padding: 0;
		text-align: center;
	}
	.swatchlist ul li .swatchtitle
	{
		min-height: 40px;
	}
/* End Swatch Selection */

/* forms */
.formarea
{
}

	.formarea .col1
	{
		float: left;
		width: 320px;
	}
	
	.formarea .col2
	{
		float: left;
		width: 320px;
		margin-left: 10px;
	}
	
	.formarea .formend
	{
		clear: left;
		font-size: 0;
		line-height: 0;
		height: 0;
		overflow: hidden;
	}
	.formarea .formfooter
	{
		text-align: center;
	}
	
.formline {
	clear:left;
	padding-top:5px;
}
	.formline .formtitle {
		float:left;
		font-weight:bold;
		padding:3px 0 0;
		text-align:right;
		width:140px;
	}
	.formline .formfield,
	.formline .formfieldlrg {
		float:left;
		margin-left:5px;
		width: 335px;
	}
		.formline .formfieldlrg
		{
			width: 305px;
		}
		.formline .formfield .field,
		.formline .formfieldlrg .field {
			width: 270px;
		}
			.formline .formfieldlrg .field
			{
				width: 300px;
			}
		
	.formline .formheading
	{
		text-align: right;
		font-weight: bold;
		color: #B39123;
		width: 320px;
		font-size: 16px;
	}
/* End forms */
/* Misc Styling */

.pad
{
	margin-top: 20px;
}

.right
{
	float: right;
}
/* end Misc Styling */

/* Thick Box */
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/* End Thick Box */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.highlight {
font-weight: bold;
}

.large {
font-size: 140%;
}

.small {
font-size: 12px;
}