/* reset */
html, body, div, span, object, iframe, h1, 
h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, code, del, dfn, em, 
img, q, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1.5;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table, td, th {
	vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
a img {
	border: 0;
	display: block;
}

/* clearfix */
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

object, embed {
	outline: 0;
}

body {
	background: #333333 url(../images/background.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px
	text-align: center;
}
#content {
	width: 1004px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../images/background-left.png) repeat-y;
}

#left {
	width: 230px;
	float: left;
	#display: inline;
}

#middle {
	width: 544px;
	float: left;
	
	#display: inline;
}

#middle .issuetext {
	background: white;
	padding: 20px;
}

#middle .issuetext p {
	margin-bottom: 15px;
}

#middle .issuetext p:last-child {
	margin: 0;
}

#middle .magazine .text p:last-child {
	margin: 0;
}

.issuetext a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
	font-weight: bold;
}
.issuetext a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid black;
	font-weight: bold;
	background-color: black;
}

#right {
	width: 230px;
	float: left;
	padding: 0 0 169px 0;
	#display: inline;
}
.divider {
	height: 5px;
	background: url(../images/background-left-short.png) no-repeat;
	padding: 0;
	width: 1004px;
	margin: 0 auto;
}
.divider.cross {
	height:45px;
	background: url(../images/cross.png);
	width: auto;
}
.divider.crossx {
	height:20px;
	background: url(../images/cross.png);
	width: auto;
}
#logo img {
	display: block;
}

#left .util a {
	display: block;
	background: #666666 url(../images/icons/plus.png) no-repeat;
	color: white;
	font-weight: normal;
	font-size: 11px;
	width: 115px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	text-decoration: none; 
}

#left .util a.translate {
	background: #464646;
}
#left .util a.addthis_button img {
	position: absolute;
	top: 10px;
}
ul#menu {
	list-style-type: none;
}
ul#menu li {
	width: 115px;
	height: 115px;	
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	filter: Alpha(opacity=100); /* turn off cleartype */
}

ul#menu li a {
	display: block;
	width: 115px;
	height: 115px;	
	line-height: 115px;
	text-align: center;
	font-weight: bold;
	color: black;
	font-size: 14px;
	text-decoration: none;
}
ul#menu li span {
	position: absolute;
	background: url(../images/new.png) ;
	top: 0;
	left: 0;
	height: 14px;
	width: 30px;
	overflow: hidden;
}
ul#menu li span strong {
	position: relative;
	left: -100px;
}

ul#menu li.selected a,
ul#menu li a:hover {
	background: url(../images/menu-watch4beauty-hover.png) no-repeat;
}
ul#menu li.selected.item5 a,
ul#menu li.item5 a:hover {
	background: url(../images/menu-watch4beauty-hover-black.png) no-repeat;
}
ul#menu li.item1 {
	background: url(../images/menu-watch4beauty.png);
}

ul#menu li.item2 {
	background: url(../images/menu-watch4beauty.png) -115px 0;
}

ul#menu li.item3 {
	background: url(../images/menu-watch4beauty.png) 0 -115px;
}
ul#menu li.item4 {
	background: url(../images/menu-watch4beauty.png) -115px -115px;
}

ul#menu li.item5 {
	background: url(../images/menu-watch4beauty.png) 0 -230px;
}

ul#menu li.item6 {
	background: url(../images/menu-watch4beauty.png) -115px -230px;
}

ul#menu li.item2 a {
	color: #333333;
}

ul#menu li.item3 a {
	color: white;
}

ul#menu li.item4 a {
	color: #cccccc;
}

ul#menu li.item5 a {
	color: white;
}

ul#menu li.item6 a {
	color: #333333;
}
#submenu {
	border-top: 0px solid black;
	border-right: 5px solid #cc0000;
	margin-bottom: 45px;
	margin-top: 5px;
	list-style-type:none;
}
#submenu a {
	padding:0 16px;
	height: 45px;
	line-height: 45px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	background: #272727;
	width: 193px;
	display: block;
}
#submenu a:hover {
	padding:0 16px;
	height: 45px;
	line-height: 45px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	background: #313131;
	width: 193px;
	display: block;
}
#submenu li.selected a {
	background: #474747;
}
#submenu li.dot a {
	margin-bottom: 1px;
}
.box {
	margin: 40px 15px;
	background: #272727;
	width: 156px;
	padding: 20px 22px;
}
.box .title {
	font-weight: bold;
	font-size: 18px;
	color: #cc0000;		
	margin: 0 0 0px;
	line-height: 18px;
}
.box .xbox {
	color: #33cc00;		
}
.box p {
	font-weight: bold;
	color: white;
	margin: 14px 0;
	line-height: 16px;
}

.box form input {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	padding: 4px 5px 5px 5px;
	margin: 0 0 5px 0;
	width: 150px;
	height: 15px;
	_width: 145px;
}
form.ecard div input.invalid, form.comment div input.invalid, form.comment div input.invalid, 
form.ecard div textarea.invalid, form.comment div textarea.invalid, form.comment div textarea.invalid {
	border-color: #cc0000 !important;
}
.box form input.invalid {
	border: 2px solid #dd0000;
	padding: 2px 3px 3px 3px;
}
.box form input.button {
	background: #cc0000;
	color: white;
	font-weight: bold;
	padding: 0;
	height: 25px;
	width: 160px;
	margin: 0;
	_width: 156px;
}
.box div.button a {
	padding: 1px 5px;
	margin: 20px 0 0;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 1px dotted #999999;
	min-width: 11px;
	float: left;
}
.box div.button a:hover {
	padding: 1px 5px;
	margin: 20px 0 0;
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 1px solid white;
	min-width: 11px;
	float: left;
	background-color: white
}
.box form input2.button {
	background: #cc0000;
	color: white;
	font-weight: bold;
	padding: 0;
	height: 25px;
	width: 160px;
	margin: 0;
	_width: 156px;
}
.box div.button2 a {
	padding: 1px 5px;
	margin: 5px 0 0;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 1px dotted #999999;
	min-width: 11px;
	float: left;
}
.box div.button2 a:hover {
	padding: 1px 5px;
	margin: 5px 0 0;
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 1px solid white;
	min-width: 11px;
	float: left;
	background-color: white
}
.tab {
	margin: 40px 15px;
	width: 200px;
}
.tab p.title {
	background: #cc0000;
	font-weight: bold;
	color: white;
	padding: 3px 8px 3px;
	display: block;
	float: left;
	margin: 0 50px 0 0;
}
.tab a {
	display: block;
	float: left;
}
#right .tab .title {
	background: black;
}

/****************************************/

#middle a.maincover {
	display: block;
}

#middle .top5black {
	border-top: 5px solid black;
}

#middle .bottom5black {
	border-bottom: 5px solid black;
}

.issueinfo {
	width: 544px;
	height: 50px;
	background: #cc0000;
}
.issueinfo .detail p.title {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 0 20px;
	line-height: 45px;
	height: 45px;
	background: #cc0000;
	margin-right: 0px;
}
.issueinfo .detail p.latest {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 0;
	line-height: 45px;
	height: 45px;
	background: #cc0000;
	margin-right: 17px;
}
.issueinfo .detail p.sub {
	float: left;
	font-size: 13px;
	font-weight: normal;
	color: white;
	padding: 0 15px;
	line-height: 35px;
	height: 36px;
	background: #990000;
	margin-right: 15px;
	border: 5px solid #cc0000;
	border-left: 0px;
}
.issueinfo .detail p.sub a {
	font-weight: normal;
    text-decoration: none;
}
.issueinfo .detail {
	background: black;
	height: 45px;
	padding: 0px 0 0 0px;
	font-size: 10px;
}
.issueinfo .detail p {
	line-height: 16px;
	padding: 7px 0 0 14px;
}
.issueinfo .detail p.white {
	line-height: 10px;
	padding: 11px 0 0 14px;
	color: #ff0000;
	font-size: 12px;
}
.issueinfo .detail a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
	font-weight: bold;	
}
.issueinfo .detail a:hover {
	color: black;
	background-color: white;
	text-decoration: none;
	border: 0px solid white;
	font-weight: bold;	
}
.issueinfo .detail span {
	padding-left: 15px; /* bylo 20 */
	background: url(../images/vertical-line-small.png) 5px 3px no-repeat; /* bylo 9 3 */
}
.issueinfo .detail .description {
	color: #999999;
	padding-top: 0;
}
.issueinfo .detail .button {
	font-weight: bold;
	background: #474747;
	padding: 0 11px;
	line-height: 25px;
	height: 25px;
	float: right;
	display: block;
	margin: 10px 10px 0 0;
	border: 0;
}
.issueinfo .detail a.button {
	color: white;
	text-decoration: none;
	font-weight: bold;
	border: 0;	
}
.issueinfo .detail a.button:hover {
	color: black;
	background-color: white;
	text-decoration: none;
	font-weight: bold;
	border: 0px solid white;		
}
.issueinfo .detail .next {
	width: 25px;
	height: 25px;
	background: url(../images/arrow-nav-left.png)  10px  10px no-repeat;
	background-color: #474747;
	float: right;
	display: block;
	margin: 10px 5px 0 0;
	border: 0;
}
.issueinfo .detail .prev {
	width: 25px;
	height: 25px;
	background: url(../images/arrow-nav-right.png)  10px  10px no-repeat;
	background-color: #474747;
	float: right;
	display: block;
	margin: 10px 10px 0 0;
	border: 0;
}
.issueinfo .detail .hidden {
	width: 25px;
	height: 25px;
	background: url(../images/arrow-nav-right.png)  10px  10px no-repeat;
	background-color: #212121;
	float: right;
	display: block;
	margin: 10px 10px 0 0;
	border: 0;
}
.issueinfo .detail a.next, .issueinfo .detail a.prev {
	background-color: #474747;
	text-decoration: none;
	border: 0;	
}
.issueinfo .detail a.next:hover, .issueinfo .detail a.prev:hover {
	background-color: #999999;
	text-decoration: none;
	border: 0;	
}
.newslist .row {
	border-top: 5px solid black;
	width: 544px;
	height: 363px;
	background: white;
	overflow: hidden;
}
.newslist .row .category {
	width: 242px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: black;
	padding: 10px 10px 10px 20px;
}
.newslist .row .category span {
	float: left;
	padding-right: 20px;
	background: url(../images/vertical-line-middle.png) 0 right no-repeat;
	display: block;
}
.newslist .row .category a {
	font-size: 12px;
	background: #cc0000;
	color:white;
	text-decoration: none;
	display: block;
	float: right;
	padding: 0 10px;
}
.newslist .row h2 {
	font-size: 18px;
	font-weight: bold;
	background: #cccccc;
	padding: 15px 20px;
	float: right;
	width: 232px;
	line-height: 22px;
}
.newslist .row h2 a {
	color: black;
	border-bottom: 1px dotted black;
	text-decoration: none;
}
.newslist .row .photo, .newslist .row .data {
	width: 272px;
	height: 363px;
	float: left;
	display: block;
}
.newslist .row.swap .photo {
	margin-left: 272px;
}
.newslist .row.swap .data {
	margin-left: -544px;
}
.newslist .text {
	padding: 20px 20px 3px;
	float: right;
	width: 232px;
}
.newslist .text .date {
	background: url(../images/arrow-small.png) right no-repeat;
	float: left;
	padding:0 20px 0 0;
	margin: 0;
	color: #cc0000;
	line-height: 16px;
	vertical-align: bottom;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.newslist .text a {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted black;
}
.newslist .text a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 0px dotted black;
	background-color: black;
}
.newslist .text p {
	margin: 0px 0 16px 0;
	line-height: 16px;
}
.newslist a.button {
	border: 1px dotted black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 20px 10px;
	padding: 1px 5px;
	color: black;
}
.newslist a.button:hover {
	border: 1px solid black;
	background-color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 20px 10px;
	padding: 1px 5px;
	color: white;
}

.newslist .button.last {
	margin-bottom: 0;
}

/*-------------magazine---------------------*/

.magazinelist .row {
	border-top: 5px solid black;
	width: 544px;
	height: 363px;
	background: white;
	overflow: hidden;
	position: relative;
}
.magazinelist .row .category {
	width: 272px;
	height: 45px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: black;
}
.magazinelist .row .category span.name {
	float: left;
	color: white;
	display: block;
	background: #474747;
	padding: 10px 10px;
}
.magazinelist .row .category span.new {
	float: left;
	display: block;
	background: #a50000;
	border: 5px solid #cd0000;
	padding: 5px;
	font-size: 12px;
}
.magazinelist .row .category span.title {
	float: left;
	padding-right: 20px;
	text-transform: uppercase;
	display: block;
	padding: 10px 10px 10px 20px;
}
.magazinelist .row .category a {
	font-size: 12px;
	background: #cc0000;
	color:white;
	text-decoration: none;
	display: block;
	float: right;
	padding: 0 10px;
}
.magazinelist .row h2 {
	font-size: 18px;
	font-weight: bold;
	background: #cccccc;
	padding: 15px 20px;
	float: right;
	width: 232px;
	line-height: 22px;
}
.magazinelist .row h2 a {
	color: black;
	border-bottom: 1px dotted black;
	text-decoration: none;
}
.magazinelist .row .photo, .magazinelist .row .data {
	width: 272px;
	height: 363px;
	float: left;
	display: block;
}
.magazinelist .row.swap .photo {
	margin-left: 272px;
}
.magazinelist .row.swap .data {
	margin-left: -544px;
}
.magazinelist .text {
	padding: 20px 20px 3px;
	float: right;
	width: 232px;
}
.magazinelist .text .date {
	background: url(../images/arrow-small.png) right no-repeat;
	float: left;
	padding:0 20px 0 0;
	margin: 0;
	color: #cc0000;
	line-height: 16px;
	vertical-align: bottom;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.magazinelist .text a {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted black;
}
.magazinelist .text a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 0px dotted black;
	background-color: black;
}
.magazinelist .text p {
	margin: 0px 0 16px 0;
	line-height: 16px;
}
.magazinelist a.button {
	border: 1px dotted black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 20px 10px;
	padding: 1px 5px;
	color: black;
}
.magazinelist a.button:hover {
	border: 1px solid black;
	background-color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 20px 10px;
	padding: 1px 5px;
	color: white;
}

.magazinelist .button.last {
	margin-bottom: 0;
}


.magazine h1 {
	height: 53px;
	line-height: 53px;
	color: black;
	font-weight: bold;
	font-size: 18px;
	padding: 0 20px;
	background: #cccccc;
}

.magazine div.text {
	padding: 20px 20px 20px 20px;
	background: white;
	font-size: 14px;
	line-height: 18px;
}

.magazine div.text p {
	margin: 0 0 10px 0;
}

.magazine div.text .date {
	background:url("../images/arrow-small.png") no-repeat scroll right center transparent;
	color:#CC0000;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:0 20px 0 0;
	position:relative;
	top:0px;
	vertical-align:bottom;
}

.magazine div.text a {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted black;
}
.magazine div.text a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 0px dotted black;
	background-color: black;
}	

.magazine .video {
	padding: 15px;
	background: white;
}
#middle .magazine .list {
	padding: 0;
	background: white;
}
#middle .magazine .list .row {
	width: 272px;
	float: left;
	background: white;
	margin: 0;
	height: auto;
	
}
#middle .magazine .list.wide .row {
	width: 544px;
}
#middle .magazine .list .row  div {
	background: #efefef;
	width: 242px;
	height: 242px;
	padding: 15px;
}
#middle .magazine .list.wide .row  div {
	width: auto;
	height: auto;
	padding: 0;
}
#middle .magazine .list .row.dark  div {
	background: #cccccc;
}
#middle .magazine .list .row p {
	padding: 15px 20px;
	width: 232px;
	font-size: 14px;
	line-height: 18px;
	height: auto;
}
#middle .magazine .list.wide .row p {
	width: 504px;
}
#middle .magazine .row div a {
	display:table-cell;
	height:242px;
	vertical-align:middle;
	width:242px;
}
#middle .magazine .list.wide .row a {
	height:auto;
	width:544px;
}
#middle .magazine .row a {
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 0px;
}
#middle .magazine .row a:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
#middle .magazine .row div a img {
	display:block;
	margin:0 auto;
	position:relative;
}


/*-------------people---------------------*/
.people h1 {
	height: 53px;
	line-height: 53px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	padding: 0 20px;
	background: black;
}

.people h1 span {
	color: #666666;
	padding: 0 0 0 15px;
	font-weight: normal;
}
.people h2 {
	height: 45px;
	line-height: 45px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding: 0 20px;
	background: #666666;
}
.people .info {
	font-size: 14px;
	height: 53px;
	line-height: 53px;
	background: #cccccc;
	padding: 0 20px;
}
.people .info span {
	padding: 0 5px 0 0;
}
.people .text {
	padding: 20px;
	font-size: 14px;
	line-height: 18px;
	background: white;
}
.people ul {
	list-style-type: none;
	margin: 0 0 30px;
}
.people ul li {
	border-bottom: 1px dotted #cccccc;
	padding: 7px 0;
	line-height: 20px;
}
.people ul li.first {
	border-top: 1px dotted #cccccc;
}
/*-------------join now---------------------*/

.join {
	height: 506px;
	text-align: center;
	background: url(../images/join/join.jpg) no-repeat;
	border-top: 5px solid black;
	position: relative;
}
#middle .join p img {
	display: inline;
}
.join p.question {
	display:table;
	padding: 0 0 0 0;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	height: 50px;
	text-align: center;
	display:table;
	margin: 200px auto 0;
	#display: block;
	#margin: 200px 0 0 ;
	position: relative;
	
}
.join p.question span {
	display:table-cell; 
	vertical-align:middle;
	text-align: center;
	#position:absolute; 
	#top: 50%; 
	#left: 50%;
	#margin-left: -272px;
	#width: 544px;
	#height: 50px; 
	#margin-top: -25px;
}
	

	
.join ul {
	list-style-type: none;
	padding: 10px 0 30px 152px;
}
.join ul li {
	height: 34px;
}
.join ul li a {
	font-weight: bold;
	color: black;
	font-size: 18px;
	text-decoration: none;
	display: block;
	height: 26px;
	line-height: 26px;
	float: left;
	position: relative;
}
.join ul li a span {
	display: block;
	float: left;
	margin-right: 13px;
	height: 26px;	
	width: 26px;
	background: url(../images/join/radio-button.png) no-repeat;
}
.join ul li a img {
	display: block;
	float: right;
	margin: 6px 0 0 10px;
}
.join ul li a span.nothing {
	background-position: 0 -26px;
}
.join .back {
	padding-top: 10px;
}
.join .back a {
	font-weight: bold;
	font-size: 16px;
	color: #cc0000;
	text-decoration: none;
	border-bottom: 1px dotted #cc0000;
}
/*-------------issues---------------------*/

.comments.topborder,
img.topborder,
.issues.topborder,
.models.topborder {
	border-top: 5px solid black;
}

/*-------------middle list---------------------*/
/* models, issues, magazine */


#middle .list .row {
	width: 168px;
	height: 294px;
	float: left;
	background: black;
	margin: 5px 0 0 5px;
	font-size: 10px;
	display: inline;
	overflow: hidden;
	position: relative;
}

#middle .list .row div.number,
#middle .magazinelist .row div.number {
	position: absolute;
	top:0;
	left:0;
	width: 30px;
	height: 31px;
	background: #cc0000;
	line-height: 31px;
	margin:0;
	padding:0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: white;
}
#middle .magazinelist .row.swap div.number {
	right:0;
	left: auto;
}

#middle .list .row div.number2,
#middle .magazinelist .row div.number2 {
	position: absolute;
	top:0;
	left:0;
	width: 45px;
	height: 46px;
	background: #cc0000;
	line-height: 46px;
	margin:0;
	padding:0;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: white;
}
#middle .magazinelist .row.swap div.number2 {
	right:0;
	left: auto;
}

#middle .list .row p {
	padding: 7px 10px;
	width: 149px;
	display: block;
	line-height: 14px;
	overflow: hidden;
}
#middle .list .row p a {
	border-bottom: 1px dotted #999999;
	font-weight: bold;
	text-decoration: none;	
}
#middle .list .row p a:hover {
	border: 0px solid white;
	font-weight: bold;
	background-color: white;	
}
#middle .list .row p span.gray, .list .row p a.gray {
	color: #999999;
	text-decoration: none;
}
#middle .list .row p span, .list .row p a:hover {
	color: black;
	text-decoration: none;
}
#middle .list .row p a.title {
	color: white;
	border-bottom: 1px dotted white;
	text-decoration: none;
}
#middle .list .row p a.title:hover {
	color: black;
	background-color: white;
	border: 0px solid white;
}
#middle .list .row p a.model {
	color: #cc0000;
	border-bottom: 1px dotted #cc0000;
	text-decoration: none;
}
#middle .list .row p a.model:hover {
	color: black;
	background-color: white;
	border: 0px solid white;
}
#middle .list .row p span {
	position: relative;
	top: 1px;
}
#middle .list .row p span.date {
	color: #666666;
}

#middle .list .frow {
	margin-top:0;
}
#middle .list .fcol {
	margin-left:0;
}

#middle .list {
	background: #1e1e1e;
	padding: 15px;
}

#middle .list.free .row {
	margin: 5px 0 0 ;
	padding: 0;
	height: 341px;
	width: 514px;
	position: relative;
}
#middle .list.free .row.first {
	margin: 0;
}
#middle .list.free .row .banner {
	position: absolute;
	right: 0;
	top: 0;
}
#middle .list.free .row .large {
	position: absolute;
	left: 0;
	top: 0;
}
#middle .list.free .row .small {
	position: absolute;
	right: 0;
	bottom: 0;
}
#middle .list.free .row.swap .large {
	right: 0;
	left: auto;
}
#middle .list.free .row.swap .banner {
	left: 0;
	right: auto;
}
#middle .list.free .row.swap .small {
	left: 0;
	right: auto;	
}

.navigation {
	height: 50px;
	background: transparent;
}
.navigation div {
	width: 524px;
	padding: 10px;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-align: center;
	position: absolute;
	bottom: 0;
	border-top: 5px solid black;
	background: url(../images/background-black-30.png);
}

.navigation .prev {
	height: 25px;
	line-height: 25px;
	display: block;
	font-weight: bold;
	color: white;
	padding: 0 22px 0 10px;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/arrow-nav-right.png) right no-repeat;
}

.navigation .next {
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/arrow-nav-left.png)  10px  10px no-repeat;
	left: 10px;
	top: 10px;
	display: block;
	position: absolute;
	text-decoration: none;
	
}

.navigation2 {
	height: 45px;
	background: transparent;
}
.navigation2 div {
	width: 524px;
	padding: 10px;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
	color: black;
	text-align: center;
	position: absolute;
	top: 0;
}

.navigation2 .prev {
	height: 25px;
	line-height: 25px;
	display: block;
	font-weight: bold;
	color: white;
	padding: 0 22px 0 10px;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/arrow-nav-right.png) right no-repeat;
}

.navigation2 .butt {
	height: 25px;
	line-height: 25px;
	display: block;
	font-weight: bold;
	color: white;
	padding: 0 22px 0 10px;
	font-size: 12px;
	text-decoration: none;
	float: right;
	right: 10px;
	top: 10px;
	margin-left: 10px;
	background: url(../images/arrow-nav-right.png) right no-repeat;
}

.navigation2 .next {
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/arrow-nav-left.png)  10px  10px no-repeat;
	left: 10px;
	top: 10px;
	display: block;
	position: absolute;
	text-decoration: none;
	
}
/*-----------------issue photo detail-----------------*/

.video {
	padding: 20px 15px 20px;
	background: white;
}
.video .player {
	
}
.thumblist {
	background: white;
	padding: 15px 15px 40px;
}
.thumblist .row {
	float: left;
	width: 166px;
	height:166px;
	border: 1px solid #cccccc;
	margin: 5px 0 0 5px;
	overflow: hidden; 
	position: relative; 
	
}
.thumblist .frow {
	margin-top: 0;
}

.thumblist .fcol {
	margin-left: 0;
}

#middle .thumblist .row span,
#middle .thumblist .row a {
	width: 166px;
	height:166px;
	display: table-cell; 
	vertical-align: middle;
	#display: block;
	#position: absolute;  
	#top: 50%;
	#height: auto;
}

#middle .thumblist .row span img,
#middle .thumblist .row a img	{
	position: relative;  	
	display: block;
	margin: 0 auto;
	#top: -50%;
}

/*-------------comments---------------------*/

.comments h2 {
	font-size: 16px;
	font-weight: bold;
	color: white;
	background: #666666;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
}
.comments .comment {
	background: #cccccc;
	font-size: 14px;
	
}
.comments .nocomment {
	height: 53px;
	line-height: 53px;
	font-size: 14px;
	padding: 0 20px;
	background: #cccccc;
	border-bottom: 1px solid white;
}

.comments .comment .text {
	padding: 20px;
	
}
.comments .comment .text div {
	float: left;
	width: 396px;
	padding-left: 20px;
}
.comments .comment .text div p {
	margin-bottom: 10px;
}
.comments .comment .text div p.title {
	font-weight: bold;
	margin-bottom: 0;
}
.comments .comment .text a {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted black;
}
.comments .comment .text a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 0px dotted black;
	background-color: black;
}
.comments .comment .text img {
	display: block;
	float: left;
}
.comments .comment .info {
	border-bottom: 1px solid white;
	height: 35px;
	line-height: 35px;
	background: #efefef;
	padding-right: 80px;
	text-align: right;
	position: relative;
}
.comments .comment .info.noborder {
	border: 0;
}
.comments .comment .info.noreply {
	padding-right: 20px;
}
.comments .comment .info a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted black;
	color: black;
}
.comments .comment .info a:hover {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px dotted black;
	color: white;
	background-color: black;
}
.comments .comment .info a.button {
	font-size: 10px;
	background: #cc0000;
	height: 16px;
	line-height: 16px;
	padding: 0 5px;
	position: absolute;
	right: 20px;
	top: 10px;
	border: 0;
	color: white;
}

.comments .comment .info span {
	color: #666666;
}
.comments .comment.reply {
	background: white;
}
.comments .comment.reply .text {
	border-left: 5px solid #efefef;
	margin-left: 50px;
}
.comments .comment.reply .info {
	margin-left: 50px;
}
.comments .comment.reply .text div {
	float: left;
	width: 341px;
}
#middle form.comment .alert img,
#middle .alert img {
	display: inline;
	margin: 0 5px 0 0;
}
form.ecard,
form.comment {
	background: white;
}
form.ecard .title.black,
form.comment .title.black {
	background: black;
}
form.ecard .title,
form.comment .title {
	height: 45px;
	line-height: 45px;
	background: #666666;
	font-weight: bold;
	color: white;
	font-size: 16px;
	padding: 0 20px;	
}
form.ecard div,
form.comment div {
	padding: 15px 20px ;
	background: white;
}
form.ecard div p,
form.comment div p {
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 14px;
}
form.comment div a {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted black;
	font-size: 14px;
}
form.comment div a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 0px dotted black;
	font-size: 14px;
	background-color: black;
}
form.comment div .green {
	color: #16a400;
}
form.ecard div input.text,
form.comment div input.text, 
form.comment div textarea {
	border: 1px solid #cccccc;
	background: #f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	width: 492px;
	padding: 6px 5px;
}
form.comment div textarea {
	height: 136px;
}
form.ecard div input.button,
form.comment div input.button {
	float: right;
	border: 0;
	background: #cc0000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	padding:0 10px;
	height: 25px;
}
form.ecard div p.button,
form.comment div p.button {
	padding-top: 12px;
	position: relative;
}
form.ecard img {
	float: left;
	width: 232px;
	margin: 20px;
	display: block;
}
form.ecard div {
	float: left;
	width: 232px;
}
form.ecard div input.text {
	width: 220px;
}
/*-----------------text-----------------*/

.paragraph {
	font-size: 14px;
}

.paragraph .title {
	height: 53px;
	font-size: 18px;
	font-weight: bold;
	line-height: 53px;
	padding: 0 20px;
	background: #cccccc;
	border-top: 5px solid black;
}

.paragraph .title.noborder {
	border-top: 0;
}

.paragraph .text {
	padding: 18px 20px 4px;
	background: white;
	line-height: 18px;
}
.paragraph .column .large {
	font-size: 18px;
}
.paragraph .column .small {
	font-size: 12px;
	line-height: 16px;
}
.paragraph .column .red {
	color: #cc0000;
}
.paragraph .column .green,
.paragraph .text .green {
	color: #16a400;
}
.paragraph .column p,
.paragraph .text p {
	padding-bottom: 18px;
}
.paragraph .column p {
	line-height: 18px;
}
.paragraph .column a,
.paragraph .text a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
	font-weight: bold;
}
.paragraph .column a:hover,
.paragraph .text a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid black;
	font-weight: bold;
	background-color: black;
}
.paragraph .columns {
	background: white;
}
.paragraph .column {
	float: left;
	background: white;
	width: 232px;
	padding: 20px 20px 3px 20px;
}
.paragraph .column.nopadding {
	padding: 0;
	width: 272px;
}
.paragraph .column.gray {
	background: #cccccc;
}
.paragraph .column img {
	margin-bottom: 20px;
}
.seznam ul {
	margin: 0 0 20px 30px;
}
.seznam ul li {
	border-bottom: 0px dotted #cccccc;
	padding: 7px 0;
	line-height: 16px;
}

/*-----------------models-----------------*/

.alphabet {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #272727;
	color: #cccccc;
	font-weight: bold;
	
}

.alphabet a, .alphabet span {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	padding: 0 4px;
	font-size: 10px;
}
.alphabet span {
	color: #999999;
	font-size: 9px;
}

.alpha {
	height: 25px;
	padding: 10px 20px;
	background: #666666;
	color: white;
	font-weight: bold;
	font-size: 16px;
}

.alpha a {
	display: block;
	float: right;
	text-decoration: none;
	color: white;
	background: black;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
}
#middle .models.list .row {
	height: 284px;
}
#middle .models.list .row p span {
	top: 0px;
}
#middle .models.list .row p span.origin {
	top: 2px;
	color: #666666;
}
#middle .models.list .row p span.photos {
	top: 1px;
}
#middle .models.list .row p span.videos {
	color: #cc0000;
}
#middle img {
	display: block;
}

.model-detail div.text {
	background: white;
}

.model-detail div.text div {
	background: #f3f3f3;
	padding: 20px;
	max-height: 340px;
	overflow-y: scroll;
}
.model-detail div.text p {
	margin: 0 0 10px 0;
}

.model-detail div.text a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
	font-weight: bold;
}
.model-detail div.text a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid black;
	font-weight: bold;
	background-color: black;
}

/******************************************/

#search {
	width: 220px;
	height: 25px;
	padding: 10px 0 10px 10px;
	background: url(../images/background-black-50.png);
}
#search input {
	vertical-align: middle;
}
#search input.text {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	padding: 6px 5px;
	margin: 0 0 0;
	width: 170px;
	height: 13px;	
}
#search input.button {
	margin: 0 0 0 4px;
}

#members form p {
	font-size: 13px;
	color: black;
	font-weight: bold;
	padding: 0 0 2px;
	margin: 0;
}

#right .box {
	background: url(../images/background-black-30.png);
}
#right .first {
	margin-top: 15px;
}
#right .box .title {
	color: white;
	margin: 0 0 20px 0;
}
#right .box input.button {
	background: black;
}
#right .box a {
	text-decoration: none;
	border-bottom: 1px dotted white;
	color: white;
}
#right .box a:hover {
	text-decoration: none;
	border: 0;
	background-color: white;
	color: black;
}
#right .box p {
	margin-bottom: 0;
}

#right .tab.newmodel div a.cover,
#right .tab.next div a.cover {
	display: block;
	float: left;
}

#right .tab.newmodel div p,
#right .tab.next div p {
	padding: 15px 10px 5px;
	color: #999999;
	font-size: 12px;
	display: block;
	float: left;
	line-height: 16px;
}
#right .tab.newmodel div p span.title,
#right .tab.next div p span.title {
	font-weight: bold;
}
#right .tab.next div p span.date {
	line-height: 18px;
}

#right .tab.newmodel div p a,
#right .tab.next div p a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	position: relative;
	height: 15px;
	line-height: 14px;
}
#right .tab.newmodel div p a:hover {
	font-weight: bold;
	color: black;
	background-color: white;
	text-decoration: none;
	border-bottom: 0px dotted #999999;
	position: relative;
	height: 15px;
	line-height: 14px;
}
#right .tab.newmodel div p a,
#right .tab.newmodel div p a:hover {
	height:auto;
	float: none;
	display: inline;
}
#right .tab.newmodel div p strong {
	display: block;
	float: left;
	padding: 0 0 0 0;
}

#right .tab.crew div,
#right .tab.newmodel div,
#right .tab.models div,
#right .tab.next div {
	background: black;
	padding: 10px 10px 10px 10px;
	display: block;
	width: 180px;
	float: left;
}
#right .tab.models div p {
	float: left;
	display: block;
	color: #999999;
	font-weight: bold;
	margin: 10px;
	line-height: 16px;
}
#right .tab.models div a {
	margin: 0 4px 4px 0;
	display: block;
}
#right .tab.models div p a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	display: inline;
	float: none;
	border-bottom: 1px dotted #999999;
}
#right .tab.models div p a:hover {
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	display: inline;
	float: none;
	border-bottom: 0px dotted white;
	background-color: white;
	color: black;
}
#right .tab.models div a img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}
#right .tab.models div a.even {
	margin-right: 0;
	padding: 0;
}
#right .box a.button,
#right .tab.models div a.button {
	border: 1px dotted white;
	color: white;
	display: block;
	float: left;
	padding: 1px 5px;

}
#right .box a.button:hover,
#right .tab.models div a.button:hover {
	border: 1px solid white;
	color: black;
	display: block;
	float: left;
	padding: 1px 5px;
}

#right .box.text .title {
	margin-bottom: 15px;
}

#right .ads {
	margin: 40px 15px;
	width: 200px;
}

#right .tab.crew div div {
	margin: 0;
	padding: 0 0 10px 0;
	float: none;
}

#right .tab.crew div div a {
	display: block;
	float: left;
	margin: 0 0 4px 0;
}

#right .tab.crew div div a.small {
	margin: 0 0 4px 4px;
}

#right .tab.crew div div a.fcol {
	margin-left: 0;
}
#right .tab.crew div p {
	padding: 10px;
	color: #999999;
	font-weight: bold;
	line-height: 16px;
}
#right .tab.crew div p a {
	padding: 0;
	text-decoration: none;
	float: none;
	display: inline;
	color: #999999;
	border-bottom: 1px dotted  #999999;
}
#right .tab.crew div p a:hover {
	padding: 0;
	text-decoration: none;
	float: none;
	display: inline;
	color: black;
	border-bottom: 0px dotted  #999999;
	background-color: white;
}
#right .tab.crew div span.title,
#right .tab.newmodel div span.title {
	color: white;
}
#right .tab.newmodel div span.date {
	color: #666666;
}
#right .resolution form {
	padding: 13px 0 0;
	text-align: left;
}
#right .resolution form input {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	margin: 1px 0 0;
}

#right .resolution form label {
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: white;
	padding: 0px 10px 3px 8px;
	position: relative;
	top: -2px;
}
#right .resolution form p.button {
	padding-top: 15px;
}
#right .resolution form p.button input {
	border: 0;
	background: #cc0000;
	padding: 3px 5px;
	margin: 0;
	color: white;
	font-weight: bold;
}
#right .resolution form p.button input:hover {
	color: black;
	background: white;
	cursor: pointer;
	cursor: hand;

}
#right .resolution form p {
	margin: 0;
	padding: 0;
}
#right .resolution form a {
	display: block;
	float: left;
	width: 160px;
	height: 25px;
	line-height: 25px;
	background: #cc0000;
	border: 0;
	text-align: center;
	font-weight: bold;
	margin: 10px 0 0 0;
}
#right .download ul {
	list-style-type: none;
}
#right .download ul li {
	padding: 0px 0 0px 25px;
	background: url(../images/arrow-long.png) 0 5px no-repeat;
}
#right .movie.download ul li {
	background-position: 0 3px;
	color: #999999;
	font-weight: bold;
}
#right .movie.download {
	margin: 15px;
	padding: 15px 22px;
}

#right .movie.download .title {
	margin: 5px 0 20px;
}
#right .movie.download ul {
	border-bottom: 1px solid #252525;
	border-top: 1px solid #252525;
	padding: 10px 0 10px 0;
}
#right .movie.download ul.windows li {
	background-image: url(../images/icons/windows.png);
}
#right .movie.download ul.quicktime li {
	background-image: url(../images/icons/quicktime.png);
}
#right .movie.download ul.ipod li {
	background-image: url(../images/icons/iphone.png);
}
#right .download {
	background: black;
}
#right .download ul li a{
	text-decoration:  none;
	border-bottom: 1px dotted white;
	color: white;
	font-weight: bold
}
#right .box.voting {
	padding-bottom: 0;
	height: 70px;
	position: relative;
}
#right .voting p {
	margin-top: 0;
	text-align: center;
}
#right .voting ul {
	
	list-style-type: none;
}
#right .voting ul li {
	width: 40px;
	position: absolute;
	bottom: 0;
}
#right .voting ul li.vote1 {
	height: 24px;
	left: 0;
	background: black;
}
#right .voting ul li.vote2 {
	left: 40px;
	height: 28px;
	background: #333333;
}
#right .voting ul li.vote3 {
	left: 80px;
	height: 32px;
	background: #666666;
}
#right .voting ul li.vote4 {
	left: 120px;
	height: 36px;
	background: #999999;
}
#right .voting ul li.vote5 {
	left: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #cc0000;
}
#right .box.voting ul li a {
	text-decoration: none;
	border: 0;
	display: block;
	line-height: 40px;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 10px;
}
#votebox .votebox {
	color: black;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 8px;
}
#right .box.button a {
	border: 0;
	display: block;
	height: 25px;
	line-height: 25px;
	background: black;
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 160px;
	background: #cc0000;
}
#right .box.button a:hover {
	background: white;
}
/************************************/

#footer {
	width: 1004px;
	margin: 0 auto;
	text-align: left;
	line-height: 16px;
	background: black;
}

#footer .disclaimer {
	color: black;
	background: #1d1d1d;
	padding: 20px 25px 35px;
}
#footer .disclaimer p.first {
	font-size: 14px;
	line-height: 16px;
}
#footer .disclaimer p {
	margin: 0 0 23px 0;
	line-height: 14px;
}
#footer .disclaimer p a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}
#footer .block {
	background: url(../images/footer/background.png);
	padding: 25px;
	border-top: 45px solid black;
}
#footer .block .crumb {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	
	padding: 0 0 0 90px;
	background: black url(../images/footer/logo-watch4beauty.png) no-repeat;
}
#footer .block .crumb a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	float: left;
	display: block;
	background: url(../images/arrow-crumb-right.png) right 20px no-repeat;
	padding: 0 26px 0 0;
}
#footer .block .crumb span {
	color: #cc0000;
	float: left;
	display: block;
}
#footer .block .menu {
	background: url(../images/footer/background-menu.png) repeat-y;
}
#footer .menu div {
	float: left;
	width: 119px;
	padding: 15px 20px 25px;
}
#footer .menu div ul {
	list-style-type: none;
}
#footer .menu div ul li a {
	font-size: 14px;
	text-decoration: none;
	line-height: 16px;
}
#footer .menu div p {
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}
#footer .menu div.panel1 {
	background: white;
	color: black;
}
#footer .menu div.panel2 {
	background: #bdbdbd;
	color: #333333;
}
#footer .menu div.panel3 {
	background: #666666;
	color: white;
}
#footer .menu div.panel4 {
	background: #333333;
	color: #cccccc;
}
#footer .menu div.panel5 {
	background: #cc0000;
	color: white;
}
#footer .menu div.panel6 {
	background: white;
	color: black;
}
#footer .menu div.panel1 a {
	color: black;
}
#footer .menu div.panel2 a {
	color: #333333;
}
#footer .menu div.panel3 a {
	color: white;
}
#footer .menu div.panel4 a {
	color: #cccccc;
}
#footer .menu div.panel5 a {
	color: white;
}
#footer .menu div.panel6 a {
	color: black;
}
#footer .menu div.panel1 a:hover,
#footer .menu div.panel2 a:hover,
#footer .menu div.panel3 a:hover,
#footer .menu div.panel4 a:hover,
#footer .menu div.panel5 a:hover,
#footer .menu div.panel6 a:hover {
	text-decoration: none;
	background-color: black;
	color: white;
	border: 0px solid black;
}
#footer .stats {
	margin-top: 25px;
	font-size: 14px;
	height: 13px;
	padding: 16px 18px;
	background: #161616;
	color: #666666;
}
#footer .stats span {
	color: white;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 28px;
	line-height: 14px;
	background: url(../images/footer/arrow.png) right no-repeat;
}
#footer .stats .rss {
	display: block;
	float: right;
}
/******************************* intro ****************************/
body.intro {
	background: black;
	padding: 0 0 100px 0;
}
#intro {
	width: 1004px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: none no-repeat;
}
#intro .images {
	position: absolute;
	overflow: hidden;
	width: 1004px;
	height: 689px;
}
#intro .images div {
	width: 1004px;
	height: 689px;
}
#intro h1 {
	position: absolute;
	right: 0;
	top: 419px;
	width: 251px;
	height: 251px;
	cursor: pointer;
	cursor: hand;
}
#intro .main {
	padding: 445px 291px 0 40px;
	overflow: hidden;
	height: 225px;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
#intro .main div {
	width: 673px;
	position: absolute;
}
#intro .main h2 {
	color: white;
	font-weight: normal;
	font-size: 36px;
}
#intro .main p {
	padding: 5px 0 0;
	color: white;
	font-size: 16px;
	line-height: 20px;
}
#intro #menu {
	height: 255px;
}
#intro #menu li {
	width: 251px;
	height: 255px;
	background: none;
}
#intro #menu li.item1 a {
	width: 251px;
	height: 255px;
	background: url(../images/intro/menu.png) 0 -255px no-repeat;
}
#intro #menu li.item2 a {
	background: url(../images/intro/menu.png) -251px -255px no-repeat;
}
#intro #menu li.item3 a {
	background: url(../images/intro/menu.png) -502px -255px no-repeat;
}
#intro #menu li.item4 a {
	background: url(../images/intro/menu.png) -753px -255px no-repeat;
}
#intro #menu li.item1.over a {
	background: url(../images/intro/menu.png) 0 0 no-repeat;
}
#intro #menu li.item2.over a {
	background: url(../images/intro/menu.png) -251px 0 no-repeat;
}
#intro #menu li.item3.over a {
	background: url(../images/intro/menu.png) -502px 0 no-repeat;
}
#intro #menu li.item4 a:hover {
	background: url(../images/intro/menu.png) -753px 0 no-repeat;
}
#intro #menu li a {
	width: 251px;
	height: 255px;
	overflow: hidden;
	position: relative;
}
#intro #menu li a span {
	position: relative;
	top: -200px;
	background: none;
	width: auto;
	height: auto;
}
#intro .mirror {
	height: 229px;
	background: url(../images/intro/mirror.png) no-repeat;
}
.intro .mirror_right {
	background: top center url(../images/intro/mirror-right.png) no-repeat;
}
#intro .submenu {
	height: 322px;
	padding: 5px 20px 0 20px;
	color: #666666;
	font-size: 16px;
}
#intro .submenu h3 {
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 20px 0;
}
#intro .submenu .column {
	float: left;
	line-height: 20px;
}
#intro .submenu .column1 {
	width: 462px;
	padding: 0 40px 0 0;
}
#intro .submenu .column1 .button {
	padding: 18px 0 0 15px;
	font-weight: bold;
	background: url(../images/intro/arrow-red.png) 1px 23px no-repeat;
}
#intro .submenu .column2 {
	width: 191px;
	padding: 0 60px 0 0;
	line-height: 23px;
}
#intro .submenu a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #999999;
}
#intro .submenu a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
}
#intro .submenu form {
	padding: 5px 0 0px 0;
}
#intro .submenu form input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
	padding: 9px 5px;
	margin: 0 0 6px 0;
	width: 200px;
	height: 18px;
	color: #666666;
	background: #161616;
	border: 0;
}
#intro .submenu form input.button {
	padding: 0;
	height: 88px;
	width: 31px;
	margin: 15px 0 15px 0;
	border: 0;
}
#intro .submenu form ul,
#intro .submenu ul {
	list-style-type: none;
}
#intro .submenu form ul li,
#intro .submenu ul li {
	font-size: 14px;
	padding: 4px 0 0 14px ;
	background: url(../images/intro/arrow-red-small.png) 1px 10px no-repeat;
}
#intro #footer {
	font-size: 14px;
	color: #333333;
}
#intro #footer .text {
	border: 1px solid #161616;
	padding: 20px;
	line-height: 17px;
}
#intro #footer  a {
	text-decoration: none;
	border-bottom: 1px dotted #333333;
	color: #333333;
}
#intro #footer  a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
}
#intro #footer  a.antiweb {
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	color: #666666;
}
#intro #footer  a.antiweb:hover {
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
}
#intro #footer .partners {
	padding: 0 20px;
	font-size: 16px;
	line-height: 24px;
}
#intro #footer h2 {
	font-size: 24px;
	font-weight: normal;
	color: #333333;
	padding: 45px 20px 20px;
}
#intro #footer .copyright {
	padding: 75px 20px 0;
	color: #666666;
	font-size: 16px;
	text-align: center;
}
#intro form div p {
	padding: 0 0 5px;
	color: #999999;
	font-size: 14px;
}

/*************************** http  ****************************/
body#http {
	background: black;
	text-align: center;
	position: relative;
}
#http h1 {
	padding: 50px 0 0px 0;
}

#http h2 {
	margin: 0px 0 20px 0;
	color: #666666;
	font-weight: normal;
	font-size: 30px;
}
#http .box {
	border: 10px solid #cc0000;
	padding: 30px 30px 0;
	width: 520px;
	margin: 0 auto 30px;
	background: white;
	text-align: left;
	color: black;
	width: 720px;
}
#http .box p {
	margin: 0 0 30px;
	color: black;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}
#http .login ul a,
#http .box p a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
	font-weight: bold;
}
#http .login ul a:hover,
#http .box p a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 0px dotted black;
	font-weight: bold;
	background-color: black;
}
#http .box p.red {
	color: #cc0000;
}
#http .box p.gray {
	color: #666666;
}

#http .login p {
	margin: 5px 0;
	text-align: left;
}
#http .login div {
	text-align: left;
}

#http .login input  {
	background:#dddddd none repeat scroll 0 0;
	border:1px solid black;
	color:black;
	color:black;
	font-size: 20px;
	height: 22px;
	width: 200px;
}

#http .login input.button {
	margin: 10px 0 0 0;
}
#http .login ul {
	list-style-type: none;
	font-size: 14px;
	margin: 20px 0;
}


/*************************** ALL COVER ****************************/

body#middle {
	width: auto;
	float: none;
	background: black;
}

body#middle .list {
	background: white;
	padding: 13px 47px 12px 48px;
	margin-top: 25px;
	text-align: left;
}

body#middle .list .row {
	margin: 2px 3px 3px 2px;
}

body#middle #footer {
	padding: 100px 0 40px;
	font-size: 16px;
	color: #666666;
	text-align: center;
}

body#middle #footer a {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
}

body#middle #footer a:hover {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}

/*************************** POTD ****************************/

body#middle,
body#potd {
	background: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

body#middle #content,
#potd #content {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: none;
	position: relative;
}
#potd #content.movie {
	width: 1024px;
}
#potd #footer {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #666666 url(../images/potd/background.png) repeat-x;
}
#potd #footer div {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	background: #666666 ;
}
#potd #footer ul {
	list-style-type: none;
	
}
#potd #footer ul li {
	float: left;
}
#potd #footer ul li a {
	position: relative;
}
#potd #footer ul li span {
	background: url(../images/potd/arrow.png) no-repeat;
	position: absolute;
	top: 0;
	width: 100px;
	height: 20px;
	left: 0;
}
#potd #footer p {
	color: #333333;
	text-align: center;
	line-height: 16px;
	font-size: 14px;
	padding-bottom: 40px;
}
#potd #footer p.first {
	padding: 90px 0 20px;
}

body#middle h1,
#potd h1 {
	text-align: center;
	color: #666666;
	font-size: 30px;
	font-weight: normal;
	padding: 50px 0 0 0;
}
body#middle h1 img,
#potd h1 img {
	display: block;
	margin:0 auto;
}
body#middle h1 span,
#potd h1 span {
	
}
#potd .potd {
	margin: 20px 0;
	display: block;
}
#potd .banner {
	margin: 0 0 22px;
}
#potd .banner.topmargin {
	margin-top: 20px;
}
#potd .text {
	color: #666666;
	line-height: 19px;
	font-size: 16px;
	margin: 0 0 145px;
}
#potd .text strong {
	color: #999999;
}
#potd .text span {
	color: white;
	background: #cc0000;
	padding: 2px 5px;
	margin: 0 3px 0 0;
}


/************ retmessage ****************/

#retmessage {
	position: absolute;
	left: 202px;
	top: 0;
	width: 520px;
	background: white;
	padding: 20px 30px 10px;
	color: black;
	font-size: 14px;
	border: 10px solid #cc0000;
}
.intro #retmessage {
	left: 202px;
}
#retmessage h2 {
	color:#cc0000;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0;
}
#retmessage p {
	font-weight:bold;
	padding: 0 0 10px 0;
}
#retmessage a {
	font-weight: bold;
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}
#retmessage a:hover {
	font-weight: bold;
	color: white;
	text-decoration: none;
	border-bottom: 0px dotted black;
	background-color: black;
}
#retmessage a.layerclose {
	float: right;
	background: black;
	color: white;
	padding: 5px;
	width: 65px;
	display: block;
	margin: 20px -20px 0 0;
	text-align: center;
	border-bottom: 0px dotted black;
}
#retmessage a:hover.layerclose {
	float: right;
	background: #cc0000;
	color: white;
	padding: 5px;
	width: 65px;
	display: block;
	margin: 20px -20px 0 0;
	text-align: center;
	border-bottom: 0px dotted black;
}
#retmessage form.captcha {
	width: 300px;
	margin: 20px auto 15px;
}
#retmessage form.captcha img {
	float: left;
}
#retmessage form.captcha input {
	float: right;
	margin: 10px 0 5px 0;
    font-size:12px;
    color:#666666;
    background-color:#000;
    vertical-align:middle;
	width: 140px;	
	height: 18px;
	background: white;
}
#retmessage form.captcha input.text {
	border:1px solid #333333;
	padding: 3px 4px 0px 4px;
	
}
#retmessage form.captcha input.submit {
	float: right;
	background: #cc0000;
	color: white;
	font-weight: bold;
	padding: 2px 0 4px;
	height: 22px;
	width: 149px;
	margin: 0;
	_width: 145px;
	border: 0;
}


#slideshow {
	font-size: 10px;	
	padding: 30px 0px 30px 0px;
	text-align: center;
}

#slideshow .links {
	margin: 0px auto 60px;
}

#slideshow .links a {
    background-color: #333333;
	padding: 2px 70px 2px 70px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#slideshow .bottom {
	margin: 60px 0px 0px 0px;
}

#left .util .conveythis {
	width: 115px !important; 
	height: 45px !important; 
	float: left !important; 
}
#left .util .conveythis .conveythis_left_image {
	display: block;
	background: #464646 !important;
	color: white;
	font-weight: bold !important;
	font-size: 11px !important;
	width: 115px !important;
	height: 45px !important;
	float: left;
	line-height: 45px !important;
	text-align: center;
	text-decoration: none; 
}
.conveythis .conveythis_drop {
	float: none !important;
	padding: 0 !important; 
	width: 115px !important; 
	height: 45px !important; 
	float: left !important; 
}

#translate-this {
	height: 35px !important;
	display: block !important;
	float: left;
}
#translate-this a { 
	background: #464646 !important;
}

#at2mc + .ttb-panel,
.ttb-translating + .ttb-panel,
.ttb-undo + .ttb-panel,
#mbox-mainbox +.ttb-panel, 
#footer + .ttb-panel {
	display: none !important;
	border: 10px solid red !important;
}

#middle .video #flashpreview_wrapper > div,
#middle .video #flashpreview2_wrapper > div {
	width: 100%;
	height:100%;
}