@import url('fonts/stylesheet.css');
@font-face {
	font-family: 'Conv_calibril';
	src: url('calibril/calibril.eot');
	src: local('☺'), url('calibril/calibril.woff') format('woff'), url('calibril/calibril.ttf') format('truetype'), url('calibril/calibril.svg') 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;
}
.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 Sans', sans-serif;
    font-size: 13px;
    padding: 5px 0 5px 5px;
    text-align: left;
    width: auto;
    color :#022c26;
    
}

.product_size {
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 5px 5px 5px 0;
    text-align: right;
    width: auto;
    color :#53b147;
    font-weight: 600;
}
        .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: 22px;
            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 Sans', sans-serif;
    font-size: 35px;
    font-weight: 100;
    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 Sans', sans-serif;
    font-size: 11px;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
}
body{
    font-family: 'Open Sans', sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6{
        font-family: 'Open Sans', sans-serif;
}
.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 Sans', sans-serif;  
    font-size: 13px;
}
.product_right h3{
    color:#022c26;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    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 Sans', sans-serif;
    font-size :14px;
    font-weight: 600;
    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 Sans', sans-serif;    
}

.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: left;
    padding-right: 20px;

   margin-right: 00px;
   text-align: right;
   border-right: 1px solid #d7d7d7;
}
#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 left center;
    color :#fff;
    font-weight: bold;
    border:none;
    margin-left: -25px;
    padding: 5px 12px;
    box-shadow: none;
}
#search-form input[type="text"]{
    padding: 5px 15px 5px 5px;
    margin: 0;
    width: auto;
    float: left;
}
#customer-design-form{
/*    width: 80%;
    margin-left: 20px;*/
background: #f9f9f9;
padding-bottom: 30px;
float: left;
width: 100%;
}
#customer-design-form .note{
    background: #53b147;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    padding: 20px;
     border-radius: 5px 5px 0 0;
     font-family: 'Open Sans', sans-serif;
}
#customer-design-form label{
    font-size: 13px;
    font-weight: bold;
    color: #676767;
     font-family: 'Open Sans', sans-serif;
     cursor: text;
}
#customer-design-form label[for="CustomerDesign_description"]{
     float: left;
    margin-top: 4px;
}
#customer-design-form input[type="text"], #customer-design-form textarea{
    padding: 5px 7px;
}
#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: 14px;
}

.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 Sans', sans-serif;
    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;
}
.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 Sans', sans-serif;
}
.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 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 Sans', sans-serif;
    font-size: 14px;
    margin-left: 0px;
}

.header_top {
    margin-top: 15px;
    height :30px;
    float: right;
}

.header_bottom {
    float: right;
    margin-top: 15px;
     border-right: 1px solid #d7d7d7;
}
.header_bottom #awt{
    margin-right: 10px;
}
.header_bottom #order, .orderbag{
    background: #022c26;
}
#awt, #order{
    background :#53b147;
    border-radius: 30px;
    padding:7px 30px;
    color :#Fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    float: left;
    font-weight: 700;
}
.orderbag, .uploadlogo{
    background :#53b147;
    border-radius: 30px;
    padding:7px 30px;
    color :#Fff;
    font-family: 'Open Sans', sans-serif;
    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 Sans', sans-serif;
    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 Sans', sans-serif;
    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 Sans', sans-serif;
        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 Sans', sans-serif;
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 Sans', sans-serif;
    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 Sans', sans-serif;    
    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 Sans', sans-serif;
   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 Sans', sans-serif;
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 Sans', sans-serif;
    color :#022c26;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 17px;
    font-weight: 600;
    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 Sans', sans-serif;
        color :#666666;
        float: right;
        font-weight: normal;
}
.categories-header{
    background: url(../images/filter_header_bg.png) no-repeat center bottom transparent;
    margin-left: 20px;
    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;
}
.categories-list li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color :#3c3c3c;
    
}
.categories-list li.current, .categories-list li:hover{
    background :#53b147;
}
.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 Sans', sans-serif;
    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 Sans', sans-serif;
        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 Sans', sans-serif;
        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 Sans', sans-serif;
        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 Sans', sans-serif;
    color :#fff;
    font-weight: 600;
}
.totalcount{
    float: left;
        font-family: 'Open Sans', sans-serif;
        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;
}
#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 Sans', sans-serif;
    font-size: 20px;
    color :#022c26;
}
.popuptools a{
    font-size: 11px;
    color :#53b147;
    font-family: 'Open Sans', sans-serif;
    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 Sans', sans-serif; 
    font-size: 12px;
    color :#666666;
}
.material span{
    color :#53b147;
}
.popupheader_bottom{
      padding-bottom: 20px;
    padding-top: 15px;  
}
.prices p{
    text-align: center;
    font-size: 13.33px;
}
.ordertimeline{
    
}
.ordertimeline h2{
    font-family: 'Open Sans', sans-serif;
    font-size : 20px;
    color :#53b147;
    margin:0;
    text-align: center;
    font-weight: normal;
}

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

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

.tbt {
    color: #666666;
    font-size: 13px;
    margin-top: 24px;
    font-family: 'Open Sans', sans-serif;
    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 Sans', sans-serif;    
}
.ac ul{
    
}
.ac li{
    width: 45%;
    margin-right: 5%;
    color :#666666;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;   
    float: left;
    list-style: none;
}
.ac td{
     color :#666666;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;      
}
.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 Sans', sans-serif;
    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);
    min-height: 927px;
}
.whoweare .content_body{
   min-height: 566px; 
   position: relative;
   z-index: 1;
}

.body_wrapper.whoweare{
 margin-bottom:0;   
}
.dl{
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 14px;    
}
.content_area{
    max-width: 1200px;
    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 Sans', sans-serif;
    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 Sans', sans-serif;
    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 Sans', sans-serif;    
}
.paymenttext2{
    font-size: 15px;
}
.info_hr{
    background : url(../images/info_hr.png) no-repeat center center transparent;
    height: 11px;
    margin: 40px 0;
}
.ph h1{
    font-size: 55px;
    line-height: 55px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'ferrumextra-condensed';
    font-weight: normal;
}
.ph  {
    margin-top: 76px;
    margin-bottom: 27px;
}
.comment{
    width: 335px;
    float: left;
    margin: 0 10px 10px;
}
.comment_text{
    color :#666666;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    
}
.comment_date{
    color :#b6b6b6;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;   
    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 Sans', sans-serif;
    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 Sans', sans-serif;
    font-weight: 600;
}
.contact_side a{
    color :#53b147;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;    
}

.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 Sans', sans-serif;
    font-weight: normal;    
}
.ctext, .ctext li{
    color :#666666;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif; 
}
.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 Sans', sans-serif;    
}
.form label{
      color :#666;
    text-decoration: none;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;    
}
.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: left;
    background :#53b147;
    border-radius: 20px;
    border: none;
    color :#fff;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;     
    font-weight: 600;
    padding: 10px 33px;
    margin-top: 20px;
    transition: all 0.2s linear;
}
#contact-form .row input[type="submit"]:hover,
.cform input[type="submit"]:hover, 
.cform input[type="reset"]:hover,
#contact-form .row input[type="submit"]:active,
.cform input[type="submit"]:active, 
.cform input[type="reset"]:active,
#contact-form .row input[type="submit"]:focus,
.cform input[type="submit"]:focus, 
.cform input[type="reset"]:focus
{
    background: #022c26;
}
.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 Sans', sans-serif;     
    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 Sans', sans-serif;   
}
.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: 10px;
}
.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 Sans', sans-serif;      
}
#maxprice {
    float: right;
    color :#3c3c3c;
    font-size: 12px;
        font-family: 'Open Sans', sans-serif;      
}
#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 Sans', sans-serif;     
    font-weight: 600;    
    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 Sans', sans-serif; 
        text-align: center;
}
.designer_location span{
    color :#53b147;
}
.designer_price{
     color :#3c3c3c;
    font-size: 12px;
        font-family: 'Open Sans', sans-serif;    
        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 Sans', sans-serif;     
}
.designer-left label{
        color :#666666;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        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 Sans', sans-serif;
        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;
}        
#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%;
}
.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%;
}
.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;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
        min-width: 1108px;
    }

.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: #53b147;
    border: none;
    padding:5px 10px;
    color: #fff;
    text-transform: uppercase;
}
#mygrid th:first-child{
    border-top-left-radius: 5px;
}
#mygrid th:last-child{
    border-top-right-radius: 5px;
}
#mygrid .table-bordered{
    border-top: none;
}
#mygrid th, #mygrid th a{
    color :#fff;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 800;
}
#mygrid .table th, #mygrid .table td{
    height: 30px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
}
#mygrid {
    width: 100%;
    float: left;
}
#mygrid th{
    text-align: left;
}
#mygrid .grid-view{
    padding-top: 10px;
}
.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;
    }
    

#fancybox-content{
    border: none !important;
    background: transparent !important;
}
#fancybox-outer{
    background: transparent !important;
}
#fancybox-frame body{
    
}
/*
@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){
    
}

*/
.tmenu {

}
.update_status{
        display: none;
    }
    .btn-green{
   background: none repeat scroll 0 0 #53b147;
    border: 1px solid #53b147;
    border-radius: 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-right: 25px;
    padding: 7px 70px;
    text-align: center;
    text-decoration: none;
    }
	    .btn-green-small{
    background: none repeat scroll 0 0 #53b147;
    border: 2px solid #D80D11;
    border-radius: 6px;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
	margin-top: 30px;
    margin-right: 2px;
	margin-left: 2px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    }
    .btn-green:hover, .btn-green:focus{
        background: none repeat scroll 0 0 #53b147;
          border: 1px solid #53b147;
          text-decoration: none;
         color: #fff;
    }
     .emailbox{
        display: none;
    }
    .closebox{
position: absolute;
right: 7px;
top: 7px;
background: #000;
border-radius: 90px;
color: #fff;
font-size: 12px;
line-height: 18px;
width: 18px;
height: 18px;
text-align: center;
    }
    .emailbox.show{
        display: block;
        position: absolute;
        z-index: 3;
        background: #fff;
        padding: 30px;
        box-shadow: 0 0px 76px #000;
        width: 340px;
        border-radius: 6px;
    }
    .emailbox.msg input{
        display:none;
    }
    .emailbox.msg{
        text-align: center;
    }
    
    .emailbox.show input, .emailbox.show button{
        position: relative;
        margin: 0;
        z-index: 1;
    }
    .emailbox.show input[type="button"].green, #emailpdf{
        border: none;
        padding-left: 15px !important;
        padding-right: 15px !important;
        float: right;
        margin-left: 5px;
    }
    .overlaybox{
        display: none;
    }
    .overlaybox.show{
display: block;
position: fixed;
z-index: 2;
background: #ccc;
width: 100%;
height: 100%;
border-radius: 6px;
content: " ";
left:0;
top:0;
opacity: .5;
    }
    .bagtypes{
        float: left;
       
        padding-bottom:0px;
        width:100%;
        height:45px
    }
.bagtypes a {
    float: left;
    width: 33.333333%;
    padding: 17px 0;
    padding-bottom:10px;
    background: #022c26;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 1px 0;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    transition: all 0.2s linear;
    height: 45px;
}
.bagtypes a:first-child{
    border-top-left-radius:15px;
}
.bagtypes a:last-child{
    border-top-right-radius:15px;
}

    .bagtypes a.ctype, .bagtypes a:hover{
        background: #fff;
        color: #022c26;
    }
    .bagtypes a:hover strong{
        color: #022c26;
    }
    .bagtypes a.ctype:hover,
    .bagtypes a.ctype:active,
    .bagtypes a.ctype:focus{
        background: #fff;
        color: #022c26;        
    }
    .bagtypes a:hover,
    .bagtypes a:active,
    .bagtypes a:focus{
        color: #fff;
        text-decoration: none;
    }
    .green{
    background: #53b147 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 14px;
    padding: 7px 30px;
    margin-right: 5px;
    }
    .green:hover{
        text-decoration: none;
        color: #fff;
        
    }
    .forminside{
        padding: 0 15px;
    }
    #customer-design-form input[type="text"], #customer-design-form textarea, #customer-design-form input[type="date"], #customer-design-form input[type="email"] {
        padding: 5px 10px;
        width: cal(100% - 20px);
        height: auto;
    }
    #customer-design-form textarea{
        resize: none;
        overflow: auto;
    }
    .row input[type="date"]{
        width: 97% !important;
        border-radius: 20px;
        height: 22px;
    }
.ocl {
    float: right;
    margin-right: 30px;
    margin-top: -55px;
    position: relative;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 5px 20px;
    transition: all 0.2s linear;
}
.ocl:hover,
.ocl:focus,
.ocl:active{
    background: #022c26;
    color: #fff;
    text-decoration: none;
    border-color: #022c26;
}
a:hover, a:active, a:focus{
    text-decoration: none;
}
  #wcm{
            width: 160px;
            float: left;
            margin-left: 15px;
            margin-top: -8px;
            font-family: 'Open Sans', sans-serif;
        }
        #wcm span{
            display: block;
            color : #999999;
        }
        #wcm b{
            color: #53b147;
        }
        .user-links a.logoutbtn {
            background: #53b147 !important;
            border-radius: 38px !important;
            color: #fff !important;
            padding: 7px 19px !important;
            margin-bottom: 0 !important;
            float: left !important;
            margin-top: -6px !important;
            box-shadow: 0 0 0 transparent !important;
            font-size: 14px !important;
            margin-left: 0px !important;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
        }
.toc {
    position: relative;
    top: -11px;
    background: #53b147;
    color: #fff;
    font-size: 9px;
    padding: 3px 7px;
    border-radius: 90%;
    left: 5px;
}       
.uploadbox .btn-green{
    padding: 7px 30px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.2s linear;
    border:none;
}
.uploadbox .btn-green:hover{
    background: #022c26;
    color: #fff;
}
.btn-green{
    transition: all 0.2s linear;
}
.btn-green:hover{
    background: #022c26;
    color: #fff;    
}
.uploadbox input[type="file"]{
    border-radius: 25px;
}
.fileuploadselector {

    background: #fff;
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: 5px 0 5px 15px;
    display: inline-block;
    color: #333333;
    width: 96%;
}
.fileuploadselector span {

    color: #666666;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    width: 354px;
    display: inline-block;
    text-align: left;

}
.fileuploadselector strong{
    background: #e6e6e6;
    padding: 5px 15px;
    border-radius: 25px;
    margin-right: 2px;
    margin-left: 15px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.2s linear;
}
.fileuploadselector strong:hover{
    background: #53b147;
    color: #fff;
}
.elementor-location-footer h3{
    color: #53B147 !important;
}
.elementor-location-footer p{
    color: #fff !important;
}