form { margin: 0;   } table { width: auto; margin: 0; } th, td, table { border: none; } th, td { padding: 0; vertical-align: top; } table.radio-button-table td { padding: 3px 5px; vertical-align: top; } .product-list table { border: solid 1px #999; border-width: 1px 0 0 1px; border-collapse: collapse;  } .product-list table td { border: solid 1px #999; border-width: 0 1px 1px 0; padding: 3px;   } .product-list .product-summary table { border: 0; } .product-list .product-summary table td { border: 0; padding: 0; } a.top-menu-selected { background-color: #7d3e97; background-image: -webkit-gradient(linear, left top, left bottom, from(#ad85bd), to(#7d3e97)); background-image: -webkit-linear-gradient(top, #ad85bd, #7d3e97); background-image: -moz-linear-gradient(top, #ad85bd, #7d3e97); background-image: -ms-linear-gradient(top, #ad85bd, #7d3e97); background-image: -o-linear-gradient(top, #ad85bd, #7d3e97); background-image: linear-gradient(top, #ad85bd, #7d3e97); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ad85bd, endColorstr=#7d3e97);    } .col-200 { width: 21.9149%; display: inline; margin-right: 2.12766%; } .col-720 { width: 75.9574%; display: inline; margin-right: 2.12766%; } .page .widget-wrapper .widget-title h3, .blog .widget-wrapper .widget-title h3, .single-post .widget-wrapper .widget-title h3 { line-height: 20px; padding: 15px; } .widget_pages ul li a:hover{ background: #ad85bd  !important; color: white; } #wrapper { padding-top: 20px; } #widgets { margin-top: 0; } .sd-content h1 { font-size: 1.5em; line-height: 1.3em; } .sd-content h2 { font-size: 1em; } .section-description { padding-bottom: 1em; } .product-summary-list { } .product-summary { float: left; width: 310px; height: 200px; padding: 10px; overflow: hidden; margin: 0 5px 20px 0; background: #f9f9f9; border-radius: 0.5em; } .product-summary-image { float: left; width: 150px; margin-right: 10px; } .product-summary-image img { border: solid 1px #ddd; } .product-summary-content { float: left; width: 150px; } .product-summary-content h2 { margin-top: 0.25em; line-height: 1.3em; } .product-summary-description { font-size: 0.8em; line-height: 1.4em; clear: both; } .product-summary-price, .product-details-price { font-weight: bold; margin-bottom: 0.5em; } .product-summary-options { margin-bottom: 0.5em; font-size: 0.8em; } .product-summary-actions { } .button-wrapper { float: left; margin-right: 10px; } .product-details-left { width: 280px; float: left; } .product-details-right { width: 300px; float: right; } .product-details-price { font-weight: bold; font-size: 1.1em; margin-bottom: 0.75em; } .quantity-box { margin-bottom: 0.75em; } .product-details-options, .product-details-discounts { margin-bottom: 0.75em; } .mobile-only-image { display: none; } input.cart-button { background-color: #7d3e97; background-image: -webkit-gradient(linear, left top, left bottom, from(#ad85bd), to(#7d3e97)); background-image: -webkit-linear-gradient(top, #ad85bd, #7d3e97); background-image: -moz-linear-gradient(top, #ad85bd, #7d3e97); background-image: -ms-linear-gradient(top, #ad85bd, #7d3e97); background-image: -o-linear-gradient(top, #ad85bd, #7d3e97); background-image: linear-gradient(top, #ad85bd, #7d3e97); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ad85bd, endColorstr=#7d3e97); border: 1px solid #7d3e97; color: #fff; text-shadow: 0 1px 0 #666; } input.cart-button:hover { background-color: #9b60b3; background-image: -webkit-gradient(linear, left top, left bottom, from(#caaed5), to(#9b60b3)); background-image: -webkit-linear-gradient(top, #caaed5, #9b60b3); background-image: -moz-linear-gradient(top, #caaed5, #9b60b3); background-image: -ms-linear-gradient(top, #caaed5, #9b60b3); background-image: -o-linear-gradient(top, #caaed5, #9b60b3); background-image: linear-gradient(top, #caaed5, #9b60b3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#caaed5, endColorstr=#9b60b3); border: 1px solid #9b60b3; color: #fff; text-shadow: 0 1px 0 #666; } input.small-cart-button { background-color: #7d3e97; background-image: -webkit-gradient(linear, left top, left bottom, from(#ad85bd), to(#7d3e97)); background-image: -webkit-linear-gradient(top, #ad85bd, #7d3e97); background-image: -moz-linear-gradient(top, #ad85bd, #7d3e97); background-image: -ms-linear-gradient(top, #ad85bd, #7d3e97); background-image: -o-linear-gradient(top, #ad85bd, #7d3e97); background-image: linear-gradient(top, #ad85bd, #7d3e97); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ad85bd, endColorstr=#7d3e97); border: 1px solid #7d3e97; color: #fff; text-shadow: 0 1px 0 #666; font-size: 10px; padding: 3px 6px; } input.small-cart-button:hover { background-color: #9b60b3; background-image: -webkit-gradient(linear, left top, left bottom, from(#caaed5), to(#9b60b3)); background-image: -webkit-linear-gradient(top, #caaed5, #9b60b3); background-image: -moz-linear-gradient(top, #caaed5, #9b60b3); background-image: -ms-linear-gradient(top, #caaed5, #9b60b3); background-image: -o-linear-gradient(top, #caaed5, #9b60b3); background-image: linear-gradient(top, #caaed5, #9b60b3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#caaed5, endColorstr=#9b60b3); border: 1px solid #9b60b3; color: #fff; text-shadow: 0 1px 0 #666; } .tab-area { clear: both; position: relative;	 } ul.tabs { padding: 0; margin: 0; list-style: none; height: 30px; } ul.tabs li { display: inline;	 } ul.tabs li a { display: block; margin-right: 3px; color: #666; float: left; line-height: 29px; border: solid 1px #afadad; padding: 0 8px; background: #f6f6f6; border-bottom: 0; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; } ul.tabs li a.selected { line-height: 30px; background: #fff; border-bottom: solid 1px #fff; } ul.tabs li a:hover { background: #fff; text-decoration: none; } .tab-contents-here { border: solid 1px #afadad; padding: 15px; margin: 0 0 15px; -moz-border-radius: 10px; border-radius: 10px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; } .tabcontent{ display: none; } @media print { .tabcontent { display:block !important; } } .product-details-options, .product-details-discounts, .tab-content { font-size: 0.9em; }  .quantity-box input { width: 50px; } .breadcrumb { padding: 10px; background-color: #f6f6f6; margin-bottom: 1.5em; width: auto; overflow: hidden; } .breadcrumb ul { list-style: none; padding: 0; margin: 0; } .breadcrumb ul li { float: left; font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif; /*   height: 20px; */ } .breadcrumb ul li a { color: #333; } .breadcrumb ul li a:hover { color: #7d3e97; text-decoration: underline; } .related-items { clear: both; } .related-items .product-summary { width: 170px; height: 280px; position: relative; } .related-items .product-summary-image { float: none; margin: none; } .related-items .product-summary-content { width: auto; } .related-items h2 { font-size: 1em; font-weight: normal; } .read-more-link a { display: block; background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background-image: -webkit-linear-gradient(top, #f6f6f6, #ddd); background-image: -moz-linear-gradient(top, #f6f6f6, #ddd); background-image: -ms-linear-gradient(top, #f6f6f6, #ddd); background-image: -o-linear-gradient(top, #f6f6f6, #ddd); background-image: linear-gradient(top, #f6f6f6, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#dddddd); border: 1px solid #dddddd; color: #333; text-shadow: 0 1px 0 #ccc; padding: 3px 6px; position: absolute; bottom: 10px; left: 10px; text-align: center; } .read-more-link a:hover { display: block; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee)); background-image: -webkit-linear-gradient(top, #f6f6f6, #eee); background-image: -moz-linear-gradient(top, #f6f6f6, #eee); background-image: -ms-linear-gradient(top, #f6f6f6, #eee); background-image: -o-linear-gradient(top, #f6f6f6, #eee); background-image: linear-gradient(top, #f6f6f6, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#eeeeee); border: 1px solid #eee; color: #333; text-shadow: 0 1px 0 #ccc; } .more-info .read-more-link a { padding: 1px; position: relative; bottom: 0; left: 0; margin: 10px auto 0; width: 70px; font-size: 11px; } .section-header { margin-bottom: 0.8em; padding-bottom: 0.8em; border-bottom: dotted 1px #666; } .header-fragment { width: 100%; overflow: hidden; margin-bottom: 0.8em; padding-bottom: 0.8em; border-bottom: dotted 1px #666; } .header-fragment h2 { font-size: 1.3em; } .header-fragment-right { float: right; margin: 0 0 1em 1em; } .main-header-fragment { overflow: hidden; margin-bottom: 0.8em; padding: 0.8em; background: #a376b5; color: #fff; -moz-border-radius: 10px; border-radius: 10px; } .main-header-fragment .header-fragment-right { margin-bottom: 0; } .main-header-fragment h1 { color: #fff; } .main-header-fragment a { color: #fff; text-decoration: underline; } .alh-section-link { float: left; width: 180px; height: 190px; text-align: center; margin: 15px 15px; border: solid 1px #ddd; border-radius: 10px; padding: 10px } .alh-section-link:hover { background: #f6f6f6; } .alh-section-link-image { height: 100px; margin-bottom: 0.5em; } .alh-section-link-description { font-size: 0.9em; line-height: 1.2em; } /* ---- home page ---- */ .slideshow { margin: 0 0 15px; background: url('slideshow-loading.png') no-repeat; } .home-left { float: left; max-width: 600px; margin-right: 10px; } .home-right { float: right; width: 33%; } .home-item { padding: 15px; margin-bottom: 15px; background: #f6f6f6; clear: both; } .sidebar-alt-bg { background: #eee; } .sidebar-no-bg { background: #fff; padding: 0; } .home-item h1 { font-weight: normal; font-size: 20px; margin: 0; padding: 0; } .home-item p { margin: 0; padding: 15px 0 0; } .home-item a.information-more-link { font-size: 20px; } .home-hero { float: left; width: 195px; height: 150px; margin: 0 5px 10px 0; } .home-hero h1 { font-size: 13px; margin: 0; padding: 0; } a.home-hero-image { display: block; background: #f6f6f6; border: solid 1px #ddd; height: 103px; padding: 5px; margin-bottom: 2px; } a.home-hero-image:hover { background: #eee; } a.home-hero-image img { border: solid 1px #ddd; height: 101px; overflow: hidden; } .welcome-message { padding: 15px; margin-bottom: 15px; background: #f6f6f6; clear: both; /* float: left; */ /* width: 60%; */ } .welcome-message h1 { font-weight: normal; font-size: 20px; margin: 0; padding: 0; } .welcome-message p { margin: 0; padding: 15px 0 0; } .home-lhc { /* float: left; */ /* width: 60%; */ overflow: hidden; padding: 5px 15px 15px; /* margin-right: 10px;  */ margin-bottom: 15px; background-color: #90c845; background-image: -webkit-gradient(linear, left top, left bottom, from(#90c845), to(#d5eab9)); background-image: -webkit-linear-gradient(top, #90c845, #d5eab9); background-image: -moz-linear-gradient(top, #90c845, #d5eab9); background-image: -ms-linear-gradient(top, #90c845, #d5eab9); background-image: -o-linear-gradient(top, #90c845, #d5eab9); background-image: linear-gradient(top, #90c845, #d5eab9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90c845, endColorstr=#d5eab9); } .lhc-heading { margin-bottom: 15px; } .home-lhc ul { margin: 0; padding: 0; /* float: left; */ list-style: none; /* width: 280px;  */ } .home-lhc ul li { padding: 6px 0 6px 35px; background: url('lhc-bullet.png') left no-repeat; } .home-lhc form { /* float: left; */ /* width: 268px; */ } .lhc-field { margin-bottom: 5px; } .lhc-field input { width: 270px; } .lhc-submit { text-align: center; } /* sidebar information */ .sidebar-content p { padding: 7px 15px; margin: 0; border-bottom: dotted 1px #7d3e97; } .sidebar-content h4 { padding: 7px 10px; font-size: 1em; margin: 0; border-bottom: dotted 1px #7d3e97; } .sidebar-videos p { text-align: center; } /* ---- footer ---- */ .alh-footer { background: white; padding: 1em; margin-top: 1em; border: solid 1px #ddd; border-radius: 0.25em; } .bulletarea { float: left; width: 200px; } .bulletarea h3 { font-size: 15px; } .bulletarea ul { padding: 0; margin: 0; list-style: none; font-size: 0.9em; } .footer-right { float: right; text-align: right; } /* sellerdeck search */ input.quick-search-field { width: 185px !important; box-shadow: none !important; font-family: 'Open Sans', Helvetica, Arial, sans-serif; background: none !important; border: 0 !important; float: left; margin: 5px; } input.quick-search-button { float: right; margin: 5px 10px; } .currency-convertor { float: right; color: white; line-height: 30px; margin-left: 25px; } .paypal-pro-button { display: none; } .hide-650 { display: block !important; } .show-650 { display: none !important; } table.checkout-progress { width: 100%; margin-bottom: 15px; border-collapse: collapse; } table.checkout-progress td { font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;  width: 20%; background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background-image: -webkit-linear-gradient(top, #f6f6f6, #ddd); background-image: -moz-linear-gradient(top, #f6f6f6, #ddd); background-image: -ms-linear-gradient(top, #f6f6f6, #ddd); background-image: -o-linear-gradient(top, #f6f6f6, #ddd); background-image: linear-gradient(top, #f6f6f6, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#dddddd); color: #999; text-align: center; vertical-align: middle; height: 40px; } table.checkout-progress td.cpi-active { background-color: #0066cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#2591fd), to(#0066cc)); background-image: -webkit-linear-gradient(top, #2591fd, #0066cc); background-image: -moz-linear-gradient(top, #2591fd, #0066cc); background-image: -ms-linear-gradient(top, #2591fd, #0066cc); background-image: -o-linear-gradient(top, #2591fd, #0066cc); background-image: linear-gradient(top, #2591fd, #0066cc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2591fd, endColorstr=#0066cc); color: #fff; } .alh-video { width: 900px; height: 506px; } /* =Responsive (Mobile) Design -------------------------------------------------------------- */ @media screen and (min-width: 1024px) { /* ---- ALH RESPONSIVE STYLES FOR TABLETS -------------------------------------------- */ .slideshow { height: 300px; } /* ---- END ALH RESPONSIVE STYLES -------------------------------------------- */ } @media screen and (max-width: 980px) { /* ---- ALH RESPONSIVE STYLES FOR TABLETS -------------------------------------------- */ .slideshow { height: auto; } /* ---- END ALH RESPONSIVE STYLES -------------------------------------------- */ } @media screen and (max-width: 650px) { /* ---- ALH RESPONSIVE STYLES FOR SMARTPHONE -------------------------------------------- */ html, body { padding: 0; margin: 0; } #wrapper { padding: 10px; } .main-nav { } .col-200 { width: 100%; margin-right: none; } .col-720 { width: 100%; margin-right: none; } .product-summary { float: none; width: auto; padding: 1em; overflow: hidden; margin: 0 0 1em 0; height: auto; } .product-summary-image { float: none; width: auto; margin: 0 0 1em 0; } .product-summary-content { float: none; width: auto; } .product-summary-content h2 { } .product-summary-description { } .product-summary-price, .product-details-price { } .product-summary-options { } .button-wrapper { float: none; margin-right: 0px; } .product-details-left { width: auto; float: none; } .product-details-right { width: auto; float: none; } .related-items .product-summary { width: auto; } .related-items .product-summary-content { width: auto; } .read-more-link a { position: relative; margin-top: 10px; left: 0; bottom: 0; } .header-fragment-right { float: none; } .alh-section-link { float: none; width: auto; height: auto; margin: 0 0 1em; border: solid 1px #ddd; border-radius: 10px; padding: 10px } .slideshow { height: auto; } .home-left { float: none; width: auto; margin: 0; } .home-right { float: none; width: auto; margin-top: 15px; } .home-hero { /* float: none; width: auto; margin: 0; */ display: none; } .welcome-message { float: none; width: auto; } .home-lhc { float: none; width: auto; } .home-lhc ul { float: none; width: auto; } .home-lhc form { float: none; width: auto; } .lhc-field input { width: 95%; } .hide-650 { display: none !important; } .show-650 { display: block !important; } .alh-video { width: auto; height: auto; } #actinic-sitemap ul { padding: 0; margin: 0; list-style: none; } #actinic-sitemap ul li a { display: block; background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background-image: -webkit-linear-gradient(top, #f6f6f6, #ddd); background-image: -moz-linear-gradient(top, #f6f6f6, #ddd); background-image: -ms-linear-gradient(top, #f6f6f6, #ddd); background-image: -o-linear-gradient(top, #f6f6f6, #ddd); background-image: linear-gradient(top, #f6f6f6, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#dddddd); border: 1px solid #dddddd; color: #333; text-shadow: 0 1px 0 #ccc; padding: 3px 6px; } #actinic-sitemap ul li a:active { background-color: #7d3e97; background-image: -webkit-gradient(linear, left top, left bottom, from(#ad85bd), to(#7d3e97)); background-image: -webkit-linear-gradient(top, #ad85bd, #7d3e97); background-image: -moz-linear-gradient(top, #ad85bd, #7d3e97); background-image: -ms-linear-gradient(top, #ad85bd, #7d3e97); background-image: -o-linear-gradient(top, #ad85bd, #7d3e97); background-image: linear-gradient(top, #ad85bd, #7d3e97); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ad85bd, endColorstr=#7d3e97); color: #fff; } /* ---- END ALH RESPONSIVE STYLES -------------------------------------------- */ } @media screen and (max-width: 480px) { } @media screen and (max-width: 320px) {     .cart input { padding: 1px; width: 20px; font-size: 12px; } .paypal-pro-button { display: block; } .checkout-cart th, .checkout-cart td { font-size: 11px; padding: 1px; } .checkout th, .checkout td { font-size: 11px; line-height: 14px; padding: 1px; } .checkout-field-label { width: auto; } .checkout-field-input, .InvoiceField, .DeliverField { vertical-align: middle; } .checkout-field-input input, .checkout-field-input select, .InvoiceField input, .DeliverField input, .InvoiceField select, .DeliverField select { width: 180px; font-size: 12px; padding: 1px; } table#idBothAddressesTable.checkout select { width: 180px; } } @media screen and (max-width: 240px) { }