body{color:#2f2f2f; font:11px/1.55em arial,helvetica,sans-serif; background-image:url("../images/large-bg.jpg"); background-position:center top; background-repeat:no-repeat; margin:0; text-align:center} a{color:#1e7ec8; text-decoration:none} a:hover{color:#1e7ec8; text-decoration:underline} a img{border:0} :focus{outline:0} /* Heading */ h1, h2, h3, h4, h5, h6, .head{margin-bottom:.4em; line-height:1.3em; color:#0A263C} .wrapper { min-width:954px; } .header { text-align:left; } .header-top { width:963px; margin:0 auto; position:relative; z-index:100; } .header-nav {z-index:999; height:39px; background:url(../images/backoff.gif) repeat-x; border-top:1px solid #7984a5; border-bottom:1px solid #aaa; text-align:center;} .main {width:945px; min-height:400px; margin:0 auto; text-align:left; } .sidebar { width:165px; } .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 { width:710px; } .col-2-left-layout .col-main { width:685px; margin-left:10px; width:685px; overflow:hidden; width:710px;} .col-3-layout .col-main { margin-left:5px; width:605px;} .header-container {height: 124px; width: 963px; margin: 0 auto;} .header-top { padding: 7px 0px 10px 0px; } .nav-container { position: absolute; top: 69px; left: 0px; padding:4px 0 0 0; background:#275cea; width: 963px; height: 39px;} .main-container {padding-bottom:20px;} .main { margin:0 auto; min-height:400px; text-align:left; width:945px; padding:0;} .col3-layout .col-wrapper { width:775px;} /* Logo */ .logo {float:left;width:224px;margin:5px 0 5px 12px;} .quick-access{ width:540px; float:left; margin:0px; text-align:left; padding:0 10px; color:#fff; position:absolute; top:7px; left:0px} .quick-access p{margin-bottom:4px} .quick-access li{ display:inline; background:url(../images/blue_pipe.gif) no-repeat 100% 3px; padding-right:10px; padding-left:3px} .quick-access li.first{padding-left:10px} .quick-access li.last{padding-right:0; background:none} .shop-access{} .shop-access a, .shop-access a:hover{text-decoration:none; color:#007ed3; font-size:11px} .shop-access a:hover{ color:#FFF} .shop-access li.last{padding-right:0; background:none} .form-language{line-height:20px; position:absolute; left:460px; vertical-align:middle; top:170px} .form-language label{color:#1e7ec8; padding-right:5px; font-size:11px} .form-language .flag option{background-repeat:no-repeat; background-position:left center; padding-left:20px; margin-left:2px} /* Breadcrumbs */ .breadcrumbs{ position:relative; top:-30px; font-size:1.2em; line-height:1.25em} .breadcrumbs li{display:inline} /* Mini search */ .mini-search{float:center; padding:0px; height:42px; width:296px; position:absolute; right:400px; top:15px; background:url(../images/search.gif) 0 0 no-repeat} .mini-search .input-text{ width:207px; margin:10px 2px 3px 22px} #search{border:none; text-transform:lowercase;} #search-button{position:relative; top:4px} .search-autocomplete{z-index:999} .search-autocomplete ul{border:1px solid #5c7989; background-color:#f9f5f0} .search-autocomplete li{border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer} .search-autocomplete li .amount{float:right; font-weight:bold} .search-autocomplete li.odd{background-color:#fffefb} .search-autocomplete li.selected{background-color:#f7e8dd} .col000-set{height:200px} .top_slider{background:url(../images/slider_bottom.gif) repeat-x left bottom; height:200px; margin:22px 0px} .welcome-msg{ float:left; font-size:11px; line-height:20px; padding-right:10px} .additional{font-size:10px; padding:2px 0px 2px 0; clear:both} .mini-navigation{overflow:auto} .mini-navigation a{text-decoration:none} .mini-navigation a:hover{color:#000; text-decoration:underline} .mini-navigation span{color:#000} .informational{float:right; text-align:right} .informational img {margin-top: 20px;} .informational a{font-size:11px} .legality{float:left; font-size:11px} .slider-body{background:url("../images/top_slider_bg.gif") no-repeat left top; height:178px; margin:0 auto; width:950px} #slider{height:375px; position:relative; width:500px; overflow:hidden} div.scroller{height:375px; overflow:hidden; width:725px; zoom:1} div.slidercontrolwr{position:absolute; right:15px; top:15px} div.scroller img{border:none} div.scroller div.section{float:left; height:375px; overflow:hidden; width:725px} div.scroller div.content{width:10000px; float:left} .slidercontrol{list-style:none; margin:0px; padding:0px} .slidercontrol a{color:#aaa; filter:alpha(opacity=60); float:left; height:14px; margin:0px 2px; opacity:0.6; overflow:hidden; padding:0px; text-decoration:none; text-indent:-1000px; width:14px} .slidercontrol a:hover{filter:alpha(opacity=100); opacity:1} .content .sliderdescription{background:url(../images/grid.gif) repeat left top; color:#222; filter:alpha(opacity=50); font:12px bold Helvetica,sans-serif; left:15px; opacity:0.5; padding:10px; position:relative; top:-100px; width:650px} div.sliderdescription:hover, div.sliderdescription.active{background-color:#fff !important} .content a{color:#444; font:12px bold Helvetica,sans-serif; text-decoration:none} .aprev{background:url(../images/aprev.gif) no-repeat 3px 3px} .anext{background:url(../images/anext.gif) no-repeat 3px 3px} .astop{background:url(../images/astop.gif) no-repeat 3px 3px} .aplay{background:url(../images/aplay.gif) no-repeat 6px 3px} .slider-container{background:url("../images/slider_bottom.gif") repeat-x bottom; padding:30px 0px} .slider-container .content{background:url(../images/top_slider_bg.gif) no-repeat; margin:0 auto; position:relative; width:950px; height:160px} .slider-wrapper{padding-left:30px; vertical-align:middle; width:950px; height:160px; overflow:hidden} .slider-wrapper .slider{height:159px; width:655px; overflow:hidden; margin-left:30px; float:left; position:relative} .slider-wrapper #move-left, .slider-wrapper #move-right{height:36px; margin-top:60px; position:absolute; text-indent:-9999px; top:0px; width:36px} .slider-wrapper #move-left{background:url(../images/arrowright.gif) no-repeat left top; left:740px} .slider-wrapper #move-right{background:url(../images/arrowleft.gif) no-repeat left top; left:10px} .slider-wrapper .recently-list{padding:0px; width:10000px} .slider-wrapper .recently-list img{padding:5px} .slider-wrapper .recently-list li{background:url("../images/sl_product_bg.gif") no-repeat; float:left; height:155px; margin-right:10px; text-align:left; width:319px; overflow:hidden} .slider-wrapper .recently-list li.last{margin-right:0px !important} #cart_content h5{color:#FFF} #cart_content h5 span{color:#F00} #cart-sidebar .product-details{} #cart-sidebar .product-details a{} #center-buttons a{color:#1e7ec8; cursor:pointer; margin-right:5px} #cart_content #center-buttons{text-align:right !important} #cart_content a{color:#fff; font-size:11px} .mini-navigation h4{} .mini-navigation .head{background:none; margin:0} .pr-image{float:left} .slider-wrapper .pr-link a{color:#007fd4} .pr-link{margin-bottom:none !important; padding:5px 5px 0px 5px} .pr-info{width:200px; float:left} .pr-description{font-size:10px; margin:0px 5px 4px 5px} .pr-more a{color:#007fd4} .pr-price{float:left} .pr-more{float:right; margin:0; padding-right:10px} .slider-wrapper .price-box{float:left; margin:5px; padding:0px} .footer-container { background: #FAFAFB url(../images/footerb.gif) repeat-x left -1px; padding-top:10px; overflow:hidden;} .footer { width:930px; margin:0 auto; text-align: left; } .footer .store-switcher { display:inline; padding:0 10px 0 0; vertical-align:middle; } .footer .informational label { color:#4e4e51; font-weight:bold; padding-right:3px; } .footer .informational ul { } .footer .informational li { display:inline; background:url(../images/grey_pipe.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:#4e4e51; } .footer .informational a { text-decoration:none; } .footer .legality { padding:0px 0px; color:#4e4e51; text-align:center; font-size:11px;} .footer .legality a, .footer .legality a:hover { color:#ecf3f6; } .footer .mini-newsletter{clear:left; width:400px} .footerl{float:left} .footerl .mini-newsletter .h4{color:#505050; margin-right:10px} .footerl form, .footerl .mini-newsletter .h4, .footerl .mini-newsletter input.input-text{float:left; font-size:11px} .footerl .mini-newsletter .h4{font-weight:bold; line-height:20px;} .footerl .button {float:right; margin: -1px 0px 0px 6px} /**************************************************/ /*matrix slider*/ #move-left{float:left; background:url("../images/matrix_left.gif") no-repeat; display:block; width:38px; height:145px} #move-right{background:url("../images/matrix_right.gif") no-repeat; float:right; display:block; width:39px; height:145px} .recently-wrapper{background:url("../images/matrix_bg.jpg") repeat-x} .recently .content{padding:0; zoom:1; overflow:hidden} #matrix-slider-row li{float:left; padding-top:25px; text-align:center; position:relative} #matrix-slider-row .item{z-index:5; width:169px; height:100px; position:absolute; left:1px; top:23px; padding:0px; margin:0px} /* generated by matrix-slider content */ .recently{clear:both; height:160px; margin-top:10px; overflow:hidden; width:925px; position:relative} #matrix-slider-row li{width:169px; /* required */ height:100px; /* required */ overflow:hidden; /* required */ background:url("../images/matrix_separator.gif") no-repeat right bottom} #matrix-slider-row li.last{background:none} /*************************************************/ /********* Top Links *******/ .top-links-wrapper{position:absolute; right:2px} #top-links{} #top-links span{padding:2px 5px 0px 5px} #top-links span:hover{color: #4E4E51;} #top-links li{float:left; height:20px; text-align:center; vertical-align:bottom; overflow:hidden} /**#top-links li a{background-image:url("../images/top_sprite.gif"); display:block; padding-top:50px; height:30px; color:#aaa; text-decoration:none}**/ /**#top-links a.tl-account{background-position:0px 0px; width:75px} #top-links a.tl-account:hover{background-position:0px -66px; width:75px} #top-links a.tl-wishlist{background-position:338px 0px; width:90px} #top-links a.tl-wishlist:hover{background-position:338px -66px; width:90px} #top-links a.tl-cart{background-position:248px 0px; width:82px} #top-links a.tl-cart:hover{background-position:248px -66px; width:82px} #top-links a.tl-checkout{background-position:166px 0px; width:96px} #top-links a.tl-checkout:hover{background-position:166px -66px; width:96px} #top-links a.tl-login{background-position:70px 0px; width:70px} #top-links a.tl-login:hover{background-position:70px -66px; width:70px}**/ .cms-home .grid-row .form-button{display:none} .block { /*background:#fff;*/ line-height:1.3em; } .block .block-title { margin: 0; } .block .block-title span {background:url("../images/box_top.gif") repeat-x;border:#193CA6; border-style:solid solid none; border-width:1px 1px medium; color:#FFFFFF; line-height:27px; min-height:16px; padding:0 2px 0 6px !important; display:block; font-weight:bold; font-size:11px;} .block .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em; } .block h5 { font-size:1em; } .block .block-content { border: 1px solid #e7e7e7; border-top: none; background: url("../images/box_bottom.gif") repeat-x right bottom; padding:5px;} .block ol li { padding:7px 4px 7px 8px; } .products-grid li.item {width:150px; text-align: center;} .products-grid .product-name, .products-grid .product-name a, .products-grid .product-name a:hover { color:#007ED3 !important; } .products-grid h4 a:hover {text-decoration: none;} .products-grid {border-bottom:1px solid #D9DDE3;} .products-grid.las {border: none;} .link-wishlist { color:#777777 !important;} .add-to-links a {text-decoration: underline; font-weight: bold;} .cms-home .subtitle {color:#777777; font-size:1.5sem !important; font-weight:normal !important; line-height:30px; margin:0; text-align:left; text-transform:none !important; } .page-title h1 {color:#777777; font-size:1.5sem !important; font-weight:normal !important; line-height:30px; margin:0; text-align:left; text-transform:none !important; font-size:1.5em;} #wrapper{width: 963px; background:url("../images/top_bg.gif") repeat-x; background-position:center top} .main-container{background:url(../images/bottom_bg.gif) repeat-x left bottom} .product-collateral .head h4{background:url("../images/box_top.gif") repeat-x} button.button span {overflow:visible; width:auto; border: 0px; background: url(../images/button.gif) no-repeat 100% -23px; color:#4F4F4F; font-weight: bold; font-size: 11px; cursor:pointer; text-align:center; vertical-align:middle; height:21px; float: left; padding-right:10px;} button.button span span {white-space:nowrap; padding: 0 0 0 14px; display: block; height: 22px; line-height: 22px !important; height: 22px; background: url(../images/button.gif) no-repeat 0 0; top: 0px; float: left;} .toolbar{background:#EEE url(../images/pager_bg.gif) repeat-x scroll 0 0; border:1px solid #E5E6E6} .sort-by a, div.limiter a{background:transparent url(../images/common.gif) no-repeat scroll -542px -94px; margin:0 4px 0 0; padding-left:7px; text-decoration:none} div.pages li{padding:0 2px} div.pages li span{font-weight:bold} .view-by div{width:33%; padding:4px 8px; vertical-align:middle} .list-modes{margin-right:15px} .sort-by, .list-modes{float:left} .sort-by a, div.limiter a{margin:0 4px 0 0; padding-left:7px; text-decoration:none; background:url(../images/common.gif) no-repeat -542px -94px} .pager .pages .current, .list-modes a.current, .sort-by a.current, div.limiter a.current{font-weight:bold} .sort-by a.first, div.limiter a.first{background:none} .list-modes .grid, .list-modes .list{padding-left: 10px;} .list-modes span.current{opacity:1 !important; filter:alpha(opacity="100") !important} .sort-dir{margin-left:10px} .pager-wrapper{border:1px solid #e5e6e6; background:#eee url(../images/pager_bg.gif) repeat-x 0 0} .sorter .pager{padding-right:0px} .toolbar .strong, .toolbar .current {font-weight: bold;} .box-collateral .h2, .box-collateral .h2{ background:transparent url(../images/box_top.gif) repeat-x scroll 0 0; color:#FFFFFF; border-color:#193CA6 #193CA6 -moz-use-text-color; border-style:solid solid none; border-width:1px 1px medium; float:none !important; line-height:27px; margin-bottom:10px; min-height:16px; text-indent:10px;font-size:1.2em; font-weight:bold;} .product-collateral .box-collateral{ background:transparent url(../images/box_bottom.gif) repeat-x scroll right bottom; padding-bottom: 20px; text-indent:10px;} .product-view {border-color: #eee;} .product-view .product-shop { float:right; width:350px; } .data-table .odd {background: none;} button.btn-checkout {border: 0px; background: 0px;} button.btn-checkout span {background: url(../images/btn_proceed_to_checkout_bg.gif) no-repeat 100% -40px; height:40px;} button.btn-checkout span span{background: url(../images/btn_proceed_to_checkout_bg.gif) no-repeat 0 0; color:#FFFFFF; font-size:1.4em; height:40px; line-height:35px !important;} .cart-collaterals .totals { border:1px solid #eee;} .cart .crosssell { background: #fff; border:1px solid #eee;} .cart .discount, .cart .shipping { background: #fff; border:1px solid #eee;} .checkout-onepage-index .page-title {display: none;} .account-login .buttons-set, .account-login .content{background: none; border: 0px; } .account-login .content h2 {color:#007FD4;} .block-progress span {font-size: 11px;} .block-progress {background: transparent !important; border:0 none;} .block-progress .block-content {padding: 5px 0px !important; border: 0px !important;} .block-progress dt { background:#EEEEEE; color:#999999; border:1px solid #A3AEB3; margin:3px 0 0 0 !important; } .block-progress dd { background:#EEEEEE;} .block-progress dt.complete { color:#999999;} .opc .active .step-title .number { background:#F18200 !important; } .opc .active .step-title { background:#F9F3E3 !important; border-color: #E1E9E4;} .opc .step-title { background:#EEEEEE url(../images/opc_off_head_bg.gif) repeat-x scroll 0 100%; border-color: #E1E9E4;} .opc .allow .step-title { border-color: #E1E9E4;} .opc .step {border-color:#E1E9E4; background:#F9FBFA none repeat scroll 0 0; border-color:#E1E9E4; display:block; } .opc .active {background:#F4F4F4 none repeat scroll 0 0; border-color:#E1E9E4;} .opc .active .step-title h2 {color:#444444;} .opc .step-title .number {color:#AF4141;} .opc .active .step-title .number {background:#AF4141 none repeat scroll 0 0; border:1px solid #E1E9E4;color:#FFFFFF;} .opc .step-title {color:#777777; font-family:Times,Georgia,sans-serif; font-weight: normal;} .nav{padding:0 20px; font-size:1.1em; z-index:999} /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li{padding-right:2px; background:url(../images/divide.gif) no-repeat right top;} #nav li.over{z-index:999} #nav li:hover{color:#fff; background:url(../images/hover-nosub.gif) no-repeat left top; border:0; position:relative;} #nav span{display:block; cursor:pointer; white-space:nowrap} #nav li ul span{white-space:normal; font-weight:bold} /************ 0 LEVEL ***************/ #nav li{float:left; padding:11px 0} #nav li.active >a{color:#777} #nav li a{color:#777; float:left; font-weight:bold; padding:0 20px} /***#nav li a{display:block; font:normal 14px/39px arial,sans-serif; color:#777; height:39px; text-decoration:none;padding:0 14px; text-align:center;}***/ #nav li.over a, #nav li a:hover{color:#fff} /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active{float:none; margin:0; padding-bottom:1px; padding:2px 10px 3px 10px} /*#nav ul li.over{background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%} */ #nav ul li.last{padding-bottom:0} #nav ul a, #nav ul a:hover{color:#000; } #nav ul li a{color:#016d8c; font-weight:normal !important; padding:0; font:bold 12px Arial,Helvetica,sans-serif; line-height:14px !important; display:block !important; width:180px} /************ 2ND LEVEL ************/ #nav ul{padding:2px 0px 0px 0px; position:absolute; top:37px; width:200px; z-index:999; left:-10000px; border: 0;} /* Show menu */ #nav li.over >ul{left:0} #nav li.over >ul li.over >ul{left:100px} #nav li.over ul ul{left:-10000px} #nav ul li a{color:#016d8c} #nav ul li a:hover{} #nav ul li a, #nav ul li a:hover{float: left;} #nav ul span, #nav ul li.last li span{color:#016d8c} #nav ul span:hover, #nav ul li.last li span:hover{color:#777} /************ 3RD+LEVEL ************/ #nav ul ul{top:5px} #nav li.level1{background:url(../images/menub.png) repeat-y scroll left top; float:left;} #nav li.toplast{background-image:none} #nav .level0 li.last{padding-top:1px; padding-bottom:5px; background:url(../images/menuf.png) no-repeat scroll left bottom} #nav .level1 ul li.last{background-image:none} #nav .level1 ul{background:url(../images/trans.png) repeat scroll left bottom !important; border:1px solid #E1E2E5} #nav .level1 ul li{background:none} /************ side navigation ************/ #nav-sidebox {margin: 0px 0px 0px 10px;} #nav-sidebox li{background:url(../images/bullet-grey.gif) no-repeat left 8px; padding: 0 0 0 8px;} #nav-sidebox .level0 li{background:none} #nav-sidebox .level1 li{ display: none;} #nav-sidebox li a{ line-height: 22px; } #nav-sidebox li a span{ color: #007FD4; font-size:11px;} #nav-sidebox li .level1 a span{ color: #4E4E51;}