@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700,700italic);
a img {border:none}
a {color:#4E4E4E}

html, body {margin:0; padding:0; font-family: Trebuchet MS, Roboto; font-size:13px; line-height: 1.5; width:100%; background: #868789; background-attachment:fixed; font-weight: 500; background-size: cover;}

.header {background: url(../images/menu.png) 0 10px repeat-x; z-index:-1;}
.header .container {width:1005px; margin:auto; position:relative;}
.header .menu {position:absolute; top:10px; height:46px; line-height: 45px; left:520px; z-index:1;}


.header .menu ul {list-style: none; padding:0; margin:0;}
.header .menu ul li {display: inline-block; margin-right:20px;}
.header .menu ul a {color:#fff;font-size:14px; text-decoration: none; }
.header #assort {position: absolute; top:5px; right:-180px; color:#fff; font-size:14px;}

.content {width: 1005px; margin:auto; position:relative; z-index:2;}
.content #assort {position: absolute; top:-125px; right:0; color:#fff; font-size:14px;}
.content .categories {position:absolute; top:-93px; left:515px; width:519px; background: url(../images/arrow.png) 550px -5px no-repeat; height:30px; z-index:20;}
.content .categories .adminmodelcategory {width:126px; height:36px; background: url(../images/menu_inactive.png) 0 0 no-repeat; text-align: center; float:left; margin-right:10px;}
.content .categories .adminmodelcategory a {color:#fff; display: block; line-height: 34px; text-decoration: none; font-size:14px; font-weight: 600; height:44px; background: url(../images/menu_inactive.png) 0 0 no-repeat;}
.content .categories .adminmodelcategory a.selected { background: url(../images/menu_active.png) 0 0 no-repeat;}

.content .regular {background: rgba(255, 255, 255, 0.804);
border: 7px solid rgba(255, 255, 255, 0.600);
padding: 20px;
width: 934px; margin: auto; margin-left:15px;}

.remove-filter {position:absolute; right:30px;}
.remove-filter a {color:#fff; display: block; line-height: 34px; hitext-decoration: none; font-size:14px; font-weight: 600;}

#options {text-align: right; margin-right: 23px;}
#filter {list-style: none; margin:0; padding:0; text-align: right;}
#filter li {display: inline-block; font-weight: bold; font-size:15px;}

#models {clear:both; width:1030px;}
#models .product {width:324px; height:300px; overflow: hidden;}
#models .product>.image {cursor: pointer; position:relative; width:324px; height:300px; background: url(../images/iso_background.png) 0 0 no-repeat;}
#models .product>.image img {display: block; padding-left:35px; padding-top:30px;}
#models .product>.image>.hover {position:absolute; width:296px; height:272px; top:14px; left:14px; -webkit-transition: opacity 0.8s;
                                -moz-transition: opacity 0.8s;
                                -o-transition: opacity 0.8s;
                                transition: opacity 0.8s;
                                opacity: 0; background: url(../images/hover_bg.png) 0 0 no-repeat; text-align: center;}
#models .product>.image>.hover .name, #models .product>.image>.hover .plus, #models .product>.image>.hover .view {text-align: center; color:#fff;}
#models .product>.image>.hover .name {text-transform: uppercase; font-size:20px; font-weight: bold; padding-top:90px;}
#models .product>.image>.hover .plus {padding-top:10px; padding-bottom: 10px;}
#models .product>.image>.hover .view {font-size:20px; font-weight:300;}
#models .product>.image:hover>.hover {opacity: 1;}

.content>#modal {display: none;}

#modal .pagination {margin-top:15px}
#modal .pagination #next {float:right;background: #313131; color:#fff; padding:7px 15px; cursor: pointer; font-weight: bold;}
#modal .pagination #prev {float:left;background: #313131; color:#fff; padding:7px 15px;cursor: pointer; font-weight: bold;}
#modal .images {float:left; width: 438px; clear:both; margin-top:15px;}
#modal .image {background: url(../images/bg_2.png) 0 0 no-repeat; width:438px; height:438px; overflow: hidden;
}#modal .image .wrap {margin:10px; width: 408px; height:408px; overflow: hidden;}
#modal .image img {position: relative; z-index:0;}
#modal .image img {width: 408px; height:408px;}
#modal .image img.material {width: 488px; height:488px; margin-top: -40px; margin-left:-40px;}
#modal .thumbs {margin-top:-10px; position: relative; z-index:2;}
#modal .thumbs .show_all {font-weight: bold; text-align: center; margin-top:30px; cursor: pointer; clear:both; position: relative;}
#modal .thumbs img {height:90px; width:90px; display: block; cursor: pointer; float:left; background: url(../images/small_bg.png) 0 0 no-repeat; padding:9px; margin-left:0px;}
#modal .thumbs img:first-child {margin-left: -3px;}
#modal .description {width: 400px; float:right;margin-top:20px;}
#modal .description h1 {margin:0; padding:0; background: #313131; color:#fff; padding:3px 10px; margin-left:-10px; margin-bottom: 3px; font-size:20px; text-transform: capitalize;}

#modal table {min-width: 90%;border-spacing: 0px;}
#modal table th {text-align: left;}

.arrow-down {
    right:159px;
    position:absolute;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-top: 10px solid #313131;
}

.my_carousel {margin:0; padding:0; list-style: none;margin-top:20px; height:100px !important;}
.my_carousel li {display: block; float:left; width:90px;  background: url(../images/small_bg.png) 0 0 no-repeat; padding:10px; height:100px;}
.caroufredsel_wrapper {height:120px !important;}
.carousel {position:relative; height:160px; margin-top:30px;}
.carousel h2 {margin-left:25px;}
.carousel .prev {width:33px; height:133px; background:url(../images/prev.png) 0 0 no-repeat; cursor:pointer; left:0; bottom:0; position:absolute; z-index:999;}
.carousel .next {width:33px; height:133px; background:url(../images/next.png) 0 0 no-repeat; cursor:pointer; right:0; bottom:0; position:absolute;  z-index:999;}

.material_categories {position:absolute; top:0px; left:200px;}
.material_categories a {display: block; float:left; padding:2px 10px; background: #313131; color:#ccc !important;; margin-right:20px; cursor: pointer;}
.material_categories a sup {color: #313131;}
.material_categories a.active {color:#fff !important;}
.material_categories a.active sup {color: #fff;}

.simplemodal-wrap {overflow-y:scroll !important; overflow-x: hidden !important;}

.favorites {margin-top:20px; margin-left:-3px;}
.favorites h5 {font-size:15px; margin-left:5px;}
.favorites ul {list-style: none; margin:0; padding:0;}
.favorites ul li {width:100px;float:left; margin-right:10px;}
.favorites ul li span {display: block; height:30px; padding-left:10px; padding-right: 10px;}
.favorites ul li .matimg {background: url(../images/small_bg.png) 0px 0px no-repeat transparent;
                          display: block;
                          width: 100px;
                          height: 100px;
                          padding: 10px;
                          }


.favorites ul li .del_favorite {
	background:url(/templates/images/x.png) no-repeat; 
	display: inline;
	z-index: 9999999999999999999;
	
	}
                          
                          
.materials {margin-top:20px; margin-left:-3px;}
.materials h5 {font-size:15px; margin-left:5px;}
.materials ul {list-style: none; margin:0; padding:0;}
.materials ul li {width:100px;float:left; margin-right:10px;}
.materials ul li span {display: block; height:50px; padding-left:10px; padding-right: 10px;}
.materials ul li .matimg {background: url(../images/small_bg.png) 0px 0px no-repeat transparent;
                          display: block;                          
                          height: 100px;
                          padding: 10px;
                          width: 90px;}
                          
#blanket {
   background-color:#111;
   opacity: 0.5;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	background:none;
	width:438px;
	height:438px;
	border:none;
	z-index: 1112001;
	overflow: hidden;
}  


#popUpDiv img {position: relative; z-index:-1; width: 448px; height:395px; top:40px; left:0px; margin-top: -40px; margin-left:-40px;}
 
#popUpDiv .imgrand {position: relative; width: 408px; height:395px; top:30px; border: 5px solid white;}
                        
#popUpDiv a.CloseMaterial {background:url(/templates/images/x.png) no-repeat; width:38px; height:41px; display:inline; z-index:9003; position:absolute; 
	top:-10px; right:0px; cursor:pointer;
	}
	
#popUpDiv .fav{position:absolute; top: 35px; right:30px; color:#fff; font-weight:bold; font-size:15px; cursor: pointer;}