﻿body{
	margin: 0;
	padding: 0;
	background: white url(images/webbackgrnd.gif) repeat-x;
}

img{border: none;}

/* ---- Menu ---- */

#fans {POSITION: absolute; VISIBILITY: hidden; width: 130px;  border: #002044 solid 1px;}
#door {POSITION: absolute; VISIBILITY: hidden; width: 130px;  border: #002044 solid 1px;}
#ware {POSITION: absolute; VISIBILITY: hidden; width: 130px; border: #002044 solid 1px;}
#loading {POSITION: absolute; VISIBILITY: hidden; width: 130px;   border: #002044 solid 1px;}


/* -------------------
 		OverLay 
---------------------- */

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index: 1000;
     width: expression(document.body.clientWidth);
	 height: expression(document.body.clientHeight);
}
#overLayBkgrnd {
	position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     width: expression(document.body.clientWidth);
	 height: expression(document.body.clientHeight);
     text-align:center;
     z-index: 2000;
     background: white url(images/webbackgrnd.gif) repeat-x;
     opacity: 0.75;
     filter:alpha(opacity: 75);
     -moz-opacity: 0.75;
     -khtml-opacity: 0.75;
  }

#overlayContent {
     width:400px;
     margin: 30px auto;
     background-color: #fff;
     border:1px solid #1e4574;
     padding:8px;
     text-align:center;
     position: relative;
     z-index: 3000;
     font-size: 14px;
     font-family: Georgia, Times, serif;
}

#contactBanner{
	background: #002044;
	height: 50px;

}


/* ---- IDs ---- */

#wrap {
 width:870px;
 	font-family:  Arial, Verdana, san-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color: white;
	padding: 0 3px;
}

#mapWrap {
    width:700px;
 	font-family:  Arial, Verdana, san-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color: white;
	padding: 0 3px;
}

#mapContent {
		position: relative;
		margin: 0; 
		padding: 0 15px;
}


* html #wrap{ width:876px; }

#banner{
	background: #002044 url(images/McCor_BannerImg.gif) no-repeat right;
	height: 80px;

}

#centerBanner{
	padding:6px 0;
	margin: 0;
	position: relative;
}

.centerimage{ 
	float: left; 
	margin: 0;
	padding: 0;
	
}

#rightLinksbnd {
	background-color: white;
	height: 280px;
	margin: 0;
	padding: 0;


}

#newProdBox {
	background-image: url(images/newBrnd.gif);
	background-repeat: repeat-y;
	background-color: #002044;
	background-position: 0 0;
	width: 276px;
	padding: 10px;
	float: right;

}

* html #newProdBox {width: 296px;}


#linkWrap { padding: 0; 	margin-left: 690px;}

#footer{
	text-align: center;
}


/* ---- Class ---- */

.clear {clear: both;}

.rlinks {

	margin: 0;
	padding: 0;

}

.rlinks img {
	margin: 0;
	padding: 0;
	float: right;

}

.llinks {
	background-image: url(images/menu_back_test.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
  	padding: 10px 0 10px 10px;
}


.newProd {
 padding: 0 0 0 170px;
 height: 107px; 
 
 	
}

.footerAddress{
	float: left;
	width: 140px;
	background-image: url(images/ghLine.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 0 2px;
	
}

.menutitle {
	background-color: #fbf1b9;
	padding: 3px 0 3px 3px;
}
.menuTitleA {
	text-decoration: none;
}

.popmenu{
	background-color: #fdfce3;
}

/* ---- Fonts ---- */

#adimnCopy {
		margin: 0 100px 0 100px;
		padding: 0 14px 0 65px;
}

#adimnCopy p{
	margin: 0 0 14px 0;
	font-size: 16px;
	line-height: 18px;
	font-family:  Arial, Verdana, san-serif;
}

#adminCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 12px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}


#bottomCopyH {
		background: url(images/s_advantage.jpg) no-repeat left top;
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
		height: 350px;
}

#bottomCopyH p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#bottomCopyH h1{
	margin: 0 0 4px 0;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#linksPage {
		margin: 0 300px 0 200px;
		padding: 0 14px 0 15px;
}

#linksPage p{
	margin: 0 0 14px 0;
	font-size: 16px;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#linksPage a:link {color: #415d74;	text-decoration: none; display: block;}
#linksPage a:hover {color: #002044;	text-decoration: none; display: block;}
#linksPage a:visited {color: #415d74;	text-decoration: none; display: block;}
#linksPage a:hover {color: #415d74;	text-decoration: none; display: block;}


#bottomCopy {
		background: url(images/s_advantage.jpg) no-repeat left top;
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
}

#bottomCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#bottomCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#map {
		background: url(images/s_services.jpg) no-repeat left top;
		margin: 10px;
		padding: 0;
}

#serviceCopy {
		background: url(images/s_services.jpg) no-repeat left top;
		margin: 0 100px 0 200px;
		padding: 0 14px 0 65px;
}

#serviceCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#serviceCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#loadingCopy {
		background: url(images/s_loadingDockSolutions.jpg) no-repeat left top;
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
		height: 500px;
}

#loadingCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#loadingCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#doorSolutionsCopy {
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
}

#doorSolutionsCopy p{
	font-size: 14px;
	margin: 0 0 14px 0;
	line-height: 15px;
	font-family:  Arial, Verdana, san-serif;
}

#doorSolutionsCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

.doorSolutionsCopy a:link{color: #415d74; text-decoration: none; }
.doorSolutionsCopy a:hover{color: #002044; text-decoration: none; }
.doorSolutionsCopy a:visited{color: #415d74; text-decoration: none; }
.doorSolutionsCopy a:active{color: #415d74; text-decoration: none; }

#closeCopy {
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
}

#closeCopy p{
	font-size: 12px;
	margin: 0 0 2px 0;
	padding: 3px;
	line-height: 13px;
	font-family:  Arial, Verdana, san-serif;
}

#wareHouseCopy {
		background: url(images/s_wareHouseSolutions.jpg) no-repeat left top;
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
		height: 470px;
}

#wareHouseCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#wareHouseCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#newProductsCopy {
		margin: 0 300px 0 200px;
		padding: 0 14px 0 15px;
}

#newProductsCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#newProductsCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#closeoutCopy {
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
		height: 300px;
}

#closeoutCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#closeoutCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#contactCopy {
		background: url(images/s_contact.jpg) no-repeat left top;
		margin: 0 300px 0 200px;
		padding: 0 14px 0 65px;
		height: 300px;
}

#contactCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
}

#contactCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

.newProd p{
	margin: 0 0 6px 0;
	font-size: 11px;
	color: #415d74;
	font-family: Arial, Verdana, san-serif;
}	
.newProd h2{
	margin: 0 0 3px 0;
	font-size: 15px;
	font-weight: normal;
	color: #002b5c;
	text-decoration: none;
	font-family: Georgia, Times, serif;	
}

.newProd h2 a:link{ color: #002b5c;	font-size: 14px; text-decoration: none;}
.newProd h2 a:hover{ color: #002b5c; font-size: 14px; text-decoration: none;}
.newProd h2 a:visited{ color: #002b5c; font-size: 14px;	text-decoration: none;}
.newProd h2 a:active{ color: #002b5c; font-size: 14px; text-decoration: none;}

.newProd a{
	margin: 0 0 6px 0;
	font-size: 11px;
	color: #415d74;
	font-family: Arial, Verdana, san-serif;
}

.newProd a:link{color: #415d74;	text-decoration: underline;}
.newProd a:hover{color: #415d74;	text-decoration: underline;}
.newProd a:visited{color: #415d74;	text-decoration: underline;}
.newProd a:active{color: #415d74;	text-decoration: underline;}


#leftLinkBox {
	background-image: url(img/menu_back_test_bottom.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	width: 197px;
	padding: 0;
	float: left;
}


#leftLinkBox a {
	font-size: 14px;
	color: #415d74;
	text-decoration: none;
	font-family: Arial, Verdana, san-serif;
}
#leftLinkBox p {
	font-size: 14px;
	color: #415d74;
	font-family: Arial, Verdana, san-serif;
	padding: 0 0 0 20px;
}

#leftLinkBox a span{ font-size: 8px;}

#leftLinkBox a:link {color: #415d74;	text-decoration: none; display: block;}
#leftLinkBox a:hover {color: #002044;	text-decoration: none; display: block;}
#leftLinkBox a:visited {color: #415d74;	text-decoration: none; display: block;}
#leftLinkBox a:hover {color: #415d74;	text-decoration: none; display: block;}

.footerAddress p{
	margin: 0 0 6px 0;
	font-size: 10px;
	color: #929FAF;
	font-family: Arial, Verdana, san-serif;	
}

.footerAddress h4{
	font-size: 14px;
	color: #929FAF;
	font-family: Georgia, Times, serif;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0;

}


#footer p a:link{color: #757169; text-decoration: none;}
#footer p a:visited{color: #757169; text-decoration: none;}
#footer p a:hover{color: #757169; text-decoration: none;}
#footer p a:active{color: #757169; text-decoration: none;}


.menutitle p{
	font-size: 14px;
	color: #002b5c;
	font-family: Arial, Verdana, san-serif;	
	margin: 0;
}
.menulinks{margin: 0; padding:0;}

.menuTest{
	font-size: 11px;
	color: #415d74;
	font-family: Arial, Verdana, san-serif;	
	margin: 0;
	padding: 4px 0 4px 6px;
	display: block;
	text-decoration: none;
}

.menuTest:link{color: #415d74; text-decoration: none; }
.menuTest:hover{color: #002044; text-decoration: underline; }
.menuTest:visited{color: #415d74; text-decoration: none; }
.menuTest:active{color: #415d74; text-decoration: none; }

.menulinks a{
	font-size: 11px;
	color: #415d74;
	font-family: Arial, Verdana, san-serif;	
	margin: 0;
	padding: 4px 0 4px 6px;
	display: block;
}

.popmenu td{ border-bottom: white solid 1px;}

.menulinks a:link{color: #415d74; text-decoration: none; }
.menulinks a:hover{color: #002044; text-decoration: none; }
.menulinks a:visited{color: #415d74; text-decoration: none; }
.menulinks a:active{color: #415d74; text-decoration: none; }

#prodImage {
	float: right;
	width: 287px;
	padding: 0 13px 6px 13px;
	background-image: url(images/McCor_prodImage.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0;
}

#prodImage p {
	font-family:  Arial, Verdana, san-serif;
	font-size: 11px;
	color: #4b6884;
	padding: 6px 6px;
	margin: 0;
}

#adminProdImage {
	float: right;
	width: 287px;
	height: 400px;
	padding: 0 13px 6px 13px;
	background-image: url(images/McCor_prodImage.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0;
}

#adminProdImage p {
	font-family:  Arial, Verdana, san-serif;
	font-size: 11px;
	color: #4b6884;
	padding: 6px 6px;
	margin: 0;
}

* html #prodImage {width: 313px;}

#centerProdImage {
	padding: 0;
}

.smallProdImage{
	border: solid 1px white;
	float: left;
	margin: 4px 4px 0 4px;
	text-align: center;
}

#productCopy {
		margin: 0 310px 0 0; 
		height: 180px;
		padding: 0 15px 0 0;
}

#productCopy p{
	margin: 0 0 14px 0;
	line-height: 17px;
	font-family:  Arial, Verdana, san-serif;
	padding: 0;
}

#productCopy ul{
	margin: 0 0 0 24px;
	color: #696969;
	padding: 12px 0 0 0;
}

#productCopy ul li{
	font-family:  Arial, Verdana, san-serif;
	padding: 0 18px 0 0;
	margin: 0 0 10px 0;
}


#productCopy h1{
	margin: 0 0 6px 0;
	font-weight: normal;
	font-size: 16px;
	font-family:  Arial, Verdana, san-serif;
	padding: 10px 0 0 0;
}

#history{
	padding: 4px 12px 4px 0;
	font-size: 10px;
	color: #929FAF;
	font-family: Arial, Verdana, san-serif;	
	margin: 0;
}

#history a {
	font-size: 11px;
	color: #929FAF;
	font-family: Arial, Verdana, san-serif;	
	margin: 0;
}

#rightWrap{
		margin: 12px 0 0 215px;
}

#resc {
		float: left;
		margin: 0 310px 0 0; 
		width: 600px;
		padding: 0 15px 0 0;
		border: solid 1px #cccccc;
}

#contactContent {
		margin: 0 320px 0 0; 
		padding: 0 15px 0 0;
}

.contactInfo{
	font-size: 10px;
	color: #4e5357;
	font-family: Arial, Verdana, san-serif;	
	margin: 6px 0;
	text-align: right;
	padding: 0 3px 0 0;
}

#addProdContent {
		margin: 0 300px 0 0; 
		padding: 0 10px 0 0;
}

.addProdInfo{
	font-size: 10px;
	color: #4e5357;
	font-family: Arial, Verdana, san-serif;	
	margin: 6px 0;
	text-align: right;
	padding: 0 3px 0 0;
}

#addressBox {
	float: right;
	width: 250px;
	padding: 0 10px 0 10px;
	background-image: url(images/McCor_contImage.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0;
	height: 300px;
}

* html #addressBox {width: 240px;}

.greyType {
	font-size: 10px;
	color: #a2a3a8;
	font-family: Arial, Verdana, san-serif;	
	margin: 6px 0;
	text-align: left;
	padding: 0 3px 0 0;
}

.contactUnderline {
	font-size: 12px;
	color: #002b5c;
	font-family: Arial, Verdana, san-serif;	
	margin: 12px 0 6px 0;
	text-align: left;
	padding: 0 0 4px 0;
	background-image: url(images/McCor_prodLine.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.closeHeading {
	font-size: 12px;
	color: #002b5c;
	font-family: Arial, Verdana, san-serif;	
	margin: 0;
	text-align: left;
	padding: 20px 0 0 5px;
}

.blueBox{
    border: solid 1px #2C3874;
    background-color: #95A2B9;
    font-size: 10px;
    color: #F0F1F4;
}

.r12 {
	font-size: 12px;
	line-height: 14px;
	font-family:  Arial, Verdana, san-serif;
}

.r14 {
	font-size: 14px;
	line-height: 16px;
	font-family:  Arial, Verdana, san-serif;
}

.r16 {
	font-size: 16px;
	line-height: 18px;
	font-family:  Arial, Verdana, san-serif;
}
.r18 {
	font-size: 18px;
	line-height: 20px;
	font-family:  Arial, Verdana, san-serif;
}

.r24 {
	font-size: 24px;
	line-height: 26px;
	font-family:  Arial, Verdana, san-serif;
}
