body { background: url('http://www.maxoptix.com/product_images/uploaded_images/background1.png'); margin-top: 30px; } .copy { padding: 5px 0 10px 10px; } p { color: #333333; } a, .copy a, .Content a { color: #0099FF; text-decoration: none; } a:hover { text-decoration: underline; color: #C1B826; } .copy h1, .copy h2, .copy h3 { color: #444444; } .copy h3 { padding-bottom: 10px; } .blue-h4 { font-size: 16px; color: #fff; padding: 10px; background-color: #343D46; border-radius: 5px; } #PageContent h2, #HomeFeaturedProducts h2 { margin: 10px 0 0 10px; color: #ee3124; font-weight: 600; } .Content h2 { color: #ee3124; } .Left a, .Right a { color: #0099FF; text-decoration: none; } .Left li a:hover, .Left a:hover, .Right a:hover, .ProductList strong a:hover, .Left a:hover, a > h3:hover { color: #EDAD41; text-decoration: underline; } .ProductActionAdd a { color: #000; } .ProductActionAdd a:hover { color: #000; } #Container { background: #fff; padding-top: 3px; margin-bottom: 30px; border-radius: 5px; } #TopMenu { padding-top: 0; } .copy p { font-family: arial, helvetica, sans-serif; font-size: 14px; padding-right: 10px; } #about img { margin-left: 0px; border: solid 3px #1c5ea9; } .HomeCopy { padding: 10px; margin-top: 5px; margin-bottom: -10px; padding-bottom: 5px; border-top: dotted 2px #1c5ea9; border-bottom: dotted 2px #1c5ea9; } .HomeCopySingle { padding: 10px; margin-top: 5px; margin-bottom: -10px; padding-bottom: 5px; border-bottom: dotted 2px #1c5ea9; } .HomeCopy h1 { font-family: Arial, Helvetica, sans-serif; color: #1c5ea9; } .copy-bold { font: bold 16px/100% Verdana, Arial, Helvetica, sans-serif; color: #999999; text-align:left; padding-bottom: 7px; } tr .copy { padding: 10px 20px 10px 3px; } tr .copy a { position: relative; top: 2px; } tr .copy-bold { padding-top: 9px; } .Required { margin-left: -4px; } .answer { color: #96BC4B; } #recaptcha_widget_div { width: 444px; } .Left > .Block, .Right > .Block { background: url('http://www.maxoptix.com/template/Images/blue/bg_sideblock.gif'); width: 182px; margin-left: 4px; margin-right: 4px; } .Right { width: 190px; } .SubBrandListGrid li { height: 120px !important; } .SubBrandListGrid .RowDivider { display: none; } .SideRecentlyViewed .ProductDetails { margin-left: 0 !important; } .SideRecentlyViewed .ProductActionAdd a { margin-left: 6px; } .Content { position: relative; } .pricingGrid td { padding: 3px 0 5px 0; } .contact-button { padding: 9px 20px 11px 20px; border-radius: 5px; border: 1px solid #82AE35; color: #fff !important; font-size: 14px; background: rgb(185,223,101); /* Old browsers */ background: -moz-linear-gradient(top, rgba(185,223,101,1) 0%, rgba(136,174,65,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,223,101,1)), color-stop(100%,rgba(136,174,65,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(185,223,101,1) 0%,rgba(136,174,65,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(185,223,101,1) 0%,rgba(136,174,65,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(185,223,101,1) 0%,rgba(136,174,65,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(185,223,101,1) 0%,rgba(136,174,65,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9df65', endColorstr='#88ae41',GradientType=0 ); /* IE6-9 */ } .right-button { float: right; position: relative; top: 27px; right: 13px; } #authorize { padding: 5px 0 15px 45px; } .PrimaryProductDetails .ProductMain { float: left; left: 65px; position: relative; width: 325px; } .toggle:hover { cursor: pointer; } #LoginButton, .Submit input, .form-submit-button-simple_green_apple, #bottom_payment_button, #CheckoutStepShippingProvider input { border-radius: 5px; border: 1px solid #c3b200; padding: 3px 15px !important; color: #000 !important; background: rgb(255,230,11); background: -moz-linear-gradient(top, rgba(255,230,11,1) 0%, rgba(224,206,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,230,11,1)), color-stop(100%,rgba(224,206,19,1))); background: -webkit-linear-gradient(top, rgba(255,230,11,1) 0%,rgba(224,206,19,1) 100%); background: -o-linear-gradient(top, rgba(255,230,11,1) 0%,rgba(224,206,19,1) 100%); background: -ms-linear-gradient(top, rgba(255,230,11,1) 0%,rgba(224,206,19,1) 100%); background: linear-gradient(to bottom, rgba(255,230,11,1) 0%,rgba(224,206,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe60b', endColorstr='#e0ce13',GradientType=0 ); } .BulkDiscount input { position: relative; left: 10px; bottom: 4px; } .limited-quantities { width: 120px; height: 86px; background: url("http://www.maxoptix.com/template/Images/limited-availability.png") top left no-repeat; position: absolute; top: 75px; left: 0px; z-index: 10; } .ProductDetailsGrid .Label { margin: 0 0 6px -145px; width: 135px; font-size: 12px; } .ProductAddToCart { margin-top: 10px; } .ol { counter-reset: my-badass-counter; list-style: none; margin-bottom: 20px; } .ol li { margin: 0 0 15px 0; } .ol li:before { background: url("http://www.maxoptix.com/product_images/uploaded_images/red-circle.jpg") top left no-repeat; content: counter(my-badass-counter); counter-increment: my-badass-counter; margin: 0 5px 0 -20px; padding: 4px 7px 7px 7px; color: #fff; font: trebuchet ms; } .ul { margin-bottom: 20px; } .disclaimer { color: #999; font-size: 11px !important; } .fancy { color: #666; font-weight: bold; font-size: 13px; } .CurrentlySoldOut { clear: both !important; margin: 10px 0 !important; position: relative !important; top: 0 !important; } .CurrentlySoldOut p { margin-bottom: 5px; font-weight: bold !important; color: #FF0000 !important; } /*Pricing Boxes *******************************************************************/ .pricing-box { width: 100%; height: 300px; border: 1px solid #9BA2AC; border-radius: 10px; } .pricing-box-background { width: 100%; height: 300px; border-radius: 10px; margin-bottom: 20px; } .gray { background: rgb(235,235,235); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); } .blue { background: rgb(214,236,255); background: -moz-linear-gradient(top, rgba(214,236,255,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,236,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(214,236,255,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(214,236,255,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(214,236,255,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(214,236,255,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ecff', endColorstr='#ffffff',GradientType=0 ); } .pricing-box img { margin: 10px 0 5px 20px; } .pricing-box h2 { color: #000 !important; font-size: 30px; font-weight: normal; padding: 0; margin: 15px 0 7px 20px !important; } .pricing-box h3 { color: #333 !important; font-weight: normal; font-size: 17px; line-height: 35px !important; margin: 0 0 0 21px !important; } .pricing-box h3 strong { font-weight: 600; } .pricing-box p { margin: 10px 270px 0 21px !important; font-size: 11px; } .silver-cd { background: url("http://www.maxoptix.com/template/images/maxoptix/cd-pricing/silver-cd.png") bottom right no-repeat; } .color-cd { background: url("http://www.maxoptix.com/template/images/maxoptix/cd-pricing/color-cd.png") bottom right no-repeat; } .silver-dvd { background: url("http://www.maxoptix.com/template/images/maxoptix/cd-pricing/silver-dvd.png") bottom right no-repeat; } .color-dvd { background: url("http://www.maxoptix.com/template/images/maxoptix/cd-pricing/color-dvd.png") bottom right no-repeat; } /*Testimonials *******************************************************************/ .testimony { padding: 20px; font-size: 13px; } .quotes { font-size: 30px; line-height: 7px; position: relative; top: 10px; } .quote { font-size: 14px; } .testimony, .testimony-side { color: #333; font-weight: bold; background: url('http://www.maxoptix.com/template/Images/maxoptix/testimony-background.png') repeat top left; border-radius: 5px; border: 1px solid #5B9E41; } .quotes, .quotes-side { color: #fff; text-shadow: 1px 1px 1px #666; } .quote, .quote-side { color: #fff; font-style: italic; text-shadow: 1px 1px 1px #666; } .testimony-side { margin: 0 4px 5px; width: 165px; font-size: 10px; padding: 10px 5px 7px 10px; } .quotes-side { font-size: 25px; line-height: 0px; position: relative; top: 7px; } .quote-side { font-size: 11px; } .cd-sample { background: url('http://www.maxoptix.com/template/Images/maxoptix/free-disc-sample.png') repeat-none top left; position: relative; left: -2px; top: 1px; } .cd-sample-background { margin: 0 4px 5px; width: 182px; height: 89px; /*border: 1px solid #B3B3B3;*/ border-radius: 5px; background: url('http://www.maxoptix.com/template/Images/maxoptix/disc-sample-background.png') repeat top left; } /*TABLES *************************************************************************/ .table asdfsadf { width: 560px; border: 1px solid #666; } .table th { font-family: Verdana,Arial,Helvetica,sans-serif; height: 30px; color: #fff; background: #353e49; } table { width: 98%; border: 1px solid #AAA; border-spacing: 1px; } th { padding: 20px; } td { padding: 7px 20px; text-align: center; } tr .copy { text-align: left; padding-right: 20px; } .left-aligned td { text-align: left; } .table-header td { color: #FFFFFF; font-weight: bold; padding: 10px 20px; background: rgb(22,22,22); /* Old browsers */ background: -moz-linear-gradient(top, rgba(22,22,22,1) 0%, rgba(109,109,109,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,1)), color-stop(100%,rgba(109,109,109,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(109,109,109,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(109,109,109,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(109,109,109,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(22,22,22,1) 0%,rgba(109,109,109,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */ } .odd { background: #E5E5E5; } .break td { border-bottom: 3px solid #AAA; } /* SMALL HORIZONTAL TRUST MARKS **************************************************/ #TrustmarkSmall img { margin-top: 5px; margin-left: -16px; margin-bottom: 10px; } /* SHIPPING LOGOS, FREE SHIPPING OVER $200 ****************************************/ #ShippingLogosSmall { margin-top: 5px; margin-bottom: 8px; padding-bottom: 3px; border-top: dotted 2px #1c5ea9; border-bottom: dotted 2px #1c5ea9; } #ShippingLogosSmall img { margin-top: 3px; margin-left: 12px; } #ShippingLogosSmall h2 { margin: 0; padding: 0; margin-left: -3px; width: 200px; color: #1c5ea9; font-size: 14px; font-weight: bold; font-style: italic; } #ShippingLogosSmall h3 { margin: 0; padding: 0; margin-left: 0px; width: 175px; color: #1c5ea9; font-size: 14px; font-weight: normal; } #ShippingLogosSmall h4 { margin: 0; padding: 0; margin-left: 10px; width: 200px; color: #1c5ea9; font-size: 11px; font-weight: normal; margin-bottom: 6px; } /* WE STOCK... **********************************************************************/ #WeStock { padding-top: 10px; margin-right: -5px; } #WeStock p { font-size: 12px; } #WeStock h2 { margin: 0; padding: 0; padding-bottom: 10px; color: #1c5ea9; font-size: 17px; font-weight: bold; } /* HOME PAGE CONTENT ***********************************************************/ .banner_home_page_top { padding-left: 10px; padding-right: 10px; } #HomeFeaturedProducts, #HomeNewProducts { margin-left: 20px; } /* OK, HERE'S THE NEW STUFF FOR THE MAXOPTIX STORE: *********************************/ #Container { position: relative; } #slide1 { width: 540px; height: 240px; } .manufacturerLogos { margin-left: 10px; } .manufacturerLogos a { margin-right: 40px; } .last { margin: 0; } .line { width: 96%; margin: 0px 3px 0px 10px; border-top: 1px solid #E8E8E8; } /* COLUMNS ********************************************/ .col50left { float: left; width: 50%; } .col50right { float: right; width: 50%; } .clear { clear: both; } /* NAVIGATION LEFT ************************************/ .nav-container { width: 170px; margin: 0 auto; padding-left: 10px; padding-bottom: 3px; margin-bottom: 4px; border: 1px solid #B3B3B3; border-radius: 5px; background: rgb(234,234,234); /* Old browsers */ background: -moz-linear-gradient(left, rgba(234,234,234,1) 0%, rgba(252,252,252,1) 1%, rgba(252,252,252,1) 54%, rgba(244,244,244,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,234,234,1)), color-stop(1%,rgba(252,252,252,1)), color-stop(54%,rgba(252,252,252,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(234,234,234,1) 0%,rgba(252,252,252,1) 1%,rgba(252,252,252,1) 54%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(234,234,234,1) 0%,rgba(252,252,252,1) 1%,rgba(252,252,252,1) 54%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(234,234,234,1) 0%,rgba(252,252,252,1) 1%,rgba(252,252,252,1) 54%,rgba(244,244,244,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(234,234,234,1) 0%,rgba(252,252,252,1) 1%,rgba(252,252,252,1) 54%,rgba(244,244,244,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */ } .nav-container ul { list-style-type: none; margin: 0; padding: 0; } .nav-container li { font: bold 11px/110% Verdana, Arial, Helvetica, sans-serif; color: #666666; padding: 10px 0; margin-right: 11px; border-bottom: 1px dotted #CCC; } .nav-container .last { border-bottom: none; } .nav-container a:link, .nav-container a:visited, .nav-container a:hover, .nav-container a:active { color: #5E9E44; text-decoration: none; font-weight: bold; } li #last { border-bottom: 1px dotted #FFF; } /* NAVIGATION TOP ***************************************/ #Menu { background: url("http://www.maxoptix.com/template/Images/blue/bg_nav.jpg") repeat scroll 0 0 transparent; margin: 4px 0 4px 0; height: 40px; } #Menu li a { padding: 10px 20px 0 0; } #Menu .First { margin: 0 20px 0 5px; text-shadow: 1px 1px 2px #A09000; } #Menu li ul li a { padding: 6px 10px; width: 152px; } #Menu li ul li a:hover { text-decoration: underline !important; } #Menu li ul { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-bottom: 5px; box-shadow: 1px 2px 4px rgba(0,0,0,0.5); top: 38px; background: #000; } #Menu a { font-weight: bold !important; font-size: 14px !important; padding: 10px 20px 8px 20px !important; background: none !important; } #Menu li ul li a { font-size: 12px !important; } /*PANELS ************************************************/ .testimonials h3, .shipping h3, .trustmarks h3, .artPrep h3, .browseStore h3, .shippingandreturns h3 { color: #5E9E44; margin-bottom: 12px; } .shipping, .trustmarks, .artPrep, .browseStore, .testimonials, .shippingandreturns { width: 165px; margin: 0 auto; padding: 10px 5px 0px 10px; border: 1px solid #B3B3B3; border-radius: 5px; position: relative; background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(234,234,234,1) 50%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(234,234,234,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } .testimonials, .artPrep { padding: 10px 6px 0 10px; } /*FOOTER **********************************************/ #Footer { height: 150px; background: none; margin-bottom: -16px; border-radius: 5px; position: relative; background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(234,234,234,1) 50%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(234,234,234,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 50%,rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } #shippingFooter { width: 195px; position: relative; } #paymentFooter { width: 235px; position: relative; } #shippingFooter, #paymentFooter { text-align: left; margin-top: 5px; float: left; } /*NEW NAVIGATION *****************************************/ #SideCategoryList .sf-menu li a { background: none; } #SideCategoryList { border: 1px solid #82A63C; border-radius: 5px; background: url("http://www.maxoptix.com/template/Images/maxoptix/nav-header.png") no-repeat top left #E5FFD6 !important; } #SideCategoryList h2 { color: #fff; margin-bottom: 15px; padding-top: 6px; font-size: 16px; text-shadow: 1px 1px 2px #436009; } #SideCategoryList .BlockContent { margin: 0; } #SideCategoryList ul li a { width: 157px !important; } #SideCategoryList ul .sfHover { background: #fff !important; border: 2px solid #FFDF87 !important; border-left: 1px solid #FFDF87 !important; border-right: none !important; margin: -2px 0 -2px -1px !important; z-index: 505; } #SideCategoryList ul li ul { border: 2px solid #FFDF87 !important; background: #fff !important; padding: 12px 9px !important; box-shadow: 0 0 5px #888; border-radius: 4px; top: -14px; left: 175px !important; z-index: 10; } #SideCategoryList ul li ul li a, #SideCategoryList ul li ul li ul li a{ background: none !important; font-weight: normal; font-size: 13px; } #SideCategoryList ul li ul li:first-child a { background: #fff !important; margin-left: -40px; padding-left: 50px; padding-right: none !important; padding-bottom: 4px !important; width: 145px !important; } #SideCategoryList a:hover { color: #EDAD00 !important; text-decoration: none; } #SideCategoryList a { color: #2D4400 !important; font-weight: bold; font-size: 12px; background: none !important; } .sf-sub-indicator { left: 160px !important; } #SideCategoryList ul li ul li .sf-sub-indicator { left: 145px !important; top: 9px !important; } #SideCategoryList ul li { width: 182px; } #SideCategoryList ul li ul .sfHover { background: none !important; border: none !important; margin: 0 !important; } /*NEW STUFFFFFFF *****************************************/ body { background: #0A0A0A url('http://www.maxoptix.com/template/Images/background.jpg') top left repeat-x; margin-top: 4px; padding: 0 5px 0 5px; } #Header { background: url('http://www.maxoptix.com/template/Images/banner.jpg') top left no-repeat; height: 150px; margin: 0; padding: 0; } #Container { border: 1px solid #6CB74E; } #shippingFooter h3, #paymentFooter h3 { margin-left: 3px; color: #5E9E44; } #SearchForm { padding: 63px 50px 0 0; } #HomeFeaturedProducts { width: 575px; margin-left: -1px; margin-top: -13px; } /* * jQuery FlexSlider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 540px; height: 240px; margin: 30px 0 40px 0; padding: 0; background: #CCC;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: #fff; border: 4px solid #89909A; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(/template/theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li .next {background-position: -52px 0; right: -21px;} .flex-direction-nav li .prev {left: -20px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/template/theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}