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

body
{
	width:100%;
	height:100%;
	max-height:100%;
	margin:0;
	padding:0;
	background:url(../../images/public/body_bg.gif) repeat #000000 scroll;
	text-align:center;
	font-family:tahoma;
	font-size:11px;
	color:#fff;
}

#wrapper
{
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:left;
	min-height: 100%;
	margin-bottom: 20px;
	position: relative;
}

#wrapper .header
{
	float:left;
	width:1000px;
	margin:0;
	padding:0;
}

#wrapper .header .logo
{
	float:left;
	width:191px;
	height:145px;
}

#wrapper .header .rightSide
{
	float:right;
	width:750px;
	margin:20px 0px 0px 0px;
	padding:0;
}

#wrapper .header .rightSide .top
{
	float:left;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:14px;
	font-weight:bold;
}

#wrapper .header .rightSide .content
{
	float:left;
	width:100%;
	padding:0;
	margin:10px 0px 0px 0px;
}

#wrapper .header .rightSide .content .filters
{
	float:left;
	width:100%;
	padding:0;
	margin:10px 0px 0px 0px;
}


#wrapper .header .rightSide .quickSearch
{
	float:left;
	width:230px;
	height:auto;
	margin:0;
	padding:0;
}

#wrapper .header .rightSide .shoppingCart
{
	float:left;
	width:230px;
	margin-left:25px;
	height:auto;
	padding:0;
}

#wrapper .header .rightSide .userLogin
{
	float:right;
	width:230px;
	margin-left:20px;
	height:auto;
	padding:0;
}

#wrapper .userMenu
{
	float:left;
	width:100%;
	margin:25px 0px 10px 0px;
	padding:0;
}

#wrapper .userMenu .titleBox
{
	float:left;
	width:auto;
	height:43px;
	margin:0px 30px 0px 5px;
}

#wrapper .userMenu .titleBox .leftSide
{
	float:left;
	width:12px;
	height:43px;
	background:url(../../images/public/leftBox.gif) no-repeat;
}

#wrapper .userMenu .titleBox .titleBoxContent
{
	float:left;
	width:auto;
	height:33px;
	padding:12px;
	margin:0;
	background:url(../../images/public/bg_title.gif) repeat-x;
}

#wrapper .userMenu .titleBox .titleBoxContent a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#333;
	text-decoration:none;
}

#wrapper .userMenu .titleBox .titleBoxContent a.selected
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ae1f1f;
	text-decoration:none;
}

#wrapper .userMenu .titleBox .titleBoxContent a:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ae1f1f;
	text-decoration:none;
}

#wrapper .userMenu ul
{
	padding:0;
	margin:0;
}

#wrapper .userMenu ul li
{
	padding:0;
	margin:0;
	display:block;
	float:left;
	margin-right:10px;
	list-style:none;
}

#wrapper .userMenu ul li a
{
	padding:10px;
	display:block;
	background:#ddd;
	color:#333;
	text-decoration:none;
}

#wrapper .userMenu ul li a:hover
{
	padding:10px;
	display:block;
	background:#efefef;
	color:#333;
	text-decoration:none;
}

#wrapper .userMenu ul li a.selected
{
	padding:10px;
	display:block;
	background:#fff;
	color:#333;
	text-decoration:none;
}


#wrapper .mainBanner
{
	float:left;
	width:990px;
	height:210px;/*ie6*/
	margin-top:15px;
	border:5px solid #fff;
	padding:0px;
	background:url(../../images/public/banner.jpg) no-repeat;
}

#wrapper .mainBanner .menu
{
	float:left;
	width:100%;
	margin:186px 0px 0px 0px;
	padding:0;
}

#wrapper .mainBanner .menu ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#wrapper .mainBanner .menu ul li
{
	float:left;
	margin:0;
	list-style:none;
	display:block;
}

#wrapper .mainBanner .menu ul li a
{
	float:left;
	list-style:none;
	display:inline;
	background:#fff;
	color:#000;
	margin:0px 0px 0px 8px;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	border:1px solid #fff;
}

#wrapper .mainBanner .menu ul li a.unselected
{
	float:left;
	list-style:none;
	display:inline;
	background:#fff;
	color:#000;
	margin:0px 0px 0px 8px;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	border:1px solid #fff;
}

#wrapper .mainBanner .menu ul li a:hover
{
	float:left;
	list-style:none;
	display:inline;
	background:#333;
	color:#fff;
	margin:0px 0px 0px 8px;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	border:1px solid #fff;
}

#wrapper .menu02
{
	float:left;
	width:auto;
	margin:25px 0px 20px 0px;
	padding:0;
	background:url(../../images/public/menu_02_bg.jpg) repeat-x;
	height:39px;
	border:1px solid #373737;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
}

#wrapper .container
{
	width:1000px;
	margin:15px 0px 20px 0px;
	padding:0;
	float:left;
}
#wrapper .container .contentDatas
{
	float:left;
	width:740px;
	margin:0px 0px 30px 0px;
	padding:0;
}

#wrapper .container .contentDatas .uploadBox
{
	float:left;
	width:740px;
	margin:10px 0px 30px 0px;
	padding:0;
}

#wrapper .container .leftMid
{
	float:left;
	width:740px;
	margin:0px 0px 30px 0px;
	padding:0;
}

#wrapper .container .top
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px dotted #fff;
	padding-bottom:8px;
}

#wrapper .container .data
{
	float:left;
	margin:7px 0px 0px 0px;
	width:100%;
	padding:0;
	height:auto;
}

#wrapper .container .data img
{
	float:left;
	width:60px;
	height:60px;
	border:1px solid #fff;
	margin:0px 15px 15px 0px;
	padding:0;
}

#wrapper .container .data .usrGal
{
	float:left;
	width:86px;
	text-align:left;
	height:auto;
	padding:0;
	margin:0px 0px 0px 15px;/*ie6*/
}

#wrapper .container .data .usrGal .usrName
{
	float:left;
	width:86px;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:center;
}


#wrapper .container .data .usrGal img
{
	float:left;
	width:86px;
	height:86px;
	border:1px solid #fff;
	margin:0;
	padding:0;
}

#wrapper .container .leftSide
{
	float:left;
	width:300px;
	height:auto;
	margin:0;
	padding:0;
}

#wrapper .container .midSide
{
	float:left;
	width:390px;
	height:auto;
	margin:0px 0px 0px 50px;
	padding:0;
}

#wrapper .container .rightSide
{
	float:right;
	width:210px;
	height:auto;
	margin:0;
	padding:0;
}

#wrapper .container .rightSide .advertise
{
	float:left;
	width:100%;
	height:auto;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #fff;
	text-align:center;
}

.clearfooter 
{
	float:left;
	height: 131px;
	clear: both;
	padding-top:20px;
	position:relative;
	z-index:100;
}

#footer
{
	float:left;
	position:relative;
	bottom: 0;
	width:100%;
	height:151px;
	background:url(../../images/public/footer_bg.gif) repeat-x;
	filter:alpha(opacity=07);
	-moz-opacity:.07;
	opacity:.07;
	text-align:center;
	z-index:0;
	margin-top:0px;
}

#footerContent
{
	width:1000px;
	height:131px;
	color:#fff;
	padding:10px 0px 10px 0px;
	margin:-151px auto;
	text-align:left;
	position:relative;
	z-index:100;
	background:none;
}

#footerContent .leftSide
{
	float:left;
	width:300px;
	margin:0;
	padding:0;
}

#footerContent .top
{
	float:left;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:14px;
	font-weight:bold;
}

#footerContent .content
{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0;
}

#footerContent .midSide
{
	float:left;
	width:200px;
	height:141px;
	margin:0px 20px 0px 80px;
	padding:0px 50px 0px 50px;
	border-right:1px dotted #fff;
	border-left:1px dotted #fff;
}

#footerContent .rightSide
{
	float:right;
	width:260px;
	height:151px;
	margin:0;
	padding:0;
	text-align:right;
}

.operaDiv
{
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
	height:0px;
}

@media screen and (min-width: 0px){
.operaDiv
{
	float:left;
	color:#fff;
	width:740px;
	height:50px;
	background:url(../../images/public/opera_users.png) no-repeat;
}
}