/* /////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------ Layout Style Sheet Last Updated: 12/19/2013 Table of Contents 1. Reset & Globals 1.1 Reset 1.2 Text Formatting 1.3 Heading Tags 1.4 Lists 1.5 Form Elements 1.6 Custom Scroll Bar 1.7 Images 1.8 Lists 1.9 Tables 1.10 Buttons 1.11 Badges 1.12 Alerts 1.13 Progress Bar 1.14 Accordion 1.15 Pop Ups 1.16 Icons 1.17 Breacrumbs 1.18 General Classes 1.19 Module Background 1.20 Shadow Effects 1.21 jQuery UI 1.22 Fancy Box 2. Grid 3. Modules 3.X grid wide container css 3.X Header 3.X Nav 3.X Appointment Booking System 3.X.1 Appointment Booking System - General 3.X.2 Appointment Booking System - Select Appointment Form 3.X.3 Appointxment Booking System - Span Specific 3.X.4 Appointment Booking System - Pop up 3.X.5 Appointment Booking System - Services & Staff 3.X.6 Appointment Booking System - Date & Time 3.X.7 Appointment Booking System - Contact Information 3.X.8 Appointment Booking System - Sign up 3.X.9 Appointment Booking System - Confirm 3.X Appointment Booking System - New 3.X.1 Appointment Booking System - New - Booking Success 3.X Article Module 3.X Background MOdule 3.X Blog List View 3.X Blog Post View 3.X Call to Action 3.X Checkout 3.X.1 Checkout - Step Bubbles 3.X.2 Checkout - Delivery / Carryout tab 3.X.3 Checkout - Billing Tab 3.X.4 Checkout - Review Order 3.X.5 Checkout - Order Confirmation 3.X.6 Checkout - Hours and Location 3.X.7 Checkout - Checkout Pop up 3.X.8 Checkout - paypal checkout 3.X Contact Form 3.X Divider Module 3.X Embed Module 3.X Events 3.X.1 Events - General 3.X.2 Events - List View 3.X.3 Events - Calendar View 3.X.4 Events - Blank Look 3.X Extended Footer 3.X Facebook 3.X Featured Content Slider 3.X Footer Container 3.X Full Screen Background 3.X Gamification 3.X.1 Gamification - Static Page 3.X.2 Gamification - Edit Page 3.X.3 Gamification - Points Center 3.X.4 Gamification - Notifications 3.X Hero Module 3.X Infrastructure Map 3.X Local List 3.X Location Locator 3.x Location Locator List 3.X Image Module 3.X Item Catalog 3.X Item Profile 3.X Links Module 3.X Map Module 3.X Menu Catalog 3.X Mail Chimp 3.X News 3.X.1 News - General 3.X.2 News - List View 3.X.3 News - Single Post View 3.X.4 News - Blank Look 3.X.4 News - Tags 3.X Open Table 3.X Order Information 3.X Order Information Pop Up 3.X Photo Gallery 3.X Photo Module 3.X Purchase History 3.X.1 Purchase History - Sign In 3.X.2 Purchase History - Password Reset 3.X.3 Purchase History - Your Orders 3.X.4 Purchase History - Contact Seller 3.X.5 Purchase History - Account Settings 3.X.6 Purchase History - Returns and Cancellations 3.X.7 Purchase History - Booking History 3.X Search 3.X Social Plugin 3.X Social Share Buttons 3.X Spacer Module 3.X Team 3.X Testimonials 3.X Translator 3.X Tumblr 3.X Twitter 3.X Universal Feed 3.X Video Player 3.X Video Player with Overlay 3.X Image Parallax 3.x clientele 3.x Team Module V2 3.x supersized 3.x supersized.shutter 3.x button navigations 3.x Go live 4. Clearfix 5.X Single Page Checkout 5.X Checkout - Shopping Cart 5.X Checkout - Check out 5.X Checkout - Order Confrim ------------------------------------------------------------------------------------------ /////////////////////////////////////////////////////////////////////////////////////////// 1. Reset and Globals /////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------ 1.1 HTML Definitions ------------------------------------------------------------------------------------------ */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; word-wrap: break-word; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(http://d2jug8yyubo3yl.cloudfront.net/css/boxsizing.htc); } .curs-default { cursor: default; } .curs-default img { cursor: default !important; } /* ------------------------------------------------------------------------------------------ 1.2 Text Formatting ------------------------------------------------------------------------------------------ */ @font-face { font-family: 'FoundationIcons'; src: url(#); src: url(#) format('embedded-opentype'), url('/mopro/fonts/general_foundicons.woff') format('woff'), url('/mopro/fonts/general_foundicons.ttf') format('truetype'), url('/ext-assets/x.mopro.com/mopro/fonts/general_foundicons.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova'; src: url(#); src: url(#) format('embedded-opentype'), url('/fonts/proxima-nova/proximanova-regular-webfont.woff') format('woff'), url('/fonts/proxima-nova/proximanova-regular-webfont.ttf') format('truetype'), url('http://x.cmlmediasoft.com/fonts/proxima-nova/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } /* Proxima Nova Bold */ @font-face { font-family: 'proxima_nova_bold'; src: url(#); src: url(#) format('embedded-opentype'), url('/fonts/proxima-nova/proximanova-bold-webfont.woff') format('woff'), url('/fonts/proxima-nova/proximanova-bold-webfont.ttf') format('truetype'), url('http://x.cmlmediasoft.com/fonts/proxima-nova/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; } a { cursor: default; outline: none; } a[href] { cursor: pointer } p { margin: 0 0 10px; } small { font-size: 85%; } strong, .bold { font-weight: bold; } em, .italic { font-style: italic; } /* Text Format */ u, .underline { text-decoration: underline } cite { font-style: normal; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Alignment */ .justify, .align-justify { text-align: justify; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } /* Table */ .full { width: 100%; } /* ------------------------------------------------------------------------------------------ 1.3 Heading Tags ------------------------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: lighter; line-height: 20px; color: inherit; margin: 0; word-break: normal; } h1, h2, h3 { line-height: 40px; } h4, h5, h6 { font-weight: bolder; } h1 { font-size: 39px; } h2 { font-size: 32px; } h3 { font-size: 25px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 14px; } .title-icon { float: left; margin-right: 10px; } .title-icon + h3 { display: inline-block; *display:inline; *zoom:1; } /* ------------------------------------------------------------------------------------------ 1.4 Lists ------------------------------------------------------------------------------------------ */ ul, ol { padding: 0; margin: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } /* For Rich Text Editor */ .mod-rte ul, .mod-rte ol, .mod_article ul, .mod_article ol, .news-post ul, .news-post ol { padding: 0; margin: 0 0 10px 25px; } .mod-rte ul ul, .mod-rte ul ol, .mod-rte ol ol, .mod-rte ol ul { margin-bottom: 0; } .mod-rte li { line-height: 20px; } .mod-rte dl { margin-bottom: 20px; } .mod-rte dt, .mod-rte dd { line-height: 20px; } .mod-rte dt { font-weight: bold; } .mod-rte dd { margin-left: 10px; } .mod-rte a { cursor: pointer; } .mod-rte img { height: auto; } /* ----------------------------------------------------------------- 1.5 Custom Scroll Bar ----------------------------------------------------------------- */ div.scrollbarpaper-container { position: absolute; z-index: 1; height: 100%; background: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/_images/bg-expand-menu.jpg") repeat -425px top transparent; } div.scrollbarpaper-track { position: absolute; top: 0; right: 0; width: 17px; cursor: pointer; } div.scrollbarpaper-drag { position : absolute; width: 9px; margin-left: 4px; height: 100px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.3), 0 0 3px rgba(0,0,0,.6); -moz-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.3), 0 0 3px rgba(0,0,0,.6); box-shadow: inset 0 0 3px 0 rgba(0,0,0,.3), 0 0 3px rgba(0,0,0,.6); background: rgba(255,255,255,.2); } div.scrollbarpaper-drag-top { position: absolute; top: 0; width: 100%; } div.scrollbarpaper-drag-bottom { position: absolute; bottom: 0; width: 100%; } .scroller-container-cls { height: 100%; overflow-y: scroll !important; padding-right: 12px; } .scrollbarpaper-container .scroller-container-cls, .scrollbarpaper-container + .scroller-container-cls { padding-right: 0; } .scrollbarpaper-track { opacity: 1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .hide-scrollbar-handle .scrollbarpaper-track { opacity: 1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .scrolled-cls .scrollbarpaper-track { opacity: 1 } /* ------------------------------------------------------------------------------------------ 1.6 Form Elements ------------------------------------------------------------------------------------------ */ form { margin: 0; } fieldset { display: block; width: 100%; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-weight: normal; outline: none; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; } label.required { display: inline-block; *display:inline; *zoom:1; } label.required:before { content: '*'; float: right; display: block; padding-left: 5px; color: #c32a2a; font-weight: 900; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; min-height: 28px; margin-bottom: 10px; padding: 4px 6px; font-size: 14px; line-height: 1; color: #555555; outline: 0; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input, textarea, .uneditable-input { width: 206px; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: -2px 10px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } button, input[type="button"] { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { *margin-top: 4px; height: auto; line-height: 30px; white-space: normal; } select { width: 220px; background-color: #ffffff; border: 1px solid #cccccc; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } button, input, select, textarea { margin: 0; vertical-align: middle; } textarea { height: auto; resize: none; width: 100%; margin-bottom: 10px; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } label[for], select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } input[type="text"], select, input[type="password"] { width: 100%; } .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .error input, .error select, .error .ui-multiselect, .error .custom-text, .error textarea, .error-i { border: 2px solid #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: baseline; *zoom: 1; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; font-size: 0; white-space: nowrap; vertical-align: middle; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group .dropdown-toggle, .input-prepend .btn-group .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input .btn-group .btn:last-child, .input-append select .btn-group .btn:last-child, .input-append .uneditable-input .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input .btn-group .btn, .input-prepend.input-append select .btn-group .btn, .input-prepend.input-append .uneditable-input .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-left: 14px; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input .help-block, .form-horizontal select .help-block, .form-horizontal textarea .help-block, .form-horizontal .uneditable-input .help-block, .form-horizontal .input-prepend .help-block, .form-horizontal .input-append .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } .watermark, .watermark[type="text"] { color: #b8b4b4; line-height: 1; } /* all */ ::-webkit-input-placeholder { color:#b8b4b4; } ::-moz-placeholder { color:#b8b4b4; } :-ms-input-placeholder { color:#b8b4b4; } input:-moz-placeholder { color:#b8b4b4; } /* Search Field */ .inline-input { display: inline-block; *display:inline; *zoom:1; vertical-align: baseline; } .search-input input[type="text"] { padding-right: 25px; } .search-input input[type="button"] { position: absolute; right: 0; top: 0; display: block; width: 22px; height: 28px; overflow: hidden; text-indent: -999px; background: transparent; } .icon-search { position: relative; } .search-input:before { position: absolute; right: 5px; top: 3px; line-height: 22px; } /* Custom Select ------------------------- */ .btn-group select { font-size: 14px; } .done select { height: 1px; width: 1px; border: none; background: none; padding: 0; margin: 0; position: relative; left: -2px; z-index: -10; outline: none; -webkit-appearance: none; /* visibility: hidden; */ /* This visibility has been removed for update for tap index*/ opacity: 0; } .select-list { position: absolute; left: 0; width: 100%; } .select-list li { color: #888888; } .custom-select { z-index: 1; margin-bottom: 10px; font-size: 14px; } .custom-select * { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .open_list { z-index: 10; } .custom-select ul { width: 100% !important; /* Used important because JS file adds inline styles */ } .custom-select ul, .custom-select li { margin: 0; padding: 0; list-style: none; } .custom-select, .custom-select ul { position: relative; left: 0; } .custom-select .custom-text { position: relative; cursor: pointer; display: inline-block; word-break: normal; } .custom-select li { cursor: pointer; min-height: 25px; } .select-scroll { position: absolute; right: 2px; top: 2px; z-index: 2; } .default-scroll ul { overflow-y: scroll; } .custom-scroll { overflow: hidden; } .scroll-drag { display: block; position: absolute; left: 1px; cursor: pointer } .disable * { cursor: default !important } .custom-select .custom-text, .custom-select.disable span.custom-text:hover { width: 100% !important; overflow: hidden; height: 30px; padding: 0 20px 0 10px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #cccccc; color: #555555; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 ); -webkit-transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -ms-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .custom-select .custom-text:before { position: absolute; z-index: 2; top: 0; right: 0; height: 27px \9; display: block; width: 22px; padding: 2px 0 0 0; content: "\f0dc"; font-family: 'FontAwesome'; font-size: 11px; text-align: center; border-left: 1px solid #cccccc; } .custom-select span.custom-text:hover, .active span.custom-text { color: #000000; } .select-list { top: 28px; z-index: 1001; line-height: 25px; background: #ffffff; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .select-list.custom-scroll { padding: 3px 2px 2px 2px; } .select-list li { padding: 1px 0 1px 10px; } .select-list .selected, .select-list li:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #888888; } .select-list li.disabled { color: #CCCCCC; cursor: default } .select-scroll { background-color: #dddddd; width: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scroll-drag { top: 0; width: 10px; color: #ffffff; background-color: #777777; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .maxlength .scroll-drag:after { display: block; content: '='; font-size: 14px; position: relative; left: 50%; top: 50%; margin: -14px 0 0 -4px } .custom-select .hover { color: #ffffff; } .disable { opacity: 0.5 !important; } /* Error Classes */ .errboxCls .custom-text, textarea.errboxCls, input.errboxCls { border: 1px solid #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } /* Errors Messages */ .error-message { display: none; color: #b94a48; } .error .error-message { display: block; } /* File Uploader ------- */ .upload-block { margin: 0 0 20px 0; width: 100%; padding: 30px 20px; text-align: center; border: 2px dashed #dddddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .upload-block-active { background: #d7f7ff; } .upload-info:before { content: "\f15b"; margin: 0 15px 0 0; display: inline-block; *display:inline; *zoom:1; vertical-align: middle; font-family: 'FontAwesome'; font-size: 25px; } .upload-button { display: inline; } .upload-info { display: inline-block; overflow: hidden; } .span5 .upload-info:before, .span4 .upload-info:before .span3 .upload-info:before .span2 .upload-info:before .span1 .upload-info:before { margin:0 0 20px 0; display:block; width:100%; text-align:center; font-size:40px; } .upload-block button { display: inline-block; *display:inline; *zoom:1; vertical-align: baseline; padding: 0; background: none; text-decoration: underline; } /* Uploaded Files */ .uploaded-files { margin-bottom: 20px; } .uploaded-files li { padding-bottom: 5px; } /* Progress Bar */ .progress-block { float: left; display: block; margin: 8px 15px 5px 0; width: 100px; height: 5px; background: #ffffff; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 3px 0 rgba(0,0,0,.3); } .progress-inner-block { width: 0; height: 100%; background: #b2b2b2; } /* Uploaded File Icons */ .uploaded-files [class^="icon-file"]:before { content: " "; margin: 0 3px 0 0; display: inline-block; vertical-align: middle; width: 16px; height: 21px; font-size: 18px; text-indent: 0; background-image: url(/mopro/images/sprite-file-types.png); -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.3); } .icon-file-text:before { background-position: -64px 0; } .icon-file-pdf:before { background-position: -21px 0; } .icon-file-word:before { background-position: -43px 0; } .icon-file-excel:before { background-position: 0 0; } .icon-file-mp3:before { background-position: -107px 0; } .icon-file-mp4:before { background-position: -86px 0; } .uploaded-files li .uploaded-file-delete { opacity: 0; -webkit-transition: opacity 0.35s ease; -moz-transition: opacity 0.35s ease; -o-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } .uploaded-files li:hover .uploaded-file-delete { opacity: 1; } .uploaded-file-delete { display: inline-block; vertical-align: middle; width: 15px; height: 15px; overflow: hidden; padding: 0; background: none; } .uploaded-file-delete:before { content: "\f057"; display: block; width: 15px; height: 15px; font-family: FontAwesome; font-size: 15px; color: #5b5b5b; } .uploaded-file-delete:hover:before { color: #000000; } /* Custom Checkboxes ------- */ .checkbox-group { margin: 0 0 10px 0; } .checkbox-block { position: relative; padding: 0 0 5px 0; } .checkbox-block label { display: inline-block; } .checkbox-block input[type="checkbox"] { position: absolute; top: 0; visibility: hidden; } .checkbox-block label:before { content: '\0000a0'; margin: 0 5px -4px 0; display: inline-block; vertical-align: baseline; width: 16px; height: 16px; font-family: 'FoundationIcons'; color: transparent; background: #eeeeee; font-size: 11px; line-height: 18px; color: #ffffff; text-align: center; border: 1px solid #eeeeee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); } .checkbox-block label:hover:before { content: "\f005"; background: #dddddd; vertical-align: baseline; border: 1px solid #dddddd; } .checkbox-block label:active:before, .checkbox-block .active:before, .checkbox-block .active:hover:before { content: "\f005"; border: 1px solid #b2b2b2; background: #b2b2b2; vertical-align: baseline; } /* Custom radio ------- */ .radiobutton-group { margin: 0 0 10px 0; } .radiobutton { position: relative; padding: 0 0 5px 0; } .radiobutton input[type="radio"] { position: absolute; top: 0; visibility: hidden; } .radiobutton label:before { content: '\0000a0'; margin: 0 5px -4px 0; display: inline-block; vertical-align: baseline; width: 15px; height: 15px; font-family: 'Arial'; color: transparent; background: #eeeeee; font-size: 30px; line-height: 15px; text-indent: -1px; color: #ffffff; text-align: center; border: 1px solid #eeeeee; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); } .radiobutton label:hover:before { content: "•"; background: #dddddd; vertical-align: baseline; border: 1px solid #dddddd; } .radiobutton label:active:before, .radiobutton .active:before, .radiobutton .active:hover:before { content: "•"; border: 1px solid #b2b2b2; background: #b2b2b2; vertical-align: baseline; } /* Multi Select --------------------------------- */ .multiselect { display: none; } .no-js .multiselect { display: block; } .form .ui-multiselect { margin-bottom: 10px; } .ui-multiselect.ui-state-default, .ui-multiselect.ui-state-default.disable:hover { position: relative; padding: 2px 0 2px 4px; text-align: left; width: auto !important; min-width: 200px; height: 30px; overflow: hidden; padding: 0 20px 0 10px; text-align: left; font-size: 14px; color: #555555; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #cccccc; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 ); -webkit-transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -ms-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .ui-multiselect:before { position: absolute; z-index: 2; top: 0; right: 0; height: 27px \9; display: block; width: 22px; padding: 2px 0 0 0; content: "\f0dc"; font-family: 'FontAwesome'; font-size: 11px; text-align: center; border-left: 1px solid #cccccc; } .ui-multiselect.ui-state-hover, .ui-multiselect.ui-state-active.active { color: #000000; } .ui-multiselect span.ui-icon { float: right; } .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute!important; top: auto!important; left: -9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { position: relative; padding: 5px!important; } .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px; } .ui-multiselect-header ul { font-size: .9em; } .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0; } .ui-multiselect-header a { text-decoration: none; } .ui-multiselect-header a:hover { text-decoration: underline; } .ui-multiselect-header span.ui-icon { float: left; } .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0; } .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left; margin-top: -10px; } .ui-multiselect-checkboxes { position: relative; overflow-y: scroll; } .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px; } .ui-multiselect-checkboxes label input { position: relative; top: 1px; } .ui-multiselect-checkboxes li { clear: both; font-size: .9em; padding-right: 3px; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none; } .multi-select-checkbox { position: relative; } .ui-multiselect-checkboxes label { width: 100%; } .ui-multiselect-checkboxes label { border: 0; } .ui-multiselect-menu .ui-multiselect-checkboxes label:hover, .ui-multiselect-menu .ui-state-hover { padding: 5px 5px 5px 25px; border: 0; color: #dbd5d3; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 0 rgba(199,224,240,0.1), 0px 1px 0 rgba(199,224,240,0.10) inset; -moz-box-shadow: 0 1px 0 rgba(199,224,240,0.1), 0px 1px 0 rgba(199,224,240,0.10) inset; box-shadow: 0 1px 0 rgba(199,224,240,0.1), 0px 1px 0 rgba(199,224,240,0.10) inset; background: #484848; cursor: pointer; } .ui-multiselect-menu input[type="checkbox"] { position: absolute; top: 0; right: 0; visibility: hidden !important; } .ui-multiselect-menu label { position: relative; background: none; padding: 5px 5px 5px 25px; } .ui-multiselect-menu label:before { content: '\0000a0'; position: absolute; left: 5px; margin: 0 5px -4px 0; display: inline-block; vertical-align: baseline; width: 16px; height: 16px; font-family: 'FoundationIcons'; color: transparent; background: #eeeeee; font-size: 11px; line-height: 18px; color: #ffffff; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); } .ui-multiselect-menu label:hover:before { content: "\f005"; background: #dddddd; vertical-align: baseline; } .ui-multiselect-menu label:active:before, .ui-multiselect-menu .active label:before { content: "\f005"; background: #b2b2b2; vertical-align: baseline; } /* No Groups Available */ .no-group label:before { display: none; } .no-group label { padding-left: 5px !important; } .ui-multiselect-checkboxes { max-height: 95px; } .multi-select-checkbox { position: relative; } .multiselect-menu .scrollbarpaper-drag { background: #3a3a3a; } .multiselect-menu .scrollbarpaper-container { background: #ffffff; top: 0 !important; } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border: none; } /* Captcha ------------- */ #recaptcha_image, #recaptcha_response_field { margin: 10px 0; } #recaptcha_image, #recaptcha_image img, #recaptcha_response_field { width: 100% !important; max-width: 300px; } /* Phone Number */ .phone-country, .phone-1, .phone-2, .phone-3 { float: left; margin-left: 1% } .phone-country { width: 80px; } .phone-country > input, .phone-1 > input, .phone-2 > input { max-width: 50px; } .phone-3 input { max-width: 70px; } .phone-number div:first-child { margin-left: 0; } .mod-form-builder .loading { width: 50px; height: 40px; } /* ------------------------------------------------------------------------------------------ 1.7 Images ------------------------------------------------------------------------------------------ */ img { width: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; max-width: 100% } /* ------------------------------------------------------------------------------------------ 1.8 Anchors ------------------------------------------------------------------------------------------ */ a { color: #0088cc; text-decoration: none; } a img { border: none; } a:hover, a:focus { text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } .pill-edit-link { cursor: pointer !important; } /* ------------------------------------------------------------------------------------------ 1.9 Tables ------------------------------------------------------------------------------------------ */ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } table td { padding-left: 4px; padding-right: 4px; } .table thead th { vertical-align: bottom; } .table caption thead tr:first-child th, .table caption thead tr:first-child td, .table colgroup thead tr:first-child th, .table colgroup thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption thead tr:first-child th, .table-bordered caption tbody tr:first-child th, .table-bordered caption tbody tr:first-child td, .table-bordered colgroup thead tr:first-child th, .table-bordered colgroup tbody tr:first-child th, .table-bordered colgroup tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child, .table-bordered tbody:first-child tr:first-child th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child, .table-bordered tbody:first-child tr:first-child th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tbody:last-child tr:last-child th:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tbody:last-child tr:last-child th:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered tfoot tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .table-bordered tfoot tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .table-bordered caption thead tr:first-child th:first-child, .table-bordered caption tbody tr:first-child td:first-child, .table-bordered colgroup thead tr:first-child th:first-child, .table-bordered colgroup tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption thead tr:first-child th:last-child, .table-bordered caption tbody tr:first-child td:last-child, .table-bordered colgroup thead tr:first-child th:last-child, .table-bordered colgroup tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } /* ------------------------------------------------------------------------------------------ 1.10 Buttons ------------------------------------------------------------------------------------------ */ .btn { display: inline-block; *display: inline; padding: 10px 20px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333333; text-align: center; vertical-align: middle; cursor: pointer; background-color: #e6e6e6; } .btn:hover, .btn:focus, .btn:active, .btn.active { color: #333333; background-color: #d1d1d1; *background-color: #d9d9d9; } .btn.disabled, .btn[disabled], .disabled .btn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=60); -khtml-opacity: 0.5; -moz-opacity: 0.6; opacity: 0.6; cursor: default; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; background: #cccccc; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0044cc; *background-color: #0044cc; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } .btn.disabled, .btn[disabled] { cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar .btn .btn, .btn-toolbar .btn-group .btn, .btn-toolbar .btn .btn-group { margin-left: 5px; } .btn-group .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group .btn .btn { margin-left: -1px; } .btn-group .btn, .btn-group .dropdown-menu, .btn-group .popover { font-size: 14px; } .btn-group .btn-mini { font-size: 10.5px; } .btn-group .btn-small { font-size: 11.9px; } .btn-group .btn-large { font-size: 17.5px; } .btn-group .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group .btn:last-child, .btn-group .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group .btn .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group .btn-mini .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group .btn-small .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group .btn-large .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } /* ------------------------------------------------------------------------------------------ 1.11 Badges ------------------------------------------------------------------------------------------ */ .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } /* ------------------------------------------------------------------------------------------ 1.12 Alerts ------------------------------------------------------------------------------------------ */ .alert { display: inline-block; *display:inline; *zoom:1; padding: 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -5px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; /*margin-left: -70px;*/ margin-left: 0px; margin-top: 10px; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block p, .alert-block ul { margin-bottom: 0; } .alert-block p p { margin-top: 5px; } /* ------------------------------------------------------------------------------------------ 1.13 Progress Bar ------------------------------------------------------------------------------------------ */ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* ------------------------------------------------------------------------------------------ 1.14 Accordion ------------------------------------------------------------------------------------------ */ .accordion-heading a { font-size: 15px; line-height: 15px; } .accordion-heading a:hover, .accordion-heading .accordion-active { } .accordion-heading .accordion-toggle { display: block; text-decoration: none; } .accordion-inner a { display: block; padding: 9px 15px; text-decoration: none; } .accordion-inner a:hover { cursor: pointer } .accordion-active a { } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } /*.accordion-toggle.accordion-active { margin: 30px 0; }*/ .collapse.in { height: auto; } .login-forgotpassword { line-height: 30px !important; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* ------------------------------------------------------------------------------------------ 1.15 Pop Ups ------------------------------------------------------------------------------------------ */ /* outer most pop up div */ #modal { position: fixed; z-index: 1001; } /* Spinner */ .modal .spinnerClass { background: #ffffff !important; color: #ffffff } .spinner > div { width: 80px; } /* hypno spinner */ @-webkit-keyframes hypno{ 0% { -webkit-transform:rotate(0deg);} 25% { -webkit-transform:rotate(90deg);} 50% { -webkit-transform:rotate(180deg);} 75% { -webkit-transform:rotate(270deg);} 100% { -webkit-transform:rotate(360deg);} } @-moz-keyframes hypno{ 0% { -moz-transform:rotate(0deg);} 25% { -moz-transform:rotate(90deg);} 50% { -moz-transform:rotate(180deg);} 75% { -moz-transform:rotate(270deg);} 100% { -moz-transform:rotate(360deg);} } @keyframes hypno{ 0% { transform:rotate(0deg);} 25% { transform:rotate(90deg);} 50% { transform:rotate(180deg);} 75% { transform:rotate(270deg);} 100% { transform:rotate(360deg);} } .hypno{ width:10px; height:30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:rgba(255,255,255,1); -webkit-animation:hypno .2s infinite; animation:hypno .2s infinite; margin: auto; margin-top: 16px; } /* heartbeat spinner */ @-webkit-keyframes heartbeat{ 0% { -webkit-transform:scale(1,1); } 49% { -webkit-transform:scale(.5,.5); } 50% { background-color:rgba(255,255,255,.7); } 100% { -webkit-transform:scale(1,1); } } @-moz-keyframes heartbeat{ 0% { -moz-transform:scale(1,1); } 49% { -moz-transform:scale(.5,.5); } 50% { background-color:rgba(255,255,255,.7); } 100% { -moz-transform:scale(1,1); } } @keyframes heartbeat{ 0% { transform:scale(1,1); } 49% { transform:scale(.5,.5); } 50% { background-color:rgba(255,255,255,.7); } 100% { transform:scale(1,1); } } /* heartbeatAlt spinner */ @-webkit-keyframes heartbeatAlt{ 0% { -webkit-transform:scale(1,1); } 49% { -webkit-transform:scale(.5,.5); } 50% { background-color:rgba(50,50,50,.7); } 100% { -webkit-transform:scale(1,1); } } @-moz-keyframes heartbeatAlt{ 0% { -moz-transform:scale(1,1); } 49% { -moz-transform:scale(.5,.5); } 50% { background-color:rgba(50,50,50,.7); } 100% { -moz-transform:scale(1,1); } } @keyframes heartbeatAlt{ 0% { transform:scale(1,1); } 49% { transform:scale(.5,.5); } 50% { background-color:rgba(50,50,50,.7); } 100% { transform:scale(1,1); } } /* heartbeatAltFull spinner */ @-webkit-keyframes heartbeatAltFull{ 0% { -webkit-transform:scale(1,1); } 49% { -webkit-transform:scale(.5,.5); } 50% { background-color:rgba(255,255,255,.7); } 100% { -webkit-transform:scale(1,1); } } @-moz-keyframes heartbeatAltFull{ 0% { -moz-transform:scale(1,1); } 49% { -moz-transform:scale(.5,.5); } 50% { background-color:rgba(255,255,255,.7); } 100% { -moz-transform:scale(1,1); } } @keyframes heartbeatAltFull{ 0% { transform:scale(1,1); } 49% { transform:scale(.5,.5); } 50% { background-color:rgba(255,255,255,.7); } 100% { transform:scale(1,1); } } .hypnoContainer{ width:100%; margin:auto; text-align:center; position: absolute; left: 0; top: 0; height: 100%; } .heartbeatRelativeContainer{ width:100%; margin:auto; text-align:center; position: relative; left: 0; top: 0; height: 100%; } .heartbeatRelative{ width:30px; height:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:rgba(255,255,255,1); -webkit-animation:heartbeat .6s infinite; animation:heartbeat .6s infinite; margin: auto; margin-top: 16px; } .heartbeatContainer{ width:100%; margin:auto; text-align:center; position: absolute; left: 0; top: 0; height: 100%; } .heartbeatContainerAlt{ width: 100%; margin: auto; text-align: center; position: fixed; left: 0; height:100%; z-index: 9999; } .heartbeatContainerAltFull{ width: 100%; margin: auto; text-align: center; position: fixed; left: 0; height:100%; z-index: 9999; opacity:1 !important; } .heartbeat{ width:30px; height:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:rgba(255,255,255,1); -webkit-animation:heartbeat .6s infinite; animation:heartbeat .6s infinite; margin: auto; margin-top: 16px; } .heartbeatAlt{ width:30px; height:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:rgba(50,50,50,1); -webkit-animation:heartbeatAlt .6s infinite; animation:heartbeatAlt .6s infinite; margin: auto; left: 0; right: 0; bottom: 20px; position: fixed; } .heartbeatAltFull{ width:30px; height:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:rgba(255,255,255,1); -webkit-animation:heartbeatAlt .6s infinite; animation:heartbeatAlt .6s infinite; margin: auto; left: 0; right: 0; bottom: 0; top:0; position: fixed; z-index: 9999999; opacity:1 !important; } .hideHypno{ display:none; } .hideHeartbeat{ display:none; } .cartBeat{ display:inline-block; } .animationWrapper h5, .animationWrapper p{ text-transform:uppercase; cursor:pointer; } .subcategorycls{ z-index:999 } /* Pop up container */ .popup { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; overflow: auto; } /* Popup Background */ .overlay { position: fixed; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000000; opacity: 0.8; filter: alpha(opacity=80); } /* Pop up close button */ .popup-close { width: 14px; height: 16px; cursor: pointer; position: absolute; right: 10px; top: 10px; line-height: 1; z-index: 1; text-indent: -999px; overflow: hidden; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in } .popup-close:before { display: block; content: "\f00d"; font-family: 'FontAwesome'; font-size: 18px; color: #bcbcbc; text-indent: 0; } .popup-close:hover:before { color: #000000; } .popup-abs .popup-block .popup-inner-block .popup-close:hover:before { line-height:1; } /* Pop up title */ .popup-title-block { padding: 5px 60px 5px 20px; } .popup-block { position: relative; z-index: 2; top: 10%; margin: 0 auto 20px auto; width: 100%; max-width: 590px; color: #000000; background: #f2f2f2; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup-block textarea { width: 100%; *width: 95%; } .popup-map-block { width: 800px; left: 50%; margin-left: -400px; } .popup-map-block .popup-inside-block { padding: 20px; } .popup-inside-block { position: relative; padding: 20px 20px 0 20px; } .popup-title-block span { margin-top: 5px; font-size: 16px; } .popup-close:hover { background-position: 0px -16px; } .popup-close:active { background-position: 0px -33px; } .popupContainer { position: relative; border: 1px #CCCCCC solid; -webkit-border-radius: 10px; border-radius: 10px; z-index:50000; } .popupHeader { height: 45px; border-bottom: 1px #ccc solid; } .popupHead-Bg { background: #EEE; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } .popupHeader h4 { margin-left: 20px; line-height: 45px; font-size: 14px; } .popupContent { padding: 10px 20px; background: #ffffff; } .popupFooter { min-height: 38px; border-top: 1px #ccc solid; background: #EEE; padding: 7px 10px 0px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } .popupFooter h4 { margin-left: 20px; line-height: 45px; } .popup-submit { padding: 20px; } .submit-inner { float: right; } /* Button alignment */ .modal-btn-left { float: left; } .modal-btn-right { float: right; } .modal-btn-center { float: none; text-align: center; } /* Overlay module */ .popup .mainContainer { width: 100%; padding-left: 40px; padding-right: 40px; } .popup.overlay-v1 { padding-bottom: 60px; } .popup.overlay-v1 .popup-block { background: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .popup.overlay-v1 .popup-title-block { padding: 0; } /* ------------------------------------------------------------------------------------------ 1.16 Icons ------------------------------------------------------------------------------------------ */ @font-face { font-family: 'FontAwesome'; src: url(#); src: url(#) format('embedded-opentype'), url('/font-awesome/fontawesome-webfont.woff') format('woff'), url('/font-awesome/fontawesome-webfont.ttf') format('truetype'), url('/ext-assets/x.mopro.com/font-awesome/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } .icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .btn [class*=" icon-"] { line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } /* List of character codes for the different icon names */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-user-md:before { content: "\f200"; } /* Icon List View */ .icon-list-view { cursor: pointer; } .icon-list-view:before { content: "\f03a"; padding: 3px 1px 0 1px; border: 1px solid #afafaf; font-size: 19px; line-height: 16px !important; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .events-view .icon-list-view:hover:before, .events-view .icon-list-view.active:before { border: 1px solid #f99a26; } .events-view .icon-list-view.active { cursor: default; } /* Icon Calendar View */ .events-view .icon-calendar-view { cursor: pointer; } .events-view .icon-calendar-view.active { cursor: default; } .icon-calendar-view:before { content: "\f073"; font-size: 20px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /* Print Icon */ .icon-print { display: block; position: relative; width: 25px !important; height: 27px; line-height: 80px; overflow: hidden; } .icon-print:before { top: 10px; content: "\f02f"; line-height: 1; color: #afafaf; font-size: 24px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .icon-print:hover:before { color: #f99a26; text-decoration: none; } .icon-news-large { position: relative; padding-left: 100px; } .icon-news-large:before { content: " "; position: absolute; left: 0; margin-top: 8px; display: inline-block; *display:inline; *zoom:1; width: 84px; height: 69px; background: url(/mopro/images/news/sprite-news.png) -1px -1px no-repeat; } li .icon-download-pdf, .icon-download-pdf { width: auto; } .icon-download-pdf:before { content: " "; margin-right: 5px; display: inline-block; *display:inline; *zoom:1; vertical-align: middle; width: 25px; height: 23px; background: url(/mopro/images/news/sprite-news.png) -2px -68px no-repeat; } /* ------------------------------------------------------------------------------------------ 1.17 Breadcrumbs ------------------------------------------------------------------------------------------ */ .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb li .divider { padding: 0 5px; color: #ccc; } /*.breadcrumb li .divider:before { content:"/" }*/ .breadcrumb .active { color: #999999; } /* ------------------------------------------------------------------------------------------ 1.18 General Classes ------------------------------------------------------------------------------------------ */ /* Toggle classes */ .hide, .hiddeninfo { display: none !important; } .show { display: block; } .hidden { opacity: 0; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .visible { opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .no-overflow { overflow: hidden !important; } /* ------------------------------------------------------------------------------------------ 1.19 Module Background ------------------------------------------------------------------------------------------ */ .padBg { padding: 20px; background: #f1f1f1; } /* ------------------------------------------------------------------------------------------ 1.20 Shadow Effects ------------------------------------------------------------------------------------------ */ .shadow-effect { position: relative; } .shadow-effect:before, .shadow-effect:after { content: ""; position: absolute; z-index: -1; bottom: 15px; left: 2%; width: 50%; height: 20%; box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 13px 13px rgba(0, 0, 0, 0.3); transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); box-shadow: none\0/; -moz-box-shadow: none\0/; -webkit-box-shadow: none\0/; } .shadow-effect:after { right: 2%; left: auto; transform: rotate(3deg); -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); } /* ------------------------------------------------------------------------------------------ 1.21 jQuery UI ------------------------------------------------------------------------------------------ */ /*! * jQuery UI CSS Framework 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } .ui-widget-content a { color: #222222; } .ui-widget-header { padding: 0 6px; color: #ffffff; font-weight: bold; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74,75,76,1)), color-stop(100%, rgba(15,15,15,1))); background: -webkit-linear-gradient(top, rgba(74,75,76,1) 0%, rgba(15,15,15,1) 100%) !important; background: -o-linear-gradient(top, rgba(74,75,76,1) 0%, rgba(15,15,15,1) 100%) !important; background: -ms-linear-gradient(top, rgba(74,75,76,1) 0%, rgba(15,15,15,1) 100%) !important; background: linear-gradient(top, rgba(74,75,76,1) 0%, rgba(15,15,15,1) 100%) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4a4b4c',endColorstr='#0f0f0f')" !important; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4a4b4c', endColorstr='#0f0f0f') !important; background: -moz-linear-gradient(center top, #4A4B4C 0%, #0F0F0F 100%) repeat scroll 0 0 transparent !important; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-datepicker-week-end .ui-state-default { padding: 0 !important; width: 100%; text-align: center; color: #546e88; font-weight: bold; font-family: Myriad Pro, arial; font-size: 12px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border: 1px solid #d3d3d3; background: #e6e6e6 url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; */ color: #c4cad0; width: 100%; text-align: center; padding: 0px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #999999; background: #dadada url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; background-color:#fff;*/ color: #000; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {/* border: 1px solid #aaaaaa; background: #ffffff url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal;*/ color: #fff; background-color: #13987d; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } .ui-datepicker-current-day .ui-state-active { padding: 4px 0 !important; } .ui-datepicker-current-day { padding: 0px !important; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {/*border: 1px solid #fcefa1; background: #fbf9ee url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;*/ color: #fff; background-color: #49DEC0; width: 100%; text-align: center; padding: 0px; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ /*.ui-icon,*/ .ui-datepicker-prev .ui-icon-circle-triangle-w, .ui-datepicker-prevyear .ui-icon-circle-double-triangle-w { width: 10px !important; height: 16px !important; background-image: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/Orders/Images/leftarrow.png") !important; float: left; background-position: 0 0 !important; margin: 0 !important; top: 3px !important; background-repeat: no-repeat !important } .ui-datepicker-next .ui-icon-circle-triangle-e, .ui-datepicker-nextyear .ui-icon-circle-double-triangle-e { background-image: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/Orders/Images/rightarrow.png") !important; float: left; width: 11px !important; height: 16px !important; background-position: 0 0 !important; top: 6px !important; margin: 0 !important; left: 5px !important; background-repeat: no-repeat !important } .ui-datepicker-nextyear .ui-icon-circle-double-triangle-e { top: 0px !important; } .ui-datepicker-next .ui-icon { margin-top: -3px !important; left: 11px !important; } .ui-widget-content .ui-icon { background-image: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/_images/ui-icons_222222_256x240.png") !important; } .ui-widget-header .ui-icon { background-image: url("/mopro/images/rightarrowcalender.png") !important; } .ui-state-default .ui-icon { background-image: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/_images/ui-icons_888888_256x240.png") !important; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/_images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } /*mahee starts*/ .ui-icon-circle-double-triangle-e { background-position: -35px -166px; width: 11px; height: 5px; margin-top: -3px !important; margin-left: -5px !important } .ui-icon-circle-double-triangle-w { background-position: -50px -166px; width: 11px; height: 5px; margin-top: -3px !important; margin-left: -5px !important } /*mahee ends*/ .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(#) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); } /*mahee starts */ /*.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(#) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!*/ .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(#)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3; filter: Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /*mahee ends */ /* jQuery UI Resizable 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }/*! * jQuery UI Selectable 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Accordion 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /*! * jQuery UI Autocomplete 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.20 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /*! * jQuery UI Button 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /*! * jQuery UI Dialog 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Slider 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/*! * jQuery UI Tabs 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /*! * jQuery UI Datepicker 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; margin-top: -.6em; width: 1.8em; height: 1.8em; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-datepicker-calendar tr .Date-active a { background-color: #0088CC; color: #FFFFFF !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ui-datepicker-calendar tr .Date-active { background-color: #0088CC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ui-datepicker-calendar tr .Date-Inactive a { background-color: #EFF1F4; color: #C4CAD0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ui-datepicker-calendar tr .Date-Inactive { background-color: #EFF1F4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .ui-datepicker-calendar tr .Date-Inactive .ui-state-active { background-color: #EFF1F4; color: #C4CAD0 !important; } .ui-datepicker-calendar tr .Date-Inactive .ui-state-active:hover { color: #0088CC; } .ui-datepicker-calendar .date-Highlight a { color: #ffffff !important; width: 100%; text-align: center; background: #7caedc !important; box-shadow: inset 0 0 10px rgba(8,29,160, 0.6); -moz-box-shadow: inset 0 0 10px rgba(8,29,160, 0.6); -webkit-box-shadow: inset 0 0 10px rgba(8,29,160, 0.6); } #ui-datepicker-div .ui-datepicker-calendar .date-deHighlight .ui-state-hover { color: #000000; } #ui-datepicker-div .ui-datepicker-calendar .date-deHighlight .ui-state-highlight { border: solid 1px #e2e2e2; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f0f0f0)) !important; background: -webkit-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%) !important; background: -o-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%) !important; background: -ms-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%) !important; background: linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0', GradientType=0 ) !important; } #ui-datepicker-div .ui-datepicker-calendar .date-deHighlight .ui-state-active { border: solid 1px #e2e2e2; background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #e3e3e3 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #e3e3e3)) !important; background: -webkit-linear-gradient(top, #ededed 0%, #e3e3e3 100%) !important; background: -o-linear-gradient(top, #ededed 0%, #e3e3e3 100%) !important; background: -ms-linear-gradient(top, #ededed 0%, #e3e3e3 100%) !important; background: linear-gradient(to bottom, #ededed 0%, #e3e3e3 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e3e3', GradientType=0 ) !important; color: #333333 !important; text-shadow: 0 1px 0 #ffffff; } /*! * jQuery UI Progressbar 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } /* ------------------------------------------------------------------------------------------ 1.22 Fancy Box ------------------------------------------------------------------------------------------ */ /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/mopro/images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/mopro/images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/mopro/images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/mopro/images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(68,68,68)), color-stop(50%, rgb(52,52,52)), color-stop(50%, rgb(41,41,41)), color-stop(100%, rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url('/mopro/images/fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; } /* /////////////////////////////////////////////////////////////////////////////////////////// 2. Grid /////////////////////////////////////////////////////////////////////////////////////////// */ .mainContainer { width: 1170px; margin-right: auto; margin-left: auto; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } [class*="mod-"], [class*="mod_"], .makeappointment, .menuwrap, #divOrderItemsList, .area-location, .spanBg { width:100%; margin-bottom:30px; } .row { width: 100%; *zoom: 1; } [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } [class*="span"]:first-child { margin-left: 0; } .row-start { margin-left: 0; clear: left; } .controls-row [class*="span"] [class*="span"] { margin-left: 2.127659574468085%; } .pull-left { float: left; } .pull-right { float: right; } .span12 { width: 100%; *width: 99.94680851063829%; } .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } /* /////////////////////////////////////////////////////////////////////////////////////////// 3. grid wide container css /////////////////////////////////////////////////////////////////////////////////////////// */ .gridWideContainer .mainContainer { width: 100% !important; } .gridWideContainer .mainContainer .container { padding: 0px !important; } .gridWideContainer .container .span4 { float: left; } .gridWideContainer .mainContainer .span3 { width: 25%; margin: 0; padding: 0; } .gridWideContainer .mainContainer .span4 { width: 33.333333%; margin: 0; padding: 0; } .gridWideContainer .mainContainer .span5 { width: 40%; margin: 0; padding: 0; } .gridWideContainer .mainContainer .span6 { width: 50%; margin: 0; padding: 0; } .gridWideContainer .mainContainer .span7 { width: 60%; margin: 0; padding: 0; } .gridWideContainer .mainContainer .span8 { width: 66.7%; margin: 0; padding: 0; } .gridWideContainer .mainContainer .span9 { width: 75%; margin: 0; padding: 0; } .gridWideContainer{ margin-bottom:0 !important; } /* grid wide container css ends*/ /* /////////////////////////////////////////////////////////////////////////////////////////// 3. Modules /////////////////////////////////////////////////////////////////////////////////////////// */ /* containers video issue fix*/ .centerContainer, .featureContainer, .footerContainer, .subnavContainer { display: inline-block\0/; width: 100%\0/; } .mainContainer .container { display: inline-block\0/; width: 100%\0/; } /** containers video issue fix **/ .centerContainer { padding: 40px 0 20px 0; } .mod_hero, .mod-divider, .mod-header { margin-bottom: 0; } .mod-header { padding: 0 0 10px 0; } /* ------------------------------------------------------------------------------------------ 3.X Header Container ------------------------------------------------------------------------------------------ */ .headerContainer { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .headerContainer ul { margin: 0; } .divTitleContainer { position: relative; z-index: 4; } .logoDiv a { display: block; } .h-nav { position: relative; z-index: 3; } /*Fixed Header - Top*/ .headerContainer.header-fixed, .vertical-header .header-fixed .headerContainer, .fluid-vertical-header .headerContainer.header-fixed, .fluid-vertical-header-2 .headerContainer.header-fixed { top: 0; position: fixed; z-index: 3; -webkit-transform: translateZ(0); transform: translateZ(0); } .headerContainer.header-fixed { width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .headerContainer.stickyheader { z-index: 2; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } /*Bottom fixed header - general styling, to be used only on header layouts 3, 4, and 11*/ .headerContainer.header-fixed-bottom { position: fixed; bottom: 0; z-index: 3; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .stickyheader .dropdown-menu { bottom: 40px; top: auto; } /* .headerContainer.header-fixed-bottom .header-layout-3{ position:fixed; bottom:0; z-index:3; width: 100%; } .headerContainer.header-fixed-bottom .header-layout-4{ position:fixed; bottom:0; z-index:3; width: 100%; } .headerContainer.header-fixed-bottom .header-layout-11{ position:fixed; bottom:0; z-index:3; width: 100%; } */ /*Bottom fixed header - dropdown styling, to be used only on header layouts 3, 4, and 11*/ /* Header Social */ @font-face { font-family: "mopro-social-icons"; src: url(#); src: url(#) format("embedded-opentype"), url("/mopro/fonts/mopro-social-icons.ttf") format("truetype"), url("/ext-assets/x.mopro.com/mopro/fonts/mopro-social-icons.svg") format("svg"), url("/mopro/fonts/mopro-social-icons.woff") format("woff"); font-weight: normal; font-style: normal; } .header-social { display: inline-block; vertical-align: middle; padding: 0; font-size: 0; margin-left: 5px; } .header-social li { display: inline-block; *display:inline; *zoom:1; list-style: none; } .headerContainer .header-social a { display: block; margin: 0 2px; color: #a0c3dc; text-decoration: none; line-height: 30px; font-family: 'mopro-social-icons' !important; font-size: 28px; text-transform: lowercase !important; } .header-social a:hover { color: #3f3f3f; text-decoration: none !important; } .header-social .facebook:before { content: "a"; } .header-social .twitter:before { content: "i"; } .header-social .linkedin:before { content: "e"; } .header-social .youtube:before { content: "j"; } .header-social .flickr:before { content: "b"; } .header-social .pinterest:before { content: "h"; } .header-social .myspace:before { content: 'g'; } .header-social .googleplaces:before { content: "f"; } .header-social .googleplus:before { content: "c"; } .header-social .instagram:before { content: "d"; } .header-social .stumbleupon:before { content: "k"; } .header-social .tumblr:before { content: "l"; } .header-social .yelp:before { content: "m"; } .header-social .tripadvisor:before { content: "n"; } .header-social .houzz:before { content: "o"; } .h-nav { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .nav { padding: 0; } .nav a:hover, .nav a:focus { text-decoration: none; } /* Header Actions */ .header-actions { position: relative; z-index: 6; float: right; } /* Header Translator */ .translator { display: inline-block; vertical-align: middle; margin-left: 8px; } .translator .custom-select { margin-bottom: 0px; } .translator .custom-text { width: 150px !important; padding-right: 30px; } .translator a { cursor: pointer; } .translator .language-dropdown { text-align: left; } /* Header Login */ .loginContainer { display: inline-block; vertical-align: middle; margin-left: 8px; } .userActionCart { list-style: none; } .cartContainer { display: inline-block; position: relative; } .popup-cart-form-container #ModuleMainForm { position: absolute; left: -274px; top: 33px; width: 300px; z-index: 100 } /* Header Search */ .header-search { display: inline-block; vertical-align: middle; margin-left: 8px; } .header-search input[type="text"] { margin-bottom: 0; } /* Iframes in Header */ .headerContainer .mod-embed-iframe { margin: 0; } /* Allows for a fix for overlapping shopping cart in certain headers */ .h-nav .mainContainer { max-width: 100%; } /* Header Layout 1 -------- */ .header-layout-1 { padding: 10px 0; } .header-layout-1 .nav { text-align: center; } .header-layout-1 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-1 .nav-pills .call2Action { float: right; } .header-layout-1 .divTitleContainer { margin: 0 auto; max-width: 70%; text-align: center; z-index: 4; } .header-layout-1 .logoDiv { display: inline-block; *display:inline; *zoom:1; max-width: 100%; padding: 20px 0; } .header-layout-1 .h-nav { z-index: 5; } /* Header Layout 3 -------- */ .header-layout-2 { padding: 10px 0; } .header-layout-2 .nav { text-align: left; } .header-layout-2 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-2 .nav-pills .call2Action { float: right; } .header-layout-2 .divTitleContainer { margin: 0 auto; max-width: 70%; text-align: center; } .header-layout-2 .logoDiv { display: inline-block; *display:inline; *zoom:1; max-width: 100%; padding: 20px 0; } /* Header Layout 3 -------- */ .header-layout-3 .mainContainer { position: relative; } .header-layout-3 .divTitleContainer { position: absolute; z-index: 4; width: 20%; padding-right: 20px; } .header-layout-3 .subnav { padding-left: 20%; } .header-layout-3 .nav { text-align: left; } .header-layout-3 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-3 .nav-pills .call2Action { float: right; } /* Header Layout 4 -------- */ .header-layout-4 .mainContainer { position: relative; } .header-layout-4 .divTitleContainer { position: absolute; z-index: 4; width: 20%; padding-right: 20px; } .header-layout-4 .subnav { padding-left: 20%; } .header-layout-4 .nav { text-align: right; } .header-layout-4 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-4 .header-actions > div { margin: 0 0 0 8px; display: inline-block; vertical-align: middle; } /* Header Layout 5 -------- */ .header-layout-5 { padding: 10px 0; } .header-layout-5 .nav { text-align: center; } .header-layout-5 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-5 .nav-pills { position: relative; } .header-layout-5 .nav-pills .call2Action { position: absolute; right: 0; } .header-layout-5 .divTitleContainer { margin: 0 auto; max-width: 70%; text-align: center; } .header-layout-5 .logoDiv { display: inline-block; *display:inline; *zoom:1; max-width: 100%; } /* Header Layout 6 -------- */ .header-layout-6 { padding: 10px 0; } .header-layout-6 .nav { text-align: left; } .header-layout-6 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-6 .nav-pills .call2Action { float: right; } .header-layout-6 .divTitleContainer { margin: 0 auto; max-width: 70%; text-align: center; } .header-layout-6 .logoDiv { display: inline-block; *display:inline; *zoom:1; max-width: 100%; } /* Header Layout 7 -------- */ .fluid-vertical-header .mainContainer { width: 100%; } .fluid-vertical-header .wideContainer, .fluid-vertical-header-2 .wideContainer { padding: 0 0 0 270px; } .fluid-vertical-header .featureContainer, .fluid-vertical-header .subnavContainer, .fluid-vertical-header .footerContainer, .fluid-vertical-header .centerContainer { width: 100%; padding-right: 40px; padding-left: 310px; } .fluid-vertical-header .headerContainer { position: absolute; width: 270px; min-height: 100%; top: 0; z-index:999; } .header-layout-7 .nav-pills li { float: none; width: 100%; line-height: 1; position: relative; } .header-layout-7 .loginContainer, .header-layout-7 .header-social { display: block; padding: 5px 0; } .header-layout-7 .call2Action { display: block; clear: both; padding: 5px 0; } .header-layout-7 .dropdown-menu { top: 0; left: 100%; } .header-layout-7 .translator, .header-layout-7 .loginContainer, .header-layout-7 .header-social, .header-layout-7 .header-search { margin-left: 0; } /* Header Layout 8 -------- */ .vertical-header .wideContainer .mainContainer, .vertical-header .featureContainer .mainContainer, .vertical-header .subnavContainer .mainContainer, .vertical-header .footerContainer .mainContainer, .vertical-header .centerContainer .mainContainer { padding: 0 40px 0 310px; } .vertical-header .headerContainer { position: absolute; width: 270px; margin: 0; } .vertical-header .header-layout-8 .mainContainer { width: 270px; margin: 0; } .header-layout-8 .nav-pills li { float: none; width: 100%; line-height: 1; position: relative; } .header-layout-8 .loginContainer, .header-layout-8 .header-social { display: block; padding: 5px 0; } .header-layout-8 .call2Action { display: block; clear: both; padding: 5px 0; } .header-layout-8 .dropdown-menu { top: 0; left: 100%; } .header-layout-8 .translator, .header-layout-8 .loginContainer, .header-layout-8 .header-social, .header-layout-8 .header-search { margin-left: 0; } /* Header Layout 20 -------- */ .fluid-vertical-header-2 .headerContainer .mainContainer { width: 100%; } .fluid-vertical-header-2 .featureContainer, .fluid-vertical-header-2 .subnavContainer, .fluid-vertical-header-2 .footerContainer, .fluid-vertical-header-2 .centerContainer { width: 100%; padding: 0 40px 0 310px; } .fluid-vertical-header-2 .headerContainer { position: absolute; width: 270px; min-height: 100%; } .header-layout-9 .nav-pills li { float: none; width: 100%; line-height: 1; position: relative; } .header-layout-9 .loginContainer, .header-layout-9 .header-social { display: inline-block; *display:inline; *zoom:1; padding: 5px 0; } .header-layout-9 .call2Action { display: block; clear: both; padding: 5px 0; } .header-layout-9 .dropdown-menu { top: 0; left: 100%; } .header-layout-7 .loginContainer #ModuleMainForm, .header-layout-8 .loginContainer #ModuleMainForm, .header-layout-9 .loginContainer #ModuleMainForm { left: -10px; } .header-layout-7 .cart-hover-container .popupContainer .arrow-up, .header-layout-8 .cart-hover-container .popupContainer .arrow-up, .header-layout-9 .cart-hover-container .popupContainer .arrow-up { right: auto; left: 10px; } .header-layout-9 .translator, .header-layout-9 .loginContainer, .header-layout-9 .header-social, .header-layout-9 .header-search { margin-left: 0; } /* Header Layout 21 */ .header-layout-10 .divTitleContainer { position: absolute; z-index: 4; max-width: 30%; } .header-layout-10 .call2Action { float: right; } .header-layout-10 .call2Action .btn { margin-top: 0; } .header-layout-10 .subnav { padding-left: 30%; text-align: right; } .header-layout-10 .subnav li { float: none; display: inline-block; *display:inline; *zoom:1; text-align: left; } .header-layout-10 .loginLink { float: none; } /* Header Layout 11 -------- */ .header-layout-11 { position: relative; z-index: 2; } .header-layout-11 .header-actions { text-align: right; } /* ie9 conditional css for bottom nav subnav // jimmy */ :root .header-layout-11 .header-actions { float: none \9; } /* end ie9 conditional css // jimmy */ .header-layout-11 .logoDiv img { max-width: 214px; } .header-layout-11 .header-actions .header-social, .header-layout-11 .translator, .header-layout-11 .call2Action, .header-layout-11 .loginContainer { display: inline-block; vertical-align: middle; } .header-layout-11 { padding: 10px 0; } .header-layout-11 .h-nav { z-index: auto; } .header-layout-11 .nav-pills li { float: none; display: inline-block; *display:inline; *zoom:1; } .header-layout-11 .nav-pills .call2Action { float: right; } .header-layout-11 .divTitleContainer { position: relative; margin: 0 auto; width: 20%; max-width: 350px; text-align: center; } .header-layout-11 .logoDiv { position: absolute; z-index: 2; width: 100%; } .header-layout-11 .divTitleContainer .logoDiv a { text-align: center; } .header-layout-11 .nav-left { float: left; width: 100%; max-width: 38%; text-align: right; padding-right: 40px; } .header-layout-11 .nav-right { float: right; max-width: 38%; width: 100%; text-align: left; padding-left: 40px; } /* hiding new pills for slideout menu on all layouts but 12 & 13 // jimmy */ .theTrigger { display: none; } /* rotation effects for new pills, toggled by the javascript // jimmy */ .rotateUp { -webkit-transform: rotate(-45deg) !important; -moz-transform: rotate(-45deg) !important; -ms-transform: rotate(-45deg) !important; -o-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; } .rotateDown { -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; transform: rotate(45deg) !important; } /* positioning for slideout menus // jimmy */ .slideLeft { left: 0 !important;/*overflow-x:hidden !important;*/ } .slideRight { right: 0 !important;/*overflow-x:hidden !important;*/ } /* Header Layout 12 -------- */ /* modified container widths // jimmy */ .headerLayout12 .headerContainer { position: fixed !important; z-index: 1000; } .headerLayout12 .mainContainer { width: 1170px; } .headerLayout12 .wideContainer { padding: 0; } .headerLayout12 .featureContainer, .headerLayout12 .subnavContainer, .headerLayout12 .footerContainer, .headerLayout12 .centerContainer { width: 100%; } /* new pills for slideout menu // jimmy */ .header-layout-12 .theTrigger { position: fixed; z-index: 110; display: block; width: 25px; height: 25px; cursor: pointer; left: 20px; top: 50px; } .header-layout-12 .theTrigger span { position: absolute; left: 0; display: block; width: 100%; height: 4px; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-layout-12 .theTrigger:focus { outline: none; } .header-layout-12 .theTrigger span.topLine { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .header-layout-12 .theTrigger span.botLine { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .header-layout-12 .theTrigger span.topLine, .theTrigger span.botLine { position: absolute; left: 0; width: 100%; height: 4px; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s; } .header-layout-12 .divTitleContainer { z-index: -1 !important; } .headerLayout12 .mainContainer { margin-left: auto; margin-right: auto; } .headerLayout12 .cart-hover-container { position: absolute; left: 92%; width: 100%; } .headerLayout12 .wideContainer, .headerLayout12-2 .wideContainer { padding: 0 0 0 0; } .headerLayout12 .featureContainer, .headerLayout12 .subnavContainer, .headerLayout12 .footerContainer, .headerLayout12 .centerContainer { width: 100%; } .headerLayout12 .headerContainer { position: fixed; width: 270px; min-height: 100%; top: 0; left: -100%; } .header-layout-12 .nav { margin-top: 0px; } .header-layout-12 .nav-pills li { float: none; width: 100%; line-height: 1; position: relative; } .header-layout-12 .loginContainer, .header-layout-12 .header-social { display: block; padding: 5px 0; } .header-layout-12 .call2Action { display: block; clear: both; padding: 5px 0; } .stickyheader .cart-hover-container { position: relative; margin-top: -75%; } .stickyheader .arrow-up { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); position: absolute; top: 196px !important; } .header-layout-12 .dropdown-menu { top: 0; left: 215px; } .header-layout-12 .translator, .header-layout-12 .loginContainer, .header-layout-12 .header-social, .header-layout-12 .header-search { margin-left: 0; } .header-layout-12 .logoDiv { position: fixed; top: 20px; right: 20px; } .header-layout-12 .logoDiv { padding: 0 !important; } .header-layout-12 .cart-hover-container .popupContainer .arrow-up { left: 10px; right: auto; } .header-layout-12 .cart-hover-container { margin-top: 0 !important; } /* h2 & h6 alignment for layouts 12 & 13 // jimmy */ .header-layout-12 .divTitleContainer h2 { position: absolute; bottom: 60px; text-align: left; width: 200px; } .header-layout-12 .divTitleContainer h6 { position: absolute; bottom: 20px; text-align: left; width: 200px; } .header-layout-13 .divTitleContainer h2 { position: absolute; bottom: 60px; text-align: left; width: 200px; } .header-layout-13 .divTitleContainer h6 { position: absolute; bottom: 20px; text-align: left; width: 200px; } .header-layout-12 .divTitleContainer { height: 90%; position: absolute; width: 200px; } .header-layout-13 .divTitleContainer { height: 90%; position: absolute; width: 200px; } /* Header Layout 13 -------- */ .header-layout-13 .cart-hover-container { margin-top: 0 !important; } .header-layout-13 .divTitleContainer { z-index: -1 !important; } .header-layout-13 .theTrigger { position: fixed; z-index: 110; display: block; width: 25px; height: 25px; cursor: pointer; right: 20px; top: 50px; } .header-layout-13 .theTrigger span { position: absolute; left: 0; display: block; width: 100%; height: 4px; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-layout-13 .theTrigger:focus { outline: none; } .header-layout-13 .theTrigger span.topLine { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .header-layout-13 .theTrigger span.botLine { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .header-layout-13 .theTrigger span.topLine, .theTrigger span.botLine { position: absolute; left: 0; width: 100%; height: 4px; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s; } .fluid-vertical-header-right .mainContainer { width:1170px; margin-left: auto; margin-right: auto; } .header-layout-13 { right: 0; } .fluid-vertical-header-right .wideContainer, .fluid-vertical-header-2-right .wideContainer { padding: 0 0 0 0 !important; width: 100%; } .fluid-vertical-header-right .featureContainer, .fluid-vertical-header-right .subnavContainer, .fluid-vertical-header-right .footerContainer, .fluid-vertical-header-right .centerContainer { width: 100%; padding-right: 40px; padding-left: 40px; } .fluid-vertical-header-right { overflow-x: hidden; } .fluid-vertical-header-right .headerContainer { position: fixed; width: 270px; min-height: 100%; top: 0; right: -100%; z-index: 100; } .header-layout-13 .nav-pills li { float: none; width: 100%; line-height: 1; position: relative; } .header-layout-13 .loginContainer, .header-layout-13 .header-social { display: block; padding: 5px 0; } .header-layout-13 .call2Action { display: block; clear: both; padding: 5px 0; } .header-layout-13 .dropdown-menu { top: 0; left: -165px; } .header-layout-13 .translator, .header-layout-13 .loginContainer, .header-layout-13 .header-social, .header-layout-13 .header-search { margin-left: 0; } .header-layout-13 .logoDiv { position: fixed; top: 20px; left: 20px; } .fluid-vertical-header-right .centerContainer { padding-left: 40px; padding-right: 40px; } .fluid-vertical-header-right .wideContainer { padding: 0 0 0 0; } .header-layout-13 .logoDiv { padding: 0 !important; } .header-layout-13 .mainContainer .nav.nav-pills li a { font-size: 18px !important; line-height: 18px !important; padding-top: 4px !important; } .header-layout-12 .mainContainer .nav.nav-pills li a { font-size: 18px !important; line-height: 18px !important; padding-top: 4px !important; } /* ------------------------------------------------------------------------------------------ 3.X Nav ------------------------------------------------------------------------------------------ */ /* responsive toggle button */ .toggle-menu.htoggle-menu p:before { content: none; } .toggle-menu.htoggle-menu p:after { content: "= ="; height: 60px; width: 50px; padding-top: 3px; line-height: 6px; font-size: 38px; } .toggle-menu.htoggle-menu .toggle-text { height: 60px; line-height: 38px; text-align: center; } .htoggle-menu p { line-height: 150px; overflow: hidden; display: block; width: 40px; height: 40px; background: #efefef; cursor: pointer; } .call-action-wrap { position: absolute; right: 10px; bottom: 15px; } .htoggle-menu p:before { content: "= ="; display: inline-block; padding: 14px 0 0 0; width: 40px; height: 40px; line-height: 6px; white-space: normal; font-family: Hevletica, sans-serif; font-size: 31px; text-align: center; } /* Nav */ .h-nav .nav { list-style: none; } .h-nav .nav li a { display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .nav-list li a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list li a { padding: 3px 15px; } .nav-list .active a, .nav-list .active a:hover, .nav-list .active a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs li, .nav-pills li { float: left; } .nav-tabs li, .nav-pills li { float: left; } .h-nav .nav-pills li a { margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .h-nav .nav-pills li a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-stacked li { float: none; } .nav-stacked li a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked li a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked li:first-child a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .nav-tabs.nav-stacked li:last-child a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .nav-tabs.nav-stacked li a:hover, .nav-tabs.nav-stacked li a:focus { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked li a { margin-bottom: 3px; } .nav-pills.nav-stacked li:last-child a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav-pills .dropdown-menu li { display: block; float: none; } .nav-pills .dropdown-menu li a { margin-right: 0; } /* .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } */ /* move down carets for tabs */ /* .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav .dropdown.active a:hover, .nav .dropdown.active a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav li.dropdown.open.active a:hover, .nav li.dropdown.open.active a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } */ .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } /* .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-submenu:hover a, .dropdown-submenu:focus a { color: #ffffff; text-decoration: none; background: #0081c2; } .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus { color: #ffffff; text-decoration: none; background: #0081c2; outline: 0; } .dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus { color: #999999; } .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus { text-decoration: none; cursor: default; background-color: transparent; background-image: none; } .dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus { color: #999999; } .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus { text-decoration: none; cursor: default; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open { *z-index: 1000; } .open .dropdown-menu { display: block; } .dropdown-backdrop { /* position: fixed; */ top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover .dropdown-menu { display: block; } .dropup .dropdown-submenu .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } /* ------------------------------------------------------------------------------------------ 3.X Appointment Booking System ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Appointment Booking System - General ----------------------------------------------------- */ .makeappointment .btn-group { width: 100%; } .makeappointment h3 { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #dddddd; } .makeappointment .btn { width: 100%; } .makeappointment .btn:after { content: "\f0da"; display: inline-block; *display:inline; zoom: 1; padding: 0 0 0 6px; font-family: 'FontAwesome'; font-size: 12px; } .abs-errorbox { -webkit-box-shadow: 0px 0px 4px rgba(222, 174, 174, 1), inset 0px 4px 4px rgba(0, 0, 0, 0.06) !important; -moz-box-shadow: 0px 0px 4px rgba(222, 174, 174, 1), inset 0px 4px 4px rgba(0, 0, 0, 0.06) !important; box-shadow: 0px 0px 4px rgba(222, 174, 174, 1), inset 0px 4px 4px rgba(0, 0, 0, 0.06) !important; border: solid 1px #da8d8d !important; } /* ----------------------------------------------------- 3.X.2 Appointment Booking System - Select Appointment Form ----------------------------------------------------- */ /* Labels */ .appt_dropdown label, .appt_rightdropdown label, .appt_btmdropdown label { padding: 15px 0px 4px 0px; } /* Time and Date Fields */ .appt_dropdown.date-at { width: 100%; } .appt_dropdown.date-at .appt_btmdropdown, .appt_dropdown.date-at .appt_rightdropdown { float: left; width: 39.17094017094017%; *width: 39.11774868157847%; } .appt_dropdown.date-at .appt_rightdropdown { margin-left: 4.564102564102564%; *margin-left: 4.5109110747408616%; width: 56.26495726495726%; *width: 56.21176577559556%; } .btn-container { clear: both; padding: 20px 0 0 0; } .proceednote { margin-bottom: 0; font-size: 12px; color: #999999; text-align: center; } /* ----------------------------------------------------- 3.X.3 Appointment Booking System - Span Specific ----------------------------------------------------- */ .span12 .appcontent, .span12 .appstaff-date, .span11 .appcontent, .span11 .appstaff-date, .span10 .appcontent, .span10 .appstaff-date, .span9 .appcontent, .span9 .appstaff-date { float: left; width: 47.717948717948715%; *width: 47.664757228587014%; } .span12 .appstaff-date, .span11 .appstaff-date, .span10 .appstaff-date, .span9 .appstaff-date { margin-left: 4.564102564102564%; *margin-left: 4.5109110747408616%; } .span12 .makeappointment h3, .span11 .makeappointment h3, .span10 .makeappointment h3, .span9 .makeappointment h3 { text-align: left; } .span12 .btn-container, .span11 .btn-container, .span10 .btn-container, .span9 .btn-container { text-align: right; } .span12 .btn-container .btn, .span11 .btn-container .btn, .span10 .btn-container .btn, .span9 .btn-container .btn { display: inline-block; width: auto; } .span12 .proceednote, .span11 .proceednote, .span10 .proceednote, .span9 .proceednote { display: inline-block; padding: 0 10px 0 0; text-align: right; } /* ----------------------------------------------------- 3.X.4 Appointment Booking System - Pop up ----------------------------------------------------- */ /* Appointment Pop Up outer container */ .apointpop { width: 100%; } /* Appointment Pop up Navigation */ .apointuls { margin: 0; width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #ffffff; } .apointuls li { position: relative; float: left; display: block; width: 25%; color: #999999; text-align: center; cursor: pointer; height: 36px; } .in-step-inner { padding: 5px 0 6px 11px; width: 73%; word-wrap: normal; } .in-step1-outer { float: left; display: block; width: 92%; height: 36px; padding: 8px 0 0 0; } .apointuls li:hover { color: #0088cc; background: #eeeeee; } .apointuls li:active, .apointuls li.currentSelectedLi { color: #333333; background: #eeeeee url("/mopro/images/selectleftslice.png") no-repeat; } .apointuls li.currentSelectedLi.first { background: #eeeeee; } .apointuls li.inactive:hover { color: #999999; background: transparent; cursor: default; } .rgtarrow { position: relative; z-index: 10; float: right; right: -11px; margin-left: -11px; width: 11px; height: 36px; background: url("/mopro/images/tabrgtslice.png"); } .apointuls li:hover .rgtarrow { background: url("/mopro/images/activergt.png") repeat scroll 0 0 transparent; } .apointuls li:active .rgtarrow, .apointuls li.currentSelectedLi .rgtarrow { float: right; width: 11px; height: 36px; background: url("/mopro/images/activergt.png"); } .apointuls li.inactive:hover .rgtarrow { background: url("/mopro/images/tabrgtslice.png") repeat scroll 0 0 transparent; } .apointuls .first { background-image: none; margin-left: 0px; } /* Alert Positioning */ .apointpop .alert-info { margin: 20px 20px 0 20px; display: block; padding-right: 0; text-align: center; } /* ----------------------------------------------------- 3.X.5 Appointment Booking System - Services & Staff ----------------------------------------------------- */ .Makeapp_dropwrap { width: 60%; margin: 0 auto; } .Makeapp_dropwrap .btn-group { width: 100%; } .Makeapp_dropwrap .appt_dropdown { float: left; width: 100%; } /* ----------------------------------------------------- 3.X.6 Appointment Booking System - Date & Time ----------------------------------------------------- */ .abscalwrap { padding: 0 20px; } /* Appointment Booking Calendar ---------- */ .calendorplugin { float: left; width: 48.717948717948715%; *width: 48.664757228587014%; padding-right: 2.564102564102563%; *padding-right: 2.5109110747408616%; border-right: 1px solid #dddddd } /* Date Picker Arrows */ .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e { background: url('/mopro/images/leftarrowcalender.png') no-repeat !important } .ui-datepicker-header .ui-datepicker-nextyear .ui-icon-circle-double-triangle-e { background: url('/mopro/images/leftarrowcalender.png') no-repeat !important } .makeappcalen .ui-datepicker-nextyear .ui-icon-circle-double-triangle-e { top: 4px !important; left: -3px !important; width: 7px; height: 10px; cursor: pointer; background: url('/mopro/images/nextyear.png') no-repeat !important; } .makeappcalen .ui-datepicker-next .ui-icon-circle-triangle-e { top: 10px !important; left: 4px !important; width: 6px !important; height: 10px; background: url('/mopro/images/nextmonth.png') no-repeat !important; cursor: pointer; } .makeappcalen .ui-datepicker-prevyear .ui-icon-circle-double-triangle-w { top: 5px !important; left: 13px !important; width: 7px; height: 10px; background: url('/mopro/images/prevyear.png') no-repeat !important; cursor: pointer; } .makeappcalen .ui-datepicker-prev .ui-icon-circle-triangle-w { top: 5px !important; left: 12px !important; width: 7px; height: 10px; background: url('/mopro/images/prevmonth.png') no-repeat !important; cursor: pointer; } .makeappcalen .ui-state-disabled span { cursor: default !important } .makeappcalen .ui-widget-header { border: 0 none !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background: none !important; filter: none !important; } /* Datepicker override */ .calendorplugin .ui-datepicker { width: 100%; border: 0 none; font-family: inherit; font-size: 14px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; } /* Datepicker table */ .calendorplugin .ui-datepicker-calendar { border-collapse: separate; border-spacing: 2px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Datepicker table head */ .calendorplugin .ui-datepicker th { float: none; display: table-cell; margin-right: 8px } .calendorplugin .ui-datepicker-month { color: #000000; font-size: 15px; } .makeappcalen .ui-datepicker-year { color: #000000; font-size: 15px; } /* Date Picker Default */ .calendorplugin .ui-state-default { color: #999999 !important; font-size: 14px !important; } /* Date Picker Active Month */ .makeappcalen .ui-datepicker-current-day .ui-state-active { margin: 0 auto; color: #fff; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0088cc; } .makeappcalen .ui-datepicker td { display: table-cell; float: none; margin-right: 8px; margin-bottom: 5px; background-color: transparent; } .makeappcalen .ui-datepicker-today a { color: #cccccc; border: 1px solid #0088cc; background-color: #eeeeee; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #0088CC; } .makeappcalen .ui-widget-header .ui-state-highlight { padding: 4px !important; border: 1px solid #fefefe; background-color: #ffffff; } .makeappcalen .ui-datepicker-current-day .ui-state-active:hover { color: #fff !important } /* Times Stylings --------------------- */ .caldays { display: block; width: 48.717948717948715%; *width: 48.664757228587014%; height: 200px; padding-left: 2.564102564102563%; *padding-left: 2.5109110747408616%; overflow-y: auto; word-wrap: normal; } .caldays h3 { padding-bottom: 5px; font-size: 15px; line-height: 20px; text-align: left; } .staff-information { padding: 79px 0px; text-align: center; color: #B94A48; } .caldays .datetimewrap { float: left; width: 31.623931623931625%; *width: 31.570740134569924%; padding-right: 2.564102564102563%; *padding-right: 2.5109110747408616%; } .caldays .datetimewrap ul { display: block; width: 100%; margin: 0; } .caldays .datetimewrap li { width: 100%; list-style: none; } .caldays .datetimewrap a { cursor: pointer; padding: 0; } .datetimewrap .data a:active, .dateactive { padding: 4px; color: #ffffff; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #0088CC; cursor: default; } .dateactive:hover { color: #ffffff; text-decoration: none; cursor: default; } /* ----------------------------------------------------- 3.X.7 Appointment Booking System - Contact Information ----------------------------------------------------- */ .Contctbardrgt { display: inline-block; *display:inline; zoom: 1; width: 100%; min-height: 162px; } .facebookicon { margin: 0 auto 20px auto; width: 219px; height: 38px; background: url('/mopro/images/fbtwtemail.png') 0 0; cursor: pointer; } .facebookicon:hover { background-position: 0 -44px; } .facebookicon:active { background-position: 0 -88px; } .signin { float: none; margin: 0 auto; width: 50%; border-bottom: 1px solid #dddddd; } .signin .logincontent { position: relative; padding: 20px 0; border-top: 1px solid #dddddd; } .logincontent:before { content: "Or"; height: 22px; width: 30px; position: absolute; top: -12px; left: 50%; margin-left: -15px; background: #f2f2f2; text-align: center; } .signinid { float: none !important; margin: 0; padding: 6px 5px; } .logincontent { float: none; margin: 0 auto; width: 71%; } .dontveaccwrap { margin-top: 17px; text-align: center; } .dontveaccwrap .greybtnpadd { margin-right: 35px; padding: 7px 18px; } .singupbtn { padding: 0; color: #0088cc; border: none; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; background: none; vertical-align: baseline; } .singupbtn:hover { text-decoration: underline; } .Inputcls.abs-error { -webkit-box-shadow: 0px 0px 4px rgba(222,174,174,0.1), 0px 4px 4px rgba(0,0,0,0.10) inset; -moz-box-shadow: 0px 0px 4px rgba(222,174,174,0.1), 0px 4px 4px rgba(0,0,0,0.10) inset; box-shadow: 0px 0px 4px rgba(222,174,174,0.1), 0px 4px 4px rgba(0,0,0,0.10) inset; border: 1px solid #da8d8d; } .WelcomeTxt { text-align: center; padding: 0 20px 20px 20px; } .WelcomeTxt span { padding: 0 5px 0 0; } .WelcomeTxt a { cursor: pointer } /* ----------------------------------------------------- 3.X.8 Appointment Booking System - Sign up ----------------------------------------------------- */ .makeapp .content-center { float: none; margin: 0 auto; width: 60%; } .Inputcls { width: 100%; } .first-last input { float: left; width: 48.717948717948715%; *width: 48.664757228587014%; } .inpright { float: right !important; } /* ----------------------------------------------------- 3.X.9 Appointment Booking System - Confirm ----------------------------------------------------- */ .app_greywrap { padding: 10px 20px; width: 100%; } .app-rightCls { padding: 20px; background: #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .make-mailemail { padding-bottom: 10px; } .appservecls { float: left; width: 22%; color: #9e9e9e; } .appservebold { float: left; width: 63%; font-weight: bold; color: #333333; } /* ----------------------------------------------------- 3.X.10 Appointment Booking System - Booking Success ----------------------------------------------------- */ .pluginswrap { margin: auto; width: 54%; text-align: center; } .plugbtn { float: left; margin-top: 10px; padding: 7px 15px; color: #fff; font-size: 16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; } .pluginswrap .plugbtn { padding: 0 15px; line-height: 31px; } .fbIocn { float: left; margin-right: 0px; width: 32px; height: 33px; background: url("/mopro/images/se-facebook.png") 5px 0 no-repeat; } .tweetiocn { float: left; margin-right: 0px; width: 32px; height: 33px; background: url("/mopro/images/se-twitter.png") 1px 0 no-repeat; } .emailicon { float: left; margin-right: 0px; width: 32px; height: 33px; background: url("/mopro/images/se-email.png") no-repeat; } .fb_bluebtn { width: 100%; text-align: center; background: #677bb7; /* Old browsers */ background: -moz-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #677bb7), color-stop(100%, #384b8e)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* IE10 */ background: linear-gradient(to bottom, #677bb7 0%, #384b8e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677bb7', endColorstr='#384b8e', GradientType=0 ); /* IE6-9 */ } .fb_bluebtn:hover { background: #384b8e; /* Old browsers */ background: -moz-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #384b8e), color-stop(100%, #384b8e)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* IE10 */ background: linear-gradient(to bottom, #384b8e 0%, #384b8e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384b8e', endColorstr='#384b8e', GradientType=0 ); /* IE6-9 */ } .fb_bluebtn:active { background: #384b8e; /* Old browsers */ background: -moz-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #384b8e), color-stop(100%, #677bb7)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* IE10 */ background: linear-gradient(to bottom, #384b8e 0%, #677bb7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384b8e', endColorstr='#677bb7', GradientType=0 ); /* IE6-9 */ } .fb_tweetbtn { width: 100%; text-align: center; background: #47a0d0; /* Old browsers */ background: -moz-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47a0d0), color-stop(100%, #3284b2)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* IE10 */ background: linear-gradient(to bottom, #47a0d0 0%, #3284b2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a0d0', endColorstr='#3284b2', GradientType=0 ); /* IE6-9 */ } .fb_tweetbtn:hover { background: #3284b2; /* Old browsers */ background: -moz-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3284b2), color-stop(100%, #3284b2)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* IE10 */ background: linear-gradient(to bottom, #3284b2 0%, #3284b2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3284b2', endColorstr='#3284b2', GradientType=0 ); /* IE6-9 */ } .fb_tweetbtn:active { background: #3284b2; /* Old browsers */ background: -moz-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3284b2), color-stop(100%, #47a0d0)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* IE10 */ background: linear-gradient(to bottom, #3284b2 0%, #47a0d0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3284b2', endColorstr='#47a0d0', GradientType=0 ); /* IE6-9 */ } .fb_email { width: 100%; text-align: center; background: #bababa; /* Old browsers */ background: -moz-linear-gradient(top, #bababa 0%, #909090 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bababa), color-stop(100%, #909090)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #bababa 0%, #909090 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #bababa 0%, #909090 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #bababa 0%, #909090 100%); /* IE10 */ background: linear-gradient(to bottom, #bababa 0%, #909090 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#909090', GradientType=0 ); /* IE6-9 */ } .fb_email:hover { background: #909090; /* Old browsers */ background: -moz-linear-gradient(top, #909090 0%, #909090 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #909090)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #909090 0%, #909090 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #909090 0%, #909090 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #909090 0%, #909090 100%); /* IE10 */ background: linear-gradient(to bottom, #909090 0%, #909090 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#909090', GradientType=0 ); /* IE6-9 */ } .fb_email:active { background: #909090; /* Old browsers */ background: -moz-linear-gradient(top, #909090 0%, #bababa 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #bababa)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #909090 0%, #bababa 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #909090 0%, #bababa 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #909090 0%, #bababa 100%); /* IE10 */ background: linear-gradient(to bottom, #909090 0%, #bababa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#bababa', GradientType=0 ); /* IE6-9 */ } /* ----------------------------------------------------- 3.X.10 Appointment Booking System - Booking Error ----------------------------------------------------- */ .appointbody { padding: 0 20px; } .errorbelowtxt { padding: 20px 0; } .editappt { margin-left: 20px; } /* ------------------------------------------------------------------------------------------ 3.X Appointment Booking System - New ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Appointment Booking System - New - Confirmation ----------------------------------------------------- */ .abs-share { margin: 25px 0; padding: 25px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .abs-share-photo img { width: 100%; } .abs-share textarea { width: 100%; height: 90px; } .btn-return { position: relative; margin-left: 6px; text-decoration: underline; } .btn-return:before { content: "\f0d9"; position: absolute; left: -6px; top: 3px; font-family: 'FontAwesome'; font-size: 14px; } /* Confirmation Share Buttons */ .abs-share-buttons .btn-share-button { position: relative; margin: 0 10px 0 0; display: inline-block; padding: 8px 25px 10px 60px; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } .abs-share-buttons .btn-share-button:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 39px; height: 34px; -webkit-box-shadow: inset -1px 0 0 0 rgba(0,0,0,.1), 1px 0 0 0 rgba(255,255,255,.1); -moz-box-shadow: inset -1px 0 0 0 rgba(0,0,0,.1), 1px 0 0 0 rgba(255,255,255,.1); box-shadow: inset -1px 0 0 0 rgba(0,0,0,.1), 1px 0 0 0 rgba(255,255,255,.1); background-image: url(/mopro/images/sprite-social-share-btn-icons.png); background-repeat: no-repeat; } /* Facebook */ .abs-share-buttons .share-facebook { background: #677bb7; /* Old browsers */ background: -moz-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #677bb7), color-stop(100%, #384b8e)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #677bb7 0%, #384b8e 100%); /* IE10 */ background: linear-gradient(to bottom, #677bb7 0%, #384b8e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677bb7', endColorstr='#384b8e', GradientType=0 ); /* IE6-9 */ } .abs-share-buttons .share-facebook:before { background-position: 6px 3px; } .abs-share-buttons .share-facebook:hover { background: #384b8e; /* Old browsers */ background: -moz-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #384b8e), color-stop(100%, #384b8e)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #384b8e 0%, #384b8e 100%); /* IE10 */ background: linear-gradient(to bottom, #384b8e 0%, #384b8e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384b8e', endColorstr='#384b8e', GradientType=0 ); /* IE6-9 */ } .abs-share-buttons .share-facebook:active { background: #384b8e; /* Old browsers */ background: -moz-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #384b8e), color-stop(100%, #677bb7)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #384b8e 0%, #677bb7 100%); /* IE10 */ background: linear-gradient(to bottom, #384b8e 0%, #677bb7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384b8e', endColorstr='#677bb7', GradientType=0 ); /* IE6-9 */ } /* Twitter */ .abs-share-buttons .share-twitter { background: #47a0d0; /* Old browsers */ background: -moz-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47a0d0), color-stop(100%, #3284b2)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #47a0d0 0%, #3284b2 100%); /* IE10 */ background: linear-gradient(to bottom, #47a0d0 0%, #3284b2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a0d0', endColorstr='#3284b2', GradientType=0 ); /* IE6-9 */ } .abs-share-buttons .share-twitter:before { background-position: -39px 3px; } .abs-share-buttons .share-twitter:hover { background: #3284b2; /* Old browsers */ background: -moz-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3284b2), color-stop(100%, #3284b2)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #3284b2 0%, #3284b2 100%); /* IE10 */ background: linear-gradient(to bottom, #3284b2 0%, #3284b2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3284b2', endColorstr='#3284b2', GradientType=0 ); /* IE6-9 */ } .abs-share-buttons .share-twitter:active { background: #3284b2; /* Old browsers */ background: -moz-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3284b2), color-stop(100%, #47a0d0)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #3284b2 0%, #47a0d0 100%); /* IE10 */ background: linear-gradient(to bottom, #3284b2 0%, #47a0d0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3284b2', endColorstr='#47a0d0', GradientType=0 ); /* IE6-9 */ } /* Share via email */ .abs-share-buttons .share-email { background: #bababa; /* Old browsers */ background: -moz-linear-gradient(top, #bababa 0%, #909090 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bababa), color-stop(100%, #909090)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #bababa 0%, #909090 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #bababa 0%, #909090 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #bababa 0%, #909090 100%); /* IE10 */ background: linear-gradient(to bottom, #bababa 0%, #909090 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#909090', GradientType=0 ); /* IE6-9 */ } .abs-share-buttons .share-email:before { background-position: -87px 3px; } .share-email:hover { background: #909090; /* Old browsers */ background: -moz-linear-gradient(top, #909090 0%, #909090 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #909090)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #909090 0%, #909090 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #909090 0%, #909090 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #909090 0%, #909090 100%); /* IE10 */ background: linear-gradient(to bottom, #909090 0%, #909090 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#909090', GradientType=0 ); /* IE6-9 */ } .abs-share-buttons .share-email:active { background: #909090; /* Old browsers */ background: -moz-linear-gradient(top, #909090 0%, #bababa 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #bababa)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #909090 0%, #bababa 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #909090 0%, #bababa 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #909090 0%, #bababa 100%); /* IE10 */ background: linear-gradient(to bottom, #909090 0%, #bababa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#bababa', GradientType=0 ); /* IE6-9 */ } /* ----------------------------------------------------- 3.X.2 Appointment Booking System - New - Book Appointment Form ----------------------------------------------------- */ .abs-book-form-header { padding-bottom: 10px; border-bottom: 1px solid #e3e3e3; } .abs-book-form-content { padding: 10px 0; } .abs-book-form-footer { padding-top: 10px; border-top: 1px solid #e3e3e3; } .abs-book-form-content .date-time { padding-bottom: 10px; } .abs-book-form-content .date-time-select { display: inline-block; vertical-align: middle; width: 110px; } .abs-book-form-content .date-time-select .custom-select { margin-bottom: 0; } .abs-book-form-content textarea { height: 53px; } /* Predictive Search Dropdown */ .custinpitem { display: inline-block; overflow-y: auto; width: 100%; max-width: 290px; max-height: 241px; padding: 2px 0; border: 1px solid #BABABA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: none repeat scroll 0 0 #FFFFFF; } .custitems { display: inline-block; width: 92%; padding: 5px 10px; border: 1px solid #FFFFFF; } .custitems:hover { border: 1px solid #C7E0F0; -webkit-box-shadow: 0px 1px 0px rgba(199,224,240,0.1), 0px 1px 0px rgba(199,224,240,0.10) inset; -moz-box-shadow: 0px 1px 0px rgba(199,224,240,0.1), 0px 1px 0px rgba(199,224,240,0.10) inset; box-shadow: 0px 1px 0px rgba(199,224,240,0.1), 0px 1px 0px rgba(199,224,240,0.10) inset; cursor: pointer; background: rgb(241,249,254); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,249,254,1) 0%, rgba(230,243,252,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241,249,254,1)), color-stop(100%, rgba(230,243,252,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,249,254,1) 0%, rgba(230,243,252,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,249,254,1) 0%, rgba(230,243,252,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,249,254,1) 0%, rgba(230,243,252,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(241,249,254,1) 0%, rgba(230,243,252,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9fe', endColorstr='#e6f3fc', GradientType=0 ); /* IE6-9 */ } .custitems span { margin: 0; display: block; width: 100%; padding: 0px; font-size: 13px; line-height: 17px; color: #888888; } .Servitems { display: inline-block; width: 100%; padding: 0; } .Servitems .AlignLeft { margin: 0; display: inline-block; width: 60%; } .AlignLeft .Serv-title { color: #000000; } .custitems span { color: #888888; display: block; font-family: ProximaNovaRegular; font-size: 13px; line-height: 17px; margin: 0; padding: 0; width: 100%; } #AddAppointmentConatiner *, .custinpitem * { -moz-box-sizing: content-box; } .Serv-title { color: #333333; display: inline-block; font-family: Helvetica; font-size: 15px; line-height: 22px; margin: 0; padding: 0; width: 100%; } .Servduration { color: #888888; font-family: helvetica; font-size: 14px; margin: 0; padding: 0; width: 100%; } .input-dropdown { position: relative; } .input-dropdown input[type="text"] { padding-right: 33px; } .search-arrow { position: absolute; right: 2px; top: 0; width: 24px; height: 27px; cursor: pointer; } .search-arrow:before { color: #B2B2B2; content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; right: 10px; top: 4px; } .input-block { margin: 0 0 20px; position: relative; } .predictive-search, .input-dropdown, .select-time { position: relative; } .predictive-search, .input-dropdown, .select-time { position: relative; } .abs, .abs *, .abs input[type="text"] { -moz-box-sizing: border-box !important; } .ui-autocomplete { max-height: 100px; overflow-y: auto; overflow-x: hidden; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; } .app-input-button { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #CCCCCC !important; border-radius: 3px 3px 3px 3px !important; -moz-border-radius: 3px 3px 3px 3px !important; -webkit-border-radius: 3px 3px 3px 3px !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 4px 4px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 4px 4px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 4px 4px rgba(0, 0, 0, 0.1) inset; margin: 0; padding: 5px 11px; text-align: left; width: 100px; } /* ----------------------------------------------------- 3.X.3 Appointment Booking System - New - Book Appointment Summary ----------------------------------------------------- */ .abs-book-summary-list { list-style: none; margin: 5px 0 10px 0; } .abs-book-summary-list li { margin: 2px 0; padding: 10px; background: rgba(0,0,0,.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .abs-book-summary-list .price { float: right; } /* ----------------------------------------------------- 3.X.4 Appointment Booking System - New - Catalog ----------------------------------------------------- */ /* Containers */ .service-category { padding: 0 0 10px 0; } .service-category .service-item-title { position: relative; cursor: pointer; } .service-category .categoryTitleCls:before { top: 25%; } /* Table */ .mod-service-catalog table { width: 100%; margin-bottom: 10px; } .mod-service-catalog th { padding: 10px 20px 10px 0; border-bottom: 3px solid #cccccc; vertical-align: top; text-align: left; } .mod-service-catalog td { padding: 10px 20px 10px 5px; border-bottom: 1px solid #cccccc; vertical-align: top; text-align: left; white-space: nowrap; } .mod-service-catalog thead .service-title { font-style: italic; } .mod-service-catalog tbody .service-title { width: 100%; padding: 0; white-space: normal; } .mod-service-catalog .toggle-service-details { padding: 10px 20px 10px 5px; } .mod-service-catalog tbody tr { cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .mod-service-catalog tbody tr:hover { background: rgba(0,0,0,.05); } /* Resopnsive Container */ .service-variation { display: none; padding: 10px 10px; background: rgba(0,0,0,.05); } .service-variation ul { list-style: none; padding: 0 0 10px 0; } .toggle-service-details { position: relative; } .toggle-service-details:before { display: none; content: "\f056"; font-family: 'FontAwesome'; position: absolute; right: 5px; } .toggle-service-details.variation-collapsed:before { content: "\f055"; } .toggle-service-details.variation-expanded:before { content: "\f056"; } /* Hover Card */ .service-hover-card { position: absolute; width: 490px; padding: 20px; background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); color: #000000; } .service-hover-card-photo { float: left; margin: 0 20px 0 0; width: 140px; height: 100%; } /* Sub Category */ .service-subcategory .item-title { cursor: default; border: 0; } /* ----------------------------------------------------- 3.X.5 Appointment Booking System - New - Sign In Popup ----------------------------------------------------- */ .popup-signin .f-name { margin-right: 2%; } .popup-signin .f-name, .popup-signin .l-name { display: inline-block; width: 48%; float: none !important; vertical-align: top; } .btn-create-user { width: 100%; text-align: center; } /* ------------------------------------------------------------------------------------------ 3.X Article Module ------------------------------------------------------------------------------------------ */ .mod_article { position: relative; position: static\0/; z-index: 1; } .article-photo img { cursor: pointer; } /* Layout 1 */ .article-layout-1 .article-photo { float: left; margin-right: 20px; margin-bottom: 20px; max-width: 40.17094017094017%; *max-width: 40.11774868157847%; } /* Layout 2 */ .article-layout-2 .article-photo { float: right; margin-left: 20px; margin-bottom: 20px; max-width: 40.17094017094017%; *max-width: 40.11774868157847%; } /* Layout 3 */ .article-layout-3 .article-photo { width: 100%; margin-bottom: 20px; text-align: center; } /* Layout 4 */ .article-layout-4 .article-photo { width: 100%; margin-bottom: 20px; text-align: center; } /* Layout 5 */ .article-layout-5 { position: relative; } .article-layout-5 .article-photo { float: left; margin-right: -37%; width: 35%; padding-right: 20px; } .article-layout-5 .article-photo img { width: 100%; height: auto; } .article-layout-5 .article-desc { padding-left: 37%; } /* Layout 6 */ .article-layout-6 { position: relative; } .article-layout-6 .article-photo { float: right; margin-left: -37%; width: 35%; padding-left: 20px; } .article-layout-6 .article-photo img { width: 100%; height: auto; } .article-layout-6 .article-desc { padding-right: 37%; } /* Layout 7 */ .article-layout-7 { position: relative; } .article-layout-7 .article-left { float: left; margin-right: -37%; width: 35%; padding-right: 20px; } .article-layout-7 .article-photo img { width: 100%; height: auto; } .article-layout-7 .article-right { padding-left: 37%; } /* Layout 8 */ .article-layout-8 { position: relative; } .article-layout-8 .article-photo { position: relative; z-index: 2; float: left; margin-right: -37%; width: 35%; padding-right: 20px; } .article-layout-8 .article-photo img { width: 100%; height: auto; } .article-layout-8 .article-right { float: left; padding-left: 37%; } /* Layout 9 */ .article-layout-9 { position: relative; } .article-layout-9 .article-photo { position: relative; z-index: 2; float: right; margin-left: -37%; width: 35%; padding-left: 20px; } .article-layout-9 .article-photo img { width: 100%; height: auto; } .article-layout-9 .article-right { float: left; padding-right: 37%; } /* ------------------------------------------------------------------------------------------ 3.X Background Module ------------------------------------------------------------------------------------------ */ .mod-background-slides .screen h1, .mod-background-slides .screen img { text-indent: -9999px; font-size: 0px; } .mod-background { position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; left: 0; display: none; } .mod-background-slides { position: absolute; width: 500%; height: 100%; z-index: 0; } .screen { position: relative; height: 100%; width: 20%; /* NOTE: numVideos/100% */ ; float: left; overflow: hidden; } .big-image { min-width: 100%; min-height: 100%; height: auto; width: auto; } .video-title { position: absolute; top: 5%; left: 5%; opacity: .5; margin: 40px 0 0 0; padding: 0; line-height: .65; font-size: 4em; text-transform: uppercase; } /* Nav */ .next-btn { position: absolute; right: 5%; top: 45%; padding: 20px; background: #000; border-radius: 40px; opacity: .4; cursor: pointer; z-index: 1000; } .next-btn :hover { opacity: .6; } .next-icon { display: block; border-top: solid 2px #fff; border-right: solid 2px #fff; width: 20px; height: 20px; position: relative; left: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); color: #fff; text-decoration: none; } #big-video-wrap { overflow: hidden; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; } #big-video-vid, #big-video-image { position: absolute; } #big-video-control-container { position: fixed; bottom: 20px; padding: 0 20px; width: 100%; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } #big-video-control { width: 100%; height: 16px; position: relative; } #big-video-control-middle { margin: 0 56px 0 24px; } #big-video-control-bar { width: 100%; height: 16px; position: relative; cursor: pointer; } #big-video-control-progress { position: absolute; top: 7px; height: 3px; width: 0%; background: #fff; } #big-video-control-track { position: absolute; top: 8px; height: 1px; width: 100%; background: #fff; } #big-video-control-bound-left { left: 0; } #big-video-control-bound-right { right: -1px } #big-video-control-track .ui-slider-handle { opacity: 0; } #big-video-control-playhead { left: 30%; } #big-video-control-play { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-image: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/bigvideo.png'); } #big-video-control-timer { position: absolute; top: 1px; right: 0; color: #fff; font-size: 11px; } #big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right { position: absolute; top: 0; height: 16px; width: 1px; background: #fff; } #big-video-control .ui-slider-handle { border-left: solid 1px #fff; width: 16px; height: 16px; position: absolute; top: -8px; } .transparent { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .vjs-big-play-button { display: none !important; } #supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(/mopro/images/progress.gif) no-repeat center center } #supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100% } #supersized img { width: auto; height: auto; position: relative; display: none; outline: 0; border: 0; max-width: none; } #supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges } #supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality } #supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } #supersized a { width: 100%; height: 100%; display: block } #supersized li.prevslide { z-index: -20 } #supersized li.activeslide { z-index: -10 } #supersized li.image-loading { background: #111 url(/mopro/images/progress.gif) no-repeat center center; width: 100%; height: 100% } #supersized li.image-loading img { visibility: hidden } #supersized li.prevslide img, #supersized li.activeslide img { display: inline; } /* ------------------------------------------------------------------------------------------ 3.X Blog List View ------------------------------------------------------------------------------------------ */ /* category list */ .categories .category-list, .share ul { margin: 0 0 10px 0; list-style: none } .category-list a { display: block; } /* Outer Container */ /* Post */ .blog-post { padding: 0 0 30px 80px; } .blog-post ul { padding: 5px 0 5px 20px; } /* Post Date */ .post-date { position: absolute; margin: 10px 0 0 -80px; width: 61px; height: 61px; padding: 6px 0; text-align: center; } .post-month { display: block; font-size: 13px; text-transform: uppercase; } .post-day { display: block; font-size: 29px; } /* Post Tags */ .post-tags { padding: 0 0 10px 0; } /* Post Tags Icon */ .post-tags:before { content: "\f02c"; display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 20px; height: 17px; font-family: 'FontAwesome'; font-size: 16px; } /* Post Description */ .post-description { padding: 20px 0; border-top: 1px solid #e4e4e3; border-bottom: 1px solid #e4e4e3; } /* Post Photo */ .post-photo { width: 100% } .post-photo img { margin: 0 0 20px 0 } /* Post Read More Button */ .read-post { } /* Post Info */ .post-info { float: left; padding: 10px 0 0 0; } /* Share Bar */ .share { float: right; padding: 10px 0 0 0; } .share li { float: left; padding: 0 0 8px 8px; } .share a { display: block; cursor: pointer; padding: 0 !important; } /* Social Icons */ .share-facebook a { height: 23px; overflow: hidden; background: url(/default-theme/blog/images/social-icon-facebook.png) left top no-repeat; } .share-twitter a { width: 56px; height: 20px; background: url(/default-theme/blog/images/social-icon-tweet.png) left top no-repeat; } .share-linkedin a { width: 59px; height: 20px; background: url(/default-theme/blog/images/social-icon-linkedin.png) left top no-repeat; } .share-pintrest a { width: 42px; height: 20px; background: url(/default-theme/blog/images/social-icon-pinit.png) left top no-repeat; } .share-googleplus a { width: 57px; height: 20px; background: url(/default-theme/blog/images/social-icon-googleplus.png) left top no-repeat; } .share-email a { width: 60px; height: 21px; background: url(/default-theme/blog/images/social-icon-emailit.png) left top no-repeat; } /* Comment Count */ .comment-count { } .comment-count:before { content: ""; display: inline-block; margin: 0 0 -2px 0; width: 16px; height: 15px; background: url(/mopro/images/icon-chat-bubble.png) left top no-repeat; } /* Share Buttons */ .share-buttons { } .blog-post .fb_iframe_widget span, .blog-post .fb_iframe_widget iframe { max-width: 100% !important; } /* ------------------------------------------------------------------------------------------ 3.X Blog Post View ------------------------------------------------------------------------------------------ */ /* Outer Container */ .blog-post-view { padding: 0 0 0 80px } /* Post */ .blog-post { } /* Post Date */ .post-date { } .post-month { } .post-day { } /* Post Tags */ .post-tags { } .post-tags a { } /* Post Tags Icon */ .post-tags:before { } /* Post Description */ .post-description { } .post-description p { } /* Post Photo */ .post-photo { } .post-photo img { } /* Post Read More Button */ .read-post { } /* Share Bar */ .share { } .share ul { } .share li { } .share a { } /* Social Icons */ .share-facebook a { } .share-twitter a { } .share-linkedin a { } .share-pintrest a { } .share-googleplus a { } .share-email a { } /* Comment Count */ .comment-count { } .comment-count:before { } /* Comments */ .comments .fb-comments { width: 100% !important } .comments iframe { width: 100% !important } /* Share Buttons */ .share-buttons { } /* ------------------------------------------------------------------------------------------ 3.X Call to Action ------------------------------------------------------------------------------------------ */ .mod-call-to-action { text-align: center; } .btn-centered-cls { float: none; } /* ------------------------------------------------------------------------------------------ 3.X Checkout ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Checkout - Step Bubbles ----------------------------------------------------- */ .shopping-header { padding: 0 0 10px 0; } /* Check out steps -------------------------- */ .NavigationHeaderDiv .nav { padding: 0; margin: 0 0 15px 0; font-size: 0; width: 100%; } .NavigationHeaderDiv .nav li { position: relative; float: left; margin-left: 2.564102564102563%; *margin-left: 2.5109110747408616%; display: block; width: 31.623931623931625%; *width: 31.570740134569924%; min-height: 122px; padding: 20px 20px 15px 20px; /* color:#777777; */ vertical-align: top; font-size: 14px; -webkit-border-radius: 8px; border-radius: 8px;/* background:#f5f5f5; */ } /* Active */ .NavigationHeaderDiv .nav .active { /* background:#0088cc; */ } .NavigationHeaderDiv .nav .active:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; width: 0; border-width: 10px 10px 0; border-style: solid; border-color: #0088cc transparent; display: block; } .NavigationHeaderDiv .nav .active { background: #0088cc; color: #ffffff; } .NavigationHeaderDiv .nav a:hover { cursor: default; text-decoration: none; } /* Remove left margin from the first child */ .NavigationHeaderDiv .nav li:first-child { margin-left: 0; *margin-left:0; } .NavigationHeaderDiv .nav h4 { padding-bottom: 5px; } .NavigationHeaderDiv .nav p { margin: 0; } /* Continue Shopping Link ----------------------- */ .Contshoptitle { text-align: right; } /* ----------------------------------------------------- 3.X.2 Checkout - Delivery / Carryout tab ----------------------------------------------------- */ .edit-order-content { margin-bottom: 30px; padding: 20px; /* background:#f5f5f5; */ font-size: 0; border: 1px solid #cccccc; } .h4mBottom { font-size: 18px; padding-bottom: 15px; border-bottom: 1px solid #dddddd; } .h2mBottom { padding-bottom: 15px; border-bottom: 1px solid #dddddd; } h2.h2mBottom a.pull-right { font-size: 18px; line-height: 55px; vertical-align: bottom; } .orderF, .orderlF { display: inline-block; *display:inline; zoom: 1; padding: 4px 0; border-bottom: 1px solid #dddddd; font-size: 14px; margin: 0; } .orderF { width: 51%; margin-left: -3px; } .orderlF { text-align: right; width: 51%; padding-left: 2.564102564102564%; *padding-left: 2.5109110747408616%; } h4.orderF.orderlF { font-weight: normal; width: 49%; word-wrap: break-word; float: right; } h4.orderF { font-size: inherit; font-weight: normal; } .edit-order-content h5 { font-size: 14px; color: #000000; margin-bottom: 10px; border-bottom: 0; border-top: 1px solid #dddddd; } .edit-order-content .btn, .edit-order-content .btn-primary { width: 100% } /* Checkout Details ---------------------- */ .spanBg, .delivery-times, .orderBg-gray { width: 100%; padding: 20px 20px 15px 20px;/* background:#eeeeee; */ } .positionRel { position: relative; } /* Switch Delivery or Pickup */ .messageCode { float: right; margin: -10px -10px 0 0; } .switch-carrier-link { font-size: 13px; color: #3a87ad; } .switch-carrier-link strong { zoom: 1; padding-left: 5px; font-weight: bolder; text-transform: capitalize; cursor: pointer; } .switch-carrier-link strong a { cursor: pointer; } .view-hours-p { margin: 0; } #lnkMapAddress { cursor: pointer; } /* Check out form ------------------ */ .form-checkout { padding: 10px 0 0 0; } .form-checkout .custom-select, #ModuleMainForm .spanPad-no-bottom .custom-select { max-width: 303px; } .form-checkout.checkout-main .custom-select, #ModuleMainForm .spanPad-no-bottom .checkout-main .custom-select { max-width: 316px; } .checkout-main .custom-select, .checkout-main .custom-select ul { float: left; width: 100%; } .form-checkout .control-100 { padding-bottom: 9px; } .interface-shopping-container .control-100.clearfix { position: relative; } .interface-shopping-container .help-inline { display: block; clear: both; padding: 0; } .form-checkout input[type="text"] { width: 48.717948717948715%; *width: 48.664757228587014%; } .form-checkout .control-100 { width: 75%; } /* Name Input */ .form-checkout .control-group .control-100:first-child .input-xlarge, #rePass { width: 65.81196581196582%; *width: 65.75877432260411%; } .form-checkout .control-100:first-child input[type="text"] { width: 100%; } /* Street Address & Apt # */ .streetAddress, .apt-suite { display: inline-block; *display:inline; zoom: 1; width: 65.81196581196582%; *width: 65.75877432260411%; vertical-align: top; float: left } .streetAddress input[type="text"], .apt-suite input[type="text"] { width: 100%; } .apt-suite { margin-left: 2.564102564102563%; *margin-left: 2.5109110747408616%; width: 23.076923076923077%; *width: 23.023731587561375%; } input[type="text"].zipCode { width: 23.076923076923077%; *width: 23.023731587561375%; } .form-checkout select { width: auto; } .control-100-btn { width: 100%; margin: 5px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #cccccc; } .checkoutPtag { color: #777777; } #mapviewid { margin-bottom: 20px; width: 40.17094017094017%; *width: 40.11774868157847%; background: #ffffff; border: 2px solid #ffffff; -webkit-box-shadow: 0 0 0 1px #cccccc; -moz-box-shadow: 0 0 0 1px #cccccc; box-shadow: 0 0 0 1px #cccccc; } .not-your-city { display: inline-block; margin: 33px 0 10px; } /* ----------------------------------------------------- 3.X.3 Checkout - Billing Tab ----------------------------------------------------- */ .messageCode1 { float: left; } .messageCode1 label { display: inline-block; padding-left: 20px; } .messageCode1 label:first-child { padding-left: 0; } .control-100 .checkbox { margin-bottom: 10px; } .PaymentMethodDiv, .BillingAddress { width: 46.717948717948715%; *width: 46.664757228587014%; } .BillingAddress { margin-left: 4.564102564102563%; *margin-left: 4.5109110747408616%; } .PaymentMethodDiv .control-100, .PaymentMethodDiv .control-100 .input-xlarge, .form-checkout .PaymentMethodDiv .control-100:first-child .input-xlarge, .BillingAddress .control-100, .BillingAddress .streetAddress .input-xlarge, .BillingAddress .apt-suite .input-apt, .PaymentMethodDiv .month-control select, .PaymentMethodDiv .year-control select, .BillingAddress .streetAddress, .form-checkout .BillingAddress .control-group .streetAddress input[type="text"], /* Remove this first class later after update */ .cvv { width: 100%; } .BillingAddress .apt-suite, .form-checkout .BillingAddress .zipCode { margin-left: 0; *margin-left:0; width: 31.623931623931625%; *width: 31.570740134569924%; } #bill_Zip_error { display: block; clear: both; } .PaymentMethodDiv .month-control, .PaymentMethodDiv .year-control { float: left; } .PaymentMethodDiv .month-control { width: 65.81196581196582%; *width: 65.75877432260411%; } .PaymentMethodDiv .year-control { margin-left: 2.564102564102563%; *margin-left: 2.5109110747408616%; width: 31.623931623931625%; *width: 31.570740134569924%; } .cvv-input { width: 31.623931623931625%; *width: 31.570740134569924%; margin-right: 2.564102564102563%; *margin-right: 2.5109110747408616%; } .checkoutTitle { margin-bottom: 20px; } /* CVV Pop up */ .ccv-popup { display: none; position: absolute; z-index: 50000; left: 0; bottom: -275px; width: 455px; height: auto; } /*.ccv-popup-visa { display: none; position: absolute; left: 180px; top: 170px; width: 230px; height: auto; }*/ .ccv-popup-visa { display: none; height: auto; left: 107px; position: absolute; top: 30px; width: 230px; } .cvvContainer { margin-left: -15px; background: url(/store/images/cvv-image.png) no-repeat; width: 448px; height: 175px; } .cvvContainer1 { margin-left: -18px; width: 215px; height: 175px; background: url(/store/images/cvv-image.png) no-repeat; } input.visa-icon { background-image: url(/store/images/visa-icon.png); background-repeat: no-repeat; background-position: 100% 100%; } input.american-icon { background-image: url(/store/images/american-icon.png); background-repeat: no-repeat; background-position: 100% 100%; } input.discover-icon { background-image: url(/store/images/discover-icon.png); background-repeat: no-repeat; background-position: 100% 100%; } input.master-icon { background-image: url(/store/images/master-icon.png); background-repeat: no-repeat; background-position: 100% 100%; } /* Email sign up */ .EmailDiv { width: 100%; padding: 20px 0 0 0; margin-left: 0; *margin-left:0; } /* ----------------------------------------------------- 3.X.4 Checkout - Review Order ----------------------------------------------------- */ .delivery-times { margin-bottom: 10px; } .shippingReviewDiv { margin-left: 0; *margin-left:0; width: 100%; padding: 20px 0; } .shippingReviewImg { float: left; margin-right: 2.564102564102563%; *margin-right: 2.5109110747408616%; padding: 5px; border: 1px solid #cccccc; background: #ffffff; } .shippingHr { margin: 20px 0 0 0; width: 100%; height: 1px; border: 0; background: #cccccc; } /* ----------------------------------------------------- 3.X.5 Checkout - Order Confirmation ----------------------------------------------------- */ .orderConfirmationWrapDiv { width: 100%; } .orderPtag { float: left; margin-right: 2.564102564102563%; *margin-right: 2.5109110747408616%; width: 23.076923076923077%; *width: 23.023731587561375%; } .orderPtag p { margin-bottom: 0; } #ctl00_ctl00_EstimatedTimeDiv.orderPtag { margin-right: 0; } .ShippingOrder { width: 100%; margin-left: 0; *margin-left:0; padding: 20px 0 0 0; } /* ------------------------------------------------------------------------------------------ 3.X.6 Checkout - Hours and Location ------------------------------------------------------------------------------------------ */ .area-location h3 { margin-bottom: 16px; padding-bottom: 9px; border-bottom: solid 1px #dddddd; } .view-hours { margin-bottom: 19px; } .location-address { float: left; margin: 0px 0 14px 0; display: inline-block; *display:inline; width: 100%; zoom: 1; } .location-address p { margin: 0 } .location-map { display: inline-block; *display:inline; zoom: 1; width: 100%; height: 190px; } .store-title { position: relative; padding: 15px 20px; background: #f5f5f5; } .store-title h4 { display: inline-block; *display:inline; zoom: 1; } .store-option { padding: 15px 20px; background: #ffffff; } .store-carryout, .store-delivery { *float:left; } .store-delivery { display: inline-block; *display:inline; zoom: 1; width: 49%; } .store-delivery h3 { padding-bottom: 12px; } .store-delivery ol { margin: 0; padding-top: 11px; border-top: solid 1px #333333; list-style-type: none; } .store-delivery ol li label { margin-bottom: 10px; line-height: 25px; } .full-store .store-delivery { width: 100%; } .store-carryout { float: right; display: inline-block; *display:inline; zoom: 1; width: 49%; } .store-carryout h3 { padding-bottom: 12px; } .store-carryout ol { margin: 0; padding-top: 11px; list-style-type: none; border-top: solid 1px #333333; } .store-carryout ol li label { margin-bottom: 10px; line-height: 25px; } .full-store .store-carryout { width: 100%; } .store-timming { width: 100%; border-top: solid 1px #dddddd; background: #ffffff; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .store-timming .close { position: absolute; cursor: pointer; top: 16px; right: 13px; } .operations-hours { display: inline-block; *display:inline; zoom: 1; width: 100%; } .operations-hours p a { cursor: text; } .operations-hours p a:hover { text-decoration: none; } .adres-block { *width:176px; *height:100px; } #ctl00_ucOrderItemsList1_divOrdrItemsWrap { *position:relative; } /* ------------------------------------------------------------------------------------------ 3.X.7 Checkout - Checkout Pop up ------------------------------------------------------------------------------------------ */ /* Outer Wrapper for intial checkout pop up */ .SC_Wrap { padding: 20px 40px; } .SC_LHSWrap, .SC_RHS { float: left; width: 50%; } /* Left Column */ .SC_LHSWrap { padding-right: 40px; border-right: 1px solid #cccccc; } /* Right Column */ .SC_RHS { padding-left: 40px; text-align: center; } /* css for abs service catlog temporarly*/ .abs_sc_rhs .SC_LHSWrap { border-right: none; } .abs_sc_rhs .SC_RHS { border-left: 1px solid #CCCCCC; text-align: left; } /* css for abs service catlog temporarly ends*/ /* Subtitles above each column */ .SC_LHSTxt, .SC_RHSTXT { display: block; padding: 0 0 20px 0; font-size: 18px; text-transform: uppercase; text-align: center; } /* Input fields for left column */ .SC_Wrap input[type="text"], .SC_Wrap input[type="password"] { width: 100%; clear: both; } /* left side forgot password button and sign in */ .SiginFPWrap { text-align: center; } /* Right side paragraphs */ .SC_Rhstxtdiv, .SC_Rhstxtdiv2 { padding-bottom: 20px; } /* Checkout button */ .express-checkout-btn { padding-top: 35px; } /* Sign in Width */ .popup-signin .popup-block { max-width: 748px; } /* Forgot password width */ .popup-forgot-password .popup-block { max-width: 389px; } .SC_ResetHdr { padding: 0 20px 20px 20px; text-align: center; } .Sc_Reset_TXTDiv { width: 90%; margin: 0 auto; padding: 20px 0; text-align: left; } .Sc_Reset_TXTDiv .Inputbox { width: 100%; clear: both; } /* Temp classes to handle the forgot password link until it can be changed to an anchor */ .SiginFPWrap .SC_Text { color: #0088cc; text-decoration: none; cursor: pointer; } .SignInInputWrap { padding: 20px 0 0 0; } .SignInInputWrap .btn { min-width: 148px; text-align: center; } .SiginFPWrap .SC_Text:hover, .SiginFPWrap .SC_Text:focus { color: #005580; text-decoration: underline; } .SiginFPWrap .SC_Text:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* ------------------------------------------------------------------------------------------ 3.X.8 Checkout - paypal checkout ------------------------------------------------------------------------------------------ */ .mod-paypal-checkout label { display: inline-block; } .paypalTitle { border-bottom: 1px solid #dddddd; color: #777777; } .pay-radio-button { display: inline-block; width: 115px; } .pay-radio-button input { display: inline-block; } .mod-paypal-checkout .control-100 input { display: inline-block; } .mod-paypal-checkout label { display: inline-block; width: 100%; } .mod-pay-address .streetAddress { width: 48.7179%; } .mod-paypal-checkout .form-checkout select { width: 48.718%; } .mod-paypal-checkout .not-your-city { margin: -10px 0 10px 15px; } .mod-paypal-checkout .pay-create-txt { width: 80%; } .mod-paypal-checkout .pay-radio-button label { width: 60%; } .mod-paypal-checkout .mod-pay-address { margin-bottom: 0px; } .pay-paypal-radio { padding: 8px 10px; line-height: 30px; background: #dcecf6; border: 1px solid #c3e6f0; display: inline-block; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; color: #6188ab; margin-bottom: 5px; width: 100%; font-size: 14px; } .pay-paypal-radio .paypal-icon { width: 51px; height: 32px; background-position: center 0; background-repeat: no-repeat; background-image: url(/moprosuite/v13/create/_static2/_css/_images/paypal.png); display: inline-block; margin: -20px 10px -12px 0; } .mod-paypal-checkout .control-100 .custom-select { display: inline; } /* ------------------------------------------------------------------------------------------ 3.X Contact Form ------------------------------------------------------------------------------------------ */ /* Layout 1 */ .contactform-layout-1 .form-left { float: left; width: 49%; } .contactform-layout-1 .form-right { width: 49%; float: right; } .contactform-layout-1 textarea { height: 166px; } .contactform-layout-1 .btn { float: right; } /* Layout 2 */ .contactform-layout-2 .control-group { padding-left: 15%; } .contactform-layout-2 label { float: left; margin-left: -18%; } .span4 .contactform-layout-2 .control-group { padding-left: 21%; } .span4 .contactform-layout-2 label { margin-left: -26%; } /* Layout 3 */ .contactform-layout-3 .control-group { padding-left: 15%; } .contactform-layout-3 label { float: left; margin-left: -18%; } .contactform-layout-3 .form-left { float: left; width: 49%; } .contactform-layout-3 .form-right { width: 49%; float: right; } .contactform-layout-3 textarea { height: 126px; } .contactform-layout-3 .btn { float: right; } /* Layout 5 */ .contactform-layout-5 label.field { display: none; } /* ------------------------------------------------------------------------------------------ 3.X Divider Module ------------------------------------------------------------------------------------------ */ .mod-divider { margin: 0 0 20px 0; border-top: 1px solid #dddddd; } /* ------------------------------------------------------------------------------------------ 3.X Embed Module ------------------------------------------------------------------------------------------ */ .mod-embed .mod-embed-iframe { position: relative; margin-bottom: 30px; width: 100%; height: 0; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ overflow: hidden; } .mod-embed iframe, .mod-embed object, .mod-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mod-embed-iframe { width: 100%; margin-bottom: 30px } .mod-embed-iframe iframe { max-width: 100%; width: 100%; } /* ------------------------------------------------------------------------------------------ 3.X Events ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Events - General ----------------------------------------------------- */ /* Events Header */ .events-header h1 { display: inline-block; *display:inline; padding-right: 20px; } /* Select Year */ .select-year, .event-category { display: inline-block; *display:inline; *zoom:1; vertical-align: middle; width: 91px; padding-bottom: 17px; } .select-year .custom-select .custom-text, .event-category .custom-select .custom-text { height: 27px; padding: 0 35px 0 10px; font-size: 14px; line-height: 24px; border: 1px solid #cccccc; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ffffff; } .select-year .custom-select .custom-text:before, .event-category .custom-select .custom-text:before { content: "\f0d7"; border-left: 0; color: #626262; } /* Events Sort */ .events-sort { padding: 6px 0 0 0; } /* Event Category */ .event-category { width: 124px; } .event-category .custom-select .custom-text { background: #ebebeb; } /* Events View */ .events-view { display: inline-block; *display:inline; *zoom:1; vertical-align: top; padding: 5px 0 0 20px; } .events-view li { list-style: none; display: inline-block; *display:inline; *zoom:1; vertical-align: top; text-align: right; width: 34px; height: 27px; overflow: hidden; } .events-view a { display: block; color: #afafaf; line-height: 80px; } .events-view a:hover, .events-view .active { color: #f99a26; text-decoration: none; } .events-view a:before { line-height: 1px; } /* temporary fix for scroll bar */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 7px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #eeeeee; position: relative; } .jspDrag { background: #cfcfcf; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* ----------------------------------------------------- 3.X.2 Events - List view ----------------------------------------------------- */ /* Events List */ .events-list { list-style: none; border-top: 1px solid #d0d0d0; } .events-list > li { position: relative; min-height: 114px; border-bottom: 1px solid #d0d0d0; } .events-list > li.active { background: #f8f8f8; } .event-title { position: relative; padding: 20px 130px 20px 132px; cursor: pointer; min-height: 113px; } /* Event Date */ .event-date { position: absolute; top: 0; left: 0; width: 113px; height: 113px; padding: 15px 0; font-size: 16px; color: #bcbcbc; text-align: center; text-transform: uppercase; background: #f1ece7; } .event-day { padding: 5px 0; font-size: 51px; color: #626262; font-weight: 700; } /* Event Details */ .event-details { display: none; padding: 0 176px 20px 132px; } .events-list .active .event-details { display: block; } /* Event Photo */ .event-photo { width: 100%; padding: 0 0 15px 0; } .event-photo img { max-width: 100%; } /* Event Specifics */ .event-specifics { padding-bottom: 15px; } .event-specifics p { margin: 0; } /* Event Directions */ .event-directions { display: inline-block; *display:inline; *zoom:1; margin-top: 20px; } /* Event Actions */ .event-actions { position: absolute; top: 0; right: 0; padding: 20px 10px 0 0; } /* Event Export */ .icon-print { cursor: pointer; } .event-export { margin-right: 10px; display: inline-block; *display:inline; *zoom:1; list-style: none; } .event-export > li { position: relative; min-height: 0; } .event-export > li > a { position: relative; display: block; height: 27px; padding: 0 20px 0 10px; font-size: 14px; line-height: 24px; border: 1px solid #cccccc; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ffffff; } .event-export > li a { color: #626262; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .event-export > li > a:hover { text-decoration: none; } .event-export > li:before { position: absolute; z-index: 2; top: 3px; right: 0; display: block; width: 22px; padding: 2px 0 0 0; font-family: 'FontAwesome'; font-size: 11px; text-align: center; content: "\f0d7"; color: #626262; } /* Temp classes to deal with > being stripped */ .event-export li ul { padding: 0; min-height: 0 } .event-export li ul li { min-height: 0; } .event-export li ul li:before { display: none; } .event-export li ul li a { position: static; display: block; height: auto; padding: 5px 10px; font-size: 14px; line-height: 1; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ffffff; } .event-export ul { position: absolute; z-index: 2; top: 27px; left: 0; display: none; list-style: none; width: 118px; padding: 5px 0; border: 1px solid #ccc; background: #f1ece7; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); } .event-export li:hover ul { display: block; } .event-export ul a { display: block; padding: 10px 15px; } .event-export ul a:hover { color: #ffffff; text-decoration: none; background: #424242; } .event-actions .icon-print { display: inline-block; *display:inline; *zoom:1; vertical-align: bottom; } /* Events Pagination */ .events-pagination { font-size: 17px; padding: 10px 0 0 0; } .event-category { width: 132px; } /**checkbox**/ .event-category .checkbox { list-style-type: none; } .event-category .checkbox li { padding: 7px 0 } .event-category .checkbox input { position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); } .event-category .checkbox label { background: url("/mopro/images/events/icon-checkbox.png") no-repeat scroll 0 -46px transparent; font-size: 12px; padding: 2px 0 2px 30px; cursor: pointer; font-weight: 400; } .event-category .checkbox label:hover { background-position: 0 -23px; } .event-category .checkbox label:active, .event-category .checkbox .active, .event-category .checkbox .active:hover, .event-category .checkbox .active:active { background-position: 0 0px; } /*customize dropdown style is begin*/ .event-category .sub-category-block { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EAEAEA; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.23); padding: 2px; position: absolute; top: 28px; width: 132px; z-index: 10; max-height: 153px; } .event-category .custom-select ul { padding: 0 0 5px; } .event-category .erroralerts { bottom: -14px; color: #B76B6B; display: none; font-size: 12px; left: 0; position: absolute; } .event-category .sub-category-list li { position: relative; padding: 4px; } .event-category .sub-category-list li .chosecatinput { left: 30px; position: absolute; top: 1px; } .event-category .sub-category-list li .choseImpinput { left: 30px; position: absolute; top: 1px; } .event-category .evt-errorbox { -webkit-box-shadow: 0px 0px 4px rgba(222, 174, 174, 1), inset 0px 4px 4px rgba(0, 0, 0, 0.06) !important; box-shadow: 0px 0px 4px rgba(222, 174, 174, 1), inset 0px 4px 4px rgba(0, 0, 0, 0.06) !important; -moz-box-shadow: 0px 0px 4px rgba(222, 174, 174, 1), inset 0px 4px 4px rgba(0, 0, 0, 0.06) !important; border: solid 1px #DA8D8D !important; } .event-category .action-block { width: 50px; top: 2px; } .event-category .action-block span { display: inline-block; } .event-category .action-block1 { width: 50px; } .event-category .action-block1 span { display: inline-block; } .event-category .sub-category-list li { position: relative; margin: 3px 0px; } .event-category .sub-category-list .edittext { color: #000; border: 1px solid #ccc; height: 14px; left: 29px; opacity: 1; position: absolute; top: 43px; width: 68%; padding: 2px; } .event-category .sub-category-block .checkbox li label { float: none; margin: 0; padding: 1px 5px 0 33px; text-align: left; white-space: nowrap; } .event-category .sub-category-block input { float: none; width: 69%; } .event-category .custom-select .custom-text { background: #ffffff; } /* review this later, not really sure it needs to exist */ .event-main-title { margin: 0px 0px 5px 0px; } .event-main-title h3 { display: inline; } .event-main-title img { vertical-align: baseline; } /* ----------------------------------------------------- 3.X.3 Events - Calendar View ----------------------------------------------------- */ /* * FullCalendar v1.5.3 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Mon Feb 6 22:40:40 2012 -0800 * */ /* .outerContainerABS {width:100%; height:100%;bottom: 0;left:0;overflow-x: auto;overflow-y: auto;position: fixed;right: 0;top: 0;;z-index:1002;} .innerContainerABS {margin-right:auto;margin-bottom:0;margin-left:auto;float:none; position:relative; z-index:1002;} .abs-OverlayABS {width:100%;height:100%;position:fixed;z-index:1000;background-color:#000;top:0px; left:0px; right:0px;bottom: 0;opacity: .80;filter: alpha(opacity=80);} .abs-accountOverlayABS {z-index:1000000; background-color:#000; width:100%;height:100%;position:fixed;top:0px; left:0px; right:0px;bottom: 0;opacity: .80;filter: alpha(opacity=80);} .outerSubContainerABS {width:100%; height:100%;bottom: 0;left:0;overflow-x: auto;overflow-y: auto;position: fixed;right: 0;top: 0;z-index: 1000001;} .innerSubContainerABS {margin-right:auto;margin-bottom:0;margin-left:auto;float:none; position:relative; z-index:102} .cal-visible{visibility:hidden;height:5px;overflow:hidden;} .seghide{display:none !important;}*/ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { vertical-align: top; } /* Calendar Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 17%; text-align: left; padding: 10px 10px 0 10px; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; padding-top: 5px; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right { margin-right: 1px; } .fc-header .ui-corner-right { margin-right: 0; } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ } .fc-header-title h2 { font-size: 24px; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, /* , usually */ .fc-widget-content { /* , usually */ border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .fc-sun.fc-widget-content { border-left: 0; } .fc-widget-content { background: #ffffff; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #f1ece7; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ /* Default Button Style */ .fc-button { position: relative; display: inline-block; cursor: pointer; } .fc-button-inner { display: block; border-style: solid; border-width: 1px; background: #f6f6f6; overflow: hidden; } .fc-button-inner:hover { color: #696464; background: #ffffff; } .fc-button-content { position: relative; display: block; height: 1.9em; line-height: 1.9em; padding: 0 .6em; white-space: nowrap; } /* Next Button */ .fc-button-prev .fc-button-inner { width: 37px; height: 29px; padding: 1px 0 0 0; font-family: 'FontAwesome'; border-color: #cccccc; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } .fc-button-prev .fc-button-inner:before { content: "\f0d9"; display: inline-block; *display:inline; *zoom:1; width: 37px; height: 29px; text-align: center; } /* Previous Button */ .fc-button-next .fc-button-inner { width: 37px; height: 29px; padding: 1px 0 0 0; font-family: 'FontAwesome'; border-color: #cccccc; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } .fc-button-next .fc-button-inner:before { content: "\f0da"; display: inline-block; *display:inline; *zoom:1; width: 37px; height: 29px; text-align: center; } /* Hide today button */ .fc-button-today { display: none !important; } /* button states (determines colors) */ .fc-state-active .fc-button-inner { background: #ffffff; } .fc-state-disabled { opacity: 5; filter: alpha(opacity="50"); cursor: default; } /* Month / Week / Day Toggle buttons */ .fc-header-right { padding-top: 13px; padding-right: 10px; } /* Month */ .fc-button-month .fc-button-inner { border-color: #cccccc; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } /* Week */ .fc-button-agendaWeek .fc-button-inner { border-color: #cccccc; } /* Day */ .fc-button-agendaDay .fc-button-inner { border-color: #cccccc; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { border-style: solid; border-width: 0; font-size: .85em; cursor: default; } a.fc-event, .fc-event-draggable { cursor: pointer; } a.fc-event { text-decoration: none; } .fc-rtl .fc-event { text-align: right; } .fc-event-skin { border-color: #36c; /* default BORDER color */ background-color: #36c; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ } .fc-event-inner { position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; } /* Fake Rounded Corners SPECIFICALLY FOR EVENTS -----------------------------------------------------------------*/ .fc-corner-left .fc-event-inner { border-left-width: 1px; } .fc-corner-right .fc-event-inner { border-right-width: 1px; } .fc-corner-top .fc-event-inner { border-top-width: 1px; } .fc-corner-bottom .fc-event-inner { border-bottom-width: 1px; } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month { background: #faf9f8; } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { _overflow: hidden; } /* Calendar Event*/ .fc-event-skin { background: #fc9721; border-color: #fc9721; color: #2c497b; color: #fff; padding-left: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .db-calender-month .staffindex1, .db-calender-month .staffindex7 { color: #595959; cursor: pointer; font-size: 13px !important; height: 43px; line-height: 16px; margin-top: -3px; min-height: 35px; min-width: 84px; padding: 5px 5px 0 !important; white-space: nowrap; } .view-large-calender div.db-calender-month .staffindex1, .view-large-calender div.db-calender-month .staffindex7 { height: 43px; } .db-calender-month .staffindex1 span, .db-calender-month .staffindex7 span { width: 100%; display: block; } /* Calendar Day Number */ .fc-day-number { color: #a49f9a; } .calendarDiv { border-width: 1px; border-style: solid; border-color: #d2cdc8; background: #f1ece7; } /* Calendar Tooltip */ .app-tooltip { background: none repeat scroll 0 0 #fff; z-index: 99; color: #333333; font-size: 12px; left: 10%; top: 14%; line-height: 18px; padding: 15px; position: absolute; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); } .app-tooltip h2 { font-size: 18px; border-bottom: 1px solid #cccccc; padding-bottom: 5px; } .app-tooltip .white-arrow { background: url("/mopro/images/events/tooltip-btmArr.png") no-repeat scroll center bottom transparent; bottom: -12px; height: 12px; left: 160px; position: absolute; width: 21px; } .app-tooltip .white-arrowtop { background: url("/mopro/images/events/tooltip-topArr.png") no-repeat scroll center bottom transparent; top: -12px; height: 12px; left: 160px; position: absolute; width: 21px; } .app-tooltip-width { width: 330px } .app-tooltip span { cursor: pointer !important; } .app-tooltip span.white-arrow { cursor: default !important; } /* Tooltip Form */ .app-tooltip .row { clear: both; padding: 14px 0; margin-bottom: 0 } .app-tooltip .row .colLeft, .app-form .row .colRight { float: left; text-align: left; } .app-tooltip .row .colLeft { width: 30%; padding-right: 26px; color: #999; font-size: 13px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); } .app-tooltip .row .colRight { width: 60%; text-align: left; float: right; } /* Event Popup */ .popup.eventCls .popup-block { max-width: 692px; } .popup-event-image { display: inline-block; *display:inline; *zoom:1; max-width: 40px; max-height: 39px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .popup-event-image img { width: 100%; height: auto; } .event-popup-title-block { margin: -10px 20px 0 20px; padding: 5px 40px 5px 0; border-bottom: 1px solid #c5c5c5; } .event-popup-title-block h3 { display: inline-block; *dispay:inline; } /* Venue Details */ .popup.eventCls .venue-details { position: relative; padding: 0 0 10px 110px; } .popup.eventCls .venue-details > span { position: absolute; left: 0; top: 0; font-weight: 900; } .popup.eventCls .venue-details > img, .popup.eventCls .venue-details > p, .popup.eventCls .popup-submit .icon-print { display: inline-block; *display:inline; *zoom:1; } .popup.eventCls .popup-submit .icon-print { vertical-align: middle; } .venue-description > span { font-weight: 900; } @media print { .popup.eventCls .popup-submit { display: none; } } /* ----------------------------------------------------- 3.X.4 Events - Blank Look ----------------------------------------------------- */ .no-events { padding: 80px 80px 80px 180px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } .no-events h2.icon-calendar:before { float: left; margin: 15px 20px 0 -100px; font-size: 80px; } .seghide { display: none !important; } /* ------------------------------------------------------------------------------------------ 3.X Extended Footer ------------------------------------------------------------------------------------------ */ .footerContainer { padding: 60px 0 40px 0; position: relative; } .footer-fixed.subnavContainer { position: fixed; bottom: 0; width: 100%; z-index: 2; } .parent-footer-fixed{ position: fixed; bottom: 0; width: 100%; z-index: 2; } /* ------------------------------------------------------------------------------------------ 3.X Facebook ------------------------------------------------------------------------------------------ */ .fb-likebox { width: 100%; background: #ffffff; border: none } /* ------------------------------------------------------------------------------------------ 3.X Featured Content Slider ------------------------------------------------------------------------------------------ */ /* --------- GENERAL ---------- */ .camera_wrap { display: none; position: relative; z-index: 0; width: 100% } .camera_wrap img { max-width: none } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1 } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1 } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100% } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100% } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0 } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0 } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2 } .camera_target_content .camera_link { display: block; height: 100%; text-decoration: none } .camera_loader { background: rgba(255, 255, 255, 0.9) url(/mopro/images/camera-loader.gif) no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3 } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3 } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100% } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4 } .camera_pie { display: none !important; } /*right align .camera_caption{bottom:0;display:block;position:absolute;width:25%;height:100%;right:0;color:#fff}*/ /*top align */ .camera_caption { top: 0; left: 50px; display: block; position: absolute; height: auto; width: 100% } .wideContainer .camera_caption { left: 0; } .camera_caption div { padding: 10px 20px; height: 100%; background: rgba(0, 0, 0, 0.8) } .camerarelative { overflow: hidden; position: relative } .imgFake { cursor: pointer } .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10 } .camera_prevThumbs div { background: url(/mopro/images/camera_skins.png) no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px } .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10 } .camera_nextThumbs div { background: url(/mopro/images/camera_skins.png) no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px } .camera_command_wrap { left: 0; position: relative; right: 0; z-index: 4 } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; } .camera_wrap .camera_pag .camera_pag_ul li { text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; background: #b7b7b7 } .camera_wrap .camera_pag .camera_pag_ul li span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 8px } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; background: #434648; cursor: default; } .camera_pag_ul li img { display: none; position: absolute; border: 4px solid #e6e6e6; -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); box-shadow: 0 3px 6px rgba(0,0,0,.5) } .camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; border-top-color: #e6e6e6 } .camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2 } .camera_prev { left: 0 } .camera_prev span { background: url(/mopro/images/camera_skins.png) no-repeat 0 0; display: block; height: 40px; width: 40px } .camera_next { right: 0 } .camera_next span { background: url(/mopro/images/camera_skins.png) no-repeat -40px 0; display: block; height: 40px; width: 40px } .camera_commands { right: 41px } .camera_commands .camera_play { background: url(/mopro/images/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px } .camera_commands .camera_stop { background: url(/mopro/images/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px } .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100% } .camera_thumbs_cont div { float: left; width: 100% } .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative } .camera_thumbs_cont ul li { display: inline; padding: 0 4px } .camera_thumbs_cont ul li img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align: bottom; border-color: 1px solid #000 } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative } /*Options*/ .camera_pag { } .TopLeft { position: absolute; top: 0px; left: 15px } .TopRight { position: absolute; top: 0px; right: 15px } .TopCenter { position: absolute; text-align: center; top: 0; width: 100%; } .BottomLeft { position: absolute; bottom: 0px; left: 15px } .BottomRight { position: absolute; bottom: 0px; right: 15px } .BottomCenter { position: absolute; text-align: center; bottom: 0; width: 100%; } .camera_wrap .camera_pag.Numbers .camera_pag_ul li { background-color: transparent; top: 0; text-indent: 0; width: 14px } .camera_wrap .camera_pag.Numbers .camera_pag_ul li span { width: 20px; height: 20px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-align: center; padding: 0px; line-height: 20px; } .camera_wrap .Numbers .camera_pag_ul li:hover span { background: #fff } .camera_wrap .Numbers .camera_pag_ul li.cameracurrent span { background-color: #fff; } .camera_caption { z-index: 1; } .imgFake { position: relative; z-index: 2; width: 100% !important; height: 100% !important; } /* .Thumbnail .TopLeft {position:absolute;top:0px;left:0px} .Thumbnail .TopRight {position:absolute;top:0px;right:15px} .Thumbnail .TopCenter{position: absolute;text-align: center;top: 0;width: 100%;} .Thumbnail .BottomLeft{position:absolute;bottom:0px;left:0px} .Thumbnail .BottomRight{position:absolute;bottom:0px;right:15px} .Thumbnail .BottomCenter{position: absolute;text-align: center;bottom: 0;width: 100%;}*/ /* ------------------------------------------------------------------------------------------------*/ .camera_wrap { position: relative; } /* Caption */ .cameraContent .camera_caption { width: 50%; height: 100%; display: table; } .camera_target_content .camera_caption div { display: table-cell; vertical-align: middle; background: none } .camera_caption h3 { word-wrap: break-word; padding: 0 } .camera_fakehover .camera_caption p a { display: block; } .camera_caption p a.btn, .camera_caption p a.btn-primary { display: table; word-wrap: break-word; } /* Camera Arrows */ /* Previous */ .camera_wrap .camera_prev { width: 57px; height: 41px; display: block; } .camera_wrap .camera_prev span { width: 57px; height: 41px; background: url(/bru-burger/images/slider-arrows.png) left top no-repeat } /* Next */ .camera_wrap .camera_next { width: 57px; height: 41px; display: block } .camera_wrap .camera_next span { width: 57px; height: 41px; background: url(/bru-burger/images/slider-arrows.png) right top no-repeat } /* play & pause */ .camera_fakehover .camera_commands .camera_play, .camera_commands .camera_fakehover .camera_stop { background: url("https://x.mopro.com/mopro/images/slider-arrows.png") no-repeat; } .camera_amber_skin .camera_commands .camera_play, .camera_amber_skin .camera_commands .camera_stop { background: url("https://x.mopro.com/mopro/images/slider-arrows.png") no-repeat scroll transparent; display: block; height: 42px; width: 58px; } .camera_amber_skin .camera_commands .camera_play { background-position: 0px -42px; } .camera_amber_skin .camera_commands .camera_stop { background-position: -67px -42px; } /* Camera Commands */ .camera_fakehover .camera_commands { display: none; right: 50%; } /* Camera Pagination Dots --------------- */ /* Outer Container */ .camera_pag { position: relative; margin: 0 auto; } /* LI */ .camera_wrap .camera_pag .camera_pag_ul li { background: none; width: 16px; height: 16px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Span */ .camera_wrap .camera_pag .camera_pag_ul li span { display: block; width: 16px; height: 16px; background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Current Page */ .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span span { background: #434648; } /* Pagination Thumb */ .camera_pag li img { margin-left: 2px; max-width: 80px; height: auto; } /* IE10 Hack For Image Height - Initial Load -- Jimmy .imgLoaded{ height:auto !important; } */ /* Pagination Thumb Arrow */ .camera_pag li .thumb_arrow { margin-left: -4px } /* Camera Pagination Thumbnails ----------- */ .Thumbnail { position: relative; margin: 0 auto } /* Image */ .Thumbnail img { opacity: 1 !important } /* Current Image */ .Thumbnail .cameracurrent img { cursor: none; } /* Camera Pagination - Numbers ----------- */ .Numbers { } /* caption Override */ .span5 .camera_caption, .span4 .camera_caption, .span3 .camera_caption { width: 100% } /* ------- Wide Container Specific--------- */ /* Caption */ .wideContainer .cameraContents, .wideContainer .camera_pag { position: relative; width: 1170px; max-width: 100%; margin: 0 auto } .camera_caption p a { margin-top: 10px } #wideContainer .cameraContent { width: 1170px; margin: 0 auto; } /*layout 1 */ .mediaslider-layout-1 .cameraContent .camera_caption { width: 38%; height: auto; bottom: 0; top: auto; right: 0 !important; left: auto !important; display: block; } .mediaslider-layout-1 .camera_target_content .camera_caption { padding: 20px 70px 20px 20px; } /*layout 2 */ .mediaslider-layout-2 .cameraContent .camera_caption { width: 38%; height: auto; top: 8%; left: 10% !important } .mediaslider-layout-2 .camera_caption { background: #000; padding: 20px 20px 10px 20px; } .mediaslider-layout-2 .camera_caption p a { display: table; margin-top: 10px; } /* layout 3 */ .mediaslider-layout-3 .cameraContent .camera_caption { width: 350px; height: auto; top: 8%; left: 0; } .mediaslider-layout-3 .camera_target_content .camera_caption div { padding: 0; } /* ----------------------------------------------------- 3.X Footer Container ----------------------------------------------------- */ /* Footer */ .subnavContainer { padding: 20px 0; } .subnavContainer .span12 { min-height: 0; } .subnavContainer .subnav ul { list-style: none; margin: 0 } .subnavContainer .subnav li { float: left; margin: 0 10px; line-height: 17px; } .subnavContainer .subnav li.brand-static { margin: 0 } .subnavContainer .footer-social { float: left; padding-left: 20px; } .subnavContainer .footer-social a { display: inline-block; *display:inline; *zoom:1; margin: 0 1px; color: #a0c3dc; text-decoration: none; font-size: 28px; line-height: 22px; font-family: 'mopro-social-icons' !important; text-transform: lowercase !important; } .subnavContainer .footer-social a:hover { color: #3f3f3f; font-family: 'mopro-social-icons' !important; text-decoration: none !important; } .subnavContainer .footer-facebook:before { content: "a"; } .subnavContainer .footer-twitter:before { content: "i"; } .subnavContainer .footer-linkedin:before { content: "e"; } .subnavContainer .footer-youtube:before { content: "j"; } .subnavContainer .footer-flickr:before { content: "b"; } .subnavContainer .footer-pinterest:before { content: "h"; } .subnavContainer .footer-myspace:before { content: 'g'; } .subnavContainer .footer-googleplaces:before { content: "f"; } .subnavContainer .footer-googleplus:before { content: "c"; } .subnavContainer .footer-instagram:before { content: "d"; } .subnavContainer .footer-stumbleupon:before { content: "k"; } .subnavContainer .footer-tumblr:before { content: "l"; } .subnavContainer .footer-yelp:before { content: "m"; } .subnavContainer .footer-tripadvisor:before { content: "n"; } .subnavContainer .footer-houzz:before { content: "o"; } /* Footer */ .back-to-top { cursor: pointer; line-height: 17px; } /* Footer Layout 1 */ .footer-layout-1 .nav-footer { float: right; } /* Footer Layout 2*/ .footer-layout-2 .footer-social { float: right; } .footer-layout-2 .nav.pull-right { float: left; margin-left: 20px; } .footer-layout-2 .back-to-top { float: left; margin-left: 20px; } /* Footer layout 3 */ .footer-layout-3 .footerDivider{ height: 0px; margin: 0px; width:600px; border-bottom: 1px solid rgb(255,255,255); font-size: 1px; } .footer-layout-3{ height:500px; } .footer-layout-3 .nav-footer{ display:none; } .subnavContainer .subnav .footerNewPages{ margin-top:40px; margin-bottom:40px; } .subnavContainer .subnav .footerNewPages li{ margin:0 20px 0 0; text-transform:uppercase; } .subnavContainer .footer-layout-3 .footer-social{ float:none; padding-bottom:40px; padding-left:0; } .subnavContainer .footer-layout-3 .footer-social a{ margin-right:20px; } .subnav.footer-layout-3 h1{ font-size:28px; line-height:50px; } .subnavContainer .subnav.footer-layout-3 .moproWeb{ margin-left:0; } .subnavContainer .subnav.footer-layout-3 .footerNewAddress{ padding-bottom:20px; display:inline-table; min-width:250px; width: 25%; } .subnavContainer .subnav.footer-layout-3 .footerNewAddress li{ margin:0 !important; float:none; font-size:16px; line-height:30px; } .subnavContainer .subnav.footer-layout-3 .footerPageItemList li:first-child{ float:none; font-size:16px; padding-top:0; padding-bottom:10px; } .subnavContainer .subnav.footer-layout-3 .footerPageItemList li{ float:none; padding-top:10px; font-size:12px; } .subnavContainer .subnav.footer-layout-3 .footerPageItemList{ float:left; } .newScrollWrapper{ position:relative; } .newScrollToTop{ position: absolute; width: 30px; right: 0; color: #000; background-color: #fff; text-align: center; height: 50px; top: 0; font-family: initial; padding-top: 5px; line-height: 50px; font-size: 28px; font-weight: 300; transform: scale(1.5,1); cursor: pointer; } /* Footer layout 4 */ .footer-layout-4{ text-align:center; } .footer-layout-4 .footerNewAddress{ width:auto !important; display:inline-table; } .footer-layout-4 .brand-static{ text-align: center; width: 100%; } .footer-layout-4 .moproWeb{ text-align: center; width: 100%; } .footer-layout-4 .nav.nav-pills.pull-left{ text-align: center; width: 100%; } .footer-layout-4 .footerDivider{ height: 0px; margin: auto; width:600px; border-bottom: 1px solid rgb(255,255,255); font-size: 1px; } .footer-layout-4{ height:500px; } .footer-layout-4 .nav-footer{ display:none; } .subnavContainer .subnav .footerNewPages{ margin-top:40px; margin-bottom:40px; } .subnavContainer .subnav .footerNewPages li{ margin:0 20px 0 0; text-transform:uppercase; } .subnavContainer .footer-layout-4 .footer-social{ float:none; padding-bottom:40px; padding-left:0; text-align:center; } .subnavContainer .footer-layout-4 .footer-social a{ margin-right:20px; } .subnav.footer-layout-4 h1{ text-align:center; font-size:28px; line-height:50px; } .subnavContainer .subnav.footer-layout-4 .moproWeb{ margin-left:0; } .subnavContainer .subnav.footer-layout-4 .footerNewAddress{ padding-bottom:20px; display:inline-block; min-width:250px; width: 100%; text-align: center; } .subnavContainer .subnav.footer-layout-4 .footerNewAddress li{ margin:0 !important; float:none; font-size:16px; line-height:30px; } .subnavContainer .subnav.footer-layout-4 .footerPageItemList li:first-child{ float:none; font-size:16px; padding-top:0; padding-bottom:10px; } .subnavContainer .subnav.footer-layout-4 .footerPageItemList li{ float:none; padding-top:10px; font-size:12px; } .subnavContainer .subnav.footer-layout-4 .footerPageItemList{ display: inline-block; vertical-align: top; margin-top:10px; } .newScrollWrapper{ position:relative; } .footer-layout-4 .pageListWrapper{ text-align:center; } /* ------------------------------------------------------------------------------------------ 3.X Full Screen Background ------------------------------------------------------------------------------------------ */ #supersized { padding: 0; margin: 0; } #supersized a img { top: 0; /*removed important for center the image vertically option in Image Background module */ } #supersized a { cursor: default; } #supersized-loader { display: none !important; } /* ------------------------------------------------------------------------------------------ 3.X Gamification ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Gamification - Static Page ----------------------------------------------------- */ .my-profile { overflow: hidden; } /* Profile Header */ .my-profile-header { margin: 0 0 20px 0; position: relative; padding: 0 25% 15px 0; } .my-profile-header:before { content: " "; position: absolute; bottom: 0; left: -20px; width: 140%; border-bottom: 1px dashed #bebebe; } /* Gamification Points */ .gamification-points { position: absolute; top: 0; right: 0; font-size: 13px; } .gamification-points img { margin: 0 5px 0 0; display: inline-block; *display:inline; *zoom:1; vertical-align: top; max-width: 32px; border: 1px solid #bebebe; } .gamification-points p { display: inline-block; *display:inline; *zoom:1; vertical-align: top; line-height: 16px; } .gamification-points p span { display: block; } /* My Profile Avatar */ .my-profile-avatar { margin: 0 0 20px 0; max-width: 100%; height: auto; border: 4px solid #ffffff; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); } /* My Profile Additional Info */ .my-profile-additional-info { margin: 20px 0 0 0; padding: 20px 0; border-top: 1px solid #e2e2e3; } .my-profile-additional-info h6 { text-transform: uppercase; } /* My Profile Edit Button */ .my-profile-edit a { float: right; } /* My Profile Rewards */ .my-profile-rewards { position: relative; padding: 40px 0 0 0; } .my-profile-rewards-list { border-top: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; } .my-profile-rewards-list ul { margin-left: -20px; display: block; list-style: none; padding-top: 20px; } .my-profile-rewards-list li { margin: 0 0 20px 19px; display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 119px; overflow: hidden; text-align: center; } .my-profile-rewards-list li input[type="checkbox"] { display: none; } .my-profile-rewards-image { margin: 0 0 10px 0; width: 117px; height: 117px; overflow: hidden; border: 1px solid #cecece; -webkit-border-radius: 2px; border-radius: 2px; } .my-profile-rewards-image img { width: 100%; height: auto; } /* Current Rewards */ .my-profile-rewards-list .active .my-profile-rewards-image { border: 3px solid #70a6d8; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.5); box-shadow: 0 1px 5px 0 rgba(0,0,0,.5); } .advocacy-links { padding: 20px 0; } .advocacy-links ul { list-style: none; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px; } /* ----------------------------------------------------- 3.X.2 Gamification - Edit Page ----------------------------------------------------- */ .profile-birth-month, .profile-birth-day, .profile-birth-year { float: left; } .profile-birth-day, .profile-birth-year { margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } .profile-birth-month { width: 40.17094017094017%; *width: 40.11774868157847%; } .profile-birth-day { width: 23.076923076923077%; *width: 23.023731587561375%; } .profile-birth-year { width: 31.623931623931625%; *width: 31.570740134569924%; } .my-profile-info { position: relative; } .my-profile-info .span6 { margin-left: 0; *margin-left:0; padding-right: 2.564102564102564%; *padding-right: 2.5109110747408616%; } .my-profile-info #photoContainer1 img { width: 100%; height: auto; } .my-profile-info input[type="text"] { margin-bottom: 9px; } .my-profile-image-upload { margin-bottom: 20px; } .my-profile-save:before { content: " "; position: absolute; top: 0; left: -20px; width: 140%; border-top: 1px solid #e2e2e3; } .my-profile-save { position: relative; display: block; width: 100%; padding: 10px 0; clear: both; text-align: right; } .my-profile-save a { float: none; margin: 0 0 0 5px !important; display: inline-block; *display:inline; *zoom:1; } .my-profile-info ul li, .signin-block .text { position: relative; } .watermark-password { color: #B8B4B4; left: 10px; position: absolute; top: 25px; } .abs-dragImage { float: left; margin-top: 3px; padding: 10px; text-align: center; border: 1px dashed #cbcdcc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; } .adstafimgdrag { color: #999999; display: block; line-height: 1; } .adstafimgdrag:before { content: "\f0ee"; display: block; font-family: 'FontAwesome'; font-size: 30px; } .MB_UploadImagebtn { color: #0092DB; cursor: pointer; display: inline; margin-left: 5px; z-index: 1; line-height: 1; } .MB_UploadImagebtn input { width: auto; } .DragSpan h2 { font-size: 13px; } .DragSpan p { margin: 0; } .upload-list, .upload-list li { list-style: none; text-align: right; } input[type="text"].apperrorbox { background-color: rgba(222,183,178,0.3); background-color: #ebdcd4; *background-color:#ebdcd4; background-color: #ebdcd4\0/; *padding:4px 4px 2px 4px; color: #b94a48; line-height: 18px; border: 1px solid #eed3d7; } .dropZoneClass { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } /* ----------------------------------------------------- 3.X.3 Gamification - Points Center ----------------------------------------------------- */ .gamification-points-center-rules { margin: 30px 0 0 0; list-style: none; } .gamification-points-center-rules li { position: relative; padding: 5px 0 10px 86px; } .gamification-points-center-rules img { position: absolute; margin: 10px 10px 0 0; left: 0; max-width: 66px; } .gamification-points-center-list .icon-star:before { color: #fc9721; padding-right: 10px; } .gamification-points-center-list ul { padding: 20px 0 0 0; list-style: none; } .gamification-points-center-list li { position: relative; } .gamification-points-center-list ul h6 { position: absolute; width: 60px; } .gamification-points-center-list p { padding-left: 70px; } /* ----------------------------------------------------- 3.X.3 Gamification - Notification ----------------------------------------------------- */ .gamification-notification { position: relative; display: inline-block; *display:inline; *zoom:1; cursor: pointer; } .gamification-notification a { line-height: 28px !important; } .loginContainer a { cursor: pointer; } .gamification-notification .loginLink { float: none; display: inline-block; *display:inline; *zoom:1; } .gamification-notification .icon-globe { position: relative; margin-right: 6px; vertical-align: middle; } .gamification-notification .icon-globe { display: none; } .gamification-notification.gamification-active .icon-globe { display: inline-block; *display:inline; *zoom:1; vertical-align: middle; } .gamification-active .icon-globe:before { color: #fd9921; font-size: 18px; } .gamification-notification-tooltip { z-index: 2; position: absolute; right: -20px; top: 100%; margin-top: 12px; display: none; width: 413px; min-height: 112px; padding: 20px 20px 20px 90px; background: #f1ece8; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.1); box-shadow: 0 0 3px 0 rgba(0,0,0,.1); } .no-notifications .gamification-notification-tooltip { display: none; text-align: center !important; padding: 20px; } .gamification-notification .icon-globe:hover .gamification-notification-tooltip, .show-notification .gamification-notification-tooltip { display: block; } .gamification-notification-tooltip img { width: 50px !important; position: absolute; left: 20px; } .gamification-notification-tooltip:before { position: absolute; top: 0; right: 0; margin-top: -20px; content: "\f0d8"; display: block; width: 54px; height: 25px; padding: 5px 0 0 0; overflow: hidden; font-family: 'FontAwesome'; font-size: 28px !important; line-height: 20px !important; color: #f1ece8 !important; text-align: center !important; text-shadow: 0 0 3px rgba(0,0,0,.1); } .header-off-screen .gamification-notification-tooltip { position: fixed; top: 20px; left: 50%; width: 413px; margin-left: -206px; } .header-off-screen .gamification-notification-tooltip:before { display: none; } /* ------------------------------------------------------------------------------------------ 3.X Hero Module ------------------------------------------------------------------------------------------ */ .hero-layout-1.mod_hero, .hero-layout-1.mod_hero h1 { text-align: left; } .hero-layout-2.mod_hero, .hero-layout-2.mod_hero h1 { text-align: center; } /* ------------------------------------------------------------------------------------------ 3.X Infrastructure Map ------------------------------------------------------------------------------------------ */ .mod-infrastructure-map .mainContainer { position: relative; } /* Search Container */ .infrastructure-search-map { position: absolute; z-index: 3; top: 40px; right: 0; width: 299px; padding: 20px; background: #ffffff; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); } .infrastructure-search-map h6 { padding-bottom: 5px; } .input-block { padding-bottom: 20px; } .infrastructure-map .infoBox { background-image: none !important; } .infrastructure-map .infoBox img { z-index: 1; } /* Infrastructure Map Legend */ .infrastructure-map .legend p { font-size: 13px; margin: 0; } /* Infrastructure Custom Select */ .infrastructure-select .custom-text { position: relative; z-index: 2; height: 47px; padding: 8px 0; text-align: center; text-decoration: underline; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: none; background: transparent; filter: none; } .infrastructure-select .custom-select { position: relative; border: 1px solid #dedede; max-height: 52px; } .infrastructure-select .custom-select:before { content: "\f078"; position: absolute; z-index: 1; top: 0; right: 0; margin: 7px 10px 0 0; display: block; height: 27px \9; width: 22px; padding: 2px 0 0 0; font-family: 'FontAwesome'; text-align: center; font-size: 18px; text-decoration: none; color: #717171; } .infrastructure-select .custom-text:before { display: none; } .infrastructure-select .select-list { top: 47px !important; } /* Infrastructure Search Inputs */ .infrastructure-search-map .input-block input[type="text"] { margin-right: -60px; width: 99%; height: 47px; padding-right: 62px; line-height: 35px \0/; border: 1px solid #dedede; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .infrastructure-search-map .input-block .btn { margin: -10px 0 0 0; width: 57px; height: 47px; padding: 0 !important; color: #ffffff; border: 1px solid #e88a1b; background: #fc9721; text-align: center !important; } /* Infrastructure Pin Details */ .infrastructure-map { position: relative; } .infrastructure-map img { max-width: none; } .infrastructure-pin-details { position: absolute; top: 20%; left: 20%; width: 302px; padding: 20px; background: #ffffff; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); } .infrastructure-pin-details:before { content: " "; position: absolute; bottom: -19px; right: 10px; display: block; width: 34px; height: 19px; background: url(/mopro/images/bg-map-point.png) top left no-repeat; } .infrastructure-pin-details ul { list-style: none; } .infrastructure-pin-details li { padding: 3px 0; } .infrastructure-pin-details .local-address { padding: 15px 0; } /* Pin Details List */ .infrastructure-pin-details-list { margin: 0 0 0 -20px; width: 300px; height: 350px; overflow-y: auto; } .infrastructure-pin-details-list > ul > li { position: relative; padding: 20px 30px; border-bottom: 1px solid #d6d6d6; } .infrastructure-pin-collapse { display: none !important; } .expand .infrastructure-pin-collapse { display: block !important; } .btn-infrastructure-pin-details-list { position: absolute; top: 35%; right: 10px; text-decoration: none; font-family: Verdana; font-size: 22px; font-weight: bold; cursor: pointer; } .expand .btn-infrastructure-pin-details-list { top: 20px; } .btn-infrastructure-pin-details-list:before { content: '+'; display: block; width: 20px; height: 20px; text-align: center; } .expand .btn-infrastructure-pin-details-list:before { content: '-'; display: block; width: 20px; height: 20px; text-align: center; } /* Legend Icons */ .icon-heavy-traffic:before, .icon-moderate-traffic:before, .icon-single-point:before, .icon-multi-point:before { content: " "; margin: 0 9px 0 0; display: inline-block; *display:inline; *zoom:1; vertical-align: middle; width: 21px; height: 30px; background: url(/mopro/images/sprite-infrastructure.png); } .icon-heavy-traffic:before { background-position: 0 -81px; } .icon-moderate-traffic:before { background-position: -21px -81px; } .icon-single-point:before { margin: 0 16px 0 0; background-position: -30px -114px; } .icon-multi-point:before { background-position: 0 -114px; width: 27px; } /* Bridge Icons */ .icon-orange-bridge:before, .icon-red-bridge:before { content: " "; float: left; margin: 8px 8px 0 0; display: block; width: 39px; height: 22px; background: url(/mopro/images/sprite-infrastructure.png) left -23px; } .icon-red-bridge:before { background: url(/mopro/images/sprite-infrastructure.png) left top no-repeat; } /* Infrastructure Details */ .infrastructure-details { padding: 20px 0; } .infrastructure-details-source { margin-top: 20px; font-size: 11px; } .mod-infrastructure-map .overlay { position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 582px; background: #000000; opacity: 0.35; filter: alpha(opacity=35); } .mod-infrastructure-map .social-share-wrapper { margin-bottom: 0px !important; padding-bottom: 0px !important; } /* ------------------------------------------------------------------------------------------ 3.X Local List ------------------------------------------------------------------------------------------ */ .mod-local-list { position: relative; padding: 0 71px; overflow: hidden; } /* Previous / NExt Button */ .local-list-prev, .local-list-next { position: absolute; top: 0; z-index: 2; display: block; width: 71px; height: 200px; color: #f8981d; line-height: 200px; overflow: hidden; background: #f8981d; } .local-list-prev { left: 0; } .local-list-next { right: 0; } .slideshowborder { border-bottom: 1px; border-style: groove; } /* Arrows */ .local-list-prev:before, .local-list-next:before { position: absolute; z-index: 2; left: 33%; top: 50%; font-family: 'FontAwesome'; color: #ffffff; font-size: 28px; line-height: 0; } .local-list-prev:before { content: "\f053"; } .local-list-next:before { content: "\f054"; left: 40%; } .local-list-prev.disabled, .local-list-next.disabled { cursor: default; opacity: .5; } /* Local List */ .mod-local-list ul { position: relative; z-index: 1; display: block; height: 195px; width: 99999px; list-style: none; border-bottom: 1px solid #d6d6d6; } .mod-local-list li { display: inline-block; *display:inline; *zoom:1; width: 258px; height: 194px; vertical-align: top; padding: 20px; border-left: 1px solid #d6d6d6; line-height: 24px; } .infrastructure-map .infoBox img { z-index: 1; } .icon-pin { cursor: pointer; } .mod-local-list li .icon-pin { position: relative; padding-left: 25px; padding-bottom: 5px; width: auto; } .mod-local-list h5 { max-width: 220px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; background: none; } .icon-pin:before { content: " "; position: absolute; left: 0; top: 0; margin-top: -4px; display: block; width: 18px; height: 29px; background: url(/mopro/images/sprite-infrastructure.png) -23px -50px no-repeat; } .active .icon-pin:before, .cycle-slide-active .icon-pin:before { background: url(/mopro/images/sprite-infrastructure.png) -2px -50px no-repeat; } /* ------------------------------------------------------------------------------------------ 3.X Location Locator ------------------------------------------------------------------------------------------ */ .mod-location-locator-map .mainContainer { position: relative; } /* Search Container */ .location-locator-search-map { position: absolute; z-index: 2; top: 40px; right: 0; width: 299px; padding: 20px; background: #ffffff; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); } .location-locator-search-map h6 { padding-bottom: 5px; } .input-block { padding-bottom: 20px; } .location-locator-map .infoBox { background-image: none !important; } .location-locator-map .infoBox img { z-index: 1; } /* Infrastructure Map Legend */ .location-locator-map .legend p { font-size: 13px; margin: 0; } /* Infrastructure Custom Select */ .location-locator-select .custom-text { position: relative; z-index: 2; height: 47px; padding: 8px 0; text-align: center; text-decoration: underline; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: none; background: transparent; filter: none; } .location-locator-select .custom-select { position: relative; background: #f1ece7; border: 1px solid #dedede; } .location-locator-select .custom-select:before { content: "\f078"; position: absolute; z-index: 1; top: 0; right: 0; margin: 7px 10px 0 0; display: block; height: 27px \9; width: 22px; padding: 2px 0 0 0; font-family: 'FontAwesome'; text-align: center; font-size: 18px; text-decoration: none; } .location-locator-select .custom-text:before { display: none; } .location-locator-select .select-list { top: 47px !important; } /* Infrastructure Search Inputs */ .location-locator-search-map .input-block input[type="text"] { margin-right: -60px; width: 99%; height: 47px; padding-right: 62px; line-height: 35px \0/; border: 1px solid #dedede; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .location-locator-search-map .input-block .btn { margin: -10px 0 0 0; width: 57px; height: 47px; padding: 0 !important; color: #ffffff; border: 1px solid #444444; background: #575757; text-align: center !important; } /* Infrastructure Pin Details */ .location-locator-map { position: relative; } .location-locator-map img { max-width: none; } .location-locator-pin-details { position: absolute; top: 20%; left: 20%; width: 302px; padding: 20px; background: #ffffff; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); } .location-locator-pin-details:before { content: " "; position: absolute; bottom: -19px; right: 10px; display: block; width: 34px; height: 19px; background: url(/mopro/images/bg-map-point.png) top left no-repeat; } .location-locator-pin-details a, .location-locator-pin-details { color: #000000 !important; } .location-locator-pin-details ul { list-style: none; } .location-locator-pin-details li { padding: 3px 0; } .location-locator-pin-details .local-address { padding: 15px 0; } /* Pin Details List */ .location-locator-pin-details-list { margin: 0 0 0 -20px; width: 300px; height: 350px; overflow-y: auto; } .location-locator-pin-details-list > ul > li { position: relative; padding: 20px 30px; border-bottom: 1px solid #d6d6d6; } .location-locator-pin-collapse { display: none !important; } .expand .location-locator-pin-collapse { display: block !important; } .btn-location-locator-pin-details-list { position: absolute; top: 35%; right: 10px; text-decoration: none; font-family: Verdana; font-size: 22px; font-weight: bold; cursor: pointer; } .expand .btn-location-locator-pin-details-list { top: 20px; } .btn-location-locator-pin-details-list:before { content: '+'; display: block; width: 20px; height: 20px; text-align: center; } .expand .btn-location-locator-pin-details-list:before { content: '-'; display: block; width: 20px; height: 20px; text-align: center; } .mod-location-locator-map .icon-single-point:before { margin: 0 16px 0 0; background: url(/moprosuite/v13/create/_static2/_css/_images/marker-gmaps.png) no-repeat; } .mod-location-locator-map .icon-multi-point:before { background-position: 0 -114px; width: 27px; background: url(/moprosuite/v13/create/_static2/_css/_images/_m1.png) no-repeat; background-size: 100%; } /* Infrastructure Details */ .location-locator-details { padding: 20px 0; } .location-locator-details-source { margin-top: 20px; font-size: 11px; } .mod-location-locator-map .overlay { position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 582px; background: #000000; opacity: 0.35; filter: alpha(opacity=35); } .mod-location-locator-map .social-share-wrapper { margin-bottom: 0px !important; padding-bottom: 0px !important; } /* ------------------------------------------------------------------------------------------ 3.X Local List ------------------------------------------------------------------------------------------ */ .mod-location-locator-list { position: relative; padding: 0 71px; overflow: hidden; z-index: 1; } /* Previous / NExt Button */ .location-locator-list-prev, .location-locator-list-next { position: absolute; top: 0; margin: 0 !important; z-index: 2; display: block; width: 71px; height: 194px; color: #f8981d; line-height: 200px; overflow: hidden; background: #575757; } .location-locator-list-prev { left: 0; } .location-locator-list-next { right: 0; } /* Arrows */ .location-locator-list-prev:before, .location-locator-list-next:before { position: absolute; z-index: 2; left: 33%; top: 50%; font-family: 'FontAwesome'; color: #ffffff; font-size: 28px; line-height: 0; } .location-locator-list-prev:before { content: "\f053"; } .location-locator-list-next:before { content: "\f054"; left: 40%; } .location-locator-list-prev.disabled, .location-locator-list-next.disabled { cursor: default; opacity: .5; } /* Local List */ .locator-one { width: 258px !important; } .locator-two { width: 516px !important; } .locator-three { width: 774px !important; } .locator-four { width: 1032px !important; } .mod-location-locator-list ul { position: relative; z-index: 1; display: block; height: 195px; width: 99999px; list-style: none; } .mod-location-locator-list li { display: inline-block; *display:inline; *zoom:1; width: 258px; height: 194px; vertical-align: top; padding: 20px; border-left: 1px solid #d6d6d6; line-height: 24px; } .mod-location-locator-list li .icon-pin { position: relative; padding-left: 25px; padding-bottom: 5px; width: auto; } .mod-location-locator-list li .loc-type, .mod-local-list li .loc-type { position: relative; padding-left: 25px; width: auto; } .mod-location-locator-list .icon-pin:before { content: " "; position: absolute; left: 0; top: 0; margin-top: -4px; display: block; width: 20px; height: 34px; background: url(/moprosuite/v13/create/_static2/_css/_images/marker-gmaps.png) -29px 0 no-repeat; } .mod-location-locator-list .active .icon-pin:before, .mod-location-locator-list .cycle-slide-active .icon-pin:before { background: url(/moprosuite/v13/create/_static2/_css/_images/marker-gmaps.png) 0 0 no-repeat; } /* ------------------------------------------------------------------------------------------ 3.X Office List ------------------------------------------------------------------------------------------ */ .offices-list li { list-style: none; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; margin-bottom: 30px; width: 23.076923076923077%; *width: 23.023731587561375% } .offices-list li.start-row { margin-left: 0; *margin-left:0; clear: left; } .offices-list li.end-row { clear: right; } /* ------------------------------------------------------------------------------------------ 3.X Image Module ------------------------------------------------------------------------------------------ */ /* #modImage .image-wrapper .aligntop {top:0;bottom:auto;} #modImage .image-wrapper .alignbottom {top:auto;bottom:0;} #modImage .image-wrapper .aligncenter {top:48%;bottom:auto;} */ .mod-photo img.uncheckimg { width: auto; display: block; margin: auto; } /* layout 1 */ .image-layout-1.mod-photo .hover { top: auto; bottom: 0; height: auto; opacity: 1; filter: alpha(opacity=100); } .mod-photo img { cursor: pointer; } .image-layout-1.mod-photo .image-wrapper .caption { text-align: left } /* layout 2 */ .image-layout-2.mod-photo .hover { opacity: 1; filter: alpha(opacity=100); position: relative; background: none; padding: 20px 0 } .image-layout-2.mod-photo .image-wrapper .caption { text-align: left } /* layout 3*/ .image-layout-3 .image-wrapper .aligntop .caption p { display: table-cell; vertical-align: top; } .image-layout-3 .image-wrapper .aligncenter .caption p { display: table-cell; vertical-align: middle; } .image-layout-3 .image-wrapper .alignbottom .caption p { display: table-cell; vertical-align: bottom; } .caption.right { text-align: right !important; } .caption.left { text-align: left !important; } .caption.center { text-align: center !important; } /* layout 4 */ .image-layout-4 .image-wrapper .aligntop .caption p { display: table-cell; vertical-align: top; } .image-layout-4 .image-wrapper .aligncenter .caption p { display: table-cell; vertical-align: middle; } .image-layout-4 .image-wrapper .alignbottom .caption p { display: table-cell; vertical-align: bottom; } /*.image-layout-4.mod-photo .aligntop.hover { top:0; bottom:auto; height:auto; opacity: 1; filter: alpha(opacity=100); background:none; } .image-layout-4.mod-photo .image-wrapper .justifyright .caption { text-align:right; } .image-layout-4.mod-photo .aligncenter.hover { top:0; bottom:0; height:auto; opacity: 1; filter: alpha(opacity=100); background:none; } .image-layout-4.mod-photo .image-wrapper .justifycenter .caption { text-align:center; } .image-layout-4.mod-photo .hover.alignbottom { top:auto; bottom:0; height:auto; opacity: 1; filter: alpha(opacity=100); background:none; } .image-layout-4.mod-photo .image-wrapper .justifyleft .caption { text-align:left; } */ .pin-it-icon { position: absolute; top: 10px; left: 10px; display: none; } .image-wrapper:hover .pin-it-icon { display: block; } .img-pin:hover .pin-it-icon { display: block; } .mod-photo .img-pin { position: relative; } .image-layout-4 .textcenter { position: absolute; width: 100%; text-align: center; top: 50%; } /* ------------------------------------------------------------------------------------------ 3.X Item Catalog ------------------------------------------------------------------------------------------ */ .mod_catalogue .productImage { height: 360px; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; max-width: 100% } .mod_catalogue .productImage a { display: inline-block; max-height: 360px; overflow: hidden; } .mod_catalogue { margin-bottom: 40px; } .mod_catalogue .productImage img { width: auto; max-width: 100%; } .mod_catalogue .item-product-title { padding-top: 10px; } .mod_catalogue h3 { padding: 0 } .mod_catalogue h3 del, .ProductInfo h3 del, .ShipReviewPrice del, .edit-order-content del { opacity: .4; -ms-opacity: 4; } .mod_catalogue .btn-small { width: auto; margin-top: 20px; padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .SearchQuery { position: relative; margin-bottom: 15px } .SearchQuery input { width: 175px; padding-right: 28px; } .SearchQuery .clearsearch { position: absolute; right: 25px; top: 5px; font-family: 'FontAwesome'; width: 27px; height: 17px; padding-left: 10px; overflow: hidden; font-size: 18px; color: #dddddd; line-height: 1; cursor: pointer; -webkit-transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -ms-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .SearchQuery .clearsearch:before { content: "\f057"; display: block; width: 17px; height: 17px; } .SearchQuery .clearsearch:hover { color: #aaaaaa; } .item-catalog-title { border-bottom: 1px solid #dddddd; margin-bottom: 20px } .mod-catalog-menu { margin-bottom: 20px; } .popup-inside-block.popup-menucat-block ul, .ProductDescriptionWrap ul { padding: 5px 0 5px 33px; } .popup-inside-block.popup-menucat-block .custom-select ul, .ProductDescriptionWrap .custom-select ul { padding: 0; } .popup-inside-block.popup-menucat-block ol, .ProductDescriptionWrap ol { padding: 5px 0 5px 38px; } .popup-inside-block.popup-menucat-block p { padding: 0px; } .item-menu-cat-display.item-display p, .popup-block.small-popup.visible p, .ProductDescriptionWrap p { margin: 0; } .originalPrice { text-decoration: line-through; } .CommentSection .fb_iframe_widget { width: 100% !important; } .CommentSection .fb_iframe_widget span, .CommentSection .fb_iframe_widget iframe { position: relative !important; display: block !important; width: 100% !important; } /* New Item Catalog */ .item-catalog { margin-top: -60px; list-style: none; } .item-catalog-list li { margin-bottom: 20px; } .item-catalog del { text-decoration: line-through; opacity: .7; -ms-opacity: .7; filter: alpha(opacity=70); } .item-catalog-photo a { display: block; } /* New Item Catalog Menu View */ .item-catalog-menu li { position: relative; float: left; width: 50%; padding: 5px 10px; border-bottom: 1px solid #555555; cursor: pointer; } .item-catalog-menu h4 { float: left; } .item-catalog-price { float: right; } .item-catalog-price p { display: inline-block; } /* ------------------------------------------------------------------------------------------ 3.X Item Profile ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Item Profile - Slideshow ----------------------------------------------------- */ #ctl00_divBotBar .row { margin-bottom: 20px } .ip-bighimgwrap { height: auto; margin-bottom: 20px; min-height: 200px; max-height: 500px; text-align: center; overflow: hidden; } .ip-bighimgwrap img { max-height: 500px; text-align: center; max-width: 100%; } .ip-bighimgwrap iframe { height: 300px; } .ip-imgwrap { position: relative; display: inline-block; height: 100px; width: 100px; margin-right: 8px; margin-left: 8px; } .ip-imgwrap .item-image, .img_itemThumb { width: 102px; height: auto; } .ip-imgwrap .img_itemThumb { max-width: 100%; height: 100%; margin: 0px; } /* ----------------------------------------------------- 3.X.2 Item Profile - Slideshow ----------------------------------------------------- */ .dummyCls select { width: auto; min-width: 200px; margin-bottom: 20px; } .ProductInfo > hr { margin-top: 30px; } .ProductInfo > hr:first-child { margin-top: 0; } .image_carousel { width: 388px; margin: 0 auto; height: 135px; position: relative; padding: 15px 40px; } .caroufredsel_wrapper { display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: auto; height: 150px !important; margin: 0px; overflow: hidden; } .caroufredsel_wrapper .img_itemThumb { width: 102px; padding: 3px 10px; cursor: pointer; vertical-align: top; } a.prev, a.next, a.play, a.pause { background: url(/store/images/iparrows.png) 0 0 no-repeat transparent; width: 20px; height: 30px; display: block; position: absolute; cursor: pointer; text-indent: -99999px } .image_carousel a.prev { top: 48%; left: 0 } .image_carousel a.next { top: 48%; right: 0; background-position: -38px 0; } .image_carousel a.hidden { background: none; cursor: default } /* Product Details */ .ProductInfo { margin-bottom: 15px; padding-top: 50px } .ProductInfo br { display: none } .ProductInfo .SKU, .ProductInfo .SKUNum { display: none } .ProductInfo #varaitionsDiv h6, .ProductInfo .dummyCls h6 { margin-top: 10px; } .dummyCls select { width: auto; min-width: 200px; margin-bottom: 20px; } /* Product Description */ /* Hide unused elements */ .location h4, .DescText { display: none; } .tabbed-area .DescText { display: block; } .ProductDescriptionWrap .ip-tabswrap { display: inline-block; width: 100% } .tabbed-area { margin: 0 0 20px; } .group:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .tabbed-area div div, .tabs li a h3 { font-size: 14px; } .ip-tabswrap .tabs { list-style: none; margin-left: 0 } .ip-tabswrap .tabs h3 { padding: 0 } .ProductDescriptionWrap .tabs { display: none; } /* Social Share */ .SocialShare .mod_itemprofileshare div { display: block; width: 54px; height: 30px; background: url(/social/images/sprite-social-share.png) 0 0 no-repeat; float: left; margin-right: 5px; cursor: pointer } .SocialShare .mod_itemprofileshare:after { content: ""; clear: both; display: block } .SocialShare .mod_itemprofileshare .tweetBtn { background-position: -63px -5px; width: 58px; height: 21px; margin-top: 5px; } .SocialShare .mod_itemprofileshare .mailBtn { background-position: -189px -1px; width: 66px } /* email popup */ .IP_InnerDiv { max-width: 640px; } .popup-abs .popup-block { max-width: 620px } .emailafriend-left { width: 255px; float: left; margin-right: 20px; } .email-aFriend-img .thumbnail img { width: 100% } .emailafriend-right { width: 300px; float: left; } .emailafriend-right .form-checkout { padding: 0 } .IP_InnerDiv .popupContainer .popupContent { padding: 15px } .emailafriend-right .form-checkout .control-100 { width: 100% } .emailafriend-right .form-checkout input[type="text"], .emailafriend-right .form-checkout textarea { width: 100% } .Email_ErrorMsg_Txt { color: #b94a48 } /* Social Comment .CommentSection .fb_iframe_widget, .CommentSection .fb_iframe_widget .fb_ltr{ width: 100% !important } */ /* popup cart container */ .cart-hover-container .popupContainer { border: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ffffff; bottom: 100%; top: auto; } .cart-hover-container .popupContainer .arrow-up { display: block!important; border: 8px solid; border-color: transparent transparent #EEE transparent; position: absolute; top: -16px; right: 10px } .cart-hover-container .popup-cart-header h4 { padding: 15px } .cart-hover-container .popup-cart-header { border-bottom: 1px solid #ddd; margin-bottom: 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .cart-hover-container .no-item-in-cart { padding: 0 10px } .cart-hover-container .popupContainer .popupContent { padding: 0 15px 15px } .shippingReviewImg { padding: 0; border: none; margin-right: 15px; margin-bottom: 7px; width: 80px; background:none; } .shippingReviewImg img { max-width: 100%; } .popupReviewCart { border-bottom: 1px solid #ddd } .checkoutPrice, .checkoutPrice1 { float: right; } .checkoutPrice h3, .checkoutPrice1 h3 { font-size: 14px; line-height: 22px } .popupReviewCart .form-checkout { padding: 0; } .popupReviewCart .form-checkout .control-100 { width: 100% } .popupReviewCart .form-checkout .control-label-checkout { display: inline-block; vertical-align: middle; margin-right: 10px; } .popupReviewCart .form-checkout select { display: inline-block; vertical-align: middle; /*width: 65px;*/ width: 55px; } .shippingReviewCon { padding-left: 0px; } .shippingReviewCon p { margin: 0; } .viewMoreLink { padding: 0 15px; background: #fff } .popupSubtotal { padding: 15px; text-align: right; background: #fff } .cart-hover-container h4, .cart-hover-container h2, .cart-hover-container h5 { font-style: normal; font-size: 16px; } .cart-hover-container p { font-size: 13px; } .cart-hover-container .popupFooter { padding: 10px 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .cart-hover-container .popupFooter:after { content: ""; clear: both; display: block; } .cart-hover-container .popupFooter .popup-continue-shopping { display: inline-block; margin-top: 10px; cursor: pointer; font-size: 14px !important; } .cart-hover-container .checkout-btn { font-size: 14px !important; } .popupFooter .checkout-btn, .popupFooter .checkout-btn:hover { float: right; line-height: 20px; padding: 11px 19px; font-size: 17.5px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } /* Your shaopping cart */ .ShoppingCart_View .shippingHr { background: none } .ShoppingCart_View .popupContent { padding: 0; background: none; } /* Checkout popup */ .shop-dialog-overlay { position: fixed; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 10001; bottom: 0; left: 0; right: 0; top: 0; background: #000; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; } .ui-dialog .ui-dialog-content.ui-widget-content { background: #fff; } /* Shopping cart */ #ctl00_ctl01_ctl00_shippingDiv .form-checkout select { margin-bottom: 10px } #ModuleMainForm .spanPad-no-bottom, #ctl00_ctl01_ctl00_shippingOptionDiv .spanPad-no-bottom { margin: 0; padding: 20px 0 20px 0; } #ModuleMainForm .spanPad-no-bottom .checkoutTitle, #ctl00_ctl01_ctl00_shippingOptionDiv .spanPad-no-bottom .checkoutTitle { font-size: 18px; margin: 0; font-weight: bolder; } #ModuleMainForm .spanPad-no-bottom select, #ctl00_ctl01_ctl00_shippingOptionDiv .spanPad-no-bottom select { width: 36.5%; } /* ------------------------------------------------------------------------------------------ 3.X Links Module ------------------------------------------------------------------------------------------ */ .mod_links { display: table } .mod_links ul { list-style: none; margin: 0 } .mod_links li { float: left; margin-right: 15px; } /* ------------------------------------------------------------------------------------------ 3.X Map Module ------------------------------------------------------------------------------------------ */ .map { width: 100%; height: 250px; } .map img { max-width: none !important; } /* Layout 1 */ .location-layout-1 .map { margin-bottom: 20px; } .location-layout-1 address { display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 33%; *width:29.9%; min-width: 270px; padding-top: 1%; padding-bottom: 1%; padding-right: 2.564102564102564%; *padding-right: 2.5109110747408616%; } /* Layout 2 */ .location-layout-2 .map { float: left; width: 65.81196581196582%; *width: 65.75877432260411%; } .location-layout-2 address { float: left; margin-left: 2.127659574468085%; width: 31.623931623931625%; *width: 31.570740134569924%; } /* ------------------------------------------------------------------------------------------ 3.X Menu Catalog ------------------------------------------------------------------------------------------ */ .menu-new-catlog h3 { width: auto; display: inline-block; } .menu-new-outwrap { width: 95%; display: inline-block; overflow: hidden; position: relative; } .menu-border { display: inline-block; width: 100%; position: absolute; background: #363636; height: 1px; margin-top: 21px; } .category-collapsed .menu-iconn { background-position: 0 -56px; } .menu-iconn { background: url("/moprosuite/v13/create/_static2/_css/_images/menu-arrow-drop.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 40px; position: absolute; right: -16px; width: 48px; } .item-list-wrap { width: 100%; overflow: hidden; } .item-list { margin: 0; list-style: none; } .item-list li:nth-child(odd) { float: left; } .item-list li:nth-child(even) { float: right; margin-right: 0; } .list-info { position: relative; float: left; margin: 2px 2px 0 0; display: inline-block; *display:inline; zoom: 1; width: 49.6%; *width:46.5%; padding: 10px; cursor: pointer; } .list-info a { cursor: pointer; } .item-display-info { padding: 0 0 10px 0; } .item-desc { padding-bottom: 10px; } .item-desc b { font-weight: 700; } .item-desc ul li, .item-desc ol li { display: list-item; } .item-desc ul { list-style: disc outside none; padding: 10px 0 10px 29px; } .item-desc ol { list-style: decimal outside none; padding: 10px 0 10px 36px; } .list-info:hover { *z-index:10; } .list-info span { float: right; } .list-info:hover .item-details { display: block; *z-index:1; background: #f7f7f7; } .span4 .list-info { display: block; width: 100%; margin-right: 0; } .span3 .list-info { display: block; width: 100%; margin-right: 0; } .span2 .list-info { display: block; width: 100%; margin-right: 0; } .span5 .list-info, .span4 .list-info, .span3 .list-info { width: 100%; } .totalcontainer { padding: 20px 0 15px 73px; border-bottom: solid 1px #dddddd; } .totalcontainer p { *float:left; display: inline-block; *display:inline; zoom: 1; *clear:right; } a.menucatlog-desc { margin-bottom: 10px; display: inline-block; *display:inline; zoom: 1; cursor: pointer; } .totalcontainer span { float: right; display: inline-block; *display: inline; zoom: 1; } .variationcontainer h4 { padding-bottom: 5px; } .variation-list { margin: 0; list-style-type: none; } .variation-list li { margin: 0px 0px 15px 0px; display: inline-block; width: 32%; vertical-align: top; } .variation-list input { position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); } .item-details { position: absolute; z-index: 4; top: 35px; left: 30px; display: none; width: 85%; max-width: 350px; background: #ffffff; *border:solid 1px #dddddd; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); cursor: default; } .item-name { padding: 14px 20px; *padding:14px 20px 33px 20px; background: #f5f5f5; } .item-name p { display: inline-block; *display:inline; zoom: 1; max-width: 80%; color: #333333; } .item-name span { float: right; color: #333333; } .item-display { padding: 20px; } .item-display .flexslider { margin: 0px; } .item-display .flexslider .slides { margin: 0 auto; width: 80%; text-align: center; } .item-display .flexslider .slides img { margin: 0 auto 10px auto; width: auto; max-width: 100%; max-height: 200px; } .item-display .flexslider:hover .flex-prev { left: -4px; } .item-display .flexslider:hover .flex-next { right: -4px; } .item-display p { margin-bottom: 18px; } .item-display li { display: inline-block; *display: inline; zoom: 1; } .checklabel:before { content: ""; display: inline-block; *display: inline; zoom: 1; width: 25px; height: 17px; background: url('/common/images/radio-button.png') 0 2px no-repeat; cursor: pointer; } .checklabel:hover:before { background-position: 0px -18px; } .menu-variations-addons { margin-bottom: 20px; max-height: 400px; padding: 20px 20px 10px 20px; background: #ffffff; border: 1px solid #dddddd; overflow-y: auto; } /* Menu Addons */ .menu-addons { border-top: solid 1px #DDDDDD; padding-top: 10px; } .menu-addons .checkbox-block { position: relative; padding-left: 25px; } .menu-addons .checkbox-block label:before { position: absolute; left: 0; } .add-quantity select { max-width: 150px; } .add-quantity .custom-select { display: inline-block; min-width: 100px; } .add-quantity { margin-bottom: 18px; *display:block; *height: 64px; *overflow: hidden; } .add-quantity select { min-width: 14%; } .items { margin: 20px 0; clear: both; } .item-title { position: relative; padding: 0 0 10px 0; border-bottom: solid 1px #dddddd; cursor: pointer; } .categoryTitleCls:before { content: "\f056"; font-family: 'FontAwesome'; position: absolute; right: 0; } .categoryTitleCls.category-collapsed:before { content: "\f055"; } .categoryTitleCls.category-expanded:before { content: "\f056"; } .servicecatalog .item-title { cursor: pointer; } .no-orderinfo .list-info { cursor: default; } .items .categoryContantCls .items .item-title { cursor: default; } .item-price { float: right; } .prod-name { display: inline-block; *display:inline; zoom: 1; max-width: 70%; } .prod-name:hover { text-decoration: none; } .orderCls { margin: 0 auto; width: 80%; height: auto; text-align: center; } .orderCls img { max-width: 100%; } .popup .add-itempopup { max-width: 600px; } .add-itempopup p { margin-bottom: 18px; } .add-itempopup .popup-title-block { margin-bottom: 5px; } .add-itempopup p { margin-bottom: 18px; } .textarea-block { margin-bottom: 10px; } .flexslider .slides > li { list-style: none; display: none; } .flexslider .flex-direction-nav { display: none; } .flexslider .flex-direction-nav .flex-prev { left: -4px; } .flexslider .flex-direction-nav .flex-next { right: -4px; } .popup-menucatalog .popup-submit { padding-top: 0; } .popup-menucatalog .add-quantity { margin-bottom: 0; } .productDesc_Detail { padding: 0 0 15px 0; } .popup-menucatalog .popup-title-block p { margin-bottom: -5px; } .popup-title-block del { opacity: .4; -ms-opacity: 4; } /* ------------------------------------------------------------------------------------------ 3.X Mail Chimp ------------------------------------------------------------------------------------------ */ .mail-chimp-mod { position: relative; padding-bottom: 20px; margin-bottom: 30px } .mail-chimp-mod input { width: 64%; display: block; float: left; margin-right: 2%; } .mail-chimp-btn { width: 34%; } .mail-chimp-error { position: absolute; bottom: 0; display: block } /*layout 2*/ .menutiles .item-title { border-bottom: none; } .menutiles .item-title h3 { margin-right: 15px; } .menutiles .categoryTitleCls:before { top: 8px; } .menutiles .categoryTitleCls.category-collapsed:before { } .cat-name h6 { font-size: 24px; color: #000000; margin-bottom: 20px; } .product-content h6 { font-size: 15px; color: #363636; padding: 15px 0px; } .cat-content { position: relative; } .product-overlay .overlay { position: absolute; } .product-overlay { height: 100%; position: absolute; top: 0; width: 100%; } .cat-content ul li { list-style-type: none; position: relative; width: 270px; margin-bottom: 25px; } .cat-content ul li:nth-child(2n) { float: left; } .product-content { padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; } .product { border: 1px solid #cccccc; } .product .product-overlay .order-btn { position: absolute; z-index: 10; } .order-btn { background: #ed1c24; padding: 10px 25px; color: #ffffff; font-size: 18px; left: 50%; margin-left: -74px; margin-top: -20px; top: 50%; text-align: center; cursor: pointer; } .product-header img { width: 100%; max-height: 175px; } .variation-text { margin-top: 5px; } .span6 .cat-content ul li { margin-right: 15px; } .span7 .cat-content ul li { margin-right: 25px; } .span8 .cat-content ul li { width: 240px; margin-right: 15px; } .span5 .cat-content ul li { width: 220px; margin-right: 15px; } .span9 .cat-content ul li { margin-right: 10px; } .span10 .cat-content ul li { margin-right: 30px; } .span12 .cat-content ul li { margin-right: 22px; } /* popup layout 2*/ .popup-block { padding: 15px; } .popup-menucatalog h3 { color: #000000; font-size: 24px; margin-bottom: 20px; } .productDesc_Detail { font-size: 14px; color: #363636; width: 420px; } a.menucatlog-desc { cursor: pointer; display: inline-block; margin-bottom: 15px; margin-top: 10px; } .add-quantity label { float: left; color: #000000; font-size: 18px; line-height: 30px; margin-right: 10px; } .submit-inner .btn-link { background: #959595; color: #ffffff; font-size: 18px; padding: 15px; text-decoration: none; border: none; text-transform: uppercase; } .submit-inner .btn-primary { background: #ed1c24; color: #ffffff; font-size: 18px; padding: 15px; border: none; text-transform: uppercase; } .popup-menucatalog .modal-btn-right{ margin-top:5px; } .popup-menucatalog .btn{ font-size: 14px; padding: 6px; } #divOrderItemsList { border: 1px solid #cccccc; } #divOrderItemsList .padBg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } /* ------------------------------------------------------------------------------------------ 3.X News ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 News - General ----------------------------------------------------- */ /* news Header */ .news-header h1 { display: inline-block; *display:inline; padding-right: 20px; } /* News Search */ .news-header .input-block input[type="text"] { display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 155px; height: 35px; padding-top: 10px \0/; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .news-header .input-block input[type="button"] { margin: 0 0 0 -5px !important; display: inline-block; *display:inline; *zoom:1; vertical-align: top; height: 35px; padding-top: 8px !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 19px !important; } /* ----------------------------------------------------- 3.X.2 News - List view ----------------------------------------------------- */ /* news List */ .news-list { list-style: none; border-top: 1px solid #d0d0d0; } .news-list > li { position: relative; min-height: 114px; border-bottom: 1px solid #d0d0d0; } .news-list > li.active { background: #f8f8f8; } .news-title { position: relative; padding: 10px 20px 10px 132px; min-height: 113px; } .news-title h3 { display: table-cell; vertical-align: middle; height: 93px; } .news-title h3 a { color: #bcbcbc; font-size: 30px; text-decoration: none; } /* news Date */ .news-date { position: absolute; top: 0; left: 0; width: 113px; height: 113px; padding: 15px 0; font-size: 16px; color: #bcbcbc; text-align: center; text-transform: uppercase; background: #f1ece7; } .news-day { padding: 5px 0; font-size: 51px; color: #626262; font-weight: 700; } /* news Pagination */ .news-pagination, .search-pagination { font-size: 17px; padding: 10px 0 0 0; text-align: right; } .page-number { cursor: pointer; text-decoration: underline; padding: 0 2px; } .page-number.selected { cursor: default; text-decoration: none; font-weight: 900; } /* ----------------------------------------------------- 3.X.3 News - Single Post View ----------------------------------------------------- */ .news-photo { margin-bottom: 20px; } .news-downloads { border-top: 1px solid #d0d0d0; padding: 20px 0 0 0; } .news-downloads ul { list-style: none; margin: 0; } .news-post .news-downloads ul { margin: 0; } /* ----------------------------------------------------- 3.X.4 News - Blank Look ----------------------------------------------------- */ .no-news { padding: 80px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } /* ----------------------------------------------------- 3.X.4 News - TagsFNew Eng ----------------------------------------------------- */ .tag-items li { list-style: none; } .tag-items li a { display: block; cursor: pointer; } /* ----------------------------------------------------- 3.X Open Table - Used to override Open Table when embedded in embed module ----------------------------------------------------- */ #OT_form, #OT_form .OT_wrapper, #OT_form .OT_list, #OT_form h1, #OT_form h2, .OT_ExtLink, #OT_wrapper select { width: 100% !important } #OT_form h1 { line-height: 30px !important } .opentable-layout-1 #OT_searchWrapper h2 { display: none; } .opentable-layout-1 #OT_defList { background: #f6f6f3; display: inline-block; width: 86%; border: 1px solid #42382c; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .opentable-layout-1 .open-tab { border-right: 1px solid #42382c; float: left; height: 50px; padding: 10px 5px; width: 200px; } .opentable-layout-1 .tab-btn { border-right: none; padding: 13px 37px; } .opentable-layout-1 .open-tab dt { float: left; line-height: 26px; text-align: right; width: 45%; } .opentable-layout-1 .open-tab dd { float: left; width: 48%; } .opentable-layout-1 #OT_date #dateDisplay { display: none; } .opentable-layout-2 #OT_searchWrapper h2 { display: none; } .opentable-layout-2 #OT_defList { background: #f6f6f3; display: inline-block; width: 20%; min-width: 215px; border: 1px solid #42382c; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .opentable-layout-2 .open-tab { border-right: none; float: left; height: 50px; padding: 10px 5px; width: 100%; border-bottom: 1px solid #42382c; } .opentable-layout-2 .open-tab dt { float: left; line-height: 26px; text-align: right; width: 45%; } .opentable-layout-2 .tab-btn { padding: 13px 37px; } .opentable-layout-2 .open-tab dd { float: left; width: 48%; } .opentable-layout-2 #OT_date #dateDisplay { display: none; } #OT_defList select, #OT_date input { height: 30px; white-space: nowrap; } #OT_defList .item1 dt { width: 14%; float: left; height: 30px; } #OT_defList .item1 dd { width: 76%; } #OT_date #cal1 { background: #ffffff; position: absolute; z-index: 10; } .item1 dt { background: url("/moprosuite/v13/create/_static2/_css/_images/resturant-icon.png") no-repeat scroll 9px 6px rgba(0, 0, 0, 0); font-size: 0; text-indent: 0; } #OT_defList .item2 dt { width: 14%; float: left; height: 30px; } #OT_defList .item2 dd { width: 76%; } .item2 dt { background: url("/moprosuite/v13/create/_static2/_css/_images/people-icon.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0); background: url("/moprosuite/v13/create/_static2/_css/_images/people-icon.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0)\0/; font-size: 0; text-indent: 0; } #OT_defList .item3 dt { width: 14%; float: left; height: 30px; } #OT_defList .item3 dd { width: 76%; } .item3 dt { background: url("/moprosuite/v13/create/_static2/_css/_images/cal-icon.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0); background: url("/moprosuite/v13/create/_static2/_css/_images/cal-icon.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0)\0/; font-size: 0; text-indent: 0; } #OT_defList .item4 dt { width: 14%; float: left; height: 30px; } #OT_defList .item4 dd { width: 76%; } .item4 dt { background: url("/moprosuite/v13/create/_static2/_css/_images/time-icon.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0); background: url("/moprosuite/v13/create/_static2/_css/_images/time-icon.png") no-repeat scroll 6px 5px rgba(0, 0, 0, 0)\0/; font-size: 0; text-indent: 0; } .open-tab span { line-height: 30px; padding-left: 10px; } .span11 .opentable-layout-1 .open-tab, .span10 .opentable-layout-1 .open-tab, .span9 .opentable-layout-1 .open-tab, .span8 .opentable-layout-1 .open-tab, .span7 .opentable-layout-1 .open-tab, .span6 .opentable-layout-1 .open-tab, .span5 .opentable-layout-1 .open-tab, .span4 .opentable-layout-1 .open-tab, .span3 .opentable-layout-1 .open-tab, .span2 .opentable-layout-1 .open-tab { border-right: none; } .calendarAll table td { text-align: center; } #OT_submitWrap { width: 100%; margin: 0; padding: 0; text-align: center; } #OT_date #cal1 { border-top: 7px solid #363636; border-bottom: 7px solid #363636; } .span12 .opentable-layout-1 #OT_defList { width: 100%; } .span12 .opentable-layout-1 .open-tab { width: 20%; } /* ------------------------------------------------------------------------------------------ 3.X Order Information. ------------------------------------------------------------------------------------------ */ .order-info h3 { padding-bottom: 9px; border-bottom: solid 1px #ddd; } .order-info ol { margin: 0; list-style-type: none; } .order-category { padding: 20px 0 20px 40px; border-bottom: solid 1px #ddd; clear: both; } .categorybox { margin-bottom: 6px; } .categorybox label { margin-bottom: 0px; } .categorybox label.field { cursor: default } .categorybox .alert { margin-left: -40px; } .place-order .btn { width: 100%; *width:86%; text-align: center; } .place-order p { text-align: center; padding: 10px 0 0 0; color: #888888; } .place-order-btnwrap { position: relative; width: 100%; } .order-overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background: #F7F7F7; } .order-infolist { position: relative; } .order-infolist .custom-select, .order-infolist select { position: absolute; width: 64px; } /* Disabled Order */ .order-infolist-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; } .order-infolist-disabled .order-action a:first-child:hover { cursor: default; text-decoration: none; } .order-infolist-disabled .custom-select .custom-text { cursor: default; } .order-infolist-disabled .custom-select .select-list { display: none !important; } /* Promo Code */ .promo-code { position: relative; border-bottom: 1px solid #dddddd; font-size: 14px; padding-bottom: 10px; } /* Promo code total */ .totalcontainer .promo-code { border-bottom: 0; } .totalcontainer .promo-code div { display: inline-block; *display:inline; *zoom:1; } .totalcontainer .promo-code div p { float: none; vertical-align: top; } .totalcontainer .promo-code p { float: right; } .promo-code .close { float: none; display: inline-block; *display:inline; *zoom:1; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; vertical-align: middle; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding-top: 0px; margin-top: -3px; } .promo-code .close:before { display: block; content: "\f00d"; font-family: 'FontAwesome'; font-size: 12px; text-indent: 0; } .promo-code h4.h4mBottom, .promo-code-added h4 { display: inline-block; *display:inline; *zoom: 1; padding: 4px 5px 4px 0; border-bottom: 0; font-weight: normal; margin: 0; border-bottom: 0; } .totalcontainer .promo-code h4.h4mBottom, .promo-code-added h4 { font-size: 14px; line-height: 1; } .promo-code-added div, .promo-code-added p { display: inline-block; *display:inline; *zoom:1; } .promo-code-added p { float: right; } .promo-code-added div p { float: none; vertical-align: top; } #txtCouponCode { display: inline-block; *display:inline; *zoom: 1; width: 100%; } #btnApplyCoupon { right: 0; display: inline-block; *display:inline; *zoom:1; width: auto; vertical-align: top; } /* ------------------------------------------------------------------------------------------ 3.X Order Information Pop Up ------------------------------------------------------------------------------------------ */ .popup-menucatalog .popup-block { max-width: 746px; } #divSuggetionPopupWrap { padding: 0 20px 20px 20px; } .multiple-address-block { margin-top: 15px; margin-bottom: 20px; display: inline-block; *display:inline; zoom: 1; width: 100%; } .match-address { display: inline-block; *display:inline; zoom: 1; width: 37%; vertical-align: top; } .match-map { float: right; display: inline-block; *display:inline; zoom: 1; width: 60%; height: 300px; min-height: 190px; border: solid 1px #ddd; vertical-align: top; } .match-map img { background-color: transparent; max-width: none; } .add-itempopup .popup-inside-block { padding: 20px; } #ctl00_divMap img { background-color: transparent } .address-confirm { width: 100%; padding: 20px; text-align: center; border: solid 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff; } .address-confirm p a { color: #333333; text-decoration: underline; cursor: pointer; } .address-block { margin-bottom: 20px; padding: 20px; border: 1px solid #dddddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #ffffff; } .address-block h3 { color: #333333; } .address-block h6 { color: #333333; } .address-block span { color: #333333; } .address-block address { margin-bottom: 14px; } .help-err { color: #b94a48; } .mapmarker-wrap { margin-top: 8px; } .mapmarker { margin-right: 10px; display: inline-block; *display:inline; zoom: 1; width: 20%; vertical-align: top; } .mapmarker img { background-color: transparent; padding: 0; max-width: 100%; } .mapaddress-wrap { display: inline-block; *display:inline; zoom: 1; width: 70%; } .num-item { display: inline-block; *display:inline; zoom: 1; width: 15%; } .order-discription { margin-left: 6px; display: inline-block; *display:inline; zoom: 1; width: 100%; padding: 6px 0 0 73px; } .order-discription .prod-rate p { width: 63%; } .order-infolist { padding: 20px 0; border-bottom: solid 1px #dddddd; *overflow:hidden; } .prod-rate p { display: inline-block; *display:inline; zoom: 1; } .prod-rate span { display: inline-block; *display:inline; zoom: 1; float: right; } .om-strikeoff { text-decoration: line-through; } .order-action label { margin: 0 5px; display: inline-block; *display:inline; zoom: 1; width: 1px; height: 10px; border-right: solid 1px #dddddd; } .order-note { padding: 16px 28%; text-align: center; border-bottom: solid 1px #dddddd; } .order-note a { cursor: text; } .order-note a:hover { text-decoration: none; } .checkinput { position: absolute; z-index: -1; opacity: 0; } .checklabel.activecheck:before { background-position: 0px -18px; ; } .activecheck:hover:before { background-position: 0px -18px; } .order-address { margin-bottom: 6px; padding-left: 33px; width: 100%; } .order-address .btn-link, .order-address .btn-link.disabled:hover, .order-address .btn-link.disabled:active { margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; filter: none; } .order-address .btn-link:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; filter: none; } .order-address .btn-link:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none; } .order-notification { padding-bottom: 0 !important; } .order-notification label { display: inline; } /* ------------------------------------------------------------------------------------------ 3.X Photo Gallery ------------------------------------------------------------------------------------------ */ #fancybox-thumbs { display: none !important; } .divImageGalleryNormal { margin-bottom: 20px; } .divImageGalleryNormal .media-grid { float: left; margin-bottom: 2.564102564102564%; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; padding: 0px; -webkit-transition-timing-function: linear, ease-in; -moz-transition-timing-function: linear, ease-in; -o-transition-timing-function: linear, ease-in; transition-timing-function: linear, ease-in; -webkit-transition-duration: .25s, .25s; -moz-transition-duration: .25s, .25s; -o-transition-property: .25s, .25s; transition-property: .25s, .25s; } .divImageGalleryNormal .media-grid a { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%; /* 16/9 ratio */ overflow: hidden; text-decoration: none; cursor: pointer; } /* Thumbnail Aspect Ratio */ .divImageGalleryNormal.gallery-rectangle-thumbnail .media-grid a { padding-bottom: 56.25%; /* 16/9 ratio */ } .divImageGalleryNormal.gallery-square-thumbnail .media-grid a { padding-bottom: 100%; } .divImageGalleryNormal .media-grid a img { position: absolute; left: 0; z-index: 1; width: 100%; height: auto; border: 0 !important; } /* Photo Gallery Caption ------------------------------------- */ .divImageGalleryNormal .gallery-image-caption { position: absolute; z-index: 2; display: none\9; width: 100%; padding: 1% 15px; opacity: 0; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#90000000', endColorstr='#90000000'); -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } /* Hover For Caption Fade In --------------------------------- */ .divImageGalleryNormal .media-grid a:hover .gallery-image-caption { opacity: 1; display: block\9; } /* Centers Text in the caption and changes the color --------- */ .divImageGalleryNormal .gallery-image-caption p, .divImageGalleryNormal .gallery-image-caption span { margin: 0; text-align: center; color: #ffffff; } /* Layouts -------------------------------------------------- */ .gallery-layout-1 .gallery-image-caption { height: 100%; } .divImageGalleryNormal.gallery-layout-2 .gallery-image-caption { bottom: 0; opacity: 1; display: block\9; } /* Gallery Thumbnail Rows ---------------------------------- */ .divImageGalleryNormal .media-grid.row-start { margin-left: 0; clear: left; } .divImageGalleryNormal .media-grid.row-end { clear: right; } /* 2 per row */ .divImageGalleryNormal.item-per-row-2 .media-grid { width: 48.717948717948715%; *width: 48.664757228587014%; } /* 3 per row */ .divImageGalleryNormal.item-per-row-3 .media-grid { width: 31.623931623931625%; *width: 31.570740134569924%; } /* 4 per row */ .divImageGalleryNormal.item-per-row-4 .media-grid { width: 23.076923076923077%; *width: 23.023731587561375%; } /* 5 per row */ .divImageGalleryNormal.item-per-row-5 .media-grid { width: 17.94%; *width: 17.89%; } /* 6 per row */ .divImageGalleryNormal.item-per-row-6 .media-grid { width: 14.53%; *width: 14.48%; } /* 7 per row */ .divImageGalleryNormal.item-per-row-7 .media-grid { width: 12.07%; *width: 12.02%; } /* 8 per row */ .divImageGalleryNormal.item-per-row-8 .media-grid { width: 10.25%; *width: 10.20%; } /* 9 per row */ .divImageGalleryNormal.item-per-row-9 .media-grid { width: 8.83%; *width: 8.78%; } /* 10 per row */ .divImageGalleryNormal.item-per-row-10 .media-grid { width: 7.69%; *width: 7.64%; } /* 11 per row */ .divImageGalleryNormal.item-per-row-11 .media-grid { width: 6.76%; *width: 6.71%; } /* 12 per row */ .divImageGalleryNormal.item-per-row-12 .media-grid { width: 5.98%; *width: 5.93%; } /* Photo Gallery Pager Links --------------------------------- */ .divImageGalleryNormal .pager { width: 100%; text-align: center; margin: 0 auto 20px auto; } .divImageGalleryNormal .pager li { display: inline-block; *display:inline; *zoom:1; } /* ------------------------------------------------------------------------------------------ 3.X Photo Module ------------------------------------------------------------------------------------------ */ .mod-photo .image-wrapper { position: relative; } .mod-photo .image-wrapper { display: block; width: 100%; } .mod-photo .image-wrapper .caption p { display: table-cell; vertical-align: middle; } .mod-photo img { width: 100% } .mod-photo .hover { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; padding: 20px; vertical-align: middle; text-align: center; background: rgba(0,0,0,0.80); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000'); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .image-layout-4.mod-photo .outwrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; vertical-align: middle; text-align: center; } .mod-photo .image-wrapper:hover .hover { opacity: 1; filter: alpha(opacity=100); } .mod-photo .image-wrapper .caption { display: table; height: 100%; text-align: center; width: 100%; } /* ------------------------------------------------------------------------------------------ 3.X Purchase History ------------------------------------------------------------------------------------------ ----------------------------------------------------- 3.X.1 Purchase History - Sign In ----------------------------------------------------- */ .span9.wrap-signin, .span6.wrap-signin, .span5.wrap-signin { float: none; margin: 0 auto; } .purchase-sign-in { margin-bottom: 20px; } .wrap-signin .alert { text-align: center } .wrap-signin h2 { padding-bottom: 30px; text-align: center; text-transform: uppercase; } .container .row:first-child .purchase-sign-in .row.signin-block { border: none } .signin-block h3 { text-align: center; } #divCreateAccountSection { padding-left: 2.564102564102564%; *padding-left: 2.5109110747408616%; border-left: 1px solid #e8e8e8; } .inputbox { width: 100% } .forgetpassword { padding: 10px 0 20px; text-align: center; } .forgetpassword a { cursor: pointer; } .signin-block .signin, .signin-block .signin:hover, .signin-block .signin:active, .signin-block .signin:focus { display: table; margin-left: auto !important; margin-right: auto !important; } .btn.create, .btn.create:hover, .btn.create:active, .btn.create:focus { display: table; width: auto; margin: 10px auto 0 auto; margin-left: auto !important; margin-right: auto !important; } .wrap-signin label { text-align: left; cursor: default } .signin-block .input.text .error, .error-m { margin-bottom: 10px; display: block } .signin-block .input.text .show { display: block } .PH_AccCreateMsg { text-align: center; padding-bottom: 10px } /* ----------------------------------------------------- 3.X.2 Purchase History - Password Reset ----------------------------------------------------- */ .span5.wrap-signin h2 { padding-bottom: 10px; } .span5.wrap-signin { text-align: center; } .span5.wrap-signin .signin-info { margin-bottom: 20px; } .btn.continue { margin: 10px auto 0 auto; display: table; width: auto; } /* ----------------------------------------------------- 3.X.3 Purchase History - Your Orders ----------------------------------------------------- */ .search .watermark { color: #ccc } .ph-my-account { overflow: hidden; } .ph-account-navigation { margin-bottom: 20px; } .ph-booking-history { margin-left: 0px; margin-bottom: 20px; } .ph-my-account-container { position: relative; } .ph-my-account-container #ol, .purchase-sign-in #ol { top: 48%; left: 48%; } .ph-my-account-container a { cursor: pointer; } /* left panel */ .lp-menu { margin-left: 0; list-style: none; } .lp-menu a { text-transform: uppercase } .ph-booking-history .lp-menu a { text-transform: none } .panel-2 h2 { margin-bottom: 15px; text-align: center; text-transform: uppercase; } .search { position: relative; margin: 0 0 10px 0; width: 140px; } .search input { padding-right: 20px; background: #fff url(/store/images/search-icon.png) center right no-repeat; } #PHdivOrders ul, .return-block-n, .return-block-n ul { list-style: none; margin: 0 } .table-menu { padding: 0 0 20px 0; } .table-menu .table-link li { float: left; margin-right: 15px } .table-menu .table-link li.last-child:before { content: "|"; margin-right: 15px; } .table-menu .table-link li.last-child { margin-right: 0 } .table-menu .row label.table-link { width: auto } /* Order Filter CSS */ .ph-order-filter { position: relative; } .ph-order-filter-select { display: inline-block; } .ph-order-filter-select .custom-select .custom-text, .ph-order-filter-select .custom-select.disable span.custom-text:hover { display: inline-block; *display:inline; *zoom:1; width: auto !important; padding-right: 35px; } .ph-order-filter label { display: inline-block; *display:inline; zoom: 1; padding: 4px 0 0 0; cursor: text } .ph-inactive { background: none repeat scroll 0 0 #e6e6e6; display: inline-block; line-height: 20px; margin-left: 1px; padding: 10px; vertical-align: top; opacity: 0.5 !important; filter: alpha(opacity=50); } .contanier_order.procs { margin-bottom: 15px; border: 1px solid #dddddd; } .add-cont .contanier_order.procs { margin-bottom: 0; border-bottom: 0; } .contanier_order.procs.row { margin-bottom: 0; } .contanier_order .row, .contanier_order.row { padding: 10px 10px; border-bottom: 1px solid #dddddd; } .contanier_order .leftnavCls { display: block; width: 100%; padding-top: 15px; text-align: right; } .add-cont .statuslist { list-style: none; margin: 0 } .ord-spaceCls .statuslist li.pull-left { margin-right: 4px } .add-cont .cont-l-n { padding: 5px 10px; border-bottom: 1px solid #dddddd; } .return-block-n .row { border: none; border-top: 1px solid #ddddddd; border-bottom: 1px solid #dddddd; } .return-block-n img { max-width: 100%; } .ord-itemname { border-bottom: 1px solid #999; padding-bottom: 1px; margin-bottom: 5px; } .return-block-n .ord-symname p { text-align: right; } .selectBox-dropdown { position: relative; float: left; display: inline-block; *display:inline; zoom: 1; height: 24px; padding: 3px 10px; color: #1E1E1E; outline: none; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.09), 0px 2px 0px rgba(255,255,255,0.10); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.09), 0px 2px 0px rgba(255,255,255,0.10); box-shadow: 0px 1px 1px rgba(0,0,0,0.09), 0px 2px 0px rgba(255,255,255,0.10); background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #b9b9b9 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #b9b9b9)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #ffffff 0%, #b9b9b9 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #ffffff 0%, #b9b9b9 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #ffffff 0%, #b9b9b9 100%); /* IE10 */ background: linear-gradient(to bottom, #ffffff 0%, #b9b9b9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9b9', GradientType=0 ); /* IE6-9 */ cursor: pointer; } /* Empty list */ .contanier_order .orderinfo-block, .panel-2 .orderinfo-block { text-align: center; padding-top: 30px; } .contanier_order .orderinfo-block h4, .panel-2 .orderinfo-block h4 { text-transform: uppercase } .print { text-decoration: none; float: right; text-align: left; margin: -40px 0px 20px 0px; cursor: pointer } .print:hover { text-decoration: underline; } .statuslist { padding: 0 0 5px 0; } .statuslist.statuslist-total { position: relative; padding: 5px 0 0 0; } .statuslist.statuslist-total:before { content: ""; border-bottom: 1px dashed #000000; width: 40%; position: absolute; top: 0; } /* ----------------------------------------------------- 3.X.4 Purchase History - Contact Seller ----------------------------------------------------- */ .ph-contact-seller { text-align: right; } .ph-contact-seller .wrap-contact-seller { text-align: left; } .original-order { display: inline-block; *display:inline; *zoom:1; padding: 0 5px 0 0; vertical-align: middle; } .ph-contact-seller .btn { vertical-align: middle; } .wrap-contact-seller .row { margin-bottom: 5px; } /* Title */ .contact-title h2 { text-align: center; } /* Back button */ .contact-title .btn { position: absolute; } /* Alert */ .wrap-contact-seller .alert p { margin: 0; } /* Message to Seller */ .message-to-seller textarea { width: 100%; } .form-success { text-align: center; } .ph-contact-seller-success { text-align: center; } /* ----------------------------------------------------- 3.X.5 Purchase History - Account Settings ----------------------------------------------------- */ #AccountSettingsBlock .checkbox-block1 { margin-top: -20px; min-height: 20px; } .checkbox-block1 .check_box { margin-top: 5px; margin-top: 0 \9; } .confirm-popup-cms .popup-block { position: absolute; top: 50%; margin-top: -295px; left: 50%; margin-left: -105px; } /* ----------------------------------------------------- 3.X.6 Purchase History - Returns and Cancellations ----------------------------------------------------- */ /* Returns and cancelations */ #PHdivHistory h1, #PHdivHistory h2, #PHdivHistory h3 { padding-bottom: 0 } #PHdivHistory .panel2_h2pd { padding-bottom: 0 } .placedinfo { padding-right: 5px; } #PHdivHistory .row-20 label.returncanc { width: auto; margin-right: 10px; margin-top: 4px; } #ctl02_divPHCanRetRepeater .contanier_order.procs .row .pull-right .btn.invoice { margin-top: 16px } #ctl02_divPHCanRetRepeater .contanier_order.procs .row .pull-right .orginal-order { margin-top: 20px; margin-right: 10px; } #ctl02_divPHCanRetRepeater .add-cont .statuslist li { float: none } #ctl02_divPHCanRetRepeater .return-block-n { border-bottom: 1px solid #dddddd; } #ctl02_divPHCanRetRepeater .return-block-n li { width: 100% } #ctl02_divPHCanRetRepeater .ord-itemname { padding-bottom: 10px; padding-top: 2px } #ctl02_divPHCanRetRepeater .add-cont .calc-cnt { padding: 10px; border-bottom: 1px solid #ddd; } #ctl02_divPHCanRetRepeater .return-block-n .positioninfo { margin-bottom: 2px; } /* Order Stauts Text */ .order-status { text-align: right; } .cancelreturnblock, .cancelreturnblock ul { list-style: none; } .cancelorderinfo { padding: 10px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .cancelreturnblock .ph-return-item { border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .ph-return-item-details { padding: 10px; } .ph-return-image { position: relative; padding-left: 25px; } .ph-return-checkbox { position: absolute; top: 0; left: 0; } .seller-linkblock { padding: 20px 0 0 0; } .seller-linkblock a { margin-left: 5px; } .quantity-info { display: block; } .ph-return-reason { padding: 10px; border-top: 1px solid #dddddd; } .info-disc { padding: 10px; } a.return-orders { text-align: center; } /* ------------------------------------------------------------------------------------------ 3.X.7 Purchase History - Booking History ------------------------------------------------------------------------------------------ */ .ph-my-account-container .bookingHistoryContainer{font-size:14px;} .bookingHistoryContainer .all-days .custom-select{width: 130px!important;} .bookingHistoryContainer .book-type .custom-select{width: 110px!important;} .bookingHistoryContainer .bookingtyplecls{cursor:pointer;} .bookingHistoryContainer .active{cursor:default} .bookingHistoryContainer .blankresult{margin-left: 75px;} .retrivePass{cursor:pointer; color:#08c;} .cancelBooking{width:150px;float: left;text-align: left;margin:10px 0px 0px 40px;height:35px;} .cancelDone{ float: left;width: 35px;cursor:pointer;margin:15px 0 0 5px;color: #08c;} .bookingHistoryContainer .booingBlanView a{padding:15px;margin-top: 0;} .heading-left{width:70%;} .booking-search{width:230px;} .booking-search input{ background:url("/store/images/search-icon.png") no-repeat scroll 8px 9px #fff;padding:8px 10px 8px 25px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;box-shadow:0px 1px 0px rgba(255,255,255,0.75),0px 4px 4px rgba(0,0,0,0.06) inset;-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.75),0px 4px 4px rgba(0,0,0,0.06) inset;-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.75),0px 4px 4px rgba(0,0,0,0.06) inset;} .text-bold{padding-right: 10px;margin-right: 10px;border-right:1px solid #333333;} .all-days .active{font-weight:700;} .all-days{width:293px;} .all-days label,.book-type label{font-weight:700;margin:5px 5px 0px 0px} .book-type{width:185px;} .book-type .custom-select{width:100px;} .all-days .custom-select{width:120px;} .all-book-wrap{margin-top:20px;height:50px;} .service-wrap{border:1px solid #000000; width: 100%;} .service-left-wrap{width:340px;} .text-only-bold{font-weight:700;} .service-inn-wrap{padding:10px;width:100%;border-bottom:1px solid #000000;} .service-left-width{width:100%;} .inner-right-width{width:30%;} .btm-service-left-width{width:360px;} .btm-book-staff-wrap{width:200px;} .cancel-book-wrap{width:280px;text-align: right;margin:5px 35px 0 0;} .borderleft{border-left:1px solid #a3a3a3;margin-left:10px;padding-left:10px;} .book-staff-wrap{width:465px;} .book-img-icon{width:60px;height:60px;background:#ffffff;margin-right:15px;} .book-img-icon img{width:100%;} .serv-head{width:65%;line-height: 25px;} .service-disc-wrap{width:87%;} .service-disc-price{float: right;line-height: 0;margin:-15px 0 0 0;} .serv-type{ margin-bottom: 7px;padding:7px 0px;border-bottom:1px solid #a9a9a9;border-top:1px solid #a9a9a9;} .serv-btm-desc span{margin-right:10px;padding-right:10px;border-right:1px solid #333333;} .noborder{border:none;} .topmargin{margin-top:25px;} .outcall-btm-desc span{margin-right: 10px;padding-right: 10px;} .outcall-btm-desc .out-btm-wrapper { border-top: 1px solid #a9a9a9; margin-top: 5px; padding-top: 5px; width: 100%; } .borderlr { border-right: 1px solid #333333; height: 25px; } .txt-center { text-align: center; } .txt-padding-right { padding-right: 10px; } .txt-padding-left { padding-left: 10px; } .txt-left { text-align: left; } .txt-right { text-align: right; } .booingBlanView { float: left; height: 500px; width: 100%; padding-top: 250px; } .booingBlanView span { float: left; text-align: center; padding-left: 250px; } .booingBlanView a { float: left; padding: 0; text-decoration: none; padding-left: 50px; color: #0088cc; } /* ------------------------------------------------------------------------------------------ 3.X Search ------------------------------------------------------------------------------------------ */ .no-results { padding: 20px 0 0 0; } .search-results { margin: 20px 0 0 0; border-top: 1px solid #dddddd; } .search-results li { padding: 15px; list-style: none; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; } .search-results .odd { background: #f8f8f8; } /* ------------------------------------------------------------------------------------------ 3.X Social Plugin ------------------------------------------------------------------------------------------ */ /* Main Container */ .subscription-block { margin: 0 0 30px 0 } /* UL */ .subscribtion-link { margin: 0; position: relative; margin-top: 10px; margin-left: 0; list-style: none } /* LI */ .subscribtion-link li { float: left; margin-left: 5px; margin-right: 5px } /* Anchor */ .subscribtion-link a { float: left; width: 30px; height: 38px; text-align: center; color: #d3d4cd; text-decoration: none; font-size: 38px; line-height: 38px; font-family: 'socialico' !important; display: block; overflow: hidden; } .subscribtion-link a:hover { color: #fff; text-decoration: none } /* Icons ------ */ /* RSS */ .v2sfacebook a:before { content: 'F'; } /* Twitter */ .v2stwitter a:before { content: 'L'; } /* Facebook */ .v2rss a:before { content: 'R'; } /* Tool Tip */ .v2tooltip-info { display: none; margin-top: 5px } .subscription-block li:hover .v2tooltip-info { font-size: 11px; text-transform: uppercase; display: block; position: absolute; padding: 8px; background: #eee; top: 36px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #000; margin-left: -44px; } .subscription-block li:hover .v2tooltip-info .tooltip-arrow { border: 8px solid; border-color: transparent transparent #eee transparent; position: absolute; top: -15px; left: 51px } /* ------------------------------------------------------------------------------------------ 3.X Spacer ------------------------------------------------------------------------------------------ */ .mod-padding { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------ 3.X Team ------------------------------------------------------------------------------------------ */ /* Probably a temp solution, will need to implement this as a layout in the long wrong */ .centerContainer .span12 .mod-social-share-buttons { float: right; margin-top: -40px; display: inline-block; *display:inline; *zoom:1; width: auto; padding: 5px 10px; background: #f1ece7; -webkit-box-shadow: inset 0 2px 3px 0 rgba(204,204,204,1); -moz-box-shadow: inset 0 2px 3px 0 rgba(204,204,204,1); box-shadow: inset 0 2px 3px 0 rgba(204,204,204,1); } .mod-social-share-buttons h3 { margin: 0; display: inline-block; *display:inline; *zoom:1; padding: 0; font-size: 16px; line-height: 16px; vertical-align: middle; } .mod-social-share-buttons .share-buttons { display: inline-block; *display:inline; *zoom:1; vertical-align: middle; } /* Social Share */ .btn-facebook-like, .btn-tweet, .btn-email, .btn-pin-it, .btn-print-pg { position: relative; z-index: 1; display: inline-block; *display:inline; *zoom:1; width: 54px; height: 30px; background: url(/mopro/images/sprite-social-share.png); background-repeat: no-repeat; cursor: pointer; text-indent: -999px; vertical-align: middle; overflow: hidden; } .btn-facebook-like { background-position: -2px -4px; height: 23px; } .btn-tweet { background-position: -63px -5px; width: 58px; height: 21px; } .btn-email { background-position: -189px -1px; width: 66px; } .btn-pin-it { background-position: -130px -1px; width: 49px; } .btn-print-pg { background-position: -264px -1px; width: 56px; } .mod-social-share-buttons .fb-like, .share-facebook .fb-like { vertical-align: middle; z-index: 1; overflow: hidden; } .mod-social-share-buttons .btn-facebook-like { height: 23px !important; width: 54px !important; display: inline-block !important; } /* ------------------------------------------------------------------------------------------ 3.X Team ------------------------------------------------------------------------------------------ */ .team-member { margin-bottom: 20px; } .team-photo img { cursor: default; } /* Team Members per row */ /* One per row*/ .item-per-row-1 .team-member { width: 100%; float: none; margin: 0 0 20px 0; } /* All but one per row */ [class*="item-per-row"] .team-member.row-start { margin-left: 0; *margin-left:0; clear: left; } [class*="item-per-row"] .team-member.row-end { clear: right; } .item-per-row-2 .team-member, .item-per-row-3 .team-member, .item-per-row-4 .team-member, .item-per-row-5 .team-member, .item-per-row-6 .team-member { float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } /* Two per row */ .item-per-row-2 .team-member { float: left; width: 48.717948717948715%; *width: 48.664757228587014%; } .item-per-row-3 .team-member { width: 31.623931623931625%; *width: 31.570740134569924%; } .item-per-row-4 .team-member { width: 23.076923076923077%; *width: 23.023731587561375%; } .item-per-row-5 .team-member { width: 17.43589743589744%; *width:17.48908892525914; } .item-per-row-6 .team-member { width: 14.52991452991453%; *width: 14.476723040552828%; } /* Layout 1 */ .team-layout-1 .team-photo { float: left; margin-right: 2.564102564102564%; *margin-right: 2.5109110747408616%; max-width: 40.17094017094017%; max-width: 40.11774868157847%; } /* Layout 2 */ .team-layout-2 .team-photo { float: right; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; margin-bottom: 20px; max-width: 40.17094017094017%; max-width: 40.11774868157847%; } .team-layout-2 .team-photo img { width: auto; max-height: 100%; } /* Layout 3 */ .team-layout-3 .team-member { position: relative; } .team-layout-3 .team-overlay { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; filter: alpha(opacity=0); text-align: center; color: #ffffff; background: rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .team-layout-3 .team-member:hover .team-overlay { opacity: 1; filter: alpha(opacity=100); } .team-layout-3 .testimonial-head { margin-top: 25%; } /* Layout 4 */ .team-layout-4 .team-photo { width: 100%; text-align: center; } .team-layout-4 .team-photo img { display: inline-block; *display:inline; *zoom:1; } .team-layout-4 .testimonial-head { text-align: center; } /* Layout 5 */ .team-layout-5 .team-photo { float: left; margin-right: 2.564102564102564%; *margin-right: 2.5109110747408616%; max-width: 40.17094017094017%; max-width: 40.11774868157847%; } .team-layout-5 .team-alt .team-photo { float: right; margin-right: 0; *margin-right:0; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } /* ------------------------------------------------------------------------------------------ 3.X Testimonials ------------------------------------------------------------------------------------------ */ .mod-testimonial li { list-style: none; } .testimonial-wrapper { margin-bottom: 20px; } .testimonial-img img { cursor: default; } /* Testimonials per row */ /* One per row*/ .item-per-row-1 .testimonials-list li { width: 100%; float: none; margin: 0; } /* All but one per row */ [class*="item-per-row"] .testimonials-list .row-start { margin-left: 0; *margin-left:0; clear: left; } [class*="item-per-row"] .testimonials-list .row-end { clear: right; } .item-per-row-2 .testimonials-list li, .item-per-row-3 .testimonials-list li, .item-per-row-4 .testimonials-list li, .item-per-row-5 .testimonials-list li, .item-per-row-6 .testimonials-list li { float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } /* Two per row */ .item-per-row-2 .testimonials-list li { float: left; width: 48.717948717948715%; *width: 48.664757228587014%; } .item-per-row-3 .testimonials-list li { width: 31.623931623931625%; *width: 31.570740134569924%; } .item-per-row-4 .testimonials-list li { width: 23.076923076923077%; *width: 23.023731587561375%; } .item-per-row-5 .testimonials-list li { width: 17.43589743589744%; *width:17.48908892525914; } .item-per-row-6 .testimonials-list li { width: 14.52991452991453%; *width: 14.476723040552828%; } /* Layout 1 */ .testimonials-layout-1 .testimonial-img { float: left; margin-right: 20px; } /* Layout 2 */ .testimonials-layout-2 .testimonial-img { float: left; margin-right: 20px; max-width: 50%; } /* Layout 3 */ .testimonials-layout-3 .testimonial-img { float: left; margin-right: 20px; width: 130px; height: 130px; overflow: hidden; } .testimonials-layout-3 .testimonial-img img { width: 100%; height: auto; } /* Layout 4 */ .testimonials-layout-4 .testimonial-wrapper { text-align: center; } .testimonials-layout-4 .testimonial-img { margin: 20px auto; width: 130px; height: 132px; overflow: hidden; } .testimonials-layout-4 .testimonial-img img { width: 100%; height: auto; } /* Layout 5 */ .testimonials-layout-5 .testimonial-wrapper { text-align: center; } .testimonials-layout-5 .testimonial-img { margin: 0 auto 20px auto; width: 130px; height: 130px; overflow: hidden; } .testimonials-layout-5 .testimonial-img img { width: 100%; height: auto; } .testimonials-layout-5 .testimonial-vcard { text-align: center; } /* Layout 6 */ .testimonials-layout-6 .testimonial-wrapper { margin: 10px 0; } .testimonials-layout-6 .testimonial-img, .testimonials-layout-6 h4, .testimonials-layout-6 h5 { display: none; } /* Layout 7 */ .testimonials-layout-7 .testimonial-wrapper:first-child { margin-left: 0; *margin-left:0; } .testimonials-layout-7 .testimonial-img { margin: 0 0 20px 0; width: 130px; height: 130px; overflow: hidden; } .testimonials-layout-7 .testimonial-img img { width: 100%; height: auto; } /* ------------------------------------------------------------------------------------------ 3.X Tumblr ------------------------------------------------------------------------------------------ */ .tumblr-post { margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid #E6E6E6; } .tumblr-post .caption { margin-top: 30px } .tumblr-post ul { list-style: none; margin: 0 0 30px 0 } /* tumbler video post */ .tumblr-post-video .player iframe { width: 100%; height: 486px } /* audio post */ .tumblr-post-audio .player iframe { width: 100%; } /* Chat Post */ .tumblr-post-chat .speaker { padding: 10px 16px } .tumblr-post-chat .user-0 { background: #f3fafc } .tumblr-post-chat .user-1 { background: #fff } .tumblr-post-chat .user-2 { background: #cff6fe } .tumblr-post-chat .user-3 { background: #c0f3fe } .tumblr-post-chat .user-4 { background: #adeffd } .tumblr-post-chat .user-5 { background: #99ebfc } /* Link Post */ .tumblr-post-link a { background: #f5f5f5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 15px 53px 15px 20px; position: relative; display: block; } .tumblr-post-link a:hover { background: #ddd; text-decoration: none } .tumblr-post-link a:after { content: ""; border: 10px solid; position: absolute; right: 10px; margin-top: -10px; top: 50%; border-color: transparent transparent transparent #7cd7ea; } .tumblr-post-link .description { margin-top: 30px } .tumblr-post-link .description a { background: none; padding: 0px; } .tumblr-post-link .description a:hover { background: none; text-decoration: underline } .tumblr-post-link .description a:after { border: none } .tumblr-post-link .description p img { margin-bottom: 20px; vertical-align: bottom; } /* Quote Post */ .tumblr-post-quote .quote:before { content: "\201C"; } .tumblr-post-quote .quote:after { content: "\201D"; } .tumblr-post-quote .quote { width: 100%; float: none; max-width: 1500px; font-size: 50px; letter-spacing: -2px; line-height: 48px; margin: 0 0 18px 0; } .tumblr-post-quote .source:before { content: "\2015"; padding-right: 5px; margin-left: 20px; margin-bottom: 20px } .tumblr-post-quote .source { margin-bottom: 20px } /* Photo post */ .tumblr-post-photo .photoset li { margin-bottom: 15px; } .tumblr-post-photo .photoset li img { width: 100%; } /* ------------------------------------------------------------------------------------------ 3.X Twitter ------------------------------------------------------------------------------------------ */ .centerContainer .mod-twitter .twtr-new-results, .centerContainer .mod-twitter .twtr-results-inner, .centerContainer .mod-twitter .twtr-timeline, .footerContainer .mod-twitter .twtr-new-results, .footerContainer .mod-twitter .twtr-results-inner, .footerContainer .mod-twitter .twtr-timeline { background: none !important } .centerContainer .mod-twitter .twtr-doc, .footerContainer .mod-twitter .twtr-doc { width: 100% !important; } .mod-twitter .twitter-timeline { min-width: 0 !important; } .centerContainer .mod-twitter .twtr-widget.twtr-widget-profile .twtr-doc, .footerContainer .mod-twitter .twtr-widget.twtr-widget-profile .twtr-doc { background-color: transparent !important } /* Hide Twitter Header */ .centerContainer .twtr-widget .twtr-hd, .footerContainer .twtr-widget .twtr-hd { display: none !important } /* Hide Twitter Footer */ .centerContainer .twtr-widget .twtr-ft, .footerContainer .twtr-widget .twtr-ft { display: none !important } .centerContainer .twtr-widget .twtr-doc .twtr-bd .twtr-timeline, .footerContainer .twtr-widget .twtr-doc .twtr-bd .twtr-timeline { background: none !important } /* tweets wrap */ .centerContainer .twtr-tweets, .footerContainer .twtr-tweets { height: auto !important } /* Twitter Tweet Padding */ .centerContainer .twtr-widget .twtr-tweet-wrap, .footerContainer .twtr-widget .twtr-tweet-wrap { padding: 4px 0 !important } /* Twitter Text Color */ .centerContainer .twtr-widget .twtr-tweet-text p, .footerContainer .twtr-widget .twtr-tweet-text p { color: #000 !important } /* Hide Twitter Time Stamp */ .centerContainer .twtr-widget .twtr-tweet-text p em, .footerContainer .twtr-widget .twtr-tweet-text p em { display: none !important } /* Avatar */ .centerContainer .twtr-avatar, .footerContainer .twtr-avatar { display: block !important; } .mod-twitter iframe { width: 100%; } /* ------------------------------------------------------------------------------------------ 3.X Universal Feed ------------------------------------------------------------------------------------------ */ .mod-universal-feed li { list-style: none; } .mod-universal-feed li a, .mod-tags-feed li a { display: block; } /* ------------------------------------------------------------------------------------------ 3.X Video Player ------------------------------------------------------------------------------------------ */ .mejs-container { position: relative; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; } .mejs-poster img { border: 0; padding: 0; border: 0; display: block; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(/ext-assets/platform.mopro.com/1.1/_css/_images/bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(/1.1/_css/_images/bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(/1.1/_css/_images/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(/1.1/_css/_images/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(/1.1/_css/_images/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(/1.1/_css/_images/controls.png) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/_images/controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } /* End: CONTROL BAR */ /* Start: Time (current / duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; padding: auto 4px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (current / duration) */ /* Start: Play/pause */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } /* End: Play/pause */ /* Stop */ .mejs-controls .mejs-stop button { background-position: -112px 0; } /* End: Play/pause */ /* Start: Progress bar */ .mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(/1.1/_css/_images/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: TRACK (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(/1.1/_css/_images/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { /*background: #333;*/ background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; /*font-weight: bold;*/ line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(/1.1/_css/_images/background.png); background: rgba(20, 20, 20, 0.8); } /* End: TRACK (Captions and Chapters) */ .mejs-clear { clear: both; } /* Start: ERROR */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: ERROR */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: picture controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: picture controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: SourceChooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(/1.1/_css/_images/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: SourceChooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(/1.1/_css/_images/background.png); background: rgba(50,50,50,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(/1.1/_css/_images/background.png); background: rgba(50,50,50,0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ .mod_video .mejs-container { width: 100% !important; background: none !important; } .mejs-overlay-play .mejs-overlay-button, .no-svg .mejs-overlay-button { background: url("/moprosuite/v13/create/_static2/_css/_images/play-icon-white.png") no-repeat scroll center center transparent !important; height: 100px; left: 50%; margin: -50px 0 0 -50px; position: absolute; top: 50%; width: 104px; } .mod-vwo:hover .mejs-overlay.mejs-layer.mejs-overlay-play .mejs-overlay-button, .mejs-layers .mejs-overlay:hover .mejs-overlay-button { background: url("/moprosuite/v13/create/_static2/_css/_images/play-icon-black.png") no-repeat scroll center center transparent !important; } .hideFluidIcon .mejs-overlay-button { display: none; } /*.mejs-layers .mejs-overlay:hover .mejs-overlay-button { background: url("/eagleEye/images/video-icon.png") no-repeat scroll center center transparent; }*/ .mejs-poster img { width: 100%; height: 100% !important; } .mod_video .mejs-time-rail { position: absolute; margin: 0 0 0 20px !important; padding-right: 90px !important; } .mod_video .mejs-fullscreen-button { position: absolute; right: 0; } .mod_video .mejs-controls .mejs-volume-button { position: absolute; right: 20px; } .mod_video .mejs-controls .mejs-time { position: absolute; right: 45px; } /* ------------------------------------------------------------------------------------------ 3.X Video Player with Overlay ------------------------------------------------------------------------------------------ */ .mod-vwo { position: relative; } /*.mod-vwo .mejs-overlay-button { background:none !important; }*/ .vwo { position: relative; } /* Play */ .vwo-play { position: absolute; top: 0; left: 0%; width: 100%; height: 100%; z-index: 2; cursor: pointer; text-align: center; } .vwo-play:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; } .vwo-play img { display: inline-block; vertical-align: middle; } .nocursor-vwo-play .vwo-play{ cursor:default; } /* Caption */ .vwo-caption { position: absolute; width: 100%; max-width: 30%; padding: 20px; } .vwo-layout-1 .vwo-caption { top: 0; left: 0; } .vwo-layout-2 .vwo-caption { top: 0; right: 0; } .vwo-layout-3 .vwo-caption { left: 0; bottom: 0; } .vwo-layout-4 .vwo-caption { right: 0; bottom: 0; } .vwo-layout-5 .vwo-caption{ top: 0; left: 0; vertical-align: middle; position: absolute; display: table; margin: auto; text-align: center; bottom: 0; width: 100%; right: 0; } .vwo-layout-5 .vwo-caption h3, .vwo-layout-5 .vwo-caption h6 { text-align:center; } .mod-vwo .mejs-controls { bottom: 60px !important; left: 20% !important; right: 20% !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: auto !important; opacity: .6; } .mod-vwo .mejs-time-rail { position: absolute; margin: 0 0 0 20px !important; padding-right: 90px !important; } .mod-vwo .mejs-fullscreen-button { position: absolute; right: 0; } .mod-vwo .mejs-controls .mejs-volume-button { position: absolute; right: 20px; } .mod-vwo .mejs-controls .mejs-time { position: absolute; right: 45px; } /* ------------------------------------------------------------------------------------------ 3.X Image Parallax ------------------------------------------------------------------------------------------ */ .mod-parallax { margin: 0 auto; width: 100%; position: relative; overflow: hidden; display: inline-block; } .mod-parallax > img { position: absolute; left: 0px; top: 0px; width: 100%; } .mod-parallax .hidden-Parallax-image { width: 100%; visibility: hidden; } .mod-parallax .parallax-text-wrap { position: absolute; top: 0px; display: inline-block; width: 100%; height: 100%; } .mod-parallax .parallax-text-wrap .parallax-text-table { display: table; width: 100%; height: 100%; } .parallax-layout-1 .parallaxtext { display: table-cell; vertical-align: top; } .parallax-layout-1 .parallaxtext h3 { margin-top: 20px; } .parallax-layout-2 .parallaxtext { display: table-cell; vertical-align: middle; } .parallaxtext h3, .parallaxtext h6 { text-align: center !important; } /* ------------------------------------------------------------------------------------------ 3.x clientele ------------------------------------------------------------------------------------------ */ /* All but one per row */ [class*="item-per-row"] .clientele-cards.row-start { margin-left: 0; *margin-left:0; clear: left; } .item-per-row-2 .clientele-cards, .item-per-row-3 .clientele-cards, .item-per-row-4 .clientele-cards, .item-per-row-5 .clientele-cards, .item-per-row-6 .clientele-cards { float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; z-index: 1; } /* Two per row */ .item-per-row-2 .clientele-cards { float: left; width: 48.717948717948715%; *width: 48.664757228587014%; } .item-per-row-3 .clientele-cards { width: 31.623931623931625%; *width: 31.570740134569924%; } .item-per-row-4 .clientele-cards { width: 23.076923076923077%; *width: 23.023731587561375%; } /*clientele flip css*/ .clientele-cards { position: relative; display: inline-block; zoom: 1; width: 31%; min-height: 207px; height: auto; margin: 0 0 20px 2%; z-index: 10; } .clientele-cards.flipped .front-card { z-index: 9; -webkit-transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); transform: perspective(800px) rotateY(-179.9deg); } .clientele-cards.flipped .back-card { z-index: 10; -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } .front-card, .back-card { position: absolute; width: 100%; min-height: 207px; /*padding:10px 0 0 0;*/ text-align: center; border: 1px solid #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.20); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.20); box-shadow: 0px 5px 10px rgba(0,0,0,0.20); background: #ffffff; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .front-card { z-index: 10; /*padding:40px;*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } .front-card .clientele-image-wrap { width: 100%; height: 100%; position: relative; } .front-card .clientele-absimg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; } /* Back Card */ .back-card { z-index: 9; padding: 15px; height: auto; background: #f8f8f8; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } /* row-4 unique css*/ .clientele-cards .front-card img { max-height: 100%; } .clientele-cards .back-card img { width: 100px; /* margin:0px 10px 0px 0px;*/ display: inline-block; float: left; } /*.clientele-cards .back-card .client-header-text h3{text-align:left;font-size:24px;color:#333333;line-height: 25px;} .clientele-cards .back-card .client-header-text h6{text-align:left;font-size:14px;font-weight: normal;color:#666666;} .clientele-cards .back-card .client-footer .btn{background:transparent;border:1px solid #25a9df;color:#25a9df;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} */ .item-per-row-2 .clientele-cards { height: 450px; } /*.item-per-row-2 .clientele-cards .front-card img{margin:23% 0;}*/ .item-per-row-2 .clientele-cards .front-card, .item-per-row-2 .clientele-cards .back-card { height: 450px; } /*.item-per-row-2 .clientele-cards .front-card{padding:40px;}*/ .item-per-row-2 .clientele-cards .back-card .client-footer p { max-height: 280px; overflow: auto; }/*color:#666666;font-size:16px; */ /*.item-per-row-2 .clientele-cards .back-card .client-footer a{bottom: 18px;float: right;position: absolute;right: 18px;}*/ .item-per-row-2 .clientele-cards .back-card img { width: 100px; display: inline-block; float: left; } /*margin:0px 15px 0px 0px;}*/ .item-per-row-2 .clientele-cards .client-footer { float: left; margin-top: 30px; text-align: left; width: 100%; } .item-per-row-3 .clientele-cards { height: 370px; } /*.item-per-row-3 .clientele-cards .front-card img{margin:26% 0;}*/ .item-per-row-3 .clientele-cards .back-card .client-footer p { max-height: 200px; overflow: auto; }/*color:#666666;font-size:16px; */ /*.item-per-row-3 .clientele-cards .back-card .client-footer a{float:right;}*/ /*.item-per-row-3 .clientele-cards .front-card{padding:40px;}*/ .item-per-row-3 .clientele-cards .front-card, .item-per-row-3 .clientele-cards .back-card { height: 370px; } .item-per-row-3 .clientele-cards .client-footer { float: left; margin-top: 30px; text-align: left; width: 100%; } .item-per-row-4 .clientele-cards { height: 270px; } /*.item-per-row-4 .clientele-cards .front-card img{margin:22% 0;}*/ .item-per-row-4 .clientele-cards .front-card, .item-per-row-4 .clientele-cards .back-card { height: 270px; } /*.item-per-row-4 .clientele-cards .front-card{padding:40px;}*/ .item-per-row-4 .clientele-cards .back-card .client-footer p { max-height: 130px; overflow: auto; }/*color:#666666;font-size:16px; */ /*.item-per-row-4 .clientele-cards .back-card .client-footer a{float:right;}*/ .item-per-row-4 .clientele-cards .client-footer { float: left; margin-top: 5px; text-align: left; width: 100%; } /* ------------------------------------------------------------------------------------------ 3.x Team Module V2 ------------------------------------------------------------------------------------------ */ [class*="item-per-row"] .team-builder.row-start { margin-left: 0; *margin-left:0; clear: left; } .item-per-row-2 .team-builder { float: left; width: 48.717948717948715%; *width: 48.664757228587014%; } .item-per-row-3 .team-builder { width: 31.623931623931625%; *width: 31.570740134569924%; } .item-per-row-4 .team-builder { width: 23.076923076923077%; *width: 23.023731587561375%; } .team-v2-layout-1 .team-builder { position: relative; display: inline-block; zoom: 1; /*height:423px;*/ height: auto; z-index: 10; } .team-builder.flipped .team-front { z-index: 9; -webkit-transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); transform: perspective(800px) rotateY(-179.9deg); } .team-builder.flipped .team-back { z-index: 10; -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } .team-front, .team-back { position: absolute; width: 100%; height: 100%; text-align: center; background: #ffffff; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.20); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.20); box-shadow: 0px 5px 10px rgba(0,0,0,0.20); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .team-front { z-index: 10; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } .team-back { z-index: 9; padding: 15px; height: 100%; overflow: hidden; background: #f8f8f8; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } .team-image-wrap { height: 100%; background-repeat: no-repeat; background-size: 100%; background-position-y: 5%; } .team-image-wrap img { height: 100%; bottom: 0; left: 0; margin: auto; max-width: none; overflow: hidden; position: absolute; right: 0; top: 0; } .team-header img { float: left; max-width: 80px; margin: 0px 10px 10px 0px; } .team-header-text { text-align: left; } .team-header-text h5 { line-height: 20px; } .team-header-text h3 { line-height: 20px; } .team-footer { float: left; text-align: left; height: 40%; overflow-y: auto; } .team-v2-layout-1 { } .mod-team-layout ul li { list-style-type: none; position: relative; float: left; } .team-builder { position: relative; float: left; } .team-inner-flip { } .team-row-4, .team-row-5, .team-row-6 { padding-bottom: 28%; } .team-row-7 { padding-bottom: 42%; } .team-row-8, .team-row-9, .team-row-10 { padding-bottom: 56%; } .team-row-8 { margin-bottom: -13% } .team-row-4, .team-row-5, .team-row-6, .team-row-7, .team-row-8 { width: 100%; position: relative; z-index: 1; } .team-row-7, .team-row-8 { width: 100%; position: relative; display: inline-block; z-index: 1; } .team-row-9, .team-row-10 { width: 100%; position: relative; display: inline-block; z-index: 1; } .team-v2-layout-1 .team-builder { position: absolute; } .team-row-4 li:first-child { width: 50%; height: 100%; } .team-row-4 li:first-child .team-front .team-footer { height: 60%; } .team-row-4 li:first-child + li { width: 25%; height: 100%; left: 50%; } .team-row-4 li:first-child + li .team-front .team-footer { height: 60%; } .team-row-4 li:first-child + li + li { width: 25%; height: 50%; left: 75%; } .team-row-4 li:first-child + li + li .team-back .team-header img { max-width: 80px; } .team-row-4 li:first-child + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-4 li:first-child + li + li + li { width: 25%; height: 50%; left: 75%; top: 50%; } .team-row-5 li:first-child { width: 25%; height: 100%; } .team-row-5 li:first-child .team-front .team-footer { height: 60%; } .team-row-5 li:first-child + li { width: 25%; height: 50%; left: 25%; } .team-row-5 li:first-child + li .team-back .team-header img { max-width: 80px; } .team-row-5 li:first-child + li + li { width: 25%; height: 50%; left: 25%; top: 50%; } .team-row-5 li:first-child + li + li .team-back .team-header img { max-width: 80px; } .team-row-5 li:first-child + li + li + li { width: 25%; height: 100%; left: 50%; } .team-row-5 li:first-child + li + li + li .team-front .team-footer { height: 60%; } .team-row-5 li:first-child + li + li + li + li { width: 25%; height: 100%; left: 75%; } .team-row-5 li:first-child + li + li + li + li .team-back .team-footer { height: 60%; } .team-row-6 li:first-child { width: 25%; height: 100%; } .team-row-6 li:first-child .team-front .team-footer { height: 65%; } .team-row-6 li:first-child + li { width: 25%; height: 50%; left: 25%; } .team-row-6 li:first-child + li .team-back .team-header img { max-width: 80px; } .team-row-6 li:first-child + li + li { width: 25%; height: 50%; left: 25%; top: 50%; } .team-row-6 li:first-child + li + li .team-back .team-header img { max-width: 80px; } .team-row-6 li:first-child + li + li + li { width: 25%; height: 100%; left: 50%; } .team-row-6 li:first-child + li + li + li .team-back .team-footer { height: 65%; } .team-row-6 li:first-child + li + li + li + li { width: 25%; height: 50%; left: 75%; } .team-row-6 li:first-child + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-6 li:first-child + li + li + li + li + li { width: 25%; height: 50%; left: 75%; top: 50%; } .team-row-6 li:first-child + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-7 li:first-child { width: 50%; height: 67%; } .team-row-7 li:first-child .team-front .team-footer { height: 65%; } .team-row-7 li:first-child + li { width: 25%; height: 33%; left: 50%; } .team-row-7 li:first-child + li .team-back .team-header img { max-width: 40px; } .team-row-7 li:first-child + li .team-back .team-header img { max-width: 40px; } .team-row-7 li:first-child + li + li .team-back .team-header img { max-width: 40px; } .team-row-7 li:first-child + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-7 li:first-child + li + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-7 li:first-child + li + li { width: 25%; height: 67%; left: 75%; } .team-row-7 li:first-child + li + li + li { width: 25%; height: 33%; top: 67%; } .team-row-7 li:first-child + li + li + li + li { width: 25%; height: 33%; left: 25%; top: 67%; } .team-row-7 li:first-child + li + li + li + li + li { width: 25%; height: 67%; left: 50%; top: 33%; } .team-row-7 li:first-child + li + li + li + li + li .team-front .team-footer { height: 65%; } .team-row-7 li:first-child + li + li + li + li + li + li { width: 25%; height: 33%; left: 75%; top: 67%; } .team-row-7 li:first-child + li + li + li + li + li + li .team-back .team-footer { height: 65%; } .team-row-7 li:first-child + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-7 li:first-child + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-7 li:first-child + li + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-7 li:first-child + li + li + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-8 li:first-child { width: 25%; height: 25%; } .team-row-8 li:first-child + li { width: 50%; height: 50%; left: 25%; } .team-row-8 li:first-child + li .team-front .team-footer { height: 65%; } .team-row-8 li:first-child + li + li { width: 25%; height: 25%; left: 75%; } .team-row-8 li:first-child + li+li .team-front .team-footer { height: 65%; } .team-row-8 li:first-child + li+li+li { width: 25%; height: 50%; top: 25%; } .team-row-8 li:first-child + li+li+li+li { width: 25%; height: 25%; left: 25%; top: 50%; } .team-row-8 li:first-child + li+li+li+li+li { width: 25%; height: 25%; left: 50%; top: 50%; } .team-row-8 li:first-child + li+li+li+li+li+li { width: 25%; height: 25%; left: 75%; top: 25%; } .team-row-8 li:first-child + li+li+li+li+li+li+li { width: 25%; height: 25%; left: 75%; top: 50%; } .team-row-8 li:first-child .team-back .team-header img { max-width: 70px; } .team-row-8 li:first-child + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-8 li:first-child + li + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-8 li:first-child + li + li + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-8 li:first-child + li + li + li + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-8 li:first-child + li + li + li + li + li + li + li .team-back .team-header img { max-width: 70px; } .team-row-8 li:first-child.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-8 li:first-child + li + li + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-8 li:first-child + li + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-8 li:first-child + li + li + li + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-8 li:first-child + li + li + li + li + li + li + li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-8 li:first-child + li + li + li + li + li +li.team-back-view .team-front .team-header img { max-width: 40px; } .team-row-9 li:first-child { width: 50%; height: 50%; } .team-row-9 li:first-child .team-front .team-footer { height: 65%; } .team-row-9 li:first-child + li { width: 25%; height: 25%; left: 50%; } .team-row-9 li:first-child + li+li { width: 25%; height: 25%; left: 50%; top: 25%; } .team-row-9 li:first-child + li+li+li { width: 25%; height: 50%; left: 75%; } .team-row-9 li:first-child + li+li+li .team-back .team-footer { height: 65%; } .team-row-9 li:first-child + li+li+li+li { width: 25%; height: 25%; top: 50%; } .team-row-9 li:first-child + li+li+li+li+li { width: 25%; height: 25%; top: 75%; } .team-row-9 li:first-child + li+li+li+li+li .team-front .team-footer { height: 65%; } .team-row-9 li:first-child + li+li+li+li+li+li { width: 50%; height: 50%; top: 50%; left: 25%; } .team-row-9 li:first-child + li+li+li+li+li+li+li { width: 25%; height: 25%; top: 50%; left: 75%; } .team-row-9 li:first-child + li+li+li+li+li+li+li+li { width: 25%; height: 25%; top: 75%; left: 75%; } .team-row-9 li:first-child + li .team-back .team-header img { max-width: 80px; } .team-row-9 li:first-child + li + li .team-back .team-header img { max-width: 80px; } .team-row-9 li:first-child + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-9 li:first-child + li + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-9 li:first-child + li + li + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-9 li:first-child + li + li + li + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-10 li:first-child { width: 50%; height: 50%; } .team-row-10 li:first-child .team-front .team-footer { height: 65%; } .team-row-10 li:first-child + li { width: 25%; height: 25%; left: 50%; } .team-row-10 li:first-child + li+li { width: 25%; height: 25%; left: 50%; top: 25%; } .team-row-10 li:first-child + li+li+li { width: 25%; height: 50%; left: 75%; } .team-row-10 li:first-child + li+li+li .team-back .team-footer { height: 65%; } .team-row-10 li:first-child + li+li+li+li { width: 25%; height: 25%; top: 50%; } .team-row-10 li:first-child + li+li+li+li+li { width: 25%; height: 25%; top: 75%; } .team-row-10 li:first-child + li+li+li+li+li+li { width: 25%; height: 50%; left: 25%; top: 50%; } .team-row-10 li:first-child + li+li+li+li+li+li+li { width: 25%; height: 50%; left: 50%; top: 50%; } .team-row-10 li:first-child + li+li+li+li+li+li+li .team-back .team-footer { height: 65%; } .team-row-10 li:first-child + li+li+li+li+li+li+li+li { width: 25%; height: 25%; left: 75%; top: 50%; } .team-row-10 li:first-child + li+li+li+li+li+li+li+li .team-back .team-footer { height: 65%; } .team-row-10 li:first-child + li+li+li+li+li+li+li+li+li { width: 25%; height: 25%; left: 75%; top: 75%; } .team-row-10 li:first-child + li .team-back .team-header img { max-width: 80px; } .team-row-10 li:first-child + li + li .team-back .team-header img { max-width: 80px; } .team-row-10 li:first-child + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-10 li:first-child + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-10 li:first-child + li + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-row-10 li:first-child + li + li + li + li + li + li + li + li + li .team-back .team-header img { max-width: 80px; } .team-back-view .team-front { padding: 15px; } .team-back-view .team-back { padding: 0; } .mod-team-v2 .mejs-layers, .mod-team-v2 .mejs-controls { display: none !important; } .team-v2-layout-1.mod-team-v2 .team-appear .team-appear-row { display: table-cell; vertical-align: middle; margin: auto; text-decoration: none; } .team-v2-layout-1.mod-team-v2 .team-appear .team-appear-column { display: block; } .team-v2-layout-1.mod-team-v2 .hovered .hover { opacity: 1; filter: alpha(opacity=100); } .team-v2-layout-1.mod-team-v2 .hover { top: auto; bottom: 0; height: auto; opacity: 0; filter: alpha(opacity=0); width: 101%; height: 101%; background: rgba(0,0,0,0.80); color: #fff; display: table; position: absolute; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000'); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .call-action-back { top: auto; bottom: 0; height: auto; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: rgba(0,0,0,0.80); color: #fff; display: table; position: absolute; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000'); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .team-back-view:hover .call-action-back { opacity: 1; filter: alpha(opacity=100); } .team-back-view.flipped .call-action-back .btn, .team-back-view:hover .call-action-back .btn, .team-back-view .call-action-back .btn { bottom: 5px; right: 5px; position: absolute; } .team-back-view:hover .call-action-back .team-link { display: table-cell; vertical-align: middle; margin: auto; text-decoration: none; } /* /////////////////////////////////////////////////////////////////////////////////////////// 3.X Location Locator /////////////////////////////////////////////////////////////////////////////////////////// */ .locate-filter { } .locate-filter label { cursor: pointer; background: url("/moprosuite/v13/create/_static2/_css/_images/check-uncheck.png") no-repeat scroll 10px 15px rgba(0, 0, 0, 0); padding: 12px 30px; } .locate-filter label.check { background-position: 10px -30px; } .label-wrap { border: 1px solid #dcdcdc; position: relative; } .arrow { cursor: pointer; background: url("/moprosuite/v13/create/_static2/_css/_images/up-down-arrows.png") no-repeat scroll 0px -69px rgba(0, 0, 0, 0); height: 14px; position: absolute; right: 19px; top: 16px; width: 20px; } .list-labels { max-height: 140px; overflow-y: auto; display: none; } .locate-filter.open .list-labels { display: block; } .locate-filter.open .arrow { background-position: 0px 0px; } .location-locator-search-map .input-sml-block { padding-bottom: 5px; } #divFilter { margin: 0 0 20px; } .filter-map.input-block, .zip-code-wrapper.input-block, .input-block.infrastructure-select, .by-local-wrapper.input-block { padding: 0; margin: 0; } .filter-map .ui-multiselect.ui-state-default, .filter-map .ui-multiselect.ui-state-default.disable:hover { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ padding: 15px 8px; width: 98%; min-width: 256px; height: 45px; line-height: 15px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .filter-map .ui-multiselect:before { width: 20px; height: 14px; background: url("/moprosuite/v13/create/_static2/_css/_images/down-up-arrows.png"); float: left; border: none; padding: 10px; background-repeat: no-repeat; background-position: 10px 12px; content: ""; } .filter-map .ui-state-active.ui-multiselect:before { background-position: 10px -41px; } .filter-map .ui-widget-content { background: #ffffff; } .filter-map .ui-multiselect-menu { width: 256px !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .filter-map .scrollbarpaper-container { left: 234px !important; } .filter-map .ui-multiselect-menu label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .filter-map .ui-multiselect-menu label:before { border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .infrastructure-select .error-highlight, .filter-map .error-highlight { border: 1px solid #b94a48 } .error-msg { color: #b94a48; } /* /////////////////////////////////////////////////////////////////////////////////////////// 3.x supersized /////////////////////////////////////////////////////////////////////////////////////////// */ * { margin: 0; padding: 0 } body { height: 100% } img { border: 0 } #supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/progress.gif) no-repeat center center } #supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100% } #supersized img { width: auto; height: auto; position: relative; display: none; outline: 0; border: 0 } #supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges } #supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality } #supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } #supersized a { width: 100%; height: 100%; display: block } #supersized li.prevslide { z-index: -20 } #supersized li.activeslide { z-index: -10 } #supersized li.image-loading { background: #111 url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/progress.gif) no-repeat center center; width: 100%; height: 100% } #supersized li.image-loading img { visibility: hidden } #supersized li.prevslide img, #supersized li.activeslide img { display: inline } /* /////////////////////////////////////////////////////////////////////////////////////////// 3.x supersized.shutter /////////////////////////////////////////////////////////////////////////////////////////// */ /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Theme : Shutter 1.2 Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ /* Controls Bar ----------------------------*/ #controls-wrapper { margin: 0 auto; height: 42px; width: 100%; bottom: 0px; left: 0; z-index: 4; background: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/nav-bg.png) repeat-x; position: fixed; } #controls { overflow: hidden; height: 100%; position: relative; text-align: left; z-index: 5; } #slidecounter { float: left; color: #999; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #000 0 -1px 0; margin: 0px 10px 0 15px; line-height: 42px; } #slidecaption { overflow: hidden; float: left; color: #FFF; font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: #000 1px 1px 2px; margin: 0 20px 0 0; line-height: 42px; } #navigation { float: right; margin: 0px 20px 0 0; } #play-button { float: left; margin-top: 1px; border-right: 1px solid #333; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/bg-hover.png') repeat-x 0 44px; } #play-button:hover { background-position: 0 1px; cursor: pointer; } #prevslide, #nextslide { position: absolute; height: 43px; width: 43px; top: 50%; margin-top: -21px; opacity: 0.6; } #prevslide { left: 10px; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/back.png'); } #nextslide { right: 10px; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/forward.png'); } #prevslide:active, #nextslide:active { margin-top: -19px; } #prevslide:hover, #nextslide:hover { cursor: pointer; } ul#slide-list { padding: 15px 0; float: left; position: absolute; left: 50%; } ul#slide-list li { list-style: none; width: 12px; height: 12px; float: left; margin: 0 5px 0 0; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position: 0 0px; } ul#slide-list li a { display: block; width: 12px; height: 12px; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/nav-dot.png') no-repeat 0 -24px; } ul#slide-list li a:hover { background-position: 0 -12px; cursor: pointer; } #tray-button { float: right; margin-top: 1px; border-left: 1px solid #333; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/bg-hover.png') repeat-x 0 44px; } #tray-button:hover { background-position: 0 1px; cursor: pointer; } /* Progress Bar ----------------------------*/ #progress-back { z-index: 5; position: fixed; bottom: 42px; left: 0; height: 8px; width: 100%; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/progress-back.png') repeat-x; } #progress-bar { position: relative; height: 8px; width: 100%; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/progress-bar.png') repeat-x; } /* Thumbnail Navigation ----------------------------*/ #nextthumb, #prevthumb { z-index: 2; display: none; position: fixed; bottom: 61px; height: 75px; width: 100px; overflow: hidden; background: #ddd; border: 1px solid #fff; -webkit-box-shadow: 0 0 5px #000; } #nextthumb { right: 12px; } #prevthumb { left: 12px; } #nextthumb img, #prevthumb img { width: 150px; height: auto; } #nextthumb:active, #prevthumb:active { bottom: 59px; } #nextthumb:hover, #prevthumb:hover { cursor: pointer; } /* Thumbnail Tray ----------------------------*/ #thumb-tray { position: fixed; z-index: 3; bottom: 0; left: 0; background: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/bg-black.png); height: 150px; width: 100%; overflow: hidden; text-align: center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } #thumb-back, #thumb-forward { position: absolute; z-index: 5; bottom: 42px; height: 108px; width: 40px; } #thumb-back { left: 0; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/thumb-back.png') no-repeat center center; } #thumb-forward { right: 0; background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_images/thumb-forward.png') no-repeat center center; } #thumb-back:hover, #thumb-forward:hover { cursor: pointer; background-color: rgba(256,256,256, 0.1); } #thumb-back:hover { border-right: 1px solid rgba(256,256,256, 0.2); } #thumb-forward:hover { border-left: 1px solid rgba(256,256,256, 0.2); } ul#thumb-list { display: inline-block; list-style: none; position: relative; left: 0px; padding: 0 0px; } ul#thumb-list li { background: #111; list-style: none; display: inline; width: 150px; height: 108px; overflow: hidden; float: left; margin: 0; } ul#thumb-list li img { width: 200px; height: auto; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } ul#thumb-list li:hover { cursor: pointer; } /* /////////////////////////////////////////////////////////////////////////////////////////// 3.x button navigations /////////////////////////////////////////////////////////////////////////////////////////// */ .mod-buttonnav .mod-butts { display: block; height: 140px; margin-right: 4px; margin-top: -70px; position: fixed; right: 20px; top: 50%; width: 15px; z-index: 10; -webkit-transform: translateZ(0); transform: translateZ(0); } .mod-buttonnav .mod-butts li { background: none repeat scroll 0 0 #ffffff; border: 2px solid transparent; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; display: inline-block; height: 10px; list-style-type: none; margin: 10px 0; width: 10px; } .mod-buttonnav .mod-butts li:hover { cursor: pointer; background: transparent; border: 2px solid #f85662; } .mod-buttonnav .mod-butts li.active { background: transparent; border: 2px solid #f85662; cursor: default; } /* /////////////////////////////////////////////////////////////////////////////////////////// 4. Clearfix /////////////////////////////////////////////////////////////////////////////////////////// */ .item-catalog li:before, .item-catalog li:after, .item-catalog a:before, .item-catalog a:after, .first-last:before, .first-last:after, .header-actions-container:before, .header-actions-container:after, .mainContainer:before, .mainContainer:after, .row:before, .row:after, .container:before, .container:after, .clearfix:before, .clearfix:after, .mod-header:before, .mod-header:after, .appt_dropdown.date-at:before, .appt_dropdown.date-at:after, .apointuls:before, .apointuls:after, .abscalwrap:before, .abscalwrap:after, .app-rightCls:before, .app-rightCls:after, .SC_Wrap:before, .SC_Wrap:after, .popup-container:before, .popup-container:after, .subnav:before, .subnav:after, .make-mailemail:before, .make-mailemail:after, .wrap-signin:before, .wrap-signin:after, .promo-code:before, .promo-code:after, .mod-team:before, .mod-team:after, .mod-clientele:before, .mod-clientele:after, .mod-team-layout:before, .mod-team-layout:after, .team-member:before, .team-member:after, .clientele-cards:before, .clientele-cards:after, .team-builder:before, .team-builder:after, .testimonials-list:before, .testimonials-list:after, .testimonial-wrapper:before, .testimonial-wrapper:after, .loginContainer:before, .loginContainer:after, .htoggle-menu:before, .htoggle-menu:after, .offices-list:before, .offices-list:after, .events-header:before, .events-header:after, .news-header:before, .news-header:after, .ph-return-top:before, .ph-return-top:after, .quantity-info-block:before, .quantity-info-block:after, .ph-return-reason:before, .ph-return-reason:after { display: table; line-height: 0; content: ""; } .item-catalog li:after, .item-catalog a:after, .first-last:after, .header-actions-container:after, .mainContainer:after, .row:after, .container:after, .clearfix:after, .mod-header:after, .appt_dropdown.date-at:after, .apointuls:after, .abscalwrap:after, .app-rightCls:after, .SC_Wrap:after, .popup-container:after, .subnav:after, .make-mailemail:after, .wrap-signin:after, .promo-code:after, .team-member:after, .mod-team:after, .clientele-cards:after, .mod-clientele:after, .testimonials-list:after, .testimonial-wrapper:after, .loginContainer:after, .htoggle-menu:after, .offices-list:after, .events-header:after, .news-header:after, .ph-return-top:after, .quantity-info-block:after, .ph-return-reason:after { clear: both; } .item-catalog li, .item-catalog a, first-last, .header-actions-container, .mainContainer, .row, .container, .clearfix, .mod-header, .appt_dropdown.date-at, .apointuls, .abscalwrap, .app-rightCls, .SC_Wrap, .popup-container, .subnav, .make-mailemail, .wrap-signin, .promo-code, .team-member, .mod-team, .testimonials-list, .testimonial-wrapper, .loginContainer, .htoggle-menu, .offices-list, .events-header, .news-header, .ph-return-top, .quantity-info-block, .ph-return-reason { *zoom:1; } /* Temp classes, remove these after dev gets some stuff fixed */ .makeapp { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* Replace with alert alert-info */ .chosetxt, .chosetxt { margin: 20px; display: block; padding: 10px 0px; color: #3a87ad; text-align: center; border: 1px solid #bce8f1; background: #d9edf7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Replace with alert alert-error */ .apointpop .error { margin: 20px; display: block; padding: 12px 0; color: #b94a48; line-height: 18px; border: 1px solid #eed3d7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f2dede; } /* Replace with alert alert-error */ .errorwrap { padding: 10px 10px; color: #b94a48; border: 1px solid #e57b76; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f8eaea; } /* Replace with alert alert-success */ .Appt_booksucess { margin-bottom: 30px; padding: 15px 25px; border: 1px solid #d6e9c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; background: #dff0d8; } /* error messages should use the bootstrap error class, not a new one, should use .error */ .App_newerror, .abs-control-group1 .App_newerror, .ErrorMessage, .EmailErrorMessage, .error-m, .loginCommonerror, .coup-errortext, .input .error, input.error-i /*,.error*/ { color: #CA2746; } .coup-errortext { display: block; } .popup-container .EmailErrorMessage { display: block; } /* Doesn't appear to do anything, so it should be removed unless we're going to add functionality */ .Appt_makeappoint .closeBtn1 { display: none; } /* Remove h2, replace with h4. temporary styling so that it won't look gigantic */ .Booksucss, h2.Boldtxt { font-size: 18px; line-height: 20px; text-align: center; } /* replace these on confirm error with btn classes rather than all these new additional redundant classes */ .buton { float: left; margin-top: 10px; padding: 7px 20px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .popgrybtn { color: #333333; font-weight: bold; border: 1px solid #dcdcdc; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* IE10 */ background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.20) inset; -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.20) inset; box-shadow: 0px 1px 0px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.20) inset; cursor: pointer; } .popgrybtn:hover { background: #e6e6e6; /* Old browsers */ background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #e6e6e6)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 100%); /* IE10 */ background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */ } .popgrybtn:active { background: #e6e6e6; /* Old browsers */ background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* IE10 */ background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ } /* This class is for the check out pop up title. remove this once the popup has been properly implemented */ .SC_Hdr_Txt, .Sc_Reset_Hdrtxt { display: block; padding-bottom: 30px; font-size: 25px; } .Sc_Reset_Hdrtxt { text-align: center; } /* This can be removed once the html is updated. A label never should have been used here. */ .store-timming label { cursor: default; } /* Temporary class to remove published in blog post single view */ .B_SpPubTxt, .B_BlogSpComDateDiv, .B_SpAuthName { display: none; } /* Start: temporery classes added by Ghanshaym to show error message in menucatalog - addons : need to optimized by GUI person */ .category-err-msg { color: Red; display: none; } .error .category-err-msg { display: block; } .no-border { border: 0 !important; } /* End: temporery classes added by Ghanshaym to show error message in menucatalog - addons : need to optimized by GUI person */ /*gift lable style */ .checkout-gift-checkbox { margin: 10px 0; } .error input[type="text"] { border: 2px solid #b94a48 !important; } .inactive-layer { background: none repeat scroll 0 0 #fff; cursor: default !important; height: 39px; margin-bottom: -38px; opacity: 0.5; position: relative; width: 21%; z-index: 1000; display: inline; } .view .variationcontainer { background: none repeat scroll 0 0 #f9f9f9; display: inline-block; margin: 0 auto 10px 4px; padding: 10px; vertical-align: top; width: 32%; } .popup-inside-block.popup-menucat-block .view ol { padding: 5px 0 5px 0px; } .view .variation-list li { margin: 0 0 15px; vertical-align: top; width: 100%; } .myWidth { width: 674px; } /* /////////////////////////////////////////////////////////////////////////////////////////// 5.X Single Page Checkout /////////////////////////////////////////////////////////////////////////////////////////// */ .custom-select.done li { width: 100% !important; } .errortext{ color:#B76B6B; } /*login*/ .checkout-login-part { margin-top: 20px; vertical-align: top; width: 47%; } .checkout-login-part.pull-left { border-right: 1px solid #ededed; padding-right: 15px; width: 51%; } .checkout-login-part li { list-style: none outside none; } .checkout-login-part input { background-color: #f2f2f2; border: medium none; margin: 12px 0; padding: 8px 5px; width: 100%; line-height: 20px; } .checkout-login-part .checkout-part-checkout { width: auto; } .pickup-location {font-size:16px;} .shiiping-link.pointer-icon.pull-right { line-height: 54px; vertical-align: bottom; } /*payment*/ .checkout-part.checkout-payment.no-border li.pull-right { float: right; margin: 0; } .checkout-part.checkout-payment.no-border li.pull-right.cvv { float: right; margin-right:45px; } .checkout-payment-card-detail { clear: both; overflow: hidden; } .checkout-part.checkout-payment.no-border { width: 674px; padding-right: 0; } .checkout-part.checkout-payment.no-border li { margin-bottom: 10px; } .checkout-part.checkout-payment.no-border li.payment-cart-alignment { float: left; margin-right: 40px; } .checkout-part.checkout-payment.no-border li.pull-left { margin-right: 0; } .checkout-part.checkout-payment.no-border li.payment-card-details { float: right; margin: 0; } .payment-card-details input.visa-icon { background-position: 100% center; } /*order confrim*/ .checkout-part.checkout-payment.no-border li.sPC-year{ margin: 0 !important; padding: 0 !important;} .ShoppingCart_View.order-confirm li { float: left; font-size: 18px; line-height: 20px; list-style: outside none none; padding: 10px 0; width: 50%; } .ShoppingCart_View.order-confirm li.est { width: 100%;} .checkout-part { display: inline-block; vertical-align: top; } .checkout-part.margin-free { border: medium none; margin-right: 0; padding-left: 0px; padding-right: 0; } .checkout-part li { list-style: none outside none; width: 49%; } .checkout-part1 .custom-select li {width: 100%;} .checkout-part1 li { list-style: none outside none; width: 49%; } .checkout-part.checkout-part1.shippingandbilling > ul { padding: 20px 0 0 5px; } .checkout-part1 h4 { margin-bottom: 15px; } .checkout-part1 { display: inline-block; padding-right: 25px; vertical-align: top; width: 680px; } .checkout-part input { background-color: #f2f2f2; border: medium none; margin: 12px 0; padding: 8px 5px; width: 100%; line-height:17px; } .checkout-part .checkout-part-checkout { width: auto; } .checkout-step1 { color:#333;} .checkout-step1 > h5 { border-bottom: 1px solid #cccccc; font-size: 14px; margin: 0 0 20px; padding: 0 0 10px; } .checkout-step1 select { background: none repeat scroll 0 0 #eee; border: medium none; margin: 12px 0; padding: 10px; top: -40px; left: 2px; } .checkout-step1.pickUp-BillingInfo.margin-free { clear: both; overflow: hidden; } .checkout-part.pickUp-address { padding-left: 20px; } .checkout-part.checkout-payment.no-border { width: 100%; } .CheckoutTitle { margin-bottom: 20px; } .Contshoptitle { margin-bottom: 8px; } .left-side-your-order-list { background: #f2f2f2; } .left-side-your-order-list.spanPad { margin-bottom: 30px; padding: 20px; } .leftside-product-checkoutlist { padding: 15px 0; vertical-align: top;} .checkout-title { border-bottom: none; margin-bottom: 20px; } .popupReviewCart { border-bottom: 1px solid #ddd; padding: 30px 0 10px; } .continue-shopping { border-top: 1px solid #ddd; color: #111; display: block; font-size: 14px; padding: 25px 0; } .left-side-your-order-list .bottomline { border-bottom: 1px solid #000000; padding-bottom: 15px; } .orderF, .orderlF { border: none; } .orderF { margin-left: -3px; padding: 24px 8px; width: 50%; } .orderF-container.subtotal.gift-wrapper { margin-bottom: 20px; border: medium none; } .orderF-container.subtotal.checkout-wrapper { padding-bottom: 0px; border: none; } .Shipping-free.free-class.pull-right { float: right !important; padding: 24px 8px; margin: 0 4px 0 -3px; } .orderF-shipping { margin-left: -3px; padding: 24px 8px; margin: 0 0 0 -3px; } .orderF.tax { padding: 0; text-align: left; font-size: 18px; font-weight:300; } .orderF.tax-value { padding: 0; text-align: right; } .reset-value { padding: 12px 0; text-align: right; } /* .btn.btn-primary.checkout-button { background:#2fc9eb; border: medium none; border-radius: 0; margin: 0; } */ .btn.btn-primary.checkout-button { display: inline-block !important; margin: 0; width: 72px; padding-left: 10px; padding-right: 10px; float: right; } .checkout { width: 76% !important; } .promo-code { border-bottom: 1px solid #ddd; font-size: 14px; padding: 24px 10px 14px 4px; position: relative; } .checkout-gift-checkbox { padding: 0 4px; } .continue-button { float: right; text-align: center; width: auto; } .shipping-billing .continue-button { float: right; text-align: center; width: 120px !important; } .centerContainer.checkout-page { padding: 0; } .NavigationHeaderDiv { padding-top: 43px; } .checkout-price { color: #333; float: right; text-align: left; padding: 0 0 0 0; font-size:16px; } .checkout-price > span { margin-bottom: 10px; font-weight: bold; display:block; } .checkout-details { width: 280px; float: left; } .your-cart-checkout-details { float: left; } .checkout-details span { width: 480px; display: block; font-weight: bold; } .edit-order-content .btn-primary.btn-shipping-calculate { line-height: inherit; padding:10px;} .shopping-cell1.shoppingcart-itemimg { width: 60px;} .form-checkout { clear: both; margin-top: 3px; } .close { color: #000000; float: right; font-size: 0 !important; font-weight: bold; line-height: 20px; margin-left: 5px; margin-right: 4px; opacity: 1; text-shadow: 0 1px 0 #ffffff; background: url("/moprosuite/v13/create/_static2/_css/_images/close-icon.png") no-repeat scroll center top; font-size: 0; padding: 8px 10px; } .suggestion-roll { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .suggestion-product { margin-bottom: 20px; overflow: hidden; width: 100%; } .suggestion-product li { float: left; list-style: none outside none; margin: 0 11px; background: #f2f2f2; padding-bottom: 20px; } .suggestion-product div { margin-left: 20px; margin-top: 20px; } .order-confirm-details { border-bottom: 1px solid #cccccc; padding: 25px 0px; } .shopping-cell1.product-detail { padding-right: 8px; } .no-bottom-border { border-bottom: none; } .payment-checkout > li { list-style: none outside none; margin-bottom: 4px; } .edit-order-content .btn-primary.btn-shipping-calculate span { font-size: 10px; } .shopping-cell1.shoppingcart-total.title.pull-right { width: 102px; } .payment-checkout > li div.payment-title { background: none repeat scroll 0 0 #ededed; border-bottom: 1px solid #ccc; list-style: none outside none; padding: 12px 15px; color: #a8a8a8; margin-bottom: 8px; font-size:18px; overflow: hidden; } .payment-checkout h4 { font-size:18px; font-weight: normal; color:#333; border-bottom: 1px solid #ededed; font-size: 18px; line-height: 54px; } .payment-checkout .checkout-login-part h4 {border-bottom: none;line-height: inherit;} .left-side-your-order-list h4{font-size: 24px; font-weight: normal; width: auto;} .payment-checkout p.checkout-sub-title{font-style: italic;font-size:14px;color:#333;} .payment-checkout label{font-size:16px;} .checkout-payment-card-detail label{font-size: 18px; font-weight: normal; padding-left: 7px; vertical-align: middle;} .modify-link{ content: "."; display: inline-block; min-width: 52px;} .single-line-display .custom-select { margin-top: 10px;} .exp-date .custom-select { margin-top: 14px;} .shippingandpickup ol{ list-style: outside none none;} .gray-out { color: #bbb; } .suite-city { display: inline-block; float: left; width: 25% !important; } .single-line-display.pull-right { width: 65%; } .pickup-city { display: inline-block; float: left; width: 30% !important; } .pickupdetail-phonenumber { clear: both; } .pickup-city .custom-select.done { margin-top: 12px; } .pickupdetail-phonenumber { margin-top: 80px; position: absolute; } .pickup-map-wrapper { overflow: hidden; } .pickUp-map li{ list-style:none;} .shippingandpickup h4 { font-size:18px; line-height:54px; border-bottom:1px solid #ededed;} .vertical { clear: both; } .margin-free.verticalbase { margin-top: 73px; } .margin-free.vertical { margin-top: 74px; } .margin-free.verticalshow { margin-top: 23px; } .no-border { border: none; } .single-line-display input { width: 80px; } .single-line-display select { width: 214px; } .single-line-display li.apt { float: left; margin-right: 7px; } .shipping-calculate { clear: both; float: none; margin: 0 -10px; overflow: hidden; padding: 0 10px; border: 1px dashed #eee; } .shipping-value-result { padding-left: 77px; padding-right: 5px; text-align: right; padding-top: 6px; color:#949494; } .shipping-value-result.calculate-button { padding-right: 0; padding-top: 0; } .calculate-button li { clear: both; padding-left: 25%; } .clear { clear: both; } .shipping-calculate ul, .shipping-calculate li { list-style: none; } .print-invoice { background: url('http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/_images/print-icon.png') no-repeat 0 0; padding: 0 22px 0 35px; margin: 23px 0 0; } .checkout-confirm { padding-left: 20px; } .order-confirm-details > h2 { margin-bottom: 15px; } .shipping-calculate-outter { margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; } .left-side-your-order-list.spanPad.edit-order-content { margin-bottom: 30px; padding: 50px 20px 20px 20px; background: #f5f5f5; font-size: 14px; box-shadow: 0 3px 3px #ccc; } #divucCheckoutSummary > div { clear: both; } #accordianShipping div { margin: 20px 0 0; } .shopping-cell1 { display: table-cell; float: none !important; vertical-align: top; width: auto; } .shopping-table-wrapper { border-bottom: none; display: table; margin-bottom: 15px; padding: 0 0 15px; width: 100%;} .shopping-table { border-bottom: 1px solid #ccc; display: table; margin-bottom: 7px; /*padding: 0 0 15px;*/ width: 100%; } .shopping-row { display: table-row; margin-bottom: 0; width: 100%; } .shoppingcart-item-price .checkout-price { float: none; } /*.shopping-cell1.product-detail { width: 42%; } */ .shopping-cell1.shoppingcart-item-price { text-align: left; width: 99px; } div.checkout-price, .shoppingcart-total .checkout-price { float: none; } .shopping-cell1.shoppingcart-total { text-align: left; width: 95px; } .shopping-cell1.qty { text-align: left; width: 76px; } .free { font-size: 12px; font-weight: normal; font-size: 14px; } .variations { clear: both; } .instruction { clear: both; display: block; padding-top: 10px; width:300px; } .product-desc{ width:300px;} .continue-shopping-link { font-size: initial; padding-top: 12px; } .ShoppingCart_View{clear:both;} .popupReviewCart.shopping-table.title { background: #ededed; Padding: 8px 0 9px 12px !important; border-bottom: 1px solid #ccc; /*margin-bottom: 30px;*/ color: #4e5a66; } .title .shopping-row .shopping-cell1 > h5 { font-size: 18px; font-weight: normal; color:#333; } .shipping-detail-display { display: inline-block; float: right; font-size: 14px; font-style: italic; max-width: 350px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .shipping-detail-display span {word-wrap: break-word;} .accordion-active a.shipping-link { line-height: 54px; } .orderF-container.subtotal.order-total-title { font-size:24px; } .product-checkoutlist { vertical-align: top; } .btn-shipping-calculate .calculate-button{ line-height:inherit;} /*.shopping-cell1.cart-item { width: 75px; }*/ .shopping-cell1.empty{width: 28px;} .shopping-cell1.product { width: 324px; } .shipping-calculate input { float: right; text-align: left; width: 75%; } .free-banner { color: #222; padding: 2px 0; text-align: left; } .free-banner h4 { font-weight: normal; } .shippingandpickup > ul { list-style: none outside none; } .accordion-toggle h3 { margin-bottom: 10px; } .accordion-toggle > div { padding-bottom: 30px; } .checkout-price > ul, .Shipping-free > ul { list-style: none outside none; } .checkout-price > ul li, .Shipping-free > ul li { list-style: none outside none; } .checkout-price > ul li.offer-price, .Shipping-free > ul li.offer-price { list-style: none outside none; } .checkout-price > ul li.real-price, .Shipping-free > ul li.real-price , .real-price{ list-style: none outside none; font-size: 16px; } .checkout-price > ul li.real-price h5.checkout-price, .Shipping-free > ul li.real-price h5.checkout-price , .real-price h5.checkout-price , .real-price { text-decoration: line-through; } /* affecting global css .place-order { clear: both; float: right; } */ .place-order.res{float: none;} .order-confirm-details p { color:#333; clear:both;font-size: 16px;line-height: 24px;} .order-confirm-details p span.sub-title{font-style: italic;font-size: 14px;} .checkout-price > ul li.offer, .Shipping-free > ul li.offer { font-size: 12px; color: #ccc; } .orderF-container.subtotal { border-bottom: 1px solid #ccc; } .shipping-calculate .custom-select, .shipping-calculate .custom-select ul { float: right; left: 0; position: relative; right: 0; width: 75%; height: auto; } .shipping-calculate li { clear: both; } .Shipping-free { float: right; } .orderF-container.shipping-container p { display: inline-block; float: none; text-align: right; margin: 0; padding: 24px 4px; } .shipping-calculate h4 { margin-bottom: 20px; } .popupReviewCart.shopping-table.clearfix { padding-top: 0; } .left-side-your-order-list .popupReviewCart.shopping-table.clearfix { padding: 20px 0 10px; } .popupReviewCart.shopping-table.title.clearfix { padding-top: 15px; } /*.checkout-details.order-confirm { width: 155px; }*/ .your-cart-checkout-details.order-confirm { width: 40%; } .your-cart-product-details p{font-size: 16px !important;} .payment-checkout > li div.payment-title.active { background: none repeat scroll 0 0 #ccc; color: #282828; } .popup-block.small-popup.checkout-popup { border-radius: 0; height: 404px; max-width: 831px; text-align: center; width: 831px; padding-top: 175px; } .checkout-popup { background: url('/moprosuite/v13/create/_static2/_css/_images/exclamation-mark.png') no-repeat center 71px #fff; } .popup-block.small-popup.checkout-popup > h3 { text-align: center; } .checkout-popup .popup-close { background: url('/moprosuite/v13/create/_static2/_css/_images/popup-close-btn-new.png') no-repeat 0 0 #fff; height: 30px; width: 30px; } .checkout-popup .popup-close:before { display: none; } .pickUp-map > ul { padding-top: 10px; font-size:16px; } .pickUp-map > span { font-size:16px; } .left-side-your-order-list .shippingReviewImg { width: 60px; } .left-side-your-order-list .checkout-price {text-align:center; margin-left: 5px;} .checkout-payment-card-detail { margin: 10px 0; overflow: hidden; } .card-holder { clear: both; } .lbldummy { display: inline-block; } .payment-mode-width { width: 100% !important; } .exp-date { float: left; width: 525px; margin-top: 5px; } .exp-date > li { float: left; margin-right: 24px !important; width: 45% !important; } .exp-date select { width: 92px; } .shippingandpickup { clear: both; overflow: hidden; } .selectik.payment-info { height: 45px; overflow: auto; } .single-line-display .done select , .checkout-shipping-service .done select{ /*display: none;*/ margin-bottom: -32px; opacity: 0; } .shippingandbilling{width:100%;} .shippingandpickup ol > li { width: auto; } .pointer-icon{cursor:pointer;} .reset-button{font-size:16px;} .btn-shipping-calculate{background:#ccc !important;color:#333 !important} .same-shipping-detail{ margin:20px 0 0 0; } .shipping-info{padding-top:0px;} .checkout-shipping-service .custom-select.done { width: 51%; } /*---------------------- test -----------------------*/ .cvv { float: left; width: 182px !important; position: relative; margin-top: 5px; } .ccv-popup-visa.single-page { height: auto; left: 0; position: absolute; top: 32px; width: 230px; z-index: 2; } .ccv-popup-visa.single-page:hover ,.ccv-popup-visa:hover { display:block; } .cvv-link.pull-right { line-height: 18px; padding: 2px 0 0; margin-top: -19px; cursor: help; } .payment-title.address { overflow: hidden; width: 100%; } .promocode-wrapper { width: 100%; display: table; padding: 0 0; } .promocode-wrapper-div { display: table-cell; width: 100%; vertical-align: bottom;} .checkout-inputtext { width: 100%; padding: .5em 1em; } .promo { color: black; padding: .5em 1em; white-space: nowrap; margin: 0 0 0 1em; } .promocode-wrapper-div .checkout-inputtext { box-sizing: border-box;display: inline-block;margin-right: 20px;padding-right: 20px;width: 98%;} .promocode-wrapper-div .checkout-button { margin: -41px 0 0 10px !important;} .card-error { margin-left: -350px; margin-top: 52px; position: absolute; } .accordion-heading .message-block h3 { margin: 0; } .accordion-heading .sucess-msg h3 { color: #688135; } .accordion-heading .message-block h3 { line-height: 25px; padding: 0 0 1px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.58); text-align: center; font-size: 18px; } .accordion-heading .message-block { margin: 15px 0; } .accordion-heading .sucess-msg { background: none repeat scroll 0 0 #eaf3d8; border: 1px solid #94c433; color: #688135; } .accordion-heading .message-block { border-radius: 3px; padding: 15px 15px 19px; text-align: center; } .accordion-heading .message-block span { font-family: Georgia; font-size: 12px; font-style: italic; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.58); } .est { clear: both; } .ShoppingCart_View.order-confirm h3{font-size:24px;margin-bottom: 10px;} .ShoppingCart_View.order-confirm p{font-size:18px;line-height: 26px;} .ShoppingCart_View.order-confirm address { display: block; font-size: 18px; line-height: 26px; color: #949494; font-weight: normal;} .full-width{ width:100%;} .order-total{font-size:25px;font-weight:bold;} .shopping-cell1.product-title { width: 324px; } .ShoppingCart_View.order-confirm h3:after { border-bottom: 1px solid #ccc; content: "."; display: block; font-size: 0; height: 0; width: 36px; } .checkout-part.checkout-payment.no-border .custom-select li { margin-bottom: 0px; } /*common styles */ .topContent { border-bottom: 1px solid #000; height: 60px; position:relative; z-index:1; } .itemNav { float:left; width:76% } .itemNav ul { list-style-type:none; padding:0; } .itemNav ul li { display:inline; padding:0 17px 0 8px; position:relative; font-size:13px; color:#9f9f9f; } .itemNav ul li:hover { color:#00cfff; cursor:pointer; } .itemNav ul li label{ cursor:pointer; font-weight:bold; } .itemNav ul li .dropArrow { background: url("/moprosuite/v13/create/_static2/_css/_images/down2Arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 18px; height: 18px; position: relative; right: -95px; width: 15px; z-index:1; } .itemNav ul li:hover .dropArrow { background-position:right bottom } .itemDropdownView { position:absolute; top:50px;left:0; height:250px; width:480px; z-index:1; background-color:#fff;color:#a1a1a1; } .itemDropdownView ul { list-style-type:none; display:inline-block; margin: 5px; } .itemDropdownView ul li { padding:10px; } .itemDropdownView ul li:hover { color:#3dcaf7; cursor:pointer; } .itemDropdownView ul li:first-child { font-weight:bold; } .itemDropdownView ul li span { color:#48a5c4; z-index:5 } .searchContent { float:left; } .rightArrow { background: url("/moprosuite/v13/create/_static2/_css/_images/rightArrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 15px; width:9px; float:left; margin: 8px 0 0 20px; cursor:pointer; } .searchProduct { float:left; margin-left: 5px; border:1px solid #9f9f9f; margin:0 0 0 2px; } .searchContent .searchProduct .watermark { font-family: futura-pt-1; font-style: italic; font-size:13px; } .sortNewness p{ color: #777; font-weight: 700; text-transform: uppercase; font-size: 14px; } .itemNavNames { float:left; padding-bottom: 20px; width: 100%; position:relative; } .clearallcls{ color:#00cfff !important; font-weight:700; } .itemNavNames ul { list-style-type:none; padding: 5px 0 0 0; } .itemNavNames ul li { display:inline-block; padding:0 17px 0 15px; position:relative; font-size:11px; color:#9f9f9f; cursor:pointer; text-transform:uppercase; z-index: 0; } .itemNavNames ul li:hover { color:#767676; } .itemNavNames ul li .dropArrow { background: url("/moprosuite/v13/create/_static2/_css/_images/clearBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 7px; height: 7px; position: absolute; left: 0; top: 4px; cursor:pointer; z-index:0; } .productItemCls{ position:relative; } .span9 .span3.productItemCls { height: 315px; margin-bottom: 20px; width: 31.5%; } .span12 .span3.productItemCls { float: left; margin: 0 1% !important; position: relative; width: 23%; clear: none; height: 424px; } .sortDropDownContent ul { list-style-type:none; } .sortDropDownContent ul li { padding:10px; color:#bababa; font-weight:bold; text-align: left; } .sortDropDownContent ul li:hover { background-color:#00cfff; color:#fff; cursor:pointer; } .itemCatalog { height: 270px; overflow: hidden; position: relative; text-align: center; vertical-align: middle; } .itemCatalogImg img { height:210px; width:275px; float:left; } .itemCatalogImgCont { text-align:center; } .itemCatalogImgCont P { font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .itemCatalog .hoverContent h5 { color:#fff; } .itemCatalog .chooseOption { border: 1px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; font-size: 12px; margin: 120px auto 0; padding: 10px 10px; text-align: center; width: 125px; } .blankView { border-bottom:1px solid #000; height:300px; } .itemCatalog img { max-width: 100%; width: auto; } .theActiveState{ color: #00baff; } /*common styles */ .searchContent { float: right; position:relative; width: 100%; z-index:2; } .searchProduct { border: 1px solid #9f9f9f; float: left; margin: 9px 0 0; width: 100%; } .verticalProductCateg { float: left; width: 100%; } .horizontalWidth { width:100%; } .subcategorycls li span { cursor:pointer; } .variationoptioncls .verticalnav { border-bottom: 1px solid #000; border-top: 1px solid #000; margin-left: -30px; padding: 10px; font-size:16px; } .variationoptioncls ul { margin-left: -20px !important; } .verticalnav span.plus { margin: 0 35px 0 0 !important; font-size: 14px; } .searchContent .searchHorizantal { position:absolute; z-index: 1; right: 0; width:175px; top: -8px; } .searchContent .searchHorizantal .mag { top: 7px !important; } .searchContent .searchHorizantal .db-close { top: 7px!important; } .searchContent .searchProduct input { border: medium none; font-family: futura-pt-1; float: left; height: 25px; margin: 0; padding: 0 25px 0 5px; width: 100%; color: #9f9f9f; font-weight:700; text-decoration:italic; } .searchItem input { text-decoration:italic; width:150px; height :30px; border:none; float:left; margin: 0; } .productName { color: #767676; float: left; font-family: futura-pt-1; font-size: 20px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; } .sortDropDown { position:relative; float:right; } .sortNewness { cursor: pointer; float: right; margin: 0 25px 25px; position: relative; text-align: right; width: 160px; } .sortNewness span { background: url("/moprosuite/v13/create/_static2/_css/_images/down2Arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 15px; height: 18px; position: absolute; right: -20px; cursor:pointer; top: 8px; } .sortDropDownContent { border: 1px solid #ebebeb; float: right; font-size: 12px; height: 165px; left: 0; position: absolute; top: 25px; width: 170px; z-index: 9999; background-color:#fff; } .sortDropDownContent ul li.active { background-color: #00cfff; border: 1px solid #fff; color: #fff; } .prodCategories h5 { border-top:1px solid #000; border-bottom:1px solid #000; padding:10px; margin:10px 0; color:#9f9f9f; font-size:13px; font-weight:bold; } .mensCatalog ul { list-style-type:none; margin:0 0 0 20px; } .mensCatalog ul li { display:block; padding:10px; } .mensCatalog ul li span.plus { float: right; margin:0 45px 0 0; cursor:pointer; } .mensCatalog ul li span.minus { float: right; margin:0 45px 0 0; cursor:pointer; } .itemCatalogImgCont .temp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .itemCatalog .hoverContent { color:#fff; position:absolute; top:0; left:0; background-color:#676767; height:100%; width:100%; float:left; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.7; padding:25px 0 0; text-align:center; font-size:12px; } .itemCatalog .hoverContent h5, .itemCatalog .hoverContent p{ display:none; } /* H5/P CATALOG ANIMATIONS */ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -1000%, 0); transform: translate3d(0, -1000%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-moz-keyframes slideTitleP{ 0%{ margin:0; } 100%{ margin-top:-45%; color:#fff; z-index:99999999; } } @-webkit-keyframes slideTitleP{ 0%{ margin:0; } 100%{ margin-top:-45%; color:#fff; z-index:99999999; } } @keyframes slideTitleP{ 0%{ margin:0; } 100%{ margin-top:-45%; color:#fff; z-index:99999999; } } @-webkit-keyframes titlePColor{ 0%{ color:#333; } 25%{ color:#fff; } 100%{ color:#fff; } } @keyframes titlePColor{ 0%{ color:#333; } 25%{ color:#fff; } 100%{ color:#fff; } } @-webkit-keyframes fadeInDesc{ 0%{ opacity:0; } 100% { opacity: 1; } } @keyframes fadeInDesc{ 0%{ opacity:0; } 100% { opacity: 1; background-color:rgba(103,103,103, .7); } } @-webkit-keyframes fadeInBg{ 0%{ opacity:0; } 100%{ opacity:1; background-color:rgba(103,103,103, .7); } } @keyframes fadeInBg{ 0%{ opacity:0; } 100%{ opacity:1; background-color:rgba(103,103,103, .7); } } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .gallery-image-caption span, .gallery-image-caption p{ display:none; } .productlistgridcls .gallery-image-caption .span{ display:none; } /* .productlistgridcls.item-per-row-5:hover .animationWrapper, .productlistgridcls.item-per-row-6:hover .animationWrapper, .productlistgridcls.item-per-row-7:hover .animationWrapper, .productlistgridcls.item-per-row-8:hover .animationWrapper, .productlistgridcls.item-per-row-9:hover .animationWrapper, .productlistgridcls.item-per-row-10:hover .animationWrapper, .productlistgridcls.item-per-row-11:hover .animationWrapper, .productlistgridcls.item-per-row-12:hover .animationWrapper { display:none !important; } .productlistgridcls.item-per-row-5:hover .chooseOption, .productlistgridcls.item-per-row-6:hover .chooseOption, .productlistgridcls.item-per-row-7:hover .chooseOption, .productlistgridcls.item-per-row-8:hover .chooseOption, .productlistgridcls.item-per-row-9:hover .chooseOption, .productlistgridcls.item-per-row-10:hover .chooseOption, .productlistgridcls.item-per-row-11:hover .chooseOption, .productlistgridcls.item-per-row-12:hover .chooseOption { display:none !important; } .productlistgridcls.item-per-row-5:hover .gallery-image-caption, .productlistgridcls.item-per-row-6:hover .gallery-image-caption, .productlistgridcls.item-per-row-7:hover .gallery-image-caption, .productlistgridcls.item-per-row-8:hover .gallery-image-caption, .productlistgridcls.item-per-row-9:hover .gallery-image-caption, .productlistgridcls.item-per-row-10:hover .gallery-image-caption, .productlistgridcls.item-per-row-11:hover .gallery-image-caption, .productlistgridcls.item-per-row-12:hover .gallery-image-caption { background:transparent !important; } */ #liquidImageContainer{ margin-top:10px } #imageContainer a{ font-size:13px; } #variationContainer { margin-top: 55px; } .productItemCls:hover .itemCatalogImgCont .hoverContent{ display:block !important; overflow:visible; -webkit-animation-name:fadeInDesc; animation-name:fadeInDesc; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99999999; text-wrap:normal; white-space:nowrap; width:100%; text-overflow: ellipsis !important; overflow:hidden !important; width:100% !important; } .productItemCls:hover .chooseOption{ display:block !important; overflow:visible; -webkit-animation-name:fadeInDown; animation-name:fadeInDown; opacity:1 !important; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99999999; } .productItemCls:hover .itemCatalogImgCont{ overflow:visible; } .temp-product-footer{ width:100%; position:relative !important; } .productvariatncls{ text-transform:uppercase; font-size: 14px; font-weight: 700; color: #777; padding-bottom: 15px; } #spnreadmore{ cursor:pointer; } .readMoreDropDown .readLessArrows{ -webkit-transform:none; -moz-transform:none; transform:none; } .productItemCls:hover .itemCatalog .hoverContent{ display:block !important; overflow:visible; -webkit-animation-name:fadeInBg; animation-name:fadeInBg; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99; } .productItemCls:hover .itemCatalogImgCont .temp-product-footer{ display:block !important; position:absolute; z-index:999; } .itemCatalogImgCont{ height:75px; } .optionsV2{ text-transform:uppercase !important; font-size: 14px; font-weight: 700; color: #777; } .productItemCls:hover .itemCatalogImgCont .temp-product-footer .animationWrapper{ display:inline-block; overflow:visible; -webkit-animation-name:slideTitleP; -moz-animation-name:slideTitleP; animation-name:slideTitleP; -webkit-animation-duration:.4s; -moz-animation-duration:.4s; -animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99999999; } .backToStoreText{ line-height: 21px; } .productItemCls:hover .itemCatalogImgCont .temp-product-footer h5{ display:block !important; overflow:visible; -webkit-animation-name:titlePColor; animation-name:titlePColor; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99999999; } .productItemCls:hover .itemCatalogImgCont .temp-product-footer p{ display:block !important; overflow:visible; -webkit-animation-name:titlePColor; animation-name:titlePColor; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99999999; } .itemCatalog .cartBtn { background: url("/moprosuite/v13/create/_static2/_css/_images/cartBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 35px; margin: 30px auto; width: 35px; cursor:pointer; } #sortbySelectedData{ cursor:pointer; } .productItemCls:hover .gallery-image-caption .cartBtn { margin:30% auto auto auto; position:relative; -webkit-animation-name:fadeInDown; animation-name:fadeInDown; opacity:1 !important; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; z-index:99999999; } .blankView { border-bottom:none; text-align: center; font-family: futura-pt-1; font-size:24px; color:#9f9f9f; margin-top: 20%; } .viewItems { margin:25px; font-size:13px; border-top:1px solid #000; padding-top: 20px; } /***** IC/IP jimmy adds *****/ /***** changing product image sizes per row size, leaving 1 and 2 untouched, they're fine *****/ .item-per-row-3.productlistgridcls .media-grid .imageWrapper{ height:350px; } .item-per-row-4.productlistgridcls .media-grid .imageWrapper{ height:250px; } .item-per-row-5.productlistgridcls .media-grid .imageWrapper{ height:200px; } .item-per-row-6.productlistgridcls .media-grid .imageWrapper{ height:175px; } .item-per-row-7.productlistgridcls .media-grid .imageWrapper{ height:150px; } .item-per-row-8.productlistgridcls .media-grid .imageWrapper{ height:125px; } .item-per-row-9.productlistgridcls .media-grid .imageWrapper{ height:100px; } .item-per-row-10.productlistgridcls .media-grid .imageWrapper{ height:100px; } .item-per-row-11.productlistgridcls .media-grid .imageWrapper{ height:75px; } .item-per-row-12.productlistgridcls .media-grid .imageWrapper{ height:75px; } #descContainer{ font-size:20px; padding-left:5px; margin-bottom: 15px; } /***** modifying animated element margins for certain rows *****/ /* horizontal nav */ .item-per-row-1.productlistgridcls .media-grid .imageWrapper .chooseOption, .item-per-row-1.productlistgridcls .gallery-image-caption .cartBtn{ margin:32% auto auto auto; } .item-per-row-2.productlistgridcls .productItemCls:hover .itemCatalogImgCont .temp-product-footer h5{ margin:50px auto auto auto; } .item-per-row-2.productlistgridcls .media-grid .imageWrapper .chooseOption, .item-per-row-2.productlistgridcls .gallery-image-caption .cartBtn{ margin:45% auto auto auto; } .item-per-row-3.productlistgridcls .productItemCls:hover .itemCatalogImgCont .temp-product-footer h5{ margin:-60px auto auto auto; } .item-per-row-3.productlistgridcls .gallery-image-caption .cartBtn{ margin:80% auto auto auto; } .item-per-row-4.productlistgridcls .productItemCls:hover .itemCatalogImgCont .temp-product-footer h5{ margin:-60px auto auto auto; } .item-per-row-4.productlistgridcls .gallery-image-caption .cartBtn{ margin: 84% auto auto auto; } /***** end jimmy adds *****/ /*common styles */ .itemHeading { color:#878787; font-size:13px; margin:5px 0; padding:5px 0; display: inline-flex; text-transform: uppercase; } .itemHeading a{color:#878787 !important;} .itemHeading span { color:#00cfff; padding:5px; } .itemProfile { background-color: #fff; height: 420px; position: relative; text-align: center; vertical-align: middle; border: 1px solid #c2c2c2; overflow:hidden; } .activeMenus { font-weight:700 !important; color:#00cfff !important; } .itemProfileSmallImage { position:relative; float:left; } .itemProfileSmallImage img { max-height:100px; width:61px; float:left; margin:5px; cursor:pointer; } .playBtn { height:42px; width:42px; float:left; position:absolute; top:25px; left:15px; background: url("/moprosuite/v13/create/_static2/_css/_images/playBtn.png") no-repeat; } .itemDesp { color: #767676; font-size: 14px; text-align: center; line-height: 25px; border-bottom: 1px solid #777; margin: 35px 0 0 0; text-transform: uppercase; font-family: futura-pt-1 !important; } .itemsku { font-size:12px !important; } .itemMainDesp { color:#767676; font-size:14px; text-align:left; margin:10px; font-family: futura-pt-1 !important; } .itemMainDesp .desp { color:#777777; font-weight:bold; margin: 15px 0 5px; } .itemDesp p { color:#767676 !important; font-family: futura-pt-1 !important; } .itemMainDesp p { margin:10px 0; font-size:14px !important; color:#767676 !important; line-height: 21px; } .itemMainDesp p span { padding-right:5px; font-size:14px; } .itemMainDesp ul { list-style-type:disc; margin:10px 10px 10px 20px; } .itemMainDesp .bold{font-weight:700;} .itemMainDesp .hideOverflow { height:220px; overflow:hidden; } .itemMainDesp .showOverflow { overflow:visible; } .readMoreDropDown { position:relative; float:right; font-weight:bold; font-size:12px; } .readMoreNewness { float:right; position:relative; margin:0; } .readMoreDropDown .readMoreArrow{ background: url("/moprosuite/v13/create/_static2/_css/_images/readMoreArrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; cursor: pointer; height: 6px; position: absolute; right: -13px; top: 8px; width: 9px; } .viewLessArrow{ -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } /* .readMoreNewness span { background: url("/moprosuite/v13/create/_static2/_css/_images/down2Arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 15px; height: 18px; position: absolute; right: -25px; bottom: 0px; cursor:pointer; }*/ .readMoreDropDownContent { border: 1px solid #ebebeb; float: right; font-size: 12px; height: 175px; left: 0; position: absolute; top: 25px; width: 250px; z-index: 1; background-color:#fff; } .readMoreDropDownContent ul { list-style-type:none; } .readMoreDropDownContent ul li { padding:10px; color:#bababa; font-weight:bold; } .readMoreDropDownContent ul li:hover { background-color:#00cfff; color:#fff; cursor:pointer; } .itemMainAddInfo { margin-top:50px; border-top:1px solid #777; } .itemMainAddInfo .AdditionalInfo { color:#767676; font-size:14px; text-align:left; margin:10px; } #variationInnerContainer .custom-select { width:72%; } .itemDiff { color: #777; float: left; font-weight: bold; margin: 35px 0 0; text-align: center; vertical-align: middle; border-top: 1px solid #777; } .itemDiff input { width:170px; height:25px; margin:10px 0; } .itemDiff .profileItems { margin:0 0 25px 0; width:170px; } .emptyBorder { border-bottom:1px solid #000; height:120px; } .itemAddToCart { position:relative; background-color: #00cfff; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; color: #fff; font-size: 12px; height: 60px; letter-spacing: 1px; margin: 45px 0 0 10px; padding: 20px 20px 20px 55px; width: 175px; } .ghost{ -webkit-animation-name:fadeOutUp !important; animation-name:fadeOutUp !important; -webkit-animation-duration:1s !important; animation-duration:1s !important; } .itemAddToCart:hover { margin-top: 44px; text-decoration: none; transition: all 0.1s linear 0s; cursor:pointer; } .itemAddToCart .cartImage { background: url("/moprosuite/v13/create/_static2/_css/_images/cartImage.png") no-repeat; width: 39px; height: 39px; position: absolute; top:10px; left: 15px; } .backToStore { margin-top: 85px; padding: 10px 0; float: left; color: #878787; font-weight: bold; position: relative; } .backToStore:hover { margin-top: 84px; text-decoration: none; transition: all 0.1s linear 0s; cursor:pointer; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .socialshareicons:hover{ -webkit-animation-name:rubberBand; animation-name:rubberBand; -webkit-animation-duration:1s; animation-duration:1s; } .backBtn { background: url("/moprosuite/v13/create/_static2/_css/_images/backToStoreBtn.png") no-repeat; width: 21px; height:21px; float:left; margin-right:10px; } .socialShare { color: #878787; margin: 45px 0 10px 0; padding:10px; font-weight:bold; } .socialIcons { float:left; } .socialIcons .socialLeftArrow { float:left; background: url("/moprosuite/v13/create/_static2/_css/_images/social-left-arrow.png") no-repeat; width: 4px; height:7px; margin:10px 10px 10px 0; cursor:pointer; } .socialIcons .socialRightArrow { float:right; background: url("/moprosuite/v13/create/_static2/_css/_images/social-right-arrow.png") no-repeat; width: 4px; height:7px; margin:10px; cursor:pointer; } .socialIcons ul { list-style-type:none; float:left; margin-left:10px; } .socialIcons ul li { display:inline; margin: 2px; } .socialIcons ul li img { height:32px; width:32px; cursor:pointer; } .itemProfileviewItems { margin:25px 0 25px 0; font-size:13px; border-top:1px solid #000; padding-top: 20px; } .itemProfileImgCont { text-align:center; } .itemProfileImgCont P { font-size:12px; } #liquidImageContainer .wrapper { width:1024px !important } #liquidImageContainer .wrapper ul { height: 95px !important; width:100%; } #liquidImageContainer .wrapper ul li { display: inline !important; } #imageContainer .liquid { width:85%; position:relative; margin-left: 30px; /*padding:10px 0;*/ } .hoverContent.temp{ font-size:14px !important; } #imageContainer .liquid .previous { background:url('/uploads.hipchat.com/7813/92059/M2FepRg4pb2sDQe/previous.png') no-repeat; cursor: pointer; display: block; float: left; height: 20px; margin: 0; padding: 0; position: absolute; width: 20px; z-index: 1; left:0; top:42px; -webkit-opacity:0.5; -moz-opacity:0.5; opacity:0.5; } #imageContainer .liquid .previous:hover, #imageContainer .liquid .next:hover { -webkit-opacity:1; -moz-opacity:1; opacity:1; } #imageContainer .liquid .next { background:url('/uploads.hipchat.com/7813/92059/jUCZonhZg1i8SYI/next.png') no-repeat; cursor: pointer; display: block; float: right; height: 20px; margin: 0; padding: 0; position: absolute; width: 20px; z-index: 1; right:0; top:42px; -webkit-opacity:0.5; -moz-opacity:0.5; opacity:0.5; } #imageContainer .liquid ul li { width:80px; /*padding:0 2px; margin:0;*/ } .liquid .wrapper ul li a.active { border:1px solid #c2c2c2 } /* #imageContainer .liquid ul li a img { -moz-box-shadow: 5px 5px 3px #222; -webkit-box-shadow: 5px 5px 3px #222; box-shadow: 5px 5px 3px #222; } */ /* * Owl Carousel Owl Demo Theme * v1.23 */ /* Cubicle CSS Starts */ .profileItems .sizeVariants { background-color: #fff; border: 1px solid #ebebeb; float: right; font-size: 12px; height: 200px; left: 0; position: absolute; top: 25px; width: 170px; z-index: 1; } .profileItems .sizeVariants ul { list-style-type: none; } .profileItems .sizeVariants ul li { color: #bababa; font-weight: bold; padding: 10px; } .profileItems .sizeVariants ul li:hover { background-color: #00cfff; color: #fff; cursor: pointer; } .cubicleBox1 { height: 70px; } .cubicleBox2 { height: 125px; } .cubicleBox3 { height: 180px; } .cubicleSize { width:195px; padding:9px; margin:15px 0 0 0; } .cubicleSize .varient { width:58px; height:53px; border:1px solid #d6d6d6; float:left; text-align: center; padding:15px 0 0 0; font-weight:700; color:#777777; } .cubicleSize .varient:hover { background-color:#00cfff; color:#fff; cursor:pointer; } .cubicleColors { width:195px; padding:9px; margin:15px 0 0 0; } .cubicleColors .varientColors { width:58px; height:53px; float:left; text-align: center; padding:15px 0 0 0; } .cubicleColors .varientColors:hover { border:5px solid #12a4cd; cursor:pointer; } .color1 { background-color:#010101; } .color2 { background-color:#fe5252; } .color3 { background-color:#7d7d7d; } .color4 { background-color:#17859e; } .color5 { background-color:#b082dc; } .color6 { background-color:#113d48; } /* Cubilel CSS Ends */ .owl-carousel .owl-wrapper:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .owl-carousel { display: none; position: relative; width: 100%; } .owl-carousel .owl-wrapper { display: none; position: relative; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out 0s; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -moz-user-select: none; } .grabbing { cursor: url("http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/grabbing.png") 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ /*.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;8 filter: Alpha(Opacity=50);/*IE7 fix opacity: 0.5; }*/ /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(http://d2jug8yyubo3yl.cloudfront.net/moprosuite/v13/create/_static2/_css/AjaxLoader.gif) no-repeat center center } #ulCategories{ text-transform:uppercase; } #ulCategories .owl-item > div img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:4px; } #ulCategories .owl-item > div { background : #42bdc2; text-align: center; padding:50px 0px; margin:3px; color: white; font-size:32px; border:1px white; } .wrapper-with-margin { margin:0 50px 0 25px; position:absolute; z-index:100; } .owl-theme .owl-controls .owl-buttons div { position: absolute; } .owl-theme .owl-controls .owl-buttons .owl-prev { left: -45px; top: 0px; } .owl-theme .owl-controls .owl-buttons .owl-next { right: 0; top: 0; } /* Crossel List Item CSS code */ .owl-wrapper .owl-item li { list-style-type: none; padding: 5px 20px; display: block; line-height:30px; } .owl-wrapper .owl-item li:hover span .dropArrows{ background-position: 0 -17px; } .owl-wrapper .owl-item li span .dropArrows { background: url("/moprosuite/v13/create/_static2/_css/_images/down2Arrows.png") no-repeat 0 0 rgba(0, 0, 0, 0); height: 18px; background-position:0 0; position: relative; width: 15px; top:3px; left:5px; z-index: 1; display:inline-block; cursor:pointer; } .owl-wrapper .owl-item li span { padding: 5px; color: #9f9f9f; font-weight: 700; text-transform: uppercase; font-size: 14px; } .owl-wrapper .owl-item li span:hover { color: #00cfff; cursor:pointer; } .owl-item .dropArrow { background: url("/moprosuite/v13/create/_static2/_css/_images/down2Arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 18px; height: 18px; position: relative; right: -75px; width: 15px; z-index: 1; cursor:pointer; } .owl-item .variationoptioncls span .dropArrow { background: url("/moprosuite/v13/create/_static2/_css/_images/down2Arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: inline-block; height: 18px; left: 5px; position: relative; top: 3px; width: 15px; z-index: 1; } .owl-item:hover .dropArrow { background-position:right bottom; } .itemcatalogsubmenu ul li { list-style-type:none; } .itemcatalogsubmenu ul li span { padding:5px; color: #9f9f9f; } .itemcatalogsubmenu ul li span:hover { color: #00cfff; } .itemNav ul { width:100%; z-index:5; font-family: futura-pt-1; } .itemNav ul .owl-wrapper-outer { width:100%; height: 300px; } .itemNav ul .owl-wrapper-outer .owl-wrapper { width:100%; margin-top:-3px; } .itemNav ul .owl-wrapper-outer .owl-wrapper .owl-item { width:auto !important; /*width:auto !important;*/ } .owl-item .dropdown-menu { top:0; } .owl-item .active { font-weight:700; } #categoryMainContainer { position:relative; } .subcategorycls { position: absolute !important; top: 25px !important; left: 20px !important; } .Leftarrow { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* Crossel List Item CSS code */ /*********** Media Queries for Item Cataloge -Starts- ***************/ .catalogMediaHeader { display:none; } .cartContent { display:none; } .catalogMediaNav { display:none; } @media only screen and (max-device-width : 640px){ .span9 .span3.productItemCls { height:auto; } .itemCatalog { min-height: 166px; height:auto; } .prodCategories { float: left; position: relative; width: 100%; } .catalogMediaHeader { display: inline-block; width: 100%; } .catalogMediaHeader .catdisplayBtn2 { float:left; background:url("/moprosuite/v13/create/_static2/_css/_images/displayBtn2.png") no-repeat; height:27px; width:27px; margin: 4% 0 0 0; cursor:pointer; background-position: 2px 7px; background-size: 50% 50%; } .catdisplayBtn4 { float:left; background:url("/moprosuite/v13/create/_static2/_css/_images/displayBtn4.png") no-repeat; height:27px; width:27px; margin: 4% 0 0 0; cursor:pointer; background-position: 2px 7px; background-size: 50% 50%; } .catalogMediaHeader .catfilter label { float:right; padding: 5% 5% 1%; cursor:pointer; font-size:14px; color:#767676; font-weight:700; } .catalogMediaHeader .catfilter label span { margin-left: 15px; cursor:pointer; } #productListMainContainer .productItemCls { float:left; width:44%; margin:0 3%; } #productMainContainer .productItemCls { float:left; width:44%; margin:0 3%; } .cartContent { background-color: #000; bottom: 0; color: #fff; display: inline-block; left: 0; padding: 4%; position: fixed; width: 100%; z-index: 1; } .cartContent .mediaCart { background:url("/moprosuite/v13/create/_static2/_css/_images/mediaCart.png") no-repeat scroll 4px 3px / 30% 74% rgba(0, 0, 0, 0); cursor: pointer; float: left; font-size: 10px; font-weight: 700; height: 42px; padding: 3% 0 0 17%; } .cartContent .dollarAmount { float:right; font-size: 25px; font-weight:700; line-height: 39px; } .catalogMediaNav { display: inline; position: relative; width:100% } .catalogMediaNav .navItem { background: url("/moprosuite/v13/create/_static2/_css/_images/navItemcatBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; float: left; height: 34px; margin: 5% 0; width: 38px; } .catalogMediaNav .navHeading { float: left; font-size: 24px; font-weight: 700; padding: 20px; color:#767676; } .mensCatalog ul { margin:0; } .nav-list .variationoptioncls { padding:0; } .variationoptioncls .verticalnav { margin-left:0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; width : 100%; } .variationoptioncls ul li { margin-left: 20px; } .nav-list li a, .nav-list .nav-header { margin:0; } .mensCatalog ul li span.plus { margin: 0 36px 0 0; } #imageContainer, #descriptionContainer, #variationContainer { float: left; position: relative; } } /*********** Media Queries for Item Cataloge -Ends- ***************/ /****************Zoom IPIC ********************/ .zoomie { position: relative; /*height:100%;*/ } .zoomieMaxWidthImg { width:100% !important; } .zoomieMaxHeightImg { height:100% !important; } .zoomieMaxImg { width:100% !important; height:100% !important; } zoomieAutoImg { width:auto; height:auto; } .zoomie img { /*max-width: 100%; width: auto;*/ vertical-align:middle; } .zoomie-window { top: 0; left: 0; cursor: none; background-color: #fff; background-repeat: no-repeat; width: 200px; height: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; border: 1px solid #c9c9c9; border-radius: 200px; position: absolute; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 25px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 25px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 25px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.1); display: none; z-index: 10; } /**********************************************/ .productlnkcls { color:#b8b4b4; text-decoration:none; } .profileItems .sizeVariants { background-color: #fff; border: 1px solid #ebebeb; float: right; font-size: 12px; height: 200px; left: 0; position: absolute; top: 25px; width: 170px; z-index: 1; } .profileItems .sizeVariants ul { list-style-type: none; } .profileItems .sizeVariants ul li { color: #bababa; font-weight: bold; padding: 10px; } .profileItems .sizeVariants ul li:hover { background-color: #00cfff; color: #fff; cursor: pointer; } .cubicleSize { width:195px; border-top:none; padding:9px; margin:15px 0 0 0; } .cubicleSize .varient { width:58px; height:53px; border:1px solid #d6d6d6; float:left; text-align: center; padding:15px 0 0 0; } .cubicleSize .varient:hover { background-color:#00cfff; color:#fff; cursor:pointer; } .activeVariation { border:2px solid #808080 !important; } .cubicleColors { width:195px; border-top:none; padding:9px; margin:15px 0 0 0; } .cubicleColors .varientColors { width:58px; height:53px; float:left; text-align: center; padding:15px 0 0 0; } .cubicleColors .varientColors:hover { border:5px solid #12a4cd; cursor:pointer; } .mainvideo { left: 44%; top: 45%; z-index: 1; cursor:pointer; } .searchContent .searchProduct{ font-size:13px !important; } .searchContent .searchProduct .mag { background: url("/moprosuite/v13/create/_static2/_css/_images/search-butt.png") repeat scroll 0 0 transparent; width:14px; height: 14px; position:absolute; top:15px; left:5px; display:none; } .searchContent .searchProduct .db-close { background: url("/moprosuite/v13/create/_static2/_css/_images/search-close.png") repeat scroll 0 0 transparent; cursor: pointer; float: right; height: 16px; position: absolute; right: 5px; top: 17px; width: 16px; } .salepricecls { text-decoration: line-through; } /***** PAGE BLURB ANIMATIONS *****/ /*** KEYFRAMES ***/ /* IMAGE PULSE */ @-ms-keyframes pulse { 0%{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05); } 100%{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } @-webkit-keyframes pulse { 0%{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05); } 100%{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } @-moz-keyframes pulse { 0%{ -moz-transform:scale3d(1, 1, 1); -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } 50%{ -moz-transform:scale3d(1.05, 1.05, 1.05); -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05); } 100%{ -moz-transform:scale3d(1, 1, 1); -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } @keyframes pulse { 0%{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05); } 100%{ -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } } /* CONTENT FADEIN */ @-ms-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @-moz-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @-webkit-keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{ 0%{opacity:0;} 100%{opacity:1;} } /* SLIDE IN LEFT */ @-ms-keyframes slideInLeft{ 0%{ -webkit-transform:translateX(-50%); transform:translateX(-50%); visibility:visible; } 100%{ -webkit-transform:translateX(0); transform:translateX(0); } } @-moz-keyframes slideInLeft{ 0%{ -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); visibility:visible; } 100%{ -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes slideInLeft{ 0%{ -webkit-transform:translateX(-50%); transform:translateX(-50%); visibility:visible; } 100%{ -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes slideInLeft{ 0%{ -webkit-transform:translateX(-50%); transform:translateX(-50%); visibility:visible; } 100%{ -webkit-transform: translateX(0); transform: translateX(0); } } /* SLIDE IN RIGHT */ @-ms-keyframes slideInRight{ 0%{ -webkit-transform:translateX(50%); transform:translateX(50%); visibility:visible !important; } 100%{ -webkit-transform:translateX(0); transform:translateX(0); } } @-moz-keyframes slideInRight{ 0%{ -moz-transform:translateX(50%); -webkit-transform:translateX(50%); transform:translateX(50%); visibility:visible !important; } 100%{ -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes slideInRight{ 0%{ -webkit-transform:translateX(50%); transform:translateX(50%); visibility:visible !important; } 100%{ -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes slideInRight{ 0%{ -webkit-transform:translateX(50%); transform:translateX(50%); visibility:visible !important; } 100% { -webkit-transform:translateX(0); transform:translateX(0); } } /* SLIDE IN UP */ @-ms-keyframes slideInUp { 0%{ -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible !important; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); } } @-moz-keyframes slideInUp { 0%{ -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible !important; } 100%{ -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes slideInUp { 0%{ -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible !important; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes slideInUp { 0%{ -webkit-transform:translateY(100%); transform:translateY(100%); visibility:visible !important; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); } } /* WOBBLE WOBBLE */ @-ms-keyframes wobble { 0%{ -webkit-transform:none; transform:none; } 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100%{ -webkit-transform:none; transform:none; visibility:visible !important; opacity:1 !important; } } @-moz-keyframes wobble { 0%{ -moz-transform:none; -webkit-transform:none; transform:none; } 15%{ -moz-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100%{ -webkit-transform:none; transform:none; visibility:visible !important; opacity:1 !important; } } @-webkit-keyframes wobble { 0%{ -webkit-transform:none; transform:none; } 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100%{ -webkit-transform:none; transform:none; visibility:visible !important; opacity:1 !important; } } @keyframes wobble { 0%{ -webkit-transform:none; transform:none; } 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100%{ -webkit-transform:none; transform:none; visibility:visible !important; opacity:1 !important; } } /* SLIDE IN DOWN */ @-ms-keyframes slideInDown{ 0%{ -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible !important; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); } } @-moz-keyframes slideInDown{ 0%{ -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible !important; } 100%{ -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes slideInDown{ 0%{ -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible !important; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes slideInDown { 0%{ -webkit-transform:translateY(-100%); transform:translateY(-100%); visibility:visible !important; } 100%{ -webkit-transform:translateY(0); transform:translateY(0); } } /* BOUNCE IN */ @-ms-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100%{ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20%{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40%{ -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60%{ opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80%{ -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100%{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100%{ -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%{ opacity: 0; -moz-transform: scale3d(.3, .3, .3); -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20%{ -moz-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40%{ -moz-transform: scale3d(.9, .9, .9); -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60%{ opacity: 1; -moz-transform: scale3d(1.03, 1.03, 1.03); -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80%{ -moz-transform: scale3d(.97, .97, .97); -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100%{ opacity: 1; -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100%{ -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%{ opacity: 0; -moz-transform: scale3d(.3, .3, .3); -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20%{ -moz-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40%{ -moz-transform: scale3d(.9, .9, .9); -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60%{ opacity: 1; -moz-transform: scale3d(1.03, 1.03, 1.03); -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80%{ -moz-transform: scale3d(.97, .97, .97); -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100%{ opacity: 1; -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100%{ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20%{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40%{ -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60%{ opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80%{ -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100%{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* FLIP */ @-ms-keyframes flip { 0%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40%{ -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50%{ -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80%{ -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flip { 0%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40%{ -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50%{ -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80%{ -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0%{ -webkit-transform: perspective(400px) rotate3d(0, 0, 0, -360deg); transform: perspective(400px) rotate3d(0, 0, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40%{ -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 0, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 0, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50%{ -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 0, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 0, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80%{ -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } /* FADE IN UP */ @-ms-keyframes fadeInUp{ 0%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100%{ opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp{ 0%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100%{ opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100%{ opacity: 1; -webkit-transform: none; transform: none; } } @-ms-keyframes tada{ 0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20%{ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes tada{ 0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20%{ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada{ 0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20%{ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /*** ANIMATION CLASSES ***/ /* TRIGGER */ .animated { -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* PULSE */ .mod_article.animated.pulse .article-photo:hover{ -webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mod_article.animated.pulse{ -webkit-animation-name:fadeIn; animation-name:fadeIn; visibility:visible !important; } .mod_article.pulse { visibility:hidden; } /* ZOOM */ .mod_article.animated.zoom .articleImg:hover{ -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); transform:scale(1.5,1.5); -webkit-transition:.7s; -moz-transition:.7s; transition:.7s; } .mod_article.animated.zoom .articleImg{ -webkit-transform:scale(1,1); -moz-transform:scale(1,1); transform:scale(1,1); -webkit-transition:.7s; -moz-transition:.7s; transition:.7s; } .mod_article.animated.zoom .article-photo{ overflow:hidden; } .mod_article.animated.zoom{ -webkit-animation-name:fadeIn; animation-name:fadeIn; } .mod_article.zoom { opacity:0; } /* SLIDE IN LEFT */ .mod_article.animated.animSlideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animSlideInLeft{ visibility:hidden; } /* SLIDE IN RIGHT */ .mod_article.animated.animSlideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animSlideInRight { visibility:hidden; } /* TEXTION */ .mod_article.animated.textion h3{ -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.textion h3{ visibility:hidden; } .mod_article.animated.textion h6{ -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.textion h6{ visibility:hidden; } .overlayMod{ position: fixed; z-index: 999999; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background:rgba(0,0,0,.6); filter: alpha(opacity=80); } /* WOBBLE WOBBLE */ .cartWobble{ -webkit-animation-name:wobble; animation-name:wobble; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mod_article:hover.animated.wobbleWobble a.btn:hover{ -webkit-animation-name:wobble; animation-name:wobble; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow-x:hidden; } .mod_article.wobbleWobble{ visibility:visible; } /* CHAOTIC SYNCHRONIZED */ .mod_article.animated.chaotic .articleImg{ -webkit-animation-name:slideInDown; animation-name:slideInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animated.chaotic h3{ -webkit-animation-name:slideInLeft; animation-name:slideInLeft; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animated.chaotic h6{ -webkit-animation-name:slideInRight; animation-name:slideInRight; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animated.chaotic p { -webkit-animation-name:slideInUp; animation-name:slideInUp; -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animated.chaotic a.btn, .mod_article.animated.chaotic a{ -webkit-animation-name:slideInUp; animation-name:slideInUp; -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.chaotic{ visibility:hidden; } /* SUBTLE ARRIVAL */ .mod_article.subtleArrival{ visibility:hidden; } .mod_article.subtleArrival.animated h3{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.subtleArrival.animated h6{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:.3s; animation-delay:.3s; visibility:visible !important; } .mod_article.subtleArrival.animated p{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:.6s; animation-delay:.6s; visibility:visible !important; } .mod_article.subtleArrival.animated a.btn, .mod_article.subtleArrival.animated a{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:.6s; animation-delay:.6s; visibility:visible !important; } .mod_article.subtleArrival.animated .articleImg{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:.6s; animation-delay:.6s; visibility:visible !important; } /* BOUNCE IN */ .mod_article.bounceInAnim.animated h3{ -webkit-animation-name:bounceIn; animation-name:bounceIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.bounceInAnim.animated h6{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.bounceInAnim.animated a.btn, .mod_article.bounceInAnim.animated a{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.bounceInAnim.animated p{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.bounceInAnim.animated .articleImg{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.bounceInAnim{ visibility:hidden; } /* CORKSCREW */ .mod_article.corkscrew{ visibility:hidden; } .mod_article.corkscrew.animated .articleImg{ -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-duration: .7s; animation-duration: .7s; visibility:visible !important; } .mod_article.corkscrew.animated h6{ -webkit-animation-name:slideInUp; animation-name:slideInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.corkscrew.animated h3{ -webkit-animation-name:slideInUp; animation-name:slideInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.corkscrew.animated p{ -webkit-animation-name:slideInUp; animation-name:slideInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.corkscrew.animated a.btn, .mod_article.corkscrew.animated a{ -webkit-animation-name:slideInUp; animation-name:slideInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } /* PHOTO BOUNCE */ .mod_article.photoBounce.animated h3{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.photoBounce.animated h6{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.photoBounce.animated a.btn, .mod_article.photoBounce.animated a{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.photoBounce.animated p{ -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.photoBounce.animated .articleImg{ -webkit-animation-name:bounceIn; animation-name:bounceIn; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility:visible !important; } .mod_article.photoBounce{ visibility:hidden; } /* FILL ME UP BUTTERCUP - STILL IN PROGRESS, FOR PHASE 2 */ .mod_article.fillMeUpButtercup.animated a.btn{ background: linear-gradient(to left, white 50%, black 50%); background-size: 200% 100%; background-position:right bottom; transition:all .7s ease; } .mod_article.fillMeUpButtercup a.btn{ background: linear-gradient(to left, white 50%, black 50%); background-size: 200% 100%; background-position:right bottom; transition:all .7s ease; } .mod_article.fillMeUpButtercup.animated a.btn:hover{ background-position:left bottom; } .mod_article.fillMeUpButtercup{ visibility:visible; } .mod_article.fillMeUpButtercup a.btn{ transition:all .7s ease; } .mod_article.fillMeUpButtercup{ -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* SYNCHRONIZED */ .mod_article.synchronized{ visibility:hidden; } .mod_article.synchronized.animated{ visibility:visible !important; } .mod_article.synchronized.animated .articleImg{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.synchronized.animated h3{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.synchronized.animated h6{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.6s; animation-delay:.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.synchronized.animated p{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.9s; animation-delay:.9s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.synchronized.animated a.btn, .mod_article.synchronized.animated a{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:1.2s; animation-delay:1.2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } /* TOP SLIDE */ .mod_article.topSlideAnim{ visibility:hidden; } .mod_article.topSlideAnim.animated{ visibility:visible !important; } .mod_article.topSlideAnim.animated .articleImg{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.topSlideAnim.animated h3{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.topSlideAnim.animated h6{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.6s; animation-delay:.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.topSlideAnim.animated p{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.9s; animation-delay:.9s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.topSlideAnim.animated a.btn, .mod_article.topSlideAnim.animated a{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:1.2s; animation-delay:1.2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animTada.animated h3{ -webkit-animation-name:tada; animation-name:tada; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:1.2s; animation-delay:1.2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } /* ZOOM IN DOWN */ .mod_article.animZoomInDown{ visibility:hidden; } .mod_article.animZoomInDown.animated{ visibility:visible !important; } .mod_article.animZoomInDown.animated .articleImg{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animZoomInDown.animated h3{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.3s; animation-delay:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animZoomInDown.animated h6{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.6s; animation-delay:.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animZoomInDown.animated p{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:.9s; animation-delay:.9s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } .mod_article.animZoomInDown.animated a.btn, .mod_article.animZoomInDown.animated a{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-delay:1.2s; animation-delay:1.2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; visibility:visible !important; } /* ------------------------------------------------------------------------------------------ 3.X Photo Gallery- Product Image Lists ------------------------------------------------------------------------------------------ */ #fancybox-thumbs { display: none !important; } .productlistgridcls { margin-bottom: 20px; } .productlistgridcls .media-grid { float: left; margin-bottom: 2.564102564102564%; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; padding: 0px; -webkit-transition-timing-function: linear, ease-in; -moz-transition-timing-function: linear, ease-in; -o-transition-timing-function: linear, ease-in; transition-timing-function: linear, ease-in; -webkit-transition-duration: .25s, .25s; -moz-transition-duration: .25s, .25s; -o-transition-property: .25s, .25s; transition-property: .25s, .25s; } .productlistgridcls .media-grid a { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%; /* 16/9 ratio */ overflow: hidden; text-decoration: none; cursor: pointer; } /* Thumbnail Aspect Ratio */ .productlistgridcls.gallery-rectangle-thumbnail .media-grid a { padding-bottom: 56.25%; /* 16/9 ratio */ } .productlistgridcls.gallery-square-thumbnail .media-grid a { padding-bottom: 100%; } .productlistgridcls .media-grid a img { position: absolute; left: 0; z-index: 1; width: 100%; height: auto; border: 0 !important; } /* Photo Gallery Caption ------------------------------------- */ .productlistgridcls .gallery-image-caption { position: absolute; z-index: 2; display: none; width: 100%; padding: 1% 15px; opacity: 0; background: rgba(0, 0, 0, 0.8); text-align:center; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#90000000', endColorstr='#90000000'); -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } /* Hover For Caption Fade In --------------------------------- */ /*.productlistgridcls .media-grid a:hover .gallery-image-caption { opacity: 1; display: block; }*/ .product-new{ height:40px; width:40px; background-color:red; text-transform:uppercase; color:white; text-align:center; line-height:40px; font-size:14px; font-weight:700; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; position:absolute; top:-20px; right:-20px; z-index:10; } .verticalcls .subcategorycls{ position:relative !important; top:0 !important; left:0 !important; margin-top:0 !important; margin-left:0 !important; } .subcategorycls{ position:absolute !important; } .productlistgridcls .media-grid .gallery-image-caption.hovercls { opacity: 1; display: block; float:none; } /* Centers Text in the caption and changes the color --------- */ .productlistgridcls .gallery-image-caption p, .divImageGalleryNormal .gallery-image-caption span { margin: 0; text-align: center; color: #ffffff; } /* Layouts -------------------------------------------------- */ .productlistgridcls .gallery-image-caption { height: 100%; } .productlistgridcls.gallery-layout-2 .gallery-image-caption { bottom: 0; opacity: 1; display: block; } /* Gallery Thumbnail Rows ---------------------------------- */ .productlistgridcls .media-grid.row-start { margin-left: 0; clear: left; } .productlistgridcls .media-grid.row-end { clear: right; } /* 1 per row */ .productlistgridcls.item-per-row-1 .media-grid { width: 75.43589743589742%; *width: 75.32951445717402%; margin: 0 12%; } /* 2 per row */ .productlistgridcls.item-per-row-2 .media-grid { width: 48.717948717948715%; *width: 48.664757228587014%; } /* 3 per row */ .productlistgridcls.item-per-row-3 .media-grid { width: 31.623931623931625%; *width: 31.570740134569924%; } /* 4 per row */ .productlistgridcls.item-per-row-4 .media-grid { width: 23.076923076923077%; *width: 23.023731587561375%; } /* 5 per row */ .productlistgridcls.item-per-row-5 .media-grid { width: 17.94%; *width: 17.89%; } /* 6 per row */ .productlistgridcls.item-per-row-6 .media-grid { width: 14.53%; *width: 14.48%; } /* 7 per row */ .productlistgridcls.item-per-row-7 .media-grid { width: 12.07%; *width: 12.02%; } /* 8 per row */ .productlistgridcls.item-per-row-8 .media-grid { width: 10.25%; *width: 10.20%; } /* 9 per row */ .productlistgridcls.item-per-row-9 .media-grid { width: 8.83%; *width: 8.78%; } /* 10 per row */ .productlistgridcls.item-per-row-10 .media-grid { width: 7.69%; *width: 7.64%; } /* 11 per row */ .productlistgridcls.item-per-row-11 .media-grid { width: 6.76%; *width: 6.71%; } /* 12 per row */ .productlistgridcls.item-per-row-12 .media-grid { width: 5.98%; *width: 5.93%; } /* Photo Gallery Pager Links --------------------------------- */ .productlistgridcls .pager { width: 100%; text-align: center; margin: 0 auto 20px auto; } .productlistgridcls .pager li { display: inline-block; *display:inline; *zoom:1; } .gallery-image-caption .chooseOption { border: 1px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; font-size: 12px; margin: 80% auto auto auto; padding: 0; text-align: center; width: 125px; color:#ffffff; } .gallery-image-caption .cartBtn { background: url("/moprosuite/v13/create/_static2/_css/_images/cartBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 35px; margin: auto; width: 35px; } .item-per-row-6 .media-grid a:hover { line-height:15px; } .item-per-row-1 .media-grid .gallery-image-caption { padding: 15% 15px; font-size: 40px; } .item-per-row-1 .media-grid .gallery-image-caption p { margin: 30px; } .dummy-image { background: url("/moprosuite/v13/create/_static2/_css/_images/blankproduct.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width:100%; height:100%; display:inline-block; } .icEmailButton{ padding: 10px !important; font-size: 12px !important; line-height:4px !important; } .icEmailButton:hover{ padding: 10px !important; font-size: 12px !important; line-height:4px !important; } .profile-popup .spinnerClass .popup-close{ top:5px !important; right:5px !important; line-height:1 !important; } .profile-popup .spinnerClass .popup-close:hover{ top:5px !important; right:5px !important; line-height:1 !important; }