/* Generic classes */
/* -------------------------------------------------------------------------------------------*/
body	{	margin:5,0,0,0;
			background-color:#FFFFFF;
			text-align:center;	}

td,p,li,select,input,textarea	{	font-family: Arial;
			font-size: 12px;
			font-color: #333333;	}	

h1	{	font-size: 24px;
		color: #555555;
		font-weight: normal;	
		margin: 0px;}

h2	{	font-size: 16px;
		color: #555555;
		font-weight: normal;	
		margin: 0px;}
	

.requiredField	{	color:#FF0000;
					font-size: 10px;
					padding-left:3px;	}		
.errorMessage	{	color:#FF0000;	}

			
/* Page layout classes */
/* -------------------------------------------------------------------------------------------*/
.pageLayoutContainerTable	{	width:802px;
								border:none;
								padding:0px;
								}
/* -------------------------------------------------------------------------------------------*/
.pageLayoutHeader	{	width:760px;	
						height:122px;	
						background-color:#FFFFFF;
						margin-top:0px;
						margin-bottom:0px;
						margin-left:0px;
						margin-right:0px;
						padding:0px;}
/* -------------------------------------------------------------------------------------------*/						
.pageLayoutTopGlow	{	width:802px;
						height: 22px;
						background-image:url(../images/content_container_top.gif);	}
/* -------------------------------------------------------------------------------------------*/						
.pageLayoutLeftGlow	{	width:21px;
						background-image:url(../images/content_container_left.gif);
						background-repeat:repeat-y;	}
/* -------------------------------------------------------------------------------------------*/						
.pageLayoutRightGlow	{	width:21px;
							background-image:url(../images/content_container_right.gif);	
							background-repeat:repeat-y;}
/* -------------------------------------------------------------------------------------------*/						
.pageLayoutBaseGlow	{	width:802px;
						height: 100px;
						background-image:url(../images/content_container_base.gif);	}
/* -------------------------------------------------------------------------------------------*/
.pageLayoutContentContainer	{	width:760px;
								background-color:#FFFFFF;
								margin-top:0px;
								margin-bottom:0px;
								margin-left:0px;
								margin-right:0px;
								padding-left:0px;
								padding-right:0px;
								padding-top:0px;
								padding-bottom:0px;
								border:none;
							}
/* -------------------------------------------------------------------------------------------*/
.pageLayoutNavigation	{		padding-left:19px;
								width:741px;
								height:30px;
								background-image:url(../images/nav_bar_background.jpg);
								background-repeat:repeat-x;	}
/* -------------------------------------------------------------------------------------------*/
.NavLink	{	padding-left:10px;
				padding-right:10px;
				padding-top:5px;
				padding-bottom:5px;
				height:30px;
				background:none;	}
/* -------------------------------------------------------------------------------------------*/
.NavLink2	{	padding-left:10px;
				padding-right:10px;
				padding-top:5px;
				padding-bottom:5px;
				height:30px;
				background-color:#FF00FF 	}
/* -------------------------------------------------------------------------------------------*/
.NavDivider	{	width:1px;
				height:30px;	
				background-color:#FFFFFF;	}
/* -------------------------------------------------------------------------------------------*/
.pageLayoutFooter	{	padding-left:30px;
						width:700px;	
						height:10px;
						padding-top:5px;
						padding-bottom:5px;
						background-color: #FFFFFF;	
						color: #ce328c;	}




/* Content layout classes */
/* Single column page layout */
/* -------------------------------------------------------------------------------------------*/
.contentContainerSingleColumn	{	width:760px;
									padding-left:29px;
									padding-right: 0px;
									padding-top: 0px;
									margin-top:0px;
									margin-bottom:0px;
									margin-left:0px;
									margin-right:0px;	
									vertical-align: top;	}
/* -------------------------------------------------------------------------------------------*/
.contentContainerTDSingleColumn	{	width:750px;}
/* -------------------------------------------------------------------------------------------*/
/* Double column page layout */
/* -------------------------------------------------------------------------------------------*/
.contentContainerTwoColumn	{	width:760px;
								padding-top:0px;
								padding-bottom:0px;
								padding-left:0px;
								padding-right:0px;
								margin-top:0px;
								margin-bottom:0px;
								margin-left:0px;
								margin-right:0px;	
								vertical-align: top;	}
/* -------------------------------------------------------------------------------------------*/
.contentContainerTDTwoColumnLeft	{	width:452px;
										padding-left: 29px;
										padding-right: 29px;
										padding-top: 15px;
										vertical-align: top;
										}
/* -------------------------------------------------------------------------------------------*/
.contentContainerTDTwoColumnRight	{	width:192px;
										background-color:#AF6DAB;
										padding-left: 29px;
										padding-right: 29px;
										padding-top: 15px;
										vertical-align: top;
										}
/* -------------------------------------------------------------------------------------------*/
.homePageStepGuide	{	font-size:11px;
						color: #FFFFFF;	}
/* -------------------------------------------------------------------------------------------*/
.homePageStepGuideHeader	{	font-size:16px;
						color: #555555;
						line-height:20px;	}
/* -------------------------------------------------------------------------------------------*/
.productTable	{	width: 450px;
					border:1px solid #CCCCCC;
					margin-bottom:10px;
					padding	}
/* -------------------------------------------------------------------------------------------*/
.productImage	{	width:100px;
					border: 1px solid #EEEEEE;
					margin-bottom:15px;	}
/* -------------------------------------------------------------------------------------------*/
.productImageTD	{	width:100px;	
					padding-left:5px;
					padding-top:15px;
					vertical-align:top;}
/* -------------------------------------------------------------------------------------------*/
.productInfoTD	{	width:300px;
					padding: 10px;
					line-height:20px;
					vertical-align: top;
					font-size:11px;	}
/* -------------------------------------------------------------------------------------------*/
.productTitle	{	font-weight:bold;
					font-size:12px;	}
/* -------------------------------------------------------------------------------------------*/
.productQtyPriceSelector	{ font-size: 11px;}
/* -------------------------------------------------------------------------------------------*/

.ordersTable	{	width: 700px;	}
/* -------------------------------------------------------------------------------------------*/
.adminViewOrderTable	{	width: 500px;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableHeader	{	color: #000000;	
					font-size: 11px;
					font-weight: bold;
					padding:5px;
					filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#EEEEEE');
					border:1px solid #CCCCCC;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableOptionGroupHeader	{	color: #FFFFFF;	
					font-size: 11px;
					font-weight: bold;
					padding:5px;
					filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cccccc', EndColorStr='#999999');
					border:1px solid #CCCCCC;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableContent	{	color: #999999;	
					font-size: 11px;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;	
					border-bottom:1px solid #CCCCCC;
					padding: 5px;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableContentSelected	{	color: #999999;	
								background-color:#FEEFAC;
					font-size: 11px;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;	
					border-bottom:1px solid #CCCCCC;
					padding: 5px;}

/* -------------------------------------------------------------------------------------------*/
.ordersTableContentNewOrder	{	color: #555555;	
						background-color: #FFFDDD;
					font-size: 11px;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;	
					border-bottom:1px solid #CCCCCC;
					padding: 5px;}
/* -------------------------------------------------------------------------------------------*/
.adminViewOrderTableLabelTD	{	width: 150px;
								color: #999999;	
								font-size: 11px;
								border-left:1px solid #CCCCCC;
								border-right:1px solid #CCCCCC;	
								border-bottom:1px solid #CCCCCC;
								padding: 5px;
								vertical-align: top;}
/* -------------------------------------------------------------------------------------------*/
.adminViewOrderTableFieldTD	{	width: 350px;
								color: #999999;	
								font-size: 11px;
								border-left:1px solid #CCCCCC;
								border-right:1px solid #CCCCCC;	
								border-bottom:1px solid #CCCCCC;
								padding: 5px;
								vertical-align: top;}
/* -------------------------------------------------------------------------------------------*/

.generalFormTable	{	border:none;	}
.generalFormHeaderTD	{	color: #000000;	
					font-size: 11px;
					font-weight: bold;
					padding:5px;
					filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#EEEEEE');
					border:1px solid #CCCCCC;}
.generalFormLabelTD	{	padding:3px;
						width:150px;	
						vertical-align:top;}
.generalFormFieldTD	{	padding:3px;
						width: 200px;	}
.generalFormField	{	border:1px solid #CCCCCC;
						width:180px;	}
.generalFormFieldShort		{	border:1px solid #CCCCCC;
					width:80px;	}
.generalFormButton	{	font-size:12px;	}
.generalFormSpanTD	{	padding-left:3px;
						padding-top:10px;
						padding-bottom:10px;	
						width: 400px;}
.generalFormTextArea	{	width:180px;
							height:50px;}
.generalFormTextAreaLarge	{	width:250px;
							height:200px;}

/* Order process classes */
.processContent	{	width:100%;	}
/* -------------------------------------------------------------------------------------------*/
.genericHeader	{	margin-top:0px;
				margin-bottom:0px;
				margin-left:0px;
				margin-right:0px;
				background-image:url(../images/Generic_Header_Background.jpg);
				background-repeat:repeat-x;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				padding-right:0px;
				border:none;
					}		
/* -------------------------------------------------------------------------------------------*/
.noRightBoxHeader	{	margin-top:0px;
				margin-bottom:0px;
				background-image:url(../images/straight_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				border:none;
					}	
/* -------------------------------------------------------------------------------------------*/
.genericHeaderText	{	width:665px;
					padding-left: 29px;	
					padding-top:15px;
					background:none;	}
/* -------------------------------------------------------------------------------------------*/
.stepHeaderText	{	width:665px;
					padding-left: 95px;	
					padding-top:15px;
					background:none;	}			
/* -------------------------------------------------------------------------------------------*/
.stepHeader1	{	margin-top:10px;
				margin-bottom:0px;
				background-image:url(../images/step1_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				border:none;
					}
/* -------------------------------------------------------------------------------------------*/
.stepHeader2	{	margin-top:0px;
				margin-bottom:0px;
				background-image:url(../images/step2_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				border:none;
					}	
/* -------------------------------------------------------------------------------------------*/
.stepHeader3	{	margin-top:0px;
				margin-bottom:0px;
				background-image:url(../images/step3_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0x;
				padding-top:0px;
				border:none;
					}	
/* -------------------------------------------------------------------------------------------*/
.stepHeader4	{	margin-top:0px;
				margin-bottom:0px;
				background-image:url(../images/step4_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				border:none;
					}	
/* -------------------------------------------------------------------------------------------*/
.stepHeader5	{	margin-top:0px;
				margin-bottom:0px;
				background-image:url(../images/step5_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				border:none;
					}	
/* -------------------------------------------------------------------------------------------*/
.stepHeader6	{	margin-top:0px;
				margin-bottom:0px;
				background-image:url(../images/step6_Header_Background.jpg);
				background-repeat:none;	
				color: #555555;	
				font-size: 20px;
				font-weight: normal;
				width:760px;
				height:60px;
				padding-left:0px;
				padding-top:0px;
				border:none;
					}					
/* -------------------------------------------------------------------------------------------*/
.stepContent	{	border:none;	
					padding-left:29px;
					padding-right:20px;}
/* -------------------------------------------------------------------------------------------*/
.stepImage		{	margin: 5px;	}


/* You Are Here classes */
.youAreHereContainer	{	width:760px;
							margin-left:0px;
							margin-top:0px;
							margin-right:0px;
							margin-bottom:0px;
							height:70px;
							background-image:url(../images/urhere_background.jpg);
							background-repeat:repeat-x;	}
							
.youAreHereLeftCell		{ 	color:#999999;
							font-size:11px;
							width:29px;		}	
							
.youAreHereIconCell		{ 	width:30px;
							height:30px;	}
							
.youAreHereTextCell		{ 	color:#999999;
							font-size:11px;
							width:100px;
							height:30px;
							padding-left: 5px;		}	
											
.youAreHereTextCellOn		{ 	color:#333333;
								font-size:11px;
								width:100px;
								height:30px;
								padding-left: 5px;		}
									
.youAreHerePointerCell		{	height:25px;
								padding-bottom: 5px;	
								margin-left:0px;
								margin-top:0px;
								margin-right:0px;
								margin-bottom:0px;
								text-align: center;
								vertical-align: bottom;		}

.youAreHereBottomCell		{	height:10px;
								padding: 0px;	
								margin-left:0px;
								margin-top:0px;
								margin-right:0px;
								margin-bottom:0px;
								text-align: center;
								vertical-align: bottom;		}
								
															
/* Order Summary classes */
.contentContainerForOrderSummary	{	width: 700px;
										margin-left:15px;	}
.orderSummaryContainer	{	width: 192px;
							margin-left: 0px;}
.orderSummaryHeader		{	background-image:url(../images/nav_bar_background.jpg);
							background-repeat:repeat-x;		
							color: #FFFFFF;
							font-size:11px;
							font-weight:bold;
							padding: 5px;
							border-left:1px solid #CCCCCC;
							border-right:1px solid #CCCCCC;
							border-bottom:1px solid #CCCCCC;
							}
.orderSummaryContentRow	{	border-left:1px solid #CCCCCC;
							border-right:1px solid #CCCCCC;
							border-bottom:1px solid #CCCCCC;
							color: #FFFFFF;
							font-size:11px;
							padding: 5px;	
							line-height:16px;}
.orderSummaryContentRowCost	{	border-left:1px solid #AF6DAB;
								border-right:1px solid #AF6DAB;
								border-bottom:1px solid #AF6DAB;
								background-color:#AF6DAB;
								color: #FFFFFF;
								font-weight:normal;
								text-align:right;
								font-size:11px;
								padding-left:5px;
								padding-top: 3px;	
								padding-bottom: 3px;
								line-height:16px;}
.orderSummaryContentRowCostTotal	{	border-left:1px solid #c093c6
								border-right:1px solid #c093c6;
								border-bottom:1px solid #c093c6;
								background-color:#c093c6;
								color: #FFFFFF;
								font-weight:bold;
								text-align:right;
								font-size:11px;
								padding-left:5px;
								padding-top: 3px;	
								padding-bottom: 3px;
								line-height:16px;}
								
								
.productOptionTableTDLabel		{	font-size:11px;
									border-bottom:1px dotted #CCCCCC;	
									padding-top: 10px;}

.productOptionTableSelector		{	font-size:11px;	}


A.orderSummaryLink:link {font-size:11px;font-weight:normal;color:#ffeeee;text-decoration:none;}
A.orderSummaryLink:visited {font-size:11px;font-weight:normal;color:#ffeeee;text-decoration:none;}
A.orderSummaryLink:hover {font-size:11px;font-weight:normal;color:#ffeeee;text-decoration:none;}
A.orderSummaryLink:active {font-size:11px;font-weight:normal;color:#ffeeee;text-decoration:none;}							
/* -------------------------------------------------------------------------------------------*/						
							
							
/* Link classses */
/* -------------------------------------------------------------------------------------------*/
A:link {color:#ce328c;font-weight:normal;text-decoration:none;}
A:visited {color:#ce328c;font-weight:normal;text-decoration:none;}
A:hover {color:#ad6caa;font-weight:normal;text-decoration:none;}
A:active {color:#ce328c;font-weight:normal;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/
A.linkFooter:link {font-size:11px;font-weight:normal;color:#ce328c;text-decoration:none;}
A.linkFooter:visited {font-size:11px;font-weight:normal;color:#ce328c;text-decoration:none;}
A.linkFooter:hover {font-size:11px;font-weight:normal;color:#ad6caa;text-decoration:none;}
A.linkFooter:active {font-size:11px;font-weight:normal;color:#ce328c;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/
A.linkNavigation:link {font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
A.linkNavigation:visited {font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
A.linkNavigation:hover {font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
A.linkNavigation:active {font-size:12px;font-weight:bold;color:#FFFFFF;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/
A.urhereLink:link {font-size:11px;font-weight:normal;color:#ce328c;text-decoration:none;}
A.urhereLink:visited {font-size:11px;font-weight:normal;color:#ce328c;text-decoration:none;}
A.urhereLink:hover {font-size:11px;font-weight:normal;color:#ad6caa;text-decoration:none;}
A.urhereLink:active {font-size:11px;font-weight:normal;color:#ce328c;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/