@import url('fonts/stylesheet.css');
@import url('reset.css');
@font-face {
	font-family: 'Conv_calibril';
	src: url('fonts/calibril.eot');
	src: local('☺'), url('fonts/calibril.woff') format('woff'), url('fonts/calibril.ttf') format('truetype'), url('fonts/calibril.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'RageItalic';
  src: url('fonts/RageItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/RageItalic.woff') format('woff'), url('fonts/RageItalic.ttf')  format('truetype'), url('fonts/RageItalic.svg#RageItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

*:focus {
    outline: none;
}
textarea:focus, input:focus, select:focus ,a:focus{
    outline: none;
     border-color: inherit;
    -webkit-box-shadow: none;
  box-shadow: none;
}
body select:focus,body a:focus, body input[type="file"]:focus, body input[type="radio"]:focus, body input[type="checkbox"]:focus, body input:focus {
     outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
}
.uploaded-file > a {
    float: right;
    text-align: right;
}
.uploaded-file {
    border: 1px solid #CCCCCC;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
#custom_design {
    margin-bottom: 15px;
}
body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#header
{
	margin: 0;
	padding: 0;
}
.header.home{
    background: url('../images/header_bg_home.jpg') no-repeat left top;
}
.header table, .header td, .header tr, .home_container table, .home_container td, .home_container tr{
    padding: 0;
    margin: 0;
}
.headertop, .headerbottom {
    width: 100%;
    clear:both;
}
.headertop{
        background: url('../images/topbg.png') repeat-x center bottom;
    display: flex;
    justify-content: space-between;
}
/*.searchactive {
  position: relative;
}*/
/*
.searchactive #search-form{
    display: flex;
    height: 100%;
}
.searchactive #search-form input[type="text"]{
    order: 0;
    font-size: 30px;
    line-height: 30px;
    height: auto;
}
.searchactive .search_box input[type="submit"]{
    order: 1;
    padding: 5px 30px;
} */
.closesearch{
    display: none;
}
/*
.searchactive .closesearch{
    display: block;
}
.searchactive .closesearch {
  display: block;
  position: absolute;
  right: 0;
  top: 24%;
} */
.searchactive .closesearch svg{
    width: 50px;
    height: 50px;
}

.home_container table, .home_container td, .home_container tr{
    vertical-align: top;
}
#footer table, #footer td, #footer tr{
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
}
.header .top_menu{
    float: left;
    width: 900px;
    padding-top: 5px;
}
.header .top_menu li{
    display: block;
    float: left;
    padding:5px 28px 4px;
}
.header .top_menu li:hover{
    background: url(../images/nav_hover.png) no-repeat center 0px;
}
.header .top_menu li a{
    color :#fff;
    text-decoration: none;
    font-weight: bold;
    margin-top: 17px;
    float: left;
}
.top_menu{
        width: 900px;
        padding: 0;
        margin: 0;
        height: 42px;
        }
        .top_menu  li{
    display: block;
    list-style: none outside none;
    float: left;
    position: relative;
        }
        .top_menu  li ul{
            display: none;
      position: absolute;
      padding: 0px;
      top:42px;
      z-index: 102;
      left:0;
        }
        .top_menu li:hover ul{
            display: block;
        }
        .top_menu li ul li{
    background: none repeat scroll 0 0 #AADD88;
    border-bottom: 1px solid #FFFFFF;
    display: block;
    float: left;
    width: 200px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0 !important;
        }
        .top_menu li img{
            border:none;
        }
        .top_menu li ul li a{
            color:#000000 !important;
            text-decoration: none;
            display: block;
    padding: 4px 5px;       
    border:none;
    color: #1199AA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    font-weight: normal !important;
    margin-top: 0 !important;
    float: none !important;
        }    
        .top_menu li ul li a:hover{
            
        }
        .top_menu li ul li:hover a{
            background: #000000 !important;
            color:#FFFFFF !important;
        }
        .top_menu li:hover ul li ul{
            display: none;
            left: 200px;
            position: absolute;
            top: 0;             
        }
        .top_menu li:hover ul li:hover ul{
           display: block;
        }
        .top_menu li ul li ul li{
                background: none repeat scroll 0 0 #AADD88;
                border-bottom: 1px solid #FFFFFF;
                display: block;
                float: left;
                width: 200px;            
        }
        .top_menu li:hover ul li:hover ul li a{
                background: none repeat scroll 0 0 #91d6e1  !important;
                display: block;
                float: left;
                width: 200px;
                color :#000  !important;
        }
        .top_menu li:hover ul li:hover ul li:hover a{
            background: #000000 !important;
            color:#FFFFFF !important;            
        }
        .header .top_menu li a{
            
        }
        
    /*    #home{
            margin-left: 60px;
        }
        #home:hover img{
            background-image: url('../images/home_hover.png');
        }
        #laminated{
            margin-left: 11px;
        }
        #laminated:hover img{
            background-image: url('../images/laminated_hover.png');
        }        
        #fabric{
            margin-left: 11px;
        }
        #fabric:hover img{
            background-image: url('../images/fabric_hover.png');
        }          
        #faq{
            margin-left: 46px;
        }
        #faq:hover img{
            background-image: url('../images/faq_hover.png');
        }   
        #info{
            margin-left: -40px;
        }
        #info:hover img{
            background-image: url('../images/info_hover.png');
        }   
        
        #designers{
            margin-left: 0px;
        }
        #designers:hover img{
            background-image: url('../images/distributors_hover.png');
        }         
        
        
        #distributors{
            margin-left: 0px;
        }
        #distributors:hover img{
            background-image: url('../images/distributors_hover.png');
        }  
        
        
        
        #contact{
            margin-left: -10px;
        }
        #contact:hover img{
            background-image: url('../images/contact_hover.png');
        }   */
        
#content
{
    padding: 0px;

}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px 0;
	margin: 10px 0px;
	font-size: 0.8em;
	text-align: center;
        width: 900px;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}


#sidebar select {
    border-radius: 15px;
    height: 36px;
    margin-left: 20px;
    padding: 7px 5%;
    width: 90%;
    border:none;
}
.categories-header.nobg{
    background: none;
}
.categories-header.nobg h1{
    border-bottom: none;
}
div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}
.form table{
    width:100%;
}
table .countryselections{
     padding-left: 6px;
    padding-right: 6px;
    width: 90%;
}
div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;

}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: normal 12px Arial;
	color: #1199AA;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #1199AA;
}

.operations li a:hover
{
    color:#77CC77;
}

.footer_menu{
            padding: 0;
            margin: 0;
        }
        .footer_menu li{
            display: block;
            width: 214px;
            float: left;
            margin-right: 10px;
            background: url('../images/footer_list_type_image.png') left center no-repeat;
            list-style-type: none;
            border-bottom: 1px solid #D8D8D8;
            text-align: left;
        }
        .footer_menu li a{
            padding: 7px 0px 7px 10px;
            display: block;
            text-decoration: none;
            font-family: arial;
            color: #333333;
            font-size: 12px;
        }  
        .footer_menu li a:hover{
            color:#AADD88;
        }   
        .f_t_h{
            background:url('../images/footer_bg.png') repeat-x left top; width: 860px;  
            margin: 0 auto;
        }
        .product_box{
            float: left;
            width: 194px;
            margin-bottom: 7px;
            text-align: center;
            border-bottom: 1px solid #eee;
            height: 270px;
        }
        .product_box_c {
    margin: 20px auto;
    width: 160px;
}
        .product_image_box{
            width: 98%;
            float: left;
            min-height: 280px;
            padding: 1%;
        }
        .product_image_box_inner{
            
        }
        .product_image{
            text-align: center;
            padding: 0px;
            background: #fff;
            margin: 5px;
            border:1px solid #d9d8d8;
            height: 145px;
        }
        .product_image img, .product_image a{
            vertical-align: middle;
            line-height: 145px;
        }

.product_name {
    float: left;
    font-family: 'open_sanssemibold';
    font-size: 13px;
    padding: 5px 0 5px 5px;
    text-align: left;
    width: auto;
    color :#022c26;
    
}

.product_size {
    float: right;
    font-family: 'open_sanssemibold';
    font-size: 13px;
    padding: 5px 5px 5px 0;
    text-align: right;
    width: auto;
    color :#53b147;
}
        .product_tools{
            float: left;
            width: 162px;
            margin-top: -5px;
        }
        .product_info_tool{
            float: left;
            padding: 0px 5px;
            display: none;
        }

.product_image_tools {
    float: right;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    width: 100%;
}
        .product_image_tools img{
            vertical-align: middle;
        }
        .pagination_center{
            vertical-align: middle;
        }
        .p_space{
            padding-right: 5px;
        }
        .pagination_center img{
            
        }
        .series{
    border-color: #99DD99;
    border-style: double;
    border-width: 0 0 3px;
    float: left;
    margin: 0 0 20px;
    padding: 10px 5px;
    width: 652px;

        }
        .series_title{
  color: #8ACA74;
    float: left;
    font-family: arial;
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
        }
        .series_description{
    color: #333333;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin-top: 0;
    padding-left: 10px;
    text-align: left;
        }
        .product_seperator{
margin-bottom:5px; margin-right:0px; border:none; border-top:1px solid #99DD99;
padding: 0px 0 5px;
margin-top: 5px;
        }
       
        .pager_container{
            width: 700px;
            float: left;
            padding: 0;
        }
        .pager_container .per_page{
            float: left;
            width: 200px;
        }
         .list-view .pagination .pager{
            float: right;
            margin: 0;
            padding: 0;
        }
       .pagination_center a{
            border: none !important;
        }
        .pagination_center li.page.selected a{
            background: none;
        }
        .pagination_center li.page a,  .pagination_center li.page a:link,  .pagination_center li.page a:visited{
            color:#333333;
                font-size: 14px;
    margin: 0;
    padding: 0;
        }
        .pagination_center li.page.selected a,  .pagination_center li.page a:hover{
            color: #9CC83D;
        }
        .per_page{
            font-family: arial;
            font-size: 14px;
            color:#333333;
            margin:0;
        }
        .pagination{
            padding: 0px;
            float: right;
            width: auto;
        }
        .pagination_left{
            background: url('../images/pagination_left_box.png') no-repeat left center;
               height: 32px;
    width: 17px;
    padding: 0;
        }
        .pagination_right{
            background: url('../images/pagination_right_box.png') no-repeat left center;
               height: 32px;
    width: 17px;
    padding: 0;
        }
        .pagination_center{
            background: url('../images/pagination_center_box.png') repeat-x left center;
        }
        .pagination_center{
            font-family: arial;
            font-size: 14px;
            height: 28px;
            padding-top: 4px;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
        }
        .pagination_center span, .pagination_center a:hover{
            color:#9cc83d;

        }
        .pagination_center a{
            color:#333333;
            text-decoration: none;
        }        
        .container{
            width: 900px;
            margin: 0 auto;
        }
        .f_menu_left{
            width: 680px;
            float: left;
        }
        .f_menu_right{
            width: 202px;
            float: left;
        }
        .develoer{
               float: right;
    width: 128px;
        }
        .develoer a, .develoer img{
       border: none;           
        }
        .by{
             float: left;
    width: 90px;   
    font-size: 10px;
   color:#656565;
   font-family: arial;
      border: none;
        }
        .by a{
    font-size: 10px;
   color:#656565;
   font-family: arial; 
   text-decoration: none;
   border: none;
        }
        .by a:hover{
            color:green;
        }
        .dev_logo{
            float: left;
   padding-left: 5px;
    padding-top: 5px;
        }
        .header{
        
        width: 900px;
        }


        .logo{
            float: left;
            padding-left: 0px;
            padding-top: 10px;
        }
        .content_container{
     background:#fff url('../images/content_bg.jpg') no-repeat left top;
         min-height: 146px;
    min-width: 900px;
        }

        .menu_2 li span{
    color: #55AA77;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 16px;     

        }   
        .menu_2 li{
                list-style: none;
                padding-bottom: 7px;
        }
        #sidebar a{
    color: #1199AA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 18px;            
        }
        #sidebar a:hover{
            color:#77CC77;
        }
        .right_space{
            margin-left: 7px;
        }
        .subhead-1199aa {
    color: #1199AA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 19px;
}
.subhead-77BB77 {
    color: #77BB77;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 19px;
}
.page_title{


    color: #53B147;
    font-family: 'open_sanslight';
    font-size: 35px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 30px;
    text-align: center;
}
.page_contents{
    margin-left: 15px;
    margin-right: 15px;
  color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;    
}
.page_contents h3{
   color: #77BB77;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 19px;
    margin: 10px 0;    
}
.page_contents ul{
      color: #1199AA;
    margin: 0 0 10px;
    padding-left: 13px;
}
.page_contents ul{
      color: #1199AA;
}

.page_contents li span {
    color: #666666;
    margin: 0;
    padding: 0;
}
.question_list{
    padding: 0;
    margin: 0 0 10px;
}
.question_list li{
    list-style: none;
    padding: 2px 0;
}
#downloads{
    list-style: none;
    padding: 0;
    margin: 0;
}
#downloads li{
    display: block;
}
.download_box{
    float: left;
    width: 220px;
}

.cc{
    font-size: 14px;
    padding-left: 20px;
    width: 160px;
    font-style: italic;
}   
.cn{
    text-align: right;
    padding-right: 8px;
        font-style: italic;
            font-size: 14px;
}

.small-text-green-55AA77 {
  color: #666666;
    font-family: 'open_sansregular';
    font-size: 11px;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
}
body{
    font-family: 'open_sansregular';
}
body h1, body h2, body h3, body h4, body h5, body h6{
        font-family: 'open_sansregular';
}
.subhead-77CC77 {
    color: #77CC77;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 19px;
}
.iframe_content{
    width: 100%;
    height: 100%;
}
.category_title{
    color: #FFFFFF;
    font-size: 20px;
    padding-top: 22px;
    text-align: center;
}

.product_right{
    width: 445px;
    float: left;
    padding-left: 10px;
}
.product_left{
    float: left;
    width: 350px;
    padding-left: 0px;
}
.price_box{
    margin: 0 20px;
}
.p_name{
    border-bottom: 1px solid #089294;
    padding-bottom: 5px;
    font-weight: bold;
}
.price_box th{
    color:#3eae87;
    text-align: center;
    min-width: 55px;
}
.price_box td{
    color:#4d4d4f;
        text-align: center;
        font-size: 12px;
}
.price_box table{
     padding-bottom: 5px;
    padding-top: 5px;
}
.price_box i{
    font-size: 11px;
}
.product{
    background:  url(../images/product_bg.png) no-repeat center bottom #fff;
       float: left;
    width: 900px;
    min-height: 457px;
}
.ordertimeline{
     background:  url(../images/product_bg.png) no-repeat center top #fff;

}
.product_right ul{
    padding: 0px 0 0 15px;
    margin: 0;
}
.product_right ul li{
  list-style-image: url(../images/bold.png);
  padding: 1px 0;
  color :#666666;
    font-family: 'open_sansregular';  
    font-size: 13px;
}
.product_right h3{
    color:#022c26;
    margin-bottom: 0px;
    font-family: 'open_sanssemibold';
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
.cform .error input[type="text"]{
    border-color:red;
}
#QuoteForm_verifyCode {
    float: left;
    margin-top: 5px;
    width: 211px;
}
#QuoteForm_body{
    width: 95%;
}
img#yw0 {
    float: left;
}
.prices{
    background : url("../images/product_bg.png") no-repeat center bottom #FFFFFF;
    padding-bottom: 20px;
    clear:both;
}
.prices table{
    width: 100%;
}
.prices table tr{
    
}
.prices table tr th{
    background :#1b413b;
    color :#ffffff;
    font-family: 'open_sanssemibold';
    font-size :14px;
    font-weight: normal;
    padding: 10px 0;    
}
.prices table tr td{
    border-bottom : 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
    color :#666666;
    font-size: 12px;
    font-family: 'open_sansregular';    
}

.ss {
    padding-bottom: 11px;
    padding-top: 11px;
}
.ss b{
        color:#089294;
}
.menu_items_c{
    float: left;
    width: 226px;
}
.menu_items_c h3{
    font-family: arial;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.search_box{
    float: right;
    padding-right: 20px;

   margin-right: 00px;
   text-align: right;
   /*border-right: 1px solid #d7d7d7;*/
    width: 100%;

}
.searchactive .search_box{
   
}

.header_bottom{
    
}
.search_box a{
    clear: both;
    color: #176C31;
    float: right;
    font-weight: bold;
    margin-top: 0;
    padding: 5px;
    text-decoration: none; 
    
}

.header #search-form{
    margin: 0;
}
.search_box input[type="submit"]{
    background: url(../images/icon_search.png) no-repeat center center;
    color :#fff;
    font-weight: bold;
    border:none;
    margin-left: 0px;
    padding: 5px 12px 5px 22px;
    box-shadow: none;
    border-left: 1px solid #d7d7d7;
    font-family: 'open_sansregular';
}
#search-form input[type="text"]{
    padding: 5px 15px 5px 5px;
    margin: 0;
    width: 100px;
    float: none;
    box-shadow: none;
    border: none;
    color: #333333;
    font-family: 'open_sanslight';
    transition: width 1s linear;
}
#search-form input[type="text"]::placeholder{
    text-align: right;
    font-family: 'open_sanslight';
}
.searchactive #search-form input[type="text"]{
    
}
#search-form input[type="text"]::placeholder{
    text-align: left;
}
#customer-design-form{
/*    width: 80%;
    margin-left: 20px;*/
}
#customer-design-form label{
/*    font-family: arial;
    font-size: 16px;
    color: #9f9f9f;
    font-weight: normal;*/
}
#customer-design-form label[for="CustomerDesign_description"]{
     float: left;
    margin-top: 4px;
}
#customer-design-form input[type="text"], #customer-design-form textarea{
/*    padding: 7px;
    border: 1px solid #eee;
    border-radius: 20px;  
    box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset;*/
}
#preview .product_box{
    float: right;
    margin-bottom: 5px;
    margin-right: -12px;
    margin-top: -107px;
}

#customer-design-form .errorMessage{
  display: none !important;  
}
#customer-design-form .errorSummary{
    float: left;
    width: 100%;
}
#customer-design-form .errorSummary ul{
    display: none;
}
#customer-design-form span.required{
    display: none;
}
.form.cform .row {
    margin: 0;
}
.half-right{
    width: 45%;
    margin-left: 5% !important;
    float: left;
    clear: right !important;
}
.half{
      width: 50%; 
      float: left;
      clear: left !important;
}
div.form .row{
    clear: both;
}
.half input, .half-right input{
    width: 100%;
  
}
#CustomerDesign_project_name{
    width: 95%;
}
#customer-design-form textarea{
    width: 95%;
}
#customer-design-form  .buttons{
    padding-top: 10px;
    margin-top: 15px;
    width: 526px;
    text-align: right;
}
#customer-design-form  .buttons input{
    margin-right: 20px;
}
/*.MultiFile-wrap input[type="file"]{
    visibility: hidden;
    display: none;
position: absolute;
    top: -3000px;
}*/
.addfiles{
/*     background: url(../images/upload-files.png) no-repeat left top;*/
     width: auto;
     height: auto;
     position: relative;
     padding-bottom: 10px;
     margin-left: -30px;
     margin-top: 10px;
}
.addfiles .cocowidget{
    border: none;
}
.uploader .qq-upload-button{
    border: none;
    background: none;
}
.bspacer{
    margin: 35px;
}
.qq-upload-list{
    
}
.addfiles .qq-upload-button-hover{
    background: transparent;
    height: 19px;
    margin-bottom: 10px;
}
.addfiles .qq-upload-button input[type="file"]{
    
}
.addfiles .qq-upload-button{
    background: transparent;
    padding: 12px 0;
    width: 131px;
    height: 21px;
    margin-bottom: 10px;
    border-bottom: none;
}
.page_contents ul{
    float: left;
    list-style: none;
}
.qq-upload-list li{
    padding-bottom: 5px;
}

.addfiles .qq-upload-success{
    
}

.addfiles .qq-upload-file{
    
}
.addfiles .qq-upload-size{
    margin-left: 5px;
    
}
.MultiFile-wrap input[type="file"]{
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0px, 0px) scale(1);
    width: 130px;
}
.MultiFile-wrap{
    
}
#custom_design{
}
#custom_design:before, #custom_design:after{
    content: "";
    display: block;
    clear: both;
}
.MultiFile-list{
    clear: both;
    margin-top: 10px;
    padding-top: 50px;
}
#upload_prev{
       clear: both;
    width: 100%;
}
.MultiFile-label{
    
}
.files-list{
    
}
.files-list ul{
    
}
.files-list li{
    
}
#customer-design-form select{
    padding: 5px 15px;
    border: 0px solid #dbdbdb;
    border-radius: 20px;      
}
#customer-design-form .countryselection, .skillselection{
    margin-bottom: 10px;
}
.row label, .srow label{
    color: #9F9F9F;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;    
}

.row input[type="text"], .row textarea {
    border: 1px solid #DBDBDB;
    border-radius: 20px;
    padding: 5px;
}
.row input[type="submit"]{
    border: 1px solid #DBDBDB;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px;     
}
.srow{
    float: left;
    padding: 10px 10px 10px 0;    
}
.srow select{
    padding: 5px;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;    
}
.sublist{
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0;
    display: none;
}
.sublist ul{
     clear: both;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.sublist ul li{
    float: left;
    display: block;
    width: 30%;
    margin: 0 1.5%;
}
.sublist ul li a{
    text-decoration: none;
    color :#8ACA74;
}
.sublist ul li a:hover{
    text-decoration: underline;
}

.designer-left{
    float: left;
    width: 100%;
    margin-left: 0px;
}
.designer-right{
    float: left;
    width: 100%;
    margin-left: 0px;
}
.designer-right img{
    max-width: 100%;
}
#showdesign{
    margin-top: 20px;
    text-align: center;
}
#showdesign embed{
    max-width: 90%;
}
#showdesign svg{
    
}
.showdesign rect{
    max-width: 90%;
}
.select2-container-multi .select2-choices{
    width: 300px;
}
#fancybox-left, #fancybox-right{
    width: 5% !important;
    display: none !important;
}
.product-sale{
    clear: both;
}

.product_price {
    float: left;
    font-family: arial;
    font-size: 13px;
    padding: 5px 0 5px 5px;
    text-align: left;
}
.product_order {
    float: right;
    font-family: arial;
    font-size: 12px;
    padding: 5px 5px 5px 0;
    text-align: right;
}
/* new */
.header{
/*    background: url(../images/header_bg.png) repeat-x left bottom #fff;*/
}
.header_wrapper{
    background :#fff;
    min-height:110px;
}

#CartForm_address_id {
    background: #efefef none repeat scroll 0 0;
    display: block;
    padding: 10px;
}

#CartForm_address_id > label {
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0px;
}

#CartForm_address_id > input {
    float: left;
    margin-right: 5px;
}

.logo-container {
    float: left;
}
.header_left{
    margin-top: 10px;
}
.menu_container {
/*    float: left;*/
    padding-left: 0px;
}
.quick_menu{
    margin-left: 0px;
}

.quick_menu li, .main_menu li{
    float: left;
    list-style-type: none;
}
.quick_menu li{
    padding: 15px 0px;
    position: relative;
}
.quick_menu li a{
    color :#8e8e8e;
    font-size: 14px;
    font-family: 'open_sansregular';
    padding: 10px 10px 5px;
    border-radius:15px 15px 0 0;
}
.quick_menu li a:hover{
    color :#53b147;
    text-decoration: none;
}
.quick_menu ul ul{
    background: none repeat scroll 0 0 #FBFBFB;
    border: 0 solid #D9D8D8;
    border-radius: 0 5px 5px;
    box-shadow: 0 0 5px #000;
    display: none;
    left: 0;
    position: absolute;
    width: 230px;
    z-index: 10;  
}
.quick_menu ul li:hover ul{
    display: block;
}
.quick_menu ul li:hover ul li{
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100%;
}
.quick_menu li li a{
      padding: 10px;   
          display: block;
          border-bottom: 1px solid #ddd;
          border-radius: 0;
}
.quick_menu ul li:hover li a:hover{
    background: none repeat scroll 0 0 #53B147;
    border-radius: 0;
    box-shadow: 0 0 0;

    margin: 0;
   
}
header_bottom
.main_menu li{
}
.quick_menu ul, .main_menu ul{
    margin:0;
}
.main_menu li a{
    color :#022c26;
    font-size: 16px;
    float: left;
    padding: 10px 8px;
    border-radius: 15px 15px 0 0;
    border-bottom:5px solid transparent;
    position: relative;
    z-index: 4;
    font-family: 'open_sansregular';
}
.main_menu li:hover a, .main_menu li.active a{
    color :#fff;
    text-decoration: none;
    background-color: #022c26;
    border-color :#53b147;
}
.main_menu li.focus a{
    text-decoration: none;
}
.main_menu li.hover, .main_menu li.active{
   
}
.main_menu li.dpdwn i{
    background: url( ../images/arrow_down.png) no-repeat right center transparent;
    float: right;
    width: 8px;
    height: 8px;
    margin-top: 8px;
    margin-left: 10px;
}

.user-links{
    float: right;
    margin-top: 4px;
}
.user-links form{
    margin:0;
}
.user-links a{
    color :#022c26;
    text-decoration: none;
    font-family: 'open_sansregular';
    font-size: 14px;
    margin-left: 0px;
}

.header_top {
    margin-top: 0px;
    height :30px;
    float: right;
    color:white;
   
    background: #2e524c;
  background:#54b852;
    border-radius: 25px;
}
#loginbox {
  color: #fff;
  padding: 0 15px;
  box-shadow: none !important;
  background: transparent !important;
}

.header_bottom {
/*    float: right;*/
    margin-top: 15px;
    width: 50%;
}
.dflex{
    margin-top: 30px;
    display: flex;
    justify-content: end;
}
.dflex #awt{
    margin-right: 5px;
}
.logo{
    margin-top: 5px;
}
.header_wrapper .container-fluid{
    padding-left: 10px;
    padding-right: 10px;
}
.mheader [class*="span"]{
    margin-left: 0.5% !important;
}
.mheader .span2{
    width: 16% !important;
}
.header_bottom #awt{
    margin-right: 10px;
}
.header_bottom #order, .orderbag{
    background: #022c26;
}

#awt, #order{
    background :#53b147;
    border-radius: 30px;
    padding:7px 10px;
    color :#Fff;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    float: left;
}
.orderbag, .uploadlogo{
    background :#53b147;
    border-radius: 30px;
    padding:7px 30px;
    color :#Fff;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    float: left;    
}
.orderbag{
    background:#022c26;
    margin-left:5px;
    margin-right: 20px;
}
#awt:hover, #order:hover, .orderbag:hover, .uploadlogo:hover{
    text-decoration: none;
}
.orderbag:hover, .uploadlogo:hover{
    color:#fff;
}

.body_wrapper{
    background: #fff;
    width: 100%;
    margin: 6px auto 25px;
}

.banner {
    position: relative;
    top: -10px;
    z-index: 0;
    text-align: center;
    width: 100%;
/*    background: url(../images/home_banner.jpg) no-repeat top center transparent;*/
/*    height: 791px;*/
}
.banner .jcarousel{
    height: 100%;
}
.banner .jcarousel-wrapper{
    background :none;
}
#c4{
    clear: both;
}
.banner .jcarousel li{
    border: none;
}
.banner_item{
    height: auto;
    background-position: center center;
    position: relative;
    z-index:0;
}

.bimg {
    position: relative;
    z-index: 0;
}
.banner_container{
    left: 0;
    position: absolute;
    top: 8%;
    z-index: 60000;  
    width: 71%;
}
.banner_text {
    margin: 0 auto;
    position: relative;
    width: 430px;
}
.banner_text h2{
    color :#52b147;
    font-family: 'open_sanslight';
    font-size: 32px;
    font-weight: normal;
    text-transform:uppercase;  
    margin-bottom: 23px;
}
.banner_text h1{
     color :#022c26;
    font-family: 'ferrum';
    font-size: 66px;
    font-weight: normal;
    text-transform:uppercase;
    margin-bottom: 40px
}
.banner_text p{
   color: #3C3C3C;
    font-family: 'open_sansregular';
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    width: 370px;
}
.banner_text a {
    background: none repeat scroll 0 0 #53B147;
    border-radius: 25px;
    color: #FFFFFF;
    float: left;
    padding: 10px 36px;
        font-family: 'open_sansregular';
        font-size: 18px;    
        margin-top:32px;
}
.banner_text a:hover{
    color :#fff;
}
/*.banner_container {
    float: left;
    margin-left: 23%;
    margin-top: 69px;
}*/
#c4 img {
/*    margin-top: 98px;*/
}
.home_links{
    float: left;
    margin: 20px 0;
}
.link{
    border-color: #EEEEEE;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 0 0;
    float: left;
    padding: 0 30px;
    text-align: center;
    width: 100px;
    height: 140px;
}
.home_links .link:first-child{
    border-left-color :#fff;
}
.home_links .link:last-child{
    border-right-color :#fff;
}
.link-text{
font-family: 'open_sansregular';
font-size: 15px;
color :#022c26;
margin-top: 15px;
}
.footer_wrapper{
    background: url(../images/footer_gb.jpg) repeat-y left top #022c26;
    padding:40px 0;
} 
.logos{
    margin-bottom: 50px;
}
.logos a {
    margin: 0 15px;
}
.logos a img{
    max-width: 70px;
}
.copyright{
    color :#fff;
    font-family: 'open_sansregular';
    font-size: 11px;
    line-height: 11px;
    margin-left: 0px;
}
.logos > a:first-child{
    margin-left: 0;
}
.fsocial {
    margin: 20px 0 0;
}
.fsocial a{
    margin: 0 5px;
}

.fsocial > a:first-child {
    margin-left: 0;
}
.flinks{
    padding:0 7px;
}
.fheading{
        font-family: 'ferrumextra-condensed';
    color :#fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
}
.flinks ul{
    padding-left: 0;
    padding-top: 10px;
    margin-left: 0;
}
.flinks li{
    list-style: none;
    padding-bottom: 14px;
}
body a{
    color: #53b147;
}
.flinks a{
    font-family: 'open_sansregular';    
    color: #53b147;
    font-size: 14px;
    line-height: 16px;
}
.flinks a:hover{
    color :#fff;
    text-decoration: none;
    
}
.footer_wrapper .span2{
    border-left: 1px solid #1e433e;
    height: 222px;
    margin-left: 0;
    padding-left: 29px;
}
.sub_menu{
    display: none;
    z-index:1;
/*    position: absolute;
    width: 100%;*/
    background :#fff;
}
.sub_menu .jcarousel-skin-tango .jcarousel-container-horizontal{
    width: auto;
    background: none;
    border:none;
    padding-left: 100px;
    padding-right: 100px;
}
.sub_menu .jcarousel-skin-tango .jcarousel-clip-horizontal{
    width: 100%;
    height: auto;
}
.sub_menu .jcarousel-skin-tango .jcarousel-item{
    height: auto;
}
.sub_menu .jcarousel-skin-tango{
    
}
.sub_menu .jcarousel-skin-tango .jcarousel-prev-horizontal,.sub_menu .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .sub_menu .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .sub_menu .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .sub_menu .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{
    background: url(../images/arrow_left.png) no-repeat left center transparent;
    width: 67px;
    height: 67px;
    top: 34%;
}
.sub_menu .jcarousel-skin-tango .jcarousel-next-horizontal,.sub_menu .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .sub_menu .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .sub_menu .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .sub_menu .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{
    background: url(../images/arrow_right.png) no-repeat left center transparent;
    width: 67px;
    height: 67px;
    top: 34%;
}
.sub_menu .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .sub_menu .jcarousel-skin-tango .jcarousel-prev-horizontal:focus{
    background-position: left center;
}
.sub_menu .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .sub_menu .jcarousel-skin-tango .jcarousel-next-horizontal:focus{
    background-position: left center;
}
.catname a{
    font-size: 20px;
    color :#022c26;
   font-family: 'open_sansregular';
   line-height: 24px;
   background: url(../images/arrow_green.png) no-repeat right center transparent;
   padding-right: 20px;
}
.catname{

           margin-top: 10px;
    padding: 20px 5px;
}
.catimg{
        text-align: center;
          max-height: 238px;
}
.catname{
    text-align: center;
}
.catname a:hover{
    text-decoration: underline;
}
.catdesc, .catdesc p{
font-size: 13px;
color: #666666;
font-family: 'open_sansregular';
line-height: 16px;
text-align: center;
padding: 0 34px;
}
.catdesc{
/*    width: 240px;*/
    margin:0 auto;
}
/*.menu_slider{
    padding:20px 0;
}*/

.jcarousel-wrapper {
    margin: -8px auto 0;
    position: relative;
    border-top: 1px solid #eee;

}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
}

.jcarousel img {
    max-width: 100%;
    height: auto !important;
    width: auto;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}
.jcarousel-control-next:hover, .jcarousel-control-next:focus, .jcarousel-control-prev:hover, .jcarousel-control-prev:focus{
    color :#fff;
    text-decoration: none;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #fff;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;
    -webkit-box-shadow: 0 0 1px #53b147;
    -moz-box-shadow: 0 0 1px #53b147;
    box-shadow: 0 0 1px #53b147;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
/*jcarsole*/



.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 420px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 86%;
    margin:0 7%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 35%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
.listheader{
    clear: both;
}

.cat{
    margin-top: 40px;
}
.sub_menu .row-fluid {
    background: url(../images/sub_menu_bg.png)  repeat-x bottom center transparent;
    position: absolute;
    z-index: 3;
    padding-bottom: 69px;
}
.jcarousel-wrapper{
    background: #fff;
}

.categories-header h1{
    font-size: 17px;
    font-family: 'open_sanssemibold';
    color :#022c26;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 17px;
    font-weight: normal;
    text-align: left;
}
.clearall, #sidebar .clearall{
    font-size: 11px;
    background : url(../images/clearall.png) no-repeat right center transparent;
    padding: 2px 27px 2px 0;
        font-family: 'open_sansregular';
        color :#666666;
        float: right;
        font-weight: normal;
}
.categories-header{
    background: url(../images/filter_header_bg.png) no-repeat left bottom transparent;
    margin-left:0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.sidebar {
    margin-left: 0px;
}
.categories-list{
    
}
.categories-list ul{
    margin:0 ;
}
.categories-list li{
    list-style: none;
    margin:0;
    padding: 7px 15px;
    border-radius: 90px;
    margin:3px 0;
    line-height: 14px;
    max-width:290px;
}
.categories-list li a{
    font-family: 'open_sansregular';
    font-size: 12px;
    color :#3c3c3c;
    max-width:290px;
    
}
.categories-list li.current, .categories-list li:hover{
    background :#53b147;
    max-width:290px;
}
.categories-list li.current a, .categories-list li:hover a{
    color :#fff;
    text-decoration: none;
}

.listheader{
    background :#022c26;
    border-radius:15px 15px 0 0;
    float: left;
    padding: 5px 1%;
    width: 98%;    
    font-family: 'open_sanssemibold';
    font-size: 14px;
    color :#fff;
    font-weight: normal;
}
.listfooter{
    background :#ebebeb;
    border-radius:0 0 15px 15px;
    color :#3c3c3c;
}
.listfooter .totalcount{
    color :#3c3c3c;    
    border-left: 1px solid #ebebeb;
}
.listfooter .per_page select, .listfooter .sort select{
    background :#ebebeb;
    color :#3c3c3c;
        font-family: 'open_sansregular';
        font-size: 12px;
}
.designers .listright select, .listright select.selectoption, .listfooter .per_page select, .listfooter .sort select{
    background :#fff;
    border-radius :15px;
     padding: 5px 0px 2px 10px;
        color :#3c3c3c;
       
        font-family: 'open_sansregular';
        font-size: 12px;
        line-height: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .designers .listright select, .listright select.selectoption, .listfooter .per_page select, .listfooter .sort select{
padding: 0px 0px 0px 10px;
    }
    .styled-select{
        height: 34px !important;
    }
}
.redactor_toolbar{
    width:100%;
}
select option{
    padding: 10px;
}
.listfooter form{
     color :#3c3c3c;   
}
.listfooter .listleft form{
    margin-left: 15px;
}

.footer_pager {
    float: none;
    margin: 0 auto;
    width: auto;
}
.footer_pager .next, .footer_pager .previous, .footer_pager .last, .footer_pager .first{
    display: none;
}
.list-view .footer_pager .pager{
    text-align: center;
}
.footer_pager ul.yiiPager .page a{
    border: none;
         background :#ebebeb;
         color :#3c3c3c;
         font-size: 13px;
         font-weight : normal;
}

.body_wrapper ul.yiiPager a:link,.body_wrapper ul.yiiPager a:visited{
     border: none;   
     background :#ebebeb;
              color :#3c3c3c;
              padding: 1px 8px;
}
.footer_pager ul.yiiPager .selected a, .footer_pager .pager li > a:hover, .footer_pager .pager li > a:focus{
    background :#53b147;
    color: #Fff;
    border: none;
}
.per_page{
    color :#fff;
    float: left;
        font-family: 'open_sansregular';
        font-size: 13px;
}
/*.searchresults .per_page .styled-select{
    border-color :#022C26;
}

.searchresults .per_page .styled-select select {
    background: none repeat scroll 0 0 #022C26 !important;
    border: none;
    color: #FFFFFF !important;
    width: auto;
    margin:0;
}*/
.per_page  select, sort select {
    background: none repeat scroll 0 0 #022C26 ;
    border: none;
/*    color: #FFFFFF ;*/
    width: auto;
    margin:0;
}
.sort{
    margin:0;
}
.listleft {
    float: left;
}
.listright {
    float: right;
}
.listheader{
    
}

.series {
    border: medium none;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
    margin-top: 4px;
}
.series_title {
    font-size: 14px;
    font-family: 'open_sanssemibold';
    color :#fff;
}
.totalcount{
    float: left;
        font-family: 'open_sansregular';
        font-size: 13px;
        color :#fff;
        margin-top: 4px;
        border: 1px solid #1e433e;
        border-width: 0 1px;
        padding: 0 5px;
}
.jcarousel-wrapper{
     background:url(../images/menu_top_bg.jpg) repeat-x top center #fff;
     border:none;
}
 .jcarousel-control-next{
    background: url(../images/arrow_right.png) no-repeat center center transparent;
        height: 95px;
    width: 95px;
     box-shadow: 0 0 0;
     border-radius:0;
}
.jcarousel-control-prev{
    background: url(../images/arrow_left.png) no-repeat center center transparent;   
        height: 95px;
    width: 95px;
     box-shadow: 0 0 0;
     border-radius:0;
}
.span3.sidebars{
    width: 240px;
}
.body_wrapper .list-view{
    padding-top: 0px;
}

.discount{
    
}
.bestselling{
    
}
.favorite{
    
}
.main_menu{
    float: left;
    margin-top: 10px;
    margin-left:0px;
}
#fancybox-overlay{
    background :#022c26 !important;
    opacity:0.4 !important;
}
#fancybox-content{
    border-radius: 45px;
}
#fancybox-outer{
    border-radius: 30px;    
}
.fancybox-bg{
    background :none !important;
}
#fancybox-title, #fancybox-close{
    display: none !important;
}
.popheader_top {
    padding: 10px 28px 0;
}
.popheader_left {
    float: left;
}
.popheader_right {
    float: right;
}
.popupheader_bottom {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
}
.popuptools li {
    display: inline-block;
    padding-right:5px;
}

.popuptools > ul {
    margin: 0;
}
.material {
    display: inline-block;
    margin-left: 15px;
    
}
.popuptitle{
    font-family: 'open_sansregular';
    font-size: 20px;
    color :#022c26;
}
.popuptools a{
    font-size: 11px;
    color :#53b147;
    font-family: 'open_sansregular';
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 24px;

}
a#download{
    background-image: url(../images/pdf.png);
     margin:0 2px;
     padding-left: 26px;
         padding-bottom: 2px;
}
a#dtemplate{
    background-image: url(../images/dpdf.png);
     margin:0 2px;
     padding-left: 24px;
         padding-bottom: 2px;
         background-position:0px -1px;
}
a#customize{
    background-image: url(../images/logo-customize.png);  

     margin:0 2px;   
     padding-top:4px;
     padding-bottom:4px;
}
.clearfix{
    clear:both;
}
a#addtocart{
    //background-image: url(../images/shopping-cart.png);
    background:none;
    display:block;
    margin-top:15px;
}
a#shipping{
    background-image: url(../images/calculator.png);
    background-repeat: no-repeat;
    background:none;
}
a#inquiry{
    background-image: url(../images/icon-inquiry.png);  

     margin:0 2px;   
}
a#print{
    background-image: url(../images/print.png);
    margin:0 2px;
}
a#close{
    background-image: url(../images/clearall.png);
    padding:1px 17px 1px 0;
    background-position: right center;
}
.popuptools {
    float: right;
    margin-right: -19px;
    position: relative;
    top: 0;
    right: 11px;
}
.material{
    font-family: 'open_sansregular'; 
    font-size: 12px;
    color :#666666;
}
.material span{
    color :#53b147;
}
.popupheader_bottom{
      padding-bottom: 5px;
    padding-top: 5px;  
}
.prices p{
    text-align: center;
    font-size: 13.33px;
}
.ordertimeline{
    
}
.ordertimeline h2{
    font-family: 'open_sansregular';
    font-size : 20px;
    color :#53b147;
    margin:0;
    text-align: center;
    font-weight: normal;
}

.timebox {
    float: left;
    margin: 2.5%;
    text-align: center;
    width: 15%;
}
.bg1{
    background :#35867a;
}
.bg2{
    background :#20645a;
}
.bg3{
    background :#124f46;
}
.bg4{
    background :#0b4139;
}

.tbh {
    font-size: 30px;
    width: 110px;
    color :#fff;
    font-family: 'open_sanslight';    
    text-align: center;
    border-radius: 90px;
    height: 75px;
    padding: 15px;
    text-align: center;
    width: 75px;
        margin: 0 auto;
}
.tbh span{
     font-family: 'open_sansregular';
     font-size: 12px;
     float: left;
     width: 100%;
}

.tbt {
    color: #666666;
    font-size: 13px;
    margin-top: 24px;
    font-family: 'open_sansregular';
    line-height: 15px;
}
.tbt span{
    color :#53b147;
}

.product.ordertimeline {
    float: left;
    margin: 10px 0;
    min-height: 100%;
    padding-bottom: 20px;
}
.ac h1 {
    color: #53B147;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    font-family: 'open_sansregular';    
}
.ac ul{
    
}
.ac li{
    width: 45%;
    margin-right: 5%;
    color :#666666;
    font-size: 13px;
    font-family: 'open_sansregular';   
    float: left;
    list-style: none;
}
.ac td{
     color :#666666;
    font-size: 13px;
    font-family: 'open_sansregular';      
}
.ac b{
    color :#53b147;
    font-weight: normal;
}
.button{
    text-align: center;
}
.row input.normal{
      background: none repeat scroll 0 0 #53B147;
    border: 1px solid #53B147;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    font-weight: normal;
    margin-right: 25px;
    padding: 7px 20px;
    text-decoration: none;
}
.button a{
    background : #53b147;
    border-radius: 30px;
    color :#fff;
    padding: 7px 20px;
    margin-top:8px;
}
.button:hover{
    text-decoration: none;
    color :#fff;
}
.button a:hover{
    text-decoration: none;
    color :#fff;
}
.button a i{
     background : url(../images/catalog_down.png) no-repeat right center transparent;
     padding: 7px;
     margin-left: 13px;
}
.catalog{
    
}

.catalog .catname {
    padding: 10px 5px;
}
.catalog  .catname a{
    background:none;
    padding-right: 0;
}
.catalog .catdesc{
    height: 30px;
}

.catalog .button{
    margin-right:0;
}
.infopage{
    background: url(../images/info_bg.jpg) repeat-x center top transparent;
    margin-top: -11px;
    min-height: 680px;
}

.whoweare_front {
    margin-top: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    background : url(../images/whoweare_front.png) no-repeat center bottom transparent;
    height: 608px;
    top: 440px;
}
.whoweare .infopage{
/*    background-image: url(../images/whoweare_bg.jpg);*/
    position: relative;
    padding-bottom: 50px;
}
.whoweare .whoweare_front{
    top: auto;
    bottom: 0;
}
.whoweare .content_body{
   min-height: 566px; 
   position: relative;
   z-index: 1;
}
.whoweare .ph.slide_header{
    text-align: left;
}
.body_wrapper.whoweare{
 margin-bottom:0;   
}
.dl{
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 14px;    
}
.content_area{
       width: 100%;
    margin:0 auto;
}
.content_header{
    margin-top: 76px;
    margin-bottom: 27px;
}
.slide_header{
    
}
.ph.slide_header {
    margin-top: 20px;
}
.whoweare .jcarousel li{
    width: 100%;
}
.whoweare .jcarousel-pagination {
    bottom: 10px;
    left: 50%;
    margin: 0 0 0 -22px;
    position: absolute;
}
.whoweare 
.jcarousel-pagination a.active {
    background: none repeat scroll 0 0 #4E443C;
    box-shadow: 0 0 2px #F0EFE7;
    color: #FFFFFF;
    opacity: 1;
}
.whoweare 
.jcarousel-pagination a.active {
    background: none repeat scroll 0 0 #53b147;
    color: #53b147;
    opacity: 1;
    border: 1px solid #53b147;
}
.whoweare 
.jcarousel-pagination a{
    background: none repeat scroll 0 0 #fff;
    color: #53b147;
    opacity: 1;
    border: 1px solid #53b147;
      box-shadow: none;
    height: 10px;
    opacity: 1;
    padding: 0;
    width: 10px;
    min-width: 5px;
}
.whoweare .jcarousel {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index:0;
}
.whoweare .jcarousel li {
    margin: 0;
    padding: 0;
    width: 720px;
}

.whoweare .jcarousel-pagination {
    bottom: 10px;
    margin: 0 0 0 -22px;
    position: relative;
    text-align: center;
    z-index: 21;
}

.slide {
    position: relative;
    width: 90%;
    z-index: 20;
}
.content_header h1 {
    font-size: 55px;
    line-height: 55px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'ferrumextra-condensed';
    font-weight: normal;
}

.content_body {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 15px;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    z-index:1;
}
.content_inner{
    padding: 15px;
}
.faq{
    border-bottom: 1px solid #f2f2f2;
    padding: 20px;
}
.flink{
    background: url(../images/faq_closed.png) no-repeat right center transparent;
    font-size: 15px;
    font-family: 'open_sansregular';
    color :#53b147;
    display: block;
}
.flink:hover, .flink:visited, .flink:focus{
     color :#53b147;
     text-decoration: none;
}
.current .flink {
    background-image: url(../images/faq_opened.png);
}
.fans{
    display: none;
    padding: 15px 30px;
    font-family: 'open_sansregular';
    color :#666666;    
    font-size: 13px;
}
.infofooter{
    padding-top: 45px;
    clear: both;
}
.paymenticons {
    text-align: center;
}
.picon {
    display: inline-block;
    margin: 20px;
}

.paymenttext , .paymenttext2{
    line-height: 20px;
    margin-top: 10px;
    color :#666666;
    font-size: 13px;
    font-family: 'open_sansregular';    
}
.paymenttext2{
    font-size: 15px;
}
.info_hr{
    background : url(../images/info_hr.png) no-repeat center center transparent;
    height: 11px;
    margin: 40px 0;
}
.ph{
    text-aling: center;
    color :#53b147;
    font-family: 'open_sanslight';
    font-size: 35px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    margin:0 0 30px;
}

.comment{
    width: 335px;
    float: left;
    margin: 0 10px 10px;
}
.comment_text{
    color :#666666;
    font-size: 13px;
    font-family: 'open_sansregular';
    
}
.comment_date{
    color :#b6b6b6;
    font-size: 12px;
    font-family: 'open_sansregular';   
    clear: both;
    margin: 10px 0 ;
}
.comment_author{
    clear: both;
    margin: 0px 0 10px ;  
    float: left;
    width: 100%;
}
.comment_name{
    float: left;
    margin-left: 15px;
    color :#666666;
    font-size: 13px;
    font-family: 'open_sansregular';
    margin-top: 0px;
}
.comment_photo{
    float: left;
}
.comment_hr{
    background: url(../images/comment_hr.png) no-repeat center center transparent;
    height: 10px;
    width: 100%;
    clear: both;
    float: left;
    margin: 10px 0;
}
.contact_side{
      margin-left: 30px;
    margin-top: 20px;  
}
.contact_side h2{
    color :#022c26;
    text-decoration: none;
    font-size: 17px;
    font-family: 'open_sanssemibold';
    font-weight: normal;
}
.contact_side a{
    color :#53b147;
    text-decoration: none;
    font-size: 13px;
    font-family: 'open_sansregular';    
}

.cleft {
    float: left;
    width: 50%;
}
.cleft .row, .cright .row{
    width: 100%;
    margin:0 0 10px;
}
.cleft .row input[type="text"], .cform input[type="text"], .cform input[type="password"], .inputtext{
    border-radius: 20px;
    max-width: 100%;
    width: 90%;
}
.cright .row textarea{
    border-radius: 20px;
    max-width: 100%;
    width: 90%;
    height: 174px;
}
.cform textarea{
     border-radius: 20px;
    max-width: 100%;
    width: 90%;   
}
.cright {
    float: left;
    width: 50%;
}
.ctext > ul{
    margin-top: 10px;
}
.ctext{
    margin-bottom: 25px;
}
.ctext b{
    color :#022c26;
    text-decoration: none;
    font-size: 17px;
    font-family: 'open_sanssemibold';
    font-weight: normal;    
}
.ctext, .ctext li{
    color :#666666;
    text-decoration: none;
    font-size: 13px;
    font-family: 'open_sansregular'; 
}
.ctext li{
    list-style-image: url(../images/bold.png);
    line-height: 26px;
}
.green{
    color :#53b147;
}
.ctext .green{
    font-size: 15px;
        color :#53b147;
}
#contact-form .row label, #contact-form  .srow label, .cform label{
     color :#666;
    text-decoration: none;
    font-size: 11px;
    font-family: 'open_sansregular';    
}
.form label{
      color :#666;
    text-decoration: none;
    font-size: 11px;
    font-family: 'open_sansregular';    
}
.form .inputtext{
     border-radius: 20px;
    max-width: 100%;
    width: 90%;
}
#contact-form span.required{
    display: none;
}
#contact-form .errorMessage{
    color :red;
}
#contact-form .row input[type="submit"], .cform input[type="submit"], .cform input[type="reset"]{
     float: right;
    margin-right: 25px;
    background :#53b147;
    border-radius: 20px;
    border: 1px solid #53b147;
     color :#fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'open_sanssemibold';     
    font-weight: normal;
    padding: 7px 20px;
}
.button{
     margin-right: 25px;
    background :#53b147;
    border-radius: 20px;
    border: 1px solid #53b147 !important;
     color :#fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'open_sanssemibold';     
    font-weight: normal;
    padding: 7px 20px;   
}
#contact-form .buttons input[type="submit"]{
    
}
.cform td{
    width: 100%;
    float: left;
    padding:0;
    clear: both;
}

.cform table {
    width: 50%;
    margin:0 auto;
}
.errorMessage{
    color :red;
    font-size: 12px;
        font-family: 'open_sansregular';   
}
.user-links{
    
}
.user-links ul{
    margin:0;
}
.user-links ul li{
    list-style: none;
    display: inline-block;
    position: relative;
}
.designer-login, .distributor-login, .customer-login{
    background: url(../images/) repeat scroll 0 0 #fbfbfb;
    padding: 30px 30px 20px;
    position: absolute;
    z-index: 26;   
    border-radius: 15px 0px 15px 15px;
    right: 0;
    display: none;
    top:25px;
    box-shadow: 0 0px 3px #022c26;
    outline: 0 none;    
}
.designer-login input, .distributor-login input, .customer-login input{
    border-radius: 15px !important;
}
.user-links a{
    margin-bottom: 10px;
    padding: 10px 10px 5px; 
    border-radius: 15px 15px 0 0;    
}
.search_box{
    padding-right: 0px;
}
.user-links a.active, .user-links a:hover, .quick_menu li a:hover {
    background: none repeat scroll 0 0 #022C26;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0 0px 3px #022c26;
}

.lleft {
    float: left;
}
.lright {
    float: right;
}
.lleft > a {
    color: #53B147;
    float: left;
    margin: 5px 0 0;
    padding: 0;
}
.lleft > a:hover {
    background :none;
        color: #53B147;
        box-shadow: 0 0 0 #022C26;
        border-radius: 0 0 0 0;
        text-decoration: underline;
}
.lright > input {
    background: none repeat scroll 0 0 #53b147;
    color :#fff;
    border: none;
    padding: 5px 15px;
}
.requests .cleft, .requests .cright{
    padding: 0 5%;
    width: 40%;
}
.requests .cleft{
    background: url(../images/requests.png) no-repeat right center;
    text-align: right;
}
.requests .cleft .request{
    margin-right: -30px;
}
.request{
    text-align: center;
}
.request a{
    color :#53b147;
    text-decoration: underline;
}
#sid_0{
    background: url(../images/range_left.png) no-repeat right center;
    border: none;
    margin-left: -3px !important;
}
#sid_1{
    background: url(../images/rang_right.png) no-repeat left center;
    border: none;
}
#sidebar .ui-slider .ui-slider-range{
    background :#53b147;
}
#sidebar .ui-slider-horizontal{
    background :#ebebeb;
    border: none;
    border-radius: 0;
}
#sidebar .ui-slider .ui-slider-handle {
    height: 11px;
    margin-top: -3px;
    top: 0;
    width: 11px;
}
#sidebar .ui-slider-horizontal{
    height: 5px;
}
#minprice{
    float: left;
    color :#3c3c3c;
    font-size: 12px;
        font-family: 'open_sansregular';      
}
#maxprice {
    float: right;
    color :#3c3c3c;
    font-size: 12px;
        font-family: 'open_sansregular';      
}
#price_ranger{
    margin-top: 5px;
}

.designer_box{
    border-bottom: 1px solid #EEEEEE;
    float: left;
    width: 203px;
    padding: 15px;
    margin-bottom: 15px;
}

.designer_box_inner {
    float: left;
    min-height: 280px;
    padding: 1%;
    width: 98%;
}
.designer_image{
    margin: 0 auto;
    text-align: center;
    min-height: 225px;
}
.designer_name{
    color :#022c26;
    text-decoration: none;
    font-size: 17px;
    font-family: 'open_sanssemibold';     
    font-weight: normal;    
    text-align: center;
}
.designer_name a{
     color :#022c26;
    text-decoration: none;   
}
.designer_name a:hover, .designer_name a:focus{
         color :#022c26;
    text-decoration: none; 
}
.designer_location{
     color :#3c3c3c;
    font-size: 12px;
        font-family: 'open_sansregular'; 
        text-align: center;
}
.designer_location span{
    color :#53b147;
}
.designer_price{
     color :#3c3c3c;
    font-size: 12px;
        font-family: 'open_sansregular';    
        text-align: center;
}
.designer_price span{
    color :#53b147;
}

.sidebar .designer_price{
    font-size: 18px;
    clear: both;
}

.crow {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: auto;
}
.crow.buttons{
    width: auto;
    margin-top: 25px;
    float: right;
}
.crow input{
    border-radius: 15px !important;
    padding: 5px !important;
}
.crow input[type="text"]{
    max-width: 56px;
    text-align: center;
}
.crow a:focus{
    color:#fff;
    text-decoration: none;
}
#gettemplate{
    background: url(../images/preview.png) no-repeat center center;
    border: none;
    color: #53B147;
    padding: 8px 70px !important;
    text-indent: -2000px;
    height:33px;
}
#downloadpdf{
    background: url(../images/downloapdf.png) no-repeat center center;
    border: none;
    color: #53B147;
    padding: 8px 70px !important;
    text-indent: -2000px;
    height:33px;
}

.designer-left .note {
        clear: both;
        color :#666666;
        font-size: 11px;
        font-family: 'open_sansregular';     
}
.designer-left label{
        color :#666666;
        font-size: 16px;
        font-family: 'open_sansregular';
        float: left;
        display: inline-block;
        margin-top: 7px;
        margin-right: 8px;
        line-height: 1;
}
.designer-left .diminsions input{
    display: inline-block;
    width:70px;
    box-shadow: 0 0 0 0;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.designer-left .artwork input{
    display: inline-block;
    width:100px;
    box-shadow: 0 0 0 0;
    margin: 0;    
}
.designer-left span.required{
    display: none;
}
.designer-left h1{
    font-size:40px;
    color:#53b147;
    font-family: "open_sansregular";  
    font-weight: normal;
    margin: 20px 0 40px;
}
.designer-left h2{
    font-family: "open_sansregular";
    font-size:24px;
    color:#333;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 18px;
}

.hiddenfile{
    display:none;
}
.filebox{
    border: 1px solid #DBDBDB;
    border-radius: 20px;
    padding: 5px;
    display: inline-block;
    width: 170px;
    height: 24px;
}
.filebrowse{
    background: #e6e6e6;
    border-radius: 20px;
    padding: 5px 15px;
    width: auto;
    height: 20px;
    border: 1px solid #FFF;
    float: right;
    margin-top: -4px;
    margin-right: -4px;
    font-size: 12px;
    font-family: "open_sansregular"; 
    color:#989898;
    cursor: pointer;
}
.filename{
    font-size: 10px;
    font-family: "open_sansregular";
    color:#989898;
    overflow: hidden;
    width: 100px;
    float: left;
    margin-top: 2px;
    text-align: center;
    height: 20px;
}
.diminsions, .pcolors, .artwork2{
    margin-bottom: 40px !important;    
}

.shadow {
    box-shadow: 0 0 50px #022C26;
    height: 200px;
    margin: 0 auto 0;
    position: relative;
    width: 1000px;
    z-index: 0;
    top: 50px;
}
.line .header{
    border-bottom: 1px solid #CCCCCC;
}

.line .body_wrapper {
    margin-top: 15px;
}
.designers h2{
         color :#022C26;
    font-size: 18px;
        font-family: 'open_sansregular';
        line-height: 18px;
        margin-top: 0;
}
.btnc a{
    text-decoration: none;
}
.btnc a:hover{
    text-decoration: none;
}
/* Products */
        .product_image_box{
            width: 160px;
            background: #fff url(../images/product_image_box_border.png) no-repeat bottom center;
            padding-bottom: 15px;
            float: left;
            min-height: 160px;
        }
        .product_image_box_inner{
            background: #fff url(../images/product_image_box.png) no-repeat bottom center;       
            border:1px solid #d9d8d8;
            width: 160px;
            float: left;
            color:#333333;
            min-height: 186px;
        }

.catalogs {
    text-align: center;
    text-align:left;
}        
#by_catalog{
    background: url(../images/arrow_green.png) no-repeat 214px center transparent;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding:5px 15px;
    margin-top: 30px;
}
.selections{
    margin-left: 20px;
}

.selections select {
border: 1px solid #E5E5E5;
border-radius: 20px;
height: 36px;
padding: 5px 5%;
width: 95%;
}

.search_box select, .sidebars select, .search_box textarea, .search_box input[type="text"], .sidebars input[type="text"] , .search_box input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    border-radius: 20px ;
}
.sidebars select{
border: 1px solid #E5E5E5;
    border-radius: 20px;
    height: 36px;
    padding: 5px 5%;
    width: 95%;    
}
.sidebars .srow {
    clear: both;
    float: left;
    padding: 10px 0px 10px 0;
    width: 100%;
}
.sidebars #search-form input[type="text"]{
padding: 5px 15px;
    width: 255px; 
}
.catlist{
    margin: 0;
    padding:0;
}

.catlist .cat {
    margin-top: 0;
}
.catlist .catimg {
    height: 250px;
    text-align: center;
}
.catlist li {
    display: inline-block;
    list-style: none outside none;
    margin: 1%;
    width: 30%;
    float: left;
}
.catlist .catname a{
    background :none;
}
.addthis_button_print, .addthis_button_compact, .addthis_button_gmail{
    display: none !important;
}
.txt {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.txt_bdy {
    float: left;
    margin-left: 60px;
    font-size: 13px;
    color :#666666;
}
.grid-view table.items a, .grid-view table.items td, .grid-view table.items th{
    color :#666666;
}
.contacts{
    
}
.contacts .view {
    border-color: #90EE90;
    float: left;
    margin-left: 2%;
    width: 44%;
}
.contacts .view a{
    font-weight: bold;
    text-transform: capitalize;
    color :#666666;
}
.icon.c_icon {
    float: left;
    width: 40px;
}
.txt_bdy {
    float: left;
    margin-left: 20px;
    width: 585px;
}
#contact-form .hint{
    display: none;
}
.bimg{
    width: 100%;
}
#quick_menu{
    display: none;
}
#main_menu{
    display:none;
}

#quick_menu, #main_menu, #sidebar {
    background: none repeat scroll 0 0 #808080;
    color: #FFFFFF;
    margin: 5px 1px 1px;
    padding: 5px;
    text-align: center;
}
#sidebar{
    display: none;
}

.banner .flex-direction-nav .flex-next{
    right: 20px;
    opacity:1;
    background: url(../images/arrow_right.png) no-repeat left center transparent;
    width: 95px;
    height: 95px;  
    transition: all 0s ease 0s;
    top:45%;
    background-size: 100%;
}
.banner .flex-direction-nav .flex-prev{
    left: 20px;
    opacity:1;
    background: url(../images/arrow_left.png) no-repeat left center transparent;
    width: 95px;
    height: 95px;
    transition: all 0s ease 0s;
    top:45%;
    background-size: 100%;
}
.banner .flex-direction-nav a.flex-next:before{
    content: "";    
}
.banner .flex-direction-nav a.flex-prev:before {
    content: "";
}
.banner .flexslider:hover .flex-prev, .banner .flexslider:hover .flex-next{
        opacity:1;
}
.banner .flexslider:hover .flex-prev{
    left:20px;
}
.banner .flexslider:hover .flex-next{
    right:20px;
}
.banner .flexslider{
    border: none;
    border-radius:0;
}
.banner .flexslider{
    box-shadow: 0 0 0;
    margin:0;
}
    .span12{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
        max-width: 1108px;
        width: 100% !important;
        min-width: 320px !important;
    }

.sub_menu .row-fluid {
    width: 100% !important;
}
.logos a {
    margin: 0 10px;
}
.addfiles.button {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 130px;
}
   .styled-select select {
   background: transparent !important;
   width: 180px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.styled-select {
   width: 150px;
   height: 30px;
   overflow: hidden;
   background: url(../images/arrow_down.png) no-repeat 128px #fff;
   border: 1px solid #fff;
    border-radius: 15px;
    color: #3C3C3C;
    margin-left: 10px;
    float: right;
   }
   .styled-select.colored select{
        color: #3C3C3C;
   }
      .countryselection select {
   background: transparent !important;
   width: 111% !important;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 32px;
   -webkit-appearance: none;
   border:1px solid #E5E5E5;
   margin-left: 0px !important;
   }
.countryselection {
   width: 100%;
   height: 36px;
   overflow: hidden;
   background: url(../images/arrow_down.png) no-repeat 92% center #fff;
   border: 1px solid #E5E5E5;
    border-radius: 20px;
    color: #3C3C3C;

   }
   .row.half-right > a {
    float: left;
    margin-top: 17px;
}
   
.sort > span {
    float: left;
    margin-top: 5px;
}
body .grid-view table.items th:hover a:after{
    right: 0;
    top: 5px ;
}
         .countryselections select {
   background: transparent !important;
   width: 111% !important;
   max-width: 111% !important;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 36px;
   -webkit-appearance: none;
   border:0px solid #E5E5E5;
   margin-left: 0px !important;
   }
.countryselections {
   width: 100%;
   height: 32px;
   overflow: hidden;
   background: url(../images/arrow_down.png) no-repeat 92% center #fff;
   border: 1px solid #E5E5E5;
    border-radius: 15px;
    color: #3C3C3C;
    margin-bottom: 10px;
   }
   .skillselection ul.token-input-list-facebook{
       width: auto;
       border:none;
   }
   .skillselection .token-input-input-token-facebook input{
       width: 100%;
       padding: 6px;
       border: 1px solid #eee;
       box-shadow: 0 0 0 transparent;
   }
   .token-input-dropdown-facebook{
       width: auto !important;
   }
   .token-input-dropdown-facebook li{
       
   }
   div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook{
       background-color: #D9D8D8 !important;
       color: #333 !important;
   }
.per_page > span {
    float: left;
    margin-top: 5px;
}
#mygrid th{
    background: #022c26;
    border: none;
    padding:5px 10px;
}
#mygrid th:first-child{
    border-top-left-radius: 10px;
}
#mygrid th:last-child{
    border-top-right-radius: 10px;
}
#mygrid .table-bordered{
    border-top: none;
}
#mygrid th, #mygrid th a{
    color :#fff;
    font-weight: normal;
}
#mygrid .table th, #mygrid .table td{
    height: 30px;
    vertical-align: middle;
}

.designer_profile {
    clear: both;
    float: left;
    padding: 10px 5%;
    width: 90%;
    text-align: center;
}
.designer_profile .product_name {
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
 .shadows{
        background-color: #000 !important;
        border-color: #000 !important;
    }
    #fancybox-overlay.shadows{
        background-color: #000 !important;
        border-color: #000 !important;        
    }
    .skillselection li.token-input-token-facebook{
         background-color: #53b147;
        border: 1px solid #53b147;
        border-radius: 25px;
        color: #fff;
        padding: 5px 10px;
    }
    .skillselection li.token-input-token-facebook span{
        color: #fff;
    }
    
    /* shopping cart*/
    #cart {
    background-position: 9px center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 25px;
    float: left;
    margin-right: 15px;
    margin-top: 0;
    padding: 6px 18px 6px 36px;
         background-image: url(../images/shopping-cart.png);
    }
    #cart:hover{
        text-decoration: none;
    }
    
/* responsive */
@media only screen and  (max-width:1179px){
    .header_left.span7{
        
    }

}

@media only screen and  (max-width:1179px){
    .header_wrapper .header .span1{
        width:100px;
    }
    .header_wrapper .header .span11{
        width: calc(100% - 100px);
        margin-left: 0;
    }
    .logo{
        padding-left: 0;
    }
    #awt, #order{
        padding:5px 8px;
        font-size: 12px;
    }
    .header_left.span7{
        
    }
    .main_menu li a {
      font-size: 13px;
      padding: 10px 8px;
    }
    .header_bottom{
        width: 25%;
    }
    .row-fluid {
/*        width: 980px !important;*/
        margin: 0 auto;
    }
    .link{
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu_container{
        padding-left: 0px;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    min-width: 980px;
}


.content_area {
    margin-left: -20px;
}
.search_box input[type="text"]{
    width:130px;
}
}
#fancybox-content{
    border: none !important;
    background: transparent !important;
}
#fancybox-outer{
    background: transparent !important;
}
#fancybox-frame body{
    
}

#mfa {
    position: absolute;
    top: 60px;
    right: 20px;
    padding: 0;
    color: #fff;
    z-index: 10000000;
    transition: width .3s linear;
    height: 64px;
    width: 64px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(1,1,1,0.3);
    border-radius: 90%;
}
#mfa:hover, #mfa.hovering{
    width: 390px;
    border-radius: 40px;
    background-image: url(../images/support-over-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 40px;
}

#mfa.lhovering{
    width: 64px;
    border-radius: 40px;
    max-height: 64px;
    max-width: 390px;
    background-image: url(../images/support-over-bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 40px;
}
#ahover1{
    opacity: 0;
}
#mfa:hover #ahover1, #mfa.hovering #ahover1, #mfa.lhovering #ahover1{
    opacity: 1;
}
/*#mfa.hovering, #mfa.hovered{
    border-radius: 25px;
    padding: 7px 7px 7px 20px;
    background: green; 
}*/
#mfa:hover, #mfa:focus, #mfa:active{
    text-decoration: none;
}
#annapopup{
    display: none;
}
#annapopup.showmessage {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
}
#annamb {
    width: 80%;
    margin: 20px auto;
    background: #fff;
    border-radius: 5px;
    padding: 30px;
    max-width: 800px;
    height: 68vh;
}
#annaclose {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/close.svg) no-repeat center center transparent;
    width: 20px;
    height: 20px;
    animation: antirotate-half .3s linear;
}
#annaclose:hover{
    animation: rotate-half .3s linear;
}
#mb{
    width: 100%;
    float: center;
    max-width: 800px;
    height: 65vh;
    padding: 15px 0;
}
#mfa.clicked #ahover1{
    display: none !important;
}
#mb p {
    font-size: 13px;
    margin-bottom: 15px;
}
/*#mfa span{
    animation: annapopup 1s infinite linear;
    position: relative;
}*/

#mfa #anormal{
    display: block;
    background: url(../images/support.svg) no-repeat center center transparent;
    width: 64px;
    height: 64px;
    transition: all 0.2s linear;
    position: relative;
    margin: 0 0 0 auto;
}
#mfa.hovering{
    
}
#mfa.hovering #anormal{
    animation: rotate-clockwise .5s linear;
}
#mfa.lhovering #anormal{
    animation: rotate-anticlockwise .5s linear;
}
/*#mfa.hovering #anormal{
    height: 40px;
    width: 40px;
    top: 13px;
}*/
#mfa:hover #anormal{
    background-image: url(../images/support-over.svg);
    background-position: left center;
}

#mfa #ahover{
    position: relative;
    transition: left .3s linear;
}

#mfa:hover #ahover{
    display: block;
}
#mfa #ahover div {

    position: absolute;
    top: 23px;
    left: 29px;
    width: 310px;
    font-size: 18px;

}
body.showpm{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#mfa.clicked {
    bottom: 0;
    right: 0;
    transition: all 0.3s linear;
    width: 100%;
    height: 100%;
    border-radius: 0;
}
#mfa_overlay{
    background: url('../images/popup-bg.jpg') no-repeat center center;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-size: 100%;
}
#ai{
    width: 190px;
    float: right;
    height: 100%;
    vertical-align: bottom;
    position: relative;    
}
#ai img{
    position: absolute;
    bottom: -31px;    
}
#annamb .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
   right: -220px;
  
   top:10px;
   max-width: 800px;
}
#mb{
    padding: 15px 0;
}
#awc{
    font-family: 'RageItalic';
    font-size: 40px;
    color: #53b147;
    display: block;
    margin-bottom: 20px;
    margin-top: 15px;
}
.ahiw{
    font-family: 'RageItalic';    
    font-size: 30px;
    color: #000000;   
margin-top: 20px;
margin-bottom: 5px;    
}

@keyframes annapopup {
  0%, 100% {
    top:-3px;
  }
  50% {
      top:3px;
  }
}
@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
@keyframes rotate-anticlockwise {
  from {
    transform: rotate(360deg);
  }
  to {
      transform: rotate(0deg);
  }
}
@keyframes rotate-half {
  to {
    transform: rotate(0deg);
  }
  from {
      transform: rotate(90deg);
  }
}
@keyframes antirotate-half {
  to {
    transform: rotate(90deg);
  }
  from {
      transform: rotate(0deg);
  }
}
/* test from here 26/08/2023 13:47 to line 4533
/*
@media only screen and  (max-width:1210px){
    .header_left.span7{
        
    }
    .span12 {
        width: 980px;
    }    
    .user-links ul{
        margin-left: 0px;
    }
    .link{
        padding:0 15px;
    }
    .footer_wrapper .span2{
        padding-left: 15px;
    }
    .menu_container {
        float: left;
        padding-left: 15px;
    }
    .header_wrapper .container-fluid .span7{
        width: 66%;
    }
    
    .header_wrapper .container-fluid .span5{
        width: 30%;
    }
    .user-links a{
        padding: 10px 5px 5px;
    }
    .user-links {
    margin-top: 0;
    width: 100%;
}
.header_top{
    margin-top: 10px;
    height: auto;
}
.header_top .search_box{
    clear: both;
}
}
/*
@media only screen and (max-width:1023px){
        .span12 {
        width: 950px;
    }   
    .header_wrapper .container-fluid .span7 {
    width: 640px;
}
.header_wrapper .container-fluid .span5 {
    width: 280px;
}
#awt, #order{
    padding-left: 15px;
    padding-right: 15px;
}
.shadow{
    width: 90%;
}
}
@media only screen and (max-width:979px){
         .span12 {
        width: 770px;
    }      
/*    .header_wrapper .container-fluid .span7 {
        width: 100%;
    }
    .header_wrapper .container-fluid .span5 {
    width: 100%;
}
.header_top #search-form input[type="text"]{
    float: right;
}
/*.header_wrapper .container-fluid .span5 {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}*/
/*.header_top {
    float: left;
}


.header_bottom {
/*    clear: right;
    float: right;
    margin-bottom: 10px;
}

.user-links {
    float: right;
    margin-top: 0;
    width: auto;
}

.header_top .search_box {
    clear: left;
    padding-right: 5px;
}
.link {
    padding: 0;
}
.flinks a{
    line-height: 20px;
}
}
@media only screen and (max-width:799px){
    
}
@media only screen and (max-width:767px){
    .container-fluid {
    padding: 0 20px !important;
}
/*
.logo {
    float: none;
    padding-left: 0;
    padding-top: 10px;
}

.logo-container {
    float: none;
    text-align: center;
    width: 100%;
}

.menu_container {
    float: left;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
#quick_menu{
    display: block;
}
.quick_menu{
    display: none;
}
#main_menu{
    display:block;
}
.main_menu{
    display: none;
}
.logo{
    text-align: center;
}

.header_top {
    float: left;
    text-align: center;
    width: 100%;
}
.user-links {
    float: left;
}
.header_top .search_box {
    clear: none;
    margin-left: auto;
}
.header_bottom {
    clear: both;
    float: none;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 40px;
    text-align: center;
}
#awt, #order {
    float: none;
}

body.page{
    padding-left:0;
    padding-right: 0;
}

.footer_wrapper .span4, .footer_wrapper .span2 {
    height: auto;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.link {
    padding: 0 40px;
}
/*
.banner{
    display: none;
}
.user-links {
    float: none;
}
.header_top .search_box {
    border-right: 0 none;
    clear: none;
    float: none;
    margin-left: auto;
    padding-bottom: 10px;
    text-align: center;
}

.quick_menu.show ul {
    box-shadow: 0 0 0;
    display: block;
    position: relative;
    width: 100%;
    border: none;
}
.quick_menu.show a {
    color: #FFFFFF;
}

.quick_menu li  {
    display: block;
    max-width: 100%;
    padding: 15px 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index:1000000;
    background: gray;
}

.quick_menu ul li:hover ul li {
    display: block;
    max-width: 100%;
    padding: 15px 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.quick_menu.show li li {
    background: none repeat scroll 0 0 #D3D3D3;
}

.quick_menu.show li li  a{
    color :#222;
}
.quick_menu.show{
    margin-left:0;
}

.sidebar{
    display: none;
}
#sidebar{
    display: block;
}
}
@media only screen and (max-wdith:639px){
    
}
@media only screen and (max-wdith:479px){
    
}
@media only screen and (max-wdith:359px){
    
}
@media only screen and (max-wdith:319px){
    
}


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
        #mobileheader{
            display: none;
        }
        .mobmenu{
            display: none;
        }
        
        .mobnav,
        .nav__sub {
          margin-top: 0;
          margin-bottom: 0;
          padding: 15px;
          list-style-type: none;
        }

        .mobnav {
          position: relative;
          width: 300px;
          background-color: white;
          overflow: hidden;
        }

        .nav__item + .nav__item {
          margin-top: 15px;
        }

        .nav__link {
          font-weight: 500;
          color: white;
          text-decoration: none;
        }

        .nav__sub {
          position: absolute;
          top: 0;
          right: -30px;
          width: 100%;
          height: 100%;
          background-color: #fff;
          opacity: 0;
          visibility: hidden;
          transition: all 0.35s ease-in-out;
          transform: translateX(100%);
        }
        .nav__sub.is-active {
          opacity: 1;
          visibility: visible;
          transform: translateX(0%);
        }
        .quick_menu .hilight a {
            background: #53b147;
            color: #fff;
            border-radius: 30px;
            padding: 5px 10px;
        }
        .quick_menu li.hilight li a{
            border-radius: 0 !important;
        }
        @media only screen and (max-width:1179px){

            .dflex {
                margin-top: 18px;
                display: flex;
                flex-flow: column;
              }
              .header_top{
                  margin-top: 5px;
              }
              .user-links {
                float: none;
                margin-top: 0px;
                text-align: center;
              }
              #loginbox{
                  padding: 5px 15px;
                  margin: 0;
                  display: block;
              }
              .loginbox{
                  top: 82px;
                  right: 10px;
              }
              #awt{
                  text-align: center;
              }
        }
        @media only screen and (max-width:1179px){
            .header_wrapper{
                min-height: 0;
            }
            .mheader{
                display: none;
            }
            #mobileheader{
                display: block;
                text-align: right;
                width: 100%;
            }
            /*
            #menuicon {
                position: absolute;
                right: 20px;
                top: 10px;
                width: 40px;
                cursor: pointer;
                height: 40px;
              } */
            .mobmenu.show{
                display: block;
            }
            #menuicon svg {
                width: 50px;
                margin-top: 27px;
              }
              .mobnav li{
                  border-bottom: 1px solid #eee;
                  display: flex;
              }
            .mobnav li a{
                display: block;
                width: calc(100% - 30px);
                padding: 5px;
                color: #3c3c3c;
            }
            .mobnav li ul{
                
            }
            .opensub svg{
                width: 30px;
            }
            .mobnav {
                position: absolute;
                width: 300px;
                background-color: #fff;
                overflow: hidden;
                left: -500px;
                margin: 0;
                top: 0;
                transition: left 0.5s linear;
                height: 100%;
                text-align: left;
                box-shadow: 5px 0px 10px rgba(0,0,0,0.5);
            }
            .mobnav.show{
                display: block;
                left: 0;
                z-index: 10000000;
            }
            .nav__link.sub__close {
                color: #000;
              }
              #menuicon span{
                position:absolute;
                left: 5px;
                display:inline-block;
                width:30px;
                height:3px;
                background-color: #000;
                transform-origin:center;
                transition: opacity 0.2s linear, all 0.3s linear;
              }
              #menuicon span:nth-of-type(1){
                top: 10px;
              }
              #menuicon span:nth-of-type(2){
                top: 20px;
              }
              #menuicon span:nth-of-type(3){
                top: 30px;
              }
              #menuicon.active span:nth-of-type(1){
                transform: rotate(45deg);
                top: 15px;
              }
              #menuicon.active span:nth-of-type(2){
                opacity:0;
              }
              #menuicon.active span:nth-of-type(3){
                transform: rotate(-45deg);
                top: 15px;
              }
              .logo{
                  padding: 10px;
                  margin: 0;
              }
              #mobmenuicons{
                  display: flex;
                  justify-content: end;
                  margin-top: 10px;
              }
              #menuicon {
                position: relative;
                width: 40px;
                height: 40px;
              }
              #searchicon{
                  margin-left: 5px;
                  margin-right: 5px;
              }
              #searchicon svg{
                  width: 30px;
                  height: 30px;
                  margin-top: 7px;
                  display: none;
              }
              #searchicon svg:first-child{
                  display: block;
              }
              #searchicon svg:last-child{
                  display: none;
              }
              #searchicon.active svg:first-child{
                  display: none;
              }
              #searchicon.active svg:last-child{
                  display: block;
              }
              
              #searchboxmob{
                  display: none;
              }
              #searchboxmob.active{
                  display: block;
              }
              #searchboxmob .search_box{
                  margin-top: 7px;
              } 
              #searchboxmob.active .closesearch{
                  display: block;
              }
              #fmb {
                margin: 0;
              }
              #fmb #SearchForm_keyword{
                border: none;
                box-shadow: 0 0 0 transparent;
                margin: 0;
              }
              .closesearch svg{
                  width: 30px;
                  height: 30px;
              }
              #mobileheader .dflex{
                  margin-top: 0px;
                  flex-flow: row;
                  display: inline-block;
              }
              #mobileheader #awt {
                margin-right: 5px;
                float: none;
                display: inline-block;
                line-height: 20px;
                margin-top: 7px;
              }
              .header_top {
                margin-top: 7px;
                height: 30px;
              }
              .user-links a {
                margin-bottom: 0;
                padding: 5px 10px 5px;
                border-radius: 15px 15px 0 0;
                display: block;
                color: #fff;
              }
              .banner .flex-direction-nav .flex-next, .banner .flex-direction-nav .flex-prev{
                  width: 40px;
                  height: 40px;
              }
              .home_links {
                float: none;
                margin: 20px auto;
                width: 90%;
              }
              .home_links .link {
                float: none;
                display: inline-flex;
                flex-flow: column;
                width: calc(25% - 44px);
                margin-bottom: 10px;
              }
              #content .row{
                  margin-left: 0;
              }
              .footer_wrapper .span2{
                  margin-bottom: 50px;
                  width: calc(20% - 0px);
              }
              .footer_wrapper .span5{
                  padding-left: 20px;
                  order: 10;
              }
              .footer_wrapper .row{
                  display: flex;
                  flex-flow: wrap;
              }
              #fmb{
                  display: flex;
              }
              .span3.sidebars{
                  width: 100% !important;
              }
              .span3.sidebars + .span9{
                  width: 100%;
                  margin: 5px auto;
              }
              #sidebar{
                  display: block;
              }
              .sidebar{
                  display: none;
              }
              .product_box{
                  float: none;
                  display: inline-block;
                  width: 20%;
              }
              .product_iframe{
                  width: 100%;
                  min-width:878px;
              }
        }
        @media only screen and ( max-width:1179px){
            .product_iframe{
                max-width: 100%;
            }
            .fproduct{
                width: 100%;
              
            }
            .popheader_left, .popheader_right {
                float: none;
                text-align: center;
              }
              .popuptools, .topheaderright{
                  float: none;
              }
              a#addtocart, a#shipping{
                  margin: 0;
              }
              .product_left, .product_right{
                  width: 100%;
              }
        }
        @media only screen and (max-width: 1179px){
            .footer_wrapper .span2{
                  margin-bottom: 50px;
                  width: calc(28% - 0px);
              }
              .home_links .link {
                    width: calc(33% - 44px);
              }
              .search_box input[type="text"] {
                width: 64px;
              }
              .product_box{
                  width: 33%;
              }
              .listheader {
                width: 100%;
                padding: 5px;
              }
              .listheader .series{
                    width: 100%;
              }
              .listleft, .listright{
                  float: none;
              }
              .listheader .series_title{
                  float: none;
                  padding-bottom: 5px;
                  text-align: center;
              }
              .footer_pager {
                float: none;
                margin: 0;
                width: 100%;
                clear: both;
                display: block;
                padding-top: 2px;
              }
              .listheader form{
                  display: flex;
              }
              .listheader .sort > span{
                  float: none;
                  margin-left: 10px;
              }
              .listright {
                display: flex;
                justify-content: end;
              }
        }
        @media only screen and (max-width: 640px){
            .footer_wrapper .span2{
                  margin-bottom: 50px;
                  width: calc(40% - 0px);
              }
              .home_links .link {
                    width: calc(50% - 44px);
              }
              .product_box{
                  width: 50%;
              }
        }
        
        .createtemplate .crow.buttons {
    width: auto;
    margin-top: 0px;
    float: none;
}