/* ============================================================================= Boilerplate ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ============================================================================= Frontend ========================================================================== */ body{font-family:Arial} .label{color:#0e1f53; font-size:12px; font-weight:bold} .input{background:#fff; color:#0A1B50; font-size:12px; border:solid 1px #d9dadf; padding:5px} .select{color:#0E1F53; border:solid 1px #d9dadf; padding:4px; font-size:12px} .field{margin:5px 0} .field-checkbox{margin:26px 0 10px} .field span{color:#f30606} .submit, .continue{background:url(../img/bkg_btn.jpg); width:170px; height:25px; border:1px solid #c2c2c2; display:block; line-height:25px; font-size:12px; text-align:center; color:#0a1b50; text-decoration:none; padding: 0; margin: 0; } .submit_osco { background:url(../img/bkg_menu.jpg); width:170px; height:40px; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; display:block; line-height:35px; font-size:14px; text-align:center; color:#FFF; float:right; cursor:pointer; text-decoration:none; text-transform: uppercase; } .submit:hover, .continue:hover{text-decoration:underline; color:#0a1b50} .green { background: #007800; color:#FFF !important;} #header{background: #ededed url(../img/bkg_header.jpg) left 20px repeat-x; min-height:198px; border-bottom:1px solid #d8d8d8; padding-bottom: 5px;} .wrapper{margin:0 auto; width:940px; position:relative} #header .topbar{background:#0e1f53; height:20px; font-size:11px} #header .topbar .customer-menu{float:right;} #header .topbar .customer-menu a{color:#fff} #header .topbar .customer-menu p{margin:0; line-height:20px; color:#fff} #header .topbar .customer-menu p a{text-decoration:none} #header .topbar .customer-menu p a:hover{text-decoration:underline} #header .topbar .valuta-menu{float:right; margin: 0 12px 0 20px; line-height:20px;} #header .topbar .valuta-menu span { color:#FFF; } #header .topbar .language-menu{float:right;} #header .topbar .language-menu ul{list-style-type:none; margin: 1px 0 0 0; padding:0;} #header .topbar .language-menu ul li{float:left; margin:0 0 0 8px;} #header .topbar .language-menu ul li a{width:22px; height:16px; display:block} #header .category-menu{background:url(../img/bkg_menu.jpg); min-height:80px; width:940px; z-index:20; margin-top: -6px; position: relative; display: table-row;} #header .category-menu .category_menu_items {width:850px; display: table-cell;} #header .category-menu .sale_menu_items { width: 85px; height: 100%; display: table-cell; vertical-align: top; position: relative; cursor: pointer;} /*#header .category-menu .sale_menu_items:hover { background:#e74073; }*/ #header .category-menu .sale_menu_items a.sale, #header .category-menu .sale_menu_items a.partij { background: #eb7c9d; background: -moz-linear-gradient(top, #eb7c9d 0%, #e74173 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb7c9d), color-stop(100%,#e74173)); background: -webkit-linear-gradient(top, #eb7c9d 0%,#e74173 100%);background: -o-linear-gradient(top, #eb7c9d 0%,#e74173 100%); background: -ms-linear-gradient(top, #eb7c9d 0%,#e74173 100%); background: linear-gradient(to bottom, #eb7c9d 0%,#e74173 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7c9d', endColorstr='#e74173',GradientType=0 ); text-align: center; width: 85px; font-size: 12px; line-height: 40px; font-size:12px; color:#fff; height: 40px; font-weight: bold; text-decoration: none; display: inline-block; } #header .category-menu .sale_menu_items a.sale:hover {background:#e74073;} #header .category-menu .sale_menu_items a.partij { background: #ffaec9; height: -o-calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); } #header .category-menu .sale_menu_items a.partij:hover {background:#fa89af;} #header .category-menu ul{margin:0 0 0 4px; padding:0; z-index: 20;} #header .category-menu ul li{list-style:none; display: inline-block; font:12px Arial,Helvetica,sans-serif #111} /*#header .category-menu ul li.sale { background-image: url('../img/bkg_sale_menu.jpg'); background-repeat: repeat-x; float:right; } #header .category-menu ul li.sale a:hover{ background:#e74073; }*/ #header .category-menu ul li .gap{margin:7px 0 0 0; width:1px; height:26px; background:#3d5292; display:inline-table} #header .category-menu ul li a:link, #header .category-menu ul li a:visited{display:block; font-size:12px; color:#fff; line-height:40px; display:block; text-decoration:none; padding:0 8px; font-weight:bold; } #header .category-menu ul li a.de:link, #header .category-menu ul li a.de:visited{ padding:0 7px; } #header .category-menu ul li a:hover{background:#1a327a} #header .category-menu ul li ul{position:absolute; visibility:hidden; margin:0; padding:0} #header .category-menu ul li ul li{display:inline; float:none} #header .category-menu ul li ul li a:link, #header .category-menu ul li ul li a:visited{background-color:#1a327a; width:auto; font-size:12px; line-height:30px} #header .category-menu ul li ul li a:hover{background-color:#3D5292} #header .left_header_wrapper {display: inline-block; height: 130px; width: 275px;} #header .right_header_wrapper {display: inline-block; width: 660px; height: 130px;} #header .logo{width:245px; height:103px; display:block; position:absolute; left:0; top:10px; z-index:10; margin:0} #header .logo a{width:245px; height:103px; display:block; text-indent:-9999px} .fast-login .input{width:110px; float:right} .fast-login .submit{width:100%; float:right; background: #ea7497; font-weight: bold;} .fast-login .submit:hover{background: #e74073;}; .fast-login .label{float:left; line-height: 24px} #header .pages{position:absolute; top:0; right:0} #header .pages p{font-size:12px; color:#0e1f53} #header .pages p a{color:#0e1f53; text-decoration:none} #header .pages p a:hover{text-decoration:underline} #header .search{position:absolute; right:200px; top:90px} #header .search .input{width:170px; float:left; margin-right:5px} #header .search .submit{border:0; background:url(../img/bkg_btn.jpg); height:25px; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; display:block; float:left; font-size:12px; width:70px} #header .cart-sidebar{position:absolute; right:-7px; top:32px; width:144px; height:52px; background:url(../img/bkg_cart_sidebar.png) no-repeat; padding:15px 20px 20px 20px} #header .cart-sidebar .items{width:140px} #header .cart-sidebar .items .sidebar-values a.fr_bestelling_afronden { font-size: 11px; } #header .cart-sidebar .cart-icon{background:url(../img/icon/cart.png) no-repeat; width:26px; height:20px; display:block; float:right} #header .cart-sidebar p{color:#0e1f53; font-size:12px; margin:0; padding:0; line-height:18px} #header .cart-sidebar .checkout{line-height:22px; text-decoration:underline; color:#0e1f53; background:url(../img/icon/arrow.png) left center no-repeat; padding-left:15px} #header .cart-sidebar .checkout:hover{text-decoration:none} #main{margin:20px 0 0 0} h3, h3 a{color:#0e1f53; background:#bac0d4; height:30px; display:block; margin:0px; font-size:12px; font-weight:normal; line-height:30px; padding-left:18px} h3 a { text-decoration: none; padding-left:0px; } #main h4{color:#0E1F53; font-size:14px; font-weight:bold} #main h6{color:#0E1F53; font-size:12px; font-weight:normal; padding:5px; background-color:#ecdfac; display:block} #main .content{width:670px; float:left} #main h1{color:#0e1f53; font-size:24px; line-height:24px; font-weight:bold} #main h2{color:#0e1f53; font-size:18px; font-weight:normal} #main p{font-size:12px; color:#0e1f53; line-height:18px} #main .content .slider{width:670px; height:270px; overflow:hidden; margin:0 0 20px 0} #main .content .category-item{width:325px; float:left; cursor:pointer} #main .content .category-item .box{min-height:110px} #main .content .category-item .box p { min-height:83px; display: block; } #main .content .category-item .box a { display: block; color:#FFF; text-align: center; background-color:#59617c; font-size:12px; text-decoration: none; line-height: 26px; width: 155px; } #main .content .category-item img{float:right; clear:right; padding-left:10px} #main .sidebar{width:250px; float:right} #main .sidebar img{float:left; clear:left; margin-right:5px} #main .sidebar .why p{color:#6373a6; font-size:10px; line-height:18px; width:140px; float:right} #main .sidebar .why span{color:#0e1f53; font-size:14px; font-weight:bold} #main .sidebar p.mengategoed { background-color:#E73F72; padding:3px 5px; display:block; color:#FFFFFF; margin-bottom:15px; } .box{background:#f0f0f0; padding:20px; margin:0 0 20px 0} .box p{color:#59617c; font-size:12px; line-height:18px; margin:0} .box p strong{color:#182859; font-weight:normal} .box a{color:#e73f72} .box a:hover{text-decoration:none} #main .sis_box ul { margin: 0 0 -10px 0; padding: 10px 0 0 25px; } #main .sis_box ul li { color:#6373a6; font-weight: bold; font-size: 12px; list-style-image:url('../img/usp.gif'); line-height:36px; } #main .sis_box img { clear: inherit; float: inherit; margin-right: 0px;} #main .content p{color:#59617c; font-size:11px; line-height:18px} #main .content ul{color:#59617c; font-size:12px; line-height:18px} #main .content p a{color:#0A1B50} #main .sis-menu{background:url(../img/sis_menu_bg.jpg) repeat-x; height:40px; width:670px; z-index:20;} #main .sis-menu ul{margin:0 0 0 4px; padding:0} #main .sis-menu ul li{list-style:none; float:left;} #main .sis-menu ul li a{ font:12px Arial,Helvetica,sans-serif #111; border-right:1px solid #9ba3ba; background:url('../img/sis_menu_bg_hover.jpg'); } #main .sis-menu ul li a:link, #main .sis-menu ul li a:visited{display:block; font-size:12px; color:#fff; line-height:30px; display:block; text-decoration:none; padding:0 9px; } #main .sis-menu ul li a:hover{background:#1a327a} #main .sis-menu ul li ul{position:absolute; visibility:hidden; margin:0; padding:0; z-index: 10001;} #main .sis-menu ul li ul li{display:inline; float:none} #main .sis-menu ul li ul li a:link, #main .sis-menu ul li ul li a:visited{background-color:#1a327a; width:auto; font-size:12px; line-height:30px} #main .sis-menu ul li ul li a:hover{background-color:#3D5292} #main .sis-menu ul li.shoptitle a{ line-height: 30px; color:#0e1f53; background: inherit; padding-right: 20px; } .page{margin:10px 0 0 0} .customer-login{} .customer-login .label{display:block} .customer-login .input{ width:310px} .customer-login .submit{float:left} .customer-login .required{float:left; margin-left:10px} .required{color:#f30606; font-size:10px; float:left; line-height:25px} .customer-create .submit{float:right; margin-right:3px} .customer-create .checkbox{float:left} .customer-create .label-checkbox{float:left; color:#0e1f53; font-size:12px; margin-left:5px} .shipping-address{margin-bottom:20px; display:none} .customer-create .label, .shipping-address .label{display:block} .customer-create .input, .shipping-address .input{width:310px} .customer-create .select, .shipping-address .select{width:322px} .customer-create .customer-create-left, .shipping-address .shipping-address-left{float:left; width:325px} .customer-create .customer-create-right, .shipping-address .shipping-address-right{float:right; width:325px} .products-grid, .category-grid{list-style-type:none; margin:0 0 20px 0; padding:0; display:block} .products-grid .product, .category-grid .category {border:1px solid #e1e1e1; width:168px; float:left; padding:20px; margin-right:20px; margin-bottom:20px; min-height:205px; position: relative; } .products-grid .product .discount { position: absolute; right: 0; top:0; width:70px; height:70px; display: block; } .products-grid .product .image{width:170px; height:170px; min-height:170px; display:table-cell; vertical-align:middle} .products-grid .last, .category-grid .last{margin-right:0} .category-grid .category h2{text-align:center; font-size:18px; margin:0} .category-grid .category h2 a{color:#0e1f53; text-decoration:none} .category-grid .category p{text-align:center; margin:0} .category-grid .category p span{font-size:12px; color:#6373a6} .products-grid .btn-info p{margin:0; padding:0; font-size:12px; text-align:center; line-height:25px} .products-grid .btn-info p span{color:#0a1b50; text-decoration:none} .products-grid .btn-info span{cursor:pointer; background:url(../img/bkg_btn.jpg); height:25px; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; display:block; line-height:25px; width:170px;} .products-grid .category_product_fancybox { display: none; background: url('/assets/img/icon/search-icon.png'); width: 20px; height: 20px; position: absolute; top: 20px; left: 20px; cursor: pointer; } /*.products-grid .category_product_fancybox .category_product_fancybox_a { display: none; }*/ .products-grid .btn-info p span:hover{text-decoration:underline} .products-grid .get-more-info{cursor:pointer; width:170px; height:240px; display:block} .products-grid p { text-align:center; margin: 0; padding: 0; } .products-grid .price{color:#e73f72; font-size:24px; font-weight:bold; line-height:24px; margin-bottom:5px; } .products-grid .old-price{ color:#0a1b50; font-size:14px; font-weight:normal; line-height:24px; margin-bottom:5px; text-decoration: line-through; margin-right: 10px; } .products-grid .atrnr{color:#0a1b50; font-size:12px; line-height:12px; text-align:center; display:block; margin:5px 0} .products-grid .add-cart{margin-top:5px; width: 170px;} .products-grid .add-cart .add{background:url(../img/bkg_add_cart.jpg) repeat-x; display:block; width:100px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#fff; text-decoration:none; float:right; border:0} .products-grid .add-cart .add:hover{text-decoration:underline} .pagination{font-size:12px} .pagination ul{list-style-type:none; margin:0; padding:0} .pagination li{float:left; margin-right:6px} .pagination li a{color:#0E1F53; padding:0px 10px; line-height:26px; border:solid 1px #E1E1E1; text-decoration:underline; display:block} .pagination li a:hover{text-decoration:none; background:#BAC0D4; color:#fff} .pagination ul .select{background:#BAC0D4; padding:0; border:solid 1px #E1E1E1} .pagination ul .select a{color:#fff; border:0; text-decoration:none} #main .product-view{position:absolute; right:0; top:0; width:210px; background:#0e1f53; padding:20px; display:none; z-index:10} #main .product-view .image{width:210px; height:210px; background:#fff; min-height:170px; display:table-cell; vertical-align:middle; position: relative;} #main .product-view .image .product_fancybox { display: none; background: url('/assets/img/icon/search-icon.png'); position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; } #main .product-view .wrap{position:relative} #main .product-view .product-close{float:right; background:#efefef url(../img/close.png) center center no-repeat; width:25px; height:25px; border-right:1px solid #0b1840; border-bottom:1px solid #0b1840; cursor:pointer} #main .product-view h2{color:#fff; font-size:18px; line-height:18px} #main .product-view p{color:#fff; margin:5px 0} #main .product-view p span{color:#b9bfd2} #main .product-view .add-cart{margin-top:10px} #main .product-view .add-cart .add{background:url(../img/bkg_btn.jpg) repeat-x; display:block; width:150px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#0A1B50; text-decoration:none; float:right; border:0} #main .product-view .add-cart .add:hover{text-decoration:underline} #main .product-view table tr td {color:#fff; margin:5px 0; font-size: 12px; line-height: 18px; } #main .product-view table tr { border-bottom: 1px solid #FFF; } #main .product-view #nav { margin: 0; padding: 10px 0 0 0; } #main .product-view #nav li { float:left; padding-right:10px; list-style-type: none; } #main .product-view #nav li.last { padding-right:0px; } .bulkcontainer { background-color:#727c9a; width:210px; padding:10px 0 15px 0; margin:10px 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #main .overview-order-address{float:left; width:325px} #main .overview-shipping-address{float:right; width:325px} .toolbar{margin-top:20px; color:#6373a6; font-size:12px} .toolbar .select{margin:0 5px 10px 0} .toolsort, .toolnumber { float: left; margin: 0 10px 0 0; } .newsletter-box{} .newsletter-box .input{float:left; width:120px} .newsletter-box .submit-newsletter{float:left; border:0; font-size:12px; color:#e73f72; text-decoration:underline; padding:5px; margin-left:5px} .newsletter-box .submit-newsletter:hover{text-decoration:none} .space-10{height:10px; clear:both} .space-20{height:20px; clear:both} .breadcrumbs{font-size:12px; color:#6373a6; margin:0; padding:0} .breadcrumbs a{color:#6373a6; text-decoration:none} .breadcrumbs a:hover{text-decoration:underline} .img-clear-right{float:right; clear:right; padding:10px} .dialog{position:fixed; left:50%; top:30%; width:360px; margin:-100px 0 0 -200px; background:#fff; border:10px solid #BAC0D4; z-index:9999; padding:20px} .dialog_tegoed{ border:10px solid #E73F72; } .dialog .error{width:332px; color:#fff; font-size:12px} .dialog p{color:#59617C; font-size:14px; line-height:18px; text-align:center; margin:0} .dialog_tegoed p { color:#E73F72; font-weight: bold; } .dialog .continue{float:left; cursor:pointer} .dialog .checkout{float:right; cursor:pointer; color:#0A1B50; text-decoration:none} .dialog .checkout:hover{text-decoration:underline} .overlay{position:fixed; top:0; left:0; height:100%; width:100%; background:#000; z-index:8888} .cart{font-size:12px} .cart table{width:100%; margin:0 0 30px} .cart table .select{margin-top:10px} .cart table td{padding:5px} .cart table .total, .cart table .btw, .cart table .total{padding:0 5px} .cart table .even{background:#fff; border-bottom:1px dotted #BAC0D4} .cart table .odd{background:#F0F0F0; border-bottom:1px dotted #BAC0D4} .cart table thead{font-weight:bold; background:#BAC0D4; color:#0E1F53} .cart table thead p{margin:0; font-weight:normal} .cart table .right p{text-align:right} .cart table .delete{float:right; margin:12px 10px 0 0} .cart table tbody p{margin:10px 0} .cart .coupon{margin:0 0 20px 0} .cart .coupon .coupon-form{} .cart .coupon .coupon-form label{float:left; line-height:24px; margin-right:10px} .cart .coupon .coupon-form .input{float:left; margin-right:10px} .cart .coupon .coupon-form .submit{float:left; width:100px; background:url(../img/bkg_add_coupon.jpg); color:#fff; border:0} .steps .link-left{float:left; cursor:pointer; color:#0A1B50; text-decoration:none} .steps .link-right{float:right; cursor:pointer; color:#0A1B50; text-decoration:none} .steps .submit:hover{text-decoration:underline} .payment-method{} .payment-method img{float:left} .payment-method input{float:left; margin:10px} .payment-method .label{margin:0 10px; float:left; margin-top:5px; font-size:11px} #footer{ background: #f0f0f0; border-top: 1px solid #d8d8d8; margin: 20px 0 -20px 0; } #footer .column { width: 312px; float: left; } #footer .column h4 { color: #5b617b; font-size: 14px; font-weight: bold; } #footer .column ul, #footer .column p, #footer .column a { color: #5b617b; font-size: 12px; line-height: 22px; text-decoration: none; } #footer .column a:hover { text-decoration: underline; } #footer .column ul { list-style-type: none; margin: 0; padding: 0; float: left; width: 150px; } #footer .footer-top { border-bottom: 1px solid #d8d8d8; padding: 0 0 30px 0; } #footer .column form { padding: 0 0 20px 0; } #footer .column .input { float: left; } #footer .column .input { width: 200px; } #footer .column .submit { width: 90px; float: right; } #footer .column .twitter-link { border: 1px #69c1e7 solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; font-size: 11px; background: #64bce2 url(../img/bkg_twitter.png) repeat-x; margin: 0; padding: 0; } #footer .column .twitter-link span { background: url(../img/icon/twitter.png) no-repeat; height: 30px; display: block; padding: 0 16px 0 50px; line-height: 30px; } #footer .footer-bottom { padding: 30px 0; } #footer .footer-bottom p { text-align: center; color: #5b617b; font-size: 12px; line-height: 22px; margin: 0; padding: 0; } #footer .footer-bottom p .copyright, #footer .footer-bottom p .copyright a{ color: #bac0d4; text-decoration: none; } /* #footer p{font-size:12px; color:#0a1b50} #footer p a{color:#0a1b50; text-decoration:none} #footer p a:hover{text-decoration:underline} #footer p a span{color:#1ac0e5} #footer .twitter{text-align:left; float:left} #footer .mini-menu{position:relative; text-align:center; float:left; display: block; width: 100%; } #footer .mini-menu-sites a{ font-size: 14px; font-weight: bold; } #footer .mini-menu-sites a span { color:#E73F72; } #footer .copyright{position: absolute; right: 0;} */ .error{font-size:12px; line-height:20px; color:#fff; padding:4px 14px; background:#f95606; margin:5px 0; width:294px} .error_lang { font-size:14px; line-height:20px; color:#fff; padding:4px 14px; background:#f95606; margin:5px 0; width:640px; font-weight: bold; } .notification{margin-bottom:10px; position:relative; z-index:5} .notification .messages{color:#2b2b2b; margin:1px; padding:8px 12px; font-size:12px; position:relative} .content .messages{border:2px solid #f95606; padding:10px} .success{border:1px solid #9ac933} .success .messages{background:#cee790} .warning{border:1px solid #e6d260} .warning .messages{background:#f9edaa} .onestepcheckout{width:100%} .onestepcheckout .row{width:279px; float:left; padding:0 20px} .onestepcheckout .row-first{padding-left:0; border-right:1px solid #D8D8D8} .onestepcheckout .row-last{padding-right:0; border-left:1px solid #D8D8D8} .onestepcheckout .other-address{display:none} .onestepcheckout .error{width:250px} .onestepcheckout .summary{} .onestepcheckout .summary table{font-size:11px; width:100%} .onestepcheckout .summary table td{padding:5px} .onestepcheckout .summary table td.pink { color:#e73f72; } #order-history { } #order-history { font-size: 12px; font-weight: normal; line-height: 30px; } #order-history a { color: #e73f72; } #order-history table { width: 100%; } #order-history thead { color: #0e1f53; background: #bac0d4; margin: 0px; } #order-history td { padding: 0 10px; } #order-history tbody { color: #59617c; } #order-history-view { background: #fff; } #order-history-view .block_box { margin-bottom: 20px; } #order-history-view .block_box .block_box_title { color: #0e1f53; background: #bac0d4; height: 30px; display: block; margin: 0px; font-size: 12px; font-weight: normal; line-height: 30px; padding-left: 18px; } #order-history-view .block_box .block_box_title a { float:right; clear: right; padding-right: 10px; } #order-history-view .block_box .block_box_content { background: #f0f0f0; padding: 20px; } #order-history-view .block_box .block_box_content p { margin: 0; line-height: 18px; font-size: 12px; } #order-history-view .block_box_left { width: 325px; float: left; } #order-history-view .block_box_right { width: 325px; float: right; } #order-history-view .block_box table { width: 100%; font-size: 12px; font-weight: normal; line-height: 30px; padding-left: 18px; color: #59617c; } #order-history-view .block_box table thead { font-weight: bold; } .customer-create #passwordDescription { width: 308px; font-size: 12px; padding:5px } .customer-create .strength0 { border: 2px solid #FF0300; color:#FF0300; } .customer-create .strength1 { border: 2px solid #FF6000; color:#FF6000; } .customer-create .strength2 { border: 2px solid #FFA200; color:#FFA200; } .customer-create .strength3 { border: 2px solid #E7C603; background-color:#E7C603; color:#000; font-weight: bold; } .customer-create .strength4 { border: 2px solid #9BD20D; background-color: #9BD20D; color:#000; font-weight: bold; } .customer-create .strength5 { border: 2px solid #06D521; background-color: #06D521; color:#000; font-weight: bold; } .hreview-aggregate { position:relative; } .hreview-aggregate .stars { float: right; margin: 22px 20px 0 0; } .hreview-aggregate .stars .star { width: 27px; height: 26px; overflow: hidden; display: inline-block; background: url(/assets/img/stars.png) no-repeat; } .hreview-aggregate .stars .star_grey { background-position: 0 -26px; } .hreview-aggregate .item { display:block; padding-bottom:20px; } .hreview-aggregate .item .fn { display:inline-block; } .hreview-aggregate .item .photo { position:absolute; top:75px; left:10px; } .hreview-aggregate .pinkbar { background-color:#e73f72; background-repeat:no-repeat; background-position: 600px 12px; padding:10px 20px 10px 155px; height:52px; } .hreview-aggregate .pinkbar p { padding-left:10px; margin-top:10px; } .hreview-aggregate .pinkbar .rating { display:block; color:#FFF; } .hreview-aggregate .pinkbar .rating .average, .hreview-aggregate .pinkbar .rating .best { font-weight:bold; font-size:24px; } .hreview-aggregate .pinkbar .normal { color:#FFF; } .hreview-aggregate .pinkbar .normal .votes { font-weight:bold; } .reviewbox { position:relative; border:1px solid #DDDDDD; padding:15px; margin-top:15px } .reviewbox .pink { color:#e73f72; font-size: 13px; } .reviewbox .rating { position:absolute; right:15px; top:15px; width:70px; height:70px; } .reviewbox .rating .date { color:#CCC; font-size:11px; text-align:right; } .reviewbox .rating .score { font-size:40px !important; color:#e73f72; font-weight:bold; text-align:right; } /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* * jQuery Nivo Slider v2.7.1 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .geo-location { margin: 10px; width: 500px; } .geo-location h3 { color: #0e1f53; font-size: 24px; line-height: 24px; font-weight: bold; margin: 0; padding: 0; } .geo-location .box { margin: 15px 0; } .geo-location img { float: left; clear: left; margin-right: 5px; } .geo-location p { color: #59617c; font-size: 12px; line-height: 18px; margin: 0; padding: 0; } .geo-location a { color: #e73f72 !important; }