body,form,img { margin:0; padding:0; border:none; }

body { width:915px;margin:0 auto;background: #f6f6f6; font-family: Tahoma,Arial,sans-serif; font-size: 12px; color: #868686; padding: 0 0 10px 0;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
h1 { margin-left:33px;width: 151px; height: 44px; }
h1 a { display: block; width: 151px; height: 44px; }
h1 span { display: none; }
h2 { border-bottom:#5185B7 1px dashed; padding:0 0 5px 0; margin:0 10px 10px 10px; }
h2,h3, h2 a, h3 a { color: #5185b7;}
a { color:#979797; text-decoration:none; }
a:hover { text-decoration:underline; }

#header {
	width:913px;
	height:44px;
	overflow:hidden;
	margin:0 1px;
	background: #5185B7 url(../images/header.gif) no-repeat;
	color:#FFF;
}
#header ul { float: right; list-style: none; margin: 0; padding: 0; width: 655px; }
#header ul a { display: block; color: #FFFFFF; text-decoration: none; padding: 15px; }
#header ul a:hover { background: #FFFFFF; color: #366ea1; }
#header li { float: left; margin: 0; padding: 2px 0 0 0; }
#header li.havent { width:168px; }
#header li.havent span { display:none; }
#header li.havent a { height:40px; }
#header li.havent a:hover { background:none; }
#footer { width: 890px; height: 48px; background: url(../images/footer.gif); margin: 0 auto 10px auto;font-size:12px; }

/* -------- Panels -----------*/

#searchtheweb p { margin: 0 auto; padding: 0; background: url(../images/textfield.gif) no-repeat; width: 249px; height: 38px; }
#searchtheweb input { border: none; background: none; }

#businessdirectory p { margin: 0 auto; padding: 0; background: url(../images/textfield.gif) no-repeat; width: 249px; height: 38px; }
#businessdirectory ul { margin: 0; padding: 15px 29px 0 29px; list-style: none; height: 25px; }
#businessdirectory ul.secondline { margin: 0; padding: 0 45px 0 45px; list-style: none; height:30px; }
#businessdirectory li { float: left; padding: 4px; font-size:12px;font-weight:normal}
#businessdirectory input { border: none; background: none; }
#businessdirectory .invisibletextfield { width:170px; }
#routeplanner input { border: none; background: none; }
#routeplannerto { margin: 15px auto 0 auto; padding: 0; background: url(../images/textfieldrouteplannerto.gif) no-repeat; width: 249px; height: 38px }
#routeplannerfrom { margin: 15px auto 0 auto; padding: 0; background: url(../images/textfieldrouteplannerfrom.gif) no-repeat; width: 249px; height: 38px }

#routeplanner #routeplannerbutton { float: left; margin: 15px 0 0 0; text-align: right; width: 140px; }
.gobutton , #routeplanner .gobutton , #webbit_xe .gobutton { padding: 0; background: url(../images/button.gif); width: 51px; height: 37px; }

#mylinks ul {
	list-style:none;
	margin:0 auto;padding:0;
	width:180px;
}
#mylinks li { text-align:center;padding:5px 0;margin:0;width:90px;float:left; }
#mylinks a { font-weight:bold; color: #5185b7;font-size:11px;}
#mylinks h3 { padding-bottom:3px; }
.middle p.searchwithbutton { margin: 0 auto; padding: 0; background: url(../images/textfield.gif) no-repeat; width: 249px; height: 38px; }
.middle p.searchwithbutton input { border: none; background: none; }
.middle p.searchwithbutton .invisibletextfield { width:170px; }

.invisiblesubmit { width: 52px; height: 38px; padding: 0; margin: 0; }
.invisibletextfield { width: 174px; height: 14px; padding: 11px 7px 0 16px; vertical-align: top; font-family: tahoma; font-size: 12px; color: #979797; }

.invisibletextfieldrouteplanner { width: 216px; height: 16px; padding: 11px 7px 0 16px; vertical-align: top; font-family: Tahoma; font-size: 12px; color: #979797; }
.to { padding: 10px 7px 0 37px; width: 189px; }
.from { padding: 10px 7px 0 50px; width: 182px; }

.convertbg input {  padding:9px 7px 0 90px; color:#979797; }
.convertbg, .selectbg { margin: 0 auto; padding: 0; background: url(../images/selectfield.gif) no-repeat; width: 249px; height: 38px; }
.convertbg {  background: url(../images/convertfield.gif) no-repeat; width: 130px; } 

.column { float: left; width: 285px; padding: 10px 6px 0px 6px; }

.panel { width: 285px; margin: 0 0 15px 0; }
.panel h3 { background: url(../images/panel_middle.gif) repeat-y;padding: 0 15px 0 0; margin:0;font-size: 14px; font-weight: normal; color: #D52437; text-align: right; cursor: move; }
#searchtheweb .middle { padding-top:15px; }
.panel .top { height: 16px; background: #FFF url(../images/panel_top.gif) no-repeat left bottom; }
.panel .middle { width:285px; background: #FFF url(../images/panel_middle.gif) repeat-y; }
.panel .bottom { height: 16px; background: #FFF url(../images/panel_bottom.gif) no-repeat left top; }
.panel p { margin-top:0; }
.panel.large { width:890px; margin: 15px auto; }
.panel.large  h3 { text-align:left; background:none;padding-left:5px;  }
.panel.large .top { height: 11px; background: #FFF url(../images/panel_top_large.gif) no-repeat left bottom; }
.panel.large .middle { width:890px; background: #FFF url(../images/panel_middle_large.gif) repeat-y; }
.panel.large .bottom { height: 11px; background: #FFF url(../images/panel_bottom_large.gif) no-repeat left top; }
.middle p { margin-top:0;margin-bottom:0;padding:5px 15px; }
.middle ul  { margin-top:0;margin-bottom:0; }
.poweredbyaa { float: left; padding: 28px 0 0 26px; border: none; width: 100px; }

.middle p.infop {
	padding:0 30px 10px 30px;
	font-size:12px;
}
.poweredbygoogle { padding: 15px 0 0 26px; border: none; }
#routeplanner .poweredbygoogle {  float: left; padding: 25px 0 0 26px; border: none; width: 100px; }

#mailinglistform { padding-top:10px; }
#mailmsg {
	margin:0 20px;
	color:#F00;
	text-align:center;
	padding-top:5px;
}

.middle p.userbar { text-align:left; margin:0; padding:8px 0 15px 5px; }

.tbox { border: #5185b7 1px solid; font-size:11px;padding:3px; }
.snippet h4, .snippet p {
	margin: 0 10px;
	padding:0;
	font-size:11px;
	font-weight:normal;
}
.snippet p { padding-bottom:4px; }
.snippet h4 a, .readmore a, #clareinfo a { font-weight:bold; color: #D52437;}
.snippet {
	padding: 10px 15px 5px 15px;
	line-height: 14px;
}
.readmore { text-align:right;font-size:11px; margin:0;padding:0 15px 0 0; }
.clear { clear: both; }

#bottomright { list-style: none; padding: 14px; margin: 0; float: right; }
#bottomright li { padding: 0; margin: 0; }
#bottomright span { display: none; }

#bottomright .homepage { float: left; width: 108px; height: 22px; }
#bottomright .homepage a { width: 108px; height: 22px; display: block; background: url(../images/setashomepage.gif) no-repeat; }

#bottomright .favourites { float: left; width: 106px; height: 22px; }
#bottomright .favourites a { width: 106px; height: 22px; display: block; background: url(../images/addtofavourites.gif) no-repeat; }

#bottomright .customise { float: left; width: 76px; height: 22px; }
#bottomright .customise a { width: 76px; height: 22px; display: block; background: url(../images/customise.gif) no-repeat; }

#bottomright .reset { float: left; width: 60px; height: 22px; }
#bottomright .reset a { width: 60px; height: 22px; display: block; background: url(../images/reset.gif) no-repeat; }

#bottomright .rssfeed { float: left; width: 72px; height: 22px; }
#bottomright .rssfeed a { width: 72px; height: 22px; display: block; background: url(../images/rssfeed.gif) no-repeat; }

#bottomleft { list-style: none; padding: 14px; margin: 0; float: left; }
#bottomleft li { padding: 0; margin: 0; }
#bottomleft span { display: none; }

#bottomleft .xhtml { float: left; width: 60px; height: 22px; }
#bottomleft .xhtml a { width: 60px; height: 22px; display: block; background: url(../images/xhtml.gif) no-repeat; }

#bottomleft .css { float: left; width: 48px; height: 22px; }
#bottomleft .css a { width: 48px; height: 22px; display: block; background: url(../images/css.gif) no-repeat; }

.scroll { overflow:auto; }

#bbcnewsfeed p, #bbcnewsfeed h4 {
	margin-top:0;
	padding-bottom:2px;
}
div.scroll {
	height:200px;
	margin:0 10px;
	padding:3px;
}

/* -------- Webbits -----------*/

.webbitform {
	display:none;
	padding:5px 15px 15px 15px;
}
.openwebbit { display:block; }
.webbitlinks {
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
}
.webbitlinks img {
	margin: 0 5px;
}
#webbit_routeplanner.webbitform {
	padding:0;
}
#webbit_xe select {
	width:160px;
}

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background:#FFF;
  border:1px solid #CCC;
  margin:5px 0 0 0;
  padding:0;
  font-size:11px;
  text-align:left;
  max-height:300px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0; padding:0;
}
div.selectbox-wrapper ul li.selected { background-color: #EAF2FB; }
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
label { display: block; }
.selectbox {
	margin: 0 5px 10px 5px;
	padding:11px 7px 0 11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	width : 230px;
	height:14px;
	display : block;
	text-align:left; 
	cursor: pointer;
	border:none;
	color:#979797;
	background:none;
}
select { background:none; }
#webbit_xe { width:255px; overflow:hidden; }
#webbit_xe p { padding:0; margin:0 0 10px 0; }
p.go { text-align:right; padding-right:2px; }
#webbit_xe input { border: none; background: none; }
#webbit_xe .invisibletextfield { width:170px; }

/* --------- Board ------------ */
tr.req {
	color:#F00;
}
.forumname a { font-weight:bold; }
/* --------- Sortables ------------ */

html {
	height: 100%;
}
.groupWrapper {
	width: 32%;
	float: left;
	margin-right: 1%;
	min-height: 400px;
}
.serializer {
	clear: both;
}
.groupItem {
	margin-bottom: 20px;
}
.groupItem .itemHeader {
	line-height: 28px;
	background-color: #DAFF9F;
	border-top: 2px solid #B5EF59;
	color: #000;
	padding: 0 10px;
	cursor: move;
	font-weight: bold;
	font-size: 16px;
	height: 28px;
	position: relative;
}

.groupItem .itemHeader a {
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.sortHelper {
	border: 1px dashed #aaa;
	width: auto !important;
	background: #eee;
}
.groupWrapper p {
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}