body, html {
    background: #ccc;
}

a, a:link, a:focus, a:hover {
    color: #458BAE;
}

.portlet a:link, .portlet a:hover {
    color: #0D6DB5;
}

a:visited {
    color: #444;
}

td p {
    margin: 0;
}

/*
p+ul {
    margin-top: -1.5eTruem;
}
*/
/* @group Sitewide features */
#contentWrapper {
    margin: 0 auto;
    width: 950px;
}
#pageControls {
    padding: 2px 20px;
    margin-bottom: 20px;
    border-top: 2px solid #458BAE;
    font-weight: bold;
}

.sf-menu {
    margin-bottom: 0;
    border : none
}

.sf-menu a, .sf-menu a:visited {
    border-top: none;
    color: #fff;
    font-weight: bold;
}


.sf-menu ul, .sf-menu li ul li {
    border-top:1px solid #CFDEFF;
    width: 160px;
}



.sf-menu ul.navlevel3 {
    border-top:1px solid #CFDEFF;
    margin-left:40px;
}



.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #A2BA7F none repeat scroll 0 0;
}


.sf-menu li.last {
    border-right:1px solid #FFFFFF;
}

#previousLink {
    float: left;
}

#nextLink {
    float: right;
}



/*
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    background-color: #458BAE;
}
*/

ul#suckerfishnav li  {
   
    position: relative;
    background-color: #0D6DB5;
}

ul#suckerfishnav li ul li {
    background-color: #8DA6D6 
}

/* @group Header */
#mainNavigation{
	z-index:10000;
	}

#suckerfishnav {
   position:relative;
   z-index:9000;
    
}

#suckerfishnav .navlevel3 li {
   
   z-index:9500;
    
}


#logos {
    border-bottom: 1px solid #fff;
	position:relative;
	height:100px;

}
#altgLogo {
    float: left;
}

#siteSearch {
	padding-top:3px;
	padding-left:10px;
	text-align:right;
	margin-right:40px;
}



#logos img {
    border: none;
}

#logos a {
    border: none;
    text-decoration: none;
}

#suckerfishnav {
    border: none;
	margin-right:10px;
}

/* @group Footer */
#footer {
/*    padding: 10px; */
    color: #fff;
    font-size: 90%;
}

.footer-wrapper {
    padding: 10px;
}

 #footer a {
     color: #fff;
}

/* @group Homepage */
#newsBox h3 {
    text-align: center;
}

#newsBox li {
    list-style-type:none; 
    margin-bottom:.5em; 
    line-height:1.2em; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:0.9em;
}

#newsBox h3 a img {
    border: none;
}

#newsBox li a {
    font-weight:700; 
}

#newsBox {
    padding: 4px;
}

#homepageContentArea, #homepageAccordion {
    margin-bottom: 20px;
    z-index:1;
}
#homepageMainArea {
    /* margin-top: 10px; */
    z-index:1;
}

#homepageAccordion {
    margin: 10px 0;
}


#homepageAccordion a{
    padding-left: 15px;
    width:auto;
}




.ui-accordion-header {
    display: block;
    width: 100%;
    background-color: #C5DE89;
    font-weight: bold;
    text-decoration: none;
    color: #458BAE;
    padding: 5px 0px;
    height: 18px;
}

.ui-accordion-header span {
    margin-left: 10px;
}

#homepageAccordion .ui-state-active {
    background-image: url('/static/images/accordion-open.png');
}

#homepageAccordion .ui-state-default {
    background-image: url('/static/images/accordion-closed.png');
}

.ui-accordion-content {
   padding: 10px;
   padding-bottom: 0px;
}

#homepageMainArea .portlet {
    margin-left: 0;
}

#homepageMainArea #textOnlyPromo {
    color: black;
}

#textOnlyPromo h3 {
    text-align: center;
}
#mainPromo {
    height: 200px;
    margin: 10px 0;
    overflow: hidden;
}

.promo-text-wrap {
    height: 50px;
    width: 510px;
    position: relative;
    top: -50px;
    z-index: 200;
    background: #000;
    opacity: .6;
}

/* These next two handle IE's lack of reliable opacity controls */
* html .promo-text-wrap {
    background: url("/static/images/slider-ie-bg.gif");
}

* + html .promo-text-wrap {
    background: url("/static/images/slider-ie7-bg.png");
}
.promo-text {
    background: transparent;
    height: 45px;
    width: 510px;
    position: relative;
    top: -95px;
    z-index: 205;
    margin-left: 10px;
}

.promo-text h1 {
    font-size: 160%;
    margin: 0;
    width: 500px;
}

.promo-text h2 {
    font-size: 140%;
    margin: 0;
}

.promo-text h1 a, .promo-text h2 a {
    color: #fff;
    text-decoration: none;
}

.promo-slide{
    z-index:-10;
}
#mainPromoControlsBG {
    position: absolute;
    z-index: 99;
    height: 23px;
    width: 57px;
    background: #000;
    opacity: .6;
    right: 0;
}


/* These next two handle IE's lack of reliable opacity controls */
* html #mainPromoControlsBG {
    background: url("/static/images/slider-ie-bg.gif");
}

* + html #mainPromoControlsBG {
    background: url("/static/images/slider-ie7-bg.png");
}

#mainPromoControls {
    margin-top: 3px;
    position: absolute;
    z-index: 100;
    width: 50px;
    background: transparent;
    padding-left: 5px;
    font-weight: bold;
    right: 0;
}

#mainPromoControls a {
    text-decoration: none;
    color: #fff;
}

#homepage-portlets h3  {
    color: #0D6DB5;
}
/* @group Utility */

.blkBanner {
	background-color: #0D6DB5;
}

.align-left {
    text-align:left;
}

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

.blue-bg {
    background-color:#C0D8E4;
}

.white-bg {
    background-color:#fff;
}

.stroke { 
    border:1px solid #CC0;
}

/* @group Sidebar */
#sidebarContent label {
    color: #0D6DB5;
}

.portlet {
    background-color:#EBEBEB;
    border:2px solid #458BAE;
    margin-bottom:10px;
    margin-top:10px;
    padding:1% 2%;
    margin-left: 10px;
}

#applicationSearchBox #vehicle-model, #applicationSearchBox #application-type {
    width: 134px;  
    margin-right: 5px;
}

#applicationSearchBox h3 {
    text-align: center;
    color: #0D6DB5;
}

#applicationSearchBox select {
    margin-top: 0;
}

.portlet h3 {
    color: #0D6DB5;
    text-align: center;
    margin: 0 0 1em 0;
}

#didYouKnowBox h4 {
    margin: 0;
    font-weight: bold;
}

/* @group Aluminum Applications */
#applicationResults {
    background-color:#EBEBEB;
    border:2px solid #458BAE;
    margin-bottom:10px;
    margin-top:10px;
    padding:1% 2%;
    width:95%;
}

.vehicle-result {
    margin: 5px;
    padding: 5px;
    width: 95%;
}

.vehicle-result img {
    float: left;
}
.vehicle-result a {
    float: right;
    margin-right: 100px;
    margin-top: 20px;
    font-size: 140%;
}

#applicationResults .odd {
    background-color: #fff;
}

#vehicleApplicationsListing {
    background-color:#EBEBEB;
    border:2px solid #458BAE;
    margin-bottom:10px;
    margin-top:10px;
    padding:1% 2%;

}

#vehicleApplicationsListing ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#vehicleApplicationsListing li {
    padding: 5px;
}
#vehicleApplicationsListing li.odd {
    background-color: #fff;
}

#aluminumApplicationsHome #applicationSearchBox label {
    color: #0D6DB5;
    display: block;
}

#aluminumApplicationsHome #applicationSearchBox select {
    width: 500px;
}

/* @group Content Styles */
.calloutBox {
    background-color:#EBEBEB;
    border:2px solid #458BAE;
    margin:10px;
    padding: 5px;
}

table.contentTable
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-color: #000;
}

.contentTable td
{
    border-color: #000;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #FFF;
}

/* @group Navigation Hacks */
#suckerfishnav ul li a{padding-left:25px;
background-image:url("/static/images/subnav_arrow.gif");
background-repeat:no-repeat;
background-position:center left;
}
/*
ul.navlevel2   {
    z-index: 2000 !important;
}



ul.navlevel3   {
    z-index: 3000 !important;
}


*/


navlevel2 .sf-menu  {
z-index:1000;
}

navlevel3 .sf-menu  {
z-index:2000;
}

#homepage-portlets img{margin-top:10px;}

#alert{
    background-color:#FFFF99;
    text-align:center;
    color:black;
    font-weight:bold;
    font-size: 1.5em;
}

#alert a{
    color:blue;
    text-decoration:underline;
}

#alert A:hover { color: black;}

#video{
    margin-top:10px;
    
}


#video *{
    z-index:-10;
    
}