/*
Theme Name: Quadro
Theme URI: http://www.elegantwordpressthemes.com/themes/quadro
Version: 1.0
Description: 2 Column theme from Elegant WPT
Author: Elegant Wordpress Theme
Author URI: http://www.elegantwordpressthemes.com
*/

body {
    margin-top: 0px;
    padding: 0;
    color: #818181;
background-color:#000;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: top;


    font-family: Verdana, Georgia, Sans-Serif;
    font-size: 11px;
    line-height: 18px;
}
.red { color:red; font-weight:bold; }
.green { color:darkgreen; font-weight:bold; }
/*
.gfield_required {
    display:none!important;
}*/
.gform_wrapper .gfield.gsection {
    border:none!important;
    border-bottom:#FFF!important;
    border-top: 1px dotted #CCC!important;
    padding:16px 0 0 0!important;
    margin:20px 0 8px!important;
}
.gform_wrapper .gfield {
    margin-top:10px;
}
.gform_wrapper .gfield_checkbox li {
    width:300px;
    float:left;
}
.gform_wrapper input.button,
input.button.sr_button {
    background-color:#CCC;
    font-weight:bold;
    font-size:13px!important;
    text-shadow:#FFF 1px 1px 1px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:4px;
    color:#000;
}
#gform_wrapper_1 .gfield_description {
    margin-top:10px;
    margin-bottom:0;
}
#gform_wrapper_1 #field_1_6 {
    margin-top:0;
}
input.button.sr_button {
    float:left;
}
a.sr_button {
    background-color:#CCC!important;
    font-weight:bold!important;
    text-shadow:#FFF 1px 1px 1px!important;
    -moz-border-radius:4px!important;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    padding:10px!important;
    color:#000!important;
}
p.bar {
    margin-top:20px;
    margin-bottom:0!important;
}
.gform_wrapper {
    margin-top:20px;
}
#gform_1 #field_1_1 {
    display:none!important;
}
.sidelinks {
    position:absolute;
    left:20px;
    width:110px;
    background-color:#EEE;
    margin:0 20px 20px 0;
    padding:0;
    list-style:none;
}
.sidelinks li {
    list-style:none;
    margin:0;
}
.sidelinks a {
    display:block;
    padding:10px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}
.sidelinks a:hover {
    background-color:#D7D7D7;
    text-decoration:underline;
}
.sidelinks a.selected {
    background-color:#777;
    color:#FFF;
    text-decoration:none;
    cursor:default;
}
.rightside {
    padding:20px;
    position:absolute;
    right:20px;
    margin:0 0 20px 20px;
    background-color:#EEE;
    text-align:center;
}
.rightside .buynow {
    padding:8px 10px;
    border:1px solid #000;
    background-color:#00A0D5;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    color:#FFF;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-shadow:#000 1px 1px 1px;
    text-align:center;
    cursor:pointer;
}
.header_img {
    padding:10px 0;
}
.header_img img {
    float:right;
}
.header_img .h-left {
    float:left;
    background:url(/wp-content/uploads/2010/03/SRlogoProductPages.jpg);
    width:200px;
    height:250px
}
.clear {
    clear:both;
}
.player {
    width:950px;
    height:30px;
    margin:10px 0;
    background-color:#000;
}
#player {
    float:left;
    width:550px;
    height:30px;
}
#playlist {
    float:right;
    width:400px;
    height:30px;
}
#playlist span {
    display:block;
    padding:6px;
    margin-left:10px;
}
.rightside .price {
    font-weight:16px;
    text-align:center;
    font-weight:bold;
}
.content {
    position:relative;
    left:126px;
    top:30px;
    padding:10px;
    width:540px;
    min-height:450px;
    margin-bottom:100px;
    display:none;
}
.content.c1 {
    display:block;
}
.content h3 {
    margin-top:20px;
}
.post-wrapper-full h1 {
    display:block;
    position:absolute;
    left:150px;
}
.content h2 {
    color:#00A0D5;
    margin-top:10px;
}
.post-wrapper {
    background-color: #FFF;
    padding: 15px;
    /*width: 630px;*/
    border: 1px solid #D6D6D6;
}
.post-wrapper-full {
    background-color: #FFF;
    padding: 15px;
    position:relative;
    border: 1px solid #D6D6D6;
}
a:link {
    text-decoration: none;
    color: #00A0D5;
}
a:visited {
    text-decoration: none;
    color: #00A0D5;
}
a:hover, a:active {
    color: #3B3B3B;
}
h1 {
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: normal;
}
h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px 0 10px;
}
h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0px 0 10px;
}
h4, h5, h6 {
    font-size: 16px;
}
.titles {
    line-height: 16px;
    font-size: 16px;
    margin-top: 0px;
}
.home-post-wrap {
/*    width: 630px;*/
    height: 140px;
    overflow: hidden;
    padding: 16px;
    margin-right: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
    float: justify;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
}

.home-post-wrap2 {
    width: 595px;
    height: 140px;
    overflow: hidden;
    padding: 15px;

    margin-right: 13px;
    margin-bottom: 10px;
    float: left;
    background-color: #FFEEEE;
    border: 1px solid #D6D6D6;
}
.readmore {
    background-image: url(images/read-more-Blue.gif);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    padding-left: 20px;
}
.readmore a:link, .readmore a:hover {
    color: #393939;
}
.thumbnail-home {
    border: 0px;
    margin: 0px 0px 0px 0px;
}
.titles {
    font-weight: normal;
    font-size: 24px;
    text-decoration: none;
}
.titles a:link, .titles a:visited, .titles a:active {
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    font-family: Trebuchet MS;
    margin-bottom: 10px;
    display: block;
}
.titles-featured a, .titles-featured a:hover, .titles-featured {
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
    line-height: 30px;
    margin-top: 0px;
}
ul {
    list-style-image: url(images/bullet.gif);
}
#wrapper2 {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
}
#pages {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    position:relative;
}
#container {
    float: right;
    width: 950px;
    color: #4C4C4C;
    background-color: #EAEAEA;
    padding-bottom:10px;
}
#container2 {
/*    width: 700px;*/
    float: left;
    margin-top: 2px;
}
#left-div {
    float: left;
    padding: 10px 10px 0px 19px;
    background-color: #0;
}
#left-div2 {
    float: left;
    background-color: #0;
    padding: 10px 0px 10px 19px;
}
.home-page #left-div2 {
    padding: 10px 0;
}
.latest-news { text-align:center; margin-top:20px; margin-bottom:15px;}
#sidebar-wrapper {
    width: 233px;
    float: left;
    margin-top: 12px;
}
#sidebar {
    float: left;
    padding-left: 13px;
    padding-right: 13px;
    width: 207px;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    padding-bottom: 20px;
}
#footer {
    clear: both;
    float: right;
    width: 950px;
    height: 30px;
    text-align: left;
    padding-left: 0px;
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-top: 18px;
    margin-bottom: 20px;
}
#footer a {
    color: #FFFFFF;
    font-size: 11px;
}
#footer a:visited {
    color: #FFFFFF;
}
#footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#extras {
    float: left;
    width: 780px;
    color: #C7AA92;
    text-align: left;
    padding: 0 10px 10px;
    margin: 10px 12px 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
#pages ul {
    list-style-type: none;
    list-style-image: none;
    float: left;
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
}
#pages li {
    float: left;
    background-image: url(images/nav-right-2.gif);
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    margin-right: 10px;
    background-color: #4B4B4B;
    height: 29px;
}
#pages li:hover {
    background-color: #00A0D5;
    background-image: url(images/nav-right-Blue.gif);
}
#pages li a:link, #pages li a:visited {
    float: left;
    color: #FFFFFF;
    display: block;
    padding-top: 5px;
    height: 24px;
    font-size: 13px;
    background-image: url(images/nav-left-2.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
}
#pages li a:hover, #pages li a:active {
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(images/nav-left-Blue.gif);
}
.page_item_home a:link, .page_item_home a:visited, .page_item_home a:active {
    background-image: url(images/nav-left-Blue.gif) !important;
}
.page_item_home {
    background-image: url(images/nav-right-Blue.gif) !important;
    background-color: #00A0D5 !important;
}
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active {
    background-image: url(images/nav-left-Blue.gif) !important;
}
.current_page_item {
    background-image: url(images/nav-right-Blue.gif) !important;
    background-color: #00A0D5 !important;
}
.sidebar-box {
    padding-top: 5px;
    margin-bottom: 0px;
}
.articleinfo {
    border-bottom: 4px solid #EEEEEE;
    padding-bottom: 7px;
}
.sidebar-box ul li .current-cat a:link {
}
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
    display: block !important;
    color: #4C4C4C !important;
    width: 100% !important;
    padding: 3px 3px 3px 3px !important;
    background-image: none !important;
    background-color: #FFF;
}
.sidebar-box ul li {
    background-image: none !important;
    background-color: #FFF !important;
    color: #848484 !important;
}
.sidebar-box ul li:hover, .sidebar-box ul li a:hover {
    background-image: none !important;
    background-color: #FFF !important;
}
.sidebar-box ul li a:hover {
    width: 100%;
    display: block;
    color: #393939;
    padding: 3px 3px 3px 3px;
}
.sidebar-box h2 {
    margin-top: 5px;
    font-size: 15px;
    color: #00A0D5;
    padding-top: 4px;
    font-weight: bold;
    padding-bottom: 4px;
    text-transform: lowercase;
    margin-left: 10px;
}
#commentform {
    margin: 1em 0;
    background: #FFFFFF;
    margin-left: 20px;
}
#commentform textarea {
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 370px;
}
#commentform textarea:hover {
    background: #FFFFFF;
    border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
    background: #ffffff;
    border: 1px solid #939793;
}
#commentform #email {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    background-image: url(images/comment-email.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
    padding-top: 6px;
}
#commentform #author {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    background-image: url(images/comment-author.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
    padding-top: 6px;
}
#commentform #url {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    background-image: url(images/comment-website.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
    padding-top: 6px;
}
#commentform #email:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
    background-image: url(images/comment-email.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
    padding-top: 6px;
}
#commentform #author:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
    background-image: url(images/comment-author.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
    padding-top: 6px;
}
#commentform #url:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
    background-image: url(images/comment-website.gif);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
    padding-top: 6px;
}
#commentform input {
    margin-bottom: 3px;
}
.textlink_bg {
    height:35px;
    width:200px;
    margin-top: 50px;
    position:absolute;
    right:300px;
    text-align:right;
    font-size:12px;
    color:#00a0d5;
    top:-30px;
}
.textlink_bg.new {
    top:-46px;
}
.textlink_bg a {
    font-size:12px;
    color:#00a0d5;
    font-weight:bold;
}
.search_bg {
    height:35px;
    width:270px;
    background:url(images/search-bg.gif) no-repeat left;
    background-position: left;
    margin-top: 50px;
    position:absolute;
    right:0;
    top:-40px;
}
#search {
    color:#FFFFFF;
    padding:0;
}
#search input {
    background: transparent;
    font-size:11px;
    color:#FFF;
    font-family:Tahoma, arial, verdana, courier;
    width:180px;
    height:22px;
    vertical-align:middle;
    margin: 10px 0px 0 10px;
    padding:0;
    border: none;
}
.icons {
    margin-top: 0px;
    margin-bottom: -5px;
    margin-right: 10px;
}
#search .input {
    width:47px;
    height:30px;
    background:none;
    border:none;
    vertical-align:middle;
    margin:0;
    padding:0;
    margin-left: 20px;
}
.idTabs {
    padding: 0px;
    float: left;
    width: 630px;
    height:200px;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}
.idTabs ul {
    margin-left: 0px;
    padding-left: 0px;
}
.idTabs li {
    display: inline;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #8C8C8C;
    text-align: center;
    font-size: 11px;
    margin-left: 0px;
    padding-left: 0px;
}
.idTabs li a {
    color: #393939;
    background-color: #F9F9F9;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
    margin-right: 4px;
    display: block;
    float: left;
    border: 1px solid #D6D6D6;
}
.idTabs li a:visited {
    border: 1px solid #D6D6D6;
}
.idTabs li a:hover {
    border: 1px solid #BBBBBB;
}
.idTabs li a.selected {
    background-color: #FFF;
    color: #00A0D5;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 4px;
    border: 1px solid #D6D6D6;
}
#recententries {
    float: left;
    width: 662px;
    display: block;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    margin-bottom: 10px;
}
#recentcomments2 {
    float: left;
    width: 662px;
    display: none;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    margin-bottom: 10px;
}
#mostcomments {
    float: left;
    width: 662px;
    display: none;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    margin-bottom: 10px;
}
#recententries a:visited, #recententries a:hover, #recentcomments2 a:visited, #recentcomments2 a:hover, #mostcomments a:visited, #mostcomments a:hover {
    color: #393939;
}
.list2 {
    color: #8C8C8C;
    list-style-image: url(images/bullet.gif);
    margin-top: 0px;
    font-size: 11px;
}
.list2 a:hover {
    color: #393939;
    list-style-image: url(images/bullet.gif);
    margin-top: 0px;
    font-size: 11px;
}
.list2 a {
    color: #8C8C8C;
    margin-top: 0px;
    font-size: 11px;
}
.toptitle {
    font-size: 20px;
    color: #00A0D5;
    margin-left: 15px;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}
.toptitle2 {
    font-size: 24px;
    color: #FFF;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}
.thumbnail-div {
    padding: 2px;
    border: 1px solid #E4E4E4;
    width: 263px;
    height: 188px;
}
.thumbnail-div-featured {
    border: 1px solid #E4E4E4;
    width: 159px;
    height: 212px;
    padding: 2px;
    float: left;
}
#featured {
    background-color: #FFF;
    padding: 10px;
    width: 593px;
    border: 1px solid #D6D6D6;
}
#featured-content {
    float: right;
    width: 410px;
    margin-right: 5px;
}
#categories {
    background-color: #3B3B3B;
    width: 950px;
    font-size: 12px;
    float: left;
    display: block;
}
#categories ul {
    float: left;
    margin: 0px 0px 0px 0px;
    margin-top: 10px;
    padding-left: 10px;
    display: block;
}
#categories li {
    float: left;
    list-style-image: none;
    list-style: none;
    margin-left: 0px;
    margin-right: 10px;
    list-style-type: none;
    list-style-position: inside;
    margin-bottom: 10px;
}
#categories li a:link, #categories li a:visited {
    border: 1px solid #3B3B3B;
    color: #FFF;
    padding-left: 11px;
    padding-right: 11px;
    display: block;
    height: 25px;
    padding-top: 2px;
    float: left;
}
#categories li a:hover {
    background-color: #00A0D5;
    border: 1px solid #00BFFF;
    color: #FFF;
    padding-left: 11px;
    padding-right: 11px;
    display: block;
    height: 25px;
    padding-top: 2px;
    float: left;
}
#categories .current-cat a:link, #categories .current-cat a:hover, #categories .current-cat a:visited {
    color: #00A0D5;
    background-color: #EAEAEA;
    border: 1px solid #EAEAEA;
}
.logo {
    float: left;
    margin-bottom: 20px;
    border: 0px;
}
/* Captions */
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}
/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left
}
/* End Images */

/* Begin Comments*/

.commentlist {
    padding: 0px;
    margin: 0px 0px 0px 17px;
    width: 560px;
    background-image: url(images/comment-bg.gif);
    list-style-image: none;
    list-style-type: none;
    float: left;
}
.commentlist li {
    font-weight: bold;
    width: 560px;
    display: block;
    background-image: url(images/comment-bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 0px 45px 0px;
    margin: 0px;
    list-style-image: none;
    list-style-type: none;
    float: left;
}
.commentlist li div {
    width: 540px;
    display: block;
    background-image: url(images/comment-top.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 10px;
    float: left;
}
.commentlist li .avatar {
    float: left;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}
.commentlist cite {
    font-size: 18px;
    float: left;
    font-style: normal;
    margin-left: 10px;
    margin-right: 6px;
    margin-top: 5px;
    font-weight: normal;
}
.says {
    display: none;
}
.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    display: block;
    float: left;
    width: 90%;
    margin-left: 3%;
}
#commentform p {
    clear: both;
}
.alt {
    margin: 0;
    padding: 10px;
}
.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}
.commentlist .children li {
    width: 90%;
    display: block;
    margin: 0px;
    background-color: #FDFDFD;
    background-image: url(images/comment-children-bg.gif);
    background-position: left;
    background-repeat: repeat-y;
    border: 1px solid #E2E2E4;
    overflow: hidden;
}
.commentlist .children li div {
    width: 97%;
    padding: 3%;
    background-image: url(images/comment-children-top.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.commentlist .commentmetadata {
    font-weight: normal;
    float: left;
    margin: 5px 0px 0px 0px;
    display: block;
    clear: both;
    background-image: none;
    width: 90%;
    margin-left: 3%;
}
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta {
    background-image: none;
    width: 100%;
    padding: 0px !important;
}
.commentlist .reply, .commentlist .children .reply {
    float: right;
    background-image: none;
    width: 54px;
    height: 22px;
    margin-bottom: 0px;
    padding: 0px;
    margin-right: 10px;
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
    background-image: url(images/reply.gif);
    width: 39px;
    height: 17px;
    display: block;
    color: #FFF;
    font-size: 8px;
    text-transform: lowercase;
    font-weight: normal;
    padding: 5px 0px 0px 15px;
    letter-spacing: 1px;
}
.commentlist .children li {
    padding-bottom: 10px;
}
.commentlist .children li ul li {
    padding-bottom: 10px;
    background-color: #FFF;
}
#respond {
    margin-top: 20px;
    float: left;
    background-image: none;
}
.commentlist #respond h3, .commentlist #respond a {
    margin-left: 28px;
}
#comments {
    line-height: 30px;
}
.children {
    clear: both;
}
.children .commentmetadata, .children .vcard {
    background-image: none;
}
.children textarea {
    width: 90% !important;
}
.children input {
    width: 80% !important;
}
#cancel-comment-reply-link {
    display: block;
    background-image: url(images/comment-close.gif);
    width: 144px;
    height: 21px;
    padding: 5px 0px 0px 23px;
    font-weight: normal;
    color: #84878E;
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#respond div {
    background-image: none;
}
#submit {
    width: 120px !important;
}

/* End Comments */
.auto-height { height:auto!important; }

.drum-kits-and-grooves { text-indent:-9999px; height:24px; width:511px; background:transparent url(images/headline_drum_kits_and_grooves.png) 0 0 no-repeat; }
.sounds-for-film { text-indent:-9999px; height:24px; width:361px; background:transparent url(images/headline_sounds_for_film.png) 0 0 no-repeat; }
.loops { text-indent:-9999px; height:24px; width:142px; background:transparent url(images/headline_loops.png) 0 0 no-repeat; }
.refills-for-reason { text-indent:-9999px; height:24px; width:438px; background:transparent url(images/headline_refills_for_reason.png) 0 0 no-repeat; }
.backing-tracks { text-indent:-9999px; height:24px; width:343px; background:transparent url(images/headline_backing_tracks.png) 0 0 no-repeat; }

img.product_line { display:block; margin:0 auto; margin-top:10px; }
.product { width: 630px; padding:16px; margin:10px 16px 0 0; background-color: #FFF; border: 1px solid #D6D6D6; clear:both; position:relative; }
.product .product-image { display:block; float:left; height:100px; width:100px; border:1px solid #cbcbcb; margin-right:16px; }
.product .product-description { width: 410px; float:left; padding:0 10px 0 0; }
.product .product-meta { width:90px; float:left; }
.product p.product-price { text-align:right; color:#0398fe; padding:0; margin:0; }
.product p.product-price abbr { display:block; color:#656565; font-weight:bold; border:none; }
.product .more-info { position:absolute; right:16px; bottom:0; text-indent:-9999px; overflow:hidden; }
.product .more-info a { display:block; height:22px; width:95px; background:transparent url(images/more_info.png) 0 0 no-repeat; }

#sidebar .box { padding:0; margin:0; border-bottom:1px solid #adadad; }
#sidebar .box img { display:block; height:151px; width:201px; margin:15px auto; border:none; }
#sidebar .no-border { border:none!important; }

.product-lines-headline { text-indent:-9999px; width:395px; height:28px; background:transparent url(images/headline_product_lines.png) 0 0 no-repeat; margin:10px auto 0 auto; }

.line-wrap { width:890px; padding:16px; margin:10px 13px; background-color:#FFF; border: 1px solid #D6D6D6; clear:both; }
.line ul { list-style-type:none; list-style-position:outside;  margin:0; padding:0; }
.line ul li { float:left; margin-right:16px; width:201px; height:151px; margin-left:0; padding:0; border:none; overflow:hidden; }
.line ul li a { display:block; width:201px; height:151px; }
.line ul li a img { border:none; }

#videos { padding-bottom:10px; }
#videos .title { height:19px; width:148px; background:transparent url(images/headline_videos.png) 0 0 no-repeat; text-indent:-9999px; }
.item-container .item { margin:5px 0 10px; }
.item-container .item .item-logo { height:151px; width:201px; float:left; margin-right: 10px; }
.item-container .item .item-logo img { border:none; }
.item-container .item .item-description { width:417px; float:left; margin-top:20px; }
.item-container .item .item-description h3 { color:#0099ff; }

#images { margin-top:15px; padding-bottom:10px; }
#images .title { height:19px; width:148px; background:transparent url(images/headline_images.png) 0 0 no-repeat; text-indent:-9999px; }

/* slideshow */
.home #container2 { margin-top:0!important; }
.home #left-div2 { padding:0!important; }
#BannerRotator { padding-top:44px; width:100%; height:302px; background:top center no-repeat url(/wp-content/uploads/2011/03/SRBannerSurrounding.jpg); }
#BannerRotator .front-slideshow { margin:0 auto!important; width:758px!important; padding-top:0!important; }
.slideshow-pager { padding:2px 14px 2px 0; text-align:right; display:block; width:758px; margin:12px auto; }
.slideshow-pager a { padding:5px; font-weight:bold; background-color:#ccc; border:1px solid #999; margin:0 2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.slideshow-pager .activeSlide { color:white; }


/* shopping cart */
.shopping-cart { margin-top:15px; display:block; width:660px; }
.shopping-cart h2.heading { position:relative; margin:0!important; background-color:#333; color:#fff; padding:5px 10px; width:640px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; font-size:1.5em; }
.shopping-cart h2.heading span { font-size:.7em; color:white; padding:0; margin:0; position:absolute; color:#ccc; }
.shopping-cart h2.heading span.product { border:none; background-color:transparent; left:135px; }
.shopping-cart h2.heading span.price { left:400px; }
.shopping-cart h2.heading span.quantity { left:495px; }
.shopping-cart h2.heading span.total { left:545px; }

.shopping-cart .products,
.shopping-cart .billing-shipping,
.shopping-cart .order-status,
.shopping-cart .sign-in { border:1px solid #333; margin:0; list-style-type:none; list-style-position:outside; padding:0; margin-bottom:10px; }
.shopping-cart .sign-in { height:186px; }
.shopping-cart.error .sign-in { height:250px; }

.shopping-cart .products .product { width:625px; background-color:transparent; border:none; margin:0; }
.shopping-cart .products .product .product-description { float:left; width:250px; }
.shopping-cart .products .product .product-price { float:left; width:50px; font-size:1.2em; color:#333; text-align:center; margin-right:50px; }
.shopping-cart .products .product .product-quantity { float:left; width:50px; }
.shopping-cart .products .product .product-quantity input { width:35px; }
.shopping-cart .products .product .quantity-price { float:left; width:50px; margin:0; }
.shopping-cart .products .product .remove-item { width:30px; float:left; }

.cart-summary { margin-top:15px; }
.cart-summary h2 { margin:0!important; background-color:#333; color:#fff; padding:5px 10px; width:187px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; font-size:1.1em; }
.cart-summary div.product-image { border:1px solid #CBCBCB; }
.cart-summary div.container { border:1px solid #333; margin:0; padding:0 15px 15px; width:175px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; }
.cart-summary a.button { color:white!important; background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; display:block; padding:5px 0; margin:0 auto; width:100px; text-align:center; margin-top:10px; }
.cart-summary p.total { border-top:1px solid #ccc; padding:5px 0; }

/* billing & shipping */
.shopping-cart .billing-shipping { position:relative; }
.shopping-cart .billing-shipping .billing { width:270px; padding:10px; float:left; }
.shopping-cart .billing-shipping .billing h3,
.shopping-cart .billing-shipping .shipping h3 { margin-bottom:20px; }
.shopping-cart .billing-shipping .billing label,
.shopping-cart .billing-shipping .shipping label { display:block; margin-top:5px; }
.shopping-cart .billing-shipping .billing input[type=text],
.shopping-cart .billing-shipping .shipping input[type=text] { width:250px; }

.shopping-cart .billing-shipping .shipping { width:320px; padding:10px 10px 10px 20px; border-left:1px solid #ccc; float:left; }
.shopping-cart .billing-shipping .shipping a.submit { background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; display:block; padding:5px 0; margin:30px auto; width:100px; text-align:center; }

/* order status */
.shopping-cart .order-status { padding:10px; padding-bottom:0; }
p.success { background:#DFF2BF url(images/knobSuccess.png) 10px center no-repeat; border:1px solid #4F8A10; padding:10px 10px 10px 50px!important; }
p.notice { background:#e4c23f url(images/knobWarning.png) 10px center no-repeat; border:1px solid #be8b1f; padding:10px 10px 10px 50px; margin:10px 10px!important; }

/* sign in */
.shopping-cart .sign-in { position:relative; }
.shopping-cart .sign-in .returning-customer { width:49%; float:left; border-right:1px solid #ccc; }
.shopping-cart .sign-in .guest-checkout { width:50%; float:right; }
.shopping-cart .sign-in .returning-customer h3 { margin:10px 10px 30px 10px;}
.shopping-cart .sign-in .guest-checkout h3 { margin:10px 10px 30px 5px; }
.shopping-cart .sign-in .returning-customer input#signInUsername { display:block; width:80%; margin:0 auto; margin-bottom:10px; padding:3px; }
.shopping-cart .sign-in .returning-customer input#signInPassword { display:block; width:80%; margin:0 auto; margin-bottom:10px; padding:3px; }
.shopping-cart .sign-in .returning-customer a.checkoutButton { background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; display:block; padding:5px 0; width:100px; text-align:center; margin-top:10px; position:absolute; left:197px; }
.shopping-cart .sign-in .returning-customer p { margin:60px 0 20px 30px; }
.shopping-cart .sign-in .guest-checkout p { padding:0 10px; }
.shopping-cart .sign-in .guest-checkout a { background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; display:block; padding:5px 0; width:100px; text-align:center; margin-top:10px; position:absolute; right:25px; }

/* review cart */
.review-cart { margin-bottom:0; }
.review-cart .products{ margin-bottom:0; }
.review-cart ul.billing-shipping-info { border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; padding:10px 0 10px 10px; margin:0; list-style-type:none; list-style-position:outside; list-style-image:none; clear:both; }
.review-cart ul.billing-shipping-info li { width:205px; float:left; margin-right:10px; overflow:hidden; }
.review-cart ul.billing-shipping-info li h2{ font-size:1.2em; color:#333; text-transform:uppercase; }
.review-cart ul.billing-shipping-info li h2 a { font-size:.7em; margin-left:5px; text-transform:uppercase; }

.review-cart .credit-card-info { border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; padding:10px 0 10px 10px; margin:0; list-style-type:none; list-style-position:outside; list-style-image:none; clear:both; margin-bottom:10px; }
.review-cart .credit-card-info ul { list-style-type:none; list-style-image:none; padding:0; margin:0; }
.review-cart .credit-card-info ul.card-type li { float:left; margin-right:10px; }
.review-cart .credit-card-info ul.card-type { margin-bottom:10px; }
.review-cart .credit-card-info ul.card-number li { margin:0 0 10px; }
.review-cart .credit-card-info li.submit-order { text-align:right; margin-right:20px; }
.review-cart .credit-card-info li.submit-order  a { background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; display:block; padding:5px 0; width:150px; text-align:center; margin-top:10px; float:right; margin-bottom:10px;  }

/* side cart */
#sidecart ul.products { list-style-type:none; list-style-image:none; padding:0; margin:10px 0; }
#sidecart ul.products  li { margin:10px 0; }
#sidecart .product-image { float:left; margin-right:10px;  }
#sidecart ul.products .product-info { float:left; margin:10px 0; }
#sidecart ul.products h3 { font-size:1.2em; padding:0; margin:0; }
#sidecart ul.products .product-price { color:#666; padding:0; display:block; }
#sidecart div.view-cart { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:15px; }
#sidecart div.view-cart p { padding:0; margin:0; text-align:center; }
#sidecart a.view-cart { background-color:transparent; padding:0; color:#00A0D5!important; display:inline; }
#sidecart a.view-cart:hover { color:#333!important; }
#sidecart .checkout a { background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; display:block; padding:5px 0; width:150px; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:10px; color:white!important; }

/* order status */
.shipped-notice { margin:15px 15px 0 20px; padding:10px; color:white; font-weight:normal; font-size:1.5em; text-align:center; background-color:#00A0D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.shipped-notice a { color:#aceaff; border-bottom:1px solid white; }
.shipped-notice a:hover { color:white; }
.credit-card-info h2 img { position:relative; top:5px; left:10px; }

/* order history */
.order-history { margin:15px; }
.order-history table { border:1px solid #333; -moz-border-radius-topleft:12px; border-top-left-radius:12px; -webkit-border-top-left-radius:12px; -moz-border-radius-topright:12px;  border-top-right-radius:12px; -webkit-border-top-right-radius:12px; border-bottom:none!important; }
.order-history thead tr th { background-color:#333; color:#fff; padding:5px 10px; font-weight:normal; font-size:1em; }
.order-history thead tr th.first { -moz-border-radius-topleft:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; font-size:1.5em; }
.order-history thead tr th.last { -moz-border-radius-topright:10px;  border-top-right-radius:10px; -webkit-border-top-right-radius:10px; }
.order-history tbody tr:nth-child(odd) { background-color:white; }
.order-history tbody tr td { padding:5px 10px!important; border-bottom:1px solid #333!important; text-align:left!important; cursor:pointer; }
.order-history h3 { font-size:1.2em; margin:20px 0; }
.my-account { margin-top:15px; }
.my-account h2 { margin:0!important; background-color:#333; color:#fff; padding:5px 10px; width:187px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; font-size:1.1em; margin-bottom:0; }
.my-account ul { list-style-type:none; list-style-position:outside; border:1px solid #333; margin:0; padding:5px 0 10px 0; }
.my-account ul li { padding:5px 5px 2px 10px; list-style:none; }
