/**
 *	Shared mini-site styles
 */ 
p { line-height: 20px; color: #444444; }
a { text-decoration:none; }
a:hover { text-decoration: underline }

/* header */
#header .headerAd { width: 468px; height: 60px; float: right; margin: 29px 10px 0 0; background: #000; text-align: center; }

/* Top bar */
#topBar { margin: 0; padding: 0; height: 53px; }
#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; }

/* Tab Navigation *******************************/
#tabNav {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	list-style: none;
	height: 45px;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#innerPage #tabNav { right: 90px; }
#tabNav li { 
	display: block; 
	float: left;
	line-height: 45px;
	margin-right: 1px;
}
#tabNav li a { 
	display: block;
	background: none; 
	padding-right: 9px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
#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-grey.png) right no-repeat;  }
#tabNav li a:hover span, #tabNav li a.activeTab span { background: url(../images/tab-left-long-grey.png) left no-repeat; color: #7e0909; }

/* curmbs ******************************************/
#crumbs { height: 15px; line-height: 15px; margin: 10px 10px 20px 10px; color: #891b1b; }
#crumbs p, #crumbs a { color: #891b1b; 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; }

/* Layouts ******************************************/
#innerPage .leftCol { float: left; margin-left: 10px; width: 180px; }
#innerPage .mainCol { float: left; margin-left: 40px; width: 540px; }
/* main col stretch if no adverts are on */
#innerPage .wideCol { float: right !important; margin: 0 10px 0 0 !important; width: 716px !important; }
#innerPage .mainCol ul, #innerPage .mainCol ol { line-height: 20px; color: #444444; }
#innerPage .mainCol ul li, #innerPage .mainCol ol li { margin-bottom: 5px; }

#innerPage .mainCol h1,
#innerPage .mainCol h2,
#innerPage .mainCol h3 { font-weight: bold; }
#innerPage .mainCol h1 { font-size: 16px; }
#innerPage .mainCol h2 { font-size: 15px; }
#innerPage .mainCol h3 { font-size: 14px; }
#innerPage .rightCol, 
#home .rightCol { float: right; margin-right: 10px; width: 138px; }

/* Sidenav */
.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; }

/* Homepage ****************************************/
#home .leftCol { float: left; width: 470px; margin-left: 10px; }
#home .middleCol { float: left; width: 285px; margin-left: 25px; }

.content { background: #fff url(../images/bikes/content-bg.jpg) top repeat-x; padding: 25px 0 45px 0; min-height: 500px; }
.homeHead { 
	line-height: 20px;
	padding: 11px 0;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 0;
}
/* Search here */
#searchTopForm { 
	display: block; 
	text-align: right; 
	height: 25px;
	width: 150px;
	float: right;
	margin: 0 10px;
}
#searchTopInput { 
	float: right;
	background: url(../images/search-top-input-bg.jpg);
	display: block;
	height: 15px; 
	padding: 5px 0 5px 15px;
	width: 83px; 
	margin: 14px 0; 
	color: #b7b7b9; 
	font-size: 11px; 
	border: none;
}
#searchTopGo { 
	display: block;
	float: right;
	width: 36px; 
	height: 25px; 
	margin: 14px 0; 
}
#mapSearhBox { 
	float: right; 
	margin: 37px 179px 0 0; 
	width: 224px; 
	padding: 14px 15px 27px 14px;
	height: 66px; 
}
#mapSearhBox img { display: block; float: left; } /* fix ie floating wrong*/
#searchHereInput { 
	height: 16px; 
	width: 188px; 
	color: #646464; 
	font-size: 12px; 
	padding: 7px 4px; 
	border: none; 
	background: url(../images/bikes/search-here-input.jpg); 
	display: block;
	float: left;
	margin: 5px 0 0 0;
}
#searchHereGo { height: 30px; width: 28px; display: block; float: left; margin: 5px 0 0 0; }

/* mapping */
#mappingIcons { border-bottom: 1px solid #e0e0e0; padding: 5px 0; }
#bikeBadge { background: url(../images/icons/icon-bike.jpg); }
#vanBadge { background: url(../images/icons/icon-van.jpg); }
#lorryBadge { background: url(../images/icons/icon-lorry.jpg); }
#disBadge { background: url(../images/icons/icon-badge.jpg); }
#mappingIcons a { width: 42px; height: 89px; display: block; float: left; margin: 0 28px 0 0; background-position: bottom; position: relative; }
#mappingIcons .last { margin: 0; }
#mappingIcons a.activeIcon, #mappingIcons a:hover { background-position: top; }

/* Product pullout */
.productPullout { border-bottom: 1px solid #e0e0e0; padding: 30px 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 20px 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; }

/* update signup */
#updatesBox { width: 283px; margin: 15px 0; }
#updatesBox .head { margin: 0; height: 65px; padding: 0; }
#updatesBox .body {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
}
#updatesBox .body .inner {
	background: #fff url(../images/vans/updates-body-bg.jpg) top repeat-x;
	padding: 14px;
	border: none;
	margin: 0;
}
#updatesBox .body .inner ul { margin: 10px 0 15px 0; }
#updatesBox .body .inner ul li { color: #ff0000; font-weight: bold; }
#updatesBox .body .inner p.notice { text-align: left; font-weight: bold; }

#updatesBox .updateInput { 
	border: 1px solid #d9d9d9; 
	width: 170px; 
	height: 18px; 
	padding: 5px;
	color: #7f7f7f;
	background: #fff; 
	display: block; 
	float: left; 
	margin: 0 10px 10px 0; 
}
#updatesBox .updatesGo { margin: 50px 0 0 5px; }

/* Online Map pages ***************************/
#mapCol { float: left; width:810px; }
#mapFrame { float: left; width: 810px; /*790px; *//* min-height: 700px;*/ height: 800px; display: block; margin-bottom: 15px; }
#mapCommentBox { border: 1px solid #e0e0e0; padding: 1px; background: #fff; float: right; margin: 15px 10px 15px 0; width: 603px; }
#mapCommentBox .commentInner { background: #fafafa; padding: 0; margin: 0; }
#mapCommentBox h2 { 
	line-height: 62px; 
	margin: 0;
	font-size: 12px;
	color: #891b1b; 
	padding-left: 55px; 
	background: url(../images/icons/comment.gif) no-repeat;
	background-position: 15px 20px; 
}
#mapCommentBox h2 a { line-height: 62px; color: #891b1b; font-size: 12px; }
#mapCmtForm { display: block; padding: 15px; }
#mapCmtForm table { width: 100%; border: none; }
#mapCmtForm table label { display: block; color: #616161; font-weight: bold; padding: 4px 0; }
#mapCmtForm .txtInput { border: 1px solid #dfdfdf; display: block; height: 20px; width: 222px; margin-bottom: 15px; padding: 4px; }
#cmtComment { border: 1px solid #dfdfdf; width: 295px; height: 165px; padding: 5px; }
#mapCmtForm table .submitCell { text-align: right; }

.cmtErrors,
.cmtSuccess { padding: 10px; margin: 10px 15px; font-weight: bold; }
.cmtErrors { border: 1px solid #ff0000; color: #ff0000; }
.cmtSuccess {border: 1px solid #000; color: #000; }
.cmtErrInput { border: 1px solid #ff0000; }

/* News Page **********************************/
.newsFull table { margin: 15px 0; font-size: 11px; }
.latestNews { margin: 15px 0 0 0; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
.latestNews h3 { font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
.latestNews p { font-weight: normal; font-size: 12px; margin: 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; }

/* Adverts *************************************/
.advertBox { margin: 0; }
.adTop { /*margin: 0; height: 14px; background: url(../images/bikes/advert-box-top.jpg);*/ display: none; }
.adMiddle { margin: 0; /*background: url(../images/bikes/advert-box-middle.jpg) repeat-y;*/ padding: 10px 8px 0 8px; border: 1px solid #d4d4d4; }
.adBottom { /*margin: 0 0 15px 0; height: 7px; background: url(../images/bikes/advert-box-bottom.jpg);*/ display: none; }
.ad-hoz, .adMiddle img { margin-bottom: 10px; }
.bodyAd { width: 468px; height: 60px; margin: 30px 1px; background: #000; text-align: center; }
.mapAds { margin-right: 0 !important; }

/* Popup Bubble ********************************/
.popupBox { padding: 0; margin: 0; position: absolute; width: 224px; z-index: 15; display: none; text-decoration: none !important; }
.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: 10px 20px; margin: 0; display: block; text-decoration: none !important; }
.popBottom { width: 224px; height: 31px; background: url(../images/popup-bottom.png) no-repeat; margin: 0; display: block; }
#mappingIcons .popupBox { left: -95px; bottom: 100px; } /* different position on homepages */
#mappingIcons a { text-decoration: none !important; }

/* 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;
	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: 110px; padding: 0; }
#footer .logoRight p { font-size: 10px; line-height: 16px; margin: 0; color: #8d8d8d; }
#footer .logoRight img { display: block; margin: 0 0 15px 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; }
.noBorderB { border-bottom: none !important; }
.topOfPage { border-top: 1px solid #E0E0E0; padding: 10px 0; }