/* CSS Document */ * { margin: 0; padding: 0; border: none; } body { background: url(http://aw2-static.artweb.com/img/site/2009/header-fade.jpg) repeat-x; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; } a { color: #0099cc; text-decoration: none; } h2,h3,h4 { font-family: georgia, serif; font-weight: normal; font-style: italic; text-transform: capitalize; color: #666666; } h2 { font-size: 273.9%; color: #333; } h3 { font-size: 153.9%; } h4 { font-size: 138.5%; } /* Form Elements */ input.text { border: 1px solid #ccc; background:#FFFFFF url(http://aw2-static.artweb.com/img/site/textbox-fade.gif) repeat scroll 0%; } input.button { overflow: visible; font-weight: bold; text-align: center; border: 1px solid #999; padding: 0px 4px; margin: 2px 0; background-color: #FCFCFC; background: url(http://aw2-static.artweb.com/img/site/40-fade.gif); background-repeat: repeat-x; color: #333; } input.mediumButton { overflow: visible; font-size: 1.2em; font-weight: bold; text-align: center; border: 1px outset #999; padding: 2px 4px; margin: 2px; background-color: #FCFCFC; background: url(http://aw2-static.artweb.com/img/site/40-fade.gif); background-repeat: repeat-x; color: #333; } input.bigButton { text-transform: capitalize; overflow: visible; font-size: 1.4em; font-weight: bold; text-align: center; border: 1px outset #ddd; padding: 4px 8px; margin: 8px 0; background-color: #FCFCFC; background: url(http://aw2-static.artweb.com/img/site/40-fade.gif); background-repeat: repeat-x; color: #333; } textarea { border: 1px solid #ccc; background: url(http://aw2-static.artweb.com/img/site/textarea-fade.gif); background-repeat: no-repeat; } .error, .warning { background: #ffd; border: 1px solid #c66; padding: 10px; margin: 10px 0; } /* * Typography * ------------------------------------------------------------------------------------------------------ */ #main-content #header #topBar a, #followus .followbox a { color: #0099cc; font-size: 92%; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } #main-content #header #topBar a:hover { text-decoration: underline; } /* Navigation */ .signUp { background-image: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png); background-position: -7px -60px; padding-left: 19px;} .nav li a:hover { color: #2DACAE; } .nav ul a:hover { color: #000; } #menuNav a { text-transform: capitalize; } #menuNav li:hover a, #menuNav li.sfHover a { color: #2DACAE; } #menuNav li:hover ul a, #menuNav li.sfHover ul a { background: #FFF; color: #999;} #menuNav li:hover ul a:hover, #menuNav li.sfHover ul a:hover { background: #FFF; color: #2DACAE;} #menuNav ul.nav ul li a { text-decoration: none; text-transform: uppercase; font-size: 100%; background: none; color: #8ba663; } #menuNav ul.nav ul li a:hover { background: none; } #menuNav ul.nav ul li { background: none; } /* Content Area */ #main-content #breadcrumb { font-size: 138.5%; font-family: georgia, serif; font-style: italic; text-transform: capitalize; } .back ul { font-family: georgia, serif; font-style: italic; } .back .viewMore { background: #FFF; text-transform: capitalize; font-weight: bold; } /* Footer */ #footer #footerContent .footerLinks ul li a { text-decoration: none; font-size: 93%; } #footer #footerContent .footerLinks #language-links li a { width: 60px; } #footer #footerContent #footerAboutUs ul li a { color: #454545; } #footer #footerContent #footerArtwork ul li a { color: #0099cc; } #footer #footerContent #footerHelp ul li a { color: #669900; } #footer #footerContent #footerActions ul li { color: #777777; } #footer #footerContent #footerActions ul li a { color: #0099cc; text-decoration: none; text-transform:uppercase; font-size: 77%; width: 30px; display: block; float: left; } #footer #footerContent #footerActions h5 { text-transform: capitalize; color: #777777; font-family: georgia, serif; font-style: italic; font-weight: normal; font-size: 132%; } #footer #footerContent #footerActions ul li a:hover, #footer #footerContent #footerActions ul li a.lang:hover { color: #777777; } #footer #footerContent #footerActions ul li a.lang { color: #0099cc; text-transform: none; font-size: 100%; } #footer #footerContent #footerArtwork h4, #footer #footerContent #footerHelp h4, #footer #footerContent #footerActions h4 { text-transform: capitalize; font-family: georgia, serif; font-style: italic; font-weight: normal; font-size: 146.5%; background: #FFFFFF; } #footer #footerContent #footerArtwork h4{ color: #0099cc; } #footer #footerContent #footerHelp h4 { color: #6d9417; } #footer #footerContent #footerActions h4 { color: #666666; } #mrKirkland { color: #777777; } #easyart { color: #777777; } /* * Layout * ------------------------------------------------------------------------------------------------------ */ #container { width: 100%; } #main-content { margin: 0 auto; width: 957px; } #content { float: left; width: 957px; } #followus { position: absolute; right: 2px; top: 2px; text-align: right; } #followus img { margin-left: 2px; } #followus .plusone { margin-left: 2px; padding-top: 1px; padding-right: 1px; display: block; float: left; } #followus .followbox { border:1px solid #EBEBEB; background: #FAFAFA; padding: 4px; margin-top: 2px; } /* Header */ #main-content #header { float: left; width: 951px; } #main-content #header #homeClick { float: left; width: 332px; height: 165px; } #main-content #header #topBar { float: right; background-image: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png); background-position: -10px -10px; height: 31px; width: 130px; overflow: hidden; } #main-content #header #topBar a { margin: 7px 0 0 10px; display: inline; float: left;} #main-content #header #topBar a.sign { margin: 7px 0 0 22px; } #main-content #header #topBar ul li { float: left; list-style: none; } /* Navigation */ /* General Hover Menu */ .nav, .nav ul { list-style: none; margin: 0; padding: 0; z-index: 2000; } .nav li { float: left; padding-right:0; position: relative; list-style: none; } .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { display: block; display: inline; float: left; margin: 19px 0 0 0; height: 37px; /* hide from IE Mac \*/ text-indent: -999em; overflow: hidden; /* end hide */ } .nav li.artwork a { width: 107px;} .nav li.artwork a:hover { background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png) 0 -158px;} .nav li.artist a { width: 85px; margin: 19px 0 0 4px;} .nav li.artist a:hover { background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png) -111px -158px;} .nav li.services a { width: 93px; margin: 19px 0 0 14px;} .nav li.services a:hover { background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png) -210px -158px;} .nav li.resources a { width: 114px; margin: 19px 0 0 4px;} .nav li.resources a:hover { background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png) -307px -158px;} .nav li.blog a { width: 59px; margin: 19px 0 0 17px;} .nav li.blog a:hover { background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png) -438px -158px;} .nav li.forum a { width: 78px; margin: 19px 0 0 3px;} .nav li.forum a:hover { background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png) -500px -158px;} .nav li a:hover { background: none; } .nav ul { background: #FFF; border-bottom: 0px solid #000; list-style: none; margin: 0; width: 10em; position: absolute; top: -999em; left: -1px; } .nav li:hover ul, .nav li.sfHover ul { top: auto; } .nav ul li { border: 0; float: none; } /* Main Nav */ #menuNav { float: right; width: 578px; height: 56px; margin: 33px auto 0 auto; z-index: 1000; background: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png); background-position: 0px -83px; } #menuNav ul li ul li { margin: 0; } #menuNav ul.nav ul { margin: 49px 0 0 14px; background-image: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png); background-position: 0px -195px; padding: 5px 0 5px 7px; width: 133px; height: 111px; } #menuNav ul.nav ul.last { margin: 49px 0 0 5px; background-image: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png); background-position: 0px -316px;} #menuNav ul.nav ul li a { width: 150px; margin: 0 0 0 0; text-indent: 0em; height: 17px; padding: 0; line-height: 131%; } #menuNav ul.nav ul li { margin: 5px 0 0 0; padding: 0; height: 17px; } /* Content Area */ #main-content #breadcrumb { background: url(http://aw2-static.artweb.com/img/site/2009/order-line-bg.gif) 0 15px repeat-x; margin: 20px 0 5px 0; } #main-content #breadcrumb a { padding: 0 5px; background: #fff; } #main-content #breadcrumb span { background: #fff; } #main-content #narrowColumn ul, #main-content #wideColumn ul { list-style: none; } #main-content #wideColumn { float: right; width: 705px; display: inline; margin: 50px 0 0 30px } #main-content #wideColumn h2 { margin-bottom: 20px; } #main-content #innerColumn { float: left; width: 460px; display: inline; } #main-content #outerColumn { float: left; width: 220px; margin: 70px 0 0 18px; display: inline; } #main-content #wideColumn .sideBox { float: right; clear: right; width: 205px; margin: 0 0 30px 10px; border: 1px solid #cccccc; } #main-content #wideColumn .sideBox h3 { position: relative; float: left; background: #FFFFFF; color: #666666; margin: -12px 0 0 5px; padding: 0 5px 0 5px; display: inline; } #main-content #wideColumn .sideBox p { clear: left; padding: 0px 10px 10px 10px; } #main-content #wideColumn .sideBox ul { clear: left; padding: 0 10px; } #main-content #wideColumn .sideBox a.actionLink { position: relative; float: right; margin: 0 20px -18px 0; width: 44px; height: 25px; padding: 4px 0 0 5px; background: url(http://aw2-static.artweb.com/img/site/2009/main-blog-ok-button.gif); text-decoration: none; color: #FFFFFF; font-size: 108%; /* hide from IE Mac */ text-indent: -999em; overflow: hidden; /* end hide */ } #main-content #wideColumn .container { margin: 20px 0 0 0; border: 1px solid #cde0e6; padding: 0 0 20px 0; } #main-content #wideColumn .tabBox { float: left; margin: 40px 0 0 0; } #main-content #wideColumn .tabBox h4.top { float: left; height: 27px; margin: -31px 0 0 -1px; padding: 7px 9px 0 9px; background: #fff; border: 1px solid #cde0e6; border-bottom: 0; } #main-content #narrowColumn { float: left; width: 218px; margin: 50px 0 0 0; overflow: hidden; } #main-content #narrowColumn .container, #main-content #narrowColumn .advert { float: left; width: 215px; margin: 20px 0 0 0; } #main-content #narrowColumn .container { border: 1px solid #cde0e6; padding: 0 0 20px 0; } #main-content #narrowColumn .sideBox { float: left; width: 195px; margin: 0px 0 0 10px; display: inline; } #main-content #narrowColumn .tabBox { float: left; margin: 40px 0 0 0; } #main-content #narrowColumn .tabBox h4.top { float: left; height: 27px; margin: -31px 0 0 -1px; padding: 7px 9px 0 9px; background: #fff; border: 1px solid #cde0e6; border-bottom: 0; } h3.title { background: url(http://aw2-static.artweb.com/img/site/2009/order-line-bg.gif) 0 15px repeat-x; color: #333; margin: 20px 0 5px 0; } h4.title { background: url(http://aw2-static.artweb.com/img/site/2009/order-line-bg.gif) 0 15px repeat-x; margin: 20px 0 5px 0; } h3.title span, h4.title span { width: auto; height: auto; background: #FFFFFF; padding: 0 8px 0 0; } .back { float: left; background: url(http://aw2-static.artweb.com/img/site/2009/home-buy-art-box-bg.gif) 0 24px repeat-x; } #main-content #narrowColumn .back { width: 195px; } #main-content #wideColumn .back { width: 705px; } .back h4 { float: left; width: auto; line-height: 189%; display: inline; margin: 0; padding: 10px 5px 0 0; background: #FFFFFF; } .back p { clear: left; margin: 10px 0; } .back ul { clear: left; margin: 10px 0; } .back .viewMore { float: right; display: inline; padding: 15px 0 0 5px; } #main-content #narrowColumn .inner { float: left; width: 200px; margin: 5px 0 0 5px; display: inline; } #main-content #narrowColumn #searchBox { margin-top: 30px; } #main-content #narrowColumn #searchBox #findArtist { font-family: georgia, serif; font-style: italic; margin: 10px 0 0 10px; } #main-content #narrowColumn #searchBox input.text { background: #fff; border: 1px solid #cee1e8; width: 188px; height: 22px; margin: 10px 0 10px 10px; } #main-content #narrowColumn #searchBox a.options { float: left; margin: 5px 5px 0 10px; display: inline; color: #0199c8; text-decoration: none; font-size: 93%; } #main-content #narrowColumn #searchBox button { float: right; display: inline; margin: 0 9px 0 0; text-align: left; width: 83px; height: 32px; background: url(http://aw2-static.artweb.com/img/site/2009/artwork-left-search-button.gif) -2px 2px no-repeat; text-transform: uppercase; color: #FFFFFF; font-size: 100%; /* hide from IE Mac*/ text-indent: -999em; overflow: hidden; /* end hide */ } #main-content #narrowColumn h3.top { position: absolute; width: 86px; height: 33px; margin: -31px 0 0 -1px; background: url(http://aw2-static.artweb.com/img/site/2009/artwork-left-search.gif); /* hide from IE Mac*/ text-indent: -999em; overflow: hidden; /* end hide */ } /* Tabbed Nav Menus */ .tabNav { border-bottom: 1px solid #ccc; margin-bottom: 20px; } .tabNav ul { list-style: none; padding: 0 8px; border: 1px solid #fff; } /* border is a hack for IE */ .tabNav li { display: inline; } .tabNav li a { margin: 0 4px; padding: 4px 9px; display: block; float: left; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; background: url(http://aw2-static.artweb.com/img/site/40-fade2.gif) repeat-x; font-weight: bold; } a.last { border-right: 1px solid #ccc; } .tabNav li a:hover { background: #eee; } #myaccountTopTabs { width: 957px; height: 25px; margin: 20px 0px 0px 0px; padding: 0; list-style: none; border-bottom: 1px solid #ccc; } #myaccountTopTabs li { display: inline; float: left; } #myaccountTopTabs li a { display: block; margin: 0 4px; padding: 4px 9px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; background: url(http://aw2-static.artweb.com/img/site/40-fade2.gif) repeat-x; font-weight: bold; } #myaccountTopTabs li a.last { border-right: 1px solid #ccc; } #myaccountTopTabs li a:hover, #myaccountTopTabs li a.selected { background: #eee; } .floatBox { float: right; margin: 0 0px 20px 20px; width: 206px; background: #fff; } .floatBox p { margin: 0!important; } .actionItems a, a.actionLink, .actionLinks a, #featuredArtist h4 a, .subtitle a { border-bottom: 1px solid; font-weight: bold;} .actionItems { text-align: center; } .actionItems li { display: block; float: left; margin: 8px 4px; background: #fafafa url(http://aw2-static.artweb.com/img/site/40-fade.gif) repeat-x; border: 1px solid #AAA; padding: 20px 10px; } .actionItems li h3 { margin: 0; } .actionItems li p { padding: 4px 12px 0px; font-size: .95em; } /* Footer */ #footer { float: left; width: 100%; height: 245px; margin: 55px 0 0 0; background: url(http://aw2-static.artweb.com/img/site/2009/main-footer-bg.gif) 0 21px repeat-x; } #footer #footerContent { width: 951px; margin: 0 auto; } #footer #footerContent .footerLinks { float: left; width: 237px; } #footer #footerContent #footerAboutUs ul { float: left; margin: 5px 0 0 0; } #footer #footerContent .footerLinks ul { margin: 25px 0 0 0; } #footer #footerContent .footerLinks ul li { text-transform: capitalize; float: left; width: 215px; border-bottom: 1px solid #e1e1e1; padding: 5px 0 5px 0; display: inline; margin: 0 0 0 12px; list-style: none; } #footer #footerContent #footerActions h5 { margin: 26px 0 0 0; } #footer #footerContent #footerActions ul { margin: 0; padding: 10px 0; } #footer #footerContent #footerActions ul li { border: 0; } #footer #footerContent #footerActions ul li a.lang { width: auto; margin: 0 10px 0 0; } #footer #footerContent .footerLinks ul li.last { border: none; } #footer #footerContent #footerAboutUs h4 { width: 170px; height: 51px; margin: 0 0 0 0; background-image: url(http://aw2-static.artweb.com/img/site/sprites/common.css.png); background-position: 0px -437px; /* hide from IE Mac \*/ text-indent: -999em; overflow: hidden; /* end hide */ } #footer #footerContent #footerArtwork h4, #footer #footerContent #footerHelp h4, #footer #footerContent #footerActions h4 { margin: 12px 0 0 8px; padding: 0 0 0 6px; height: 18px; } #footer #footerContent #footerArtwork h4{ width: 134px; } .ja #footer #footerContent #footerArtwork h4{ width: 65px; } #footer #footerContent #footerHelp h4 { width: 100px; } .ja #footer #footerContent #footerHelp h4 { width: 120px; } #footer #footerContent #footerActions h4 { width: 72px; } #mrKirkland { margin-top: 40px; } #easyart { margin-top: 10px; } .filter_field {margin:10px;padding:4px;border: 1px solid #666;}