/* =positioning & =orientation
--------------------------------------------------*/
.toolbar-orientation-horizontal,
.toolbar-orientation-vertical{ position: fixed; z-index: 100; margin: auto; text-align: left; }
.toolbar-static{ position: relative; }
.toolbar-disabled{ display: none !important; overflow: hidden; width: 0; height: 0; }
.toolbarWrap{ display: none; }
.toolbar-open .toolbarWrap{ display: block; }

.toolbar-position-top{ top: 0; }
.toolbar-position-bottom{ bottom: 0; left:0; }
.toolbar-position-left{ left: 0;  }
.toolbar-position-right{ right: 0; }

.toolbar-orientation-horizontal{ width: 100%; height: 40px; }
.toolbar-orientation-vertical{ top: 50px; height: 400px; }

/* =misc
--------------------------------------------------*/
/* need to handle top position too */
body{ padding-bottom: 100px; }

/* toolbar
--------------------------------------------------*/
.toolbar-orientation-horizontal .toolbarWrap{ height:40px; border-top:1px solid #fff; }
.toolbarWrap a{ text-decoration: none; }
.toolbarWrap ul{text-align:left;float:left;padding-top:6px;}
.toolbarWrap li{position:relative;display:inline;float:left;margin-left:15px;font-size:85%;height:30px;line-height:30px;}
.toolbarWrap iframe{ border: 0; }
.toolbarWrap .close{ position:absolute;right:10px;margin-top:13px; }

/* =pop up box
--------------------------------------------------*/
.toolbar-position-bottom .popup{display:none;position:absolute;bottom:32px;padding:0 0 10px 0;margin-left:-5px;}
.toolbar-position-top .popup{display:none;position:absolute;top:32px;padding-top:10px;margin-left:-5px;}
.toolbar-static .popup{ top: 40px; }
.toolbarWrap .selected .popup{display:block;}
.popup .ft{position:relative;display: none;padding-bottom:10px;background-image:url(/v8/widgets/generic/toolbar/v1/images/arrow-down.png);background-repeat:no-repeat;background-position:5% bottom;z-index:101;}
.toolbar-position-bottom .popup .ft{ display: block; }
.toolbar-static .popup .ft{ display: none; }
.popup .hd,.popup .bd{padding:0 15px;-moz-box-shadow: 0 5px 10px rgba(0,0,0,.75);-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.75);}
.popup .hd {background-color:#111;color:#fff;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;}
.popup .bd {position:relative;min-height:50px;min-width:300px;padding:10px;background-color:#fff;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;}
.twitter .popup .bd { width: 100%; padding: 0}
.twitter .popup .t1 #region0 { margin: 0 10px; }

/* =icon sprites
--------------------------------------------------*/
.toolbarWrap a,.toolbarWrap .close{background-repeat:no-repeat;display:block;font-size:85%;}
.toolbarWrap li a {padding-left:31px;}
.toolbarWrap .ddc {margin-right:10px;width:100px;border-right:1px solid;}
.toolbarWrap .ddc a{background-position: 0 5px; line-height:10px;padding-top:4px;padding-bottom:5px;padding-left:25px;border-right:1px solid;}
.toolbarWrap .ddc a:hover{background-position: 0 -25px;}

.toolbarWrap .blog > a{ background-position: 0 -300px; }
.toolbarWrap .blog > a:hover{ background-position: 0 -330px; }

.toolbarWrap .facebook > a{ background-position: 0 -120px; }
.toolbarWrap .facebook > a:hover{ background-position: 0 -150px; }

.toolbarWrap .twitter > a{ background-position: 0 -180px; }
.toolbarWrap .twitter > a:hover{ background-position: 0 -210px; }

.toolbarWrap .youtube > a{ background-position: 0 -240px; }
.toolbarWrap .youtube > a:hover{ background-position: 0 -270px; }

.toolbarWrap .dealerrater > a{ background-position: 0 -660px; padding-left: 45px; }
.toolbarWrap .dealerrater > a:hover{ background-position: 0 -690px; }

.toolbarWrap .contact > a{ background-position: 0 -540px; }
.toolbarWrap .contact > a:hover{ background-position: 0 -570px; }

.toolbarWrap .directions > a{ background-position: 0 -600px; }
.toolbarWrap .directions > a:hover{ background-position: 0 -630px; }

.toolbarWrap .featured > a{ background-position: 0 -480px; }
.toolbarWrap .featured > a:hover{ background-position: 0 -510px; }

.toolbarWrap .repdriver > a{ background-position: 0 -480px; }
.toolbarWrap .repdriver > a:hover{ background-position: 0 -510px; }

.toolbarWrap .video > a{ background-position: 0 -420px; }
.toolbarWrap .video > a:hover{ background-position: 0 -450px; }

.toolbarWrap > .close,
.toolbarWrap .popup > .inner > .hd > .close{ line-height: 20px; height: 20px; background-position: 3em -60px; padding-right: 30px; width: 3em; text-align: left; text-indent: -99999px; display: block; }
.toolbarWrap .popup > .inner > .hd > .close{ margin: 0; right: 0; top: 5px; padding-left: 0; }

/* =any color toolbar */
.toolbarWrap a {background-image:url(/v8/widgets/generic/toolbar/v1/images/toolbar-sprite-any-color.png);}
.toolbarWrap .directions a {background-image:url(/v8/widgets/generic/toolbar/v1/images/toolbar-sprite-any-color.png);}

/* =black toolbar exceptions
--------------------------------------------------*/
.toolbar-white .toolbarWrap{
	background-color: #111;
	background-color: rgba(10,10,10,0.9);
	background-image: url(/v8/widgets/generic/toolbar/v1/images/toolbar-bg-gradient-transparent.png);
	background-position: 50% 50%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1)));
	background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1));
}
*+html .toolbar-white .toolbarWrap{ background-color: #111; }
.toolbar-white a {color:#eee; text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
.toolbar-white .directions a {color:#eee;}
.toolbar-white .ddc { border-color: #222; border-color: rgba(0,0,0,0.5); }
.toolbar-white .ddc a{ border-color: #444; border-color: rgba(255,255,255,0.1); }
.toolbar-white .hd {background-color:#333;color:#fff;}
/* =white toolbar exceptions
--------------------------------------------------*/
.toolbar-black .toolbarWrap{
	background-color: #EEE;
	background-color: rgba(245,245,245,0.95);
	background-image:url(/v8/widgets/generic/toolbar/v1/images/toolbar-bg-gradient-transparent.png);
	background-position: 50% 50%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));
	background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(255, 255, 255, 0.1));
}
*+html .toolbar-black .toolbarWrap{ background-color: #EEE; }
.toolbar-black a {color:#222; text-shadow: 1px 1px 2px rgba(0,0,0,0.45);}
.toolbar-black a:hover{ color: #000; }
.toolbar-black .directions a {color:#222;}
.toolbar-black .ddc { border-color: #DDD; border-color: rgba(0,0,0,0.1); }
.toolbar-black .ddc a{ border-color: #CCC; border-color: rgba(255,255,255,0.6); }
.toolbar-black .hd {background-color:#eee;color:#333;}
*+html .popup .bd { filter:alpha(opacity = 100); } /* DNA1948811 */ 
*+html .popup .bd iframe{ filter:alpha(opacity = 100); } /* DNA1948811 */