@charset "utf-8";
/* CSS Document */

#top {
	margin:0;
	padding:0;
}

#topMenu {
	background-color:rgba(0, 187, 255, 0.2);
	height:35px;
	width:100%;
	position:relative;
	margin:8px 0;
	line-height:35px;
	border:1px solid rgba(0,0,0,0.1);
}
#topMenu a {
	display:inline-block;
	font-size:14px;
	margin:0;
	padding:0 5px;
	cursor:pointer;
	color:#666;
}
#topMenu a:hover {
	background-color:rgba(0, 187, 255, 0.3);
	transition:background-color .3s linear;
}

#topContent {
	position:relative;
	min-height:100px;
	width:100%;
}

#logo {position:absolute; top:-2px; left:8px;}
#phone {
	position:absolute;
	top:45px;
	left:0px;
	font-size:22px;
	font-weight:normal;
	color:#666;
	padding:0;
	font-family:Arial;
	width:250px;
	text-align:center;
}
#phone a {
	width:230px;
	font-size:14px;
	font-weight:normal;
	margin:4px;
	vertical-align:baseline;
}
#phone span {
	font-size:15px;
	display:inline-block;
	margin:0 4px 8px 0;
}
#workTime {
	font-size:14px;
	padding:0;
	font-weight:normal;
	font-family:Arial;
	line-height:18px;
	text-align:center;
	margin-bottom:2px;
}
#callMeLnk {
	background-image:url(/img/phone_tr.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:20px;
}
#callMeLnk:hover {
	background-image:url(/img/phone.png);
}
#callMeLnk span {
	border-bottom:1px dashed;
}


#centralBanner {
	position:absolute;
	top:0px;
	left:256px;
	width:720px;
	min-height:100px;
	padding:0;
}
#banner {
	margin:0;
	height:100px;
	width:720px;
	transition:opacity .6s linear;
	border:1px solid rgba(0,0,0,0.2);
	cursor:pointer;
}

#miniBasket {
	background-image:url(/img/basketEmp.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:170px;
	height:70px;
	position:absolute;
	right:0px;
	top:0px;
	padding-left:70px;
	font-size:16px;
}
.fullBasket {background-image:url(/img/basketFull.png) !important; }
#basket {font-size:13px; margin-top:2px; text-align:left; line-height:16px;}
#emptyBasket {font-style:italic; color:#AAA;}

#auth {
	float:right;
	text-align:center;
	font-size:12px;
}
#mob_auth {position:absolute; left:-10000; visibility:hidden;}
.topAuthMenu {
	display:inline-block;
	position:relative;
	font-size:14px;
	margin:0;
	padding:0 5px;
	color:#666;
	line-height:34px;
	vertical-align:middle;
	cursor:pointer;
}
.topAuthMenu:after {
	font-size:10px;
	margin:4px 0 0 4px;
	content:"\25bc";
	float:right;
	
}
.topAuthMenu span {
	background-color:#c5eaf9/* rgba(0, 187, 255, 0.2)*/;
	display:block;
	position:absolute;
	right:-1px;
	top:37px;
	visibility:hidden;
	border:1px solid rgba(0,0,0,0.1);
	font-size:20px;
	text-align:left;
	width:100px;
	opacity: 0;
	transition: all .8s ease .1s;
	z-index:400;
}
.topAuthMenu:hover span {
	opacity: 1;
	visibility:visible;
}
.topAuthMenu a {
	display:block;
	width:90px;
}

#topAuthName {
	background-image:url(/img/user_tr.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	transition: all .8s ease .1s
}
#topAuthName:hover {
	background-image:url(/img/user.png);
}

.dlnkB {	border-bottom:#28E 1px dashed; cursor:pointer; color:#28E; font-weight:bold;}
.dlnkB:hover { color:#F30; border-bottom:#F30 1px dashed;}
.dlnk {	border-bottom:#28E 1px dashed; cursor:pointer; color:#28E;}
.dlnk:hover { color:#F30; border-bottom:#F30 1px dashed;}

#topInfo {position:absolute; top:80px; right:0; width:250px; font-size:15px; text-align:center; font-weight:bold; color:#777; font-family:Verdana, Geneva, sans-serif;}
#searchText {
	background-image:url(/img/search_tr.png);   
    background-repeat:no-repeat;
    background-position: 4px;
	height:29px;
	width:412px;
	font-size:14px;
	/*margin-left:12px;*/
	padding-left:28px;
	position:absolute;
	top:3px;
	left:420px;
	display:block;
	z-index:999;
	transition: width .5s, height .5s, top .5s, left .5s, font-size .5s, padding-left .5s, background-position .5s, opacity .5s;
}
#searchText:focus {
	z-index:1001;
	width:930;
	height:50px;
	left:303px;
	top:53px;
	font-size:22px;
	background-position: 8px;
	padding-left:36px;
}
#searchText:hover {
	background-image:url(/img/search.png);
}
#searchResults {
	display:block;
	position:absolute;
	top:103px;
	left:303px;
	margin:0 auto;
	padding:8px;
	background-color:#F5F5F5;
	width:912px;
	min-height:80px;
	line-height:24px;
	z-index:1001;
	visibility:hidden;
	opacity:0;
	transition: all .2s ease .3s;
	border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.55);
}
#searchResults img {
	width:70px;
	text-align:right;
	vertical-align:top;
	margin-right:4px;
	float:left;
	clear:left;
}
#searchResults hr {
	border:none;
	border-bottom:#666 1px solid;
	margin:4px 0;
}

.showSResults {
	visibility:visible !important;
	opacity:1 !important;
}
#searchResults a {
	display:inline-block;
	background-color:transparent;
	font-size:14px;
	margin:0;
	padding:3px;
	line-height:18px;
	width:100%;
}
.sResA1 {background-color:rgba(255,255,255,0.2) !important;}
.sResA2 {background-color:rgba(0,0,0,0.02) !important;}

.searchCat {width:auto !important;}
.searchPrice {
	display:block;
	float:right;
	clear:right;
	width:110px;
	text-align:right;
	font-weight:bold;
}
.searchPrice font {
	display:block;
	text-decoration:line-through;
	font-weight:normal;
}
.searchGoodsInfo {
	font-size:12px;
}

#shadow {
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
    right:0px;;
	margin:0;
	padding:0;
	background-color:#000;
	z-index:1000;
	visibility:hidden;
	opacity:0;
	transition: all .8s ease .1s
}
.setShadow {
	visibility:visible !important;
	opacity:.3 !important;
}

#callMeRequest, #enter {
	display:block;
	position:absolute;
	margin:0;
	padding:8px;
	text-align:center;
	background-color:f6f6f6;
	width:350px;
	z-index:1001;
	visibility:hidden;
	opacity:0;
	transition: all .8s ease .1s;
	
	border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.85);
}
#callMeRequest {
	top:110px;
	left:0px;
}
.callMeShow, .enterShow {
	visibility:visible !important;
	opacity:1 !important;
}
#callMeRequest form {
	margin:0 0 16px 0;
	padding:0;
}
#callMeRequest input, #callMeRequest button, #enter input, #enter button {
	display:block;
	height:28px;
	width:280px;
	font-size:14px;
	margin:8 auto 0 auto;
}

#callMeRequest textarea {
	display:block;
	height:100px;
	width:280px;
	font-size:13px;
	margin:8 auto 0 auto;
}
#callMeCloseBtn, #enterCloseBtn {
	display:block;
	position:absolute;
	top:2px;
	right:4px;
	width:30px;
	height:30px;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	cursor:pointer;
}
#callMeMsg{margin:0 auto 16px auto; width:100%; text-align:center; color:#AA0000;}
#enter {
	right:0;
	top:150px;
}
/*#enterForm { display:block; margin:8px auto 0 auto;}

#enterSbm { display:block; width:120px; margin:0 auto;}

#eLogin, #ePass, #enterSbm { width:100%; margin:4px 0;}*/