/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ ECOMMERCE LITE ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
		Prefix with Continer ID to apply style to individual containers.
*/

/* === [ GLOBAL STYLE ] === */

.ECommerceLite {
	position: relative;
	margin: 0px 0 10px 0;
	padding: 0px;
	clear: both;
	padding: 5px 10px;
}

/* === [ Next Step ] === */

.ECommerceLite .NextStep {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
	text-align: right;
}	

/* === [ Product List Table ] === */

.ECommerceLite .ProductList {
	border-collapse:collapse;
    empty-cells: show;
	width: 100%;
	margin: 0 0 10px 0;
}
	/* === [ Item Row ] === */
	.ECommerceLite .ProductList .ItemRow td {
		background: #FFFFFF;
		padding: 8px;
		vertical-align: top;
	}
	/* === [ Sub Total Row ] === */
	.ECommerceLite .ProductList .SubTotalRow td {
		font-size: 1.2em;
		font-weight: bold;
		padding: 3px 0px;
	}
	/* === [ Table Spacer - Between each Item ] === */
	.ECommerceLite .SpacerRow td {
		padding: 6px 0px;
	}

/* === [ Cells ] === */
		
	.ECommerceLite .ProductList .TitleCell {
	}
	.ECommerceLite .ProductList .PriceCell,
	.ECommerceLite .ProductList .QuantityCell {
		width: 30px;
	}
	.ECommerceLite .ProductList .ThumbnailCell {
	}
	.ECommerceLite .ProductList .TotalCell {
		width: 50px;
	}
	
/* === [ Items ] === */

	/* Custom Title */
	.ECommerceLite .ProductList .ListCustomTitle {
		color: #434343;
		background: url(/Templates/TigerTransport/_images/CustonTitle-bkg.gif) repeat-x top left;
		text-transform: uppercase;
		font-size: 1.1em;
		margin: 0 0 0.5em 0;
		font-weight: bold;
		padding: 4px 0 4px 10px;
	}
	/* Thumbnail */	
	.ECommerceLite .ProductList .ItemThumbnail {
	}
	/* Title */
	.ECommerceLite .ProductList .ItemTitle {
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 0.4em;
		color: #434343;
	}
		.ECommerceLite .ProductList .ItemTitle a:visited, 
		.ECommerceLite .ProductList .ItemTitle a:link, 
		.ECommerceLite .ProductList .ItemTitle a:hover {
		}
	/* Summary */
	.ECommerceLite .ProductList .ItemSummary {
		font-size: 0.9em;
	}
	/* Header */
	.ECommerceLite .ProductList .ItemHeader {
		font-size: 0.9em;
		color: #434343;
		text-transform:uppercase;
	}
	/* Quantity */
	.ECommerceLite .ProductList .ItemQuantity {
		font-size: 0.9em;
	}
		.ECommerceLite .ProductList .QuantityCell input {
			width: 20px;
			text-align: center;
			border: #999999 1px solid;
			font-size: 11px;
		}	
	/* Prices */
	.ECommerceLite .ProductList .ItemPrice {
		font-weight: bold;
		font-size: 1.2em;
		padding: 3px 0px 0px 0px;
		color: #cc0000;
	}
	.ECommerceLite .ProductList .ItemTotal {
		font-weight: bold;
		font-size: 1.2em;
		padding: 3px 0px 0px 0px;
		color: #cc0000;
	}
	.ECommerceLite .ProductList .SalePrice {
		color: #CC0000;
		padding: 4px 0px 0px 0px;
	}
	.ECommerceLite .ProductList .StrikeThrough {
		text-decoration: line-through;
		color: #cc0000;
		font-size: 0.8em;
	}
	/* Sub Totals */
	.ECommerceLite .ProductList .SubTotalRow .SubTotalLabel {
		text-align: right;
		padding-right: 20px;
		color: #434343;
	}
	.ECommerceLite .ProductList .SubTotalRow .SubTotal {
		text-align: right;
		color: #CC0000;
	}




/* -----[ eLite Form ]--------------------------------------------------------------------- */

/* === [ GLOBAL STYLE ] === */
.ECommerceLite .eLiteForm {
	position: relative;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0px;
	vertical-align: top;
	height: 1%;
}

/* === [ Field Grouping ] === */
	.ECommerceLite .EnquiryLabelGroup {
		display: block;
		width: 100%;
		clear: both;
	}

/* === [ RadioButton ] === */
	.ECommerceLite .OrderRadio {
		margin: 0px;
	}

/* === [ Border and Spacing ] === */
.ECommerceLite .eLiteForm fieldset {
	position: relative;
	display: block;
	clear: both;
	padding: 10px 10px 20px 10px;
	border: none;
}

/* === [ Legend Text ] === */

.ECommerceLite .eLiteForm legend {
	font-size: 1em;
	text-transform: uppercase;
	margin: 8px 0px 8px -7px;
	font-weight: bold;
	color: #434343;
	background: url(/Templates/TigerTransport/_images/CustonTitle-bkg.gif) repeat-x top left;
	padding: 4px 0 4px 10px;
	display: block;
	clear: none; 
}


/* === [ Lable Text ] === */
.ECommerceLite .eLiteForm label.EnquiryLabel {
	position: relative;
	display: block;
	float: left;
	width: 130px;
	color: #434343;
	padding-right: 5px;
	margin-bottom: 5px;
}

/* === [ Form Fields ] === */
.ECommerceLite .eLiteForm input, 
.ECommerceLite .eLiteForm select, 
.ECommerceLite .eLiteForm textarea {
	position: relative;
	display: inline;
	font-family: sans-serif;
	margin-bottom: 2px;
	font-size: 11px;
}

/* === [ Asterix ] === */
.ECommerceLite .RequiredMarker {
	color: red;
	padding: 0px 2px;
}

/* === [ Order Summary Table ] === */

.ECommerceLite .OrderSummary {
	border-collapse:collapse;
    empty-cells: show;
	width: 100%;
	margin: 0 0 10px 0;
}
.ECommerceLite .OrderSummaryCell {
	width: 130px;
}

.ECommerceLite .OrderSummaryCell .OrderTotalLabel,
.ECommerceLite .OrderSummaryCell .ShippingLabel,
.ECommerceLite .OrderSummaryCell .TaxLabel {
	font-weight: bold;
	color: #434343;
	padding-right: 5px;
	margin-bottom: 5px;
}
.ECommerceLite .OrderSummaryCell .TotalPriceLabel {
	font-weight: bold;
	font-size: 1em;
	color: #333333
}
.ECommerceLite .OrderSummary .OrderTotal,
.ECommerceLite .OrderSummary .Shipping,
.ECommerceLite .OrderSummary .Tax {
}
.ECommerceLite .OrderSummary .TotalPrice {
	color: #CC0000;
	font-weight: bold;
}
.ECommerceLite .OrderSummary .OrderDescription {
	font-weight: bold;
	color: #333333;
}

/* === [ Error Text ] === */
.ECommerceLite .EnquiryError {
	position: relative;
	display: inline-block;
	clear: both;
	font-size: 0.9em;
	min-width: 250px;
}

/* -----[ Confirmation Page ]--------------------------------------------------------------------- */


/* DO NOT REMOVE COMMENT BELOW - ALL confirmation page styles must go after the START CONFIRMATION SECTION comment */
/*--- START CONFIRMATION SECTION ---*/

.OrderConfirmation {
	position: relative;
	display: block;
	clear: both;
	height: 1%;
	margin: 0px 0px 10px 0px;
}

.ECommerceLite .CustomTitle {
	color: #434343;
	font-weight: bold; 
	font-size: 1.2em; 
	margin: 5px 0;
	background: url(/Templates/TigerTransport/_images/CustonTitle-bkg.gif) repeat-x top left;
	padding: 4px 0 4px 10px;
}
.ECommerceLite .ConfirmationMessage {
	color: #333333;
	margin-bottom: 0.9em;
}

.OrderConfirmation .ShippingMethodText {

}

.OrderConfirmation .CompanyDetails {
	float: right;
	margin: 0 10px 10px 10px;
}

.OrderConfirmation .CompanyDetails .CompanyName,
.OrderConfirmation .CompanyDetails .PostalAddress,
.OrderConfirmation .CompanyDetails .PostCode,
.OrderConfirmation .CompanyDetails .Region,
.OrderConfirmation .CompanyDetails .Country,
.OrderConfirmation .CompanyDetails .Phone,
.OrderConfirmation .CompanyDetails .Email,
.OrderConfirmation .CompanyDetails .TaxNumber {
	 font-weight: bold;
	 color: #434343;
}

.OrderConfirmation .CompanyDetails .Suburb{
	font-weight: bold;
	color: #434343;
	float: left;
	clear: none;
	width: 100px;
}
 
.OrderConfirmation .YourDetails {
}


.OrderConfirmation .YourDetails .Header{
	 font-weight: bold; 
	 font-size: 1.2em; 
	 margin: 5px 0;
	 color: #434343;
	 font-weight: bold;
}

.OrderConfirmation .OrderSummary .Header {
	 font-size: 1.2em; 
	 margin: 5px 0;
	 color: #434343;
	 font-weight: bold;
	 background: none;
}

.OrderConfirmation .YourDetails .CompanyName,
.OrderConfirmation .YourDetails .Email,
.OrderConfirmation .YourDetails .Phone,
.OrderConfirmation .YourDetails .CompanyName {
	margin: 4px 0 20px 0;
	color: #333333;
}

.OrderConfirmation .YourDetails .Address {
	border: #d4d4d4 1px dotted;
	margin: 60px 10px -40px 0;
	padding: 10px;
}
.OrderConfirmation .YourDetails .Address label{
	font-weight: bold;
	font-size: 1.1em;
	color: #434343;
}
.OrderConfirmation .OrderNumber {
	border-bottom: 1px solid #434343;
	margin-bottom: 0.6em; 
}

.OrderConfirmation .OrderNumber label{
	font-weight: bold;
	font-size: 1em;
	color: #434343;
	float:left;
	clear: none; 
	width: 125px;
}
.OrderConfirmation .YourDetails .Address .DeliveryInstructions{
	color: #000000;
}

.OrderConfirmation .YourDetails .Address .Address1,
.OrderConfirmation .YourDetails .Address .Address2,
.OrderConfirmation .YourDetails .Address .Address3,
.OrderConfirmation .YourDetails .Address .PostCode,
.OrderConfirmation .YourDetails .Address .Region,
.OrderConfirmation .YourDetails .Address .Country {
	margin: 4px 0;
	color: #333333;
}

.OrderConfirmation .OrderSummary {
	margin: 50px 0;
	padding: 20px 0 0 0;
	width: 100%;
	color: #333333;
	background: url(/Templates/TigerTransport/_images/CustonTitle-bkg.gif) repeat-x top left;
	padding: 4px 0 4px 10px;
}
.OrderConfirmation .OrderSummary table {
	width: 100%;
}
.OrderConfirmation .OrderSummary .alternate {
}

.OrderConfirmation .OrderSummary .OrderDate,
.OrderConfirmation .OrderSummary .PaymentMethod,
.OrderConfirmation .OrderSummary .PaymentStatus {
	border-bottom: 1px solid #cbcbcb;
	margin-bottom: 0.3em;
	margin-left: 0.3em;
}


.OrderConfirmation .OrderSummary .OrderDate label,
.OrderConfirmation .OrderSummary .PaymentMethod label,
.OrderConfirmation .OrderSummary .PaymentStatus label { 
	font-weight: bold;
	float:left;
	clear: none; 
	width: 125px;
}

.OrderConfirmation .OrderNumber div,
.OrderConfirmation .OrderSummary .OrderDate div,
.OrderConfirmation .OrderSummary .PaymentMethod div,
.OrderConfirmation .OrderSummary .PaymentStatus div, {
	margin: 0 20px 0 90px;
	display: block;
	height: 1.4em;
}

.OrderConfirmation .OrderSummary table td {

	width:25%;
	padding-right: 10px;
}
.OrderConfirmation .OrderSummary table .Header {
	font-weight: bold;
	font-size: 1.1em;
}
.OrderConfirmation .OrderSummary table .ProductInfoTitle {
	font-weight: bold;
	font-size: 1.1em;
}

.OrderConfirmation .OrderSummary .ProductTitle,
.OrderConfirmation .OrderSummary .Quantity,
.OrderConfirmation .OrderSummary .UnitPrice,
.OrderConfirmation .OrderSummary .ItemTotal,
.OrderConfirmation .OrderSummary .SubTotalLabel,
.OrderConfirmation .OrderSummary .SubTotal,
.OrderConfirmation .OrderSummary .ShippingLabel,
.OrderConfirmation .OrderSummary .Shipping,
.OrderConfirmation .OrderSummary .TaxLabel,
.OrderConfirmation .OrderSummary .Tax {
	
}
 
.OrderConfirmation .OrderSummary .TotalLabel {
	font-size: 1em;
	font-weight:bold;
	text-transform: uppercase;
}

.OrderConfirmation .OrderSummary .Total {
	color:#CC0000;
	font-size: 1.2em;
	font-weight:bold;
}

/*--- END CONFIRMATION SECTION ---*/
/* DO NOT REMOVE ABOVE COMMENT - ALL confirmation page styles must go before the END CONFIRMATION SECTION comment */



