/* Master Plumbers styles OFFLINE VERSION */

/* ---------- layout ---------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #003463;
	background-color: #fff;
	}
	
#container {
	width: 920px;
	margin: 0 auto 0 auto;
	padding: 0 32px;
	text-align: left;
	background: url(../img/bg-container.gif) repeat-y 0 0;
	}
	
#container-bottom {
	width: 984px;
	height: 42px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background: url(../img/bg-container-bottom.gif) no-repeat 0 100%;
	}		
	
#container a:focus {
	outline: none;
	}
	
/* ---------- header ---------- */			

#header {
	width: 920px;
	height: 120px;
	float: left;
	position: relative;
	}
	
#header img {
	border: none;
	float: left;
	margin: 15px 0 0 0;
	}
	
#header .utilities {
	float: right;
	width: 760px;
	margin: 15px 0 0 0;
	}
	
#header .utilities ul {
	float: right;
	margin: 0;
	padding: 0;
	}
	
#header .utilities ul li {
	margin: 0;
	padding: 5px 0 0 0;
	display: inline;
	float: left;
	list-style-type: none;
	}
	
#header .utilities ul li a:link, 
#header .utilities ul li a:visited {
	text-decoration: none;
	padding: 0 9px;
	font-size: 1.1em;
	color: #003463;
	}
	
#header .utilities ul li a:hover {
	text-decoration: none;
	padding: 0 9px;
	font-size: 1.1em;
	color: #ba0305;
	}
	
#header .utilities ul li a.current:link, 
#header .utilities ul li a.current:visited, 
#header .utilities ul li a.current:hover {
	text-decoration: underline;
	}	
	
#header .utilities form {
	float: right;
	margin: 0;
	padding: 0;
	}
	
#header .utilities form input {
	width: 130px;
	border: 1px solid #003463;
	margin: 0 0 0 21px;
	padding: 3px;
	font-size: 11px;
	}	
	
#header .utilities form input.button {
	width: auto;
	border: none;
	background-color: #003463;
	margin: 0 0 0 8px;
	padding: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	}	
	
/* ----- Section tabs ----- */

#header .section-tabs {
	position: absolute;
	right: 0;
	bottom: 0;
	}
	
#header .section-tabs ul {
	margin: 0;
	padding: 0;
	}
	
#header .section-tabs ul li {	
	margin: 0 0 0 5px;
	padding: 0 0 0 4px;
	display: inline;
	float: left;
	list-style-type: none;	
	}
	
#header .section-tabs ul li.tab-public {
	background: url(../img/tab-public-left.gif) no-repeat 0 0;	
	}
	
#header .section-tabs ul li.tab-trade {
	background: url(../img/tab-trade-left.gif) no-repeat 0 0;	
	}	
	
#header .section-tabs ul li.tab-members {
	background: url(../img/tab-members-left.gif) no-repeat 0 0;	
	}	
   
#header .section-tabs ul li a:link, 
#header .section-tabs ul li a:visited {
	float: left;
	display: block;
	padding: 10px 10px 7px 6px;
	font-weight: bold;
	color: #fff;
	width: auto;
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	zoom: 1;
	}
	
#header .section-tabs ul li a:hover {
	float: left;
	display: block;
	padding: 10px 10px 7px 6px;
	font-weight: bold;
	color: #fff;
	width: auto;
	text-align: center;
	font-size: 1.2em;
	text-decoration: underline;
	zoom: 1;
	}	
	
#header .section-tabs ul li.tab-public a {
	background: url(../img/tab-public-right.gif) no-repeat 100% 0;
	}
	
#header .section-tabs ul li.tab-trade a {
	background: url(../img/tab-trade-right.gif) no-repeat 100% 0;
	}	
	
#header .section-tabs ul li.tab-members a {
	background: url(../img/tab-members-right.gif) no-repeat 100% 0;
	}		


	
/* ---------- main nav ---------- */		

#main-nav {
	float: left;
	width: 920px;
	}

#main-nav ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 920px;
	}
	
#main-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	font-size: 1.2em;
	color: #fff;
	}
	
#main-nav ul li a {
	margin: 0;
	padding: 10px 23px 7px 11px;
	display: block;
	float: left;
	text-decoration: none;
	}	
	
#main-nav ul li a:link, 
#main-nav ul li a:visited {
	color: #fff;
	}		
	
#main-nav ul li a:hover {
	color: #003463;
	}
	
#main-nav ul li a.current:link, 
#main-nav ul li a.current:visited, 
#main-nav ul li a.current:hover {
	color: #003463;
	}	
	
	
/* ---------- content layout ---------- */		

#content-wrapper {
	width: 920px;
	float: left;
	padding: 15px 0 0 0;
	}
	
#subnav-content-wrapper {
	width: 705px;
	float: left;
	}
	
#subnav-content-wide-wrapper {
	width: 920px;
	float: left;
	}	
	
#subnav-col {
	width: 185px;
	float: left;
	}
	
#content-col {
	width: 490px;
	float: right;
	}	
	
#subnav-content-wide-wrapper #content-col {
	width: 705px;
	float: right;
	}		
	
#feature-col {
	width: 185px;
	float: right;
	}

/* (for forum layout see forum.css) */


	
/* ---------- subnav column ---------- */	

/* display box (also in feature column)  */

.box-display {
	width: 185px;
	float: left;
	padding: 0 0 8px 0;
	margin: 0 0 13px 0;
	}
	
.box-display-inner {
	width: 163px;
	padding: 10px;
	float: left;
	}
	
.box-display-inner ul {
	margin: 0;
	padding: 0 0 10px 0;
	}

.box-display-inner ul li {
	margin: 0 0 0 4px;
	padding: 0 0 8px 11px;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.3;
	}

.box-display-inner ul li a:link, 
.box-display-inner ul li a:visited {
	color: #BA0305;
	text-decoration: none;
	}	
	
.box-display-inner ul li a:hover {
	color: #BA0305;
	text-decoration: underline;
	}
	
.box-display-inner ul.subnav {
	margin: 0;
	padding: 7px 0 0 0;
	}
	
.box-display-inner ul.subnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.0em;
	line-height: 1.22;
	}	
	
.box-display-inner ul.subnav li ul {
	margin: 0;
	padding: 0;
	}	
	
.box-display-inner ul.subnav li ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}		
	
.box-display-inner ul.subnav li a:link, 
.box-display-inner ul.subnav li a:visited {
	margin: 0 -10px;
	padding: 4px 10px;
	font-size: 1.1em;
	color: #003463;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li a:hover {
	margin: 0 -10px;
	padding: 4px 10px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	display: block;
	}
	
.box-display-inner ul.subnav li ul li a:link, 
.box-display-inner ul.subnav li ul li a:visited {
	margin: 0 -10px;
	padding: 4px 10px 4px 25px;
	font-size: 1.1em;
	color: #003463;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li ul li a:hover {
	margin: 0 -10px;
	padding: 4px 10px 4px 25px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	display: block;
	}
	
.box-display-inner ul.subnav li ul li ul li a:link, 
.box-display-inner ul.subnav li ul li ul li a:visited {
	margin: 0 -10px;
	padding: 4px 10px 4px 40px;
	font-size: 1.1em;
	color: #003463;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li ul li ul li a:hover {
	margin: 0 -10px;
	padding: 4px 10px 4px 40px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li ul li ul li ul li a:link, 
.box-display-inner ul.subnav li ul li ul li ul li a:visited {
	margin: 0 -10px;
	padding: 4px 10px 4px 55px;
	font-size: 1.1em;
	color: #003463;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li ul li ul li ul li a:hover {
	margin: 0 -10px;
	padding: 4px 10px 4px 55px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li ul li ul li ul li ul li a:link, 
.box-display-inner ul.subnav li ul li ul li ul li ul li a:visited {
	margin: 0 -10px;
	padding: 4px 10px 4px 70px;
	font-size: 1.1em;
	color: #003463;
	text-decoration: none;
	display: block;
	}	
	
.box-display-inner ul.subnav li ul li ul li ul li ul li a:hover {
	margin: 0 -10px;
	padding: 4px 10px 4px 70px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	display: block;
	}		
		
.box-display-inner form {
	margin: 0;
	padding: 0;
	}
	
.box-display-inner form .row {
	width: 163px;
	float: left;
	}	
	
.box-display-inner form label {
	width: 163px;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	margin: 15px 0 5px 0;
	padding: 0;
	}
	
.box-display-inner form .row label {
	width: 143px; /* FF */
	float: left;
	font-weight: normal;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	padding: 2px 0 0 6px; /* FF */
	}
	
.box-display-inner form select {
	width: 161px;
	float: left;
	border: 1px solid #003463;
	padding: 1px;
	margin: 0; /* FF */
	font-size: 11px;
	}	
	
.box-display-inner form input {
	width: 155px;
	float: left;
	border: 1px solid #003463;
	padding: 3px;
	margin: 0; /* FF */
	font-size: 11px;
	}		
	
.box-display-inner form .row input {
	width: auto;
	float: left;
	border: none;
	padding: 0;
	margin: 0;
	}	
	
.box-display-inner form p {
	font-size: 1.1em;
	margin: 0;
	padding: 10px 0 4px 0;
	clear: both;
	}
	
.box-display-inner form input.button {
	width: auto;
	border: none;
	background-color: #003463;
	margin: 9px 0 0 0;
	padding: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	}		
	

/* linked logo buttons  */

.button-links {
	width: 185px;
	float: left;
	}
	
.button-links img {
	margin: 0 0 10px 0;
	}
	

/* ---------- content column ---------- */

/* breadcrumbs */
	
.breadcrumbs {
	width: 490px;
	margin: 0 0 12px 0;
	font-weight: bold;
	}
	
#subnav-content-wide-wrapper .breadcrumbs {
	width: 705px;
	margin: 0 0 12px 0;
	font-weight: bold;
	}
	
/* (for forum breadcrumbs - see forum.css) */
		
#content-col .breadcrumbs a:link, 
#content-col .breadcrumbs a:visited {
	margin: 0 5px 0 0;
	padding: 0 0 3px 0;
	text-decoration: none;
	color: #003463;
	font-weight: normal;
	}	
	
#content-col .breadcrumbs a:hover {
	margin: 0 5px 0 0;
	padding: 0 0 3px 0;
	text-decoration: none;
	color: #ba0305;
	font-weight: normal;
	}	
	
/* headers */	

#content-col h1 {
	font-size: 1.9em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
#content-col h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 6px 0;
	}
	
#content-col h2.home-public {
	font-size: 1.5em;
	font-weight: bold;
	margin: 6px 0 10px 0;
	padding: 10px;
	background-color: #a1bfbf;
	color: #fff;
	}	
	
#content-col h2.home-trade {
	font-size: 1.5em;
	font-weight: bold;
	margin: 6px 0 10px 0;
	padding: 10px;
	background-color: #b8b8b8;
	color: #fff;
	}	
	
#content-col h2.home-members {
	font-size: 1.5em;
	font-weight: bold;
	margin: 6px 0 10px 0;
	padding: 10px;
	background-color: #8899bb;
	color: #fff;
	}	
	
#content-col h2.home-public a:link, 
#content-col h2.home-public a:visited, 
#content-col h2.home-trade a:link, 
#content-col h2.home-trade a:visited, 
#content-col h2.home-members a:link, 
#content-col h2.home-members a:visited {
	color: #fff;
	}
	
#content-col h2.home-public a:hover, 
#content-col h2.home-trade a:hover,
#content-col h2.home-members a:hover {
	color: #fff;
	text-decoration: underline;
	}	
	
#subnav-col h2, 
#feature-col h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}	
	
#feature-col .upcoming-courses h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0 0;
	line-height: 1;
	}		
	
#content-col h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 6px 0;
	}
	
#subnav-col h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	}
	
#content-col h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 6px 0;
	}	
	
/* paragraphs */	

#subnav-col p {
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
	}
	
#content-col p {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
	}	
	
#content-col .homepage-content p {
	font-size: 1.2em;
	margin: 0;
	padding: 0 10px 10px 10px;
	line-height: 1.3;
	}		
	
#content-col p.intro {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	padding: 10px;
	line-height: 1.3;
	background-color: #eee;
	}	
	
#content-col p.pagination {
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
	font-weight: bold;
	text-align: right;
	}
	
#content-col p.pagination a:link, 
#content-col p.pagination a:visited, 
#content-col p.pagination a:hover {
	font-weight: normal;
	}			
	
/* links */

#content-col a:link, 
#content-col a:visited, 
#subnav-col .box-display-inner p a:link, 
#subnav-col .box-display-inner p a:visited {
	color: #ba0305;
	text-decoration: none;
	}
	
#content-col a:hover, 
#subnav-col .box-display-inner p a:hover {
	color: #ba0305;
	text-decoration: underline;
	}	
	
/* lists */	
		
#content-col ul {
	margin: 0;
	padding: 0 0 10px 0;
	}

#content-col ol {
	margin: 0 0 0 20px; /* FF */
	padding: 0 0 10px 0;
	}

#content-col ul li {
	margin: 0 0 0 4px;
	padding: 0 0 8px 11px;
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.1;
	}

#content-col ol li {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 1.2em;
	line-height: 1.1;
	list-style-type: decimal;
	background: none;
	}

#content-col ul li ul {
	margin: 0 0 -6px 0;
	padding: 6px 0 0 0;
	}

#content-col ul li ul li {
	margin: 0 0 0 4px;
	padding: 0 0 8px 11px;
	list-style-type: none;
	line-height: 1.1;
	font-size: 100%;
	}

#content-col ol li ul {
	margin: 0 0 -6px 0;
	padding: 6px 0 0 0;
	}

#content-col ol li ul li {
	margin: 0 0 0 3px;
	padding: 0 0 8px 11px;
	list-style-type: none;
	line-height: 1.1;
	font-size: 100%;
	}

#content-col ul li ol {
	margin: 0 0 -6px 20px; /* FF */
	padding: 6px 0 0 0;
	}

#content-col ul li ol li {
	margin: 0;
	padding: 0 0 7px 0;
	line-height: 1.1;
	list-style-type: decimal;
	background: none !important;
	font-size: 100%;
	}

#content-col ol li ol {
	margin: 0 0 -6px 20px; /* FF */
	padding: 6px 0 0 0;
	}

#content-col ol li ol li {
	margin: 0;
	padding: 0 0 7px 0;
	line-height: 1.1;
	list-style-type: decimal;
	background: none;
	font-size: 100%;
	}	
	
	
/* ----- image treatments ----- */	

img.img-left {
	float: left;
	margin: 4px 15px 10px 0;
	}
	
img.img-right {
	float: right;
	margin: 4px 0 10px 15px;
	}
	
.image img {
	/*border: none;*/
	}
	
.left {
	float: left;
	margin: 4px 15px 15px 0;
	}
	
.right {
	float: right;
	margin: 4px 0 15px 15px;
	}
	
.leftAlone {
	margin: 0 0 15px 0;
	}
	
.rightAlone {
	margin: 0 0 15px 0;
	}	
	
img.partner-banner {
	margin: 0 0 15px 0;
	}
	
.center {
	margin: 0 0 15px 0;
	text-align: center;
	}	
	
.center img {
	margin: 0 auto;
	}		
	
.captionImage {
	margin: 0 auto 10px auto;
	padding: 10px;
	background-color: #eee;
	}		
	
.caption {
	padding: 5px 0 0 0;
	font-size: 1.1em;
	background-color: #eee;
	}
		
	
/* ----- tables ----- */	

/* layout (invisible) table */

#content-col table {
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#content-col table td {
	padding: 3px 0;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 1.2em;
	}	
	
#content-col table h2 {
	font-size: 1.27em;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#content-col table h3 {
	font-size: 1.08em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}	
	
#content-col table p {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	}
	
/* divider table - mostly invisible, with dividers between the rows */

#content-col table.divider-table {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	}
	
#content-col table.divider-table td {
	padding: 10px 10px 0 0;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 1.2em;
	}	
	
#content-col table.divider-table h2 {
	font-size: 1.27em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	}
	
#content-col table.divider-table h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	}	
	
#content-col table.divider-table p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
	}
	
#content-col table.divider-table img {
	margin: 0 0 10px 0;
	}
	
#content-col table.divider-table a img {
	border: none;
	}	
	
#content-col table.divider-table ul li {
	font-size: 100%;
	}
	
#content-col table.divider-table ol li {
	font-size: 100%;
	}	

/* display table */

#content-col table.display-table {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	}
	
#content-col table.display-table th {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	}	
	
#content-col table.display-table th a:link, 
#content-col table.display-table th a:visited {
	color: #fff;
	text-decoration: none;
	}	
	
#content-col table.display-table th a:hover {
	color: #fff;
	text-decoration: underline;
	}		
	
#content-col table.display-table td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 1.2em;
	}	
	
#content-col table.display-table h2 {
	font-size: 1.27em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	}
	
#content-col table.display-table p {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	}	

/* ----- forms  ----- */

#content-col form {
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#content-col form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#content-col form fieldset legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	}	
	
#content-col form .field {
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
	width: 490px;
	}		
	
#content-col form label {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	float: left;
	width: 160px;
	width: 150px;
	font-size: 1.2em;
	}
	
#content-col form label.right {
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	/*width: 460px;*/
	width: 440px;
	/*font-size: 0.9em;*/
	font-size: 1.0em;
	display: inline;
	}	
	
#content-col form label.FormHeading	{
	margin: 0 0 0 0;
	padding: 10px 0;
	width: 490px;
	font-weight: bold;
	font-size: 1.3em;
	}
	
#content-col form input {
	margin: 0;
	padding: 3px;
	width: 225px;
	border: 1px solid #003263;
	font-size: 11px;
	}
	
#content-col form p.checkbox {
	margin: 0 0 10px 0;
	/*padding: 0;*/
	padding: 0 0 0 10px;
	float: left;
	/*width: 490px;*/
	width: 480px;
	}
	
#content-col form p#Remember {
	margin: 0 0 10px 160px;
	display: inline;
	width: 300px;
	}
	
#content-col form p#Remember label.right {
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	width: 270px;
	font-size: 1.0em;
	display: inline;
	}	
	
#content-col form p#ForgotPassword {
	margin-top: 10px;
	}	
	
#content-col form p.checkbox input {
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
	float: left;
	}

#content-col form ul.optionset {
	margin: 0 0 0 170px;
	padding: 0;
	float: left;
	width: 285px;
	display: inline;
	}		

#content-col form ul.optionset li input.radio {
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
	float: left;
	}
	
#content-col form ul.optionset li label {
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	width: 285px;
	font-size: 1.1em;
	}		
	
#content-col form .validationError input {
	margin: 0;
	padding: 3px;
	width: 225px;
	border: 1px solid #ba0305;
	}	
	
#content-col form input#Form_Form_EditableTextField22, 
#content-col form input#Form_Form_EditableTextField25, 
#content-col form input#Form_Form_EditableTextField27, 
#content-col form input#Form_Form_EditableTextField29, 
#content-col form input#Form_Form_EditableTextField55, 
#content-col form input#Form_Form_EditableTextField59, 
#content-col form input#Form_Form_EditableTextField62, 
#content-col form input#Form_Form_EditableTextField66, 
#content-col form input#Form_Form_EditableTextField69, 
#content-col form input#Form_Form_EditableTextField73, 
#content-col form input#Form_Form_EditableTextField76, 
#content-col form input#Form_Form_EditableTextField79, 
#content-col form input#Form_Form_EditableTextField82, 
#content-col form input#Form_Form_EditableTextField85, 
#content-col form input#Form_Form_EditableTextField88, 
#content-col form input#Form_Form_EditableTextField91, 
#content-col form input#Form_Form_EditableTextField94, 
#content-col form input#Form_Form_EditableTextField97 {
	width: 20px;
	}	
	
#content-col form input#Form_Form_EditableTextField30, 
#content-col form input#Form_Form_EditableTextField56, 
#content-col form input#Form_Form_EditableTextField60, 
#content-col form input#Form_Form_EditableTextField63, 
#content-col form input#Form_Form_EditableTextField67, 
#content-col form input#Form_Form_EditableTextField70, 
#content-col form input#Form_Form_EditableTextField74, 
#content-col form input#Form_Form_EditableTextField77, 
#content-col form input#Form_Form_EditableTextField80, 
#content-col form input#Form_Form_EditableTextField83, 
#content-col form input#Form_Form_EditableTextField86, 
#content-col form input#Form_Form_EditableTextField89, 
#content-col form input#Form_Form_EditableTextField92, 
#content-col form input#Form_Form_EditableTextField95, 
#content-col form input#Form_Form_EditableTextField98, 
#content-col form input#Form_Form_EditableTextField99 {
	width: 60px;
	}
	
#content-col form .Actions {
	margin: 0 0 0 170px; /* FF */
	}	

#content-col form .Actions input.action {
	width: auto;
	border: none;
	background-color: #003463;
	margin: 0 0 0 0;
	padding: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	}		
	
#content-col form textarea {
	margin: 0;
	padding: 3px;
	width: 225px;
	border: 1px solid #003263;
	font-size: 11px;
	}
	
#content-col form .validationError textarea {
	border: 1px solid #ba0305;
	}		
	
#content-col form select {
	margin: 0;
	padding: 1px;
	width: 233px;
	border: 1px solid #003263;
	font-size: 11px;
	}	
	
#content-col form label span.required {
	margin: 0;
	color: #ba0305;
	}
	
#content-col form .validationError span.required {
	margin: 0 0 0 170px;
	color: #ba0305;
	}	
	
#content-col form ul {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 490px;
	}
	
#content-col form ul li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style-type: none;
	background: none !important;
	width: 490px;
	float: left;
	font-size: 100%;
	}
	
#content-col form ul li label {
	margin: 0 10px 0 0; /* FF */
	padding: 3px 0 0 0; /* FF */
	float: left;
	width: 160px;
	font-size: 1.2em;
	}	
	
#content-col form input.checkbox, 
#content-col form input.radio {
	margin: 0 7px 0 0;
	padding: 0;
	width: auto;
	border: none;
	float: left;
	}
	
/* required fields - Plumbers' Journal subscription form */

#content-col form #EditableTextField104	label, 
#content-col form #EditableTextField105	label, 
#content-col form #EditableTextField108	label, 
#content-col form #EditableTextField109	label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}	
	
/* required fields - branded merchandise order form */

#content-col form #EditableTextField49 label, 
#content-col form #EditableTextField50 label, 
#content-col form #EditableTextField51 label, 
#content-col form #EditableTextField52 label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}	
	
/* required fields - Health & Safety Manual order form */

#content-col form #EditableTextField17 label, 
#content-col form #EditableTextField18 label, 
#content-col form #EditableTextField19 label, 
#content-col form #EditableTextField20 label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}		
	
/* required fields - BP Fuelcard form */

#content-col form #EditableTextField31 label, 
#content-col form #EditableTextField32 label, 
#content-col form #EditableTextField126 label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}	
	
/* required fields - interest group subscription form */

#content-col form #EditableTextField1 label, 
#content-col form #EditableTextField2 label, 
#content-col form #EditableTextField47 label, 
#content-col form #EditableTextField125 label, 
#content-col form #EditableTextField3 label, 
#content-col form #EditableCheckboxGroupField4 label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}	
	
#content-col form #EditableCheckboxGroupField4 ul li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style-type: none;
	background: none !important;
	width: 285px;
	float: left;
	font-size: 100%;
	}

#content-col form #EditableCheckboxGroupField4 ul li label {
	margin: 0 10px 0 0; /* FF */
	padding: 3px 0 0 0; /* FF */
	float: left;
	width: 160px;
	font-size: 1.2em;
	background: none;
	}
	
/* required fields - update your details form */

#content-col form #EditableTextField5 label, 
#content-col form #EditableTextField6 label, 
#content-col form #EditableTextField7 label, 
#content-col form #EditableTextField10 label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}	
	
/* required fields - lost password form */

#content-col form #EditableTextField120 label, 
#content-col form #EditableTextField121 label, 
#content-col form #EditableTextField122 label, 
#content-col form #EditableTextField124 label {
	padding: 0 0 0 10px;
	width: 150px;
	background: url(../img/required.gif) no-repeat 0 0;
	}	
	
#content-col form#MemberLoginForm_LostPasswordForm	{
	
	}
	
#content-col p#noemail {
	
	}
	
	
#content-col form .email {
	
}



/* ----- special content  ----- */	

/* rewards */	

.rewards-row {
	width: 705px;
	float: left;
	margin: 0 0 10px 0;
	}
	
.rewards-box1, .rewards-box4, .rewards-box7, .rewards-box10, .rewards-box13, .rewards-box16 {
	width: 215px;
	float: left;
	margin: 0 30px 0 0;
	}
	
.rewards-box2, .rewards-box5, .rewards-box8, .rewards-box11, .rewards-box14, .rewards-box17 {
	width: 215px;
	float: left;
	margin: 0;
	}	
	
.rewards-box3, .rewards-box6, .rewards-box9, .rewards-box12, .rewards-box15, .rewards-box18 {
	width: 215px;
	float: right;
	margin: 0;
	}	
	
.rewards-box1 img, 	
.rewards-box2 img,
.rewards-box3 img, 
.rewards-box4 img, 
.rewards-box5 img, 
.rewards-box6 img, 
.rewards-box7 img, 
.rewards-box8 img, 
.rewards-box9 img,
.rewards-box10 img, 
.rewards-box11 img, 
.rewards-box12 img, 
.rewards-box13 img, 
.rewards-box14 img,   	
.rewards-box15 img,   
.rewards-box16 img,   
.rewards-box17 img,   
.rewards-box18 img {
	border: 1px solid #d8dde9;
	}
	
.rewards-box1 a:hover img, 	
.rewards-box2 a:hover img, 	
.rewards-box3 a:hover img, 
.rewards-box4 a:hover img, 
.rewards-box5 a:hover img, 
.rewards-box6 a:hover img, 
.rewards-box7 a:hover img, 
.rewards-box8 a:hover img, 
.rewards-box9 a:hover img, 
.rewards-box10 a:hover img, 
.rewards-box11 a:hover img, 
.rewards-box12 a:hover img, 
.rewards-box13 a:hover img, 
.rewards-box14 a:hover img, 
.rewards-box15 a:hover img, 
.rewards-box16 a:hover img, 
.rewards-box17 a:hover img, 
.rewards-box18 a:hover img {
	border: 1px solid #8899bb;
	}	

/* ---------- feature column ---------- */	

/* advertising images */

#feature-col img {
	float: right;
	border: none;
	}

/* upcoming courses and events */

.upcoming-courses, 
.upcoming-events {
	width: 185px;
	float: left;
	margin: 0 0 10px 0;
	}
	
.upcoming-courses table, 
.upcoming-events table {
	border: none;
	}
	
.upcoming-courses table th, 
.upcoming-courses table td, 
.upcoming-events table th, 
.upcoming-events table td {
	border: none;
	padding: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}
	
.upcoming-courses table a:link, 
.upcoming-courses table a:visited, 
.upcoming-events table a:link, 
.upcoming-events table a:visited {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	text-decoration: none;
	display: block;
	}
	
.upcoming-courses table a:hover, 
.upcoming-events table a:hover {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	text-decoration: none;
	color: #ba0305;
	display: block;
	}	
	
.details { /* in events pages where info is entered into details div without a p tag */
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
	}

#content-col .details p {
	font-size: 1.0em;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3;
	}	

/* ---------- footer ---------- */	

#footer {
	width: 920px;
	margin: 35px 0 0 0;
	padding: 27px 0 0 0;
	float: left;
	}
	
#footer #business-partner-logos	{
	margin: 0 0 10px 184px; /* left-margin is measured for this set of icons to position them centrally with jQuery positioning. Needs to be recalculated each time we change or add icons */
	padding: 10px 0 0 0;
	height: 31px;
	}
	
#footer #business-partner-logos img	{
	border: none;
	}	
	
#footer #information-partner-logos	{
	text-align: center;
	margin: 0 0 1px 0;
	}	
	
 	
/* ---------- clearing divs ---------- */			
	
.clear { /* simple clearing div with no height */
	clear: both;
	font-size: 0.1px;
	border: none;
	margin: -1px 0 0 0; 
	padding: 0;
	background: transparent;
	}