﻿* 
{
	margin:0px;
	padding:0px
} 

html, form, #mainContainer 
{
	height:100%;
	margin:10px auto;
}


body 
{
	font-family:Arial;
	font-size:12px;
	color:#101010;
	background-color:#13283B;
	height:100%;
	
}

img 
{
	border:0px none;
}


.mainContainer
{
	margin:0px auto;
	width:971px
}

.siteFooter
{	position:relative;
	width:971px;
	height:92px;
	padding-top:12px;
	text-align:center
}

.formFieldContainer 
{
	position:relative;
	height:42px;
}

.formContainer
{
	width:100%;
	padding:8px 0px 0px 120px;
}

.textboxStyle
{
	border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-right:1px solid #202020;border-bottom:1px solid #202020;
	padding:3px;background-color:#ffffff;color:#404040
}

.textboxStyle2
{
	border:0px none;padding:3px;background-color:#ffffff;color:#404040;font-size:19px;width:280px;
}

.textboxStyle2_enquiry
{
	resize:none;border:0px none;padding:3px;background-color:#ffffff;color:#404040;font-size:19px;width:444px;height:108px;overflow:auto;
}

.fieldTitle
{
	width:250px;text-align:right;padding:8px 0px 8px 0px;
	font-size:16px;color:#000000;font-weight:bold;
}

.fieldLabel
{
	width:180px;margin-top:4px;font-size:12px;color:#0F75BF;font-weight:bold;
}

.fieldContainer
{
	width:200px;
}


.contentArea
{
	width:971px;
	height:auto;
}

.contentBody
{
	background-color:#fff;
	color:#101010;
	height:100%;
}

.padding8
{
	padding:8px
}

.medium
{
	font-size:14px;
}

.large
{
	font-size:18px;
}

.center
{
	text-align:center;
}

.bold
{
	font-weight:bold;	
}

.largeLetteringDiv
{
	font-size:40px;
	color:#606060;
	width:100%;
	text-align:center;
}

.pageHeaderStyle
{
	color:#fefefe;
	font-size:20px;
	padding:5px 0px 0px 12px;
}

.infoBox
{
	border:1px solid #606060;
	padding:8px;
	font-size:15px;
	width:400px;
	margin:0px auto;	
}

.positionRelative
{
	position:relative;
}

.homeHeader
{
	background-image:url(../images/tmpHomeHeader.gif);
	width:971px;
	height:40px;
}


.formOuter
{
	position:relative;
	width:500px;
	margin:20px auto;
	border:2px solid #0F75BF;
	background-color:#95BFD8;
}


.formInner
{
	position:relative;
	padding:8px;
	color:#202020;
	font-size:12px;
}

.panelQuoteHeaderCol1
{
	float:left;
	background-image:url(../images/header707.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#ffffff;
	width:707px;
	height:40px
}
.panelQuoteCol2
{
	float:left;
	width:8px;
}
.panelQuoteHeaderCol3
{
	float:left;
	background-image:url(../images/header257.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#ffffff;
	width:257px;
	height:40px;
}





.dimError
{
	color:#F00000;font-weight:bold;
}

.errorControl
{
	border-top:1px solid #cc3300;border-left:1px solid #d0d0d0;border-right:1px solid #202020;border-bottom:1px solid #202020;
	padding:3px;background-color:#cc3300;color:#fff;
}

.errorBox
{
	border:1px solid #EF0000;
	width:400px;
	margin:0px auto;
	padding:5px;
	text-align:center;
	color:#EF0000;
	font-weight:bold;
	text-align:left;
}

.dateError
{
	background-color:#f00000;padding:2px;color:#ffffff;
}



.pointer
{
	cursor:pointer;
}

.addressBox
{
	padding:4px;border:1px solid #404040;	
}


.addressInputBox
{
	background-color:#f0f0f0;border:1px solid #d0d0d0;color:#101010;padding:2px;width:180px;font-size:12px;
}

.addressInputBoxError
{
	background-color:#f0f0f0;border:1px solid #d80000;color:#101010;padding:2px;width:180px;font-size:12px;
}


.parcelInput
{
	background-color:#ffffff;
	border:0px none;
	text-align:center;
	font-family:Courier;
	font-size:12px;
	padding-top:2px;
	width:48px;
	height:16px;
}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/iconCalendar.jpg) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


.addressBox
{
	border:1px solid #d0d0d0;
	background-color:#f0f0f0;
	padding:2px;
	font-size:10px;
	overflow:hidden;
}

.orderCol1
{
	float:left;font-size:12px;width:80px;padding:0px 8px 0px 0px;	
}

.orderCol2
{
	float:left;font-size:12px;width:40px;padding:0px 8px 0px 0px;
}

.orderCol3
{
	float:left;font-size:12px;width:80px;padding:0px 8px 0px 0px;	
}

.orderCol4
{
	float:left;font-size:12px;width:150px;padding:0px 8px 0px 0px;	
}

.orderCol5
{
	float:left;font-size:12px;width:150px;padding:0px 8px 0px 0px;	
}

.orderCol6
{
	float:left;font-size:12px;width:55px;padding:0px 8px 0px 0px;
}

.orderCol7
{
	float:left;font-size:12px;width:55px;padding:0px 8px 0px 0px;
}

.orderCol8
{
	float:left;font-size:12px;width:65px;padding:0px 8px 0px 0px;text-align:center;
}

.orderCol9
{
	float:left;font-size:12px;width:150px;padding:0px 8px 0px 0px;text-align:right;
}


.status0
{
	font-weight:bold;
	color:#f00000;
}

.status1
{
	font-weight:bold;
	color:#0000f0;
}

.status2
{
	font-weight:bold;
	color:#00af00;
}

.status10
{
	font-weight:bold;
	color:#f00000;
	text-decoration:underline;
}

.faqQ
{
	font-weight:bold;
}

.faqA
{
	font-weight:normal;padding:0 0 8px 12px;
}


.formLabel
{
	position:relative;float:left;width:100px;padding:2px 4px 0 0;font-size:12px;text-align:right;color:#666;
}

.formField
{
	position:relative;float:left;width:180px;
}

.formRow
{
	position:relative;width:400px;height:23px;clear:left;
}

.insText
{
	font-size:10px;color:#333;
}

#popup
{
  display:none;position:fixed;width:450px;height:140px;_position:absolute; /* hack for internet explorer 6 */
  background:url(../images/unipopup.png) no-repeat;font-size:12px;
  font-family:Verdana;z-index:20;padding:8px 3px 3px 3px;  /* same as rounding */
}

#popup_bg
{
display:none;position:fixed;_position:absolute; /* hack for internet explorer 6 */
height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:10;
}

#popup_title { font-weight:bold;font-size:14px;color:#000;margin:8px 0px 0px 10px; }
#popup_close { width:14px;height:14px;background: url('../images/btnCloseOff.gif') no-repeat;position:absolute;right:14px;cursor:pointer; }
#popup_close:hover { background: url('../images/btnClose.gif') no-repeat; }
#popup_message{padding: 12px;  /*min-height: 120px;*/ }

.dp-applied { float: left; }
table.jCalendar { border: none;	}
.dp-popup-inline { height: 160px; }