/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/layout.css);


/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/layout.css);


@font-face {
    font-family: 'Quantico-Bold';
    src: url('../fonts/quantico-bold.eot');
    src: url('../fonts/quantico-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantico-bold.svg#quantico-bold') format('svg'),
     url('../fonts/quantico-bold.woff') format('woff'),
         url('../fonts/quantico-bold.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quantico-BoldItalic';
    src: url('../fonts/quantico-bolditalic.eot');
    src: url('../fonts/quantico-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantico-bolditalic.svg#quantico-bolditalic') format('svg'),  
         url('../fonts/quantico-bolditalic.woff') format('woff'),
         url('../fonts/quantico-bolditalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quantico-Italic';
    src: url('../fonts/quantico-italic.eot');
    src: url('../fonts/quantico-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantico-italic.svg#quantico-italic') format('svg'),
     url('../fonts/quantico-italic.woff') format('woff'),
         url('../fonts/quantico-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quantico-Regular';
    src: url('../fonts/quantico-regular.eot');
    src: url('../fonts/quantico-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantico-regular.svg#quantico-regular') format('svg'),  
         url('../fonts/quantico-regular.woff') format('woff'),
         url('../fonts/quantico-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

.module { margin: 15px; }

#header,
#top-a,
#top-b,
#bottom-a,
#bottom-b,
#innertop,
#innerbottom,
#breadcrumbs,
#footer { margin: 0px; }

#header, #main { /*margin-top: 15px;*/; width:960px; margin:0 auto; position:relative; }
#page .wrapper { /*background:url(../images/top-bg.jpg) repeat-x 0 67px;*/ }

#menubar {
  background:url(../images/top-menu.png) no-repeat; position:absolute; top:-3px; left:220px;
  height:117px;
  width:800px;
}
#main .mod-line {
  margin:0;
        margin-top: 8px;
}
#djslider94 {

}
#djslider165 {
  margin:0 0 0 10px;
}
#slider-container94, #slider-container165 {
  border-radius:11px;
}
#slider94 .slide-desc-bg,
#slider165 .slide-desc-bg {
  background:none;
}
#djslider94 .slide-desc,
#djslider165 .slide-desc {
  background:url(../images/sllder-desc.png) no-repeat;
  width:380px;
  padding:10px 35px 40px;
  font-size:13px;
  color:#c7c7c7;
  right:30px;
  left:auto;
  height:111px;
}
#djslider94 .slide-desc a,
#djslider165 .slide-desc a {
  color:#c7c7c7;  
}
#djslider94 .slide-desc-text,
#djslider165 .slide-desc-text {
  padding:0;
}
#djslider94 .slide-desc h1,
#djslider165 .slide-desc h1 {
    font-family: 'Quantico-Regular';
  margin:0;
  color:#fdcd58;
  text-transform:uppercase;
  font-size:36px;
}
#djslider94 .slide-desc h1 span.yellow,
#djslider165 .slide-desc h1 span.yellow {
 /*   font-family: 'Quantico-Bold';
  color:#FFF;
*/
}
#djslider94 span.load-button,
#djslider165 span.load-button {
  background-color:#babab9;
}
#djslider94  span.load-button-active,
#djslider165  span.load-button-active {
  background-color:#3173b2;
}

#cust-navigation94,
#cust-navigation165 {
  padding:13px;
  left:0px;
  right:auto;
  top:0px;
  border-radius:10px 0 10px 0;
  background:url(../images/nav-bg.png) repeat;
}
#tel {
  position:absolute;
  right:0px;
  top:0px;
    font-family: 'Quantico-Regular';
  background:url(../images/ph-bg.png) no-repeat 15px 1px #f1bb35;
  border-radius:0 10px 0 10px;  
  padding:0px 10px 0px 60px;
  font-size:16px;
  color:#FFF;
}
#tel b {
    font-family: 'Quantico-Bold';
  font-weight:normal;
  font-size:24px;
}
#innertop {   margin:30px 10px 20px; }
#breadcrumbs { margin-top: 0; }
#breadcrumbs .breadcrumbs img { display:none; }
#innerbottom { margin-bottom: 0; margin-left:10px; }

#innertop .grid-block, #innerbottom .grid-block {
  margin:0;
}
#innerbottom .grid-block {
  background:#FFF;
  padding:20px;
}
#innertop .module, #innerbottom .module,#sidebar-b .branch-finder, #sidebar-b .product-search, #sidebar-b .newsletter {
  padding:15px;
  height:120px;
  position:relative;
  background-repeat:no-repeat;
  border:none;
}
#sidebar-b .branch-finder, #sidebar-b .product-search, #sidebar-b .newsletter {
  height:115px;  
  padding:10px;  
}
#sidebar-b .newsletter {
  height:130px;
}
#sidebar-b .module, #sidebar-c .module {
  width:170px;
  margin-bottom:1px;
}
 #sidebar-c .module {
   margin:8px 0 1px; 
 }

#innertop .module h3, #sidebar-b .module h3,  #sidebar-c .module h3, #innerbottom .module h3  {
  color:#FFF;
    font-family: 'Quantico-Bold';
  font-size:16px;
  text-transform:uppercase;
  font-weight:normal;
}
  
#innertop .branch-finder, #innerbottom .branch-finder {
  background:url(../images/branch-bg.png) no-repeat;
}
#innertop input.button, #sidebar-b input.button, #innerbottom input.button {
    font-family: 'Quantico-Regular';
  font-size:14px;
  color:#FFF;
  border:0;
  padding:0 30px 3px 0;
  width:112px;
  text-align:center;
  height:30px;
  display:block;
  position:absolute;
  bottom:20px;
}
#innertop .branch-finder select, #innerbottom .branch-finder select {
  background:url(../images/branch-select.png) no-repeat;
  width:200px;
  border:none;
  padding:4px 5px;
  color:#848484;
}
#innertop .product-search input.inputbox, #innerbottom .product-search input.inputbox, #innertop #searchbox, #sidebar-b #searchbox, #innerbottom #searchbox {
  background:url(../images/search-text.png) no-repeat;
  padding:4px 5px;
  width:190px;
  border:none;
  height:20px;
  color:#848484;  
}
#innerbottom #searchbox input, #innertop #searchbox input, #sidebar-b #searchbox input {
    color: #848484;
    font-size: 12px;
    height: 19px;
}
#sidebar-b .product-search input.inputbox, #sidebar-b #searchbox  {
  background:url(../images/comp-text.png) no-repeat;
  padding:4px 5px;
  width:158px;  
  border:none;
  height:20px;
  color:#848484;  
}
#innertop .newsletter .inputbox, {
  background:url(../images/newsletter-text.png) no-repeat;
  padding:4px 5px;
  width:190px;
  border:none;
  height:20px;
  color:#848484;  
}
#sidebar-b .newsletter .inputbox {
  background:url(../images/newsletter-text2.png) no-repeat;
  padding:4px 5px;
  width:158px;
  border:none;
  height:20px;
  color:#848484;  
}
#innertop .branch-finder input.button, #innerbottom .branch-finder input.button, #sidebar-b .branch-finder input.button {
  background:url(../images/branch-button.png) no-repeat;  
}

#innertop .product-search .button, #innerbottom .product-search .button, #sidebar-b .product-search .button {
  background:url(../images/search-button.png) no-repeat;
}
#innertop .newsletter .button, #sidebar-b .newsletter .button {
  background:url(../images/newsletter-button.png) no-repeat;
}

#innertop .product-search, #innerbottom .product-search {
  background:url(../images/search-bg.png) no-repeat;
}
#innertop .newsletter {
  background:url(../images/newsletter-bg.png) no-repeat;
}
#sidebar-b .newsletter {
  background:url(../images/newsletter-bg2.png) no-repeat;
}
#innertop .newsletter.mcsignup, #sidebar-b .newsletter.mcsignup {
  background:none;
  padding:0;
}
#sidebar-b .newsletter.mcsignup {
  height:108px;
}
#sidebar-b .product-search {
  background:url(../images/comp-bg.png) no-repeat;
}
#context-bg {
  background:url(../images/content-b.jpg) no-repeat;
  position:absolute;
  bottom:-15px;px;
  right:-247px;
  width:247px;
  height:167px;
}
#content article, #content #djcatalog, #blockrandom, #content .bfClearfix {
  background-color:#fff;
  margin-left:10px;
  padding:20px;
}
#content .bfPage {
  background-color:#e5e5e5;
  border-radius:10px;
  padding:40px 40px 60px;
  
}
#content { margin: 0px; width:100%; }
#content h1.title, #content h1.title a {
    font-family: 'Quantico-Regular';
  color:#585858;
  font-size:21px;
  text-transform:uppercase;
}
#content h1.title, #hometext h3 a {
  border-bottom:1px solid #bdbdbd;
}
#hometext .module.deepest {
  margin:0;
  width:710px;
}
#hometext ul {
  list-style:none;
  list-style-image:none;
  padding:0;
  color:#585858;
  font-size:13px;
}
#hometext h3, #hometext p {
  margin:0;
}
#hometext p {
  padding:5px 0 0;
}  
#hometext h3 a.mod-articles-category-title  {
  color:#02519e;
    font-family: 'Quantico-Regular';
  font-size:14px;
  line-height:30px;
  display:block;
}
#content h2 {
  color:#585858;
  font-size:17px;
  font-weight:bolder;
}
#content img {
  padding-right:15px;
}
#content ol {
  padding:0;
  padding-left:22px;
  background:url(../images/content-ol.png) repeat-y;
  color:#FFF;
}
#content ul {
  list-style:none;
  list-style-image:noe;
  padding:0;
}
#content ul li {
  background:url(../images/content-ul.png) no-repeat 17px 4px;
  padding-left:30px;
  padding-bottom:10px
}
#content ol li {
  color:#6f6f6f;
  padding-left:8px;
  padding-bottom:6px;
}
#content .bfPage input.ff_elem, #content .bfPage select, #content .bfPage textarea {
  border:1px solid #c4c4c4;
  background:url(../images/bf_bg.png) repeat-x #FFF;
  border-radius:3px;
  color:#848484;
  line-height:29px;
  padding:2px 4px;
  width:220px;
}
#content .bfQuickMode .bfLabelLeft label {
  width:30%;
}
#content .bfPage select {
  width:230px;
}
#content .bfPage textarea {
  width:367px;
}
#content .bfPage .bfCaptcha img {

}
#content .bfPage {
  padding:0;
  background:url(../images/form-head.jpg) repeat-x top left #e5e5e5;
  padding-bottom:95px;
  position:relative;
}
#content .bfPage h2 {
  color:#585858;
    font-family: 'Quantico-Regular';
  font-size:18px;
  margin:0 0 20px; 
  text-transform:uppercase;
  padding:8px 30px;
}
#content .bfPage p {
  margin:0;
  padding:0 60px 5px;
}
#content .bfPage label, #content .bfPage p {
  font-family:Arial, Helvetica,;
  font-size:12px;
  color:#555555;
}
#content .bfPage button#bfSubmitButton {
    font-family: 'Quantico-Regular';
  font-size:14px;
  color:#FFF;
  border:0;
  padding:0 30px 3px 0;
  width:112px;
  text-align:center;
  height:30px;
  display:block;
  background:url(../images/bf_button.png) no-repeat;
  margin-top:15px;
  position:absolute;
  bottom:25px;
  right:75px;
}

#content .bfPage #bfElemWrap52 {
  width:115px;
  float:left;
  padding:0 0 0 178px;
}
#content .bfPage #bfElemWrap70 {
  width:115px;
  float:left;
  padding:0px;
}
#content .bfPage #bfElemWrap52 span#bfElementGroupNoWrap52,
#content .bfPage #bfElemWrap70 span#bfElementGroupNoWrap70 {
    width:115px;    
}

#content .bfPage #bfElemWrap39 input, 
#content .bfPage #bfElemWrap52 input,
#content .bfPage #bfElemWrap70 input
{
  width:auto;
  background:url(../images/bf_check.png) no-repeat;
  border:none;
  
}
#content .bfPage #bfElemWrap39 label,
#content .bfPage #bfElemWrap52 label,
#content .bfPage #bfElemWrap70 label {
  margin:0;
  line-height:21px;
  padding-right:10px;
}
#content .bfPage-m {
  padding:0;
  margin:0;
}
#content .bfPage span.bfElementGroupNoWrap {

}
#basic-details {
  display:none;
}
#top-a > div,
#top-b > div,
#bottom-a > div,
#bottom-b > div,
#innertop > div,
#innerbottom > div { margin: 0 -20px; }

#header,
#top-a,
#top-b,
#innertop {
/*  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;*/
}
#header { padding-bottom: 13px; }

#bottom-a,
#bottom-b,
#innerbottom {
  /*padding-top: 20px;*/
  /*border-top: 1px solid #ddd;*/
  clear:both;
}
#bottom-b {
  background:url(../images/footer-bg.png) repeat-x;
}
#bottom-a .grid-block, #bottom-b .grid-block, #footer .grid-block {
  width:960px;
  margin:0 auto;
}
#bottom-a {
  background:url(../images/bottom-a.png) repeat-x;
  padding-top:4px;
  color:#9b9b9b;
  font-size:12px;
  margin-top:15px;
}
#bottom-a a {
  color:#1e65ac;
}
#bottom-a .grid-block {
  background:url(../images/footer3.png);
}
#bottom-a .grid-block .grid-box {
  background:url(../images/footer1.png) no-repeat top left;
}
#bottom-a .grid-block .grid-box .module {
  background:url(../images/footer2.png) no-repeat top right;
  line-height:52px;
  padding-left:20px;
}
#bottom-b .module {
  padding:50px 25px 50px 0px;
  height:180px;
}
#bottom-b h3.module-title {
  color:#dbdbdb;
    font-family: 'Quantico-Bold';
  font-size:19px;
  text-transform:uppercase;
}
#bottom-b li {
  width:50%;
  float:left;
}
#bottom-b li a {
  color:#919191;
  font-size:12px;
}
#bottom-b li a:hover {
  color:#dcdcdc;
}
#bottom-b .joinus {
  border:solid #5b5b5b;
  border-width:0 1px;
  padding:50px 25px;
  width:245px;
}
#bottom-b .joinus li {
  width:auto;
}
#bottom-b .joinus li a {
  background:url(../images/bottom-social.png) no-repeat;
  width:0px;
  height:31px;
  padding-left:30px;
  margin-right:12px;
  overflow:hidden;
}
#bottom-b .joinus li a:hover {
  background:url(../images/bottom-social2.png) no-repeat;
}
#bottom-b .joinus li a.fb {
  background-position:0 0;
}
#bottom-b .joinus li a.twitt {
  background-position:-40px 0;
}
#bottom-b .joinus li a.other {
  background-position:-80px 0;
}
#bottom-b .joinus li a.yt {
  background-position:-120px 0;
}
#bottom-b .address {
  background:url(../images/footer-map.png) no-repeat 0px 30px;
  padding-left:192px;
  padding-right:0;
  color:#c7c7c7;
  font-size:12px;
}
#bottom-b .address p {
  margin:0;
}
#footer {
  background:url(../images/footer-bg.png) center bottom;
  height:55px;
  text-align:left;
  font-size:11px;
  color:#828282;
  padding-top:20px;
}
#footer a, #bottom-b .address a{
  color:#fcca51;
}
#footer .module { margin: 0; }
#headerbar { /*margin: 15px 0;*/ margin-top:3px; }

/* System Output Disabled */
#header + #bottom-a,
#header + #bottom-b,
#top-a + #bottom-a,
#top-a + #bottom-b,
#top-b + #bottom-a,
#top-b + #bottom-b {
  padding-top: 0;
  border-top: none;
}

#toolbar {
  position:absolute;
  right:0;
  top:23px;
  z-index:999;
}
#toolbar span.icon {
  width:21px;
  height:21px;
  display:block;
}
#toolbar .menu-line li {
  background:none;
  padding:0;
  margin:0 0 0 10px;
}

/* Layout
----------------------------------------------------------------------------------------------------*/

/* Sidebar Backgrounds */
#sidebar-a,
#sidebar-b,
#sidebar-c { position: absolute !important; }
#sidebar-a {
  left:0;
}
#sidebar-b {
  right:0;
}
#sidebar-c {
  right:-195px;
  width:190px;
}
.sidebar-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-style: solid;
  border-color: #DDD;
}

.sidebar-a-right #sidebar-a .sidebar-bg,
.sidebar-b-right #sidebar-b .sidebar-bg { /*border-width: 0 0 0 1px;*/ border:0; }

.sidebar-a-left #sidebar-a .sidebar-bg,
.sidebar-b-left #sidebar-b .sidebar-bg { /*border-width: 0 1px 0 0;*/ border:0; }
#sidebar-b #tel2, #sidebar-c #tel2 {
  position:relative;
  width:135px;
  background:url(../images/tel-bg.png) no-repeat;
  padding:5px 0px 5px 55px;
  font-size:15px;
  color:#FFF;
    font-family: 'Quantico-Regular';
  height:37px;
  margin-bottom:5px;
  text-shadow:0 0 1px #FFFFFF;
}
#sidebar-b #tel2:last-child, #sidebar-c #tel2:last-child {
  margin:0;
}
#sidebar-b #tel2 b,#sidebar-b #tel2 strong,
#sidebar-c #tel2 b,#sidebar-c #tel2 strong {
    font-family: 'Quantico-Bold';
  font-weight:normal;
  font-size:22px;
  display:block;
  line-height:20px;
  padding-bottom:2px;
}  
#sidebar-b #tel2 a:hover,
#sidebar-c #tel2 a:hover {
  color:#FFF;
}
/* ToTop Scroller */
#totop-scroller {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 21px;
  height: 21px;
  border: 1px solid #ddd;
  background: url(../images/totop_scroller.png) 50% 50% no-repeat;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
}

#totop-scroller:hover { background-color: #EEE; }

#blockrandom .locator_form keyword,
#blockrandom .locator_form state,
#blockrandom .locator_form city,
{
  display:block;
}

#content h1.title {
  background:#FFF;
  margin: 0 0 0 10px;
    padding: 20px 20px 0;
}

/* DJ CATALOG2 */
#djcatalog {
  position:relative;
}
#djcatalog .djc_subcategory {
  padding-top:13px;
}
#djcatalog .djc_subcategories_grid .djc_subcategory_bg,
#djcatalog .djc_filters .djc_filters_in, #djcatalog .djc_order .djc_order_in,
#djcatalog .djc_items .djc_item_bg, #djcatalog .djc_related_items .djc_item_bg,
#djcatalog .djc_image img,
#djcatalog .djc_mainimage img, #djcatalog .djc_thumbnail img {
  background:none !important;
}
#content h2.djc_title {
    font-family: 'Quantico-Regular';
  color:#585858;
  font-size:21px;
  text-transform:uppercase;
  border-bottom:1px solid #bdbdbd;
  margin:0;
  font-weight:normal;
  padding-bottom:10px;
  margin-bottom:10px;
  display:block;
}
#djcatalog .djc_title h3 {
  margin:0;
}
#djcatalog .djc_title h3 a {
  font-size:16px;
  font-family:Arial, Helvetica,;
  color:#01509b;
  font-weight:bold;
}
#djcatalog .djc_subcategories_grid .djc_subcategory_in, #djcatalog  .djc_item {
  padding:0px;
  margin-bottom:10px;
  border-bottom:1px solid #bdbdbd;
}
#djcatalog .djc_subcategories .djc_description, #djcatalog .djc_item .djc_introtext {
    border-bottom:1px solid #bdbdbd;
    display:block;
    color:#6f6f6f;
    font-size:12px;
}
#djcatalog .djc_subcategories .djc_description p, #djcatalog .djc_item .djc_introtext p {
  margin:0;
  padding:9px 0;
}
#djcatalog .djc_readon {
  margin:0;
  padding:9px 0;
}
#djcatalog .djc_items .djc_item_bg, #djcatalog .djc_related_items .djc_item_bg {
  margin:0;
}
#djcatalog .djc_readon a, #djcatalog .djc_enquiry a {
  background:url(../images/dj-grey.png) no-repeat;
  color:#FFF;
  font-size:13px;
  text-transform:lowercase;
  display:block;
  line-height:29px;
  width:99px;
  padding:0 10px;
  text-align:center;
    font-family: 'Verdana';  /* changed from Quantico-Regular */
}
#djcatalog .djc_enquiry a {
  background:url(../images/dj-blue.png) no-repeat;
  width:82px;
}
#djcatalog .djc_image {
  float:right;
  margin:0;
  padding-top:10px;
}
#djcatalog .djc_image img {
  padding:0 0 0 15px;
}
#djcatalog .djc_items .djc_item_in, #djcatalog .djc_related_items .djc_item_in, #djcatalog .djc_mainimage img, #djcatalog .djc_thumbnail img {
  padding:0;
}
#djcatalog #djc_leftpanel {
   float:left;
  width:200px;
  padding-right:18px;
}
#djcatalog .djc_images {
  float:none;
  padding:0 0 7px;
  border-bottom:1px solid #bdbdbd;
  margin:0 0 1px;
}
  
#djcatalog .djc_item.djc_theme_default .djc_description {
  float:right;
  vertical-align:top;
}
  
#djcatalog .djc_post_content {
  position:absolute;
  top:25px;
  right:3px;
}
#djcatalog .djc_enquiry, #djcatalog .djc_rates {
  display:block;
  padding:8px;
  width:184px;
  text-align:center;
  background-color:#eaeaea;
  margin-bottom:2px;
}
#djcatalog .djc_enquiry {
  padding:8px 48px;
  width:auto;
}
#djcatalog #djc_rates_div {
  clear:both;
}
#djcatalog #djc_rates_div h3 {
  color:#585858;
  font-size:17px;
  line-height:40px;
  margin:0;
  font-weight:bold;
}
#djcatalog #djc_rates_list {
  padding:10px 0 10px 2px;
  border:solid #e1e1e1;
  border-width:1px 0;
  display:block;
}
#djcatalog #djc_rates_list .rate_elem {
  color:#FFF;
  background: url(../images/dj-grey.png)  no-repeat scroll 0 0 transparent;
    width: 119px;
    font-family: 'Verdana'; /* changed from Quantico-Regular */
    font-size: 12px;
    line-height: 29px;
  height:29px;
    text-align: center;
    text-transform: lowercase;  
  display: inline-block;
  zoom: 1;
  margin-left:-2px;
}
#djcatalog #djc_rates_list .rate_elem b {
  text-transform:none;
}
#innerbottom {
  width:520px;
}
#innerbottom .grid-block {
  padding:0 0 0 10px;  
}
#innerbottom .grid-block .module.mod-line.deepest {
  padding:10px 20px 20px;
  margin-bottom:20px;
}
#searchbox ul.results h3 {
  color: #01509B;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;  
}
#innerbottom .module.mod-line.deepest {
  padding:0;
  margin:0;
}

.djc_pagination .pagination a, .djc_pagination .pagination strong {
  margin-right:5px;
}

.contact-info{
  background: url(../images/contact-info.png) no-repeat;
  padding-top: 40px;
  width: 100%;
  float: left;
/*  position: absolute;*/
}

.opening-hours {
background: url(../images/opening-hours.png) no-repeat;
padding-top: 40px;
float: right;
}

.branch-direction {
background: url(../images/branch-directions.png) no-repeat;  
float: left;width: 100%;
}