body {font-family: Arial, Helvetica, sans-serif;} * { margin:0; padding:0; } .dropdown-menu {-webkit-transform: translateZ(1px);} img { border:0; vertical-align:top; max-width: 100%; height: auto; } a { color:#1e7ec8; text-decoration:none; } a:hover { color:#434343; text-decoration:none; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#0a263c; } h1 { font-size:20px; font-weight:normal; } h2 { font-size:18px; font-weight:normal; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; line-height:1.35; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ /*.wrapper { min-width:954px; }*/ .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main { /*width:900px; margin:0 auto; min-height:400px; padding:0px 15px 30px; background:#fffff;*/ text-align:left; } /* Base Columns */ .col-left { /*float:left; width:195px; padding:0 0 1px; */} .col-left.sidebar{padding-left: 0px} .col-main { /*float:left; width:685px; padding:0 0 1px; */} .col-right { padding-left:0; padding-right:0} /* 1 Column Layout .col1-layout .col-main { float:none; width:auto; }*/ /* 2 Columns Layout */ .col2-left-layout .col-main { /*float:right; */} .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {/* width:475px; margin-left:17px; */} .col3-layout .col-wrapper {padding-left:0; padding-right:0 } .col3-layout .col-wrapper .col-main { /*float:right;*/ } /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ .btn:focus { outline: 0 !important; } input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; } input.input-text,select,textarea,#review_field { background:#fff; border:1px solid #b6b6b6; } /*input.input-text,textarea { padding:2px; }*/ select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } button.button::-moz-focus-inner { /*padding:0; border:0; */} /* FF Fix */ /*button.button { -webkit-border-fit:lines; } *//* <- Safari & Google Chrome Fix */ /*button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }*/ /*button.button span { display:block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { border:0; padding:0; } button.disabled span { border-color:#bbb !important; background:#bbb !important; }*/ button.btn-checkout span { height:40px; border:0;/* background:url(../images/btn_checkout.gif) 0 0 no-repeat; */ padding:0 0 0 9px; font:bold 15px/40px Arial, Helvetica, sans-serif; color:#fff; } button.btn-checkout span span { background-position:100% 0; padding:0 25px 0 16px; } button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; } button.btn-checkout.no-checkout span span { background-position:100% 100%; } p.control input.checkbox, p.control input.radio { margin-right:6px; display: inline-block !important} /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; } /*.highlight { background:#efefef; }*/ .buttons-set { clear:both; margin:4em 0 1em 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { padding: 22px 35px 12px 25px;margin: 28px 0;border-top: solid 1px #3c3c3c;background: #d5d5d5;background: -moz-linear-gradient(top, #d5d5d5 0%, #777777 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#777777));background: -webkit-linear-gradient(top, #d5d5d5 0%,#777777 100%);background: -o-linear-gradient(top, #d5d5d5 0%,#777777 100%);background: -ms-linear-gradient(top, #d5d5d5 0%,#777777 100%);background: linear-gradient(to bottom, #d5d5d5 0%,#777777 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#777777',GradientType=0 );border: 1px solid #666;box-shadow: 2px 2px 6px #666;-moz-box-shadow: 2px 2px 6px #000;-webkit-box-shadow: 2px 2px 6px #000;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;} .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; color:#eb340a; } .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .success-msg{background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 15px; margin-bottom: 20px; border: 1px solid #cce0bb; border-radius: 4px;} .error-msg{background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; padding: 15px; margin-bottom: 20px; border: 1px solid #faebcc; border-radius: 4px;} .notice-msg, .note-msg{background-color: #d9edf7; border-color: #bce8f1; color: #31708f; padding: 15px; margin-bottom: 20px; border: 1px solid #bce8f1; border-radius: 4px;} /* BreadCrumbs */ .breadcrumbs { font-size:11px; margin:15px 0px 0 30px; text-align:left; background:none} .breadcrumb{background:none; text-align:left; margin-top:10px; padding:10px 0 0 15px } .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight:bold; } /* Page Heading */ .page-title { width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin:0 0 25px; padding-bottom:5px;} .page-title h1, .page-title h2 { margin:0; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Pager */ .pager-responsive { font-size:11px; background:#fff; padding:0px 8px; text-align:center; } .pager-responsive .amount {text-align: left} .pager-responsive .limiter {text-align: right} .pager-responsive .limiter label { vertical-align:middle; } .pager-responsive .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager-responsive .pages {} .pager .pages .current {} .pager .limiter{text-align:right} .pager .amount{text-align: left; float:left} .pager .pages{text-align: right; float:right} .pager li>a, .pager li>span{border-radius: 0} /* Sorter */ .sorter { font-size:11px;} .sorter .view-mode {text-align: left} .sorter .sort-by {text-align: right} .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager-responsive { padding:0px; /*border-bottom:1px solid #fff; */} .toolbar .sorter { padding: 10px 0; } .toolbar-bottom {} /* Data Table */ .data-table { width:100%; border:1px solid #ccc; } .data-table .odd { background:#f8f7f5 } .data-table .even { background:#eeeded; } /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right: 1px solid #ccc;} .data-table tr.last th, .data-table tr.last td { border-bottom: 1px solid #ccc;} .data-table th { padding:3px 8px; font-weight:normal; } .data-table td { padding:3px 8px; } .data-table thead th { font-weight:normal; border-right:1px solid #c2d3e0; padding:3px 8px; color:#f18200; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#fff; } .data-table thead th {} .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-bottom:1px solid #d9dde3; } .data-table tfoot tr.first td {background:#ccc;} .data-table tfoot tr { background-color:#dee5e8 !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; } .data-table tfoot strong { font-size:16px; } .data-table tbody th, .data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; } /* Bundle products tables */ .data-table tbody.odd tr { background:#f8f7f5 !important; } .data-table tbody.even tr { background:#f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { background:#fff; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight:bold; font-size:13px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -52px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:10px; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; border-right: none!important; } .link-reorder { color:#dc6809 !important; } .link-print { font-weight:bold; color:#dc6809; } .link-rss { padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove {/* display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; */} .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0;/* background:url(../images/btn_previous.gif) 0 0 no-repeat; */ text-indent:-999em; overflow:hidden; } .btn-remove2 { /*display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; */} .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; /*background:url(../images/btn_edit.gif) 0 0 no-repeat; */ text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; /*background:url(../images/bkg_divider1.gif) 0 50% repeat-x; */ text-indent:-999em; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; /* background:url(../images/i_notice.gif) 20px 25px no-repeat; */ text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container { /*margin-bottom:10px; border-top:5px solid #0d2131; border-bottom:1px solid #415966; background:url(../images/bkg_header.jpg) 50% 0 repeat; */ } .header {padding:10px 0;} /*.header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; }*/ .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /*.header h1.logo { margin:0; }*/ .header .quick-access { /*float:right; width:600px; padding:28px 10px 0 0; */} .header .quick-link{margin-top: 15px;} .header .usp{margin-top: 15px;} .header .usp i{color: #000} .header .form-search { /*position:absolute; top:0; right:29px; width:315px; height:30px; background:url(../images/bkg_form-search.gif) 0 0 no-repeat; padding:1px 0 0 16px; */} .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; } .header .form-search input.input-text {/* float:left; padding: 10px; width: 98%; margin-top: 15px; border-color:#5c7989; width:209px; margin-right:4px; */} .header .form-search button.button { float:left; } .header .form-search button.button span { border:0; height:21px; /* background:url(../images/btn_search.gif) 0 0 no-repeat; */ padding:0 0 0 3px; font:bold 11px/21px Tahoma, Verdana, Arial, sans-serif; } .header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; } .header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; } .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .header #search_mini_form .caret{} .header #search_mini_form ul li a{text-decoration:none; text-align:left} .header .form-language{clear:both; text-align: right} .header .form-language select {width: 100px} .header .form-language .input-group{width:180px; float: right; padding: 5px 0} .header .links {margin:6px 0 6px; } .header .links li .item-count{color: #e26703} .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-container .top-container a { font-size:11px; color:#ebbc58; } /********** < Navigation */ /*.nav-container { background:#0a263d url(../images/bkg_nav0.jpg) 50% 0 repeat-y; }*/ #nav { /*width:918px; margin:0 auto; padding:0 16px; font-size:13px; */} #nav li a{text-decoration: none; text-transform: capitalize; text-align: center;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);} #nav li ul li a{text-transform: none; text-align: left;} #nav-parentlink{color: #e26703} .navbar-header .navbar-brand{text-decoration: none;float:none; display: block;text-indent: -50px;} .navbar{margin-bottom:0;border:none;} /* All Levels */ /* Style consistent throughout all nav levels */ /*#nav li { position:relative; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav ul li.parent a { background:url(../images/bkg_nav2.gif) 100% 100% no-repeat; } #nav ul li.parent li a { background-image:none; } */ /* 0 Level */ /*#nav li { float:left; } #nav li.active a { color:#d96708; } #nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } #nav li.over a, #nav a:hover { color:#d96708; } */ /* 1st Level */ /*#nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/bkg_nav1.gif) 0 100% repeat-x; } #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } */ /* 2nd Level */ /*#nav ul, #nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; } #nav div ul { position:static; width:auto; border:none; } */ /* 3rd+ Level */ /*#nav ul ul, #nav ul div { top:5px; } #nav ul li a { background:#ecf3f6; } #nav ul li a:hover { background:#d5e4eb; } #nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } */ /* Show menu */ /*#nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; }*/ /********** Navigation > */ /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container {padding: 0 0 50px} .footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a:hover { text-decoration:underline;} .footer address { margin:0 0 20px;} .footer address a:hover { text-decoration:none; } .footer ul { display:inline; } .footer ul.links { display:block; } .footer li { display:inline; padding:0 10px 0 0px; } .footer li.last { background:none !important; padding-right:0 !important; } .footer-container .bottom-container { margin:0 0 5px; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager-responsive:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .guest-select {width:305px !important;} /* MULTI-LEVEL DROPDOWNS FOR BOOTSTRAP */ .dropdown-submenu{ position:relative; } .dropdown-submenu > .dropdown-menu { top:0!important; left:100%!important; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu{ display:block; } .dropdown-submenu > a:after{ display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover > a:after{ border-left-color:#ffffff; } .dropdown-submenu .pull-left{ float:none; } .dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } body { background-color:#000; background-position: center top; background-repeat: repeat-x; background-image: url("../images/space-bg.jpg"); } .fullgrid-footer { background-color: #000; background-image: url(../images/bg-2.jpg); background-repeat: repeat-x; background-position: bottom center; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; color: #333; margin: 0 0 80px 0; } .header { border-radius: 6px; background-color:#fff; margin:50px 0 20px; padding:20px 20px 0; } .welcome-msg { color: #CFCFCF; font-weight: bold; text-transform:uppercase; text-align: right; margin: 6px 0 0; } .top-links { text-align:right; } .top-links .fa { display:none; } .top-links li { border-right:1px solid #ccc; font-size:12px; line-height:14px; margin:0 5px 0 0; padding:0 5px 0 0 } .top-links li a { color: #000; } .top-links li a:hover { color: #1e7ec8; } form { display: inline; } .form-search { text-align: right; position: relative; margin: 7px 0; width: 100%; } .form-search input[type="text"] { border-color: #737373; box-shadow: 0px 1px 0px #B7B7B7; border-radius: 3px; width: 100%; padding-left: 10px; } input.input-text, textarea, #review_field { padding: 3px 7px 3px 7px; min-height: 16px; min-width: 145px; width: 100%; font-size: 14px; display: block; line-height: 20px; -webkit-box-shadow: inset 0px 2px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 2px 5px 1px rgba(0,0,0,0.2); box-shadow: inset 0px 2px 5px 1px rgba(0,0,0,0.2); } input.qty { min-width: 80px; width: 150px; vertical-align: baseline; display: inline-block; margin: 15px 0; } .form-search input[type="image"] { position: absolute; left: 10px; top: 6px; } input, select, textarea, button { font: 12px Arial,Helvetica,sans-serif; vertical-align: middle; color: #000; } .navbar-toggle { float: left; margin-right: 0; margin-left: 16px; } .navbar-default .navbar-toggle { border-color: #999; background-color: #c2c2c2; } .nav-row { margin:20px -20px 0; background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 0%, #777777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d5d5 0%,#777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ border: 1px solid #999; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .navbar-default { background-color: transparent; background-image: none; box-shadow: none; } .nav-justified { background-color: transparent; } .nav-justified > li > a { margin-bottom: 0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); font-size: 14px; font-weight: bold; color: #000!important; text-align: center; background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 0%, #777777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d5d5 0%,#777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ } .nav-justified > li > a:hover { color: #333!important; background: #bcbcbc; /* Old browsers */ background: -moz-linear-gradient(top, #bcbcbc 0%, #545454 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(100%,#545454)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bcbcbc 0%,#545454 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bcbcbc 0%,#545454 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bcbcbc 0%,#545454 100%); /* IE10+ */ background: linear-gradient(to bottom, #bcbcbc 0%,#545454 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#545454',GradientType=0 ); /* IE6-9 */ } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .navbar-default .navbar-nav>.active>a, .nav-justified > li > a:active { background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); color: #eee!important; -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15); box-shadow: inset 0 3px 7px rgba(0,0,0,.15); } .nav-justified > li:first-child > a { } .nav-justified > li:last-child > a { border-bottom: 0; } #nav-parentlink { color: #1e7ec8; } #nav-parentlink:before { content: "View All "; } .btn-lunar1 { background: #7db9e8; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #1e5799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#1e5799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */ color:#fff; text-shadow: 1px 1px 1px #333; } .btn-lunar2 { background: #7db9e8; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #1e5799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#1e5799 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#1e5799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */ color:#fff; text-shadow: 1px 1px 1px #333; border-left: 1px solid #1e7ec8; } .main-container { background: url(../images/container-bg.png) repeat center top; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0px 2px 16px -2px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 2px 16px -2px rgba(0,0,0,0.75); box-shadow: inset 0px 2px 16px -2px rgba(0,0,0,0.75); display: block; margin-right: 0; margin-left: 0; } .col-main, .category-products, .category-description { background-color:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px #000; -webkit-box-shadow: 0 1px #000; border:none; } .catalog-category-view .col-main { background-color:transparent; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow: none; } .product-shop .std { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none; } .col-main .product-shop .std { padding:15px 0; } /* Sidebar =============================================================================== */ .sidebar .block { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); background-color:#d1d1d1; font-size:12px; margin-bottom: 20px; } .block .block-title { padding:10px 10px 0; } .block .block-title strong { font-size:20px; text-shadow: 0 1px 0 #fff; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:16px; font-weight:bold;text-shadow: 0 1px 0 #fff; margin-bottom: 5px; } .block .block-content { padding:10px; position:relative;} .block .block-content li.item { padding:5px 3px; } .block .btn-remove { float:right; margin: 0 5px 0 0; } .block .actions { text-align:right; margin: 10px 0; } .block .actions a + button { float:left; } .block .empty {} .block-layered-nav dt { font-weight: bold; font-size: 13px; text-shadow: 0 1px 0 #fff; background: url(../images/divider.png) repeat-x left top; padding: 10px 15px; } .block li.odd {} .block li.even { background-color:#f6f6f6; } .col-main .std { padding:15px 30px; } .toolbar { padding: 10px 15px; min-height: 20px; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 #ccc; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: solid 1px #fff; border-top: solid 1px #3c3c3c; background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 0%, #777777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d5d5 0%,#777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ border: 1px solid #666; box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px #000; -webkit-box-shadow: 0 1px #000; } .toolbar .sorter { padding: 0; } .toolbar-bottom .toolbar { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .breadcrumb { padding: 0 15px; margin: 0 15px 15px; border: solid 1px #fff; border-top: solid 1px #3c3c3c; background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 0%, #777777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d5d5 0%,#777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ border: 1px solid #666; box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px #000; -webkit-box-shadow: 0 1px #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .breadcrumb li { color: #000; text-shadow: 0 1px 0 #e8e8e8; line-height: 40px; font-weight: bold; } .breadcrumb li + li { background: url(../images/bg-breadcrumb-sep.png) no-repeat left center; padding-left: 30px; } .breadcrumb>li+li:before { display:none; } .breadcrumb a { color: #000; } .breadcrumb a:hover { color: #1e7ec8; } .footer a { color:#b7b7b7;} .block-subscribe button.button { position: absolute; top: 9px; right: -1px; float:right; border-radius: 16px; padding: 4px 12px; line-height: 20px; background: #5b5b5b; background: -moz-linear-gradient(top, #5b5b5b 1%, #484848 50%, #323232 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5b5b5b), color-stop(50%,#484848), color-stop(100%,#323232)); background: -webkit-linear-gradient(top, #5b5b5b 1%,#484848 50%,#323232 100%); background: -o-linear-gradient(top, #5b5b5b 1%,#484848 50%,#323232 100%); background: -ms-linear-gradient(top, #5b5b5b 1%,#484848 50%,#323232 100%); background: linear-gradient(to bottom, #5b5b5b 1%,#484848 50%,#323232 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#323232',GradientType=0 ); border-color: #252525; } .block-subscribe input.input-text { border-radius: 18px; } .fullgrid-main-container { padding:0 0 10px!important; } .footer { margin-bottom: 50px; } .footer-links {padding: 0 0 5px 0;text-align:right;} .footer-links a{color:rgb(183, 183, 183);font-weight:bold;} .footer-links a.instagram{background: url('../images/lunar-land-instagram.png') 0% 50% no-repeat; padding:0 0 0 23px} .footer-links a.twitter{ background: url('../images/icon_f_twitter.png') 0% 50% no-repeat; padding:0 0 0 23px} .footer-links a.facebook{background: url('../images/icon_f_facebook.png') no-repeat;height:18px; width:25px;padding:0 0 0 18px} .footer-links a.pinterest{background: url('../images/icon_f_pintrest.png') 0% 0% no-repeat;height:18px;padding:0 5px 0 21px } .footer-links a.google{background: url('../images/icon_f_google.png') 0% 50% no-repeat;padding:0 0 0 21px } .footer-links a.email{background: url('../images/icon_f_mail.png') 0% 50% no-repeat;padding:0 0 0 23px } .footer .legality { text-align: right; color: rgb(183, 183, 183); } .block-subscribe .block-title strong span { font-size: 14px; font-weight: bold; color: #fff; text-shadow: 0 -1px 0 #000; display: block; text-transform: none; } .block-subscribe { margin: 0 0 5px; background-color: transparent; } /*Buttons*/ button.btn-compare {padding:2px; text-transform:uppercase;} button.btn-compare:hover{background-color:transparent; color:#ccc;} button.btn-continue, button.btn-update, button.btn-empty{ border:1px solid #fff; text-shadow: 0; box-shadow:none;width:150px;} button.btn-continue:hover, button.btn-update:hover, button.btn-empty:hover{ border:1px solid #000; text-shadow: none;} .btn-group > .btn, .btn-group-vertical > .btn{font-size: 12px;} a.btn-reg, .btn-info { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -webkit-border-top-left-radius:32px; -moz-border-radius-topleft:32px; border-top-left-radius:32px; -webkit-border-top-right-radius:32px; -moz-border-radius-topright:32px; border-top-right-radius:32px; -webkit-border-bottom-right-radius:32px; -moz-border-radius-bottomright:32px; border-bottom-right-radius:32px; -webkit-border-bottom-left-radius:32px; -moz-border-radius-bottomleft:32px; border-bottom-left-radius:32px; text-indent:0px; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:32px; line-height:32px; padding: 0px 25px; text-decoration:none; text-align:center; text-shadow: 1px 1px 2px #000; } a.btn-reg:hover, .btn-info:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; } a.btn-reg em {font-style:normal;} a.btn-reg i {font-style: normal;} .btn-remove {display: inline-block; position: relative; padding: 4px 0px; right: 9999px;} .btn-remove:after {font-family: FontAwesome; content: "\f1f8";position: absolute; top: 2px; right: -9999px; width: 100%; text-align: center; height: 100%; color: #1e7ec8; font-size: 20px; line-height: 20px;} a.btn-remove {color:#1e7ec8;} button.btn-cart{ -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -webkit-border-top-left-radius:32px; -moz-border-radius-topleft:32px; border-top-left-radius:32px; -webkit-border-top-right-radius:32px; -moz-border-radius-topright:32px; border-top-right-radius:32px; -webkit-border-bottom-right-radius:32px; -moz-border-radius-bottomright:32px; border-bottom-right-radius:32px; -webkit-border-bottom-left-radius:32px; -moz-border-radius-bottomleft:32px; border-bottom-left-radius:32px; text-indent:0px; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:32px; line-height:32px; padding: 0px 25px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #1570cd; width:100%; } button.btn-cart:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; } #contactForm .buttons-set { clear: both; margin: 0 0 1em 0; padding: 0; border-top: none; text-align: right; } .btn-addtocart { width: 100%; display:block; } .retry, .btn-upsell, .btn-addtocart { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d94f6+0,1e62d0+100 */ background: rgb(61,148,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(61,148,246,1) 0%, rgba(30,98,208,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,148,246,1)), color-stop(100%,rgba(30,98,208,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(61,148,246,1) 0%,rgba(30,98,208,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(61,148,246,1) 0%,rgba(30,98,208,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(61,148,246,1) 0%,rgba(30,98,208,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(61,148,246,1) 0%,rgba(30,98,208,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0 ); /* IE6-9 */ -webkit-border-top-left-radius:32px; -moz-border-radius-topleft:32px; border-top-left-radius:32px; -webkit-border-top-right-radius:32px; -moz-border-radius-topright:32px; border-top-right-radius:32px; -webkit-border-bottom-right-radius:32px; -moz-border-radius-bottomright:32px; border-bottom-right-radius:32px; -webkit-border-bottom-left-radius:32px; -moz-border-radius-bottomleft:32px; border-bottom-left-radius:32px; text-indent:0px; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:32px; line-height:32px; padding: 0px 25px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #1570cd; } .retry:hover, .btn-upsell:hover, button.btn-addtocart:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; } .retry:active { position:relative; top:1px; } .link-wishlist,.link-compare {border: 1px solid #3683d1; border-radius:0px;} a.link-wishlist , a.link-compare { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; text-indent:0px; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:32px; line-height:32px; padding: 0px 10px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #1570cd; } .link-wishlist:hover,.link-compare:hover{ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; } a.link-compare { -webkit-border-top-right-radius:32px; -moz-border-radius-topright:32px; border-top-right-radius:32px; -webkit-border-bottom-right-radius:32px; -moz-border-radius-bottomright:32px; border-bottom-right-radius:32px; } .link-wishlist span, .link-compare span{display:none;} .btn-default, .product-sidebar-btm .link-wishlist, .product-sidebar-btm .link-compare {border: 1px solid #3683d1; border-radius:0px;} .btn-default, .product-sidebar-btm a.link-wishlist , .product-sidebar-btm a.link-compare { -moz-box-shadow:inset 0px 1px 0px 0px #ccc; -webkit-box-shadow:inset 0px 1px 0px 0px #ccc; box-shadow:inset 0px 1px 0px 0px #ccc; background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ text-indent:0px; border:1px solid #333; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:32px; line-height:32px; padding: 0px 10px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #000; width:100%; -webkit-border-top-left-radius:32px; -moz-border-radius-topleft:32px; border-top-left-radius:32px; -webkit-border-top-right-radius:32px; -moz-border-radius-topright:32px; border-top-right-radius:32px; -webkit-border-bottom-right-radius:32px; -moz-border-radius-bottomright:32px; border-bottom-right-radius:32px; -webkit-border-bottom-left-radius:32px; -moz-border-radius-bottomleft:32px; border-bottom-left-radius:32px; margin-bottom:15px; } .btn-default, .product-sidebar-btm .link-wishlist:hover, .product-sidebar-btm .link-compare:hover{ background: rgb(14,14,14); /* Old browsers */ background: -moz-linear-gradient(top, rgba(14,14,14,1) 1%, rgba(125,126,125,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(14,14,14,1) 1%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(14,14,14,1) 1%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(14,14,14,1) 1%,rgba(125,126,125,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(14,14,14,1) 1%,rgba(125,126,125,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */ } .product-sidebar-btm a.link-compare { -webkit-border-top-right-radius:32px; -moz-border-radius-topright:32px; border-top-right-radius:32px; -webkit-border-bottom-right-radius:32px; -moz-border-radius-bottomright:32px; border-bottom-right-radius:32px; } .product-sidebar-btm .link-wishlist span, .product-sidebar-btm .link-compare span{display:block;} .product-sidebar-btm .link-wishlist .fa, .product-sidebar-btm .link-compare .fa{display:none;} .btn-md {width:250px;} .btn-sm {width:200px;} .col-main .cart-container {padding:25px;} .data-table .product-image img {max-width:75px;} /*Grid*/ .products-grid .product-image {/*min-height: 345px; min-width: 265px;*/ border: 1px solid #E1E1E1; margin: 0 5px 0 0; display:block; } .products-grid .product-image:hover{border: 1px solid #666;} .products-grid .product-name {margin: 10px 0;} li.item h2.product-name a{ color:#999; font-size: 18px; } li.item h2.product-name a:hover{text-decoration:none; color:#3683d1;} li.item .actions{ padding:8px 0;} .element{height:400px;} .item-inner{height:400px;} /*Swatches*/ .swatch-link img { border-radius: 2px; border: 1px solid #ccc;} .configurable-swatch-list{margin-top: 15px;} /*Price*/ .products-grid .price-box{ background: none; padding: 0; margin: 0; text-align: center; height: auto; } .products-grid .price-box .price{color:#000; font-size:18px; font-weight:bold; padding:0; margin:0;} .product-shop .price-box span.price {font-size:22px; font-weight:800; color:#3683d1; } p.old-price, p.special-price { display: inline; padding-right: 10px;} .regular-price .price, .price-box .price, .price{color:#000; font-size: 24px; text-shadow: 0 1px 0 #fff;} .old-price .price-label, .special-price .price-label{display:none;} .old-price .price{margin-top: 3px;} .old-price .price, .products-list li.item .special-price .price{margin-right: 8px;} a.minimal-price-link .label{color:#999; border-radius:0; padding: 8px 4px 0 4px; font-weight:300; display:inline;} .minimal-price-link .price{font-weight: 600; display:inline;} .minimal-price-link{display:inline; } .data-table .price-box span.price{font-size: 14px; font-weight: 400; color: #222;} .price-notice .price {color: #ff0000;font-size: 12px;} .price-from { margin: 0; float: left; padding-right: 10px;} .tier-prices{ -moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count: 2; column-gap: 2.5em;} .sp-methods .price { font-weight: bold; font-size: 14px; } /*Product Page*/ .product-shop .qty{width:50px; border-radius:0px; border: 1px solid #E1E1E1; padding: 16px 12px; text-align:center;} .product-shop .actions{float:left; margin-right:30px; } .products-grid .product-name a{font-size:14px; font-weight:300; color:#222222;} .product-view .product-shop .product-name h1{font-size:24px; font-weight:bold; color:#0072d8;} .product-view .product-shop .availability { font-size: 14px;} .product-view .product-shop .availability span{color:#3683d1;} .product-view .product-shop .short-description{padding: 10px 0px 0px;} .product-collateral { padding: 25px 0px;} .product-view .product-img-box .more-views li a{height:auto; width:auto;} .product-view .product-img-box .product-image{border: 1px solid #C4C1BC;} .product-view .product-img-box .product-image-zoom{width: 325px; height: 423px;} .products-list .desc .link-learn{display:block; font-size:12px; padding:15px 0 0 0;} .products-list .desc .link-learn:before{font-family: FontAwesome; content: "\f105"; padding-right:5px;} .no-rating { font-size: 11px; line-height: 1.25; margin: 7px 0; color: #0066aa; } .product-options{margin:0px; padding:0px; background-color:transparent; border:0px;} .product-options-bottom{background-color:transparent; border:0px; padding: 15px 0px;} .product-options dd{padding: 5px 0px 15px;} .data-table tbody th, .data-table tbody td, .data-table thead th{border-right:none;} .data-table thead th{ color:#000; font-size: 14px; text-shadow: 0 1px 0 #ececec; background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 0%, #777777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d5d5 0%,#777777 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d5d5 0%,#777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ height:38px; } .data-table .cart-price .price {font-size: 16px;} .data-table input.qty { min-width: 80px; width: 100%; vertical-align: middle; display: inline-block; margin: 0; } .product-collateral h2{color: #222; font-size: 18px;} /*Related - Upsell - Crossell Products - Sale OFF*/ .box-up-sell{margin-bottom:60px;} .product-view .box-up-sell h2{color:#666; padding:20px 0; text-transform:uppercase; text-align:center; } .product-view .box-up-sell h2 span{background-color:#fff; padding: 0 25px;} .box-line{border-top:1px solid #ccc; margin-top: -35px; margin-bottom: 50px;} .mini-products-list .product-image{border: 1px solid #A9A9A9; width: 50px; margin-right:10px;} #block-related .product-image{width: 90px;} .block-related .product { margin-left: 0px;} .block-related input.checkbox{display: none;} .product-view .box-up-sell h2 {font-size:18px;} .product-view .box-up-sell .products-grid .upsell-product{width:100%;} .cart .crosssell{background-color:#fff; min-height: 516px;} .cart .crosssell .product-image{width: 80px; height: 102px;} .cart .crosssell h2{color: #E26703; font: bold 13px/16px 'Lato', sans-serif;} .crosssell .jcarousel-prev, .crosssell .jcarousel-next{background: none repeat scroll 0% 0% #fff;} .jcarousel-prev, .jcarousel-next{border:0px!important; background:none!important;} .jcarousel li, .bestsale-jcarousel li{ width: 268px;} .jcarousel li .product-name {text-align: center;} .jcarousel-prev{left:-20px; position: absolute; top: 200px;} .jcarousel-next{right:-20px; position: absolute; top: 200px;} .owl-carousel .owl-item { text-align: center; padding-left: 10px; padding-top: 10px;} .owl-carousel .owl-item .products-grid .product-image { /*min-height: 200px; min-width: 260px;*/} .owl-theme .owl-controls .owl-page span{background:#3683d1!important;} /* Pager */ .pager {font-size:12px; padding:4px 8px; text-align:center; margin: 0; } .pager .view-mode { float: left; margin: 0; padding:0;} .pager .view-mode label{ display: none; color: #666; float:left; margin:0 6px 0 0; font-weight: normal; font-size:12px; line-height:19px;} .pager .view-mode span{ border: 1px solid #d6d6d6; display: inline-block; float: left; height: auto; line-height: 0; margin: 0 10px 0 0; padding: 3px 1px 3px 3px; width: auto; background: #fbfbfb; } .pager .view-mode a.grid{ width:16px; height:16px; float:left; text-indent:-9999px; background:url(../images/grid.png) 0 0 no-repeat; } .pager .view-mode strong.grid, .pager .view-mode a.grid:hover{ width:16px; height:16px; float:left; text-indent:-9999px; background:url(../images/grid.png) 0 100% no-repeat; } .pager .view-mode a.list{margin:0; width:16px; height:16px; float:left; text-indent:-9999px; background:url(../images/list.png) 0 0 no-repeat; border: 0; border-radius: 0; padding: 0; } .pager .view-mode strong.list, .pager .view-mode a.list:hover{margin:0; width:16px; height:16px; float:left; text-indent:-9999px; background:url(../images/list.png) 0 100% no-repeat; } .pager a { background: none; border: 0; border-radius: 0; display: inline-block; padding: 0; text-decoration: none; color: #666; } .pager .pages a { color: #222222; padding: 0; display: inline-block; border:0; font-family: 'arial'; height: 25px; width: 25px; line-height: 23px; text-align: center; } .pager .pages a:hover { color: #fe4e4e; text-decoration: none; background: none; } .pager .pages .next { background:url("../images/icon-next.png") no-repeat scroll 9px 9px; text-indent: -9999px; border:1px solid #D6D6D6; } .pager .pages .next:hover { background: url("../images/icon-next.png") no-repeat 9px -31px; } .pager .pages .previous { background: url("../images/icon-previous.png") no-repeat 9px 9px; height: 25px; width: 25px; text-indent: -9999px; border:1px solid #D6D6D6; } .pager .pages .previous:hover { background: url("../images/icon-previous.png") no-repeat 9px -31px; border:1px solid #D6D6D6; } .pager .pages .current { color: #fe4e4e; display: inline-block; padding: 0; border:0; height: 25px; width: 25px; line-height: 23px; text-align: center; text-decoration: none; } .pager .pages a.next, .pager .pages a.previous {text-transform: lowercase; color: #666;} .pager .pages a.next:hover, .pager .pages a.previous:hover { color: #00A5E8; } .pager .sort-by { float: left; margin: 0 30px 0 20px; padding:0; position: relative; display: inline-block; } .pager .sort-by label { text-transform: uppercase; display: inline-block; margin: 0 5px 0 0; font-weight: normal; vertical-align:middle; color: #666666; line-height:22px; } .pager .sort-by select { padding:3px 5px 3px 4px; border:1px solid #D6D6D6; margin:0 ; vertical-align:middle; color: #222222; background:#fff; border-radius:0px; } .select-sort-by { display: inline-block;} .my-account .pager .amount { margin: 3px 0 0;} .pager .amount { float:left; margin:13px 0 0; } .pager .limiter { color: #666666; float: none; line-height: 22px; margin: 0; right:0; padding: 0 10px; text-transform: capitalize; /*display: inline-block; position: relative;*/ } .select-limiter { display: inline-block;} .pager .limiter label {display: inline-block; margin: 0 5px 0 0; vertical-align:middle; color: #666666; font-weight: normal; text-transform:uppercase;} .pager .limiter select { text-align: center; padding:3px 5px 3px 4px; border:1px solid #D6D6D6; margin:0; vertical-align:middle; color: #222222; background: #fff; font-weight: normal; border-radius:0px; } .pager .pages { float: right; font-size: 14px; line-height: 28px; margin: 0; padding: 0; text-transform: uppercase; } .pager .pages strong { display: none; text-transform: capitalize;font-weight:normal;line-height:22px; color: #666666; font-size: 14px;} .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} .page-sitemap .pager .pages {border:1px solid #f7f7f7;} .select-sort-by:before { /*background: url("../images/bg-select.png") no-repeat scroll 50% 50% #fff;*/ content: ""; display: inline-block; float: left; height: 21px; pointer-events: none; position: absolute; right: 15px; top: 3px; width: 19px; } .select-limiter:before { /* background: url("../images/bg-select.png") no-repeat scroll 50% 50% #fff;*/ content: ""; display: inline-block; float: left; height: 21px; pointer-events: none; position: absolute; right: 15px; top: 2px; width: 20px; } .pager select option { padding: 0 8px 0 0;} .product-sidebar { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0d0d0), color-stop(1, #d0d0d0) ); background:-moz-linear-gradient( center top, #d0d0d0 5%, #d0d0d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#d0d0d0'); background-color:#d0d0d0; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; border:1px solid #aaaaaa; padding: 15px; text-shadow: 0 1px 0 #fff; } .product-sidebar-btm { -moz-box-shadow:inset 0px -1px 0px 0px #383738; -webkit-box-shadow:inset 0px -1px 0px 0px #383738; box-shadow:inset 0px -1px 0px 0px #383738; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #595959), color-stop(1, #595959) ); background:-moz-linear-gradient( center top, #595959 5%, #595959 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#595959'); background-color:#595959; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:9px; -moz-border-radius-bottomright:9px; border-bottom-right-radius:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomleft:9px; border-bottom-left-radius:9px; border:1px solid #000000; padding: 15px 15px 0; } .product-view { padding: 15px; } .image { position: relative; width: 100%; /* for IE 6 */ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); } .image img{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .image h2 { position: absolute; top: 10px; right: 13px; width: 100%; font-size: 36px; font-weight: bold; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 1px 2px; } .image h3 { position: absolute; top: 55px; right: 13px; width: 100%; font-size: 18px; color: rgb(255, 246, 0); font-weight: bold; text-shadow: rgb(0, 0, 0) 1px 1px 2px; } #cta { position: absolute; top: 230px; right: 13px; display: block; width: 220px; height: 47px; background: url(../images/cta-button-1.png) 0px 0px no-repeat; } #cta span { position: absolute; text-indent:-9999999px; } .std ul.lunar-features { background-color: rgb(209, 209, 209); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 10px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); list-style: none; } .lunar-features a { color:#000; } .lunar-features h3 { font-size: 18px; text-shadow: 0px 1px 0px #fff; margin: 5px 0; } .lunar-features p { font-size: 13px; margin: 0 0 10px; } .lunar-features li { padding: 5px; } .lunar-features li + li { background: url(../images/divider.png) 0% 0% repeat-x; padding: 10px 5px 0; } .lunar-features li .left{ padding-right: 10px; } .lunar-features li .right{ padding-left: 10px; } .package-info { background: rgb(209,209,209); /* Old browsers */ background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(208,208,208,1) 34%, rgba(162,162,162,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(34%,rgba(208,208,208,1)), color-stop(100%,rgba(162,162,162,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(208,208,208,1) 34%,rgba(162,162,162,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(208,208,208,1) 34%,rgba(162,162,162,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(208,208,208,1) 34%,rgba(162,162,162,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(209,209,209,1) 0%,rgba(208,208,208,1) 34%,rgba(162,162,162,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#a2a2a2',GradientType=0 ); /* IE6-9 */ -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; padding: 15px 25px 5px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); } .package-info h3, .addl-info h3 { font-size: 18px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; } .package-info h3 a, .addl-info h3 a { color:#000; } .package-info ul{ list-style-position: outside; } .package-info ul li{ color:#333; text-shadow: #ddd 0px 1px 0px; font-size: 16px; } .img { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; margin-top: 10px; } .img img { -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; width: 100%; } .addl-info { background-color: rgb(209, 209, 209); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 25px 25px 10px; margin-top: 25px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); } .addl-info p { color:#333; text-shadow: rgb(255, 255, 255) 0px 1px 0px; } .left, .hero { float: left; padding-right: 15px; } .right{ float: right; padding-left: 15px; } /* ----- Pricing Table CSS ------*/ /* _______________________________________ 01 GENERAL STYLING _______________________________________ */ .pricing_table { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #313131; width:100%; -webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s; } .pricing_table ul { margin: 0px; padding: 0px; list-style: none; } .pricing_table ul li { margin: 0px; width: 100%; height: 100%; height: 26px; padding-top: 5px; float: left; text-shadow: 1px 1px 0px #ffffff; text-align: center; padding-left: 0px; } /* _______________________________________ 02 HEADERS _______________________________________ */ /* 1. Common styling */ .pricing_table li.pricing_header1 { height:36px; font-size: 18px; line-height:24px; color:#ffffff; text-shadow: 1px 1px 1px #000000; /* Rounded Corners */ -webkit-border-radius:9px 9px 0 0; -khtml-border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0; /* Gradient */ background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)); background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)); background-image: no-repeat; -webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s; } .pricing_table li.pricing_header2 { height:100%; font-size: 30px; font-weight:bold; border-bottom:1px solid #cccccc; text-shadow: 1px 1px 1px #ffffff; /* Gradient */ background-color:#efefef; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #EBEBEB)); background-image: -webkit-linear-gradient(#F3F3F3 0%, #EBEBEB 100%); background-image: -moz-linear-gradient(#F3F3F3 0%, #EBEBEB 100%); background-image: -o-linear-gradient(#F3F3F3 0%, #EBEBEB 100%); background-image: -ms-linear-gradient(#F3F3F3 0%, #EBEBEB 100%); background-image: linear-gradient(#F3F3F3 0%, #EBEBEB 100%); -webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s; padding: 0 15px; float: none; } .pricing_table li.pricing_header2 span { font-size: 10px; line-height:40px; } /* 2. First column specific styling */ .pricing_table .pricing_column_first li.pricing_header1 { background:none; } .pricing_table .pricing_column_first li.pricing_header2 { background-color:#efefef; border-bottom:1px solid #cccccc; /* Rounded Corners */ -webkit-border-radius:9px 9px 0 0; -khtml-border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0; } .pricing_table .pricing_column_first li.pricing_header2 span { font-size:18px; font-weight:bold; line-height:56px; padding-left:10px; } /* _______________________________________ 03 COLUMNS STYLING _______________________________________ */ /* 1. Common columns styling */ .pricing_table .pricing_column_first, .pricing_table .pricing_column { height: 100%; float: left; padding-right:2px; position:relative; margin-bottom: 10px; } .pricing_table .pricing_column_first { *z-index:2; } .pricing_table .pricing_hover_area:hover .pricing_column { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .pricing_table .pricing_hover_area .pricing_column:hover { -webkit-transform:scaleY(1.02); -moz-transform:scaleY(1.02); -o-transform:scaleY(1.02); -ms-transform:scaleY(1.02); transform:scaleY(1.02); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .pricing_table .pricing_column_first li { text-align: left; } .pricing_table .pricing_column_first li span { padding-left:10px; } /* 3. Small screens styling */ @media only screen and (max-width: 1023px) { .pricing_table { width:100%; font-size:11px; } .pricing_table li.pricing_header1 { font-size: 16px; font-weight:bold; } .pricing_table li.pricing_header2 span { font-size: 9px; } .pricing_table .pricing_column_first li.pricing_header2 span { font-size:14px; } } @media handheld, only screen and (max-width: 767px) { .pricing_table { width:100%; } .pricing_table .pricing_hover_area .pricing_column:hover { -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); } } @media handheld, only screen and (max-width: 380px) { .pricing_table .pricing_column { width:100%; } .pricing_table .pricing_column_first, .pricing_table .pricing_column { margin-right:0; } } /* 4. Rows styling */ .pricing_table .odd { background-color: #f6f6f6; border-bottom:1px solid #cccccc; } .pricing_table .even { background-color: #efefef; border-bottom:1px solid #cccccc; } /* 5. Table icons */ .pricing_table .pricing_yes, .pricing_table .pricing_no { height:20px; width:100%; float:left; } .pricing_table .pricing_yes { background:url("../images/yes.png") center top no-repeat; _background:url("../images/ie_yes.gif") center top no-repeat; } .pricing_table .pricing_no { background:url("../images/no.png") center top no-repeat; _background:url("../images/ie_no.gif") center top no-repeat; } /* 6. Columns footer */ .pricing_table .pricing_footer { width: 100%; height: 60px; padding-top: 14px; padding-bottom: 6px; float: left; border-top: 1px solid #f9f9f9; border-bottom: 2px solid #323232; background-color: #e2e2e2; } /* 7. Buttons */ .pricing_table a.pricing_button { width: 100px; height: 33px; padding: 7px 0px 0px 0px; display: block; text-align: center; text-decoration:none; font-weight: bold; margin: 0 auto; color: #ffffff; font-size: 12px; text-shadow: 1px 1px 1px #000; text-decoration: none; font-weight: bold; /* Gradient */ background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)); background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)); background-image: no-repeat; border: 1px solid rgba(0,0,0,0.5); /* Button shadow */ -webkit-box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3); -moz-box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3); box-shadow:0px 1px 0px rgba(000,000,000,0.8), inset 0px 1px 1px rgba(255,255,255,0.3); } .pricing_table a.pricing_button:hover { background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2)); background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)); background-image: no-repeat; border: 1px solid rgba(0, 0, 0, 0.2); } .pricing_table a.pricing_button:active { background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)); background-image: no-repeat; border: 1px solid rgba(0, 0, 0, 0.2); } /* _______________________________________ 04 TOOLTIPS _______________________________________ */ .pricing_table a.tooltip { position:relative; z-index:24; color: #313131; text-decoration:none; background:url("images/help.png") right center no-repeat; _background:url("images/ie_help.gif") right center no-repeat; padding:0 20px 0 10px; } .pricing_table a.tooltip:hover { z-index:25; display:inline; } .pricing_table a.tooltip span { position:absolute; width: 220px; left: 10px; top: 25px; text-align:left; color: #ffffff; font-size:11px; line-height:16px; background: rgba(0,0,0,0.9); background: #000000; border: 1px solid #000000; text-shadow:none; padding: 7px 10px 7px 10px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; /* Hiding the tooltip */ visibility:hidden; opacity: 0; /* Removing transition when the mouse leaves the tooltip - Fixing a display issue */ -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .pricing_table a.tooltip:hover span { /* CSS3 Transition */ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; /* Showing the tooltip */ visibility:visible; opacity: 1; } /* _______________________________________ 05 COLORS _______________________________________ */ .pricing_table .gradient_blue a.pricing_button, .pricing_table .gradient_blue li.pricing_header1 { background-color: #389DAD; } .pricing_table .gradient_green a.pricing_button, .pricing_table .gradient_green li.pricing_header1 { background-color: #659B2C; } .pricing_table .gradient_yellow a.pricing_button, .pricing_table .gradient_yellow li.pricing_header1 { background-color: #F4BA00; } .pricing_table .gradient_orange a.pricing_button, .pricing_table .gradient_orange li.pricing_header1 { background-color: #E47417; } .pricing_table .gradient_red a.pricing_button, .pricing_table .gradient_red li.pricing_header1 { background-color: #B04444; } .pricing_table .gradient_black a.pricing_button, .pricing_table .gradient_black li.pricing_header1 { background-color: #212121; } /* _______________________________________ 06 DARK TABLE _______________________________________ */ .pricing_dark_style { color: #fefefe; background-color:#000000; } .pricing_dark_style ul li { text-shadow: 1px 1px 1px #000000; } .pricing_dark_style li.pricing_header1 { color:#ffffff; text-shadow: 1px 1px 1px #000000; } .pricing_dark_style li.pricing_header2 { border-bottom:1px solid #000000; border-top:1px solid #000000; text-shadow: 1px 1px 1px #000000; /* Gradient */ background-color:#121212; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #121212)); background-image: -webkit-linear-gradient(#181818 0%, #121212 100%); background-image: -moz-linear-gradient(#181818 0%, #121212 100%); background-image: -o-linear-gradient(#181818 0%, #121212 100%); background-image: -ms-linear-gradient(#181818 0%, #121212 100%); background-image: linear-gradient(#181818 0%, #121212 100%); } .pricing_dark_style .pricing_column_first li.pricing_header2 { background-color:#121212; border-bottom:1px solid #000000; } .pricing_dark_style .odd { background-color: #181818; border-bottom:1px solid #000000; } .pricing_dark_style .even { background-color: #121212; border-bottom:1px solid #000000; } .pricing_dark_style .pricing_footer { border-top: 1px solid #090909; border-bottom: 2px solid #000000; background-color: #121212; } .pricing_dark_style a.tooltip { color: #fefefe; } /* _______________________________________ 07 DARK TABLE _______________________________________ */ .pricing_dark_style { color: #fefefe; background-color:#000000; } .pricing_dark_style ul li { text-shadow: 1px 1px 1px #000000; } .pricing_dark_style li.pricing_header1 { color:#ffffff; text-shadow: 1px 1px 1px #000000; } .pricing_dark_style li.pricing_header2 { border-bottom:1px solid #000000; border-top:1px solid #000000; text-shadow: 1px 1px 1px #000000; /* Gradient */ background-color:#121212; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #121212)); background-image: -webkit-linear-gradient(#181818 0%, #121212 100%); background-image: -moz-linear-gradient(#181818 0%, #121212 100%); background-image: -o-linear-gradient(#181818 0%, #121212 100%); background-image: -ms-linear-gradient(#181818 0%, #121212 100%); background-image: linear-gradient(#181818 0%, #121212 100%); } .pricing_dark_style .pricing_column_first li.pricing_header2 { background-color:#121212; border-bottom:1px solid #000000; } .pricing_dark_style .odd { background-color: #181818; border-bottom:1px solid #000000; } .pricing_dark_style .even { background-color: #121212; border-bottom:1px solid #000000; } .pricing_dark_style .pricing_footer { border-top: 1px solid #090909; border-bottom: 2px solid #000000; background-color: #121212; } .pricing_dark_style a.tooltip { color: #fefefe; } /*Scaled Version*/ .featured2 { background-color:#979699; } .featured1 { background-color:#979699; } .featured { background-color:#979699; } .content-block { padding:30px 15px; margin:0 auto; } .content-block p { text-align:center; } .content-block1 { margin-top:20px; } .content-block1 h2 { font-weight: bold; font-size: 16px; color: #0b71ca; } .content-block2 { padding:30px 0; border-top:1px solid #ccc; width:100%; margin:0 auto; } hr { border: 0; background-color: #ccc; color: #ccc; height: 1px; width: 100%; margin: 0 auto; text-align:center; } .hero1 { position: relative; float:left; margin: -30px 20px 0 0; z-index: 3000; } .valentines-banner { position: relative; z-index: 1; } .celeb { padding:5px 3px; } .cta-heading { color: #0072d8; font-weight: bold; font-size: 32px; text-align: center; padding: 40px 0; } .pak-detail { min-height: 180px; } .pak-detail-1 { min-height: 120px; } .pak-detail h2, .pak-detail-1 h2, .doc-detail h2, .doc-detail-v h2 { font-weight:bold; font-size:16px; color:#0b71ca; } .content-block h3, .content-block1 h3, .content-block2 h3 { font-weight:bold; font-size:32px; color:#000; text-align:center; padding-bottom:15px; } .pak-detail span, .pak-detail-1 span { font-weight:bold; color:#ff0000; } .upgrades { margin:0 0 50px 0; } .upgrades h3 { font-weight:bold; font-size:32px; color:#000; text-align:center; margin:30px 0 15px 0; } .upgrade-thumb { float: left; padding: 0 15px 0 0; } .upgrade-heading { font-weight:bold; font-size:16px; text-align:right; padding:0 25px 0 0; } .upgrade-heading a { color:#ff8400; } .secure-seals { float:right; margin:-160px 50px 0 0; } .mini-products-list li.item {border: none;} .mini-products-list .price { font-size: 18px; line-height: 24px; } .panel-info>.panel-heading, .panel-default>.panel-heading { color: #000; background-color: transparent; border-color: #ccc; background-image: none; line-height: 32px; font-size: 18px; background: url(../images/divider.png) repeat-x left bottom; } .main-container .my-account {padding:25px;} .aw-raf-statistics .fieldset h2.legend {border: 1px solid #666!important;background: #444!important;color: #fff!important;} .product-view .product-img-box .product-image {border:none;} .product-view .product-image img { border: 1px solid #C4C1BC; margin: 0 auto; display: block; } .featured-on { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */ background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 10px 0px; margin-top: 25px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); } .asseenontv { text-align: center; } .asseenontv .featured { margin: 0px auto; text-align: center; padding: 5px 0px; display: inline-block; vertical-align: middle; background-color: transparent; } .starting-at {float:left;font-size:30px;color:#000;font-weight: bold;text-shadow: 0px 1px 0px #FFF;} .starting-at span {font-size:14px;display: block;font-style: italic;color: #1E7EC8;font-weight: normal;line-height: 14px;text-shadow:none;} #coupon-cancel-button {display:none;} .product-options .options-list .label {color:#333;} .product-options .options-list .label .price-notice, .product-options .options-list .label .price-notice .price {color:#000;font-weight:bold;} .product-options dd {border-bottom: 1px solid #bbb;} /* ----- RESPONSIVE CSS ------*/ /* media queries */ @media all and (min-width: 1024px) { } /* Large desktop */ @media (min-width: 1200px) { .std ul.lunar-features {max-height: 309px;} .nav-justified > li > a {padding: 20px 3.55em;line-height: 12px; max-height: 52px;font-size:16px;} .lunar-logo {max-width:375px;} .woocommerce img.lunar-logo, .woocommerce-page img.lunar-logo {max-width:375px;} } @media (min-width: 980px) and (max-width: 1200px) { .package-info ul li{ font-size: 14px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 992px) and (max-width: 1199px) { .nav-justified > li > a {padding: 20px 3.3em;line-height: 12px; max-height: 52px;} button.btn-cart{padding: 0px 8px;} a.link-wishlist, a.link-compare {padding: 0px 8px;} input.qty {width: 100px;} .std ul.lunar-features {max-height: 309px;} .pricing_table li.pricing_header2 {min-height: 150px;} .image img {max-height: 290px;} .jcarousel li, .bestsale-jcarousel li{ width: 218px;} .pak-detail {min-height: 220px;} } @media (min-width: 768px) and (max-width: 992px) { .nav-justified > li > a {padding: 20px 2em;line-height: 12px; max-height: 52px;} .thumb1 img {display: inline-block;max-height: 65px;width: auto;} .std ul.lunar-features {padding: 20px;} .top-row {margin-bottom:20px;} .btn-addtocart {width: 50%;float: right;} .upsells-box h4{ display:block;line-height: 18px;} .upsells-box .btn-upsell {float:none;margin-bottom:15px;} .pricing_table li.pricing_header2 {min-height: 190px;} .jcarousel li, .bestsale-jcarousel li{ width: 218px;} } @media (min-width: 768px) and (max-width: 979px) { .package-info ul li{font-size: 14px;} button.btn-cart{padding: 0px 20px;} a.link-wishlist, a.link-compare {padding: 0px 10px;} } @media (min-width: 768px) { .navbar-nav>li { float: none; } .nav-justified > li { width: auto; } .nav-justified { max-height: 52px; } .nav-justified > li > a { border-right: 1px solid #999; border-left: 1px solid #ccc; } .nav-justified > li:first-child > a { border-left: 0; } .nav-justified > li:last-child > a { border-right: 0; } /* .navbar-header {overflow: hidden;} */ #nav li ul li a{box-shadow: none;} #nav li ul li a:hover{background-image:none;background-color:transparent;box-shadow: none;color:#1e7ec8;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .top-links { text-align: center; margin-top: 15px; } .top-links .fa { display: inline-block; } .top-links li a span{ display: none; } .navbar-default { border-radius:0; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.80),0 1px 5px rgba(0,0,0,.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.80),0 1px 5px rgba(0,0,0,.35); } .navbar-nav { margin: 0; } .form-search { margin: 15px 0; } .nav-justified > li > a { font-size: 16px; text-align: center; background: #d5d5d5; border-top: 1px solid #eee; border-bottom: 1px solid #999; } .nav-justified > li > a:hover { background: #666; } .dropdown-menu { padding: 0!important; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #eee; border-top: 1px solid #eee; border-bottom: 1px solid #999; text-shadow: 0px -1px 1px #666; } .dropdown-menu .divider { height: 0; margin: 0; overflow: hidden; background-color: transparent; } #nav-parentlink { color: #fff; background-color: #666; text-shadow: 0px -1px 1px #000; text-transform: uppercase!important; padding: 10px 25px; } #nav-parentlink:before { content: "View All "; } .welcome-msg { display:none; } .footer ul { display: block; text-align: center; } .trust { text-align: center; } .block-subscribe { margin: 0 70px 5px; } .block-subscribe .block-title strong span { text-align: center; margin-top: 25px; } .footer-links { padding: 0 0 25px 0; text-align: center; } .footer .legality { text-align: center; } .block-subscribe button.button { position: relative; top: -29px; left: 2px; } .block-subscribe .validation-advice{ float:left; } .item-inner { text-align: center; } .products-grid .product-image, .products-grid .product-image:hover { border: none; } #cta { top: 100px; } .lunar-features li { min-height: 100px; } .top-row { margin-bottom:20px; } .img { margin-top: 20px; } .std ul.lunar-features { margin-bottom: 0; } .hero { float: none!important; margin: 0 auto; display: block!important; padding: 0 0 15px; } .pricing_table .pricing_footer { padding-top: 0px; } .pak-detail { min-height: none; border-top: 1px solid #ccc; margin: 0px 0; padding: 10px 0; } .pricing_table li.pricing_header2 {min-height: 250px;} .jcarousel li, .bestsale-jcarousel li{ width: 160px;} } /* Landscape phones and down */ @media (max-width: 480px) { .package-info ul li{ font-size: 14px; } .block-subscribe { margin: 0; } .image h2 { top: 5px; font-size: 25px; } .image h3 { top: 35px; font-size: 14px; } #cta { display:none } .giftpkg { float: none!important; margin: 0 auto; display: block!important; padding: 0 0 15px; } .pricing_table .pricing_column { width:100%; margin-bottom:12px; } .mobile-split { width: 100%; text-align: center; } .btn-md, btn-sm {width:100%;} .nav-row { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .col-main, .category-products, .category-description { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .footer {margin-right:0;margin-left:0;} .container {padding-right: 0;padding-left: 0;} .header {border-radius: 0px;background-color: #fff;margin: 0;} .main-container { padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .main-container .std .row,.main-container .row {margin-right:0;margin-left:0;} .cms-home .main-container {padding: 20px 0;} a.btn-reg {width:100%;} .col-left.sidebar {padding-left: 15px;padding-right: 15px;} .col1-layout .products-grid {margin: 25px auto;} .breadcrumb {margin-top:15px;} .upsells-box {padding-top:35px;} .upsells-box .col-xs-4 {width:100%;} .upsells-box .col-xs-8 {width:100%;margin:15px 0;} .upsells-box .btn-upsell {width: 100%;margin-bottom: 15px;} .upsells-box .col-md-12 {position: inherit;} .breadcrumb {font-size:10px;} .breadcrumb li + li { background-image: none; padding-left: 8px; border-left: 1px solid #666; margin-left: 8px; } .jcarousel li, .bestsale-jcarousel li{ width: 300px;} .fieldset {padding: 22px 0;} .col-main .std {padding: 15px 10px;} } @media all and (min-width: 480px) { } /* * Author: Tony Vu Date: 08.12.2013 Description: Responsive css for hello theme Ipad dimension: 768x1024 Iphone : 640x960 Desktop : 1200 Laptop : 992 */ /*@media (min-width: 1200px) {} @media (min-width: 768px) {} @media (max-width: 767px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (min-width: 992px) {} @media (min-width: 992px) and (max-width: 1199px) {}*/ /* Large desktop */ @media (min-width: 1200px) { /* Catalog page */ .main .span12{} /* End Catalog page */ } @media (max-width:990px){ /* cart page */ .extradiv{padding-left:0; padding-right:0; margin-top:20px} /* custoner login */ .registered-customer{margin-top: 20px} /* homepage*/ .img-responsive{display: inline-block} .l_block{text-align: center} .r_block, .m_block{text-align: center; padding-top:10px} } /* Landscape phone to portrait tablet */ @media (min-width:768px){ /* quick access nav */ .quick-access{text-align: right} .navbar-header .navbar-brand, .navbar-inverse .navbar-brand{display: none;} } @media (max-width: 767px) { .col-right{margin-top: 20px;} /* quick access nav */ .quick-access{text-align: left; padding-top: 15px; clear: both} .header .links{margin: 0px 0 6px} .header .links .myaccount-text, .header .links .logout-text, .header .links .login-text, .header .links .cart-text, .header .links .checkout-text, .header .links .wishlist-text{display: none} .header .links .myaccount-icon, .header .links .logout-icon, .header .links .login-icon, .header .links .cart-icon, .header .links .checkout-icon, .header .links .wishlist-icon{font-size: 1.5em} .header .welcome-box{float: right; text-align: right} .header .toplink-div{float: left; margin-bottom: 10px;} /* custoner login */ .registered-customer .required{text-align: left; margin-top: 10px} /* My Dashboard */ /* .col-order-date, .col-ship-to, .col-order-total, .col-order-status{display: none !important}*/ .order-history-wrapper{width: 100%; overflow-y: hidden; overflow-x: scroll;} .box-account{width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block} /*.title-buttons{text-align: left}*/ /* checkout /cart */ .cart .totals{margin-top: 20px} .cart > form {width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block} /* #shopping-cart-table .item-editable, #shopping-cart-table .item-image, #shopping-cart-table .col-wishlist{display: none}*/ /* catalog category */ .pager-responsive .amount, .pager-responsive .limiter label{display: none} .pager-responsive .pagination{text-align: left} .sorter .view-mode{padding-left:0} /* homepage */ .home-callout{display: none} /* product page / additional information */ #product-attribute-specs-table .data{padding-left:0} /* wishlist */ /* #wishlist-table .row0{display: none}*/ .my-wishlist #wishlist-view-form {width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block} /* left bar */ .col-left.sidebar{margin-top: 20px;} /* bootstrap 3 fix the scroll bar of Navbar on Mobile device */ .navbar-collapse {max-height: none;} .dropdown-menu{padding-left: 8px;} /* footer */ .footer .footer-right{text-align: left} #popupcart{left: 15px;} /* My downloadable product #my-downloadable-products-table .orderid, #my-downloadable-products-table .date{display: none}*/ .downloadable-product-wrapper {width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block} .usp i{font-size: 1.5em} .block-tags{display: none} /* new arrival */ .jcarousel-prev i, .jcarousel-next i, .bestsale-jcarousel-prev i, .bestsale-jcarousel-next i{font-size: 1em} /* homepage */ .main-banner1 {text-align: center} .main-banner2 {text-align: center; padding-top: 10px} .header .form-language .input-group{float: left} } /* Landscape phones and down */ @media (max-width: 480px) { /* catalog category */ .block-compare, .block-poll, .block-viewed, .paypal-logo, .block-wishlist{display: none} .col-main .category-image{display: none} .sorter .sort-by{padding-right: 0} /* catalog product view */ .products-list .product-shop{margin-left: 0} .sorter .sort-by label{display: none} /* product options */ .product-options{padding: 0} /* onepage checkout */ .data-table td {padding:3px 8px;} .data-table thead th{padding:3px 2px;} .cart .title-buttons .checkout-types{float:left; margin-top: 10px;} .order-review .buttons-set button.button{float: left; margin-left: 0} /* product review */ #product-review-table th{padding: 3px} #product-review-table input[type="radio"]{margin:0; } .usp .icon{display: none} .bestsale h3, .newarrival h3{font-size: 20px !important;} /*homepage*/ .mainblocks{display: none} } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(../images/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(../images/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(../images/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(../images/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(../images/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(../images/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(../images/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(../images/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(../images/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #referafriend{ display:none; position: absolute; top:50%; left:50%; z-index:9999; width:350px; margin:-300px 0 0 -150px; /*background-color: #fff;*/ } #referafriend[id]{ /* IE6 and below Can't See This */ position:fixed; } /*#referafriend h3 {margin-bottom: 20px;}*/ #referafriend h4 {padding: 4px 0;} #referafriend .group-select {margin: 0;} #referafriend-overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); } #referafriend-overlay[id]{ /* IE6 and below Can't See This */ position:fixed; } #referafriend.done #rafLoadMessage{ display:none; } #referafriend.done #rafContent{ display:block; } #referafriend.loading #rafContent{ display:none; } #referafriend.loading #rafLoadMessage{ font-size: 1.1em; font-weight: bold; color: #000; display:block; background-color: #fff; width: 100px; padding: 10px; margin: 250px 0 0 120px; } .awraf-email-heading { font-weight:bold; margin-top:10px; display:block; } .referafriend-please-wait { padding-right:7px; } /* #referafriend.done img{ width:100%; height:100%; } */ #raf-invite .group-select { border:1px solid #bbafa0; padding:22px 25px 12px 25px; background:#fbfaf6; } #raf-invite .group-select li .input-box .input-text,#raf-invite .group-select li .input-box textarea { width:275px; } #raf-invite .button-set{ border-top:1px solid #E4E4E4; clear:both; margin-top:4em; padding-top:8px; text-align:right; } .form-button-alt#referafriend-button { background-color: #618499; border: 1px solid #406A83; padding:0 10px; } .form-button-alt#referafriend-button span { background: none; border: none; } #referafriend-form span.required { color: #EB340A; } .aw-raf-broadcastlink { width:100%; border:none; font-size:13px; } .aw-raf-broadcastlink-label { display:block; font-size:12px; font-weight:bold; } .aw-raf-manual-share-block { margin-top:15px; width:90%; } #widget { width: 100px!important; height:100px!important; } .awraf-social-share { height:30px; } .awraf-social-share a { display:block; width:40px; height:40px; float:left; border:none; } .raf-twitter-share { background: url('../images/share.jpg') no-repeat -146px -32px; } .raf-facebook-share { background: url('../images/share.jpg') no-repeat -266px -72px; } .raf-delicious-share { background: url('../images/share.jpg') no-repeat -264px -32px; } .raf-myspace-share { background:url('../images/share.jpg') no-repeat -145px -72px; } .awraf-balance-item { font-size:13px; } .aw-raf-table-wrapper { overflow-y: hidden; overflow-x: auto; } #referred-friends-table { font-size:13px; } /* field set specific styles */ .aw-raf-statistics .fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; } .aw-raf-statistics .fieldset h2.legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } .aw-raf-statistics .fieldset .addresses-list li.item { background:#fff url(../images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .aw-raf-statistics .fieldset .addresses-list h2 { font-weight:bold; font-size:13px; color:#e26703; text-transform:uppercase; } .awraf-send-form textarea.validation-failed { background:#fff7f5 url(../images/bkg_input-failed.gif) 0 0 repeat-x !important; } .awraf-send-form span.validation-passed, .awraf-send-form div.validation-passed { background:url(../images/icon_ok.gif) 100% 14px no-repeat; padding-right:20px; } .awraf-send-form span.validation-error, .awraf-send-form div.validation-error { background:url(../images/icon_error.gif) 100% 14px no-repeat; padding-right:20px; } .awraf-discount-coupon-form-100 .button { float:none!important; margin:5px 0 0 0!important; } .awraf-discount-coupon-form-100 .raf-maximum-discount { display:block; clear:both; margin-bottom:2px!important; } .awraf-discount-coupon-form-100 .buttons-set { margin-top:0!important; } .magikfees-total { cursor:pointer; } .magikfees-total td { line-height:13px; padding-top:5px !important; padding-bottom:5px !important; border-top:0 !important; } .magikfees-total .magikfees-collapse { background-image: url(../images/add.png); background-repeat:no-repeat; background-position:0 1px; cursor: pointer; display: block; float: right; line-height:15px; padding-left: 20px; text-align: right; } .show-details .magikfees-collapse { background-position:0 -20px; } .magikfees-details-view td { background-color:#dae1e4; border-top:1px solid #d2d8db; border-bottom:1px solid #d2d8db !important; } .easytabs-wrapper { margin: 10px 0; } .easytabs { display: table; margin: 0; padding: 0; border-spacing: 5px 0; margin-left: -5px; position: relative; z-index: 6; /*width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; */ } .easytabs li { display: table-cell; text-align: center; vertical-align: middle; } .easytabs li, .easytabs-a-accordion { line-height: normal; background: #666; border: 1px solid #ccc; box-shadow: inset 0 -12px 8px -14px rgba(0, 0, 0, 0.2); -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; } .easytabs li:hover { box-shadow: none; } .easytabs li a:hover, .easytabs-a-accordion:hover { text-decoration: none; } .easytabs li.active { background: #d0d0d0; border-width: 1px 1px 0; border-color:#aaaaaa; box-shadow: none; text-shadow: 0 1px 0 #fff; color:#000; text-shadow: 0 1px 0 #fff; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; } .easytabs li.active a { color:#000; text-shadow: 0 1px 0 #fff; } .easytabs-a { display: block; padding: 9px 12px; text-decoration: none; color: #fff; text-shadow: 0 -1px 0 #000; font: bold 12px/16px Arial, Helvetica, Tahoma, sans-serif; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; } .easytabs-anchor { font-size: 16px; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .easytabs-content { padding: 7px 8px; border: 1px solid #aaaaaa; position: relative; z-index: 5; margin-top: -1px; background: #d0d0d0; -webkit-border-radius: 9px; -webkit-border-top-left-radius: 0; -moz-border-radius: 9px; -moz-border-radius-topleft: 0; border-radius: 9px; border-top-left-radius: 0; } .easytabs-a-accordion { margin-top: -1px; background: #666; display: none; padding: 12px;-webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; } .easytabs-a-accordion.active { box-shadow: none; color: #48494a;-webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: #d0d0d0; border-width: 1px 1px 0; border-color:#aaaaaa; box-shadow: none; text-shadow: 0 1px 0 #fff; color:#000; text-shadow: 0 1px 0 #fff; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff;} .easytabs-content .box-collateral { margin: 0; } .easytabs-content .box-up-sell .products-grid td { padding-left: 7px; padding-right: 7px; } .easytabs-content .block-related .block-title { display: none; } #product_tabs_tags_tabbed_contents label { display: block; } #product_tabs_tags_tabbed_contents .input-box input { width: 300px; } #product_tabs_tags_tabbed_contents .input-box { width: 300px; float:left; margin: 0 10px 3px 0;} #product_tabs_related_tabbed_contents ol { clear: both; } #product_tabs_related_tabbed_contents li { float:left; margin: 0 1% 15px 0; width: 31%; } #product_tabs_related_tabbed_contents li:nth-child(1n) { width: 32%; } #product_tabs_related_tabbed_contents li:nth-child(3n) { margin-right: 0; } #product_tabs_related_tabbed_contents li:nth-child(3n+1) { clear: left; } #product_tabs_related_tabbed_contents .product-images { float: left; } #product_tabs_related_tabbed_contents .product-images a { margin: 0 0 0 5px; } #product_tabs_related_tabbed_contents .product-details { margin-left: 75px; } #product_tabs_related_tabbed_contents .price-box { margin: 0; } .easytabs, .easytabs-content, .product-collateral, .easytabs-content .form-add { zoom: 1; } .easytabs:after, .easytabs-content:after, .product-collateral:after, .easytabs-content .form-add:after { content: '.'; visibility: hidden; clear: both; display: block; height: 0; font-size: 0; } @media (max-width: 480px) { /* * .easytabs-a-tab should be hidden. * See the easytabs.js~12: el.getStyle('display') !== 'none' */ .easytabs, .easytabs-a-tab { display: none; } .easytabs-a-accordion { display: block; } #product_tabs_tags_tabbed_contents .input-box input { width: 200px; } #product_tabs_tags_tabbed_contents .input-box { width: 200px; } #product_tabs_related_tabbed_contents li { float:none; margin: 0 0 10px; width: auto; } #product_tabs_related_tabbed_contents li:nth-child(1n) { width: auto; } .easytabs-content {border-top: none;} .easytabs-content {-webkit-border-top-right-radius: 0px;-moz-border-radius-topright: 0px;border-top-right-radius: 0px;} } /* Document : yamm Created on : 24/02/2014, 4:47:00 PM Author : tony vu Description: Mega menu */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown{position: static; text-align: left} .yamm .container{position: relative;} .yamm .dropdown-menu{left: auto;} .yamm .nav.navbar-right .dropdown-menu {left: auto;right: 0;} .yamm .yamm-content {padding: 20px 30px;} .yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;} .yamm .navbar-nav li .dropdown-toggle{text-transform: uppercase} .yamm .navbar-nav li .title{text-transform: uppercase; color: #1e7ec8; border-bottom: 1px dashed #ccc; width: 100%; display: inline-block; padding: 10px 0; margin-bottom: 10px} .yamm .navbar-nav li ul{padding-left: 7px; } .yamm .navbar-nav li ul li a{color: #777 } .yamm .navbar-nav .showall{text-align: right; border-top: 1px dashed #ccc; margin-top: 10px} .yamm .navbar-nav .showall .btnviewall{margin-top: 20px; text-transform: uppercase} .yamm .price{color: #1e7ec8} .yamm .special-price .price{color: #cd5033} .yamm .description{font-size: 12px;} .yamm .salelists{text-transform: uppercase; color: #1e7ec8;} .yamm .tblsale strike{font-size:10px} .yamm .tblsale .price-box{margin:0} @media (min-width:768px){ .yamm-categories{width: 700px;} } @media (max-width: 767px) and (min-width: 480px){ .yamm-categories{width: 550px;} } @media (max-width:990px){ /* .yamm .megamenu_cat_3 .banner{display: none}*/ } .jcarousel, .bestsale-jcarousel {position: relative; overflow: hidden; } .jcarousel ul, .bestsale-jcarousel ul {width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;} .jcarousel li, .bestsale-jcarousel li {float: left; padding-right: 15px;} .jcarousel-prev, .jcarousel-next{padding: 5px 15px; border: 1px solid #ddd; background: #f5f5f5; cursor: pointer; display: inline-block} .bestsale-jcarousel-prev, .bestsale-jcarousel-next{padding: 5px 15px; border: 1px solid #ddd; background: #222; cursor: pointer; display: inline-block; color: #555} .bestsale-jcarousel-prev:hover, .bestsale-jcarousel-next:hover{color: #fff} /* New Arrival */ .newarrival {padding-top: 35px;} .newarrival .heading{padding-bottom: 25px} .newarrival h3{text-transform: uppercase; font-weight: normal; color:#1e7ec8 ; border-left: 4px solid #ff0000; padding-left: 5px; font-size: 30px; font-family: 'Francois One', sans-serif;} /* Best Sale */ .bestsale {padding-top: 50px; clear: both} .bestsale .heading{padding-bottom: 25px;} .bestsale h3{text-transform: uppercase; font-weight: normal; color: #1e7ec8; border-left: 4px solid #000; padding-left: 5px; font-size: 30px; font-family: 'Francois One', sans-serif;} /* 3 blocks */ .mainblocks{padding: 30px 0 40px 0} .jcarousel-vertical{position: relative; overflow: hidden; height: 115px} .jcarousel-vertical ul{position: relative; list-style: none;} .crosssell .jcarousel-prev, .crosssell .jcarousel-next{padding: 2px 9px; border: 1px solid #cec3b6; background: #fafaec;} /* bootstrap carousel */ .carousel .item {width: 100%; max-height: 600px;} /* Document : slider Created on : 30/01/2014, 12:02:16 PM Author : tony vu Description: Purpose of the stylesheet follows. */ .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* horizontal block on homepage */ .horizontalblk h3{text-transform: uppercase; color: #E26703} .horizontalblk a{text-decoration: none;} .horizontalblk a:hover{color:#444} /*Start Work 2019*/ .fullgrid-header{margin:0 auto;} .fullgrid-footer{margin:0 auto;} .fullgrid-main-container {margin:0 auto; padding:20px 0 40px} .header .links .top-link-cart i{margin-left:5px;} .navbar-header .navbar-brand{text-transform:uppercase; text-align: center;} .footer{text-align:left;} .footer a{text-decoration:none;} .footer .title{font-weight:bold; text-transform:uppercase; padding:2px 0;} .footer address a{text-decoration:underline;} .product-options .options-list label{font-weight:normal;; font-size:11px} /*=======Blog page=======*/ .blog-section{margin:0px; padding:0px; height:auto; width:100%;} .blog-left{width:65%; float:left;} .blog-block{margin:0px 0 35px; padding:0px 0 20px; height:auto; width:100%; border-bottom:#e4e1e1 solid 1px;} .blog-block h3{font-size:24px; line-height:30px; color:#050505; font-weight:400; margin-bottom:18px;} .blog-block h3 a{color:#050505;} .blog-block h3 a:hover{color:#1e81d4;} .blog-block p{font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#333; font-weight:400; margin-bottom:18px;} .blog-block .publishrow{margin:0px auto 10px; padding:8px 0px 10px; height:auto; width:100%; border-top:#e4e1e1 solid 1px; border-bottom:#e4e1e1 solid 1px;} .blog-block .publishrow ul{margin:0px; padding:0px; list-style:none;} .blog-block .publishrow ul li{margin:0px 20px 0px 0px; padding:0px; height:auto; width:auto; display:inline-block; vertical-align:middle; font-size:15px; line-height:normal; color:#6b6b6b; font-weight:300;} .blog-block .publishrow ul li a{color:#1e81d4;} .blog-block .publishrow ul li a:hover{color:#000;} .blog-block .publishrow ul li i{margin-right:8px; font-size:15px; font-style:normal;} .blog-block .publishrow ul li:last-child{margin-right:0px;} .blog-block .blogpic{margin-bottom:15px;} .blog-block .blogpic img{width:100%;} .blog-block .readmore{margin:0px; padding:0px 12px; background:#1e81d4; font-size:14px; line-height:32px; color:#fff; font-weight:400; display:inline-block; margin-top:0px;} .blog-block .readmore:hover{color:#fff; opacity:0.9;} .blog-block:last-child{border-bottom:none; margin-bottom:0px;} .blog-right{width:30%; float:right; padding:24px 3%; background:#f7f8fc;} .blog-right h3{font-size:22px; line-height:26px; color:#1e81d4; font-weight:300; margin-bottom:25px;} .popularpost{margin-bottom:60px;} .popularpost-box{margin:0px auto 25px;} .popularpost-box-left{margin:0px; padding:0px; width:30%; float:left;} .popularpost-box-left img{width:100%; -webkit-border-radius: 0px; -moz-border-radius:2px; border-radius: 2px;} .popularpost-box-right{margin:0px; padding:0px; width:65%; float:right;} .popularpost-box h5{font-size:20px; line-height:20px; color:#1e1c1c; font-weight:300; margin-bottom:10px;} .popularpost-box h5 a{color:#1e1c1c;} .popularpost-box:hover h5 a{color:#1e81d4;} .popularpost-box h6{font-size:14px; line-height:20px; color:#1e1c1c; font-weight:300; margin-bottom:5px;} .popularpost-box h6 a{color:#1e1c1c;} .popularpost-box:hover h6 a{color:#1e81d4;} .followus{margin:0px; padding:0px;} .followus ul{margin:0px; padding:0px; line-height:none;} .followus ul li{margin:0px 3% 20px 0; padding:0px; height:auto; width:38%; display:inline-block; vertical-align: top;} .followus ul li span{width:34px; height:34px; float:left; margin:0px 10px 10px 0px; background:#34ccfe; text-align:center; line-height:32px; color:#fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .followus ul li a h5{font-size:14px; line-height:16px; color:#1e1c1c; font-weight:500; margin-bottom:5px;} .followus ul li a:hover h5{color:#1e81d4;} .followus ul li a h6{font-size:13px; line-height:15px; color:#1e1c1c; font-weight:400; margin-bottom:5px;} .followus ul li a:hover h6{color:#1e81d4;} .followus ul li:nth-child(2) span{background:#7a8dde;} .followus ul li:nth-child(3) span{background:#f96b4f;} .followus ul li:nth-child(4) span{background:#fc7b35;} .blog-rblock{margin:0px 0 30px; padding:0px 0 15px; border-bottom:#e4e5e9 dashed 1px;} .blog-rblock h3{margin-bottom:15px;} .blog-rblock ul{margin:0px; padding:0px; list-style:none;} .blog-rblock ul li{margin:0px 0 10px; padding:0px; font-size:15px; line-height:normal; font-weight:300; color:#000;} .blog-rblock ul li a{color:#000;} .blog-rblock ul li a:hover{color:#1e81d4;} .comments-section{width:100%; border-bottom:1px solid #dfdfdf; padding:0px 0; margin:0px auto 15px;} .comments-section h3{ color:#4a4a4a; font-weight:bold; margin:0 0 12px; border-bottom:none;} .comments-section h4{ color:#646464; line-height:normal; font-weight:bold;} .comments-section h5{margin-bottom:2px;} .comments-section p{ color:#646464; font-size:15px; line-height:normal; font-weight:normal;} .new-comment-section{ width:70%; padding:10px 0;} .new-comment-section h3{ color:#4a4a4a; font-weight:bold; margin:0 0 12px;} .new-comment-section .comment-form{ width:100%;} .new-comment-section .comment-form .lbl01{width:100%; height:auto; color:#646464; font-size:14px; font-weight:normal; margin:0 0 4px;} .new-comment-section .comment-form input[type="text"]{width:100%; background:#ededed; border:1px solid #c6c6c6; height:40px; padding:0 12px; margin:0 auto 12px; font-size:14px; line-height:normal; font-weight:normal;} .new-comment-section .comment-form textarea{width:100%; height:100px; background:#ededed; border:1px solid #c6c6c6; padding:8px 12px; margin:0 auto 20px; resize:none; overflow:auto; font-size:14px; line-height:normal; font-weight:normal;} .new-comment-section .comment-form input[type="submit"]{display:inline-block; vertical-align:top; margin:0px; padding:0px 4%; height:auto; background:#25539f; text-transform:uppercase; color:#fff; font-size:16px; line-height:36px; font-weight:500; border:none; transition: all 0.4s ease-in-out 0s;} .new-comment-section .comment-form input[type="submit"]:hover{background:#333; color:#fff;} .pagination{display: inline-block;} .pagination a{color: black; float: left; padding: 8px 12px; text-decoration: none; transition: background-color .3s; border: 1px solid #e2e2e2; margin: 0 2px 2px 0px;} .pagination a.active{background-color: #3f9846; color:#fff; border: 1px solid #e2e2e2;} .pagination a:hover:not(.active) {background-color: #3f9846; color:#fff;} .navigation.pagination{background:none;} .navigation.pagination h2{display:none;} .navigation.pagination .page-numbers{float:left; padding: 8px 12px; border: 1px solid #e2e2e2;} .navigation.pagination .page-numbers.current{background:#3f9846; color:#fff;} footer.comment-meta{background:none;} .comments-area h2{font-size:22px; line-height:normal;} .comment-author.vcard img{width:50px;} .comment-list{list-style:none; margin-bottom:12px;} .children{list-style:none; margin-left:35px; margin-bottom:12px;} .children .comment-author.vcard img{width:40px;} .comment-body{margin-bottom:12px;} .wpcf7-form-control.wpcf7-radio span.wpcf7-list-item label{margin-bottom:0px;} /*=======Blog page=======*/ .fullgrid-main-container { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(52%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b4926d',GradientType=0 );} .sub-menu{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; margin-top: 2px; margin-top: 2px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-transform: translateZ(1px); margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;} .navbar-nav > li.menu-item-has-children:hover .sub-menu { display: block; } .sub-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .sub-menu li a:hover{color: #1e7ec8;} .sub-menu li{position:relative;} .sub-menu .sub-menu{position:absolute; left:99%; top:0; display: none; opacity:0;} .sub-menu li:hover .sub-menu{display:block; opacity:1;} .footer{text-shadow: 1px 1px 0px #CCC;} .footer a{color:#000; text-shadow: 1px 1px 0px #CCC;} .footer .legality{color: #000;} .fullgrid-main-container{ padding:0px!important;} .std p.woocommerce-info { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; } .woocommerce-checkout input#ship-to-different-address-checkbox {margin: 0;} /* Portrait tablet to landscape and desktop */ @media (min-width: 992px) and (max-width: 1199px) { .nav-justified > li > a{padding: 20px 3.2em;} } @media (min-width: 980px) and (max-width: 990px) { .nav-justified > li > a{padding: 20px 1.9em;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .sub-menu { position: relative; float: none; padding:0px; border-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.175); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.175); box-shadow: inset 0 0 10px rgba(0,0,0,.175); } .sub-menu li { padding: 15px; border-bottom: 1px solid #ccc; } .sub-menu .sub-menu { position: relative; left: unset; top: unset; display: block; opacity: 1; margin: 5px -15px -16px; background-color: #eee; } .header .right-cart { margin: 0px 13px 0px 0px; position: absolute; right: 0px; top: 30px; padding: 6px 10px; background-color: #c2c2c2; background-image: none; border: 1px solid #999; border-radius: 4px; } } @media (max-width: 320px) { .navbar-header .navbar-brand {font-size: 0px;} .woocommerce ul.products li.product .button {margin-bottom: 0px;overflow: hidden;} }