/* screen.css */

/* banner CSS */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #090644;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #130D91; 
	letter-spacing: .103em;
	text-align: left;
	border: none;
}
#wrapper {
  width:100%;
  padding:0; margin:0px; border:none;
}
#headWrapperTop {  width:100%;  height:80px;
  padding:0px; margin:0px; 
	background-color: #FFFFFF;
	border-top: 15px solid #090644;}
#headerTop {	width:100%;
	padding:0px;
	margin:0px;
	border:none;}

.logo{float:left; position:absolute; left:2px;}
#tag{ text-align:right; position:absolute; padding-left:450px}

#headWrapperBottom {width:100%;
	height:20px;
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
	border: none;}
#headerBottom{	height:20px;
	text-align:left;
	padding: 0px;
	margin:0px;
	border:none;}

#premierHead{	font-size: 30px; color:#ffffff;
	font-weight: bold;
	margin: 0px 0px 0px 17px;
	padding-top: 10px;}
#paperHead{	font-size: 30px; font-weight: normal; color:#b7d30b; background:transparent;}
#pageTitle{
	text-align:right;
	font-size: 30px;
	color:#FFFFFF;
	background:transparent;
	margin: -34px 30px 0px 0px;
	padding: 0px;
	letter-spacing: .135em;}
#titleStrip{width:100%; height:50px;margin-bottom:2px;}
/* Banner CSS */

/* Menu CSS */
#navigation{
	padding: 0;
	background: #EFFECB;
	height: 19px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 120px;
	border-top: 1px solid #A6C10B;
	border-left: 1px solid #A6C10B;
	z-index:100;}

#navlist{margin: 0px; padding: 0px; display: block;}
#navlist li{list-style: none; float: left;}

#navigation a, #navlist li.extend
{
margin: 0px;
display: block;
padding: 1px 7px 1px 7px;
text-decoration: none;
background: #EFFECB;
font: normal 11px verdana, serif;
color: #090644;
}

#navigation a:hover, #navigation a#here{
padding: 0px 6px 2px 6px;
background: #b7d30b;
border-right: 1px solid #090644;
border-left: 1px solid #090644;
border-top: 1px solid #b7d30b;
border-bottom: 1px solid #090644;
color: #090644;}

#navigation a#here{background: #b7d30b;
border-top: 1px solid #b7d30b;
font-weight: bold; color: #ffffff;
}

#navigation li#active{border-right: 1px solid #090644;
border-bottom: 1px solid #090644;
border-left: 1px solid #090644;}

/* Menu CSS */

/* Footer */
#footer{
	min-height:20px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.015em;
	background-color:#EFFECB;
	text-align:left;
	margin:-20px 16px 4px 16px;
	padding: 2px 8px;
	border-top: 1px solid #A6C10B;
	border-bottom: 1px solid #090644;
	border-left: 1px solid #090644;
	border-right: 1px solid #090644;}
#address{
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.015em;
	color:#98B10A; background-color:transparent;
	margin:2px 0px 2px 4px;
}
#footercontacts{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.015em;
	color:#8AA00A; background-color:transparent;
	padding: 0;
	background: #EFFECB;
	margin: -17px 0px 0px 0px;
}
#footerlist{
	margin: 0px;
	display: block;
}
#footerlist li{	list-style: none;
	float: right;
	margin: 0px 0px 0px 10px;}
#footerlist a, #footerlist li.extend{margin-top: -13px; margin-left: 4px;
padding: 0px 4px;
display: block;
text-decoration: none;
background: transparent;
font-size: 11px;
letter-spacing: 0.015em;
color: #8AA00A;}

#footerlist a:hover{	font-size: 11px;
	letter-spacing: 0.015em;
	padding: 0px 4px;
	color: #130D91;
}
.footerLabel{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.015em;
	color:#130D91; background-color:transparent;
}
#footerspacer{	background-color:#EFFECB;	margin-top:20px;}
#belowFooter{margin:4px 26px 0px 26px;}
#hotshot{ display:block; float:left;}
#privacy a:link, #privacy a:visited{
	position: absolute; right:0;
	margin:2px 30px 0px 0px;
	font-size: 11px;
	text-decoration:none;
	letter-spacing: .11em;
	color: #EFFECB;	
	background:transparent;}
#privacy a:hover{
	position: absolute; right:0;
	margin:2px 30px 0px 0px;
	font-size: 11px;
	text-decoration:none;
	letter-spacing: 0.11em;
	color: #8AA00A;	
	background:transparent;	}
/* Footer */

/* Body */
#bodyWrapper{
	background-color:#FFFFFF;
	text-align:left;
	margin:2px 16px 0px 16px;
	border-top: 1px solid #090644;
	border-left: 1px solid #090644;
	border-right: 1px solid #090644;
}
#contentData{
	font-size:12px; 
	letter-spacing: .013em;
	padding:4px 12px 12px 8px;
}
.mainPara{
	color:#8FA70A;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .105em;
	padding-top:12px;
	
}
/* Body */
/* General */

.p{	font-size:11px;	letter-spacing: .103em;	margin: 3px 0px;	padding:0;}

h2 {color: #130D91; background-color:transparent;font-size: 18px;letter-spacing: 0.12em;padding: 4px 0px 4pxborder:none; margin: 0px;}

h3 {
  color: #95AD0A;
  background-color: transparent;
  font-size: 15px;
  letter-spacing: 0.12em;
  border:none;
  padding: 6px 0px 4px 0px;
  margin: 0px;
}
h4 {  font-size: 13px;  letter-spacing: 0.12em;}
th {font-weight: bold;}

.clr {clear:both;}
.spacer{height:10px;padding:5px;}

/* Website Links */
a:link {color:#130D91; background-color: transparent; letter-spacing: .103em;text-decoration: underline;}
a:visited { color:#130D91; background-color: transparent; text-decoration: underline;}
a:hover { color:#8AA00A; background-color: transparent; text-decoration: underline;}

/* General */

/* Home */
.welcome{font-size:14px;letter-spacing: .015em;margin: 10px 20px 10px 10px;	padding:0px 0px 10px 10px;}
#welcomeCap{font-size:30px;	color:#b7d30b;letter-spacing:.012em;	font-weight:bold;}
#rightHomePane{
	float: right; display: block;
	position:absolute;
	margin-right:10px;
	width: 390px;
	text-align:center;
}

#specialBox{float: right; display: block;position:relative;border: 2px solid #b7d30b;width: 300px;height: 120px;margin: 15px;}
#specialHeading{	background-color: #b7d30b;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.016em;
	font-weight: bold;}
#specialContent{	background-color: #ffffff;
	color: #090644;
	text-align: left;
	padding: 8px;
	font-size: 12px;
	letter-spacing: 0.013em;}

#specialTitle{background-color: #ffffff;
	text-align: left;
	padding: 5px 0;
	font-size: 14px;
	color: #e66f0c;
	letter-spacing: 0.013em;
	font-weight:bold;}
#specialTag{background-color: #ffffff;
	text-align: left;
	padding: 5px 0;
	font-size: 13px;
	color: #b7d30b;
	letter-spacing: 0.013em;font-weight:bold;}
.specialPara{background-color: #ffffff;
	text-align: left;
	padding: 5px 0;
	font-size: 12px;
	letter-spacing: 0.013em;}
/* Home */

/* Catalogue */
/* Side Menu Pane */
#leftPane{
	width: 124px;
	letter-spacing: .102em;
  padding:0px; margin:0px; 
  background-color: #EFFECB; color: #8b1c25;
	float:left;
	display:block;
  position: absolute;
	left:17px;
}
#sideMenu{
	color:#FF00CC;
}
#sideMenu ul {list-style: none; padding: 0; margin:10px 0 0 0; border:none;}
#sideMenu li {list-style: none; padding: 0; margin: 0; border:none;}

#sideMenu a {text-decoration:none; background-color:#b7d30b; color: #023665; display:block; padding: 4px 10px; border-top: 1px solid #fff;border-bottom: 1px solid #7D8EA8;}
#sideMenu a:link {text-decoration:none; background-color:#b7d30b; color: #023665; display:block; padding: 4px 10px;}
#sideMenu a:visited {text-decoration:none; background-color:#b7d30b; color: #023665; display:block; padding: 4px 10px;}
#sideMenu a:hover {text-decoration:none; background-color:#8AA209; color: #EFFECB; display:block; padding: 4px 10px; border-top: 1px solid #536105;border-bottom: 1px solid #fff;}
#sideMenu a:active {text-decoration:none; background-color:#b7d30b; color: #084081; display:block; padding: 4px 10px;}
#leftMenuActive a:active, #leftMenuActive a:link, #leftMenuActive a:visited, #leftMenuActive a:hover {
  text-decoration:none; background-color:#CCCCCC; color: #084081; display:block;
  padding: 4px 10px; border-top: 1px solid #7D8EA8;border-bottom: 1px solid #fff;
}
/* Side Menu Pane */
#catalogueWrap{background-color: #EFFECB; }
#catalogueData{	background-color:#ffffff;
	margin: 0px 10px 0px 124px;
	border-left: 1px solid #A6C10B;
	font-size:12px; 
	letter-spacing: .013em;
	padding:10px 0 36px 10px;}
#productData{	background-color:#ffffff;
	margin: 0px 10px 0px 124px;
	border-left: 1px solid #A6C10B;
	padding-left:10px;min-height:390px;}

#paperList{text-align:left;margin:2px; padding:6px; background-color:#F5FEE2;	border: 1px solid #b7d30b;}
.paperItem{float:left; display:block; position:relative; border: 1px solid #b7d30b; margin: 0 12px 26px 0;padding:5px;width:130px;}
.paperImageSm{display: block; margin:5px; border: 1px solid #b7d30b; width:120px; padding:0}
.paperImage{display: block; margin:5px; border: 1px solid #b7d30b; }
#catItem{margin:10px 0 0 10px; width:120px; text-align:center; color:#b7d30b; background:transparent;font-weight:bold; text-align:center;}
#catDetail{text-align:center;text-decoration:none; background-color:transparent; color: #130D91; text-align:center;}
#catDetail a:link{text-decoration:none; background-color:transparent; color: #130D91;}
#catDetail a:visited{text-decoration:none; background-color:transparent; color: #130D91;}
#catDetail a:hover{text-decoration:none; background-color:transparent; color: #e66f0c;}


#paperDetail{font-weight:bold; border: 1px solid #b7d30b; padding:10px; margin:0 10px 0 0; visibility:visible;;min-height:300px}
#paperDetailImage{float:left;display: block; margin:5px 10px 25px 5px; border: 1px solid #b7d30b; }
#paperName{color:#b7d30b; background:transparent;font-size:16px;font-weight:bold; padding:4px 0 0 0; visibility:visible}
.paperHeading{font-size:13px; padding:4px 0; visibility:visible}
.description{font-weight:normal; font-size:11px; padding:0 0 6px 0; visibility:visible}
.paperSpecs{padding:6px; visibility:visible }
.paperColours{margin-left:10px; padding:0 0 6px 0; visibility:visible }
#colourWrap{display:block;margin:0 0 0 320px; padding: 0;}
.specItem{padding: 0 12px 0 0;font-size:12px;}
.colour{padding: 0; margin: 0;font-size:12px; font-weight:normal;}

/* Guide */
#guideWrap{background-color: #EFFECB;padding-right:240px; padding-top:0px;}
#guideDataLeft{
	background-color: #ffffff;
	display:block;	
	padding:0px 20px 20px 20px;
	margin-right:240; 
	border-bottom: 1px solid #A6C10B;
	border-right: 1px solid #A6C10B;}
#guideRightPane{
	float:right;
	padding:0;
	width: 200px;
	text-align:left;
	font-size: 10px;
	letter-spacing: .11em;
	color: #9408A2;
	background-color: #EFFECB;
	margin: 0px 0px 10px 10px;}
#tips{
	text-align:left;
	color:#ffffff; background-color:#090644;
	font-size: 11px;
	letter-spacing: .11em;
	padding:4px;
	border: 2px solid #645CF1;
	margin-bottom:20px;
}
#tipHeading{font-size: 16px; color:#ffffff; background-color:#090644; letter-spacing: 0.25em; font-weight:bold; margin:0px 0px 8px 8px;}
#doTips{margin-right:30%;}
#dontTips{float:right; width:40%;}

.tip{ margin: 4px 8px;}
.guidePoint{ margin: 10px 0px;}
#choiceTitle{	background-color: transparent;
	color:#8AA00A;
	margin: 4px 0px;
	font-size: 12px;
	font-weight: bold;}
.choice{color:#090644; background-color:#EFFECB; border: 2px solid #A6C10B; padding:3px 6px; margin:8px 0px;}
#paperHeading{font-size: 13px; letter-spacing: 0.12em; text-align: center; font-weight:bold; padding:4px 0px;}
#paperSizes{float:right; position:absolute; right:0; width:239px; margin-right:18px; font-size:10px; color:#9408A2; background-color:#EFFECB;	}
.paperTable{
text-align:center;
	width: 220px;
	margin:8px;
	border-top: 1px solid #8AA00A;
	border-left: 1px solid #8AA00A;
	border-right: 1px solid #8AA00A;
}	
.paperRow{
	border-bottom: 1px solid #8AA00A;
}
/* Guide */

/*Glossary*/
#glossaryWrap{padding:10px 20px 20px 20px;}
.glossaryItem{padding: 5px 0; border-bottom: 1px solid #8AA00A;}
.glossaryTerm{float:left;	color:#8AA00A;	background-color: transparent;	margin:0px;	font-size: 12px;	font-weight: bold; width:220px; padding:0}
.glossaryDescription{ margin-left:230px; text-align:left; padding:0}
/* contact styles */
.contactBox{border: 1px solid #b7d30b; color:#130D91; font-size:11px; background-color:#FFFFFF; padding:10px; width:500px;margin:10px 10px 10px 30px}
.contactLabel{color:#130D91; background-color:#FFFFFF; font-weight:bold;}
/* contact styles */

/* Errors */ 

.error{background-image: url(../images/error.png);}
.warning{background-image: url(../images/info.png);}
.notice{text-indent: 45px; line-height: 36px; background-position: 3px 3px; background-repeat: no-repeat;}
.error_highlight + p {color:#FF0000; font-size: 13px;}
.warning_highlight + p + ul{color:#FF0000; font-size: 13px;}

.BlueborderedBox {  border: 5px solid #130D91;
  padding:0; margin: 0 0 10px 30px; width: 490px;
  background-color: #FFFFFF; color: #130D91;}
.BlueborderedBox div {  border-top: 1px solid #000; border-left: 1px solid #000; padding: 5px; margin: 0;}

/* administration*/
#adminWrap{background-color: #EFFECB;padding:0 0px 20px 50px;}
#adminData{	background-color:#ffffff;
	font-size:12px; 
	letter-spacing: .013em;
	margin:0 0 0 74px;
	padding:10px 10px 26px 10px;
	border-left: 1px solid #A6C10B;}
#adminContent{font-size:12px; 	letter-spacing: .013em;	padding:40px;margin:0 0 0 125px}
#login{ border: 1px solid #b7d30b; color:#130D91; background-color:#FFFFFF; padding:10px 20px; width:560px;margin:0 10px 0 100px; height:200px}
.formBlock {border: 1px solid #b7d30b; background: #ffffff; padding-top: 5px; padding:10px; margin:2px 0 0 0;}
.adminForm {border: 1px solid #b7d30b; background: #ffffff; padding:10px; margin:0;}

.login_text {text-align: left; width: 200px; float: left;}
.login_form {text-align: left; float: right; width:300px;margin: 0 0 20px 0;}
.input_label {font-weight: bold; text-align: left;color:#b7d30b; background-color:transparent;}
.input_box {width: 150px; margin: 0 0 1em 0; border: 1px solid #b7d30b;}
#adminWelcome{color: #95AD0A;  background-color: transparent;  font-size: 15px; letter-spacing: 0.12em; border:none; padding: 6px 0px 4px 0px; margin: 0px;}
.checkboxFloat{float:left; padding:0 2px 0 0;width:144px; font-size:10px;}
.adminBlock {border: 1px solid #b7d30b; background: #ffffff; padding:10px; margin:0 0 0 74px;}
.editBlock {border-left: 1px solid #b7d30b; background: #ffffff; padding:10px; margin:0 0 0 74px;}


/* Form  */
input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #859B09;}
textarea {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #859B09;}
select {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #859B09;}
.button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.135em;
	font-weight: bold;
	color: #FFFFFF;background-color:#9CB60A;
	border: 1px solid  #6F8107; 
}
/* Form  */