/* STYLESHEET - PEARL THEMES (DEFAULT) */
/* By J. Hayward ------------------- */
/* jack@pearlsoftware.co.uk ---------- */


/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* ----                                                                                     ---- */
/* ----		Assumes a main HTML structure of:                                               ---- */
/* ----                                                                                     ---- */
/* ----	    	<div id="container">                                                        ---- */
/* ----	    		(header, nav, content)                                                  ---- */
/* ----	    		<div class="push"></div>                                                ---- */
/* ----	    	</div>                                                                      ---- */
/* ----                                                                                     ---- */
/* ----	    	<div id="footer"></div>                                                     ---- */
/* ----                                                                                     ---- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- DEFAULT PARENT STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

*	{
	margin: 0;
	}
	
html, body {
	height: 100%;
	}
	
body {
	padding: 0;
	background-color: #2d2d2d;
	font-family: "Trebuchet MS"; /*Alter font face, size, and colour here. These are the main styles and will inherit. */
	font-size: 11px;
	color: #000000;
	text-align: center;
	}
	
div#container {
	height: auto !important;
	margin: 0 auto -165px; /* the bottom margin is the negative value of the footer height */
	min-height: 100%;
	width: 925px; /* 996px = default for 1024x768 displays */
	text-align: left;
	z-index: 1;
	position: relative;
	background-color: #ffffff;
	}


/*--------------------------------------------------------------------------------------------*/
/*                                                                                            */
/* NB: .push                                                                                  */
/* Assumes a blank div is within the index.html template as follows, inside and at the very   */ 
/* end of the main container div (see top, and below)                                         */
/*                                                                                            */
/* 	<div class="push"></div>                                                                  */
/*                                                                                            */
/*--------------------------------------------------------------------------------------------*/

.push {
	z-index: 1;
	}

.push, #footer {
	height: 165px;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*                                                                                            */
/* Standard link styles. Will inherit unless otherwise defined.                               */
/*                                                                                            */
/*--------------------------------------------------------------------------------------------*/

a 	{
	font-size: 11px;
	font-weight: normal;
	}

a:link {
	color: #ff0000;
	text-decoration: underline;
	}

a:visited {
	color: #ff0000;
	text-decoration: underline;
	}
	
a:hover {
	color: #727171;
	text-decoration: underline;
	}
	
a:active {
	color: #727171;
	text-decoration: underline;
	}



/* ----------------------------------------------------------------------- DEFAULT FOOTER STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------*/
/*                                                                                            */
/* NB: Footer                                                                                 */
/* This assumes the following HTML structure within the index.html template. Don't forget to  */
/* put the footer structure OUTSIDE of the main container (see top).                          */
/*                                                                                            */
/*		<div id="footer">                                                                     */
/*			<div id="footer_links">                                                           */
/*			<a href="#">Link1</a>&nbsp;&nbsp;&#58;&#58;&nbsp;&nbsp;                           */
/*			...                                                                               */
/*			</div>                                                                            */
/*                                                                                            */			
/*			<div id="pearlmark">                                                              */
/*			<img src="http://...pearlmark.jpg">&nbsp;<a href="..." target="_blank">Pearl</a>  */
/*			</div>                                                                            */
/*                                                                                            */		
/*			<br clear="all" />                                                                */
/*		</div>                                                                                */
/*                                                                                            */
/*--------------------------------------------------------------------------------------------*/

div#footer {
	position: relative;
	width: 925px;
	height: 165px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(/images/website/CoZ/originals/footer_bg.jpg) left top no-repeat;
	z-index: 2;
	}
	
	div#footer_links_wrp {
		background-color: #7b7a7a;
		color: #000000;
		width: 781px;
		height: 62px;
		margin: 0 0 0 75px;
		}
		
		div#footer_links {
			padding: 9px 0 0 22px;
			line-height: 1.8em;
			}
		
		div#footer_links a {
			color: #ffffff;
			text-decoration: none;
			font-size: 12px;
			}
			
			div#footer_links a:link, div#footer_links a:visited {
				}
				
			div#footer_links a:hover, div#footer_links a:active {
				text-decoration: underline;
				}

			

/* ------------------------------------------------------------------------- DEFAULT BODY STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

.pageHeading {					/* the default style assigned to the 'title' of each category */
	font-size: 17px;
	color: #000000;
	}
	
.subHeading {                   /* the default heading used within pages */
	}
	
.content {
	margin: 15px 0 0;
	}
	
.error {                        /* assigned to all error messages such as "no tel number" */
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}
	
.messageStackError {            /* used in place of .error on certain screens. Use identical */
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}
	
td.message {                    /* any warning message. */
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}

div.message {                    /* any warning message (div version - identical to td.message) */
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	}



/* --------------------------------------------------------------------- DEFAULT HOMEPAGE STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------*/
/*                                                                                            */
/* NB: These style up the %FEATURED_TBL%, %SPECIALS_TBL% and %NEW_PROD_TBL% widgets.          */
/*                                                                                            */
/*--------------------------------------------------------------------------------------------*/

/*
.pul_title {
	font-size: 12px;
	font-weight: bold;
	color: #5c5c5c;
	margin-top: 20px;
	margin-bottom: 2px;
	}

.pul_container {
	background-color: #f5f5f5;
	}
	
.pul {
	list-style-type: none;
	background-color: #f5f5f5;
	margin: 0px;
	padding-left: 34px;
	padding-top: 16px;
	}
	
.pul li {
	float: left;
	width: 102px;
	padding-right: 34px;
	padding-bottom: 34px;
	}
	
.pul li a img {
	border: 1px solid;
	border-color: #e1e1e1;
	margin: 0px;
	padding: 0px;
	}
	
.pul-price {
	font-size: 12px;
	font-weight: bold;
	color: #3B3B3B;
	}

.pul-name {
	margin-top: 8px;
	}
*/


/* --------------------------------------------------------- DEFAULT VIEW CART / CHECKOUT STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------*/
/*                                                                                            */
/* NB: Module Selectors  - these are the shipping-type options on the checkout page           */
/*                                                                                            */
/*--------------------------------------------------------------------------------------------*/

.moduleRow {
	border-bottom:1px solid #EFEFEF;
	}

.moduleRowSelected {
	border-bottom:1px solid #999999;
	background-color:#dddddd;
	}

.moduleRowOver, .moduleRow:hover {
	border-bottom:1px solid #999999;
	background-color:#ededed;
	}
	
	
	
/* ------------------------------------------------------------------- DEFAULT CATEGORY LISTINGS */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

table.categoryTable-table {
	margin: 0px;
	padding: 5px;
	background-color: #ffffff;
	}
	
	table.categoryTable-table td.categoryTable-cell {
		margin: 5px;
		padding: 5px;
		background-color: #FFFFFF;
		}
		
		table.categoryTable-table td.categoryTable-cell table {
			border: solid 1px #cbcbcb;
			}
		
		table.categoryTable-table td.categoryTable-cell td.catListItemText {
			padding: 5px;
			text-align: center;
			text-decoration: none;
			background-color: #e0e0e0;
			}



/* -------------------------------------------------- DEFAULT PRODUCT DETAIL PAGE (product.html) */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

div.product-detail-name {
	}
	
div.product-detail-sku {
	}
	
div#brand {
	}

div.product-detail-price {
	}
	


/* --------------------------------------------- DEFAULT LOGIN/REGISTER/MY ACCOUNT/CONTACT PAGES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

div.login-login-intro {
	}
	
body#pearlCategoryID_passremind form div {
	}
	
	body#pearlCategoryID_passremind for div input {
		}
		
div.contact-fieldtext {
	margin-top: 15px;
	}

div.contact-field {
	margin-top: 3px;
	width: 350px;
	}
	
	div.contact-field .contact-required {
		font-size: 9px;
		font-weight: bold;
		color: #ff0000
		}

div.contact-foot {
	margin-top: 15px;
	}
	
	div.contact-foot hr {
		display: none;
		}

body#pearlCategoryID_account div#container div#main div#page div#page_lower div#content div#dynamic_content div#acc.stageWrp div#account-projects {
	display: none;
	}
	
body#pearlCategoryID_account div#container div#main div#page div#page_lower div#content div#dynamic_content div#acc.stageWrp div#account-partners {
	display: none;
	}
	
	
div#dynamic_content div.portal-menu td#portal-profile {
	display: none;
	}
	
div#dynamic_content div.portal-menu td#portal-addresses {
	display: none;
	}
	




/* --------------------------------------------------------------------- DEFAULT HELPDESK STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

body#pearlCategoryID_helpdesk div.helpdesk-header {
	margin-bottom: 20px;
	}

body#pearlCategoryID_helpdesk div.helpdesk-ticket {
	margin-bottom: 1px;
	background-color: #e4e4e4;
	padding: 4px;
	}
	
	body#pearlCategoryID_helpdesk div.helpdesk-ticket a {
		font-weight: bold;
		}
	
body#pearlCategoryID_helpdesk div.ticket-details {
	margin-bottom: 10px;
	}
	
body#pearlCategoryID_helpdesk div.ticket-description {
	margin-bottom: 10px;
	}
	
body#pearlCategoryID_helpdesk div.helpdesk-upload {
	margin-bottom: 20px;
	}
	
body#pearlCategoryID_helpdesk div.helpdesk-note {
	background-color: #e4e4e4;
	padding: 10px;
	margin-bottom: 10px;
	}	

	body#pearlCategoryID_helpdesk div.helpdesk-note div.helpdesk-note-text {
		margin-top: 10px;
		}	
		
	body#pearlCategoryID_helpdesk div.helpdesk-note div.helpdesk-note-file {
		margin-top: 10px;
		font-size: 10px;
		color: #5c5c5c;
		}



/* -------------------------------------------------------------- DEFAULT PROJECT MANAGER STYLES */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

body#pearlCategoryID_project div.subHeading { /* Defines 'Project >>' AND 'Job list' */
	margin-top: 20px;
	}
	
	#pearlCategoryID_project div.subHeading a:link {
		}
		
	#pearlCategoryID_project div.subHeading a:visited {
		}
		
	#pearlCategoryID_project div.subHeading a:hover {
		}
		
	#pearlCategoryID_project div.subHeading a:active {
		}
		
div.project-description {
	}

div.project-job {
	margin-top: 10px;
	background-color: #f1f1f1;
	padding: 10px;
	}
	
	div.project-job-title {
		border-bottom: dotted 1px #5c5c5c;
		padding-bottom: 2px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
		div.project-job-title a:link {
			font-size: 12px;
			font-weight: bold;
			}
			
		div.project-job-title a:visited {
			font-size: 12px;
			font-weight: bold;
			}
			
		div.project-job-title a:hover {
			font-size: 12px;
			font-weight: bold;
			}
			
		div.project-job-title a:active {
			font-size: 12px;
			font-weight: bold;
			}
		
	div.project-job-info {
		margin-top: 2px;
		font-size: 10px;
		color: #5c5c5c;
		}
		
	body#pearlCategoryID_job div.project-notes {
		margin-top: 10px;
		background-color: #e4e4e4;
		padding: 10px;
		}
		
	div.project-notes {
		margin-top: 10px;
		}

		div.project-notes a:link {
			}
			
		div.project-notes a:visited {
			}
			
		div.project-notes a:hover {
			}
			
		div.project-notes a:active {
			}
			
		div.project-note-title {
			margin-top: 10px;
			}
			
		div.project-note-content i {
			margin-bottom: 5px;
			}



body#pearlCategoryID_job div.subHeading {
	margin-top: 20px;
	}

div.project-job hr {
	display: none;
	}
	
body#pearlCategoryID_job div.project-job div.project-job-description {
	margin-top: 10px;
	}
	
body#pearlCategoryID_job div.project-job div.project-notes-form {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	body#pearlCategoryID_job div.project-job div.project-notes-form form textarea.inputText {
		margin-top: 10px;
		}
		
	body#pearlCategoryID_job div.project-job div.project-notes-form form div.job-upload {
		margin-top: 10px;
		}


div.project-files {
	background-color: #ebebeb;
	padding: 10px;
	margin-top: 2px;
	font-size: 10px;
	}
	
	div.project-files-title {
		font-weight: bold;
		}
		
	div.project-files-filename {
		margin-top: 5px;
		font-weight: bold;
		}
		
	div.project-files-filesize {
		color: #5c5c5c;
		}
		
	div.project-files-filemodified {
		color: #5c5c5c;
		}



/*--------------------------------------------------------------------------------------------*/
/*                                                                                            */
/* END OF DEFAULT STYLES. CUSTOM STYLES (PER THEME) TO BE DEFINED BELOW.                      */
/*                                                                                            */
/*--------------------------------------------------------------------------------------------*/

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


/* ===================================================================== */
/* ------------------------------------------------ CUSTOM SECTION BEGIN */

div#header {
	width: 925px;
	height: 314px;
	background: transparent url(/images/website/CoZ/originals/header_bg.jpg) left top no-repeat;
	}
	
div#main {
	width: 925px;
	}
	
	div#nav {
		width: 204px;
		margin: 0 0 0 43px;
		*margin: 0 0 0 20px;
		padding: 0;
		float: left;
		}
		
		div#nav a {
			font-weight: bold;
			}
		
	div#content {
		width: 635px;
		margin: 0 43px 43px 0;
		*margin: 0 20px 43px 0;
		padding: 0;
		float: left;
		}


/* -------------------------------------------------- CUSTOM SECTION END */
/* ===================================================================== */






/* ===================================================================== */
/* ---------------------------------------------------------- HOME BEGIN */

div.boxtext1, div.boxtext4, div.boxtext 7 {
	color: #b0afaf;
	font-size: 10px;
	}
	
	div.boxtext1 a, div.boxtext4 a, div.boxtext7 a {
		font-weight: normal;
		font-size: 10px;
		}
		
div.boxtext3, div.boxtext6, div.boxtext8, div.boxtext9 {
	display: none;
	}
	
div#box3, div#box6, div#box8, div#box9 {
	display: none;
	}
		

	

div#home_col1 {
	width: 185px;
	border-right: solid 1px #e3e3e3;
	float: left;
	}
	
	div#box1 {
		}
		
		div#box1 a {
			width: 185px;
			height: 90px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			}
			
			div#box1 a:link, div#box1 a:visited {
				background: url(/images/website/CoZ/originals/box1.jpg) no-repeat 0 0;
				}
				
			div#box1 a:hover, div#box1 a:active, div#box1 a:focus {
				background: url(/images/website/CoZ/originals/box1.jpg) no-repeat 0 -90px;
				outline: none;
				}

		
	div#box2 {
		margin-top: 18px;
		width: 185px;
		height: 90px;
		}
		
		div#box2 a {
			width: 185px;
			height: 90px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			}
			
			div#box2 a:link, div#box2 a:visited {
				background: url(/images/website/CoZ/originals/box2.jpg) no-repeat 0 0;
				}
				
			div#box2 a:hover, div#box2 a:active, div#box2 a:focus {
				background: url(/images/website/CoZ/originals/box2.jpg) no-repeat 0 -90px;
				outline: none;
				}
		
		
	div#box3 {
		margin-top: 18px;
		width: 185px;
		height: 90px;
		}
		
		div#box3 a {
		width: 185px;
			height: 90px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			}
			
			div#box3 a:link, div#box3 a:visited {
			background: url(/images/website/CoZ/originals/box10.jpg) no-repeat 0 0;
				}
				
			div#box3 a:hover, div#box3 a:active, div#box3 a:focus {
			background: url(/images/website/CoZ/originals/box10.jpg) no-repeat 0 -90px;
				outline: none;
				}
				
			div#box3 a img {
				border: none;
				}
		
	
div#home_col2 {
	width: 174px;
	margin: 0 0 0 28px;
	border-right: solid 1px #e3e3e3;
	float: left;
	}
	
	div#box4 {
		}
		
		div#box4 a {
			width: 174px;
			height: 90px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			}
			
			div#box4 a:link, div#box4 a:visited {
				background: url(/images/website/CoZ/originals/box4.jpg) no-repeat 0 0;
				}
				
			div#box4 a:hover, div#box4 a:active, div#box4 a:focus {
				background: url(/images/website/CoZ/originals/box4.jpg) no-repeat 0 -90px;
				}
		
		
	div#box5 {
		margin-top: 18px;
		width: 174px;
		height: 90px;
		}
		
		div#box5 a {
			width: 174;
			height: 90px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			}
			
			div#box5 a:link, div#box5 a:visited {
				background: url(/images/website/CoZ/originals/box5.jpg) no-repeat 0 0;
				}
				
			div#box5 a:hover, div#box5 a:active, div#box5 a:focus {
				background: url(/images/website/CoZ/originals/box5.jpg) no-repeat 0 -90px;
				}
		
		
	div#box6 {
		margin-top: 18px;
		width: 174px;
		height: 90px;
		}
		
		div#box6 a {
			}
			
			div#box6 a:link, div#box6 a:visited {
				}
				
			div#box6 a:hover, div#box6 a:active, div#box6 a:focus {
				}
				
			div#box6 a img {
				border: none;
				}
		
		
div#home_col3 {
	width: 218px;
	margin: 0 0 0 28px;
	float: left;
	}
	
	div#box7 {
		}
		
		div#box7 a {
			width: 218px;
			height: 90px;
			display: block;
			text-indent: -9000px;
			overflow: hidden;
			}
			
			div#box7 a:link, div#box7 a:visited {
				background: url(/images/website/CoZ/originals/box7.jpg) no-repeat 0 0;
				}
				
			div#box7 a:hover, div#box7 a:active, div#box7 a:focus {
				background: url(/images/website/CoZ/originals/box7.jpg) no-repeat 0 -90px;
				}
		
		
	div#box8 {
		margin-top: 18px;
		width: 218px;
		height: 90px;
		}
		
		div#box8 a {
			}
			
			div#box8 a:link, div#box8 a:visited {
				}
				
			div#box8 a:hover, div#box8 a:active, div#box8 a:focus {
				}
				
			div#box8 a img {
				border: none;
				}
				
					
	div#box9 {
		margin-top: 18px;
		width: 218px;
		height: 90px;
		}
		
		div#box9 a {
			}
			
			div#box9 a:link, div#box9 a:visited {
				}
				
			div#box9 a:hover, div#box9 a:active, div#box9 a:focus {
				}
				
			div#box9 a img {
				border: none;
				}
		

/* ------------------------------------------------------------ HOME END */
/* ===================================================================== */






/* ===================================================================== */
/* ------------------------------------------------ CUSTOM SECTION BEGIN */

.contact-fieldtext {
	margin-top:6px;
	display: block;
}			

/* -------------------------------------------------- CUSTOM SECTION END */
/* ===================================================================== */






/* ===================================================================== */
/* ------------------------------------------------ CUSTOM SECTION BEGIN */

			

/* -------------------------------------------------- CUSTOM SECTION END */
/* ===================================================================== */






/* ===================================================================== */
/* ------------------------------------------------ CUSTOM SECTION BEGIN */

			

/* -------------------------------------------------- CUSTOM SECTION END */
/* ===================================================================== */






/* ===================================================================== */
/* ------------------------------------------------ CUSTOM SECTION BEGIN */

			

/* -------------------------------------------------- CUSTOM SECTION END */
/* ===================================================================== */