
body 
{
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	height: 100%;
}

body .diyw 
{
	font-family: Arial, Helvetica, sans-serif;
}




.diyw .clearover:before, .diyw .clearover:after {
	content: "";
	display: table;
}
.diyw .clearover:after {
	clear: both;
}
.diyw .clearover {
	zoom: 1;
}

.diyw #diywebWrapper {
	width: 940px;
	margin: 0 auto;
}

.diyw #diywebInnerWrapper {
	position: relative;
	top: 26px;
	width: 940px;
}

.diyw #diywebNavigation {
	margin: 0;
	clear:both;
}

.diyw #diywebNavigation ul, .diyw #diywebNavigation ul li {

	padding: 0;
	float: left;
	list-style: none;
	
}
.diyw #diywebNavigation ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	padding:26px 14px 11px;
	display: inline-block;
	color: #fff;
	min-height: 33px;
	margin: 0 1px 0 0;
}
.diyw #diywebNavigation ul li a span {
	padding: 0 10px 5px 10px;
}

.diyw #diywebNavigation ul {
	background: #000 url("https://www.metric-construction.net/s/img/bg_navigation.png") repeat-x 0px 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
width: 920px;
padding: 0 15px;
margin: 0 0 25px 0;
}

.diyw #diywebNavigation ul li a:hover, .diyw #diywebNavigation ul li a.current {
	color: #000;
	background: url("https://www.metric-construction.net/s/img/bg_navi_active2.png") repeat center bottom;
}
.diyw #diywebNavigation ul li a:hover span,
.diyw #diywebNavigation ul li a.current span {
	display: block;
	border-bottom: 6px solid #F03B00;
}

.diyw #diywebHeader {
	margin: 20px 0 0 0;
	 clear:both;
}

.diyw #diywebMainContent {
	margin: 20px 0 0 0;
}
.diyw #diywebMainContent #diywebContent_top {
	background: url("https://www.metric-construction.net/s/img/bg_content_top.png") no-repeat 1px 0;
	height: 10px;
	display: block;
}
.diyw #diywebMainContent #diywebContent_end {
	background: url("https://www.metric-construction.net/s/img/bg_content_bottom.png") no-repeat 0px 0;
	height: 20px;
	display: block;
}

.diyw #diywebContent_center{
	margin: 25px 25px 10px 25px;
	border-bottom:10px solid white;
}

.diyw #diywebSidebar {
	width: 232px;
	float: left;
	border-radius:5px;
	box-shadow: 
		0px 0px 3px #aaa,
	inset	0px 0px 10px #ccc ;
	background:#f5f5f5;
	background-image:-moz-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	background-image:-khtml-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	background-image:-o-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	background-image:-webkit-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	margin-top:5px;margin-left:5px;
}

.diyw #diywebSubNavigation ul, .diyw #diywebSubNavigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.diyw #diywebMainContent #diywebSidebar_top {
	background: url("https://www.metric-construction.net/s/img/bg_sidebar_top.png") no-repeat 0px 0;
	height: 10px;
	display: block;
}
.diyw #diywebMainContent #diywebSidebar_bottom {
	background: url("https://www.metric-construction.net/s/img/bg_sidebar_bottom.png") no-repeat 0px 0;
	height: 20px;
	display: block;
}
.diyw #diywebSidebar_content {
	width:206px;margin:auto;
	border-bottom:10px solid white;
	margin: 25px 0 10px 12px;
}
.diyw #mainNav1 li{
    max-width: 883px;
    min-height: 70px;
}
.diyw #mainNav1 a{
    max-width: 883px;
    min-height: 70px;
}


.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.diyw #diywebNavigation ul li a span{
    padding: 0 10px 5px 0px;
}



.diyw #diywebSubNavigation ul.mainNav2 li {
	padding: 0px 0 10px 0;
}
.diyw #diywebSubNavigation ul.mainNav2 > li > a {
	/*background-color: #333;*/
	display: block;
	color: #fff;
	text-decoration: none;
	background: url("https://www.metric-construction.net/s/img/bg_subnavi_inactive.png") repeat-x 0 0;
	font-weight: bold;
	background-color: #000;
	padding: 11px 20px;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.diyw #diywebSubNavigation ul.mainNav2 > li > a.current,
.diyw #diywebSubNavigation ul.mainNav2 > li > a:hover {
	background: url("https://www.metric-construction.net/s/img/bg_subnavi_active.png") repeat-x 0 0;
	background-color: #400103;
}

.diyw #diywebSubNavigation ul.mainNav3 li {
	border-bottom: 1px solid #c7c7c7;
	padding: 1px 0 1px 0;
}
.diyw #diywebSubNavigation ul.mainNav3 li:last-child {
	border-bottom: none;
}

.diyw #diywebSubNavigation ul.mainNav3 li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #121212;
	text-decoration: none;
	padding: 5px 0 3px 35px;
	display: block;
	background: url("https://www.metric-construction.net/s/img/arrow.png") no-repeat scroll 17px 1px transparent;
}

.diyw #diywebSubNavigation ul.mainNav3 li a:hover,
.diyw #diywebSubNavigation ul.mainNav3 li a.current {
	color: #ED3D1A;
}

.diyw #diywebMainContentCenter {
	float: left;
	margin: 5px 0 0 18px;
	width:680px;
	border-radius:5px;
	box-shadow: 0px 0px 3px #aaa;
	background:#F5F5F5;
	background-image:-moz-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	background-image:-o-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	background-image:-webkit-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
	background-image:-khtml-linear-gradient(0% 500px 90deg,#c3c3c3, #FFFFFF);
}

.diyw p {
	font-size: 12px;
	line-height: 150%;
}

.diyw .clearover:before, .diyw .clearover:after {
	content: "";
	display: table;
}
.diyw .clearover:after {
	clear: both;
}
.diyw .clearover {
	zoom: 1;
}

.diyw .imgleft {
	float: left;
	margin: 0 5px 5px 0;
}
.diyw .imgright {
	float: right;
	margin: 0 0px 5px 5px;
}

.diyw h1, .diyw h2, .diyw h3 {
	margin: 0;
	padding: 0;
	color: #aa1511;
}

.diyw h1 {
	font-size: 28px;
	line-height: 120%;
	font-weight: bold;
	
}
.diyw h2 {
	font-weight: bold;
	font-size: 18px;
}

.diyw #content_area .module_content p {
	padding: 0 10px;
}

.diyw #diywebMainContentCenter div.n {

	margin: 0 0 0px 0;
	display: block;
}

.diyw #diywebMainContentCenter div.n p {
	padding: 5px 10px;
}


.diyw #diywebMainContentCenter div.n .clearover {
	padding: 10px 0 10px 0;
}

.diyw #diywebMainContentCenter div.n .clearover p {
	padding: 0;
	margin: 0;
}

.diyw #diywebMainContentCenter div.n .clearover .imgleft {
	margin: 3px 10px 0 0;
}

.diyw #diywebMainContentCenter div.n table td {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.diyw #diywebMainContentCenter div.n > p {
	margin: 0 0 0 0;
}

.diyw #diywebSubContent {
	margin: 20px 0 0 0;
}

.diyw #diywebSubContent p {
	padding: 0;
}

.diyw #diywebFooterWrap {/*
	display: block;*/
	background: url("https://www.metric-construction.net/s/img/bg_footer.png") repeat-x 0 0;
	background-position:center;
	height: 200px;
}
.diyw #diywebFooter {
	position: relative;
	top: 40px;
	display: block;
	height: 70px;
}

.diyw #diywebFooterCenter {
	width: 940px;
	margin: 0 auto;
	font-size: 12px;
}

.diyw #diywebFooter .leftrow {
	color: #fff;
	float: left;
	padding: 17px 0 0 0;
}
.diyw #diywebFooter .rightrow {
	color: #fff;
	float: right;
	padding: 17px 0 0 0;
}

.diyw #diywebFooter .leftrow a, .diyw #diywebFooter .rightrow a {
	display: inline-block;
	height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
.diyw #diywebFooter .leftrow a:hover, .diyw #diywebFooter .rightrow a:hover {
	text-decoration: underline;
}

.diyw #diywebFooter .leftrow a[href$="sitemap/"] {
	background: url("https://www.metric-construction.net/s/img/sitemap.png") no-repeat 0 0;
margin: 0 0 10px 0;
	padding: 12px 0 12px 45px;
}

.diyw #diywebFooter .leftrow a[href="javascript:window.print();"] {
	padding: 12px 0 12px 45px;
	background: url("https://www.metric-construction.net/s/img/print.png") no-repeat 0 0;
	margin: 0 0 10px 0;
}
.diyw #diywebFooter .leftrow a[href="javascript:window.print();"] img {
	display: none;	
}
.diyw #diywebFooter .rightrow a#login, .diyw #diywebFooter .rightrow a#logout {
	background: url("https://www.metric-construction.net/s/img/login.png") no-repeat 0 0;
	margin: 0 10px 0 0;
	padding: 12px 0 12px 45px;
}


.diyw #diywebFooter #homepage {
	padding: 0;
}

.diyw div.n {
	clear: both;
}
.diyw .lightboxData {
	display: none;
}

.diyw #diywebNavigation ul{
    margin-bottom: 20px;
}
