/* artist detail css */ /**[ artist detail ]**/ #artdetail{margin:0px 0 0 0; width:835px;} #contentbody{ margin:0; padding-left:10px; width:825px; overflow:hidden; } #artdetail p{ margin:0 0 10px 0; font-size:11px; } #artdetail h3{color:#352111} #artdetail #r{ width:630px; position:relative; float:right; overflow:hidden;} #artdetail #l{ width:195px; position:relative; float:left; padding:5px 0 0 5px; margin-right:0px; overflow:hidden;} #artdetail #artistavatar{ position:relative; float:left; border:1px solid #614F2B;} #artdetail #artistquickinfo{ width:100%; float:left; text-align:left; padding-right:10px; } #artdetail #quickartistinfodesc p{font-size:10px; color:#D0C1A9; font-family:Arial, Helvetica, sans-serif; line-height:15px; margin:3px 0 3px 0; position:relative; float:left; clear:both} #artdetail #artistquickinfo #tools{ width:116px; float:right; position:relative; } #artdetail #addtofav{ float:left; position:relative; margin-bottom:2px} #artdetail #emailartist{ float:left; position:relative; margin-bottom:2px} #quickartistinfoaddress p{ clear:both; float:left; position:relative; line-height:8px; color:#FFFFFF;width:100%} #quickartistinfoaddress{ clear:both; position:relative; float:left; margin:5px 0 5px 0; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #D0C1A9; border-top:1px dotted #D0C1A9; width:98%} #emailartist{ cursor:pointer } #sendtofriend{ cursor:pointer; position:relative } #moreartistdesc{ cursor:pointer; color:#FFF; font-weight:bold; position:relative; float:left; clear:both;} #moreartistdesctxt{ float:left; position:relative; display:none; width:100%; clear:both;} #artdetail #headl{ width:375px; position:relative; float:left} #artdetail #artcontainer{ width:410px; overflow:hidden; margin-top:5px; background-image:url(/img/artdetail/art_bg.png); background-repeat:no-repeat; position:relative; float:left;behavior: url(/js/iepngfix.htc)} #artdetail #artcontainer h1{ color:#FFF; font-weight:normal; margin:10px 0 0 10px; font-size:25px} #artdetail #artcontainer #art{ width:410px; padding:5px; position:relative; float:left; margin:5px 0 5px 0;} #artdetail #artcontainer #artdetails{ margin-left:10px; width:100%; position:relative; float:left; } #artdetail #artcontainer #artdetails p{ color:#E3DEC2; font-size:12px; letter-spacing:1px; margin:0; padding:0;} #artdetails .art_tool{position:relative;float:left;margin-right:10px} #artdetail #artcontainer #price{ width:85px; text-align:right; color:#DECDB3; font-size:16px; letter-spacing:1px; margin:0; padding:5px 5px 0 0; position:relative; float:right; font-family:Arial, Helvetica, sans-serif} #artdetail #artcontainer #artenlarge{ margin:5px 5px 10px 5px; position:relative; float:left; clear:both;} #artdetail #artcontainerright{ width:180px; position:relative; float:left; margin:5px 0 0 10px; } #artdetail #artcontainerright p a{ font-weight:bold; font-size:13px} #artdescexp{ display:none; position:relative; float:left; } #arttools{ width:190px; height:100px; padding:15px 10px 10px 10px; background-image:url(/img/artdetail/art_tools_bg.gif); background-repeat:no-repeat} p#tooladdtofav,p#toolsendtofriend,p#toolcontactartist{margin:0 0 3px 10px; position:relative; float:left} #artdetail #tags{ margin:15px 0 0 0;width:600px;padding:10px 0 10px 10px;position:relative;float:left;clear:both;background-image:url(/img/shell/header_fade_white_trans_60h.png);background-repeat:no-repeat;behavior: url(/js/iepngfix.htc)} #artdetail h3{ color:#604E2B} #artdetail #tags ul{ margin:0; padding:0; } #artdetail #tags li{ font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; display:inline; background-image:url(/img/aa_h3star.gif); background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 12px; margin:0 5px 0 0;} #artdetail #comments{width:800px;clear:both;margin:15px 0 0 0;padding:10px 0 0 10px;position:relative;float:left} #artdetail #comments h3{width:350px; color:#604E2B;position:relative; float:left} #artdetail #comments #ratingselect{width:155px; margin-top:5px;position:relative; float:right; display:none; height:20px; margin-right:0px;} #artdetail #comments #ratingselect span{color:#352111; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:relative; float:left; } #artdetail #comments #comment{ width:800px; border:1px solid #C6B765; margin:5px 0 0 0 } #artdetail #comments #commentsubmit{ position:relative; float:right; margin-right:0px; } #artdetail #comments #remLen{ float:left; font-size:10px; border:none; background-color:#CBC18F; margin-top:5px; padding:3px; color:#666666} #artdetail #comments textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:5px;width:800px} #artdetail #comments .comment{ clear:both; margin:10px 0 5px 0; position:relative; float:left} #artdetail #comments .comment .cdatename{ width:500px; float:left; color:#352111; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif} #artdetail #comments .comment .cabuse{ float:right; color:#8E7847; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-left:16px; background-image:url(/img/btn/abuseicon.gif); background-repeat:no-repeat} #artdetail #comments .comment .crating{ width:50px; margin:0 10px 0 0; float:left; position:relative} #artdetail #comments .comment .ccomment{ font:10px Arial, Helvetica, sans-serif; color:#352111; width:500px; float:left; position:relative} #artdetail #comments .comment .clearall{ height:5px; line-height:5px} #artdetail #comments #errortxtrow{ clear:both; width:100%; font-size:16px; font-family:"Trebuchet MS"; background-color:#8E7847; color:#FFF; padding:10px; display:none} #artdetail #featuredartwork{ width:185px; float:left; position:relative; padding:3px; background-image:url(/img/artdetail/art_tools_bg.gif); background-repeat:no-repeat; } #artdetail #featuredartworkinfo{ padding:5px 5px 10px 5px} #artdetail #featuredartwork h4{ color:#DDCBB1; font-size:18px; font-family:Arial, Helvetica, sans-serif; float:left; width:98%; margin-bottom:8px} #artdetail #featuredartwork h3{ color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:8px } #artdetail #addlart{ width:196px; padding:8px; float:left; position:relative; clear:both; background-image:url(/img/artist/artwork_bg.png); background-repeat:no-repeat; overflow:visible;behavior: url(/js/iepngfix.htc)} #artdetail #addlart h4{ font-size:15px; text-align:center; width:140px } #artdetail #addlartbody{ margin-left:15px; } #artdetail #addlartbot{ width:190px; height:36px; float:left; position:relative; clear:both; background-image:url(/img/artist/artwork_bg_bot.gif); background-repeat:no-repeat; } #artdetail #imgart{ } #artdetail #imgenlarge{ position:absolute; top:10px; left:10px; } /* ---- [ Top Of The Page ]----------- */ #artdetailtop{postion:relative;float:left;width:840px;overflow:hidden;margin:0 0 0 0;padding:10px 0 20px 0; background-image:url(/img/bg_light_to_dark_brown.jpg);background-repeat:repeat-x;background-color:#352111} #artdetailtop h3{color:#DC9836;font-size:12px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif;clear:both;position:relative;float:left;width:99%;font-weight:normal;letter-spacing:0;margin:0 0 0 10px} #artdetailtop h1{color:#D0C1A9;font-size:25px;font-family:Trebuchet MS, "Trebuchet MS", sans-serif;clear:both;position:relative;float:left;width:99%;font-weight:normal;letter-spacing:0;margin:-5px 0 0 10px} #artdetailtopimgmain{width:420px;position:relative;float:left;background-color:#352111;border:1px solid #584526;margin:0 0 0 10px;} #artdetailtopimgmain img{position:relative;margin:10px 0 10px 10px} #artdetailtopimgmain img#artfeature{position:relative;margin:0px 0 10px 10px} #artdetailtoprightcol{width:380px;float:left;position:relative;margin:0 0 0 10px;padding:0} .artdetailmodule{width:360px;position:relative;float:left;background-color:#352111;border:1px solid #584526;margin:0 0 10px 0;padding:10px;background-image:url(/img/bg_light_to_dark_brown_module.png);background-repeat:repeat-x;} .artdetailmodule h4{color:#FFF;font-size:16px;width:330px;margin-bottom:5px;font-weight:bold} .artdetailmodule h5{color:#E3DEC2;font-size:12px;font-weight:normal;width:330px;} #artinfo.artdetailmodule p{color:#FFF;margin:10px 0 0 0} #artinfo.artdetailmodule img{position:absolute;top:10px;right:10px} #artdetailmorebyartist{} #artdetailmorebyartist #artdetailmorecarousel img{border:1px solid #614F2B;margin:2px} #artdetailtags{} #artdetailtags span{font-size:14px;color:#D0C1A9;font-family:Trebuchet MS, "Trebuchet MS",sans-serif;margin:0 5px 5px 0;font-weight:normal} #artdetailartist{} #artdetailartist h4{color:#DCCAB0} #artdetailartist h5{font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;color:#FFF} #artdetailartist p{width:100%;float:left;margin:10px 0 0 0;color:#D0C1A9;line-height:12px} #artdetailartist p img{position:relative;float:left;margin:0 5px 5px 0;border:1px solid #614F2B} #artdetailartist p a{color:#FFF} #artdetailartist #artdetailartisttools{margin:10px 0 0 0;position:relative;float:left} /* ######### CAROUSELS ############## */ #artcarousel{ float:left; position: relative; /* important */ overflow:visible; /* important */ width: 175px; /* important */ height: auto; /* important */ margin:0 0 0 0; } #artcarouselcontent{ position: absolute;top: 0; width:175px; } .artcarouselcol{ position:relative; float:left; width:80px; } .artcarouselitem{ float:left; position:relative; margin:3px; height:90px; width:70px; } .artcarouselitem img{ width:60px; border:2px solid #44371F } .artcarouselitem p{ width:60px; height:30px; overflow:hidden; font-family:"Trebuchet MS", Trebuchet MS, sans-serif; color:#333; font-size:9px; line-height:10px} #artcarouselframe{ position:absolute; top:20px; left:0; } /* ########### END CAROUSEL ################## */