/** * @author Perfectus Inc * @author website www.perfectusinc.com * @copyright Copyright 2016-2017 Perfectus Inc * CSS Document */ @charset "utf-8"; body { color: #404040; font-family: "Telex",Arial,Helvetica; font-size: 85%; background: #f1f1f1 url("../images/pattern.jpg") no-repeat fixed 0 0; } TEXTAREA { display: block; width: 98%; } ul { list-style:none; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; } h1 { font-size: 26px; } .content_box, .boxcontent-wrapper { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E9E9E9; float: left; padding: 2%; width: 95.8%; margin-bottom: 30px; } /*CSS For Menu*/ #mainmenu-wrapper .jsn-mainnav.navbar { margin-bottom: 0; } .header-content #logo-wrapper.grid-32 { text-align:left; } .header-content #logo-wrapper img { height: auto; width: 250px; } .productdetails-wrapper .productprice-wrapper .product_name > a, .productdetails-wrapper .prodprice .normalprice {color: #2A2A2A;font-size:16px;text-align:center} .productdetails-wrapper .productprice-wrapper .product_desc .s_desc > a { color: #EEEEEE; text-align: center; margin-bottom:10px; } .main-wrapper { float: left; width: 100%; background: #ffffff none repeat scroll 0 0; } #content-wrapper, #footer-wrapper { float: left; display: inline; width: 100%; } #banner-wrapper { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px dashed #e9e9e9; border-top: 1px dashed #e9e9e9; padding: 2.6%; display: inline-block; width: 94.8%; } .grid-80 noleft-margin p { text-align: left; } .moduletable h3 { word-wrap: break-word; } #topbar-wrapper { background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); list-style: outside none none; padding: 0 2% 0 2.6%; width: 95.4%; float:left; line-height: 40px; } #lang-curr-container { text-transform: capitalize; } #lang-curr-container label { color: #fafafa; font-weight: normal; margin: 0; } #lang-curr-container .languages { float: left; margin-right: 10px; } #lang-curr-container a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; margin-right: 2px; padding: 3px 7px; text-transform: uppercase; color: #FAFAFA; font-size: 85%; } #lang-curr-container .currencies, #lang-curr-container .currencies > label, #lang-curr-container .currencies > form { display: inline; } .language_topbarlinks .topbar_links i.fa, .welcome-msg .cust-welcome .menu_txt i.fa { margin-right: 10px; } #topbar-wrapper .msg_callus{ float: right; width: 70%; } #topbar-wrapper .language_topbarlinks { float: right; color: #FAFAFA; } .language_topbarlinks .topbar_links li span a { color: #FAFAFA; display: inline-block; padding: 0 15px; height: 41px; } #topbar-wrapper .msg_callus .grid-32.noleft-margin.greeting_msg { text-align: right; width: auto; text-transform: capitalize; margin-top:5px; } #topbar-wrapper .msg_callus .grid-32.noleft-margin.greeting_msg .greeting { float: left; width: 100%; } #topbar-wrapper .topbar_links { float: right; } #topbar-wrapper .topbar_links .menu > li { display: inline-block; } #topbar-wrapper .topbar_links .menu > li { transition: background-color 300ms ease-in-out 0s; } #topbar-wrapper #shopping_cart > a { float: left; line-height: 20px; padding: 11.5px 6px; } #topbar-wrapper .topbar_links .menu > li#shopping_cart:hover a.cart_image { background-position: 5px 8px; color:#FFFFFF; } #topbar-wrapper .topbar_links .menu > li:hover, #topbar-wrapper .topbar_links .menu > li#logoff:hover, #topbar-wrapper .topbar_links .menu > li#login:hover { background-position: center 3px; } #topbar-wrapper .topbar_links .menu > li#logoff { background-image: url("../images/icons/sign-out.png"); background-position: center -36px; } #topbar-wrapper .msg_callus .languages { float:right; } #topbar-wrapper .msg_callus .currencies { height: 25px; overflow: hidden; width: auto; float:right; margin-left:15px; } #topbar-wrapper .msg_callus .currencies li { float:left; } #topbar-wrapper .msg_callus .currencies li a, #topbar-wrapper .msg_callus .languages > a { background-color: rgba(0, 0, 0, 0.2); float: right; margin: 0 0 0 3px; padding: 2px 3px; text-transform: uppercase; border-radius:2px; } #topbar-wrapper .msg_callus .currencies li a:hover, #topbar-wrapper .msg_callus .languages > a:hover { color: #DDDDDD; } .header-content .header-det .cust-welcome, .header-content .header-det .welcome-msg { float: right; color: #FAFAFA; } .welcome-msg .cust-welcome .menu_txt span > a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; padding: 3px 7px; color: #FAFAFA; } .header-content .header-det .welcome-msg { float: right; width: auto; margin: 15px 0; } .header-content .header-det .msg_callus { float: left; } .header-content .header-det .msg_callus .header_msg { border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 15px; padding-right: 15px; } /*CSS For Slideshow */ #slideshow-wrapper { border: medium none; box-shadow: none; margin: 0; padding-bottom: 25px; width: 94.8%; padding: 2.6%; display: inline-block; } #slideshow-wrapper #slider { background: none repeat scroll 0 0 transparent; border: medium none; margin-bottom: 0; } #slideshow-wrapper img, .subcontent-wrapper table, a img {border:none;} a { outline: none; font-weight:normal; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; } /*Slideshow CSS End */ #topbar-wrapper .grid-16 { width:12%; } #topbar-wrapper .msg_callus .grid-24.noright-margin.callus { width:auto; margin-left:0; } #topbar-wrapper .grid-32 { width:32.233%; } /* Footer Part */ #footer-wrapper { background: #2B2B2B; color: #AAAAAA; } #footer-wrapper a{color: #AAAAAA;} #footer-wrapper .dottedheader h5 { background: none repeat scroll 0 0 transparent !important; color: #DDDDDD; font-size: 15px; margin-bottom: 8px; padding-bottom: 0; } #footer-wrapper #footer-2 h3, #footer-wrapper #footer-3 h3 { color: #fff; font-size: 16px; margin: 0 0 20px; padding-bottom: 10px; position: relative; text-transform: uppercase; } .contact-us .fa, .aboutus_address .address .fa { border: 1px solid #aaaaaa; border-radius: 0; color: #aaaaaa; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 15px; text-align: center; width: 35px; } .about-us-container div.address { float: left; margin: 10px 0 0; width: 100%; } .contact-us ul li:hover .fa, .aboutus_address .address:hover .fa { transition: all 0.3s ease-in-out 0s; } .contact-us ul li:hover .fa, .aboutus_address .address:hover .fa { border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; transition: all 0.3s ease-in-out 0s; } #footer-wrapper #footer-2 h3:after, #footer-wrapper #footer-3 h3:after { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 50px; } .review_content > a { font-weight: bold; } #footer-wrapper .social_icons { margin-top: 20px; } #footer-wrapper .social_icons a { background: url("../images/icons/social_icon.png") no-repeat scroll 0 0 transparent; float: left; font-size: 0; height: 25px; margin: 0 5px; text-indent: -9999px; text-transform: capitalize; width: 25px; } #footer-wrapper #footer-2 .product li { line-height: 30px; width: 100%; } #footer-wrapper #footer-2 h3 { margin: 0 0 10px; } #footer-2 .about-us-container, #footer-2 .contact-us ul { display: inline-block; padding-top: 10px; } #footer-wrapper #footer-2 .product li a { color: #aaaaaa; display: inline-block; padding: 5px 0; width: 100%; } #footer-wrapper #footer-2 .product li a .fa { line-height: inherit; margin-right: -16px; opacity: 0; transition: all 0.3s ease 0s; } #footer-wrapper #footer-2 .product li a:hover .fa { margin-right: 2px; opacity: 1; transition: all 0.3s ease 0s; } #footer-wrapper #footer-2 .product li a:hover { color: #FFFFFF; } #footer-wrapper #footer-2 .product li a:last-child { padding:5px 0 0; } #footer-1, #footer-2 { border-bottom: 1px solid #151b23; } #footer-wrapper .footer-bottom > div { display: inline-block; padding: 30px 2.6%; width: 94.8%; } #footer-wrapper .footer-bottom #footer-1 .newsletter h2 { border-bottom: medium none; font-size: 18px; margin: 0; padding: 0 0 30px; text-transform: uppercase; } #footer-wrapper .footer-bottom #footer-1 .newsletter { text-align: center; } .newsletter #mc_embed_signup form { padding: 0 0 0 14.5% !important; } .newsletter #mc_embed_signup input.email { background: #ffffff none repeat scroll 0 0; display: block; float: left; margin: 0; min-width: 130px; padding: 15px 0; text-indent: 15px; width: 70%; } .newsletter #mc_embed_signup .clear { clear: none; display: inline-block; height: auto; } .newsletter #mc_embed_signup input.button { border-radius: 0; display: block; float: left; font-weight: normal; height: auto; line-height: inherit; margin: 0; min-height: 51px; min-width: 90px; transition: all 0.3s ease-in-out 0s; width: 100% !important; padding: 15px 30px; } .newsletter h2, .social h2, .payment h2 { color: #fafafa; } /* Copyright Part */ /*#bottom-wrapper { background: url("../images/topbar-bg.png") repeat-x scroll center top #E3E5E7; font-size: 12px; padding: 1%; width:98%; border-radius:0 0 5px 5px; } #bottom-wrapper .contact_no { background: url("../images/icons/icon-phone.png") no-repeat scroll 0 1px transparent; float: right; padding-left: 25px; } #bottom-wrapper .email_id { background: url("../images/icons/icon-mailbox.png") no-repeat scroll 0 1px transparent; float: right; margin-right: 15px; padding-left: 25px; } #bottom-wrapper .grid-48.contact_info.noright-margin { float:right; } #bottom-wrapper .grid-88 { padding-top: 3px; } #bottom-wrapper p { margin-bottom: 0; } #bottom-wrapper .grid-8 { float: right; }*/ #footer-wrapper .top { background: #e1e1e1 url("../images/icons/totop_arrows.png") no-repeat scroll 0 0; bottom: 20px; color: #ffffff; cursor: pointer; float: right; font-size: 0; height: 45px; padding: 0; position: fixed; right: 20px; width: 45px; z-index: 999; } #footer-wrapper .top:hover { background-position: 100% 100%; } td .boxcontent-wrapper{ margin-top:5px; } #left-wrapper, #right-wrapper, td .boxcontent-wrapper{ text-shadow:none; } #left-wrapper h3 label, #right-wrapper h3 label{ margin-bottom:0px; } td .boxcontent-wrapper h2{ background-image: none; color:#FFFFFF; } #maincontentarea-wrapper h2, #brand-wrapper .manufacturer-wrapper h2, .step1-checkout { background: #ffffff none repeat scroll 0 0; display: inline-block; font-size: 1.2em; margin: 0; padding: 10px; position: relative; text-transform: uppercase; line-height: normal; } #brand-wrapper .manufacturer-wrapper header:before, #maincontentarea-wrapper header:before { content: ""; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; } #brand-wrapper .manufacturer-wrapper header, #maincontentarea-wrapper header { position: relative; text-align: left; margin: 0 0 30px; } #right-wrapper .select[multiple], select[size] { height: auto !important; } a:hover, a:active { outline: 0 none; } .grid-96 tr:first-child { background-color: #FFFFFF; } .leftBoxContainer, .rightBoxContainer{ width:100% !important; margin-bottom: 27px; } h3.rightBoxHeading, h3.leftBoxHeading { margin: 0; } .product_quantity {margin-bottom: 10px;} #left-wrapper .leftBoxContainer a, #right-wrapper .rightBoxContainer a{ font-size:14px; line-height: 18px; padding: 8px 12px; text-decoration: none; word-wrap:break-word; } #reviewsHeading > a { padding-left: 0 !important; } #left-wrapper .leftBoxHeading a, #right-wrapper .rightBoxHeading a{ font-size:16px; line-height: 18px; padding-left: 10px; text-decoration: none; } table td{ padding:0px; } #bannerbox2Content a, #bannerboxallContent a, #bannerboxContent a, #whatsnewHeading > a, .reviewsContent a { padding-left:0px !important; padding-top:1px; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom,#navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFmj, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, #cartBoxGVBalance, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, .productMainImage, .review_writeimage, .centerBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal{ text-align: center; } /*For Search */ .search a { cursor:pointer; } /*Search End*/ /*CSS for login page */ FIELDSET { padding: 0.5em 0.5em 0.5em 0; border:none !important; } #checkoutNewAddress .content_box FIELDSET { width:100%; } LEGEND { font-weight: bold; padding: 0.3em 0.3em 0.3em 0; } LABEL.checkboxLabel, LABEL.radioButtonLabel { font-size: 0.95em; margin: 0.2em 0.5em; font-weight: bold; } LABEL, h4.optionName { line-height: 1.25em; padding: 0.1em; } /*CSS For Slidetitle*/ #breadcrumb-wrapper { background: #f5f5f5 url("../images/breadcrumb-overlay.png") repeat scroll 0 0; box-shadow: 0 5px 15px -15px inset; display: inline-block; padding: 30px 2.4%; width: 95.2%; margin-bottom: 30px; } .breadcrumbs { padding-left:7px; } #navBreadCrumb li{ background:url(../images/breadcrumbs.png) no-repeat scroll right center transparent; float: left; list-style: none; padding: 0 10px 0 5px; } #navBreadCrumb > li:first-child { padding-left: 0; } #navBreadCrumb li:last-child { background: none repeat scroll 0 0 transparent; } .productdetails-wrapper .productprice-wrapper .prodprice .productSpecialPrice, .productdetails-wrapper .productprice-wrapper .prodprice, #left-wrapper h3 a, #right-wrapper h3 a { color: #FFFFFF; } .breadcrumbs span { display: inline-block; padding: 10px 20px 10px 5px; } /*CSS For Slidetitle End*/ #productDetailsList, #productDetailsList li { list-style-type:none; margin-left:0; padding-left:0; opacity:0.8; } .product-wrapper { float: left; text-align: center; width: 100%; } .product_name{ text-align:center; float:left; width:100%; margin-bottom: 10px; } .product_desc { float: left; width: 100%; text-align: center; min-height:40px; position:relative; top:10px; } p.s_desc { padding: 0 10px; text-align: center; } .prodprice{ float:left; width:100%; } .normalprice, .product_list_price > del { color: #595959; font-size: 14px; text-decoration: line-through; } .prodprice .productSpecialPrice, .prodprice {font-size:1.1em} .productprice-wrapper .prodprice { padding:5px 5px 5px 20px; position:relative; top:25px; } .productdetails-wrapper .prodprice .productSpecialPrice, .productdetails-wrapper .prodprice { color: #EAEAEA; } /*width For button*/ input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } .normalprice{ text-decoration: line-through; } #indexDefaultMainContent { margin-top: -5px; } #indexDefaultMainContent{ padding-left: 0; } /* for IE 6/7, as it trips the front page thumbnails */ .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials { margin-left: -0.1em; margin-right: -0.1em; } .centerBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 0; } #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } .productinfo-wrapper input[type="text"], .productinfo-wrapper input[type="password"], .productinfo-wrapper input[type="email"], .productinfo-wrapper input[type="url"], .productinfo-wrapper textarea, .productinfo-wrapper select{ margin:0; } /* For add selected product to cart button */ #slider .controls ol > li:before { content:none!important; } .alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; } LABEL.inputLabel { float: left; margin-top:7px; } input[type="radio"], input[type="checkbox"] { cursor: pointer; line-height: normal; margin: 6px 0; } .subproduct_name { padding:10px; min-height:200px; font-size:16px; text-transform: uppercase; } .subproduct_name img { width: auto; margin-bottom: 25px; } /*for bck button */ .productMainImage, .review_writeimage { margin: 0 20px 10px 0; } .product_price{ margin:12px 0 16px; } .product_price strong{ font-size:16px; } .product_title h3{ margin-bottom:0; } .price_amount { font-size: 18px; font-weight: normal; width: 75%; } .attribsoptions{ float:left; width:100%; margin-bottom:16px; } .productSalePrice, .normalprice, .productSpecialPrice, .featured_sidebox .sidebox_price s, .tablecontent.newproductlisting.content_box .product_name_details .product_list_price del{ margin-right:10px; } #maincontentarea-wrapper h1 { border-bottom: 1px solid #E9E8E8; margin-bottom: 10px; padding-bottom: 14px; padding-top: 5px; } #cartAdd strong, .add_title{ font-size:16px; } .add_title { float: left;s margin-bottom: 10px; padding: 0 0 10px; } .product_info, .product_container, .product_description, .cart_info, .product_quantity, #cartAdd, .product_review, .navNextPrevWrapper, .alsoPurchased, #productAttributes{ float:left; width:100%; } span.title { display: block; font-family: "Open Sans 600","Open Sans",sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 20px; padding: 0 0 10px; text-align: left; text-transform: capitalize; border-bottom: 1px solid #e9e9e9; } #my_account .accountLinkList a { display: inline-block; } #my_account .accountLinkList i.fa {margin-right: 10px} /* Checkout */ #checkoutPayment .content_box .productinfo-leftwrapper .ui-widget-content.infoBoxContents, #checkoutShipping .content_box .productinfo-leftwrapper .ui-widget-content.infoBoxContents { float: left; font-size: 14px; line-height: 22px; width: 100%; } .change_add { margin-top: 15px; } .product_review { margin-bottom:10px; } .product_review span.title { margin-bottom:15px; } .alsoPurchased span.title, #maincontentarea-wrapper #productGeneral { margin:0; } .cart_button { float: left; margin-left: 10px; } .ratings{ background: none repeat scroll 0 0 #E9E9E9; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1) inset; display: block; float: left; padding: 1.5%; width: 97%; } .tableHeading th { background: #E9E9E9; font-size: 16px; padding: 6px 5px; text-shadow: 0 0 0; text-align:center; } .tableHeading th a, .tableHeading th a:hover, .tableHeading th a:active, .tableHeading th a:visited{ color:#FFFFFF; } #products_new .tableHeading th, #products_new .tablecontent td{ text-align:left } .tablecontent td { padding: 6px 5px; } #content-wrapper #products_new table .tablecontent td { border:none; } #checkoutShipping .change_add a, #checkoutPayment .change_add a { color:#FFFFFF; } .content_box > fieldset { float: left; width: 20%; } .list-reviews { float: left; width: 100%; } .cartTableHeading, #cartSubTotal { background-color: #e5e5e5; height: 2.2em; } #cartSubTotal { float: left; font-size: 16px; line-height: 35px; margin-bottom: 10px; padding-left: 5px; padding-right: 2.1%; text-align: right; width: 97.3%; } .other_options { float: left; margin: 3px 0; width: auto; } .alternate_text { float: left; font-weight: 700; margin: 10px; } .productprice-wrapper > img, .prodprice > img { min-height: auto; margin-left:10px; float: right; } .product_attributes{ width:75%; float:left; } .product_attributes > input{ margin-right: 3px; } .product_attributes > label { margin-right: 10px; } ul.thumbs { margin-top: 15px; float:left; } .productinfo-wrapper .productinfo-leftwrapper .outer ul.thumbs li { margin-right: 2px; margin-bottom:2px; } .productinfo-wrapper .productinfo-leftwrapper .outer ul.thumbs li > img {height: auto !important} .productprice-wrapper > a { float: left; margin-top: 15px; width: 35%; } .product_price h4.optionName, .attribsoptions h4.optionName { width: 10%; margin-top: 3px; } h4.optionName { float: left; font-size: 16px; margin-bottom: 0; text-transform: none; width:10.8%; padding:0; } h4.optionName label { padding:0; } .current { border-bottom: 1px solid; } .reviewsContent { border-bottom: 1px solid #D2D2D2; font-size: 13px !important; padding: 10px; text-align:center; } #left-wrapper .leftBoxContainer .reviewsContent a{ padding:0; } .navbar .nav { width:100%; } .jsn-header .container, .navbar .container { width:auto !important; } .jsn-header .container, .navbar .container { width:auto !important; } /* For Products */ #footer-wrapper .dotted h3 { padding-bottom:15px; } #maincontentarea-wrapper .item-page h2 { display: block; margin-bottom: 10px; padding-bottom: 10px; padding-left: 0; font-size:20px; } em { font-style:normal !important; } /* Topbar language and currency */ #jsn-pos-mainnav li .nav-child.unstyled li a{ font-size:13px; } #jsn-pos-mainnav li.submenu li a, #jsn-pos-mainnav li.submenu li.submenu li a { background: none !important; } #jsn-pos-mainnav li.submenu li a:hover, #jsn-pos-mainnav li.submenu li.submenu li a:hover { color:#FFFFFF !important; } #jsn-pos-mainnav li .submenu a:hover, #jsn-pos-mainnav li.submenu li.submenu a:hover { display:block; } /* New CSS */ #header-wrapper .grid-24.noleft-margin { float: right; margin: 10px 0; } #header-wrapper { display: inline-block; padding: 0 2.6%; width: 94.8%; } #header-wrapper .navbar .nav > li.tab_active a{ text-decoration: none !important; } .header-content .header-det .grid-32.noleft-margin.noright-margin > form {width: 100%} .header-content .grid-32 .search .search-text { background: rgba(0, 0, 0, 0.1) url("../images/search.png") no-repeat scroll 8px 12px; border: 1px solid rgba(0, 0, 0, 0.05); color: #fafafa !important; cursor: text; float: left; font-size: 0.95em; line-height: 16px; margin: 15px 0; padding: 9px 14px 9px 34px; transition: all 0.5s ease 0s; width: 100%; font-family: "Telex",Arial,Helvetica; } #header-wrapper .grid-24 .search .search-text:focus { border:1px solid #EAEAEA; cursor: text; padding: 6px 14px 6px 25px; width: 130px; outline:medium none; } .search { position: relative; width: 100%; margin: 0; } .search input[type="text"] { box-shadow: none; margin: 0; outline: medium none; padding: 2px 0 3px 1em; width: 90%; border:medium none; } .search input[type="text"]:focus { border-color: #E3E5E7; box-shadow: none; } .grid-32.noleft-margin > form { overflow: hidden; width: 90%; } .header-content .header-det { padding: 15px 1.6%; width: 94.4%; display: inline-block; } #topbar-wrapper .grid-16 { width: 15.866%; } ul.nav-child { display: none; } .jsn-mainnav.navbar .nav > li:hover { transition: all 0.3s ease 0s; } .jsn-mainnav.navbar .nav > li:hover > a, .jsn-mainnav.navbar .nav > li > a:active { transition: all 0.3s ease 0s; } .jsn-mainnav.navbar .nav > li ul.nav-child li a { font-size: 14px; } .jsn-mainnav.navbar .nav > li ul.nav-child li a { border-bottom: 1px solid #E9E9E9; border-right: 1px solid #F6F6F6; display: block; line-height: 20px; padding: 10px 20px; transition: all 0.3s ease 0s; width: 150px; } .jsn-mainnav.navbar .nav > li ul.nav-child li a:hover, .jsn-mainnav.navbar .nav > li ul.nav-child li a:active, #jsn-pos-mainnav li.submenu li a:hover, #jsn-pos-mainnav li.submenu li.submenu li a:hover, #jsn-pos-mainnav li .submenu a:hover, #jsn-pos-mainnav li.submenu li.submenu a:hover { text-decoration: none; } .jsn-mainnav.navbar .nav > li > a { font-size: 1.05em; padding: 10px 15px; text-transform: uppercase; line-height: 20px; color:#FAFAFA; } .navbar .nav > li > a:hover, .navbar .nav > li > a:active { text-decoration: none !important; text-shadow:none; background-color:tranparent; } #topbar-wrapper .grid-64 { width: 66.666%; } /* Footer Advertise */ #brand-wrapper { display: inline-block; padding: 2.6%; width: 94.8%; background:#f3f3f3 none repeat scroll 0 0; } #brand-wrapper .manufacturer-wrapper.full { float: left; width:100%; border-radius:5px; } #brand-wrapper #wrap2 .jcarousel-skin-tango .jcarousel-item-horizontal { margin: 5px 15px; } .manufacturer-wrapper.grid-96 > ul { margin: 15px 0; float:left; width:100%; } #mc_embed_signup form { padding: 10px 0; } #mc_embed_signup form { padding: 10px 0 !important; } /* OS Commerce CSS */ .container_24 .grid_16 { width: 57% !important; } .container_24 .pull_16 { left: -54% !important; } #maincontentarea-wrapper, #right-wrapper { float: left; } #contentpart-wrapper { float: left; background-color:#FFFFFF; width: 94.8%; padding:0 2.6%; } .container_24 .grid_4 { margin-right: 0; width: 190px; } #columnRight { right: -6.8% !important; padding-top: 5px; position: relative; } .container_24 .push_4 { left: 21.4% !important; } .subcontent-wrapper > table { float: right; margin-left: 14px; margin-top: 5px; width: 16%; } #content-wrapper .grid-16 { width: 18.866%; } #content-wrapper .grid-80 { width: 78.333%; } /* Sideboxes */ .ui-widget.infoBoxContainer { margin-bottom: 30px; float:left; width:100%; } .ui-widget-header.infoBoxHeading { border-bottom: 3px solid rgba(0, 0, 0, 0.2); color: #ffffff; font-size: 1.2em; line-height: 25px; padding: 10px; text-transform: uppercase; } .ui-widget.infoBoxContainer a{color:#FFFFFF} .ui-widget.infoBoxContainer { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px dashed #e9e9e9; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); } .categories_sidebox .ui-widget-content.infoBoxContents ul li a, #left-wrapper .ui-widget-content.infoBoxContents > a { border-left: 4px solid #f9f9f9; line-height: 35px; padding: 0 0 0 10px; display: block; } .categories_sidebox .ui-widget-content.infoBoxContents ul li:hover a, #left-wrapper .ui-widget-content.infoBoxContents > a:hover { background: #f9f9f9 none repeat scroll 0 0; padding: 0 0 0 10px; } .categories_sidebox .ui-widget-content.infoBoxContents ul li a:hover { padding: 0 0 0 10px !important; } .categories_sidebox .ui-widget-content.infoBoxContents { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px dashed #e9e9e9; float: left; padding: 5%; text-align: left; width: 90%; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); } #left-wrapper .infoBoxContainer li a:hover { padding:4px 15px; } .information_sidebox .ui-widget-content a, .quick_find_sidebox .ui-widget-content a { line-height: 30px; text-decoration: none; word-wrap: break-word; } .manufacturers_sidebox .ui-widget-content.infoBoxContents, .quick_find_sidebox .ui-widget-content.infoBoxContents, .whatsnew_sidebox .ui-widget-content.infoBoxContents, .information_sidebox .ui-widget-content.infoBoxContents, .specials_sidebox .ui-widget-content.infoBoxContents, .featured_sidebox .ui-widget-content.infoBoxContents{ padding: 4%; } .cart-wrapper .ui-widget-content.infoBoxContents, .specials_sidebox .ui-widget-content.infoBoxContents, .review_sidebox .ui-widget-content.infoBoxContents, .currencies_sidebox .ui-widget-content.infoBoxContents, .manufacturerinfo_sidebox .ui-widget-content.infoBoxContents, .product_notification_sidebox .ui-widget-content.infoBoxContents, .share_product_sidebox .ui-widget-content.infoBoxContents, .orderhistory_sidebox .ui-widget-content.infoBoxContents{ padding: 4%; } .whatsnew_sidebox .ui-widget-content.infoBoxContents > a img { margin-bottom: 5px; } .review_sidebox .ui-widget-content.infoBoxContents > a { float: left; padding: 5px 0; text-align: center; } .specials_sidebox .product_name, .whatsnew_sidebox .product_name, .featured_sidebox .product_name, .review_sidebox .product_name { float: left; margin-bottom: 5px; min-height: 0; padding: 0; text-align: left; text-transform: none; } .specials_sidebox .product_image, .whatsnew_sidebox .product_image, .featured_sidebox .product_image, .review_sidebox .product_image{ min-height:0; margin-bottom:10px; float:left; width:30%; } .product_sideboxname { float: right; width: 65%; } .product_sideboxname { display: block; line-height: 18px; text-decoration: none; word-wrap: break-word; } .specials_sidebox .product_image img, .whatsnew_sidebox .product_image img, .review_sidebox .product_image img, .featured_sidebox .product_image img { border: 1px solid #D9D9D9; height:auto; width:70px; } .specials_sidebox .infoBoxContents, .whatsnew_sidebox .infoBoxContents, .review_sidebox .infoBoxContents, .featured_sidebox .infoBoxContents { float: left; margin-bottom: 0; text-align: left; width: 92%; } /* Log In */ #login-wrapper, .createaccount-wrapper > form, #passforgot-wrapper { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E9E9E9; float: left; margin: 0 0 15px; padding: 2%; width: 95.8%; } #password-page #passforgot-wrapper .contentText > input { margin-bottom: 20px; width: 98.5%; } #password-page #passforgot-wrapper .contentText > label { margin-top: 10px; } .createaccount-wrapper .fieldKey {width: 30%;} .inputRequirement.create-account-alert { display: inline-block; margin-bottom: 20px; } .createaccount-wrapper .fieldValue > input[type="text"], .createaccount-wrapper .fieldValue > input[type="password"] { display: inline-block; width: 225px; } #login-wrapper .contentContainer.loginpart { float: left; margin-bottom: 30px; width: 100%; } .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .readmore:hover, button:hover, .billto-shipto .details:hover, .profile a:hover, .change_add:hover { transition: all 0.3s ease-in 0s; } input:focus { border: 1px solid #A9A9A9; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in 0s; } .signup-wrapper .ui-button-text { color: #FFFFFF; } .loginpart .loginarea1 { float:left; } .loginpart .forgotpasswordarea { float:right; } .loginarea .forgotpasswordarea > a { float: left; margin-top: 8px; } #login-page .content h3 { border-bottom: 1px solid #e9e9e9; margin: 0 0 20px; padding: 0 0 10px; text-align: left; } #login-page .content { background: #f9f9f9 none repeat scroll 0 0; border-color: #e9e9e9; border-style: solid solid none; border-width: 1px 1px 0; min-height: 220px; padding: 14px; } #login-page .loginpart.grid-48 {margin-left: 0} #login-page .loginpart.grid-48 {margin-right: 3%;} #login-page .signup-wrapper.grid-48 {margin-right: 0} #login-page .content input { margin: 5px 0; width: 96%; } #login-page .button-set { background: #f9f9f9 none repeat scroll 0 0; border-style: solid; border-width: 1px; display: inline-block; margin: 0; padding: 3%; width: 93.5%; border-color: #e9e9e9; } /* Date Picker */ .ui-datepicker { border: 1px solid #D9D9D9; display: none; float: left; padding: 0.2em 0.2em 0; position: relative; width: auto; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; font-size:0; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color:#FFFFFF; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-datepicker .ui-state-default { border: 1px solid #D9D9D9; color: #FFFFFF; font-weight: bold; } .ui-icon { background-image: url("images/ui-icons_469bdd_256x240.png"); height: 16px; width: 16px; } /*Accordian */ .acc_trigger { cursor: pointer; float: left; font-weight: normal; height: 32px; line-height: 35px; text-align: left; width: 95%; background: url("../images/plus-minus.png") no-repeat scroll 5px 5px rgba(255, 255, 255, 0.3) !important; } .acc_trigger { display: block; text-decoration: none; } h4.acc_trigger { font-size: 16px; margin: 0; width:92.6%; padding: 0 0 6px; font-weight:bold; } .acc_trigger.active { background: url("../images/plus-minus.png") no-repeat scroll 5px -93px rgba(255, 255, 255, 0.3) !important; } h4.acc_trigger { padding: 0 0 5px 40px !important; } .acc_trigger a { color: #FFFFFF; } .acc_trigger a:hover { color: #FFFFFF; } .acc_container { background: none repeat scroll 0 0 #F5FFEB; clear: both; cursor: pointer; float: left; margin-bottom: 3px; padding: 10px 5px 5px; width: 97.9%; } /* Create Account */ #maincontentarea-wrapper .createaccount-wrapper h2 { padding-bottom:7px; } .buttonSet.create-account-button { display: inline-block; margin: 15px 0 0; } .createaccount-wrapper .contentContainer > h4 { position: relative; padding-bottom: 5px; } .createaccount-wrapper .contentContainer > h4:after { bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 80px; } .createaccount-wrapper > p { float: left; width: auto; } /* Product Description */ .productinfo-wrapper .contentContainer, .alsoPurchased { float:left; width:100%; } .alsoPurchased { margin-top:15px; } .productinfo-wrapper .product_info_tab { float: left; margin-top: 20px; width: 99%; } .productinfo-wrapper .product_info_tab #view3 tr td { float: left; width:24.4%; margin-right: 5px; } .productinfo-wrapper .product_info_tab #view3 tr td:nth-child(4n){margin-right:0} .productinfo-wrapper .product_info_tab #view3 .also_purchased_product_name > a { float: left; padding: 10px 0; width: 100%; } .productinfo-wrapper .product_info_tab #view3 .also_purchased_product_name { float: left; width: 100%; text-align: center; } .productinfo-wrapper .product_info_tab #view3 .purchased_products img { height: auto; } #checkoutShipping .productinfo-leftwrapper, #checkoutPayment .productinfo-leftwrapper, #checkoutShippingAddress .productinfo-leftwrapper, #checkout_payment_address .productinfo-leftwrapper { float:left; width:45%; } .productinfo-leftwrapper #piGal, .productinfo-wrapper .outer { float:left; width:100%; margin-bottom:20px; } #checkoutShipping .productinfo-rightwrapper, #checkoutPayment .productinfo-rightwrapper, #checkoutShippingAddress .productinfo-rightwrapper, #checkout_payment_address .productinfo-rightwrapper { float: right; margin-bottom: 15px; width: 53%; } .productinfo-wrapper .productinfo-leftwrapper .outer > ul:first-child { background: none repeat scroll 0 0 #E0E0E0; float: left; padding: 1%; } .productinfo-wrapper .productinfo-leftwrapper .outer ul.thumbs { margin-top:15px; float:left; } .productinfo-wrapper .productinfo-leftwrapper .outer ul.thumbs img { height: 70px !important; } .productinfo-leftwrapper.grid-40 {margin: 0} .productinfo-rightwrapper.grid-56 {margin-left: 0} #productinfodisplay-wrapper .product_title { border-bottom: 1px solid #e9e9e9; line-height: 25px; padding-bottom: 13px; } #productinfodisplay-wrapper .product_price { border-bottom: 1px solid #e9e9e9; margin: 15px 0 0; padding-bottom: 15px; } .productinfo-wrapper .productinfo-rightwrapper .cartadd { border-bottom: 1px solid #e9e9e9; float: left; margin-top: 15px; padding: 0 0 15px; width: 100%; } .productinfo-wrapper .productinfo-rightwrapper .cartadd .cart_quantity > strong { float: left; font-weight: bold; margin-right: 1em; line-height: 35px; } .productinfo-wrapper .productinfo-rightwrapper .cartadd .cart_button {margin-left: 0} .productinfo-wrapper .productinfo-rightwrapper .cartadd .cart_quantity > input { float: left; font-size: 12px; height: 35px; margin: 0 1em 0 0; padding: 0; text-align: center; width: 35px; } .productinfo-wrapper .productinfo-rightwrapper .cartadd .cart_quantity { float: left; } .productinfo-rightwrapper #productinfodisplay-wrapper .price_amount del { opacity:0.5; margin-right:15px; } .productinfo-wrapper .product_description, .productinfo-rightwrapper .cartadd #productAttributes { margin-top:10px; } /* Checkout Progress */ /*.checkoutprogress-wrapper { background: none repeat scroll 0 0 #F5F5F5; float: left; margin-bottom: 10px; padding: 10px; width: 97.2%; }*/ .checkoutprogress-wrapper .step-checkout, .checkoutprogress-wrapper .step1-checkout { font-family: "Open Sans 600","Open Sans",sans-serif; border: 1px solid #e9e9e9; margin: 0 10px 0 0 !important; transition: all 0.3s ease-in-out 0s; } #checkout_comments{ float:left; width:100%; } #checkout_comments h2{ padding-bottom:5px; margin:0; } .add-wrapper { float: left; width: 100%; } .createaccount-wrapper .fieldValue.country_select > select { width: 238px; } #address_book_process .fieldValue.country_select > select { width: 42.5%; } #checkoutNewAddress .fieldValue.country_select > select, #checkout_payment_address .fieldValue.country_select > select { width: 37.2%; } /* Shopping Cart */ #cart-wrapper .contentText > table { float: left; width: 100%; } #cart-wrapper .product_info_itemimage > img { height: 50px; margin-left: 40px; } #cart-wrapper input { text-align:center; } #cart-wrapper .product_info_itemupdtae button { background:none; } #cart-wrapper .product_info_image .product_info_itemimage { float: left; width: auto; } #cart-wrapper tbody .tablecontent .ui-priority-secondary { border-style: none; } #cart-wrapper .tablecontent input[type="text"] { max-width: 30px; } /* All Reviews Page */ #review_display, .review_writebox, .add_to_cart { float: left; width: 100%; } .review_prodinfo { float: left; margin-bottom: 10px; width: 100%; } .review_img img, .review_sidebox img, .whatsnew_sidebox img, .specials_sidebox img, .featured_sidebox img, .review_writeimage img, #cart-wrapper img, .productListingHeader img{ width: auto; } .productinfo-wrapper .productinfo-leftwrapper #piGal img{ height:auto; width: 35%; background: none repeat scroll 0 0 #E0E0E0; } .zoom:after { background: url("../images/icons/icon.png") repeat scroll 0 0 transparent; content: ""; display: block; height: 33px; position: absolute; right: 0; top: 0; width: 33px; } .zoom { display: inline-block; position: relative; } .zoom img { display: block; } .productinfo-wrapper .productinfo-leftwrapper #piGal .outer img { background: none repeat scroll 0 0 transparent !important; box-shadow: none !important; } .review_writebox, .review_textarea { margin-bottom: 10px; float:left; width:100%; } .review_rating .bold { float: left; margin-top: 5px; width: 7%; } .button a, .button a:hover, .button a:active, .button a:visited { color: #FFFFFF; } /*Required Information */ .inputRequirement{ color:#FF4444; } /* Pagination */ .pagination_product > strong { padding: 5px 10px; color: #FFFFFF; } .pagination_product a > u { text-decoration: none; } .pagination_product a:hover { background: none repeat scroll 0 0 #E9E9E9; } .pagination_product a img{height:10px;} /* Specials */ #maincontentarea-wrapper #specials { float: left; margin-left: 2px; width: 100%; } #maincontentarea-wrapper #specials h1 { width: 97%; } /* Contact Us & Footer Menu*/ #contactus-wrapper, #deliveryinfo-wrapper, #aboutus-wrapper, #terms-wrapper, #privacy-wrapper, #refund-wraper, #affiliates-wrapper, #news-wrapper, #store-wrapper { float:left; width: 100%; margin-bottom:10px; } #contactus-wrapper .buttonSet { float: left; margin-top: 20px; } #contactus-wrapper .grid-96 > label {display:inline-block} #contactus-wrapper .grid-96 > input,#contactus-wrapper .grid-96 > textarea{display:inline-block;width:98%} #contactus-wrapper .contact_address{ float: left; margin: 0 0 15px; width: 100%; } #contactus-wrapper .contact_address .address, #contactus-wrapper .contact_address .mail, #contactus-wrapper .contact_address .phone { color: #EAEAEA; float: left; margin: 0; min-height: 33px; padding: 1.5% 1.5% 1.5% 40px; transition: all 0.3s ease-in 0s; width: 26.68%; } #contactus-wrapper .contact_address .address { background-position: 7px -355px !important; } #contactus-wrapper .contact_address .mail { background-position: 7px -530px !important; } #contactus-wrapper .contact_address .phone { background-position: 7px -442px !important; } #passforgot-wrapper .contentText tr { float: left; margin: 15px 0 10px; width: 100%; } #passforgot-wrapper .contentText tr td.fieldKey { float: left; margin-top: 5px; width: 20%; } /* Account Sucess */ #createaccount-wrappersucess { float: left; margin-bottom: 15px; width: 100%; } .productinfo-wrapper { float: left; margin-bottom: 30px; width: 100%; } .nav-child.unstyled .nav li a { background: none repeat scroll 0 0 transparent; } .product_desc_part .smallText, .product_heading_part .smallText { margin-left: 10px; } .orderhistory_sidebox a img { position: relative; top: 6px; } .orderhistory_sidebox td a { line-height: 30px; } .advanced_search > input[type="text"] { margin: 0; width: 51%; } .advanced_search button{ top:2px; position:relative; } .advanced_search .fieldValue > select { width: 163px; } #wrapper { float:left; position: relative; width: 100%; } #carousel { width: 100%; float:left; } .caroufredsel_wrapper { width:auto !important; height: 390px !important; } .caroufredsel_wrapper > ul {height: 650px !important;} #brand-wrapper .caroufredsel_wrapper, #brand-wrapper .caroufredsel_wrapper > ul {height: 70px !important;} #carousel ul { list-style: none; display: block; margin: 0; padding: 0; } #carousel li { background: none repeat scroll 0 0 #E1E1E1; border: 1px solid #E1E1E1; color: #999999; display: block; float: left; margin: 3px 10px 3px 25px; padding: 5px; position: relative; text-align: center; transition: all 0.3s ease-in 0s; width:153px; cursor:pointer; } #carousel li:hover { background: none repeat scroll 0 0 #3C3C3C; transition: all 0.3s ease-in 0s; } #carousel li:first-child{margin-left:15px;} #brand-wrapper #carousel li img { width: 150px; margin-top: 0; height:57px; } #brand-wrapper #carousel li img:hover{opacity:0.9;} .clearfix { float: none; clear: both; } #carousel .prev, #carousel .next { background: transparent url(../images/carousel_control.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 20px; opacity:0.5; } #carousel .prev { text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 70px; } #carousel .next { text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 70px; } #carousel .prev { background-position: 0 0; left:-10px; top: 27px; } #carousel .next { background-position: -18px 0; right: 0px; top: 27px; } /* NOTE: This is the modified stylesheet from http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Superfish v1.4.8 – jQuery menu plugin by Joel Birch This is JQuery ready:simply by adding a superfish jquery file the menu will operate in smooth jquery style. Other styling options from Superfish can be downloaded from this site. - HTML for this menubar was adapted from UL_Categories contribution by www.niora.com/css-oscommerce.php. ********************************************************************************************/ /*** ESSENTIAL STYLES ***/ /*containing div*/ .cat_navbar{ /*background-color: #FF0000;*/ padding-top:1px; height: 34px; background:Transparent url('../images/superfish-background.png'); } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } #header .sf-menu a { /*#header seems to be required*/ /*border-top: 1px solid #CFDEFF;*/ padding: .80em 2em .80em 1em; color:#FFFFFF; font-weight: bold; text-decoration: none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colmj*/ color: #13a; } .sf-menu li { background:Transparent url('../images/superfish-border.png') no-repeat 100% 4px ; } .sf-menu li li { /*background:#87AFC8;*/ border-right:#87AFC8; background:#87AFC8 url('../images/superfish-underline.png') no-repeat 0px 100% ; /*border-bottom:1px solid #A8C8DE;*/ } .sf-menu li li li { background: #92C5CF; border-right:#92C5CF; border-bottom:1px solid #A8C8DE; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #A8C8DE; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/superfish-arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/superfish-shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } .grid-56 { width: 55.833% !important; } /* Banner */ #banner-wrapper .banner > div:last-child { margin-right: 0; } #banner-wrapper .banner { background:#FFFFFF; float:left; width:100%; border-radius:5px; } #banner-wrapper .banner > div { margin-right:2%; } #banner-wrapper .banner > div:first-child { margin-left: 0; } #banner-wrapper .banner img { border:1px solid #CCCCCC; height:auto; width:100%; } #banner-wrapper .banner .top-banner { position: relative; } #banner-wrapper .banner .top-banner:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transform: scale(0); transition: all 0.5s ease-out 0s; } #banner-wrapper .banner .top-banner:after { background: rgba(0, 0, 0, 0) url("../images/plus-img.png") no-repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 60px; left: 0; margin: auto; pointer-events: none; position: absolute; right: 0; top: 0; transform: scale(0); transition: all 0.5s ease-out 0s; width: 60px; } #banner-wrapper .banner .top-banner:hover:after { transform: scale(1); } #banner-wrapper .banner .top-banner:hover:before { transform: scale(1); } /* slideshow */ #slideshow-wrapper .container, #slideshow-wrapper .navbar-fixed-top .container, #slideshow-wrapper .navbar-fixed-bottom .container { float:left; width:100%; } .iviewSlider > div { width:auto !important; } /* Product hover effect */ .product-name-desc { float: left; width: 100%; margin: 15px 0; } .action-button.hover_info { bottom: -25px; opacity: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; } .centerBoxContentsNew .product-wrapper .product_image { position: relative; overflow: hidden; } .action-button.hover_info > .grid-icons-grid > i.fa {line-height: 34px} .grid-icons-grid { display: inline-block; font-size: 12px; height: 34px; line-height: 34px; margin: 0 1px; text-decoration: none; transition: background 0.5s ease 0s; width: 34px; background: #ffffff none repeat scroll 0 0; } .centerBoxContentsNew.centeredContent:hover .product_image .action-button.hover_info { bottom: 27px; opacity: 1; } .product-name-desc .product_name > a { font-size: 1.1em; } #newproduct-wrapper li, #specialproduct-wrapper li, #featuredproduct-wrapper li { display: inline-block; margin-bottom: 0; overflow: hidden; position: relative; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #e9e9e9; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); margin: 0 15px; overflow: inherit; padding: 10px 10px 0; position: relative; transition: all 0.3s ease-in-out 0s; } .contentContainer .contentText #newproduct-wrapper li, .contentContainer .contentText #specialproduct-wrapper li, .contentContainer .contentText .featureproduct-wrapper li { margin: 0 10px; } .centerBoxContentsNew.centeredContent .productdetails-wrapper .prodprice, #featuredproduct-wrapper .featured_products_details .productdetails-wrapper .prodprice { padding: 4.2%; width: 92%; } /*.centerBoxContentsNew.centeredContent .productdetails-wrapper .prodprice, #featuredproduct-wrapper .featured_products_details .productdetails-wrapper .prodprice { padding:6% 4%; bottom: 0; position: absolute; } .centerBoxContentsNew.centeredContent .productdetails-wrapper, .contentText.featureproduct-wrapper .featured_products_details .productdetails-wrapper { display: block; height: 99%; min-height: 50px; position: absolute; width: 99%; opacity:0; } .contentText.featureproduct-wrapper .featured_products_details .productdetails-wrapper, .contentText.featureproduct-wrapper .featured_products_details:hover .productdetails-wrapper {width:100%!important;} .centerBoxContentsNew.centeredContent:hover .productdetails-wrapper, .contentText.featureproduct-wrapper .featured_products_details:hover .productdetails-wrapper { opacity:1; width: 98.9%; } .detailbutton-wrapper, .zoom-button { bottom: -90%; height: 60%; position: absolute; right: 23%; width: 25%; } .detailbutton-wrapper a { background: url("../images/icons/icon-cart.png") no-repeat scroll center center rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) inset; display: inline-block; font-size: 0; height: 84%; padding: 8%; width: 83%; } .zoom-button { left: 23%; } .group1.cboxElement { background: url("../images/icons/maximize.png") no-repeat scroll center center rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) inset; display: inline-block; font-size: 0; height: 84%; padding: 8%; width: 83%; } #featuredproduct-wrapper .featured_products_details .detailbutton-wrapper, #featuredproduct-wrapper .featured_products_details .zoom-button { bottom: -70%; height: 50%; right: 18%; width: 30%; } #featuredproduct-wrapper .featured_products_details .zoom-button { left: 18%; } */ /* Footer */ .aboutus_address, .aboutus_mail, .aboutus_phone, .aboutus_fax, .aboutus_skype { float: left; padding-bottom: 10px; text-align: left; width: 100%; } .aboutus_skype {padding-bottom: 0} .aboutus_skype .skype {margin-bottom: 0;} .aboutus_text { background-color: #303030; float: left; margin-bottom: 10px; padding: 10px; width: 91%; } #footer-wrapper .dotted .address { border-bottom: 1px solid #D8DFEA; padding-bottom: 10px; } .aboutus_address > p { font-size: 13px; } #footer-wrapper .dotted h5 { background: none repeat scroll 0 0 transparent !important; color: #DDDDDD; font-size: 12px; padding-bottom: 0; } .social_bookmarks li { float: left; padding: 0 5px 5px 0; } .social_bookmarks li a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.2); color: #ffffff !important; display: block; float: left; height: 40px; line-height: 40px; text-align: center; transition: all 0.3s ease-in-out 0s !important; width: 40px; } #footer-wrapper .social_bookmarks li a:hover { border: 1px solid rgba(0, 0, 0, 0.1); color: #ffffff; transition: all 0.3s ease-in-out 0s !important; } .social_bookmarks li a i.fa {line-height: 40px} .social_bookmarks li.facebook a { background: #2a5bb6 none repeat scroll 0 0; border: 1px solid #2a5bb6; } .social_bookmarks li.twitter a { background: #12cbed none repeat scroll 0 0; border: 1px solid #12cbed; } .social_bookmarks li.pinterest a { background: #c11b1b none repeat scroll 0 0; border: 1px solid #c11b1b; } .social_bookmarks li.google_plus a { background: #dd4b39 none repeat scroll 0 0; border: 1px solid #dd4b39; } .social_bookmarks li.tumblr a { background: #3f729b none repeat scroll 0 0; border: 1px solid #3f729b; } .social_bookmarks li.linkedin a { background: #007fb1 none repeat scroll 0 0; border: 1px solid #007fb1; } .social_bookmarks li.youtube a { background: #d63030 none repeat scroll 0 0; border: 1px solid #d63030; } #bottom-wrapper { display: inline-block; width: 94.8%; padding: 15px 2.6%; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; } #bottom-wrapper .grid-96 > p {text-align: center;margin:0} /* Review Page New CSS */ #reviewsInfo .productinfo-leftwrapper, #reviewsWrite .productinfo-leftwrapper { float:left; width:48%; } #reviewsWrite .review_writeimage .productMainImage, #reviewsInfo .review_writeimage .productMainImage { float:left; } #reviewsWrite .review_writeimage .productMainImage img{padding:5px} #reviewsWrite .review_writeimage .productMainImage img, #reviewsInfo .review_writeimage .productMainImage img { background: none repeat scroll 0 0 #E0E0E0; height: 200px; float:left; width:230px; } #reviewsWrite .review_details .price_amount{ float: left; width:100% } #reviewsWrite .review_details .price_amount del { float: left; margin-right: 10px; width: auto; } #reviewsWrite .review_details .price_amount .productSpecialPrice { float: left; } #reviewsWrite .review_rating .ratting_review { float: left; width: 100%; } #reviewsWrite .productinfo-rightwrapper, #reviewsInfo .productinfo-rightwrapper { background: none repeat scroll 0 0 #F5F5F5; border: 5px solid #E9E9E9; float: left; margin: 3px 0 15px; padding: 10px; width:46.6%; } #reviewsWrite .productinfo-rightwrapper .product_title > h3, #reviewsInfo .productinfo-rightwrapper .product_title > h3 { font-size: 14px; } #reviewsWrite .productinfo-rightwrapper .review_details { float: left; width: 100%; } #reviewsWrite .productinfo-rightwrapper .review_details .product_price { float: left; margin: 16px 20px 14px 0; } #reviewsInfo .cart_button span, #reviewsWrite .cart_button span { background-image: url("../images/icons/cart_1.png") !important; background-position: 5px 9px !important; background-repeat: no-repeat !important; padding: 10px 10px 9px 30px !important; transition: all 0.3s ease-in 0s !important; } #reviewsInfo .cart_button, #reviewsWrite .cart_button{margin-left:0 } #reviewsWrite .productinfo-rightwrapper .review_details .cart_button span { float: left; margin-top: 6px; } #reviewsWrite .productinfo-rightwrapper .review_from { float: left; width: 100%; margin:8px 0 10px; } #reviewsWrite .productinfo-rightwrapper .review_from .bold{font-weight:normal} #reviewsWrite .buttonSet { float: left; width:100%; } #reviewsWrite .buttonSet .text_no_html { margin-top: 10px; } #reviewsWrite .content_box .review_title_text { float: left; margin-bottom: 10px; width: 100%; } #reviewsWrite .change_add a { color: #FFFFFF; } .rectangle-list a:before { color: #EAEAEA; content: counter(li, decimal); counter-increment: li; height: 2em; left: -2.4em; line-height: 2em; margin-top: -1em; position: absolute; text-align: center; top: 50%; transition: all 0.3s ease-out 0s; width: 2em; } .rectangle-list a:after { border: 0.5em solid transparent; content: ""; left: -1em; margin-top: -0.45em; position: absolute; top: 50%; transition: all 0.3s ease-out 0s; } .rectangle-list a { display: block; margin: 0.5em 0 0.5em 2.5em; padding: 0.4em; position: relative; text-decoration: none; transition: all 0.3s ease-out 0s; } #left-wrapper .infoBoxContainer .rectangle-list a:hover { padding: 0.4em; } .bestsellers_sidebox .rectangle-list { padding:10px; } ol { counter-reset: li; list-style: none outside none; padding: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .rectangle-list a:hover:after { left: -0.4em; } .rectangle-list a:hover { background: none repeat scroll 0 0 #E9E9E9; } .list-reviews .review{ background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 10px; width: 96.2%; } .user_detail { float: left; margin-top: 1px; text-align: center; width: 79%; } .bold.user_reviewer, #reviewsInfo .list-reviews .user_detail .bold, #reviewsRead .list-reviews .user_detail .bold { float: left; font-size: 11px; letter-spacing: 1px; margin-right: 2px; margin-top: 4px; text-transform:capitalize; } .bold.user_reviewer > strong , .list-reviews span.date > strong, #reviewsInfo .list-reviews .user_detail .bold > strong, #reviewsRead .list-reviews .user_detail .bold > strong{ font-weight: bold; opacity: 0.8; } .list-reviews .review_content{ float: left; margin-bottom:5px; } .list-reviews span.date { border-bottom: medium none; border-left: medium none; display: block; float: left; font-size: 11px; padding: 4px 6px 2px; position: relative; right: auto; top: auto; opacity:0.8; font-weight:bold; } span.bold, span.bold a { display: block; font-size: 13px; font-weight: 700; } .centerBoxContentsNew .product_image:after { border-bottom: 1px dashed #e9e9e9; content: ""; display: block; margin: 1.9em auto 0; transition: all 0.6s ease-in-out 0s; width: 150px; } .centerBoxContentsNew .product_image img { width: auto; height: auto; } .review_img{ width:20%; text-align:center; float:left; margin-right: 10px; } .review_left .buttonSet{float:left;width:100%;margin-top:10px} .review_left .buttonSet .review_read_more, .review_left .buttonSet .write_review, .review_left .buttonSet .back { float: left; margin-right: 10px; padding-right: 10px; } .review_left .buttonSet .back:last-child { border-right: medium none; } #reviewsWrite .review_details .cart_button span a, #reviewsInfo .cart_button span a { color: #FFFFFF; } #reviewsRead .review .review_img img { border: 1px solid #D9D9D9; margin: 0 15px 0 0; height:auto; } #reviewsRead .review .review_left { float: left; width: 78%; } #reviewsRead .review .review_left .product_title > h3 { font-size: 14px; margin: 2% 0; } #reviewsRead .review .review_left .box_content {text-transform: capitalize;} /* Subcategories */ #subcategories_names { display: inline-block; margin-bottom: 30px; width: 100%; } .subcategories_list { background: #f9f9f9 none repeat scroll 0 0; float: left; margin: 0; padding: 2%; width: 96%; } #subcategories_names li { display: inline-block; float: left; margin: 5px 10px 5px 0; transition: all 0.3s ease-in-out 0s; } #subcategories_names li:first-child { background: none repeat scroll 0 0 transparent; padding: 10px 10px 10px 0; margin: 5px 0; } #subcategories_names .subproduct_name_subcategories a { display: inline-block; padding: 10px; color: #FFFFFF; } #categories_listing_image > img { height: auto; width: 100%; margin-bottom:20px; } /* Advance Search */ .advanced_search h2#advance_search_heading { font-size: 14px; font-weight: bold; opacity: 0.8; background:none; text-transform: none; padding-bottom:0; } .advanced_search .content_box { background: none repeat scroll 0 0 #F5F5F5; border: 5px solid #E9E9E9; float: left; margin: 0 0 15px; padding: 10px; width: 94.5%; } .advanced_search .content_box .fieldKey { float: left; margin-bottom: 10px; width: 100%; font-size: 14px; font-weight: bold; opacity: 0.8; } .advanced_search .content_box .fieldValue strong { font-size: 14px; font-weight: bold; opacity: 0.8; } .advanced_search #advance_search_input, .advanced_search .content_box .fieldValue { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E9E9E9; border-radius: 2px 2px 2px 2px; float: left; padding: 2% 0 1% 2%; width: 98%; } .advanced_search .advance_search_help { margin-bottom:10px; float:left; } .advanced_search .advance_search_help a u { text-decoration: none; } .advanced_search #advance_search_input > input { float: left; margin-right: 20px; } .advanced_search #advance_search_input .smallText { float: left; font-weight:bold; margin-top:4px; } /* Subcategories Listing */ .tablecontent.newproductlisting.content_box, #reviewsWrite .content_box, #reviewsInfo .content_box, #reviewsRead .content_box, #aboutus-wrapper .content_box{ border: 5px solid #E9E9E9; float: left; margin: 0 0 15px; padding: 0; transition: all 0.3s ease-in 0s; width: 98.6%; border-radius: 0; margin-right:15px; } .tablecontent.newproductlisting.content_box { border: medium none; background: #FFFFFF; } #reviewsWrite .content_box, #reviewsInfo .content_box, #reviewsRead .content_box{padding:10px;width:94.5%;} #aboutus-wrapper .content_box{padding:2%;width:94.5%;} .new_product_list .tablecontent.newproductlisting.content_box{width:100%; display: inline-block; margin-bottom: 30px} .tablecontent.newproductlisting.content_box .product_list_image { width: 25%; float:left; margin-right: 20px; } /*.tablecontent.newproductlisting.content_box .product_name_details { float: left; width: 22%; }*/ .tablecontent.newproductlisting.content_box .product_name_details .product_list_price, .tablecontent.newproductlisting.content_box .product_name_details .product_list_price_new { float: left; font-size: 15px; line-height: 25px; margin: 0 0 15px; word-break:break-all; } .tablecontent.newproductlisting.content_box .product_name_desc{ float: left; width: 72%; } .tablecontent.newproductlisting.content_box .product_name_desc .product_list_name, .tablecontent.newproductlisting.content_box .product_name_desc .product_list_description, .tablecontent.newproductlisting.content_box .product_name_details{ float: left; width: 100%; margin-bottom: 10px; } .tablecontent.newproductlisting.content_box .product_name_details{margin-bottom:0} .product_extra_attributes {float:left; width:100%} .tablecontent.newproductlisting.content_box .product_name_desc .product_list_name { border-bottom: 1px solid #EAEAEA; padding-bottom: 10px; text-transform: uppercase; } .tablecontent.newproductlisting.content_box .product_name_desc .product_list_name > a, .tablecontent.newproductlisting.content_box .product_name_details a, #checkoutsucess .contentText > a, #account_history .content_box td a {font-size:14px;font-weight:bold;opacity:0.8} .tablecontent.newproductlisting.content_box .product_list_image img { border: 1px solid #D9D9D9; padding: 0; width:auto; background:#FFFFFF; height:auto; } .product_listing_info .contentContainer .contentText .pagination_container, #featured_product .pagination_container, #products_new .pagination_container, #specials .pagination_container { float: left; margin: 10px 0 30px; width: 100%; } .pagination_container .pagination_product {float: right} .tablecontent.newproductlisting.content_box:hover{transition: all 0.3s ease-in 0s;} .tablecontent.newproductlisting.content_box td{padding:0} .tablecontent.newproductlisting.content_box td:first-child { background: none repeat scroll 0 0 #E9E9E9; float:left; width: 22%; margin-right:15px; } /* Subcategories Manufacturer Part */ .product_listing_info #product_listing_subcategories_info { float: left; width: 100%; } #product_listing_info_manufacturer_part .product_subcategories_manufacturer_dropdown { float: left; } .product_listing_info .contentContainer { float: left; width: 100%; } .product_listing_info #categories_listing_image { float: left; width: 100%; } /* Checkout */ #checkout_payment_address .content_box .productinfo-leftwrapper .ui-widget-content.infoBoxContents { float: left; width: 100%; } /* Featured Product */ .contentText.featureproduct-wrapper { float: left; width: 100%; } .featured_product_name { float: left; font-size: 15px; opacity: 0.8; text-align: center; width: 100%; } #createaccount-wrappersucess .contentText > a { font-size: 14px; font-weight: bold; opacity: 0.8; } .simple-boxcontent.team_info { border: 1px solid #E9E9E9; float: left; width: 97.1%; } .team_image { float: left; width: 37%; } .team_detail { background: none repeat scroll 0 0 #F5F5F5; float: right; padding: 10px; width: 58%; } td .simple-boxcontent { margin-top: 5px; } .team_name, .team_title, .team_about { float: left; margin-bottom: 10px; width: 100%; } #aboutus-wrapper .content_box strong { font-size: 14px; font-weight: bold; opacity: 0.8; } #aboutus-wrapper h4 { background: url(../images/icons/bg_dotted.png) repeat-x scroll 0 100% transparent !important; padding-bottom: 10px; } .account_history_top{float:right;margin-top:10px} .top_margin{float:left;margin-top:10px} .checkout_top_margin{margin-top:0} .top_margin_logoff{margin-top:15px} #maincontentarea-wrapper #specialproduct-wrapper, #maincontentarea-wrapper #newproduct-wrapper, #maincontentarea-wrapper #featuredproduct-wrapper { float: left; width: 100%; margin: 0 0 30px; } #maincontentarea-wrapper #serachresult-wrapper { margin-bottom: 25px; } /* Support Icon Above Brand Slider */ .custom-content-wrapper { float: left; padding: 2.6%; width: 94.8%; background: #2b2b2b none repeat scroll 0 0; } .our-services-details > div:first-child { border: medium none; } .our-services-details > div { border-left: 1px solid #151b23; text-align: center; } .our-services-details .custom-block { color: #ffffff; display: inline-block; text-align: center; } .our-services-details .custom-block i { font-size: 40px; } .our-services-details .custom-block i.fa { margin-right: 10px; } .our-services-details .block-content { display: inline-block; } .our-services-details .custom-block .block-title { display: block; font-size: 16px; text-align: left; text-transform: uppercase; } .our-services-details .custom-block .block-text { font-size: 14px; } /* Address Book */ #address_book .address-book-info { margin-right: 3%; } #account_edit .contentText > input[type="text"], #account_password .contentText > input, #address_book_process .contentText > input[type="text"] { width: 98.5%; } #address_book_process .contentText > select {width: 100%} #account_edit .contentText label {font-weight: normal} .contentText .inputLabel.first {margin-top: 0} /* Sticky Header */ .sticky-header-wrapper { box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1); display: none; float: left; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999; } .sticky-header-wrapper .sticky-header-content.header-det { padding: 0; width: 100%; } .sticky-header-wrapper.header-content .grid-32 .search .search-text { margin: 18px 0; } .sticky-header-wrapper #logo-wrapper.grid-32 { margin: 12px 0 7px; } .sticky-header-wrapper #logo-wrapper img { width: 180px; } .sticky-header-wrapper.header-content .header-det .welcome-msg { margin: 30px 0; } .sticky-header-wrapper.header-content .header-det .msg_callus .header_msg { padding: 10px; display: inline; border-right: medium none; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } .sticky-header-wrapper .welcome-msg .cust-welcome .menu_txt span > a { padding: 10px; } #password-page .buttonSet span.button, #address_book .button, #address_book_process .buttonSet span.button, #logoff .buttonSet span.button { padding: 0; } #password-page .buttonSet .button span > a, #address_book .button span > a, #address_book_process .buttonSet .button span > a, #logoff .buttonSet span.button span > a { display: inline-block; padding: 8px 10px; } .home-shopping-cart { float: right !important; } .home-shopping-cart a { padding: 11.5px 15px; color: #FFFFFF; font-size: 1.05em; display:inline-block } .home-shopping-cart i.fa {margin-right:10px;} .home-shopping-cart button { background: none; border-bottom: medium none; padding: 0; text-transform: uppercase; } .footer-bottom #footer-2 .about-us-container p{word-break:break-all} #checkoutPayment .boxcontent-wrapper{background:#FFFFFF} .header-container { background: #a8a7a7!important; border-top: 3px solid #505050; } #header-wrapper #mainmenu-wrapper{ background-color: #af1e2d!important; } #mainmenu-wrapper .jsn-mainnav-inner ul.nav-child { border-bottom: 2px solid #af1e2d!important; } #header-wrapper .navbar .nav > li:hover > a, #header-wrapper .navbar .nav > li > a:hover{ background-color: #790410!important; } #jsn-pos-mainnav li .nav-child.unstyled li:hover > a, .categories_sidebox .ui-widget-content.infoBoxContents ul li a:hover, #left-wrapper .ui-widget-content.infoBoxContents > a:hover, .createaccount-wrapper .contentContainer > h4, .categories_sidebox .ui-widget-content.infoBoxContents ul li:hover a, #left-wrapper .ui-widget-content.infoBoxContents > a:hover, #my_account .accountLinkList a:hover, #account_history .content_box td a:hover, #cart-wrapper .product_info_itemname:hover, #checkoutConfirmation a span:hover, #checkoutsucess .contentText > a:hover, #createaccount-wrappersucess .contentText > a:hover { color: #790410!important; } .sticky-header-wrapper { background-color: #737373!important; } #footer-wrapper { background: #af1e2d!important; color: #fff!important; }