/*Updated 6/15/09 — 11:55 PM PDT*/
/*light styles*/
/* Base Definitions */     	

	body, html {
		font-style: normal;
		font-weight: normal;
		line-height: 14px;
		margin: 0; padding: 0;		
		font: 12px Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #C9C9C9;
	}
	
	strong {
		font-weight: bold;
	}	
	
	em {
		font-style: italic;
	}
	
	a {
		text-decoration: none;
		color: #0000ff;
	}
	
	a:visited {
		text-decoration: inherit;
		color: #000000;
	}
	
	a:hover {
		text-decoration: underline;
		color: #000000;
	}
	
	img {
		border: 0px;
	}

	hr {
		border-width: 1px 0px 0px 0px;
		border-color: #7E7E7E;
		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: 3px #7E7E7E solid;
			border-right: 3px #7E7E7E solid;
		}
		
			#header {
				position: relative;
				top: 0px; left: 0px;
				width: 850px;
			}
			
				#header_banner {
					position: relative;
					top: 0px; left: 0px;
					width: 850px;
					height: 216px;
					background: url(/img/ui/header.jpg) top left no-repeat;
				}
				
				#top_nav {
					position: relative;
					top: 0px; left: 0px;
					height: 51px; width: 850px; 
                    background-color: #ffffff;
					/*background: url(/img/ui/nav_bkgd.jpg) repeat-x;*/
				}
					
					#top_nav_content {
						position: relative; 
						top: 0px; left: 20px;
						height: 38px; width: 820px;
					}

						#top_nav_content img {
							position: relative;
							top: 13px; left: 0px;
							height: 26px; width: 1px;
							float: left;
							border-right: solid 1px;
						}
				
						#top_nav_content span {
							position: relative;
							top: 0px; left: 0px;
							float: left;
							padding-left: 14px;
							padding-right: 14px;
							line-height: 51px;
						}

							#top_nav_content span a {
								color: #636363;
                                display: inline;
								width: 26px; 
                                height: 20px;
							}

								#top_nav_content span a:hover {
                                 text-decoration: underline;
								 color: #161616;                                                                       
								}
				
				#padding_bar {
					position: relative;
					top: 0px; left: 0px;
					width: 850px; height: 10px;
                    background-color: #616161;
                    /*background: url(/img/ui/login_bar_bg.png) repeat-x;*/
				}
			
				#main_content {
					position: relative;
					top: 0px; left: 0px;
					width: 850px;
                    background-color: #ffffff;
				}

					#main_content_container {
						position: relative;
						top: 0px; left: 0px;
						width: 100%; 
						padding: 0px;	
						margin: 0px;
					}
				
						#left_nav {
							position: relative;
							top: 0px; left: 0px;
							width: 175px;
							background-color: #ffffff;
							border-right: 1px solid #7E7E7E;
						}
							
							#left_nav_container {
							}
					
							.navHeader
							{
								position: relative;
								top: 0px;
								left: 0px;
								height: 35px;
								width: 175px;
								/*background: url(/img/ui/nav_header.png) no-repeat;*/
								background-color: #b1b1b1;
								margin-bottom: 2px;
							}
	
								.navHeader h3 {
									display: inline;
									padding-left: 20px;
									font-size: 12px;
									line-height: 35px;
									color: #161616;
								}
														
							.navLI
							{
								position: relative;
								top: 0px;
								left: 0px;
								width: 175px;
								height: 20px;
								display: block;
                                border-width: 0 0 1px 0;
								border-color: #9E9E9E;
								/*background: url(/img/ui/nav_item.png) no-repeat;*/
							}
							
								
.navLI a {
									display: block;
									width: 155px; height: 19px;
									padding-left: 20px;
									color: #616161;
									line-height: 20px;
									font-size: 11px;
									margin: 0 0 1px 0;
									border-bottom: #f1f1f1 solid; 
								}
								
								.navLI a:hover {
									text-decoration: underline;
									color: #000000;
                                    background-color: #FFBE0A;
								}
				
						#right_content {
							position: relative;
							top: 0px; left: 0px;
							/* width: 675px; */
						}

						._home #right_content  {
							text-align: center;
						}							
							#right_content_container {
								padding: 0px 10px;
							}
							#right_content_container p {
                                line-height: 1.8em;
                            }
							._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:#616161;
				text-align:center;
				line-height: 43px;
				color:#ffffff;
			}
			
/* Positioning, Products Grid (Main Page) */

	#mainBanner {
		position: relative;
		top: 0px; left: 0px;
		width: 662px;
		height: 218px;
		/*background: url(/img/ui/main_banner4_gg.png)*/ bottom right no-repeat;
		background-color: #ffffff;
		margin: 0px auto;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	#productGridTable {
		position: relative;
		top: 0px; left: 0px;
		width: 662px;
		margin: 0px auto;
	}
	
		.rowSpacer {
			position: relative;
			top: 4px; left: 0px;
			float: left;
			width: 100%; height: 0px;
			margin: 0px 0px 0px 0px;
		}
	
		.product_row {
			position: relative;
			top: 0px; left: 0px;
			width: 662px; height: 269px;
			margin-bottom: 5px;
		}
		
			.productGrid {
				position: relative;
				top: 0px; left: 0px;
				width: 214px; height: 269px;
				background: url(/img/ui/product_grid.jpg) no-repeat;
				float: left;
				z-index: 150;
				display: inline;
			}
				
				.borderR {
					margin-right: 10px;
				}
			
				.productGrid div {
					display: inline;
				}
					
			.productTitle {
					position: absolute;
					top: 6px; left: 0px;
					text-align: center;
					width: 214px; height: 25px;
					font-size: 14px;
					line-height: 25px;
					color: #3B3B3B;
					z-index: 300;
				}				
	
				.productImage {
					position: absolute;
					top: 41px; left: 0px;
					width: 214px; height: 154px;
					text-align: center;
				}
				
					.imgButton {
						position: relative;
						top: 0px; left: -1px;
						width: 188px; height: 153px;
						margin: 0px auto;
					}
					
				.productDescription {
					position: absolute; 
					top: 172px; left: 0px;
					width: 214px;
					color: #666666;
					z-index: 250 !important;
					text-align: center;
				}
				
				.productPrice {
                    position: absolute;
					top: 192px; left: 0px;
					width: 214px;
					text-align: center;
					font-size: 15px;
					color:#000000;
					z-index: 250 !important;
				}
.bluePlate {
position: absolute;
top: 192px; left: 0px;
width: 214px;
text-align: center;
font-size: 15px;
color:#2E3191;
z-index: 250 !important;
}
						
				.blankButton {
					position: absolute;
					top: 238px; left: 0px;
					width: 214px;
					text-align: center;
					z-index: 500 !important;
				}
				
					.blankButton a {
						font-size: 10px;										
						text-decoration:none;
						letter-spacing: 1px;
						color: #000000;
					}

						.blankButton a:hover {
							color: #000;
							text-decoration: underline;
						}
product_sidebar_container p {
padding-right: 30px;
line-height: 1.5em;
}

/* 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: #a1a1a1;
					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_info	{				line-height: 1.5em; 				text-align: left;
                padding-right: 10px;
            				}
.product_info ol li {margin-left: -1em;}

.product_info a {text-decoration: underline;				color: #000CFF; font-weight: bold;		}

.product_info a:hover {	color: #000000;                background-color: #FFBE0A;			}

.product_info ul li {margin-left: -2em;}.product_info ul ul li {margin-left: -2em;}

.product_info_right {						line-height: 1.5em; 						text-align: left;						padding-right: 20px;
                        padding-left: 10px;						margin-top: 36px;
                        margin-left: 12px;
			           border-left: dotted 1px #999;					}

.product_info_right a { 				text-decoration: underline;				color: #000CFF;
font-weight: bold;									}						.product_info_right a:hover {				color: #000000;                background-color: #FFBE0A;			}

.product_info_right ul li {margin-left: -2em;}

.product_info_right ul ul li {margin-left: -4em;}

/* highlights current special */
.special {padding:10px; background-color: #E1FFA1;}
.dk_red {color: #A4003A; }

/* end product info */
#product_label {		    	position: absolute;		    	top: 46px; left: 25px;		    	font-size: 16px;				color: #000;		   		}
		
		#product_text_content {
			position: relative;
			top: 0px; left: 0px;
           margin-left: 10px;
			text-align: left;
line-height: 1.5em;
			width: 325px;
			padding: 10px;
		}	
		/* begin Lightbox CSS */		.black_overlay{    display: none;    position: absolute;    top: 0%;    left: 0%;    width: 100%;    height: 100%;    background-color: black;    z-index:1001;    -moz-opacity: 0.6;    opacity:.60;    filter: alpha(opacity=60);}
.white_content {    display: none;    position: absolute;    top: 25%;    left: 25%;    width: 400px;    /*height: 400px;*/    padding: 16px;    border: 8px solid #000000;    background-color: white;	z-index:1002;    overflow: auto;}    .white_content img{	margin-left: 1em;	padding: 0;	clear: both;	top: 0px;	right: 10px;	float: right;	position: relative;	overflow: visible;}
.white_content_home {    display: none;    position: absolute;    top: 10%;    left: 25%;    width: 400px;    /*height: 400px;*/    padding: 16px;    border: 8px solid #000000;    background-color: white;	z-index:1002;    overflow: auto;}
/* end Lightbox CSS */
/* for distinguishing lightbox links */
.highlight {padding:10px; background-color: #D4D3EF;}							
/* 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;
}
#contentTD .content p {
	line-height: 1.6em;
}

/* 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;
}

.red {		color: #FF002F;	}

.blue { color: #3B2FFF; }

.gray {color: #666;}		

#about { line-height: 1.5em;
width: 375px; margin: 35px 50px 0 30px;}