/*---------------------- Project Common Classes ----------------------*/ /*---- Floats ----*/ .flR { float: right; } .flL { float: left; } .clear { float: none !important; } /*---- Horizontal Alignment ----*/ .alR { text-align: right; } .alC { text-align: center; } /*---- Vertical Alignment ----*/ .vlT {vertical-align:top;} .vlB {vertical-align:bottom;} /*---- Image Replacement Technique ----*/ .ir { position: relative; overflow: hidden; } .ir span { position: absolute; top: 0; text-indent: -1000em;} /*------------------------------------------ // LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ body, html { height: 100%; } body { background:#fff; font-family:Helvetica, Arial, sans-serif;} body.home { background:url(../img/body-bg.gif) left top repeat;} .wrap { height: auto !important; margin: 0 auto -200px; min-height: 100%; } /*---- Container ----*/ .container { width:960px;} /*---- Header ----*/ header { background: #1F1F1F url(../img/header-bg.gif) left top repeat-x; padding:12px 0px; position:relative; z-index:101;height:26px;} /*---- Content ----*/ #content { padding:20px 0px; font-family: Helvetica, 'Open Sans', Arial, sans-serif; } /*---- Navigation ----*/ .navbar { background:url(../img/main-nav-bg.gif) left top repeat-x; -moz-box-shadow:0 0 2px #111111; -webkit-box-shadow:0 0 2px #111111; box-shadow:0 0 2px #111111; position:relative;} .navbar.affix { top: 0; width: 100%; position: fixed; z-index: 1001; } /*---- Footer ----*/ #footer { background:url(../img/footer-bg.gif) left top repeat; margin: 0px; } #footer .inner-footer { background:url(../img/footer-inner-bg.gif) left top repeat-x; padding:0px;} #footer, .push { height: 200px; } .inner-footer .container > .row { margin-top: 25px; } /*---------------------- Page Common Styles ----------------------*/ /*---- Header - Logo ----*/ header .logo h1 a { position:relative; width:216px; height:25px; display:block; } header .logo h1 a span { background:url(../img/logo.png) 0 0 no-repeat; width:100%; height:0px; padding-top:25px; overflow:hidden; display:block; } header .span8 { text-align:right;} header .cart { float:right; margin-left:1px;} header .cart a.view-cart { font-size:10px; font-weight:bold; color:#fff; display:block; float:left; margin-right:10px; text-shadow:0px 1px 1px #000; line-height:26px; padding-left:21px; text-transform:uppercase; word-spacing:1px; text-decoration: none; } header .cart a.view-cart i { background:url(../img/icons.png) left 0 no-repeat; width: 19px; display: inline-block; position:relative; margin-top:-5px; height: 16px; margin-right: 3px; } header .cart a.number { display:block; float:right; width:26px; height:26px; text-decoration:none; text-align:center; line-height:24px; font-size:11px; color:#222222; font-weight:bold; text-shadow:0px 1px 0px #eebb55; background:url(../img/number-bg.png) left bottom no-repeat; text-decoration:none;} header .cart a.number:hover { background:url(../img/number-bg.png) left top no-repeat;} header .button1, header .button2 { float:right; margin-left:11px;} header .button1, header .button2:last-child { margin-left: 0; } header .user-area { float:right; margin-left: 12px; } header .user-area > ul { margin:0px; list-style:none; display:none;} header .user-area ul li { float:left; background:url(../img/user-area-li-bg.gif) right center no-repeat; padding-right:8px; margin-right:6px; line-height:27px;} header .user-area ul li.last { background:none; padding:0px;} header .user-area ul li a { font-size:11px; color:#c99325; font-weight:bold; text-shadow:0px 1px 1px #000;} header .user-area ul li a:hover { color:#fff; text-decoration:none;} header .user-area .user-controls .user { background:url(../img/user-controls-bg.gif) left top repeat; border:0px; -moz-box-shadow:0 0 3px #000 inset; -webkit-box-shadow:0 0 3px #000 inset; box-shadow:0 0 3px #000 inset; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font-size:11px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:none; padding:14px 12px; position:relative; margin-top:-12px; margin-bottom:-12px; height:22px; min-width: 138px; line-height: 22px; } header .user-area .user-controls .caret { background:url(../img/arrow1.png) right top no-repeat; border:0px; width:10px; height:8px; opacity: 0.9; filter: alpha(opacity=90); margin-top:6px;} header .user-area ul.dropdown-menu { background:url(../img/dropdown-menu-bg.gif) left top repeat; right:1px; left:auto; width:127px; display:none; -moz-box-shadow:0 0px 2px #111111; -webkit-box-shadow:0 0px 2px #111111; box-shadow:0 0px 2px #111111; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border:0px; top:37px; padding:0px; margin:0px;} header .user-area ul.dropdown-menu li { float:none; margin:0px; padding:0px; text-align:left; background:none;} header .user-area ul.dropdown-menu li a { display:block; line-height:30px; padding:0px 15px; font-size:11px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:none; font-weight:normal;} header .user-area ul.dropdown-menu li a:hover { color:#fff; background:url(../img/dropdown-menu-li-a-bg.gif) left top repeat;} header .user-area ul.dropdown-menu li.last a { -webkit-border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px;} header .user-area .open ul.dropdown-menu { display: block; } header .user-area div.dropdown:hover ul.dropdown-menu{display:block;} /*---- Navigation ----*/ .navbar { margin-bottom:0px;} .navbar .container { width:960px; margin:0 auto;} .navbar ul { list-style:none; margin:0px;} .navbar .nav > li { height:50px; line-height:50px; margin-right:20px; font-weight:normal;} .navbar .nav > li:last-child, .navbar .nav > li.shop-dropdown { margin-right: 0; } .navbar .nav > li > a { text-decoration:none; letter-spacing:1px; font-weight:normal; text-transform:uppercase; line-height:normal; display:inline-block; font-size:11px; color:#fff; padding:0px; font-weight:bold; text-shadow:0px 1px 1px #000;} .navbar .nav > li.shop-dropdown > a { height: 50px; line-height: 54px; padding-right: 20px; } .navbar .nav > li.shop-dropdown:hover > a:after { content: ""; display: block; height: 50px; left: 100px; position: absolute; top: 0; width: 65px; } .navbar .nav li.home a, .navbar .nav li.home a:hover { display:inline-block; top:-2px; position:relative; line-height:27px; text-align:center; background:url(../img/home-bg.png) left top no-repeat; width:29px; height:30px;} .navbar .nav li.home a i.icon-home { width:16px; height:15px; background:url(../img/icons.png) -19px -54px no-repeat; margin-left:2px;} .navbar .nav li.home a i.icon-home:hover, .navbar .nav li.home a.active i.icon-home { background-position: left -54px } .navbar.affix .nav li.home a i.icon-home { background-position: -21px -460px; } .navbar.affix .nav li.home a i.icon-home:hover { background-position: -1px -460px; } .navbar .nav > li > a:hover, .navbar .nav > li.active > a, .navbar .nav li.dropdown.active > .dropdown-toggle:hover, .navbar .nav .dropdown:hover > a, .navbar ul li.dropdown.open > a { color:#ddaa44; background:none;} .navbar .dropdown-menu:after, .navbar .dropdown-menu:before { border:0px;} .navbar ul li ul li { margin-bottom:0px;} .navbar ul li .dropdown-menu { position:absolute; width:945px; background:url(../img/dropdown-menu-bg.gif) left top repeat #262626; display:none; border:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; left:0; top:50px; margin:0px; padding:10px 0px 0px 15px; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; -moz-box-shadow:0px 1px 1px #111111 inset; -webkit-box-shadow:0px 1px 1px #111111 inset; box-shadow:0px 1px 1px #111111 inset;} .navbar ul li .dropdown-menu { line-height:normal;} .navbar ul li .dropdown-menu .span3 { padding-top:9px; width:205px;} .navbar ul li .dropdown-menu .span9 { background:url(../img/span9-bg.gif) left top repeat-y;} .navbar ul li .dropdown-menu .span9 .content { padding:2px 0px 0px 18px;} .navbar ul li.open .dropdown-menu { display: block; } .navbar ul li:hover > .dropdown-menu, .navbar ul li:hover > .dropdown-menu.dropdown-skinny { display: block; } .navbar ul li .dropdown-menu .featured .tab-content { -moz-box-shadow:0 0 10px 0px #111111 inset; -webkit-box-shadow:0 0 10px 0px #111111 inset; box-shadow:0 0 10px 0px #111111 inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-bottom:1px solid #444444; padding:11px; margin-bottom:8px;} .navbar ul li .dropdown-menu .featured .nav { border-bottom:0px; margin-bottom:8px;} .navbar ul li .dropdown-menu .featured .nav li { line-height:normal; margin-right:9px; height:auto;} .navbar ul li .dropdown-menu .featured .nav a { padding:0px 9px; height:28px; border:0px; letter-spacing:0px; text-transform:none; line-height:28px;} .navbar ul li .dropdown-menu .featured .nav a:hover, .navbar ul li .dropdown-menu .featured .nav li.active a { -moz-box-shadow:0 0 10px 0px #111111 inset; -webkit-box-shadow:0 0 10px 0px #111111 inset; box-shadow:0 0 10px 0px #111111 inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:0px; border-bottom:1px solid #444444;} .navbar ul li .dropdown-menu .featured a.view { padding:0px 17px 0px 0px; margin-top:5px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;} .navbar ul li .dropdown-menu .featured .carousel, .navbar ul li .dropdown-menu .featured .carouselSlide { clear:both; margin-bottom:0px; overflow:hidden;} .navbar ul li .dropdown-menu .featured .carousel .item, .navbar ul li .dropdown-menu .featured .carouselSlide .item { -moz-box-shadow:0 0 10px 0px #111111 inset; padding-bottom:3px; -webkit-box-shadow:0 0 10px 0px #111111 inset; box-shadow:0 0 10px 0px #111111 inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-bottom:1px solid #444444; padding:8px; margin-bottom:8px; float:left; display:block; margin-right:11px;} .navbar ul li .dropdown-menu .featured .carousel .item a, .navbar ul li .dropdown-menu .featured .carouselSlide .item a { padding:0px; display:block; text-decoration:none;} .navbar ul li .dropdown-menu .featured .carousel .item img, .navbar ul li .dropdown-menu .featured .carouselSlide .item img { margin-bottom:5px; display:block;} .navbar ul li .dropdown-menu .featured .carousel .item span.title, .navbar ul li .dropdown-menu .featured .carouselSlide .item span.title { font-size:11px; color:#ffffff; text-shadow:0px 1px 1px #000; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal; margin:0px; font-weight:normal; padding-left:5px;} .navbar ul li .dropdown-menu .featured .carousel .item a:hover span.title, .navbar ul li .dropdown-menu .featured .carouselSlide .item a:hover span.title { color:#ddaa44;} .navbar ul li .dropdown-menu .featured .carousel .carousel-control, .navbar ul li .dropdown-menu .featured .carouselSlide .carousel-control { width:21px; height:21px; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; padding:0px; opacity: 1; top:50%; filter: alpha(opacity=100); margin-top: -10px;} .navbar ul li .dropdown-menu .featured .carousel .carousel-control.left, .navbar ul li .dropdown-menu .featured .carouselSlide .carousel-control.left { background:url(../img/next-prev-btn1.png) left top no-repeat; left:-2px;} .navbar ul li .dropdown-menu .featured .carousel .carousel-control.right, .navbar ul li .dropdown-menu .featured .carouselSlide .carousel-control.right { background:url(../img/next-prev-btn1.png) right top no-repeat; right:-2px;} .span9.span-large { width: 720px; } /* Shop Dropdown Button. Special styling */ .shop-dropdown { } /* ##### */ /* Catalog Category Styles */ div.product-slider { width: 660px; } div.product-slider.list4 { margin: 0; } /* .caroufredsel_wrapper .carousel-inner { margin-left: 18px; } */ .caroufredsel_wrapper .dropdown-menu a { padding: 0; } .product-slider .carousel-control { margin: 0; top: 50%; margin-top: -10px; display: none; } /* ##### */ .slider_inactive { display: none; } .navbar ul li .dropdown-menu .featured .carouselSlide .carousel-control.disabled { opacity: 0.3; } #categoryCarousel { width: 681px; height: 190px; overflow: hidden; } .featured-store-slider .carousel-inner { left: 6px; } .product-slider .carousel-inner { left: -10px; } .navbar ul li .dropdown-menu .featured .carousel .carousel-inner, .navbar ul li .dropdown-menu .featured .carouselSlide .carousel-inner { height: 164px; width: 900px;} .navbar ul li.dropdown { position:static;} /* .navbar .nav li.dropdown .dropdown-toggle .caret { background:url(../img/arrow4.png) right bottom no-repeat; border:0px; width:10px; height:7px; opacity: 1; filter: alpha(opacity=100); margin-top:4px;} */ /* .navbar .nav li.dropdown:hover .dropdown-toggle .caret, .navbar .nav li.dropdown.active .dropdown-toggle .caret, .navbar .nav li.dropdown.open .dropdown-toggle .caret { background:url(../img/arrow4.png) right top no-repeat;} */ .product .suggested-products .carousel .item.last{margin-right:0 !important;} .carousel-inner {overflow:visible;} .carousel-inner > .item { display: none; position: relative; transition: left 0.6s ease-in-out 0s; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } /*---- Banner ----*/ #banner { background:#000; text-align:center;} /*---- Search Form1 ----*/ .navbar #search-form1 .form-search { float:right; padding-top:10px; margin-bottom:0px; position:relative; width: 100%;} #search-form1 .form-search label { margin-top: 4px; font-size:11px; color:#999999; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0px 1px 1px #161616; margin-right: 5px;} #search-form1 .form-search .search-query, #search-form1 .form-search .submit { padding:4px 20px 4px 7px; background:url(../img/search-query-bg.gif) left top repeat-x; border:0px; border-bottom:1px solid #444444; -moz-box-shadow:0 2px 4px 1px #111 inset; -webkit-box-shadow:0 2px 4px 1px #111 inset; box-shadow:0 2px 4px 1px #111 inset; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; font-size:11px; color:#ffffff; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; width:165px; position:relative; height:18px; line-height:18px;} #search-form1 .form-search .search-query.naked { background-color:transparent; background-image: none; border: none; box-shadow: none; padding: 0; margin-top: 2px; } #search-form1 .form-search .search-query:-moz-placeholder, #search-form1 .form-search .search-query:-webkit-placeholder { opacity: 0.2; } /* #search-form1 .form-search .submit { width:29px; height:27px; background:url(../img/submit-btn.png) left top no-repeat; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin-right:0px; margin-left:0px;} */ #search-form1 .form-search .submit { width:29px; height:27px; line-height: normal; position: static; margin-left: 0; margin-right: 0; padding: 0; } #search-form1 .form-search .btn { margin: 0; padding: 0; line-height: normal; width: 25px; } #search-form1 .form-search .advanced-search { padding:0 10px 4px 0; background:url(../img/search-query-bg.gif) left top repeat-x; border:0px; border-bottom:1px solid #444444; -moz-box-shadow:0 2px 4px 1px #111 inset; -webkit-box-shadow:0 2px 4px 1px #111 inset; box-shadow:0 2px 4px 1px #111 inset; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; width:auto; position:relative; height:22px; line-height:22px; margin: 0; display: inline-block; min-width: 260px; } #search-form1.span5 { width: 310px; margin-left:0; } #search-form1 .form-search a.dropdown-toggle { position:absolute; display:block; right:41px; top:16px; width:10px; height:8px;} #search-form1 .form-search a.dropdown-toggle .caret { display:block; width:10px; height:8px; background:url(../img/arrow3.png) left top no-repeat; border:0px; opacity: 10; filter: alpha(opacity=100);} #search-form1 .form-search a.dropdown-toggle:hover .caret {background:url(../img/arrow3.png) left bottom no-repeat;} #search-form1 .form-search ul.dropdown-menu, .navbar ul li .dropdown-menu.dropdown-skinny { display:none; background:url(../img/dropdown-menu-bg1.gif) left top repeat; right:auto; left:0; width:116px; -moz-box-shadow:0 0px 3px #111111; -webkit-box-shadow:0 0px 3px #111111; box-shadow:0 0px 3px #111111; -webkit-border-radius:4px; -moz-border-radius:4px; min-width:0px; border-radius:4px; border:1px solid #444444; top:37px; padding:4px; margin:0px;} .navbar ul li .dropdown-menu.dropdown-skinny { right: -69px; left: auto; } #search-form1 .form-search .open ul.dropdown-menu, .navbar ul li.open .dropdown-menu.dropdown-skinny {display: block;} #search-form1 .form-search ul.dropdown-menu li, .navbar ul li .dropdown-menu.dropdown-skinny li { float:none; margin:0px; padding:0px; text-align:left; background:url(../img/dropdown-menu-li-bg.gif) left bottom repeat-x; height:30px; line-height:30px;} #search-form1 .form-search ul.dropdown-menu li a, .navbar ul li .dropdown-menu.dropdown-skinny li a { display:block; line-height:30px; padding:0px 4px; font-size:11px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:0px 1px 1px #000; font-weight:normal; background: none; } #search-form1 .form-search ul.dropdown-menu li a:hover, .navbar ul li .dropdown-menu.dropdown-skinny li a:hover { background:none; color:#fff;} #search-form1 .form-search ul.dropdown-menu li.last, #search-form1 .form-search ul.dropdown-menu li:last-child, .navbar ul li .dropdown-menu.dropdown-skinny li.last, .navbar ul li .dropdown-menu.dropdown-skinny li:last-child { background:none;} #search-form1 .form-search ul.dropdown-menu li.last a, #search-form1 .form-search ul.dropdown-menu li:last-child a, .navbar ul li .dropdown-menu.dropdown-skinny li.last a, .navbar ul li .dropdown-menu.dropdown-skinny li:last-child a { -webkit-border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px;} #search-form1 .form-search ul.dropdown-menu:after, .navbar ul li .dropdown-menu.dropdown-skinny:after { position: absolute; top: -6px; left: 47px;display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #313131; border-left: 6px solid transparent; content: ''; } #search-form1 .form-search ul.dropdown-menu:after { left: 12px; } .navbar .pull-right .dropdown-menu:after { right:100px;} /*---- Search Form2 ----*/ #search-form2 { position:relative;} #search-form2 .form-search { margin-bottom:0px; line-height:normal; z-index:5; -moz-box-shadow:0 2px 4px 1px #111 inset; -webkit-box-shadow:0 2px 4px 1px #111 inset; box-shadow:0 2px 4px 1px #111 inset; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; border-bottom:1px solid #444444; width:183px; margin:0 auto 5px; position:relative; background:url(../img/form-search-bg.gif) left top repeat; padding-left:14px; position:relative; left:1px;} #search-form2 .form-search .search-query {background:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; color:#999999; text-shadow:0px 1px 1px #000; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; padding:4px 0px; width:148px;} #search-form2 .submit { background:url(../img/submit-btn1.png) left top no-repeat; width:22px; height:27px; border:0px; margin:0px; padding:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #search-form2 .form-search .search-query:focus { border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #search-form2 .typeahead { background:url(../img/typeahead-bg.gif) left top repeat; position:absolute; left:0px; top:0px; border:1px solid #444444; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 0px 2px #111; -webkit-box-shadow:0px 0px 2px #111; box-shadow:0px 0px 2px #111; width:196px; padding:32px 5px 4px; z-index:2; top:-5px;} #search-form2 .typeahead li { float:none; margin:0px; padding:0px; text-align:left; background:url(../img/dropdown-menu-li-bg.gif) left bottom repeat-x; height:30px; line-height:30px;} #search-form2 .typeahead li a { display:block; line-height:30px; padding:0px 4px 0px 13px; display:inline-block; font-size:11px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:0px 1px 1px #000; font-weight:normal; padding-right:22px;} #search-form2 .typeahead li a:hover { background:url(../img/icons.png) right -225px no-repeat; color:#ddaa44;} #search-form2 .typeahead li.active a { background: none; } #search-form2 .typeahead li a strong { color: #fefefe; } #search-form2 .typeahead li a:hover strong { color:#ddaa44;} #search-form2 .typeahead li.active a i { background:url(../img/icons.png) right -233px no-repeat; width: 19px; height: 19px; } #search-form2 .typeahead li.last, #search-form2 .typeahead li:last-child { background:none;} #search-form2 .typeahead li.last a { -webkit-border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px;} #search-form2 .typeahead:after { position: absolute; top: -6px; left: 10px;display: inline-block; /* border-right: 6px solid transparent; border-bottom: 6px solid #313131; border-left: 6px solid transparent; */ content: ''; } /*---- Featured Store ----*/ .featured-store { width:209px;} .featured-store h2 { font-size:12px; color:#fff; font-weight:bold; line-height:normal; margin-bottom:4px; text-shadow:0px 1px 1px #000;} .featured-store h2 a { color:#fff; font-weight:bold;} .featured-store h2 .icon-featured { width:14px; height:18px; background:url(../img/icons.png) left -207px no-repeat; margin-right:6px;} .featured-store .item .frame { background:url(../img/featured-frame-bg.gif) left top repeat; padding:7px 7px 2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-bottom:1px solid #333333; margin-bottom:7px;} .featured-store .item a { padding:0px;} .featured-store .item h2 { margin-bottom:2px; padding-left:5px;} .featured-store .item a.view { padding-right:17px; margin-left:5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999999; font-weight:normal;} .featured-store .item a.view:hover { color:#999999;} .featured-store .carousel-control { width:19px; height:19px; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; padding:0px; opacity: 1; top:98%; filter: alpha(opacity=100);} .featured-store .carousel-control.left { background:url(../img/next-prev-btn.png) left top no-repeat; left:auto; right:20px;} .featured-store .carousel-control.left:hover { background:url(../img/next-prev-btn.png) left bottom no-repeat;} .featured-store .carousel-control.right { background:url(../img/next-prev-btn.png) right top no-repeat; right:0px;} .featured-store .carousel-control.right:hover { background:url(../img/next-prev-btn.png) right bottom no-repeat;} /*---- Content ----*/ #content .ads.span4 { width:320px;} #content .span12 { width:960px;} /*---- Ads ---*/ .ads img { margin-bottom:8px;} .ads a.advertise { float:right; font-size:10px; font-weight:bold; color:#999999; line-height:normal;} .ads .span6 img { margin-bottom:0px;} .ads .span6 { width:468px;} .ads .span6.last { margin-left:4px;} /*---- Widget ------*/ .widget {margin-bottom:40px; padding-left:10px;} .widget ul{margin:0px; padding:0; list-style:none;} .widget h2{padding-bottom:7px; margin-bottom:20px; border-bottom:2px solid #444444; font-size:14px; color:#666; line-height:16px;} .widget h2 .icon-categories { width:17px; height:13px; margin-right:9px; background:url(../img/icons.png) left -364px no-repeat; margin-top:1px;} .widget h2 .icon-cart { width:17px; height:16px; margin-right:9px; background:url(../img/icons.png) left -257px no-repeat;} .widget h2 .icon-info { width:15px; height:15px; margin-right:9px; background:url(../img/icons.png) left -283px no-repeat;} .widget h2 .icon-viewed { width:18px; height:12px; margin-right:9px; background:url(../img/icons.png) left -341px no-repeat;} .widget ul li{ font-size:12px; background:url(../img/widget-li-bg.png) left 10px no-repeat; padding-left:9px; color:#444444; line-height:12px; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; } .widget ul li a{ color:#444444; display:inline-block; line-height:22px;} .widget ul li ul li{margin-bottom:0;} .widget h2 a.number { display:block; float:right; width:26px; height:26px; text-decoration:none; text-align:center; line-height:24px; font-size:11px; color:#222222; font-weight:bold; text-shadow:0px 1px 0px #eebb55; background:url(../img/number-bg.png) left bottom no-repeat; margin-top:-6px; position:relative;} .widget h2 a.number:hover { background:url(../img/number-bg.png) left top no-repeat;} .widget ul.tags{margin-left:0; } .widget ul.tags li{display:inline; color:#666; font-size:12px; padding:0px; background:none; font-family:Helvetica, Arial, sans-serif; font-weight:bold; } .widget ul.tags li a{ color:#666; text-decoration:underline;} .widget ul.tags li a:hover{text-decoration:none;} /*---- Post ---*/ .post h1 { font-size:28px; margin-bottom:10px;} .post h2 { font-size:26px; margin-bottom:10px;} .post h3 { font-size:24px; margin-bottom:10px;} .post h4 { font-size:22px; margin-bottom:10px;} .post h5 { font-size:20px; margin-bottom:10px;} .post h5 { font-size:18px; margin-bottom:10px;} .post p { color:#000; line-height:1.2em; font-size:12px; margin-bottom:20px; display:block; } .post p a { color:#000; } .post blockquote { margin-bottom:20px; } .post blockquote p{ margin-bottom:5px; font-style:italic;} .post blockquote p cite{ font-weight:bold; text-align:right; display:block;} .post img { max-width:100%; } .post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} .post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} .post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} .post ul { margin:0 0 20px 14px; list-style:disc; } .post ol { margin:0 0 20px 18px; list-style:decimal; } .post li { line-height:1.2em; font-size:12px; } .post li ul, .post li ol { margin-bottom:0px; } .post li li, .post li p { font-size:10px; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ .post ul.list1 { margin:0; padding:0; } .post ul.list1 li { margin:0; padding:0; } .post ol.list2 { margin:0; padding:0; } .post ol.list2 li { margin:0; padding:0; } /*---- Footer ---*/ #footer-navigation ul { margin:0px; list-style:none;} #footer-navigation ul li a { font-size:11px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:0 2px 2px #000000;} #footer .section h2 { font-size:12px; color:#ffffff; font-weight:bold; text-shadow:0 2px 2px #000000; line-height:normal; margin-bottom:1px; } #footer .span3 { width:185px;} /*---- Sociable ---*/ #sociable { background:url(../img/sociable-bg.png) left top no-repeat; width:82px; margin-right:23px; height:104px; text-align:center; position:relative; float:right; padding-top:15px; margin-top: -20px;} #sociable h2 { font-size:12px; color:#735c2c; font-weight:bold; text-shadow:0px 1px 0px #e9c364; margin-bottom:10px; line-height:normal;} #sociable ul { list-style:none; padding-left:12px; margin:0px;} #sociable ul li { float:left; margin-right:7px;} #sociable ul li a.twitter { display:block; width:34px; height:29px; text-decoration:none; background:url(../img/sociable-icons.png) left top no-repeat;} #sociable ul li a.twitter:hover { background:url(../img/sociable-icons.png) left bottom no-repeat;} #sociable ul li a.facebook { display:block; width:15px; height:28px; text-decoration:none; background:url(../img/sociable-icons.png) right top no-repeat;} #sociable ul li a.facebook:hover { background:url(../img/sociable-icons.png) right bottom no-repeat;} /*---- Products ----*/ .products .box1 { min-height:530px;} .products .row .span4.last { padding-top:35px;} .products .row .span4.last .box1 { position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .products .featured h2.heading1 { float:left; margin-right:10px;} .products .featured .box1 { clear:both; min-height:50px;} .products .featured a.view { margin-top:8px; color:#666666; background:none;} .products .featured a.view i { background: url(../img/icons.png) right -425px no-repeat; } .products .featured ul.list3 li { margin-right:23px; margin-bottom:0px;} .products .featured ul.list3 li.last { margin-right:0px;} .products .box1 { position:relative; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; border-radius:0px 5px 5px 5px;} /*----- Product --------------------*/ .product .span2{width:175px;} .product .slideshow{width:342px; float:left; margin-left:20px; margin-bottom:18px;} .product .slideshow .slides img{text-align:center; } .product .slideshow .slides {margin-bottom:10px; } .product .slideshow span{display:block; font-size:11px; color:#818181; margin-bottom:5px; text-align:center;} .product .slideshow .controls{text-align:center;} .product .slideshow .controls a{display:inline-block; width:17px; height:17px; margin-right:2px; background:url(../img/controls.png) no-repeat 0 bottom;} .product .slideshow .controls a:hover, .product .slideshow .slides .controls a.actveSlide{background-position:0 0;} /*---- Description ----*/ .product .span9{width:730px; margin-left:50px;} .product .description{width:340px; float:right; margin-right:10px; } .product .description h2{font-size:18px; color:#444444; line-height:22px;} .product .description h2 span{display:block; color:#ddaa44; } .product .description span.author{display:block; font-size:12px; font-style:italic; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif; color:#444;} .product .description p{font-size:11px; color:#444444; line-height:14px; margin-bottom:12px; font-family:Georgia, "Times New Roman", Times, serif;} .product .code{display:inline-block; background:#e1e1e1; padding:0px 5px; height:15px; line-height:15px; margin-bottom:25px; font-size:9px; color:#666666;} .product .description select{width:80px;} .product .description .sociable h2{padding-bottom:7px; margin-bottom:10px; border-bottom:2px solid #444444; font-size:14px; color:#666; line-height:16px;} .product .description .sociable h2 .icon-share{display:inline-block; background:url(../img/ion-share.png) no-repeat 0 0; height:16px; width:16px;} .product .description .sociable ul{margin:0;} .product .description .sociable ul li{float:left; margin-right:10px; list-style:none;} .product .description .sociable ul li.last{margin-right:0;} .product .description .button3, .product .description .button4{float:right;} .product .description .size{margin-bottom:5px;} .product .description .size .title{display:block; font-size:12px; font-weight:bold;} .product .description .color{display:block; font-size:12px; color:#666; } .product .suggested-products h2{padding-bottom:7px; margin-bottom:10px; border-bottom:2px solid #444444; font-size:14px; color:#666; line-height:16px;} .product .suggested-products .icon-suggest { width:14px; height:16px; margin-right:9px; background:url(../img/icons.png) left -313px no-repeat;} .product .suggested-products .carousel {position:relative;} .product .suggested-products .carousel .item{float:left; border:1px solid #e5e5e5; width:168px; height:183px; padding:3px; margin-right:8px; display:block; position:relative;} .product .suggested-products .carousel{position:relative;} .product .suggested-products .carousel .carousel-control{display:block; position:absolute; top:80px; width:23px; height:49px; z-index:100; border:0;} .product .suggested-products .carousel .carousel-control.left{background:url(../img/previous-btn.png) no-repeat 0 0; left:-20px;} .product .suggested-products .carousel .carousel-control.right{background:url(../img/next-btn.png) no-repeat 0 0; right:-20px;} .product .suggested-products .carousel .item .box2{position:absolute; z-index:200; top:-46px; left:108px;} /*--- Search-form3 --*/ #search-form3{margin-bottom:30px;} #search-form3 .search-query{background:url(../img/search-form3.png) no-repeat 0 0; float:left; width:95px; height:28px; line-height:28px; padding:0 10px; border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} #search-form3 .btn{background:url(../img/search-form3-btn.png) no-repeat 0 0; width:31px; height:29px; float:left; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} /*---- Box1 ----*/ .box1 { position:relative; background:#fff; padding:10px; border-bottom:1px solid #cccccc; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /*---- Box2 ---*/ .box2{width:157px; background:url(../img/box2-top.png) no-repeat 0 0; padding-top:9px;} .box2 .box2-bottom{background:url(../img/box2-bottom.png) no-repeat 0 bottom; padding-bottom:26px;} .box2 .box2-bottom .box2-middle{background:url(../img/box2-middle.png) repeat-y 0 0; padding:0 14px;} .box2 h6{color:#ddaa44; font-size:12px; line-height:14px;} .box2 p{color:#ffffff; font-size:12px; line-height:14px; margin-bottom:0;} .box2 span{display:block; font-size:10px; color:#fff; font-style:italic;} .box2 span a{color:#fff;} /*---- List1 ---*/ ul.list1 { margin:0px; list-style:none;} ul.list1 li a { font-size:11px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:0 2px 2px #000000;} ul.list1 li a.active { text-decoration:underline; } /*---- List2 ---*/ ul.list2 { margin:0px; list-style:none;} ul.list2 li { border-right:1px solid #dddddd; padding-right:9px; margin-right:9px; float:left;} ul.list2 li.last { border:0px; padding-right:0px; margin-right:0px;} /*---- List3 ---*/ ul.list3 { margin:0px; list-style:none;} ul.list3 li { float:left; margin-right:6px; margin-bottom:15px;} ul.list3 li.span2 { margin-left:0px; width:137px;} ul.list3 li .thumbnail { padding:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0px;} ul.list3 li .thumbnail .frame { border:1px solid #dddddd; position:relative; margin-bottom:6px; float:left;} ul.list3 li .thumbnail .frame span.overlay { display:block; padding:0px 5px; background:url(../img/overlay-bg.gif) left top repeat-x; height:20px; line-height:20px; font-size:10px; color:#444444; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0px 1px 0px #ffdd77; position:absolute; font-style:italic; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 1px 1px #000; -webkit-box-shadow:0px 1px 1px #000; box-shadow:0px 1px 1px #000; right:4px; top:-3px;} ul.list3 li .thumbnail .frame span.overlay span.arrow { display:block; background:url(../img/arrow2.png) left top no-repeat; width:3px; height:3px; position:absolute; left:-3px; top:0px;} ul.list3 li.alt { margin-right:0px;} ul.list3 li h5 {font-size:11px; color:#666666; clear:both; font-weight:bold; margin-bottom:-3px; position:relative;} ul.list3 li h5 a { color:#666666;} ul.list3 li p { font-size:10px; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:0px;} /*---- List4 ---*/ div.list4 { text-align:center;} div.list4 { margin:0px 16px;} /* div.list4, div.list4 a { display:inline; padding:0px;} */ div.list4 a:hover { background:none;} div.list4 a img.off { display:none;} div.list4 a img.on { display:inline-block;} div.list4 a:hover img.off { display:inline-block;} div.list4 a:hover img.on { display:none;} /*---- View ----*/ a.view { display:inline-block; padding-right:17px; font-size:11px; color:#999999; font-weight:bold;} a.view:hover i { background:url(../img/icons.png) right -158px no-repeat; display:inline-block; width: 19px; height:14px; } /*---- Button1 ----*/ .button1 { background:url(../img/button1-bg.gif) left top repeat-x; height:23px; line-height:24px; position:relative; -moz-box-shadow:0px 1px 1px #000; -webkit-box-shadow:0px 1px 1px #000; box-shadow:0px 1px 1px #000; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border-top:1px solid #86db88; font-size:11px; color:#222222; font-family: 'HelveticaNeueCondensed', 'Open Sans', sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:0px 1px 0px #44dd44; padding:0px 11px; border:0px;} .button1 .icon-user { display:inline-block; background:url(../img/icons.png) left -394px no-repeat; margin-right:6px; position:relative; margin-top:-2px; width:15px; height:24px;} .button1:hover, .button1:active { text-decoration:none; background:url(../img/button1-bg.gif) left -23px repeat-x;} /*---- Button2 ----*/ .button2 { background:url(../img/button2-bg.gif) left top repeat-x; height:23px; line-height:24px; font-family: 'HelveticaNeueCondensed', 'Open Sans', sans-serif; font-weight:bold; position:relative; -moz-box-shadow:0px 1px 1px #000; -webkit-box-shadow:0px 1px 1px #eebb55; box-shadow:0px 1px 1px #000; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border-top:1px solid #ffdf9c; font-size:11px; color:#222222; text-transform:uppercase; text-shadow:0px 1px 0px #eebb55; padding:0px 11px; border:0px;} .button2 .icon-shirt { margin-right:6px; display:inline-block; background:url(../img/icons.png) left -27px no-repeat; margin-right:6px; position:relative; margin-top:0; width:16px; height:24px;} .button2 .icon-gift-card { margin-right:6px; display:inline-block; background:url(../img/icons.png) left -494px no-repeat; margin-right:6px; position:relative; margin-top:0; width:16px; height:24px;} .button2:hover, .button2:active { text-decoration:none; background:url(../img/button2-bg.gif) left -23px repeat-x;} .modal .button2 { height: 23px; } /* #search-form1 .form-search .btn.button2.black:after { background:url(../img/button2-black-bg.gif) left top repeat-x; border-radius: 0 15px 15px 0; content: ""; display: block; height: 26px; position: absolute; right: 0; top: 0; width: 26px; z-index: 1; } */ #search-form1 .form-search .btn.button2.black { background-image: url(../img/button2-black-bg.gif); width: auto; height: 16px; line-height: 16px; text-align: left; padding: 5px 10px; overflow: hidden; } .button2.black:hover, .button2.black:active { text-decoration:none; background:url(../img/button2-black-bg.gif) left -26px repeat-x;} #search-form1 .form-search .btn.button2.black span { color: #ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-shadow:1px 1px 0 rgba(0,0,0,0.5); text-transform: none; font-weight: normal; text-align: left; white-space: nowrap; display: inline-block; width: 100%; padding: 0 15px 0 0; } #search-form1 .form-search .btn.black[type="submit"] { margin-left: 0; height: 26px; color: #ffffff; text-shadow: 1px 1px 0 #000000; } /*---- Button3 ------*/ .button3{display:inline-block; background:url(../img/button3-bg.png) no-repeat 0 0; height:41px; width:203px; text-align:center; line-height:39px; color:#fff; font-size:18px; position:relative; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:0; text-shadow:0 1px #be8c34; margin-bottom:7px;} /*---- Button4 ------*/ .button4{display:inline-block; background:url(../img/button4-bg.png) no-repeat 0 0; height:23px; line-height:21px; width:203px; text-align:center; padding:0 39px; color:#bb914d; font-size:11px; position:relative; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow: 0 1px #e6c17d; border:0; } .button4 .icon-wishlist{display:inline-block; background:url(../img/wishlist-icon.png) no-repeat 0 2px; height:21px; width:13px;} /*---- Heading1 ----*/ h2.heading1 { font-size:12px; color:#333333; text-transform:uppercase; letter-spacing:1px; font-weight:bold; text-shadow:0px 1px 0px #ffdd77; line-height:35px;} h2.heading1 span.inner { background:url(../img/heading1-bg.gif) left top repeat-x; height:35px; display:inline-block; position:relative; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; padding:0px 10px; line-height:38px; position:relative; margin-bottom:-2px;} h2.heading1 i { line-height:17px; vertical-align:middle;} h2.heading1 .icon-top { width:17px; height:16px; background:url(../img/icons.png) left -103px no-repeat; margin-right:5px; margin-top:-3px; } h2.heading1 .icon-new { width:16px; height:17px; background:url(../img/icons.png) left -132px no-repeat; margin-right:5px;} h2.heading1 .icon-featured { width:13px; height:17px; background:url(../img/icons.png) left -179px no-repeat; margin-right:5px;} #content h2, h2.gray-top-bar, .gray-top-bar, .gray-bottom-bar { display: block; line-height: 40px; width: 895px; border: 1px solid #BFBFBF; background-image: none; background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#dcdcdc)) none no-repeat 0 0; background: -webkit-linear-gradient(top, #e8e8e8 0%,#dcdcdc 100%) none no-repeat 0 0; background: -o-linear-gradient(top, #e8e8e8 0%,#dcdcdc 100%) none no-repeat 0 0; background: -ms-linear-gradient(top, #e8e8e8 0%,#dcdcdc 100%) none no-repeat 0 0; background: linear-gradient(to bottom, #e8e8e8 0%,#dcdcdc 100%) none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dcdcdc',GradientType=0 ); } #content .wide-col h2.inner, h2.yellow-top-bar, .yellow-top-bar, #content h2 { display: block; font-weight: bold; text-shadow: 1px 1px 0 rgba(255,255,255,0.35); color: #3a2f1c; font-size: 12px; line-height: 40px; text-align: left; border: 1px solid #DC9F38; background-image: none; background: #fcd07b; background: -moz-linear-gradient(top, #fcd07b 0%, #faba4a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcd07b), color-stop(100%,#faba4a)); background: -webkit-linear-gradient(top, #fcd07b 0%,#faba4a 100%); background: -o-linear-gradient(top, #fcd07b 0%,#faba4a 100%); background: -ms-linear-gradient(top, #fcd07b 0%,#faba4a 100%); background: linear-gradient(to bottom, #fcd07b 0%,#faba4a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd07b', endColorstr='#faba4a',GradientType=0 ); } .gray-bar-fit, .yellow-bar-fit { width: 100%; } a[class*="gray-"] { line-height: normal; } #content .wide-col h2.inner.browse, h2.yellow-top-bar.browse, #content h2.browse, h2.gray-top-bar.browse { width: 561px; padding-left: 12px; } .rborder-top { border-radius: 5px 5px 0 0; } .rborder-top-left { border-radius: 5px 0 0 0; } .rborder-top-right { border-radius: 0 5px 0 0; } .rborder-bottom { border-radius: 0 0 5px 5px; } .rborder-bottom-right { border-radius: 0 0 5px 0; } .rborder-bottom-left { border-radius: 0 0 0 5px; } .rborder { border-radius: 5px; } /*---- Modals ----*/ .loginForm p, .loginForm label, .loginForm a { font-size: 12px; } .content-col { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BFBFBF; color: #333333; margin-bottom: 20px; width: 855px !important; padding:20px !important; } .content-col p, .content-col div.p { padding: 0 !important; margin: 0 !important; } .content-col.small_p p,.content-col.small_p div.p { font-size: 12px; line-height: 18px; } #faq-content { width: 520px !important; } #forgot_submit { height:27px; width: 100px; margin-left: 7px; } .content-col .faq_question { margin:16px 0; } .faq-sidebar .new-products { text-align:center; } .faq_question p strong { font-size: 14px; } #faq-content { margin: 0 30px 0 10px; } .content-col .three-wide ul li, .content-col ul li { display: inline; float: left; margin: 8px 0 13px 8px; text-align: center; width: 138px; } .content-col .three-wide ul li a, .content-col ul li a { color: #333333; font-size: 11px; text-decoration: none; } .content-col .three-wide ul li div, .content-col ul li div { border: 1px solid #BFBFBF; margin-bottom: 5px; padding-top: 2px; position: relative; width: 134px; } .content-col .three-wide ul li a span, .content-col ul li a span { color: #8D8D8D; display: block; margin-bottom: 5px; text-transform: uppercase; } .faq_answer p.slidedown { background: none repeat scroll 0 0 #373737; color: #FFFFFF; padding: 20px !important; } #content .wide-col .wide-col-section h2 { border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; } header .button1, header .button2 { text-decoration: none; } DIV#container { margin-top:3px; } #content .wide-col .three-wide { width: 299px; } #content .wide-col .three-wide.advertisement { width: 284px !important; } #popular-new-products.wide-col { background:none; } .white-bg { background: #fff; } .featured-view-more { height:31px; font-size:13px; /* padding-left: 9px; */ text-decoration: none; text-align: center; line-height: 1.5em !important; } .wide-col .three-wide ul { border-bottom: none; } a.dark-link { color: #666; } #browse-content { min-height:100px; } .loader_gif { width: 220px; margin: 28px auto 0; }