/*
 * Body basics
 */
body {
  margin: 0;
  padding: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: x-small;
  font-size/**/:/**/ small;
	line-height: 1.5em;
	background-color: #FFFFFF;
	text-align: center; 
}

div, p {
  text-align: left;
}

/*
 * Text formatting
 */
a {
	color: #89B918;
	text-decoration: none;
}

a:visited {
	color: #89B918;
}
		
a:hover {
	color: #880E0B;
	text-decoration: underline;
}

a.imglink {
  border: 0px;
}		

a.returnToTop {
  width: 95%;
  font-size: 0.9em;
  display:block;
  text-align: right;
  margin: 0.4em 5% 0.4em 0;
}

.menu a, .menu a:visited  {
  color: #B54716;
}
.menu a:hover {
  color: #E94000;
}

p {
  color: #333333;
}
p.centered {text-align: center;}
p.key {
  font-size: 1.2em; 
  line-height: 1.3em; 
  color: #C03A8E;
}
p.prompt {
	width: 290px;
  width/**/:/**/ 160px;
  margin: 0.3em auto;
  height: 58px;
  padding: 8px 20px 0px 110px;
  background: url("/images/PromptBg.gif") #FFFFFF 0 0px no-repeat;
  font-size: 1.15em;
}

p.prompt a {
  font-weight: bold;
  color: white;
  
}

p.prompt a:hover {
  font-weight: bold;
  color: #FFF8A5;
  background-color: #FF7700;
  text-decoration: none;
}

h1 {
  font-family: Verdana;
	font-size: 2.2em;
	line-height: 2.2em;
	font-weight: normal;
	margin: -0.3em -0.1em;
}
h2 {	
  font-size: 1.4em;
	line-height: 1.6em;
	color: #5667C3;
	margin: 0;
}
h3 {	
  font-size: 1.2em;
	line-height: 1.4em;
	color: #94A0EC;	
	margin: 0;
}
em {
  font-weight: bold;
  font-style: normal;
}


/*
 * Standard Formatting
*/
.hide, .FIRtext {
  display: none;
}
div.clearer {
  clear: both; line-height: 0; height: 0; 
}
.FIR {
  margin: 0;
  padding: 0;
}
img {
	border: 0;
	display: block;
	margin: 0.3em auto;
}

img.deco {
  padding: 2px;
  display: block;
	margin: 1em auto;
}

img.left {
  padding: 5px;
	margin: 0;
}
span.caption {
  text-align:center;
  display: block;
  margin: 0 auto;
  padding: 0.3em 0;
}

/*
 * Page Grid Layout
 * Using source-ordered 3-column designs: 3-1-2
 * ref: http://www.positioniseverything.net/articles/onetruelayout/print
 */


#navigation {
	float: left;
	width: 19%;
	margin-left: -100%;
	position: relative;
}

#mainContent {
	float: left;
	padding: 0 0%; 
	width: 48%;
  width/**/:/**/ 48%;
	margin-left: 21%;
	position: relative;
}

* html #mainContent {
	display: inline;
}

#suppContent {
	float: left;
	width: 27%;
	margin-left:2%;
	position: relative;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  height: 95px;
	text-align: center; /* be nice to IE5 */
}


/* easy clearing */
#pageContent:after {
	content: 'asdf'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#pageContent {
	display: inline-block;
	}
/*\*/
#pageContent {
	float/**/: none;
	display: block;
  width: 797px;
  padding-bottom: 4em;
  border-bottom: 2px solid #CCCCCC;
/*  background: url("images/grid2.gif") white 0 0 repeat-y; */
  margin: 110px auto 0.5em auto;
	}
/* end easy clearing */


#footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
}

/*
 * Menu Styles
 */
#navigation p.hide{
  text-align: center;
}
.menu {list-style: none; margin: 0 0 0 0em; padding: 0 0.2em 0 0; width:147px;}
.lvl1 {padding-left: 1.5em; font-size: 1em; line-height: 1.9em; margin: 0.2em 0 0 0; background: url("images/double_arrow.gif") #FFFFFF 5px 7px no-repeat;}
.lvl2 {padding-left: 1.5em; font-size: 1em; line-height: 1.5em; padding: 0.3em 0 0.2em 1.5em; background: url("images/Menu Sub bg.gif") #FBF3BD;}
.lvl3 {padding-left: 2.4em; font-size: 0.9em; line-height: 1.5em; padding: 0.2em 0 0.2em 2.4em; background: url("images/Menu Sub bg.gif") #FBF3BD;}
.lvl4 {padding-left: 3.4em; font-size: 1em; line-height: 1.3em;}
.lvl5 {padding-left: 4.2em; font-size: 1em; line-height: 1.3em;}
#currentTopMenu {font-weight: bold; color: #FFFFFF; 
  background: url("images/Menu Top bg.gif") #CF4716 0 0px no-repeat;
}
#currentTopMenu a { color: #FFFFFF; }
#currentMenu {font-weight: bold; color: #CF4716; 
  background: url("images/Menu arrow orange big.gif") #FDF9DE 8px 5px no-repeat;
}


#navigation h1 {
	line-height: 1.6em;
  color: #FE4B4B;
  margin-bottom: 0.35em;
}

#suppContent h1 {
	line-height: 1.6em;
  color: #54B152;
  margin-bottom: 0.35em;
}
#suppContent blockquote {
  color: #999999;
  font-size: 1.3em;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.5em;
  z-index: 10;
  width: 290px;
  height: 60px;
  position: absolute;
  top: -90px;
  left: -240px;
  padding: 0 0 0 130px;
}
/*
 * Features list
 */
ul.features {
  padding: 0 0.5em;
  margin: 0.5em 0 1.5em 0;
}
ul.features li {
  list-style: none;
  margin:0 0 0.2em 0em;
  padding-left: 1.5em;
  background: url("images/smallarrow.gif") #FFFFFF 0px 4px no-repeat;
}
/*
 * Examples list
 */
ul.examples {
  width: 220px;
  padding: 0 0.3em;
  margin: 1em auto;
}
ul.examples li {
  list-style: none;
  margin:0 0 0.2em 0;
  width: 212px;
}
li.examples a {
	color: #918471;
}
li.examples a:hover {
	color: #B1A38E;
}

dl.vcard {
  padding 0 0.3em;
  line-height: 1.3em;
}
dl.vcard dt {
  font-size: 0.8em;
	color: #888888; 
}
dl.vcard dd {
  font-size: 0.9em;
  margin:0 0 0.5em 0;
}
dl.vcard .org {
  color: #7167AF;
}
address {
  font-style: normal;
}
address span {
  display: block;
}

/*
 * Contact Details Styles
 */
.contactDetails {
  width: 95%;
  margin-top: 0;
}
.contactDetails p {
  font-size: 0.9em;
}
.contactDetails h3 {
  
}

/*
 * Footer Styles
 */
#footer p{
  text-align: center;
  height: 3em;
  line-height: 3em;
  color: #888888;
}

#footer a, #footer a:visited {
  color: #CECAE3;
}
#footer a:hover, #footer a:active {
  color: #7167AF;
}

/*
 * Header Styles
 */
#header {
  background: url("/images/headerSubDefault.gif") no-repeat center bottom;
	z-index: 1;
}
#header h1 {
  width: 797px;
  margin: 0 auto;
	text-align: left; /* be nice to IE5 */
}
#header p {
  display: none;
}
#backToHome {
  display: block;
  height: 85px;
  width: 787px;
  margin: 10px auto 0 auto;
}
label {
  display:block;
}

/*
 * ClientLogin
 */
#ClientLogin {
  width: 90%;
  margin: 0 auto;
}
#ClientLogin p {
  margin: 0.3em 0;
}
#ClientLogin input {
  width: 70%;
  border: 1px solid #AAAAAA;
  font-size: 1em;
  color: black;
  font-weight: normal;
}
#ClientLogin input.submit {
  width: 70%;
  display: block;
  margin: 0.4em 0;
  background-color: #609CEA;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  border-top: 1px solid #B0CDF4;
  border-left: 1px solid #B0CDF4;
  border-bottom: 1px solid #16509C;
  border-right: 1px solid #16509C;

}
/*
 * EnquiryForm
 */
#EnquiryForm {
  width: 98%;
}
#EnquiryForm p {
  margin: 0.3em 0;
}
#EnquiryForm fieldset {
  border: 1px solid #FFD496;
  background: #fdf1df url("/images/OrangeGradient.gif") top left repeat-x;
  padding: 0.5em;
  margin: 1em 0 1.5em 0;
}
#EnquiryForm legend {
  font-size: 1.2em;
  color: #DB9712;
  margin: 0;
  padding: 0.2em;
  border: 1px solid #FFD496;
  background-color: #FFFFFF;
}

#EnquiryForm input, #EnquiryForm select, #EnquiryForm textarea {
  width: 100%;
  border: 1px solid #FFD496;
  font-size: 1em;
  color: black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#EnquiryForm input.required {
  border: 1px solid #FFD496;
}
#EnquiryForm span.smaller {
  font-size: 0.9em;
  color: #999999;
}
#EnquiryForm #Message {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  height: 8em;
}
#EnquiryForm select, #EnquiryForm option {
  color: #999999;
}
#EnquiryForm  #submitEnquiry {
  width: 100%;
  display: block;
  margin: 0.4em auto;
  background-color: #E09716;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  border-top: 1px solid #FFA701;
  border-left: 1px solid #FFA701;
  border-bottom: 1px solid #785110;
  border-right: 1px solid #785110;
}

/*
 * QuoteForm
 */
#QuoteForm {
  width: 100%;
}
#QuoteForm p {
  margin: 0.3em 0;
}

#QuoteForm fieldset {
  border: 1px solid #EDE4F3;
  background: #f8f3fb url("/images/purpleGradient.gif") top left repeat-x;
  padding: 0.5em;
  margin: 1em 0 1.5em 0;
}
#QuoteForm legend {
  font-size: 1.2em;
  color: #744596;
  margin: 0;
  padding: 0.2em;
  border: 1px solid #EDE4F3;
  background-color: #FFFFFF;
}

#QuoteForm .FormSideNote {
  width: 95%;
  width/**/:/**/ 89%;
  padding: 3%;
  border: 1px solid #d7c7e1;
  background: #ede4f3 url("/images/purpleGradientDark.gif") top left repeat-x;
  margin: 1em auto;
}
#QuoteForm input, #QuoteForm select, #QuoteForm textarea {
  width: 100%;
  border: 1px solid #EDE4F3;
  font-size: 0.9em;
  color: black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#QuoteForm textarea {
  height: 3em;
}
#QuoteForm input.checkbox, #QuoteForm input.radio {
  border: none;
  width: auto;
}
#QuoteForm input.required, #QuoteForm textarea.required {
/*  border: 1px solid #EDE4F3; */
}
#QuoteForm span.smaller {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #999999;
}
#QuoteForm #PrintJobDescription {
  height: 11em;
}
#QuoteForm #AdditionalRequirements {
  height: 4em;
}
#QuoteForm select, #QuoteForm option {
  color: #999999;
}
#QuoteForm  #submitQuote {
  width: 100%;
  display: block;
  margin: 0.4em auto;
  background-color: #7845A2;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  border-top: 1px solid #CBACDF;
  border-left: 1px solid #CBACDF;
  border-bottom: 1px solid #6A368D;
  border-right: 1px solid #6A368D;
}

/*
 * DVDEnquiryForm
 */
#DVDEnquiryForm {
  width: 98%;
}
#DVDEnquiryForm p {
  margin: 0.3em 0;
}
#DVDEnquiryForm fieldset {
  border: 1px solid #CFB7DF;
  background: #F8F3FB url("/images/purpleGradient.gif") top left repeat-x;
  padding: 0.5em;
  margin: 1em 0 1.5em 0;
}
#DVDEnquiryForm legend {
  font-size: 1.2em;
  color: #CB57A2;
  margin: 0;
  padding: 0.2em;
  border: 1px solid #CFB7DF;
  background-color: #FFFFFF;
}

#DVDEnquiryForm input, #DVDEnquiryForm select, #DVDEnquiryForm textarea {
  width: 100%;
  border: 1px solid #CB57A2;
  font-size: 1em;
  color: black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#DVDEnquiryForm input.required {
  border: 1px solid #CB57A2;
}
#DVDEnquiryForm span.smaller {
  font-size: 0.9em;
  color: #999999;
}
#DVDEnquiryForm #Message {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  height: 8em;
}
#DVDEnquiryForm select, #DVDEnquiryForm option {
  color: #999999;
}
#DVDEnquiryForm  #submitEnquiry {
  width: 100%;
  display: block;
  margin: 0.4em auto;
  background-color: #B24795;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  border-top: 1px solid #EC78C1;
  border-left: 1px solid #EC78C1;
  border-bottom: 1px solid #562348;
  border-right: 1px solid #562348;
}


input.valueRequired, textarea.valueRequired {
  background-color: #E04A19; 
  color: #FFFFFF;
}
  ul.warningMsgs li {color: #E04A19; }

div.mailBody {
  border: 1px solid #DDDDDD;
  padding: 1em;
  font-size: 1.1em;
  font-family: Georgia, "Times New Roman", serif;
}

/*
 * mainContent h1 graphics list
 */
#mainContent h1 {
	line-height: 1.3em;
  color: white;
  font-weight: bold;
  padding: 10px 20px 0 5px;
  margin-left: 0;
}

body#PrintingServices #mainContent p.key, body#Testimonials #mainContent p.key, body#Privacy #mainContent p.key {
  font-size: 1.2em;
  color: #609CEA;
}
body#PrintingServices #mainContent h1, body#Testimonials #mainContent h1, body#Privacy #mainContent h1 {
  height: 100px;
  background: url("/images/Skyblue-bg.jpg") -1px 10px no-repeat;
}
body#PrintingServices #suppContent blockquote, body#Testimonials #suppContent blockquote, body#Privacy #suppContent blockquote {
  background: url("/images/PrintingServices-icon.gif") -1px 0px no-repeat;
}




body#DigitalPrinting #mainContent p.key, body#FileTemplates #mainContent p.key, body#BindingAndFolding #mainContent p.key, body#DigitalCopying #mainContent p.key {
  font-size: 1.2em;
  color: #EC5B22;
}
body#DigitalPrinting #mainContent h1, body#FileTemplates #mainContent h1, body#BindingAndFolding #mainContent h1, body#DigitalCopying #mainContent h1 {
  height: 100px;
  background: url("/images/DigitalPrinting-bg.jpg") -1px 10px no-repeat;
}
body#DigitalPrinting #suppContent blockquote, body#FileTemplates #suppContent blockquote, body#BindingAndFolding #suppContent blockquote, body#DigitalCopying #suppContent blockquote {
  background: url("/images/DigitalPrinting-icon.gif") -1px 0px no-repeat;
}

body#OffsetPrinting #mainContent p.key, body#PrePressServices #mainContent p.key, body#AcceptedFileFormats #mainContent p.key {
  font-size: 1.2em;
  color: #7374AC;
}
body#OffsetPrinting #mainContent h1, body#PrePressServices #mainContent h1, body#AcceptedFileFormats #mainContent h1 {
  height: 100px;
  background: url("/images/OffsetPrinting-bg.jpg") -1px 10px no-repeat;
}
body#OffsetPrinting #suppContent blockquote, body#PrePressServices #suppContent blockquote, body#AcceptedFileFormats #suppContent blockquote {
  background: url("/images/OffsetPrinting-icon.gif") -1px 0px no-repeat;
}

body#PrintManagement #mainContent p.key, body#Testimonials #mainContent p.key, body#ColourAdvantage #mainContent p.key {
  font-size: 1.2em;
  color: #719816;
}
body#PrintManagement #mainContent h1, body#Testimonials #mainContent h1, body#ColourAdvantage #mainContent h1 {
  height: 100px;
  background: url("/images/PrintManagement-bg.jpg") -1px 10px no-repeat;
}
body#PrintManagement #suppContent blockquote, body#Testimonials #suppContent blockquote , body#ColourAdvantage #suppContent blockquote{
  background: url("/images/PrintManagement-icon.gif") -1px 0px no-repeat;
}


body#ContactUs #mainContent p.key, body#OurLocation #mainContent p.key {
  font-size: 1.2em;
  color: #DB9712;
}
body#ContactUs #mainContent h1, body#OurLocation #mainContent h1 {
  height: 100px;
  background: url("/images/Orange-bg.jpg") -1px 10px no-repeat;
}
body#ContactUs span.asterisk, body#GetAQuote span.asterisk  {
  font-size: 1.2em;
  color: #DB9712;
}
body#ContactUs #suppContent blockquote, body#OurLocation #suppContent blockquote {
  background: url("/images/ContactUs-icon.gif") -1px 0px no-repeat;
}


body#GetAQuote #mainContent p.key, body#QuotationForTrade #mainContent p.key {
  font-size: 1.2em;
  color: #7947A0;
}
body#GetAQuote #mainContent h1, body#QuotationForTrade #mainContent h1 {
  height: 100px;
  background: url("/images/Purple-bg.jpg") -1px 10px no-repeat;
}
body#GetAQuote #suppContent blockquote, body#QuotationForTrade #suppContent blockquote {
  background: url("/images/GetAQuote-icon.gif") -1px 0px no-repeat;
}

body#Examples #mainContent p.key, body#CorporateStationery #mainContent p.key, body#FlyersBrochuresCatalogues #mainContent p.key, body#TrainingMaterialsPublishing #mainContent p.key, body#DVDCovers #mainContent p.key, body#PrintSuppliesOutsourcing #mainContent p.key {
  font-size: 1.2em;
  color: #867966;
}
body#Examples #mainContent h1, body#CorporateStationery #mainContent h1, body#FlyersBrochuresCatalogues #mainContent h1, body#TrainingMaterialsPublishing #mainContent h1, body#DVDCovers #mainContent h1, body#PrintSuppliesOutsourcing #mainContent h1  {
  height: 100px;
  background: url("/images/Brown-bg.jpg") -1px 10px no-repeat;
}
body#Examples #suppContent blockquote, body#CorporateStationery #suppContent blockquote, body#FlyersBrochuresCatalogues #suppContent blockquote, body#TrainingMaterialsPublishing #suppContent blockquote, body#PrintSuppliesOutsourcing #suppContent blockquote  {
  background: url("/images/Examples-icon.gif") -1px 0px no-repeat;
}
body#DVDCovers #suppContent blockquote {
  background: url("/images/DVDReplication-icon.gif") -1px 0px no-repeat;
}

body#AboutUs #mainContent p.key, body#Privacy #mainContent p.key {
  font-size: 1.2em;
  color: #B44595;
}
body#AboutUs #mainContent h1, body#Privacy #mainContent h1 {
  height: 100px;
  background: url("/images/Pink-bg.jpg") -1px 10px no-repeat;
}
body#AboutUs #suppContent blockquote, body#Privacy #suppContent blockquote {
  background: url("/images/AboutUs-icon.gif") -1px 0px no-repeat;
}

body#ClientArea #mainContent p.key, body#FinishingServices #mainContent p.key {
  font-size: 1.2em;
  color: #609CEA;
}
body#ClientArea #mainContent h1, body#FinishingServices #mainContent h1 {
  height: 100px;
  background: url("/images/Skyblue-bg.jpg") -1px 10px no-repeat;
}

body#DVDReplication #mainContent p.key {
  font-size: 1.2em;
  color: #B44595;
}
body#DVDReplication #mainContent h1 {
  height: 100px;
  background: url("/images/Pink-bg.jpg") -1px 10px no-repeat;
}
body#DVDReplication #suppContent blockquote {
  background: url("/images/DVDReplication-icon.gif") -1px 0px no-repeat;
}


/*
  Soopalink!
*/

.soopalink {
	clear:left;
	background:white;
	position:relative;
	width: 376px;
	margin-bottom: 1em;
}
.soopalink h1 {
  height: 42px;
  margin: -7px 0 0 0;
/*  background: url("/images/OffsetPrinting-bg.jpg") 0px 6px no-repeat ; */
}
body#Home .soopalink a {
	border:0;
}
.soopalink p {
	width: 100%;
  width/**/:/**/ 96%;
	font-size:1em;
/*  background: url("/images/OffsetPrinting-bg.jpg") bottom left no-repeat; */
	margin:0;
	padding: 0 2% 6px 2%;
}
.soopahover {
	background:#FFFFFF;
	cursor:pointer;
}
body#Home .soopahover a { color: white; text-decoration: none; }

.soopahover h1#DigitalPrinting {
  background: url("/images/DigitalPrinting-bg.jpg") 0px 6px no-repeat ;
}
.soopahover h1#OffsetPrinting {
  background: url("/images/OffsetPrinting-bg.jpg") 0px 6px no-repeat ;
}
.soopahover h1#PrintManagement {
  background: url("/images/PrintManagement-bg.jpg") 0px 6px no-repeat ;
}
.soopahover h1#DVDReplication {
  background: url("/images/DVDReplication-bg.jpg") 0px 6px no-repeat ;
}

.soopahover p {
 color: black;
}
.soopahover p#DigitalPrintingP {
  background: url("/images/DigitalPrinting-bg.jpg") bottom left no-repeat ;
}
.soopahover p#OffsetPrintingP {
  background: url("/images/OffsetPrinting-bg.jpg") bottom left no-repeat ;
}
.soopahover p#PrintManagementP {
  background: url("/images/PrintManagement-bg.jpg") bottom left no-repeat ;
}
.soopahover p#DVDReplicationP {
  background: url("/images/DVDReplication-bg.jpg") bottom left no-repeat ;
}


h1#DigitalPrinting a {
  color: #EC5B22;
}
h1#OffsetPrinting a {
  color: #7374AC;
}
h1#PrintManagement a {
  color: #719816;
}
h1#DVDReplication a {
  color: #CB57A2;
  font-size: 0.9em;
}

#newDiv {
  background: url("/images/new-corner-bg.jpg") bottom left no-repeat ;
}

table {
  width: 100%;
  margin-bottom: 10px;
  border-collapse:collapse;
}

td {
  border: 1px solid #AAAAAA;
  padding: 0.2em 0.3em;
  vertical-align: middle;
  text-align: center;
}

td.nowrap {
  white-space: nowrap;
}

td.left {
  text-align: left;
}