/* ---------------------------------------------------------------------------------- GENERIC CSS */ /* ---------------------------------------------------------------------------------------------- */ .clear { clear: both; display: block; position: relative; vertical-align: none; top: 0; left: 0; } .fullclear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; } * { margin: 0; } html, body { height: 100%; } body { font-family: Tahoma; font-size: 12px; color: #000000; text-align: center; background: url(/images/website/images/originals/body_bg.jpg) top left repeat; } body#tinymce { text-align: left; } a {} a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* -------------------------------------------------------------------- THEME-SPECIFIC LAYOUT CSS */ /* ---------------------------------------------------------------------------------------------- */ #container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px; width: 100%; text-align: center; background: url(/images/website/images/originals/container_bg.jpg) top center no-repeat; } #header { width: 990px; margin: 0 auto; } #contactTab { background: url(/images/website/images/originals/contactTab_bg.jpg) top left no-repeat; font-size: 12px; height: 36px; padding: 13px 25px 0 0; text-align: right; width: 965px; } #contactTab span { font-weight: bold; text-transform: uppercase; } #topnav { width: 990px; height: 56px; } div#logo { width: 245px; float: left; } div#logo a { outline: none; } div#logo a img { border: none; } div#topnav_wrap { width: 745px; float: left; } ul.topnav_ul { width: 745px; height: 56px; background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat; position: relative; padding: 0; } ul.topnav_ul li { display: inline; } ul.topnav_ul a:link, ul.topnav_ul a:visited { position: absolute; top: 0; height: 56px; text-indent: -9000px; overflow: hidden; z-index: 10; } li.topnav_about {} li.topnav_about a:link, li.topnav_about a:visited { left: 0; width: 139px; } li.topnav_about a:hover, li.topnav_about a:focus { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -0 -56px; outline: none; } li.topnav_about a:active { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -0 -56px; } .current-topnav_about li.topnav_about a:link, .current-topnav_about li.topnav_about a:visited { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -0 -56px; cursor: default; } div.topnav_ul-topnav_about, div.topnav_ul-topnav_about-click { position: absolute; top: 0; left: 0; width: 139px; height: 56px; background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -0 -56px; } div.topnav_ul-topnav_about-click { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -0 -56px; } li.topnav_healthsafety {} li.topnav_healthsafety a:link, li.topnav_healthsafety a:visited { left: 140px; width: 161px; } li.topnav_healthsafety a:hover, li.topnav_healthsafety a:focus { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -140px -56px; outline: none; } li.topnav_healthsafety a:active { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -140px -56px; } .current-topnav_healthsafety li.topnav_healthsafety a:link, .current-topnav_healthsafety li.topnav_healthsafety a:visited { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -140px -56px; cursor: default; } div.topnav_ul-topnav_healthsafety, div.topnav_ul-topnav_healthsafety-click { position: absolute; top: 0; left: 140px; width: 161px; height: 56px; background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -140px -56px; } div.topnav_ul-topnav_healthsafety-click { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -140px -56px; } li.topnav_clientaccess {} li.topnav_clientaccess a:link, li.topnav_clientaccess a:visited { left: 302px; width: 146px; } li.topnav_clientaccess a:hover, li.topnav_clientaccess a:focus { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -302px -56px; outline: none; } li.topnav_clientaccess a:active { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -302px -56px; } .current-topnav_clientaccess li.topnav_clientaccess a:link, .current-topnav_clientaccess li.topnav_clientaccess a:visited { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -302px -56px; cursor: default; } div.topnav_ul-topnav_clientaccess, div.topnav_ul-topnav_clientaccess-click { position: absolute; top: 0; left: 302px; width: 146px; height: 56px; background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -302px -56px; } div.topnav_ul-topnav_clientaccess-click { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -302px -56px; } li.topnav_customercare {} li.topnav_customercare a:link, li.topnav_customercare a:visited { left: 449px; width: 158px; } li.topnav_customercare a:hover, li.topnav_customercare a:focus { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -449px -56px; outline: none; } li.topnav_customercare a:active { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -449px -56px; } .current-topnav_customercare li.topnav_customercare a:link, .current-topnav_customercare li.topnav_customercare a:visited { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -449px -56px; cursor: default; } div.topnav_ul-topnav_customercare, div.topnav_ul-topnav_customercare-click { position: absolute; top: 0; left: 449px; width: 158px; height: 56px; background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -449px -56px; } div.topnav_ul-topnav_customercare-click { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -449px -56px; } li.topnav_contactus {} li.topnav_contactus a:link, li.topnav_contactus a:visited { left: 608px; width: 132px; } li.topnav_contactus a:hover, li.topnav_contactus a:focus { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -608px -56px; outline: none; } li.topnav_contactus a:active { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -608px -56px; } .current-topnav_contactus li.topnav_contactus a:link, .current-topnav_contactus li.topnav_contactus a:visited { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -608px -56px; cursor: default; } div.topnav_ul-topnav_contactus, div.topnav_ul-topnav_contactus-click { position: absolute; top: 0; left: 608px; width: 132px; height: 56px; background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -608px -56px; } div.topnav_ul-topnav_contactus-click { background: url(/images/website/images/originals/topnav_ul_bg.jpg) no-repeat -608px -56px; } #topSpacer { width: 990px; height: 9px; background: url(/images/website/images/originals/topSpacer.jpg) top left no-repeat; } #contentWrap { width: 990px; margin: 0 auto; text-align: left; } #homeWrap { display: none; } #contentLM { float: left; width: 5px; background: url(/images/website/images/originals/contentLM_bg.jpg) top left repeat-y; } #main { background: #ffffff; float: left; padding: 30px; width: 920px; } #contentRM { float: left; width: 5px; background: url(/images/website/images/originals/contentRM_bg.jpg) top left repeat-y; } #footer, .push { height: 300px; } #footer { position: relative; height: 300px; width: 990px; margin: 0 auto; clear: both; background: url(/images/website/images/originals/footer_bg.jpg) top left no-repeat; } #footerLeftcol { float: left; margin: 17px 0 0 17px; text-align: left; width: 667px; color: #b0b0b0; } #footerRightcol { float: left; margin: 18px 0 0; text-align: right; width: 290px; font-size: 10px; } #footer a { font-size: 11px; } #footer a:link, #footer a:visited { font-weight: bold; color: #b0b0b0; } #footer a:hover, #footer a:active { color: #ffffff; text-decoration: none; } #footer a img { border: none; } #footer span { color: #ffffff; display: block; } #footerLeftcol span { font-weight: bold; } #footerRightcol .rights { color: #a1a1a1; margin: 0 0 26px; font-weight: bold; } /* ---------------------------------------------------------------------------- HOMEPAGE SPECIFIC */ /* ---------------------------------------------------------------------------------------------- */ body#pearlCategoryID_334 #contentWrap { width: 990px; } body#pearlCategoryID_334 #contentLM { display: none; } body#pearlCategoryID_334 #contentRM { display: none; } body#pearlCategoryID_334 #main { float: none; padding: 0; width: 990px; background: none; } /*body#pearlCategoryID_334 #homeWrap { display: block; margin: 0 auto; text-align: left; width: 1050px; }*/ #homeSlides {} #homeSlidesLM { float: left; width: 5px; height: 280px; background: url(/images/website/images/originals/homeSlidesLM_bg.jpg) top left no-repeat; } #homeSlidesWrap { float: left; width: 980px; height: 280px; background: #ff0000; } #slider { width: 980px; height: 280px; position: relative; top: 0; left: 0; z-index: 1; /*margin: 0 auto; position: relative;*/ } .scroll { height: 280px; width: 980px; overflow: auto; overflow-x: hidden; position: relative; top: 0; left: 0; z-index: 1; clear: left; } .scrollContainer div.panel { height: 280px; width: 980px; } .scrollContainer div.panel a:focus { outline: none; } .scrollContainer div.panel a img { border: none; cursor: pointer; } div#slideshow1 { width: 980px; height: 280px; overflow: hidden; } div#slideshow2 { width: 980px; height: 280px; overflow: hidden; } div#slideshow3 { width: 980px; height: 280px; overflow: hidden; } .scrollButtons { position: absolute; top: 150px; cursor: pointer; display: none; } .scrollButtons.left { left: -20px; } .scrollButtons.right { right: -20px; } .hide { display: none; } #homeSlidesRM { float: left; width: 5px; height: 280px; background: url(/images/website/images/originals/homeSlidesRM_bg.jpg) top left no-repeat; } #homeSpacer1 { width: 990px; height: 9px; background: url(/images/website/images/originals/homeSpacer1.jpg) top left no-repeat; } #homeRoutes {} #homeRoutesLM { float: left; width: 5px; height: 144px; background: url(/images/website/images/originals/homeRoutesLM_bg.jpg) top left no-repeat; } #homeRoutesWrap { float: left; width: 980px; height: 144px; } ul.homeRoutesWrap_ul { width: 980px; height: 144px; background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat; position: relative; top: 0; left: 0; z-index: 1; padding: 0; list-style-type: none; } ul.homeRoutesWrap_ul li { float: left; } ul.homeRoutesWrap_ul li a:link, ul.homeRoutesWrap_ul a:visited { text-indent: -9000px; overflow: hidden; z-index: 10; cursor: pointer; position: absolute; } ul.homeRoutesWrap_ul li a:hover, ul.homeRoutesWrap_ul li a:focus, ul.homeRoutesWrap_ul li a:active, ul.homeRoutesWrap_ul li a.selected { cursor: pointer; } li.homeRoute1 { margin: 0 8px 0 0; } li.homeRoute1 a:link, li.homeRoute1 a:visited { width: 239px; height: 144px; left: 0; top: 0; } li.homeRoute1 a:hover, li.homeRoute1 a:focus { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -0 -144px; outline: none; } li.homeRoute1 a:active, li.homeRoute1 a.selected { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -0 -144px; } div.homeRoutesWrap_ul-homeRoute1, div.homeRoutesWrap_ul-homeRoute1-click { width: 239px; height: 144px; background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -0 -144px; position: absolute; left: 0px; top: 0; } div.homeRoutesWrap_ul-homeRoute1-click { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -0 -144px; } li.homeRoute2 { margin: 0 8px 0 0; } li.homeRoute2 a:link, li.homeRoute2 a:visited { width: 239px; height: 144px; left: 247px; top: 0; } li.homeRoute2 a:hover, li.homeRoute2 a:focus { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -247px -144px; outline: none; } li.homeRoute2 a:active, li.homeRoute2 a.selected { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -247px -144px; } div.homeRoutesWrap_ul-homeRoute2, div.homeRoutesWrap_ul-homeRoute2-click { width: 239px; height: 144px; background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -247px -144px; position: absolute; left: 247px; top: 0; } div.homeRoutesWrap_ul-homeRoute2-click { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -247px -144px; } li.homeRoute3 { margin: 0 8px 0 0; } li.homeRoute3 a:link, li.homeRoute3 a:visited { width: 239px; height: 144px; left: 494px; top: 0; } li.homeRoute3 a:hover, li.homeRoute3 a:focus { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -494px -144px; outline: none; } li.homeRoute3 a:active, li.homeRoute3 a.selected { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -494px -144px; } div.homeRoutesWrap_ul-homeRoute3, div.homeRoutesWrap_ul-homeRoute3-click { width: 239px; height: 144px; background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -494px -144px; position: absolute; left: 494px; top: 0; } div.homeRoutesWrap_ul-homeRoute3-click { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -494px -144px; } li.homeRoute4 { margin: 0; } li.homeRoute4 a:link, li.homeRoute4 a:visited { width: 239px; height: 144px; left: 741px; top: 0; } li.homeRoute4 a:hover, li.homeRoute4 a:focus { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -741px -144px; outline: none; } li.homeRoute4 a:active, li.homeRoute4 a.selected { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -741px -144px; } div.homeRoutesWrap_ul-homeRoute4, div.homeRoutesWrap_ul-homeRoute4-click { width: 239px; height: 144px; background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -741px -144px; position: absolute; left: 741px; top: 0; } div.homeRoutesWrap_ul-homeRoute4-click { background: url(/images/website/images/originals/homeRoutesWrap_ul_bg.jpg) no-repeat -741px -144px; } #homeRoutesRM { float: left; width: 5px; height: 144px; background: url(/images/website/images/originals/homeRoutesRM_bg.jpg) top left no-repeat; } #homeSpacer2 { width: 990px; height: 9px; background: url(/images/website/images/originals/homeSpacer2.jpg) top left no-repeat; } #homeInfo {} #homeInfoLM { float: left; width: 5px; height: 178px; background: url(/images/website/images/originals/homeInfoLM_bg.jpg) top left no-repeat; } #homeInfoWrap { float: left; width: 980px; height: 178px; background: #ffffff; } #homeInfo1 { float: left; height: 138px; margin: 20px; width: 286px; } #homeInfo1 a img { margin: 20px 0 0; border: none; } #homeInfo2 { float: left; height: 138px; margin: 20px; width: 287px; } #homeInfo3 { float: left; height: 138px; margin: 19px; width: 289px; } #homeInfo3 a img { border: none; } .homeInfoTitle { font-size: 16px; display: block; } .homeInfoBody { display: block; margin: 15px 0 0; } #homeInfoRM { float: left; width: 5px; height: 178px; background: url(/images/website/images/originals/homeInfoRM_bg.jpg) top left no-repeat; } /* ------------------------------------------------------------- SERVICES TEMPLATE (ServicesMain) */ /* ---------------------------------------------------------------------------------------------- */ #servicesMain { background: #ffffff; float: left; width: 980px; } #servicesMainLeftCol { background: #828282; float: left; padding: 30px 0; width: 239px; } #servicesMainRightCol { float: left; padding: 30px; width: 681px; } ul.menu { list-style-type:none; margin: 0 0 0 20px; padding: 0; width: 219px; } ul.menu ul { list-style-type:none; margin: 0 0 0 3px; padding: 0; width: 216px; } ul.menu ul li { list-style-type:none; margin: 0; padding: 0; width: 216px; } ul.menu a { display: block; text-decoration: none; } ul.menu li { margin-top: 4px; } ul.menu li a { height: 33px; padding: 10px 0 0 27px; overflow: hidden; font-size: 15px; color: #000000; } ul.menu li a:link, ul.menu li a:visited { } ul.menu li a:hover { height: 33px; } ul.menu li a:focus, ul.menu li a:active { outline: none; } ul.menu li a.titleSocialLandlords { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titleSocialLandlords:link, ul.menu li a.titleSocialLandlords:visited { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titleSocialLandlords:hover { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 -43px; } ul.menu li a.titleMainContractors { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titleMainContractors:link, ul.menu li a.titleMainContractors:visited { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titleMainContractors:hover { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 -43px; } ul.menu li a.titleDomesticClients { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titleDomesticClients:link, ul.menu li a.titleDomesticClients:visited { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titleDomesticClients:hover { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 -43px; } ul.menu li a.titlePrivateLandlords { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titlePrivateLandlords:link, ul.menu li a.titlePrivateLandlords:visited { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 0; } ul.menu li a.titlePrivateLandlords:hover { background: url(/images/website/images/originals/servicesMenuTitle.jpg) no-repeat 0 -43px; } ul.menu li ul { padding: 15px 0 30px; background: #515151; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } ul.menu li ul li { margin: 0; color: #515151; height: 26px; } ul.menu li ul li span { display: none; } ul.menu li ul li a { background: #515151; color: #ffffff; padding: 5px 0 5px 20px; height: 16px; font-size: 12px; text-indent: 0; overflow: visible; } ul.menu li ul li a:link, ul.menu li ul li a:visited { background: #515151; color: #ffffff; } ul.menu li ul li a:hover { background: #ffffff; color: #000000; height: 18px; } ul.menu li ul li a:focus, ul.menu li ul li a:active { background: #ffffff; color: #000000; } /* ------------------------------------------------------------ PRODUCT LISTINGS (SEARCH RESULTS) */ /* ---------------------------------------------------------------------------------------------- */ .filter { margin: 40px 0 5px; } .page-results {} .pr0 { margin: 0 0 10px; } .pr1 { margin: 10px 0 0; } .product-listing-table { width: 100%; } .product-listing-table tbody {} .product-listing-table tr {} .product-listing-cell { border-bottom: 1px dotted #d1d1d1; padding: 10px 0; } .product-listing-image { float: left; margin: 0 10px 0 0; } .product-listing-image a {} .product-listing-image a img {} a.product-listing-name { font-weight: bold; color: #000000; font-size: 16px; } .product-listing-price { font-weight: bold; font-size: 14px; margin: 2px 0 0; } .productSpecialPrice { color: #ff0000; } .product-listing-addtocart { margin: 10px 0; } .product-listing-addtocart a { font-size: 14px; text-transform: lowercase; font-weight: bold; } .product-listing-addtocart a:link, #cart-checkout a:visited {} .product-listing-addtocart a:hover, #cart-checkout a:active { text-decoration: none; } /* ---------------------------------------------------------------------------- CATEGORY LISTINGS */ /* ---------------------------------------------------------------------------------------------- */ .categoryTable-table {} .categoryTable-table tr {} .categoryTable-cell { padding: 0 10px 10px 0; } .categoryTable-cell table { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-left: solid 1px #eeeeee; border-top: solid 1px #eeeeee; border-right: solid 1px #eeeeee; } .categoryTable-cell table tbody tr td a img { margin: 6px 0 3px; } .catListItemText { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; background: #dddddd; padding: 6px; } .catListItemText a {} .catListItemText a:link, .catListItemText a:visited {} .catListItemText a:hover, .catListItemText a:active {} .categoryTable-cell .no-prod-image { background: #ffffff; border: none; float: none; font-size: 10px; height: 120px !important; margin: 6px 0; width: 120px !important; } /* ------------------------------------------------------------------------------- PRODUCT DETAIL */ /* ---------------------------------------------------------------------------------------------- */ .product-detail-name { float: left; font-size: 17px; font-weight: bold; width: 75%; } .product-detail-price { color: #ff0000; float: right; font-size: 17px; font-weight: bold; text-align: right; width: 25%; } .product-detail-description { border-top: 1px dotted #d1d1d1; margin: 10px 0; padding: 10px 0 0; } .product-detail-description p { padding: 10px 0; } .product-detail-options {} .product-detail-bundle {} #product-detail .button {} .product-detail-images { border-top: 1px dotted #d1d1d1; margin: 10px 0; } #product-detail #gallery { padding: 10px 0; } #product-detail #gallery > br { display: none; } #product-detail .lbox { padding: 0; margin: 0 0 0 -20px; } #product-detail .lbox li { margin: 0 0 0 20px; *margin: 0 15px 0 0; } #product-detail .lbox li a.lightbox {} #product-detail .lbox li a.lightbox img {} #product-detail .lbox li a.lightbox .enlarge { display: none; } /* ----------------------------------------------------------------------- Pearl Generic: General */ /* ---------------------------------------------------------------------------------------------- */ .pageHeading { font-size: 20px; margin: 0 0 15px; text-transform: uppercase; } .subHeading { font-size: 13px; font-weight: bold; } .subsec { margin: 10px 0; } .content {} .catDescription { line-height: 1.35em; text-align: justify; } .error { color: #ff0000; font-weight: bold; } .messageStackError { color: #ff0000; font-weight: bold; } td.message { color: #ff0000; font-weight: bold; } div.message { color: #ff0000; font-weight: bold; margin: 0 0 10px; } /* ------------------------------------------------------------ Pearl Generic: index.html widgets */ /* ---------------------------------------------------------------------------------------------- */ /* Featured Items */ .featured-tbl { list-style-type: none; margin: 0; padding: 0; } .featured-item { width: 170px; min-height: 42px; border-bottom: 1px dotted #d1d1d1; margin: 0 0 10px; padding: 0 0 10px; } .featured-image {} .featured-image img { width: 40px; height: 40px; border: 1px solid #EAEAEA; float: left; margin: 0 5px 0 0; } .featured-item br { display: none; } .featured-name { float: left; font-size: 10px; font-weight: bold; width: 123px; } .featured-price { font-size: 11px; font-weight: bold; } .no-prod-image { border: solid 1px #EAEAEA; display: block; float: left; font-size: 8px; height: 40px !important; margin: 0 5px 0 0; overflow: hidden; width: 40px !important; } /* Featured List */ .featured-list { list-style-type: none; margin: 0; padding: 0; } .featured-list li { line-height: 1.35em; } a.featured-list-name {} .featured-list-price { display: inline; margin: 0 0 0 5px; } .featured-list-price span {} /* New Items */ .new-prod-tbl { list-style-type: none; margin: 0; padding: 0; } .new-prod-item { width: 520px; min-height: 102px; border-bottom: 1px dotted #d1d1d1; margin: 0 0 10px; padding: 0 0 10px; } .new-prod-image {} .new-prod-image img { border: 1px solid #eaeaea; float: left; margin: 0 10px 0 0; } .new-prod-item br { display: none; } .new-prod-name { float: left; width: 388px; font-weight: bold; } .new-prods-price { font-weight: bold; } /* Shopping Cart */ #box-cart { line-height: 1.35em; } #cart-contents { margin: 0 0 10px; } #cart-contents ul { padding: 0; margin: 0 0 10px; } #cart-contents ul li { font-size: 11px; } #cart-itemcount { font-weight: bold; } #cart-total { color: #ff0000; font-size: 13px; font-weight: bold; margin: 0 0 10px; } #cart-view {} #cart-view a { font-size: 14px; text-transform: lowercase; font-weight: bold; } #cart-view a:link, #cart-view a:visited {} #cart-view a:hover, #cart-view a:active { text-decoration: none; } #cart-checkout {} #cart-checkout a { font-size: 14px; text-transform: lowercase; font-weight: bold; } #cart-checkout a:link, #cart-checkout a:visited {} #cart-checkout a:hover, #cart-checkout a:active { text-decoration: none; } /* My Account */ .account { line-height: 1.35em; } .account_greeting { font-weight: bold; color: #ffffff; } .account_greeting br {} .account_greeting a {font-weight: normal; } .accountlinks { list-style-type: none; margin: 0; padding: 0; } .accountlinks li {} .accountlinks li a {} /* Special Offers */ .specials-tbl { list-style-type: none; margin: 0; padding: 0; } .specials-item { width: 170px; min-height: 42px; border-bottom: 1px dotted #d1d1d1; margin: 0 0 10px; padding: 0 0 10px; } .specials-image {} .specials-image img { width: 40px; height: 40px; border: 1px solid #eaeaea; float: left; margin: 0 5px 0 0; } .specials-item br { display: none; } .specials-name { float: left; font-size: 10px; font-weight: bold; width: 123px; } .specials-price { font-size: 11px; font-weight: bold; color: #ff0000; } .specials-price s { font-size: 11px; font-weight: bold; color: #000000; margin: 0 5px 0 0; } /* Specials List */ .specials-list { list-style-type: none; margin: 0; padding: 0; } .specials-list li { line-height: 1.35em; } .specials-list li br { display: none; } a.specials-list-name { margin: 0 5px 0 0; } .specials-list-price { display: inline; margin: 0 0 0 5px; color: #ff0000; } .specials-list-price span {} .specials-list li s .specials-list-price { margin: 0; color: #000000; } /* ---------------------------------------------------------------------- Pearl Generic: Helpdesk */ /* ---------------------------------------------------------------------------------------------- */ .helpdesk-header { padding-bottom: 10px} .ticket-description { font-style: italic; color: #990000; margin-bottom: 10px; border-color: black black #666666; padding-top: 4px; padding-bottom: 4px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px} .helpdesk-note { padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; border-color: black black #999999; margin-bottom: 6px; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px} .helpdesk-note-text { } .helpdesk-note-details { color: #CCCCCC} .helpdesk-upload { background-color: #EFEFEF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border: 1px #999999 solid; margin-top: 4px; margin-bottom: 14px } .helpdesk-ticket { margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; border-color: black black #CCCCCC; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px} .helpdesk-rating { margin-top: 12px; border:1px solid #CCCCCC; padding:10px; background-color:#99FF99; } .helpdesk-rating-text { display:block; margin-top:10px } .helpdesk-rating-select { display:block; margin-top:10px } /* ---------------------------------------------------------------------- Pearl Generic: Projects */ /* ---------------------------------------------------------------------------------------------- */ .project-job-title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #006699; padding-top: 4px; border-color: black black #666666; margin-bottom: 6px; padding-bottom: 0px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px } .project-files-title { font-size: 11px; font-weight: bold; padding-top: 15px} .project-files-filename { color: #006699} .project-files-filesize { color: #999999} .project-files-filemodified { color: #999999} .project-note-title { color: #999999} .project-note-content { margin-bottom: 6px; border-color: black black #CCCCCC; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px} .project-notes { background-color: #FFFFFF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border: 0px #666666 dotted; margin-bottom: 5px; margin-top: 5px} .project-files { margin-top: 5px; margin-bottom: 5px} .project-job { background-color: #EFEFEF; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px #CCCCCC solid; margin-bottom: 10px; margin-top: 10px} .project-list { padding: 2; margin: 0; list-style: none; clear: left; } /* ----------------------------------------------------------------- Pearl Generic: Contact Pages */ /* ---------------------------------------------------------------------------------------------- */ #contact-form { width:100%; } .contact-fieldset { padding:4px; margin:4px; background-color:#efefef; border-bottom: 1px solid #cccccc; } .contact-fieldtext { float:left; display:block; width:100px; margin:4px; text-align:right;font-weight:bold; } .contact-field { display:block; margin-left:100px; margin-right: 0px; margin-top:4px; display:block; padding-left:10px; } .contact-foot { clear:both; padding-top:10px;} .button {} .bigLink { font-size:18px; color:#006600; } .bigLink:hover {} #login-newuser {} .login-newuser-intro { margin: 5px 0 0; } #login-login { margin: 20px 0 0; } .login-login-intro { margin: 5px 0 10px; } .contact-fieldtext { margin-top:5px; display: block; } .contact-required { font-size: 11px; color: #ff0000; } textarea#customers_message { height: 150px; margin: 0 0 3px 0; width: 98%; } /* -------------------------------------------------------------------- Pearl Generic: My Account */ /* ---------------------------------------------------------------------------------------------- */ .portal-menu { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f1f1f1; margin: 0 0 30px; } .portal-menu table {} .portal-menu table tr {} .portal-menu table tr td { line-height: 1em; padding: 3px 4px; } .portal-menu table tr td a { font-size: 11px; font-weight: bold; } .portal-menu table tr td a:link, .portal-menu table tr td a:visited { color: #000000; } #portal-account {} #portal-orders {} #portal-statement {} #portal-helpdesk {} #portal-projects {} #portal-profile {} #portal-addresses {} #portal-password {} #portal-logout {} /* ---------------------------------------------------------------------- Pearl Generic: Newsdesk */ /* ---------------------------------------------------------------------------------------------- */ .news-wrp { border-top: 1px dotted #d1d1d1; margin: 10px 0 0; padding: 10px 0 0; } .news-title { font-weight: bold; } .news-date { color: #5c5c5c; font-size: 11px; } .news-author { color: #5c5c5c; font-size: 11px; } .news-summary { margin: 5px 0 0; } .news-feed-item {} .news-content { margin: 10px 0 0; }