/*
  @Nuno Costa [criacaoweb.net] Core CSS.
  @Licensed under GPL and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
  
  --------------------------------------------------------------- 
*/
/*----------- Global Containers ----------- */
/* 
.core-wrap-100   =  width - 100% of Browser Fluid
.core-wrap-960   =  width - 960px  - fixed
.core-wrap-780   =  width - 780px  - fixed
.custom-wrap-x   =  width -  custom   - declared in another css (your site css)
*/
.core-wrap-100 {
	width: 100%;
}
.core-wrap-960 {
	width: 960px;
}
.core-wrap-780 {
	width: 780px;
}
.core-wrap-100,
.core-wrap-960,
.core-wrap-780,
.custom-wrap-x {
	margin-left: auto;
	margin-right: auto;
}
/*----------- Global Float ----------- */
.core-wrap-100  .core-float-left,
.core-wrap-960  .core-float-left,
.core-wrap-780  .core-float-left,
.custom-wrap-x  .core-float-left {
	float: left;
	display: inline;
}
.core-wrap-100  .core-float-right,
.core-wrap-960  .core-float-right,
.core-wrap-780  .core-float-right,
.custom-wrap-x  .core-float-right {
	float: right;
	display: inline;
}
/*----------- Global Center ----------- */
.core-wrap-100   .core-center,
.core-wrap-960   .core-center,
.core-wrap-780   .core-center,
.custom-wrap-x   .core-center {
	margin-left: auto;
	margin-right: auto;
}
/* Stylesheet: 1PCore Modified On 2011-08-26 14:27:03 */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
}

.contactform fieldset div div {
	margin-top:0.5em;
}

.contactform fieldset {
	margin-bottom:1em;
	border: 0px solid #F60;
	padding: 0;
}

.contactform fieldset label {
	width:200px;
        margin-right: 5px;
}

.contactform legend {
	color: #ff9900;
	background: none;
        font-size: 1.3em;
        line-height: 1.2em;
        font-weight: bold;
	margin-bottom:0.5em;
	padding: 5px 0 5px 0;
	width: 100%;
	border: 0px solid #FFF;
}

textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {
	border: 1px solid #000;
	width: 245px;
	padding: 4px;
	margin-bottom: 2px;
	background: none;
	margin-top: 2px;
color: #333;
        background: #EEE;
}


.contactform .options input {
	border: 1px solid #000;
	width: auto;
	padding: 4px;
	margin-bottom: 2px;
	background: none;
	margin-top: 2px;
color: #333;
        background: #EEE;
}

.contactform .options select {
	border: 1px solid #000;
	width: auto;
	padding: 4px;
	margin-bottom: 2px;
	background: none;
	margin-top: 2px;
color: #333;
        background: #EEE;
}
.contactform select {
	border: 1px solid #000;
	width: 100px;
	padding:  4px;
	margin-bottom: 2px;
	background: none;
	margin-top: 2px;
color: #333;
        background: #EEE;
}

.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: auto;
       margin: 0px 0px 2px 0px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background: #EEE;
	border: 1px solid #000;
       width: 245px;
       font-family: Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
       padding: 4px;
       color: #333;
       font-size: 100%;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform input {border: 1px solid #999; width: auto;   font-size: 100%; padding: 5px; margin-bottom: 5px; background: #FFF}

.formbuilderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 100%;
       padding: 5px;
}

.formbuilderform select {
       width: auto;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 100%;
       padding: 5px;
       width: 100px;
}


.orderform input {border: 1px solid #999; width: 250px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #FFF;}
.orderform input.checkbox {border: none;}
.orderform label {
	display: block;
	float: left;
	width: 150px;
}
.orderform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.orderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}

.submit input {border: 1px solid #333; width: auto; padding: 4px; margin-bottom: 5px; background: #ff9900; color: #FFF; font-size: 14px;}

.formitem input {border: 1px solid #999; width: 50px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #333300; color: #FFF;}

input.cms_browse  {width: 100px; position: relative; margin-right: 5px;}

#fbrp__72 {width: 20px; float: left; background: none; margin: 0;}

.contactform .accept label  {width: 90%; margin-left: 5px; float: right;}

/* Stylesheet: 1PForms Modified On 2011-08-30 15:31:32 */
.page-menu, .page-menu util-clearfix {
       z-index: 10;
        position: absolute;
	width: 900px;
        top: 0px;
        left: 0px;
	height: 34px;
	margin: 1px 0 0 0px;
}
.menuwrapper { margin-top: 160px; margin-left: 15px; text-transform: uppercase;}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 33px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 16px 0 16px;
	background-repeat: no-repeat;
	background-image: url(https://1professionals.co.za/uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: bold;
	line-height: 2.1em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 11px;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #FFF;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #999;
}

.page-menu ul#primary-nav li li a.menuactive,
.page-menu ul#primary-nav li li a:hover span {
	color: #000;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(https://1professionals.co.za/uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(https://1professionals.co.za/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(https://1professionals.co.za/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(https://1professionals.co.za/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
       color: #333;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
       color: #333;
}
#primary-nav li li a:hover {
	background-color: #EEE;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #DDD;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(https://1professionals.co.za/uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
}

#menu_vert#menuitem span { padding-bottom: 4px; height: 70px;}
#menu_vert div#menuitem{ margin-bottom: 4px;}

#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
        text-transform: lowercase;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding:0px;
/* you can set your own image here */
        border-bottom: 1px #666 dotted;
}
#menu_vert li.currentpage {
	padding: 0px;

}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0;
/* this will be link color for all levels */
	color: #FFF;
/* Fixes IE7 whitespace bug */
	min-height: 0.8em;
/* no underline for links */
	text-decoration: none;
/* you can set your own image here this is tall enough to cover text heavy links */
        filter:alpha(opacity=40); opacity: 0.4;-moz-opacity:0.4;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 90%;
	padding: 0px;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0px;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	color: #666;
        filter:alpha(opacity=100); opacity: 1;-moz-opacity:1;
}
div#menu_vert a.activeparent:hover {
	color: #CCC;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
/* to contrast with background image */
	color: #666;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0px;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 0px;
/* arrow on left for pages with children, points down, you can set your own image here */
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 0px;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0px;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0px;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 0em;
/* arrow on left for active pages with children, points right, you can set your own image here */
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #EEE;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0px;
/* this will be link color for all levels */
	color: #666;
/* instead of the normal font size for <h3> */
	font-size: 1em;
        line-height: 1.2em;
/* as <h3> normally has some margin by default */
	margin: 0;
        font-weight: normal;
/* you can set your own image here, same as "a" */
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	padding: 0px;
/* you can set your own image here, same as "a" */
	color: #FFF;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0px;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0px;
	line-height: 1em;
	margin: 0;
        color: #EEE;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* Stylesheet: 1PMenu Modified On 2011-08-30 13:56:38 */
div#news {
/* margin for the entire div surrounding the news items */
	margin: 0;
/* border set here */
	border: 0px solid #909799;
/* sets it off from surroundings */
	background: none;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(uploads/ngrey/darknav.png) repeat-x left center;
	color: #000;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 10px 0;
/* margin to the bottom of the news article summary */
	margin: 0 0 20px 0;
	border-bottom: 0px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
        margin-bottom: 5px;
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
   display: none;
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
   display: none;
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
        margin-top: 5px;
	line-height: 140%;
}
.NewsSummaryMorelink {
        color: #000;
	padding-top: 0.5em;
        float:right;
        margin-bottom: 5px;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
   display: none;
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
   display: none;
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
#NewsPostDetailPrintLink { display: none;}
.list1 { display: none;}

/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
  font-size: 14px;
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailReturnLink {
}

.mynewssummary a:link, .mynewssummary a:visited {color:#999}

.mynewssummary {
/* padding for the news article summary */
	padding: 20px 10px 0 10px;
/* margin to the bottom of the news article summary */
	margin: 0;
	background: url(uploads/images/news-box.gif) top center no-repeat;
        color: #000;
}

.mynewsbottom {
/* padding for the news article summary */
	padding: 0;
/* margin to the bottom of the news article summary */
        height: 10px;
	margin: 0 0 20px 0;
	background: url(uploads/images/news-box-bottom.gif) top center no-repeat;
}
/* Stylesheet: 1PNews Modified On 2011-08-26 14:28:06 */