/*======================================
  PPL.CO.UK STYLESHEET
  --------------------------------------
  Copyright : Image+ Ltd
  Author    : Nick Clements, James Merrix
  Revision  : 2
  Date      : 21 June 2011, 11 July 2011
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|

   Red      : #B83026
   Blue     : #1E1D59
 
\**************************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**************************************/
/*              GLOBALS               */
/**************************************/

body {
    background: transparent url("/uploads/images/bg2.jpg") repeat-x 0 0;
    font-family: Verdana, Arial;
    font-size: 12px;
}

.pll-content p {
    color: #333333;
    font-size: 12px;
    line-height: 18px;
}

#wrapper {
    width: 916px;
    margin: 0 auto;
}
#header {
    height: 87px;
}
#navigation {
    background: url("/uploads/images/nav-bg.png") repeat-x scroll 0 0 transparent;
    height: 56px;
    position: absolute;
    z-index: 102;
    width: 916px;
}
#main {
    background: transparent url(/uploads/images/main-bg.png) repeat-x 0 0;
    padding: 20px 10px;
    color: #333;
    line-height: 18px;
    float: left;
}
#main p {
    padding: 0 0 10px 0;
}
#main a {
    color: #BC2C27;
    font-weight: bold;
}
#main h1,
#main h3 {
    font-size: 16px;
    color: #1A1F5A;
    font-weight: bold;
    padding: 0 0 10px 0;
}
#footer {
    border-top: 1px dotted #666666;
    clear: both;
    color: #1A1F5A;
    height: 80px;
    line-height: 22px;
    margin: 0 auto;
    padding: 12px 0 0;
    width: 900px;
}

.red-text {
    color: #B83026;
}

/**************************************/
/*              HEADER                */
/**************************************/
#logo {
    color: #B83026;
    float: left;
    padding: 20px 10px 0;
    width: 642px;
}
#logo img {
    float: left;
    padding: 0 10px 0 0;
}
#logo h1 {
    font-size: 24px;
    padding: 0 0 5px;
    
}
#logo h2 {
    font-size: 18px;
    color: #1E1D59;
}
#blurb {
    color: #B83026;
    float: right;
    font-size: 18px;
    padding: 23px 10px 0;
    text-align: right;
}

#blurb strong {
    color: #1E1D59;
    font-size: 28px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#navigation ul {
    padding: 0 0 0 10px;
}

#navigation li {
    float: left;
}
#navigation li:after {
    content: '|';
}

#navigation li:last-child:after {
    content: '';
}


#navigation li a {
    color: #1E1D59;
    font-size: 13px;
    font-weight: bold;
    line-height: 54px;
    padding: 0 20px;
    text-decoration: none;
}

#navigation li ul {
    display: none;
}

#navigation li:hover ul {
    display: block;
    width: 150px;
    background: ;
    position: absolute;
    top: 48px;
    padding: 0;
    margin: 0;
}
#navigation li ul li {
    background: transparent;
    padding: 0;
    margin: 0;
}
#navigation li ul li a {
    color: #1E1D59;
    background: url("/uploads/images/sub-nav-bg.jpg") no-repeat scroll 0 0 transparent;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 10px;
    width: 150px;
    height: 31px;
    display: block;
    text-align: center;
}
#navigation li ul li a:hover {
    background: url("/uploads/images/sub-nav-bg-hover.jpg") no-repeat scroll 0 0 transparent;
    color: #FFF;
}

#navigation li ul li:after {
    content: '';
}
    
/**************************************/
/*             BANNERS                */
/**************************************/

#rolling-menu {
	height:257px;
	padding-top:38px;
	width:902px;
}

#banners {
    padding: 28px 0 0;
}
.main-banner {
    background: url("/uploads/images/widebanner-bg.png") repeat-y scroll 0 0 transparent;
    height: 168px;
    padding: 40px 30px;
    position: relative;
    width: 856px;
}

.main-banner .content {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 0 0 5px;
    position: absolute;
    width: 174px;
    z-index: 101;
}

.main-banner .wide {
	width: 340px !important;
}

.main-banner .content h2 {
    color: #1E1D59;
    font-size: 18px;
}

.main-banner .content p {
    padding: 10px 0;
}

.main-banner .content a {
    color: #B83026;
}

.main-banner .image {
    background: url("/uploads/images/banner-btm.png") no-repeat scroll center bottom transparent;
    left: 0;
    padding: 0 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 916px;
    z-index: 100;
}

.main-banner .demo {
    bottom: 15px;
    position: absolute;
    right: 8px;
    z-index: 101;
}

.main-banner .ribbon {
    height: 39px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 234px;  
    z-index: 101;    
}

.main-banner .ribbon a {
    background: url("/uploads/images/ribbon.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}
.main-banner .ribbon a:hover {
    background: url("/uploads/images/ribbon-hover.png") no-repeat scroll 0 0 transparent;
}

.text-banner {
    background: url("http://www.powdervalve.co.uk/public/themes/processl/img/text-banner-bg.png") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 54px;
    line-height: 56px;
    margin: 11px 0 0;
    text-align: center;
    width: 916px;
}

.product-banners div {
    float: left;
    height: 199px;
    padding: 15px;
    width: 258px;
    position: relative;
}
.product-banners h3 {
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    padding: 6px 9px 8px;
    position: absolute;
    z-index: 102;
}
.product-banners p {
    bottom: 16px;
    clear: both;
    color: #FFFFFF;
    line-height: 18px;
    position: absolute;
}

.product-banners img {
    left: 6px;
    position: absolute;
    top: 4px;
    z-index: 101;
}
.product-banners a {
    color:#FFF;
}
.product-banners a:hover {
    color:#FFF;
    text-decoration: none;
}

.product-banners {
    padding: 2px 0 0 5px;
    height: 230px;
}

.product-banners .manual {
    background: url("/uploads/images/red-prod-banner.png") no-repeat scroll 0 0 transparent;
}

.product-banners .manual h3 {
    background: #B83026;
}

.product-banners .automatic {
    background: url("/uploads/images/blue-prod-banner.png") no-repeat scroll 0 0 transparent;
    margin: 0 21px;
}

.product-banners .automatic h3 {
    background: #1E1D59;
}

.product-banners .rapid {
    background: url("/uploads/images/grey-prod-banner.png") no-repeat scroll 0 0 transparent;
}

.product-banners .rapid h3 {
    background: #666666;
}

/* Correct valve */

.text-banner2 {
    background: url("/uploads/images/text-banner-bg2.png") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 54px;
    line-height: 47px;
    margin: 20px 0px 0px 10px;
    text-align: center;
    width: 650px;
}


#problem-box {
	background: url("/uploads/images/problem-box1.png") no-repeat scroll 0 0 transparent;
	height: 434px;
	margin-left: 10px;
	width: 693px;
	

}

.problem-text {
	font-family: verdana; san-serif;
	font-size: 12px;
	padding: 10px 0 0 10px;
	
}
.problem-box {
	background: url("/uploads/images/problem-box1.png") no-repeat scroll 0 0 transparent;
	height: 123px;
	width: 700px;
}

.problem-box2 {
	background: url("/uploads/images/problem-box2.png") no-repeat scroll 0 0 transparent;
	height: 140px;
	margin-bottom: 5px;
	width: 693px;
}

.problem-box3 {
	background: url("/uploads/images/problem-box3.png") no-repeat scroll 0 0 transparent;
	height: 170px;
	margin-bottom: 5px;
	width: 693px;
}



/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.pll-content {
	float:left;
	overflow:hidden;
	width: 902px;
	margin-bottom: 20px;

}

.latest-news {
	border-right: 1px solid #cccccc;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	margin-top:20px;
	padding-left:9px;
	padding-right: 18px;
	width:225px;
	
}

.latest-news h1 {
	color: #1E1D59;
	font-size: 16px;
}

.latest-news a {
	color: #B83026;
	text-decoration: underline;
}

.latest-news-arrow {
	float: left;
	height: 21px;
	padding-right: 6px;
	width: 22px;
	
}

.latest-news-content {
	float:left;
	overflow:hidden;
	padding-bottom: 10px;
	padding-top: 18px;
	width: 220px;
}

.center-column {
	border-right: 1px solid #cccccc;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
	padding-left:20px;
	padding-right: 18px;
	width:338px;
	
}

.center-column h1 {
    color: #1E1D59;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 7px;
}

.center-column-content {
	float:left;
	overflow:hidden;
	padding-bottom: 25px;
	padding-top: 7px;
	width: 220px;
}

.center-column-logo {
	float:left;
	width: 77px;
	height:77px;
	padding-left:25px;
	padding-top: 20px;
}

.request-call {
	float:left;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	margin-top:20px;
	padding-left:20px;
	width:250px;
	
}

.request-call label {
	display: block;
	float: left;
	width: 80px;
	
}

.request-call input {
	display: block;
	float: left;
	width: 164px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.request-call input.button {
	background: #B83026;
	font-family: Verdana;
	font-size: 13px;
	width: 80px;
	height: 25px;
	color: #ffffff;
	border: none;
	float:right;
	margin-top: 5px;
}

.request-call h1 {
	color: #B83026;
	font-size: 16px;
	padding-bottom: 20px;
}


.content {
    float: left;
    padding: 0 0 0 30px;
    width: 585px;
}




/**************************************/
/*            PAGES            */
/**************************************/

/* Manual Slide Valves */

h2 {
   font-size: 18px;
   color: #1E1D59; 
   margin-bottom: 14px;   
}

.banner-text {
	font-size: 11px;
	line-height:12px;
	
}

.scroll-to-buttons {
    overflow: hidden;
    width: 100%;
}

.scroll-to-button {
    background: url('/uploads/images/red-button.gif') no-repeat;
    float: left;
    height: 30px;
    margin-right: 20px;
    margin-top: 10px;    
    width: 93px;    
}

.main-banner .content .scroll-to-button p {
    text-align: center;
    padding: 5px 0px;
}

.main-banner .content .scroll-to-button a {
    color: #fff;
    text-decoration: none;
}

.valves p {
    margin-bottom: 14px;
}

.valves ul li { 
    list-style: disc;   
    margin-bottom: 14px;
    margin-left: 20px;
}

.valves {
    border-bottom: 1px dotted #666666;
    margin-top: 20px;
    margin-left: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 890px;
}

#valve-last {
    border-bottom: none;
}

.valves .valve-content-left {
    float: left;
    padding-right: 79px;
    width: 380px;
}

.valves .valve-content-right {
    float: right;
    width: 392px;
}

.pdf-download {
    background: url("/uploads/images/fitting-bg.png") repeat;
    overflow: hidden;
    margin-top: 30px;
    padding: 10px 0 0 15px;
    width: 392px;
}

.download-link {
    background: url('/uploads/images/download-icon.gif') no-repeat;
    display: block;
    height: 20px;
    padding-left: 30px;    
}

.download-link a {
    color: #B83026;
}

/* About us */

#about-us-container {
    clear: both;
    margin-top: 60px;
    margin-left: 10px;
    overflow: hidden;
    width: 900px; 
}                

#about-us-container p {
    margin-bottom: 14px;                
}

#about-us-top-container {
    border-bottom: 1px dotted #666666;
    overflow: hidden;                    
    width: 100%;
    margin-bottom: 20px;                
}

#about-us-bottom-container {
    background: url('/uploads/images/dust-tight-logo.jpg') no-repeat bottom right;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;                
}

#about-us-bottom-left {
    float: left;
    width: 376px;                
}

#about-us-bottom-right {
    float: left;
    width: 400px; 
    padding-top: 80px;           
}

#about-us-left {
    float: left;                
    width: 404px;                
}

#about-us-right{
    float: right;
    width: 404px;            
}

/* Enquiry page */

#enquiry-container {
    clear: both;
    margin-top: 60px;
    margin-left: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 900px; 
}
#enquiry-container p {
    margin-bottom: 14px;                
}
#enquiry-left {
    background: url('/uploads/images/dust-tight-logo.jpg') no-repeat bottom left;
    float: left;
    padding-bottom: 76px; 
    width: 242px;               
}
#enquiry-right{
    background: url('/uploads/images/fitting-bg.png') repeat; 
    float: right;
    padding: 20px;
    width: 595px;                
}
#enquiry-right h2.red-text {
    color: #B83026;
    margin-bottom: 20px;                
}
.enquiry-label {
    color: #1E1D59;
    font-size: 16px;
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: right;
    vertical-align: top;
} 
#enquiry-submit {
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;                
}

/* fitting instructions */

.fitting-instructions {
	float: left;
	height: 500px;
	margin: 50px 20px 0 10px;
	width: 400px;
}

.fitting-box {
	background: url("/uploads/images/fitting-bg.png") repeat-y;
	float: left;
	margin: 50px 0 0 70px;
	width: 370px;

}

.fitting-box2 {
	background: url("/uploads/images/fitting-bg.png") repeat-y;
	float: left;
	margin: 5px 0 0 70px;
	width: 370px;

}

.fitting-text {
	float: left;
	font-family: Verdana, sans-serif;
	padding: 20px;
}

.arrow {
	float: left;
	padding-top: 16px;
	
}

.fitting-text-link {
	float: left;
	font-family: Verdana, sans-serif;
	padding-left: 6px;
	padding-top: 19px;
}

.fitting-text-link a{
	color: #B83026;
	
}



/* case study */

.case-study {
	float: left;
	margin-left: 20px;
	margin-top: 50px;
	width: 100px;	
}

.case-study-pic {
	float: left;
	height: 665px;
	margin: 50px 0 20px 70px;
	width: 500px;
	
}
	
.case-study a {
	color: #B83026;
	
}

/* Correct valve */

.image2 {
    left: 0;
    padding: 7px 0 0 173px;
    position: absolute;
    top: 0;
    width: 916px;
    z-index: 100;
}

#problem-box {
	background: url("/uploads/images/problem-box1.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 434px;
	margin-left: 10px;
	width: 693px;
}

.problem-text {
	font-family: verdana; san-serif;
	font-size: 12px;
	padding: 24px 0 0 10px;
	
}

.problem-box {
	background: url("/uploads/images/problem-box1.png") no-repeat scroll 0 0 transparent;
	height: 123px;
	width: 693px;
}

.problem-box2 {
	background: url("/uploads/images/problem-box2.png") no-repeat scroll 0 0 transparent;
	height: 140px;
	margin-bottom: 5px;
	width: 693px;
}

.problem-box3 {
	background: url("/uploads/images/problem-box3.png") no-repeat scroll 0 0 transparent;
	height: 170px;
	margin-bottom: 5px;
	width: 693px;
}

p.red-text {
	color: #B83026;
	font-weight: bold;
	
}

p.blue-text {
	color: #1E1D59;
	font-weight: bold;
	
}

.related-links {
	float: left;
	height: 360px;
	width: 200px;
}

#logo-correct-valve {
	float: left;
	margin-bottom: 20px;

}




/* auto */

.image3 {
    left: 0;
    padding: 7px 0 0 278px;
    position: absolute;
    top: 0;
    width: 916px;
    z-index: 100;
}

.main-banner .wide2 {
	width: 540px !important;
}

/* Design */



/* Testimonials */



/**************************************/
/*             PORTFOLIO              */
/**************************************/


/**************************************/
/*              SIDEBAR               */
/**************************************/

.home-news {
    float: left;
    width: 280px;
}



/**************************************/
/*               FOOTER               */
/**************************************/

#footer a {
    color: #1A1F5A;
}

#footer li {
    float: left;
}

#footer li a  {
    padding: 0 5px;
}
#footer li:after {
    content: '|';
}

#footer li:last-child:after {
    content: '';
}


.links {
    float: left;
}

address {
    float:right;
    text-align: right;
}