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

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

body {
    margin: 0px;
    font-size: 14px;
    line-height: 1.5;
    background-color: #333;
    color: gray;
   background-image: url( 'http://www.numark.com/images/site/bg_pattern_2.jpg' ); 
    background-attachment: fixed;
    background-position: center top;
       background-repeat: repeat; 
       font-family: Helvetica,Arial,sans-serif; */
    

    background-color: #002566;
 /*   background-image: url("/ns7II/numark_pliki/background-img.jpg"); */
    background-repeat: repeat-x;
    font-family: "Oswald",Meiryo,Osaka,sans-serif;
}
    


a{
    text-decoration: none;
    color: #FFF;
}

img { border: none }

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

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

.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;
}

#masthead {
    width: 1000px;
    background-color: black;
    height: 80px;
    padding-bottom: 35px;
    margin-top: 25px;
    margin: 0px;
    /*
    background-image:url('http://www.numark.com//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;
}

#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;
    padding: 0;
    background: url( "http://www.numark-dj.com.pl/images/bg_gradient.png" );
    background-position: center top;
    background-repeat: repeat-y;
    height: 100%;  
}

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

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

/*===================================*/
/*==   TOP LEVEL UL MENU STYLING   ==*/
/*===================================*/
#menu {
    float: left;
    width: 100%;
    height: 35px;
    background-color: #333;
    border-bottom-color: #222;
    border-bottom-style: solid;
    
    /* These values should be equal */
    border-bottom-width: 8px;
    margin-bottom: 8px;
}

/*===================================*/
/*==            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;
}

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

/*===================================*/
/*==     THE DROP-DOWN UL'S        ==*/
/*===================================*/
#nav ul {
    background: #333; /* 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: rgba(255,255,255,0); /* 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;) */
}

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

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

/* 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: #666666;
    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: #666666;
    border-top-style: solid;
    border-top-color: #222222;
    border-top-width: 1px;
}

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

/* 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: #b4a300;
    border-top-style: solid;
    border-top-color: #222222;
    border-top-width: 1px;
}

#nav li:hover ul li:hover a:hover {
    color: #ffffff;
}
/* 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;
}

#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;
}

/* ================= */
/* = 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;
}

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

 .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;
    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;
}

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

#subcategories .subcategory a:hover {
    color: #2edbfd;
}


#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;
}

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

#filter #subcategories .subcategory a:visited {
    color: black;
    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( "http://www.numark-dj.com.pl/images/tbv_gradient.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 40px;
    padding-bottom: 10px;
}

#drop_shadow_footer {
    clear: both;
    background: url( "http://www.numark-dj.com.pl/images/btv_gradient.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
}

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

#footer #legal {
    float: right;
    padding-top: 12px;
    padding-right: 20px;
    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: #2edbfd;
    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;
}

#footer #locale #flag {
    float: right;
    height: 12px;
    width: 19px;
    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:#333;
}

.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 .required{
    color:#2edbfd;
}

.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; 
    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{
}

#info {
clear: both;
padding: 20px;
width: 930px;
background-color: 
#333;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
color: 
#DDD;
}

#info h1 {
margin-left: 0px;
font-family: Oswald, 'Arial Narrow';
font-size: 25px;
color: 
#2EDBFD;
font-weight: normal;
}

.result {
width: 925px;
padding: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 20px;
}
.result h1, .result h2, .result h4, .result h4, .result h4, .result h6 {
margin-left: 0px;
font-family: Oswald, 'Arial Narrow';
color: 
#2EDBFD;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
}

.result h2 {
float: left;
color: 
#999;
}

h2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
#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;
}

/* =============================== */
/* = 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;
}