@charset "utf-8";
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

body 
{
	font-size:12px;
	font-family: Georgia, Times New Roman, serif;
	color:#000000;
	background-image:url(images/bg2.png);
	background-repeat:repeat;
}

img, div, a, input{ behavior: url(iepngfix.htc) }

input 
{
	background-color:#f9f7f0;
}

input.textlong
{
	width:287px;
}

input.textshort
{
	width:80px;
}

input.textshort2
{
	width:120px;
}

input.textmedium
{
	width:110px;
}

textarea {
	background-color:#f9f7f0;
	}

li
{
	list-style:none;
}

div
{
	position:relative;
}

img
{
	border:none;
	display:inline;
}

a
{
	color:#000000;
	text-decoration:none;
}

h2
{
	border-bottom:2px solid #f2f2f2;
	padding:5px 0px;
	/*margin:10px 0px;*/
	margin-bottom:10px;
	background-color:#ffffff;
}

h2.no_bottom_margin
{
	margin-bottom:0px;
}

h2.no_underline
{
	border:none;
}

h3
{
	margin:0px;
	padding:0px;
}
p
{
	margin:7px 0px;
	line-height:14px;
}

p.right
{
	text-align:right;
}

ul.bullets li
{
	background:url(images/bullet.png) no-repeat left 3px;
	padding:0px 0px 5px 15px;
}

#body_bg
{
	/*
	background:url(images/bg1.png) repeat-x;
	*/
	padding:0px 60px 0px 60px;
	margin:0 auto;
	width:980px;	
}

#body
{
	width:850px;
	padding:0px 60px 0px 70px;
	background-color:#ffffff;
}

#header
{
	padding:10px 0px;
	width:850px;
}

#topnav
{
	position:absolute;
	overflow:hidden;
	top:55px;
	right:0px;
}

#topnav li
{
	display:block;
	float:left;
	height:12px;
	padding:0px 10px;
	background-image:url(images/topnav_separator.png);
	background-repeat:no-repeat;
	background-position:top right;
}

#topnav li.first
{
	padding-left:0px;
}

#topnav li.last
{
	padding-right:0px;
	background-image:none;
}

#topnav li a.on:link, #topnav li a.on:visited, #topnav li a.on:hover, #topnav li a.on:active 
{
	height:12px;
	background-image:url(images/on.png);
	background-position:top left;
	background-repeat:repeat-x;	
}

#topnav li a:link, #topnav li a:visited
{
	height:12px;
	background-image:url(images/off.png);
	background-position:top left;
	background-repeat:repeat-x;
}

#topnav li a:hover, #topnav li a:active
{
	height:12px;
	background-image:url(images/on.png);
	background-position:top left;
	background-repeat:repeat-x;
}

.topnavsub
{
	position:absolute;
	top:10px;
	font-size:10px;
}

.topnavsub li
{
	display:inline;
}

.topnavsub a
{
	display:block;   
	margin:2px 0px;
}

.topnavsub a span
{
	display:block;
	height:10px;
	background-image:url(images/off.png);
}

.topnavsub a.on span
{
	background-image:url(images/on.png);
}

.topnavsub a span img
{
	display:block;
}

.topnavsub a:hover span
{
	background-image:url(images/on.png);
}

#topnavsub_staircases.topnavsub
{
	left:420px;
}

#topnavsub_railings.topnavsub
{
	left:511px;
}

#topnavsub_metalwork.topnavsub
{
	left:585px;
}

#topnavsub_history.topnavsub
{
	left:355px;
}

#main
{
	margin-top:5px;
}

#main_content
{
	margin-top:10px;
	overflow:hidden;
	width:850px;
}

#main_content.home
{
/* 	height:0px;	 */
}

#main_content .col1_home
{
	width:357px;
	margin-right:23px;
	float:left;
}

#main_content .col2_home
{
	width:470px;
	float:left;	
}

#main_content .col1
{
	width:715px;
	margin-right:15px;
	float:left;
	
}

#main_content .col2
{
	width:120px;
	float:left;
	background-color:#f9f7f0;
}

#main_content .col1_staircase
{
	width:390px;
	margin-right:15px;
	float:left;
}

#main_content .col2_staircase
{
	float:left;
	width:445px;
	overflow:hidden;
}

#main_content .col2_staircase .col2_staircase_col1
{
	float:left;
	width:315px;
	margin-right:15px;
}

#main_content .col2_staircase .col2_staircase_col2
{
	float:left;
	width:115px;
	background-color:#f9f7f0;
}

*html #main_content .col2_staircase .col2_staircase_col1
{
	margin-right:10px;
}
*html #main_content .col2_staircase .col2_staircase_col2
{
	height:1%;
	margin-left:-3px;
}

#main_content .col2_staircase .col2_staircase_col2 #categories
{
	height:530px;
}

#main_content .col2_staircase ul.collection li
{
	width:315px;
}

#main_content .col2_staircase ul.collection li div.collection
{
	width:195px;
}

#main_content .col1_news
{
	width:414px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	margin-bottom:10px;
	border-right: #E4E4E4 1px solid;
}

#main_content .col1_news li
{
	width:420px;
	overflow:hidden;
	margin:5px 0px;
}

#main_content li img.news_thumb
{
	display:block;
	float:left;
	margin-right:15px;
	width:62px;
}

#main_content li p.news_desc
{
	display:block;
	float:left;	
	width:275px;
	margin:0px;
	margin-right:15px;
}

#main_content li p.news_read
{
	display:block;
	float:left;
	margin:0px;
}


#main_content .col2_news
{
	width:420px;
	float:left;
}

#main_content .col2_news li
{
	width:420px;
	overflow:hidden;
	margin:5px 0px;
}


*html #main_content .col1
{
	margin-right:6px;
}
*html #main_content .col2
{
	height:1%;
	margin-left:-3px;
}

ul#featureshowcase li
{
	margin:5px 0px;
}

ul#featureshowcase li a img
{
	border:1px solid #bbbcbf;
}

#catalogue
{
	text-align:right;
	padding:5px;
}

#main_content #catalogue.home
{
	float:left;
}

div.p_obj
{
	overflow:hidden;
	width:470px;
}

#main_content div.p_obj_right
{
	width:355px;
}

#categories
{	
	padding:5px 0px;
	width:120px;
	height:200px;
}

#categories.pg_customproducts
{
	height:270px;
}

#categories li
{
	padding:5px 10px;
	overflow:hidden;
	width:100px;	
	position:relative;
}

#categories li a.expand
{
	overflow:hidden;
	height:12px;
	position:relative;
}

#categories li a.expand span.expand
{
	display:block;
	width:10px;
	height:10px;
	float:left;
}

#categories li a.expand span.expandtxt
{
	display:block;
	height:12px;
	float:left;
	margin-left:2px;
	background-image:url(images/off.png);
}

#categories li a.expand span.expand img
{
	display:block;
}

#categories li a.expand:hover span.expand
{
	background-color:#999999;
}

#categories li a.expand:hover span.expandtxt
{
	background-image:url(images/on.png);
}

#categories li a.expand span.expandtxtactive
{
	background-image:url(images/on.png);
}

/*#categories a.expand
{	
	display:block;
	width:10px;
	float:left;
}

#categories a.expand img
{
	display:block;
}

#categories a.expand:hover
{
	background-color:#999999;
}

#categories img.category
{
	float:left;
	margin-left:2px;
}*/

#categories ul.subcategory
{
	clear:both;
	padding-top:5px;
	display:block;
}

#categories ul.subcategory_hidden
{
	display:none;
}

#categories ul.subcategory li
{
	padding:2px 0px 2px 15px;
	font-size:10px;
	letter-spacing:-0.05em;	
}


#footertop
{
	border-bottom:2px solid #818181;
	margin-top:10px;
}


#footertop select
{
	border:1px solid #eae4d2;
	font-size:12px;
	font-family: Georgia, Times New Roman, serif;
	color:#000000;
}

#footertop #page
{
	position:absolute;
	right:0px;
	bottom:5px;
}

#footerbottom
{
	overflow:hidden;
	width:850px;
	height:60px;
	padding:10px 0px;
}

#footerbottom div, #footerbottom ul
{
	float:left;	
	color:#333333;
}

#footerbottom #copyright
{
	margin-right:25px;
}

#footerbottom #bottomnav
{
	overflow:hidden;
	width:460px;
}

#footerbottom #bottomnav a
{
	color:#333333;
}

#footerbottom #bottomnav a:hover
{
	color:#333333;
	text-decoration:underline;
}

#footerbottom #bottomnav li
{
	float:left;
	border-right:1px solid #333333;
	margin-right:5px;
	padding-right:5px;
}

#footerbottom #bottomnav li.last
{
	border:none;
}

#footerbottom #phone
{
	color:#ad9838;
}

#footerbottom #alhambra
{
	float:none;
	position:absolute;
	right:0px;
	top:5px;
}

div.p_obj_right
{
	float:left;
}

img.grey_border
{
	border:1px solid #bbbcbf;
}

ul.collection
{
	margin-top:10px;
}

ul.collection li
{
	border:1px solid #f5f3eb;
	overflow:hidden;
	width:713px;
	position:relative;
	margin-bottom:10px;
/*	height:94px;*/
}


img.collection
{
	display:block;
	float:left;
}

div.collection
{
	float:left;
	/*width:575px;*/
	width:452px;
	padding:5px 10px;

}

div.costhidden
{
	display:none;
}

div.costvisible
{
	display:block;
}

a.greybgiconover
{
	display:block;
}

a.greybgiconover span
{
	height:10px;
	width:10px;
	display:block;
/* 	background-color:#ffffff; */
}

a.greybgiconover span img
{
	display:block;
}

a.greybgiconover:hover span
{
	display:block;
	background-color:#999999;
}

.tooltip_wrapper_hidden {
    position: absolute;
    left: 235px;
	width:200px;
	display: none;
	}

.tooltip_wrapper_stock {
    position: absolute;
    top: 0;
	width:200px;
	display: none;
	z-index: 9999;
	}

.tooltip_stock_01 {
    left: 52px;
    top: -79px;
	}

.tooltip_stock_02 {
    left: 49px;
    top: -22px;
	}

.tooltip_stock_03 {
    left: 28px;
    top: -67px;
	}

.tooltip_wrapper {
    position: absolute;
    left: 235px;
	width:200px;
	display: block;
	}	
#tooltip_top {
	width:200px;
	height:10px;
    margin: 0px;	
}

#tooltip_top_02 {
	width:200px;
	height:4px;
    margin: 0px;	
}

#tooltip_middle {
	width:174px;
	background-color: #FEFDFD;
	border-left: 1px solid #a19478;
	border-right: 1px solid #a19478;
	padding-right:12px;
	padding-left:12px;
	padding-top:3px;
	padding-bottom:3px;
    margin: 0px;		
}
#tooltip_bottom {
    margin: 0px;
	padding: 0px;
	width:200px;
}

#tooltip_bottom_02 {
    margin: 0px;
	padding: 0px;
	width:200px;
}

.tooltip_text {
    margin: 0px;
	color: #a19478;
	font-style: italic;
	}
	
#contactFormNew { float:left; width:412px; }
.contactFormNewInput { background-color:#F9F7F0; width:100%; }
#contactFormNew textarea { background-color:#F9F7F0; width:100%; height:80px; overflow:auto; }
.introBlurb { margin-bottom:6px; }
.introBlurb p { margin-top:0px; }
.asterik { margin-bottom:2px; }
.contactFormNewRow { float:left; width:412px; margin-bottom:3px; }
.contactFormNewRowLeft { float:left; width:95px; }
.contactFormNewRowRight { float:left; width:317px; }
.contactFormNewRowRightSmall { float:left; width:115px; }
.contactFormNewRowSecond { float:left; width:82px; margin-right:4px; text-align:right; }
.formAlignRight { text-align:right; }
.formSendBtn { width:46px; height:17px; float:right; }
.contactCTA { float:left; margin-right:24px; }
.col1News { 
	float:left; 
	border-right:1px solid #E4E4E4; 
	width:404px;
	padding: 0 10px 20px 0px;	
}


.col2News { 
	float:left;
	padding: 60px 0 20px 10px;	
	width:410px;
}
#topflash 				{ position: relative; z-index: 1; }
.single_image			{ text-decoration: underline; }
.stockPartsEdit			{ float: left; width: 715px; }
.spe_02					{ float: left; width: 156px; position: relative; }
.spe_03					{ float: left; width: 334px; position: relative; }
.spe_04					{ float: left; width: 225px; position: relative; }
.stockPartsEdit img		{ float: left; }
.toolTrigger			{ position: relative; float: left; z-index: 1; }