/*	CSS-Framework

	Version		: 0.4
	File name	: cssf-base.css
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */

/* Core
------------------------------ */


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

a:focus, a:active { outline: none; }
.hide { display: none!important; }
.show { display: block!important; }
.cl:after, .columns:after, .c form p:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl, #logo { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }
.f-right { float: right}
.f-left  { float: left; }
.small { font-size: 12px; }
/* Main styles
------------------------------ */

html { background: #FAF8ED /*url('/assets/templates/design4music/i/body-1.jpg') no-repeat center 0*/; font: 16px/24px Arial, Helvetica, sans-serif; color: #0d0307; }
body {  }

a { color: #0066cc; text-decoration: underline; }
a:visited {  }
a:hover { color: #0066cc!important; text-decoration: none; }
a:active {  }

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

.layout { width: 950px; margin: 20px auto; /* padding: 10px 10px 0 10px; */ }
.lb { float: left; clear: right; margin: 0 0 10px 10px; }
.lb:first-child, .lb-first-child { margin-left: 0!important; }

/* 960/12 = 80 (70 + (5 + 5)) */

.lb-12 { width: 950px; }/* 100% */
.lb-11 { width: 870px; } /* 50% */
.lb-10 { width: 790px; } /* 50% */
.lb-9 { width: 710px; } /* 50% */
.lb-8 { width: 630px; } /* 50% */
.lb-7 { width: 550px; } /* 50% */
.lb-6 { width: 470px; }
.lb-5 { width: 390px; } /* 50% */
.lb-4 { width: 310px; } /* 33% */
.lb-3 { width: 230px; } /* 25% */
.lb-2 { width: 150px; } /* 25% */
.lb-1 { width: 70px; }

#featured { position:absolute; top:0; right:0; width:300px; }
/* Template Blocks
------------------------------ */

#h { height: 100px; position: relative; }
#logo { background: url(/assets/templates/design4music/i/logo.png); position: absolute; left: 10px; top: 12px; width: 153px; height: 60px; }

#f { margin: 50px 0 0 0; height: 100px; position: relative; }
#footer-text { float: right; padding-top: 20px; }

#main-nav { position: absolute; right: 0; top: 0; font: 20px Georgia, serif; }
#main-nav li, #footer-nav li { padding: 0; position: relative; z-index: 0; }
#main-nav li:hover, #footer-nav li:hover { z-index: 10; }
#main-nav a, #footer-nav a { display: block; padding: 40px 20px 0 1px; border-top: 10px solid #ccc; color: #595048; }
#main-nav .active a {  }
#main-nav a:hover, #footer-nav a:hover { text-decoration: none; color: #fff!important; /*-moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666;*/ }

#footer-nav { padding-left: 10px; }
#footer-nav a { padding: 20px 10px 0 1px; }

.b-testimonial {  }
.b-testimonial dd { font-size: 12px; line-height: 18px; font-style: italic; }

.b-slider { position: relative;}
.b-slider .lb-8 a { display: block; }
#pb .b-slider h2 { position: absolute; left: 650px; top: 0; margin: 0; }
#pb .b-slider h3 { font-size: 20px; margin-bottom: 5px; color: #2A2520; }
#pb .b-slider p { font-size: 13px; line-height: 18px; color: #2A2520}

/* Skin */

#skin-1 a, #skin-f-1 a:hover { border-color: #D15002; }
#skin-f-1.active a { border-color: #D15002; }
#skin-1 a:hover, .skin-1 #logo, #skin-f-1 a:hover { background-color: #D15002; }
#skin-1.active a, #skin-f-1.active a { color: #D15002; }
#skin-2 a, #skin-f-2 a:hover { border-color: #F39600; }
#skin-f-2.active a { border-color: #F39600; }
#skin-2 a:hover, .skin-2 #logo, #skin-f-2 a:hover { background-color: #F39600; }
#skin-2.active a, #skin-f-2.active a { color: #F39600; }
#skin-3 a, #skin-f-3 a:hover { border-color: #739240; }
#skin-f-3.active a { border-color: #739240; }
#skin-3 a:hover, .skin-3 #logo, #skin-f-3 a:hover { background-color: #739240; }
#skin-3.active a, #skin-f-3.active a { color: #739240; }
#skin-34 a, #skin-f-34 a:hover { border-color: #2C4D50; }
#skin-f-34.active a { border-color: #2C4D50; }
#skin-34 a:hover, .skin-34 #logo, #skin-f-34 a:hover { background-color: #2C4D50; }
#skin-34.active a, #skin-f-34.active a { color: #2C4D50; }
#skin-5 a, #skin-f-5 a:hover { border-color: #3D1111; }
#skin-f-5.active a { border-color: #3D1111; }
#skin-5 a:hover, .skin-5 #logo, #skin-f-5 a:hover { background-color: #3D1111; }
#skin-5.active a, #skin-f-5.active a { color: #3D1111; }

#skin-30 a, #skin-f-30 a:hover { border-color: #0F3153; }
#skin-f-30.active a { border-color: #0F3153; }
#skin-30 a:hover, .skin-30 #logo, #skin-f-30 a:hover { background-color: #0F3153; }
#skin-30.active a, #skin-f-30.active a { color: #0F3153; }

#skin-12 a, #skin-f-12 a:hover { border-color: #212121; }
#skin-f-12.active a { border-color: #212121; }
#skin-12 a:hover, .skin-12 #logo, #skin-f-12 a:hover { background-color: #212121; }
#skin-12.active a, #skin-f-12.active a { color: #212121; }

.c h2 { background: url('/assets/templates/design4music/i/b-1.png') no-repeat 0 6px; }
.skin-2 .c h2 { background: url('/assets/templates/design4music/i/b-2.png') no-repeat 0 6px; }
.skin-3 .c h2 { background: url('/assets/templates/design4music/i/b-3.png') no-repeat 0 6px; }
.skin-34 .c h2 { background: url('/assets/templates/design4music/i/b-4.png') no-repeat 0 6px; }
.skin-5 .c h2 { background: url('/assets/templates/design4music/i/b-5.png') no-repeat 0 6px; }
.skin-12 .c h2 { background: url('/assets/templates/design4music/i/b-12.png') no-repeat 0 6px; }
.skin-30 .c h2 { background: url('/assets/templates/design4music/i/b-30.png') no-repeat 0 6px; }

a, h1, h2, h3, h4, .btn:hover { color: #D15002; }
.skin-2 a, .skin-2 h1, .skin-2 h2, .skin-2 h3, .skin-2 h4, .skin-2 .btn:hover { color: #F39600; }
.skin-3 a, .skin-3 h1, .skin-3 h2, .skin-3 h3, .skin-3 h4, .skin-3 .btn:hover { color: #739240; }
.skin-34 a, .skin-34 h1, .skin-34 h2, .skin-34 h3, .skin-34 h4, .skin-34 .btn:hover { color: #2C4D50; }
.skin-5 a, .skin-5 h1, .skin-5 h2, .skin-5 h3, .skin-5 h4, .skin-5 .btn:hover { color: #3D1111; }
.skin-12 a, .skin-12 h1, .skin-12 h2, .skin-12 h3, .skin-12 h4, .skin-12 .btn:hover { color: #212121; }
.skin-30 a, .skin-30 h1, .skin-30 h2, .skin-30 h3, .skin-30 h4, .skin-30 .btn:hover { color: #0F3153; }

.tpl-home h1 {  font: 20px Georgia,serif; margin-bottom: 2px; padding-left: 20px; }

.skin-1 .skin-bg { background-color: #D15002; }
.skin-2 .skin-bg { background-color: #F39600; }
.skin-3 .skin-bg { background-color: #739240; }
.skin-34 .skin-bg { background-color: #2C4D50; }
.skin-5 .skin-bg { background-color: #3D1111; }
.skin-12 .skin-bg { background-color: #212121; }
.skin-30 .skin-bg { background-color: #0F3153; }

.c ul li { background: url('/assets/templates/design4music/i/sb-1.png') no-repeat 10px 7px; }
.skin-2 .c ul li { background: url('/assets/templates/design4music/i/sb-2.png') no-repeat 10px 7px; }
.skin-3 .c ul li { background: url('/assets/templates/design4music/i/sb-3.png') no-repeat 10px 7px; }
.skin-34 .c ul li { background: url('/assets/templates/design4music/i/sb-4.png') no-repeat 10px 7px; }
.skin-5 .c ul li { background: url('/assets/templates/design4music/i/sb-5.png') no-repeat 10px 7px; }
.skin-12 .c ul li { background: url('/assets/templates/design4music/i/sb-12.png') no-repeat 10px 7px; }
.skin-30 .c ul li { background: url('/assets/templates/design4music/i/sb-30.png') no-repeat 10px 7px; }

body .c ul.social li.fcb { background: url('/assets/templates/design4music/i/fcb.jpg') no-repeat 5px 1px;} 
body .c ul.social li.aaj { background: url('/assets/templates/design4music/i/aaj.jpg') no-repeat 5px 1px;} 
body .c ul.social li.in { background: url('/assets/templates/design4music/i/in.jpg') no-repeat 5px 1px;} 
/* Horizontal Navigation
------------------------------ */

.nav-h { }
.nav-h li { float: left; list-style: none; padding: 0 .8em; }
.nav-h a { text-decoration: none; display: block; }
.nav-h a:hover { text-decoration: underline; }

/* Horizontal Drop Down Navigation
------------------------------ */

.nav-h-d { min-height: 24px; border-left: 1px solid #ccc; }
.nav-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; }
.nav-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.nav-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; }
.nav-h-d ul ul { left: 100%; top: -1px; }

.nav-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.nav-h-d li:hover { background: #ccc; }
.nav-h-d a:hover { color: #fff; }

.nav-h-d li:hover ul ul,
.nav-h-d li:hover ul li:hover ul ul { display: none; }

.nav-h-d li:hover ul,
.nav-h-d li:hover ul li:hover ul,
.nav-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Horizontal Drop Up Navigation
------------------------------ */

.nav-h-d-up ul { bottom: 22px; }
.nav-h-d-up ul ul { bottom: -1px; }

/* Vertical Navigation
------------------------------ */

.nav-v { border-top: 1px solid #ccc; }
.nav-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; }
.nav-v li ul { padding-left: 1em; margin-top: 2px; }
.nav-v li li { border: none; border-top: 1px solid #ccc; }
.nav-v a { text-decoration: none; display: block; }
.nav-v a:hover { text-decoration: underline; }

/* Vertical Drop Down Navigation
------------------------------ */

.nav-v-d { border-top: 1px solid #ccc; }
.nav-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; }
.nav-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.nav-v-d li:hover { background: #ccc; }
.nav-v-d a:hover { color: #fff; }

.nav-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.nav-v-d li ul li { background: #fff; }

.nav-v-d li:hover ul ul,
.nav-v-d li:hover ul li:hover ul ul { display: none; }

.nav-v-d li:hover ul,
.nav-v-d li:hover ul li:hover ul,
.nav-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.nav-v-d ul ul { left: 100%; }

/* Tabs block
------------------------------ */

.c .b-tabs-nav { overflow: hidden; margin: 0 0 9px 0; border-bottom: 2px solid #06c; }
.c .b-tabs-nav li { float: left; margin: 0 4px 0 0; list-style: none; padding: 0 9px; background: #eee; border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; color: #333; cursor: pointer; }
.c .b-tabs-nav li.cur { border-color: #06c; background: #06c; color: #fff; }

/* Expandable block
------------------------------ */

.c .b-exp .b-h { margin: 0; font-size: 12px; padding: 0 9px; line-height: 20px; -moz-border-radius: 4px; background: #eee; color: #333; cursor: pointer; }
.c .b-exp .opened { background: #06c; color: #fff; margin-bottom: 9px; }
.c .b-exp .b-body { overflow: hidden; }

/* Content elements
------------------------------ */

/*#c { font-size: 16px; line-height: 24px; }*/

.c h1, .c .h1, .c h2, .c .h2, .c h3, .c .h3, .c h4, .c .h4, .c h5, .c .h5 { font: normal 30px/36px Georgia, serif; /*margin-top: 30px;*/ }
.c h2, .c .h2 { font-size: 22px; padding: 0 0 0 42px; }
.c h3, .c .h3, table caption, .c legend { font-size: 20px; }
.c h4, .c .h4 { font-size: 18px; }
.c h5, .c .h5 { font-size: 16px; }
.scroll-wrap h2 { margin-top:0!important; font-size: 16px; font-weight:bold; }
.scroll-wrap h2,
.scroll-wrap .scroll-list li { background: none!important; color:#FAF8ED!important; } 


blockquote { margin-left: 3em; font-style: italic; }
code, pre { font-family: "Monaco", "Courier New", Courier, monospace; }
code { padding: 0 1px; background-color: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background-color: #eee; margin: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
dfn { font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr, .hr { color: #ccc; background-color: #ccc; height: 1px; border: 0px; }

.c ol { margin-left: 2em; }
.c ul li, .c ol li { margin: .5em 0; line-height: 20px; }
.c ul { list-style: none; }
.c ul li { padding-left: 2em; }

.c dl { }
.c dl dt { font-weight: bold; }
.c dl dd { }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.c p, .c ul, .c ol, .c dl, table, caption, blockquote, address, pre, .columns, hr, .hr, .b-pager, .c form, .c legend, .b-m, .c h1, .c .h1, .c h2, .c .h2, .c h3, .c .h3, .c h4, .c .h4, .c h5, .one-line { margin-bottom: 20px; }

.box { padding: 10px; }
.box-header {  }
.box-content {  }
.box-footer {  }

#s .c li, #s .c p, .c .stress { color: #2A2520; }
.str-bg { background:#fff; -moz-border-radius: 10px; padding: 10px; }
/* b-blog-post
---------------------------------------- */

.b-blog-post { margin: 0 0 3em 0; }
.b-blog-post-more { background: url('/assets/templates/design4music/i/sb-12.png') no-repeat 10px 7px; padding-left: 2em; }
.b-blog-post-date { color: #212121; float: right; font-size: 12px; font-style: italic; padding: 10px 50px 0 10px; }

/* Block with image
---------------------------------------- */

.b-wi {  }
.b-wi-image { float: left; margin-right: 1em; }
.b-wi-image-r { float: right; margin-left: 1em; }
.b-wi-text { overflow: auto; }

a img { border: none; }

/* Pager block
---------------------------------------- */

.b-pager { text-align: center; }
.b-pager-prev, .b-pager-next { font-size: 1.35em; }
.b-pager-prev { margin-right: 10px; }
.b-pager-next { margin-left: 10px; }
.b-pager-prev a, .b-pager-next a { border: none!important; }
.b-pager a { text-decoration: none; padding: 0 5px; display: block; }
.b-pager strong, .b-pager span { padding: 0 5px; display: block; }
.b-pager ul { margin: 0; padding: 0; }
.b-pager ul li { list-style: none; display: -moz-inline-block; display: inline-block; }
.b-pager ul li a { border: 1px solid #ccc; }

/*	AddThis
------------------------------ */
.tpl-home .addthis_toolbox { float: right;}
/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table caption { text-align: center; }
table th, table td { border: 1px solid #ccc; padding: 2px 5px; vertical-align: top; }
table th { background: #f4f4f4; font-weight: normal; text-align: left; }
table td {  }

/*	Columns
------------------------------ */

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left; clear: right; }

.col-content { padding: 0 6px; } /*agat ?????? todo */
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33.33%; }
.w-66 { width: 66.66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Form
------------------------------ */

.c form {  }
.c fieldset { margin-bottom: 1em; border: none; }
.c legend {  }
.c form p { margin-bottom: 10px; }
.c form .error { display: block; font-size: 10px; line-height: 14px; color: red; }
.c form label { float: left; text-align: right; width: 27%; padding: 0 2% 0 0; }
.c form .f-inputs { padding-left: 30%; display: block; }
.c form .f-actions { padding-top: 1em; border-top: 1px solid #ccc; }
.c form.alt label { float: none; display: block; text-align: left; width: auto; padding: 0 0 2px 0; }
.c form.alt .f-inputs { padding-left: 0; display: block; }

input, select, button { vertical-align: middle }
.i-checkbox { }
.i-radio { }
.i-text { width: 98%; padding: 2px; font: 1em Arial, Helvetica, sans-serif; }
.i-select { width: 100%; }
.i-button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

.c .btn { display: inline-block; font-weight: bold; padding: 0 9px; line-height: 25px; height: 25px; -moz-border-radius: 8px; border-radius: 8px; color: #FAF8ED; }
.btn:hover { background: none; }

/* Message block
---------------------------------------- */

.b-m { }
.b-m h3 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; }
.b-m p { margin-bottom: 10px; }
.b-m-error {  }
.b-m-error h3 { color: red; border-color: red; }
.b-m-success {  }
.b-m-success h3 { color: green; border-color: green; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/assets/templates/design4music/i/cl/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/assets/templates/design4music/i/cl/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/assets/templates/design4music/i/cl/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/assets/templates/design4music/i/cl/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/assets/templates/design4music/i/cl/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/assets/templates/design4music/i/cl/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/assets/templates/design4music/i/cl/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/assets/templates/design4music/i/cl/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/assets/templates/design4music/i/cl/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/assets/templates/design4music/i/cl/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/templates/design4music/i/cl/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/assets/templates/design4music/i/cl/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/assets/templates/design4music/i/cl/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/templates/design4music/i/cl/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/templates/design4music/i/cl/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/

/* Home page scroller
--------------------------------- */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scroll-wrap { position: relative; }

.scrollable { position:relative; overflow:hidden; width: 930px; height:401px;    margin: 0 0 20px 0; border:5px solid #C9C9C0; }
.scrollable .items { width:20000em;  position:absolute;  clear:both; left:0; }
.items div {  float:left;	width:910px; margin: 0 40px 0 0;}

/* single scrollable item */
.scrollable img, .scrollable .b-img { float:left; margin:10px 17px; background-color:#fff; padding:2px; border:1px solid #ccc; -moz-border-radius:4px;	-webkit-border-radius:4px;}
.scrollable .b-img { width:910px; height:380px; background: #280f01; }
/* active item */
.scrollable .active {  border:2px solid #000; position:relative; cursor:default; }


/* prev, next, prevPage and nextPage buttons */

a.browse { background:  #fff url('/assets/templates/design4music/i/scr-but.png') no-repeat; cursor: pointer; display: block; font-size: 1px;  height: 40px;    width: 23px;  position: absolute;  top: 195px; z-index: 999; }
/* disabled navigational button */
a.disabled { background-position: 0 -40px; cursor: text; } 

/* right */
a.right { background-position: -23px 0; left: 954px; }
a.right:hover, a.right:active { background-position:-23px -40px; }


/* left */
a.left { left: -18px; }
a.left:hover, a.left:active { background-position: 0 -40px; }

/* position and dimensions of the navigator */
.navi {	margin-left:380px; width:200px;	height:20px; }

/* items inside navigator */
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../i/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }

/* mouseover state */
.navi a:hover { background-position:0 -8px; }

/* active state (current page state) */
.navi a.active { background-position:0 -16px; }