html { min-height: 100%; } body  { text-align: center; margin:0px; background-color: #dddddd; /* tour Style start */ /*background-image:url('tour-bg.jpg');*/ /*background-repeat:no-repeat;*/ /*background-attachment:fixed;*/ /*background-position:top;*/ /* tour Style End */ /*background-repeat: no-repeat;*/ background-image: -webkit-linear-gradient(left, #cccccc,#ffffff,#cccccc); background-image:    -moz-linear-gradient(center 90,#ffffff,#999999); background-image:    -ms-linear-gradient(center 90,#ffffff,#999999); background-image:      -o-linear-gradient(left, #999999,#ffffff,#999999); background-image:         linear-gradient(to left, #cccccc,#ffffff, #cccccc); font-family: "Helvetica Neue", helvetica, arial; font-color:#dddddd; font-size:100%; } /*  page layout styles */ #page-wrap { text-align: left; width: 990px; margin: 0 auto; -moz-box-shadow: 0 0 5px 5px #333; -webkit-box-shadow: 0 0 5px 5px #333; box-shadow: 0 0 5px 5px #333; /* Tour Style start */ /* border-style: solid;*/ /* border-color: #FAEC12;*/ /* border-width: 0px 12px 0px 12px;*/ /*-moz-border-image: url(italy.png) 0 12 0 12 repeat;*/ /*-webkit-border-image: url(italy.png) 0 12 0 12 repeat;*/ /*-o-border-image: url(italy.png) 0 12 0 12 repeat;*/ /*border-image: url(italy.png) 0 12 0 12 repeat;*/ /* Tour Style End */ z-index:0; overflow:auto; } #page-body-outer { float:left; overflow: hidden; background: #ffffff; width:990px; min-height:900px; } #page-body-inner { float:left; background:#f2f2f2; position: relative; right:820px; min-height:900px; } /* iPads (portrait) ----------- */ @media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait)  { div#page-body-outer{min-height:900px;} div#page-body-inner{min-height:900px;} } #maintenance-notice { float:left; color:#ff0000; font-size:1.2em; font-weight:bold; } #side-links { float: left; width: 170px; position: relative; left: 820px; margin-left:0px; font-size:0.75em } section { float: left; width: 810px; position: relative; left: 820px; padding:5px; background:#ffffff; } /* Basic Page styles */ a:link { text-decoration:none; color:#000000; } a:visited { text-decoration:none; color:#000000; } a:hover { text-decoration:none; color:#000000; } a:focus { text-decoration:none; color:#000000; } a:active { text-decoration:none; color:#000000; } h1 { font-size:1em; margin:0px; background:#f2f2f2; color:#000000; text-indent:2px; } h2 { font-size:0.9em; margin:0px; margin-bottom:3px; background:#f2f2f2; text-indent:2px; } h3 { font-size:0.9em; margin:0px; margin-bottom:3px; } h4 { font-size:1em; margin:0px; margin-bottom:3px; background:#dddddd; text-indent:2px; } h5 { font-size:0.9em; margin:0px; margin-bottom:3px; background:#00CCFF; color:#ffffff; text-indent:2px; } p { font-size:0.8em; } /* Header styles*/ header { } #service-status { float:left; height: 22px; padding-top:5px; width:990px; background-color: #00CCFF; text-align:center; color: #ffffff; font-size:1em; font-weight:bold; } #header_upper { float:left; height: 19px; width:990px; text-align:right; font-size: 80%; color: #ffffff; border-style:none; background-color: #000033; } #header_lower { float:left; height: 64px; width:990px; background:#000033; border-style:none; vertical-align: middle; } #header_upper a:link{ text-decoration:none; color:#ffffff; } #header_upper a:visited { text-decoration:none; color:#ffffff; } #header_upper a:hover { text-decoration:none; color:#ffffff; } #header_upper a:active { text-decoration:none; color:#ffffff; } #header_upper a:focus { text-decoration:none; color:#ffffff; } .header-links { padding-left:5px; padding-right:5px; } .header-links-m { padding-left:5px; padding-right:5px; } a[href^=tel]{ color: #ffffff; text-decoration: none; } .logo { float:left; position:relative; top:13px; left:3px; height:64px; width:257px; } #search-box-container { float:left; position:relative; left:405px; top:22px; height:20px; width:140px; border-style:none; } input#search-box { background: url(search_button.png) no-repeat 0 3px; background-position:right center; background-color:#ffffff; font-size: 0.8em; color:#999999; height: 18px; width:140px; padding: 2px 22px 2px 2px; border:0; } input#searchsubmit { display: none; } .search-results a:link  { text-decoration:underline; text-decoration-style:solid; -moz-text-decoration-color:#ff9900; text-decoration-color:#ff9900; } .search-results a:visited { text-decoration:underline; text-decoration-style:solid; -moz-text-decoration-color:#ff9900; text-decoration-color:#ff9900; } .search-results a:hover { text-decoration:underline text-decoration-style:solid; -moz-text-decoration-color:#ff9900; text-decoration-color:#ff9900; } .search-results a:active { text-decoration:underline; text-decoration-style:solid; -moz-text-decoration-color:#ff9900; text-decoration-color:#ff9900; } .search-sort { font-weight:bold; font-size:0.8em; background-color:#f2f2f2; } .search-sort-left { text-align:left; width:405px; float:left; } .search-sort-right { text-align:right; width:405px; float:left; } .search-show { text-align:center; font-size:0.8em; } .contact-us { font-size:0.8em; } #cart { float:left; width:216px; height: 45px; text-align:right; position:relative; left:626px; top:10px; border-style:solid; border-width:1px; border-color:#000033; font-size:0.7em; background-color:#ffffff; } .cart-left { float:left; width:55px; height: 15px; text-align:right; margin-right:10px; } .cart-right { float:left; width:45px; height: 15px; text-align:left; margin-right:10px; } .cart-title { float:left; width:86px; height: 15px; font-weight:bold; text-align:left; color:#000033; margin-left:10px; } .checkout-text-warning-header { font-weight:bold; } .checkout-link { float:left; width:105px; font-weight:bold; text-align:center; color:#ff9900; } .checkout-link a:link { text-decoration:none; color:#ff9900; } .checkout-link a:visited { text-decoration:none; color:#ff9900; } .checkout-link a:hover { color:#ff9900; text-decoration:underline; } .checkout-link a:active { text-decoration:none; color:#ff9900; } .checkout-warning-text { background-color:#ffffcc; font-size:0.8em; padding:10px; border-style:solid; border-width:3px; border-color:#ff0000; } .terms { font-size:0.8em; } .terms a:link  { text-decoration:none; color:#ff9900; font-weight:bold; } .terms a:visited { text-decoration:none; color:#ff9900; font-weight:bold; } .terms a:hover { text-decoration:none; color:#ff9900; font-weight:bold; } .terms a:active { text-decoration:none; color:#ff9900; font-weight:bold; } /*footer styles*/ #footer_mobile { display:none; } footer { float:left; width:990px; background-color: #00ff4f; } #footer_upper { float:left; height: 100%; width:990px; color: #ffffff; background-color: #000033; } #footer_lower { float:left; height: 22px; padding-top:3px; width:990px; background-color: #000033; border-top:1px #D5F0FF solid; text-align:center; color: #ffffff; font-size:0.8em; } .footer-info { float:left; width:144px; margin:0px; padding-left:50px; font-size:0.75em; } #footer_upper dt  { font-weight:bold; margin-left:0px; } #footer_upper dd { margin-left:0px; padding-left: 7px; background: url(marker.png) no-repeat 0 3px; } #footer_upper dd a { margin: 0px; display: block; width: 100%; height: 100%; } #footer_upper dd a:link { text-decoration:none; color:#ffffff; } #footer_upper dd a:visited { color:#ffffff; text-decoration:none; } #footer_upper dd a:focus { text-decoration:none; color:#ffffff; } #footer_upper dd a:active { text-decoration:none; color:#ffffff; } #footer_upper dd a:hover { color:#ffffff; text-decoration:underline; } /*Section Styles */ .section-holder { padding-left:3px; padding-right:3px; } .section-bike { float:left; width:182px; min-height:200px; padding-left:5px; padding-right:5px; margin:5px; font-size:0.75em; color:#000033; overflow:hidden; background:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image:      -o-linear-gradient(top, #ffffff #f2f2f2); background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2); } .std-product-details { float:left; width:182px; min-height:220px; padding-left:5px; padding-right:5px; margin:5px; font-size:0.75em; color:#000033; overflow:hidden; background:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image:      -o-linear-gradient(top, #ffffff #f2f2f2); background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2); } .section { float:left; width:182px; min-height:189px; padding-left:5px; padding-right:5px; margin:5px; font-size:0.75em; color:#000033; overflow:hidden; background:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image:      -o-linear-gradient(top, #ffffff #f2f2f2); background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2); } .section-bike-menu { float:left; width:182px; min-height:142px; padding-left:5px; padding-right:5px; margin:5px; font-size:0.75em; color:#000033; overflow:hidden; background:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image:      -o-linear-gradient(top, #ffffff #f2f2f2); background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2); } .section-name { font-weight:bold; min-height:30px; color:#000000; } .section-image { width:180px; height:112px; background:#ffffff; border-top:2px; text-align:center; position:relative; } .section-options { width:100%; height:100%; word-wrap: normal; font-size:0.9em; } .section-instock { color:#ff9900; font-weight:bold; } .section-price { font-weight:bold; font-size:0.9em; } .section-offer { font-weight:normal; font-size:0.9em; min-height:12px; } .finance-section-text  { font-size:1.1em; } .sale-tag { border:0; position:absolute; left:0; top:15px; } .section-image-triangle { border:0; position:absolute; left:0; top:0; } /* End of Section styles */ /* front page styles */ a[id^="link-"] { -webkit-transition: visibility 1s ease-in-out; -moz-transition: visibility 1s ease-in-out; -o-transition: visibility 1s ease-in-out; transition: visibility 1s ease-in-out; } .front-page { width:100%; height:900px; padding:0px; } .front-page-tp { float:left; width:190px; height:160px; border:3px; border-style:solid; border-color:#ffffff; overflow:hidden; background:#808080; } /* end of 2019 front page styles */ .fp-large { float:left; width:40%; height:358px; background:#ff9900; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; background-image:url('podium-points-large.webp'); -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-header1 { padding:10px; } .fp-header5 { padding:10px; } .fp-header2 { padding:10px; position:absolute; bottom:0px; background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); width:calc(100% - 20px); } .fp-header4 { padding:10px; position:absolute; bottom:0px; background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); width:calc(100% - 20px); } .fp-header3 { padding:10px; position:absolute; bottom:0px; } .fp-sale-image { position:relative; top:10px; right:-236px; } .fp-sale-image-small { position:relative; top:15px; right:0px; } .fp-title { font-size:40px; } .fp-title-small { font-size:18px; } .fp-text { font-size:18px; } .fp-text-small { font-size:12px; } .fp-large-right { float:right; width:40%; height:356px; background:#ff9900; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; background-image:url('sale-image-large-2.webp'); -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-mid { float:left; width:40%; height:180px; background:#f200f1; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; background-image:url('price-match.webp'); position:relative; -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-mid-2 { float:left; width:40%; height:178px; background:#f200f1; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; background-image:url('projectone-large.webp'); position:relative; -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-small-bike { float:left; width:20%; height:194px; background:#333; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; position:relative; -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-small-image { margin-top:7px; border:0; height:112px; margin-left:7px; } .fp-small { float:left; width:20%; height:178px; background:#0000ff; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; background-image:url('sale-image-small-2.webp'); position:relative; -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-small-2 { float:left; width:20%; height:178px; background:#0000ff; font-family: source-sans-pro,sans-serif,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:bold; color:#ffffff; background-image:url('test-precisionfit.webp'); position:relative; -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fp-small-tp { float:left; width:20%; height:180px; overflow:hidden; background:#808080; -webkit-box-shadow:inset 0px 0px 0px 1px #666; -moz-box-shadow:inset 0px 0px 0px 1px #666; box-shadow:inset 0px 0px 0px 1px #666; } .fragment-image-full-width { width:974px; } .frontpage-fragment-USP-orange-sale-small { float:left; width:190px; height:80px; background:#f2f2f2; border:3px; border-style:solid; border-color:#ffffff; } .frontpage-fragment-USP-red-sale-small { float:left; width:190px; height:80px; background:#ff0000; border:3px; border-style:solid; border-color:#ffffff; } /* end of 2019 front page styles */ /* Drop Down navigation css */ #drop_down_menu_pp { display:none; } #drop_down_menu_pp_fragment { display:none; } #drop_down_menu { float:left; height: 24px; width:990px; text-align:center; font-size:0.8em; font-weight:bold; color:#ffffff; background:#000033; padding:0px; margin:0px; z-index:999; } #drop_down_menu ul { float: left; width:990px; margin:0; padding:0; } #drop_down_menu li { float:left; width:123px; line-height:24px; height:24px; list-style:none; z-index:999; position:relative; } #drop_down_menu li.fs{ width:143px; } #drop_down_menu li.home{ width:28px; } /*#menu li a { margin: 0px; display: block; width: 100%; height: 100%;}*/ #drop_down_menu ul li a:link { color:#ffffff; text-decoration:none; } #drop_down_menu ul li a:visited { color:#ffffff; text-decoration:none; } #drop_down_menu ul li a:hover { background:#999999; color:#ffffff; text-decoration:underline; } #drop_down_menu ul li:hover { background:#999999; color:#ffffff; } #drop_down_menu ul li a:focus { color:#ffffff; text-decoration:none; } #drop_down_menu ul li:focus { color:#ffffff; text-decoration:none; background:#0000ff; } #drop_down_menu ul li a:active { color:#ffffff; text-decoration:none; } #drop_down_menu ul ul { position: absolute; left: -999px; font-size: inherit; width:121px; text-align:left; } #drop_down_menu ul ul.fs2 { width:142px; } #drop_down_menu ul li:hover ul { left: auto; top:24px;} #drop_down_menu ul li:focus ul { left: auto; top:24px;} /*#drop_down_menu ul li:hover a{ margin: 0px; display: block; width: 100%; height: 100%;}*/ #drop_down_menu ul ul li { position:relative; display:block; width: 121px; text-indent:5px; font-weight:normal; font-size:0.9em; color:#ffffff; } #drop_down_menu ul ul li.fs2{ width: 142px; }		 #drop_down_menu ul ul li.menu_sale_fs{ width: 142px; }		 #drop_down_menu ul ul li a{ margin: 0px; display: block; width: 100%; height: 100%;} #drop_down_menu ul ul li a:link { color:#000000; text-decoration:none; background:#ffffff; } #drop_down_menu ul ul li a:visited { color:#000000; text-decoration:none; background:#ffffff; } #drop_down_menu ul ul li a:hover { background:#999999; color:#000000; text-decoration:underline; } #drop_down_menu ul ul li a:focus { color:#000000; text-decoration:none; background:#ffffff; } #drop_down_menu ul ul li a:active { color:#000000; text-decoration:none; background:#ffffff; } #components-one { height:456px; left:-61px !important; border-left: 1px solid #999999; border-bottom: 1px solid #999999; background:#ffffff; } #components-two { left:60px !important; height:456px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background:#ffffff; } #accessories-one { left:-61px !important; height:408px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; background:#ffffff; } #accessories-two { left:60px !important; height:408px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background:#ffffff; } #road-one { height:216px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background:#ffffff; } #mtb-one { left:-71px !important; height:240px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; background:#ffffff; } #mtb-ht { height:240px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; background:#ffffff; } #mtb-two { left:50px !important; height:240px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background:#ffffff; } #cyclocross { height:216px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background:#ffffff; } #ebikes { height:192px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background:#ffffff; } #urban { height:216px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background:#ffffff; } #clothing-one { left:-121px !important; height:264px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; background:#ffffff; } #clothing-two { left:0px !important; height:264px; border-bottom: 1px solid #999999; background:#ffffff; } #clothing-three { left:120px !important; height:264px; border-bottom: 1px solid #999999; border-right: 1px solid #999999; background:#ffffff; } #shop { height:264px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background:#ffffff; } #community { height:168px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-top: 1px solid #999999; background:#ffffff; } .menu-title { background:#999999; display:block; } .menu-title a:link { background:#999999 important!; color:#ffffff; } .menu-title a:visited { background:#999999 important!; color:#ffffff; } .menu_sale a:link { color:#ff9900 !important; font-weight:bold; } .menu_sale a:visited { color:#ff9900 !important; font-weight:bold; } .menu_sale a:hover { color:#ff9900 !important; font-weight:bold; } .menu_sale_fs a:link { color:#ff9900 !important; font-weight:bold; } .menu_sale_fs a:visited { color:#ff9900 !important; font-weight:bold; } .menu_sale_fs a:hover { color:#ff9900 !important; font-weight:bold; } #menu ul { display: none; } #menu li:hover ul { display: block; } /* Dropdown css end*/ /* Side menu styles*/ .side-menu ul { border-bottom-style:solid; border-width:1px; border-color:#000000; margin:2px; } .side-menu li { list-style:none; padding-left:0px; color:#000000; width:170px; font-weight:normal; text-indent:10px; margin-left:0px; line-height:16px; background:#f2f2f2; position:relative; left:-40px; } .side-menu li a { margin: 0px; display: block; width: 100%; height: 100%; } .side-menu li a:hover,a:focus,a:visited,a:active { text-decoration:none; color:#000000; } .side-menu li a:hover { background:#ffffff; } .side-menu a:link { background:#f2f2f2; }  .side-titles { color:#ffffff; width:170px; font-weight:bold; height:24px; line-height:24px; background:#000033; text-align:center; border-bottom-style:solid; border-width:1px; border-color:#999999; } .side-titles-podium-points { color:#ffffff; width:170px; font-weight:bold; height:24px; line-height:24px; background:#ff9900; text-align:center; border-bottom-style:solid; border-width:1px; border-color:#999999; } .sale { color:#ff9900; font-weight:bold; } /* end of side menu */ /* breadcrumb styles */ #breadcrumb { float:left; width:990px; height:20px; text-align:center; background:#ffffff; text-align:left; font-size:0.75em; color:#3A3A3A; text-indent:10px; font-weight:bold; line-height:15px; padding-top:5px; } /* Product CSS*/ .podium-point-section-warning { font-weight:bold; font-size:0.85em; background:#ff9900; color:#ffffff; text-indent:10px; border-bottom:2px; border-style:solid; border-color:#ffffff; } .product-holder { padding-left:12px; padding-right:12px; padding-bottom:12px; } .product-holder-small  { padding-left:12px; padding-right:12px; padding-bottom:12px; } .product-name { } .product-description { font-size:0.75em; } .product-price { font-size:0.85em; font-weight:bold; } .bicycle-type { font-size:0.75em; padding-top:5px; } .normal { font-weight:normal; } .product-offer { font-size:0.8em; font-weight:bold; padding-bottom:10px; } .product-image-holder { float:left; width:600px; padding-bottom:12px; } .product-click-and-collect-image { float:left; width:376px; height:100%; padding-bottom:12px; text-align:center; }  .product-click-and-collect-description { float:left; width:376px; height:100%; text-align:left; }  .usps-holder { float:left; width:190px; height:100%; padding-left:10px; } .product-image-holder-accessory { float:left; width:400px; height:100%; padding-bottom:12px; text-align:center; } .product-image-holder-finance { float:left; width:100%; height:100%; padding-bottom:12px; text-align:center; } .product-details { float:left; width:376px; } .product-details-finance { float:left; width:100%; } .tag-image { position:relative; left:-12px; top:15px; } .tag-image img { width:160px; height:28px; } .tag-image-pp { position:relative; left:-12px; top:0px; } .tag-image-pp img { width:168px; height:168px; } .cyclescheme ol { font-weight:bold; } .cyclescheme li { font-size:0.8em; font-weight:normal; } .finance-how-to li { list-style:none; padding-left:0px; font-weight:normal; text-indent:10px; margin-left:0px; font-size:0.8em; } .product-usps-holder { float:left; width:176px; padding-left:10px; min-height:385px; } .product-image-holder img{ border:0; position:absolute; left:17px; display: inline-block; } .enlarge-image { position:relative; left:0; width:100%; line-height:10px; text-align: center; vertical-align:bottom; font-weight:bold; font-size:0.6em; } .component-title { font-size:0.75em; font-weight:bold; float:left; clear:left; width:100px; min-height:15px; } .component-type { font-size:0.75em; font-weight:bold; float:left; clear:left; width:100px; min-height:15px; } .component-name { font-size:0.75em; width:600px; min-height:15px; margin-left:100px; } .action { display:inline-block; text-align:center; background-color:#ff9900; color:#ffffff; height:120%; font-weight:bold; -moz-border-radius: 7px; border-radius: 7px; padding-left:10px; padding-right:10px; } .action a:link { color:#ffffff; } .action a:visited { color:#ffffff; } .geometry { font-size:0.75em; } .geoheader { font-weight:bold; } .geodata { width:50px; } .sizing-table-title { clear:left; float:left; font-weight:bold; font-size:0.7em; width:120px; } .sizing-table-header { float:left; font-weight:bold; font-size:0.7em; width:40px; } .sizing-table-data { float:left; font-size:0.7em; width:40px; } .bicycle-size-table-size { clear:left; float:left; font-weight:bold; font-size:0.75em; width:100px; text-indent:2px; } .bicycle-size-table-header { float:left; font-weight:bold; font-size:0.75em; width:100px; } .bicycle-size-table-data { float:left; font-size:0.75em; width:100px; } .usps{ background: url(orange-marker.png) no-repeat 0 3px; text-indent:15px; font-weight:bold; } .usps2{ font-size:0.7em; padding-bottom:3px; width:190px; } .trustbox-accessory { } .our-ref  { display:inline-block; } .upc{ display:inline-block; text-indent:20px; } .spn { display:inline-block; text-indent:20px; } /*CSS for bike size choices */ .product-options { float:left; width:480px; } .product-options-accessories { float:left; width:376px; } .product-options-info { float:left; width:300px; } .option-size { float:left; clear:left; width:160px; font-weight:normal; font-size:0.75em; line-height:20px; } .option-size-title { float:left; clear:left; width:160px; font-weight:normal; font-size:0.75em; background:#ff9900; -moz-border-top-left-radius: 7px; border-top-left-radius: 7px; line-height:22px; text-indent:10px; } .option-delivery { float:left; line-height:22px; width:180px; font-size:0.75em; } .instore { float:left; display:block; width:120px; text-indent:20px; font-size:0.69em; } .delivery { float:left; display:block; width:120px; text-indent:20px; font-size:0.69em; } .in-stock { float:left; display:block; width:96px; text-indent:20px; font-size:0.75em; } .ActinicRTS { float:left; line-height:20px; } .option-title { float:left; width:240px; background:#ff9900; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; color:#ffffff; line-height:22px; } .option-title-accessory { float:left; width:216px; background:#ff9900; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; color:#ffffff; line-height:22px; } .option-title-accessory-single { float:left; width:216px; background:#ff9900; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; -moz-border-top-left-radius: 7px; border-top-left-radius: 7px; color:#ffffff; line-height:22px; } .title { float:left; display:block; width:120px; text-indent:20px; font-weight:bold; font-size:0.75em; } .accessory-title { float:left; display:block; width:96px; text-indent:20px; font-weight:bold; font-size:0.75em; } .size-title { width:120px; font-weight:bold; color:#ffffff; } .add-to-cart-holder { clear:left; padding-top:15px; } /*end of css for bike size choices */ .black_overlay{ display: none; /*display: block;*/ /*background-image:url('closed-sign.jpg');*/ /*background-repeat:no-repeat;*/ /*background-attachment:fixed;*/ /*background-position:center center;*/ position: absolute; top: 0%; left: 0%; width: 100%; height: 3000px; background-color: black; z-index:9999; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); text-align:center; } .white_content { display: none; position: absolute; top:10px; border: 1px solid orange; background-color: white; z-index:10000; overflow: auto; text-align:center; }  .close-image { width:100%; background: transparent; position:absolute; top:96%; color:#000000; text-align: center; font-weight:bold; font-size:0.6em; } #finance-product-holder { width:780px; height:100%; } #finance-options { float:left; width:200px; height:200px; } .finance-details { float:left; width:562px; border-style:solid; border-width:4px; border-color:#ff9900; padding:5px; } #finance-options ul { list-style:none; margin-left:0px; padding-left:0px; padding-top:0px; margin-top:0px; } #finance-options li { color:#ffffff; background-color:#00239C; height:30px; font-size:0.75em; font-weight:bold; line-height:28px; text-indent:10px; cursor:pointer; cursor:hand; -moz-border-bottom-left-radius: 7px; -moz-border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-left-radius: 7px; } .finance-costs li { font-size:0.75em; } .finance-costs-red li { font-size:0.75em; color:#ff0000; } .finance-costs-checkout li { font-size:0.9em; } .finance-small { font-size:0.7em; font-style:italic; } .product-variant-ids { font-size:0.75em; } .product-instock { font-size:0.8em; color:#ff9900; font-weight:bold; } .product-nostock { font-size:0.8em; color:#000033; font-weight:normal; } /* End or Product styles*/ /* Brochure styles */ .opening-times { width:300px; } .weekday { float:left; width:150px; font-size:0.8em; font-weight:bold; } .hours { float:left; width:150px; font-size:0.8em; } table.shipping-table  { font-size:0.75em; width:750px; border: 1px solid black; border-collapse:collapse; } td.shipping-table-left { font-weight:bold; width:150px; background-color:#F2F2F2; border: 1px solid black; } td.shipping-table-header { font-weight:bold; width:150px; background-color:#F2F2F2; text-align:center; border: 1px solid black; } td.shipping-table-data { width:150px; text-align:center; border: 1px solid black; } table.shipping-table-2014 { font-size:0.75em; width:750px; border: 1px solid black; border-collapse:collapse; } td.shipping-table-left-2014 { font-weight:bold; width:150px; background-color:#F2F2F2; border: 1px solid black; text-align:left; } td.shipping-table-header-2014 { font-weight:bold; width:75px; background-color:#F2F2F2; text-align:center; border: 1px solid black; } td.shipping-table-data-2014 { width:75px; text-align:center; border: 1px solid black; } td.shipping-table-header-2014-wide { font-weight:bold; width:100px; background-color:#F2F2F2; text-align:center; border: 1px solid black; } td.shipping-table-data-2014-wide { width:100px; text-align:center; border: 1px solid black; } .brochure-fragment { width:800px; height:100%; clear:both; padding:5px; } .brochure-fragment a:link { color:#ff9900; font-weight:bold; } .brochure-fragment a:visited { color:#ff9900; font-weight:bold; } .brochure-fragment a:hover { color:#ff9900; font-weight:bold; } .brochure-fragment a:focus { color:#ff9900; font-weight:bold; } .brochure-fragment a:active { color:#ff9900; font-weight:bold; } .fragment-text-right { float:left; width:466px; } .fragment-text-left { float:left; width:466px; } .fragment-image-right { float:left; width:300px; padding:5px; text-align:center; } .fragment-image-left { float:left; padding:5px; width:300px; text-align:center; } .fragment-text-right-400 { float:left; width:366px; } .fragment-image-left-400 { float:left; padding:5px; width:400px; text-align:center; } .fragment-image-large { padding:5px; width:800px; text-align:center; } .brochure-fragment-no-margin { width:990px; height:100%; clear:both; padding:5px; } .brochure-fragment-no-margin img { width:calc(100% - 10px); height:auto; } .fragment-text-right-no-margin { float:left; width:calc(50% - 10px); padding:5px; } .fragment-text-left-no-margin { float:left; width:calc(50% - 10px); padding:5px; } .fragment-image-right-no-margin { float:left; width:calc(50% - 10px); text-align:center; } .fragment-image-right-no-margin img { width:100%; height:auto; } .fragment-image-left-no-margin { float:left; width:calc(50% - 10px); text-align:center; } .fragment-image-left-no-margin img { width:100%; height:auto; } .brochure-fragment-podium-points { border-color:#ff9900; border-style:solid; border-width:4px; background-color:#ffffcc; -moz-border-radius: 7px; border-radius: 7px; padding-left:10px; padding-right:10px; } .brochure-fragment-podium-points-xmas { border-color:#ff9900; border-style:solid; border-width:4px; background-color:#88F6FA; -moz-border-radius: 7px; border-radius: 7px; padding-left:10px; padding-right:10px; } .brochure-fragment-podium-points-example { float:left; border-color:#ffffff; border-style:solid; border-width:2px; background-color:#ff9900; -moz-border-radius: 7px; border-radius: 7px; height:420px; width:262px; padding:2px; } .podium-point-fragment li { font-size:0.8em; } .brochure-fragment-team { width:800px; height:100%; clear:both; } .fragment-image-team { float:left; width:800px; position:relative; } .fragment-text-team { position:absolute; left:0; top:5px; width:200px; height:20px; text-indent:5px; text-align:left; color:#ffffff; background-color:#ff9900; display: flex; align-items: center; font-weight:bold; } .rider-image { left:0; top:0; } /* End Brochure Styles */ /**********************************/ /*Old styles below this line */ FORM { MARGIN: 0px } .actaxxsmall { FONT-SIZE: 8pt; COLOR: #000000 } .actwxxsmall { FONT-SIZE: xx-small; COLOR: #FFFFFF } .actyxxsmall { FONT-SIZE: xx-small; COLOR: #FFFF00 } .actrxxsmall { FONT-SIZE: xx-small; COLOR: #FF0000 } .actaaxxsmall { FONT-SIZE: 12pt; COLOR:  #000000 } .actwxsmall { FONT-SIZE: x-small; COLOR:  #ffffff } .actwxsmall A:link{ FONT-SIZE: x-small; COLOR: #FFFFFF } .actwxsmall A:visited{ FONT-SIZE: x-small; COLOR: #FFFFFF } .actwxsmall A:hover{ FONT-SIZE: x-small; COLOR: #FFFFFF } .actwxsmall A:active{ FONT-SIZE: x-small; COLOR: #FFFFFF } .actlarge { FONT-SIZE: large; COLOR:  #000000 } .actlarger { font-size: 10pt; color: #000000; } .actsmaller{ font-size: 8pt; color: #000000; } .actxxsmall { font-size: xx-small; color: #000000; } .actxsmall { font-size: x-small; color: #000000; } .actsmall { font-size: small; color: #000000; } .actregular { } .actlarge{ font-size: large; color: #000000; } .actxlarge { font-size: x-large; color: #000000; } .actxxlarge { font-size: xx-large; color: #000000; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #ffffff 2px solid; border-top: #ffffff 2px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; } SELECT { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } .finance1 { FONT-SIZE: 15pt; Font-Weight: bold;COLOR: #000000; } .finance2 { FONT-SIZE: 10pt; COLOR: #000000; } .finance3 { FONT-SIZE: 7pt; COLOR: #000000; } .finance1r { FONT-SIZE: 15pt; Font-Weight: bold;COLOR: #ff0000; } .finance2r { FONT-SIZE: 10pt; COLOR: #ff0000; } .finance4 { FONT-SIZE: 12pt; COLOR:  #ffffff;Font-Weight: bold; } .forma { font-size: 11px; color=#000066; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } .formb { FONT-WEIGHT: bold; font-size: 14px; color=#FF0000; FONT-STYLE: italic; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;border: 0px solid #781351;background:transparent; } div.checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 8pt; background-color: #ff0000; border: 1px solid #ff0000; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } /*Pedal On acc table layout */ #idTblLogin table {max-width:650px;} #idTblRecent table {max-width:450px;} /*Pedal On acc table layout */ table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #ff9900; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #ff9900; border-bottom: solid 1px #ff9900; } div.tght {display: table; BACKGROUND-COLOR: #ffcccc;} div.tghr {display: table-row; } div.tgh1 {font-weight: normal;font-size: 0.7em;text-align: left;width:50px;display: table-cell; } div.tgh2 {font-weight: normal;font-size: 0.7em;text-align: left;width:200px;display: table-cell; } form { margin: 0px; } a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } .actCHECKOUTEM { background-color: #ff9900; } .actCHECKOUTBG { background-color: #ffffff; } .actwarningcolor { color: #ff0000; } .actrequiredcolor { color: #ff0000; } .actrequired { color: #ff0000; } .actsearchhighlightcolor { color: #ff0000; } .actwarning { font-size: 8pt; color: #ff0000; } .actwelcome { font-size: 8pt; color: #000000; } .actlogotext { font-size: 8pt; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { color: #ff9900; } .thinborder1 { border: 1px solid #ff0000; } .thinborder2 { border: 1px solid #ff0000; } .thinred { border: solid 1px #ff0000; border-top: 0px; } .thinred2 { border: solid 1px #ff0000; border-top: 0px; }  .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 100%; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; font-size:0.8em; } table.checkout-cart th{ font-weight: bold; background-color: #ffffff; border-top: solid 1px #ff9900; border-bottom: solid 1px #ff9900; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 100%; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; font-size:0.8em; } table.checkout th { background-color: #000033; font-size: 10pt; font-weight: bold; color: #ffffff; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 8pt; font-weight: normal; } table.checkout th.change { font-size: 8pt; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; background-color: #FF9900; border: 1px solid #FFFFFF; color: #ffffff; font-weight:bold; word-spacing: normal; } .cartheading { background-color: #ff9900; font-weight: bold; color: #ffffff; } h2.checkout-heading { background-color: #ff9900; font-size: 10pt; font-weight: bold; color: #ffffff; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: 800px; } h3.checkout-heading { width: 800px;  padding: 3px 0; background-color: #ff9900; font-size: 10pt; font-weight: bold; color: #ffffff; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } .button-wrapper { display:inline-block; } .button { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; } .forgottenpassword { cursor: pointer; color: #000000; margin: 0; background-color:#ffffff; height: 25px; width:150px; padding: 2px 22px 2px 2px; border:0; font-family:  "Helvetica Neue", helvetica, arial; font-size: 8pt; font-weight: bold; } .button-confirm { background: url('checkout-confirm-button-blank.png') left no-repeat; cursor:pointer; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #ffffff; height: 30px; width: 120px; }	 .cart-button { height: 28px; } input.normal-button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background: #ff0000; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff; background: #ff0000; padding: 5px; border: solid 1px #000000; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ffffff; width: 800px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* Checkout Progress Indicator */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #ff0000; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #ff0000; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #ff0000; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #ff0000; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* end of general styles for all themes */ /* CSS Specific to 'Executive' */ /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ /* page header fomatting elements ----------------------------------------------------- */ .page_header	{ background-color: #ff0000; margin: 0px 0px 0px 0px; } .page_header_content	{ width: 762px; text-align: left; height: 63px; } .page_header_home_search_box	{ padding: 1px; margin: 0px; background-image:url('theme_dotted_line_2.gif'); background-color: #ff0000; } .page_header_logo_container	{ float: left; } .page_header_menu_cart_login_spacing	{ padding-left: 2px; } .page_header_terms_cart_login_container	{ float: right; text-align: right; } .page_header_terms_container	{ height: 38px; } .page_header_menu_cart	{ padding: 3px 5px 4px 19px; background-image:url('theme_icon_cart.gif'); background-color:#ffffff;  border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; } .page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; background-color:#ffffff;	 border-left: 1px solid #ff0000; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; } .page_header_menu_login	{ padding: 3px 5px 4px 17px; background-image:url('theme_icon_login.gif'); background-color:#ffffff;  border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu fomatting elements ------------------------------------------------------- */ .page_menu	{ background-color: #ff0000; margin: 0px 0px 0px 0px; } .page_menu_content	{ width: 762px; height: 21px; } .page_menu_items	{ background-color: #ff0000; padding: 0px 0px 0px 1px; height: 21px; float: left; width: 65%; } .page_menu_items_search	{ background-color: #ff0000; padding: 0px 0px 0px 1px; height: 21px; float: right; width: 30%; } /* end page menu fomatting elements ---------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .page_body	{ padding: 10px 0px 0px 0px; } .page_body_content	{ width: 762px; text-align: left; } .page_body_content_left_column	{ float: left;  width: 170px; } .page_body_content_right_column	{ float: right;  width: 552px; } /* end page body fomatting elements ----------------------------------------------------- */ /* page footer fomatting elements ------------------------------------------------------- */ .page_footer	{ padding: 30px 0px 30px 0px; clear:both; } .page_footer_content	{ width: 762px; text-align: left; } /* end of page footer fomatting elements ------------------------------------------------ */ /* page left column fomatting elements -------------------------------------------------- */ .left_column_product_image_description	{ margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } /* end page left column fomatting elements ---------------------------------------------- */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */ /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #ff0000; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #ff0000; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #ff0000; clear:both; } .dotted_outline_blue	{ border: 1px dotted #ff0000; padding: 8px; }		 /* end lines ---------------------------------------------------------------------------- */ .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list	{ margin: 20px 0px 20px 0px; }	 /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* headings ----------------------------------------------------------------------------- */ h3.product	{ font-size: 10pt; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #ff0000; } h3.product_price	{ font-size: 8pt; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #ff0000; font-weight: 900; font-size: 10pt; } /* end headings ------------------------------------------------------------------------- */ /* list fomatting ----------------------------------------------------------------------- */ ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 8pt; color: #ff0000; } /* end list fomatting ------------------------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 8pt; margin: 0px; color : #ffffff; } .text_menu_no_space	{ word-spacing: normal; } .text_menu_cart	{ padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items	{ padding: 0px; margin: 0px; line-height: normal; font-weight: 900; }	 /* end menu text ----------------------------------------------------------------------- */ /* product text ------------------------------------------------------------------------ */ .text_product_small_info	{ font-size: 8pt; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #ff0000; font-weight: 900; font-size: 8pt;} .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 8pt; } /* end product text -------------------------------------------------------------------- */ .text_breadcrumbs	{ font-size: 8pt; color: #ff0000; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 .text_footer	{ color: #ff0000; font-size: 8pt; padding:0px; margin:4px 0px 0px 0px; } .text_options	{ font-weight: 900; } .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #ff0000; font-size: 8pt; border: 0; margin: 0; padding: 0; } /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ /* buttons ----------------------------------------------------------------------------- */ .form_button	{ line-height: normal; width: 76px; margin: 0px; padding: 0px 0px 0px 12px; font-size : 8pt; background-color: #ff0000; border: 1px solid #ff0000; color: #ffffff; word-spacing: normal; }	 .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 8pt; background-color: #ff0000; border: 1px solid #ff0000; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 8pt; background-color: #ff0000; border: 1px solid #ff0000; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* end buttons ------------------------------------------------------------------------- */ .form_input_general	{ line-height: normal; font-size : 8pt; word-spacing: normal; } .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 8pt; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #ff0000 } /* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ a.product_section:visited  { color : #ff9900; text-decoration : none; } a.product_section:link  { color : #ff9900; text-decoration : none; } a.product_section:active  { color : #ff9900; text-decoration : none; } a.product_section:hover  { color : #ff0000; text-decoration : none; } /* ------------------------ */ a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff0000;  border: 1px solid #ffffff; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff0000; border: 1px solid #ffffff; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff0000; border: 1px solid #ffffff; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff0000; border: 1px solid #ffffff; } /* ------------------------ */ a.link_footer:visited  { color : #ffffff; text-decoration : underline; } a.link_footer:link  { color : #ffffff; text-decoration : underline; } a.link_footer:active  { color : #ffffff; text-decoration : underline; } a.link_footer:hover  { color : #ffffff; text-decoration : underline; } /* ------------------------ */ a.link_breadcrumbs:visited	{	 color : #ff0000; text-decoration : underline; } a.link_breadcrumbs:link  { color : #ff0000; text-decoration : underline; } a.link_breadcrumbs:active  { color : #ff0000; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #ff0000; text-decoration : underline; } /* ------------------------ */ a.link_cart:visited	{	 color : #ff0000; text-decoration : underline; } a.link_cart:link  { color : #ff0000; text-decoration : underline; } a.link_cart:active  { color : #ff0000; text-decoration : underline; } a.link_cart:hover  { color : #ff0000; text-decoration : underline; } /* ------------------------ */ a.link_terms_conditions:visited	{	 color : #ffffff; text-decoration : underline; } a.link_terms_conditions:link  { color : #ffffff; text-decoration : underline; } a.link_terms_conditions:active  { color : #ffffff; text-decoration : underline; } a.link_terms_conditions:hover  { color : #ffffff; text-decoration : underline; } /* ------------------------ */ /* Start of styles new to v9 */ /* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */ .heading_marketing_box	{ border: 2px solid #ff0000; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #ff0000; border-bottom: 2px solid #ff0000; color: #ffffff; font-weight: 900; font-size: 8pt; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .heading_marketing_box	p{ padding: 8px; } .heading_marketing_box .product_image_cost	{ padding: 8px; } /* Recently Viewed Products List Style ------------------------------------ */ #recentlyviewed { width:800px; margin-left: 5px; margin-right: 5px; text-align:center; } #recentlyviewed-fp { width:966px; margin-left: 12px; margin-right: 12px; text-align:center; } #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { width: 100%; text-align:center; } #recenthtitem { border-spacing: 0px; } #recenthtitem td { width: 110px; padding: 4px; text-align: center; border-left: 1px solid #ffffff; border-right:1px solid #ffffff; } .recenthtitemimage { border-top: 1px solid #ffffff; } .recenthtitemdesc	{ font-size:0.75em; font-weight:bold; color:#000033; } .recenthtitemdesc	td{ vertical-align:top; } .recenthtitemdesc a:link{ color:#000033; } .recenthtitemdesc a:visited{ color:#000033; } .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #ffffff; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { font-size:0.9em; margin:0px; margin-bottom:3px; padding: 2px; background-color:#f2f2f2; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color:#f2f2f2; font-size:0.75em; font-weight:bold; color:#000033; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color:#f2f2f2; font-size:0.75em; font-weight:bold; color:#000033; } .recently-viewed-title { color:#ff9900; font-weight:bold; background-color:#f2f2f2; } /* related styles */ .related-item { float:left; width:182px; min-height:162px; padding-left:2px; padding-right:2px; margin:5px; font-size:0.75em; color:#000033; overflow:hidden; background:#fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image:      -o-linear-gradient(top, #ffffff #f2f2f2); background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2); } .related-item-image { width:180px; height:112px; background:#ffffff; border-top:2px; text-align:center; position:relative; } .related-item-name { font-weight:bold; min-height:30px; color:#000000; } /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #pspwait { height: 7em; min-width:1px; width:12em; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; background:#FFF000; text-align: center; border: solid 1px #FFFFFF; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top:1em; right: 0; bottom: 0; left: 0; background:#eeeeee; } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#666666; text-align:center; text-decoration:none; border:none; background:#cccccc; } #payment button:hover, #payment > a:hover { cursor:pointer; background:#ffffff; }		 /* start search results sort list */  .sort_by { background-color: #dddddd; width: 100%; height: 24px; color: #ffffff; text-align: right; } .sort_by_left { font-size:.75em; background-color: #dddddd; width: 50%; height: 24px; color: #000000; text-align: left; float:left; }	 .sort_by_right { font-size:.75em; background-color: #dddddd; width: 50%; height: 24px; color: #000000; text-align: right; float:left; }	 .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #ff9900 2px solid; border-top: #ff9900 2px solid; border-right: #ff9900 1px solid; border-bottom: #ff9900 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #ffffff;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggestion list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggestion list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Some basic formatting for filter lists in upgraded themes */ .sidebar-filter-element { margin: 10px; } .sidebar-filter-element h2 { display: block; font-size: 10pt; } .filter-by { width:100%; text-align:right; } .sidebar-filter-element .button-wrapper { float: right; margin-bottom: 10px; } /* These layout selectors bring in styles for specific themes, that are ONLY used by that theme. */ /* If you are not using these themes, you can safely remove this code */ .sidebar .sidebar-filter-element { margin: 0; padding: 0; overflow: hidden; } .sidebar .smart-sidebar-filter .sidebar-filter-element { border: 1px solid #ff0000; margin-bottom: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .sidebar .sidebar-filter-element h2 { padding: 5px; color: #000000; font-size: 8pt; } .sidebar .sidebar-filter-element .button-wrapper, .sidebar .sidebox  .sidebar-filter-element .button { margin: 0; padding: 0; } .sidebar .sidebar-filter-element .button-wrapper { border-right: 1px solid #888888; float: right; margin-bottom: 10px; } .sidebar .sidebar-filter-element .button { background: #ff0000; color: #ffffff; padding: 0 10px; height: 20px; font-weight: normal; } .sidebar .sidebar-filter-element h2 input { float: right; clear: none; margin-bottom: 0; } .sidebar .sidebar-filter-element .filter-text { display: inline; line-height: 20px; } .sidebar .filter-by { float: right; } .sidebar .filter-by input { display: inline-block; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background: #ff0000; padding: 0 10px; border-left: 1px solid #888888; height: 20px; } .sidebar .filter-submit { cursor: pointer; border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; } .sidebar .filter-list { padding: 0 5px; } /* start clear button */ .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color: #777777; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: arial; font-size: 10px; font-weight: normal; padding: 2px 6px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; } .clear-button:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color: #dfdfdf; } .clear-button:active { position: relative; top: 1px; } /* end clear button */ .filter-submit{ background: transparent; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 3px; border-width: 1px; padding: 4px;	 border-radius:4px; } .filter-submit:hover{ cursor: pointer; text-decoration: underline;	 } .attribute-list, .attribute-list ul { width: auto; padding: 0; list-style: none; } /* Social Media */ .follow-buttons, .share-buttons { vertical-align: top; padding: 0; height: 28px; } .follow-buttons { float: right; clear: right; } .follow-buttons, .social-badges { margin: 10px; } .social-badges { clear: left; } .social-badges img { padding: 0 3px; border: none; } .twitter-follow-button, .twitter-share-button, .fb-like, .fb-send, a.pin-follow { float: left; vertical-align: top; margin: 0 4px 0 0; } .fb-share { float: left; vertical-align: top; margin: 0 0 0 -10px; padding: 0; } .fb-follow { float: left; vertical-align: top; margin: 0 10px 0 0; width: 56px; text-align: left; } .g-follow, .g-ytsubscribe { float: left; margin: 0 4px 0 0; } a.pin-button img { border: 0; } .embedded-map { margin: 20px 0; } .embedded-map iframe { border: 1px #ff0000 solid; } fieldset.quantity-box, fieldset.product-prompt { border: 0; position:relative; top:-6px; float:left; } .quantityButton { display:none; } .mobileHeader { display:none; } fieldset.quantity-box input[type="number"] { height:1.6em; margin-top:0.7em; width:33px; float:left; top:-8px; position:relative; -moz-appearance:textfield; } fieldset.quantity-box input[type="number"]::inner-spin-button, fieldset.quantity-box input[type="number"]::outer-spin-button { -webkit-appearance:none; margin:0; } #product-page-body fieldset.quantity-box input[type="number"], .compactProductLayout fieldset.quantity-box input[type="number"],  .imageOnLeftTextWrappedAround fieldset.quantity-box input[type="number"], .imageOnRightTextWrappedAround fieldset.quantity-box input[type="number"],  .completeNewProductsItem fieldset.quantity-box input[type="number"] { height:1.2em; } fieldset.quantity-box button.quantityButton { display:block; float:left; width:16px; height:16px; margin:0.3em 0.5em; /*background:url("orange.png");*/ /*padding:0 0 0.1em;*/ /*font-size:1em;*/ /*font-weight:bold;*/ /*color:#ffffff;*/ text-align:center; /*border-radius:4px;*/ border:none; } fieldset.quantity-box button.dec { background:url("orange-minus.png"); background-repeat:no-repeat; } fieldset.quantity-box button.inc { background:url("orange-plus.png"); background-repeat:no-repeat; } fieldset.quantity-box button.quantityButton.inc:hover { cursor:pointer; background:url("grey-plus.png"); } fieldset.quantity-box button.quantityButton.dec:hover { cursor:pointer; background:url("grey-minus.png"); } span[id^="EnableIfStockOk"] { background:url("in-stock.png"); } .video-wrapper { width: 400px; height: 260px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } #mobile-header { display:none; } #mobile-header-padding { display:none; } table#brakeselect.checkout { display:none; } table#saddleheight.checkout { display:none; } /*! jQuery UI - v1.10.1 - 2013-03-06 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .dp_datepicker .ui-widget { font-family: Segoe UI,Arial,sans-serif; font-size: 1.1em; } .dp_datepicker .ui-widget .ui-widget { font-size: 1em; } .dp_datepicker .ui-widget input, .dp_datepicker .ui-widget select, .dp_datepicker .ui-widget textarea, .dp_datepicker .ui-widget button { font-family: Segoe UI,Arial,sans-serif; font-size: 1em; } .dp_datepicker .ui-widget-content { border: 1px solid #666666; background: #000000 url('ui-bg_inset-soft_25_000000_1x100.png') 50% bottom repeat-x; color: #ffffff; } .dp_datepicker .ui-widget-content a { color: #ffffff; } .dp_datepicker .ui-widget-content th {	/* Drillpine added */ color: #ffffff; } .dp_datepicker .ui-widget-header { border: 1px solid #333333; background: #333333 url('ui-bg_gloss-wave_25_333333_500x100.png') 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .dp_datepicker .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .dp_datepicker .ui-state-default, .dp_datepicker .ui-widget-content .ui-state-default, .dp_datepicker .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url('ui-bg_glass_20_555555_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #eeeeee; } .dp_datepicker .ui-state-default a, .dp_datepicker .ui-state-default a:link, .dp_datepicker .ui-state-default a:visited { color: #eeeeee; text-decoration: none; } .dp_datepicker .ui-state-hover, .dp_datepicker .ui-widget-content .ui-state-hover, .dp_datepicker .ui-widget-header .ui-state-hover, .dp_datepicker .ui-state-focus, .dp_datepicker .ui-widget-content .ui-state-focus, .dp_datepicker .ui-widget-header .ui-state-focus { border: 1px solid #59b4d4; background: #0078a3 url('ui-bg_glass_40_0078a3_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .dp_datepicker .ui-state-hover a, .dp_datepicker .ui-state-hover a:hover, .dp_datepicker .ui-state-hover a:link, .dp_datepicker .ui-state-hover a:visited { color: #ffffff; text-decoration: none; } .dp_datepicker .ui-state-active, .dp_datepicker .ui-widget-content .ui-state-active, .dp_datepicker .ui-widget-header .ui-state-active { border: 1px solid #ffaf0f; background: #f58400 url('ui-bg_inset-soft_30_f58400_1x100.png') 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .dp_datepicker .ui-state-active a, .dp_datepicker .ui-state-active a:link, .dp_datepicker .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .dp_datepicker .ui-state-highlight, .dp_datepicker .ui-widget-content .ui-state-highlight, .dp_datepicker .ui-widget-header .ui-state-highlight { border: 1px solid #cccccc; background: #eeeeee url('ui-bg_highlight-soft_80_eeeeee_1x100.png') 50% top repeat-x; color: #2e7db2; } .dp_datepicker .ui-state-highlight a, .dp_datepicker .ui-widget-content .ui-state-highlight a, .dp_datepicker .ui-widget-header .ui-state-highlight a { color: #2e7db2; } .dp_datepicker .ui-state-error, .dp_datepicker .ui-widget-content .ui-state-error, .dp_datepicker .ui-widget-header .ui-state-error { border: 1px solid #ffb73d; background: #ffc73d url('ui-bg_glass_40_ffc73d_1x400.png') 50% 50% repeat-x; color: #111111; } .dp_datepicker .ui-state-error a, .dp_datepicker .ui-widget-content .ui-state-error a, .dp_datepicker .ui-widget-header .ui-state-error a { color: #111111; } .dp_datepicker .ui-state-error-text, .dp_datepicker .ui-widget-content .ui-state-error-text, .dp_datepicker .ui-widget-header .ui-state-error-text { color: #111111; } .dp_datepicker .ui-priority-primary, .dp_datepicker .ui-widget-content .ui-priority-primary, .dp_datepicker .ui-widget-header .ui-priority-primary { font-weight: bold; } .dp_datepicker .ui-priority-secondary, .dp_datepicker .ui-widget-content .ui-priority-secondary, .dp_datepicker .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .dp_datepicker .ui-state-disabled, .dp_datepicker .ui-widget-content .ui-state-disabled, .dp_datepicker .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .dp_datepicker .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .dp_datepicker .ui-icon { width: 16px; height: 16px; background-position: 16px 16px; } .dp_datepicker .ui-icon, .dp_datepicker .ui-widget-content .ui-icon { background-image: url('ui-icons_cccccc_256x240.png'); } .dp_datepicker .ui-widget-header .ui-icon { background-image: url('ui-icons_ffffff_256x240.png'); } .dp_datepicker .ui-state-default .ui-icon { background-image: url('ui-icons_cccccc_256x240.png'); } .dp_datepicker .ui-state-hover .ui-icon, .dp_datepicker .ui-state-focus .ui-icon { background-image: url('ui-icons_ffffff_256x240.png'); } .dp_datepicker .ui-state-active .ui-icon { background-image: url('ui-icons_222222_256x240.png'); } .dp_datepicker .ui-state-highlight .ui-icon { background-image: url('ui-icons_4b8e0b_256x240.png'); } .dp_datepicker .ui-state-error .ui-icon, .dp_datepicker .ui-state-error-text .ui-icon { background-image: url('ui-icons_a83300_256x240.png'); } /* positioning */ .dp_datepicker .ui-icon-carat-1-n { background-position: 0 0; } .dp_datepicker .ui-icon-carat-1-ne { background-position: -16px 0; } .dp_datepicker .ui-icon-carat-1-e { background-position: -32px 0; } .dp_datepicker .ui-icon-carat-1-se { background-position: -48px 0; } .dp_datepicker .ui-icon-carat-1-s { background-position: -64px 0; } .dp_datepicker .ui-icon-carat-1-sw { background-position: -80px 0; } .dp_datepicker .ui-icon-carat-1-w { background-position: -96px 0; } .dp_datepicker .ui-icon-carat-1-nw { background-position: -112px 0; } .dp_datepicker .ui-icon-carat-2-n-s { background-position: -128px 0; } .dp_datepicker .ui-icon-carat-2-e-w { background-position: -144px 0; } .dp_datepicker .ui-icon-triangle-1-n { background-position: 0 -16px; } .dp_datepicker .ui-icon-triangle-1-ne { background-position: -16px -16px; } .dp_datepicker .ui-icon-triangle-1-e { background-position: -32px -16px; } .dp_datepicker .ui-icon-triangle-1-se { background-position: -48px -16px; } .dp_datepicker .ui-icon-triangle-1-s { background-position: -64px -16px; } .dp_datepicker .ui-icon-triangle-1-sw { background-position: -80px -16px; } .dp_datepicker .ui-icon-triangle-1-w { background-position: -96px -16px; } .dp_datepicker .ui-icon-triangle-1-nw { background-position: -112px -16px; } .dp_datepicker .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .dp_datepicker .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .dp_datepicker .ui-icon-arrow-1-n { background-position: 0 -32px; } .dp_datepicker .ui-icon-arrow-1-ne { background-position: -16px -32px; } .dp_datepicker .ui-icon-arrow-1-e { background-position: -32px -32px; } .dp_datepicker .ui-icon-arrow-1-se { background-position: -48px -32px; } .dp_datepicker .ui-icon-arrow-1-s { background-position: -64px -32px; } .dp_datepicker .ui-icon-arrow-1-sw { background-position: -80px -32px; } .dp_datepicker .ui-icon-arrow-1-w { background-position: -96px -32px; } .dp_datepicker .ui-icon-arrow-1-nw { background-position: -112px -32px; } .dp_datepicker .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .dp_datepicker .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .dp_datepicker .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .dp_datepicker .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .dp_datepicker .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .dp_datepicker .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .dp_datepicker .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .dp_datepicker .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .dp_datepicker .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .dp_datepicker .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .dp_datepicker .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .dp_datepicker .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .dp_datepicker .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .dp_datepicker .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .dp_datepicker .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .dp_datepicker .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .dp_datepicker .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .dp_datepicker .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .dp_datepicker .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .dp_datepicker .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .dp_datepicker .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .dp_datepicker .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .dp_datepicker .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .dp_datepicker .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .dp_datepicker .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .dp_datepicker .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .dp_datepicker .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .dp_datepicker .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .dp_datepicker .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .dp_datepicker .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .dp_datepicker .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .dp_datepicker .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .dp_datepicker .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .dp_datepicker .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .dp_datepicker .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .dp_datepicker .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .dp_datepicker .ui-icon-arrow-4 { background-position: 0 -80px; } .dp_datepicker .ui-icon-arrow-4-diag { background-position: -16px -80px; } .dp_datepicker .ui-icon-extlink { background-position: -32px -80px; } .dp_datepicker .ui-icon-newwin { background-position: -48px -80px; } .dp_datepicker .ui-icon-refresh { background-position: -64px -80px; } .dp_datepicker .ui-icon-shuffle { background-position: -80px -80px; } .dp_datepicker .ui-icon-transfer-e-w { background-position: -96px -80px; } .dp_datepicker .ui-icon-transferthick-e-w { background-position: -112px -80px; } .dp_datepicker .ui-icon-folder-collapsed { background-position: 0 -96px; } .dp_datepicker .ui-icon-folder-open { background-position: -16px -96px; } .dp_datepicker .ui-icon-document { background-position: -32px -96px; } .dp_datepicker .ui-icon-document-b { background-position: -48px -96px; } .dp_datepicker .ui-icon-note { background-position: -64px -96px; } .dp_datepicker .ui-icon-mail-closed { background-position: -80px -96px; } .dp_datepicker .ui-icon-mail-open { background-position: -96px -96px; } .dp_datepicker .ui-icon-suitcase { background-position: -112px -96px; } .dp_datepicker .ui-icon-comment { background-position: -128px -96px; } .dp_datepicker .ui-icon-person { background-position: -144px -96px; } .dp_datepicker .ui-icon-print { background-position: -160px -96px; } .dp_datepicker .ui-icon-trash { background-position: -176px -96px; } .dp_datepicker .ui-icon-locked { background-position: -192px -96px; } .dp_datepicker .ui-icon-unlocked { background-position: -208px -96px; } .dp_datepicker .ui-icon-bookmark { background-position: -224px -96px; } .dp_datepicker .ui-icon-tag { background-position: -240px -96px; } .dp_datepicker .ui-icon-home { background-position: 0 -112px; } .dp_datepicker .ui-icon-flag { background-position: -16px -112px; } .dp_datepicker .ui-icon-calendar { background-position: -32px -112px; } .dp_datepicker .ui-icon-cart { background-position: -48px -112px; } .dp_datepicker .ui-icon-pencil { background-position: -64px -112px; } .dp_datepicker .ui-icon-clock { background-position: -80px -112px; } .dp_datepicker .ui-icon-disk { background-position: -96px -112px; } .dp_datepicker .ui-icon-calculator { background-position: -112px -112px; } .dp_datepicker .ui-icon-zoomin { background-position: -128px -112px; } .dp_datepicker .ui-icon-zoomout { background-position: -144px -112px; } .dp_datepicker .ui-icon-search { background-position: -160px -112px; } .dp_datepicker .ui-icon-wrench { background-position: -176px -112px; } .dp_datepicker .ui-icon-gear { background-position: -192px -112px; } .dp_datepicker .ui-icon-heart { background-position: -208px -112px; } .dp_datepicker .ui-icon-star { background-position: -224px -112px; } .dp_datepicker .ui-icon-link { background-position: -240px -112px; } .dp_datepicker .ui-icon-cancel { background-position: 0 -128px; } .dp_datepicker .ui-icon-plus { background-position: -16px -128px; } .dp_datepicker .ui-icon-plusthick { background-position: -32px -128px; } .dp_datepicker .ui-icon-minus { background-position: -48px -128px; } .dp_datepicker .ui-icon-minusthick { background-position: -64px -128px; } .dp_datepicker .ui-icon-close { background-position: -80px -128px; } .dp_datepicker .ui-icon-closethick { background-position: -96px -128px; } .dp_datepicker .ui-icon-key { background-position: -112px -128px; } .dp_datepicker .ui-icon-lightbulb { background-position: -128px -128px; } .dp_datepicker .ui-icon-scissors { background-position: -144px -128px; } .dp_datepicker .ui-icon-clipboard { background-position: -160px -128px; } .dp_datepicker .ui-icon-copy { background-position: -176px -128px; } .dp_datepicker .ui-icon-contact { background-position: -192px -128px; } .dp_datepicker .ui-icon-image { background-position: -208px -128px; } .dp_datepicker .ui-icon-video { background-position: -224px -128px; } .dp_datepicker .ui-icon-script { background-position: -240px -128px; } .dp_datepicker .ui-icon-alert { background-position: 0 -144px; } .dp_datepicker .ui-icon-info { background-position: -16px -144px; } .dp_datepicker .ui-icon-notice { background-position: -32px -144px; } .dp_datepicker .ui-icon-help { background-position: -48px -144px; } .dp_datepicker .ui-icon-check { background-position: -64px -144px; } .dp_datepicker .ui-icon-bullet { background-position: -80px -144px; } .dp_datepicker .ui-icon-radio-on { background-position: -96px -144px; } .dp_datepicker .ui-icon-radio-off { background-position: -112px -144px; } .dp_datepicker .ui-icon-pin-w { background-position: -128px -144px; } .dp_datepicker .ui-icon-pin-s { background-position: -144px -144px; } .dp_datepicker .ui-icon-play { background-position: 0 -160px; } .dp_datepicker .ui-icon-pause { background-position: -16px -160px; } .dp_datepicker .ui-icon-seek-next { background-position: -32px -160px; } .dp_datepicker .ui-icon-seek-prev { background-position: -48px -160px; } .dp_datepicker .ui-icon-seek-end { background-position: -64px -160px; } .dp_datepicker .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .dp_datepicker .ui-icon-seek-first { background-position: -80px -160px; } .dp_datepicker .ui-icon-stop { background-position: -96px -160px; } .dp_datepicker .ui-icon-eject { background-position: -112px -160px; } .dp_datepicker .ui-icon-volume-off { background-position: -128px -160px; } .dp_datepicker .ui-icon-volume-on { background-position: -144px -160px; } .dp_datepicker .ui-icon-power { background-position: 0 -176px; } .dp_datepicker .ui-icon-signal-diag { background-position: -16px -176px; } .dp_datepicker .ui-icon-signal { background-position: -32px -176px; } .dp_datepicker .ui-icon-battery-0 { background-position: -48px -176px; } .dp_datepicker .ui-icon-battery-1 { background-position: -64px -176px; } .dp_datepicker .ui-icon-battery-2 { background-position: -80px -176px; } .dp_datepicker .ui-icon-battery-3 { background-position: -96px -176px; } .dp_datepicker .ui-icon-circle-plus { background-position: 0 -192px; } .dp_datepicker .ui-icon-circle-minus { background-position: -16px -192px; } .dp_datepicker .ui-icon-circle-close { background-position: -32px -192px; } .dp_datepicker .ui-icon-circle-triangle-e { background-position: -48px -192px; } .dp_datepicker .ui-icon-circle-triangle-s { background-position: -64px -192px; } .dp_datepicker .ui-icon-circle-triangle-w { background-position: -80px -192px; } .dp_datepicker .ui-icon-circle-triangle-n { background-position: -96px -192px; } .dp_datepicker .ui-icon-circle-arrow-e { background-position: -112px -192px; } .dp_datepicker .ui-icon-circle-arrow-s { background-position: -128px -192px; } .dp_datepicker .ui-icon-circle-arrow-w { background-position: -144px -192px; } .dp_datepicker .ui-icon-circle-arrow-n { background-position: -160px -192px; } .dp_datepicker .ui-icon-circle-zoomin { background-position: -176px -192px; } .dp_datepicker .ui-icon-circle-zoomout { background-position: -192px -192px; } .dp_datepicker .ui-icon-circle-check { background-position: -208px -192px; } .dp_datepicker .ui-icon-circlesmall-plus { background-position: 0 -208px; } .dp_datepicker .ui-icon-circlesmall-minus { background-position: -16px -208px; } .dp_datepicker .ui-icon-circlesmall-close { background-position: -32px -208px; } .dp_datepicker .ui-icon-squaresmall-plus { background-position: -48px -208px; } .dp_datepicker .ui-icon-squaresmall-minus { background-position: -64px -208px; } .dp_datepicker .ui-icon-squaresmall-close { background-position: -80px -208px; } .dp_datepicker .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .dp_datepicker .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .dp_datepicker .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .dp_datepicker .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .dp_datepicker .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .dp_datepicker .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .dp_datepicker .ui-corner-all, .dp_datepicker .ui-corner-top, .dp_datepicker .ui-corner-left, .dp_datepicker .ui-corner-tl { border-top-left-radius: 6px; } .dp_datepicker .ui-corner-all, .dp_datepicker .ui-corner-top, .dp_datepicker .ui-corner-right, .dp_datepicker .ui-corner-tr { border-top-right-radius: 6px; } .dp_datepicker .ui-corner-all, .dp_datepicker .ui-corner-bottom, .dp_datepicker .ui-corner-left, .dp_datepicker .ui-corner-bl { border-bottom-left-radius: 6px; } .dp_datepicker .ui-corner-all, .dp_datepicker .ui-corner-bottom, .dp_datepicker .ui-corner-right, .dp_datepicker .ui-corner-br { border-bottom-right-radius: 6px; } /* Overlays */ .dp_datepicker .ui-widget-overlay { background: #5c5c5c url('ui-bg_flat_50_5c5c5c_40x100.png') 50% 50% repeat-x; opacity: .8; filter: Alpha(Opacity=80); } .dp_datepicker .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url('ui-bg_flat_30_cccccc_40x100.png') 50% 50% repeat-x; opacity: .6; filter: Alpha(Opacity=60); border-radius: 8px; }