/* CSS Document */ /* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- (c) 2006 john benedict design - all rights reserved http://www.704one.com --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */ /* ///// COLORS ///// white - #fff black - #000 dark green - #3D3D33 50% dark green - #8B8B85 25% dark green - #CECECC light green - #81895A 50% light green - #C0C4AC blue - #4585B7 orange - #DD6326 ///// END COLORS ///// */ body { margin: 15px auto; padding: 0; text-align: center; background-color: #fff; } /* ///// LAYOUT ///// */ #wrapper { width: 800px; margin: 0 auto; padding: 0; text-align: center; } #header { width: 800px; height: 100px; margin: 0 auto; padding: 0; text-align: left; } #logo { float: left; width: 141px; height: 100px; margin: 0; padding: 0; } #tagline { float: left; width: 427px; height: 100px; margin: 0; padding: 0; } #login, #loggedIn { float: left; width: 232px; height: 100px; margin: 0; padding: 0; } #login div.wrap { float: left; width: 232px; height: 100px; margin: 0; padding: 0; } #loggedIn div.twoCol { float: left; width: 116px; height: 100px; margin: 0; padding: 0; } /*html #login { margin: -5px 0 0 0; }*/ #topNav { width: 800px; height: 35px; margin: 0 auto 10px auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #C0C4AC; } *html #topNav { padding: 1px 0 0 0; } #mainGraphic { width: 800px; margin: 0; padding: 0; background: #fff; z-index: 0; } #asSeenOnTV { margin-bottom: 10px; } #asSeenOnTV-pg { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #cececc; } #asSeenOnTV-pg a, #asSeenOnTV-pg a img { margin: 0 !important; padding: 0 !important; } .asSeenOn { padding: 7px 0 !important; font-size: 11px !important; color: #74A4C9 !important; } #productLines { width: 800px; height: 285px; margin: 2px auto 10px auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #C0C4AC; } .fiveCol { float: left; width: 141px; margin: 0 1px 0 0; padding: 0; } .last { float: left; width: 232px; margin: 0 !important; padding: 0; } .fourCol { float: left; width: 199px; margin: 0 1px 0 0; padding: 0; } .last { float: left; width: 200px; margin: 0 !important; padding: 0; } p.lastP { margin-bottom: 15px !important; } .last img.bottomPad { margin: 0 0 1px 0; } #productLines img.topPad { margin: 1px 0 0 0; } #tint { float: left; width: 116px; margin: 0; padding: 0; } #equip { float: left; width: 115px; margin: 0 0 0 1px; padding: 0; } #quickFinder {xalign:center; xposition: absolute; xtop: 15px; xleft: 0; text-align: center; width: 100%; margin: 1px 0 0 0; padding: 0; /*border-top: 1px solid #C0C4AC;*/ } #quickFinder form { width: 222px; margin: 0 auto; padding: 3px; text-align: center; /*background: #C0C4AC;*/ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #8B8B85; } #quickFinder form select { width: 215px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #8B8B85; } /* ///// END LAYOUT ///// */ /* ///// HOME LAYOUT ///// */ #bottomRow { float: left; display: block; height: auto; width: 800px; margin: 0 auto; padding: 1px 0 0 0; text-align: left; border-bottom: 1px solid #CECECC; } #newsAndEvents, #productFocus { float: left; width: 273px; margin: 0 0 0 10px; padding: 0; text-align: left; } *html #newsAndEvents, *html #productFocus { margin: 0 0 0 5px; } #about { float: left; width: 268px; margin: 0; padding: 0; text-align: left; } #asSeenIn { float: left; width: 268px; margin: 0 0 0 15px; padding: 0; text-align: left; } #downloads { float: left; width: 268px; margin: 0; padding: 0; text-align: left; } #upcomingTradeshow { float: left; width: 217px; margin: 0 0 10px 15px; padding: 0; text-align: left; } #nonFlashSpecial { float: left; width: 217px; margin: 15px 0 15px 15px; padding: 0; text-align: left; } /* ///// END HOME LAYOUT ///// */ /* ///// PRODUCT PAGE LAYOUT ///// */ #products { float: left; width: 800px; margin: 0 auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #CECECC; } #products #subNav { float: left; width: 250px; margin: 10px 23px 0 10px; padding: 0; background-color: #74A4C9; } *html #products #subNav { width: 227px !important; margin: 10px 23px 0 5px !important; } #products #content { float: left; width: 515px; margin: 10px 0 0 1px; padding: 0; } /* ///// END PRODUCT PAGE LAYOUT ///// */ /* ///// RETAILER PAGE LAYOUT ///// */ #retailers { float: left; width: 800px; margin: 0 auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #CECECC; } #retailers #retailerInfo { float: left; width: 250px; margin: 10px 23px 0 10px; padding: 0; } *html #retailers #retailerInfo { width: 227px !important; margin: 10px 23px 0 5px !important; } #retailers #retailerSearch { float: left; width: 515px; margin: 10px 0 0 1px; padding: 0; } #retailers #retailerSearch-2 { float: left; width: 800px; margin: 1px 0 0 0; padding: 0; } #retailers #retailerResults { float: left; width: 800px; margin: 0; padding: 0; } /* ///// END RETAILER PAGE LAYOUT ///// */ /* ///// NEWS AND EVENTS PAGE LAYOUT ///// */ #newsAndEventsPage { float: left; width: 800px; margin: 0 auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #CECECC; } #newsAndEventsPage #tabs { float: left; width: 550px; margin: 10px 0 0 0; padding: 0; } #newsAndEventsPage #news, #newsAndEventsPage #articles { float: left; width: 540px; margin: 0; padding: 0; background-color: #fff; border: 5px solid #DD6326; } #newsAndEventsPage #upcomingTradeshows { float: left; width: 225px; margin: 10px 0 0 20px; padding: 0; } @media projection, screen { .tabs-hide { display: none; } } @media print { .fragment { display: block !important; height: auto !important; opacity: 1 !important; } } #indNews { float: left; width: 800px; margin: 0 auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #CECECC; } #indNews #tabs { float: left; width: 550px; margin: 10px 0 0 0; padding: 0; } #indNews #news { float: left; width: 790px; margin: 0; padding: 0; background-color: #fff; border: 5px solid #DD6326; } /* ///// END NEWS AND EVENTS PAGE LAYOUT ///// */ /* ///// SKIN SCIENCES PAGE LAYOUT ///// */ #skinScience { float: left; width: 800px; margin: 0 auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #CECECC; } #skinScience #subNav { float: left; width: 250px; margin: 10px 23px 0 10px; padding: 0; background-color: #81895A; } *html #skinScience #subNav { width: 227px !important; margin: 10px 23px 0 5px !important; } #skinScience #content { float: left; width: 515px; margin: 10px 0 0 1px; padding: 0; } /* ///// END SKIN SCIENCES PAGE LAYOUT ///// */ /* ///// COMPANY PAGE LAYOUT ///// */ #company { float: left; width: 800px; margin: 0 auto; padding: 1px 0; text-align: left; border-bottom: 1px solid #CECECC; } #company #subNav { float: left; width: 250px; margin: 10px 23px 0 10px; padding: 0; background-color: #dd6326; } *html #company #subNav { width: 227px !important; margin: 10px 23px 0 5px !important; } #company #content { float: left; width: 515px; margin: 10px 0 0 1px; padding: 0 0 21px 0; } /* ///// END COMPANY PAGE LAYOUT ///// */ /* ///// TOP NAV ///// */ #topNav ul { margin: 0; padding: 0; height: 33px; text-align: left; list-style: none; } #topNav ul li { margin: 0; padding: 0; height: 33px; display: inline; } #topNav ul li a { margin: 0; padding: 1px 0; height: 33px; border-top: 1px solid #3D3D33; text-indent: -9999px; outline: none; } #topNav ul li a#navHome { width: 141px; height: 33px; margin: 0 1px 0 0; padding: 1px 0; display: block; float: left; background: #fff url(../images/topNav/home.gif) no-repeat 0 1px; } #topNav ul li a#navHome:hover { background-position: 0 -35px; } #topNav ul li.active a#navHome { background-position: 0 -35px; } #topNav ul li.active a#navHome:hover { background-position: 0 -35px; } #topNav ul li a#navProducts { width: 141px; height: 33px; margin: 0 1px 0 0; padding: 1px 0; display: block; float: left; background: #fff url(../images/topNav/products.gif) no-repeat 0 1px; } #topNav ul li a#navProducts:hover { background-position: 0 -35px; } #topNav ul li.active a#navProducts { background-position: 0 -35px; } #topNav ul li.active a#navProducts:hover { background-position: 0 -35px; } #topNav ul li a#navRetailer { width: 141px; height: 33px; margin: 0 1px 0 0; padding: 1px 0; display: block; float: left; background: #fff url(../images/topNav/findARetailer.gif) no-repeat 0 1px; } #topNav ul li a#navRetailer:hover { background-position: 0 -35px; } #topNav ul li.active a#navRetailer { background-position: 0 -35px; } #topNav ul li.active a#navRetailer:hover { background-position: 0 -35px; } #topNav ul li a#navNewsAndEvents { width: 141px; height: 33px; margin: 0 1px 0 0; padding: 1px 0; display: block; float: left; background: #fff url(../images/topNav/newsAndEvents.gif) no-repeat 0 1px; } #topNav ul li a#navNewsAndEvents:hover { background-position: 0 -35px; } #topNav ul li.active a#navNewsAndEvents { background-position: 0 -35px; } #topNav ul li.active a#navNewsAndEvents:hover { background-position: 0 -35px; } #topNav ul li a#navCompany { width: 141px; height: 33px; margin: 0 1px 0 0; padding: 1px 0; display: block; float: left; background: #fff url(../images/topNav/company.gif) no-repeat 0 1px; } #topNav ul li a#navCompany:hover { background-position: 0 -35px; } #topNav ul li.active a#navCompany { background-position: 0 -35px; } #topNav ul li.active a#navCompany:hover { background-position: 0 -35px; } #topNav ul li a#navSkinScince { width: 232px; height: 33px; margin: 0; padding: 1px 0; display: block; float: left; background: #fff url(../images/topNav/skinScience.gif) no-repeat 0 1px; } #topNav ul li a#navSkinScince:hover { background-position: 0 -35px; } #topNav ul li.active a#navSkinScince { background-position: 0 -35px; } #topNav ul li.active a#navSkinScince:hover { background-position: 0 -35px; } /* ///// END TOP NAV ///// */ /* ///// LOGIN FORM ///// */ #login form { width: 227px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3D3D33; } #login img { height: 10px; display: block; margin: 0; padding: 0; } #login form table { width: 227px; margin: 5px 0 0 0; padding: 0 0 0 5px; border-top: 1px solid #8B8B85; } #login form table tr td.textBox { margin: 0; padding: 5px 0 0 0; width: 150px; } #login form input { margin: 0; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #8B8B85; } #login form label { margin: 0 0 0 5px; padding: 0 } #login form a { color: #3D3D33; margin: 0; padding: 0; } #login form a:hover { text-decoration: none; } .hmLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3D3D33; } /* ///// END LOGIN FORM ///// */ /* ///// LOGGED IN ///// */ #loggedIn table { width: 115px; margin: 5px 0 0 0; padding: 0 0 0 5px; border-top: 1px solid #8B8B85; } #loggedIn table a { color: #3D3D33; } #loggedIn table a:hover { text-decoration: none; } #loggedIn table ul { margin: 3px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #8B8B85; list-style: none; } #loggedIn table ul li { margin: 0; padding: 0; } #loggedIn table ul li.bold { margin: 3px 0; padding: 0; font-weight: bold; } /* ///// END LOGGED IN ///// */ /* ///// MAIN GRAPHIC ///// */ #mainGraphic p { width: 780px; margin: 0; padding: 10px 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #fff; text-align: left; } #mainGraphic a { color: #fff; } #mgOne, #mgTwo { float: left; } /* ///// END MAIN GRAPHIC ///// */ /* ///// HOME CONTENT ///// */ /* ///// BOTTOM ROW ///// */ #newsAndEvents ul { margin: 5px 0 0 0; padding: 0 15px; border-top: 1px solid #CECECC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3D3D33; } #newsAndEvents ul li { margin: 5px 0; padding: 0; } #newsAndEvents ul li a { color: #3D3D33; text-decoration: none; } #newsAndEvents ul li a:hover { text-decoration: underline; } #newsGraphic, #productFocusGraphic { margin: 5px 0; padding: 10px 0; border-top: 1px solid #CECECC; } #about p { margin: 5px 0 0 0; padding: 15px 0 0 0; height: 152px; border-top: 1px solid #CECECC; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #3D3D33; } #asSeenIn div { margin: 5px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #CECECC; } #tradeImg { margin: 5px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #CECECC; vertical-align: middle; } /* ///// ACCORDION ///// */ #accordion { float: left; display: block; margin: 5px 0 1px 0; padding: 1px 0 0; border-top: 1px solid #CECECC; border-bottom: 5px solid #ebebea; } #accordion h3 { width: 242px; margin: 0 0 1px; padding: 5px 21px 5px 5px; background: #ebebea url(../images/dl-bg.gif) right 0 no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3D3D33; cursor: pointer; } #accordion ul { width: 268px; display: block; border-top: none; margin: 0; padding: 5px 0; height: 100px; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3D3D33; } #accordion ul li { display: block; margin: 2px 0; padding: 0 15px 3px 5px; border-bottom: 1px solid #ebebea; } #accordion ul li a { color: #3D3D33; text-decoration: none; } #accordion ul li a:hover { text-decoration: underline; } /* ///// END BOTTOM ROW ///// */ /* ///// END HOME CONTENT ///// */ /* ///// PRODUCT PAGE CONTENT ///// */ #products #subNav ul { width: 250px; margin: 0; padding: 1px 0 0 0; text-align: left; list-style: none; background-color: #fff; border-top: 1px solid #CECECC; border-bottom: 1px solid #74A4C9; } #products #subNav ul li { width: 250px; margin: 0; padding: 0; } #products #subNav ul li a { width: 250px; margin: 0; padding: 0; text-indent: -9999px; outline: none; } #products #subNav ul li a#subNavHeader { width: 250px; height: 40px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/productLines-header.gif) no-repeat 0 0; } #products #subNav ul li a#subNavCellScience { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/cellScience.gif) no-repeat 0 0; } #products #subNav ul li a#subNavCellScience:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavCellScience{ background-position: -251px 0; } #products #subNav ul li.active a#subNavCellScience:hover { background-position: -251px 0; } /* #products #subNav ul li a#subNavAgeManagement { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/ageManagement.gif) no-repeat 0 0; } #products #subNav ul li a#subNavAgeManagement:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavAgeManagement{ background-position: -251px 0; } #products #subNav ul li.active a#subNavAgeManagement:hover { background-position: -251px 0; } */ #products #subNav ul li a#subNavAgeManagementSkinCareSystem { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/ageManagement-scs.gif) no-repeat 0 0; } #products #subNav ul li a#subNavAgeManagementSkinCareSystem:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavAgeManagementSkinCareSystem{ background-position: -251px 0; } #products #subNav ul li.active a#subNavAgeManagementSkinCareSystem:hover { background-position: -251px 0; } #products #subNav ul li a#subNavSeriousAction { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/seriousAction.gif) no-repeat 0 0; } #products #subNav ul li a#subNavSeriousAction:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavSeriousAction{ background-position: -251px 0; } #products #subNav ul li.active a#subNavSeriousAction:hover { background-position: -251px 0; } #products #subNav ul li a#subNavGlyMedPlusforMen { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/forMen.gif) no-repeat 0 0; } #products #subNav ul li a#subNavGlyMedPlusforMen:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavGlyMedPlusforMen{ background-position: -251px 0; } #products #subNav ul li.active a#subNavGlyMedPlusforMen:hover { background-position: -251px 0; } #products #subNav ul li a#subNavBodyLine { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/bodyLine.gif) no-repeat 0 0; } #products #subNav ul li a#subNavBodyLine:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavBodyLine{ background-position: -251px 0; } #products #subNav ul li.active a#subNavBodyLine:hover { background-position: -251px 0; } #products #subNav ul li a#subNavBodySmart { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/bodySmart.gif) no-repeat 0 0; } #products #subNav ul li a#subNavBodySmart:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavBodySmart{ background-position: -251px 0; } #products #subNav ul li.active a#subNavBodySmart:hover { background-position: -251px 0; } #products #subNav ul li a#subNavSkinEssentials { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/skinEssentials.gif) no-repeat 0 0; } #products #subNav ul li a#subNavSkinEssentials:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavSkinEssentials{ background-position: -251px 0; } #products #subNav ul li.active a#subNavSkinEssentials:hover { background-position: -251px 0; } #products #subNav ul li a#subNavDermaSoundElite { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/dermasound.gif) no-repeat 0 0; } #products #subNav ul li a#subNavDermaSoundElite:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavDermaSoundElite{ background-position: -251px 0; } #products #subNav ul li.active a#subNavDermaSoundElite:hover { background-position: -251px 0; } #products #subNav ul li a#subNavPhysicianEliteRx { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/physicianElite.gif) no-repeat 0 0; } #products #subNav ul li a#subNavPhysicianEliteRx:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavPhysicianEliteRx{ background-position: -251px 0; } #products #subNav ul li.active a#subNavPhysicianEliteRx:hover { background-position: -251px 0; } #products #subNav ul li a#subNavProfessionalOnlyProducts { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/professionalOnly.gif) no-repeat 0 0; } #products #subNav ul li a#subNavProfessionalOnlyProducts:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavProfessionalOnlyProducts{ background-position: -251px 0; } #products #subNav ul li.active a#subNavProfessionalOnlyProducts:hover { background-position: -251px 0; } #products #subNav ul li a#subNavHealthySkinMakeup { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/healthySkinMakeup.gif) no-repeat 0 0; } #products #subNav ul li a#subNavHealthySkinMakeup:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavHealthySkinMakeup{ background-position: -251px 0; } #products #subNav ul li.active a#subNavHealthySkinMakeup:hover { background-position: -251px 0; } #products #subNav ul li a#subNavEquipment { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/equipment.gif) no-repeat 0 0; } #products #subNav ul li a#subNavEquipment:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavEquipment{ background-position: -251px 0; } #products #subNav ul li.active a#subNavEquipment:hover { background-position: -251px 0; } #products #subNav ul li a#subNavWRx®WrinklePrescription { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/productsSubNav/WRx.gif) no-repeat 0 0; } #products #subNav ul li a#subNavWRx®WrinklePrescription:hover { background-position: -251px 0; } #products #subNav ul li.active a#subNavWRx®WrinklePrescription{ background-position: -251px 0; } #products #subNav ul li.active a#subNavWRx®WrinklePrescription:hover { background-position: -251px 0; } #products #content p.overview { width: 490px; margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; color: #3D3D33; } #products #content p.beforeAfter { font-style: italic; text-align: center; padding: 0 75px 15px !important; width: 350px !important; } #products #content table { width: 516px; margin: 25px 0 0 0; padding: 1px 0 0 0; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-family: Arial, Helvetica, sans-serif; color: #3D3D33; } #products #content table.infoTable { margin: 7px 0 0 0; padding: 1px 0 0 0; } #products #content table tr th { height: 25px; margin: 0; padding: 1px 5px; background-color: #EBEBEA; border-bottom: 1px solid #fff; font-size: 11px; line-height: 21px; font-weight: bold; } #products #content table tr.productListing-rowheading { display: none; } #products #content table tr th span#title { text-align: left; float: left; } #products #content table tr th span#breadCrumbRight { text-align: right; float: right; font-weight: normal; } #products #content table tr th span#breadCrumbLeft { text-align: left; float: left; font-weight: normal; } #products #content table tr th span#listingInfo { text-align: left; float: left; font-weight: normal; } #products #content table tr.featuredProducts td { width: 170px; margin: 0; padding: 1px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: center; font-size: 12px; line-height: 18px; } #products #content table tr.featuredProducts td.centerCol { border-left: 1px solid #EBEBEA; border-right: 1px solid #EBEBEA; } #products #content table tr.featuredProducts td img { margin: 0 0 5px 0; padding: 0; } #products #content table tr.productListings td.productImage { width: 170px; margin: 0; padding: 25px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: center; } /* LISTING */ #products #content table tr.productListing-odd td.productListing-data img, #products #content table tr.productListing-even td.productListing-data img { margin: 0 0 5px 0; padding: 0; } #products #content table tr.productListing-odd td.productListing-data, #products #content table tr.productListing-even td.productListing-data { width: 235px; margin: 0; padding: 0; border-top: 1px solid #EBEBEA; text-align: left; } td.productListing-data { text-align: center !important; } td.productListing-data h3, td.productListing-data p { text-align: left !important; } #products #content table tr.productListing-odd td.productListing-data h3, #products #content table tr.productListing-even td.productListing-data h3, #products #content table tr.productListing-odd td.productListing-data h4, #products #content table tr.productListing-even td.productListing-data h4 { width: 225px; margin: 25px 0 0 10px; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold; } #products #content table tr.productListing-odd td.productListing-data h4, #products #content table tr.productListing-even td.productListing-data h4 { /*border-top: 1px solid #CECECC; padding-top: 10px;*/ margin-top: 10px; } #products #content table tr.productListing-odd td.productListing-data p, #products #content table tr.productListing-even td.productListing-data p { width: 225px; margin: 6px 0 0 10px ; padding: 0; font-size: 12px; line-height: 18px; font-weight: normal; } #products #content table tr.productListing-odd td.productListing-data p.available, #products #content table tr.productListing-even td.productListing-data p.available { font-style: italic; font-weight: bold; } #products #content table tr.productListing-odd td.productListing-data p.price, #products #content table tr.productListing-even td.productListing-data p.price { margin-bottom: 10px; color: #4585B7; } /* END LISTING */ #products #content table tr.productListings td.productOverview { width: 235px; margin: 0; padding: 1px 5px 10px 5px; border-top: 1px solid #EBEBEA; text-align: left; } #products #content table tr.productListings td.productOverview h3, #products #content table tr.productListings td.productOverview h4 { margin: 25px 0 0 0; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold; } #products #content table tr.productListings td.productOverview h4 { border-top: 1px solid #CECECC; padding-top: 10px; } #products #content table tr.productListings td.productOverview p { margin: 6px 0; padding: 0; font-size: 12px; line-height: 18px; font-weight: normal; } #products #content table tr.productListings td.productOverview p.available { font-style: italic; font-weight: bold; } #products #content table tr.productListings td.productOverview p.price { color: #4585B7; } #products #content table tr.productListings td.buttons { width: 100px; margin: 0; padding: 1px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: left; } #products #content table tr.productListings td.buttons img.buyNow { margin: 50px 0 0 0; padding: 0; } #products #content table tr.productListings td.buttons img.addToCart { margin: 20px 0 0 0; padding: 0; } #products #content table tr.productListings td.buttons img.moreInfo { margin: 3px 0 0 0; padding: 0; } #products #content table tr.productInfo td.productImage { width: 240px; margin: 0; padding: 25px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: center; } #products #content table tr.productInfo td.productOverview { width: 265px; margin: 0; padding: 1px 5px 10px 5px; border-top: 1px solid #EBEBEA; text-align: left; } #products #content table tr.productInfo td.productOverview h3, #products #content table tr.productInfo td.productOverview h4 { margin: 25px 0 0 0; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold; } #products #content table tr.productInfo td.productOverview h4 { border-top: 1px solid #CECECC; padding-top: 10px; } #products #content table tr.productInfo td.productOverview p { margin: 6px 0; padding: 0; font-size: 12px; line-height: 18px; font-weight: normal; } #products #content table tr.productInfo td.productOverview p.available { font-style: italic; font-weight: bold; } #products #content table tr.productInfo td.productOverview p.price { margin-bottom: 10px; color: #4585B7; } #products #content table tr.productInfo td.productOverview p.buttonP { margin: 12px 0 6px 0; padding: 12px 0 0 0; font-weight: bold; border-top: 1px solid #EBEBEA; } p.noLine { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; } #products #content table tr.productInfo td.productOverview img { margin: 10px 0 0 0; padding: 0; } #products #content table a { color: #3D3D33; text-decoration: none; } #products #content table tr th a:hover { color: #3D3D33; text-decoration: underline; } /* ///// END PRODUCT PAGE CONTENT ///// */ /* ///// RETAILERS CONTENT ///// */ #retailers #retailerInfo p.overview { width: 250px; margin: 12px 0 25px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3D3D33; } #retailers #retailerInfo h3#retailerInfoH { width: 250px; margin: 0 0 1px 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/GlyMedPlusRetailers.gif) no-repeat 0 0; } #retailers #retailerSearch form, #retailers #retailerResults form, #retailers #retailerSearch-2 form { margin: 0; padding: 0; } #retailers #retailerSearch form label, #retailers #retailerSearch-2 form label { float: right; font-weight: bold; } #retailers #retailerSearch form #country { width: 250px; } #retailers #retailerSearch-2 form #country { width: 150px; } #retailers #retailerSearch p.hint { margin: 0; padding: 10px 0; border-top: 1px solid #EBEBEA; } #retailers #retailerSearch table { width: 516px; margin: 0; padding: 1px 0 0 0; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-family: Arial, Helvetica, sans-serif; color: #3D3D33; } #retailers #retailerSearch table tr th { height: 25px; margin: 0; padding: 1px 5px; background-color: #EBEBEA; border-bottom: 1px solid #fff; text-align: left; } #retailers #retailerSearch table tr th h3#retailerSearchH { margin: 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/GlyMedPlusRetailerSearch.gif) no-repeat 0 0; } #retailers #retailerSearch table tr td { margin: 0; padding: 10px 10px 0 10px; font-size: 12px; line-height: 18px; } #retailers #retailerSearch table tr.firstRow td { border-top: 1px solid #EBEBEA; } #retailers #retailerSearch-2 table { width: 800px; margin: 0; padding: 1px 0 0 0; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-family: Arial, Helvetica, sans-serif; color: #3D3D33; } #retailers #retailerSearch-2 table tr th { height: 25px; margin: 0; padding: 1px 5px; background-color: #EBEBEA; border-bottom: 1px solid #fff; text-align: left; } #retailers #retailerSearch-2 table tr th h3#retailerSearchH { margin: 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/GlyMedPlusRetailerSearch.gif) no-repeat 0 0; } #retailers #retailerSearch-2 table tr td { margin: 0; padding: 10px; font-size: 12px; line-height: 18px; } #retailers #retailerSearch-2 table tr.firstRow td { border-top: 1px solid #EBEBEA; } #retailers #retailerResults table { width: 800px; margin: 0; padding: 1px 0 0 0; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-family: Arial, Helvetica, sans-serif; color: #3D3D33; } #retailers #retailerResults table { margin-top: 10px; } #retailers #retailerResults table tr th { height: 25px; margin: 0; padding: 1px 5px; background-color: #EBEBEA; border-bottom: 1px solid #fff; text-align: left; } #retailers #retailerResults table tr th h3#retailerSearchResultsH { width: 500px; float: left; margin: 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/GlyMedPlusRetailerSearchRes.gif) no-repeat 0 0; } #retailers #retailerResults table tr th img { float: right; margin: 0; padding: 0; } #retailers #retailerResults table tr td { margin: 0; padding: 7px 5px 3px 10px; font-size: 12px; line-height: 18px; } #retailers #retailerResults table tr:hover { background-color: #D0E0ED; } #retailers #retailerResults table tr.headers td { border-top: 1px solid #EBEBEA; border-bottom: 1px solid #EBEBEA; font-weight: bold; } #retailers #retailerResults table tr.headers:hover { background-color: #fff; } #retailers #retailerResults table tr.headers td a { color: #3D3D33; text-decoration: underline; text-transform: uppercase; } #retailers #retailerResults table tr td a { color: #4585B7; text-decoration: underline; font-weight: bold; text-transform: uppercase; } /* ///// END RETAILERS CONTENT ///// */ /* ///// NEWS AND EVENTS PAGE CONTENT ///// */ #newsAndEventsPage { font-family: Arial, Helvetica, sans-serif; color: #3D3D33; font-size: 12px; line-height: 18px; } #newsAndEventsPage #tabs ul.anchors { margin: 0; padding: 0; height: 28px; text-align: left; list-style: none; } #newsAndEventsPage #tabs ul.anchors li { margin: 0; padding: 0; height: 28px; display: inline; float: left; } #newsAndEventsPage #tabs ul.anchors li a { width: 141px; margin: 0; padding: 0; text-indent: -9999px; } #newsAndEventsPage #tabs ul.anchors li a#newsTab { width: 141px; height: 27px; margin: 0; padding: 0 1px 0 0; display: block; background: #fff url(../images/newsAndEvents/news.gif) no-repeat 0 -28px; } #newsAndEventsPage #tabs ul.anchors li a#newsTab:hover { background-position: 0 0; } #newsAndEventsPage #tabs ul.anchors li a#articlesTab { width: 141px; height: 27px; margin: 0; padding: 0; display: block; background: #fff url(../images/newsAndEvents/articles.gif) no-repeat 0 -28px; } #newsAndEventsPage #tabs ul.anchors li a#articlesTab:hover { background-position: 0 0; } #newsAndEventsPage #tabs ul.anchors .on a#newsTab, #newsAndEventsPage #tabs ul.anchors .on a#articlesTab, .anchors .on a { background-position: 0 0; border-bottom: 1px solid #DD6326; } .anchors:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .anchors a:focus, .anchors a:active { outline: none; /* @ Firefox 1.5, remove ugly dotted border */ } .anchors .on a, .anchors a:hover, .anchors a:focus, .anchors a:active, .fragment { background-position: 0 0; } .anchors .on a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .anchors a:hover, .anchors a:focus, .anchors a:active { cursor: pointer; } /* NEWS */ #newsAndEventsPage #tabs #news #newsArchives { float: left; width: 130px; margin: 0; padding: 5px; background: #fff; } #newsAndEventsPage #tabs #news #recentNews { float: left; width: 390px; margin: 0; padding: 5px; background: #fff; } #newsAndEventsPage #tabs #news #newsArchives h2, #newsAndEventsPage #tabs #news #recentNews h2 { margin: 5px 0 5px 5px; padding: 0; font-size: 12px; } #newsAndEventsPage #tabs #news #recentNews h3 { margin: 5px 0; padding: 0; font-size: 12px; } .recentNewsEntryDate { color: #DD6326; } .recentNewsEntryTitle { color: #4585B7; } #newsAndEventsPage #tabs #news #newsArchives ul { margin: 0; padding: 10px 0 0 15px; border-top: 1px solid #EBEBEA; } #newsAndEventsPage #tabs #news #newsArchives ul li a { font-weight: bold; color: #DD6326; text-decoration: none; } #newsAndEventsPage #tabs #news #newsArchives ul li a:hover { text-decoration: underline; } #newsAndEventsPage #tabs #news #recentNews div.recentNewsEntry { margin: 0; padding: 5px 0; border-top: 1px solid #EBEBEA; } #newsAndEventsPage #tabs #news #recentNews div.recentNewsEntry a { padding: 5px; text-decoration: none; color: #3D3D33; display: block; } #newsAndEventsPage #tabs #news #recentNews div.recentNewsEntry a:hover { background-color: #EBEBEA; } #newsAndEventsPage #tabs #news #recentNews p { margin: 0; padding: 0; } /* ARTICLES */ #newsAndEventsPage #tabs #articles #articleArchives { float: left; width: 130px; margin: 0; padding: 5px; background: #fff; } #newsAndEventsPage #tabs #articles #recentArticles { float: left; width: 390px; margin: 0; padding: 5px; background: #fff; } #newsAndEventsPage #tabs #articles #articleArchives h2, #newsAndEventsPage #tabs #articles #recentArticles h2 { margin: 5px 0 5px 5px; padding: 0; font-size: 12px; } #newsAndEventsPage #tabs #articles #recentArticles h3 { margin: 5px 0; padding: 0; font-size: 12px; } .recentArticleEntryDate { color: #DD6326; } .recentArticleEntryTitle { color: #4585B7; } #newsAndEventsPage #tabs #articles #articleArchives ul { margin: 0; padding: 10px 0 0 15px; border-top: 1px solid #EBEBEA; } #newsAndEventsPage #tabs #articles #articleArchives ul li a { font-weight: bold; color: #DD6326; text-decoration: none; } #newsAndEventsPage #tabs #articles #articleArchives ul li a:hover { text-decoration: underline; } #newsAndEventsPage #tabs #articles #recentArticles div.recentArticleEntry { margin: 0; padding: 5px 0; border-top: 1px solid #EBEBEA; } #newsAndEventsPage #tabs #articles #recentArticles div.recentArticleEntry a { padding: 5px; text-decoration: none; color: #3D3D33; display: block; } #newsAndEventsPage #tabs #articles #recentArticles div.recentArticleEntry a:hover { background-color: #EBEBEA; } #newsAndEventsPage #tabs #articles #recentArticles p { margin: 0; padding: 0; } /* TRADESHOWS */ #newsAndEventsPage #upcomingTradeshows h2#upcomingTradeshowsH { margin: 0; padding: 0; text-indent: -9999px; width: 227px; height: 27px; background: #fff url(../images/newsAndEvents/upcomingTradeShows.gif) no-repeat 0 0; } #newsAndEventsPage #upcomingTradeshows ul { margin: 0; padding: 0; } #newsAndEventsPage #upcomingTradeshows ul li { margin: 0; padding: 15px 0 10px 5px; list-style: none; border-top: 1px solid #EBEBEA; } /* IND NEWS */ #indNews { font-family: Arial, Helvetica, sans-serif; color: #3D3D33; font-size: 12px; line-height: 18px; } #indNews #tabs ul.anchors { margin: 0; padding: 0; height: 28px; text-align: left; list-style: none; } #indNews #tabs ul.anchors li { margin: 0; padding: 0; height: 28px; display: inline; float: left; } #indNews #tabs ul.anchors li a { width: 141px; margin: 0; padding: 0; text-indent: -9999px; } #indNews #tabs ul.anchors li a#newsTab { width: 141px; height: 27px; margin: 0; padding: 0 1px 0 0; display: block; background: #fff url(../images/newsAndEvents/news.gif) no-repeat 0 -28px; } #indNews #tabs ul.anchors li a#newsTab:hover { background-position: 0 0; } #indNews #tabs ul.anchors li a#articlesTab { width: 141px; height: 27px; margin: 0; padding: 0; display: block; background: #fff url(../images/newsAndEvents/articles.gif) no-repeat 0 -28px; } #indNews #tabs ul.anchors li a#articlesTab:hover { background-position: 0 0; } #indNews #tabs ul.anchors .on a#newsTab, #newsAndEventsPage #tabs ul.anchors .on a#articlesTab, .anchors .on a { background-position: 0 0; border-bottom: 1px solid #DD6326; } #indNews #tabs #news #expandedNews { float: left; width: 550px; margin: 0; padding: 5px; background: #fff; } #indNews #tabs #news #newsArchives { float: left; width: 130px; margin: 0; padding: 5px; background: #fff; } #indNews #tabs #news #recentNews { float: left; width: 390px; margin: 0; padding: 5px; background: #fff; } #indNews #tabs #news #newsArchives h2 { margin: 5px 0 5px 5px; padding: 0; font-size: 12px; } #indNews #tabs #news #newsArchives h2 a { color: #4585B7; text-decoration: none; } #indNews #tabs #news #newsArchives h2 a:hover { text-decoration: underline; } #indNews #tabs #news #expandedNews h2 { margin: 5px 0 0 5px; padding: 0; font-size: 18px; line-height: 24px; font-weight: normal; } #indNews #tabs #news #recentNews h3 { margin: 5px 0; padding: 0; font-size: 12px; } #indNews #tabs #news #newsArchives ul { margin: 0; padding: 10px 0 0 15px; border-top: 1px solid #EBEBEA; } #indNews #tabs #news #newsArchives ul li a { font-weight: bold; color: #DD6326; text-decoration: none; } #indNews #tabs #news #newsArchives ul li a:hover { text-decoration: underline; } #indNews #tabs #news #recentNews div.recentNewsEntry { margin: 0; padding: 5px 0; border-top: 1px solid #EBEBEA; } #indNews #tabs #news #recentNews div.recentNewsEntry a { padding: 5px; text-decoration: none; color: #3D3D33; display: block; } #indNews #tabs #news #recentNews div.recentNewsEntry a:hover { background-color: #EBEBEA; } #indNews #tabs #news #expandedNews p { margin: 0 0 18px 5px; padding: 0; } #indNews #tabs #news #expandedNews p.date { margin: 12px 0 18px 5px; padding: 0; font-weight: bold; } #indNews #tabs #news #expandedNews p a { color: #4585B7; } #indNews #tabs #news #expandedNews p a:hover { text-decoration: none; } #indNews #tabs #news #expandedNews div.downloadArticle { margin: 0 0 18px 0; padding: 10px; background-color: #EBEBEA; border: 1px solid #DD6326; } #indNews #tabs #news #expandedNews div.downloadArticle a { color: #4585B7; } /* ///// END NEWS AND EVENTS PAGE CONTENT ///// */ /* ///// SKIN SCIENCES PAGE CONTENT ///// */ #skinScience #subNav ul { width: 250px; margin: 0; padding: 1px 0 0 0; text-align: left; list-style: none; background-color: #fff; border-top: 1px solid #CECECC; border-bottom: 1px solid #81895A; } #skinScience #subNav ul li { width: 250px; margin: 0; padding: 0; } #skinScience #subNav ul li a { width: 250px; margin: 0; padding: 0; text-indent: -9999px; outline: none; } #skinScience #subNav ul li a#subNavHeader { width: 250px; height: 40px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/skinScience-header.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavInstituteOverview { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/instituteOverview.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavInstituteOverview:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavInstituteOverview{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavInstituteOverview:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavClasses { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/classes.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavClasses:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavClasses{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavClasses:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavCoreClasses { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/coreClasses.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavCoreClasses:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavCoreClasses{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavCoreClasses:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavAdvancedClasses { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/advancedClasses.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavAdvancedClasses:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavAdvancedClasses{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavAdvancedClasses:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavMonthlyCalendar { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/monthlyCalendar.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavMonthlyCalendar:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavMonthlyCalendar{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavMonthlyCalendar:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavClassLocations { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/classLocations.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavClassLocations:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavClassLocations{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavClassLocations:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavFaculty { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/faculty.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavFaculty:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavFaculty{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavFaculty:hover { background-position: -251px 0; } #skinScience #subNav ul li a#subNavOn-SiteTraining { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/skinScienceSubNav/on-siteTraining.gif) no-repeat 0 0; } #skinScience #subNav ul li a#subNavOn-SiteTraining:hover { background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavOn-SiteTraining{ background-position: -251px 0; } #skinScience #subNav ul li.active a#subNavOn-SiteTraining:hover { background-position: -251px 0; } #skinScience #content h1#SIHeading { width: 490px; margin: 6px 0 1px 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/theInstituteOfSkinScience.gif) no-repeat 0 0; } #skinScience #content h1#MCHeading { width: 490px; margin: 6px 0 1px 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/monthlyCalendar.gif) no-repeat 0 0; } #skinScience #content h1#FacultyHeading { width: 490px; margin: 6px 0 1px 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/faculty.gif) no-repeat 0 0; } #skinScience #content h3 { margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 21px; color: #3D3D33; } #skinScience #content h4 { margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; color: #3D3D33; } #skinScience #content p { margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3D3D33; } #skinScience #content ul { margin: 6px 0 1px 24px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3D3D33; } #skinScience #content #contEd { font-size: 14px !important; margin: 12px 0; padding: 0 12px 12px; border: 1px solid #3D3D33; background: #efefef; } #skinScience #content p.overview { width: 490px; margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; color: #3D3D33; } #skinScience #content p.getAcrobat { padding: 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #8B8B85; } .padBottom { padding-bottom: 12px !important; } #skinScience #content dl { margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; color: #3D3D33; } #skinScience #content dl dt { font-weight: bold; } #skinScience #content table { width: 516px; margin: 25px 0 0 0; padding: 1px 0 0 0; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-family: Arial, Helvetica, sans-serif; color: #3D3D33; } #skinScience #content table.infoTable { margin: 7px 0 0 0; padding: 1px 0 0 0; } #skinScience #content table tr th { height: 25px; margin: 0; padding: 1px 5px; background-color: #EBEBEA; border-bottom: 1px solid #fff; font-size: 11px; line-height: 21px; font-weight: bold; } #skinScience #content table tr.productListing-rowheading { display: none; } #skinScience #content table tr th span#title { text-align: left; float: left; } #skinScience #content table tr th span#breadCrumbRight { text-align: right; float: right; font-weight: normal; } #skinScience #content table tr th span#breadCrumbLeft { text-align: left; float: left; font-weight: normal; } #skinScience #content table tr th span#listingInfo { text-align: left; float: left; font-weight: normal; } #skinScience #content table tr.featuredProducts td { width: 170px; margin: 0; padding: 1px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: center; font-size: 12px; line-height: 18px; } #skinScience #content table tr.featuredProducts td.centerCol { border-left: 1px solid #EBEBEA; border-right: 1px solid #EBEBEA; } #skinScience #content table tr.featuredProducts td img { margin: 0 0 5px 0; padding: 0; } /* CLASS LISTINGS */ #skinScience #content table tr.productListings td.productImage { width: 170px; margin: 0; padding: 25px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: center; } #skinScience #content table tr.productListing-odd td.productListing-data, #skinScience #content table tr.productListing-even td.productListing-data { border-top: 1px solid #EBEBEA; text-align: left; } #skinScience #content table tr.productListing-odd td.productListing-data h3, #skinScience #content table tr.productListing-even td.productListing-data h3 { margin: 25px 0 0 0; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold; } #skinScience #content table tr.productListing-odd td.productListing-data p, #skinScience #content table tr.productListing-even td.productListing-data p { margin: 6px 0; padding: 0; font-size: 12px; line-height: 18px; font-weight: normal; } #skinScience #content table tr.productListing-odd td.productListing-data p.available, #skinScience #content table tr.productListing-even td.productListing-data p.available { font-style: italic; font-weight: bold; } #skinScience #content table tr.productListing-odd td.productListing-data p.price, #skinScience #content table tr.productListing-even td.productListing-data p.price { color: #4585B7; } #skinScience #content table tr.productInfo td.productImage { width: 100px; margin: 0; padding: 25px 0 10px 0; border-top: 1px solid #EBEBEA; text-align: center; } #skinScience #content table tr.productInfo td.productOverview { margin: 0; padding: 1px 5px 10px 10px; border-top: 1px solid #EBEBEA; text-align: left; } #skinScience #content table tr.productInfo td.productOverview h3 { margin: 25px 0 0 0; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold; } #skinScience #content table tr.productInfo td.productOverview p { margin: 6px 0; padding: 0; font-size: 12px; line-height: 18px; font-weight: normal; } #skinScience #content table tr.productInfo td.productOverview p.available { font-style: italic; font-weight: bold; } #skinScience #content table tr.productInfo td.productOverview p.price { margin-bottom: 10px; color: #4585B7; } #skinScience #content table tr.productInfo td.productOverview p.buttonP { margin: 12px 0 6px 0; padding: 12px 0 0 0; font-weight: bold; border-top: 1px solid #EBEBEA; } #products #content table tr.productInfo td.productOverview img { margin: 10px 0 0 0; padding: 0; } #skinScience #content table a { color: #3D3D33; text-decoration: none; } #skinScience #content table tr th a:hover { color: #3D3D33; text-decoration: underline; } /* CALENDAR */ #skinScience #content table#calendar { margin: 10px 0 0 0 !important; } #skinScience #content table#calendar tr td { margin: 1px 0; padding: 1px 0; border-top: 1px solid #EBEBEA; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #skinScience #content table#calendar tr td div.dateCol { padding: 5px 0; text-align: center; width: 54px; } #skinScience #content table#calendar tr td div.date { font-size: 30px; } #skinScience #content table#calendar tr td div.day { font-size: 12px; font-weight: bold; } #skinScience #content table#calendar tr th { margin: 1px 0; padding: 1px 10px; border-top: 1px solid #EBEBEA; border-right: 1px solid #fff; border-bottom: 1px solid #EBEBEA; background: #3D3D33; color: #fff; text-align: left; } #skinScience #content table#calendar tr td ul { font-size: 11px; line-height: 14px; } #skinScience #content table#calendar tr td ul li { margin: 0; padding: 0 0 4px 0; } #skinScience #content table#calendar tr td ul li a { } #skinScience #content table#calendar tr td ul li a:hover { text-decoration: underline; } #skinScience #content table#calendar tr td.monthNav { margin: 1px 0; padding: 1px 0; border-top: 1px solid #EBEBEA; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 11px; line-height: 14px; text-align: right; } /* FACULTY */ #skinScience #content table#faculty { margin: 0 !important; border-top: none; } #skinScience #content table#faculty tr td { border-top: 1px solid #EBEBEA; } #skinScience #content table#faculty tr td.photo { margin: 0; padding: 10px 0; width: 165px; } #skinScience #content table#faculty tr td h3 { margin: 0; padding: 10px 0 0 0; width: 335px; font-size: 14px; } #skinScience #content table#faculty tr td p { margin: 0; padding: 10px 0 0 0; width: 335px; font-size:12px; line-height: 18px; } #skinScience #content table#faculty tr td p a { padding-bottom: 10px; color: #4585B7; font-weight: bold; text-decoration: underline; } #skinScience #content table#faculty tr td p a:hover { text-decoration: none; } #educators { } #bio { padding-bottom: 18px; } #bio h5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #3D3D33; margin-bottom: 0; } #bio ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3D3D33; margin: 0 0 18px; } .credImg { float: left; width: 200px; margin: 18px 15px 18px 0; } .credTxt { float: left; width: 300px; } .ed { float: left; width: 515px; border-top: 1px solid #EBEBEA; padding: 9px 0 18px; } /* .edImg { float: left; width: 200px; margin: 18px 15px 18px 0; } .edTxt { float: left; width: 300px; } */ .edImg { float: left; width: 130px; margin: 18px 15px 18px 0; } .edTxt { float: left; width: 370px; } .ed h4 { } .ed p { font-size:12px; line-height: 18px; padding-bottom: 9px; } .ed a { padding-bottom: 10px; color: #4585B7 !important; font-weight: bold; text-decoration: underline; } .ed a:hover { text-decoration: none; } .txtImg { padding: 18px 18px 36px; } /* ///// END SKIN SCIENCES PAGE CONTENT ///// */ /* ///// COMPANY PAGE CONTENT ///// */ #company #subNav ul { width: 250px; margin: 0; padding: 1px 0 0 0; text-align: left; list-style: none; background-color: #fff; border-top: 1px solid #f1c1a8; border-bottom: 1px solid #dd6326; } #company #subNav ul li { width: 250px; margin: 0; padding: 0; } #company #subNav ul li a { width: 250px; margin: 0; padding: 0; text-indent: -9999px; outline: none; } #company #subNav ul li a#subNavAboutUs { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/aboutUs.gif) no-repeat 0 0; } #company #subNav ul li a#subNavAboutUs:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavAboutUs{ background-position: -251px 0; } #company #subNav ul li.active a#subNavAboutUs:hover { background-position: -251px 0; } #company #subNav ul li a#subNavCareers { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/careers.gif) no-repeat 0 0; } #company #subNav ul li a#subNavCareers:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavCareers{ background-position: -251px 0; } #company #subNav ul li.active a#subNavCareers:hover { background-position: -251px 0; } #company #subNav ul li a#subNavCommunity { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/community.gif) no-repeat 0 0; } #company #subNav ul li a#subNavCommunity:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavCommunity{ background-position: -251px 0; } #company #subNav ul li.active a#subNavCommunity:hover { background-position: -251px 0; } #company #subNav ul li a#subNavEducationPartnerships { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/educationPartnerships.gif) no-repeat 0 0; } #company #subNav ul li a#subNavEducationPartnerships:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavEducationPartnerships{ background-position: -251px 0; } #company #subNav ul li.active a#subNavEducationPartnerships:hover { background-position: -251px 0; } #company #subNav ul li a#subNavPurchasingGlyMedPlus { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/purchasingGlyMed.gif) no-repeat 0 0; } #company #subNav ul li a#subNavPurchasingGlyMedPlus:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavPurchasingGlyMedPlus{ background-position: -251px 0; } #company #subNav ul li.active a#subNavPurchasingGlyMedPlus:hover { background-position: -251px 0; } #company #subNav ul li a#subNavSkinCareForPets { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/skinCareForPets.gif) no-repeat 0 0; } #company #subNav ul li a#subNavSkinCareForPets:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavSkinCareForPets{ background-position: -251px 0; } #company #subNav ul li.active a#subNavSkinCareForPets:hover { background-position: -251px 0; } #company #subNav ul li a#subNavTestimonials { width: 250px; height: 30px; margin: 0; padding: 0 0 1px 0; display: block; background: #fff url(../images/companySubNav/testimonials.gif) no-repeat 0 0; } #company #subNav ul li a#subNavTestimonials:hover { background-position: -251px 0; } #company #subNav ul li.active a#subNavTestimonials{ background-position: -251px 0; } #company #subNav ul li.active a#subNavTestimonials:hover { background-position: -251px 0; } #company #content h1#aboutUsHeading { width: 490px; margin: 6px 0 1px 0; padding: 0; text-indent: -9999px; background: #EBEBEA url(../images/text/aboutUsHDR.gif) no-repeat 0 0; } #company #content p { margin: 12px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3D3D33; } #company #content p.overview { width: 490px; margin: 21px 0 1px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; color: #3D3D33; } .topPadSmaller { margin-top: 12px !important; } #company #content h3 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #3D3D33; margin-bottom: -12px; margin-left: 0; padding-bottom: 0; padding-left: 0; } #company #content h4 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #3D3D33; margin-bottom: -12px; margin-left: 0; padding-bottom: 0; padding-left: 0; } .topPadBigger { margin-top: 12px; } .ltrHdr { margin-bottom: 24px !important; padding: 12px 0; border-top: 1px solid #EBEBEA; } .padImgs { padding: 10px 10px 5px 10px; } .testimonial { width: 515px; border-top: 1px solid #EBEBEA; padding: 9px 0; margin-top: 18px; } /* ///// END COMPANY PAGE CONTENT ///// */ /* ///// ONE COL CONTENT ///// */ #oneCol-lrg { font-family: Arial, Helvetica, sans-serif; color: #3D3D33; text-align: left; border-bottom: 1px solid #CECECC; } /* LOGIN FORM PAGE */ #oneCol-lrg h1 { margin: 10px 0; padding: 0; font-size: 18px; } #oneCol-lrg h2 { margin: 10px 0; padding: 0; font-size: 16px; } #oneCol-lrg h3 { margin: 10px 0; padding: 0; font-size: 14px; } #oneCol-lrg h4 { margin: 10px 0; padding: 0; font-size: 14px; } #oneCol-lrg caption { margin: 5px 0; padding: 0; text-align: left; } #oneCol-lrg table { margin: 5px 0; padding: 0; font-size: 12px; } #oneCol-lrg ul { margin: 5px 0 10px 24px; padding: 10px; font-size: 12px; } #oneCol-lrg ol { margin: 5px 0 10px 24px; padding: 10px; font-size: 12px; } #oneCol-lrg table tr th { margin: 0; padding: 5px 0; background-color: #CECECC; } #oneCol-lrg table tr td { margin: 0; padding: 5px 0; border-bottom: 1px solid #EBEBEA; } #oneCol-lrg p { margin: 10px 0; padding: 0; font-size: 12px; } #oneCol-lrg p.required { margin: 10px 0; padding: 0; color: #f00; } #oneCol-lrg form { margin: 0; padding: 10px; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-size: 12px; } #oneCol-lrg fieldset { margin: 0; padding: 10px 0; border: none; font-size: 12px; } #oneCol-lrg legend { margin: 0; padding: 0; font-weight: bold; font-size: 14px; } #oneCol-lrg label, #oneCol-lrg input { margin: 10px; padding: 2px; } #oneCol-lrg input.cartQuantity { margin: auto; padding: auto; vertical-align: middle; } #scButtons { margin: 5px 0; } #scCheckOut { float: right; margin: 5px 15px 5px 0; } #otsubtotal, #otshipping, #ottotal { float: left; } #scButtons input, #scButtons img, #scCheckOut img { margin: 5px; padding: 0; } #oneCol-lrg #newCust form { margin: 1px 0 0 0; padding: 10px; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-size: 12px; } #oneCol-lrg #newCust fieldset { margin: 0; padding: 0; border: none; } #oneCol-lrg #newCust legend { margin: 10px 0 0 0; padding: 0; font-weight: bold; } #oneCol-lrg #newCust label, #oneCol-lrg #newCust input { margin: 0; padding: 10px; } /* FORGOT PASSWORD PAGE */ #oneCol-lrg #passwordForgotten form { margin: 0; padding: 10px; border-top: 1px solid #EBEBEA; border-bottom: 5px solid #EBEBEA; font-size: 12px; } #oneCol-lrg #passwordForgotten fieldset { margin: 0; padding: 10px; border: none; } #oneCol-lrg #passwordForgotten legend { margin: 0; padding: 0; font-weight: bold; } #oneCol-lrg #passwordForgotten label, #oneCol-lrg #passwordForgotten input { margin: 10px 0; padding: 10px; } fieldset#contactUsForm { margin: 10px 0; padding: 10px 0; border-top: 1px solid #EBEBEA; font-size: 12px; } fieldset#contactUsForm ol { list-style: none; } fieldset#contactUsForm li { display: block; padding: 0 0 10px; } fieldset#contactUsForm label { display: block; font-weight: bold; } fieldset#contactUsForm label, fieldset#contactUsForm input, fieldset#contactUsForm select { margin: 0; padding: 2px; } fieldset#createAccountForm { margin: 10px 0; padding: 10px 0; border-top: 1px solid #EBEBEA; font-size: 12px; } fieldset#createAccountForm ol { list-style: none; } fieldset#createAccountForm li { display: block; padding: 0 0 10px; } fieldset#createAccountForm label { display: block; } fieldset#createAccountForm label, fieldset#createAccountForm input, fieldset#createAccountForm select { margin: 0; padding: 2px; } fieldset#createAccountForm .chkbxs label { display: inline; } form.pastOrders { border: none !important; border-bottom: 1px solid #EBEBEA; } form.pastOrders fieldset { margin: 10px 0; padding: 10px 0; border-top: 1px solid #EBEBEA !important; } fieldset#accountEdit, fieldset#accountNL { margin: 10px 0; padding: 10px 0; border-top: 1px solid #EBEBEA; font-size: 12px; } fieldset#accountEdit ol, fieldset#accountNL ol { list-style: none; } fieldset#accountEdit li, fieldset#accountNL li { display: block; padding: 0 0 10px; } fieldset#accountEdit label { display: block; font-weight: bold; } fieldset#accountEdit label, fieldset#accountEdit input, fieldset#accountEdit select, fieldset#accountNL label, fieldset#accountNL input, fieldset#accountNL select { margin: 0; padding: 2px; } fieldset#accountNL label { font-weight: bold; } #accnt { margin: 10px 0; padding: 10px 0; border-top: 1px solid #EBEBEA; font-size: 12px; } #accnt ol { list-style: none; } #accnt li { display: block; padding: 0 0 10px; } #accnt label { display: block; font-weight: bold; } #accnt label, #accnt input, #accnt select { margin: 0; padding: 2px; } .chkbxs label { display: inline !important; } #notifications fieldset { margin: 15px 0 5px; border-top: 1px solid #EBEBEA; } #notifications fieldset ol { list-style: none; } #notifications fieldset li { display: block; padding: 0 0 5px; } #addBook fieldset { margin: 10px 0; padding: 10px 0; border-top: 1px solid #EBEBEA; font-size: 12px; } #addBook fieldset ol { list-style: none; } #addBook fieldset li { display: block; padding: 0 0 10px; } #addBook fieldset label { display: block; } #addBook fieldset label, #addBook fieldset input, #addBook fieldset select { margin: 0; padding: 2px; } #addBook fieldset.chkbxs label { display: inline; } #addressBookDefaultPrimary { margin: 10px 0 25px; padding: 10px 15px 15px; border: 1px solid #EBEBEA; font-size:12px; } #addressBookDefaultPrimary address { margin-bottom:15px; } #orderTotals, #myAccountShipInfo, #myAccountPaymentInfo, #myAccountOrdersStatus { font-size: 12px; padding: 15px 0; } #orderDate { font-size: 12px; font-weight: bold; border: 1px solid #EBEBEA; padding: 5px; } #orderTotals { border: 1px solid #EBEBEA; padding-right: 5px; } #myAccountOrdersStatus h2 { padding: 15px 0 5px; } #myAccountShipInfo, #myAccountPaymentInfo { padding-bottom: 45px; } .accountTotalDisplay { text-align: right; padding-right: 5px !important; } #myAccountTotal { text-align: right; padding-right: 5px !important; } /* ///// END ONE COL CONTENT ///// */ /* ///// FOOTER ///// */ #footer { float: left; width: 800px; margin: 15px auto 10px auto; padding: 1px 0 25px; } *html #footer { } #spaPartner { float: left; width: 273px; margin: 0 0 0 10px; padding: 0; text-align: left; } #spaGraphic { margin: 5px 0; padding: 5px 0; border-top: 1px solid #CECECC; } *html #spaPartner { margin-left: 5px; } #textNav { float: left; width: 268px; margin: 22px 15px 0 15px; padding: 15px 0; border-top: 1px solid #CECECC; text-align: left; } *html #textNav { width: 260px; margin: 26px 15px 0 10px; } #textNav p { margin: 15px 0 0; padding: 0; } #textNav p, #textNav a, .asSeen, #merchantSeal a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3D3D33; text-decoration: none; } #textNav p a:hover { text-decoration: underline; } #footerLogos { float: left; width: 217px; margin: 22px 0 0 15px; padding: 15px 0; border-top: 1px solid #CECECC; } *html #footerLogos { width: 217px; margin: 26px 0 0 15px; } #footerLogos div.row { width: 468px; vertical-align: middle; } #aacs { width: 136px; margin: 0; padding: 0 40px; text-align: center; } *html #aacs { width: 130px; } #merchantSeal { width: 115px; margin: 0; padding: 15px 40px; text-align: center; } *html #merchantSeal { width: 115px; } #derma { float: left; width: 146px; margin: 25px 0 0; padding: 0; text-align: center; } *html #derma { float: right; width: 130px; margin-top: -50px; } #derma img { } .footer { font-family:Arial, Helvetica, sans-serif; } a.footer { color: #ffffff; font-size:12px; text-decoration: none; } a:hover.footer { color:#fff; text-decoration: underline; } /* ///// END FOOTER ///// */ a img {border: none; } a:link, #navEZPagesTOC ul li a { color: #3399FF; } a:visited { color: #3399FF; } a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover { color: #666666; } .addEntry { border: 1px solid #EBEBEA; margin: 0 0 5px 0; padding: 5px; font-size: 12px; } .sideBoxContent a:link { color: #000000; text-decoration: none; } .sideBoxContent a:visited { color: #000000; text-decoration: none; } .sideBoxContent a:hover { color: #666666; } .sideBoxContent a:active { color: #000000; } .legalCopyright a:link { color: #000000; text-decoration: none; } .legalCopyright a:visited { color: #000000; text-decoration: none; } .legalCopyright a:hover { color: #666666; } .legalCopyright a:active { color: #000000; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4, h5, h6, /*LABEL,*/ h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 1.0em; } .biggerText { font-size: 1.2em; } h1, h2, h3, h4, h5, h6 { margin: 0.3em; } CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; } P, ADDRESS { padding: 0.5em; } ADDRESS { font-style: normal; } .clearBoth { clear: both; } HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a; } /*warnings, errors, messages*/ .messageStackWarning img, .messageStackError img, .messageStackSuccess img, .messageStackCaution img { display: none; } .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { margin: 5px 0; padding: 5px; border: none; border-top: 1px solid #EBEBEA; border-bottom: 1px solid #EBEBEA; font-size: 14px; } .messageStackWarning, .messageStackError { background-color: #FFFFFF; color: #f00; } .messageStackSuccess { background-color: #FFFFFF; color: #3D3D33; } .messageStackCaution { background-color: #000000; color: #ff6; } /*wrappers - page or section containers*/ #mainWrapper { background-color: #ffffff; text-align: left; width: 100%; vertical-align: top; } #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0em; padding: 0em; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: 0 auto; } /*#tagline { color:#9ACDFF; font-size: 2em; text-align : center; vertical-align: middle; } */ #sendSpendWrapper { border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; } .wrapperAttribsOptions { margin: 0.3em 0em; } /*navigation*/ .navSplitPagesResult {} .navSplitPagesLinks {} .navNextPrevCounter { margin: 0em; font-size: 0.9em; } .navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; } #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper { margin: 0em; background-color: #9ACDFF; font-weight: bold; color: #000000; height: 1%; width: 100%; } #navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0.5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; } #navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; white-space: nowrap; } #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #ffffff; } #navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; border: 1px solid #000000; } #navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; } #navEZPagesTOC ul li { white-space: nowrap; } #navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; } #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; } #navBreadCrumb { background-color: #3399FF; color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; padding: 10px; } #navBreadCrumb a:link { color: #FFFFFF; text-decoration: none; } #navBreadCrumb a:visited { color: #FFFFFF; text-decoration: none; } #navBreadCrumbt a:hover { color: #000000; } .#navBreadCrumb a:active { color: #FFFFFF; } #navEZPagesTop { background-color: #CCCCCC; } #navBreadCrumb, #navEZPagesTop { font-size: 1.0em; font-weight: bold; margin: 0em; padding: 0.2em .5em; } #navColumnOne { background-color: #FFFFFF; margin-top: 0px; } #navColumnTwo { background-color: #FFFFFF; } /*The main content classes*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } .content, #productDescription, .shippingEstimatorWrapper { /*font-size: 1.2em;*/ padding: 0 15px; line-height: 20px; } .alert { color: #FF0000; margin-left: 0.5em; } .advisory {} .important { font-weight: bold; } .notice { padding: 15px; } .rating{} .gvBal { float: right; } .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.8em; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; } /*Shopping Cart Display*/ #cartAdd { } .tableHeading TH { border-bottom: 1px solid #cccccc; } .tableHeading, #cartSubTotal { background-color: #e9e9e9; } #cartSubTotal { border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; } .tableRow, .tableHeading, #cartSubTotal { height: 2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; } .scProductsHeading, .scTotalHeading, .cartProductDisplay { text-align: center; } .cartUnitDisplay, .cartTotalDisplay { text-align: center; padding-right: 0.2em; } #scUpdateQuantity { width: 2em; } .cartQuantity { width: 4.7em; } .cartNewItem { color: #33CC33; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { color: #660099; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align: left; font-weight: bold; } .cartRemoveItemDisplay { width: 3.5em; } #cartAttribsList { margin-left: 1em; } #mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; } .normalprice, .productSpecialPriceSale { text-decoration: line-through; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #ff0000; } #cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; } #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; } .totalBox { width: 5.5em; text-align: right; padding: 0.2em; } .lineTitle, .amount { text-align: right; padding: 0.2em; } .amount { width: 5.5em; } /*Image Display*/ #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } .categoryIcon {} #cartImage { margin: 0.5em 1em; } /*Attributes*/ .attribImg { width: 20%; margin: 0.3em 0em; } .attributesComments {} /*list box contents*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; } /*sideboxes*/ .columnLeft {} h3.leftBoxHeading, h3.leftBoxHeading a { font-size: 1em; color: #ffffff; } .leftBoxHeading, .centerBoxHeading { /*margin-top: 0em; background-color: #9ACDFF; padding: 0.5em; */ margin: 0em; background-color: #9ACDFF; padding: 0.2em 0em; } .leftBoxContainer { border: 1px solid #ffffff; margin-top: 0em; } .sideBoxContent { background-color: #ffffff; padding: 0.4em; } h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 1.0em; color: #FFFFFF; } .rightBoxHeading { margin: 0em; background-color: #9ACDFF; padding: 0.2em 0em; } h3.leftBoxHeading a:hover { color: #333333; text-decoration: none; } h3.rightBoxHeading a:hover { color: #333333; text-decoration: none; } .rightBoxContent { background-color: #ffffff; margin-bottom: 1em; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align: center; } #bestsellers .wrapper { margin: 0em 0em 0em 1.5em; } #bestsellers ol { padding: 0; margin-left: 1.1em; } #bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; } #bannerboxHeading { background-color: #0000CC; } #upProductsHeading { text-align: left; } #upDateHeading { text-align: right; } /*misc*/ .back { float: left; } .forward { float: right; } .bold { font-weight: bold; } .rowOdd { background-color: #E8E8E8; height: 1.5em; vertical-align: top; } .rowEven { background-color: #F0F0F0; height: 1.5em; vertical-align: top; } CAPTION { /*display: none;*/ } #myAccountGen li, #myAccountNotify li { margin: 0; } .accountTotalDisplay, .accountTaxDisplay { width: 20%; } .accountQuantityDisplay { width: 10%; vertical-align: top } TR.tableHeading { background-color: #cacaca; height: 2em; } #siteMapList { width: 90%; float: right; } .ratingRow { margin: 1em 0em 1.5em 0em; } LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp { background-color: #ffffff; } /* This is the CSS needed for the Order Steps */ div.order_steps { /* Is needed for the centering in IE */ width: 100% padding: 0px; margin: 0px; margin-top: 10px; text-align: center; } table.order_steps { margin-left: auto; margin-right: auto; width: 100%; /* Here you can set the total width */ padding-bottom: 10px; } tr.order_steps_line_2 { height: 5px; /* Is a part in determining the height of the line */ padding: 0px; margin: 0px; } tr.order_steps_line_3 { height: 1px; /* Is a part in determining the height of the line shadow */ padding: 0px; margin: 0px; } td.progressbar_active { background-color: #3DA200; /* Determines the active color of the completed part of the line */ width: 25%; padding: 0px; margin: 0px; } td.progressbar_inactive { width: 25%; background-color: #9A9A9A; /* Determines the non-active color of the uncompleted part of the line */ padding: 0px; margin: 0px; } td.progressbar_active_shadow { background-color: #346C00; /* Determines the non-active color of the completed part of the line shadow */ width: 25%; padding: 0px; margin: 0px; } td.progressbar_inactive_shadow { width: 25%; background-color: #666666; /* Determines the non-active color of the uncompleted part of the line line*/ padding: 0px; margin: 0px; } td.order_steps_text { text-align: center; vertical-align: top; color: #A7A7A7; /* Determines the non-active color of the text */ padding-bottom: 5px; /* Determines the distance between the text and the line */ } td.order_steps_text_completed { text-align: center; vertical-align: top; color: #8DB18D; /* Determines the non-active color of the text steps that have been completed*/ padding-bottom: 10px; /* Determines the distance between the text and the line */ } td#active_step_text { /* These are the styles for the active text */ color: #005C2C; font-weight: 700; font-size: 1.1em; }