/** * * COPMAG Redesign Stylesheet * * @category design * @package copmagredesign_default * */ /* Fonts ================================================================================= */ @font-face { font-family: 'cooper_hewittbold'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bold-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bold-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bold-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bold-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bold-webfont.svg#cooper_hewittbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittbold_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bolditalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bolditalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bolditalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bolditalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bolditalic-webfont.svg#cooper_hewittbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittbook'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-book-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-book-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-book-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-book-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-book-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-book-webfont.svg#cooper_hewittbook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittbook_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bookitalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bookitalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bookitalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bookitalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bookitalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-bookitalic-webfont.svg#cooper_hewittbook_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittheavy'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavy-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavy-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavy-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavy-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavy-webfont.svg#cooper_hewittheavy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittheavy_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavyitalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavyitalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavyitalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavyitalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-heavyitalic-webfont.svg#cooper_hewittheavy_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittlight'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-light-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-light-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-light-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-light-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-light-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-light-webfont.svg#cooper_hewittlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittlight_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-lightitalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-lightitalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-lightitalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-lightitalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-lightitalic-webfont.svg#cooper_hewittlight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittmedium'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-medium-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-medium-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-medium-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-medium-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-medium-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-medium-webfont.svg#cooper_hewittmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittmedium_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-mediumitalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-mediumitalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-mediumitalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-mediumitalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-mediumitalic-webfont.svg#cooper_hewittmedium_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittsemibold'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibold-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibold-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibold-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibold-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibold-webfont.svg#cooper_hewittsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittsemibold_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibolditalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibolditalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibolditalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibolditalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-semibolditalic-webfont.svg#cooper_hewittsemibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittthin'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thin-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thin-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thin-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thin-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thin-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thin-webfont.svg#cooper_hewittthin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cooper_hewittthin_italic'; src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thinitalic-webfont.eot'); src: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thinitalic-webfont.woff2') format('woff2'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thinitalic-webfont.woff') format('woff'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thinitalic-webfont.ttf') format('truetype'), url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/fonts/cooperhewitt-thinitalic-webfont.svg#cooper_hewittthin_italic') format('svg'); font-weight: normal; font-style: normal; } /* ======================================================================================= */ /* Global ================================================================================= */ * { margin: 0; padding: 0;} body { text-align: center; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; line-height: 1.6; letter-spacing: 0.1em; color: #2f2f2f;} img { border: 0; vertical-align: top; width: auto; height: auto; } a { text-decoration: none; color: #000000; -webkit-transition: color 0.2s ease; transition: color 0.2s ease;} a:hover { color: #4a4a4a;} :focus { outline: 0;} /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; font-weight: normal; line-height: 1.35; color: #000000;} h1 { font-size: 20px; font-weight: normal;} h2 { font-size: 18px; font-weight: normal;} h3 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 16px;} h4 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 14px;} h5 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px;} h6 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 11px;} /* 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 { text-align: left; font-weight: normal; vertical-align: top;} /* Content */ p { margin: 0 0 10px;} strong { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-weight: normal;} address { font-style: normal; line-height: 1.6;} cite { font-style: normal;} q, blockquote { quotes: none;} q:before, q:after { content: '';} small, big { font-size: 1em;} hr { border: 0 none; border-bottom: 1px dotted #BBBBBB;} /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul, ol { list-style: none;} .hidden { display: block !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; font-size: 0 !important; line-height: 0 !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;} .no-opacity { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; filter: alpha(opacity=0);} .cms-responsive-image img { max-width:100%; } /* BreadCrumbs */ .breadcrumbs { margin: 0 0 13px; font-size: 11px; line-height: 1.25;} .breadcrumbs li { display: inline;} .breadcrumbs li strong { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} /* Page Heading */ .page-title { width: auto; overflow: hidden; margin: 0 0 20px; border-bottom: 0;} .page-title h1, .page-title h2 { margin: 0; font-size: 20px; color: #000000;} .page-title h1 { text-align: center; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 24px;} .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; margin: 0 0 6px; padding: 15px 0 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 15px; color: #e25203;} /* Classification name */ .classification-name { display:inline; } /* Pager */ .pager { padding: 4px 8px; text-align: center; font-size: 11px;} .pager .amount { float: left; margin: 0; font-size: 11px; color: #868686;} .pager .limiter { float: right;} .pager .limiter label { vertical-align: middle;} .pager .limiter select { margin: 0 0 1px; padding: 0; vertical-align: middle;} .pager .pages { margin: 0 140px;} .pager .pages ol { display: inline;} .pager .pages li { display: inline; margin: 0 2px;} /* Sorter */ .sorter { padding: 3px 8px; font-size: 11px;} .sorter .view-mode { float: left; margin: 0;} .sorter .sort-by { float: right; padding-right: 36px;} .sorter .sort-by label { vertical-align: middle;} .sorter .sort-by select { margin: 0 0 1px; padding: 0; vertical-align: middle;} .toolbar .pager { float: left; padding: 0; } .toolbar .sorter { border-bottom: 1px solid #ffffff;} .toolbar .pages { float: right;} .toolbar .pages ol li { float: left; margin: 0 5px; border-radius: 2px; transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; font-size:12px; } .toolbar .pages ol li a { display:block; min-width:30px; border: 1px solid #FFF; transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; color:#868686; } .toolbar .pages ol li a:hover { border-radius: 2px; border: 1px solid #cacaca; } .toolbar .pages ol .current { color: #000000 !important; border: 1px solid #000000; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; } .toolbar .pages ol .current:hover { border:1px solid #000; background:#000; color:#FFF!important; } .toolbar-bottom { display: block; padding: 20px 0; overflow: hidden; clear:both; } .toolbar .next, .toolbar .previous { display: block; width: 6px; height: 9px; margin: 3px 0 0;} .toolbar .next { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-right.png') no-repeat scroll 0 0 transparent;} .toolbar .next:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-right.png') no-repeat scroll -294px 0 transparent;} .toolbar .previous { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-left.png') no-repeat scroll -294px 0 transparent;} .toolbar .previous:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-left.png') no-repeat scroll 0 0 transparent;} /* Generic Info Box */ .info-box { margin: 0 0 15px; padding: 12px 15px; border: 1px solid #d0cbc1; background: #ffffff url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_block-title.gif') 0 0 repeat-x;} .info-box h2 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px;} /* Class: std - styles for admin-controlled content */ .std .subtitle { padding: 0;} .std ol.ol { padding-left: 1.5em; list-style: decimal outside;} .std ul.disc { margin: 0 0 10px; padding-left: 18px; list-style: disc outside;} .std dl dt { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .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 { margin-left: 1.5em; padding-left: 1.5em; list-style: disc outside;} .cms-index-noroute .std ul { list-style: disc inside; padding: 0; margin: 0; } .std ol { padding-left: 1.5em; list-style: decimal outside;} .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-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .std dd { padding: 0 0 0 1.5em;} .std blockquote { padding: 0 0 0 1.5em; font-style: italic;} .std address { font-style: normal;} .std b, .std strong { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .std i, .std em { font-style: italic;} .std h1, .std h2, .std h3, .std h4, .std h5, .std h6 { margin: 0 0 10px;} /* Layout ================================================================================ */ .wrapper { min-width: 1200px; padding-top: 153px; } .page-print { padding: 25px 30px; text-align: left; background: #ffffff;} .page-empty { padding: 20px; text-align: left; background: #ffffff;} .page-popup { padding: 25px 30px; text-align: left; background: #ffffff;} .main { width: 1200px; margin: 0 auto; padding: 0; min-height: 380px; text-align: left;} .main-container { } /* Base Columns */ .col-left { float: left; width: 195px; padding: 0 20px 0 0;} .col-main { float: left; width: 912px; padding: 0;} .col-right { float: right; width: 195px; padding: 0 0 0 20px;} /* 1 Column Layout */ .col1-layout .col-main { float: none; width: auto;} /* 2 Columns Layout */ .col2-left-layout .col-main { float: right;} /* 3 Columns Layout */ .col3-layout .col-main { width: 570px;} .col3-layout .col-wrapper { float: left; width: 785px;} .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%;} /* Layout :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .wrapper { min-width: 1000px;} .main { width: 1000px;} } @media screen and (max-width: 1000px) { .wrapper { min-width: 750px;} .main { width: 750px;} } /* Form Elements */ input, select, textarea, button { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; line-height: 15px; vertical-align: middle; color: #2f2f2f;} input.input-text, textarea { border: 1px solid #b8b8b8;} input.input-text, textarea { box-sizing: border-box; height: 36px; padding: 0 12px; border: 1px solid #bfbfbf; border-radius: 2px; letter-spacing: 0.1em; background: #ffffff; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} input.input-text:focus, textarea:focus { border: 1px solid #999999;} select { padding: 1px;} select option { padding-right: 10px;} select.multiselect option { padding: 2px 5px; border-bottom: 1px solid #b6b6b6;} select.multiselect option:last-child { border-bottom: 0;} textarea { overflow: auto;} input.radio { margin-right: 3px;} input.checkbox { margin-right: 3px;} input.qty { width: 2.5em !important;} p.control input.checkbox, p.control input.radio { margin-right: 6px;} /* Form lists */ /* Grouped fields */ .form-list li { margin: 0 0 15px;} .form-list label { z-index: 0; float: left; position: relative; margin: 0 0 5px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #000;} .form-list label.required { margin: 0 0 5px;} .form-list label.required em { float: right; position: absolute; top: 0; right: -8px; font-style: normal; color: #000000;} .form-list li.control label { float: none; padding-left: 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px;} .form-list li.control input.checkbox { width: 20px; height: 20px; margin: 0; opacity: 0;} .form-list li.control input.checkbox + label:before { content: ""; position: absolute; top: -2px; bottom: 0; left: -20px; width: 20px; height: 20px; margin: auto; border: 1px solid #cacaca; border-radius: 2px; font-size: 0; line-height: 0; cursor:pointer; } .form-list li.control input.checkbox:checked + label:before { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/checkbox-black.png') no-repeat center center; } .form-list li.control input.radio { width: 15px; height: 15px; margin: 0; opacity: 0;} .form-list li.control input.radio + label:before { content: ""; cursor: pointer; position: absolute; top: -2px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat center center; bottom: 0; left: -15px; width: 15px; height: 15px; margin: auto; } .form-list li.control input.radio:checked + label:before { cursor: pointer; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat center center; } .form-list li.control .input-box { display: inline; clear: none; width: auto;} .form-list .input-box { display: block; clear: both; width: 100%; box-sizing: border-box;} .form-list .field { float: left; width: 33.33%;box-sizing: border-box;padding: 0 8px;} .form-list input.input-text { width: 100%;} .form-list textarea { width: 254px; height: 10em;} .form-list select { width: 260px;} .form-list li.wide .input-box { width: 535px;} .form-list li.wide input.input-text { width: 529px;} .form-list li.wide textarea { width: 529px;} .form-list li.wide select { width: 535px;} .form-list li.additional-row { margin-top: 10px; padding-top: 7px; border-top: 1px solid #cccccc;} .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0;} .form-list .input-range input.input-text { width: 74px;} .form-list-narrow li { margin-bottom: 0;} .form-list-narrow li .input-box { margin-bottom: 6px;} .form-list-narrow li.wide .input-box { width: 260px;} .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width: 254px;} .form-list-narrow li.wide select { width: 260px;} /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto;} .form-list .name-prefix { width: 33.33%;box-sizing: border-box;padding: 0 8px;} .form-list .name-prefix select { display: none; width: 55px;} .form-list .name-prefix input.input-text { width: 49px;} .form-list .list-prefix li { float: left; margin: 5px 0 0; padding: 0 5px 0 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat scroll 0 center transparent; cursor: pointer;box-sizing: border-box;width: 33.33%;} .form-list .list-prefix li:first-child { width: 33.33%;box-sizing: border-box;} .form-list .list-prefix li.selected { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat scroll 0 center transparent;} .form-list .name-suffix { width: 65px;} .form-list .name-suffix select { width: 55px;} .form-list .name-suffix input.input-text { width: 49px;} .form-list .name-middlename { width: 70px;} .form-list .name-middlename input.input-text { width: 49px;} .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px;} .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px;} .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px;} .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px;} .form-list .customer-name-prefix-suffix .name-firstname { width: 210px;} .form-list .customer-name-prefix-suffix .name-lastname { width: 205px;} .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px;} .form-list .customer-name-prefix-suffix .name-firstname { width: 210px;} .form-list .customer-name-prefix-suffix .name-lastname { width: 205px;} .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px;} .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 33.33%;box-sizing: border-box;padding: 0 8px;} .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px;} .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 100%;} .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px;} .form-list .customer-dob { margin: 0 -5px; } .form-list .customer-dob input.input-text { display: block; width: 74px;} .form-list .customer-dob label { margin: 0; font-size: 12px; font-weight: normal; color: #888888;width: 100%;text-align: center;} .form-list .customer-dob .dob-year label { margin: 0;text-align: center;width: 100%;} .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 33.33%;box-sizing: border-box;padding: 0 5px;} .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 100% !important; text-align: center;} .form-list .customer-dob .dob-year { width: 33.33%;box-sizing: border-box;padding: 0 5px;} .form-list .customer-dob .dob-year input.input-text { width: 100% !important; text-align: center;} .fieldset { margin: 0 0 35px; padding: 20px; border: 1px solid #DDDDDD; -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out;} .fieldset:hover { border: 1px solid #C9C9C9;} .fieldset .legend { position: relative; margin: 0; padding: 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 16px;} .fieldset + .fieldset { margin: 20px 0 0;} /* Form Validation */ .validation-advice { clear: both; margin: 10px 0 0; min-height: 13px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 10px; line-height: 13px; color: #EB340A;} .validation-failed { border: 1px solid #EB340A !important; background: #FFFFFF !important;} p.required { text-align: right; font-family: 'cooper_hewittmedium_italic',Helvetica,Arial,sans-serif; font-size: 12px; color: #868686;} /* Expiration date and CVV number validation fix */ .v-fix { float: left;} .v-fix .validation-advice { display: block; position: relative; width: 12em; margin-right: -12em;} /* Select Wrapper */ .select-wrapper { display: block; position: relative; box-sizing: border-box;height: 36px; padding: 0 15px; border: 1px solid #cacaca; border-radius: 2px; overflow: hidden; line-height: 36px;} .select-wrapper select { z-index: 1; float: left; position: relative; opacity: 0;width: 100%;height: 35px;-webkit-appearance: button;-moz-appearance: button;appearance: button;} .select-wrapper .holder { position: absolute; top: 0; right: 45px; left: 15px; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .select-wrapper:before, .select-wrapper:after { content: ""; position: absolute; top: 0; bottom: 0; width: 2px; height: 8px; margin: auto; border-radius: 2px; background: #000;} .select-wrapper:before { right: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .select-wrapper:after { right: 21px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} /* Buttons ================================================================================= */ button.button::-moz-focus-inner { padding: 0; border: 0;} button.button { width: auto; margin: 0; padding: 0; border: 0 none; overflow: visible; background: 0 none; cursor: pointer;} button.button > span { display: block; height: 36px; padding: 0; border: 0 none; border-radius: 2px; text-align: center; text-transform: uppercase; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 36px; letter-spacing: 0.1em; white-space: nowrap; color: #ffffff; background: #1F1F1F; -webkit-transition: background 0.5s ease; transition: background 0.5s ease;} button.button:hover span { background: #4a4a4a;} button.button span span, button.button:hover span span { padding: 0 36px; border: 0 none; text-align: center; line-height: 38px; background: 0 none; -webkit-transition: none; transition: none;} button.checkout-button { width: auto; margin: 0; padding: 0; overflow: visible; cursor: pointer;} button.checkout-button span { height: 34px; line-height: 36px; background: #1F1F1F; -webkit-transition: background 0.2s ease; transition: background 0.2s ease;} button.checkout-button:hover span { background: #4a4a4a;} button.checkout-button span span { line-height: 36px;} button.checkout-button:hover span span { line-height: 36px;} button.disabled span { border-color: #bbbbbb !important; background: #bbbbbb !important;} button.next-onepage-step:hover span span, button.next-onepage-step span span { padding-right: 44px; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-right-white.png")no-repeat center right 28px;} button.btn-white span { border: 1px solid #cacaca; background: transparent; transition: all 0.5s; -webkit-transition: all 0.5s;} button.btn-white:hover span { border: 1px solid black; color: #000000; background: transparent;} button.btn-white span span { background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-right-grey.png")no-repeat center right 19px; color: #888888;} button.btn-white:hover span span { background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-right-grey.png")no-repeat center right 19px; color: #000000; } button.btn-checkout { float: right; clear: both; padding: 0;} button.btn-checkout span { height: 34px; border: 0 none; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; color: #ffffff; background: #1F1F1F; -webkit-transition: background 0.3s ease; transition: background 0.3s ease;} button.btn-checkout:hover span { background: #4a4a4a;} button.btn-checkout span span { border: 0 none; line-height: 36px; -webkit-transition: none; transition: none;} button.btn-checkout:hover span span { line-height: 36px;} .buttons-set { clear: both; margin: 10px 0 50px; text-align: right;} .buttons-set p.required { margin: 0 0 10px;} .buttons-set .back-link { display: block; float: left; padding-left: 15px; line-height: 36px; text-transform: uppercase; color: #868686; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/arrow-back.png') no-repeat scroll left center transparent; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;} .buttons-set .back-link a { color:#868686; -webkit-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; } .buttons-set .back-link a:hover { color:#000; } .buttons-set .back-link:hover { color: #000000;} .buttons-set button.button { float: right; margin-left: 5px; width: 33.33%; } .buttons-set-order { margin: 10px 0 0;} .buttons-set-order .please-wait { padding: 12px 7px 0 0;} button.btn-white.socloz span span { background-image: none; } /* Messages ================================================================================ */ /* Global Messages */ .success { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #000;} .error { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #000;} .notice { color: #000;} .messages, .messages ul {list-style: none !important;} .messages { box-sizing: border-box; width: 100%; height: auto; background: rgba(255,255,255,0.9); text-align: center; margin: 15px auto !important; border-radius: 2px;} .messages li.success-msg ul li span { padding: 1px 0 0 22px; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/icon-check.png") no-repeat left; } .messages li.error-msg ul li span { padding: 1px 0 0 22px; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/icon-cross.png") no-repeat left; } .messages li.notice-msg ul li span, .messages li.note-msg ul li span { padding: 1px 0 0 22px; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/icon-warning.png") no-repeat left; } .messages li { margin: 0;} .messages li li + li { margin: 0 0 5px !important;} .error-msg, .success-msg, .note-msg, .notice-msg { clear: both; padding: 12px 10px!important; border: 1px solid #000 !important; border-radius: 3px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 11px !important; background: #FFF !important;} .error-msg { color: #000;} .success-msg { color: #000000;} .note-msg, .notice-msg { color: #000; text-align: center ;} /* Global site notices */ .global-site-notice { border-bottom: 1px solid #cfcfcf; text-align: center; font-size: 12px; line-height: 1.25; color: #2f2f2f; background: #ffff90;} .global-site-notice .notice-inner { width: 860px; margin: 0 auto; padding: 12px 0 12px 80px; text-align: left; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_notice.gif') 20px 25px no-repeat;} .global-site-notice .notice-inner p { margin: 0; padding: 10px; border: 1px dotted #cccc73;} .global-site-notice .notice-inner .actions { padding-top: 10px;} /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; border: 0; text-align: center; font-size: 12px; line-height: 1.15; color: #ffffff; background: #d75f07;} .demo-notice .notice-inner { width: auto; padding: 0; text-align: center; background: none;} .demo-notice .notice-inner p { padding: 0; border: 0;} /* Tables ================================================================================ */ /* Data Table */ .data-table { width: 100%;} .data-table .odd { background: #FFFFFF;} .data-table .even { background: #FFFFFF;} .data-table td.last, .data-table th.last { border-right: 0;} .data-table tr.last th, .data-table tr.last td { border-bottom: 0 !important;} .data-table th { padding: 8px 10px 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .data-table td { padding: 10px 10px 7px;} .data-table thead th { padding: 2px 8px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; white-space: nowrap; vertical-align: middle; color: #000000;} .data-table thead th.wrap { white-space: normal;} .data-table thead th a, .data-table thead th a:hover { color: #ffffff;} .data-table thead th .tax-flag { font-size: 11px; white-space: nowrap;} .data-table tfoot { border-bottom: 1px solid #dddddd;} .data-table tfoot tr { background-color: #FFFFFF !important;} .data-table tfoot td { padding: 8px 5px 5px; border-bottom: 0;} .data-table tfoot strong { font-size: 16px;} /* Bundle products tables */ .data-table tbody.odd tr, .data-table tbody.even tr { background: #FFF !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-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-style: italic;} .data-table tbody td .option-value { padding-left: 10px;} /* Generic Info Box tables */ .info-table th { padding: 2px 15px 2px 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .info-table td { padding: 2px 0;} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer;} tr.summary-total .summary-collapse { padding-left: 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_collapse.gif') 0 5px no-repeat; cursor: pointer;} tr.show-details .summary-collapse { background-position: 0 -52px;} tr.summary-details td { font-size: 11px; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db;} tr.summary-details-excluded { font-style: italic;} /* Misc ================================================================================ */ .guest-select { width: 305px !important;} .links li { display: inline;} .links li.first { padding-left: 0 !important;} .links li.last { padding-right: 0 !important; background: none !important;} .link-cart { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #dc6809 !important;} .link-wishlist { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #dc6809 !important;} .link-reorder { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #dc6809 !important;} .link-compare { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .link-print { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #dc6809;} .link-rss { padding-left: 18px; line-height: 14px; white-space: nowrap; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_rss.gif') 0 2px no-repeat;} .btn-remove { display: block; width: 11px; height: 11px; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_remove.gif') 0 0 no-repeat;} .btn-previous { display: block; width: 11px; height: 11px; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_previous.gif') 0 0 no-repeat;} .btn-remove2 { display: block; width: 36px; height: 36px; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/delete-black-sprite.png') center 11px no-repeat; -webkit-transition: background 0.5s ease; transition: background 0.5s ease;} .btn-remove2:hover { background-position:center -75px; } .btn-edit { display: block; width: 11px; height: 11px; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_edit.gif') 0 0 no-repeat;} .cards-list dt { margin: 5px 0 0;} .cards-list .offset { padding: 2px 0 2px 20px;} .separator { margin: 0 3px;} .divider { display: block; clear: both; height: 1px; margin: 10px 0; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_divider1.gif') 0 50% repeat-x;} .loader-overlay { z-index: 19; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-overlay-cart.png') repeat scroll 0 0 transparent;} .loader-overlay .store-loader { display: block !important;} .guide-tailles { width: 600px; height: 450px; margin: 0 auto; overflow: auto;} .jspContainer { position: relative; overflow: hidden;} .jspPane { position: absolute; width: 455px;} .jspVerticalBar { position: absolute; top: 0; right: 0; width: 5px; height: 100%;} .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px;} .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0;} .jspCap { display: none;} .jspHorizontalBar .jspCap { float: left;} .jspTrack { position: relative; background: #f1f1f1;} .jspDrag { position: relative; top: 0; left: 0; background: #7f7f7f; cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%;} .jspArrow { display: block; text-indent: -20000px; background: #50506d; cursor: pointer;} .jspArrow.jspDisabled { background: #80808d; cursor: default;} .jspVerticalBar .jspArrow { height: 16px;} .jspHorizontalBar .jspArrow { float: left; width: 16px; height: 100%;} .jspVerticalBar .jspArrow:focus { outline: none;} .jspCorner { float: left; height: 100%; background: #eeeef4;} * html .jspCorner { margin: 0 -3px 0 0;} /* FIX Facebook */ .fb-like { z-index: 7;} /* Point Rouge */ .product-shop .bundle-options-dd .point-rouge, .product-details-item .point-rouge { float: left !important; margin: 8px !important;} .product-shop .point-rouge { float: none; margin: 0 0 15px 0;} .point {position: relative; display: inline-block; padding-right: 15px; } .point:before { background: #cc0003 none repeat scroll 0 0; border-radius: 100%; top: 2px; content: ""; display: block; height: 10px; position: absolute; right: 0; width: 10px; } .point.product:before { top: 8px; } .point.look-product:before { top: 6px; } .point.suggested-product-point:before { top:2px; } .point.cart:before { top: 4px; } #size-guide { visibility: hidden; position: relative; width: 715px; padding: 50px; border: 1px solid #cacaca; border-radius: 3px; text-align: left; background: #FFFFFF;} #washing-guide, .popup-guide-bundle { display: none; position: relative; width: 715px; padding: 50px; border: 1px solid #EEEEEE; border-radius: 3px; text-align: left; background: #FFFFFF;} #size-guide h3, #washing-guide h3, .popup-guide-bundle h3 { margin: 0 0 13px; text-align: center; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 24px; font-weight: normal;} @media screen and (max-width: 768px) { #size-guide, #washing-guide, .popup-guide-bundle { width:750px; box-sizing:border-box; } } .close-wash, .close-size, .popup-guide-bundle .close { display: block; z-index: 9999; position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/delete-black-sprite.png') no-repeat scroll center 11px transparent; cursor: pointer;} .close-wash:hover, .close-size:hover, .popup-guide-bundle .close:hover { background-position:center -75px; } .popin-infos .title { text-transform: uppercase; font-size: 18px;} /* Suggested product */ .suggested-products { width: 600px; margin: 0 auto; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-border-cart-item.png")repeat-x scroll 0 13px transparent;} .suggested-products h3 { background: #ffffff; display: inline-block; padding: 0 30px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; margin-bottom: 40px; font-size:20px;} .suggested-products-list { letter-spacing: -0.25em;} .suggested-products-item { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;letter-spacing: normal; display: inline-block; width: 25%; box-sizing: border-box; padding: 0 5px; vertical-align: top;} .suggested-products-item h2 { margin-top: 20px; } .suggested-products-item a { color: #000000; text-decoration: none!important; font-size: 11px; letter-spacing:0.1em; } .suggested-products-item img {width: 100%; height: auto;} .suggested-products-item .product-item-name {margin: 20px 0 0 0; font-size: 1em; font-weight: normal;} .suggested-products-item .suggested-products-price p { display: inline-block; } .suggested-products-item .suggested-products-price .regular-price .price { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif !important; } .suggested-products-item .suggested-products-price .price { letter-spacing:0.1em; } /* Sidebars ========================================================================= */ .block { margin: 0 0 15px; border: 1px solid #c4c1bc;} .block .block-title { padding: 2px 9px;} .block .block-title strong { display: block; padding: 1px 0 1px; min-height: 16px; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; line-height: 16px; color: #000000;} .block .block-title a { white-space: nowrap; text-decoration: none !important;} .block .block-subtitle { margin: 0; padding: 5px 9px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 1em; color: #000000;} .block .block-content { background: #f8f7f5;} .block .block-content li.item { padding: 7px 9px;} .block .block-content .product-name { margin-bottom: 8px;} .block .btn-remove, .block .btn-edit { float: right; margin: 1px 0 2px 5px;} .block .actions { padding: 6px 9px; text-align: right;} .block .actions a { float: left;} .block .actions button.button { float: right;} .block .empty { margin: 0; padding: 5px 9px;} .block li.odd { background-color: #f4f3f3;} .block li.even { background-color: #fafafa;} /* Mini Blocks */ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size: 11px; line-height: 1.25;} .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { padding-left: 21px; background: no-repeat 0 0;} /* Mini Products List */ .mini-products-list .product-image { float: left; width: 50px; height: auto; margin: 0 10px 0 0;position: relative;} .mini-products-list .product-image img { display: block; margin: 0; overflow: hidden;width: 100%;height: auto;} .mini-products-list li.item { margin: 0 0 15px; padding: 0 0 15px !important; border-bottom: 1px solid #e1e1e1; background: 0 none;} .mini-products-list .product-details { float: left; text-align: left; line-height: 18px; color: #868686;margin-left: -60px;padding-left: 60px;box-sizing: border-box;display: block;width: 100%;} .top-header .block-cart .block-content{ width : 227px} .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap: break-word;} .block-cart .mini-products-list .product-details .product-name a { font-size: 11px; color: #000000;font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} .block-cart .mini-products-list .product-details .product-intro-title { color: #868686; font-size: 11px; margin: -8px 0 8px; text-transform: none; } .block-cart .mini-products-list .product-details .nobr { white-space: normal !important;} .block-cart .mini-products-list .product-details .quantity-block { display: block; overflow: hidden; font-size: 11px;} .block-cart .mini-products-list .product-details .price-label { float: left; font-size: 11px;} .block-cart .mini-products-list .product-details .price-box { float: left; margin: 0 0 0 5px;} .block-cart .mini-products-list .product-details .price-box .price { font-size: 10px; color: #868686;} /* Block: Currency Switcher */ .block-currency { height: 51px; padding: 7px 12px 10px; border: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_block-currency.gif') 0 0 no-repeat;} .block-currency .block-title { margin: 0 0 5px; padding: 0; border: 0; background: none;} .block-currency .block-title strong { padding: 0 0 0 21px; text-transform: none; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 21px; color: #ffffff; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-currency.gif') 0 50% no-repeat;} .block-currency .block-content { padding: 0; background: none;} .block-currency .block-content select { width: 100%; padding: 0;} .block-cart .summary { z-index: 1; position: relative; margin: -1px 0 0; padding: 2px 8px 8px; background: #ffffff;} .block-cart .amount { margin: 0;} .block-cart .amount a { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .block-cart .subtotal { margin: 15px 0 0; padding: 2px 0; text-align: center;} .block-cart .subtotal .price { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right;} .block-cart .actions .paypal-logo .paypal-or { display: block; clear: both; padding: 0 55px 8px 0;} .block-cart { margin: 0; border: none;} .block-cart .block-title { padding: 0 20px;line-height: 35px;height: 35px;background: #FFF; min-width: 96px; text-align: center; } .block-cart .block-title span { text-transform: uppercase; font-size: 10px; background: #FFF url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-cart.png') no-repeat left center; cursor: pointer;padding-left: 18px;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .block-cart .block-content { display: block; z-index: 13; position: absolute; padding: 25px;top: 35px; right: -1px; width: auto; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15); border-left: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;background: #FFF;} .block-cart .cart-header-content .actions { padding: 0;} .block-cart .cart-header-content .actions .product-qty { display: block; margin: 5px 0 0; padding: 0; overflow: hidden; font-size: 11px; color: #868686;} .block-cart .cart-header-content .actions .subtotal { float: right; width: 100%; padding: 0;text-transform: uppercase;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .block-cart .cart-header-content .subtotal .label { float: left; font-size: 14px; color: #000000;} .block-cart .cart-header-content .subtotal .price { float: right; font-size: 14px; } .block-cart .cart-header-content button.checkout-button { display: block; margin: 15px 0 0; padding: 0;float: right;width: 100%;} .block-cart .cart-header-content button.checkout-button span { } .block-cart .cart-header-content .empty { text-align: center;} /* Block: Wishlist */ .block-wishlist .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-wishlist.gif');} .block-wishlist .actions { text-align: right;} .block-wishlist .actions a { float: none;} /* Block: Related */ .block-related .block-title strong { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-related.gif') 0 1px;} .block-related input.checkbox { float: left;} .block-related .product { margin-left: 20px;} /* Block: Compare Products */ .block-compare .block-title strong { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-list.gif') 0 1px;} .block-compare button.button span { border-color: #406a83; background: #618499;} .page-popup .link-print { padding: 2px 0 2px 25px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #1e7ec8; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_print.gif') 0 2px no-repeat;} .compare-table { border: 0;} .compare-table thead tr.first th, .compare-table thead tr.first td { padding: 0; border: 0; font-size: 0; line-height: 0; background: none;} .compare-table .btn-remove { float: right; width: 72px; height: 15px; background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_remove2.gif');} .compare-table tbody th { background: #d9e5ee url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_th-v.gif') 100% 0 repeat-y;} .compare-table tbody th, .compare-table tbody td { padding: 10px; border: 0; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;} .compare-table tbody td.last { border-right: 1px solid #cccccc;} .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom: 1px solid #cccccc !important;} .compare-table tr.add-to-row td { text-align: center; background: #fffada;} .compare-table tr.first td { text-align: center;} .compare-table tr.first td .product-name { margin: 0 0 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #203548;} .compare-table tr.first td .product-name a { color: #203548;} .compare-table tr.first td .ratings { width: 69px; margin: 0 auto;} .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin: 0;} /* Block: Recently Viewed */ .block-viewed .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-viewed.gif');} /* Block: Recently Compared */ .block-compared .block-title strong { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-list.gif') 0 1px;} /* Block: Poll */ .block-poll .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-poll.gif');} .block-poll .block-subtitle { font-size: 12px;} .block-poll label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #777777;} .block-poll input.radio { float: left; margin: 1px -18px 0 0;} .block-poll .label { display: block; margin-left: 18px;} .block-poll li { padding: 3px 9px;} .block-poll .actions { margin: 5px 0 0;} .block-poll button.button span { border-color: #406a83; background: #618499;} .block-poll .answer { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .block-poll .votes { float: right; margin-left: 10px;} /* Block: Tags */ .block-tags .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-tags.gif');} .block-tags .block-content .tags-list { border: 0; font-size: 12px; background: none;} .block-tags .block-content a { color: #1b2d3b;} .block-tags .actions { text-align: right;} .block-tags .actions a { float: none;} /* Block: Subscribe */ .block-subscribe .block-content { padding: 5px 10px;} .block-subscribe .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-subscribe.gif');} .block-subscribe label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #666666;} .block-subscribe input.input-text { display: block; width: 167px; height: 30px; margin: 10px 0;} .block-subscribe .actions { margin: 3px 0 0; padding: 0; text-align: left; background: none;} .block-subscribe .actions button.button { float: none;} .block-subscribe .actions button.button span { border-color: #406a83; background: #618499;} /* Block: Reorder */ .block-reorder .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_block-list.gif');} .block-reorder input.checkbox { float: left; margin: 2px -20px 0 0;} .block-reorder .product-name { margin-left: 20px;} .block-reorder .validation-advice { margin: 3px 9px 7px;} /* Block: Banner */ .block-banner { border: 0;} .block-banner .block-content { padding: 0; text-align: center;} /* Block: Login */ .block-login .block-title strong { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_ma-info.gif');} .block-login .block-content { padding: 5px 10px;} .block-login label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #666666;} .block-login input.input-text { display: block; width: 167px; margin: 3px 0;} .block-login .actions { margin: 3px 0 0; padding: 0; background: none;} .block-login .actions button.button span { border-color: #406a83; background: #618499;} /* Paypal */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center;} .sidebar .paypal-logo a { float: none;} /* Prices ========================================================================== */ .price { white-space: nowrap !important;} .price-box .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #000000;} /* Regular price */ .regular-price { color: #fa6400;} .regular-price .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; color: #000000;} .block .regular-price, .block .regular-price .price { color: #2f2f2f;} /* Old price */ .old-price { margin: 0;} .old-price .price-label { white-space: nowrap; color: #818080;} .old-price .price { text-decoration: line-through; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #818080;} /* Special price */ .special-price { margin: 0;} .special-price .price-label { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; white-space: nowrap; color: #cd5033;} .special-price .price { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; color: #000000;} /* Minimal price (as low as) */ .minimal-price { margin: 0;} .minimal-price .price-label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; white-space: nowrap;} .minimal-price-link { display: block;} .minimal-price-link .label { color: #1e7ec8;} .minimal-price-link .price { font-weight: normal; color: #1e7ec8;} /* Excluding tax */ .price-excluding-tax { display: block; color: #999999;} .price-excluding-tax .label { white-space: nowrap; color: #999999;} .price-excluding-tax .price { font-size: 12px; font-weight: normal; color: #fa6400;} /* Including tax */ .price-including-tax { display: block; color: #999999;} .price-including-tax .label { white-space: nowrap; color: #999999;} .price-including-tax .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; color: #fa6400;} /* Configured price */ .configured-price { margin: 0;} .configured-price .price-label { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; white-space: nowrap;} .configured-price .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} /* FPT */ .weee { display: block; font-size: 11px; color: #444444;} .weee .price { font-size: 11px; font-weight: normal;} /* Excl tax (for order tables) */ .price-excl-tax { display: block;} .price-excl-tax .label { display: block; white-space: nowrap;} .price-excl-tax .price { display: block;} /* Incl tax (for order tables) */ .price-incl-tax { display: block;} .price-incl-tax .label { display: block; white-space: nowrap;} .price-incl-tax .price { display: block; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} /* Price range */ .price-from { margin: 0; padding:0 5px; background-color: #FFFFFF;} .price-from .price-label, .price-from .price { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; white-space: nowrap;} .price-to { margin: 0 0 6px; padding:0 5px; } .price-to .price-label, .price-to .price { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; white-space: nowrap;} /* Price notice next to the options */ .price-notice { padding-left: 10px; color: #999999;} .price-notice .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #2f2f2f;} /* Price as configured */ .price-as-configured { margin: 0;} .price-as-configured .price-label { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; white-space: nowrap;} .price-box-bundle { padding: 0 0 10px 0;} .price-box-bundle .price-box { margin: 0 !important; padding: 0 !important;} .price-box-bundle .price { color: #555555;} /* Bundle price in list product */ .products-grid .bundle-list-price .price-box .price { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; } /* Tier Prices */ .product-pricing, .tier-prices { margin: 10px 0; padding: 10px; border: 1px solid #dadddd; color: #424242; background-color: #f4f7f7;} .tier-prices li { padding: 2px 0 2px 10px; line-height: 1.4; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_tier.gif') no-repeat 0 3px;} .tier-prices .benefit { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-style: italic; color: #2f2f2f;} .tier-prices .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #2f2f2f;} .tier-prices-grouped li { padding: 2px 0; color: #FA6400;} .tier-prices-grouped li .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} /* MAP Popup============================================================================== */ .cart-msrp-totals { margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px !important; color: red;} .map-cart-sidebar-total { display: block; padding: 2px 5px; text-align: left; text-shadow: 0 1px 0 #ffffff; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 10px; color: red;} .map-popup { z-index: 100; position: absolute; width: 300px; margin: 12px 0 0; border: 1px solid #aaaaaa; text-align: left; background: #ffffff; -webkit-box-shadow: 0 0 6px #cccccc; -moz-box-shadow: 0 0 6px #cccccc; box-shadow: 0 0 6px #cccccc;} .map-popup-heading { width: 260px; padding: 5px 30px 5px 10px; border-bottom: 1px solid #cccccc; background: #d9e5ee;} .map-popup-heading h2 { margin: 0; overflow: hidden; text-align: left; text-overflow: ellipsis; text-shadow: 0 1px 0 #f6f6f6; font-size: 16px; white-space: nowrap; word-wrap: break-word;} .map-popup-arrow { position: absolute; top: -10px; left: 50%; width: 19px; height: 10px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/map_popup_arrow.gif') no-repeat;} .map-popup-close { display: block; position: absolute; top: 8px; right: 10px; width: 15px; height: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_window_close.gif') no-repeat; -webkit-box-shadow: 0 0 3px #999999; -moz-box-shadow: 0 0 3px #999999; box-shadow: 0 0 3px #999999;} .map-popup-content { width: 280px; padding: 10px; border-top: 1px solid #eeeeee; overflow: hidden; text-align: left;} .map-popup-checkout { display: inline; float: right; text-align: right;} .map-popup-checkout span { display: block; padding-right: 30px;} .map-popup-checkout .paypal-logo { margin: 0 0 5px;} .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0;} .map-popup-price { margin: 5px 0 0;} .map-popup-text { clear: right; margin: 0 10px; padding: 10px 0; text-align: left; word-wrap: break-word;} .map-popup-only-text { border-top: 1px solid #dddddd;} /* Popin Newsletter */ #newsletter-subscription-overlay { display: none;z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .60;background-color: #FFF; filter: alpha(opacity=60);} #newsletter-subscription-wrapper { display: none; z-index: 9999; position: fixed; top: 50%; left: 50%; width: 590px; margin-top: -175px; margin-left: -295px; min-height: 350px; background: #FFF;-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.33);-moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.33);box-shadow: 0 0 50px 0 rgba(0,0,0,0.33);} #newsletter-subscription-img { float: left; width: 235px; min-height: 350px;} #newsletter-subscription-content { float: right; width: 315px; margin-top: 40px; padding: 50px 20px 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/logo-newsletter.png') no-repeat scroll center top transparent;} #newsletter-subscription-form { float: right; width: 315px; padding: 0 20px;} #newsletter-subscription-form input { width: 210px; height: 35px; margin-bottom: 10px; padding: 0 15px; border: 1px solid #000; border-radius: 2px; line-height: 35px;} #newsletter-subscription-subscribe { width: 242px;} #newsletter-subscription-close { display: block; z-index: 9999; position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/delete-black-sprite.png') no-repeat scroll center 11px #FFF; cursor: pointer;} #newsletter-subscription-close:hover { background-position: center -75px; } /* Page 404 ============================================================ */ .cms-index-noroute .main { background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bg-404.png") no-repeat center center transparent; background-size: cover; min-height: 730px; padding-top: 130px; color: #000; margin-bottom: 50px; } .cms-index-noroute .main .col-main {background: white; width: 75%; margin: 0 auto; box-sizing: border-box; padding: 50px 20px;} .cms-index-noroute .main .col-main .page-title { width: 100%; } .cms-index-noroute .main .col-main .std a { text-decoration: none; } .cms-index-noroute .main .col-main .std { color: #868686; } .cms-index-noroute .main .col-main .std button { margin-top: 20px; } .cms-index-noroute .main .col-main .std .vertical-separator { display: none;} .cms-index-noroute .main .col-main .std .button { display: inline-block; height: 36px; margin: 20px 5px; padding: 0 30px; border-radius: 2px; text-transform: uppercase; line-height: 36px; color: #FFF;} .cms-index-noroute .main .col-main .std a.button { background: #868686; transition: all 0.5s;} .cms-index-noroute .main .col-main .std a.button:last-child { background: #1F1F1F;} .cms-index-noroute .main .col-main .std a.button:last-child:hover { background: #868686;} .cms-index-noroute .main .col-main .std a.button:hover { background: #4f4f4f;} /* Page 404 :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .cms-index-noroute .main { min-height: 730px; padding-top: 110px; } } @media screen and (max-width: 1000px) { .cms-index-noroute .main { min-height: 690px; } .cms-index-noroute .main .page-title h1 { font-size: 18px; } .cms-index-noroute .suggested-products { width: 100%; } } /* Header ================================================================================ */ .header-container { z-index: 13; position: fixed; top: 0; left: 0; width: 100%; min-width: 750px; background: #fff; } .header-container .header { position: relative; width: 100%; margin: 0 auto; text-align: right;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-header.png') repeat-x top center;} .header-container .logo { display:inline-block; width: auto; margin: 0 auto; text-align: center; text-decoration: none !important; } .header-container .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0;} .header-container h1.logo { margin: 0 auto;} .header-container .welcome-msg { margin: 0 0 12px; color: #FFF;} .header-container .welcome-msg a { color: #ebbc58;} .header-container .form-search { position: relative; float: right;line-height: 35px;height: 35px;margin-left: 20px;padding-right: 20px;} .header-container .form-search label { display: none; float: left; width: 24px; height: 21px; overflow: hidden; text-align: left; text-indent: -999em;} .header-container .form-search input.input-text { float: right; width: 100px; padding: 5px; text-transform: uppercase; font-size: 10px; color: #fff; background: transparent; border: 0 none;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; -webkit-transition: width 150ms ease-in-out; -moz-transition: width 150ms ease-in-out; -ms-transition: width 150ms ease-in-out; -o-transition: width 150ms ease-in-out; transition: width 150ms ease-in-out; } .header-container .form-search button.button { float: right; border: 0 none; border-radius: 0; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;height: 35px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-search.png') no-repeat scroll center center transparent;} .header-container .form-search button.button span { width: 15px; height: 15px; padding: 0; border: 0 none; background: 0 none;} .header-container .form-search button.button span span { padding: 0; text-indent: -99999em; font-size: 0;} .header-container .form-search button.button:hover span span { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-search.png') no-repeat scroll center -78px transparent;} .header-container .form-search .search-autocomplete { z-index: 999;width: 100% !important; top: 35px !important;max-height: 406px; overflow-y: scroll;right: 0 !important;left: 0 !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15); margin: auto;} .header-container .form-search .search-autocomplete ul { background-color: #ffffff;} .header-container .form-search .search-autocomplete li { padding: 10px 50px 10px 15px; border-bottom: 1px solid #E5E5E5; text-align: left; font-size: 11px; color: #818080;line-height: 1.5;cursor: pointer;position: relative;} .header-container .form-search .search-autocomplete li .amount { font-family: "cooper_hewittbook",Helvetica,Arial,sans-serif; position: absolute; right: 10px; top: 10px; } .header-container .form-search .search-autocomplete li.odd { background-color: #FFFFFF;} .header-container .form-search .search-autocomplete li.selected { background-color: #FFFFFF;} .header-container .form-language { clear: both; padding: 0; text-align: right;} .header-container .form-language label { padding-right: 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; vertical-align: middle; color: #a7c6dd;} .header-container .form-language a { display: block; float: left; height: 35px; padding: 0 6px; text-transform: uppercase; font-size: 10px; line-height: 35px; color: #868686; position: relative; transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; } .header-container .form-language a:hover { color:#FFF; } .header-container .form-language a.store-selected { box-sizing: border-box; color: #FFF;} .header-container .form-language select { padding: 0;} .header-container .form-language select.flags option { padding-left: 25px; background: no-repeat 4px 50%;} .header-container .links { float: right; margin: 0 0 6px;} .header-container .links li { float: left; padding: 0 8px 0 7px; font-size: 11px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_pipe1.gif') 100% 60% no-repeat;} .header-container .links a { color: #ebbc58;} .header-container .top-container { clear: both; padding: 5px 10px 0 12px; text-align: right;} .header-container .top-container a { font-size: 11px; color: #ebbc58;} .header-container .top-header { clear: both;max-width: 1200px;margin: 0 auto;height: 35px;} .header-container .top-header .form-language { height: auto;display: table-cell;vertical-align: middle;padding-left: 12px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-earth.png') no-repeat center left;float: left;} .header-container .top-header .form-language a:first-child { padding: 0 6px;} .header-container .top-header .form-language a:first-child:before { content: ""; position: absolute; top: 38%; right: 0; bottom: 38%; border-right: 1px solid #FFF;} .header-container .top-header .form-language a + a.store-to-select { padding: 0 5px;} .header-container .top-header .form-language a.store-selected:first-child { padding: 0 5px;} .header-container .top-header .stores-link { float: left; font-size: 10px; text-transform: uppercase; line-height: 35px; padding: 0 10px; margin-left: 5px; color: #FFF; transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; } .header-container .top-header .stores-link span { display:block; padding-left: 12px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-boutique-header.png') no-repeat scroll left 11px transparent; } .header-container .top-header .stores-link:hover { background-color: #2a2a2a; } .header-container .top-header #add-to-bookmark { padding: 0 0 0 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-favourite.png') no-repeat scroll center left transparent;color: #868686;display: block;margin: 3px 0;} .header-container .top-header .account-box { display: block;height: 35px;float: right;padding: 0 20px;background: #2a2a2a;position: relative; transition:background 0.2s ease-in-out; } .header-container .top-header .account-box:hover { background:#3F3F3F; } .header-container .top-header .account-box .account-top-link { white-space: nowrap; text-transform:uppercase; font-size: 10px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-account.png') no-repeat scroll left center transparent;display: block;line-height: 35px;height: 35px;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;color: #FFF;padding-left: 18px;} .header-container .top-header .account-box .account-content { display: none; position: absolute;top: 35px;background: #3F3F3F;z-index: 12;padding: 25px; left: 0;text-align: left;font-size: 12px; width :227px;} .header-container .top-header .account-box .account-content .infos-top-link { color: #868686;padding-left: 20px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-edit.png') no-repeat scroll center left transparent;display: block;margin: 3px 0;} .header-container .top-header .account-box .account-content .infos-top-link:hover, .header-container .top-header .account-box .account-content .orders-top-link:hover, .header-container .top-header .account-box .account-content #add-to-bookmark:hover{ color: #FFF;} .header-container .top-header .account-box .account-content .orders-top-link { color: #868686;padding-left: 20px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-orders.png') no-repeat scroll center left transparent;display: block;margin: 3px 0;} .header-container .top-header .account-box .account-content .header-connect { color: #FFF; display: block;text-align: center;line-height: 32px;height: 32px;margin-top: 22px;background: #000;border-radius: 2px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .header-container .top-header .account-box .account-content .header-connect:hover { background:#5A5A5A; } .header-container .top-header .quick-access { float: right; position: relative; } .header-container .top-header .quick-access .account-top-link { float: right; height: 16px; padding: 14px 22px 15px 12px; text-transform: uppercase; font-size: 10px; line-height: 18px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-right.png') no-repeat scroll left center transparent;} .header-container .top-header .quick-access .account-top-link:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-right.png') no-repeat scroll -294px center transparent;} .header-container .bottom-header { clear: both; position: relative; height: auto;max-width: 1200px;margin: 20px auto 10px; text-align:center; } .header-container .widget-static-block { display:block; overflow:hidden; } .header-container .widget-static-block img { width: 100%; max-width:1200px; } .info-cookies { display: none; position: fixed;width: 240px;height: auto;background: rgba(255,255,255,0.9);border: 1px solid #000;left: 50%;bottom: 55px;z-index: 9999;margin-left: -620px;} .info-cookies #close-cookie { cursor: pointer; position: absolute;top: 10px;right: 10px;background: transparent; border: 0 none;color: #868686;font-size: 0;padding: 18px;line-height: 1;border-radius: 50px;} .info-cookies #close-cookie:before, .info-cookies #close-cookie:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 16px; height: 2px; margin: auto; background: #868686; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .info-cookies #close-cookie:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .info-cookies #close-cookie:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .info-cookies #close-cookie:hover:before, .info-cookies #close-cookie:hover:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .info-cookies p { font-size:11px;text-align: left;padding: 20px 50px 20px 30px;margin: 0;} /* Header :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .header-container .top-header, .header-container .bottom-header { max-width: 1000px;} .info-cookies { margin-left: -520px;} .header-container .widget-static-block img { max-width:1000px; } } @media screen and (max-width: 1000px) { .header-container .top-header, .header-container .bottom-header { max-width: 750px;} .info-cookies { margin-left: -370px;} .header-container .widget-static-block img { max-width:750px; } } /* Navigation ================================================================================ */ #nav { z-index: 8; position: relative; max-width: 1200px;margin: 0 auto;font-size: 0;width: 100%;text-align: center;background: #FFF;} /* All Levels */ /* Style consistent throughout all nav levels */ #nav li {text-align: center;display: inline-block;font-size: 12px;} #nav li.over { z-index: 998;} #nav span { display: block; white-space: nowrap;} #nav li ul span { white-space: normal;} #nav ul li.parent li a { background-image: none;} /* 0 Level */ #nav li.level0 > a { position: relative; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; letter-spacing: 0.2em; color:#7f7f7f; padding: 0 40px; } #nav li.level0 > a:hover { color:#000; } #nav li.level0 > a span { position:relative; min-height:45px; } #nav li.level0 > a span:before { position: absolute; content:''; width:100%; left: 0; bottom: 0;border-top: 3px solid #bababc; opacity: 0; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } #nav li.level0:hover > a span:before { opacity: 1; } #nav li.active a { color: #000000;} #nav a { float: left;padding: 0 40px; text-transform: uppercase;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; color: #000000;line-height: 40px;} #nav li.level0 .level-top-brand { float: left; padding: 7px 40px; text-transform: uppercase; font-size: 12px; color: #000000; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-nav.png") no-repeat scroll right center transparent; cursor: default;} /* 1st Level */ #nav ul li, #nav ul li.active { float: none; margin: 0; padding: 0;} #nav ul li.last { padding-bottom: 0;} #nav ul li a { font-weight: normal !important;} /* 2nd Level */ #nav ul, #nav div { position: absolute;top: 32px; left: -10000px; width: 15em; padding: 9px 0 20px 0; background: #FFFFFF;} #nav div ul { position: static; width: auto; padding: 0; border: none;float: left;} /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { z-index: 999; left: 0; width: 100%; box-sizing: border-box; padding:0; top: 45px;border: 1px solid #c2c2c2; text-align:center; } /* Navigation */ #nav ul.level0 { float: none; display:inline-block; vertical-align: top; width: 19%; padding: 30px 10px; box-sizing: border-box; -moz-box-sizing: border-box; line-height:28px;} #nav ul.level0:first-child { padding-left:30px; } #nav ul.level0 li.level1 a { padding:0; font-size: 12px; color: #000; text-transform: none; float: left;text-align: left; box-sizing: border-box; letter-spacing:0.1em; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; line-height:20px; } #nav ul.level0 li.level1 a:hover { text-decoration:underline; } #nav ul.level0 li.level1 .img-menu-block { float: left; position: relative; top: inherit; left: inherit; width: 276px; padding: 9px 0 0;} #nav ul.level0 li { width: 100%; text-align: left; float:left; padding:5px 0; } #nav ul.level0 li.text-bold a { font-family: 'cooper_hewittsemibold',Helvetica,Arial,sans-serif;} #nav ul.level0 li.text-underlined a { text-decoration: underline; color: #2a2a2a;} #nav ul.level0 li.text-bordered a { display: inline-block; position: relative; padding:5px 10px; } #nav ul.level0 li.text-bordered a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #cacaca; transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; } #nav ul.level0 li.text-bordered a:hover:before { border-color:#000; } #nav ul.level0 li.submenu-highlighted { margin: 15px 0;} #nav ul.level0 li.submenu-separated { margin-top: 12px; padding-top: 12px; border-top: 1px solid #cacaca;} #nav ul.level0 li:first-child.submenu-separated { margin-top: 0; margin-bottom: 12px; padding-top: 0; padding-bottom: 12px; border-top: 0 none; border-bottom: 1px solid #cacaca;} #nav .image-thumbnail { position: static; top: inherit; left: inherit; width: auto; background: 0 none; display: inline-block; vertical-align: top; padding: 0; float: right; } #nav .image-thumbnail a { display:block; padding:0; } #nav ul.level1 li.level2 a, #nav .col-2-left ul li.level2 a, #nav .col-2-right ul li.level2 a { float: left; padding: 0; text-transform: none; line-height: 20px; color: #000000;} #nav ul.level1 li.level2 a:hover, #nav .col-2-left ul li.level2 a:hover, #nav .col-2-right ul li.level2 a:hover { color: #fa6400;} #nav ul.selection-tab li.level2 a { float: left; height: 15px; margin: 0 0 2px; padding: 0 5px; border: 1px solid #818080; font-size: 10px; line-height: 18px; color: #818080;} #nav ul.selection-tab li.level2 a:hover { border-color: #000000; color: #000000;} #nav ul.selection-tab li.level2 a.selection-new { border-color: #ee8310; color: #ee8310;} #nav ul.selection-tab li.level2 a.selection-idees-look { border-color: #bd2828; color: #bd2828;} #nav ul.selection-tab li.level2.size-guide { margin: 14px 0 0; padding: 11px 0 0; color: #000000; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-nav-small-sep-horizontal.png') no-repeat scroll left top transparent;} #nav ul.selection-tab li.level2 a.size-guide-link { padding: 0 0 0 15px; border: 0 none; color: #000000; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-guide-des-tailles.png') no-repeat scroll left center transparent;} #nav ul.selection-tab li.level2 a.size-guide-link:hover { color: #fa6400;} #nav ul.level1 li.level2.accessories { margin: 10px 0 0; padding: 10px 0 0; color: #000000; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-nav-small-sep-horizontal.png') no-repeat scroll left top transparent;} #nav ul.brand-sub-nav li.level1 a { font-size: 11px; color: #000000;} #nav ul.brand-sub-nav li.level1 a:hover { color: #fa6400;} #nav .full-width { display: block; width: 970px; margin: 9px 0 0; padding: 9px 15px 5px 15px; border-top: 1px dotted #D9D9D9; overflow: hidden;} #nav .eshop-menu { width: 1000px; padding: 0 0 7px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-nav-bottom-shadow.png') no-repeat scroll center bottom transparent;} #nav .full-width li, #nav .full-width li.active { float: left; width: 100%; margin: 0; padding: 0; background: 0 none;} #nav .full-width li.level1.col-1 { width: 155px; padding: 0 30px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-nav-small-sep-horizontal.png') no-repeat scroll left 31px transparent;} #nav .full-width li.level1.col-1 ul.level1 { left: 0; width: 155px; padding: 8px 0; overflow: hidden; background: 0 none;} #nav .full-width li.level1.col-2 { width: 288px; padding: 0 30px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-nav-big-sep-horizontal.png') no-repeat scroll left 31px transparent;} #nav .full-width li.level1.col-2 .col-2-left { float: left; position: inherit; top: inherit; left: inherit; width: 144px; padding: 8px 0; background: none;} #nav .full-width li.level1.col-2 .col-2-right { float: right; position: inherit; top: inherit; left: inherit; width: 144px; padding: 8px 0; background: none;} #nav .col-2-title { padding: 9px 0; text-transform: uppercase; font-size: 11px; line-height: 1.3em; color: #818080;} #nav .full-width li.level1.col-img { width: 282px; padding: 0; background: 0 none;} #nav .brand-sub-nav { width: 167px; padding: 0 0 7px;} #nav .tab-width { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-small-shadow-subnav.png') no-repeat scroll center bottom transparent;} #nav .tab-width li, #nav .tab-width li.active { padding: 0 45px; background: #FFFFFF;} #nav .tab-width li.first, #nav .tab-width li.active.first { margin: 9px 0 0; padding: 15px 45px 0 45px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-tabwidth-dotted-line.png') no-repeat scroll center top #FFFFFF;} #nav .tab-width li.last, #nav .tab-width li.active.last { padding: 0 45px 15px 45px;} #nav .tab-width li a { text-transform: none; font-size: 11px; line-height: 20px; color: #000000;} #nav .tab-width li.level1 a:hover { color: #fa6400;} /* Navigation :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { #nav { max-width: 1000px; } #nav .image-thumbnail img { width:100%; } #nav a { padding:20px; } #nav li ul.shown-sub, #nav li div.shown-sub { top:45px; } #nav .image-thumbnail { width:22%; } } @media screen and (max-width: 1000px) { #nav { max-width: 750px; } #nav ul.level0 { width:25%; } #nav .image-thumbnail { display:none; } #nav li.level0 > a { padding: 0 20px; } } /* Footer ================================================================================ */ .footer-container { position: relative;background: #F5F5F5;} .footer-top-links { } .footer-retract .footer-top-links { z-index: 15; position: absolute; bottom: 58px; width: 100%; height: 0;} .footer-retract .footer-top { display: none;} .footer-wrapper { position: relative;} .footer-top-links { background: #191919;} .footer { margin: 0 auto; padding: 0;max-width: 1200px;} .footer .store-switcher { display: inline; margin: 0 5px 0 0; color: #ffffff;} .footer .store-switcher label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; vertical-align: middle;} .footer .store-switcher select { padding: 0; vertical-align: middle;} .footer a { color: #000000;} .footer .bugs { margin: 13px 0 0; color: #ecf3f6;} .footer .bugs a { text-decoration: underline; color: #ecf3f6;} .footer address { margin: 0 0 20px; color: #000000;} .footer address a { text-decoration: underline; color: #000000;} .footer ul { display: inline;} .footer ul.links { display: block;} .footer li { display: inline; padding: 0 2px;} .footer li.last { padding-right: 0 !important; background: none !important;} .footer-container .bottom-container { margin: 0 0 5px;} .footer-reinsurance { display: block; overflow: hidden;} .footer-reinsurance ul { display: block; padding: 0; overflow: hidden; margin: 0 -10px;} .footer-reinsurance li { display: block; float: left; padding: 0;} .footer-reinsurance li .title-reinsurance { display: block; text-transform: uppercase; color: #000000;} .footer-reinsurance li { display: block; width: 25%; padding: 30px 10px 25px;box-sizing: border-box;} .footer-reinsurance li a { display: block; margin: 0 auto; padding: 66px 0 0; text-align: center; font-size: 12px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;line-height: 18px; color: #868686; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out; } .footer-reinsurance li a:hover { color:#000; } .footer-reinsurance li:first-child { } .footer-reinsurance .customer-service { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-service-client.png') no-repeat scroll center top transparent;} .footer-reinsurance .secured-payment { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-paiement-securise.png') no-repeat scroll center top transparent;} .footer-reinsurance .returns-exchanges { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-retours-echanges.png') no-repeat scroll center top transparent;} .footer-reinsurance .free-shipping { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-livraison-gratuite.png') no-repeat scroll center top transparent;} .footer-top { display: block; overflow: hidden; margin: 0 -10px;} .footer-top > div { float: left; padding: 30px 10px 18px;width: 25%;box-sizing: border-box;text-align: center;} .footer-top div h2 { text-transform: uppercase; font-size: 12px; color: #FFF;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;margin-bottom: 18px;} .footer-top ul li { display: block; margin-bottom: 10px; padding: 0; font-size: 12px; line-height: 18px;} .footer-top ul li a { color: #868686; transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; } .footer-top ul li a:hover { color: #FFF; } .footer-top .footer-top-col-4 { text-align: center; font-size:0; } .footer-top .footer-top-col-4 h2 { margin-bottom:12px; } .footer-top .footer-top-col-4 li { display: inline-block; } .footer-top .footer-top-col-4 li:last-child { display: block; } .footer-top .footer-top-col-4 li > a { margin-right:5px; } .footer-top .footer-top-col-4 a { transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; width:32px; height:32px; border-radius:2px; } .footer-top .footer-top-col-4 a:hover { background-color:#3d3d3d; } .footer-top .facebook-footer { display: block; text-transform: uppercase; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-facebook.png') center center no-repeat;} .footer-top .twitter-footer { display: block; text-transform: uppercase; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-twitter.png') center center no-repeat;} .footer-top .instagram-footer { display: block; text-transform: uppercase; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-instagram.png') center center no-repeat;} .footer-top .pinterest-footer { margin-right:0; display: block; text-transform: uppercase; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-pinterest.png') center center no-repeat;} .footer-top .block { position: relative; margin: 20px 0 0; padding: 20px 0 0; border: 0; background: 0 none;} .footer-top .block:before { content: ""; position: absolute; top: 0; right: 0; left: 0; width: 35px; margin: auto; border-top: 1px solid #3d3d3d;} .footer-top .block .block-content { background: 0 none;} .footer-top .block .block-title { padding: 0; border: 0 none; background: 0 none;} .footer-top .block .block-title span { display: block; margin-bottom: 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; color: #FFF;} .footer-top .block-subscribe { margin-top: 8px; } .footer-top .block-subscribe .block-content { position: relative; padding: 0; display: inline-block; text-align: center; width: 78%; margin-top: 5px; } .footer-top .block-subscribe .block-content .input-box { display: inline-block; width: 100%; } .footer-top .block-subscribe input.input-text { display: block; float: right; width: 100% ; height: 30px; margin: 0; padding: 0 10px; border: 1px solid #3d3d3d; border-radius: 2px 0 0 2px; font-size: 10px; line-height: 20px; color: #818080; background: transparent; transition: border .2s ease;} .footer-top .block-subscribe input.input-text:focus { color:#FFF; } .footer-top .block-subscribe input.input-text.validation-failed { height: 24px; border: 1px solid #EB340A !important; background: #FFFFFF !important;} .footer-top .block-subscribe .validation-advice { margin: 10px 0; font-size: 10px; line-height: 16px;} .footer-top .block-subscribe .actions { margin-left: -4px; position: absolute; top: 0; right: -1px; margin-top: 0; } .footer-top .block-subscribe .actions button.button span { width: 30px; height: 30px; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 0; line-height: 30px; background: #3d3d3d url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-newsletter.png') center center no-repeat; transition: background-color .2s ease; -webkit-transition: background-color .2s ease; } .footer-top .block-subscribe .actions button.button:hover span { background-color:#4f4f4f; } .footer-top .block-subscribe .actions button.button span span { height: 30px; padding: 0; text-transform: uppercase; font-family: cooper_hewittbook,Helvetica,Arial,sans-serif; font-size: 0; font-weight: 400; line-height: 32px; background: 0 none;} .footer-top .form-subscribe-header { display: none;} .footer-top .footer-storelocator { position: relative; } .footer-top .footer-storelocator a { display: inline-block; padding: 0 20px; border-radius: 2px; background: #3d3d3d; transition:background 0.2s ease-in-out; -webkit-transition:background 0.2s ease-in-out; } .footer-top .footer-storelocator a:hover { background:#4f4f4f; } .footer-top .footer-storelocator a span { display: inline-block; padding-right: 15px; text-align: center; line-height: 34px; color: #FFF; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-boutique-footer.png') no-repeat center right transparent;} .footer-bottom { display: block; overflow: hidden; color: #868686;} .footer-bottom .footer-container { position: relative;background: #000;} .footer-bottom address { display: block; float: left; margin: 20px 0 15px; padding: 0 10px; font-size: 10px; line-height: 22px; color: #818080;width: 50%;text-align: right;box-sizing: border-box;} .footer-bottom ul { float: left; margin: 20px 0 20px; line-height: 22px;width: 50%;padding: 0 10px;box-sizing: border-box;text-align: left;font-size: 10px;} .footer-bottom ul li a { font-size: 10px; color: #818080; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out; } .footer-bottom ul li a:hover { color:#FFF; } /* Footer :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .footer { max-width: 1000px;} } @media screen and (max-width: 1000px) { .footer { max-width: 750px;} .footer-top > div { padding: 30px 5px 18px;} .footer-top .footer-storelocator a { display: inline-block; padding: 0 10px;} .footer-top .block-subscribe .block-content .input-box { float: left; box-sizing: border-box; width: 100%; margin-right: -30px; padding-right: 28px;} .footer-top .block-subscribe .actions { margin-top: 0; margin-left: 0;} } /* Blog / Actuality page ============================================================ */ .blog-index-list .col-main { margin: 0 -10px; font-size:0; } .blog-index-list .blog-post-list { font-size: 0; overflow: hidden; margin: 0 -20px; } .blog-index-list .postWrapper { position: relative; width: 33.33%; height: 235px; padding: 0 20px; float: left; box-sizing: border-box; clear: none; overflow: hidden; margin-bottom: 40px; } .blog-index-list .postWrapper .postVisible img { width: 100%; } .blog-index-list .postWrapper .postVisible a.aw-blog-read-more { background: transparent; border: 1px solid black; color: #000000; z-index: 1; top: 150px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; opacity: 0; transition: all 0.2s; -webkit-transition: all 0.2s; border-radius:2px; } .blog-index-list .postWrapper .postVisible a.aw-blog-read-more:hover { border: 1px solid #868686; background: white; } .blog-index-list .postWrapper:hover .postHover, .blog-index-list .postWrapper:hover a.aw-blog-read-more{ opacity: 0.8;} .blog-index-list .postWrapper .postHover { text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 65px 20px; opacity: 0; background: #FEFEFE; transition: all 0.2s; -webkit-transition: all 0.2s;} .blog-index-list .postWrapper .postHover h2, .blog-index-list .postWrapper .postHover h3 { font-family: 'cooper_hewittmedium', Helvetica, Arial, sans-serif; } .blog-index-list .postWrapper .postHover h3 { font-size: 11px; } .blog-index-list .postWrapper .postHover .post-read-more-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-indent: -9999em; } .blog-index-list .postWrapper.first { position: relative; width: 82%; height: 600px; float: none; padding: 0; display: block; box-sizing: border-box; text-align: center; margin: 0 auto 40px; } .blog-index-list .postWrapper.first .postVisible img { width: 100%; } .blog-index-list .postWrapper.first .postHover { padding:265px 0; } .blog-index-list .postWrapper.first .postVisible a.aw-blog-read-more { top:330px; } .blog-index-list .postWrapper .postDetails { display:none; } .blog-index-list .page-title, .blog-post-view .page-title {background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-header-category-border.png') no-repeat scroll center bottom transparent; padding: 0 0 20px 0; margin-bottom: 30px; } .blog-post-view .postWrapper .aw-blog-back-link { display: block; float: left; padding-left: 11px; margin-bottom: 30px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-left-black.png') no-repeat scroll left transparent; color: #868686; text-decoration: underline; -webkit-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; } .blog-post-view .postWrapper .aw-blog-back-link:hover { color: #000; } .blog-post-view .postWrapper .postContent h2, .blog-post-view .postWrapper .postContent h3 { font-family: 'cooper_hewittmedium', Helvetica, Arial, sans-serif; background: none; border: none;} .blog-post-view .postWrapper .postContent h2 { margin: 0; } .blog-post-view .postWrapper .postContent h3 { padding: 0 0 10px 0; font-size: 11px; color: #818080;} .blog-post-view .postWrapper .postContent p { margin: 0 0 15px; color: #818080; font-size: 12px; line-height: 1.6; } .blog-post-view .postWrapper .postContent p strong { color: #000000; text-transform: uppercase; } .blog-post-view .postWrapper .postContent .postImage { float:left; width:65%; } .blog-post-view .postWrapper .postContent .postImage img { width:100%; margin:0;} .blog-post-view .postWrapper .postContent .post_content { float:right; width:34%; margin-top: 50px; } .blog-post-view .postWrapper .postContent .post_content img { width:100%; } .blog-post-view .postWrapper .postContent .post_content p:last-child { margin-top: 40px; } .blog-post-view .postWrapper .postContent .post_content a { text-decoration: underline; color:#000; } .blog-post-view .postWrapper .postContent .post_content a:hover { color:#868686; } .blog-post-view .postWrapper .postContent .post_content .cms-button-link { color: #FFF; text-decoration: none; display: inline-block; background: #000; padding: 10px 25px; margin: 8px 0; border-radius: 2px; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out; } .blog-post-view .postWrapper .postContent .post_content .cms-button-link:hover { background: #4a4a4a; color:#FFF; } /* Header :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .blog-index-list .postWrapper.first { height:577px; margin-bottom:20px; } .blog-index-list .postWrapper {width: 49%; height:302px; } .blog-index-list .postWrapper .postHover { padding: 100px 20px; } .blog-index-list .postWrapper .postHover h2 { font-size: 15px; } .blog-index-list .postWrapper .postVisible a.aw-blog-read-more { top: 160px; } .blog-post-view .postWrapper .postContent .postTitle { right: 60px; } .blog-index-list .postWrapper.first { width:90%; } .blog-index-list .postWrapper.first .postHover { padding:235px 0; } .blog-index-list .postWrapper.first .postVisible a.aw-blog-read-more { top:300px; } } @media screen and (max-width: 1000px) { .blog-index-list .postWrapper.first { height:484px; } .blog-index-list .postWrapper { height:225px; } .blog-post-view .postWrapper .postContent .postTitle { left: 0; top: 495px; } .blog-post-view .postWrapper .postContent p.first { margin-top: 565px; } .blog-index-list .postWrapper .postHover { padding: 65px 20px; } .blog-index-list .postWrapper .postVisible a.aw-blog-read-more { top: 120px; } .blog-index-list .postWrapper.first { width:100%; } .blog-index-list .postWrapper.first .postHover { padding:185px 0; } .blog-index-list .postWrapper.first .postVisible a.aw-blog-read-more { top:250px; } .blog-post-view .postWrapper .postContent .postImage { width:100%; } .blog-post-view .postWrapper .postContent .post_content { width:100%; clear:both; margin-top: 20px; } } /* Category :: Filter ========================================================================= */ /* Block: Layered Navigation */ .block-layered-nav { margin: 0; border: 0;} .block-layered-nav .block-title { position: absolute; top: 0; right: 0; width: auto; height: 36px; padding: 0; overflow: hidden; } .block-layered-nav .block-title strong { height: 36px; margin: 0 auto; padding: 0 30px 0; border: 1px solid #cacaca; overflow: hidden; border-radius: 2px; text-align: center; line-height: 36px; box-sizing: border-box; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; } .block-layered-nav .block-title strong:hover { color:#868686; } .block-layered-nav .block-title span { padding: 0 15px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-black-arrow-down.png') no-repeat scroll right center transparent;} .block-layered-nav .block-content { display: none; position: relative; margin: -1px 0 0 0; padding: 45px 30px 30px; border: 1px solid #cacaca; background: #FFF; border-radius: 2px 0 2px 2px; } .block-layered-nav .block-content:before { content:''; position:absolute; right:0; top:-1px; width:127px; height:3px; background:#FFF; } .block-layered-nav .block-content .block-wrapper { overflow:hidden; } .block-layered-nav dt { padding: 7px 10px 0 25px; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_block-layered-dt.gif') 9px 11px no-repeat;} .block-layered-nav dd { padding: 0 12px 12px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_block-layered-dd.gif') 0 100% repeat-x;} .block-layered-nav dd.last { background: none;} .block-layered-nav .currently li { z-index: 1; position: relative; padding: 6px 24px 6px 10px; line-height: 1.5; background: #ffffff url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_block-layered-li.gif') 0 100% repeat-x;} .block-layered-nav .currently .label { display: inline-block; padding-left: 15px; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; vertical-align: top; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_block-layered-label.gif') 0 4px no-repeat;} .block-layered-nav .currently .value { display: inline-block; vertical-align: top;} .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position: absolute; top: 9px; right: 4px; margin: 0;} .block-layered-nav .currently .btn-previous { right: 17px;} .block-layered-nav .actions { padding: 4px 5px 4px 9px; border-top: 1px solid #dee5e8; border-bottom: 1px solid #dee5e8; text-align: right; font-size: 11px; background: #cad6e4;} .block-layered-nav .actions a { float: none;} .block-layered-nav .filter-list { float: left; position: relative; top: 0; width: 25%; padding: 0 3% 0 0; text-align: left; box-sizing:border-box; } .block-layered-nav .filter-list:first-child { margin: 0;} /* Size attribute filter */ .block-layered-nav .filter-list-taille ol li, .block-layered-nav .filter-list-size ol li { border-radius: 2px; float: left; margin: 0 5px 5px 0; border: 2px solid #FFFFFF; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out;} .desktop .block-layered-nav .filter-list-taille ol li:hover, .desktop .block-layered-nav .filter-list-size ol li:hover {border-color: #000000; border-radius: 2px; } .block-layered-nav .filter-list-taille ol li .amshopby-attr, .block-layered-nav .filter-list-size ol li .amshopby-attr { display: block; font-size: 11px; height: 30px; min-width: 20px; line-height: 30px; float:left; padding: 0 5px; box-sizing: inherit; text-align: center; border: 1px solid #cacaca; border-radius: 2px; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .desktop .block-layered-nav .filter-list-taille ol li .amshopby-attr:hover, .desktop .block-layered-nav .filter-list-size ol li .amshopby-attr:hover { border-color:#FFF; } .block-layered-nav .filter-list-taille ol li .amshopby-attr-selected, .block-layered-nav .filter-list-size ol li .amshopby-attr-selected { display: block; font-size:11px; height: 30px; min-width: 30px; line-height: 30px; text-align: center; border: 1px solid #FFFFFF; border-radius: 2px; box-sizing: border-box; } .block-layered-nav .filter-list-couleur ol li, .block-layered-nav .filter-list-color ol li { float: left; width: 30px; height: 30px; margin: 0 5px 5px 0; border: 2px solid #FFF; border-radius: 2px; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .desktop .block-layered-nav .filter-list-couleur ol li:hover, .desktop .block-layered-nav .filter-list-color ol li:hover { border: 2px solid #000000; } .block-layered-nav .filter-list-couleur ol li .amshopby-attr, .block-layered-nav .filter-list-color ol li .amshopby-attr { display: block; width: 28px; height: 28px; border: 1px solid #AAA; border-radius: 2px; margin: 0; cursor: pointer; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .desktop .block-layered-nav .filter-list-couleur ol li .amshopby-attr:hover, .desktop .block-layered-nav .filter-list-color ol li .amshopby-attr:hover { border: 1px solid #FFF; } .block-layered-nav .filter-list-couleur ol li .amshopby-attr img, .block-layered-nav .filter-list-color ol li .amshopby-attr img { width: 24px; height: 24px; border-radius: 2px;} .block-layered-nav .filter-list-couleur ol li .amshopby-attr-selected, .block-layered-nav .filter-list-color ol li .amshopby-attr-selected { display: block; width: 28px; height: 28px; border-radius: 2px; border: 1px solid #FFF;} .block-layered-nav .filter-list-couleur ol li .amshopby-attr-selected img, .block-layered-nav .filter-list-color ol li .amshopby-attr-selected img { width: 28px; height: 28px; border-radius: 2px;} .block-layered-nav .filter-list-taille ol li.selected, .block-layered-nav .filter-list-size ol li.selected, .block-layered-nav .filter-list-couleur ol li.selected, .block-layered-nav .filter-list-color ol li.selected { border-color: #000000; } .filter-list #amshopby-price-slider #amshopby-slider { clear: both; position: relative; width: 228px; height: 14px; margin: 20px 5px 0; } .filter-list #amshopby-price-slider #amshopby-slider .slide-background { display: block; width: 250px; height: 14px; position: relative; overflow: hidden; left: -5px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/filter-slider-horizontal-bar.png') repeat-x scroll center 0 transparent; } .filter-list #amshopby-price-slider #amshopby-slider .ui-slider-handle { position: absolute; top: -8px; width: 12px; height: 23px; padding: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/filter-slider-handle.png') no-repeat scroll 0 0 transparent; cursor: pointer; } .filter-list #amshopby-price-slider #amshopby-slider .ui-slider-handle #amshopby-price-from-container, .filter-list #amshopby-price-slider #amshopby-slider .ui-slider-handle #amshopby-price-to-container { display: block; position: absolute; bottom: -22px; width: 50px; } .filter-list #amshopby-price-slider #amshopby-slider .ui-slider-handle #amshopby-price-from-container { text-align:left; left: 0; } .filter-list #amshopby-price-slider #amshopby-slider .ui-slider-handle #amshopby-price-to-container { text-align:right; right:0; } .filter-list #amshopby-price-slider #amshopby-slider .ui-slider-range { position: absolute; top: 0; left: 0; height: 14px; padding: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/filter-slider-horizontal-bar.png') repeat-x scroll center 0 transparent; cursor: pointer;} .block-layered-nav .sort-by-filter li a { float: left; clear: both; padding: 0 0 0 15px; color:#868686; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; line-height:22px; } .block-layered-nav .sort-by-filter li a:hover { color:#000; } .block-layered-nav .sort-by-filter li #filter-price > a { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-black-arrow-stick-up.png') no-repeat scroll left center transparent; } .block-layered-nav .sort-by-filter li #filter-price > a + a { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-black-arrow-stick-down.png') no-repeat scroll left center transparent; } .block-layered-nav .filter-list-title { margin-bottom: 12px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-weight: normal; text-transform: uppercase; color: #000; } .block-layered-nav .filter-list .dir-selected { color: #000;} .block-layered-nav .filter-list .amshopby-attr-selected { color: #000;} .block-layered-nav .filter-list .amshopby-order-selected { color: #000;} .block-layered-nav .color-selected { color: #FA6400;} .block-layered-nav .size-selected { color: #FA6400;} .block-layered-nav .submit-filter { margin: 30px auto 0; clear: both; display: block; } .block-layered-nav .submit-filter > span { display: block; -webkit-transition:none; transition:none; background:0 none; border-radius:3px; } .block-layered-nav .submit-filter span span { background: #000; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; display: block; border-radius: 3px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0.1em; white-space: nowrap; text-transform: uppercase; color: #FFF; } .block-layered-nav .submit-filter:hover span span { background:#4a4a4a; } /* Category Page ========================================================================= */ .header-category { width: 100%; text-align: center; margin-bottom:20px; padding-bottom:20px; background:url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-header-category-border.png') no-repeat scroll center bottom transparent; } .category-title { margin: 0 0 7px; border: 0;} .category-title h1 { font-size: 24px;} .category-image { float: left; width: 322px; height: 196px; margin: 0 20px 0 0; overflow: hidden; text-align: center;} .top-category { display: block; clear: both; position: relative; min-height: 30px; overflow: hidden; color:#868686; margin-bottom:20px; } .top-category .filter-header { display: block; overflow: hidden; min-height: 36px; font-size: 11px; } .top-category .product-number { float: left; margin: 6px 0 0;} .top-category .size-guide { float: left; margin: 6px 0 0 5px; } .top-category .size-guide a { padding-left:13px; background:url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-size-guide.png') no-repeat scroll center left transparent; color:#868686; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .top-category .size-guide a:hover { color:#000; } .category-description { margin: 0 0 10px; font-size: 12px; line-height: 20px; color: #868686; font-family:'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; } .category-products { display: block; clear: both;} .category-eshop .header-category, .category-eshop-uk .header-category { display: none;} /* View Type: Grid */ .products-grid.first.last.odd { position: relative; margin: 0 -5px 10px -5px;} .products-grid.last { border-bottom: 0;} .products-grid .item { float: left; position: relative; width: 292px; min-height: 510px; margin: 0 5px; padding: 0; } .products-grid .item.last { margin:0; } .products-grid .item.big-image { width: 594px; min-height: 1020px; overflow: hidden; margin: 0 5px;} .products-grid .item.big-image .product-image { overflow: hidden; height: 948px; width: 632px;} .products-grid .product-image .product-macaron-out-of-stock {position: absolute; z-index: 1; top: 10px; right: 10px; background: #3F3F3F; color: #FEFEFE; text-transform: uppercase; font-size: 10px; padding: 4px 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .products-grid .item.big-image .product-hover { width: 594px; } .products-grid .item.end-product-list .product-hover-image { width:100%; } .products-grid .name-price { margin-top:10px; } .products-grid .bundle-list-price .price-box { background: none; line-height:16px;} .products-grid .product-image { display: block; width: 292px; height: 438px; margin: 0;} .products-grid .product-name { text-align: center; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 11px; color: #000; } .products-grid .product-name a { color: #000000;} .products-grid .product-name a:hover { color: #868686;} .products-grid .price-box { text-align: center; margin-top: 2px; } .products-grid .regular-price .price { padding: 0 5px; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; } .products-grid .old-price { display: inline; padding: 0 3px 0 5px; background: #ffffff;} .products-grid .special-price { display: inline; margin: 0; padding: 0 5px 0 3px; background: #ffffff;} .products-grid .availability { line-height: 21px;} .products-grid .actions { position: absolute; bottom: 12px;} .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: 632px; margin: 0 auto;} .col1-layout .products-grid { margin: 0 auto;} .col1-layout .products-grid.last { margin-bottom:10px; } .product-hover { display: none; z-index: 1; position: absolute; width: 292px; height: 100%; background: #FFF; } .product-hover-attributes { position: absolute; bottom: 15px; width: 100%; padding-top: 10px; background: #FFF; } .product-hover-attributes .product-hover-sizes { margin-bottom:5px; } .product-hover-attributes .product-hover-colors {} .product-hover-size-list { text-align: center; font-size:0; } .product-hover-size-list .size-number { display: inline-block; margin:0 5px 5px 0; padding:0 5px; border: 1px solid #868686; border-radius: 2px; height: 25px; min-width: 25px; line-height: 25px; text-align: center; color: #000; box-sizing: border-box; font-size: 11px; } .product-hover-size-list .size-sep { display: inline-block; } .product-hover-wishlist { position: absolute; top: 10px; right: 10px;} .product-hover-wishlist a { display: block; width: 15px; height: 12px; font-size: 0; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-wishlist-catalog.png") no-repeat scroll center 0 transparent; } .product-hover-wishlist a:hover { background-position: center -18px;} .product-hover-color-list { margin: 0; text-align: center; display: block; overflow: hidden; font-size:0; } .product-hover-color-list li { display: inline-block; margin: 0 5px 5px 0; } .product-hover-color-list li a { display: block; border: 1px solid #AAA; border-radius: 2px; font-size: 0; width: 25px; height: 15px; background-size: 100% 100%!important; } .product-hover-color-list li a img { margin: 1px;} .product-hover-color-list li.selected a img { border: 1px solid #c3c3c3; border-radius: 3px; cursor: pointer;} .catalog-category-view .toolbar-bottom { border-top: none; padding:0; } /* View Type: List */ .products-list li.item { padding: 12px 10px; border-bottom: 1px solid #d9ddd3;} .products-list li.item.last { border-bottom: 0;} .products-list .product-image { float: left; width: 135px; height: 135px; margin: 0 0 10px;} .products-list .product-shop { margin-left: 150px;} .products-list .product-name { margin: 0 0 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #203548;} .products-list .product-name a { color: #203548;} .products-list .price-box { float: left; margin: 3px 13px 5px 0;} .products-list .availability { float: left; margin: 3px 0 0;} .products-list .desc { clear: both; margin: 0 0 15px; padding: 6px 0 0; line-height: 1.35;} .products-list .desc .link-learn { font-size: 11px;} .products-list .add-to-links { clear: both;} .products-list .add-to-links li { display: inline;} .products-list .add-to-links .separator { display: inline; margin: 0 2px;} .toolbar .pages ol li { float: none; display: inline-block; line-height: 30px; margin: 0 2px; min-width: 30px; border-radius: 2px; text-align: center;} .catalog-category-view .info-cookies { z-index: 2; } /* Category :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .products-grid .item { width:242px; min-height: 422px; } .products-grid .product-image, .products-grid .product-image img, .hover-link-image img { width:242px; height:363px; } .product-hover { width:242px; } .products-grid .item.big-image { width: 496px; min-height: 844px; overflow: hidden; margin: 0 5px;} .products-grid .item.big-image img { width: auto; height: 100%;} .products-grid .item.big-image .product-image { overflow: hidden; position: relative; height: 785px; width: 496px;} .filter-list #amshopby-price-slider #amshopby-slider { width: 182px; } .filter-list #amshopby-price-slider #amshopby-slider .slide-background { width:205px; } } @media screen and (max-width: 1000px) { .products-grid .item { width:180px; min-height: 340px; } .products-grid .product-image, .products-grid .product-image img, .hover-link-image img { width:180px; height:270px; } .product-hover { width:180px; } .product-hover-size-list .size-number { min-width:22px; height:22px; line-height:22px; } .products-grid .item.big-image { width: 370px; min-height: 680px; overflow: hidden; margin: 0 5px;} .products-grid .item.big-image img { width: auto; height: 100%; margin-left: -15px; } .products-grid .item.big-image .product-image { overflow: hidden; position: relative; height: 600px; width: 370px;} .block-layered-nav .block-content { padding-left: 20px; padding-right: 20px; } .block-layered-nav .filter-list { width:25%; padding:0; } .block-layered-nav .filter-list-taille ol li .amshopby-attr, .block-layered-nav .filter-list-size ol li .amshopby-attr { height: 28px; min-width: 28px; line-height: 28px; } .filter-list #amshopby-price-slider #amshopby-slider { width: 142px; } .filter-list #amshopby-price-slider #amshopby-slider .slide-background { width: 165px; } .block-layered-nav .sort-by-filter { padding-left:10px; } .category-lookbook .col-main a img { width: 47%; } } /* Product View ========================================================================== */ .product-view { margin: 0 -20px; } .product-intro-title { color: #868686; font-size: 12px; } /* Rating */ .no-rating { margin: 0;} .ratings { margin: 7px 0; font-size: 11px; line-height: 1.25;} .ratings strong { float: left; margin: 1px 3px 0 0;} .ratings .rating-links { margin: 0;} .ratings .rating-links .separator { margin: 0 2px;} .rating-box { width: 69px; height: 13px; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_rating.gif') 0 0 repeat-x;} .rating-box .rating { float: left; height: 13px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_rating.gif') 0 100% repeat-x;} .ratings .rating-box { float: left; margin-right: 3px;} .ratings-table th, .ratings-table td { padding: 3px 0; font-size: 11px; line-height: 1.15;} .ratings-table th { padding-right: 8px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} /* Availability */ .availability { margin: 0;} .availability span { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .availability.out-of-stock span { color: #d83820;} .availability-only { margin: 10px 0 7px; padding-left: 15px; line-height: 16px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_availability_only.gif') 0 50% no-repeat;} .availability-only span, .availability-only a { border-bottom: 1px dashed #751d02; color: #000000;} .availability-only a { padding-right: 15px; text-decoration: none; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_availability_only_arrow.gif') 100% 0 no-repeat; cursor: pointer;} .availability-only .expanded { background-position: 100% -15px;} .availability-only strong { color: #be2c00;} .availability-only-details { margin: 0 0 7px;} .availability-only-details th { padding: 0 8px; font-size: 10px; background: #d2d6d9;} .availability-only-details td { padding: 2px 8px 1px; border-bottom: 1px solid #ffffff; font-size: 11px; background: #ebf0f3;} .availability-only-details tr.odd td.last { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #d95e00;} .product-view .product-shop .availability { font-size: 11px;} .product-view .product-shop .availability span { font-weight: normal;} /* Email to a Friend */ .email-friend { margin: 0;} /* Alerts */ .alert-price { margin: 0; font-size: 11px;} .alert-stock { margin: 0; font-size: 11px;} /* Add to Links */ .add-to-links { margin: 5px 0 0; font-size: 11px;} .add-to-links .separator { display: none;} /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #666666;} .add-to-cart .qty { float: left; margin-right: 5px;} .add-to-cart button.button { float: left;} .add-to-cart .paypal-logo { clear: left; margin: 0; text-align: right;} .add-to-cart .paypal-logo .paypal-or { display: block; clear: both; margin: 5px 60px 5px 0;} .product-view .add-to-cart .paypal-logo { margin: 0;} /* Add to Links + Add to Cart */ .add-to-box { margin: 15px 0;} .add-to-box .add-to-cart { float: left;} .add-to-box .or { float: left; margin: 0 7px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #666666;} .add-to-box .add-to-links { float: left; margin: 0; text-align: left !important; font-size: 12px !important; line-height: 1.25 !important;} .add-to-box .add-to-links li { display: block !important;} .add-to-box .add-to-links li .separator { display: none !important;} .product-view { position: relative; } .product-essential h2 { text-transform: none;font-family: 'cooper_hewittlight',Helvetica,Arial,sans-serif;font-size: 11px; line-height: 1.35;margin: 0;} .product-collateral { padding: 25px;} .product-collateral h2 { margin: 0 0 15px; padding: 0 0 1px; border-bottom: 1px solid #e5dcc3; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 15px; color: #FA6400;} .product-collateral .box-collateral { margin: 0 0 25px;} .catalog-product-view .col-main { min-height: 570px; padding-bottom:40px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto;} .product-view .product-img-box { margin: 0 0 30px;width: 635px; padding: 0 0 0 20px; box-sizing: border-box;position: relative;float: left;} .product-view .product-img-box #product-image-container { position: relative; width: 445px; float: right; padding: 0; box-sizing: border-box; z-index: 1;} .product-view .product-img-box .product-image { margin: 0 0 13px;} .product-view .product-img-box .product-image.invisible { display: none;} .product-view .product-img-box .product-image.visible { display: block;} .product-view .product-img-box .product-image img { display: block; z-index: 6;position: relative; top: 0; left: 0;width: 100%; height: auto !important;margin-left: 0; cursor: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-zoom-img.cur'), pointer;} .product-view .product-img-box .product-image .mz-active img { width: 1000px;margin-left: -55px; cursor: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-unzoom-img.cur'), pointer;} .product-view .product-img-box .product-image .img-container { display: block; z-index: 6; position: absolute; left: 50%; width: 300px; margin-left: -265px; overflow: hidden; cursor: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-zoom-img.cur'), pointer;} .product-view .product-img-box .lslide iframe { width: 445px; height: 669px; } .product-view .product-img-box .lSAction a { width: 40px; height: 40px; z-index: 1;} .product-view .product-img-box .lSAction .lSPrev { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/slider-arrow-left.png')no-repeat; } .product-view .product-img-box .lSAction .lSNext { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/slider-arrow-right.png')no-repeat; } .product-view .product-img-box .more-views .lSAction a { margin-left: 0; height: 30px; width: 100%;opacity: 1; background: #FFF; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";} .product-view .product-img-box .more-views .lSAction a.lSPrev { top: 0;} .product-view .product-img-box .more-views .lSAction a.lSNext { bottom: 0; } .product-view .product-img-box .more-views .lSAction a span { transition: color 0.2s ease-in-out; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50) "; display: block; height: 30px; width: 100%; } .product-view .product-img-box .more-views .lSAction a span:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) "; } .product-view .product-img-box .more-views .lSAction .lSPrev span {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/slider-arrow-top.png")no-repeat center top; } .product-view .product-img-box .more-views .lSAction .lSNext span {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/slider-arrow-down.png")no-repeat center bottom;} .product-view .product-img-box .more-views #lightslider-thumbnails li img { display: block; margin: 0 auto; width:130px; } .product-view .product-img-box .more-views .lSSlideWrapper { padding: 30px 0; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1;} .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 1;} .product-view .product-img-box .product-image-zoom { z-index: 9999; position: relative; width: 265px; height: 265px;} .product-view .product-img-box .zoom-notice { margin: 0 0 5px; text-align: center; font-size: 11px;} .product-view .product-img-box .zoom { z-index: 9; position: relative; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/slider_bg.gif') 50% 50% no-repeat; cursor: pointer;} .product-view .product-img-box .zoom.disabled { opacity: .3; -moz-opacity: .3; -webkit-opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30) "; /*IE8*/} .product-view .product-img-box .zoom #track { position: relative; height: 18px;} .product-view .product-img-box .zoom #handle { position: absolute; top: -1px; left: 0; width: 9px; height: 22px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/magnifier_handle.gif') 0 0 no-repeat;} .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; top: 0; left: 2px;} .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; top: 0; right: 2px;} .product-view .product-img-box .more-views { position: relative; z-index: 0; float: left; width: 130px; height:666px; } .product-view .product-img-box .more-views h2 { margin: 0 0 8px; border-bottom: 1px solid #cccccc; text-transform: uppercase; font-size: 11px;} .product-view .product-img-box .more-views ul { float: left; box-sizing: border-box; } .product-view .product-img-box .more-views li { float: left; width: 100%;margin: 0; opacity: 0.5; cursor:pointer; } .product-view .product-img-box .more-views li a { float: left; width: 100%; height: auto;} .product-view .product-img-box .more-views li a img { width: 100%; height: auto; margin: 5px 0;} .product-view .product-img-box .more-views .current { opacity: 1; } .product-view .product-img-box .more-views .movie .movie-button { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0;width: 40px;height: 40px; margin: auto;border: 2px solid #868686;border-radius: 40px;background: #FFF url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-play-black.png') no-repeat center center;} .product-view .product-img-box .more-views .movie { position: relative;} .product-view .product-img-box .more-views .movie img { opacity: 0.25; } .product-view .product-img-box .share {position: relative;} .product-view .return-link a { text-decoration: none; } .product-image-popup .buttons-set { float: right; clear: none; margin: 0; padding: 0; border: 0;} .product-image-popup .nav { margin: 0 100px; text-align: center; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-image-popup .image { display: block; margin: 10px 0;} .product-image-popup .image-label { margin: 0 0 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #2f2f2f;} .overlay-zoom { width: 100%; height: 100%;} /* Product Shop */ .col1-layout .product-view .product-shop {float: left;width: 100%;margin: 0;} .col3-layout .product-view .product-shop { float: none; width: auto;} .product-view .product-shop {position: relative;} .product-view .product-shop dl.last, .product-view .product-shop .options-wrapper {float: left;} .product-view .product-shop .product-options-bottom {margin: 0;display: block;float: left;clear: both;} .product-view .product-shop .options-wrapper dd {float: left;margin-right: 30px;} .product-view .product-shop .info-sold-out {display: block;font-size: 12px;margin-top: 25px;clear: both;float: left;} .product-view .product-shop .size-guide a {font-size: 12px;color: #868686;padding-left: 15px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-guide.png') no-repeat center left;line-height: 30px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .product-view .product-shop .size-guide a:hover { color: #000; } .product-view .product-shop .product-name { margin: 0 0 5px;} .product-view .product-name {margin: 0px 0 5px 0;text-align: left;width: 66.66%;} .product-view .product-name h1 { margin: 0; font-family: 'cooper_hewittlight',Helvetica,Arial,sans-serif; font-size: 20px; } .product-view .product-intro-title h2 { margin: -5px 0 10px; color: #868686; font-size: 14px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; text-transform: none; } .product-view.old-collection-product { margin: 0 auto; text-align: center; width: 600px; } .product-view.old-collection-product .product-old-collection-message { display: block; margin-bottom: 20px } .product-view.old-collection-product .return-link { position: relative; top: 0; right: 0; margin-bottom: 30px;} .product-view.old-collection-product .product-name { text-align:center; width:100%; margin:0; } .product-view.old-collection-product .product-name h1 { margin: 1px 0; font-family: 'cooper_hewittlight',Helvetica,Arial,sans-serif; } .product-view.old-collection-product .product-name h2 { margin-bottom: 25px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #868686; font-size: 14px; } .product-view.old-collection-product .suggested-products { display: block; margin-top: 40px; } .product-view .product-shop .availability { margin: 10px 0;} .product-view .product-shop .short-description { margin: 10px 0; padding: 10px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_divider1.gif') 0 0 repeat-x;} .product-view .product-shop .text-not-available { display: block; } .product-view .product-shop .alert-stock {display: inline-block;margin-right: 10px;float: left;} .product-view .product-shop .alert-stock a { display: block;clear: both; height: 36px;margin: 30px 0;padding: 0 35px; border-radius: 2px 2px 2px 2px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 38px; color: #FFFFFF;background: none repeat scroll 0 0 #000; transition: background 0.2s ease 0s;} .product-view .product-shop .alert-stock a:hover { background: #505050;} .product-view .product-shop .add-to-links { margin: 0;} .product-view .product-shop .add-to-links { text-align: right; font-size: 12px;} .product-view .product-shop .add-to-links li, .product-view .product-shop .add-to-links li .separator { display: inline;} .product-view .product-shop .add-to-links a { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-weight: normal !important; color: #818080 !important;} .product-view .product-shop .add-to-links a:hover { color: #000000 !important;} .product-view .product-informations { float: right;width: 605px;text-align: left;box-sizing: border-box;padding: 0 20px 0 40px;} .product-view .product-informations .size-guide { margin-top: 30px; display: inline-block;float: left;} .product-view .product-informations .product__tabs { clear: left; margin-bottom:20px; } .product-view .product-informations .product__tabs .tabs__label {border-bottom: 1px solid #cacaca; } .product-view .product-informations .product__tabs .tabs__label section { display: none; } .product-view .product-informations .product__tabs .tabs__label h2 { padding: 15px 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;color: #868686; text-transform:uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; cursor: pointer; } .product-view .product-informations .product__tabs .tabs__label:first-child h2 { padding-top: 0; } .product-view .product-informations .product__tabs .tabs__label h2 span { padding-right: 25px; position: relative;} .product-view .product-informations .product__tabs .tabs__label h2 span:before, .product-view .product-informations .product__tabs .tabs__label h2 span:after { content: ""; position: absolute; top: 0; bottom: 0; width: 8px; height: 2px; margin: auto; background: #868686; transition: all 0.2s;} .product-view .product-informations .product__tabs .tabs__label h2 span:before { right: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .product-view .product-informations .product__tabs .tabs__label h2 span:after { right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .product-view .product-informations .product__tabs .tabs__label h2.active { color: #000000; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; } .product-view .product-informations .product__tabs .tabs__label h2.active span:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #000000; } .product-view .product-informations .product__tabs .tabs__label h2.active span:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #000000;} .product-view .product-informations .product__tabs .tab-content { margin: 10px 0 20px; } .product-view .product-informations .tabs-box .tabs-content {border: 1px solid #cacaca; border-top: 0 none; box-sizing: border-box; padding: 20px 30px; margin-bottom: -1px; } .product-view .product-informations .tabs-box .tabs-content .active { display: block; } .product-view .product-informations .tabs-box .tabs-content > div { display: none; } .product-view .product-informations .std + .std { margin: 15px 0 0; font-size: 11px; color: #818080;} .product-view .product-informations .model-size, .product-view .options-wrapper .model-size { margin-top:20px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 11px; color: #818080; } /* Start :: Washing instructions icons */ .product-cares { width:100%; } .product-cares h4 { font-size:12px; text-decoration: underline; margin-bottom:15px; } .product-cares + .product-cares h4 { padding-top : 10px } .product-cares .picto-item-wrapper { text-align:left; margin-bottom:15px; } .product-cares .picto-item-wrapper .picto-item { display:inline-block; vertical-align:middle; cursor:pointer; position: relative; margin-right:3px; } .product-cares .picto-item-wrapper .picto-item img { width:35px; height:35px; } .product-cares .picto-item-wrapper .picto-item .picto-item-label { text-align:center; font-size:11px; color:#FFF; background:#000; border: 1px solid #000; border-radius:3px; left: -10px; top: 45px; margin-bottom: 15px; opacity: 0; pointer-events: none; position: absolute; box-sizing:border-box; padding:5px 15px; white-space: nowrap; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.10); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.10); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.10); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.10); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.10); z-index:10; } .product-cares .picto-item-wrapper .picto-item .picto-item-label p { margin:0; } .product-cares .picto-item-wrapper .picto-item:hover .picto-item-label { opacity:1; } .product-cares .picto-item-wrapper .picto-item .picto-item-label :before { border-left: solid rgba(0,0,0,0) 6px; border-right: solid rgba(0,0,0,0) 6px; border-bottom: solid #000 6px; top: -6px; content: " "; height: 0; left: 21px; position: absolute; width: 0; } /* End :: Washing instructions icons */ .product-view .product-view-bottom-info {clear: both;text-align: center;line-height: 25px;margin-top: 10px;} .product-view .product-view-bottom-info span {font-size: 11px;text-transform: uppercase;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;color: #868686;display: inline-block;} .product-view .product-view-bottom-info .washing-guide, .product-view .product-view-bottom-info .size-guide { display: block;} .product-view .product-view-bottom-info .washing-guide a { display: block; margin: 0 0 5px; padding: 1px 22px 0 0; text-transform: uppercase; font-size: 10px; color: #818080; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-washing-instruction.png') no-repeat scroll right 1px transparent;} .product-view .product-view-bottom-info .washing-guide a:hover { color: #222222; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-washing-instruction.png') no-repeat scroll right -38px transparent;} .product-view .product-view-bottom-info .size-guide a { display: block; margin: 0 0 5px; padding: 1px 22px 0 0; text-transform: uppercase; font-size: 10px; color: #818080; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-size-guide-large.png') no-repeat scroll right 0 transparent;} .product-view .product-view-bottom-info .size-guide a:hover { color: #222222; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-size-guide-large.png') no-repeat scroll right -35px transparent;} .product-view .product-view-bottom-info .social-share-buttons {display: inline-block;text-align: left;margin-left: 5px;} .product-view .product-view-bottom-info .social-share-buttons > a {display: inline-block; width: 25px;height: 25px;margin-left: 5px;font-size: 0;line-height: 0;vertical-align: top; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .product-view .product-view-bottom-info .social-share-buttons > a:hover { opacity: 1; } .product-view .product-view-bottom-info .social-share-buttons .facebook { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-facebook.png') no-repeat center center; } .product-view .product-view-bottom-info .social-share-buttons .instagram { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-instagram.png') no-repeat center center; } .product-view .product-view-bottom-info .social-share-buttons .twitter { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-twitter.png') no-repeat center center; } .product-view .product-view-bottom-info .social-share-buttons .pinterest { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-pinterest.png') no-repeat center center; } .product-view .product-informations .more-views { float: right;} .product-view .product-informations .more-views ul { float: right; width: 100%;} .product-view .product-informations .more-views ul li { float: right; margin: 0 0 5px;} .product-view .product-informations .more-views ul li a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 72px; height: 92px; border: 1px solid #ffffff; -webkit-transition: border 0.3s ease; transition: border 0.3s ease;} .product-view .product-informations .more-views ul li:first-child a { margin: 0;} .product-view .product-informations .more-views ul li a:hover { border: 1px solid #CECECE;} .product-view .product-informations .more-views ul li a.current-image { border: 1px solid #999999;} .product-view .product-informations .price-box { display: block; margin: 0 0 15px; overflow: hidden;} .product-view .product-informations .price-box .price { font-size: 18px;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; } .product-view .product-informations .price-box .old-price { margin: 0 10px 0 0;} .product-view .product-informations .price-box .old-price, .product-view .product-informations .price-box .special-price { display: inline-block; } .product-view .product-informations .price-box .old-price .price { font-size: 14px; line-height: 1.6;} .product-view .product-informations .price-box .special-price .price { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } /* Product Options */ .product-options { position: relative; } .product-options ul.options-list { margin-right: 5px;} .product-options ul.options-list li { padding: 2px 0; line-height: 1.5;} .product-options ul.options-list input.radio { float: left; margin-top: 3px;} .product-options ul.options-list input.checkbox { float: left; margin-top: 3px;} .product-options ul.options-list .label { display: block; margin-left: 18px;} .product-options ul.options-list label { font-weight: normal;} .product-options ul.validation-failed { padding: 0 7px;} .product-options p.note { margin: 0; font-size: 11px;} .product-options p.required { position: absolute; top: 20px; right: 20px;} .product-options ul li { display: block; -webkit-transition: border 0.2s ease, color 0.2s ease; transition: border 0.2s ease, color 0.2s ease; cursor: pointer;} .product-options ul li.last { display: block; margin: 0 0 15px;} .product-options .input-box { position: relative; float:left; } .product-options .validation-advice { display: block; margin: 5px 0 10px; position: absolute; bottom: -30px; width: 200px; } .product-options .product-hover-color-list { display: block; overflow: hidden; text-align: left;margin: 0;} .product-options .product-hover-color-list li { float: left; border: 2px solid #FFF; border-radius: 2px; cursor: pointer; margin: 0 5px 0 0; -webkit-transition: border 0.1s ease-in-out, color 0.1s ease-in-out; transition: border 0.1s ease-in-out, color 0.1s ease-in-out; box-sizing: border-box; background-size: cover; } .product-options .product-hover-color-list li span { display: block; width: 27px; height: 27px; border-radius: 2px; border: 1px solid #cacaca; box-sizing: border-box; background-size: 100%; } .desktop .product-options .product-hover-color-list li:hover { border: 2px solid #000; } .product-options .product-hover-color-list li.selected { position: relative; margin: 0 5px 0 0;border: 2px solid #000000;border-radius: 2px; background-size: 100% 100%;} .desktop .product-options .product-hover-color-list li:hover span, .product-options .product-hover-color-list li.selected span { border-radius:0; border-color:#FFF; } .product-options .product-hover-color-list li img { display: block; width: 21px; height: 21px; margin: 1px auto;} .product-options .taille-title, .product-options .color-title { display: block; clear: both; text-align: left; font-size: 12px; -webkit-transition: color 0.2s ease,border 0.2s ease; transition: color 0.2s ease,border 0.2s ease;font-family: "cooper_hewittmedium",Helvetica,Arial,sans-serif;margin-bottom: 10px;} .product-options .product-taille-list {display: block;position: relative;font-size: 11px;} .product-options .product-taille-list.active { display: block;} .product-options .product-taille-list .list-taille-item { float: left; -webkit-transition: border-color 0.2s ease, color 0.2s ease; transition: border-color 0.2s ease, color 0.2s ease; cursor: pointer;border: 2px solid #FFF;text-align: center;margin: 0 2px 0 0;border-radius: 2px; box-sizing:border-box; } .product-options .product-taille-list .list-taille-item span { display: block; border: 1px solid #cacaca; min-width: 17px; padding: 0 5px; height: 27px; text-align: center; line-height: 27px; border-radius: 2px; } .desktop .product-options .product-taille-list .list-taille-item:hover, .product-options .product-taille-list .list-taille-item.selected { border: 2px solid #000; color: #000; line-height:28px; } .desktop .product-options .product-taille-list .list-taille-item:hover span, .product-options .product-taille-list .list-taille-item.selected span { border-radius:0; border-color:#FFF; } .product-options .product-taille-list .sold-out:hover, .product-options .product-taille-list .sold-out, .product-options .product-taille-list .sold-out.selected { color: #868686;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-soldout.png') no-repeat center center;} .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; color: #FA6400; background: 0;} .product-options-bottom .tier-prices li { padding: 2px 0; background: 0;} .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #FA6400;} .product-options-bottom .price-box { float: left; margin: 0; padding: 0;} .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right;} .col3-layout .product-options-bottom .price-box { float: none; padding: 0 0 5px;} .product-options-bottom .price-label { float: left; padding-right: 5px;} .product-options-bottom .price-tax { float: left;} .product-options-bottom .add-to-cart { float: left; clear: both;margin: 30px 10px 30px 0;} .add-to-disable .product-options-bottom .add-to-cart { display: none;} .wishlist-index-configure .product-options-bottom .button.link-compare { text-align:center; min-width:200px; } .wishlist-index-configure .product-options-bottom .button.link-compare span { padding:0; background:0 none; } .wishlist-index-configure .product-options-bottom .button.link-compare span span { padding:0 20px; } .wishlist-index-configure .product-shop .product-options-bottom .add-to-links { padding: 0; margin: 0 0 20px 0; } .wishlist-index-configure .product-options-bottom .add-to-cart { margin: 30px 10px 15px 0; } .wishlist-index-configure .link-compare span span { color: #000000;} /* So Cloz */ .product-options-bottom .socloz-integration { clear:both; margin: 15px 0 0 0; float: left; } .product-options-bottom .socloz-integration button.button { min-width: 178px; border: 1px solid #000; display: block; height: 32px; padding: 0 15px; border-radius: 3px; text-align: center; text-transform: uppercase; font-family: "cooper_hewittbook",Helvetica,Arial,sans-serif; font-size: 10px; font-weight: normal; line-height: 32px; letter-spacing: 0.1em; white-space: nowrap; color: #000; background:none; transition: background 0.2s ease; } .product-options-bottom .socloz-integration button.button:hover { background: #000; color: #fff; } .catalog-product-view #socloz-overlay { background: #000!important; opacity: 0.3!important; } .catalog-product-view #customizable { border:1px solid #e3e3e3 !important; border-radius: 2px!important; } .add-to-cart button.button span {height: 36px;background: #000; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; border-radius: 2px;} .add-to-cart button.button:hover span { background: #4a4a4a; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .add-to-cart button.button span span {height: 36px;padding: 0 35px;line-height: 38px;} .add-to-cart span { float: left;} .product-shop { margin-bottom: 20px; } .product-shop .link-wishlist { float:left; display: block;width: 20px;height: 36px;margin: 30px 20px; text-indent: -99999em;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-wishlist.png') no-repeat scroll center center; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .product-shop .link-wishlist:hover { opacity: 1; } .product-shop .configure { float: left;} .product-shop .product-options-bottom { float: left; } .product-shop .socloz-integration { float: left; margin: 30px 0;} .product-shop .socloz-integration .button span span { background:0 none; } .product-shop .product-options-bottom .price-box { float: none; margin: 0 0 5px;} .product-shop .product-options-bottom .price-label { float: none; padding-right: 0;} .product-shop .product-options-bottom .price-tax { float: none;} .product-shop .product-options-bottom .add-to-cart-box { float: left; clear: both; padding-top: 12px;} .product-shop .product-options-bottom .add-to-links { clear: both; padding: 15px 0 0; text-align: left;} .product-shop .button span { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; } .product-shop .add-to-box { margin: 0; } .product-shop .socloz-integration { display: inline-block; } .product-shop .socloz-integration .button span { color: #000000; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin: 0; padding: 0;} /* BUNDLE Product */ .product-view.bundle .product-img-box .product-image img { display: block; z-index: 6; position: relative; left: 0; margin-left: 0; cursor: auto;} .col1-layout .product-view.bundle .product-shop { float: right; position: relative;width: 62.5%;padding: 0 30px; min-height: inherit;box-sizing: border-box;} .product-view.bundle .product-shop { position: relative; top: 0; right: 0; width: 330px;} .product-view.bundle .product-img-box { float: left; position: relative;width: 37.5%;margin: 0;padding: 0;overflow: hidden; min-height:inherit;} .product-view.bundle .qty-holder {display: none;} .product-view .product-img-box #product-image-container .product-macaron-out-of-stock {position: absolute; z-index: 1; top: 10px; right: 35px; background: #3F3F3F; color: #FEFEFE; text-transform: uppercase; font-size: 10px; padding: 4px 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-view .product-img-box #product-image-container.bundle-scrollable { display: block; position: relative; width: 100%; left: inherit; min-height: 700px; padding:0; } .product-view .product-img-box #product-image-container.bundle-scrollable .items { position: absolute; width: 20000em;text-align: left;} .product-view .product-img-box #product-image-container.bundle-scrollable .items ul {display: inline-block;} .product-view .product-img-box #product-image-container.bundle-scrollable .items ul li {width: 465px;} .product-view .product-img-box #product-image-container.bundle-scrollable .items ul li img { display: block; margin: 0 auto;width: 100%;height: auto;} .bundle-options-dd .price { float: right;font-size: 20px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .bundle-options-dd .old-price.bundle .price { margin: 7px 10px 0; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 14px; } .product-view.bundle {height: auto; margin: 0 0 50px;} .product-view.bundle h1 { font-size: 24px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-view.bundle .product-options {margin-top: -15px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-bundle-items.png') no-repeat scroll 0 top transparent;} .product-view.bundle .product-name { width: inherit; text-align:center; margin: 0 0 25px; padding-bottom: 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-header-category-border.png') no-repeat scroll center bottom transparent; } .product-view.bundle .product-options-bottom {margin: 0; width: 100%; } .product-view.bundle dt label { text-transform: none; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 16px; color: #000000;} .product-view.bundle .product-view-bottom-info { display: block;} .product-view.bundle .product-view-bottom-info .washing-guide, .product-view.bundle .product-view-bottom-info .size-guide { display: block; float: left; width: 100%;} .product-view.bundle .product-view-bottom-info .washing-guide a { float: left; padding: 1px 0 0 22px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-washing-instruction.png') no-repeat scroll left 1px transparent;} .product-view.bundle .product-view-bottom-info .washing-guide a:hover { color: #222222; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-washing-instruction.png') no-repeat scroll left -38px transparent;} .product-view.bundle .product-view-bottom-info .size-guide a { float: left; padding: 1px 0 0 22px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-size-guide-large.png') no-repeat scroll left 1px transparent;} .product-view.bundle .product-view-bottom-info .size-guide a:hover { color: #222222; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-size-guide-large.png') no-repeat scroll left -34px transparent;} .product-view.bundle .product-img-box .prev { z-index: 2; position: absolute; top: 50%;left: 10px; width: 40px; height: 40px;margin: -20px 0 0; text-indent: -9999em;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-slider-left.png') no-repeat scroll center center; cursor: pointer; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .product-view.bundle .product-img-box .next { z-index: 2; position: absolute; top: 50%;right: 10px; width: 40px; height: 40px;margin: -20px 0 0; text-indent: -9999em;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-slider-right.png') no-repeat scroll center center; cursor: pointer; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .product-view.bundle .product-img-box .prev:hover, .product-view.bundle .product-img-box .next:hover { opacity: 1; } .product-view.bundle .product-options dd select { display: none;} .product-view.bundle .product-essential h2 { font-size: 20px; font-family: 'cooper_hewittlight',Helvetica,Arial,sans-serif;} .product-view.bundle .product-essential h3 { font-size: 14px; color:#868686; line-height:18px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } .product-view.bundle .bundle-product-description { font-size: 12px;} .product-view.bundle .bundle-product-description + .bundle-product-description { margin: 15px 0 0; font-size: 11px; color: #818080;} .product-view.bundle .show-info { position: absolute;bottom: 0;height: 30px; text-align: left; text-transform: uppercase; font-size: 10px;line-height: 30px;letter-spacing: 0.1em; cursor: pointer;border-radius: 2px 2px 0 0;background: #e7e7e7;padding: 0 20px;right: 0;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;color: #000;z-index: 1; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .product-view.bundle .show-info:hover { background: #cacaca; } .product-view.bundle .show-info .show-title {position: relative;padding-right: 20px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-down-black.png') no-repeat center right;display: block;} .product-view.bundle .show-info .show-title.deployed { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-up-black.png') no-repeat center right;} .product-view.bundle .bundle-color-list li { float: left;margin: 0 5px;border: 2px solid #FFF; border-radius: 2px; overflow: hidden; cursor: pointer; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; -ms-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; box-sizing:border-box; } .product-view.bundle .bundle-color-list li span { display:block; width: 27px;height: 27px; box-sizing:border-box; border: 1px solid #cacaca; border-radius:2px; } .product-view.bundle .bundle-color-list li:hover { border: 2px solid #000; } .product-view.bundle .bundle-color-list li img { width:100%; height:100%; } .product-view.bundle .bundle-color-list li.selected { position: relative; margin: 0 5px;border: 2px solid #000000; border-radius: 2px 2px 2px 2px;} .product-view.bundle .bundle-color-list li.selected:after { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .product-view.bundle .bundle-color-list li.selected span, .product-view.bundle .bundle-color-list li:hover span { border-radius:0; border-color:#FFF; } .product-view.bundle .bundle-color-list li:first-child, .product-view.bundle .bundle-color-list li:first-child.selected { margin: 0;} .product-view.bundle .bundle-size-box { position: relative;} .product-view.bundle .bundle-size-list.active { display: block;} .product-view.bundle .bundle-size-title, .product-view.bundle .bundle-color-title { display: block; clear: both; text-align: left; font-size: 12px; -webkit-transition: color 0.2s ease,border 0.2s ease; transition: color 0.2s ease,border 0.2s ease;font-family: "cooper_hewittmedium",Helvetica,Arial,sans-serif;margin-bottom: 10px;} .product-view.bundle .bundle-size-list {display: block;position: relative;font-size: 11px;} .product-view.bundle .bundle-size-list .bundle-sizes { float: left; cursor: pointer;line-height: 30px;border: 2px solid #FFF;text-align: center;margin: 0 2px 0 0;border-radius: 2px; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; box-sizing:border-box;} .product-view.bundle .bundle-size-list .bundle-sizes span { display:block; min-width: 27px;height: 27px;line-height: 27px; padding:0 5px; border: 1px solid #cacaca; border-radius: 2px; box-sizing:border-box;} .product-view.bundle .bundle-size-list .bundle-sizes:hover, .product-view.bundle .bundle-size-list .bundle-sizes.selected { border: 2px solid #000; color: #000; } .product-view.bundle .bundle-size-list .bundle-sizes:hover span, .product-view.bundle .bundle-size-list .bundle-sizes.selected span { border-radius:0; border-color:#FFF; } .product-view.bundle .bundle-size-list .bundle-sizes.sold-out { color: #868686; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-product-soldout.png') no-repeat center center; } .product-view.bundle .bundle-options-dd { display: block; float: left; position: relative; margin: 0;padding: 18px 0 17px 40px;border-bottom: 1px solid #cacaca;} .product-view.bundle .bundle-options-dd.last { margin: 20px 0 20px;} .product-view.bundle .bundle-options-dd .validation-advice { display: block; margin: 5px 0 10px; position: absolute; bottom: inherit; width: 100%; top: 150px; left: 190px; } .product-view.bundle .bundle-options-dd .info-sold-out { float:none; text-indent:20px; clear:none; margin-bottom:10px; } .product-view.bundle .bundle-options-dd .bundle-small-image { float: left;margin: 0;width: 20%;} .product-view.bundle .bundle-options-dd .bundle-small-image img { width: 100%; height: auto; } .product-view.bundle .bundle-options-dd .input-box { float: left;width: 80%; margin: 0 0 10px;font-size: 18px;padding-left: 20px;box-sizing: border-box;} .product-view.bundle .bundle-options-dd .input-box select { display: none;} .product-view.bundle .bundle-options-dd .input-box .price-notice { float: right;} .product-view.bundle .bundle-options-dd .bundle-configurable {float: left;width: auto;box-sizing: border-box;margin-right: 20px;} .product-view.bundle .bundle-options-dd .bundle-configurable .validation-advice { display: block; margin: 0 0 10px;} .product-view.bundle .bundle-options-dd .bundle-color-box { float: left;width: auto;padding-left: 20px;margin: 0 20px 15px 0;box-sizing: border-box;} .product-view.bundle .bundle-options-dd .size-guide { margin-top: 30px; display: inline-block; } .product-view.bundle .bundle-options-dd .product-info {height: auto!important; margin-bottom: 50px; width: 80%;float: left; display: none; padding-left: 20px;box-sizing: border-box; opacity: 1; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .product-view.bundle .bundle-options-dd .product-info.animated { opacity: 0; } .product-view.bundle .bundle-options-dd .product-info .tab-content { border-bottom: 1px solid #cacaca;cursor: pointer; margin-top: 0; width:100%; } .product-view.bundle .bundle-options-dd .product-info .tab-content > div { margin-bottom: 20px; text-align: left; display: none; } .product-view.bundle .bundle-options-dd .product-info .tab-content .instructions { font-size: 12px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #000000; } .product-view.bundle .bundle-options-dd .product-info h2 { font-size: 11px; padding: 15px 0; text-align: left; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;color: #868686; text-transform:uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; } .product-view.bundle .bundle-options-dd .product-info h2.active { color: #000000; } .product-view.bundle .bundle-options-dd .product-info h2 span { padding-right: 25px; position: relative; display: inline; text-transform: none;} .product-view.bundle .bundle-options-dd .product-info span { text-transform: none; } .product-view.bundle .bundle-options-dd .product-info h2 span:before, .product-view.bundle .bundle-options-dd .product-info h2 span:after { content: ""; position: absolute; top: 0; bottom: 0; width: 8px; height: 2px; margin: auto; background: #868686; transition: all 0.2s;} .product-view.bundle .bundle-options-dd .product-info h2 span:before { right: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .product-view.bundle .bundle-options-dd .product-info h2 span:after { right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .product-view.bundle .bundle-options-dd .product-info h2.active { color: #000000; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; } .product-view.bundle .bundle-options-dd .product-info h2.active span:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #000000; } .product-view.bundle .bundle-options-dd .product-info h2.active span:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #000000;} .product-view.bundle .product-shop .price-box { display: block;width: 100%;margin: 25px 0;float: left;} .product-view.bundle .product-shop .price-box .price-label {text-align: center;display: block;width: 80%;float: left;font-size: 20px;color: #868686;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-view.bundle .product-shop .price-box .full-product-price { float: right;} .product-view.bundle .product-shop .price-box .full-product-price .price { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 24px; } .product-view.bundle .bundle-checkbox { position: absolute;top: 110px;left: 0; width: 20px; height: 20px;border: 1px solid #cacaca; cursor: pointer;margin: auto;border-radius: 2px;} .product-view.bundle .bundle-checkbox.checked {background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/checkbox-black.png') no-repeat scroll center center transparent;} .product-view.bundle .product-options-bottom .add-to-cart { float: right; clear: both; margin: 0; } /* Lookbook Product View */ .collateral-lookbook { display: block; position: relative;width: 100%;height: 145px; margin: 30px 0; border-radius: 2px; overflow: hidden;background: #f5f5f5;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 10px 0;} .collateral-lookbook .title-idee {width: 66.66%;float: right;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;font-size: 20px;text-transform: uppercase;padding-right: 20px;box-sizing: border-box;margin-top: 10px;} .collateral-lookbook .img-look { float: left; width: 33.33%; } .collateral-lookbook .img-look a { display: block;width: 120px;height: 120px;border: 1px solid #e2e2e2;border-radius: 120px;overflow: hidden;background: #ffffff;margin: 0 auto;position: relative;} .collateral-lookbook .img-look a img { display: block; overflow: hidden; margin: auto;height: 100%;width: auto;} .collateral-lookbook p { font-size: 12px; line-height: 18px; color: #000000;float: right;width: 66.66%;padding-right: 20px;box-sizing: border-box;} .collateral-lookbook .button {width: auto;float: left;color: #FFF;border-radius: 2px;background: #868686;padding: 0 24px;line-height: 36px;text-transform: uppercase;height: 36px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .collateral-lookbook .button:hover { background: #4a4a4a; } /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height: 1.25;} /* Block: Upsell */ .product-view .box-up-sell { float: left; clear: both; width: 290px; margin: 25px 0 25px;} .product-view .box-up-sell h2 { margin: 0 0 15px; border-bottom: 1px dotted #dfdfdf; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-border-top-upsell.png') no-repeat scroll 0 0 transparent;} .product-view .box-up-sell .products-grid { width: 100%;} .product-view .box-up-sell .products-grid td { box-sizing: border-box; border: 1px solid #ffffff; line-height: 1.6em; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} .product-view .box-up-sell .products-grid td:hover { border: 1px solid #DEDEDE;} .product-view .box-up-sell .products-grid td img { display: block; margin: 0 auto;} .product-view .box-up-sell .products-grid .product-image { width: 75px; height: 105px; margin: 0 auto 5px; text-align: center;} .product-view .box-up-sell .products-grid td.empty { margin: 0; padding: 0; border: 0 none; font-size: 0;} .product-view .box-up-sell .products-grid .ratings .rating-box { display: block; float: none; margin: 0 0 3px;} .product-view .box-up-sell .products-grid .product-name { margin: 0 0 2px;} .product-view .box-up-sell .products-grid .price-box { width: auto; margin: 0; padding: 0 0 5px; background: 0 none;} .product-view .box-up-sell .products-grid .price-box .price { padding: 0; font-size: 12px;} .product-view .box-up-sell .products-grid .price-box .old-price, .product-view .box-up-sell .products-grid .price-box .special-price, .product-view .box-up-sell .products-grid .price-box .regular-price { display: block; float: none;} .product-view .box-up-sell .products-grid .price-box .old-price .price { font-size: 10px; line-height: 18px;} /* Block: Related */ .product-view .block-related { float: left; clear: both;width: 100%; margin: 10px 0 25px; border: 0 none;text-align: center;position: relative;} .product-view .block-related h2 { margin: 0 0 30px;padding: 0 10px;text-transform: none;font-size: 20px;font-family: inherit;position: relative;} .product-view .block-related h2:before { position: absolute; content: ""; top: 50%;left: 20px;right: 20px; bottom: 0; margin: auto; border-top: 1px solid #cacaca;} .product-view .block-related h2 span { background: #FFF; position: relative; padding: 0 25px;} .product-view .block-related .block-content { background: 0 none;} .product-view .block-related .mini-products-list { width: 100%;text-align: center;} .product-view .block-related .mini-products-list .item {display: inline-block; width: 182px; border: 0 none; line-height: 1.6em; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; padding: 0 20px !important; box-sizing: border-box;} .product-view .block-related .mini-products-list .item img { display: block; margin: 0 auto;} .product-view .block-related .mini-products-list .product-image { display: block;width: 100%;height: auto;margin: 0 auto 10px; text-align: center;float: none;} .product-view .block-related .mini-products-list .item.empty { margin: 0; padding: 0; border: 0 none; font-size: 0;} .product-view .block-related .mini-products-list .ratings .rating-box { display: block; float: none; margin: 0 0 3px;} .product-view .block-related .mini-products-list .product-name { margin: 0 0 2px;font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;font-size: 11px;width: 100%;text-align: center;clear: both;} .product-view .block-related .mini-products-list .product-name a { color: #000000;} .product-view .block-related .mini-products-list .price-box { width: auto; margin: 0; padding: 0 0 5px; background: 0 none;} .product-view .block-related .mini-products-list .price-box .price { display: block; padding: 0; text-align: center; font-size: 12px;color: #000;font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif;} .product-view .block-related .mini-products-list .price-box .old-price, .product-view .block-related .mini-products-list .price-box .special-price, .product-view .block-related .mini-products-list .price-box .regular-price { display: block; float: none;} .product-view .block-related .mini-products-list .price-box .old-price .price { font-size: 10px; line-height: 18px;} /* Quickview */ #product-quickview { position: relative; width: 715px; padding: 20px; border: 1px #e3e3e3 solid; border-radius: 2px; background: #ffffff;} #product-quickview .product-view { height: inherit; min-height: 445px;} #product-quickview .product-img-box { float: left; position: relative; min-height: 445px;} #product-quickview .product-shop { top: 55px; width: 315px;} #product-quickview .product-shop .product-name { margin: 0 0 20px; text-align: left;} #product-quickview .product-shop .price-box { display: block; margin: 15px 0 0; overflow: hidden;} #product-quickview .product-essential h2 { margin: 0 0 10px;} #product-quickview .product-close { display: block; z-index: 9999; position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-close-popin.png') no-repeat scroll 0 0 #ffffff; cursor: pointer;} #product-quickview .product-close:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-close-popin.png') no-repeat scroll 0 -32px #ffffff;} .quickview-scrollable { display: block; position: relative; width: 360px; height: 435px; overflow: hidden;} .quickview-scrollable .items { position: absolute; width: 20000em;} .quickview-scrollable .items ul { float: left;} .quickview-scrollable .items ul li { width: 360px;} .quickview-scrollable .items ul li img { display: block; margin: 0 auto;} #product-quickview .product-img-box .prev { z-index: 9999; position: absolute; top: 50%; left: 10px; width: 40px; height: 40px; margin: -9px 0 0; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-left.png') no-repeat scroll 0 0 transparent; cursor: pointer;} #product-quickview .product-img-box .prev:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-left.png') no-repeat scroll 0 -61px transparent;} #product-quickview .product-img-box .next { z-index: 9999; position: absolute; top: 50%; right: 10px; width: 40px; height: 40px; margin: -9px 0 0; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-right.png') no-repeat scroll 0 0 transparent; cursor: pointer;} #product-quickview .product-img-box .next:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-right.png') no-repeat scroll 0 -61px transparent;} .loader-quickview { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: -99999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/cop-loader.gif') no-repeat scroll center center rgba(255,255,255,0.8);} .product-image-popup { margin: 0 auto;} /* Block: Tags */ .product-view .box-tags { margin: 0;} .product-view .box-tags h3 { font-size: 13px;} .product-view .box-tags .product-tags { display: block; margin: 0 0 15px;} .product-view .box-tags .product-tags li { display: inline; padding: 0 7px 0 4px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_pipe3.gif') 100% 4px no-repeat;} .product-view .box-tags .product-tags li.first { padding-left: 0;} .product-view .box-tags .product-tags li.last { padding-right: 0; background: none;} .product-view .box-tags .form-add label { display: block; margin: 0 0 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #000000;} .product-view .box-tags .form-add .input-box { float: left; width: 305px; margin: 0 5px 0 0; padding: 0 0 0 23px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_tag_add.gif') 0 2px no-repeat;} .product-view .box-tags .form-add input.input-text { width: 299px;} .product-view .box-tags .form-add button.button span { border-color: #406a83; background: #618499;} .product-view .box-tags .note { margin: 3px 0 0; padding: 0 0 0 23px; font-size: 11px;} /* Block: Reviews */ .product-view .box-reviews dl { margin: 15px 0;} .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-view .box-reviews dd { margin: 0 0 15px;} .product-view .box-reviews dd small { font-style: italic;} .product-view .box-reviews .form-add { margin: 15px 0 0;} .product-view .box-reviews .form-add h3 { font-size: 13px; font-weight: normal;} .product-view .box-reviews .form-add h3 span { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-view .box-reviews .form-add h4 { font-size: 12px;} .product-view .box-reviews .form-add .data-table td { text-align: center;} .product-view .box-reviews .form-add .form-list { margin: 15px 0 0;} .product-view .box-reviews .form-add .form-list .input-box { width: 360px;} .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 354px;} /* Product Vidéo */ .product-view #masked-video { display: none; position: absolute; z-index: 7; top: 0;} .product-view #masked-video span { display: block; z-index: 7; position: absolute;width: 100%; height: 100%;background: #fff;} .product-view #masked-video span iframe { width: 425px; height: 637px; } #play-video {display: block; border: 1px solid #000; box-sizing: border-box; background: #000;height: 34px;border-radius: 2px;line-height: 34px;color: #FFF;text-align: center; margin-top: 10px; -webkit-transition: background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out; transition: background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out; } #play-video:hover { background: #4a4a4a; border: 1px solid #4a4a4a; } #play-video.active { background: #fff; border: 1px solid #000; color: #000; } #play-video.active:hover { border: 1px solid #4a4a4a; } #play-video span { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-play.png') no-repeat left center; padding-left: 20px; } #play-video.active span { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-play-black.png') no-repeat left center; padding-left: 20px; } .en-picto { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/copmag-play-video-en.jpg') 0 0 no-repeat!important;} /* Back link */ .return-link {position: absolute;right: 20px;top: 5px;background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-left-black.png") no-repeat scroll left center transparent; clear:both;padding-left: 15px;} .return-link a { text-decoration: underline;color: #868686; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .return-link a:hover { color: #000; } /* Send a Friend */ .send-friend .form-list { width: 615px; overflow: hidden;} .send-friend .form-list li { margin-right: -15px;} .send-friend .form-list li p { margin: 0 15px 0 0;} .send-friend .form-list .field { width: 315px;} .send-friend .form-list .input-box { width: 300px;} .send-friend .form-list input.input-text, .send-friend .form-list textarea { width: 294px;} .send-friend .form-list li.wide .input-box { width: 612px;} .send-friend .form-list li.wide textarea { width: 609px;} .send-friend .buttons-set .limit { float: right; margin: 0 7px 0 0; font-size: 11px; line-height: 21px;} .product-name { margin: 0; font-size: 1em; font-weight: normal;} /* Product Tags */ .tags-list { display: block; padding: 10px; border: 1px solid #c1c4bc; font-size: 13px; background: #f8f7f5;} .tags-list li { display: inline !important; margin: 0 4px 0 0;} .tags-list li a { color: #1b2d3b;} /*********************/ /* GIFT CARD PRODUCT */ /*********************/ form#aw_giftcard-form ul.form-list li div.input-box { float: right; width: auto; padding-bottom: 10px;} form#aw_giftcard-form ul.form-list li div.input-box label { float: left; padding-right: 5px;} form#aw_giftcard-form ul.form-list li div.input-box input { float: right;} form#aw_giftcard-form ul.form-list li div.input-box label.required em { position: static;} div#aw-giftcard-info-block table td.label { width: 60px;} a.giftcard-btn-remove { display: inline; padding-right: 2px; text-decoration: none; vertical-align: middle;} a.giftcard-btn-remove img { vertical-align: middle;} .cart div.aw_giftcard form#aw_giftcard-form button.status { float: left; clear: both;} .cart div.aw_giftcard form#aw_giftcard-form button.status span { height: auto !important; padding: 0 !important; text-transform: none !important; font-weight: normal !important; line-height: 1.3 !important; color: #444 !important; background: none !important;} .cart div.aw_giftcard form#aw_giftcard-form button.status span span { text-decoration: underline; font-size: 12px !important;} .cart #aw-giftcard-info-block { margin-bottom: 20px; } .cart #aw-giftcard-info-block .fieldset { background:#FFF; border: 1px solid #E5E5E5; } .cart #aw-giftcard-info-block .fieldset tr td { font-size:10px; color:#000; padding-right: 10px; } .cart .button-box { text-align: center; float: left; padding-bottom: 50px } .cart .button-box .aw-acp-continue { min-width: 218px; margin: 0 0 10px; border-radius: 2px; transition: background 0.2s ease, border 0.2s ease; -webkit-transition: background 0.2s ease, border 0.2s ease; display: inline-block; white-space: nowrap; color: #000; line-height: 36px; height: 34px; padding: 0 15px; text-transform: uppercase; font-size: 12px; font-weight: normal; border: 1px solid #cacaca; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-left-black.png") no-repeat scroll 24px center transparent; } .cart .button-box .aw-acp-continue:hover { border-color:#000; } div.aw-gc-form-enterprise .form-list input.input-text { width: 249px !important;} div.aw-gc-form-enterprise label { width: 120px; padding-right: 5px; padding-bottom: 5px; text-align: left;} div.aw-gc-form-enterprise .form-list select { width: 150px;} div.aw-gc-form-enterprise div.aw-gc-send-form { z-index: 2; position: relative; margin: 0 -30px -30px; padding: 30px 30px 10px; border-top: 1px solid #DDDDDD; background: none repeat scroll 0 0 #FFFFFF;} div.aw-gc-form-enterprise #aw-gc-amount-box { width: 70px; margin-right: 9px; padding-right: 20px;} div.aw-gc-form-enterprise #aw-gc-amount-box .input-text { width: 70px !important;} div.aw-gc-form-enterprise #aw-gc-amount-box p.notice { z-index: 1; float: left; clear: left; position: relative; width: 55px; margin: 5px -100px 0 0; padding: 0; font-size: 11px; white-space: nowrap;} div.aw-gc-amount-form #aw-gc-amount-box p.notice span { display: block;} .aw-gc-form .fieldset { border:0 none; padding:0; } .aw-gc-form .aw-gc-amount-form { border-bottom: 1px dotted #DFDFDF; margin-bottom: 15px; } .aw-gc-form .aw-gc-amount-form .form-list li { margin-bottom:0; } .aw-gc-form .notice { clear:both; } .aw-gc-form .v-fix, .aw-gc-form .input-box { margin-bottom:10px; } .aw-gc-form .v-fix .validation-advice { width:100%; } .aw-gc-form .form-list input.input-text, .aw-gc-form .form-list textarea { width:278px; } .aw-gc-form .form-list label { color:#000; font-size:11px; } .product-view .product-shop .aw-gc-form .availability { margin-top:0; } .product-item-options .gift-card-text-option { color:#818080; font-size:11px; } .cart .gift-card-info-side, .sidebar .gift-card-info-side { display: block; overflow: hidden; line-height: 20px; font-size: 10px; clear: both; } .cart .gift-card-info-side .list-gift-options, .sidebar .gift-card-info-side .list-gift-options { margin-bottom: 15px; } .cart .gift-card-info-side .content-gift-option, .sidebar .gift-card-info-side .content-gift-option { display: block; color:#818080; } /* Gift card account page */ .aw-giftcard-card-index #aw_giftcard-form .fieldset { float:left; width:370px; margin-bottom:40px; } .aw-giftcard-card-index #aw_giftcard-form .fieldset button.button span { font-size:9px; } .aw-giftcard-card-index #aw_giftcard-form ul.form-list .buttons-set { border:0 none; padding-top: 10px; } .aw-giftcard-card-index #aw_giftcard-form ul.form-list li div.input-box { width:100%; } .aw-giftcard-card-index #aw_giftcard-form ul.form-list li div.input-box label { float:left; font-size: 10px; } .aw-giftcard-card-index #aw_giftcard-form ul.form-list li div.input-box input { float:left; clear:both; width:358px; } .aw-giftcard-card-index #aw-giftcard-info-block .fieldset { margin-bottom:20px; font-size:10px; } .aw-giftcard-card-index #aw-giftcard-info-block .fieldset table td.label { padding-right:10px; } .product-view.bundle .info-cookies { z-index: 2; } /* Product Page :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .product-view .product-img-box {width: 515px;} .product-view .product-img-box #product-image-container { width:358px; } .product-view .product-img-box .more-views { width:105px; height:536px; } .product-view .product-img-box .more-views #lightslider-thumbnails li img { width:105px; } .product-view .product-img-box .product-image img.zoomin {margin-left: -480px;left: 100%;} .product-view .product-informations { width:525px; } .product-view.bundle .bundle-options-dd .product-info { padding: 0; width: 100%; } .bundle-scrollable .items ul li { width: 390px; } .product-shop .button span span { padding: 0 30px !important; } .product-view .product-img-box .lslide iframe { width: 358px; height: 538px; } .product-view .product-img-box #product-image-container.bundle-scrollable { min-height:587px; } .product-view .product-img-box #product-image-container.bundle-scrollable .items ul li { width:390px; } .product-view.bundle .bundle-checkbox { top:90px; } .product-view.bundle .bundle-options-dd .validation-advice { left:166px; } .product-shop .link-wishlist { margin: 30px 15px; } } @media screen and (max-width: 1000px) { .bundle-scrollable .items ul li { width: 465px; } .product-view .product-img-box #product-image-container { width:542px; } .product-view .product-img-box .product-image img { width: 542px;} .product-view .product-img-box .lslide iframe { width: 542px; height: 812px; } .product-view .product-img-box .more-views { width:158px; height:812px; } .product-view .product-img-box .more-views #lightslider-thumbnails li img { width:158px; } .product-view .product-informations { position: relative; width: 100%; float: left; } .product-view.bundle .product-img-box { width: 542px; margin: 0 auto 0; float: none; } .product-view .product-img-box #product-image-container.bundle-scrollable { min-height: 587px; } .product-view .product-img-box #product-image-container.bundle-scrollable .items ul li { width:542px; } .product-view .product-img-box { width: 100%; margin: 0; padding: 0 20px 75px 20px; height: 888px; overflow: hidden; } .product-view.bundle .bundle-options-dd .product-info { padding-left: 20px; width: 80%; } .product-view .product-view-bottom-info { float: right; display: inline-block; width: 50%;text-align: right;line-height: 36px; margin-top: 0;} .product-view .product-view-bottom-info .social-share-buttons { line-height: 25px; } .product-view .product-img-box .product-image img.zoomin {left: 50%;margin-left: -600px;} .col1-layout .product-view.bundle .product-shop { padding: 0; width: 100%; } #play-video { width: 50%; display: inline-block; } .product-view #masked-video span iframe { width: 552px; height: 829px; } .product-view .product-img-box .share { display: inline; } .product-view .product-img-box .share .product-view-bottom-info { line-height: 38px; margin-top: 10px;} .product-shop .button span span { padding: 0 89px !important; } .product-view.bundle .bundle-checkbox { top:120px; } #product-image-container .lSNext { right: 20px !important; } .product-view.bundle .bundle-options-dd .validation-advice { left:202px; } .collateral-lookbook { text-align:center; } .collateral-lookbook .lookbook-block-idea { display: inline-block; width: 55%; margin: 0 auto; } .product-shop .link-wishlist { padding: 0 15px ;} } /* CMS Content Styles ================================================================= */ /* Advanced Search */ .advanced-search .form-list label { width: 160px; padding-right: 10px;} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float: left; clear: none;} .advanced-search-amount { margin: 0 0 10px;} .advanced-search-summary { margin: 10px 0; padding: 10px; border: 1px solid #e9d7c9; background: #fff6f1;} .advanced-search-summary ul { float: left; width: 49%;} .advanced-search-summary strong { padding-left: 15px; color: #E17C24; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_search_criteria.gif') 0 3px no-repeat;} .advanced-search-summary p { clear: both; margin: 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} /* CMS Pre Homepage */ .cms-pre-home .pre-home-container { position: absolute; top: 42%; right: 72%; width: 450px; height: 245px; margin-top: -123px; margin-right: -225px; padding: 0; text-align: center;} .cms-pre-home .pre-home-content { height: 200px; padding: 26px 0; background: rgba(255,255,255,0.9);} .pre-home-container h1 { margin: 10px 0 22px 0;} .pre-home-container ul { margin: 35px 0 0 0; padding: 0;} .pre-home-container ul li { margin: 0 0 5px; text-transform: uppercase; list-style: none; color: #fa6400;} .pre-home-container a { color: #818080;} .pre-home-container a:hover { color: #fa6400;} .pre-home-left { float: left; width: 226px; height: 138px; padding: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bdr-1x138.png') no-repeat scroll right 0 transparent;} .pre-home-right { float: left; width: 224px;} /* CMS Homepage */ .cms-home .std { display: block !important;} .cms-home .std p { display: none;} .cms-home .std ul { padding: 0; list-style: none;} .cms-index-index .main-container { padding-top:0; } /* Slider HOME */ .widget.type-idee { float: left; position: relative; width: 306px; height: 388px; padding-top: 20px; overflow: hidden; background: #F1F1F1;} .type-idee .scrollable-product { width: 310px; overflow: hidden;} .type-idee .scrollable-product .products { position: absolute; width: 20000em;} .type-idee .scrollable-product .idee-slides { float: left;} .type-idee .next { z-index: 1; position: absolute; top: 50%; right: 10px; width: 40px; height: 40px; margin: -9px 0 0; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-right.png') no-repeat scroll 0 0 transparent; cursor: pointer;} .type-idee .next:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-right.png') no-repeat scroll 0 -61px transparent;} .type-idee .prev { z-index: 1; position: absolute; top: 50%; left: 10px; width: 40px; height: 40px; margin: -9px 0 0; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-left.png') no-repeat scroll 0 0 transparent; cursor: pointer;} .type-idee .prev:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-left.png') no-repeat scroll 0 -61px transparent;} .idee-slides li { width: 306px; height: 408px;} .idee-slides li a { width: 306px; height: 408px;} .idee-slides li a img { display: block; margin: 0 auto;} .type-idee .macaron-idee { display: block; z-index: 1; position: absolute; top: 20px; right: 20px; width: 70px; height: 30px; padding: 20px 0; text-align: center; font-size: 14px; line-height: 16px; color: #ffffff; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-macaron-idees.png') no-repeat scroll 0 0 transparent;} .type-slider { float: left; position: relative; width: 100%; height: 425px; overflow: hidden; margin-bottom: 10px;} .type-slider .slider-home { margin: 0; } .type-slider .slider-home img { width: 1200px; height: 425px; } .type-slider .scrollable-product { width: 690px; overflow: hidden;} .type-slider .scrollable-product .products { position: absolute; width: 20000em;} .type-slider .scrollable-product .slider-home { float: left;} .type-slider .next { z-index: 1; position: absolute; top: 205px; right: 0; cursor: pointer;} .type-slider .prev { z-index: 1; position: absolute; top: 205px; left: 0; cursor: pointer;} .type-slider .navi-slider { z-index: 1; position: absolute; top: 365px; left: 50%; width: 210px; margin-left: -105px; text-align: center;} .type-slider .navi-slider button {border: 0 none; cursor: pointer;padding: 0 5px; background: none;} .type-slider .navi-slider button span {border-radius: 50px;width: 10px;height: 10px; background: #868686!important; font-size: 0;display: block;} .type-slider .navi-slider button.active span { background: #000000!important;} .home-follow { float: right; width: 485px;} .home-follow .home-title { margin: 25px 0 0; padding: 0; text-align: center; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-linethrough-title.png') no-repeat scroll center center transparent;} .home-follow .home-title h2 { display: inline; padding: 0 12px; text-align: center; font-size: 24px; line-height: 38px; color: #000000; background: #FFFFFF;} .home-follow .follow-item-list { display: block; clear: both; margin: 10px 0 0; padding: 0 0 25px; border-bottom: 1px dotted #d9d9d9; overflow: hidden;} .home-follow .follow-item-list .follow-item { float: left; padding: 0 76px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-social.png') no-repeat scroll right center transparent;} .home-follow .follow-item-list .follow-item.last { background: 0 none;} .home-follow .follow-item-list .follow-item a { display: block; height: 58px; overflow: hidden; text-indent: -99999em;} .home-follow .follow-item-list .cop-copine-inside { width: 147px;} .home-follow .follow-item-list .cop-copine-inside a { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/logo-copcopine-inside.png') no-repeat scroll 0 0 transparent;} .home-follow .follow-item-list .cop-copine-inside a:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/logo-copcopine-inside.png') no-repeat scroll 0 -400px transparent;} .home-follow .follow-item-list .instagram { width: 25px;} .home-follow .follow-item-list .instagram a { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-big-instagram.png') no-repeat scroll 0 0 transparent;} .home-follow .follow-item-list .instagram a:hover { background-position: 0 -400px;} .home-follow .follow-item-list .facebook { width: 25px;} .home-follow .follow-item-list .facebook a { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-big-facebook.png') no-repeat scroll 0 0 transparent;} .home-follow .follow-item-list .facebook a:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-big-facebook.png') no-repeat scroll 0 -400px transparent;} .home-follow .follow-item-list .twitter { width: 34px; padding: 0 48px;} .home-follow .follow-item-list .twitter a { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-big-twitter.png') no-repeat scroll 0 0 transparent;} .home-follow .follow-item-list .twitter a:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-big-twitter.png') no-repeat scroll 0 -400px transparent;} .newsletter-block { display: block; clear: both; padding: 36px 0 36px 76px; overflow: hidden;} .newsletter-block .block-subscribe { margin: 0; border: 0 none;} .newsletter-block .block-content { background: 0 none;} .newsletter-block .block-title { float: left; margin: 0 15px 0 0; padding: 10px 0 0;} .newsletter-block .block-title span { padding: 2px 0 0 30px; text-transform: uppercase; font-size: 12px; color: #7F7F7F; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-big-newsletter.png') no-repeat scroll left -2px transparent;} .newsletter-block #newsletter-validate-detail .block-content { float: left; position: relative; width: 215px; padding: 0;} .newsletter-block #newsletter-validate-detail .block-content .form-subscribe-header { display: none;} .newsletter-block #newsletter-validate-detail .block-content .input-box { float: left;} .newsletter-block #newsletter-validate-detail .block-content input#newsletter { width: 175px; height: 20px; margin: 0; padding: 5px 0 3px 10px; border: 1px solid #7f7f7f; border-radius: 2px; font-size: 10px; line-height: 20px; color: #818080; background: #ffffff; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} .newsletter-block #newsletter-validate-detail .block-content input#newsletter:focus { border: 1px solid #555555;} .newsletter-block #newsletter-validate-detail .block-content input#newsletter.validation-failed { height: 20px; border: 1px dotted #EB340A !important; background: #ffffff !important;} .newsletter-block #newsletter-validate-detail .block-content .actions { position: absolute; top: 0; right: 0; width: 30px; height: 30px; margin: 0;} .newsletter-block #newsletter-validate-detail .block-content .actions button.button { width: 30px;} .newsletter-block #newsletter-validate-detail .block-content .actions button.button span { border: 0 none; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #000000; -webkit-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out;} .newsletter-block #newsletter-validate-detail .block-content .actions button.button:hover span { background: #fa6400;} .newsletter-block #newsletter-validate-detail .block-content .actions button.button span span { padding: 0; font-size: 10px; line-height: 32px; color: #ffffff; background: 0 none;} .newsletter-block #newsletter-validate-detail .block-content .actions button.button:hover span span { border: 0 none; background: 0 none;} /* Sitemap */ .page-sitemap .links { margin: 0 8px -22px 0; text-align: right;} .page-sitemap .links a { position: relative; text-decoration: none;} .page-sitemap .links a:hover { text-decoration: underline;} .page-sitemap .sitemap { margin: 12px;} .page-sitemap .sitemap a { color: #1b2d3b;} .page-sitemap .sitemap li { margin: 3px 0;} .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .page-sitemap .sitemap li.level-0 a { color: #1e7ec8;} /* RSS */ .rss-title h1 { padding-left: 27px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_rss-big.png') 0 4px no-repeat;} .rss-table .link-rss { display: block; line-height: 1.55; background-position: 0 4px;} /* 404 page */ .cms-index-noroute .main { text-align: center;} .cms-index-noroute .col-main { padding: 0 0 30px;} .cms-index-noroute .main a { text-decoration: underline;} .cms-index-noroute .main a:hover { text-decoration: none;} /* CMS PAGE */ .cms-page-view .page-title { width: 100%; margin: 0 0 25px; padding: 0 0 20px; overflow: hidden; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/line-espace-client.png'); background-repeat: no-repeat; background-position: bottom;} .cms-page-view .col-main { margin: 0 0 20px;} .cms-page-view table tr td { height: inherit; padding: 10px; border: 1px solid #EAEAEA;} .titrage-1 { padding: 10px 0; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif !important; border-bottom: 1px solid #cacaca; display: block; margin-bottom: 20px; } .cms-page-view .col-main .std a { color: #000000 !important; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;} .cms-page-view .col-main .std a:hover { color: #888888 !important;} /* PAGE CONTACT */ .contacts-index-index .legend { margin: 0 0 10px;} .contacts-index-index .page-title { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-header-category-border.png') no-repeat scroll center bottom transparent; margin-bottom: 40px; padding-bottom: 20px;} .contacts-index-index .form-list .wide { margin: 0 10px 15px 10px;} .contacts-index-index .form-list .wide .input-box { width: 100%;} .contacts-index-index .form-list li.wide textarea { width: 100%;} /* livraison */ .cms-livraison { color: #868686; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .cms-livraison h2 { text-transform: uppercase; } .cms-livraison strong { color: #000000; } .cms-livraison p { margin-top: 20px; } /* CGV */ .cms-cgv p { margin-top: 20px; } /* Mentions */ .cms-mentions-legales p { margin-top: 20px; } /* Collection */ .cms-collection .main { text-align: center; } .cms-collection .main .std img { width:100%; } /* Alert message for CMS page */ .std .messages li.note-msg ul li, .std .messages li.notice-msg ul li { padding: 1px 0 0 22px; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/icon-warning.png") no-repeat left; } .std ul.messages { padding-left: 0; } /* CMS Content styles :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { } @media screen and (max-width: 1000px) { .type-slider { height: 266px; } .type-slider .slider-home img { width: 750px; height: 266px; } .type-slider .navi-slider { top: 230px; } } /* Shopping Cart ========================================================================= */ /* 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; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_collapse.gif') 100% 5px no-repeat; 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;} .cart + #product-quickview { display: none;} .cart .page-title { margin: 0 0 12px; border-bottom: 0;} .cart .page-title h1 { width: 100%; margin-bottom: 20px; padding-bottom: 20px; text-align: center;position: relative;} .cart .page-title h1:before { content: '';position: absolute;width: 80px;height: 1px;border-bottom: 1px solid #cacaca;bottom: 0px;margin: auto;right: 0;left: 0;} /* Checkout Types */ .cart .page-title .checkout-types li { margin: 0 0 5px;} .cart .title-buttons .checkout-types { float: right;} .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px;} .cart .checkout-types .paypal-or { margin: 0 8px; line-height: 2.3;} .cart .totals .checkout-types .paypal-or { display: block; clear: both; padding: 8px 55px 0 0; font-size: 11px; line-height: 1.0;} /* Shopping Cart Table */ .cart-table th { padding: 2px 10px;} .cart-table tr {background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-border-cart-item.png') no-repeat scroll 0 bottom transparent !important; background-size: 100% auto;} .cart-table td { position: relative;padding: 10px 20px 10px 0;} .cart-table tr:first-child td { padding-top:0; } .cart-table td:first-child { width:135px; } .cart-table td .product-image { width:135px; display:block; } .cart-table td .product-image img { width: 100%; height: auto;} .cart-table .item-box { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;margin-top: 15px;} .cart-table .price-details-item {width: 25%; padding-right: 0;position: relative;padding-left: 0; text-align: right;} .cart-table .price-details-item .cart-price { margin-top: -3px; display: block; } .cart-table .price-details-item .price { display: block;font-size: 20px; color: #000000;} .cart-table .price-details-item .old-price { display: block; font-size: 14px; color: #818080;} .cart-table .price-details-item .remove-item-button { display: block; position: absolute; right: 0;bottom: 35px;font-size: 12px; white-space: nowrap;color: #868686;padding-right: 20px;text-decoration: underline;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-black-close.png') no-repeat right center;} .cart-table .price-details-item .remove-item-button:hover {color: #000;} .cart-table .product-details-item {width: 50%;} .cart-table .product-details-item .product-item-options {display: block;margin: 10px 0 10px;overflow: hidden;} .cart-table .product-details-item .product-item-options .item-options { margin: 0 0 10px;float: left;} .cart-table .product-details-item .product-item-options .item-options dt {float: left;line-height: 32px; margin-right:4px; } .cart-table .product-details-item .product-item-options .cart-bundle span { display: block; clear: both;} .cart-table .product-details-item .product-item-options .cart-bundle .ajax-color { margin-bottom: 5px;} .cart-table .product-details-item .product-item-options .ajax-color { display: inline-block; margin: 2px 0 0 5px; border: 2px solid #000; border-radius: 2px; overflow: hidden; } .cart-table .product-details-item .product-item-options .ajax-color span { display:block; width: 26px;height: 26px; border:1px solid #FFF; box-sizing:border-box; } .cart-table .product-details-item .product-item-options .ajax-color img { width: 100%; } .cart-table .product-name { margin: 0; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 15px; min-height: 26px; } .cart-table .product-name a {color: #000000; padding: 0 20px 0 0;} .cart-table .product-intro-title { color: #868686; display: block; font-size: 14px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; margin-bottom: 20px; margin-top:-5px; } .cart-table .item-msg {display: inline-block;width: 100%;margin: 0; overflow: hidden; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;font-size: 10px; color: #df280a;line-height: 1.5;} .cart-table tfoot td { padding: 5px 10px;} .cart-table .btn-continue { float: left;} .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { border-color: #406a83; background: #618499;} .cart-table .btn-update, .cart-table .btn-empty { float: right;} .cart-table .btn-update { margin-left: 10px;} .cart-table input.qty { display: none;} .cart-table .qty-label {margin: 0;float: left;text-transform: uppercase;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;line-height: 32px;margin-right: 13px;} .cart-table .qty-block { position: relative;float: left;line-height: 30px;height: 30px;padding: 0 10px;box-sizing: border-box;border: 1px solid #cacaca; -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out;border-radius: 2px;margin-bottom: 20px;} .cart-table .qty-block .current-qty {display: inline-block;width: 50px; text-align: left; font-size: 12px;background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-arrow-down.png') no-repeat right center; cursor: pointer;position: relative;} .cart-table .qty-block .current-qty:before { content: ''; position: absolute;top: 0;bottom: 1px;margin: auto;border-left: 1px solid #cacaca;right: 18px; -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out;} .cart-table .qty-block:hover { border: 1px solid #000; -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; cursor: pointer; } .cart-table .qty-block:hover .current-qty:before { border-left: 1px solid #000;} .cart-table .qty-block .qty-picker { display: none; z-index: 2; position: absolute;top: 29px;padding: 8px 15px;border: 1px solid #cacaca; border-top: 0 none; border-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden; text-align: left; font-size: 12px;background: #FFF;left: 0px;box-sizing: border-box;right: 0;} .cart-table .qty-block .qty-picker.active { display: block;text-align: center;} .cart-table .qty-block .qty-picker .options { float: left; clear: both; width: 100%; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer; color: #868686;} .cart-table .qty-block .qty-picker .options.selected, .cart-table .qty-block .qty-picker .options:hover { color: #000;} #shopping-cart-table { padding: 0 0 20px;box-sizing: border-box;float: left;} #shopping-cart-table tfoot { display: none;} .cart form { float: left;width: 62.5%;padding: 0 30px 0 0;box-sizing: border-box;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float: right; width: 37.5%;margin-bottom: 15px;} .cart .cart-collaterals .col2-set { float: left; width: 605px;} .cart .cart-collaterals .col2-set .col-2 { width: 294px;} .cart .crosssell .title { position: relative;margin-bottom: 25px; text-align: center;} .cart .crosssell .title:before { content: ''; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; margin: auto; border-top: 1px solid #cacaca;} .cart .crosssell h2 { display: inline-block; position: relative; padding: 0 20px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 20px; background: #FFF;} .cart .crosssell .product-details { position: relative; font-size: 11px; margin: 10px 0 0; } .cart .crosssell .product-details .product-name { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} .cart .crosssell li.item { margin: 0;} .cart .crosssell .link-compare { font-weight: normal;} #crosssell-products-list {text-align: center;margin: 0 -8px;} #crosssell-products-list .product-image { display: block; position: relative; overflow: hidden;margin-bottom: 10px;} #crosssell-products-list .product-image img { display: block;width: 100%;height: auto;} #crosssell-products-list .product-name a { display: block; text-align: center; color: #000000;} #crosssell-products-list .product-name a:hover { color: #fa6400;} #crosssell-products-list li { box-sizing: border-box;width: 33.33%;padding: 0 8px; border: 1px solid #FFFFFF; text-align: center; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; display: inline-block; margin: 0 -2px 20px;} #crosssell-products-list li .product-name img { width:100%; } #crosssell-products-list .price {font-size: 11px;font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif;} #crosssell-products-list .old-price .price { font-size: 10px;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart #discount-coupon-form, .cart .aw_giftcard { display:none;width: 100%;padding: 0;} .cart .giftcard-validated { display:block; } .cart .discount {padding: 0 0 20px;} .cart .discount .discount-form label { display: none; } .cart .discount h2, .cart .shipping h2 { padding: 0 0 0 21px; text-transform: uppercase; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 16px; color: #FA6400; background: no-repeat 0 0;} .cart .discount button span span, .cart .shipping button span span {font-size: 12px; line-height: 32px; letter-spacing: 0.1em;padding: 0 16px;} .cart .discount .buttons-set, .cart .shipping .buttons-set {margin: 0;padding: 0 8px;clear: none;border: 0;text-align: center;width: 40%;float: left;box-sizing: border-box;} .cart .discount .buttons-set button.button, .cart .discount .buttons-set button.button + button.button { margin: 0; width: 100%; } .cart .discount .buttons-set button.button + button.button { margin-top:10px; } .cart .discount .buttons-set button.button span { background: #e7e7e7; color: #000; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out; } .cart .discount .buttons-set button.button:hover span { background-color:#CCC; } .cart .discount h2 {margin: 25px 0 20px; padding: 0;font-size: 18px; color: #000000;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .cart .discount .input-box {width: 60%;padding: 0 8px;box-sizing: border-box;float: left;} .cart .discount .buttons { margin: 0 -8px; } .cart .discount input.input-text {width: 100%;padding: 10px;font-size: 12px; line-height: 12px;} .cart .discount input.input-text::-webkit-input-placeholder { font-family: 'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; } .cart .discount input.input-text:-moz-placeholder { font-family: 'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; } .cart .discount input.input-text::-moz-placeholder { font-family: 'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; } .cart .discount input.input-text:-ms-input-placeholder { font-family: 'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; } .cart .discount input.input-text:placeholder-shown { font-family: 'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; } .cart .shipping h2 { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_shipping.gif');} .cart .shipping .sp-methods { margin: 10px 0 0; padding: 5px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_divider1.gif') 0 0 repeat-x;} .cart .coupon-link-box { overflow:hidden;text-align: center;} /* Shopping Cart Totals */ .cart .totals {float: left;width: 37.5%;margin: 0 0 30px;padding: 40px;background: #FFF;box-sizing: border-box;border: 1px solid #cacaca;text-transform: uppercase;} .cart .totals table { width: 100%; margin: 7px 0;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .cart .totals td { padding: 1px 15px 1px 7px;} .cart .totals tbody tr td { padding: 0 0 2px; font-size: 12px; color: #818080;} .cart .totals tfoot th { padding: 5px 15px 5px 7px;} .cart .totals tfoot td { padding: 20px 0;font-size: 20px;border-top: 1px solid #cacaca;border-bottom: 1px solid #cacaca;} .cart .totals tfoot td .price {} .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: 16px;} .cart .totals .checkout-types { display: block; overflow: hidden; font-size: 13px; clear:both;padding: 0;} .cart .totals .checkout-types button.button {float: none;display: block;width: 100%;} .cart .totals .checkout-types #popin-login { display: none; left:50%!important; margin-left:-376px; } .cart .totals .checkout-types #popin-login .messages { display: none;} .cart .totals .checkout-types #popin-login .account-login { display: block; position: relative; width: 650px; margin: 0; padding: 50px 50px; border: 1px solid #DFDFDF; border-radius: 3px; overflow: hidden; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-account-login.png') no-repeat scroll center center #FFFFFF;} .cart .totals .checkout-types li { display: block; clear: both;margin: 20px 0 0; overflow: hidden;} .cart .totals .totals-product-list { display: block; margin: 0 0 15px;padding: 0;overflow: hidden;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .cart .totals .totals-product-list li { display: block; overflow: hidden;margin-bottom: 10px;} .cart .totals .totals-product-list .totals-product-name { float: left;width: 66.66%; text-transform:none; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } .cart .totals .totals-product-list .totals-product-price { float: right;width: 33.33%;text-align: right;} .cart .totals .coupon-box { display: block;margin: 25px 0 5px; color: #818080;text-transform: none;font-size: 12px;} .giftcard-link-box { clear:both; display: block; margin: 25px 0 0; font-size: 9px; color: #818080; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-border-cart-totals.png') no-repeat scroll center top transparent; padding-top:25px; } .cart .totals .coupon-box .coupon-link {display: inline-block;} .cart .totals .coupon-box #coupon-display { margin: 0 0 0 5px; color: #000000;display: inline-block;} .cart #aw_giftcard-form { margin: 0; padding: 0 0 20px; border-bottom: 1px dotted #D9D9D9; } .cart .cart-bundle { display: block; margin: 0 0 0 -5px; overflow: hidden; clear: both; width: 100%; float: left; } .cart .cart-bundle strong, .cart .cart-bundle .cart-bundle-size { display: inline-block!important; vertical-align: top; margin: 0 5px;} .cart .cart-bundle .ajax-color { display: inline-block; } /* Options Tool Tip */ .item-options dt { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} .item-options dd {float: left;margin-right: 30px;line-height: 32px;} .truncated { cursor: help;} .truncated a.dots { cursor: help;} .truncated a.details { cursor: help;} .truncated .truncated_full_value { z-index: 999; position: relative;} .truncated .truncated_full_value .item-options { z-index: 999; position: absolute; top: -99999em; left: -99999em; width: 250px; padding: 8px; border: 1px solid #dddddd; background-color: #f6f6f6;} .truncated .truncated_full_value .item-options > p { text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .truncated .show .item-options {top: 33.33%;left: 33.33%;text-align: center;background: #FFF;box-shadow: 0px 5px 5px #CACACA;border: 1px solid #cacaca;} .col-left .truncated .show .item-options { top: 7px; left: 15px;} .col-right .truncated .show .item-options { top: 7px; left: -240px;} .cart .old-price { text-decoration: line-through;} .cart-empty { text-align:center; } /* Cart :: Media queries ================================================================================ */ @media screen and (max-width: 1000px) { .cart form { width: 100%; padding: 0; } .cart-table .product-details-item { width: 50%; } .cart-table .price-details-item { width: 30%; } #shopping-cart-table { padding-bottom: 10px; } .cart .totals { width: 100%; } .cart .cart-collaterals { width: 100%; } #crosssell-products-list { width: 75%; margin: 0 auto; } } /* Checkout ============================================================================== */ /* Shipping and Payment methods */ .sp-methods { margin: 0 0 8px;} .sp-methods dt { margin: 13px 0 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .sp-methods dd li { margin: 5px 0;} .sp-methods label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #666666;} .sp-methods .price { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .sp-methods .form-list { padding-left: 20px;} .sp-methods .form-list li { margin: 0 0 8px;} .sp-methods select.month { width: 154px; margin-right: 10px;} .sp-methods select.year { width: 96px;} .sp-methods input.cvv { width: 3em !important;} .sp-methods .checkmo-list li { margin: 0 0 5px;} .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right;} .sp-methods .checkmo-list address { float: left;} .sp-methods .centinel-logos a { margin-right: 3px;} .sp-methods .centinel-logos img { vertical-align: middle;} .sp-methods .release-amounts { margin: 0.5em 0;} .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0;} .please-wait { float: right;} .please-wait img { vertical-align: middle; margin-right: 15px;} .cvv-what-is-this { margin-left: 10px; font-size: 11px; cursor: help;} /* Tooltip */ .tool-tip { z-index: 9999; position: absolute; padding: 15px 20px; border: 1px solid #7BA7C9; background: #EAF6FF;} .tool-tip .btn-close { margin: -9px -14px 0; text-align: right;} .tool-tip .btn-close a { display: block; width: 15px; height: 15px; margin: 0 0 0 auto; overflow: hidden; text-align: left; text-indent: -999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_window_close.gif') 100% 0 no-repeat;} .tool-tip .tool-tip-content { padding: 5px;} /* Gift Messages */ .gift-messages h3 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; color: #e87403;} .gift-messages p.control { color: #8e8d8b;} .gift-messages-form { position: relative;} .gift-messages-form label { float: none !important; position: static !important;} .gift-messages-form h4 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; color: #e87403;} .gift-messages-form .whole-order { margin: 0 0 25px;} .gift-messages-form .item { margin: 0 0 10px;} .gift-messages-form .item .product-img-box { float: left; width: 75px;} .gift-messages-form .item .product-image { margin: 0 0 7px;} .gift-messages-form .item .number { margin: 0; text-align: center; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #8a8987;} .gift-messages-form .item .details { margin-left: 90px;} .gift-messages-form .item .details .product-name { margin: 0 0 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px;} .gift-messages-form .item .details .form-list .field { width: 255px;} .gift-messages-form .item .details .form-list .input-box { width: 240px;} .gift-messages-form .item .details .form-list input.input-text { width: 234px;} .gift-messages-form .item .details .form-list li.wide .input-box { width: 500px;} .gift-messages-form .item .details .form-list li.wide textarea { width: 494px;} .gift-message-link { padding-right: 7px; font-size: 11px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_collapse-gm.gif') 100% 6px no-repeat;} .gift-message-link.expanded { background-position: 100% -40px;} .gift-message-row { background: #f2efe9;} .gift-message-row .btn-close { float: right; width: 16px; height: 16px; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_gm-close.gif') 0 0 no-repeat;} /* Checkout Agreements */ .checkout-agreements li { margin: 30px 0;} .checkout-agreements .agreement-content { display: none; height: 12em; padding: 10px; border: 1px solid #bbb6a5; overflow: auto; background-color: #fbfaf6;} .checkout-agreements .agree { margin: 0; padding: 10px 0 10px 11px;} .checkout-agreements .agree input.checkbox { margin-right: 6px;} .checkout-agreements .agree label { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; color: #000000;} .checkout-agreements .agree label a { text-decoration: underline;} .opc .checkout-agreements { padding: 5px 0;} .opc .checkout-agreements li { margin: 20px 0 0;} .opc .checkout-agreements .agreement-content { position: relative; width: 715px; height: 400px; padding: 50px; border: 1px solid #EEEEEE; border-radius: 3px; text-align: left; background: #FFFFFF;} .opc .checkout-agreements .agreement-content .close-cgv { float: right; padding: 9px 20px; background: #000; border-radius: 3px; color: #FFF!important; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out; } .opc .checkout-agreements .agreement-content .close-cgv:hover { background:#4a4a4a; } .opc .checkout-agreements .agree { padding: 10px 0; float: right; position: relative;} .opc .checkout-agreements .agree .checkbox { width: 20px; height: 20px; margin: 0; opacity: 0; } .opc .checkout-agreements p label:before { content: ""; position: absolute; top: -2px; bottom: 0; left: -7px; width: 20px; height: 20px; margin: auto; border: 1px solid #cacaca; border-radius: 2px; font-size: 0; line-height: 0; cursor: pointer;} .opc .checkout-agreements p input.checkbox:checked + label:before { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/checkbox-black.png') no-repeat center center; } .opc #review-buttons-container p { margin-top: -61px !important; } .centinel .authentication { border: 1px solid #dddddd; background: #ffffff;} .centinel .authentication iframe { width: 99%; height: 400px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;} .opc .centinel { padding: 10px 30px; border-right: 1px solid #bbb6a5; border-bottom: 1px solid #bbb6a5; border-left: 1px solid #bbb6a5;} /* Generic Info Set */ .info-set { margin: 0 0 25px; padding: 20px; border: 1px solid #bbb6a5; background: #fbfaf6 url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_checkout.gif') 0 0 repeat-x;} .info-set h2 { margin: 0 0 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px;} .info-set h3, .info-set h4 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #FA6400;} .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight: normal;} .info-set h2.legend { position: relative; margin: -20px -20px 15px; padding: 5px 10px; border-bottom: 1px solid #bbafa0; background: #f9f3e3;} .info-set h3.legend { margin: 0 0 10px; color: #000000;} .info-set .divider { position: relative; margin: 0 -20px; padding: 25px 0;} .info-set .box { margin: 0 0 15px;} .info-set .box h2 { color: #FA6400;} .info-set .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important;} .info-set .data-table .product-name a { font-weight: bold !important;} .info-set .data-table .item-options { margin: 5px 0 0;} /* One Page Checkout */ .block-progress { margin: 0; border: 0;} .block-progress .block-title { margin: 0 0 5px; padding: 0; border: 0; background: none;} .block-progress .block-title strong { font-size: 13px; color: #000000;} .block-progress .block-content { background: none;} .block-progress .block-content ol { margin: 0 -10px; overflow: hidden; } .block-progress .block-content ol .item { margin: 13px 0 40px; text-align: center; padding: 0 8px; width: 50%; box-sizing: border-box; } .block-progress .block-content ol .item .item-box { border: 1px solid #cacaca; padding: 30px; width: 100%;min-height: 210px;box-sizing: border-box;} .block-progress .block-content ol .item .item-box h3 {font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; text-transform: uppercase; margin-bottom: 15px;} .block-progress .block-content ol .item .item-box address { margin: 0 0 35px; color: #868686; } .checkout-onepage-index, .checkout-onepage-success { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; } .checkout-onepage-index .col-main, .checkout-onepage-success .col-main{ width: 730px;} .checkout-onepage-index .col-right, .checkout-onepage-success .col-right{ width: 305px; margin: 150px 0 0; padding: 0;} .checkout-onepage-index .page-title h1, .checkout-onepage-success .page-title h1{ display: block; float: none; margin: 30px 0 0 0; text-align: center; font-size: 24px; color: #000000; } .checkout-onepage-index .page-title, .checkout-onepage-success .page-title {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/line-espace-client.png");background-repeat: no-repeat; background-position: bottom; width: 1200px; } .checkout-onepage-index .page-title h1, .checkout-onepage-success .page-title h1{ padding: 0 0 25px 0; margin-top:0; } .checkout-onepage-success .col-main { text-align: center; padding-bottom:20px; } .checkout-onepage-success .col-main h2 { text-transform: uppercase; margin-top: 65px; font-size:14px; } .checkout-onepage-success .col-main p { color: #868686; } .checkout-onepage-success .col-main .buttons-set { text-align: center; margin: 25px 0 50px;} .checkout-onepage-success .col-main .buttons-set .button { float: none; margin-left: 0; width:auto; } .checkout-onepage-success #shopping-cart-totals-table { padding: 20px 30px; box-sizing: border-box; width: 445px; text-transform: uppercase; border: 1px solid #cacaca;} .checkout-onepage-success #shopping-cart-totals-table .full-cart-amount { font-size: 16px; } .checkout-onepage-success .col-right { float: left; margin: 105px 0 0; } .checkout-onepage-success table tr td { padding: 7px 0; } .checkout-onepage-success tfoot tr td { border-top: 1px solid #cacaca; font-size: 20px; padding: 20px 0 0 0; } .checkout-onepage-success tbody tr td { font-size: 12px; color: #818080; } .checkout-onepage-index .data-table tbody .cart-price .price { color: #818080; } .onepage-right { float: right; width: 445px; margin: 0 0 30px; padding: 30px 30px 0; border: 1px solid #cacaca; box-sizing: border-box; text-transform: uppercase;} .onepage-right .totals-product-list { display: block; margin: 0 0 15px; overflow: hidden;} .onepage-right .totals-product-list li { display: block; overflow: hidden; padding-bottom: 10px;} .onepage-right .totals-product-list .totals-product-name { float: left; max-width: 150px; font-family: 'cooper_hewittbook',Helvetica,Verdana, sans-serif; text-transform:none; } .onepage-right .totals-product-list .totals-product-price { float: right; max-width: 90px;} .onepage-right #shopping-cart-totals-table { width: 100%; margin: 0;} .onepage-right #shopping-cart-totals-table table { width: 100%; margin: 7px 0;} .onepage-right #shopping-cart-totals-table td { padding: 1px 15px 1px 7px;} .onepage-right #shopping-cart-totals-table tbody tr td { padding: 0 0 20px; font-size: 12px; color: #818080; line-height: 30px;} .onepage-right #shopping-cart-totals-table tbody tr + tr td { padding: 0 0 2px; font-size: 12px; color: #818080;} .onepage-right #shopping-cart-totals-table tbody tr:first-child td { padding: 0 0 2px;} .onepage-right #shopping-cart-totals-table tfoot th { padding: 5px 15px 5px 7px;} .onepage-right #shopping-cart-totals-table tfoot td { padding: 20px 0; border-top: 1px solid #D9D9D9; font-size: 20px;} .onepage-right #shopping-cart-totals-table tfoot td .price { display: block;} .onepage-right #shopping-cart-totals-table tfoot th strong, .onepage-right #shopping-cart-totals-table tfoot td strong { font-size: 16px;} .cart .totals .checkout-types #popin-login { display: none;} .cart .totals .checkout-types #popin-login .messages { display: none;} .cart .totals .checkout-types #popin-login .account-login { display: block; position: relative; width: 650px; margin: 0; padding: 50px 50px; border: 1px solid #DFDFDF; border-radius: 3px; overflow: hidden; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-account-login.png') no-repeat scroll center center #FFFFFF;} .cart .totals .checkout-types #popin-login .close { display: block; z-index: 9999; position: absolute; top: 5px; right: 5px; width: 36px; height: 36px; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/delete-black-sprite.png') no-repeat scroll center 11px #FFFFFF; cursor: pointer;} .cart .totals .checkout-types #popin-login .close:hover { background-position:center -75px;} .cart .totals .checkout-types li { display: block; clear: both; margin: 20px 0 0; overflow: hidden;} .cart .account-login #login-form { width: 100%; padding: 0;} .cart .account-login #login-form h2 { text-transform: uppercase; font-family: 'cooper_hewittbold',Helvetica,Verdana, sans-serif; font-size: 18px;} .cart .account-login #login-form p { text-transform: none; margin-top: 35px; } .cart .account-login #login-form a { text-transform: none; } .cart .account-login #login-form input { width: 100%; } .cart .account-login .form-list { margin: 30px 0 15px 0; } .cart .totals .totals-product-list { display: block; margin: 0 0 15px; overflow: hidden;} .cart .totals .totals-product-list li { display: block; overflow: hidden;} .cart .totals .totals-product-list .totals-product-name { float: left; max-width: 150px;} .cart .totals .totals-product-list .totals-product-price { float: right; max-width: 90px;} .cart-empty a { text-decoration: underline;} #checkout-steps { display: block; margin: 0 0 20px; overflow: hidden; position: absolute; margin-left: 191px;} #checkout-steps li { float: left; height: 52px; padding: 0 0 0 45px; line-height: 56px;} #checkout-steps li span { width: 110px; padding-right: 30px; margin-right: 30px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-right-grey.png') no-repeat scroll right transparent;} #checkout-steps li.confirm-step span { background: none; padding-right: 0; margin-right: 0; } #checkout-steps .login-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-1.png') no-repeat scroll left -157px transparent; } #checkout-steps .info-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-2.png') no-repeat scroll left 10px transparent; } #checkout-steps .shipping-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-3.png') no-repeat scroll left 10px transparent; } #checkout-steps .payment-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-4.png') no-repeat scroll left 10px transparent; } #checkout-steps .confirm-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-5.png') no-repeat scroll left 10px transparent; } #checkout-steps.step-2 .info-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-2.png') no-repeat scroll left -157px transparent;} #checkout-steps.step-3 .info-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-2.png') no-repeat scroll left -157px transparent;} #checkout-steps.step-3 .shipping-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-3.png') no-repeat scroll left -157px transparent; } #checkout-steps.step-4 .info-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-2.png') no-repeat scroll left -157px transparent;} #checkout-steps.step-4 .shipping-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-3.png') no-repeat scroll left -157px transparent; } #checkout-steps.step-4 .payment-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-4.png') no-repeat scroll left -157px transparent; } #checkout-steps.step-5 .info-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-2.png') no-repeat scroll left -157px transparent;} #checkout-steps.step-5 .shipping-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-3.png') no-repeat scroll left -157px transparent; } #checkout-steps.step-5 .payment-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-4.png') no-repeat scroll left -157px transparent; } #checkout-steps.step-5 .confirm-step { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-opc-step-5.png') no-repeat scroll left -157px transparent; } .opc .buttons-set { margin-top: 20px; padding-top: 15px;} .opc .buttons-set button.button.next-onepage-step span span { min-width: 160px;} .opc .buttons-set p.required { margin: 0; padding: 0 0 10px;} .opc .buttons-set .back-link small { display: none;} .opc .buttons-set.disabled button.button { display: none;} .opc .buttons-set .please-wait { height: 21px; line-height: 21px;} .opc .ul { padding-left: 18px; list-style: disc outside;} .opc { position: relative; margin-top: 90px;} .opc .step-title { display: none; padding: 4px 8px 6px; text-align: right;} .opc .step-title .number { float: left; margin: 0 5px 0 0; padding: 0 4px; border: 1px solid #ffffff; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 11px; line-height: 14px; color: #999999; background: #ffffff;} .opc .step-title h2 { float: left; margin: 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 16px; color: #999999;} .opc .step-title a { display: none; float: right; font-size: 11px; line-height: 16px;} .opc .allow .step-title { color: #000000; cursor: pointer;} .opc .allow .step-title .number { border-color: #dbe6eb; color: #a4b3b9; background: #dbe6eb;} .opc .allow .step-title h2 { color: #a4b3b9;} .opc .active .step-title { padding-bottom: 5px; color: #000000; cursor: default;} .opc .active .step-title .number { border-color: #ffffff; color: #ffffff; background: #ffffff;} .opc .active .step-title h2 { color: #ffffff;} .opc .step { position: relative; } .checkout-onepage-index #checkout-step-shipping_method { padding-top: 0; } .opc .step .tool-tip { right: 30px;} #opc-login .buttons-set { border-top: 0;} #opc-login h3 { padding-bottom: 2px; border-bottom: 1px solid #e4e4e4; text-transform: uppercase; font-size: 13px;} #opc-login h4 { margin: 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 1em; color: #2f2f2f;} .opc .gift-messages-form { margin: 0 -30px; padding: 22px 24px 22px 30px; border-top: 1px solid #e9e4de; border-bottom: 1px solid #e9e4de; background: #f6f1eb;} .opc .gift-messages-form .inner-box { height: 260px; padding: 5px; overflow: auto;} #checkoutSteps h2 { margin: 0 0 30px; text-align: left; border-bottom: 1px solid #cacaca;text-transform: uppercase; padding: 0 0 10px 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;letter-spacing: 0.1em;} #checkoutSteps .form-list{ margin: 0 -10px; } #checkoutSteps .form-list label { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 12px; color: #000000;} #checkoutSteps .form-list .input-box { clear: both; width: 100%;} #checkoutSteps .form-list .wide { padding: 0 10px; } #checkoutSteps .form-list .wide .input-box { width: 100%;} #checkoutSteps .form-list .wide.street-field { width: 50%; float: left; box-sizing: border-box;} #checkoutSteps .form-list .control { padding: 0 10px; } #checkoutSteps .form-list .field { padding: 0 10px; } #checkoutSteps .form-list select { width: 100%; height: 36px;} #checkoutSteps .form-list #billing-address-select { width: 100%; height: 36px;} #checkoutSteps .form-list .field { float: left;} #checkoutSteps .form-list .fields.zip { clear: both;} #checkoutSteps .form-list input.input-text { width: 100%; height: 36px; font-size: 11px;} #checkoutSteps .form-list .company { margin-top: 10px; clear:both; } #checkout-step-billing .customer-name-prefix .name-prefix select { display: none;} #checkout-step-billing .customer-name-prefix .name-prefix .validation-advice { float: left; margin: 21px 0 0;} #checkout-step-billing .list-prefix li { float: left; padding: 0 0 0 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat scroll 0 center transparent; cursor: pointer;} #checkout-step-billing .list-prefix li.selected { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat scroll 0 center transparent;} #checkout-step-billing .street-field { float: left; width: 318px;} /* Checkout billing adresses */ #co-billing-form h3, #co-shipping-form h3 { text-align:center; } #co-billing-form .addresses-primary h3, #co-shipping-form .addresses-primary h3 { margin-bottom:0; } #co-billing-form .addresses-additional h3, #co-shipping-form .addresses-additional h3 { margin-bottom:30px; } #co-billing-form .adress-box, #co-shipping-form .adress-box { overflow:hidden; position:relative; } #co-billing-form .adress-box input, #co-shipping-form .adress-box input { position:absolute;top: -20px;left: 5px;bottom: 0;width: 15px; height: 15px; opacity: 0;margin: auto;z-index: 10;cursor: pointer;} #co-billing-form .addresses-primary .adress-box input, #co-shipping-form .addresses-primary .adress-box input { top:0; } #co-billing-form .adress-box .addresses-list li.item, #co-shipping-form .adress-box .addresses-list li.item { float:right; width:98%; } #co-billing-form .addresses-primary .adress-box, #co-shipping-form .addresses-primary .adress-box { width:100%; } #co-billing-form .addresses-primary .adress-box .item , #co-shipping-form .addresses-primary .adress-box .item { width:100%;padding: 0 8px 0 30px;margin: 30px 0;} #co-billing-form .addresses-additional .adress-box, #co-shipping-form .addresses-additional .adress-box { float:left; width:50%; } #co-billing-form .addresses-additional .adress-box .item, #co-shipping-form .addresses-additional .adress-box .item { width:100%;margin: 0 0 20px; text-align: center;display: table;position: relative;padding: 0 8px 0 30px; box-sizing: border-box;} #co-billing-form .addresses-additional .adress-box .item .item-box, #co-shipping-form .addresses-additional .adress-box .item .item-box { min-height:180px; } #co-billing-form .addresses-list .item .item-box, #co-shipping-form .addresses-list .item .item-box { border-color:#cacaca; display:table; cursor:pointer; } #co-billing-form .addresses-list .item:before, #co-shipping-form .addresses-list .item:before { content: ""; position: absolute;top: 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat center center; bottom: 0;left: 5px; width: 15px; height: 15px; margin: auto;} #co-billing-form .addresses-list input[type=radio]:checked + .item .item-box, #co-shipping-form .addresses-list input[type=radio]:checked + .item .item-box { border-color:#000; } #co-billing-form .addresses-list input[type=radio]:checked + .item:before, #co-shipping-form .addresses-list input[type=radio]:checked + .item:before { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat center center; } #co-billing-form .addresses-list .item .item-box .item-box-wrapper, #co-shipping-form .addresses-list .item .item-box .item-box-wrapper { display:table-cell; vertical-align:middle; } #co-billing-form .form-list, #co-shipping-form .form-list { clear:both; } #billing-new-address-form .control { margin-top:20px; } #co-shipping-method-form .sp-methods dt { display: none;} #co-shipping-method-form .sp-methods dd + dd li { margin: 0 0 10px 0;} #co-shipping-method-form .sp-methods dd li input { margin: 20px 5px 0 2px;position: absolute; top: 0; left: 5px; bottom: 0; width: 15px; height: 15px; opacity: 0; z-index: 10; cursor:pointer; } #co-shipping-method-form .sp-methods dd li .opc-cms-block { float: left; width: 615px; margin: 0;} #co-shipping-method-form .sp-methods dd li .opc-cms-block p { margin: 20px 0; font-size: 13px;} #co-shipping-method-form .sp-methods dd li .opc-cms-block .shipping-method-details p { margin: 10px 0;} #co-shipping-method-form .sp-methods dd li .opc-cms-block .shipping-method-details { clear: both; overflow: hidden; font-family: 'cooper_hewittbook_italic',Helvetica,Arial,sans-serif; color: #808080;} #co-shipping-method-form .sp-methods dd li { display: block; margin: 0 10px 20px 0; overflow: hidden;position: relative;padding-left: 25px;} #co-shipping-method-form .sp-methods dd li img { margin: 0 15px 0 5px;} #co-shipping-method-form .sp-methods dd li label { line-height: 60px;} #co-shipping-method-form .sp-methods dd li label:before { content: ""; position: absolute; top: 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat center center; bottom: 0; left: 5px; width: 15px; height: 15px; } #co-shipping-method-form .sp-methods dd li input[type=radio]:checked + img + label:before { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat center center; } #co-shipping-method-form .sp-methods dd li label .price { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #000000;} #co-payment-form .sp-methods dt:first-child { display: none;} #co-payment-form .sp-methods .form-list { padding: 0;} #co-payment-form .sp-methods .input-box { display: none;} #co-payment-form #checkout-payment-method-load .item { float: left; width: 310px;padding-left: 30px;position: relative;margin: 0 20px 10px 0;} #co-payment-form #checkout-payment-method-load .item input { position: absolute;top: 0; left: 5px; bottom: 0; width: 15px; height: 15px; opacity: 0; z-index: 10; margin: auto;cursor: pointer;} #co-payment-form #checkout-payment-method-load .item label { margin: 0 0 0 5px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #000000;position: inherit;} #co-payment-form #checkout-payment-method-load .item input[type=radio]:checked + a + label:before { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat center center; } #co-payment-form #checkout-payment-method-load .item label:before { content: ""; position: absolute;top: 2px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat center center;left: -126px; width: 15px; height: 15px;} #opc-shipping_method .buttons-set { border-top: 0;} #opc-shipping_method .buttons-set .back-link a { color: #868686; transition: color 0.5s;} #opc-shipping_method .buttons-set .back-link a:hover { color: #000000; } #opc-review .step { padding: 0; border: 0;} #opc-review .product-name { float: left;width: 250px; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; color: #000000;} #opc-review .product-name img { margin-right:10px; float:left; } #opc-review .product-name .product-title-block { float: left; text-transform:none; } #opc-review .product-name .product-title-block .classification-name { line-height:inherit; } #opc-review .product-name .product-title-block h3 { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 14px; margin-top: 32px; } #opc-review .product-name .product-title-block h4 { font-size: 12px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; color: #868686; text-transform:none; } #opc-review .product-name.giftcard { margin:13px 0 10px; } #opc-review .item-options { float: left;width: 250px;margin: 22px auto; text-transform:initial; } #opc-review .item-option-bundle { display: block; clear: both; padding-left: 15%; width: 100%; box-sizing: border-box; margin-top: -30px;} #opc-review .item-option-giftcard { clear:both; } #opc-review .item-options dt { float: left; margin: 0 10px 0 0; } #opc-review .item-option-giftcard dt { clear:both; } #opc-review .item-option-bundle dt { float: left; } #opc-review .item-options dd { float: left;} #opc-review .item-options dd:last-child { margin-right:0; } #opc-review .item-option-giftcard dd { margin: 0 45px 6px 0; font-size:11px; color:#818080; clear: both; } #opc-review .item-options .ajax-color { display: block; margin: 10px 0 0; border: 2px solid #000; border-radius: 2px; overflow: hidden;} #opc-review .item-options .ajax-color span { display:block; width: 27px; height: 27px; border: 1px solid #FFF; box-sizing:border-box; } #opc-review .item-options .ajax-color span img { width:100%; height:100%; } #opc-review .item-options .cart-bundle { display: block;margin: 0 0 10px; overflow: hidden;} #opc-review .item-options .cart-bundle + dt { clear: left;} #opc-review .item-options .cart-bundle span { display: block; clear: both;} #opc-review .item-options .cart-bundle .ajax-color { float: left; margin-bottom: 5px;} #opc-review .item-options .cart-bundle .cart-bundle-size { float: left;} #opc-review .item-option-bundle .cart-bundle strong, #opc-review .item-option-bundle .cart-bundle span { float: left; clear: none; margin-right: 5px;} #opc-review .item-option-bundle .cart-bundle .ajax-color { margin-right: 30px; } #opc-review .item-option-bundle .cart-bundle .ajax-color span{ margin-right: 0; } #opc-review .buttons-set { padding: 20px 0;} #opc-review .buttons-set p { margin: 0; font-size: 12px; line-height: 40px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;} #opc-review .buttons-set p a { text-decoration: underline;} #opc-review .buttons-set .please-wait { height: 40px; line-height: 40px;} #opc-review .authentication { width: 570px; margin: 0 auto;} #opc-review .warning-message { padding: 10px 10px 0; text-align: center; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #222222;} #opc-review #checkout-review-submit a { color: #818080; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;} #opc-review #checkout-review-submit a:hover { color: #000000;} #opc-review .agreement-content a.close { cursor: pointer; display: block; position: absolute; top: 10px; right: 10px; padding: 18px;} #opc-review .agreement-content a.close:before, #opc-review .agreement-content a.close:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 16px; height: 2px; margin: auto; background: #868686; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #opc-review .agreement-content a.close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #opc-review .agreement-content a.close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #opc-review .agreement-content a.close:hover:before, #opc-review .agreement-content a.close:hover:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #opc-review address { margin: 0; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } #review-informations-address .opc-block-progress dl { float: left; width: 320px;} #review-informations-address .opc-block-progress dl:first-child { margin: 0 20px 0 0;} #checkout-review-table {text-transform: uppercase;} #checkout-review-table thead tr th:first-child { padding: 10px 0; } #checkout-review-table thead tr th { padding: 15px 5px; border-bottom: 1px solid #D9D9D9 !important; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} #checkout-review-table tbody tr td { padding: 10px 5px; vertical-align: middle;border-bottom: 1px solid #D9D9D9 !important;} #checkout-review-table tbody tr td:first-child {padding: 10px 0;} #checkout-review-table tbody tr td:first-child span, #checkout-review-table tbody tr td:first-child dd, #checkout-review-table tbody tr td:first-child strong { line-height: 45px;} #checkout-review-table tbody tr td:last-child { margin: 20px 0 20px 5px; text-align: right;} #checkout-review-table tfoot { border: 0 none;} #checkout-review-table tfoot tr { border: 0 none; background: 0 none !important;} #checkout-review-table tfoot tr td { padding: 15px 0 0; border: 0 none; color: #818080;} #checkout-review-table tfoot tr.last td { color: #000000; } #checkout-review-table .summary-details-amrules strong{ font-size: 11px;} /* Multiple Addresses Checkout */ .checkout-progress { margin: 0 0 20px; padding: 0 90px;} .checkout-progress li { float: left; width: 19%; margin: 0 3px 0 0; padding: 2px 0 0; border-top: 10px solid #999999; text-align: center; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; color: #abb5ba;} .checkout-progress li.active { border-top-color: #e96200; color: #e96200;} .multiple-checkout h3, .multiple-checkout h4 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #FA6400;} .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight: normal;} .multiple-checkout .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important;} .multiple-checkout .data-table .product-name a { font-weight: bold !important;} .multiple-checkout .data-table .item-options { margin: 5px 0 0;} .multiple-checkout .gift-messages { margin: 15px 0 0;} .multiple-checkout .tool-tip { top: 50%; right: 20px; margin-top: -120px;} .multiple-checkout .col2-set, .multiple-checkout .col3-set { margin: 0 0 25px; padding: 20px; border: 1px solid #bbb6a5; background: #fbfaf6 url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_checkout.gif') 0 0 repeat-x;} .multiple-checkout .col2-set h2.legend { position: relative; margin: -20px -20px 15px; padding: 5px 10px; border-bottom: 1px solid #bbafa0; background: #f9f3e3;} .multiple-checkout .col2-set h3.legend { margin: 0 0 10px; color: #000000;} .multiple-checkout .col2-set .divider { position: relative; margin: 0 -20px; padding: 25px 0;} .multiple-checkout .box { margin: 0 0 15px;} .multiple-checkout .box h2 { color: #FA6400;} .multiple-checkout .place-order .please-wait { float: right; padding: 27px 7px 0 0;} .multiple-checkout .place-order .grand-total { float: right; height: 71px; padding: 0 0 0 21px; overflow: hidden; font-size: 1.5em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_grand-total.gif') 0 0 no-repeat;} .multiple-checkout .place-order .grand-total .inner { float: left; height: 57px; padding: 14px 21px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_grand-total.gif') 100% 0 no-repeat;} .multiple-checkout .place-order .grand-total .inner div { display: inline;} .multiple-checkout .place-order .grand-total big { display: inline; margin-right: 12px;} .multiple-checkout .place-order .grand-total .price { color: #FA6400;} .multiple-checkout .place-order .grand-total button.button span { font-size: 16px;} .multiple-checkout .place-order .grand-total button.button span span { padding: 0 45px 0 36px;} /* Step 1 */ .multiple-checkout .title-buttons button.button span { border-color: #406a83; background: #618499;} #multiship-addresses-table td { padding: 10px;} #multiship-addresses-table tfoot td { padding: 5px 10px;} #multiship-addresses-table tfoot button.button span { border-color: #406a83; background: #618499;} /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width: 100%; overflow: hidden;} .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right: -15px;} .multiple-checkout .gift-messages-form .item .details .form-list .field { width: 230px;} .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width: 215px;} .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width: 209px;} .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width: 445px;} .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width: 439px;} .checkout-multishipping-shipping .box-sp-methods { position: relative; padding: 13px; border: 1px solid #d9d2be; background: #f9f3e3;} .checkout-multishipping-shipping .box-sp-methods .pointer { position: absolute; top: -20px; right: -40px; width: 178px; height: 41px; overflow: hidden; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_sp-methods.gif') 0 0 no-repeat;} /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position: relative;} /* Checkout :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .checkout-onepage-index .col-main, .checkout-onepage-success .col-main{ width: 625px;} .onepage-right { width: 360px; } .checkout-onepage-index .page-title, .checkout-onepage-success .page-title { width: 1000px; } #checkout-steps { margin-left: 91px;} #checkoutSteps .field { width: 50%; } #checkoutSteps .field.name-prefix { width: 100%; } #checkoutSteps .field.name-prefix li { width: 15%; } #checkoutSteps .form-list .country { margin-top: 10px; } #checkoutSteps .form-list .separator-checkout { margin: 0; } #checkoutSteps #billing-buttons-container { margin-top: -60px; } #co-payment-form #checkout-payment-method-load .item { width:260px; } #opc-review .product-name { width:180px; } #opc-review .product-name .product-title-block { width: 100px; } #opc-review .buttons-set p { width: 280px; text-align: left; line-height: 18px; margin-top: -51px!important; } } @media screen and (max-width: 1000px) { .checkout-onepage-index .col-right, .checkout-onepage-success .col-right { width: 100%; margin: 0; } .onepage-right { width: 100%; } .checkout-onepage-index .col-main, .checkout-onepage-success .col-main { width: 100%; } .checkout-onepage-index .page-title, .checkout-onepage-success .page-title{ width: 100%; } #checkout-steps { margin-left: 0; position: relative; width: 100%; } #checkout-steps li span { padding-right: 21px; margin-right: 21px; } .opc { margin-top: 0; } #checkoutSteps .field.name-prefix { width: 33.33%; } #checkoutSteps .field.name-prefix li { width: 33.33%; } #checkoutSteps .field { width: 33.33%; } #checkoutSteps .form-list .country { margin-top: 0; } #checkoutSteps .buttons-set { padding-top: 0; } #opc-review .product-name { width:260px; } #opc-review .buttons-set p { margin-top: -31px!important; } .checkout-onepage-success #shopping-cart-totals-table { width:100%; } } .customer-account-index, .customer-account-edit, .customer-address-index, .customer-address-form, .sales-order-history, .sales-order-view, .wishlist-index-index, .newsletter-manage-index{font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} /* Account Login/Create Pages ============================================================ */ .account-login { display: block; width: 750px; margin: 50px auto; overflow: hidden; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-account-login.png') no-repeat scroll center center #FFFFFF;} .account-login .col2-set.loginpage .form-list input.input-text { width: 195px; padding: 5px 15px 2px; font-size: 10px; letter-spacing: 0.1em; color: #818080;} .account-login .content { min-height: 115px;} .account-login .content .form-list li {margin: 15px 0 0;} .account-login .content .form-list li .input-box { margin: 0 auto; text-align: center;width: 100%;} .account-login .content h2 { margin: 0 0 40px; padding: 0; text-align: center; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 19px; color: #000000; text-transform: uppercase;} .account-login .content p { color: #818080;} .account-login .content label { display: none;} .account-login .content input.input-text {height: 36px;padding: 0 15px;font-size: 12px; letter-spacing: 0.1em; color: #818080;line-height: 36px;} .account-login .buttons-set { margin: 0; padding: 15px 0 10px; border: 0; text-align: center;} .account-login .buttons-set button.button { float: none;width: 100%;margin: 0;} .account-login .buttons-set button.button span { height: 34px; padding: 0 15px; line-height: 36px; background: #000000; -webkit-transition: background 0.2s ease; transition: background 0.2s ease;} .account-login .buttons-set button.button:hover span { background: #4a4a4a;} .account-login .new-users .content { padding: 0 30px; text-align: center; font-size: 12px; color: #BEBEBE;} .account-login .new-users-links { text-align: center;} .account-login .new-users-links .buttons-set { margin: 0; padding: 30px; border: 0; text-align: center;} .account-login .registered-users .content { padding: 0 30px;} .account-login .registered-users-links { text-align: center;} .account-login .registered-users-links .buttons-set { margin: 0; padding: 30px 30px 10px 30px; border: 0; text-align: center;} .account-login .registered-users-links a { font-size: 10px; color: #868686; text-decoration: underline;} .account-login .registered-users-links a:hover { color: #333333;} .customer-account-forgotpassword .legend, .account-create .legend { padding: 2px 0 15px 0; border-bottom: 1px solid #d9dde3; text-transform: uppercase; margin-bottom: 30px;} .customer-account-forgotpassword .fieldset, .account-create .fieldset {margin: 0 0 40px;padding: 0;border: 0 none;} .account-create .form-list li {margin: 0 -8px 20px;} .account-create .form-list .input-box { width: auto; } .customer-account-forgotpassword button.button, .account-create .buttons-set button.button { width: auto; } .account-create .name-prefix .input-box select { display: none;} .account-create .list-prefix { min-height: 30px; overflow: hidden;width: 66.66%;} .account-create .list-prefix li { float: left;margin: 0;padding: 0 10px 0 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-off.png') no-repeat scroll 0 center transparent; cursor: pointer;box-sizing: border-box;width: 33.33%;} .account-create .list-prefix li:first-child {} .account-create .list-prefix li.selected { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/btn-radio-on.png') no-repeat scroll 0 center transparent;} /* Captcha ================================================================================ */ .captcha-note { clear: left; padding-top: 5px;} .captcha-image { display: inline; float: left; position: relative; width: 258px; margin: 0;} .captcha-image .captcha-img { width: 100%; border: 1px solid #b6b6b6; vertical-align: bottom;} .registered-users .captcha-image { margin: 0;} .captcha-reload { position: absolute; top: 2px; right: 2px; cursor: pointer;} .captcha-reload.refreshing { -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; animation: rotate 1.5s infinite linear;} @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 0% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(-360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 0% { transform: rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { z-index: 990; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-70.png') repeat; background: rgba(0,0,0,0.35);} .remember-me label { float: none; margin: 0 6px;} .remember-me-popup { z-index: 1000; position: absolute; top: 50%; left: 50%; width: 400px; margin: -85px 0 0 -200px; border: 1px solid #cccccc; text-align: left; background: #ffffff; -webkit-box-shadow: 0 0 6px #cccccc; -moz-box-shadow: 0 0 6px #cccccc; box-shadow: 0 0 6px #cccccc;} .remember-me-popup h3 { padding: 5px 10px; border-bottom: 1px solid #cccccc; font-size: 14px; background: #d9e5ee;} .remember-me-popup .remember-me-popup-head { position: relative;} .remember-me-popup .remember-me-popup-head .remember-me-popup-close { display: block; position: absolute; top: 7px; right: 7px; width: 15px; height: 15px; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/btn_window_close.gif') no-repeat;} .remember-me-popup .remember-me-popup-body { padding: 10px;} .remember-me-popup .remember-me-popup-body a { display: inline-block; height: 19px; padding: 0 8px; border: 1px solid #de5400; text-align: center; text-decoration: none; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; font-size: 12px; line-height: 19px; white-space: nowrap; color: #ffffff; background: #f18200;} /* Remember Me Popup ===================================================================== */ /* Block: Account */ .block-account { margin: 100px 0; border: 0 none !important;} .block-account .block-title { padding: 0;} .block-account .block-title strong { margin: 0 0 5px; padding: 0 0 30px; text-transform: uppercase; font-size: 18px; line-height: 22px; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif;} .block-account .block-content { padding: 0; background: #ffffff;} .block-account .block-content li a { display: block; padding: 7px 0; text-decoration: none !important; color: #868686;} .block-account .block-content li a:hover { color: #000000;} .block-account .block-content li.current { padding: 7px 0; color: #000; } .block-account .block-content li.current a { padding: 0; color: #000; } .block-account .block-content li.current.last { border-bottom: 0;} /* My Account ============================================================================= */ .my-account { margin: 0 0 35px;} .my-account h3 { } .my-account .limiter { color: #868686; } .my-account .page-title { margin: 0 -288px 40px; width: 1200px; border: 0 none; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/line-espace-client.png")no-repeat bottom;} .my-account .page-title h1 { text-transform: uppercase; padding-bottom: 25px;} .my-account .page-title.title-buttons { text-align: left;} .my-account .page-title.title-buttons h1 { display: block; width: 100%;} .my-account .page-title.title-buttons button { margin: 10px 0;} .my-account .title-buttons .link-rss { float: none; margin: 0;} .my-account a { color: #868686; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;} .my-account a:hover { color: #000000;} .my-account .back-link { display: block; float: left; padding-left: 15px; color: #818080; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-left-black.png') no-repeat left top 13px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; text-transform: uppercase;} .my-account .back-link:hover { color: #000000;} .my-account .fieldset {border: 0; padding: 0;} .my-account .fieldset .legend { padding: 2px 0 15px 0; border-bottom: 1px solid #d9dde3; text-transform: uppercase; margin-bottom: 30px;} .my-account .pager { margin: 10px 0; padding: 0 0 5px;} .my-account .pager .amount { font-size: 12px; color: #888888;} .my-account .data-table { margin: 25px 0;} .my-account #wishlist-table {margin: 0;} .my-account #my-orders-table { border-top: 2px solid #cacaca;} .my-account .data-table tr.last th { padding: 15px 30px 15px 0; color: #868686; white-space: nowrap; vertical-align: top;} .sales-order-creditmemo .my-account .data-table tr.last th, .my-account #my-orders-table tr th {border-top: 1px solid #cacaca !important; border-bottom: 1px solid #cacaca !important; text-transform: uppercase; color: #000000; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;padding: 15px;} .sales-order-creditmemo .my-account .data-table tr.last th:first-child, .my-account #my-orders-table tr th:first-child, .my-account #my-orders-table tr th:last-child { padding: 15px 0 !important;} .sales-order-creditmemo .my-account .data-table tr.last td, .my-account #my-orders-table tr.last td { border-bottom: 1px solid #cacaca !important;} .my-account #my-orders-table tr td .nobr strong { font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } .my-account #my-orders-table tr.grand_total.last td { border-bottom: 0 !important; } .my-account .data-table .subtotal td {padding-top: 15px !important;} .my-account .data-table tr { background: transparent; } .my-account .data-table tr.grand_total td strong { color: #000000;} .my-account .data-table tr td { box-sizing: border-box; width: 50%; padding: 15px 0;} .my-account .data-table tr td:first-child { width: 15%;} .my-account .data-table tr td a { color: #000000;} .my-account .data-table tr td dt, .my-account .data-table tr td dd { display: inline-block; float: left; margin-right: 10px; line-height: 28px; color: #000;} .my-account .data-table tr td { text-align: left;} .my-account .data-table .link-edit { text-decoration: underline;} .my-account #my-orders-table tr td { border-bottom: 1px solid #d9dde3; color: #868686;vertical-align: middle;font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif;padding: 15px;} .my-account #my-orders-table tr td .product-intro-title { clear: both; float: left; font-size:12px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } .my-account #my-orders-table tbody tr td:first-child {padding: 0 15px 0 0;} .my-account #my-orders-table tbody tr td:last-child { padding-right: 0;} .my-account .addresses-primary a, .my-account .addresses-additional a { color: #000000; margin-top: 15px;} .awrma-account { margin: 30px 0 0;} .awrma-account a { font-weight: normal !important; color: #000000;} .my-account .form-list { margin: 0 -10px 0 -10px; } .my-account .form-list .customer-dob { margin: 0; } .my-account .form-list .customer-dob .dob-day { padding-left: 0; } .my-account .form-list .customer-dob .dob-year { padding-right: 0; } .my-account .form-list .fields .street { width: 50%; } .my-account .form-list .pwd { padding: 0 10px 0 10px; } .my-account .input-box label { margin-top:5px !important; } .my-account .fieldset .location, .my-account .fieldset .checkbox { clear: both; } .my-account .fieldset .checkbox { padding-top: 30px; } .my-account .fieldset .field {width: 33.33%; padding: 0 10px 0 10px;} .my-account .fieldset .control { padding: 0 10px 0 10px; } .my-account .fieldset .field .input-box { width: auto; } .my-account .fieldset #country { height: 30px; } .my-account .fieldset .name-street_1, .my-account .fieldset .name-street_2 { width: 387px; } .my-account .fieldset .name-street_1 { margin-right: 5px; } .my-account .fieldset .name-street_2 { margin-left: 5px; } .my-account .fieldset .name-street_1 input, .my-account .fieldset .name-street_2 input { width: 377px !important; } .my-account .fieldset .input-box .validate-zip-international, .my-account .fieldset .input-box .validate-select { width: 100% !important; } .my-account .fieldset .input-box .validate-select { height: 36px !important; } .my-account .order-items .ajax-color, .page-print .ajax-color {display: inline-block;border: 2px solid #000;border-radius: 2px;overflow: hidden;vertical-align: middle;} .my-account .order-items .ajax-color span, .page-print .ajax-color span { display:block; width: 27px;height: 27px;border: 1px solid #FFF; } .my-account .order-items .ajax-color img, .page-print .ajax-color img { width: 100%; height: 100%; } .sales-order-history .my-account .buttons-set, .wishlist-index-index .my-account .buttons-set { border: none; padding: 0;text-align: right;} .sales-order-history .my-account .legend { margin-bottom: 20px; } .sales-order-history .my-account .pager .select-wrapper { display: inline-block; vertical-align: middle; margin: 0 10px; padding: 0 5px;} .sales-order-history .my-account select { padding: 7px 30px 0 0; } .sales-order-history .my-account .amount strong { line-height: 3; } .sales-order-history .my-account tr td span.status { text-transform: uppercase; } /********** < Dashboard */ .dashboard .welcome-msg { margin: 0 0 20px 0;} .dashboard .welcome-msg p { margin: 0 0 15px; color: #868686;} .dashboard .welcome-msg .hello {color:#000000;} .dashboard .col2-set { margin: 0 0 20px;} /* General Box */ .box-account { margin: 0 0 20px;} .box-account .box-head { margin: 0; padding: 10px 0 15px 0; border-bottom: 1px solid #d9dde3; text-align: right;} .box-account .box-head h2 { float: left; margin: 0; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 15px; color: #000000;} .box-account .box-content p {color: #868686;} .dashboard #my-orders-table { margin-top: 0; border-top: 1px solid #d9dde3;} .dashboard .box-account .box-content a { float: left; color: #000000;} .dashboard .box .box-title { margin: 30px 0 15px; padding: 0 0 10px; text-align: right;} .dashboard .box .box-title a { text-decoration: underline; } .dashboard .box .box-title h3 { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; text-transform: uppercase; float: left; font-size: 12px;} .dashboard .box .box-title h4 { float: left; margin: 0; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; text-transform: uppercase;} .dashboard .box-info h4 { text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal; color: #868686;} .dashboard address { color: #868686; } .box-account.box-recent .box-head { border-bottom:0 none; padding-bottom:0; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_ma-reviews.gif');} .dashboard .box-reviews .number { float: left; margin: 3px -20px 0 0; padding: 2px 3px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 10px; line-height: 1; color: #ffffff; background: #000000;} .dashboard .box-reviews .details { margin-left: 20px;} .dashboard .box-reviews li.item { margin: 0 0 7px;} .dashboard .box-reviews li.item.last { margin: 0;} .dashboard .box-reviews .ratings { margin: 7px 0 0;} /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/i_ma-tags.gif');} .dashboard .box-tags .number { float: left; margin: 3px -20px 0 0; padding: 2px 3px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 10px; line-height: 1; color: #ffffff; background: #000000;} .dashboard .box-tags .details { margin-left: 20px;} .dashboard .box-tags li.item { margin: 0 0 7px;} .dashboard .box-tags li.item.last { margin: 0;} .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display: inline;} /********** Dashboard > */ /* Address Book */ .addresses-list h2 {margin: 0 0 10px; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 15px; color: #000000; padding: 10px 0 15px 0; border-bottom: 1px solid #d9dde3;} .addresses-list h3 {font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; font-size: 12px; text-transform: uppercase; margin-bottom: 15px;} .addresses-list address {margin: 0 0 35px; color: #868686;} .addresses-list p { margin: 15px 0 15px 0;} .addresses-list .link-remove { color: #646464;} .addresses-list .separator { margin: 0 3px; color: #cacaca; } .addresses-list li .item-box { border: 1px solid #000000; padding: 30px; width: 100%;box-sizing: border-box;} .addresses-list .addresses-additional li .item-box { border: 1px solid #d9dde3;} .addresses-list li.item { float:left; margin: 30px 0 40px; text-align: center;padding: 0 8px;width: 50%;box-sizing: border-box;} .addresses-list li.item.left { float: left; } .addresses-list li.item.left { float: right; } .addresses-list li.empty { border: 0; background: none;padding: 0 8px;} .addresses-list li.empty .item-box { border: 1px solid #cacaca; } .addresses-list .addresses-additional li.item { background: none;} .addresses-list .addresses-additional li.empty .item-box { border: 1px solid #cacaca; } .addresses-list .box-head { margin: 0; padding: 10px 0 15px 0; border-bottom: 1px solid #d9dde3; text-align: right;} .addresses-list .box-head h2 { border: none; float: left ;} .addresses-list .addresses-primary .addresses-title {padding: 0 0 15px 0; border-bottom: 1px solid #d9dde3;float: left;width: 100%;} .addresses-list .addresses-primary .addresses-title h2 { padding: 10px 0 0 0;border: 0; float: left; } .addresses-list .addresses-primary .addresses-title button { float: right; } .addresses-list .addresses-primary ol { clear: both;margin: 0 -10px;overflow: hidden;} .addresses-list .addresses-additional { clear: both; } .addresses-list .addresses-additional ol {margin: 0 -8px;} /* Order View */ .sales-order-creditmemo .orders-title, .sales-order-shipment .orders-title, .sales-order-view .orders-title { padding: 10px 0 35px 0; border-bottom: 1px solid #d9dde3; margin-bottom: 30px;} .sales-order-creditmemo .orders-title h2, .sales-order-shipment .orders-title h2, .sales-order-view .orders-title h2 { float: left; font-size: 15px; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .sales-order-creditmemo .orders-title a, .sales-order-shipment .orders-title a, .sales-order-view .orders-title a { float: right; color: #000000;} #my-orders-table tbody .product-name { font-size: 14px !important; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; text-transform: none; } .sales-order-creditmemo tbody h3.product-name, .sales-order-view tbody h3.product-name, .sales-order-creditmemo tbody dl.item-options, .sales-order-view tbody dl.item-options, .sales-order-creditmemo tbody dl.item-options dt, .sales-order-view tbody dl.item-options dt, .sales-order-creditmemo tbody dl.item-options dl, .sales-order-view tbody dl.item-options dl { float: left; text-transform: uppercase; color: #000000;} .sales-order-creditmemo tbody dl.item-options dt, .sales-order-view tbody dl.item-options dt, .sales-order-creditmemo tbody dl.item-options dl, .sales-order-view tbody dl.item-options dl { font-family: "cooper_hewittmedium", Helvetica, Arial, sans-serif !important; } .sales-order-creditmemo .data-table thead tr th, .sales-order-view .data-table thead tr th {padding: 15px 0;} .sales-order-creditmemo .data-table thead tr th.a-right:first-child, .sales-order-view .data-table thead tr th.a-right:first-child { text-align: center; } .sales-order-creditmemo .data-table tr td, .sales-order-view .data-table tr td { width: 13%; } .sales-order-creditmemo .data-table tbody tr td:first-child, .sales-order-view .data-table tbody tr td:first-child { max-width: 50%;} .sales-order-creditmemo .data-table tbody tr td dl dd, .sales-order-view .data-table tbody tr td dl dd { line-height: 50px; margin: 0 30px;} #my-orders-table tbody tr td h3, #my-orders-table tbody tr td dl { margin: 0; } #my-orders-table tfoot tr td { padding: 10px 0 0 0 !important; } #my-orders-table .subtotal td { padding-top: 25px !important; } #my-orders-table tfoot tr td div { line-height: normal !important; } #my-orders-table tfoot strong { font-size: 100%; } .order-info .order-view-links { margin:10px 0; overflow:hidden; } .order-info .order-view-links .order-invoice, .order-info .order-view-links .current-order-invoice { float: left; color: #000000;text-align: right;line-height: 34px;border: 1px solid #cacaca;border-radius: 3px;padding: 0 20px;margin-right: 10px; margin-bottom:10px; -webkit-transition: border 200ms ease-in-out; -moz-transition: border 200ms ease-in-out; -ms-transition: border 200ms ease-in-out; -o-transition: border 200ms ease-in-out; transition: border 200ms ease-in-out; } .order-info .order-view-links .order-invoice:hover, .order-info .order-view-links .current-order-invoice { border: 1px solid #000; } .order-info-content { box-sizing: border-box;margin: 30px -5px 0 -5px;} .order-info-content .order-info-box .box {border: 1px solid #ddd;min-height: 110px;} .order-info-content .order-info-box {width: 50%; display: inline-block; text-align: center;box-sizing: border-box;border: 0 none;padding: 5px;margin: 0 -1px;} .order-info-content .order-info-box h2 { font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif; padding: 20px 0; text-transform: uppercase;} .order-info-content .order-info-box .box-content { color: #868686; padding-bottom: 20px; } .order-info-content .order-info-box.method { min-height: 130px; } .order-info span, .order-date span { color: #868686; } .order-info .label { color: #000000; } .order-info li { margin: 0 3px;} .order-date { margin: 10px 0; clear:both; } .order-info-box { margin: 0 10px 15px 10px; padding: 12px 15px; border: 1px solid #DDDDDD;} .order-info-box h2 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px;} .order-info-box .box-payment p { margin: 0 0 3px;} .order-info-box .box-payment th { padding-right: 7px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .order-items { width: 100%; overflow-x: auto;} .order-details {} .order-details #my-orders-table {margin: 15px 0;} .order-items h2, .order-items h3 { clear: none; margin: 0 0 5px; padding: 0; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px; color: #000000;} .order-items .product-name { font-size: 1em !important; font-family: 'cooper_hewittbold',Helvetica,Arial,sans-serif;} .order-items .link-print { font-weight: normal; color: #818080;} .order-items .order-links { text-align: right;} .order-items .sub-title { margin-bottom:20px; } .order-additional { margin: 15px 0;} .my-account #my-orders-table { border: none; margin-top: 15px;} .my-account #my-orders-table tfoot tr td { border: none; text-transform: uppercase;} /* Order Gift Message */ .gift-message dt strong { color: #666666;} .gift-message dd { margin: 5px 0 0; font-size: 13px;} /* Order Comments */ .order-about dt { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .order-about dd { margin: 0 0 7px; font-size: 13px;} .tracking-table { margin: 0 0 15px;} .tracking-table th { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; white-space: nowrap;} .tracking-table-popup { width: 100%;} .tracking-table-popup th { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; white-space: nowrap;} .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px;} /* Order Print Pages */ .page-print .print-head { margin: 0 0 15px;} .page-print .print-head .logo { float: left;} .page-print .print-head address { float: left; margin-left: 15px;} .page-print h1 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 16px;} .page-print h2, .page-print h3 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px;} .page-print h2.h2 { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 16px;} .page-print .order-date { margin: 0 0 10px; padding: 0 0 10px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/bkg_divider1.gif') 0 100% repeat-x;} .page-print .col2-set { margin: 0 0 10px;} /* Price Rewrites */ .page-print .gift-message-link { display: none;} .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap;} .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline;} /* My Wishlist */ td { padding: 10px;} .my-wishlist #wishlist-view-form table tr td:first-child{ padding: 0; } .my-wishlist .data-table td.last {width: 30%;} .my-wishlist .product-image { display: block;} .my-wishlist textarea {padding: 10px; width: 100%;height: 169px; resize:none; margin-top: 10px;} .my-wishlist .buttons-set { margin-top: 2em;} .my-wishlist .buttons-set button.button {float: none;width: 28.33%;padding: 0 10px;box-sizing: border-box;margin: 0;display: inline-block;} .my-wishlist .buttons-set button.button span { padding: 0;} #wishlist-table .add-to-links { white-space: nowrap;} #wishlist-view-form .cart-cell .price-box { margin: 0 0 6px; min-height: 44px; } #wishlist-view-form .cart-cell .price-box .regular-price .price {font-size: 16px;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} #wishlist-view-form .cart-cell .add-to-cart-alt { margin: 0 0 10px;float: left;width: 100%;} #wishlist-view-form .cart-cell .availability { float: right; } #wishlist-view-form .cart-cell .truncated { margin: 0 0 10px;} .my-wishlist .product-name { font-size: 16px; font-family: 'cooper_hewittbook',Helvetica,Arial,sans-serif; } .my-wishlist .product-intro-title { color:#868686; } .my-wishlist .description { text-transform: lowercase;color: #868686;font-size: 12px;margin-bottom: 15px;} .my-wishlist .cart-cell { position: relative; } .my-wishlist .cart-cell a { color: #868686 !important; } .my-wishlist .cart-cell a.btn-remove { position: absolute; top: 0; right: 0; } .my-wishlist .cart-cell td a:hover { color: #000000 !important; } .my-wishlist .cart-cell .button.btn-cart { float: right; } .my-wishlist .cart-cell .qty {width: 70px !important; text-align: center;padding: 0 8px;box-sizing: border-box;float: left;} .my-wishlist .buttons-set button.btn-share > span, .my-wishlist .buttons-set button.btn-update > span { background: #ffffff; color: black;border: 1px solid #bfbfbf; -webkit-transition: border 0.5s ease; transition: border 0.5s ease;display: block;} .my-wishlist .buttons-set button.btn-share > span:hover , .my-wishlist .buttons-set button.btn-update > span:hover { border: 1px solid #000;} .my-wishlist .data-table tr td:first-child { width: 15%; height: 200px;} .my-wishlist .data-table tr td { width: 45%; } .my-wishlist .data-table tr td {padding: 0 20px 30px 0;} .my-account .my-wishlist .data-table tr td:first-child a { height: 200px; width: 100%; } .my-account .my-wishlist .data-table tr.last th { padding-top:0; } /* My Tags */ .my-tag-edit { float: left; margin: 0 0 10px;} .my-tag-edit .btn-remove { float: right; margin: 4px 0 0 5px;} #my-tags-table { clear: both;} #my-tags-table td { padding: 10px;} #my-tags-table .add-to-links { white-space: nowrap;} /* My Reviews */ #my-reviews-table td { padding: 10px;} .product-review .product-img-box { float: left; width: 140px;} .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px;} .product-review .product-img-box .label { margin: 0 0 3px; font-size: 11px;} .product-review .product-img-box .ratings .rating-box { display: block; float: none; margin: 0 0 3px;} .product-review .product-details { margin-left: 150px;} .product-review .product-name { margin: 0 0 10px; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 16px;} .product-review h3 { margin: 0 0 3px; font-size: 12px; color: #2f2f2f;} .product-review .ratings-table { margin: 0 0 10px;} .product-review dt { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .product-review dd { margin: 5px 0 0; font-size: 13px;} /* Billing Agreements */ .billing-agreements .info-box { margin: 15px 0;} .billing-agreements .form-list li select { float: left;} .billing-agreements .form-list li button.button { float: left; margin-left: 10px;} .billing-agreements .table-caption { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 13px;} /* Customer account create/modif/forgot */ .customer-account-changepassword .page-title, .customer-account-forgotpassword .page-title, .customer-account-create .page-title { background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/line-espace-client.png")no-repeat bottom; } .customer-account-changepassword .page-title h1, .customer-account-forgotpassword .page-title h1, .customer-account-create .page-title h1 { padding: 0 0 20px 0; } .my-account .buttons-set { margin-bottom: 0; } .my-account .back-link { margin: 0; } /* Customer logout page */ .customer-account-logoutsuccess .col-main { text-align:center; } /* Factures */ .sales-order-invoice .order-items .order-links { float: right; } .sales-order-invoice .order-items .sub-title { float: left; } .sales-order-invoice h3.table-caption { clear: left; } /* Customer :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-index .col-main, .customer-address-form .col-main, .sales-order-history .col-main, .sales-order-view .col-main, .sales-order-invoice .col-main, .sales-order-shipment .col-main, .sales-order-creditmemo .col-main, .wishlist-index-index .col-main, .newsletter-manage-index .col-main { width: 750px;} .my-wishlist .cart-cell .qty { margin-bottom: 10px; } .my-wishlist .cart-cell .button.btn-cart { float: left; } .my-wishlist .buttons-set { position: relative; } .my-wishlist .buttons-set .back-link { position: absolute; bottom: -60px; left: 10px; } .my-wishlist .buttons-set button.button { width: 33.33%; float: left; } .truncated .show .item-options { left: -33.33%; margin-top: 120px; } .my-account #my-orders-table tr td, .my-account #my-orders-table tr th { padding: 15px 20px 15px 0; } .my-account #my-orders-table .nobr { white-space: normal !important; } .my-wishlist .data-table tr td:first-child { width: 22%; } .my-wishlist .data-table td.last { width: 33%; } .my-account .page-title { width: 1000px; margin: 0 -251px 40px;} } @media screen and (max-width: 1000px) { .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-index .col-main, .customer-address-form .col-main, .sales-order-history .col-main, .sales-order-view .col-main, .sales-order-invoice .col-main, .sales-order-shipment .col-main, .sales-order-creditmemo .col-main, .wishlist-index-index .col-main, .newsletter-manage-index .col-main { width: 535px;} #wishlist-view-form .cart-cell .add-to-cart-alt button.button span span { padding: 0 16px; } .my-wishlist .buttons-set button.button { width: 50%; display: inline-block; margin-bottom: 10px; float: right ;} .my-account .data-table tr td:first-child { width: auto; } .wishlist-index-index .my-wishlist .cart-cell .qty { margin-bottom: 10px; } .truncated .show .item-options { margin-top: 110px; } .my-account .fieldset .field { width: 50%; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-bottom: 10px; } .my-account .data-table tr td { width:auto; padding: 0 0 30px 20px; } .my-account #my-orders-table tr td, .my-account #my-orders-table tr th { font-size: 10px;padding: 15px 10px 15px 0;} .my-account #my-orders-table tr td { padding-bottom:30px;} .my-account #my-orders-table tr th:last-child, .my-account #my-orders-table tr td.last { padding:0; position: relative; } .my-account #my-orders-table tr td .view-order-link { position: absolute; right: 0; bottom: 10px; min-width: 100px; } .my-account #my-orders-table tr td .product-intro-title { font-size:11px; } .addresses-list li.item { clear:both; width:100%; margin: 20px 0 10px; } .addresses-list .addresses-additional li.item { width: 100%; margin: 20px 0 10px; } .my-account .page-title { width: 750px; margin: 0 -214px 40px; } .my-account .field label[for="country"] { margin-top: 10px; } .customer-address-form .my-account .buttons-set button.button { width: auto; } .my-wishlist textarea { height: 140px; } .my-account .my-wishlist .data-table tr td .product-image img { width:88px; height:auto; } #my-orders-table tbody tr td .product-name, .sales-order-view .data-table tbody tr td dl, .sales-order-view .data-table tbody tr td dl dd { font-size: 12px !important;} .sales-order-view .data-table tbody tr td:first-child { width: 25%; } } /* Collections and lookbook ========================================================================== */ .collection-scrollable { display: block; position: relative; width: 1000px; height: 510px; padding: 40px 0; overflow: visible;} .collection-scrollable .items { position: absolute; left: 0; width: 20000em;} .collection-scrollable .items ul { float: left; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} .collection-scrollable .items ul li { float: left; width: 250px;} .collection-scrollable .items ul li img { display: block; margin: 0 auto;} #collection-view .prev { z-index: 9999; position: absolute; top: 50%; left: -20px; width: 40px; height: 40px; margin: -9px 0 0; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-left.png') no-repeat scroll center 0 transparent; cursor: pointer;} #collection-view .prev:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-left.png') no-repeat scroll center -61px transparent;} #collection-view .next { z-index: 9999; position: absolute; top: 50%; right: -20px; width: 40px; height: 40px; margin: -9px 0 0; text-indent: -9999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-right.png') no-repeat scroll center 0 transparent; cursor: pointer;} #collection-view .next:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-slider-right.png') no-repeat scroll center -61px transparent;} .product-collection-hover { display: none; z-index: 120; position: absolute; bottom: 0; left: 0; width: 250px; height: 32px;} .product-collection-hover .product-hover-names { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center;} .display-footer { display: none; width: 1000px; margin: 0 auto; padding: 0;} .display-footer.active { border-bottom: 1px solid #dedede;} .display-footer span { position: absolute; top: -23px; left: 50%; width: 46px; height: 23px; margin-left: -23px; text-indent: -99999em; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-toggle-footer.png') no-repeat scroll 0 -24px transparent; cursor: pointer;} .display-footer.active span { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-arrow-toggle-footer.png') no-repeat scroll 0 0 transparent;} #collection-view .products-collection .item { position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-user-select: none;} #collection-view .products-collection .item > a { cursor: default;} #collection-view .active-product .item > a { cursor: pointer;} #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link { display: block !important; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; text-align: center; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-quickview-cat.png') no-repeat scroll center bottom transparent;} #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link a { display: inline; top: 10px; margin: 0 auto; padding: 12px 16px 10px 26px; border-top-left-radius: 2px; border-top-right-radius: 2px; text-align: center; text-transform: uppercase; font-size: 10px; letter-spacing: 0; color: #FFFFFF; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-picto-quickview.png') no-repeat scroll 8px 10px #000000; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;} #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link a:hover { background-color: #222222;} /* Collections */ .footer-retract .main-container { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-gradient-collection.jpg') repeat-x scroll 0 0 #ffffff;} .footer-retract .header-category { display: block; float: none; width: 100%; padding: 30px 0 5px; text-align: center;} .footer-retract .header-category .category-title { margin: 0;} .footer-retract .header-category .category-title h1 { text-align: center; text-transform: uppercase; font-size: 14px;} .dnd-categorymode-category-view .collection-link { display: block; margin: 0 0 20px; padding: 7px 0 4px; text-align: center;} .dnd-categorymode-category-view .collection-link .widget-category-link { display: inline; margin: 0;} .dnd-categorymode-category-view .collection-link .widget-category-link a { padding: 10px 10px 8px; border-radius: 2px; text-transform: uppercase; color: #FFFFFF; background: #000000; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;} .dnd-categorymode-category-view .collection-link .widget-category-link a:hover { background: #FA6400;} .collection-page .product-collection-hover { display: none; z-index: 10; position: absolute; width: 100%; height: 100%; cursor: pointer;} .collection-page #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link { display: block !important; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-quickview-cat.png') no-repeat scroll center bottom transparent;} .collection-page #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link .collection-link-details { position: absolute; bottom: -7px; left: 0; width: 100%; height: 34px;} .collection-page #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link .collection-link-details a { display: inline; z-index: 10; bottom: 0; margin: 0 auto; padding: 13px 16px 12px 26px; border-top-left-radius: 2px; border-top-right-radius: 2px; text-align: center; text-transform: uppercase; font-size: 10px; letter-spacing: 0; color: #FFFFFF; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-plus-details.png') no-repeat scroll 8px center #000000; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;} .collection-page #collection-view .products-collection .product-collection-hover .product-collection-quick-view-link .collection-link-details a:hover { background-color: #4a4a4a;} .collection-page .product-collection-hover .overlay-collection { position: absolute; bottom: 1px; left: 0; width: 100%; height: 100%; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/hover-overlay-collection.png') no-repeat scroll center bottom transparent;} .collection-page .product-collection-hover .product-hover-names { z-index: 10; position: absolute; bottom: 45px; left: 0; width: 100%; text-align: center; font-size: 12px; line-height: 24px; letter-spacing: 0;} .collection-page .collection-title { z-index: 1; position: relative; padding: 15px 0 0; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 28px; letter-spacing: 0.1em;} .collection-page .collection-title .collection-name { display: block; text-transform: none; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 24px; letter-spacing: 0;} .collection-product-view { display: none; position: absolute; top: 0; left: 0;} .collection-product-view-info { z-index: 100; position: absolute; top: 250px; left: 0;} .collection-product-view-info .collection-product-view-title { display: block; margin: 0 0 15px; padding: 0 0 6px; border-bottom: 1px dotted #DCDCDC; text-align: center; line-height: 24px; letter-spacing: 0;} .collection-product-view-info .collection-product-view-back { display: block; width: 215px; margin: 0 auto; padding: 7px 15px 6px; border-radius: 2px; background: #000000; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; cursor: pointer;} .collection-product-view-info .collection-product-view-back:hover { background: #FA6400;} .collection-product-view-info .collection-product-view-back a { display: block; height: 19px; padding: 0 0 0 15px; text-align: center; text-transform: uppercase; line-height: 21px; color: #FFFFFF; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-white-left.png') no-repeat scroll 0 center transparent;} .collection-page #collection-view { position: relative; min-height: 720px;} /* Lookbook */ .lookbook-category .header-category { float: none; } .lookbook-category .category-title h1 { text-align: center; font-size: 24px;} .lookbook-category .collection-scrollable { margin-bottom: 20px; padding: 20px 0;} /* Vidéo collection */ .video-collection { display: block; margin-top: 10px; text-align: center; line-height: 24px;} .link-video-collection { display: block; width: 72px; height: 92px; text-align: center; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/copmag-play-video.jpg') 0 0 no-repeat;} .overlay-video-collection { display: none; z-index: 9999; position: relative; padding: 32px; border: 1px solid #EEEEEE; border-radius: 3px; background-color: #fff;} .overlay-video-collection .close { display: block; z-index: 9999; position: absolute; top: 0; right: 0; width: 32px; height: 32px; text-indent: -9999em; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/picto-close-popin.png") no-repeat scroll 0 0; cursor: pointer;} /* Collection/Lookbook :: Media queries ================================================================================ */ @media screen and (max-device-width: 1024px) and (min-device-height: 768px), screen and (max-device-width: 480px) and (min-device-height: 320px), screen and (max-device-width: 568px) and (min-device-height: 320px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 640px) and (min-device-height: 360px) and (-webkit-device-pixel-ratio: 3), screen and (max-device-width: 1280px) and (min-device-height: 720px) and (-webkit-device-pixel-ratio: 2) { /* Collections */ #collection-view .prev { left: 0; } #collection-view .next { right: 20px; } /* Lookbook */ html { /* min-width: 1000px !important; */ overflow-x: inherit !important; } } /* Store locator ========================================================================== */ .store-locator .col-main .std { display: none;} .store-picker { z-index: 1; position: relative;background: #f5f5f5;box-sizing: border-box;padding: 15px 20px;margin-bottom: 15px;} .store-picker .map-buttons button { display: block;float: right;height: 36px;padding: 0 20px 0 45px; border: 0 none;border-radius: 2px; text-align: center; text-transform: uppercase;font-size: 11px; font-weight: normal;line-height: 36px; letter-spacing: 0.1em; white-space: nowrap;color: #FFFFFF;background: #000 url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-storelocator.png') no-repeat center left 20px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; cursor: pointer;} .store-picker .map-buttons #searchstores { background-image:none; padding: 0 20px; } .store-picker .map-buttons button + button { margin-right:10px; } .store-picker .map-buttons .label-storepicker {font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;float: left;width: auto;text-align: left;font-size: 12px;line-height: 35px;color: #2a2a2a;margin: 0;opacity: 0.9;} .store-picker .map-buttons button:hover { background-color: #505050;} .store-picker .map-buttons input { float: right;width: 710px!important;height: 36px;padding: 0 10px;border: 1px solid #e6e6e6; border-radius: 2px;margin: 0 10px;text-transform: uppercase;font-size: 11px;color: #2a2a2a; background: none repeat scroll 0 0 #FFFFFF;box-sizing: border-box;letter-spacing: 0.1em;} .map-buttons { position: relative; text-align: center;overflow: hidden;width: 100%;display: inline-block;vertical-align: middle;} .store-picker .country-side label, .store-picker .city-side label { margin: 0 5px 0 0; padding: 5px 0 0 0;} .store-picker .city-side { float: left; width: 500px; height: 42px; padding: 15px 0 0; text-align: center; background: #FFFFFF;} .store-picker .country-side { float: left; position: relative; width: 499px; height: 41px; padding: 16px 0 0; border-right: 1px solid #DDDDDD; text-align: center; background: #FFFFFF;} .store-picker .country-side .country-title { display: block; height: 24px; padding: 0; text-align: left; text-indent: 8px; font-size: 9px; line-height: 28px; color: #818080; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer;} .store-picker .country-side .country-title:hover { color: #333333;} .store-picker .country-side .country-picker-block { display: inline-block; position: relative; zoom: 1; width: 180px; border: 1px solid #BEBFBF; border-radius: 2px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-down-input.png') no-repeat scroll 150px 0 #FFFFFF; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} .store-picker .country-side .country-picker-block:hover { border: 1px solid #999999; background-position: 150px -36px;} .store-picker .country-side .country-list { position: absolute; top: 25px; left: -1px; width: 158px; padding: 10px 11px 6px; max-height: 140px; min-height: 32px; border: 1px solid #BEBFBF; border-top: 0 none; overflow: scroll; text-align: left; font-size: 10px; line-height: 18px; color: #888888; background: #FFFFFF; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} .store-picker .country-side .country-list:hover { border: 1px solid #999999; border-top: 0 none;} .store-picker .country-side .country-list .country-item { -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer;} .store-picker .country-side .country-list .country-item:hover { color: #333333; cursor: pointer;} .store-picker .city-side { float: left; position: relative; width: 499px; height: 41px; padding: 16px 0 0; text-align: center; background: #FFFFFF;} .store-picker .city-side .city-title { display: block; height: 24px; padding: 0; text-align: left; text-indent: 8px; font-size: 9px; line-height: 28px; color: #818080; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer;} .store-picker .city-side .city-title:hover { color: #333333;} .store-picker .city-side.disabled .city-title:hover { color: #818080; cursor: default;} .store-picker .city-side .city-picker-block { display: inline-block; position: relative; zoom: 1; width: 180px; border: 1px solid #BEBFBF; border-radius: 2px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-down-input.png') no-repeat scroll 150px 0 #FFFFFF; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} .store-picker .city-side .city-picker-block:hover { border: 1px solid #999999; background-position: 150px -36px;} .store-picker .city-side.disabled .city-picker-block:hover { border: 1px solid #BEBFBF; color: #888888; background-position: 150px 0;} .store-picker .city-side .city-list { position: absolute; top: 25px; left: -1px; width: 158px; padding: 8px 11px 6px; max-height: 140px; min-height: 32px; border: 1px solid #BEBFBF; border-top: 0 none; overflow: scroll; text-align: left; font-size: 10px; line-height: 18px; color: #888888; background: #FFFFFF; -webkit-transition: border 0.2s ease; transition: border 0.2s ease;} .store-picker .city-side .city-list:hover { border: 1px solid #999999; border-top: 0 none;} .store-picker .city-side .city-list .city-item { -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer;} .store-picker .city-side .city-list .city-item:hover { color: #333333; cursor: pointer;} .store-picker .city-side.disabled .city-title, .store-picker .city-side.disabled .city-picker-block, .store-picker .city-side.disabled label { opacity: 0.35; filter: alpha(opacity=35);} .store-picker .label-number { color: #FA6400;} .stores-wrapper .store-page-title { display: block; margin: 0; padding: 15px 0; text-align: center;position: relative;} .stores-wrapper .store-page-title:before { position: absolute; content: "";top: 50%;bottom: 50%;left: 0;right: 0;margin: 0;border-top: 1px solid #cacaca;z-index: 1;} .stores-wrapper .store-page-title h2 {margin: 0;display: inline-block;padding: 0 20px;background: #FFF;position: relative;z-index: 1;} .stores-wrapper .store-page-title h2 span { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;font-size: 22px; padding: 15px 0 15px 45px;} .stores-wrapper .stores .store-page-title h2 span {background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-boutique.png') no-repeat center left;} .stores-wrapper .stores ul { display: block; overflow: hidden;margin: 25px -10px 0;} .stores-wrapper .stores ul .last { margin: 0 0 30px 0;} .stores-wrapper .stores ul li { float: left;width: 25%;padding: 0 10px;min-height: 280px;box-sizing: border-box;margin-bottom: 30px;font-size: 11px;color: #868686;} .stores-wrapper .stores .store-picture { display: block;margin-bottom: 10px;height: 170px;overflow: hidden;position: relative;} .stores-wrapper .stores .store-picture img {position: absolute;top: 0;right: 0;left: -20%;margin: auto;min-width: 140%;max-height: none;bottom: 0;} .stores-wrapper .stores a .store-title { display: block; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;} .stores-wrapper .stores a:hover .store-title { color: #000000;} .stores-wrapper .stores .store-title { display: block; text-transform: uppercase; font-weight: bold;font-size: 12px;color: #000;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .stores-wrapper .stores .store-region { display: block;} .stores-wrapper .stores .store-address { display: block;} .stores-wrapper .stores .store-zip { padding: 0 5px 0 0;} .stores-wrapper .other-stores .store-page-title h2 span {background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-autre-boutique.png') no-repeat center left;} .stores-wrapper .other-stores ul { display: block; padding: 30px 0 0 0; overflow: hidden;margin: 0 -10px;} .stores-wrapper .other-stores ul li { float: left;width: 25%;margin-bottom: 30px; min-height: 120px;color: #868686;font-size: 11px;padding: 0 10px;box-sizing: border-box;} .stores-wrapper .other-stores ul .last { margin: 0 0 30px 0;} .stores-wrapper .other-stores .store-title { display: block; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;color: #000;font-size: 12px;} .stores-wrapper .other-stores .store-region { display: block;} .stores-wrapper .other-stores .store-region, .stores-wrapper .other-stores .store-address { display: block; padding: 0 5px 0 0;} .stores-wrapper .other-stores .store-zip, .stores-wrapper .other-stores .store-city { padding: 0 5px 0 0;} .stores-wrapper .store-phone { display: block;} .stores-wrapper .retailers .store-page-title h2 span { background:url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/picto-copcopine-storelocator.png') no-repeat scroll 0 6px transparent; } .stores-wrapper .retailers ul { display: block;padding: 30px 0 0 0; overflow: hidden;} .stores-wrapper .retailers ul li { float: left; width: 235px; margin: 0 20px 30px 0; min-height: 120px;} .stores-wrapper .retailers ul .last { margin: 0 0 30px 0;} .stores-wrapper .retailers .store-title { display: block; text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .stores-wrapper .retailers .store-region, .stores-wrapper .retailers .store-address { display: block; padding: 0 5px 0 0;} .stores-wrapper .retailers .store-zip, .stores-wrapper .retailers .store-city { padding: 0 5px 0 0;} .stores-wrapper { float: left; clear: both; max-width: 1200px;width: 100%;} .store-loader { display: none; z-index: 20; position: absolute; top: 50%; left: 50%; margin-top: -125px; margin-left: -160px; padding: 0; min-height: 250px; min-width: 320px; text-align: center; color: #000000; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-progress-bar.png') no-repeat scroll center center transparent;} .store-loader img { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -62px;} .store-loader p { position: absolute; top: 136px; width: 100%; text-align: center; font-size: 9px; color: #A1A1A1;} #map_canvas { max-width: 1200px; height: 452px;opacity: 0.95;} .map {height: 430px;background: #000;} #map-wrapper { position: relative;} .stores { display: none;} .other-stores { display: none;} .retailers { display: none;} .distributeurs-link { padding: 20px 0; text-align: center; clear:both; margin-bottom:10px; } .distributeurs-link a {background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-right-big-black.png') no-repeat center right;padding-right: 20px;text-transform: uppercase;color: #868686;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; margin-bottom: 5px; -webkit-transition:color 0.2s ease-in-out; } .distributeurs-link a:hover { color:#000; } .std ul.distributeur-list { padding: 0;margin: 0 -10px;overflow: hidden; font-size:0;} .distributeur-list li {display: inline-block; width: 25%;min-height: 220px;vertical-align: top;margin-bottom: 30px;box-sizing: border-box;padding: 0 10px; } .distributeur-list .title-distrib { text-transform: uppercase; font-weight: bold; font-size: 12px; color: #000; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} .distributeur-list .title-distrib-store { display: block;color: #000;font-size: 12px;margin-bottom: 5px;} .distributeur-list p { font-size: 11px; color: #868686;} .back-to-locations { display: block; margin: 20px 0; overflow: hidden;} .back-to-locations a { display: block; float: left; text-transform: uppercase; color: #999999; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-left-big-black.png') no-repeat left center;padding: 5px 0 5px 20px; -webkit-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; } .back-to-locations a:hover { color:#000; } .location-info { z-index: 1; position: relative; overflow: hidden;} .location-info .location-info-wrapper {padding: 0 0 25px; overflow: hidden; background: #ffffff;position: relative;} .location-info .store-page-title { display: block; margin: 0 0 30px 0; text-align: center;position: relative;} .location-info .store-page-title:before { position: absolute; content: "";top: 50%;bottom: 50%;left: 0;right: 0;margin: 0;border-top: 1px solid #cacaca;z-index: 1;} .location-info .store-page-title h2 {margin: 0;display: inline-block;padding: 0 20px;background: #FFF;position: relative;z-index: 1;} .location-info .store-page-title h2 span { font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;font-size: 22px;padding: 14px 0;} .location-info .store-media { float: left;width: 100%; position:relative; } .location-info .store-media .facebook-share { position: absolute;right: 0;top: 0;} .location-info .store-media ul { overflow: hidden;margin: 0 -10px;} .location-info .store-media ul li { float: left;width: 25%;padding: 0 10px;box-sizing: border-box;color: #868686;font-size: 14px;position: relative;height: 200px;overflow: hidden;} .location-info .store-media ul li:last-child { height: auto;width: 50%;padding-left: 20px; position: relative;} .location-info .store-media ul li img { width: 305px; height: 200px; position: absolute;top: 0;left: 0;padding: 10px;box-sizing: border-box;bottom: 0;right: 0;margin: auto;} .location-info .store-media ul li span { display: block; clear: both;} .location-info .store-title { text-transform: uppercase;color: #000;font-size: 16px;margin-top: 10px;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;margin-bottom: 10px;} .location-info .store-description {margin: 0 0 40px;font-size: 12px;line-height: 22px;text-align: center;color: #868686;} .location-info .store-schedule {margin: 0 0 45px; text-transform: uppercase;} .location-info .store-schedule ul { overflow: hidden;margin: 0 -10px;} .location-info .store-schedule ul li { float: left;padding: 0 10px;width: 14.28%;box-sizing: border-box;color: #868686;font-size: 11px;} .location-info .store-schedule ul li strong { display: block;color: #000;font-size: 12px;margin-bottom: 5px;} /* Store locator :: Media queries ================================================================================ */ @media screen and (max-width: 1200px) { .store-picker .map-buttons input { float: right; width: 510px!important; } .stores-wrapper .stores .store-picture { height: 140px;} .stores-wrapper .stores ul li { min-height: 260px; } } @media screen and (max-width: 1000px) { .store-picker .map-buttons .label-storepicker { width: 160px; line-height: 1.5; margin-top: 9px; } .store-picker .map-buttons input { width: 250px!important;} .stores-wrapper .stores .store-picture { height: 110px;} .stores-wrapper .stores ul li { min-height: 240px; } .location-info .store-media ul li, .location-info .store-media ul li:last-child { width: 33%; box-sizing: border-box; } .location-info .store-media ul li:last-child { height: 190px; position: relative;} } /* Search ========================================================================== */ .catalogsearch-result-index .page-title h1 { text-transform: none; padding-bottom: 20px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/bkg-header-category-border.png') no-repeat scroll center bottom transparent;} .catalogsearch-result-index .suggested-products, .catalogsearch-result-index .note-msg { text-align: center; color: #868686; border: 0 none!important; padding: 0!important; margin-top: 50px; } .catalogsearch-result-index .suggested-products { margin-bottom: 50px!important; } @media screen and (max-width: 1000px) { .catalogsearch-result-index .suggested-products { width: 500px; } } /* Dnd showcase grids ================================================================= */ #showcase-main { margin: 0 -5px; border: none; font-size: 0; padding: 0; letter-spacing: 0;} .grid-item { box-sizing: border-box; padding: 0 5px 10px; display: inline-block; overflow: hidden; position:relative;vertical-align: top;} .grid-item p { margin: 0; } .grid-item img { width: 100%; position:relative; z-index:1;} .grid-item img + img { position:absolute; top:0; left:0; z-index:2; } .col1-item { width: 25%; } .col2-item { width: 50%; } .col3-item { width: 75%; } .col4-item { width: 100%; } /* Homepage copcopine */ .grid-item-wrapper { position:relative; } .grid-item img + img { display:none; } .grid-item:hover img + img { display:block; } #showcase-main .social-item { position: relative; text-align: center;} #showcase-main .social-item .social-links { position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 250px; z-index: 1;} #showcase-main .social-item .social-links .social-links-content { line-height: normal; vertical-align: middle; display: inline-block;} #showcase-main .social-item .social-links h2 { text-transform: uppercase; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; font-size: 24px;} #showcase-main .social-item .social-links ul { margin: 10px 0; height: 40px; font-size: initial;} #showcase-main .social-item .social-links ul li { display: inline-block; line-height: 19px;} #showcase-main .social-item .social-links ul li a {margin: 0 20px; padding: 16px; font-size: 0; line-height: 0;} #showcase-main .social-item .social-links ul li a.facebook-homepage {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-facebook-homepage.png")no-repeat center top;} #showcase-main .social-item .social-links ul li a.facebook-homepage:hover { background-position: center -48px; } #showcase-main .social-item .social-links ul li a.twitter-homepage {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-twitter-homepage.png")no-repeat center 4px;} #showcase-main .social-item .social-links ul li a.twitter-homepage:hover { background-position: center -50px; } #showcase-main .social-item .social-links ul li a.instagram-homepage {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-instagram-homepage.png")no-repeat center 1px;} #showcase-main .social-item .social-links ul li a.instagram-homepage:hover { background-position: center -48px; } #showcase-main .social-item .social-links ul li a.pinterest-homepage {background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-pinterest-homepage.png")no-repeat center 1px;} #showcase-main .social-item .social-links ul li a.pinterest-homepage:hover { background-position: center -48px; } #showcase-main .social-item .block-subscribe { border: none; } #showcase-main .social-item .block-subscribe .block-title { text-transform: uppercase; font-size: 13px; margin-bottom: 5px; } #showcase-main .social-item .block-subscribe .block-title span:before { content: ''; padding-right: 20px; background: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/picto-newsletter-homepage.png")no-repeat left; } #showcase-main .social-item .block-subscribe .block-content { background: transparent; padding: 0; text-align: center; position: relative; } #showcase-main .social-item .block-subscribe .form-subscribe-header { display: none; } #showcase-main .social-item .block-content .input-box { display: inline-block; } #showcase-main .social-item .block-content .actions { display: inline-block; margin-left: -4px;} #showcase-main .social-item .block-content .actions .button { float: right; } #showcase-main .social-item .block-content .actions .button span { border: #868686; background: #868686; height: 30px; line-height: 30px; width: 30px;} #showcase-main .social-item .block-content .actions .button span span { padding: 0; font-size: 11px; } #showcase-main .social-item .block-subscribe input.input-text { display: block; float: right; width: 200px; height: 30px; margin: 0; padding: 0 10px; border: 1px solid #868686; border-radius: 2px 0 0 2px; font-size: 10px; line-height: 20px; color: #818080; background: transparent; transition: border .2s ease;} #showcase-main .social-item .validation-advice { position: absolute; margin: 40px 0 0; left: 0;} @media screen and (max-width: 1200px) { #showcase-main .social-item .social-links { line-height: 208px;} } @media screen and (max-width: 1000px) { #showcase-main .social-item .social-links { line-height: 154px;} #showcase-main .social-item .social-links ul { margin: 0; height: 32px;} #showcase-main .social-item .social-links h2 { font-size: 20px; margin-top: 7px;} #showcase-main .social-item .social-links ul li a { margin: 10px; padding: 12px; background-size: auto 56px !important } #showcase-main .social-item .social-links ul li a:hover { background-position: center -34px !important; } } /* 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: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; } /** * 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 Products 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; } /* Widget: Recently Viewed Products */ .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; } /* Widget: Recently Compared Products */ .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; } /* 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; } .cms-page-view .col-main .widget-product-link { display: inline; text-align: inherit; margin: inherit; } .cms-page-view .col-main .widget-product-link a { transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; color: #FA6400; } .cms-page-view .col-main .widget-product-link a:hover { color: #888888; } .sidebar .widget-product-link { display: block; margin: 0 0 15px; padding: 0 10px; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display: inline; } .col-main .widget-category-link { display: block; text-align: right; margin: 7px 0; } .cms-page-view .col-main .widget-category-link { display: inline; text-align: inherit; margin: inherit; } .cms-page-view .col-main .widget-category-link a { transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; color: #FA6400; } .cms-page-view .col-main .widget-category-link a:hover { color: #888888; } .sidebar .widget-category-link { display: block; margin: 0 0 15px; padding: 0 10px; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display: inline; } .col-main .widget-cms-link { display: block; text-align: right; margin: 7px 0; } .cms-page-view .col-main .widget-cms-link { display: inline; text-align: inherit; margin: inherit; } .cms-page-view .col-main .widget-cms-link a { transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; color: #FA6400; } .cms-page-view .col-main .widget-cms-link a:hover { color: #888888; } .sidebar .widget-cms-link { display: block; margin: 0 0 15px; padding: 0 10px; } /* ======================================================================================= */ /* Widget products general css - Selection =============================================== */ .widget-products .widget-title { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-linethrough-title.png') no-repeat scroll center center transparent; padding: 0; text-align: center; margin: 25px 0 0; } .widget-products .widget-title h2 { font-weight: normal; font-size: 24px; line-height: 38px; color: #000000; text-align: center; display: inline; padding: 0 12px; background: #FFFFFF; } .widget.selection { float: left; width: 490px; padding: 0 25px 0 0; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-sep-center-gray.png') no-repeat scroll 500px 72px transparent; } .widget.selection .products-grid { width: 486px; margin: 0 auto; } .widget.selection .products-grid li.item { overflow: hidden; float: left; height: 187px; width: 135px; padding: 0; margin: 12px; box-sizing: border-box; transition: border 0.4s ease; -webkit-transition: border 0.4s ease; border: 1px solid #FFFFFF; } .widget.selection .products-grid li.item:hover { border: 1px solid #DEDEDE; } .widget.selection .products-grid .product-image { margin: 0; width: 135px; height: 185px; } /* ======================================================================================= */ /****************************** * Languages Stylesheet * * Language(s) : en (English) * ******************************/ /* Global */ /* Language : English */ /* Checkout onepage */ #checkout-steps li.login-step:lang(en) { width: 70px; } #checkout-steps li.info-step:lang(en) { width: 120px; } /* Product view */ .product-shop .socloz-integration .button.socloz:lang(en) { width:180px; } #ajaxcartpro-progress { position: fixed; text-align: center; background: #FFF; z-index: 99999; color: black;border-radius: 5Px;min-height: 120px;min-width: 200px; padding: 0;border: 1px solid #EEE;} #ajaxcartpro-progress img { margin-top: 40px; } #ajaxcartpro-progress p { position: absolute;top: 75px; font-size: 9px; width: 100%; color: #A1A1A1; text-align: center;} #ajaxcartpro-add-confirm, #ajaxcartpro-remove-confirm { position: fixed; border: 1px #e3e3e3 solid; text-align: center !important; background-color: #ffffff; z-index: 9999999; color: black;min-height: 445px;width: auto; height: auto; border-radius: 2px;} #ajaxcartpro-remove-confirm { min-height: 180px; } #ajaxcartpro-add-confirm h2, #ajaxcartpro-remove-confirm h2 { display: block; color: #000; font-weight: normal; margin: auto; width: 100%; padding: 10px 10px; box-sizing: border-box; font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif; text-transform: uppercase; font-size: 12px; background: #f5f5f5; margin-bottom: 30px; line-height: 22px; } #ajaxcartpro-add-confirm .product-block { width: 750px; } #ajaxcartpro-add-confirm .product-img-block { float: left;width: 40%;height: 100%;position: absolute;overflow: hidden;} #ajaxcartpro-add-confirm .product-img-block img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 100%;height: auto;} #ajaxcartpro-add-confirm .product-details-block {width: 60%;padding: 35px 45px 35px;box-sizing: border-box;text-align: center;float: right;} #ajaxcartpro-add-confirm .product-details-block .product-name {font-size: 18px; color: #000000; font-weight: normal;} #ajaxcartpro-add-confirm .product-details-block .product-attributes-box { color: #000000;display: inline-block;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;margin:20px 20px 10px 0;} #ajaxcartpro-add-confirm .product-details-block .product-attributes-box span {display:block;vertical-align: middle;line-height: 24px;width: 24px;height: 24px;font-size: 11px;border: 1px solid #cacaca;} #ajaxcartpro-add-confirm .product-details-block .product-attributes-box .ajax-color {display: inline-block; overflow: hidden; border: 2px solid #000; border-radius: 2px; vertical-align: middle; margin-left: 5px;} #ajaxcartpro-add-confirm .product-details-block .product-attributes-box .ajax-color span { border-color:#FFF; } #ajaxcartpro-add-confirm .product-details-block .product-attributes-box .ajax-color img { width:100%; height:100%; } #ajaxcartpro-add-confirm .product-details-block .product-attributes-box .ajax-size { display:inline-block; margin-left: 5px; } #ajaxcartpro-add-confirm .product-details-block .product-attributes-box .ajax-size span { border-radius: 2px; line-height: 28px; min-width: 10px; display: block; padding: 0px 5px; width: auto; height: 28px; min-width: 18px; } #ajaxcartpro-add-confirm .product-details-block .bundle-name-attribute + .product-attributes-box, #ajaxcartpro-add-confirm .product-details-block .bundle-name-attribute + .product-attributes-box + .product-attributes-box { margin-top:12px; } #ajaxcartpro-add-confirm .product-details-block .bundle-name-attribute {margin: 0;display: block;margin-top: 25px;} #ajaxcartpro-add-confirm .product-details-block .bundle-name-attribute .simple_product_name { display: block; width: 100%; border: 0 none; color: #7f7f7f; font-size: 14px; line-height: 16px; height: auto; margin: 0; padding: 0; text-transform:none; } #ajaxcartpro-add-confirm .button-box {width: 60%;text-align: center;float: right;padding-bottom: 50px;} #ajaxcartpro-add-confirm .button-box .aw-acp-continue, #ajaxcartpro-remove-confirm .button-box .aw-acp-continue {min-width: 218px;margin: 0 0 10px; border-radius: 2px; transition: background 0.2s ease, border 0.2s ease; -webkit-transition: background 0.2s ease, border 0.2s ease;display: inline-block; white-space: nowrap;color: #000; line-height: 36px; height: 34px; padding: 0 15px; text-transform: uppercase; font-size: 12px; font-weight: normal;border: 1px solid #cacaca;background: transparent;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} #ajaxcartpro-remove-confirm .button-box .aw-acp-continue { padding: 11px 15px 9px; display: inline; float: none; } #ajaxcartpro-add-confirm .button-box .aw-acp-continue:hover, #ajaxcartpro-remove-confirm .button-box .aw-acp-continue:hover { border: 1px solid #000; } #ajaxcartpro-add-confirm .button-box .aw-acp-checkout {min-width: 218px; border-radius: 2px; transition: background 0.2s ease, border 0.2s ease; -webkit-transition: background 0.2s ease, border 0.2s ease;display: inline-block; white-space: nowrap; color: #ffffff; line-height: 36px;height: 34px; padding: 0 15px; text-transform: uppercase;margin-left: -4px;font-size: 12px; font-weight: normal;background: #000;border: 1px solid #000;font-family: 'cooper_hewittmedium',Helvetica,Arial,sans-serif;} #ajaxcartpro-add-confirm .button-box .aw-acp-checkout:hover { border-color: #464646; background: #464646; } #ajaxcartpro-add-confirm .close-box, #ajaxcartpro-remove-confirm .close-box { cursor: pointer; width: 32px; height: 32px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/ajaxcartpro/images/copmagredesign/picto-close-popin.png') no-repeat scroll 0 0 #ffffff; display: block; position: absolute; top: 15px; right: 15px; } #ajaxcartpro-add-confirm .close-box:hover, #ajaxcartpro-remove-confirm .close-box:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/ajaxcartpro/images/copmagredesign/picto-close-popin.png') no-repeat scroll 0 -32px #ffffff; } .ajaxcartpro-box-hide { display: none; } .ajaxcartpro-box-show { display: block; } #ajaxcartpro-add-confirm p, #ajaxcartpro-remove-confirm p { width: 260px; } .acp-msg-block { font-weight: bold; background-image: none; padding: 0 !important; min-height: 0 !important; font-size: 12px !important; text-align: center; } .aw-acp-continue, .aw-acp-checkout, .aw-acp-continue:hover, .aw-acp-checkout:hover { padding: 0; line-height: 24px; height: 24px; margin: 0 auto; display: block; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; cursor: pointer; } .aw-acp-continue, .aw-acp-continue:hover { color: #333333; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/ajaxcartpro/images/btn_continue_shopping.png'); } .aw-acp-checkout, .aw-acp-checkout:hover { color: #ffffff; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/ajaxcartpro/images/btn_view_cart.png'); } #acp-configurable-block #bundle-product-wrapper { z-index: 1000; } #acp-configurable-block dl { text-align: left; padding-left: 10px; } #acp-configurable-block .price { font-size: 14px; } #acp-configurable-block .product-name { text-align: center; font-size: 14px; font-weight: bold; } #acp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: .60; filter: alpha(opacity=60); z-index: 99998; } #acp-overlay[id] { /* IE6 and below Can't See This */ position: fixed; } #acp-product-options { min-width: 400px; position: fixed; overflow: auto; z-index: 1000; background-color: white; padding: 10px; width: auto; height: auto; } #acp-product-options .aw-acp-continue, #acp-product-options .aw-acp-checkout { display: inline-block; text-align: center; text-decoration: none; } #acp-product-options .aw-acp-btn-container { margin: 5px auto 5px auto; padding-left: 20px; } #acp-product-options .giftcard-send-form { margin: 0; } #acp-product-options .product-options dt label.required em { color: #EB340A; margin-left: 5px; } #acp-product-options #product-options-wrapper { margin: 0; text-align: center; } .map-popup { z-index: 1001 !important; } @media screen and (max-width: 1000px) { #ajaxcartpro-add-confirm .product-block { width: auto; } } /* ============================= */ /* ***** AW Blog CSS Style ***** */ /* ============================= */ .blog-index-list .toolbar { display: block; overflow: hidden;padding: 10px 15px 50px;} .blog-index-list .toolbar .pages { float: none; text-align: center; } .blog-index-list .toolbar .pages ol li { float: none; display: inline-block; line-height: 30px; margin: 0 2px; min-width:30px; color: #888888;} .blog-index-list .toolbar .pages ol li a { display:block; } .blog-index-list .toolbar .pages ol li button span { padding: 0 20px;line-height: 32px;height: 32px; display:block; } .blog-index-list .toolbar .pages ol li button span span { background-repeat: no-repeat; background-position: center right; text-transform: none; font-size: 12px; padding: 0 10px 0 0; display:block; } .blog-index-list .toolbar .pages ol li button.i-previous span span { padding: 0 0 0 10px; background-image: url("http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmagredesign/arrow-left-grey.png"); background-position: left center; } .blog-index-list .toolbar .next, .blog-index-list .toolbar .previous { display: inherit; padding: 0 5px; } .blog-post-view .page-title { position: relative; } .page-title .aw-blog-back-link { position: absolute; top: 7px; left: 0; text-transform: uppercase; display: block; float: left; padding-left: 11px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-left.png') no-repeat scroll -294px center transparent; height: 19px; line-height: 21px; } .page-title .aw-blog-back-link:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/images/copmag/bkg-arrow-gray-left.png') no-repeat scroll 0 center transparent; } .postWrapper { clear: both; padding-bottom: 35px; } .postTitle { margin-bottom: 15px; } .postTitle h2 { margin: 0; padding: 0 0 10px; font-size: 20px; font-weight: normal; text-transform: uppercase; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_blog/images/copmag/bkg-blog-title-border-top.png') no-repeat scroll center bottom transparent; } .postTitle h2 a { padding: 2px 0; } .postTitle h3 { margin: 0; padding: 12px 0 10px; font-size: 12px; color: #818080; font-weight: normal; font-family: 'HelveticaNeueLT-LtEx', Helvetica, Arial, sans-serif; border-bottom: 1px dotted #dfdfdf; } .postContent { padding-bottom: 45px; position: relative; display: block; overflow: hidden; clear:both; } .postContent img { float: left; margin: 0 20px 20px 0; } .postDetails { color: #818080; font-size: 12px; font-style: italic; } .postedby { display: block; margin: 5px 0; color: #818080; font-size: 12px; font-style: italic; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0; } .commentDetails { margin-bottom: 5px; padding: 0; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { padding-bottom: 10px; font-weight: bold; } .tags UL { display: inline; } .tags UL LI { display: inline; padding-right: 6px; font-weight: normal; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; margin-left: 10px; padding: 2px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { font-size: 11px; } .tagcloud { } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { padding-left: 21px; text-align: left; background: url(http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_blog/images/icon_blog.png) no-repeat; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { padding: 5px 10px; font-size: 12px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } .aw-blog-read-more { font-size: 11px; text-transform: uppercase; width: 205px; height: 32px; display: block; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -102px; background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_blog/images/copmag/bkg-readmore-blog.png') no-repeat scroll 0 0 transparent; color: #FFFFFF; text-align: center; line-height: 34px; } .aw-blog-read-more:hover { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_blog/images/copmag/bkg-readmore-blog.png') no-repeat scroll 0 -38px transparent; color: #FFFFFF; } .blog-cat-view .col-main { padding-top: 35px; } /** * aheadWorks Co. * * NOTICE OF LICENSE * * This source file is subject to the EULA * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://ecommerce.aheadworks.com/LICENSE-M1.txt * * @category AW * @package AW_Islider * @copyright Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com) * @license http://ecommerce.aheadworks.com/LICENSE-M1.txt */ .awis-block, .awis-block .awis-r-default-item img { margin: 0 auto; display: block; } .awis-block .awis-slides-controls { position: relative; z-index: 5; } .awis-block .awis-slides-controls .awis-c-left { float: left; height: 22px; padding-left: 20px; text-align: right; width: 22px; } .awis-block .awis-slides-controls .awis-c-left button, .awis-block .awis-slides-controls .awis-c-right button { position: relative; } .awis-block .awis-slides-controls .awis-c-left button.button, .awis-block .awis-slides-controls .awis-c-right button.button { background-color: transparent; border: 0; cursor: pointer; } .awis-block .awis-slides-controls .awis-c-left button { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/arrow_left.png') no-repeat; width: 22px; height: 22px; } .awis-block .awis-slides-controls .awis-c-left button:hover { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/arrow_left_hover.png'); } .awis-block .awis-slides-controls .awis-c-center { line-height: 22px; margin: 0 50px; text-align: center; } .awis-block .awis-slides-controls .awis-c-center button.button { background: transparent url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/item.png'); border: 0; height: 12px; width: 12px; } .awis-block .awis-slides-controls .awis-c-center button.awis-s-current { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/item_current.png'); } .awis-block .awis-slides-controls .awis-c-center button:hover { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/item_hover.png'); } .awis-block .awis-slides-controls .awis-c-right { float: right; height: 22px; padding-right: 20px; position: relative; text-align: right; top: -22px; width: 22px; } .awis-block .awis-slides-controls .awis-c-right button { background: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/arrow_right.png') no-repeat; height: 22px; width: 22px; } .awis-block .awis-slides-controls .awis-c-right button:hover { background-image: url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/aw_islider/representations/default/images/arrow_right_hover.png'); } .awis-effect-simple-slider { overflow: hidden; position: relative; } .awis-effect-simple-slider .awis-r-default-item { float: left; } .awis-slides-container { position: relative; } .awis-effect-fade-appear .awis-r-default-item, .awis-effect-blind-up-down .awis-r-default-item, .awis-effect-slide-up-down .awis-r-default-item, .awis-effect-jalousie .awis-r-default-item { position: absolute; } .awis-jalousie-slice { position: absolute; } .wc-overlay{position:absolute;display:none;opacity:0.9;z-index:9999999;background:white url('http://www.cop-copine.com/skin/frontend/copmagredesign/default/webcooking/images/ajax-loader.gif') center 5% no-repeat;}