﻿/* CSS Document */
body { padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7b7b7b; line-height:normal; background:url(../images/bg_index.gif);}
div,ul,li,dl,dt,dd,img { padding:0; margin:0; border:0;}
img { vertical-align:top;}
h1,h2,h3,h4,h5,h6,p{ font-size:12px; color:#7b7b7b; text-decoration:none; padding:0; margin:0;}
a { font-size:12px; color:#7b7b7b; text-decoration:none;}
a:hover{ font-size:12px; color:#7b7b7b; text-decoration:underline;}
li { list-style:none;}
.clear { clear:both;}

/* 样式标题 */
.title { height:40px; background:url(../images/bg_indexTitle.jpg) repeat-x;}
.title span { float:right;}

#warpper { width:982px; margin:0 auto;}
.logo { float:left; width:170px;}
.top { float:right; width:772px;}
.login { padding:5px 10px;  background:#f4f4f4; float:right; font-weight:bold;}
.login a { font-weight:bold;}
.login a:hover { font-weight:bold;}
.login input { vertical-align:middle;}
.loginInp { width:90px; border:1px solid #e5e5e5;}
.loginOk {  padding:0px 5px 0px 0; text-align:right; width:650px; height:25px;}
.loginOk span { line-height:15px; display:block; padding-bottom:3px; padding-top:7px; float:right; margin-right:10px;}
.loginOk a:hover{ color:#64411a; text-decoration:none; cursor:pointer;}

.loginOk a.cart { line-height:15px; display:block; padding-bottom:3px; padding-top:7px; float:right; background:url(../images/pic_ShoppingCart.jpg) no-repeat; padding-left:30px; margin-right:10px;}
.loginOk a.out { line-height:15px;display:block; padding-bottom:3px;  padding-top:7px; float:right;background:url(../images/pic_loginout.jpg) no-repeat; padding-left:30px; margin-right:10px;}
.loginOk a.my { line-height:15px;display:block; padding-bottom:3px;  padding-top:7px; float:right;background:url(../images/pic_myaccount.jpg) no-repeat; padding-left:30px;}
.loginOk a.cart:hover { background:url(../images/pic_ShoppingCart_over.jpg) no-repeat; }
.loginOk a.out:hover {background:url(../images/pic_loginout_over.jpg) no-repeat;}
.loginOk a.my:hover { background:url(../images/pic_myaccount_over.jpg) no-repeat;}

.loginNo{ text-align:right;}

.topText { float:left; width:772px; line-height:200%;}
.topText h2 { font-size:18px; font-weight:normal;}

.nav { width:982px; height:34px; background:#151515; overflow:hidden;}
.nav td{ text-align:center;}
.nav td a{ text-align:center;font-weight:bold; color:#ffffff; display:block; padding:10px 10px 0px 10px; height:24px; text-decoration:none;}
.nav td a:hover{ background:#a6a07e; color:#fff; font-weight:bold; text-decoration:none;}
.nav td a.no{ background:#a6a07e; color:#fff; font-weight:bold; text-decoration:none;}

.menu{ color:#ffffff;}
.menu a{ font-weight:bold; color:#ffffff; display:block; padding-top:10px; height:24px; text-decoration:none;}
.menu_no a{ color:#ffffff; font-weight:bold;}
.menu_no a:hover { background:#bab492; color:#241a08; font-weight:bold; text-decoration:none;}
.menuhover { background:#bab492; color:#241a08;}
.menuhover a{ color:#fff; font-weight:bold;}
.menuhover a:hover { color:#241a08; font-weight:bold; text-decoration:none;}
.subMenu { margin:0 auto; background:#f60; position:relative; z-index:9999; width:982px}
.subMenu1,.subMenu2,.subMenu3,.subMenu4,.subMenu5,.subMenu6 { position:absolute; display:none; background:#d3cba2 url(../images/bg_submenu.gif) bottom repeat-x;}
.subMenu1 { left:0;}
.subMenu2 { left:130px;}
.subMenu3 { left:283px;}
.subMenu4 { left:375px;}
.subMenu5 { left:537px;}
.subMenu6 { right:30px;}
.subMenu1 ul li a,.subMenu2 ul li a,.subMenu3 ul li a,.subMenu4 ul li a,.subMenu5 ul li a,.subMenu6 ul li a { display:block; width:238px; height:24px; padding:5px 0 0 12px; font-weight:normal; border-bottom:1px solid #c4bb89; font-size:14px; color:#151515;}
.subMenu1 ul li a:hover,.subMenu2 ul li a:hover,.subMenu3 ul li a:hover,.subMenu4 ul li a:hover,.subMenu5 ul li a:hover,.subMenu6 ul li a:hover { font-size:14px; color:#fff;font-weight:normal; background:#a6a07e; text-decoration:none;}
.submenu dt{ height:20px; background:url(../images/bg_type.gif) repeat-x;  padding:4px 0 0 22px; font-size:13px;font-weight: bold ;}
.submenu dd { background:url(../images/pic_Plus.jpg) 0 3px no-repeat; padding-left:20px; margin:8px auto; width:222px;}

.dddselectmenu{width:246px;float:left;}
.dddselectmenu a{display:block; float:left; width:90px;  padding-left:14px; margin:1px 3px 1px 3px; border:1px solid #ffffff; background:url(../images/pic_Plus.jpg) 3px  no-repeat;  }



.innerwrapper { width:982px; overflow:hidden; margin:10px auto 0;}
.leftinnerwrapper { width:708px; float:left; overflow:hidden;}
.index_Paintings { margin-top:8px; color:#3a3a3a; width:708px; overflow:hidden;}
.index_Paintings a { color:#3a3a3a;}
.index_Paintings a:hover { color:#3a3a3a;}
.index_Paintings dl { width:156px; height:200px; border-bottom:2px solid #dbdcdb; border-right:2px solid #dbdcdb; padding-right:8px; margin:10px 4px 0px 4px; float:left; display:inline;}
.index_Paintings dl dt { width:159px; height:150px; text-align:center;}
.index_Paintings dl dd { line-height:180%;}

.rightinnerwrapper { width:261px; float:right;}
/*.PaintingSearch { width:255px; height:36px; background:url(../images/bg_PaintingSearch.gif) no-repeat; padding:56px 0 0 6px;}*/
.PaintingSearch { width:255px; height:92px; padding:0px 0 0 6px;}
.PaintingSearch_02 { width:255px; height:36px; background:url(../images/bg_PaintingSearch_02.gif) no-repeat; padding:56px 0 0 6px;}
/*.OrderTracking { width:255px; height:36px; background:url(../images/bg_OrderTracking.gif) no-repeat; padding:56px 0 0 6px; margin-top:10px;}*/
.OrderTracking { width:255px; height:92px; padding:0px 0 0 6px; margin-top:10px;}
.searchinp { width:163px; height:20px; background:url(../images/input_bg.jpg) no-repeat; border:0; vertical-align:top; color:#7b7b7b; padding:3px 6px 3px 5px; line-height:normal;}

.onlinehelp { margin-top:10px;}
.onlinehelp_no {}

.PaintingCategory { margin-top:8px; height:84px; background:url(../images/title_Classification.gif) 0 50px no-repeat;}
.PaintingCategory h2 { margin-bottom:16px;}
.PaintingCategory span { display:block; float:left; margin:3px 5px 0 0 ; display:inline;}
.select {position: relative; width:162px; float:left; margin-left:84px; display:inline;}
.select .selectlist {position: absolute; background: #f1f1f1; width: 160px; border: 1px solid #cccccc; top: 22px; font-size: 12px; line-height: 22px; left:0;}
.select .selectlist li {display: inline;}
.select .selectlist .lis a { text-decoration: none; height: 22px; width: 157px; float: left; padding-left:5px;}
.select .selectlist .lis a:hover { background:#ffffff;}
.select .selectlist .lis a:active { background: #ffffff;}
.selectInp {font-size: 12px; color: #ffffff; border:0; padding:3px 0 3px 10px; width: 152px; background: url(../images/bg_rightselect.jpg) no-repeat; cursor:pointer;}

.index_Portrait { margin-top:8px;}
.index_Portrait ul { width:980px; margin:0 auto; overflow:hidden;}
.index_Portrait ul li{ float:left; width:474px; height:125px; border-bottom:2px solid #dbdcdb; border-right:2px solid #dbdcdb; padding:3px 0 0 4px; margin:5px; display:inline;}

.typeSelect { height:220px; background:url(../images/bg_Select.gif) repeat-x; text-align:center;}
/* product list start */
.typeSelectBtn { display:block; width:60px; height:16px; position:absolute;}
	.Btn01 { top:15px;}
	.Btn02 { top:56px;}
	.Btn03 { top:109px;}
	.Btn04 { top:146px;}
.typeSelect ul{float:left;height:149px;text-align:left;padding:10px 18px;}
.typeSelect .subject ul,.typeSelect .color ul,.typeSelect .sice ul,.typeSelect .price ul{padding:0;height:auto;}
.typeSelect li{color:#3A3313;font-weight:bold;overflow:hidden;width:100%;padding:7px 5px;}
.typeSelect .sice{padding-left:74px;background:url(../images/sice.gif) no-repeat left 9px;}
.typeSelect .sice li{float:left;padding:0;height:22px;}
.typeSelect .sice li span,.typeSelect .price li span{color:#A3A18C;}
.typeSelect .subject{padding-left:70px;background:url(../images/subject.gif) no-repeat left 9px;}
.typeSelect .subject li{float:left;width:80px;padding:0;height:22px;}.typeSelect .subject li a,.typeSelect .color li a{float:left;color:#686248;padding:1px 2px;}
.typeSelect .subject li a.selected,.typeSelect .subject li a:hover{background:#FFF;border:1px solid #3B3211;text-decoration:none;line-height:normal;padding:0 1px;}
.typeSelect .color{padding-left:70px;background:url(../images/color.gif) no-repeat left 2px;padding-top:0;}
.typeSelect .color li{float:left;width:30px;padding:0;height:22px;}
.typeSelect .color li a.selected,.typeSelect .color li a:hover{border:1px solid #3B3211;padding:0 1px;line-height:normal;}
.typeSelect .price{padding-left:70px;background:url(../images/price.gif) no-repeat left 7px;}
.typeSelect .price li{float:left;padding:0;height:22px;}
/* product list end */
.pages { padding:3px; margin:20px auto 0; text-align:right;}
.pages a{ font-size:12px; padding:2px 5px; margin-right:2px; color:#aaaaaa; text-decoration:none;}
.pages a:hover { padding:2px 5px;}
.pages a:active { padding:2px 5px; margin-right:2px;}
.pages span.current,.pages span { padding:2px 5px; background:#696969; color:#ffffff; font-weight:bold; margin-right:2px;}
.pages span.disabled { padding:2px 5px; color:#cccccc; margin-right:2px;}
.pages span.pre,.pages span.next{background:#FFF;color:#aaa;font-weight:normal;}

.pages1 { padding:3px; margin:0px auto 0; text-align:right;}
.pages1 a{ font-size:12px; padding:2px 5px; margin-right:2px; color:#aaaaaa; text-decoration:none;}
.pages1 a:hover { padding:2px 5px;}
.pages1 a:active { padding:2px 5px; margin-right:2px;}
.pages1 span.current,.pages span { padding:2px 5px; background:#696969; color:#ffffff; font-weight:bold; margin-right:2px;}
.pages1 span.disabled { padding:2px 5px; color:#cccccc; margin-right:2px;}
.pages1 span.pre,.pages span.next{background:#FFF;color:#aaa;font-weight:normal;}

.RecentlyViewed { margin-top:12px;}
.RecentlyViewed h2 { margin-bottom:8px;}
.RecentlyViewed ul { width:255px; margin:0;padding:0;}
.RecentlyViewed ul li{ float:left; width:66px; height:45px; border:1px solid #4a4a4a;padding:1px; margin:3px 15px 3px 0; display:inline;text-align:center;}

.textWrapper { width:706px; padding-right:2px; background:#cbcbcb url(../images/line.gif) right top no-repeat;}
.textInnerWrapper { width:706px; padding-bottom:2px; background:url(../images/line.gif) left bottom no-repeat;}
.text { width:706px; background:#f2f2f2;}
.text h2 { padding:15px 0 0 20px; font-size:24px; color:#353535; border-bottom:1px solid #a4a4a4;}
.textView { line-height:24px; padding:5px 40px 40px;}
.textViewLink { margin-top:30px;}
.textViewLink h6 { font-size:14px;}
.textViewLink a { font-size:14px; text-decoration:underline; font-weight:bold;}
.textViewLink a:hover { font-size:14px; text-decoration:none; font-weight:bold;}


.rightNewsList { margin-top:10px;}
.rightNewsList li { padding:16px 0 0 10px; height:18px; border-bottom:1px solid #aaaaaa;}
.rightNewsList li a { font-weight:bold;}
.rightNewsList li a:hover { font-weight:bold;}

.designSearch { margin-top:8px; font-weight:bold;}
.designSearch h2 { margin-bottom:20px;}
.designSearchinp { border:1px solid #515151; vertical-align:middle; height:18px; margin-left:20px;}

.pic_design { width:686px; margin:20px auto 0;}

.designYourOwn { width:686px; margin:0 auto; color:#343434;}
.designYourOwn dt { margin:5px 0;}
.designYourOwn dd { margin:10px 0; padding-left:20px;}
.designYourOwn dd input,.designYourOwn dt input{vertical-align:middle;padding:0;margin:0;}
.designYourOwn dd.price,.designYourOwn dd.completed,.designYourOwn dd.delivered{background:url(../images/price.jpg) no-repeat 18px center;padding-left:230px;height:20px;line-height:20px;}
.designYourOwn dd.price b{padding-right:10px;}
.designYourOwn dd.completed{background:url(../images/completed.jpg) no-repeat 18px center;}
.designYourOwn dd.delivered{background:url(../images/delivered.jpg) no-repeat 18px center;}
.designViewShortInp { width:243px; height:14px; border:none; border-bottom:1px solid #818181; vertical-align:middle; padding-left:5px;}
.designColorLongInp { width:125px; height:14px; border:none; border-bottom:1px solid #818181; vertical-align:middle; padding-left:5px;}
.designPathLongInp { width:113px;  background:#e3e3e3; border:none; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; vertical-align:middle; height:14px; padding-left:5px;}
.designViewLongInp { width:382px; height:14px; border:none; border-bottom:1px solid #818181; vertical-align:middle; padding-left:5px;}
.file{background:#E3E3E3;border:0;}
.designYourOwn .isdyosize{display:none;}
.designtextarea { width:430px; height:66px; border:1px solid #4a4a4a; overflow-y:hidden;}

.btn_GetTheQuote { text-align:center; padding-top:40px;}

.Portrait dt{ margin:30px 0 10px; font-size:14px;}
.Portrait dt span{ float:right; font-weight:normal; padding-right:300px; font-size:12px;}
.Portrait dd{ margin:6px 0; font-size:14px;}
.Portrait dd span{ font-weight:bold;}
.Framed { width:600px; overflow:hidden; margin-top:20px;}
.Framed li { float:left; text-align:center; width:30px; margin:0 30px; display:inline;}
.Framed li img { margin-bottom:5px;}

.bedone li{ margin:10px 0; width:368px; overflow:hidden;}
.bedone li span { float:right;}

.PortraitInfo { border:1px solid #4a4a4a;}

.bedone li{ margin:10px 0; width:368px; overflow:hidden;}
.bedone li span { float:right;}

.Subjectsofpainting td { padding:5px; font-weight:normal;}


.detail { background:#efefef; border-top:1px solid #cecece; border-left:1px solid #cecece; margin-top:8px;}
.detail td { border-right:1px solid #cecece; border-bottom:1px solid #cecece; text-align:center; padding:5px 0;}


.mainwrapper { width:980px; border-bottom:2px solid #dfdfdf; border-right:2px solid #dfdfdf; background:#f2f2f2; padding-bottom:40px;}
.mainwrapper h2 { padding:15px 0 0 20px; height:35px; font-size:24px; color:#353535; border-bottom:1px solid #a4a4a4;}
.mainwrapper h5 { width:928px; margin:25px auto; padding-left:28px; font-size:14px;}
.mainwrapper h4 { width:792px; margin:25px auto 10px;}
.Prompt { width:904px; margin:0 auto; height:45px; background:#e0e0e0; line-height:160%; padding:5px 22px 0;}
.PaymentDetails { width:600px; margin:0 auto;}
.PaymentDetails th { font-size:16px; text-align:left; padding-top:20px; padding-bottom:8px;}
.PaymentDetails th span { font-size:12px; font-weight:normal;}
.PaymentDetails td { padding:8px 0;}
.PaymentDetailsInp { border:1px solid #4a4a4a; width:434px;}
.PaymentDetailsBtn { text-align:center;}
.PaymentDetailsBtn input { margin-top:50px;}

.OrderSummary { width:948px; margin:0 auto; border-top:1px solid #ababab; border-left:1px solid #ababab;}
.OrderSummary th { background:#d4d4d4; border-bottom:1px solid #ababab; border-right:1px solid #ababab; border-top:1px solid #ffffff; border-left:1px solid #ffffff; padding:5px 0; color:#393939;
	width: -70;
}
.OrderSummary td { border-bottom:1px solid #ababab; border-right:1px solid #ababab; border-top:1px solid #ffffff; border-left:1px solid #ffffff; padding:10px;text-align:center;}
.OrderSummary td span { font-weight:bold;}

.DetailsWrapper { width:948px; margin:32px auto 0;}
.Details { width:410px;}
.Details td{ padding:5px 0;}
.Details input { border:1px solid #4a4a4a;}
.input106 { width:106px;}
.input117 { width:117px;}
.input308 { width:308px;}
.input334 { width:334px;}
.input390 { width:380px;}
.input404 { width:404px;}
.DetailsBtn { text-align:center; padding-top:50px;}

.PromoCodeinp { width:194px; height:18px; border:1px solid #4a4a4a; vertical-align:middle;}

.Clearing { width:948px; margin:0 auto;}
.Clearing h5 a{ font-size:18px;}
.Clearing h5 a:hover{ font-size:18px;}
.Clearing dt { text-align:right; margin:8px 0; font-size:14px;}
.Clearing dt span { font-weight:bold;}
.Clearing dd { padding-top:50px;}

.Login { width:284px; margin:0 auto;}
.Login th { padding:8px 0; font-size:14px; text-align:left;}
.Login td { padding:4px 0;}
.Login a { color:#be9e61;}
.Login a:hover { color:#be9e61;}
.input162 { border:1px solid #4a4a4a; width:162px;}

.Register { width:318px; margin:0 auto;}
.Register th { padding:8px 0; font-size:14px; text-align:left;}
.Register td { padding:4px 0;}


.Proleftinnerwrapper { width:612px; float:left;}
.ProPicWrapper { width:588px; padding-right:2px; background:#cbcbcb url(../images/line.gif) right top no-repeat;}
.ProPicInnerWrapper { width:586px; padding-bottom:2px; background:url(../images/line.gif) left bottom no-repeat;}
.ProPic { width:588px; padding:5px 0; background:#f2f2f2; text-align:center; height:406px; }
.ProPicList { width:612px; overflow:hidden; margin-top:2px;}
.ProPicList li { float:left; margin-right:8px; height:48px;}
.ProPicList li a { display:block; border:1px solid #797979;}
.ProPicList li a:hover { border:1px solid #000000;}
.AddToMyFavoriteListBtn { display:block; margin-top:20px;}
.Prorightinnerwrapper { width:330px; float:right;}
.Prorightinnerwrapper h2{ font-size:30px; font-weight:normal; color:#343434; border-bottom:1px solid #343434; padding-bottom:9px;}
.ProView {}
.ProView th { padding:8px 0; text-align:left; font-size:14px; color:#a1a1a1;}
.ProView td { padding:8px 0;}
.ProView td span { font-weight:bold; font-size:14px;}
.ProViewBtn { text-align:center; padding-top:40px;}
.ProViewSize{ border-top:1px solid #ababab; border-left:1px solid #ababab;}
.ProViewSize td { border-bottom:1px solid #ababab; border-right:1px solid #ababab; border-top:1px solid #ffffff; border-left:1px solid #ffffff; padding:5px; background:#f2f2f2;}


.tab_Account {width:800px; margin:0 auto;}
		    .Account_tabBtns { width:800px; overflow:hidden; height:38px; background:#c3c3c3;}
		    .Account_tabBtns li {width:160px; text-align:center; font-size:14px; padding-top:10px; cursor:pointer; float:left; height:28px;}
		    .Account_tabBtns li.hover { height:38px; background:url(../images/bg_account.gif) repeat-x;}
		    .tabBodys {width:800px; clear:both; margin:0 auto;}
		    .tabBodys div {display:none;}
		    .tabBodys div.hover {display:block;}
			
			.Account { width:600px; margin:0 auto;}
			.Account th{ padding:10px 0; text-align:left;}
			.Account td { padding:6px 0;}
			.input { border:1px solid #535353;}
			.AccountBtn { padding-top:40px; text-align:center;}
			
			
      .AccountTab { width:800px; margin:20px auto 0; border-top:1px solid #ababab; border-left:1px solid #ababab;}
	  .AccountTab th { background:#d4d4d4; border-bottom:1px solid #ababab; border-right:1px solid #ababab; border-top:1px solid #ffffff; border-left:1px solid #ffffff; padding:5px 0; color:#393939; text-align:center;}
	  .AccountTab td { border-bottom:1px solid #ababab; border-right:1px solid #ababab; border-top:1px solid #ffffff; border-left:1px solid #ffffff; padding:10px;}
	  .AccountTab td span { font-weight:bold;}
.AccountPayLink{color:#fff;line-height:25px; padding:0px 5px; border:1px solid #000;background:#000;}
.AccountPayLink:hover{color:#fff;line-height:25px; padding:0px 5px; text-decoration:none; border:1px solid #cc0000;background:#cc0000;}
.footer { text-align:center; line-height:160%; padding-top:32px; border-top:0px solid #dcdcdc; margin:5px auto 0; width:980px;}
.footer a { margin:0 16px;}

.ui-slider{ position: relative; text-align:left; border:1px solid #7F9DB9;margin:4px 6px 0;width:145px;}
.ui_price{width:345px;}

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: 17px;cursor: default;background:url(/images/ButtonH.gif); }
.ui-slider .ui-slider-range { position: absolute; z-index:1;display: block; border: 0;}

.ui-slider-horizontal { height:5px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0;}

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0;}
.index_pic{overflow:hidden;width:708px;height:296px; position:relative;}
.index_pic img{width:708px;height:296px;}
#nav{position:absolute;z-index:999;right:10px;bottom:10px;}
#nav a{margin:2px;padding:1px 5px;background:#C2B984;}
#nav a.activeSlide{background:#EEEFDF;color:#000;}