* {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
}

body {
	background: url(../images/body.png) repeat-y center;
}

cite,
span {
	color: #cc0000;
}

div.doc {
	background: url(../images/doc.png) repeat-x top center;
	text-align: center;
}

div.wrapper {
	width: 1010px;
	margin: 0 auto;
	text-align: left;
}

div.left {
	background: url(../images/banner_left_shadow.png);
	width: 21px;
	height: 120px;
	float: left;
}

div.middle {
	background: white url(../images/shadow_white.png) repeat-x 0 99px ;
	width: 968px;
	float: left;
}

div.middle div#current {
	 min-height: 600px;
	 height: auto !important;
	 height: 600px;
}

div.right {
	background: url(../images/banner_right_shadow.png);
	width: 21px;
	height: 120px;
	float: right;
}

div.banner {
	height: 100px;
	width: 968px;
	background: url(../images/banner.jpg) repeat-x center top;
}

	div.banner img {
		float: left;
		border: none;
	}
	
	div.banner ul {		
		float: right;
		margin: 0 20px 0 0;
	}
	
	div.banner li {		
		display: inline;
		line-height: 93px;
	}
	
	div.banner li a:visited,
	div.banner li a:link {		
		text-decoration: none;
		color: black;
	}
	
	div.banner li a:hover,
	div.banner li a:active {		
		color: white;
	}
	
	div.banner li a {
		display: block;
		float: left;
		margin: 11px 0 0 9px;
		width: 55px;
		height: 73px;
		overflow: hidden;
		text-indent: -1000px;
	}
		
	div.banner li a.order:link,
	div.banner li a.order:visited {
		background: url(../images/menu/_order.png) no-repeat;
	}
	
	div.banner li a.order:hover,
	div.banner li a.order:active {
		background: url(../images/menu/order.png) no-repeat;
	}

	
	div.banner li a.card:link,
	div.banner li a.card:visited {
		background: url(../images/menu/_card.png) no-repeat;
	}
	
	div.banner li a.card:active,
	div.banner li a.card:hover {
		background: url(../images/menu/card.png) no-repeat;
	}


	div.banner li a.info:link,
	div.banner li a.info:visited {
		background: url(../images/menu/_info.png) no-repeat;
	}
	
	div.banner li a.info:active,
	div.banner li a.info:hover {
		background: url(../images/menu/info.png) no-repeat;
	}
	
	
	div.banner li a.account:link,
	div.banner li a.account:visited {
		background: url(../images/menu/_account.png) no-repeat;
	}
	
	div.banner li a.account:active,
	div.banner li a.account:hover {
		background: url(../images/menu/account.png) no-repeat;
	}
	

	div.banner li a.login:link,
	div.banner li a.login:visited {
		background: url(../images/menu/_login.png) no-repeat;
	}
	
	div.banner li a.login:active,
	div.banner li a.login:hover {
		background: url(../images/menu/login.png) no-repeat;
	}
	

	div.banner li a.register:link,
	div.banner li a.register:visited {
		background: url(../images/menu/_register.png) no-repeat;
	}
	
	div.banner li a.register:active,
	div.banner li a.register:hover {
		background: url(../images/menu/register.png) no-repeat;
	}
	
	
	div.banner li a.logout:link,
	div.banner li a.logout:visited {
		background: url(../images/menu/_logout.png) no-repeat;
	}
	
	div.banner li a.logout:active,
	div.banner li a.logout:hover {
		background: url(../images/menu/logout.png) no-repeat;
	}
	
	
	div.banner li a.studio:link,
	div.banner li a.studio:visited {
		background: url(../images/menu/_studio.png) no-repeat;
	}
	
	div.banner li a.studio:active,
	div.banner li a.studio:hover {
		background: url(../images/menu/studio.png) no-repeat;
	}

div.box {
	background: url(../images/box_inside.png);
}

	div.box_left {
		background: url(../images/box_left.png) repeat-y;
	}
	
	div.box_right {
		background: url(../images/box_right.png) right repeat-y;
		padding: 0 8px 0 1px;
	}
	
	div.box_top {
		background: url(../images/box_top.png);
	}

	div.box_top_left {
		background: url(../images/box_top_left.png) no-repeat;
	}
	
	div.box_top_right {
		background: url(../images/box_top_right.png) right no-repeat;
		height: 34px;
		padding: 0 15px 0 8px;
	}
	
	
	div.box_bottom {

		background: url(../images/box_bottom.png);
	}

	div.box_bottom_left {
		background: url(../images/box_bottom_left.png) no-repeat;
	}
	
	div.box_bottom_right {
		background: url(../images/box_bottom_right.png) right no-repeat;
		height: 13px;
	}


	div.left_column {
		width: 630px;
		float: left;
		margin: 9px 10px 10px 18px;
	}
	
	div.right_column {
		margin: 10px 0 10px 0;
		width: 296px;
		float: left;
	}

	div.bottom {
		margin: 20px 12px 0px 18px;
	}

	div.box div.how_4 {
		width: 232px;
		float: left;
	}
	
		div.box div.how_4 div.how_content {
			margin: 10px 0 0 0;
			width: 148px;
			float: left;
		}

			div.box div.how_4 div.how_content p {
				font-size: 11px;
				color: #808284;
			}
	
	div.box div.how_4 img {
		margin: 10px;
		float: left;
	}
	
	div.box div.merit_2 {
		float: left;
		width: 310px
	}
	
	div.box div.merit_2 img {
		margin: 10px;
		float: left;
	}
	
		div.box div.merit_2 div.merit_content {
			margin: 10px 0 0 0;
			width: 220px;
			float: left;
		}
		
			div.box div.merit_2 div.merit_content p {
				font-size: 12px;
				color: #808284;
			}
			
	div.box div.offer_1 {
		
	}
	
		div.box div.offer_1 a.img_link:link,
		div.box div.offer_1 a.img_link:visited {
			border-bottom: #ff0000;
			border: 0 none;
			margin: 0;
			padding: 0;
		}
	
		div.box div.offer_1 img {
			margin: 10px 10px 0 10px;
			float: left;
			border: none;
		}
		
		div.box div.offer_1 a:link,
		div.box div.offer_1 a:visited {
			text-align: right;
			font-size: 12px;
			color: #808284;
			padding: 5px;
			text-decoration: none;
		}
		
		div.box div.offer_1 a.link {
			float: right;
			margin-top: -17px;
		}
		
		div.box div.offer_1 a:hover,
		div.box div.offer_1 a:active {
			color: black;
		}

		div.box div.offer_1 div.offer_content {
			margin: 10px 0 0 0;
			width: 190px;
			float: left;
		}
		
			div.box div.offer_1 div.offer_content p {
				font-size: 11px;
				color: #808284;
			}
			
			div.box div.offer_1 div.offer_content div.offer_detail {
				text-align: center;
				padding: 0 0 25px 0 ;
			}

				div.box div.offer_1 div.offer_content table {
					margin: 0 auto;
				}

				div.box div.offer_1 div.offer_content td {
					font-size: 11px;
					color: #808284;
				}
			
				div.box div.offer_1 div.offer_content td.item {
					text-align: right;
				}
				
				div.box div.offer_1 div.offer_content td.price,
				div.box div.offer_1 div.offer_content td.price50,
				div.box div.offer_1 div.offer_content td.price70 {
					text-align: left;
				}
				
				div.box div.offer_1 div.offer_content td.price50 {
					width: 50px;
				}
				
				div.box div.offer_1 div.offer_content td.price70 {
					width: 70px;
				}
				
			div.box div.offer_1 div.offer_content big a,
			div.box big {
				color: black;
				border: none;
				display: inline;
				font-size: 19px;
				padding: 0;
			}
			
		div.box div.offer_1 div.offer_2 div.gadget {
			width: 300px;
			height: 330px;
			float: left;
			text-align: center;
		}
		
			div.box div.offer_1 div.offer_2 div.gadget img {
				border: none;
				display: inline;
				float: none;
			}
		
		div.box div.offer_1 div.offer_2 {
			padding: 10px;
			color: #808284;
			font-size: 12px;
		}
			
			div.box div.offer_1 div.offer_2 table {
				width: 100%;
			}
			
			div.box div.offer_1 div.offer_2 td {
				text-align: left;
				padding: 10px 20px;
				font-size: 12px;
			}
			
			div.box div.offer_1 div.offer_2 td.right {
				text-align: right;
			}
			
			div.box div.offer_1 div.offer_2 a:link,
			div.box div.offer_1 div.offer_2 a:visited {
				color: #808284;
				font-size: 12px;
				border-bottom: none;
				margin: 0;
				padding: 0;
				display: inline;
			}
			
			div.box div.offer_1 div.offer_2 td a:link big,
			div.box div.offer_1 div.offer_2 td a:visited big {
				color: #000000;
				font-size: 18px;
				border-bottom: none;
			}
			
		
	div.box h2 {
		color: white;
		font-size: 14px;
		display: block;
		height: 34px;
		text-indent: -1000px;
		overflow: hidden;
	}
	
		div.box h2.how {
			background: url(../images/icons/how.png) left center no-repeat;
		}
		
		div.box h2.merit {
			background: url(../images/icons/merit.png) left center no-repeat;
		}

		div.box h2.offer {
			background: url(../images/icons/offer.png) left center no-repeat;
		}
		
		div.box h2.login_title {
			background: url(../images/icons/login.png) left center no-repeat;
		}
		
		div.box h2.register {
			background: url(../images/icons/register.png) left center no-repeat;
		}

		div.box h2.card {
			background: url(../images/icons/card_label.png) left center no-repeat;
		}
		
		div.box h2.details {
			background: url(../images/icons/details.png) left center no-repeat;
		}
		
		div.box h2.account {
			background: url(../images/icons/account.png) left center no-repeat;
		}
		
		div.box h2.account_new {
			background: url(../images/account_new.png) left center no-repeat;
		}
		
		div.box h2.account_done {
			background: url(../images/account_done.png) left center no-repeat;
		}
		
		div.box h2.account_lab {
			background: url(../images/account_lab.png) left center no-repeat;
		}
		
		div.box h2.account_pass {
			background: url(../images/account_pass.png) left center no-repeat;
		}
		
		div.box h2.account_address {
			background: url(../images/account_address.png) left center no-repeat;
		}
		
		div.box h2.help {
			background: url(../images/icons/help_label.png) left center no-repeat;
		}

div.space {
	padding: 10px;
}

div.line {
	border-top: 1px solid #808284;
	clear: both;
}




.pictureFrame {
	cursor: pointer;
	display: block;
	height: 433px;
	overflow: hidden;
	position: relative;
	width: 630px;
	margin: 0 0 10px 0;
}

.pictureFrame img {
	border: none;
}

.pictureFrame .image {
	display:block;
	height:433px;
	left:3px;
	overflow:hidden;
	position:absolute;
	top:2px;
	width:630px;
}

.pictureFrame .overlay {
	background: url(../images/image_frame.png) no-repeat scroll left center;
	display:block;
	height:433px;
	left:0;
	position:absolute;
	top:0;
	width:630px;
}




input[type="submit"],
input[type="button"],
button {
	border: 1px solid #808284;
	/*background: #BCBEC0;*/
	font-size: 12px;
	background: url(../images/button.png);
	cursor: pointer;
}

p.error,
div.login div.login_form p.error {
	color: red;
	font-size: 12px;
	margin: 0;
}

div.error-message {
	color: red;
	font-size: 12px;
}

div.separator {
	clear: both;
	border-bottom: solid 1px #636466;
}

div.register {
	background: url(../images/icons/register_separator.png);
}

div.card {
	width: 500px;
	float: left;
	padding: 10px 40px 10px 10px;
}

	div.card div.bank {
		margin: 20px 10px;
	}
	
		div.card div.bank input[type="radio"] {
			margin: 0 10px;
		}
	
	div.card div.empty {
		width: 132px;
		height: 10px;
		float: left;
	}
		div.card div.bank img {
			vertical-align: middle;
			float: none;
		}

	div.card_list {
		background: white;
		border: 1px solid #a5a8ab;
		min-height: 400px;
		margin: 20px 0;
	}
	
		div.card_list table {
			width: 100%;
			border-collapse: collapse;
			table-layout: fixed;
		}
		
		div.card_list th {
			font-size: 11px;
			color: white;
			font-weight: normal;
			background: url(../images/th.png) repeat-x;
			height: 22px;
		}
		
		div.card_list th, 
		div.card_list td {
			border-bottom: 1px solid #a5a8ab;
			border-left: 1px solid #a5a8ab;
			text-align: center;
		}
		
		div.card_list th.first, 
		div.card_list td.first {
			border-left: none;
		}
		
		div.card_list td {
			font-size: 12px;
			height: 23px;
		}
		
			div.card_list td a.delete {
				display: block;
				overflow: hidden;
				text-indent: -1000px;
				width: 24px;
				height: 23px;
				background: url(../images/delete.png);
			}
	
div.card_summary {
	float: left;
	width: 240px;
	min-height: 100px;
	padding: 10px;
}

	div.card_summary p {
		color: #808285;
		font-size: 13px;
		margin: 15px 0; 
	}

	div.card_summary div.card_summary_details {
		background: white;
		border: solid 1px #a5a8ab;
		padding: 10px;
		margin: 20px 0;
	}
	
		div.card_summary div.card_summary_details div.item {
			width: 100%;
			margin: 14px 0;
		}
		
			div.card_summary div.card_summary_details div.item div.label {
				float: left;
				font-size: 12px;
				text-align: right;
				color: #808285;
				width: 75px;
				margin: 6px 0 0 0;
			}
			
			div.card_summary div.card_summary_details div.item div.value {
				font-size: 20px;
				font-weight: bolder;
				float: left;
				margin: 0 0 0 10px;
			}

div.login {
	margin: 0px 20px 10px 20px;
	padding: 20px 0;
	
}

	div.login img {
		float: left;
		margin: 10px;
	}

	div.login div.login_form {
		float: left;
		padding: 10px 40px 10px 10px;
		
	}
	
	div.register div.login_form {
		width: 210px;
	}
		
		div.login div.login_form div.rules {
			width: 440px;
		}
		
		div.login div.login_form2 {
			width: 730px;
			float: left;
			padding: 10px 40px 10px 10px;
		}
	
		div.login div.rules {
			text-align: justify;
			padding: 0;
			font-size: 12px;
		}

		div.login div.rules li {
			padding: 10px 0;
			text-indent: 0;
			list-style-position: inside;
		}
		
		div.login div.rules li li {
			padding: 10px 0px 0px 40px;
		}

		div.login div.rules h4 {
			padding: 30px 0 10px 0;
			text-align: center;
		}

		div.login div.login_form p {
			font-size: 12px;
			color: #808284;
		}
	
		div.login div.login_form p {
			margin: 10px 0;
		}
		
		div.login div.login_form input[type="text"],
		div.login div.login_form input[type="password"],
		div.login div.login_form select {
			width: 200px;
		}
		
		div.login div.login_form input[type="checkbox"] {
			margin: 0 10px 0 0;
		}

div.account_menu {
	width: 300px;
	float: left;
	margin: 0px 10px 10px 20px;
	padding: 20px 0;
}

	div.account_menu div.content {
		padding: 10px;
	}

		div.account_menu div.content img {
			float: left;
		}
		
		div.account_menu div.content div.menu {
			float: left;
			margin: 0 10px;
		}
		
			div.account_menu div.content div.menu ul {
				list-style-image: url(../images/li.png);
				list-style-position: inside;
				margin: 5px 0 0 10px;
			}
			
				div.account_menu div.content div.menu ul a:link,
				div.account_menu div.content div.menu ul a:visited {
					font-size: 12px;
					text-decoration: none;
					color: #808284;
				}
				
				div.account_menu div.content div.menu ul a:active,
				div.account_menu div.content div.menu ul a:hover {
					color: #000000;
				}
				
				div.account_menu div.content div.menu ul a.active {
					color: #333333;
					font-weight: bolder;
				}
				
				div.account_menu div.content div.menu p {
					font-size: 12px;
					text-decoration: none;
					color: #808284;
					margin: 5px 0;
				}
		
	div.account_menu div.content div.capacity {
		margin: 10px 0;
		height: 15px;
		width: 150px;
		background: silver;
		border: 1px solid gray;
		text-align: center;
		font-size: 11px;
		line-height: 15px;
	}

div.account_content {
	width: 618px;
	float: left;
	margin: 0px 20px 10px 0;
	padding: 20px 0;
}

	div.account_content p {
		font-size: 12px;
		color: #808284;
	}
	
	div.account_content div.table {
		padding: 10px;
		min-height: 350px;
	}
	
		div.account_content div.table a {
			text-decoration: none;
		}
		
		div.account_content div.table big {
			font-size: 18px;
			color: black;
		}
	
		div.account_content div.table table {
			width: 100%;
			margin: 10px 0;
			font-size: 12px;
		}
		
			div.account_content div.table tr {
				text-align: center;
				color: #808284;
				height: 30px;
			}
			
		div.table ol {
			list-style-position: inside;
			padding: 10px 0;
			font-size: 14px;
		}

			div.table ol li {
				padding: 10px;
			}
				
			div.table ol strong {
				font-size: 14px;
			}
		
			div.table ol p {
				padding: 5px 0 5px 25px;
			}
			
			div.table ol li ol {
				font-size: 11px;
				margin: 5px 20px 10px 25px;
				background: #ffffff;
				color: #808284;
				list-style-position: outside;

			}
			
			div.table ol li ol li {
				font-size: 11px;
			}
			
			div.table ol li ol li {
				padding: 2px;
				margin: 0 10px 0 30px;
			}
			
			div.table ol li ol p {
				padding: 0  0 5px 10px;
				margin: 0;
			}
			
				div.table ol li ol img {
					margin: 0 0 10px 10px;
					display: block;
				}
			
			div.table ol ul {
				list-style-position: inside;
				padding: 4px 0;
			}
			
				div.table ol ul li {
					list-style-position: outside;
					padding: 0px;
					margin: 6px 30px;
					font-size: 12px;
					color: #808284;
				}
			
			div.table ol a:link,
			div.table ol a:visited {
				color: #cc0000;
			}
		
		div.table ol a:active,
		div.table ol a:hover {
			text-decoration: underline;
		}
		
		div.account_content div.table div.login_form {
			width: 150px;
			padding: 0px 40px 10px 10px;
			margin: 0 auto;
		}
		
		div.account_content div.table div.login_form a {
			color: #808284;
		}



div.footer {
	height: 142px;
	background: url(../images/shadow_footer.png) repeat-x;
	margin: 0 21px 0 21px;
	padding: 10px;
}

	div.footer dl {
		font-size: 12px;
		float: left;
		margin: 15px 50px 55px 15px;
	}
	
		div.footer dt {
			color: #888;
			font-weight: bold;
			padding: 0 0 5px 0;
		}
		
		div.footer dd,
		div.footer dd a:link,
		div.footer dd a:visited {
			font-size: 11px;
			color: #808285;
			text-decoration: none;
			padding: 0 0 0 5px;
			margin: 0;
		}
		
		div.footer dd a:link,
		div.footer dd a:visited {
			padding: 0;
		}
		
		div.footer dd a:hover,
		div.footer dd a:active {
			color: rgb(209, 179, 49);
			color: white;
			text-decoration: none;
		}

		div.footer a.img {
			float: right;
			margin: 37px 10px 0;
		}
		
		div.footer a.img img {
			border: none;
		}
		
		




*.spacer {
	clear: both;
	height: 10px;
}

*.clear {
	clear: both;
}