/* Base Definitions */



	#dashboard {

		background-color: #ffffff;

	}



	body, html {

		font-style: normal;

		font-weight: normal;

		line-height: 14px;

		margin: 0; padding: 0;

		

		font: 12px Aria3l, Helvetica, sans-serif;

		color: #000000;

		background-color: #000000;

	}

	

	strong {

		font-weight: bold;

	}	

	

	em {

		font-style: italic;

	}

	

	a {

		text-decoration: none;

		color: #0000ff;

	}

	

	a:visited {

		text-decoration: inherit;

		color: #ffff00;

	}

	

	a:hover {

		text-decoration: underline;

		color: #ffff00;

	}

	

	img {

		border: 0px;

	}



	hr {

		border-width: 1px 0px 0px 0px;

		border-color: #ed262b;

		border-style: dotted;

		height: 1px;

		margin: 10px 0;

		padding: 0;

		font-size: 1px;

		width: 100%;

	}

	

	

/* Positioning, General */

	

	#horizon {

		position: relative;

		top: 0px; left: 0px; 

		width: 100%;

	}



		#container {

			position: relative;

			top: 0px; left: 0px;

			width: 850px;

			margin: 0px auto;

			border-left: 1px solid black;

			border-right: 1px solid black;

		}

		

			#header {

				position: relative;

				top: 0px; left: 0px;

				width: 850px;

			}

			

				#header_banner {

					position: relative;

					top: 0px; left: 0px;

					width: 850px;

					height: 244px;

					background: url(/img/ui/header.jpg) top left no-repeat;

				}

				

				#top_nav {

					position: relative;

					top: 0px; left: 0px;

					height: 36px; width: 850px; 

					background: url(/img/ui/nav_bkgd.jpg) repeat-x;

					border-top: 3px solid #333333;

					border-bottom: 6px solid black;

				}

					

					#top_nav_content {

						position: relative; 

						top: 0px; left: 25px;

						height: 40px; width: 820px;

					}



						#top_nav_content img {

							position: relative;

							top: 3px; left: 0px;

							height: 28px; width: 2px;

							float: left;

							border: 0px;

						}

				

						#top_nav_content span {

							position: relative;

							top: 0px; left: 0px;

							float: left;

							padding-left: 15px;

							padding-right: 15px;

							line-height: 36px;

						}



							#top_nav_content span a {

								color: #ffffff;

							}



								#top_nav_content span a:hover {

									text-decoration: none;

									color: #ffff00;

								}

				

				#padding_bar {

					/* position: relative;

					top: 0px; left: 0px;

					width: 850px; height: 25px;

					background: url(/img/ui/padding_line.jpg) repeat-x;

					border-bottom: 1px solid black; */

				}

			

				#main_content {

					position: relative;

					top: 0px; left: 0px;

					width: 850px;

				}



					#main_content_container {

						position: relative;

						top: 0px; left: 0px;

						width: 100%; 

						background-color: #ffffff;

						color: #000000;

						padding: 0px;

						margin: 0px;

					}

				

						#left_nav {

							position: relative;

							top: 0px; left: 0px;

							width: 175px;

							background-color: #263347;

							margin-bottom: 5px;

						}

							

							#left_nav_container {

							}

					

							.navHeader {

								position: relative;

								top: 0px; left: 0px;

								height: 32px; width: 175px;

								background: url(/img/ui/nav_header.jpg) no-repeat;

								/* text-align: center; */

								margin-top: -2px;

							}

	

								.navHeader h3 {

									display: inline;

									padding-left: 20px;

									font-size: 12px;

									line-height: 23px;

									color: #ffff00;

								}

														

							.navLI {

								position: relative;

								top: 0px; left: 0px;

								width: 175px; height: 17px;

								display: block;

								background: url(/img/ui/nav_item.jpg) no-repeat;

								margin-bottom: 2px;

							}

							

								.navLI a {

									display: block;

									width: 146px; height: 17px;

									padding-left: 20px;

									color: #ffffff;

									line-height: 17px;

									font-size: 11px;

								}

								

								.navLI a:hover {

									text-decoration: none;

									color: #ffff00;

								}

				

						#right_content {

							position: relative;

							top: 0px; left: 0px;

							/* width: 675px; */

						}



						._home #right_content  {

							text-align: center;

							background-color: #000000;

							color: #ffffff;

						}							

							#right_content_container {

								padding: 0px 10px;

							}



							._home #right_content_container {								

								padding: 0px 0px;

							}



							._green #right_content_container {								

								padding: 0px 0px;

							}

			

			#footer {

				position: relative;

				top: 0px; left: 0px;

				width: 850px; height: 43px;

				background-color:#8fa0b2;

				text-align:center;

				line-height: 43px;

				color:#ffffff;

			}

			

/* Positioning, Products Grid (Main Page) */



	#mainBanner {

		position: relative;

		top: 0px; left: 0px;

		width: 660px;

		height: 215px;

		background: url(/img/ui/main_banner.jpg) top left no-repeat;

		margin: 0px auto;

		margin-bottom: 5px;

		margin-top: -2px;

	}

	

	#productGridTable {

		position: relative;

		top: 0px; left: 0px;

		width: 664px;

		margin: 0px auto;

	}

	

		.rowSpacer {

			position: relative;

			top: 0px; left: 0px;

			float: clear;

			width: 100%; height: 0px;

			margin: 0px 0px 0px 0px;

		}

	

		.product_row {

			position: relative;

			top: 0px; left: 0px;

			width: 664px; height: 252px;

			margin-bottom: 5px;

		}

		

			.productGrid {

				position: relative;

				top: 0px; left: 0px;

				width: 218px; height: 252px;

				background: url(/img/ui/product_grid.jpg) no-repeat;

				float: left;

				z-index: 150;

				display: inline;

			}

				

				.borderR {

					margin-right: 5px;

				}

			

				.productGrid div {

					display: inline;

				}

					

				.productTitle {

					position: absolute;

					top: 0px; left: 0px;

					text-align: center;

					width: 218px; height: 25px;

					font-size: 14px;

					line-height: 25px;

					color: #000000;

					z-index: 300;

				}				

	

				.productImage {

					position: absolute;

					top: 41px; left: 0px;

					width: 218px; height: 154px;

					text-align: center;

				}

				

					.imgButton {

						position: relative;

						top: 0px; left: -2px;

						width: 188px; height: 153px;

						margin: 0px auto;

					}

					

				.productDescription {

					position: absolute; 

					top: 160px; left: 0px;

					width: 218px;

					color: #666666;

					z-index: 250 !important;

					text-align: center;

				}

				

				.productPrice {

					position: absolute;

					top: 180px; left: 0px;

					width: 218px;

					text-align: center;

					font-size: 15px;

					color:#000000;

					z-index: 250 !important;

				}

						

				.blankButton {

					position: absolute;

					top: 222px; left: 0px;

					width: 218px;

					text-align: center;

					z-index: 500 !important;

				}

				

					.blankButton a {

						font-size: 10px;										

						text-decoration:none;

						letter-spacing: 1px;

						color: #ffffff;

					}



						.blankButton a:hover {

							color: #ffff00;

						}



/* Positioning, Product Page */



	#product_content_container {

	}

		

		#product_image {

			position: relative;

			top: 10px; left: 10px;

			width: 287px; height: 315px;

		}

		

			#product_printing_tab {

				left: 10px;

			}

		

			#product_info_tab {

				left: 132px;

			}

			

				.product_tab {

					top: 0px; 

					position: absolute;

					width: 120px; height: 22px;

					padding-top: 6px;

					text-align: center;

					color: #FFFFFF;

					font-size: 12px;

				}

				

				.pt_active {

					background: url(/img/ui/product_tabs.png) 0px 0px no-repeat;

				}

				

				.pt_inactive {

					background: url(/img/ui/product_tabs.png) 0px -63px no-repeat;

					cursor: pointer;

				}

				

				.pt_inactive:hover {

					background: url(/img/ui/product_tabs.png) 0px -32px no-repeat;

					color: #333333;

				}

			

			.product_image_large {

				position: absolute;

				top: 36px; left: 10px;

				width: 325px; height: 265px;

			}

			

			#product_box {

				position: absolute;

				top: 26px; left: 0px;

				width: 347px; height: 315px;

				background: url(/img/ui/product_box.png) top left no-repeat;				}



		  #product_label {

		    position: absolute;

		    top: 46px; left: 25px;

		    font-size: 16px;

		   }

		

		#product_text_content {

			position: relative;

			top: 0px; left: 0px;

			text-align: left;

			width: 405px;

			padding: 10px;

		}

								

/* Positioning, Login Page */



#welcomeBanner, #welcomeBanner2 {

	height: 58px;

	background: transparent url(/img/ui/welcomeBannerBkgd.png) top left repeat-x;

	text-align: center;

	font-size: 30px;

	line-height: 36px;

	padding-top: 22px;

	color: #FFFFFF;

	text-shadow: #333333 3px 2px 2px;

}



#welcomeBanner2 {

	margin: 2px 0px 0px 0px;

}





#welcomeTable {

	border: 0px;

	border-collapse: collapse;

}



#loginTD {

	width: 176px;

	background-color: #E6E6E6;

	padding: 5px;

	border-right: 1px solid #cccccc;

}



.loginBox {

	width: 176px;

	border-collapse: collapse;

	margin-bottom: 5px;

}



.loginBoxLast {

	margin-bottom: 0px;

}



.loginBoxTop {

	height: 20px;

	background: #E6E6E6 url(/img/ui/loginBoxTop.png) top left no-repeat;

}



.loginBoxMiddle {

	background: #E6E6E6 url(/img/ui/loginBoxMiddle.png) top left repeat-y;

	text-align: center;

}



	.loginBoxMiddle p.tiny {

		margin-bottom: 0px;

		font-size: 9px;

		font-weight: bold;

	}



	.loginBoxMiddle input {

		font-size: 10px;

	}



	.loginBoxMiddle .textInput {

		width: 140px;

	}



	.loginBoxMiddle h4 {

		margin: 0px;

		font-size: 12px;

		color: #000000;

	}



.loginBoxBottom {

	height: 20px;

	background: #E6E6E6 url(/img/ui/loginBoxBottom.png) bottom left no-repeat;

}



#contentTD .content {

	padding: 10px;

}





/* Green Banner */



.greenParagraph {

padding: 0px 30px;

text-align: left;

}



.greenTable {

border-width: 2px;

border-spacing: 2px;

border: 2px solid white;

border-collapse: separate;

width: 100%;

}



.greenTable td {

background-color: #E5F2E8;

}



.greenTable h2 {

margin: 10px 20px;

font-size: 16px;

white-space: nowrap;

}



.greenTable h3 {

margin: 10px 20px;

font-size: 14px;

white-space: nowrap;

}



.greenTable p {

font-size: 10px;

margin: 10px;

white-space: nowrap;

}

		

		

/* General Classes */



.clear {

	clear: both;

}



.center {

	text-align: center;

}



	.center table {

		text-align: left;

	}



.left {

	text-align: left;

}



.right {

	text-align: right;

}



.green {

	color: #03ae03;

}