/* parasound 2015 - michaelpruess.com */

html {overflow-y:scroll;} /* make it so scroll shows on all pages, so elements are positioned within the same viewport between pages */
body {font-size: 16px; line-height: 20px; color:#555; background: #fff url(/site-images/brushed.png) fixed;
   font-family: 'Lato', sans-serif; }
h2 {font-weight: bold;}
.center {text-align: center !important;}

#alert {
    width: 1024px; font-size: 80%;
    color: #f00; line-height: .5; 
    text-align: center; 
    margin-top: 0px; 
    position: absolute; z-index: 5; height: 0; left: 50%; margin-left: -512px;
    /* display: none; */
    }

hr.tall {margin: 30px 0;}
.Support b a {margin-left: 4px;}

sup {font-size: 10px; vertical-align: super;}
   
   /*body.Model {overflow: scroll;}*/

.clear {clear: both; height: 0;}
.lineNinja {display: none !important;}
.typeNinja {display: none !important;}
.ninja {display: none;}
.red {color:red; font-style:italic;}
.right {text-align: right;}
.justify {text-align: justify;}
.smaller {font-size: 80%;}

#page {width: 1024px; margin: 20px auto 0 auto;
   /* box-shadow: 0px 0px 2px 0px #f0f0f0;*/ }

header {
    width: 988px; margin: 20px auto 30px auto;
    padding: 18px; 
    height: 36px; line-height: 36px; border-bottom: 1px solid #fff;}

#logo { width: 200px; /*background: #0f0;*/ letter-spacing: 10px;
     text-transform: uppercase; color: #edba0e; font-size: 0px; margin-top: 6px; }
#logo a {color: #edba0e; text-decoration: none;}
#logo a:active {color: #fff;}

header nav {float:right; 
    /* line-height: 66px; /* comment this out in order to get vertical align: center */
    }
    
nav {color: #fff;}

nav a { display: inline-block; margin:0px 20px; font-size: 18px; text-decoration: none; line-height: 36px;}
.support-link {float:right; margin:20px 10px 0 10px; font-size: 18px; text-decoration: none; line-height: 36px;}
.support-link a {color: #fff; text-decoration: none;}

.support-link a hr {display: none; border: none;border-top: 1px solid #fff; margin-top: -4px; margin-bottom: -4px;}
nav a hr {display: none; border: none;border-top: 1px solid #fff; margin-top: -4px; margin-bottom: -4px;
    /*box-shadow: 0px 0px 10px #41adff, 0px 0px 10px #41adff, 0px 0px 10px #41adff, 0px 0px 10px #41adff;*/
    }

nav a:link, nav a:visited {color: #fff; padding-bottom: 4px;}
/*nav a:hover {border-bottom: 1px solid #c6fff9;}*/
nav a:active {color: #ede5d1;} /* 'parasound gold,' found too jarring: #edba0e */ 

.dealer-banner {
    background: #9a010d;
    color: #fff; width: 100%;
    text-align: center; border-top: 2px solid #fff;
    padding: 4px 0; text-transform: uppercase;
    }



#slide, #banner {clear:both; background: #fff; text-align: center; height: 384px; 
   margin: 20px 0; width: 100%;}
   
.Home #slide {background:transparent;}
   
.Home #slide img {display: block; position: absolute; left: 50%; margin-left: -512px; top: 123px;}
   
#bbuttons {
    position: absolute;
    z-index: 5;
    left: 50%; margin-left: -506px;
    top: 480px;
    cursor: pointer;
    }
#bbuttons input {display: inline-block; margin: 0 4px;}

/* dismiss 
#slide img { padding: 14px 0; display: block;}
#slide hr {width: 350px; margin: 0 auto; border-top: 1px solid #fff;} */

#grid {
    width: 1024px; margin: 24px auto 0 auto;
    }
    
.Home #grid h2, .Support h2 {text-align: center;}
.Home #grid, .Model #grid, .Dealers #grid, .Reps #grid { border-top: 1px solid #fff;
    }
    
    
.Dealers h2, .Reps h2 {padding: 0 0 10px 0; margin: 0 0 20px 0 !important; border-bottom: 1px solid #999;}

#content .grid-item h2, #content .double-item h2, .triple-item h2 {color: #555;}
    
.Model #grid {padding-top: 4px;}
    
.Products #content, .Support #content, .Where #content, .Dealers #content, .Reps #content, .Reviews #content {
    width: 100%; min-width: 1024px;
    background: #fff;
    margin-bottom: 80px;
    }
    
#content a, #old-sidebar a {color: #00569a; text-decoration:none;}
#content a:hover, #old-sidebar a:hover {color:#007de3;}
#content a:active, #old-sidebar a:active {color:#00569a;}
    
.grid-item {width: 310px; padding: 0 14px; display: inline-block; vertical-align: top;}
.double-item {width: 648px; padding: 0 14px; display: inline-block; vertical-align: top;}
.triple-item {width: 100%; padding: 0px; display: inline-block; vertical-align: top;}
    
.Home .grid-item {padding: 18px 14px;}
.grid-item.last {margin-right: 0;}

/*.Home */.grid-item h2, .double-item h2, .triple-item h2 {font-size: 18px; margin: 10px; font-family: 'Lato', sans-serif;}
/*.qualifiers? */.grid-item h2, .double-item h2, .triple-item h2 {color: #fff;}
/*
.Home .a h2 {color: #be1d22;}
.Home .b h2 {color: #2279cb;}
.Home .c h2 {color: #88b700;}
*/

.product-list {display:none;}

.double-item h2, .triple-item h2 {text-align: left;}

.Home .grid-item p {
    text-align: left; color: #eee; 
    font-size: 14px; margin-bottom: 10px;
    }
.Home .grid-item blockquote {
    text-align: left; color: #ddd; font-style: italic; 
    font-size: 14px; margin: 16px 10px 16px 10px;
    }

cite {font-style: normal; color: #eee;}

.Home .grid-item p a {color: #edba0e;}
.Home .grid-item p a:hover {color: #ffe278;}
.Home .grid-item p a:active {color: #ca9e0d;}



.Model .grid-item p, .Model .double-item p, .Model .triple-item p {text-align: left; color: #eee; font-size: 14px;}

.Model ul li {
    text-align: left; color: #eee; font-size: 14px;
    list-style-type: disc;
    margin: 0 0 0 30px; padding-bottom: 10px;
    }

/* product family stuff (for Products page) */
.family .double-item {color: #555; font-size: 16px;}
.family .grid-item {text-align: center;}
.family .grid-item, .family .double-item {vertical-align: middle; margin-bottom: 20px;}
.family {border-top: 1px solid #999; padding-top: 30px;}

#view { position: fixed; top: 136px; left: 50%; margin-left: 512px; padding: 0 18px;}
#view button, #topbar button {margin: 0px 0 6px 10px; padding: 2px; font-size: 14px;}

#topbar {  background: #fff; width: 1024px; height: 90px; padding: 20px 0 20px 0; vertical-align: top; text-align: left; margin: 0 0 0px 0;  line-height: 20px;}
#topbar table {width: 100%;}
#topbar td { line-height: 20px; width: 50%; vertical-align:top;}
div.line {float: left; width: 230px; border-right: 1px solid #999; margin-right: 60px; height: 104px;}
div.type {float: left; width: 450px; border-right: 1px solid #999; margin-right: 60px; height: 104px;}
div.other {width: 214px; float: right; text-align: right;}
#searchWarning, #searchWarning1 {font-size: 11px; font-style: italic; color: #bc0111; height: 20px; margin-bottom: -20px;}
/* #topbar input.check {border: 1px solid #000; border-radius: 0;} /* this doesn't work, needs background and sprite sheet */

#topbar h3 {font-weight: bold;}
#topbar h3 span {font-weight: normal; font-size: 90%; margin-left: 10px; color: #999;}

#sidebar { display: none; position: fixed; top: 118px;background: #fff; width: 250px; padding: 0; float: left; vertical-align: top;
    text-align: left; margin: 0 24px 0 0;}
#sidebar h2 {margin: 18px; font-size: 18px;}
#sidebar ul {margin: 18px 0 18px 38px;}
#sidebar ul ul {margin: 0 0 0 38px;}
#sidebar p {margin: 18px;}
#sidebar i {font-size: 14px;}
#sidebar a {text-decoration: none;}
#sidebar a, #sidebar a:link, #sidebar a:visited {color: #000;}
#sidebar a:hover {color: #aaa;}
#sidebar a.active {border-bottom: 1px dotted #f00;}
.filter {width: 100%; font-style: italic; color: #999; padding: 4px; background: url(/site-images/search.png) no-repeat right;}
.filter:active, .filter:focus {font-style: normal; color: #000;}

.select {width: 100%; color: #999; padding: 4px; background: #fff;}

#products {width: 1024px; padding-top: 18px; padding-bottom: 18px; /*margin-left: 274px; /*background: #00f;*/ font-size: 0; }
.product {font-size: 16px;}
.product.box {display: inline-block; vertical-align: top; background: #fff; 
    width: 305px; height: 198px; padding: 18px; margin: 0px 0 0px 0px;
    color: #000; text-decoration: none;
    }
.Reviews .box {display:block; padding: 10px 10px 0 10px;}
.moreviews {margin-left: 10px;}
#content a.box {color:#000;}
#content a.box:hover {color:#000;}

    
.product p, .Model p, .Support p, .Dealers p, .Reps p, .Reviews p, .About p {margin: 10px 0;}
.product h2 {margin: 10px 0; font-size: 20px;}
.product i {font-size: 14px;}

.product.box .imgbox {width: 305px; height: 136px; /*background: #000;*/ text-align: center;}
.imgbox img, .help {vertical-align: middle; display: inline-block;}
.help {height: 100%; font-size: 0;}
.product.box img {width: 276px;}
.product.box:hover {
    /*box-shadow: 0px 0px 10px #41adff, 0px 0px 10px #41adff;*/
    /*background: #f5f5f5;
    color: #000;*/
    }

.product.box.list {width: 972px; border-bottom: 1px solid #eee; height: 180px;}
.product.box.list .imgbox {height: 180px; float: left; margin-right: 38px;}

.product.box.list span {display: inline-block; border-bottom: 1px solid #999; padding-bottom: 2px; margin-bottom: 4px;}

.product.box ul {display:none; margin-left: 320px; padding-left: 30px;}
.product.box.list ul {display:block; /*margin-left: 250px;*/}
.product ul li {margin: 4px 0 4px 10px; padding-left: 0px; list-style-type: disc;}

.Model .Specs2 p {display: inline-block; vertical-align: top;width: 300px; padding: 14px;}

footer {text-align: center; width: 1024px; margin: 30px auto auto auto; /*height: 30px;*/ 
    padding: 18px 0px; color: #fff; font-size: 14px; border-top: 1px solid #fff; clear:both;
    background: #fff url(/site-images/brushed.png) fixed;
    }
footer a {color:#edba0e; text-decoration: none;}
footer a:hover {color:#ffe278;}
footer a:active {color:#ca9e0d;}

.imgplaceholder {background: #944; color: #944; border-radius: 40px; height: 80px; width: 80px; margin: 18px auto;}
.grid-icon {margin: 18px auto; display: block;}

.colors {float:right; line-height: 20px; font-size: 14px; vertical-align: bottom;}
.toggle {
    display:inline-block; height: 20px; width: 20px; margin: 10px 0px 0 0px; cursor: pointer; vertical-align: bottom;
    }
.toggle[data-color="silver"] {
    background: #fff url(/product-thumbs/toggle-silver.png) no-repeat;
    }
.toggle[data-color="black"] {
    background: #000 url(/product-thumbs/toggle-black.png) no-repeat;
    }
.toggle[data-color="silver"]:hover {
    background-position: -20px 0;
    }
.toggle[data-color="black"]:hover {
    background-position: -20px 0;
    }
.toggle[data-color="silver"].selected {
    background-position: -40px 0;
    }
.toggle[data-color="black"].selected {
    background-position: -40px 0;
    }

.toggle-spacer {height: 20px; width: 10px; background:transparent; display:inline-block; vertical-align: bottom; cursor: default; }


    
    
.notimplemented a, .notimplemented a:hover, .notimplement a:active {cursor:default; color: #aaa !important;}

nav a.vis hr {display:block; 
    /*box-shadow: 0px 0px 10px #edba0e, 0px 0px 10px #edba0e, 0px 0px 10px #edba0e, 0px 0px 10px #edba0e;*/
    }

.Products .Products hr, .Support .Support hr, .Where .Where hr, .Dealers .Dealers hr, .Reps .Reps hr, .Reviews .Reviews hr, .About .About hr {display:block; 
    /*box-shadow: 0px 0px 10px #edba0e, 0px 0px 10px #edba0e, 0px 0px 10px #edba0e, 0px 0px 10px #edba0e;*/
    }
    
    
#product-head {
    width: 1024px; margin: 0 auto;
    text-align: left;
    }
    
#product-head h2 {font-size: 26px; margin-left: 20px; line-height: 26px; padding-top: 10px;}
    h2 .big {font-weight: bold; font-size: 33px; line-height: 40px;padding-right: 10px;}
#product-head h3 {font-size: 26px; font-style: italic; margin-left: 18px; color: #999; padding-top: 10px;}
#product-head h3 a {color: #999; text-decoration: none;}
#product-head h3 a:hover {color:000;}
    
#product-image {float:left; width: 600px; height: 255px; margin-top: 30px; text-align: center; 
    vertical-align: middle; cursor: pointer;
    /*display: table-cell; background:#f00;*/}
#product-image img {max-width: 510px; max-height: 255px;
    vertical-align: middle; 
    }    
#product-thumbs aside {font-size:12px; margin: 4px 0; color: #222; text-align:right;}
    
#product-thumbs {float:right; width: 410px; text-align: left; font-size: 0; line-height: 0;}
#product-thumbs div {display:inline-block; padding: 7px; cursor: pointer; min-height: 60px; text-align: center; vertical-align: middle;}
#product-thumbs div img {max-width: 120px; max-height: 80px;}    

.preloader {display:none; width: 0; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; position: absolute; left: -9999; top: -9999;} .preloader img {display: none; width: 0; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0;}

.Model nav {display: inline-block;}
.Model nav span {font-size: 24px;}
.Model .double-item h2, .Model .triple-item h2 {font-size: 26px; line-height: 50px;}

.italic {font-style:italic;}
strong {font-weight:bold;}

#lightbox, .reviewbox {display: none; z-index: 5; position: absolute; top:0; height: 100%; width: 100%; background: rgba(0, 0, 0, .8); line-height: 0; margin: 0; font-size: 0; margin-top: 0px;}
.reviewbox iframe {position: relative; left: 50%; margin-left: -427px; top: 50%; margin-top: -240px; box-shadow: 0 0 1px 1px #fff;}
#lightbox div div {margin-top:200px;}
#lightbox img.theImg {max-height: 100%; max-width: 100%;
    display:block; margin: 0 auto;
  position: absolute;
  top: 50%; left:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  }
#lightbox div.instructions, .reviewbox div.instructions {position: absolute; top: 0px; left: 50%; z-index: 8; width: 220px; height: 90px; margin: 0 0 -90px -110px; background: rgba(0,0,0,.6); color: #fff; font-size: 14px; text-align: center; line-height: 30px; border-radius: 0 0 5px 5px;}

#zoom {width: 50px; height: 50px; background: transparent url(/site-images/zoom.png); position: relative; left: 50%; margin-left: -25px;}
#zoom:hover {background-position: -50px 0; cursor: pointer;}
#zoom:active {background-position: -100px 0;}

#lightbox div.left {position: absolute; top: 50%; left: 0; margin: -30px -60px 0 0;  border-radius: 0 5px 5px 0;}

#lightbox div.right {position: absolute; top: 50%; right: 0;   margin: -30px 0 0 -60px;  border-radius: 5px 0 0 5px; }

#lightbox div.right, #lightbox div.left {z-index: 8; width: 60px; height: 60px; cursor: pointer; font-weight: bold; font-stretch: ultra-condensed; background: rgba(0,0,0,.6); color: #fff; font-size: 40px; text-align: center; line-height: 60px; vertical-align: middle;}

#lightbox .right:hover, #lightbox .left:hover {color: #fbd027;}
#lightbox .right:active, #lightbox .left:active {color: #000;}

#content #grid {padding: 20px 0 20px 0;}

input[type="checkbox"]:checked + label {
 
}

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label {cursor: pointer;}
input[type="checkbox"] + label span {
    display:inline-block;
    width:12px;
    height:12px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/site-images/check-sprites.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(/site-images/check-sprites.png) -12px top no-repeat;
}

#bbuttons input[type="radio"] {
    display:none;
}
input[type="radio"] + label {cursor: pointer;}
input[type="radio"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:0px 4px 0 0;
    vertical-align:middle;
    background:url(/site-images/radio-sprites.png) left top no-repeat;
    cursor:pointer;
}
/*input[type="radio"]:not(:checked) + label span:hover {
    background:url(/site-images/radio-sprites.png) -40px top no-repeat;
}*/
input[type="radio"]:checked + label span {
    background:url(/site-images/radio-sprites.png) -16px top no-repeat; cursor: default;
}

#topbar #list, #topbar #tile {height: 36px; width: 24px; padding: 0px; cursor: pointer; vertical-align:top; margin-top: 16px;}
#topbar button:disabled {cursor: default;}
#list {background:url(/site-images/grid-list-sprites-thin.png) -24px top no-repeat; border:none;}
#list:disabled {background:url(/site-images/grid-list-sprites-thin.png) left top no-repeat; border:none; cursor: default;}
#tile {background:url(/site-images/grid-list-sprites-thin.png) -72px top no-repeat; border:none;}
#tile:disabled {background:url(/site-images/grid-list-sprites-thin.png) -48px top no-repeat; border:none; cursor: default;}



.Dealers td, .Reps td {vertical-align: top; padding: 0px 20px 20px 0;}

.Reviews .grid-item {font-size: 11px; vertical-align: top; padding: 14px; width: 310px;}
.Reviews b {font-size: 14px;}
.Reviews .grid-item img {margin-bottom: 10px;}
.Reviews .double-item {font-size: 11px; line-height: 14px; font-weight: bold;}
.Reviews .double-item p {padding: 0 12px;}



.About #content {color: #fff;}
.About i {font-size: 80%;}
.About .grid-item {padding-top: 20px;}
.About .column {width: 492px; display: inline-block; vertical-align: top; border-top: 1px solid #fff; padding: 20px 0;}
.column.first {margin-right: 40px;}
.About h2 {margin-bottom: 20px; font-weight: normal; font-size: 20px;}
.About hr {}
.About #slide img {margin: 10px;}
.About #slide img.middle {margin: 10px 0;}

.about-wrapper {  
    margin-top: -100px;
    padding-top: 20px;
    background: #fff; color: #555;
    }
.old-wrapper {  
    margin-top: 0;
    padding-top: 20px;
    background: #fff; color: #555;
    }
.about-info {
    width: 1024px; padding: 20px 0; margin: 0 auto;
    }
    
.about-info p {
    margin: 28px 124px;
    }

.about-info blockquote {
    margin: 28px 210px;
    color: #888;
    font-style: italic; 
    font-size: 17px; line-height: 26px; letter-spacing: 1px; 
    }

.about-info cite {
    color: #555; font-style: normal;
    display: block; width: 100%; text-align: right; margin-top: 4px;
    }
.about-info cite:before {
    content: "- "; font-size: 16px; 
    }

.styled-select select {
   background: transparent;
   width: 330px;
   padding: 5px 5px 5px 15px;
   font-size: 13px; color: #000;
   line-height: 20px;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
   font-style:italic;
   }
.styled-select {
   width: 300px;
   height: 30px;
   overflow: hidden;
   background: url(/site-images/select-box.png) no-repeat right #ddd;
   }


.Support h3 {font-weight: bold; margin: 15px 0;}
.Support .double-item.c h3 {margin-top: 0;}
.Support h3 b {font-size: 120%;}
.Support #grid a {line-height: 150%;}

.Support table  {width: 100%; }




      .controls {
        margin-top: 16px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }

      #pac-input {
        background-color: #fff;
        padding: 0 11px 0 13px;
        width: 400px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
      }

      #pac-input:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;  /* Regular padding-left + 1. */
        width: 401px;
      }

      .pac-container {
        font-family: Roboto;
      }

      #type-selector {
        color: #fff;
        background-color: #4d90fe;
        padding: 5px 11px 0px 11px;
      }

      #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }



.warning {padding: 20px; background:#9a010d; color: #fff; line-height: 32px; font-size: 16px;}
.warning a {color: #ffc811 !important; /*font-weight: bold;*/}
.warning a:hover {color:#fff !important;}


/* Colors & Sizes According To Bob */
/* Gold Headings */
/*
.triple-item h2 b {color:#edba0e;}
.Specs2.model-info p b {color:#edba0e;}
*/

.Specs2.model-info {margin: 0;}
.Specs2.model-info, .Reviews2.model-info {-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;}
.Features2.model-info {-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}
.product-title {color:#888;} .product-title span {color:#000;}
.Reviews2 p, li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
  }
.Reviews2 p {margin-top: 0;}
.model-info a {color: #edba0e;}
.model-info a:hover {color: #ffe278;}
.model-info a:active {color: #ca9e0d;}
.model-info h3 {color: #fff; margin: 20px 30px; font-weight: bold;}


/* INTERNATIONAL */

.Where.to.Buy .center {margin: 15px; font-size: 20px;}
.Where.to.Buy .usa {font-weight: bold;}
#intl {display: none;}
#intl p {margin-bottom: 20px;}
#intl table {width: 100%;}
.Where.to.Buy th {font-weight:bold; padding: 4px;}
.Where.to.Buy td {padding: 4px; font-size: 14px; line-height: 20px;}
.Where.to.Buy th:nth-child(5), .Where.to.Buy td:nth-child(5) {width: 100px;}
.Where.to.Buy tr:nth-child(even) {background:#f3f3f3;}

.legend {font-size: 14px; line-height: 20px; margin: 4px; vertical-align: middle;}
.legend img {display: inline-block; vertical-align: middle; height: 20; width: 17px;}

/* MORE SUPPORT */

.center table {width: 80%; margin: 20px auto;}
.center table td {padding: 4px; border:1px solid #999;}
.center tr:nth-child(even) {background:#f3f3f3;}

/* SPINNER CREDIT: TOBIAS AHLIN http://github.com/tobiasahlin/SpinKit */
.spinner {
  margin: 20px auto 20px auto;
  width: 52px;
  height: 52px;
  position: relative;
  display: none;
  color: #fff;
}

.cube1, .cube2 {
  background-color: #000;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: cubemove 1s infinite ease-in-out;
  animation: cubemove 1s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

#old-sidebar td.link {
    padding: 2px 10px; background: url(/img/menu/gray_alt.jpg) repeat-y;
    text-transform: capitalize; font-size: 12px;
    }

#old-sidebar td.link.dp {
    padding: 10px 10px; display:block; font-weight: bold;
    }

#old-sidebar a {
    text-decoration: none;
    }    
#old-sidebar a:hover {
    text-decoration: underline;
    }

.Error_log, .Includes, .Index {display: none;}
.breadcrumbslinked {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	font-style: normal;	line-height: normal;	font-weight: normal;	color: #666666;}
.breadcrumbs {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	font-style: normal;	line-height: normal;	font-weight: normal;	color: #660000;}

#discontinued {
    float: right; 
    color: red;
    font-size: 16px; 
    line-height: 70px;}
    
.Model .announcement {
    clear: both; font-size: 110%; 
    position: relative;
    left: 0; bottom: 20px; background: rgba(255,255,255,.8); padding: 10px;
    }

/* FOR SMALLER SCREENS/WINDOWS */
@media all and (min-height:830px) {
footer {
    /*position: fixed; bottom: 0; left: 0;*/
    }
    
    }
