/*
* Futurevision
* 10.06.2009
*/
html { height: 100%; margin-bottom: 1px; font-size: 100%; }
body { padding: 0; background: #18191B url(../images/futurevision/bg.png) repeat-x 0 0; color: #888; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button, fieldset { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #888; text-decoration: none; outline: none; cursor: pointer; }
a:hover { color: #e022e4; text-decoration: none; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
fieldset { border: none; }
/*
* some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }
.hide { display: none; }
.wrapper { width: 960px; margin: 0 auto; }
.clear { clear: both; }
.cursor-wait { cursor: wait !important; }
/*
* header
*/
.header { overflow: hidden; }
.header h1 { float: left; }
p.hotline { float: right; margin-bottom: 15px; padding-bottom: 0; color: #fff; text-align: right; }
p.hotline span { margin-right: 5px; padding-right: 20px; background: transparent url("../images/futurevision/icon-phone.jpg") no-repeat 100% 0; text-transform: uppercase; }
.top-links { overflow: hidden; float: right; width: 540px; height: 76px; padding-top: 25px; }
.top-links .top { overflow: hidden; }
ul.top-menu { overflow: hidden; float: right; }
ul.top-menu li { float: left; background: transparent url("../images/futurevision/top-sep.png") no-repeat 100% 50%; }
ul.top-menu li.last { padding-left: 25px; background: none; }
ul.top-menu li.no-border { background: none; }
ul.top-menu li span { color: #464749; }
ul.top-menu li span.price { color: #888; }
ul.top-menu li a { padding: 0 7px; color: #fff; }
ul.top-menu li a:hover { color: #e022e4; }
ul.top-menu li.last a { padding-left: 20px; background: transparent url(../images/futurevision/icon-cart.jpg) no-repeat 0 0; color: #E022E4; font-weight: bold; }
ul.top-menu li.last a span.cart-qty { padding: 0 5px; color: #fff; font-weight: normal; }
ul.top-menu li.last a span.cart-total { color: #8c8c8d; font-weight: normal; }
/*
* nav
*/
#nav { overflow: hidden; clear: both; height: 40px; margin-bottom: 1px; background: #000 url("../images/futurevision/menu.png") repeat-x 0 0; }
#nav li { float: left; background: transparent url("../images/futurevision/menu-separator.png") no-repeat 0 0; }
#nav a { float: left; padding: 0 20px; color: #A7A7A8; font-weight: normal; }
#nav a:hover { background: transparent url(../images/futurevision/menu.png) repeat-x 0 -40px; color: #fff; }
#nav span { line-height: 40px; cursor: pointer; }
/*.flash { z-index: 0; width: 960px; height: 151px; margin: 0 auto; background: transparent url(../images/futurevision/flash.jpg) no-repeat scroll 0 0; }*/
.slideshow { position: relative; overflow: hidden; height: 399px; background: #020100; }
.slideshow ul { list-style: none; }
.slideshow p.nav { position: absolute; bottom: 20px; right: 15px; z-index: 1000; padding: 0; }
.slideshow p.nav a { display: inline-block; background: transparent url("../images/slideshow/arrows.png") no-repeat 0 1px; color: #E022E4; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.slideshow p.nav a.prev { padding-left: 25px; }
.slideshow p.nav a.next { padding: 0 25px 0 0; background-position: 100% -734px; }
.sidebar {float: left; width: 190px; margin: 0 0 20px; padding: 20px; background: #000;}
.sidebar h2 {margin-top: 0; color: #fff; font-weight: 400; font-size: 18px; text-transform: uppercase;}
.sidebar ul, .sidebar ol { display: block; margin: 15px 0; list-style: none;}
.sidebar ol { margin-bottom: 0; }
.sidebar li { margin: 0; padding: 0; }
.sidebar li a, .sidebar li a:visited { display: block; border-bottom: 1px dotted #303032; /*background: url(../images/futurevision/dots.gif) left bottom repeat-x;*/ color: #888; line-height: 2em; text-decoration: none; }
.sidebar li a:hover, .sidebar li.active a, .sidebar li.active li.active a, .sidebar li.active li.active li.active a { color: #E022E4; }
.sidebar li.active li a, .sidebar li.active li.active li a { color: #888; }
.sidebar li ul { margin: 0; }
.sidebar li li a { padding-left: 15px; }
.sidebar li li li a { padding-left: 30px; }
.main { float: left; overflow: hidden; width: 730px; /*min-height: 400px;*/ margin: 0; padding: 0 0 10px 0; background: #fff;}
.main h1, h1.newproducthead {height: 60px; margin: 0; padding: 0 30px; background: url(../images/futurevision/h1.png) top repeat-x; color: #fff; font-size: 1.5em; font-weight: normal; line-height: 60px; text-transform: uppercase;}
.main p.selection { padding: 0 10px; color: #888; }
.bottom-space { min-height: 200px; margin-bottom: 20px; }
.middle-container { width: 960px; margin: 0 auto; background: #18191B url(../images/futurevision/background2.jpg) repeat-x left bottom; }
.side-col { width:195px; }
.middle-container .col-right { width: 220px; }
.col-left { float:left; }
.col-main { float:left; }
.col-right { float:right; }
.col-1-layout .col-main { float:none; margin:0; }
.col-2-right-layout .col-main { float:left; width:685px; }
.col-2-left-layout .col-main { float:right; width:685px; }
.col-3-layout .col-main { width:475px; margin-left:17px; }
/* Breadcrumbs */
.breadcrumbs { padding: 1em 10px; font-size:.9em; line-height:2em; }
.breadcrumbs li { display: inline; color: #888; }
.breadcrumbs li strong { padding: 0 5px; color: #fff; font-weight: normal; }
.breadcrumbs li a { padding: 0 5px; color: #888; text-decoration: none; }
.breadcrumbs li a:hover { color: #E022E4 }
.breadcrumb {padding: 0 10px; line-height: 2em; font-size: .9em;}
.breadcrumb span {padding: 0 5px; color: #fff;}
.breadcrumb a {padding: 0 5px;}
.page-info { float: left; margin: 0; padding: 10px 30px; color: #888; font-size: .9em; line-height: 1em; }
ol.pagination { overflow: hidden; float: right; padding: 10px 30px; color: #888; font-size: .9em; }
ol.pagination li { float: left; padding: 0 5px; line-height: 1em; }
ol.pagination li a { color: #E022E4; text-decoration: none; }
ol.pagination li.separator { border-right: 1px solid #888; }
ul.products {clear: both; overflow: hidden; list-style: none; margin: 0 30px; padding-top: 10px; }
ul.products li {position: relative; float: left; width: 278px; height: 130px; margin: 0 15px 15px 0; padding: 20px; border: 1px solid #ddd; border-top: none; background: url(../images/futurevision/product-back.png) top repeat-x;}
ul.products li img {float: left; margin-right: 10px; padding: 3px; border: 1px solid #ddd; background: #fff;}
ul.products li h3 {margin-top: 0; color: #333; font-weight: 400; text-transform: uppercase;}
ul.products li h3 a, ul.products li h3 a:visited {color: #333; text-decoration: none; }
ul.products li h3 a:hover {color: #E022E4;}
ul.products li p {display: block;}
ul.products li p.price {color: #E022E4; font-weight: 700; font-size: 1.2em;}
ul.products li a.buy, ul.products li a.buy:visited {display: block; width: 69px; height: 20px; margin-left: 135px; background: url(../images/futurevision/button-buy-list.png) left top no-repeat; color: #fff; font-weight: 700; line-height: 20px; text-align: center; text-decoration: none; cursor: pointer; }
ul.products li a.buy:hover {background-position: left bottom;}
ul.search-left span { display: inline-block; width: 70px; }
ul.search-left { margin-bottom: 0; }
/*
* footer
*/
/* bottom columns */
.col1-3 {float: left; width: 290px; padding: 20px 10px; color: #888;}
.col2-3 {float: left; overflow: hidden; width: 620px; padding: 20px 10px; color: #888;}
.col2-3 .col2 {float: left; width: 279px; padding: 0 10px; border-right: 1px solid #252628;}
.col2-3 .col2 h4 a {margin-top: 0; color: #888; text-decoration: none; }
.wrapper h3 { color: #A7A7A8; text-transform: uppercase; font-size: 1.2em; line-height: 1.6em;}
.wrapper .col2-3 h3, .wrapper .col1-3 h3 { padding: 10px 0; }
.wrapper .col2-3 h4 { padding-bottom: 10px; }
/* bottom category lists */
ul.categories {list-style: none; border-top: 1px solid #1F2022;}
ul.categories li {margin: 0;}
ul.categories a {display: block; height: 20px; padding-left: 15px; border-bottom: 1px solid #1F2022; background: url(../images/futurevision/arrow-white.gif) left center no-repeat; font-size: .9em; line-height: 20px; color: #888; text-decoration: none;}
ul.categories a:hover { color: #E022E4; }
/* quick contact */
.qcontact {background: url(../images/futurevision/contact-back.jpg) right bottom no-repeat;}
.qcontact strong {color: #fff; font-size: 1.1em; font-weight: 400; text-transform: uppercase;}
.qcontact a, .qcontact a:visited {color: #E022E4; text-decoration: none;}
.qcontact a:hover {color: #fff;}
.qcontact p { display: block; }
.bottom-container { margin-top: 10px; background-color: #18191B; }
.bottom-container .wrapper { padding: 30px 0; }
.bottom-container .wrapper h3 { padding-bottom: 10px; color: #fff; }
.bottom-container .wrapper ol { list-style: decimal; padding-left: 3ex; font-size: 11px; }
.bottom-container .wrapper ol li { border-bottom: 1px solid #1f2022; line-height: 2; }
.bottom-container .wrapper .three-columns div.primary,
.bottom-container .wrapper .three-columns div.secondary,
.bottom-container .wrapper .three-columns div.tertiary { min-height: 210px; }
.bottom-container p a.more { display: inline-block; margin-top: 10px; padding-left: 20px; background: transparent url("../images/futurevision/arrow-round.gif") no-repeat 0 50%; line-height: 15px; }
.footer-container { border-top:15px solid #B6D1E2; }
.footer { clear: both; background-color: #fff; }
.footer .wrapper { padding: 0; }
.footer .store-switcher { display:inline; padding:0 10px 0 0; vertical-align:middle; }
.footer .informational label { color:#fff; font-weight:bold; padding-right:3px; }
.footer .informational ul {
display:inline;
}
.footer .informational li {
display:inline;
background:url(../images/footer_info_separator.gif) no-repeat 100% 50%;
padding-right:8px;
padding-left:4px;
}
.footer .informational li.last { background:none; padding-right:0; }
.footer .informational a, .footer .informational a:hover { color:#fff; }
.footer .informational a { text-decoration:none; }
.footer .legality { margin-bottom: 0; color: #888; font-size: .9em; line-height: 50px; }
.footer .legality a { color: #888; text-decoration: none; }
.footer .legality a:hover { color: #E022E4; }
.footer .legality a.last { float: right; }
/*
* home page
*/
ul.home-categories { overflow: hidden; list-style: none; padding: 30px 0; }
ul.home-categories li { float: left; width: 167px; padding: 0 15px; }
ul.home-categories li.first { padding-left: 4px; }
ul.home-categories li.last { padding-right: 0; }
ul.home-categories li h3 { padding-bottom: 14px; color: #fff; line-height: 1; }
ul.home-categories li p a.more { display: block; margin-top: 10px; padding-left: 20px; background: transparent url("../images/futurevision/arrow-round.gif") no-repeat 0 50%; color: #fff; line-height: 15px; }
/* Three columns */
.three-columns { overflow: hidden; padding: 0 641px 0 0; }
.three-columns .primary { float: left; width: 259px; margin-right: -1px; padding: 0 30px; border-right: 1px solid #313234; }
.three-columns .secondary { overflow: hidden; float: right; width: 260px; margin-right: -322px; padding: 0 30px; border-left: 1px solid #313234; border-right: 1px solid #313234; }
.three-columns .tertiary { overflow: hidden; float: right; width: 260px; margin-right: -642px; padding: 0 30px; border-left: 1px solid #313234; }
/* Homepage columns */
.homepage-columns { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #313234; }
.homepage-columns .primary { width: 239px; min-height: 190px; }
.homepage-columns .secondary { width: 240px; min-height: 190px; margin-right: -282px; }
.homepage-columns .tertiary { width: 299px; min-height: 190px; margin-right: -661px; }
.homepage-columns h2 { padding-bottom: 5px; }
.homepage-columns .primary h2,
.homepage-columns .secondary h2 { padding-left: 20px; }
.homepage-columns .tertiary ul { overflow: hidden; }
.homepage-columns .tertiary ul li { margin-top: -1px; margin-bottom: 2px; padding-left: 20px; border-top: 1px solid #424344; background: transparent url("../images/futurevision/arrow-round.gif") no-repeat 0 50%; line-height: 25px; }
/*
* Gallery slider for photos and videos
*/
.three-columns .slider { position: relative; padding: 0 20px; }
.three-columns .slider ul { width: 999em; }
.three-columns .slider ul li { float: left; width: 200px; font-size: 11px; }
.three-columns .slider ul li img { width: 200px; height: 105px; margin-bottom: 7px; }
.three-columns .slider ul li a { position: relative; }
.three-columns .slider ul li a span.play-button { position: absolute; display: block; top: -60px; left: 82px; width: 35px; height: 35px; background: transparent url('../images/futurevision/play.png') no-repeat 50% 50%; font-size: 0; line-height: 0; }
.three-columns .slider > div { position: relative; overflow: hidden; width: 200px; }
.three-columns .slider a.slider-prev,
.three-columns .slider a.slider-next { position: absolute; top: 45px; left: 0; overflow: hidden; float: left; width: 11px; height: 18px; background: transparent url("../images/futurevision/slider_arrows.png") no-repeat 0 0; text-indent: -99em; }
.three-columns .slider a.slider-prev:hover { background-position: 0 100%; }
.three-columns .slider a.slider-next { left: auto; right: 0; background-position: 100% 0; }
.three-columns .slider a.slider-next:hover { background-position: 100% 100%; }
.col-main h2 { color: #fff; font-size: 1.5em; text-transform: uppercase; }
.showcase-wrapper {overflow: hidden; padding-top: 20px; background: url(../images/futurevision/dots.gif) bottom repeat-x;}
.showcase-wrapper a { text-decoration: none; }
.showcase-main {float: left; width: 631px; padding: 0;}
.showcase-side {float: right; width: 310px;}
p.showcase-link { float: left; margin-bottom: 0; padding: 0 0 0 20px; padding-bottom: 0; background: url(../images/futurevision/arrow-round.gif) left center no-repeat; color: #444; line-height: 40px; }
.showcase-link a, .showcase-link a:visited {color: #fff;}
.showcase-link a:hover {color: #E022E4;}
.showcase-help {height: 240px; padding: 20px; background: #000;}
.showcase-help h2 { margin-top: 0; padding-bottom: 10px; color: #fff; font-size: 1.5em; text-transform: uppercase; }
.showcase-help p strong {color: #fff; font-size: 1.1em; font-weight: 400; text-transform: uppercase;}
.showcase-help ol {list-style-position: inside;}
.showcase-help li {margin: 0; background: url(../images/futurevision/dots.gif) bottom repeat-x; line-height: 25px;}
.showcase-help li a { color: #888; }
.showcase-help li a:hover { color: #E022E4; }
.showcase-help li.last {background: none;}
.showcase {position: relative; height: 280px; background: url(../images/futurevision/showcase-back.png) left top no-repeat;}
.showcase ul.sections {position: absolute; right: 0; top: 0; width: 235px; height: 270px; margin: 0; list-style: none;}
.showcase ul.sections li {margin: 0;}
.showcase ul.sections li a, .showcase ul.sections li a:visited {display: block; height: 54px; padding-left: 25px;}
.showcase ul.sections li a:hover, .showcase ul.sections li a.current, .showcase ul.sections li a.current:visited {background: url(../images/futurevision/arrow-black.gif) top left no-repeat;}
.showcase ul.sections li a span {display: block; height: 54px; padding-left: 60px; background: url(../images/futurevision/arrow-round.gif) 40px center no-repeat; color: #fff; line-height: 54px;}
.showcase ul.sections li a span.sec1 {border-bottom: 1px solid #B51CBD;}
.showcase ul.sections li a span.sec2 {border-bottom: 1px solid #AB1DBA;}
.showcase ul.sections li a span.sec3 {border-bottom: 1px solid #9E1EB5;}
.showcase ul.sections li a span.sec4 {border-bottom: 1px solid #8C1FAD;}
.showcase ul.sections li a span.sec5 {border-bottom: none;}
.showcase .section {position: absolute; left: 20px; top: 20px; width: 380px;}
.showcase .section hr {height: 0; border: none; border-top: 1px solid #E2E2E2;}
.showcase .section h2 {margin-top: 0; margin-bottom: .6em; color: #000; font-weight: 400; font-size: 1.4em; text-transform: uppercase;}
.showcase .section p {margin: .5em 0; padding-bottom: 0; color: #555;}
.showcase .section p.prev {float: left; margin-top: 80px;}
.showcase .section p.next {float: right; margin-top: 80px;}
.showcase .section p.prev a {display: block; overflow: hidden; width: 20px; height: 20px; background: url(../images/futurevision/prev.gif) center center no-repeat; text-indent: -300px;}
.showcase .section p.next a {display: block; overflow: hidden; width: 20px; height: 20px; background: url(../images/futurevision/next.gif) center center no-repeat; text-indent: -300px;}
.showcase .section .slider {position: relative; overflow: hidden; width: 330px; height: 180px; margin: 10px auto 0 auto;}
.showcase .section .slider ul {position: absolute; left: 0; top: 0; list-style: none; height: 180px; margin: 0;}
.showcase .section .slider li {width: 330px; height: 180px; margin: 0; padding: 0; float: left;}
.col-main .col2-3 { padding: 0; }
.showcase-help p { display: block; }
/*
* Product View
*/
.product-main { padding: 22px; background: #fff url('../images/futurevision/product_main_background.png') repeat-x 0 0; }
.product-main .header { padding: 15px 22px; background: transparent url('../images/futurevision/product_header_background.png') no-repeat 0 0; }
.product-main .header h2 { float: left; color: #3d3e42; font-size: 18px; font-weight: bold; text-transform: none; line-height: 1; }
.product-main .header h2 span { padding-left: 10px; font-size: 10px; font-weight: normal; }
.product-main .header .box-right { float: right; margin-top: -8px; text-align: right; }
.product-main .header .box-right .price-box { font-size: 13px; overflow: hidden; padding: 0; line-height: 15px; }
.product-main .header .box-right .price-box .price { color: #3d3e42; }
.product-main .header .box-right .price-box .old-price { float: left; padding: 0 10px 0 0; }
.product-main .header .box-right .price-box .special-price { float: left; padding: 0; }
.product-main .header .box-right .price-box .special-price .price-label { color: #999; }
.product-main .header .box-right p.availability { color: #858585; font-size: 11px; }
.product-main .product-images { overflow: hidden; padding: 0 592px 10px 0; }
.product-main .product-images .primary { float: left; width: 304px; margin-right: -1px; padding: 0 20px 0 0; border-right: 1px dotted #bcbcbc; }
.product-main .product-images .secondary { overflow: hidden; float: right; width: 219px; margin-right: -280px; padding: 0 30px; }
.product-main .product-images .tertiary { overflow: hidden; float: right; width: 280px; margin-right: -604px; padding: 0 20px; border-left: 1px dotted #bcbcbc; }
.product-main .product-images h3 { padding-bottom: 10px; color: #3d3e42; font-size: 14px; text-transform: none; }
.product-main .product-images .primary img { border: 2px solid #838383; }
.product-main .product-images .secondary .slider { overflow: hidden; width: 219px; }
.product-main .product-images .secondary .slider ul { overflow: hidden; width: 999em; }
.product-main .product-images .secondary .slider ul li { float: left; width: 219px; }
.product-main .product-images .secondary .slider ul li a { display: inline-block; margin: 0 4px 7px 0; }
.product-main .product-images .secondary p.nav { padding: 0; background: transparent url('../images/futurevision/product_images_slider.png') no-repeat 50% 0; color: #fff; line-height: 27px; text-align: center; }
.product-main .product-images .secondary p.nav a { background: transparent url('../images/futurevision/product_images_slider_arrows.png') no-repeat 0 50%; color: #fff; font-size: 10px; }
.product-main .product-images .secondary p.nav a.slider-prev { padding-left: 15px; }
.product-main .product-images .secondary p.nav a.slider-next { padding-right: 15px; background-position: 100% 50%; }
.product-main .product-images .tertiary form { background: #eaeaea; }
.product-main .product-images .tertiary form .product-options-bottom { padding: 10px; background: #dfdfdf; }
.product-main .product-images .tertiary form .product-options-bottom .price-box { float: left; font-size: 11px; }
.product-main .product-images .tertiary form .product-options-bottom .price-box * { color: #999999; font-size: 11px; }
.product-main .product-images .tertiary form .product-options-bottom p { padding: 0; }
.product-main .product-images .tertiary form .product-options { padding: 10px; }
.product-main .product-images .tertiary form .product-options div.scrollbar { overflow: auto; height: 91px; }
.product-main .product-images .tertiary form .product-options div.scrollbar .scrollbar-handle-container { background-image: url('../images/futurevision/product_options_scrollbar_container.png'); }
.product-main .product-images .tertiary form .product-options div.scrollbar .scrollbar-handle { background: transparent url('../images/futurevision/product_options_scrollbar_handle.png') no-repeat 50% 50%; }
.product-main .product-images .tertiary form .product-options dt { font-weight: 700; }
.product-main .product-images .tertiary form .product-options dd { padding-left: 10px; }
.product-main .product-images .tertiary form .add-to-holder { padding: 10px; }
.product-main .product-images .tertiary form button { border: none; background: none; }
.product-main .product-images .tertiary form button span { display: inline-block; overflow: visible; margin: 0; padding: 0 0 0 5px; border: none; background: transparent url("../images/futurevision/buy_now_button.png") no-repeat 0 50%; color: #fff !important; font-size: 14px; font-weight: bold; line-height: 1; }
.product-main .product-images .tertiary form button span span { float: left; display: block; padding: 10px 15px 10px 10px; background: transparent url("../images/futurevision/buy_now_button.png") no-repeat 100% 50%; }
.product-main .three-columns { padding-right: 570px; }
.product-main .three-columns div.primary div,
.product-main .three-columns div.secondary div,
.product-main .three-columns div.tertiary div { min-height: 120px; }
.product-main .three-columns div.primary { width: 302px; margin: 0; padding: 18px 0 0; border: none; background: transparent url('../images/futurevision/product_description_background.png') no-repeat 100% 0; }
.product-main .three-columns div.primary div { padding: 0 22px 18px; background: transparent url('../images/futurevision/product_description_background.png') no-repeat 0 100%; }
.product-main .three-columns div.secondary { width: 302px; margin-right: -263px; padding: 18px 0 0; border: none; background: transparent url('../images/futurevision/product_description_background.png') no-repeat 100% 0; }
.product-main .three-columns div.secondary div { padding: 0 22px 18px; background: transparent url('../images/futurevision/product_description_background.png') no-repeat 0 100%; }
.product-main .three-columns div.tertiary { width: 302px; margin-right: -609px; padding: 18px 0 0; border: none; background: transparent url('../images/futurevision/product_description_background.png') no-repeat 100% 0; }
.product-main .three-columns div.tertiary div { padding: 0 22px 18px; background: transparent url('../images/futurevision/product_description_background.png') no-repeat 0 100%; }
.product-main .download { overflow: hidden; margin: 10px 0; padding-bottom: 6px; border-bottom: 1px dotted #bcbcbc; }
.product-main .download h3 { float: left; padding: 0 12px 0 45px; background: transparent url('../images/futurevision/download_icon.png') no-repeat 12px 50%; color: #3d3e42; text-transform: none; line-height: 27px; }
.product-main .download ul { overflow: hidden; list-style: none; }
.product-main .download ul li { float: left; padding: 0 10px; }
.product-main .download ul li a { overflow: hidden; display: inline-block; padding: 0 0 0 29px; background: transparent url('../images/futurevision/download_button.png') no-repeat -471px 50%; color: #828282; font-size: 11px; line-height: 1; }
.product-main .download ul li a span { display: inline-block; margin-right: -29px; padding: 8px 49px 8px 0px; background: transparent url('../images/futurevision/download_button.png') no-repeat 100% 50%; }
.product-main ul.product-tabs { overflow: hidden; list-style: none; }
.product-main ul.product-tabs li { float: left; height: 33px; margin: 0 1px; }
.product-main ul.product-tabs a { overflow: hidden; display: inline-block; padding: 0 0 0 3px; background: transparent url('../images/futurevision/product_details_tabs.png') no-repeat -497px 0; color: #fff; font-weight: 700; line-height: 1; }
.product-main ul.product-tabs a span { display: inline-block; margin-right: -3px; padding: 10px 40px 10px 37px; background: transparent url('../images/futurevision/product_details_tabs.png') no-repeat 100% 0; }
.product-main ul.product-tabs a.active { background-position: -497px -100px; }
.product-main ul.product-tabs a.active span { background-position: 100% -100px; }
/* ---------- basic theme: these are the most necessary styles --------------------------------- */
.scrollbar-pane { margin-right: 24px; }
.scrollbar-handle-container { background: #fff; width: 19px; }
.scrollbar-handle { width: 19px; background: transparent url('../images/futurevision/product_scrollbar_handle.png') no-repeat 50% 50%; }
.scrollbar-handle:hover { }
.scrollbar-handle.move { }
.scrollbar-handle-up { width: 19px; height: 19px; background: transparent url('../images/futurevision/product_scrollbar.png') no-repeat 0 0; }
.scrollbar-handle-up:hover { background-position: -19px 0; }
.scrollbar-handle-down { width: 19px; height: 19px; background: transparent url('../images/futurevision/product_scrollbar.png') no-repeat 0 -19px; }
.scrollbar-handle-down:hover { background-position: -19px -19px; }
.product-main .product-tabs-content { overflow: hidden; height: 567px; padding: 25px; border: 1px solid #e5e5e5; background: #f3f3f3; }
.product-main .product-tabs-content h2 { color: #5c5c5c; }
.product-main .product-tabs-content .tab { overflow: auto; height: 567px; }
.product-main .product-tabs-content .tab .scrollbar-pane { width: 835px; }
.product-main .product-tabs-content .tab .scrollbar-pane img { border: 3px solid #969696; }
.product-main .product-tabs-content ul.details-list { overflow: hidden; margin: 0 0 20px -5px; }
.product-main .product-tabs-content ul.details-list li { float: left; width: 251px; margin-left: 5px; padding: 12px; background: #fff; }
.product-main .product-tabs-content ul.details-list li h3 { padding-bottom: 7px; color: #5c5c5c; font-size: 18px; text-transform: none; }
.product-main .product-tabs-content ul.details-list li p.image { margin: -12px -12px 0 -12px; }
.product-main .product-tabs-content ul.details-list li p.image img { width: 268px; border: 3px solid #b9b9b9; }
.product-main .product-tabs-content .review-form { overflow: hidden; width: 840px; padding-bottom: 3px; background: transparent url('../images/futurevision/review_form_background.png') no-repeat -840px 100%; }
.product-main .product-tabs-content .review-form > div { overflow: hidden; padding: 15px 450px 15px 150px; background: transparent url('../images/futurevision/review_form_background.png') no-repeat 0 0; }
.product-main .product-tabs-content .review-form .input-text { width: 190px; }
.product-main .product-tabs-content .review-form textarea { width: 350px; }
.product-main .product-tabs-content .review-form .primary { float: left; }
.product-main .product-tabs-content .review-form .secondary { float: right; margin-right: -320px; }
.product-main .product-tabs-content .review-form .tertiary { float: right; margin-right: -450px; padding-top: 35px; }
.product-main .product-tabs-content .review-form .tertiary .form-button { overflow: visible; margin: 0; padding: 0 0 0 5px; border: none; background: transparent url("../images/futurevision/review_form_button.png") no-repeat 0 50%; color: #fff !important; font-size: 14px; font-weight: bold; line-height: 1; }
.product-main .product-tabs-content .review-form .tertiary .form-button span { display: inline-block; margin-right: -5px; padding: 4px 20px 4px 10px; background: transparent url("../images/futurevision/review_form_button.png") no-repeat 100% 50%; }
.product-main .product-tabs-content .dedicated-review-box ol li { padding: 25px 25px 25px 75px; border-bottom: 1px solid #cfcfcf; background: transparent url('../images/futurevision/review_item_background.png') no-repeat 10px 45px; }
.product-main .product-tabs-content .dedicated-review-box ol li h3 { color: #85049e; text-transform: none; font-weight: normal; font-size: 11px; }
.product-main .product-tabs-content .dedicated-review-box ol li h3 span { padding-right: 5px; color: #adadad; font-size: 10px; }
.dedicated-review-box ol { border-top: 1px solid #CFCFCF; }
.product-main .product-tabs-content table.specification { width: 500px; color: #696969; border-collapse: collapse; }
.product-main .product-tabs-content table.specification td { padding: 10px; }
.product-main .product-tabs-content table.specification thead td { background: #818181; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; }
.product-main .product-tabs-content table.specification tbody td { background: #ddd; border: 1px solid #fff; }
.product-main .product-tabs-content table.specification tbody td:first-child { background: #ddd; border-right: 1px solid #eee; }
.product-main .product-tabs-content table.specification tbody tr.even td { background: #eee; }
.product-main .product-tabs-content table.specification tbody tr.even td:first-child { background: #eee; border-right: 1px solid #ddd; }
.product-main .product-tabs-content table.specification tbody.light td { background: #fff; border-bottom: 1px solid #d3d3d3 !important; }
/*
* Basket View
*/
.cart-price .price { white-space: nowrap; }
.checkout-types li big { white-space: nowrap; }
/*
* Advanced Search View
*/
h1.newproducthead { clear: both; margin: 0; }
.scontent { clear: both; width: 930px; height: auto; margin: 0 auto; padding: 30px 15px; background: #ffffff; color: #000; font: 12px/1.25 "Arial", "Helvetica", sans-serif; }
.scontent textarea, .scontent input, .scontent select, .scontent option, .scontent optgroup, .scontent button { font: 12px "Arial", "Helvetica", sans-serif; }
.scontent * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.scontent p, .scontent ul, .scontent ol, .scontent dl { padding-bottom: 1em; }
.scontent img { border: none; vertical-align: bottom; }
.scontent h1, .scontent h2, .scontent h3, .content h4, .scontent h5, .scontent h6 { font-size: 1em; }
.scontent a { text-decoration: none; outline: none; }
.scontent a:focus,
.scontent a:hover { text-decoration: underline; }
.scontent input.button, .scontent button { padding: 0; border: none; background: transparent; }
.scontent a, .scontent button, .scontent input.button, .scontent input.radio, .scontent input.checkbox, .scontent label { cursor: pointer; }
.scontent .left { float: left; }
.scontent .right { float: right; }
.vehicle { height: 640px; }
.vehicle form { float: left; width: 625px; height: 173px; padding: 0 0 0 15px; color: #fff; line-height: 1; }
.vehicle form h2 { float: left; height: 24px; padding: 15px 15px 0 0; background: transparent url("../images/newimages/search_title_background.png") no-repeat 100% 0; font-size: 17px; font-weight: 400; }
.vehicle form p { overflow: hidden; padding: 15px 0 0; clear: both; }
.vehicle form p span { float: left; padding: 0 32px 0 0; }
.vehicle form input.button { position: relative; left: 10px; overflow: hidden; width: 78px; height: 25px; margin: 1.25em 0 0; background: transparent url("../images/newimages/button_search.png") no-repeat 0 0; text-indent: -99em; }
.vehicle p.current { float: right; width: 630px; padding: 0; line-height: 32px; }
.vehicle p.current strong { color: #650c7d; font-weight: 400; }
.vehicle p.help { float: right; width: 113px; height: 81px; padding: 65px 64px 0 67px; background: transparent url("../images/newimages/help_background.png") no-repeat 40px 55px; color: #650c7d; text-align: center; }
.vehicle .drop-area { position: relative; float: left; width: 640px; height: 480px; background: #6a6a6a url("../images/newimages/photo_background.jpg") repeat-x 0 0; }
.vehicle .photo { position: absolute; left: 0; top: 0; width: 640px; height: 480px; padding: 0; background: transparent none no-repeat 50% 50%; }
.vehicle .instructions { position: absolute; left: 62px; top: 70px; width: 435px; padding: 25px 40px; background: transparent url("../images/newimages/instructions_background.png") repeat 0 0; color: #fff; }
.vehicle .instructions h3 { padding: 0 0 1em; font-size: 18px; font-weight: 400; text-align: center; text-transform: uppercase; }
.vehicle .instructions ul { list-style-position: inside; margin: 0; padding: 0; }
.vehicle .instructions li { padding: 0 0 1em; }
.vehicle .instructions p.footnote { padding: 2em 0 0; font-size: 10px; color: #b6b6b6; line-height: 1; }
.vehicle .instructions p.close { position: absolute; top: 10px; right: 10px; float: right; }
.vehicle .instructions p.close a { overflow: hidden; float: right; width: 16px; height: 16px; background: transparent url("../images/newimages/button_close.png") no-repeat 0 0; text-indent: -99em; }
.vehicle .light-select { overflow: visible; position: relative; z-index: 1; float: right; width: 221px; height: 155px; margin: -46px 0 47px; padding: 20px 0 0 23px; background: #868686 url("../images/newimages/light_select_background.png") no-repeat 0 0; color: #fff; line-height: 1; }
.vehicle .light-select:hover { z-index: 2; }
.vehicle .light-select h4 { float: right; width: 105px; height: 62px; padding: 0 5px 0 0; font-size: 20px; line-height: 1.1; }
.vehicle .light-select p.toggle { float: right; clear: right; width: 77px; padding: 0 33px 0 0; }
.vehicle .light-select p.toggle a { overflow: hidden; float: left; width: 77px; height: 26px; background: transparent url("../images/newimages/button_on_off.png") no-repeat 0 0; text-indent: -99em; }
.vehicle .light-select p.toggle a.on { background-position: 0 100%; }
.vehicle .light-select p.preview { float: left; background: transparent none no-repeat 0 0; }
.vehicle .light-select ul { position: absolute; left: 23px; top: 123px; list-style: none; height: auto; margin: 0; padding: 0 1px; border: 1px solid #cdd1d9; background: #fff; }
.vehicle .light-select ul.closed { background-position: 1000px 0; }
.vehicle .light-select li { overflow: hidden; }
.vehicle .light-select li a:active,
.vehicle .light-select li a:focus,
.vehicle .light-select li a { float: left; width: 184px; padding: 6px 5px; border-bottom: 1px solid #edeff1; background: transparent url("../images/newimages/bullet_a.png") no-repeat 10000px 50%; color: #000; font-weight: 700; line-height: 23px; }
.vehicle .light-select li.last a { border-bottom: none; }
.vehicle .light-select ul.closed li a { display: none; }
.vehicle .light-select ul.closed li a.current { display: block; border-bottom: none; background-image: url("../images/newimages/bullet_b.png"); background-position: 180px 50%; }
.vehicle .light-select li a:hover { background-color: #f8fcff; background-position: 180px 50%; text-decoration: none; }
.vehicle .light-select li a img { padding: 0 10px 0 0; vertical-align: middle; }
.vehicle .light-select p.preview { cursor: move; }
.vehicle .headlights p.preview { width: 94px; height: 89px; background-image: url("../images/newimages/preview_headlights.jpg"); }
.vehicle .auxiliary p.preview { width: 74px; height: 75px; margin: 9px 0 0 13px; background-image: url("../images/newimages/preview_auxiliary.jpg"); }
.vehicle .fog p.preview { width: 74px; height: 75px; margin: 0 0 0 13px; background-image: url("../images/newimages/preview_fog.jpg"); }
.vehicle .light-select p.preview-3000 { background-position: 0 0; }
.vehicle .light-select p.preview-4300 { background-position: -74px 0; }
.vehicle .light-select p.preview-6000 { background-position: -148px 0; }
.vehicle .light-select p.preview-8000 { background-position: -222px 0; }
.vehicle .light-select p.preview-10000 { background-position: -296px 0; }
.vehicle .light-select p.preview-15000 { background-position: -370px 0; }
.vehicle .light-select p.preview-20000 { background-position: -444px 0; }
.vehicle .headlights p.preview-3000 { background-position: 0 0; }
.vehicle .headlights p.preview-4300 { background-position: -94px 0; }
.vehicle .headlights p.preview-6000 { background-position: -188px 0; }
.vehicle .headlights p.preview-8000 { background-position: -282px 0; }
.vehicle .headlights p.preview-10000 { background-position: -376px 0; }
.vehicle .headlights p.preview-15000 { background-position: -470px 0; }
.vehicle .headlights p.preview-20000 { background-position: -564px 0; }
.vehicle a.start-over { overflow: hidden; float: left; clear: left; width: 137px; height: 36px; margin: 14px 0 0 247px; background: #63226a url("../images/newimages/button_start_over.png") no-repeat 0 0; text-indent: -99em; }
.vehicle a.start-over:hover { background-position: 0 100%; }
p.light { position: absolute; z-index: 5; width: 23px; height: 23px; margin: 0; padding: 0; background: transparent url("../images/newimages/crosshair.png") no-repeat 50% 50%; cursor: move; }
p.light:hover { z-index: 6; }
p.light span { float: left; display: none; width: 100%; height: 100%; background: transparent url("../images/newimages/crosshair.png") no-repeat 50% 50%; }
p.light-hover span,
p.light:hover span { display: block; }
p.light-headlights { width: 90px; height: 84px; }
p.light-headlights-3000 { background-image: url("../images/newimages/lights/h3000.png"); }
p.light-headlights-4300 { background-image: url("../images/newimages/lights/h4300.png"); }
p.light-headlights-6000 { background-image: url("../images/newimages/lights/h6000.png"); }
p.light-headlights-8000 { background-image: url("../images/newimages/lights/h8000.png"); }
p.light-headlights-10000 { background-image: url("../images/newimages/lights/h10000.png"); }
p.light-headlights-15000 { background-image: url("../images/newimages/lights/h15000.png"); }
p.light-headlights-20000 { background-image: url("../images/newimages/lights/h20000.png"); }
p.light-auxiliary { width: 74px; height: 74px; }
p.light-auxiliary-3000 { background-image: url("../images/newimages/lights/a3000.png"); }
p.light-auxiliary-4300 { background-image: url("../images/newimages/lights/a4300.png"); }
p.light-auxiliary-6000 { background-image: url("../images/newimages/lights/a6000.png"); }
p.light-auxiliary-8000 { background-image: url("../images/newimages/lights/a8000.png"); }
p.light-auxiliary-10000 { background-image: url("../images/newimages/lights/a10000.png"); }
p.light-auxiliary-15000 { background-image: url("../images/newimages/lights/a15000.png"); }
p.light-auxiliary-20000 { background-image: url("../images/newimages/lights/a20000.png"); }
p.light-fog { width: 72px; height: 52px; }
p.light-fog-3000 { background-image: url("../images/newimages/lights/f3000.png"); }
p.light-fog-4300 { background-image: url("../images/newimages/lights/f4300.png"); }
p.light-fog-6000 { background-image: url("../images/newimages/lights/f6000.png"); }
p.light-fog-8000 { background-image: url("../images/newimages/lights/f8000.png"); }
p.light-fog-10000 { background-image: url("../images/newimages/lights/f10000.png"); }
p.light-fog-15000 { background-image: url("../images/newimages/lights/f15000.png"); }
p.light-fog-20000 { background-image: url("../images/newimages/lights/f20000.png"); }
ul.checkout-types a.checkout-link { padding: 0; border: 1px solid #750F93; background-color: #900EA2; color: #fff; font-weight: bold; font-size: 14px; text-align: center; text-transform: uppercase; line-height: 30px; }
div.col-2-right-layout { padding-top: 20px; }
.one-page-checkout-progress h3 { padding-bottom: 10px; }
form#form-validate { padding-bottom: 20px; }
#livechat_messages img { padding-right: 10px; }
#customer-dashboard #main { float: left; padding: 0 0 0 30px; }
.customer-wrapper { padding-top: 20px; }
.col-2-right-layout #search-form, #customer-dashboard #search-form { margin-bottom: 30px; }
.videos { padding: 10px; }
/* Currency Switcher */
.currency-switcher { float: right; padding-right: 20px; }
.currency-switcher select { }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ position: relative; width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }