/**
 *	main.css
 *	Pie Guide Styles
 **/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #315478;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a { color: #3c99cf; text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: underline }
a img { border: none; outline: none; }

p, ul {
	color: #315478;
	font-size: 12px;
	line-height: 20px;
}

.container { width: 960px; margin: 0 auto; padding: 0; }

/* Header **************************************/
#topBar { margin: 0; padding: 0; height: 53px; background: #0a0c1a; }
#topBar .pieTopLogo { float: left; margin: 0 0 0 10px; }
#topBar h1 { float: left; line-height: 25px; margin: 14px 0 14px 15px; float: left; width: 196px; color: #84868d; font-size: 10px; }
#topBar h1 a { color: #84868d; font-size: 10px; text-decoration: none; }
#topBar h1 a:hover { color: #fff; font-size: 10px; text-decoration: none; }

#iconList { padding: 0; height: 25px; float: left; margin: 14px 0; }
#iconList li { display: block; float: left; height: 25px; padding-right:8px; }
#iconList li a { display: block; height: 25px; text-decoration: none; background-position: top; }
#iconList li a:hover, #iconList li a.activeIcon { background-position: bottom; }
#bikeIcon { background: url(../images/topbar-bike.jpg); width: 20px; }
#vanIcon { background: url(../images/topbar-van.jpg); width: 25px; }
#lorryIcon { background: url(../images/topbar-lorry.jpg); width: 27px; }
#disIcon { background: url(../images/topbar-disabled.jpg); width: 19px; }

/* search bar */
#searchTopForm { 
	display: block; 
	text-align: right; 
	height: 25px;
	width: 150px;
	float: right;
	margin: 14px 10px;
}
#searchTopInput { 
	float: right;
	background: url(../images/search-top-input-bg.jpg);
	display: block;
	height: 15px; 
	padding: 5px 0 5px 15px;
	width: 83px; 
	margin: 0; 
	color: #b7b7b9; 
	font-size: 11px; 
	border: none;
}
#searchTopGo { 
	display: block;
	float: right;
	width: 36px; 
	height: 25px; 
	margin: 0; 
}
#header {
	height: 322px;
	background: url(../images/header-bg-strip.jpg) repeat-x;
	padding: 0;
	margin: 0;
	border-bottom: 4px solid #e0eaf6;
}
.subPage #header {
	height: 167px;
	background: url(../images/subpage-header-bg-strip.jpg) repeat-x;
	padding: 0;
	margin: 0;
	border-bottom: 4px solid #e0eaf6;
	
}

#headInner { background: url(../images/header-bg.jpg); height: 322px; position: relative; }
.subPage #headInner { height: 167px; background: url(../images/subpage-header-bg.jpg); position: relative; width: 960px; margin: 0 auto; padding: 0 100px; }
#mainFlash { height: 276px; width: 650px; float: right; margin: 0; padding: 0; background: url(../images/mainFlash-bg.jpg);  }

#logo { float: left; border: none; margin: 50px 0 0 25px; }
.subPage #logo { float: left; border: none; margin: 25px 0 0 25px; }

/* Tab Navigation *******************************/
#tabNav {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	list-style: none;
	height: 45px;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
.subPage #tabNav { right: 100px; }

#tabNav li { 
	display: block; 
	float: left;
	line-height: 45px;
	margin-right: 1px;
}
#tabNav li a { 
	display: block;
	background: none; 
	padding-right: 9px;
}
#tabNav li a:hover { text-decoration: none }
#tabNav li a span { 
	display: block; 
	padding-left: 9px;
	background: none;
	line-height: 45px;
	color: #fff;

}

#tabNav li a:hover, #tabNav li a.activeTab { background: url(../images/tab-right.png) right no-repeat;  }
#tabNav li a:hover span, #tabNav li a.activeTab span { background: url(../images/tab-left-long.png) left no-repeat; color: #2961ad; }

/* Homepage ************************************/
.homeHead { 
	line-height: 20px;
	padding: 11px 0;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 0;
}
.content { background: #fff url(../images/content-bg.jpg) top repeat-x; padding: 25px 0 45px 0; min-height: 500px; }
.content .leftColumn { 
	width: 590px; 
	float: left;
	margin: 0 0 0 20px;
}
.homeNewsCol { width: 270px; float: left; } 
.homeBestCol { width: 270px; float: right; }
.content .rightColumn { 
	width: 260px; 
	float: right;
	margin: 0 40px 0 0;
}
.leftLink { margin: 0; text-align: left; }

.homeContent { height: 182px; }
.homeContent p { line-height: 26px; }

/* community mapping*/
.mappingIcons { border-bottom: 1px solid #e0e0e0; padding: 5px 0; }
.mappingIcons a { float: left; display: block; position: relative; width: 42px; height: 87px; text-decoration: none; }
.mappingIcons .icon { margin: 0 28px 0 0; }
.mappingIcons .last { margin: 0; }

/* Popup Bubble ********************************/
.popupBox { padding: 0; margin: 0; position: absolute; width: 224px; z-index: 15; display: none; bottom: 100px; left: -95px; }
.popTop { width: 224px; height: 17px; background: url(../images/popup-top.png) no-repeat; margin: 0; display: block; }
.popMiddle { width: 184px; background: url(../images/popup-middle.png) repeat-y; padding: 6px 20px; margin: 0; display: block; color: #315478; }
.popBottom { width: 224px; height: 31px; background: url(../images/popup-bottom.png) no-repeat; margin: 0; display: block; }

.homeCaseStudy { border-bottom: 1px solid #e0e0e0; padding: 15px 0; }
.homeCaseStudy img { display: block; margin: 0; }
.homeCaseStudy p { margin-bottom: 0; }

.homeSimply { border-bottom: 1px solid #e0e0e0; padding: 25px 0; }
.homeSimply img { float: left; margin-left: 15px; }
.homeSimply p { margin: 0 0 0 70px; }

/* Product pullout */
.productPullout { border-bottom: 1px solid #e0e0e0; padding: 16px 0; margin: 0; }
.productPullout .shopLink { background: url(../images/basket.jpg) left no-repeat; padding-left: 25px; font-weight: bold; font-size: 10px; color: #5a5a5a; }
.productPullout img { float: left; margin: 0 20px 0 0; }
.productPullout .desc { margin: 0; font-size: 12px; line-height: 18px !important; }
.productPullout .priceTbl { margin: 2px 0 0 0; clear: both; width: 100%; }
.productPullout .priceTbl .price { text-align: left; }
.productPullout .priceTbl .price span { font-weight: bold; padding-left: 5px; }
.productPullout .desc .name,
.productPullout .priceTbl .price span { color: #315478; font-weight: bold; }

/* News ****************************************/
.homeNewsBox, .homeSellerBox { border-bottom: 1px solid #e0e0e0; padding: 0; height: 142px; overflow: hidden; }
.homeNewsBox h3 { margin: 0; color: #1b4b7f; font-size: 12px; line-height: 14px; padding: 13px 0;  }
.homeNewsBox p { margin: 0; }
.homeNewsBox a { text-decoration: none; color: #3c99cf; font-weight: bold; }
.home-news-frame { 
	float: left;
	margin: 0 9px 0 0;
	height: 79px;
	width: 71px;
	padding: 1px; 
	background: #fff;
	border: 1px solid #d8d8d8;
}
.newsAlt { border-bottom: 1px dashed #e0e0e0; }

.homeSellerBox p { padding: 25px 0 0 100px; }
.homeVanImg { float: left; border: none; padding: 13px 0 0 0; }
.homeShopImg { float: left; border: none; margin-right: 10px; padding: 13px 0 0 0;  }

.sideNews { padding: 15px 0; border-bottom: 1px dashed #e0e0e0; }
.sideNews h3 { margin: 0 0 5px 0; }
.sideNews p { margin: 0; }

/* Sub Page Styles and Overrides ***************/
#crumbs { height: 15px; line-height: 15px; margin: 0 0 20px 20px; }
#crumbs p, #crumbs a { color: #33639e; font-size: 10px; text-decoration: none; font-weight: normal; padding: 0 5px; }
#crumbs .first { padding-left: 0; }
#crumbs span { font-weight: bold; font-size: 10px; padding: 0 5px; }

.subPage .leftCol { float: left; margin: 0 0 0 20px; width: 160px; }
.subPage .mainCol { margin: 0 0 0 25px; width: 548px; float: left; }
.subPage .rightCol { float: right; width: 160px; margin-top: 130px; }
.newsPage .rightCol { margin-top: 0; }
.rightCol h3 { font-size: 12px; }

.subPage .mainCol ul { line-height: 20px; list-style-image: url(../images/blue-bullet.jpg); }

.sidenav { list-style: none; padding: 0; margin: 0 0 20px 0; }
.sidenav li { line-height: 45px; border-bottom: 1px dashed #e0e0e0; }
.sidenav li.last { border-bottom: 1px solid #e0e0e0; }
.sidenav li a { color: #33639e; text-decoration: none; }
.sidenav li a:hover { color: #f86a14; }
.sidenav a.active { background: url(../images/blue-bullet.jpg) left no-repeat; padding-left: 15px; color: #f86a14; }

/* Services page *******************************/
#services-content { position: relative; }
#services-map { position: absolute; top: 0px; right: -45px; }
.serviceBox { margin: 0 0 25px 0; }
.serviceSnippet { padding-left: 55px; }
.serviceDesc {  }
.serviceDesc .descTop { height: 12px; background: url(../images/serviceDesc-top.jpg); margin: 0; }
.serviceDesc .descContent { 
	background: #f8fafd;
	margin: 0;
	border-right: #e0eaf7 3px solid; 
	border-left: #e0eaf7 3px solid; 
	border-bottom: #e0eaf7 3px solid;
	border-top: none; 
	padding:15px 0;
}
.serviceDesc .descContent p,
.serviceDesc .descContent ul { margin: 0 20px 10px 50px; }
.infoIcon { float: left; margin: 5px 0 0 10px; }

/* Case studies */
.caseList {}
.caseIm { float: left; margin: 0 15px 15px 0; padding: 2px; border: 1px solid #d4d4d4; }

/* News Page **********************************/
.latestNews, .caseList { margin: 15px 0 0 0; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
.newsFull { margin: 0 0 15px 0; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
.newsFull table { margin: 15px 0; font-size: 11px; }
.latestNews h3 { font-weight: bold; font-size: 16px; color: #33649f; margin: 0 0 10px 0; }
.latestNews p, .newsFull p, .caseList p { font-weight: normal; font-size: 12px; color: #33649f; margin: 0 0 10px 0; }
.latestNewsIm { 
	float: left; 
	width: 146px; 
	/*height: 154px; */
	background: #fff; 
	padding: 2px; 
	border: 1px solid #d4d4d4; 
	margin: 0 15px 15px 0; 
	text-align: center; 
}
.newsDate { font-style:italic; }
.topOfPage { line-height: 13px; padding: 0; margin: 10px 0; }
.topOfPage a { font-weight: bold; color: #315478; text-decoration: none; font-size: 10px; padding-left: 20px; background: url(../images/topofpage.gif) left no-repeat; }

/* Findus Page/IFrame */
#findusFrame { width: 100%; display: block; margin-bottom: 15px; }

/* Case Study Side Boxes ***********************/
.case-sidebox { border-bottom: 1px dashed #cccccc; padding: 10px 0; }
.case-sidebox p { margin: 5px 0 0 2px; }
.case-sidebox a { color: #f86a14; text-decoration: none; }

/* contact sidebox *****************************/
#contact-sidebox { width: 160px; }
#contact-sidebox .contactHead { width: 160px; height: 76px; background: url(../images/contact-side-head.jpg); }
#contact-sidebox .contactHead .telText { margin: 45px 0 0 12px; float: left; line-height: 15px; }
#contact-sidebox .contactMiddle { 
	border-right: 1px solid #e0eaf7; 
	border-left: 1px solid #e0eaf7; 
	background: #f8fafd;
	width: 136px;
	padding: 7px;
	margin-right: 10px;
	font-size: 10px;
	color: #406ea5;
}
#contact-sidebox .contactBottom {  width: 150px; margin-right: 10px; height: 2px; background: url(../images/contact-side-bottom.jpg); }

.cInput, .cTextArea {
	display: block;
	width: 127px; 
	border-top: 1px solid #d7e1eb;
	border-left: 1px solid #d7e1eb;
	border-bottom: none;
	border-right: none;
	font-size: 10px;
	color: #33639e;
	padding: 4px;
	background: #fff;
	margin: 0 0 15px 0; 
}
.cInput { height: 15px; }
.cTextArea { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0;  height: 75px; }
.cSend { float: right; margin: 10px 0 0 0; font-weight: bold; }
#contact-sidebox .errorInput { color: #c32222; border-top: 1px solid #c32222; border-left: 1px solid #c32222; background: #fff2f2; }
.cErr { color: #c32222; }

/* Whos who */
.whoBox { margin: 0; border-bottom: 1px solid #E0E0E0; padding: 18px 0; }
.whoBox .whoFrame { width: 135px; height: 181px; padding: 2px; border: 1px solid #E0E0E0; display: block; float: left; margin: 0 15px 0 0; }
.whoBox .whoFrame img {  }
.whoBox h4 { margin-top: 0; color: #315478; font-size: 12px; font-weight: bold; }

/* 404 Pages ***********************************/
.errorContent,
.searchContent { margin-left: 10px; float: left; width: 600px; }
/*.errorContent ul { list-style: url(../images/grey-bullet.gif); }*/
.errorContent .errorHead { 
	line-height: 30px; 
	padding: 10px 0 10px 55px; 
	background: url(../images/warning-icon.gif) left no-repeat;
	font-size: 20px;
	font-weight: bold;
	color: #33649f;
	text-transform: uppercase;
}

/* Footer **************************************/
#footer { border-top: 1px solid #e8e9eb; border-bottom: 1px solid #e8e9eb; background: #fff; padding: 1px 0; }
#footer .container { width: 900px; margin: 0 auto; padding: 0 30px; }
#footer .inner { padding: 25px 0; margin: 0; background: #fafafa; }
#footer .list { float: left; margin: 0 45px 0 0; }
#footer h3 { color: #444444; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; }
#footer ul {
	margin: 0;
	padding: 0;
	width: 135px;
	color: #444444;
	font-size: 10px;
	list-style: none;
}
#footer ul li { border-bottom: 1px dashed #d5d5d5; line-height: 30px; }
#footer ul li a { text-decoration: none; color: #444444; font-weight: normal; }
#footer ul li a:hover { text-decoration: underline !important; }

#footer .logoRight { float: right; width: 300px; padding: 40px 0; }
#footer .logoRight p { font-size: 10px; line-height: 16px; margin: 0; color: #8d8d8d; }
#footer .logoRight img { float: left; margin: 0 10px 0 0; }

#azureBar { 
	height: 33px; 
	background: #fff;
	width: 900px;
	padding: 0 30px;
	margin: 20px auto;
}

#azureBar a {
	display: block;
	color: #bebebe;
	font-size: 10px;
	text-decoration: none;
	line-height: 33px;
}

#azureBar a img { float: left; }

/* Global Styles *******************************/
.clear { clear: both; height: 0; }
.hide { display: none; }
.img-left { float: left; margin: 0 10px 10px 0; }
.img-right { float: right; margin: 0 0 10px 10px; }
.noMargin { margin: 0; }
.float-left { float: left; }
.float-right { float: right; }