@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0}
body {
	background:#fff url(../images/blue_bg.gif) repeat-x top left;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#page_container {
	position:relative;
	margin:0 auto;
	width:900px;
}

a:link,
a:visited {color:#663613;font-weight:bold;}
a:hover {color:#aa5a20;}

button {background:none; border:none; margin:0;}
input.commonGoButton {background:url(../images/go_login_main.gif) no-repeat center center;width:40px; height:25px;border:none;}
input.commonSubmitButton {background:url(../images/submit_button.gif) no-repeat center center;width:60px; height:25px;border:none;}
input.commonPurchaseButton {background:url(../images/purchase_button.gif) no-repeat center center; width:102px; height:25px; border:none; display:block; margin:auto; padding:40px 0 0 0;}
input.saveChangesButton {background:url(../images/saveChanges_button.gif) no-repeat center center; width:102px; height:25px; border:none; display:block; margin:auto; padding:40px 0 0 0;}
input.button {height:25px; border:none;}

.error {color:#c00; font-weight:bold;}
.saved {color:#0c0; font-weight:bold;}
input.error {border:2px solid #c00; color:#000000; font-weight:normal;}
select.error {border:2px solid #c00; color:#000000; font-weight:normal;}

input.disabled,
select.disabled {border:2px solid #ccc; background-color:#CCCCCC;}

/***********************************/
#login_container {
	position:absolute;
	top:15px;
	right:20px;
	text-align:left;	
	color:#663613;
}
	#login_container form {float:right;}
	#login_container img {border:none;}
	#login_container p {display:block; float:left; padding:5px 0 0 0;}
	#login_container p.error {float:right; margin-right:50px; padding:0; clear:both;}
	#login_container h1 {font:bold 14px Arial, Helvetica, sans-serif; float:left; padding:5px 20px 0 0;}
	#login_container input {background:#ffd36a url(../images/generic_field_bg.gif) no-repeat top left; width:100px; border:2px solid #603913; padding:3px; margin:0 2px; display:block; float:left;}
	#login_container input.error {border:2px solid #c00; color:#000000; font-weight:normal;}	
	#login_container .button{padding:0; float:left;}
	
	
#splash_container {
	padding:30px 0 0 0;
	text-align:center;
	background: url(../images/splash_bg.jpg) no-repeat bottom center; height:242px;
}	
	#splash_container h1 {display:none;}
	#splash_container img {border:none; margin:85px 0 0 0;}

/***********************************/

#nav_container {
	background:#7aa0d0 url(../images/nav_bg.jpg) repeat-x center center; 
	height:47px; 
	overflow:hidden;
}
	#nav_container ul {margin-top:4px;}
	#nav_container li {display:inline; list-style-type:none;}
	#nav_container a:link,
	#nav_container a:visited {
		font:bold 16px Arial, Helvetica, sans-serif; 
		color:#660000;
		text-decoration:none;
		display:block;
		float:left;
		height:30px;
		padding:9px 19px 0 19px;
		border-left:1px solid #96c4ff;
		border-right:1px solid #7aa0d0;
	}
	
	#nav_container a:hover {color:#fff;}
	#nav_container a:hover.active {color:#fff;}
	
	#nav_container a:link.active,
	#nav_container a:visited.active {color:#fff;background:#643512 url(../images/nav_bg_normalBrown.gif) repeat-x top left; border-left:1px solid #9b521c;}
	
	#nav_container a:link#start,
	#nav_container a:visited#start {padding-left:53px; border-left:none;}

	#nav_container #start.active {background:#643512 url(../images/start_bg_on.jpg) no-repeat top left;}

	#nav_container a:link#end,
	#nav_container a:visited#end 	{padding-right:53px; border-right:none;}

	#nav_container #end.active {background:#643512 url(../images/end_bg_on.jpg) no-repeat top right;}

/***********************************/

#content_container {
	position:relative;	
}
	#content_container h1 {padding-top:90px; height:0px; overflow:hidden; }
	#content_container h1.welcome {background: url(../images/h1_welcome.jpg) no-repeat top left;}
	#content_container h1.labels {background: url(../images/h1_labels.jpg) no-repeat top left;}
	
	#content_container #content {
		position:absolute; 
		top:30px; 
		left:0px;
		width:825px;
		margin:30px auto 0 auto; 
		padding:0 25px 0 50px;
		background:url(../images/main_content_bg.gif) repeat-y top left;
	}
		#content ul {padding:3px 15px;}
		#content h2 {color:#294580; font:normal 150% Arial, Helvetica, sans-serif; clear:left; padding:5px 0; border-bottom:1px solid #bbd8ff;}
		#content form {margin:10px 0;}
		
		#content form#form_account_signin {width:100%;display:block;}
		#content form#form_account_signin p {float:left; padding:5px 5px 0 5px; margin:0;}
		#content form#form_account_signin input {float:left; padding:4px 2px; font-size:12px;}
		#content form#form_account_signin .button {padding:0 3px;}		
		
		#content p {margin:10px 0;}
		input {padding:2px; font-size:11px;}

		p.fieldSpacer {display:block;width:100%;text-align:right;font-size:11px;}
		p.fieldSpacer input {width:100px; margin:0 10px;}
		p.fieldSpacer select {font-size:11px;margin-right:10px; padding:0;}
		p.fieldSpacer b {display:block;font-weight:normal; margin:0 10px 0 0; color:#999999;}
		fieldset {width:250px; display:block; float:left; margin:0 5px; border:1px solid #93c2f8; padding:5px;}
		legend {font-size:12px; font-weight:bold; color:#7497c2; padding:0 5px;}
		
		#labelSpace {display:block; float:left; width:520px;}
			#labelSpace form {margin:0; padding:0;}
			#labelSpace p.fieldSpacer {font-size:11px; width:215px; margin:5px 0;}
			#labelSpace p.fieldSpacer input {font-size:11px;width:130px; margin:0 5px;}
			#labelSpace p.fieldSpacer select {font-size:11px; margin:0 5px; padding:2px; width:140px;}
			#labelSpace p.fieldSpacer b {display:block;font-weight:normal; margin:0 10px 0 0; color:#999999; font-size:11px;}
			#labelSpace fieldset {width:215px; display:block; float:left; margin:2px 5px; border:1px solid #93c2f8; padding:5px;}
			#labelSpace fieldset.bagTagzFields {}
			#labelSpace .rear {}
			#labelSpace .front {height:160px;}
			#labelSpace fieldset button {display:block; margin:0 auto;}
			#labelSpace legend {font-size:12px; font-weight:bold; color:#7497c2; padding:0 5px;}
			#labelSpace .labelForm {padding-bottom:10px; float:left; width:245px;}
			#labelSpace .preview {width:260px; padding:5px 0; background:url(../images/blue_loading.gif) no-repeat center center;}
			#labelSpace .preview embed, #labelSpace .preview object {margin:0 auto 0 auto; display:block;}		
	
			.ironOn {}
			.bagTagz {}
			
		#stickerSpace {}
			#stickerSpace fieldset {width:235px; display:block; float:left; margin:2px 5px; border:1px solid #93c2f8; padding:5px;}
			#stickerSpace p.fieldSpacer {width:225px;}
			#stickerSpace p.fieldSpacer b {display:block;font-weight:normal; margin:0 10px 0 60px; color:#999999; text-align:left;}
			#stickerSpace .stickerPreview {width:520px; clear:left;}
			#stickerSpace input {font-size:11px;width:150px; margin:0 5px;}
			#stickerSpace select {font-size:11px; margin:0 5px; padding:2px; width:140px;}
			#stickerSpace .commonPurchaseButton, #stickerSpace saveChangesButton {float:right; margin-right:20px;}
			
/***********************************/
	
.modules {
	display:block;
	float:right;
	width:300px;
	margin:0 0 10px 5px;
	position:relative;
	clear:right;
	overflow:hidden;
}	

.modules img {display:block;}

.cart {margin-top:-30px; background:#79b2ff url(../images/modules/cart_repeat.jpg) repeat-y top left;}
	.cart p {text-align:center; }
	.cart table {margin:10px; width:280px; border-collapse:collapse;}
	.cart table td.price 	{width:50px;}
	.cart table td.amount 	{width:25px;}
	.cart table td.delete 	{width:20px;}
	.cart table td.name 		{width:165px;}
	.cart table td.view 		{width:20px;}
	.cart img {display:block; margin:auto; border:none;}
	.cart table td img {display:inline;}
	
	.cart .item_details {background:url(../images/modules/cart_loading.gif) no-repeat center center;}
	.cart object,
	.cart embed {display:block; margin:auto;}
	.cart .previewToggler {cursor:pointer;}

.normal {background:#fff url(../images/modules/module_repeat.jpg) repeat-y top left;}
.normal p {padding:10px}
img.start {margin-bottom:-35px;}

/***********************************/
	
#footer_container {
	width:850px;
	margin:0 -25px 0 -50px;
	color:#7db5ff;
	padding:25px 25px 0 25px;
	background:#fff url(../images/footer_bg.gif) no-repeat top center;
	font-size:85%;
	clear:both;
}
	#footer_container ul {float:right; padding:0;}
	#footer_container li {display:inline;}
	#footer_container a:link,
	#footer_container a:visited {display:block; float:left; padding:0 10px; color:#7db5ff; border-right:1px solid #CCCCCC; text-decoration:none; text-transform:uppercase;}
	
	#footer_container a.last_footer:link,
	#footer_container a.last_footer:visited {border:none;}
	
	#footer_container a:hover {color:#6699CC; text-decoration:underline;}