/*---- General Configurator Styles -----------------------------------*/

img {border:0px;}
a img {cursor:pointer;}

#mo_config_wrap {width: 950px; margin: 0 auto; clear: both;
font-family: verdana, geneva, arial, helvetica, sans-serif; color: #333;
}

.clear {clear: both;}

.green { color:#008000!important;}

h2.monorail_config {
	width: 928px;
	padding: 2px 5px;
	margin: 0;
	background: #f5f5f5;
	border: 1px solid #dadada;
	font-size: 13px;
	font-weight: bold;
	color: #008000;
	clear: both;
	}

	
.mo_config_inner_box ul, .monorail_element p {font-size: 11px;}	
	

#mo_config_wrap a {text-decoration: none; color: #333;}	
#mo_config_wrap a:link {text-decoration: none;}
#mo_config_wrap a:visited {text-decoration: none;}
#mo_config_wrap a:hover {text-decoration: underline; color: #666;}
#mo_config_wrap a:active {text-decoration: underline; color: #008000;}	
	
.error_msg {margin: 10px; padding: 20px; background: #ffc; border: 1px solid #999; color: #c00; font-weight: bold;}

.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}
	
/*---- General Configurator Styles - End -----------------------------------*/

/*---- Next / Back Navigation -----------------------------------*/
#mo_config_pg_top {
/*	width: 940px;*/
	padding: 5px;
	clear: both;
	margin: 0 auto;

}

#mo_config_pg_left {
	width:390px; float:left;
}
#mo_config_pg_right {
/*	width:260px; */
/*	height:270px;*/
	width:512px; 
	margin:10px 20px 0 0;
	float:right;
	border:1px solid #ccc;
	text-align:center;
}
#mo_config_pg_right_img { padding:5px;}
#mo_config_pg_right_txt {padding:5px; border-top:1px solid #ccc; background-color:#ffc;}
#mo_config_pg_right_txt a {text-decoration:underline!important;}


#box_nav_top {
	width: 900px;
	clear: both;
	height: 20px;
	padding: 5px 20px;
	margin: 10px auto;
	}

#box_nav_btm {
	width: 910px;
	margin: 20px auto 0 auto;
	clear: both;
	height: 20px;
	padding: 5px 20px 0 20px;
	}

.nav_next {float: right;}
.nav_back {float: left;}	


/*---- Next / Back Navigation - End -----------------------------------*/

/*---- Kit Page Specific -----------------------------------*/

p.intro {padding: 0 15px;}

#mo_config_box_wrapper {float:left}

.mo_config_outter_box {
		float: left;
		width: 290px;
		padding: 5px;
		margin: 8px;
		background: #666;
		height: 180px;
	}

	.mo_config_inner_box {
		width: 280px;
		padding: 0;
		background: #dadada;
		border: 5px solid #fff;
		height: 148px;
		overflow: auto;
	}

	.mo_config_inner_box ul {list-style: none; margin: 0; padding: 0; font-size: 11px;}
	.mo_config_inner_box input {margin:0; padding:0;}
	.mo_config_inner_box li {background: #dadada; padding:4px; border-bottom: 2px solid #fff; }
	.mo_config_inner_box li:hover {background: #efefef;}
	
	.mo_config_inner_box li.last {border-bottom: 0px solid #fff;}	

.mo_config_add_fixtures { float:left; width:290px; margin:8px; height: 180px;}
.mo_config_add_fixtures div.heads {margin:0 0 3px 0;}
.mo_config_add_fixtures div.pendants {margin:10px 0 0 0;}
.mo_config_add_fixtures div img { border: 1px solid #ccc; }
.mo_config_add_fixtures div:hover img { border: 1px solid #999; }
/*	
	
	.mo_config_inner_box li a {text-decoration: none; color: #333;}
	.mo_config_inner_box li a:link {text-decoration: none;}
	.mo_config_inner_box li a:visited {text-decoration: none;}
	.mo_config_inner_box li a:hover {text-decoration: underline; color: #666;}
	.mo_config_inner_box li a:active {text-decoration: underline; color: #008000;}
	*/
	
h2.mo_config_box_title  {color: #fff; font-weight: bold; padding: 0; margin: 0 0 5px 0; font-size: 13px;}


#mo_config_wrap h2.mo_config_box_title a {font-size: 11px; color: #dadada; text-decoration: underline;}
#mo_config_wrap h2.mo_config_box_title a:link {font-size: 11px; color: #dadada; text-decoration: underline;}
#mo_config_wrap h2.mo_config_box_title a:hover {font-size: 11px; color: #f5f5f5; text-decoration: underline;}



a.info {
    position:relative; /*this is the key*/
    z-index:24;}

a.info:hover {z-index:25;}

a.info span {display: none}

a:hover span {color: #ccc;}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
   	top:15px;
	left:0px;
	width:400px;
	padding: 10px 20px;
    border:1px solid #666;
    background-color:#fff;
	color:#000;
	font-size: 11px;
    text-align: left;
	overflow: auto;}
	
a.info:hover span.right { position: absolute;
    top:15px; left:-300px;}	

span.info_box p, span.info_box li {font-size: 11px; line-height: 15px; border-bottom: 0px solid #fff; font-weight: normal;}	

span.info_box strong  {border-bottom: 0px solid #fff; padding: 3px 0; font-size: 13px; color: #666; font-weight: bold;}	

 .finish_img {width: 100px; padding: 10px; float: left;}

 .finish_img img {border: 1px solid #dadada;}
 
  .connectors_img {text-align: center; width: 160px; padding: 10px; float: left;}
 
.connectors_img img {border: 1px solid #dadada;}

/*---- Kit Page Specific - End -----------------------------------*/

/*---- Heads Page Specific -----------------------------------*/
.prod_rows {width: 950px; margin: 0 auto;}
.led {color:#006600; font-weight:bold;}
.prod_rows em {font-style:normal; font-weight:bold; color:#006600;}

DIV.monorail_element {
	display: block;
	float: left;
	text-align: center;
	width: 160px;
	padding: 3px;
	margin: 10px;
	border: 1px solid #ccc;
	}

.monorail_element img  {
	margin: 0;
	border: none;
	} 
	
.monorail_element img a {border: 0px solid #fff;}
.monorail_element img a:link  {border: 0px solid #fff;}
.monorail_element img a:hover  {border: 0px solid #fff;}

.monorail_element p  {
	line-height: 1.1em;
	text-align: center;
	margin: 2px 0 5px 0;
	color: #666;
	}		

	
/*	
.monorail_element_title {
	font-family: verdana; font-size: 12px; color: #666;
}

a:link.monorail_element_title , a:visited.monorail_element_title  {
	font-family: verdana; font-size: 12px; color: #666; text-decoration: none;
}

a:hover.monorail_element_title , a:active.monorail_element_title   {
	font-family: verdana; font-size: 12px; color: #333; text-decoration: none;
}
*/
.monorail_element_price {
	font-family: verdana; font-size: 12px; color: #008000; font-weight: bold; line-height: 13px
}		

#go_to_subcat {
	padding: 20px 10px 5px 10px;
	float:left;
	width:730px;
	}
	
#pg_numbers_top, #pg_numbers_bottom {
	clear:both;
	float: right;
	}

.head_name {height: 70px; padding: 0;}

.pricing table {width:100%;}
.pricing table td {font-size:10px;}
.pricing table td span {font-weight:bold;}
.pricing .discount {color:#008000; font-weight:bold;}

.add_qty {background:#dadada; color: #666; height: 55px; vertical-align: bottom; font-weight: bold; padding: 5px;}

select.shade_dropdown {width: 50px; font-size: 10px; margin: 5px;}

select.order_code {width: 40px; font-size: 10px;}

input {font-size: 10px; margin: 5px;}

/*---- Heads Page Specific - End -----------------------------------*/

/* -- Monorail System Summary -------------------------------------------------*/

table.monorail_summary {
		width: 930px; 
		font-size: 10px;
		font-family: verdana,geneva,arial,helvetica,sans-serif;
		}

table.monorail_summary th {
	background: #666;
	padding: 5px;
	color: #f5f5f5;
	font-size: 11px;
	}

th.component {text-align: left;}
th.item, th.qty {text-align: center;}
th.price {text-align: right;}

table.monorail_summary td {border-bottom: 1px solid #dadada; padding: 3px 0; height: 70px;}

table.monorail_summary tfoot td {background: #ffc; height: 20px; color:#333; text-align:right;}
table.monorail_summary tfoot td .subtotal_label { color:#333;font-weight:bold;}
	
td.component {
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: top;}

td.specsheet {vertical-align: top;}	
	
table.monorail_summary img {border: 1px solid #ccc;}
		
table.monorail_summary td {padding: 5px;}
		
table.monorail_summary td.item {vertical-align: top; text-align: center}	
table.monorail_summary td.specsheet {vertical-align: top;}
table.monorail_summary td.specsheet img {border: none;}	
table.monorail_summary td.qty {vertical-align: top; text-align: center;}	
	
table.monorail_summary td.price {
	font-weight: bold;
	color: #008000;
	text-align: right;
	vertical-align: top;}

table.monorail_summary_total { width:100%;}	
table.monorail_summary_total td { font-size:14px; padding:5px; background-color:#ffc;}

/* -- Monorail System Summary - End -------------------------------------------------*/


/* -- Email Summary -------------------------------------------------*/
form {margin:0px; padding:0px;}
#email_summary { /*width:320px; height:430px;*/ margin-right:auto; margin-left:auto; padding:10px; background-color:#FFF; border:1px solid #333; text-align:left;}
<!-- #email_summary {position: absolute; min-width:200px; min-height:240px; top:20px; bottom:20px; left:20px; right:20px; padding:10px; background-color:#FFF; border:1px solid #333; text-align:left;} -->
#email_summary label {font-weight:bold;}
.err {color:#F00; font-weight:bold;}
/* -- Email Summary - End -------------------------------------------------*/



/* -- Info Boxes -------------------------------------------------*/
.edge_monorail_intro {float:right;}
/* -- Info Boxes - End -------------------------------------------------*/


/* -- Elements Tabs -----------------------------------------------------------------*/
.elements_tabs_nav ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	height:30px;
	width: 510px;
	clear:both;
	margin-bottom: 0px;
	}

.elements_tabs_nav ul.subsection_tabs li {
	float:left;
	text-align:center;
	}

.elements_tabs_nav ul.subsection_tabs li a {
	display:block;
	padding:0;
	width:255px;
	float: left;
	padding: 30px 0 0 0; overflow: hidden;
	height: 0px !important;
	height /**/:30px; /* for IE5/Win */	
	}

.elements_tabs_nav li {margin: 0; padding: 0; display: inline; list-style-type: none;}

.elements_tabs_nav ul.subsection_tabs li a:hover {background-position: 0 -30px;}

.elements_tabs_nav ul.subsection_tabs li a.active {background-position: 0 -60px;}

.elements_tabs_nav ul.subsection_tabs .elements_heads a {width: 255px; background: url(/monorail/image/elements_heads_tab.gif) top left no-repeat;}
.elements_tabs_nav ul.subsection_tabs .elements_pendants a {width: 255px; background: url(/monorail/image/elements_pendants_tab.gif) top left no-repeat;}

.elements_tabs_nav ul.subsection_tabs .elements_heads_btm a {width: 255px; background: url(/monorail/image/elements_heads_btm_tab.gif) top left no-repeat;}
.elements_tabs_nav ul.subsection_tabs .elements_pendants_btm a {width: 255px; background: url(/monorail/image/elements_pendants_btm_tab.gif) top left no-repeat;}

.elements_tabs_h2 { width:100%; clear:both; border-bottom:1px solid #ccc;}
/* -- End -  Elements Tabs -----------------------------------------------------------------*/


.view_quote { font-size:20px;}
.head_pdf_spec_sheet {height:22px;}
.head_pdf_spec_sheet a {color:#008000!important;}