/* --------- /stylesheets/widescreenLayout.css --------- */ 
/*
 
 *
 * CSS Layout has been tested on Safari, Firefox and IE/Win 6.0.
 *
 * 
 */

/*=========================================================================
   Global Settings
 *=========================================================================*/





.hashed{background-image:url(http://garrettassociates.biz/chevy/images/patternWhite_light.gif) !important;}


/* reset browser defaults */
* {
    margin: 0px;
    padding: 0px;
}



body {
    position: relative;
    margin: 0px;
    padding: 0px;
    padding-bottom: 25px;
    text-align: left;
    background-color: #ca3329;
    background-image: url(http://garrettassociates.biz/chevy/images/back.jpg);
    color: white;
}

img {
    border: 0px;
}


#contentArea {
    position: relative;
    top: 10px;
	bottom: 10px;
    width: 960px;
    margin: 0px auto 0px auto;
    border: 0px solid black;
    background-color: #ca3329;
    overflow: visible;
}


#contentArea1 {
    position: relative;
    top: 10px;
    width: 960px;
    margin: 0px auto 0px auto;
    border: 0px solid black;
    background-color: #ca3329;
    overflow: visible;
}

#contentPane {
    position: relative;
    width: 950px;
    height: auto;
    top: 10px;
    left: 10px;
	right: 10px;
	bottom: 10px;
    margin: 0;
    margin-bottom: 11px;
    
}


/* to ensure minimum height */
#verticalSpacer {
    height: 0px;
    float: right;
}

#welcomeUser {
    position: absolute; 
    left: 10px; 
    top: -28px; 
    padding-left: 2px;
}

#login {
    position: absolute;
    top: -28px;
    right: 200px;    
}

#menu-site-search {
  position:absolute;
  top:-32px;
  right:10px;
  width:170px;
}

/*=========================================================================
   Container Table - used to create a smooth shadow around main content area
 *=========================================================================*/
 
table.containerTable {
    width: 950px;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #ca3329;
	
	 border-bottom: 1px solid #ca3329;       
} 

table.containerTable tr {
    vertical-align: top;
}

table.containerTable > td {
    padding: 0px;
}

td.contentTopLeft {
    width: 100%;
    background-color: white;
}

td.contentTopLeft img.curl
{
  position:absolute;
  top:0px;
}

td.contentTopRightShadow {
    width: 10px;
    margin-top: 0px;
    margin-bottom: 8px;
    background-image: url(http://fusicmedia.com/images/shade_right_tile.gif);
    background-repeat: repeat-y;
}

td.contentBottomLeftShadow {
    height: 8px;
    background-image: url(http://fusicmedia.com/images/shade_bottom_widescreen.gif);
    background-repeat: repeat-x;
}

td.contentBottomRightShadow {
    height: 8px;
    background-image: url(http://fusicmedia.com/images/shade_bottom_right.gif);
    background-repeat: no-repeat;
}


/*=========================================================================
   Main Content Area
 *=========================================================================*/

#contentMainArea {
    position: relative;
    top: 0px;
    left: 0px;
    border: 0px solid black;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 300px;
    min-height: 300px;
    width: 430px;
    vertical-align: top;
}

#contentDivider {
	width: 280px;
	position: relative;
}

#alert {
	
   position:fixed;
   _position:absolute;
   top:0;
   _top:expression(eval(document.body.scrollTop));
   left:0;
   margin:0;
   padding:0;


   width:100%;

   text-align:center;
}

.noticeMessage, .errorMessage {
	
  font-size: 12px;
  line-height: 15px;
  position: absolute;
  width: 410px;
  z-index: 50000 !important;
  top: 0px;
  right: 100px;
  margin-left: 0px;
  margin-right: 0px;

  padding-top: 5px;
  padding-bottom: 5px;

  padding-left: 10px;
  padding-right: 10px;
	
}


.slickerror
{
}

.slickerror p
{
  color:#fff;
  background:#cc0000;
  padding:10px;
  padding-bottom:10px !important;
}

.slickerror a
{
  color:#fff;
  text-decoration:underline;
}

.slickerror a:hover
{
  color:#00adef;
}



/*=========================================================================
   Main Content Area
 *=========================================================================*/

#headerArea {
    position: relative;
    height: 90px;
    padding: 0px;
    z-index: 1000;
    border-bottom: 1px solid #134e0e;
}



.ie #headerArea {
	height: 90px;
}

* html #headerArea {
    border-bottom-style: solid;
}    

#infoArea {
    position: relative;
    height: 150px;
    background-color: #f9f4e4;
    padding: 10px;
    z-index: 0;
}

#infoBar {
    position: relative;
    height: 30px;
    background-color: #a29c83;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 0;
}    


#logo {
    position: absolute;
    right: 275px;
    top: 10px;
}


/*============================================================================================
  drop down menus location
  ============================================================================================*/

/* moved to slick-menu.css */




/*===================================================================================================
 * BOTTOM STRIPES AND THE FOOTER MENU
 *===================================================================================================*/

#bottomPane {
    position: relative;
    background-color: #535143;
    left: 0px;
    top: 0px;
    height: 30px;
    width: 960px;
}

#bottomPaneNavigation {
    width: 100%;
}

#bottomPaneNavigation * {
    color: #f9f4e4 !important;
}

#bottomPaneCopyright {
    float: right;
    margin-top: 6px;
    margin-left: 10px;
    padding: 3px;
    padding-right: 10px;
}

#bottomPaneMenu {
	margin-top: 6px;
    margin-right: 10px;
    float: left;
    padding: 3px;
}




.tooltipDialog h3 {
	width: 350px;
}




/*===================================================================================================
 * Global Styles
 *===================================================================================================*/
body, option, optgroup {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #535154;
	
}



.rightfloat { float: right; margin-right: 40px; text-align: right; vertical-align: top; align: top; width: 200px;}
.rightfloat1 { float: right; margin-right: 55px; text-align: right; margin-top: 5px; width: 250px; line-height:18px;}
.rightfloat2 { float: right; margin-right: 55px; text-align: right; margin-top: 35px; width: 250px; line-height:18px;}


.leftfloat1 { float: left; margin-left: 50px; text-align: left; width: 500px; font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}
.leftfloat { float: left; margin-left: 50px; text-align: left; width: 350px; font-size: 13px; line-height: 19px; font:Arial, Helvetica, sans-serif;}


.mainfloat { float: center; margin-right: 20px; margin-left: 20px; vertical-align: bottom; align: bottom; width: 900px;}


p { 
font-size: 13px; line-height: 19px; padding-left: 20px; padding-right: 20px; 
font:Arial, Helvetica, sans-serif; 
}


h1 {
	font-weight: normal;
	width: 150px;
	overflow:hidden;
	color: #000000;
	font-size: 20px;
	line-height: 20px;
	margin-left: 15px;
	
	
}

h1 img {width: 940px; height: 350px;}

p img {padding-left: 25px; padding-right: 25px; height: 100px; width: 150px; padding-top: 5px; float: left;}

#headerArea h1 {
	position: absolute;
	left: 20px;
	top: 10px;

}


h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: black;
	margin-bottom: 5px;
	margin-top: 1px;
	margin-left: 10px;
	font-size: 18px;
	color: #19bbf9;
}

/* this should negate space in the above style */
h2.nospace{
  margin-bottom:0;
}

h4 {
	font: bold 13px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 3px;
}

.caps{text-transform:uppercase;}

h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -10px;
	margin-right: -20px;
	background-color: #a7c375;
	display: block;
	font-size: 13px;
	color: white;
	width: 164%;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	height: 15px;
}

h3.first {
	margin-top: 0px;
}

.ie6 h3 {
	height: 16px;
}

.win.gecko h3 {
	padding-top: 2px;
	padding-bottom: 3px;
}

a.no_outline:active, a.no_outline:focus { outline: 0; }

h3 a {
	position: absolute;
	display: block;
	right: 0px;
	font-size: 11px;
	text-transform: none;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -3px;
	border-left: 1px dotted white;
	height: 20px;
	width: 56px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	color: white;
/*	background-color: #535154; */
	background-color: #a29c83; 
	white-space: nowrap;
}

.win h3 a {
	margin-top: -2px;
	height: 20px;
	font-weight: normal;
}
.ie6 h3 a {
	margin-top: -3px;
	height: 21px;
	border-left-style: solid;
}

h3 a:hover {
	background-color: #fd7820;
	text-decoration: none;
}


.win.gecko h3 a.header_link
{
  height:18px;
  padding-top:2px;
}

.ie7 h3 a.header_link
{
  padding-top:2px !important;
  height:19px;
}


h3 a.header_link {
	background-color: #A7C275; 
	border-left: 0px none;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
	left:0px;
	line-height: 15px;
	margin-top:0px;	
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 3px;
	text-align: left;
	text-transform: uppercase;
	top:0px;
	width: 647px;
}

.win h3 a.header_link {
	padding-top: 0px;
	padding-bottom: 0px;
}

.ie6 h3 a.header_link {
	line-height: 21px;
}

h3 a.header_link:hover {
	background-color: #FD7820;
}

a.withIcon {
	font-size: 11px;
	margin-top: 3px;
	background: url(/images/icons/viewOpened.gif) no-repeat left center;
	padding-left: 15px;
}

h3 div.multiLink {
	float: right;
	width: 300px;
	margin-top: -3px;
	margin-bottom: 3px;
	height: 20px;
	overflow:hidden;
}

h3 div.multiLink a {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-top: 0px;
	float: right;
	position: static;
	height: 23px;
}

h3 div.multiLink a.opened {
	color: #9d5810;
}

a {
	text-decoration: none;
	color: #fd7820;
	outline: none;	
}

a:hover {
	text-decoration: underline;
}

a.small {
	font-size: 11px;
	font-weight: bold;
}

small {
  font-size:11px;
}

#contentMainArea p {
	padding-bottom: 15px;
}

/* this should negate the above style */
#contentMainArea p.nospace {
  padding-bottom:0;
}

* html #contentMainArea p {
	padding-bottom: 15px;
}

/* Blurb's standard page */
ul,ol {
	margin-left: 18px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ie ol {
  margin-left:22px;
}

li {
	margin-bottom: 5px;
}

/* new style, used in jobs and learn_more page */
ul.compact,ol.compact {
	margin: -10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

ul.compact li,ol.compact li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(/images/cutebullet.gif) no-repeat top left;
	list-style: none;
}

.importantNotice {
	font-size: 12px;
	padding: 10px;
	background: #f9f4e4;
	margin: -10px 0 20px -10px;
}

.importantNoticeRed {
	color: #cc0000;
}

#spinner {
	position: absolute;
	width: 15px;
	height: 15px;
	text-align: center;
	z-index: 100000;
}

#spinner img {
	margin: 0;
}

div.horizontalLine {
	position: relative;
	border-top: 1px dotted #a29c83;
	border-bottom: 1px dotted #a29c83;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.ie6 div.horizontalLine {
	border-top: 1px solid #a29c83;
	border-bottom: 1px solid #a29c83;
}


/*===================================================================================================
 * Bottom Pane of the Main Template
 *===================================================================================================*/
#bottomPaneCopyright {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #993300;
}

#bottomPaneMenu {
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	color: #993300;
}

#bottomPaneMenu a {
	color: #9f3702;
	font-weight: normal;
}

#login,#welcomeUser {
	font-size: 11px;
	color: #a29c83;
}

#bottomPaneSiteLinks a {
	color: #536b3c;
}

#bottomPaneSiteLinks div {
	padding: 10px;
	padding-top: 8px;
}

#bottomPaneSiteLinks table tr {
	vertical-align: top;
}

#bottomPaneSiteLinks table td {
	font-size: 12px;
	line-height: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
}

  


/*=========================================================================
 * Shadowed Image
 *=========================================================================*/

/* Use as follows:
 *
 * <div class="imgShadowed"><div><img ...></div></div>
 
 this is being phased out, now using .slickshadow
 */
 
.imgShadowed {
	background: url(/images/shadow/shadow.gif) no-repeat right bottom;
	float: left;
}

.imgShadowed div {
	background: none;
	background: url(/images/shadow/mask.png) no-repeat left top !important;
	background: url(/images/shadow/mask.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}

div.imgShadowed img {
    display: block;
	background-color: #FFFFFF;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

/* Div shadowed */
/* Use as follows:
 *
 * <div class="divShadowed"><div class="insideShadow"><div ...></div></div></div>
 */

.divShadowed {
    float: left;
    position: relative;
	background: url(/images/shadow/shadow.gif) no-repeat right bottom;
}

.divShadowed  div.insideShadow {
    position: relative;
 	background: none;
	background: url(/images/shadow/mask.png) no-repeat left top !important;
	background: url(/images/shadow/mask.gif) no-repeat left top;
	padding: 0px 5px 5px 0px;
}

.divShadowed div.insideShadow div {
    display: block;
}


/* clearing */
.clear {
    clear: both;
}/* --------- /stylesheets/slick-drop.css --------- */ 
div#slick-drop {
  position: absolute;
  left: 10px;
  top: 61px;
  z-index: 10000;
  width: 700px;
}

div#slick-drop li
{
  margin:0;
  padding:0;
  position: relative;
}

div#slick-drop ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

/* ---------- TOP LEVEL ---------- */

div#slick-drop ul
{

}

div#slick-drop ul li
{
  float:left;
  position:relative;
  margin-right:5px;
  padding:5px 10px 5px 10px;
  border:1px solid #fff;
  background:#fff;
  height:15px;
  position:relative;
  top:0px;
}

div#slick-drop ul li .menu-item
{
  font-weight:bold;
  padding-left:0 !important;
}

div#slick-drop ul li.has-arrow .menu-item
{
  padding-left:20px !important;
}

div#slick-drop ul li a
{
  /* applies to sub and main */
  font-size:12px;
  font-weight:bold;
  color:#535143;
  text-decoration:none;

  /* padding-left:0 !important;  gets overriden with javascript */
}

div#slick-drop ul li.arrow a
{
  padding-left:10px !important;
}

div#slick-drop ul li.has-arrow:hover,
div#slick-drop ul li.has-arrow.hover,
div#slick-drop ul li.has-arrow.active
{
  background:#fff;
  border:1px solid #d2e2ae;
  height:17px;
  position:relative;
  top:1px;
  padding-bottom:6px;
  padding-top:4px;
}

div#slick-drop ul li.has-arrow.menu_item_hover
{
  background:green;
}

div#slick-drop ul li.active
{
  border-bottom:1px solid #fff !important;
}



div#slick-drop ul li .menu-item
{ 
  padding-left:20px;
  position:relative;
  top:0;
  z-index:5;
}

div#slick-drop ul li.selected {
/*	background-color: #535143;
*/	border-top: 1px solid #d2e2ae;
	border-right: 1px solid #d2e2ae;
	border-left: 1px solid #d2e2ae;
	height: 18px;
	background-color: #fff;
}

div#slick-drop ul li .menu-item:hover
{  
  color:#fd7820;
}

div#slick-drop ul li div.menu-arrow
{  
  cursor:pointer;
  z-index:10;
  width:20px;
  height:20px;
  background-image:url(/images/slick-drop/menu-arrow.gif);
  background-repeat:no-repeat;
  background-position:5px 2px;
  float:left;
  margin-right:5px;
  
  position:absolute;
  left:5px;

  display:none; /* this gets overriden if javascript is enabled */
}

div#slick-drop ul li div.show 
{
  display:block; /* used to override hidden menu-arrow style with js */
}

div#slick-drop ul li div.menu-arrow:hover,
div#slick-drop ul li.selected div.menu-arrow:hover,
div#slick-drop ul li div.menu-arrow.hover,
div#slick-drop ul li.selected div.menu-arrow.hover {
  background-color:#fd7820;
  background-image:url(/images/slick-drop/menu-arrow-white.gif);
  background-position:5px 7px;
  display:block;
  position:absolute;
  
}

div#slick-drop ul li.selected div.menu-arrow:hover
{
  background-position:5px 7px;
}

div#slick-drop ul li.selected.active div.menu-arrow
{
  background-image:none !important;
}

div#slick-drop ul li.selected.active div.menu-arrow:hover
{
  background-image:url(/images/slick-drop/menu-arrow-white.gif) !important;
}

div#slick-drop ul li.active div.menu-arrow
{
  background-image:none;
  background-color:#fd7820;
  height:28px;
}

div#slick-drop ul li.active div.menu-arrow:hover
{
  background-image:url(/images/slick-drop/menu-arrow-white.gif);
  
}

/* selected item */
div#slick-drop ul li.selected a.menu-item:link,
div#slick-drop ul li.selected a.menu-item:visited
{
/*  color: #fff; */
}

div#slick-drop ul li.selected div.menu-arrow
{
  background-image:url(/images/slick-drop/menu-arrow-selected.gif);
  background-position: 2px 0;
}


/* ------------------------------------- ADDED SECONDLY   MAIN SLIDER AREA --------------------------------- */


/*Images are 455x280 */


.hp_promobox-cage {
	float:center;
	height:310px; 
	overflow: auto;
	width:455px;
}
.hp_promobox-topbox { height:45px }
.hp_promobox-topbox-text { font-size:18px line-height:18px; font-weight:bold padding:1px 0 0 5px }
.hp_promobox-topbox-subhead { font-family:verdana;font-size:18pt; color:#1e3789; font-weight:bold; line-height: 20px;}
.hp_promobox-topbox-titleXX { color:white;font-size:12px;font-weight:bold;text-decoration:none;font-family:arial }
.hp_promobox-bottombox { height:276px }
.hp_promobox-topcorner { position:absolute;z-index:99;left:449px }
.hp_promobox-bottomcorners { position:absolute;z-index:98;top:303px }

a.promobox-title:link, a.promobox-title:active, a.promobox-title:visited { color:white;font-size:12px;font-weight:bold;text-decoration:none;font-family:arial }
a.promobox-title:hover { color:#FF9900 }







.sliderwrapper {
	position: absolute; /*leave as is*/
	overflow: hidden; /*leave as is*/
	background: #ffffff;
	width: 455px; /*width of featured content slider*/
	height: 309px;
}

.contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background-color: #ffffff;
	width: 455px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.contentdiv_visible {
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background-color: #000033;
	width: 455px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*
.next_prev {
	height:18px;
	padding: 2px 3px 0 3px;
	margin: 0 2px 0 2px;
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	background: #ff9900;
}

.next_prev a {
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}

.the_links {
	width:16px;
	height:17px;
	padding: 2px 3px 0 2px;
	margin: 0 2px 0 2px;
	border-style: solid;
	border-width:1px;
	border-color: #000033;
	background: #ff9900;
	font-family:arial;
}
	
.the_links a {

}
*/

.pagination {
	width: 455px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height: 25px;
	text-align: left;
	padding-left: 5px;
	z-index:10000;
	position:relative;
	top:250px
}

.pagination a {
  display: block;
  background-position: 0 0;
  margin: 0 auto;
  overflow: auto;
}

.pagination a.selected {
	background-position: 0 -21px;
}

a.toc:hover { background-position: 0 -21px; }
a.button_pause:hover { background-position: 0 -25px; }
a.button_play:hover { background-position: 0 -25px; }

.toc_td {
	padding-right:3px;
	padding-top: 3px;
}

.toc_td_play {
	padding-right:3px;
}

.button_play,.button_pause { width: 27px;height: 25px }
.button_play { background-image: url(/images/home/play_big.gif);  background-repeat:no-repeat;}
.button_pause { background-image: url(/images/home/pause_big.gif); background-repeat:no-repeat; }

#button1,#button2,#button3,#button4,#button5,#button6,#button7,#button8,#button9,#button10,#button11,#button12,#button13,#button14,#button15 
{ width: 23px;height: 21px }
#button1 { background-image: url(/images/home/button_01.gif); background-repeat:no-repeat; }
#button2 { background-image: url(/images/home/button_02.gif); background-repeat:no-repeat; }
#button3 { background-image: url(/images/home/button_03.gif); background-repeat:no-repeat; }
#button4 { background-image: url(/images/home/button_04.gif); background-repeat:no-repeat; }
#button5 { background-image: url(/images/home/button_05.gif); background-repeat:no-repeat; }
#button6 { background-image: url(/images/home/button_06.gif); background-repeat:no-repeat; }
#button7 { background-image: url(/images/home/button_07.gif); background-repeat:no-repeat; }
#button8 { background-image: url(/images/home/button_08.gif); background-repeat:no-repeat; }
#button9 { background-image: url(/images/home/button_09.gif); background-repeat:no-repeat; }
#button10 { background-image: url(/images/home/button_10.gif); background-repeat:no-repeat; }








/* ---------- ADDED THIRDLY  - OLD NUMBER 2 ---------- */

/* allow for PNG transparency in IE */
img, div { behavior: url(http://garrettassociates.biz/chevy/javascripts/iepngfix.htc) } /* IE hack for PNG transparency*/


/* overrides */
#contentMainArea{ padding:0 0 0 0; min-height: auto; width:940px;}
#headerArea{ margin-bottom: 0px;}
.slickshadow.darkshadow{border-color:#535143; border-top-color:#a29c83; border-left-color:#a29c83;}

/* canvas area */
#homewrap #canvas{position:relative; height:450px; overflow:hidden;}
#homewrap #canvas-images{ padding-left: 15px; padding-right: 25px;}
#homewrap #canvas #slide-images{ width:940px; height:370px;}
#homewrap #canvas #slide-images div.slide{position:absolute; top:0; width:940px; height:370px;}

#homewrap #canvas #tagline{position:absolute; top:20px; right:18px; font-size:80px; color:#fff; text-shadow: #000 2px 2px 2px;}




/* super footer */

#homewrap #superfooter {  }
#homewrap #superfooter a{ color:#535143; }
#homewrap #superfooter a:hover{ color:#fd7820; }
#homewrap #superfooter ul{ font-size:11px; margin:0; margin-bottom:20px; list-style-type:none; }
#homewrap #superfooter ul li.supertop{width:180px; float:left;}
#homewrap #superfooter ul li.supertop.wide{width:195px; }
#homewrap #superfooter ul li.supertop.last{width:190px; }
#homewrap #superfooter ul li.heading{ border-bottom:1px solid #d2e2ae; margin-bottom:5px !important; padding-bottom:5px; }
#homewrap #superfooter ul li.heading a{ font-weight:bold;}
#homewrap #superfooter ul li ul.supersub{ list-style-type:none; margin:5px 0 0 0; padding:5px 0 0 0; }
#homewrap #superfooter ul li ul.supersub li{ padding-left:41px; margin-bottom:1px; }

#homewrap #superfooter ul li ul.supersub li.separate{ height:1px; border-bottom:1px dotted #d2e2ae; }