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;
}
label {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 9em;
}
.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;
}
.productcontainerleft {
	width:480px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	height:auto;
	float:left;
	background-color:#F0F0F0;
}
.productcontainerright {
	width:470px;
	height:auto;
	float:right;
	background-color:#F0F0F0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;	
}
.bgmed {
	background-color:#FFFFFF;
}
.button {
	background-image:url(images/orangeBtn.png);
	background-repeat:no-repeat;
	width: 114px;
	height: 31px;
	display:block;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	padding-top: 6px;
	margin-left: 40px;
	border:none;
	font-weight:bold;
	text-shadow: 2px 2px 2px #BD8318;
}
.button:hover {
	background-image:url(images/orangeBtn-over.png);
	text-decoration:none;
}
.button a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.button a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.button a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.sidebar {
	width: 240px;
	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;
}
.right2 {
	width: 780px;
	background: #fff;
	float: right;
	border:none;
	padding: 0;
}
.style2 {
	color: #5B3837
}
.style3 {
	font-size: 15px;
	color: #f68735;
	font-weight:bold;
}
a {
	cursor: hand;
}
.style4 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
}