/* Theme Name: WDE Theme URI: http://martythornley.com Description: Custom WordPress theme for WDE. Version: 1.0 (wp 2.9.1) Author: Marty Thornley Author URI: http://martythornley.com */ /* 1) RESET some things for a good starting point - based on yahoo reset */ @import "style/css/reset.css"; /* 2) Bring in all basic style from default theme, but cleaned up and simplified */ @import "style/css/default.css"; @font-face { font-family: 'FuturaLtLight'; src: url('ftralt__-webfont.eot'); src: local('☺'), url('style/fonts/ftralt__-webfont.woff') format('woff'), url('style/fonts/ftralt__-webfont.ttf') format('truetype'), url('style/fonts/ftralt__-webfont.svg#webfontEgGclCCU') format('svg'); font-weight: normal; font-style: normal; } a, a:link, a:visited {outline: none; } /* 3) Add our own style on top of it all */ #panels-tabs { display: none; } #feature img { display: block; } /* BASIC FONTS */ body { color: #231F20; text-align: left; font-size: 12px; font-family: Futura, "Century Gothic", helvetica, arial,sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear:both; margin:10px 0 6px; color: #696A6D; } h1 { font-family: FuturaLtLight, "Century Gothic", Futura, Helvetica, Sans-Serif; font-size:36px; text-transform:uppercase; margin-top: 23px;} h1, h1 a, h1 a:visited { color:#3399CC; } h1.pageTitle, h1.pageTitle a, h1.pageTitle a:visited { font-size: 24px; color: #000000; margin:20px 40px; font-family:FuturaLtLight,"Century Gothic", Futura, Helvetica, Sans-Serif; text-transform:uppercase; } body.single h1 { font-size: 20px; text-transform:capitalize; margin-bottom: 0px; } h2, h2 a, h2 a:visited { font-size:15px; font-weight:bold; } h3, h3 a, h3 a:visited { color: #0072BC; } h4, h4 a, h4 a:visited { font-size:16px; margin:70px 0 6px; } h5, h5 a, h5 a:visited { font-size:16px; margin:100px 0 6px; } h6, h6 a, h6 a:visited { font-size:25px; margin:10px 0 6px; } body.page-template-page-productsPages-php h2, body.page-template-page-productsPages-php h2 a, body.page-template-page-productsPages-php h2 a:visited { font-size: 15px; } #content h3, #content h3 a, #content h3 a:visited { font-size: 15px; letter-spacing:1px; } h2.pagetitle { font-size:18px; margin:0 2px; text-align:right; } #sidebar h2 { margin: 0; color:#444444; font-family:"Century Gothic", Futura, Helvetica, Sans-Serif; font-size:13px; text-transform:uppercase; } p { font-size: 12px; } table, td, tr { vertical-align: top; } td {} /* LINKS */ a { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } #home-copyright a { color: #666666; } h2 a:hover, h3 a:hover { border-bottom: 1px solid #3a3a3a; } #sidebar ul li a { color: #666; } /* PAGE WIDTH */ #page { width: 982px; } /* BACKGROUND IMAGES ***********************************/ /* images commented out to prevent 404 errors */ body { background: #e9e9e9 /* url(style/images/bg_body_texture_01.jpg) repeat scroll top center */; } #page-top { background: transparent url('style/images/bg_page_top.png') no-repeat scroll top center ; height:14px;} #page-bottom { background: transparent url('style/images/bg_page_bottom.png') no-repeat scroll center -4px ; height:14px;} #page { background: #000000 /* url('style/images/bg_page.jpg') no-repeat top center */; } #header { background: transparent /* url('style/images/bg_header.jpg') no-repeat top center */; } #content { background: transparent /* url('style/images/bg_content.jpg') no-repeat top center */; } #sidebar { background: #ffffff /* url('style/images/bg_sidebar.jpg') no-repeat top center */; } #footer { background: /* #e6e6e6 url('style/images/bg_footer.jpg') no-repeat top center */; } /* KEEP IN CASE THEY WANT GRADIENT BACK ********************* UNCOMMENT THIS AREA TO AD GRADIENT TO BLOG AREAS */ #blogBG-gradient { background: #ffffff /* url('style/images/bg_content_gradient.gif') repeat-x right bottom */ ; clear:both; display:block; height:100%; margin:0; overflow:hidden; padding:0; width:100%; } #blogBG-line { background: transparent url('style/images/bg_blogpage_line.gif') repeat-y left top ; clear:both; display:block; height:100%; margin:0; overflow:hidden; padding:0; width:100%; } .dpTable { width:202px; } /* STRUCTURE ********************************************/ #content, #footer { overflow: hidden; } body { margin: 0; padding: 5px 0; } #page { margin: 20px auto; padding: 0; text-align: left; margin: 0 auto; } #header { margin: 0px; padding: 0; z-index: 999; height:200px; } #content { padding:30px 20px 40px; clear:both; } #sidebar { display:inline; float:left; margin:116px 0 0 10px; width:213px; } #footer { clear: both; } .section { clear: both; overflow: hidden; display: block; width: 100%; } #feature { width: 100%; margin:0px auto; clear: both; overflow: hidden; height: 400px; border-bottom: 6px solid #000000; background: #000000; } #feature p img { margin: 0; padding: 0; border: 0px; } /* HEADER AREA ***************************************************************/ #topMenuWapper { height: 80px; width: 100%; clear: both; background: #000000; position:relative; } #top-search { margin:0 auto; position:relative; width:982px; } #top-search form#searchform { margin:0; padding:0; position:relative; right:0; text-align:left; top:15px; width:161px; } #top-search input#s { padding: 0 4px ;} #top-search input#searchsubmit { border:0 solid #BABABA; color:#336699; cursor:pointer; font-size:11px; height:14px; left:135px; padding:0; position:absolute; top:2px; } span#company-name { color:#FFFFFF; font-weight:bold; position:absolute; right:170px; text-transform:uppercase; top:15px; } #topMenu { background: transparent url('style/images/bg_menu.gif') repeat-x left bottom ; float:left; font-size:13px; height:42px; letter-spacing:1px; margin:21px 0 0; position:relative; width:100%; z-index:999; } #topMenu ul#topMenuUL { width:100%; margin: 0; } ul#topMenuUL li#homeLI { text-align: left; } ul#topMenuUL li#productsLI { text-align: left; width:238px; } ul#topMenuUL li#supportLI { text-align: right; } ul#topMenuUL li#newsLI { text-align: right; } ul#topMenuUL li#homeLI a { padding-left:85px; } ul#topMenuUL li#productsLI a { padding-left:53px; } ul#topMenuUL li#supportLI a { padding-right:53px; } ul#topMenuUL li#newsLI a { padding-right:85px; } .sf-menu li { height:42px; width: 248px; text-align: center; background: transparent url('style/images/bg_menu_li.gif') repeat-x left 4px ;} .sf-menu li a { text-transform: uppercase; } .sf-menu li ul li { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;} .sf-menu li:hover, .sf-menu li.sfHover { background: transparent url('style/images/bg_menu_hover.gif') repeat-x left 4px ; } #logo-holder { margin:0 auto; position:relative; width:982px; z-index:99999; } #logo { position:absolute; right:452px; top:-25px; z-index:99999; } #socialMenu { height: 33px; clear: bloth; width: 100%; overflow: hidden; } ul#socialLinks { float: left; display: inline; text-transform:uppercase; } ul#socialLinks li { display: inline; float: left; margin:6px 16px; } /* SPECIFIC PAGES **********************************************************/ /* SITEMAP */ #sitemap { margin:0 0 0 100px; } #sitemap ul { padding-left: 10px; margin: 10px 0;text-transform: uppercase; font-size:13px; } #sitemap ul ul { text-transform: capitalize; font-size:12px; margin: 5px 0;} #sitemap ul ul ul, #sitemap ul ul ul ul { margin: 0px; } #sitemap h2 { color: #0072BC; } #sitemap ul a { color: #000; } #sitemap ul ul a { color: #333; } #sitemap ul ul ul a { color: #555; } #sitemap ul ul ul ul a { color: #888; } /* HOME PAGE */ #sliderWrapper { width: 982; padding: 0; margin: 0; overflow: hidden; height:400px; } #slider { overflow:hidden; width:982px;} #slider ul li { float: left; display: inline; width: 982px; height: 40px; } #sliding-panels { height: 400px; background: #ffffff; } #home-news { background: #262626; height: 42px; margin: 0 0 6px 0; color: #fff; } #home-news h2, #home-news h2 a, #home-news h2 a:visited { color:#3399CC; float:left; font-size:13px; font-weight:bold; margin:10px 0 0 6px; text-transform:uppercase; width:100px; } #home-news ul .news-title a { font-size: 11px; margin: 0; padding: 0; font-weight:bold; letter-spacing:0.5px; } #home-news ul .news-text p { font-size: 11px; margin: 0; padding: 0; } #home-news ul span p { margin: 0; padding: 0;} #home-news ul a { color: #fff; text-decoration: none; } #news-slider-wrapper { width: 872px; float: right; display: inline; } #home-news-slider {} #home-news-slider ul, #home-news-slider li { margin:0; padding:0; list-style:none; } #home-news-slider li { clear:both; display:block; height:41px; overflow:hidden; width:872px; } .highlights-area { background: #1a1a1a; height: 163px; } #home-message { border-bottom: 1px solid #ffffff; overflow: hidden; } #home-copyright { height: 170px; } .highlights-area h2 { padding: 2px 0 0 6px; font-size: 18px; color: #ffffff; margin: 0; } .highlights-area h2 a, .highlights-area h2 a:hover, .highlights-area h2 a:visited { font-size: 18px; color: #ffffff; padding: 0; margin: 0; } .highlights-area h2#left-title { background:transparent; } .highlights-area h2#right-title { background:transparent; } .large-highlight { width: 392px; border-right: 2px solid #000000; float: left; display: inline; height: 100%; } .small-highlight { width: 195px; border-right:2px solid #000000; float: left; display: inline; height: 100%; } #highlights-social.small-highlight { border: 0px; width: 194px;} body.home .small-highlight { width: 194px; margin: 0; border: 0px; } .highlight-thumb { height: 135px; background: #ffffff; width: 100%; overflow:hidden;} #cross_sell.highlight-thumb { height: 163px; } .highlight-title { height: 20px; background: transparent; width: 100%; } #highlights-left {} #highlights-right {} #highlights-social .highlight-thumb { background:url("style/images/bg_social.jpg") no-repeat scroll 0 0 transparent;} .social-links { display:inline; float:left; height:56px; margin:55px 0 0 22px; width:57px; } .social-links a { display: block; width: 100%; height: 100%; } #twitter-link { margin:53px 0 0 29px;} #facebook-link {} #home-message h3 { font-size:14px; margin:0; padding:70px 0 0 15px; } #home-message p { color:#666666; font-size:12px; padding: 0 15px 15px; margin: 0 ; } #home-copyright p { color:#666666; font-size: 11px; text-align: center; } /* Downloads Pages */ body.page-template-page-downloads-php h1 { background:none repeat scroll 0 0 #FFFFFF; border-bottom:1px solid #000000; margin:0; padding:30px; width:100%; } body.page-template-page-downloads-php #feature { height: 362px; } body.page-template-page-downloads-php #content { clear:none; float:left; min-height:400px; padding:20px; width:304px; } body.page-template-page-downloads-php #menubar { margin-top:30px; width: 238px; float:left; } body.page-template-page-downloads-php #sidebar { display:inline; float:right; margin:21px 0 90px; width:330px; } body.page-template-page-downloads-php #productTabs { width: 137px; float: left; margin: 0 0 0 40px;} body.page-template-page-downloads-php #productTabs h3 { color: #666666;clear:both; display:block; font-size:12px; margin:0 0 2px; cursor:pointer; float:left;} body.page-template-page-downloads-php #productTabs h3.tab-mimic { color: #000000; margin:0 0 5px;} body.page-template-page-downloads-php #productTabs h3 a, #productTabs h3 a:hover {color: #000000; } .product-downloads { display:block; overflow:hidden; margin:30px 15px 10px; text-align:left; width:314px; clear: both; } .product-downloads h2 { color: #3399CC; text-transform: uppercase; } .product-downloads h3 { text-transform: uppercase; color: #000; font-weight: bold; margin: 10px 0 0; } .product-downloads .download-link { height:24px; margin:0; padding:4px 0 0 32px; background:url("style/images/pdf_icon.png") no-repeat scroll 0 0 transparent;} .product-downloads .download-link a,.product-downloads .download-arrow a { color: #666; } .product-downloads .download-arrow { height:24px; margin:0; padding:4px 0 0 32px; background:url("style/images/arrow.png") no-repeat scroll 0 0 transparent; } /* Products Main Pages */ body.page-template-page-products-php #feature { height: 362px; } body.page-template-page-products-php #content { clear: none; float: right; width: 704px; padding: 20px; } body.page-template-page-products-php #sidebar { margin-top:30px; } body.page-template-page-products-php #productTabs { width: 137px; float: left; margin: 0 0 0 40px;} body.page-template-page-products-php .products-group { display:block; margin:5px 0 15px; overflow:hidden;} body.page-template-page-products-php #productTabs h3 { color: #666666;clear:both; display:block; font-size:12px; margin:0 0 2px; cursor:pointer; float:left;} body.page-template-page-products-php #productTabs h3.tab-mimic { color: #000000; margin:0 0 5px;} body.page-template-page-products-php #productTabs h3 a, #productTabs h3 a:hover {color: #000000; } .product-thumb { display:inline; float:left; height:230px; margin:10px 15px; text-align:center; width:314px; } .product-thumb img { height: 150px; } /* Products Individual Pages */ body.page-template-page-productsPages-php #feature { height: 362px; } body.page-template-page-productsPages-php #content { padding: 0 40px; } #productTabs { width: 137px; float: left; text-align: right; margin: 44px 0 0;} #productTabs h3 { color: #ffffff; clear:both; display:block; float:right; font-size:12px; margin:7px 0; cursor:pointer;} .download-link, .download-arrow { float: left; color: #0072BC; } .download-link a, .download-arrow a { color: #0072BC; text-decoration: underline; } .download-arrow { float: left; color: #0072BC; } .download-arrow a { color: #0072BC; text-decoration: underline; } #productTabs a.download-link { background:url("style/images/pdf_icon.png") no-repeat scroll 72px 9px transparent; clear:both; display:block; float:right; margin:0; padding:4px 30px 0 0; text-align:right; width:67px; } #productTabs a.download-arrow { background:url("style/images/arrow.png") no-repeat scroll 73px 9px transparent; clear:both; display:block; float:right; margin:0; padding:4px 30px 0 0; text-align:right; width:67px; } #productTabs h3 a, #productTabs h3 a:hover { color: #fff; } #productTabs h3 a:hover { color: #fff; text-decoration: underline; border: 0 none; } #productTabs #buy-now { background:url("style/images/buy_now.png") no-repeat scroll 0 0 transparent; clear:both; float:right; height:28px; margin:17px 0 0; width:79px; } #productTabs #buy-now a { display: block; width: 100%; height: 100%; } #mainImage { width: 832px; height: 362px; float: right; display: inline; position: relative; } #mainProductContent { height:227px; left:412px; overflow:hidden; position:relative; top:91px; width:388px; } #mainProductContent h1 { color:#000000; font-family:"century gothic"; font-size:36px; font-weight:normal; margin:0; padding:0; } #mainProductContent p { color:#666666; font-size:15px; margin:40px 0 0; text-transform:none; } #panels {} #panels .panel {} #specs-left { width: 400px; float: left; display: inline; } #specs-right { width: 400px; float: right; display: inline; } /* PRODUCT REGISTRATION PAGES */ #registration-customer, #registration-product { display:inline; float:left; margin:0 0 0 47px; width:380px; } #registration-product {} .required-field { color: #990000; } .submit-registration { float: right; clear: both; } .submit-registration input[type="submit"] { border:1px solid #3399CC; color:#3399CC; font-size:14px; padding:2px 20px; text-transform:uppercase; } p {} .label { margin: 13px 0 0 4px; text-transform: uppercase; } .input {} .label a, .input a { text-decoration: underline; } #registration-customer input[type="text"], #registration-product input[type="text"] { border:1px solid #BABABA; padding:2px 4px; } body.page-id-407 #registration-customer { width: 700px; } body.page-id-407 .label { margin: 34px 0 4px 0px; text-transform: none; font-size:13px; } /* FAQ PAGES */ body.page-template-page-faq-php #sidebar { margin: 68px 0 0 30px; width: 200px; } /* Image Top Pages */ body.page-template-page-image-top-php #feature, body.page-template-page-recycle-php #feature { height: auto; } body.page-template-page-image-top-php #content, body.page-template-page-recycle-php #content { padding-top: 0px; } body.page-template-page-image-top-php .entry, body.page-template-page-recycle-php .entry { clear: both; padding-top:0; } ul#translate { margin: 10px 0 0; display: block; width: 100%; clear: both; height: 21px; } #translate li { float: left; display: inline; padding:0 18px 0 0;} #translate li h2 { padding: 0; margin: 0; } #translate li a { display:block; padding:1px 0 0; } /* Blog, Search, 404, Archives Pages */ #content.blog { padding-top: 30px; width: 704px; float: right; display: inline; } body.page-template-page-blogPage-php .entry { padding: 0; } body.page-template-page-blogPage-php h2 { margin-bottom: 0; } p.publication { color: #666666; margin: 0; padding: 0; clear: both; text-transform: uppercase; } /* SUPPORT PAGES */ body.page-template-page-support-php #content { width: 611px; float: left; display: inline; } body.page-template-page-support-php #sidebar { width: 330px; float: right; display: inline; margin:90px 0; } body.page-id-101 h2 { text-transform: uppercase; } /* WARRANTY PAGES */ body.page-template-page-warranty-pages-php .entry { padding: 0 20px 20px; } /* EASY FANCY STYLES *************************************/ .right { float: right; display: inline; } .left { float: left; display: inline; } .clear { clear: both; overflow:hidden; } .round3 { -moz-border-radius:3px; -webkit-border-radius:3px; } .round5 { -moz-border-radius:5px; -webkit-border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; } /* SPECIFIC TO PHOTOBLOGSTARTER ********************************/ .titleBlock {} #searchBox { width: 188px; float: right; display: inline; margin:6px 0 0; } /* holds search form */ ul.footerNav { width: 33%; float: left; display: inline; text-align: center;} p.design { font-size:11px; letter-spacing:3px; margin:0 auto 0; padding:20px 0 5px; text-align:center; color: #8a8a8a; } p.design a { color: #5a5a5a; } /* WORDPRESS STYLES ****************************************/ /* IMAGES - NEEDED FOR ALIGNMENTS TO WORK CORRECTLY */ img.alignright { float:right; margin:0 0 10px 10px; } img.alignleft { float:left; margin:0 10px 10px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width:100%; } a img.alignright { float:right; margin:0 0 10px 10px; } a img.alignleft { float:left; margin:0 10px 10px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p img { margin:10px; } p.imagefixer { margin: 0; padding: 0; } /* Post thumbnails */ .post-thumbnail { display:inline; float:left; overflow:hidden; width:350px; } .post-thumbnail img { padding: 2px; border: 1px solid #d5d5d5; } /* SIDEBAR */ #sidebar ul { margin:5px 0 15px 0px; } #sidebar ul ul { margin:5px 0 15px 10px; } #sidebar ul li { margin-bottom:2px; } #sidebar ul li li {} #sidebar ul li li li {} .sidebar ul ul, .sidebar ul ol { margin:5px 0 0 5px; } .sidebar ul ul ul.children { margin:0 0 10px 4px; padding:0 6px; } .sidebar ul ul li, .sidebar ul ol li { } .sidebar ul ul ul.children li { } .sidebar #searchform #s { } .sidebar #searchsubmit { } .sidebar h2 { } .sidebar h3 { } /* TRANSLATION */ #translation { width: 920px; margin: 0 auto; } #translation_bar { display:inline; float:right; margin:0 0 0 20px; } #translation span { width: 100px; float: right; display: inline; text-align: right; color: #ffffff; } #translation_bar a { margin: 0 0 0 5px; padding: 0;} #translation_bar a:hover { text-decoration: none;margin: 0 0 0 5px; padding: 0; } #translation_bar a img { border: 1px solid transparent; } #translation_bar a:hover img { border: 1px solid #d5d5d5; } /* RATINGS */ .ratings-stars .gdsr_rating_as { position:relative; top:-20px; z-index:9;} .ratings-stars .gdsr-oxygen .starsbar.gdsr-size-24 .gdinner { height: 24px; } /* COMMENTS */ .wpcf7, .commentsWrapper { float:right; margin:10px; padding:10px; width:95%; } .wpcf7 form {} .wpcf7 form p { text-align: center; } .commentsSection {} #respond { clear:both;} form#commentform {} ol.commentlist { margin: 8px 0 0; } ol.commentlist li { overflow:hidden; clear: both; margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; } .commentlist li, #commentform input, #commentform textarea { font-size: 1em; } #commentform textarea { padding:2px; width:100%;border:1px solid #0072BC; } #commentform input { border:1px solid #0072BC;} .commentlist li .avatar { float:right; padding:2px; } .commentlist li div.avatar { width: 40px; height: 40px; } .commentlist li h5 { display: inline; } #commentform #submit { background:transparent none repeat scroll 0 0; border:1px solid #5A5A5A; } /* POSTS / The LOOP */ .post { overflow:hidden; } .has-thumb div.page { display:inline; float:right; overflow:hidden; width:575px; } .entry { display:block; overflow:hidden; padding: 20px; } .has-thumb div.entry { padding: 0px; } span.date { color: #666666; } span.date a { color: #666666; } span.date a:hover { } h2.pagetitle span.date { float: none; margin:10px 0 0;} .postmetadata { color: #666666; width: 100%; float: left; clear: both; } .postmetadata { text-align: left; clear:both; margin:10px 10px 20px 0; } .navigation { clear:both; display:block; height:40px; margin:10px 0; width:100%; } .postmetadata a { } .wp-caption { } .post .wp-caption img {} .navigation { clear:both; height:40px; margin:10px 39px;} .entry ul { text-indent: 0; } a.post-edit-link { bottom:0; position:absolute; right:0px; text-decoration: underline; } .between_posts {margin: 10px auto; float: none; clear: both; display: block; } /* FORMS */ #sidebar li.widget { clear: both; display: block;} .entry form { text-align:left;overflow:hidden; } form#searchform { float:right; margin:7px 0 20px; padding:0; text-align:left; clear: both; width: 100%; position:relative;} input#searchsubmit { border:1px solid #BABABA; color:#336699; font-size:12px; height:20px; left:138px; padding:0; position:absolute; cursor: pointer; } input#s { border:1px solid #C5C5C5; padding:2px 6px; width:149px; } div.more-link { text-align: right; } .textwidget a img { margin: 4px 0; } .textwidget a:hover img { } .textwidget a { } .textwidget a:hover { } /* EXTRAS for Standard Plugins */ div.breadcrumb { margin: 10px 0 0 40px; } div.breadcrumb a { font-size:1.1em; letter-spacing:1.2px; } div.more-link { text-align: right; } /*** END WORDPRESS STYLES ***************************************/ /*** SUPERFISH STYLES ******************************************* / / Keep z-index of #topMenu high to prevent issues with drop down menu / If drop downs are getting stuck behind other elements on the page, the z-index needs to be higher / If you move dropdowns to another element, make sure that element has a high z-index value / */ /*** SUPERFISH - EDIT COLORS ***/ .sf-menu a { height:42px; text-decoration:none; } .sf-menu a span { padding:14px 18px; display:block; } .sf-menu a, .sf-menu a:visited { color: #ffffff; } .sf-menu li li { background: transparent; } .sf-menu li li li { background: transparent; } .sf-menu a:hover, .sf-menu a:active {} .sf-menu li.sfHover a { } .sf-menu a:hover { } /*** SUPERFISH - SHOULDN'T NEED TO TOUCH ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; } /* left offset of submenus need to match (see below) */ .sf-menu ul li { width: 100%; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; white-space:nowrap; } /*** SUPERFISH - shadows for all but IE6 ***/ .sf-shadow ul { background: url('style/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; }