﻿/* <!-- */
    /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        background: #e7e3ce url(/Style%20Library/Images/vertical-bg.jpg) repeat-x;
        width:100%;
        font-size:70%;
        font-family: Arial, Trebuchet Ms, Helvetica Neue, Helvetica, Sans-serif; 
    }
	a {
    	color:#000;
	}
	a:hover {
		color:#999;
		text-decoration: none;
		cursor:pointer;
	}
    a.content {
    	color:#6d0f29;
	}
	a:hover.content {
		color:#6f424f;
		text-decoration: none;
	}
	a.rightNav {
    	color:#000;
    	text-decoration:none;
	}
	a:hover.rightNav {
		color:#000;
		text-decoration: none;
	}

    h3 {
    	margin: .75em .75em .5em .5em;
    	font-size: 16pt;    	
    	font-weight: bold;
    	color: #6e0f29;
    	line-height: 24px;
    }     
    p {
        margin:.7em 1em .5em 1em;
        font-size: 1.2em;
    }
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        height: 270px;
     }	
	
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}	
	/* 'widths' sub menu */
	#layoutdims {
        float: left;        
        display: block;
        width: 100%;
        overflow: hidden;
		margin-left: -3px;
		padding: 0px;
		text-align: left;
		}
	#header-photos {
        position: absolute;
        width: 487px;
        left: 680px;
        top:0;
        height: 288px;
    }
    #contact-us {
        float: left;
        width: 92px;        
        padding-right: 15px;
        background: transparent url(/Style%20Library/Images/contactus.png) no-repeat;
        height:30px;              
   }
   
   #mdu-logo {
        float: left;
        display: block;
        margin-top: 20px;
        margin-left: 0;
        width: 366px;
        height: 148px;
        z-index: 500;    
   }
   
   #mdu-logo a {
   		text-decoration: none;
   		width: 365px;
   		height: 400px;
   }
   #mdu-logo img {
   		border: none;
   		z-index: 900;
   }
   
	#state-title {
   		position: relative; 
   		top: 0px; 
   		left: 0px;
   		height: 10px !important;
   }   
   
   #state-title h3 {   
   		margin:0 0 0 17px;
   		padding:0;   	
   }
   .three-section {
   		margin-top: 0px;
   		padding-top: 0px;
   }
   #wrapper {    
        width: 978px;
        padding: 0;  
        margin: 0px auto;        
   }
   #container {
   		float: left;
		margin-top: 4px;
		margin-left: 4px;
        width: 549px !important;
   }
       
    .mdu-section1 { 
   		
   		margin-top: 4px;	
   		background: #ede8d8 url(/Style%20Library/Images/center-bg.jpg) repeat-x;
   		height: 1100px;
   		min-height: 500px;
   		height: 100%;
   		border: 1px solid #ccc;
    }

	.mdu-section2 {
		float: left;
		margin-top: 8px;	
     	width: 206px;
   	}
	.mdu-section3 {  
		float: right;      
		width: 210px;
		margin-top: 6px;
		margin-left: 4px;	
	}

      
   #alert-placement {
   		position: relative;
   		top: -70px;  
   		left: 60px;
   }

.special-alert {
	margin:.5em 1em .5em 1em;
	font-size: 1.7em;
    font-weight: bold;
    color: #701029;
 }

#search input.ms-sbplain
{
    width: 120px !important;
}

#search .ms-sblink
{
    display: none;
}

#search .ms-sbLastcell
{
    display: none;
}

#search select.ms-sbscopes
{
    display: none;
}

#search .ms-sbtable
{
	width: auto;
}

#search .ms-consolestatuscheckoutframe
{
    background-image: none;
}

    /* Primary Navigation */
    
td a.primary-nav  {
	background: none !important;
}
.primary-nav, .secondary-nav1, .secondary-nav2
{
     height: 20px;
     width: 207px;
     font-size: 1.0em;
     color: #000;
     background-color: transparent;
}

.required 
{
	font-weight: bold;
}
.padding-right 
{
	padding-left: 20px !important;
}

/* .secondary-nav1, .secondary-nav2 a
{
    display: block;
    margin: 0;
    width: 207px;
    color: #6d0f29;
    font-size: 1.0em;
    background: transparent;
}*/

.primary-nav-item a
{
    display: block;
    margin: 0;
    padding: 5px;
    color: #000;
    font-size: 1.0em;
    background: #fff;
 }
 
td a.primary-nav-item {
	padding-left: 12px !important;
}
 
#ctl00_PlaceHolderLeftNavBar_QuickLaunchNavigationManager {
	margin-top: 0 !important;
	padding-top: 0 !important;
} 

.selectednav a
{
    color: #6d0f29;
    font-size: 1.0em;
    font-weight: bold;
    padding: 10px;
	background: #fff url(/_layouts/images/ewr020.gif) no-repeat;
	background-position: 0px 3px;
	padding: 3px 6px 4px 12px;
}


 .selectednavheader a
{
    color: #6d0f29;
    border: 1px solid red;
    background: transparent url(/_layouts/images/ewr020.gif) no-repeat;
	background-position: 0px 3px;
}
.primary-nav, .selectednavheader a:hover
{
    color: #000;
    padding-left: 10px;
    margin: 0px;
    font-size: 1.2em;
    font-weight: bold;
    background: transparent url(/Style%20Library/Images/button-bg.png) no-repeat;
    height: 40px;
 }
    
    /* Badges*/
    
    #emerg {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-emergency.gif) no-repeat;
       height: 87px;
       color: #6d0f29;
       margin-left: 8px; 
    }
		
	#emergSelected {
       width:214px;
       background: transparent url(/Style%20Library/Images/badge-emergencySelected.gif) no-repeat;
       height: 87px; 
    }
    
    a:hover #emerg{
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-emergencyHover.gif) no-repeat;
       height: 87px;
       color: #6d0f29; 
       margin-left: 8px; 
    }
        
    #emerg h3, #customer h3, #conserve h3, #products h3 {        
        margin-left: 65px;
        padding: 3px 0 0 0;
        font-weight: bold;
        font-size: 13px;
    }
    
    #emerg p, #customer p, #conserve p, #products p {
        margin-left: 65px;
        padding: 3px 0 0 0;
        font-weight: bold;
        font-size: 10px;
    }
    #customer {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-customer.gif) no-repeat;
       height: 87px; 
       color: #303861;
       margin-left: 8px;  
    }
	
	#customerSelected {
       width:214px;
       background: transparent url(/Style%20Library/Images/badge-customerSelected.gif) no-repeat;
       height: 87px;
    }
   
	a:hover #customer {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-customerHover.gif) no-repeat;
       height: 87px; 
       color: #303861;
       margin-left: 8px;  
    }
  
    
    #conserve {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-conserve.gif) no-repeat;
       height: 87px;
       color: #1f4b13;
       margin-left: 8px;  
    }
	
	#conserveSelected {
       width:214px;
       background: transparent url(/Style%20Library/Images/badge-conserveSelected.gif) no-repeat;
       height: 87px; 
    }
    
    a:hover #conserve {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-conserveHover.gif) no-repeat;
       height: 87px;
       color: #1f4b13;
       margin-left: 8px;  
    }

    #products {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-products.gif) no-repeat;
       height: 87px;
       color: #434343;
       margin-left: 8px;         
    }    
    
    a:hover #products {
       width:206px;
       background: transparent url(/Style%20Library/Images/badge-productsHover.gif) no-repeat;
       height: 87px;
       color: #434343;
       margin-left: 8px;         
    }
    
	#productsSelected {
       width:214px;
       background: transparent url(/Style%20Library/Images/badge-productsSelected.gif) no-repeat;
       height: 87px;       
    }       
	/* Footer styles */
	#footer {
		margin-top: 10px;
    }
    #footer p {        
        padding-top:2px;
        margin: 0;
        font-size:1em;
        text-align: left;
    }
    
    #search
	{
       	float: right;
       	width: 145px;      	
	}
	#search #SRSB
	{
    	float: right;
	}

    .shadow {
        background: #eee;
    }   
/* End Publishing HTML custom styles */

/* Overriding core.css styles */

table.ms-rtetoolbarmenu img
{
    width: 14px !important;
    height: 14px !important;
}


/* The class names for these styles must begin with "mduCustom" to show up in drop-down. */

.mduCustom-Header1
{
    font-size: 1.8em;
    font-weight: bold;
}

.mduCustom-Header2
{
    margin:.5em .75em .75em .75em !important;
	font-size: 1.7em;
    font-weight: bold;
}

.mduCustom-Header3
{
    font-size: 1.6em;
    margin: .75em .75em .5em 0 !important;
    font-weight: bold;
    color: #6e0f29;
}

p.mduCustom-Header3 span 
{
	margin-top: 5em !important;
}

.mduCustom-Header4
{
    font-size: 1.4em;
    margin:.5em .75em .5em .75em;
    font-weight: bold;
    color: #000;
}

img.mduCustom-LeftImage
{
    float: left;
    clear: left;
    margin: 10px 10px 10px 0;
}

img.mduCustom-RightImage
{
    float: right;
    clear: right;
    margin: 10px 0 10px 10px;
}

p.mduCustom-CaptionLeft
{
    float: left;
    clear: left;
    color: #4d5762;
    text-align: center;
    width: 47%;
}

p.mduCustom-CaptionRight
{
    float: right;
    clear: right;
    color: #4d5762;
    text-align: center;
    width: 47%;
}

table.mduCustom-TableStyle1
{
    padding: 0;
    border-collapse: collapse;
    border: 0;
}

table.mduCustom-TableStyle1 td
{
    padding: 4px;
    background-color: #ccc;
    border: 1px solid #fff;	
}

table .mduCustom-TableHeadingStyle1
{
    font-size: 1.2em;
    font-weight: bold;
}

ul.third-nav, ul.third-nav
{
    /*position: absolute;*/
    margin-left: 0;
    float: right;
    border-left: 2px dotted #000;
    border-top: 4px solid #999;
    padding-top: 10px;
    padding-left: 10px;
    margin-right: 2px;
    list-style: none;
    background: #e7e3ce url(/Style%20Library/Images/third-nav-top.jpg) 0 0 repeat-x;
    width: 200px;
}
ul#appliance {
	list-style: none;
	margin:0;
}

ul#appliance li {
	padding: 0 15px;
    height: 25px;
}
ul#appliance li.first {
	list-style-image: url(/Style%20Library/Images/one.gif) no-repeat;
}




ul#appliance p {
	padding-top: 0;
	width:100px;
	margin:0;
    border: 1px solid red;

}

ul.third-nav li, ul.third-nav li
{
    padding: 0 15px;
    height: 25px;
}

ul.third-nav li.last, ul.third-nav li.last
{
    padding-bottom: 16px;
    background: transparent url(/Style%20Library/Images/third-nav-top.jpg) 0 bottom repeat-x;
}

ul.third-nav li a, ul.third-nav li a
{
    display: block;
    padding-left: 15px;
    color: #272e36;
    background: transparent url(/Style%20Library/Images/diamond-black.gif) 0 5px no-repeat;
    text-decoration: none;
}

ul.third-nav li a:hover, ul.third-nav li a:hover
{
    text-decoration: underline;
}

ul.third-nav li.on a, ul.third-nav li.on a
{
    text-decoration: underline;
}

ul.navigation-left {
	list-style: none;
	padding: 0;
	margin-left: 20px;
}

ul.navigation-left  li {
	font-size: 1.3em;
	font-weight: bold;
	height: 30px;
}
.news-look 
{
	margin:.5em .75em .5em .75em;
}
.news-look a {
    	color:#000;
	}
.news-look a:hover {
		color:#999;
		text-decoration: none;
		cursor:pointer;
}


/* StartStopTransfer Styles */

.TextTag {
	font-size: 1.2em;
	font-family: Arial, Trebuchet Ms, Helvetica Neue, Helvetica, Sans-serif;

	padding-top: 25px;
	padding-left: 15px;
	padding-right: 10px;
	background-image: none;
}


.FormHeading {
	text-align:center;
	font-size: 1.0em;


}

.FormFieldTitle {
	font-size: 12px;
	text-align: right;

}

.FormFieldTitle_Top {
	font-size: 12px;
	text-align: right;

	vertical-align: top;
}


.FormFieldText {
	font-size: 11px;
	/*text-align: center;*/

}

.FormFieldLeft {
	font-size: 12px;
	text-align: left;
}



.FormFieldRequired {
	color: #CC0000;
}