/*  (do not remove this :) */
/*  (not this either :) */

/* The new portlet CSS - these will be switched to non-qualified classes
   (ie. .portlet, not dl.portlet) once the old portlet layout is removed in
   Plone 2.5. ~limi */
   
/* the only changes to the standard ploneCustom.css are the following 
.loginbg - I made this not display altho it is still there in the template
#portal-columns - width increased 
*/

/* ----------------------------------- wrapping elements ---------------------------------------------*/
body {
    margin: 0px;
    padding: 0px;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: white !important;
}
body#bg {
	background-image:url(bg.jpg)!important; /*this allows you to have a tiling image that tiles horizontally*/
    background-repeat: repeat-x;
	margin-top:0px !important;
}
/* ----------------------------------- header ---------------------------------------------*/
#header {
	position:absolute;
	top:0px !important;
	width:100%;
	margin-top: 0px !important;
	padding: 0px !important;

}
#portal-top {
	/* Top section */
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	width: 778px;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	border-top:1px solid;
}
#logo {
	display: block;
	position:relative;
	text-align:left;
	top:0px;
	left:0px;
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	background-image: url(header.jpg);
	border:0px;
	width:778px !important;
}
#logo img {
	width: 580px;
}
/* search top styles */
.searchtop {
	text-align:left;
	padding: 5px 5px 0 12px;
}
.searchtop form{
	margin: 5px 0;
}
.searchtop input{
	width: 115px;
	border:1px solid #225C9E;
	font-size: 11px;
	margin: 5px 0px 5px 0px !important;
}
.searchtop select{
	width: 115px;
	border:1px solid #225C9E;
	font-size: 11px;
}
.searchtop input.searchButton{
	width: 60px;
	display:inline;
	margin-top:-1px !important;
}
.searchtop label, .searchtop label a {
	color:white;
}
/* ----------------------------------- mainmenu ---------------------------------------------*/
.mainmenubg {
	position: absolute;
	width:100%;
	height:14px;
	display:block;
	z-index:20;
}
.mainmenu {
	width:778px;
	border-bottom: 1px solid;/*  this creates a border along the top of the infomenu */
}
.mainmenu table {
	margin: 0 0 0 170px;/*if want color going all the way across make zero*/
	/*width:608px;if want color going all the way across make 780*/
	text-align:left;
    height:14px;
}
.mainmenu td {
    border: 0px !important;
	padding:0px !important;
}
.mainmenu td a {
    padding: 4px 12px 4px 12px;
    text-decoration: none;
    text-transform: none !important;
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	border-bottom: none; 
}
.mainmenu td.selected a, .mainmenu td.selected a:hover {
    /* The selected tab. There's only one of this */
	text-decoration: none;
    text-transform: none !important;
	padding: 4px 12px 4px 12px;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	border-bottom: 0px;
}
.mainmenu td a:hover {
    border: 0px;  /*mainmenu selected border*/
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	padding: 4px 12px 4px 12px;

}
/* ----------------------------------- infomenu ---------------------------------------------

this is my customised plone presonal preferences menu not the previous infomenu component*/
.infomenubg {
	position:absolute;
	margin-top:21px;
	width:100%;
}
.infomenu {
	width:780px;
	margin:0px;
}
#infomenu {
    background-color: #FCFCFC;
	border-right:1px solid;
	border-left:1px solid;
	height: 18px;
    line-height: 1.6em;
    padding: 0em 3em 0em 3em;
    margin: 0;
    text-align: left;
    text-transform: lowercase;
    list-style: none;
	z-index:4;
}
#infomenu li {
    background: none;
    padding-left: 8px;
    margin-left: 1em;
    /*display: inline;*/
	display:none;
}
#infomenu li a {
    text-decoration: none;
    color: #666666 !important;
	font-size: 11px;
	font-weight: normal;
}
#infomenu li.selected a, #infomenu li.selected a:hover{
	color: red;
}
#infomenu li a:hover {
    text-decoration: underline;
}
/*.loginbg {
	position:absolute;
	margin-top:24px;
	width:100%;
	z-index:15!important;
}*/
.loginbg {
	display: none !important;
}
.login {
	display:block;
	width:763px;/* this gives this menu some padding from the right side */
	text-align:right;
	margin-left:1px;
	z-index:15 !important;
}
.login .line {
	font-weight:bold;
	padding: 0 5px;
}
.login a {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/* ----------------------------------- columns section ---------------------------------------------*/
.content-wrapper {
	position:absolute;
	margin-top: 39px;
	width: 100%;
}
.contentarea {
	width: 780px !important;
}
#portal-columns {
	margin:0;
	text-align:left;
	width:780px;
	border-left:1px solid;
	border-right:1px solid;
}
/* ----------------------------------- left column ---------------------------------------------*/

#portal-column-one {
    vertical-align: top;
    width: 165px;
	padding: 0px;
}
/* Padding for the columns */
#portal-column-one .visualPadding {
	padding: 0px;
	margin: 0px;
	height:	100%;
}
.portlet {
    border: none;
    margin-top: 0px !important;
    padding: 0px 0px 0px 0px !important;
	width:165px;
	background: transparent;
}
/* Compensation when rendering portlets in the content area */
.portlet h5, .component h5{ 
	padding: 5px 5px 6px 5px;
    text-transform: none;
	display: block;
	font-size: 11px;
	white-space: nowrap;
	position: relative;
    top: 0px;
	margin:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 12px;
	border-bottom: 2px solid !important;
	background-image: none;
}
.component .body {
	padding:5px;
}
.component .body .component .body a, .component .body p, .component .body strong{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: normal;
	/*padding: 0px 0px 5px 0px;
	margin: 0px !important;*/
}
.portletBody {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: transparent;
	border:0px;
}
.component a img {
	border: 1px solid !important;
}
.portletDetails {
    text-align: right;
}
.portletContent {
    padding: 5px;
	font-weight:normal;
}
#subcat {
	text-align: left;
}
#subcat a {
	padding:2px;
}
#subcat a {
	display:block;
	text-transform: capitalize;
	border: 0px;
	font-weight:normal;
	text-decoration: none;
	font-size: 11px;
}
#subcat a.selected, .currentNavItem  {
	border: 0px;
	font-weight: bold;
	background-color: transparent;
}
/*component_image padding*/
.swapimage {
	padding: 5px;
}
/* left menu styles */
dl.portlet, dd.portletItem { /* kills portlet border and adds portletmargin*/
	border:0px !important;
	padding:5px;
	background-color: transparent !important;
}
dl.portlet {/* adds portlet bottom margin */
	margin-bottom: 10px !important;
}
.portletHeader{/* left menu header styles */
	border-bottom-style: solid !important;
	border-width: 0px 0px 2px 0px !important;
	margin:0px !important;
	padding: 3px 5px 2px 5px !important;
	background-image: none !important;
	text-transform: capitalize;
	display:block !important;
}
.portletHeader a {
	font-weight:bold;
}
.portletHeader .contenttype-folder,
.portletHeader .contenttype-category,
.portletHeader .contenttype-sub-category,
.portletHeader .contenttype-plone-site,
.portletHeader .contenttype-document,
.portletHeader .contenttype-direct-debit-form,
.portletHeader .contenttype-contactform,
.portletHeader .contenttype-homepage,
.portletHeader .contenttype-product,
.portletHeader .contenttype-link,
.portletHeader .contenttype-newsletter
{/* left menu header font styles */
	font-weight:bold;
	font-size: 11px;
	background-image: none !important;
	padding: 0px !important;
}
ul.portletNavigationTree {/* gives the left sublinks margin left and right */
	margin: 0px !important;
	padding: 0px !important;
}
.portletNavigationTree {/* kils left sublinks list styles*/
    list-style: none; 
    list-style-image: none; 
    line-height: 1em;
}
.navTreeItem a,
dd.portletItem .navTreeItem a, 
dd.portletItem .navTreeItem a:hover, 
dd.portletItem .navTreeItem a.selected {/* style for left sub link*/
    border-width: 0px 0px 1px 0px !important;
	border-bottom-style:dotted;
    display: block;
    text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	padding-left: 1px !important;
}
dd.portletItem .navTreeItem a:hover, 
dd.portletItem .navTreeItem a.selected {/* left sub link hover styles */
	background-color: transparent;
	border-bottom-width:1px;
	border-bottom-style:dotted;

}
li.navTreeItem, 
li.navTreeItem .contenttype-folder, 
li.navTreeItem .contenttype-newsletter, 
li.navTreeItem .contenttype-document, 
li.navTreeItem .contenttype-file,
li.navTreeItem .contenttype-topic,
li.navTreeItem .contenttype-homepage ,
li.navTreeItem .contenttype-stockist-category,
li.navTreeItem .contenttype-product,
li.navTreeItem .contenttype-category,
li.navTreeItem .contenttype-sub-category,
li.navTreeItem .contenttype-news-item,
li.navTreeItem .contenttype-link,
li.navTreeItem	.contenttype-article {/* this takes the icons away from the left sublinks */
	background-image:none !important;
}
/* ----------------------------------- middle column ---------------------------------------------
I have customised the plone main_template and placed this portlet in the middle column - was previously above the columns section*/
#portal-breadcrumbs {
	display:none;
    border-bottom-width: 0px;
    padding:5px 0 0 0;
    text-transform: lowercase;
	background-color:white;
	color:black;
	font-size:80%;
}
#portal-breadcrumbs a{
	color:black;
}
#portal-column-content {
    vertical-align: top;
    margin: 0;
    padding: 0px 0 0!important;
}
/* Padding for the columns */
#portal-column-content .visualPadding {
    padding: 0 0 0 10px;
	margin: 0px;
}
/* ----------------------------------- right column ---------------------------------------------*/
#portal-column-two {
    vertical-align: top;
	padding: 0px;
	background-image:none;
	background-repeat: repeat-y;/* this can be used to create a gradient effect on the left column*/
    width: 200px;
	}
.rightcolumn {
    vertical-align: top !important;
    width: 225px !important;
	padding: 0px !important;
	background-image:url();
	background-repeat: repeat-y;/* this can be used to create a gradient effect on the left column*/
}
/* Padding for the columns */
#portal-column-two .visualPadding {
	padding: 0px;
	margin: 0px;
	height:	100%;
}
#portal-column-two .portlet {
    border: none;
   padding: 0px;
	width:165px;
	background: transparent;
}
#portal-column-two .portletBody, .rightcolumn .list {
    background: transparent;
   /* border: &dtml-leftPortletBodyBorder !important; un-hide this if you want the border to display*/
   	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: 5px 0px 5px 5px;
	font-size: 11px;
}
.rightcolumn .list p, .rightcolumn .list a{
	font-size: 11px;
}
.rightcolumn .list, #portal-column-two .list {
	border-bottom: 1px dotted;
}
/* ----------------------------------- footer ---------------------------------------------*/
#portal-footer {/* footer bar color*/
    border-top: 0px;
    float: none;
    margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 2px;
	padding-bottom: 2px;
    text-align: center;
	width:778px;
	border-left:1px solid;
	border-right:1px solid;
    border-bottom: 1px solid;
}
#portal-footer a {/* back to top link*/
	font-weight:normal; 
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.footer {
    list-style: none;

}
.footer li {
    display: inline;
}
.footer li a {
    /* The normal, unselected tabs. They are all links */
    padding: 0em 5px;;
    text-decoration: none;
    text-transform: lowercase;
}
.footer li.selected a {
    /* The selected tab. There's only one of this */
	font-weight:bold;
}
.copyright {/* the copyright text in the footer */
	margin: 0 0 5px 0;
}
/* designed by Addweb link on footer*/
.designedby {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	padding-bottom: 5px;
	margin: 6px 100px;
	/*border-top: 1px solid white;*/
}
.designedby a {
	font-size: 10px;
}
/* ----------------------------------- view templates ---------------------------------------------*/
/* -- homepage styles -- */
.home h1, .home table h1, h1.home, h1.home, p.h1, p.table h1{
	background-color:transparent !important;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	margin:0px !important;
	font-weight: bold;
	font-size:14px !important;
	border:0px !important;
	border-bottom: none !important;
	padding: 5px 0px !important;
}
.home h4 {
	background-color: white !important;
	font-size:11px !important;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 10px 0 !important;
	line-height: 16px !important;
	border-bottom: 0px !important;
}
.homecontent {
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-right:5px;
}
.home img {
	margin:5px;
}
td.homecontent {
	padding: 0 5px 0 0px;
	color: #000000 !important;
}
.home .list {
	vertical-align:top;
}
.home .list a img {
	border: 1px solid !Important;
}
.home h3, .home a, h3, table h3 {
	margin: 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* -- product templates styles -- */
table.intro {
	width: 100%;
}
.intro .image {
	padding: 0px 5px 5px 5px;
}

#subcategories .subcategories a{
	display:block;
	padding: 3px 5px;
	margin:2px;
	font-size: 11px;
}
/* listing area */
#item_listing {
	border:1px solid #28678A !important;
	margin:0px !important;
	width: 100%;
}
#item_listing th {
	border-top:1px solid #C5C5C5 !important;
	border-bottom:1px solid #C5C5C5 !important;
	color:white;
	padding: 4px;
	font-size:11px;
	text-transform:capitalize !important;
}
#item_listing td {
	padding: 5px;
	border-bottom: 1px solid #C5C5C5 !important;
	vertical-align: top;
}
.listing .image img {
	border: 1px solid !important;
}
#item_listing .title_description h4, .services .list .info{
	font-size: 11px !important;
	background-color:transparent !important;
	border-bottom:0px !important;
	padding: 0px !important;
}
#item_listing .title_description h2, .services .list h2{
	background-color:transparent !important;
	background-image: none !important;
	border-bottom:0px !important;
	margin: 0 0 5px 0;
	padding: 0px !important;
}
#item_listing .title_description h2 a {
	font-size: 12px !important;
	font-weight:bold;
}
#item_listing .price {
	font-size: 12px;
	font-weight:bold;
	width:70px;
}
#item_listing .action {
	width:100px;
}
/*listing bar*/
.listingBar {
    border-width:0px;
    padding: 5px 0px;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    clear: both;
	/*width:593px;*/
}
.listingBar a{
	font-size: 11px;
}
.listingBar span.previous,
.listingPrevious {
    text-align: left;
    float: left;
    margin: 0 10px;
}
.listingBar span.next,
.listingNext {
    text-align: right;
    float: right;
    margin: 0 10px;
}
.listingBar img {
	vertical-align: middle;
}
.listing{
	width: 100%;
	font-size: 11px;
}
.listing th{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white !important;
	padding: 4px 5px 5px 5px;
	margin: 0px;
	border-width: 0px 0px 2px 0px;
	border-bottom-style: solid;
	height: 12px;
}
.listing td {
	border: 0px !Important;
}
/* -- product detail page -- */
#product .intro .image {
	padding-top: 5px;
}
#product td.detail {
	vertical-align:top;
}
#product td.detail h4 {
	background-color: transparent !important;
	border-bottom: 0px;
}
/* -- readytoenquire area -- */
#product td.enquiry {
	width: 160px !important;
	padding-left: 8px;
}
#product td.enquiry form {
	margin-left: 10px;
}
.enquiry label{
	display:block;
	font-size: 11px;
	padding-top: 5px;
}
.enquiry input{
	width: 140px !important;
}
.enquiry textarea{
	width: 140px !important;
}
/* -- readytobuy area -- */
.readytobuy, .readytoenquire {
	padding: 8px;
	font-size:11px;
}
.readytoenquire input.calltoaction {
	margin-left:0px;
}
input#quantity {
	width: 30px !important;
	display:inline !important;
}
.readytobuy label {
	display:inline !important;
	padding-left:5px;
}
.readytoenquire label{
	padding:5px 0 0 5px;
}
.readytobuy textarea, .readytoenquire textarea{
	font-size:11px;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
}
.readytobuy h5 {
	font-weight:bold;
	color: black !important;
	margin: 10px 0 0 0;
}
.price span, #price .price {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
}
/* -- shopping cart -- */
.cartprogress {
	padding: 5px 10px;
	font-size: 11px;
}
.cartprogress .selected {
	font-weight: bold;
}

/* -- checkout -- */
.listing .visualHighlight th, .visualHighlight th {
	font-size: 12px;
	font-weight:bold;
	color:white; 
	border-top:1px solid black !important;

}
.terms {
	font-size: 10px;
	height: 180px;
	width: 100%;
	border:1px solid;
	overflow: auto;
	position: static;
}
.terms p {
	font-size: 10px;
}
/* -- services listing templates -- */
.services {
	padding: 10px 0px;
}
.services table.list{
	margin-bottom: 10px;
	border-bottom:1px solid #C5C5C5;
}

.services .list .image{
	padding: 0px 10px 10px 0px;
}
.services .list .image img{
	border: 1px solid !important;
}
.services .list .info{
	padding: 0px 10px 10px 10px !important;
}
.services a.viewmore{
	font-weight:bold;
}
/* -- image gallery styles -- */
.gallery {
	width: 100% !important;
	text-align:center;
	margin-top: 5px;
}
.gallery .setsize {
	width:128px;
	display:inline;
    margin: 5px 5px;
}
.gallery .setsize .thumb, .gallery .setsize .thumb .larger {
	text-align:center;
}
.gallery .thumb img {
	border: 1px solid !important;
}
.exifImageDate {
	display: none;
}
.larger{
	padding: 4px 5px 5px 5px;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	height: 12px;
}
td.larger a{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.plus {
	color:#FF9900;
}
.imglarger {
	border:0px;
}
.imglarger .img {
	margin: 9px 0;
	border:1px solid;
}
/* -- contact page styles -- */
input {
    visibility: visible;
    border: 1px solid #8cacbb;
    vertical-align: middle;
    background: White url(http://test.addweb.co.nz/input_background.gif) repeat-x;
}
.contact input, .contact textarea, .contact label{
	font-size:11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
textarea {
    border: 1px solid #8cacbb;
    background: White url(http://test.addweb.co.nz/input_background.gif) repeat-x;
}
.contact textarea{
	width: 300px !important;
}
/* -------------------------------- content styles -----------------------------------------------*/
.bodycontent {/* the main td with the content in it should use this style. For the hompage it is the td that contains all the content*/
	padding:0px 5px; 
	vertical-align:top;
	background-color:white;
}
.documentEditable {
    border: 0px;
    padding: 0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
}
.documentContent {
    padding: 0px 0px 0px 0px !important;
	width: 100% !important;
}
.middlecolumn {/* dont know if this is used anymore */
	padding: 0px 19px 0px 0px;
	font-size:11px;
}
h1, h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 5px 5px 5px;
	display: block !important;
	margin: 0px;
	height: 12px;
	border-bottom: 2px solid !important;
}
a h1, a h2 {
	text-decoration:none !important;
}

h4, .introdesc {
	/* used for the intro description on all items */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 14px 4px 18px 5px;
	margin:0 0 5px 0 ;
	font-weight:normal;
	font-size:11px !important;
	border-bottom:2px solid !important;
}
.introdesc p {
	margin: 0px !important;
}
ul {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(http://test.addweb.co.nz/bullet.gif);
    list-style-type: square;
}
li {
    margin-bottom: 0.5em;
}
p {
	line-height: 16px;
	margin: 0px 0px 8px 0px;
}
p, .middlecolumn, .home p, .home table, .home table p, li, table li, b, .bodycontent a, .bodycontent table a, .bodycontent a:visited, .documentContent {
	font-size: 11px !Important;
	font-family: Tahoma, Arial, Helvetica, sans-serif !Important;
	text-decoration: none !important;
}
p img {
    border: 0;
    margin: 0;
}
.quote {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px 10px;
	border-top:1px dotted;
	border-bottom:1px dotted;
}
img.image-right, img.image-left, /* img positioning styles */
img.imgborder {
    border: 1px solid ; /*borders on images*/
    vertical-align: middle;
}
a img {
    border: 0px !important;
}
a {
    text-decoration: underline;
	font-size: 11px;
    background-color: transparent;
	/*backgound-image: none;*/
	border:0px;
}
a.more {/* more link text */
	color: #789D0D !important;
}
.arrow {/* arrow on the links*/
	color: #373737;
	font-size: 9px;
	font-weight: normal;
}
hr {
	border-top:1px solid #000000;
	border-bottom: 0px;
}
#content {
	/*padding: 0px 10px !important;*/
	padding: 0px 10px !important;
    margin: 0em 0em 2em 0em;
}
#content-news h1 {
    margin-bottom: 1em;
}
p.h2, .table p.h2 {

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	border-bottom: 2px solid;
}
/* -- tables styles -- */
table.no_border {
	border-width: 0px;
	width:100%;
}
table.border {
	border-width: 1px;
	border-style: solid;
}
/* these table styles can be used but are not installed by default */
table.table1, table.table2, table.table3, table.border {
	width:100%;
}
table.table1 td, table.table2 td, table.table3 td, table.border td, table.no_border td{
	padding: 5px;
	font-weight:normal;
	font-size: 11px;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
table.table1 p.h2, table.table2 p.h2, table.table3 p.h2{
	background-color:transparent !important;
}
table.border td {
	padding: 0px 5px !important;
}

table.no_border td, 
table.no_border td p.h1, 
table.border td p.h1,
table.table1 td p, 
table.table1 td p.h1, 
table.table1 td p.h2, 
table.table1 td h3, 
table.table2 td p, 
table.table2 td p.h1, 
table.table2 td p.h2, 
table.table2 td h3, 
table.table3 td p, 
table.table3 td p.h1, 
table.table3 td p.h2, 
table.table3 td h3
{
	padding:0px !important;
	margin:0px !important;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
table.table4 {
	font-size: 12px;
	font-weight:bold;
	color: #436976 !important;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
table.table4 td{
	font-size: 12px;
	font-weight:bold;
	color: #436976 !important;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
/* -- The new form elements -- */
.calltoaction, .calltoaction2  {
	background-image:none !important;
	padding: 1px 3px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	border:1px solid !important;
	margin:2px;
}
input.feilds {
	height: 12px;
	margin:0px !important;
	font-size: 11px;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
.txtarea {
	font-size: 11px;
	margin:0px !important;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
.field {
    top: 0;
    left: 0;
    margin: 0;    
}
.field .field {
    margin: 1em 0 0 0;
}
.field label {
    font-size: 11px;
    font-weight: bold;
}
.field input, .field select {
    font-size: 11px;
}
.fieldRequired {
    background: url(required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: White;
} 
.error {
    /* Class for error indication in forms */
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 95% !important;
}
.error .fieldRequired {
   color: #ffce7b;
} 

/* -- customised plone.css styles -----------------------*/
.contentViews {
	margin-top: 5px;
}
.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; 
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}
.portalMessage,
.system-message,  
#error-handling {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: #153570;
    font-size: 85%;
    font-weight: bold;
    margin: 5px;
    padding: 0.5em 1em 0.5em 3em;
    vertical-align: middle;

    background-image: url(http://test.addweb.co.nz/info_icon.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;

}
.portalMessage a {
    color: #153570;
    text-decoration: underline;
}
.portalNotLoggedIn {} 

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500; 
    border-width: 1px;
}
/* Site-wide action menu - font sizes - need to get this working again */
#portal-siteactions {
	position:absolute;
	top: 5px;
	right:0px;
}
#portal-siteactions li a {
    background-color: transparent;
    border: 0px;
    color: white;/*text sizes font color*/
    height: auto;
    padding: 0.2em;
    margin-right: 0.2em;
    text-decoration: none;
    text-transform: none;
}
#portal-siteactions li.selected a, #portal-siteactions li a:hover {
    background-color: transparent;
    color: white;
    border: 0px;
	text-decoration:underline;
}
.state-visible, .state-published, .state-pending {
    background-color: transparent;
	color:#FFFFFF;
}
.configlets li {
	list-style-type: none !important;	
}
blockquote {
	border-left: 0px !important;
}
.link-parent {
    display: block;
    background: transparent url(http://test.addweb.co.nz/arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 10px 16px;
    font-size: 85%;
    text-decoration: none;
}

/*  */