/*ELEMENTS*/

body
{
	margin-top:12px;
	background-image: url('images/new/bg.gif');
	font-family: Arial;
	font-size: 10pt;
}

h3
{
	font-family: Arial Narrow;
	font-weight:bold;
	font-size: 11pt;
	margin:0px;
	padding:0px;
	color: #404040;
}

td
{
	margin:0px;
	padding:0px;	
}

table
{
	border-collapse: collapse;
}

h2
{
	color: #E10033;
	font-family: Arial Narrow;
	font-size: 15pt;
	margin:0px;	
	padding:0px;
}

h4
{
	font-family: Arial Narrow;
	font-weight: bold;
	font-size: 10pt;
	color: #F28226;
	margin:0px;
	padding:0px;		
}

a
{
font-family: Arial;
color: #F28226;	
}

p
{
	font-family: Arial;
	font-size: 10pt;	
}

/*overlay*/

.darkOverlay
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:black;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.transOverlay
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;	
}

.dialogPopup
{
	margin:auto;
	width:180px;
	position:relative;
	top:300px;
	border: 2px solid #b5b5b5;
	background: white url(images/new/order_screens/location_bg.jpg) repeat-x;	
	padding:10px;
}
.dialogPopupTitle
{
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 10px;	
}
.dialogPopupClose
{
	float: right;
	cursor: pointer;
}
.dialogPopupButton
{
	cursor: pointer;
}


/*CONTENT*/

.contentBox
{
	padding: 16px;	
}

.contentBoxLeft
{
	width: 390px;
	vertical-align: top;
}

.contentBoxRight
{
	width: 390px;
	border-left: 1px solid #ACACAA;
	vertical-align: top;
}

.boxBackground
{
	background-image: url('images/new/contentgradient.png');
	background-repeat: repeat-x;
	background-position: center bottom;
}

.textButton
{
	font-family: Arial Narrow;
	font-weight: bold;
	font-size: 12pt;
	color: #F28226;
	vertical-align:middle;
}

.buttonImage
{
	vertical-align: middle;
	margin-top: 3px;
}

.halfTextBlock
{
	width: 312px;	
}

.formSectionBreak
{
	height: 10px;	
}

.formSectionHead
{
	background: url('images/new/order_screens/1pxgray.gif') repeat-x scroll left center;
	font-family:Arial;
	font-weight: bold;
	font-size: 10pt;
	padding: 3px;
	padding-left: 0px;
}

.fieldLabelSm
{
	font-family: Arial;
	font-size: 9pt;
}

.fieldLabelSmRight
{
	font-family: Arial;
	font-size: 9pt;
	text-align: right;
}

.phoneInput
{
	margin: 3px;	
}

.textField
{
	margin:3px;	
	width: 200px;
}

.errorText
{
	color:Red;	
}

.headerNav
{
	color:White;
	font-size: 9pt;
	float:right;
	margin-right: 18px;	
}

.headerNav a
{
	text-decoration: none;
	text-transform: uppercase;	
	color:White;
	font-size: 8pt;
}

.headerNav a:hover
{
	text-decoration: underline;
}

#footerText, #footerText p
{
	line-height:15px;
	margin:10px 0pt 0pt;	

	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:center;	
}

.locationItem
{
	font-size:10pt;
	padding: 5px;
	border: 1px solid #b5b5b5;
	background: url(images/new/order_screens/location_bg.jpg) repeat-x;	
}

.miniLocationTitle
{

	font-weight:bold;
	float:left;
	width:100px;
	height: 40px;
	
	position:relative;
}

.miniLocationText
{
	position:relative;
}

.miniLocationButtonArea
{
	float:right;
	font-size: 5pt;
}

.locationListContainer
{
	overflow: auto;
	height:	185px;
	position: relative;
}

.locationTitle
{
	font-weight: bold;
	margin-bottom: 6px;
		
	position:relative;
	width:250px;
}

.locationText
{
	position:relative;
	float:left;
}

.locationButtonArea
{
	float: right;
	text-align: right;	
}

.locationMapArea
{
	float:left;	
	margin-right: 5px;
	text-decoration: none;
	font-size: 8pt;
}

.locationMapLink
{
	text-decoration: none;
	font-size: 8pt;	
	border: none;	
	position:relative;
}

.compactListBlock
{
	border: 1px solid gray;
	padding: 5px;
	font-size: 8pt;	
}

/*PAGE BOX*/

#pageBox
{
	border-collapse:collapse;
	margin:0pt;
	padding:0pt;
}

#pageBox_topLeftShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/left-top-shadow2.png') no-repeat scroll 0% 0%;
	width:18px;
}

#pageBox_topRightShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/right-top-shadow.png') no-repeat scroll 0% 0%;
	width:18px;
}

#pageBox_bottomLeftShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/left-bottom-shadow.png') no-repeat scroll 0% 0%;
	width:18px;
	height:15px;
}

#pageBox_bottomRightShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/right-bottom-shadow.png') no-repeat scroll 0% 0%;
	width:18px;
}

#pageBox_bottomShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/bottom-shadow.png') repeat-x scroll 0% 0%;
}

#pageBox_leftShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/left-shadow-2.png') repeat-y scroll 0% 0%;
	height:100%;
}

#pageBox_rightShadow
{
	margin:0pt;
	padding:0pt;
	background:transparent url('images/new/right-shadow-2.png') repeat-y scroll 0% 0%;
	height:100%;
	background-position: -2px 0px;
}

#pageBox_borderInner
{	
	background: #cccccb url('images/new/gradient.gif') repeat-x;
}

#pageBox_shadowInner_left
{
	margin-left:1px;
	background-image: url('images/new/left-inner-shadow4.png');
	background-repeat: repeat-y;
	width: 9px;	
}

#pageBox_shadowInner_right
{
	margin-left:1px;
	background-image: url('images/new/right-inner-shadow.png');
	background-repeat: repeat-y;
	width: 9px;	
}

#pageBox_bodyOuter
{
	border-collapse:collapse;
	width: 100%;
	margin-bottom: 9px;
}

#pageBox_body
{
	background: white;	
	border-left: 1px solid #ACACAA;
	border-bottom: 1px solid #ACACAA;
	border-right: 1px solid #ACACAA;
}

/*Page decoration*/

#toplogo
{
	margin-left:18px;
}

#welcomeBanner
{
	margin:0pt;
	padding:0pt;
	width:603px;
}

/*STANDARD*/

.clearfix
{
	clear:both;
	visibility:hidden;
	font-size:1px
}

.iconlink
{
	cursor: pointer;
	border: none;
}

.successMsg
{
	color: green;	
}

.errorMsg
{
	color: red;	
}