@charset "UTF-8";

/*************************
    NOTES:
    This document contains items that are present consistently throughout the site.
    -- All comments are directly above the item they refer to.
    -- I use ID's instead of classes for most items. Where needed classes are used
    -- site color HEX values ::when needing to apply colors please use these throughout the site.
        #005596 == dark blue
        #ff6600 == orange
        #b5b830 == green
        #98a28f == sandy grey
        #e7ebee == silvery grey
        #f0f0d5 == khaki
        #e7eede == seafoam
        #f1f5eb == overall background color
*************************/
body {
	background-color: #f1f5eb;
	background-position: top;
	background-repeat: no-repeat;
	color: #005596;
	font-family: sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 16pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
}

.error {
	color: red;
}

.errorMessage {
	color: #f00;
	font-weight: bold;
	line-height: 16px;
	padding-left: 4px;
	width: 100%;
	text-align: center;
}

.message {
	color: green;
}

div.yellowWarningBox {
	border: 1px solid #00f;
	background: #ffa;
	padding: 5px;
	font-weight: bold;
}

div.si {
	border: 1px solid #d12;
	padding: 0 2px;
	background: #fff;
	float: right;
	color: #d12;
	font-size: 10px;
	margin: 2px;
	font-weight: bold;
	margin-right: 450px;
	display: none;
}
/*************************
    #topBanner == the top empty space used to push the other items down. it also contains the logged in indication box when a user is logged in
    NOTE:this tag is ALWAYS needed. do not remove...
*************************/
#topBanner {
	position: relative;
	width: 958px;
	height: 105px;
	padding: 0px;
	margin: 0px auto 0px auto;
}

#topBanner img {
	margin-left: 30px;
	margin-top: 10px;
}

#topBanner #betterTogether {
	color: #005596;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 8px;
	height: 20px;
	width: 320px;
	position: absolute;
	right: -95px;
	top: 58px;
	font-size: 2em;
}
/* logged in box:show and hide as needed for users logged in status */
#topBanner #loggedInBox {
	font-weight: lighter;
	color: #FFF;
	text-decoration: none;
	background-color: #002a5f;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 8px;
	height: 20px;
	width: 320px;
	position: absolute;
	right: 4px;
	top: 12px;
	font-size: 0.84em;
}

/* top of page link for banners */
.topOfPageLink {
	float: left;
	color: #F90;
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	width: 60px;
}

.topOfPageLink a:link {
	color: #d21f49;
	text-decoration: none;
	font-weight: bold;
}

.topOfPageLink a:visited {
	color: #d21f49;
	text-decoration: none;
	font-weight: bold;
}

.topOfPageLink a:hover {
	color: #b5b830;
	text-decoration: none;
	font-weight: bold;
}

.topOfPageLink a:active {
	color: #005596;
	text-decoration: none;
	font-weight: bold;
}

/* the form for the log out button */
#topBanner #loggedInBox #frmLogOut {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 4px;
	top: 4px;
}

/*************************
    #mainShell == This is the overall container block for the site sidebar and content
*************************/
#mainShell {
	position: relative;
	background-color: white;
	width: 958px;
	margin: 0px auto 0px auto;
}

/*  #mainShell == this is simply the shell to place the main content DO NOT use this for content directly place all content within their own individual containers nested in this container.*/
#mainShell #mainContentContainer {
	width: 732px;
	position: relative;
	margin: 5px;
	padding: 0px;
	float: right;
}

#mainShell #mainContentContainerW, #mainShell #mainContentContainerW2 {
	width: 932px;
	position: relative;
	margin: 5px;
	padding: 0px;
	float: right;
}

.splashBox {
	padding: 0;
	width: 671px;
	height: 445px;
	float: left;
	background: url(i/1.jpeg);
	background-repeat: no-repeat;
}

.bg1fo {
	background: url(i/1fo.jpeg);
}

.bg1 {
	background: url(i/1.jpeg);
}

.bg2 {
	background: url(i/2.jpeg);
}

.bg3 {
	background: url(i/3.jpeg);
}

.bg4 {
	background: url(i/4.jpeg);
}

.bg5 {
	background: url(i/5.jpeg);
}

div.numbers {
	float: right;
	color: #eee;
	margin-top: 345px;
	padding: 5px;
}

div.numbers a, div.numbers a:visited {
	color: #ccc;
	font-size: 0.8em;
	margin: 2px;
	padding: 0 2px;
	border: 1px solid #ccc;
	text-decoration: none;
}

div.numbers a.currentSplash {
	color: #fff;
	font-size: 0.8em;
	margin: 2px;
	padding: 0 1px;
	border: 2px solid #fff;
	text-decoration: normal;
}

div.numbers a:hover {
	color: #fff;
	border: 1px solid #fff;
}

div.numbers a.currentSplash:hover {
	color: #fff;
	border: 2px solid #fff;
}

div.splashBox .headline {
	margin-top: 345px;
	padding-bottom: 5px;
}

h1.splash, h2.splash, p.splash {
	margin-top: 0;
	margin-bottom: 13px;
	padding-left: 15px;
	color: #fff;
	font-family: sans-serif;
}

h1.splash {
	font-size: 1.5em;
}

h2.splash {
	font-size: 1.2em;
}

/* #SeafaxLogoSecondaryPages == used to place the logo on the secodary pages */
#mainShell #SeafaxLogoSecondaryPages {
	margin: 0px;
	padding: 0px;
	height: 147px;
	width: 215px;
	position: absolute;
	top: -93px;
	left: -5px;
	border: 0px;
}

#mainShell #SeafaxLogoSplashPages {
	margin: 0px;
	padding: 0px;
	height: 147px;
	width: 215px;
	position: absolute;
	top: -93px;
	left: -5px;
	border: 0px;
}

/*************************
    #headers
*************************/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	color: #005596;
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

h1 {
	font-size: 29pt;
}

h2 {
	font-size: 26pt;
}

h3 {
	font-size: 22pt;
}

h4 {
	font-size: 19pt;
}

h5 {
	font-size: 16pt;
}

h6 {
	font-size: 12pt;
}

.orange {
	color: #d21f49;
}

.darkBlue {
	color: #005596;
}

/*************************
    clearBoth class:This class is very important as it clears the floats used to
    help position the major content areas(sidebar/content) where ever you see this block be sure to keep it there.
*************************/
.clearBoth {
	clear: both;
}

/*************************
    simple orange color for text
*************************/
.orangeClr {
	color: #d21f49;
}

/*************************
    simple green color for text
*************************/
.greenClr {
	color: #b5b830;
}

/*************************
    basic cel realignment
*************************/
.centerME {
	text-align: center;
}

.leftME {
	text-align: left;
}

.rightME {
	text-align: right;
}

/*************************
    #gradient boxes and other generic boxes == these are the boxes used to build the sidebar items and interface item containers. 
*************************/
.bluehdr {
	background: #e7ebee url("common/blueTopFadeBox.gif") repeat-x;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #025;
}

.lightBlueGradientBox {
	background-color: #e7ebee;
	background-image: url(common/blueTopFadeBox.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

.darkBlueGradientBox {
	background-color: #cbd6df;
	background-image: url(common/darkBlueTopFadeBox.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

.lightGreenGradientBox {
	background-color: #FFF;
	background-image: url(table/lightGreenBlockGradient.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border: 1px #cbd0c7 solid;
}

.seaFoamBox {
	width: 100px;
	height: 100px;
	background-color: #eaece9;
}

.formSectionHeader {
	width: 100%;
	font-weight: bold;
	background-color: #e7ebee;
	background-image: url("common/blueTopFadeBox.gif");
	background-repeat: repeat-x;
	background-position: center top;
}

.formSectionHeaderRightText {
	float: right;
	font-weight: normal;
	padding-right: 4px;
}

.formSectionHeaderLeftText {
	padding-left: 4px;
}

.placeCollectionTextArea {
	padding: 6px;
}

.placeCollectionTextArea#warning {
	color: #f00;
	font-weight: bold;
	text-align: center;
}

.pageTextArea {
	background-color: #cccccc;
	padding: 6px;
}

.pageHeader {
	background-color: #005596;
	color: #fff;
	padding: 6px;
}

.searchBar {
	background-color: #eaece9;
	text-align: left;
	vertical-align: middle;
	padding: 2px 0;
}

.centeredSearchBar {
	text-align: center;
}

label.searchBar {
	text-align: left;
	vertical-align: middle;
	padding: 2px 0 2px 20px;
}

label.selected {
	background: #eaece9 url("i/greenCheck.gif") no-repeat;
}

label.notSelected {
	background: #eaece9 url("i/grayCheck.gif") no-repeat;
}

.searchBar label input {
	width: 35%;
}

.searchBar label select {
	width: 22%;
	margin-top: 4px;
}

.searchBar label select#type {
	width: 27%;
	margin-top: 2px;
}

.newswireHeader1 {
	position: relative;
	display: block;
	margin-top: 2px;
	background-color: #cbd6df;
	background-image: url("common/darkBlueTopFadeBox.gif");
	background-repeat: repeat-x;
	background-position: center top;
	background-position: left top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 15px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.newswireHeader2 {
	background-color: #fff;
}

.newswireHeader2.tleft, .newswireHeader2.tright {
	background-image: url("common/darkBlueTopFadeBox.gif");
	background-repeat: repeat-x;
	padding-top: 0pt;
	padding-right: 12px;
	padding-bottom: 0pt;
	padding-left: 12px;
	font-size: 10px;
	background-color: #afa;
	border-bottom: 1px solid #000;
	background-color: #f00;
}

.hide {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for IE5 Mac */
}

table.newstable {
	margin-top: 0px;
	width: 100%;
	font-size: 16px;
	background: #c03;
}

table.newstable th {
	background: #ccc;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0 15px;
}

table.newstable th.story {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 2px;
}

table.newstable th.storydate {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

table.newstable tr th.mainheader {
	background: #c03 url("i/hdr_arr_red.gif") no-repeat;
	padding: 4px 0 4px 15px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border-top: 0px solid #000;
	color: #fff;
}

table.newstable td {
	background: #fff;
	padding: 0 1px;
	text-align: left;
}

.newstable td.numeric, .numeric {
	text-align: right;
	padding-top: 0pt;
	padding-right: 4px;
	padding-bottom: 0pt;
	padding-left: 0pt;
}

table.newstable tr.topborder td {
	border-top: 1px solid silver;
	vertical-align: top;
}

table.newstable .notarget {
	padding-left: 15px;
}

table.newstable .target {
	padding-left: 15px;
	background: #fff url("common/target.png") 2px 7px no-repeat;
}

table.newstable th.nic {
	text-align: right;
	padding-right: 30px;
}

table.newstable th.tar, table.newstable td.nic, table.newstable td.tar {
	text-align: right;
	padding-right: 15px;
}

table.newstable th.rc, table.newstable td.rc {
	text-align: center;
}

table.newstable td {
	font-size: 11px;
}

table.newstable a:link, table.newstable a:visited {
	color: #d21f49;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 13px;
}

table.newstable a:hover {
	color: #005596;
	font-size: 13px;
}

/*********** NEWS LIST ***********/
ul.newslist {
	position: relative;
	list-style: none;
	margin: 0;
	margin-bottom: 12px;
	margin-top: 4px;
	line-height: 14px;
	padding: 0 0 0 0;
}

ul.newslist li {
	margin: 0;
}

/* fix for ie6 bug - extra space for incorrect widths of bold italic fonts */
ul.newslist li p {
	width: 98%;
	margin: 6px 0;
}

.lred {
	display: block;
	background: #c03 url("i/hdr_arr_red.gif") no-repeat 0 -2px;
	margin: 15px 0 0 0;
	padding: 2px 0 2px 15px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.redhead {
	position: relative;
	width: 545px;
	display: block;
	margin-top: 22px;
	background: #c03 url("i/hdr_arr_red.gif") no-repeat left top;
	padding: 4px 0 4px 15px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

li.greyhead {
	background: #ccc;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 2px;
}

li.greyhead a {
	font-size: 12px;
	font-weight: normal;
	padding: 0 8px 0 8px;
	font-weight: bold;
	color: #d21f49;
	text-decoration: none;
}

li.greyhead a:hover {
	color: #005596;
	font-weight: bold;
}

fieldset.re a {
	font-size: 11px;
	font-weight: normal;
	font-weight: bold;
	color: #d21f49;
	text-decoration: none;
}

fieldset.re a:hover {
	color: #005596;
	font-weight: bold;
}

.redhead2 {
	position: relative;
	display: block;
	margin-top: 2px;
	background-color: #cbd6df;
	background-image: url("common/darkBlueTopFadeBox.gif");
	background-repeat: repeat-x;
	background-position: center top;
	background-position: left top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 15px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.tleft {
	text-align: left;
	padding: 0 0 0 0px;
	color: #005596;
	background-color: #cbd6df;
	background-image: url("common/darkBlueTopFadeBox.gif");
}

redhead2.tleft {
	text-align: left;
	padding: 0 0 0 0px;
}

.tright {
	float: right;
	padding: 0 0 0 0px;
	background-color: #cbd6df;
	background-image: url("common/darkBlueTopFadeBox.gif");
}

.redhead .tleft, .redhead .tright {
	padding: 0 0 0 0px;
}

.tright a:visited {
	color: #d21f49;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.tright a:link {
	color: #d21f49;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.tright a:hover {
	color: #005596;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

li.greyhead2 {
	background: #ccc;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 0px;
	clear: right;
}

li.greyhead2 a {
	font-weight: normal;
	padding: 0 8px 0 8px;
}

div.storydate {
	display: inline;
	float: right;
}

li.storytext {
	font-size: 12px;
	margin-bottom: 10px;
	text-align: left;
}

li.storytext p {
	margin-top: 0;
}

#ratings {
	text-align: center;
	font-size: 11px;
	font-style: italic;
	padding: 0 0 0 0;
	border-top: 1px solid #000;
	margin-top: 2px;
	margin-bottom: 4px;
}

.displaywire {
	background: #fff;
	width: 560px;
}

.rgutter {
	float: right;
	background: #fff;
	width: 200px;
	margin-left: 10px;
}

.nitem {
	font-size: 12px;
	color: #000;
	background: #ecece0;
	padding: 1px 3px;
}

.nitem2 {
	line-height: 14px;
	padding: 5px;
	font-size: 12px;
	color: #000;
	background: #ecece0;
}

.nitem3 {
	font-size: 0.9em;
	color: #555;
}

.shdr {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	background: #999;
	text-align: center;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

.chdr {
	background: #ccc;
	text-align: center;
	border-bottom: 1px solid #777;
}

.ccontent {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #887;
}

.nitem {
	font-size: 12px;
	color: #000;
	background: #ecece0;
	padding: 1px 3px;
}

.nheadline {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 12px 0;
}

/* Collections table */
table.collections {
	margin-top: 0px;
	width: 100%;
	font-size: 11px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.collections th {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
	background-color: #cbd6df;
	background-image: url("common/darkBlueTopFadeBox.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

table.collections td {
	background: #fff;
	padding: 0 1px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}

.collections td.total {
	font-weight: bold;
	background-color: #cbd6df;
	background-image: url("common/darkBlueTopFadeBox.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

.claimhdr {
	border: 1px solid #ccc;
	margin: 30px 0 10px 0;
}

.bc1 {
	float: left;
	width: 50%;
	padding: 0 0 0 5px;
	background: #eee;
}

.bc2 {
	margin: 0 0 0 10px;
	padding-left: 50%;
}

.xhead {
	font-weight: bold;
}

.attn {
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
}

/*************************
 simulated selected items
*************************/
.selected {
	background: transparent url('/img/selected.png') no-repeat 0 0;
	padding-left: 20px;
}

a.notSelected {
	padding: 5px 0 0 20px;
	background: transparent url('/img/notSelected.png') no-repeat 0 2px;
}

/*************************
    major a links - orange and blue
*************************/
a:link.orderLink, a:visited.orderLink {
	color: #d21f49;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	font-size: 0.7em;
	padding: 3px 6px;
	border: 0px solid #d21f49;
}

a:hover.orderLink, a:active.orderLink {
	color: #005596;
}

a:link.orangeLink, a:visited.orangeLink {
	color: #d21f49;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 0.7em;
}

a:hover.orangeLink, a:active.orangeLink {
	color: #005596;
}


a:link.importantLink, a:visited.importantLink {
	color: #d21f49;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

a:hover.importantLink, a:active.importantLink {
	color: #005596;
}


a:link.orangeLinkLight, a:visited.orangeLinkLight {
	color: #d21f49;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 13pt;
}

a:hover.orangeLinkLight, a:active.orangeLinkLight {
	color: #005596;
}

hr.lightLine {
  height:1px;
  border-width:0;
  color:gray;
  background-color:#d21f49
}

a:link.blueLink, a:visited.blueLink {
	color: #005596;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

a:hover.blueLink, a:active.blueLink {
	color: #d21f49;
}

a:link, a:visited {
	color: #005596;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

a:hover, a:active {
	color: #d21f49;
}

a.dp {
	padding-left: 22px;
	background: url("i/arrow-g.png") no-repeat;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

a.dp:hover {
	background: url("i/arrow.png") no-repeat;
}

span.alert {
	background: #fee;
	border: 1px solid #d21f49;
	padding: 1px 6px;
	border-radius: 10px;
}

span.alert:hover {
	background: #fcc;
	border: 1px solid #005596;
}

/*************************
    header text formatting for each major page
*************************/
#mainInfo, #mainShell #mainContentContainer #pageHeaderImageContainer #pageHeadline
	{
	padding-top: 60px;
	padding-left: 50px;
	padding-bottom: 20px;
}

/*************************
    additions for seafood expo
*************************/
#welcomeInfo {
	font-family: sans-serif;
	padding: 0 32px;
}

#welcomeInfo h3 {
	font-size: 2em;
	font-family: sans-serif;
	font-weight: bold;
}

#welcomeInfo h4 {
	font-size: 1.4em;
	font-family: sans-serif;
	font-weight: bold;
}

#welcomeInfo ul, #welcomeInfo p {
	font-size: 1.2em;
	color: #555;
}

#welcomeInfo p.booth {
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

/*************************
    additions for silverpop
*************************/
#spop label {
	display: block;
	width: 100%;
}

#spop label {
	display: block;
	width: 192px;
	padding: 4px;
	margin: 0;
}

#spop label input {
	width: 95%;
}

#spop div {
	display: block;
	width: 100%;
	padding-top: 4px;
}

#spop div.right {
	text-align: right;
}

/*************************
    main body copy text formatting for each major page
*************************/
#mainShell #mainContentContainer #pageHeaderImageContainer #pageIntroCopy
	{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	font-size: 0.9em;
	line-height: 22px;
}

/*************************
    main body copy text formatting for each major page without a header image
*************************/
#mainShell #mainContentContainer #pageHeaderImageContainer #pageIntroCopyText
	{
	font-size: 0.9em;
	line-height: 22px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

/*************************
    header photos for primary pages
    all headers follow this model
*************************/
#mainShell #mainContentContainer #pageHeaderImageContainer {
	width: 730px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top right;
}

/*************************
    header photos for primary pages
    all headers follow this model
*************************/
#pageText {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	font-size: 0.9em;
	line-height: 22px;
}

#cgPageText {
	padding: 0 0 20px 0;
	font-size: 0.9em;
}

#pageText a:link, #pageText a:visited {
	color: #d21f49;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

#pageText a:hover {
	color: #005596;
}

p.pageIntroCopy2 {
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 8px;
	font-size: 0.9em;
	line-height: 22px;
}

.titlePaneHeader {
	background-color: #EAEDEA;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 1px 0 1px 3px;
	background-color: #e7ebee;
	background-image: url("common/blueTopFadeBox.gif");
	background-repeat: repeat-x;
}

.titlePaneTitle {
	color: #d21f49;
	background-color: #EAEDEA;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 1px 0 1px 3px;
}

div:hover.titlePaneTitle {
	background-color: #C4CFDB;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 1px 0 1px 3px;
	color: #005596;
	text-decoration: none;
	cursor: pointer;
}

.titlePaneTitle2 {
	color: #d21f49;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
}

div:hover.titlePaneTitle2 {
	background-color: #ffa;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	cursor: pointer;
}

.titlePaneContent {
	background-color: #fff;
	margin: 5px;
	padding: 1px 3px 3px 3px;
}

.titlePaneContent p {
	margin: 0 !important
}

.titlePaneContent2 {
	background-color: transparent;
	margin: 0;
	padding: 0 3px;
}

.aboutUsBKIMG {
	
}

.collectionInfoBKIMG {
	
}

.contactUsBKIMG {
	background: url('photos/contactUsWomanOnHeadset.jpg');
}

.productsBKIMG {
	
}

.oneSourceBKIMG {
	background-image: url('photos/oneSource.png');
}

.companyWatchBKIMG {
	
}

.industryAnnouncementsBKIMG {
	
}

.publicationsBKIMG {
	background-image: url('photos/stackedBooks.jpg');
}

.creditReportsBKIMG {
	
}

.collectionsBKIMG {
	background-image: url('photos/pastDue.jpg');
}

.directoryBKIMG {
	background-image: url('photos/directory18.png');
}

.libraryBKIMG {
	background-image: url('photos/library.jpg');
}

.blueGradientLeftTopBlock {
	background-image: url('table/blueGradientLeftTop.gif');
}

.proBKIMG {
	background-image: url('photos/pro_header.jpg');
}

.searchBKIMGsmall {
	background: #fff url('photos/seafaxSearchBGsmall.jpg') no-repeat right
		bottom;
}

.searchBKIMG {
	background: #fff url('photos/seafaxSearchBG.jpg') no-repeat right bottom;
}

.creditGroupBKIMG {
	background: #fff url('photos/creditGroupBG.jpg') no-repeat right bottom;
}

.topBlock {
	
}

form#quickSearchZone {
	padding: 6px;
	position: relative;
	border: 1px solid grey;
}

fieldset.quickSearch {
	
}

div#phonenumber {
	position: relative;
	float: right;
	margin-right: 3px;
}

div#dbanamefield, div#addressfield, div#taxidfield, div#companyname, div#firstname,
	div#lastname, div#nic, div#city, div#state, div#statefield, div#address,
	div#canCity, div#province, div#zipcode, div#postalcode, div#areacode,
	div#searchOption, div#goButton {
	position: relative;
	float: left;
	margin-right: 3px;
}

fieldset.quickSearch fieldset {
	color: #666;
	border: 1px solid #aad;
	padding: 4px;
}

fieldset.quickSearch fieldset b {
	color: #000;
}

div#companyname input, div#nic input, div#areacode input, div#phonenumber input,
	div#goButton {
	width: 165px;
}

label.overlabel {
	color: #aaa;
}

label.overlabelapply {
	position: absolute;
	left: 5px;
	z-index: 1;
	color: #999;
}

div.pageTitle {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
}

div.pageExplanation {
	text-align: justify;
	padding: 10px 5px;
}

.faqContainerRight {
	background-image: url(table/lightGreenBlockGradient.gif);
	background-repeat: repeat-x;
	width: 44%;
	float: right;
	display: block;
	float: left;
	font-size: 0.9em;
	line-height: 22px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	height: 240px;
}

.faqContainerLeft {
	display: block;
	float: left;
	font-size: 0.9em;
	line-height: 22px;
	background-color: #e7ebef;
	width: 318px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.invalidsessionerror {
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	padding: 90px 40px;
	color: #d12;
	text-align: center;
}

table.businessReportsRating {
	width: 60%;
	margin: auto;
	border-spacing: 0px;
}

table.businessReportsRating th {
	text-align: left;
	background-image: url(table/lightGreenBlockGradient.gif);
	background-repeat: repeat-x;
}

table.businessReportsRating td {
	border-bottom: 1px solid #d21f49;
}

table.businessReportsPayscore {
	width: 60%;
	margin: auto;
	border-spacing: 0px;
}

table.businessReportsPayscore th {
	text-align: left;
	background-image: url(table/lightGreenBlockGradient.gif);
	background-repeat: repeat-x;
}

table.businessReportsPayscore td {
	border-bottom: 1px solid #d21f49;
}

.businessReportsHeader {
	font-size: 1.4em;
	font-weight: bold;
	background-image: url(table/lightGreenBlockGradient.gif);
}

.businessReportsMinorHeader {
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(table/lightGreenBlockGradient.gif);
}

.hiddenImg {
	display: none;
}

#pageIntroLibrary {
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 0.9em;
	line-height: 22px;
}

.openClose {
	padding: 20px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	background: url(i/day.gif) left top no-repeat;
	height: 204px;
	width: 197px;
}

.nightClose {
	padding: 20px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	background: url(i/night.gif) left top no-repeat;
	height: 204px;
	width: 197px;
}

.adRotator {
	padding: 20px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	height: 280px;
	width: 197px;
}

.adRotator2 {
	padding: 20px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	height: 280px;
	width: 197px;
}

.freeTrial {
	padding: 20px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	height: 167px;
	width: 197px;
}

.sbr {
	color: #f00;
	font-weight: bold;
	font: bold 1.3em "Times New Roman", Georgia, serif;
}

.sbg {
	color: #008934;
	font: bold 1.3em "Times New Roman", Georgia, serif;
	font-weight: bold;
}

.bottomTop {
	background: #cdf url("common/darkBlueTopFadeBox.gif");
	padding: 0 18px 0px 8px;
	text-align: center;
	width: 30px;
	height: 22px;
	margin: 0pt auto;
}

.leftcolumn {
	float: left;
	padding-left: 10px;
}

.rightcolumn {
	margin: 0 0 0 500px;
}

#ProgressIndicator {
	display: block;
	margin: 0 auto;
	text-align: center;
}

DIV.t-data-grid {
	font-family: sans-serif;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 14px;
	width: 100%;
}

DIV.t-data-grid-pager {
	margin: 8px 0px;
}

DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
	text-decoration: none;
	color: #d21f49;
	font-weight: bold;
	padding: 2px 5px;
	font-size: 13px;
	border: 1px solid silver;
	margin-right: 5px;
}

DIV.t-data-grid-pager SPAN.current {
	color: white;
	border: 1px solid #000066;
	background-color: #E3ECd8;
	color: blue;
	font-weight: bold;
}

TABLE.t-data-grid {
	border-top: none;
	border: none;
}

table.t-data-grid thead {
	border-top: none;
}

TABLE.t-data-grid THEAD TR {
	color: white;
	background-color: #ffffff;
}

TABLE.t-data-grid THEAD TR TH {
	color: #000080;
	text-decoration: none;
	text-align: left;
	padding: 1px 3px;
	white-space: nowrap;
	border-bottom: 1px solid #000066;
	border-top: none;
	border-right: none;
}

TABLE.t-data-grid TBODY TR {
	background-color: #ffffff;
}

TABLE.t-data-grid TBODY TR.alternateRow {
	background: url("table/lightGreenRowGradient.gif") repeat-x center top;
}

table.t-data-grid tr th a {
	color: #000080;
	text-decoration: none;
	line-height: 14px;
}

TABLE.t-data-grid TBODY TR TH A {
	color: #000080;
	line-height: 14px;
	line-height: 14px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	white-space: nowrap;
}

TABLE.t-data-grid TBODY TR TD {
	border: none;
	padding: 6px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	line-height: 14px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	white-space: nowrap;
}

TABLE.t-data-grid TBODY TR TD.t-sort-column-ascending, TABLE.t-data-grid TBODY TR TD.t-sort-column-descending,
	TABLE.t-data-grid thead tr th.t-sort-column-ascending, TABLE.t-data-grid thead tr th.t-sort-column-descending
	{
	background-image: url("table/darkGreenBlockGradient.gif");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
}

.unavailable {
	color: blue;
}

fieldset.fsb {
	margin: 0.25em 0.8em 0.25em 0.25em;
	border: 1px solid #ccc;
	padding: 1em;
	background: #fff;
}

.blue {
	color: blue;
}

#pageHeaderImageContainer #buyGuideNow {
	position: absolute;
	top: 340px;
	right: 82px;
}

.disclaimer {
	font-size: 10px;
	text-align: justify;
	line-height: 1.3em;
	padding: 0 10px;
	font-style: italic;
}

.pageExplanation p {
	margin: 0px;
}

.pageExplanation .disclaimer {
	padding: 10px 0px;
}

#proSummary {
	/*	margin-top:30px;*/
	
}

.proBKIMG p {
	margin: 0 300px 0 20px;
}

.proBKIMG #pageHeadline h3 {
	width: 350px;
}

#proSummary #nicTool {
	padding: 0px 0px;
	text-align: center;
	position: relative;
	height: 30px;
}

#proSummary #nicTool input {
	width: 70px;
}

#proSummary h4 {
	text-align: center;
}

#proSummary #pro-stats {
	text-align: center;
	font-size: 14px;
	margin: 5px 0 15px 0;
}

#proSummary #dateText {
	font-size: 12px;
}

#proSummary #ratingTable {
	width: 95%;
	padding: 0px 100px;
}

#proSummary #ratingTable th {
	text-transform: uppercase;
}

#proSummary #ratingTable td {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-bottom: #ff6600 solid 1px;
	padding: 2px 4px;
}

#proSummary #ratingTable td.name {
	text-align: left;
}

#proSummary #ratingTable td.name a, #proSummary #pro-stats a {
	text-decoration: none;
	color: #d21f49;
	font-weight: bold;
}

#proSummary #googleChart {
	position: absolute;
	top: 315px;
	width: 720px;
}

#proSummary #nicTableContainer {
	margin-top: 10px;
}

#proSummary #nicTableContainer td {
	padding: 2px 4px 6px;
}

#proSummary #nicTableContainer td.nameWithNic {
	white-space: normal;
	width: 60%;
}

DIV.t-data-grid-pager A {
	color: #d21f49;
}

#proSummary .zebra {
	background-color: #eee;
}

#proSummary table.t-data-grid tbody TR TD.t-sort-column-ascending,
	#proSummary table.t-data-grid tbody TR TD.t-sort-column-descending,
	#proSummary table.t-data-grid thead tr th.t-sort-column-ascending,
	#proSummary table.t-data-grid thead tr th.t-sort-column-descending {
	background-image: none;
}

#proSummary #nicTableContainer .rowsPerPage {
	color: #d21f49;
	text-decoration: none;
	position: absolute;
	top: 625px;
	right: 5px;
	border: 1px solid silver;
	padding: 1px 5px 2px 5px;
	font-weight: bold;
}

#proSummary #nicTableContainer #noPagingSpacer {
	width: 20px;
	height: 12px;
}

#proSummary table.t-data-grid tr.zebra td.t-sort-column-descending,
	#proSummary table.t-data-grid tr.zebra td.t-sort-column-ascending {
	background: #d8d8d8;
}

#proSummary table.t-data-grid td.t-sort-column-descending, #proSummary table.t-data-grid td.t-sort-column-ascending
	{
	background: #f2f2f2;
}

div.topper h3.search {
	font-family: sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

div.topper h3.search span.search {
	font-size: 0.8em;
	font-weight: normal;
}

span.search b {
	color: green;
	font-weight: bold;
}

#searchContent ul.tabs {
	position: relative;
	float: left;
	list-style: none outside none;
	background: #fff;
	line-height: 10px;
	padding-left: 5px;
}

#searchContent {
	width: 732px;
	position: relative;
	margin: 0 5px;
	padding: 0px;
	float: right;
}

#searchContent ul.tabs li {
	position: relative;
	float: left;
	background: url("i/leftb.png") no-repeat scroll left top transparent;
	margin: 0px;
	padding: 0px 0px 0px 9px;
}

#searchContent ul.tabs li a {
	position: relative;
	float: left;
	display: block;
	background: url("i/rightb.png") no-repeat scroll right top transparent;
	padding: 8px 15px 7px 6px;
	text-decoration: none;
	font-weight: bold;
	color: rgb(221, 221, 255);
}

#searchContent ul.tabs li a:hover {
	color: #fff;
}

#searchContent ul.tabs li.current {
	background: url("i/left_onb.png") no-repeat scroll left top transparent;
	border-bottom: 1px solid #229;
}

#searchContent ul.tabs li.current a {
	background: url("i/right_onb.png") no-repeat scroll right top
		transparent;
	color: #fff;
}

.css-throbber {
	color: #d21f49;
	display: inline-block;
	-moz-transform-origin: 50% 52%;
}

.css-throbber-active {
	-animation: rotate 1.5s infinite linear;
	-moz-animation: rotate 1.5s infinite linear;
	-webkit-animation: rotate 1.5s infinite linear;
}

.css-throbber:after {
	content: '↻';
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	-vertical-align: 0.075em;
}

.css-throbber.css-throbber-chrome:after {
	vertical-align: 0em;
}

@
keyframes rotate { 0% {
	transform: rotate(0deg)
}

100%
{
transform


:rotate(360deg)


}
}
@
-moz-keyframes rotate { 0% {
	-moz-transform: rotate(0deg)
}

100%{
-moz-transform


:

 

rotate


(360
deg
)


}
}
@
-webkit-keyframes rotate { 0% {
	-webkit-transform: rotate(0deg)
}

100%{
-webkit-transform


:rotate(360deg)


}
}
#joinOurCommunityForm {
	margin: 20px 50px 50px 50px;
}

#joinOurCommunityForm h4 {
	font-size: 30px;
	font-weight: bold;
}

#joinOurCommunityForm span {
	display: block;
}

#joinOurCommunityForm label {
	width: 150px;
	display: inline-block;
	font-size: 16px;
}

#joinOurCommunityForm input {
	margin-bottom: 20px;
	height: 26px;
	width: 275px;
	border-radius: 25px;
	border: 1px solid lightgray;
	padding-left: 10px;
}

#joinOurCommunityForm textarea {
	margin-top: 5px;
	min-width: 400px;
	width: 60%;
	height: 75px;
}

#joinOurCommunityForm #submitContacts {
	cursor: pointer;
}

#passwordUpdate {
	padding: 20px;
	min-height: 500px;
}

#passwordUpdate h4 {
	font-weight: bold;
	margin-bottom:20px;
}

#myProfileHeader {
	margin:10px 0 10px;
	color:#002a5f;
}

#myProfileBox {
	display : block;
	height:100px;
}

span.si {
  background: #fff;
  color: #d12;
  margin: 0;
  padding: 0 5px;
  border: 1px solid red;
  font-size: .8em;
   position: absolute;
}