@charset "utf-8";

/* CSS Document */



/* Base Definitions */



	#dashboard {

		background-color: #ffffff;

	}



	body, html {

		font-style: normal;

		font-weight: normal;

		line-height: 14px;

		margin: 0; padding: 0;

		

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

		color: #333333;

		background:#FFFFFF url(/img/ui/WIDEwebPageBKG.jpg) no-repeat fixed center top;

	}

	

	strong {

		font-weight: bold;

	}	

	

	em {

		font-style: italic;

	}

	

	a {

		text-decoration: none;

		color: #0000ff;

	}

	

	a:hover {

		text-decoration: underline;

		color: #000000;

	}

	

	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: 960px;

			margin: 0px auto;

			border-left: 1px solid black;

			border-right: 1px solid black;

		}

		

			#header {

				position: relative;

				top: 0px; left: 0px;

				width: 960px;

				background: #00457C;

			}

			

				#header_banner {

					position: relative;

					top: 0px; left: 0px;

					width: 960px;

					height: 120px;

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

				}

				

				#top_nav {

					position: relative;

					top: 0px; left: 0px;

					height: 32px; width: 960px; 

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

					border-top: 4px solid black;

					border-bottom: 4px solid black;

				}

					

					#top_nav_content {

						position: relative; 

						top: 0px; left: 65px;

						height: 40px; width: 960px;

					}



						#top_nav_content img {

							position: relative;

							top: 0px; left: 0px;

							height: 32px; width: 2px;

							float: left;

							border: 0px;

						}

				

						#top_nav_content span {

							position: relative;

							top: 0px; left: 0px;

							float: left;

							padding-left: 16px;

							padding-right: 16px;

							line-height: 32px;

						}



							#top_nav_content span a {

								color: #ffffff;

							}



								#top_nav_content span a:hover {

									text-decoration: none;

									color: #ccccff;

								}

				

				#padding_bar {

					/* position: relative;

					top: 0px; left: 0px;

					width: 960px; height: 29px;

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

				}

			

				#main_content {

					position: relative;

					top: 0px; left: 0px;

					width: 960px;

				}



					#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: #000000;

							margin-bottom: 5px;

						}

							

							#left_nav_container {

							}

					

							.navHeader {

								position: relative;

								top: 0px; left: 0px;

								height: 30px; width: 175px;

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

								text-align: center; 

								margin-bottom: 2px;

							}

	

								.navHeader h3 {

									display: inline;

									/* padding-left: 20px; */

									font-size: 12px;

									line-height: 30px;

									color: #ffffff;

								}

														

							.navLI {

								position: relative;

								top: 0px; left: 0px;

								width: 175px; height: 19px;

								display: block;

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

								margin-bottom: 2px;

							}

							

								.navLI a {

									display: block;

									width: 146px; height: 19px;

									padding-left: 20px;

									color: #ffffff;

									line-height: 19px;

									font-size: 11px;

								}

								

								.navLI a:hover {

									text-decoration: none;

									color: #000099;

								}

				

						#right_content {

							position: relative;

							top: 0px; left: 0px;

							/* width: 675px; */

						}



						._home #right_content  {

							background-color: #000000;

							color: #ffffff;

							text-align: center;

						}							

							#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: 960px; height: 43px;

				background-color:#00457c;

				text-align:center;

				line-height: 43px;

				color:#ffffff;

			}

			

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



	#mainBanner {

		position: relative;

		top: 0px; left: 0px;

		width: 775px;

		height: 230px;

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

		margin: 0px auto;

		margin-bottom: 5px;

	}

	

	#productGridTable {

		position: relative;

		top: 0px; left: 0px;

		width: 640px;

		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: 640px; height: 280px;

			margin-bottom: 5px;

		}

		

			.productGrid {

				position: relative;

				top: 0px; left: 0px;

				width: 210px; height: 280px;

				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: 10px; left: 0px;

					text-align: center;

					width: 210px; height: 25px;

					font-size: 14px;

					line-height: 25px;

					color: #ffffff;

					z-index: 300;

				}				

	

				.productImage {

					position: absolute;

					top: 45px; left: 0px;

					width: 210px; height: 154px;

					text-align: center;

				}

				

					.imgButton {

						position: relative;

						top: 0px; left: 0px;

						width: 188px; height: 153px;

						margin: 0px auto;

					}

					

				.productDescription {

					position: absolute; 

					top: 180px; left: 0px;

					width: 210px;

					color: #666666;

					z-index: 250 !important;

					text-align: center;

				}

				

				.productPrice {

					position: absolute;

					top: 200px; left: 0px;

					width: 210px;

					text-align: center;

					font-size: 15px;

					color:#000000;

					z-index: 250 !important;

				}

						

				.blankButton {

					position: absolute;

					top: 245px; left: 2px;

					width: 210px;

					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;

}

#loginbar, #loginbar2 {

	position: relative;

	top: 0px; left: 0px;

	width: 850px; height: 35px;				

	background-color: #00457c;

	color: #ffffff;

	text-align: center;

	line-height: 35px;

	margin-bottom: 3px;

}



#loginbar a, #loginbar2 a {

	color: #ffffff;

	text-decoration: none;

}



#loginbar a:hover, #loginbar2 a:hover {

	color: #ffff00;

	text-decoration: none;

}





.nopadH1{

	padding:0;

	margin:0;

}



#adBanner{

width:785px;

background:#fff;

border-bottom: 3px #FFF solid;

margin-bottom: 5px;

}
#contact_form {
	width:200px;
	margin:0px 0px 0px 575px;
	height:235px;
	padding:0;
	background: transparent url(/img/enterCodes.jpg) no-repeat;
	position:relative;
}
#contact_form form fieldset {
border:0 none;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
margin:0 0 0;
padding:75px 0 8px;
position:relative;
width:200px;
}
#contact_form form fieldset legend {
	border-width:1px;
	border-style:solid;
	border-color:#BBBB66;
	color:#3D7169;
	font-weight:bold;
	font-variant:small-caps;
	font-size:140%;
	padding:4px 8px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	background:white;
}
#contact_form label {
	color:#FFFFDD;
font-size:90%;
font-weight:bold;
}
#contact_form label.error {
display:none;
	font-weight:normal;
	color:red;
	text-align:left;
	width:140px;
	padding-left:25px;
	background: transparent url(/images/cancel.png) no-repeat scroll left;
}
#contact_form input.text-input {
	margin:4px;
	padding:2px 0;
	color:#333;
width:115px;
}
#contact_form label#name_label {

}
#contact_form input#name {
	
}
#contact_form label#name_error {

}
#contact_form label#email_label {

}
#contact_form input#email {

}
#contact_form label#email_error {

}
#contact_form label#phone_label {

}
#contact_form input#phone {
;
}
#contact_form label#phone_error {

}
#contact_form input.button {
	padding:3px 6px;
	border:2px solid #fff;
	margin:20px 0px 0px 0px;
	color:#3D7169;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC;
	-moz-border-radius:5px;
}
#contact_form input.button:hover {
	background:#009FAA none repeat scroll 0% 0%;
	color:white;
}
#contact_form #message {
padding:75px 25px;
}
#contact_form #message h2 {
	font-size:150%;
	color:white;
}
#contact_form #message p {
	color:white;
	font-weight:bold;
	margin:6px 0px;
}
#contact_form #checkmark {
	position:relative;
	top:-46px;
	left:-60px;
} 
.modal { 
    background-color:#000; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    background:url(/img/global/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}

#couponContent{


}

.simple-overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple-overlay .close { 
    background-image:url(/img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple-overlay ul{
list-style-type:none;
font-weight:bolder;
font-size: 1.3em;
}

.simple-overlay ul span.specialCode{
font-style:italic;
}