html {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

/* ================= */
/* = Global styles = */
/* ================= */

body {
    margin: 0px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background-color: #000;
    color: gray;
    background-image: url( '/images/site/bg_pattern_2.jpg' );
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: none !important;
    line-height: 2 !important;
}

a{
    text-decoration: none;
    color: #2EDBFD;
    color: #d1143e;
}

img { border: none }

#page h1{
    margin-left:40px;
}

h1{
    font-family: Oswald, 'Arial Narrow';
    font-size: 40px;
    color: #2EDBFD;
    color: lightgray;
}

.button{/*  margin-top:20px;*/margin-left: 10px;margin-bottom:0px;margin: 1px;margin-bottom: 0px;font-size: 13px;line-height: 15px;background: #167C95;width: 112px;height: 14px;padding: 7px;margin: 1px;margin-right: 10px;text-align: center;margin-bottom: 20px;color: #fff;text-decoration: none;text-transform: uppercase;border: none;background: #167C95;font-weight: bold;background-color: darkred;}

#masthead {
    width: 1000px;
    background-color: black;
    height: 80px;
    padding-bottom: 35px;
    margin-top: 25px;
    margin: 0px;
    /*
    background-image:url('{site_url}/images/uploads/site/header_logo.gif');
    background-repeat: no-repeat;
    background-position:left bottom;
    */
}

#user_tools {
position: absolute;
top: 0px;
width:1000px;
}
#user_tools p {
color: white;
text-align: right;
padding-right: 50px;
}

#logo {
    float: left;
    padding-top: 15px;
}

#logo img {
    width: 270px;
}

#logo img.icon {
    width: 75px;
    padding-left: 35px;
    padding-right: 15px;
}

#site_search {
    float: right;
    margin: 0px;
    margin-top: 44px;
    margin-right: 10px;
    min-width: 360px;
    color: white;
}

#site_search #follow {
    float: left;
    padding-top: 13px;
    padding-left: 13px;
    display: none;
}

#site_search #search textarea {
    float: left;
    margin: 0px;
    margin-right: 5px;
    background-color: white;
    resize: none;
    height: 20px;
}

#site_search #follow #button_strip {
}

#site_search #fb_like {
    float: left;
    width: 92px;
    height: 21px;
    border: none;
    padding: 3px 0;
    overflow: hidden;
}

#site_search .button {
    float: left;
    background-color: gray;
    width: 20px;
    height: 20px;
    margin: 3px 10px 0px 0px;
    padding: 0px;
}

#site_search .button img {
    width: 20px;
    height: 20px;
}

#site_search #search {
    float: right;
    padding-right: 13px;
    padding-top: 10px;
}

#site_search #search #icon {
    float: left;
    width: 25px;
    height: 25px;
}

#masthead #hline {
    background-color: black;
    width: 1000px;
    height: 2px;
}

#wrapper {
    margin: 0px auto;
    width: 1000px;
    height: 100%;
}

#container {
    background: black;
    color: white;
    width: 1000px;
    margin: 0px auto;
    /*  min-height: 100%; */
    border-left-style: solid;
    border-left-color: #ff0000 !important;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-color: #ff0000 !important;
    border-right-width: 1px;
    position: relative;
    border: none !important;
}

#page {
    clear: both;
    padding-top: 55px;
    background: #222;
    padding-top: 50px;
}

#page.no-top {
    padding-top: 0;
}

/*===================================*/
/*==   TOP LEVEL UL MENU STYLING   ==*/
/*===================================*/
#menu {
    float: left;
    width: 100%;
    height: 35px;
    height: auto !important;
    background-color: #333;
    border-bottom-color: #222;
    border-bottom-style: solid;

    /* These values should be equal */
    border-bottom-width: 8px;
    margin-bottom: 1px;
    border-bottom-color: transparent;
    border-bottom: none !important;
}

/*===================================*/
/*==            NAV TIME           ==*/
/*===================================*/
#nav {
    font-family: Oswald, "Arial Narrow", sans-serif;
    z-index: 500;
    margin: 0px;
    padding: 0px;

    margin-left: 20px;
    font-size: 14px;
    list-style: none;
    color: white;

    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: black;

    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #999;
}

#nav li {
    float: left;
    position: relative;
    height: 35px;
    padding-top: 8px;
    padding-left: 25px;
    padding-right: 25px;

    /* White left */
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #666;

    /* Black right */
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: black;
    border-color: transparent !important;
}

#nav a {
    display: block;
    color: white;
    text-decoration: none;
}

/*===================================*/
/*==     THE DROP-DOWN UL'S        ==*/
/*===================================*/
#nav ul {
    background: #282d33 !important; /* Adding a background makes the dropdown work properly in IE7+.
    Make this as close to your page's background as possible
    (i.e. white page == white background). */
    background: #282d33 !important; /* But! Let's make the background fully transparent
    where we can, we don't actually want to see it
    if we can help it... */
    list-style: none;
    position: absolute;
    margin: 0px;
    left: -9999px; /* Hide off-screen when not needed
    (this is more accessible than display:none;) */
    background-color: #282d33 !important;
}

#nav ul li {
    height: auto;
    width: 200px;
    padding: 0px;
    float: none;
    letter-spacing: .1em;
    background-color: #777;
    border-color: transparent;
    background-color: #282d33;
}

#nav ul li img {
    display:block;
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    display: none !important;
}

/* Stop text wrapping and creating multi-line dropdown items */
#nav ul a {
    white-space: nowrap;
}

/* Bring back on-screen when needed...Display the dropdown on hover */
#nav li:hover ul {
    z-index: 5;
    top: 43px;
    left: -40px;
}

/* These create persistent hover states, meaning the top-most link stays
'hovered' even when your cursor has moved down the list. */
#nav li:hover {
    background-color: #282d33 !important;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #333;
}

/* The persistent hover state does however create a
global style for links even before they're hovered.
Here we undo these effects. */
#nav li:hover ul a {
    color: #dddddd;
    text-decoration: none;
}

#nav li:hover ul li {
    display: block;
    background-color: #282d33 !important;
    border-top-style: solid;
    border-top-color: #222222;
    border-top-width: 1px;
    border: none;
}

#nav li:hover ul li a {
    padding: 8px;
    margin-right: 10px;
    padding-left: 15px;
}

/* Here we define the most explicit hover states--
what happens when you hover each individual link. */
#nav li:hover ul li:hover {
    border-width: 0px;
    background-color: rgba(0,0,0,0.2) !important;
    border-top-style: solid;
    border-top-color: #222222;
    border-top-width: 1px;
}

#nav li:hover ul li:hover a:hover {
    color: #ffffff;
}

#menu .status{
    top: 0;
    opacity: 1;
}


/* Product Page */

#subcategories {
    font-family: Oswald, "Arial Narrow", sans-serif;
    clear: both;
    padding-left: 15px;
    padding-top: 5px;
    height: 25px;
    background-color: #167c95;
    margin-bottom: 20px;
    background-color: lightgray;
    padding: 0;
    height: auto;
    overflow: auto;
    background-color: rgb(51, 51, 51);
}

#subcategories .subcategory {
    font-weight: normal;
    float: left;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px;
    margin-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: none;
    border-radius: 0;
    margin-left: 0;
    padding: 10px 20px;
}

/* ================= */
/* = Category list = */
/* ================= */

 .category {
    margin-bottom: 25px;
    background-color: #444;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #167c95;
}

 .category .header {
    font-family: "Arial Narrow";
    height: 45px;
    margin-bottom: 5px;
    background-color: #167c95;
    background-color: #222 !important;
}

 .category .header .icon {
    float: left;
    margin-top: 10px;
    margin-left: 12px;
    height: 25px;
    width: 25px;
    display: none !important;
}

 .category .header .icon img {
    height: 25px;
    width: 25px;
}

 .category .header .title {
    float: left;
    max-height: 50px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 12px;
}

.category .header .category_title {
    font-family: Oswald, 'Arial Narrow';
    font-size: 16px;
}

.category .header .category_title a {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    color: #2EDBFD;
    color: lightgray !important;
    text-decoration: none;
}

 .category .header .title a:link {
    color: #2edbfd;
    text-decoration: none;
}

 .category .header .title a:visited {
    color: #2edbfd;
    text-decoration: none;
}

 .category .header .title a:hover {
    color: #2edbfd;
    text-decoration: underline;
}

 .category ul {
}

 .category .item {
    list-style: none;
}

 .category .item a:link {
    color: #DDD;
    text-decoration: none;
}

 .category .item a:visited {
    color: #DDD;
    text-decoration: none;
}

 .category .item a:hover {
    color: #DDD;
    text-decoration: underline;
}


 .category .more {
    text-align: right;
    padding-right: 10px;
    position: relative;
    top: 10px;
    background-color: #eof3fd;
}

/* ================== */
/* = End Categories = */
/* ================== */


#subcategories .subcategory a:link {
    color: black;
    text-decoration: none;
    color: lightgray;
}

#subcategories .subcategory a:visited {
    color: black !important;
    color: lightgray !important;
}

#subcategories .subcategory a:hover {
    color: #d1143e;
}


#filter #subcategories {
    clear: both;
    padding-left: 15px;
    padding-top: 5px;
    background-color: #167C95;
    margin-bottom: 0px;
}

#filter #subcategories .subcategory {
    float: left;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 20px;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#filter #subcategories .subcategory a:link {
    color: black;
    text-decoration: none;
    color:;
}

#filter #subcategories .subcategory a:hover {
    color: #2EDBFD;
    text-decoration: none;
}

#filter #subcategories .subcategory a:visited {
    color: black;
    color: lightgray;
    text-decoration: none;
}

#site_search #search input {
    position: relative;
    top: 5px;
    float:left;
}

#site_search #search #icon {
    margin-left: 5px;
    margin-top: 3px;
}

/* Find Dealer Widget */

#menu #find_dealer {
    background-color: #666;
    font-family: Oswald, "Arial Narrow", sans-serif;
    font-size: 19px;
    color: #49bad2;
    width: 240px;
    padding: 25px;
}

#menu #find_dealer #row_1 {
    color: white;
    font-weight: normal;
    margin-bottom: 5px;
}

#menu #find_dealer #row_2 {
    margin-bottom: 5px;
}

#menu #find_dealer #row_3 {
    margin-bottom: 5px;
}


/* Get Newsletter Widget */

#get_newsletter {
}

#get_newsletter #row_1 {
    padding-left: 40px;
    margin-bottom: 5px;
}

#get_newsletter #row_2 {
    padding-left: 40px;
    margin-bottom: 5px;
}

.checkbox {
    font-size: 13px;
}

/* Footer */

#drop_shadow_menu {
    clear: both;
    background: url( "/images/site/tbv_gradient.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 40px;
    padding-bottom: 10px;
    display: none;
}

#drop_shadow_footer {
    clear: both;
    background: url( "/images/site/btv_gradient.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
    display: none;
}

#footer {
    width: 1000px;
    background-color: black;
    clear: both;
    padding-bottom: 20px;
}

#footer #legal {
    float: left;
    padding-top: 12px;
    padding-left: 65px;
    font-weight: bold;
    color: gray;
}

#footer #link_box {
    font-family: Oswald, "Arial Narrow", sans-serif;
    clear: both;
    background-color: #333;
    font-size: 16px;
    padding-left: 40px;
    padding-top: 5px;
}

#footer .arrows {
    float: left;
    letter-spacing: -.1em;
    background-color: #555;
    padding-left: 4px;
    padding-right: 4px;
    border-color: #555;
    border-width: 2px;
    border-radius: 2px;
    font-weight: none;
    color: #ff0000;
    margin-right: 8px;
}

#footer .link {
    float: left;
    margin-right: 65px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#footer a:link {
    color: #bbb;
    text-decoration: none;
}

#footer a:visited {
    color: #bbb;
    text-decoration: none;
}

#footer a:hover {
    color: white;
    text-decoration: none;
}

#footer .hline {
    clear: both;
    background-color: #333;
    margin-top: 15px;
    width: 1000px;
    height: 1px;
}

#footer #locale {
    font-size: 13px;
    font-weight: bold;
    padding-right: 20px;
    padding-top: 15px;
    height: 20px;
}

#footer #locale #abbrev {
    float: right;
    margin: 0 0px 0 10px;
}

#footer #locale #flag {
    float: right;
    height: 11px;
    width: 16px;
    margin-left: 5px;
    margin-top: 2px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
}

#footer #sitemap {
    font-family: Oswald, "Arial Narrow", sans-serif;
    float: left;
    list-style: none;
    width: 1000px;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 20px;
}

#footer #sitemap a {
    color: #777;
}

#footer #sitemap a:hover {
    color: #ccc;
}

#footer #sitemap li {
    color: gray;
    float: left;
    padding: 0px;
    margin-right: 38px;
}

#footer #sitemap ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#footer #privacy {
    float: left;
    font-size: 13px;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 180px;
}

#footer #sitemap ul li {
    clear: both;
    padding: 0px;
    font-weight: normal;
    margin: 0px;
}

/* =============== */
/* = FORM STYLES = */
/* =============== */

.form{
    width:900px;
/*  width:95%;*/
    margin: 0 auto 20px auto;
    padding:20px;
    background:transparent;
}

.form form{
    padding-top:40px;
    width:100%;
}
.heading{
    width:100%;
}
.heading img{
/*      padding-left:50px;*/
}
.heading p{
    color:#D91D02;
    text-transform:normal;
    font-size: 17pt;
    font-weight:bold;
    padding:0;
    height:43px;
    margin:0;
}
.heading .label{

}
.form label.required{
    color:#2edbfd;
    color: red;
}

.form .button{
    margin-top:20px;
}

.form .intro{
    margin:0 auto;
    width:100%;
}
.form .text_block{
    width:45%;
    margin-top:50px;
}

.form .intro h2{
    font-weight:bold;
    font-size:13pt;
    color: #2EDBFD;
    color: white;
    text-transform:uppercase;
}

.form .intro h2,.form .intro p{
    margin: 0;
}

legend{
    border-top:1px solid;
    border-bottom:1px solid;
    border-color:#D9D9D9;
    padding:10px 0 10px 0;
    text-indent: 45px;
    width:100%;
    font-size:12pt;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
}

fieldset{
border:none;
padding:0;
margin:0;
margin-top:-21px;
width:100%;
}

fieldset ul, fieldset li{
border:0;
margin:0;
padding:0;
list-style:none;
}

fieldset li{
clear:both;
list-style:none;
}

fieldset ul{
padding:30px 0;
}

fieldset input, fieldset select{
width:50%;
/*float:left;*/
margin-top:-1px;
margin-bottom:20px;
}

fieldset input{
/*background:url("/themes/site_themes/ionaudio/images/input_bg.jpg") no-repeat;*/
background-color:#fff;
border:none;
text-indent:10px;
width:223px;
height:24px;
}

fieldset textarea{
/*  color:#fff;*/
}

fieldset label{
padding-right:30px;
width:140px;
float:left;
text-align:right;
text-transform:uppercase;
font-size:12px;
}

fieldset.left ul{
border-right:1px solid #D9D9D9;
}

.form_block{
display:block;
width:50%;
}

.form_block.full{
width:100%;
}

.right{
float:right;
}

.left{
float:left;
}
#address_information, #address_information2{
}

#contact_methods{
width:100%;
}
#contact_methods input{
    width:auto;
    height:auto;
    margin:0 5px 0 0;
    vertical-align:baseline;
}
#contact_methods ul{
    border:none;
    padding:0;
    background:#444;
}
#contact_methods li{
    color:#fff;
    padding:10px 0 10px 50px;
}

input.button{
    width:143px;
    height:28px;
    vertical-align:baseline;
    line-height:5px;
}

.button.disabled{
	background: #666;
}



.is_same{
width:100%;
height:25px;
padding: 10px 0;
background:#444;
position: relative;
top:-30px;
color:#fff;
}

.is_same input{
width:20px;
height:auto;
margin-left:50px;
vertical-align:baseline;
}

.checkbox{
width:20px;
margin-left:50px;
clear:both;
}
.center{
    margin:0 40%;

}

#checkout form{
    width:450px;
}
#checkout .form_block{
    width:100%;
}
#checkout .button{
    margin-top:0;
}

/* =================== */
/* = END FORM STYLES = */
/* =================== */

/* =========================== */
/* = STATUS / ERROR MESSAGES = */
/* =========================== */


.status {
    text-align: center;
    margin: auto;
/*  width: 959px;*/
    color: white;
    opacity: .5;
    border-top: none;
    background-color: green;
    position: relative;
    padding:5px;
    top: -50px;
}

.status ul{
    line-height:20px;
    list-style:none;
}

.error {
    background-color: red;
    /*opacity: .8;*/
	z-index: 1;
}

/* =============================== */
/* = End STATUS / ERROR MESSAGES = */
/* =============================== */

/* ========================== */
/* = Find a dealer nav form = */
/* ========================== */

#mx_locator_nav {
    font-size: 13px;
    color: white;
}

#mx_locator_nav input[type="text"] {
    width: 235px;
}

/* ============================== */
/* = END Find a dealer nav form = */
/* ============================== */

.clear{
    clear:both;
}

/* ================ */
/* = Page Headers = */
/* ================ */

#page-header {
	width: 1000px;
	height: 230px;
	margin-top: -50px;
	position: relative;
	background: no-repeat bottom;
	border-bottom: 1px solid #1D7A8B;
	border-bottom: none;
	margin-top: 0;
}

#page-header.smallish {
	height: 130px;
}

#page-header h1,
#page #page-header h1 {
	width: 970px;
	display: block;
	color: #ffffff;
	font-size: 2.8em;
	font-weight: bold;
	position: absolute;
	bottom: 30px;
	line-height: 1.5em;
	margin: 0;
	padding: 5px 0 5px 30px;
	text-shadow: #000001 1px 1px 2px;
	background: url('/images/site/header_text_gradient.png') repeat-y;
}

#page-header.artists {
	background-image: url('/images/site/header_artists.png');
    background-image: url('/images/site/store_header_new.jpg') !important;
}

#page-header.careers {
	background-image: url('/images/site/store_header.png');
    background-image: url('/images/site/store_header_new.jpg') !important;
}

#page-header.support {
	background-image: url('/images/site/store_header.png');
    background-image: url('/images/site/store_header_new.jpg') !important;
}

#page-header.product-spotlights {
	background-image: url('/images/site/header_artists.png');
    background-image: url('/images/site/store_header_new.jpg') !important;
}

#page-header.store-home {
	background-image: url('/images/site/store_header.png');
    background-image: url('/images/site/store_header_new.jpg') !important;
}

#page-header.cart {
	background-image: url('/images/site/store_header.png');
    background-image: url('/images/site/store_header_new.jpg') !important;
}

/* ============== */
/* = Intro Text = */
/* ============== */

#intro-text {
	width: 960px;
	margin: 0 10px 35px 10px;
}

#intro-text p {
	padding: 0;
	margin: 0 0 12px 0;
}

/* =========================== */
/* = Page Layout: Common     = */
/* =========================== */

.side ul {
	margin: -5px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.side li {
	color: #909090;
	line-height: 22px;
}

/* =========================== */
/* = Page Layout: Two Column = */
/* =========================== */

#page .content {
	width: 960px;
	margin: 35px 20px 0 20px;
}

#page .content .main {
	float: left;
	width: 615px;
	height: 100%;
	margin: 0 15px;
	background: #333;
	padding: 24px 30px 15px 30px;
}

#page .content .side {
	float: right;
	width: 215px;
	margin: 0 20px;
}

/* ============================== */
/* = Page Layout: Single Column = */
/* ============================== */

#page .content.single-column {
	padding: 0;
	width: 930px;
	margin: 35px 20px 0 20px;
}

#page .content.single-column .main {
	width: 870px;
	padding: 30px;
	background: #333;
}

#page .content.single-column .side {
	float: left;
	width: 870px;
	padding: 30px;
	background: #2d2d2d;
	margin: 30px 15px 0 15px;
}

/* ================================= */
/* = Page Layout: Gradient Columns = */
/* ================================= */

#page .content.column-left,
#page .content.column-right {
	width: 940px;
	background-color: #333;
	background-repeat: repeat-y;
	margin: 30px 30px 0 30px;
	padding: 0;
}

#page .content.column-left {
	background-image: url("/images/site/content_gradient_left.png");
}

#page .content.column-right {
	background-image: url("/images/site/content_gradient_right.png");
}

#page .content.column-left .main,
#page .content.column-right .main {
	width: 500px;
	margin: 35px 40px;
	padding: 0;
	background: transparent;
}

#page .content.column-left .side,
#page .content.column-right .side {
	width: 300px;
	margin: 35px 30px;
	background: transparent;
}

#page .content.column-left .main,
#page .content.column-right .side {
	float: right;
}

#page .content.column-left .side,
#page .content.column-right .main {
	float: left;
}

/* ======================== */
/* = .main Column Content = */
/* ======================== */

#page .main hgroup,
#page .main .hgroup {
    padding: 0;
    margin: 0 0 30px 0;
}

#page .main hgroup .title,
#page .main .hgroup .title {
    margin: 0;
    padding: 0;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
    text-shadow: #111 1px 1px 1px;
    font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .main hgroup .subtitle,
#page .main .hgroup .subtitle {
    color: #999;
    margin: 5px 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: normal;
    font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .main hgroup #page-title,
#page .main .hgroup #page-title {
	font-size: 2.9em;
	line-height: 1.1em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #2EDBFD;
	font-weight: normal;
	font-family: Oswald, 'Arial Narrow', arial, sans-serif;
}

#page .main hgroup #page-subtitle,
#page .main .hgroup #page-subtitle {
	color: #999;
	font-size: 1.4em;
	line-height: 1.3em;
	padding: 0;
	margin: 3px 0 0 0;
	font-weight: normal;
	font-family: Oswald, 'Arial Narrow', arial, sans-serif;
}

#page .main h1, #page .main h2,
#page .main h3, #page .main h4,
#page .main h5, #page .main h6 {
    color: #2ed8fd;
	line-height: 1.3em;
    margin: 0 0 18px 0;
    font-weight: normal;
    font-family: Oswald, 'Arial Narrow', arial, sans-serif;
}

#page .main h1 {
    font-size: 1.5em;
}

#page .main h2 {
    font-size: 1.4em;
}

#page .main h3 {
    font-size: 1.2em;
}

#page .main h4 {
    font-size: 1.1em;
}

#page .main h5 {
    font-size: 1em;
}

#page .main h6 {
    font-size: .9em;
}

#page .main p {
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 18px 0;
}

#page .main ul {
    margin: 0 0 25px 0;
    padding: 0 0 0 20px;
}

#page .main ol {
    margin: 0 0 25px 0;
    padding: 0 0 0 25px;
}

#page .main li {
    line-height: 1.1em;
    margin: 0 0 6px 0;
}

#page .main p ul,
#page .main p ol {
    margin: 0;
}

#page .main blockquote {
	margin: 0;
	padding: 0;
	font-family: Oswald, "Arial Narrow", Arial, sans-serif;
}

#page .main blockquote p {
	color: #fff;
	font-size: 1.2em;
	line-height: 24px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

#page .main blockquote cite {
	color: #ddd;
	display: block;
	text-align: right;
	font-style: normal;
}

#page .main hr,
#page .main .divider {
	clear: both;
	height: 1px;
	margin: 30px 0;
	background: #222;
	border: none;
	border-bottom: 1px solid #3f3f3f;
}

#page .main .align-left {
	float: left;
	margin: 0 20px 12px 0;
}

#page .main .align-right {
	float: right;
	margin: 0 0 12px 20px;
}

#page .main .read-more {
	float: right;
	display: block;
	font-size: 0.9em;
	font-family: Oswald, "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #222;
	line-height: 1em;
	padding: 8px 10px 9px 10px;
	margin: 0 0 18px 0;
}

#page .main .read-more:hover {
	color: #eee;
}


/* ======================== */
/* = .side Column Content = */
/* ======================== */

#page .side hgroup,
#page .side .hgroup {
    padding: 0;
    margin: 0 0 30px 0;
}

#page .side .title,
#page .side .title {
    color: #efefef;
	font-size: 1.5em;
	margin: 0 0 18px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.5em;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: #111 1px 1px 1px;
	font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .side hgroup .subtitle,
#page .side .hgroup .subtitle {
    color: #999;
    margin: 5px 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
    font-family: Oswald, 'Arial Narrow', sans-serif;
}

#page .side h1, #page .side h2 {
    color: #167C95;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 12px 0;
    line-height: 1.3em;
    letter-spacing: -1px;
	font-weight: normal;
    font-family: Oswald, "Arial Narrow", Arial, sans-serif;
}

#page .side h3, #page .side h4,
#page .side h5, #page .side h6 {
	color: #999;
	font-family: Arial, sans-serif;
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 1.4em;
}

#page .side h5, #page .side h6 {
	text-transform: uppercase;
}

#page .side h1 { font-size: 1.7em; }
#page .side h2 { font-size: 1.6em; }
#page .side h3 { font-size: 1.17em; }
#page .side h4 { font-size: 1.1em; }
#page .side h5 { font-size: 0.9em; }
#page .side h6 { font-size: 0.8em; }

#page .side p {
    color: #fff;
    font-size: 1em;
    padding: 0;
    margin: 0 0 18px 0;
    line-height: 1.3em;
}

#page .side small {
	line-height: 1.4em;
}

#page .side hr,
#page .side .dotted,
#page .side .divider {
	clear: both;
	height: 1px;
	padding: 0;
	margin: 15px 0;
	border: none;
	border-bottom: 3px dotted #666;
}

#page .content.column-left .side hr,
#page .content.column-right .side hr,
#page .content.single-column .side hr,
#page .content.column-left .side .dotted,
#page .content.column-right .side .dotted,
#page .content.single-column .side .dotted,
#page .content.column-left .side .divider,
#page .content.column-right .side .divider,
#page .content.single-column .side .divider {
	height: 1px;
	margin: 15px 0;
	background: #292929;
	border-bottom: 1px solid #3d3d3d;
}

{!-- Product Registration Steps --}

.steps {
    margin: 0 0 20px 80px;
    float: left;
}
.steps li {
    float: left;
    margin: 10px 0 30px 0px;
    background: #666;
    color: #333;
    width: 200px;
    list-style: none;
    padding: 10px;
    text-align: center;
}
.steps .active {
    background: #167C95;
    color: #fff;
}



/*================================================
                SUPPORT FORMS - ROBERT
==================================================*/

/*================================================================
        http://www.numark.com/support/support-robert-test
==================================================================*/

section#support-numark h1,h2,h4,h5,h6 {
  color: #2EDBFD;
  color: lightgray;
}

section#support-numark legend {
  width: 10%;
  padding: 0;
  border: none;
  text-indent: 0px;
}

section#support-numark fieldset {
  /*width: 95.9%;*/
}

section#support-numark fieldset label {
  /*float: none;*/
  font-size: 12px;
  /*padding-right: 50px;*/
}

section#support-numark fieldset input {
   width: 400px !important;
  height: 39px;
}

#page-header h1, #page #page-header h1 {
  padding: 5px 0 5px 50px;
}

#before_call {
    /*text-align: center;*/
    padding: 20px 100px 20px 50px;
    /*border: 5px solid red;*/
}

.contact-p {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 20px;
}

section#support-numark span.required {
  color: #C50231;
  font-size: 15px !important;

}



fieldset#shipping-fieldset input#shipping-address-input2 {
  margin-left: 169px;
}

fieldset#inquiry-fieldset input[type="text"],
fieldset#contact-fieldset input[type="text"],
fieldset#shipping-fieldset input[type="text"],
fieldset#product-fieldset input[type="text"],
fieldset#computer-fieldset input[type="text"] {
  /*height: 37px;*/
}


fieldset#inquiry-fieldset,
fieldset#contact-fieldset,
fieldset#shipping-fieldset,
fieldset#product-fieldset,
fieldset#computer-fieldset,
fieldset#question-fieldset,
fieldset#order-info-fieldset  {
  padding: 20px;
  margin: 18px 0;
  border: 1px solid #2EDBFD;
  border:;
}

fieldset#inquiry-fieldset input,
fieldset#contact-fieldset input {
  /*margin-bottom: 0px !important;*/
}

fieldset#inquiry-fieldset legend,
fieldset#contact-fieldset legend,
fieldset#shipping-fieldset legend,
fieldset#product-fieldset legend,
fieldset#computer-fieldset legend,
fieldset#question-fieldset legend,
fieldset#order-info-fieldset legend {
  /*background: #E9E9E9 !important;*/
  font-size: 18px;
  line-height: 16px;
  font-weight: bold;
}

fieldset#inquiry-fieldset label,
fieldset#contact-fieldset label,
fieldset#shipping-fieldset label,
fieldset#product-fieldset label,
fieldset#computer-fieldset label,
fieldset#question-fieldset label,
fieldset#order-info-fieldset label {
  line-height: 1.5;
  font-size: 15px;
}

fieldset#inquiry-fieldset select,
fieldset#contact-fieldset select,
fieldset#product-fieldset select {
  height: 37px !important;
  padding: 8px !important;
  font-size: 16px;
  -webkit-appearance: none !important;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 97% center;
}

fieldset#inquiry-fieldset small,
fieldset#contact-fieldset small,
fieldset#shipping-fieldset small,
fieldset#product-fieldset small,
fieldset#question-fieldset small {
  margin-top: -1px !important;
  padding: 6px 9px 9px 9px;
  font-style: italic;
  font-size: 13px !important;
  margin-bottom: 16px;
  /*border: 2px solid green;*/
}

fieldset#question-fieldset textarea#questions-text {
  margin: 0px !important;
}

input#akai-contact-submit {
  width: 600px;
  height: 44px;
  font-size: 13px;
  padding-top: 15px;
  border: none;
  margin-left: 20px;
  /*margin-left: 100px;*/

}

.office > h5 {
  margin-bottom: 8px !important;
}

#support-offices {
  /*float: right;*/
  /*border: 2px solid green;*/
}

#help {
  /*border: 5px solid blue;*/
}

#support-offices div.office {
  margin-bottom: 20px !important;
}

fieldset#inquiry-fieldset small.error,
fieldset#contact-fieldset small.error,
fieldset#shipping-fieldset small.error,
fieldset#product-fieldset small.error,
fieldset#computer-fieldset small.error,
fieldset#question-fieldset small.error {
  display: none;
}

fieldset#contact-fieldset select#country,
fieldset#product-fieldset select#product,
fieldset#product-fieldset select#purchase,
fieldset#product-fieldset select#purchase-year,
fieldset#product-fieldset select#purchase-place {
  margin-bottom: 16px !important;
}

#product-fieldset .panel {
  padding: 0;
  /*background: #E9E9E9;*/
}

#proof_of_purchase {
  background-color: black !important;
}

.postfix img {
  margin-bottom: 5px !important;
}

#question-fieldset p.smaller {
  /*max-width: 480px;*/
  /*border: 5px solid red;*/
}

.support-header-left {
    width: 500px;
    float: left;
    /*border: 5px solid yellow*/
}

#shipping-address-input-2 {
    margin-left: 170px;
}

#content select {
  width: 400px !important;
}

form#support-form {
    width: 100% !important;
}



/**************** 2018v1 Update ********************/

body{
    /* background-color:#282d33 !important; */
    background-color: #191b1f !important;
}


#footer {
    background-color: #191b1f !important;
}


#footer #link_box{
    background-color: #282d33 !important;
}


#footer #sitemap li{
    color: white;
}

#footer #sitemap li a{
    color: white;
}


#page{
    padding-top: 0 !important;
    background-color: #3f4249 !important;
    /* padding-top: 5px !important; */
}


#page #see_all{
    background-color: transparent;
    padding-top: 0;
    margin-bottom: 10px;
}

#page #see_all a{
    color: white;

}


#menu{
    background-color: #3f4249 !important;
    border-bottom: 2px solid #d1143e !important;
    margin-bottom: 0;
}


#wrapper{
    background-color: #3f4249;
}

#wrapper #user_tools{
    display: none;
}

#wrapper #masthead{
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    background-color: #282d33;
}

#wrapper #masthead > * {
    display: inline-flex;
}


#wrapper #masthead #promo{
    display: none;
}

#wrapper #masthead > div:last-child{
    display:none;
}

#wrapper #masthead #site_search{
    float:none;
    margin-top: 0;
    align-items: center;
    justify-content: flex-end;
    margin-right: 0;
}

#wrapper #masthead #site_search #search{
    padding-top: 0;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-right: 20px;
}


#wrapper #masthead #site_search #search #keywords{
    margin: 0;
    top: 0;
    float: none;
    width: 200px;
    max-width: 100%;
    transition: width 200ms;
    margin-right: 5px;
}

#wrapper #masthead #site_search #search #keywords:focus{
    width: 100%;
}

#wrapper #masthead #site_search #search #icon{
    margin-top: 0 !important;
    /* position: absolute;
    top: 0;
    left: 0; */
}

#wrapper #masthead a[name="top_anchor"] img{
    height: 75px;
}


#right .title, #summary .title, #summary #name, .cluster .link{
    color: lightgray !important;
    line-height: 2;
}

#info h2{
    color: lightgray !important;
}


#nav{
    border: none !important;
    margin-left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

#nav::after{
    display: table;
    content: '';
    clear:both;
}

#nav > li{
    padding-left: 33px !important;
    padding-right: 33px !important;
}

#page .category .header p{
    color: lightgray;
}


#page .content-container #content h1{
    margin-left: 0;
}


#sidebar.left{
    margin-right: 0;
    /* width: 230px; */
    box-sizing: border-box;
    position: relative;
}

#page input#search-button{
    width: 100%;
}

#page input#search-keywords{
    width: 100%;
    box-sizing: border-box;
}

#page #sidebar.left li.button{
    width: 100%;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
}

#page .content-container,
#page #showcase{
    padding-bottom: 50px;
}




#page #showcase #info h1{
    color: lightgray;
    margin-left: 0;
}

#page #showcase #info ul{
    padding-left: 0;
    margin-left: 0;
}

#page #showcase #info ul > li {
    padding-left: 0;
}

#page #showcase #info ul ul {
    padding-left: 30px;
}


/** SUPPORT  START **/

#page #content_wrapper #content.row.left{
    width: 650px;
}

#page #content_wrapper form#support-form fieldset{
    border: 1px solid lightgray;
    box-sizing: border-box;
}


#page #content_wrapper form#support-form #akai-contact-submit{
    width: 100%;
    margin: 0;
    padding: 7px;
    cursor: pointer;
}


#page .support-header-left a{
    color: inherit;
    text-decoration: underline;
}

#page #content_wrapper #content{
    padding-bottom: 50px;
}


#page #content_wrapper form#support-form input:not(.button){
    height: unset;
    padding: 10px;
    margin-bottom: 16px;
}

#page #content_wrapper form#support-form select{
    box-sizing: content-box;
    height: 28px !important;
}

#wrapper #sidebar.right{
    background-color: #282d33;
}

#wrapper #sidebar.right strong{
    color: gray;
}

/** SUPPORT END **/





/** VIDEO START **/


#page #entertainment_center{
    display: none;
}

#page #filter #subcategories{
    background-color: transparent;
}


#page #filter #subcategories #video_search{
    margin-top: 10px;
}

#page #filter #subcategories .subcategory{
    padding: 15px;
    border-radius: 0;
    margin-left: 0;
}


#page #filter #subcategories .subcategory a:link{
    color: lightgray;
}


#page #filter #product_grid .product{
    width: 195px;
    min-height: 195px;
    background-color: #282d33;
    text-align: center;
}


#page.video-page #filter #product_grid .product{
    width: 205px;
    height: 195px;
}


#page #filter #product_grid .product .thumbnail{
    width: 195px;
    height: 119px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

#page.video-page #filter #product_grid .product .thumbnail{
    width: 205px;
}

#page #filter #product_grid .product .thumbnail p.duration{
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 0;
    float: none;
    margin: 0;
}

#page #filter #product_grid .product .name{
    background-color: transparent;
}

#page #filter #product_grid .product .name a{
    color: white;
}


#page #filter #product_grid .descriptor{
    background-color: transparent;
    border: none;
    text-align: center;
}


/** VIDEO END **/





/** ABOUT START **/


#page > #info {
    padding-bottom: 50px;
    background-color: #3f4249;
}

#page > #info > h1{
    margin-left: 0;
    color: lightgray;
}


#page > #info a:any-link {
    color: #d1143e;
}


/*** ABOUT END *****/



/*** COMPANY RESOURCES START ***/

#page > #total {
    background-color: transparent;
}

#page .result{
    background-color: #282d33;
}



#page > .result h2,
#page > .result h2 a{
    color: #DDD;

}


#page > .result > div.text ul{
    margin-right:0;
}

/*** COMPANY RESOURCES END ***/




/**** KNOWLEDGE BASE START ********/


#page .content-container #content.left{
    background-color: transparent;
}


#page .content-container #content.left .hmargin{
    background-color: #282d33;
}




/****** KNOWLEDGE BASE END *******/


/***** STORE START ****/

#sidebar.left ul.side-nav{
    background-color: #282d33;
}

#sidebar.left ul.side-nav .divider{
    background-color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid red;
    border:none;
}

#sidebar.left ul.side-nav .icon{
    display: none;
}

#sidebar.left ul.side-nav a:any-link{
    color: lightgray;
}

#sidebar.left ul.side-nav a:hover{
    color: white;
}


#page #content.left .category-box .info{
    background-color: transparent;
    background-image: none;
}

#page #content.left .category-box .info a:hover{
    color: #d1143e;
}


#page #content.left #store-nav{
    background-color: transparent;
    background-image: none;
}

#page #content.left #store-nav > ul {
    background-image: none;
    background-color: transparent;
}


#page #content.left #store-nav > ul > li {
    border: none;
}


#page #content.left #store-nav > ul > li a:hover{
    color: #d1143e;
}


#page #content.left .category-box{
    background-image: none;
}

#page #product-list .product-box{
    background-color: #282d33;
    padding-bottom: 115px;
}

#page #product-list .product-box .thumbnail{
    background-color: transparent;
    background-image: none;
}


#page #product-list .product-box .info{
    background-color:  #282d33;
    background-image: none;
    bottom: 55px;
}

#page #product-list .product-box .btn-group:hover a.btn{
    color: white;
}

#page #product-list .product-box .btn{
    background-color: darkred;
    background-image: none;
    text-shadow: none;
    border-color: darkred;
}

#page #product-list .product-box .pricing .btn-group .btn:hover{
    color: #d1143e;
}


#page #shopping-cart.content-container{
    margin-bottom: 50px;
    background-image: none;
    background-color: transparent;
}

#page #shopping-cart.content-container form .btn{
    background-color: darkred;
    background-image: none;
    text-shadow: none;
}

#page #shopping-cart.content-container form .btn:hover{
    color: #d1143e;
}

#page #shopping-cart.content-container form th{
    color: gray;
}


#page #checkout_info{
    margin-bottom: 50px;
    position: relative;
    background-color: transparent;
}

#page #shipping_methods,
#page #checkout_info{
    background-color: rgba(0,0,0,0.2);
}


#page #shipping_methods thead td,
#page #checkout_info .cart thead td{
    color: gray;
}

#page #checkout_info table.right tr:nth-child(1){
    color: lightgray;
}


#page #checkout_info table .odd{
    background-color: rgba(0,0,0,0.2);
}


#page #checkout_info label.required{
    color: unset;
}


#page #shipping_methods .button.secondary{
    display: block;
    width: max-content;
    margin: 0 0 20px 20px;
}

#page #checkout_info #billing_shipping_info{
    max-width: 100%;
    width: 100%;
    display: table;
}


#page #checkout_info #payment_information{
    max-width: 109%;
    width: 100%;
    display: inline-block;
    word-break: break-all;
}

#page #checkout_info #payment_information ul{
    border-right: none;
}



#page #checkout{
    background-color: transparent;
}


#page #checkout fieldset{
    margin-top:0;
}


#gae #checkout fieldset legend{
    border-right: 1px solid white;
    
}


/****** STORE END *******/





/***** ACCOUNT START *****/


#page .content-container #content-right{
    margin-left: 20px;
}


#page .content-container #sidebar.left h2{
    margin-top: 0;
    line-height: 1;
}


#page .content-container #content-right .orderlist.left{
    background-color: #282d33;
}


#page .content-container #content-right .orderlist.left h2{
    background-color: rgba(0,0,0,0.2);
    border:none;
}

#page .content-container #content-right .orderlist.left h2 span{
    color: #ccc;
    text-indent: 10px;
}


#page > #login.form{
    padding-top: 0;
}

/* 
#page > #login.form > form > fieldset,
#page > #login.form > form > .intro.right{
    display: inline-flex;
    flex-basis: 50%;
    flex-grow: 1;
    flex-flow: column;
} */

#page > #login.form .intro.right{
    width: 45%;
    margin: 0;
}


#page > #login.form fieldset{
    margin-top:0;
    text-indent: 0;
}


#page > #login.form fieldset legend{
    border: none;
    text-indent: 0;
}


#page #register_product fieldset{
    margin-top:0;

}


#page #register_product fieldset legend{
    border: none;
    text-indent: 20px;
}


#page #register_product fieldset ul{
    border: none;
}

/*** ACCOUNT END ****/






/***** PRODUCT CATEGORY START *******/

#page .category{
    background-color: #3f4249;
}


#page .category .header{
    background-color: #282d33 !important;
    margin-left: 5px;
}

#page .category .header p{
    font-size: 12px !important;
    font-weight: 300;
}

#page .category .item{
    margin-top: 2px;
    margin-bottom: 0;
}

#page .category .item .new_swipe{
    display: none !important;
}

#page .category .item .name{
    background-color: #282d33;
    color: white !important;
}

#page .category .item .name a {
    color: white !important;
}

#page .category .item .descriptor{
    border-color: transparent;
    text-align: center;
    background-color: #282d33;
    padding-top: 0;
    height: 51px;
}


#page .category .header p .more a{
    color: white !important;
}





#page #subcategories{
    background-color: #282d33;
    border: none;
    margin: 17px 0 10px 10px;
}

#page.video-page #subcategories{
    margin-right: 17px;
}

#page #subcategories #heading{
    background-color: transparent;
}

#page #subcategories #heading .icon{
    display: none;
}

#page #subcategories #heading .category_title{
    color: white;
    padding: 15px 0 10px 19px;
    text-transform: uppercase;
}

#page #subcategories .subcategory{
    font-size: 13px;
}



#page #filter{
    background-color: transparent;
    border: none;
}

#page #filter #product_grid{
    border: none;
    margin-left: 5px;
}

#page #filter #product_grid .descriptor{
    line-height: 1.5;
}




/******* PRODUCT CATEGORY END *********/





/***** PRODUCT START *********/




#page #carousel{
    background-color: transparent;
}


#page #carousel #controls{
    background-color: transparent;
}


#page #info{
    background-color: rgba(0,0,0,0);
}


#page #info #subcategories{
    margin-left:0;
    background-color: transparent;
}


#page #info #faq ul li{
    padding-left: 20px;
    background-color: #282d33;
}

#page #info #faq .answer{
    color: lightgray;
}

#page #info #output a{
    color: #d1143e;
}


#page #info #output strong{
    color: #fcfcfc !important;
}


#page #buy a.button{
    background-color: #d1143e;
    color: white;
    border-radius: 2px;
}


#page #buy a.button:hover{
    background-color: #f3365f;
}

#page #buy a.button h2{
    color: white !important;
}



/******* PRODUCT END **********/





/****** DUSTRIBUTORS START *******/


#page #row1 #name{
    color:lightgray;
}


#page #results > ul > li {
    background-color: #282d33;
}

#page #results > ul > li a{
    color: #d1143e !important;
}

#page #row1{
    width: initial;
}


/******** DISTRIBUTORS END *********/





/******* NEWS START *********/


#page .content-container{
    padding-top: 20px;
    margin: 0;
}


#page .content-container #content h1{
    line-height: 1.5;
    margin: 0;
}


#page .content-container #sidebar{
    padding: 20px;
    margin-top: 20px;
    background-color: #282d33;
}

#page .content-container #content .hmargin .date{
    background-color: transparent;
}

/******** NEWS END **********/



#page #content_wrapper .row .four-columns h2 a{
    color: inherit;
    text-decoration: none;
}





#nav li:hover ul li:hover{
    border: none;
}


#nav li ul{
    padding: 0;
}

#nav li:hover ul{
    left: -1px !important;
}


#container > #menu {
    /* border-bottom: 2px solid darkred !important; */
}

input[type="text"], 
input[type="email"], 
input[type="password"]{
    padding: 5px 10px 5px 0;
    margin-bottom: 5px;
    font-size: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus, 
input[type="password"]:focus{
    outline: 2px solid #d1143e;
}

.button, .btn, .btn-group{
    background-color: darkred;
    background-image: none;
    cursor: pointer;
}

.button:hover{
    background-color: #d1143e;
    color: white;
}

.button:hover a{
    color: white;
}

.button a{
    color: lightgray;
}

label.required{
    color: unset !important;
}


#ui-id-1{
    background-color: #111;
    padding: 0;
    border: none;
    border-radius: 0;
}


#ui-id-1 .ui-menu-item a{
    padding: 10px;
    padding-bottom: 5px;
}

#ui-id-1 .ui-menu-item p{
    padding: 10px;
    padding-top: 5px;
    color: lightgray;
}

#ui-id-1 .ui-menu-item .ui-state-focus{
    background: unset;
    background-color: darkred;
    color: lightgray;
    border-radius: 0;
    border: 0;
}




/* #FF1D00 */
/* #D21F07 */