#wrapper {
position: relative;
}

#main {
width: 960px;
position: relative;
}

#top-phone {
width: 300px;
position: absolute;
top: 130px;
right: 50px;
text-align: right; 
}

#top-phone a {
color: #5769de;
}


 
/* columns */
.row {
clear: both;
z-index: 1;
position: relative; 
margin: 15px auto;
padding-top: 25px;
overflow: hidden;
}

.left-column, .right-column {
float: left;
width: 195px;
padding: 0 0;
margin: 0;
}

.section { 
margin-bottom: 25px;
}

.section h4 { 
font-weight: normal;
font-size: 12px;
color: #000; 
text-shadow: 0 1px 1px #fff;
background: #bacbdb url(/store/images/home/sidebar-headings.jpg) repeat-x top left;
padding: 2px 5px;
border-bottom: 1px solid #ccc; /* #333 */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.left-column .section, .right-column .section {
padding: 10px;
background: #f9f9f9; /* url(images/gradient.jpg) 0 0 repeat-y; */
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
/*
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
*/
}

.left-column {
float: left;
margin-right: 10px;
}

.right-column {
float: left;
margin-left: 20px;
}

.left-column .section h3, 
.right-column .section h3 {
margin: 0 0 15px 0;
padding: 0;
color: #000;
font-size: 16px;
text-shadow: 0 1px 1px #ccc;
}

.left-column .section h3 a, 
.right-column .section h3 a {
color: #000;
text-decoration: none;
}

.left-column .section ul, 
.right-column .section ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.left-column .section ul li, 
.right-column .section ul li {
margin: 0;
padding: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #dcdcdc;
color: #000;
overflow: hidden;
}

.left-column .section ul li a, 
.right-column .section ul li a {
display: block;
font-size: 12px;
padding: 7px 5px;
color: #000;
text-decoration: none;
background: url(/images/navigation/arrow.gif) right 5px no-repeat;
}

.left-column .section ul li a:link, 
.right-column .section ul li a:link {
color: #000;
}

.left-column .section ul li a:hover, 
.right-column .section ul li a:hover {
color: #3d60ca;
text-decoration: none;
background: url(/images/navigation/arrow.gif) right -55px no-repeat;
}

/* 50x50 thumbnails in sidebar nav */
.left-column .section ul.item-lrg li a, 
.right-column .section ul.item-lrg li a {
background-position: right 22px; 
font-size: 10px;
color: #666666;
padding-left: 0;
}

.left-column .section ul.item-lrg li a:hover, 
.right-column .section ul.item-lrg li a:hover  {
background-position: right -38px;
color: #3d60ca;
}

.left-column .section ul.item-lrg li a b, 
.right-column .section ul.item-lrg li a b {
padding-top: 5px;
display: block;
font-size: 12px;
color: #000;
}

.left-column .section ul.item-lrg li a:hover b, 
.right-column .section ul.item-lrg li a:hover b {
color: #3d60ca;
}

.left-column .section ul.item-lrg li a, 
.right-column .section ul.item-lrg li a img {
float: left;
margin-right: 7px;
margin-bottom: 7px;
}
/* */


.left-column .section ul li a.banner, 
.right-column .section ul li a.banner  {
display: block;
background: #fff url(images/bass.jpg) 50% 0 no-repeat;
height: 80px;
border: 1px solid #ccc;
}

.center-column {
z-index: 1;
float: left;
width: 740px;
position: relative;
}

div.center-column h2 {
margin: .5em 0 0;
color: #333;
font-size: 18px;
}

.featured-copy {
overflow: hidden;
background: #fff;
margin-bottom: 10px;
}

.featured {
list-style-type: none;
margin: 45px auto 0 auto;
padding: 0;
overflow: hidden;
}

.featured li {
float: left;
margin-right: 14px;
overflow: hidden;
}

.featured li.last {
margin-right: 0;
}

.featured li a {
display: block;
width: 165px;
background: #f7f7f7;
text-decoration: none;
}

.narrow li a {
width: 93px;
}

.featured li.large-banner a {
width: 344px;
}


/* featured product styles */
#products-audio li a,
#products-video li a {
background: transparent; 
text-align: center;
height: auto;
}

#products-audio li a h3,
#products-video li a h3 {
margin: .5em auto 0 auto;
font-size: 12px;
font-weight: bold;
color: #000;
}

#products-audio li a h4, 
#products-video li a h4 {
margin: 0 auto;
font-size: 12px;
font-weight: normal;
color: #666666;
}


#sb-dealers {
margin-left: -5px;
}

#sb-ensemble {
margin-left: -5px;
}

.active {
display: block;
}

.inactive {
display: none;
}




/* grid styles */
#grid {
width: 740px;
margin: 0;
padding: 0;
border-top: 1px solid #999;
border-right: 1px solid #999;
position: relative;
}

#grid .row {
overflow: hidden;
margin: 0 auto;
padding: 0;
}

/* base column style */
.column {
float: left;
width: 123px; /* 148px width - left/right padding */
min-height: 150px;
margin: 0;
padding: 12px 12px 12px; /* x2 must be deleted from overall width */
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align: center;
}

.column:last-child {
margin-right: 0;
}

#grid .shade {
background: #e5ebf3;
}

/* column typography */
.column .content a,
.column .content a:hover {
text-decoration: none;
}

.column .content a h3 {
font-size: 12px;
font-weight: bold;
color: #000;
margin: 10px auto 0 auto;
padding: 0;
}

.column .content a h4 {
font-size: 12px;
font-weight: normal;
color: #666666;
margin: 0 auto;
padding: 0;
}


/* combined with .column to span multiple columns */
.span2 {
width: 271px;
}

.span3 {
width: 419px;
}

.span4 {
width: 567px;
}

.span5 {
width: 715px;
}


/* feature styles */
/* rows */
#row1 .column { 
height: 258px;
}

#row2 .column, 
#row4 .column, 
#row5 .column {
height: 170px;
}

#row3 .column {
height: 200px;
}

#row6 .column {
height: 150px;
}

/* features */

/* nimbus m2 */
#feature-nimbus-m2-img {
z-index: 1;
position: absolute;
top: -10px;
right: 0px;
}


#feature-nimbus-m2 .content {
z-index: 9999;
position: absolute;
top: 15px;
left: 25px;
width: 255px;
text-align: left;
}

/*
#feature-nimbus-m2 .content {
margin: 15px 0 0 15px;
width: 255px;
text-align: left;
}
*/

#feature-nimbus-m2 .content a h3 {
font-size: 20px;
font-weight: normal;
margin-bottom: 5px;
color: #000;
text-align: left;
}
 
#feature-nimbus-m2 .content a h4 {
margin: 0 auto;
font-size: 12px;
font-weight: normal;
color: #666666;
text-align: left;
}

#feature-nimbus-m2 .content a p {
text-decoration: none;
font-size: 12px;
line-height: 1.4em;
color: #666666;
text-align: left;
}

/* Rain */
#feature-rain {
position: relative;
}

#feature-rain .content {
position: absolute;
top: 15px;
left: 7px;
width: 280px;
text-align: center;
}

#feature-rain .content h3 {
font-size: 16px;
font-weight: normal;
margin: 0 auto;
color: #000;
text-align: center;
}

#feature-rain .info {
position: absolute;
left: 12px;
top: 60px;
overflow: hidden;
width: 260px;
margin: 0;
padding: 0;
}

/*
#feature-rain .info img {
text-align: center;
margin: 0 auto;
}
*/

#feature-rain #info-compare, 
#feature-rain #info-why {
margin: 0;
text-align: left;
width: 120px;
}

#feature-rain #info-compare h4, 
#feature-rain #info-why h4 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
text-align: left;
color: #000;
}

#feature-rain #info-compare p, 
#feature-rain #info-why p {
margin: .7em 0;
padding: 0;
font-size: 12px;
line-height: 1.4em;
font-weight: normal;
text-align: left;
color: #666666;
}

#feature-rain #info-compare {
float: left;
border-right: 1px solid #ccc;
padding-right: 5px;
}

#feature-rain #info-why {
float: right;
padding-left: 5px;
}

/* ION */
#feature-ion {
position: relative;
}

#feature-ion-img {
z-index: 9999;
position: absolute;
top: 380px; /* 380px */
left: 15px;
}

#feature-ion .content {
position: absolute;
top: 5px;
right: 35px;
width: 275px;
text-align: right;
}

#feature-ion .content h3 {
font-size: 24px;
font-weight: normal;
margin-bottom: 7px;
color: #000;
text-align: right;
}

#feature-ion .content h4 {
margin: 0 auto;
font-size: 16px;
font-weight: normal;
line-height: 1.3em;
color: #666666;
text-align: right;
}

#feature-ion .content h4 span {
display: block;
font-size: 12px;
}

#feature-ion .info {
position: absolute;
right: -20px;
overflow: hidden;
width: 260px;
margin: 0;
padding: 0;
}

#feature-ion #info-ion, 
#feature-ion #info-ion-studio {
margin: 0;
text-align: left;
width: 115px;
}

#feature-ion #info-ion h5, 
#feature-ion #info-ion-studio h5 {
margin: 25px 0 10px 10px;
padding: 0;
font-size: 16px;
font-weight: normal;
text-align: left;
color: #000;
}

#feature-ion #info-ion {
float: left;
}

#feature-ion #info-ion-studio {
float: right;
}

/* Stratus */
#feature-stratus {
position: relative;
}

#feature-event img {
z-index: 9999;
position: absolute;
top: 40px;
left: 20px;
}

#feature-event .content {
margin: 25px 0 0 180px;
width: 225px;
text-align: left;
}

#feature-event .content a h3 {
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
color: #000;
text-align: left;
}
 
#feature-event .content a h4 {
margin: 0 auto;
font-size: 14px;
font-weight: normal;
color: #000;
text-align: left;
}

#feature-event .content a p {
margin-top: .7em;
text-decoration: none;
font-size: 14px;
line-height: 1.4em;
color: #666666;
text-align: left;
}


/* LiveBook */
#feature-livebook .content {
margin: 20px;
}

/* Ensemble */
#feature-ensemble {
position: relative;
}

#feature-ensemble img {
z-index: 9990;
position: absolute;
top: 0;
left: -168px;
}

#feature-ensemble .content {
z-index: 9999;
position: absolute;
top: 10px;
right: 45px;
width: 230px;
text-align: left;
}

#feature-ensemble .content a h3 {
font-size: 18px;
font-weight: normal;
margin-bottom: 0;
color: #000;
text-align: left;

z-index: 9999;
position: absolute;
top: 10px;
right: -35px;
width: 230px;
}

#feature-ensemble .content a h4 {
width: 150px;
font-size: 14px;
font-weight: normal;
color: #000;
text-align: left;

z-index: 9999;
position: absolute;
top: 75px;
right: -115px;
width: 230px;
}

#feature-ensemble .content div.button {
z-index: 9999;
position: absolute;
top: 120px;
right: 0;
}

#feature-pullquote {
background: #87abc1 url(/images/misc/quote-white.png) 95px 15px no-repeat; /* #97c367 */
}

div#feature-pullquote .pullquote {
margin: 0;
padding: 0 0 0 130px;
}

div#feature-pullquote .pullquote p.quote {
font-size: 18px;
color: #fff;
text-align: left;
}

div#feature-pullquote .pullquote p.author {
font-size: 12px;
color: #fff;
text-align: right;
margin: 0;
padding: 0 15px 0 0;
}

/* Dealers */
#feature-dealers .content h3 {
font-size: 24px;
font-weight: normal;
margin: 0 0 3px;
color: #000;
text-align: center;
}

#feature-dealers .content h4 {
margin: 0 auto;
font-size: 14px;
font-weight: normal;
line-height: 1.3em;
color: #666666;
text-align: center;
}

#feature-dealers .content img {
text-align: center;
margin: 15px auto 0 auto;
}



#feature-keyboard img {
z-index: 9999;
position: relative;
left: -57px;
top: 10px;
}

#feature-keyboard .info {
margin: 15px;
}

#row-sale, #feature-sale {
height: 80px;
}

#feature-sale {
background: #c12b2d;
color: #fff;
font-family: Georgia, "Times New Roman", serif;
}

#feature-sale span {
margin-left: 10px;
font-size: 12px;
}

#feature-sale .content {
color: #fff;
border: 1px solid #fff;
}

#feature-sale .content a {
color: #fff;
font-size: 18px;
}


.loader {
margin: 150px auto 0 auto;
text-align: center;
}