/*basic tags styled-----------------------------------------------------------------------------*/
body{
	background:#FFFFFF;
}

img{
	outline:none;
	border:none;
}



/*holds all the content, allows for centering in browser window------------------------------------------------------------------------------------------------*/
#container {
	background: #FFFFFF;
	margin:auto;
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

#header{
	text-align:right;
}


/*where the main navigation resides---------------------------------------------------------------------------------------------------------------------------*/
#linkColumn{
	text-align:right;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#linkColumn p{
	margin:0 0 10px 0;
}

#linkColumn a{
	text-decoration:none;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
}

#linkColumn a:link{
	color:#3366CC;
}

#linkColumn a:visited{
	color:#6ab700;
}

#linkColumn a:hover{
	color:#FF9933;
}

#linkColumn h2{
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 5px;
	border-top: solid 1px #ddd;
}



/*where all the main content appears--------------------------------------------------------------------------------------------------------------------------*/
#mainContent {
	width: 740px;
	float: right;
	border-left:solid 1px #DDDDDD;
	min-height:450px;
}

#mainContent p{
	margin:0 0 15px 15px;
}

.pFront{
	text-align: center;
}
.h1Front{
	font-size: 28px;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 10px;
	padding:0;	
}
#mainContent a{
	font-size:normal;
	color:#3366CC;
	text-decoration:none;
}

#mainContent a:link{
	color:#3366CC;
}

#mainContent a:visited{
	color:#6ab700;
}

#mainContent a:hover{
	color:#FF9933;
}


#mainContent li{
	margin:0 0 10px 10px;
}


#mainContent .mainImage{/*for images on main pages (case, specialty, r-sys, coolers)--------------------------------------------------*/
	float:left ;
	margin:0;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#mainContent .mainImage a{
	text-decoration:none;
	margin:5px 0 0 0;
}

#mainContent .mainImage a:link{
	color:#3366CC;
}
#mainContent .mainImage a:visited{
	color:#6ab700;	
}
#mainContent .mainImage a:hover{
	color:#FF9933;
}

/*common attributes for all the headers----------------------------------------------------------------------------------------------*/
#mainContent .standardHeader, .specialtyHeader, .caseHeader, .rsysHeader, .psysHeader, .coolerHeader{
	font-size: 48px;
	font-weight: bolder;
	text-align: left;
	margin:0 0 10px 0;
	padding:0;
}

#mainContent .standardHeader{
	border-bottom: solid 1px #DDDDDD;	
}

#mainContent .specialtyHeader {/*for headlines on the Specialty Products pages*/
	border-bottom: solid 1px #922790;
}

#mainContent .caseHeader {/*for headlines on the Case Division pages*/
	border-bottom: solid 1px #0064BE;
}

#mainContent .rsysHeader{/*for headlines on the Refrigeration Systems Division pages*/
	border-bottom: solid 1px #54b848;
	
}

#mainContent .coolerHeader{/*for headlines on the Cooler Division pages*/
	border-bottom:solid 1px #2e3192;
}

#mainContent .psysHeader{/*for headlines on the Power Systems Division pages (which are Flash-based, right now)*/
	border-bottom: solid 1px #f89828;
}

#mainContent .subheader{
	font-size:24px;
	margin:0 0 0 10px;
	padding:0;
}

#mainContent .breadcrumb {/*breadcrumb styling for all the pages! */
	font-size:10px;
	text-align:left;
	margin:0 0 10px 10px;
}

#mainContent .breadcrumb a:link {
	font-size:10px;
	color:#3366CC;	
	text-decoration: none;
}

#mainContent .breadcrumb a:visited {
	color:#3366CC;
	text-decoration:none
}

#mainContent .breadcrumb a:hover{
	color:#FF9933;
	text-decoration: none;
}

#princessLeia{
	z-index: 30;
	position:relative;
	top: 50px;
	left: 20px;
	margin: 0;
	padding: 0;
}

.bundle{/*for the photo bundles on all pages. Width determined by the size of the images, which may have white space added in*/
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.bundleDeep{
	float:left;
	text-align:center;
	margin-bottom:0;
}

.bundleSmall{/*for the photo bundles on all pages. Width determined by the size of the images, which may have white space added in*/
	float:left;
	text-align:right;
	margin-bottom:50px;
	margin-left: 190px;
}

.bundle a, .bundleDeep a{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#3366CC;
	text-decoration:none;
	margin-top:20px;
}

.bundle a:link, .bundleDeep a:link{
	color:#3366CC;
}

.bundle a:visited, .bundleDeep a:visited{
	color:#6ab700;
}

.bundle a:hover, .bundleDeep a:hover{
	color:#FF9933;
}

.bundleRight{/*for the photo bundles on all pages. Width determined by the size of the images, which may have white space added in*/
	float:right;
	text-align:center;
	margin-bottom:20px;
}

.caseImage{/*for use on specific model pages (i.e., O5DM, OBO, PDIF, etc. etc. ad nauseum*/
	margin:0 0 0 10px;
}

.iconImage{/*for use with the division icons*/
	margin:0 20px 0 10px;
}

.thumbImage{/*for use on the thumbnail images on sales sheets, etc.*/
	margin:0 35px;
}

.historyLeft{/*for the history page*/
	float:left;
	text-align:left;
	margin:10px 20px 10px 10px;
}

.historyRight{/*for the history page*/
	float:right;
	text-align:left;
	margin:10px 20px 10px 10px;
}


.historyImage{
	float:left;
	margin:0 10px;
}

.divisionLogo{/*for use on big division logos!*/
	float:center;
	margin:20px 0;
}

.caseCopy {
	width:410px;
	float:right;
}

.caseCopy a{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	color:#3366CC;
	text-decoration:none;
	margin-top:10px;
}
.caseCopy a:link{
	color:#3366CC;
}
.caseCopy a:visited{
	color:#6ab700;
}
.caseCopy a:hover{
	color:#FF9933;
}
/*use to give a break, should if needed for overfull text in the bundle*/
.spacer{
	clear:both;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.dealerFloat{
	clear: both;
	border-top: solid 1px #DDDDDD;
}

.microSpacer{
	font-size:10px;
	color:#FFFFFF;
	margin: 0px;
}
.imageTD {
	text-align: center;
	width: 150px;
}

/*----------this is to handle the scrolly list of case listings on the allERM_index page---------------------------------------------------------------*/
#listColumn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	width: 200px;
	white-space: normal;
	text-decoration: none;
	overflow: scroll;
	height: 700px;
	margin: 0;
	padding: 0 10px 0 0;
	border-top: 1px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
}

#listColumn ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#listColumn .listLink.listLink a:link {
	color: #3366CC;	
}
#listColumn .listLink.listLink a:visited {
	color: #99CC33;	
}
#listColumn .listLink.listLink a:hover{
	color: #FF9933;
}


/*-------mainContent info or whatever. Not sure what this styles 6.7.10---------------------------------------------------------*/
#mainContent .infoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 14px;
	margin-left:25px;

}
#mainContent .infoText.infoText a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	color: #3366CC;
	text-decoration: none;
}
#mainContent .infoText.infoText a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	color: #99CC33;
	text-decoration: none;
}
#mainContent .infoText.infoText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	color: #FF9933;
	text-decoration: none;
}
#mainContent .newsText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	margin-left:25px;
	margin-top:0;

}
#mainContent .newsText.newsText a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	color: #3366CC;
	text-decoration: none;
}
#mainContent .newsText.newsText a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	color: #99CC33;
	text-decoration: none;
}
#mainContent .newsText.newsText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height: 10px;
	color: #FF9933;
	text-decoration: none;
}


.tableRowSettings {
	padding: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #EEEEEE;
	margin: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
}
#mainContent .tableDataLeft2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#3366CC;
	text-align: left;
	text-decoration:none;
	padding:10px;
	margin-bottom:20px;
	vertical-align: top;
	width: 220px;	
	/*width:118px;*/
}
.tableSettings {
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	width:450px;
	padding-bottom:10px;
	padding-top:10px;
}#mainContent .tableData4col {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#3366CC;
	text-align: center;
	text-decoration:none;
	width:180px;
	vertical-align: top;


}
a[href $='.pdf'] 
padding-right: 18px;
background: transparent url(icon/icon_pdf.gif) no-repeat center right;
}
.no-icon {

a[href ^="mailto:"] {
padding-right: 20px;
background: transparent url(icon/icon_mail.gif) no-repeat center right;
}

a[class ~="popup"] {
padding-right: 18px;
background: transparent url(icon/icon_popup.gif) no-repeat center right;
}

/*
.subTextLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 0px;
}

#mainContent .subText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainContent .subText.subText a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
	text-decoration: none;
}
#mainContent .subText.subText a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #99CC33;
	text-decoration: none;
}
#mainContent .subText.subText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9933;
	text-decoration: none;
}
#mainContent .centered {
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	border-color: #FFFFFF;
}
#mainContent .centered.centered a:link {
	text-align: center;
	margin-top: 0px;
	border-color: #FFFFFF;
}
#mainContent .centered.centered a:visited {
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
}
#mainContent .headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bolder;
	/*color: #3366CC;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:25px;
}
#mainContent .headlineLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #3366CC;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainContent .smallHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #333333;
	text-align: left;
	margin-left:25px;
	margin-top: 25px;
	margin-bottom:5px;	/*margin-bottom: 20px;
}
#mainContent .leftSide{
	text-align:center;
	float: left;
	width:365px;
	margin: 0;
}
#mainContent .rightSide{
	text-align:center;
	float:right;
	width:365px;
	margin:0;
}
#mainContent .rightSide2{
	align:left;
	float:right;
	width:365px;
	margin:0;
}
#mainContent .table{
	width: 740;
	align: center;
}
#mainContent .tableData{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#3366CC;
	text-align: center;
	text-decoration:none;
	width:118px;
	vertical-align: text-top;
}
#mainContent .tableDataLeft{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#3366CC;
	text-align: left;
	text-decoration:none;
	/*width:118px;
}

#mainContent .tableData.tableData a:link{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	color:#3366CC;
}
#mainContent .tableData.tableData a:visited{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	color:#99CC33;
}
#mainContent .tableData.tableData a:hover{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	color:#FF9933;
}
#mainContent .listData{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-bottom:14px;
}
#mainContent .listData.listData a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-top:14px;
	text-decoration:none;
	color:#3366CC;
}
#mainContent .listData.listData a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-top:14px;
	text-decoration:none;
	color:#99CC33;
}
#mainContent .listData.listData a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-top:14px;
	text-decoration:none;
	color:#FF9933;
}*/