/* CSS Document */
/*	========================================================== 	
	Default CSS document for the Keenpac Extranet build
	Project number: ken1231
	Created: 19.12.06
========================================================	*/

/* First level the paddings, margins etc for all browsers */
* { padding:0px; margin:0px; border:0px; }

/* Set the page height to 100% */
html,body{
	height:100%;
}

body{
	/* Colours and default fonts */
	background-color:#f5f5f5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
}

/*	==========================================

	Default fonts / colours
	
==========================================	*/

.limegreen-text{
	color:#d8ff1c;
}

.midgrey-text{
	color:#c1c1c1;
}

.bold-white-text{
	font-weight:bold;
	color:#FFFFFF;
}

.white-text{
	color:#FFFFFF;
}

.darkgrey-text {
	color:#5f5f5f;
}

.darkpurple-text {
	color:#54036a;
	text-decoration:none;
}

.bold {
	font-weight:bold;
}

/*	==========================================

	Text links
	
==========================================	*/

/* Default white text roll overs */
a {
	color:#FFFFFF;
	text-decoration:underline;
}

a:active{
	
}

a:visited {

}

a:hover {
	text-decoration:none;
}

/* white text roll overs with no underline until rollover */
a.white-no-underline {
	color:#FFFFFF;
	text-decoration:none;
}

a:active.white-no-underline{
	text-decoration:none;
}

a:visited.white-no-underline{
	text-decoration:none;
}

a:hover.white-no-underline {
	text-decoration:underline;
}

/* 	Light Grey links - as used in the site footer	
	Usage: These should be appled to the 'a href tag' */
	
a.light-grey{
	color:#605d5e;
	text-decoration:underline;
}

a:active.light-grey {
	
}

a:visited.light-grey  {

}

a:hover.light-grey {
	text-decoration:none;
}

/* Bright pink links as used in the 'choose article' style pages */

a.bright-pink {
	color:#e01682;
	text-decoration:none;
}

a:active.bright-pink {
	
}

a:visited.bright-pink  {

}

a:hover.bright-pink {
	color:#FFFFFF;
}

/* Gold links as used in the 'choose article' style pages */

a.gold-links {
	color:#b2a473;
	text-decoration:none;
}

a:active.gold-links {
	
}

a:visited.gold-links {

}

a:hover.gold-links {
	color:#FFFFFF;
}

/* Mid-Grey link as used in the 'choose article' style pages */

a.midgrey-links {
	color:#696969;
	text-decoration:none;
}

a:active.midgrey-links {
	
}

a:visited.midgrey-links {

}

a:hover.midgrey-links {
	color:#FFFFFF;
}

/* light-yellow link as used in the 'choose article' style pages */

a.lightyellow-links {
	color:#e7e96d;
	text-decoration:none;
}

a:active.lightyellow-links {
	
}

a:visited.lightyellow-links {

}

a:hover.lightyellow-links {
	color:#FFFFFF;
}

/* Black links as used on the Liveline navigation bar */

a.black-links {
	color:black;
	text-decoration:none;
}

a:active.black-links {
	
}

a:visited.black-links {

}

a:hover.black-links {
	text-decoration:underline;
}

/* Limegreen links as used on the Liveline navigation bar */

a.limegreen-links {
	color:#d8ff1c;
	text-decoration:none;
}

a:active.limegreen-links {
	
}

a:visited.limegreen-links {

}

a:hover.limegreen-links {
	text-decoration:underline;
}

/* Limegreen Bold links as used on the Liveline navigation bar */

a.limegreenbold-links {
	color:d8ff1c;
	text-decoration:none;
}

a:active.limegreenbold-links {
	
}

a:visited.limegreenbold-links {

}

a:hover.limegreenbold-links {
	text-decoration:underline;
}

/* Dark Purple links */

a.darkpurple-links {
	color:#54036a;
	text-decoration:none;
}

a:active.darkpurple-links {
	
}

a:visited.darkpurple-links {

}

a:hover.darkpurple-links {
	text-decoration:underline;
}

/* END LINKS */

#grey-spacer{
	/* Set the content 3px from the top */
	padding-top:3px;
}

.common-underscore{
	margin-top:0px;
}

.clear_both{
	clear:both;
}

/* 	Main content div - used to align the content to the centre of the page */
#main-container{
	margin:0 auto;
	width:768px;
	background-color:#ffffff;
	height:100%;
}

/* Page header div */
#main-page-header{
	height:90px;
	background-color:#ffffff;
}

/* 	Position the company logo */
#company-logo{
	width:90px;
	height:90px;
	float:left;
}

/* Position the main site 'Flash' menu */
/* This is current obselete!*/
/*#main-flash-menu{
	height:62px;
	float:right;
	font-size:7pt;
	background-image:url(../images/frontend/flash-nav.jpg);
	background-repeat:no-repeat;
}*/

/* Position the HTML menu */

.menu-outer{
	float:right;
	width:391px;
}
.menu-links{
	text-decoration:none;
}
/* Top level */
.top-level-category{
	background-color:#ffffff;
}
.top-level-button{
	width:91px;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	cursor:pointer;
	float:left;
	font-size:7pt;
	font-weight:bold;
	background-color:#ffffff;
	margin-bottom:1px;
	margin-left:1px;
	color:#5f5f5f;
	
	_padding-left:2px;
	_width:93px;
}

.top-level-button:hover{
	cursor:pointer;
	background-color:#ffffff;
	color:#1C1C1C;
}
.top-level-button-active{
	cursor:pointer;
	background-color:#ffffff;
	color:#54036a;
	width:91px;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	float:left;
	font-size:7pt;
	font-weight:bold;
	margin-bottom:1px;
	margin-left:1px;
	
	_padding-left:2px;
	_width:93px;
}


/* Sub Level */
.sub-level-category{
	float:left;
	width:389px;
	margin-bottom:1px;
}
.sub-level-button{
	width:91px;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	cursor:pointer;
	float:left;
	font-size:7pt;
	font-weight:bold;
	background:#ffffff;
	color:#5f5f5f;
	text-decoration:none;
	margin-bottom:1px;
	margin-left:1px;
	
	_padding-left:2px;
	_width:93px;
}
.sub-level-button a{
	text-decoration:none;
}
.sub-level-button:hover{
	cursor:pointer;
	background-color:#ffffff;
	text-decoration:none;
	color:#000000;
	
}
.sub-level-button-active{
	cursor:pointer;
	background-color:#ffffff;
	color:#54036a;
	width:91px;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	float:left;
	font-size:7pt;
	font-weight:bold;
	margin-bottom:1px;
	margin-left:1px;
	
	_padding-left:2px;
	_width:93px;
}

/* Extended sub-level button */
.extended-sub-level-button{
	width:187px;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	cursor:pointer;
	float:left;
	font-size:7pt;
	font-weight:bold;
	background:#ffffff;
	color:#5f5f5f;
	text-decoration:none;
	margin-bottom:1px;
	margin-left:1px;
	
	_padding-left:2px;
	_width:189px;
	white-space:nowrap;
}
.extended-sub-level-button a{
	text-decoration:none;
	width:187px;
	
	_width:189px;
}
.extended-sub-level-button:hover{
	cursor:pointer;
	background-color:#ffffff;
	text-decoration:none;
	width:187px;
	color:#000000;
	
	_width:189px;
}
.extended-sub-level-button-active{
	width:187px;
	cursor:pointer;
	background-color:#ffffff;
	color:#54036a;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	float:left;
	font-size:7pt;
	font-weight:bold;
	margin-bottom:1px;
	margin-left:1px;
	
	_width:189px;
	_padding-left:2px;
	white-space:nowrap;
}
/* End HTML menu */

/* Position the 'flash text bar' - this appears under the sites page header */
#main-flash-text-bar{
	clear:both;
	height:45px;
	width:768px;
}

/* Position the main content area */
#main-page-content{
	height:345px;
	width:768px;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

/* Position the links box on the homepage */
#home-page-link-boxes {
	border-top:1px solid #ffffff;
	width:100%;
	height:122px;
	position:relative;
	top:222px;
	background-color:#ffffff;
}

.home-page-link-box {
	float:left;
	background-color:#4e0264;
	width:127px;
	height:104px;
	border-right:1px solid #ffffff;
}

.home-page-link-box-title {
	float:left;
	width:127px;
	height:18px;
	border-right:1px solid #ffffff;
}

.home-page-link-box-title span {
	margin-left:4px;
	padding-top:10px;
	color:#5f5f5f;
	float:left;
	text-transform:uppercase;
	font-size:7pt;
}

/* Position the footer bar */
#main-page-footer{
	margin-top:1px;
	clear:both;
	background-color:#ffffff;
}

#footer-red-stripe{
	background-color:#ffffff;
	height:15px;
	width:100%;
}

/* This is used to put the 'grey' stripe back onto the footer of the page. */
#footer-grey-stripe{
	height:1px;
	width:100%;
	background-color:#ffffff;
	line-height:0;
}

/* Footer Strapline */
#footer-strapline-container {
	width:600px;
	display:block;
	padding:20px 0px 20px 5px;
	color:#520067;
	font-size:9pt;
	font-weight:bold;
}

/* Copyright div - after footer */
#footer-copyright-container{
	height:16px;
	background-color:#ffffff;
	padding:5px 0px 0px 3px;
}

#footer-copyright{
	float:left;
	color:#444243;
	margin-left:3px;
}

#footer-text{
	color:#757575;
	float:left;
	margin-left:30px;
}

/*	======================================================

	PREVIOUS / NEXT menu css

=======================================================	*/

.previous-next-default-container{
	width:372px;
	height:21px;
	background:#d7d7d7;
	padding-top:9px;
	padding-left:6px;
	padding-right:5px;
	_padding-top:7px;
}

.previous-next-default-container a {
	color:#7d7d7d;
	font-weight:bold;
}

.previous-next-default-previous{
	float:left;
}

.previous-next-default-next{
	float:right;
	
}

a.previous-next-default-link{
	text-decoration:none;
}

a:active.previous-next-default-link{
	
}

a:visited.previous-next-default-link{
	
}

a:hover.previous-next-default-link{
	text-decoration:underline;
}


/*	======================================================

	INNOVATIONS area specific css

=======================================================	*/

#innovations-content-container{
	background-color:#ffffff;
	color:#FFFFFF;
}	

#innovations-main-image-outer{
	position:relative;
	z-index:10;
}

#innovations-main-image{
	float:left;
	width:384px;
	height:270px;
}

#innovations-section-info-container{
	position:absolute;
	top:0px;
	left:0px;
	width:383px;
}

#innovations-section-title{
	float:left;
	margin-top:6px;
	margin-left:8px;
	color:#5e5e5e;
}

#innovations-short-title{
	float:right;
	width:190px;
	margin-top:6px;
	color:#5e5e5e;
}

#innovations-main-text{
	float:left;
	width:373px;
	padding-left:8px;
	padding-right:3px;
	color:#5e5e5e;
	height:270px;
	background:#d7d7d7;
}

#innovations-main-text-title{
	font-weight:bold;
	margin-top:8px;
}

#innovations-main-text-content{
	padding-bottom:10px;
}

#innovations-main-text-content a {
	color:#605d5e;
}

#innovations-nav-container{
	clear:both;
	border-top:1px solid #ffffff;
	width:100%;
	height:96px;
	background:#d7d7d7;
	color:#5e5e5e;
}

#innovations-nav-bar{
	background:#d7d7d7;
	width:378px;
	height:86px;
	border-right:1px solid #ffffff;
	padding-right:6px;
	padding-top:10px;
}

#innovations-nav-bar-other{
	width:100px;
	float:right;
	margin-right:15px;
}

#innovations-nav-bar-other a {
	color:#5e5e5e;
}

#innovations-nav-bar-links{
	float:right;
	width:180px;
}

#innovations-nav-bar-links ul{

}

#innovations-nav-bar-links ul li{
	list-style-type:none;
	color:#5e5e5e;
}

#innovations-nav-bar-links ul li a {
	color:#5e5e5e;
}

#innovation-extra-images-container{
	width:768px;
	position:relative;
}

#innovations-extra-images-left{
	float:left;
	margin-right:1px;
}

#innovations-extra-images-right{
	float:right;
}

#innovations-extra-images-greybar{
	clear:both;
	height:22px;
	width:766px;
	background-color:#ffffff;
	border:1px solid #ffffff;
}

/*	======================================================

	CASE STUDY area specific css

=======================================================	*/

#casestudy-content-container{
	height:270px;
	position:absolute;
	width:768px;
	background-color:#2d2e2b;
	color:#FFFFFF;
}

#casestudy-main-image{
	position:relative;
	width:384px;
	height:270px;
}

#casestudy-main-text{
	position:absolute;
	left:384px;
	top:0px;
	width:373px;
	padding-left:10px;
}

#casestudy-main-text-title{
	font-weight:bold;
	margin-bottom:20px;
}

#casestudy-main-text-content{
	padding-bottom:10px;
}

#casestudy-nav-container{
	border-top:1px solid #2d2e2b;
	width:100%;
	height:96px;
	background:#353531;
}

#casestudy-nav-bar{
	background:#dc0025;
	width:378px;
	height:86px;
	border-right:1px solid #2d2e2b;
	padding-right:6px;
	padding-top:10px;
}

#casestudy-nav-bar-other{
	width:100px;
	float:right;
	margin-right:15px;
}

#casestudy-nav-bar-links{
	float:right;
	width:100px;
}

#casestudy-nav-bar-links ul{

}

#casestudy-nav-bar-links ul li{
	list-style-type:none;
}

#casestudy-extra-images-container{
	width:768px;
	position:relative;
}

#casestudy-extra-images-left{
	float:left;
}

#casestudy-extra-images-right{
	float:right
}

#casestudy-extra-images-greybar{
	clear:both;
	height:22px;
	width:766px;
	background-color:#322e2f;
	border:1px solid #2d292b;
}

/*	======================================================

	'CHOOSE' area specific css

=======================================================	*/

#choose-content-container{
	width:768px;
	background-color:#d7d7d7;
	color:#FFFFFF;
	float:left;
}

#choose-default-box-left-top{
	background:#d7d7d7;
	height:155px;
	width:382px;
	float:left;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

#choose-default-box-left-bottom{
	background:#d7d7d7;
	height:155px;
	width:382px;
	float:left;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

#choose-default-box-right-top{
	background:#d7d7d7;
	height:155px;
	width:385px;
	float:left;
	border-bottom:1px solid #ffffff;
}

#choose-default-box-right-bottom{
	background:#d7d7d7;
	height:155px;
	width:385px;
	float:left;
	border-bottom:1px solid #ffffff;
}

.choose-article-image{
	float:right;
	margin:9px;
	margin-left:2px;
	width:195px;
	height:135px;
}

.choose-article-text{
	float:right;
	margin-top:103px;
	width:160px;
	color:#5f5f5f;
}

.choose-article-description{
	float:right;
	width:160px;
	color:#5f5f5f;
}

/*	======================================================

	'NEWS' area specific css

=======================================================	*/

#news-content-container{
	background-color:#d7d7d7;
	color:#5f5f5f;
	padding-bottom:1px;
}

#news-feed-container{
	background:#ffffff;
	width:383px;
	height:330px;
	float:left;
	margin-right:1px;
}

.news-feed-article-default-box{
	background:#d7d7d7;
	height:70px;
	width:380px;
	padding:2px;
	padding-right:1px;
	margin-bottom:1px;
}

.news-feed-article-image{
	float:right;
	height:70px;
	width:108px;
}

.dummy-news-image{
	float:right;
	height:70px;
	width:108px;
}

.news-feed-article-text{
	float:left;
	width:69%;
	padding:3px;
}

#news-article-container{
	background:#d7d7d7;
	width:380px;
	height:328px;
	float:left;
	border-top:2px solid #d7d7d7;
	border-right:2px solid #d7d7d7;
	border-left:2px solid #d7d7d7;
	
	/* Explorer 6 Hacks */
	_width:380px;
	_height:330px;
}

#news_article-image-container{
	float:left;
	width:190px;
	height:145px;
	
	/* Explorer 6 Hacks */
	_width:182px;
	_height:330px;
}

#news-link-to-file{
}

#news-article-image{
	float:left;
}

#news-article-text{
	float:left;
	height:97%;
	width:46%;
	margin-left:7px;
	margin-right:8px;
	margin-top:4px;
	margin-bottom:4px;
	
	/* Explorer 6 Hacks */
	_width:170px;
	_margin-right:2px;
}

#news-feed-article-coloured-footer{
	float:left;
	background:#ffffff;
	width:383px;
	height:15px;
	margin-right:1px;
}

#news-article-coloured-footer{
	float:left;
	background:#ffffff;
	width:384px;
	height:15px;
}

/*	======================================================

	'CLIENTS' area specific css

=======================================================	*/

#clients-container{
	width:100%;
	height:464px;
}

.clients-inner-container{
	height:76px;
	width:768px;
	padding-top:14px;
	padding-bottom:30px;
}

.clients-inner-container-lastrow{
	height:76px;
	width:768px;
	padding-top:14px;
	padding-bottom:13px;
}

.clients-type-title{
	float:left;
	margin-top:65px;
	margin-left:240px;
	width:144px;
	
	/* Hacks for Explorer 6 */
	_margin-left:120px;
	_margin-top:65px;
}

.clients-list{
	float:left;
	width:96px;
	color:#FFFFFF;
}

/*	======================================================

	LOGIN area specific css

=======================================================	*/

#login-content-container{
	float:left;
	width:380px;
	padding-left:3px;
	background-color:#2d2e2b;
	height:270px;
	
	/* Explorer 6 Hacks */
	_width:378px;
}

#login-main-image{
	float:left;
	width:384px;
	height:270px;
	margin-right:1px;
}

/* Main outer container */
.login-main-text{
	margin-bottom:10px;
	border:1px solid yellow;
}


#login-content-container-outer{
	color:#FFFFFF;
	padding-top:6px;
}

/* Login box */
/* This is now obselete as we changed the form over to a Flash version

.login-content-container-inner{
	background:#000000;
	width:172px;
	margin-right:10px;
	float:left;
}

.login-content-text{
	float:left;
	padding-top:3px;
	padding-left:2px;
}

.login-content-form-element{
	float:left;
}

#login-content-form-button{
	margin-top:3px;
}*/

/* Contact us box */
#login-contact-container-outer{
	background-color:#2d2e2b;
	color:#FFFFFF;
}

.login-contact-main-text{
	margin-bottom:10px;
	margin-top:32px;
}

.login-contact-container-inner{
	float:left;
	margin-bottom:1px;
	width:380px;
}

.login-contact-container-inner-short{
	float:left;
	margin-bottom:1px;
	width:180px;
}

.login-contact-text{
	width:60px;
	float:left;
	background-color:#000000;
	height:18px;
	padding-left:2px;
	padding-top:2px;
}

.login-contact-form-element{
	float:left;
	background-color:#000000;
	width:110px;
}
.login-contact-text-large{
	float:left;
	background-color:#000000;
	width:60px;
	height:73px;
	padding-left:2px;
	padding-top:2px;
}

#login-contact-form-button{
	float:left;
	margin-top:57px;
}

.generic_form_field{
	width:60%;
	border:1px solid black;
	background-color:#000000;
	color:#FFFFFF;
}

.generic_form_field-password{
	width:60%;
	border:1px solid black;
	background-color:#000000;
	color:#FFFFFF;
}

.generic_form_textarea{
	width:98%;
	border:1px solid black;
	background-color:#000000;
	color:#FFFFFF;
	overflow:hidden;
	height:71px;
}

/* Mini nav bar */
#login-nav-container{
	clear:both;
	border-top:1px solid #2d2e2b;
	width:100%;
	height:96px;
	background:#675653;
}

#login-nav-bar{
	background:#dea9a5;
	width:378px;
	height:86px;
	border-right:1px solid #2d2e2b;
	padding-right:6px;
	padding-top:10px;
}

#login-nav-bar-other{
	width:100px;
	float:right;
	margin-right:15px;
}

#login-nav-bar-links{
	float:right;
	width:100px;
}

#login-nav-bar-links ul{

}

/*	======================================================

	USAGES area specific css

=======================================================	*/
#usages-container{
	width:768px;
	float:left;
}

#usages-list-items{
	width:379px;
	float:left;
	padding-left:6px;
	padding-top:10px
}

#usages-list-items-footer{
	/*height:300px;*/
}

.usages-template-item-inner{
	height:18px;
}

#usages-list-image-container{
	width:200px;
	float:left;
}

#usages_iframe{
	width:760px;
	height:400px;
	float:left;
}
#usages-backbutton-container{
}
#usages-backbutton{
	width:260px;
	padding-left:4px;
	padding-top:4px;
	float:left;
}
#usages-print-button{
	width:200px;
	padding-right:4px;
	padding-top:4px;
	float:right;
	text-align:right;
}
/*	======================================================

	CONTACT Page specific css

=======================================================	*/

#contact-content-container{
	background-color:#ffffff;
	color:#FFFFFF;
	padding-bottom:1px;
	float:left;
}

#contact-us-map{
	width:768px;
	height:438px;
}

#contact-info-text{
	width:138px;
	float:left;
	margin-top:26px;
	margin-left:6px;
}

#contact-country-list{
	width:146px;
	float:left;
	margin-top:26px;
	padding-bottom:12px;
}

.contact-country-details-container{
	float:left;
	width:350px;
}

.contact-country-list-item{
	float:left;
	width:146px;
}

.contact-country-list-item a{
	color:#5f5f5f;
}

#contact-country-details{
	width:200px;
	float:left;
	margin-top:26px;
	padding-bottom:12px;
}

.contact-country-details-item{
	color:#5f5f5f;
	float:left;
	padding-right:20px;
	
}

.country_header_title{
	float:left;
}

/*	======================================================

	SITEMAP  Page specific css

=======================================================	*/
#sitemap-container{
	height:345px;
	width:768px;
}

.sitemap-toplevel{
	color:#D8FF1C;
	font-weight:bold;
	padding-bottom:15px;
}

.sitemap-sublevel{
	color:#D8FF1C;
	font-weight:bold;
}
.sitemap-subsublevel{
	padding-left:10px;
	color:#D8FF1C;
}

.sitemap-subsubsublevel{
	padding-left:20px;
	color:#FFFFFF;
}

.sitemap-column-outer{
	width:194px;
	float:left;
	padding:15px;
	height:315px;
}


/*	======================================================

	SAMPLES Page specific css

=======================================================	*/
#samples-container{
	padding:4px;
	width:760px;
	float:left;
	margin-top:10px; 
}

.samples-openclose{
	float:left;
	color:#FFFFFF;
	margin-top:5px;
}

.samples-clearboth{
	padding-top:6px;
	width:750px;
}

.samples-clearboth-blank{
	width:750px;
}

/* Categories */
.sample_container{
	float:left;
	width:240px;
	margin:5px;
	margin-bottom:20px;
}

.samples_category_container_closed{
	display:none;
}

.samples-category-container{
	float:left;
	width:760px;
}

.samples-category-image{
	width:80px;
	height:80px;
	margin-right:10px;
	float:left;
	overflow:hidden;
}

.samples-category-title{
	color:#d8ff1c;
	float:left;
	width:130px;
	font-size:10pt;
}

/* Products */
.samples-product-container-open{
	float:left;
	display:inline;
	width:760px;
}

.samples-product-container-closed{
	float:left;
	display:none;
	width:760px;
	background:#383536;
}

.samples_product_container_title{
	width:760px;
	float:left;
}

.samples_product_container_title_left{
	float:left;
	width:240px;
	color:#d8ff1c;
	font-size:10pt;
	font-weight:bold;
	padding:5px;
}

.samples_product_container_title_right{
	float:right;
	width:400px;
}

.samples_product_container_title_right input{
	float:right;
}

.samples-product-container{
	float:left;
	width:238px;
	margin:5px;
}

.samples-product-image-thumb{
	margin-bottom:5px;
	margin-right:5px;
	float:left;
	width:80px;
	height:80px;
	_overflow:hidden;
}
.samples-product-title{
	float:left;
	color:#d8ff1c;
	font-weight:bold;
	width:236px;
	font-size:9pt;
	margin-bottom:5px;
}

.samples-product-desc{
	float:left;
	color:#FFFFFF;
	font-size:8.5pt;
	width:148px;
}

.samples-product-factory{
	float:left;
	color:#FFFFFF;
	font-size:8.5pt;
	width:148px;
}


.samples-product-office{
	float:left;
	color:#FFFFFF;
	font-size:8.5pt;
	width:148px;
}

.samples-product-checkbox{
	float:left;
	color:#c1c1c1;
	width:148px;
	font-size:8.5pt;
}

.samples-product-qty{
	float:left;
	color:#c1c1c1;
	font-size:8.5pt;
}

.samples-order-checkbox{
	float:left;
	color:#c1c1c1;
	width:150px;
	font-size:8.5pt;
}

#samples-submit-details-container{
	float:left;
	padding-bottom:10px;
	width:760px;
}

#samples-submit-details-container-title{
	color:#d8ff1c;
	margin-bottom:6px;
}

#samples-submit-details-container-formelements{
	color:#c1c1c1;
	float:left;
	padding-left:300px;
	padding-top:20px;
}

.samples-submit-details-container-formbutton{
	margin-left:6px;
}
.samples-message{
	padding-bottom:10px;
	padding-top:10px;
	color:white;
	float:left;
	font-size:16pt;
	font-weight:bold;
}

/*	======================================================

	SAMPLES Results Page specific css

=======================================================	*/

.samples-results-container{
	float:left;
	width:740px;
	border:1px solid #666666;
	margin-bottom:25px;
	padding:10px;
	
	_padding:0px;
	_padding-left:10px;
	_padding-right:5px;
}

.samples-results-container .samples-results-container-title{
	float:left;
	width:740px;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding-bottom:10px;
	padding-top:10px;
	
	_width:730px;
}

.samples-results-form{
	float:left;
	width:740px;
	_width:730px;
	
	_padding-bottom:25px;
}

.samples-results-form span{
	float:left;
	width:150px;
	color:#FFFFFF;
}

.samples-results-form input{
	float:left;
	_margin-bottom:10px;
}

.samples-results-form textarea{
	float:left;
	
}

/* Samples button container */
.samples-button-container{
	float:right;
	width:740px;
	padding:10px;
	border:1px solid #999999;
}

.samples-button-container .samples-button-container-title{
	float:left;
	width:740px;
	font-size:12px;
	font-weight:bold;
	color:white;
	padding-bottom:10px;
}

.samples_button_container_options{
	float:left;
	width:740px;
	margin-bottom:5px;
}

.samples_button_container_buttons span{
	float:left;
	padding-right:10px;
	color:#FFFFFF;
	font-size:12px;
	width:300px;
}

.samples_button_container_options input{
	float:left;
	border:1px solid white;
}

.samples_button_container_buttons{
	float:left;
	width:740px;
	margin-bottom:5px;
}

.samples_button_container_options span{
	float:left;
	padding-right:10px;
	color:#FFFFFF;
	font-size:12px;
	width:300px;
}

.samples_button_container_buttons input{
	float:left;
	border:1px solid white;
}

.samples-results-form submit{
	float:left;
}

/* Samples Confirmation */
.samples_confirmation_container{
	float:left;
	height:200px;
	width:300px;
	margin-left:230px;
	_margin-left:100px;
}

.samples_confirmation_header{
	background:#000000;
	float:left;
	color:white;
	font-size:12pt;
	width:100%;
	padding:5px;
}

.samples_confirmation_message{
	float:left;
	color:white;
	font-size:8.5pt;
	width:100%;
	padding:5px;
	background:#322e30;
}

/*	======================================================

	SAMPLES Popup Page specific css

=======================================================	*/

.samples_popup_container{
	float:left;
	padding:5px;
	width:600px;
}

.samples_popup_image{
	float:left;
}

.samples_text_container{
	float:left;
	width:270px;
	padding-left:10px;
	padding-right:10px;
}

.samples_popup_title{
	float:left;
	width:100%;
	padding-bottom:10px;
	color:#d8ff1c;
	font-size:16px;
	font-weight:bold;
}

.samples_popup_office{
	float:left;
	width:100%;
	color:white;
	padding-bottom:10px;
}

.samples_popup_office span{
	float:left;
	color:#d8ff1c;
	padding-right:10px;
}

.samples_popup_factory{
	float:left;
	width:100%;
	color:white;
	padding-bottom:10px;
}

.samples_popup_factory span{
	float:left;
	color:#d8ff1c;
	padding-right:10px;
}

.samples_popup_description{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.samples_popup_description span{
	float:left;
	color:#d8ff1c;
	padding-right:10px;
}

.samples_popup_sdescription{
	float:left;
	width:100%;
	color:white;
	padding-bottom:10px;
}

.samples_popup_sdescription span{
	float:left;
	color:#d8ff1c;
	padding-right:10px;
}

/*	======================================================

	Orders section of samples page
	
=======================================================	*/

.order_product_container{
	float:left;
	width:236px;
	color:white;
	padding:2px;
	margin-bottom:20px;
}

.order_product_container img{
	padding-top:2px;
	padding-right:5px;
	float:left;
}

.order_product_title{
	float:left;
	width:236px;
	color:#d8ff1c;
	font-weight:bold;
	font-size:9pt;
	padding-bottom:5px;
}

.order_product_desc{
	float:left;
	width:130px;
}

.order_product_factory{
	float:left;
	width:130px;
	padding-top:3px;
}

.order_product_factory span{
	float:left;
	width:45px;
	color:#CCCCCC;
}

.order_product_office{
	float:left;
	width:130px;
	padding-top:3px;
}

.order_product_office span{
	float:left;
	width:45px;
	color:#CCCCCC;
}

.order_product_qty{
	float:left;
	width:130px;
	padding-top:3px;
}

.order_product_qty span{
	float:left;
	width:45px;
	color:#CCCCCC;
}

.order_product_qty input{
	float:left;
	_padding-left:5px;
	_padding-right:5px;
	_padding-top:1px;
	_padding-bottom:1px;
}

/*	======================================================

	LIVELINE Page specific css

=======================================================	*/
/* Mini nav bar */
#liveline-nav-container{
	border-top:1px solid #2d2e2b;
	width:100%;
	height:78px;
	background:#675653;
	margin-bottom:1px;
	clear:both;
}

.liveline-nav-bar-left{
	background:#D8FF1C;
	width:378px;
	height:82px;
	border-right:1px solid #2d2e2b;
	padding-right:6px;
	padding-top:6px;
	float:left;
	color:black;
}
#liveline-nav-title{
	float:left;
	padding-left:8px;
	font-weight:bold;
}
#liveline-nav-bar-right{
	background:#8C9F25;
	width:369px;
	height:80px;
	padding-right:6px;
	padding-top:8px;
	padding-left:8px;
	float:right;
	color:white;
}

#liveline-nav-bar-other{
	width:100px;
	float:right;
	margin-right:15px;
}

#liveline-nav-bar-links{
	float:left;
	margin-left:6px;
}

.liveline-nav-bar-links{
	color:black;
}

#liveline-homepage-content-container{
	margin-top:1px;
}
#liveline-homepage-content-container-left{
	float:left;
}
#liveline-homepage-content-container-right{
	float:right;
}

#liveline-welcome-text{
	padding:4px;
}


.liveline_greeting_textbox{
	background:#1e1e1c;
	height:145px;
	width:380px;
	padding:2px;
	padding-right:1px;
	margin-bottom:1px;
	
	_height:141px;
}

/*	======================================================

	MAILING LIST Page specific css

=======================================================	*/

#maininglist-container{
	float:left;
}

#mailinglist-content-container{
	width:100%;
	float:left;
}

#mailinglist-form-container{
	float:left;
}

#mailinglist-error-message{
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#54036a;
	padding:2px;
}

#mailinglist-success-message{
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#54036a;
	padding:2px;
}

.mailinglist-form-element{
	float:left;
	width:100%;
}

#mailinglist-content-container{
	width:49%;
}

#mailinglist-content-container span{
	float:left;
	padding:4px;
	color:#5f5f5f;
	width:150px;
}

#mailinglist-content-container span h1{
	font-size:8.5pt;
	font-weight:bold;
	color:#54036a;
	float:left;
}

#mailinglist-content-container input{
	margin-right:25px;
	float:left;
	border:1px solid #dfdfdf;
}

#mailinglist-image{
	float:right;
}

.mailinglist-form-button {
	padding:3px;
}

/* ===========================================

	Error Msg Box
	
=========================================== */

.error_msg_container{
	float:left;
	width:100%;
	padding:10px;
}

.error_msg_container p{
	float:left;
	color:#990000;
}

/*============================= */
/* TEST AREA */
/*============================= */


/* end CSS Document */