/* -- MHLS 2024 --*/
/*VER-2024-07------------------*/
/*-- Yellow:#F9AF1E --RGB=249-175-30--*/
/*--Blue:#005A9C--RGB=0-90-156--*/

html {
	height:100%;
}

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

body	{
	background: #F3F1ED;
	height:100%;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#555555;
}

/*General Page Style*/
h1 { 
	font-weight: bold;
	font-size: 22px;
	color: #F9AF1E
} 

h2 { 
	font-weight: bold;
	font-size: 18px;
	color: #005A9C
} 

h3 { 
	font-weight: bold;
	font-size: 16px;
	color: #F9AF1E
}  

h4 { 
	font-weight: bold;
	font-size: 13px;
	color: #3E3E3E
}

h5 { 
	font-weight: bold;
	font-size: 10px;
	color: #3E3E3E
}

a:link {
    color: #3E3E3E;
    text-decoration: none
}

a:visited {
    color: #3E3E3E;
    text-decoration: none
}

a:hover {
    color: #F9AF1E;
    text-decoration: none
}

a:active {
    color: #666666;
    text-decoration: none
}

a.dwldlink:link {
    color: #3E3E3E;
    font-weight: bold;
    text-decoration: underline
}

a.dwldlink:visited {
    color: #3E3E3E;
    text-decoration: none
}

a.dwldlink:hover {
    color: #F9AF1E;
    text-decoration: none
}

a.dwldlink:active {
    color: #666666;
    text-decoration: none
}

img	{
	border:0px;
}

input {
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

/*Button Styles*/
.whiteButton{
	background:#FFFFFF;
	color:#000000;
	text-align:center;
	cursor:pointer;
}

.newButton{
	background:#F9AF1E;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

.cmButton{
	border:none;
	font-weight:bold;
	background:#F9AF1E;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	padding:5px;
	font-size:12px;
}

#topRightOrderButton{
	float:right;
	width:100px;
	height:16px;
	background:#F9AF1E;
	padding:5px 5px 5px 1px;
	margin-top:-5px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	color:#FFFFFF;
}

.LSnote{
	margin:5px;
	color:#3E3E3E;
}

.clickable	{
	cursor:pointer;
}

.clear	{
	clear:both;
}

hr{
	color: #4668AE;
	background-color: #4668AE;
	height: 3px
}

p.error {
	color: #ff0000; 
}

p.grey {
	color: #666666; 
}

.alternatively{
	color:#3E3E3E;
}

/* -- Map page Layout --*/
#wrap {
	margin-right:5px;
	margin-left:5px;
	position:relative;
	min-width:970px;    /*min width the content can be sqaushed down to */
}

* html #wrap {
	height:100%
} 

#inner-wrap {
	height:100%;
}

#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
}

#left {
	position:relative;
	float:left;
	width:269px;
	text-align:left;
}

#main {
	position:relative;
	overflow:hidden;
	height:100%;
} 

#productsTop	{
	position:relative;
	width:249px;
	background: #FFFFFF;
	padding-left:15px;
	padding-bottom:10px;
}	

.productsBg	{
	position:relative;
	width:249px;
	min-height:75px;
	background: #FFFFFF;
	padding-left:15px;
}

.selectedProductsBg	{
	position:relative;
	width:249px;
	min-height:75px;
	background: #FFFFFF;
	padding-left:15px;
}

#topInfo	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	height:40px;
	background:#FFFFFF;
}

#topInfoAccount	{
	width:740px;
	margin-top:6px;
	height:40px;
	background:#FFFFFF;
	border-bottom:1px #CCCCCC solid;
}	

#topDataPrice	{
	margin-left:3px;
	float:right;
	width:250px;
	text-align:center;
	color:#FFFFFF;
	background:#3E3E3E;
	font-size:12px;
	font-weight:bold;
	padding:12px 3px 3px;
	cursor:pointer;
	height:26px;
}

#map{
	position:relative;
	width:100%;
	max-width:1500px;
	max-height:850px;
	height:500px;
	clear:both;
	background:#FFFFFF;	
}

#aboveMapContainer	{
	position:absolute;
	width:100%;
	left:0px;
	right:10px;
	height:1px;
	clear:both;
	background:#3E3E3E;
	z-index:2;
}	

#aboveMap	{
	position:absolute;
	width:100%;
	z-index:2;
}

#loginInfo	{
	margin-left:3px;
	float:right;
	width:100px;
	text-align:center;
	color:#FFFFFF;
	background:#3E3E3E;
	font-size:12px;
	font-weight:bold;
	padding:12px 3px 3px;
	cursor:pointer;
	height:26px;
}

#loginInfoOut	{
	margin-left:3px;
	float:right;
	width:100px;
	text-align:center;
	color:#FFFFFF;
	background:#3E3E3E;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	height:34px;
}

#cartInfo {
	margin-left:3px;
	float:right;
	width:80px;
	text-align:center;
	color:#FFFFFF;
	background:#3E3E3E;
	font-size:12px;
	font-weight:bold;
	padding:12px 3px 3px;
	cursor:pointer;
	height:26px;
}

#accountInfo{
	margin-left:3px;
	float:right;
	width:100px;
	text-align:center;
	color:#FFFFFF;
	background:#3E3E3E;
	font-size:12px;
	font-weight:bold;
	padding:12px 3px 3px;
	cursor:pointer;
	height:26px;
}

#cartInfo a{
	color:#FFFFFF;
	padding-top:10px;
}

#toolsContainer	{
	position:absolute;
	z-index:9997;
	width:100%;
	left:0px;
}	

#toolsArea	{
	position:relative;
	height:200px;
	background:url(../images/scalebarback2.png) repeat;
	padding-top:15px;
}

#toolsBottom	{
	position:relative;
	width:100%;
	height:4px;
	background:#F9AF1E;
}

#toolsButtons	{
	position:relative;
	width:100%;
	height:26px;
}

#loginPopup	{
	position:absolute;
	right:5px;
	top:45px;
	background:url(../images/loginPopup.png) no-repeat;
	width:238px;
	height:149px;
	z-index:9999999996;
	display:none;
	padding-left:15px;
	padding-top:32px;
}

#registerPopup	{
	position:absolute;
	right:5px;
	top:45px;
	background:url(../images/registerBG.png);
	width:523px;
	height:615px;
	z-index:999999999;    
	display:none;
	padding-left:15px;
	padding-top:32px;
	overflow:auto;
}	

#registerContent	{
	position:absolute;
	width:510px;
	height:570px;
	margin-left:-5px;
	overflow:auto;
}	

#roadAerial	{
	position:relative;
	width:200px;
	height:200px;
	background:#333333;
	float:right;
	margin-top:-29px;
}

#toolsLocation{
	display:block;
	margin-left:35px;
}

#toolsDefine{
	display:none;
	margin-left:35px;
}	

#toolsDrawing{
	display:none;
	margin-left:35px;
}

#mainTools	{
	position:relative;
	width:240px;
	float:left;
	border-right:1px dashed #999999;
}

#editTools	{
	position:relative;
	width:130px;
	float:left;
	margin-left:15px;
	border-right:1px dashed #999999;
}	

#clearTools	{
	position:relative;
	width:45px;
	float:left;
	margin-left:15px;	
}

#mmTools	{
	position:relative;
	width:175px;
	float:left;
	margin-left:15px;
	border-right:1px dashed #999999;
}	

#zchm	{
	position:absolute;
	left:269px;
	width:1px;
	z-index:9999998888; 
	top:6px;
}	

#zchmContent	{
	width:750px;
	border-top:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	background:#ffffff;
	padding-top:10px;
	z-index:99996; 
}

#heightAerialSuppliers	{
	position:absolute;
	left:1px;
	width:1px;
	z-index:9999998888;  
	top:64px;
	display:none;
}	

#heightAerialSuppliersContent	{
	width:690px;
	border-top:2px solid #cccccc;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	background:#ffffff;
	padding-top:10px;
	z-index:99996; 
}

.bestHeightAerialSupplierHeader{
	background-color:#F9AF1E;
	padding:10px;
	height:50px;
}

#bestHeightAerialSupplierHeaderRight{
	float:right;
	width:200px;
}

#bestHeightAerialSupplierHeaderRight p{
	font-size:12px;
	margin-top:10px;
	color: #FFFFFF;
}

#searchMatches	{   /*Used??*/
	position:absolute;
	left:50%;
	margin-left:-132px;
	top:50%;
	margin-top:-124px;
	width:300px;
	padding-left:15px;
	padding-top:15px;
	display:none;
	z-index:99999997;
}

#previewsInfoContentContainer{
	position:absolute; 
	top:0px;
	left:0px;
	width:100%;
	max-width:1000px;
	max-height:850px;
	height:500px;
	clear:both;
}

#previewsWarningContentContainer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:900px;
	max-height:850px;
	height:500px;
	clear:both;
}

#detailedMessage{
	position:absolute;
	right:20px;
	top:5%;
	width:350px;	
	z-index:99999997;
	display:none;
	padding-left:10px;
	padding-top:10px;
	overflow:auto;
}

#annoProperties{
	position:absolute;
	right:20px;
	top:10%;
	width:300px;	
	z-index:9999999996;
	display:none;
	padding-left:5px;
	padding-top:5px;
	overflow:auto;
}

#gsInfoContent	{
	position:absolute;
	left:50%;
	margin-left:-200px;
	top:100px;
	height:520px;	
	width:440px;	
	z-index:9999999996;
	display:none;
	overflow:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}

#gsInfoContentContent	{
	position:relative;
	width:420px;
	z-index:9999999996;
	overflow:auto;
}

#gsInfoContent2	{	
	position:absolute;
	left:50%;
	margin-left:-200px;
	top:100px;
	height:145px;	
	width:370px;	
	z-index:9999999996;
	display:none;
	overflow:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;	
}

#gsInfoContent2Content	{
	position:relative;
	width:350px;
	z-index:9999999996;
	overflow:auto;
}

#currentExtentsOpt	{
	width:150px;
	height:100px;
	padding:12px;
	left:0px;
} 

#productInfoContent	{
	position:absolute;
	right:200px;
	top:100px;
	background-color:#FFFFFF;
	min-height: 150px;
	max-height: 480px;	
	width: 450px;	
	z-index:9999999997;
	display:none;
	padding-left:20px;
	padding-top:20px;
	overflow:auto;
}

p.prodsavailable{
	color: #00ff00; 
}		

p.prodsnotavailable{
	color: #3E3E3E; 
}

#showLocationDiv{
	margin-left:70px;
	float:left;
	width:115px;
	height:18px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
}

#showDefineDiv{
	margin-left:3px;
	float:left;
	width:115px;
	height:18px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
}

#showDrawingDiv{
	margin-left:3px;
	float:left;
	width:100px;
	height:18px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
    padding: 3px;
    cursor: pointer;
}

.toolTabOn{
	color:#FFFFFF;
	background:#F9AF1E;
}

.toolTabOff{
	color:#FFFFFF;
	background:#3E3E3E;
}

.toolTabLinkOn a{
	color:#FFFFFF;
}

.toolTabLinkOff a{
	color:#FFFFFF;
}

.toolTabLinkOn a:hover{
	color:#FFFFFF;
}

.toolTabLinkOff a:hover{
	color:#3E3E3E;
}

#closeToolButtons{
	float:right;
	width:18px;
	height:18px;
	text-align:center;
	color:#3E3E3E;
	background:#F9AF1E;
	font-size:12px;
	padding:3px;
	font-weight:bold;
	cursor:pointer;
}

#hideAll{
	color:#FFFFFF;
}

#roadviewDiv{
	margin-left:15px;
	float:left;
	width:80px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	background:#00566F;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	border-right:1px solid #FFFFFF;							
}

#roadviewDiv a{
	color:#FFFFFF;
}

#aerialviewDiv{
	margin-left:0px;
	float:left;
	width:80px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	background:#00566F;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	border-right:1px solid #FFFFFF;
}

#aerialviewDiv a{
	color:#FFFFFF;
}

#extrasviewDiv{
	margin-left:0px;
	float:left;
	width:50px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	background:#00566F;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	cursor:pointer;		
}

#extrasviewDiv a{
	color:#FFFFFF;
}

#mapLayersContent{
	position:relative;
	width:190px;
	z-index:99999997;
	overflow:auto;
}

#mapLayersContainer	{
	position:absolute;
	left: 439px;
	top:4px;
	height:230px;	
	width:230px; 
	z-index:99999997;
	display:none;
	background:#336699;
	padding-top:15px;
	padding-bottom:0px;
	color:#FFFFFF;
}

ul.extralayers{
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
}

.extralayers li{
	list-style:none;
}

#optBaseLayers{
	display: none;
}

.exArea	{
	position:relative;
	width:310px;
	height:23px;
	background:url(../images/exBG.jpg) no-repeat;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: 999999;
	padding:6px;
}

.ddPaper	{
	width:140px;
	height:21px;
	font-size:11px;
	color:#666666;
	border:1px solid #777777;
	margin-left:8px;
}

.orderPrice	{
	font-size:18px;
	font-weight:bold;
	color:#F9AF1E;
	text-align:center;
}

.otherProducts	{
	margin-top:15px;
	margin-bottom:5px;
}

.mostOrdered	{
	margin-top:5px;
}

.productList li	{
	width:210px;
	padding-left:25px;
	list-style:none;
	background:#FFFFFF;
	height:22px;
	padding-top:5px;
	display:block;
	border-bottom:1px solid #F9AF1E;
	text-align:left;
	color:#3E3E3E;
	font-size:13px;
}

.productList li a:link {
    color: #3E3E3E;
    text-decoration: none
}

.productList li a:visited {
    color: #3E3E3E;
    text-decoration: none
}

.productList li a:hover {
    color: #FFFFFF;
    text-decoration: none
}

.productList li a:active {
    color: #3E3E3E;
    text-decoration: none
}

.dataPriceTop	{
	font-size:14px;
	font-weight:bold;
	color:#F9AF1E;
}

.dataPriceBottom	{
	font-size:18px;
	font-weight:bold;
	color:#F9AF1E;
}

.topPrice	{
	font-size:14px;
	font-weight:bold;
	color:#F9AF1E;
}

.popupBox	{
	padding:10px;
	border:7px solid #336699;
	background:#FFFFFF;
}

.raeSample	{
	position:relative;
	margin-top:3px;
	margin-left:5px;
	width:176px;
	height:59px;
	text-align:right;
	padding-top:4px;
	padding-right:4px;
}

.raeTitle	{
	width:85px;
	padding-bottom:3px;
	border-bottom:1px dotted #ffffff;
	float:right;
}

.raeDesc	{
	clear:both;
	font-size:9px;
	color:#000000;
	float:right;
}

.blom	{
	position:absolute;
	right:48px;
	cursor:pointer;
}

.roadAerial	{
	position:absolute;
	right:84px;
	cursor:pointer;
}

.popupBoxRed{
	padding:10px;
	border:7px solid #FF0000;
	background:#FFFFFF;
}

option.ex0 {
    background-color: #FFFFFF;
    color: white;
}

option.ex1 {
    background-color: #ED0489;
    color: white;
}

option.ex2 {
    background-color: #000000;
    color: white;
}

option.ex3 {
    background-color: #FF0000;
    color: white;
}

option.ex4 {
    background-color: #00FF00;
    color: white;
}

option.ex5 {
    background-color: #0000FF;
    color: white;
}

td.extentLeft {
	border-right: #999999 1px solid;
	padding: 5px 5px 5px 5px	
}

td.extentRight {
	padding: 5px 5px 5px 5px	
}

.login	{
	width:200px;
	height:20px;
	margin-bottom:3px;
	color:#666666;
	font-size:11px;
	text-indent:3px;
}

.loginUL	{
	margin-top:-5px;
}

.loginUL li	{
	display:block;
	width:200px;
}

.remember	{
	float:left;
}	

.logMeIn	{
	float:right;
}

.txtSearch	{
	border:none;
	width:270px;
	height:19px;
	padding:3px;
	background:url(../images/txtSearch.jpg) no-repeat;
	color:#999999;
}

.prodname{
	font-weight: bold;
	font-size: 12px;
	color: #3E3E3E
}

.proddetails{
	font-size: 10px;
	color: #3E3E3E
}

/*Map Footer*/
#bFixed2{
	position:fixed;
	bottom:0px;
	width:100%;
	left:276px;
	min-width:700px;
	z-index:0;
}

#fixedContent2{
	position:relative;
	width:100%;
	height:63px;
	background: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	z-index:999999;
}

#oslogoarea {
	position:absolute;
	width:15px;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #000000;
	top:6px;
	left:410px;
	padding-top:1px;
	padding-right:15px;
}

#footerhelparea {
	position:absolute;
	width:175px;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #000000;
	top:6px;
	left:550px;
	padding-top:6px;
	padding-right:15px;
}

#footerhelparea p{
	margin-top:-45px;
	margin-bottom:10px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:7px;
	padding-right:5px;
	font-size:18px;
	background:#F9AF1E;
	width:100px;
	color:#FFFFFF;
}

#footerhelparea a{
	color:#F9AF1E;
}

#footerchatarea {
	position:absolute;
	width:175px;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #000000;
	top:6px;
	left:750px;
	padding-top:6px;
	padding-right:15px;
	margin-top:-23px;
}

#auZoom2 {
	position:absolute;
	width:65px;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #000000;
	top:6px;
	left:135px;
	padding-top:12px;
}

#slider2 {
	position:absolute;
	width:210px;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #000000;
	top:6px;
	left:175px;
	padding-top:12px;
	padding-right:15px;
}

.osLogo	{
	margin-top:0px;
}

/*Over Map Layers*/
#NA_key{
	position:absolute;
	z-index:999999999;
	left:5px;
	bottom:5px;
	padding:3px;
	font-size:10px;
	color:#000000;
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
}

#previous_key{
	position:absolute;
	z-index:999999999;
	left:5px;
	bottom:5px;
	padding:3px;
	font-size:10px;
	color:#000000;
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
}

#scalediv { 			
	position: absolute;	
	top:6px;
	left:10px;
	width:110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-top:6px;
} 

#scalediv2{ 			
	padding-top:1px;
}

#outputCoords {
	background:url(../images/fixedSep.png) right 5px no-repeat;
	position:absolute;
	width:100px;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #000000;
	height:20px;
	top:6px;
	left:150px;
	padding-top:12px;
}

#outputCoords2{
	padding-top:6px;
}

#copyrightdiv{
	position:absolute;
	z-index:999999999;
	right:5px;
	bottom:5px;
	padding:1px;
	font-size:10px;
	color:#000000;
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
}

#largescaleNotices{
	position:absolute;
	z-index:999999999;
	right:2px;
	bottom:25px;
	padding:1px;
	font-size:10px;
	color:#000000;
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
}

#pointModeInfo{
	position:absolute;
	z-index:999999999;
	right:2px;
	bottom:25px;
	height:140px;
	width:200px;
	padding:10px;
	font-size:10px;
	color:#000000;
	background: #F9AF1E;
	text-align:center;	
	display:none;
}

#pointModeInfo a:hover{
	color: #FFFFFF;
}

/*#A3_key{
	position:absolute;
	z-index:999999999;
	left:2px;
	bottom:2px;
	padding:1px;
	font-size:10px;
	color:#000000;
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
}
*/
.bottomLeft_key{
	position:absolute;
	z-index:999999999;
	left:5px;
	bottom:5px;
	padding:1px;
	font-size:10px;
	color:#000000;
	background: url(../images/scalebarback.png);
	background-repeat: repeat;
}

/*Supplier Info Tables */
td.supplierinfo{
	vertical-align: top;
	text-align: left;
	font-size:11px;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 2px 2px 2px 2px	
}

td.supplierinfoheader {
	background-color: #3E3E3E;
	vertical-align: top;
	text-align: left;
	font-size:11px;
	color: #FFFFFF;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 2px 2px 2px 2px	
}

td.supplierinfoNoTop { 
	vertical-align: top;
	text-align: left;
	font-size:11px;
	font-weight: normal;	
	border-left: #CDDCFF 1px solid; 
	border-bottom: #CDDCFF 1px solid;
	border-right: #CDDCFF 1px solid;
	padding: 2px 2px 2px 2px	
}

td.supplierinfoNoBot {
	vertical-align: top;
	text-align: left;
	font-size:11px;
	font-weight: normal;
	border-left: #CDDCFF 1px solid; 
	border-top: #CDDCFF 1px solid;
	border-right: #CDDCFF 1px solid;
	padding: 2px 2px 2px 2px	
}

td.supplierinfoNoTopBot {  
	vertical-align: top;
	text-align: left;
	font-size:11px;
	font-weight: normal;
	border-left: #CDDCFF 1px solid; 
	border-right: #CDDCFF 1px solid;
	padding: 2px 2px 2px 2px	
}

/*DIALOG_BOX STYLES*/
#content {
    padding: 20px
}

#dialog {
    position: absolute;
    width: 425px;
    padding: 10px;
    z-index: 9999999999;
    background: #fff
}

#dialog-header {
    display: block;
    position: relative;
    width: 411px;
    padding: 3px 6px 7px;
    height: 14px;
    font-size: 14px;
    font-weight: bold
}

#dialog-title {
    float: left
}

#dialog-close {
    float: right;
    cursor: pointer;
    margin: 3px 3px 0 0;
    height: 11px;
    width: 11px;
    background: url(../images/dialogBoxImages/dialog_close.gif) no-repeat
}

#dialog-content {
    display: block;
    height: 80px;
    padding: 6px;
    color: #666666;
    font-size: 13px;
    text-align: center;
}

#dialog-mask {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: #FFF;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 9999999998
}

.errordialog {
    background: #fff url(../images/dialogBoxImages/error_bg.jpg) bottom right no-repeat;
    border: 1px solid #924949;
    border-top: none
}

.errordialogheader {
    background: url(../images/dialogBoxImages/error_header.gif) repeat-x;
    color: #6f2c2c;
    border: 1px solid #924949;
    border-bottom: none
}

.warning {
    background: #fff url(../images/dialogBoxImages//warning_bg.jpg) bottom right no-repeat;
    border: 1px solid #c5a524;
    border-top: none
}

.warningheader {
    background: url(../images/dialogBoxImages/warning_header.gif) repeat-x;
    color: #957c17;
    border: 1px solid #c5a524;
    border-bottom: none
}

.success {
    background: #fff url(../images/dialogBoxImages/success_bg.jpg) bottom right no-repeat;
    border: 1px solid #60a174;
    border-top: none
}

.successheader {
    background: url(../images/dialogBoxImages/success_header.gif) repeat-x;
    color: #3c7f51;
    border: 1px solid #60a174;
    border-bottom: none
}

.prompt {
    background: #fff url(../images/dialogBoxImages/prompt_bg.jpg) bottom right no-repeat;
    border: 1px solid #4f6d81;
    border-top: none
}

.promptheader {
    background: url(../images/dialogBoxImages/prompt_header.gif) repeat-x;
    color: #355468;
    border: 1px solid #4f6d81;
    border-bottom: none
}

#dialog-mask2 {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: #FFF;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 99999999
}

/*Calendar styles*/
.cmcpYearNavigation,.cmcpMonthNavigation{
	background-color: #005A9C; /*#4668AE;*/ 
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
}

.cmcpDayColumnHeader, .cmcpYearNavigation, .cmcpMonthNavigation, .cmcpCurrentMonthDate, .cmcpCurrentMonthDateDisabled, .cmcpOtherMonthDate, .cmcpOtherMonthDateDisabled, .cmcpCurrentDate, .cmcpCurrentDateDisabled,.cmcpTodayText,.cmcpTodayTextDisabled, .cmcpText{
	font-family:arial;
	font-size:8pt;
}

TD.cmcpDayColumnHeader{
	text-align:center;
	border-bottom:solid 1px #005A9C;
	/*border-width:0 0 1 0;*/
}

.cmcpCurrentMonthDate, .cmcpOtherMonthDate, .cmcpCurrentDate{
	text-align:center;
	text-decoration:none;
}

.cmcpCurrentMonthDateDisabled, .cmcpOtherMonthDateDisabled, .cmcpCurrentDateDisabled{
	color:#D0D0D0;
	text-align:center;
	text-decoration:line-through;
}

.cmcpCurrentMonthDate{
	color: #005A9C;
	font-weight:bold;
}

.cmcpCurrentDate{
	color: #FFFFFF;
	font-weight:bold;
}

.cmcpOtherMonthDate{
	color:#808080;
}

TD.cmcpCurrentDate{
	color:#FFFFFF;
	background-color: #005A9C; /*#4668AE;*/
}

TD.cmcpCurrentDateDisabled{
	border-width:1;
	border:solid thin #FFAAAA;
}

TD.cmcpTodayText, TD.cmcpTodayTextDisabled{
	border:solid thin #FBFCFF;
	border-width:1 0 0 0;
	text-align:center;
}

A.cmcpTodayText, SPAN.cmcpTodayTextDisabled{
	height:20px;
}

A.cmcpTodayText{
	color: #005A9C; /*#6677DD;*/
	font-weight:bold;
}

SPAN.cmcpTodayTextDisabled{
	color:#D0D0D0;
}

.cmcpBorder{
	border:solid thin #4668AE;
}

/*cookie notice stuff*/
#cookiesdirective {
    text-align: center;
}

.cookiefooter {
   background-color: #323232;
    display: inline-block;
    font-size: 12px;
    margin: 0 auto;
    padding: 0.5em 180px 0.5em 1em;
    position: relative;
    width: auto;
}

.cookiefooter p {
    color: white;
}

.cookiefooter a {
    color: #A6A6A6;
    border-bottom: 0px dotted #A6A6A6;
    text-decoration: none;
}

.cookiefooter input:hover {
    background: #858A90;
}

.cookiefooter input {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    height: 100%;
    border: 0px;
    background: #797F85;
    color: white;
    -webkit-appearance: none;
    border-radius: 0px;
}

/*Styles specific for Historical fixed products*/
td.historicCellHead {
	background-color: #CCCCCC;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 90%;
	font-weight: bold;
	border-style: solid;
	border-width: 1px; 
	border-color: #000066;
	padding: 5px 5px 5px 5px	
}

td.historicCell {
	background-color: #CCCCCC;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 80%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #000066;
	padding: 5px 5px 5px 5px	
}

tr.historictr td.historicCell2 {
	background-color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 80%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #000066;
	padding: 3px 3px 3px 3px	
}

tr.historictr2 td.historicCell2 {
	background-color: #666666;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 80%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #000066;
	padding: 3px 3px 3px 3px	
}

#historicalEg	{
	position:absolute;
	right:0px;	
	top:60px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	display:none;
	z-index: 3; 
	background:#9BAFCE;
}

#historicalTop	{
	position:relative;
	width:249px;
	background: #FFFFFF;
	padding-left:15px;
	padding-bottom:10px;
}

/*Styles for account and ordering pages*/
#mainContainer	{
	position:relative;
	width:990px;
	min-height:500px;
	margin:0 auto;
}

#middleContainer	{
	position:relative;
	width:990px;
}

#leftCol	{
	position:relative;
	float:left;
	width:273px;
}

#rightCol	{
	position:relative;
	float:right;
	width:710px; 
	margin-left:5px;
}

#leftMiddle	{
	position:relative;
	width:100%;
	min-height:300px;
	background: #FFFFFF;
}

#rightMiddle	{
	position:relative;
	width:100%;
	padding:15px;
	background: #FFFFFF;	
}

/*account and ordering page footer*/
#footer {
	clear: both;
	height: 30px;	
	font-size: 10px;
	color: #999999;
	line-height: 14px;
	margin-top: 10px;
	padding: 5px;
	width:700px;
}

#footer a {
	color: #4668AE;
}

#footer .footmiddle {
	width: 450px;
	padding-left: 5px;
	height: 30px;
	vertical-align: top;
}

#footer .footright {
	float: right;
	width: 170px;
	margin-right: 10px;
	padding-left: 0px;
	height: 30px;
	vertical-align: top;
	text-align:right;
	padding-right: 5px;
}

* html #footright {
	margin-right: 0px;
}

#footer a:link {
	color: #4668AE;
}

#footer a:hover {
	color: #4668AE;
	text-decoration: none;
}

/*Default table cell style*/
td.general{
	color: #3E3E3E;
	font-size: 70%;
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
	font-weight: normal;	
	padding: 2px 2px 2px 2px;
	border: none
}

/*INFO TABLE STYLES - Used for showing table data*/
table.info{ 
	border-collapse: collapse
}

td.orderdata {
	background-color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #000066;
	padding: 5px 5px 5px 5px	
}

td.infoheader {
	background-color: #CDDCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.infoheadersmall {
	background-color: #CDDCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 60%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.info {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.infowhite {
	background-color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.infosmall {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 60%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.orderdataothers {	
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #999999;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.cancelled {
	background-color: #999999;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.justoutofdate {
	background-color: #FFFFCC;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.approaching {
	background-color: #FFFF99;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.orderdatablank {
	background-color: #EEEEEE;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	padding: 5px 5px 5px 5px
}

td.outofdate {
	background-color: #EEEEEE;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px 5px 5px 5px	
}

td.infoNoTop {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;	
	border-left: #CDDCFF 1px solid; 
	border-bottom: #CDDCFF 1px solid;
	border-right: #CDDCFF 1px solid;
	padding: 5px 5px 5px 5px	
}

td.infoNoBot {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-left: #CDDCFF 1px solid; 
	border-top: #CDDCFF 1px solid;
	border-right: #CDDCFF 1px solid;
	padding: 5px 5px 5px 5px	
}

td.infoNoTopBot {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #000066;
	font-size: 70%;
	font-weight: normal;
	border-left: #CDDCFF 1px solid; 
	border-right: #CDDCFF 1px solid;
	padding: 5px 5px 5px 5px	
}

/*Invoice tables*/
td.invoicecell {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #3E3E3E;
	font-size: 11px;
	font-weight: normal;
	border-style: solid;
	border-width: 1px; 
	border-color: #CDDCFF;
	padding: 5px;	
}

td.invoicecell2 {
	background-color: #FBFCFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: right;
	color: #3E3E3E;
	font-size: 11px;
	font-weight: normal;
	border-style: solid;
	border-width: 2px; 
	border-color: #CDDCFF	
}

td.invoicecellblank {
	background-color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #3E3E3E;
	font-size: 11px;
	font-weight: normal	
}

td.invoicered {
	background-color: #FFFFFF;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	color: #EB208D;
	font-size: 11px;
	font-weight: bold;
	border-left: #EB208D 2px solid; 
	border-bottom: #EB208D 2px solid;
	border-top: #EB208D 2px solid; 
	border-right: #EB208D 2px solid;
	padding: 10px 10px 10px 10px	
}

/*Login and Register*/
#registerPopup3{
	position:absolute;
	left:250px;
	top:65px;
	background:url(../images/registerBG.png);
	width:523px;
	height:615px;
	z-index:9999999996;
	display:none;
	padding-left:15px;
	padding-top:32px;
	overflow:auto;
}	

#registerContent3{
	position:absolute;
	width:510px;
	height:570px;
	margin-left:-5px;
	overflow:auto;
}

p.registerinfo{
	font-size: 11px;
	color: #555555;
}

#accExtraDetails	{
	position:absolute;
	left:250px;
	top:65px;
	width:540px;
	height:550px;
	z-index:9999999996;
	display:none;
	padding-left:15px;
	padding-top:15px;
	overflow:auto;
}

#accExtraContent	{
	position:absolute;
	width:510px;
	height:470px;
	margin-left:-5px;
	overflow:auto;
}

#accExtraDetails2	{
	position:absolute;
	left:250px;
	top:65px;
	width:510px;
	height:520px;
	z-index:9999999996;
	display:none;
	padding-left:15px;
	padding-top:15px;
	overflow:auto;
}

#accExtraContent2	{
	position:absolute;
	width:510px;
	height:470px;
	margin-left:-5px;
	overflow:auto;
}

div.login {
	float: left;
	width: 154px;
	margin-top: 0;
	margin-right: 0;
	font-size: 0.8em;
}

#login_box {
	background-color: #ccc;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 154px;
}

#login_box p {
	background-image: url(../images/login_head.gif);
	height: 17px;
	padding-top: 3px;
	text-align: center;
	color: #fff;
	font-size: 12px; 
	font-weight: bold;
}

#login_box_content {
	padding: 0 1em 1em 1em;
}

#login_buttons {
	margin-top: 1em;
	margin-left: 2px;
}

#login_buttons input,#login_buttons img {
	margin-right: 6px;
	float: left;
	border: 0;
}

#login_box #forgotten_password_link {
	text-align: center;
	clear: left;
	margin-top: 4em;
	color: #3E3E3E;
	font-size: 10px;
}

div.login_mess {
	float: left;
	width: 154px;
	margin-top: 0;
	margin-right: 0;
	font-size: 1.2em;
}

div.rightfloat{
	float: right;
}

div.labels {
	width: 120px;
	margin-top: 0;
	margin-right: 0;
	font-size: 10px;
}

/*check box style*/
input.checkwhite {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF
}

input.approachingcheck {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFF99
}

input.justoutofdatecheck {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFCC
}

input.outofdatecheck {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEEEEE
}

input.cancelledcheck {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #999999
}

input.infocheck {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FBFCFF
}

input.orderdataotherscheck {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 90%;
    border-left: none;
    color: #003366;
    border-bottom: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FBFCFF
}

/*Shape upload styles*/
label.uploadButton input[type="file"] {
    position: fixed;
    top: -1000px;
}

.uploadButton {
    margin: 2px;
    background: #F9AF1E;
    display: inline-block;
	color:#3E3E3E;
	cursor:pointer;
	border:none;
	font-weight:bold;
	padding:5px;
	font-size:12px;
	text-align:center;
}

#roadviewDivExpand{
    margin-left:0px;
    float:left;
    width:80px;
    height:18px;
    text-align:center;
    color:#FFFFFF;
    background:#00566F;
    font-size:12px;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
    border-right:1px solid #FFFFFF;                        
}

#aerialviewDivExpand{
    margin-left:0px;
    float:left;
    width:80px;
    height:18px;
    text-align:center;
    color:#FFFFFF;
    background:#00566F;
    font-size:12px;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
    border-right:1px solid #FFFFFF;
}

#extrasviewDivExpand{
    margin-left:0px;
    float:left;
    width:50px;
    height:18px;
    text-align:center;
    color:#FFFFFF;
    background:#00566F;
    font-size:12px;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
}

/*UTILITY SEARCH */
#utilityInfoContent     {
        position:absolute;
        left:50%;
        margin-left:-200px;
        top:100px;
        height:470px;
        width:370px;
        z-index:9999999996;
        display:none;
        overflow:auto;
        padding-left:15px;
        padding-right:15px;
        padding-top:15px;
}
#utilityInfoContentContent{
        position:relative;
        width:350px;
        z-index:9999999996;
        overflow:auto;
}
#utilityLayout{
        width:100%;
}
#utilityLayout td{
        padding:5px;
        vertical-align: top;
}
.utilityWarning{
        color:#ff0000;
        font-style:oblique;
        font-size: 12px;
}
#utilityMMMessage{
        color:#ff0000;
        font-style:oblique;
        font-size: 12px;
        float: right;
        width: 160px;
}
#utilityPriceDisplay{
        float: left;
        font-weight: bold;
        font-size: 16px;
        color: #1d5aa2;
}
.utilityLeft{
        width:155px;
}
.utilityButton{
        background: #ed3338;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        width: 80px;
        padding: 5px;
        font-size: 13px;
        font-weight: bold;
        float: right;
}
.utilityButtonOff{
        background: #999999;
        color: #ffffff;
        text-align: center;
        width: 80px;
        padding: 5px;
        font-size: 13px;
        font-weight: bold;
        float: right;
}
#utilityInfoHelpContent p{
        font-size: 13px;
        padding: 5px 0 5px 0;
}
#utilityInfoHelpContent ul{
        margin-left:20px;
        font-size: 13px;
        padding: 5px 0 5px 0;
}

/*----------------------------End of file/*