/* Featured Content Slider by: Chris Coyier */ * { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } /* UTILITY STYLES */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } .clear { clear: both; } a { outline: none; } /* PAGE STRUCTURE */ #page-wrap { } /* TYPOGRAPHY */ ul { list-style: square inside; } a, a:visited { color: #729dff; text-decoration: none; } a:hover, a:active { color: white; } blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;} /* SLIDER */ .slider-wrap {position:absolute;width:600px;} .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer {height:349px;overflow:hidden;position:relative;width:600px;} .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 600px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid black; margin-right: 5px; #margin-right: 5px;_margin-right: 3px;} #movers-row { margin:0; } #movers-row div { width:63px; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data {background:transparent url(images/transpBlack.png) repeat scroll 0 0;color:white; height:30px;margin-top:-55px;padding:10px;position:relative;z-index:0;} .photo-meta-data {background:transparent url(images/transpBlack.png) repeat scroll 0 0;color:white;height:30px;margin-top:-54px;padding:10px;position:relative;z-index:0; } .cross-link {display:block;margin-top:-38px;padding-top:15px;position:relative;width:62px; z-index:0; } .active-thumb { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; } /*ANYTHING SLIDER SCRIPT*/ #dl { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; } #dl:hover { background: #666; } a.cross-link img {border:0;margin-top:2px;} /* This stuff is for the TitleBlock Plugin */ .image { position: relative; margin-bottom: 20px; width: 100%; } .image h2 { position: absolute; top: 220px; left: 0; width: 100%; } .image h2 span { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; } .image h2 span.spacer { padding: 0 2px; background: none; } /* For Specific Slides */ #textSlide { padding: 10px 30px; } #textSlide h3 { font: 20px Georgia, Serif; } #textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; } #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #textSlide ul li { display: list-item; } #quoteSlide { padding: 30px; } #quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #quoteSlide p { text-align: center; } /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .anythingSlider {height:316px;margin:0 auto 0;position:relative;width:434px; } .anythingSlider .wrapper {border-bottom:3px solid #E0A213;border-top:3px solid #E0A213;height:219px;left:0;margin:0 30px;overflow:auto;position:absolute;top:8px;width:357px;} .anythingSlider .wrapper ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;position:absolute;top:0;width:99999px; } .anythingSlider ul li {background:url(images/sliderbg.png) no-repeat scroll left top; display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(images/arrows.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 23px; cursor: pointer; } .anythingSlider .forward { background-position:0 0;right:-13px; } .anythingSlider .back {background-position:-67px 0;left:-28px;} .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #thumbNav {position:relative;text-align:center;top:233px; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #e0a213; } #start-stop { background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 292px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } .productwrapper2 {background:#FFFFFF none repeat scroll 0 0;float:left;height:165px;margin-left:17px;margin-top:25px;padding:5px; width:317px;} .productwrapper2 .image {float:right;width:126px;} .productwrapper2 .image img {border:1px solid #666666;} .productwrapper2 .detail {float:left;width:177px;}