body {
	margin: 0;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}
header {
	margin:0 auto;
	width:1000px;
	padding-bottom: -20px;
}
a {
	color: #5B3837;
	/*color: #000;*/
	text-decoration: none;
}
hr.dotline {
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-top: 3px dotted #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	border: none 0; 
	height: 3px;
		}
hr.blockline {
	color: #f0f0f0;
	background-color: #f0f0f0;
	border-top: 3px solid #f0f0f0;
	margin-right: 0px;
	margin-left: 0px;
	border: none 0; 
	height: 3px;
}

.small10pxDiv {
	width: 1000px; 
	border: #FFFFFF solid 2px;
	font-family:verdana,arial,helvetica,sans-serif;
	color:#000000;
	font-size:10px; 
	text-align: left;
	background: #fafafa
}
.botlinks {
	border-top:thin dashed #888;
	padding-top: 20px;
}

.botlinks p {
	padding: 3px 0;
	margin: 0;
	color: #333;
} /* the lower link bar */

.botlinksbot p a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none
} /* the lower link bar */
.botlinksbot p a:hover {
	color: #f00;
	text-decoration: underline
} /* the lower link bar */

.botlinks p a {
	font-size: 11px;
	color: #5B3837;
	text-decoration: none
} /* the lower link bar */
.botlinks p a:hover {
	color: #b0d83a;
	text-decoration: underline
} /* the lower link bar */
.stepsPlain {
	text-align: left;
	background-color : #ff7425;
	font: 11px arial,helvetica,sans-serif;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/public/thumbs/imgLibCustom/144/55-images/steps_arrow_inv.gif);
	width: 25%;
	margin: 10px 0 10px 0;
}
.stepsHighlight {
	text-align: left;
	background-color : #b0d83a;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/public/thumbs/imgLibCustom/144/55-images/steps_arrow.gif);
	color:#000000;
	font: 11px arial,helvetica,sans-serif;
	font-weight: bold;
	margin: 10px 0 10px 0;
	width: 25%;
}

.stepsPlain p{
	padding: 0 0 0 28px;
	margin: 10px 0;
	color:#000000;
}

.stepsHighlight p{
	padding: 0 0 0 28px;
	margin: 10px 0; 
	color:#000000;
}

.bgmed {background-color : #ffffff; color:#000000; font: 13px arial,helvetica,sans-serif; font-weight: bold; padding: 4px}
.bgmed2 {background-color : #ffffff; color:#000000; font: 13px arial,helvetica,sans-serif; font-weight: bold}
.bgmed td { padding: 4px 2px 4px 4px }
.bglight {background-color : #FFFFFF;  padding: 4px 8px; color:#000000  }
.bglight td { padding: 4px 2px 4px 4px} 
.bgcanv {background-color : #fff;  padding: 4px} /* the usually whice cells in a table*/
.bgcanv td { padding: 4px 2px 4px 4px ; background-color:  #fff }
.frameitem {
	background: #fff;
	border: 2px solid #ccc ; /*was subConfig_liCol */
}
.orderlistheading {/*orderlistheading is on the list order page*/
	color: #000;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 9px
}
	/*  styles created for the buttons	*/


.holdbutton a:hover {color: #D68741; text-decoration: none}/*changed*/
.actionbutton a:hover {color: #D68741; text-decoration: none}/*changed*/
.holdbutton {padding: 2px}
.holdbutton a {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/leftbutton.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 3px 0 9px 15px;text-decoration: none; color: #1d2a58}
.holdbutton a span {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/rightbutton.gif) top right no-repeat; padding: 3px 25px 9px 0;}

.holdbutton2 a:hover {color: #D68741; text-decoration: none}/*changed*/
.holdbutton2 {padding: 0 0px; margin: 0}
.holdbutton2 a {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/leftbuttonred.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 3px 0 9px 15px;text-decoration: none; color: #1d2a58}
.holdbutton2 a span {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/rightbuttonred.gif) top right no-repeat; padding: 3px 25px 9px 0;}

.actionbutton {padding: 2px}
.actionbutton a {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/leftbutton_gr.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 3px 0 9px 15px;text-decoration: none; color: #1d2a58}
.actionbutton a span {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/rightbutton_gr.gif) top right no-repeat; padding: 3px 25px 9px 0;}

.pagebutton a:hover {color: #D68741; text-decoration: none}/*changed*/
.pagebutton {padding: 2px}
.pagebutton a { color: #1d2a58 ;background: transparent url(/public/thumbs/imgLibCustom/144/55-images/leftbutton_addpage.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 5px 0 9px 15px;text-decoration: none;}
.pagebutton a span { background: transparent url(/public/thumbs/imgLibCustom/144/55-images/rightbutton_addpage.gif) top right no-repeat; padding: 5px 25px 9px 0; }

.basketbutton a:hover {color: #D68741; text-decoration: none}/*changed*/
.basketbutton {padding: 2px}
.basketbutton a {color: #1d2a58;background: transparent url(/public/thumbs/imgLibCustom/144/55-images/leftbutton_addbasket.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 5px 0 9px 15px;text-decoration: none;}
.basketbutton a span {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/rightbutton_addbasket.gif) top right no-repeat; padding: 5px 25px 9px 0;color: #FFFFFF;}

.pageViewbutton a:hover {color: #D68741; text-decoration: none}/*changed*/
	.pageViewbutton {padding: 2px}
	.pageViewbutton a {color: #1d2a58;background: transparent url(/public/thumbs/imgLibCustom/144/55-images/leftbutton_pageview.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 5px 0 9px 15px;text-decoration: none;}
	.pageViewbutton a span {background: transparent url(/public/thumbs/imgLibCustom/144/55-images/rightbutton_pageview.gif) top right no-repeat; padding: 5px 25px 9px 0;color: #FFFFFF;}

	.featurebutton A:hover { color: #000000;background-color: #ffffff; text-decoration: none;  }
	.featurebutton { padding: 0; margin: 0px; border: 0; width: 100%; }
	.featurebutton A { color: #000000; background-color: #FFFFFF;display: block; padding: 15px 0 15px 0; font-weight: bold; font-size: 16px; text-decoration: none;  width: 100%; }
	.featurebutton A SPAN { padding: 5px 25px 6px 15px; }


	.alphabutton a:hover {color: #D68741; text-decoration: none}/*changed*/
	.alphabutton {padding: 2px}
	.alphabutton a { color: #1d2a58 ;background: transparent url(/public/thumbs/imgLibCustom/144/55-images/alpha_left.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 3px 0 9px 15px; text-decoration: none;}
	.alphabutton a span { background: transparent url(/public/thumbs/imgLibCustom/144/55-images/alpha_right.gif) top right no-repeat; padding: 3px 24px 9px 9px; }

	.betabutton a:hover {color: #D68741; text-decoration: none}/*changed*/
	.betabutton {padding: 2px}
	.betabutton a { color: #1d2a58 ;background: transparent url(/public/thumbs/imgLibCustom/144/55-images/beta_left.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 3px 0 9px 15px;text-decoration: none;}
	.betabutton a span { background: transparent url(/public/thumbs/imgLibCustom/144/55-images/beta_right.gif) top right no-repeat; padding: 3px 24px 9px 9px; }

	.gammabutton a:hover {color: #D68741; text-decoration: none}/*changed*/
	.gammabutton {padding: 2px;}
	.gammabutton a { color: #1d2a58 ;background: transparent url(/public/thumbs/imgLibCustom/144/55-images/gamma_left.gif) 0 0 no-repeat; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; padding: 3px 0 9px 15px;text-decoration: none;}
	.gammabutton a span { background: transparent url(/public/thumbs/imgLibCustom/144/55-images/gamma_right.gif) top right no-repeat; padding: 3px 24px 9px 9px; }




	/*
	start tabs styles section ==================================================
	*/
	

		ul#navivert li a {

			float: left;
			width: 142px;
			background-position: top;
			padding: 0;/**/
			height: 28px;
			text-decoration: none;
			display: block;
			text-align: center;
			border-right: 1px solid #fff;
			color: #000000;
			background-image:url(/public/thumbs/imgLibCustom/144/55-images/nav_over.gif);

		}

		ul#navivert li a:hover {
			background-position: bottom;
			color: #000000;
			background-image:url(/public/thumbs/imgLibCustom/144/55-images/nav_over.gif);
		}

	
		/* NO GRAPHICS */
		div#consolenormal /* the container for the info console */
		{
			height: 34px;
			width: 1000px;
			display: block;/*none; */
			margin: 8px auto;
		}

		div#consolecredit /* the container for the info console */
		{
			height: 34px;
			width: 1000px;
			display: block;/*none; */
			margin: 8px auto;
		}
		#searchcell {/**/
			text-align: left;
			width: 217px;
			margin: 7px 0 0 0;
			padding: 0;
			float: left;
		}

		#projectscell {
			text-align: left;
			width: 226px;
			margin: 7px 0 0 0;
			float: left;
		}
		#projectscell p{
			margin: 0 8px;
		}
		#basketcell {
			text-align: left;
			width: 226px;
			margin: 7px 0 0 0;
			float: left;
		}
		#basketcell p{
			margin: 0 8px;
		}
		#balancecell {
			text-align: left;
			width: 214px;
			margin: 7px 0 0 0;
			float: left;
		}
		#balancecell p{
			margin: 0 8px;
		}

		#helpcell {
			width: 98px;
			margin: 7px 0 0 0;
			float: left
		}

		#helpcell p{
			padding: 0 0 0 35px;
			margin: 0
		}

		#searchcell2 {
			width: 180px;
			margin: 7px 0 0 0;
			float: left;
			text-align: left;
		}
		#projectscell2 {
			text-align: left;
			width: 180px;
			margin: 7px 0 0 0;
			float: left;
		}
		#projectscell2 p{
			margin: 0 8px;
		}
		#basketcell2 {
			text-align: left;
			width: 180px;
			margin: 7px 0 0 0;
			float: left;
		}
		#basketcell2 p{
			margin: 0 8px;
		}
		#balancecell2 {
			text-align: left;
			width: 180px;
			margin: 7px 0 0 0;
			float: left;
		}
		#balancecell2 p{
			margin: 0 8px;
		}
		#creditcell2 {
			text-align: left;
			width: 172px;
			margin: 7px 0 0 0;
			float: left;
		}
		#creditcell2 p{
			margin: 0 8px;
		}
	

	.invoiceback {
		background-image: url(/public/thumbs/imgLibCustom/144/55-images/order_exec_bk.gif);
		width: 515px;
		height: 304px;
	}
	.paymentbox {
		background-image: url(/public/thumbs/imgLibCustom/144/55-images/payboxbg.gif);
		width: 363px;
		height: 110px;
		background-repeat: no-repeat;
		background-position: center center;
		float: right
	}

	.orderarray { /*  unified from above 3 */
		float: left;
		height: 46px;
		width: 303px;
		background: url(/public/thumbs/imgLibCustom/144/55-images/orderboxbak.gif) repeat-x left bottom;/**/
		border: 1px solid #d4d1cc
	}

	/* toggling visibility bit edit print page*/

	.visible {
		display: block
	}

	.invisible {
		display: none
	}
	/*************************************************************************************************************************/
	/*                                          controlling the edit print page                                              */
	/*************************************************************************************************************************/

	/* ------------------------------------------ */
	/*       Width controls for edit print        */
	/* ------------------------------------------ */ 



	.brandboxshell {
	border: 2px solid #f0f0f0; background: #f0f0f0; 
	}


	.brandboxshell h2 {
	font-size: 18px;
	margin: 13px 8px;
	font-weight: bold;
	padding: 0;

	/*padding: 6px 12px; margin: 0;
	font-size: 18px;
	font-weight: 600*/
	}


	#leftCol{ /* Controls the width of the left side of the page (change if reducing the controls on the left side) was 470 orign 500*/
	    background: #fff; 
	    width: 502px;
	    float: left;
	}

	#rightcol { /* Controls the width of the right side of the page (change if reducing the controls on the left side) was 400 orign 470*/
		width: 488px;
		float: left;
	}

	#eppreview {   /* this width contols the preview box width (Not the image though) */
	width: 498px;
	/*margin-bottom: 10px;*/
	}

	#previewDiv, .previewTable{ /* this width controls the preview image (should be less then the eppreview figure above */
	    width: 482px;
	}

	#eppages{ /* this width controls the pages element */
	    width: 498px;
	}

	#epnotes, .epnotes{ /* this width controls the notes element */
	width: 498px;
	}


	#epconfig, #epconfigimage, #epdirectmail, #epworkflow, #eptotal { /* Sets the space between the left and right columns on the edit print page*/
	    margin-left: 0px; 
	}


	#epconfig, .epconfig { /* this width controls the config element */
	    width: 484px; /* Max should be 490px min 276-280px */
	}

	#epconfigimage, .epconfigimage { /* this width controls the config element */
	    width: 488px; /* Max should be 490px min 276-280px */
	}

	#epdirectmail, .epdirectmail { /* this width controls the totals element */
	    width: 488px; /* Max should be 490px */
	}

	#epworkflow, .epworkflow { /* this width controls the totals element */
	    width: 488px; /* Max should be 490px */
	}

	#eptotal, .eptotal { /* this width controls the totals element */
	    width: 488px; /* Max should be 490px */
	}


	/* ------------------------------------------ */
	/*    properties for the edit print items     */
	/* ------------------------------------------ */ 

	.boxtoggle {
		float: right;
		position: relative;
		top: 20px;
		clear: both;
		padding: 0px 0 8px 0;
		text-align: center;
		background: url('../public/images/edit_print_tab.gif') top no-repeat;
		width: 32px;
		/*display: none;*/
		}

	.boxtoggle span {
		font-family: "Arial Black", verdana, arial; font-size: 15px;font-weight: bolder; color: #a7a7a7; padding: 0px
	}


	.previewTable{ /* previewTable is used to contain the preview image and creates the shadow effect (also shares some values with frameitem) */ 
	    text-align: center; 
	    margin: auto;
	    padding: 2px;
	}

	#previewDiv {/* previewDiv is used to correctly space the eppreview */

	    border-style:none;
	    border-color:#cccccc;
	    background-color:#fff;
	    position:relative; 
	    left:1px; 
	    top:1px; 
	    /*margin-right: 2px; */
	}

	#eppreview {                        /* used to control the Preview part of the edit print page */
		background-color: #f0f0f0;
		clear: both;
	}

	#eppages { /* sets the properties of the configuation box within the edit_print page */
		background-color: #f0f0f0;
		clear: both;

	}

	#epnotes{ /* sets the properties of the notes box within the edit_print page */
		background-color: #f0f0f0;
		clear: both;
	}

	#epconfig  { /* sets the properties of the configuation box within the edit_print page */
	    background-color:#f0f0f0;
		clear: both;
	}

	.ep_totaltitle {
		background: #ffffff;
		font: 13px arial,helvetica,sans-serif; 
		font-weight: bold; padding: 4px;
	}

	#eptotal { /* sets the properties to the totals box within the edit print page*/
		background-color:#FFFFFF;
		clear: both;	
	}


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




	/*************************************************************************************************************************/
	/*                                          Controlling the Edit My Details page                                         */
	/*************************************************************************************************************************/

	/* ------------------------------------------ */
	/*  Width controls for edit my details page   */
	/* ------------------------------------------ */

	#emdContainer{
	    width: 60%;
	}

	#emdBilling, #emdContactDetails{
	   width: 50%;
	}

	#emdDelivery, #emdMiscDetails{
	    width: 50%;
	}

	#emdHeader, #emdHR, #emdMailingList, #emdDescription, #emdContact, #emdSaveButton, #emdOptIn{
	  width: 100%;
	}

	/* ------------------------------------------ */
	/*        properties for edit details         */
	/* ------------------------------------------ */

	#emdHeader{ /* the "my details, username" page header */
	  vertical-align: top;  
	}

	#emdHR{ /* the horisontal rules used in the page */
	    padding: 2px;
	}

	#emdDescription{ /* a descripion of the requirments for the page, i.e "enter details below" */
	    padding: 2px;
	}

	#emdBilling{
	   float:left;
	} 

	#emdBillingTitle{
	    width: 100%;
	    height: 19px;
	    font: 13px arial,helvetica,sans-serif; 
	    font-weight: bold;
	    color:#000000;
	    background-color: #ffffff; 
	    height: 22px;
	    padding-top: 7px;
	    padding-left: 7px;
	}

	#emdBillingDetails{
	    width: 100%;
	    float:left;
	 }

	#emdDelivery{
	   float: left;
	}

	#emdDeliveryTitle{
	   float: left;
	   font: 13px arial,helvetica,sans-serif; 
	   font-weight: bold;
	   color:#000000;
	   background-color: #ffffff;
	   height: 22px;
	   padding-top: 7px;
	    padding-left: 7px;
	    width: 100%;
	}

	#emdDeliveryCopy{
	   float: left;
	   font: 11px arial,helvetica,sans-serif; 
	   /*font-weight: bold;*/
	   height: 27px;
	   padding-top: 2px;
	   padding-left: 7px;
	   width: 100%;
	}

	#emdDeliveryDetails{
	   width:100%;
	   float: left;
	   background-color:White; 

	}

	#emdContact{
	 float: left;
	}

	#emdContactTitle{
	    width: 100%;
	    height: 19px;
	    font: 13px arial,helvetica,sans-serif; 
	    font-weight: bold;
	    color:#000000;
	    background-color: #ffffff; 
	    height: 22px;
	    padding-top: 7px;
	    padding-left: 7px;
	}

	#emdContactDetails{
	    float: left;
	}
#emdMiscDetails{
	float: left;
}
#emdSaveButton{ /* the div containing the save button */
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
}
#emdOptIn{
	float: left;
	background-color : #FFFFFF;
	margin-top: 5px;
}
#emdOptInDetails{
	padding: 7px;
	color:#000000;
}
#Container{ /* controls the width of the page */
	width: 100%;
}
.previewContainer{ /* controls the window of the image preview */ 
	width: 95%;
}
.previewContainer{
	border-style:none;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 5px;
	overflow:auto;
	z-index:1;
}
.bgmed{
	background-color:#FFFFFF;
}
.sidebar {
	width: 220px; background: #fff; float:left; height: 430px;
}
.formstyle {
	width: 160px;
	min-height: 200px;
	text-align:center;
	float:left;
	padding: 20px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF9900;
	font-weight:bold;
}
h2 {
	font-size:12px;
	color:#909C30;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#909C30;
	font-weight:bold;
}
.splash {
	display:block; width:310px; margin-left:680px; color:#FFFFFF; padding-top: 20px;
}
.formstyle p{
	font-size: 10px;
}
.splash h1 {
	font-size: 22px;
}
.splash h2 {
	font-size: 16px;
	color:#FFFFFF;
}
.left {
	width: 750px; background: #fff; float: left; border:none; padding: 0;
}