/* Universal Link Colors ++++++++++++++++++++++++++++++++++++++++++++++++ */

	a:link 				{ color:#0000ff; }
	a:visited 			{ color:#000; }
	a:hover 				{ color:#000066; }
	a:active 			{ color:#0000ff; }

/* Styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
	body				{ background:#646464 url('/images/page_bg.jpg') repeat-x; }
	p					{ padding:10px 5px; color:#666; }
	strong 				{ font-weight:bold; }
	table 				{  }
	tr 				{  }
	td 				{  }
	em 					{ font-style:italic; }
	u 					{ text-decoration:underline; color:#000; }
	input			{  border: 1px solid #CCC; width:98%; }
	textarea		{  border: 1px solid #CCC; width:98%; height:200px; }
	form		{  margin:0; padding:0;  }
	.checkbox	{ border: 1px solid #CCC; width:auto; padding-left: 30px;}
	.button    {  border: 1px solid #5a72a3; width:auto;  background-color: #1e263b; color:#FFF; font-weight:bold;}
	.required	{	color:#F00; font-weight:bold; display:inline;	}
	.save_result	{ padding:8px; font:12px Arial, Verdana, Helvetica, sans-serif;	display:block; font-weight:bold; background-color:#3C0; color:#fff; width:98%;}
	.error_result	{ padding:8px; font:12px Arial, Verdana, Helvetica, sans-serif; display:block; font-weight:bold; background-color:#C00; color:#fff; width:98%;}
	.table_border			{  border: 1px solid #CCC;  }

/* Positioning ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.left 				{ text-align:left; }
	.center 				{ text-align:center; }
	.right 				{ text-align:right; }
	.justify			{ text-align:justify; }
	.float-left 			{ float:left; }
	.float-right 		{ float:right; }
	
/* Margins / Padding ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.margin-auto		{ margin:auto; }
	.padding-top-2		{ padding-top:2px; }
	.padding-bot-2		{ padding-bottom:2px; }
	.padding-bot-20		{ padding-bottom:20px; }
	.padding-bot-10		{ padding-bottom:10px; }
	.padding-0			{ padding:0; }
	.padding-5			{ padding:5px; }
	.padding-10			{ padding:10px; }
	.padding-top-5		{ padding:5px 0 0 0; }
	.padding-top-10		{ padding:10px 0 0 0; }
	.padding-top-20		{ padding-top:20px; }
	.padding-top-50		{ padding-top:50px; }
	.padding-top-70		{ padding-top:70px; }
	.padding-top-90		{ padding-top:90px; }
	.padding-lr-55		{ padding:0 55px; }
	.padding-lr-95		{ padding:10px 95px; }
	.padding-rt-20		{ padding-right:30px; }
	
	.width-5 {width:5%; }
	.width-10 {width:10%; }
	.width-20 {width:20%; }
	.width-25 {width:25%; }
	.width-33 {width:33%; }
	.width-50 {width:50%; }
	.width-70 {width:70%; }
	.width-75 {width:75%; }
	.width-100 {width:100%; }

/* Font Size ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.ten 				{ font:10px Arial, Verdana, Helvetica, sans-serif; }
	.eleven 				{ font:11px Arial, Verdana, Helvetica, sans-serif; }
	.twelve 				{ font:12px Arial, Verdana, Helvetica, sans-serif; }
	.thirteen 			{ font:13px Arial, Verdana, Helvetica, sans-serif; }
	.fourteen 			{ font:14px Arial, Verdana, Helvetica, sans-serif; }
	.fifteen 			{ font:15px Arial, Verdana, Helvetica, sans-serif; }
	.sixteen			{ font:16px Arial, Verdana, Helvetica, sans-serif; }
	.seventeen 			{ font:17px Arial, Verdana, Helvetica, sans-serif; }
	.eighteen 			{ font:18px Arial, Verdana, Helvetica, sans-serif; }
	.nineteen 			{ font:19px Arial, Verdana, Helvetica, sans-serif; }
	.twenty 				{ font:20px Arial, Verdana, Helvetica, sans-serif; }
	.twenty-one 			{ font:21px Arial, Verdana, Helvetica, sans-serif; }
	.twenty-two 			{ font:22px Arial, Verdana, Helvetica, sans-serif; }
	.twenty-three 		{ font:23px Arial, Verdana, Helvetica, sans-serif; }
	.twenty-four 		{ font:24px Arial, Verdana, Helvetica, sans-serif; }
	.thirty				{ font:30px Arial, Verdana, Helvetica, sans-serif; }
	.thirty-six			{ font:36px Arial, Verdana, Helvetica, sans-serif; }
	.forty				{ font:40px Arial, Verdana, Helvetica, sans-serif; }

/* Color ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.white				{ color:#fff; }
	.black				{ color:#000; }
	.blue				{ color:#0000ff; }
	.darkblue			{ color:#000066; }
	.yellow				{ color:#ffff00; }
	.red				{ color:#ff0000; }
	.grey				{ color:#666; }
	.lightgrey			{ background:#ddd; }
	.highlight			{ background:#ffff00; }
	
	.line_break { width:95%; height:1px;  float:center; background:#fff; border-left:1px solid #dde4ba; border-top:1px solid #dde4ba;}
	.upload_image { border:1px solid #333333; margin:10px 10px 10px 0;}

/* Index Page +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Index Page Skeleton ---------------------------------------------------- */

	#index-pg { /*background:#fff;*/ background:#404040 url('/images/page_bg.jpg') repeat-x;  }
	
		#index-pg .container { margin:auto; width:825px; border:0px solid #0000ff; background:#fff;}
		
			#index-pg .container .content { width:825px; height:750px; margin:auto; background:#fff url(/images/header_top.jpg) no-repeat top;  padding-top:1px; /*border:1px solid #dde4ba;*/ }
			
/* Index Page Header ------------------------------------------------------ */
			
				#index-pg .container .content .header { width:825px; height:63px; margin:28px 0 0 0; background:#fff url(/images/nav_back.jpg); }
				
					#index-pg .container .content .header .logo { margin:10px 0 0 25px; float:left; }
				
					#index-pg .container .content .header .navigation {  margin:22px 0 0 0; border:0px solid #000; float:right; }
					
						#index-pg .container .content .header .navigation li { font:small-caps 12px "Times New Roman", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#4a4a4a; font-weight:bold; height:50px; margin:0 12px;  list-style-type:none; float:left; }
						#index-pg .container .content .header .navigation li .first {  color:#5a72a3; text-decoration:none; padding:0 0 5px 0; background:url(/images/down_arrow.gif) no-repeat center bottom; }
						
							#index-pg .container .content .header .navigation li a:link { color:#4a4a4a; text-decoration:none; }
							#index-pg .container .content .header .navigation li a:visited { color:#4a4a4a; text-decoration:none; }
							#index-pg .container .content .header .navigation li a:hover { color:#5a72a3; text-decoration:none; padding:0 0 5px 0; background:url(/images/down_arrow.gif) no-repeat center bottom;}
							#index-pg .container .content .header .navigation li a:active { color:#5a72a3; text-decoration:none; }
				
/* Special Messages --------------------------------------------------------- */
				
				#index-pg .container .content .special-messages { font:bold 14px Arial, Verdana, Helvetica, sans-serif; color:#999999; text-align:center; width:825px; height:40px; background:url(/images/message_divider.jpg) no-repeat bottom; border:0px solid #000; float:left; }
				
/* Index Page Content ------------------------------------------------------- */
				
				#index-pg .container .content .left { width:390px; height:590px; margin:10px 5px 0 10px; background:url(/images/cart.jpg) no-repeat; float:left; }
				
				#index-pg .container .content .right { width:410px; height:590px; margin:10px 0 0 0; background:#d9e1b2; float:left; }
				
					#index-pg .container .content .right ul { margin:0; float:left; }
					
						#index-pg .container .content .right ul li { list-style-type:none; float:left; }
						
							#index-pg .container .content .right ul li.welcome-box { width:205px; height:240px; background:#7f92ba; }
							
								#index-pg .container .content .right ul li.welcome-box h3 { font:bold 17px "Times New Roman", Arial, Verdana, Helvetica, sans-serif; color:#fff; text-align:left; margin:0; padding:5px 0 0 5px; }
						
								#index-pg .container .content .right ul li.welcome-box p { font:12px Arial, Verdana, Helvetica, sans-serif; color:#fff; text-align:justify; line-height:17px; padding:5px 10px 0 5px; }
					
							#index-pg .container .content .right ul li.promotion-box { width:205px; height:240px;background:#7f92ba url('/images/home_promotions_bg.jpg') no-repeat; }
							
								#index-pg .container .content .right ul li.promotion-box h3 { font:bold 17px "Times New Roman", Arial, Verdana, Helvetica, sans-serif; color:#fff; text-align:left; margin:0; padding:5px 0 0 5px; }
						
								#index-pg .container .content .right ul li.promotion-box p { font:12px Arial, Verdana, Helvetica, sans-serif; color:#fff; text-align:justify; line-height:17px; padding:5px 10px 0 5px; }
					
							#index-pg .container .content .right ul li.whats-new-box { width:205px; height:240px;background:#657d8a url('/images/home_whats_new_bg.jpg') no-repeat; }
							
								#index-pg .container .content .right ul li.whats-new-box h3 { font:bold 17px "Times New Roman", Arial, Verdana, Helvetica, sans-serif; color:#657d8a; text-align:left; margin:0; padding:5px 0 0 5px; }
						
								#index-pg .container .content .right ul li.whats-new-box p { font:12px Arial, Verdana, Helvetica, sans-serif; color:#414141; text-align:justify; line-height:17px; padding:5px 10px 0 5px; }
					
				
				
				
				
				
/* Sub Page +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Sub Page Skeleton ---------------------------------------------------- */

	#sub-pg { /*background:#fff;*/ background:#404040 url('/images/page_bg.jpg') repeat-x;  }
	
		#sub-pg .container { margin:auto; width:825px; border:0px solid #0000ff; background:#fff;}
		
			#sub-pg .container .content { width:825px; height:100%; margin:auto; background:#fff url(/images/message_divider.jpg) no-repeat top; padding-top:5px; /*background:url(//images/sub_nav_bg.jpg) repeat-y;*/  /*border:1px solid #ccc;*/ }
			
/* sub Page Header ------------------------------------------------------ */
			
				#sub-pg .container .content .header { width:825px; height:63px; margin:2px 0 0 0; background:#fff url(/images/nav_back.jpg); }
				
					#sub-pg .container .content .header .logo { margin:10px 0 0 25px; float:left; }
				
					#sub-pg .container .content .header .navigation {  margin:22px 0 0 0; border:0px solid #000; float:right; }
					
						#sub-pg .container .content .header .navigation li { font:small-caps 12px "Times New Roman", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#4a4a4a; font-weight:bold; height:50px; margin:0 12px;  list-style-type:none; float:left; }
						
						#sub-pg .container .content .header .navigation li .first {  color:#5a72a3; text-decoration:none; padding:0 0 5px 0; background:url(/images/down_arrow.gif) no-repeat center bottom; }
						
							#sub-pg .container .content .header .navigation li a:link { color:#4a4a4a; text-decoration:none; }
							#sub-pg .container .content .header .navigation li a:visited { color:#4a4a4a; text-decoration:none; }
							#sub-pg .container .content .header .navigation li a:hover { color:#5a72a3; text-decoration:none; padding:0 0 5px 0; background:url(/images/down_arrow.gif) no-repeat center bottom;}
							#sub-pg .container .content .header .navigation li a:active { color:#5a72a3; text-decoration:none; }
				
/* Special Messages --------------------------------------------------------- */
				
				#sub-pg .container .content .special-messages { font:bold 17px Arial, Verdana, Helvetica, sans-serif; color:#000033; text-align:center; width:825px; height:40px; background:url(/images/message_divider.jpg) no-repeat bottom; border:0px solid #000; float:left; }
				
/* Sub Page Content ------------------------------------------------------- */
				#sub-pg .container .content .holder { background:url(/images/sub_nav_bg.jpg) repeat-y; display:block; margin-bottom:2px; min-height:500px;}
				#sub-pg .container .content .holder  .left { width:205px; height:100%;   background:url(/images/sub_nav_bg.jpg) repeat-y; float:left; }
				
				#sub-pg .container .content .holder .left .subnav { color:#e7e7d2; font-weight:bold; font:bold 14px "Times New Roman", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase;   margin:5px 0px 8px 20px;}
				#sub-pg .container .content .holder  .left .subnav ul { margin:0; float:left; margin: 5px 0;  }
				#sub-pg .container .content .holder  .left .subnav li { color:#fff; font: 11px  Arial, Verdana, Helvetica, sans-serif; margin:0 0 8px 20px; list-style-image:url("/images/sub_nav_bracket.gif"); list-style-type:square;}
					#sub-pg .container .content .holder  .left .subnav li .first { color:#ededed; text-decoration:undeline; font-weight:bold;}
					#sub-pg .container .content .holder  .left .subnav li .first a:link { color:#ededed; text-decoration:undeline; font-weight:bold;}
					#sub-pg .container .content .holder  .left .subnav li a:link { color:#fff; text-decoration:none; }
					#sub-pg .container .content .holder  .left .subnav li a:visited { color:#fff; text-decoration:none; }
					#sub-pg .container .content .holder  .left .subnav li a:hover { color:#ededed; text-decoration:undeline; padding:0 0 5px 0; font-weight:bold;}
					#sub-pg .container .content .holder  .left .subnav li a:active { color:#ededed; text-decoration:none;}
				
				
				#sub-pg .container .content .holder  .right { width:580px; height:100%; overflow: auto; background:#fff; float:left; text-align:left; padding: 20px;}
				
					#sub-pg .container .content .holder  .right ul { margin:0; float:left; }
					
						#sub-pg .container .content .holder  .right ul li { list-style-type:none; float:left; }
								#sub-pg .container .content .holder  .right .alt { font:bold 24px Arial, Verdana, Helvetica, sans-serif;text-align:left; margin:0; padding:5px 0 ; text-transform:uppercase;  }						
								#sub-pg .container .content .holder  .right .alt_sml { font:bold 15px Arial, Verdana, Helvetica, sans-serif;text-align:left; margin:0; padding:5px 0; text-transform:uppercase;  }						
								#sub-pg .container .content .holder  .right .cream_block { background-color:#b8be98; text-align:center;}
								#sub-pg .container .content .holder  .right  .alt_color1 { color:#b8be98; display:inline; }
								#sub-pg .container .content .holder  .right  .alt_color3 { color:#fff; display:inline; }								
								#sub-pg .container .content .holder  .right  .alt_color2 {  color:#5a72a4;  padding:5px 0;  }
						
								#sub-pg .container .content .holder  .right tr, #sub-pg .container .content .holder  .right td
								, #sub-pg .container .content .holder  .right table tr td p, #sub-pg .container .content .holder  .right p{ font:12px Arial, Verdana, Helvetica, sans-serif; color:#292a26; text-align:left; line-height:28px; }
								#sub-pg .container .content .holder  .right table { padding:20px; }
								#sub-pg .container .content .holder  .right strong {font-weight:bold;}
					
					
			
				
/* Footer Content ------------------------------------------------------- */
				#footer{ width:825px; height:110px; background:#fff; }
				
				 #footer  .left { width:274px; height:110px; margin:0;  float:left; background:#fff; border-left:1px solid #dde4ba; border-top:1px solid #dde4ba;}
				 		#footer  .left ul { margin:0; float:left; text-align:center; margin:15px 0 0 35px;}
						#footer  .left ul li { list-style-type:none; float:center; }
						#footer .left ul li  p { font:10px Arial, Verdana, Helvetica, sans-serif; color:#7a7a7b; text-align:justify; line-height:17px; padding:25px 10px 0 5px; }
				 
				 #footer  .center { width:274px; height:110px;  float:left; background:#fff; border-left:1px solid #dde4ba; border-top:1px solid #dde4ba;}
				 		#footer  .center ul { margin:0; float:left; text-align:center; margin:30px 0 0 60px;}
						#footer  .center ul li { list-style-type:none; float:left; text-align:center; }
						#footer .center ul li  p { font:10px Arial, Verdana, Helvetica, sans-serif; color:#7a7a7b; text-align:center; line-height:17px; padding:25px 10px 0 5px; }
				
				 #footer .right { width:274px; height:110px; margin:0; float:left;  background:#fff; border-left:1px solid #dde4ba; border-top:1px solid #dde4ba;}
				 		#footer  .right ul { margin:0; float:left; text-align:center; margin:15px 0 0 65px;}
						#footer  .right ul li { list-style-type:none; float:center; }
						#footer .right ul li  p { font:10px Arial, Verdana, Helvetica, sans-serif; color:#7a7a7b; text-align:center; line-height:17px; padding:15px 10px 0 5px; }