/* LAYOUT SETTINGS */

@import url(//cdn.website-start.de/s/css/templates/Titillium+Web.css);


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

body .diyw
{ color: #333333;font-family: 'Titillium Web', sans-serif;
}


.diyw #diywebWrapper{ width: 940px; margin: auto; padding: 10px; background-color: #fff;}
.diyw #diywebLeftSide { width: 220px;float: left; position: relative; padding: 5px;}
.diyw #diywebRightSide { width: 630px;float: right;}
.diyw #diywebFooter { width: 940px; padding: 40px 20px 20px 20px;clear: both; margin: auto;}
.diyw #diywebMainContent {}

.diyw #diywebFooterCenter,
.diyw .diywebListItem,
.diyw #diywebAllContent,
.diyw #diywebHeader,
.diyw .diywebFooterCenter,
.diyw #mainNav1,
.diyw #diywebHeader div#emotion-header,
.diyw #diywebHeadWrap{ margin: 0 auto;}


/* TEXTFORMATIERUNG */

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 { color: #60B6FF;}
.diyw p,
.diyw table,
.diyw .n { font-size: 13px;line-height: 21px;color: #333333; font-weight: 400;}
.diyw #diywebLeftSide .n a {color: #60B6FF; text-decoration: none;}
.diyw a { color: #60B6FF;}
.diyw .hr { border-color: #ccc; }

.diyw h1 { font-size: 26px;  line-height: 31px; text-transform: uppercase; font-weight: 400;}
.diyw h2 { font-size: 20px; font-weight: 400;}

/* HEADER */

.diyw #diywebHeader { position: relative; }

/* NAVIGATION */


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

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a { display: block; text-decoration: none;font-family: 'Dosis', sans-serif; color: #808080;}
.diyw #mainNav1 a.current, .diyw #mainNav2 a.current, .diyw #mainNav3 a.current { color: #60B6FF;}
.diyw #mainNav1 > li:hover > a,
.diyw #mainNav2 > li:hover > a,
.diyw #mainNav3 > li:hover > a {color: #60B6FF;}

.diyw #mainNav1 { width: 925px; margin: auto; font-size: 15px; padding-left: 10px;  background-color: #D7EDFF; text-transform: uppercase; color: #979797;}
.diyw #mainNav1 li { display: inline-block; line-height: 36px; float: left;}
.diyw #mainNav1 > li > a {margin-bottom: -8px; padding: 0 20px 8px;}
.diyw #mainNav1 > li a.current { background: url('https://www.pcspurchasing.co.uk/s/img/image01.png') no-repeat bottom center; }

.diyw #mainNav2 { padding-left: 0; margin-bottom: 0; margin-top: 13px; font-size: 13px; text-transform: uppercase; }
.diyw #mainNav2 li { display: inline-block; float: left;}
.diyw #mainNav2 li a {padding: 0 15px;}

.diyw #mainNav3 { list-style: none; padding-left: 0; line-height: 35px; margin-bottom: 60px; font-size: 13px;}
.diyw #mainNav3 li { border-bottom: 1px dotted #AB9E90;}
.diyw #mainNav3 li a { background: url('https://www.pcspurchasing.co.uk/s/img/image03.png') no-repeat center left; padding-left: 15px;}
.diyw #mainNav3 li a.current,
.diyw #mainNav3 li:hover a {background: url('https://www.pcspurchasing.co.uk/s/img/image04.png') no-repeat center left; }

/* EMOTIONHEADER */

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

/* FOOTER */

.diyw #diywebFooter { color: #EAE7E3}
.diyw #diywebFooterCenter { font-size: 10px;}
.diyw #diywebFooterCenter a { color: #EAE7E3; 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; }