/* CSS Document */

@charset "utf-8";
* { margin:0; padding:0;}
img { border:none}
.clearthis { clear:both; float:none; height:0px; line-height:0px; font-size:0px;}

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/background.jpg) top repeat-x #FFF;
	}

a
	{
	text-decoration:none;
	color:#333;
	}	
select
	{ letter-spacing:0px;}
#container
	{
	width:990px;
	margin:0 auto;
	}
.top_border
	{
	background:url(../images/toppage.gif) top no-repeat;
	height:15px;
	overflow:hidden;
	display:block;
	}
.center_border
	{
	background:url(../images/centerpage.gif) left top repeat-y;
	display:block;	
	}
.bottom_border
	{
	background:url(../images/bottompage.gif) top no-repeat;
	height:14px;
	overflow:hidden;
	}
.logo_txt
	{
	display:block;
	}
.logo
	{
		float:left;
		padding-top:13px;
		padding-left:17px;
	}
.text_top_menu
	{
		float:right;
		color:#666666;
		padding-top:25px;
		padding-right:70px;
	}
.text_top_menu a
	{
	color:#666;
	padding:0px 3px;
	text-decoration:none;
	}
.text_top_menu a:hover
	{
	color:#666;
	text-decoration:underline;
	}
.content_center
	{
	width:970px;
	margin: 0 auto;
	background:url(../images/bgcenter1.gif) top repeat-x #FFF;
	}
.menu
	{
		background:url(../images/bgmenu.gif) repeat-x;
		height:37px;
		display:block;
		padding-left:2px;
		margin-top:10px;
	}
.btn1_1
	{
		background:url(../images/artcollection_1.gif) no-repeat;
		width:145px;
		height:34px;
		float:left;
		cursor:pointer;
		margin-top:2px;
	}
.btn1_2
	{
		background:url(../images/artcollection_2.gif) no-repeat;
		width:145px;
		height:34px;
		float:left;
		cursor:pointer;
		margin-top:2px;
	}

.btn2_1
	{
		background:url(../images/dg-off.gif) no-repeat;
		width:150px;
		height:34px;
		float:left;
		cursor:pointer;
		margin-top:2px;
	}
.btn2_2
	{
		background:url(../images/dg-on.gif) no-repeat;
		width:150px;
		height:34px;
		float:left;
		cursor:pointer;
		margin-top:2px;
	}
	
.bio-off
	{
		background:url(../images/bio-off.jpg) no-repeat;
		width:54px;
		height:34px;
		float:left;
		cursor:pointer;
		margin-top:2px;
	}
	
.bio-on
	{
		background:url(../images/bio-on.jpg) no-repeat;
		width:54px;
		height:34px;
		float:left;
		cursor:pointer;
		margin-top:2px;
	}	
	
.search
	{
		float:right;
		padding-top:8px;
		padding-right:16px;
		color: #666666;
		width: 290px; 
	}
.search_txt
	{
		float:left;
		color:#666666;
		font-size:11px;
		padding-top:5px;
		padding-right:5px;
	}
.search_input
	{
		float:left;
		background:url(../images/bg_search.gif) no-repeat;
		height:22px;
		width:200px;
		color: #666666;
	}
.search_input input
	{
	background:none;
	border:none;
	font-size:11px;
	padding:2px;
	width:195px;
	}
.search_btn
	{
		float:left;
		padding-left:5px;
	}
.banner
	{
	display:block;
	padding:1px;
	background:#FFF;
	}
#leftcolhome
	{
		width:633px;
		border:1px #f0eeee solid;
		float:left;
		padding:10px;
		background:url(../images/bg_leftcol.gif) bottom repeat-x;
		color:#666666;
		margin-left:4px;
		margin-top:4px;
		min-height:271px;
		_height:271px;
		_display:inline;		
		}
.leftcolhome_content
	{
		display:block;
	}
	
.leftcolhome_content span
	{
		display:block;
	}
	
.leftcolhome_content .pinky
	{
		display:inline;
		color: #FF00FF;
	}
		
span.leftcolhome_content_txt 
	{
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		text-align:justify;
		line-height:18px;
	}
#rightcolhome
	{
		width:300px;
		background:#FFF;
		border:1px #f0eeee solid;
		float:right;
		padding-bottom:4px;
		margin-right:4px;
		margin-top:4px;
		_display:inline;
	}
.artcollection_btn
	{
		display:block;
		text-align:center;
		padding-top:4px;
		overflow:hidden;
		line-height:1px;
		font-size:1px;
	}
.photosoup_btn
	{
		display:block;
		text-align:center;
		padding-top:4px;
		overflow:hidden;
		line-height:1px;
		font-size:1px;
	}
.newsletter
	{
		background:url(../images/newsletter.jpg) bottom center no-repeat;
		height:83px;
		display:block;
		padding-top:42px;
		padding-left:16px;
		margin-top:4px; 
	}
.newsletterLarge
	{
		background:url(../images/newsletter2.jpg) bottom center no-repeat;
		height:83px;
		display:block;
		padding-top:42px;
		padding-left:16px;
		margin-top:4px;
	}	
.newsletter_is
	{
		width:233px;
		background:#222;
		background:url(../images/newsletter_is.jpg) bottom center no-repeat;
		padding-top:50px;
	}
.newsletter_txt
	{
		display:block;
		color:#FFF;
		padding-bottom:5px;
	}
.newsletter_txt_is
	{
		display:block;
		color:#FFF;
		padding-bottom:5px;
		padding-left:10px;
	}
.newsletter_input
	{
		display:block;
		padding-left:0px;
	}
.newsletter_input input
	{
		border:1px #bdbcbd solid;
		background:#f5f5f5;
		padding:2px;
		font-size:12px;
		width:266px;
	}
.newsletter_input_is
{
	display:block;
	padding-left:10px;
}
.newsletter_input_is input
	{
		border:1px #bdbcbd solid;
		background:#f5f5f5;
		padding:2px;
		font-size:12px;	width:208px;
	}
.newsletter_btn
	{
	display:block;
	text-align:right;
	padding-right:12px;
	padding-top:5px;
	}
.newsletter_btn_is
	{
	display:block;
	text-align:right;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:10px;
	
	}
.footer
	{
		height:40px;
		display:block;
		text-align:center;
		background:url(../images/bg_ft40.gif) left no-repeat;
		background-color:ccc;
		color:#666666;
		padding-top:0px;
	}
	
/* navigater link */
.nav_link
	{
	color:#666666;
	font-size:11px;
	display:block;
	padding:5px;
	}
.nav_link_main
	{
	font-weight:bold;
	float:left;
	color:#666666;
	}
.nav_link_main_1
	{
	font-weight:bold;
	float:left;
	color:#666666;
	background:url(../images/li.gif) no-repeat left;
	}
.nav_link_main_1 a ,.nav_link_main a
	{
		color:#666666;
	font-weight:bold;
	text-decoration:none;
	padding-right:3px;
	padding-left:12px;
	}
.nav_link_main_1 a:hover ,.nav_link_main a:hover
	{
		color:#666666;
	font-weight:bold;
	text-decoration:underline;
	}
.nav_link_sub
	{
	float:left;
	color:#666666;
	font-size:11px;
	background:url(../images/li.gif) no-repeat left;
	}
.nav_link_sub a
	{
	color:#666666;
	text-decoration:none;
		padding-left:12px;
	}
.nav_link_sub a:hover
	{
	color:#666666;
	text-decoration:underline;
	}
	
.content_inside
	{
	display:block;
	margin:4px;
	/*
	border:1px #f0eeee solid;
	*/
	}
.content_inside .content_inside_tit
	{
	display:block;
	color:#2c435a;
	padding:10px 10px 0px 10px;
	font-size:18px;
	margin-bottom:10px;
	}
.content_inside .content_inside_txt
	{
	display:block;
	color:#666666;
	padding:10px;
	font-size:12px;
	margin-bottom: 3px;
	}
.content_inside .content_inside_txt_right
	{
	display:block;
	color:#666666;
	padding-right:10px;
	font-size:12px;
	margin-top:0px;
	margin-bottom: 3px;
	float:right;
	}	
.col_inside
	{
	width:281px;
	float:left;
	padding-right:15px;
	padding-left:20px;
	padding-bottom:10px; 
	}
.col_inside_img
	{
	width:275px;
	height:138px;
	border:3px #e66da5 solid; 
	overflow:hidden;
	}
.col_inside_txt
	{
	display:block;
	}
.col_inside_txt .col_inside_tit
	{
	font-size:14px;
	color:#2c435a;
	padding:10px 0px;
	font-weight:bold;
	}
.col_inside_tit a
	{
	color:#2c435a;
	text-decoration:none;
	}
.col_inside_txt .col_inside_con
	{
	font-size:12px;
	color:#666666;
	text-align:justify;
	
	}
.col_inside_con {min-height: 160px;} 	
.col_inside_con a{ color:#2c435a; font-weight: bold; }	
.col_inside_txt .col_inside_con span
	{
	font-size:11px;
	color:#2c435a;
	display:block;
	font-weight:bold;
	padding-top:5px;
	}
.col_inside_txt .col_inside_con span a
	{
	text-decoration:none;
	color:#2c435a;
	}
.col_inside_txt .col_inside_con span a:hover
	{
	text-decoration:none;
	color:#2c435a;
	}
	
/* art series  */
#left_as
	{
	width:693px;
	float:left;
	padding:10px;
	border:1px #f0eeee solid;
	margin-left:3px;
	}
#right_as
	{
	width:238px;
	border:1px #f0eeee solid;
	float:right;
	padding-top:3px;
	margin-right:3px;
	}
.left_as_tit
	{
	display:block;
	}
.left_as_tit .left_as_txt
	{
	font-size:20px;
	float:left;
	font-weight:bold;
	color:#2c435a;
	}
.left_as_tit .left_as_page
	{
	font-size:12px;
	float:right;
	height:22px;
	}
.left_as_page_ac
	{
	font-size:12px;
	color:#000;
	}
span.left_as_page_noac
	{
	color:#a9aaa9;
	border:1px #f2f2f2 solid !important;
	margin-left:4px;
	margin-right:4px;
	padding:2px 6px;
	font-size:11px;
 	display:inline;
	}
.block_img
	{
	width:215px;
	float:left;
	margin-left:10px;
	margin-right:5px;
	margin-top:10px;
	}
.block_img_img
	{
	width:209px;
	height:119px;
	overflow:hidden;
	border:3px solid #cccccc;
	}
.block_img_txt
	{
	font-size:12px;
	color:#2c435a;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	}
.mycart_right
	{
	width:300px;
	margin:0 auto;
	margin-bottom:3px;
	}
.mycart_right_top
	{
	height:34px;
	width:300px;
	background:url(../images/mycart_tit.gif) no-repeat;
	}
.myaccount_right_top
	{
	height:34px;
	width:300px;
	background:url(../images/my_account_tit.gif) no-repeat;
	}	
.myorders_right_top	
	{
	height:34px;
	width:300px;
	background:url(../images/myorder_tit.gif) no-repeat;
	}	

.mycart_right_top_compare
	{
	height:34px;
	width:300px;
	background:url(../images/comparepro_top.gif) no-repeat;
	}
.mycart_right_ct
	{
	background:#f7f7f7;
	padding:10px;
	}
.mycart_right_ct_compare
	{
	background:#f7f7f7;
	padding:5px;
	}
.mycart_right_ct span
	{
	display:block;
	padding-bottom:5px;
	}
.mycart_right_ct span strong
	{
	color:#3d2075;
	}
.mycart_right_cart
	{
	background:#FFF;
	width:170px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0 auto;
	text-align:center;
	}
	
.product_compare
	{
	margin:0 auto;
	margin-top:2px;
	width:205px;
	background:#FFF;
	height:20px;
	padding:5px;
	}
.product_compare_name
	{
	font-size:11px;
	color:#333333;
	float:left;
	width:176px;
	padding-top:3px;
	}
.product_compare_close
	{
	float:right;
	width:20px;
	padding-top:3px;
	}
.product_compare_name a
	{
	text-decoration:none;
	color:#333;
	}
.product_compare_clear_btn
	{
	display:block;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	}
.product_compare_clear_btn img
	{
	float:right;
	}
	
.img_product
	{
		width:233px;
		float:left;
	}
.img_product_img
	{
		width:229px;
		height:241px;
		overflow:hidden;
		border:1px #eae8e8 solid;
	}
.img_product_img_zoom
	{
		display:block;
		background:url(../images/zoom.gif) left center no-repeat;
		font-size:11px;
		padding-left:18px;
		color:#333333;
		padding-top:5px;
		padding-bottom:5px;
	}
.txt_product
	{
		float:right;
		width:454px;
	}
.txt_product_tit
	{
		display:block;
		font-size:16px;
		font-weight:bold;
		color:#2c435a;
		padding:5px 0px;
	}
.txt_product_des
	{
		display:block;
		line-height:18px;
		color:#333333;
	}
.txt_product_des_txt
	{
		display:block;
		line-height:22px;
	}
.txt_product_des_txt span
	{
		width:100px;
		font-weight:bold;
		display:block;
		float:left;
	}
.txt_product_des_btn
	{
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}
.txt_product_des_btn img
	{
		padding-right:5px;
	}
.similarimg
	{
		display:block;
	}
.similarimg span
	{
		 display:block;
		 color:#333333;
		 font-size:12px;
		 font-weight:bold;
		 padding-top:5px;
		padding-bottom:5px;
	}
.similarimg div
	{
		display:block;
	}
.similarimg_img
	{
		width:63px;
		height:41px;
		border:3px #999 solid;
		margin-right:10px;
		float:left;
	}
.tab_product
	{
		display:block;
		padding-top:10px;
	}
	
ul.links li {
	border-right:1px solid #666;
}	
ul.links li.last {
	border-right:0px;

}	

/* compare pros */
.compare_popup ,.printorder
	{
	 
		 
	 
		background:#FFF;
		padding:10px;
		border:3px #cccccc solid;
	}

.compare_popup_tit ,.printorder_tit
	{
		display:block;
		font-size:18px;
		color:#2c435a;
		padding-bottom:10px;
		position:relative;
		float:left;
		
	}
.compareTable { }	
.compareTitle {   height: 50px;}
.close_btn
	{
	width:44px;
	height:30px;
	position:absolute;
	top:0px;
	right:34px;
	}
.print_btn
	{
	width:34px;
	height:30px;
	position:absolute;
	top:0px;
	right:0px;
	}
.compare_popup_content ,.printorder_content
	{
		display:block;
	}
.printorder_content
	{
		margin:10px;
		border:1px #dfdfdf solid;
	}
.printorder_content_tit
	{
		color:#333333;
		font-size:16px;
		font-weight:bold;
		padding:10px;
	}
.block_print_grey
	{
	width:400px;
	height:232px;
	background:#f4f3f3;
	color:#666666;
	float:left;
	margin-left:10px;
	padding:10px;
	line-height:18px;
	}
.block_print_grey span
	{
	width:80px;
	float:left;
	font-weight:bold;
	}
.bill_table
	{
	display:block;
	padding:5px;
	font-size:11px;
	color:#333333;
	}
.bill_table table
	{
	margin:auto;
	}
.compare_popup_content table ,.printorder_content table
	{
		margin:auto;
	}
.compare_img_block
	{
		padding:10px;
	}
.compare_img
	{
		width:179px;
		height:83px;
		border:2px #cccccc solid;
		overflow:hidden;
	}
.compare_name_price
	{
		color:#333333;
		padding-top:10px;
		padding-bottom:5px;
	}
.compare_btn 
	{
		
	}
.compare_btn span
	{
		display:block;
	}
.compare_table_padding
	{
		padding-left:10px;
	}
	
/* email */
.email_page_all
	{
	width:700px;
	}
.email_page
	{
	width:694px;
	border:3px #e66da5 solid;
	background:#FFF;
	}
.email_page_logo
	{
	background:url(../imgs/logo_bg_email.gif) repeat-x;
	height:75px;
	display:block;
	padding-left:10px;
	padding-top:10px;
	}
.email_content
	{
	display:block;
	padding:10px;
	color:#666666;
	line-height:18px;
	}
.email_content span
	{
	display:block;
	}
.email_content_txt
	{
	display:block;
	}
.email_content_txt a
	{
	color:#da1e9a;
	text-decoration:none;
	}
.email_content_table
	{
	display:block;
	}
.thankyou
	{
	font-size:12px;
	color:#666666;
	padding-top:10px;
	}
/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
#scroller {width:969px !important; min-height:200px; height:200px; z-index:2; }
#scroller div.scrollableArea img { float: left; }


div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}