/* JustAskIOM main style sheet*/

/* @group Reset */
* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 1em 0;}
li, dd {margin-left:1em; padding-bottom:.3em;}
fieldset {padding: .5em;}
/* @end */

/* @group HTML elements */


body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	margin: 0;
	padding: 0;
	color: #006B92;
	background: url(../images/mainbggrad.gif) top left repeat-x;
	position: relative;
}

html, 
html body,
body {	
	min-width: 800px;
	height: 100.01%;	
	}	
	
hr {
	height: 1px;
	background-color: #ddd;
	color: #ddd;
	border: none;
	padding: 0;
	margin: 1em 0;
	clear: both;
}

p.subhead {
	font-weight: bold;

}


p input.search {
	clear: both;
	float: right;
	margin-bottom: 10px;
	margin-right: 4px;
}

#search-left p {
	margin-top: 0;	
}

p.clear {
	clear: both;
}

#services p.link a, #helplines p.link a, #trade-associations p.link a{
	color: #ff9900;
	float: right;
}

#ads p.link a{
	color: #9C008E;
	float: right;
}

#local-info p.link a, #places-to-eat p.link a, #places-to-go p.link a{
	color: #33cc33;
	float: right;
}

#team p.link a{
	color: #ff00a8;
	float: right;
}

p.float-left {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 90%;
}

#just-services p.subhead, #meet-the-team p.subhead, #just-ads p.subhead, #local-information p.subhead, p.register a {
	color: #fff;
	background: #079bcd;
	padding: 3px;
	margin-right: 3px;
}

#meet-the-team p.subhead {
	clear: both;
	text-align: center;
}

p.register{
	font-size: 110%;
	padding: 8px;
	margin-bottom: 10px;
	text-align: center;
}

p.small {
	font-size: 90%;
}

p.contact {
	background: #0d6b8f url(../images/contact-bg.gif) top left no-repeat;
	padding: 10px 15px;
	margin: 0;
	color: #fff;
	width: 210px;
	font-weight: bold;
	float: left;
}

.enhanced a {
	cursor: pointer;
}

.premium a {
	cursor: pointer;
}

div.padding {
	padding: 0 10px;
}
/* @end */

/* @group Links */
a:link {
	color: #079BCD;
	text-decoration: none;
}
a:visited {
	color: #079BCD;
	text-decoration: none;
}
a:hover {
	color:#079BCD;
	text-decoration: underline;
}
a:active {
	color: #079BCD;
}

p.register a:visited {
	color: #fff;
	background: #079bcd;
	padding: 3px;
	margin-right: 3px;
}

/* @end */

/* @group Lists */
ul {
	list-style-type: square;
}

/* @end */

/* @group Images */
img {
	border: none;
	margin: 0;
	padding: 0;
}
#content img {
	float: left;
	margin: 5px 10px 10px 0;
	border: 1px solid #444;
}

img.float-right {
	float: right;
}

img.justask {
	margin: 0 auto;
	width: 350px;
	margin-bottom: 15px;
}

img.banner-example {
	margin-left: -5px;
	margin-bottom: 10px;
	float: left;

}

div.class-banners img.banner-example {
	margin-left: 200px;
}

img.key {
	float: right;
	margin: 10px 0 10px 0;
}

/* @end */

/* @group Headings */

h1 {
	margin: 0;
	padding: 0;
	width: 168px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/manxlogo.png) top left no-repeat;
	float: left;
}

h2 {
	margin-bottom: -10px;
	margin-top: 0;
}



#searchbox h3 {
	background: url(../images/search-header.gif) top left no-repeat;
	padding: 10px 15px;
	border-bottom: 2px solid #079BCD;
	width: 451px;
	margin: 0;
	margin-left: 4px;
	color: #006B92;
}

#just-ads #searchbox h3 {
	background: url(../images/search-header.gif) top left no-repeat;
	padding: 10px 15px;
	border-bottom: 2px solid #9C008E;
	width: 451px;
	margin: 0;
	margin-left: 4px;
	color: #006B92;
}

#just-services #searchbox h3 {
	border-bottom: 2px solid #ff9900;
}

#local-information h3 {
	border-bottom: 2px solid #33cc33 ;

}


#services h3 {
	background: url(../images/services-header.gif) top left no-repeat;
	padding: 10px 15px;
	border-bottom: 2px solid #ff9900;
	width: 211px;
	margin: 0;
	margin-left: 4px;
	color: #006B92;
	
	/*color:#fff*/
}

#ads h3 {
	background: url(../images/ads-header.gif) top left no-repeat;
	padding: 10px 15px;
	border-bottom: 2px solid #9C008E;
	width: 211px;
	margin: 0;
	margin-left: 4px;
	color: #006B92;

	/*color: #fff;*/
}

#recommend-box h3, #maps h3, #advertise-event h3, #recycling h3 {
	background: url(../images/ads-header.gif) top left no-repeat;
	padding: 10px 15px;
	border-bottom: 2px solid #ff9900;
	width: 211px;
	margin: 0;
	margin-left: 4px;
	color: #006B92;
	/*color: #fff;*/
}

#manx-telecom h3, #local-info h3, #team h3, #add-listing h3, #categories h3, #helplines h3, #trade-associations h3, #whats-on h3, #places-to-go h3, #places-to-eat h3, #advert-options h3, #recommend h3, #govt h3  {
	background: url(../images/right-box-header.gif) top left no-repeat;
	padding: 10px 15px;
	border-bottom: 2px solid red;
	width: 186px;
	margin: 0;
	margin-left: 4px;
	color: #006B92;

	/*color: #fff;*/
}

#maps h3, #advertise-event h3, #whats-on h3, #places-to-go h3, #places-to-eat h3, #recycling h3, #govt h3 {
	border-bottom: 2px solid #33cc33;

}

#local-info h3 {
	border-bottom: 2px solid #33cc33;

}

#team h3, #meet-the-team #searchbox  h3 {
	border-bottom: 2px solid #ff00a8;

}

#add-listing h3, #categories h3 {
	border-bottom: 2px solid #9C008E;
	
}

#helplines h3, #trade-associations h3, #recommend h3 {
	border-bottom: 2px solid #ff9900;

}

#search-again h3, #search-refine h3, #show-results h3, #loginbox h3 {
	background: url(../images/left-box-bg.gif) top left no-repeat;
	padding: 10px 15px;
	margin: 0;
}

#search-refine h3 span, #show-results h3 span {
	color: #079BCD;
}

#sponsored-adverts h3, #iconkey h3 {
	background: url(../images/sponsored-header.gif) top left no-repeat;
	padding: 10px 15px;
	width: 186px;
	margin: 0;
}

.enhanced h4 {
	background: url(../images/enhanced-entry-top.gif) top left no-repeat;
	padding: 10px 15px;
	margin-bottom: 0;
	color: #fff;
}

.standard-entry h4 {
	background: #079BCD;
	padding: 3px;
	color: #fff;
	clear: left;
}
.standard-entry h5 {
	font-size: 100%;
	background: #fff;
	color: #079BCD;
}

.enhanced .inner h5 span, .standard-entry h5 span {
	font-weight: lighter;
}

.premium h4 {
	background: url(../images/enhanced-entry-top.gif) top left no-repeat;
	padding: 10px 15px;
	margin-bottom: 0;
	color: #fff;
}

.premium .inner h5 {
	font-size: 100%;
	background: #006b92;
	color: #fff;
	padding: 5px;
}

.premium .inner h5 span {
	font-weight: lighter;
}

h6 {
	font-size: 100%;
	margin-left: 10px;
	padding-top: 20px;
}

/* My Comment */
/* @end */

/* @group Forms */

/* Using same basic form html, simply alter class attribute of form to alter layout. */

/* @group General */
input.input, textarea.input {
	width: 200px;
	border: 1px solid #ccc;
	padding: 2px;
}
input.input:hover,  textarea.input:hover {
	background: #F9FFE1;
}
input.input:focus,  textarea.input:focus {
	border: 2px solid #000;
	background: #F9FFE1;
	padding: 1px;
}

p label {
	font-size: 80%;
}

p label strong {
	font-size: 120%;
	display: block;
}

p input {
	display: block;
	margin-top: 5px;
}
/* @end */

/* @group Vertical */
form.verticalform fieldset {
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}
form.verticalform fieldset.radio {
	width: 15em;
	margin: 1em 0 2em 0;
}
form.verticalform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}
form.verticalform fieldset.radio label{
	font-weight: normal;
}
form.verticalform input {
	display: block;
	width: 15em;
}
form.verticalform label{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}
form.verticalform label.first{
	padding-top: 1em;
}
form.verticalform select {
	display: block;
}
/* @end */

/* @group Columnar */
form.columnarform fieldset {
	float: left;
	display: block;
	width: 17em;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}
form.columnarform fieldset.radio {
	width: 15em;
	margin: 1em 0 2em 0;
}
form.columnarform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}
form.columnarform fieldset.radio label {
	font-weight: normal;
}
form.columnarform input {
	display: block;
	width: 15em;
}
form.columnarform label {
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}
form.columnarform label.first {
	padding-top: 1em;
}
form.columnarform select {
	display: block;
}

/* @end */

/* @group Horizontal */
form.horizontalform fieldset {
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
	overflow: hidden; /* to clear in Safari */
}
form.horizontalform fieldset.radio {
	margin: 1em 0 2em 0;
}
form.horizontalform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}
form.horizontalform fieldset.radio label {
	font-weight: normal;
}
form.horizontalform input {
	display: block;
	width: 15em;
}
form.horizontalform input.submit {
	clear: both;
}
form.horizontalform label {
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: bold;
}
form.horizontalform select {
	display: block;
}
/* @end */

/* @group Margin */
div.marginform {
	margin-top: 20px;
	padding: 20px;}

div.marginform p label{
	font-size: 90%;
}

div.marginform strong.required {
	color: red;
	display: inline;
	margin-top: 0;
	font-size: 80%;
}

div.marginform p#formnote {
	font-size: 80%;
} 
div.marginform fieldset {
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
	overflow: hidden; /* to clear in Safari */
}
div.marginform fieldset.radio {
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}
div.marginform fieldset.radio input {
	position: static;
	clear: both;
	float: left;
}
div.marginform fieldset.radio label {
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}
div.marginform fieldset.radio legend {
	float: left;
	font-weight: bold;
}
div.marginform input, div.marginform textarea {
	position: relative;
	top: -1.4em;
	display: inline;
	width: 250px;
}

div.marginform input.submit, div.marginform input#btnRegister {
	clear: both;
	top: 0;
	left: 120px;
	width: 140px;
}

#login div.marginform input.submit {
	clear: both;
	top: 0;
	left: 120px;
	width: 80px;
}

#login div.marginform input.browse {
	left: 120px;
	width: 80px;
	
}

div.marginform label {
	clear: both;
	float: left;
	display: block;
	width: 120px;
	margin-top: -1em;
	font-weight: bold;
}
div.marginform label.first {
	margin-top: 1em;
}
div.marginform select {
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#login div.marginform select {
	position: relative;
	top: -1.4em;
	left: 120px;
	display: block;
	width: 120px;
}

/* @end */
/* @end */

/* @group Layout */

/* @group help */

#help p strong {
	display: block;
	color: #079BCD;
}

#help #searchbox #search-main p{
	margin-top: 0;
}
/* @end */

/* @group just-ads */

#just-ads #searchbox a {
	color: yellow;
}

#just-ads #searchbox #search-main a {
	color: #9C008E;
}

#just-ads #searchbox p {
	margin-top: 20px;	
}

#just-ads #searchbox #search-main p{
	margin-top: 0;
}

#add-listing, #categories {
	width: 220px;
	margin-bottom: 20px;
}

#add-listing .inner, #categories .inner {
	background: url(../images/right-box-bg.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 20px;
}

#add-listing .inner p {
	margin-top: 0;
	padding-top: 10px;
}
	
#categories .inner p {
	margin-top: 0;
	margin-bottom: 5px;
}

#categories .inner p.first {
	padding-top: 10px;
}

#add-listing img.float-right {
	margin-right: -10px;
}

#just-ads #pagenav {
	margin-bottom: 10px;
}



/* @end */

/* Insert appropriate layout code here  */

#sitebanner {
	float: right;
}

#survey p a{
	text-indent: -5000px;
	width: 218px;
	height: 79px;
	display: block;
	background: url(../images/survey.gif) top left no-repeat;
	margin-left: 4px;
}

/* @group wrappers etc. */

#bottomimage { 
	background-repeat: no-repeat;
	background-position: 0 100%; 
	min-height: 100%;
	background: url(../images/bottomleftbg.jpg) bottom left no-repeat;
	}
	
* html #bottomimage {
	background-position: 0 100%; 
	height: 100%;
	}	
	
#wrapper {
	margin: 0 auto;
	padding: 20px; 
	position: relative; 	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 760px;		
	voice-family: "\"}\"";
	height: auto !important;
	height: 800px;	
	min-height: 800px;
	}
		
#content-area {
	clear: both;
	display: inline;
}

#left-content {
	width: 512px;
	float: left;
}

#right-content {
	float: right;
	width: 218px;

/*all extra for new look layout if used 
	background: red;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;*/

}
/* @end */

/* @group just services
 */

#just-services a {
	color: #FF9900;
}

#just-services #searchbox p {
	margin-top: 20px;	
}

#just-services #searchbox #search-main p{
	margin-top: 0;
}

#just-services #searchbox ul {
	list-style: none;
	text-align: center;
	margin: 0 auto;
	width: 450px;
}

#just-services #searchbox ul p {
	margin: 0;
	margin-bottom: 5px;
}

#just-services #searchbox ul li {
	margin:0;
	margin-bottom: 20px;
	padding: 0;
	float: left;
	width: 110px;
}


#recycling {
	width: 251px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
}

#recycling .inner {
	background: url(../images/left-box-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 50px;
}

#recycling .inner p {
	margin-top: 0;
	padding-top: 10px;
}


#recommend-box {
	width: 251px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
}

#recommend-box .inner {
	background: url(../images/left-box-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 10px;
}

#recommend-box .inner p {
	margin-top: 0;
	padding-top: 10px;
}

#helplines {
	width: 220px;
	margin-bottom: 20px;
}

#helplines .inner {
	background: url(../images/helplines-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 10px;
}

#helplines .inner p {
	margin-top: 0;
	padding-top: 10px;
	margin-left: 80px;
}

#trade-associations, #recommend {
	width: 220px;
	margin-bottom: 20px;
}

#trade-associations  .inner, #recommend .inner {
	background: url(../images/manx-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 20px;
}

#trade-associations  .inner p, #recommend .inner p {
	margin-top: 0;
	padding-top: 10px;
}

#numbers-list h4 {
	margin-bottom: 0;
	font-size: 110%;
	text-decoration: underline;
}

#numbers-list p {
	color: #079bcd;
}

#numbers-list p strong {
	color: #006b92;
	display: block;
}

#numbers-list #left-list {
	width: 200px;
	float: left;
	margin-top: -10px;
}

#numbers-list #right-list {
	width: 200px;
	float: right;
	margin-top: -10px;
}

#numbers-list #bottom-list {
	clear: both;
	text-align: center;
}

#search-main dl {
	margin: 10px 0 40px 0;
	padding: 0;
	clear: left;
}

#search-main dl dt {
	float: left;
	clear: left;
}

#search-main dl dd {
	margin-left: 100px;
}

#search-main dl dd strong {
	display: block;
}
}
/* @end */

/* @group local-information */

/* My Comment */

#local-information #searchbox #search-main p{
	margin-top: 0;
}

#local-information #searchbox #search-main ul {
	list-style: none;
	text-align: center;
	margin: 0 auto;
	width: 450px;
}

#local-information #searchbox #search-main ul p {
	margin: 0;
	margin-bottom: 5px;
}

#local-information #searchbox #search-main ul li {
	margin:0;
	margin-bottom: 20px;
	padding: 0;
	float: left;
	width: 110px;
}


#local-information #searchbox p {
	margin-top: 20px;
}


#local-information #searchbox #search-main p{
	margin-top: 0;
}

#maps {
	width: 251px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
}

#maps .inner {
	background: url(../images/left-box-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 10px;
}

#maps .inner p {
	margin-top: 0;
	padding-top: 10px;
}

#govt {
	width: 220px;
	margin-bottom: 20px;
}

#govt .inner p {
	margin-top: 0;
	padding-top: 10px;
}

#advertise-event {
	width: 251px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
}

#advertise-event .inner {
	background: url(../images/left-box-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 10px;
}

#advertise-event .inner p {
	margin: 0;
	padding-top: 10px;
}



#whats-on, #places-to-go, #places-to-eat {
	width: 220px;
	margin-bottom: 20px;
}

#whats-on .inner, #places-to-go .inner, #places-to-eat .inner, #govt .inner {
	background: url(../images/manx-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 20px;
}

#places-to-go .inner {
	background: url(../images/places-to-go-bottom.gif) bottom left no-repeat;
	padding-bottom: 100px;
}

#places-to-eat .inner {
		background: url(../images/places-to-eat-bottom.gif) bottom left no-repeat;
	padding-bottom: 80px;
}

#whats-on .inner p, #places-to-go .inner p, #places-to-eat .inner p {
	margin-top: 0;
	padding-top: 10px;
}

#local-information a {
	color: #33cc33;
}

#local-information #searchbox #search-main #events p strong {
	display: block;
}

#extra-links {
	width: 241px;
	float: right;
}

#extra-links p {
	margin-top: 0;
}

#mnh {
	width: 241px;
	float: left;
	margin: 0;
	clear:left;
}

/* @end */

/* @group searchbox */

#searchbox {
	color: #fff;
	width: 490px;
	padding: 10px;
	background: url(../images/searchboxbg.gif) top left no-repeat;
	position: relative;
}

#search-main {
	background: url(../images/search-bottom.gif) bottom left repeat-y;
	margin: 0;
	margin-left: 4px;
	padding: 10px 15px;

	overflow: auto;
	color: #006B92;
	display: inline-block;
	/*may need to DELETE - fix for safari */
	width: 460px;
}



div#search-left {
	float: left;
	width: 219px;
	padding-right: 230px;
	position: relative;
	}

div#search-absolute {
	position: absolute;
	bottom: 0;
	right: 0;
}

div#magnify {
	position: absolute;
	top: 112px;
	right: 30px;
	width: 59px;
	height: 63px;
	background: url(../images/magnify.gif) top left no-repeat;
	}

/* @end */

/* @group services */

/* @group manx telecom */

#manx-telecom, #advert-options {
	width: 220px;
	margin-bottom: 20px;
}

#manx-telecom .inner, #advert-options .inner {
	background: url(../images/manx-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 20px;
}

#manx-telecom .inner ul, #advert-options .inner ul {
	margin: 0;
	padding-top: 10px;
	list-style: none;
}

#manx-telecom .inner ul li, #advert-options .inner ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 5px;
}

#manx-telecom .inner ul li a, #advert-options .inner ul li a{
	color: #006B92;
	text-decoration: none;
}

#manx-telecom .inner ul li a:hover, #advert-options .inner ul li a:hover {
	color: red;
	text-decoration: none;
}

#manx-telecom .inner ul li a span {
	color: red;
}

/* @end */

#services {
	width: 251px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
}

#services .inner {
	background: url(../images/services-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 100px;
}

#services .inner p {
	margin-top: 0;
	padding-top: 10px;
}

/* @end */

/* @group ads */

#ads {
	width: 251px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
}

#ads .inner {
	background: url(../images/ads-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 100px;
}

#ads .inner p {
	margin-top: 0;
	padding-top: 10px;
}

/* @end */

/* @group local info */

#local-info {
	width: 220px;
	margin-bottom: 20px;
}

#local-info .inner {
	background: url(../images/local-info-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 50px;
}

#local-info .inner p {
	margin-top: 0;
	padding-top: 10px;
}

/* @end */

/* @group Team */

#team {
	width: 220px;
	margin-bottom: 20px;
}

#team .inner {
	background: url(../images/manx-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	margin-left: 4px;
	padding-bottom: 40px;
}

#team img {
	border: none;
	margin-right: 4px;
	margin-top: 10px;
}

/* @end */

/* @group footer */

#footer {
	clear: both;
	text-align: right;
}

#footer ul {
	margin: 0;
	padding: 0;
	margin-top: -5px;
	list-style: none;
	font-size: 90%;
}

#footer ul li {
	display: inline;
	border-right: 1px solid #006B92;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}

#footer ul li a{
	color: #006B92;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li.last {
	border: none;
	margin: 0;
}

#footer ul li.last a {
	margin: 0;
}

/* @end */

/* @group search again box*/

#search-again {
	width: 512px;
}

#search-again .inner {
	background: url(../images/left-box-bg.gif) bottom left no-repeat;
	margin: 0;
	padding: 10px 15px;
	padding-bottom: 20px;
}

#search-again .inner p.field {
width: 100px;
float: left;
margin: 0;
margin-right: 20px;
display: inline;
}

#search-again .inner input.search {
	margin-top: 36px;
	display: inline;
}

#search-again .inner p.field label, #search-again .inner p.field input.input {
	display: inline;
	width: 100px;
}

/* @end */

/* @group serach-refine */

#search-refine {
	width: 512px;
	margin-top: 20px;
}

#search-refine .inner {
	background: url(../images/left-box-bg.gif) bottom left no-repeat;
	margin: 0;
	padding: 10px 15px;
	padding-bottom: 1px;
}

#search-refine .inner p {
	margin-top: 0;
}

#search-refine ul {
	list-style: none;
}

#search-refine ul li {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

/* @end */

/* @group sponsored-adverts / icon key */

#sponsored-adverts, #iconkey {
	width: 220px;
	margin-bottom: 20px;
}

#sponsored-adverts .inner, #iconkey .inner {
	background: url(../images/manx-bottom.gif) bottom left no-repeat;
	margin: 0;
	padding: 0 15px;
	padding-bottom: 10px;
}

#sponsored-adverts .inner p {
	margin-top: 0;
}

#sponsored-adverts .inner p.banner {
	text-align: center;
}

#iconkey dl {
list-style: none;
width: 170px;
margin: 0;
padding: 0;
}

#iconkey dl dt {
border: 1px solid #006B92;
padding: 2px;
background: #DAEEF4;
margin-bottom: 5px;
width: 25px;
text-align: center;
float: left;
clear: left;
font-size: 90%;
}

#iconkey dl dd {
width: 130px;
margin: 0;
padding: 3px 0 0 0;
float: right;
clear: right;
font-size: 90%;
}
/* @end */

/* @group show results */

#show-results {
	width: 512px;
	margin-top: 20px;
}

#show-results .inner {
	background: url(../images/left-box-bg.gif) bottom left no-repeat;
	margin: 0;
	padding: 10px 15px;
	padding-bottom: 20px;
}

#show-results .inner option{
	width: 20px;
}

#show-results .inner span.pagestats {
	margin-left: 5px;
	font-size: 90%;
	margin-top: 0;
}

#alphajump {
	clear: both;
}

#alphajump ul {
	list-style: none;
	font-size: 90%;
}

#alphajump ul li {
	margin: 0;
	margin-right: 7px;
	padding: 0;
	float: left;
}

#alphajump ul li.text {
	margin-right: 15px;
}

/* @end */

/* @group results */

#results {
	width: 512px;
	margin-top: 20px;
	background: url(../images/left-box-bg.gif) top left repeat-y;
	padding-top: 15px;
	padding-bottom: 15px;
}



#showing {
	width: 512px;
		background: url(../images/left-box-bg.gif) bottom left no-repeat;
		padding: 10px 0 20px 20px;
/* position: relative;
		top: 25px; */
		}

.enhanced {
	width: 472px;
	margin: 0 0 20px 9px;
}

.enhanced .inner {
	background: url(../images/enhanced-entry-bottom.gif) bottom left no-repeat;
	margin-top: 0;
	padding: 15px;
}

.enhanced .inner p, .standard-entry p {
	margin: 0;
	margin-bottom: 5px;
}

.enhanced .inner p .alt {
	font-weight: bold;
	color: #079BCD;
}

.premium {
	width: 472px;
	margin: 20px;
	margin-top: 0;
	background-color:#a7dcf5;
}

.premium .inner {
	background: url(../images/premium-entry-bottom.gif) bottom left no-repeat;
	margin-top: 0;
	padding: 15px;
	background-color:#a7dcf5;
}

.premium .inner p {
	margin: 0;
	margin-bottom: 5px;
}

.premium .inner p .alt {
	font-weight: bold;
	color: #006b92;
}

.premium .inner hr {
	background-color: #006b92;
}


.standard-entry {
	margin: 0 20px 0 20px;
	border-bottom: 1px solid #079BCD;
	padding-bottom: 10px;
	font-size: 90%;
}


.standard-entry h4, .standard-entry h5, .standard-entry p {
	margin: 0;
}

.standard-entry h4 {
	margin-top: 20px;
}

.standard-entry p {
	margin: 5px 0 5px 0;
}

/* @end */

/* @group manx tabbed entry */

.oldenhanced, .oldpremium {
	margin: 0 0 15px 9px;
	background: #fff url(../images/new-bg.gif) bottom left no-repeat;
	float: left;
	width: 472px;
	display: inline;
	padding: 0;
}

#detail-page .oldenhanced, #detail-page .oldpremium{
	margin-top: 20px;
}

.oldenhanced h3, .oldpremium h3 {
	font-size: 100%;
	margin: 10px;
	margin-bottom: 0;

}

.oldenhanced p, .oldpremium p {
	margin: 0 10px 0 10px;
	font-size: 90%;

}

.oldenhanced ul, .oldpremium ul {
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	border-bottom: 5px solid  #006b92;
	display: inline;
	width: 472px;
	background: #EEF9FD;

}

#detail-page .oldenhanced ul, #detail-page .oldpremium ul {
	background: #fff;
}

.oldenhanced ul li, .oldpremium ul li {
	margin: 0;
	margin-left: 2px;
	padding: 0;
	float: left;
}


.oldenhanced ul li a, .oldpremium ul li a  {
	color: #002252;
}

.oldenhanced ul li.first, .oldpremium ul li.first {
	background: #EEE url(../images/tab.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 101px;
	padding: 5px 0 5px 0;
	color: #002252;
	font-weight: bold;
	margin-left: 0;
}

.oldenhanced ul li, .oldpremium ul li {
	background: #EEE url(../images/tab-off.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 101px;
	padding: 5px 0 5px 0;
	color: #002252;
	font-weight: bold;
	margin-left: 0;
}

#detail-page .oldenhanced ul li.first, #detail-page .oldpremium ul li.first {
	background: #EEE url(../images/tab-off.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 101px;
	padding: 5px 0 5px 0;
	color: #002252;
	font-weight: bold;
	margin-left: 0;
}

#detail-page .oldenhanced ul li, #detail-page .oldpremium ul li {
	background: #EEE url(../images/tab.gif) top left no-repeat;
	display: block;
	text-align: center;
	width: 101px;
	padding: 5px 0 5px 0;
	color: #002252;
	font-weight: bold;
	margin-left: 0;
}

.oldenhanced ul li.last, .oldpremium ul li.last  {
	margin: 0;
}

.oldenhanced ul li a:hover, .oldpremium ul li a:hover {
	text-decoration: none;
	color: #079BCD;
}

.oldenhanced ul.details, .oldpremium ul.details {
	margin: 3px 10px 3px 10px;
	padding: 0;
	background: #EEE;
	border: none;
	width: 452px;
}

.oldenhanced ul.details li, .oldpremium ul.details li {
	width: 150px;
	margin-right: 10px;
	margin: 0;
	padding: 0;
	background: none;
}

.oldenhanced ul.details li p, .oldpremium ul.details li p {
	margin: 0;
	padding: 0;
	text-align: left;
}

.oldenhanced ul.details li a, .oldpremium ul.details li a {
	background: none;
	color: blue;
	border: none;
}

.oldenhanced p.email, .oldenhanced p.web, .oldpremium p.email, .oldpremium p.web
 {
	clear: left;
	display: inline;
}

.oldenhanced p.web a, .oldpremium p.web a {
	background: url(../images/globe-premium.gif) 0 50% no-repeat;
	padding: 5px 0 5px 20px;
}

.oldenhanced .box-bottom, .oldpremium .box-bottom {
	background: url(../images/premium-bottom.gif) top left no-repeat;
	height: 16px;
	width: 472px;
	clear: left;
	float: left;
}

#detail-page p.backsearch {
	margin-top: 15px;
}

#entries {

}
/* @end */


/* @group contact */


#contact p span{
	color: #079BCD;
	font-weight: bold;
}

#contact #searchbox p {
	margin-top: 20px;	
}
#contact #searchbox #search-main {
	width: 452px;
}

#contact #searchbox #search-main p{
	margin-top: 0;
	
}
/* @end */

/* @group meet-the-team */

#meet-the-team #searchbox p {
	margin-top: 20px;	
}

#meet-the-team #searchbox #search-main p {
	margin-top: 0;
}

#meet-the-team #searchbox #search-main ul{
	list-style: none;
	margin: 0;
	padding: 0;

}

#meet-the-team #searchbox #search-main ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 120px;
	margin-right: 32px;
}

#meet-the-team #searchbox #search-main ul li h4 {
	margin: 0;
	color: #079BCD;
}
/* @end */

/* @group advertise */
#advertise #searchbox p, #advertise-artwork #searchbox p, #help #searchbox p {
	margin-top: 20px;	
}

#advertise #searchbox #search-main h2 span {
	font-weight: lighter;
	font-size: 90%;
}

#advertise #searchbox #search-main img {
	float: left;
	clear: left;
}

#advertise #searchbox #search-main h4 {

}

#advertise #searchbox #search-main p, #advertise #searchbox #search-main ul {
	margin-left: 200px;
}

#advertise #searchbox #search-main ul.secondary {
	margin-left: 10px;
}
#advertise #manx-telecom h3, #advertise-artwork #manx-telecom h3, #help #manx-telecom h3, #advertise #advert-options h3, #advertise-artwork #advert-options h3, #help #manx-telecom h3 {
	border-bottom: 2px solid #079BCD;
}

#advertise #manx-telecom .inner ul li a span, #advertise-artwork #manx-telecom .inner ul li a span,  #advertise #advert-options .inner ul li a span, #advertise-artwork #advert-options .inner ul li a span, #help #manx-telecom .inner ul li a span {
	color: #079BCD;
}


#advert-options .inner ul li a span {
margin-bottom: 2px;
margin-right: 3px;
	display: block;
	float: left;
}

#manx-telecom .inner ul li a:hover, #advert-options .inner ul li a:hover{
	color:  #079BCD;
	text-decoration: none;
}

#advertise #searchbox #search-main #adverts p{
	width: 90px;
	float: left;
	clear: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;

}


#advertise #searchbox #search-main #adverts p span.size {
	font-size: 80%;
	display: block;
}

#advertise #searchbox #search-main img.page {
	float: right;
	margin: 0;
	padding: 0;
}

#advertise #searchbox #search-main p.first, #advertise-artwork #searchbox #search-main p.first  {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

/* @end */

/* @group login */

#loginbox {
	width: 512px;
	margin-top: 20px;
}

#loginbox .inner {
	background: url(../images/left-box-bg.gif) bottom left no-repeat;
	margin: 0;
	padding: 10px 15px;
	padding-bottom: 1px;
}

#loginbox .inner p {
	margin-top: 0;
}

/* @end */


/* @end */

/* @group Misc */
.hide {
	position: absolute;
	left: -5000px;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display: inline-block;
    clear: both;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;
    margin: 0;
    padding: 0;}
      .clearfix {display: block;}
 /* End hide */
p.hide a {
	text-decoration: none;
}
.note {
	font-size: 85%;
}
.extra-note {
	font-size: 80%;
}
span.required {
	font-weight: bold;
	color: red;
}
.highlight {
	background: #FEF49C;
}

.street-map, .iom-gov {
	margin-top: 150px;
	height: 1%;
}

.street-map .inner, .iom-gov .inner {
	background: #fff;
	padding: 10px;
}

.iom-gov .inner #img-wrapper {
	background: #1b1818;
	padding-top: 15px;
	height: 115px;
}

.iom-gov .inner img {
	margin: 0px 95px;
}

#local-information #content-area .street-map h2,
#local-information #content-area .iom-gov h2
{
	color: #079BCD;
	margin: 0;
	background: url(../images/map-title.gif) top left no-repeat;
	padding: 10px 0 10px 10px;
	height: 1%;
}


ul.streets {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.streets li {
	margin: 0;
	padding: 0;
}

div.column {
	width: 200px;
	float: left;
	margin-right: 10px;
}

.iom-gov div.column {
	width: 240px;
	margin-right: 10px;
}

p.back {
	float: right;
	margin-top: -35px;
	width: 180px;
	text-align: center;
}

#content-area div.street-map p.back a {
	color: #fff;
	display: block;
	background:  #33cc33;
	padding: 5px;
}


/* @end */

/* @group Nav */

ul#nav {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px solid #006B92;
	padding-bottom: 10px;
	width: 760px;
	margin-bottom: 20px;
	}

ul#nav li {
	margin: 0;
	margin-right: 71px;
	font-size: 120%;
	/*margin-right: 30px;*/
	padding: 0;
	float: left;

}

ul#nav li.last {
	margin: 0;
	margin-left: 2px;

}

ul#nav li.first {
	margin-left: 1px;
	margin-right: 75px;
}

ul#nav li a{
	color: #A2C8D6;
	text-decoration: none;
	padding-bottom: 11px;
	position: relative;

}

ul#nav li a:hover, ul#nav li a.selected {
	color: #fff;
	background: url(../images/nav-arrow.gif) bottom center no-repeat;
	padding-bottom: 11px;
}
/* @end */

/* @group rates tables */

/* @group icon key in entry */

ul.icons {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	width: 430px;

}

ul.icons li {
border: 1px solid #006B92;
background: #DAEEF4;
width: 25px;
text-align: center;
display: inline;
font-size: 90%;
margin: 0;
margin-right: 5px;
padding: 5px;
}

/* @end */
 table {
	font-size: 11px;
	margin-bottom: 20px;
}

table tr.top-row {
	background: #006b92;
	color: #fff;
}

table tr.alt {
	background: #9CDEF4;
}

 table td {
	padding: 2px;
}


/* @end */

#sponsored-adverts img {
	cursor: pointer;
	margin: 0 0 15px 35px;
}

.tright {
	text-align: right;
}
