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

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

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
	}

	#jsddm li a
	{	display: block;
		text-decoration: none;
		color: #cccccc;
		white-space: nowrap;
		padding-right: 5px;
		padding-top: 5px;		
		padding-bottom: 5px;		
		}

	#jsddm li a:hover
	{ color: #cccccc}
		
		#jsddm li ul
		{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				}
			
			#jsddm li ul li a
			{
	width: auto;
	color:#990000;
	background-color:#FFFDFD;
	height: 15px;
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #EEA8A8;
}
			
#jsddm li ul li a:hover
{
background-color: #F9EAB5;
color: #FF0000;
}



body {
	
}

#pattern_main {
	width: 900px;
	height: 800px;
	margin-left:auto;
	margin-right:auto;
}

#pattern_top {
	width: 900px;
	height: 350px;
}

#pattern_bottom {
	width: 800px;
	height: 300px;
}

#pattern_tabs {
	height: 30px;
	width: 760px;
	padding-left: 20px;
	padding-right: 20px;
}

#pattern_content {
	height: 245px;
	width: 760px;
	padding-left: 20px;
	padding-right: 20px;
}

#pattern_tabs_area {
	height: 30px;
	width: 760px;
	background-image: url(tabsbck.png);
	background-repeat: repeat-x;
}

#pattern_tabs_area_spacer {
	height: 30px;
	width: 20px;
	float: left;
}

#pattern_tabs_area_items {
	height: 30px;
	width: 740px;
	float:left;
}

.pattern_tabs_area_item_normal {
	height: 30px;
	width: 100px;
	float:left;
	background-image: url(normal_tab.png);
	background-repeat: no-repeat;
	text-align:center;
	padding-top: 10px;
}

.pattern_tabs_area_item_selected {
	height: 30px;
	width: 100px;
	float:left;
	background-image: url(selected_tab.png);
	background-repeat: no-repeat;
	text-align:center;	
	padding-top: 10px;	
}

#pattern_content_area {
	width: 731px;
	height: 215px;
	padding-top: 5px;
	padding-left: 27px;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

#pattern_content_paginate {
	width: 760px;
	height: 20px;
}

.tabmenu {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color: #666666;
	padding-right:8px;
	text-decoration:none;
}

.tabmenu:hover {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color: #333333;
	padding-right:8px;
	text-decoration:none;
}

#pattern_loading {
	height: 20px;
	float: left;
	padding-top: 3px;
	display:none;
}

#pattern_pages {
	height: 20px;
	float: right;
}

.pattern_loading_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.pattern_arrows {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;	
	text-decoration:none;
}

.pattern_arrows:hover {
	color:#CC0000;
}

.pattern_separator {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;	
}

.pattern_item
{
	padding: 3px;
	float: left;
	cursor:pointer;
}

.pattern_item:hover
{
	background-color:#cccccc;
}

#pattern_top_content {
	width: 550px;
	height: 350px;
	float: left;
}

#pattern_top_mask {
	width: 300px;
	height: 300px;
	padding: 25px;
	float: left;
}

#pattern_top_mask img{
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}

#pattern_mask {
	width: 300px;
	height: 300px;
	background-image: url(admin/files/dot_matrix_background.jpg);
}

#pattern_top_order
{
	width: 440px;
	height: 46px;
	margin-top: 25px;
	margin-left: 20px;
}

#pattern_top_preview
{
	width:200px;
	height: 90px;
}

#pattern_top_choose
{
	width:inherit;
	height: 20px;
}

.pattern_choose_one {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#333333;
	padding-left: 20px;
}

#pattern_item_name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#333333;
	padding-top:5px;
}

#pattern_item_image {
	width:64px;
	height:64px;
	float:left;
	border: 1px solid #cccccc;
	margin-right: 10px;
}

#pattern_top_animals {
	width: inherit;
	height: 85px;

}

#pattern_order_align{
	padding-top:15px;
	padding-left: 35px;
	float:left;
}

#pattern_category_align{
	padding-top:15px;
	float:right;
}

.pattern_order_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #990000;
	text-decoration: none;
}

.pattern_order_link:hover {
	color:#660000;
}

.mask_item
{
	margin-right: 3px;
	padding: 1px;
	float: left;
	cursor:pointer;
	background-color:#cccccc;
}

.mask_item:hover
{
	background-color:#666666;
}

#pattern_copyright {
	height: 35px;
	width: 759px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(bottom.png);
	background-repeat: no-repeat;
}

#pattern_copyright_align {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#333333;
	padding-top: 10px;
	padding-left: 15px;
	float:left;
}

#pattern_backling_align
{
	padding-top: 10px;
	padding-right: 15px;
	float:right;
}

#pattern_backling_align a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#333333;
}

#pattern_backling_align a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #990000;
}

#pattern_filter label{
	color:#990000;
}

#pattern_filter b {
	color:#666666;
}

#tab {
	display:none;
}

#choosed_pattern{
	display:none;
}

#pat1 {
	padding-left:10px;
	float: left;
	width: 110px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
#patnew {
	padding-left:40px;
	float: left;
	width: 170px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}


#pat2 {
	padding-left: 20px;
	fload: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#pat3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#descpt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-top: 5px;
}

#descpt label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	padding-top: 5px;
}