/* Generic classes */
/* -------------------------------------------------------------------------------------------*/
body	{	margin:0,0,0,0;
			text-align:left;
			background-color: #D2D2D2;
			background-image: url(../images/bg.png);
			background-repeat:repeat-x;
			background-position:top;
			margin-top: 0px;
			margin-bottom:0px;
		}

td,p,li,select,input,textarea	{	color: #555555;
									font-family: Tahoma,Verdana;
									font-size:12px;
								}	

h1	{	font-size: 24px;
		line-height:40px;
		color: #333333;
		font-weight: normal;	
		margin: 0px;
		border-bottom:1px solid #CCCCCC;}

h2	{	font-size: 16px;
		line-height:36px;
		color: #333333;
		font-weight: normal;	
		margin: 0px;
		border-bottom:1px solid #CCCCCC;}
	

.requiredField	{	color:#FF0000;
					padding-left:3px;	}		
.errorMessage	{	color:#FF0000;	}
			
/* -------------------------------------------------------------------------------------------*/
.productTable	{	width: 100%;
					border:10px solid #EEEEEE;
					margin-bottom:10px;
				}
/* -------------------------------------------------------------------------------------------*/
.productImage	{	width:100px;
					border: none;	}
/* -------------------------------------------------------------------------------------------*/
.productImageTD	{	width:25%;
					padding:10px;	}
/* -------------------------------------------------------------------------------------------*/
.productInfoTD	{	width:75%;
					padding: 12px;
					line-height:20px;
					vertical-align: top;}
/* -------------------------------------------------------------------------------------------*/
.productTitle	{	font-weight:bold;
					font-size:14px;	}
/* -------------------------------------------------------------------------------------------*/
.productQtyPriceSelector	{ font-size: 12px;}
/* -------------------------------------------------------------------------------------------*/

.ordersTable	{	width: 100%;	}
/* -------------------------------------------------------------------------------------------*/
.adminViewOrderTable	{	width: 500px;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableHeader	{	color: #000000;	
					font-size: 12px;
					font-weight: bold;
					padding:5px;
					background-color:#EEEEEE;
					border:1px solid #CCCCCC;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableContent	{	color: #999999;	
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;	
					border-bottom:1px solid #CCCCCC;
					padding: 5px;}
/* -------------------------------------------------------------------------------------------*/
.ordersTableContentNewOrder	{	color: #555555;	
						background-color: #FFFDDD;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;	
					border-bottom:1px solid #CCCCCC;
					padding: 5px;}
/* -------------------------------------------------------------------------------------------*/
.adminViewOrderTableLabelTD	{	width: 150px;
								color: #999999;	
								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;	
								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-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;	}
.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:10px;
					margin-bottom:0px;
					background-image:url(../images/Generic_Header_Background.jpg);
					background-repeat:none;	
					color: #555555;	
					font-size: 20px;
					font-weight: normal;
					width:760px;
					height:60px;
					padding-left:29px;
					padding-top:15px;
					border:none;
						}		
/* -------------------------------------------------------------------------------------------*/
.noRightBoxHeader	{	margin-top:10px;
				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:29px;
				padding-top:15px;
				border:none;
					}				
											
/* Order Summary classes */
.orderSummaryContainer	{	width: 100%;
							margin-left: 0px;}
.orderSummaryContentRow	{	border-bottom:1px solid #CCCCCC;
							font-size:11px;
							padding: 0px;	
							line-height:20px;}
.orderSummaryContentRowCost	{	border-bottom:1px solid #CCCCCC;
								background-color:#eeeeee;
								font-weight:normal;
								text-align:left;
								padding: 0px;
								padding-left:2px;
								line-height:20px;}
.orderSummaryContentRowCostTotal	{	font-weight:normal;
										color:#000000;
										background-color:#dddddd;
										text-align:left;
										padding: 0px;
										padding-left:2px;
										line-height:20px;}
A.orderSummaryLink:link {font-size:12px;font-weight:normal;color:#777777;text-decoration:none;}
A.orderSummaryLink:visited {font-size:12px;font-weight:normal;color:#777777;text-decoration:none;}
A.orderSummaryLink:hover {font-size:12px;font-weight:normal;color:#777777;text-decoration:none;}
A.orderSummaryLink:active {font-size:12px;font-weight:normal;color:#777777;text-decoration:none;}							
/* -------------------------------------------------------------------------------------------*/						
							
							
/* Link classses */
/* -------------------------------------------------------------------------------------------*/
A:link {color:#0A3D05;font-weight:normal;text-decoration:none;}
A:visited {color:#0A3D05;font-weight:normal;text-decoration:none;}
A:hover {color:#AF3237;font-weight:normal;text-decoration:none;}
A:active {color:#0A3D05;font-weight:normal;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/
A.linkFooter:link {font-size:12px;font-weight:normal;color:#F1F1F5;text-decoration:none;}
A.linkFooter:visited {font-size:12px;font-weight:normal;color:#F1F1F5;text-decoration:none;}
A.linkFooter:hover {font-size:12px;font-weight:normal;color:#FFFFFF;text-decoration:none;}
A.linkFooter:active {font-size:12px;font-weight:normal;color:#F1F1F5;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/
A.HeaderNav:link {font-size:12px;font-weight:normal;color:#F1F1F5;text-decoration:none;}
A.HeaderNav:visited {font-size:12px;font-weight:normal;color:#F1F1F5;text-decoration:none;}
A.HeaderNav:hover {font-size:12px;font-weight:normal;color:#FFFFFF;text-decoration:none;}
A.HeaderNav:active {font-size:12px;font-weight:normal;color:#F1F1F5;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:12px;font-weight:normal;color:#999999;text-decoration:none;}
A.urhereLink:visited {font-size:12px;font-weight:normal;color:#999999;text-decoration:none;}
A.urhereLink:hover {font-size:12px;font-weight:normal;color:#001376;text-decoration:none;}
A.urhereLink:active {font-size:12px;font-weight:normal;color:#999999;text-decoration:none;}
/* -------------------------------------------------------------------------------------------*/

td#dbg a:link {
	color: #FFFFFF;
	text-decoration: none;
}
td#dbg a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
td#dbg a:active {
	color: #FCFCFC;
	text-decoration: none;
}
td#dbg a:hover {
	color: #FCFCFC;
	text-decoration: underline;
}
.Main {
	background-color: #F0F0EB;
	border-left:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	width:955px;
	}
.Header {
	background-image:url(../images/header.png);
	background-repeat:repeat-x;
	width:955px;
	height:175px;
	}
.TopNav {
	padding:10px 20px 20px 20px;
	width:100%;
	height:175px;
	}
.TopNavBottom {
	text-align:right;
	vertical-align:bottom;
	color:#F1F1F5;
	}
.TopNavTop {
	text-align:right;
	vertical-align:top;
	}
.MainLeft {
	width:220px;
	border-right:1px solid #C9C9C9;
	vertical-align:top;
	}
.MainCentre {
	background-color:#FFFFFF;
	vertical-align:top;
	border-left:10px solid #F0F0EB;
	border-right:10px solid #F0F0EB;
	padding:10px;
	vertical-align:top;
	}
.MainRight {
	width:220px;
	border-left:1px solid #C9C9C9;
	vertical-align:top;
	vertical-align:top;
	}
.FooterLeft {
	background-color: #0A3D05;
	color: #FFFFFF;
	height:50px;
	width:150px;
	text-align:center;
	padding:10px;
	vertical-align:middle;
	}

.FooterCentre {
	background-color: #0A3D05;
	color: #FFFFFF;
	height:50px;
	text-align:center;
	padding:10px;
	vertical-align:middle;
	}
.FooterRight {
	background-color: #0A3D05;
	color: #FFFFFF;
	height:50px;
	width:150px;
	text-align:center;
	padding:10px;
	vertical-align:middle;
	}
	
.ContainerLightGreyCornerTL {
	height:10px;
	width:10px;
	background-image:url(../images/F0F0EB_tl.png);
	background-repeat:no-repeat;
	background-position:top left;
	}
.ContainerLightGreyCornerTR {
	height:10px;
	width:10px;
	background-image:url(../images/F0F0EB_tr.png);
	background-repeat:no-repeat;
	background-position:top right;
	}
.ContainerLightGreyTL {
	vertical-align:top;
	text-align:left;
	background-image:url(../images/containergreyfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:31px;
	width:10px;
	}
.ContainerLightGreyTop {
	text-align:left;
	vertical-align:middle;
	background-image:url(../images/containergreyfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:31px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	color:#0A3D05;
	}
.ContainerLightGreyTR {
	text-align:right;
	vertical-align:top;
	background-image:url(../images/containergreyfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:31px;
	width:10px;
	}
.ContainerColorTL {
	vertical-align:top;
	text-align:left;
	background-image:url(../images/containercolorfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:31px;
	width:10px;
	}
.ContainerColorTop {
	text-align:left;
	vertical-align:middle;
	background-image:url(../images/containercolorfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:31px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}
.ContainerColorTR {
	text-align:right;
	vertical-align:top;
	background-image:url(../images/containercolorfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:31px;
	width:10px;
	}
.ContainerBL {
	height:10px;
	width:10px;
	background-image:url(../images/F0F0EB_bl.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
.ContainerBR {
	height:10px;
	width:10px;
	background-image:url(../images/F0F0EB_br.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
.ContainerBL {
	vertical-align:bottom;
	text-align:left;
	background-color:#FFFFFF;
	width:10px;
	}
.ContainerBR {
	text-align:right;
	vertical-align:bottom;
	background-color:#FFFFFF;
	width:10px;
	}
.ContainerSides {
	vertical-align:top;
	background-color:#FFFFFF;
	width:10px;
	}

.ContainerBase {
	vertical-align:top;
	background-color:#FFFFFF;
	height:10px;
	}
	
.ContainerContent {
	vertical-align:top;
	background-color:#FFFFFF;
	padding:10px;
	font-size:11px;
	}
.ContainerContent P {
	vertical-align:top;
	background-color:#FFFFFF;
	padding:0px;
	font-size:11px;
	}
.ContainerTable {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	height:100%;
	vertical-align:top;
	}
.MenuLightGreyCornerTL {
	height:10px;
	width:10px;
	background-image:url(../images/F2F2EF_tl.png);
	background-repeat:no-repeat;
	background-position:top left;
	}
.MenuLightGreyCornerTR {
	height:10px;
	width:10px;
	background-image:url(../images/F2F2EF_tr.png);
	background-repeat:no-repeat;
	background-position:top right;
	}
.MenuLightGreyTL {
	vertical-align:top;
	text-align:left;
	background-image:url(../images/containergreyfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:25px;
	width:10px;
	}
.MenuLightGreyTop {
	text-align:left;
	vertical-align:middle;
	background-image:url(../images/containergreyfade.png);
	background-repeat:repeat-x;
	background-position:top;
	}
.MenuHeaderLeft {
	padding-left:10px;
	text-align:left;
	vertical-align:middle;
	height:25px;
	font-size:12px;
	font-weight:bold;
	color:#0A3D05;
	}
.MenuHeaderLeftOff {
	padding-left:10px;
	text-align:left;
	vertical-align:middle;
	height:25px;
	font-size:12px;
	font-weight:normal;
	color:#0A3D05;
	}
.MenuHeaderComplete {
	background-image:url(../images/tick.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-left:10px;
	text-align:left;
	vertical-align:middle;
	height:25px;
	font-size:12px;
	font-weight:normal;
	color:#0A3D05;
	}
	
.MenuLightGreyTR {
	text-align:right;
	vertical-align:top;
	background-image:url(../images/containergreyfade.png);
	background-repeat:repeat-x;
	background-position:top;
	height:25px;
	width:10px;
	}
.MenuWhiteCornerTL {
	height:10px;
	width:10px;
	background-image:url(../images/FFFFFF_tl.png);
	background-repeat:no-repeat;
	background-position:top left;
	}
.MenuWhiteCornerTR {
	height:10px;
	width:10px;
	background-image:url(../images/FFFFFF_tr.png);
	background-repeat:no-repeat;
	background-position:top right;
	}
	
/* klik2print version3 classes */

.basketSummaryTable	{	width:100%;	}
.basketSummaryTableOrderRefLeft { padding:2px; background-color:#EFEFEF; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding-bottom:5px; vertical-align: middle;	padding-top: 5px;}
.basketSummaryTableOrderRefRight { padding:3px; background-color:#EFEFEF; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-bottom:5px; vertical-align: middle; text-align:right; padding-top:5px; }
.basketSummaryTableTitleLeft {	font-weight:bold; width:90%; padding:2px; padding-top:10px; border-bottom:1px solid #CCCCCC;	}
.basketSummaryTableTitleRight {		font-weight:bold; width:10%; padding:2px; padding-top:10px; border-bottom:1px solid #CCCCCC; text-align:right;	}
.basketSummaryTableContentLeft { padding:2px; border-bottom:1px solid #EEEEEE; vertical-align: top;	}
.basketSummaryTableContentRight { padding:2px; border-bottom:1px solid #EEEEEE;	vertical-align: top; text-align:right; }
.basketSummaryOrderLineDetails { padding:2px; border-bottom:1px solid #EEEEEE;	}
.basketSummaryTableContentHighlightLeft { padding:2px; background-color: #EEEEEE; vertical-align: top;	}
.basketSummaryTableContentHighlightRight { padding:2px; background-color: #EEEEEE;	vertical-align: top; text-align:right; }


.qpProductTitle	{	font-weight:bold;
					font-size:14px;
					border-bottom:1px dotted #cccccc;		}
.qpProductDescription	{	padding-top:5px;
							line-height:20px;
							vertical-align:top;	}
.qpProductPricePrefix	{	font-size:9px;	}
.qpProductPriceSuffix	{	font-size:9px;
							line-height:15px;	}
.qpProductPriceSuffixLink	{	font-size:11px;
								line-height:15px;	}
.qpProductPrice	{	padding-left:20px;
					padding-top:7px;
					font-size:20px;
					vertical-align:top;
					text-align:center;
					width:100px;	}

.qpPricingSummaryTable	{	width:100%;
							border:1px dotted #CCCCCC;	}
.qpPricingSummaryTableUnitPriceHeader	{	font-weight:bold;
											vertical-align:top;
											text-align:center;
											border-bottom:1px dotted #CCCCCC;	}					
.qpPricingSummaryTableQuantityHeader	{	font-weight:bold;
											vertical-align:top;
											text-align:center;
											border-bottom:1px dotted #CCCCCC;	}										
.qpPricingSummaryTableTotalPriceHeader	{	font-weight:bold;
											vertical-align:top;
											text-align:center;
											border-bottom:1px dotted #CCCCCC;	}	
.qpPricingSummaryTableUnitPrice	{	padding:5px;
									font-size:20px;
									vertical-align:top;
									text-align:center;	}					
.qpPricingSummaryTableQuantity	{	padding-top:5px;
									padding-left:10px;
									padding-right:10px;
									vertical-align:top;
									text-align:center;	}										
.qpPricingSummaryTableTotalPrice	{	padding:5px;
										font-size:20px;
										vertical-align:top;
										text-align:center;}		
										
.basketDeleteImage	{	padding-left:5px;
						width:8px;
						height:8px;	}