/* -- HTML Element Styling -- */ * { padding: 0px; margin: 0px; font-family: "Optima", Helvetica, Arial, Verdana, sans-serif; color: #000; } hr { margin: 10px 10px 15px 10px; border: none; background: #ccc; height: 1px; width: 98%; } hr.store { margin: 15px 10px 15px 10px; } hr.float-left { float: left; margin: 0px 0px 0px 10px; } ul { width: 850px; margin-left: 25px; } ul.client { margin-bottom: 15px; } ul.client > li { margin: 2px 0px 2px 25px; } /* li { width: 850px; margin-left: 25px; } */ /* -- Div Boxes -- */ #all-content-wrapper { width: 952px; margin: 10px auto 10px auto; } #header-box { margin: 0px 15px 0px 15px; } #banner-box { position: relative; border: 1px solid #666; height: 300px; background: #3c2012; } #main-content { float: left; background-color: #f6e4c1; border: 1px solid #b4b4b4; padding: 0px 0px 15px 0px; } #footer-box { float: left; margin: 5px; width: 100%; background-color: #fff; text-align: center; } #one-col { float: left; width: 950px; } #two-col-left { float: left; width: 730px; } #two-col-right { float: right; width: 220px; } #three-col-left { float: left; width: 314px; border-right: 1px solid #333; margin-top: 10px; } #three-col-middle { float: left; width: 314px; border-right: 1px solid #333; margin-top: 10px; } #three-col-right { float: left; width: 315px; margin-top: 10px; } #store-sidebar { float: left; width: 250px; margin: 10px 0px 10px 0px; } #store-maincontent { float: right; width: 664px; border-left: 1px solid #333; margin: 10px 0px 10px 0px; } #store-catalogpane { float: right; width: 715px; } #spacer { height: 25px; } html>body #spacer { height: 0px; } #store-header { margin: 10px 5px; border: none; border-bottom: 1px solid #b2b2b2; } #cart-button-row { padding: 5px 0px 5px 0px; margin-right: 30px; text-align: right; } #shipping-info { display: none; } /* -- Div Classes -- */ .header-links { float: right; font-size: 14pt; } .banner-text { width: 100%; position: absolute; bottom: 0px; background-color:#ffffff; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.85; } .banner-text p { font-size: 13pt; } .content-box { float: left; background-color: #fff; border: 1px solid #b4b4b4; margin: 10px 15px 10px 15px; } #store-catalogpane .content-box { float: left; background-color: #fff; border: 1px solid #b4b4b4; margin: 10px 15px 10px 15px; min-width: 670px; max-width: 680px; min-height: 160px; } .item-box { margin: 0px 10px 0px 10px; min-height: 270px; width: 95%; border-bottom: 1px solid #666; } .program-desc h2, .program-desc h3 { font-family: "Optima", Helvetica, Arial, Verdana, sans-serif; } .detail-pane .content-box{ float: right; margin: 15px 10px 10px 0px; width: 325px; } .image-pane { display: none; } .image-pane { float: none; margin: 15px 10px 10px 10px; } #DOMWindow .image-pane img { float: none; } .search-result { padding: 10px 0px 5px 0px; margin: 5px 10px 5px 10px; border: none; border-top: 1px solid #b2b2b2; } /* -- Menu Styling, v.2 -- */ #top-nav { margin: 10px 0px 10px 0px; } #nav-bar { margin: 0px; padding: 0px; width: 950px; height: 40px; background-color: #644a31; border: 1px solid #b4b4b4; } #nav-bar ul { margin: 0px; padding: 0px; } #nav-bar ul li { position: relative; border-right: 1px solid #b4b4b4; float: left; height: 40px; margin: 0px; padding: 0px; list-style-type: none; z-index: 3000; } #nav-bar ul li:hover { background-image: url('../images/uploads/site_images/menu-bg-hover.jpg'); background-position: left bottom; background-repeat: repeat-x; text-decoration: none; } #nav-bar-active { background-image: url('../images/uploads/site_images/menu-bg-hover.jpg'); background-position: left bottom; background-repeat: repeat-x; text-decoration: none; } #nav-bar ul li a, #nav-bar ul li a:active, #nav-bar ul li a:visited, #nav-bar ul li a:hover { float: left; margin: 7px 0px 0px 0px !important; padding: 0px 20px 20px 20px; font-family: Times, "Times New Roman", serif; font-size: 15pt; color: #fff; text-decoration: none; } #nav-bar ul.submenu { display: none; position: absolute; top: 41px; left: -1px; clear: left; float: left; width: 100%; z-index: 2000; } #nav-bar ul.submenu li { display: block; clear: left; float: left; margin: 0px; padding: 0px; width: 100%; height: 100%; z-index: 1000; background-color: #fff; border: 1px solid #666; border-top: none; text-align: left !important; } #nav-bar ul.submenu li:hover { background-image: none; background-color: #f6e4c1; } #nav-bar ul.submenu li a, #nav-bar ul.submenu li a:active, #nav-bar ul.submenu li a:visited { font-family: "Optima", Helvetica, Arial, Verdana, sans-serif; font-size: 12pt; color: #3c2012; margin: 0px 0px 0px 0px !important; padding: 10px; text-align: left; z-index: 500; } #nav-bar ul.submenu li a:hover { text-decoration: none; } #store-menu { float: left; width: 235px; } #store-menu ul { margin: 10px 0px 0px 15px; width: auto; } #store-menu ul li { position: relative; top: 0px; width: 200px; height: 20px; padding: 5px 10px 5px 10px; border: 1px solid #b4b4b4; border-bottom: none; background-color: #644a31; list-style-type: none; } #store-menu ul li.last { border-bottom: 1px solid #b4b4b4; } #store-menu ul li a, #store-menu ul li a:active, #store-menu ul li a:visited { font-size: 13pt; color: #fff; /*margin: 10px 10px 0px 10px; padding: 0px;*/ text-decoration: none; } #store-menu ul li:hover { background-image: url('http://ee-sandbox.clinicalworkshops.com/images/uploads/site_images/menu-bg-hover.jpg'); background-position: left bottom; background-repeat: repeat-x; text-decoration: none; } /* -- Catalogue Boxes -- */ #product-wrapper { width: 155px; height: 335px; float: left; padding: 10px 0px 10px 10px; } #product-box { position: relative; border: 1px solid #b2b2b2; padding: 10px 10px 10px 10px; background-color: #be9773; height: 315px; z-index: 10; } /* -- Font Styling -- */ h1, h2, h3 { font-family: Times, "Times New Roman", serif; font-weight: lighter; padding: 0px; } h1 a, h1 a:active, h1 a:visited { color: #3c2012; text-transform: lowercase; font-family: Times, "Times New Roman", serif; font-weight: lighter; font-size: 30pt; text-decoration: none; } h3.item-title a, h3.item-title a:active, h3.item-title a:visited { color: #3c2012; font-family: Times, "Times New Roman", serif; font-weight: lighter; font-size: 16pt; text-decoration: underline; } h3.item-title a:hover { color: #000; } h2, h3 { color: #000; } h2 { font-size: 20pt; margin: 15px 15px 0px 15px; } h2.main-page { color: rgb(82, 62, 62); margin: 15px 15px 0px 8px; } h3 { font-size: 14pt; margin: 15px; } h3.sans-serif { font-size: 14pt; margin: 15px; font-weight: bolder; } h3.main-page { font-size: 16pt; margin: 8px 15px 0px 10px; color: rgb(82, 62, 62); letter-spacing: 1px; } p { margin: 15px; font-size: 11pt; line-height: 140%; } p.serif { font-family: Times, "Times New Roman", serif; font-weight: lighter; margin: 15px; line-height: 125%; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; } p.indent { margin-left: 30px; } font.thumb-text { font-size: 13pt; } #store-header p { margin: 5px; color: #644a31; font-weight: bold; } #store-header p.right { float: right; margin: 0px 5px 0px 0px; } #store-header p.right a { margin: 0px; padding: 0px; text-decoration: underline; font-weight: normal; } #store-header p.right a:hover { text-decoration: underline; } #store-header p.right a.selected { text-decoration: none; font-weight: bold; } .download-links p { margin-left: 25px !important; color: #644a31; } .download-links p em { color: #644a31; } font.required { font-weight: bold; color: #70371a; } font.banner-small { font-weight: normal; font-size: 8.5pt; } .banner-text p.serif, .banner-text p { margin: 7px 10px 7px 10px; } .search-result p { margin: 3px 10px 3px 10px; } /* -- Link Styling -- */ a { } a.header-links, a.header-links:active, a.header-links:visited { clear: right; float: none; color: #3c2012; font-family: Times, "Times New Roman", serif; font-size: 13pt; font-variant: small-caps; text-decoration: none; } a.header-links:hover { color: #3c2012; text-decoration: underline; } a.title-link { font-weight: bold; font-size: 13pt; } a.popup-window { font-weight: bolder; font-size: 14pt; /*margin: 0px 10px 0px 10px;*/ color: #fff; text-decoration: none; } a.popup-window:hover { text-decoration: underline; } a.product-title { font-weight: bolder; font-size: 14pt; /*margin: 0px 10px 0px 10px;*/ color: #fff; text-decoration: none; } a.product-title:hover { text-decoration: underline; } #item-image a.popup-window { font-size: 11pt; font-weight: normal; color: #644a31; text-decoration: none; } #item-image a.popup-window:hover { text-decoration: underline; } a.popup-close { position: absolute; top: 5px; right: 5px; margin: 0px; font-size: 13pt; font-weight: bolder; color: #644a31; text-decoration: none; } a.popup-close:hover { text-decoration: none; } a.view-details { font-size: 11pt; color: #fef2d8; text-decoration: none; } a.view-details:hover { text-decoration: underline; } a.view-larger { margin: 0px 0px 0px 10px; clear: left; float: left; font-size: 11pt; color: #644a31; text-decoration: none; width: 155px; } a.detail-return { margin: 0px 0px 0px 10px; clear: left; float: left; font-size: 11pt; color: #644a31; text-decoration: none; } a.view-larger:hover { text-decoration: underline; } a.cart-tally { font-size: 14pt; color: #644a31; font-weight: lighter; text-decoration: none; } a.cart-tally:hover { text-decoration:underline !important; } /* -- List Styling -- */ #DOMWindow ul { width: 290px; } #DOMWindow ul li { list-style-position: outside; list-style-type: circle; width: 285px; } #store-catalogpane .content-box ul li { list-style-position: inside; list-style-type: circle; max-width: 630px; } .search-result ul { padding: 3px 5px 3px 5px; } .search-result ul li { float: none; list-style-position: inside; list-style-type: circle; max-width: 610px; } /* -- Image Styling -- */ img { border: 1px solid #666; margin: 15px; } img.banner { border: none; margin: 0px; } img.item-thumb { clear: left; float: left; margin: 0px 10px 0px 10px; padding: 0px; border: 1px solid #999; } img.product-thumb { border: 1px solid #666; margin: 0px; } #DOMWindow img { float: left; margin: 15px 10px 10px 10px; } #item-image { float: left; margin: 10px 15px 15px 10px; display: block; } .item-image-front { margin: 10px 15px 15px 15px; display: block; text-align: center; } #item-image img { } /* -- Form Styling -- */ select.media-type { margin: 3px 2px 3px 2px; font-size: 11pt; width: 150px; } input.submit-button { padding: 5px; border: 1px solid #b4b4b4; background-color: #be9773; color: #3c2012; font-size: 12pt; } input.submit-button:hover { background-color: #f6e4c1; } input.submit-button-disabled { padding: 5px; border: 1px solid #b4b4b4; background-color: #f6e4c1; color: #737272; font-size: 12pt; display: none; float: left; } a.submit-button { padding: 5px; border: 1px solid #b4b4b4; background-color: #be9773; color: #3c2012; font-size: 12pt; text-decoration: none; } a.submit-button:hover { background-color: #f6e4c1; text-decoration: none; } select.media-type { padding: 5px; border: 1px solid #b4b4b4; } option.media-type { font-size: 12pt; color: #3c2012; } input.textfield { border: 1px solid #b4b4b4; color: #3c2012; font-size: 12pt; } #cart-button-row input.textfield { float: right; margin: 0px 0px 0px 10px; } input.textfield-required { border: 1px solid #b4b4b4; color: #3c2012; font-size: 12pt; background-color: #dfa96e; } /* -- Table Styling -- */ .cart-list { width: 645px; border-spacing: 0px 2px; margin: 0px 10px 0px 10px; } .cart-list tr td { border: 1px solid #ccc; border-left: none; border-right: none; padding: 5px; } .cart-list tr td.item-thumb { width: 63px; border-left: 1px solid #ccc; } .cart-list tr td.item-title { width: auto; } .cart-list tr td.item-type { width: 105px; } .cart-list tr td.item-price { width: 75px; border-right: 1px solid #ccc; } .cart-list tr td.item-qty { width: 80px; } .cart-list tr td.ie7-item-spacer { margin: 0px; padding: 0px; height: 1px; } .client-list { width: 645px; border-spacing: 0px 2px; margin: 0px 10px 0px 10px; } .client-list tr td { border: 1px solid #ccc; border-left: none; border-right: none; padding: 5px; } .client-list tr.not-new td { color: #333; background-color: #eee; } .client-list tr.not-new td a, .client-list tr.not-new td a:visited, .client-list tr.not-new td a:active { color: #666; } .client-list tr.header td { border: 1px solid #ccc; border-left: none; border-right: none; padding: 5px; color: #666; font-weight: bolder; }