/** COLORS - Helpers

LightBlue #def
DarkerBlue (body) #004969
DarkBlue (h1) #006A98
LightBlue #2C95B5
DarkOrange #ff6600
FormYellow #FEF6DC
HoverOrange #E57200
NavOrange #ffbc3f

**/


/*** RESET ! This helps your site look the same in all browsers. Some browsers have different defaults for the settings below. This sets a level playing field ... DO NOT CHANGE ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html { height: 102%;}

body {
	line-height: 1;
	color: black;
	
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**** END RESET ***/

/** TEXT **/

body {
	color: #004969;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
p {
	font-size: 12px;
	line-height: 17px;
	margin: 0px 0 15px 0;
}
ul, ul li {
	line-height: 17px;
}
.LightBlueText {
	color: #2C95B5;
}
/** LAYOUT ***/


#header_wrapper {
	background: #006A98;
}
#nav_wrapper {
	background: #ffbc3f;
}
#pageHomeStrip {
	background: #93B7DA;
}
#status-box {
	position: absolute;
	bottom: 3px;
	right: 0;
}
.pageWrapper {
	margin: 0 auto;
}
div.pageContent {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}
div.pageHeader, div.pageHomeStrip /**BLUE BANNER **/ {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.pageHeader {
	/*height:183px; *//*120px without Y!7 search bar*/
	height:120px;
	position: relative;
}
.pageNavigation {
	margin: 0 auto;
	width: 980px;
}
.twoCol .pageLeftColumn {
    /*position: absolute;*/ /*commented to remove the footer overlap found within media, 2005 press releases*/
    z-index: 100;
  
}
.twoCol .pageMainContent {
	float:left;
	padding-left: 20px;
	width:660px;
}
.pageMainContent:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
}
.pageMainColumn {
	display: block;
}
.pageHeader { position:relative;}

.pageHeader .logo  {
	margin: 35px 0 0 10px;
}
.pageLeftColumn {
	width: 200px;
	float: left;
	margin:15px 0 0 0;
}
.pageFooterPanel 
{
    display: block;
	margin-top: 40px;
    margin-left:auto;
    margin-right:auto;	
	text-align: center;
}

/* Layout - Press Releases */

h3.article-title {
	margin: 0 0 10px 0;
}
#media-wrapper {
width:760px;
}
#media-wrapper .date {
width:150px;
float:left;
}
#media-wrapper .article {
width:610px;
float:left;
padding:0 0 30px 0;
}
#mediawrapper .link {
width:580px;
float:left;
}

/* Layout - Press Releases - Icon Elements */

#pdf-icon {
float:left;
height:20px;
width:20px;
background-repeat:no-repeat;
padding:0 10px 0 0;
background-image: url(/ImagesDotNet/icons/pdf.gif); 
}
#gif-icon {
float:left;
height:20px;
width:20px;
background-repeat:no-repeat;
padding:0 10px 0 0;
background-image: url(/ImagesDotNet/icons/gif.gif); 
}
#tif-icon {
float:left;
height:20px;
width:20px;
background-repeat:no-repeat;
padding:0 10px 0 0;
background-image: url(/ImagesDotNet/icons/tif.gif); 
}

/* Layout - Testimonials */

#testimonial-wrapper {
width:760px;
padding-bottom:20px;
border-bottom:1px dashed #E0E0E0;
}

#testimonial-image {
 float:left;
 width:120px;
 margin:20px 20px 0 0;
 border:solid 1px #666666;
}
#testimonial-text {
 float:left;
 margin:20px 0 0 0;
 width:560px;
}
#testimonial-clear {
 clear:both;
}

h2.testimonial-title {
	margin: 0 0 10px 0;
}

/* Layouts - Awards */

.award-images {
width:320px;
float:left;
display:inline;
padding:20px 0 0;
text-align:center;
}

/* Layouts - Careers */

#career-wrapper{
padding:15px 0 0 0;
width:760px;
border-top:1px dashed #E0E0E0;
}
#career-image{
float:left;
width:20px;
height:20px;
margin:2px 20px 0 20px;
background-image: url(/ImagesDotNet/icons/career-icon.jpg); 
background-repeat:no-repeat;
}
#career-text{
float:left;
width:690px;
}
#career-clear {
 clear:both;
}
h3.career-title {
	margin: 0 0 10px 0;
}


/* Headings. */
h1, h2, h3, h4, h5, h6 {
	color: #006A98;
	font-family: Arial, Helvetica, sans-serif;
	margin: 16px 0 10px 0;
	font-weight: bold;
}
h1 {
	font-size: 18px;
	line-height: 22px;
}
h1.Underlined, h2.Underlined {
	border-bottom: 1px solid #ffbc3f;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
/* Links. */

a {
	color: #006A98;
}
a:link {
	color: #0082c0;
}
a:visited {
	color: #006A98;
}
a:hover {
	color: #E57200;
}
a:active {
	color: #0082C0;
}
.ErrorPanel {
	color:Red;
	background-color:#FFE1D6;
	padding:3px;
	margin:3px 13px;
}
.SuccessPanel {
	color:#00420E;
	background-color:#E9FFDB;
	padding:3px;
	margin:3px 13px;
}
.input-validation-error {
	color:Red;
	background-color:#FFE1D6 !important; border: 1px solid red !important;
	padding:3px;
	margin:3px 0px;
}
ul.bullet {
	list-style-type: disc;
	margin-left: 20px;
}
ol li, ul.bullet li {
	margin-bottom: 10px;
}
/** FORMS ***/

fieldset {
}
form {
	margin: 0;
	padding: 0;
}
legend {
	color: #006A98;
}
form label {
	display: block;
	display: inline-block;
	width: 130px;
	float: left;
	text-align: right;
	clear: left;
}
form ul li {
	clear: both;
	display: block;
	margin: 10px 0;
}
div.FormPanel {
	background-color: #FEF6DC;
	border: solid 1px #FFBC3E;
	padding: 20px;
	margin: 0;
}
div.FormPanel:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
}
/* Input fields and labels. */
input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 0 0 0 2px;
}
select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
}
textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 1px 0 0 2px;
}
input[type="text"] 
{
    width: 220px;
}

.Checkbox label {
	cursor: pointer;
	display: inline;
}
select.DropDown {
}
input.Disabled {
	background-color: #DCDDDE;
}
input.RadioButton {
}
input.TextBox {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
}
textarea.Disabled {
	background-color: #DCDDDE;
}
textarea.TextBox {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
}
/* Buttons. */
.Button {
	border-bottom:1px solid #C28B12;
	border-right:1px solid #C28B12;
	border-top:1px solid #FAD583;
	border-left:1px solid #FAD583;
	font-size:9pt;
	font-weight:bold;
	background-color:#FBAF08;
	color: #FFFFFF;
	padding-top:3px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:3px;
	cursor: pointer
}
.ButtonPanel {
	clear: both;
	float: right;
	margin: 10px 0 0 10px;
}
.ButtonPanel:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
}

/* Buttons - Enhanced Listing Button */

#list-your-business-button {
 background: transparent url(/imagesdotnet/buttons/big_button_blue_up.gif) no-repeat; 
 height: 48px; 
 width: 194px;
}
#list-your-business-button li {
 margin: 0; 
 padding:0; 
 list-style: none; 
}
#list-your-business-button li, #list-your-business-button a {
 color:#ffffff; 
 text-align:center;
 height: 48px; 
 display: block;
 text-decoration:none;
}
#list-your-business-button-1 p {
font-size: 16px; 
font-weight: bold;
padding:14px 0 0 0;
}
#list-your-business-button-1 {
 width: 194px;
}
#list-your-business-button-1 a:hover {
 text-decoration:underline;
 }



/* Helpful information. */

.FieldCounter {
	background: transparent;
	border: none;
	color: #666666;
	margin: 0;
}
.FieldHelp {
	color: #666666;
	font-size: 8pt;
	font-weight: normal;
}
div.FieldHelp {
	color: #666666;
	margin-left: 140px;
}
.Disabled {
	color: #999999;
}
.Required {
	color: #FF0000;
	margin-left: 2px;
}
/* Messages. */

.ErrorPanel {
	background-color: #FFEEEE;
	border: solid 1px #FF0000;
	color: #FF0000;
	margin: 4px 0 8px 0;
	padding: 10px;
	text-align: left;
}
.ErrorPanel a {
	color: #FF0000;
	font-weight: bold;
}
.ErrorPanel li a {
	color: #0082C0;
	font-weight: bold;
}
.ErrorPanel p {
	margin: 0;
}
.SuccessPanel {
	border: solid 1px Green;
	color: Green;
	margin: 4px 0 8px 0;
	padding: 10px;
	text-align: left;
}
.SuccessPanel p {
	margin: 0;
}
.NotificationPanel {
	border: solid 1px #939495;
	background-color: #DCDDDE;
	margin: 4px 0 8px 0;
	padding: 10px;
	text-align: left;
}
.NotificationPanel p {
	margin: 0;
}
/** SPECIFIC FORMS **/

#enquiry-form {
	background: #FEF6DC url('/imagesdotnet/forms/enquiry-form.gif') top right no-repeat;
	background-position: 540px 30px;
}
.addresses div {
	margin: 0px 0 10px;
}
/** REVIEWS PAGE - needs review **/

ul.reviews li {
	clear: both;
}
ul.reviews li img {
	float: left;
}
.pageFooterPanel a {
	margin: 0 5px; 
	display:inline-block;
}
ul.reviews li {
	display: block;
	clear: both;
	height: 86px;
	vertical-align: top;
}
.reviews .icons {
	float: left;
	display: block;
	width: 78px;
	height: 80px;
	margin-top: 6px;
}
.reviews .icons img {
	margin: 0 1px;
}
.reviews .details {
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}
/** PRICING CHART **/

table.DataTable {
	border: 1px solid #006A98;
}
table.DataTable th {
	color: #fff;
	height: 30px;
	background-color:#006A98;
	border: 1px solid #006A98;
	padding: 5px;
	height: 100%
}
table.DataTable td {
	border: 1px solid #006A98;
	padding: 5px;
}

/** Footer **/

#footer  
{
    width: 980px;
    background: #eaeaea url(/imagesdotnet/icons/bot_logo.jpg) 752px 116px no-repeat; border: 1px solid #ccc;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
text-align: left; font-size: 11px; color: #666; clear: both; }
#footer .col { width: 220px; margin: 20px 0 10px 5px; float: left; border-left: 1px solid #ccc;  padding: 0px 0px 0 10px; }
#footer .col.first { border-left: none;}
#footer h3 { color: #666; padding-top: 0; margin-top: 0;}
#footer dt { line-height: 16px; }
#footer dl {margin-bottom: 8px;}
#footer dl.first {margin-bottom: 20px;}
#footer dl.second {margin-bottom: 10px;}
#footer a { font-weight: normal;font-size: 11px; }
#footer p { font-size: 11px; font-weight: normal;}
#footer strong { font-size: 11px; }