/****HEADER********/
.header{position:static;font-size:12px;height:105px; background-color:#fff; background-image:url(/images/global/bg_header.jpg); background-position:0 0; background-repeat:repeat-x;}
.header #logo_img{height:52px;width:227px;border:0;margin:0;padding-top:13px;padding-left:10px;float:left;}		
.header input{font-size:11px;color:#999;width:120px;height:13px;margin:0 0 3px 0;float:left;}
.header .search_button{width:17px; height:19px;}
.header .left_column{float:left; margin-bottom:-4px;}
.header .right_column{float:right; width:410px; padding:28px 26px 0 0;}
.header .right_column{ height:77px; }  /* fixes a minor gap below header in Firefox/mac */
.header .right_column br {display:none;}

		
/***********Primary Navigation*********************/
.header .primary_navigation{margin-top:5px;padding-left:26px;clear:left;list-style:none;}
.header .primary_navigation li,
.header .primary_navigation li#not_logged_in {position:relative; z-index:199;float:left;display:inline;border-left:1px #e2e2e2 solid;border-right:1px solid #e2e2e2;border-top:none;background:none;padding:0;margin:0 -1px 0 0;line-height:29px;height:34px;color:#217bb1;}
.header .primary_navigation li li {position:relative;}
.header .primary_navigation li:first-child{}
.header .primary_navigation li a{display:block;float:left;font-size:12px;text-decoration:none;background-image:url(/images/global/nav_arrow_down.gif);background-position:right 13px;background-repeat:no-repeat;height:35px; padding:0 20px;margin:0 0 -1px 0;}
.header .primary_navigation li li a{float:none;}
.header .primary_navigation li a .logout-link{font-size:10px;padding-left:3px;}
.header .primary_navigation li a.hover{background-position:right 7px; background-repeat:no-repeat;}
.header .primary_navigation li:hover{text-decoration:none;border:2px solid #e2e2e2;border-style:solid solid none;margin:-2px -2px 0px -1px;}
.header .primary_navigation li:hover a {background-color:#fff;position:relative;z-index:299; color:#217bb1;}

.header .primary_navigation .over{text-decoration:none;border:2px solid #e2e2e2;border-style:solid solid none;margin:-2px -2px 0px -1px;}
.header .primary_navigation .over a {background-color:#fff;position:relative;z-index:299;}
.header ul{margin-left:0px;}
.header .primary_navigation li#not_logged_in a {background-image:none;background:none;}
.header .primary_navigation li#not_logged_in a:hover {text-decoration:underline;background:none;}
.header .primary_navigation li div{top:33px;margin:0 0 0 -1px;height:344px; position:absolute;border-top:1px solid #dcdcdc;border-left:1px solid #DCDCDC;border-bottom:1px solid #cccccc;}
.header .primary_navigation li div div{border-left:none;margin:0;}
/* SFHOVER - 1/15 */
.header .primary_navigation div {left: -999em;}
.header .primary_navigation li:hover div,
.header .primary_navigation li.over div{left:0}
.header .primary_navigation li:hover div div,
.header .primary_navigation li.over div div{left:-999em}
.header .primary_navigation li:hover li:hover div,
.header .primary_navigation li.over li.over div{left:178px}
.header .primary_navigation li:hover li:hover div div,
.header .primary_navigation li.over li.over div div{left:-999em}
.header .primary_navigation li:hover li:hover li:hover div,
.header .primary_navigation li.over li.over li.over div {left:178px;}
/*************MYSUBARU R1**********************/
#not_logged_in{visibility:visible;}

#first_external_link{border-top:1px solid #E2E2E2;}
/*********************************************/
/**********/
.header .primary_navigation .block-list {width:177px;height:327px;padding:17px 0 0 1px;margin:0;background:#fff;border-right:1px solid #cccccc;}
#wide_drop{width:265px;}
.header .primary_navigation .block-list li {background:url(/images/global/nav_blue.gif) repeat-x 0 -40px;position:static;display:block;float:left;height:29px;width:100%;line-height:29px;padding:0;margin:0;border:none;}
.header .primary_navigation .block-list li.dropdown {background-image:url(/images/global/nav_blue_expand.gif);}
.header .primary_navigation .block-list li:hover,
.header .primary_navigation .block-list li.over{background-position:0 0;}
/* child nav item colors must be set to non-hovered color */
.header .primary_navigation .block-list li:hover a,
.header .primary_navigation .block-list li.over a {color:#fff;}
.header .primary_navigation .block-list li:hover li a,
.header .primary_navigation .block-list li.over li a {color:#217bb1;}
.header .primary_navigation .block-list li:hover li:hover a,
.header .primary_navigation .block-list li.over li.over a {color:#fff;}
.header .primary_navigation .block-list li a {border-right:1px solid #fff;height:29px}
.header .primary_navigation .block-list li li a {border-right:1px solid #e8e8df}
.header .primary_navigation .block-list li a {display:block;background:none;padding:0 1px 0 15px;margin:0;}

/* Second Level - Trims */
.header .primary_navigation .block-list div, .header .shopping_nav .block-list div {margin-top:-1px;border-top:1px solid #dcdcdc;width:178px;height:327px;padding-top:17px;top:0;background:#e8e8df;border-right:1px solid #cccccc;border-left:1px solid #cccccc;}
.header .primary_navigation #subaru_vehicles div {height:344px;padding-top:0px;}
.header .primary_navigation .block-list div h4 {padding:17px 0 0 15px;margin:0;font-size:20px;font-weight:normal;height:29px;line-height:22px;color:#666666;}

/* Third Level - Rollover Overview */
.header .primary_navigation .block-list li .vehicle_card {padding:0 17px;width:316px!important;height:344px !important;background:#fff;}
.header .primary_navigation .block-list li .vehicle_card h6 {padding:17px 0 5px 0;float:left;margin:0;font-size:20px;font-weight:normal;height:29px;line-height:22px;color:#217bb1;}
.header .primary_navigation .block-list li .vehicle_card img {margin:18px 18px 10px;}
.header .primary_navigation .block-list li .vehicle_card a {border-right:none;}
.header .primary_navigation .block-list li .vehicle_card p {position:static;width:auto;font-size:12px; line-height:1.5em; height:35px; }
.header .primary_navigation .block-list li .vehicle_card .details-link {display:block;float:right;margin:18px 0;font-size:10px;background:url(/images/global/button-light-door.gif) no-repeat;line-height:18px;height:18px;width:85px;}
.header .primary_navigation .block-list li .vehicle_card .details-link a {display:block;background:url(/images/global/button-light-right.gif) no-repeat top right;height:18px;padding:0 7px;border:none;font-size:10px;color:#217bb1 !important;text-align:center;}
.header .primary_navigation .block-list li .vehicle_card .details-link a:hover {text-decoration:none;}
.header .primary_navigation .block-list li .vehicle_card .nav-buttons {position:absolute;display:block;top:290px;left:50px;z-index:300;}
.header .primary_navigation .block-list li .vehicle_card .nav-button,
.header .primary_navigation .block-list li .vehicle_card .nav-button-green {display:block;float:left;margin:0 7px 0 0;padding:0;background:url(/images/global/button-blue-door.gif) no-repeat;line-height:23px;height:23px;text-transform:uppercase;}
.header .primary_navigation .block-list li .vehicle_card .nav-button-green {background:url(/images/global/button-green-door.gif) no-repeat;}
.header .primary_navigation .block-list li .vehicle_card .nav-button a,
.header .primary_navigation .block-list li .vehicle_card .nav-button-green a {display:block;float:left;background:url(/images/global/button-blue-right.gif) no-repeat top right;height:23px;padding:0 7px;border:none;font-size:10px;font-weight:bold;color:#eeeeee;}
.header .primary_navigation .block-list li .vehicle_card .nav-button-green a {background:url(/images/global/button-green-right.gif) no-repeat top right;}
.header .primary_navigation .block-list li .vehicle_card .nav-button a:hover,
.header .primary_navigation .block-list li .vehicle_card .nav-button-green a:hover {color:#fff;text-decoration:none;}
.header .primary_navigation .block-list li .vehicle_card .clear {display:block;}

/* Nav - Top Navigation Right Column */

.top_navigation .company_nav{list-style:none; float:right; margin-top:5px; margin-bottom:23px; padding:0;}
.top_navigation .company_nav li{display:inline; float:left; color:#55554b;}
.top_navigation .company_nav li a{font-size:12px; text-decoration:none; color:#55554b; display:block; padding-left:15px; margin-top:2px;}
.top_navigation .company_nav li a:hover{text-decoration:underline; color:#55554b;}

.top_navigation .input_nav{padding-right:0; padding-left:20px; float:right;}	
.top_navigation .search_button{display:inline; padding:0; float:left; margin:0;}

/* Nav - Shopping Tools / Special Nav */

.shopping_nav {
margin: 0; margin-top:-2px; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
.special_offers {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

.top_navigation .special_offers li{display:inline; list-style:none; margin:0 0 0 2px;}
.top_navigation .special_offers .special_link a{text-decoration:none; margin:0 0 0 14px; color:#217bb1;}
.top_navigation .special_offers .special_link a:hover{text-decoration:underline; margin:0 0 0 14px; color:#217bb1;}
.top_navigation .special_offers .input_nav{padding-right:0; padding-left:20px; float:right; margin:-1px 0 0 0;}
.top_navigation .special_offers .search_button{display:inline; padding:0; float:left; margin:0;}

.top_navigation .shopping_nav li{position:relative; z-index:299; float:left; display:inline; border-left:1px #e2e2e2 solid; border-right:1px solid #e2e2e2; border-top:none; background:none; padding:0; margin:-7px -1px 0 8px;line-height:29px; height:34px; text-decoration:none;}
.header .shopping_nav .block-list li.dropdown{background-image:url(/images/global/nav_blue_expand.gif);}

.top_navigation .shopping_nav li li {position:relative;}
.top_navigation .shopping_nav li:first-child{}
.top_navigation .shopping_nav li a{display:block; float:left; font-size:12px; text-decoration:none; background-image:url(/images/global/nav_arrow_down.gif); background-position:right 13px; background-repeat:no-repeat; height:35px; padding:0 20px; margin:0 0 -1px 0; color:#217bb1; text-decoration:none;} /*Shopping Tab Positioning Between Lines*/
.top_navigation .shopping_nav li a:hover{background-position:right 13px; background-repeat:no-repeat;} /*Blue Hover Positioning*/
.top_navigation .shopping_nav li:hover{border:2px solid #e2e2e2;border-style:solid solid none;margin:-9px -2px 0px 7px; text-decoration:none;}
.top_navigation .shopping_nav li:hover a{background-color:#fff; position:relative; z-index:299; color:#217bb1; text-decoration:none;} /*Shopping Tools Tab*/
.top_navigation .shopping_nav li li a{float:none; text-decoration:none;}
.top_navigation .shopping_nav .over{text-decoration:none; border:2px solid #e2e2e2; border-style:solid solid none; margin:-9px -2px 0px 7px;}
.top_navigation .shopping_nav .over a {background-color:#fff; position:relative; z-index:299;}
.top_navigation .shopping_nav li div{top:33px; margin:0 0 0 -1px; height:344px; position:absolute; border-top:1px solid #dcdcdc; border-left:1px solid #DCDCDC; border-bottom:1px solid #ccc;}
.top_navigation .shopping_nav li div div{border-left:none; margin:0;}

/* SFHOVER - 1/15 */
.top_navigation .shopping_nav div {left: -999em;}
.top_navigation .shopping_nav li:hover div,
.top_navigation .shopping_nav li.over div{left:0}
.top_navigation .shopping_nav li:hover div div,
.top_navigation .shopping_nav li.over div div{left:-999em}
.top_navigation .shopping_nav li:hover li:hover div,
.top_navigation .shopping_nav li.over li.over div{left:178px}
.top_navigation .shopping_nav li:hover li:hover div div,
.top_navigation .shopping_nav li.over li.over div div{left:-999em}
.top_navigation .shopping_nav li:hover li:hover li:hover div,
.top_navigation .shopping_nav li.over li.over li.over div {left:178px;}

/** Block List ********/
.top_navigation .shopping_nav .block-list {width:177px; height:327px; padding:17px 0 0 1px; margin:0; background:#fff; border-right:1px solid #ccc;}
.top_navigation .shopping_nav #wide_drop{width:232px;}
.top_navigation .shopping_nav .block-list ul {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
.top_navigation .shopping_nav .block-list li {background:url(/images/global/nav_blue.gif) repeat-x 0 -40px; position:static; display:block; float:left; height:29px; width:100%; line-height:29px; padding:0; margin:0; border:none;}
.top_navigation .shopping_nav .block-list li:hover,
.top_navigation .shopping_nav .block-list li.over{background-position:0 0;}
.top_navigation .shopping_nav .block-list li:hover a,
.top_navigation .shopping_nav .block-list li.over a {color:#fff;}
.top_navigation .shopping_nav .block-list li:hover li a,
.top_navigation .shopping_nav .block-list li.over li a {color:#217bb1;}
.top_navigation .shopping_nav .block-list li:hover li:hover a,
.top_navigation .shopping_nav .block-list li.over li.over a {color:#fff;}
.top_navigation .shopping_nav .block-list li a {border-right:1px solid #fff;height:29px}
.top_navigation .shopping_nav .block-list li li a {border-right:1px solid #e8e8df}
.top_navigation .shopping_nav .block-list li a {display:block; background:none; padding:0 1px 0 15px; margin:0;}
.top_navigation .shopping_nav .block-list li a:hover {display:block; background:none; padding:0 1px 0 15px; margin:0;}

/***Secondary Tabbed Navigation***/
.secondary_nav_container {position:relative; width:950px; height:128px; background-position:0 0; background-repeat:no-repeat;}
.secondary_nav_container .title{position:relative; top:25px; left:26px; font-size:20px; color:#fff;}

.secondary_nav_container .secondary_nav {position:absolute; bottom:0; left:24px; list-style:none;}
.secondary_nav_container .secondary_nav li{
display:inline;
float:left; 
padding:0 1px 0 3px;
line-height:32px;
}
.secondary_nav_container ul{
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
.secondary_nav_container .secondary_nav li a{float:left; background:url(/images/global/second_nav_lt_sd.gif) left top no-repeat;padding:0 0 0 7px; text-decoration:none; font-size:12px; color:#fff;
}
.secondary_nav_container .secondary_nav li a span{float:left; background:url(/images/global/second_nav_rt_sd.gif) right top no-repeat;padding:0 15px 0px 8px; cursor:pointer;}
.secondary_nav_container .secondary_nav li a:hover{text-decoration:none;}

.secondary_nav_container .secondary_nav li a.selected{background-image:url(/images/global/second_nav_lt_sdSEL.gif);}
.secondary_nav_container .secondary_nav li a.selected span {background-image:url(/images/global/second_nav_rt_sdSEL.gif); color:#55554b;text-decoration:none;}

/***IDs for Secondary Nav****************/
#enthusiasts{background-image:url(/images/global/tab_SPT.jpg);}
#enthusiasts-spt{background-image:url(/images/global/tab_SPT.jpg);}
#drive{background-image:url(/images/global/tab_Drive.jpg);}
#drive_performance{background-image:url(/images/global/tab_drive-performance.jpg);}
