/* NOTE: After this, specify everything in em's where possible, where 1.0em = 10px
For the most part though, it's fine to specify fonts in em's and layout/blocks in px
REMEMBER: Inheritance is more tricky to manage with em's though */


body, p, h1, h2, h3, h4, h5, h6 {
	/* color: #333333; */
}

a img, a:link img, a:visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	margin-bottom: 5px;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}
/*-------------------------------------------------------------------*/

/* * html .s{font-size: 0;} */
.hidden{display: none; visibility: hidden;}

/*-------------------------------------------------------------------
## HTML ELEMENTS START HERE */

hr {
	display:block;
	clear:both;
	visibility:hidden;
	height: 0;
	width:100%;
	margin:0px;
	padding:0px;
}

dl {
	margin:0px 22px;
	padding:0px;
}

dl dd {
	margin:0 0 2em 0;
	padding:0px;
}

dl dt {
	font-weight:bold;
}

dl.horiz,
dl.horiz dt,
dl.horiz dd{
    margin: 0;
    padding: 0;
}

dl.horiz{
    padding: 10px 0 10px 0;
}

dl.horiz dt,
dl.horiz dd{
    padding: 0 20px 5px 2px;
}

dl.horiz dd{
    padding-bottom: 0px;
}

dl.horiz dt{
    float: left;
    clear: left;
}

dl.horiz dd{
    float: left;
}

form {
	margin:0px;
	padding:0px;
}

	
	h3.formHeading, h4.formHeading, h4.tableHeading{
        display: block;
        margin: 0;
        padding: 5px 0 5px 5px;
        margin: 0 0 5px 0;
        /* background: #ffffff url("/x/img/static/headerBG-orange.gif") repeat bottom; */
        background-color: #EE8131;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        text-transform:uppercase;
	}  

	h4.formHeading, h4.tableHeading{
        margin: 5px 0 5px 0;
        position: relative;
	}

    h3.formHeading span,
    h4.formHeading span,
    h4.tableHeading span{
        padding: 1px 4px 1px 4px;
    }
    
        h4.tableHeading span.actbuts{
            display: block;
            text-align: right;  
            position: absolute;
            top: 4px;
            right: -6px;
            width: 350px;
        }

#addFormToggler{
    cursor: pointer;
}

h3 img.icon, h4 img.icon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
}

/*
h5 {
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 5px 5px;
	background-color: #eeeeee;
	font: normal normal normal 1.2em/1.1em "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
*/

a {
	text-decoration:underline;
	color: #660000;
}

img {
	border:none 0px;
}

li {
	margin:0;
	padding:0;
}

p {
	margin:0 0 1em 0;
}
	p.intro {
		line-height: 1.2em;
	}

pre {
	font-size:11px;
}

table,td,th {
	border:none 0;
	padding:0;
}

td {
	text-align:left;
	vertical-align:top;
}

th {
	text-align:left;
	vertical-align:middle;
}

ul {
	margin:1em 22px 1em 44px;
	padding:0;
}

	ul.infoList {
		margin: 0 0 5px 20px;
		list-style: outside square;
		font-size: 1.1em;
	}
	
		ul.infoList li {
			margin: 5px 0 0 0;
			padding: 5px 0 0 0;
			line-height: 1.2em;
		}

/*-------------------------------------------------------------------
## MAIN LAYOUT BLOCKS START HERE */

/* central wrapper */
#wrap {
	display: block;
	width:760px;
	margin:0 auto;
	border: 1px solid #999999;
	background-color: #ffffff;
	text-align:left;
}

/* header */
#header {
	display: block;
	width: 760px;
	margin: 0 0 20px 0;
	background-color: #EEEEEE;
}

	#headerUser {
		display: block;
		float: left;
		width: 760px;
		background-color: #666666;
		text-align: right;
	}

		#headerUser p {
			float: right;
			margin: 0;
			padding: 6px;
			color: #ffffff;
			font-size: 1.1em;
		}
		#headerUser a, #headerUser a:link, #headerUser a:visited {
			color: #cccccc;
		}

	#headerMain {
	display: block;
	float: left;
	width: 653px;
	height: 91px;
	background-color: #000000;
	}
	
		#headerInfo {
            float: left;
            height: 67px;
            display: block;
            width: 653px;
		}
		
		#headerInfo h1 a{
			color: #FDD79E;
			text-decoration: none;
		}
		
		#headerInfo h1 a:hover{
			text-decoration: underline;
		}
		
		#headerNav {
            float: left;
            height: 25px;
            padding: 0  0 0 10px;
            background-color: #EEEEEE;
            width: 100%;
		}
	
	#headerLogo {
	display: block;
	float: left;
	width: 107px;
	height: 67px;
	background-color: #eeeeee;
	}

/* main area */
#main {
	clear: left;
	min-height: 400px;
	height: auto;
}

#main #content{
    clear: both;
    padding: 0px 20px;
}

/* layout columns... mainly used on admin homepage */
#narrowCol {
	float: left;
	clear: left;
	width: 170px;
	padding: 10px 10px 10px 10px;
	background-color: #eeeeee;
}

#wideCol {
	float: left;
	clear: right;
	width: 510px;
	padding: 10px 10px 10px 10px;
}

div.homeRelatedItems {
	display: block;
	float: left;
	width: 240px;
	margin: 0 5px 5px 0;
	border: 1px solid #cccccc;
	padding: 3px 3px 3px 3px;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## NAVIGATION STYLES START HERE */

#topNav {
	display: block;
	width: 643px;
	padding: 0 0 0 0;
}

#topNav, #topNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Highlights appropriate tab based on dynamic body id */
/*
#sec #tnAdminHome,  #secSite #tnSite, #secCategory #tnCategory, #secRange #tnRange, #secProduct #tnProduct, #secSection #tnSection, #secPage #tnPage, #secUser #tnUser {
	background-color: #ffffff;
	font-weight: bold;
}
*/

#topNav li {
	float: left;
	margin: 3px 3px 0 0;
	background-color: #cccccc;
}

	#topNav li a {
		display: block;
		height: 18px;
		padding: 4px 10px 0 10px;
		text-decoration: none;
		font-size: 1.1em;
	}
	
	#topnav li a:link, #topnav li a:visited {
		text-decoration: none;
	}
	
	#topNav li a:hover {
		background-color: #990000;
		text-decoration: none;
		color: #ffffff;
	}
	
	#topnav li a:active {
		text-decoration: none;
	}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FORM STYLES START HERE */

legend {
	margin:0 0 12px 0;
	padding:0 8px;
	font-size:1.3em;
}

fieldset {
	padding: 10px 0 10px 0;
    border: none;
}
	
	fieldset .segment {
		width: 100%;
		border-bottom: 1px dashed #cccccc;
	}
	
		fieldset .segmentHighlighted {
			background-color: #eeeeee;
		}
	
		fieldset .segment label, fieldset .segment p {
			float: left;
			clear: left;
			width: 170px;
			padding: 5px 0 5px 5px;
			font-size: 1.2em;
		}
		
		fieldset .segment .input {
			float: left;
			clear: right;
			width: 510px;
			padding: 5px 0 5px 10px;
		}

        /* [for labels to the right hand side of checkboxes] */
        fieldset .segment .input label{
            width: auto;
            float: left;
            clear: none;
        }
		
			fieldset .segment .input input,
			fieldset .segment.bigselect .input select,
			fieldset .segment .input textarea {
				padding: 2px;
				font: normal normal normal 1.2em/1.1em "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			}

            fieldset .segment .input input,
            fieldset .segment .input select,
            fieldset .segment .input textarea{
                max-width: 490px;
            }
            
            /* */

            /* required */
            fieldset .segment.required .input input,
            fieldset .segment.required .input select,
            fieldset .segment.required .input textarea{
                border: 1px solid #FFB348;
            }

            /* and for rich text box */

            fieldset .segment.required .input input{
            }
            
            /* @todo css for radio buttons */
			fieldset .segment .input .inputHelp {
				display: block;
				float: left;
				width: 500px;
				margin: 3px 0 3px 0;
				font-size: 1.1em;
				color: #666666;
			}
			
			fieldset .segment .input .inputHelp.right {
				display: block;
				float: left;
				width: 150px;
				margin: 5px 0 0 0;
				font-size: 1.1em;
				color: #666666;
			}
		
		fieldset .segment .buttonPanel {
			display: block;
			float: left;
			margin: 5px 0 0 185px;
			border: 1px solid #cccccc;
			padding: 5px 0 5px 5px;
		}

	fieldset.login {
		width: 350px;
	}
	
	fieldset input, fieldset textarea {
		float: left;
	}
	
		fieldset .input.doubleInput input {
			width: 147px;
			padding: 2px;
			margin: 0 10px 0 0;
		}
		
		fieldset input.miniText {
			width: 100px;
			padding: 2px;	
		}
		fieldset input.smallText {
			width: 200px;
			padding: 2px;	
		}
		fieldset input.mediumText {
			width: 350px;
			padding: 2px;	
		}
		fieldset input.largeText, fieldset textarea {
			width: 475px;
			padding: 2px;
		}
	
		fieldset input.cb, fieldset input.rb {
			float: none;
			margin: 4px 0 0 0;
		}
		
		fieldset ul.inputList {
			list-style-type: none;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
            width: 100%;
		}
		
			fieldset ul.inputList li {
				padding: 2px 0 2px 0;
                clear:left;
			}

            fieldset ul.inputList li label{

            }
		
		fieldset label.rb, fieldset label.cb {
			float: none;
			margin: 0 0 0 4px;
		}
	
	fieldset .number {
		font-size: 50px;
		float: left;
	}
	
	fieldset h2.formtext {
		padding-top: 30px;
		padding-left: 30px;
	}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## ADMIN STYLES START HERE */

.admin {
	
}

/* IS THIS USED?
.breadcrumb { 
	font-size: 16px;
}*/

.thumbControl {
	display: block;
	float: left;
	min-width: 100px;
	margin: 0 0 0 5px;
	border: 1px solid #cccccc;
	padding: 6px 0 5px 5px;
}

	.thumbControl div.buttonPanel {
		margin: 5px 0 0 0;
		border: 0;
		padding: 0;
	}
	
		.thumbControl div.buttonPanel a {
			width: 81px;
		}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## BUTTON STYLES START HERE */

.buttonPanel a, .buttonPanel button, table td.buttons a, h4.tableHeading .actbuts a {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #999999; border-top:1px solid #cccccc; border-left:1px solid #cccccc;
    font: normal normal bold 1.1em/1.2em "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

	table td.buttons a, h4.tableHeading .actbuts a {
		font-size: 0.9em;
		padding: 2px 5px 2px 5px;
	}
    
h4.tableHeading .actbuts a{
     font-size: 0.8em;  
     float:right;
}

.buttonPanel button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttonPanel button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttonPanel button img, .buttonPanel a img, table td.buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Standard actions */
.buttonPanel button:hover, .buttonPanel a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttonPanel a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* Positive actions */
button.positive, .buttonPanel a.positive, table td.buttons a.positive {
    color:#529214;
}
.buttonPanel a.positive:hover, button.positive:hover, table td.buttons a.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttonPanel a.positive:active, table td.buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* Negative actions */
.buttonPanel a.negative, button.negative, table td.buttons a.negative {
    color:#d12f19;
}
.buttonPanel a.negative:hover, button.negative:hover, table td.buttons a.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttonPanel a.negative:active, table td.buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## TABLE STYLES START HERE */

table {
	width: 100%;
	margin: 5px 0 0 0;
}

	table tr td, table tr th {
		border-bottom: 1px solid #DFDFDF;
	    padding: 3px;
	    vertical-align: middle;
	}
	
	table tr th {
		font-weight: bold;
	}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MESSAGE DISPLAY STYLES START HERE */

fieldset .segment p.error {
	width: 710px;
	margin: 5px 0 0 0;
	padding: 5px 5px 5px 5px;
	background-color: #ff9900;
}

div.error p a, p.error p a {
	color:#ff0000;
}

.success, .error {
	margin: 0 0 5px 0;
	padding: 2px;
}

.success {
	background-color: #FFFFFF;
	color: #ffffff;
    border: 1px dashed #FF8635;
    color: #333333;
}

.error {
	background-color: #ff9900;
	color: #ffffff;
}

	.error ul {
	    margin: 0 0 10px 0;
	    padding: 0;
	    background-color: #ff9900;
	    color: #ffffff;
	}

	.success ul, .error ul {
		margin: 0;
		padding: 5px 5px 5px 5px;
        list-style-type: none;
	}
	
		.success ul li, .error ul li {
			font-size: 14px;
            list-style-type: none;
		}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FUNCTIONAL STYLES START HERE */

/* float clearer */
.fc, .s{
	clear:both;
	width: 0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	overflow:hidden;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FOOTER STYLES START HERE */
.ftr {
	clear: both;
	border: 1px dashed #999999;
}

.ftr {
	color: #8C8B8C;
}

.ftr a {
	color: #5F532F;
}

a.next, a.prev {
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## DEBUG STYLES START HERE */

#debug{
	width:760px;
	margin:0 auto;
	border: 1px dashed #999999;
	padding:0px;
	background-color: #ffffff;
	text-align:left;
}

#debug {
	margin-top: 15px;
}

#debug li strong {
	font-size: 12px;
}

#debug pre {
	color: blue;
	font-size: 11px;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## REMAINING MISC STYLES START HERE */

hr.vis {
	display: block;
	float: left;
	height: 1px;
	background-color: #cccccc;
	width: 560px;
	margin: 10px 0 4px 0;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MOOTOOLS STYLES START HERE */

#listtable { 
    position: inherit;
}

.draghandle{
    cursor:pointer;
}

/* CCMS */
#catopts select{
    width: 100%;
}

.filterForm fieldset .segment{
	border: none;
}

.filterForm fieldset{
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
}

.filterForm fieldset select,
.filterForm fieldset label,
.filterForm fieldset input{
	color: #333333;
	margin: 0;
}

.toggleForm fieldset{
	padding: 0 0 10px 0;
}

.filterForm fieldset .segmentHighlighted {
	background-color: #F9F9F9;
}

.toggleForm fieldset .segment{
	padding: 5px 0 0 0;
}


/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## PROFILE EDITS (HTML FROM OLD SITE */

.editprof{
}

.editprof td,
.editprof td p{
    font-size: 12px;
    font-weight: normal;
    border:none;
    line-height: 16px;
    vertical-align:top;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## STILL TO ORGANISE STYLES START HERE */

/* Contact form */
.enquiry label{
    display: block;
    margin-bottom: 8px;
} 

.enquiry input,
.enquiry textarea
{
    background: #FBFFE0; /*#FFFFCC;*/ /*#FDFFF0;*/ 
    width: 310px;
    border: 0px;
    margin-bottom: 20px;
    padding: 8px;  
}

form  .c-c2{
	position:relative;
}

form.enquiry input.submit
{
	background: #731372;
	color: #FFFFFF;
	border: none;
	width: 60px;
	position:absolute;
	bottom: 0px;
	left: -341px;
}

form.enquiry input.sto-submit
{
	background: #731372;
	color: #FFFFFF;
	border: none;
	width: 60px;
	position:relative;

}

.sendwelcome{
    margin-left: 187px;
}

/* Stadard overrides */
/*body#pghome{
	background-image: url(/x/img/cmn/bgimg1.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

body#pgabout{
	background-image: url(/x/img/cmn/bgimg2.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

body#pghome  .bdy .c2,
body#pgabout .bdy .c2{
text-align:right;
}*/

.debugBlock{
    color: #000000;
    background-color: #999999;
    border: 1px solid #FFFFFF;
    filter:alpha(opacity=75);
    -moz-opacity:.75;opacity:.75;
    margin-left: 30px;
    /* width: 960px; */
    margin-top: 20px;
}

.debugBlock pre{
   color: #000000;
}

.memoadmin{
}

.memoadmin table,
.memoadmin p,
.memoadmin ol,
.memoadmin form{
    margin: 0 0 20px 0;
}