@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:11px;
	color:#666;
}
.group:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.group {
	zoom: 1;
}
*{
	margin:0px;
	padding:0px;
}

body,html{
	width:100%;
	height:100%;
}


#logo{
	float:left;
}
.head {
	padding:10px;
	border-bottom:1px solid #f1f1f1;
}

.wrap {
	padding:20px;
}
.search {
	padding:15px 0px;
	padding-bottom:5px;
	width:390px;
}

#searchBar {
	background-color:#f1f1f1;
	padding:5px;
}

.searchInput{
	width:310px;

	border:0px solid #666;
	padding:5px;
}

.buttonSmallAR {
display:inline-block;
zoom:1;
*display:
inline;
vertical-align:baseline;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
padding:4px 10px;
*padding-bottom:3px;
*overflow:visible;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
color:#fff;border:solid 1px #359AFB;
background:#359AFB;
background:-webkit-gradient(linear, left top, left bottom, from(#63B9FF), to(#359AFB));
background:-moz-linear-gradient(top, #63B9FF, #359AFB);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B9FF', endColorstr='#359AFB');
font-size:12px;font-weight:bold;
color:#fff;
margin-left:5px;
}


.metaContainer{
	border-bottom:1px solid #f1f1f1;
	border-top:1px solid #f1f1f1;
	padding:15px 10px;
	margin-bottom:10px;
}

.navi-pages a {
    background-color: #F1f1f1;
    border: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    margin-left: 1px;
    margin-right: 1px;
    padding: 3px 7px;
	line-height:15px;
	text-decoration:none;
}

.navi-pages a:hover {
background-color:#555;
    color: #fff;
	text-decoration:none;

}

#thumbbody {
margin: 10px 20px 50px 0px;
width: 210px;
float: left;
height: 290px;
font-size: 11px;
}

.t-btn-download{

	background: transparent url(../img/iconset.png) 0px 0px no-repeat;
	width:14px;
	height:14px;
	border:0px;
	cursor:pointer;
	margin-right:12px;
}

.t-btn-download:hover{
	background-position:0px -14px;
}

.ui-droppable {
	background: transparent url(../img/drag.png) no-repeat;
	background-position:center; 
}

.t-btn-car{

	background: transparent url(../img/iconset.png) -14px 0px no-repeat;
	width:16px;
	height:14px;
	border:0px;
	cursor:pointer;
	margin-right:12px;
}

.t-btn-car:hover{
	background-position:-14px -14px;
}

.t-btn-serie{

	background: transparent url(../img/iconset.png) -30px 0px no-repeat;
	width:14px;
	height:14px;
	border:0px;
	cursor:pointer;
	margin-right:12px;
}



.t-btn-serie:hover{
	background-position:-30px -14px;
}


.t-btn-lbx{

	background: transparent url(../img/iconset.png) -44px 0px no-repeat;
	width:14px;
	height:14px;
	border:0px;
	cursor:pointer;
}



.t-btn-lbx:hover{
	background-position:-44px -14px;
}


.iconTopCart {
	background:url(../img/topCart.png);
	width:50px;
	height:50px;

}

li {
	list-style:none;
	float:left;
}

li.separated {
	border-left:1px solid #ccc;
	height:20px;
	margin-left:10px;
	padding-left:10px;
}

.tipimg {
    font-size: 11px;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% #333;
    display: none;
    padding: 6px;
    position: absolute;
    z-index: 100000;
}


/*OVERLAY*/

#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #222;
	padding: 20px; 	
	border: 5px solid #000;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;

}

.modal_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 5px solid #000;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	width:800px;

}