/* --- Standard Settings ---*/

legend {
	font-size: 1.6em;
	color: #E35F01;
	}
	legend span {
		font-size: 12px;
		color:#666;
		font-style: italic;
		text-transform: none;
		display: block;
		}
	
/* --- Custom Buttons --- */

.registerBtn {
	background: url(../images/btn-register.png) no-repeat 0 0;
	width: 97px;
	height: 26px;
	}
.loginBtn {
	background: url(../images/btn-login.png) no-repeat 0 0;
	width: 75px;
	height: 26px;
	}
.updateBtn {
	background: url(../images/btn-update.png) no-repeat 0 -26px;
	width: 86px;
	height: 26px;
	}
	.updateBtn:hover { background-position: 0 -26px; }
.updateBtnGrn {
	background: url(../images/btn-update-grn.gif) no-repeat 0 0;
	width: 87px;
	height: 31px;
	}
.sendBtn {
	background: url(../images/btn-send.gif) no-repeat 0 0;
	width: 68px;
	height: 30px;
	}
.searchBtn {
	background: url(../images/btn-search-small.gif) no-repeat 0 0;
	width: 86px;
	height: 25px;
	}	
.checkOutBtn {
	background: url(../images/btn-checkout.png) no-repeat 0 0;
	width: 105px;
	height: 27px;
	}
#discount-code div.applyButton .applyBtn {
	background: url(../images/btn-apply.png) no-repeat 0 0;
	width: 76px;
	height: 26px;
	margin-top: -1px;
	margin-left: 6px;
	}
.purchaseButton .payBtn {
	background: url(../images/btn-buy.gif) no-repeat 0 0;
	width: 102px;
	height: 26px;
	float: right;
	margin-right: 10px;
	}
.viewReportsBtn {
	background: url(../images/btn-view.png) no-repeat 0 0;
	height: 26px;
	float: left;
	padding-left: 130px;
	color: #1387E4;
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 5px;
	}
	.viewReportsBtn:hover { border: 0; text-decoration: underline; }
	
/* --- Form Styling --- */

form.formMaster {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	font-size: 1.2em;
}
form.formMaster fieldset {
	float: left;
	width: 100%;
	}
form.formMaster ul {
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	margin-top: 5px;
	border-top: 2px solid #DDD;
	}
	form.formMaster ul li {
		float: left;
		width: 100%;
		padding: 6px 0!important;
		background: none!important;
		margin: 0!important;
		}
		form.formMaster ul li label {
			float: left;
			width: 220px;
			color: #555;
			font-size: 13px;
			margin-top: 8px;
			font-weight: bold;
			text-align: right;
			padding-right: 20px;
			}
			form.formMaster ul li input,
			form.formMaster ul li textarea,
			form.formMaster ul li select {
				padding: 6px 5px;
				border: 1px solid #C0C2C5;
				width: 350px;
				font-size: 14px;
				letter-spacing: 0.08em;
				color: #7F7F7F;
				background: #FFFEEF;
				}
				form.formMaster ul li select {
					width: 262px;
					}
					form.formMaster ul li input:hover,
					form.formMaster ul li textarea:hover,
					form.formMaster ul li select:hover {
						color: #424242;
						border: 1px solid #DCE34C;
						}
						form.formMaster ul li input:focus,
						form.formMaster ul li textarea:focus,
						form.formMaster ul li select:focus {
							background: #fbfae6;
							border: 1px solid #90A527;
							}
							form.formMaster ul li textarea { height: 180px; }
							form.formMaster .formEnd li {
								padding-left: 240px!important;
								background: none!important;
								}
								form.formMaster .formEnd ul {
									border: 0!important;
									padding: 0!important;
									margin: 0!important;
									}
									form.formMaster .formEnd .note {
										font-size: 1em;
										width: 680px;
										}
										form.formMaster .formEnd .note span {
											font-weight: bold;
											display: block;
											color: #E35F01;
											font-size: 1.3em;
											}
	
/* --- Form Specific Styling --- */

form.formMaster .terms {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	}
form.formMaster ul li input#term_condition {
	width: auto!important;
	}
form.formMaster h3 {
	font-size: 2.6em;
	margin-bottom: 20px;
	color: #E35F01;
	}
.formHeader {
	float: left;
	background: url(../images/formHeader.png) no-repeat 0 0;
	width: 938px;
	height: 60px;
	margin-bottom: 20px;
	}
	.formHeader h1 {
		color: #FFF;
		padding: 8px 0 0 20px;
		}
		.formHeader img {
			float: right;
			margin-top: -61px;
			margin-right: 20px;
			}
#formIntro {
	float: right;
	width: 490px;
	padding-top: 10px;
	}
	#formIntro h2 {
		padding-bottom: 10px;
		color: #336699;
		line-height: 1.2em;
		font-size: 1.9em;
		}
	#formIntro ul {
		width: auto!important;
		border: 0!important;
		margin: 0!important;
		padding: 0!important;
		}
		#formIntro p {
			font-size: 1.2em;
			padding-bottom: 8px;
			}
			#formIntro ul li {
				background: url(../images/icon-tick-small.gif) no-repeat 0 8px!important;
				padding-left: 40px!important;
				margin-bottom: 7px!important;
				font-weight: bold;
				font-size: 1.3em;
				display: block;
				color: #444;
				}
				#formIntro p strong {
					font-weight: bold;
					}
form.formMaster ul li.formSpacer {
	margin-bottom: 20px;
	padding-bottom: 15px!important;
	background: url(../images/border-bot.gif) repeat-x left bottom;
	}
form.formMaster ul li.newsletterOption {
	background: #F6F9E3!important;
	padding: 0 0 5px 0!important;
	}
form.formMaster ul li.newsletterOption label,
form.formMaster ul li.autoLogin label {
	color: #333!important;
	font-weight: normal;
	font-size: 11px;
	}
input#newsletter, input#auto_login {
	width: auto!important;
	margin-top: 10px;
	}
input#password, input#confirm_password {
	color: #A3B303;
	}
p.lostPassword {
	float: left;
	margin: 5px 0 0 10px;
	}
	p.lostPassword a { color: #E35F01; font-size: 11px; }
	
/* --- Create Account Form --- */

.formCreate {
	float: left;
	width: 460px;
	padding-top: 10px;
	}
	.formCreate ul {
		width: 450px!important;
		}
		.formCreate label {
			width: 170px!important;
			}
			.formCreate fieldset.formEnd li {
				padding-left: 190px!important;
				}
				.formCreate fieldset li input {
					width: 240px!important;
					}
				
/* --- Table Style --- */

.tableData {
	margin: 0 0 15px 0;
	width: 100%;
	}
.tableData th {
	font-size: 1.5em;
	font-weight: bold;
	white-space: nowrap;
	background: #EBEFF3;
	padding: 8px 10px;
	border-bottom: 1px solid #D1D8DF;
	}
	.tableData td {
		padding: 7px 10px;
		border-bottom: 1px solid #EBEFD1;
		font-size: 1.5em;
		vertical-align: top;
		background: #FFF;
		color: #6F6F6F;
		}
		.tableData th.bold, .tableData td.bold { font-weight: bold;}
		.tableData th.last, .tableData td.last { border-right: 0; background: #FAFFCF; }
		.tableData td.last { color: #444; border-left: 1px solid #EBEFD1; }
		.pdf { background: url(../images/icon-pdf.gif) no-repeat right 2px; padding-right: 16px; }
		.tableData td.checkBoxCol { text-align: center; }
		.tableData td.priceCol { color: #444; font-weight: bold; }
		.tableData th.remove {
			width: 10%;
			color: #666;
			}

		.tableData td a {
			color: #1387E4;
			border-bottom: 0;
			}
			.tableData td a:hover { border-bottom: 1px solid #BFE4FF; }
			.tableData td.reportName {
				font-size: 1.1em;
				color: #336699;
				line-height: 1.8em;
				}
			.tableData td.reportPrice {
				font-size: 1.4em;
				font-weight: bold;
				}
			.tableData td.reportDescription p {
				line-height: 1.3em;
				font-size: 12px;
				}
			.tableData td.reportAdd button {
				background: url(../images/report-add-to-cart.gif) no-repeat 0 0;
				width: 87px;
				height: 25px;
				}
				.tableData td.reportAdd button:hover { background-position: 0 -25px; }
			.tableData td.reportSample {
				border-right: 0!important;
				}
				.tableData td.reportSample a {
					background: url(../images/report-sample.gif) no-repeat 0 0;
					width: 49px;
					height: 60px;
					margin-left: 5px;
					}
					.tableData td.reportSample a:hover { background-position: 0 -60px; }
					.tableData tfoot th.typeCol {
						text-align: right;
						background: #FCFBFC;
						border-bottom: 1px solid #ECEFF3;
						border-top: 0;
						padding: 4px 13px;
						font-size: 12px;
						font-weight: normal!important;
						text-transform: uppercase;
						color: #333;
						}
					.tableData tfoot th.priceCol {
						background: #EAEFC2;
						border-bottom: 1px solid #DCDFC3;
						border-left: 1px solid #DCDFC3;
						color: #333;
						border-top: 0;
						padding: 4px 13px;
						font-size: 12px;
						}
					.tableData tfoot td {
						font-weight: bold;
						color: #90A527!important;
						border: 0;
						text-transform: uppercase;
						background: #FCFFEF;
						padding: 5px 13px;
						border-bottom: 1px solid #d6dfa8;
						}
						.tableData tfoot td.totalPrice {
							text-align: right;
							border-bottom: 1px solid #E2E774;
							}
								.buttons {
									float: left;
									width: 100%;
									}
									.buttons button {
										float: right;
										}

/* --- Shopping Cart --- */

.cartItemsLeft {
	float: right;
	width: 470px;
	}
	.cartItemsLeft ul,
	.cartItemsRight ul {
		margin-bottom: 20px;
		}
		.cartItemsLeft h3, .cartItemsRight h3 {
			border-bottom: 2px solid #ECEFF3;
			margin-bottom: 10px;
			padding-bottom: 2px;
			font-weight: bold;
			color: #336699;
			}
			.cartItemsLeft ul li,
			.cartItemsRight ul li {
				background: url(../images/arrow-grey.gif) no-repeat 0 6px;
				font-size: 12px;
				padding-left: 10px;
				margin-bottom: 4px;
				}
				.cartItemsLeft strong, .cartItemsRight strong {
					font-weight: bold;
					}
#discount-code {
	margin-bottom: 40px;
	float: left;
	}
.cartItemsRight {
	float: left;
	width: 470px;
	overflow: hidden;
	}
	.cartItemsLeft p,
	.cartItemsRight p {
		font-size: 12px;
		padding-bottom: 8px;
		}
		#discount-code div {
			background: #FFF;
			padding: 15px 10px 12px 10px;
			float: left;
			width: 100%;
			}
			#discount-code div label {
				font-size: 12px;
				font-weight: bold;
				float: left;
				text-transform: uppercase;
				margin-top: 3px;
				color: #90a527;
				}
				#discount-code div input {
					padding: 2px 3px;
					float: left;
					width: 265px;
					margin-left: 10px;
					font-size: 1.4em;
					letter-spacing: 1px;
					}
					.cartItemsLeft h2, .cartItemsRight h2 {
						border-bottom: 1px solid #BFBFBF;
						margin-bottom: 15px;
						padding-bottom: 2px;
						}
						
#payment-details {
	float: left;
	width: 448px;
	background: #f4f8e0;
	padding: 10px;
	border: 1px solid #bbd533;
	margin-bottom: 20px;
	}
	#payment-details div {
		float: left;
		width: 100%;
		}
	#payment-details div {
		font-size: 14px;
		padding: 3px 0;
		}
		#payment-details div label {
			width: 160px;
			font-weight: bold;
			float: left;
			font-size: 12px;
			}
			#payment-details div input,
			#payment-details div select {
				padding: 1px 2px;
				font-size: 12px;
				}
				#payment-details div select.month { width: 114px; }
				#payment-details div input#card_name { width: 270px; }
				#payment-details div input#card_number { width: 169px; }
				#payment-details div input#card_csc { width: 80px; }
				.purchaseButton { padding-top: 10px!important; }
				#payment-details div a { font-size: 11px; color: #1474CA; margin-left: 5px; }

.tableSummary {
	width: 100%;
	margin: 5px 0 20px 0;
	border-bottom: 2px solid #E2E2E2;
	}
.tableSummary th {
	font-size: 1.2em;
	font-weight: bold;
	white-space: nowrap;
	color: #333;
	padding: 6px 0 6px 6px;
	border-bottom: 1px solid #9BB5CF;
	background: #EFF8FF;
	text-transform: uppercase;
	}
	.tableSummary td {
		padding: 6px 0 6px 6px;
		border-bottom: 1px solid #E2E2E2;
		font-size: 13px;
		vertical-align: top;
		background: #FFF;
		}
		.tableSummary td.typeCol, .tableSummary td.descCol {
			border-right: 1px solid #E2E2E2;
			}
			.tableSummary td.priceCol {
				font-weight: bold;
				color: #555;
				}
				.tableSummary td.totalPrice {
					font-weight: bold;
					text-align: right;
					padding-right: 5px;
					}
					.tableSummary tfoot td {
						padding: 3px 0 3px 6px;
						border: 0!important;
						}
						.tableSummary tfoot th.typeCol {
							text-align: right;
							color: #333;
							}
							.tableSummary tfoot th.priceCol {
								color: #555;
								}
								.tableSummary tfoot th {
									border: 0;
									background: 0;
									padding: 3px 6px 2px 6px;
									}
									.tableSummary tfoot td {
										background: none;
										}

.cartContents {
	float: left;
	width: 160px;
	}
	.cartContents h2 {
		padding: 4px 0 3px 0;
		color: #336699;
		font-size: 2em;
		font-weight: bold;
		line-height: 1em;
		}
		.reportContents h2 {
			padding: 4px 0 3px 0;
			color: #336699;
			font-size: 1.7em;
			font-weight: bold;
			line-height: 1em;
			}
		.cartContents p {
			font-size: 11px;
			}
.mini-cart {
	float: left;
	width: 160px;
	padding: 5px 10px 5px 0;
	margin-left: 10px;
	background: url(../images/border-bot.gif) repeat-x left bottom;
	}
	.mini-cart h3 {
		color: #336699;
		font-size: 13px;
		font-weight: bold;
		}
		.mini-cart p {
			font-size: 1.3em;
			line-height: 1.2em;
			}
			.mini-cart p span {
				font-weight: bold;
				display: block;
				}

/* --- Quick Login --- */

#closeLink {
	font-weight: bold;
	font-size: 11px;
	}
#formLogin {
	width: 250px;
	margin: 0;
	padding: 10px 0 0 0;
	border: 0;
	background: none;
	border-top: 1px solid #EFD5C2;
	}
#formLogin fieldset {
	width: 250px;
	}
	#formLogin label {
		width: 100%;
		}
		#formLogin input {
			width: 180px;
			float: left;
			padding: 2px;
			}
			#formLogin ul {
				width: 100%;
				border-top: 0;
				margin: 0;
				padding: 0 0 10px 0;
				}
				#formLogin ul li {
					padding: 0!important;
					}
					#formLogin ul li.autoLogin label {
						font-weight: normal;
						font-size: 11px;
						width: 80px;
						}
						#formLogin ul li a {
							font-size: 11px;
							}
							#formLogin ul li .loginBtn {
								background:transparent url(../images/btn-login-top.gif) no-repeat scroll 0 0;
								height: 24px;
								width: 62px;
								}
								#formLogin legend {
									font-size: 1.2em;
									font-weight: bold;
									color: #1E1E1E;
									}
									#formLogin p.lostPassword {
										float:left;
										margin: 3px 0 0 10px;
										}
form#shoppingCart .buttons input.checkOutBtn,
form#shoppingCart .buttons input.updateBtn {
	float: right;
	}
	form#shoppingCart .buttons input.updateBtn { margin-right: 10px; }
	
/* --- Report Processing --- */

.reportStatus { color: #999; border-right: 0!important; text-align: left!important; }
.process { background:transparent url(../images/process-initiated.gif) no-repeat right 3px; padding-right: 30px; color: #65B729; }
.process_error { background:transparent url(../images/process-error.gif) no-repeat right 3px; padding-right: 23px; color: #d30b08; }

.subTitle {
	margin-left: 240px;
	margin-bottom: 0!important;
	color: #E35F01 !important;
	font-size: 1.8em!important;
	}
	.subTitle span {
		font-weight: bold;
		}
.subAdd_Input {
	float: left;
	width: 615px;
	}
.example {
	float: right;
	width: 365px;
	margin-top: 3px;
	background: url(../images/example-bg.png) no-repeat 0 0;
	}
	.example .corner {
		float: left;
		padding: 10px 0 5px 25px;
		width: 325px;
		}
		.example .corner_bot {
			background: url(../images/example-bg-bot.png) no-repeat bottom left;
			float: left;
			width: 365px;
			height: 6px;
			font-size: 1px;
			}
			.example h3 {
				font-size: 1.4em!important;
				color: #336699!important;
				margin: 0!important;
				font-weight: bold;
				}
				.example p {
					font-size: 12px;
					padding-bottom: 0;
					}
					.subAdd {
						background: url(../images/btn-add.png) no-repeat 0 0!important;
						width: 165px!important;
						height: 31px;
						}
						.subAdd:hover { background-position: 0 -31px!important; }
						.subinfo_add_bot .subAdd_Input { padding-bottom: 10px; }