@import url("lava.css");

@charset "utf-8";

body {
	margin: 10px;
	background-color: #FFF;
	color: #444A4F;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 75%;
}






/********** 
	Template Styles 
*/

.container {
	width: 900px;
	margin: auto;
}

.header {
	background-image: url(../../images/template/bg_logo.jpg);
	background-repeat: no-repeat;
	height: 105px;
}
	.header .logo {
		float: left;
	}
		.header .logo img {
			width: 160px;
			height: 105px;
		}
	.header .search {
		float: right;
		text-transform: uppercase;
		font-size: 0.8em;
		padding-right: 10px;
		margin-top: 30px;
	}
		.header .search .formFieldSearch {
			background-color: #FFF;
			border: 1px solid #eaeaea;
			width: 150px;
			font-family: Tahoma;
			font-size: 0.9em;
			color: #000;
			padding: 4px;
		}
		.header .search .gobutton {
			vertical-align: text-bottom;
		}
	.header .toplinks {
		float: right;
		clear: right;
		margin-top: 20px;
	}
		.header .toplinks a {
			color: #455560;
			text-decoration: none;
			padding: 0 10px;
		}
			.header .toplinks a:hover {
				color: #8498A6;
			}
	
.header .login { height: 80px; width: 140px; float: right; text-align: center; margin-top: 15px; padding-right: 5px; padding-top: 20px; }
.login .hd { font-size: 1.4em; line-height: 20px; font-weight: bold; color: #C41231; }
.login .hd a { color: #C41231; text-decoration: none; }
.login .txt1 { line-height: 18px; font-size: 1em; margin-top: 40px; }
.login .txt1 a { color: #C41231; text-decoration: underline; }
.login .txt2 { color: #003366; font-size: 0.9em; }
.login .txt2 a { color: #003366; text-decoration: underline; }
	
.menubg {
	background-image: url(../../images/template/bg_menu.jpg);
	background-repeat: no-repeat;
	height: 60px;
}

.secure {
	background-image: url(../../images/template/bg_nomenu.jpg);
	background-repeat: no-repeat;
	height: 35px;
	text-align: center;
	padding-top: 25px;
	font-weight: bold;
	color: #CC0000;
}
	.secure a {
		color: #CC6666;
	}

.feature {
	background-image: url(../../images/template/header.jpg);
	background-repeat: no-repeat;
	height: 150px;
}

.feature-home {
	background-image: url(../../images/template/header-home.jpg);
	background-repeat: no-repeat;
	height: 300px;
}

.content {
	float: left;
	width: 652px;
	padding-left: 16px;
}

.rightpanel {
	float: left;
	width: 232px;
	background-image: url(../../images/template/panel_bg.jpg);
	background-repeat: repeat-y;
}
	.rightpanel .top {
		background-image: url(../../images/template/panel_top.jpg);
		background-repeat: no-repeat;
		height: 20px;
	}
	.rightpanel .end {
		background-image: url(../../images/template/panel_end.jpg);
		background-repeat: no-repeat;
		height: 20px;
	}
	
	.rightpanel .bod {
		width: 178px;
		margin-left: 35px;
	}

.content-home {
	float: left;
	width: 572px;
	padding-left: 16px;
	padding-right: 16px;
}

.homepanel {
	float: left;
	width: 296px;
}
	.homepanel img {
		margin-bottom: 10px;
	}
	.homepanel .panelitem {
		background-image: url(../../images/banners/bg_sitesearch.jpg);
		background-repeat: no-repeat;
		height: 42px;
		padding: 48px 0 0 26px;
	}
	.homepanel .formFieldSearch {
		width: 195px;
	}

.footer {
	clear: both;
	border-top: 1px solid #F2F2F2;
	margin-top: 50px;
	font-size: 0.8em;
	padding-top: 15px;
}
	.footer a {
		color: #6E7A81;
		text-decoration: none;
		padding: 0 5px;
	}
		.footer a:hover {
			text-decoration: underline;
		}
	
	.footer .left {
		float: left;
		color: #D4D4D4;
		margin-left: 16px;
	}
	
	.footer .right {
		float: right;
		color: #758087;
	}
		.footer .copyright {
			color: #758087;
			float: left;
		}
	.footer .xpect {
		color: #3D76BE;
		clear: both;
		text-align: right;
		padding: 15px 0 0 0;
	}
		.footer .xpect img {
			vertical-align: top;
		}
			

.compmenu .menuitem , .staffmenu .menuitem{
	background-image: url(../../images/buttons/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-bottom: 7px;
}
	.compmenu .menuitem a, .staffmenu .menuitem a {
		color: #666;
		text-decoration: none;
	}
		.compmenu .menuitem a:hover, .staffmenu .menuitem a:hover {
			text-decoration: underline;
			color: #006699;
		}







/********** 
	Content Styles 
*/

img {
	border: none;
}

a {
	color: #006699;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

h1 {
	color: #7D7D7D;
	font-size: 1.45em;
	font-family: Arial;
}

h2 {
	background-color: #F5F5F5;
	border: 1px solid #EBEBEB;
	padding: 5px;
	font-size: 1em;
	margin-bottom: 0px;
	color: #6A7278;
	clear: both;
	margin-top: 40px;
}
	h2 a {
		color: #6A7278;
		text-decoration: none;
	}

h3 {
	background-color: #F5F5F5;
	border: 1px solid #EBEBEB;
	padding: 5px;
	font-size: 0.9em;
	margin-bottom: 0px;
	color: #6A7278;
	clear: both;
	margin-top: 40px;
}
	h3 a {
		color: #6A7278;
		text-decoration: none;
	}

p, li, .content div {
	line-height: 1.5em;
}

form {
	padding: 0;
	margin: 0;
}

.error {
	color: #CC0000;
}

.spacer {
	clear: both;
}

.pic-right {
	float: right;
}

.pic {
	border: 1px solid #EBEBEB;
	padding: 1px;
	margin-top: 5px;
}
	.datagrid .pic {
		margin-top: 0px;
	}

.internalnote {
	background-color: #FFFF99;
}

.imgright {
	float: right;
	margin: 0 0 10px 10px;
}

.imgleft {
	float: left;
	margin: 0 10px 10px 0;
}

.imghome {
	float: right;
	margin: 0 20px 20px 20px;
}

.panelitem {
	
}
	
	.panelitem .hd {
		font-family: Arial;
		font-weight: bold;
		color: #666;
		margin-bottom: 10px;
	}
	
	.panelitem .txt {
		font-size: 0.9em;
		clear: both;
	}
	
	.panelitem .caps {
		font-size: 0.8em;
		text-align: right;
	}
	
	.panelitem .cart {
		background-image: url(../../images/bg_cart.jpg);
		background-repeat: no-repeat;
		height: 79px;
		font-size: 0.9em;
		line-height: 1.6em;
		padding-top: 10px;
	}
		.panelitem .cart .hd {
			font-size: 1.3em;
			margin-bottom: 5px;
		}
			.panelitem .cart .hd a {
				color: #666;
				text-decoration: none;
			}
				.panelitem .cart .hd a:hover {
					text-decoration: underline;
				}

.icon-pdf {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

.dotted {
	background-image: url(../../images/dots.gif);
	background-repeat: repeat-x;
	height: 1px;
	line-height: 1px;
	margin: 40px 0 30px 0;
}

.homeimg {
	float: right;
	margin: 0 20px 40px 40px;
}

.sitemap {
	margin-left: 10px;
}
	.sitemap li {
		list-style: none;
		font-weight: normal;
		margin-bottom: 10px;
	}
		.sitemap li li {
			font-weight: normal;
			margin-bottom: 5px;
		}
			.sitemap li li li {
				font-weight: normal;
				margin-bottom: 2px;
			}
				.sitemap li li li li {
					font-size: 0.9em;
					margin-bottom: 0;
				}

.readmore {
	margin-left: 10px;
}
	.readmore li {
		list-style: none;
		background-image: url(../../images/arrow_big.gif);
		background-repeat: no-repeat;
		padding-left: 15px;
		padding-bottom: 5px;
	}

blockquote {
	background-image: url(../../images/bg_quote.gif);
	background-repeat: no-repeat;
	height: 100px;
	margin: 0;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 20px;
}

.eventitem {
	clear: both;
	border: 1px solid #EBEBEB;
	margin: 10px 0 20px 0;
	padding: 5px;
}
	.eventitem img {
		float: right;
		margin: 0 0 20px 10px;
		width: 80px;
	}
	.eventitem .hd {
		font-weight: bold;
		margin-bottom: 4px;
	}
	.eventitem .highlight {
		color: #999;
	}

.photogallery {
	padding-left: 20px;
}
	.photogallery .photo {
		border: 1px solid #DDD;
		padding: 4px;
		float: left;
		margin-right: 20px;
	}
	.photogallery .pic {
		width: 80px;
	}

.columns {
	clear: both;
	margin: 0;
	padding: 0;
}
	.colitem {
		border: 1px solid #E4E6E1;
		background-color: #EFEEEC;
		padding: 4px;
		width: 102px;
		font-weight: bold;
		float: left;
		margin-right: 15px;
		text-align: center;
	}
		.colitem img {
			margin-bottom: 5px;
		}
		.colitem a {
			text-decoration: none;
		}
			.colitem a:hover {
				text-decoration: underline;
			}




/* Status Styles */

.pending, .ontransfer {
	background-color: #FFFFCC;
	font-weight: bold;
	padding: 5px;
	line-height: 25px;
}

.submitted, .fulfilled {
	background-color: #00CCFF;
	font-weight: bold;
	padding: 5px;
	line-height: 25px;
}

.active {
	background-color: #99CC99;
	font-weight: bold;
	padding: 5px;
	line-height: 25px;
}

.expired, .unpaid, .cancelled, .waiting, .arrived, .inactive {
	background-color: #FF9999;
	font-weight: bold;
	padding: 5px;
	line-height: 25px;
}

.collected, .despatched {
	background-color: #99CC99;
	font-weight: bold;
	padding: 5px;
	line-height: 25px;
}







/* Grid & Table Styles */

.datagrid {
	border-collapse: collapse;
	width: 100%;
	margin: 15px 0px;
	border: 1px dotted #DADAD7;
}
	.datagrid th {
		text-align: left;
		vertical-align: top;
		background-color: #DDDDD9;
		padding: 5px 3px;
		font-size: 0.95em;
	}
	.datagrid .thin {
		width: 1%;
	}
	.datagrid .subheader {
		text-align: center;
		background-color: #E3E582;
	}
	.datagrid td, .form_info .datagrid td {
		vertical-align: top;
		padding: 5px 3px;
		border-bottom: 1px dotted #DADAD7;
		text-align: left;
		font-size: 0.95em;
	}
	.datagrid .pic {
		width: 80px;
	}
	.datagrid .date {
		font-size: 0.9em;
		color: #666;
		line-height: 20px;
	}
	.datagrid .nowrap {
		white-space: nowrap;
	}
	.datagrid .right {
		text-align: right;
	}
	.datagrid .center {
		text-align: center;
	}
	.datagrid .total {
		background-color: #DADAD7;
		text-align: right;
		font-weight: bold;
	}

.contacttbl {
	border-collapse: collapse;
}
	.contacttbl th {
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		color: #999;
		text-transform: uppercase;
		font-size: 0.9em;
		padding: 0 15px 10px 0;
	}
	.contacttbl td {
		vertical-align: top;
		padding: 0 0 10px 0;
	}


/* Forum Styles 
*/

.forumtbl {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0px;
	border: 1px dotted #DADAD7;
}
	.forumtbl th {
		text-align: left;
		vertical-align: top;
		background-color: #DDDDD9;
		padding: 5px 3px;
		font-size: 0.95em;
	}
	.forumtbl td {
		padding: 5px 3px;
		text-align: left;
		vertical-align: top;
		font-size: 0.95em;
	}
	.forumtbl .center {
		text-align: center;
	}
	.forumtbl .pic {
		width: 80px;
		border: none;
		margin: 0px;
	}

.forumtbl_stats {
	border: none;
	margin: 0px;
	border-collapse: collapse;
}
	.forumtbl_stats td {
		padding: 2px;
		border-bottom: 1px solid #DADAD7;
		text-align: center;
	}
	.forumtbl_stats th {
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
		padding: 2px;
	}

.forumtbl_threads {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	border-top: 1px dotted #DADAD7;
	border-left: 1px dotted #DADAD7;
	border-right: 1px dotted #DADAD7;
}
	.forumtbl_threads th {
		text-align: left;
		vertical-align: top;
		background-color: #DDDDD9;
		padding: 5px 3px;
		font-size: 0.95em;
	}
	.forumtbl_threads td {
		padding: 5px 3px;
		text-align: left;
		vertical-align: top;
		font-size: 0.95em;
		border-bottom: 1px dotted #DADAD7;
	}
	.forumtbl_threads .center {
		text-align: center;
	}
	.forumtbl_threads .pic {
		width: 80px;
		border: none;
		margin: 0px;
	}

.forumtbl_messages {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	border-top: 1px dotted #DADAD7;
	border-left: 1px dotted #DADAD7;
	border-right: 1px dotted #DADAD7;
}
	.forumtbl_messages th {
		text-align: left;
		vertical-align: top;
		background-color: #DDDDD9;
		padding: 5px 3px;
		font-size: 0.95em;
	}
	.forumtbl_messages td {
		padding: 5px 3px;
		text-align: left;
		vertical-align: top;
		font-size: 0.95em;
		border-bottom: 1px dotted #DADAD7;
	}
	.forumtbl_messages .username {
		background-color: #f5f5f5;
		text-align: center;
		font-weight: bold;
		vertical-align: middle;
		width: 120px;
		border-bottom: none;
	}
	.forumtbl_messages .posttitle {
		background-color: #f5f5f5;
		font-weight: bold;
	}
	.forumtbl_messages .postname {
		float: left;
		margin-top: 2px;
	}
	.forumtbl_messages .postbuttons {
		float: right;
	}
	.forumtbl_messages .userinfo {
		background-color: #f5f5f5;
		border-right: 1px dotted #DADAD7;
		font-size: 0.85em;
		padding-left: 12px;
		padding-bottom: 10px;
	}
		.forumtbl_messages .userinfo img {
			border: 1px solid #CCC;
		}
	.forumtbl_messages .postcontent {
		padding: 5px;
	}
	.forumtbl_messages .signature {
		border-top: 1px solid #CCC;
		margin-top: 50px;
		color: #888;
	}


.forum_crumb {
	margin-top: -20px;
	margin-left: 2px;
	font-size: 0.95em;
	color: #888;
}
	.forum_crumb a {
		color: #888;
		text-decoration: underline;
	}

.forum_buttons {
	text-align: right;
}
	.forum_buttons img {
		margin-left: 7px;
	}

.formFieldForumSearch {
	width: 120px;
	padding: 3px;
	border: 1px solid #EBEBEB;
	background-color: #FFF;
	font-family: Tahoma;
	font-size: 1em;
	color: #666;
}

.forum_results {
	border-bottom: 1px solid #EBEBEB;
	padding: 10px 0px;
}



/* Form Styles */

.form {
	border-collapse: collapse;
	margin: 15px 0px;
}
	.form th {
		vertical-align: top;
		text-align: left;
		padding: 5px;
		background-color: #EBEBE8;
		border-bottom: 5px solid #FFF;
		font-size: 0.95em;
	}
	.form td {
		vertical-align: top;
		padding: 0 5px;
		border-bottom: 5px solid #FFF;
		font-size: 0.95em;
	}
	.form .subheader {
		background-color: #DDDDD9;
		font-size: 1em;
		color: #333;
		padding: 8px 5px;
	}

.form_info {
	border-collapse: collapse;
	margin: 15px 0px;
}
	.form_info th, .datagrid .form_info th {
		vertical-align: top;
		text-align: left;
		padding: 5px;
		background-color: #EBEBE8;
		border-bottom: 5px solid #FFF;
		font-size: 0.95em;
	}
	.form_info td, .datagrid .form_info td {
		vertical-align: top;
		padding: 5px;
		border-bottom: 5px solid #FFF;
		font-size: 0.95em;
	}
	.form_info .subheader {
		background-color: #DDDDD9;
		font-size: 1em;
		color: #333;
		padding: 8px 5px;
	}
	.form_info .overdue {
		color: #CC0000;
		font-weight: bold;
		background-color: #CCC;
	}
	.form_info .credit {
		color: #0099CC;
		font-weight: bold;
	}

.formFieldTiny {
	background-color: #FFF;
	border: 1px solid #eaeaea;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 30px;
	color: #000;
}

.formFieldSmall {
	background-color: #FFF;
	border: 1px solid #eaeaea;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 80px;
	color: #000;
}

.formFieldMedium {
	background-color: #FFF;
	border: 1px solid #eaeaea;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 180px;
	color: #000;
}

.formFieldLarge {
	background-color: #FFF;
	border: 1px solid #eaeaea;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 230px;
	color: #000;
}

.formFieldHuge {
	background-color: #FFF;
	border: 1px solid #eaeaea;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 350px;
	color: #000;
}

.formFieldSearch {
	background-color: #FFF;
	border: 1px solid #eaeaea;
	font-family: Tahoma;
	font-size: 1em;
	padding: 4px;
	width: 150px;
	color: #000;
}

.go {
	float: none;
}

.button {
	border: 1px solid #DDD;
	background-color: #EBEBE8;
	font-family: Tahoma;
	font-size: 1em;
	padding: 3px;
	font-weight: bold;
}





/* News Styles  */

	.feat_news img{
		float: right;
		margin: 0px 0px 5px 5px;
		clear: both;
	}
	
	.feat_news .txt {
		height: 71px;
		padding: 5px;		
	}
	
		.feat_news .txt:hover {
			background-color: #F5F5F5;

		
		}
	
	.feat_news .date {
		font-size: 0.9em;
	
	}

.news {

}

	.news .droptext {
		color: #FFFFFF;
		background-color: #666666;
		padding: 5px;
		margin: 0px 5px 5px 0px;
		float: left;
	
	}

	.news .quotebox {
		float: right;
		margin: 5px 0px 5px 5px;
		background-color: #AEC512;
		color: #FFF;
		width: 250px;
		padding: 10px;
		border: 1px dashed #CCC;
	}
	
	.news .quotebox h2 {
			background-color: #FFFFFF;
			border: none;
			margin: 0px -10px;
			color: #505B06;
			text-align: center;
			font-size: 1.3em;
				
	}
	
	.news .quotebox p {
		color: #505B06;	
	}
	
	.news .quotebox a, .news .quotebox a:visited {
		color: #FFF;	
	}	

	.news .quotebox .tagline {
		float: right;
		font-style: italic;
		font-size: 0.9em;
	}
	
	.news .quotebox strong {
		color: #7F8274; 	
	
	}
	
	
/* Stock Item */

.stockcolumns { height: 240px; margin: 0; padding: 0; }
.stockcolitem { border: 1px solid #E4E6E1; padding: 4px; width: 110px; height: 100%; font-weight: bold; float: left; margin-right: 5px; text-align: center; position: relative;}
.stockcolitem img { margin-bottom: 5px; width: 100px; }
.stockcolitem form { position: absolute; bottom: 0; left: 15px; margin-bottom: 2px; }
.stockcolitem a { text-decoration: none; }
.stockcolitem a:hover { text-decoration: underline; }

.colitem { border: 1px solid #E4E6E1; padding: 4px; width: 102px; font-weight: bold; float: left; margin-right: 15px; text-align: center; }