@import url(main_editor_styles.css);


/* Default Styles */


body {
	margin:0;
	padding:0;
	color:#666666;
}
body, td, input, select, option, textarea {
	font:normal normal normal 12px Arial,Helvetica,Sans-serif;
}
div {
	text-align:left;
}


#body {
	background:#9A9A9A top center no-repeat url(/images/bgnd-page.jpg);
}


#header, #nav, #main, #prefooter, #footer {
	width:980px;
}
#footer.applicator_site {
	width:auto;
}


.html {
	line-height:18px;
}
.html a {
	color:#004C93;
	text-decoration:none;
}
.html a:hover {
	color:#E57911;
	text-decoration:underline;
}
.html ul li {
	list-style-image:url(/images/bullet-grey.gif);
}


.2col {
	float:left;
}


#header {
	padding:30px 0 30px 0;
}
#header .logo {
	width:300px;
}
#header ul, #header li {
	margin:0;
	padding:0;
	list-style:none;
}
#header ul {
	float:right;
	margin-top:4px;
}
#header ul a {
	color:#666666;
	text-decoration:none;
	background:left top no-repeat url(/images/bullet-grey-dark.gif);
	padding:1px 0 1px 14px;
	display:block;
}
#header ul a:hover {
	color:#004C93;
	background-image:url(/images/bullet-col.gif);
}


#nav ul, #nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#nav li {
	float:left;
	background:top left no-repeat url(/images/tab-left-both.jpg);
	border-bottom:1px solid #BEBEBE;
	margin:0 1px 0 0;
	padding:0 0 0 6px;
}
#nav ul a {
  float:left;
  display:block;
  background:top right no-repeat url(/images/tab-right-both.jpg);
  padding:6px 12px 6px 6px;
  text-decoration:none;
	font-size:13px;
  font-weight:bold;
  color:#7F7F7F;
}
#nav li:hover, #nav li:hover a {
  background-position:0% -30px;
  color:#FFFFFF;
}
#nav li:hover a {
  background-position:100% -30px;
}


#nav li.current {
	background-image:url(/images/tab-left-on.jpg);
	border-color:#FFFFFF;
}
#nav li.current a {
  background-image:url(/images/tab-right-on.jpg);
}
#nav li.current:hover, #nav li.current:hover a {
	background-position:0% 0px;
  color:#7F7F7F;
}
#nav li.current:hover a {
	background-position:100% 0px;
}


#main {
	clear:left;
	background-color:#FFFFFF;
}


#submenu {
	float:left;
	background:#E9E9E9;
	width:250px;
	margin:2px 0 2px 2px;
}
#submenu .top {
	padding:20px 10px 0 20px;
}
#submenu ul, #submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
#submenu ul a {
	color:#666666;
	text-decoration:none;
	background:left top no-repeat url(/images/bullet-grey.gif);
	padding:1px 0 1px 14px;
	display:block;
}
#submenu ul a:hover {
	color:#E57911;
	background-image:url(/images/bullet-col.gif);
}


#submenu ul li.detail_drawing_button a {
	background:none;
	padding:0;
}
#submenu ul li.detail_drawing_button img {
	position:relative;
	left:-20px;
}


#submenu ul ul {
	padding:8px 0 8px 16px;
}


#submenu .promo_button {
	border-top:solid 2px #FFFFFF;
	margin-top:20px;
}


#content {
	float:left;
	width:724px;
	padding:2px 2px 0 2px;
}


/* product and application pages */


#prod_header {
	background:#000000 top right no-repeat;
	padding:45px 0 0 20px;
	height:55px;
}
#prod_header h1 {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
}
#prod_header h2 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}


	#content.partner #prod_header {
		padding:0;
		height:100px;
	}


#main_container {
	padding:20px;
}


#prod_left {
	float:left;
	width:474px;
	padding:20px;
}


#prod_right,
.link_box {
	float:left;
	width:170px;
	padding:20px;
	background:#E9E9E9;
}
.link_box {
	width:175px;
	margin-right:10px;
}
.link_box.third { margin-right:0 } /* mainly for IE<6 but can't hurt others */


.link_box .lb1 {
	margin-bottom:15px;
}


#prod_right .lb2 .html ul, #prod_right .lb2 .html li,
.link_box .lb2 .html ul, .link_box .lb2 .html li {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
#prod_right .lb2 .html ul,
.link_box .lb2 .html ul {
	margin:10px 0;
}
#prod_right .lb2 .html li,
.link_box .lb2 .html li {
	list-style-image:none;
}
#prod_right .lb2 .html li a,
.link_box .lb2 .html li a, .link_box .lb2 .html li a:hover {
	display:block;
	border-top:solid 1px #FFFFFF;
	padding:3px 0;
	margin-left:7px;
	text-decoration:none;
}
#prod_right .lb2 .html li:first-child a,
.link_box .lb2 .html li:first-child a {
	border:none;
}


.horizon #prod_left {
	width:464px;
}
.horizon #prod_right {
	background:#EBE0D2 top left no-repeat url(/images/horizon-box-top.gif);
	margin:20px 20px 20px 0;
	padding:0;
	width:192px;
}
.horizon #prod_right .html {
	display:block;
	padding:56px 18px 18px 18px;
}
.horizon_gallery {
	margin:0 0 0 18px;
}
.horizon_gallery img {
	margin:0 1px 1px 0;
}
.horizon_gallery_text {
	margin:5px 0 12px 18px;
	font-size:11px;
	color:#666666;
}


	/* bitu */
	#content.bitu #prod_header h2 { color:#AAAAA9; }
	#content.bitu #prod_left .html .h3 { border-bottom-color:#AAAAA9; }
	#content.bitu #prod_right span li a, #content.bitu .html .h3, #content.bitu .html .h4 { color:#2A2A28; }
	/* bityl */
	#content.bityl #prod_header h2 { color:#B7C6CC; }
	#content.bityl #prod_left .html .h3 { border-bottom-color:#B7C6CC; }
	#content.bityl #prod_right span li a, #content.bityl .html .h3, #content.bityl .html .h4 { color:#4C717F; }
	/* duro */
	#content.duro #prod_header h2 { color:#BFC4CB; }
	#content.duro #prod_left .html .h3 { border-bottom-color:#BFC4CB; }
	#content.duro #prod_right span li a, #content.duro .html .h3, #content.duro .html .h4 { color:#5E6C7C; }
	/* epi */
	#content.epi #prod_header h2 { color:#C4C3B8; }
	#content.epi #prod_left .html .h3 { border-bottom-color:#C4C3B8; }
	#content.epi #prod_right span li a, #content.epi .html .h3, #content.epi .html .h4 { color:#6B694D; }
	/* rawell */
	#content.rawell #prod_header h2 { color:#BFB2AB; }
	#content.rawell #prod_left .html .h3 { border-bottom-color:#BFB2AB; }
	#content.rawell #prod_right span li a, #content.rawell .html .h3, #content.rawell .html .h4 { color:#603F2E; }
	/* ultra */
	#content.ultra #prod_header h2 { color:#99CEE9; }
	#content.ultra #prod_left .html .h3 { border-bottom-color:#99CEE9; }
	#content.ultra #prod_right span li a, #content.ultra .html .h3, #content.ultra .html .h4 { color:#0085C8; }
	/* ecoroof */
	#content.eco #prod_header h2 { color:#D5EED1; }
	#content.eco #prod_left .html .h3 { border-bottom-color:#D5EED1; }
	#content.eco #prod_right span li a, #content.eco .html .h3, #content.eco .html .h4 { color:#58BA49; }
	/* horizon */
	#content.horizon #prod_header h2 { color:#B3B3B3; }
	#content.horizon #prod_left .html .h3 { border-bottom-color:#D7CFCB; }
	#content.horizon #prod_right span li a, #content.horizon .html .h3, #content.horizon .html .h4 { color:#603F2E; }

	/* orange */
	#content.orange #prod_header h2 { color:#F5BDA3; }
	#content.orange #prod_left .html .h3 { border-bottom-color:#F5BDA3; }
	#content.orange #prod_right span li a, #content.orange .html .h3, #content.orange .html .h4 { color:#E65A18; }
	/* blue */
	#content.blue #prod_header h2, #prod_header h2 { color:#9DB9DE; }
	#content.blue #prod_left .html .h3 { border-bottom-color:#9DB9DE; }
	#content.blue #prod_right span li a, #content.blue .html .h3, #content.blue .html .h4 { color:#0B50AD; }


#content #prod_right span li a:hover { color:#E65A18; }
#content #prod_right span p, #content .link_box span p { display:inline; padding:0; margin:0; }
#content.prod .html .h3, #content.prod .html .h4 { font-size:16px; line-height:20px; font-weight:normal; display:block; }
#content.prod .html .h3 { border-bottom:solid 1px; }


.detail_drawings_download {
	width:200px;
	padding:20px;
	background:#E9E9E9;
}
.detail_drawings_download label {
	display:block;
}
#dd_image_container {
	float:right;
	width:442px;
	height:272px;
	border:solid 1px #CCCCCC;
	background:#FFFFFF center center no-repeat url(../images/ajax-loader-1.gif);
}


/* footer */


#prefooter {
	background-color:#F1F1F1;
	border-top:solid 1px #E0E0E0;
	text-align:center;
	padding:10px 0 10px 0;
}


#footer {
	text-align:center;
	padding:12px 0 12px 0;
}
#footer, #footer a {
	color:#CCCCCC;
	text-decoration:none;
}
#footer a:hover {
	color:#FFFFFF;
}
#footer.applicator_site a:hover {
	color:#CCCCCC;
}


/* Products & Specs */


#submenu ul li a.boldroot_16, #submenu ul li a.boldroot_17 {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:18px;
	margin-right:10px;
	padding:2px 0 0 18px;
}
#submenu ul li a.boldroot_16 {
	background:#E57911 left center no-repeat url(/images/nav-divider-orange.gif);
}
#submenu ul li a.boldroot_17 {
	background:#004C93 left center no-repeat url(/images/nav-divider-blue.gif);
	margin-top:10px;
}
#submenu ul li a.boldroot_16:hover {
	background:#E57911 left center no-repeat url(/images/nav-divider-orange-down.gif);
}
#submenu ul li a.boldroot_17:hover {
	background:#004C93 left center no-repeat url(/images/nav-divider-blue-down.gif);
}


/* Portfolio */


.portfolio_image {
	float:left;
	margin:0 0 4px 4px;
	border:1px solid #CCCCCC;
}
.portfolio_image_large {
	float:left;
	width:500px;
	min-height:500px;
	margin-right:2px;
}
.portfolio_image_large img {
	border:1px solid #CCCCCC;
}


.portfolio_details h3 {
	background-color:#E9E9E9;
	margin:-18px -20px 0 -20px;
	padding:10px 20px 10px 20px;
	border-bottom:none;
}
.portfolio_details h3 select {
	float:right;
}


.portfolio_gallery {
	padding:10px 0 0 0;
	margin-left:0;
}
.portfolio_gallery li {
	display:inline;
	list-style:none;
	background:none;
}
.portfolio_gallery li img {
	margin:0 10px 10px 0;
	border:solid 1px #CCCCCC;
}


/* User Search */


.user-list label {
	clear:left;
	float:left;
	display:block;
	font-weight:bold;
	width:65px;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:1px;
	border-left:dotted 1px #CCCCCC;
}

.partner_applicator {
	color:#000000;
}

.partner_applicator .title {
	background:top left no-repeat url(../images/bullet-col.gif);
	padding-left:14px;
	font-size:16px;
	font-weight:normal;
	color:#E57911;
}

.partner_applicator .title .subtitle {
	padding:4px 0 16px 0;
	color:#E57911;
	font-size:13px;
	font-weight:bold;
}

.partner_applicator .user-list label {
	border-left:dotted 1px #000000;
}


/* Contact Form */


.error_text { color:#FF0000; font-style:italic; }
.form_inline label {
	clear:left;
	float:left;
	display:block;
	width:190px;
	font-weight:bold;
	text-align:left;
	margin:0 6px 6px 0;
}
.form_inline input {
	float:left;
	margin:0 0 6px 0;
}
.form_inline .subtle {
	color:#999999;
	font-weight:normal;
}
.form_inline p {
	clear:left;
}
.input_missing {
	background-color:#FFFFCC;
}


.form_inline .cblabel {
	font-weight:normal;
	float:left;
	clear:none;
	width:170px;
	padding-left:4px;
}


label.form_inline, .form_inline strong {
	clear:left;
	float:left;
	display:block;
	width:90px;
	text-align:left;
	font-weight:bold;
}


/* Homepage */


.home-feature {
	float:left;
	width:487px;
	height:240px;
	margin:2px 0 2px 2px;
	background:#000000;
	text-align:center;
}
.home-right {
	float:left;
	width:487px;
	height:240px;
	margin:2px 0 2px 2px;
}


.home-project {
	clear:left;
	height:180px;
	margin:0 0 2px 2px;
	background-color:#FFFFFF;
}
.home-project .caption {
	display:block;
	height:20px;
	padding:3px 0 0 28px;
	background-color:#FFFFFF;
}
.home-project .caption a.next {
	display:block;
	float:right;
	width:120px;
	padding-right:20px;
	margin-right:16px;
	text-align:right;
	background:top right no-repeat url(../images/icon-arrow-right.gif);
}


.home-lower-left, .home-lower-right {
	float:left;
	width:334px;
	padding:25px;
	background:#FFFFFF top left repeat-x url(/images/home-bgnd-grey-fade.jpg);
	margin:2px 0 2px 2px;
}
.home-lower-left {
	clear:left;
	width:540px;
}


.onblue {
	color:rgb(150, 181, 222);
}
.onblue.html {
	line-height:13px;
}
.onblue a {
	color:#FFFFFF;
	text-decoration:none;
}
.onblue a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/* staff page */


.staff p { margin:15px 0 }
.staff_mobile, .staff_phone, .staff_email { display:inline; padding:0 10px 0 20px; background:center left no-repeat }
.staff_mobile	{ background-image:url(../images/icon-mobile.gif) }
.staff_phone	{ background-image:url(../images/icon-phone.gif) }
.staff_email	{ background-image:url(../images/icon-email.gif) }
.greybox {
	clear:both;
	display:block;
	margin:20px 0;
	padding:20px;
	background-color:#E9E9E9;
}


/* Shop */

.shop_item_image {}
.shop_item_header {}
.shop_item_header, .shop_item_header a, .shop_item_header a:hover {}
.shop_item_header a:hover {}
.shop_item_price {}

/* Checkout */

.checkout_box { float:left; width:175px; margin:0px 15px 15px 0px; }
.checkout_box_input { float:left; width:25px; }
.checkout_box_label { float:left; width:150px; }
.checkout_subtle label { font-size:11px; color: #999; cursor: pointer; }
.checkout_textarea { width:200px; height:80px; }
.checkout_error { color:#FF0000; font-style:italic; }
.checkout_payment_options { list-style:none; margin-left:20px; padding-left:0; }

.checkout_order_summary th { font-style:italic; font-weight:normal; border-bottom:1px solid #E7D9C5; }
.checkout_order_summary tr.row_item td			{ border-bottom:1px solid #E7D9C5; }
.checkout_order_summary tr.row_discount td	{}
.checkout_order_summary tr.row_shipping td	{}
.checkout_order_summary tr.row_total td			{ border-bottom:1px solid #E7D9C5; border-top:1px solid #E7D9C5; }

/* User Signup */

.signup_text_label { float:left; clear:left; display:block; width:120px; font-weight:bold; }

/* News Top */

.news-top { background:#E4E4E4 top left repeat-x url(/images/news-top-bgnd.gif); padding:0; margin:2px 2px 0 2px; }
.news-header-showhide { }
.news-top-cols { padding:0; margin:0; border-left:1px solid #ccc; }
.news-top-col { float:left; width:25%; font-size:11px; }
.news-top-col img { padding-left:12px; }
.news-top-col-news { padding:0 5px 0 5px; margin:0; }
.news-top-col-news ul { padding:0; margin:15px 0 0 10px; }
.news-top-col-news span.html li { padding:0; margin:0 0 0 12px; list-style-image:url(/images/news-top-bullet.gif); }
.news-top-col-news span.html li li { list-style-image:none; list-style:none; }
.news-top-col-news ul ul { margin:0; }

.leftbar { border-left:1px solid #ccc; }
.rightbar { border-right:1px solid #FEFEFE; }
.news-top-col ul li a { padding:0; margin:0; }
.news-top-col-news .html { line-height:14px; }

.news-top-showhide { text-align: right;}
.news-top-showhide img {vertical-align:middle;}
.news-top-showhide-ticker a { background: #fff url(/images/bullet-grey.gif) no-repeat;background-position:left center; color:#004C93 !important; padding-left: 20px; padding-right:5px; }
.news-top-showhide-ticker a:hover { background: #fff url(/images/bullet-col.gif) no-repeat; color:#E57911 !important;	text-decoration:underline !important;}
.news-top-showhide div#news-top-hide a { color:#E15C5D; text-decoration:none; font-size:9px; }
.news-top-showhide div#news-top-show a { color:#6D8851; text-decoration:none; font-size:9px; }
.news-top-showhide-ticker { float:left; }
.news-top-showhide-link { float:right;}

/* Standard Form Layout
	.form_standard fieldset { display: block; border: none; margin: 0 0 0 10px; padding: 0; }
	.form_standard select { width: 175px; }
	.form_contact_special label { width: 150px; }
*/

/* Standard Form Layout */
	.form_standard fieldset { display: block; border: none; margin: 0 0 0 10px; padding: 0;}
	/* Radio button groups */
	.form_standard fieldset fieldset { clear: left; }
	.form_standard fieldset.radio {  } /* margin: 1em 0 0 -1em; */
	.form_standard fieldset.radio legend { font-weight:bold;}
	.form_standard fieldset.radio legend span { font-weight:normal;}
	.form_standard fieldset.radio input { position: static; clear: both; } /*float: left;*/
	.form_standard fieldset.radio label { position: relative; top: 0.5em; display: inline; width: auto; margin: 0 0 0 2em; font-weight: normal; }
	.form_standard fieldset.radio span { position: relative; }
	.form_standard fieldset.radio span span { top: 0; }

	/* Textarea */
	.form_standard fieldset.textarea { margin-top: 1em; }
	.form_standard fieldset.textarea textarea { left: 2.5em; width:50%; }

	/* Scale groups */
	.form_standard fieldset.scale legend { font-weight:bold;}
	.form_standard fieldset.scale input { position:static; top:0; left:0; }
	.form_standard fieldset.scale table { margin-left:1em; width:50%; }
	.form_standard fieldset.scale table div { clear:none; font-style:italic; }
	.form_standard fieldset.scale table div.left		{ float:left; width:30%; text-align:left; padding-left:1em; }
	.form_standard fieldset.scale table div.center	{ float:left; width:30%; text-align:center; }
	.form_standard fieldset.scale table div.right		{ float:right; width:30%; text-align:right; padding-right:1em; }

	/* Labels */
	.form_standard fieldset legend { color: black; font-weight: normal; padding: 0; margin: 5px 0 0 0; }
	.form_standard fieldset legend.bold { font-weight: bold; }
	.form_standard label { clear: both; float: left; display: block; width: 9em; margin-top: -0.8em; font-weight:bold; }
	.form_standard label.first { margin-top: 0.6em; }
	.form_standard label.no_input { position: relative; top: -1.6em; left: 9em; display: block; margin:0; padding:3px 0 3px 0; font-weight:normal; width: 18em;}

	/* Normal inputs */
	.form_standard input { position: relative; top: -1.6em; left: 9em; } /*display: block;*/
	.form_standard textarea { position: relative; top: -1.6em; left: 9em; display: block; width:200px;height:100px;}
	.form_standard span.text { position: relative; top: -1.1em; left: 9em; display: block; width: 250px; }
	.form_standard input.submit { clear: both; top: 0;;}
	.form_standard input.left { left: 1em; }
	.form_standard select { position: relative; top: -1.6em; left: 9em; display: block;}


	.portfolio_search fieldset {margin:0;}
	.portfolio_search select {position:static;margin:0;width:170px;}
	.portfolio_search label {margin:10px 0 0;}
	.portfolio_search input {clear:both;display:block;position:static;margin:0;}