html, body, input, select, textarea {
font: 12px Arial, Helvetica, sans-serif;
color:#222;
}
body {
margin: 12px auto;
height: 100%;
background: #EBEBEB url(images/gradient.gif) repeat-x;
}
a {
color: #044E91;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #F26202;
}
a:active,a:focus,:focus {
outline: none;
-moz-outline-style: none;
}
img {
border:0;
}
hr {
background: none;
color: #fff;
border:0;
border-top:1px solid #c1c1c1;
margin: 20px 0px;
}
p {
margin:0;
padding: 6px 0px;
}
h1 {
color:#044E91;
font-family: 'Trebuchet MS', Arial, Helvetica,sans-serif;
font-size: 20px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
h2 {
padding: 0;
margin: 5px 0px 0px 0px;
font-size: 16px;
font-weight: bold;
}
#container {
width: 975px;
margin: 0 auto;
}
#header {
background: url(images/bgSprite.png) no-repeat top left;
height: 97px;
}
#header a {
display: block;
height: 110px;
margin: 5px 0px 0px 20px;
width: 80px;
}
#navbar {
background: url(images/bgSprite.png) no-repeat 0 -107px;
padding: 5px;
font-size: 13px;
height: 18px;
}
#navbar ul, #navbar li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
#navbar li {
padding: 0px 16px;
border-right: 1px solid #fff;
}
#navbar li a {
color: #AEE0FB;;
font-weight: normal;
}
#navbar li a:hover, #navbar li a.selected {
color: #FFF;
}
#navbar li.login {
border: 0;
float: right;
}
#mainTop {
height:6px;
margin-top: 4px;
background: url(images/bgSprite.png) no-repeat 0 -136px;
}
#mainBot {
height:6px;
background: url(images/bgSprite.png) no-repeat bottom left;
margin-bottom:12px;
}
#main {
background: #fff;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
padding:12px;
}
#leftCol {
float: left;
width:160px;
padding-right:10px;
}
#leftCol ul {
padding: 0;
margin: 0px;
}
#leftCol li {
margin: 0;
padding: 2px 0px 2px 8px;
border-bottom: 1px solid #ddd;
list-style: none;
}
#leftCol li.header {
border:0;
margin-top:12px;
background: #9F9D9C;
}
#leftCol li.header a {
color: #fff;
width: 100%;
height: 100%;
display: block;
}
#leftCol li.selected,  #leftCol li.header:hover {
background-color: #F26202;
}
#introContent {
float: left;
width:460px;
margin: 0px 0px 10px 8px;
}
#introFreeTrial {
float: right;
width:250px;
padding: 15px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #efefef;
}
#introFreeTrial.activeBox {
background: #E2F5FA;
}
#introFreeTrial img {
float: right;
}
#introFreeTrial h2 {
padding-top:5px;
clear: both;
}
#introFreeTrial p {
color: #555;
}
.mainCol {
float: left;
width:740px;
margin:0px 0px 0px 8px;
}
.principalContents {
padding:10px 10px 10px 30px;
background: #efefef;
margin: 8px 0px 12px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width: 730px;
}
.principalContents li, .ColoredContentBox li {
list-style-image: url(images/redarrowright.gif);
padding: 6px 0px 6px 4px;
line-height:130%;
}
.principalContents li ul {
margin: 5px 0px;
padding-left: 15px;
}
.principalContents li ul li {
padding: 2px 0px 2px 4px;
line-height:100%;
}
.TabText {
vertical-align:top;
padding: 3px 12px 3px 0px;
margin: 12px 0px;
}
.TabTextLeft,.TabTextRight {
float: left;
width: 432px;
}
.TabtextRight {
margin: 0;
}
a.readmore {
background: url(images/redarrowright.gif) no-repeat right 5px;
padding-right:8px;
}

#BrowserWindow {
background:transparent url(http://www.businessmonitor.com/images/bmo/browserimage.gif) no-repeat;
float:left;
height:500px;
width:608px;
}
#BrowserWindow img {
margin:58px 0 0 3px;
}
#InfoPanelContainer {
display:block;
margin:14px 0 0 -20px;
}
#InfoPanelLeft {
float:left;
width:7px;
}
#InfoPanel {
border-bottom:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
float:left;
height:482px;
width:175px;
}
#InfoPanelContent {
font-size:11px;
padding:12px 9px 0;
}
#InfoPanel h1 {
font-size:13px;
font-weight:bold;
}
.whiteTop {
background: url(images/whiteTop.png) no-repeat top left;
height: 7px;
}
.white {
background: #fff;
padding: 5px 12px;
}
.whiteBot {
background: url(images/whiteBot.png) no-repeat bottom left;
height: 7px;
margin-bottom:12px;
}
.FreeTrialBanner {
margin: 15px 0;
clear: both;
}
.greyTop {
background: url(images/grey.png) no-repeat top left;
height: 7px;
margin-top:12px;
}
.greyBot {
background: url(images/grey.png) no-repeat bottom left;
height: 7px;
margin-bottom:12px;
}
.grey {
background: #999;
padding: 5px 12px 1px 12px;
}
.grey h2 {
color: #fff;
}
.grey a {
color: #fff;
}
#footerCrumbs, #footerCrumbs a {
font-size: 11px;
color: #777;
}

#footerCrumbs a {
margin: 0px 10px;
font-weight: normal;
}
#footerCrumbs a:hover {
color: #F26202;
}

/*form overlay styles */
h3 {
font-size: 13px;
font-weight: bold;
margin: 4px 0 8px 0;
padding: 0;
}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
}
#simplemodal-container a.modalCloseImg {background:url(images/lightbox-btn-close.gif) no-repeat; width:66px; height:29px;z-index:3200; position:absolute; top:10px; right:14px; cursor:pointer;}

/* form styles */
#form em {
color: #0a94d5;
}
#form,#cList,#demo {
display: none;
}
#form {
width: 844px;
}
#cList,#demo {
background: #fff;
padding: 32px 10px 10px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#look {
cursor:pointer;
}
#demo {
width: 850px;
}
#cList td {
padding: 0px 12px;
}
.formTop {
background: url(images/formBG.png) no-repeat top left;
height:7px;
}
.formBot {
background: url(images/formBG.png) no-repeat bottom left;
height:7px;
margin-bottom:12px;
}
.formMain {
background: #fff;
padding: 2px 12px;
}
#form h1 {
border-bottom: 1px solid #0a94d5;
padding-bottom: 5px;
margin-bottom:10px;
}
#form input, #form textarea, .cList input {
width: 150px;
border: 1px solid #ccc;
padding: 3px;
margin: 2px 0px;
}
#form select {
width: 159px;
}
#form textarea {
width: 207px;
height:90px;
margin-top: 8px;
}
#form .errorborder {
border: 1px solid #F26202;
}
#error {
padding-left:24px;
font-weight:bold;
color: #F26202;
}
#error.on {
background: url(images/error.png) no-repeat top left;
}
#error.loading {
background: url(images/loading.gif) no-repeat top left;
color: #0a94d5;
}
.interests {
height: 90px;
overflow: auto;
border: 1px solid #c1c1c1;
padding: 3px;
width: 236px;
}
.interests h3 {
font-weight: normal;
font-size: 12px;
cursor: pointer;
padding: 0 0 0 15px;
background: url(images/plusminus.png) no-repeat 0 2px;
margin: 1px 0;
}
.interests h3.minus {
background: url(images/plusminus.png) no-repeat 0 -20px;
}
.interests ul {
margin: 0;
padding: 0;
list-style: none;
cursor: pointer;
}

#myinterests {
float: left; 
width:530px; 
height:84px;
margin: 0;
margin-top:-100px;
overflow:auto;
padding: 0;
}
#myinterests li {
float: left;
font-size: 11px;
padding: 0px 6px 0px 13px;
background: url(images/xit.gif) no-repeat top left;
height: 10px;
list-style: none;
margin: 0;
cursor: pointer;
margin: 3px 0;
}
#myinterests h3 {
font-size: 12px;
padding: 0 0 3px 0;
margin: 0;
}
#myinterests li:hover {
background-position: bottom left;
}
.blue {
color: #0a94d5;
}
a.banner {
margin:24px 0px;
display:block;
}
a:hover, .selected {
color: #F26202;
}

.TabText {
background-color:#efefef;
float:left;
margin:10px 0 15px;
padding:0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 791px;
}
.TabTextLeft {
float:left;
padding:12px;
width:355px;
border-right: 1px dashed #c1c1c1;
}
.TabTextRight {
float:right;
padding:10px;
width:355px;
}
#lower {
margin: 10px auto;
margin-top: 0px;
width: 815px;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 40px 0 8px 20px;
}
.ColoredContentBox {
background-color:#efefef;
color:#333;
float:left;
margin:5px 0;
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 771px;
}
.ColoredContentBox ul {
margin: 0;
padding: 0;
padding-left: 20px;
}
h3.showScreen a {
float: right;
padding: 12px 42px 12px 10px;
font-size: 14px;
/*cursor: url(../images/magnify.cur), -moz-zoom-in;*/
background: url(images/magnifier.png) no-repeat right;
display: block;
margin: 20px 0 0;
}

.cList {
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 130%;
width: 327px;
padding: 15px;
display: none;
}

/* accordion */
#accordion {
padding-right: 250px;
width: 488px;
background: #fff url(images/0.png) no-repeat center right;
border: 1px solid #0a94d5;
}
#accordion h3 {
padding-left: 12px;
background: url(images/redarrowright.gif) no-repeat 0 4px;
cursor: pointer;
}
#accordion h3.ui-state-active {
background: url(images/arrowrightDown.gif) no-repeat -1px 6px;
}

/* postcode anywhere */
.autocomplete {
border: 1px solid #c1c1c1;
padding: 3px;
background: #fff;
margin-top: -3px;
}
.autocomplete a {
font-weight: 400;
color: #222;
}
.autocomplete .itemhover {
background: #efefef;
}
.autocomplete .itemlast {
display: none;
height: 0;
}
.hiddenField {
	display: none;
}