/* LAYOUT SETTINGS */



body 
{background-color: #fff; margin: 0; padding: 0; height: auto;
}

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


.diyw #diywebWrapper{ width: 940px; margin: auto; padding-top: 40px;}
.diyw #diywebLeftSide { width: 220px;float: left; position: relative; font-size: 11px; }
.diyw #diywebRightSide { float: right; width: 700px;}
	.diyw #diywebMainContent { width: 700px; float: left;}
	.diyw #diywebSidebarWrapper { width: 220px; float: right;}


.diyw #diywebFooter { width: 940px; padding: 20px 20px 0px 20px;clear: both; border-top: 1px solid #ccc;}
.diyw #diywebMainContent {}
.diyw #diywebContentWrapper { margin: 0 auto; padding-top: 20px; }
.diyw #diywebSubContent { padding: 5px;}

.diyw #diywebFooterCenter,
.diyw .diywebListItem, 
.diyw #diywebAllContent, 
.diyw #diywebHeader, 
.diyw .diywebFooterCenter, 
.diyw #mainNav1, 
.diyw #diywebHeader div#emotion-header, 
.diyw #diywebHeadWrap{ margin: 0 auto;}
 
 
.diyw .diywebGradient
{
    background: url('https://www.wheelalignmentcentrehalifax.co.uk/s/img/body.png') repeat-x top left; 

}
body.diyBgActive .diyw .diywebGradient
{
    background: transparent;
}
 
 

/* TEXTFORMATIERUNG */

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 { color: #4D4D4D; }
.diyw p,
.diyw table { font-size: 12px;line-height: 16px;color: #333333; font-family: Arial, Helvetica, sans-serif}
.diyw #diywebLeftSide a {color: #006837; }
.diyw a { color: #1683C3;}
.diyw .hr { border-color: #ccc; }
.diyw #diywebMainContent .n img  { padding: 10px 0; border-bottom: 1px solid #ccc; border-top:1px solid #ccc;}

.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
white-space: normal;
word-wrap: break-word;    
}

.diyw h1 { display: block; font-size: 30px; color: #1683C3;  line-height: 30px;}
.diyw h2 { display: block; color: #E79224; font-size: 20px;  line-height: 20px;}


.diyw .diywebGradient h2, .diyw .diywebGradient h1
{
    text-transform: uppercase;
}

.diyw #diywebSidebarWrapper h1 { font-size: 16px; line-height: 16px;}
.diyw #diywebSidebarWrapper h2 {font-size: 16px; line-height: 16px;}
.diyw #diywebSidebarWrapper a {color: #4D4D4D;}

/* HEADER */

.diyw #diywebHeader { position: relative; }

/* NAVIGATION */

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a { text-decoration: none;color: #4D4D4D; font-family: 'Times New Roman', serif;}

.diyw #mainNav1 {font-size: 15px;  padding-left: 0px; font-size: 19px; list-style: none;
background: rgb(66,174,217); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(66,174,217,1) 0%, rgba(30,145,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,174,217,1)), color-stop(100%,rgba(30,145,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42aed9', endColorstr='#1e91c9',GradientType=0 ); /* IE6-9 */
border-radius: 10px 10px 0 0;

}
.diyw #mainNav1 li { float: left;  line-height: 55px;padding: 0px; margin: 0; border-left:1px solid #eee; border-right:1px solid #444; max-width: 938px;}
.diyw #mainNav1 li a { text-align: center; color: #fff; padding: 0px 20px; margin: 0; display: block;}
.diyw #mainNav1 li a.current,
.diyw #mainNav1 li:hover a { background-color: #104763;}
.diyw #mainNav1 li:last-child { border-right:none; }
.diyw #mainNav1 li:first-child { border-left:none; }

.diyw #mainNav2 { font-size: 16px; list-style: none; padding-left: 0; font-weight: bold; }
.diyw #mainNav2 li { padding: 7px 15px; border-bottom: 1px solid #ccc; }
.diyw #mainNav2 li a {padding-left: 25px; background: url('https://www.wheelalignmentcentrehalifax.co.uk/s/img/image02.png') no-repeat center left; color: #1683C3;}


.diyw #mainNav3 { list-style: none; padding-left: 27px; font-size: 13px;}
.diyw #mainNav3 li { border: none; padding: 0px;}
.diyw #mainNav3 li a {background: url('https://www.wheelalignmentcentrehalifax.co.uk/s/img/image03.png') no-repeat center left;padding-left: 10px; color: #4D4D4D;}
.diyw #mainNav3 li a.current,
.diyw #mainNav3 li:hover a {}

/* EMOTIONHEADER */

.diyw #emotion-header {margin-top: 20px; }

/* FOOTER */

.diyw #diywebFooter { color: #000;}
.diyw #diywebFooterCenter { font-size: 10px;}
.diyw #diywebFooterCenter a { color: #000; text-decoration: none;}

/* CLEARFIX */

.diyw #diywebAllContent:before,
.diyw #diywebAllContent:after,
.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav4:after,
.diyw .thumbElement { content: "\0020"; display: block; height: 0; overflow: hidden;}

.diyw #mainNav1:after, 
.diyw #mainNav2:after, 
.diyw #mainNav3:after, 
.diyw #diywebAllContent:after, 
.diyw .thumbElement  { clear: both; }

.diyw #mainNav1, 
.diyw #mainNav2, 
.diyw #mainNav3, 
.diyw #diywebAllContent, 
.diyw .thumbElement {  zoom: 1; }